refactor: changed cva to utils

Author: shairez

apps/website/public/images/qwik-ui-fluffy-creature-screen.webp

@@ -1,7 +1,7 @@
+import { stringifyClassList } from '@/packages/utils/src';
 import { QwikIntrinsicElements, component$, useSignal } from '@builder.io/qwik';
-import { stringifyClassList } from '@qwik-ui/cva';
 import { Button } from '@qwik-ui/fluffy';
-import { OmitSignalClass } from '@qwik-ui/type-utils';
+import { OmitSignalClass } from '@qwik-ui/utils';
 import copy from 'clipboard-copy';
 import { twMerge } from 'tailwind-merge';
 

apps/website/public/images/qwik-ui-headless-cta.webp

@@ -5,7 +5,7 @@ import {
   useSignal,
   useTask$,
 } from '@builder.io/qwik';
-import { OmitSignalClass } from '@qwik-ui/type-utils';
+import { OmitSignalClass } from '@qwik-ui/utils';
 import { CodeCopy } from '../code-copy/code-copy';
 import { getOrCreateHighlighter } from './get-or-create-highlighter';
 

apps/website/public/images/qwik-ui-headless-hero.webp

@@ -1,3 +1,4 @@
+import ImgQwikUiFluffyCreatureScreen from '@/apps/website/public/images/qwik-ui-fluffy-creature-screen.webp?jsx';
 import { component$ } from '@builder.io/qwik';
 import type { DocumentHead } from '@builder.io/qwik-city';
 
@@ -49,6 +50,9 @@ export default component$(() => {
         It's the perfect combination: the cutting-edge technology of Qwik, paired with the
         modern design aesthetics of Tailwind CSS.
       </p>
+      <section>
+        <ImgQwikUiFluffyCreatureScreen />
+      </section>
     </>
   );
 });

apps/website/src/routes/docs/_components/code-copy/code-copy.tsx

@@ -1,6 +1,5 @@
 import { component$, useStylesScoped$ } from '@builder.io/qwik';
 import { Badge } from '@qwik-ui/headless';
-import { Button } from '@qwik-ui/primitives';
 
 export default component$(() => {
   useStylesScoped$(`
@@ -55,12 +54,6 @@ export default component$(() => {
         Heading
         <Badge class="badge">NEW</Badge>
       </h2>
-
-      <h1>Badge in a button</h1>
-      <Button style="background-color: lightcoral">
-        Inbox
-        <Badge class="badge">+4</Badge>
-      </Button>
     </>
   );
 });