@devalok/shilp-sutra 0.30.0 → 0.32.0

package/dist/ui/autocomplete.js

@@ -1,28 +1,28 @@
 "use client";
-import { jsxs as T, jsx as d } from "react/jsx-runtime";
+import { jsxs as j, jsx as d } from "react/jsx-runtime";
 import * as t from "react";
 import { cn as p } from "./lib/utils.js";
-import { tweens as j, springs as L } from "./lib/motion.js";
-import { A as P, m as y } from "../_chunks/framer.js";
-const q = {
+import { tweens as L, springs as P } from "./lib/motion.js";
+import { A as q, m as v } from "../_chunks/framer.js";
+const z = {
   hidden: {},
   visible: { transition: { staggerChildren: 0.03 } }
-}, z = {
+}, B = {
   hidden: { opacity: 0, y: 4 },
-  visible: { opacity: 1, y: 0, transition: L.snappy }
-}, B = t.forwardRef(
+  visible: { opacity: 1, y: 0, transition: P.snappy }
+}, F = t.forwardRef(
   ({
     options: b,
     value: u,
     onValueChange: g,
     placeholder: I,
     emptyText: R = "No options",
-    disabled: x,
+    disabled: y,
     className: A,
     id: C,
     ...E
   }, i) => {
-    const N = t.useId(), w = C || N, k = `${w}-listbox`, D = `${w}-option`, [f, h] = t.useState(u?.label ?? ""), [l, a] = t.useState(!1), [s, o] = t.useState(-1), $ = t.useRef(null), M = t.useRef(null), v = t.useRef(void 0), S = t.useCallback(
+    const N = t.useId(), x = C || N, w = `${x}-listbox`, k = `${x}-option`, [f, h] = t.useState(u?.label ?? ""), [l, r] = t.useState(!1), [s, o] = t.useState(-1), $ = t.useRef(null), M = t.useRef(null), D = t.useRef(null), S = t.useCallback(
       (e) => {
         $.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
       },
@@ -31,40 +31,39 @@ const q = {
     t.useEffect(() => {
       h(u?.label ?? "");
     }, [u]), t.useEffect(() => () => {
-      v.current && clearTimeout(v.current);
     }, []);
     const n = t.useMemo(
       () => f ? b.filter((e) => e.label.toLowerCase().includes(f.toLowerCase())) : b,
       [b, f]
     ), m = t.useCallback(
       (e) => {
-        h(e.label), a(!1), o(-1), g?.(e);
+        h(e.label), r(!1), o(-1), g?.(e);
       },
       [g]
     ), K = t.useCallback(
       (e) => {
         if (!l) {
-          (e.key === "ArrowDown" || e.key === "Enter") && a(!0);
+          (e.key === "ArrowDown" || e.key === "Enter") && r(!0);
           return;
         }
         switch (e.key) {
           case "ArrowDown":
-            e.preventDefault(), o((r) => Math.min(r + 1, n.length - 1));
+            e.preventDefault(), o((a) => Math.min(a + 1, n.length - 1));
             break;
           case "ArrowUp":
-            e.preventDefault(), o((r) => Math.max(r - 1, 0));
+            e.preventDefault(), o((a) => Math.max(a - 1, 0));
             break;
           case "Enter":
             e.preventDefault(), s >= 0 && n[s] && m(n[s]);
             break;
           case "Escape":
-            a(!1), o(-1);
+            r(!1), o(-1);
             break;
         }
       },
       [l, n, s, m]
-    ), O = s >= 0 ? `${D}-${s}` : void 0;
-    return /* @__PURE__ */ T("div", { className: p("relative", A), ...E, children: [
+    ), O = s >= 0 ? `${k}-${s}` : void 0;
+    return /* @__PURE__ */ j("div", { ref: D, className: p("relative", A), ...E, children: [
       /* @__PURE__ */ d(
         "input",
         {
@@ -73,60 +72,60 @@ const q = {
           role: "combobox",
           "aria-expanded": l,
           "aria-autocomplete": "list",
-          "aria-controls": l ? k : void 0,
+          "aria-controls": l ? w : void 0,
           "aria-activedescendant": O,
           value: f,
           placeholder: I,
-          disabled: x,
+          disabled: y,
           className: p(
             "flex h-ds-md w-full rounded-ds-md border border-surface-border-strong bg-surface-raised-hover px-ds-04 py-ds-03 font-sans text-ds-md text-surface-fg placeholder:text-surface-fg-subtle",
             "outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-[var(--border-focus-offset)]",
             "transition-colors duration-fast-01",
-            x && "opacity-action-disabled cursor-not-allowed"
+            y && "opacity-action-disabled cursor-not-allowed"
           ),
           onChange: (e) => {
-            h(e.target.value), a(!0), o(-1);
+            h(e.target.value), r(!0), o(-1);
           },
-          onFocus: () => a(!0),
-          onBlur: () => {
-            v.current = setTimeout(() => a(!1), 150);
+          onFocus: () => r(!0),
+          onBlur: (e) => {
+            D.current?.contains(e.relatedTarget) || r(!1);
           },
           onKeyDown: K
         }
       ),
-      /* @__PURE__ */ d(P, { children: l && /* @__PURE__ */ d(
-        y.ul,
+      /* @__PURE__ */ d(q, { children: l && /* @__PURE__ */ d(
+        v.ul,
         {
-          id: k,
+          id: w,
           ref: M,
           role: "listbox",
           initial: "hidden",
           animate: "visible",
           exit: "hidden",
-          variants: q,
+          variants: z,
           className: p(
             "absolute z-popover mt-ds-02 w-full overflow-auto rounded-ds-md border border-surface-border-strong bg-surface-overlay shadow-raised-hover",
             "max-h-60"
           ),
           children: n.length === 0 ? /* @__PURE__ */ d(
-            y.li,
+            v.li,
             {
               initial: { opacity: 0 },
               animate: { opacity: 1 },
-              transition: j.fade,
+              transition: L.fade,
               className: "px-ds-04 py-ds-03 text-ds-md text-surface-fg-muted",
               children: R
             }
-          ) : n.map((e, r) => /* @__PURE__ */ d(
-            y.li,
+          ) : n.map((e, a) => /* @__PURE__ */ d(
+            v.li,
             {
-              id: `${D}-${r}`,
+              id: `${k}-${a}`,
               role: "option",
-              "aria-selected": s === r,
-              variants: z,
+              "aria-selected": s === a,
+              variants: B,
               className: p(
                 "cursor-pointer px-ds-04 py-ds-03 text-ds-md text-surface-fg transition-colors duration-fast-01",
-                s === r && "bg-accent-3",
+                s === a && "bg-accent-3",
                 u?.value === e.value && "font-semibold"
               ),
               onMouseDown: (c) => c.preventDefault(),
@@ -134,7 +133,7 @@ const q = {
               onKeyDown: (c) => {
                 (c.key === "Enter" || c.key === " ") && (c.preventDefault(), m(e));
               },
-              onMouseEnter: () => o(r),
+              onMouseEnter: () => o(a),
               children: e.label
             },
             e.value
@@ -144,7 +143,7 @@ const q = {
     ] });
   }
 );
-B.displayName = "Autocomplete";
+F.displayName = "Autocomplete";
 export {
-  B as Autocomplete
+  F as Autocomplete
 };

package/dist/ui/badge.d.ts

@@ -3,9 +3,109 @@ import { VariantProps } from 'class-variance-authority';
 import { BadgeIndicator } from './badge-indicator';
 import { BadgeGroup } from './badge-group';
 import * as React from 'react';
+declare const colorMap: {
+    readonly default: {
+        readonly bg: "bg-surface-raised-hover";
+        readonly fg: "text-surface-fg-muted";
+        readonly border: "border-surface-border-strong";
+        readonly solid: "bg-neutral-5";
+        readonly solidFg: "text-surface-fg";
+    };
+    readonly accent: {
+        readonly bg: "bg-accent-3";
+        readonly fg: "text-accent-11";
+        readonly border: "border-accent-7";
+        readonly solid: "bg-accent-9";
+        readonly solidFg: "text-accent-fg";
+    };
+    readonly error: {
+        readonly bg: "bg-error-3";
+        readonly fg: "text-error-11";
+        readonly border: "border-error-7";
+        readonly solid: "bg-error-9";
+        readonly solidFg: "text-error-fg";
+    };
+    readonly success: {
+        readonly bg: "bg-success-3";
+        readonly fg: "text-success-11";
+        readonly border: "border-success-7";
+        readonly solid: "bg-success-9";
+        readonly solidFg: "text-success-fg";
+    };
+    readonly warning: {
+        readonly bg: "bg-warning-3";
+        readonly fg: "text-warning-11";
+        readonly border: "border-warning-7";
+        readonly solid: "bg-warning-9";
+        readonly solidFg: "text-warning-fg";
+    };
+    readonly info: {
+        readonly bg: "bg-info-3";
+        readonly fg: "text-info-11";
+        readonly border: "border-info-7";
+        readonly solid: "bg-info-9";
+        readonly solidFg: "text-info-fg";
+    };
+    readonly neutral: {
+        readonly bg: "bg-surface-raised-hover";
+        readonly fg: "text-surface-fg-muted";
+        readonly border: "border-surface-border-strong";
+        readonly solid: "bg-neutral-5";
+        readonly solidFg: "text-surface-fg";
+    };
+    readonly teal: {
+        readonly bg: "bg-category-teal-3";
+        readonly fg: "text-category-teal-11";
+        readonly border: "border-category-teal-7";
+        readonly solid: "bg-category-teal-9";
+        readonly solidFg: "text-white";
+    };
+    readonly amber: {
+        readonly bg: "bg-category-amber-3";
+        readonly fg: "text-category-amber-11";
+        readonly border: "border-category-amber-7";
+        readonly solid: "bg-category-amber-9";
+        readonly solidFg: "text-white";
+    };
+    readonly slate: {
+        readonly bg: "bg-category-slate-3";
+        readonly fg: "text-category-slate-11";
+        readonly border: "border-category-slate-7";
+        readonly solid: "bg-category-slate-9";
+        readonly solidFg: "text-white";
+    };
+    readonly indigo: {
+        readonly bg: "bg-category-indigo-3";
+        readonly fg: "text-category-indigo-11";
+        readonly border: "border-category-indigo-7";
+        readonly solid: "bg-category-indigo-9";
+        readonly solidFg: "text-white";
+    };
+    readonly cyan: {
+        readonly bg: "bg-category-cyan-3";
+        readonly fg: "text-category-cyan-11";
+        readonly border: "border-category-cyan-7";
+        readonly solid: "bg-category-cyan-9";
+        readonly solidFg: "text-white";
+    };
+    readonly orange: {
+        readonly bg: "bg-category-orange-3";
+        readonly fg: "text-category-orange-11";
+        readonly border: "border-category-orange-7";
+        readonly solid: "bg-category-orange-9";
+        readonly solidFg: "text-white";
+    };
+    readonly emerald: {
+        readonly bg: "bg-category-emerald-3";
+        readonly fg: "text-category-emerald-11";
+        readonly border: "border-category-emerald-7";
+        readonly solid: "bg-category-emerald-9";
+        readonly solidFg: "text-white";
+    };
+};
+type BadgeColor = keyof typeof colorMap | 'custom';
 declare const badgeVariants: (props?: ({
     variant?: "outline" | "solid" | "subtle" | "soft" | null | undefined;
-    color?: "default" | "accent" | "success" | "error" | "custom" | "cyan" | "indigo" | "orange" | "teal" | "info" | "warning" | "neutral" | "amber" | "slate" | "emerald" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
@@ -32,6 +132,8 @@ declare const badgeVariants: (props?: ({
  * </Badge>
  */
 interface BadgeProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, VariantProps<typeof badgeVariants> {
+    /** Semantic intent or category color. Use `"custom"` with `--badge-color` CSS variable. */
+    color?: BadgeColor;
     asChild?: boolean;
     startIcon?: React.ReactElement | null;
     endIcon?: React.ReactElement | null;
@@ -40,11 +142,17 @@ interface BadgeProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, V
     selected?: boolean;
     disabled?: boolean;
     maxWidth?: number;
+    /**
+     * Truncate children with ellipsis when they overflow the badge width.
+     * Use with a fixed width (e.g. `className="w-20"`) or `maxWidth` for
+     * constrained pill badges. Always adds a title tooltip on the full text.
+     */
+    truncate?: boolean;
     circle?: boolean;
 }
 declare const BadgeCompound: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>> & {
     Indicator: typeof BadgeIndicator;
     Group: typeof BadgeGroup;
 };
-export { BadgeCompound as Badge, badgeVariants, type BadgeProps };
+export { BadgeCompound as Badge, badgeVariants, type BadgeProps, type BadgeColor };
 //# sourceMappingURL=badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,aAAa;;;;8EAyGlB,CAAA;AA0BD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EACtD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACnC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AA6LD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,QAAA,MAAM,aAAa;;;CAGjB,CAAA;AAEF,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,CAAA"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAeJ,CAAA;AAEV,KAAK,UAAU,GAAG,MAAM,OAAO,QAAQ,GAAG,QAAQ,CAAA;AAclD,QAAA,MAAM,aAAa;;;8EAsBlB,CAAA;AA0BD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EACtD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,2FAA2F;IAC3F,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACnC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAgMD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,QAAA,MAAM,aAAa;;;CAGjB,CAAA;AAEF,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../src/ui/banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,cAAc;;8EAmBnB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,wCAAwC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,iGAAiG;IACjG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,MAAM,oFA0CX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../src/ui/banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,cAAc;;8EAmBnB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,wCAAwC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,iGAAiG;IACjG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,MAAM,oFA2CX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

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()
         ]
       }
     );