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

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