@jfrader/ui 0.5.0 → 0.6.0

package/dist/photo-grid.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as PhotoGrid } from "./photo-grid-Dtl17D74.js";

package/dist/pill-Dd7pog19.js

@@ -0,0 +1,59 @@
+'use client';
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t } from "./media-8yrN85VT.js";
+import { t as n } from "./sx-BJXJ2xJK.js";
+import { vars as r } from "@jfrader/tokens/vars";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+//#region src/components/pill/pill.tsx
+var a = e({
+	display: "inline-flex",
+	alignItems: "center",
+	boxSizing: "border-box",
+	blockSize: r.space[5],
+	paddingInline: r.space[2],
+	borderRadius: r.radius.full,
+	fontSize: r.textSize.xs,
+	fontWeight: r.fontWeight.medium,
+	lineHeight: 1,
+	whiteSpace: "nowrap",
+	verticalAlign: "middle",
+	[t]: { outline: "1px solid CanvasText" }
+}), o = {
+	neutral: e({
+		backgroundColor: r.color.surfaceHover,
+		color: r.color.textMuted
+	}),
+	accent: e({
+		backgroundColor: r.color.accentSoft,
+		color: r.color.accentText
+	}),
+	success: e({
+		backgroundColor: r.color.successSoft,
+		color: r.color.success
+	}),
+	warning: e({
+		backgroundColor: r.color.warningSoft,
+		color: r.color.warning
+	}),
+	danger: e({
+		backgroundColor: r.color.dangerSoft,
+		color: r.color.dangerText
+	})
+};
+function s({ ref: e, tone: t = "neutral", className: r, sx: s, ...c }) {
+	return /* @__PURE__ */ i(n, {
+		className: r,
+		styles: [a, o[t]],
+		sx: s,
+		children: (n) => /* @__PURE__ */ i("span", {
+			...c,
+			ref: e,
+			"data-ui": "pill",
+			"data-tone": t,
+			className: n
+		})
+	});
+}
+s.displayName = "Pill";
+//#endregion
+export { s as t };

package/dist/pill.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Pill } from "./pill-DO2gHzMb.js";
+export { t as Pill } from "./pill-Dd7pog19.js";

package/dist/popover-CUMOcMtj.js

@@ -0,0 +1,126 @@
+'use client';
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./sx-BJXJ2xJK.js";
+import { t as n } from "./use-controlled-state-DpeVQZNR.js";
+import { n as r } from "./surface-C69kwSuk.js";
+import { t as i } from "./trigger-style-CtOrdPk4.js";
+import { a, i as o } from "./overlay-layer-qEbpEtb8.js";
+import { t as s } from "./overlay-portal-C9igMHnC.js";
+import { t as c } from "./use-overlay-floating-Bx2jBKAA.js";
+import { createContext as l, useContext as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { vars as h } from "@jfrader/tokens/vars";
+import { jsx as g } from "@emotion/react/jsx-runtime";
+import { FloatingFocusManager as _, useClick as v, useInteractions as y, useMergeRefs as b, useRole as x } from "@floating-ui/react";
+//#region src/components/popover/popover.tsx
+var S = l(null);
+function C(e) {
+	let t = u(S);
+	if (!t) throw Error(`Popover.${e} must be rendered inside <Popover>.`);
+	return t;
+}
+var w = e({
+	...r,
+	borderRadius: h.radius.lg,
+	boxShadow: h.shadow.overlay,
+	padding: h.space[4],
+	minInlineSize: "200px",
+	maxInlineSize: "min(360px, calc(100vw - 32px))",
+	fontSize: h.textSize.sm,
+	overflowY: "auto"
+});
+function T({ nodeId: e, open: t, defaultOpen: r = !1, onOpenChange: i, placement: o = "bottom", children: s }) {
+	let [l = !1, u] = n(t, r, i), h = p(!1), [_, b] = m(), { refs: C, floatingStyles: w, context: T } = c({
+		open: l,
+		placement: o,
+		nodeId: e,
+		onAvailableSize: ({ height: e }) => b(Math.max(0, e)),
+		onOpenChange: (e, t, n) => {
+			e || (h.current = n === "escape-key"), u(e);
+		}
+	});
+	d(() => {
+		!l && h.current && (h.current = !1, C.domReference.current?.focus());
+	}, [l, C]);
+	let E = v(T), D = a(T, "container"), O = x(T, { role: "dialog" }), { getReferenceProps: k, getFloatingProps: A } = y([
+		E,
+		...D,
+		O
+	]), j = f(() => ({
+		open: l,
+		refs: C,
+		floatingContext: T,
+		floatingStyles: {
+			...w,
+			maxBlockSize: _
+		},
+		getReferenceProps: k,
+		getFloatingProps: A
+	}), [
+		l,
+		C,
+		T,
+		w,
+		_,
+		k,
+		A
+	]);
+	return /* @__PURE__ */ g(S.Provider, {
+		value: j,
+		children: s
+	});
+}
+function E(e) {
+	return /* @__PURE__ */ g(o, { children: (t) => /* @__PURE__ */ g(T, {
+		...e,
+		nodeId: t
+	}) });
+}
+E.displayName = "Popover";
+function D({ ref: e, className: n, sx: r, ...a }) {
+	let { refs: o, getReferenceProps: s } = C("Trigger"), c = b([o.setReference, e]);
+	return /* @__PURE__ */ g(t, {
+		className: n,
+		styles: i,
+		sx: r,
+		children: (e) => /* @__PURE__ */ g("button", {
+			type: "button",
+			...s(a),
+			ref: c,
+			"data-ui": "popover-trigger",
+			className: e
+		})
+	});
+}
+D.displayName = "Popover.Trigger";
+function O({ ref: e, style: n, className: r, sx: i, ...a }) {
+	let { open: o, refs: c, floatingContext: l, floatingStyles: u, getFloatingProps: d } = C("Content"), f = b([c.setFloating, e]);
+	return o ? /* @__PURE__ */ g(s, { children: /* @__PURE__ */ g(_, {
+		context: l,
+		modal: !1,
+		initialFocus: -1,
+		returnFocus: !1,
+		closeOnFocusOut: !1,
+		children: /* @__PURE__ */ g(t, {
+			className: r,
+			styles: w,
+			sx: i,
+			children: (e) => /* @__PURE__ */ g("div", {
+				...d(a),
+				ref: f,
+				"data-ui": "popover",
+				style: {
+					...n,
+					...u
+				},
+				className: e
+			})
+		})
+	}) }) : null;
+}
+O.displayName = "Popover.Content";
+var k = Object.assign(E, {
+	Trigger: D,
+	Content: O
+});
+//#endregion
+export { k as t };

package/dist/popover.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Popover } from "./popover-QHcEvf9c.js";
+export { t as Popover } from "./popover-CUMOcMtj.js";

package/dist/presence-spring-4zwtUDQN.js

@@ -0,0 +1,12 @@
+'use client';
+//#region src/overlay/presence-spring.ts
+var e = {
+	type: "spring",
+	stiffness: 900,
+	damping: 60,
+	mass: 1,
+	restDelta: 1,
+	restSpeed: 30
+};
+//#endregion
+export { e as t };

package/dist/{progress-CbOWBUdA.js → progress-Bcuz3Ob4.js}

@@ -1,7 +1,8 @@
 'use client';
-import { i as e, r as t, t as n } from "./sx-Dx9JUKp5.js";
-import { n as r, r as i } from "./media-8yrN85VT.js";
-import { t as a } from "./visually-hidden-BJdvqqvn.js";
+import { a as e, i as t } from "./css-BYJhdGh-.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.js";
+import { t as a } from "./visually-hidden-DgVO3NaB.js";
 import { t as o } from "./renderable-DzcIj1Lo.js";
 import { useId as s } from "react";
 import { vars as c } from "@jfrader/tokens/vars";
@@ -29,8 +30,8 @@ var d = "40%", f = "1.4s ease-in-out infinite", p = 100, m = e({
 	transitionProperty: "width",
 	transitionDuration: c.motion.duration.base,
 	transitionTimingFunction: c.motion.easeStandard,
-	[i]: { transitionDuration: "0s" },
-	[r]: {
+	[r]: { transitionDuration: "0s" },
+	[n]: {
 		forcedColorAdjust: "none",
 		backgroundColor: "Highlight"
 	}
@@ -38,7 +39,7 @@ var d = "40%", f = "1.4s ease-in-out infinite", p = 100, m = e({
 	inlineSize: d,
 	animation: `${m} ${f}`,
 	"&:dir(rtl)": { animation: `${h} ${f}` },
-	[i]: {
+	[r]: {
 		"&, &:dir(rtl)": { animation: "none" },
 		opacity: .7
 	}
@@ -50,9 +51,9 @@ function y(e, t) {
 		max: n
 	};
 }
-function b({ ref: e, value: t, max: r = p, label: i, getValueLabel: c, slotProps: d, "aria-labelledby": f, className: m, sx: h, ...b }) {
-	let x = `${s()}-label`, S = o(i), C = [f, S && x].filter(Boolean).join(" ") || void 0, { value: w, max: T } = y(t, r), E = w === void 0, D = w === void 0 ? 0 : w / T * 100;
-	return /* @__PURE__ */ l(n, {
+function b({ ref: e, value: t, max: n = p, label: r, getValueLabel: c, slotProps: d, "aria-labelledby": f, className: m, sx: h, ...b }) {
+	let x = `${s()}-label`, S = o(r), C = [f, S && x].filter(Boolean).join(" ") || void 0, { value: w, max: T } = y(t, n), E = w === void 0, D = w === void 0 ? 0 : w / T * 100;
+	return /* @__PURE__ */ l(i, {
 		className: m,
 		styles: g,
 		sx: h,
@@ -66,12 +67,12 @@ function b({ ref: e, value: t, max: r = p, label: i, getValueLabel: c, slotProps
 			"aria-valuemin": 0,
 			"aria-valuemax": T,
 			"aria-valuenow": w,
-			"aria-valuetext": w === void 0 ? void 0 : c?.(w, T),
+			"aria-valuetext": b["aria-valuetext"] ?? (w === void 0 ? void 0 : c?.(w, T)),
 			className: t,
 			children: [S && /* @__PURE__ */ l("span", {
 				id: x,
 				css: a,
-				children: i
+				children: r
 			}), /* @__PURE__ */ l("div", {
 				"data-ui": "progress-indicator",
 				className: d?.indicator?.className,

package/dist/progress.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Progress } from "./progress-CbOWBUdA.js";
+export { t as Progress } from "./progress-Bcuz3Ob4.js";

package/dist/{radio-cards-D2QZENI_.js → radio-cards-FkAhESb5.js}

@@ -1,9 +1,10 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n, r } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t, r as n } from "./media-8yrN85VT.js";
+import { t as r } from "./sx-BJXJ2xJK.js";
 import { t as i } from "./use-controlled-state-DpeVQZNR.js";
 import { t as a } from "./renderable-DzcIj1Lo.js";
-import { n as o, t as s } from "./choice-control-5kJkLXgv.js";
+import { n as o, t as s } from "./choice-control-BsWOZPc9.js";
 import { createContext as c, useCallback as l, useContext as u, useEffect as d, useId as f, useImperativeHandle as p, useMemo as m, useRef as h, useState as g } from "react";
 import { vars as _ } from "@jfrader/tokens/vars";
 import { jsx as v, jsxs as y } from "@emotion/react/jsx-runtime";
@@ -53,7 +54,7 @@ var M = e({
 		cursor: "not-allowed"
 	},
 	"&:has(input:disabled) > span": { borderStyle: "dashed" },
-	[n]: {
+	[t]: {
 		"input:checked + span": {
 			borderColor: "Highlight",
 			backgroundColor: "Canvas"
@@ -83,8 +84,8 @@ var M = e({
 	transitionProperty: "background-color, border-color",
 	transitionDuration: _.motion.duration.fast,
 	transitionTimingFunction: _.motion.easeStandard,
-	[r]: { transitionDuration: "0s" },
-	[n]: { borderColor: "CanvasText" }
+	[n]: { transitionDuration: "0s" },
+	[t]: { borderColor: "CanvasText" }
 }), L = {
 	sm: e({
 		padding: _.space[3],
@@ -115,8 +116,8 @@ var M = e({
 		transitionDuration: _.motion.duration.fast,
 		transitionTimingFunction: _.motion.easeStandard
 	},
-	[r]: { "&::after": { transitionDuration: "0s" } },
-	[n]: {
+	[n]: { "&::after": { transitionDuration: "0s" } },
+	[t]: {
 		borderColor: "CanvasText",
 		"&::after": { backgroundColor: "Highlight" }
 	}
@@ -159,7 +160,7 @@ var M = e({
 	pointerEvents: "none",
 	border: `2px solid ${_.color.accent}`,
 	borderRadius: _.radius.lg,
-	[n]: { borderColor: "Highlight" }
+	[t]: { borderColor: "Highlight" }
 });
 function q({ root: e, value: t, content: n }) {
 	let r = w(), i = C(0), a = C(0), o = C(0), s = C(0), [c, l] = g(!1), u = h(void 0), f = h(!1);
@@ -218,10 +219,10 @@ function q({ root: e, value: t, content: n }) {
 		css: K
 	});
 }
-function J({ ref: e, value: n, defaultValue: r, onValueChange: o, name: s, required: c = !1, disabled: u = !1, invalid: _ = !1, error: x, layout: S = "grid", minColumnWidth: C = E, size: w = "md", className: D, sx: O, style: k, children: P, onKeyDown: F, "aria-labelledby": I, "aria-describedby": L, "aria-invalid": R, ...z }) {
+function J({ ref: e, value: t, defaultValue: n, onValueChange: o, name: s, required: c = !1, disabled: u = !1, invalid: _ = !1, error: x, layout: S = "grid", minColumnWidth: C = E, size: w = "md", className: D, sx: O, style: k, children: P, onKeyDown: F, "aria-labelledby": I, "aria-describedby": L, "aria-invalid": R, ...z }) {
 	let B = f(), V = h(null);
 	p(e, () => V.current, []);
-	let [H, U, W] = i(n, r, o), [K, J] = g({
+	let [H, U, W] = i(t, n, o), [K, J] = g({
 		label: [],
 		description: []
 	}), Y = a(x), X = l((e, t) => (J((n) => ({
@@ -254,21 +255,21 @@ function J({ ref: e, value: n, defaultValue: r, onValueChange: o, name: s, requi
 	d(() => {
 		let e = V.current;
 		if (!e) return;
-		let t = new Set(A(e).map((e) => e.form).filter((e) => e !== null)), i = (t) => {
+		let r = new Set(A(e).map((e) => e.form).filter((e) => e !== null)), i = (r) => {
 			queueMicrotask(() => {
-				if (t.defaultPrevented) return;
+				if (r.defaultPrevented) return;
 				W();
-				let i = n === void 0 ? r : n;
+				let i = t === void 0 ? n : t;
 				A(e).forEach((e) => {
 					e.checked = e.value === i;
 				});
 			});
 		};
-		return t.forEach((e) => e.addEventListener("reset", i)), () => t.forEach((e) => e.removeEventListener("reset", i));
+		return r.forEach((e) => e.addEventListener("reset", i)), () => r.forEach((e) => e.removeEventListener("reset", i));
 	}, [
 		W,
-		n,
-		r
+		t,
+		n
 	]);
 	let Q = (e) => {
 		if (F?.(e), e.defaultPrevented || u) return;
@@ -290,7 +291,7 @@ function J({ ref: e, value: n, defaultValue: r, onValueChange: o, name: s, requi
 	};
 	return /* @__PURE__ */ v(T.Provider, {
 		value: Z,
-		children: /* @__PURE__ */ v(t, {
+		children: /* @__PURE__ */ v(r, {
 			className: D,
 			styles: [M, N[S]],
 			sx: O,
@@ -334,76 +335,77 @@ function J({ ref: e, value: n, defaultValue: r, onValueChange: o, name: s, requi
 	});
 }
 J.displayName = "RadioCards";
-function Y({ ref: e, value: n, label: r, description: i, meta: c, icon: l, disabledReason: u, disabled: d, required: p, onChange: m, slotProps: h, className: g, sx: _, "aria-label": b, "aria-labelledby": x, "aria-describedby": S, "aria-invalid": C, ...w }) {
-	let T = k("Item"), E = f(), D = T.disabled || d, O = D && a(u) ? u : i, A = a(r), M = a(O);
-	return /* @__PURE__ */ v(t, {
-		className: g,
+function Y({ ref: e, value: t, label: n, description: i, meta: c, icon: l, disabledReason: u, dir: d, disabled: p, required: m, onChange: h, slotProps: g, className: _, sx: b, "aria-label": x, "aria-labelledby": S, "aria-describedby": C, "aria-invalid": w, ...T }) {
+	let E = k("Item"), D = f(), O = E.disabled || p, A = O && a(u) ? u : i, M = a(n), N = a(A);
+	return /* @__PURE__ */ v(r, {
+		className: _,
 		styles: [o, P],
-		sx: _,
-		children: (t) => /* @__PURE__ */ y("label", {
+		sx: b,
+		children: (r) => /* @__PURE__ */ y("label", {
+			dir: d,
 			"data-ui": "radio-cards-item",
-			"data-state": T.value === n ? "checked" : "unchecked",
-			className: t,
+			"data-state": E.value === t ? "checked" : "unchecked",
+			className: r,
 			children: [/* @__PURE__ */ v("input", {
-				...w,
+				...T,
 				ref: e,
 				type: "radio",
 				"data-ui": "radio-cards-input",
-				name: T.name,
-				value: n,
-				checked: T.value === n,
-				disabled: D,
-				required: T.required || p,
-				"aria-label": b,
-				"aria-labelledby": j(x, !b && A && `${E}-label`),
-				"aria-describedby": j(S, M && `${E}-description`),
-				"aria-invalid": T.invalid ? !0 : C,
+				name: E.name,
+				value: t,
+				checked: E.value === t,
+				disabled: O,
+				required: E.required || m,
+				"aria-label": x,
+				"aria-labelledby": j(S, !x && M && `${D}-label`),
+				"aria-describedby": j(C, N && `${D}-description`),
+				"aria-invalid": E.invalid ? !0 : w,
 				onChange: (e) => {
-					m?.(e), e.currentTarget.checked && T.requestChange(n);
+					h?.(e), e.currentTarget.checked && E.requestChange(t);
 				},
 				css: [s, F]
 			}), /* @__PURE__ */ y("span", {
-				...h?.control,
+				...g?.control,
 				"data-ui": "radio-cards-control",
 				css: [
 					I,
-					L[T.size],
-					h?.control?.css
+					L[E.size],
+					g?.control?.css
 				],
 				children: [
 					/* @__PURE__ */ v("span", {
-						...h?.indicator,
+						...g?.indicator,
 						"aria-hidden": "true",
 						"data-ui": "radio-cards-indicator",
-						css: [R, h?.indicator?.css]
+						css: [R, g?.indicator?.css]
 					}),
 					a(l) && /* @__PURE__ */ v("span", {
-						...h?.icon,
+						...g?.icon,
 						"aria-hidden": "true",
 						"data-ui": "radio-cards-icon",
-						css: [U, h?.icon?.css],
+						css: [U, g?.icon?.css],
 						children: l
 					}),
-					(A || M) && /* @__PURE__ */ y("span", {
+					(M || N) && /* @__PURE__ */ y("span", {
 						css: z,
-						children: [A && /* @__PURE__ */ v("span", {
-							...h?.label,
-							id: `${E}-label`,
+						children: [M && /* @__PURE__ */ v("span", {
+							...g?.label,
+							id: `${D}-label`,
 							"data-ui": "radio-cards-item-label",
-							css: [B, h?.label?.css],
-							children: r
-						}), M && /* @__PURE__ */ v("span", {
-							...h?.description,
-							id: `${E}-description`,
+							css: [B, g?.label?.css],
+							children: n
+						}), N && /* @__PURE__ */ v("span", {
+							...g?.description,
+							id: `${D}-description`,
 							"data-ui": "radio-cards-item-description",
-							css: [V, h?.description?.css],
-							children: O
+							css: [V, g?.description?.css],
+							children: A
 						})]
 					}),
 					a(c) && /* @__PURE__ */ v("span", {
-						...h?.meta,
+						...g?.meta,
 						"data-ui": "radio-cards-meta",
-						css: [H, h?.meta?.css],
+						css: [H, g?.meta?.css],
 						children: c
 					})
 				]
@@ -412,23 +414,23 @@ function Y({ ref: e, value: n, label: r, description: i, meta: c, icon: l, disab
 	});
 }
 Y.displayName = "RadioCards.Item";
-function X({ kind: e, ref: n, id: r, children: i, className: o, sx: s, ...c }) {
-	let { register: l } = k(e === "label" ? "Label" : "Description"), u = f(), p = r ?? u, m = a(i);
+function X({ kind: e, ref: t, id: n, children: i, className: o, sx: s, ...c }) {
+	let { register: l } = k(e === "label" ? "Label" : "Description"), u = f(), p = n ?? u, m = a(i);
 	return d(() => m ? l(e, p) : void 0, [
 		l,
 		e,
 		p,
 		m
-	]), m ? /* @__PURE__ */ v(t, {
+	]), m ? /* @__PURE__ */ v(r, {
 		className: o,
 		styles: [W, e === "label" ? B : V],
 		sx: s,
-		children: (t) => /* @__PURE__ */ v("span", {
+		children: (n) => /* @__PURE__ */ v("span", {
 			...c,
-			ref: n,
+			ref: t,
 			id: p,
 			"data-ui": `radio-cards-${e}`,
-			className: t,
+			className: n,
 			children: i
 		})
 	}) : null;

package/dist/radio-cards.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as RadioCards } from "./radio-cards-D2QZENI_.js";
+export { t as RadioCards } from "./radio-cards-FkAhESb5.js";

package/dist/{radio-group-E6mMRgo7.js → radio-group-DItMf2YM.js}

@@ -1,9 +1,10 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n, r } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t, r as n } from "./media-8yrN85VT.js";
+import { t as r } from "./sx-BJXJ2xJK.js";
 import { t as i } from "./use-controlled-state-DpeVQZNR.js";
 import { t as a } from "./renderable-DzcIj1Lo.js";
-import { i as o, n as s, r as c, t as l } from "./choice-control-5kJkLXgv.js";
+import { i as o, n as s, r as c, t as l } from "./choice-control-BsWOZPc9.js";
 import { createContext as u, useContext as d, useId as f, useMemo as p } from "react";
 import { vars as m } from "@jfrader/tokens/vars";
 import { jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
@@ -48,15 +49,15 @@ var y = "16px", b = {
 		backgroundColor: m.color.accentContrast,
 		opacity: 0
 	},
-	[r]: { transitionDuration: "0s" },
-	[n]: { "&::after": { backgroundColor: "CanvasText" } }
+	[n]: { transitionDuration: "0s" },
+	[t]: { "&::after": { backgroundColor: "CanvasText" } }
 }), w = e({ fontSize: m.textSize.sm }), T = e({
 	marginInlineStart: `calc(${y} + ${m.space[2]})`,
 	fontSize: m.textSize.sm,
 	color: m.color.textMuted
 });
-function E({ ref: e, value: n, defaultValue: r, onValueChange: a, name: o, disabled: s = !1, orientation: c = "vertical", className: l, sx: u, ...d }) {
-	let m = f(), g = o ?? m, [v, y] = i(n, r, a), x = p(() => ({
+function E({ ref: e, value: t, defaultValue: n, onValueChange: a, name: o, disabled: s = !1, orientation: c = "vertical", className: l, sx: u, ...d }) {
+	let m = f(), g = o ?? m, [v, y] = i(t, n, a), x = p(() => ({
 		value: v,
 		setValue: y,
 		name: g,
@@ -69,7 +70,7 @@ function E({ ref: e, value: n, defaultValue: r, onValueChange: a, name: o, disab
 	]);
 	return /* @__PURE__ */ h(_.Provider, {
 		value: x,
-		children: /* @__PURE__ */ h(t, {
+		children: /* @__PURE__ */ h(r, {
 			className: l,
 			styles: b[c],
 			sx: u,
@@ -78,6 +79,7 @@ function E({ ref: e, value: n, defaultValue: r, onValueChange: a, name: o, disab
 				ref: e,
 				role: "radiogroup",
 				"aria-orientation": c,
+				"aria-disabled": s ? !0 : d["aria-disabled"],
 				"data-ui": "radio-group-root",
 				"data-orientation": c,
 				className: t
@@ -86,12 +88,12 @@ function E({ ref: e, value: n, defaultValue: r, onValueChange: a, name: o, disab
 	});
 }
 E.displayName = "RadioGroup";
-function D({ ref: e, value: n, label: r, description: i, disabled: u, onChange: d, slotProps: p, className: m, sx: _, "aria-labelledby": y, "aria-describedby": b, ...E }) {
-	let { value: D, setValue: O, name: k, disabled: A } = v("Radio"), j = A || u, M = f(), N = `${M}-label`, P = `${M}-description`, F = a(r), I = a(i), L = [y, F && N].filter(Boolean).join(" ") || void 0, R = [b, I && P].filter(Boolean).join(" ") || void 0, z = [m, p?.root?.className].filter(Boolean).join(" ") || void 0, B = (e) => {
-		d?.(e), e.currentTarget.checked && O(n);
+function D({ ref: e, value: t, label: n, description: i, disabled: u, onChange: d, slotProps: p, className: m, sx: _, dir: y, "aria-labelledby": b, "aria-describedby": E, ...D }) {
+	let { value: O, setValue: k, name: A, disabled: j } = v("Radio"), M = j || u, N = f(), P = `${N}-label`, F = `${N}-description`, I = a(n), L = a(i), R = [b, I && P].filter(Boolean).join(" ") || void 0, z = [E, L && F].filter(Boolean).join(" ") || void 0, B = [m, p?.root?.className].filter(Boolean).join(" ") || void 0, V = (e) => {
+		d?.(e), e.currentTarget.checked && k(t);
 	};
-	return /* @__PURE__ */ h(t, {
-		className: z,
+	return /* @__PURE__ */ h(r, {
+		className: B,
 		styles: [
 			c,
 			x,
@@ -99,23 +101,25 @@ function D({ ref: e, value: n, label: r, description: i, disabled: u, onChange:
 			p?.root?.css
 		],
 		sx: _,
-		children: (t) => /* @__PURE__ */ g("label", {
+		children: (r) => /* @__PURE__ */ g("label", {
 			"data-ui": "radio-group-radio",
-			className: t,
+			dir: y,
+			className: r,
 			children: [/* @__PURE__ */ g("span", {
 				css: [o, S],
 				children: [
 					/* @__PURE__ */ h("input", {
-						...E,
+						...D,
 						ref: e,
 						type: "radio",
-						name: k,
-						value: n,
-						checked: D === n,
-						disabled: j,
-						"aria-labelledby": L,
-						"aria-describedby": R,
-						onChange: B,
+						name: A,
+						value: t,
+						dir: y,
+						checked: O === t,
+						disabled: M,
+						"aria-labelledby": R,
+						"aria-describedby": z,
+						onChange: V,
 						css: l
 					}),
 					/* @__PURE__ */ h("span", {
@@ -123,15 +127,15 @@ function D({ ref: e, value: n, label: r, description: i, disabled: u, onChange:
 						className: p?.control?.className,
 						css: [C, p?.control?.css]
 					}),
-					F && /* @__PURE__ */ h("span", {
-						id: N,
+					I && /* @__PURE__ */ h("span", {
+						id: P,
 						className: p?.label?.className,
 						css: [w, p?.label?.css],
-						children: r
+						children: n
 					})
 				]
-			}), I && /* @__PURE__ */ h("span", {
-				id: P,
+			}), L && /* @__PURE__ */ h("span", {
+				id: F,
 				className: p?.description?.className,
 				css: [T, p?.description?.css],
 				children: i

package/dist/radio-group.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as RadioGroup } from "./radio-group-E6mMRgo7.js";
+export { t as RadioGroup } from "./radio-group-DItMf2YM.js";