laif-ds 0.1.11 → 0.1.13

package/dist/components/ui/accordion.js

@@ -1,59 +1,59 @@
 "use client";
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Root as a, Item as s, Header as c, Trigger as d, Content as l } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { Root as i, Item as s, Header as d, Trigger as c, Content as l } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
 import { cn as r } from "../../lib/utils.js";
 import m from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 function b({
-  ...t
+  ...e
 }) {
-  return /* @__PURE__ */ e(a, { "data-slot": "accordion", ...t });
+  return /* @__PURE__ */ t(i, { "data-slot": "accordion", ...e });
 }
 function x({
-  className: t,
+  className: e,
   ...o
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     s,
     {
       "data-slot": "accordion-item",
-      className: r("border-b last:border-b-0", t),
+      className: r("border-b last:border-b-0", e),
       ...o
     }
   );
 }
 function v({
-  className: t,
+  className: e,
   children: o,
   ...n
 }) {
-  return /* @__PURE__ */ e(c, { className: "flex", children: /* @__PURE__ */ i(
-    d,
+  return /* @__PURE__ */ t(d, { className: "flex", children: /* @__PURE__ */ a(
+    c,
     {
       "data-slot": "accordion-trigger",
       className: r(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-        t
+        "focus-visible:border-d-ring focus-visible:ring-d-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        e
       ),
       ...n,
       children: [
         o,
-        /* @__PURE__ */ e(m, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+        /* @__PURE__ */ t(m, { className: "text-d-secondary-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
       ]
     }
   ) });
 }
 function h({
-  className: t,
+  className: e,
   children: o,
   ...n
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     l,
     {
       "data-slot": "accordion-content",
       className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
       ...n,
-      children: /* @__PURE__ */ e("div", { className: r("pt-0 pb-4", t), children: o })
+      children: /* @__PURE__ */ t("div", { className: r("pt-0 pb-4", e), children: o })
     }
   );
 }

package/dist/components/ui/alert-dialog.js

@@ -45,7 +45,7 @@ function T({
       {
         "data-slot": "alert-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
         ),
         ...a
@@ -103,7 +103,7 @@ function h({
     c,
     {
       "data-slot": "alert-dialog-description",
-      className: o("text-muted-foreground text-sm", t),
+      className: o("text-d-secondary-foreground text-sm", t),
       ...a
     }
   );

package/dist/components/ui/alert.js

@@ -2,13 +2,13 @@
 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 l = i(
+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",
   {
     variants: {
       variant: {
-        default: "bg-card text-card-foreground",
-        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+        default: "bg-d-card text-d-card-foreground",
+        destructive: "text-d-destructive bg-d-card [&>svg]:text-current *:data-[slot=alert-description]:text-d-destructive/90"
       }
     },
     defaultVariants: {
@@ -26,7 +26,7 @@ function o({
     {
       "data-slot": "alert",
       role: "alert",
-      className: a(l({ variant: r }), t),
+      className: a(d({ variant: r }), t),
       ...s
     }
   );
@@ -53,7 +53,7 @@ function u({
     {
       "data-slot": "alert-description",
       className: a(
-        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        "text-d-secondary-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
         t
       ),
       ...r

package/dist/components/ui/async-select.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import * as Z from "react";
-import { useState as o, useEffect as g, useCallback as _ } from "react";
+import { useState as o, useEffect as y, useCallback as _ } from "react";
 import { useDebounce as V } from "../../hooks/use-debounce.js";
 import { cva as ee } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as v } from "../../lib/utils.js";
 import { Button as te } from "./button.js";
 import { Label as se } from "./label.js";
 import { Command as ne, CommandInput as oe, CommandList as re, CommandEmpty as ae, CommandGroup as F, CommandItem as $ } from "./command.js";
-import { Popover as ie, PopoverTrigger as le, PopoverContent as ce } from "./popover.js";
-import me 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 { Popover as ie, PopoverTrigger as ce, PopoverContent as le } from "./popover.js";
+import de from "../../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js";
+import me from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
 import fe from "../../node_modules/lucide-react/dist/esm/icons/check.js";
 const pe = ee(
   "justify-between",
@@ -28,15 +28,15 @@ const pe = ee(
   }
 );
 function Ee({
-  fetcher: l,
-  preload: m,
-  filterFn: y,
+  fetcher: c,
+  preload: d,
+  filterFn: g,
   renderOption: A,
   getOptionValue: i,
   getDisplayValue: B,
   notFound: G,
   loadingSkeleton: M,
-  label: c,
+  label: l,
   labelClassName: R,
   placeholder: U = "Select...",
   value: a,
@@ -49,55 +49,55 @@ function Ee({
   clearable: L = !0,
   size: K
 }) {
-  const [d, Q] = o(!1), [z, E] = o(!1), [n, f] = o([]), [x, p] = o(!1), [N, u] = o(null), [C, O] = o(a), [T, j] = o(null), [k, W] = o(""), h = V(k, m ? 0 : 300), [D, I] = o([]);
-  g(() => {
+  const [m, Q] = o(!1), [z, E] = o(!1), [n, f] = o([]), [x, p] = o(!1), [N, h] = o(null), [C, O] = o(a), [T, j] = o(null), [k, W] = o(""), u = V(k, d ? 0 : 300), [D, I] = o([]);
+  y(() => {
     Q(!0), O(a);
-  }, [a]), g(() => {
+  }, [a]), y(() => {
     if (a && n.length > 0) {
       const s = n.find((e) => i(e) === a);
       s && j(s);
     }
-  }, [a, n, i]), g(() => {
-    d || (async () => {
+  }, [a, n, i]), y(() => {
+    m || (async () => {
       try {
-        p(!0), u(null);
-        const e = await l(a);
+        p(!0), h(null);
+        const e = await c(a);
         I(e), f(e);
       } catch (e) {
-        u(e instanceof Error ? e.message : "Failed to fetch options");
+        h(e instanceof Error ? e.message : "Failed to fetch options");
       } finally {
         p(!1);
       }
     })();
-  }, [d, l, a]), g(() => {
+  }, [m, c, a]), y(() => {
     const s = async () => {
       try {
-        p(!0), u(null);
-        const e = await l(h);
+        p(!0), h(null);
+        const e = await c(u);
         I(e), f(e);
       } catch (e) {
-        u(e instanceof Error ? e.message : "Failed to fetch options");
+        h(e instanceof Error ? e.message : "Failed to fetch options");
       } finally {
         p(!1);
       }
     };
-    d && m ? m && f(h ? D.filter((e) => y ? y(e, h) : !0) : D) : s();
-  }, [l, h, d, m, y]);
+    m && d ? d && f(u ? D.filter((e) => g ? g(e, u) : !0) : D) : s();
+  }, [c, u, m, d, g]);
   const X = _((s) => {
     const e = L && s === C ? "" : s;
     O(e), j(n.find((Y) => i(Y) === e) || null), w(e), E(!1);
   }, [C, w, L, n, i]), P = Z.useId();
   return /* @__PURE__ */ r("div", { className: "space-y-1.5", children: [
-    c && /* @__PURE__ */ t(
+    l && /* @__PURE__ */ t(
       se,
       {
         htmlFor: P,
         className: R,
-        children: c
+        children: l
       }
     ),
     /* @__PURE__ */ r(ie, { open: z, onOpenChange: E, children: [
-      /* @__PURE__ */ t(le, { asChild: !0, children: /* @__PURE__ */ r(
+      /* @__PURE__ */ t(ce, { asChild: !0, children: /* @__PURE__ */ r(
         te,
         {
           id: P,
@@ -112,29 +112,29 @@ function Ee({
           style: { width: b },
           disabled: S,
           children: [
-            T ? B(T) : /* @__PURE__ */ t("span", { className: "text-muted-foreground hover:text-foreground", children: U }),
-            /* @__PURE__ */ t(me, { className: "opacity-50", size: 10 })
+            T ? B(T) : /* @__PURE__ */ t("span", { className: "text-d-secondary-foreground hover:text-foreground", children: U }),
+            /* @__PURE__ */ t(de, { className: "opacity-50", size: 10 })
           ]
         }
       ) }),
-      /* @__PURE__ */ t(ce, { style: { width: b }, className: v("p-0", q), children: /* @__PURE__ */ r(ne, { shouldFilter: !1, children: [
+      /* @__PURE__ */ t(le, { style: { width: b }, className: v("p-0", q), children: /* @__PURE__ */ r(ne, { shouldFilter: !1, children: [
         /* @__PURE__ */ r("div", { className: "relative border-b w-full", children: [
           /* @__PURE__ */ t(
             oe,
             {
-              placeholder: `Search ${typeof c == "string" ? c.toLowerCase() : "options"}...`,
+              placeholder: `Search ${typeof l == "string" ? l.toLowerCase() : "options"}...`,
               value: k,
               onValueChange: (s) => {
                 W(s);
               }
             }
           ),
-          x && n.length > 0 && /* @__PURE__ */ t("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center", children: /* @__PURE__ */ t(de, { className: "h-4 w-4 animate-spin" }) })
+          x && n.length > 0 && /* @__PURE__ */ t("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center", children: /* @__PURE__ */ t(me, { className: "h-4 w-4 animate-spin" }) })
         ] }),
         /* @__PURE__ */ r(re, { children: [
-          N && /* @__PURE__ */ t("div", { className: "p-4 text-destructive text-center", children: N }),
-          x && n.length === 0 && (M || /* @__PURE__ */ t(ue, {})),
-          !x && !N && n.length === 0 && (G || /* @__PURE__ */ t(ae, { children: J ?? `No ${typeof c == "string" ? c.toLowerCase() : "options"} found.` })),
+          N && /* @__PURE__ */ t("div", { className: "p-4 text-d-destructive text-center", children: N }),
+          x && n.length === 0 && (M || /* @__PURE__ */ t(he, {})),
+          !x && !N && n.length === 0 && (G || /* @__PURE__ */ t(ae, { children: J ?? `No ${typeof l == "string" ? l.toLowerCase() : "options"} found.` })),
           /* @__PURE__ */ t(F, { children: n.map((s) => /* @__PURE__ */ r(
             $,
             {
@@ -160,14 +160,14 @@ function Ee({
     ] })
   ] });
 }
-function ue() {
-  return /* @__PURE__ */ t(F, { children: [1, 2, 3].map((l) => /* @__PURE__ */ t($, { disabled: !0, children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2 w-full", children: [
-    /* @__PURE__ */ t("div", { className: "h-6 w-6 rounded-full animate-pulse bg-muted" }),
+function he() {
+  return /* @__PURE__ */ t(F, { children: [1, 2, 3].map((c) => /* @__PURE__ */ t($, { disabled: !0, children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2 w-full", children: [
+    /* @__PURE__ */ t("div", { className: "h-6 w-6 rounded-full animate-pulse bg-d-secondary" }),
     /* @__PURE__ */ r("div", { className: "flex flex-col flex-1 gap-1", children: [
-      /* @__PURE__ */ t("div", { className: "h-4 w-24 animate-pulse bg-muted rounded" }),
-      /* @__PURE__ */ t("div", { className: "h-3 w-16 animate-pulse bg-muted rounded" })
+      /* @__PURE__ */ t("div", { className: "h-4 w-24 animate-pulse bg-d-secondary rounded" }),
+      /* @__PURE__ */ t("div", { className: "h-3 w-16 animate-pulse bg-d-secondary rounded" })
     ] })
-  ] }) }, l)) });
+  ] }) }, c)) });
 }
 export {
   Ee as AsyncSelect

package/dist/components/ui/audio-visualizer.js

@@ -21,8 +21,8 @@ function F({
   isRecording: l,
   onClick: S
 }) {
-  const a = i(null), f = i(null), d = i(null), I = i(null), h = i(null), R = () => {
-    I.current && cancelAnimationFrame(I.current), f.current && f.current.close();
+  const a = i(null), d = i(null), f = i(null), I = i(null), h = i(null), R = () => {
+    I.current && cancelAnimationFrame(I.current), d.current && d.current.close();
   };
   w(() => R, []), w(() => {
     u && l ? C() : R();
@@ -38,9 +38,9 @@ function F({
   const C = async () => {
     try {
       const e = new AudioContext();
-      f.current = e;
+      d.current = e;
       const t = e.createAnalyser();
-      t.fftSize = c.FFT_SIZE, t.smoothingTimeConstant = c.SMOOTHING, d.current = t, e.createMediaStreamSource(u).connect(t), p();
+      t.fftSize = c.FFT_SIZE, t.smoothingTimeConstant = c.SMOOTHING, f.current = t, e.createMediaStreamSource(u).connect(t), p();
     } catch (e) {
       console.error("Error starting visualization:", e);
     }
@@ -52,10 +52,10 @@ function F({
   }, p = () => {
     if (!l) return;
     const e = a.current, t = e == null ? void 0 : e.getContext("2d");
-    if (!e || !t || !d.current) return;
+    if (!e || !t || !f.current) return;
     const n = window.devicePixelRatio || 1;
     t.scale(n, n);
-    const o = d.current, r = o.frequencyBinCount, s = new Uint8Array(r), A = () => {
+    const o = f.current, r = o.frequencyBinCount, s = new Uint8Array(r), A = () => {
       I.current = requestAnimationFrame(A), o.getByteFrequencyData(s), t.clearRect(0, 0, e.width / n, e.height / n);
       const T = Math.max(
         c.MIN_BAR_WIDTH,
@@ -83,7 +83,7 @@ function F({
     "div",
     {
       ref: h,
-      className: "h-full w-full cursor-pointer rounded-lg bg-background/80 backdrop-blur",
+      className: "h-full w-full cursor-pointer rounded-lg bg-d-background/80 backdrop-blur",
       onClick: S,
       children: /* @__PURE__ */ g("canvas", { ref: a, className: "h-full w-full" })
     }

package/dist/components/ui/avatar.js

@@ -18,7 +18,7 @@ function f({
     }
   );
 }
-function c({
+function u({
   className: a,
   ...e
 }) {
@@ -40,7 +40,7 @@ function m({
     {
       "data-slot": "avatar-fallback",
       className: r(
-        "bg-muted flex size-full items-center justify-center rounded-full",
+        "bg-d-secondary flex size-full items-center justify-center rounded-full",
         a
       ),
       ...e
@@ -50,5 +50,5 @@ function m({
 export {
   f as Avatar,
   m as AvatarFallback,
-  c as AvatarImage
+  u as AvatarImage
 };

package/dist/components/ui/badge.js

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { Root as o } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as n } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as s } from "../../lib/utils.js";
-const d = n(
-  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none 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 transition-[color,box-shadow] overflow-hidden",
+import { Root as d } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as o } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as n } from "../../lib/utils.js";
+const s = o(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none 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 transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+        default: "border-transparent bg-d-primary text-d-primary-foreground [a&]:hover:bg-d-primary/90",
+        secondary: "border-transparent bg-d-secondary text-d-secondary-foreground [a&]:hover:bg-d-secondary/90",
+        destructive: "border-transparent bg-d-destructive text-white [a&]:hover:bg-d-destructive/90 focus-visible:ring-d-destructive/20 dark:focus-visible:ring-d-destructive/40 dark:bg-d-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-d-accent [a&]:hover:text-d-accent-foreground"
       }
     },
     defaultVariants: {
@@ -26,15 +26,15 @@ function b({
   ...i
 }) {
   return /* @__PURE__ */ a(
-    t ? o : "span",
+    t ? d : "span",
     {
       "data-slot": "badge",
-      className: s(d({ variant: e }), r),
+      className: n(s({ variant: e }), r),
       ...i
     }
   );
 }
 export {
   b as Badge,
-  d as badgeVariants
+  s as badgeVariants
 };

package/dist/components/ui/breadcrumb.js

@@ -13,7 +13,7 @@ function g({ className: r, ...e }) {
     {
       "data-slot": "breadcrumb-list",
       className: t(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        "text-d-secondary-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
         r
       ),
       ...e

package/dist/components/ui/button.js

@@ -1,20 +1,20 @@
 "use client";
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import { Root as g } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as m } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as i } from "../../lib/utils.js";
-import { Icon as c } from "./icon.js";
-const v = m(
-  "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none 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",
+import { cva as p } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as o } from "../../lib/utils.js";
+import { Icon as u } from "./icon.js";
+const v = p(
+  "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none 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",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
+        default: "bg-d-primary text-d-primary-foreground shadow-xs hover:bg-d-primary/90",
+        destructive: "bg-d-destructive text-white shadow-xs hover:bg-d-destructive/90 focus-visible:ring-d-destructive/20 dark:focus-visible:ring-d-destructive/40 dark:bg-d-destructive/60",
+        outline: "border bg-d-background shadow-xs hover:bg-d-accent hover:text-d-accent-foreground dark:bg-d-input/30 dark:border-d-input dark:hover:bg-d-input/50",
+        secondary: "bg-d-secondary text-d-secondary-foreground shadow-xs hover:bg-d-secondary/80",
+        ghost: "hover:bg-d-accent hover:text-d-accent-foreground dark:hover:bg-d-accent/50",
+        link: "text-d-primary underline-offset-4 hover:underline"
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",
@@ -29,49 +29,52 @@ const v = m(
     }
   }
 );
-function y({
-  className: o,
-  variant: n,
+function k({
+  className: d,
+  variant: i,
   size: e,
-  asChild: s = !1,
-  iconLeft: a,
-  iconRight: d,
+  asChild: a = !1,
+  iconLeft: n,
+  iconRight: s,
+  isLoading: m = !1,
   ...t
 }) {
-  const u = s ? g : "button";
-  return s ? /* @__PURE__ */ r(
-    u,
+  const c = a ? g : "button";
+  return a ? /* @__PURE__ */ r(
+    c,
     {
       "data-slot": "button",
-      className: i(v({ variant: n, size: e, className: o })),
+      className: o(v({ variant: i, size: e, className: d })),
       ...t
     }
   ) : /* @__PURE__ */ l(
-    u,
+    c,
     {
       "data-slot": "button",
-      className: i(v({ variant: n, size: e, className: o }), "relative"),
+      className: o(v({ variant: i, size: e, className: d }), "relative"),
       ...t,
       children: [
         /* @__PURE__ */ r(
           "div",
           {
-            className: i(
+            className: o(
               "absolute inset-0",
-              // "bg-linear-to-r from-primary/50 via-primary/50 to-primary",
               "opacity-40 group-hover:opacity-80",
               "blur-[2.5px] transition-opacity duration-500"
             )
           }
         ),
-        a && /* @__PURE__ */ r(c, { name: a, size: e === "default" ? "md" : e === "sm" ? "xs" : "sm" }),
+        m ? /* @__PURE__ */ l("svg", { className: "animate-spin -ml-1 mr-1", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: e === "sm" ? 14 : e === "lg" ? 20 : 16, height: e === "sm" ? 14 : e === "lg" ? 20 : 16, children: [
+          /* @__PURE__ */ r("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+          /* @__PURE__ */ r("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+        ] }) : n && /* @__PURE__ */ r(u, { name: n, size: e === "default" ? "md" : e === "sm" ? "xs" : "sm" }),
         t.children,
-        d && /* @__PURE__ */ r(c, { name: d, size: e === "default" ? "md" : e === "sm" ? "xs" : "sm" })
+        s && /* @__PURE__ */ r(u, { name: s, size: e === "default" ? "md" : e === "sm" ? "xs" : "sm" })
       ]
     }
   );
 }
 export {
-  y as Button,
+  k as Button,
   v as buttonVariants
 };

package/dist/components/ui/calendar.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { DayPicker as l } from "../../node_modules/react-day-picker/dist/index.esm.js";
 import { cn as e } from "../../lib/utils.js";
-import { buttonVariants as d } from "./button.js";
+import { buttonVariants as o } from "./button.js";
 import c from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
 import m from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
 function h({
   className: n,
-  classNames: i,
-  showOutsideDays: s = !0,
-  ...o
+  classNames: s,
+  showOutsideDays: i = !0,
+  ...d
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ t(
     l,
     {
-      showOutsideDays: s,
+      showOutsideDays: i,
       className: e("p-3", n),
       classNames: {
         months: "flex flex-col sm:flex-row gap-2",
@@ -23,38 +23,38 @@ function h({
         caption_label: "text-sm font-medium",
         nav: "flex items-center gap-1",
         nav_button: e(
-          d({ variant: "outline" }),
+          o({ variant: "outline" }),
           "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
         ),
         nav_button_previous: "absolute left-1",
         nav_button_next: "absolute right-1",
         table: "w-full border-collapse space-x-1",
         head_row: "flex",
-        head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
+        head_cell: "text-d-secondary-foreground rounded-md w-8 font-normal text-[0.8rem]",
         row: "flex w-full mt-2",
         cell: e(
-          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",
-          o.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-d-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",
+          d.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
         ),
         day: e(
-          d({ variant: "ghost" }),
+          o({ variant: "ghost" }),
           "size-8 p-0 font-normal aria-selected:opacity-100"
         ),
-        day_range_start: "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
-        day_range_end: "day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",
-        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_range_start: "day-range-start aria-selected:bg-d-primary aria-selected:text-d-primary-foreground",
+        day_range_end: "day-range-end aria-selected:bg-d-primary aria-selected:text-d-primary-foreground",
+        day_selected: "bg-d-primary text-d-primary-foreground hover:bg-d-primary hover:text-d-primary-foreground focus:bg-d-primary focus:text-d-primary-foreground",
+        day_today: "bg-d-accent text-d-accent-foreground",
+        day_outside: "day-outside text-d-secondary-foreground aria-selected:text-d-secondary-foreground",
+        day_disabled: "text-d-secondary-foreground opacity-50",
+        day_range_middle: "aria-selected:bg-d-accent aria-selected:text-d-accent-foreground",
         day_hidden: "invisible",
-        ...i
+        ...s
       },
       components: {
-        IconLeft: ({ className: a, ...t }) => /* @__PURE__ */ r(m, { className: e("size-4", a), ...t }),
-        IconRight: ({ className: a, ...t }) => /* @__PURE__ */ r(c, { className: e("size-4", a), ...t })
+        IconLeft: ({ className: a, ...r }) => /* @__PURE__ */ t(m, { className: e("size-4", a), ...r }),
+        IconRight: ({ className: a, ...r }) => /* @__PURE__ */ t(c, { className: e("size-4", a), ...r })
       },
-      ...o
+      ...d
     }
   );
 }