laif-ds 0.1.79 → 0.1.81

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

@@ -1,36 +1,37 @@
 "use client";
-import { jsx as r, jsxs as l, Fragment as A } from "react/jsx-runtime";
+import { jsx as r, jsxs as l, Fragment as B } from "react/jsx-runtime";
 import * as n from "react";
-import { cn as N } from "../../lib/utils.js";
-import { Label as B } from "./label.js";
-import { Badge as F } from "./badge.js";
-import { Button as C } from "./button.js";
-import { Command as E, CommandList as G, CommandEmpty as V, CommandGroup as X, CommandItem as $ } from "./command.js";
-import { inputVariants as q } from "./input.js";
-import { Checkbox as H } from "./checkbox.js";
-import { Icon as I } from "./icon.js";
-import { CommandPortal as J } from "./command-portal.js";
-import K from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import Q from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-const T = n.createContext({ size: "default" });
-function oe({
+import { cn as C } from "../../lib/utils.js";
+import { Label as F } from "./label.js";
+import { Badge as E } from "./badge.js";
+import { Button as y } from "./button.js";
+import { Command as G, CommandList as V, CommandEmpty as X, CommandGroup as $, CommandItem as q } from "./command.js";
+import { inputVariants as H } from "./input.js";
+import { Checkbox as I } from "./checkbox.js";
+import { Icon as J } from "./icon.js";
+import { CommandPortal as K } from "./command-portal.js";
+import Q from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import T from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+const U = n.createContext({ size: "default" });
+function ie({
   options: s,
   value: a,
   onChange: o,
-  placeholder: y = "Seleziona...",
-  disabled: k = !1,
-  size: f = "default",
-  label: p,
-  labelClassName: z,
-  emptyMessage: M = "Nessun risultato trovato",
-  className: j,
-  filterPlaceholder: P = "Cerca...",
-  filterable: D = !1,
-  cancelLabel: L = "Cancella selezione",
-  cancelButtonLabel: R = "Cancella",
+  onClear: f,
+  placeholder: k = "Seleziona...",
+  disabled: z = !1,
+  size: p = "default",
+  label: h,
+  labelClassName: M,
+  emptyMessage: j = "Nessun risultato trovato",
+  className: P,
+  filterPlaceholder: D = "Cerca...",
+  filterable: L = !1,
+  cancelLabel: R = "Cancella selezione",
+  cancelButtonLabel: S = "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, b] = n.useState(!1), [d, g] = n.useState(""), v = n.useRef(null), w = n.useCallback(
     (e) => {
       if (a.includes(e))
         o(a.filter((i) => i !== e));
@@ -41,46 +42,46 @@ 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]);
-  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 }),
+  ), x = n.useCallback(() => {
+    o([]), g(""), f && f();
+  }, [o]), c = n.useMemo(() => s.filter((e) => a.includes(e.value)), [s, a]), O = n.useMemo(() => d ? s.filter(
+    (e) => e.label.toLowerCase().includes(d.toLowerCase())
+  ) : s, [s, d]), N = n.useMemo(() => t ? a.length >= t : !1, [a, t]);
+  return /* @__PURE__ */ r(U.Provider, { value: { size: p, id: m }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+    h && /* @__PURE__ */ r(F, { htmlFor: m, className: M, children: h }),
     /* @__PURE__ */ l(
       "div",
       {
-        ref: g,
+        ref: v,
         className: "relative w-full",
         "data-slot": "app-multiple-select-dropdown",
         children: [
           /* @__PURE__ */ l(
-            C,
+            y,
             {
               id: m,
               type: "button",
               variant: "outline",
               role: "combobox",
               "aria-expanded": u,
-              disabled: k,
-              className: N(
+              disabled: z,
+              className: C(
                 "!bg-d-input relative w-full justify-between border font-normal",
                 "border-d-input ring-offset-background focus:ring-ring flex items-center rounded-md border 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
+                P
               ),
-              onClick: () => h(!u),
+              onClick: () => b(!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(B, { children: [
                   /* @__PURE__ */ l(
-                    F,
+                    E,
                     {
                       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"
                       ]
                     }
                   ),
@@ -89,74 +90,74 @@ function oe({
                     {
                       className: "hover:bg-d-secondary flex h-5 w-5 items-center justify-center gap-1 rounded-full p-0",
                       onClick: (e) => {
-                        e.stopPropagation(), e.preventDefault(), w();
+                        e.stopPropagation(), e.preventDefault(), x();
                       },
                       children: [
-                        /* @__PURE__ */ r(K, { className: "h-3 w-3" }),
-                        /* @__PURE__ */ r("span", { className: "sr-only", children: L })
+                        /* @__PURE__ */ r(Q, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ r("span", { className: "sr-only", children: R })
                       ]
                     }
                   )
-                ] }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: y }) }),
-                /* @__PURE__ */ r(Q, { className: "ml-1 h-4 w-4 shrink-0 opacity-50" })
+                ] }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: k }) }),
+                /* @__PURE__ */ r(T, { className: "ml-1 h-4 w-4 shrink-0 opacity-50" })
               ]
             }
           ),
           /* @__PURE__ */ r(
-            J,
+            K,
             {
               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: [
+              triggerRef: v,
+              onClose: () => b(!1),
+              children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ l(G, { className: "bg-d-popover border-d-border w-full rounded-md border shadow-md", children: [
+                L && /* @__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(J, { name: "Search", className: "text-d-accent", size: "sm" }),
                     /* @__PURE__ */ r(
                       "input",
                       {
                         id: "app-multiple-select-dropdown-filter",
-                        placeholder: P,
-                        value: c,
-                        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`
+                        placeholder: D,
+                        value: d,
+                        onChange: (e) => g(e.target.value),
+                        className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${H({ size: p })} !shadow-none`
                       }
                     )
                   ] }),
-                  d.length > 0 && /* @__PURE__ */ r(
-                    C,
+                  c.length > 0 && /* @__PURE__ */ r(
+                    y,
                     {
                       variant: "ghost",
                       size: "sm",
                       className: "h-6 px-2 text-xs",
-                      onClick: w,
-                      children: R
+                      onClick: x,
+                      children: S
                     }
                   )
                 ] }),
-                /* @__PURE__ */ l(G, { className: "max-h-60 w-full overflow-auto", children: [
-                  /* @__PURE__ */ r(V, { children: M }),
-                  /* @__PURE__ */ r(X, { children: S.map((e) => {
+                /* @__PURE__ */ l(V, { className: "max-h-60 w-full overflow-auto", children: [
+                  /* @__PURE__ */ r(X, { children: j }),
+                  /* @__PURE__ */ r($, { children: O.map((e) => {
                     const i = a.includes(e.value);
                     return /* @__PURE__ */ l(
-                      $,
+                      q,
                       {
                         value: e.value,
-                        disabled: e.disabled || !i && x,
-                        onSelect: () => v(e.value),
-                        className: N(
+                        disabled: e.disabled || !i && N,
+                        onSelect: () => w(e.value),
+                        className: C(
                           "aria-selected:bg-d-accent aria-selected:text-d-accent-foreground flex cursor-pointer items-center gap-2 px-2 py-1.5",
-                          (e.disabled || !i && x) && "cursor-not-allowed opacity-50"
+                          (e.disabled || !i && N) && "cursor-not-allowed opacity-50"
                         ),
-                        onPointerDown: (O) => O.stopPropagation(),
+                        onPointerDown: (A) => A.stopPropagation(),
                         children: [
                           /* @__PURE__ */ r(
-                            H,
+                            I,
                             {
                               checked: i,
                               className: "mr-2 flex-shrink-0",
                               onCheckedChange: () => {
-                                console.log("checkbox change for:", e.value), v(e.value);
+                                console.log("checkbox change for:", e.value), w(e.value);
                               }
                             }
                           ),
@@ -176,5 +177,5 @@ function oe({
   ] }) });
 }
 export {
-  oe as AppMultipleSelectDropdown
+  ie as AppMultipleSelectDropdown
 };

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" }),