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

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

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