@vjdesigns/vjdesigns-ui 2.3.0 → 2.5.0

package/dist/components/forms/PasswordInput/PasswordInput.mjs

@@ -1,18 +1,19 @@
-import { en as e } from "../../../i18n/en.mjs";
-import { useControllableState as t } from "../../../hooks/useControllableState.mjs";
-import { useMessages as n } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { assignRef as r } from "../../../utils/refs.mjs";
-import { cx as i } from "../../../utils/cx.mjs";
+"use client";
+import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { assignRef as n } from "../../../utils/refs.mjs";
+import { IconButton as r } from "../../primitives/Button/Button.mjs";
+import { CheckIcon as i, CloseIcon as ee, EyeIcon as te, EyeOffIcon as ne, WarningIcon as re } from "../../primitives/Icon/icons.mjs";
 import { VisuallyHidden as a } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { IconButton as ee } from "../../primitives/Button/Button.mjs";
-import { CheckIcon as te, CloseIcon as ne, EyeIcon as re, EyeOffIcon as ie, WarningIcon as ae } from "../../primitives/Icon/icons.mjs";
-import { useFieldContext as oe } from "../Field/FieldContext.mjs";
-import { Input as se } from "../Input/Input.mjs";
+import { useFieldContext as ie } from "../Field/FieldContext.mjs";
+import { Input as ae } from "../Input/Input.mjs";
 import o from "./PasswordInput.module.css.mjs";
-import { useCallback as ce, useEffect as s, useId as le, useLayoutEffect as ue, useRef as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/forms/PasswordInput/PasswordInput.tsx
-var p = e.passwordInput.strength, m = [
+import { useMessages as oe } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { en as s } from "../../../i18n/en.mjs";
+import { useCallback as se, useEffect as c, useId as ce, useLayoutEffect as le, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+// src/components/forms/PasswordInput/PasswordInput.tsx
+var m = s.passwordInput.strength, h = [
 	"password",
 	"passw0rd",
 	"123456",
@@ -23,176 +24,176 @@ var p = e.passwordInput.strength, m = [
 	"iloveyou",
 	"admin"
 ];
-function h(e) {
+function g(e) {
 	let t = [...e].length;
 	if (t === 0) return { score: 0 };
 	let n = Number(/[a-z]/.test(e)) + Number(/[A-Z]/.test(e)) + Number(/\d/.test(e)) + Number(/[^A-Za-z0-9]/.test(e)), r = 0;
 	t >= 8 && (r = 1), t >= 10 && n >= 2 && (r = 2), (t >= 12 && n >= 3 || t >= 16 && n >= 2) && (r = 3), (t >= 14 && n >= 3 || t >= 20) && (r = 4), /^(.)\1*$/.test(e) && (r = 0);
 	let i = e.toLowerCase();
-	return m.some((e) => i.includes(e)) && (r = Math.min(r, 1)), { score: r };
+	return h.some((e) => i.includes(e)) && (r = Math.min(r, 1)), { score: r };
 }
-var de = {
+var ue = {
 	0: o.tone0,
 	1: o.tone1,
 	2: o.tone2,
 	3: o.tone3,
 	4: o.tone4
-}, fe = {
+}, de = {
 	sm: o.sm,
 	md: o.md,
 	lg: o.lg
 };
-function pe(e) {
+function fe(e) {
 	return Number.isFinite(e) ? Math.min(4, Math.max(0, Math.round(e))) : 0;
 }
-var me = (e) => ({ strengthLabel: t, met: n, total: r }) => [t ? e.announceStrength(t) : "", r > 0 ? n === r ? e.allMet : e.someMet(n, r) : ""].filter(Boolean).join(" "), he = ({ visible: e, defaultVisible: p = !1, onVisibleChange: m, visibilityToggle: he = !0, showLabel: ge, hideLabel: g, capsLockWarning: _ = !0, capsLockText: _e, strength: v, strengthLabels: ve, strengthPrefix: ye, requirements: y, requirementsLabel: be, metText: xe, notMetText: Se, formatAnnouncement: Ce, announceDelay: b = 900, fieldClassName: we, className: Te, style: Ee, id: De, ref: x, size: S, value: C, defaultValue: w, disabled: T, endElement: E, autoComplete: Oe = "current-password", spellCheck: ke = !1, autoCapitalize: Ae = "off", autoCorrect: je = "off", fullWidth: D = !0, onChange: Me, onKeyDown: Ne, onKeyUp: Pe, onMouseDown: Fe, onBlur: Ie, "aria-describedby": Le, ...Re }) => {
-	let O = n(), ze = ge ?? O.passwordInput.show, Be = _e ?? O.passwordInput.capsLock, Ve = ve ?? O.passwordInput.strength, He = ye ?? O.passwordInput.strengthPrefix, Ue = be ?? O.passwordInput.requirements, We = xe ?? O.passwordInput.met, Ge = Se ?? O.passwordInput.notMet, Ke = Ce ?? me(O.passwordInput), k = oe(), A = le(), j = De ?? (k && !k.isGroup ? k.controlId : void 0) ?? `${A}-input`, M = `${A}-caps`, N = `${A}-strength`, P = `${A}-requirements`, F = `${A}-requirements-label`, I = S ?? k?.size ?? "md", L = T ?? k?.disabled ?? !1, [R, z] = t({
-		value: e,
-		defaultValue: p,
-		onChange: m
-	}), B = e !== void 0, V = c(null), qe = ce((e) => {
-		V.current = e, r(x, e);
-	}, [x]), H = c(null), Je = () => {
-		let e = V.current;
-		e && document.activeElement === e && (H.current = {
+var pe = (e) => ({ strengthLabel: t, met: n, total: r }) => [t ? e.announceStrength(t) : "", r > 0 ? n === r ? e.allMet : e.someMet(n, r) : ""].filter(Boolean).join(" "), me = ({ visible: s, defaultVisible: m = !1, onVisibleChange: h, visibilityToggle: me = !0, showLabel: he, hideLabel: _, capsLockWarning: v = !0, capsLockText: ge, strength: y, strengthLabels: _e, strengthPrefix: ve, requirements: b, requirementsLabel: ye, metText: be, notMetText: xe, formatAnnouncement: Se, announceDelay: x = 900, fieldClassName: Ce, className: we, style: Te, id: Ee, ref: S, size: C, value: w, defaultValue: T, disabled: E, endElement: D, autoComplete: De = "current-password", spellCheck: Oe = !1, autoCapitalize: ke = "off", autoCorrect: Ae = "off", fullWidth: O = !0, onChange: je, onKeyDown: Me, onKeyUp: Ne, onMouseDown: Pe, onBlur: Fe, "aria-describedby": Ie, ...Le }) => {
+	let k = oe(), Re = he ?? k.passwordInput.show, ze = ge ?? k.passwordInput.capsLock, Be = _e ?? k.passwordInput.strength, Ve = ve ?? k.passwordInput.strengthPrefix, He = ye ?? k.passwordInput.requirements, Ue = be ?? k.passwordInput.met, We = xe ?? k.passwordInput.notMet, Ge = Se ?? pe(k.passwordInput), A = ie(), j = ce(), M = Ee ?? (A && !A.isGroup ? A.controlId : void 0) ?? `${j}-input`, N = `${j}-caps`, P = `${j}-strength`, F = `${j}-requirements`, I = `${j}-requirements-label`, L = C ?? A?.size ?? "md", R = E ?? A?.disabled ?? !1, [z, B] = e({
+		value: s,
+		defaultValue: m,
+		onChange: h
+	}), V = s !== void 0, H = l(null), Ke = se((e) => {
+		H.current = e, n(S, e);
+	}, [S]), U = l(null), qe = () => {
+		let e = H.current;
+		e && document.activeElement === e && (U.current = {
 			start: e.selectionStart,
 			end: e.selectionEnd,
 			direction: e.selectionDirection
-		}), z((e) => !e);
+		}), B((e) => !e);
 	};
-	ue(() => {
-		let e = H.current;
-		H.current = null;
-		let t = V.current;
+	le(() => {
+		let e = U.current;
+		U.current = null;
+		let t = H.current;
 		if (e && t && document.activeElement === t && e.start != null && e.end != null) try {
 			t.setSelectionRange(e.start, e.end, e.direction ?? void 0);
 		} catch {}
-	}, [R]);
-	let Ye = (e) => {
-		document.activeElement === V.current && e.preventDefault();
+	}, [z]);
+	let Je = (e) => {
+		document.activeElement === H.current && e.preventDefault();
 	};
-	s(() => {
-		let e = V.current?.form;
-		if (!e || !R) return;
+	c(() => {
+		let e = H.current?.form;
+		if (!e || !z) return;
 		let t = () => {
-			let e = V.current;
-			!B && e && (e.type = "password"), z(!1);
+			let e = H.current;
+			!V && e && (e.type = "password"), B(!1);
 		};
 		return e.addEventListener("submit", t), () => e.removeEventListener("submit", t);
 	}, [
-		R,
-		B,
-		z
+		z,
+		V,
+		B
 	]);
-	let U = C !== void 0, [Xe, Ze] = l(() => w == null ? "" : String(w)), W = U ? String(C ?? "") : Xe, G = v !== void 0 || (y?.length ?? 0) > 0;
-	s(() => {
-		if (U || !G) return;
-		let e = V.current?.form;
+	let W = w !== void 0, [Ye, Xe] = u(() => T == null ? "" : String(T)), G = W ? String(w ?? "") : Ye, K = y !== void 0 || (b?.length ?? 0) > 0;
+	c(() => {
+		if (W || !K) return;
+		let e = H.current?.form;
 		if (!e) return;
 		let t = () => {
 			requestAnimationFrame(() => {
-				V.current && Ze(V.current.value);
+				H.current && Xe(H.current.value);
 			});
 		};
 		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [U, G]);
-	let Qe = (e) => {
-		!U && G && Ze(e.target.value), Me?.(e);
-	}, [$e, et] = l(!1), tt = _ && $e && !L, K = (e) => {
-		_ && typeof e.getModifierState == "function" && et(e.getModifierState("CapsLock"));
+	}, [W, K]);
+	let Ze = (e) => {
+		!W && K && Xe(e.target.value), je?.(e);
+	}, [Qe, $e] = u(!1), et = v && Qe && !R, q = (e) => {
+		v && typeof e.getModifierState == "function" && $e(e.getModifierState("CapsLock"));
+	}, tt = (e) => {
+		q(e), Me?.(e);
 	}, nt = (e) => {
-		K(e), Ne?.(e);
+		q(e), Ne?.(e);
 	}, rt = (e) => {
-		K(e), Pe?.(e);
+		q(e), Pe?.(e);
 	}, it = (e) => {
-		K(e), Fe?.(e);
-	}, at = (e) => {
-		et(!1), Ie?.(e);
-	}, q = null;
-	typeof v == "number" ? q = { score: pe(v) } : typeof v == "function" ? q = v(W) : v === !0 && (q = h(W));
-	let ot = q !== null, J = q ? pe(q.score) : 0, Y = typeof v == "number" || W !== "", X = q && Y ? q.label ?? Ve[J] : void 0, Z = (y?.length ?? 0) > 0, Q = (y ?? []).map((e) => ({
+		$e(!1), Fe?.(e);
+	}, J = null;
+	typeof y == "number" ? J = { score: fe(y) } : typeof y == "function" ? J = y(G) : y === !0 && (J = g(G));
+	let at = J !== null, Y = J ? fe(J.score) : 0, X = typeof y == "number" || G !== "", Z = J && X ? J.label ?? Be[Y] : void 0, ot = (b?.length ?? 0) > 0, Q = (b ?? []).map((e) => ({
 		...e,
-		met: e.test(W)
-	})), st = Q.filter((e) => e.met).length, [ct, lt] = l(""), ut = Ke({
-		strengthLabel: X,
+		met: e.test(G)
+	})), st = Q.filter((e) => e.met).length, [ct, lt] = u(""), ut = Ge({
+		strengthLabel: Z,
 		met: st,
 		total: Q.length
-	}), dt = c(ut);
+	}), dt = l(ut);
 	dt.current = ut;
-	let ft = c(W);
-	s(() => {
-		if (!G || ft.current === W) return;
-		if (ft.current = W, W === "") {
+	let ft = l(G);
+	c(() => {
+		if (!K || ft.current === G) return;
+		if (ft.current = G, G === "") {
 			lt("");
 			return;
 		}
-		let e = window.setTimeout(() => lt(dt.current), b);
+		let e = window.setTimeout(() => lt(dt.current), x);
 		return () => window.clearTimeout(e);
 	}, [
-		W,
-		b,
-		G
+		G,
+		x,
+		K
 	]);
 	let pt = [
-		Le,
-		tt ? M : void 0,
-		ot && X ? N : void 0,
-		Z ? P : void 0
-	].filter(Boolean).join(" ") || void 0, $ = he ? /* @__PURE__ */ d(ee, {
-		size: I === "sm" ? "xs" : "sm",
+		Ie,
+		et ? N : void 0,
+		at && Z ? P : void 0,
+		ot ? F : void 0
+	].filter(Boolean).join(" ") || void 0, $ = me ? /* @__PURE__ */ f(r, {
+		size: L === "sm" ? "xs" : "sm",
 		variant: "ghost",
 		tone: "neutral",
-		"aria-label": R && g ? g : ze,
-		"aria-pressed": g ? void 0 : R,
-		"aria-controls": j,
-		disabled: L,
-		onMouseDown: Ye,
-		onClick: Je,
-		children: d(R ? ie : re, { size: I === "lg" ? "md" : "sm" })
+		"aria-label": z && _ ? _ : Re,
+		"aria-pressed": _ ? void 0 : z,
+		"aria-controls": M,
+		disabled: R,
+		onMouseDown: Je,
+		onClick: qe,
+		children: f(z ? ne : te, { size: L === "lg" ? "md" : "sm" })
 	}) : null;
-	return /* @__PURE__ */ f("div", {
-		className: i(o.root, fe[I], !D && o.inline, L && o.disabled, Te),
-		style: Ee,
-		"aria-disabled": L || void 0,
+	return /* @__PURE__ */ p("div", {
+		className: t(o.root, de[L], !O && o.inline, R && o.disabled, we),
+		style: Te,
+		"aria-disabled": R || void 0,
 		children: [
-			/* @__PURE__ */ d(se, {
-				...Re,
-				ref: qe,
-				id: j,
-				type: R ? "text" : "password",
-				size: S,
-				value: C,
-				defaultValue: w,
-				disabled: T,
-				autoComplete: Oe,
-				spellCheck: ke,
-				autoCapitalize: Ae,
-				autoCorrect: je,
-				fullWidth: D,
-				className: we,
+			/* @__PURE__ */ f(ae, {
+				...Le,
+				ref: Ke,
+				id: M,
+				type: z ? "text" : "password",
+				size: C,
+				value: w,
+				defaultValue: T,
+				disabled: E,
+				autoComplete: De,
+				spellCheck: Oe,
+				autoCapitalize: ke,
+				autoCorrect: Ae,
+				fullWidth: O,
+				className: Ce,
 				"aria-describedby": pt,
-				onChange: Qe,
-				onKeyDown: nt,
-				onKeyUp: rt,
-				onMouseDown: it,
-				onBlur: at,
-				endElement: E != null || $ ? /* @__PURE__ */ f(u, { children: [E, $] }) : void 0
+				onChange: Ze,
+				onKeyDown: tt,
+				onKeyUp: nt,
+				onMouseDown: rt,
+				onBlur: it,
+				endElement: D != null || $ ? /* @__PURE__ */ p(d, { children: [D, $] }) : void 0
 			}),
-			_ && /* @__PURE__ */ d("div", {
+			v && /* @__PURE__ */ f("div", {
 				role: "status",
 				className: o.capsRegion,
-				children: tt && /* @__PURE__ */ f("p", {
-					id: M,
+				children: et && /* @__PURE__ */ p("p", {
+					id: N,
 					className: o.capsLock,
-					children: [/* @__PURE__ */ d(ae, {
+					children: [/* @__PURE__ */ f(re, {
 						size: "sm",
 						className: o.capsIcon
-					}), /* @__PURE__ */ d("span", { children: Be })]
+					}), /* @__PURE__ */ f("span", { children: ze })]
 				})
 			}),
-			ot && /* @__PURE__ */ f("div", {
-				className: i(o.strength, Y && de[J]),
-				children: [/* @__PURE__ */ d("div", {
+			at && /* @__PURE__ */ p("div", {
+				className: t(o.strength, X && ue[Y]),
+				children: [/* @__PURE__ */ f("div", {
 					className: o.segments,
 					"aria-hidden": "true",
 					children: [
@@ -200,47 +201,47 @@ var me = (e) => ({ strengthLabel: t, met: n, total: r }) => [t ? e.announceStren
 						2,
 						3,
 						4
-					].map((e) => /* @__PURE__ */ d("span", { className: i(o.segment, Y && e <= J && o.filled) }, e))
-				}), /* @__PURE__ */ d("p", {
-					id: N,
+					].map((e) => /* @__PURE__ */ f("span", { className: t(o.segment, X && e <= Y && o.filled) }, e))
+				}), /* @__PURE__ */ f("p", {
+					id: P,
 					className: o.strengthText,
-					children: X ? /* @__PURE__ */ f(u, { children: [
-						He,
+					children: Z ? /* @__PURE__ */ p(d, { children: [
+						Ve,
 						" ",
-						/* @__PURE__ */ d("span", {
+						/* @__PURE__ */ f("span", {
 							className: o.strengthValue,
-							children: X
+							children: Z
 						})
 					] }) : null
 				})]
 			}),
-			Z && /* @__PURE__ */ f("div", {
+			ot && /* @__PURE__ */ p("div", {
 				className: o.requirements,
-				children: [/* @__PURE__ */ d("p", {
-					id: F,
+				children: [/* @__PURE__ */ f("p", {
+					id: I,
 					className: o.requirementsLabel,
-					children: Ue
-				}), /* @__PURE__ */ d("ul", {
-					id: P,
+					children: He
+				}), /* @__PURE__ */ f("ul", {
+					id: F,
 					role: "list",
-					"aria-labelledby": F,
+					"aria-labelledby": I,
 					className: o.requirementList,
-					children: Q.map((e) => /* @__PURE__ */ f("li", {
-						className: i(o.requirement, e.met && o.met),
+					children: Q.map((e) => /* @__PURE__ */ p("li", {
+						className: t(o.requirement, e.met && o.met),
 						"data-met": e.met || void 0,
-						children: [e.met ? /* @__PURE__ */ d(te, {
+						children: [e.met ? /* @__PURE__ */ f(i, {
 							size: "sm",
 							tone: "success",
 							className: o.requirementIcon
-						}) : /* @__PURE__ */ d(ne, {
+						}) : /* @__PURE__ */ f(ee, {
 							size: "sm",
 							tone: "muted",
 							className: o.requirementIcon
-						}), /* @__PURE__ */ f("span", { children: [e.label, /* @__PURE__ */ d(a, { children: `: ${e.met ? We : Ge}` })] })]
+						}), /* @__PURE__ */ p("span", { children: [e.label, /* @__PURE__ */ f(a, { children: `: ${e.met ? Ue : We}` })] })]
 					}, e.id))
 				})]
 			}),
-			G && /* @__PURE__ */ d(a, {
+			K && /* @__PURE__ */ f(a, {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
@@ -249,5 +250,4 @@ var me = (e) => ({ strengthLabel: t, met: n, total: r }) => [t ? e.announceStren
 		]
 	});
 };
-//#endregion
-export { he as PasswordInput, p as defaultStrengthLabels, h as scorePassword };
+export { me as PasswordInput, m as defaultStrengthLabels, g as scorePassword };

package/dist/components/forms/PasswordInput/PasswordInput.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/PasswordInput/PasswordInput.module.css
+// src/components/forms/PasswordInput/PasswordInput.module.css
 var e = "_root_16r29_17", t = "_inline_16r29_35", n = "_sm_16r29_47", r = "_md_16r29_53", i = "_lg_16r29_59", a = "_capsRegion_16r29_73", o = "_capsLock_16r29_83", s = "_capsIn_16r29_1", c = "_capsIcon_16r29_107", l = "_strength_16r29_131", u = "_segments_16r29_151", d = "_segment_16r29_151", f = "_filled_16r29_181", p = "_tone0_16r29_191", m = "_tone1_16r29_199", h = "_tone2_16r29_207", g = "_tone3_16r29_215", _ = "_tone4_16r29_223", v = "_strengthText_16r29_233", y = "_strengthValue_16r29_255", b = "_requirements_16r29_269", x = "_requirementsLabel_16r29_277", S = "_requirementList_16r29_291", C = "_requirement_16r29_269", w = "_met_16r29_327", T = "_requirementIcon_16r29_335", E = "_checkPop_16r29_1", D = "_disabled_16r29_365", O = {
 	root: e,
 	inline: t,
@@ -29,5 +29,4 @@ var e = "_root_16r29_17", t = "_inline_16r29_35", n = "_sm_16r29_47", r = "_md_1
 	checkPop: E,
 	disabled: D
 };
-//#endregion
 export { c as capsIcon, s as capsIn, o as capsLock, a as capsRegion, E as checkPop, O as default, D as disabled, f as filled, t as inline, i as lg, r as md, w as met, C as requirement, T as requirementIcon, S as requirementList, b as requirements, x as requirementsLabel, e as root, d as segment, u as segments, n as sm, l as strength, v as strengthText, y as strengthValue, p as tone0, m as tone1, h as tone2, g as tone3, _ as tone4 };

package/dist/components/forms/PinInput/PinInput.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/refs.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../Field/FieldContext.cjs.js"),i=require("./PinInput.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s={outline:i.default.outline,filled:i.default.filled},c={sm:i.default.sm,md:i.default.md,lg:i.default.lg},l={none:i.default.radiusNone,xs:i.default.radiusXs,sm:i.default.radiusSm,md:i.default.radiusMd,lg:i.default.radiusLg,xl:i.default.radiusXl,"2xl":i.default.radius2xl,pill:i.default.radiusPill},u={numeric:/[^0-9]/g,alphanumeric:/[^A-Za-z0-9]/g};function d(e,t){return e.replace(u[t],``)}function ee(e,t){let n=new Set;if(typeof e==`number`&&e>0)for(let r=e;r<t;r+=e)n.add(r);else Array.isArray(e)&&e.forEach(e=>e>0&&e<t&&n.add(e));return n}var f=({length:u=6,value:f,defaultValue:p=``,onValueChange:m,onComplete:h,type:g=`numeric`,mask:_=!1,placeholder:v,size:y,variant:b=`outline`,radius:x,invalid:S,separator:C,separatorContent:w=`–`,className:T,inputClassName:te,style:ne,ref:E,id:re,disabled:ie,required:ae,readOnly:oe,autoComplete:se,"aria-describedby":ce,onChange:le,onFocus:ue,onBlur:D,onKeyDown:O,onPaste:k,onSelect:A,onClick:j,...M})=>{let N=r.useFieldControl({id:re,invalid:S,required:ae,disabled:ie,readOnly:oe,size:y,"aria-describedby":ce}),P=N.size??`md`,[F,I]=e.useControllableState({value:f,defaultValue:p,onChange:m}),L=d(F??``,g).slice(0,u),R=(0,a.useRef)(null),z=(0,a.useRef)([]),B=(0,a.useCallback)(e=>{R.current=e,t.assignRef(E,e)},[E]),[V,H]=(0,a.useState)(!1),[U,W]=(0,a.useState)({start:0,end:0}),G=(0,a.useRef)(null),[de,fe]=(0,a.useState)(0),K=e=>{G.current=e,W(e),fe(e=>e+1)};(0,a.useLayoutEffect)(()=>{let e=R.current,t=G.current;e&&t&&(G.current=null,document.activeElement===e&&e.setSelectionRange(t.start,t.end))},[de,L]);let q=e=>{let t=Math.min(L.length,u-1),n=Math.max(0,Math.min(e,t));K(n<L.length?{start:n,end:n+1}:{start:n,end:n})},J=e=>{e!==L&&(I(e),e.length===u&&h?.(e))},Y=(0,a.useRef)(p);Y.current=p;let X=f!==void 0;(0,a.useEffect)(()=>{if(X)return;let e=R.current?.form;if(!e)return;let t=()=>I(d(Y.current,g).slice(0,u));return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)},[X,I,g,u]);let pe=e=>{le?.(e);let t=e.target,n=t.value,r=t.selectionStart??n.length,i=d(n.slice(0,r),g),a=d(n.slice(r),g),o=i+a,s=i.length;if(o.length>u){let e=Math.max(0,n.length-L.length),t=d(n.slice(r-e,r),g);if(t.length>=u)o=t.slice(0,u),s=u;else{let e=o.length-u;o=(i+a.slice(e)).slice(0,u),s=Math.min(i.length,u)}}J(o),K({start:s,end:s})},me=e=>{if(k?.(e),e.defaultPrevented||N.readOnly||N.disabled)return;let t=d(e.clipboardData.getData(`text`),g),n=e.currentTarget;if(!t)return;e.preventDefault();let r;if(t.length>=u)r=t.slice(0,u);else{let e=n.selectionStart??L.length,i=n.selectionEnd??e;r=(L.slice(0,e)+t+L.slice(i)).slice(0,u)}J(r);let i=Math.min(r.length,u);K({start:i,end:i})},he=e=>{if(O?.(e),e.defaultPrevented||e.altKey||e.metaKey||e.ctrlKey)return;let t=e.currentTarget,n=Math.min(t.selectionStart??0,u-1);switch(e.key){case`ArrowLeft`:e.preventDefault(),q(n-1);break;case`ArrowRight`:e.preventDefault(),q(n+1);break;case`Home`:case`ArrowUp`:e.preventDefault(),q(0);break;case`End`:case`ArrowDown`:e.preventDefault(),q(L.length)}},ge=e=>{let t=e.selectionStart??0,n=e.selectionEnd??t;W(e=>e.start===t&&e.end===n?e:{start:t,end:n})},_e=e=>{A?.(e),ge(e.currentTarget)},ve=e=>{ue?.(e),H(!0),q(L.length)},Z=e=>{D?.(e),H(!1)},ye=e=>{if(j?.(e),e.defaultPrevented)return;let t=0,n=1/0;z.current.forEach((r,i)=>{if(!r)return;let a=r.getBoundingClientRect(),o=Math.abs(e.clientX-(a.left+a.width/2));o<n&&(n=o,t=i)}),q(t)},be=ee(C,u),Q=U.end-U.start>1,xe=V&&!Q?Math.min(U.start,u-1):-1,Se=V&&!N.readOnly&&!N.disabled&&U.start===U.end,$=[];for(let e=0;e<u;e++){be.has(e)&&$.push((0,o.jsx)(`span`,{className:i.default.separator,children:w},`sep-${e}`));let t=L[e],r=e===xe,a=V&&Q&&e>=U.start&&e<U.end,s=null;t?s=_?`•`:t:r&&Se?s=(0,o.jsx)(`span`,{className:i.default.caret}):v&&(s=(0,o.jsx)(`span`,{className:i.default.placeholder,children:v})),$.push((0,o.jsx)(`span`,{ref:t=>{z.current[e]=t},className:i.default.cell,"data-active":r||void 0,"data-selected":a||void 0,"data-filled":t?!0:void 0,children:(0,o.jsx)(`span`,{className:n.cx(i.default.char,t&&i.default.charFilled),children:s},t??`empty`)},e))}return(0,o.jsxs)(`div`,{className:n.cx(i.default.root,s[b],c[P],x?l[x]:i.default.radiusDefault,V&&i.default.focused,N.invalid&&i.default.invalid,N.disabled&&i.default.disabled,N.readOnly&&!N.disabled&&i.default.readOnly,T),style:ne,"data-size":P,"data-variant":b,children:[(0,o.jsx)(`div`,{className:i.default.cells,"aria-hidden":`true`,children:$}),(0,o.jsx)(`input`,{autoComplete:se??(_?`off`:`one-time-code`),autoCorrect:`off`,autoCapitalize:`off`,spellCheck:!1,enterKeyHint:`done`,...M,ref:B,id:N.id,type:_?`password`:`text`,inputMode:g===`numeric`?`numeric`:`text`,pattern:g===`numeric`?`[0-9]*`:`[A-Za-z0-9]*`,minLength:u,value:L,disabled:N.disabled,required:N.required,readOnly:N.readOnly,...N.ariaProps,className:n.cx(i.default.input,te),onChange:pe,onPaste:me,onKeyDown:he,onSelect:_e,onFocus:ve,onBlur:Z,onClick:ye})]})};exports.PinInput=f;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../Field/FieldContext.cjs.js"),i=require("./PinInput.module.css.cjs.js");let a=require("react"),o=require("react/jsx-runtime");var s={outline:i.default.outline,filled:i.default.filled},c={sm:i.default.sm,md:i.default.md,lg:i.default.lg},l={none:i.default.radiusNone,xs:i.default.radiusXs,sm:i.default.radiusSm,md:i.default.radiusMd,lg:i.default.radiusLg,xl:i.default.radiusXl,"2xl":i.default.radius2xl,pill:i.default.radiusPill},u={numeric:/[^0-9]/g,alphanumeric:/[^A-Za-z0-9]/g};function d(e,t){return e.replace(u[t],``)}function ee(e,t){let n=new Set;if(typeof e==`number`&&e>0)for(let r=e;r<t;r+=e)n.add(r);else Array.isArray(e)&&e.forEach(e=>e>0&&e<t&&n.add(e));return n}var f=({length:u=6,value:f,defaultValue:p=``,onValueChange:m,onComplete:h,type:g=`numeric`,mask:_=!1,placeholder:v,size:y,variant:b=`outline`,radius:x,invalid:S,separator:C,separatorContent:w=`–`,className:T,inputClassName:te,style:ne,ref:E,id:re,disabled:ie,required:ae,readOnly:oe,autoComplete:se,"aria-describedby":ce,onChange:le,onFocus:ue,onBlur:D,onKeyDown:O,onPaste:k,onSelect:A,onClick:j,...M})=>{let N=r.useFieldControl({id:re,invalid:S,required:ae,disabled:ie,readOnly:oe,size:y,"aria-describedby":ce}),P=N.size??`md`,[F,I]=e.useControllableState({value:f,defaultValue:p,onChange:m}),L=d(F??``,g).slice(0,u),R=(0,a.useRef)(null),z=(0,a.useRef)([]),B=(0,a.useCallback)(e=>{R.current=e,n.assignRef(E,e)},[E]),[V,H]=(0,a.useState)(!1),[U,W]=(0,a.useState)({start:0,end:0}),G=(0,a.useRef)(null),[de,fe]=(0,a.useState)(0),K=e=>{G.current=e,W(e),fe(e=>e+1)};(0,a.useLayoutEffect)(()=>{let e=R.current,t=G.current;e&&t&&(G.current=null,document.activeElement===e&&e.setSelectionRange(t.start,t.end))},[de,L]);let q=e=>{let t=Math.min(L.length,u-1),n=Math.max(0,Math.min(e,t));K(n<L.length?{start:n,end:n+1}:{start:n,end:n})},J=e=>{e!==L&&(I(e),e.length===u&&h?.(e))},Y=(0,a.useRef)(p);Y.current=p;let X=f!==void 0;(0,a.useEffect)(()=>{if(X)return;let e=R.current?.form;if(!e)return;let t=()=>I(d(Y.current,g).slice(0,u));return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)},[X,I,g,u]);let pe=e=>{le?.(e);let t=e.target,n=t.value,r=t.selectionStart??n.length,i=d(n.slice(0,r),g),a=d(n.slice(r),g),o=i+a,s=i.length;if(o.length>u){let e=Math.max(0,n.length-L.length),t=d(n.slice(r-e,r),g);if(t.length>=u)o=t.slice(0,u),s=u;else{let e=o.length-u;o=(i+a.slice(e)).slice(0,u),s=Math.min(i.length,u)}}J(o),K({start:s,end:s})},me=e=>{if(k?.(e),e.defaultPrevented||N.readOnly||N.disabled)return;let t=d(e.clipboardData.getData(`text`),g),n=e.currentTarget;if(!t)return;e.preventDefault();let r;if(t.length>=u)r=t.slice(0,u);else{let e=n.selectionStart??L.length,i=n.selectionEnd??e;r=(L.slice(0,e)+t+L.slice(i)).slice(0,u)}J(r);let i=Math.min(r.length,u);K({start:i,end:i})},he=e=>{if(O?.(e),e.defaultPrevented||e.altKey||e.metaKey||e.ctrlKey)return;let t=e.currentTarget,n=Math.min(t.selectionStart??0,u-1);switch(e.key){case`ArrowLeft`:e.preventDefault(),q(n-1);break;case`ArrowRight`:e.preventDefault(),q(n+1);break;case`Home`:case`ArrowUp`:e.preventDefault(),q(0);break;case`End`:case`ArrowDown`:e.preventDefault(),q(L.length)}},ge=e=>{let t=e.selectionStart??0,n=e.selectionEnd??t;W(e=>e.start===t&&e.end===n?e:{start:t,end:n})},_e=e=>{A?.(e),ge(e.currentTarget)},ve=e=>{ue?.(e),H(!0),q(L.length)},Z=e=>{D?.(e),H(!1)},ye=e=>{if(j?.(e),e.defaultPrevented)return;let t=0,n=1/0;z.current.forEach((r,i)=>{if(!r)return;let a=r.getBoundingClientRect(),o=Math.abs(e.clientX-(a.left+a.width/2));o<n&&(n=o,t=i)}),q(t)},be=ee(C,u),Q=U.end-U.start>1,xe=V&&!Q?Math.min(U.start,u-1):-1,Se=V&&!N.readOnly&&!N.disabled&&U.start===U.end,$=[];for(let e=0;e<u;e++){be.has(e)&&$.push((0,o.jsx)(`span`,{className:i.default.separator,children:w},`sep-${e}`));let n=L[e],r=e===xe,a=V&&Q&&e>=U.start&&e<U.end,s=null;n?s=_?`•`:n:r&&Se?s=(0,o.jsx)(`span`,{className:i.default.caret}):v&&(s=(0,o.jsx)(`span`,{className:i.default.placeholder,children:v})),$.push((0,o.jsx)(`span`,{ref:t=>{z.current[e]=t},className:i.default.cell,"data-active":r||void 0,"data-selected":a||void 0,"data-filled":n?!0:void 0,children:(0,o.jsx)(`span`,{className:t.cx(i.default.char,n&&i.default.charFilled),children:s},n??`empty`)},e))}return(0,o.jsxs)(`div`,{className:t.cx(i.default.root,s[b],c[P],x?l[x]:i.default.radiusDefault,V&&i.default.focused,N.invalid&&i.default.invalid,N.disabled&&i.default.disabled,N.readOnly&&!N.disabled&&i.default.readOnly,T),style:ne,"data-size":P,"data-variant":b,children:[(0,o.jsx)(`div`,{className:i.default.cells,"aria-hidden":`true`,children:$}),(0,o.jsx)(`input`,{autoComplete:se??(_?`off`:`one-time-code`),autoCorrect:`off`,autoCapitalize:`off`,spellCheck:!1,enterKeyHint:`done`,...M,ref:B,id:N.id,type:_?`password`:`text`,inputMode:g===`numeric`?`numeric`:`text`,pattern:g===`numeric`?`[0-9]*`:`[A-Za-z0-9]*`,minLength:u,value:L,disabled:N.disabled,required:N.required,readOnly:N.readOnly,...N.ariaProps,className:t.cx(i.default.input,te),onChange:pe,onPaste:me,onKeyDown:he,onSelect:_e,onFocus:ve,onBlur:Z,onClick:ye})]})};exports.PinInput=f;

package/dist/components/forms/PinInput/PinInput.mjs

@@ -1,11 +1,12 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { assignRef as t } from "../../../utils/refs.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
+import { cx as t } from "../../../utils/cx.mjs";
+import { assignRef as n } from "../../../utils/refs.mjs";
 import { useFieldControl as r } from "../Field/FieldContext.mjs";
 import i from "./PinInput.module.css.mjs";
 import { useCallback as a, useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/components/forms/PinInput/PinInput.tsx
+// src/components/forms/PinInput/PinInput.tsx
 var f = {
 	outline: i.outline,
 	filled: i.filled
@@ -49,7 +50,7 @@ var g = ({ length: p = 6, value: g, defaultValue: _ = "", onValueChange: ne, onC
 		defaultValue: _,
 		onChange: ne
 	}), R = m(I ?? "", y).slice(0, p), z = c(null), B = c([]), he = a((e) => {
-		z.current = e, t(T, e);
+		z.current = e, n(T, e);
 	}, [T]), [V, H] = l(!1), [U, W] = l({
 		start: 0,
 		end: 0
@@ -161,8 +162,8 @@ var g = ({ length: p = 6, value: g, defaultValue: _ = "", onValueChange: ne, onC
 			className: i.separator,
 			children: ae
 		}, `sep-${e}`));
-		let t = R[e], r = e === Ee, a = V && Q && e >= U.start && e < U.end, o = null;
-		t ? o = b ? "•" : t : r && De ? o = /* @__PURE__ */ u("span", { className: i.caret }) : x && (o = /* @__PURE__ */ u("span", {
+		let n = R[e], r = e === Ee, a = V && Q && e >= U.start && e < U.end, o = null;
+		n ? o = b ? "•" : n : r && De ? o = /* @__PURE__ */ u("span", { className: i.caret }) : x && (o = /* @__PURE__ */ u("span", {
 			className: i.placeholder,
 			children: x
 		})), $.push(/* @__PURE__ */ u("span", {
@@ -172,15 +173,15 @@ var g = ({ length: p = 6, value: g, defaultValue: _ = "", onValueChange: ne, onC
 			className: i.cell,
 			"data-active": r || void 0,
 			"data-selected": a || void 0,
-			"data-filled": t ? !0 : void 0,
+			"data-filled": n ? !0 : void 0,
 			children: /* @__PURE__ */ u("span", {
-				className: n(i.char, t && i.charFilled),
+				className: t(i.char, n && i.charFilled),
 				children: o
-			}, t ?? "empty")
+			}, n ?? "empty")
 		}, e));
 	}
 	return /* @__PURE__ */ d("div", {
-		className: n(i.root, f[C], ee[F], w ? te[w] : i.radiusDefault, V && i.focused, P.invalid && i.invalid, P.disabled && i.disabled, P.readOnly && !P.disabled && i.readOnly, oe),
+		className: t(i.root, f[C], ee[F], w ? te[w] : i.radiusDefault, V && i.focused, P.invalid && i.invalid, P.disabled && i.disabled, P.readOnly && !P.disabled && i.readOnly, oe),
 		style: ce,
 		"data-size": F,
 		"data-variant": C,
@@ -206,7 +207,7 @@ var g = ({ length: p = 6, value: g, defaultValue: _ = "", onValueChange: ne, onC
 			required: P.required,
 			readOnly: P.readOnly,
 			...P.ariaProps,
-			className: n(i.input, se),
+			className: t(i.input, se),
 			onChange: ve,
 			onPaste: ye,
 			onKeyDown: be,
@@ -217,5 +218,4 @@ var g = ({ length: p = 6, value: g, defaultValue: _ = "", onValueChange: ne, onC
 		})]
 	});
 };
-//#endregion
 export { g as PinInput };

package/dist/components/forms/PinInput/PinInput.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/PinInput/PinInput.module.css
+// src/components/forms/PinInput/PinInput.module.css
 var e = "_root_1be1e_15", t = "_sm_1be1e_49", n = "_md_1be1e_63", r = "_lg_1be1e_77", i = "_radiusDefault_1be1e_93", a = "_radiusNone_1be1e_99", o = "_radiusXs_1be1e_105", s = "_radiusSm_1be1e_111", c = "_radiusMd_1be1e_117", l = "_radiusLg_1be1e_123", u = "_radiusXl_1be1e_129", d = "_radius2xl_1be1e_135", f = "_radiusPill_1be1e_141", p = "_outline_1be1e_151", m = "_filled_1be1e_161", h = "_readOnly_1be1e_173", g = "_disabled_1be1e_175", _ = "_cells_1be1e_203", v = "_cell_1be1e_203", y = "_invalid_1be1e_277", b = "_focused_1be1e_277", x = "_char_1be1e_331", S = "_charFilled_1be1e_343", C = "_placeholder_1be1e_373", w = "_caret_1be1e_393", T = "_separator_1be1e_435", E = "_input_1be1e_471", D = {
 	root: e,
 	sm: t,
@@ -30,5 +30,4 @@ var e = "_root_1be1e_15", t = "_sm_1be1e_49", n = "_md_1be1e_63", r = "_lg_1be1e
 	separator: T,
 	input: E
 };
-//#endregion
 export { w as caret, v as cell, _ as cells, x as char, S as charFilled, D as default, g as disabled, m as filled, b as focused, E as input, y as invalid, r as lg, n as md, p as outline, C as placeholder, d as radius2xl, i as radiusDefault, l as radiusLg, c as radiusMd, a as radiusNone, f as radiusPill, s as radiusSm, u as radiusXl, o as radiusXs, h as readOnly, e as root, T as separator, t as sm };

package/dist/components/forms/Radio/Radio.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useFormReset.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../primitives/Icon/Icon.cjs.js"),i=require("../Field/FieldContext.cjs.js"),a=require("./Radio.module.css.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c={sm:a.default.sm,md:a.default.md,lg:a.default.lg},l={neutral:a.default.toneNeutral,primary:a.default.tonePrimary,accent:a.default.toneAccent,success:a.default.toneSuccess,warning:a.default.toneWarning,danger:a.default.toneDanger,info:a.default.toneInfo},u={vertical:a.default.vertical,horizontal:a.default.horizontal},d=(0,o.createContext)(null);function f(){return(0,o.useContext)(d)}var p=(...e)=>e.filter(Boolean).join(` `)||void 0;function m({value:r,defaultValue:l,onValueChange:f,name:m,orientation:h=`vertical`,size:g,tone:_=`primary`,disabled:v,invalid:y,required:b,label:x,description:S,className:C,children:w,id:T,"aria-describedby":E,"aria-labelledby":D,...O}){let k=i.useFieldContext(),A=(0,o.useId)(),j=`${A}-label`,M=`${A}-description`,N=k!==null,P=!N&&x!=null,F=S!=null,I=i.useFieldControl({id:T,invalid:y,required:b,disabled:v,size:g,"aria-describedby":p(F&&M,E)}),[L,R]=e.useControllableState({value:r,defaultValue:l,onChange:f});t.useFormReset(()=>I.id?document.getElementById(I.id):null,()=>R(l),r===void 0);let z=I.size??`md`,B={name:m??`radio-${A}`,value:L,setValue:R,size:z,tone:_,disabled:I.disabled,invalid:I.invalid,required:I.required,inFieldset:!1},V=k?.isGroup===!0&&D===void 0;B.inFieldset=V,B.itemDescribedBy=V?p(F&&M,E):void 0;let H=D??(N?k.labelId:P?j:void 0),U=V?{"aria-describedby":p(F&&M,E)}:{role:`radiogroup`,"aria-labelledby":H,...I.ariaProps,"aria-disabled":I.disabled||void 0,"aria-required":I.required||void 0};return(0,s.jsx)(d.Provider,{value:B,children:(0,s.jsxs)(`div`,{id:I.id,...U,...O,"data-disabled":I.disabled||void 0,"data-invalid":I.invalid||void 0,className:n.cx(a.default.group,c[z],C),children:[(P||F)&&(0,s.jsxs)(`div`,{className:a.default.groupHeader,children:[P&&(0,s.jsxs)(`span`,{id:j,className:a.default.groupLabel,children:[x,I.required&&(0,s.jsxs)(`span`,{className:a.default.requiredMark,"aria-hidden":`true`,children:[` `,`*`]})]}),F&&(0,s.jsx)(`span`,{id:M,className:a.default.groupDescription,children:S})]}),(0,s.jsx)(`div`,{className:n.cx(a.default.items,u[h]),children:w})]})})}function h(e,t){let n=f(),{onChange:r,invalid:i,disabled:a,name:o,checked:s,required:c,...l}=t,u=!!(a||n?.disabled),d=i??n?.invalid??!1;return{inputProps:{...l,type:`radio`,value:e,name:o??n?.name,disabled:u,required:c??n?.required,"aria-invalid":l[`aria-invalid`]??(d&&(!n||n.inFieldset)?!0:void 0),"aria-describedby":p(l[`aria-describedby`],n?.itemDescribedBy),checked:n?n.value===e:s,onChange:t=>{r?.(t),!t.defaultPrevented&&t.target.checked&&n?.setValue(e)}},disabled:u,invalid:d,group:n}}function g({value:e,label:t,description:r,size:i,tone:u,className:d,style:f,id:m,"aria-describedby":g,..._}){let v=(0,o.useId)(),y=m??v,b=`${y}-description`,x=r!=null,{inputProps:S,disabled:C,invalid:w,group:T}=h(e,{..._,"aria-describedby":p(x&&b,g)}),E=i??T?.size??`md`,D=u??T?.tone??`primary`;return(0,s.jsxs)(`label`,{htmlFor:y,style:f,"data-disabled":C||void 0,"data-invalid":w||void 0,className:n.cx(a.default.radio,c[E],l[D],d),children:[(0,s.jsxs)(`span`,{className:a.default.controlWrap,children:[(0,s.jsx)(`input`,{id:y,className:a.default.input,...S}),(0,s.jsx)(`span`,{className:a.default.control,"aria-hidden":`true`,children:(0,s.jsx)(`span`,{className:a.default.dot})})]}),(t!==void 0||x)&&(0,s.jsxs)(`span`,{className:a.default.text,children:[t!==void 0&&(0,s.jsx)(`span`,{className:a.default.label,children:t}),x&&(0,s.jsx)(`span`,{id:b,className:a.default.description,children:r})]})]})}function _({value:e,title:t,description:i,icon:c,media:u,meta:d,children:f,tone:m,className:g,style:_,id:v,"aria-describedby":y,"aria-labelledby":b,...x}){let S=(0,o.useId)(),C=v??S,w=`${C}-title`,T=`${C}-description`,E=`${C}-meta`,D=i!=null,O=d!=null,{inputProps:k,disabled:A,invalid:j,group:M}=h(e,{...x,"aria-labelledby":b??w,"aria-describedby":p(D&&T,O&&E,y)}),N=m??M?.tone??`primary`;return(0,s.jsxs)(`label`,{htmlFor:C,style:_,"data-disabled":A||void 0,"data-invalid":j||void 0,className:n.cx(a.default.card,l[N],g),children:[u!=null&&(0,s.jsx)(`span`,{className:a.default.cardMedia,children:u}),(0,s.jsxs)(`span`,{className:a.default.cardHeader,children:[c!=null&&(0,s.jsx)(`span`,{className:a.default.cardIcon,"aria-hidden":`true`,children:c}),(0,s.jsxs)(`span`,{className:a.default.cardHeading,children:[(0,s.jsx)(`span`,{id:w,className:a.default.cardTitle,children:t}),D&&(0,s.jsx)(`span`,{id:T,className:a.default.cardDescription,children:i})]}),(0,s.jsxs)(`span`,{className:a.default.cardIndicator,children:[(0,s.jsx)(`input`,{id:C,className:a.default.input,...k}),(0,s.jsx)(`span`,{className:a.default.cardControl,"aria-hidden":`true`,children:(0,s.jsx)(r.Icon,{name:`check`,size:`sm`,strokeWidth:3,className:a.default.cardCheck})})]})]}),O&&(0,s.jsx)(`span`,{id:E,className:a.default.cardMeta,children:d}),f!=null&&(0,s.jsx)(`span`,{className:a.default.cardBody,children:f})]})}exports.Radio=g,exports.RadioCard=_,exports.RadioGroup=m,exports.useRadioGroupContext=f;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useFormReset.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../primitives/Icon/Icon.cjs.js"),i=require("../Field/FieldContext.cjs.js"),a=require("./Radio.module.css.cjs.js");let o=require("react"),s=require("react/jsx-runtime");var c={sm:a.default.sm,md:a.default.md,lg:a.default.lg},l={neutral:a.default.toneNeutral,primary:a.default.tonePrimary,accent:a.default.toneAccent,success:a.default.toneSuccess,warning:a.default.toneWarning,danger:a.default.toneDanger,info:a.default.toneInfo},u={vertical:a.default.vertical,horizontal:a.default.horizontal},d=(0,o.createContext)(null);function f(){return(0,o.useContext)(d)}var p=(...e)=>e.filter(Boolean).join(` `)||void 0;function m({value:r,defaultValue:l,onValueChange:f,name:m,orientation:h=`vertical`,size:g,tone:_=`primary`,disabled:v,invalid:y,required:b,label:x,description:S,className:C,children:w,id:T,"aria-describedby":E,"aria-labelledby":D,...O}){let k=i.useFieldContext(),A=(0,o.useId)(),j=`${A}-label`,M=`${A}-description`,N=k!==null,P=!N&&x!=null,F=S!=null,I=i.useFieldControl({id:T,invalid:y,required:b,disabled:v,size:g,"aria-describedby":p(F&&M,E)}),[L,R]=e.useControllableState({value:r,defaultValue:l,onChange:f});t.useFormReset(()=>I.id?document.getElementById(I.id):null,()=>R(l),r===void 0);let z=I.size??`md`,B={name:m??`radio-${A}`,value:L,setValue:R,size:z,tone:_,disabled:I.disabled,invalid:I.invalid,required:I.required,inFieldset:!1},V=k?.isGroup===!0&&D===void 0;B.inFieldset=V,B.itemDescribedBy=V?p(F&&M,E):void 0;let H=D??(N?k.labelId:P?j:void 0),U=V?{"aria-describedby":p(F&&M,E)}:{role:`radiogroup`,"aria-labelledby":H,...I.ariaProps,"aria-disabled":I.disabled||void 0,"aria-required":I.required||void 0};return(0,s.jsx)(d.Provider,{value:B,children:(0,s.jsxs)(`div`,{id:I.id,...U,...O,"data-disabled":I.disabled||void 0,"data-invalid":I.invalid||void 0,className:n.cx(a.default.group,c[z],C),children:[(P||F)&&(0,s.jsxs)(`div`,{className:a.default.groupHeader,children:[P&&(0,s.jsxs)(`span`,{id:j,className:a.default.groupLabel,children:[x,I.required&&(0,s.jsxs)(`span`,{className:a.default.requiredMark,"aria-hidden":`true`,children:[` `,`*`]})]}),F&&(0,s.jsx)(`span`,{id:M,className:a.default.groupDescription,children:S})]}),(0,s.jsx)(`div`,{className:n.cx(a.default.items,u[h]),children:w})]})})}function h(e,t){let n=f(),{onChange:r,invalid:i,disabled:a,name:o,checked:s,required:c,...l}=t,u=!!(a||n?.disabled),d=i??n?.invalid??!1;return{inputProps:{...l,type:`radio`,value:e,name:o??n?.name,disabled:u,required:c??n?.required,"aria-invalid":l[`aria-invalid`]??(d&&(!n||n.inFieldset)?!0:void 0),"aria-describedby":p(l[`aria-describedby`],n?.itemDescribedBy),checked:n?n.value===e:s,onChange:t=>{r?.(t),!t.defaultPrevented&&t.target.checked&&n?.setValue(e)}},disabled:u,invalid:d,group:n}}function g({value:e,label:t,description:r,size:i,tone:u,className:d,style:f,id:m,"aria-describedby":g,..._}){let v=(0,o.useId)(),y=m??v,b=`${y}-description`,x=r!=null,{inputProps:S,disabled:C,invalid:w,group:T}=h(e,{..._,"aria-describedby":p(x&&b,g)}),E=i??T?.size??`md`,D=u??T?.tone??`primary`;return(0,s.jsxs)(`label`,{htmlFor:y,style:f,"data-disabled":C||void 0,"data-invalid":w||void 0,className:n.cx(a.default.radio,c[E],l[D],d),children:[(0,s.jsxs)(`span`,{className:a.default.controlWrap,children:[(0,s.jsx)(`input`,{id:y,className:a.default.input,...S}),(0,s.jsx)(`span`,{className:a.default.control,"aria-hidden":`true`,children:(0,s.jsx)(`span`,{className:a.default.dot})})]}),(t!==void 0||x)&&(0,s.jsxs)(`span`,{className:a.default.text,children:[t!==void 0&&(0,s.jsx)(`span`,{className:a.default.label,children:t}),x&&(0,s.jsx)(`span`,{id:b,className:a.default.description,children:r})]})]})}function _({value:e,title:t,description:i,icon:c,media:u,meta:d,children:f,tone:m,className:g,style:_,id:v,"aria-describedby":y,"aria-labelledby":b,...x}){let S=(0,o.useId)(),C=v??S,w=`${C}-title`,T=`${C}-description`,E=`${C}-meta`,D=i!=null,O=d!=null,{inputProps:k,disabled:A,invalid:j,group:M}=h(e,{...x,"aria-labelledby":b??w,"aria-describedby":p(D&&T,O&&E,y)}),N=m??M?.tone??`primary`;return(0,s.jsxs)(`label`,{htmlFor:C,style:_,"data-disabled":A||void 0,"data-invalid":j||void 0,className:n.cx(a.default.card,l[N],g),children:[u!=null&&(0,s.jsx)(`span`,{className:a.default.cardMedia,children:u}),(0,s.jsxs)(`span`,{className:a.default.cardHeader,children:[c!=null&&(0,s.jsx)(`span`,{className:a.default.cardIcon,"aria-hidden":`true`,children:c}),(0,s.jsxs)(`span`,{className:a.default.cardHeading,children:[(0,s.jsx)(`span`,{id:w,className:a.default.cardTitle,children:t}),D&&(0,s.jsx)(`span`,{id:T,className:a.default.cardDescription,children:i})]}),(0,s.jsxs)(`span`,{className:a.default.cardIndicator,children:[(0,s.jsx)(`input`,{id:C,className:a.default.input,...k}),(0,s.jsx)(`span`,{className:a.default.cardControl,"aria-hidden":`true`,children:(0,s.jsx)(r.Icon,{name:`check`,size:`sm`,strokeWidth:3,className:a.default.cardCheck})})]})]}),O&&(0,s.jsx)(`span`,{id:E,className:a.default.cardMeta,children:d}),f!=null&&(0,s.jsx)(`span`,{className:a.default.cardBody,children:f})]})}exports.Radio=g,exports.RadioCard=_,exports.RadioGroup=m,exports.useRadioGroupContext=f;

package/dist/components/forms/Radio/Radio.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
 import { useFormReset as t } from "../../../hooks/useFormReset.mjs";
 import { cx as n } from "../../../utils/cx.mjs";
@@ -6,7 +7,7 @@ import { useFieldContext as i, useFieldControl as a } from "../Field/FieldContex
 import o from "./Radio.module.css.mjs";
 import { createContext as s, useContext as c, useId as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/components/forms/Radio/Radio.tsx
+// src/components/forms/Radio/Radio.tsx
 var f = {
 	sm: o.sm,
 	md: o.md,
@@ -216,5 +217,4 @@ function x({ value: e, title: t, description: i, icon: a, media: s, meta: c, chi
 		]
 	});
 }
-//#endregion
 export { b as Radio, x as RadioCard, v as RadioGroup, g as useRadioGroupContext };

package/dist/components/forms/Radio/Radio.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/Radio/Radio.module.css
+// src/components/forms/Radio/Radio.module.css
 var e = "_sm_1oena_33", t = "_md_1oena_43", n = "_lg_1oena_53", r = "_tonePrimary_1oena_69", i = "_toneNeutral_1oena_75", a = "_toneAccent_1oena_81", o = "_toneSuccess_1oena_87", s = "_toneWarning_1oena_93", c = "_toneDanger_1oena_99", l = "_toneInfo_1oena_105", u = "_group_1oena_121", d = "_groupHeader_1oena_137", f = "_groupLabel_1oena_149", p = "_requiredMark_1oena_165", m = "_groupDescription_1oena_173", h = "_items_1oena_195", g = "_vertical_1oena_205", _ = "_horizontal_1oena_215", v = "_input_1oena_239", y = "_radio_1oena_271", b = "_controlWrap_1oena_297", x = "_control_1oena_297", S = "_dot_1oena_343", C = "_text_1oena_361", w = "_label_1oena_379", T = "_description_1oena_391", E = "_card_1oena_505", D = "_cardIndicator_1oena_551", O = "_cardMedia_1oena_591", k = "_cardHeader_1oena_621", A = "_cardIcon_1oena_633", j = "_cardHeading_1oena_655", M = "_cardTitle_1oena_671", N = "_cardDescription_1oena_689", P = "_cardMeta_1oena_701", F = "_cardBody_1oena_721", I = "_cardControl_1oena_737", L = "_cardCheck_1oena_767", R = {
 	sm: e,
 	md: t,
@@ -39,5 +39,4 @@ var e = "_sm_1oena_33", t = "_md_1oena_43", n = "_lg_1oena_53", r = "_tonePrimar
 	cardControl: I,
 	cardCheck: L
 };
-//#endregion
 export { E as card, F as cardBody, L as cardCheck, I as cardControl, N as cardDescription, k as cardHeader, j as cardHeading, A as cardIcon, D as cardIndicator, O as cardMedia, P as cardMeta, M as cardTitle, x as control, b as controlWrap, R as default, T as description, S as dot, u as group, m as groupDescription, d as groupHeader, f as groupLabel, _ as horizontal, v as input, h as items, w as label, n as lg, t as md, y as radio, p as requiredMark, e as sm, C as text, a as toneAccent, c as toneDanger, l as toneInfo, i as toneNeutral, r as tonePrimary, o as toneSuccess, s as toneWarning, g as vertical };