first

src/lib/components/ui/input-otp/input-otp-separator.svelte

@@ -0,0 +1,13 @@
+<script>
+  import Dot from "lucide-svelte/icons/dot";
+
+  let { ref = $bindable(null), children, ...restProps } = $props();
+</script>
+
+<div bind:this={ref} role="separator" {...restProps}>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    <Dot />
+  {/if}
+</div>