laif-ds 0.2.9 → 0.2.11

package/dist/components/ui/file-preview.js

@@ -1,108 +1,126 @@
 "use client";
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import c, { useEffect as P } from "react";
-import { motion as b } from "framer-motion";
-import { Button as j } from "../../dist/components/ui/button.js";
-import { Icon as p } from "../../dist/components/ui/icon.js";
-import { Tooltip as C, TooltipTrigger as W, TooltipContent as k } from "../../dist/components/ui/tooltip.js";
-import { Command as U, CommandGroup as R, CommandItem as h } from "../../dist/components/ui/command.js";
-import { Popover as L, PopoverTrigger as z, PopoverContent as S } from "../../dist/components/ui/popover.js";
-import { cn as N } from "../../dist/lib/utils.js";
-import f from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import p, { useEffect as T } from "react";
+import { motion as h } from "framer-motion";
+import { Button as P } from "../../dist/components/ui/button.js";
+import { Icon as x } from "../../dist/components/ui/icon.js";
+import { Tooltip as C, TooltipTrigger as k, TooltipContent as U } from "../../dist/components/ui/tooltip.js";
+import { Command as R, CommandGroup as L, CommandItem as b } from "../../dist/components/ui/command.js";
+import { Popover as z, PopoverTrigger as S, PopoverContent as E } from "../../dist/components/ui/popover.js";
+import { cn as v } from "../../dist/lib/utils.js";
+import g from "../../node_modules/lucide-react/dist/esm/icons/x.js";
 import I from "../../node_modules/lucide-react/dist/esm/icons/file.js";
-const x = ({ url: e, onPreview: t, onDownload: i, onRemove: s }) => /* @__PURE__ */ a(L, { children: [
-  /* @__PURE__ */ r(z, { asChild: !0, children: /* @__PURE__ */ r(j, { variant: "ghost", size: "icon", children: /* @__PURE__ */ r(p, { name: "Menu", size: "sm" }) }) }),
-  /* @__PURE__ */ r(S, { className: "w-42 p-0", align: "end", children: /* @__PURE__ */ r(U, { children: /* @__PURE__ */ a(R, { children: [
-    t && /* @__PURE__ */ a(h, { onSelect: () => t(e), children: [
-      /* @__PURE__ */ r(p, { name: "Presentation", size: "sm" }),
-      /* @__PURE__ */ r("span", { children: "Anteprima" })
+const y = ({ url: e, onPreview: r, onDownload: n, onRemove: s }) => /* @__PURE__ */ o(z, { children: [
+  /* @__PURE__ */ t(S, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: "ghost", size: "icon", children: /* @__PURE__ */ t(x, { name: "Menu", size: "sm" }) }) }),
+  /* @__PURE__ */ t(E, { className: "w-42 p-0", align: "end", children: /* @__PURE__ */ t(R, { children: /* @__PURE__ */ o(L, { children: [
+    r && /* @__PURE__ */ o(b, { onSelect: () => r(e), children: [
+      /* @__PURE__ */ t(x, { name: "Presentation", size: "sm" }),
+      /* @__PURE__ */ t("span", { children: "Anteprima" })
     ] }),
-    i && /* @__PURE__ */ a(h, { onSelect: () => i(e), children: [
-      /* @__PURE__ */ r(p, { name: "Download", size: "sm" }),
-      /* @__PURE__ */ r("span", { children: "Download" })
+    n && /* @__PURE__ */ o(b, { onSelect: () => n(e), children: [
+      /* @__PURE__ */ t(x, { name: "Download", size: "sm" }),
+      /* @__PURE__ */ t("span", { children: "Download" })
     ] }),
-    s && /* @__PURE__ */ a(
-      h,
+    s && /* @__PURE__ */ o(
+      b,
       {
         onSelect: () => s(e),
         className: "text-red-500",
         children: [
-          /* @__PURE__ */ r(p, { name: "Trash", className: "text-red-500", size: "sm" }),
-          /* @__PURE__ */ r("span", { children: "Elimina" })
+          /* @__PURE__ */ t(x, { name: "Trash", className: "text-red-500", size: "sm" }),
+          /* @__PURE__ */ t("span", { children: "Elimina" })
         ]
       }
     )
   ] }) }) })
 ] });
-function y({ text: e }) {
-  return /* @__PURE__ */ a(C, { children: [
-    /* @__PURE__ */ r(W, { className: "w-full truncate", children: /* @__PURE__ */ r("span", { className: "text-d-secondary-foreground w-full truncate", children: e }) }),
-    /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r("span", { children: e }) })
+function w({ text: e }) {
+  return /* @__PURE__ */ o(C, { children: [
+    /* @__PURE__ */ t(k, { "data-slot": "tooltip-trigger", className: "w-full min-w-0", children: /* @__PURE__ */ t("span", { className: "block w-full truncate text-d-secondary-foreground", children: e }) }),
+    /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t("span", { children: e }) })
   ] });
 }
-const m = (e) => "type" in e && typeof e.type == "string" && e instanceof File, $ = (e) => {
-  if (m(e) || e.type)
+const u = (e) => "type" in e && typeof e.type == "string" && e instanceof File, $ = (e) => {
+  if (u(e) || e.type)
     return e.type;
-  const t = e.name.toLowerCase();
-  return t.endsWith(".jpg") || t.endsWith(".jpeg") || t.endsWith(".png") || t.endsWith(".gif") || t.endsWith(".webp") ? "image/" + t.split(".").pop() : t.endsWith(".txt") || t.endsWith(".md") ? "text/plain" : "application/octet-stream";
-}, G = c.forwardRef(
-  (e, t) => {
-    const i = $(e.file);
-    return i.startsWith("image/") ? /* @__PURE__ */ r(v, { ...e, ref: t }) : i.startsWith("text/") || e.file.name.endsWith(".txt") || e.file.name.endsWith(".md") ? /* @__PURE__ */ r(F, { ...e, ref: t }) : /* @__PURE__ */ r(T, { ...e, ref: t });
+  const r = (i) => {
+    if (!i) return "";
+    const m = i.split(/[?#]/)[0].split("/").pop() || "", d = m.lastIndexOf(".");
+    return d >= 0 ? m.substring(d + 1).toLowerCase() : "";
+  }, n = r(e.name || ""), s = "url" in e ? r(e.url || "") : "", a = n || s;
+  if (a && (/* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "bmp", "svg", "tiff"])).has(a))
+    return `image/${a === "jpg" ? "jpeg" : a}`;
+  if (a === "txt" || a === "md")
+    return "text/plain";
+  const l = {
+    pdf: "application/pdf",
+    csv: "text/csv",
+    doc: "application/msword",
+    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    xls: "application/vnd.ms-excel",
+    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    ppt: "application/vnd.ms-powerpoint",
+    pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
+  };
+  return a && l[a] ? l[a] : "application/octet-stream";
+}, O = p.forwardRef(
+  (e, r) => {
+    const n = $(e.file);
+    return n.startsWith("image/") ? /* @__PURE__ */ t(N, { ...e, ref: r }) : n.startsWith("text/") || e.file.name.endsWith(".txt") || e.file.name.endsWith(".md") ? /* @__PURE__ */ t(F, { ...e, ref: r }) : /* @__PURE__ */ t(j, { ...e, ref: r });
   }
 );
-G.displayName = "FilePreview";
-const v = c.forwardRef(
+O.displayName = "FilePreview";
+const N = p.forwardRef(
   ({
     file: e,
-    onRemove: t,
-    onPreview: i,
+    onRemove: r,
+    onPreview: n,
     onDownload: s,
-    showActionMenu: d = !1,
-    className: l
-  }, o) => {
-    const n = m(e) ? URL.createObjectURL(e) : e.url;
-    return /* @__PURE__ */ a(
-      b.div,
+    showActionMenu: a = !1,
+    className: c
+  }, l) => {
+    const i = u(e) ? URL.createObjectURL(e) : e.url;
+    return /* @__PURE__ */ o(
+      h.div,
       {
-        ref: o,
-        className: N(
+        ref: l,
+        className: v(
           "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
-          l
+          c
         ),
         layout: !0,
         initial: { opacity: 0, y: "100%" },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: "100%" },
         children: [
-          /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-            /* @__PURE__ */ r(
+          /* @__PURE__ */ o("div", { className: "flex w-full min-w-0 items-center space-x-2", children: [
+            /* @__PURE__ */ t(
               "img",
               {
                 alt: `Attachment ${e.name}`,
                 className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border object-cover",
-                src: n
+                src: i
               }
             ),
-            /* @__PURE__ */ r(y, { text: e.name }),
-            d && /* @__PURE__ */ r(
-              x,
+            /* @__PURE__ */ t(w, { text: e.name }),
+            a && /* @__PURE__ */ t(
+              y,
               {
-                url: n,
-                onPreview: i,
+                url: i,
+                onPreview: n,
                 onDownload: s,
-                onRemove: t
+                onRemove: r
               }
             )
           ] }),
-          !d && t ? /* @__PURE__ */ r(
+          !a && r ? /* @__PURE__ */ t(
             "button",
             {
               className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
               type: "button",
-              onClick: () => t(n),
+              onClick: () => r(i),
               "aria-label": "Remove attachment",
-              children: /* @__PURE__ */ r(f, { className: "h-2.5 w-2.5" })
+              children: /* @__PURE__ */ t(g, { className: "h-2.5 w-2.5" })
             }
           ) : null
         ]
@@ -110,51 +128,51 @@ const v = c.forwardRef(
     );
   }
 );
-v.displayName = "ImageFilePreview";
-const F = c.forwardRef(
-  ({ file: e, onRemove: t, onPreview: i, onDownload: s, showActionMenu: d = !1 }, l) => {
-    const [o, n] = c.useState(""), g = m(e) ? URL.createObjectURL(e) : e.url;
-    return P(() => {
-      if (m(e)) {
-        const w = new FileReader();
-        w.onload = (u) => {
-          u.target?.result && n(
-            typeof u.target.result == "string" ? u.target.result.slice(0, 100) : ""
+N.displayName = "ImageFilePreview";
+const F = p.forwardRef(
+  ({ file: e, onRemove: r, onPreview: n, onDownload: s, showActionMenu: a = !1 }, c) => {
+    const [l, i] = p.useState(""), f = u(e) ? URL.createObjectURL(e) : e.url;
+    return T(() => {
+      if (u(e)) {
+        const m = new FileReader();
+        m.onload = (d) => {
+          d.target?.result && i(
+            typeof d.target.result == "string" ? d.target.result.slice(0, 100) : ""
           );
-        }, w.readAsText(e);
+        }, m.readAsText(e);
       } else
-        n("Anteprima non disponibile");
-    }, [e]), /* @__PURE__ */ a(
-      b.div,
+        i("Anteprima non disponibile");
+    }, [e]), /* @__PURE__ */ o(
+      h.div,
       {
-        ref: l,
+        ref: c,
         className: "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
         layout: !0,
         initial: { opacity: 0, y: "100%" },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: "100%" },
         children: [
-          /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-            /* @__PURE__ */ r("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded rounded-sm border p-1 text-[8px]", children: o }),
-            /* @__PURE__ */ r(y, { text: e.name }),
-            d && /* @__PURE__ */ r(
-              x,
+          /* @__PURE__ */ o("div", { className: "flex w-full min-w-0 items-center space-x-2", children: [
+            /* @__PURE__ */ t("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded rounded-sm border p-1 text-[8px]", children: l }),
+            /* @__PURE__ */ t(w, { text: e.name }),
+            a && /* @__PURE__ */ t(
+              y,
               {
-                url: g,
-                onPreview: i,
+                url: f,
+                onPreview: n,
                 onDownload: s,
-                onRemove: t
+                onRemove: r
               }
             )
           ] }),
-          !d && t ? /* @__PURE__ */ r(
+          !a && r ? /* @__PURE__ */ t(
             "button",
             {
               className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
               type: "button",
-              onClick: () => t(g),
+              onClick: () => r(f),
               "aria-label": "Remove attachment",
-              children: /* @__PURE__ */ r(f, { className: "h-2.5 w-2.5" })
+              children: /* @__PURE__ */ t(g, { className: "h-2.5 w-2.5" })
             }
           ) : null
         ]
@@ -163,50 +181,50 @@ const F = c.forwardRef(
   }
 );
 F.displayName = "TextFilePreview";
-const T = c.forwardRef(
+const j = p.forwardRef(
   ({
     file: e,
-    onRemove: t,
-    onPreview: i,
+    onRemove: r,
+    onPreview: n,
     onDownload: s,
-    showActionMenu: d = !1,
-    className: l
-  }, o) => {
-    const n = m(e) ? URL.createObjectURL(e) : e.url;
-    return /* @__PURE__ */ a(
-      b.div,
+    showActionMenu: a = !1,
+    className: c
+  }, l) => {
+    const i = u(e) ? URL.createObjectURL(e) : e.url;
+    return /* @__PURE__ */ o(
+      h.div,
       {
-        ref: o,
-        className: N(
+        ref: l,
+        className: v(
           "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
-          l
+          c
         ),
         layout: !0,
         initial: { opacity: 0, y: "100%" },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: "100%" },
         children: [
-          /* @__PURE__ */ a("div", { className: "flex w-full cursor-pointer items-center space-x-2", children: [
-            /* @__PURE__ */ r("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border", children: /* @__PURE__ */ r(I, { className: "h-5 w-5" }) }),
-            /* @__PURE__ */ r(y, { text: e.name }),
-            d && /* @__PURE__ */ r(
-              x,
+          /* @__PURE__ */ o("div", { className: "flex w-full min-w-0 cursor-pointer items-center space-x-2", children: [
+            /* @__PURE__ */ t("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border", children: /* @__PURE__ */ t(I, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ t(w, { text: e.name }),
+            a && /* @__PURE__ */ t(
+              y,
               {
-                url: n,
-                onPreview: i,
+                url: i,
+                onPreview: n,
                 onDownload: s,
-                onRemove: t
+                onRemove: r
               }
             )
           ] }),
-          !d && t ? /* @__PURE__ */ r(
+          !a && r ? /* @__PURE__ */ t(
             "button",
             {
               className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
               type: "button",
-              onClick: () => t(n),
+              onClick: () => r(i),
               "aria-label": "Remove attachment",
-              children: /* @__PURE__ */ r(f, { className: "h-2.5 w-2.5" })
+              children: /* @__PURE__ */ t(g, { className: "h-2.5 w-2.5" })
             }
           ) : null
         ]
@@ -214,8 +232,8 @@ const T = c.forwardRef(
     );
   }
 );
-T.displayName = "GenericFilePreview";
+j.displayName = "GenericFilePreview";
 export {
-  G as FilePreview,
-  y as default
+  O as FilePreview,
+  w as default
 };

package/dist/components/ui/file-uploader.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as D, jsx as r, Fragment as L } from "react/jsx-runtime";
+import { jsxs as I, jsx as r, Fragment as L } from "react/jsx-runtime";
 import c from "react";
 import { FilePreview as C } from "./file-preview.js";
 import { Card as A, CardHeader as S, CardTitle as B, CardContent as P } from "./card.js";
@@ -22,28 +22,28 @@ const H = {
   image: "image/*",
   video: "video/*",
   audio: "audio/*"
-}, $ = (u) => Math.ceil(u / (1024 * 1024)), Q = ({
-  accept: u,
+}, $ = (p) => Math.ceil(p / (1024 * 1024)), Q = ({
+  accept: p,
   extensions: y = ["pdf", "image", "video", "audio"],
   multiple: d = !1,
   onUpload: v,
   description: b = "Trascina un file o clicca per selezionare",
-  formatDescription: I = "Formato accettato: PDF, Immagini, Video, Audio",
+  formatDescription: N = "Formato accettato: PDF, Immagini, Video, Audio",
   selectedLabel: m = "File selezionati",
   maxTotalSize: n,
   maxFiles: g
 }) => {
-  const f = u ?? y.map((e) => H[e]).join(","), [o, x] = c.useState([]), [w, a] = c.useState(""), N = (e) => {
+  const f = p ?? y.map((e) => H[e]).join(","), [o, x] = c.useState([]), [w, D] = c.useState(""), a = (e) => {
     const i = Array.from(e).filter(
       (s) => f.split(",").some((t) => (t = t.trim(), s.type.startsWith(t.replace("/*", "")) || s.name.toLowerCase().endsWith(t.replace("*", ""))))
     );
     let l = [];
-    const p = [];
+    const u = [];
     if (d) {
       let s = i;
       if (typeof g == "number") {
         const t = Math.max(g - o.length, 0);
-        t < i.length && (s = i.slice(0, t), p.push(`Max ${g} file`));
+        t < i.length && (s = i.slice(0, t), u.push(`Max ${g} file`));
       }
       if (typeof n == "number") {
         const t = n;
@@ -51,7 +51,7 @@ const H = {
         const j = [];
         let z = !1;
         for (const h of s)
-          M + (h.size || 0) <= t ? (j.push(h), M += h.size || 0) : z || (p.push(`Max ${$(t)} MB`), z = !0);
+          M + (h.size || 0) <= t ? (j.push(h), M += h.size || 0) : z || (u.push(`Max ${$(t)} MB`), z = !0);
         s = j;
       }
       l = [...o, ...s];
@@ -59,20 +59,20 @@ const H = {
       const s = i[0] ? [i[0]] : [];
       if (typeof n == "number" && s[0]) {
         const t = n;
-        (s[0].size || 0) > t ? (p.push(`Max ${$(t)} MB`), l = o) : l = s;
+        (s[0].size || 0) > t ? (u.push(`Max ${$(t)} MB`), l = o) : l = s;
       } else
         l = s;
     }
-    x(l), a(p.join(" • ")), v?.(l);
+    x(l), D(u.join(" • ")), v?.(l);
   }, R = (e) => {
-    e.target.files && N(e.target.files), e.target.value = "";
+    e.target.files && a(e.target.files), e.target.value = "";
   }, k = (e) => {
-    e.preventDefault(), N(e.dataTransfer.files);
+    e.preventDefault(), a(e.dataTransfer.files);
   }, F = (e) => {
-    const i = o.filter((l, p) => p !== e);
-    x(i), a(""), v?.(i);
+    const i = o.filter((l, u) => u !== e);
+    x(i), D(""), v?.(i);
   };
-  return /* @__PURE__ */ D("div", { className: "mx-auto w-full space-y-4", children: [
+  return /* @__PURE__ */ I("div", { className: "mx-auto w-full space-y-4", children: [
     (d || o.length === 0) && /* @__PURE__ */ r(
       K,
       {
@@ -81,11 +81,11 @@ const H = {
         onDrop: k,
         onChange: R,
         description: b,
-        formatDescription: I,
+        formatDescription: N,
         errorCaption: w
       }
     ),
-    o.length > 0 && /* @__PURE__ */ r(L, { children: /* @__PURE__ */ D(A, { size: "sm", className: "shadow-none", children: [
+    o.length > 0 && /* @__PURE__ */ r(L, { children: /* @__PURE__ */ I(A, { size: "sm", className: "shadow-none", children: [
       /* @__PURE__ */ r(S, { children: /* @__PURE__ */ r(B, { children: m }) }),
       /* @__PURE__ */ r(P, { children: d ? /* @__PURE__ */ r("div", { className: "flex flex-nowrap gap-2 overflow-x-auto py-2", children: o.map((e, i) => /* @__PURE__ */ r(
         C,
@@ -98,16 +98,16 @@ const H = {
     ] }) })
   ] });
 }, K = ({
-  accept: u,
+  accept: p,
   multiple: y,
   onDrop: d,
   onChange: v,
   description: b,
-  formatDescription: I,
+  formatDescription: N,
   errorCaption: m
 }) => {
-  const n = c.useRef(null), [g, f] = c.useState(!1), o = c.useId(), x = c.useId(), w = c.useId();
-  return /* @__PURE__ */ D(
+  const n = c.useRef(null), [g, f] = c.useState(!1), o = c.useId(), x = c.useId(), w = c.useId(), D = c.useId();
+  return /* @__PURE__ */ I(
     "div",
     {
       role: "button",
@@ -135,14 +135,14 @@ const H = {
             className: "text-d-muted-foreground h-10 w-10"
           }
         ),
-        /* @__PURE__ */ D("div", { className: "max-w-xs text-center", children: [
+        /* @__PURE__ */ I("div", { className: "max-w-xs text-center", children: [
           /* @__PURE__ */ r("p", { id: o, className: "text-d-muted-foreground text-sm font-medium", children: b }),
           /* @__PURE__ */ r(
             "p",
             {
               id: x,
               className: "text-d-muted-foreground text-muted-foreground mt-1 text-xs",
-              children: I
+              children: N
             }
           ),
           m ? /* @__PURE__ */ r("p", { id: w, className: "mt-2 text-xs font-medium text-red-600", children: m }) : null
@@ -151,10 +151,10 @@ const H = {
           W,
           {
             ref: n,
-            id: "file",
+            id: D,
             type: "file",
             className: "hidden",
-            accept: u,
+            accept: p,
             multiple: y,
             onChange: v
           }

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 { useState as y, useEffect as S, useRef as J } from "react";
-import { AnimatePresence as v, motion as w } from "framer-motion";
-import { a as T } from "../../node_modules/remeda/dist/chunk-KI5X74E2.js";
-import { cn as C } from "../../lib/utils.js";
+import { useState as y, useEffect as S, useRef as W } from "react";
+import { AnimatePresence as v, motion as x } from "framer-motion";
+import { a as J } from "../../node_modules/remeda/dist/chunk-KI5X74E2.js";
+import { cn as T } from "../../lib/utils.js";
 import { useAudioRecording as Q } from "../../hooks/use-audio-recording.js";
 import { useAutosizeTextArea as X } from "../../hooks/use-autosize-textarea.js";
 import { AudioVisualizer as Y } from "./audio-visualizer.js";
 import { Button as g } from "./button.js";
 import { FilePreview as Z } from "./file-preview.js";
 import { InterruptPrompt as _ } from "./interrupt-prompt.js";
-import P from "../../node_modules/lucide-react/dist/esm/icons/paperclip.js";
+import C from "../../node_modules/lucide-react/dist/esm/icons/paperclip.js";
 import $ from "../../node_modules/lucide-react/dist/esm/icons/mic.js";
 import G from "../../node_modules/lucide-react/dist/esm/icons/square.js";
 import ee from "../../node_modules/lucide-react/dist/esm/icons/arrow-up.js";
@@ -18,25 +18,25 @@ import te from "../../node_modules/lucide-react/dist/esm/icons/info.js";
 import re from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
 function ie({
   placeholder: i = "Ask AI...",
-  className: n,
+  className: a,
   onKeyDown: d,
   submitOnEnter: l = !0,
   stop: s,
   isGenerating: u,
   enableInterrupt: A = !0,
-  transcribeAudio: I,
+  transcribeAudio: P,
   ...r
 }) {
-  const [R, x] = y(!1), [N, f] = y(!1), {
-    isListening: F,
-    isSpeechSupported: L,
+  const [I, w] = y(!1), [N, f] = y(!1), {
+    isListening: R,
+    isSpeechSupported: F,
     isRecording: D,
-    isTranscribing: M,
-    audioStream: O,
-    toggleListening: j,
+    isTranscribing: L,
+    audioStream: M,
+    toggleListening: O,
     stopRecording: k
   } = Q({
-    transcribeAudio: I,
+    transcribeAudio: P,
     onTranscriptionComplete: (t) => {
       r.onChange?.({ target: { value: t } });
     }
@@ -45,32 +45,32 @@ function ie({
     u || f(!1);
   }, [u]);
   const h = (t) => {
-    r.allowAttachments && r.setFiles((a) => a === null ? t : t === null ? a : [...a, ...t]);
+    r.allowAttachments && r.setFiles((n) => n === null ? t : t === null ? n : [...n, ...t]);
+  }, j = (t) => {
+    r.allowAttachments === !0 && (t.preventDefault(), w(!0));
   }, q = (t) => {
-    r.allowAttachments === !0 && (t.preventDefault(), x(!0));
+    r.allowAttachments === !0 && (t.preventDefault(), w(!1));
   }, E = (t) => {
-    r.allowAttachments === !0 && (t.preventDefault(), x(!1));
-  }, H = (t) => {
-    if (x(!1), r.allowAttachments !== !0) return;
+    if (w(!1), r.allowAttachments !== !0) return;
     t.preventDefault();
-    const a = t.dataTransfer;
-    a.files.length && h(Array.from(a.files));
-  }, K = (t) => {
-    const a = t.clipboardData?.items;
-    if (!a) return;
+    const n = t.dataTransfer;
+    n.files.length && h(Array.from(n.files));
+  }, H = (t) => {
+    const n = t.clipboardData?.items;
+    if (!n) return;
     const c = t.clipboardData.getData("text");
     if (c && c.length > 500 && r.allowAttachments) {
       t.preventDefault();
-      const m = new Blob([c], { type: "text/plain" }), W = new File([m], "Pasted text", {
+      const m = new Blob([c], { type: "text/plain" }), B = new File([m], "Pasted text", {
         type: "text/plain",
         lastModified: Date.now()
       });
-      h([W]);
+      h([B]);
       return;
     }
-    const b = Array.from(a).map((m) => m.getAsFile()).filter((m) => m !== null);
+    const b = Array.from(n).map((m) => m.getAsFile()).filter((m) => m !== null);
     r.allowAttachments && b.length > 0 && h(b);
-  }, U = (t) => {
+  }, K = (t) => {
     if (l && t.key === "Enter" && !t.shiftKey) {
       if (t.preventDefault(), u && s && A) {
         if (N)
@@ -83,11 +83,11 @@ function ie({
       t.currentTarget.form?.requestSubmit();
     }
     d?.(t);
-  }, p = J(
+  }, p = W(
     null
-  ), [V, B] = y(0);
+  ), [U, V] = y(0);
   S(() => {
-    p.current && B(p.current.offsetHeight);
+    p.current && V(p.current.offsetHeight);
   }, [r.value]);
   const z = r.allowAttachments && r.files && r.files.length > 0;
   return X({
@@ -99,9 +99,9 @@ function ie({
     "div",
     {
       className: "relative flex w-full",
-      onDragOver: q,
-      onDragLeave: E,
-      onDrop: H,
+      onDragOver: j,
+      onDragLeave: q,
+      onDrop: E,
       children: [
         A && /* @__PURE__ */ e(
           _,
@@ -124,14 +124,14 @@ function ie({
               "aria-label": "Write your prompt here",
               placeholder: i,
               ref: p,
-              onPaste: K,
-              onKeyDown: U,
-              className: C(
+              onPaste: H,
+              onKeyDown: K,
+              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",
-                n
+                a
               ),
-              ...r.allowAttachments ? T(r, ["allowAttachments", "files", "setFiles"]) : T(r, ["allowAttachments"])
+              ...J(r, ["allowAttachments", "files", "setFiles"])
             }
           ),
           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(
@@ -139,9 +139,9 @@ function ie({
             {
               file: t,
               onRemove: () => {
-                r.setFiles((a) => {
-                  if (!a) return null;
-                  const c = Array.from(a).filter(
+                r.setFiles((n) => {
+                  if (!n) return null;
+                  const c = Array.from(n).filter(
                     (b) => b !== t
                   );
                   return c.length === 0 ? null : c;
@@ -161,21 +161,21 @@ function ie({
               className: "h-8 w-8",
               "aria-label": "Attach a file",
               onClick: async () => {
-                const t = await ne();
+                const t = await ae();
                 h(t);
               },
-              children: /* @__PURE__ */ e(P, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(C, { className: "h-4 w-4" })
             }
           ),
-          L && /* @__PURE__ */ e(
+          F && /* @__PURE__ */ e(
             g,
             {
               type: "button",
               variant: "outline",
-              className: C("h-8 w-8", F && "text-d-primary"),
+              className: T("h-8 w-8", R && "text-d-primary"),
               "aria-label": "Voice input",
               size: "icon",
-              onClick: j,
+              onClick: O,
               children: /* @__PURE__ */ e($, { className: "h-4 w-4" })
             }
           ),
@@ -201,14 +201,14 @@ function ie({
             }
           )
         ] }),
-        r.allowAttachments && /* @__PURE__ */ e(ae, { isDragging: R }),
+        r.allowAttachments && /* @__PURE__ */ e(ne, { isDragging: I }),
         /* @__PURE__ */ e(
           se,
           {
             isRecording: D,
-            isTranscribing: M,
-            audioStream: O,
-            textAreaHeight: V,
+            isTranscribing: L,
+            audioStream: M,
+            textAreaHeight: U,
             onStopRecording: k
           }
         )
@@ -217,9 +217,9 @@ function ie({
   );
 }
 ie.displayName = "MessageInput";
-function ae({ isDragging: i }) {
+function ne({ isDragging: i }) {
   return /* @__PURE__ */ e(v, { children: i && /* @__PURE__ */ o(
-    w.div,
+    x.div,
     {
       className: "border-d-border bg-d-background text-d-secondary-foreground pointer-events-none absolute inset-0 z-20 flex items-center justify-center space-x-2 rounded-xl border border-dashed text-sm",
       initial: { opacity: 0 },
@@ -228,30 +228,30 @@ function ae({ 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." })
       ]
     }
   ) });
 }
-function ne() {
+function ae() {
   if (typeof document > "u")
     return Promise.resolve(null);
   const i = document.createElement("input");
-  return i.type = "file", i.multiple = !0, i.accept = "*/*", i.click(), new Promise((n) => {
+  return i.type = "file", i.multiple = !0, i.accept = "*/*", i.click(), new Promise((a) => {
     i.onchange = (d) => {
       const l = d.currentTarget.files;
       if (l) {
-        n(Array.from(l));
+        a(Array.from(l));
         return;
       }
-      n(null);
+      a(null);
     };
   });
 }
 function le() {
   return /* @__PURE__ */ o(
-    w.div,
+    x.div,
     {
       className: "bg-d-background/80 flex h-full w-full flex-col items-center justify-center rounded-xl backdrop-blur-sm",
       initial: { opacity: 0 },
@@ -262,7 +262,7 @@ function le() {
         /* @__PURE__ */ o("div", { className: "relative", children: [
           /* @__PURE__ */ e(re, { className: "text-d-primary h-8 w-8 animate-spin" }),
           /* @__PURE__ */ e(
-            w.div,
+            x.div,
             {
               className: "bg-d-primary/20 absolute inset-0 h-8 w-8 animate-pulse rounded-full",
               initial: { scale: 0.8, opacity: 0 },
@@ -281,9 +281,9 @@ function le() {
     }
   );
 }
-function oe({ isVisible: i, onStopRecording: n }) {
+function oe({ isVisible: i, onStopRecording: a }) {
   return /* @__PURE__ */ e(v, { children: i && /* @__PURE__ */ e(
-    w.div,
+    x.div,
     {
       initial: { top: 0, filter: "blur(5px)" },
       animate: {
@@ -296,7 +296,7 @@ function oe({ isVisible: i, onStopRecording: n }) {
       },
       exit: { top: 0, filter: "blur(5px)" },
       className: "bg-d-background border-d-border text-d-secondary-foreground absolute left-1/2 flex -translate-x-1/2 cursor-pointer overflow-hidden rounded-full border py-1 text-center text-sm whitespace-nowrap",
-      onClick: n,
+      onClick: a,
       children: /* @__PURE__ */ o("span", { className: "mx-2.5 flex items-center", children: [
         /* @__PURE__ */ e(te, { className: "mr-2 h-3 w-3" }),
         "Click to finish recording"
@@ -306,7 +306,7 @@ function oe({ isVisible: i, onStopRecording: n }) {
 }
 function se({
   isRecording: i,
-  isTranscribing: n,
+  isTranscribing: a,
   audioStream: d,
   textAreaHeight: l,
   onStopRecording: s
@@ -325,7 +325,7 @@ function se({
         }
       )
     }
-  ) : n ? /* @__PURE__ */ e(
+  ) : a ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-[1px] z-50 overflow-hidden rounded-xl",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "laif-ds",
   "private": false,
-  "version": "0.2.9",
+  "version": "0.2.11",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",