@devalok/shilp-sutra 0.31.0 → 0.33.0

package/dist/ui/slider.js

@@ -1,28 +1,28 @@
 "use client";
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import * as f from "react";
-import { aE as r, aF as m, aG as b, aH as u } from "../_chunks/primitives.js";
-import { cn as h } from "./lib/utils.js";
-const v = f.forwardRef(({ className: i, "aria-label": l, value: a, defaultValue: o, ...n }, t) => {
-  const s = (a ?? o ?? [0]).length;
+import { aD as s, aE as b, aF as u, aG as h } from "../_chunks/primitives.js";
+import { cn as m } from "./lib/utils.js";
+const v = f.forwardRef(({ className: i, "aria-label": l, value: a, defaultValue: o, ...t }, n) => {
+  const r = (a ?? o ?? [0]).length;
   return /* @__PURE__ */ d(
-    r,
+    s,
     {
-      ref: t,
+      ref: n,
       value: a,
       defaultValue: o,
-      className: h(
+      className: m(
         "relative flex w-full touch-none select-none items-center",
         i
       ),
-      ...n,
+      ...t,
       children: [
-        /* @__PURE__ */ e(m, { className: "relative h-ds-02b w-full grow overflow-hidden rounded-ds-full bg-surface-raised-hover", children: /* @__PURE__ */ e(b, { className: "absolute h-full bg-accent-9" }) }),
-        Array.from({ length: s }, (g, c) => /* @__PURE__ */ e(
-          u,
+        /* @__PURE__ */ e(b, { className: "relative h-ds-02b w-full grow overflow-hidden rounded-ds-full bg-surface-raised-hover", children: /* @__PURE__ */ e(u, { className: "absolute h-full bg-accent-9" }) }),
+        Array.from({ length: r }, (g, c) => /* @__PURE__ */ e(
+          h,
           {
-            "aria-label": s === 1 ? l : void 0,
-            className: "block h-ico-sm w-ico-sm rounded-ds-full border-2 border-accent-7 bg-surface-overlay shadow-raised transition-[color,transform,box-shadow] duration-fast-02 ease-productive-standard hover:scale-110 hover:shadow-raised-hover active:scale-[1.15] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled"
+            "aria-label": r === 1 ? l : void 0,
+            className: "touch-target block h-6 w-6 rounded-ds-full border-2 border-accent-7 bg-surface-overlay shadow-raised transition-[color,transform,box-shadow] duration-fast-02 ease-productive-standard hover:scale-110 hover:shadow-raised-hover active:scale-[1.15] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled"
           },
           c
         ))
@@ -30,7 +30,7 @@ const v = f.forwardRef(({ className: i, "aria-label": l, value: a, defaultValue:
     }
   );
 });
-v.displayName = r.displayName;
+v.displayName = s.displayName;
 export {
   v as Slider
 };

package/dist/ui/split-button.d.ts

@@ -0,0 +1,45 @@
+"use client";
+import { Placement } from '@floating-ui/dom';
+import { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from './button';
+import * as React from 'react';
+type SplitButtonVariant = 'solid' | 'soft' | 'outline';
+type SplitButtonColor = NonNullable<VariantProps<typeof buttonVariants>['color']>;
+type SplitButtonSize = 'xs' | 'sm' | 'md' | 'icon-xs' | 'icon-sm' | 'icon-md';
+export interface SplitButtonProps {
+    /** Primary action content (left side). */
+    children: React.ReactNode;
+    /** Primary click handler (left side). */
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Content rendered inside the floating dropdown panel. */
+    dropdownContent?: React.ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Called when open state changes. Uncontrolled if omitted. */
+    onOpenChange?: (open: boolean) => void;
+    /** @default 'solid' */
+    variant?: SplitButtonVariant;
+    /** @default 'accent' */
+    color?: SplitButtonColor;
+    /** @default 'md' */
+    size?: SplitButtonSize;
+    /** Disable both halves. */
+    disabled?: boolean;
+    /** aria-label for the primary button. */
+    'aria-label'?: string;
+    /** aria-label for the dropdown trigger. @default 'More options' */
+    dropdownLabel?: string;
+    /** Custom icon for the dropdown trigger. Defaults to chevron-down. */
+    dropdownIcon?: React.ReactNode;
+    /** Which side the dropdown trigger sits on. @default 'right' */
+    triggerSide?: 'left' | 'right';
+    /** Preferred placement for the dropdown panel. @default 'top-end' */
+    placement?: Placement;
+    /** Width of the trigger (chevron) half. @default 'auto' */
+    triggerWidth?: number | string;
+    className?: string;
+}
+declare const SplitButton: React.ForwardRefExoticComponent<SplitButtonProps & React.RefAttributes<HTMLDivElement>>;
+export { SplitButton };
+export type { SplitButtonVariant, SplitButtonColor, SplitButtonSize };
+//# sourceMappingURL=split-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.d.ts","sourceRoot":"","sources":["../../src/ui/split-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEnG,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAKzC,KAAK,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AACtD,KAAK,gBAAgB,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;AACjF,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE7E,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,yCAAyC;IACzC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACzD,2DAA2D;IAC3D,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,+DAA+D;IAC/D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,uBAAuB;IACvB,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,wBAAwB;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,oBAAoB;IACpB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,sEAAsE;IACtE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC9B,qEAAqE;IACrE,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA2FD,QAAA,MAAM,WAAW,yFAuNhB,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAA"}

package/dist/ui/split-button.js

@@ -0,0 +1,282 @@
+"use client";
+import { jsxs as m, Fragment as C, jsx as s } from "react/jsx-runtime";
+import * as n from "react";
+import { d as G, q as J, i as Q, e as T, g as V } from "../_chunks/vendor-client.js";
+import { cn as o } from "./lib/utils.js";
+import { A as X, m as Y } from "../_chunks/framer.js";
+const A = {
+  solid: {
+    accent: "bg-accent-11/20",
+    error: "bg-error-11/20",
+    success: "bg-success-11/20",
+    warning: "bg-warning-11/20",
+    neutral: "bg-neutral-8/30"
+  },
+  soft: {
+    accent: "bg-accent-6",
+    error: "bg-error-6",
+    success: "bg-success-6",
+    warning: "bg-warning-6",
+    neutral: "bg-surface-border"
+  },
+  outline: {
+    accent: "bg-accent-7",
+    error: "bg-error-7",
+    success: "bg-success-7",
+    warning: "bg-warning-7",
+    neutral: "bg-surface-border-strong"
+  }
+}, N = {
+  xs: "h-ds-xs-plus",
+  sm: "h-ds-sm",
+  md: "h-ds-md",
+  "icon-xs": "h-ds-xs-plus",
+  "icon-sm": "h-ds-sm",
+  "icon-md": "h-ds-md"
+}, Z = {
+  xs: "text-ds-sm",
+  sm: "text-ds-sm",
+  md: "text-ds-md",
+  "icon-xs": "text-ds-sm",
+  "icon-sm": "text-ds-sm",
+  "icon-md": "text-ds-md"
+}, _ = {
+  xs: "px-ds-03 gap-1",
+  sm: "px-ds-04 gap-1.5",
+  md: "px-ds-05 gap-2",
+  "icon-xs": "px-ds-02",
+  "icon-sm": "px-ds-03",
+  "icon-md": "px-ds-04"
+}, I = {
+  xs: "px-ds-02",
+  sm: "px-ds-02",
+  md: "px-ds-03",
+  "icon-xs": "px-ds-01",
+  "icon-sm": "px-ds-02",
+  "icon-md": "px-ds-02"
+}, W = {
+  xs: "rounded-ds-md",
+  sm: "rounded-ds-md",
+  md: "rounded-ds-lg",
+  "icon-xs": "rounded-ds-sm",
+  "icon-sm": "rounded-ds-md",
+  "icon-md": "rounded-ds-md"
+};
+function z(c, i) {
+  const u = {
+    solid: {
+      accent: "bg-accent-9 text-accent-fg hover:bg-accent-10 active:bg-accent-11",
+      error: "bg-error-9 text-error-fg hover:bg-error-10 active:bg-error-11",
+      success: "bg-success-9 text-success-fg hover:bg-success-10 active:bg-success-11",
+      warning: "bg-warning-9 text-warning-fg hover:bg-warning-10 active:bg-warning-11",
+      neutral: "bg-neutral-5 text-surface-fg hover:bg-neutral-7 active:bg-neutral-8"
+    },
+    soft: {
+      accent: "bg-accent-3 text-accent-11 hover:bg-accent-4 active:bg-accent-5",
+      error: "bg-error-3 text-error-11 hover:bg-error-4 active:bg-error-5",
+      success: "bg-success-3 text-success-11 hover:bg-success-4 active:bg-success-5",
+      warning: "bg-warning-3 text-warning-11 hover:bg-warning-4 active:bg-warning-5",
+      neutral: "bg-surface-raised-hover text-surface-fg-muted hover:bg-surface-raised-active active:bg-neutral-5"
+    },
+    outline: {
+      accent: "bg-transparent text-accent-11 hover:bg-accent-3 active:bg-accent-4",
+      error: "bg-transparent text-error-11 hover:bg-error-3 active:bg-error-4",
+      success: "bg-transparent text-success-11 hover:bg-success-3 active:bg-success-4",
+      warning: "bg-transparent text-warning-11 hover:bg-warning-3 active:bg-warning-4",
+      neutral: "bg-transparent text-surface-fg hover:bg-surface-raised-hover active:bg-surface-raised-active"
+    }
+  };
+  return u[c][i] ?? u[c].accent;
+}
+function ee(c) {
+  const i = {
+    accent: "border-accent-7",
+    error: "border-error-7",
+    success: "border-success-7",
+    warning: "border-warning-7",
+    neutral: "border-surface-border-strong"
+  };
+  return i[c] ?? i.accent;
+}
+function M({ className: c }) {
+  return /* @__PURE__ */ s("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: c, "aria-hidden": "true", children: /* @__PURE__ */ s("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+const se = n.forwardRef(
+  function({
+    children: i,
+    onClick: u,
+    dropdownContent: E,
+    open: j,
+    onOpenChange: p,
+    variant: l = "solid",
+    color: v = "accent",
+    size: r = "md",
+    disabled: x = !1,
+    "aria-label": L,
+    dropdownLabel: R = "More options",
+    dropdownIcon: B,
+    triggerSide: O = "right",
+    placement: S = "top-end",
+    triggerWidth: g,
+    className: q
+  }, D) {
+    const [F, H] = n.useState(!1), h = j !== void 0, e = h ? j : F, b = n.useRef(null), f = n.useRef(null), w = n.useId(), d = n.useCallback(
+      (t) => {
+        p && p(t), h || H(t);
+      },
+      [p, h]
+    );
+    n.useEffect(() => {
+      if (!e || !b.current || !f.current) return;
+      const t = b.current, a = f.current;
+      return G(t, a, () => {
+        J(t, a, {
+          placement: S,
+          middleware: [
+            Q(8),
+            T({ fallbackPlacements: ["bottom-end", "top-start", "bottom-start"] }),
+            V({ padding: 8 })
+          ]
+        }).then(({ x: K, y: U }) => {
+          Object.assign(a.style, { left: `${K}px`, top: `${U}px` });
+        });
+      });
+    }, [e, S]), n.useEffect(() => {
+      if (!e) return;
+      const t = (a) => {
+        const k = a.target;
+        b.current?.contains(k) || f.current?.contains(k) || d(!1);
+      };
+      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+    }, [e, d]), n.useEffect(() => {
+      if (!e) return;
+      const t = (a) => {
+        a.key === "Escape" && d(!1);
+      };
+      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+    }, [e, d]);
+    const y = z(l, v), $ = A[l][v] ?? A[l].accent, P = g != null ? { width: typeof g == "number" ? `${g}px` : g } : void 0;
+    return /* @__PURE__ */ m(C, { children: [
+      /* @__PURE__ */ s(
+        "div",
+        {
+          ref: D,
+          role: "group",
+          "aria-label": L ?? void 0,
+          className: o("relative inline-flex", q),
+          children: /* @__PURE__ */ m(
+            "div",
+            {
+              ref: b,
+              className: o(
+                "inline-flex items-stretch overflow-hidden",
+                W[r],
+                l === "solid" && "shadow-raised",
+                l === "outline" && `border ${ee(v)}`
+              ),
+              children: [
+                O === "left" && /* @__PURE__ */ m(C, { children: [
+                  /* @__PURE__ */ s(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => d(!e),
+                      disabled: x,
+                      "aria-label": R,
+                      "aria-haspopup": "menu",
+                      "aria-expanded": e,
+                      "aria-controls": e ? w : void 0,
+                      className: o(
+                        "inline-flex items-center justify-center select-none",
+                        "transition-colors duration-fast-01 ease-productive-standard",
+                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset",
+                        "disabled:pointer-events-none disabled:opacity-action-disabled",
+                        y,
+                        N[r],
+                        I[r]
+                      ),
+                      style: P,
+                      children: B ?? /* @__PURE__ */ s(M, {})
+                    }
+                  ),
+                  /* @__PURE__ */ s("div", { className: o("w-px self-stretch", $) })
+                ] }),
+                /* @__PURE__ */ s(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: u,
+                    disabled: x,
+                    "aria-label": L,
+                    className: o(
+                      "inline-flex items-center justify-center font-semibold select-none whitespace-nowrap",
+                      "transition-colors duration-fast-01 ease-productive-standard",
+                      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset",
+                      "disabled:pointer-events-none disabled:opacity-action-disabled",
+                      y,
+                      N[r],
+                      Z[r],
+                      _[r]
+                    ),
+                    children: i
+                  }
+                ),
+                O === "right" && /* @__PURE__ */ m(C, { children: [
+                  /* @__PURE__ */ s("div", { className: o("w-px self-stretch", $) }),
+                  /* @__PURE__ */ s(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => d(!e),
+                      disabled: x,
+                      "aria-label": R,
+                      "aria-haspopup": "menu",
+                      "aria-expanded": e,
+                      "aria-controls": e ? w : void 0,
+                      className: o(
+                        "inline-flex items-center justify-center select-none",
+                        "transition-colors duration-fast-01 ease-productive-standard",
+                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset",
+                        "disabled:pointer-events-none disabled:opacity-action-disabled",
+                        y,
+                        N[r],
+                        I[r]
+                      ),
+                      style: P,
+                      children: B ?? /* @__PURE__ */ s(M, {})
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ s(X, { children: e && E && /* @__PURE__ */ s(
+        "div",
+        {
+          ref: f,
+          id: w,
+          role: "menu",
+          className: "fixed z-popover",
+          style: { top: 0, left: 0 },
+          children: /* @__PURE__ */ s(
+            Y.div,
+            {
+              initial: { opacity: 0, scale: 0.95 },
+              animate: { opacity: 1, scale: 1 },
+              exit: { opacity: 0, scale: 0.95 },
+              transition: { duration: 0.15 },
+              className: "rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating",
+              children: E
+            }
+          )
+        }
+      ) })
+    ] });
+  }
+);
+se.displayName = "SplitButton";
+export {
+  se as SplitButton
+};

package/dist/ui/status-dot.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import * as b from "react";
-import { cn as r } from "./lib/utils.js";
+import { cn as t } from "./lib/utils.js";
 const f = {
   healthy: "bg-success-9",
   warning: "bg-warning-9",
@@ -31,15 +31,15 @@ const f = {
   md: { dot: "h-2 w-2", pulse: "h-2 w-2", text: "text-ds-sm" },
   lg: { dot: "h-2.5 w-2.5", pulse: "h-2.5 w-2.5", text: "text-ds-sm" }
 }, C = b.forwardRef(
-  ({ status: e, size: s = "md", variant: i = "filled", pulse: o, label: t, labelClassName: c, className: d, "aria-label": u, ...g }, p) => {
-    const x = o ?? e === "healthy", a = N[s], h = t ? `${t} — ${e}` : `Status: ${e}`, m = i === "ring" ? r("relative inline-flex rounded-full border-[1.5px]", a.dot, v[e], "bg-transparent") : r("relative inline-flex rounded-full", a.dot, f[e]);
+  ({ status: e, size: s = "md", variant: i = "filled", pulse: o, label: r, labelClassName: c, className: d, "aria-label": u, ...g }, p) => {
+    const x = o ?? e === "healthy", a = N[s], m = r ? `${r} — ${e}` : `Status: ${e}`, h = i === "ring" ? t("relative inline-flex rounded-full border-[1.5px]", a.dot, v[e], "bg-transparent") : t("relative inline-flex rounded-full", a.dot, f[e]);
     return /* @__PURE__ */ l(
       "span",
       {
         ref: p,
         role: "status",
-        "aria-label": u ?? h,
-        className: r("inline-flex items-center gap-ds-02", d),
+        "aria-label": u ?? m,
+        className: t("inline-flex items-center gap-ds-02", d),
         ...g,
         children: [
           /* @__PURE__ */ l("span", { className: "relative inline-flex shrink-0", children: [
@@ -47,12 +47,12 @@ const f = {
               "span",
               {
                 "data-pulse": "",
-                className: r("absolute inline-flex rounded-full animate-ping", a.pulse, y[e])
+                className: t("absolute inline-flex rounded-full animate-ping motion-reduce:animate-none", a.pulse, y[e])
               }
             ),
-            /* @__PURE__ */ n("span", { className: m })
+            /* @__PURE__ */ n("span", { className: h })
           ] }),
-          t && /* @__PURE__ */ n("span", { className: r(a.text, w[e], "font-sans", c), children: t })
+          r && /* @__PURE__ */ n("span", { className: t(a.text, w[e], "font-sans", c), children: r })
         ]
       }
     );

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

@@ -1 +1 @@
-{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../src/ui/stepper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjE,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,OAAO,qFAyDZ,CAAA;AAED;;;;;;;;;;;GAWG;AACH,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAID,QAAA,MAAM,IAAI,kFA4ET,CAAA;AAED;;;;;;;;;;;GAWG;AACH,UAAU,mBAAmB;IAC3B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmBD,iBAAS,cAAc,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAyB/E;kBAzBQ,cAAc;;;AA+BvB,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../src/ui/stepper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjE,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,OAAO,qFAyDZ,CAAA;AAED;;;;;;;;;;;GAWG;AACH,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAID,QAAA,MAAM,IAAI,kFA8ET,CAAA;AAED;;;;;;;;;;;GAWG;AACH,UAAU,mBAAmB;IAC3B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmBD,iBAAS,cAAc,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAyB/E;kBAzBQ,cAAc;;;AA+BvB,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,mBAAmB,EAAE,CAAA"}

package/dist/ui/stepper.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as t, jsxs as u } from "react/jsx-runtime";
 import * as s from "react";
-import { cn as a } from "./lib/utils.js";
+import { cn as i } from "./lib/utils.js";
 import { springs as x } from "./lib/motion.js";
-import { m as h, A as N } from "../_chunks/framer.js";
+import { m as v, A as N } from "../_chunks/framer.js";
 const b = s.createContext({
   activeStep: 0,
   orientation: "horizontal",
   stepperId: ""
 }), y = s.forwardRef(
-  ({ activeStep: e, orientation: r = "horizontal", className: d, children: i, ...o }, g) => {
-    const c = s.Children.toArray(i), p = s.useId(), f = s.useMemo(
+  ({ activeStep: e, orientation: r = "horizontal", className: d, children: o, ...c }, g) => {
+    const a = s.Children.toArray(o), p = s.useId(), f = s.useMemo(
       () => ({ activeStep: e, orientation: r, stepperId: p }),
       [e, r, p]
     );
@@ -18,28 +18,28 @@ const b = s.createContext({
       "div",
       {
         ref: g,
-        className: a(
+        className: i(
           "flex gap-ds-02",
           r === "vertical" ? "flex-col" : "flex-row items-center",
           d
         ),
         role: "list",
-        ...o,
-        children: c.map((m, l) => /* @__PURE__ */ u(s.Fragment, { children: [
+        ...c,
+        children: a.map((m, l) => /* @__PURE__ */ u(s.Fragment, { children: [
           s.isValidElement(m) ? s.cloneElement(m, { _index: l }) : m,
-          l < c.length - 1 && /* @__PURE__ */ t(
+          l < a.length - 1 && /* @__PURE__ */ t(
             "div",
             {
-              className: a(
+              className: i(
                 "relative flex-1 overflow-hidden",
                 r === "vertical" ? "ml-ds-04 w-ds-01 min-h-ds-05" : "h-ds-01 min-w-ds-05",
                 "bg-surface-border"
               ),
               "aria-hidden": "true",
               children: /* @__PURE__ */ t(
-                h.div,
+                v.div,
                 {
-                  className: a(
+                  className: i(
                     "absolute inset-0 bg-accent-9",
                     r === "vertical" ? "origin-top" : "origin-left"
                   ),
@@ -57,8 +57,8 @@ const b = s.createContext({
     ) });
   }
 ), w = s.forwardRef(
-  ({ label: e, description: r, icon: d, className: i, ...o }, g) => {
-    const { _index: c = 0, ...p } = o, { activeStep: f, orientation: m, stepperId: l } = s.useContext(b), n = c < f ? "completed" : c === f ? "active" : "pending";
+  ({ label: e, description: r, icon: d, className: o, ...c }, g) => {
+    const { _index: a = 0, ...p } = c, { activeStep: f, orientation: m, stepperId: l } = s.useContext(b), n = a < f ? "completed" : a === f ? "active" : "pending";
     return /* @__PURE__ */ u(
       "div",
       {
@@ -66,17 +66,19 @@ const b = s.createContext({
         "data-step": "",
         "data-state": n,
         role: "listitem",
-        className: a(
+        "aria-current": n === "active" ? "step" : void 0,
+        "aria-label": `Step ${a + 1}: ${e}, ${n === "completed" ? "completed" : n === "active" ? "current" : "upcoming"}`,
+        className: i(
           "flex items-center gap-ds-03",
           m === "vertical" && "py-ds-02",
-          i
+          o
         ),
         ...p,
         children: [
           /* @__PURE__ */ u(
             "div",
             {
-              className: a(
+              className: i(
                 "relative flex-shrink-0 flex items-center justify-center w-ds-sm h-ds-sm rounded-ds-full text-ds-sm font-semibold",
                 n === "completed" && "bg-accent-9 text-accent-fg",
                 n === "active" && "text-accent-fg",
@@ -84,7 +86,7 @@ const b = s.createContext({
               ),
               children: [
                 n === "active" && /* @__PURE__ */ t(
-                  h.div,
+                  v.div,
                   {
                     layoutId: `${l}-stepper-active`,
                     className: "absolute inset-0 rounded-ds-full bg-accent-9",
@@ -92,7 +94,7 @@ const b = s.createContext({
                   }
                 ),
                 /* @__PURE__ */ t("span", { className: "relative z-10", children: d || (n === "completed" ? /* @__PURE__ */ t(
-                  h.svg,
+                  v.svg,
                   {
                     className: "w-ico-sm h-ico-sm",
                     viewBox: "0 0 24 24",
@@ -106,7 +108,7 @@ const b = s.createContext({
                     transition: x.bouncy,
                     children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12" })
                   }
-                ) : c + 1) })
+                ) : a + 1) })
               ]
             }
           ),
@@ -114,7 +116,7 @@ const b = s.createContext({
             /* @__PURE__ */ t(
               "span",
               {
-                className: a(
+                className: i(
                   "text-ds-md font-medium leading-ds-snug",
                   n === "pending" ? "text-surface-fg-subtle" : "text-surface-fg"
                 ),
@@ -127,10 +129,10 @@ const b = s.createContext({
       }
     );
   }
-), v = 40, C = {
+), h = 40, C = {
   enter: (e) => ({
     opacity: 0,
-    x: e * v
+    x: e * h
   }),
   center: {
     opacity: 1,
@@ -138,17 +140,17 @@ const b = s.createContext({
   },
   exit: (e) => ({
     opacity: 0,
-    x: e * -v
+    x: e * -h
   })
 };
-function I({ activeStep: e, children: r, className: d }) {
-  const i = s.useRef(e), o = e >= i.current ? 1 : -1;
+function S({ activeStep: e, children: r, className: d }) {
+  const o = s.useRef(e), c = e >= o.current ? 1 : -1;
   return s.useEffect(() => {
-    i.current = e;
-  }, [e]), /* @__PURE__ */ t("div", { className: a("relative overflow-hidden", d), children: /* @__PURE__ */ t(N, { mode: "wait", custom: o, children: /* @__PURE__ */ t(
-    h.div,
+    o.current = e;
+  }, [e]), /* @__PURE__ */ t("div", { className: i("relative overflow-hidden", d), children: /* @__PURE__ */ t(N, { mode: "wait", custom: c, children: /* @__PURE__ */ t(
+    v.div,
     {
-      custom: o,
+      custom: c,
       variants: C,
       initial: "enter",
       animate: "center",
@@ -161,9 +163,9 @@ function I({ activeStep: e, children: r, className: d }) {
 }
 y.displayName = "Stepper";
 w.displayName = "Step";
-I.displayName = "StepperContent";
+S.displayName = "StepperContent";
 export {
   w as Step,
   y as Stepper,
-  I as StepperContent
+  S as StepperContent
 };

package/dist/ui/switch.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
 import * as a from "react";
-import { an as c, ao as C } from "../_chunks/primitives.js";
+import { am as c, an as C } from "../_chunks/primitives.js";
 import { springs as y } from "./lib/motion.js";
 import { cn as n } from "./lib/utils.js";
 import { m as N } from "../_chunks/framer.js";
 const R = {
-  sm: { track: "h-[18px] w-[32px]", thumb: "h-[14px] w-[14px]", travel: 14 },
+  sm: { track: "h-6 w-[38px]", thumb: "h-5 w-5", travel: 16 },
   md: { track: "h-6 w-11", thumb: "h-ico-md w-ico-md", travel: 20 },
   lg: { track: "h-7 w-[52px]", thumb: "h-6 w-6", travel: 24 }
 }, j = {
@@ -24,7 +24,7 @@ const R = {
     c,
     {
       className: n(
-        "peer inline-flex shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-surface-border-strong shadow-raised transition-colors duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled data-[state=checked]:border-transparent data-[state=unchecked]:bg-surface-border-strong data-[state=unchecked]:hover:bg-surface-raised-active",
+        "touch-target peer inline-flex shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-surface-border-strong shadow-raised transition-colors duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled data-[state=checked]:border-transparent data-[state=unchecked]:bg-surface-border-strong data-[state=unchecked]:hover:bg-surface-raised-active",
         w,
         j[m],
         d && "border-error-7 data-[state=checked]:bg-error-9",