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

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-D-B9tZzF.js";
 export { e as OTPField };

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