laif-ds 0.2.74 → 0.2.76

package/dist/components/ui/input-selector.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as e, jsxs as w } from "react/jsx-runtime";
-import { cn as n } from "../../lib/utils.js";
 import { motion as c } from "framer-motion";
 import * as s from "react";
+import { cn as n } from "../../lib/utils.js";
 const x = {
   container: {
     initial: { opacity: 0, y: 20 },

package/dist/components/ui/input.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import { cva as j } from "../../node_modules/class-variance-authority/dist/index.js";
+import * as a from "react";
 import { designTokens as o } from "../design-tokens.js";
 import { Label as se } from "./label.js";
 import { cn as n } from "../../lib/utils.js";
-import { cva as j } from "../../node_modules/class-variance-authority/dist/index.js";
-import * as a from "react";
 import { Icon as N } from "./icon.js";
 import { Typo as te } from "./typo.js";
 const ae = j(
@@ -64,7 +64,7 @@ const ae = j(
     startContent: S,
     endContent: E,
     size: g,
-    disabled: d,
+    disabled: c,
     required: C,
     onBlur: O,
     onChange: _,
@@ -76,18 +76,18 @@ const ae = j(
     validityI18n: e,
     ...$
   }, J) => {
-    const [u, K] = a.useState(!1), [h, k] = a.useState(!0), [Q, L] = a.useState(!1), [U, V] = a.useState(""), X = a.useId(), w = G ?? X, R = `${w}-validity`, x = a.useRef(null), b = p === "password", Y = b ? u ? "text" : "password" : p, W = F ?? (!h && Q ? !0 : void 0), Z = [H, B && R].filter(Boolean).join(" ").trim() || void 0;
+    const [d, K] = a.useState(!1), [h, k] = a.useState(!0), [Q, L] = a.useState(!1), [U, V] = a.useState(""), X = a.useId(), w = G ?? X, R = `${w}-validity`, x = a.useRef(null), b = p === "password", Y = b ? d ? "text" : "password" : p, W = F ?? (!h && Q ? !0 : void 0), Z = [H, B && R].filter(Boolean).join(" ").trim() || void 0;
     a.useImperativeHandle(J, () => x.current);
     const q = a.useCallback(
       (t) => {
-        if (d) return;
+        if (c) return;
         const s = t.target;
         if (s.tagName === "INPUT" || s.tagName === "BUTTON") return;
         const r = x.current;
         r && (r.focus(), !b && p !== "file" && r.select());
       },
-      [d, b, p]
-    ), c = a.useCallback(
+      [c, b, p]
+    ), u = a.useCallback(
       (t) => {
         const s = t.validity, r = t.validationMessage !== "" ? t.validationMessage : "✓";
         if (s.valid)
@@ -104,28 +104,28 @@ const ae = j(
     );
     a.useEffect(() => {
       if (x.current) {
-        const { isValid: t, message: s } = c(x.current);
+        const { isValid: t, message: s } = u(x.current);
         k(t), V(s);
       }
-    }, [c]);
+    }, [u]);
     const y = a.useCallback(
       (t) => {
         L(!0);
-        const { isValid: s, message: r } = c(t.currentTarget);
+        const { isValid: s, message: r } = u(t.currentTarget);
         k(s), V(r), _?.(t);
       },
-      [_, c]
+      [_, u]
     ), I = a.useCallback(
       (t) => {
         L(!0), O?.(t);
       },
-      [O, c]
+      [O]
     ), ee = a.useCallback(
       (t) => {
-        const { isValid: s, message: r } = c(t.currentTarget);
+        const { isValid: s, message: r } = u(t.currentTarget);
         k(s), V(r), z?.(t);
       },
-      [z, c]
+      [z, u]
     );
     return /* @__PURE__ */ f("div", { className: n("flex flex-col gap-1.5", A), children: [
       T && /* @__PURE__ */ f(se, { htmlFor: w, className: n("gap-0.5", D), children: [
@@ -138,7 +138,7 @@ const ae = j(
         {
           className: n(
             ae({ size: g }),
-            d ? "cursor-not-allowed opacity-50" : "cursor-text"
+            c ? "cursor-not-allowed opacity-50" : "cursor-text"
           ),
           "aria-invalid": W,
           onClick: q,
@@ -155,7 +155,7 @@ const ae = j(
                 "data-slot": "input",
                 className: n(re({ size: g })),
                 ref: x,
-                disabled: d,
+                disabled: c,
                 onChange: y,
                 onBlur: I,
                 onInvalid: ee,
@@ -175,22 +175,22 @@ const ae = j(
                 },
                 className: n(
                   "text-d-muted-foreground flex shrink-0 cursor-pointer items-center",
-                  d && "cursor-not-allowed"
+                  c && "cursor-not-allowed"
                 ),
-                "aria-label": u ? m.hide : m.show,
-                "aria-pressed": u,
+                "aria-label": d ? m.hide : m.show,
+                "aria-pressed": d,
                 "aria-controls": w,
-                title: u ? m.hide : m.show,
-                disabled: d,
+                title: d ? m.hide : m.show,
+                disabled: c,
                 children: [
                   /* @__PURE__ */ l(
                     N,
                     {
-                      name: u ? "EyeOff" : "Eye",
+                      name: d ? "EyeOff" : "Eye",
                       size: g === "lg" ? "sm" : "xs"
                     }
                   ),
-                  /* @__PURE__ */ l("span", { className: "sr-only", children: u ? m.hide : m.show })
+                  /* @__PURE__ */ l("span", { className: "sr-only", children: d ? m.hide : m.show })
                 ]
               }
             ) : (M || E) && /* @__PURE__ */ f("div", { className: "text-d-muted-foreground flex shrink-0 items-center gap-2", children: [

package/dist/components/ui/kanban.js

@@ -248,10 +248,7 @@ function xe({
   }, []), c = h(() => {
     const s = d.current;
     if (!s) return;
-    if (t && Object.prototype.hasOwnProperty.call(
-      t,
-      "--kanban-column-min-height"
-    )) {
+    if (t && Object.prototype.hasOwnProperty.call(t, "--kanban-column-min-height")) {
       n(null);
       return;
     }
@@ -279,7 +276,9 @@ function xe({
       x = Math.max(x, k.scrollHeight);
     b && s.style.setProperty("--kanban-column-min-height", b);
     const B = Math.ceil(x);
-    n(Number.isFinite(B) && B > 0 ? B : 0);
+    n(
+      Number.isFinite(B) && B > 0 ? B : 0
+    );
   }, [n, t]), f = h(() => {
     i.current === null && (i.current = requestAnimationFrame(() => {
       i.current = null, c();
@@ -348,8 +347,8 @@ function ye({
       "aria-labelledby": `column-${r}-title`,
       className: D(
         se,
-        g && "border-d-primary/80 bg-d-primary/10 ring-2 ring-d-primary/30",
-        m && "border-d-destructive/70 bg-d-destructive/10 ring-2 ring-d-destructive/20",
+        g && "border-d-primary/80 bg-d-primary/10 ring-d-primary/30 ring-2",
+        m && "border-d-destructive/70 bg-d-destructive/10 ring-d-destructive/20 ring-2",
         e
       ),
       "aria-disabled": l,
@@ -523,7 +522,7 @@ function Te({
         !a && "bg-d-card/95",
         le,
         "focus-visible:ring-d-ring inline-flex w-full touch-manipulation flex-col gap-2 transition-all duration-200 focus-visible:ring-1 focus-visible:outline-none",
-        t ? "group/card relative cursor-default" : c ? "cursor-grabbing active:cursor-grabbing opacity-40" : "group/card relative cursor-grab hover:-translate-y-0.5 hover:shadow-lg",
+        t ? "group/card relative cursor-default" : c ? "cursor-grabbing opacity-40 active:cursor-grabbing" : "group/card relative cursor-grab hover:-translate-y-0.5 hover:shadow-lg",
         l && "rotate-1 transform shadow-lg",
         e
       ),
@@ -539,7 +538,7 @@ function Te({
         g && g.length > 0 && /* @__PURE__ */ p("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: g.map((o, b) => /* @__PURE__ */ C(
           "div",
           {
-            className: "text-d-muted-foreground inline-flex items-center gap-1 rounded-full border bg-d-muted/40 px-2 py-0.5 text-[11px]",
+            className: "text-d-muted-foreground bg-d-muted/40 inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px]",
             style: {
               borderColor: a ? `${a}40` : void 0
             },

package/dist/components/ui/markdown-renderer.js

@@ -1,37 +1,37 @@
 "use client";
-import { jsx as t, jsxs as p, Fragment as f } from "react/jsx-runtime";
-import y, { Suspense as x } from "react";
-import { cn as m } from "../../lib/utils.js";
+import { jsx as o, jsxs as p, Fragment as y } from "react/jsx-runtime";
+import g, { Suspense as x } from "react";
 import { CopyButton as k } from "./copy-button.js";
+import { cn as m } from "../../lib/utils.js";
 import { Markdown as N } from "../../node_modules/react-markdown/lib/index.js";
 import v from "../../node_modules/remark-gfm/lib/index.js";
 function q({ children: e }) {
-  return /* @__PURE__ */ t("div", { className: "space-y-3", children: /* @__PURE__ */ t(N, { remarkPlugins: [v], components: C, children: e }) });
+  return /* @__PURE__ */ o("div", { className: "space-y-3", children: /* @__PURE__ */ o(N, { remarkPlugins: [v], components: C, children: e }) });
 }
-const g = y.memo(
-  async ({ children: e, language: o, ...n }) => {
-    const { codeToTokens: d, bundledLanguages: i } = await import("../../node_modules/shiki/dist/index.js");
-    if (!(o in i))
-      return /* @__PURE__ */ t("pre", { ...n, children: e });
-    const { tokens: l } = await d(e, {
-      lang: o,
+const h = g.memo(
+  async ({ children: e, language: t, ...n }) => {
+    const { codeToTokens: i, bundledLanguages: d } = await import("../../node_modules/shiki/dist/index.js");
+    if (!(t in d))
+      return /* @__PURE__ */ o("pre", { ...n, children: e });
+    const { tokens: l } = await i(e, {
+      lang: t,
       defaultColor: !1,
       themes: {
         light: "github-light",
         dark: "github-dark"
       }
     });
-    return /* @__PURE__ */ t("pre", { ...n, children: /* @__PURE__ */ t("code", { children: l.map((h, c) => /* @__PURE__ */ p(f, { children: [
-      /* @__PURE__ */ t("span", { children: h.map((a, u) => {
-        const b = typeof a.htmlStyle == "string" ? void 0 : a.htmlStyle;
-        return /* @__PURE__ */ t(
+    return /* @__PURE__ */ o("pre", { ...n, children: /* @__PURE__ */ o("code", { children: l.map((u, c) => /* @__PURE__ */ p(y, { children: [
+      /* @__PURE__ */ o("span", { children: u.map((a, b) => {
+        const f = typeof a.htmlStyle == "string" ? void 0 : a.htmlStyle;
+        return /* @__PURE__ */ o(
           "span",
           {
             className: "text-shiki-light bg-shiki-light-bg dark:text-shiki-dark dark:bg-shiki-dark-bg",
-            style: b,
+            style: f,
             children: a.content
           },
-          u
+          b
         );
       }) }, c),
       c !== l.length - 1 && `
@@ -39,34 +39,34 @@ const g = y.memo(
     ] })) }) });
   }
 );
-g.displayName = "HighlightedCode";
+h.displayName = "HighlightedCode";
 const w = ({
   children: e,
-  className: o,
+  className: t,
   language: n,
-  ...d
+  ...i
 }) => {
-  const i = typeof e == "string" ? e : s(e), l = m(
+  const d = typeof e == "string" ? e : s(e), l = m(
     "overflow-x-scroll rounded-md border  border-d-border bg-d-background/50 p-4 font-mono text-sm [scrollbar-width:none]",
-    o
+    t
   );
   return /* @__PURE__ */ p("div", { className: "group/code relative mb-4", children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ o(
       x,
       {
-        fallback: /* @__PURE__ */ t("pre", { className: l, ...d, children: e }),
-        children: /* @__PURE__ */ t(g, { language: n, className: l, children: i })
+        fallback: /* @__PURE__ */ o("pre", { className: l, ...i, children: e }),
+        children: /* @__PURE__ */ o(h, { language: n, className: l, children: d })
       }
     ),
-    /* @__PURE__ */ t("div", { className: "invisible absolute top-2 right-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ t(k, { content: i, copyMessage: "Copied code to clipboard" }) })
+    /* @__PURE__ */ o("div", { className: "invisible absolute top-2 right-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ o(k, { content: d, copyMessage: "Copied code to clipboard" }) })
   ] });
 };
 function s(e) {
   if (typeof e == "string")
     return e;
-  if (e?.props?.children) {
-    let o = e.props.children;
-    return Array.isArray(o) ? o.map((n) => s(n)).join("") : s(o);
+  if (g.isValidElement(e) && e.props && typeof e.props == "object" && "children" in e.props) {
+    const t = e.props.children;
+    return t && typeof t == "object" && Array.isArray(t) ? t.map((n) => s(n)).join("") : s(t);
   }
   return "";
 }
@@ -79,15 +79,19 @@ const C = {
   strong: r("strong", "font-semibold"),
   a: r("a", "text-d-primary underline underline-offset-2"),
   blockquote: r("blockquote", "border-l-2 border-d-primary pl-4"),
-  code: ({ children: e, className: o, node: n, ...d }) => {
-    const i = /language-(\w+)/.exec(o || "");
-    return i ? /* @__PURE__ */ t(w, { className: o, language: i[1], ...d, children: e }) : /* @__PURE__ */ t(
+  code: ({
+    children: e,
+    className: t,
+    ...n
+  }) => {
+    const i = /language-(\w+)/.exec(t || "");
+    return i ? /* @__PURE__ */ o(w, { className: t, language: i[1], ...n, children: e }) : /* @__PURE__ */ o(
       "code",
       {
         className: m(
           "[:not(pre)>&]:bg-d-background/50 font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5"
         ),
-        ...d,
+        ...n,
         children: e
       }
     );
@@ -112,8 +116,10 @@ const C = {
   p: r("p", "whitespace-pre-wrap"),
   hr: r("hr", "border-foreground/20")
 };
-function r(e, o) {
-  const n = ({ node: d, ...i }) => /* @__PURE__ */ t(e, { className: o, ...i });
+function r(e, t) {
+  const n = ({
+    ...i
+  }) => /* @__PURE__ */ o(e, { className: t, ...i });
   return n.displayName = String(e), n;
 }
 export {

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

@@ -1,16 +1,16 @@
 "use client";
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { AnimatePresence as v, motion as w } from "framer-motion";
-import { useState as y, useEffect as S, useRef as Q } from "react";
-import { omit as T } from "../../node_modules/remeda/dist/omit-HZOiLuMO.js";
+import { useState as y, useEffect as z, useRef as Q } from "react";
+import { omit as S } from "../../node_modules/remeda/dist/omit-HZOiLuMO.js";
 import { AudioVisualizer as X } from "./audio-visualizer.js";
 import { Button as g } from "./button.js";
 import { FilePreview as Y } from "./file-preview/index.js";
 import { InterruptPrompt as Z } from "./interrupt-prompt.js";
 import { useAudioRecording as _ } from "../../hooks/use-audio-recording.js";
 import { useAutosizeTextArea as $ } from "../../hooks/use-autosize-textarea.js";
-import { cn as C } from "../../lib/utils.js";
-import P from "../../node_modules/lucide-react/dist/esm/icons/paperclip.js";
+import { cn as T } from "../../lib/utils.js";
+import C from "../../node_modules/lucide-react/dist/esm/icons/paperclip.js";
 import G from "../../node_modules/lucide-react/dist/esm/icons/mic.js";
 import ee from "../../node_modules/lucide-react/dist/esm/icons/square.js";
 import te from "../../node_modules/lucide-react/dist/esm/icons/arrow-up.js";
@@ -24,39 +24,41 @@ function ae({
   stop: s,
   isGenerating: u,
   enableInterrupt: A = !0,
-  transcribeAudio: I,
-  "data-testid": R,
+  transcribeAudio: P,
+  "data-testid": I,
   ...r
 }) {
-  const [F, x] = y(!1), [N, f] = y(!1), {
-    isListening: L,
-    isSpeechSupported: M,
+  const [R, x] = y(!1), [N, f] = y(!1), {
+    isListening: F,
+    isSpeechSupported: L,
     isRecording: D,
-    isTranscribing: O,
-    audioStream: j,
-    toggleListening: q,
+    isTranscribing: M,
+    audioStream: O,
+    toggleListening: j,
     stopRecording: k
   } = _({
-    transcribeAudio: I,
+    transcribeAudio: P,
     onTranscriptionComplete: (t) => {
-      r.onChange?.({ target: { value: t } });
+      r.onChange?.({
+        target: { value: t }
+      });
     }
   });
-  S(() => {
+  z(() => {
     u || f(!1);
   }, [u]);
   const h = (t) => {
     r.allowAttachments && r.setFiles((a) => a === null ? t : t === null ? a : [...a, ...t]);
-  }, E = (t) => {
+  }, q = (t) => {
     r.allowAttachments === !0 && (t.preventDefault(), x(!0));
-  }, H = (t) => {
+  }, E = (t) => {
     r.allowAttachments === !0 && (t.preventDefault(), x(!1));
-  }, K = (t) => {
+  }, H = (t) => {
     if (x(!1), r.allowAttachments !== !0) return;
     t.preventDefault();
     const a = t.dataTransfer;
     a.files.length && h(Array.from(a.files));
-  }, U = (t) => {
+  }, K = (t) => {
     const a = t.clipboardData?.items;
     if (!a) return;
     const c = t.clipboardData.getData("text");
@@ -71,7 +73,7 @@ function ae({
     }
     const b = Array.from(a).map((m) => m.getAsFile()).filter((m) => m !== null);
     r.allowAttachments && b.length > 0 && h(b);
-  }, V = (t) => {
+  }, U = (t) => {
     if (l && t.key === "Enter" && !t.shiftKey) {
       if (t.preventDefault(), u && s && A) {
         if (N)
@@ -86,23 +88,22 @@ function ae({
     d?.(t);
   }, p = Q(
     null
-  ), [B, W] = y(0);
-  S(() => {
-    p.current && W(p.current.offsetHeight);
+  ), [V, B] = y(0);
+  z(() => {
+    p.current && B(p.current.offsetHeight);
   }, [r.value]);
-  const z = r.allowAttachments && r.files && r.files.length > 0;
+  const W = r.allowAttachments && r.files && r.files.length > 0;
   return $({
     ref: p,
     maxHeight: 240,
-    borderWidth: 1,
-    dependencies: [r.value, z]
+    borderWidth: 1
   }), /* @__PURE__ */ o(
     "div",
     {
       className: "relative flex w-full",
-      onDragOver: E,
-      onDragLeave: H,
-      onDrop: K,
+      onDragOver: q,
+      onDragLeave: E,
+      onDrop: H,
       children: [
         A && /* @__PURE__ */ e(
           Z,
@@ -125,15 +126,15 @@ function ae({
               "aria-label": "Write your prompt here",
               placeholder: i,
               ref: p,
-              onPaste: U,
-              onKeyDown: V,
-              "data-testid": R,
-              className: C(
+              onPaste: K,
+              onKeyDown: U,
+              "data-testid": I,
+              className: T(
                 "border-d-input bg-d-input ring-offset-d-background placeholder:text-d-muted-foreground focus-visible:border-d-primary z-10 w-full grow resize-none rounded-xl border p-3 pr-24 text-sm transition-[border] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-                z && "pb-16",
+                W && "pb-16",
                 n
               ),
-              ...r.allowAttachments ? T(r, ["allowAttachments", "files", "setFiles"]) : T(r, ["allowAttachments"])
+              ...r.allowAttachments ? S(r, ["allowAttachments", "files", "setFiles"]) : S(r, ["allowAttachments"])
             }
           ),
           r.allowAttachments && /* @__PURE__ */ e("div", { className: "absolute inset-x-3 bottom-2 z-20 overflow-x-scroll py-3 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ e("div", { className: "flex space-x-3", children: /* @__PURE__ */ e(v, { mode: "popLayout", children: r.files?.map((t) => /* @__PURE__ */ e(
@@ -166,18 +167,18 @@ function ae({
                 const t = await le();
                 h(t);
               },
-              children: /* @__PURE__ */ e(P, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(C, { className: "h-4 w-4" })
             }
           ),
-          M && /* @__PURE__ */ e(
+          L && /* @__PURE__ */ e(
             g,
             {
               type: "button",
               variant: "outline",
-              className: C("h-8 w-8", L && "text-d-primary"),
+              className: T("h-8 w-8", F && "text-d-primary"),
               "aria-label": "Voice input",
               size: "icon",
-              onClick: q,
+              onClick: j,
               children: /* @__PURE__ */ e(G, { className: "h-4 w-4" })
             }
           ),
@@ -203,14 +204,14 @@ function ae({
             }
           )
         ] }),
-        r.allowAttachments && /* @__PURE__ */ e(ne, { isDragging: F }),
+        r.allowAttachments && /* @__PURE__ */ e(ne, { isDragging: R }),
         /* @__PURE__ */ e(
           ce,
           {
             isRecording: D,
-            isTranscribing: O,
-            audioStream: j,
-            textAreaHeight: B,
+            isTranscribing: M,
+            audioStream: O,
+            textAreaHeight: V,
             onStopRecording: k
           }
         )
@@ -230,7 +231,7 @@ function ne({ isDragging: i }) {
       transition: { duration: 0.2 },
       "aria-hidden": !0,
       children: [
-        /* @__PURE__ */ e(P, { className: "h-4 w-4" }),
+        /* @__PURE__ */ e(C, { className: "h-4 w-4" }),
         /* @__PURE__ */ e("span", { children: "Drop your files here to attach them." })
       ]
     }