laif-ds 0.1.9 → 0.1.11

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

@@ -1,144 +1,143 @@
 "use client";
-import { j as e } from "../../_virtual/jsx-runtime.js";
-import { useState as w, useEffect as S, useRef as X } from "react";
-import { a as T } from "../../node_modules/remeda/dist/chunk-A3PVMI4K.js";
-import { cn as C } from "../../lib/utils.js";
-import { useAudioRecording as Y } from "../../hooks/use-audio-recording.js";
-import { useAutosizeTextArea as Z } from "../../hooks/use-autosize-textarea.js";
-import { AudioVisualizer as _ } from "./audio-visualizer.js";
-import { Button as g } from "./button.js";
-import { FilePreview as $ } from "./file-preview.js";
-import { InterruptPrompt as K } from "./interrupt-prompt.js";
-import { AnimatePresence as y } from "../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-import R 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";
-import { motion as p } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import re from "../../node_modules/lucide-react/dist/esm/icons/info.js";
-import ie from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-function ae({
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { useState as y, useEffect as C, useRef as Y } from "react";
+import { AnimatePresence as v, motion as x } from "framer-motion";
+import { a as I } from "../../node_modules/remeda/dist/chunk-A3PVMI4K.js";
+import { cn as R } from "../../lib/utils.js";
+import { useAudioRecording as Z } from "../../hooks/use-audio-recording.js";
+import { useAutosizeTextArea as _ } from "../../hooks/use-autosize-textarea.js";
+import { AudioVisualizer as $ } from "./audio-visualizer.js";
+import { Button as p } from "./button.js";
+import { FilePreview as K } from "./file-preview.js";
+import { InterruptPrompt as G } from "./interrupt-prompt.js";
+import F from "../../node_modules/lucide-react/dist/esm/icons/paperclip.js";
+import ee from "../../node_modules/lucide-react/dist/esm/icons/mic.js";
+import te from "../../node_modules/lucide-react/dist/esm/icons/square.js";
+import re from "../../node_modules/lucide-react/dist/esm/icons/arrow-up.js";
+import ie from "../../node_modules/lucide-react/dist/esm/icons/info.js";
+import ae from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+function ne({
   placeholder: a = "Ask AI...",
   className: l,
-  onKeyDown: s,
-  submitOnEnter: o = !0,
-  stop: u,
-  isGenerating: m,
-  enableInterrupt: j = !0,
-  transcribeAudio: I,
+  onKeyDown: o,
+  submitOnEnter: s = !0,
+  stop: m,
+  isGenerating: d,
+  enableInterrupt: A = !0,
+  transcribeAudio: P,
   ...r
 }) {
-  var D;
-  const [F, b] = w(!1), [v, f] = w(!1), {
-    isListening: P,
-    isSpeechSupported: L,
-    isRecording: A,
-    isTranscribing: M,
-    audioStream: O,
+  var S;
+  const [L, w] = y(!1), [N, h] = y(!1), {
+    isListening: M,
+    isSpeechSupported: O,
+    isRecording: k,
+    isTranscribing: j,
+    audioStream: q,
     toggleListening: E,
-    stopRecording: N
-  } = Y({
-    transcribeAudio: I,
+    stopRecording: D
+  } = Z({
+    transcribeAudio: P,
     onTranscriptionComplete: (t) => {
       var i;
       (i = r.onChange) == null || i.call(r, { target: { value: t } });
     }
   });
-  S(() => {
-    m || f(!1);
-  }, [m]);
-  const x = (t) => {
+  C(() => {
+    d || h(!1);
+  }, [d]);
+  const g = (t) => {
     r.allowAttachments && r.setFiles((i) => i === null ? t : t === null ? i : [...i, ...t]);
-  }, q = (t) => {
-    r.allowAttachments === !0 && (t.preventDefault(), b(!0));
   }, H = (t) => {
-    r.allowAttachments === !0 && (t.preventDefault(), b(!1));
+    r.allowAttachments === !0 && (t.preventDefault(), w(!0));
   }, U = (t) => {
-    if (b(!1), r.allowAttachments !== !0) return;
+    r.allowAttachments === !0 && (t.preventDefault(), w(!1));
+  }, V = (t) => {
+    if (w(!1), r.allowAttachments !== !0) return;
     t.preventDefault();
     const i = t.dataTransfer;
-    i.files.length && x(Array.from(i.files));
-  }, V = (t) => {
-    var z;
-    const i = (z = t.clipboardData) == null ? void 0 : z.items;
+    i.files.length && g(Array.from(i.files));
+  }, B = (t) => {
+    var T;
+    const i = (T = t.clipboardData) == null ? void 0 : T.items;
     if (!i) return;
     const n = t.clipboardData.getData("text");
     if (n && n.length > 500 && r.allowAttachments) {
       t.preventDefault();
-      const d = new Blob([n], { type: "text/plain" }), Q = new File([d], "Pasted text", {
+      const f = new Blob([n], { type: "text/plain" }), X = new File([f], "Pasted text", {
         type: "text/plain",
         lastModified: Date.now()
       });
-      x([Q]);
+      g([X]);
       return;
     }
-    const c = Array.from(i).map((d) => d.getAsFile()).filter((d) => d !== null);
-    r.allowAttachments && c.length > 0 && x(c);
-  }, B = (t) => {
+    const c = Array.from(i).map((f) => f.getAsFile()).filter((f) => f !== null);
+    r.allowAttachments && c.length > 0 && g(c);
+  }, W = (t) => {
     var i, n, c;
-    if (o && t.key === "Enter" && !t.shiftKey) {
-      if (t.preventDefault(), m && u && j) {
-        if (v)
-          u(), f(!1), (i = t.currentTarget.form) == null || i.requestSubmit();
+    if (s && t.key === "Enter" && !t.shiftKey) {
+      if (t.preventDefault(), d && m && A) {
+        if (N)
+          m(), h(!1), (i = t.currentTarget.form) == null || i.requestSubmit();
         else if (r.value || r.allowAttachments && ((n = r.files) != null && n.length)) {
-          f(!0);
+          h(!0);
           return;
         }
       }
       (c = t.currentTarget.form) == null || c.requestSubmit();
     }
-    s == null || s(t);
-  }, h = X(null), [W, J] = w(0);
-  S(() => {
-    h.current && J(h.current.offsetHeight);
+    o == null || o(t);
+  }, b = Y(null), [J, Q] = y(0);
+  C(() => {
+    b.current && Q(b.current.offsetHeight);
   }, [r.value]);
-  const k = r.allowAttachments && r.files && r.files.length > 0;
-  return Z({
-    ref: h,
+  const z = r.allowAttachments && r.files && r.files.length > 0;
+  return _({
+    ref: b,
     maxHeight: 240,
     borderWidth: 1,
-    dependencies: [r.value, k]
-  }), /* @__PURE__ */ e.jsxs(
+    dependencies: [r.value, z]
+  }), /* @__PURE__ */ u(
     "div",
     {
       className: "relative flex w-full",
-      onDragOver: q,
-      onDragLeave: H,
-      onDrop: U,
+      onDragOver: H,
+      onDragLeave: U,
+      onDrop: V,
       children: [
-        j && /* @__PURE__ */ e.jsx(
-          K,
+        A && /* @__PURE__ */ e(
+          G,
           {
-            isOpen: v,
-            close: () => f(!1)
+            isOpen: N,
+            close: () => h(!1)
           }
         ),
-        /* @__PURE__ */ e.jsx(
-          oe,
+        /* @__PURE__ */ e(
+          ce,
           {
-            isVisible: A,
-            onStopRecording: N
+            isVisible: k,
+            onStopRecording: D
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: "relative flex w-full items-center space-x-2", children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e("div", { className: "relative flex w-full items-center space-x-2", children: /* @__PURE__ */ u("div", { className: "relative flex-1", children: [
+          /* @__PURE__ */ e(
             "textarea",
             {
               "aria-label": "Write your prompt here",
               placeholder: a,
-              ref: h,
-              onPaste: V,
-              onKeyDown: B,
-              className: C(
+              ref: b,
+              onPaste: B,
+              onKeyDown: W,
+              className: R(
                 "z-10 w-full grow resize-none rounded-xl border border-input bg-background p-3 pr-24 text-sm ring-offset-background transition-[border] placeholder:text-muted-foreground focus-visible:border-primary focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-                k && "pb-16",
+                z && "pb-16",
                 l
               ),
-              ...r.allowAttachments ? T(r, ["allowAttachments", "files", "setFiles"]) : T(r, ["allowAttachments"])
+              ...r.allowAttachments ? I(r, ["allowAttachments", "files", "setFiles"]) : I(r, ["allowAttachments"])
             }
           ),
-          r.allowAttachments && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-x-3 bottom-2 z-20 overflow-x-scroll py-3 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ e.jsx("div", { className: "flex space-x-3", children: /* @__PURE__ */ e.jsx(y, { mode: "popLayout", children: (D = r.files) == null ? void 0 : D.map((t) => /* @__PURE__ */ e.jsx(
-            $,
+          r.allowAttachments && /* @__PURE__ */ e("div", { className: "absolute inset-x-3 bottom-2 z-20 overflow-x-scroll py-3 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ e("div", { className: "flex space-x-3", children: /* @__PURE__ */ e(v, { mode: "popLayout", children: (S = r.files) == null ? void 0 : S.map((t) => /* @__PURE__ */ e(
+            K,
             {
               file: t,
               onRemove: () => {
@@ -154,9 +153,9 @@ function ae({
             t.name + String(t.lastModified)
           )) }) }) })
         ] }) }),
-        /* @__PURE__ */ e.jsxs("div", { className: "absolute right-3 top-3 z-20 flex gap-2", children: [
-          r.allowAttachments && /* @__PURE__ */ e.jsx(
-            g,
+        /* @__PURE__ */ u("div", { className: "absolute right-3 top-3 z-20 flex gap-2", children: [
+          r.allowAttachments && /* @__PURE__ */ e(
+            p,
             {
               type: "button",
               size: "icon",
@@ -164,65 +163,65 @@ function ae({
               className: "h-8 w-8",
               "aria-label": "Attach a file",
               onClick: async () => {
-                const t = await le();
-                x(t);
+                const t = await oe();
+                g(t);
               },
-              children: /* @__PURE__ */ e.jsx(R, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(F, { className: "h-4 w-4" })
             }
           ),
-          L && /* @__PURE__ */ e.jsx(
-            g,
+          O && /* @__PURE__ */ e(
+            p,
             {
               type: "button",
               variant: "outline",
-              className: C("h-8 w-8", P && "text-primary"),
+              className: R("h-8 w-8", M && "text-primary"),
               "aria-label": "Voice input",
               size: "icon",
               onClick: E,
-              children: /* @__PURE__ */ e.jsx(G, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(ee, { className: "h-4 w-4" })
             }
           ),
-          m && u ? /* @__PURE__ */ e.jsx(
-            g,
+          d && m ? /* @__PURE__ */ e(
+            p,
             {
               type: "button",
               size: "icon",
               className: "h-8 w-8",
               "aria-label": "Stop generating",
-              onClick: u,
-              children: /* @__PURE__ */ e.jsx(ee, { className: "h-3 w-3 animate-pulse", fill: "currentColor" })
+              onClick: m,
+              children: /* @__PURE__ */ e(te, { className: "h-3 w-3 animate-pulse", fill: "currentColor" })
             }
-          ) : /* @__PURE__ */ e.jsx(
-            g,
+          ) : /* @__PURE__ */ e(
+            p,
             {
               type: "submit",
               size: "icon",
               className: "h-8 w-8 transition-opacity",
               "aria-label": "Send message",
-              disabled: r.value === "" || m,
-              children: /* @__PURE__ */ e.jsx(te, { className: "h-5 w-5" })
+              disabled: r.value === "" || d,
+              children: /* @__PURE__ */ e(re, { className: "h-5 w-5" })
             }
           )
         ] }),
-        r.allowAttachments && /* @__PURE__ */ e.jsx(ne, { isDragging: F }),
-        /* @__PURE__ */ e.jsx(
-          ce,
+        r.allowAttachments && /* @__PURE__ */ e(le, { isDragging: L }),
+        /* @__PURE__ */ e(
+          ue,
           {
-            isRecording: A,
-            isTranscribing: M,
-            audioStream: O,
-            textAreaHeight: W,
-            onStopRecording: N
+            isRecording: k,
+            isTranscribing: j,
+            audioStream: q,
+            textAreaHeight: J,
+            onStopRecording: D
           }
         )
       ]
     }
   );
 }
-ae.displayName = "MessageInput";
-function ne({ isDragging: a }) {
-  return /* @__PURE__ */ e.jsx(y, { children: a && /* @__PURE__ */ e.jsxs(
-    p.div,
+ne.displayName = "MessageInput";
+function le({ isDragging: a }) {
+  return /* @__PURE__ */ e(v, { children: a && /* @__PURE__ */ u(
+    x.div,
     {
       className: "pointer-events-none absolute inset-0 z-20 flex items-center justify-center space-x-2 rounded-xl border border-dashed border-border bg-background text-sm text-muted-foreground",
       initial: { opacity: 0 },
@@ -231,21 +230,21 @@ function ne({ isDragging: a }) {
       transition: { duration: 0.2 },
       "aria-hidden": !0,
       children: [
-        /* @__PURE__ */ e.jsx(R, { className: "h-4 w-4" }),
-        /* @__PURE__ */ e.jsx("span", { children: "Drop your files here to attach them." })
+        /* @__PURE__ */ e(F, { className: "h-4 w-4" }),
+        /* @__PURE__ */ e("span", { children: "Drop your files here to attach them." })
       ]
     }
   ) });
 }
-function le() {
+function oe() {
   if (typeof document > "u")
     return Promise.resolve(null);
   const a = document.createElement("input");
   return a.type = "file", a.multiple = !0, a.accept = "*/*", a.click(), new Promise((l) => {
-    a.onchange = (s) => {
-      const o = s.currentTarget.files;
-      if (o) {
-        l(Array.from(o));
+    a.onchange = (o) => {
+      const s = o.currentTarget.files;
+      if (s) {
+        l(Array.from(s));
         return;
       }
       l(null);
@@ -253,8 +252,8 @@ function le() {
   });
 }
 function se() {
-  return /* @__PURE__ */ e.jsxs(
-    p.div,
+  return /* @__PURE__ */ u(
+    x.div,
     {
       className: "flex h-full w-full flex-col items-center justify-center rounded-xl bg-background/80 backdrop-blur-sm",
       initial: { opacity: 0 },
@@ -262,10 +261,10 @@ function se() {
       exit: { opacity: 0 },
       transition: { duration: 0.2 },
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ e.jsx(ie, { className: "h-8 w-8 animate-spin text-primary" }),
-          /* @__PURE__ */ e.jsx(
-            p.div,
+        /* @__PURE__ */ u("div", { className: "relative", children: [
+          /* @__PURE__ */ e(ae, { className: "h-8 w-8 animate-spin text-primary" }),
+          /* @__PURE__ */ e(
+            x.div,
             {
               className: "absolute inset-0 h-8 w-8 animate-pulse rounded-full bg-primary/20",
               initial: { scale: 0.8, opacity: 0 },
@@ -279,14 +278,14 @@ function se() {
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx("p", { className: "mt-4 text-sm font-medium text-muted-foreground", children: "Transcribing audio..." })
+        /* @__PURE__ */ e("p", { className: "mt-4 text-sm font-medium text-muted-foreground", children: "Transcribing audio..." })
       ]
     }
   );
 }
-function oe({ isVisible: a, onStopRecording: l }) {
-  return /* @__PURE__ */ e.jsx(y, { children: a && /* @__PURE__ */ e.jsx(
-    p.div,
+function ce({ isVisible: a, onStopRecording: l }) {
+  return /* @__PURE__ */ e(v, { children: a && /* @__PURE__ */ e(
+    x.div,
     {
       initial: { top: 0, filter: "blur(5px)" },
       animate: {
@@ -300,43 +299,43 @@ function oe({ isVisible: a, onStopRecording: l }) {
       exit: { top: 0, filter: "blur(5px)" },
       className: "absolute left-1/2 flex -translate-x-1/2 cursor-pointer overflow-hidden whitespace-nowrap rounded-full border bg-background py-1 text-center text-sm text-muted-foreground",
       onClick: l,
-      children: /* @__PURE__ */ e.jsxs("span", { className: "mx-2.5 flex items-center", children: [
-        /* @__PURE__ */ e.jsx(re, { className: "mr-2 h-3 w-3" }),
+      children: /* @__PURE__ */ u("span", { className: "mx-2.5 flex items-center", children: [
+        /* @__PURE__ */ e(ie, { className: "mr-2 h-3 w-3" }),
         "Click to finish recording"
       ] })
     }
   ) });
 }
-function ce({
+function ue({
   isRecording: a,
   isTranscribing: l,
-  audioStream: s,
-  textAreaHeight: o,
-  onStopRecording: u
+  audioStream: o,
+  textAreaHeight: s,
+  onStopRecording: m
 }) {
-  return a ? /* @__PURE__ */ e.jsx(
+  return a ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-[1px] z-50 overflow-hidden rounded-xl",
-      style: { height: o - 2 },
-      children: /* @__PURE__ */ e.jsx(
-        _,
+      style: { height: s - 2 },
+      children: /* @__PURE__ */ e(
+        $,
         {
-          stream: s,
+          stream: o,
           isRecording: a,
-          onClick: u
+          onClick: m
         }
       )
     }
-  ) : l ? /* @__PURE__ */ e.jsx(
+  ) : l ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-[1px] z-50 overflow-hidden rounded-xl",
-      style: { height: o - 2 },
-      children: /* @__PURE__ */ e.jsx(se, {})
+      style: { height: s - 2 },
+      children: /* @__PURE__ */ e(se, {})
     }
   ) : null;
 }
 export {
-  ae as MessageInput
+  ne as MessageInput
 };

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

@@ -1,29 +1,29 @@
 "use client";
-import { j as i } from "../../_virtual/jsx-runtime.js";
-import { ChatMessage as p } from "./chat-message.js";
-import { TypingIndicator as c } from "./typing-indicator.js";
-function u({
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { ChatMessage as f } from "./chat-message.js";
+import { TypingIndicator as p } from "./typing-indicator.js";
+function d({
   messages: r,
   showTimeStamps: e = !0,
-  isTyping: s = !1,
+  isTyping: n = !1,
   messageOptions: t
 }) {
-  return /* @__PURE__ */ i.jsxs("div", { className: "space-y-4 overflow-visible", children: [
-    r.map((o, n) => {
-      const a = typeof t == "function" ? t(o) : t;
-      return /* @__PURE__ */ i.jsx(
-        p,
+  return /* @__PURE__ */ c("div", { className: "space-y-4 overflow-visible", children: [
+    r.map((i, a) => {
+      const s = typeof t == "function" ? t(i) : t;
+      return /* @__PURE__ */ o(
+        f,
         {
           showTimeStamp: e,
-          ...o,
-          ...a
+          ...i,
+          ...s
         },
-        n
+        a
       );
     }),
-    s && /* @__PURE__ */ i.jsx(c, {})
+    n && /* @__PURE__ */ o(p, {})
   ] });
 }
 export {
-  u as MessageList
+  d as MessageList
 };