@devalok/shilp-sutra 0.33.2 → 0.34.1

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.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/radio.js

@@ -1,51 +1,42 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { aj as i, ak as t, al as n } from "../_chunks/primitives.js";
-import { IconCircle as l } from "@tabler/icons-react";
-import * as c from "react";
-import { springs as m } from "./lib/motion.js";
-import { cn as o } from "./lib/utils.js";
-import { m as f } from "../_chunks/framer.js";
-const u = c.forwardRef(({ className: r, ...a }, s) => /* @__PURE__ */ e(i, { className: o("grid gap-ds-03", r), ...a, ref: s }));
-u.displayName = i.displayName;
-const p = {
-  sm: "h-5 w-5",
-  md: "h-6 w-6",
-  lg: "h-7 w-7"
-}, b = {
-  sm: "h-1.5 w-1.5",
-  md: "h-ds-03 w-ds-03",
-  lg: "h-2.5 w-2.5"
-}, h = c.forwardRef(({ className: r, size: a = "md", ...s }, d) => /* @__PURE__ */ e(
-  t,
-  {
-    ref: d,
-    className: o(
-      "touch-target aspect-square rounded-ds-full",
-      p[a],
-      "border border-surface-border-strong bg-surface-raised-hover",
-      "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",
-      "hover:border-accent-7 hover:bg-surface-raised-active",
-      "data-[state=checked]:border-accent-7",
-      r
-    ),
-    ...s,
-    children: /* @__PURE__ */ e(n, { asChild: !0, className: "flex items-center justify-center", children: /* @__PURE__ */ e(
-      f.span,
-      {
-        className: "flex items-center justify-center",
-        initial: { scale: 0 },
-        animate: { scale: 1 },
-        transition: m.bouncy,
-        children: /* @__PURE__ */ e(l, { className: o(b[a], "fill-accent-9 text-accent-11") })
-      }
-    ) })
-  }
-));
-h.displayName = t.displayName;
-export {
-  u as RadioGroup,
-  h as RadioGroupItem
-};
+import { ct as e, ot as t, st as n } from "../_chunks/primitives.js";
+import { a as r } from "../_chunks/framer.js";
+import { springs as i } from "./lib/motion.js";
+import { cn as a } from "./lib/utils.js";
+import * as o from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { IconCircle as c } from "@tabler/icons-react";
+//#region src/ui/radio.tsx
+var l = o.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ s(e, {
+	className: a("grid gap-ds-03", t),
+	...n,
+	ref: r
+}));
+l.displayName = e.displayName;
+var u = {
+	sm: "h-5 w-5",
+	md: "h-6 w-6",
+	lg: "h-7 w-7"
+}, d = {
+	sm: "h-1.5 w-1.5",
+	md: "h-ds-03 w-ds-03",
+	lg: "h-2.5 w-2.5"
+}, f = o.forwardRef(({ className: e, size: o = "md", ...l }, f) => /* @__PURE__ */ s(n, {
+	ref: f,
+	className: a("touch-target aspect-square rounded-ds-full", u[o], "border border-surface-border-strong bg-surface-raised-hover", "transition-colors duration-fast-01", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-action-disabled", "hover:border-accent-7 hover:bg-surface-raised-active", "data-[state=checked]:border-accent-7", e),
+	...l,
+	children: /* @__PURE__ */ s(t, {
+		asChild: !0,
+		className: "flex items-center justify-center",
+		children: /* @__PURE__ */ s(r.span, {
+			className: "flex items-center justify-center",
+			initial: { scale: 0 },
+			animate: { scale: 1 },
+			transition: i.bouncy,
+			children: /* @__PURE__ */ s(c, { className: a(d[o], "fill-accent-9 text-accent-11") })
+		})
+	})
+}));
+f.displayName = n.displayName;
+//#endregion
+export { l as RadioGroup, f as RadioGroupItem };

package/dist/ui/search-input.js

@@ -1,54 +1,52 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import { IconX as f, IconSearch as d } from "@tabler/icons-react";
-import * as h from "react";
-import { springs as y } from "./lib/motion.js";
-import { Spinner as S } from "./spinner.js";
-import { Icon as e } from "./icon.js";
-import { Input as u } from "./input.js";
-import { Button as I } from "./button.js";
-import { A as b, m as x } from "../_chunks/framer.js";
-const C = h.forwardRef(
-  ({ className: a, value: i, onClear: r, loading: o, size: c = "md", placeholder: m, ...s }, p) => {
-    const n = i !== void 0 && i !== "", l = o ? /* @__PURE__ */ t(S, { size: "sm" }) : /* @__PURE__ */ t(b, { children: n && r && /* @__PURE__ */ t(
-      x.div,
-      {
-        initial: { opacity: 0, scale: 0.8 },
-        animate: { opacity: 1, scale: 1 },
-        exit: { opacity: 0, scale: 0.8 },
-        transition: y.snappy,
-        children: /* @__PURE__ */ t(
-          I,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "icon-xs",
-            onClick: r,
-            "aria-label": "Clear search",
-            title: "Clear",
-            children: /* @__PURE__ */ t(e, { icon: f })
-          }
-        )
-      }
-    ) });
-    return /* @__PURE__ */ t(
-      u,
-      {
-        ref: p,
-        size: c,
-        startSection: /* @__PURE__ */ t(e, { icon: d }),
-        endSection: l,
-        endSectionClickable: !!n && !o,
-        placeholder: m,
-        value: i,
-        "aria-busy": o || void 0,
-        className: a,
-        ...s
-      }
-    );
-  }
-);
-C.displayName = "SearchInput";
-export {
-  C as SearchInput
-};
+import { a as e, c as t } from "../_chunks/framer.js";
+import { springs as n } from "./lib/motion.js";
+import { Spinner as r } from "./spinner.js";
+import { Icon as i } from "./icon.js";
+import { Button as a } from "./button.js";
+import { Input as o } from "./input.js";
+import * as s from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { IconSearch as l, IconX as u } from "@tabler/icons-react";
+//#region src/ui/search-input.tsx
+var d = s.forwardRef(({ className: s, value: d, onClear: f, loading: p, size: m = "md", placeholder: h, ...g }, _) => {
+	let v = d !== void 0 && d !== "", y = p ? /* @__PURE__ */ c(r, { size: "sm" }) : /* @__PURE__ */ c(t, { children: v && f && /* @__PURE__ */ c(e.div, {
+		initial: {
+			opacity: 0,
+			scale: .8
+		},
+		animate: {
+			opacity: 1,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			scale: .8
+		},
+		transition: n.snappy,
+		children: /* @__PURE__ */ c(a, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-xs",
+			onClick: f,
+			"aria-label": "Clear search",
+			title: "Clear",
+			children: /* @__PURE__ */ c(i, { icon: u })
+		})
+	}) });
+	return /* @__PURE__ */ c(o, {
+		ref: _,
+		size: m,
+		startSection: /* @__PURE__ */ c(i, { icon: l }),
+		endSection: y,
+		endSectionClickable: !!v && !p,
+		placeholder: h,
+		value: d,
+		"aria-busy": p || void 0,
+		className: s,
+		...g
+	});
+});
+d.displayName = "SearchInput";
+//#endregion
+export { d as SearchInput };