laif-ds 0.1.11 → 0.1.13

package/dist/components/ui/command.js

@@ -1,19 +1,19 @@
 "use client";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
-import { Command as a } from "../../node_modules/cmdk/dist/index.js";
-import { cn as n } from "../../lib/utils.js";
-import { Dialog as s, DialogHeader as c, DialogTitle as i, DialogDescription as l, DialogContent as u } from "./dialog.js";
-import p from "../../node_modules/lucide-react/dist/esm/icons/search.js";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { Command as d } from "../../node_modules/cmdk/dist/index.js";
+import { cn as a } from "../../lib/utils.js";
+import { Dialog as s, DialogHeader as c, DialogTitle as i, DialogDescription as l, DialogContent as p } from "./dialog.js";
+import u from "../../node_modules/lucide-react/dist/esm/icons/search.js";
 function g({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    a,
+    d,
     {
       "data-slot": "command",
-      className: n(
-        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+      className: a(
+        "bg-d-popover text-d-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
         e
       ),
       ...t
@@ -26,31 +26,31 @@ function v({
   children: r,
   ...m
 }) {
-  return /* @__PURE__ */ d(s, { ...m, children: [
-    /* @__PURE__ */ d(c, { className: "sr-only", children: [
+  return /* @__PURE__ */ n(s, { ...m, children: [
+    /* @__PURE__ */ n(c, { className: "sr-only", children: [
       /* @__PURE__ */ o(i, { children: e }),
       /* @__PURE__ */ o(l, { children: t })
     ] }),
-    /* @__PURE__ */ o(u, { className: "overflow-hidden p-0", children: /* @__PURE__ */ o(g, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: r }) })
+    /* @__PURE__ */ o(p, { className: "overflow-hidden p-0", children: /* @__PURE__ */ o(g, { className: "[&_[cmdk-group-heading]]:text-d-secondary-foreground **:data-[slot=command-d-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-d-input-wrapper]_svg]:h-5 [&_[cmdk-d-input-wrapper]_svg]:w-5 [&_[cmdk-d-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: r }) })
   ] });
 }
-function w({
+function y({
   className: e,
   ...t
 }) {
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ n(
     "div",
     {
-      "data-slot": "command-input-wrapper",
+      "data-slot": "command-d-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ o(p, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ o(u, { className: "size-4 shrink-0 opacity-50" }),
         /* @__PURE__ */ o(
-          a.Input,
+          d.Input,
           {
-            "data-slot": "command-input",
-            className: n(
-              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+            "data-slot": "command-d-input",
+            className: a(
+              "placeholder:text-d-secondary-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
               e
             ),
             ...t
@@ -60,15 +60,15 @@ function w({
     }
   );
 }
-function y({
+function w({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    a.List,
+    d.List,
     {
       "data-slot": "command-list",
-      className: n(
+      className: a(
         "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
         e
       ),
@@ -80,7 +80,7 @@ function N({
   ...e
 }) {
   return /* @__PURE__ */ o(
-    a.Empty,
+    d.Empty,
     {
       "data-slot": "command-empty",
       className: "py-6 text-center text-sm",
@@ -93,11 +93,11 @@ function C({
   ...t
 }) {
   return /* @__PURE__ */ o(
-    a.Group,
+    d.Group,
     {
       "data-slot": "command-group",
-      className: n(
-        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+      className: a(
+        "text-foreground [&_[cmdk-group-heading]]:text-d-secondary-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
         e
       ),
       ...t
@@ -109,10 +109,10 @@ function b({
   ...t
 }) {
   return /* @__PURE__ */ o(
-    a.Separator,
+    d.Separator,
     {
       "data-slot": "command-separator",
-      className: n("bg-border -mx-1 h-px", e),
+      className: a("bg-d-border -mx-1 h-px", e),
       ...t
     }
   );
@@ -122,11 +122,11 @@ function D({
   ...t
 }) {
   return /* @__PURE__ */ o(
-    a.Item,
+    d.Item,
     {
       "data-slot": "command-item",
-      className: n(
-        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_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=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+      className: a(
+        "data-[selected=true]:bg-d-accent data-[selected=true]:text-d-accent-foreground [&_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=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e
       ),
       ...t
@@ -141,8 +141,8 @@ function S({
     "span",
     {
       "data-slot": "command-shortcut",
-      className: n(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
+      className: a(
+        "text-d-secondary-foreground ml-auto text-xs tracking-widest",
         e
       ),
       ...t
@@ -154,9 +154,9 @@ export {
   v as CommandDialog,
   N as CommandEmpty,
   C as CommandGroup,
-  w as CommandInput,
+  y as CommandInput,
   D as CommandItem,
-  y as CommandList,
+  w as CommandList,
   b as CommandSeparator,
   S as CommandShortcut
 };

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { Root as u, Trigger as c, Portal as i, Content as l, Item as m, CheckboxItem as f, ItemIndicator as d, RadioItem as x, Label as p, Separator as g, Group as v, Sub as b, SubContent as h, SubTrigger as C, RadioGroup as z } from "../../node_modules/@radix-ui/react-context-menu/dist/index.js";
+import { Root as u, Trigger as c, Portal as d, Content as l, Item as m, CheckboxItem as f, ItemIndicator as i, RadioItem as x, Label as p, Separator as g, Group as v, Sub as b, SubContent as h, SubTrigger as C, RadioGroup as z } from "../../node_modules/@radix-ui/react-context-menu/dist/index.js";
 import { cn as a } from "../../lib/utils.js";
 import M from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-import N from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
-import I from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import y from "../../node_modules/lucide-react/dist/esm/icons/circle.js";
+import N from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
 function G({
   ...t
 }) {
@@ -23,7 +23,7 @@ function j({
 function L({
   ...t
 }) {
-  return /* @__PURE__ */ e(i, { "data-slot": "context-menu-portal", ...t });
+  return /* @__PURE__ */ e(d, { "data-slot": "context-menu-portal", ...t });
 }
 function P({
   ...t
@@ -53,13 +53,13 @@ function A({
       "data-slot": "context-menu-sub-trigger",
       "data-inset": n,
       className: a(
-        "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-hidden select-none 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-[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-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         t
       ),
       ...s,
       children: [
         o,
-        /* @__PURE__ */ e(I, { className: "ml-auto" })
+        /* @__PURE__ */ e(N, { className: "ml-auto" })
       ]
     }
   );
@@ -73,7 +73,7 @@ function B({
     {
       "data-slot": "context-menu-sub-content",
       className: a(
-        "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-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
         t
       ),
       ...n
@@ -84,12 +84,12 @@ function D({
   className: t,
   ...n
 }) {
-  return /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(
     l,
     {
       "data-slot": "context-menu-content",
       className: a(
-        "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 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
         t
       ),
       ...n
@@ -109,7 +109,7 @@ function E({
       "data-inset": n,
       "data-variant": o,
       className: a(
-        "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",
         t
       ),
       ...s
@@ -127,13 +127,13 @@ function F({
     {
       "data-slot": "context-menu-checkbox-item",
       className: a(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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-sm 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",
         t
       ),
       checked: o,
       ...s,
       children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(M, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(M, { className: "size-4" }) }) }),
         n
       ]
     }
@@ -149,12 +149,12 @@ function H({
     {
       "data-slot": "context-menu-radio-item",
       className: a(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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-sm 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",
         t
       ),
       ...o,
       children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(N, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(y, { className: "size-2 fill-current" }) }) }),
         n
       ]
     }
@@ -186,7 +186,7 @@ function K({
     g,
     {
       "data-slot": "context-menu-separator",
-      className: a("bg-border -mx-1 my-1 h-px", t),
+      className: a("bg-d-border -mx-1 my-1 h-px", t),
       ...n
     }
   );
@@ -200,7 +200,7 @@ function O({
     {
       "data-slot": "context-menu-shortcut",
       className: a(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
+        "text-d-secondary-foreground ml-auto text-xs tracking-widest",
         t
       ),
       ...n

package/dist/components/ui/data-table.js

@@ -74,7 +74,7 @@ function ee({
       /* @__PURE__ */ e(j, { children: a.getHeaderGroups().map((t) => /* @__PURE__ */ e(i, { children: t.headers.map((l) => /* @__PURE__ */ e(
         B,
         {
-          className: `${l.column.columnDef.sticky ? "sticky left-0 z-10 bg-background" : ""}`,
+          className: `${l.column.columnDef.sticky ? "sticky left-0 z-10 bg-d-background" : ""}`,
           children: l.isPlaceholder ? null : f(
             l.column.columnDef.header,
             l.getContext()
@@ -96,7 +96,7 @@ function ee({
           children: t.getVisibleCells().map((l) => /* @__PURE__ */ e(
             c,
             {
-              className: `${l.column.columnDef.sticky ? "sticky left-0 z-10 bg-background" : ""}`,
+              className: `${l.column.columnDef.sticky ? "sticky left-0 z-10 bg-d-background" : ""}`,
               children: f(
                 l.column.columnDef.cell,
                 l.getContext()

package/dist/components/ui/date-picker.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import * as m from "react";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import * as c from "react";
 import { cn as x } from "../../lib/utils.js";
 import { Button as h } from "./button.js";
 import { Calendar as P } from "./calendar.js";
@@ -9,21 +9,21 @@ import { formatDate as v } from "../../node_modules/date-fns/format.js";
 function B({
   value: r,
   onChange: n,
-  placeholder: s = "Seleziona data",
-  dateFormat: c = "PPP",
-  className: f,
+  placeholder: l = "Seleziona data",
+  dateFormat: f = "PPP",
+  className: m,
   buttonVariant: p = "outline",
   disabled: e = !1,
   size: a = "default"
 }) {
-  const [o, i] = m.useState(r);
-  m.useEffect(() => {
+  const [o, i] = c.useState(r);
+  c.useEffect(() => {
     i(r);
   }, [r]);
-  const u = (l) => {
-    i(l), n && n(l);
+  const d = (s) => {
+    i(s), n && n(s);
   };
-  return /* @__PURE__ */ d(g, { open: e ? !1 : void 0, children: [
+  return /* @__PURE__ */ u(g, { open: e ? !1 : void 0, children: [
     /* @__PURE__ */ t(C, { asChild: !0, children: /* @__PURE__ */ t(
       h,
       {
@@ -31,15 +31,15 @@ function B({
         size: a,
         className: x(
           "justify-start text-left font-normal",
-          !o && "text-muted-foreground",
+          !o && "text-d-secondary-foreground",
           e && "opacity-50 cursor-not-allowed",
-          f,
+          m,
           a === "sm" && "text-xs",
           a === "lg" && "text-lg"
         ),
         disabled: e,
         iconLeft: "Calendar",
-        children: o ? v(o, c) : /* @__PURE__ */ t("span", { children: s })
+        children: o ? v(o, f) : /* @__PURE__ */ t("span", { children: l })
       }
     ) }),
     /* @__PURE__ */ t(j, { className: "w-auto p-0", children: /* @__PURE__ */ t(
@@ -47,7 +47,7 @@ function B({
       {
         mode: "single",
         selected: o,
-        onSelect: u,
+        onSelect: d,
         initialFocus: !0,
         disabled: e
       }

package/dist/components/ui/dialog.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { Root as s, Trigger as l, Content as r, Close as d, Title as c, Description as g, Portal as u, Overlay as f } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { Root as i, Trigger as l, Content as r, Close as d, Title as c, Description as g, Portal as f, Overlay as u } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { cn as o } from "../../lib/utils.js";
 import m from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-function y({
+function h({
   ...t
 }) {
-  return /* @__PURE__ */ e(s, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ e(i, { "data-slot": "dialog", ...t });
 }
 function N({
   ...t
@@ -16,14 +16,14 @@ function N({
 function p({
   ...t
 }) {
-  return /* @__PURE__ */ e(u, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ e(f, { "data-slot": "dialog-portal", ...t });
 }
 function x({
   className: t,
   ...a
 }) {
   return /* @__PURE__ */ e(
-    f,
+    u,
     {
       "data-slot": "dialog-overlay",
       className: o(
@@ -37,7 +37,7 @@ function x({
 function z({
   className: t,
   children: a,
-  ...i
+  ...s
 }) {
   return /* @__PURE__ */ n(p, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ e(x, {}),
@@ -46,13 +46,13 @@ function z({
       {
         "data-slot": "dialog-content",
         className: o(
-          "bg-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 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
         ),
-        ...i,
+        ...s,
         children: [
           a,
-          /* @__PURE__ */ n(d, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
+          /* @__PURE__ */ n(d, { className: "ring-offset-d-background focus:ring-d-ring data-[state=open]:bg-d-accent data-[state=open]:text-d-secondary-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
             /* @__PURE__ */ e(m, {}),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
@@ -105,13 +105,13 @@ function T({
     g,
     {
       "data-slot": "dialog-description",
-      className: o("text-muted-foreground text-sm", t),
+      className: o("text-d-secondary-foreground text-sm", t),
       ...a
     }
   );
 }
 export {
-  y as Dialog,
+  h as Dialog,
   z as DialogContent,
   T as DialogDescription,
   k as DialogFooter,

package/dist/components/ui/drawer.js

@@ -2,7 +2,7 @@
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import { Drawer as e } from "../../node_modules/vaul/dist/index.js";
 import { cn as d } from "../../lib/utils.js";
-function s({
+function w({
   ...a
 }) {
   return /* @__PURE__ */ t(e.Root, { "data-slot": "drawer", ...a });
@@ -45,7 +45,7 @@ function f({
       {
         "data-slot": "drawer-content",
         className: d(
-          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
+          "group/drawer-content bg-d-background fixed z-50 flex h-auto flex-col",
           "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
           "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
           "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
@@ -54,7 +54,7 @@ function f({
         ),
         ...i,
         children: [
-          /* @__PURE__ */ t("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ t("div", { className: "bg-d-secondary mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           r
         ]
       }
@@ -102,13 +102,13 @@ function b({
     e.Description,
     {
       "data-slot": "drawer-description",
-      className: d("text-muted-foreground text-sm", a),
+      className: d("text-d-secondary-foreground text-sm", a),
       ...r
     }
   );
 }
 export {
-  s as Drawer,
+  w as Drawer,
   f as DrawerContent,
   b as DrawerDescription,
   p as DrawerFooter,

package/dist/components/ui/file-preview.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import l, { useEffect as p } from "react";
+import l, { useEffect as w } from "react";
 import { motion as n } from "framer-motion";
 import d from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import y from "../../node_modules/lucide-react/dist/esm/icons/file.js";
+import p from "../../node_modules/lucide-react/dist/esm/icons/file.js";
 const b = l.forwardRef(
   (e, r) => e.file.type.startsWith("image/") ? /* @__PURE__ */ t(m, { ...e, ref: r }) : e.file.type.startsWith("text/") || e.file.name.endsWith(".txt") || e.file.name.endsWith(".md") ? /* @__PURE__ */ t(u, { ...e, ref: r }) : /* @__PURE__ */ t(f, { ...e, ref: r })
 );
@@ -24,16 +24,16 @@ const m = l.forwardRef(
             "img",
             {
               alt: `Attachment ${e.name}`,
-              className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-muted object-cover",
+              className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-d-secondary object-cover",
               src: URL.createObjectURL(e)
             }
           ),
-          /* @__PURE__ */ t("span", { className: "w-full truncate text-muted-foreground", children: e.name })
+          /* @__PURE__ */ t("span", { className: "w-full truncate text-d-secondary-foreground", children: e.name })
         ] }),
         r ? /* @__PURE__ */ t(
           "button",
           {
-            className: "absolute -right-2 -top-2 flex h-4 w-4 items-center justify-center rounded-full border bg-background",
+            className: "absolute -right-2 -top-2 flex h-4 w-4 items-center justify-center rounded-full border bg-d-background",
             type: "button",
             onClick: r,
             "aria-label": "Remove attachment",
@@ -48,12 +48,12 @@ m.displayName = "ImageFilePreview";
 const u = l.forwardRef(
   ({ file: e, onRemove: r }, i) => {
     const [x, h] = l.useState("");
-    return p(() => {
+    return w(() => {
       if (typeof window > "u") return;
       const c = new FileReader();
-      c.onload = (w) => {
+      c.onload = (y) => {
         var o;
-        const s = (o = w.target) == null ? void 0 : o.result;
+        const s = (o = y.target) == null ? void 0 : o.result;
         h(s.slice(0, 50) + (s.length > 50 ? "..." : ""));
       }, c.readAsText(e);
     }, [e]), /* @__PURE__ */ a(
@@ -67,13 +67,13 @@ const u = l.forwardRef(
         exit: { opacity: 0, y: "100%" },
         children: [
           /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-            /* @__PURE__ */ t("div", { className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-muted p-0.5", children: /* @__PURE__ */ t("div", { className: "h-full w-full overflow-hidden text-[6px] leading-none text-muted-foreground", children: x || "Loading..." }) }),
-            /* @__PURE__ */ t("span", { className: "w-full truncate text-muted-foreground", children: e.name })
+            /* @__PURE__ */ t("div", { className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-d-secondary p-0.5", children: /* @__PURE__ */ t("div", { className: "h-full w-full overflow-hidden text-[6px] leading-none text-d-secondary-foreground", children: x || "Loading..." }) }),
+            /* @__PURE__ */ t("span", { className: "w-full truncate text-d-secondary-foreground", children: e.name })
           ] }),
           r ? /* @__PURE__ */ t(
             "button",
             {
-              className: "absolute -right-2 -top-2 flex h-4 w-4 items-center justify-center rounded-full border bg-background",
+              className: "absolute -right-2 -top-2 flex h-4 w-4 items-center justify-center rounded-full border bg-d-background",
               type: "button",
               onClick: r,
               "aria-label": "Remove attachment",
@@ -98,13 +98,13 @@ const f = l.forwardRef(
       exit: { opacity: 0, y: "100%" },
       children: [
         /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-          /* @__PURE__ */ t("div", { className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-muted", children: /* @__PURE__ */ t(y, { className: "h-6 w-6 text-foreground" }) }),
-          /* @__PURE__ */ t("span", { className: "w-full truncate text-muted-foreground", children: e.name })
+          /* @__PURE__ */ t("div", { className: "grid h-10 w-10 shrink-0 place-items-center rounded-sm border bg-d-secondary", children: /* @__PURE__ */ t(p, { className: "h-6 w-6 text-foreground" }) }),
+          /* @__PURE__ */ t("span", { className: "w-full truncate text-d-secondary-foreground", children: e.name })
         ] }),
         r ? /* @__PURE__ */ t(
           "button",
           {
-            className: "absolute -right-2 -top-2 flex h-4 w-4 items-center justify-center rounded-full border bg-background",
+            className: "absolute -right-2 -top-2 flex h-4 w-4 items-center justify-center rounded-full border bg-d-background",
             type: "button",
             onClick: r,
             "aria-label": "Remove attachment",