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

package/dist/lib/client/otp-field-D-B9tZzF.js

@@ -1,584 +0,0 @@
-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 };