solid-baseui 0.1.0-alpha.0

package/dist/lib/client/slider-BCagYmGp.js

@@ -0,0 +1,921 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { b as n, c as r, h as i, j as a, w as o } from "./reasons-Co5CzjKq.js";
+import { n as s, t as c } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as l, createGenericEventDetails as u } from "./internals/createBaseUIEventDetails.js";
+import { composeEventHandlers as d } from "./internals/composeEventHandlers.js";
+import { n as f } from "./DirectionContext-BwMabICS.js";
+import { fieldStateAttributesMapping as p } from "./internals/field-constants.js";
+import { n as m } from "./FieldRootContext-izCEh80D.js";
+import { n as h } from "./FormContext-BB05lWOI.js";
+import { r as g } from "./LabelableContext-DKsB0fIx.js";
+import { n as _ } from "./CSPContext-faVzToiT.js";
+import { mergeStyles as v } from "./internals/mergeStyles.js";
+import { Dynamic as y, addEvent as b, createComponent as x, delegateEvents as ee, effect as S, getNextElement as C, isServer as w, memo as T, mergeProps as E, ref as D, runHydrationEvents as O, setAttribute as k, spread as A, style as te, template as j } from "@solidjs/web";
+import { createContext as M, createEffect as N, createMemo as P, createSignal as F, createUniqueId as I, flush as ne, omit as L, onCleanup as re, onSettled as ie, sharedConfig as ae, untrack as R, useContext as z } from "solid-js";
+//#region src/slider/stateAttributesMapping.ts
+var B = () => null, V = {
+	activeThumbIndex: B,
+	max: B,
+	min: B,
+	minStepsBetweenValues: B,
+	step: B,
+	values: B,
+	...p
+};
+//#endregion
+//#region src/slider/utils/dom.ts
+function oe(e, t) {
+	let n = e.getBoundingClientRect();
+	return t ? (n.top + n.bottom) / 2 : (n.left + n.right) / 2;
+}
+function se(e) {
+	let t = e.composedPath()[0] ?? e.target;
+	if (!t || typeof t.nodeType != "number") return null;
+	let n = t;
+	return n.nodeType === 1 ? n : n.parentElement;
+}
+function ce(e, t) {
+	if (!e || !t || typeof t.nodeType != "number") return !1;
+	let n = t;
+	for (; n;) {
+		if (e.contains(n)) return !0;
+		let t = n.getRootNode();
+		n = t.nodeType === 11 && "host" in t ? t.host : null;
+	}
+	return !1;
+}
+//#endregion
+//#region src/slider/utils/math.ts
+function H(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function le(e, t) {
+	return e === t ? !0 : !Array.isArray(e) || !Array.isArray(t) || e.length !== t.length ? !1 : e.every((e, n) => e === t[n]);
+}
+function ue(e, t, n) {
+	return (e - t) * 100 / (n - t);
+}
+function de(e, t, n) {
+	return new Intl.NumberFormat(t, n).format(e);
+}
+//#endregion
+//#region src/slider/utils/getSliderValue.ts
+function fe(e, t, n, r, i, a) {
+	let o = H(e, n, r);
+	if (!i) return o;
+	let s = a.slice();
+	return s[t] = H(o, a[t - 1] ?? -Infinity, a[t + 1] ?? Infinity), s.sort((e, t) => e - t);
+}
+//#endregion
+//#region src/slider/utils/validateMinimumDistance.ts
+function pe(e, t, n) {
+	if (!Array.isArray(e)) return !0;
+	let r = t * n;
+	for (let t = 0; t < e.length - 1; t += 1) if (!(Math.abs(e[t] - e[t + 1]) >= r)) return !1;
+	return !0;
+}
+//#endregion
+//#region src/slider/root/SliderRootContext.ts
+var U = Symbol("SliderRootContext"), me = M(U);
+function W() {
+	let e = z(me);
+	if (e === U) throw Error("Base UI: SliderRootContext is missing. Slider parts must be placed within <Slider.Root>.");
+	return e;
+}
+//#endregion
+//#region src/slider/root/SliderRoot.tsx
+function G(e) {
+	let r = m(!0), a = h(), d = g(), f = e, p = e, _ = Symbol("Slider"), v = Symbol("SliderControl"), b = `base-ui-${I()}`, ee = `base-ui-${I()}`, S = R(d.controlId), C = typeof S == "string" ? S : ee, w = R(() => f.value !== void 0), T = R(() => f.defaultValue ?? f.min ?? 0), [D, O] = F(() => T), [k, A] = F(), [te, j] = F(), [M, ie] = F(-1), [ae, z] = F(-1), [B, oe] = F(!1), [se, ue] = F(), [de, U] = F([void 0, void 0]), [W, G] = F(0, { ownedWrite: !0 }), K = [], ye = 0, q = {
+		pressedThumbCenterOffset: null,
+		pressedThumbIndex: -1,
+		pressedValues: null,
+		lastChangeReason: o
+	}, be = L(p, "aria-describedby", "aria-labelledby", "as", "class", "defaultValue", "disabled", "format", "form", "id", "largeStep", "locale", "max", "min", "minStepsBetweenValues", "name", "onValueChange", "onValueCommitted", "orientation", "ref", "step", "style", "thumbAlignment", "thumbCollisionBehavior", "value"), J = P(() => f.id ?? b), Y = P(() => f.min ?? 0), X = P(() => f.max ?? 100), Z = P(() => f.step ?? 1), xe = P(() => f.largeStep ?? 10), Q = P(() => f.minStepsBetweenValues ?? 0), Se = P(() => f.orientation ?? "horizontal"), Ce = P(() => f.thumbAlignment ?? "center"), we = P(() => f.thumbCollisionBehavior ?? "push"), Te = P(() => r.disabled() || (f.disabled ?? !1)), Ee = P(() => r.name() ?? f.name), De = P(() => w ? f.value : D()), $ = P(() => {
+		let e = De();
+		return Array.isArray(e) ? e.map((e) => H(e, Y(), X())).sort((e, t) => e - t) : [H(e, Y(), X())];
+	}), Oe = P(() => Array.isArray(De())), ke = P(() => Oe() ? $() : $()[0]), Ae = P(() => `${J()}-label`), je = P(() => f["aria-labelledby"] ?? d.labelId() ?? se()), Me = P(() => ({
+		...r.state(),
+		activeThumbIndex: M(),
+		disabled: Te(),
+		dragging: B(),
+		max: X(),
+		min: Y(),
+		minStepsBetweenValues: Q(),
+		orientation: Se(),
+		step: Z(),
+		values: $()
+	})), Ne = P(() => s(e.class, Me())), Pe = P(() => c(e.style, Me())), Fe = P(() => t(Me(), V)), Ie = P(() => d.getAriaDescribedBy(f["aria-describedby"])), Le = P(() => (W(), K.slice().sort(he))), Re = _e(R(ke)), ze = {
+		id: b,
+		name: f.name,
+		value: ke,
+		getControl: () => Le().find((e) => !e.input()?.disabled)?.input() ?? te() ?? k() ?? null
+	};
+	function Be(e) {
+		ie(e), e !== -1 && z(e);
+	}
+	function Ve(e) {
+		return e.order = ye, ye += 1, K.push(e), G((e) => e + 1), () => {
+			let t = K.indexOf(e);
+			t !== -1 && (K.splice(t, 1), G((e) => e + 1));
+		};
+	}
+	function He(e, t) {
+		U((n) => n[e] === t ? n : e === 0 ? [t, n[1]] : [n[0], t]);
+	}
+	function Ue(e, t) {
+		if (Number.isNaN(e) || le(e, R(De))) return !1;
+		let n = t.event, r = ve(n);
+		return Object.defineProperty(r, "target", {
+			configurable: !0,
+			writable: !0,
+			value: {
+				value: e,
+				name: R(Ee)
+			}
+		}), t.event = r, f.onValueChange?.(e, t), w && ne(), !t.isCanceled && (q.lastChangeReason = t.reason, w || O(() => e), !0);
+	}
+	function We(e, t) {
+		f.onValueCommitted?.(e, t);
+	}
+	function Ge(e, t, a) {
+		let o = R($), s = fe(e, t, R(Y), R(X), R(Oe), o);
+		if (!pe(s, R(Z), R(Q))) {
+			queueMicrotask(Ke);
+			return;
+		}
+		let c = "key" in a ? n : i, d = Ue(s, l(c, a, void 0, { activeThumbIndex: t }));
+		r.setTouched(!0), d && We(s, u(c, a)), queueMicrotask(Ke);
+	}
+	function Ke() {
+		let e = R($);
+		for (let t of R(Le)) {
+			let n = t.input(), r = e[t.index()];
+			n && r !== void 0 && n.valueAsNumber !== r && (n.value = String(r));
+		}
+	}
+	let qe = {
+		active: M,
+		controlElement: te,
+		disabled: Te,
+		dragging: B,
+		fieldControlSource: _,
+		format: () => f.format,
+		form: () => f.form,
+		handleInputChange: Ge,
+		indicatorPosition: de,
+		inset: () => Ce() !== "center",
+		interaction: q,
+		labelId: je,
+		largeStep: xe,
+		lastUsedThumbIndex: ae,
+		locale: () => f.locale,
+		max: X,
+		min: Y,
+		minStepsBetweenValues: Q,
+		name: Ee,
+		onValueCommitted: We,
+		orientation: Se,
+		orderedThumbs: Le,
+		range: Oe,
+		registerThumb: Ve,
+		renderBeforeHydration: () => Ce() === "edge",
+		rootId: J,
+		rootLabelId: Ae,
+		setActive: Be,
+		setControlElement: j,
+		setDragging: oe,
+		setIndicatorPosition: He,
+		setLocalLabelId: ue,
+		setValue: Ue,
+		singleInputId: C,
+		state: Me,
+		step: Z,
+		syncInputs: Ke,
+		thumbCollisionBehavior: we,
+		values: $
+	};
+	return N(() => ({
+		disabled: Te(),
+		element: k(),
+		id: J(),
+		name: f.name
+	}), (e) => {
+		ze.id = e.id, ze.name = e.name, r.registerFieldControl(_, e.disabled || !e.element ? void 0 : ze);
+	}), N(ke, (e) => {
+		le(e, Re) || (Re = _e(e), R(() => {
+			a.clearError(Ee()), r.validation.change(e), r.setDirty(!le(e, r.validityData().initialValue));
+		}));
+	}), N(() => ({
+		disabled: Te(),
+		element: k()
+	}), (e) => {
+		if (!e.disabled || !e.element) return;
+		let t = ge(e.element.ownerDocument);
+		t && ce(e.element, t) && t.blur(), Be(-1), oe(!1);
+	}), N(() => ({
+		range: Oe(),
+		inputId: Le()[0]?.input()?.id
+	}), (e) => {
+		d.registerControlId(v, e.range ? void 0 : e.inputId);
+	}), N(k, (e) => {
+		let t = e?.ownerDocument.defaultView?.MutationObserver;
+		if (!e || !t) return;
+		let n = new t(() => G((e) => e + 1));
+		return n.observe(e, {
+			childList: !0,
+			subtree: !0
+		}), () => n.disconnect();
+	}), N(() => ({
+		max: X(),
+		min: Y()
+	}), (e) => {}), re(() => {
+		r.registerFieldControl(_, void 0), d.registerControlId(v, void 0);
+	}), x(me, {
+		value: qe,
+		get children() {
+			return x(y, E({
+				get component() {
+					return e.as ?? "div";
+				},
+				ref: [((e) => A(e)), f.ref],
+				get id() {
+					return J();
+				},
+				role: "group",
+				get class() {
+					return Ne();
+				},
+				get style() {
+					return Pe();
+				},
+				get "aria-labelledby"() {
+					return je();
+				},
+				get "aria-describedby"() {
+					return Ie();
+				},
+				get "aria-invalid"() {
+					return Me().valid === !1 && !Te() ? "true" : void 0;
+				}
+			}, Fe, be));
+		}
+	});
+}
+function he(e, t) {
+	let n = e.element(), r = t.element();
+	if (n && r && n !== r) {
+		let e = n.compareDocumentPosition(r);
+		if (e & 4) return -1;
+		if (e & 2) return 1;
+	}
+	return e.order - t.order;
+}
+function ge(e) {
+	let t = e.activeElement;
+	for (; t?.shadowRoot?.activeElement;) t = t.shadowRoot.activeElement;
+	return t;
+}
+function _e(e) {
+	return Array.isArray(e) ? e.slice() : e;
+}
+function ve(e) {
+	let t = e.constructor;
+	try {
+		return new t(e.type, e);
+	} catch {
+		return new Event(e.type, {
+			bubbles: e.bubbles,
+			cancelable: e.cancelable,
+			composed: e.composed
+		});
+	}
+}
+//#endregion
+//#region src/slider/label/SliderLabel.tsx
+function K(e) {
+	let n = W(), r = g(), i = e, a = L(e, "as", "class", "id", "onClick", "onPointerDown", "ref", "style"), o = P(() => n.state()), l = P(() => s(e.class, o())), u = P(() => c(e.style, o())), f = P(() => t(o(), V));
+	function p(e) {
+		let t = e.composedPath()[0];
+		if (t instanceof Element && t.closest("button,input,select,textarea")) return;
+		!e.defaultPrevented && e.detail > 1 && e.preventDefault();
+		let i = e.currentTarget, a = r.controlId(), o = a ? i.ownerDocument.getElementById(a) : null;
+		if (o instanceof HTMLElement) {
+			o.focus({ focusVisible: !0 });
+			return;
+		}
+		let s = n.controlElement()?.querySelectorAll("input[type=\"range\"]");
+		s?.length === 1 && s[0]?.focus({ focusVisible: !0 });
+	}
+	function m(e) {
+		e.preventDefault();
+	}
+	let h = d(() => i.onClick, () => p), _ = d(() => i.onPointerDown, () => m);
+	return N(n.rootLabelId, (e) => {
+		n.setLocalLabelId(e);
+		let t = r.registerLabelId(e);
+		return () => {
+			t(), R(n.labelId) === e && n.setLocalLabelId(void 0);
+		};
+	}), x(y, E({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [i.ref],
+		get id() {
+			return n.rootLabelId();
+		},
+		get class() {
+			return l();
+		},
+		get style() {
+			return u();
+		},
+		onClick: h,
+		onPointerDown: _
+	}, f, a));
+}
+//#endregion
+//#region src/slider/value/SliderValue.tsx
+function ye(e) {
+	let n = W(), r = e, i = L(e, "aria-live", "as", "children", "class", "ref", "style"), a = P(() => n.state()), o = P(() => s(e.class, a())), l = P(() => c(e.style, a())), u = P(() => t(a(), V)), d = P(() => n.values().map((e) => de(e, n.locale(), n.format()))), f = P(() => typeof r.children == "function" ? r.children(d(), n.values()) : d().join(" – ")), p = P(() => n.orderedThumbs().map((e) => e.inputId()).join(" ").trim() || void 0);
+	return x(y, E({
+		get component() {
+			return e.as ?? "output";
+		},
+		ref: [r.ref],
+		get class() {
+			return o();
+		},
+		get style() {
+			return l();
+		},
+		get "aria-live"() {
+			return r["aria-live"] ?? "off";
+		},
+		get for() {
+			return p();
+		}
+	}, u, i, { get children() {
+		return f();
+	} }));
+}
+//#endregion
+//#region src/slider/utils/getPushedThumbValues.ts
+function q(e, t, n, r, i, a, o, s) {
+	let c = e.slice(), l = a * o, u = c.length - 1, d = s ?? e;
+	c[t] = H(n, r + t * l, i - (u - t) * l);
+	for (let e = t + 1; e <= u; e += 1) {
+		let t = c[e - 1] + l, n = i - (u - e) * l, r = Math.max(c[e], t);
+		d[e] < r && (r = Math.max(d[e], t)), c[e] = H(r, t, n);
+	}
+	for (let e = t - 1; e >= 0; --e) {
+		let t = c[e + 1] - l, n = r + e * l, i = Math.min(c[e], t);
+		d[e] > i && (i = Math.min(d[e], t)), c[e] = H(i, n, t);
+	}
+	return c.map((e) => Number(e.toFixed(12)));
+}
+//#endregion
+//#region src/slider/utils/resolveThumbCollision.ts
+function be(e, t, n, r, i, a, o, s, c, l) {
+	let u = n ?? t, d = r ?? t;
+	if (u.length <= 1) return {
+		value: a,
+		thumbIndex: 0,
+		didSwap: !1
+	};
+	let f = c * l;
+	if (e === "push") return {
+		value: q(u, i, a, o, s, c, l),
+		thumbIndex: i,
+		didSwap: !1
+	};
+	let p = u.slice(), m = p[i - 1], h = p[i + 1], g = m == null ? o : m + f, _ = h == null ? s : h - f, v = Number(H(a, g, _).toFixed(12));
+	if (p[i] = v, e !== "swap") return {
+		value: p,
+		thumbIndex: i,
+		didSwap: !1
+	};
+	let y = u[i], b = 1e-7, x = a > y && h != null && a >= h - b, ee = a < y && m != null && a <= m + b;
+	if (!x && !ee) return {
+		value: p,
+		thumbIndex: i,
+		didSwap: !1
+	};
+	let S = x ? i + 1 : i - 1, C = p.map((e, t) => t === i ? v : d[t] ?? u[t]), w = q(p, S, x ? Math.max(a, p[S]) : Math.min(a, p[S]), o, s, c, l, C), T = x ? S - 1 : S + 1, E = w[T - 1], D = w[T + 1], O = Math.max(E == null ? o : E + f, o + T * f), k = Math.min(D == null ? s : D - f, s - (w.length - 1 - T) * f);
+	return w[T] = Number(H(v, O, k).toFixed(12)), {
+		value: w,
+		thumbIndex: S,
+		didSwap: !0
+	};
+}
+//#endregion
+//#region src/slider/utils/roundValueToStep.ts
+function J(e) {
+	if (e === 0) return 0;
+	if (Math.abs(e) < 1) {
+		let t = e.toExponential().split("e-");
+		return (t[0]?.split(".")[1]?.length ?? 0) + Number.parseInt(t[1] ?? "0", 10);
+	}
+	return e.toString().split(".")[1]?.length ?? 0;
+}
+function Y(e, t, n) {
+	let r = Math.round((e - n) / t) * t + n;
+	return Number(r.toFixed(Math.max(J(t), J(n))));
+}
+//#endregion
+//#region src/slider/control/SliderControl.tsx
+var X = 2;
+function Z(e) {
+	let n = W(), i = f(), o = e, p = e, [m, h] = F(), g = L(p, "as", "class", "onPointerDown", "onTouchStart", "ref", "style"), _ = P(() => n.state()), v = P(() => s(e.class, _())), b = P(() => c(e.style, _())), ee = P(() => t(_(), V)), S = null, C = 0, w = 0, T = null, D = null, O = null, k = null, A;
+	function te(e) {
+		return n.orderedThumbs()[e]?.input();
+	}
+	function j(e) {
+		n.interaction.pressedThumbIndex = e, n.orderedThumbs()[e]?.element() || (n.interaction.pressedThumbCenterOffset = null);
+	}
+	function M() {
+		n.interaction.pressedThumbIndex = -1, n.interaction.pressedThumbCenterOffset = null;
+	}
+	function I(e) {
+		return n.orderedThumbs().some((t) => ce(t.element(), e) && t.input()?.disabled === !0);
+	}
+	function ne(e) {
+		let t = n.values(), r = t.length > 1;
+		n.interaction.pressedValues = r ? t.slice() : null, T = null, D = t;
+		let i = n.interaction.pressedThumbIndex, a = i;
+		if (i >= 0 && i < t.length) {
+			if (t[i] === n.max()) for (; a > 0 && t[a - 1] === n.max();) --a;
+		} else {
+			a = -1;
+			let t, r = n.orientation() === "vertical" ? "y" : "x";
+			for (let i = 0; i < n.orderedThumbs().length; i += 1) {
+				let o = n.orderedThumbs()[i], s = o?.element();
+				if (!s || o.input()?.disabled) continue;
+				let c = Math.abs(e[r] - oe(s, n.orientation() === "vertical"));
+				(t === void 0 || c <= t) && (t = c, a = i);
+			}
+		}
+		if (a >= 0 && a !== i && j(a), n.inset()) {
+			let e = n.orderedThumbs()[a]?.element()?.getBoundingClientRect();
+			w = e ? (n.orientation() === "vertical" ? e.height : e.width) / 2 : 0;
+		} else w = 0;
+	}
+	function ie(e) {
+		let t = m(), r = n.values(), a = n.interaction.pressedThumbIndex;
+		if (!t || a < 0 || a >= r.length) return a >= r.length && (T = null), null;
+		let o = n.orientation() === "vertical", s = t.getBoundingClientRect(), c = xe(t.ownerDocument.defaultView?.getComputedStyle(t) ?? null, o), l = (o ? s.height : s.width) - c.start - c.end - w * 2, u = n.interaction.pressedThumbCenterOffset ?? 0, d = e.x - u, f = e.y - u, p = H(((o ? s.bottom - f - c.end : (i() === "rtl" ? s.right - d : d - s.left) - c.start) - w) / l, 0, 1), h = H(Y((n.max() - n.min()) * p + n.min(), n.step(), n.min()), n.min(), n.max());
+		return r.length <= 1 ? {
+			value: h,
+			thumbIndex: a,
+			didSwap: !1
+		} : be(n.thumbCollisionBehavior(), r, D, n.interaction.pressedValues, a, h, n.min(), n.max(), n.step(), n.minStepsBetweenValues());
+	}
+	function ae(e, t = !1) {
+		te(e)?.focus({
+			preventScroll: !0,
+			focusVisible: t
+		});
+	}
+	function R(e, t, r) {
+		let i = n.setValue(e.value, l(t, r, void 0, { activeThumbIndex: e.thumbIndex }));
+		return i && (T = e.value, D = Array.isArray(e.value) ? e.value : [e.value], e.didSwap && (j(e.thumbIndex), ae(e.thumbIndex))), i;
+	}
+	function z(e) {
+		let t = Q(e, S);
+		if (!t) return;
+		if (C += 1, e.type === "pointermove" && e.buttons === 0) {
+			B(e);
+			return;
+		}
+		let i = ie(t);
+		!i || !pe(i.value, n.step(), n.minStepsBetweenValues()) || (!n.dragging() && C > X && n.setDragging(!0), R(i, r, e));
+	}
+	function B(e) {
+		if ("changedTouches" in e && S != null && !Se(e, S)) return;
+		n.setActive(-1), n.setDragging(!1), n.interaction.pressedThumbCenterOffset = null;
+		let t = n.values();
+		Array.isArray(T) && T.length !== t.length && (T = null), T != null && n.onValueCommitted(T, u(n.interaction.lastChangeReason, e));
+		let r = m();
+		if ("pointerId" in e && r) try {
+			r.hasPointerCapture(e.pointerId) && r.releasePointerCapture(e.pointerId);
+		} catch {}
+		M(), S = null, O = null, fe();
+	}
+	function le(e) {
+		if (n.disabled()) return;
+		if (I(se(e))) {
+			M();
+			return;
+		}
+		let t = e.changedTouches[0];
+		if (!t) return;
+		S = t.identifier;
+		let r = {
+			x: t.clientX,
+			y: t.clientY
+		};
+		ne(r);
+		let i = ie(r);
+		i && (ae(i.thumbIndex), R(i, a, e), C = 0, de(m()?.ownerDocument, "touch"));
+	}
+	function ue(e) {
+		let t = m(), r = se(e);
+		if (!t || n.disabled() || e.defaultPrevented || !r || e.button !== 0) return;
+		if (I(r)) {
+			M();
+			return;
+		}
+		let i = {
+			x: e.clientX,
+			y: e.clientY
+		};
+		ne(i);
+		let o = ie(i);
+		if (!o) return;
+		let s = Ce(t.ownerDocument);
+		if (ce(n.orderedThumbs()[o.thumbIndex]?.element(), s)) e.preventDefault();
+		else {
+			let e = t.ownerDocument.defaultView;
+			A !== void 0 && e?.cancelAnimationFrame(A), A = e?.requestAnimationFrame(() => ae(o.thumbIndex));
+		}
+		if (n.setDragging(!0), n.interaction.pressedThumbCenterOffset ?? R(o, a, e), e.pointerId) {
+			O = e.pointerId;
+			try {
+				t.setPointerCapture(e.pointerId);
+			} catch {}
+		}
+		C = 0, de(t.ownerDocument, "pointer");
+	}
+	function de(e, t) {
+		U(), e && (k = e, t === "touch" ? (e.addEventListener("touchmove", z, { passive: !0 }), e.addEventListener("touchend", B, { passive: !0 }), e.addEventListener("touchcancel", B, { passive: !0 })) : (e.addEventListener("pointermove", z, { passive: !0 }), e.addEventListener("pointerup", B), e.addEventListener("pointercancel", B)));
+	}
+	function fe() {
+		U(), n.interaction.pressedValues = null, T = null, D = null;
+	}
+	function U() {
+		let e = k;
+		e && (e.removeEventListener("pointermove", z), e.removeEventListener("pointerup", B), e.removeEventListener("pointercancel", B), e.removeEventListener("touchmove", z), e.removeEventListener("touchend", B), e.removeEventListener("touchcancel", B)), k = null;
+	}
+	let me = d(() => o.onPointerDown, () => ue), G = d(() => o.onTouchStart, () => le);
+	return N(m, (e) => {
+		if (n.setControlElement(e), !e) return;
+		let t = (t) => G.call(e, t);
+		return e.addEventListener("touchstart", t, { passive: !0 }), () => {
+			e.removeEventListener("touchstart", t), n.controlElement() === e && n.setControlElement(void 0);
+		};
+	}), N(n.disabled, (e) => {
+		e && (n.setDragging(!1), M(), fe());
+	}), re(() => {
+		let e = m()?.ownerDocument.defaultView;
+		if (A !== void 0 && e?.cancelAnimationFrame(A), O != null) try {
+			m()?.hasPointerCapture(O) && m()?.releasePointerCapture(O);
+		} catch {}
+		fe();
+	}), x(y, E({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [((e) => h(e)), o.ref],
+		get class() {
+			return v();
+		},
+		get style() {
+			return b();
+		},
+		get "data-base-ui-slider-control"() {
+			return n.renderBeforeHydration() ? "" : void 0;
+		},
+		onPointerDown: me
+	}, ee, g));
+}
+function xe(e, t) {
+	let n = (e) => {
+		let t = e == null ? 0 : Number.parseFloat(e);
+		return Number.isNaN(t) ? 0 : t;
+	};
+	return e ? t ? {
+		start: n(e.borderTopWidth) + n(e.paddingTop),
+		end: n(e.borderBottomWidth) + n(e.paddingBottom)
+	} : {
+		start: n(e.borderInlineStartWidth) + n(e.paddingInlineStart),
+		end: n(e.borderInlineEndWidth) + n(e.paddingInlineEnd)
+	} : {
+		start: 0,
+		end: 0
+	};
+}
+function Q(e, t) {
+	if (t != null && "changedTouches" in e) {
+		for (let n of e.changedTouches) if (n.identifier === t) return {
+			x: n.clientX,
+			y: n.clientY
+		};
+		return null;
+	}
+	return {
+		x: e.clientX,
+		y: e.clientY
+	};
+}
+function Se(e, t) {
+	for (let n of e.changedTouches) if (n.identifier === t) return !0;
+	return !1;
+}
+function Ce(e) {
+	let t = e.activeElement;
+	for (; t?.shadowRoot?.activeElement;) t = t.shadowRoot.activeElement;
+	return t;
+}
+//#endregion
+//#region src/slider/track/SliderTrack.tsx
+function we(e) {
+	let n = W(), r = e, i = L(e, "as", "class", "ref", "style"), a = P(() => n.state()), o = P(() => s(e.class, a())), l = P(() => v({ position: "relative" }, c(e.style, a()))), u = P(() => t(a(), V));
+	return x(y, E({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [r.ref],
+		get class() {
+			return o();
+		},
+		get style() {
+			return l();
+		}
+	}, u, i));
+}
+//#endregion
+//#region src/slider/thumb/SliderThumbDataAttributes.ts
+var Te = /* @__PURE__ */ function(e) {
+	return e.index = "data-index", e.dragging = "data-dragging", e.orientation = "data-orientation", e.disabled = "data-disabled", e.valid = "data-valid", e.invalid = "data-invalid", e.touched = "data-touched", e.dirty = "data-dirty", e.focused = "data-focused", e;
+}({}), Ee = /* @__PURE__ */ j("<input type=range>"), De = /* @__PURE__ */ j("<script>"), $ = /* @__PURE__ */ new Set([
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight",
+	"ArrowUp",
+	"End",
+	"Home",
+	"PageDown",
+	"PageUp"
+]), Oe = /* @__PURE__ */ new Set([
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight",
+	"ArrowUp",
+	"End",
+	"Home"
+]), ke = {
+	position: "fixed",
+	width: "1px",
+	height: "1px",
+	padding: "0",
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	"white-space": "nowrap",
+	border: "0"
+};
+function Ae(e) {
+	let n = W(), r = m(!0), i = g(), a = f(), o = _(), l = e, u = e, p = `base-ui-${I()}`, h = `base-ui-${I()}`, ee = Symbol("SliderThumb"), [j, M] = F(), [ne, z] = F(), [B, se] = F(), [H, le] = F(w || ae.hydrating), pe = { innerHTML: "" }, U = !1, me, G = () => -1, he = P(() => n.range() ? h : n.singleInputId), ge = {
+		token: ee,
+		order: 0,
+		element: j,
+		input: ne,
+		inputId: he,
+		index: () => G()
+	}, _e = n.registerThumb(ge), ve = P(() => n.orderedThumbs().indexOf(ge)), K = P(() => n.range() ? l.index ?? ve() : 0);
+	G = K;
+	let ye = L(u, "aria-describedby", "aria-label", "aria-labelledby", "aria-valuetext", "as", "children", "class", "disabled", "getAriaLabel", "getAriaValueText", "id", "index", "inputRef", "onBlur", "onFocus", "onKeyDown", "onPointerDown", "ref", "style", "tabIndex"), q = P(() => n.values()[K()]), be = P(() => ue(q(), n.min(), n.max())), J = n.range, X = P(() => n.orientation() === "vertical"), Z = P(() => n.disabled() || (l.disabled ?? !1)), xe = P(() => K() === n.values().length - 1), Q = P(() => n.state()), Se = P(() => s(e.class, Q())), Ce = P(() => {
+		let e = be();
+		if (!n.inset() && !Number.isFinite(e)) return ke;
+		let t = n.lastUsedThumbIndex() >= 0 && n.lastUsedThumbIndex() < n.values().length ? n.lastUsedThumbIndex() : -1, r;
+		return J() ? n.active() === K() ? r = 2 : t === K() && (r = 1) : n.active() === K() && (r = 1), {
+			position: "absolute",
+			[X() ? "bottom" : "inset-inline-start"]: n.inset() ? "var(--position)" : `${e}%`,
+			[X() ? "left" : "top"]: "50%",
+			translate: `${(X() || a() !== "rtl" ? -1 : 1) * 50}% ${(X() ? 1 : -1) * 50}%`,
+			"z-index": r,
+			...n.inset() ? {
+				"--position": `${B() ?? 0}%`,
+				visibility: n.renderBeforeHydration() && H() || B() === void 0 ? "hidden" : void 0
+			} : {}
+		};
+	}), we = P(() => v(Ce(), c(e.style, Q()))), Ae = P(() => t(Q(), V)), Ne = P(() => ({ [Te.index]: String(K()) })), Pe = P(() => de(q(), n.locale(), n.format())), Fe = P(() => typeof l.getAriaLabel == "function" ? l.getAriaLabel(K()) : l["aria-label"]), Ie = P(() => {
+		let e = q();
+		if (!(e === void 0 || K() < 0)) return typeof l.getAriaValueText == "function" ? l.getAriaValueText(Pe(), e, K()) : l["aria-valuetext"] === void 0 ? n.values().length === 2 ? `${Pe()} ${K() === 0 ? "start" : "end"} range` : n.format() ? Pe() : void 0 : l["aria-valuetext"];
+	}), Le = P(() => ({
+		...ke,
+		width: "100%",
+		height: "100%",
+		"writing-mode": X() ? a() === "rtl" ? "vertical-rl" : "vertical-lr" : void 0
+	}));
+	function Re() {
+		if (!n.inset()) return;
+		let e = n.controlElement(), t = j();
+		if (!e || !t) return;
+		let r = t.getBoundingClientRect(), i = e.getBoundingClientRect(), a = X() ? "height" : "width", o = i[a] - r[a], s = (r[a] / 2 + o * be() / 100) / i[a] * 100, c = Number.isFinite(s) ? s : void 0;
+		se(c), K() === 0 ? n.setIndicatorPosition(0, c) : xe() && n.setIndicatorPosition(1, c);
+	}
+	function ze(e) {
+		let t = U;
+		if (U = !1, n.setActive(K()), r.setFocused(!0), t) {
+			e.stopPropagation();
+			return;
+		}
+	}
+	function Be(e) {
+		if (U) {
+			e.stopPropagation();
+			return;
+		}
+		if (n.setActive(-1), !n.orderedThumbs().some((t) => ce(t.element(), e.relatedTarget)) && (r.setTouched(!0), r.setFocused(!1), r.validationMode() === "onBlur")) {
+			let e = q();
+			e !== void 0 && r.validation.commit(fe(e, K(), n.min(), n.max(), J(), n.values()));
+		}
+	}
+	function Ve(e) {
+		if (Z() || e.defaultPrevented || !$.has(e.key)) return;
+		Oe.has(e.key) && e.stopPropagation();
+		let t = q();
+		if (t === void 0) return;
+		let r = null, i = 0, o = e.shiftKey ? n.largeStep() : n.step(), s = Y(t, n.step(), n.min());
+		switch (e.key) {
+			case "ArrowUp":
+				i = 1;
+				break;
+			case "ArrowRight":
+				i = a() === "rtl" ? -1 : 1;
+				break;
+			case "ArrowDown":
+				i = -1;
+				break;
+			case "ArrowLeft":
+				i = a() === "rtl" ? 1 : -1;
+				break;
+			case "PageUp":
+				o = n.largeStep(), i = 1;
+				break;
+			case "PageDown":
+				o = n.largeStep(), i = -1;
+				break;
+			case "End":
+				r = J() && Number.isFinite(n.values()[K() + 1]) ? n.values()[K() + 1] - n.step() * n.minStepsBetweenValues() : n.max();
+				break;
+			case "Home": r = J() && Number.isFinite(n.values()[K() - 1]) ? n.values()[K() - 1] + n.step() * n.minStepsBetweenValues() : n.min();
+		}
+		if (i !== 0 && (r = je(s, o, i, n.min(), n.max())), r === null) return;
+		let c = ne();
+		c && !Me(c) && (U = !0, c.blur(), c.focus({
+			preventScroll: !0,
+			focusVisible: !0
+		})), n.handleInputChange(r, K(), e), e.preventDefault();
+	}
+	function He(e) {
+		Z() || (n.interaction.pressedThumbIndex = K(), n.interaction.pressedThumbCenterOffset = (X() ? e.clientY : e.clientX) - oe(e.currentTarget, X()));
+	}
+	function Ue(e) {
+		if (Z()) {
+			queueMicrotask(n.syncInputs);
+			return;
+		}
+		n.handleInputChange(e.currentTarget.valueAsNumber, K(), e);
+	}
+	function We(e) {
+		me = e.currentTarget.valueAsNumber, Ue(e);
+	}
+	function Ge(e) {
+		if (me === e.currentTarget.valueAsNumber) {
+			me = void 0;
+			return;
+		}
+		Ue(e);
+	}
+	let Ke = d(() => U ? void 0 : l.onFocus, () => ze), qe = d(() => U ? void 0 : l.onBlur, () => Be), Je = d(() => l.onKeyDown, () => Ve), Ye = d(() => l.onPointerDown, () => He);
+	return N(() => ({
+		control: n.controlElement(),
+		inset: n.inset(),
+		percent: be(),
+		thumb: j()
+	}), (e) => {
+		if (!e.inset || !e.control || !e.thumb) return;
+		queueMicrotask(() => R(Re)), R(Re);
+		let t = e.control.ownerDocument.defaultView?.ResizeObserver;
+		if (!t) return;
+		let n = new t(Re);
+		return n.observe(e.control), n.observe(e.thumb), () => n.disconnect();
+	}), N(ne, (e) => {
+		if (e) return r.validation.registerInput(n.fieldControlSource, e, () => e);
+	}), ie(() => {
+		le(!1);
+	}), re(_e), x(y, E({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [((e) => {
+			M(e);
+			let t = Number.parseFloat(e.style.getPropertyValue("--position"));
+			Number.isFinite(t) && se(t);
+		}), l.ref],
+		get id() {
+			return l.id ?? p;
+		},
+		get class() {
+			return Se();
+		},
+		get style() {
+			return we();
+		},
+		onPointerDown: Ye
+	}, Ne, Ae, ye, { get children() {
+		return [
+			T(() => l.children),
+			(() => {
+				var e = C(Ee);
+				return b(e, "keydown", Je, !0), b(e, "blur", qe), b(e, "focus", Ke), e.addEventListener("change", Ge), e.$$input = We, D(() => [((e) => z(e)), l.inputRef], e), S(() => ({
+					e: he(),
+					t: n.name(),
+					a: n.form(),
+					o: n.min(),
+					i: n.max(),
+					n: n.step(),
+					s: q() ?? "",
+					h: Z(),
+					r: l.tabIndex,
+					d: Le(),
+					l: Fe(),
+					u: l["aria-labelledby"] ?? (Fe() == null ? n.labelId() : void 0),
+					c: i.getAriaDescribedBy(l["aria-describedby"]),
+					w: n.orientation(),
+					m: q(),
+					f: Ie(),
+					y: Q().valid === !1 && !Z() ? "true" : void 0
+				}), ({ e: t, t: n, a: r, o: i, i: a, n: o, s, h: c, r: l, d: u, l: d, u: f, c: p, w: m, m: h, f: g, y: _ }, v) => {
+					t !== v?.e && k(e, "id", t), n !== v?.t && k(e, "name", n), r !== v?.a && k(e, "form", r), i !== v?.o && k(e, "min", i), a !== v?.i && k(e, "max", a), o !== v?.n && k(e, "step", o), e.value = s ?? "", c !== v?.h && k(e, "disabled", c), l !== v?.r && k(e, "tabindex", l), te(e, u, v?.d), d !== v?.l && k(e, "aria-label", d), f !== v?.u && k(e, "aria-labelledby", f), p !== v?.c && k(e, "aria-describedby", p), m !== v?.w && k(e, "aria-orientation", m), h !== v?.m && k(e, "aria-valuenow", h), g !== v?.f && k(e, "aria-valuetext", g), _ !== v?.y && k(e, "aria-invalid", _);
+				}), O(), e;
+			})(),
+			T(() => T(() => !!(n.inset() && xe() && n.renderBeforeHydration() && H()))() ? (() => {
+				var e = C(De);
+				return A(e, E({ get nonce() {
+					return o.nonce();
+				} }, pe), !1), O(), e;
+			})() : n.inset() && xe() && n.renderBeforeHydration() && H())
+		];
+	} }));
+}
+function je(e, t, n, r, i) {
+	let a = e + t * n;
+	return H(Number(a.toFixed(Math.max(J(e), J(t), J(r)))), r, i);
+}
+function Me(e) {
+	try {
+		return e.matches(":focus-visible");
+	} catch {
+		return !1;
+	}
+}
+ee(["input", "keydown"]);
+//#endregion
+//#region src/slider/indicator/SliderIndicator.tsx
+function Ne(e) {
+	let n = W(), r = e, i = e, [a, o] = F(w || ae.hydrating), l = L(i, "as", "class", "ref", "style"), u = P(() => n.state()), d = P(() => s(e.class, u())), f = P(() => {
+		let e = n.values(), t = n.orientation() === "vertical", r = e.length > 1, i = n.indicatorPosition(), o = n.inset() ? i[0] : ue(e[0], n.min(), n.max()), s = n.inset() ? i[1] : ue(e[e.length - 1], n.min(), n.max()), c = `${o ?? 0}%`, l = `${(s ?? 0) - (o ?? 0)}%`, u = {
+			visibility: n.inset() && n.renderBeforeHydration() && a() || n.inset() && (o === void 0 || r && s === void 0) ? "hidden" : void 0,
+			position: t ? "absolute" : "relative",
+			[t ? "width" : "height"]: "inherit"
+		};
+		return n.inset() && (u["--start-position"] = c, c = "var(--start-position)", r && (u["--relative-size"] = l, l = "var(--relative-size)")), u[t ? "bottom" : "inset-inline-start"] = r ? c : 0, u[t ? "height" : "width"] = r ? l : c, u;
+	}), p = P(() => v(f(), c(e.style, u()))), m = P(() => t(u(), V));
+	return ie(() => {
+		o(!1);
+	}), x(y, E({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [((e) => {
+			let t = Number.parseFloat(e.style.getPropertyValue("--start-position")), r = Number.parseFloat(e.style.getPropertyValue("--relative-size"));
+			Number.isFinite(t) && n.setIndicatorPosition(0, t), Number.isFinite(t) && Number.isFinite(r) && n.setIndicatorPosition(1, t + r);
+		}), r.ref],
+		get class() {
+			return d();
+		},
+		get style() {
+			return p();
+		},
+		get "data-base-ui-slider-indicator"() {
+			return n.renderBeforeHydration() ? "" : void 0;
+		}
+	}, m, l));
+}
+//#endregion
+//#region src/slider/index.parts.ts
+var Pe = /* @__PURE__ */ e({
+	Control: () => Z,
+	Indicator: () => Ne,
+	Label: () => K,
+	Root: () => G,
+	Thumb: () => Ae,
+	Track: () => we,
+	Value: () => ye
+});
+//#endregion
+export { Pe as t };