@devalok/shilp-sutra 0.55.1 → 0.56.0

package/dist/ui/dot.js

@@ -1,8 +1,8 @@
 "use client";
-import { cva as e } from "../_chunks/vendor-utils.js";
-import { cn as t } from "./lib/utils.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { cn as e } from "./lib/utils.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { cva as i } from "class-variance-authority";
 //#region src/ui/dot.tsx
 var a = {
 	accent: "bg-accent-9",
@@ -40,7 +40,7 @@ var a = {
 	slow: "2s",
 	normal: "1s",
 	fast: "0.6s"
-}, u = e("relative inline-flex shrink-0 rounded-pill", {
+}, u = i("relative inline-flex shrink-0 rounded-pill", {
 	variants: { size: {
 		xs: "h-1 w-1",
 		sm: "h-1.5 w-1.5",
@@ -53,26 +53,26 @@ var a = {
 	sm: "text-body-xs",
 	md: "text-body-sm",
 	lg: "text-body-sm"
-}, f = n.forwardRef(({ color: e = "neutral", size: n = "md", variant: f = "filled", withBorder: p = !1, pulse: m = !1, pulseSpeed: h = "normal", label: g, labelPosition: _ = "end", labelClassName: v, className: y, "aria-label": b, ...x }, S) => {
-	let C = n ?? "md", w = g != null || b != null, T = m && f !== "off", E = t(u({ size: C }), f === "filled" && a[e], f === "ring" && t("border-[1.5px] bg-transparent", o[e]), f === "off" && t("border", s[e]), p && "ring-2 ring-surface-raised"), D = g == null ? null : /* @__PURE__ */ r("span", {
-		className: t(d[C], c[e], "font-sans", v),
+}, f = t.forwardRef(({ color: t = "neutral", size: i = "md", variant: f = "filled", withBorder: p = !1, pulse: m = !1, pulseSpeed: h = "normal", label: g, labelPosition: _ = "end", labelClassName: v, className: y, "aria-label": b, ...x }, S) => {
+	let C = i ?? "md", w = g != null || b != null, T = m && f !== "off", E = e(u({ size: C }), f === "filled" && a[t], f === "ring" && e("border-[1.5px] bg-transparent", o[t]), f === "off" && e("border", s[t]), p && "ring-2 ring-surface-raised"), D = g == null ? null : /* @__PURE__ */ n("span", {
+		className: e(d[C], c[t], "font-sans", v),
 		children: g
 	});
-	return /* @__PURE__ */ i("span", {
+	return /* @__PURE__ */ r("span", {
 		ref: S,
 		role: w ? "status" : void 0,
 		"aria-hidden": !w || void 0,
 		"aria-label": b,
-		className: t("inline-flex items-center gap-ds-02", y),
+		className: e("inline-flex items-center gap-ds-02", y),
 		...x,
 		children: [
 			_ === "start" && D,
-			/* @__PURE__ */ r("span", {
+			/* @__PURE__ */ n("span", {
 				className: "relative inline-flex shrink-0",
-				children: /* @__PURE__ */ r("span", {
+				children: /* @__PURE__ */ n("span", {
 					"data-pulse": T ? "" : void 0,
 					style: T ? { animationDuration: l[h] } : void 0,
-					className: t(E, T && "animate-pulse motion-reduce:animate-none")
+					className: e(E, T && "animate-pulse motion-reduce:animate-none")
 				})
 			}),
 			_ === "end" && D

package/dist/ui/input.js

@@ -1,13 +1,13 @@
 "use client";
 import { IconProvider as e } from "./icon-context.js";
-import { cva as t } from "../_chunks/vendor-utils.js";
-import { cn as n } from "./lib/utils.js";
-import { useFormField as r } from "./form.js";
-import { resolveFieldState as i } from "../_chunks/field-state.js";
-import * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { cn as t } from "./lib/utils.js";
+import { useFormField as n } from "./form.js";
+import { resolveFieldState as r } from "../_chunks/field-state.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { cva as s } from "class-variance-authority";
 //#region src/ui/input.tsx
-var c = t([
+var c = s([
 	"relative flex items-center w-full font-sans",
 	"bg-surface-raised-hover text-surface-fg",
 	"border border-surface-border-strong rounded-control",
@@ -34,8 +34,8 @@ var c = t([
 	sm: "sm",
 	md: "md",
 	lg: "lg"
-}, d = a.forwardRef(({ className: t, type: a, state: d, size: f = "md", startSection: p, endSection: m, startSectionClickable: h, endSectionClickable: g, startSectionType: _, endSectionType: v, wrapperClassName: y, ...b }, x) => {
-	let S = f ?? "md", C = r(), w = i(d, C.state), T = b["aria-describedby"] ?? C.helperTextId, E = b["aria-required"] ?? C.required, D = b.id ?? C.inputId, O = !!p, k = !!m, A = _ ?? (typeof p == "string" ? "label" : "icon"), j = v ?? (typeof m == "string" ? "label" : "icon"), M = {
+}, d = i.forwardRef(({ className: i, type: s, state: d, size: f = "md", startSection: p, endSection: m, startSectionClickable: h, endSectionClickable: g, startSectionType: _, endSectionType: v, wrapperClassName: y, ...b }, x) => {
+	let S = f ?? "md", C = n(), w = r(d, C.state), T = b["aria-describedby"] ?? C.helperTextId, E = b["aria-required"] ?? C.required, D = b.id ?? C.inputId, O = !!p, k = !!m, A = _ ?? (typeof p == "string" ? "label" : "icon"), j = v ?? (typeof m == "string" ? "label" : "icon"), M = {
 		xs: "px-ds-02",
 		sm: "px-ds-02",
 		md: "px-ds-03",
@@ -46,28 +46,28 @@ var c = t([
 		md: "text-body-sm",
 		lg: "text-body-md"
 	};
-	return /* @__PURE__ */ s("div", {
-		className: n(c({ size: S }), w === "error" && "border-error-7 focus-within:ring-error-7", w === "warning" && "border-warning-7 focus-within:ring-warning-7", w === "success" && "border-success-7 focus-within:ring-success-7", y),
+	return /* @__PURE__ */ o("div", {
+		className: t(c({ size: S }), w === "error" && "border-error-7 focus-within:ring-error-7", w === "warning" && "border-warning-7 focus-within:ring-warning-7", w === "success" && "border-success-7 focus-within:ring-success-7", y),
 		children: [
-			O && A === "label" && /* @__PURE__ */ o("span", {
-				className: n("flex items-center shrink-0 select-none self-stretch", "border-r border-surface-border", "bg-surface-raised text-surface-fg-muted", "rounded-l-[inherit]", M[S], N[S], !h && "pointer-events-none"),
+			O && A === "label" && /* @__PURE__ */ a("span", {
+				className: t("flex items-center shrink-0 select-none self-stretch", "border-r border-surface-border", "bg-surface-raised text-surface-fg-muted", "rounded-l-[inherit]", M[S], N[S], !h && "pointer-events-none"),
 				children: p
 			}),
-			O && A === "icon" && /* @__PURE__ */ o(e, {
+			O && A === "icon" && /* @__PURE__ */ a(e, {
 				size: u[S],
-				children: /* @__PURE__ */ o("span", {
-					className: n("flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted", l[S], !h && "pointer-events-none"),
+				children: /* @__PURE__ */ a("span", {
+					className: t("flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted", l[S], !h && "pointer-events-none"),
 					children: p
 				})
 			}),
-			/* @__PURE__ */ o("input", {
-				type: a,
-				className: n("flex-1 min-w-0 h-full bg-transparent outline-hidden font-sans", "placeholder:text-surface-fg-subtle", "disabled:cursor-not-allowed", "read-only:cursor-default", {
+			/* @__PURE__ */ a("input", {
+				type: s,
+				className: t("flex-1 min-w-0 h-full bg-transparent outline-hidden font-sans", "placeholder:text-surface-fg-subtle", "disabled:cursor-not-allowed", "read-only:cursor-default", {
 					xs: "px-ds-02",
 					sm: "px-ds-03",
 					md: "px-ds-03",
 					lg: "px-ds-04"
-				}[S], O && A === "icon" && "pl-0", k && j === "icon" && "pr-0", t),
+				}[S], O && A === "icon" && "pl-0", k && j === "icon" && "pr-0", i),
 				"aria-invalid": w === "error" || void 0,
 				"aria-describedby": T,
 				"aria-required": E || void 0,
@@ -75,14 +75,14 @@ var c = t([
 				...b,
 				id: D
 			}),
-			k && j === "label" && /* @__PURE__ */ o("span", {
-				className: n("flex items-center shrink-0 select-none self-stretch", "border-l border-surface-border", "bg-surface-raised text-surface-fg-muted", "rounded-r-[inherit]", M[S], N[S], !g && "pointer-events-none"),
+			k && j === "label" && /* @__PURE__ */ a("span", {
+				className: t("flex items-center shrink-0 select-none self-stretch", "border-l border-surface-border", "bg-surface-raised text-surface-fg-muted", "rounded-r-[inherit]", M[S], N[S], !g && "pointer-events-none"),
 				children: m
 			}),
-			k && j === "icon" && /* @__PURE__ */ o(e, {
+			k && j === "icon" && /* @__PURE__ */ a(e, {
 				size: u[S],
-				children: /* @__PURE__ */ o("span", {
-					className: n("flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted", l[S], !g && "pointer-events-none"),
+				children: /* @__PURE__ */ a("span", {
+					className: t("flex items-center justify-center shrink-0 self-stretch text-surface-fg-muted", l[S], !g && "pointer-events-none"),
 					children: m
 				})
 			})

package/dist/ui/lib/utils.js

@@ -1,4 +1,5 @@
-import { clsx as e, extendTailwindMerge as t } from "../../_chunks/vendor-utils.js";
+import { clsx as e } from "clsx";
+import { extendTailwindMerge as t } from "tailwind-merge";
 //#region src/ui/lib/utils.ts
 var n = t({ extend: {
 	theme: { spacing: [

package/dist/ui/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../src/ui/lib/utils.ts"],"sourcesContent":["// @server-safe\nimport { type ClassValue,clsx } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    theme: {\n      spacing: ['ds-01', 'ds-02', 'ds-02b', 'ds-03', 'ds-04', 'ds-05', 'ds-05b', 'ds-06', 'ds-06b', 'ds-07', 'ds-08', 'ds-09', 'ds-10', 'ds-11', 'ds-12', 'ds-13'],\n    },\n    classGroups: {\n      // All size ramps live in the font-size group so they're mutually exclusive\n      // with EACH OTHER but NOT confused with text-COLOR utilities (text-error-11,\n      // text-surface-fg, …). Without registering these, tw-merge classifies\n      // `text-body-md` as a colour and silently strips a real colour on the same element.\n      'font-size': [\n        { 'text-ds': ['xs', 'sm', 'md', 'base', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl'] },\n        { 'text-heading': ['2xl', 'xl', 'lg', 'md', 'sm', 'xs'] },\n        { 'text-body': ['lg', 'md', 'sm', 'xs'] },\n        { 'text-label': ['lg', 'md', 'sm', 'xs'] },\n        { 'text-label-plain': ['lg', 'md', 'sm'] },\n        'text-caption',\n        'text-code',\n      ],\n    },\n  },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;AAIA,IAAM,IAAU,EAAoB,EAClC,QAAQ;CACN,OAAO,EACL,SAAS;EAAC;EAAS;EAAS;EAAU;EAAS;EAAS;EAAS;EAAU;EAAS;EAAU;EAAS;EAAS;EAAS;EAAS;EAAS;EAAS;CAAO,EAC7J;CACA,aAAa,EAKX,aAAa;EACX,EAAE,WAAW;GAAC;GAAM;GAAM;GAAM;GAAQ;GAAM;GAAM;GAAO;GAAO;GAAO;GAAO;EAAK,EAAE;EACvF,EAAE,gBAAgB;GAAC;GAAO;GAAM;GAAM;GAAM;GAAM;EAAI,EAAE;EACxD,EAAE,aAAa;GAAC;GAAM;GAAM;GAAM;EAAI,EAAE;EACxC,EAAE,cAAc;GAAC;GAAM;GAAM;GAAM;EAAI,EAAE;EACzC,EAAE,oBAAoB;GAAC;GAAM;GAAM;EAAI,EAAE;EACzC;EACA;CACF,EACF;AACF,EACF,CAAC;AAED,SAAgB,EAAG,GAAG,GAAsB;CAC1C,OAAO,EAAQ,EAAK,CAAM,CAAC;AAC7B"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/ui/lib/utils.ts"],"sourcesContent":["// @server-safe\nimport { type ClassValue,clsx } from 'clsx'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    theme: {\n      spacing: ['ds-01', 'ds-02', 'ds-02b', 'ds-03', 'ds-04', 'ds-05', 'ds-05b', 'ds-06', 'ds-06b', 'ds-07', 'ds-08', 'ds-09', 'ds-10', 'ds-11', 'ds-12', 'ds-13'],\n    },\n    classGroups: {\n      // All size ramps live in the font-size group so they're mutually exclusive\n      // with EACH OTHER but NOT confused with text-COLOR utilities (text-error-11,\n      // text-surface-fg, …). Without registering these, tw-merge classifies\n      // `text-body-md` as a colour and silently strips a real colour on the same element.\n      'font-size': [\n        { 'text-ds': ['xs', 'sm', 'md', 'base', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl'] },\n        { 'text-heading': ['2xl', 'xl', 'lg', 'md', 'sm', 'xs'] },\n        { 'text-body': ['lg', 'md', 'sm', 'xs'] },\n        { 'text-label': ['lg', 'md', 'sm', 'xs'] },\n        { 'text-label-plain': ['lg', 'md', 'sm'] },\n        'text-caption',\n        'text-code',\n      ],\n    },\n  },\n})\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;AAIA,IAAM,IAAU,EAAoB,EAClC,QAAQ;CACN,OAAO,EACL,SAAS;EAAC;EAAS;EAAS;EAAU;EAAS;EAAS;EAAS;EAAU;EAAS;EAAU;EAAS;EAAS;EAAS;EAAS;EAAS;EAAS;CAAO,EAC7J;CACA,aAAa,EAKX,aAAa;EACX,EAAE,WAAW;GAAC;GAAM;GAAM;GAAM;GAAQ;GAAM;GAAM;GAAO;GAAO;GAAO;GAAO;EAAK,EAAE;EACvF,EAAE,gBAAgB;GAAC;GAAO;GAAM;GAAM;GAAM;GAAM;EAAI,EAAE;EACxD,EAAE,aAAa;GAAC;GAAM;GAAM;GAAM;EAAI,EAAE;EACxC,EAAE,cAAc;GAAC;GAAM;GAAM;GAAM;EAAI,EAAE;EACzC,EAAE,oBAAoB;GAAC;GAAM;GAAM;EAAI,EAAE;EACzC;EACA;CACF,EACF;AACF,EACF,CAAC;AAED,SAAgB,EAAG,GAAG,GAAsB;CAC1C,OAAO,EAAQ,EAAK,CAAM,CAAC;AAC7B"}

package/dist/ui/number-input.js

@@ -1,14 +1,14 @@
 "use client";
-import { cva as e } from "../_chunks/vendor-utils.js";
-import { cn as t } from "./lib/utils.js";
-import { Icon as n } from "./icon.js";
-import { useFormField as r } from "./form.js";
-import { resolveFieldState as i } from "../_chunks/field-state.js";
-import * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { IconMinus as c, IconPlus as l } from "@tabler/icons-react";
+import { cn as e } from "./lib/utils.js";
+import { Icon as t } from "./icon.js";
+import { useFormField as n } from "./form.js";
+import { resolveFieldState as r } from "../_chunks/field-state.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { IconMinus as s, IconPlus as c } from "@tabler/icons-react";
+import { cva as l } from "class-variance-authority";
 //#region src/ui/number-input.tsx
-var u = e("flex items-center justify-between rounded-control border border-surface-border-strong", {
+var u = l("flex items-center justify-between rounded-control border border-surface-border-strong", {
 	variants: { size: {
 		xs: "h-ds-xs-plus",
 		sm: "h-ds-sm",
@@ -36,43 +36,43 @@ var u = e("flex items-center justify-between rounded-control border border-surfa
 	error: "border-error-7",
 	warning: "border-warning-7",
 	success: "border-success-7"
-}, h = a.forwardRef(({ value: e = 0, onValueChange: a, min: h = -(2 ** 53 - 1), max: g = 2 ** 53 - 1, step: _ = 1, disabled: v = !1, className: y, size: b = "md", state: x, "aria-label": S, ...C }, w) => {
-	let T = b ?? "md", E = r(), D = S ?? (C.id || E.helperTextId ? void 0 : "Numeric value"), O = i(x, E.state) ?? "default", k = (e) => {
+}, h = i.forwardRef(({ value: i = 0, onValueChange: l, min: h = -(2 ** 53 - 1), max: g = 2 ** 53 - 1, step: _ = 1, disabled: v = !1, className: y, size: b = "md", state: x, "aria-label": S, ...C }, w) => {
+	let T = b ?? "md", E = n(), D = S ?? (C.id || E.helperTextId ? void 0 : "Numeric value"), O = r(x, E.state) ?? "default", k = (e) => {
 		let t = e.target.value.trim();
 		if (t === "" || t === "-") {
-			a?.(h >= 0 ? h : 0);
+			l?.(h >= 0 ? h : 0);
 			return;
 		}
 		let n = Number(t);
-		Number.isNaN(n) || a?.(Math.min(Math.max(n, h), g));
-	}, A = (t) => {
-		t.preventDefault();
-		let n = e + _;
-		n <= g && a?.(n);
-	}, j = (t) => {
-		t.preventDefault();
-		let n = e - _;
-		n >= h && a?.(n);
+		Number.isNaN(n) || l?.(Math.min(Math.max(n, h), g));
+	}, A = (e) => {
+		e.preventDefault();
+		let t = i + _;
+		t <= g && l?.(t);
+	}, j = (e) => {
+		e.preventDefault();
+		let t = i - _;
+		t >= h && l?.(t);
 	}, M = d[T], N = f[T], P = p[T];
-	return /* @__PURE__ */ s("div", {
-		className: t(u({ size: T }), m[O], y),
+	return /* @__PURE__ */ o("div", {
+		className: e(u({ size: T }), m[O], y),
 		children: [
-			/* @__PURE__ */ o("button", {
+			/* @__PURE__ */ a("button", {
 				type: "button",
 				onClick: j,
-				disabled: v || e <= h,
+				disabled: v || i <= h,
 				"aria-label": "Decrease value",
 				title: "Decrease",
-				className: t("flex items-center justify-center border-0 rounded-control-inner text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,background-color,transform] duration-fast-01 ease-productive-standard disabled:opacity-action-disabled disabled:pointer-events-none", M),
-				children: /* @__PURE__ */ o(n, {
-					icon: c,
+				className: e("flex items-center justify-center border-0 rounded-control-inner text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,background-color,transform] duration-fast-01 ease-productive-standard disabled:opacity-action-disabled disabled:pointer-events-none", M),
+				children: /* @__PURE__ */ a(t, {
+					icon: s,
 					size: N
 				})
 			}),
-			/* @__PURE__ */ o("input", {
+			/* @__PURE__ */ a("input", {
 				ref: w,
 				type: "number",
-				value: e,
+				value: i,
 				onChange: k,
 				min: h,
 				max: g,
@@ -81,19 +81,19 @@ var u = e("flex items-center justify-between rounded-control border border-surfa
 				"aria-label": D,
 				"aria-invalid": O === "error" || void 0,
 				"aria-describedby": C["aria-describedby"] ?? E.helperTextId,
-				className: t("bg-transparent font-semibold border-0 text-center text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", P),
+				className: e("bg-transparent font-semibold border-0 text-center text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", P),
 				...C,
 				id: C.id ?? E.inputId
 			}),
-			/* @__PURE__ */ o("button", {
+			/* @__PURE__ */ a("button", {
 				type: "button",
 				onClick: A,
-				disabled: v || e >= g,
+				disabled: v || i >= g,
 				"aria-label": "Increase value",
 				title: "Increase",
-				className: t("flex items-center justify-center border-0 rounded-control-inner text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,background-color,transform] duration-fast-01 ease-productive-standard disabled:opacity-action-disabled disabled:pointer-events-none", M),
-				children: /* @__PURE__ */ o(n, {
-					icon: l,
+				className: e("flex items-center justify-center border-0 rounded-control-inner text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg-muted active:scale-90 transition-[color,background-color,transform] duration-fast-01 ease-productive-standard disabled:opacity-action-disabled disabled:pointer-events-none", M),
+				children: /* @__PURE__ */ a(t, {
+					icon: c,
 					size: N
 				})
 			})

package/dist/ui/progress.js

@@ -1,13 +1,13 @@
 "use client";
 import { springs as e } from "./lib/motion.js";
-import { cva as t } from "../_chunks/vendor-utils.js";
-import { cn as n } from "./lib/utils.js";
-import { Root as r } from "../_chunks/primitives/react-progress.js";
-import * as i from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { motion as s } from "framer-motion";
+import { cn as t } from "./lib/utils.js";
+import { Root as n } from "../_chunks/primitives/react-progress.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { motion as o } from "framer-motion";
+import { cva as s } from "class-variance-authority";
 //#region src/ui/progress.tsx
-var c = t("relative w-full overflow-hidden rounded-pill bg-surface-raised", {
+var c = s("relative w-full overflow-hidden rounded-pill bg-surface-raised", {
 	variants: { size: {
 		sm: "h-1",
 		md: "h-2",
@@ -19,127 +19,127 @@ var c = t("relative w-full overflow-hidden rounded-pill bg-surface-raised", {
 	success: "bg-success-9",
 	warning: "bg-warning-9",
 	error: "bg-error-9"
-}, u = t("h-full transition-[width] duration-moderate-02 ease-expressive-standard", {
+}, u = s("h-full transition-[width] duration-moderate-02 ease-expressive-standard", {
 	variants: { color: l },
 	defaultVariants: { color: "accent" }
 });
 function d(e) {
 	return e == null ? "accent" : e > 100 ? "error" : e >= 85 ? "success" : e >= 60 ? "warning" : "accent";
 }
-var f = (e, t) => Math.max(0, Math.min(100, e / t * 100)), p = i.createContext(null);
+var f = (e, t) => Math.max(0, Math.min(100, e / t * 100)), p = r.createContext(null);
 function m(e) {
-	let t = i.useContext(p);
+	let t = r.useContext(p);
 	if (!t) throw Error(`<Progress.${e}> must be rendered inside <Progress.Root>.`);
 	return t;
 }
-var h = i.forwardRef(({ value: e = null, max: t = 100, size: r = "md", className: o, children: s, ...c }, l) => {
-	let u = i.useMemo(() => ({
+var h = r.forwardRef(({ value: e = null, max: n = 100, size: a = "md", className: o, children: s, ...c }, l) => {
+	let u = r.useMemo(() => ({
 		value: e,
-		max: t,
-		size: r,
+		max: n,
+		size: a,
 		indeterminate: e == null
 	}), [
 		e,
-		t,
-		r
+		n,
+		a
 	]);
-	return /* @__PURE__ */ a(p.Provider, {
+	return /* @__PURE__ */ i(p.Provider, {
 		value: u,
-		children: /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ i("div", {
 			ref: l,
-			className: n("flex w-full items-center gap-ds-03", o),
+			className: t("flex w-full items-center gap-ds-03", o),
 			...c,
 			children: s
 		})
 	});
 });
 h.displayName = "Progress.Root";
-var g = i.forwardRef(({ className: e, children: t, ...i }, o) => {
+var g = r.forwardRef(({ className: e, children: r, ...a }, o) => {
 	let { value: s, max: l, size: u, indeterminate: d } = m("Track");
-	return /* @__PURE__ */ a(r, {
+	return /* @__PURE__ */ i(n, {
 		ref: o,
 		value: d ? null : s,
 		max: l,
-		className: n(c({ size: u }), "flex-1", e),
-		...i,
-		children: t
+		className: t(c({ size: u }), "flex-1", e),
+		...a,
+		children: r
 	});
 });
 g.displayName = "Progress.Track";
-var _ = i.forwardRef(({ color: t, autoColor: r, className: i, ...o }, c) => {
-	let { value: l, max: p, indeterminate: h } = m("Indicator"), g = t ?? (r === !1 ? "accent" : d(l));
-	return h ? /* @__PURE__ */ a("div", {
+var _ = r.forwardRef(({ color: n, autoColor: r, className: a, ...s }, c) => {
+	let { value: l, max: p, indeterminate: h } = m("Indicator"), g = n ?? (r === !1 ? "accent" : d(l));
+	return h ? /* @__PURE__ */ i("div", {
 		ref: c,
-		className: n(u({ color: g }), "w-2/5 animate-progress-indeterminate motion-reduce:animate-none", i),
-		...o
-	}) : /* @__PURE__ */ a(s.div, {
+		className: t(u({ color: g }), "w-2/5 animate-progress-indeterminate motion-reduce:animate-none", a),
+		...s
+	}) : /* @__PURE__ */ i(o.div, {
 		ref: c,
-		className: n(u({ color: g }), "transition-colors", i),
+		className: t(u({ color: g }), "transition-colors", a),
 		initial: !1,
 		animate: { width: `${f(l ?? 0, p)}%` },
 		transition: e.smooth,
-		...o
+		...s
 	});
 });
 _.displayName = "Progress.Indicator";
-var v = i.forwardRef(({ value: e, color: t = "accent", className: r, style: i, ...o }, s) => {
+var v = r.forwardRef(({ value: e, color: n = "accent", className: r, style: a, ...o }, s) => {
 	let { max: c } = m("Segment");
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ i("div", {
 		ref: s,
 		"aria-hidden": "true",
-		className: n("h-full first:rounded-l-pill last:rounded-r-pill", l[t], r),
+		className: t("h-full first:rounded-l-pill last:rounded-r-pill", l[n], r),
 		style: {
 			width: `${f(e, c)}%`,
-			...i
+			...a
 		},
 		...o
 	});
 });
 v.displayName = "Progress.Segment";
-var y = i.forwardRef(({ className: e, ...t }, r) => (m("Label"), /* @__PURE__ */ a("span", {
+var y = r.forwardRef(({ className: e, ...n }, r) => (m("Label"), /* @__PURE__ */ i("span", {
 	ref: r,
-	className: n("shrink-0 text-body-sm font-medium text-surface-fg", e),
-	...t
+	className: t("shrink-0 text-body-sm font-medium text-surface-fg", e),
+	...n
 })));
 y.displayName = "Progress.Label";
-var b = i.forwardRef(({ className: e, format: t, children: r, ...i }, o) => {
+var b = r.forwardRef(({ className: e, format: n, children: r, ...a }, o) => {
 	let { value: s, max: c, indeterminate: l } = m("Value"), u = l ? 0 : f(s ?? 0, c);
-	return /* @__PURE__ */ a("span", {
+	return /* @__PURE__ */ i("span", {
 		ref: o,
-		className: n("shrink-0 text-caption text-surface-fg-muted tabular-nums", e),
-		...i,
-		children: r ?? (l ? "" : t ? t(u, s, c) : `${Math.round(u)}%`)
+		className: t("shrink-0 text-caption text-surface-fg-muted tabular-nums", e),
+		...a,
+		children: r ?? (l ? "" : n ? n(u, s, c) : `${Math.round(u)}%`)
 	});
 });
 b.displayName = "Progress.Value";
-var x = i.forwardRef(({ value: e = null, max: t = 100, size: r, color: s, autoColor: c, label: l, showValue: u, segments: d, trackClassName: f, indicatorClassName: p, className: m, "aria-label": x, "aria-labelledby": S, ...C }, w) => {
-	let T = i.useId(), E = l != null;
-	return /* @__PURE__ */ o(h, {
+var x = r.forwardRef(({ value: e = null, max: n = 100, size: o, color: s, autoColor: c, label: l, showValue: u, segments: d, trackClassName: f, indicatorClassName: p, className: m, "aria-label": x, "aria-labelledby": S, ...C }, w) => {
+	let T = r.useId(), E = l != null;
+	return /* @__PURE__ */ a(h, {
 		ref: w,
 		value: e,
-		max: t,
-		size: r ?? "md",
+		max: n,
+		size: o ?? "md",
 		className: m,
 		...C,
 		children: [
-			E && /* @__PURE__ */ a(y, {
+			E && /* @__PURE__ */ i(y, {
 				id: T,
 				children: l
 			}),
-			/* @__PURE__ */ a(g, {
+			/* @__PURE__ */ i(g, {
 				"aria-label": x,
 				"aria-labelledby": S ?? (E ? T : void 0),
-				className: n(d && "flex", f),
-				children: d ? d.map((e, t) => /* @__PURE__ */ a(v, {
+				className: t(d && "flex", f),
+				children: d ? d.map((e, t) => /* @__PURE__ */ i(v, {
 					value: e.value,
 					color: e.color
-				}, t)) : /* @__PURE__ */ a(_, {
+				}, t)) : /* @__PURE__ */ i(_, {
 					color: s,
 					autoColor: c,
 					className: p
 				})
 			}),
-			u && e != null && /* @__PURE__ */ a(b, {})
+			u && e != null && /* @__PURE__ */ i(b, {})
 		]
 	});
 });