@devalok/shilp-sutra 0.31.0 → 0.32.0

package/dist/ui/banner.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as e, jsxs as x } from "react/jsx-runtime";
-import { IconInfoCircle as t, IconAlertCircle as h, IconAlertTriangle as v, IconCircleCheck as w, IconX as I } from "@tabler/icons-react";
+import { IconInfoCircle as o, IconAlertCircle as h, IconAlertTriangle as v, IconCircleCheck as w, IconX as I } from "@tabler/icons-react";
 import * as r from "react";
 import { a as N } from "../_chunks/vendor-utils.js";
 import { cn as C } from "./lib/utils.js";
@@ -22,14 +22,14 @@ const B = N(
     defaultVariants: { color: "info" }
   }
 ), V = {
-  info: t,
+  info: o,
   success: w,
   warning: v,
   error: h,
-  neutral: t
+  neutral: o
 }, j = r.forwardRef(
-  ({ className: a, color: s = "info", action: c, actions: d, onDismiss: n, children: l, ...m }, f) => {
-    const o = d ?? c, u = V[s ?? "info"], [b, p] = r.useState(!0), g = r.useCallback(() => {
+  ({ className: a, color: s = "info", action: c, actions: l, onDismiss: n, children: d, ...m }, f) => {
+    const t = l ?? c, u = V[s ?? "info"], [b, p] = r.useState(!0), g = r.useCallback(() => {
       p(!1);
     }, []);
     return /* @__PURE__ */ e(A, { onExitComplete: n, children: b && /* @__PURE__ */ x(
@@ -44,8 +44,8 @@ const B = N(
         ...k(m),
         children: [
           /* @__PURE__ */ e(i, { icon: u, size: "md", className: "shrink-0" }),
-          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l }),
-          o && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-ds-02 [&_button]:transition-colors [&_button]:duration-moderate-01 [&_button]:ease-productive-standard [&_button:hover]:bg-current/10", children: o }),
+          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: d }),
+          t && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-ds-02 [&_button]:transition-colors [&_button]:duration-moderate-01 [&_button]:ease-productive-standard [&_button:hover]:bg-current/10", children: t }),
           n && /* @__PURE__ */ e(
             "button",
             {
@@ -53,6 +53,7 @@ const B = N(
               onClick: g,
               className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm transition-colors duration-moderate-01 ease-productive-standard hover:bg-current/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
               "aria-label": "Dismiss",
+              title: "Dismiss",
               children: /* @__PURE__ */ e(i, { icon: I, size: "sm" })
             }
           )

package/dist/ui/button.d.ts

@@ -2,8 +2,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "outline" | "default" | "solid" | "soft" | "ghost" | "destructive" | null | undefined;
-    color?: "default" | "accent" | "success" | "error" | "warning" | "neutral" | null | undefined;
+    variant?: "link" | "outline" | "solid" | "soft" | "ghost" | null | undefined;
+    color?: "accent" | "success" | "error" | "warning" | "neutral" | null | undefined;
     weight?: "normal" | "semibold" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "icon" | "compact-xs" | "compact-sm" | "compact-md" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,eAAO,MAAM,cAAc;;;;;8EAsG1B,CAAA;AAoDD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAClE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC1B,sEAAsE;IACtE,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACrC,qEAAqE;IACrE,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACnC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yFAAyF;IACzF,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC5C,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxE,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IAEvD,2EAA2E;IAC3E,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;IAExE,+FAA+F;IAC/F,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,QAAA,MAAM,MAAM,uFAkRX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,eAAO,MAAM,cAAc;;;;;8EAiF1B,CAAA;AAoDD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAClE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC1B,sEAAsE;IACtE,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACrC,qEAAqE;IACrE,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACnC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yFAAyF;IACzF,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC5C,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxE,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IAEvD,2EAA2E;IAC3E,eAAe,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;IAExE,+FAA+F;IAC/F,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,QAAA,MAAM,MAAM,uFAkRX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/ui/button.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as e, jsxs as j, Fragment as ue } from "react/jsx-runtime";
 import { a as ge } from "../_chunks/vendor-utils.js";
-import { IconCheck as ve, IconX as fe } from "@tabler/icons-react";
-import { S as be, i as he } from "../_chunks/primitives.js";
+import { IconCheck as fe, IconX as ve } from "@tabler/icons-react";
+import { S as pe, i as be } from "../_chunks/primitives.js";
 import * as t from "react";
-import { useButtonGroup as pe } from "./button-group.js";
+import { useButtonGroup as he } from "./button-group.js";
 import { Icon as xe } from "./icon.js";
 import { IconProvider as we } from "./icon-context.js";
 import { motionProps as Ne } from "./lib/motion.js";
@@ -21,19 +21,14 @@ const X = ge(
         soft: "",
         outline: "border",
         ghost: "",
-        link: "underline-offset-4 hover:underline active:opacity-80",
-        // Deprecated aliases
-        default: "",
-        destructive: ""
+        link: "underline-offset-4 hover:underline active:opacity-80"
       },
       color: {
         accent: "",
         error: "",
         success: "",
         warning: "",
-        neutral: "",
-        // Deprecated alias
-        default: ""
+        neutral: ""
       },
       weight: {
         semibold: "font-semibold",
@@ -85,22 +80,7 @@ const X = ge(
       { variant: "link", color: "error", className: "text-error-11" },
       { variant: "link", color: "success", className: "text-success-11" },
       { variant: "link", color: "warning", className: "text-warning-11" },
-      { variant: "link", color: "neutral", className: "text-surface-fg-muted" },
-      // ============ DEPRECATED ALIASES ============
-      // "default" variant → solid
-      { variant: "default", color: "accent", className: "bg-accent-9 text-accent-fg hover:bg-accent-10 shadow-raised hover:shadow-brand" },
-      { variant: "default", color: "error", className: "bg-error-9 text-error-fg hover:bg-error-10 shadow-raised" },
-      { variant: "default", color: "default", className: "bg-accent-9 text-accent-fg hover:bg-accent-10 shadow-raised hover:shadow-brand" },
-      // "destructive" → solid + error (ignores color prop)
-      { variant: "destructive", color: "accent", className: "bg-error-9 text-error-fg hover:bg-error-10 shadow-raised" },
-      { variant: "destructive", color: "error", className: "bg-error-9 text-error-fg hover:bg-error-10 shadow-raised" },
-      { variant: "destructive", color: "default", className: "bg-error-9 text-error-fg hover:bg-error-10 shadow-raised" },
-      // "default" color alias → accent
-      { variant: "solid", color: "default", className: "bg-accent-9 text-accent-fg hover:bg-accent-10 shadow-raised hover:shadow-brand" },
-      { variant: "soft", color: "default", className: "bg-accent-3 text-accent-11 hover:bg-accent-4 active:bg-accent-5" },
-      { variant: "outline", color: "default", className: "bg-transparent text-accent-11 border-accent-7 hover:bg-accent-3 active:bg-accent-4" },
-      { variant: "ghost", color: "default", className: "bg-transparent text-surface-fg-muted hover:bg-surface-raised-hover hover:text-surface-fg active:bg-surface-raised-active" },
-      { variant: "link", color: "default", className: "text-accent-11" }
+      { variant: "link", color: "neutral", className: "text-surface-fg-muted" }
     ],
     defaultVariants: {
       variant: "solid",
@@ -165,54 +145,54 @@ const X = ge(
     size: L,
     asChild: Q = !1,
     shape: Y,
-    startIcon: h,
-    endIcon: y,
+    startIcon: b,
+    endIcon: N,
     loading: D = !1,
-    loadingPosition: k = "start",
+    loadingPosition: y = "start",
     fullWidth: l = !1,
     disabled: I,
     onClick: W,
-    onClickAsync: S,
+    onClickAsync: k,
     asyncFeedbackDuration: ee = 1500,
     processing: m,
-    processingColor: re,
-    processingDisabled: R = !0,
+    processingColor: se,
+    processingDisabled: S = !0,
     children: O,
     ..._
   }, u) => {
-    const g = pe(), o = H ?? g.variant, p = J ?? g.color, F = K ?? g.weight ?? "semibold", x = Y ?? g.shape ?? "default", n = L ?? g.size ?? "md", V = ke(), P = t.useRef(null), G = t.useRef(null), z = t.useRef(void 0);
+    const g = he(), o = H ?? g.variant, R = J ?? g.color, F = K ?? g.weight ?? "semibold", h = Y ?? g.shape ?? "default", n = L ?? g.size ?? "md", V = ke(), P = t.useRef(null), G = t.useRef(null), z = t.useRef(void 0);
     t.useEffect(() => {
-      const r = G.current, N = P.current;
-      if (!(!r || !N || l || V))
+      const s = G.current, w = P.current;
+      if (!(!s || !w || l || V))
         return z.current = requestAnimationFrame(() => {
-          N.style.width = "auto";
-          const q = r.offsetWidth;
-          q > 0 && (N.getBoundingClientRect(), N.style.width = `${q}px`);
+          w.style.width = "auto";
+          const q = s.offsetWidth;
+          q > 0 && (w.getBoundingClientRect(), w.style.width = `${q}px`);
         }), () => {
           z.current && cancelAnimationFrame(z.current);
         };
     });
-    const [i, w] = t.useState("idle"), M = t.useRef(void 0), v = t.useRef(!0);
+    const [i, x] = t.useState("idle"), M = t.useRef(void 0), f = t.useRef(!0);
     t.useEffect(() => () => {
-      v.current = !1, clearTimeout(M.current);
+      f.current = !1, clearTimeout(M.current);
     }, []);
-    const se = (r) => {
-      !S || i !== "idle" || (w("loading"), S(r).then(() => {
-        v.current && w("success");
+    const re = (s) => {
+      !k || i !== "idle" || (x("loading"), k(s).then(() => {
+        f.current && x("success");
       }).catch(() => {
-        v.current && w("error");
+        f.current && x("error");
       }).finally(() => {
-        v.current && (M.current = setTimeout(() => {
-          v.current && w("idle");
+        f.current && (M.current = setTimeout(() => {
+          f.current && x("idle");
         }, ee));
       }));
-    }, C = !!S, a = C ? i === "loading" : D, s = i === "success" || i === "error", U = s ? void 0 : m === !0 ? "working" : m === !1 || !m ? C && i === "loading" && !m ? "working" : void 0 : m, d = !!U, te = re ?? (p === "default" ? "accent" : p) ?? "accent";
+    }, C = !!k, a = C ? i === "loading" : D, r = i === "success" || i === "error", U = r ? void 0 : m === !0 ? "working" : m === !1 || !m ? C && i === "loading" && !m ? "working" : void 0 : m, d = !!U, te = se ?? R ?? "accent";
     if (Q) {
-      const r = {
+      const s = {
         className: c(
-          X({ variant: o, color: p, weight: F, size: n }),
-          x === "pill" && "rounded-full",
-          x === "pill" && $[n],
+          X({ variant: o, color: R, weight: F, size: n }),
+          h === "pill" && "rounded-full",
+          h === "pill" && $[n],
           l && "w-full",
           B
         ),
@@ -221,51 +201,51 @@ const X = ge(
         "aria-busy": a || void 0,
         ..._
       };
-      return /* @__PURE__ */ e(be, { ...r, children: /* @__PURE__ */ e(he, { children: O }) });
+      return /* @__PURE__ */ e(pe, { ...s, children: /* @__PURE__ */ e(be, { children: O }) });
     }
-    const f = Re[n] ?? { start: "", end: "" }, Z = o === "solid" || o === "soft" || o === "outline", ae = () => a && k === "start" ? /* @__PURE__ */ e("span", { className: c("inline-flex shrink-0 items-center justify-center", h && f.start), children: /* @__PURE__ */ e(T, { size: A[n], variant: "bare" }) }) : h ? /* @__PURE__ */ e("span", { className: c("inline-flex shrink-0 items-center justify-center pointer-events-none", f.start, Z && "opacity-90"), children: h }) : null, ne = () => a && k === "end" ? /* @__PURE__ */ e("span", { className: c("inline-flex shrink-0 items-center justify-center", y && f.end), children: /* @__PURE__ */ e(T, { size: A[n], variant: "bare" }) }) : y ? /* @__PURE__ */ e("span", { className: c("inline-flex shrink-0 items-center justify-center pointer-events-none", f.end, Z && "opacity-90"), children: y }) : null, oe = t.Children.toArray(O), E = [], b = [];
-    oe.forEach((r) => {
-      t.isValidElement(r) && r.type?.displayName === "DevalokGrain" ? E.push(r) : b.push(r);
+    const v = Re[n] ?? { start: "", end: "" }, Z = o === "solid" || o === "soft" || o === "outline", ae = () => a && y === "start" ? /* @__PURE__ */ e("span", { className: c("inline-flex shrink-0 items-center justify-center", b && v.start), children: /* @__PURE__ */ e(T, { size: A[n], variant: "bare" }) }) : b ? /* @__PURE__ */ e("span", { className: c("inline-flex shrink-0 items-center justify-center pointer-events-none", v.start, Z && "opacity-90"), children: b }) : null, ne = () => a && y === "end" ? /* @__PURE__ */ e("span", { className: c("inline-flex shrink-0 items-center justify-center", N && v.end), children: /* @__PURE__ */ e(T, { size: A[n], variant: "bare" }) }) : N ? /* @__PURE__ */ e("span", { className: c("inline-flex shrink-0 items-center justify-center pointer-events-none", v.end, Z && "opacity-90"), children: N }) : null, oe = t.Children.toArray(O), E = [], p = [];
+    oe.forEach((s) => {
+      t.isValidElement(s) && s.type?.displayName === "DevalokGrain" ? E.push(s) : p.push(s);
     });
-    const ce = () => a && k === "center" ? /* @__PURE__ */ j("span", { className: "relative inline-flex items-center justify-center", children: [
-      /* @__PURE__ */ e("span", { className: "invisible", children: b }),
+    const ce = () => a && y === "center" ? /* @__PURE__ */ j("span", { className: "relative inline-flex items-center justify-center", children: [
+      /* @__PURE__ */ e("span", { className: "invisible", children: p }),
       /* @__PURE__ */ e("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(T, { size: A[n], variant: "bare" }) })
-    ] }) : E.length > 0 ? /* @__PURE__ */ e("span", { children: b }) : /* @__PURE__ */ e(ue, { children: b }), ie = s ? i === "success" ? "bg-success-9 text-accent-fg border-transparent hover:bg-success-9" : "bg-error-9 text-accent-fg border-transparent hover:bg-error-9" : void 0, de = s ? /* @__PURE__ */ e("span", { className: c("inline-flex shrink-0 items-center justify-center pointer-events-none", h && f.start), children: /* @__PURE__ */ e(xe, { icon: i === "success" ? ve : fe, animate: "draw" }) }) : null, le = ze[n] ?? "md", me = /* @__PURE__ */ j(
+    ] }) : E.length > 0 ? /* @__PURE__ */ e("span", { children: p }) : /* @__PURE__ */ e(ue, { children: p }), ie = r ? i === "success" ? "bg-success-9 text-accent-fg border-transparent hover:bg-success-9" : "bg-error-9 text-accent-fg border-transparent hover:bg-error-9" : void 0, de = r ? /* @__PURE__ */ e("span", { className: c("inline-flex shrink-0 items-center justify-center pointer-events-none", b && v.start), children: /* @__PURE__ */ e(xe, { icon: i === "success" ? fe : ve, animate: "draw" }) }) : null, le = ze[n] ?? "md", me = /* @__PURE__ */ j(
       Se.button,
       {
         ...Ne(_),
         className: c(
           X({
             // When processing (and not showing async feedback), force soft variant so ants pop
-            variant: d && !s && o !== "ghost" && o !== "outline" && o !== "link" ? "soft" : o,
-            color: p,
+            variant: d && !r && o !== "ghost" && o !== "outline" && o !== "link" ? "soft" : o,
+            color: R,
             weight: F,
             size: n
           }),
-          x === "pill" && "rounded-full",
-          x === "pill" && $[n],
+          h === "pill" && "rounded-full",
+          h === "pill" && $[n],
           l && "w-full",
           // Asymmetric timing: hover-out is slow+relaxed, hover-in is fast+snappy (applied via hover: override)
-          !a && !s && "transition-[color,background-color,border-color,box-shadow,transform,filter] duration-moderate-01 ease-productive-exit",
-          !a && !s && "hover:duration-fast-02 hover:ease-productive-entrance",
-          !a && !s && "active:scale-[0.95] active:brightness-[0.92] active:saturate-[1.1] active:duration-[0ms]",
+          !a && !r && "transition-[color,background-color,border-color,box-shadow,transform,filter] duration-moderate-01 ease-productive-exit",
+          !a && !r && "hover:duration-fast-02 hover:ease-productive-entrance",
+          !a && !r && "active:scale-[0.95] active:brightness-[0.92] active:saturate-[1.1] active:duration-[0ms]",
           ie,
-          s && "transition-colors duration-moderate-01 ease-productive-standard",
-          d && R && "pointer-events-none cursor-default",
+          r && "transition-colors duration-moderate-01 ease-productive-standard",
+          d && S && "pointer-events-none cursor-default",
           B
         ),
-        ref: (r) => {
-          G.current = r, typeof u == "function" ? u(r) : u && (u.current = r);
+        ref: (s) => {
+          G.current = s, typeof u == "function" ? u(s) : u && (u.current = s);
         },
         disabled: I || a && !d,
         "aria-busy": a || d || void 0,
-        "aria-disabled": d && R || void 0,
-        onClick: C ? se : d && R ? void 0 : W,
+        "aria-disabled": d && S || void 0,
+        onClick: C ? re : d && S ? void 0 : W,
         children: [
           E,
-          s ? de : ae(),
-          s ? b : ce(),
-          s ? null : ne()
+          r ? de : ae(),
+          r ? p : ce(),
+          r ? null : ne()
         ]
       }
     );

package/dist/ui/card.js

@@ -56,28 +56,28 @@ function T(e, r) {
 function j(e) {
   return S[e] ?? e;
 }
-const k = s.forwardRef(
-  ({ className: e, variant: r, color: o, size: t, interactive: c, accent: i, accentColor: g = "default", accentWidth: h = 3, children: b, ...l }, p) => {
+const A = s.forwardRef(
+  ({ className: e, variant: r, color: o, size: t, interactive: i, accent: c, accentColor: g = "default", accentWidth: b = 3, children: h, ...l }, p) => {
     const v = t ?? "md", f = d(
       R({ variant: r, color: o, size: t }),
-      i && "relative overflow-hidden",
-      c && "hover:shadow-raised-hover hover:border-surface-border-strong cursor-pointer transition-shadow duration-fast-02 ease-productive-standard",
+      c && "relative overflow-hidden",
+      i && "hover:shadow-raised-hover hover:border-surface-border-strong cursor-pointer transition-shadow duration-fast-02 ease-productive-standard",
       e
-    ), x = i ? /* @__PURE__ */ a(
+    ), x = c ? /* @__PURE__ */ a(
       u.span,
       {
         "aria-hidden": "true",
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         transition: y.fade,
-        className: d("absolute pointer-events-none", T(i, h)),
-        style: { backgroundColor: j(g) }
+        className: d("absolute pointer-events-none bg-[var(--card-accent-bg)]", T(c, b)),
+        style: { "--card-accent-bg": j(g) }
       }
     ) : null, m = /* @__PURE__ */ w(n.Provider, { value: v, children: [
       x,
-      b
+      h
     ] });
-    return c ? /* @__PURE__ */ a(
+    return i ? /* @__PURE__ */ a(
       u.div,
       {
         ref: p,
@@ -91,24 +91,24 @@ const k = s.forwardRef(
     ) : /* @__PURE__ */ a("div", { ref: p, className: f, ...l, children: m });
   }
 );
-k.displayName = "Card";
-const A = {
+A.displayName = "Card";
+const D = {
   sm: "p-ds-05",
   md: "p-ds-06",
   lg: "p-ds-07"
-}, D = s.forwardRef(({ className: e, ...r }, o) => {
+}, F = s.forwardRef(({ className: e, ...r }, o) => {
   const t = s.useContext(n);
   return /* @__PURE__ */ a(
     "div",
     {
       ref: o,
-      className: d("flex flex-col space-y-ds-02b", A[t], e),
+      className: d("flex flex-col space-y-ds-02b", D[t], e),
       ...r
     }
   );
 });
-D.displayName = "CardHeader";
-const F = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
+F.displayName = "CardHeader";
+const V = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
   "div",
   {
     ref: o,
@@ -116,8 +116,8 @@ const F = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
     ...r
   }
 ));
-F.displayName = "CardTitle";
-const V = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
+V.displayName = "CardTitle";
+const $ = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
   "div",
   {
     ref: o,
@@ -125,14 +125,14 @@ const V = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
     ...r
   }
 ));
-V.displayName = "CardDescription";
-const $ = {
+$.displayName = "CardDescription";
+const k = {
   sm: "p-ds-05 pt-0",
   md: "p-ds-06 pt-0",
   lg: "p-ds-07 pt-0"
 }, E = s.forwardRef(({ className: e, ...r }, o) => {
   const t = s.useContext(n);
-  return /* @__PURE__ */ a("div", { ref: o, className: d($[t], e), ...r });
+  return /* @__PURE__ */ a("div", { ref: o, className: d(k[t], e), ...r });
 });
 E.displayName = "CardContent";
 const M = {
@@ -152,11 +152,11 @@ const M = {
 });
 q.displayName = "CardFooter";
 export {
-  k as Card,
+  A as Card,
   E as CardContent,
-  V as CardDescription,
+  $ as CardDescription,
   q as CardFooter,
-  D as CardHeader,
-  F as CardTitle,
+  F as CardHeader,
+  V as CardTitle,
   R as cardVariants
 };

package/dist/ui/charts/area-chart.d.ts

@@ -32,6 +32,8 @@ export interface AreaChartProps extends Omit<React.HTMLAttributes<HTMLDivElement
     xLabel?: string;
     /** Y-axis label */
     yLabel?: string;
+    /** Accessible label for the chart */
+    ariaLabel?: string;
     className?: string;
 }
 export declare const AreaChart: React.ForwardRefExoticComponent<AreaChartProps & React.RefAttributes<HTMLDivElement>>;

package/dist/ui/charts/area-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/area-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsB9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,gDAAgD;IAChD,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAOD,eAAO,MAAM,SAAS,uFAmWrB,CAAA"}
+{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/area-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsB9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,gDAAgD;IAChD,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAOD,eAAO,MAAM,SAAS,uFAoWrB,CAAA"}

package/dist/ui/charts/bar-chart.d.ts

@@ -34,6 +34,8 @@ export interface BarChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     yLabel?: string;
     /** Series labels (for legend) */
     seriesLabels?: string[];
+    /** Accessible label for the chart */
+    ariaLabel?: string;
     className?: string;
 }
 export declare const BarChart: React.ForwardRefExoticComponent<BarChartProps & React.RefAttributes<HTMLDivElement>>;

package/dist/ui/charts/bar-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/bar-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACrG,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,iFAAiF;IACjF,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACvB,sBAAsB;IACtB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACvC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;IACrD,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,QAAQ,sFAwOpB,CAAA"}
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/bar-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACrG,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,iFAAiF;IACjF,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACvB,sBAAsB;IACtB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACvC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;IACrD,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,QAAQ,sFAyOpB,CAAA"}

package/dist/ui/charts/chart-container.d.ts

@@ -7,6 +7,8 @@ export interface ChartContainerProps extends Omit<React.HTMLAttributes<HTMLDivEl
     /** Chart margins */
     margin?: Partial<ChartMargin>;
     className?: string;
+    /** Accessible label for the chart SVG */
+    ariaLabel?: string;
     /** Render function receiving inner dimensions (width/height minus margins) */
     children: (dimensions: {
         width: number;

package/dist/ui/charts/chart-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-container.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/chart-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAGpD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjG,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,UAAU,EAAE;QACrB,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,WAAW,CAAA;KACpB,KAAK,KAAK,CAAC,SAAS,CAAA;CACtB;AAED,eAAO,MAAM,cAAc,4FAiD1B,CAAA"}
+{"version":3,"file":"chart-container.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/chart-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAGpD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjG,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,UAAU,EAAE;QACrB,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,WAAW,CAAA;KACpB,KAAK,KAAK,CAAC,SAAS,CAAA;CACtB;AAED,eAAO,MAAM,cAAc,4FAkD1B,CAAA"}