laif-ds 0.1.9 → 0.1.11

package/dist/components/ui/chat.js

@@ -1,41 +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 { 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 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({
+import { jsxs as y, jsx as t, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as g, useRef as L, useCallback as T, useState as z } from "react";
+import { cn as B } from "../../lib/utils.js";
+import { useAutoScroll as D } from "../../hooks/use-auto-scroll.js";
+import { Button as N } from "./button.js";
+import { CopyButton as S } from "./copy-button.js";
+import { MessageInput as P } from "./message-input.js";
+import { MessageList as U } from "./message-list.js";
+import { PromptSuggestions as E } from "./prompt-suggestions.js";
+import O from "../../node_modules/lucide-react/dist/esm/icons/thumbs-up.js";
+import q from "../../node_modules/lucide-react/dist/esm/icons/thumbs-down.js";
+import H from "../../node_modules/lucide-react/dist/esm/icons/arrow-down.js";
+function J({
   messages: e,
   handleSubmit: n,
-  input: i,
-  handleInputChange: f,
-  stop: r,
+  input: a,
+  handleInputChange: u,
+  stop: l,
   isGenerating: c,
-  append: u,
+  append: f,
   suggestions: d,
-  className: x,
+  className: w,
   onRateResponse: p,
-  setMessages: j,
-  transcribeAudio: S
+  setMessages: v,
+  transcribeAudio: A
 }) {
-  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 (r == null || r(), !j) return;
-    const s = [...v.current], l = s.findLast(
-      (a) => a.role === "assistant"
+  const C = e.at(-1), F = e.length === 0, b = (C == null ? void 0 : C.role) === "user", x = L(e);
+  x.current = e;
+  const M = T(() => {
+    if (l == null || l(), !v) return;
+    const r = [...x.current], i = r.findLast(
+      (s) => s.role === "assistant"
     );
-    if (!l) return;
-    let m = !1, h = { ...l };
-    if (l.toolInvocations) {
-      const a = l.toolInvocations.map(
+    if (!i) return;
+    let m = !1, h = { ...i };
+    if (i.toolInvocations) {
+      const s = i.toolInvocations.map(
         (o) => o.state === "call" ? (m = !0, {
           ...o,
           state: "result",
@@ -48,11 +48,11 @@ function q({
       );
       m && (h = {
         ...h,
-        toolInvocations: a
+        toolInvocations: s
       });
     }
-    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, {
+    if (i.parts && i.parts.length > 0) {
+      const s = i.parts.map((o) => o.type === "tool-invocation" && o.toolInvocation && o.toolInvocation.state === "call" ? (m = !0, {
         ...o,
         toolInvocation: {
           ...o.toolInvocation,
@@ -65,164 +65,164 @@ function q({
       }) : o);
       m && (h = {
         ...h,
-        parts: a
+        parts: s
       });
     }
     if (m) {
-      const a = s.findIndex(
-        (o) => o.id === l.id
+      const s = r.findIndex(
+        (o) => o.id === i.id
       );
-      a !== -1 && (s[a] = h, j(s));
+      s !== -1 && (r[s] = h, v(r));
     }
-  }, [r, j, v]), F = N(
-    (s) => ({
-      actions: p ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx("div", { className: "border-r pr-1", children: /* @__PURE__ */ t.jsx(
-          b,
+  }, [l, v, x]), _ = T(
+    (r) => ({
+      actions: p ? /* @__PURE__ */ y(j, { children: [
+        /* @__PURE__ */ t("div", { className: "border-r pr-1", children: /* @__PURE__ */ t(
+          S,
           {
-            content: s.content,
+            content: r.content,
             copyMessage: "Copied response to clipboard!"
           }
         ) }),
-        /* @__PURE__ */ t.jsx(
-          C,
+        /* @__PURE__ */ t(
+          N,
           {
             size: "icon",
             variant: "ghost",
             className: "h-6 w-6",
-            onClick: () => p(s.id, "thumbs-up"),
-            children: /* @__PURE__ */ t.jsx(E, { className: "h-4 w-4" })
+            onClick: () => p(r.id, "thumbs-up"),
+            children: /* @__PURE__ */ t(O, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ t.jsx(
-          C,
+        /* @__PURE__ */ t(
+          N,
           {
             size: "icon",
             variant: "ghost",
             className: "h-6 w-6",
-            onClick: () => p(s.id, "thumbs-down"),
-            children: /* @__PURE__ */ t.jsx(U, { className: "h-4 w-4" })
+            onClick: () => p(r.id, "thumbs-down"),
+            children: /* @__PURE__ */ t(q, { className: "h-4 w-4" })
           }
         )
-      ] }) : /* @__PURE__ */ t.jsx(
-        b,
+      ] }) : /* @__PURE__ */ t(
+        S,
         {
-          content: s.content,
+          content: r.content,
           copyMessage: "Copied response to clipboard!"
         }
       )
     }),
     [p]
   );
-  return /* @__PURE__ */ t.jsxs(g, { className: x, children: [
-    k && u && d ? /* @__PURE__ */ t.jsx(
-      P,
+  return /* @__PURE__ */ y(I, { className: w, children: [
+    F && f && d ? /* @__PURE__ */ t(
+      E,
       {
         label: "Try these prompts ✨",
-        append: u,
+        append: f,
         suggestions: d
       }
     ) : null,
-    e.length > 0 ? /* @__PURE__ */ t.jsx(H, { messages: e, children: /* @__PURE__ */ t.jsx(
-      D,
+    e.length > 0 ? /* @__PURE__ */ t(K, { messages: e, children: /* @__PURE__ */ t(
+      U,
       {
         messages: e,
-        isTyping: y,
-        messageOptions: F
+        isTyping: b,
+        messageOptions: _
       }
     ) }) : null,
-    /* @__PURE__ */ t.jsx(
-      I,
+    /* @__PURE__ */ t(
+      k,
       {
         className: "flex-shrink-0",
-        isPending: c || y,
+        isPending: c || b,
         handleSubmit: n,
-        children: ({ files: s, setFiles: l }) => /* @__PURE__ */ t.jsx(
-          B,
+        children: ({ files: r, setFiles: i }) => /* @__PURE__ */ t(
+          P,
           {
-            value: i,
-            onChange: f,
+            value: a,
+            onChange: u,
             allowAttachments: !0,
-            files: s,
-            setFiles: l,
-            stop: A,
+            files: r,
+            setFiles: i,
+            stop: M,
             isGenerating: c,
-            transcribeAudio: S
+            transcribeAudio: A
           }
         )
       }
     )
   ] });
 }
-q.displayName = "Chat";
-function H({
+J.displayName = "Chat";
+function K({
   messages: e,
   children: n
 }) {
   const {
-    containerRef: i,
-    scrollToBottom: f,
-    handleScroll: r,
+    containerRef: a,
+    scrollToBottom: u,
+    handleScroll: l,
     shouldAutoScroll: c,
-    handleTouchStart: u
-  } = z([e]);
-  return /* @__PURE__ */ t.jsxs(
+    handleTouchStart: f
+  } = D([e]);
+  return /* @__PURE__ */ y(
     "div",
     {
       className: "flex-1 relative overflow-y-auto pb-4",
-      ref: i,
-      onScroll: r,
-      onTouchStart: u,
+      ref: a,
+      onScroll: l,
+      onTouchStart: f,
       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,
+        /* @__PURE__ */ t("div", { className: "max-w-full", children: n }),
+        !c && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute bottom-0 left-0 right-0 flex items-end justify-end", children: /* @__PURE__ */ t("div", { className: "sticky bottom-0 left-0 flex w-full justify-end", children: /* @__PURE__ */ t(
+          N,
           {
-            onClick: f,
+            onClick: u,
             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(O, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t(H, { className: "h-4 w-4" })
           }
         ) }) })
       ]
     }
   );
 }
-const g = T(({ className: e, ...n }, i) => /* @__PURE__ */ t.jsx(
+const I = g(({ className: e, ...n }, a) => /* @__PURE__ */ t(
   "div",
   {
-    ref: i,
-    className: L("flex flex-col max-h-full w-full h-full", e),
+    ref: a,
+    className: B("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 [r, c] = _(null), u = (d) => {
-      if (!r) {
+I.displayName = "ChatContainer";
+const k = g(
+  ({ children: e, handleSubmit: n, className: a }, u) => {
+    const [l, c] = z(null);
+    return /* @__PURE__ */ t("form", { ref: u, onSubmit: (d) => {
+      if (!l) {
         n(d);
         return;
       }
-      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: r, setFiles: c }) });
+      const w = Q(l);
+      n(d, { experimental_attachments: w }), c(null);
+    }, className: a, children: e({ files: l, setFiles: c }) });
   }
 );
-I.displayName = "ChatForm";
-function J(e) {
+k.displayName = "ChatForm";
+function Q(e) {
   if (typeof window > "u")
     return {};
   const n = new DataTransfer();
-  for (const i of Array.from(e))
-    n.items.add(i);
+  for (const a of Array.from(e))
+    n.items.add(a);
   return n.files;
 }
 export {
-  q as Chat,
-  g as ChatContainer,
-  I as ChatForm,
-  H as ChatMessages
+  J as Chat,
+  I as ChatContainer,
+  k as ChatForm,
+  K as ChatMessages
 };

package/dist/components/ui/checkbox.js

@@ -1,13 +1,13 @@
 "use client";
-import { j as r } from "../../_virtual/jsx-runtime.js";
+import { jsx as r } from "react/jsx-runtime";
 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";
-import s from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+import d from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 function u({
   className: e,
   ...i
 }) {
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ r(
     t,
     {
       "data-slot": "checkbox",
@@ -16,12 +16,12 @@ function u({
         e
       ),
       ...i,
-      children: /* @__PURE__ */ r.jsx(
+      children: /* @__PURE__ */ r(
         a,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ r.jsx(s, { className: "size-3.5" })
+          children: /* @__PURE__ */ r(d, { className: "size-3.5" })
         }
       )
     }

package/dist/components/ui/collapsible.js

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

package/dist/components/ui/command.js

@@ -1,14 +1,14 @@
 "use client";
-import { j as t } from "../../_virtual/jsx-runtime.js";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import { Command as a } from "../../node_modules/cmdk/dist/index.js";
 import { cn as n } from "../../lib/utils.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({
+import { Dialog as s, DialogHeader as c, DialogTitle as i, DialogDescription as l, DialogContent as u } from "./dialog.js";
+import p from "../../node_modules/lucide-react/dist/esm/icons/search.js";
+function g({
   className: e,
-  ...o
+  ...t
 }) {
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ o(
     a,
     {
       "data-slot": "command",
@@ -16,36 +16,36 @@ function p({
         "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
         e
       ),
-      ...o
+      ...t
     }
   );
 }
-function k({
+function v({
   title: e = "Command Palette",
-  description: o = "Search for a command to run...",
+  description: t = "Search for a command to run...",
   children: r,
-  ...d
+  ...m
 }) {
-  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 })
+  return /* @__PURE__ */ d(s, { ...m, children: [
+    /* @__PURE__ */ d(c, { className: "sr-only", children: [
+      /* @__PURE__ */ o(i, { children: e }),
+      /* @__PURE__ */ o(l, { children: t })
     ] }),
-    /* @__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 }) })
+    /* @__PURE__ */ o(u, { className: "overflow-hidden p-0", children: /* @__PURE__ */ o(g, { 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({
+function w({
   className: e,
-  ...o
+  ...t
 }) {
-  return /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ d(
     "div",
     {
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ t.jsx(u, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ o(p, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ o(
           a.Input,
           {
             "data-slot": "command-input",
@@ -53,18 +53,18 @@ function v({
               "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
+            ...t
           }
         )
       ]
     }
   );
 }
-function j({
+function y({
   className: e,
-  ...o
+  ...t
 }) {
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ o(
     a.List,
     {
       "data-slot": "command-list",
@@ -72,14 +72,14 @@ function j({
         "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
         e
       ),
-      ...o
+      ...t
     }
   );
 }
-function w({
+function N({
   ...e
 }) {
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ o(
     a.Empty,
     {
       "data-slot": "command-empty",
@@ -88,11 +88,11 @@ function w({
     }
   );
 }
-function y({
+function C({
   className: e,
-  ...o
+  ...t
 }) {
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ o(
     a.Group,
     {
       "data-slot": "command-group",
@@ -100,28 +100,28 @@ function y({
         "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
+      ...t
     }
   );
 }
-function N({
+function b({
   className: e,
-  ...o
+  ...t
 }) {
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ o(
     a.Separator,
     {
       "data-slot": "command-separator",
       className: n("bg-border -mx-1 h-px", e),
-      ...o
+      ...t
     }
   );
 }
-function C({
+function D({
   className: e,
-  ...o
+  ...t
 }) {
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ o(
     a.Item,
     {
       "data-slot": "command-item",
@@ -129,15 +129,15 @@ function C({
         "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
+      ...t
     }
   );
 }
-function b({
+function S({
   className: e,
-  ...o
+  ...t
 }) {
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ o(
     "span",
     {
       "data-slot": "command-shortcut",
@@ -145,18 +145,18 @@ function b({
         "text-muted-foreground ml-auto text-xs tracking-widest",
         e
       ),
-      ...o
+      ...t
     }
   );
 }
 export {
-  p as Command,
-  k as CommandDialog,
-  w as CommandEmpty,
-  y as CommandGroup,
-  v as CommandInput,
-  C as CommandItem,
-  j as CommandList,
-  N as CommandSeparator,
-  b as CommandShortcut
+  g as Command,
+  v as CommandDialog,
+  N as CommandEmpty,
+  C as CommandGroup,
+  w as CommandInput,
+  D as CommandItem,
+  y as CommandList,
+  b as CommandSeparator,
+  S as CommandShortcut
 };