@slotted/react 0.1.0-beta.1 → 0.1.0-beta.10

package/dist/number-field-BYQmPyM-.js

@@ -0,0 +1,345 @@
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+import { b as i } from "./field-CzSGs7wo.js";
+import { keyedProps as a, selectorKeyProps as o, withSelectorKey as ee } from "@slotted/core/selector-key";
+import { createControllable as te } from "@slotted/core/state";
+import { createContext as s, createElement as c, useCallback as l, useContext as u, useEffect as d, useImperativeHandle as ne, useLayoutEffect as re, useMemo as ie, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as ae } from "react/jsx-runtime";
+import { numberFieldMessages as oe } from "@slotted/core/i18n";
+import { clamp as se } from "@slotted/core/measure";
+import { STEP_REPEAT_DELAY as ce, STEP_REPEAT_DELAY_COARSE as le, STEP_REPEAT_INTERVAL as ue, createNumberFormat as de, createScrub as fe, snapToStep as pe, stepNumber as me } from "@slotted/core/number";
+//#region src/number-field/number-field-defaults.tsx
+var h = s({
+	clamp: "blur",
+	formatOn: "change",
+	size: "md",
+	stepper: "stacked",
+	variant: "outline"
+});
+function g() {
+	return u(h);
+}
+function he({ children: e, ...t }) {
+	let n = g();
+	return /* @__PURE__ */ m(h.Provider, {
+		value: {
+			clamp: t.clamp ?? n.clamp,
+			formatOn: t.formatOn ?? n.formatOn,
+			size: t.size ?? n.size,
+			stepper: t.stepper ?? n.stepper,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/number-field/number-field.tsx
+var ge = s(null);
+function _e(e) {
+	return e === 0 ? "keyboard" : "pointer";
+}
+function ve({ "aria-describedby": s, "aria-invalid": u, "aria-required": h, className: he, clamp: ve, defaultValue: _ = null, disabled: ye, end: v, form: be, format: y, formatOn: xe, handle: Se, id: Ce, inputMode: we, invalid: Te, largeStep: Ee, locale: De, max: b, messages: Oe, min: x, name: ke, onBlur: Ae, onChange: je, onKeyDown: Me, onValueChange: Ne, readOnly: Pe, ref: S, render: Fe, size: Ie, smallStep: Le, snapToStep: C = !1, start: w, step: T = 1, stepFrom: E, stepper: Re, style: ze, value: D, variant: Be, wheel: Ve = !1, ...He }) {
+	let O = i(), k = g(), Ue = r(oe, Oe), We = n(), A = f(null), Ge = Ie ?? O?.size ?? k.size, Ke = Be ?? k.variant, j = Re ?? k.stepper, M = ve ?? k.clamp, qe = xe ?? k.formatOn, Je = De ?? We, N = ye ?? O?.disabled, P = Pe ?? O?.readOnly, Ye = y === void 0 ? "" : JSON.stringify(y), F = ie(() => de({
+		locale: Je,
+		...y === void 0 ? {} : { options: y }
+	}), [
+		Je,
+		Ye,
+		y
+	]), [Xe, I] = p(_), L = D === void 0 ? Xe : D, R = Te ?? (M === "none" && L !== null && (x !== void 0 && L < x || b !== void 0 && L > b) || O?.invalid), [z, B] = p(() => F.format(L)), V = Ee ?? T * 10, Ze = Le ?? T / 10, Qe = O?.registerControl;
+	d(() => Qe?.(), [Qe]);
+	let H = l((e, t, n) => {
+		let r = te({
+			controlled: D,
+			initial: L,
+			onRequest: (e) => Ne?.(e.value, e)
+		}).request(e, t, n);
+		return r && I(e), r;
+	}, [
+		L,
+		Ne,
+		D
+	]), U = l((e, t) => {
+		B(F.format(t ? e : L));
+	}, [L, F]), $e = l((e, t) => {
+		let n = F.parse(z);
+		n !== null && (n = F.parse(F.format(n)) ?? n, C && (n = pe(n, T, x ?? 0)), M !== "none" && (n = se(n, x ?? -Infinity, b ?? Infinity))), U(n, H(n, e, t));
+	}, [
+		F,
+		b,
+		x,
+		H,
+		M,
+		U,
+		C,
+		T,
+		z
+	]), W = l((e, t, n, r, i = F.parse(z)) => {
+		let a = me({
+			value: i,
+			direction: e,
+			step: t,
+			...x === void 0 ? {} : { min: x },
+			...b === void 0 ? {} : { max: b },
+			...E === void 0 ? {} : { stepFrom: E },
+			snapToStep: C
+		});
+		return U(a, H(a, n, r)), a;
+	}, [
+		F,
+		b,
+		x,
+		H,
+		U,
+		C,
+		E,
+		z
+	]);
+	ne(Se, () => ({
+		increment: () => W(1, T, "programmatic", void 0),
+		decrement: () => W(-1, T, "programmatic", void 0)
+	}), [W, T]), d(() => {
+		let e = A.current?.form;
+		if (e == null) return;
+		let t = () => {
+			I(_), B(F.format(_));
+		};
+		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
+	}, [_, F]);
+	let G = f(z);
+	G.current = z, d(() => {
+		D !== void 0 && (Object.is(D, F.parse(G.current)) || B(F.format(D)));
+	}, [F, D]), d(() => {
+		let e = A.current;
+		if (e === null) return;
+		let t = (t) => {
+			if (t.defaultPrevented || t.isComposing || t.inputType.startsWith("delete")) return;
+			let n = e.selectionStart ?? e.value.length, r = e.selectionEnd ?? e.value.length, i = e.value.slice(0, n) + (t.data ?? "") + e.value.slice(r);
+			if (!F.isPartial(i)) {
+				t.preventDefault();
+				return;
+			}
+			if (M !== "strict") return;
+			let a = F.parse(i);
+			a !== null && (x !== void 0 && a < x || b !== void 0 && a > b) && t.preventDefault();
+		};
+		return e.addEventListener("beforeinput", t), () => e.removeEventListener("beforeinput", t);
+	}, [
+		F,
+		b,
+		x,
+		M
+	]), d(() => {
+		let e = A.current;
+		if (e === null || !Ve || N === !0 || P === !0) return;
+		let t = (t) => {
+			document.activeElement === e && t.deltaY !== 0 && (t.preventDefault(), W(t.deltaY < 0 ? 1 : -1, T, "pointer", t));
+		};
+		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
+	}, [
+		W,
+		N,
+		P,
+		T,
+		Ve
+	]);
+	let K = f(null);
+	re(() => {
+		let e = K.current;
+		if (e === null) return;
+		K.current = null;
+		let t = A.current;
+		t !== null && t.ownerDocument.activeElement === t && t.setSelectionRange(e, e);
+	});
+	let q = f({}), J = l(() => {
+		window.clearTimeout(q.current.delay), window.clearInterval(q.current.interval), q.current = {};
+	}, []);
+	d(() => J, [J]);
+	let Y = F.parse(z), et = b !== void 0 && Y !== null && Y >= b, tt = x !== void 0 && Y !== null && Y <= x, X = N === !0 || P === !0, nt = (e) => (t) => {
+		if (t.button !== 0) return;
+		t.preventDefault(), A.current?.focus(), W(e, T, _e(t.detail), t), J();
+		let n = t.pointerType === "touch" ? le : ce;
+		q.current.delay = window.setTimeout(() => {
+			q.current.interval = window.setInterval(() => {
+				W(e, T, "pointer", void 0);
+			}, ue);
+		}, n);
+	}, [rt, it] = p(!1), Z = f(null), at = {
+		inert: X,
+		begin: (e, t) => {
+			if (e.button !== 0 || X) return;
+			e.preventDefault(), A.current?.focus(), e.currentTarget.setPointerCapture?.(e.pointerId);
+			let n = A.current;
+			Z.current = {
+				travel: fe({
+					clientX: e.clientX,
+					...t === void 0 ? {} : { sensitivity: t },
+					rtl: n !== null && getComputedStyle(n).direction === "rtl"
+				}),
+				from: F.parse(z)
+			}, it(!0);
+		},
+		drag: (e) => {
+			let t = Z.current;
+			if (t === null) return;
+			let n = t.travel.steps(e.clientX);
+			if (n === 0) return;
+			let r = e.shiftKey ? V : e.altKey ? Ze : T;
+			t.from = W(n > 0 ? 1 : -1, r * Math.abs(n), "pointer", e, t.from);
+		},
+		end: () => {
+			Z.current !== null && (Z.current = null, it(!1));
+		}
+	}, ot = (e) => {
+		if (Me?.(e), e.defaultPrevented || X) return;
+		let t = e.shiftKey ? V : e.altKey ? Ze : T;
+		switch (e.key) {
+			case "ArrowUp":
+				e.preventDefault(), W(1, t, "keyboard", e);
+				return;
+			case "ArrowDown":
+				e.preventDefault(), W(-1, t, "keyboard", e);
+				return;
+			case "PageUp":
+				e.preventDefault(), W(1, V, "keyboard", e);
+				return;
+			case "PageDown":
+				e.preventDefault(), W(-1, V, "keyboard", e);
+				return;
+			case "Home":
+				if (x === void 0 || e.ctrlKey || e.metaKey) return;
+				e.preventDefault(), U(x, H(x, "keyboard", e));
+				return;
+			case "End":
+				if (b === void 0 || e.ctrlKey || e.metaKey) return;
+				e.preventDefault(), U(b, H(b, "keyboard", e));
+				return;
+			case "Enter":
+				$e("keyboard", e);
+				return;
+		}
+	}, st = x === void 0 || x < 0 ? "text" : F.maximumFractionDigits > 0 ? "decimal" : "numeric", Q = (n) => {
+		let r = n === 1 ? "increment" : "decrement";
+		return /* @__PURE__ */ c("button", {
+			"aria-controls": Ce ?? O?.ids.control,
+			"aria-label": Ue(r),
+			"data-part": r,
+			...o("part", r),
+			disabled: X || (n === 1 ? et : tt),
+			key: r,
+			onLostPointerCapture: J,
+			onPointerCancel: J,
+			onPointerDown: nt(n),
+			onPointerLeave: J,
+			onPointerUp: J,
+			tabIndex: -1,
+			type: "button"
+		}, /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: j === "split" ? n === 1 ? "plus" : "minus" : "chevron-down" }) }));
+	}, ct = /* @__PURE__ */ m("input", {
+		autoComplete: "off",
+		autoCorrect: "off",
+		spellCheck: !1,
+		...ee(He, "part", "input"),
+		"aria-describedby": [s, O?.describedBy].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": u ?? (R === !0 || void 0),
+		"aria-required": h ?? (O?.required === !0 || void 0),
+		"aria-valuemax": b,
+		"aria-valuemin": x,
+		"aria-valuenow": Y ?? void 0,
+		"aria-valuetext": z === "" ? void 0 : z,
+		disabled: N,
+		id: Ce ?? O?.ids.control,
+		inputMode: we ?? st,
+		onBlur: (e) => {
+			Ae?.(e), $e("blur", e);
+		},
+		onChange: (e) => {
+			je?.(e);
+			let t = e.currentTarget, n = t.value, r = e.nativeEvent;
+			if (qe !== "change" || r.isComposing) {
+				B(n), H(F.parse(n), "keyboard", e);
+				return;
+			}
+			let i = t.selectionStart ?? n.length, a = r.inputType?.startsWith("delete") === !0 ? F.deleteAcrossSeparator(z, {
+				text: n,
+				caret: i
+			}, r.inputType === "deleteContentForward" ? 1 : -1) : {
+				text: n,
+				caret: i
+			}, o = F.formatWhileTyping(a);
+			t.value !== o.text && (t.value = o.text), t.ownerDocument.activeElement === t && t.setSelectionRange(o.caret, o.caret), B(o.text), K.current = o.caret, H(F.parse(o.text), "keyboard", e);
+		},
+		onKeyDown: ot,
+		readOnly: P,
+		ref: (e) => {
+			A.current = e, typeof S == "function" ? S(e) : S != null && (S.current = e);
+		},
+		role: "spinbutton",
+		type: "text",
+		value: z
+	}), $ = j === "none" ? null : j === "split" ? [Q(-1), Q(1)] : [/* @__PURE__ */ ae("span", {
+		"data-part": "stepper",
+		"data-part-stepper": "",
+		children: [Q(1), Q(-1)]
+	}, "stepper")], lt = /* @__PURE__ */ ae(ge.Provider, {
+		value: at,
+		children: [
+			j === "split" ? $?.[0] : null,
+			w === void 0 ? null : /* @__PURE__ */ m("span", {
+				"data-part": "start",
+				"data-part-start": "",
+				children: w
+			}),
+			ct,
+			v === void 0 ? null : /* @__PURE__ */ m("span", {
+				"data-part": "end",
+				"data-part-end": "",
+				children: v
+			}),
+			j === "split" ? $?.[1] : $,
+			ke === void 0 ? null : /* @__PURE__ */ m("input", {
+				form: be,
+				name: ke,
+				type: "hidden",
+				value: L === null ? "" : String(L)
+			})
+		]
+	}), ut = a({
+		children: lt,
+		className: he,
+		style: ze,
+		...N === !0 ? { "data-disabled": "" } : {},
+		...R === !0 ? { "data-invalid": "" } : {},
+		...P === !0 ? { "data-readonly": "" } : {},
+		...rt ? { "data-scrubbing": "" } : {},
+		"data-part": "root",
+		"data-size": Ge,
+		"data-stepper": j,
+		"data-ui": "number-field",
+		"data-variant": Ke
+	});
+	return Fe === void 0 ? /* @__PURE__ */ m("div", { ...ut }) : Fe(ut);
+}
+function _({ "aria-hidden": e = !0, onLostPointerCapture: t, onPointerCancel: n, onPointerDown: r, onPointerMove: i, onPointerUp: a, sensitivity: o, ...te }) {
+	let s = u(ge);
+	if (s === null) throw Error("NumberFieldScrub belongs in the start or end of a NumberField.");
+	let [c, l] = p(!1), d = (e) => (t) => {
+		e?.(t), l(!1), s.end();
+	};
+	return /* @__PURE__ */ m("span", {
+		...ee(te, "part", "scrub"),
+		"aria-hidden": e,
+		"data-scrubbing": c ? "" : void 0,
+		onLostPointerCapture: d(t),
+		onPointerCancel: d(n),
+		onPointerDown: (e) => {
+			r?.(e), !(e.defaultPrevented || s.inert || e.button !== 0) && (s.begin(e, o), l(!0));
+		},
+		onPointerMove: (e) => {
+			i?.(e), s.drag(e);
+		},
+		onPointerUp: d(a)
+	});
+}
+//#endregion
+export { g as i, _ as n, he as r, ve as t };

package/dist/number-field.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./number-field-J_koud1r.js";
+import { i as e, n as t, r as n, t as r } from "./number-field-BYQmPyM-.js";
 export { r as NumberField, n as NumberFieldDefaultsProvider, t as NumberFieldScrub, e as useNumberFieldDefaults };

package/dist/{otp-input-Bf8JUiVR.js → otp-input-BKO0WPZc.js}

@@ -1,10 +1,11 @@
-import { b as e } from "./field-BJh5HI7w.js";
-import { createControllable as t } from "@slotted/core/state";
-import { createContext as n, useContext as r, useEffect as i, useRef as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { currentSlots as u, normalizeSelection as ee, sanitize as d, spreadPlaceholder as te } from "@slotted/core/otp";
+import { b as e } from "./field-CzSGs7wo.js";
+import { keyedProps as t, withSelectorKey as n } from "@slotted/core/selector-key";
+import { createControllable as r } from "@slotted/core/state";
+import { createContext as i, useContext as a, useEffect as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as ee } from "react/jsx-runtime";
+import { currentSlots as d, normalizeSelection as te, sanitize as f, spreadPlaceholder as p } from "@slotted/core/otp";
 //#region src/otp-input/otp-input-defaults.tsx
-var f = n({
+var m = i({
 	attached: !1,
 	length: 6,
 	placeholder: "",
@@ -12,12 +13,12 @@ var f = n({
 	type: "numeric",
 	variant: "outline"
 });
-function p() {
-	return r(f);
+function h() {
+	return a(m);
 }
-function m({ children: e, ...t }) {
-	let n = p();
-	return /* @__PURE__ */ c(f.Provider, {
+function g({ children: e, ...t }) {
+	let n = h();
+	return /* @__PURE__ */ u(m.Provider, {
 		value: {
 			attached: t.attached ?? n.attached,
 			length: t.length ?? n.length,
@@ -35,34 +36,34 @@ var ne = "•";
 function re(e, t) {
 	return t === void 0 ? [e] : t.reduce((e, t) => e + t, 0) === e && t.every((e) => e > 0) ? [...t] : [e];
 }
-function h({ "aria-describedby": n, "aria-invalid": r, "aria-required": f, attached: m, autoComplete: h = "one-time-code", autoSubmit: g = !1, className: ie, defaultValue: ae, disabled: _, groups: v, id: y, inputMode: b, invalid: oe, length: se, mask: x = !1, onBlur: ce, onChange: le, onComplete: S, onDragStart: ue, onFocus: de, onRejected: fe, onValueChange: pe, pattern: me, placeholder: he, readOnly: ge, ref: C, render: w, size: _e, spellCheck: ve = !1, style: ye, transform: be, type: xe, value: T, variant: E, webOtp: D = !1, ...O }) {
-	let k = e(), A = p(), j = a(null), M = se ?? A.length, N = xe ?? A.type, Se = _e ?? k?.size ?? A.size, Ce = E ?? A.variant, we = m ?? A.attached, Te = he ?? A.placeholder, P = _ ?? k?.disabled, F = ge ?? k?.readOnly, I = oe ?? k?.invalid, L = {
+function _({ "aria-describedby": i, "aria-invalid": a, "aria-required": m, attached: g, autoComplete: _ = "one-time-code", autoSubmit: v = !1, className: ie, defaultValue: ae, disabled: y, groups: oe, id: se, inputMode: ce, invalid: le, length: ue, mask: b = !1, onBlur: de, onChange: x, onComplete: S, onDragStart: fe, onFocus: pe, onRejected: me, onValueChange: he, pattern: ge, placeholder: _e, readOnly: ve, ref: C, render: w, size: ye, spellCheck: be = !1, style: xe, transform: Se, type: Ce, value: T, variant: E, webOtp: D = !1, ...O }) {
+	let k = e(), A = h(), j = s(null), M = ue ?? A.length, N = Ce ?? A.type, we = ye ?? k?.size ?? A.size, Te = E ?? A.variant, Ee = g ?? A.attached, De = _e ?? A.placeholder, P = y ?? k?.disabled, F = ve ?? k?.readOnly, I = le ?? k?.invalid, L = {
 		length: M,
-		pattern: me,
-		transform: be,
+		pattern: ge,
+		transform: Se,
 		type: N
-	}, R = d(ae ?? "", L).value, [Ee, z] = o(R), [B, V] = o(null), [H, U] = o(!1), W = a(null), G = (T ?? Ee).slice(0, M), K = k?.registerControl;
-	i(() => K?.(), [K]), i(() => {
+	}, R = f(ae ?? "", L).value, [Oe, z] = c(R), [B, V] = c(null), [H, U] = c(!1), W = s(null), G = (T ?? Oe).slice(0, M), K = k?.registerControl;
+	o(() => K?.(), [K]), o(() => {
 		let e = j.current?.form;
 		if (e == null) return;
 		let t = () => z(R);
 		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
 	}, [R]);
-	let q = (e, n, r) => {
-		t({
+	let q = (e, t, n) => {
+		r({
 			controlled: T,
 			initial: G,
-			onRequest: (e) => pe?.(e.value, e)
-		}).request(e, n, r) && z(e);
-	}, J = a(null);
-	i(() => {
+			onRequest: (e) => he?.(e.value, e)
+		}).request(e, t, n) && z(e);
+	}, J = s(null);
+	o(() => {
 		if (G.length !== M) {
 			J.current = null;
 			return;
 		}
-		J.current !== G && (J.current = G, S?.(G), g && j.current?.form?.requestSubmit());
+		J.current !== G && (J.current = G, S?.(G), v && j.current?.form?.requestSubmit());
 	}, [
-		g,
+		v,
 		G,
 		M,
 		S
@@ -70,7 +71,7 @@ function h({ "aria-describedby": n, "aria-invalid": r, "aria-required": f, attac
 	let Y = () => {
 		let e = j.current;
 		if (e === null) return;
-		let t = e.selectionStart ?? e.value.length, n = e.selectionEnd ?? t, r = ee({
+		let t = e.selectionStart ?? e.value.length, n = e.selectionEnd ?? t, r = te({
 			start: t,
 			end: n,
 			valueLength: e.value.length,
@@ -84,13 +85,13 @@ function h({ "aria-describedby": n, "aria-invalid": r, "aria-required": f, attac
 		};
 		W.current = i, V(i);
 	};
-	i(() => {
+	o(() => {
 		if (!H) return;
 		let e = () => {
 			document.activeElement === j.current && Y();
 		};
 		return document.addEventListener("selectionchange", e, { capture: !0 }), () => document.removeEventListener("selectionchange", e, { capture: !0 });
-	}, [H, M]), i(() => {
+	}, [H, M]), o(() => {
 		if (!D || typeof window > "u" || !("OTPCredential" in window)) return;
 		let e = new AbortController(), t = j.current?.form ?? null, n = () => e.abort();
 		return t?.addEventListener("submit", n), navigator.credentials.get({
@@ -99,15 +100,15 @@ function h({ "aria-describedby": n, "aria-invalid": r, "aria-required": f, attac
 		}).then((e) => {
 			let t = e?.code;
 			if (t === void 0) return;
-			let n = d(t, L).value, r = j.current;
+			let n = f(t, L).value, r = j.current;
 			T === void 0 && r !== null && (r.value = n), q(n, "programmatic", e);
 		}).catch(() => void 0), () => {
 			t?.removeEventListener("submit", n), e.abort();
 		};
 	}, [D]);
-	let De = (e) => {
-		let t = e.currentTarget, { rejected: n, value: r } = d(t.value, L);
-		if (n !== "" && fe?.(n, e), r !== t.value) {
+	let ke = (e) => {
+		let t = e.currentTarget, { rejected: n, value: r } = f(t.value, L);
+		if (n !== "" && me?.(n, e), r !== t.value) {
 			let e = Math.min(t.selectionStart ?? r.length, r.length);
 			t.value = r, t.setSelectionRange(e, e);
 		}
@@ -115,14 +116,14 @@ function h({ "aria-describedby": n, "aria-invalid": r, "aria-required": f, attac
 		W.current = {
 			start: i,
 			end: i
-		}, le?.(e), q(r, "keyboard", e), Y();
-	}, Oe = (e) => {
-		de?.(e), U(!0);
+		}, x?.(e), q(r, "keyboard", e), Y();
+	}, Ae = (e) => {
+		pe?.(e), U(!0);
 		let t = e.currentTarget, n = t.value.length;
 		t.setSelectionRange(Math.min(n, M - 1), n), W.current = null, Y();
-	}, ke = (e) => {
-		ce?.(e), U(!1), V(null), W.current = null;
-	}, Ae = (e) => {
+	}, je = (e) => {
+		de?.(e), U(!1), V(null), W.current = null;
+	}, Me = (e) => {
 		let t = j.current;
 		if (t === null || t.disabled || typeof document.elementsFromPoint != "function") return;
 		let n = document.elementsFromPoint(e.clientX, e.clientY).find((t) => t instanceof HTMLElement && t.dataset.part === "slot" && t.closest("[data-ui='otp-input']") === e.currentTarget);
@@ -132,74 +133,76 @@ function h({ "aria-describedby": n, "aria-invalid": r, "aria-required": f, attac
 		t.focus();
 		let i = r < t.value.length ? r + 1 : r;
 		W.current = null, t.setSelectionRange(r, i), Y();
-	}, je = /* @__PURE__ */ c("input", {
-		...O,
-		"aria-describedby": [n, k?.describedBy].filter(Boolean).join(" ") || void 0,
-		"aria-invalid": r ?? (I === !0 || void 0),
-		"aria-required": f ?? (k?.required === !0 || void 0),
-		autoComplete: h,
-		"data-part": "input",
+	}, Ne = /* @__PURE__ */ u("input", {
+		...n(O, "part", "input"),
+		"aria-describedby": [i, k?.describedBy].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": a ?? (I === !0 || void 0),
+		"aria-required": m ?? (k?.required === !0 || void 0),
+		autoComplete: _,
 		disabled: P,
-		id: y ?? k?.ids.control,
-		inputMode: b ?? (N === "numeric" ? "numeric" : "text"),
+		id: se ?? k?.ids.control,
+		inputMode: ce ?? (N === "numeric" ? "numeric" : "text"),
 		maxLength: M,
-		onBlur: ke,
-		onChange: De,
+		onBlur: je,
+		onChange: ke,
 		onDragStart: (e) => {
-			ue?.(e), e.preventDefault();
+			fe?.(e), e.preventDefault();
 		},
-		onFocus: Oe,
+		onFocus: Ae,
 		readOnly: F,
 		ref: (e) => {
 			j.current = e, typeof C == "function" ? C(e) : C != null && (C.current = e);
 		},
-		spellCheck: ve,
-		type: x ? "password" : "text",
+		spellCheck: be,
+		type: b ? "password" : "text",
 		...T === void 0 ? { defaultValue: R } : { value: G }
-	}), X = te(Te, M), Me = new Set(H && B !== null ? u({
+	}), X = p(De, M), Pe = new Set(H && B !== null ? d({
 		...B,
 		length: M,
 		valueLength: G.length
 	}) : []), Z = [], Q = 0;
-	for (let [e, t] of re(M, v).entries()) {
-		e > 0 && Z.push(/* @__PURE__ */ c("div", {
+	for (let [e, t] of re(M, oe).entries()) {
+		e > 0 && Z.push(/* @__PURE__ */ u("div", {
 			"aria-hidden": "true",
-			"data-part": "separator"
+			"data-part": "separator",
+			"data-part-separator": ""
 		}, `separator-${e}`));
 		let n = [];
 		for (let e = 0; e < t; e += 1, Q += 1) {
-			let e = G[Q] ?? "", t = e === "" ? "" : x ? ne : e;
-			n.push(/* @__PURE__ */ c("div", {
+			let e = G[Q] ?? "", t = e === "" ? "" : b ? ne : e;
+			n.push(/* @__PURE__ */ u("div", {
 				"data-index": Q,
 				"data-part": "slot",
-				...Me.has(Q) ? { "data-current": "" } : {},
+				"data-part-slot": "",
+				...Pe.has(Q) ? { "data-current": "" } : {},
 				...t === "" && X[Q] !== "" ? { "data-placeholder": X[Q] } : {},
 				children: t
 			}, Q));
 		}
-		Z.push(/* @__PURE__ */ c("div", {
+		Z.push(/* @__PURE__ */ u("div", {
 			"aria-hidden": "true",
 			"data-part": "group",
+			"data-part-group": "",
 			children: n
 		}, `group-${e}`));
 	}
-	let $ = {
-		children: /* @__PURE__ */ l(s, { children: [je, Z] }),
+	let $ = t({
+		children: /* @__PURE__ */ ee(l, { children: [Ne, Z] }),
 		className: ie,
-		onPointerDown: Ae,
-		style: ye,
-		...we ? { "data-attached": "" } : {},
+		onPointerDown: Me,
+		style: xe,
+		...Ee ? { "data-attached": "" } : {},
 		...G.length === M ? { "data-complete": "" } : {},
 		...P === !0 ? { "data-disabled": "" } : {},
 		...I === !0 ? { "data-invalid": "" } : {},
-		...x ? { "data-mask": "" } : {},
+		...b ? { "data-mask": "" } : {},
 		...F === !0 ? { "data-readonly": "" } : {},
 		"data-part": "root",
-		"data-size": Se,
+		"data-size": we,
 		"data-ui": "otp-input",
-		"data-variant": Ce
-	};
-	return w === void 0 ? /* @__PURE__ */ c("div", { ...$ }) : w($);
+		"data-variant": Te
+	});
+	return w === void 0 ? /* @__PURE__ */ u("div", { ...$ }) : w($);
 }
 //#endregion
-export { m as n, p as r, h as t };
+export { g as n, h as r, _ as t };

package/dist/otp-input.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./otp-input-Bf8JUiVR.js";
+import { n as e, r as t, t as n } from "./otp-input-BKO0WPZc.js";
 export { n as OtpInput, e as OtpInputDefaultsProvider, t as useOtpInputDefaults };