@devalok/shilp-sutra 0.53.0 → 0.55.0

package/dist/ui/navigation-menu.js

@@ -1,41 +1,41 @@
 "use client";
-import { Content$1 as e, Indicator as t, Item as n, Link as r, List$1 as i, Root2$1 as a, Trigger$1 as o, Viewport as s } from "../_chunks/primitives.js";
-import { springs as c, tweens as l } from "./lib/motion.js";
-import { cn as u } from "./lib/utils.js";
-import { Icon as d } from "./icon.js";
+import { springs as e, tweens as t } from "./lib/motion.js";
+import { cn as n } from "./lib/utils.js";
+import { Icon as r } from "./icon.js";
+import { Content as i, Indicator as a, Item as o, Link as s, List as c, Root2 as l, Trigger as u, Viewport as d } from "../_chunks/primitives/react-navigation-menu.js";
 import * as f from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { IconChevronDown as h } from "@tabler/icons-react";
 import { motion as g } from "framer-motion";
 //#region src/ui/navigation-menu.tsx
-var _ = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ m(a, {
-	ref: r,
-	className: u("relative z-raised flex max-w-max flex-1 items-center justify-center", e),
-	...n,
+var _ = f.forwardRef(({ className: e, children: t, ...r }, i) => /* @__PURE__ */ m(l, {
+	ref: i,
+	className: n("relative z-raised flex max-w-max flex-1 items-center justify-center", e),
+	...r,
 	children: [t, /* @__PURE__ */ p(w, {})]
 }));
-_.displayName = a.displayName;
-var v = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ p(i, {
-	ref: n,
-	className: u("group flex flex-1 list-none items-center justify-center space-x-ds-02", e),
+_.displayName = l.displayName;
+var v = f.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ p(c, {
+	ref: r,
+	className: n("group flex flex-1 list-none items-center justify-center space-x-ds-02", e),
 	...t
 }));
-v.displayName = i.displayName;
-var y = n, b = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ m(o, {
-	ref: r,
-	className: u("group inline-flex h-ds-sm-plus w-max items-center justify-center rounded-control bg-transparent px-ds-05 py-ds-03 text-body-md font-medium transition-colors hover:bg-surface-raised-hover focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none disabled:opacity-action-disabled", e),
-	...n,
+v.displayName = c.displayName;
+var y = o, b = f.forwardRef(({ className: e, children: t, ...i }, a) => /* @__PURE__ */ m(u, {
+	ref: a,
+	className: n("group inline-flex h-ds-sm-plus w-max items-center justify-center rounded-control bg-transparent px-ds-05 py-ds-03 text-body-md font-medium transition-colors hover:bg-surface-raised-hover focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none disabled:opacity-action-disabled", e),
+	...i,
 	children: [
 		t,
 		" ",
-		/* @__PURE__ */ p(d, {
+		/* @__PURE__ */ p(r, {
 			icon: h,
 			size: "sm",
 			className: "relative top-[1px] ml-ds-02 transition-transform duration-moderate-02 group-data-[state=open]:rotate-180"
 		})
 	]
 }));
-b.displayName = o.displayName;
+b.displayName = u.displayName;
 var x = {
 	"from-start": {
 		x: "-13rem",
@@ -57,19 +57,19 @@ var x = {
 		x: 0,
 		opacity: 1
 	}
-}, S = f.forwardRef(({ className: t, ...n }, r) => {
-	let i = f.useRef(null), a = f.useCallback((e) => {
-		i.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
-	}, [r]), [o, s] = f.useState(null);
+}, S = f.forwardRef(({ className: r, ...a }, o) => {
+	let s = f.useRef(null), c = f.useCallback((e) => {
+		s.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
+	}, [o]), [l, u] = f.useState(null);
 	f.useEffect(() => {
-		let e = i.current;
+		let e = s.current;
 		if (!e) return;
 		let t = e.getAttribute("data-motion");
-		t && s(t);
+		t && u(t);
 		let n = new MutationObserver((t) => {
 			for (let n of t) if (n.attributeName === "data-motion") {
 				let t = e.getAttribute("data-motion");
-				s(t);
+				u(t);
 			}
 		});
 		return n.observe(e, {
@@ -77,54 +77,54 @@ var x = {
 			attributeFilter: ["data-motion"]
 		}), () => n.disconnect();
 	}, []);
-	let d = o && o.startsWith("from-") ? x[o] : o && o.startsWith("to-") ? x.center : {
+	let d = l && l.startsWith("from-") ? x[l] : l && l.startsWith("to-") ? x.center : {
 		x: 0,
 		opacity: 0
-	}, m = o && o.startsWith("from-") ? x.center : o && o.startsWith("to-") ? x[o] : x.center;
-	return /* @__PURE__ */ p(e, {
-		ref: a,
-		className: u("left-0 top-0 w-full md:absolute md:w-auto", t),
-		...n,
+	}, m = l && l.startsWith("from-") ? x.center : l && l.startsWith("to-") ? x[l] : x.center;
+	return /* @__PURE__ */ p(i, {
+		ref: c,
+		className: n("left-0 top-0 w-full md:absolute md:w-auto", r),
+		...a,
 		children: /* @__PURE__ */ p(g.div, {
 			initial: d,
 			animate: m,
 			transition: {
-				...c.smooth,
-				opacity: l.fade
+				...e.smooth,
+				opacity: t.fade
 			},
 			className: "w-full",
-			children: n.children
-		}, o)
+			children: a.children
+		}, l)
 	});
 });
-S.displayName = e.displayName;
-var C = r, w = f.forwardRef(({ className: e, ...t }, n) => {
-	let r = f.useRef(null), i = f.useCallback((e) => {
-		r.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
-	}, [n]), [a, o] = f.useState(!1);
+S.displayName = i.displayName;
+var C = s, w = f.forwardRef(({ className: r, ...i }, a) => {
+	let o = f.useRef(null), s = f.useCallback((e) => {
+		o.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+	}, [a]), [c, l] = f.useState(!1);
 	return f.useEffect(() => {
-		let e = r.current;
+		let e = o.current;
 		if (!e) return;
 		let t = e.getAttribute("data-state");
-		o(t === "open");
+		l(t === "open");
 		let n = new MutationObserver((t) => {
-			for (let n of t) n.attributeName === "data-state" && o(e.getAttribute("data-state") === "open");
+			for (let n of t) n.attributeName === "data-state" && l(e.getAttribute("data-state") === "open");
 		});
 		return n.observe(e, {
 			attributes: !0,
 			attributeFilter: ["data-state"]
 		}), () => n.disconnect();
 	}, []), /* @__PURE__ */ m("div", {
-		className: u("absolute left-0 top-full flex justify-center"),
-		children: [/* @__PURE__ */ p(s, {
-			className: u("origin-top-center relative mt-ds-02b h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-overlay bg-surface-overlay shadow-floating md:w-[var(--radix-navigation-menu-viewport-width)]", e),
-			ref: i,
-			...t
+		className: n("absolute left-0 top-full flex justify-center"),
+		children: [/* @__PURE__ */ p(d, {
+			className: n("origin-top-center relative mt-ds-02b h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-overlay bg-surface-overlay shadow-floating md:w-[var(--radix-navigation-menu-viewport-width)]", r),
+			ref: s,
+			...i
 		}), /* @__PURE__ */ p(g.div, {
 			"aria-hidden": !0,
 			className: "absolute inset-0 pointer-events-none",
 			initial: !1,
-			animate: a ? {
+			animate: c ? {
 				opacity: 1,
 				scale: 1
 			} : {
@@ -132,42 +132,42 @@ var C = r, w = f.forwardRef(({ className: e, ...t }, n) => {
 				scale: .95
 			},
 			transition: {
-				...c.smooth,
-				opacity: l.fade
+				...e.smooth,
+				opacity: t.fade
 			}
 		})]
 	});
 });
-w.displayName = s.displayName;
-var T = f.forwardRef(({ className: e, ...n }, r) => {
-	let i = f.useRef(null), a = f.useCallback((e) => {
-		i.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
-	}, [r]), [o, s] = f.useState(!1);
+w.displayName = d.displayName;
+var T = f.forwardRef(({ className: e, ...r }, i) => {
+	let o = f.useRef(null), s = f.useCallback((e) => {
+		o.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+	}, [i]), [c, l] = f.useState(!1);
 	return f.useEffect(() => {
-		let e = i.current;
+		let e = o.current;
 		if (!e) return;
 		let t = e.getAttribute("data-state");
-		s(t === "visible");
+		l(t === "visible");
 		let n = new MutationObserver((t) => {
-			for (let n of t) n.attributeName === "data-state" && s(e.getAttribute("data-state") === "visible");
+			for (let n of t) n.attributeName === "data-state" && l(e.getAttribute("data-state") === "visible");
 		});
 		return n.observe(e, {
 			attributes: !0,
 			attributeFilter: ["data-state"]
 		}), () => n.disconnect();
-	}, []), /* @__PURE__ */ p(t, {
-		ref: a,
-		className: u("top-full z-base flex h-ds-02b items-end justify-center overflow-hidden", e),
-		...n,
+	}, []), /* @__PURE__ */ p(a, {
+		ref: s,
+		className: n("top-full z-base flex h-ds-02b items-end justify-center overflow-hidden", e),
+		...r,
 		children: /* @__PURE__ */ p(g.div, {
 			layout: !0,
 			initial: !1,
-			animate: o ? { opacity: 1 } : { opacity: 0 },
-			transition: l.fade,
+			animate: c ? { opacity: 1 } : { opacity: 0 },
+			transition: t.fade,
 			className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-control-inner bg-surface-border shadow-raised-hover"
 		})
 	});
 });
-T.displayName = t.displayName;
+T.displayName = a.displayName;
 //#endregion
 export { _ as NavigationMenu, S as NavigationMenuContent, T as NavigationMenuIndicator, y as NavigationMenuItem, C as NavigationMenuLink, v as NavigationMenuList, b as NavigationMenuTrigger, w as NavigationMenuViewport };

package/dist/ui/number-input.d.ts

@@ -1,6 +1,5 @@
-"use client";
 import { VariantProps } from 'class-variance-authority';
-import { FieldState } from './lib/field-state';
+import { FieldState } from './lib/field-state.js';
 import * as React from 'react';
 /** @deprecated Use `FieldState` — the shared control-state type. Kept as an alias. */
 export type NumberInputState = FieldState;

package/dist/ui/oauth-button/index.d.ts

@@ -1,3 +1,2 @@
-"use client";
-export { getOAuthLabel, getOAuthName, OAuth, type OAuthAppearance, OAuthButton, type OAuthButtonProps, OAuthConnectionRow, type OAuthConnectionRowProps, OAuthDivider, type OAuthDividerProps, OAuthGlyph, type OAuthGlyphProps, OAuthGroup, type OAuthGroupProps, type OAuthIntent, type OAuthProvider, type OAuthVariant, } from './oauth-button';
+export { getOAuthLabel, getOAuthName, OAuth, type OAuthAppearance, OAuthButton, type OAuthButtonProps, OAuthConnectionRow, type OAuthConnectionRowProps, OAuthDivider, type OAuthDividerProps, OAuthGlyph, type OAuthGlyphProps, OAuthGroup, type OAuthGroupProps, type OAuthIntent, type OAuthProvider, type OAuthVariant, } from './oauth-button.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/oauth-button/oauth-button.d.ts

@@ -1,6 +1,5 @@
-"use client";
-import { ButtonProps } from '../button';
-import { IconInput } from '../lib/icon-input';
+import { ButtonProps } from '../button.js';
+import { IconInput } from '../lib/icon-input.js';
 import * as React from 'react';
 export type OAuthProvider = 'google' | 'apple' | 'github' | 'microsoft' | 'x' | 'linkedin' | 'facebook' | 'discord' | 'slack' | 'gitlab' | 'sso' | 'email' | 'passkey';
 export type OAuthIntent = 'continue' | 'signin' | 'signup';

package/dist/ui/pagination.d.ts

@@ -1,4 +1,3 @@
-"use client";
 import * as React from 'react';
 declare const PaginationRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;

package/dist/ui/pagination.js

@@ -1,5 +1,5 @@
 "use client";
-import { Slot as e } from "../_chunks/primitives.js";
+import { Slot as e } from "../_chunks/primitives-internal.js";
 import { cn as t } from "./lib/utils.js";
 import { Icon as n } from "./icon.js";
 import * as r from "react";

package/dist/ui/popover.d.ts

@@ -1,5 +1,4 @@
-"use client";
-import * as PopoverPrimitive from '../primitives/react-popover';
+import * as PopoverPrimitive from '../primitives/react-popover.js';
 import * as React from 'react';
 declare const Popover: React.FC<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,3 @@
-"use client";
 import * as React from 'react';
 /**
  * A circular progress indicator with optional label and animated fill.

package/dist/ui/progress.d.ts

@@ -1,6 +1,5 @@
-"use client";
 import { VariantProps } from 'class-variance-authority';
-import * as ProgressPrimitive from '../primitives/react-progress';
+import * as ProgressPrimitive from '../primitives/react-progress.js';
 import * as React from 'react';
 export type ProgressSize = 'sm' | 'md' | 'lg';
 export type ProgressColor = 'accent' | 'success' | 'warning' | 'error';

package/dist/ui/progress.js

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

package/dist/ui/radio.d.ts

@@ -1,6 +1,5 @@
-"use client";
-import { FieldState } from './lib/field-state';
-import * as RadioGroupPrimitive from '../primitives/react-radio-group';
+import { FieldState } from './lib/field-state.js';
+import * as RadioGroupPrimitive from '../primitives/react-radio-group.js';
 import * as React from 'react';
 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. */

package/dist/ui/radio.js

@@ -1,9 +1,9 @@
 "use client";
-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 { resolveFieldState as o } from "../_chunks/field-state.js";
+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";
@@ -13,21 +13,21 @@ 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;
+}, 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, {
 		value: u,
-		children: /* @__PURE__ */ c(n, {
-			className: i("grid gap-ds-03", e),
+		children: /* @__PURE__ */ c(o, {
+			className: t("grid gap-ds-03", e),
 			"aria-invalid": u === "error" || void 0,
 			"aria-describedby": f,
 			"aria-required": p || void 0,
-			...r,
+			...a,
 			ref: s
 		})
 	});
 });
-p.displayName = n.displayName;
+p.displayName = o.displayName;
 var m = {
 	sm: "h-5 w-5",
 	md: "h-6 w-6",
@@ -36,25 +36,25 @@ var m = {
 	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: a = "md", ...o }, p) => {
+}, g = s.forwardRef(({ className: n, size: r = "md", ...o }, p) => {
 	let g = s.useContext(d);
-	return /* @__PURE__ */ c(t, {
+	return /* @__PURE__ */ c(a, {
 		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),
+		className: t("touch-target aspect-square rounded-pill", m[r], "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, {
+		children: /* @__PURE__ */ c(i, {
 			asChild: !0,
 			className: "flex items-center justify-center",
 			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") })
+				transition: e.snappy,
+				children: /* @__PURE__ */ c(l, { className: t(h[r], "fill-accent-9 text-accent-11") })
 			})
 		})
 	});
 });
-g.displayName = t.displayName;
+g.displayName = a.displayName;
 //#endregion
 export { p as RadioGroup, g as RadioGroupItem };

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

@@ -1,4 +1,3 @@
-"use client";
 import * as React from 'react';
 type SearchInputSize = 'xs' | 'sm' | 'md' | 'lg';
 /**

package/dist/ui/segmented-control.d.ts

@@ -1,5 +1,4 @@
-"use client";
-import { IconInput } from './lib/icon-input';
+import { IconInput } from './lib/icon-input.js';
 import * as React from 'react';
 export type SegmentedControlSize = 'sm' | 'md' | 'lg';
 export type SegmentedControlVariant = 'soft' | 'solid';

package/dist/ui/select.d.ts

@@ -1,6 +1,5 @@
-"use client";
 import { VariantProps } from 'class-variance-authority';
-import * as SelectPrimitive from '../primitives/react-select';
+import * as SelectPrimitive from '../primitives/react-select.js';
 import * as React from 'react';
 /**
  * Select root — manages open/close state and selected value.