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

package/dist/lib/client/number-field-DusLw_0X.js

@@ -0,0 +1,1043 @@
+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 { F as r, O as i, _ as a, b as o, f as s, g as c, h as l, m as u, o as d, w as f } from "./reasons-Co5CzjKq.js";
+import { n as p, t as m } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as h, createGenericEventDetails as g } from "./internals/createBaseUIEventDetails.js";
+import { composeEventHandlers as _ } from "./internals/composeEventHandlers.js";
+import { fieldValidityMapping as v } from "./internals/field-constants.js";
+import { n as y } from "./FieldRootContext-izCEh80D.js";
+import { n as b } from "./FormContext-CwLBtm_d.js";
+import { r as x } from "./LabelableContext-CmQF-TX2.js";
+import { mergeStyles as S } from "./internals/mergeStyles.js";
+import { Portal as C, createComponent as w, delegateEvents as T, effect as E, getNextElement as D, memo as O, mergeProps as ee, ref as te, runHydrationEvents as k, setAttribute as A, setProperty as ne, spread as j, style as M, template as N } from "@solidjs/web";
+import { Show as P, createContext as F, createEffect as I, createMemo as L, createSignal as R, createUniqueId as z, flush as B, omit as V, onCleanup as H, onSettled as U, untrack as W, useContext as G } from "solid-js";
+//#region src/number-field/utils/parse.ts
+var K = "零〇一二三四五六七八九", q = /[٠-٩۰-۹０-９]/g, J = /[零〇一二三四五六七八九]/g, re = [
+	"%",
+	"٪",
+	"％",
+	"﹪"
+], ie = ["‰", "؉"], ae = /[%٪％﹪]/, Y = /[‰؉]/, oe = /[%٪％﹪]/g, se = /[‰؉]/g, ce = /[٠-٩۰-۹]/, le = /[零〇一二三四五六七八九]/, ue = /[0-9٠-٩۰-۹０-９零〇一二三四五六七八九]/;
+function de(e) {
+	return ue.test(e);
+}
+var fe = [
+	".",
+	",",
+	"．",
+	"，",
+	"٫",
+	"٬"
+], pe = /\p{Zs}/u, me = /\p{Cf}/u, he = /\p{Cf}/gu, ge = [
+	"+",
+	"＋",
+	"﹢"
+], _e = [
+	"-",
+	"−",
+	"－",
+	"‒",
+	"–",
+	"—",
+	"﹣"
+], X = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function Z(e, t) {
+	return new Intl.NumberFormat(e, t);
+}
+function ve(e, t) {
+	let [n, r = "0"] = String(e).split("e");
+	return Number(`${n}e${Number(r) + t}`);
+}
+var ye = /[-−－‒–—﹣]/gu, Q = /[+＋﹢]/gu, be = /[-−－‒–—﹣]/, xe = /[+＋﹢]/, Se = 11111.1;
+function Ce(e, t) {
+	return Z(e, t).formatToParts(Se);
+}
+function we(e, t) {
+	let n = Ce(e, t), r = {};
+	n.forEach((e) => {
+		r[e.type] = e.value;
+	});
+	let i = ".";
+	return Z(e).formatToParts(.1).forEach((e) => {
+		e.type === "decimal" && (i = e.value);
+	}), {
+		...r,
+		decimal: i
+	};
+}
+function $(e, t, n) {
+	let r = e.replace(he, "").trim();
+	r = r.replace(ye, "-").replace(Q, "+");
+	let i = !1, a = (e, t) => (t === "-" && (i = !0), "");
+	r = r.replace(/([+-])\s*$/, a).replace(/^\s*([+-])/, a);
+	let o = t;
+	o === void 0 && (ce.test(r) ? o = "ar" : le.test(r) && (o = "zh"));
+	let { group: s, decimal: c, currency: l, exponentSeparator: u } = we(o, n), d = Z(o, n).formatToParts(1).filter((e) => e.type === "unit").map((e) => X(e.value)), f = d.length ? new RegExp(d.join("|"), "g") : null, p = null;
+	s && (p = /\p{Zs}/u.test(s) ? /\p{Zs}/gu : s === "'" || s === "’" ? /['’]/g : new RegExp(X(s), "g"));
+	let m = [
+		[p, ""],
+		[new RegExp(X(c), "g"), "."],
+		[/[．٫]/g, "."],
+		[/[，٬]/g, ""],
+		[l ? new RegExp(X(l), "g") : null, ""],
+		[f, ""],
+		[oe, ""],
+		[se, ""],
+		[u ? new RegExp(X(u), "g") : null, "e"],
+		[q, (e) => String(e.charCodeAt(0) % 16)],
+		[J, (e) => String(Math.max(K.indexOf(e) - 1, 0))]
+	].reduce((e, [t, n]) => t ? e.replace(t, n) : e, r), h = m.lastIndexOf(".");
+	if (h !== -1 && (m = `${m.slice(0, h).replace(/\./g, "")}.${m.slice(h + 1).replace(/\./g, "")}`), /^[-+]?Infinity$/i.test(r) || r.includes("∞")) return null;
+	let g = (i ? "-" : "") + m, _ = parseFloat(g), v = n?.style, y = v === "unit" && n?.unit === "percent", b = ae.test(e) || v === "percent";
+	return Y.test(e) ? _ = ve(_, -3) : !y && b && (_ = ve(_, -2)), Number.isFinite(_) ? _ : null;
+}
+//#endregion
+//#region src/number-field/utils/format.ts
+var Te = /* @__PURE__ */ new Map();
+function Ee(e) {
+	if (e !== void 0) return Array.isArray(e) ? e.map((e) => e.toString()).join(",") : e.toString();
+}
+function De(e, t) {
+	let n = JSON.stringify({
+		locale: Ee(e),
+		options: t
+	}), r = Te.get(n);
+	return r || (r = new Intl.NumberFormat(e, t), Te.set(n, r)), r;
+}
+function Oe(e, t, n) {
+	return e === null ? "" : De(t, n).format(e);
+}
+//#endregion
+//#region src/number-field/utils/platform.ts
+function ke() {
+	return typeof navigator > "u" ? "" : navigator.platform.toLowerCase();
+}
+function Ae() {
+	return typeof navigator > "u" ? "" : navigator.userAgent.toLowerCase();
+}
+function je() {
+	let e = ke(), t = typeof navigator > "u" ? 0 : navigator.maxTouchPoints;
+	return /^i(os$|p)/.test(e) || e === "macintel" && t > 1;
+}
+function Me() {
+	return typeof CSS < "u" && !!CSS.supports?.("-webkit-backdrop-filter:none");
+}
+function Ne() {
+	return !Me() && Ae().includes("firefox");
+}
+//#endregion
+//#region src/number-field/utils/stateAttributesMapping.ts
+var Pe = {
+	inputValue: () => null,
+	value: () => null,
+	...v
+}, Fe = 1e-10, Ie = 1e-10;
+function Le(e) {
+	return e?.maximumFractionDigits != null || e?.minimumFractionDigits != null || e?.maximumSignificantDigits != null || e?.minimumSignificantDigits != null || e?.roundingIncrement != null || e?.roundingMode != null || e?.roundingPriority != null;
+}
+function Re(e, t) {
+	if (!Number.isFinite(e)) return e;
+	if (!Le(t)) {
+		let t = parseFloat(e.toPrecision(15));
+		return Math.abs(t - e) <= Math.min(2 ** -52 * Math.max(1, Math.abs(e)), Ie) ? t : e;
+	}
+	let n = new Intl.NumberFormat("en-US", {
+		...t,
+		signDisplay: "auto",
+		currencySign: "standard",
+		notation: t.notation === "compact" ? "standard" : t.notation,
+		useGrouping: !1
+	}), r = n.format(e), i = $(r, "en-US", t);
+	return i === null ? e : n.format(i) === r ? i : e;
+}
+function ze(e, t, n, r) {
+	let i = Math.abs(n), a = Math.sign(n), o = i * Fe * a, s = e - t + o;
+	return r ? t + Math.round(s / n) * n : t + (a > 0 ? Math.floor(s / i) : Math.ceil(s / i)) * i;
+}
+function Be(e, t, n) {
+	return Math.max(t, Math.min(e, n));
+}
+function Ve(e, t, n, r, i, a, o, s, c) {
+	if (e === null) return e;
+	let l = e;
+	if (t != null && o && t !== 0 && (l = ze(l, s || n === -(2 ** 53 - 1) ? i : n, t, s)), c && (l = Be(l, n, r)), t == null && !Le(a)) return l;
+	let u = Re(l, a);
+	return c ? Be(u, n, r) : u;
+}
+//#endregion
+//#region src/number-field/root/NumberFieldRootContext.ts
+var He = Symbol("NumberFieldRootContext"), Ue = F(He);
+function We() {
+	let e = G(Ue);
+	if (e === He) throw Error("Base UI: NumberFieldRootContext is missing. NumberField parts must be placed within <NumberField.Root>.");
+	return e;
+}
+//#endregion
+//#region src/number-field/root/NumberFieldRoot.tsx
+var Ge = /* @__PURE__ */ N("<div>"), Ke = /* @__PURE__ */ N("<input type=number aria-hidden=true tabindex=-1>"), qe = {
+	"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"
+}, Je = {
+	...qe,
+	position: "absolute"
+};
+function Ye(e) {
+	let i = y(!0), a = b(), o = x(), s = e, c = e, l = Symbol("NumberField"), u = W(o.controlId), d = typeof u == "string" ? u : `base-ui-${z()}`, _ = W(() => s.value !== void 0), [v, S] = R(() => W(() => s.defaultValue ?? null)), [C, T] = R(), [O, N] = R(), [P, F] = R(!1), [B, H] = R("numeric"), U = !0, G = null, K = !1, q = V(c, "allowOutOfRange", "allowWheelScrub", "render", "class", "defaultValue", "disabled", "form", "format", "id", "inputRef", "largeStep", "locale", "max", "min", "name", "onChange", "onValueChange", "onValueCommitted", "readOnly", "ref", "required", "smallStep", "snapOnStep", "step", "style", "value"), J = L(() => _ ? s.value ?? null : v()), ae = L(() => s.id ?? d), Y = L(() => s.min), oe = L(() => s.max), se = L(() => Y() ?? -(2 ** 53 - 1)), ce = L(() => oe() ?? 2 ** 53 - 1), le = L(() => i.disabled() || (s.disabled ?? !1)), ue = L(() => s.readOnly ?? !1), de = L(() => s.required ?? !1), me = L(() => s.name), he = L(() => i.name() ?? me()), X = L(() => s.locale), Z = L(() => s.format), [ve, ye] = R(() => Oe(W(J), W(X), W(Z))), Q = L(() => ({
+		...i.state(),
+		disabled: le(),
+		readOnly: ue(),
+		required: de(),
+		value: J(),
+		inputValue: ve(),
+		scrubbing: P()
+	})), be = L(() => p(e.class, Q())), xe = t(e, () => Q(), (e) => (() => {
+		var t = D(Ge);
+		return j(t, e, !1), k(), t;
+	})()), Se = L(() => m(e.style, Q())), $ = L(() => n(Q(), Pe));
+	function Te(e) {
+		ye(e);
+	}
+	function Ee() {
+		let e = Z(), t = Ce(X(), e), n = new Set(fe), r = (e) => {
+			for (let t of e) n.add(t);
+		}, i = t.find((e) => e.type === "decimal")?.value ?? we(X(), e).decimal;
+		n.add(i);
+		for (let e of t) e.type !== "integer" && e.type !== "fraction" && e.type !== "exponentInteger" && e.type !== "compact" && (r(Array.from(e.value)), pe.test(e.value) && n.add(" "));
+		let a = e?.style;
+		return (a === "percent" || a === "unit" && e?.unit === "percent") && r(re), (a === "percent" || a === "unit" && e?.unit === "permille") && r(ie), r(ge), (se() < 0 || (s.allowOutOfRange ?? !1)) && r(_e), n;
+	}
+	function De(e) {
+		if (e?.altKey) return s.smallStep ?? .1;
+		if (e?.shiftKey) return s.largeStep ?? 10;
+		let t = s.step ?? 1;
+		return t === "any" ? 1 : t;
+	}
+	function ke(e, t) {
+		let n = t.direction, r = t.event, a = t.reason.startsWith("input-") || t.reason === "none", o = Ve(e, n ? De(r) * n : void 0, se(), ce(), Y() ?? 0, Z(), s.snapOnStep ?? !1, r.altKey ?? !1, !(s.allowOutOfRange && a)), c = o !== J() || a && (e !== J() || !U);
+		if (c) {
+			if (s.onValueChange?.(o, t), t.isCanceled) return !1;
+			_ || S(o), i.setDirty(o !== i.validityData().initialValue), K = !0;
+		}
+		return G = o, U && Te(Oe(o, X(), Z())), c;
+	}
+	function Ae(e, { direction: t, currentValue: n, event: r, reason: i }) {
+		let a = n ?? J(), o = r;
+		return typeof a == "number" ? ke(a + e * t, h(i, o, void 0, { direction: t })) : ke(0, h(i, o));
+	}
+	function Me(e, t) {
+		K = !1, s.onValueCommitted?.(e, t);
+	}
+	function Ne() {
+		let e = C();
+		e && (e.setSelectionRange(e.value.length, e.value.length), e.focus());
+	}
+	function Fe(e) {
+		let t = C();
+		if (e.ctrlKey || !t || t.ownerDocument.activeElement !== t) return;
+		let n = Math.abs(e.deltaX) > Math.abs(e.deltaY), i = e.shiftKey && n ? e.deltaX : e.deltaY;
+		i === 0 || !e.shiftKey && n || (e.preventDefault(), U = !0, Ae(De(e), {
+			direction: i > 0 ? -1 : 1,
+			event: e,
+			reason: "wheel"
+		}) && Me(G, g(r, e)));
+	}
+	function Ie(e) {
+		if (e.defaultPrevented || le() || ue()) return;
+		let t = e.currentTarget.valueAsNumber, n = Number.isNaN(t) ? null : t;
+		ke(n, h(f, e)), a.clearError(he()), i.validation.change(G ?? n);
+	}
+	return I(() => J(), (e) => {
+		i.setFilled(e !== null);
+	}), I(() => ({
+		currentValue: ve(),
+		formattedValue: Oe(J(), X(), Z())
+	}), (e) => {
+		U && e.formattedValue !== e.currentValue && Te(e.formattedValue);
+	}), I(() => se(), (e) => {
+		je() && H(e >= 0 ? "decimal" : "text");
+	}), I(() => ({
+		allowWheelScrub: s.allowWheelScrub ?? !1,
+		disabled: le(),
+		input: C(),
+		readOnly: ue()
+	}), (e) => {
+		if (!e.allowWheelScrub || e.disabled || e.readOnly || !e.input) return;
+		let t = e.input;
+		return t.addEventListener("wheel", Fe, { passive: !1 }), () => t.removeEventListener("wheel", Fe);
+	}), I(() => ({
+		disabled: le(),
+		hidden: O()
+	}), (e) => {
+		if (!(!e.hidden || e.disabled)) return i.validation.registerInput(l, e.hidden, () => W(() => C() ?? null));
+	}), w(Ue, {
+		value: {
+			controlSource: l,
+			minWithDefault: se,
+			maxWithDefault: ce,
+			id: ae,
+			setValue: ke,
+			getStepAmount: De,
+			incrementValue: Ae,
+			inputElement: C,
+			focusInput: Ne,
+			setInputElement: (e) => T(e),
+			allowInputSync: () => U,
+			setAllowInputSync: (e) => {
+				U = e;
+			},
+			formatOptions: Z,
+			value: J,
+			lastChangedValue: () => G,
+			setLastChangedValue: (e) => {
+				G = e;
+			},
+			hasPendingCommit: () => K,
+			setHasPendingCommit: (e) => {
+				K = e;
+			},
+			name: he,
+			nameProp: me,
+			inputMode: B,
+			getAllowedNonNumericKeys: Ee,
+			min: Y,
+			max: oe,
+			inputValue: ve,
+			setInputValue: Te,
+			locale: X,
+			setIsScrubbing: (e) => F(e),
+			state: Q,
+			onValueCommitted: Me
+		},
+		get children() {
+			return [w(xe, ee({
+				ref: [s.ref],
+				get class() {
+					return be();
+				},
+				get style() {
+					return Se();
+				}
+			}, $, q)), (() => {
+				var e = D(Ke);
+				return e.$$input = Ie, e.addEventListener("focus", Ne), te(() => [((e) => N(e)), s.inputRef], e), E(() => ({
+					e: s.form,
+					t: he(),
+					a: J() ?? "",
+					o: Y(),
+					i: oe(),
+					n: s.step ?? 1,
+					s: le(),
+					h: ue(),
+					r: de(),
+					d: he() ? Je : qe
+				}), ({ e: t, t: n, a: r, o: i, i: a, n: o, s, h: c, r: l, d: u }, d) => {
+					t !== d?.e && A(e, "form", t), n !== d?.t && A(e, "name", n), ne(e, "value", r), i !== d?.o && A(e, "min", i), a !== d?.i && A(e, "max", a), o !== d?.n && A(e, "step", o), s !== d?.s && A(e, "disabled", s), c !== d?.h && A(e, "readonly", c), l !== d?.r && A(e, "required", l), M(e, u, d?.d);
+				}), k(), e;
+			})()];
+		}
+	});
+}
+T(["input"]);
+//#endregion
+//#region src/number-field/group/NumberFieldGroup.tsx
+var Xe = /* @__PURE__ */ N("<div>");
+function Ze(e) {
+	let r = We(), i = V(e, "render", "class", "style"), a = r.state, o = L(() => p(e.class, a())), s = t(e, a, (e) => (() => {
+		var t = D(Xe);
+		return j(t, e, !1), k(), t;
+	})()), c = L(() => m(e.style, a())), l = L(() => n(a(), Pe));
+	return w(s, ee({
+		get class() {
+			return o();
+		},
+		get style() {
+			return c();
+		},
+		role: "group"
+	}, l, i));
+}
+//#endregion
+//#region src/number-field/root/createPressAndHold.ts
+var Qe = 60, $e = 400, et = 8, tt = 50, nt = 3;
+function rt(e) {
+	return e === "touch" || e === "pen";
+}
+function it(e) {
+	let t = !1, n = 0, r = 0, i = 0, a = !1, o = !1, s = "", c, l, u, d, f, p, m = () => void 0, h = () => void 0;
+	function g() {
+		f !== void 0 && (p?.clearTimeout(f), f = void 0, p = void 0), c !== void 0 && (l?.clearTimeout(c), c = void 0, l = void 0), u !== void 0 && (d?.clearInterval(u), u = void 0, d = void 0), m(), m = () => void 0, n = 0;
+	}
+	function _(n) {
+		g();
+		let r = e.element(), i = r?.ownerDocument.defaultView;
+		if (!r || !i) return;
+		function a(e) {
+			e.preventDefault();
+		}
+		i.addEventListener("contextmenu", a), m = () => {
+			i.removeEventListener("contextmenu", a);
+		}, h();
+		let o = { once: !0 };
+		function s(n) {
+			t = !1, g(), e.onStop()?.(n);
+		}
+		if (i.addEventListener("pointerup", s, o), h = () => {
+			i.removeEventListener("pointerup", s, o);
+		}, !e.tick()(n)) {
+			g();
+			return;
+		}
+		l = i, c = i.setTimeout(() => {
+			c = void 0, l = void 0, d = i, u = i.setInterval(() => {
+				e.tick()(n) || g();
+			}, Qe);
+		}, $e);
+	}
+	let v = {
+		onTouchStart() {
+			a = !0;
+		},
+		onTouchEnd() {
+			a = !1;
+		},
+		onPointerDown(a) {
+			if (a.defaultPrevented || a.button || e.disabled()) return;
+			if (s = a.pointerType, o = !1, t = !0, r = a.clientX, i = a.clientY, !rt(a.pointerType)) {
+				a.preventDefault(), _(a);
+				return;
+			}
+			let c = a.currentTarget?.ownerDocument.defaultView ?? e.element()?.ownerDocument.defaultView;
+			c && (f !== void 0 && p?.clearTimeout(f), p = c, f = c.setTimeout(() => {
+				f = void 0, p = void 0;
+				let e = n;
+				n = 0, t && e < nt ? (_(a), o = !0) : (o = !1, g());
+			}, tt));
+		},
+		onPointerUp(e) {
+			rt(e.pointerType) && (t = !1);
+		},
+		onPointerMove(a) {
+			if (e.disabled() || !rt(a.pointerType) || !t) return;
+			n += 1;
+			let o = r - a.clientX, s = i - a.clientY;
+			o ** 2 + s ** 2 > et ** 2 && g();
+		},
+		onMouseEnter(n) {
+			n.defaultPrevented || e.disabled() || !t || a || rt(s) || _(n);
+		},
+		onMouseLeave() {
+			a || g();
+		},
+		onMouseUp() {
+			a || g();
+		}
+	};
+	function y(e) {
+		return e.defaultPrevented ? !0 : rt(s) ? o : e.detail !== 0;
+	}
+	return I(e.disabled, (e) => {
+		e && (t = !1, a = !1, s = "", g());
+	}), H(() => {
+		g(), h();
+	}), {
+		pointerHandlers: v,
+		shouldSkipClick: y
+	};
+}
+//#endregion
+//#region src/number-field/increment/NumberFieldStepperButton.tsx
+var at = /* @__PURE__ */ N("<button>"), ot = {
+	"-webkit-user-select": "none",
+	"user-select": "none"
+};
+function st(e, r) {
+	let i = We(), a = e, o = e, c = null, l = !1, u = V(o, "render", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseUp", "onPointerDown", "onPointerMove", "onPointerUp", "onTouchEnd", "onTouchStart", "ref", "style"), f = i.state, v = L(() => a.nativeButton ?? !0), y = L(() => {
+		let e = f(), t = e.value !== null && (r ? e.value >= i.maxWithDefault() : e.value <= i.minWithDefault());
+		return (a.disabled ?? !1) || e.disabled || t;
+	}), b = L(() => y() || f().readOnly), x = L(() => ({
+		...f(),
+		disabled: y()
+	})), C = L(() => p(e.class, x())), T = t(e, () => x(), (e) => (() => {
+		var t = D(at);
+		return j(t, e, !1), k(), t;
+	})()), E = L(() => {
+		let t = m(e.style, x());
+		return typeof t == "string" ? `-webkit-user-select:none;user-select:none;${t}` : S(ot, t === !1 ? void 0 : t) ?? ot;
+	}), te = L(() => n(x(), Pe)), A = r ? s : d;
+	function ne(e) {
+		let t = !i.allowInputSync();
+		if (i.setAllowInputSync(!0), !t) {
+			let e = i.value();
+			return i.setLastChangedValue(e), e;
+		}
+		let n = $(i.inputValue(), i.locale(), i.formatOptions());
+		if (n !== null) {
+			let t = h(A, e);
+			if (i.setValue(n, t), !t.isCanceled) return n;
+		}
+		return i.value();
+	}
+	function M(e) {
+		let t = l ? c : void 0;
+		return l = !1, i.incrementValue(i.getStepAmount(e), {
+			direction: r ? 1 : -1,
+			currentValue: t,
+			event: e,
+			reason: A
+		});
+	}
+	function N(e) {
+		let t = i.lastChangedValue() ?? i.value();
+		i.onValueCommitted(t, g(A, e));
+	}
+	let P = it({
+		disabled: b,
+		element: i.inputElement,
+		tick: () => M,
+		onStop: () => N
+	});
+	function F(e) {
+		if (e.defaultPrevented || b() || P.shouldSkipClick(e)) return;
+		let t = ne(e);
+		i.incrementValue(i.getStepAmount(e), {
+			direction: r ? 1 : -1,
+			currentValue: t,
+			event: e,
+			reason: A
+		});
+		let n = i.lastChangedValue() ?? i.value();
+		n !== t && i.onValueCommitted(n, g(A, e));
+	}
+	function I(e) {
+		e.defaultPrevented || f().readOnly || e.button || y() || (c = ne(e), l = !0, i.setLastChangedValue(null), rt(e.pointerType) || i.focusInput(), P.pointerHandlers.onPointerDown(e));
+	}
+	let R = _(() => W(b) ? ct : void 0, () => a.onClick, () => F), z = _(() => W(b) ? ct : void 0, () => a.onPointerDown, () => I), B = _(() => W(b) ? lt : void 0, () => a.onMouseDown), H = _(() => W(b) ? ut : void 0, () => a.onKeyDown, () => W(v) ? void 0 : dt), G = _(() => W(b) ? lt : void 0, () => a.onKeyUp, () => W(v) ? void 0 : ft), K = _(() => a.onPointerUp, () => P.pointerHandlers.onPointerUp), q = _(() => a.onPointerMove, () => P.pointerHandlers.onPointerMove), J = _(() => a.onTouchStart, () => P.pointerHandlers.onTouchStart), re = _(() => a.onTouchEnd, () => P.pointerHandlers.onTouchEnd), ie = _(() => a.onMouseEnter, () => P.pointerHandlers.onMouseEnter), ae = _(() => a.onMouseLeave, () => P.pointerHandlers.onMouseLeave), Y = _(() => a.onMouseUp, () => P.pointerHandlers.onMouseUp);
+	return U(() => {}), w(T, ee({
+		ref: [((e) => e), a.ref],
+		get class() {
+			return C();
+		},
+		get style() {
+			return E();
+		},
+		get type() {
+			return v() ? "button" : void 0;
+		},
+		get role() {
+			return v() ? void 0 : "button";
+		},
+		tabIndex: -1,
+		get disabled() {
+			return v() && y() ? !0 : void 0;
+		},
+		get "aria-disabled"() {
+			return O(() => !!b())() ? "true" : v() ? "false" : void 0;
+		},
+		"aria-label": r ? "Increase" : "Decrease",
+		get "aria-controls"() {
+			return i.id();
+		},
+		onClick: R,
+		onMouseDown: B,
+		onKeyDown: H,
+		onKeyUp: G,
+		onPointerDown: z,
+		onPointerUp: K,
+		onPointerMove: q,
+		onTouchStart: J,
+		onTouchEnd: re,
+		onMouseEnter: ie,
+		onMouseLeave: ae,
+		onMouseUp: Y
+	}, te, u));
+}
+function ct(e) {
+	e.preventDefault(), e.preventBaseUIHandler();
+}
+function lt(e) {
+	e.preventBaseUIHandler();
+}
+function ut(e) {
+	e.key !== "Tab" && e.preventDefault(), e.preventBaseUIHandler();
+}
+function dt(e) {
+	if (e.target !== e.currentTarget) return;
+	let t = pt(e.currentTarget), n = e.key === "Enter", r = e.key === " ";
+	if (t || !n && !r) {
+		t && r && e.preventDefault();
+		return;
+	}
+	e.defaultPrevented || (e.preventDefault(), n && (e.preventBaseUIHandler(), mt(e.currentTarget, e)));
+}
+function ft(e) {
+	e.target === e.currentTarget && !e.defaultPrevented && e.key === " " && (e.preventBaseUIHandler(), mt(e.currentTarget, e));
+}
+function pt(e) {
+	return e.tagName === "A" && !!e.href;
+}
+function mt(e, t) {
+	let n = e.ownerDocument.defaultView;
+	if (!n) return;
+	let r = n.PointerEvent ?? n.MouseEvent;
+	e.dispatchEvent(new r("click", {
+		bubbles: !0,
+		cancelable: !0,
+		composed: !0,
+		detail: 0,
+		shiftKey: t.shiftKey,
+		ctrlKey: t.ctrlKey,
+		altKey: t.altKey,
+		metaKey: t.metaKey
+	}));
+}
+//#endregion
+//#region src/number-field/increment/NumberFieldIncrement.tsx
+function ht(e) {
+	return st(e, !0);
+}
+//#endregion
+//#region src/number-field/decrement/NumberFieldDecrement.tsx
+function gt(e) {
+	return st(e, !1);
+}
+//#endregion
+//#region src/number-field/input/NumberFieldInput.tsx
+var _t = /* @__PURE__ */ N("<input>"), vt = /* @__PURE__ */ new Set([
+	"Backspace",
+	"Delete",
+	"ArrowLeft",
+	"ArrowRight",
+	"Tab",
+	"Enter",
+	"Escape"
+]);
+function yt(e) {
+	let r = We(), i = y(!0), s = b(), d = x(), f = e, v = e, [S, C] = R(), T = !1, E = null, O = W(r.value), te = V(v, "render", "aria-describedby", "aria-labelledby", "aria-roledescription", "class", "onBlur", "onFocus", "onInput", "onKeyDown", "onPaste", "ref", "style"), A = r.state, ne = L(() => p(e.class, A())), M = t(e, A, (e) => (() => {
+		var t = D(_t);
+		return j(t, e, !1), k(), t;
+	})()), N = L(() => m(e.style, A())), P = L(() => n(A(), Pe)), F = L(() => f["aria-labelledby"] ?? d.labelId()), z = L(() => d.getAriaDescribedBy(f["aria-describedby"])), B = {
+		id: void 0,
+		name: void 0,
+		value: r.value,
+		getControl: () => S() ?? null
+	};
+	function U(e) {
+		e.defaultPrevented || A().disabled || i.setFocused(!0);
+	}
+	function G(e) {
+		let t = A();
+		if (e.defaultPrevented || t.disabled || (i.setTouched(!0), i.setFocused(!1), t.readOnly)) return;
+		let n = !r.allowInputSync(), a = r.hasPendingCommit(), o = r.value(), s = r.inputValue();
+		if (r.setAllowInputSync(!0), s.trim() === "") {
+			let t = h(c, e);
+			if (r.setValue(null, t), t.isCanceled) return;
+			i.validationMode() === "onBlur" && i.validation.commit(null), (n || a || o !== null) && r.onValueCommitted(null, g(c, e));
+			return;
+		}
+		let l = r.formatOptions(), d = $(s, r.locale(), l);
+		if (d === null) return;
+		let f = Le(l), p;
+		p = !n && !f ? o : f ? Re(d, l) : d;
+		let m = o !== p, _ = n || m || a, v = p;
+		if (m) {
+			let t = h(u, e);
+			if (T = !0, r.setValue(p, t), t.isCanceled) {
+				T = !1;
+				return;
+			}
+			v = r.lastChangedValue(), v === o && (T = !1);
+		}
+		i.validationMode() === "onBlur" && i.validation.commit(v), _ && r.onValueCommitted(v, g(u, e));
+		let y = Oe(v, r.locale(), l);
+		s !== y && r.setInputValue(y);
+	}
+	function K(e) {
+		if (e.defaultPrevented) {
+			e.currentTarget.value = r.inputValue();
+			return;
+		}
+		r.setAllowInputSync(!1);
+		let t = e.currentTarget.value;
+		if (t.trim() === "") {
+			r.setInputValue(t), r.setValue(null, h(c, e));
+			return;
+		}
+		let n = r.getAllowedNonNumericKeys();
+		if (!Array.from(t).every((e) => de(e) || be.test(e) || n.has(e) || me.test(e))) {
+			e.currentTarget.value = r.inputValue();
+			return;
+		}
+		let i = $(t, r.locale(), r.formatOptions());
+		r.setInputValue(t), i !== null && r.setValue(i, h(l, e));
+	}
+	function q(e) {
+		let t = A();
+		if (e.defaultPrevented || t.readOnly || t.disabled) return;
+		let n = r.inputValue(), i = !r.allowInputSync(), a = r.getAllowedNonNumericKeys(), s = a.has(e.key), { decimal: c, currency: l, percentSign: u } = we(r.locale(), r.formatOptions()), d = e.currentTarget.selectionStart, f = e.currentTarget.selectionEnd, p = d === 0 && f === n.length, m = (e) => d !== null && f !== null && e >= d && e < f, _ = [[be, ye], [xe, Q]];
+		for (let [t, r] of _) if (t.test(e.key) && Array.from(a).some((e) => t.test(e))) {
+			let e = n.search(r), t = e !== -1 && m(e);
+			s = !(be.test(n) || xe.test(n)) || p || t;
+		}
+		for (let t of [
+			c,
+			l,
+			u
+		]) if (t && e.key === t) {
+			let e = n.indexOf(t);
+			s = e === -1 || p || m(e);
+		}
+		let v = e.key === "ArrowUp" || e.key === "ArrowDown";
+		if (e.which === 229 || e.altKey && !v || e.ctrlKey || e.metaKey || s || de(e.key) || vt.has(e.key)) return;
+		let y = null;
+		if (e.key === "Home" && r.min() !== void 0 ? y = r.min() ?? null : e.key === "End" && r.max() !== void 0 && (y = r.max() ?? null), e.key.length > 1 && !v && y === null) return;
+		let b = i ? $(n, r.locale(), r.formatOptions()) : null;
+		e.preventDefault(), e.stopPropagation();
+		let x = !1;
+		(v || y !== null) && r.setAllowInputSync(!0), v ? (i || r.setLastChangedValue(r.value()), x = r.incrementValue(r.getStepAmount(e), {
+			direction: e.key === "ArrowUp" ? 1 : -1,
+			currentValue: b,
+			event: e,
+			reason: o
+		})) : y !== null && (x = r.setValue(y, h(o, e))), x && r.onValueCommitted(r.lastChangedValue(), g(o, e));
+	}
+	function J(e) {
+		let t = A();
+		if (e.defaultPrevented || t.readOnly || t.disabled) return;
+		let n = "";
+		try {
+			n = e.clipboardData?.getData("text/plain") ?? "";
+		} catch {
+			return;
+		}
+		e.preventDefault();
+		let i = e.currentTarget.selectionStart ?? 0, o = e.currentTarget.selectionEnd ?? i, s = r.inputValue(), c = s.slice(0, i) + n + s.slice(o), l = $(c, r.locale(), r.formatOptions());
+		l !== null && (r.setAllowInputSync(!1), E = i + n.length, r.setValue(l, h(a, e)), r.setInputValue(c));
+	}
+	let re = _(() => f.onFocus, () => U), ie = _(() => f.onBlur, () => G), ae = _(() => f.onInput, () => K), Y = _(() => f.onKeyDown, () => q), oe = _(() => f.onPaste, () => J);
+	return I(() => ({
+		element: S(),
+		inputValue: r.inputValue()
+	}), (e) => {
+		if (E === null) return;
+		let t = E;
+		E = null, e.element?.setSelectionRange(t, t);
+	}), I(() => ({
+		disabled: A().disabled,
+		element: S(),
+		id: r.id(),
+		name: r.nameProp()
+	}), (e) => {
+		B.id = e.id, B.name = e.name, i.registerFieldControl(r.controlSource, e.disabled || !e.element ? void 0 : B), d.registerControlId(r.controlSource, e.element ? e.id : void 0);
+	}), I(() => ({
+		name: r.name(),
+		shouldValidateOnChange: i.shouldValidateOnChange(),
+		value: r.value()
+	}), (e) => {
+		if (e.value !== O) {
+			if (O = e.value, s.clearError(e.name), T && !e.shouldValidateOnChange) {
+				T = !1;
+				return;
+			}
+			W(() => i.validation.change(e.value));
+		}
+	}), H(() => {
+		r.setInputElement(void 0), i.registerFieldControl(r.controlSource, void 0), d.registerControlId(r.controlSource, void 0);
+	}), w(M, ee({
+		ref: [((e) => {
+			C(e), r.setInputElement(e);
+		}), f.ref],
+		get id() {
+			return r.id();
+		},
+		get class() {
+			return ne();
+		},
+		get style() {
+			return N();
+		},
+		get required() {
+			return A().required;
+		},
+		get disabled() {
+			return A().disabled;
+		},
+		get readonly() {
+			return A().readOnly;
+		},
+		get inputMode() {
+			return r.inputMode();
+		},
+		get value() {
+			return r.inputValue();
+		},
+		type: "text",
+		autocomplete: "off",
+		autocorrect: "off",
+		spellcheck: "false",
+		get "aria-roledescription"() {
+			return f["aria-roledescription"] ?? "Number field";
+		},
+		get "aria-invalid"() {
+			return !A().disabled && A().valid === !1 ? "true" : void 0;
+		},
+		get "aria-labelledby"() {
+			return F();
+		},
+		get "aria-describedby"() {
+			return z();
+		},
+		onFocus: re,
+		onBlur: (e) => W(() => ie(e)),
+		onInput: ae,
+		onKeyDown: Y,
+		onPaste: oe
+	}, P, te));
+}
+//#endregion
+//#region src/number-field/utils/getViewportRect.ts
+function bt(e, t) {
+	let n = t.ownerDocument.defaultView ?? window;
+	if (e != null) {
+		let n = t.getBoundingClientRect();
+		return {
+			left: n.left - e / 2,
+			top: n.top - e / 2,
+			right: n.right + e / 2,
+			bottom: n.bottom + e / 2
+		};
+	}
+	let r = n.visualViewport;
+	return r ? {
+		left: r.offsetLeft,
+		top: r.offsetTop,
+		right: r.offsetLeft + r.width,
+		bottom: r.offsetTop + r.height
+	} : {
+		left: 0,
+		top: 0,
+		right: n.document.documentElement.clientWidth,
+		bottom: n.document.documentElement.clientHeight
+	};
+}
+//#endregion
+//#region src/number-field/scrub-area/NumberFieldScrubAreaContext.ts
+var xt = Symbol("NumberFieldScrubAreaContext"), St = F(xt);
+function Ct() {
+	let e = G(St);
+	if (e === xt) throw Error("Base UI: NumberFieldScrubAreaContext is missing. NumberFieldScrubArea parts must be placed within <NumberField.ScrubArea>.");
+	return e;
+}
+//#endregion
+//#region src/number-field/scrub-area/NumberFieldScrubArea.tsx
+var wt = /* @__PURE__ */ N("<span>"), Tt = {
+	"touch-action": "none",
+	"-webkit-user-select": "none",
+	"user-select": "none"
+};
+function Et(e) {
+	let r = We(), a = e, o = e, [s, c] = R(), [l, u] = R(), [d, f] = R(!1), [h, v] = R(!1), [y, b] = R(!1), x = L(() => r.state().disabled), C = L(() => r.state().readOnly), T = r.state, E = V(o, "render", "class", "direction", "onPointerDown", "pixelSensitivity", "ref", "style", "teleportDistance"), O = L(() => p(e.class, T())), te = t(e, T, (e) => (() => {
+		var t = D(wt);
+		return j(t, e, !1), k(), t;
+	})()), A = L(() => {
+		let t = m(e.style, T());
+		return typeof t == "string" ? `touch-action:none;-webkit-user-select:none;user-select:none;${t}` : S(Tt, t === !1 ? void 0 : t);
+	}), ne = L(() => n(T(), Pe)), M = {
+		x: 0,
+		y: 0
+	}, N = !1, P = !1, F = null, z, U;
+	function W() {
+		z !== void 0 && (U?.clearTimeout(z), z = void 0, U = void 0);
+	}
+	function G(e, t, n) {
+		let r = e.ownerDocument.defaultView?.visualViewport?.scale ?? 1;
+		e.style.transform = `translate3d(${t}px,${n}px,0) scale(${1 / r})`;
+	}
+	function K(e) {
+		let t = l(), n = s();
+		if (!t || !n) return;
+		let r = bt(a.teleportDistance, n), i = (e, t, n, r) => e + t < n ? r - t : e + t > r ? n - t : e;
+		M.x = i(Math.round(M.x + e.movementX), t.offsetWidth / 2, r.left, r.right), M.y = i(Math.round(M.y + e.movementY), t.offsetHeight / 2, r.top, r.bottom), G(t, M.x, M.y);
+	}
+	function q(e, t) {
+		let n = () => {
+			b(e), r.setIsScrubbing(e);
+		};
+		if (!e) {
+			n();
+			return;
+		}
+		B(n);
+		let i = l();
+		i && (M.x = t.clientX - i.offsetWidth / 2, M.y = t.clientY - i.offsetHeight / 2, G(i, M.x, M.y));
+	}
+	function J(e, t) {
+		try {
+			s()?.ownerDocument.exitPointerLock();
+		} catch {} finally {
+			if (N = !1, q(!1, e), r.onValueCommitted(r.lastChangedValue() ?? r.value(), g(i, e)), !P && F != null) {
+				let e = t.ownerDocument.defaultView;
+				e && F.dispatchEvent(new e.MouseEvent("click", {
+					bubbles: !0,
+					cancelable: !0
+				}));
+			}
+			P = !1, F = null;
+		}
+	}
+	I(() => ({
+		direction: a.direction ?? "horizontal",
+		disabled: x(),
+		input: r.inputElement(),
+		pixelSensitivity: a.pixelSensitivity ?? 2,
+		readOnly: C(),
+		scrubbing: y()
+	}), (e) => {
+		if (!e.input || e.disabled || e.readOnly || !e.scrubbing) return;
+		let t = e.input, n = t.ownerDocument.defaultView;
+		if (!n) return;
+		let a = n, o = 0;
+		function s(e) {
+			N && (Ne() ? (W(), U = a, z = a.setTimeout(J, 20, e, t)) : J(e, t));
+		}
+		function c(t) {
+			if (!N) return;
+			t.preventDefault(), K(t);
+			let { movementX: n, movementY: a } = t;
+			if (o += e.direction === "vertical" ? a : n, Math.abs(o) >= e.pixelSensitivity) {
+				o = 0, P = !0;
+				let s = (e.direction === "vertical" ? -a : n) * r.getStepAmount(t);
+				s !== 0 && (r.setAllowInputSync(!0), r.incrementValue(Math.abs(s), {
+					direction: s >= 0 ? 1 : -1,
+					event: t,
+					reason: i
+				}));
+			}
+		}
+		return a.addEventListener("pointerup", s, !0), a.addEventListener("pointermove", c, !0), () => {
+			z !== void 0 && (U?.clearTimeout(z), z = void 0, U = void 0), a.removeEventListener("pointerup", s, !0), a.removeEventListener("pointermove", c, !0);
+		};
+	}), I(() => ({
+		disabled: x(),
+		element: s(),
+		readOnly: C()
+	}), (e) => {
+		if (!e.element || e.disabled || e.readOnly) return;
+		let t = (e) => {
+			e.touches.length === 1 && e.preventDefault();
+		};
+		return e.element.addEventListener("touchstart", t), () => e.element?.removeEventListener("touchstart", t);
+	});
+	async function re(e) {
+		if (e.defaultPrevented || C() || e.button !== 0 || x()) return;
+		let t = e.pointerType === "touch";
+		if (f(t), e.pointerType === "mouse" && (e.preventDefault(), r.focusInput()), N = !0, P = !1, F = Dt(e), q(!0, e), !t && !Me()) {
+			let t = s() ?? e.currentTarget;
+			try {
+				await t.ownerDocument.body.requestPointerLock(), v(!1);
+			} catch {
+				v(!0);
+			} finally {
+				N && q(!0, e);
+			}
+		}
+	}
+	let ie = _(() => a.onPointerDown, () => re);
+	return H(() => {
+		if (W(), u(void 0), N) {
+			N = !1, r.setIsScrubbing(!1);
+			try {
+				s()?.ownerDocument.exitPointerLock();
+			} catch {}
+		}
+	}), w(St, {
+		value: {
+			isScrubbing: y,
+			isTouchInput: d,
+			isPointerLockDenied: h,
+			scrubAreaElement: s,
+			scrubAreaCursorElement: l,
+			setScrubAreaCursorElement: u
+		},
+		get children() {
+			return w(te, ee({
+				ref: [((e) => c(e)), a.ref],
+				role: "presentation",
+				get class() {
+					return O();
+				},
+				get style() {
+					return A();
+				},
+				onPointerDown: ie
+			}, ne, E));
+		}
+	});
+}
+function Dt(e) {
+	return e.composedPath?.()[0] ?? e.target;
+}
+//#endregion
+//#region src/number-field/scrub-area-cursor/NumberFieldScrubAreaCursor.tsx
+var Ot = /* @__PURE__ */ N("<span>"), kt = {
+	position: "fixed",
+	top: "0",
+	left: "0",
+	"pointer-events": "none"
+};
+function At(e) {
+	let r = We(), i = Ct(), a = e, o = V(e, "render", "class", "ref", "style"), s = r.state, c = L(() => i.isScrubbing() && !Me() && !i.isTouchInput() && !i.isPointerLockDenied()), l = () => i.scrubAreaElement()?.ownerDocument.body, u = L(() => p(e.class, s())), d = t(e, s, (e) => (() => {
+		var t = D(Ot);
+		return j(t, e, !1), k(), t;
+	})()), f = L(() => {
+		let t = m(e.style, s());
+		return typeof t == "string" ? `position:fixed;top:0;left:0;pointer-events:none;${t}` : S(kt, t === !1 ? void 0 : t);
+	}), h = L(() => n(s(), Pe));
+	return I(c, (e) => {
+		e || i.setScrubAreaCursorElement(void 0);
+	}), H(() => {
+		i.setScrubAreaCursorElement(void 0);
+	}), w(P, {
+		get when() {
+			return O(() => !!c())() ? l() : void 0;
+		},
+		keyed: !0,
+		children: (e) => w(C, {
+			mount: e,
+			get children() {
+				return w(d, ee({
+					ref: [((e) => i.setScrubAreaCursorElement(e)), a.ref],
+					role: "presentation",
+					get class() {
+						return u();
+					},
+					get style() {
+						return f();
+					}
+				}, h, o));
+			}
+		})
+	});
+}
+//#endregion
+//#region src/number-field/index.parts.ts
+var jt = /* @__PURE__ */ e({
+	Decrement: () => gt,
+	Group: () => Ze,
+	Increment: () => ht,
+	Input: () => yt,
+	Root: () => Ye,
+	ScrubArea: () => Et,
+	ScrubAreaCursor: () => At
+});
+//#endregion
+export { jt as t };