laif-ds 0.1.2 → 0.1.3

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

@@ -0,0 +1,250 @@
+"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 { MarkdownRenderer as g } from "./markdown-renderer.js";
+const h = y(
+  "group/message relative break-words rounded-lg p-3 text-sm sm:max-w-[70%]",
+  {
+    variants: {
+      isUser: {
+        true: "bg-primary text-primary-foreground",
+        false: "bg-muted text-foreground"
+      },
+      animation: {
+        none: "",
+        slide: "duration-300 animate-in fade-in-0",
+        scale: "duration-300 animate-in fade-in-0 zoom-in-75",
+        fade: "duration-500 animate-in fade-in-0"
+      }
+    },
+    compoundVariants: [
+      {
+        isUser: !0,
+        animation: "slide",
+        class: "slide-in-from-right"
+      },
+      {
+        isUser: !1,
+        animation: "slide",
+        class: "slide-in-from-left"
+      },
+      {
+        isUser: !0,
+        animation: "scale",
+        class: "origin-bottom-right"
+      },
+      {
+        isUser: !1,
+        animation: "scale",
+        class: "origin-bottom-left"
+      }
+    ]
+  }
+), K = ({
+  role: t,
+  content: r,
+  createdAt: s,
+  showTimeStamp: d = !1,
+  animation: o = "scale",
+  actions: m,
+  experimental_attachments: c,
+  toolInvocations: u,
+  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", {
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  return n ? /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: a("flex flex-col", n ? "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 }) }) }),
+        d && s ? /* @__PURE__ */ e.jsx(
+          "time",
+          {
+            dateTime: s.toISOString(),
+            className: a(
+              "mt-1 block px-1 text-xs opacity-50",
+              o !== "none" && "duration-500 animate-in fade-in-0"
+            ),
+            children: f
+          }
+        ) : null
+      ]
+    }
+  ) : x && x.length > 0 ? x.map((l, i) => l.type === "text" ? /* @__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: [
+          /* @__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
+        ] }),
+        d && s ? /* @__PURE__ */ e.jsx(
+          "time",
+          {
+            dateTime: s.toISOString(),
+            className: a(
+              "mt-1 block px-1 text-xs opacity-50",
+              o !== "none" && "duration-500 animate-in fade-in-0"
+            ),
+            children: f
+          }
+        ) : null
+      ]
+    },
+    `text-${i}`
+  ) : l.type === "reasoning" ? /* @__PURE__ */ e.jsx(F, { part: l }, `reasoning-${i}`) : 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: [
+      /* @__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
+    ] }),
+    d && s ? /* @__PURE__ */ e.jsx(
+      "time",
+      {
+        dateTime: s.toISOString(),
+        className: a(
+          "mt-1 block px-1 text-xs opacity-50",
+          o !== "none" && "duration-500 animate-in fade-in-0"
+        ),
+        children: f
+      }
+    ) : null
+  ] });
+};
+function $(t) {
+  const r = t.split(",")[1], s = Buffer.from(r, "base64");
+  return new Uint8Array(s);
+}
+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,
+    {
+      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("span", { children: "Thinking" })
+        ] }) }) }),
+        /* @__PURE__ */ e.jsx(B, { forceMount: !0, children: /* @__PURE__ */ e.jsx(
+          w.div,
+          {
+            initial: !1,
+            animate: r ? "open" : "closed",
+            variants: {
+              open: { height: "auto", opacity: 1 },
+              closed: { height: 0, opacity: 0 }
+            },
+            transition: { duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] },
+            className: "border-t",
+            children: /* @__PURE__ */ e.jsx("div", { className: "p-2", children: /* @__PURE__ */ e.jsx("div", { className: "whitespace-pre-wrap text-xs", children: t.reasoning }) })
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+function b({
+  toolInvocations: t
+}) {
+  return t != null && t.length ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-start gap-2", children: t.map((r, s) => {
+    if (r.state === "result" && r.result.__cancelled === !0)
+      return /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          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.jsxs("span", { children: [
+              "Cancelled",
+              " ",
+              /* @__PURE__ */ e.jsxs("span", { className: "font-mono", children: [
+                "`",
+                r.toolName,
+                "`"
+              ] })
+            ] })
+          ]
+        },
+        s
+      );
+    switch (r.state) {
+      case "partial-call":
+      case "call":
+        return /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            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.jsxs("span", { children: [
+                "Calling",
+                " ",
+                /* @__PURE__ */ e.jsxs("span", { className: "font-mono", children: [
+                  "`",
+                  r.toolName,
+                  "`"
+                ] }),
+                "..."
+              ] }),
+              /* @__PURE__ */ e.jsx(T, { className: "h-3 w-3 animate-spin" })
+            ]
+          },
+          s
+        );
+      case "result":
+        return /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            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.jsxs("span", { children: [
+                  "Result from",
+                  " ",
+                  /* @__PURE__ */ e.jsxs("span", { className: "font-mono", children: [
+                    "`",
+                    r.toolName,
+                    "`"
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ e.jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap text-foreground", children: JSON.stringify(r.result, null, 2) })
+            ]
+          },
+          s
+        );
+      default:
+        return null;
+    }
+  }) }) : null;
+}
+export {
+  K as ChatMessage
+};

package/dist/components/ui/chat.js

@@ -0,0 +1,226 @@
+"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 { 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";
+function q({
+  messages: e,
+  handleSubmit: n,
+  input: i,
+  handleInputChange: f,
+  stop: l,
+  isGenerating: c,
+  append: u,
+  suggestions: d,
+  className: p,
+  onRateResponse: x,
+  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(
+      (a) => a.role === "assistant"
+    );
+    if (!r) return;
+    let m = !1, h = { ...r };
+    if (r.toolInvocations) {
+      const a = r.toolInvocations.map(
+        (o) => o.state === "call" ? (m = !0, {
+          ...o,
+          state: "result",
+          result: {
+            content: "Tool execution was cancelled",
+            __cancelled: !0
+            // Special marker to indicate cancellation
+          }
+        }) : o
+      );
+      m && (h = {
+        ...h,
+        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, {
+        ...o,
+        toolInvocation: {
+          ...o.toolInvocation,
+          state: "result",
+          result: {
+            content: "Tool execution was cancelled",
+            __cancelled: !0
+          }
+        }
+      }) : o);
+      m && (h = {
+        ...h,
+        parts: a
+      });
+    }
+    if (m) {
+      const a = s.findIndex(
+        (o) => o.id === r.id
+      );
+      a !== -1 && (s[a] = h, j(s));
+    }
+  }, [l, j, v]), F = N(
+    (s) => ({
+      actions: x ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx("div", { className: "border-r pr-1", children: /* @__PURE__ */ t.jsx(
+          b,
+          {
+            content: s.content,
+            copyMessage: "Copied response to clipboard!"
+          }
+        ) }),
+        /* @__PURE__ */ t.jsx(
+          C,
+          {
+            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" })
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          C,
+          {
+            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" })
+          }
+        )
+      ] }) : /* @__PURE__ */ t.jsx(
+        b,
+        {
+          content: s.content,
+          copyMessage: "Copied response to clipboard!"
+        }
+      )
+    }),
+    [x]
+  );
+  return /* @__PURE__ */ t.jsxs(g, { className: p, children: [
+    k && u && d ? /* @__PURE__ */ t.jsx(
+      O,
+      {
+        label: "Try these prompts ✨",
+        append: u,
+        suggestions: d
+      }
+    ) : null,
+    e.length > 0 ? /* @__PURE__ */ t.jsx(H, { messages: e, children: /* @__PURE__ */ t.jsx(
+      U,
+      {
+        messages: e,
+        isTyping: y,
+        messageOptions: F
+      }
+    ) }) : null,
+    /* @__PURE__ */ t.jsx(
+      I,
+      {
+        className: "flex-shrink-0",
+        isPending: c || y,
+        handleSubmit: n,
+        children: ({ files: s, setFiles: r }) => /* @__PURE__ */ t.jsx(
+          E,
+          {
+            value: i,
+            onChange: f,
+            allowAttachments: !0,
+            files: s,
+            setFiles: r,
+            stop: A,
+            isGenerating: c,
+            transcribeAudio: S
+          }
+        )
+      }
+    )
+  ] });
+}
+q.displayName = "Chat";
+function H({
+  messages: e,
+  children: n
+}) {
+  const {
+    containerRef: i,
+    scrollToBottom: f,
+    handleScroll: l,
+    shouldAutoScroll: c,
+    handleTouchStart: u
+  } = P([e]);
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: "flex-1 relative overflow-y-auto pb-4",
+      ref: i,
+      onScroll: l,
+      onTouchStart: u,
+      children: [
+        /* @__PURE__ */ t.jsx("div", { className: "max-w-full", children: n }),
+        !c && /* @__PURE__ */ t.jsx("div", { className: "pointer-events-none absolute bottom-0 left-0 right-0 flex items-end justify-end", children: /* @__PURE__ */ t.jsx("div", { className: "sticky bottom-0 left-0 flex w-full justify-end", children: /* @__PURE__ */ t.jsx(
+          C,
+          {
+            onClick: f,
+            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" })
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+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),
+    ...n
+  }
+));
+g.displayName = "ChatContainer";
+const I = T(
+  ({ children: e, handleSubmit: n, className: i }, f) => {
+    const [l, c] = _(null), u = (d) => {
+      if (!l) {
+        n(d);
+        return;
+      }
+      const p = J(l);
+      n(d, { experimental_attachments: p }), c(null);
+    };
+    return /* @__PURE__ */ t.jsx("form", { ref: f, onSubmit: u, className: i, children: e({ files: l, setFiles: c }) });
+  }
+);
+I.displayName = "ChatForm";
+function J(e) {
+  if (typeof window > "u")
+    return {};
+  const n = new DataTransfer();
+  for (const i of Array.from(e))
+    n.items.add(i);
+  return n.files;
+}
+export {
+  q as Chat,
+  g as ChatContainer,
+  I as ChatForm,
+  H as ChatMessages
+};

package/dist/components/ui/checkbox.js

@@ -0,0 +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 { cn as o } from "../../lib/utils.js";
+function c({
+  className: i,
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(
+    r.Root,
+    {
+      "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
+      ),
+      ...t,
+      children: /* @__PURE__ */ e.jsx(
+        r.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current transition-none",
+          children: /* @__PURE__ */ e.jsx(a, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+export {
+  c as Checkbox
+};

package/dist/components/ui/collapsible.js

@@ -0,0 +1,35 @@
+"use client";
+import { j as t } from "../../_virtual/jsx-runtime.js";
+import * as o from "@radix-ui/react-collapsible";
+function i({
+  ...l
+}) {
+  return /* @__PURE__ */ t.jsx(o.Root, { "data-slot": "collapsible", ...l });
+}
+function s({
+  ...l
+}) {
+  return /* @__PURE__ */ t.jsx(
+    o.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...l
+    }
+  );
+}
+function r({
+  ...l
+}) {
+  return /* @__PURE__ */ t.jsx(
+    o.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...l
+    }
+  );
+}
+export {
+  i as Collapsible,
+  r as CollapsibleContent,
+  s as CollapsibleTrigger
+};

package/dist/components/ui/command.js

@@ -0,0 +1,162 @@
+"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 { 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";
+function p({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(
+    a,
+    {
+      "data-slot": "command",
+      className: n(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function k({
+  title: e = "Command Palette",
+  description: o = "Search for a command to run...",
+  children: d,
+  ...r
+}) {
+  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 })
+    ] }),
+    /* @__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 }) })
+  ] });
+}
+function v({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      "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(
+          a.Input,
+          {
+            "data-slot": "command-input",
+            className: n(
+              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+              e
+            ),
+            ...o
+          }
+        )
+      ]
+    }
+  );
+}
+function j({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(
+    a.List,
+    {
+      "data-slot": "command-list",
+      className: n(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function w({
+  ...e
+}) {
+  return /* @__PURE__ */ t.jsx(
+    a.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...e
+    }
+  );
+}
+function y({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(
+    a.Group,
+    {
+      "data-slot": "command-group",
+      className: n(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function C({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(
+    a.Separator,
+    {
+      "data-slot": "command-separator",
+      className: n("bg-border -mx-1 h-px", e),
+      ...o
+    }
+  );
+}
+function N({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(
+    a.Item,
+    {
+      "data-slot": "command-item",
+      className: n(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...o
+    }
+  );
+}
+function b({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: n(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        e
+      ),
+      ...o
+    }
+  );
+}
+export {
+  p as Command,
+  k as CommandDialog,
+  w as CommandEmpty,
+  y as CommandGroup,
+  v as CommandInput,
+  N as CommandItem,
+  j as CommandList,
+  C as CommandSeparator,
+  b as CommandShortcut
+};