laif-ds 0.1.3 → 0.1.4

package/dist/components/ui/chat-message.js

@@ -1,13 +1,17 @@
 "use client";
 import { j as e } from "../../_virtual/jsx-runtime.js";
 import { useMemo as N, Suspense as p, useState as v } from "react";
-import { cva as y } from "class-variance-authority";
-import { motion as w } from "framer-motion";
-import { ChevronRight as C, Ban as k, Code2 as U, Terminal as S, Loader2 as T } from "lucide-react";
-import { cn as a } from "../../lib/utils.js";
-import { Collapsible as O, CollapsibleTrigger as R, CollapsibleContent as B } from "./collapsible.js";
-import { FilePreview as M } from "./file-preview.js";
+import { cva as y } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as i } from "../../lib/utils.js";
+import { Collapsible as w, CollapsibleTrigger as C, CollapsibleContent as k } from "./collapsible.js";
+import { FilePreview as U } from "./file-preview.js";
 import { MarkdownRenderer as g } from "./markdown-renderer.js";
+import S from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import { motion as T } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import O from "../../node_modules/lucide-react/dist/esm/icons/ban.js";
+import R from "../../node_modules/lucide-react/dist/esm/icons/code-xml.js";
+import B from "../../node_modules/lucide-react/dist/esm/icons/terminal.js";
+import M from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
 const h = y(
   "group/message relative break-words rounded-lg p-3 text-sm sm:max-w-[70%]",
   {
@@ -46,7 +50,7 @@ const h = y(
       }
     ]
   }
-), K = ({
+), Y = ({
   role: t,
   content: r,
   createdAt: s,
@@ -58,24 +62,24 @@ const h = y(
   parts: x
 }) => {
   const j = N(() => c == null ? void 0 : c.map((l) => {
-    const i = $(l.url);
-    return new File([i], l.name ?? "Unknown");
-  }), [c]), n = t === "user", f = s == null ? void 0 : s.toLocaleTimeString("en-US", {
+    const n = $(l.url);
+    return new File([n], l.name ?? "Unknown");
+  }), [c]), a = t === "user", f = s == null ? void 0 : s.toLocaleTimeString("en-US", {
     hour: "2-digit",
     minute: "2-digit"
   });
-  return n ? /* @__PURE__ */ e.jsxs(
+  return a ? /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: a("flex flex-col", n ? "items-end" : "items-start"),
+      className: i("flex flex-col", a ? "items-end" : "items-start"),
       children: [
-        j ? /* @__PURE__ */ e.jsx("div", { className: "mb-1 flex flex-wrap gap-2", children: j.map((l, i) => /* @__PURE__ */ e.jsx(M, { file: l }, i)) }) : null,
-        /* @__PURE__ */ e.jsx("div", { className: a(h({ isUser: n, animation: o })), children: /* @__PURE__ */ e.jsx(p, { fallback: /* @__PURE__ */ e.jsx("div", { className: "text-muted-foreground", children: "Caricamento..." }), children: /* @__PURE__ */ e.jsx(g, { children: r }) }) }),
+        j ? /* @__PURE__ */ e.jsx("div", { className: "mb-1 flex flex-wrap gap-2", children: j.map((l, n) => /* @__PURE__ */ e.jsx(U, { file: l }, n)) }) : null,
+        /* @__PURE__ */ e.jsx("div", { className: i(h({ isUser: a, animation: o })), children: /* @__PURE__ */ e.jsx(p, { fallback: /* @__PURE__ */ e.jsx("div", { className: "text-muted-foreground", children: "Caricamento..." }), children: /* @__PURE__ */ e.jsx(g, { children: r }) }) }),
         d && s ? /* @__PURE__ */ e.jsx(
           "time",
           {
             dateTime: s.toISOString(),
-            className: a(
+            className: i(
               "mt-1 block px-1 text-xs opacity-50",
               o !== "none" && "duration-500 animate-in fade-in-0"
             ),
@@ -84,15 +88,15 @@ const h = y(
         ) : null
       ]
     }
-  ) : x && x.length > 0 ? x.map((l, i) => l.type === "text" ? /* @__PURE__ */ e.jsxs(
+  ) : x && x.length > 0 ? x.map((l, n) => l.type === "text" ? /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: a(
+      className: i(
         "flex flex-col",
-        n ? "items-end" : "items-start"
+        a ? "items-end" : "items-start"
       ),
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: a(h({ isUser: n, animation: o })), children: [
+        /* @__PURE__ */ e.jsxs("div", { className: i(h({ isUser: a, animation: o })), children: [
           /* @__PURE__ */ e.jsx(p, { fallback: /* @__PURE__ */ e.jsx("div", { className: "text-muted-foreground", children: "Caricamento..." }), children: /* @__PURE__ */ e.jsx(g, { children: l.text }) }),
           m ? /* @__PURE__ */ e.jsx("div", { className: "absolute -bottom-4 right-2 flex space-x-1 rounded-lg border bg-background p-1 text-foreground opacity-0 transition-opacity group-hover/message:opacity-100", children: m }) : null
         ] }),
@@ -100,7 +104,7 @@ const h = y(
           "time",
           {
             dateTime: s.toISOString(),
-            className: a(
+            className: i(
               "mt-1 block px-1 text-xs opacity-50",
               o !== "none" && "duration-500 animate-in fade-in-0"
             ),
@@ -109,15 +113,15 @@ const h = y(
         ) : null
       ]
     },
-    `text-${i}`
-  ) : l.type === "reasoning" ? /* @__PURE__ */ e.jsx(F, { part: l }, `reasoning-${i}`) : l.type === "tool-invocation" ? /* @__PURE__ */ e.jsx(
+    `text-${n}`
+  ) : l.type === "reasoning" ? /* @__PURE__ */ e.jsx(F, { part: l }, `reasoning-${n}`) : l.type === "tool-invocation" ? /* @__PURE__ */ e.jsx(
     b,
     {
       toolInvocations: [l.toolInvocation]
     },
-    `tool-${i}`
-  ) : null) : u && u.length > 0 ? /* @__PURE__ */ e.jsx(b, { toolInvocations: u }) : /* @__PURE__ */ e.jsxs("div", { className: a("flex flex-col", n ? "items-end" : "items-start"), children: [
-    /* @__PURE__ */ e.jsxs("div", { className: a(h({ isUser: n, animation: o })), children: [
+    `tool-${n}`
+  ) : null) : u && u.length > 0 ? /* @__PURE__ */ e.jsx(b, { toolInvocations: u }) : /* @__PURE__ */ e.jsxs("div", { className: i("flex flex-col", a ? "items-end" : "items-start"), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: i(h({ isUser: a, animation: o })), children: [
       /* @__PURE__ */ e.jsx(p, { fallback: /* @__PURE__ */ e.jsx("div", { className: "text-muted-foreground", children: "Caricamento..." }), children: /* @__PURE__ */ e.jsx(g, { children: r }) }),
       m ? /* @__PURE__ */ e.jsx("div", { className: "absolute -bottom-4 right-2 flex space-x-1 rounded-lg border bg-background p-1 text-foreground opacity-0 transition-opacity group-hover/message:opacity-100", children: m }) : null
     ] }),
@@ -125,7 +129,7 @@ const h = y(
       "time",
       {
         dateTime: s.toISOString(),
-        className: a(
+        className: i(
           "mt-1 block px-1 text-xs opacity-50",
           o !== "none" && "duration-500 animate-in fade-in-0"
         ),
@@ -141,18 +145,18 @@ function $(t) {
 const F = ({ part: t }) => {
   const [r, s] = v(!1);
   return /* @__PURE__ */ e.jsx("div", { className: "mb-2 flex flex-col items-start sm:max-w-[70%]", children: /* @__PURE__ */ e.jsxs(
-    O,
+    w,
     {
       open: r,
       onOpenChange: s,
       className: "group w-full overflow-hidden rounded-lg border bg-muted/50",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "flex items-center p-2", children: /* @__PURE__ */ e.jsx(R, { asChild: !0, children: /* @__PURE__ */ e.jsxs("button", { className: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground", children: [
-          /* @__PURE__ */ e.jsx(C, { className: "h-4 w-4 transition-transform group-data-[state=open]:rotate-90" }),
+        /* @__PURE__ */ e.jsx("div", { className: "flex items-center p-2", children: /* @__PURE__ */ e.jsx(C, { asChild: !0, children: /* @__PURE__ */ e.jsxs("button", { className: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground", children: [
+          /* @__PURE__ */ e.jsx(S, { className: "h-4 w-4 transition-transform group-data-[state=open]:rotate-90" }),
           /* @__PURE__ */ e.jsx("span", { children: "Thinking" })
         ] }) }) }),
-        /* @__PURE__ */ e.jsx(B, { forceMount: !0, children: /* @__PURE__ */ e.jsx(
-          w.div,
+        /* @__PURE__ */ e.jsx(k, { forceMount: !0, children: /* @__PURE__ */ e.jsx(
+          T.div,
           {
             initial: !1,
             animate: r ? "open" : "closed",
@@ -179,7 +183,7 @@ function b({
         {
           className: "flex items-center gap-2 rounded-lg border bg-muted/50 px-3 py-2 text-sm text-muted-foreground",
           children: [
-            /* @__PURE__ */ e.jsx(k, { className: "h-4 w-4" }),
+            /* @__PURE__ */ e.jsx(O, { className: "h-4 w-4" }),
             /* @__PURE__ */ e.jsxs("span", { children: [
               "Cancelled",
               " ",
@@ -201,7 +205,7 @@ function b({
           {
             className: "flex items-center gap-2 rounded-lg border bg-muted/50 px-3 py-2 text-sm text-muted-foreground",
             children: [
-              /* @__PURE__ */ e.jsx(S, { className: "h-4 w-4" }),
+              /* @__PURE__ */ e.jsx(B, { className: "h-4 w-4" }),
               /* @__PURE__ */ e.jsxs("span", { children: [
                 "Calling",
                 " ",
@@ -212,7 +216,7 @@ function b({
                 ] }),
                 "..."
               ] }),
-              /* @__PURE__ */ e.jsx(T, { className: "h-3 w-3 animate-spin" })
+              /* @__PURE__ */ e.jsx(M, { className: "h-3 w-3 animate-spin" })
             ]
           },
           s
@@ -224,7 +228,7 @@ function b({
             className: "flex flex-col gap-1.5 rounded-lg border bg-muted/50 px-3 py-2 text-sm",
             children: [
               /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
-                /* @__PURE__ */ e.jsx(U, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e.jsx(R, { className: "h-4 w-4" }),
                 /* @__PURE__ */ e.jsxs("span", { children: [
                   "Result from",
                   " ",
@@ -246,5 +250,5 @@ function b({
   }) }) : null;
 }
 export {
-  K as ChatMessage
+  Y as ChatMessage
 };

package/dist/components/ui/chat.js

@@ -1,39 +1,41 @@
 "use client";
 import { j as t } from "../../_virtual/jsx-runtime.js";
 import { forwardRef as T, useRef as M, useCallback as N, useState as _ } from "react";
-import { ThumbsUp as L, ThumbsDown as z, ArrowDown as B } from "lucide-react";
-import { cn as D } from "../../lib/utils.js";
-import { useAutoScroll as P } from "../../hooks/use-auto-scroll.js";
+import { cn as L } from "../../lib/utils.js";
+import { useAutoScroll as z } from "../../hooks/use-auto-scroll.js";
 import { Button as C } from "./button.js";
 import { CopyButton as b } from "./copy-button.js";
-import { MessageInput as E } from "./message-input.js";
-import { MessageList as U } from "./message-list.js";
-import { PromptSuggestions as O } from "./prompt-suggestions.js";
+import { MessageInput as B } from "./message-input.js";
+import { MessageList as D } from "./message-list.js";
+import { PromptSuggestions as P } from "./prompt-suggestions.js";
+import E from "../../node_modules/lucide-react/dist/esm/icons/thumbs-up.js";
+import U from "../../node_modules/lucide-react/dist/esm/icons/thumbs-down.js";
+import O from "../../node_modules/lucide-react/dist/esm/icons/arrow-down.js";
 function q({
   messages: e,
   handleSubmit: n,
   input: i,
   handleInputChange: f,
-  stop: l,
+  stop: r,
   isGenerating: c,
   append: u,
   suggestions: d,
-  className: p,
-  onRateResponse: x,
+  className: x,
+  onRateResponse: p,
   setMessages: j,
   transcribeAudio: S
 }) {
   const w = e.at(-1), k = e.length === 0, y = (w == null ? void 0 : w.role) === "user", v = M(e);
   v.current = e;
   const A = N(() => {
-    if (l == null || l(), !j) return;
-    const s = [...v.current], r = s.findLast(
+    if (r == null || r(), !j) return;
+    const s = [...v.current], l = s.findLast(
       (a) => a.role === "assistant"
     );
-    if (!r) return;
-    let m = !1, h = { ...r };
-    if (r.toolInvocations) {
-      const a = r.toolInvocations.map(
+    if (!l) return;
+    let m = !1, h = { ...l };
+    if (l.toolInvocations) {
+      const a = l.toolInvocations.map(
         (o) => o.state === "call" ? (m = !0, {
           ...o,
           state: "result",
@@ -49,8 +51,8 @@ function q({
         toolInvocations: a
       });
     }
-    if (r.parts && r.parts.length > 0) {
-      const a = r.parts.map((o) => o.type === "tool-invocation" && o.toolInvocation && o.toolInvocation.state === "call" ? (m = !0, {
+    if (l.parts && l.parts.length > 0) {
+      const a = l.parts.map((o) => o.type === "tool-invocation" && o.toolInvocation && o.toolInvocation.state === "call" ? (m = !0, {
         ...o,
         toolInvocation: {
           ...o.toolInvocation,
@@ -68,13 +70,13 @@ function q({
     }
     if (m) {
       const a = s.findIndex(
-        (o) => o.id === r.id
+        (o) => o.id === l.id
       );
       a !== -1 && (s[a] = h, j(s));
     }
-  }, [l, j, v]), F = N(
+  }, [r, j, v]), F = N(
     (s) => ({
-      actions: x ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      actions: p ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx("div", { className: "border-r pr-1", children: /* @__PURE__ */ t.jsx(
           b,
           {
@@ -88,8 +90,8 @@ function q({
             size: "icon",
             variant: "ghost",
             className: "h-6 w-6",
-            onClick: () => x(s.id, "thumbs-up"),
-            children: /* @__PURE__ */ t.jsx(L, { className: "h-4 w-4" })
+            onClick: () => p(s.id, "thumbs-up"),
+            children: /* @__PURE__ */ t.jsx(E, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ t.jsx(
@@ -98,8 +100,8 @@ function q({
             size: "icon",
             variant: "ghost",
             className: "h-6 w-6",
-            onClick: () => x(s.id, "thumbs-down"),
-            children: /* @__PURE__ */ t.jsx(z, { className: "h-4 w-4" })
+            onClick: () => p(s.id, "thumbs-down"),
+            children: /* @__PURE__ */ t.jsx(U, { className: "h-4 w-4" })
           }
         )
       ] }) : /* @__PURE__ */ t.jsx(
@@ -110,11 +112,11 @@ function q({
         }
       )
     }),
-    [x]
+    [p]
   );
-  return /* @__PURE__ */ t.jsxs(g, { className: p, children: [
+  return /* @__PURE__ */ t.jsxs(g, { className: x, children: [
     k && u && d ? /* @__PURE__ */ t.jsx(
-      O,
+      P,
       {
         label: "Try these prompts ✨",
         append: u,
@@ -122,7 +124,7 @@ function q({
       }
     ) : null,
     e.length > 0 ? /* @__PURE__ */ t.jsx(H, { messages: e, children: /* @__PURE__ */ t.jsx(
-      U,
+      D,
       {
         messages: e,
         isTyping: y,
@@ -135,14 +137,14 @@ function q({
         className: "flex-shrink-0",
         isPending: c || y,
         handleSubmit: n,
-        children: ({ files: s, setFiles: r }) => /* @__PURE__ */ t.jsx(
-          E,
+        children: ({ files: s, setFiles: l }) => /* @__PURE__ */ t.jsx(
+          B,
           {
             value: i,
             onChange: f,
             allowAttachments: !0,
             files: s,
-            setFiles: r,
+            setFiles: l,
             stop: A,
             isGenerating: c,
             transcribeAudio: S
@@ -160,16 +162,16 @@ function H({
   const {
     containerRef: i,
     scrollToBottom: f,
-    handleScroll: l,
+    handleScroll: r,
     shouldAutoScroll: c,
     handleTouchStart: u
-  } = P([e]);
+  } = z([e]);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: "flex-1 relative overflow-y-auto pb-4",
       ref: i,
-      onScroll: l,
+      onScroll: r,
       onTouchStart: u,
       children: [
         /* @__PURE__ */ t.jsx("div", { className: "max-w-full", children: n }),
@@ -180,7 +182,7 @@ function H({
             className: "pointer-events-auto h-8 w-8 rounded-full ease-in-out animate-in fade-in-0 slide-in-from-bottom-1",
             size: "icon",
             variant: "ghost",
-            children: /* @__PURE__ */ t.jsx(B, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t.jsx(O, { className: "h-4 w-4" })
           }
         ) }) })
       ]
@@ -191,22 +193,22 @@ const g = T(({ className: e, ...n }, i) => /* @__PURE__ */ t.jsx(
   "div",
   {
     ref: i,
-    className: D("flex flex-col max-h-full w-full h-full", e),
+    className: L("flex flex-col max-h-full w-full h-full", e),
     ...n
   }
 ));
 g.displayName = "ChatContainer";
 const I = T(
   ({ children: e, handleSubmit: n, className: i }, f) => {
-    const [l, c] = _(null), u = (d) => {
-      if (!l) {
+    const [r, c] = _(null), u = (d) => {
+      if (!r) {
         n(d);
         return;
       }
-      const p = J(l);
-      n(d, { experimental_attachments: p }), c(null);
+      const x = J(r);
+      n(d, { experimental_attachments: x }), c(null);
     };
-    return /* @__PURE__ */ t.jsx("form", { ref: f, onSubmit: u, className: i, children: e({ files: l, setFiles: c }) });
+    return /* @__PURE__ */ t.jsx("form", { ref: f, onSubmit: u, className: i, children: e({ files: r, setFiles: c }) });
   }
 );
 I.displayName = "ChatForm";

package/dist/components/ui/checkbox.js

@@ -1,32 +1,32 @@
 "use client";
-import { j as e } from "../../_virtual/jsx-runtime.js";
-import * as r from "@radix-ui/react-checkbox";
-import { CheckIcon as a } from "lucide-react";
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import { Root as t, Indicator as a } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
 import { cn as o } from "../../lib/utils.js";
-function c({
-  className: i,
-  ...t
+import s from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+function u({
+  className: e,
+  ...i
 }) {
-  return /* @__PURE__ */ e.jsx(
-    r.Root,
+  return /* @__PURE__ */ r.jsx(
+    t,
     {
       "data-slot": "checkbox",
       className: o(
         "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        i
+        e
       ),
-      ...t,
-      children: /* @__PURE__ */ e.jsx(
-        r.Indicator,
+      ...i,
+      children: /* @__PURE__ */ r.jsx(
+        a,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ e.jsx(a, { className: "size-3.5" })
+          children: /* @__PURE__ */ r.jsx(s, { className: "size-3.5" })
         }
       )
     }
   );
 }
 export {
-  c as Checkbox
+  u as Checkbox
 };

package/dist/components/ui/collapsible.js

@@ -1,27 +1,27 @@
 "use client";
-import { j as t } from "../../_virtual/jsx-runtime.js";
-import * as o from "@radix-ui/react-collapsible";
-function i({
+import { j as o } from "../../_virtual/jsx-runtime.js";
+import { Root as t, CollapsibleTrigger as e, CollapsibleContent as s } from "../../node_modules/@radix-ui/react-collapsible/dist/index.js";
+function a({
   ...l
 }) {
-  return /* @__PURE__ */ t.jsx(o.Root, { "data-slot": "collapsible", ...l });
+  return /* @__PURE__ */ o.jsx(t, { "data-slot": "collapsible", ...l });
 }
-function s({
+function n({
   ...l
 }) {
-  return /* @__PURE__ */ t.jsx(
-    o.CollapsibleTrigger,
+  return /* @__PURE__ */ o.jsx(
+    e,
     {
       "data-slot": "collapsible-trigger",
       ...l
     }
   );
 }
-function r({
+function p({
   ...l
 }) {
-  return /* @__PURE__ */ t.jsx(
-    o.CollapsibleContent,
+  return /* @__PURE__ */ o.jsx(
+    s,
     {
       "data-slot": "collapsible-content",
       ...l
@@ -29,7 +29,7 @@ function r({
   );
 }
 export {
-  i as Collapsible,
-  r as CollapsibleContent,
-  s as CollapsibleTrigger
+  a as Collapsible,
+  p as CollapsibleContent,
+  n as CollapsibleTrigger
 };

package/dist/components/ui/command.js

@@ -1,9 +1,9 @@
 "use client";
 import { j as t } from "../../_virtual/jsx-runtime.js";
-import { Command as a } from "cmdk";
-import { SearchIcon as m } from "lucide-react";
+import { Command as a } from "../../node_modules/cmdk/dist/index.js";
 import { cn as n } from "../../lib/utils.js";
-import { Dialog as s, DialogHeader as c, DialogTitle as i, DialogDescription as l, DialogContent as u } from "./dialog.js";
+import { Dialog as m, DialogHeader as s, DialogTitle as c, DialogDescription as i, DialogContent as l } from "./dialog.js";
+import u from "../../node_modules/lucide-react/dist/esm/icons/search.js";
 function p({
   className: e,
   ...o
@@ -23,15 +23,15 @@ function p({
 function k({
   title: e = "Command Palette",
   description: o = "Search for a command to run...",
-  children: d,
-  ...r
+  children: r,
+  ...d
 }) {
-  return /* @__PURE__ */ t.jsxs(s, { ...r, children: [
-    /* @__PURE__ */ t.jsxs(c, { className: "sr-only", children: [
-      /* @__PURE__ */ t.jsx(i, { children: e }),
-      /* @__PURE__ */ t.jsx(l, { children: o })
+  return /* @__PURE__ */ t.jsxs(m, { ...d, children: [
+    /* @__PURE__ */ t.jsxs(s, { className: "sr-only", children: [
+      /* @__PURE__ */ t.jsx(c, { children: e }),
+      /* @__PURE__ */ t.jsx(i, { children: o })
     ] }),
-    /* @__PURE__ */ t.jsx(u, { className: "overflow-hidden p-0", children: /* @__PURE__ */ t.jsx(p, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: d }) })
+    /* @__PURE__ */ t.jsx(l, { className: "overflow-hidden p-0", children: /* @__PURE__ */ t.jsx(p, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: r }) })
   ] });
 }
 function v({
@@ -44,7 +44,7 @@ function v({
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ t.jsx(m, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ t.jsx(u, { className: "size-4 shrink-0 opacity-50" }),
         /* @__PURE__ */ t.jsx(
           a.Input,
           {
@@ -104,7 +104,7 @@ function y({
     }
   );
 }
-function C({
+function N({
   className: e,
   ...o
 }) {
@@ -117,7 +117,7 @@ function C({
     }
   );
 }
-function N({
+function C({
   className: e,
   ...o
 }) {
@@ -155,8 +155,8 @@ export {
   w as CommandEmpty,
   y as CommandGroup,
   v as CommandInput,
-  N as CommandItem,
+  C as CommandItem,
   j as CommandList,
-  C as CommandSeparator,
+  N as CommandSeparator,
   b as CommandShortcut
 };