first commit

resources/js/components/ui/separator/Separator.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+    import { cn } from '@/lib/utils';
+
+    let { class: className = '', orientation = 'horizontal', ...rest } = $props();
+
+    const base = $derived(
+        orientation === 'vertical'
+            ? 'h-full w-px bg-border'
+            : 'h-px w-full bg-border',
+    );
+</script>
+
+<div class={cn('shrink-0', base, className)} {...rest}></div>

resources/js/components/ui/separator/index.ts

@@ -0,0 +1 @@
+export { default as Separator } from './Separator.svelte';