@devalok/shilp-sutra 0.57.0 → 0.59.0

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/ui/progress.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/ui/progress.tsx"],"names":[],"mappings":"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"}

package/dist/ui/progress.js

@@ -1,114 +1,118 @@
 "use client";
 import { springs as e } from "./lib/motion.js";
-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";
+import { MotionPreference as t } from "../_chunks/motion-preference.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 { cva as c } from "class-variance-authority";
 //#region src/ui/progress.tsx
-var c = s("relative w-full overflow-hidden rounded-pill bg-surface-panel", {
+var l = c("relative w-full overflow-hidden rounded-pill bg-surface-panel-hover", {
 	variants: { size: {
 		sm: "h-1",
 		md: "h-2",
 		lg: "h-3"
 	} },
 	defaultVariants: { size: "md" }
-}), l = {
-	accent: "bg-accent-9",
-	success: "bg-success-9",
-	warning: "bg-warning-9",
-	error: "bg-error-9"
-}, u = s("h-full transition-[width] duration-moderate-02 ease-expressive-standard", {
-	variants: { color: l },
+}), u = c("h-full bg-palette-solid transition-[width] duration-moderate-02 ease-expressive-standard", {
+	variants: { color: {
+		accent: "",
+		success: "",
+		warning: "",
+		error: ""
+	} },
 	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 = r.createContext(null);
+var f = (e, t) => Math.max(0, Math.min(100, e / t * 100)), p = i.createContext(null);
 function m(e) {
-	let t = r.useContext(p);
+	let t = i.useContext(p);
 	if (!t) throw Error(`<Progress.${e}> must be rendered inside <Progress.Root>.`);
 	return t;
 }
-var h = r.forwardRef(({ value: e = null, max: n = 100, size: a = "md", className: o, children: s, ...c }, l) => {
-	let u = r.useMemo(() => ({
+var h = i.forwardRef(({ value: e = null, max: t = 100, size: r = "md", className: o, children: s, ...c }, l) => {
+	let u = i.useMemo(() => ({
 		value: e,
-		max: n,
-		size: a,
+		max: t,
+		size: r,
 		indeterminate: e == null
 	}), [
 		e,
-		n,
-		a
+		t,
+		r
 	]);
-	return /* @__PURE__ */ i(p.Provider, {
+	return /* @__PURE__ */ a(p.Provider, {
 		value: u,
-		children: /* @__PURE__ */ i("div", {
+		children: /* @__PURE__ */ a("div", {
 			ref: l,
-			className: t("flex w-full items-center gap-ds-03", o),
+			className: n("flex w-full items-center gap-ds-03", o),
 			...c,
 			children: s
 		})
 	});
 });
 h.displayName = "Progress.Root";
-var g = r.forwardRef(({ className: e, children: r, ...a }, o) => {
-	let { value: s, max: l, size: u, indeterminate: d } = m("Track");
-	return /* @__PURE__ */ i(n, {
+var g = i.forwardRef(({ className: e, children: t, ...i }, o) => {
+	let { value: s, max: c, size: u, indeterminate: d } = m("Track");
+	return /* @__PURE__ */ a(r, {
 		ref: o,
 		value: d ? null : s,
-		max: l,
-		className: t(c({ size: u }), "flex-1", e),
-		...a,
-		children: r
+		max: c,
+		className: n(l({ size: u }), "flex-1", e),
+		...i,
+		children: t
 	});
 });
 g.displayName = "Progress.Track";
-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: t(u({ color: g }), "w-2/5 animate-progress-indeterminate motion-reduce:animate-none", a),
-		...s
-	}) : /* @__PURE__ */ i(o.div, {
-		ref: c,
-		className: t(u({ color: g }), "transition-colors", a),
+var _ = i.forwardRef(({ color: r, autoColor: i, className: o, ...c }, l) => {
+	let { value: p, max: h, indeterminate: g } = m("Indicator"), _ = r ?? (i === !1 ? "accent" : d(p));
+	return g ? /* @__PURE__ */ a("div", {
+		ref: l,
+		"data-palette": _,
+		className: n(u({ color: _ }), "w-2/5 animate-progress-indeterminate motion-reduce:animate-none", o),
+		...c
+	}) : /* @__PURE__ */ a(t, { children: /* @__PURE__ */ a(s.div, {
+		ref: l,
+		"data-palette": _,
+		className: n(u({ color: _ }), "transition-colors", o),
 		initial: !1,
-		animate: { width: `${f(l ?? 0, p)}%` },
+		animate: { width: `${f(p ?? 0, h)}%` },
 		transition: e.smooth,
-		...s
-	});
+		...c
+	}) });
 });
 _.displayName = "Progress.Indicator";
-var v = r.forwardRef(({ value: e, color: n = "accent", className: r, style: a, ...o }, s) => {
+var v = i.forwardRef(({ value: e, color: t = "accent", className: r, style: i, ...o }, s) => {
 	let { max: c } = m("Segment");
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ a("div", {
 		ref: s,
 		"aria-hidden": "true",
-		className: t("h-full first:rounded-l-pill last:rounded-r-pill", l[n], r),
+		"data-palette": t,
+		className: n("h-full first:rounded-l-pill last:rounded-r-pill bg-palette-solid", r),
 		style: {
 			width: `${f(e, c)}%`,
-			...a
+			...i
 		},
 		...o
 	});
 });
 v.displayName = "Progress.Segment";
-var y = r.forwardRef(({ className: e, ...n }, r) => (m("Label"), /* @__PURE__ */ i("span", {
+var y = i.forwardRef(({ className: e, ...t }, r) => (m("Label"), /* @__PURE__ */ a("span", {
 	ref: r,
-	className: t("shrink-0 text-body-sm font-medium text-surface-fg", e),
-	...n
+	className: n("shrink-0 text-body-sm font-medium text-surface-fg", e),
+	...t
 })));
 y.displayName = "Progress.Label";
-var b = r.forwardRef(({ className: e, format: n, children: r, ...a }, o) => {
+var b = i.forwardRef(({ className: e, format: t, children: r, ...i }, o) => {
 	let { value: s, max: c, indeterminate: l } = m("Value"), u = l ? 0 : f(s ?? 0, c);
-	return /* @__PURE__ */ i("span", {
+	return /* @__PURE__ */ a("span", {
 		ref: o,
-		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)}%`)
+		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)}%`)
 	});
 });
 b.displayName = "Progress.Value";
@@ -116,34 +120,34 @@ var x = !1;
 function S() {
 	x || typeof process > "u" || process.env.NODE_ENV === "production" || (x = !0, console.warn("[shilp-sutra] <Progress> has no accessible name, so it announces as just \"progressbar\" with a percentage. Pass `label` (renders visible text and wires aria-labelledby) or `aria-label` if the bar must stay unlabelled visually. Example: <Progress value={72} label=\"Storage used\" /> or <Progress value={72} aria-label=\"Upload progress\" />."));
 }
-var C = 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": C, ...w }, T) => {
-	let E = r.useId(), D = l != null;
-	return !D && !x && !C && S(), /* @__PURE__ */ a(h, {
+var C = 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": C, ...w }, T) => {
+	let E = i.useId(), D = l != null;
+	return !D && !x && !C && S(), /* @__PURE__ */ o(h, {
 		ref: T,
 		value: e,
-		max: n,
-		size: o ?? "md",
+		max: t,
+		size: r ?? "md",
 		className: m,
 		...w,
 		children: [
-			D && /* @__PURE__ */ i(y, {
+			D && /* @__PURE__ */ a(y, {
 				id: E,
 				children: l
 			}),
-			/* @__PURE__ */ i(g, {
+			/* @__PURE__ */ a(g, {
 				"aria-label": x,
 				"aria-labelledby": C ?? (D ? E : void 0),
-				className: t(d && "flex", f),
-				children: d ? d.map((e, t) => /* @__PURE__ */ i(v, {
+				className: n(d && "flex", f),
+				children: d ? d.map((e, t) => /* @__PURE__ */ a(v, {
 					value: e.value,
 					color: e.color
-				}, t)) : /* @__PURE__ */ i(_, {
+				}, t)) : /* @__PURE__ */ a(_, {
 					color: s,
 					autoColor: c,
 					className: p
 				})
 			}),
-			u && e != null && /* @__PURE__ */ i(b, {})
+			u && e != null && /* @__PURE__ */ a(b, {})
 		]
 	});
 });
@@ -157,4 +161,4 @@ var w = Object.assign(C, {
 	Value: b
 });
 //#endregion
-export { w 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 };
+export { w as Progress, _ as ProgressIndicator, y as ProgressLabel, h as ProgressRoot, v as ProgressSegment, g as ProgressTrack, b as ProgressValue, u as progressIndicatorVariants, l 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// Bundlers (Vite, Next.js, webpack) define process.env.NODE_ENV; guard for raw ESM.\ndeclare const process: { env: { NODE_ENV?: string } } | undefined\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-panel',\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-body-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-caption 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\n/**\n * `role=\"progressbar\"` with no accessible name announces as just \"progressbar,\n * 72%\" — the value is already carried by `aria-valuenow`, so what a screen\n * reader is missing is WHAT is progressing.\n *\n * This warns rather than auto-generating a name on purpose. A generated default\n * (\"Progress\", or \"Progress: 72%\") would silence the Lighthouse audit while\n * leaving the announcement just as uninformative, which is worse than the\n * current state: the bar looks labelled and nobody fixes it. Only the consumer\n * knows what the bar measures.\n *\n * Latched at module scope so a bar that re-renders on every value tick logs\n * once, not once per frame — same pattern as Card's unwrapped-text warning.\n */\nlet warnedMissingProgressName = false\n\nfunction warnOnMissingAccessibleName(): void {\n  if (warnedMissingProgressName) return\n  if (typeof process === 'undefined' || process?.env?.NODE_ENV === 'production') return\n  warnedMissingProgressName = true\n  console.warn(\n    '[shilp-sutra] <Progress> has no accessible name, so it announces as just \"progressbar\" with a percentage. ' +\n      'Pass `label` (renders visible text and wires aria-labelledby) or `aria-label` if the bar must stay unlabelled visually. ' +\n      'Example: <Progress value={72} label=\"Storage used\" /> or <Progress value={72} aria-label=\"Upload progress\" />.',\n  )\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    if (!hasLabel && !ariaLabel && !ariaLabelledby) warnOnMissingAccessibleName()\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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"}
+{"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 { MotionPreference } from '../motion/motion-preference'\nimport { springs } from './lib/motion'\nimport { cn } from './lib/utils'\n\n// Bundlers (Vite, Next.js, webpack) define process.env.NODE_ENV; guard for raw ESM.\ndeclare const process: { env: { NODE_ENV?: string } } | undefined\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-panel-hover',\n  {\n    variants: { size: { sm: 'h-1', md: 'h-2', lg: 'h-3' } },\n    defaultVariants: { size: 'md' },\n  },\n)\n\n/**\n * The fill is one role for every colour — `bg-palette-solid` lives in the base\n * below, and the hue arrives via `data-palette` on the element. The axis is\n * kept (with empty values) so the `color` prop and its type survive unchanged.\n */\nconst COLOR_FILL: Record<ProgressColor, string> = {\n  accent: '',\n  success: '',\n  warning: '',\n  error: '',\n}\n\nexport const progressIndicatorVariants = cva(\n  'h-full bg-palette-solid 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          data-palette={resolved}\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      <MotionPreference>\n        <motion.div\n          ref={ref}\n          data-palette={resolved}\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      </MotionPreference>\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        data-palette={color}\n        className={cn(\n          'h-full first:rounded-l-pill last:rounded-r-pill bg-palette-solid',\n          className,\n        )}\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-body-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-caption 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\n/**\n * `role=\"progressbar\"` with no accessible name announces as just \"progressbar,\n * 72%\" — the value is already carried by `aria-valuenow`, so what a screen\n * reader is missing is WHAT is progressing.\n *\n * This warns rather than auto-generating a name on purpose. A generated default\n * (\"Progress\", or \"Progress: 72%\") would silence the Lighthouse audit while\n * leaving the announcement just as uninformative, which is worse than the\n * current state: the bar looks labelled and nobody fixes it. Only the consumer\n * knows what the bar measures.\n *\n * Latched at module scope so a bar that re-renders on every value tick logs\n * once, not once per frame — same pattern as Card's unwrapped-text warning.\n */\nlet warnedMissingProgressName = false\n\nfunction warnOnMissingAccessibleName(): void {\n  if (warnedMissingProgressName) return\n  if (typeof process === 'undefined' || process?.env?.NODE_ENV === 'production') return\n  warnedMissingProgressName = true\n  console.warn(\n    '[shilp-sutra] <Progress> has no accessible name, so it announces as just \"progressbar\" with a percentage. ' +\n      'Pass `label` (renders visible text and wires aria-labelledby) or `aria-label` if the bar must stay unlabelled visually. ' +\n      'Example: <Progress value={72} label=\"Storage used\" /> or <Progress value={72} aria-label=\"Upload progress\" />.',\n  )\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    if (!hasLabel && !ariaLabel && !ariaLabelledby) warnOnMissingAccessibleName()\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.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;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"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/ui/radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAA;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,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,+FAoClB,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/dist/ui/radio.js

@@ -1,60 +1,61 @@
 "use client";
 import { springs as e } from "./lib/motion.js";
-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 { Indicator as i, Item2 as a, Root2 as o } from "../_chunks/primitives/react-radio-group.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";
+import { MotionPreference as t } from "../_chunks/motion-preference.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 { Indicator as a, Item2 as o, Root2 as s } from "../_chunks/primitives/react-radio-group.js";
+import * as c from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { IconCircle as u } from "@tabler/icons-react";
+import { motion as d } from "framer-motion";
 //#region src/ui/radio.tsx
-var d = s.createContext(void 0), f = {
+var f = c.createContext(void 0), p = {
 	error: "border-error-7",
 	warning: "border-warning-7",
 	success: "border-success-7"
-}, p = s.forwardRef(({ className: e, state: i, ...a }, s) => {
-	let l = n(), u = r(i, l.state), f = a["aria-describedby"] ?? l.helperTextId, p = a["aria-required"] ?? l.required;
-	return /* @__PURE__ */ c(d.Provider, {
+}, m = c.forwardRef(({ className: e, state: t, ...a }, o) => {
+	let c = r(), u = i(t, c.state), d = a["aria-describedby"] ?? c.helperTextId, p = a["aria-required"] ?? c.required;
+	return /* @__PURE__ */ l(f.Provider, {
 		value: u,
-		children: /* @__PURE__ */ c(o, {
-			className: t("grid gap-ds-03", e),
+		children: /* @__PURE__ */ l(s, {
+			className: n("grid gap-ds-03", e),
 			"aria-invalid": u === "error" || void 0,
-			"aria-describedby": f,
+			"aria-describedby": d,
 			"aria-required": p || void 0,
 			...a,
-			ref: s
+			ref: o
 		})
 	});
 });
-p.displayName = o.displayName;
-var m = {
+m.displayName = s.displayName;
+var h = {
 	sm: "h-5 w-5",
 	md: "h-6 w-6",
 	lg: "h-7 w-7"
-}, h = {
+}, g = {
 	sm: "h-1.5 w-1.5",
 	md: "h-ds-03 w-ds-03",
 	lg: "h-2.5 w-2.5"
-}, g = s.forwardRef(({ className: n, size: r = "md", ...o }, p) => {
-	let g = s.useContext(d);
-	return /* @__PURE__ */ c(a, {
-		ref: p,
-		className: t("touch-target aspect-square rounded-pill", m[r], "border border-surface-border-interactive bg-surface-panel-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-panel-active", "data-[state=checked]:border-accent-7", g && f[g], n),
-		...o,
-		children: /* @__PURE__ */ c(i, {
+}, _ = c.forwardRef(({ className: r, size: i = "md", ...s }, m) => {
+	let _ = c.useContext(f);
+	return /* @__PURE__ */ l(t, { children: /* @__PURE__ */ l(o, {
+		ref: m,
+		className: n("touch-target aspect-square rounded-pill", h[i], "border border-surface-border-interactive bg-surface-panel-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-panel-active", "data-[state=checked]:border-accent-7", _ && p[_], r),
+		...s,
+		children: /* @__PURE__ */ l(a, {
 			asChild: !0,
 			className: "flex items-center justify-center",
-			children: /* @__PURE__ */ c(u.span, {
+			children: /* @__PURE__ */ l(d.span, {
 				className: "flex items-center justify-center",
 				initial: { scale: 0 },
 				animate: { scale: 1 },
 				transition: e.snappy,
-				children: /* @__PURE__ */ c(l, { className: t(h[r], "fill-accent-9 text-accent-11") })
+				children: /* @__PURE__ */ l(u, { className: n(g[i], "fill-accent-9 text-accent-11") })
 			})
 		})
-	});
+	}) });
 });
-g.displayName = a.displayName;
+_.displayName = o.displayName;
 //#endregion
-export { p as RadioGroup, g as RadioGroupItem };
+export { m as RadioGroup, _ 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 { 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-interactive bg-surface-panel-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-panel-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,CAAS,GAG7F,IAAqE;CACzE,OAAO;CACP,SAAS;CACT,SAAS;AACX,GAOM,IAAa,EAAM,YAGtB,EAAE,cAAW,OAAO,GAAW,GAAG,KAAS,MAAQ;CACpD,IAAM,IAAW,EAAa,GACxB,IAAQ,EAAkB,GAAW,EAAS,KAAK,GACnD,IAAkB,EAAM,uBAAuB,EAAS,cACxD,IAAe,EAAM,oBAAoB,EAAS;CAExD,OACE,kBAAC,EAAkB,UAAnB;EAA4B,OAAO;YACjC,kBAAC,GAAD;GACE,WAAW,EAAG,kBAAkB,CAAS;GACzC,gBAAc,MAAU,WAAW,KAAA;GACnC,oBAAkB;GAClB,iBAAe,KAAgB,KAAA;GAC/B,GAAI;GACC;EACN,CAAA;CACyB,CAAA;AAEhC,CAAC;AACD,EAAW,cAAA,EAAuC;AAOlD,IAAM,IAAmB;CACvB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEM,IAAwB;CAC5B,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEM,IAAiB,EAAM,YAG1B,EAAE,cAAW,UAAO,MAAM,GAAG,KAAS,MAAQ;CAC/C,IAAM,IAAQ,EAAM,WAAW,CAAiB;CAChD,OACE,kBAAC,GAAD;EACO;EACL,WAAW,EACT,2CACA,EAAiB,IACjB,mEACA,sCACA,6GACA,gEACA,uDACA,wCACA,KAAS,EAAmB,IAC5B,CACF;EACA,GAAI;YAEJ,kBAAC,GAAD;GAA+B,SAAA;GAAQ,WAAU;aAC/C,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,SAAS,EAAE,OAAO,EAAE;IACpB,SAAS,EAAE,OAAO,EAAE;IACpB,YAAY,EAAQ;cAEpB,kBAAC,GAAD,EAAY,WAAW,EAAG,EAAsB,IAAO,8BAA8B,EAAI,CAAA;GAC9E,CAAA;EACgB,CAAA;CACP,CAAA;AAE9B,CAAC;AACD,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 { MotionPreference } from '../motion/motion-preference'\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    <MotionPreference>\n      <RadioGroupPrimitive.Item\n        ref={ref}\n        className={cn(\n          'touch-target aspect-square rounded-pill',\n          radioSizeClasses[size],\n          'border border-surface-border-interactive bg-surface-panel-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-panel-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    </MotionPreference>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":";;;;;;;;;;;;AAcA,IAAM,IAAoB,EAAM,cAA0D,KAAA,CAAS,GAG7F,IAAqE;CACzE,OAAO;CACP,SAAS;CACT,SAAS;AACX,GAOM,IAAa,EAAM,YAGtB,EAAE,cAAW,OAAO,GAAW,GAAG,KAAS,MAAQ;CACpD,IAAM,IAAW,EAAa,GACxB,IAAQ,EAAkB,GAAW,EAAS,KAAK,GACnD,IAAkB,EAAM,uBAAuB,EAAS,cACxD,IAAe,EAAM,oBAAoB,EAAS;CAExD,OACE,kBAAC,EAAkB,UAAnB;EAA4B,OAAO;YACjC,kBAAC,GAAD;GACE,WAAW,EAAG,kBAAkB,CAAS;GACzC,gBAAc,MAAU,WAAW,KAAA;GACnC,oBAAkB;GAClB,iBAAe,KAAgB,KAAA;GAC/B,GAAI;GACC;EACN,CAAA;CACyB,CAAA;AAEhC,CAAC;AACD,EAAW,cAAA,EAAuC;AAOlD,IAAM,IAAmB;CACvB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEM,IAAwB;CAC5B,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEM,IAAiB,EAAM,YAG1B,EAAE,cAAW,UAAO,MAAM,GAAG,KAAS,MAAQ;CAC/C,IAAM,IAAQ,EAAM,WAAW,CAAiB;CAChD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACO;EACL,WAAW,EACT,2CACA,EAAiB,IACjB,mEACA,sCACA,6GACA,gEACA,uDACA,wCACA,KAAS,EAAmB,IAC5B,CACF;EACA,GAAI;YAEJ,kBAAC,GAAD;GAA+B,SAAA;GAAQ,WAAU;aAC/C,kBAAC,EAAO,MAAR;IACE,WAAU;IACV,SAAS,EAAE,OAAO,EAAE;IACpB,SAAS,EAAE,OAAO,EAAE;IACpB,YAAY,EAAQ;cAEpB,kBAAC,GAAD,EAAY,WAAW,EAAG,EAAsB,IAAO,8BAA8B,EAAI,CAAA;GAC9E,CAAA;EACgB,CAAA;CACP,CAAA,EACV,CAAA;AAEtB,CAAC;AACD,EAAe,cAAA,EAAuC"}

package/dist/ui/search-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/ui/search-input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB;AAED,QAAA,MAAM,WAAW,2FA8ChB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../src/ui/search-input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB;AAED,QAAA,MAAM,WAAW,2FAgDhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/ui/search-input.js

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

package/dist/ui/search-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-input.js","names":[],"sources":["../../src/ui/search-input.tsx"],"sourcesContent":["'use client'\n\nimport { IconSearch, IconX } from '@tabler/icons-react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Button } from './button'\nimport { Icon } from './icon'\nimport { Input } from './input'\nimport { springs } from './lib/motion'\nimport { Spinner } from './spinner'\n\ntype SearchInputSize = 'xs' | 'sm' | 'md' | 'lg'\n\n/**\n * Props for SearchInput — a search field with a built-in leading magnifier icon, optional loading\n * spinner, and an auto-shown clear button when `value` is non-empty and `onClear` is provided.\n *\n * **Sizes:** `sm` | `md` (default) | `lg` — matches Input's `size` prop API.\n * HTML's native `size` attribute is excluded — use CSS width instead.\n *\n * **Clear button:** Appears automatically when `value !== ''` and `onClear` is provided.\n * When `loading` is true, a spinning loader replaces the clear button.\n *\n * @example\n * // Controlled search with clear:\n * <SearchInput\n *   value={query}\n *   onChange={(e) => setQuery(e.target.value)}\n *   onClear={() => setQuery('')}\n *   placeholder=\"Search tasks...\"\n * />\n *\n * @example\n * // Async search with loading state while fetching results:\n * <SearchInput\n *   value={query}\n *   onChange={handleSearch}\n *   loading={isSearching}\n *   placeholder=\"Search clients...\"\n * />\n *\n * @example\n * // Compact search bar in a toolbar:\n * <SearchInput size=\"sm\" value={q} onChange={(e) => setQ(e.target.value)} onClear={() => setQ('')} />\n * // These are just a few ways — feel free to combine props creatively!\n */\nexport interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  onClear?: () => void\n  loading?: boolean\n  /** @default 'md' */\n  size?: SearchInputSize\n}\n\nconst SearchInput = React.forwardRef<HTMLInputElement, SearchInputProps>(\n  ({ className, value, onClear, loading, size = 'md', placeholder, ...props }, ref) => {\n    const hasValue = value !== undefined && value !== ''\n\n    const endContent = loading ? (\n      <Spinner size=\"sm\" />\n    ) : (\n      <AnimatePresence>\n        {hasValue && onClear && (\n          <motion.div\n            className=\"flex items-center justify-center\"\n            initial={{ opacity: 0, scale: 0.8 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.8 }}\n            transition={springs.snappy}\n          >\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n              onClick={onClear}\n              aria-label=\"Clear search\"\n              title=\"Clear\"\n            >\n              <Icon icon={IconX} />\n            </Button>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n\n    return (\n      <Input\n        ref={ref}\n        size={size}\n        startSection={<Icon icon={IconSearch} />}\n        endSection={endContent}\n        endSectionClickable={!!hasValue && !loading}\n        placeholder={placeholder}\n        value={value}\n        aria-busy={loading || undefined}\n        className={className}\n        {...props}\n      />\n    )\n  },\n)\nSearchInput.displayName = 'SearchInput'\n\nexport { SearchInput }\n"],"mappings":";;;;;;;;;;;AAsDA,IAAM,IAAc,EAAM,YACvB,EAAE,cAAW,UAAO,YAAS,YAAS,UAAO,MAAM,gBAAa,GAAG,KAAS,MAAQ;CACnF,IAAM,IAAW,MAAU,KAAA,KAAa,MAAU,IAE5C,IAAa,IACjB,kBAAC,GAAD,EAAS,MAAK,KAAM,CAAA,IAEpB,kBAAC,GAAD,EAAA,UACG,KAAY,KACX,kBAAC,EAAO,KAAR;EACE,WAAU;EACV,SAAS;GAAE,SAAS;GAAG,OAAO;EAAI;EAClC,SAAS;GAAE,SAAS;GAAG,OAAO;EAAE;EAChC,MAAM;GAAE,SAAS;GAAG,OAAO;EAAI;EAC/B,YAAY,EAAQ;YAEpB,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,SAAS;GACT,cAAW;GACX,OAAM;aAEN,kBAAC,GAAD,EAAM,MAAM,EAAQ,CAAA;EACd,CAAA;CACE,CAAA,EAEC,CAAA;CAGnB,OACE,kBAAC,GAAD;EACO;EACC;EACN,cAAc,kBAAC,GAAD,EAAM,MAAM,EAAa,CAAA;EACvC,YAAY;EACZ,qBAAqB,CAAC,CAAC,KAAY,CAAC;EACvB;EACN;EACP,aAAW,KAAW,KAAA;EACX;EACX,GAAI;CACL,CAAA;AAEL,CACF;AACA,EAAY,cAAc"}
+{"version":3,"file":"search-input.js","names":[],"sources":["../../src/ui/search-input.tsx"],"sourcesContent":["'use client'\n\nimport { IconSearch, IconX } from '@tabler/icons-react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { MotionPreference } from '../motion/motion-preference'\nimport { Button } from './button'\nimport { Icon } from './icon'\nimport { Input } from './input'\nimport { springs } from './lib/motion'\nimport { Spinner } from './spinner'\n\ntype SearchInputSize = 'xs' | 'sm' | 'md' | 'lg'\n\n/**\n * Props for SearchInput — a search field with a built-in leading magnifier icon, optional loading\n * spinner, and an auto-shown clear button when `value` is non-empty and `onClear` is provided.\n *\n * **Sizes:** `sm` | `md` (default) | `lg` — matches Input's `size` prop API.\n * HTML's native `size` attribute is excluded — use CSS width instead.\n *\n * **Clear button:** Appears automatically when `value !== ''` and `onClear` is provided.\n * When `loading` is true, a spinning loader replaces the clear button.\n *\n * @example\n * // Controlled search with clear:\n * <SearchInput\n *   value={query}\n *   onChange={(e) => setQuery(e.target.value)}\n *   onClear={() => setQuery('')}\n *   placeholder=\"Search tasks...\"\n * />\n *\n * @example\n * // Async search with loading state while fetching results:\n * <SearchInput\n *   value={query}\n *   onChange={handleSearch}\n *   loading={isSearching}\n *   placeholder=\"Search clients...\"\n * />\n *\n * @example\n * // Compact search bar in a toolbar:\n * <SearchInput size=\"sm\" value={q} onChange={(e) => setQ(e.target.value)} onClear={() => setQ('')} />\n * // These are just a few ways — feel free to combine props creatively!\n */\nexport interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  onClear?: () => void\n  loading?: boolean\n  /** @default 'md' */\n  size?: SearchInputSize\n}\n\nconst SearchInput = React.forwardRef<HTMLInputElement, SearchInputProps>(\n  ({ className, value, onClear, loading, size = 'md', placeholder, ...props }, ref) => {\n    const hasValue = value !== undefined && value !== ''\n\n    const endContent = loading ? (\n      <Spinner size=\"sm\" />\n    ) : (\n      <AnimatePresence>\n        {hasValue && onClear && (\n          <motion.div\n            className=\"flex items-center justify-center\"\n            initial={{ opacity: 0, scale: 0.8 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.8 }}\n            transition={springs.snappy}\n          >\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n              onClick={onClear}\n              aria-label=\"Clear search\"\n              title=\"Clear\"\n            >\n              <Icon icon={IconX} />\n            </Button>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n\n    return (\n      <MotionPreference>\n        <Input\n          ref={ref}\n          size={size}\n          startSection={<Icon icon={IconSearch} />}\n          endSection={endContent}\n          endSectionClickable={!!hasValue && !loading}\n          placeholder={placeholder}\n          value={value}\n          aria-busy={loading || undefined}\n          className={className}\n          {...props}\n        />\n      </MotionPreference>\n    )\n  },\n)\nSearchInput.displayName = 'SearchInput'\n\nexport { SearchInput }\n"],"mappings":";;;;;;;;;;;;AAuDA,IAAM,IAAc,EAAM,YACvB,EAAE,cAAW,UAAO,YAAS,YAAS,UAAO,MAAM,gBAAa,GAAG,KAAS,MAAQ;CACnF,IAAM,IAAW,MAAU,KAAA,KAAa,MAAU,IAE5C,IAAa,IACjB,kBAAC,GAAD,EAAS,MAAK,KAAM,CAAA,IAEpB,kBAAC,GAAD,EAAA,UACG,KAAY,KACX,kBAAC,EAAO,KAAR;EACE,WAAU;EACV,SAAS;GAAE,SAAS;GAAG,OAAO;EAAI;EAClC,SAAS;GAAE,SAAS;GAAG,OAAO;EAAE;EAChC,MAAM;GAAE,SAAS;GAAG,OAAO;EAAI;EAC/B,YAAY,EAAQ;YAEpB,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,SAAS;GACT,cAAW;GACX,OAAM;aAEN,kBAAC,GAAD,EAAM,MAAM,EAAQ,CAAA;EACd,CAAA;CACE,CAAA,EAEC,CAAA;CAGnB,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACO;EACC;EACN,cAAc,kBAAC,GAAD,EAAM,MAAM,EAAa,CAAA;EACvC,YAAY;EACZ,qBAAqB,CAAC,CAAC,KAAY,CAAC;EACvB;EACN;EACP,aAAW,KAAW,KAAA;EACX;EACX,GAAI;CACL,CAAA,EACe,CAAA;AAEtB,CACF;AACA,EAAY,cAAc"}

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;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,8FA2BjB,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;AAS9B;;;;;;;;;;;;;;;;;;;;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,8FA2BjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JAsCjB,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"}