@devalok/shilp-sutra 0.48.0 → 0.49.1

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,2BAA2B,CAAA;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CA4BnF,CAAA;AAGD,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,aAAa,4GAA0B,CAAA;AAE7C,QAAA,MAAM,cAAc,gKAiDlB,CAAA;AAGF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAA;AAEjG,OAAO,EAAE,OAAO,EAAE,aAAa,EAAC,cAAc,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,2BAA2B,CAAA;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAkBnF,CAAA;AAGD,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,aAAa,4GAA0B,CAAA;AAE7C,QAAA,MAAM,cAAc,gKAiDlB,CAAA;AAGF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAA;AAEjG,OAAO,EAAE,OAAO,EAAE,aAAa,EAAC,cAAc,EAAE,cAAc,EAAE,CAAA"}

package/dist/ui/popover.js

@@ -1,3 +1,3 @@
 "use client";
-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 };
+import { Popover as e, PopoverAnchor as t, PopoverContent as n, PopoverTrigger as r } from "../_chunks/popover.js";
+export { e as Popover, t as PopoverAnchor, n as PopoverContent, r as PopoverTrigger };

package/dist/ui/progress.d.ts

@@ -2,51 +2,75 @@
 import { VariantProps } from 'class-variance-authority';
 import * as ProgressPrimitive from '../primitives/react-progress';
 import * as React from 'react';
-declare const progressTrackVariants: (props?: ({
+export type ProgressSize = 'sm' | 'md' | 'lg';
+export type ProgressColor = 'accent' | 'success' | 'warning' | 'error';
+export declare const progressTrackVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const progressIndicatorVariants: (props?: ({
-    color?: "default" | "success" | "error" | "warning" | null | undefined;
+export declare const progressIndicatorVariants: (props?: ({
+    color?: ProgressColor | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/**
- * Props for Progress — a horizontal progress bar with size and color variants, an optional
- * percentage label, and an indeterminate animation when `value` is undefined/null.
- *
- * **Track size:** `sm` (4px) | `md` (8px, default) | `lg` (12px)
- *
- * **Indicator color:** `default` (brand interactive) | `success` | `warning` | `error`
- *
- * **Indeterminate:** Omit `value` (or pass `undefined`) to show an animated indeterminate bar.
- * When `value` is provided, it should be a number between 0–100.
- *
- * **`showLabel`:** Renders the percentage value next to the bar (only when `value` is set).
- *
- * @example
- * // Determinate upload progress:
- * <Progress value={uploadPercent} color="default" showLabel />
- *
- * @example
- * // Indeterminate loading bar (while waiting for an async operation):
- * <Progress size="sm" />
- *
- * @example
- * // Success-colored completion bar (e.g. after all tasks done):
- * <Progress value={100} color="success" size="md" />
- *
- * @example
- * // Warning threshold indicator (disk usage at 80%):
- * <Progress value={80} color="warning" showLabel size="lg" />
- * // These are just a few ways — feel free to combine props creatively!
- */
-interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'color'>, VariantProps<typeof progressTrackVariants>, VariantProps<typeof progressIndicatorVariants> {
-    /** Additional class names for the indicator element */
-    indicatorClassName?: string;
-    /** Display the percentage label next to the progress bar */
-    showLabel?: boolean;
-    /** When true, color auto-shifts by value: 0-59 = default (accent), 60-84 = warning, 85-100 = success, >100 = error. @default false */
+export interface ProgressRootProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 0–max. Omit (or null) for an indeterminate bar. */
+    value?: number | null;
+    /** Scale maximum. @default 100 */
+    max?: number;
+    /** Track thickness. @default 'md' */
+    size?: ProgressSize;
+}
+declare const ProgressRoot: React.ForwardRefExoticComponent<ProgressRootProps & React.RefAttributes<HTMLDivElement>>;
+export type ProgressTrackProps = React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>;
+declare const ProgressTrack: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface ProgressIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Fill colour. Omit to auto-colour by value. */
+    color?: ProgressColor;
+    /** Force auto-colour even when `color` is unset. @default true when color unset */
     autoColor?: boolean;
 }
-declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
-export { Progress, progressIndicatorVariants, progressTrackVariants };
-export type { ProgressProps };
+declare const ProgressIndicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+export interface ProgressSegmentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** This segment's portion of `max`. */
+    value: number;
+    color?: ProgressColor;
+}
+declare const ProgressSegment: React.ForwardRefExoticComponent<ProgressSegmentProps & React.RefAttributes<HTMLDivElement>>;
+export type ProgressLabelProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const ProgressLabel: React.ForwardRefExoticComponent<ProgressLabelProps & React.RefAttributes<HTMLSpanElement>>;
+export interface ProgressValueProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** Format the percentage. Default: `${round(pct)}%`. */
+    format?: (pct: number, value: number | null, max: number) => React.ReactNode;
+    children?: React.ReactNode;
+}
+declare const ProgressValue: React.ForwardRefExoticComponent<ProgressValueProps & React.RefAttributes<HTMLSpanElement>>;
+export interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof progressTrackVariants> {
+    /** 0–max. Omit (or null) for an indeterminate bar. */
+    value?: number | null;
+    max?: number;
+    /** Fill colour. Omit + set `autoColor` to colour by value. */
+    color?: ProgressColor;
+    /** Auto-colour the fill by value (0–59 accent · 60–84 warning · 85–100 success · >100 error). @default false */
+    autoColor?: boolean;
+    /** Descriptive label rendered before the bar. */
+    label?: React.ReactNode;
+    /** Show the `{n}%` readout after the bar. */
+    showValue?: boolean;
+    /** Multi-segment bar: each slice is `value` (portion of max) + `color`. Overrides the single indicator. */
+    segments?: Array<{
+        value: number;
+        color?: ProgressColor;
+    }>;
+    /** Class for the Track element. */
+    trackClassName?: string;
+    /** Class for the single Indicator (ignored when `segments` is set). */
+    indicatorClassName?: string;
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>> & {
+    Root: React.ForwardRefExoticComponent<ProgressRootProps & React.RefAttributes<HTMLDivElement>>;
+    Track: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Indicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+    Segment: React.ForwardRefExoticComponent<ProgressSegmentProps & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<ProgressLabelProps & React.RefAttributes<HTMLSpanElement>>;
+    Value: React.ForwardRefExoticComponent<ProgressValueProps & React.RefAttributes<HTMLSpanElement>>;
+};
+export { Progress, ProgressIndicator, ProgressLabel, ProgressRoot, ProgressSegment, ProgressTrack, ProgressValue, };
 //# sourceMappingURL=progress.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/ui/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,QAAA,MAAM,qBAAqB;;8EAY1B,CAAA;AAED,QAAA,MAAM,yBAAyB;;8EAa9B,CAAA;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,UAAU,aACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,OAAO,CACR,EACD,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAC1C,YAAY,CAAC,OAAO,yBAAyB,CAAC;IAChD,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sIAAsI;IACtI,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAMD,QAAA,MAAM,QAAQ,sFAwEb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,yBAAyB,EAAC,qBAAqB,EAAE,CAAA;AACpE,YAAY,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/ui/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC7C,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEtE,eAAO,MAAM,qBAAqB;;8EAMjC,CAAA;AASD,eAAO,MAAM,yBAAyB;;8EAMrC,CAAA;AAwCD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,qCAAqC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,QAAA,MAAM,YAAY,0FAcjB,CAAA;AAOD,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAE9F,QAAA,MAAM,aAAa,2JAkBjB,CAAA;AAQF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,iDAAiD;IACjD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,iBAAiB,+FA6BtB,CAAA;AAQD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED,QAAA,MAAM,eAAe,6FAapB,CAAA;AAOD,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AAEtE,QAAA,MAAM,aAAa,4FAWlB,CAAA;AAOD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACjG,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,aAAa,4FAclB,CAAA;AAOD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,8DAA8D;IAC9D,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,gHAAgH;IAChH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,aAAa,CAAA;KAAE,CAAC,CAAA;IAC1D,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAgCD,QAAA,MAAM,QAAQ;;;;;;;CAOZ,CAAA;AAEF,OAAO,EACL,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,aAAa,EACb,aAAa,GACd,CAAA"}

package/dist/ui/progress.js

@@ -1,52 +1,156 @@
 "use client";
-import { A as e, k as t } from "../_chunks/primitives.js";
-import { springs as n } from "./lib/motion.js";
-import { t as r } from "../_chunks/vendor-utils.js";
-import { cn as i } from "./lib/utils.js";
-import * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { motion as c } from "framer-motion";
+import { Root as e } from "../_chunks/primitives.js";
+import { springs as t } from "./lib/motion.js";
+import { cva as n } from "../_chunks/vendor-utils.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";
+import { motion as s } from "framer-motion";
 //#region src/ui/progress.tsx
-var l = r("relative w-full overflow-hidden rounded-pill bg-surface-raised", {
+var c = n("relative w-full overflow-hidden rounded-pill bg-surface-raised", {
 	variants: { size: {
 		sm: "h-1",
 		md: "h-2",
 		lg: "h-3"
 	} },
 	defaultVariants: { size: "md" }
-}), u = r("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 = a.forwardRef(({ className: r, value: a, size: d, color: f, indicatorClassName: p, showLabel: m, autoColor: h, ...g }, _) => {
-	let v = a == null, y = h && a != null ? a > 100 ? "error" : a >= 85 ? "success" : a >= 60 ? "warning" : "default" : f;
-	return /* @__PURE__ */ s("div", {
-		className: i("flex items-center gap-ds-03", m && "w-full"),
-		children: [/* @__PURE__ */ o(e, {
-			ref: _,
-			value: v ? null : a,
-			className: i(l({ size: d }), r),
-			...g,
-			children: v ? /* @__PURE__ */ o(t, { className: i(u({ color: y }), "w-2/5 animate-progress-indeterminate motion-reduce:animate-none", p) }) : /* @__PURE__ */ o(t, {
-				className: i("h-full", p),
-				asChild: !0,
-				children: /* @__PURE__ */ o(c.div, {
-					className: i(u({ color: y }), "transition-colors duration-moderate-01 ease-productive-standard"),
-					initial: !1,
-					animate: { width: `${a || 0}%` },
-					transition: n.smooth
+}), l = {
+	accent: "bg-accent-9",
+	success: "bg-success-9",
+	warning: "bg-warning-9",
+	error: "bg-error-9"
+}, u = n("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);
+function m(e) {
+	let t = i.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: n = "md", className: o, children: s, ...c }, l) => {
+	let u = i.useMemo(() => ({
+		value: e,
+		max: t,
+		size: n,
+		indeterminate: e == null
+	}), [
+		e,
+		t,
+		n
+	]);
+	return /* @__PURE__ */ a(p.Provider, {
+		value: u,
+		children: /* @__PURE__ */ a("div", {
+			ref: l,
+			className: r("flex w-full items-center gap-ds-03", o),
+			...c,
+			children: s
+		})
+	});
+});
+h.displayName = "Progress.Root";
+var g = i.forwardRef(({ className: t, children: n, ...i }, o) => {
+	let { value: s, max: l, size: u, indeterminate: d } = m("Track");
+	return /* @__PURE__ */ a(e, {
+		ref: o,
+		value: d ? null : s,
+		max: l,
+		className: r(c({ size: u }), "flex-1", t),
+		...i,
+		children: n
+	});
+});
+g.displayName = "Progress.Track";
+var _ = i.forwardRef(({ color: e, autoColor: n, className: i, ...o }, c) => {
+	let { value: l, max: p, indeterminate: h } = m("Indicator"), g = e ?? (n === !1 ? "accent" : d(l));
+	return h ? /* @__PURE__ */ a("div", {
+		ref: c,
+		className: r(u({ color: g }), "w-2/5 animate-progress-indeterminate motion-reduce:animate-none", i),
+		...o
+	}) : /* @__PURE__ */ a(s.div, {
+		ref: c,
+		className: r(u({ color: g }), "transition-colors", i),
+		initial: !1,
+		animate: { width: `${f(l ?? 0, p)}%` },
+		transition: t.smooth,
+		...o
+	});
+});
+_.displayName = "Progress.Indicator";
+var v = i.forwardRef(({ value: e, color: t = "accent", className: n, style: i, ...o }, s) => {
+	let { max: c } = m("Segment");
+	return /* @__PURE__ */ a("div", {
+		ref: s,
+		"aria-hidden": "true",
+		className: r("h-full first:rounded-l-pill last:rounded-r-pill", l[t], n),
+		style: {
+			width: `${f(e, c)}%`,
+			...i
+		},
+		...o
+	});
+});
+v.displayName = "Progress.Segment";
+var y = i.forwardRef(({ className: e, ...t }, n) => (m("Label"), /* @__PURE__ */ a("span", {
+	ref: n,
+	className: r("shrink-0 text-ds-sm font-medium text-surface-fg", e),
+	...t
+})));
+y.displayName = "Progress.Label";
+var b = i.forwardRef(({ className: e, format: t, children: n, ...i }, o) => {
+	let { value: s, max: c, indeterminate: l } = m("Value"), u = l ? 0 : f(s ?? 0, c);
+	return /* @__PURE__ */ a("span", {
+		ref: o,
+		className: r("shrink-0 text-ds-xs text-surface-fg-muted tabular-nums", e),
+		...i,
+		children: n ?? (l ? "" : t ? t(u, s, c) : `${Math.round(u)}%`)
+	});
+});
+b.displayName = "Progress.Value";
+var x = i.forwardRef(({ value: e = null, max: t = 100, size: n, 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, {
+		ref: w,
+		value: e,
+		max: t,
+		size: n ?? "md",
+		className: m,
+		...C,
+		children: [
+			E && /* @__PURE__ */ a(y, {
+				id: T,
+				children: l
+			}),
+			/* @__PURE__ */ a(g, {
+				"aria-label": x,
+				"aria-labelledby": S ?? (E ? T : void 0),
+				className: r(d && "flex", f),
+				children: d ? d.map((e, t) => /* @__PURE__ */ a(v, {
+					value: e.value,
+					color: e.color
+				}, t)) : /* @__PURE__ */ a(_, {
+					color: s,
+					autoColor: c,
+					className: p
 				})
-			})
-		}), m && !v && /* @__PURE__ */ s("span", {
-			className: "shrink-0 text-ds-xs text-surface-fg-muted tabular-nums",
-			children: [a, "%"]
-		})]
+			}),
+			u && e != null && /* @__PURE__ */ a(b, {})
+		]
 	});
 });
-d.displayName = e.displayName;
+x.displayName = "Progress";
+var S = Object.assign(x, {
+	Root: h,
+	Track: g,
+	Indicator: _,
+	Segment: v,
+	Label: y,
+	Value: b
+});
 //#endregion
-export { d as Progress, u as progressIndicatorVariants, l as progressTrackVariants };
+export { S as Progress, _ as ProgressIndicator, y as ProgressLabel, h as ProgressRoot, v as ProgressSegment, g as ProgressTrack, b as ProgressValue, u as progressIndicatorVariants, c as progressTrackVariants };

package/dist/ui/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":[],"sources":["../../src/ui/progress.tsx"],"sourcesContent":["'use client'\n\nimport * as ProgressPrimitive from '@primitives/react-progress'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { springs } from './lib/motion'\nimport { cn } from './lib/utils'\n\n/* ---------------------------------------------------------------------------\n * CVA Variants\n * ------------------------------------------------------------------------ */\n\nconst progressTrackVariants = cva(\n  'relative w-full overflow-hidden rounded-pill 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, progressIndicatorVariants,progressTrackVariants }\nexport type { ProgressProps }\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAwB,EAC5B,kEACA;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"}
+{"version":3,"file":"progress.js","names":[],"sources":["../../src/ui/progress.tsx"],"sourcesContent":["'use client'\n\nimport * as ProgressPrimitive from '@primitives/react-progress'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { springs } from './lib/motion'\nimport { cn } from './lib/utils'\n\n/* ---------------------------------------------------------------------------\n * Progress — a linear progress bar.\n *\n * Two ways to use it:\n *   1. Smart all-in-one `<Progress value={70} />` — covers the common cases\n *      (value, size, color, label, %-value, auto-color, indeterminate, segments).\n *   2. Compound parts `<Progress.Root>/<Progress.Track>/<Progress.Indicator>` etc.\n *      — full layout control, borrowed from Ark UI / Chakra's structure, with\n *      Mantine-style `<Progress.Segment>` for multi-colour bars.\n *\n * The compound parts share a context so `value`/`max`/`size` are set once on\n * `Root` and read by Track/Indicator/Segment/Value.\n * ------------------------------------------------------------------------ */\n\nexport type ProgressSize = 'sm' | 'md' | 'lg'\nexport type ProgressColor = 'accent' | 'success' | 'warning' | 'error'\n\nexport const progressTrackVariants = cva(\n  'relative w-full overflow-hidden rounded-pill bg-surface-raised',\n  {\n    variants: { size: { sm: 'h-1', md: 'h-2', lg: 'h-3' } },\n    defaultVariants: { size: 'md' },\n  },\n)\n\nconst COLOR_FILL: Record<ProgressColor, string> = {\n  accent: 'bg-accent-9',\n  success: 'bg-success-9',\n  warning: 'bg-warning-9',\n  error: 'bg-error-9',\n}\n\nexport const progressIndicatorVariants = cva(\n  'h-full transition-[width] duration-moderate-02 ease-expressive-standard',\n  {\n    variants: { color: COLOR_FILL },\n    defaultVariants: { color: 'accent' },\n  },\n)\n\n/** Auto-color by value: 0–59 accent, 60–84 warning, 85–100 success, >100 error. */\nfunction autoColorFor(value: number | null | undefined): ProgressColor {\n  if (value == null) return 'accent'\n  if (value > 100) return 'error'\n  if (value >= 85) return 'success'\n  if (value >= 60) return 'warning'\n  return 'accent'\n}\n\nconst clampPct = (value: number, max: number) =>\n  Math.max(0, Math.min(100, (value / max) * 100))\n\n/* ---------------------------------------------------------------------------\n * Context — set once on Root, read by Track / Indicator / Segment / Value.\n * ------------------------------------------------------------------------ */\n\ninterface ProgressContextValue {\n  value: number | null\n  max: number\n  size: ProgressSize\n  indeterminate: boolean\n}\n\nconst ProgressContext = React.createContext<ProgressContextValue | null>(null)\n\nfunction useProgressContext(part: string): ProgressContextValue {\n  const ctx = React.useContext(ProgressContext)\n  if (!ctx) {\n    throw new Error(`<Progress.${part}> must be rendered inside <Progress.Root>.`)\n  }\n  return ctx\n}\n\n/* ---------------------------------------------------------------------------\n * Progress.Root — layout container + context. NOT the progressbar itself\n * (that's Track) so labels/value can sit outside the bar (Ark UI model).\n * ------------------------------------------------------------------------ */\n\nexport interface ProgressRootProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** 0–max. Omit (or null) for an indeterminate bar. */\n  value?: number | null\n  /** Scale maximum. @default 100 */\n  max?: number\n  /** Track thickness. @default 'md' */\n  size?: ProgressSize\n}\n\nconst ProgressRoot = React.forwardRef<HTMLDivElement, ProgressRootProps>(\n  ({ value = null, max = 100, size = 'md', className, children, ...props }, ref) => {\n    const ctx = React.useMemo<ProgressContextValue>(\n      () => ({ value, max, size, indeterminate: value == null }),\n      [value, max, size],\n    )\n    return (\n      <ProgressContext.Provider value={ctx}>\n        <div ref={ref} className={cn('flex w-full items-center gap-ds-03', className)} {...props}>\n          {children}\n        </div>\n      </ProgressContext.Provider>\n    )\n  },\n)\nProgressRoot.displayName = 'Progress.Root'\n\n/* ---------------------------------------------------------------------------\n * Progress.Track — the aria progressbar + track visual. Holds Indicator/Segment.\n * ------------------------------------------------------------------------ */\n\nexport type ProgressTrackProps = React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\n\nconst ProgressTrack = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressTrackProps\n>(({ className, children, ...props }, ref) => {\n  const { value, max, size, indeterminate } = useProgressContext('Track')\n  // Accessible name comes from the consumer's aria-label / aria-labelledby (spread\n  // via ...props) — no auto-wiring, so a Track never carries a dangling reference.\n  return (\n    <ProgressPrimitive.Root\n      ref={ref}\n      value={indeterminate ? null : value}\n      max={max}\n      className={cn(progressTrackVariants({ size }), 'flex-1', className)}\n      {...props}\n    >\n      {children}\n    </ProgressPrimitive.Root>\n  )\n})\nProgressTrack.displayName = 'Progress.Track'\n\n/* ---------------------------------------------------------------------------\n * Progress.Indicator — single fill. Determinate width from context, or the\n * indeterminate sweep animation when Root has no value.\n * ------------------------------------------------------------------------ */\n\nexport interface ProgressIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Fill colour. Omit to auto-colour by value. */\n  color?: ProgressColor\n  /** Force auto-colour even when `color` is unset. @default true when color unset */\n  autoColor?: boolean\n}\n\nconst ProgressIndicator = React.forwardRef<HTMLDivElement, ProgressIndicatorProps>(\n  ({ color, autoColor, className, ...props }, ref) => {\n    const { value, max, indeterminate } = useProgressContext('Indicator')\n    const resolved = color ?? (autoColor !== false ? autoColorFor(value) : 'accent')\n\n    if (indeterminate) {\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            progressIndicatorVariants({ color: resolved }),\n            'w-2/5 animate-progress-indeterminate motion-reduce:animate-none',\n            className,\n          )}\n          {...props}\n        />\n      )\n    }\n    return (\n      <motion.div\n        ref={ref}\n        className={cn(progressIndicatorVariants({ color: resolved }), 'transition-colors', className)}\n        initial={false}\n        animate={{ width: `${clampPct(value ?? 0, max)}%` }}\n        transition={springs.smooth}\n        {...(props as React.ComponentProps<typeof motion.div>)}\n      />\n    )\n  },\n)\nProgressIndicator.displayName = 'Progress.Indicator'\n\n/* ---------------------------------------------------------------------------\n * Progress.Segment — one slice of a multi-segment bar (Mantine-style). Place\n * several inside a Track. Widths are each segment's value as a % of max.\n * ------------------------------------------------------------------------ */\n\nexport interface ProgressSegmentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** This segment's portion of `max`. */\n  value: number\n  color?: ProgressColor\n}\n\nconst ProgressSegment = React.forwardRef<HTMLDivElement, ProgressSegmentProps>(\n  ({ value, color = 'accent', className, style, ...props }, ref) => {\n    const { max } = useProgressContext('Segment')\n    return (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={cn('h-full first:rounded-l-pill last:rounded-r-pill', COLOR_FILL[color], className)}\n        style={{ width: `${clampPct(value, max)}%`, ...style }}\n        {...props}\n      />\n    )\n  },\n)\nProgressSegment.displayName = 'Progress.Segment'\n\n/* ---------------------------------------------------------------------------\n * Progress.Label — descriptive text, associated with the bar via aria.\n * ------------------------------------------------------------------------ */\n\nexport type ProgressLabelProps = React.HTMLAttributes<HTMLSpanElement>\n\nconst ProgressLabel = React.forwardRef<HTMLSpanElement, ProgressLabelProps>(\n  ({ className, ...props }, ref) => {\n    useProgressContext('Label')\n    return (\n      <span\n        ref={ref}\n        className={cn('shrink-0 text-ds-sm font-medium text-surface-fg', className)}\n        {...props}\n      />\n    )\n  },\n)\nProgressLabel.displayName = 'Progress.Label'\n\n/* ---------------------------------------------------------------------------\n * Progress.Value — the \"{n}%\" readout. Custom content via children or `format`.\n * ------------------------------------------------------------------------ */\n\nexport interface ProgressValueProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {\n  /** Format the percentage. Default: `${round(pct)}%`. */\n  format?: (pct: number, value: number | null, max: number) => React.ReactNode\n  children?: React.ReactNode\n}\n\nconst ProgressValue = React.forwardRef<HTMLSpanElement, ProgressValueProps>(\n  ({ className, format, children, ...props }, ref) => {\n    const { value, max, indeterminate } = useProgressContext('Value')\n    const pct = indeterminate ? 0 : clampPct(value ?? 0, max)\n    return (\n      <span\n        ref={ref}\n        className={cn('shrink-0 text-ds-xs text-surface-fg-muted tabular-nums', className)}\n        {...props}\n      >\n        {children ?? (indeterminate ? '' : format ? format(pct, value, max) : `${Math.round(pct)}%`)}\n      </span>\n    )\n  },\n)\nProgressValue.displayName = 'Progress.Value'\n\n/* ---------------------------------------------------------------------------\n * Progress — smart all-in-one. Composes the parts for the common cases.\n * ------------------------------------------------------------------------ */\n\nexport interface ProgressProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>,\n    VariantProps<typeof progressTrackVariants> {\n  /** 0–max. Omit (or null) for an indeterminate bar. */\n  value?: number | null\n  max?: number\n  /** Fill colour. Omit + set `autoColor` to colour by value. */\n  color?: ProgressColor\n  /** Auto-colour the fill by value (0–59 accent · 60–84 warning · 85–100 success · >100 error). @default false */\n  autoColor?: boolean\n  /** Descriptive label rendered before the bar. */\n  label?: React.ReactNode\n  /** Show the `{n}%` readout after the bar. */\n  showValue?: boolean\n  /** Multi-segment bar: each slice is `value` (portion of max) + `color`. Overrides the single indicator. */\n  segments?: Array<{ value: number; color?: ProgressColor }>\n  /** Class for the Track element. */\n  trackClassName?: string\n  /** Class for the single Indicator (ignored when `segments` is set). */\n  indicatorClassName?: string\n}\n\nconst ProgressBase = React.forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      value = null, max = 100, size, color, autoColor, label, showValue, segments,\n      trackClassName, indicatorClassName, className,\n      'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ...props\n    },\n    ref,\n  ) => {\n    const labelId = React.useId()\n    const hasLabel = label != null\n    return (\n      <ProgressRoot ref={ref} value={value} max={max} size={size ?? 'md'} className={className} {...props}>\n        {hasLabel && <ProgressLabel id={labelId}>{label}</ProgressLabel>}\n        <ProgressTrack\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby ?? (hasLabel ? labelId : undefined)}\n          className={cn(segments && 'flex', trackClassName)}\n        >\n          {segments\n            ? segments.map((s, i) => <ProgressSegment key={i} value={s.value} color={s.color} />)\n            : <ProgressIndicator color={color} autoColor={autoColor} className={indicatorClassName} />}\n        </ProgressTrack>\n        {showValue && value != null && <ProgressValue />}\n      </ProgressRoot>\n    )\n  },\n)\nProgressBase.displayName = 'Progress'\n\nconst Progress = Object.assign(ProgressBase, {\n  Root: ProgressRoot,\n  Track: ProgressTrack,\n  Indicator: ProgressIndicator,\n  Segment: ProgressSegment,\n  Label: ProgressLabel,\n  Value: ProgressValue,\n})\n\nexport {\n  Progress,\n  ProgressIndicator,\n  ProgressLabel,\n  ProgressRoot,\n  ProgressSegment,\n  ProgressTrack,\n  ProgressValue,\n}\n"],"mappings":"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"}

package/dist/ui/radio.d.ts

@@ -1,12 +1,16 @@
 "use client";
+import { FieldState } from './lib/field-state';
 import * as RadioGroupPrimitive from '../primitives/react-radio-group';
 import * as React from 'react';
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+    /** Validation/feedback state for the whole group. `'error'` also sets `aria-invalid`. Inherited from `FormField` when omitted. */
+    state?: FieldState;
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
     /** Control size — `sm` (20px), `md` (24px, default, WCAG compliant), `lg` (28px). */
     size?: 'sm' | 'md' | 'lg';
 }
 declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
-export type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio.d.ts.map

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;AAM9B,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"}
+{"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;AAG9B,OAAO,EAAE,KAAK,UAAU,EAAqB,MAAM,mBAAmB,CAAA;AActE,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACtG,kIAAkI;IAClI,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,wFAqBd,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,+FAkClB,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/dist/ui/radio.js

@@ -1,49 +1,60 @@
 "use client";
-import { ct as e, ot as t, st as n } from "../_chunks/primitives.js";
+import { Indicator$1 as e, Item2$1 as t, Root2$4 as n } from "../_chunks/primitives.js";
 import { springs as r } from "./lib/motion.js";
 import { cn as i } from "./lib/utils.js";
 import { useFormField as a } from "./form.js";
-import * as o from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { IconCircle as c } from "@tabler/icons-react";
-import { motion as l } from "framer-motion";
+import { resolveFieldState as o } from "../_chunks/field-state.js";
+import * as s from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { IconCircle as l } from "@tabler/icons-react";
+import { motion as u } from "framer-motion";
 //#region src/ui/radio.tsx
-var u = o.forwardRef(({ className: t, ...n }, r) => {
-	let o = a(), c = o.state === "error", l = n["aria-describedby"] ?? o.helperTextId, u = n["aria-required"] ?? o.required;
-	return /* @__PURE__ */ s(e, {
-		className: i("grid gap-ds-03", t),
-		"aria-invalid": c || void 0,
-		"aria-describedby": l,
-		"aria-required": u || void 0,
-		...n,
-		ref: r
+var d = s.createContext(void 0), f = {
+	error: "border-error-7",
+	warning: "border-warning-7",
+	success: "border-success-7"
+}, p = s.forwardRef(({ className: e, state: t, ...r }, s) => {
+	let l = a(), u = o(t, l.state), f = r["aria-describedby"] ?? l.helperTextId, p = r["aria-required"] ?? l.required;
+	return /* @__PURE__ */ c(d.Provider, {
+		value: u,
+		children: /* @__PURE__ */ c(n, {
+			className: i("grid gap-ds-03", e),
+			"aria-invalid": u === "error" || void 0,
+			"aria-describedby": f,
+			"aria-required": p || void 0,
+			...r,
+			ref: s
+		})
 	});
 });
-u.displayName = e.displayName;
-var d = {
+p.displayName = n.displayName;
+var m = {
 	sm: "h-5 w-5",
 	md: "h-6 w-6",
 	lg: "h-7 w-7"
-}, f = {
+}, h = {
 	sm: "h-1.5 w-1.5",
 	md: "h-ds-03 w-ds-03",
 	lg: "h-2.5 w-2.5"
-}, p = o.forwardRef(({ className: e, size: a = "md", ...o }, u) => /* @__PURE__ */ s(n, {
-	ref: u,
-	className: i("touch-target aspect-square rounded-pill", d[a], "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),
-	...o,
-	children: /* @__PURE__ */ s(t, {
-		asChild: !0,
-		className: "flex items-center justify-center",
-		children: /* @__PURE__ */ s(l.span, {
+}, g = s.forwardRef(({ className: n, size: a = "md", ...o }, p) => {
+	let g = s.useContext(d);
+	return /* @__PURE__ */ c(t, {
+		ref: p,
+		className: i("touch-target aspect-square rounded-pill", m[a], "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", g && f[g], n),
+		...o,
+		children: /* @__PURE__ */ c(e, {
+			asChild: !0,
 			className: "flex items-center justify-center",
-			initial: { scale: 0 },
-			animate: { scale: 1 },
-			transition: r.snappy,
-			children: /* @__PURE__ */ s(c, { className: i(f[a], "fill-accent-9 text-accent-11") })
+			children: /* @__PURE__ */ c(u.span, {
+				className: "flex items-center justify-center",
+				initial: { scale: 0 },
+				animate: { scale: 1 },
+				transition: r.snappy,
+				children: /* @__PURE__ */ c(l, { className: i(h[a], "fill-accent-9 text-accent-11") })
+			})
 		})
-	})
-}));
-p.displayName = n.displayName;
+	});
+});
+g.displayName = t.displayName;
 //#endregion
-export { u as RadioGroup, p as RadioGroupItem };
+export { p as RadioGroup, g as RadioGroupItem };

package/dist/ui/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":[],"sources":["../../src/ui/radio.tsx"],"sourcesContent":["'use client'\n\nimport * as RadioGroupPrimitive from '@primitives/react-radio-group'\nimport { IconCircle } from '@tabler/icons-react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { springs } from './lib/motion'\nimport { cn } from './lib/utils'\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\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  return (\n    <RadioGroupPrimitive.Root\n      className={cn('grid gap-ds-03', className)}\n      aria-invalid={isError || undefined}\n      aria-describedby={ariaDescribedBy}\n      aria-required={ariaRequired || undefined}\n      {...props}\n      ref={ref}\n    />\n  )\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nexport interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {\n  /** Control size — `sm` (20px), `md` (24px, default, WCAG compliant), `lg` (28px). */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst radioSizeClasses = {\n  sm: 'h-5 w-5',\n  md: 'h-6 w-6',\n  lg: 'h-7 w-7',\n} as const\n\nconst radioIndicatorClasses = {\n  sm: 'h-1.5 w-1.5',\n  md: 'h-ds-03 w-ds-03',\n  lg: 'h-2.5 w-2.5',\n} as const\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioGroupItemProps\n>(({ className, size = 'md', ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        'touch-target aspect-square rounded-pill',\n        radioSizeClasses[size],\n        'border border-surface-border-strong bg-surface-raised-hover',\n        'transition-colors duration-fast-01',\n        'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n        'disabled:cursor-not-allowed disabled:opacity-action-disabled',\n        'hover:border-accent-7 hover:bg-surface-raised-active',\n        'data-[state=checked]:border-accent-7',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator asChild className=\"flex items-center justify-center\">\n        <motion.span\n          className=\"flex items-center justify-center\"\n          initial={{ scale: 0 }}\n          animate={{ scale: 1 }}\n          transition={springs.snappy}\n        >\n          <IconCircle className={cn(radioIndicatorClasses[size], 'fill-accent-9 text-accent-11')} />\n        </motion.span>\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":";;;;;;;;;;AAWA,IAAM,IAAa,EAAM,YAGtB,EAAE,cAAW,GAAG,KAAS,MAAQ;CAClC,IAAM,IAAW,GAAc,EACzB,IAAU,EAAS,UAAU,SAC7B,IAAkB,EAAM,uBAAuB,EAAS,cACxD,IAAe,EAAM,oBAAoB,EAAS;AAExD,QACE,kBAAC,GAAD;EACE,WAAW,EAAG,kBAAkB,EAAU;EAC1C,gBAAc,KAAW,KAAA;EACzB,oBAAkB;EAClB,iBAAe,KAAgB,KAAA;EAC/B,GAAI;EACC;EACL,CAAA;EAEJ;AACF,EAAW,cAAA,EAAuC;AAOlD,IAAM,IAAmB;CACvB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEK,IAAwB;CAC5B,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEK,IAAiB,EAAM,YAG1B,EAAE,cAAW,UAAO,MAAM,GAAG,KAAS,MAErC,kBAAC,GAAD;CACO;CACL,WAAW,EACT,2CACA,EAAiB,IACjB,+DACA,sCACA,6GACA,gEACA,wDACA,wCACA,EACD;CACD,GAAI;WAEJ,kBAAC,GAAD;EAA+B,SAAA;EAAQ,WAAU;YAC/C,kBAAC,EAAO,MAAR;GACE,WAAU;GACV,SAAS,EAAE,OAAO,GAAG;GACrB,SAAS,EAAE,OAAO,GAAG;GACrB,YAAY,EAAQ;aAEpB,kBAAC,GAAD,EAAY,WAAW,EAAG,EAAsB,IAAO,+BAA+B,EAAI,CAAA;GAC9E,CAAA;EACgB,CAAA;CACP,CAAA,CAE7B;AACF,EAAe,cAAA,EAAuC"}
+{"version":3,"file":"radio.js","names":[],"sources":["../../src/ui/radio.tsx"],"sourcesContent":["'use client'\n\nimport * as RadioGroupPrimitive from '@primitives/react-radio-group'\nimport { IconCircle } from '@tabler/icons-react'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useFormField } from './form'\nimport { type FieldState, resolveFieldState } from './lib/field-state'\nimport { springs } from './lib/motion'\nimport { cn } from './lib/utils'\n\n// Thread the group's resolved state to items so they show the matching border tint.\nconst RadioStateContext = React.createContext<Exclude<FieldState, 'default'> | undefined>(undefined)\n\n/** Border tint per validation state, applied to each item. */\nconst stateBorderClasses: Record<Exclude<FieldState, 'default'>, string> = {\n  error: 'border-error-7',\n  warning: 'border-warning-7',\n  success: 'border-success-7',\n}\n\nexport interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  /** Validation/feedback state for the whole group. `'error'` also sets `aria-invalid`. Inherited from `FormField` when omitted. */\n  state?: FieldState\n}\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  RadioGroupProps\n>(({ className, state: stateProp, ...props }, ref) => {\n  const fieldCtx = useFormField()\n  const state = resolveFieldState(stateProp, fieldCtx.state)\n  const ariaDescribedBy = props['aria-describedby'] ?? fieldCtx.helperTextId\n  const ariaRequired = props['aria-required'] ?? fieldCtx.required\n\n  return (\n    <RadioStateContext.Provider value={state}>\n      <RadioGroupPrimitive.Root\n        className={cn('grid gap-ds-03', className)}\n        aria-invalid={state === 'error' || undefined}\n        aria-describedby={ariaDescribedBy}\n        aria-required={ariaRequired || undefined}\n        {...props}\n        ref={ref}\n      />\n    </RadioStateContext.Provider>\n  )\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nexport interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {\n  /** Control size — `sm` (20px), `md` (24px, default, WCAG compliant), `lg` (28px). */\n  size?: 'sm' | 'md' | 'lg'\n}\n\nconst radioSizeClasses = {\n  sm: 'h-5 w-5',\n  md: 'h-6 w-6',\n  lg: 'h-7 w-7',\n} as const\n\nconst radioIndicatorClasses = {\n  sm: 'h-1.5 w-1.5',\n  md: 'h-ds-03 w-ds-03',\n  lg: 'h-2.5 w-2.5',\n} as const\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioGroupItemProps\n>(({ className, size = 'md', ...props }, ref) => {\n  const state = React.useContext(RadioStateContext)\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        'touch-target aspect-square rounded-pill',\n        radioSizeClasses[size],\n        'border border-surface-border-strong bg-surface-raised-hover',\n        'transition-colors duration-fast-01',\n        'focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2',\n        'disabled:cursor-not-allowed disabled:opacity-action-disabled',\n        'hover:border-accent-7 hover:bg-surface-raised-active',\n        'data-[state=checked]:border-accent-7',\n        state && stateBorderClasses[state],\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator asChild className=\"flex items-center justify-center\">\n        <motion.span\n          className=\"flex items-center justify-center\"\n          initial={{ scale: 0 }}\n          animate={{ scale: 1 }}\n          transition={springs.snappy}\n        >\n          <IconCircle className={cn(radioIndicatorClasses[size], 'fill-accent-9 text-accent-11')} />\n        </motion.span>\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":";;;;;;;;;;;AAaA,IAAM,IAAoB,EAAM,cAA0D,KAAA,EAAU,EAG9F,IAAqE;CACzE,OAAO;CACP,SAAS;CACT,SAAS;CACV,EAOK,IAAa,EAAM,YAGtB,EAAE,cAAW,OAAO,GAAW,GAAG,KAAS,MAAQ;CACpD,IAAM,IAAW,GAAc,EACzB,IAAQ,EAAkB,GAAW,EAAS,MAAM,EACpD,IAAkB,EAAM,uBAAuB,EAAS,cACxD,IAAe,EAAM,oBAAoB,EAAS;AAExD,QACE,kBAAC,EAAkB,UAAnB;EAA4B,OAAO;YACjC,kBAAC,GAAD;GACE,WAAW,EAAG,kBAAkB,EAAU;GAC1C,gBAAc,MAAU,WAAW,KAAA;GACnC,oBAAkB;GAClB,iBAAe,KAAgB,KAAA;GAC/B,GAAI;GACC;GACL,CAAA;EACyB,CAAA;EAE/B;AACF,EAAW,cAAA,EAAuC;AAOlD,IAAM,IAAmB;CACvB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEK,IAAwB;CAC5B,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEK,IAAiB,EAAM,YAG1B,EAAE,cAAW,UAAO,MAAM,GAAG,KAAS,MAAQ;CAC/C,IAAM,IAAQ,EAAM,WAAW,EAAkB;AACjD,QACE,kBAAC,GAAD;EACO;EACL,WAAW,EACT,2CACA,EAAiB,IACjB,+DACA,sCACA,6GACA,gEACA,wDACA,wCACA,KAAS,EAAmB,IAC5B,EACD;EACD,GAAI;YAEJ,kBAAC,GAAD;GAA+B,SAAA;GAAQ,WAAU;aAC/C,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,SAAS,EAAE,OAAO,GAAG;IACrB,SAAS,EAAE,OAAO,GAAG;IACrB,YAAY,EAAQ;cAEpB,kBAAC,GAAD,EAAY,WAAW,EAAG,EAAsB,IAAO,+BAA+B,EAAI,CAAA;IAC9E,CAAA;GACgB,CAAA;EACP,CAAA;EAE7B;AACF,EAAe,cAAA,EAAuC"}

package/dist/ui/segmented-control.js

@@ -1,7 +1,7 @@
 "use client";
 import { IconProvider as e } from "./icon-context.js";
 import { cn as t } from "./lib/utils.js";
-import { t as n } from "../_chunks/normalize-icon.js";
+import { normalizeIcon as n } from "../_chunks/normalize-icon.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { LayoutGroup as o, motion as s } from "framer-motion";

package/dist/ui/select.d.ts

@@ -28,7 +28,7 @@ declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.Selec
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
 export declare const selectTriggerVariants: (props?: ({
     variant?: "outline" | "default" | "ghost" | null | undefined;
-    color?: "default" | "success" | "error" | "warning" | null | undefined;
+    state?: "default" | "success" | "error" | "warning" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB;;;;8EA2BjC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,EACnF,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAEjD,QAAA,MAAM,aAAa,8FA0BjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JAoCjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB;;;;8EA2BjC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,EACnF,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAEjD,QAAA,MAAM,aAAa,8FAyBjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JAoCjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}