laif-ds 0.1.75 → 0.1.76

package/dist/components/ui/accordion.js

@@ -11,7 +11,7 @@ function x({ className: e, ...o }) {
     s,
     {
       "data-slot": "accordion-item",
-      className: r("border-b last:border-b-0", e),
+      className: r("border-d-border border-b last:border-b-0", e),
       ...o
     }
   );

package/dist/components/ui/alert-dialog.js

@@ -3,7 +3,7 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { Root as n, Trigger as i, Content as s, Title as d, Description as c, Action as g, Cancel as u, Portal as f, Overlay as m } from "../../node_modules/@radix-ui/react-alert-dialog/dist/index.js";
 import { cn as o } from "../../lib/utils.js";
 import { buttonVariants as l } from "./button.js";
-function b({ ...t }) {
+function N({ ...t }) {
   return /* @__PURE__ */ e(n, { "data-slot": "alert-dialog", ...t });
 }
 function y({ ...t }) {
@@ -33,7 +33,7 @@ function T({ className: t, ...a }) {
       {
         "data-slot": "alert-dialog-content",
         className: o(
-          "bg-d-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "bg-d-background 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 border-d-border fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           t
         ),
         ...a
@@ -106,7 +106,7 @@ function O({ className: t, ...a }) {
   );
 }
 export {
-  b as AlertDialog,
+  N as AlertDialog,
   j as AlertDialogAction,
   O as AlertDialogCancel,
   T as AlertDialogContent,

package/dist/components/ui/alert.js

@@ -3,7 +3,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { cva as i } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as a } from "../../lib/utils.js";
 const d = i(
-  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  "relative w-full rounded-lg border  border-d-border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
     variants: {
       variant: {
@@ -16,7 +16,7 @@ const d = i(
     }
   }
 );
-function o({ className: t, variant: r, ...s }) {
+function c({ className: t, variant: r, ...s }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -57,7 +57,7 @@ function u({
   );
 }
 export {
-  o as Alert,
+  c as Alert,
   u as AlertDescription,
   g as AlertTitle
 };

package/dist/components/ui/app-multiple-select-dropdown.js

@@ -30,7 +30,7 @@ function oe({
   cancelButtonLabel: R = "Cancella",
   maxSelectedItems: t
 }) {
-  const m = n.useId(), [u, h] = n.useState(!1), [c, b] = n.useState(""), g = n.useRef(null), v = n.useCallback(
+  const m = n.useId(), [u, h] = n.useState(!1), [d, b] = n.useState(""), g = n.useRef(null), v = n.useCallback(
     (e) => {
       if (a.includes(e))
         o(a.filter((i) => i !== e));
@@ -43,9 +43,9 @@ function oe({
     [a, o, t]
   ), w = n.useCallback(() => {
     o([]), b("");
-  }, [o]), d = n.useMemo(() => s.filter((e) => a.includes(e.value)), [s, a]), S = n.useMemo(() => c ? s.filter(
-    (e) => e.label.toLowerCase().includes(c.toLowerCase())
-  ) : s, [s, c]), x = n.useMemo(() => t ? a.length >= t : !1, [a, t]);
+  }, [o]), c = n.useMemo(() => s.filter((e) => a.includes(e.value)), [s, a]), S = n.useMemo(() => d ? s.filter(
+    (e) => e.label.toLowerCase().includes(d.toLowerCase())
+  ) : s, [s, d]), x = n.useMemo(() => t ? a.length >= t : !1, [a, t]);
   return /* @__PURE__ */ r(T.Provider, { value: { size: f, id: m }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
     p && /* @__PURE__ */ r(B, { htmlFor: m, className: z, children: p }),
     /* @__PURE__ */ l(
@@ -65,22 +65,22 @@ function oe({
               "aria-expanded": u,
               disabled: k,
               className: N(
-                "relative w-full justify-between border bg-transparent font-normal",
+                "border-d-border relative w-full justify-between border bg-transparent font-normal",
                 "border-d-input ring-offset-background focus:ring-ring flex items-center rounded-md border !bg-transparent whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
                 "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
                 j
               ),
               onClick: () => h(!u),
               children: [
-                /* @__PURE__ */ r("div", { className: "flex w-full items-center gap-2 overflow-hidden", children: d.length > 0 ? /* @__PURE__ */ l(A, { children: [
+                /* @__PURE__ */ r("div", { className: "flex w-full items-center gap-2 overflow-hidden", children: c.length > 0 ? /* @__PURE__ */ l(A, { children: [
                   /* @__PURE__ */ l(
                     F,
                     {
                       variant: "secondary",
                       className: "flex items-center gap-1",
                       children: [
-                        /* @__PURE__ */ r("span", { children: d.length }),
-                        d.length === 1 ? " elemento selezionato" : " elementi selezionati"
+                        /* @__PURE__ */ r("span", { children: c.length }),
+                        c.length === 1 ? " elemento selezionato" : " elementi selezionati"
                       ]
                     }
                   ),
@@ -108,8 +108,8 @@ function oe({
               open: u,
               triggerRef: g,
               onClose: () => h(!1),
-              children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ l(E, { className: "bg-d-popover w-full rounded-md border shadow-md", children: [
-                D && /* @__PURE__ */ l("div", { className: "flex items-center justify-between border-b px-3", children: [
+              children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ l(E, { className: "bg-d-popover border-d-border w-full rounded-md border shadow-md", children: [
+                D && /* @__PURE__ */ l("div", { className: "border-d-border flex items-center justify-between border-b px-3", children: [
                   /* @__PURE__ */ l("div", { className: "flex items-center", children: [
                     /* @__PURE__ */ r(I, { name: "Search", className: "text-d-accent", size: "sm" }),
                     /* @__PURE__ */ r(
@@ -117,13 +117,13 @@ function oe({
                       {
                         id: "app-multiple-select-dropdown-filter",
                         placeholder: P,
-                        value: c,
+                        value: d,
                         onChange: (e) => b(e.target.value),
                         className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${q({ size: f })} !shadow-none`
                       }
                     )
                   ] }),
-                  d.length > 0 && /* @__PURE__ */ r(
+                  c.length > 0 && /* @__PURE__ */ r(
                     C,
                     {
                       variant: "ghost",

package/dist/components/ui/async-select.js

@@ -34,7 +34,7 @@ function ke({
   filterFn: y,
   renderOption: A,
   getOptionValue: a,
-  getDisplayValue: v,
+  getDisplayValue: b,
   notFound: F,
   loadingSkeleton: $,
   label: l,
@@ -42,15 +42,15 @@ function ke({
   placeholder: G = "Select...",
   value: s,
   onChange: u,
-  disabled: w = !1,
+  disabled: v = !1,
   width: E = "200px",
   className: M,
   triggerClassName: U,
   noResultsMessage: X,
-  clearable: N = !0,
+  clearable: w = !0,
   size: q
 }) {
-  const [p, b] = i(!1), [r, d] = i([]), [C, h] = i(!1), [S, g] = i(null), [L, x] = i(null), [I, H] = i(""), f = Z(I, m ? 0 : 300), [j, P] = i([]);
+  const [p, N] = i(!1), [r, d] = i([]), [C, h] = i(!1), [S, g] = i(null), [L, x] = i(null), [I, H] = i(""), f = Z(I, m ? 0 : 300), [j, P] = i([]);
   k(() => ((async () => {
     try {
       if (h(!0), g(null), m) {
@@ -77,7 +77,7 @@ function ke({
       if (m)
         if (f) {
           const t = j.filter(
-            (o) => y ? y(o, f) : String(v(o)).toLowerCase().includes(f.toLowerCase())
+            (o) => y ? y(o, f) : String(b(o)).toLowerCase().includes(f.toLowerCase())
           );
           d(t);
         } else
@@ -102,7 +102,7 @@ function ke({
     m,
     y,
     j,
-    v
+    b
   ]), k(() => {
     if (s && r.length > 0) {
       const t = r.find((o) => a(o) === s);
@@ -111,20 +111,20 @@ function ke({
   }, [s, r, a]);
   const J = D(
     (t) => {
-      const o = N && t === s ? "" : t, Q = r.find((W) => a(W) === o) || null;
-      x(Q), u(o), b(!1);
+      const o = w && t === s ? "" : t, Q = r.find((W) => a(W) === o) || null;
+      x(Q), u(o), N(!1);
     },
-    [s, u, N, r, a]
+    [s, u, w, r, a]
   ), K = D(
     (t) => {
-      t.stopPropagation(), t.preventDefault(), x(null), u(""), b(!1);
+      t.stopPropagation(), t.preventDefault(), x(null), u(""), N(!1);
     },
     [u]
   ), T = Y.useId();
   return /* @__PURE__ */ n("div", { className: "space-y-1.5", children: [
     l && /* @__PURE__ */ e(ee, { htmlFor: T, className: B, children: l }),
-    /* @__PURE__ */ n(re, { open: p, onOpenChange: b, children: [
-      /* @__PURE__ */ e(ae, { disabled: w, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ n(re, { open: p, onOpenChange: N, children: [
+      /* @__PURE__ */ e(ae, { disabled: v, children: /* @__PURE__ */ e(
         V,
         {
           id: T,
@@ -134,19 +134,19 @@ function ke({
           "aria-expanded": p,
           className: z(
             fe({ size: q }),
-            w && "cursor-not-allowed opacity-50",
+            v && "cursor-not-allowed opacity-50",
             U,
             "font-normal"
           ),
           style: { width: E },
-          disabled: w,
+          disabled: v,
           children: /* @__PURE__ */ n("div", { className: "flex flex-1 items-center justify-between overflow-hidden", children: [
-            L ? /* @__PURE__ */ e("div", { className: "truncate", children: v(L) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground hover:text-d-foreground", children: G }),
+            L ? /* @__PURE__ */ e("div", { className: "truncate", children: b(L) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground hover:text-d-foreground", children: G }),
             /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
-              N && L && /* @__PURE__ */ e(
+              w && L && /* @__PURE__ */ e(
                 "div",
                 {
-                  className: "bg-d-input hover:bg-d-input/30 z-20 flex cursor-pointer items-center justify-center rounded-full border p-1",
+                  className: "bg-d-input hover:bg-d-input/30 border-d-border z-20 flex cursor-pointer items-center justify-center rounded-full border p-1",
                   onClick: K,
                   onMouseDown: (t) => t.preventDefault(),
                   "aria-label": "Clear selection",
@@ -164,7 +164,7 @@ function ke({
           style: { width: E },
           className: z("p-0", M),
           children: /* @__PURE__ */ n(te, { shouldFilter: !1, children: [
-            /* @__PURE__ */ n("div", { className: "relative w-full border-b", children: [
+            /* @__PURE__ */ n("div", { className: "border-d-border relative w-full border-b", children: [
               /* @__PURE__ */ e(
                 oe,
                 {

package/dist/components/ui/card.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import * as n from "react";
 import { cn as o } from "../../lib/utils.js";
 const s = n.createContext({
@@ -26,73 +26,73 @@ const s = n.createContext({
     gap: ""
   }
 };
-function l({ className: a, size: t = "default", ...e }) {
-  return /* @__PURE__ */ r(s.Provider, { value: { size: t }, children: /* @__PURE__ */ r(
+function l({ className: r, size: t = "default", ...a }) {
+  return /* @__PURE__ */ e(s.Provider, { value: { size: t }, children: /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card",
       className: o(
-        `bg-d-card text-d-card-foreground flex flex-col rounded-xl border shadow-sm ${d[t].py} ${d[t].gap}`,
-        a
+        `bg-d-card text-d-card-foreground border-d-border flex flex-col rounded-xl border shadow-sm ${d[t].py} ${d[t].gap}`,
+        r
       ),
-      ...e
+      ...a
     }
   ) });
 }
-function u({ className: a, ...t }) {
-  const { size: e } = n.useContext(s);
-  return /* @__PURE__ */ r(
+function u({ className: r, ...t }) {
+  const { size: a } = n.useContext(s);
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card-header",
       className: o(
-        `@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 ${d[e].px} has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,
-        a
+        `@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 ${d[a].px} has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 border-d-border`,
+        r
       ),
       ...t
     }
   );
 }
-function x({ className: a, ...t }) {
-  return /* @__PURE__ */ r(
+function x({ className: r, ...t }) {
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card-title",
-      className: o("leading-none font-semibold", a),
+      className: o("leading-none font-semibold", r),
       ...t
     }
   );
 }
-function f({ className: a, ...t }) {
-  return /* @__PURE__ */ r(
+function f({ className: r, ...t }) {
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card-description",
-      className: o("text-d-secondary-foreground text-sm", a),
+      className: o("text-d-secondary-foreground text-sm", r),
       ...t
     }
   );
 }
-function m({ className: a, ...t }) {
-  const { size: e } = n.useContext(s);
-  return /* @__PURE__ */ r(
+function m({ className: r, ...t }) {
+  const { size: a } = n.useContext(s);
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card-content",
-      className: o(d[e].px, a),
+      className: o(d[a].px, r),
       ...t
     }
   );
 }
-function g({ className: a, ...t }) {
-  const { size: e } = n.useContext(s);
-  return /* @__PURE__ */ r(
+function g({ className: r, ...t }) {
+  const { size: a } = n.useContext(s);
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card-footer",
       className: o(
-        `flex items-center ${d[e].px} [.border-t]:pt-6`,
-        a
+        `flex items-center ${d[a].px} [.border-t]:pt-6`,
+        r
       ),
       ...t
     }

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

@@ -110,7 +110,7 @@ const x = C(
               children: /* @__PURE__ */ e(h, { children: l.text })
             }
           ),
-          m ? /* @__PURE__ */ e("div", { className: "bg-d-background text-d-foreground absolute right-2 -bottom-4 flex space-x-1 rounded-lg border p-1 opacity-0 transition-opacity group-hover/message:opacity-100", children: m }) : null
+          m ? /* @__PURE__ */ e("div", { className: "bg-d-background text-d-foreground border-d-border absolute right-2 -bottom-4 flex space-x-1 rounded-lg border p-1 opacity-0 transition-opacity group-hover/message:opacity-100", children: m }) : null
         ] }),
         c && n ? /* @__PURE__ */ e(
           "time",
@@ -167,7 +167,7 @@ const F = ({ part: s }) => {
     {
       open: a,
       onOpenChange: n,
-      className: "group bg-d-secondary/50 w-full overflow-hidden rounded-lg border",
+      className: "group bg-d-secondary/50 border-d-border w-full overflow-hidden rounded-lg",
       children: [
         /* @__PURE__ */ e("div", { className: "flex items-center p-2", children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ r("button", { className: "text-d-secondary-foreground hover:text-d-foreground flex items-center gap-2 text-sm", children: [
           /* @__PURE__ */ e(B, { className: "h-4 w-4 transition-transform group-data-[state=open]:rotate-90" }),
@@ -183,7 +183,7 @@ const F = ({ part: s }) => {
               closed: { height: 0, opacity: 0 }
             },
             transition: { duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] },
-            className: "border-t",
+            className: "border-d-border border-t",
             children: /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e("div", { className: "text-xs whitespace-pre-wrap", children: s.reasoning }) })
           }
         ) })
@@ -199,7 +199,7 @@ function y({
       return /* @__PURE__ */ r(
         "div",
         {
-          className: "bg-d-secondary/50 text-d-secondary-foreground flex items-center gap-2 rounded-lg border px-3 py-2 text-sm",
+          className: "bg-d-secondary/50 text-d-secondary-foreground border-d-border flex items-center gap-2 rounded-lg border px-3 py-2 text-sm",
           children: [
             /* @__PURE__ */ e(M, { className: "h-4 w-4" }),
             /* @__PURE__ */ r("span", { children: [
@@ -221,7 +221,7 @@ function y({
         return /* @__PURE__ */ r(
           "div",
           {
-            className: "bg-d-secondary/50 text-d-secondary-foreground flex items-center gap-2 rounded-lg border px-3 py-2 text-sm",
+            className: "bg-d-secondary/50 text-d-secondary-foreground border-d-border flex items-center gap-2 rounded-lg border px-3 py-2 text-sm",
             children: [
               /* @__PURE__ */ e(I, { className: "h-4 w-4" }),
               /* @__PURE__ */ r("span", { children: [
@@ -243,7 +243,7 @@ function y({
         return /* @__PURE__ */ r(
           "div",
           {
-            className: "bg-d-secondary/50 flex flex-col gap-1.5 rounded-lg border px-3 py-2 text-sm",
+            className: "bg-d-secondary/50 border-d-border flex flex-col gap-1.5 rounded-lg border px-3 py-2 text-sm",
             children: [
               /* @__PURE__ */ r("div", { className: "text-d-secondary-foreground flex items-center gap-2", children: [
                 /* @__PURE__ */ e(R, { className: "h-4 w-4" }),

package/dist/components/ui/chat.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as x, jsx as t, Fragment as j } from "react/jsx-runtime";
-import { forwardRef as g, useRef as L, useCallback as b, useState as z } from "react";
+import { jsxs as C, jsx as t, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as g, useRef as L, useCallback as N, 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 y } from "./button.js";
+import { Button as x } from "./button.js";
 import { CopyButton as T } from "./copy-button.js";
 import { MessageInput as P } from "./message-input.js";
 import { MessageList as U } from "./message-list.js";
@@ -18,24 +18,24 @@ function J({
   handleInputChange: u,
   stop: s,
   isGenerating: c,
-  append: f,
-  suggestions: d,
+  append: d,
+  suggestions: f,
   className: w,
   onRateResponse: p,
   setMessages: v,
   transcribeAudio: M
 }) {
-  const k = e.at(-1), A = e.length === 0, N = k?.role === "user", C = L(e);
-  C.current = e;
-  const F = b(() => {
+  const k = e.at(-1), A = e.length === 0, y = k?.role === "user", b = L(e);
+  b.current = e;
+  const F = N(() => {
     if (s?.(), !v) return;
-    const l = [...C.current], r = l.findLast(
+    const r = [...b.current], l = r.findLast(
       (a) => a.role === "assistant"
     );
-    if (!r) return;
-    let m = !1, h = { ...r };
-    if (r.toolInvocations) {
-      const a = r.toolInvocations.map(
+    if (!l) return;
+    let m = !1, h = { ...l };
+    if (l.toolInvocations) {
+      const a = l.toolInvocations.map(
         (o) => o.state === "call" ? (m = !0, {
           ...o,
           state: "result",
@@ -51,8 +51,8 @@ function J({
         toolInvocations: a
       });
     }
-    if (r.parts && r.parts.length > 0) {
-      const a = r.parts.map((o) => o.type === "tool-invocation" && o.toolInvocation && o.toolInvocation.state === "call" ? (m = !0, {
+    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, {
         ...o,
         toolInvocation: {
           ...o.toolInvocation,
@@ -69,65 +69,65 @@ function J({
       });
     }
     if (m) {
-      const a = l.findIndex(
-        (o) => o.id === r.id
+      const a = r.findIndex(
+        (o) => o.id === l.id
       );
-      a !== -1 && (l[a] = h, v(l));
+      a !== -1 && (r[a] = h, v(r));
     }
-  }, [s, v, C]), _ = b(
-    (l) => ({
-      actions: p ? /* @__PURE__ */ x(j, { children: [
-        /* @__PURE__ */ t("div", { className: "border-r pr-1", children: /* @__PURE__ */ t(
+  }, [s, v, b]), _ = N(
+    (r) => ({
+      actions: p ? /* @__PURE__ */ C(j, { children: [
+        /* @__PURE__ */ t("div", { className: "border-d-border border-r pr-1", children: /* @__PURE__ */ t(
           T,
           {
-            content: l.content,
+            content: r.content,
             copyMessage: "Copied response to clipboard!"
           }
         ) }),
         /* @__PURE__ */ t(
-          y,
+          x,
           {
             size: "icon",
             variant: "ghost",
             className: "h-6 w-6",
-            onClick: () => p(l.id, "thumbs-up"),
+            onClick: () => p(r.id, "thumbs-up"),
             children: /* @__PURE__ */ t(O, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ t(
-          y,
+          x,
           {
             size: "icon",
             variant: "ghost",
             className: "h-6 w-6",
-            onClick: () => p(l.id, "thumbs-down"),
+            onClick: () => p(r.id, "thumbs-down"),
             children: /* @__PURE__ */ t(q, { className: "h-4 w-4" })
           }
         )
       ] }) : /* @__PURE__ */ t(
         T,
         {
-          content: l.content,
+          content: r.content,
           copyMessage: "Copied response to clipboard!"
         }
       )
     }),
     [p]
   );
-  return /* @__PURE__ */ x(S, { className: w, children: [
-    A && f && d ? /* @__PURE__ */ t(
+  return /* @__PURE__ */ C(S, { className: w, children: [
+    A && d && f ? /* @__PURE__ */ t(
       E,
       {
         label: "Try these prompts ✨",
-        append: f,
-        suggestions: d
+        append: d,
+        suggestions: f
       }
     ) : null,
     e.length > 0 ? /* @__PURE__ */ t(K, { messages: e, children: /* @__PURE__ */ t(
       U,
       {
         messages: e,
-        isTyping: N,
+        isTyping: y,
         messageOptions: _
       }
     ) }) : null,
@@ -135,16 +135,16 @@ function J({
       I,
       {
         className: "flex-shrink-0",
-        isPending: c || N,
+        isPending: c || y,
         handleSubmit: n,
-        children: ({ files: l, setFiles: r }) => /* @__PURE__ */ t(
+        children: ({ files: r, setFiles: l }) => /* @__PURE__ */ t(
           P,
           {
             value: i,
             onChange: u,
             allowAttachments: !0,
-            files: l,
-            setFiles: r,
+            files: r,
+            setFiles: l,
             stop: F,
             isGenerating: c,
             transcribeAudio: M
@@ -164,19 +164,19 @@ function K({
     scrollToBottom: u,
     handleScroll: s,
     shouldAutoScroll: c,
-    handleTouchStart: f
+    handleTouchStart: d
   } = D([e]);
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ C(
     "div",
     {
       className: "relative flex-1 overflow-y-auto pb-4",
       ref: i,
       onScroll: s,
-      onTouchStart: f,
+      onTouchStart: d,
       children: [
         /* @__PURE__ */ t("div", { className: "max-w-full", children: n }),
         !c && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute right-0 bottom-0 left-0 flex items-end justify-end", children: /* @__PURE__ */ t("div", { className: "sticky bottom-0 left-0 flex w-full justify-end", children: /* @__PURE__ */ t(
-          y,
+          x,
           {
             onClick: u,
             className: "animate-in fade-in-0 slide-in-from-bottom-1 pointer-events-auto h-8 w-8 rounded-full ease-in-out",
@@ -201,13 +201,13 @@ S.displayName = "ChatContainer";
 const I = g(
   ({ children: e, handleSubmit: n, className: i }, u) => {
     const [s, c] = z(null);
-    return /* @__PURE__ */ t("form", { ref: u, onSubmit: (d) => {
+    return /* @__PURE__ */ t("form", { ref: u, onSubmit: (f) => {
       if (!s) {
-        n(d);
+        n(f);
         return;
       }
       const w = Q(s);
-      n(d, { experimental_attachments: w }), c(null);
+      n(f, { experimental_attachments: w }), c(null);
     }, className: i, children: e({ files: s, setFiles: c }) });
   }
 );

package/dist/components/ui/context-menu.js

@@ -73,7 +73,7 @@ function B({
     {
       "data-slot": "context-menu-sub-content",
       className: a(
-        "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-context-menu-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 border-d-border z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
         t
       ),
       ...n
@@ -89,7 +89,7 @@ function D({
     {
       "data-slot": "context-menu-content",
       className: a(
-        "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 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        "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 border-d-border z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
         t
       ),
       ...n