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

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