solid-baseui 0.1.0-alpha.0 → 0.1.0-alpha.2

package/dist/lib/client/otp-field/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../otp-field-DBkMcnog.js";
+import { t as e } from "../otp-field-lsy2iGID.js";
 export { e as OTPField };

package/dist/lib/client/otp-field-lsy2iGID.js

@@ -0,0 +1,584 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as n } from "./internals/getStateAttributesProps.js";
+import { _ as r, b as i, g as a, h as o } from "./reasons-Co5CzjKq.js";
+import { n as s, t as c } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as l, createGenericEventDetails as u } from "./internals/createBaseUIEventDetails.js";
+import { composeEventHandlers as d, liveEventHandler as f } from "./internals/composeEventHandlers.js";
+import { n as p } from "./DirectionContext-BwMabICS.js";
+import { fieldValidityMapping as m } from "./internals/field-constants.js";
+import { r as h } from "./FieldRootContext-D3fuVjs3.js";
+import { n as g } from "./FormContext-CwLBtm_d.js";
+import { r as _ } from "./LabelableContext-CmQF-TX2.js";
+import { t as ee } from "./Separator-D5oJzlA3.js";
+import { createComponent as te, delegateEvents as v, effect as y, getNextElement as ne, memo as b, mergeProps as re, ref as x, runHydrationEvents as ie, setAttribute as S, setProperty as ae, spread as oe, style as se, template as C } from "@solidjs/web";
+import { createContext as w, createEffect as T, createMemo as E, createSignal as D, createUniqueId as ce, omit as le, onCleanup as ue, onSettled as de, untrack as O, useContext as k } from "solid-js";
+//#region src/otp-field/utils/otp.ts
+var A = {
+	numeric: {
+		slotPattern: "\\d{1}",
+		getRootPattern: (e) => `\\d{${e}}`,
+		regexp: /[^\d]/g,
+		inputMode: "numeric"
+	},
+	alpha: {
+		slotPattern: "[a-zA-Z]{1}",
+		getRootPattern: (e) => `[a-zA-Z]{${e}}`,
+		regexp: /[^a-zA-Z]/g,
+		inputMode: "text"
+	},
+	alphanumeric: {
+		slotPattern: "[a-zA-Z0-9]{1}",
+		getRootPattern: (e) => `[a-zA-Z0-9]{${e}}`,
+		regexp: /[^a-zA-Z0-9]/g,
+		inputMode: "text"
+	}
+};
+function fe(e) {
+	return e === "none" ? null : A[e];
+}
+function pe(e) {
+	return (e ?? "").replace(/\s/g, "");
+}
+function j(e, t) {
+	return t ? e.replace(t.regexp, "") : e;
+}
+function M(e, t, n, r) {
+	let i = pe(e), a = fe(n), o = j(i, a), s = i.length > o.length;
+	if (r) {
+		let e = r(o);
+		s ||= o.length > e.length, o = j(e, a), s ||= e.length > o.length;
+	}
+	let c = t < 0 ? 0 : t, l = Array.from(o);
+	return [l.slice(0, c).join(""), s || l.length > c];
+}
+function N(e, t, n, r) {
+	return M(e, t, n, r)[0];
+}
+function me(e, t, n, r, i, a) {
+	let o = N(n, r, i, a);
+	return N(`${e.slice(0, t)}${o}${e.slice(t + o.length)}`, r, i, a);
+}
+function P(e, t) {
+	return t < 0 || t >= e.length ? e : `${e.slice(0, t)}${e.slice(t + 1)}`;
+}
+//#endregion
+//#region src/otp-field/utils/stateAttributesMapping.ts
+var he = {
+	value: () => null,
+	length: () => null,
+	...m
+}, ge = {
+	value: () => null,
+	index: () => null,
+	...m
+}, F = Symbol("OTPFieldRootContext"), _e = w(F);
+function ve() {
+	let e = k(_e);
+	if (e !== F) return e;
+	throw Error("Base UI: OTPFieldRootContext is missing. OTPField parts must be placed within <OTPField.Root>.");
+}
+function ye(e, t, n) {
+	return {
+		...e,
+		value: t,
+		index: n,
+		filled: t !== ""
+	};
+}
+//#endregion
+//#region src/otp-field/root/OTPFieldRoot.tsx
+var be = /* @__PURE__ */ C("<div>"), xe = /* @__PURE__ */ C("<input type=text aria-hidden=true tabindex=-1>"), Se = {
+	"clip-path": "inset(50%)",
+	overflow: "hidden",
+	"white-space": "nowrap",
+	border: "0",
+	padding: "0",
+	width: "1px",
+	height: "1px",
+	margin: "-1px",
+	position: "fixed",
+	top: "0",
+	left: "0"
+}, Ce = {
+	...Se,
+	position: "absolute"
+};
+function we(e) {
+	let r = h(!0), i = g(), a = _(), d = e, f = e, p = Symbol("OTPField"), m = Symbol("OTPFieldLabel"), ee = `base-ui-${ce()}`, v = `base-ui-${ce()}`, C = O(a.controlId), w = typeof C == "string" ? C : ee, k = O(() => d.value !== void 0), A = O(() => k ? d.value : d.defaultValue), pe = N(A, O(() => d.length), O(() => d.validationType ?? "numeric"), O(() => d.normalizeValue)), [j, me] = D(A), [P, ge] = D(), [F, ve] = D(), [ye, we] = D(Math.min(pe.length, O(() => d.length) - 1)), [I, Oe] = D(!1), [L, ke] = D(0), [Ae, je] = D(), R = /* @__PURE__ */ new Map(), Me = 0, Ne, z, B, Pe = !1, Fe = !1, Ie = 0, Le = le(f, "aria-describedby", "aria-labelledby", "render", "autoComplete", "autoSubmit", "class", "defaultValue", "disabled", "form", "id", "inputMode", "length", "mask", "name", "normalizeValue", "onChange", "onValueChange", "onValueComplete", "onValueInvalid", "readOnly", "ref", "required", "style", "validationType", "value"), V = E(() => d.length), H = E(() => d.validationType ?? "numeric"), U = () => d.normalizeValue, W = E(() => N(k ? d.value : j(), V(), H(), U())), G = E(() => r.disabled() || (d.disabled ?? !1)), K = E(() => d.readOnly ?? !1), Re = E(() => d.required ?? !1), q = E(() => r.name() ?? d.name), J = E(() => d.id ?? w), ze = () => d.autoComplete ?? "one-time-code", Be = () => d.form, Ve = () => d.mask ?? !1, He = E(() => fe(H())), Ue = E(() => He()?.slotPattern), We = E(() => He()?.getRootPattern(V())), Ge = E(() => d.inputMode ?? He()?.inputMode), Ke = E(() => Number.isInteger(V()) && V() > 0), Y = E(() => (L(), Q()[0]?.element)), qe = E(() => I() ? Math.min(ye(), Math.max(V() - 1, 0)) : Math.min(W().length, V() - 1)), X = E(() => ({
+		...r.state(),
+		complete: W().length === V(),
+		disabled: G(),
+		filled: W() !== "",
+		focused: I(),
+		length: V(),
+		readOnly: K(),
+		required: Re(),
+		value: W()
+	})), Je = E(() => s(e.class, X())), Ye = t(e, () => X(), (e) => (() => {
+		var t = ne(be);
+		return oe(t, e, !1), ie(), t;
+	})()), Xe = E(() => c(e.style, X())), Ze = E(() => n(X(), he)), Qe = E(() => d["aria-labelledby"] ?? a.labelId() ?? Ae()), $e = E(() => d["aria-labelledby"] == null ? Qe() : void 0), et = E(() => a.getAriaDescribedBy(d["aria-describedby"])), tt = E(() => a.getAriaDescribedBy(void 0)), nt = O(W), Z = {
+		id: O(J),
+		name: d.name,
+		value: () => B ?? W(),
+		getControl: () => Y() ?? null
+	};
+	function rt() {
+		let e = Symbol("OTPFieldInput"), [t, n] = D(R.size), r = {
+			element: void 0,
+			index: t,
+			setIndex: n,
+			order: Me
+		};
+		return Me += 1, R.set(e, r), at(), {
+			index: t,
+			setElement(e) {
+				r.element = e, it();
+			},
+			unregister() {
+				R.delete(e), it();
+			}
+		};
+	}
+	function Q() {
+		return Array.from(R.values()).sort(Te);
+	}
+	function it() {
+		let e = Q();
+		for (let t = 0; t < e.length; t += 1) e[t]?.setIndex(t);
+		at();
+	}
+	function at() {
+		Fe || (Fe = !0, queueMicrotask(() => {
+			Fe = !1, Pe || ke((e) => e + 1);
+		}));
+	}
+	function $(e) {
+		let t = Q(), n = t[Math.min(Math.max(e, 0), Math.max(t.length - 1, 0))]?.element;
+		n?.focus(), n?.select();
+	}
+	function ot(e, t) {
+		Ne = {
+			index: e,
+			value: t
+		};
+	}
+	function st(e) {
+		let t = J();
+		if (t) return e === 0 ? t : `${t}-${e + 1}`;
+	}
+	function ct(e, t) {
+		if (e > W().length) {
+			$(Math.min(W().length, V() - 1));
+			return;
+		}
+		we(e), Oe(!0), r.setFocused(!0), t.currentTarget.select();
+	}
+	function lt(e) {
+		O(() => {
+			let t = e.relatedTarget, n = P();
+			n && t instanceof Element && Ee(n, t) || (r.setTouched(!0), Oe(!1), r.setFocused(!1), r.validationMode() === "onBlur" && r.validation.commit(W()));
+		});
+	}
+	function ut(e, t) {
+		d.onValueInvalid?.(e, t);
+	}
+	function dt(e, t, n, r, i) {
+		if (e || t || !n) {
+			je(void 0);
+			return;
+		}
+		let a = n.getRootNode(), o = "querySelectorAll" in a ? a : void 0, s = r && o ? Array.from(o.querySelectorAll("label")).find((e) => e.htmlFor === r) : void 0, c = n.closest("label") ?? n.labels?.[0] ?? s;
+		if (!c || !i || c.getRootNode() !== i.getRootNode()) {
+			je(void 0);
+			return;
+		}
+		c.id ||= v, je(c.id || void 0);
+	}
+	function ft(e, t) {
+		let n = N(e, V(), H(), U()), r = (t.reason === "input-change" || t.reason === "input-paste") && n.length === V() && (W().length !== V() || t.reason === "input-paste") ? u(t.reason, t.event) : null;
+		return n === W() ? (r && pt(n, r), null) : (d.onValueChange?.(n, t), t.isCanceled ? null : (k || me(n), r ? z = {
+			value: n,
+			details: r
+		} : n.length !== V() && (z = void 0), n));
+	}
+	function pt(e, t) {
+		let n = d.autoSubmit ?? !1, r = Be(), i = B;
+		B = e;
+		try {
+			d.onValueComplete?.(e, t), n && mt(r, e);
+		} finally {
+			B = i;
+		}
+	}
+	function mt(e, t) {
+		let n = F(), r = Q().flatMap((e) => e.element ?? []), i = n?.form ?? r[0]?.form ?? null;
+		if (e) {
+			let t = P()?.ownerDocument.getElementById(e);
+			t?.tagName === "FORM" && (i = t);
+		}
+		if (!i?.requestSubmit) return;
+		let a = r.map((e) => e.value), o = n?.value;
+		for (let e = 0; e < r.length; e += 1) {
+			let n = r[e];
+			n && (n.value = t[e] ?? "");
+		}
+		n && (n.value = t);
+		try {
+			i.requestSubmit();
+		} finally {
+			for (let e = 0; e < r.length; e += 1) {
+				let t = r[e];
+				t && (t.value = a[e] ?? "");
+			}
+			n && (n.value = o ?? "");
+		}
+	}
+	function ht(e) {
+		if (e.defaultPrevented || G() || K()) {
+			e.currentTarget.value = W();
+			return;
+		}
+		let t = e.currentTarget.value, [n, r] = M(t, V(), H(), U());
+		r && ut(t, u(o, e));
+		let i = ft(n, l(o, e));
+		e.currentTarget.value !== W() && (e.currentTarget.value = W()), i != null && i !== "" && ot(i.length - 1, i);
+	}
+	let gt = {
+		activeIndex: qe,
+		autoComplete: ze,
+		disabled: G,
+		form: Be,
+		focusInput: $,
+		queueFocusInput: ot,
+		getInputId: st,
+		handleInputBlur: lt,
+		handleInputFocus: ct,
+		inputMode: Ge,
+		inputAriaLabelledBy: $e,
+		invalid: () => r.invalid(),
+		length: V,
+		mask: Ve,
+		normalizeValue: U,
+		pattern: Ue,
+		readOnly: K,
+		registerInput: rt,
+		reportValueInvalid: ut,
+		required: Re,
+		setValue: ft,
+		state: X,
+		validationType: H,
+		value: W
+	};
+	return T(() => ({
+		disabled: G(),
+		firstInput: Y(),
+		id: J(),
+		name: d.name
+	}), (e) => O(() => {
+		Z.id = e.id, Z.name = e.name, r.registerFieldControl(p, e.disabled || !e.firstInput ? void 0 : Z), a.registerControlId(m, e.firstInput ? e.id : void 0);
+	})), T(() => ({
+		disabled: G(),
+		input: F()
+	}), (e) => O(() => {
+		if (!(!e.input || e.disabled)) return r.validation.registerInput(p, e.input, () => O(() => Y() ?? null));
+	})), T(() => ({
+		explicit: d["aria-labelledby"],
+		fieldLabel: a.labelId(),
+		input: Y(),
+		inputId: J(),
+		group: P()
+	}), (e) => {
+		dt(e.explicit, e.fieldLabel, e.input, e.inputId, e.group);
+	}), T(() => ({
+		initialValue: r.validityData().initialValue,
+		name: q(),
+		value: W()
+	}), (e) => {
+		if (e.value === nt) return;
+		nt = e.value, O(() => {
+			i.clearError(e.name), r.setDirty(e.value !== e.initialValue), r.setFilled(e.value !== ""), r.validation.change(e.value);
+		});
+		let t = ++Ie;
+		queueMicrotask(() => {
+			if (Pe || t !== Ie) return;
+			let e = O(W), n = Ne;
+			Ne = void 0, n?.value === e && $(n.index);
+			let r = z;
+			z = void 0, r?.value === e && pt(e, r.details);
+		});
+	}), T(() => (L(), {
+		count: R.size,
+		length: V()
+	}), (e) => {
+		De() && Number.isInteger(e.length) && e.length > 0 && e.count !== 0 && e.count !== e.length && console.warn(`<OTPField.Root> \`length\` must match the number of rendered <OTPField.Input /> parts. Received \`length={${e.length}}\` but rendered ${e.count} input${e.count === 1 ? "" : "s"}.`);
+	}), T(() => V(), (e) => {
+		De() && (!Number.isInteger(e) || e <= 0) && console.warn(`<OTPField.Root> \`length\` must be a positive integer. Received \`length={${String(e)}}\`.`);
+	}), T(() => {
+		L();
+		let e = /* @__PURE__ */ new Set(), t = P();
+		t && e.add(t.getRootNode());
+		for (let t of R.values()) t.element && e.add(t.element.getRootNode());
+		return Array.from(e);
+	}, (e) => {
+		if (typeof MutationObserver > "u") return;
+		function t(e) {
+			return e.type === "attributes" ? e.target instanceof HTMLLabelElement || Array.from(R.values()).some((t) => t.element === e.target) : [...e.addedNodes, ...e.removedNodes].some((e) => e instanceof HTMLLabelElement ? !0 : e instanceof Element ? e.querySelector("label") ? !0 : Array.from(R.values()).some((t) => t.element === e || (t.element ? e.contains(t.element) : !1)) : !1);
+		}
+		let n = new MutationObserver((e) => {
+			e.some(t) && (it(), O(() => {
+				dt(d["aria-labelledby"], a.labelId(), Q()[0]?.element, J(), P());
+			}));
+		});
+		for (let t of e) n.observe(t, {
+			attributeFilter: ["for", "id"],
+			attributes: !0,
+			childList: !0,
+			subtree: !0
+		});
+		return () => n.disconnect();
+	}), de(() => O(() => {
+		r.setFilled(W() !== "");
+		let e = Q()[0]?.element;
+		Z.id = J(), Z.name = d.name, r.registerFieldControl(p, G() || !e ? void 0 : Z), a.registerControlId(m, e ? J() : void 0), dt(d["aria-labelledby"], a.labelId(), e, J(), P());
+	})), ue(() => {
+		Pe = !0, r.registerFieldControl(p, void 0), a.registerControlId(m, void 0);
+	}), te(_e, {
+		value: gt,
+		get children() {
+			return [te(Ye, re({
+				ref: [((e) => ge(e)), d.ref],
+				get class() {
+					return Je();
+				},
+				get style() {
+					return Xe();
+				},
+				role: "group",
+				get "aria-describedby"() {
+					return et();
+				},
+				get "aria-labelledby"() {
+					return Qe();
+				}
+			}, Ze, Le)), b(() => b(() => !!Ke())() ? (() => {
+				var e = ne(xe);
+				return e.$$input = ht, e.addEventListener("focus", () => $(0)), x(() => (e) => ve(e), e), y(() => ({
+					e: J() && q() == null ? `${J()}-hidden-input` : void 0,
+					t: Be(),
+					a: q(),
+					o: W(),
+					i: ze(),
+					n: Ge(),
+					s: V(),
+					h: V(),
+					r: We(),
+					d: G(),
+					l: K(),
+					u: Re(),
+					c: tt(),
+					w: X().valid === !1 && !G() ? "true" : void 0,
+					m: q() ? Ce : Se
+				}), ({ e: t, t: n, a: r, o: i, i: a, n: o, s, h: c, r: l, d: u, l: d, u: f, c: p, w: m, m: h }, g) => {
+					t !== g?.e && S(e, "id", t), n !== g?.t && S(e, "form", n), r !== g?.a && S(e, "name", r), ae(e, "value", i), a !== g?.i && S(e, "autocomplete", a), o !== g?.n && S(e, "inputmode", o), s !== g?.s && S(e, "minlength", s), c !== g?.h && S(e, "maxlength", c), l !== g?.r && S(e, "pattern", l), u !== g?.d && S(e, "disabled", u), d !== g?.l && S(e, "readonly", d), f !== g?.u && S(e, "required", f), p !== g?.c && S(e, "aria-describedby", p), m !== g?.w && S(e, "aria-invalid", m), se(e, h, g?.m);
+				}), ie(), e;
+			})() : Ke())];
+		}
+	});
+}
+function Te(e, t) {
+	if (!e.element || !t.element || e.element === t.element) return e.order - t.order;
+	let n = e.element.compareDocumentPosition(t.element);
+	return n & Node.DOCUMENT_POSITION_DISCONNECTED ? e.order - t.order : n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : e.order - t.order;
+}
+function Ee(e, t) {
+	if (e.contains(t)) return !0;
+	let n = t;
+	for (; n;) {
+		if (n === e) return !0;
+		n = n.parentNode ?? (n instanceof ShadowRoot ? n.host : null);
+	}
+	return !1;
+}
+function De() {
+	return !1;
+}
+v(["input"]);
+//#endregion
+//#region src/otp-field/input/OTPFieldInput.tsx
+var I = /* @__PURE__ */ C("<input>");
+function Oe(e) {
+	let m = ve(), h = p(), g = m.registerInput(), _ = e, ee = le(e, "aria-label", "aria-labelledby", "render", "class", "defaultChecked", "defaultValue", "index", "onBlur", "onFocus", "onInput", "onKeyDown", "onMouseDown", "onPaste", "ref", "style"), v = g.index, y = E(() => m.value()[v()] ?? ""), x = E(() => ye(m.state(), y(), v())), S = E(() => s(e.class, x())), ae = t(e, () => x(), (e) => (() => {
+		var t = ne(I);
+		return oe(t, e, !1), ie(), t;
+	})()), se = E(() => c(e.style, x())), C = E(() => n(x(), ge)), w = E(() => v() === 0 ? void 0 : _["aria-label"]), ce = E(() => _["aria-labelledby"] ?? m.inputAriaLabelledBy()), [de, O] = D(), k = d(f(() => _.onMouseDown), he), A = d(f(() => _.onFocus), F), fe = d(f(() => _.onBlur), _e), pe = d(f(() => _.onInput), be), j = d(f(() => _.onKeyDown), xe), N = d(f(() => _.onPaste), Se);
+	function he(e) {
+		e.defaultPrevented || m.disabled() || (e.preventDefault(), m.focusInput(v()));
+	}
+	function F(e) {
+		e.defaultPrevented || m.disabled() || m.handleInputFocus(v(), e);
+	}
+	function _e(e) {
+		e.defaultPrevented || m.handleInputBlur(e);
+	}
+	function be(e) {
+		if (e.defaultPrevented || m.disabled() || m.readOnly()) {
+			e.currentTarget.value = y();
+			return;
+		}
+		let t = e.currentTarget.value, [n, r] = M(t, m.length(), m.validationType(), m.normalizeValue());
+		if (r && m.reportValueInvalid(t, u(o, e)), n === "") {
+			t === "" ? (m.setValue(P(m.value(), v()), l(a, e)), e.currentTarget.value = y()) : (e.currentTarget.value = y(), y() !== "" && e.currentTarget.select());
+			return;
+		}
+		let i = me(m.value(), v(), n, m.length(), m.validationType(), m.normalizeValue()), s = m.setValue(i, l(o, e));
+		e.currentTarget.value !== y() && (e.currentTarget.value = y()), s != null && m.queueFocusInput(Math.min(v() + n.length, m.length() - 1), s);
+	}
+	function xe(e) {
+		if (e.defaultPrevented || m.disabled()) return;
+		let t = Math.max(m.length() - 1, 0), n = Math.min(m.value().length, t), r = (e.ctrlKey || e.metaKey) && !e.altKey, a = h() === "rtl" ? "ArrowRight" : "ArrowLeft", o = h() === "rtl" ? "ArrowLeft" : "ArrowRight";
+		if (e.key === a) {
+			L(e), m.focusInput(r ? 0 : Math.max(0, v() - 1));
+			return;
+		}
+		if (e.key === o) {
+			L(e), m.focusInput(r ? n : Math.min(t, v() + 1));
+			return;
+		}
+		if (e.key === "Home" || e.key === "ArrowUp") {
+			L(e), m.focusInput(0);
+			return;
+		}
+		if (e.key === "End" || e.key === "ArrowDown") {
+			L(e), m.focusInput(n);
+			return;
+		}
+		if (m.readOnly()) return;
+		let s = (t, n) => {
+			let r = m.setValue(t, l(i, e));
+			r != null && m.queueFocusInput(n, r);
+		};
+		if (e.key === "Backspace" && r) {
+			L(e), s("", 0);
+			return;
+		}
+		if (e.key === "Delete") {
+			L(e), s(P(m.value(), v()), v());
+			return;
+		}
+		let c = e.currentTarget.value, u = e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === c.length;
+		if (e.key.length === 1 && u && y() === e.key) {
+			L(e), v() < m.length() - 1 && m.focusInput(v() + 1);
+			return;
+		}
+		if (e.key === "Backspace") {
+			L(e);
+			let t = Math.max(0, v() - 1), n = y() === "" ? t : v();
+			s(P(m.value(), n), t);
+		}
+	}
+	function Se(e) {
+		if (e.defaultPrevented || m.disabled() || m.readOnly()) return;
+		let t = "";
+		try {
+			t = e.clipboardData?.getData("text/plain") ?? "";
+		} catch {
+			ke() && console.warn("<OTPField.Input> could not read clipboard text during paste handling.");
+			return;
+		}
+		e.preventDefault();
+		let [n, i] = M(t, m.length(), m.validationType(), m.normalizeValue());
+		if (i && m.reportValueInvalid(t, u(r, e)), n === "") return;
+		let a = m.setValue(me(m.value(), v(), n, m.length(), m.validationType(), m.normalizeValue()), l(r, e));
+		a != null && m.queueFocusInput(Math.min(v() + n.length, m.length() - 1), a);
+	}
+	return T(() => ({
+		element: de(),
+		index: v(),
+		label: _["aria-label"]
+	}), (e) => {
+		ke() && e.element && e.index === 0 && e.label != null && !e.element.labels?.length && console.warn("<OTPField.Input> ignores `aria-label` on the first input. Use a `<label>` or `<Field.Label>` to label the OTP field.");
+	}), ue(g.unregister), te(ae, re({
+		ref: [((e) => {
+			O(e), g.setElement(e);
+		}), _.ref],
+		get id() {
+			return m.getInputId(v());
+		},
+		get value() {
+			return y();
+		},
+		get type() {
+			return m.mask() ? "password" : "text";
+		},
+		get inputmode() {
+			return m.inputMode();
+		},
+		get autocomplete() {
+			return b(() => v() === 0)() ? m.autoComplete() : "off";
+		},
+		autocorrect: "off",
+		spellcheck: !1,
+		get enterkeyhint() {
+			return v() === m.length() - 1 ? "done" : "next";
+		},
+		get maxlength() {
+			return b(() => v() === 0)() ? m.length() : void 0;
+		},
+		get tabindex() {
+			return m.activeIndex() === v() ? 0 : -1;
+		},
+		get disabled() {
+			return m.disabled();
+		},
+		get form() {
+			return m.form();
+		},
+		get pattern() {
+			return m.pattern();
+		},
+		get readonly() {
+			return m.readOnly();
+		},
+		get required() {
+			return m.required();
+		},
+		get "aria-labelledby"() {
+			return b(() => w() == null)() ? ce() : void 0;
+		},
+		get "aria-invalid"() {
+			return !m.disabled() && m.invalid() ? "true" : void 0;
+		},
+		get "aria-label"() {
+			return w();
+		},
+		get class() {
+			return S();
+		},
+		get style() {
+			return se();
+		},
+		onMouseDown: k,
+		onFocus: A,
+		onBlur: fe,
+		onInput: pe,
+		onKeyDown: j,
+		onPaste: N
+	}, C, ee));
+}
+function L(e) {
+	e.preventDefault(), e.stopPropagation();
+}
+function ke() {
+	return !1;
+}
+//#endregion
+//#region src/otp-field/index.parts.ts
+var Ae = /* @__PURE__ */ e({
+	Input: () => Oe,
+	Root: () => we,
+	Separator: () => ee
+});
+//#endregion
+export { Ae as t };

package/dist/lib/client/popover/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../popover-CQwyp-fs.js";
+import { t as e } from "../popover-Cmvmuf1L.js";
 export { e as Popover };