@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

package/dist/components/forms/NumberInput/NumberInput.mjs

@@ -1,20 +1,22 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
 import { useFormReset as t } from "../../../hooks/useFormReset.mjs";
-import { useLocale as n } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { assignRef as r } from "../../../utils/refs.mjs";
-import { cx as i } from "../../../utils/cx.mjs";
+import { cx as n } from "../../../utils/cx.mjs";
+import { getNumberFormat as r } from "../../../utils/intl.mjs";
+import { assignRef as i } from "../../../utils/refs.mjs";
 import { ChevronDownIcon as ee, ChevronUpIcon as te, MinusIcon as ne, PlusIcon as re } from "../../primitives/Icon/icons.mjs";
 import { useFieldControl as ie } from "../Field/FieldContext.mjs";
 import { Input as ae } from "../Input/Input.mjs";
 import a from "./NumberInput.module.css.mjs";
-import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as oe } from "react";
-import { Fragment as se, jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/components/forms/NumberInput/NumberInput.tsx
-var ce = {
+import { useLocale as oe } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as se } from "react";
+import { Fragment as ce, jsx as u, jsxs as d } from "react/jsx-runtime";
+// src/components/forms/NumberInput/NumberInput.tsx
+var le = {
 	sides: a.sides,
 	stacked: a.stacked,
 	none: void 0
-}, le = 400, ue = 60;
+}, ue = 400, de = 60;
 function f(e) {
 	if (!Number.isFinite(e)) return 0;
 	let t = String(e), n = t.match(/e-(\d+)$/);
@@ -25,13 +27,13 @@ function f(e) {
 function p(e, t) {
 	return Number(e.toFixed(Math.min(Math.max(t, 0), 20)));
 }
-function m(e, t, n) {
+function fe(e, t, n) {
 	let r = e;
 	return t != null && r < t && (r = t), n != null && r > n && (r = n), r;
 }
-function de(e) {
+function pe(e) {
 	try {
-		let t = new Intl.NumberFormat(e).formatToParts(11111.1);
+		let t = r(e).formatToParts(11111.1);
 		return {
 			group: t.find((e) => e.type === "group")?.value ?? ",",
 			decimal: t.find((e) => e.type === "decimal")?.value ?? "."
@@ -43,47 +45,47 @@ function de(e) {
 		};
 	}
 }
-var fe = /[−‒–﹣－]/g, h = /[\s  ]/g;
-function g(e, t) {
-	let { group: n, decimal: r } = de(t), i = e.replace(h, "").replace(fe, "-");
-	return i === "" ? null : (r === "." ? n !== "" && (i = i.split(n.replace(h, "") || "\0").join("")) : !i.includes(r) && /^-?\d*\.(\d{1,2}|\d{4,})$/.test(i.replace(/[^\d.-]/g, "")) ? i = i.replace(/[^\d.-]/g, "") : (i = i.split(n.replace(h, "")).join(""), n === "." && (i = i.split(".").join("")), i = i.split(r).join(".")), i = i.replace(/['’]/g, "").replace(/[^\d.-]/g, ""), !/^-?\d*\.?\d*$/.test(i) || !/\d/.test(i) ? NaN : Number(i));
+var me = /[−‒–﹣－]/g, m = /[\s  ]/g;
+function h(e, t) {
+	let { group: n, decimal: r } = pe(t), i = e.replace(m, "").replace(me, "-");
+	return i === "" ? null : (r === "." ? n !== "" && (i = i.split(n.replace(m, "") || "\0").join("")) : !i.includes(r) && /^-?\d*\.(\d{1,2}|\d{4,})$/.test(i.replace(/[^\d.-]/g, "")) ? i = i.replace(/[^\d.-]/g, "") : (i = i.split(n.replace(m, "")).join(""), n === "." && (i = i.split(".").join("")), i = i.split(r).join(".")), i = i.replace(/['’]/g, "").replace(/[^\d.-]/g, ""), !/^-?\d*\.?\d*$/.test(i) || !/\d/.test(i) ? NaN : Number(i));
 }
-var _ = ({ value: _, defaultValue: pe = null, onValueChange: me, min: v, max: y, step: b = 1, largeStep: he, precision: x, clampOnBlur: ge = !0, allowDecimal: _e, allowNegative: ve, formatOptions: S, locale: ye, stepper: C = "sides", decrementLabel: be, incrementLabel: xe, wheel: w = !1, ref: T, id: Se, size: Ce, invalid: we, disabled: Te, readOnly: Ee, required: De, name: E, endAddon: D, className: Oe, inputClassName: ke, inputMode: Ae, onChange: je, onFocus: Me, onBlur: Ne, onKeyDown: Pe, "aria-describedby": Fe, ...O }) => {
-	let { messages: k, locale: Ie } = n(), A = ye ?? Ie, Le = be ?? k.numberInput.decrement, Re = xe ?? k.numberInput.increment, j = ie({
-		id: Se,
-		invalid: we,
-		required: De,
-		disabled: Te,
-		readOnly: Ee,
-		size: Ce
-	}), M = j.disabled || j.readOnly, [N, P] = e({
-		value: _,
-		defaultValue: pe,
-		onChange: me
+var g = ({ value: r, defaultValue: g = null, onValueChange: he, min: _, max: v, step: y = 1, largeStep: ge, precision: b, clampOnBlur: _e = !0, allowDecimal: ve, allowNegative: ye, formatOptions: x, locale: be, stepper: S = "sides", decrementLabel: xe, incrementLabel: Se, wheel: C = !1, ref: w, id: Ce, size: we, invalid: Te, disabled: Ee, readOnly: De, required: Oe, name: T, endAddon: E, className: ke, inputClassName: Ae, inputMode: je, onChange: Me, onFocus: Ne, onBlur: Pe, onKeyDown: Fe, "aria-describedby": Ie, ...D }) => {
+	let { messages: O, locale: Le } = oe(), k = be ?? Le, Re = xe ?? O.numberInput.decrement, ze = Se ?? O.numberInput.increment, A = ie({
+		id: Ce,
+		invalid: Te,
+		required: Oe,
+		disabled: Ee,
+		readOnly: De,
+		size: we
+	}), j = A.disabled || A.readOnly, [M, N] = e({
+		value: r,
+		defaultValue: g,
+		onChange: he
 	});
-	t(() => j.id ? document.getElementById(j.id) : null, () => {
-		P(pe ?? null), U("");
-	}, _ === void 0);
-	let F = _e ?? x !== 0, I = ve ?? !(v != null && v >= 0), L = he ?? b * 10, R = c(() => de(A), [A]), z = c(() => {
+	t(() => A.id ? document.getElementById(A.id) : null, () => {
+		N(g ?? null), U("");
+	}, r === void 0);
+	let P = ve ?? b !== 0, F = ye ?? !(_ != null && _ >= 0), I = ge ?? y * 10, L = c(() => pe(k), [k]), R = c(() => {
 		let e = {};
-		x != null && (e.minimumFractionDigits = x, e.maximumFractionDigits = x);
+		b != null && (e.minimumFractionDigits = b, e.maximumFractionDigits = b);
 		try {
-			return new Intl.NumberFormat(A, {
+			return new Intl.NumberFormat(k, {
 				...e,
-				...S
+				...x
 			});
 		} catch {
 			return new Intl.NumberFormat(void 0, e);
 		}
 	}, [
-		A,
-		S,
-		x
-	]), ze = c(() => {
+		k,
+		x,
+		b
+	]), z = c(() => {
 		try {
-			return new Intl.NumberFormat(A, {
+			return new Intl.NumberFormat(k, {
 				useGrouping: !1,
-				maximumFractionDigits: x ?? 20
+				maximumFractionDigits: b ?? 20
 			});
 		} catch {
 			return new Intl.NumberFormat(void 0, {
@@ -91,57 +93,57 @@ var _ = ({ value: _, defaultValue: pe = null, onValueChange: me, min: v, max: y,
 				maximumFractionDigits: 20
 			});
 		}
-	}, [A, x]), Be = o((e) => e == null ? "" : z.format(e), [z]), B = o((e) => e == null ? "" : ze.format(e), [ze]), [V, Ve] = oe(!1), [H, U] = oe(""), He = l(null), Ue = o((e) => {
-		He.current = e, r(T, e);
-	}, [T]), We = o((e, t) => {
+	}, [k, b]), Be = o((e) => e == null ? "" : R.format(e), [R]), B = o((e) => e == null ? "" : z.format(e), [z]), [V, Ve] = se(!1), [H, U] = se(""), He = l(null), Ue = o((e) => {
+		He.current = e, i(w, e);
+	}, [w]), We = o((e, t) => {
 		let n = e;
-		return x == null ? F || (n = Math.round(n)) : n = p(n, x), t && (n = m(n, v, y)), n;
+		return b == null ? P || (n = Math.round(n)) : n = p(n, b), t && (n = fe(n, _, v)), n;
 	}, [
-		x,
-		F,
-		v,
-		y
-	]), W = l(N);
-	W.current = N, s(() => {
+		b,
+		P,
+		_,
+		v
+	]), W = l(M);
+	W.current = M, s(() => {
 		V && U((e) => {
-			let t = g(e, A);
-			return t === N || t !== null && Number.isNaN(t) ? e : B(N);
+			let t = h(e, k);
+			return t === M || t !== null && Number.isNaN(t) ? e : B(M);
 		});
-	}, [N]);
+	}, [M]);
 	let G = o((e) => {
-		P(e), V && U(B(e));
+		N(e), V && U(B(e));
 	}, [
-		P,
+		N,
 		V,
 		B
 	]), K = o((e) => {
-		if (M) return;
+		if (j) return;
 		let t = W.current;
 		if (t == null || Number.isNaN(t)) {
-			let e = V ? g(H, A) : null;
+			let e = V ? h(H, k) : null;
 			t = e != null && !Number.isNaN(e) ? e : 0;
 		}
-		let n = x ?? Math.max(f(b), f(e), f(t)), r = m(p(t + e, F ? n : 0), v, y);
+		let n = b ?? Math.max(f(y), f(e), f(t)), r = fe(p(t + e, P ? n : 0), _, v);
 		W.current = r, G(r);
 	}, [
-		M,
+		j,
 		V,
 		H,
-		A,
-		x,
+		k,
 		b,
-		F,
-		v,
 		y,
+		P,
+		_,
+		v,
 		G
 	]), q = l(K);
 	q.current = K;
-	let J = N != null && v != null && N <= v, Y = N != null && y != null && N >= y, X = l({}), Z = l(!1), Q = o(() => {
+	let J = M != null && _ != null && M <= _, Y = M != null && v != null && M >= v, X = l({}), Z = l(!1), Q = o(() => {
 		window.clearTimeout(X.current.timeout), window.clearInterval(X.current.interval), X.current = {};
 	}, []);
 	s(() => Q, [Q]), s(() => {
-		M && Q();
-	}, [M, Q]), s(() => {
+		j && Q();
+	}, [j, Q]), s(() => {
 		(J || Y) && Q();
 	}, [
 		J,
@@ -149,8 +151,8 @@ var _ = ({ value: _, defaultValue: pe = null, onValueChange: me, min: v, max: y,
 		Q
 	]);
 	let $ = (e) => (t) => {
-		if (t.button !== 0 || M) return;
-		t.preventDefault(), Z.current = !0, Q(), q.current(e * b);
+		if (t.button !== 0 || j) return;
+		t.preventDefault(), Z.current = !0, Q(), q.current(e * y);
 		let n = () => {
 			Q(), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n), window.setTimeout(() => {
 				Z.current = !1;
@@ -158,94 +160,88 @@ var _ = ({ value: _, defaultValue: pe = null, onValueChange: me, min: v, max: y,
 		};
 		window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), X.current.timeout = window.setTimeout(() => {
 			X.current.interval = window.setInterval(() => {
-				q.current(e * b);
-			}, ue);
-		}, le);
+				q.current(e * y);
+			}, de);
+		}, ue);
 	}, Ge = (e) => (t) => {
-		if (Z.current) {
-			Z.current = !1;
-			return;
-		}
-		t.preventDefault(), q.current(e * b);
+		Z.current ? Z.current = !1 : (t.preventDefault(), q.current(e * y));
 	};
 	s(() => {
 		let e = He.current;
-		if (!w || !V || !e) return;
+		if (!C || !V || !e) return;
 		let t = (e) => {
-			e.deltaY !== 0 && (e.preventDefault(), q.current(e.deltaY < 0 ? b : -b));
+			e.deltaY !== 0 && (e.preventDefault(), q.current(e.deltaY < 0 ? y : -y));
 		};
 		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
 	}, [
-		w,
+		C,
 		V,
-		b
+		y
 	]);
 	let Ke = (e) => {
-		let t = e.replace(h, "").replace(/\d/g, "");
-		return t = t.split(R.group).join(""), F && (t = t.split(R.decimal).join("").replace(/[.,]/g, "")), I && (t = t.replace(/-/g, "").replace(fe, "")), t = t.replace(/['’]/g, ""), t === "";
+		let t = e.replace(m, "").replace(/\d/g, "");
+		return t = t.split(L.group).join(""), P && (t = t.split(L.decimal).join("").replace(/[.,]/g, "")), F && (t = t.replace(/-/g, "").replace(me, "")), t = t.replace(/['’]/g, ""), t === "";
 	}, qe = (e) => {
 		let t = e.target.value, n = e.nativeEvent.inputType;
 		if (n === "insertFromPaste" || n === "insertFromDrop") {
-			let e = g(t, A);
+			let e = h(t, k);
 			e != null && !Number.isNaN(e) && (t = B(e));
 		}
 		if (!Ke(t)) return;
-		U(t), je?.(e);
-		let r = g(t, A);
-		if (r === null) P(null);
+		U(t), Me?.(e);
+		let r = h(t, k);
+		if (r === null) N(null);
 		else if (!Number.isNaN(r)) {
-			let e = !I && r < 0 ? Math.abs(r) : r;
-			W.current = e, P(e);
+			let e = !F && r < 0 ? Math.abs(r) : r;
+			W.current = e, N(e);
 		}
 	}, Je = () => {
-		let e = g(H, A);
-		if (e === null) return P(null), null;
+		let e = h(H, k);
+		if (e === null) return N(null), null;
 		let t = Number.isNaN(e) ? W.current : e;
-		if (t == null) return P(null), null;
-		let n = ge ? We(t, !0) : We(t, !1);
-		return W.current = n, P(n), n;
+		if (t == null) return N(null), null;
+		let n = _e ? We(t, !0) : We(t, !1);
+		return W.current = n, N(n), n;
 	}, Ye = (e) => {
-		Ve(!0), U(B(N)), Me?.(e);
+		Ve(!0), U(B(M)), Ne?.(e);
 	}, Xe = (e) => {
-		Je(), Ve(!1), Q(), Ne?.(e);
+		Je(), Ve(!1), Q(), Pe?.(e);
 	}, Ze = (e) => {
-		if (Pe?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing)) {
+		if (Fe?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing)) {
 			if (e.key === "Enter") {
 				let e = Je();
 				U(B(e));
-				return;
-			}
-			if (!M) switch (e.key) {
+			} else if (!j) switch (e.key) {
 				case "ArrowUp":
-					e.preventDefault(), K(b);
+					e.preventDefault(), K(y);
 					break;
 				case "ArrowDown":
-					e.preventDefault(), K(-b);
+					e.preventDefault(), K(-y);
 					break;
 				case "PageUp":
-					e.preventDefault(), K(L);
+					e.preventDefault(), K(I);
 					break;
 				case "PageDown":
-					e.preventDefault(), K(-L);
+					e.preventDefault(), K(-I);
 					break;
 				case "Home":
-					v != null && (e.preventDefault(), G(v));
+					_ != null && (e.preventDefault(), G(_));
 					break;
-				case "End": y != null && (e.preventDefault(), G(y));
+				case "End": v != null && (e.preventDefault(), G(v));
 			}
 		}
-	}, Qe = V ? H : Be(N), $e = (j.size ?? "md") === "lg" ? "md" : "sm", et = {
+	}, Qe = V ? H : Be(M), $e = (A.size ?? "md") === "lg" ? "md" : "sm", et = {
 		type: "button",
 		tabIndex: -1,
-		"aria-controls": j.id
+		"aria-controls": A.id
 	}, tt = /* @__PURE__ */ u("button", {
 		...et,
-		className: i(a.button, C === "stacked" ? a.stackButton : a.sideButton),
-		"aria-label": Le,
-		disabled: M || J,
+		className: n(a.button, S === "stacked" ? a.stackButton : a.sideButton),
+		"aria-label": Re,
+		disabled: j || J,
 		onPointerDown: $(-1),
 		onClick: Ge(-1),
-		children: C === "stacked" ? /* @__PURE__ */ u(ee, {
+		children: S === "stacked" ? /* @__PURE__ */ u(ee, {
 			size: "xs",
 			strokeWidth: 2.5
 		}) : /* @__PURE__ */ u(ne, {
@@ -254,56 +250,55 @@ var _ = ({ value: _, defaultValue: pe = null, onValueChange: me, min: v, max: y,
 		})
 	}), nt = /* @__PURE__ */ u("button", {
 		...et,
-		className: i(a.button, C === "stacked" ? a.stackButton : a.sideButton),
-		"aria-label": Re,
-		disabled: M || Y,
+		className: n(a.button, S === "stacked" ? a.stackButton : a.sideButton),
+		"aria-label": ze,
+		disabled: j || Y,
 		onPointerDown: $(1),
 		onClick: Ge(1),
-		children: C === "stacked" ? /* @__PURE__ */ u(te, {
+		children: S === "stacked" ? /* @__PURE__ */ u(te, {
 			size: "xs",
 			strokeWidth: 2.5
 		}) : /* @__PURE__ */ u(re, {
 			size: $e,
 			strokeWidth: 2.5
 		})
-	}), rt = C === "sides" ? nt : C === "stacked" ? /* @__PURE__ */ d("span", {
-		className: i(a.stack, D == null && a.stackFlush),
+	}), rt = S === "sides" ? nt : S === "stacked" ? /* @__PURE__ */ d("span", {
+		className: n(a.stack, E == null && a.stackFlush),
 		children: [nt, tt]
 	}) : void 0;
-	return /* @__PURE__ */ d(se, { children: [/* @__PURE__ */ u(ae, {
-		...O,
+	return /* @__PURE__ */ d(ce, { children: [/* @__PURE__ */ u(ae, {
+		...D,
 		ref: Ue,
-		id: j.id,
-		size: j.size,
-		invalid: j.invalid,
-		disabled: j.disabled,
-		readOnly: j.readOnly,
-		required: j.required,
-		"aria-describedby": Fe,
+		id: A.id,
+		size: A.size,
+		invalid: A.invalid,
+		disabled: A.disabled,
+		readOnly: A.readOnly,
+		required: A.required,
+		"aria-describedby": Ie,
 		type: "text",
 		role: "spinbutton",
-		inputMode: Ae ?? (F ? "decimal" : "numeric"),
-		autoComplete: O.autoComplete ?? "off",
-		"aria-valuenow": N ?? void 0,
-		"aria-valuemin": v,
-		"aria-valuemax": y,
-		"aria-valuetext": N == null ? void 0 : Be(N),
+		inputMode: je ?? (P ? "decimal" : "numeric"),
+		autoComplete: D.autoComplete ?? "off",
+		"aria-valuenow": M ?? void 0,
+		"aria-valuemin": _,
+		"aria-valuemax": v,
+		"aria-valuetext": M == null ? void 0 : Be(M),
 		value: Qe,
 		onChange: qe,
 		onFocus: Ye,
 		onBlur: Xe,
 		onKeyDown: Ze,
-		startElement: C === "sides" ? tt : void 0,
+		startElement: S === "sides" ? tt : void 0,
 		endElement: rt,
-		endAddon: D,
-		className: i(ce[C], Oe),
-		inputClassName: i(a.input, ke)
-	}), E != null && /* @__PURE__ */ u("input", {
+		endAddon: E,
+		className: n(le[S], ke),
+		inputClassName: n(a.input, Ae)
+	}), T != null && /* @__PURE__ */ u("input", {
 		type: "hidden",
-		name: E,
-		value: N ?? "",
-		disabled: j.disabled
+		name: T,
+		value: M ?? "",
+		disabled: A.disabled
 	})] });
 };
-//#endregion
-export { _ as NumberInput, g as parseNumber };
+export { g as NumberInput, h as parseNumber };

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

@@ -1,4 +1,4 @@
-//#region src/components/forms/NumberInput/NumberInput.module.css
+// src/components/forms/NumberInput/NumberInput.module.css
 var e = "_input_vj77g_15", t = "_sides_vj77g_29", n = "_button_vj77g_39", r = "_sideButton_vj77g_103", i = "_stack_vj77g_171", a = "_stackFlush_vj77g_195", o = "_stackButton_vj77g_207", s = "_stacked_vj77g_265", c = {
 	input: e,
 	sides: t,
@@ -9,5 +9,4 @@ var e = "_input_vj77g_15", t = "_sides_vj77g_29", n = "_button_vj77g_39", r = "_
 	stackButton: o,
 	stacked: s
 };
-//#endregion
 export { n as button, c as default, e as input, r as sideButton, t as sides, i as stack, o as stackButton, a as stackFlush, s as stacked };

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

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