@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/slider.js

@@ -1,36 +1,64 @@
 "use client";
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import * as f from "react";
-import { aD as s, aE as b, aF as h, aG as u } 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(
-    s,
-    {
-      ref: n,
-      value: a,
-      defaultValue: o,
-      className: m(
-        "relative flex w-full touch-none select-none items-center",
-        i
-      ),
-      ...t,
-      children: [
-        /* @__PURE__ */ e(b, { className: "relative h-ds-02b w-full grow overflow-hidden rounded-ds-full bg-surface-raised-hover", children: /* @__PURE__ */ e(h, { className: "absolute h-full bg-accent-9" }) }),
-        Array.from({ length: r }, (g, c) => /* @__PURE__ */ e(
-          u,
-          {
-            "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-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled"
-          },
-          c
-        ))
-      ]
-    }
-  );
+import { B as e, H as t, V as n, z as r } from "../_chunks/primitives.js";
+import { t as i } from "../_chunks/vendor-utils.js";
+import { cn as a } from "./lib/utils.js";
+import { useFormField as o } from "./form.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/ui/slider.tsx
+var u = i("relative w-full grow overflow-hidden rounded-ds-full bg-surface-raised-hover", {
+	variants: { size: {
+		sm: "h-[4px]",
+		md: "h-ds-02b",
+		lg: "h-[10px]"
+	} },
+	defaultVariants: { size: "md" }
+}), d = i("touch-target block rounded-ds-full 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-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled", {
+	variants: {
+		size: {
+			sm: "h-4 w-4 border",
+			md: "h-6 w-6 border-2",
+			lg: "h-8 w-8 border-[3px]"
+		},
+		color: {
+			accent: "border-accent-7 focus-visible:ring-accent-9",
+			success: "border-success-7 focus-visible:ring-success-9",
+			warning: "border-warning-7 focus-visible:ring-warning-9",
+			error: "border-error-7 focus-visible:ring-error-9"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		color: "accent"
+	}
+}), f = {
+	accent: "bg-accent-9",
+	success: "bg-success-9",
+	warning: "bg-warning-9",
+	error: "bg-error-9"
+}, p = s.forwardRef(({ className: i, "aria-label": s, value: p, defaultValue: m, size: h = "md", color: g = "accent", ..._ }, v) => {
+	let y = h ?? "md", b = g ?? "accent", x = o(), S = x.state === "error", C = _["aria-describedby"] ?? x.helperTextId, w = _["aria-required"] ?? x.required, T = (p ?? m ?? [0]).length;
+	return /* @__PURE__ */ l(e, {
+		ref: v,
+		value: p,
+		defaultValue: m,
+		"aria-invalid": S || void 0,
+		"aria-describedby": C,
+		"aria-required": w || void 0,
+		className: a("relative flex w-full touch-none select-none items-center", i),
+		..._,
+		children: [/* @__PURE__ */ c(t, {
+			className: u({ size: y }),
+			children: /* @__PURE__ */ c(r, { className: a("absolute h-full", f[b]) })
+		}), Array.from({ length: T }, (e, t) => /* @__PURE__ */ c(n, {
+			"aria-label": T === 1 ? s : void 0,
+			className: d({
+				size: y,
+				color: b
+			})
+		}, t))]
+	});
 });
-v.displayName = s.displayName;
-export {
-  v as Slider
-};
+p.displayName = e.displayName;
+//#endregion
+export { p as Slider, d as sliderThumbVariants, u as sliderTrackVariants };

package/dist/ui/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":[],"sources":["../../src/ui/slider.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SliderPrimitive from '@primitives/react-slider'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from './lib/utils'\nimport { useFormField } from './form'\n\nconst sliderTrackVariants = cva(\n  'relative w-full grow overflow-hidden rounded-ds-full bg-surface-raised-hover',\n  {\n    variants: {\n      size: {\n        sm: 'h-[4px]',\n        md: 'h-ds-02b',\n        lg: 'h-[10px]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n)\n\nconst sliderThumbVariants = cva(\n  'touch-target block rounded-ds-full 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-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled',\n  {\n    variants: {\n      size: {\n        sm: 'h-4 w-4 border',\n        md: 'h-6 w-6 border-2',\n        lg: 'h-8 w-8 border-[3px]',\n      },\n      color: {\n        accent: 'border-accent-7 focus-visible:ring-accent-9',\n        success: 'border-success-7 focus-visible:ring-success-9',\n        warning: 'border-warning-7 focus-visible:ring-warning-9',\n        error: 'border-error-7 focus-visible:ring-error-9',\n      },\n    },\n    defaultVariants: { size: 'md', color: 'accent' },\n  },\n)\n\nconst sliderRangeColorMap: Record<string, string> = {\n  accent: 'bg-accent-9',\n  success: 'bg-success-9',\n  warning: 'bg-warning-9',\n  error: 'bg-error-9',\n}\n\nexport type SliderSize = NonNullable<VariantProps<typeof sliderTrackVariants>['size']>\nexport type SliderColor = NonNullable<VariantProps<typeof sliderThumbVariants>['color']>\n\nexport interface SliderProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'color'> {\n  /** Size of the slider. Controls track height and thumb diameter. */\n  size?: SliderSize\n  /** Color of the range fill and thumb border. */\n  color?: SliderColor\n}\n\n/**\n * A Radix-powered slider supporting single or multiple thumbs.\n *\n * Pass `defaultValue={[50]}` for a single thumb, or `defaultValue={[25, 75]}`\n * for a range slider with two thumbs. One `<Thumb>` is rendered per value entry.\n *\n * When using multiple thumbs, provide per-thumb labels via the `aria-label` array\n * on the `value`/`defaultValue` entries, or wrap each in a labelled form field.\n *\n * **Sizes:** `sm` | `md` (default) | `lg`\n *\n * **Colors:** `accent` (default) | `success` | `warning` | `error`\n */\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(({ className, 'aria-label': ariaLabel, value, defaultValue, size: sizeProp = 'md', color: colorProp = 'accent', ...props }, ref) => {\n  const size = sizeProp ?? 'md'\n  const color = colorProp ?? 'accent'\n  const fieldCtx = useFormField()\n  const isError = fieldCtx.state === 'error'\n  const ariaDescribedBy = props['aria-describedby'] ?? fieldCtx.helperTextId\n  const ariaRequired = props['aria-required'] ?? fieldCtx.required\n\n  // Determine how many thumbs to render from controlled or default value\n  const thumbCount = (value ?? defaultValue ?? [0]).length\n\n  return (\n    <SliderPrimitive.Root\n      ref={ref}\n      value={value}\n      defaultValue={defaultValue}\n      aria-invalid={isError || undefined}\n      aria-describedby={ariaDescribedBy}\n      aria-required={ariaRequired || undefined}\n      className={cn(\n        'relative flex w-full touch-none select-none items-center',\n        className,\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track className={sliderTrackVariants({ size })}>\n        <SliderPrimitive.Range className={cn('absolute h-full', sliderRangeColorMap[color])} />\n      </SliderPrimitive.Track>\n      {Array.from({ length: thumbCount }, (_, i) => (\n        <SliderPrimitive.Thumb\n          key={i}\n          aria-label={thumbCount === 1 ? (ariaLabel as string | undefined) : undefined}\n          className={sliderThumbVariants({ size, color })}\n        />\n      ))}\n    </SliderPrimitive.Root>\n  )\n})\nSlider.displayName = SliderPrimitive.Root.displayName\n\nexport { Slider, sliderTrackVariants, sliderThumbVariants }\n"],"mappings":";;;;;;;;AASA,IAAM,IAAsB,EAC1B,gFACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,MAAM,MAAM;CAChC,CACF,EAEK,IAAsB,EAC1B,mWACA;CACE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,OAAO;GACL,QAAQ;GACR,SAAS;GACT,SAAS;GACT,OAAO;GACR;EACF;CACD,iBAAiB;EAAE,MAAM;EAAM,OAAO;EAAU;CACjD,CACF,EAEK,IAA8C;CAClD,QAAQ;CACR,SAAS;CACT,SAAS;CACT,OAAO;CACR,EA0BK,IAAS,EAAM,YAGlB,EAAE,cAAW,cAAc,GAAW,UAAO,iBAAc,MAAM,IAAW,MAAM,OAAO,IAAY,UAAU,GAAG,KAAS,MAAQ;CACpI,IAAM,IAAO,KAAY,MACnB,IAAQ,KAAa,UACrB,IAAW,GAAc,EACzB,IAAU,EAAS,UAAU,SAC7B,IAAkB,EAAM,uBAAuB,EAAS,cACxD,IAAe,EAAM,oBAAoB,EAAS,UAGlD,KAAc,KAAS,KAAgB,CAAC,EAAE,EAAE;AAElD,QACE,kBAAC,GAAD;EACO;EACE;EACO;EACd,gBAAc,KAAW,KAAA;EACzB,oBAAkB;EAClB,iBAAe,KAAgB,KAAA;EAC/B,WAAW,EACT,4DACA,EACD;EACD,GAAI;YAXN,CAaE,kBAAC,GAAD;GAAuB,WAAW,EAAoB,EAAE,SAAM,CAAC;aAC7D,kBAAC,GAAD,EAAuB,WAAW,EAAG,mBAAmB,EAAoB,GAAO,EAAI,CAAA;GACjE,CAAA,EACvB,MAAM,KAAK,EAAE,QAAQ,GAAY,GAAG,GAAG,MACtC,kBAAC,GAAD;GAEE,cAAY,MAAe,IAAK,IAAmC,KAAA;GACnE,WAAW,EAAoB;IAAE;IAAM;IAAO,CAAC;GAC/C,EAHK,EAGL,CACF,CACmB;;EAEzB;AACF,EAAO,cAAA,EAAmC"}

package/dist/ui/spinner.js

@@ -1,206 +1,227 @@
 "use client";
-import { jsxs as M, jsx as e } from "react/jsx-runtime";
-import * as y from "react";
-import { cn as $ } from "./lib/utils.js";
-import { u as v, m as c, A as g } from "../_chunks/framer.js";
-const N = {
-  sm: "h-ico-sm w-ico-sm",
-  md: "h-ico-md w-ico-md",
-  lg: "h-ico-lg w-ico-lg"
-}, S = { sm: 3, md: 3, lg: 4 }, K = { sm: 1.8, md: 2, lg: 2.5 }, n = 10, o = 2 * Math.PI * n, T = {
-  spinning: "Loading...",
-  success: "Complete",
-  error: "Error"
-}, b = {
-  spinning: "var(--color-accent-9)",
-  success: "var(--color-success-9)",
-  error: "var(--color-error-9)"
-}, F = "M7 12.5l3 3 7-7", P = "M8 8l8 8M16 8l-8 8", j = "M5 12.5l4 4 10-10", U = "M6 6l12 12M18 6l-12 12", B = y.forwardRef(
-  ({ size: k = "md", state: r = "spinning", variant: L = "filled", delay: l = 0, onComplete: C, className: O }, E) => {
-    const s = v(), [I, x] = y.useState(l === 0);
-    if (y.useEffect(() => {
-      if (l <= 0) {
-        x(!0);
-        return;
-      }
-      const W = setTimeout(() => x(!0), l);
-      return () => clearTimeout(W);
-    }, [l]), !I) return null;
-    const i = S[k], d = K[k], p = r === "spinning", a = r === "success" || r === "error", t = L === "filled", u = L === "bare" && r === "spinning" ? "currentColor" : b[r], h = t ? "white" : "currentColor", A = t ? F : j, R = t ? P : U, f = 0.4, _ = 0.3, w = 0.25, m = t ? 0.5 : 0.35, D = 0.35;
-    return /* @__PURE__ */ M("span", { ref: E, role: "status", className: $("inline-flex", O), children: [
-      /* @__PURE__ */ M(
-        "svg",
-        {
-          className: N[k],
-          viewBox: "0 0 24 24",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: [
-            s ? !(a && !t) && /* @__PURE__ */ e(
-              "circle",
-              {
-                cx: "12",
-                cy: "12",
-                r: n,
-                stroke: "var(--color-surface-border)",
-                strokeWidth: i,
-                fill: "none"
-              }
-            ) : /* @__PURE__ */ e(
-              c.circle,
-              {
-                cx: "12",
-                cy: "12",
-                r: n,
-                stroke: "var(--color-surface-border)",
-                strokeWidth: i,
-                fill: "none",
-                animate: { opacity: a && !t ? 0 : 1 },
-                transition: { duration: 0.2, delay: a && !t ? f : 0 }
-              }
-            ),
-            s ? /* @__PURE__ */ e(
-              "circle",
-              {
-                cx: "12",
-                cy: "12",
-                r: n,
-                stroke: u,
-                strokeWidth: i,
-                fill: "none",
-                strokeLinecap: "round",
-                strokeDasharray: p ? `${o * 0.75} ${o * 0.25}` : `${o} 0`,
-                style: {
-                  transformOrigin: "center",
-                  transform: p ? "rotate(-90deg)" : void 0,
-                  opacity: a && !t ? 0 : 1
-                }
-              }
-            ) : /* @__PURE__ */ e(
-              c.circle,
-              {
-                cx: "12",
-                cy: "12",
-                r: n,
-                stroke: u,
-                strokeWidth: i,
-                fill: "none",
-                strokeLinecap: "round",
-                style: { transformOrigin: "center" },
-                animate: p ? {
-                  rotate: [0, 360],
-                  strokeDasharray: [
-                    `${o * 0.1} ${o * 0.9}`,
-                    `${o * 0.75} ${o * 0.25}`,
-                    `${o * 0.1} ${o * 0.9}`
-                  ]
-                } : {
-                  rotate: 0,
-                  strokeDasharray: `${o} 0`,
-                  // In bare mode, fade out the arc after it completes
-                  ...!t && { opacity: 0 }
-                },
-                transition: p ? {
-                  rotate: { duration: 1, repeat: 1 / 0, ease: "linear" },
-                  strokeDasharray: { duration: 1.5, repeat: 1 / 0, ease: "easeInOut" }
-                } : {
-                  rotate: { duration: 0.3, ease: "easeOut" },
-                  strokeDasharray: { duration: f, ease: "easeInOut" },
-                  ...!t && { opacity: { duration: 0.2, delay: f } }
-                }
-              }
-            ),
-            /* @__PURE__ */ e(g, { children: a && t && (s ? /* @__PURE__ */ e(
-              "circle",
-              {
-                cx: "12",
-                cy: "12",
-                r: n + i / 2,
-                fill: u,
-                stroke: "none"
-              },
-              "fill-static"
-            ) : /* @__PURE__ */ e(
-              c.circle,
-              {
-                cx: "12",
-                cy: "12",
-                r: n + i / 2,
-                fill: u,
-                stroke: "none",
-                initial: { opacity: 0 },
-                animate: { opacity: 1 },
-                transition: { duration: w, delay: _, ease: "easeOut" },
-                style: { transformOrigin: "center" }
-              },
-              "fill"
-            )) }),
-            /* @__PURE__ */ e(g, { children: r === "success" && (s ? /* @__PURE__ */ e(
-              "path",
-              {
-                d: A,
-                stroke: h,
-                strokeWidth: d,
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                fill: "none"
-              },
-              "check-static"
-            ) : /* @__PURE__ */ e(
-              c.path,
-              {
-                d: A,
-                stroke: h,
-                strokeWidth: d,
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                fill: "none",
-                initial: { pathLength: 0, opacity: 0 },
-                animate: { pathLength: 1, opacity: 1 },
-                transition: {
-                  pathLength: { duration: D, ease: "easeOut", delay: m },
-                  opacity: { duration: 0.1, delay: m }
-                },
-                onAnimationComplete: () => C?.()
-              },
-              "check"
-            )) }),
-            /* @__PURE__ */ e(g, { children: r === "error" && (s ? /* @__PURE__ */ e(
-              "path",
-              {
-                d: R,
-                stroke: h,
-                strokeWidth: d,
-                strokeLinecap: "round",
-                fill: "none"
-              },
-              "x-static"
-            ) : /* @__PURE__ */ e(
-              c.path,
-              {
-                d: R,
-                stroke: h,
-                strokeWidth: d,
-                strokeLinecap: "round",
-                fill: "none",
-                initial: { pathLength: 0, opacity: 0 },
-                animate: { pathLength: 1, opacity: 1 },
-                transition: {
-                  pathLength: { duration: D, ease: "easeOut", delay: m },
-                  opacity: { duration: 0.1, delay: m }
-                },
-                onAnimationComplete: () => C?.()
-              },
-              "x"
-            )) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e("span", { className: "sr-only", children: T[r] })
-    ] });
-  }
-);
-B.displayName = "Spinner";
-export {
-  B as Spinner
-};
+import { a as e, c as t, n } from "../_chunks/framer.js";
+import { cn as r } from "./lib/utils.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ui/spinner.tsx
+var s = {
+	sm: "h-ico-sm w-ico-sm",
+	md: "h-ico-md w-ico-md",
+	lg: "h-ico-lg w-ico-lg"
+}, c = {
+	sm: 3,
+	md: 3,
+	lg: 4
+}, l = {
+	sm: 1.8,
+	md: 2,
+	lg: 2.5
+}, u = 10, d = 2 * Math.PI * u, f = {
+	spinning: "Loading...",
+	success: "Complete",
+	error: "Error"
+}, p = {
+	spinning: "var(--color-accent-9)",
+	success: "var(--color-success-9)",
+	error: "var(--color-error-9)"
+}, m = "M7 12.5l3 3 7-7", h = "M8 8l8 8M16 8l-8 8", g = "M5 12.5l4 4 10-10", _ = "M6 6l12 12M18 6l-12 12", v = i.forwardRef(({ size: v = "md", state: y = "spinning", variant: b = "filled", delay: x = 0, onComplete: S, className: C }, w) => {
+	let T = n(), [E, D] = i.useState(x === 0);
+	if (i.useEffect(() => {
+		if (x <= 0) {
+			D(!0);
+			return;
+		}
+		let e = setTimeout(() => D(!0), x);
+		return () => clearTimeout(e);
+	}, [x]), !E) return null;
+	let O = c[v], k = l[v], A = y === "spinning", j = y === "success" || y === "error", M = b === "filled", N = b === "bare" && y === "spinning" ? "currentColor" : p[y], P = M ? "white" : "currentColor", F = M ? m : g, I = M ? h : _, L = .4, R = M ? .5 : .35, z = .35;
+	return /* @__PURE__ */ o("span", {
+		ref: w,
+		role: "status",
+		className: r("inline-flex", C),
+		children: [/* @__PURE__ */ o("svg", {
+			className: s[v],
+			viewBox: "0 0 24 24",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				T ? !(j && !M) && /* @__PURE__ */ a("circle", {
+					cx: "12",
+					cy: "12",
+					r: u,
+					stroke: "var(--color-surface-border)",
+					strokeWidth: O,
+					fill: "none"
+				}) : /* @__PURE__ */ a(e.circle, {
+					cx: "12",
+					cy: "12",
+					r: u,
+					stroke: "var(--color-surface-border)",
+					strokeWidth: O,
+					fill: "none",
+					animate: { opacity: j && !M ? 0 : 1 },
+					transition: {
+						duration: .2,
+						delay: j && !M ? L : 0
+					}
+				}),
+				T ? /* @__PURE__ */ a("circle", {
+					cx: "12",
+					cy: "12",
+					r: u,
+					stroke: N,
+					strokeWidth: O,
+					fill: "none",
+					strokeLinecap: "round",
+					strokeDasharray: A ? `${d * .75} ${d * .25}` : `${d} 0`,
+					style: {
+						transformOrigin: "center",
+						transform: A ? "rotate(-90deg)" : void 0,
+						opacity: j && !M ? 0 : 1
+					}
+				}) : /* @__PURE__ */ a(e.circle, {
+					cx: "12",
+					cy: "12",
+					r: u,
+					stroke: N,
+					strokeWidth: O,
+					fill: "none",
+					strokeLinecap: "round",
+					style: { transformOrigin: "center" },
+					animate: A ? {
+						rotate: [0, 360],
+						strokeDasharray: [
+							`${d * .1} ${d * .9}`,
+							`${d * .75} ${d * .25}`,
+							`${d * .1} ${d * .9}`
+						]
+					} : {
+						rotate: 0,
+						strokeDasharray: `${d} 0`,
+						...!M && { opacity: 0 }
+					},
+					transition: A ? {
+						rotate: {
+							duration: 1,
+							repeat: Infinity,
+							ease: "linear"
+						},
+						strokeDasharray: {
+							duration: 1.5,
+							repeat: Infinity,
+							ease: "easeInOut"
+						}
+					} : {
+						rotate: {
+							duration: .3,
+							ease: "easeOut"
+						},
+						strokeDasharray: {
+							duration: L,
+							ease: "easeInOut"
+						},
+						...!M && { opacity: {
+							duration: .2,
+							delay: L
+						} }
+					}
+				}),
+				/* @__PURE__ */ a(t, { children: j && M && (T ? /* @__PURE__ */ a("circle", {
+					cx: "12",
+					cy: "12",
+					r: u + O / 2,
+					fill: N,
+					stroke: "none"
+				}, "fill-static") : /* @__PURE__ */ a(e.circle, {
+					cx: "12",
+					cy: "12",
+					r: u + O / 2,
+					fill: N,
+					stroke: "none",
+					initial: { opacity: 0 },
+					animate: { opacity: 1 },
+					transition: {
+						duration: .25,
+						delay: .3,
+						ease: "easeOut"
+					},
+					style: { transformOrigin: "center" }
+				}, "fill")) }),
+				/* @__PURE__ */ a(t, { children: y === "success" && (T ? /* @__PURE__ */ a("path", {
+					d: F,
+					stroke: P,
+					strokeWidth: k,
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					fill: "none"
+				}, "check-static") : /* @__PURE__ */ a(e.path, {
+					d: F,
+					stroke: P,
+					strokeWidth: k,
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					fill: "none",
+					initial: {
+						pathLength: 0,
+						opacity: 0
+					},
+					animate: {
+						pathLength: 1,
+						opacity: 1
+					},
+					transition: {
+						pathLength: {
+							duration: z,
+							ease: "easeOut",
+							delay: R
+						},
+						opacity: {
+							duration: .1,
+							delay: R
+						}
+					},
+					onAnimationComplete: () => S?.()
+				}, "check")) }),
+				/* @__PURE__ */ a(t, { children: y === "error" && (T ? /* @__PURE__ */ a("path", {
+					d: I,
+					stroke: P,
+					strokeWidth: k,
+					strokeLinecap: "round",
+					fill: "none"
+				}, "x-static") : /* @__PURE__ */ a(e.path, {
+					d: I,
+					stroke: P,
+					strokeWidth: k,
+					strokeLinecap: "round",
+					fill: "none",
+					initial: {
+						pathLength: 0,
+						opacity: 0
+					},
+					animate: {
+						pathLength: 1,
+						opacity: 1
+					},
+					transition: {
+						pathLength: {
+							duration: z,
+							ease: "easeOut",
+							delay: R
+						},
+						opacity: {
+							duration: .1,
+							delay: R
+						}
+					},
+					onAnimationComplete: () => S?.()
+				}, "x")) })
+			]
+		}), /* @__PURE__ */ a("span", {
+			className: "sr-only",
+			children: f[y]
+		})]
+	});
+});
+v.displayName = "Spinner";
+//#endregion
+export { v as Spinner };

package/dist/ui/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","names":[],"sources":["../../src/ui/spinner.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport {\n  motion,\n  AnimatePresence,\n  useReducedMotion,\n} from 'framer-motion'\nimport { cn } from './lib/utils'\n\nconst sizeClasses = {\n  sm: 'h-ico-sm w-ico-sm',\n  md: 'h-ico-md w-ico-md',\n  lg: 'h-ico-lg w-ico-lg',\n} as const\n\n/** Arc stroke width per size */\nconst arcStrokeWidths = { sm: 3, md: 3, lg: 4 } as const\n\n/** Thinner icon stroke for checkmark / X — feels lighter and more refined */\nconst iconStrokeWidths = { sm: 1.8, md: 2, lg: 2.5 } as const\n\n/**\n * Props for Spinner — an animated arc spinner with optional success (checkmark) and error (X)\n * state transitions, powered by Framer Motion.\n *\n * **Sizes:** `sm` (16px) | `md` (20px, default) | `lg` (24px)\n *\n * **States:**\n * - `spinning` (default): Rotating arc with Material Design-style pulse\n * - `success`: Arc completes to filled green circle, white checkmark draws in\n * - `error`: Arc completes to filled red circle, white X draws in\n *\n * **Variants:**\n * - `filled` (default): Semantic colored fill + white icon — for standalone contexts\n * - `bare`: No fill, icon uses `currentColor` — for embedding in buttons, toolbars, etc.\n *\n * **Accessibility:** `role=\"status\"` with sr-only text that updates per state.\n * Respects `prefers-reduced-motion` — shows static icons with opacity crossfades.\n *\n * @example\n * <Spinner />                                           // basic arc spinner\n * <Spinner size=\"sm\" />                                 // small\n * <Spinner state=\"success\" />                           // filled green circle + white check\n * <Spinner state=\"success\" variant=\"bare\" />            // just the check, currentColor\n * <Spinner state=\"error\" />                             // filled red circle + white X\n * <Spinner delay={150} />                               // no render until 150ms\n * <Spinner state=\"success\" onComplete={handleDone} />   // callback after animation\n */\nexport interface SpinnerProps {\n  /** sm | md | lg — maps to icon size tokens. Default: 'md' */\n  size?: 'sm' | 'md' | 'lg'\n  /** Current state. Default: 'spinning' */\n  state?: 'spinning' | 'success' | 'error'\n  /** Visual variant for success/error states. Default: 'filled' */\n  variant?: 'filled' | 'bare'\n  /** Delay in ms before showing (avoids flicker). Default: 0 */\n  delay?: number\n  /** Fires when success/error transition animation completes */\n  onComplete?: () => void\n  className?: string\n}\n\nconst RADIUS = 10\nconst CIRCUMFERENCE = 2 * Math.PI * RADIUS\n\nconst srText: Record<string, string> = {\n  spinning: 'Loading...',\n  success: 'Complete',\n  error: 'Error',\n}\n\nconst stateColors: Record<string, string> = {\n  spinning: 'var(--color-accent-9)',\n  success: 'var(--color-success-9)',\n  error: 'var(--color-error-9)',\n}\n\n// Filled variant — icons fit inside the filled circle\nconst CHECKMARK_D = 'M7 12.5l3 3 7-7'\nconst X_MARK_D = 'M8 8l8 8M16 8l-8 8'\n\n// Bare variant — larger icons since there's no circle constraining them\nconst CHECKMARK_BARE_D = 'M5 12.5l4 4 10-10'\nconst X_MARK_BARE_D = 'M6 6l12 12M18 6l-12 12'\n\nconst Spinner = React.forwardRef<HTMLSpanElement, SpinnerProps>(\n  ({ size = 'md', state = 'spinning', variant = 'filled', delay = 0, onComplete, className }, ref) => {\n    const prefersReduced = useReducedMotion()\n    const [visible, setVisible] = React.useState(delay === 0)\n\n    React.useEffect(() => {\n      if (delay <= 0) {\n        setVisible(true)\n        return\n      }\n      const timer = setTimeout(() => setVisible(true), delay)\n      return () => clearTimeout(timer)\n    }, [delay])\n\n    if (!visible) return null\n\n    const arcSw = arcStrokeWidths[size]\n    const iconSw = iconStrokeWidths[size]\n    const isSpinning = state === 'spinning'\n    const isFinal = state === 'success' || state === 'error'\n    const isFilled = variant === 'filled'\n    const color = variant === 'bare' && state === 'spinning' ? 'currentColor' : stateColors[state]\n\n    // Icon stroke: white on filled backgrounds, currentColor on bare\n    const iconColor = isFilled ? 'white' : 'currentColor'\n    const checkPath = isFilled ? CHECKMARK_D : CHECKMARK_BARE_D\n    const xPath = isFilled ? X_MARK_D : X_MARK_BARE_D\n\n    // ── Sequence timing (seconds) ──────────────────────────────────\n    // Filled: arc completes → fill fades in → white icon draws\n    // Bare:   arc completes + fades out → currentColor icon draws\n    const ARC_COMPLETE = 0.4\n    const FILL_DELAY = 0.3\n    const FILL_DURATION = 0.25\n    const ICON_DELAY = isFilled ? 0.5 : 0.35\n    const ICON_DURATION = 0.35\n\n    return (\n      <span ref={ref} role=\"status\" className={cn('inline-flex', className)}>\n        <svg\n          className={sizeClasses[size]}\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          {/* Background track circle — hidden in bare final state */}\n          {prefersReduced ? (\n            !(isFinal && !isFilled) && (\n              <circle\n                cx=\"12\"\n                cy=\"12\"\n                r={RADIUS}\n                stroke=\"var(--color-surface-border)\"\n                strokeWidth={arcSw}\n                fill=\"none\"\n              />\n            )\n          ) : (\n            <motion.circle\n              cx=\"12\"\n              cy=\"12\"\n              r={RADIUS}\n              stroke=\"var(--color-surface-border)\"\n              strokeWidth={arcSw}\n              fill=\"none\"\n              animate={{ opacity: isFinal && !isFilled ? 0 : 1 }}\n              transition={{ duration: 0.2, delay: isFinal && !isFilled ? ARC_COMPLETE : 0 }}\n            />\n          )}\n\n          {/* Animated arc — spins when loading, completes to full circle on state change */}\n          {prefersReduced ? (\n            <circle\n              cx=\"12\"\n              cy=\"12\"\n              r={RADIUS}\n              stroke={color}\n              strokeWidth={arcSw}\n              fill=\"none\"\n              strokeLinecap=\"round\"\n              strokeDasharray={\n                isSpinning\n                  ? `${CIRCUMFERENCE * 0.75} ${CIRCUMFERENCE * 0.25}`\n                  : `${CIRCUMFERENCE} 0`\n              }\n              style={{\n                transformOrigin: 'center',\n                transform: isSpinning ? 'rotate(-90deg)' : undefined,\n                opacity: isFinal && !isFilled ? 0 : 1,\n              }}\n            />\n          ) : (\n            <motion.circle\n              cx=\"12\"\n              cy=\"12\"\n              r={RADIUS}\n              stroke={color}\n              strokeWidth={arcSw}\n              fill=\"none\"\n              strokeLinecap=\"round\"\n              style={{ transformOrigin: 'center' }}\n              animate={\n                isSpinning\n                  ? {\n                      rotate: [0, 360],\n                      strokeDasharray: [\n                        `${CIRCUMFERENCE * 0.1} ${CIRCUMFERENCE * 0.9}`,\n                        `${CIRCUMFERENCE * 0.75} ${CIRCUMFERENCE * 0.25}`,\n                        `${CIRCUMFERENCE * 0.1} ${CIRCUMFERENCE * 0.9}`,\n                      ],\n                    }\n                  : {\n                      rotate: 0,\n                      strokeDasharray: `${CIRCUMFERENCE} 0`,\n                      // In bare mode, fade out the arc after it completes\n                      ...(!isFilled && { opacity: 0 }),\n                    }\n              }\n              transition={\n                isSpinning\n                  ? {\n                      rotate: { duration: 1, repeat: Infinity, ease: 'linear' },\n                      strokeDasharray: { duration: 1.5, repeat: Infinity, ease: 'easeInOut' },\n                    }\n                  : {\n                      rotate: { duration: 0.3, ease: 'easeOut' },\n                      strokeDasharray: { duration: ARC_COMPLETE, ease: 'easeInOut' },\n                      ...(!isFilled && { opacity: { duration: 0.2, delay: ARC_COMPLETE } }),\n                    }\n              }\n            />\n          )}\n\n          {/* Filled circle — fades in after arc completes, covers track (filled variant only) */}\n          <AnimatePresence>\n            {isFinal && isFilled &&\n              (prefersReduced ? (\n                <circle\n                  key=\"fill-static\"\n                  cx=\"12\"\n                  cy=\"12\"\n                  r={RADIUS + arcSw / 2}\n                  fill={color}\n                  stroke=\"none\"\n                />\n              ) : (\n                <motion.circle\n                  key=\"fill\"\n                  cx=\"12\"\n                  cy=\"12\"\n                  r={RADIUS + arcSw / 2}\n                  fill={color}\n                  stroke=\"none\"\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  transition={{ duration: FILL_DURATION, delay: FILL_DELAY, ease: 'easeOut' }}\n                  style={{ transformOrigin: 'center' }}\n                />\n              ))}\n          </AnimatePresence>\n\n          {/* Checkmark — white on filled, currentColor on bare */}\n          <AnimatePresence>\n            {state === 'success' &&\n              (prefersReduced ? (\n                <path\n                  key=\"check-static\"\n                  d={checkPath}\n                  stroke={iconColor}\n                  strokeWidth={iconSw}\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  fill=\"none\"\n                />\n              ) : (\n                <motion.path\n                  key=\"check\"\n                  d={checkPath}\n                  stroke={iconColor}\n                  strokeWidth={iconSw}\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  fill=\"none\"\n                  initial={{ pathLength: 0, opacity: 0 }}\n                  animate={{ pathLength: 1, opacity: 1 }}\n                  transition={{\n                    pathLength: { duration: ICON_DURATION, ease: 'easeOut', delay: ICON_DELAY },\n                    opacity: { duration: 0.1, delay: ICON_DELAY },\n                  }}\n                  onAnimationComplete={() => onComplete?.()}\n                />\n              ))}\n          </AnimatePresence>\n\n          {/* X mark — white on filled, currentColor on bare */}\n          <AnimatePresence>\n            {state === 'error' &&\n              (prefersReduced ? (\n                <path\n                  key=\"x-static\"\n                  d={xPath}\n                  stroke={iconColor}\n                  strokeWidth={iconSw}\n                  strokeLinecap=\"round\"\n                  fill=\"none\"\n                />\n              ) : (\n                <motion.path\n                  key=\"x\"\n                  d={xPath}\n                  stroke={iconColor}\n                  strokeWidth={iconSw}\n                  strokeLinecap=\"round\"\n                  fill=\"none\"\n                  initial={{ pathLength: 0, opacity: 0 }}\n                  animate={{ pathLength: 1, opacity: 1 }}\n                  transition={{\n                    pathLength: { duration: ICON_DURATION, ease: 'easeOut', delay: ICON_DELAY },\n                    opacity: { duration: 0.1, delay: ICON_DELAY },\n                  }}\n                  onAnimationComplete={() => onComplete?.()}\n                />\n              ))}\n          </AnimatePresence>\n        </svg>\n        <span className=\"sr-only\">{srText[state]}</span>\n      </span>\n    )\n  },\n)\nSpinner.displayName = 'Spinner'\n\nexport { Spinner }\n"],"mappings":"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"}

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

@@ -1 +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"}
+{"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;AAMzC,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,yFAwNhB,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAA"}