fix(styled separator): change import statements

Author: maiieul

apps/website/src/routes/docs/styled/separator/examples/hero.tsx

@@ -1,6 +1,5 @@
 import { component$ } from '@builder.io/qwik';
-import { Separator } from '@qwik-ui/styled';
-
+import { Separator } from '~/components/ui';
 export default component$(() => {
   return (
     <div>

apps/website/src/routes/docs/styled/separator/index.mdx

@@ -22,19 +22,19 @@ qwik-ui add separator
 
 ```tsx
 import { PropsOf, component$ } from '@builder.io/qwik';
-import { Separator as QwikUISeparator } from '@qwik-ui/headless';
+import { Separator as HeadlessSeparator } from '@qwik-ui/headless';
 import { cn } from '@qwik-ui/utils';
 
-export const Separator = component$<PropsOf<typeof QwikUISeparator>>(
+export const Separator = component$<PropsOf<typeof HeadlessSeparator>>(
   ({ orientation = 'horizontal', decorative = true, ...props }) => {
     return (
       <>
-        <QwikUISeparator
+        <HeadlessSeparator
           {...props}
           decorative={decorative}
           orientation={orientation}
           class={cn(
-            'bg-border shrink-0',
+            'shrink-0 bg-border',
             orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px',
             props.class,
           )}
@@ -48,7 +48,7 @@ export const Separator = component$<PropsOf<typeof QwikUISeparator>>(
 ## Usage
 
 ```tsx
-import { Separator } from '@qwik-ui/styled';
+import { Separator } from '~/components/ui';
 ```
 
 ```tsx

packages/kit-styled/src/components/separator/separator.tsx

@@ -1,12 +1,12 @@
 import { PropsOf, component$ } from '@builder.io/qwik';
-import { Separator as QwikUISeparator } from '@qwik-ui/headless';
+import { Separator as HeadlessSeparator } from '@qwik-ui/headless';
 import { cn } from '@qwik-ui/utils';
 
-export const Separator = component$<PropsOf<typeof QwikUISeparator>>(
+export const Separator = component$<PropsOf<typeof HeadlessSeparator>>(
   ({ orientation = 'horizontal', decorative = true, ...props }) => {
     return (
       <>
-        <QwikUISeparator
+        <HeadlessSeparator
           {...props}
           decorative={decorative}
           orientation={orientation}