solid-baseui 0.1.0-alpha.0

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

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