laif-ds 0.1.11 → 0.1.12

package/dist/components/ui/form.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import * as s from "react";
 import { Root as f } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { FormProvider as u, Controller as F, useFormContext as x, useFormState as I } from "../../node_modules/react-hook-form/dist/index.esm.js";
@@ -9,8 +9,8 @@ const S = u, c = s.createContext(
   {}
 ), $ = ({
   ...t
-}) => /* @__PURE__ */ m(c.Provider, { value: { name: t.name }, children: /* @__PURE__ */ m(F, { ...t }) }), d = () => {
-  const t = s.useContext(c), o = s.useContext(l), { getFieldState: e } = x(), r = I({ name: t.name }), n = e(t.name, r);
+}) => /* @__PURE__ */ n(c.Provider, { value: { name: t.name }, children: /* @__PURE__ */ n(F, { ...t }) }), d = () => {
+  const t = s.useContext(c), o = s.useContext(l), { getFieldState: e } = x(), r = I({ name: t.name }), m = e(t.name, r);
   if (!t)
     throw new Error("useFormField should be used within <FormField>");
   const { id: i } = o;
@@ -20,14 +20,14 @@ const S = u, c = s.createContext(
     formItemId: `${i}-form-item`,
     formDescriptionId: `${i}-form-item-description`,
     formMessageId: `${i}-form-item-message`,
-    ...n
+    ...m
   };
 }, l = s.createContext(
   {}
 );
 function D({ className: t, ...o }) {
   const e = s.useId();
-  return /* @__PURE__ */ m(l.Provider, { value: { id: e }, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ n(l.Provider, { value: { id: e }, children: /* @__PURE__ */ n(
     "div",
     {
       "data-slot": "form-item",
@@ -41,25 +41,25 @@ function M({
   ...o
 }) {
   const { error: e, formItemId: r } = d();
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ n(
     g,
     {
       "data-slot": "form-label",
       "data-error": !!e,
-      className: a("data-[error=true]:text-destructive", t),
+      className: a("data-[error=true]:text-d-destructive", t),
       htmlFor: r,
       ...o
     }
   );
 }
 function N({ ...t }) {
-  const { error: o, formItemId: e, formDescriptionId: r, formMessageId: n } = d();
-  return /* @__PURE__ */ m(
+  const { error: o, formItemId: e, formDescriptionId: r, formMessageId: m } = d();
+  return /* @__PURE__ */ n(
     f,
     {
       "data-slot": "form-control",
       id: e,
-      "aria-describedby": o ? `${r} ${n}` : `${r}`,
+      "aria-describedby": o ? `${r} ${m}` : `${r}`,
       "aria-invalid": !!o,
       ...t
     }
@@ -67,26 +67,26 @@ function N({ ...t }) {
 }
 function w({ className: t, ...o }) {
   const { formDescriptionId: e } = d();
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ n(
     "p",
     {
       "data-slot": "form-description",
       id: e,
-      className: a("text-muted-foreground text-sm", t),
+      className: a("text-d-secondary-foreground text-sm", t),
       ...o
     }
   );
 }
-function P({ className: t, ...o }) {
-  const { error: e, formMessageId: r } = d(), n = e ? String((e == null ? void 0 : e.message) ?? "") : o.children;
-  return n ? /* @__PURE__ */ m(
+function y({ className: t, ...o }) {
+  const { error: e, formMessageId: r } = d(), m = e ? String((e == null ? void 0 : e.message) ?? "") : o.children;
+  return m ? /* @__PURE__ */ n(
     "p",
     {
       "data-slot": "form-message",
       id: r,
-      className: a("text-destructive text-sm", t),
+      className: a("text-d-destructive text-sm", t),
       ...o,
-      children: n
+      children: m
     }
   ) : null;
 }
@@ -97,6 +97,6 @@ export {
   $ as FormField,
   D as FormItem,
   M as FormLabel,
-  P as FormMessage,
+  y as FormMessage,
   d as useFormField
 };

package/dist/components/ui/gantt/components/Chart/Bars/BarsRow/BarsRow.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { useContext as a, useMemo as d } from "react";
-import { BarsRowContext as m } from "./BarsRowContext.js";
-import { GanttContext as p } from "../../../Gantt/GanttContext.js";
+import { useContext as i, useMemo as a } from "react";
+import { BarsRowContext as p } from "./BarsRowContext.js";
+import { GanttContext as m } from "../../../Gantt/GanttContext.js";
 import l from "./BarsItems/BarItems.js";
 const v = ({ barData: t, index: r, style: o, onBarDoubleClick: s }) => {
-  const { settings: n } = a(p), i = d(() => ({
+  const { settings: n } = i(m), d = a(() => ({
     ...o,
-    backgroundImage: `repeating-linear-gradient(to right, var(--border) 0px 1px, ${r % 2 === 0 ? "var(--background)" : "var(--muted)"} 1px ${n.stepWidth}px`
+    backgroundImage: `repeating-linear-gradient(to right, var(--d-border) 0px 1px, ${r % 2 === 0 ? "var(--d-background)" : "var(--d-secondary)"} 1px ${n.stepWidth}px`
   }), [r, n.stepWidth, o]);
-  return /* @__PURE__ */ e(m.Provider, { value: { barData: t }, children: /* @__PURE__ */ e("div", { className: "gantt-bars-row-wrap", style: i, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(p.Provider, { value: { barData: t }, children: /* @__PURE__ */ e("div", { className: "gantt-bars-row-wrap", style: d, children: /* @__PURE__ */ e(
     l,
     {
       data: t.data,

package/dist/components/ui/gantt/components/Chart/Chart.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as o, jsxs as M, Fragment as N } from "react/jsx-runtime";
 import { useContext as R, useRef as a, useState as s, useCallback as k, useMemo as y, useEffect as u } from "react";
-import A from "../../../../../_virtual/index6.js";
+import A from "../../../../../_virtual/index5.js";
 import B from "../../../../../_virtual/debounce.js";
 import { GanttContext as F } from "../Gantt/GanttContext.js";
 import { transformData as O } from "../../utils/transformData.js";

package/dist/components/ui/gantt/components/Chart/Tree/Tree.js

@@ -5,13 +5,13 @@ import { VariableSizeList as E } from "../../../../../../node_modules/react-wind
 import { MinusSquareOutlined as y } from "../../../assets/icons/MinusSquareOutlined.js";
 import { PlusSquareOutlined as T } from "../../../assets/icons/PlusSquareOutlined.js";
 import { GanttConsts as i } from "../../../constants/GanttConsts.js";
-const b = g(({ height: c, data: s, setData: l, treeTitle: m = "Attività" }, u) => {
+const b = g(({ height: c, data: s, setData: l, treeTitle: m = "Attività" }, p) => {
   const o = f(() => {
     const r = [];
     for (const e of s)
       e.hasOwnProperty("expanded") && !e.expanded && r.push(e.key);
     return s.filter((e) => !e.parentsKeys.some((n) => r.includes(n)));
-  }, [s]), p = h(
+  }, [s]), u = h(
     (r) => {
       const e = [...s], t = e.find((n) => n.key === r);
       t != null && t.hasOwnProperty("expanded") && (t.expanded = !t.expanded), l(e);
@@ -21,7 +21,7 @@ const b = g(({ height: c, data: s, setData: l, treeTitle: m = "Attività" }, u)
   return /* @__PURE__ */ a(
     "div",
     {
-      className: "gantt-tree-wrap bg-background",
+      className: "gantt-tree-wrap bg-d-background",
       style: {
         width: i.TREE_WIDTH,
         marginTop: -i.HEADER_HEIGHT
@@ -29,8 +29,8 @@ const b = g(({ height: c, data: s, setData: l, treeTitle: m = "Attività" }, u)
       children: /* @__PURE__ */ a(
         E,
         {
-          ref: u,
-          className: "gantt-tree-list bg-background",
+          ref: p,
+          className: "gantt-tree-list bg-d-background",
           layout: "vertical",
           width: "100%",
           height: c,
@@ -38,7 +38,7 @@ const b = g(({ height: c, data: s, setData: l, treeTitle: m = "Attività" }, u)
           itemSize: () => i.ROW_HEIGHT,
           itemData: o,
           innerElementType: ({ children: r, props: e }) => /* @__PURE__ */ d("div", { style: { height: o.length * i.ROW_HEIGHT }, ...e, children: [
-            /* @__PURE__ */ a("div", { className: "gantt-tree-title bg-background", style: { height: i.HEADER_HEIGHT }, children: m }),
+            /* @__PURE__ */ a("div", { className: "gantt-tree-title bg-d-background", style: { height: i.HEADER_HEIGHT }, children: m }),
             /* @__PURE__ */ a("div", { className: "gantt-tree-inner-wrap", children: r })
           ] }),
           children: ({ style: r, index: e, data: t }) => {
@@ -46,13 +46,13 @@ const b = g(({ height: c, data: s, setData: l, treeTitle: m = "Attività" }, u)
             return /* @__PURE__ */ d(
               "button",
               {
-                className: "gantt-tree-list-item bg-background text-foreground",
+                className: "gantt-tree-list-item bg-d-background text-foreground",
                 style: {
                   ...r,
-                  backgroundColor: e % 2 === 0 ? "var(--background)" : "var(--muted)",
+                  backgroundColor: e % 2 === 0 ? "var(--d-background)" : "var(--d-secondary)",
                   paddingLeft: i.LEAF_TITLE_PADDING_LEFT + n.level * i.LEAF_CHILDREN_PADDING_LEFT
                 },
-                onClick: () => p(n.key),
+                onClick: () => u(n.key),
                 children: [
                   n.hasOwnProperty("expanded") ? n.expanded ? /* @__PURE__ */ a(y, { className: "gantt-tree-icon" }) : /* @__PURE__ */ a(T, { className: "gantt-tree-icon" }) : null,
                   /* @__PURE__ */ a("div", { children: t[e].title })

package/dist/components/ui/hover-card.js

@@ -5,12 +5,12 @@ import { cn as m } from "../../lib/utils.js";
 function p({
   ...t
 }) {
-  return /* @__PURE__ */ o(d, { "data-slot": "hover-card", ...t });
+  return /* @__PURE__ */ o(d, { "data-slot": "hover-d-card", ...t });
 }
 function u({
   ...t
 }) {
-  return /* @__PURE__ */ o(n, { "data-slot": "hover-card-trigger", ...t });
+  return /* @__PURE__ */ o(n, { "data-slot": "hover-d-card-trigger", ...t });
 }
 function g({
   className: t,
@@ -18,14 +18,14 @@ function g({
   sideOffset: a = 4,
   ...r
 }) {
-  return /* @__PURE__ */ o(i, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(i, { "data-slot": "hover-d-card-portal", children: /* @__PURE__ */ o(
     s,
     {
-      "data-slot": "hover-card-content",
+      "data-slot": "hover-d-card-content",
       align: e,
       sideOffset: a,
       className: m(
-        "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 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        "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 w-64 origin-(--radix-hover-d-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
         t
       ),
       ...r

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

@@ -36,20 +36,20 @@ function g({
   className: e,
   ...i
 }) {
-  const n = u.useContext(p), { char: s, hasFakeCaret: o, isActive: d } = (n == null ? void 0 : n.slots[t]) ?? {};
+  const n = u.useContext(p), { char: d, hasFakeCaret: s, isActive: o } = (n == null ? void 0 : n.slots[t]) ?? {};
   return /* @__PURE__ */ c(
     "div",
     {
       "data-slot": "input-otp-slot",
-      "data-active": d,
+      "data-active": o,
       className: r(
-        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
+        "data-[active=true]:border-d-ring data-[active=true]:ring-d-ring/50 data-[active=true]:aria-invalid:ring-d-destructive/20 dark:data-[active=true]:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive data-[active=true]:aria-invalid:border-d-destructive dark:bg-d-input/30 border-d-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
         e
       ),
       ...i,
       children: [
-        s,
-        o && /* @__PURE__ */ a("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        d,
+        s && /* @__PURE__ */ a("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );

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

@@ -19,7 +19,7 @@ function V({
   buttonClassName: u,
   counterClassName: y
 }) {
-  const [e, o] = s.useState(a), [m, f] = s.useState(!1);
+  const [e, o] = s.useState(a), [d, m] = s.useState(!1);
   s.useEffect(() => {
     o(a);
   }, [a]);
@@ -28,15 +28,15 @@ function V({
       const n = e + 1;
       o(n), t == null || t(n);
     } else
-      d();
+      f();
   }, h = (c) => {
     if (c.preventDefault(), e > p) {
       const n = e - 1;
       o(n), t == null || t(n);
     } else
-      d();
-  }, d = () => {
-    f(!0), setTimeout(() => f(!1), 300);
+      f();
+  }, f = () => {
+    m(!0), setTimeout(() => m(!1), 300);
   };
   return /* @__PURE__ */ i(
     l.div,
@@ -50,7 +50,7 @@ function V({
       children: /* @__PURE__ */ N(
         l.div,
         {
-          variants: m ? {
+          variants: d ? {
             initial: { x: 0 },
             vibrate: {
               x: [0, -5, 5, -5, 5, 0],
@@ -58,7 +58,7 @@ function V({
             }
           } : void 0,
           initial: "initial",
-          animate: m ? "vibrate" : "initial",
+          animate: d ? "vibrate" : "initial",
           className: "flex items-center gap-8",
           children: [
             /* @__PURE__ */ i(
@@ -68,8 +68,8 @@ function V({
                 onClick: h,
                 className: r(
                   "h-12 w-12 rounded-full border",
-                  "bg-background",
-                  "hover:bg-accent hover:text-accent-foreground",
+                  "bg-d-background",
+                  "hover:bg-d-accent hover:text-d-accent-foreground",
                   "text-foreground cursor-pointer",
                   "flex items-center justify-center",
                   u
@@ -99,8 +99,8 @@ function V({
                 onClick: g,
                 className: r(
                   "h-12 w-12 rounded-full border",
-                  "bg-background",
-                  "hover:bg-accent hover:text-accent-foreground",
+                  "bg-d-background",
+                  "hover:bg-d-accent hover:text-d-accent-foreground",
                   "text-foreground cursor-pointer",
                   "flex items-center justify-center",
                   u

package/dist/components/ui/input.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { cva as f } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as c } from "../../lib/utils.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { cva as c } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as f } from "../../lib/utils.js";
 import { Label as x } from "./label.js";
-import { Icon as o } from "./icon.js";
-const g = f(
-  "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex w-full min-w-0 rounded-md border bg-transparent px-3 transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+import { Icon as a } from "./icon.js";
+const g = c(
+  "file:text-foreground placeholder:text-d-secondary-foreground selection:bg-d-primary selection:text-d-primary-foreground dark:bg-d-input/30 border-d-input flex w-full min-w-0 rounded-md border bg-transparent px-3 transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
       size: {
@@ -20,47 +20,47 @@ const g = f(
   }
 );
 function w({
-  className: l,
-  type: d,
+  className: o,
+  type: l,
   label: r,
-  labelClassName: m,
-  id: u,
+  labelClassName: p,
+  id: m,
   iconLeft: i,
   iconRight: n,
   size: t,
-  ...p
+  ...u
 }) {
-  const s = u || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
-  return /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
+  const d = m || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
+  return /* @__PURE__ */ s("div", { className: "space-y-1.5", children: [
     r && /* @__PURE__ */ e(
       x,
       {
-        htmlFor: s,
-        className: m,
+        htmlFor: d,
+        className: p,
         children: r
       }
     ),
-    /* @__PURE__ */ a("div", { className: "relative", children: [
-      i && /* @__PURE__ */ e("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: /* @__PURE__ */ e(o, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
+    /* @__PURE__ */ s("div", { className: "relative", children: [
+      i && /* @__PURE__ */ e("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-d-secondary-foreground pointer-events-none", children: /* @__PURE__ */ e(a, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
       /* @__PURE__ */ e(
         "input",
         {
-          id: s,
-          type: d,
+          id: d,
+          type: l,
           "data-slot": "input",
-          className: c(
+          className: f(
             g({ size: t }),
-            "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-            "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+            "focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:ring-[3px]",
+            "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
             "shadow-xs",
             i ? t !== "lg" ? "pl-8" : "pl-10" : "",
             n ? t !== "lg" ? "pr-8" : "pr-10" : "",
-            l
+            o
           ),
-          ...p
+          ...u
         }
       ),
-      n && /* @__PURE__ */ e("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: /* @__PURE__ */ e(o, { name: n, size: t === "lg" ? "sm" : "xs" }) })
+      n && /* @__PURE__ */ e("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-d-secondary-foreground pointer-events-none", children: /* @__PURE__ */ e(a, { name: n, size: t === "lg" ? "sm" : "xs" }) })
     ] })
   ] });
 }

package/dist/components/ui/interrupt-prompt.js

@@ -16,7 +16,7 @@ function m({ isOpen: t, close: r }) {
         }
       },
       exit: { top: 0, filter: "blur(5px)" },
-      className: "absolute left-1/2 flex -translate-x-1/2 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 overflow-hidden whitespace-nowrap rounded-full border bg-d-background py-1 text-center text-sm text-d-secondary-foreground",
       children: [
         /* @__PURE__ */ e("span", { className: "ml-2.5", children: "Press Enter again to interrupt" }),
         /* @__PURE__ */ e(

package/dist/components/ui/markdown-renderer.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as t, jsxs as p, Fragment as b } from "react/jsx-runtime";
-import x, { Suspense as y } from "react";
+import y, { Suspense as x } from "react";
 import { cn as g } from "../../lib/utils.js";
 import { CopyButton as k } from "./copy-button.js";
 import { Markdown as N } from "../../node_modules/react-markdown/lib/index.js";
@@ -8,10 +8,10 @@ import v from "../../node_modules/remark-gfm/lib/index.js";
 function q({ children: e }) {
   return /* @__PURE__ */ t("div", { className: "space-y-3", children: /* @__PURE__ */ t(N, { remarkPlugins: [v], components: C, children: e }) });
 }
-const h = x.memo(
+const h = y.memo(
   async ({ children: e, language: o, ...n }) => {
-    const { codeToTokens: i, bundledLanguages: l } = await import("../../node_modules/shiki/dist/index.js");
-    if (!(o in l))
+    const { codeToTokens: i, bundledLanguages: d } = await import("../../node_modules/shiki/dist/index.js");
+    if (!(o in d))
       return /* @__PURE__ */ t("pre", { ...n, children: e });
     const { tokens: a } = await i(e, {
       lang: o,
@@ -22,14 +22,14 @@ const h = x.memo(
       }
     });
     return /* @__PURE__ */ t("pre", { ...n, children: /* @__PURE__ */ t("code", { children: a.map((m, c) => /* @__PURE__ */ p(b, { children: [
-      /* @__PURE__ */ t("span", { children: m.map((d, u) => {
-        const f = typeof d.htmlStyle == "string" ? void 0 : d.htmlStyle;
+      /* @__PURE__ */ t("span", { children: m.map((l, u) => {
+        const f = typeof l.htmlStyle == "string" ? void 0 : l.htmlStyle;
         return /* @__PURE__ */ t(
           "span",
           {
             className: "text-shiki-light bg-shiki-light-bg dark:text-shiki-dark dark:bg-shiki-dark-bg",
             style: f,
-            children: d.content
+            children: l.content
           },
           u
         );
@@ -46,19 +46,19 @@ const w = ({
   language: n,
   ...i
 }) => {
-  const l = typeof e == "string" ? e : s(e), a = g(
-    "overflow-x-scroll rounded-md border bg-background/50 p-4 font-mono text-sm [scrollbar-width:none]",
+  const d = typeof e == "string" ? e : s(e), a = g(
+    "overflow-x-scroll rounded-md border bg-d-background/50 p-4 font-mono text-sm [scrollbar-width:none]",
     o
   );
   return /* @__PURE__ */ p("div", { className: "group/code relative mb-4", children: [
     /* @__PURE__ */ t(
-      y,
+      x,
       {
         fallback: /* @__PURE__ */ t("pre", { className: a, ...i, children: e }),
-        children: /* @__PURE__ */ t(h, { language: n, className: a, children: l })
+        children: /* @__PURE__ */ t(h, { language: n, className: a, children: d })
       }
     ),
-    /* @__PURE__ */ t("div", { className: "invisible absolute right-2 top-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ t(k, { content: l, copyMessage: "Copied code to clipboard" }) })
+    /* @__PURE__ */ t("div", { className: "invisible absolute right-2 top-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100", children: /* @__PURE__ */ t(k, { content: d, copyMessage: "Copied code to clipboard" }) })
   ] });
 };
 function s(e) {
@@ -78,15 +78,15 @@ const C = {
   h4: r("h4", "font-semibold text-base"),
   h5: r("h5", "font-medium"),
   strong: r("strong", "font-semibold"),
-  a: r("a", "text-primary underline underline-offset-2"),
-  blockquote: r("blockquote", "border-l-2 border-primary pl-4"),
+  a: r("a", "text-d-primary underline underline-offset-2"),
+  blockquote: r("blockquote", "border-l-2 border-d-primary pl-4"),
   code: ({ children: e, className: o, node: n, ...i }) => {
-    const l = /language-(\w+)/.exec(o || "");
-    return l ? /* @__PURE__ */ t(w, { className: o, language: l[1], ...i, children: e }) : /* @__PURE__ */ t(
+    const d = /language-(\w+)/.exec(o || "");
+    return d ? /* @__PURE__ */ t(w, { className: o, language: d[1], ...i, children: e }) : /* @__PURE__ */ t(
       "code",
       {
         className: g(
-          "font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:bg-background/50 [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5"
+          "font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:bg-d-background/50 [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5"
         ),
         ...i,
         children: e
@@ -109,12 +109,12 @@ const C = {
     "td",
     "border border-foreground/20 px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
   ),
-  tr: r("tr", "m-0 border-t p-0 even:bg-muted"),
+  tr: r("tr", "m-0 border-t p-0 even:bg-d-secondary"),
   p: r("p", "whitespace-pre-wrap"),
   hr: r("hr", "border-foreground/20")
 };
 function r(e, o) {
-  const n = ({ node: i, ...l }) => /* @__PURE__ */ t(e, { className: o, ...l });
+  const n = ({ node: i, ...d }) => /* @__PURE__ */ t(e, { className: o, ...d });
   return n.displayName = String(e), n;
 }
 export {