laif-ds 0.1.11 → 0.1.12

package/dist/components/ui/menubar.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { Root as u, Menu as c, Trigger as l, Content as m, Item as f, Separator as b, Label as p, CheckboxItem as g, ItemIndicator as d, RadioItem as x, RadioGroup as v, Portal as h, SubContent as M, SubTrigger as z, Group as N, Sub as I } from "../../node_modules/@radix-ui/react-menubar/dist/index.js";
+import { Root as u, Menu as c, Trigger as l, Content as m, Item as f, Separator as b, Label as p, CheckboxItem as g, ItemIndicator as d, RadioItem as x, RadioGroup as v, Portal as h, SubContent as M, SubTrigger as z, Group as N, Sub as y } from "../../node_modules/@radix-ui/react-menubar/dist/index.js";
 import { cn as o } from "../../lib/utils.js";
-import S from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-import y from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
+import I from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+import S from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
 import C from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
 function L({
   className: e,
@@ -14,7 +14,7 @@ function L({
     {
       "data-slot": "menubar",
       className: o(
-        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
+        "bg-d-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
         e
       ),
       ...t
@@ -50,7 +50,7 @@ function B({
     {
       "data-slot": "menubar-trigger",
       className: o(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
+        "focus:bg-d-accent focus:text-d-accent-foreground data-[state=open]:bg-d-accent data-[state=open]:text-d-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
         e
       ),
       ...t
@@ -72,7 +72,7 @@ function D({
       alignOffset: n,
       sideOffset: r,
       className: o(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
+        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
         e
       ),
       ...i
@@ -92,7 +92,7 @@ function E({
       "data-inset": t,
       "data-variant": n,
       className: o(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_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]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "focus:bg-d-accent focus:text-d-accent-foreground data-[variant=destructive]:text-d-destructive data-[variant=destructive]:focus:bg-d-destructive/10 dark:data-[variant=destructive]:focus:bg-d-destructive/20 data-[variant=destructive]:focus:text-d-destructive data-[variant=destructive]:*:[svg]:!text-d-destructive [&_svg:not([class*='text-'])]:text-d-secondary-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e
       ),
       ...r
@@ -110,13 +110,13 @@ function F({
     {
       "data-slot": "menubar-checkbox-item",
       className: o(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "focus:bg-d-accent focus:text-d-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e
       ),
       checked: n,
       ...r,
       children: [
-        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(S, { className: "size-4" }) }) }),
+        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(I, { className: "size-4" }) }) }),
         t
       ]
     }
@@ -132,12 +132,12 @@ function H({
     {
       "data-slot": "menubar-radio-item",
       className: o(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "focus:bg-d-accent focus:text-d-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e
       ),
       ...n,
       children: [
-        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(y, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(S, { className: "size-2 fill-current" }) }) }),
         t
       ]
     }
@@ -169,7 +169,7 @@ function K({
     b,
     {
       "data-slot": "menubar-separator",
-      className: o("bg-border -mx-1 my-1 h-px", e),
+      className: o("bg-d-border -mx-1 my-1 h-px", e),
       ...t
     }
   );
@@ -183,7 +183,7 @@ function O({
     {
       "data-slot": "menubar-shortcut",
       className: o(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
+        "text-d-secondary-foreground ml-auto text-xs tracking-widest",
         e
       ),
       ...t
@@ -193,7 +193,7 @@ function O({
 function Q({
   ...e
 }) {
-  return /* @__PURE__ */ a(I, { "data-slot": "menubar-sub", ...e });
+  return /* @__PURE__ */ a(y, { "data-slot": "menubar-sub", ...e });
 }
 function U({
   className: e,
@@ -207,7 +207,7 @@ function U({
       "data-slot": "menubar-sub-trigger",
       "data-inset": t,
       className: o(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
+        "focus:bg-d-accent focus:text-d-accent-foreground data-[state=open]:bg-d-accent data-[state=open]:text-d-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
         e
       ),
       ...r,
@@ -227,7 +227,7 @@ function V({
     {
       "data-slot": "menubar-sub-content",
       className: o(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
         e
       ),
       ...t

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

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { jsxs as d, 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";
@@ -21,8 +21,8 @@ function ne({
   className: l,
   onKeyDown: o,
   submitOnEnter: s = !0,
-  stop: m,
-  isGenerating: d,
+  stop: u,
+  isGenerating: m,
   enableInterrupt: A = !0,
   transcribeAudio: P,
   ...r
@@ -44,8 +44,8 @@ function ne({
     }
   });
   C(() => {
-    d || h(!1);
-  }, [d]);
+    m || h(!1);
+  }, [m]);
   const g = (t) => {
     r.allowAttachments && r.setFiles((i) => i === null ? t : t === null ? i : [...i, ...t]);
   }, H = (t) => {
@@ -76,9 +76,9 @@ function ne({
   }, W = (t) => {
     var i, n, c;
     if (s && t.key === "Enter" && !t.shiftKey) {
-      if (t.preventDefault(), d && m && A) {
+      if (t.preventDefault(), m && u && A) {
         if (N)
-          m(), h(!1), (i = t.currentTarget.form) == null || i.requestSubmit();
+          u(), h(!1), (i = t.currentTarget.form) == null || i.requestSubmit();
         else if (r.value || r.allowAttachments && ((n = r.files) != null && n.length)) {
           h(!0);
           return;
@@ -97,7 +97,7 @@ function ne({
     maxHeight: 240,
     borderWidth: 1,
     dependencies: [r.value, z]
-  }), /* @__PURE__ */ u(
+  }), /* @__PURE__ */ d(
     "div",
     {
       className: "relative flex w-full",
@@ -119,7 +119,7 @@ function ne({
             onStopRecording: D
           }
         ),
-        /* @__PURE__ */ e("div", { className: "relative flex w-full items-center space-x-2", children: /* @__PURE__ */ u("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ e("div", { className: "relative flex w-full items-center space-x-2", children: /* @__PURE__ */ d("div", { className: "relative flex-1", children: [
           /* @__PURE__ */ e(
             "textarea",
             {
@@ -129,7 +129,7 @@ function ne({
               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",
+                "z-10 w-full grow resize-none rounded-xl border border-d-input bg-d-background p-3 pr-24 text-sm ring-offset-d-background transition-[border] placeholder:text-d-secondary-foreground focus-visible:border-d-primary focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
                 z && "pb-16",
                 l
               ),
@@ -153,7 +153,7 @@ function ne({
             t.name + String(t.lastModified)
           )) }) }) })
         ] }) }),
-        /* @__PURE__ */ u("div", { className: "absolute right-3 top-3 z-20 flex gap-2", children: [
+        /* @__PURE__ */ d("div", { className: "absolute right-3 top-3 z-20 flex gap-2", children: [
           r.allowAttachments && /* @__PURE__ */ e(
             p,
             {
@@ -174,21 +174,21 @@ function ne({
             {
               type: "button",
               variant: "outline",
-              className: R("h-8 w-8", M && "text-primary"),
+              className: R("h-8 w-8", M && "text-d-primary"),
               "aria-label": "Voice input",
               size: "icon",
               onClick: E,
               children: /* @__PURE__ */ e(ee, { className: "h-4 w-4" })
             }
           ),
-          d && m ? /* @__PURE__ */ e(
+          m && u ? /* @__PURE__ */ e(
             p,
             {
               type: "button",
               size: "icon",
               className: "h-8 w-8",
               "aria-label": "Stop generating",
-              onClick: m,
+              onClick: u,
               children: /* @__PURE__ */ e(te, { className: "h-3 w-3 animate-pulse", fill: "currentColor" })
             }
           ) : /* @__PURE__ */ e(
@@ -198,14 +198,14 @@ function ne({
               size: "icon",
               className: "h-8 w-8 transition-opacity",
               "aria-label": "Send message",
-              disabled: r.value === "" || d,
+              disabled: r.value === "" || m,
               children: /* @__PURE__ */ e(re, { className: "h-5 w-5" })
             }
           )
         ] }),
         r.allowAttachments && /* @__PURE__ */ e(le, { isDragging: L }),
         /* @__PURE__ */ e(
-          ue,
+          de,
           {
             isRecording: k,
             isTranscribing: j,
@@ -220,10 +220,10 @@ function ne({
 }
 ne.displayName = "MessageInput";
 function le({ isDragging: a }) {
-  return /* @__PURE__ */ e(v, { children: a && /* @__PURE__ */ u(
+  return /* @__PURE__ */ e(v, { children: a && /* @__PURE__ */ d(
     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",
+      className: "pointer-events-none absolute inset-0 z-20 flex items-center justify-center space-x-2 rounded-xl border border-dashed border-d-border bg-d-background text-sm text-d-secondary-foreground",
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
@@ -252,21 +252,21 @@ function oe() {
   });
 }
 function se() {
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ d(
     x.div,
     {
-      className: "flex h-full w-full flex-col items-center justify-center rounded-xl bg-background/80 backdrop-blur-sm",
+      className: "flex h-full w-full flex-col items-center justify-center rounded-xl bg-d-background/80 backdrop-blur-sm",
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       transition: { duration: 0.2 },
       children: [
-        /* @__PURE__ */ u("div", { className: "relative", children: [
-          /* @__PURE__ */ e(ae, { className: "h-8 w-8 animate-spin text-primary" }),
+        /* @__PURE__ */ d("div", { className: "relative", children: [
+          /* @__PURE__ */ e(ae, { className: "h-8 w-8 animate-spin text-d-primary" }),
           /* @__PURE__ */ e(
             x.div,
             {
-              className: "absolute inset-0 h-8 w-8 animate-pulse rounded-full bg-primary/20",
+              className: "absolute inset-0 h-8 w-8 animate-pulse rounded-full bg-d-primary/20",
               initial: { scale: 0.8, opacity: 0 },
               animate: { scale: 1.2, opacity: 1 },
               transition: {
@@ -278,7 +278,7 @@ function se() {
             }
           )
         ] }),
-        /* @__PURE__ */ e("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-d-secondary-foreground", children: "Transcribing audio..." })
       ]
     }
   );
@@ -297,21 +297,21 @@ function ce({ 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",
+      className: "absolute left-1/2 flex -translate-x-1/2 cursor-pointer overflow-hidden whitespace-nowrap rounded-full border bg-d-background py-1 text-center text-sm text-d-secondary-foreground",
       onClick: l,
-      children: /* @__PURE__ */ u("span", { className: "mx-2.5 flex items-center", children: [
+      children: /* @__PURE__ */ d("span", { className: "mx-2.5 flex items-center", children: [
         /* @__PURE__ */ e(ie, { className: "mr-2 h-3 w-3" }),
         "Click to finish recording"
       ] })
     }
   ) });
 }
-function ue({
+function de({
   isRecording: a,
   isTranscribing: l,
   audioStream: o,
   textAreaHeight: s,
-  onStopRecording: m
+  onStopRecording: u
 }) {
   return a ? /* @__PURE__ */ e(
     "div",
@@ -323,7 +323,7 @@ function ue({
         {
           stream: o,
           isRecording: a,
-          onClick: m
+          onClick: u
         }
       )
     }