laif-ds 0.1.74 → 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

@@ -1,20 +1,20 @@
 "use client";
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import * as Y from "react";
-import { useState as i, useEffect as j, useCallback as D } from "react";
+import { useState as i, useEffect as k, useCallback as D } from "react";
 import { useDebounce as Z } from "../../hooks/use-debounce.js";
 import { cva as _ } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as k } from "../../lib/utils.js";
+import { cn as z } from "../../lib/utils.js";
 import { Button as V } from "./button.js";
 import { Label as ee } from "./label.js";
-import { Command as te, CommandInput as oe, CommandList as se, CommandEmpty as ne, CommandGroup as O, CommandItem as R } from "./command.js";
+import { Command as te, CommandInput as oe, CommandList as ne, CommandEmpty as se, CommandGroup as O, CommandItem as R } from "./command.js";
 import { Popover as re, PopoverTrigger as ae, PopoverContent as ie } from "./popover.js";
 import ce from "../../node_modules/lucide-react/dist/esm/icons/x.js";
 import le from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js";
 import de from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
 import me from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 const fe = _(
-  "flex items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+  "flex items-center justify-between whitespace-nowrap rounded-md border border-input bg-d-input px-3 py-2 shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
   {
     variants: {
       size: {
@@ -31,18 +31,18 @@ const fe = _(
 function ke({
   fetcher: c,
   preload: m,
-  filterFn: x,
+  filterFn: y,
   renderOption: A,
   getOptionValue: a,
-  getDisplayValue: v,
+  getDisplayValue: b,
   notFound: F,
   loadingSkeleton: $,
   label: l,
   labelClassName: B,
   placeholder: G = "Select...",
-  value: n,
+  value: s,
   onChange: u,
-  disabled: z = !1,
+  disabled: v = !1,
   width: E = "200px",
   className: M,
   triggerClassName: U,
@@ -50,8 +50,8 @@ function ke({
   clearable: w = !0,
   size: q
 }) {
-  const [p, N] = i(!1), [r, d] = i([]), [b, h] = i(!1), [C, g] = i(null), [S, y] = i(null), [I, H] = i(""), f = Z(I, m ? 0 : 300), [L, P] = i([]);
-  j(() => ((async () => {
+  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) {
         console.log(
@@ -60,7 +60,7 @@ function ke({
         const o = await c("");
         P(o), d(o);
       } else {
-        const o = await c(n);
+        const o = await c(s);
         d(o);
       }
     } catch (o) {
@@ -72,16 +72,16 @@ function ke({
     }
   })(), () => {
     d([]), P([]);
-  }), [c, n, m]), j(() => {
+  }), [c, s, m]), k(() => {
     if (p)
       if (m)
         if (f) {
-          const t = L.filter(
-            (o) => x ? x(o, f) : String(v(o)).toLowerCase().includes(f.toLowerCase())
+          const t = j.filter(
+            (o) => y ? y(o, f) : String(b(o)).toLowerCase().includes(f.toLowerCase())
           );
           d(t);
         } else
-          d(L);
+          d(j);
       else
         (async () => {
           try {
@@ -100,31 +100,31 @@ function ke({
     p,
     f,
     m,
-    x,
-    L,
-    v
-  ]), j(() => {
-    if (n && r.length > 0) {
-      const t = r.find((o) => a(o) === n);
-      y(t || null);
-    } else n || y(null);
-  }, [n, r, a]);
+    y,
+    j,
+    b
+  ]), k(() => {
+    if (s && r.length > 0) {
+      const t = r.find((o) => a(o) === s);
+      x(t || null);
+    } else s || x(null);
+  }, [s, r, a]);
   const J = D(
     (t) => {
-      const o = w && t === n ? "" : t, Q = r.find((W) => a(W) === o) || null;
-      y(Q), u(o), N(!1);
+      const o = w && t === s ? "" : t, Q = r.find((W) => a(W) === o) || null;
+      x(Q), u(o), N(!1);
     },
-    [n, u, w, r, a]
+    [s, u, w, r, a]
   ), K = D(
     (t) => {
-      t.stopPropagation(), t.preventDefault(), y(null), u(""), N(!1);
+      t.stopPropagation(), t.preventDefault(), x(null), u(""), N(!1);
     },
     [u]
   ), T = Y.useId();
-  return /* @__PURE__ */ s("div", { className: "space-y-1.5", children: [
+  return /* @__PURE__ */ n("div", { className: "space-y-1.5", children: [
     l && /* @__PURE__ */ e(ee, { htmlFor: T, className: B, children: l }),
-    /* @__PURE__ */ s(re, { open: p, onOpenChange: N, children: [
-      /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ n(re, { open: p, onOpenChange: N, children: [
+      /* @__PURE__ */ e(ae, { disabled: v, children: /* @__PURE__ */ e(
         V,
         {
           id: T,
@@ -132,21 +132,21 @@ function ke({
           variant: "ghost",
           role: "combobox",
           "aria-expanded": p,
-          className: k(
+          className: z(
             fe({ size: q }),
-            z && "cursor-not-allowed opacity-50",
+            v && "cursor-not-allowed opacity-50",
             U,
             "font-normal"
           ),
           style: { width: E },
-          disabled: z,
-          children: /* @__PURE__ */ s("div", { className: "flex flex-1 items-center justify-between overflow-hidden", children: [
-            S ? /* @__PURE__ */ e("div", { className: "truncate", children: v(S) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground hover:text-d-foreground", children: G }),
-            /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
-              w && S && /* @__PURE__ */ e(
+          disabled: v,
+          children: /* @__PURE__ */ n("div", { className: "flex flex-1 items-center justify-between overflow-hidden", children: [
+            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: [
+              w && L && /* @__PURE__ */ e(
                 "div",
                 {
-                  className: "bg-d-secondary/20 hover:bg-d-secondary/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",
@@ -162,9 +162,9 @@ function ke({
         ie,
         {
           style: { width: E },
-          className: k("p-0", M),
-          children: /* @__PURE__ */ s(te, { shouldFilter: !1, children: [
-            /* @__PURE__ */ s("div", { className: "relative w-full border-b", children: [
+          className: z("p-0", M),
+          children: /* @__PURE__ */ n(te, { shouldFilter: !1, children: [
+            /* @__PURE__ */ n("div", { className: "border-d-border relative w-full border-b", children: [
               /* @__PURE__ */ e(
                 oe,
                 {
@@ -176,13 +176,13 @@ function ke({
                   }
                 }
               ),
-              b && r.length > 0 && /* @__PURE__ */ e("div", { className: "absolute top-1/2 right-2 flex -translate-y-1/2 transform items-center", children: /* @__PURE__ */ e(de, { className: "h-4 w-4 animate-spin" }) })
+              C && r.length > 0 && /* @__PURE__ */ e("div", { className: "absolute top-1/2 right-2 flex -translate-y-1/2 transform items-center", children: /* @__PURE__ */ e(de, { className: "h-4 w-4 animate-spin" }) })
             ] }),
-            /* @__PURE__ */ s(se, { children: [
-              C && /* @__PURE__ */ e("div", { className: "text-d-destructive p-3 text-center", children: C }),
-              b && r.length === 0 && ($ || /* @__PURE__ */ e(ue, {})),
-              !b && !C && r.length === 0 && (F || /* @__PURE__ */ e(ne, { children: X ?? `No ${typeof l == "string" ? l.toLowerCase() : "options"} found.` })),
-              /* @__PURE__ */ e(O, { children: r.map((t) => /* @__PURE__ */ s(
+            /* @__PURE__ */ n(ne, { children: [
+              S && /* @__PURE__ */ e("div", { className: "text-d-destructive p-3 text-center", children: S }),
+              C && r.length === 0 && ($ || /* @__PURE__ */ e(ue, {})),
+              !C && !S && r.length === 0 && (F || /* @__PURE__ */ e(se, { children: X ?? `No ${typeof l == "string" ? l.toLowerCase() : "options"} found.` })),
+              /* @__PURE__ */ e(O, { children: r.map((t) => /* @__PURE__ */ n(
                 R,
                 {
                   value: a(t),
@@ -192,9 +192,9 @@ function ke({
                     /* @__PURE__ */ e(
                       me,
                       {
-                        className: k(
+                        className: z(
                           "ml-auto h-3 w-3",
-                          n === a(t) ? "opacity-100" : "opacity-0"
+                          s === a(t) ? "opacity-100" : "opacity-0"
                         )
                       }
                     )
@@ -210,9 +210,9 @@ function ke({
   ] });
 }
 function ue() {
-  return /* @__PURE__ */ e(O, { children: [1, 2, 3].map((c) => /* @__PURE__ */ e(R, { disabled: !0, children: /* @__PURE__ */ s("div", { className: "flex w-full items-center gap-2", children: [
+  return /* @__PURE__ */ e(O, { children: [1, 2, 3].map((c) => /* @__PURE__ */ e(R, { disabled: !0, children: /* @__PURE__ */ n("div", { className: "flex w-full items-center gap-2", children: [
     /* @__PURE__ */ e("div", { className: "bg-d-secondary h-6 w-6 animate-pulse rounded-full" }),
-    /* @__PURE__ */ s("div", { className: "flex flex-1 flex-col gap-1", children: [
+    /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col gap-1", children: [
       /* @__PURE__ */ e("div", { className: "bg-d-secondary h-4 w-24 animate-pulse rounded" }),
       /* @__PURE__ */ e("div", { className: "bg-d-secondary h-3 w-16 animate-pulse rounded" })
     ] })

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