first

src/lib/components/ui/command/command-input.svelte

@@ -0,0 +1,20 @@
+<script>
+  import { Command as CommandPrimitive } from "bits-ui";
+  import Search from "lucide-svelte/icons/search";
+  import { cn } from "$lib/utils.js";
+
+  let { ref = $bindable(null), class: className, value = $bindable(""), ...restProps } = $props();
+</script>
+
+<div class="flex items-center border-b px-2" data-command-input-wrapper="">
+  <Search class="mr-2 size-4 shrink-0 opacity-50" />
+  <CommandPrimitive.Input
+    class={cn(
+      "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+      className,
+    )}
+    bind:ref
+    {...restProps}
+    bind:value
+  />
+</div>