@arcadeai/design-system 3.39.0 → 3.39.2

package/dist/components/ui/atoms/slider.js

@@ -1,483 +1,929 @@
-import { jsx as m, jsxs as j } from "react/jsx-runtime";
-import * as c from "react";
-import { cn as H } from "../../../lib/utils.js";
-import { c as X } from "../../../index-rKs9bXHr.js";
-import { c as _ } from "../../../index-B695uy69.js";
-import { u as C } from "../../../index-D2LZVjSn.js";
-import { c as de } from "../../../index-DFZozV_h.js";
-import { u as ue } from "../../../index-437EL2iq.js";
-import { u as fe } from "../../../index-ByaXH_ih.js";
-import { u as me } from "../../../index-BZPx6jYI.js";
-import { u as pe } from "../../../index-BGQepRFJ.js";
-import { P as B } from "../../../index-DLohNuco.js";
-import { c as he } from "../../../index-DJQkmo5O.js";
-var G = ["PageUp", "PageDown"], W = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], q = {
-  "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
-  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
-  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
-  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, M = "Slider", [L, Se, ge] = he(M), [J] = de(M, [
-  ge
-]), [ve, T] = J(M), Q = c.forwardRef(
-  (e, t) => {
-    const {
-      name: o,
-      min: n = 0,
-      max: r = 100,
-      step: l = 1,
-      orientation: i = "horizontal",
-      disabled: s = !1,
-      minStepsBetweenThumbs: d = 0,
-      defaultValue: w = [n],
-      value: S,
-      onValueChange: a = () => {
-      },
-      onValueCommit: u = () => {
-      },
-      inverted: v = !1,
-      form: R,
-      ...g
-    } = e, p = c.useRef(/* @__PURE__ */ new Set()), f = c.useRef(0), b = i === "horizontal" ? we : be, [h = [], A] = ue({
-      prop: S,
-      defaultProp: w,
-      onChange: (y) => {
-        [...p.current][f.current]?.focus(), a(y);
+"use client";
+import { jsx as ye, jsxs as Qe } from "react/jsx-runtime";
+import { cn as Pt } from "../../../lib/utils.js";
+import * as l from "react";
+import { o as Te } from "../../../owner-rKN292Q9.js";
+import { u as wt } from "../../../useControlled-Sx-_x7Sz.js";
+import { u as U } from "../../../useStableCallback-CudqoENs.js";
+import { u as Ze } from "../../../useValueAsRef-LhoZc6As.js";
+import { u as Ke } from "../../../useIsoLayoutEffect-DpJo20by.js";
+import { f as Et, w as Nt, u as Oe, m as At, c as Vt } from "../../../useRenderElement-DNB2vtF1.js";
+import { c as Me, n as Tt, h as et, k as Mt, j as Ot, m as Lt, p as Ge } from "../../../createBaseUIEventDetails-CqidROtw.js";
+import { u as Ft } from "../../../useValueChanged-Bissqjjn.js";
+import { u as qe } from "../../../useBaseUiId-C8Dq0BQq.js";
+import { c as le, u as Bt } from "../../../clamp-BxE4ZAuA.js";
+import { C as Dt } from "../../../CompositeList-yq5K_yj6.js";
+import { f as kt, c as _t, a as tt, u as $t, b as Ht } from "../../../LabelableContext-Dzw1DWuj.js";
+import { g as zt, r as Ut } from "../../../resolveAriaLabelledBy-B5vw-szP.js";
+import { a as nt, c as Wt } from "../../../element-DSo91iOi.js";
+import { a as We } from "../../../floating-ui.utils.dom-jr2suqy2.js";
+import { u as Kt } from "../../../useAnimationFrame-DIc6eFHa.js";
+import { u as rt } from "../../../DirectionContext-BSOheMwC.js";
+import { u as ot } from "../../../useOnMount-JHtE6teb.js";
+import { a as _e, v as Ye } from "../../../valueToPercent-BBgE4D3L.js";
+import { a as Xe } from "../../../visuallyHidden-PuyyGHVF.js";
+import { C as qt, H as it, E as st, d as at, b as lt, c as ut, e as ct } from "../../../composite-BSpUD7nI.js";
+import { u as Yt } from "../../../useCompositeListItem-CYQrZg5-.js";
+import { u as jt } from "../../../useLabelableId-DF_d91GP.js";
+function dt(e, t, r = (i, o) => i === o) {
+  return e.length === t.length && e.every((i, o) => r(i, t[o]));
+}
+function ft(e, t) {
+  return e - t;
+}
+function Gt(e, t, r) {
+  const i = e.slice();
+  return i[t] = r, i.sort(ft);
+}
+function mt(e, t, r, i, o, u) {
+  let a = e;
+  return a = le(a, r, i), o && (a = Gt(
+    u,
+    t,
+    // Bound the new value to the thumb's neighbours.
+    le(a, u[t - 1] || -1 / 0, u[t + 1] || 1 / 0)
+  )), a;
+}
+function pt(e, t, r) {
+  if (!Array.isArray(e))
+    return !0;
+  const i = e.reduce((o, u, a, p) => (a === p.length - 1 || o.push(Math.abs(u - p[a + 1])), o), []);
+  return Math.min(...i) >= t * r;
+}
+const Le = {
+  activeThumbIndex: () => null,
+  max: () => null,
+  min: () => null,
+  minStepsBetweenValues: () => null,
+  step: () => null,
+  values: () => null,
+  ...kt
+}, je = /* @__PURE__ */ l.createContext(void 0);
+process.env.NODE_ENV !== "production" && (je.displayName = "SliderRootContext");
+function $e() {
+  const e = l.useContext(je);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SliderRootContext is missing. Slider parts must be placed within <Slider.Root>." : Et(62));
+  return e;
+}
+function Xt(e) {
+  return "key" in e ? Mt : Ot;
+}
+function Jt(e, t) {
+  return typeof e == "number" && typeof t == "number" ? e === t : Array.isArray(e) && Array.isArray(t) ? dt(e, t) : !1;
+}
+const ht = /* @__PURE__ */ l.forwardRef(function(t, r) {
+  const {
+    "aria-labelledby": i,
+    className: o,
+    defaultValue: u,
+    disabled: a = !1,
+    id: p,
+    format: f,
+    largeStep: N = 10,
+    locale: b,
+    render: F,
+    max: A = 100,
+    min: g = 0,
+    minStepsBetweenValues: s = 0,
+    name: V,
+    onValueChange: I,
+    onValueCommitted: w,
+    orientation: v = "horizontal",
+    step: k = 1,
+    thumbCollisionBehavior: he = "push",
+    thumbAlignment: fe = "center",
+    value: J,
+    ...Q
+  } = t, Z = qe(p), ee = zt(Z), te = U(I), z = U(w), {
+    clearErrors: K
+  } = _t(), {
+    state: P,
+    disabled: q,
+    name: O,
+    setTouched: W,
+    setDirty: h,
+    validityData: S,
+    shouldValidateOnChange: ue,
+    validation: _
+  } = tt(), {
+    labelId: Y
+  } = $t(), [Re, ce] = l.useState(), be = i ?? Ut(Y, Re), $ = q || a, ne = O ?? V, [E, ge] = wt({
+    controlled: J,
+    default: u ?? g,
+    name: "Slider"
+  }), B = l.useRef(null), L = l.useRef(null), j = l.useRef([]), ve = l.useRef(null), re = l.useRef(null), n = l.useRef(-1), d = l.useRef(null), c = l.useRef(null), y = l.useRef("none"), m = Ze(f), [T, G] = l.useState(-1), [oe, me] = l.useState(-1), [de, Ie] = l.useState(!1), [Se, Ae] = l.useState(() => /* @__PURE__ */ new Map()), [x, Ce] = l.useState([void 0, void 0]), D = U((C) => {
+    G(C), C !== -1 && me(C);
+  });
+  Ht({
+    id: Z,
+    commit: _.commit,
+    value: E,
+    controlRef: L,
+    name: ne,
+    getValue: () => E
+  }), Ft(E, () => {
+    K(ne), ue() ? _.commit(E) : _.commit(E, !0);
+    const C = S.initialValue;
+    let se;
+    Array.isArray(E) && Array.isArray(C) ? se = !dt(E, C) : se = E !== C, h(se);
+  });
+  const ie = U((C) => {
+    C && (L.current = C);
+  }), X = Array.isArray(E), xe = l.useMemo(() => X ? E.slice().sort(ft) : [le(E, g, A)], [A, g, X, E]), Pe = U((C, se) => {
+    if (Number.isNaN(C) || Jt(C, E))
+      return;
+    const ae = se ?? Me(Tt, void 0, void 0, {
+      activeThumbIndex: -1
+    });
+    y.current = ae.reason;
+    const pe = ae.event, Ve = pe.constructor ?? Event, R = new Ve(pe.type, pe);
+    Object.defineProperty(R, "target", {
+      writable: !0,
+      value: {
+        value: C,
+        name: ne
       }
-    }), k = c.useRef(h);
-    function V(y) {
-      const P = De(h, y);
-      K(y, P);
-    }
-    function le(y) {
-      K(y, f.current);
-    }
-    function ce() {
-      const y = k.current[f.current];
-      h[f.current] !== y && u(h);
+    }), ae.event = R, c.current = C, te(C, ae), !ae.isCanceled && ge(C);
+  }), Fe = U((C, se, ae) => {
+    const pe = mt(C, se, g, A, X, xe);
+    if (pt(pe, k, s)) {
+      const Ve = Xt(ae);
+      Pe(pe, Me(Ve, ae.nativeEvent, void 0, {
+        activeThumbIndex: se
+      })), W(!0);
+      const R = c.current ?? pe;
+      z(R, et(Ve, ae.nativeEvent));
     }
-    function K(y, P, { commit: z } = { commit: !1 }) {
-      const Y = Me(l), N = Ae(Math.round((y - n) / l) * l + n, Y), I = X(N, [n, r]);
-      A((E = []) => {
-        const x = Pe(E, I, P);
-        if (Ce(x, d * l)) {
-          f.current = x.indexOf(I);
-          const $ = String(x) !== String(E);
-          return $ && z && u(x), $ ? x : E;
-        } else
-          return E;
+  });
+  process.env.NODE_ENV !== "production" && g >= A && Nt("Slider `max` must be greater than `min`."), Ke(() => {
+    const C = nt(Te(B.current));
+    $ && C && B.current?.contains(C) && C.blur();
+  }, [$]), $ && T !== -1 && D(-1);
+  const we = l.useMemo(() => ({
+    ...P,
+    activeThumbIndex: T,
+    disabled: $,
+    dragging: de,
+    orientation: v,
+    max: A,
+    min: g,
+    minStepsBetweenValues: s,
+    step: k,
+    values: xe
+  }), [P, T, $, de, A, g, s, v, k, xe]), Ee = l.useMemo(() => ({
+    active: T,
+    controlRef: L,
+    disabled: $,
+    dragging: de,
+    validation: _,
+    formatOptionsRef: m,
+    handleInputChange: Fe,
+    indicatorPosition: x,
+    inset: fe !== "center",
+    labelId: be,
+    rootLabelId: ee,
+    largeStep: N,
+    lastUsedThumbIndex: oe,
+    lastChangedValueRef: c,
+    lastChangeReasonRef: y,
+    locale: b,
+    max: A,
+    min: g,
+    minStepsBetweenValues: s,
+    name: ne,
+    onValueCommitted: z,
+    orientation: v,
+    pressedInputRef: ve,
+    pressedThumbCenterOffsetRef: re,
+    pressedThumbIndexRef: n,
+    pressedValuesRef: d,
+    registerFieldControlRef: ie,
+    renderBeforeHydration: fe === "edge",
+    setActive: D,
+    setDragging: Ie,
+    setIndicatorPosition: Ce,
+    setLabelId: ce,
+    setValue: Pe,
+    state: we,
+    step: k,
+    thumbCollisionBehavior: he,
+    thumbMap: Se,
+    thumbRefs: j,
+    values: xe
+  }), [T, L, be, ee, $, de, _, m, Fe, x, N, oe, c, y, b, A, g, s, ne, z, v, ve, re, n, d, ie, D, Ie, Ce, ce, Pe, we, k, he, fe, Se, j, xe]), He = Oe("div", t, {
+    state: we,
+    ref: [r, B],
+    props: [{
+      "aria-labelledby": be,
+      id: Z,
+      role: "group"
+    }, _.getValidationProps, Q],
+    stateAttributesMapping: Le
+  });
+  return /* @__PURE__ */ ye(je.Provider, {
+    value: Ee,
+    children: /* @__PURE__ */ ye(Dt, {
+      elementsRef: j,
+      onMapChange: Ae,
+      children: He
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (ht.displayName = "SliderRoot");
+function bt(e) {
+  const t = e.getBoundingClientRect();
+  return {
+    x: (t.left + t.right) / 2,
+    y: (t.top + t.bottom) / 2
+  };
+}
+function Qt(e) {
+  if (Math.abs(e) < 1) {
+    const r = e.toExponential().split("e-"), i = r[0].split(".")[1];
+    return (i ? i.length : 0) + parseInt(r[1], 10);
+  }
+  const t = e.toString().split(".")[1];
+  return t ? t.length : 0;
+}
+function gt(e, t, r) {
+  const i = Math.round((e - r) / t) * t + r;
+  return Number(i.toFixed(Qt(t)));
+}
+function Je({
+  values: e,
+  index: t,
+  nextValue: r,
+  min: i,
+  max: o,
+  step: u,
+  minStepsBetweenValues: a,
+  initialValues: p
+}) {
+  if (e.length === 0)
+    return [];
+  const f = e.slice(), N = u * a, b = f.length - 1, F = p ?? e, A = i + t * N, g = o - (b - t) * N;
+  f[t] = le(r, A, g);
+  for (let s = t + 1; s <= b; s += 1) {
+    const V = f[s - 1] + N, I = o - (b - s) * N, w = F[s] ?? f[s];
+    let v = Math.max(f[s], V);
+    w < v && (v = Math.max(w, V)), f[s] = le(v, V, I);
+  }
+  for (let s = t - 1; s >= 0; s -= 1) {
+    const V = f[s + 1] - N, I = i + s * N, w = F[s] ?? f[s];
+    let v = Math.min(f[s], V);
+    w > v && (v = Math.min(w, V)), f[s] = le(v, I, V);
+  }
+  for (let s = 0; s <= b; s += 1)
+    f[s] = Number(f[s].toFixed(12));
+  return f;
+}
+function Zt({
+  behavior: e,
+  values: t,
+  currentValues: r,
+  initialValues: i,
+  pressedIndex: o,
+  nextValue: u,
+  min: a,
+  max: p,
+  step: f,
+  minStepsBetweenValues: N
+}) {
+  const b = r ?? t, F = i ?? t;
+  if (!(b.length > 1))
+    return {
+      value: u,
+      thumbIndex: 0,
+      didSwap: !1
+    };
+  const g = f * N;
+  switch (e) {
+    case "swap": {
+      const s = b[o], V = 1e-7, I = b.slice(), w = I[o - 1], v = I[o + 1], k = w != null ? w + g : a, he = v != null ? v - g : p, fe = le(u, k, he), J = Number(fe.toFixed(12));
+      I[o] = J;
+      const Q = u > s, Z = u < s, ee = Q && v != null && u >= v - V, te = Z && w != null && u <= w + V;
+      if (!ee && !te)
+        return {
+          value: I,
+          thumbIndex: o,
+          didSwap: !1
+        };
+      const z = ee ? o + 1 : o - 1, K = I.map((W, h) => {
+        if (h === o)
+          return J;
+        const S = F[h];
+        return S ?? b[h];
       });
-    }
-    return /* @__PURE__ */ m(
-      ve,
-      {
-        scope: e.__scopeSlider,
-        name: o,
-        disabled: s,
-        min: n,
-        max: r,
-        valueIndexToChangeRef: f,
-        thumbs: p.current,
-        values: h,
-        orientation: i,
-        form: R,
-        children: /* @__PURE__ */ m(L.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(L.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(
-          b,
-          {
-            "aria-disabled": s,
-            "data-disabled": s ? "" : void 0,
-            ...g,
-            ref: t,
-            onPointerDown: _(g.onPointerDown, () => {
-              s || (k.current = h);
-            }),
-            min: n,
-            max: r,
-            inverted: v,
-            onSlideStart: s ? void 0 : V,
-            onSlideMove: s ? void 0 : le,
-            onSlideEnd: s ? void 0 : ce,
-            onHomeKeyDown: () => !s && K(n, 0, { commit: !0 }),
-            onEndKeyDown: () => !s && K(r, h.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: y, direction: P }) => {
-              if (!s) {
-                const N = G.includes(y.key) || y.shiftKey && W.includes(y.key) ? 10 : 1, I = f.current, E = h[I], x = l * N * P;
-                K(E + x, I, { commit: !0 });
-              }
-            }
-          }
-        ) }) })
+      let P = u;
+      ee ? P = Math.max(u, I[z]) : P = Math.min(u, I[z]);
+      const q = Je({
+        values: I,
+        index: z,
+        nextValue: P,
+        min: a,
+        max: p,
+        step: f,
+        minStepsBetweenValues: N,
+        initialValues: K
+      }), O = ee ? z - 1 : z + 1;
+      if (O >= 0 && O < q.length) {
+        const W = q[O - 1], h = q[O + 1];
+        let S = W != null ? W + g : a;
+        S = Math.max(S, a + O * g);
+        let ue = h != null ? h - g : p;
+        ue = Math.min(ue, p - (q.length - 1 - O) * g);
+        const _ = le(J, S, ue);
+        q[O] = Number(_.toFixed(12));
       }
-    );
-  }
-);
-Q.displayName = M;
-var [Z, ee] = J(M, {
-  startEdge: "left",
-  endEdge: "right",
-  size: "width",
-  direction: 1
-}), we = c.forwardRef(
-  (e, t) => {
-    const {
-      min: o,
-      max: n,
-      dir: r,
-      inverted: l,
-      onSlideStart: i,
-      onSlideMove: s,
-      onSlideEnd: d,
-      onStepKeyDown: w,
-      ...S
-    } = e, [a, u] = c.useState(null), v = C(t, (b) => u(b)), R = c.useRef(void 0), g = fe(r), p = g === "ltr", f = p && !l || !p && l;
-    function D(b) {
-      const h = R.current || a.getBoundingClientRect(), A = [0, h.width], V = F(A, f ? [o, n] : [n, o]);
-      return R.current = h, V(b - h.left);
+      return {
+        value: q,
+        thumbIndex: z,
+        didSwap: !0
+      };
+    }
+    case "push":
+      return {
+        value: Je({
+          values: b,
+          index: o,
+          nextValue: u,
+          min: a,
+          max: p,
+          step: f,
+          minStepsBetweenValues: N
+        }),
+        thumbIndex: o,
+        didSwap: !1
+      };
+    default: {
+      const s = b.slice(), V = s[o - 1], I = s[o + 1], w = V != null ? V + g : a, v = I != null ? I - g : p, k = le(u, w, v);
+      return s[o] = Number(k.toFixed(12)), {
+        value: s,
+        thumbIndex: o,
+        didSwap: !1
+      };
     }
-    return /* @__PURE__ */ m(
-      Z,
-      {
-        scope: e.__scopeSlider,
-        startEdge: f ? "left" : "right",
-        endEdge: f ? "right" : "left",
-        direction: f ? 1 : -1,
-        size: "width",
-        children: /* @__PURE__ */ m(
-          te,
-          {
-            dir: g,
-            "data-orientation": "horizontal",
-            ...S,
-            ref: v,
-            style: {
-              ...S.style,
-              "--radix-slider-thumb-transform": "translateX(-50%)"
-            },
-            onSlideStart: (b) => {
-              const h = D(b.clientX);
-              i?.(h);
-            },
-            onSlideMove: (b) => {
-              const h = D(b.clientX);
-              s?.(h);
-            },
-            onSlideEnd: () => {
-              R.current = void 0, d?.();
-            },
-            onStepKeyDown: (b) => {
-              const A = q[f ? "from-left" : "from-right"].includes(b.key);
-              w?.({ event: b, direction: A ? -1 : 1 });
-            }
-          }
-        )
-      }
-    );
   }
-), be = c.forwardRef(
-  (e, t) => {
-    const {
-      min: o,
-      max: n,
-      inverted: r,
-      onSlideStart: l,
-      onSlideMove: i,
-      onSlideEnd: s,
-      onStepKeyDown: d,
-      ...w
-    } = e, S = c.useRef(null), a = C(t, S), u = c.useRef(void 0), v = !r;
-    function R(g) {
-      const p = u.current || S.current.getBoundingClientRect(), f = [0, p.height], b = F(f, v ? [n, o] : [o, n]);
-      return u.current = p, b(g - p.top);
+}
+const en = 2;
+function tn(e, t) {
+  if (!e)
+    return {
+      start: 0,
+      end: 0
+    };
+  function r(u) {
+    const a = u != null ? parseFloat(u) : 0;
+    return Number.isNaN(a) ? 0 : a;
+  }
+  const i = t ? "Top" : "InlineStart", o = t ? "Bottom" : "InlineEnd";
+  return {
+    start: r(e[`border${i}Width`]) + r(e[`padding${i}`]),
+    end: r(e[`border${o}Width`]) + r(e[`padding${o}`])
+  };
+}
+function ke(e, t) {
+  if (t.current != null && e.changedTouches) {
+    const r = e;
+    for (let i = 0; i < r.changedTouches.length; i += 1) {
+      const o = r.changedTouches[i];
+      if (o.identifier === t.current)
+        return {
+          x: o.clientX,
+          y: o.clientY
+        };
     }
-    return /* @__PURE__ */ m(
-      Z,
-      {
-        scope: e.__scopeSlider,
-        startEdge: v ? "bottom" : "top",
-        endEdge: v ? "top" : "bottom",
-        size: "height",
-        direction: v ? 1 : -1,
-        children: /* @__PURE__ */ m(
-          te,
-          {
-            "data-orientation": "vertical",
-            ...w,
-            ref: a,
-            style: {
-              ...w.style,
-              "--radix-slider-thumb-transform": "translateY(50%)"
-            },
-            onSlideStart: (g) => {
-              const p = R(g.clientY);
-              l?.(p);
-            },
-            onSlideMove: (g) => {
-              const p = R(g.clientY);
-              i?.(p);
-            },
-            onSlideEnd: () => {
-              u.current = void 0, s?.();
-            },
-            onStepKeyDown: (g) => {
-              const f = q[v ? "from-bottom" : "from-top"].includes(g.key);
-              d?.({ event: g, direction: f ? -1 : 1 });
-            }
-          }
-        )
-      }
-    );
+    return null;
   }
-), te = c.forwardRef(
-  (e, t) => {
+  return {
+    x: e.clientX,
+    y: e.clientY
+  };
+}
+const vt = /* @__PURE__ */ l.forwardRef(function(t, r) {
+  const {
+    render: i,
+    className: o,
+    ...u
+  } = t, {
+    disabled: a,
+    dragging: p,
+    inset: f,
+    lastChangedValueRef: N,
+    lastChangeReasonRef: b,
+    max: F,
+    min: A,
+    minStepsBetweenValues: g,
+    onValueCommitted: s,
+    orientation: V,
+    pressedInputRef: I,
+    pressedThumbCenterOffsetRef: w,
+    pressedThumbIndexRef: v,
+    pressedValuesRef: k,
+    registerFieldControlRef: he,
+    renderBeforeHydration: fe,
+    setActive: J,
+    setDragging: Q,
+    setValue: Z,
+    state: ee,
+    step: te,
+    thumbCollisionBehavior: z,
+    thumbRefs: K,
+    values: P
+  } = $e(), q = rt(), O = P.length > 1, W = V === "vertical", h = l.useRef(null), S = l.useRef(null), ue = U((n) => {
+    n && S.current == null && S.current == null && (S.current = getComputedStyle(n));
+  }), _ = l.useRef(null), Y = l.useRef(0), Re = l.useRef(0), ce = Ze(P), be = U((n) => {
+    v.current !== n && (v.current = n);
+    const d = K.current[n];
+    if (!d) {
+      w.current = null, I.current = null;
+      return;
+    }
+    I.current = d.querySelector('input[type="range"]');
+  }), $ = U((n) => {
+    const d = h.current;
+    if (!d)
+      return null;
     const {
-      __scopeSlider: o,
-      onSlideStart: n,
-      onSlideMove: r,
-      onSlideEnd: l,
-      onHomeKeyDown: i,
-      onEndKeyDown: s,
-      onStepKeyDown: d,
-      ...w
-    } = e, S = T(M, o);
-    return /* @__PURE__ */ m(
-      B.span,
-      {
-        ...w,
-        ref: t,
-        onKeyDown: _(e.onKeyDown, (a) => {
-          a.key === "Home" ? (i(a), a.preventDefault()) : a.key === "End" ? (s(a), a.preventDefault()) : G.concat(W).includes(a.key) && (d(a), a.preventDefault());
-        }),
-        onPointerDown: _(e.onPointerDown, (a) => {
-          const u = a.target;
-          u.setPointerCapture(a.pointerId), a.preventDefault(), S.thumbs.has(u) ? u.focus() : n(a);
-        }),
-        onPointerMove: _(e.onPointerMove, (a) => {
-          a.target.hasPointerCapture(a.pointerId) && r(a);
-        }),
-        onPointerUp: _(e.onPointerUp, (a) => {
-          const u = a.target;
-          u.hasPointerCapture(a.pointerId) && (u.releasePointerCapture(a.pointerId), l(a));
-        })
-      }
-    );
-  }
-), oe = "SliderTrack", ne = c.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: o, ...n } = e, r = T(oe, o);
-    return /* @__PURE__ */ m(
-      B.span,
-      {
-        "data-disabled": r.disabled ? "" : void 0,
-        "data-orientation": r.orientation,
-        ...n,
-        ref: t
+      width: c,
+      height: y,
+      bottom: m,
+      left: T,
+      right: G
+    } = d.getBoundingClientRect(), oe = tn(S.current, W), me = Re.current, de = (W ? y : c) - oe.start - oe.end - me * 2, Ie = w.current ?? 0, Se = n.x - Ie, Ae = n.y - Ie, x = W ? m - Ae - oe.end : (q === "rtl" ? G - Se : Se - T) - oe.start, Ce = le((x - me) / de, 0, 1);
+    let D = (F - A) * Ce + A;
+    if (D = gt(D, te, A), D = le(D, A, F), !O)
+      return {
+        value: D,
+        thumbIndex: 0,
+        didSwap: !1
+      };
+    const ie = v.current;
+    if (ie < 0)
+      return null;
+    const X = Zt({
+      behavior: z,
+      values: P,
+      currentValues: ce.current ?? P,
+      initialValues: k.current,
+      pressedIndex: ie,
+      nextValue: D,
+      min: A,
+      max: F,
+      step: te,
+      minStepsBetweenValues: g
+    });
+    return z === "swap" && X.didSwap ? be(X.thumbIndex) : v.current = X.thumbIndex, X;
+  }), ne = U((n) => {
+    k.current = O ? P.slice() : null, ce.current = P;
+    const d = v.current;
+    let c = d;
+    if (d > -1 && d < P.length) {
+      if (P[d] === F) {
+        let y = d;
+        for (; y > 0 && P[y - 1] === F; )
+          y -= 1;
+        c = y;
       }
-    );
-  }
-);
-ne.displayName = oe;
-var O = "SliderRange", re = c.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: o, ...n } = e, r = T(O, o), l = ee(O, o), i = c.useRef(null), s = C(t, i), d = r.values.length, w = r.values.map(
-      (u) => se(u, r.min, r.max)
-    ), S = d > 1 ? Math.min(...w) : 0, a = 100 - Math.max(...w);
-    return /* @__PURE__ */ m(
-      B.span,
-      {
-        "data-orientation": r.orientation,
-        "data-disabled": r.disabled ? "" : void 0,
-        ...n,
-        ref: s,
-        style: {
-          ...e.style,
-          [l.startEdge]: S + "%",
-          [l.endEdge]: a + "%"
+    } else {
+      const y = W ? "y" : "x";
+      let m;
+      c = -1;
+      for (let T = 0; T < K.current.length; T += 1) {
+        const G = K.current[T];
+        if (We(G)) {
+          const oe = bt(G), me = Math.abs(n[y] - oe[y]);
+          (m === void 0 || me <= m) && (c = T, m = me);
         }
       }
-    );
-  }
-);
-re.displayName = O;
-var U = "SliderThumb", ie = c.forwardRef(
-  (e, t) => {
-    const o = Se(e.__scopeSlider), [n, r] = c.useState(null), l = C(t, (s) => r(s)), i = c.useMemo(
-      () => n ? o().findIndex((s) => s.ref.current === n) : -1,
-      [o, n]
-    );
-    return /* @__PURE__ */ m(ye, { ...e, ref: l, index: i });
-  }
-), ye = c.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: o, index: n, name: r, ...l } = e, i = T(U, o), s = ee(U, o), [d, w] = c.useState(null), S = C(t, (D) => w(D)), a = d ? i.form || !!d.closest("form") : !0, u = pe(d), v = i.values[n], R = v === void 0 ? 0 : se(v, i.min, i.max), g = xe(n, i.values.length), p = u?.[s.size], f = p ? Ee(p, R, s.direction) : 0;
-    return c.useEffect(() => {
-      if (d)
-        return i.thumbs.add(d), () => {
-          i.thumbs.delete(d);
-        };
-    }, [d, i.thumbs]), /* @__PURE__ */ j(
-      "span",
-      {
-        style: {
-          transform: "var(--radix-slider-thumb-transform)",
-          position: "absolute",
-          [s.startEdge]: `calc(${R}% + ${f}px)`
-        },
-        children: [
-          /* @__PURE__ */ m(L.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(
-            B.span,
-            {
-              role: "slider",
-              "aria-label": e["aria-label"] || g,
-              "aria-valuemin": i.min,
-              "aria-valuenow": v,
-              "aria-valuemax": i.max,
-              "aria-orientation": i.orientation,
-              "data-orientation": i.orientation,
-              "data-disabled": i.disabled ? "" : void 0,
-              tabIndex: i.disabled ? void 0 : 0,
-              ...l,
-              ref: S,
-              style: v === void 0 ? { display: "none" } : e.style,
-              onFocus: _(e.onFocus, () => {
-                i.valueIndexToChangeRef.current = n;
-              })
-            }
-          ) }),
-          a && /* @__PURE__ */ m(
-            ae,
-            {
-              name: r ?? (i.name ? i.name + (i.values.length > 1 ? "[]" : "") : void 0),
-              form: i.form,
-              value: v
-            },
-            n
-          )
-        ]
+    }
+    if (c > -1 && c !== d && be(c), f) {
+      const y = K.current[c];
+      if (We(y)) {
+        const m = y.getBoundingClientRect(), T = W ? "height" : "width";
+        Re.current = m[T] / 2;
       }
-    );
+    }
+  }), E = U((n) => {
+    K.current?.[n]?.querySelector('input[type="range"]')?.focus({
+      preventScroll: !0
+    });
+  }), ge = U((n) => {
+    const d = ke(n, _);
+    if (d == null)
+      return;
+    if (Y.current += 1, n.type === "pointermove" && n.buttons === 0) {
+      B(n);
+      return;
+    }
+    const c = $(d);
+    c != null && pt(c.value, te, g) && (!p && Y.current > en && Q(!0), Z(c.value, Me(Lt, n, void 0, {
+      activeThumbIndex: c.thumbIndex
+    })), ce.current = Array.isArray(c.value) ? c.value : [c.value], c.didSwap && E(c.thumbIndex));
+  });
+  function B(n) {
+    J(-1), Q(!1), I.current = null, w.current = null;
+    const d = ke(n, _), c = d != null ? $(d) : null;
+    if (c != null) {
+      const y = b.current;
+      s(N.current ?? c.value, et(y, n));
+    }
+    "pointerType" in n && h.current?.hasPointerCapture(n.pointerId) && h.current?.releasePointerCapture(n.pointerId), v.current = -1, _.current = null, k.current = null, j();
   }
-);
-ie.displayName = U;
-var Re = "RadioBubbleInput", ae = c.forwardRef(
-  ({ __scopeSlider: e, value: t, ...o }, n) => {
-    const r = c.useRef(null), l = C(r, n), i = me(t);
-    return c.useEffect(() => {
-      const s = r.current;
-      if (!s) return;
-      const d = window.HTMLInputElement.prototype, S = Object.getOwnPropertyDescriptor(d, "value").set;
-      if (i !== t && S) {
-        const a = new Event("input", { bubbles: !0 });
-        S.call(s, t), s.dispatchEvent(a);
-      }
-    }, [i, t]), /* @__PURE__ */ m(
-      B.input,
-      {
-        style: { display: "none" },
-        ...o,
-        ref: l,
-        defaultValue: t
+  const L = U((n) => {
+    if (a)
+      return;
+    const d = n.changedTouches[0];
+    d != null && (_.current = d.identifier);
+    const c = ke(n, _);
+    if (c != null) {
+      ne(c);
+      const m = $(c);
+      if (m == null)
+        return;
+      E(m.thumbIndex), Z(m.value, Me(Ge, n, void 0, {
+        activeThumbIndex: m.thumbIndex
+      })), ce.current = Array.isArray(m.value) ? m.value : [m.value], m.didSwap && E(m.thumbIndex);
+    }
+    Y.current = 0;
+    const y = Te(h.current);
+    y.addEventListener("touchmove", ge, {
+      passive: !0
+    }), y.addEventListener("touchend", B, {
+      passive: !0
+    });
+  }), j = U(() => {
+    const n = Te(h.current);
+    n.removeEventListener("pointermove", ge), n.removeEventListener("pointerup", B), n.removeEventListener("touchmove", ge), n.removeEventListener("touchend", B), k.current = null;
+  }), ve = Kt();
+  return l.useEffect(() => {
+    const n = h.current;
+    return n ? (n.addEventListener("touchstart", L, {
+      passive: !0
+    }), () => {
+      n.removeEventListener("touchstart", L), ve.cancel(), j();
+    }) : () => j();
+  }, [j, L, h, ve]), l.useEffect(() => {
+    a && j();
+  }, [a, j]), Oe("div", t, {
+    state: ee,
+    ref: [r, he, h, ue],
+    props: [{
+      "data-base-ui-slider-control": fe ? "" : void 0,
+      onPointerDown(n) {
+        const d = h.current;
+        if (!d || a || n.defaultPrevented || !We(n.target) || // Only handle left clicks
+        n.button !== 0)
+          return;
+        const c = ke(n, _);
+        if (c != null) {
+          ne(c);
+          const m = $(c);
+          if (m == null)
+            return;
+          Wt(K.current[m.thumbIndex], nt(Te(d))) ? n.preventDefault() : ve.request(() => {
+            E(m.thumbIndex);
+          }), Q(!0), w.current != null || (Z(m.value, Me(Ge, n.nativeEvent, void 0, {
+            activeThumbIndex: m.thumbIndex
+          })), ce.current = Array.isArray(m.value) ? m.value : [m.value], m.didSwap && E(m.thumbIndex));
+        }
+        n.nativeEvent.pointerId && d.setPointerCapture(n.nativeEvent.pointerId), Y.current = 0;
+        const y = Te(h.current);
+        y.addEventListener("pointermove", ge, {
+          passive: !0
+        }), y.addEventListener("pointerup", B, {
+          once: !0
+        });
+      },
+      tabIndex: -1
+    }, u],
+    stateAttributesMapping: Le
+  });
+});
+process.env.NODE_ENV !== "production" && (vt.displayName = "SliderControl");
+const yt = /* @__PURE__ */ l.forwardRef(function(t, r) {
+  const {
+    render: i,
+    className: o,
+    ...u
+  } = t, {
+    state: a
+  } = $e();
+  return Oe("div", t, {
+    state: a,
+    ref: r,
+    props: [{
+      style: {
+        position: "relative"
       }
-    );
-  }
-);
-ae.displayName = Re;
-function Pe(e = [], t, o) {
-  const n = [...e];
-  return n[o] = t, n.sort((r, l) => r - l);
-}
-function se(e, t, o) {
-  const l = 100 / (o - t) * (e - t);
-  return X(l, [0, 100]);
-}
-function xe(e, t) {
-  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
-}
-function De(e, t) {
-  if (e.length === 1) return 0;
-  const o = e.map((r) => Math.abs(r - t)), n = Math.min(...o);
-  return o.indexOf(n);
+    }, u],
+    stateAttributesMapping: Le
+  });
+});
+process.env.NODE_ENV !== "production" && (yt.displayName = "SliderTrack");
+let nn = /* @__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;
+})({});
+const rn = '!function(){const t=document.currentScript?.parentElement;if(!t)return;const e=t.closest("[data-base-ui-slider-control]");if(!e)return;const r=e.querySelector("[data-base-ui-slider-indicator]"),i=e.getBoundingClientRect(),n="vertical"===e.getAttribute("data-orientation")?"height":"width",o=e.querySelectorAll(\'input[type="range"]\'),l=o.length>1,s=o.length-1;let a=null,u=null;for(let t=0;t<o.length;t+=1){const e=o[t],y=parseFloat(e.getAttribute("value")??"");if(Number.isNaN(y))return;const c=e.parentElement;if(!c)return;const p=parseFloat(e.getAttribute("max")??"100"),g=parseFloat(e.getAttribute("min")??"0"),b=c?.getBoundingClientRect(),d=i[n]-b[n],m=100*(y-g)/(p-g),v=(b[n]/2+d*m/100)/i[n]*100;c.style.setProperty("--position",`${v}%`),Number.isFinite(v)&&(c.style.removeProperty("visibility"),r&&(0===t?(a=v,r.style.setProperty("--start-position",`${v}%`),l||r.style.removeProperty("visibility")):t===s&&(u=v-(a??0),r.style.setProperty("--end-position",`${v}%`),r.style.setProperty("--relative-size",`${u}%`),r.style.removeProperty("visibility"))))}}();', Rt = "PageUp", It = "PageDown", on = /* @__PURE__ */ new Set([ct, lt, at, ut, it, st, Rt, It]);
+function sn(e, t, r, i) {
+  if (!(t < 0))
+    return e.length === 2 ? t === 0 ? `${_e(e[t], i, r)} start range` : `${_e(e[t], i, r)} end range` : r ? _e(e[t], i, r) : void 0;
 }
-function Ee(e, t, o) {
-  const n = e / 2, l = F([0, 50], [0, n]);
-  return (n - l(t) * o) * o;
+function Ne(e, t, r, i, o) {
+  return r === 1 ? Math.min(e + t, o) : Math.max(e - t, i);
 }
-function _e(e) {
-  return e.slice(0, -1).map((t, o) => e[o + 1] - t);
-}
-function Ce(e, t) {
-  if (t > 0) {
-    const o = _e(e);
-    return Math.min(...o) >= t;
-  }
-  return !0;
-}
-function F(e, t) {
-  return (o) => {
-    if (e[0] === e[1] || t[0] === t[1]) return t[0];
-    const n = (t[1] - t[0]) / (e[1] - e[0]);
-    return t[0] + n * (o - e[0]);
+const St = /* @__PURE__ */ l.forwardRef(function(t, r) {
+  const {
+    render: i,
+    children: o,
+    className: u,
+    "aria-describedby": a,
+    "aria-label": p,
+    "aria-labelledby": f,
+    disabled: N = !1,
+    getAriaLabel: b,
+    getAriaValueText: F,
+    id: A,
+    index: g,
+    inputRef: s,
+    onBlur: V,
+    onFocus: I,
+    onKeyDown: w,
+    tabIndex: v,
+    ...k
+  } = t, {
+    nonce: he
+  } = Bt(), fe = qe(A), {
+    active: J,
+    lastUsedThumbIndex: Q,
+    controlRef: Z,
+    disabled: ee,
+    validation: te,
+    formatOptionsRef: z,
+    handleInputChange: K,
+    inset: P,
+    labelId: q,
+    largeStep: O,
+    locale: W,
+    max: h,
+    min: S,
+    minStepsBetweenValues: ue,
+    name: _,
+    orientation: Y,
+    pressedInputRef: Re,
+    pressedThumbCenterOffsetRef: ce,
+    pressedThumbIndexRef: be,
+    renderBeforeHydration: $,
+    setActive: ne,
+    setIndicatorPosition: E,
+    state: ge,
+    step: B,
+    values: L
+  } = $e(), j = rt(), ve = N || ee, re = L.length > 1, n = Y === "vertical", d = j === "rtl", {
+    setTouched: c,
+    setFocused: y,
+    validationMode: m
+  } = tt(), T = l.useRef(null), G = l.useRef(null), oe = qe(), me = jt(), de = re ? oe : me, Ie = l.useMemo(() => ({
+    inputId: de
+  }), [de]), {
+    ref: Se,
+    index: Ae
+  } = Yt({
+    metadata: Ie
+  }), x = re ? g ?? Ae : 0, Ce = x === L.length - 1, D = L[x], ie = Ye(D, S, h), [X, xe] = l.useState(!1), [Pe, Fe] = l.useState();
+  ot(() => xe(!0));
+  const we = Q >= 0 && Q < L.length ? Q : -1, Ee = U(() => {
+    const R = Z.current, M = T.current;
+    if (!R || !M)
+      return;
+    const H = M.getBoundingClientRect(), Be = R.getBoundingClientRect(), De = n ? "height" : "width", xt = Be[De] - H[De], ze = (H[De] / 2 + xt * ie / 100) / Be[De] * 100;
+    Fe(ze), x === 0 ? E((Ue) => [ze, Ue[1]]) : Ce && E((Ue) => [Ue[0], ze]);
+  });
+  Ke(() => {
+    P && queueMicrotask(Ee);
+  }, [Ee, P]), Ke(() => {
+    P && Ee();
+  }, [Ee, P, ie]);
+  const He = l.useCallback(() => {
+    const R = n ? "bottom" : "insetInlineStart", M = n ? "left" : "top";
+    let H;
+    return re ? J === x ? H = 2 : we === x && (H = 1) : J === x && (H = 1), P ? {
+      "--position": `${Pe}%`,
+      visibility: $ && !X || Pe === void 0 ? "hidden" : void 0,
+      position: "absolute",
+      [R]: "var(--position)",
+      [M]: "50%",
+      translate: `${(n || !d ? -1 : 1) * 50}% ${(n ? 1 : -1) * 50}%`,
+      zIndex: H
+    } : Number.isFinite(ie) ? {
+      position: "absolute",
+      [R]: `${ie}%`,
+      [M]: "50%",
+      translate: `${(n || !d ? -1 : 1) * 50}% ${(n ? 1 : -1) * 50}%`,
+      zIndex: H
+    } : Xe;
+  }, [J, x, P, X, Pe, re, $, d, we, ie, n]);
+  let C;
+  Y === "vertical" && (C = d ? "vertical-rl" : "vertical-lr");
+  const se = typeof b == "function" ? b(x) : p, ae = At({
+    "aria-label": se,
+    "aria-labelledby": f ?? (se == null ? q : void 0),
+    "aria-describedby": a,
+    "aria-orientation": Y,
+    "aria-valuenow": D,
+    "aria-valuetext": typeof F == "function" ? F(_e(D, W, z.current ?? void 0), D, x) : sn(L, x, z.current ?? void 0, W),
+    disabled: ve,
+    id: de,
+    max: h,
+    min: S,
+    name: _,
+    onChange(R) {
+      K(R.target.valueAsNumber, x, R);
+    },
+    onFocus() {
+      ne(x), y(!0);
+    },
+    onBlur() {
+      T.current && (ne(-1), c(!0), y(!1), m === "onBlur" && te.commit(mt(D, x, S, h, re, L)));
+    },
+    onKeyDown(R) {
+      if (!on.has(R.key))
+        return;
+      qt.has(R.key) && R.stopPropagation();
+      let M = null;
+      const H = gt(D, B, S);
+      switch (R.key) {
+        case ct:
+          M = Ne(H, R.shiftKey ? O : B, 1, S, h);
+          break;
+        case ut:
+          M = Ne(H, R.shiftKey ? O : B, d ? -1 : 1, S, h);
+          break;
+        case lt:
+          M = Ne(H, R.shiftKey ? O : B, -1, S, h);
+          break;
+        case at:
+          M = Ne(H, R.shiftKey ? O : B, d ? 1 : -1, S, h);
+          break;
+        case Rt:
+          M = Ne(H, O, 1, S, h);
+          break;
+        case It:
+          M = Ne(H, O, -1, S, h);
+          break;
+        case st:
+          M = h, re && (M = Number.isFinite(L[x + 1]) ? L[x + 1] - B * ue : h);
+          break;
+        case it:
+          M = S, re && (M = Number.isFinite(L[x - 1]) ? L[x - 1] + B * ue : S);
+          break;
+      }
+      M !== null && (K(M, x, R), R.preventDefault());
+    },
+    step: B,
+    style: {
+      ...Xe,
+      // So that VoiceOver's focus indicator matches the thumb's dimensions
+      width: "100%",
+      height: "100%",
+      writingMode: C
+    },
+    tabIndex: v ?? void 0,
+    type: "range",
+    value: D ?? ""
+  }, te.getInputValidationProps), pe = Vt(G, te.inputRef, s);
+  return Oe("div", t, {
+    state: ge,
+    ref: [r, Se, T],
+    props: [{
+      [nn.index]: x,
+      children: /* @__PURE__ */ Qe(l.Fragment, {
+        children: [o, /* @__PURE__ */ ye("input", {
+          ref: pe,
+          ...ae
+        }), P && !X && $ && // this must be rendered with the last thumb to ensure all
+        // preceding thumbs are already rendered in the DOM
+        Ce && /* @__PURE__ */ ye("script", {
+          nonce: he,
+          dangerouslySetInnerHTML: {
+            __html: rn
+          },
+          suppressHydrationWarning: !0
+        })]
+      }),
+      id: fe,
+      onBlur: V,
+      onFocus: I,
+      onPointerDown(R) {
+        if (be.current = x, T.current != null) {
+          const M = Y === "horizontal" ? "x" : "y", H = bt(T.current), Be = (Y === "horizontal" ? R.clientX : R.clientY) - H[M];
+          ce.current = Be;
+        }
+        G.current != null && Re.current !== G.current && (Re.current = G.current);
+      },
+      style: He(),
+      suppressHydrationWarning: $ || void 0,
+      tabIndex: -1
+    }, k],
+    stateAttributesMapping: Le
+  });
+});
+process.env.NODE_ENV !== "production" && (St.displayName = "SliderThumb");
+function an(e, t, r, i, o, u) {
+  const a = r === void 0 || t && i === void 0 ? "hidden" : void 0, p = e ? "bottom" : "insetInlineStart", f = e ? "height" : "width", b = {
+    visibility: o && !u ? "hidden" : a,
+    position: e ? "absolute" : "relative",
+    [e ? "width" : "height"]: "inherit"
   };
+  return b["--start-position"] = `${r ?? 0}%`, t ? (b["--relative-size"] = `${(i ?? 0) - (r ?? 0)}%`, b[p] = "var(--start-position)", b[f] = "var(--relative-size)", b) : (b[p] = 0, b[f] = "var(--start-position)", b);
 }
-function Me(e) {
-  return (String(e).split(".")[1] || "").length;
-}
-function Ae(e, t) {
-  const o = Math.pow(10, t);
-  return Math.round(e * o) / o;
+function ln(e, t, r, i) {
+  const o = e ? "bottom" : "insetInlineStart", u = e ? "height" : "width", p = {
+    position: e ? "absolute" : "relative",
+    [e ? "width" : "height"]: "inherit"
+  };
+  if (!t)
+    return p[o] = 0, p[u] = `${r}%`, p;
+  const f = i - r;
+  return p[o] = `${r}%`, p[u] = `${f}%`, p;
 }
-var Ke = Q, Ie = ne, Be = re, Te = ie;
-function Xe({
+const Ct = /* @__PURE__ */ l.forwardRef(function(t, r) {
+  const {
+    render: i,
+    className: o,
+    ...u
+  } = t, {
+    indicatorPosition: a,
+    inset: p,
+    max: f,
+    min: N,
+    orientation: b,
+    renderBeforeHydration: F,
+    state: A,
+    values: g
+  } = $e(), [s, V] = l.useState(!1);
+  ot(() => V(!0));
+  const I = b === "vertical", w = g.length > 1, v = p ? an(I, w, a[0], a[1], F, s) : ln(I, w, Ye(g[0], N, f), Ye(g[g.length - 1], N, f));
+  return Oe("div", t, {
+    state: A,
+    ref: r,
+    props: [{
+      "data-base-ui-slider-indicator": F ? "" : void 0,
+      style: v,
+      suppressHydrationWarning: F || void 0
+    }, u],
+    stateAttributesMapping: Le
+  });
+});
+process.env.NODE_ENV !== "production" && (Ct.displayName = "SliderIndicator");
+function Fn({
   className: e,
   defaultValue: t,
-  value: o,
-  min: n = 0,
-  max: r = 100,
-  ...l
+  value: r,
+  min: i = 0,
+  max: o = 100,
+  ...u
 }) {
-  const i = c.useMemo(() => Array.isArray(o) ? o : Array.isArray(t) ? t : [n, r], [o, t, n, r]);
-  return /* @__PURE__ */ j(
-    Ke,
+  let a;
+  return Array.isArray(r) ? a = r : Array.isArray(t) ? a = t : a = [i, o], /* @__PURE__ */ ye(
+    ht,
     {
-      className: H(
-        "relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50",
-        e
-      ),
+      className: Pt("w-full data-[orientation=vertical]:h-full", e),
       "data-slot": "slider",
       defaultValue: t,
-      max: r,
-      min: n,
-      value: o,
-      ...l,
-      children: [
-        /* @__PURE__ */ m(
-          Ie,
+      max: o,
+      min: i,
+      thumbAlignment: "edge",
+      value: r,
+      ...u,
+      children: /* @__PURE__ */ Qe(vt, { className: "relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-disabled:opacity-50", children: [
+        /* @__PURE__ */ ye(
+          yt,
           {
-            className: H(
-              "relative grow overflow-hidden rounded-full bg-muted data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1.5"
-            ),
+            className: "relative h-1.5 w-full grow select-none overflow-hidden rounded-full bg-muted data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
             "data-slot": "slider-track",
-            children: /* @__PURE__ */ m(
-              Be,
+            children: /* @__PURE__ */ ye(
+              Ct,
               {
-                className: H(
-                  "absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
-                ),
+                className: "h-full select-none bg-primary data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-full",
                 "data-slot": "slider-range"
               }
             )
           }
         ),
-        Array.from({ length: i.length }, (s, d) => /* @__PURE__ */ m(
-          Te,
+        Array.from({ length: a.length }, (p, f) => /* @__PURE__ */ ye(
+          St,
           {
-            className: "block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm ring-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:outline-hidden focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50",
+            className: "relative block size-3 shrink-0 select-none rounded-full border border-primary bg-primary ring-ring/50 transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-3 focus-visible:outline-hidden focus-visible:ring-3 active:ring-3 disabled:pointer-events-none disabled:opacity-50",
             "data-slot": "slider-thumb"
           },
-          d
+          f
         ))
-      ]
+      ] })
     }
   );
 }
 export {
-  Xe as Slider
+  Fn as Slider
 };