@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/popover.js

@@ -1,132 +1,3 @@
 "use client";
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import * as s from "react";
-import { ab as P, a6 as R, a5 as M, a7 as w, q as N, r as y, p as A, o as O, bh as j } from "../_chunks/primitives.js";
-import { cn as g } from "./lib/utils.js";
-import { tweens as v, springs as z } from "./lib/motion.js";
-import { useIsMobile as E } from "../hooks/use-mobile.js";
-import { u as k, A as b, m as p } from "../_chunks/framer.js";
-function B({
-  open: t,
-  onOpenChange: a,
-  children: i,
-  className: d,
-  dragHandle: l = !0,
-  swipeable: c = !0,
-  title: n
-}) {
-  const o = k(), r = s.useRef(null), u = s.useCallback(
-    (f, m) => {
-      const C = r.current?.getBoundingClientRect().height ?? 300;
-      (m.offset.y > C * 0.3 || m.velocity.y > 500) && a(!1);
-    },
-    [a]
-  );
-  return /* @__PURE__ */ e(P, { open: t, onOpenChange: a, children: /* @__PURE__ */ e(b, { children: t && /* @__PURE__ */ h(R, { forceMount: !0, children: [
-    /* @__PURE__ */ e(M, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e(
-      p.div,
-      {
-        className: "fixed inset-0 z-modal bg-overlay",
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        transition: v.fade
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      w,
-      {
-        forceMount: !0,
-        asChild: !0,
-        "aria-label": n,
-        children: /* @__PURE__ */ h(
-          p.div,
-          {
-            ref: r,
-            className: g(
-              "fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-ds-xl border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden",
-              d
-            ),
-            initial: { y: "100%" },
-            animate: { y: 0 },
-            exit: { y: "100%" },
-            transition: o ? { duration: 0 } : { type: "spring", damping: 30, stiffness: 300 },
-            drag: c && !o ? "y" : !1,
-            dragConstraints: { top: 0 },
-            dragElastic: 0.2,
-            onDragEnd: u,
-            children: [
-              l && /* @__PURE__ */ e("div", { className: "flex justify-center pt-ds-03 pb-ds-02", children: /* @__PURE__ */ e("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" }) }),
-              /* @__PURE__ */ e("div", { className: "px-ds-05 pb-ds-06", children: i })
-            ]
-          }
-        )
-      }
-    )
-  ] }) }) });
-}
-const x = s.createContext({ open: !1, onClose: () => {
-} }), D = ({
-  open: t,
-  defaultOpen: a = !1,
-  onOpenChange: i,
-  ...d
-}) => {
-  const [l, c] = s.useState(a), n = t !== void 0, o = n ? t : l, r = s.useCallback(
-    (f) => {
-      n || c(f), i?.(f);
-    },
-    [n, i]
-  ), u = s.useMemo(
-    () => ({ open: o, onClose: () => r(!1) }),
-    [o, r]
-  );
-  return /* @__PURE__ */ e(x.Provider, { value: u, children: /* @__PURE__ */ e(O, { open: o, onOpenChange: r, ...d }) });
-};
-D.displayName = "Popover";
-const _ = A, $ = j, S = s.forwardRef(({ className: t, align: a = "center", sideOffset: i = 4, children: d, ...l }, c) => {
-  const n = E(), { open: o, onClose: r } = s.useContext(x);
-  return n ? /* @__PURE__ */ e(
-    B,
-    {
-      open: o,
-      onOpenChange: (u) => {
-        u || r();
-      },
-      title: "Options",
-      className: t,
-      children: d
-    }
-  ) : /* @__PURE__ */ e(b, { children: o && /* @__PURE__ */ e(N, { forceMount: !0, children: /* @__PURE__ */ e(
-    y,
-    {
-      ref: c,
-      align: a,
-      sideOffset: i,
-      forceMount: !0,
-      asChild: !0,
-      ...l,
-      children: /* @__PURE__ */ e(
-        p.div,
-        {
-          initial: { opacity: 0, scale: 0.95 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.95 },
-          transition: { ...z.snappy, opacity: v.fade },
-          className: g(
-            "z-popover w-72 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden",
-            t
-          ),
-          children: d
-        }
-      )
-    }
-  ) }) });
-});
-S.displayName = y.displayName;
-export {
-  D as Popover,
-  $ as PopoverAnchor,
-  S as PopoverContent,
-  _ as PopoverTrigger
-};
+import { i as e, n as t, r as n, t as r } from "../_chunks/popover.js";
+export { r as Popover, t as PopoverAnchor, n as PopoverContent, e as PopoverTrigger };

package/dist/ui/progress-ring.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-ring.d.ts","sourceRoot":"","sources":["../../src/ui/progress-ring.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B;;;;;;GAMG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IAC1F,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC5D,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,YAAY,yFA2EjB,CAAA;AAGD;;;;;;;;GAQG;AACH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IAC/F,KAAK,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;QAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAC,CAAA;IACF,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,iBAAiB,8FAuDtB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"progress-ring.d.ts","sourceRoot":"","sources":["../../src/ui/progress-ring.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B;;;;;;GAMG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IAC1F,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;IAC5D,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,YAAY,yFA4EjB,CAAA;AAGD;;;;;;;;GAQG;AACH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IAC/F,KAAK,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;QAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAC,CAAA;IACF,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,iBAAiB,8FAuDtB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/ui/progress-ring.js

@@ -1,144 +1,134 @@
 "use client";
-import { jsxs as W, jsx as c } from "react/jsx-runtime";
-import * as f from "react";
-import { springs as y } from "./lib/motion.js";
-import { cn as v } from "./lib/utils.js";
-import { u as w, a as b, b as N, c as S, m as M } from "../_chunks/framer.js";
-const R = {
-  default: "var(--color-accent-9)",
-  success: "var(--color-success-9)",
-  warning: "var(--color-warning-9)",
-  error: "var(--color-error-9)",
-  info: "var(--color-info-9)"
-}, $ = {
-  sm: { size: 32, strokeWidth: 3, fontSize: "text-ds-xs" },
-  md: { size: 48, strokeWidth: 3.5, fontSize: "text-ds-sm" },
-  lg: { size: 64, strokeWidth: 4, fontSize: "text-ds-md" }
-}, B = f.forwardRef(
-  ({ value: l, max: d = 100, size: m = "md", color: h = "default", showValue: u = !1, label: g, className: s, ...r }, k) => {
-    const i = w(), e = $[m], o = (e.size - e.strokeWidth) / 2, a = 2 * Math.PI * o, n = Math.min(Math.max(l / d, 0), 1), p = a * (1 - n), t = e.size / 2, P = Math.round(n * 100), z = b(0), D = N(z, (x) => `${Math.round(x)}%`);
-    return f.useEffect(() => {
-      const x = S(
-        z,
-        n * 100,
-        i ? { type: "tween", duration: 0 } : { stiffness: 100, damping: 30, type: "spring" }
-      );
-      return () => x.stop();
-    }, [n, z, i]), /* @__PURE__ */ W(
-      "svg",
-      {
-        ref: k,
-        width: e.size,
-        height: e.size,
-        viewBox: `0 0 ${e.size} ${e.size}`,
-        role: "progressbar",
-        "aria-valuenow": l,
-        "aria-valuemin": 0,
-        "aria-valuemax": d,
-        "aria-label": g ?? `${P}% progress`,
-        className: v("shrink-0", s),
-        ...r,
-        children: [
-          /* @__PURE__ */ c(
-            "circle",
-            {
-              cx: t,
-              cy: t,
-              r: o,
-              fill: "none",
-              stroke: "var(--color-surface-raised-hover)",
-              strokeWidth: e.strokeWidth
-            }
-          ),
-          /* @__PURE__ */ c(
-            M.circle,
-            {
-              cx: t,
-              cy: t,
-              r: o,
-              fill: "none",
-              stroke: R[h],
-              strokeWidth: e.strokeWidth,
-              strokeLinecap: "round",
-              strokeDasharray: a,
-              initial: { strokeDashoffset: a },
-              animate: { strokeDashoffset: p },
-              transition: i ? { duration: 0 } : y.smooth,
-              transform: `rotate(-90 ${t} ${t})`
-            }
-          ),
-          u && /* @__PURE__ */ c(
-            M.text,
-            {
-              x: t,
-              y: t,
-              textAnchor: "middle",
-              dominantBaseline: "central",
-              className: v(e.fontSize, "fill-surface-fg font-sans font-semibold"),
-              children: D
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-B.displayName = "ProgressRing";
-const V = f.forwardRef(
-  ({ rings: l, size: d = "md", className: m, ...h }, u) => {
-    const g = w(), s = $[d], r = s.size / 2, k = s.strokeWidth + 2;
-    return /* @__PURE__ */ c(
-      "svg",
-      {
-        ref: u,
-        width: s.size,
-        height: s.size,
-        viewBox: `0 0 ${s.size} ${s.size}`,
-        role: "group",
-        "aria-label": "Progress rings",
-        className: v("shrink-0", m),
-        ...h,
-        children: l.map((i, e) => {
-          const o = (s.size - s.strokeWidth) / 2 - e * k;
-          if (o <= 0) return null;
-          const a = 2 * Math.PI * o, n = Math.min(Math.max(i.value / (i.max ?? 100), 0), 1), p = a * (1 - n);
-          return /* @__PURE__ */ W(f.Fragment, { children: [
-            /* @__PURE__ */ c(
-              "circle",
-              {
-                cx: r,
-                cy: r,
-                r: o,
-                fill: "none",
-                stroke: "var(--color-surface-raised-hover)",
-                strokeWidth: s.strokeWidth
-              }
-            ),
-            /* @__PURE__ */ c(
-              M.circle,
-              {
-                cx: r,
-                cy: r,
-                r: o,
-                fill: "none",
-                stroke: R[i.color ?? "default"],
-                strokeWidth: s.strokeWidth,
-                strokeLinecap: "round",
-                strokeDasharray: a,
-                initial: { strokeDashoffset: a },
-                animate: { strokeDashoffset: p },
-                transition: g ? { duration: 0 } : y.smooth,
-                transform: `rotate(-90 ${r} ${r})`
-              }
-            )
-          ] }, e);
-        })
-      }
-    );
-  }
-);
-V.displayName = "MultiProgressRing";
-export {
-  V as MultiProgressRing,
-  B as ProgressRing
-};
+import { a as e, i as t, n, r, t as i } from "../_chunks/framer.js";
+import { springs as a } from "./lib/motion.js";
+import { cn as o } from "./lib/utils.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/ui/progress-ring.tsx
+var u = {
+	default: "var(--color-accent-9)",
+	success: "var(--color-success-9)",
+	warning: "var(--color-warning-9)",
+	error: "var(--color-error-9)",
+	info: "var(--color-info-9)"
+}, d = {
+	sm: {
+		size: 32,
+		strokeWidth: 3,
+		fontSize: "text-ds-xs"
+	},
+	md: {
+		size: 48,
+		strokeWidth: 3.5,
+		fontSize: "text-ds-sm"
+	},
+	lg: {
+		size: 64,
+		strokeWidth: 4,
+		fontSize: "text-ds-md"
+	}
+}, f = s.forwardRef(({ value: f, max: p = 100, size: m = "md", color: h = "default", showValue: g = !1, label: _, className: v, ...y }, b) => {
+	let x = n(), S = d[m], C = (S.size - S.strokeWidth) / 2, w = 2 * Math.PI * C, T = Math.min(Math.max(f / p, 0), 1), E = w * (1 - T), D = S.size / 2, O = Math.round(T * 100), k = t(0), A = r(k, (e) => `${Math.round(e)}%`);
+	return s.useEffect(() => {
+		let e = i(k, T * 100, x ? {
+			type: "tween",
+			duration: 0
+		} : {
+			stiffness: 100,
+			damping: 30,
+			type: "spring"
+		});
+		return () => e.stop();
+	}, [
+		T,
+		k,
+		x
+	]), /* @__PURE__ */ l("svg", {
+		ref: b,
+		width: S.size,
+		height: S.size,
+		viewBox: `0 0 ${S.size} ${S.size}`,
+		role: "progressbar",
+		"aria-valuenow": f,
+		"aria-valuemin": 0,
+		"aria-valuemax": p,
+		"aria-label": _ ?? `${O}% progress`,
+		className: o("shrink-0", v),
+		...y,
+		children: [
+			/* @__PURE__ */ c("circle", {
+				cx: D,
+				cy: D,
+				r: C,
+				fill: "none",
+				stroke: "var(--color-surface-raised-hover)",
+				strokeWidth: S.strokeWidth
+			}),
+			/* @__PURE__ */ c(e.circle, {
+				cx: D,
+				cy: D,
+				r: C,
+				fill: "none",
+				stroke: u[h],
+				strokeWidth: S.strokeWidth,
+				strokeLinecap: "round",
+				strokeDasharray: w,
+				initial: { strokeDashoffset: w },
+				animate: { strokeDashoffset: E },
+				transition: x ? { duration: 0 } : a.smooth,
+				transform: `rotate(-90 ${D} ${D})`
+			}),
+			g && /* @__PURE__ */ c(e.text, {
+				x: D,
+				y: D,
+				textAnchor: "middle",
+				dominantBaseline: "central",
+				className: o(S.fontSize, "fill-surface-fg font-sans font-semibold"),
+				children: A
+			})
+		]
+	});
+});
+f.displayName = "ProgressRing";
+var p = s.forwardRef(({ rings: t, size: r = "md", className: i, ...f }, p) => {
+	let m = n(), h = d[r], g = h.size / 2, _ = h.strokeWidth + 2;
+	return /* @__PURE__ */ c("svg", {
+		ref: p,
+		width: h.size,
+		height: h.size,
+		viewBox: `0 0 ${h.size} ${h.size}`,
+		role: "group",
+		"aria-label": "Progress rings",
+		className: o("shrink-0", i),
+		...f,
+		children: t.map((t, n) => {
+			let r = (h.size - h.strokeWidth) / 2 - n * _;
+			if (r <= 0) return null;
+			let i = 2 * Math.PI * r, o = i * (1 - Math.min(Math.max(t.value / (t.max ?? 100), 0), 1));
+			return /* @__PURE__ */ l(s.Fragment, { children: [/* @__PURE__ */ c("circle", {
+				cx: g,
+				cy: g,
+				r,
+				fill: "none",
+				stroke: "var(--color-surface-raised-hover)",
+				strokeWidth: h.strokeWidth
+			}), /* @__PURE__ */ c(e.circle, {
+				cx: g,
+				cy: g,
+				r,
+				fill: "none",
+				stroke: u[t.color ?? "default"],
+				strokeWidth: h.strokeWidth,
+				strokeLinecap: "round",
+				strokeDasharray: i,
+				initial: { strokeDashoffset: i },
+				animate: { strokeDashoffset: o },
+				transition: m ? { duration: 0 } : a.smooth,
+				transform: `rotate(-90 ${g} ${g})`
+			})] }, n);
+		})
+	});
+});
+p.displayName = "MultiProgressRing";
+//#endregion
+export { p as MultiProgressRing, f as ProgressRing };

package/dist/ui/progress-ring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-ring.js","names":[],"sources":["../../src/ui/progress-ring.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { motion, useMotionValue, useTransform, animate, useReducedMotion } from 'framer-motion'\nimport { springs } from './lib/motion'\nimport { cn } from './lib/utils'\n\nconst colorMap: Record<string, string> = {\n  default: 'var(--color-accent-9)',\n  success: 'var(--color-success-9)',\n  warning: 'var(--color-warning-9)',\n  error: 'var(--color-error-9)',\n  info: 'var(--color-info-9)',\n}\n\nconst sizeConfig = {\n  sm: { size: 32, strokeWidth: 3, fontSize: 'text-ds-xs' },\n  md: { size: 48, strokeWidth: 3.5, fontSize: 'text-ds-sm' },\n  lg: { size: 64, strokeWidth: 4, fontSize: 'text-ds-md' },\n} as const\n\n/**\n * A circular progress indicator with optional label and animated fill.\n *\n * @example\n * <ProgressRing value={75} />\n * <ProgressRing value={3} max={12} size=\"lg\" color=\"warning\" showValue />\n */\nexport interface ProgressRingProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'color'> {\n  /** Current progress value */\n  value: number\n  /** Maximum value @default 100 */\n  max?: number\n  /** @default 'md' */\n  size?: 'sm' | 'md' | 'lg'\n  /** @default 'default' */\n  color?: 'default' | 'success' | 'warning' | 'error' | 'info'\n  /** Show percentage text in center */\n  showValue?: boolean\n  /** Accessible label */\n  label?: string\n}\n\nconst ProgressRing = React.forwardRef<SVGSVGElement, ProgressRingProps>(\n  ({ value, max = 100, size = 'md', color = 'default', showValue = false, label, className, ...props }, ref) => {\n    const prefersReducedMotion = useReducedMotion()\n    const config = sizeConfig[size]\n    const radius = (config.size - config.strokeWidth) / 2\n    const circumference = 2 * Math.PI * radius\n    const progress = Math.min(Math.max(value / max, 0), 1)\n    const offset = circumference * (1 - progress)\n    const center = config.size / 2\n    const percentage = Math.round(progress * 100)\n\n    // Animated counter — drives from 0 → target percentage in sync with the ring fill\n    const motionVal = useMotionValue(0)\n    const displayValue = useTransform(motionVal, (v) => `${Math.round(v)}%`)\n\n    React.useEffect(() => {\n      const controls = animate(motionVal, progress * 100, prefersReducedMotion\n        ? { type: 'tween', duration: 0 }\n        /* Intentionally slower than springs.gentle (200/25/0.8) for smooth ring fill */\n        : { stiffness: 100, damping: 30, type: 'spring' },\n      )\n      return () => controls.stop()\n    }, [progress, motionVal, prefersReducedMotion])\n\n    return (\n      <svg\n        ref={ref}\n        width={config.size}\n        height={config.size}\n        viewBox={`0 0 ${config.size} ${config.size}`}\n        role=\"progressbar\"\n        aria-valuenow={value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-label={label ?? `${percentage}% progress`}\n        className={cn('shrink-0', className)}\n        {...props}\n      >\n        {/* Track */}\n        <circle\n          cx={center}\n          cy={center}\n          r={radius}\n          fill=\"none\"\n          stroke=\"var(--color-surface-raised-hover)\"\n          strokeWidth={config.strokeWidth}\n        />\n        {/* Value */}\n        <motion.circle\n          cx={center}\n          cy={center}\n          r={radius}\n          fill=\"none\"\n          stroke={colorMap[color]}\n          strokeWidth={config.strokeWidth}\n          strokeLinecap=\"round\"\n          strokeDasharray={circumference}\n          initial={{ strokeDashoffset: circumference }}\n          animate={{ strokeDashoffset: offset }}\n          transition={prefersReducedMotion ? { duration: 0 } : springs.smooth}\n          transform={`rotate(-90 ${center} ${center})`}\n        />\n        {showValue && (\n          <motion.text\n            x={center}\n            y={center}\n            textAnchor=\"middle\"\n            dominantBaseline=\"central\"\n            className={cn(config.fontSize, 'fill-surface-fg font-sans font-semibold')}\n          >\n            {displayValue}\n          </motion.text>\n        )}\n      </svg>\n    )\n  },\n)\nProgressRing.displayName = 'ProgressRing'\n\n/**\n * Multi-ring progress display (Activity Ring style).\n *\n * @example\n * <MultiProgressRing rings={[\n *   { value: 80, color: 'error', label: 'Move' },\n *   { value: 60, color: 'success', label: 'Exercise' },\n * ]} size=\"lg\" />\n */\nexport interface MultiProgressRingProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'color'> {\n  rings: Array<{\n    value: number\n    max?: number\n    color?: 'default' | 'success' | 'warning' | 'error' | 'info'\n    label?: string\n  }>\n  /** @default 'md' */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst MultiProgressRing = React.forwardRef<SVGSVGElement, MultiProgressRingProps>(\n  ({ rings, size = 'md', className, ...props }, ref) => {\n    const prefersReducedMotion = useReducedMotion()\n    const config = sizeConfig[size]\n    const center = config.size / 2\n    const gap = config.strokeWidth + 2\n\n    return (\n      <svg\n        ref={ref}\n        width={config.size}\n        height={config.size}\n        viewBox={`0 0 ${config.size} ${config.size}`}\n        role=\"group\"\n        aria-label=\"Progress rings\"\n        className={cn('shrink-0', className)}\n        {...props}\n      >\n        {rings.map((ring, i) => {\n          const radius = (config.size - config.strokeWidth) / 2 - i * gap\n          if (radius <= 0) return null\n          const circumference = 2 * Math.PI * radius\n          const progress = Math.min(Math.max((ring.value) / (ring.max ?? 100), 0), 1)\n          const offset = circumference * (1 - progress)\n\n          return (\n            <React.Fragment key={i}>\n              <circle\n                cx={center}\n                cy={center}\n                r={radius}\n                fill=\"none\"\n                stroke=\"var(--color-surface-raised-hover)\"\n                strokeWidth={config.strokeWidth}\n              />\n              <motion.circle\n                cx={center}\n                cy={center}\n                r={radius}\n                fill=\"none\"\n                stroke={colorMap[ring.color ?? 'default']}\n                strokeWidth={config.strokeWidth}\n                strokeLinecap=\"round\"\n                strokeDasharray={circumference}\n                initial={{ strokeDashoffset: circumference }}\n                animate={{ strokeDashoffset: offset }}\n                transition={prefersReducedMotion ? { duration: 0 } : springs.smooth}\n                transform={`rotate(-90 ${center} ${center})`}\n              />\n            </React.Fragment>\n          )\n        })}\n      </svg>\n    )\n  },\n)\nMultiProgressRing.displayName = 'MultiProgressRing'\n\nexport { ProgressRing, MultiProgressRing }\n"],"mappings":"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"}

package/dist/ui/progress.js

@@ -1,96 +1,52 @@
 "use client";
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import * as x from "react";
-import { aP as c, aQ as d } from "../_chunks/primitives.js";
-import { a as m } from "../_chunks/vendor-utils.js";
-import { cn as s } from "./lib/utils.js";
-import { springs as N } from "./lib/motion.js";
-import { m as b } from "../_chunks/framer.js";
-const v = m(
-  "relative w-full overflow-hidden rounded-ds-full bg-surface-raised",
-  {
-    variants: {
-      size: {
-        sm: "h-1",
-        md: "h-2",
-        lg: "h-3"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), l = m(
-  "h-full w-full flex-1 transition-[width] duration-moderate-02 ease-expressive-standard",
-  {
-    variants: {
-      color: {
-        default: "bg-accent-9",
-        success: "bg-success-9",
-        warning: "bg-warning-9",
-        error: "bg-error-9"
-      }
-    },
-    defaultVariants: { color: "default" }
-  }
-), V = x.forwardRef(
-  ({
-    className: f,
-    value: r,
-    size: u,
-    color: p,
-    indicatorClassName: t,
-    showLabel: o,
-    autoColor: g,
-    ...h
-  }, w) => {
-    const e = r == null, i = g && r != null ? r > 100 ? "error" : r >= 85 ? "success" : r >= 60 ? "warning" : "default" : p;
-    return /* @__PURE__ */ n("div", { className: s("flex items-center gap-ds-03", o && "w-full"), children: [
-      /* @__PURE__ */ a(
-        c,
-        {
-          ref: w,
-          value: e ? null : r,
-          className: s(v({ size: u }), f),
-          ...h,
-          children: e ? /* @__PURE__ */ a(
-            d,
-            {
-              className: s(
-                l({ color: i }),
-                "w-2/5 animate-progress-indeterminate motion-reduce:animate-none",
-                t
-              )
-            }
-          ) : /* @__PURE__ */ a(
-            d,
-            {
-              className: s("h-full", t),
-              asChild: !0,
-              children: /* @__PURE__ */ a(
-                b.div,
-                {
-                  className: s(
-                    l({ color: i }),
-                    "transition-colors duration-moderate-01 ease-productive-standard"
-                  ),
-                  initial: !1,
-                  animate: { width: `${r || 0}%` },
-                  transition: N.smooth
-                }
-              )
-            }
-          )
-        }
-      ),
-      o && !e && /* @__PURE__ */ n("span", { className: "shrink-0 text-ds-xs text-surface-fg-muted tabular-nums", children: [
-        r,
-        "%"
-      ] })
-    ] });
-  }
-);
-V.displayName = c.displayName;
-export {
-  V as Progress,
-  l as progressIndicatorVariants,
-  v as progressTrackVariants
-};
+import { F as e, P as t } from "../_chunks/primitives.js";
+import { a as n } from "../_chunks/framer.js";
+import { springs as r } from "./lib/motion.js";
+import { t as i } from "../_chunks/vendor-utils.js";
+import { cn as a } from "./lib/utils.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/ui/progress.tsx
+var l = i("relative w-full overflow-hidden rounded-ds-full bg-surface-raised", {
+	variants: { size: {
+		sm: "h-1",
+		md: "h-2",
+		lg: "h-3"
+	} },
+	defaultVariants: { size: "md" }
+}), u = i("h-full w-full flex-1 transition-[width] duration-moderate-02 ease-expressive-standard", {
+	variants: { color: {
+		default: "bg-accent-9",
+		success: "bg-success-9",
+		warning: "bg-warning-9",
+		error: "bg-error-9"
+	} },
+	defaultVariants: { color: "default" }
+}), d = o.forwardRef(({ className: i, value: o, size: d, color: f, indicatorClassName: p, showLabel: m, autoColor: h, ...g }, _) => {
+	let v = o == null, y = h && o != null ? o > 100 ? "error" : o >= 85 ? "success" : o >= 60 ? "warning" : "default" : f;
+	return /* @__PURE__ */ c("div", {
+		className: a("flex items-center gap-ds-03", m && "w-full"),
+		children: [/* @__PURE__ */ s(e, {
+			ref: _,
+			value: v ? null : o,
+			className: a(l({ size: d }), i),
+			...g,
+			children: v ? /* @__PURE__ */ s(t, { className: a(u({ color: y }), "w-2/5 animate-progress-indeterminate motion-reduce:animate-none", p) }) : /* @__PURE__ */ s(t, {
+				className: a("h-full", p),
+				asChild: !0,
+				children: /* @__PURE__ */ s(n.div, {
+					className: a(u({ color: y }), "transition-colors duration-moderate-01 ease-productive-standard"),
+					initial: !1,
+					animate: { width: `${o || 0}%` },
+					transition: r.smooth
+				})
+			})
+		}), m && !v && /* @__PURE__ */ c("span", {
+			className: "shrink-0 text-ds-xs text-surface-fg-muted tabular-nums",
+			children: [o, "%"]
+		})]
+	});
+});
+d.displayName = e.displayName;
+//#endregion
+export { d as Progress, u as progressIndicatorVariants, l as progressTrackVariants };

package/dist/ui/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":[],"sources":["../../src/ui/progress.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ProgressPrimitive from '@primitives/react-progress'\nimport { motion } from 'framer-motion'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from './lib/utils'\nimport { springs } from './lib/motion'\n\n/* ---------------------------------------------------------------------------\n * CVA Variants\n * ------------------------------------------------------------------------ */\n\nconst progressTrackVariants = cva(\n  'relative w-full overflow-hidden rounded-ds-full bg-surface-raised',\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        md: 'h-2',\n        lg: 'h-3',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n)\n\nconst progressIndicatorVariants = cva(\n  'h-full w-full flex-1 transition-[width] duration-moderate-02 ease-expressive-standard',\n  {\n    variants: {\n      color: {\n        default: 'bg-accent-9',\n        success: 'bg-success-9',\n        warning: 'bg-warning-9',\n        error: 'bg-error-9',\n      },\n    },\n    defaultVariants: { color: 'default' },\n  },\n)\n\n/* ---------------------------------------------------------------------------\n * Types\n * ------------------------------------------------------------------------ */\n\n/**\n * Props for Progress — a horizontal progress bar with size and color variants, an optional\n * percentage label, and an indeterminate animation when `value` is undefined/null.\n *\n * **Track size:** `sm` (4px) | `md` (8px, default) | `lg` (12px)\n *\n * **Indicator color:** `default` (brand interactive) | `success` | `warning` | `error`\n *\n * **Indeterminate:** Omit `value` (or pass `undefined`) to show an animated indeterminate bar.\n * When `value` is provided, it should be a number between 0–100.\n *\n * **`showLabel`:** Renders the percentage value next to the bar (only when `value` is set).\n *\n * @example\n * // Determinate upload progress:\n * <Progress value={uploadPercent} color=\"default\" showLabel />\n *\n * @example\n * // Indeterminate loading bar (while waiting for an async operation):\n * <Progress size=\"sm\" />\n *\n * @example\n * // Success-colored completion bar (e.g. after all tasks done):\n * <Progress value={100} color=\"success\" size=\"md\" />\n *\n * @example\n * // Warning threshold indicator (disk usage at 80%):\n * <Progress value={80} color=\"warning\" showLabel size=\"lg\" />\n * // These are just a few ways — feel free to combine props creatively!\n */\ninterface ProgressProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>,\n      'color'\n    >,\n    VariantProps<typeof progressTrackVariants>,\n    VariantProps<typeof progressIndicatorVariants> {\n  /** Additional class names for the indicator element */\n  indicatorClassName?: string\n  /** Display the percentage label next to the progress bar */\n  showLabel?: boolean\n  /** When true, color auto-shifts by value: 0-59 = default (accent), 60-84 = warning, 85-100 = success, >100 = error. @default false */\n  autoColor?: boolean\n}\n\n/* ---------------------------------------------------------------------------\n * Component\n * ------------------------------------------------------------------------ */\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(\n  (\n    {\n      className,\n      value,\n      size,\n      color,\n      indicatorClassName,\n      showLabel,\n      autoColor,\n      ...props\n    },\n    ref,\n  ) => {\n    const isIndeterminate = value === undefined || value === null\n\n    const effectiveColor =\n      autoColor && value != null\n        ? value > 100\n          ? 'error'\n          : value >= 85\n            ? 'success'\n            : value >= 60\n              ? 'warning'\n              : 'default'\n        : color\n\n    return (\n      <div className={cn('flex items-center gap-ds-03', showLabel && 'w-full')}>\n        <ProgressPrimitive.Root\n          ref={ref}\n          value={isIndeterminate ? null : value}\n          className={cn(progressTrackVariants({ size }), className)}\n          {...props}\n        >\n          {isIndeterminate ? (\n            <ProgressPrimitive.Indicator\n              className={cn(\n                progressIndicatorVariants({ color: effectiveColor }),\n                'w-2/5 animate-progress-indeterminate motion-reduce:animate-none',\n                indicatorClassName,\n              )}\n            />\n          ) : (\n            <ProgressPrimitive.Indicator\n              className={cn('h-full', indicatorClassName)}\n              asChild\n            >\n              <motion.div\n                className={cn(\n                  progressIndicatorVariants({ color: effectiveColor }),\n                  'transition-colors duration-moderate-01 ease-productive-standard',\n                )}\n                initial={false}\n                animate={{ width: `${value || 0}%` }}\n                transition={springs.smooth}\n              />\n            </ProgressPrimitive.Indicator>\n          )}\n        </ProgressPrimitive.Root>\n\n        {showLabel && !isIndeterminate && (\n          <span className=\"shrink-0 text-ds-xs text-surface-fg-muted tabular-nums\">\n            {value}%\n          </span>\n        )}\n      </div>\n    )\n  },\n)\nProgress.displayName = ProgressPrimitive.Root.displayName\n\nexport { Progress, progressTrackVariants, progressIndicatorVariants }\nexport type { ProgressProps }\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAwB,EAC5B,qEACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,MAAM,MAAM;CAChC,CACF,EAEK,IAA4B,EAChC,yFACA;CACE,UAAU,EACR,OAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,OAAO;EACR,EACF;CACD,iBAAiB,EAAE,OAAO,WAAW;CACtC,CACF,EAuDK,IAAW,EAAM,YAKnB,EACE,cACA,UACA,SACA,UACA,uBACA,cACA,cACA,GAAG,KAEL,MACG;CACH,IAAM,IAAkB,KAAiC,MAEnD,IACJ,KAAa,KAAS,OAClB,IAAQ,MACN,UACA,KAAS,KACP,YACA,KAAS,KACP,YACA,YACN;AAEN,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,+BAA+B,KAAa,SAAS;YAAxE,CACE,kBAAC,GAAD;GACO;GACL,OAAO,IAAkB,OAAO;GAChC,WAAW,EAAG,EAAsB,EAAE,SAAM,CAAC,EAAE,EAAU;GACzD,GAAI;aAEH,IACC,kBAAC,GAAD,EACE,WAAW,EACT,EAA0B,EAAE,OAAO,GAAgB,CAAC,EACpD,mEACA,EACD,EACD,CAAA,GAEF,kBAAC,GAAD;IACE,WAAW,EAAG,UAAU,EAAmB;IAC3C,SAAA;cAEA,kBAAC,EAAO,KAAR;KACE,WAAW,EACT,EAA0B,EAAE,OAAO,GAAgB,CAAC,EACpD,kEACD;KACD,SAAS;KACT,SAAS,EAAE,OAAO,GAAG,KAAS,EAAE,IAAI;KACpC,YAAY,EAAQ;KACpB,CAAA;IAC0B,CAAA;GAET,CAAA,EAExB,KAAa,CAAC,KACb,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACG,GAAM,IACF;KAEL;;EAGX;AACD,EAAS,cAAA,EAAqC"}

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/ui/radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAA;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,UAAU,+JAKd,CAAA;AAGF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IAC1G,qFAAqF;IACrF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAcD,QAAA,MAAM,cAAc,+FAgClB,CAAA;AAGF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAA;AAE7F,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/ui/radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAA;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,UAAU,+JAmBd,CAAA;AAGF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IAC1G,qFAAqF;IACrF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAcD,QAAA,MAAM,cAAc,+FAgClB,CAAA;AAGF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAA;AAE7F,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}