laif-ds 0.1.11 → 0.1.13

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/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 {

package/dist/components/ui/menubar.js

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