@purpurds/slider 8.2.2 → 8.2.3

package/dist/slider.es.js

@@ -1,73 +1,73 @@
-import { jsx as g, Fragment as be, jsxs as Q } from "react/jsx-runtime";
-import * as a from "react";
-import E, { forwardRef as ye, useId as we } from "react";
+import { jsx as S, jsxs as J } from "react/jsx-runtime";
+import * as l from "react";
+import D, { forwardRef as ge, useId as be } from "react";
 import "react-dom";
-function ee(e, [t, n]) {
+function Q(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
 }
-function I(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+function N(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(i) {
     if (e == null || e(i), n === !1 || !i.defaultPrevented)
       return t == null ? void 0 : t(i);
   };
 }
-function Z(e, t) {
+function G(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function te(...e) {
+function ee(...e) {
   return (t) => {
     let n = !1;
     const o = e.map((i) => {
-      const r = Z(i, t);
+      const r = G(i, t);
       return !n && typeof r == "function" && (n = !0), r;
     });
     if (n)
       return () => {
         for (let i = 0; i < o.length; i++) {
           const r = o[i];
-          typeof r == "function" ? r() : Z(e[i], null);
+          typeof r == "function" ? r() : G(e[i], null);
         }
       };
   };
 }
-function D(...e) {
-  return a.useCallback(te(...e), e);
+function I(...e) {
+  return l.useCallback(ee(...e), e);
 }
-function ne(e, t = []) {
+function te(e, t = []) {
   let n = [];
   function o(r, s) {
-    const c = a.createContext(s), u = n.length;
+    const c = l.createContext(s), u = n.length;
     n = [...n, s];
-    const d = (l) => {
-      var p;
-      const { scope: f, children: v, ...m } = l, h = ((p = f == null ? void 0 : f[e]) == null ? void 0 : p[u]) || c, S = a.useMemo(() => m, Object.values(m));
-      return /* @__PURE__ */ g(h.Provider, { value: S, children: v });
+    const d = (a) => {
+      var h;
+      const { scope: f, children: y, ..._ } = a, m = ((h = f == null ? void 0 : f[e]) == null ? void 0 : h[u]) || c, p = l.useMemo(() => _, Object.values(_));
+      return /* @__PURE__ */ S(m.Provider, { value: p, children: y });
     };
     d.displayName = r + "Provider";
-    function y(l, f) {
-      var h;
-      const v = ((h = f == null ? void 0 : f[e]) == null ? void 0 : h[u]) || c, m = a.useContext(v);
-      if (m) return m;
+    function g(a, f) {
+      var m;
+      const y = ((m = f == null ? void 0 : f[e]) == null ? void 0 : m[u]) || c, _ = l.useContext(y);
+      if (_) return _;
       if (s !== void 0) return s;
-      throw new Error(`\`${l}\` must be used within \`${r}\``);
+      throw new Error(`\`${a}\` must be used within \`${r}\``);
     }
-    return [d, y];
+    return [d, g];
   }
   const i = () => {
-    const r = n.map((s) => a.createContext(s));
+    const r = n.map((s) => l.createContext(s));
     return function(c) {
       const u = (c == null ? void 0 : c[e]) || r;
-      return a.useMemo(
+      return l.useMemo(
         () => ({ [`__scope${e}`]: { ...c, [e]: u } }),
         [c, u]
       );
     };
   };
-  return i.scopeName = e, [o, Ce(i, ...t)];
+  return i.scopeName = e, [o, ye(i, ...t)];
 }
-function Ce(...e) {
+function ye(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
@@ -77,19 +77,19 @@ function Ce(...e) {
     }));
     return function(r) {
       const s = o.reduce((c, { useScope: u, scopeName: d }) => {
-        const l = u(r)[`__scope${d}`];
-        return { ...c, ...l };
+        const a = u(r)[`__scope${d}`];
+        return { ...c, ...a };
       }, {});
-      return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+      return l.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
   return n.scopeName = t.scopeName, n;
 }
-function re(e) {
-  const t = a.useRef(e);
-  return a.useEffect(() => {
+function ne(e) {
+  const t = l.useRef(e);
+  return l.useEffect(() => {
     t.current = e;
-  }), a.useMemo(() => (...n) => {
+  }), l.useMemo(() => (...n) => {
     var o;
     return (o = t.current) == null ? void 0 : o.call(t, ...n);
   }, []);
@@ -100,11 +100,11 @@ function _e({
   onChange: n = () => {
   }
 }) {
-  const [o, i] = Re({ defaultProp: t, onChange: n }), r = e !== void 0, s = r ? e : o, c = re(n), u = a.useCallback(
+  const [o, i] = Ce({ defaultProp: t, onChange: n }), r = e !== void 0, s = r ? e : o, c = ne(n), u = l.useCallback(
     (d) => {
       if (r) {
-        const l = typeof d == "function" ? d(e) : d;
-        l !== e && c(l);
+        const a = typeof d == "function" ? d(e) : d;
+        a !== e && c(a);
       } else
         i(d);
     },
@@ -112,29 +112,29 @@ function _e({
   );
   return [s, u];
 }
-function Re({
+function Ce({
   defaultProp: e,
   onChange: t
 }) {
-  const n = a.useState(e), [o] = n, i = a.useRef(o), r = re(t);
-  return a.useEffect(() => {
+  const n = l.useState(e), [o] = n, i = l.useRef(o), r = ne(t);
+  return l.useEffect(() => {
     i.current !== o && (r(o), i.current = o);
   }, [o, i, r]), n;
 }
-var xe = a.createContext(void 0);
-function Pe(e) {
-  const t = a.useContext(xe);
+var we = l.createContext(void 0);
+function xe(e) {
+  const t = l.useContext(we);
   return e || t || "ltr";
 }
-function Ee(e) {
-  const t = a.useRef({ value: e, previous: e });
-  return a.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+function Re(e) {
+  const t = l.useRef({ value: e, previous: e });
+  return l.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-var De = globalThis != null && globalThis.document ? a.useLayoutEffect : () => {
+var Pe = globalThis != null && globalThis.document ? l.useLayoutEffect : () => {
 };
-function Me(e) {
-  const [t, n] = a.useState(void 0);
-  return De(() => {
+function Ee(e) {
+  const [t, n] = l.useState(void 0);
+  return Pe(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
       const o = new ResizeObserver((i) => {
@@ -154,29 +154,35 @@ function Me(e) {
       n(void 0);
   }, [e]), t;
 }
-var B = a.forwardRef((e, t) => {
-  const { children: n, ...o } = e, i = a.Children.toArray(n), r = i.find(Ie);
-  if (r) {
-    const s = r.props.children, c = i.map((u) => u === r ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : u);
-    return /* @__PURE__ */ g(H, { ...o, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, c) : null });
-  }
-  return /* @__PURE__ */ g(H, { ...o, ref: t, children: n });
-});
-B.displayName = "Slot";
-var H = a.forwardRef((e, t) => {
-  const { children: n, ...o } = e;
-  if (a.isValidElement(n)) {
-    const i = Oe(n), r = Ne(o, n.props);
-    return n.type !== a.Fragment && (r.ref = t ? te(t, i) : i), a.cloneElement(n, r);
-  }
-  return a.Children.count(n) > 1 ? a.Children.only(null) : null;
-});
-H.displayName = "SlotClone";
-var Ae = ({ children: e }) => /* @__PURE__ */ g(be, { children: e });
-function Ie(e) {
-  return a.isValidElement(e) && e.type === Ae;
+// @__NO_SIDE_EFFECTS__
+function F(e) {
+  const t = /* @__PURE__ */ De(e), n = l.forwardRef((o, i) => {
+    const { children: r, ...s } = o, c = l.Children.toArray(r), u = c.find(Me);
+    if (u) {
+      const d = u.props.children, g = c.map((a) => a === u ? l.Children.count(d) > 1 ? l.Children.only(null) : l.isValidElement(d) ? d.props.children : null : a);
+      return /* @__PURE__ */ S(t, { ...s, ref: i, children: l.isValidElement(d) ? l.cloneElement(d, void 0, g) : null });
+    }
+    return /* @__PURE__ */ S(t, { ...s, ref: i, children: r });
+  });
+  return n.displayName = `${e}.Slot`, n;
 }
-function Ne(e, t) {
+// @__NO_SIDE_EFFECTS__
+function De(e) {
+  const t = l.forwardRef((n, o) => {
+    const { children: i, ...r } = n;
+    if (l.isValidElement(i)) {
+      const s = Ne(i), c = Ae(r, i.props);
+      return i.type !== l.Fragment && (c.ref = o ? ee(o, s) : s), l.cloneElement(i, c);
+    }
+    return l.Children.count(i) > 1 ? l.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var Ie = Symbol("radix.slottable");
+function Me(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ie;
+}
+function Ae(e, t) {
   const n = { ...t };
   for (const o in t) {
     const i = e[o], r = t[o];
@@ -186,12 +192,12 @@ function Ne(e, t) {
   }
   return { ...e, ...n };
 }
-function Oe(e) {
+function Ne(e) {
   var o, i;
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (i = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : i.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var Te = [
+var Oe = [
   "a",
   "button",
   "div",
@@ -208,61 +214,61 @@ var Te = [
   "span",
   "svg",
   "ul"
-], z = Te.reduce((e, t) => {
-  const n = a.forwardRef((o, i) => {
-    const { asChild: r, ...s } = o, c = r ? B : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ g(c, { ...s, ref: i });
+], K = Oe.reduce((e, t) => {
+  const n = /* @__PURE__ */ F(`Primitive.${t}`), o = l.forwardRef((i, r) => {
+    const { asChild: s, ...c } = i, u = s ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ S(u, { ...c, ref: r });
   });
-  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
-function Ve(e) {
-  const t = e + "CollectionProvider", [n, o] = ne(t), [i, r] = n(
+function Te(e) {
+  const t = e + "CollectionProvider", [n, o] = te(t), [i, r] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), s = (v) => {
-    const { scope: m, children: h } = v, S = E.useRef(null), p = E.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ g(i, { scope: m, itemMap: p, collectionRef: S, children: h });
+  ), s = (m) => {
+    const { scope: p, children: h } = m, C = D.useRef(null), b = D.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ S(i, { scope: p, itemMap: b, collectionRef: C, children: h });
   };
   s.displayName = t;
-  const c = e + "CollectionSlot", u = E.forwardRef(
-    (v, m) => {
-      const { scope: h, children: S } = v, p = r(c, h), C = D(m, p.collectionRef);
-      return /* @__PURE__ */ g(B, { ref: C, children: S });
+  const c = e + "CollectionSlot", u = /* @__PURE__ */ F(c), d = D.forwardRef(
+    (m, p) => {
+      const { scope: h, children: C } = m, b = r(c, h), v = I(p, b.collectionRef);
+      return /* @__PURE__ */ S(u, { ref: v, children: C });
     }
   );
-  u.displayName = c;
-  const d = e + "CollectionItemSlot", y = "data-radix-collection-item", l = E.forwardRef(
-    (v, m) => {
-      const { scope: h, children: S, ...p } = v, C = E.useRef(null), w = D(m, C), b = r(d, h);
-      return E.useEffect(() => (b.itemMap.set(C, { ref: C, ...p }), () => void b.itemMap.delete(C))), /* @__PURE__ */ g(B, { [y]: "", ref: w, children: S });
+  d.displayName = c;
+  const g = e + "CollectionItemSlot", a = "data-radix-collection-item", f = /* @__PURE__ */ F(g), y = D.forwardRef(
+    (m, p) => {
+      const { scope: h, children: C, ...b } = m, v = D.useRef(null), x = I(p, v), R = r(g, h);
+      return D.useEffect(() => (R.itemMap.set(v, { ref: v, ...b }), () => void R.itemMap.delete(v))), /* @__PURE__ */ S(f, { [a]: "", ref: x, children: C });
     }
   );
-  l.displayName = d;
-  function f(v) {
-    const m = r(e + "CollectionConsumer", v);
-    return E.useCallback(() => {
-      const S = m.collectionRef.current;
-      if (!S) return [];
-      const p = Array.from(S.querySelectorAll(`[${y}]`));
-      return Array.from(m.itemMap.values()).sort(
-        (b, R) => p.indexOf(b.ref.current) - p.indexOf(R.ref.current)
+  y.displayName = g;
+  function _(m) {
+    const p = r(e + "CollectionConsumer", m);
+    return D.useCallback(() => {
+      const C = p.collectionRef.current;
+      if (!C) return [];
+      const b = Array.from(C.querySelectorAll(`[${a}]`));
+      return Array.from(p.itemMap.values()).sort(
+        (R, T) => b.indexOf(R.ref.current) - b.indexOf(T.ref.current)
       );
-    }, [m.collectionRef, m.itemMap]);
+    }, [p.collectionRef, p.itemMap]);
   }
   return [
-    { Provider: s, Slot: u, ItemSlot: l },
-    f,
+    { Provider: s, Slot: d, ItemSlot: y },
+    _,
     o
   ];
 }
-var oe = ["PageUp", "PageDown"], ie = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], se = {
+var re = ["PageUp", "PageDown"], oe = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ie = {
   "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, N = "Slider", [W, ke, Be] = Ve(N), [ce, ft] = ne(N, [
-  Be
-]), [ze, K] = ce(N), ae = a.forwardRef(
+}, O = "Slider", [H, Ve, ke] = Te(O), [se] = te(O, [
+  ke
+]), [Be, L] = se(O), ce = l.forwardRef(
   (e, t) => {
     const {
       name: n,
@@ -273,80 +279,80 @@ var oe = ["PageUp", "PageDown"], ie = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
       disabled: c = !1,
       minStepsBetweenThumbs: u = 0,
       defaultValue: d = [o],
-      value: y,
-      onValueChange: l = () => {
+      value: g,
+      onValueChange: a = () => {
       },
       onValueCommit: f = () => {
       },
-      inverted: v = !1,
-      form: m,
-      ...h
-    } = e, S = a.useRef(/* @__PURE__ */ new Set()), p = a.useRef(0), w = s === "horizontal" ? Ke : Le, [b = [], R] = _e({
-      prop: y,
+      inverted: y = !1,
+      form: _,
+      ...m
+    } = e, p = l.useRef(/* @__PURE__ */ new Set()), h = l.useRef(0), b = s === "horizontal" ? ze : Ke, [v = [], x] = _e({
+      prop: g,
       defaultProp: d,
-      onChange: (_) => {
+      onChange: (w) => {
         var M;
-        (M = [...S.current][p.current]) == null || M.focus(), l(_);
+        (M = [...p.current][h.current]) == null || M.focus(), a(w);
       }
-    }), L = a.useRef(b);
-    function $(_) {
-      const x = We(b, _);
-      O(_, x);
+    }), R = l.useRef(v);
+    function T(w) {
+      const P = He(v, w);
+      V(w, P);
     }
-    function ve(_) {
-      O(_, p.current);
+    function Se(w) {
+      V(w, h.current);
     }
-    function ge() {
-      const _ = L.current[p.current];
-      b[p.current] !== _ && f(b);
+    function ve() {
+      const w = R.current[h.current];
+      v[h.current] !== w && f(v);
     }
-    function O(_, x, { commit: M } = { commit: !1 }) {
-      const X = Xe(r), j = Ge(Math.round((_ - o) / r) * r + o, X), T = ee(j, [o, i]);
-      R((A = []) => {
-        const P = Fe(A, T, x);
-        if (qe(P, u * r)) {
-          p.current = P.indexOf(T);
-          const G = String(P) !== String(A);
-          return G && M && f(P), G ? P : A;
+    function V(w, P, { commit: M } = { commit: !1 }) {
+      const q = qe(r), $ = Xe(Math.round((w - o) / r) * r + o, q), k = Q($, [o, i]);
+      x((A = []) => {
+        const E = je(A, k, P);
+        if (Ye(E, u * r)) {
+          h.current = E.indexOf(k);
+          const X = String(E) !== String(A);
+          return X && M && f(E), X ? E : A;
         } else
           return A;
       });
     }
-    return /* @__PURE__ */ g(
-      ze,
+    return /* @__PURE__ */ S(
+      Be,
       {
         scope: e.__scopeSlider,
         name: n,
         disabled: c,
         min: o,
         max: i,
-        valueIndexToChangeRef: p,
-        thumbs: S.current,
-        values: b,
+        valueIndexToChangeRef: h,
+        thumbs: p.current,
+        values: v,
         orientation: s,
-        form: m,
-        children: /* @__PURE__ */ g(W.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ g(W.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ g(
-          w,
+        form: _,
+        children: /* @__PURE__ */ S(H.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ S(H.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ S(
+          b,
           {
             "aria-disabled": c,
             "data-disabled": c ? "" : void 0,
-            ...h,
+            ...m,
             ref: t,
-            onPointerDown: I(h.onPointerDown, () => {
-              c || (L.current = b);
+            onPointerDown: N(m.onPointerDown, () => {
+              c || (R.current = v);
             }),
             min: o,
             max: i,
-            inverted: v,
-            onSlideStart: c ? void 0 : $,
-            onSlideMove: c ? void 0 : ve,
-            onSlideEnd: c ? void 0 : ge,
-            onHomeKeyDown: () => !c && O(o, 0, { commit: !0 }),
-            onEndKeyDown: () => !c && O(i, b.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: _, direction: x }) => {
+            inverted: y,
+            onSlideStart: c ? void 0 : T,
+            onSlideMove: c ? void 0 : Se,
+            onSlideEnd: c ? void 0 : ve,
+            onHomeKeyDown: () => !c && V(o, 0, { commit: !0 }),
+            onEndKeyDown: () => !c && V(i, v.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: w, direction: P }) => {
               if (!c) {
-                const j = oe.includes(_.key) || _.shiftKey && ie.includes(_.key) ? 10 : 1, T = p.current, A = b[T], P = r * j * x;
-                O(A + P, T, { commit: !0 });
+                const $ = re.includes(w.key) || w.shiftKey && oe.includes(w.key) ? 10 : 1, k = h.current, A = v[k], E = r * $ * P;
+                V(A + E, k, { commit: !0 });
               }
             }
           }
@@ -355,13 +361,13 @@ var oe = ["PageUp", "PageDown"], ie = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
     );
   }
 );
-ae.displayName = N;
-var [le, ue] = ce(N, {
+ce.displayName = O;
+var [le, ae] = se(O, {
   startEdge: "left",
   endEdge: "right",
   size: "width",
   direction: 1
-}), Ke = a.forwardRef(
+}), ze = l.forwardRef(
   (e, t) => {
     const {
       min: n,
@@ -372,52 +378,52 @@ var [le, ue] = ce(N, {
       onSlideMove: c,
       onSlideEnd: u,
       onStepKeyDown: d,
-      ...y
-    } = e, [l, f] = a.useState(null), v = D(t, (w) => f(w)), m = a.useRef(void 0), h = Pe(i), S = h === "ltr", p = S && !r || !S && r;
-    function C(w) {
-      const b = m.current || l.getBoundingClientRect(), R = [0, b.width], $ = q(R, p ? [n, o] : [o, n]);
-      return m.current = b, $(w - b.left);
+      ...g
+    } = e, [a, f] = l.useState(null), y = I(t, (b) => f(b)), _ = l.useRef(void 0), m = xe(i), p = m === "ltr", h = p && !r || !p && r;
+    function C(b) {
+      const v = _.current || a.getBoundingClientRect(), x = [0, v.width], T = Y(x, h ? [n, o] : [o, n]);
+      return _.current = v, T(b - v.left);
     }
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ S(
       le,
       {
         scope: e.__scopeSlider,
-        startEdge: p ? "left" : "right",
-        endEdge: p ? "right" : "left",
-        direction: p ? 1 : -1,
+        startEdge: h ? "left" : "right",
+        endEdge: h ? "right" : "left",
+        direction: h ? 1 : -1,
         size: "width",
-        children: /* @__PURE__ */ g(
-          de,
+        children: /* @__PURE__ */ S(
+          ue,
           {
-            dir: h,
+            dir: m,
             "data-orientation": "horizontal",
-            ...y,
-            ref: v,
+            ...g,
+            ref: y,
             style: {
-              ...y.style,
+              ...g.style,
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
-            onSlideStart: (w) => {
-              const b = C(w.clientX);
-              s == null || s(b);
+            onSlideStart: (b) => {
+              const v = C(b.clientX);
+              s == null || s(v);
             },
-            onSlideMove: (w) => {
-              const b = C(w.clientX);
-              c == null || c(b);
+            onSlideMove: (b) => {
+              const v = C(b.clientX);
+              c == null || c(v);
             },
             onSlideEnd: () => {
-              m.current = void 0, u == null || u();
+              _.current = void 0, u == null || u();
             },
-            onStepKeyDown: (w) => {
-              const R = se[p ? "from-left" : "from-right"].includes(w.key);
-              d == null || d({ event: w, direction: R ? -1 : 1 });
+            onStepKeyDown: (b) => {
+              const x = ie[h ? "from-left" : "from-right"].includes(b.key);
+              d == null || d({ event: b, direction: x ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), Le = a.forwardRef(
+), Ke = l.forwardRef(
   (e, t) => {
     const {
       min: n,
@@ -428,50 +434,50 @@ var [le, ue] = ce(N, {
       onSlideEnd: c,
       onStepKeyDown: u,
       ...d
-    } = e, y = a.useRef(null), l = D(t, y), f = a.useRef(void 0), v = !i;
-    function m(h) {
-      const S = f.current || y.current.getBoundingClientRect(), p = [0, S.height], w = q(p, v ? [o, n] : [n, o]);
-      return f.current = S, w(h - S.top);
+    } = e, g = l.useRef(null), a = I(t, g), f = l.useRef(void 0), y = !i;
+    function _(m) {
+      const p = f.current || g.current.getBoundingClientRect(), h = [0, p.height], b = Y(h, y ? [o, n] : [n, o]);
+      return f.current = p, b(m - p.top);
     }
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ S(
       le,
       {
         scope: e.__scopeSlider,
-        startEdge: v ? "bottom" : "top",
-        endEdge: v ? "top" : "bottom",
+        startEdge: y ? "bottom" : "top",
+        endEdge: y ? "top" : "bottom",
         size: "height",
-        direction: v ? 1 : -1,
-        children: /* @__PURE__ */ g(
-          de,
+        direction: y ? 1 : -1,
+        children: /* @__PURE__ */ S(
+          ue,
           {
             "data-orientation": "vertical",
             ...d,
-            ref: l,
+            ref: a,
             style: {
               ...d.style,
               "--radix-slider-thumb-transform": "translateY(50%)"
             },
-            onSlideStart: (h) => {
-              const S = m(h.clientY);
-              r == null || r(S);
+            onSlideStart: (m) => {
+              const p = _(m.clientY);
+              r == null || r(p);
             },
-            onSlideMove: (h) => {
-              const S = m(h.clientY);
-              s == null || s(S);
+            onSlideMove: (m) => {
+              const p = _(m.clientY);
+              s == null || s(p);
             },
             onSlideEnd: () => {
               f.current = void 0, c == null || c();
             },
-            onStepKeyDown: (h) => {
-              const p = se[v ? "from-bottom" : "from-top"].includes(h.key);
-              u == null || u({ event: h, direction: p ? -1 : 1 });
+            onStepKeyDown: (m) => {
+              const h = ie[y ? "from-bottom" : "from-top"].includes(m.key);
+              u == null || u({ event: m, direction: h ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), de = a.forwardRef(
+), ue = l.forwardRef(
   (e, t) => {
     const {
       __scopeSlider: n,
@@ -482,34 +488,34 @@ var [le, ue] = ce(N, {
       onEndKeyDown: c,
       onStepKeyDown: u,
       ...d
-    } = e, y = K(N, n);
-    return /* @__PURE__ */ g(
-      z.span,
+    } = e, g = L(O, n);
+    return /* @__PURE__ */ S(
+      K.span,
       {
         ...d,
         ref: t,
-        onKeyDown: I(e.onKeyDown, (l) => {
-          l.key === "Home" ? (s(l), l.preventDefault()) : l.key === "End" ? (c(l), l.preventDefault()) : oe.concat(ie).includes(l.key) && (u(l), l.preventDefault());
+        onKeyDown: N(e.onKeyDown, (a) => {
+          a.key === "Home" ? (s(a), a.preventDefault()) : a.key === "End" ? (c(a), a.preventDefault()) : re.concat(oe).includes(a.key) && (u(a), a.preventDefault());
         }),
-        onPointerDown: I(e.onPointerDown, (l) => {
-          const f = l.target;
-          f.setPointerCapture(l.pointerId), l.preventDefault(), y.thumbs.has(f) ? f.focus() : o(l);
+        onPointerDown: N(e.onPointerDown, (a) => {
+          const f = a.target;
+          f.setPointerCapture(a.pointerId), a.preventDefault(), g.thumbs.has(f) ? f.focus() : o(a);
         }),
-        onPointerMove: I(e.onPointerMove, (l) => {
-          l.target.hasPointerCapture(l.pointerId) && i(l);
+        onPointerMove: N(e.onPointerMove, (a) => {
+          a.target.hasPointerCapture(a.pointerId) && i(a);
         }),
-        onPointerUp: I(e.onPointerUp, (l) => {
-          const f = l.target;
-          f.hasPointerCapture(l.pointerId) && (f.releasePointerCapture(l.pointerId), r(l));
+        onPointerUp: N(e.onPointerUp, (a) => {
+          const f = a.target;
+          f.hasPointerCapture(a.pointerId) && (f.releasePointerCapture(a.pointerId), r(a));
         })
       }
     );
   }
-), fe = "SliderTrack", pe = a.forwardRef(
+), de = "SliderTrack", fe = l.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, ...o } = e, i = K(fe, n);
-    return /* @__PURE__ */ g(
-      z.span,
+    const { __scopeSlider: n, ...o } = e, i = L(de, n);
+    return /* @__PURE__ */ S(
+      K.span,
       {
         "data-disabled": i.disabled ? "" : void 0,
         "data-orientation": i.orientation,
@@ -519,14 +525,14 @@ var [le, ue] = ce(N, {
     );
   }
 );
-pe.displayName = fe;
-var U = "SliderRange", me = a.forwardRef(
+fe.displayName = de;
+var W = "SliderRange", pe = l.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, ...o } = e, i = K(U, n), r = ue(U, n), s = a.useRef(null), c = D(t, s), u = i.values.length, d = i.values.map(
-      (f) => Se(f, i.min, i.max)
-    ), y = u > 1 ? Math.min(...d) : 0, l = 100 - Math.max(...d);
-    return /* @__PURE__ */ g(
-      z.span,
+    const { __scopeSlider: n, ...o } = e, i = L(W, n), r = ae(W, n), s = l.useRef(null), c = I(t, s), u = i.values.length, d = i.values.map(
+      (f) => he(f, i.min, i.max)
+    ), g = u > 1 ? Math.min(...d) : 0, a = 100 - Math.max(...d);
+    return /* @__PURE__ */ S(
+      K.span,
       {
         "data-orientation": i.orientation,
         "data-disabled": i.disabled ? "" : void 0,
@@ -534,65 +540,65 @@ var U = "SliderRange", me = a.forwardRef(
         ref: c,
         style: {
           ...e.style,
-          [r.startEdge]: y + "%",
-          [r.endEdge]: l + "%"
+          [r.startEdge]: g + "%",
+          [r.endEdge]: a + "%"
         }
       }
     );
   }
 );
-me.displayName = U;
-var Y = "SliderThumb", he = a.forwardRef(
+pe.displayName = W;
+var U = "SliderThumb", me = l.forwardRef(
   (e, t) => {
-    const n = ke(e.__scopeSlider), [o, i] = a.useState(null), r = D(t, (c) => i(c)), s = a.useMemo(
+    const n = Ve(e.__scopeSlider), [o, i] = l.useState(null), r = I(t, (c) => i(c)), s = l.useMemo(
       () => o ? n().findIndex((c) => c.ref.current === o) : -1,
       [n, o]
     );
-    return /* @__PURE__ */ g($e, { ...e, ref: r, index: s });
+    return /* @__PURE__ */ S(Le, { ...e, ref: r, index: s });
   }
-), $e = a.forwardRef(
+), Le = l.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, index: o, name: i, ...r } = e, s = K(Y, n), c = ue(Y, n), [u, d] = a.useState(null), y = D(t, (C) => d(C)), l = u ? s.form || !!u.closest("form") : !0, f = Me(u), v = s.values[o], m = v === void 0 ? 0 : Se(v, s.min, s.max), h = He(o, s.values.length), S = f == null ? void 0 : f[c.size], p = S ? Ue(S, m, c.direction) : 0;
-    return a.useEffect(() => {
+    const { __scopeSlider: n, index: o, name: i, ...r } = e, s = L(U, n), c = ae(U, n), [u, d] = l.useState(null), g = I(t, (C) => d(C)), a = u ? s.form || !!u.closest("form") : !0, f = Ee(u), y = s.values[o], _ = y === void 0 ? 0 : he(y, s.min, s.max), m = Fe(o, s.values.length), p = f == null ? void 0 : f[c.size], h = p ? We(p, _, c.direction) : 0;
+    return l.useEffect(() => {
       if (u)
         return s.thumbs.add(u), () => {
           s.thumbs.delete(u);
         };
-    }, [u, s.thumbs]), /* @__PURE__ */ Q(
+    }, [u, s.thumbs]), /* @__PURE__ */ J(
       "span",
       {
         style: {
           transform: "var(--radix-slider-thumb-transform)",
           position: "absolute",
-          [c.startEdge]: `calc(${m}% + ${p}px)`
+          [c.startEdge]: `calc(${_}% + ${h}px)`
         },
         children: [
-          /* @__PURE__ */ g(W.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ g(
-            z.span,
+          /* @__PURE__ */ S(H.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ S(
+            K.span,
             {
               role: "slider",
-              "aria-label": e["aria-label"] || h,
+              "aria-label": e["aria-label"] || m,
               "aria-valuemin": s.min,
-              "aria-valuenow": v,
+              "aria-valuenow": y,
               "aria-valuemax": s.max,
               "aria-orientation": s.orientation,
               "data-orientation": s.orientation,
               "data-disabled": s.disabled ? "" : void 0,
               tabIndex: s.disabled ? void 0 : 0,
               ...r,
-              ref: y,
-              style: v === void 0 ? { display: "none" } : e.style,
-              onFocus: I(e.onFocus, () => {
+              ref: g,
+              style: y === void 0 ? { display: "none" } : e.style,
+              onFocus: N(e.onFocus, () => {
                 s.valueIndexToChangeRef.current = o;
               })
             }
           ) }),
-          l && /* @__PURE__ */ g(
-            je,
+          a && /* @__PURE__ */ S(
+            $e,
             {
               name: i ?? (s.name ? s.name + (s.values.length > 1 ? "[]" : "") : void 0),
               form: s.form,
-              value: v
+              value: y
             },
             o
           )
@@ -601,74 +607,74 @@ var Y = "SliderThumb", he = a.forwardRef(
     );
   }
 );
-he.displayName = Y;
-var je = (e) => {
-  const { value: t, ...n } = e, o = a.useRef(null), i = Ee(t);
-  return a.useEffect(() => {
+me.displayName = U;
+var $e = (e) => {
+  const { value: t, ...n } = e, o = l.useRef(null), i = Re(t);
+  return l.useEffect(() => {
     const r = o.current, s = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(s, "value").set;
     if (i !== t && u) {
       const d = new Event("input", { bubbles: !0 });
       u.call(r, t), r.dispatchEvent(d);
     }
-  }, [i, t]), /* @__PURE__ */ g("input", { style: { display: "none" }, ...n, ref: o, defaultValue: t });
+  }, [i, t]), /* @__PURE__ */ S("input", { style: { display: "none" }, ...n, ref: o, defaultValue: t });
 };
-function Fe(e = [], t, n) {
+function je(e = [], t, n) {
   const o = [...e];
   return o[n] = t, o.sort((i, r) => i - r);
 }
-function Se(e, t, n) {
+function he(e, t, n) {
   const r = 100 / (n - t) * (e - t);
-  return ee(r, [0, 100]);
+  return Q(r, [0, 100]);
 }
-function He(e, t) {
+function Fe(e, t) {
   return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
 }
-function We(e, t) {
+function He(e, t) {
   if (e.length === 1) return 0;
   const n = e.map((i) => Math.abs(i - t)), o = Math.min(...n);
   return n.indexOf(o);
 }
-function Ue(e, t, n) {
-  const o = e / 2, r = q([0, 50], [0, o]);
+function We(e, t, n) {
+  const o = e / 2, r = Y([0, 50], [0, o]);
   return (o - r(t) * n) * n;
 }
-function Ye(e) {
+function Ue(e) {
   return e.slice(0, -1).map((t, n) => e[n + 1] - t);
 }
-function qe(e, t) {
+function Ye(e, t) {
   if (t > 0) {
-    const n = Ye(e);
+    const n = Ue(e);
     return Math.min(...n) >= t;
   }
   return !0;
 }
-function q(e, t) {
+function Y(e, t) {
   return (n) => {
     if (e[0] === e[1] || t[0] === t[1]) return t[0];
     const o = (t[1] - t[0]) / (e[1] - e[0]);
     return t[0] + o * (n - e[0]);
   };
 }
-function Xe(e) {
+function qe(e) {
   return (String(e).split(".")[1] || "").length;
 }
-function Ge(e, t) {
+function Xe(e, t) {
   const n = Math.pow(10, t);
   return Math.round(e * n) / n;
 }
-var Ze = ae, Je = pe, Qe = me, et = he;
-function tt(e) {
+var Ge = ce, Ze = fe, Je = pe, Qe = me;
+function et(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var F = { exports: {} };
+var j = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var J;
-function nt() {
-  return J || (J = 1, function(e) {
+var Z;
+function tt() {
+  return Z || (Z = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
@@ -697,15 +703,15 @@ function nt() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(F)), F.exports;
+  })(j)), j.exports;
 }
-var rt = nt();
-const ot = /* @__PURE__ */ tt(rt), it = {
+var nt = tt();
+const rt = /* @__PURE__ */ et(nt), ot = {
   "purpur-slider": "_purpur-slider_14tuk_1",
   "purpur-slider__track": "_purpur-slider__track_14tuk_17",
   "purpur-slider__range": "_purpur-slider__range_14tuk_17",
   "purpur-slider__thumb": "_purpur-slider__thumb_14tuk_43"
-}, V = ot.bind(it), pt = ["horizontal", "vertical"], k = "purpur-slider", st = (e) => String(e), ct = ({
+}, B = rt.bind(ot), dt = ["horizontal", "vertical"], z = "purpur-slider", it = (e) => String(e), st = ({
   "aria-label": e,
   "aria-valuetext": t,
   className: n,
@@ -714,34 +720,34 @@ const ot = /* @__PURE__ */ tt(rt), it = {
   value: r,
   ...s
 }, c) => {
-  const u = we(), d = r || o;
-  return /* @__PURE__ */ Q(
-    Ze,
+  const u = be(), d = r || o;
+  return /* @__PURE__ */ J(
+    Ge,
     {
       ...s,
       id: i || u,
       ref: c,
-      className: V(k, n),
+      className: B(z, n),
       value: r,
       defaultValue: o,
       children: [
-        /* @__PURE__ */ g(Je, { className: V(`${k}__track`), children: /* @__PURE__ */ g(Qe, { className: V(`${k}__range`) }) }),
-        d == null ? void 0 : d.map((y, l) => /* @__PURE__ */ g(
-          et,
+        /* @__PURE__ */ S(Ze, { className: B(`${z}__track`), children: /* @__PURE__ */ S(Je, { className: B(`${z}__range`) }) }),
+        d == null ? void 0 : d.map((g, a) => /* @__PURE__ */ S(
+          Qe,
           {
-            className: V(`${k}__thumb`),
+            className: B(`${z}__thumb`),
             "aria-label": e,
             "aria-valuetext": t
           },
-          st(l)
+          it(a)
         ))
       ]
     }
   );
-}, at = ye(ct);
-at.displayName = "Slider";
+}, ct = ge(st);
+ct.displayName = "Slider";
 export {
-  pt as SLIDER_ORIENTATION,
-  at as Slider
+  dt as SLIDER_ORIENTATION,
+  ct as Slider
 };
 //# sourceMappingURL=slider.es.js.map