solid-baseui 0.1.0-alpha.0

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

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

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

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

package/dist/lib/client/platform-Bk5Q32mf.js

@@ -0,0 +1,13 @@
+//#region src/internals/platform.ts
+function e() {
+	return typeof navigator > "u" ? "" : navigator.platform.toLowerCase();
+}
+function t() {
+	return typeof navigator > "u" ? "" : navigator.userAgent.toLowerCase();
+}
+var n = "android";
+function r() {
+	return e() === n || t().includes(n);
+}
+//#endregion
+export { r as t };

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

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