@purpurds/slider 8.8.0 → 8.9.0

package/dist/slider.es.js

@@ -1,14 +1,14 @@
-import { jsx as S, jsxs as J } from "react/jsx-runtime";
+import { jsx as h, 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 Q(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
 }
-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 A(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(r) {
+    if (e?.(r), n === !1 || !r.defaultPrevented)
+      return t?.(r);
   };
 }
 function G(e, t) {
@@ -19,65 +19,63 @@ function G(e, t) {
 function ee(...e) {
   return (t) => {
     let n = !1;
-    const o = e.map((i) => {
-      const r = G(i, t);
-      return !n && typeof r == "function" && (n = !0), r;
+    const i = e.map((r) => {
+      const o = G(r, t);
+      return !n && typeof o == "function" && (n = !0), o;
     });
     if (n)
       return () => {
-        for (let i = 0; i < o.length; i++) {
-          const r = o[i];
-          typeof r == "function" ? r() : G(e[i], null);
+        for (let r = 0; r < i.length; r++) {
+          const o = i[r];
+          typeof o == "function" ? o() : G(e[r], null);
         }
       };
   };
 }
-function I(...e) {
+function M(...e) {
   return l.useCallback(ee(...e), e);
 }
 function te(e, t = []) {
   let n = [];
-  function o(r, s) {
+  function i(o, s) {
     const c = l.createContext(s), u = n.length;
     n = [...n, s];
     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 });
+      const { scope: p, children: y, ..._ } = a, m = p?.[e]?.[u] || c, f = l.useMemo(() => _, Object.values(_));
+      return /* @__PURE__ */ h(m.Provider, { value: f, children: y });
     };
-    d.displayName = r + "Provider";
-    function g(a, f) {
-      var m;
-      const y = ((m = f == null ? void 0 : f[e]) == null ? void 0 : m[u]) || c, _ = l.useContext(y);
+    d.displayName = o + "Provider";
+    function g(a, p) {
+      const y = p?.[e]?.[u] || c, _ = l.useContext(y);
       if (_) return _;
       if (s !== void 0) return s;
-      throw new Error(`\`${a}\` must be used within \`${r}\``);
+      throw new Error(`\`${a}\` must be used within \`${o}\``);
     }
     return [d, g];
   }
-  const i = () => {
-    const r = n.map((s) => l.createContext(s));
+  const r = () => {
+    const o = n.map((s) => l.createContext(s));
     return function(c) {
-      const u = (c == null ? void 0 : c[e]) || r;
+      const u = c?.[e] || o;
       return l.useMemo(
         () => ({ [`__scope${e}`]: { ...c, [e]: u } }),
         [c, u]
       );
     };
   };
-  return i.scopeName = e, [o, ye(i, ...t)];
+  return r.scopeName = e, [i, ye(r, ...t)];
 }
 function ye(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const n = () => {
-    const o = e.map((i) => ({
-      useScope: i(),
-      scopeName: i.scopeName
+    const i = e.map((r) => ({
+      useScope: r(),
+      scopeName: r.scopeName
     }));
-    return function(r) {
-      const s = o.reduce((c, { useScope: u, scopeName: d }) => {
-        const a = u(r)[`__scope${d}`];
+    return function(o) {
+      const s = i.reduce((c, { useScope: u, scopeName: d }) => {
+        const a = u(o)[`__scope${d}`];
         return { ...c, ...a };
       }, {});
       return l.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
@@ -89,10 +87,7 @@ function ne(e) {
   const t = l.useRef(e);
   return l.useEffect(() => {
     t.current = e;
-  }), l.useMemo(() => (...n) => {
-    var o;
-    return (o = t.current) == null ? void 0 : o.call(t, ...n);
-  }, []);
+  }), l.useMemo(() => (...n) => t.current?.(...n), []);
 }
 function _e({
   prop: e,
@@ -100,102 +95,101 @@ function _e({
   onChange: n = () => {
   }
 }) {
-  const [o, i] = Ce({ defaultProp: t, onChange: n }), r = e !== void 0, s = r ? e : o, c = ne(n), u = l.useCallback(
+  const [i, r] = we({ defaultProp: t, onChange: n }), o = e !== void 0, s = o ? e : i, c = ne(n), u = l.useCallback(
     (d) => {
-      if (r) {
+      if (o) {
         const a = typeof d == "function" ? d(e) : d;
         a !== e && c(a);
       } else
-        i(d);
+        r(d);
     },
-    [r, e, i, c]
+    [o, e, r, c]
   );
   return [s, u];
 }
-function Ce({
+function we({
   defaultProp: e,
   onChange: t
 }) {
-  const n = l.useState(e), [o] = n, i = l.useRef(o), r = ne(t);
+  const n = l.useState(e), [i] = n, r = l.useRef(i), o = ne(t);
   return l.useEffect(() => {
-    i.current !== o && (r(o), i.current = o);
-  }, [o, i, r]), n;
+    r.current !== i && (o(i), r.current = i);
+  }, [i, r, o]), n;
 }
-var we = l.createContext(void 0);
-function xe(e) {
-  const t = l.useContext(we);
+var Ce = l.createContext(void 0);
+function Re(e) {
+  const t = l.useContext(Ce);
   return e || t || "ltr";
 }
-function Re(e) {
+function xe(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 Pe = globalThis != null && globalThis.document ? l.useLayoutEffect : () => {
+var Ee = globalThis?.document ? l.useLayoutEffect : () => {
 };
-function Ee(e) {
+function Pe(e) {
   const [t, n] = l.useState(void 0);
-  return Pe(() => {
+  return Ee(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
-      const o = new ResizeObserver((i) => {
-        if (!Array.isArray(i) || !i.length)
+      const i = new ResizeObserver((r) => {
+        if (!Array.isArray(r) || !r.length)
           return;
-        const r = i[0];
+        const o = r[0];
         let s, c;
-        if ("borderBoxSize" in r) {
-          const u = r.borderBoxSize, d = Array.isArray(u) ? u[0] : u;
+        if ("borderBoxSize" in o) {
+          const u = o.borderBoxSize, d = Array.isArray(u) ? u[0] : u;
           s = d.inlineSize, c = d.blockSize;
         } else
           s = e.offsetWidth, c = e.offsetHeight;
         n({ width: s, height: c });
       });
-      return o.observe(e, { box: "border-box" }), () => o.unobserve(e);
+      return i.observe(e, { box: "border-box" }), () => i.unobserve(e);
     } else
       n(void 0);
   }, [e]), t;
 }
 // @__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);
+function j(e) {
+  const t = /* @__PURE__ */ De(e), n = l.forwardRef((i, r) => {
+    const { children: o, ...s } = i, c = l.Children.toArray(o), u = c.find(Ie);
     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__ */ h(t, { ...s, ref: r, children: l.isValidElement(d) ? l.cloneElement(d, void 0, g) : null });
     }
-    return /* @__PURE__ */ S(t, { ...s, ref: i, children: r });
+    return /* @__PURE__ */ h(t, { ...s, ref: r, children: o });
   });
   return n.displayName = `${e}.Slot`, n;
 }
 // @__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);
+  const t = l.forwardRef((n, i) => {
+    const { children: r, ...o } = n;
+    if (l.isValidElement(r)) {
+      const s = Ne(r), c = Ae(o, r.props);
+      return r.type !== l.Fragment && (c.ref = i ? ee(i, s) : s), l.cloneElement(r, c);
     }
-    return l.Children.count(i) > 1 ? l.Children.only(null) : null;
+    return l.Children.count(r) > 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;
+var Me = Symbol("radix.slottable");
+function Ie(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Me;
 }
 function Ae(e, t) {
   const n = { ...t };
-  for (const o in t) {
-    const i = e[o], r = t[o];
-    /^on[A-Z]/.test(o) ? i && r ? n[o] = (...c) => {
-      r(...c), i(...c);
-    } : i && (n[o] = i) : o === "style" ? n[o] = { ...i, ...r } : o === "className" && (n[o] = [i, r].filter(Boolean).join(" "));
+  for (const i in t) {
+    const r = e[i], o = t[i];
+    /^on[A-Z]/.test(i) ? r && o ? n[i] = (...c) => {
+      o(...c), r(...c);
+    } : r && (n[i] = r) : i === "style" ? n[i] = { ...r, ...o } : i === "className" && (n[i] = [r, o].filter(Boolean).join(" "));
   }
   return { ...e, ...n };
 }
 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);
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
 var Oe = [
   "a",
@@ -214,145 +208,144 @@ var Oe = [
   "span",
   "svg",
   "ul"
-], 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 });
+], z = Oe.reduce((e, t) => {
+  const n = /* @__PURE__ */ j(`Primitive.${t}`), i = l.forwardRef((r, o) => {
+    const { asChild: s, ...c } = r, u = s ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ h(u, { ...c, ref: o });
   });
-  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
+  return i.displayName = `Primitive.${t}`, { ...e, [t]: i };
 }, {});
 function Te(e) {
-  const t = e + "CollectionProvider", [n, o] = te(t), [i, r] = n(
+  const t = e + "CollectionProvider", [n, i] = te(t), [r, o] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), 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 });
+    const { scope: f, children: S } = m, w = D.useRef(null), b = D.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ h(r, { scope: f, itemMap: b, collectionRef: w, children: S });
   };
   s.displayName = t;
-  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 });
+  const c = e + "CollectionSlot", u = /* @__PURE__ */ j(c), d = D.forwardRef(
+    (m, f) => {
+      const { scope: S, children: w } = m, b = o(c, S), v = M(f, b.collectionRef);
+      return /* @__PURE__ */ h(u, { ref: v, children: w });
     }
   );
   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 });
+  const g = e + "CollectionItemSlot", a = "data-radix-collection-item", p = /* @__PURE__ */ j(g), y = D.forwardRef(
+    (m, f) => {
+      const { scope: S, children: w, ...b } = m, v = D.useRef(null), R = M(f, v), x = o(g, S);
+      return D.useEffect(() => (x.itemMap.set(v, { ref: v, ...b }), () => void x.itemMap.delete(v))), /* @__PURE__ */ h(p, { [a]: "", ref: R, children: w });
     }
   );
   y.displayName = g;
   function _(m) {
-    const p = r(e + "CollectionConsumer", m);
+    const f = o(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)
+      const w = f.collectionRef.current;
+      if (!w) return [];
+      const b = Array.from(w.querySelectorAll(`[${a}]`));
+      return Array.from(f.itemMap.values()).sort(
+        (x, O) => b.indexOf(x.ref.current) - b.indexOf(O.ref.current)
       );
-    }, [p.collectionRef, p.itemMap]);
+    }, [f.collectionRef, f.itemMap]);
   }
   return [
     { Provider: s, Slot: d, ItemSlot: y },
     _,
-    o
+    i
   ];
 }
-var re = ["PageUp", "PageDown"], oe = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ie = {
+var oe = ["PageUp", "PageDown"], re = ["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"]
-}, O = "Slider", [H, Ve, ke] = Te(O), [se] = te(O, [
+}, N = "Slider", [F, Ve, ke] = Te(N), [se] = te(N, [
   ke
-]), [Be, L] = se(O), ce = l.forwardRef(
+]), [Ke, B] = se(N), ce = l.forwardRef(
   (e, t) => {
     const {
       name: n,
-      min: o = 0,
-      max: i = 100,
-      step: r = 1,
+      min: i = 0,
+      max: r = 100,
+      step: o = 1,
       orientation: s = "horizontal",
       disabled: c = !1,
       minStepsBetweenThumbs: u = 0,
-      defaultValue: d = [o],
+      defaultValue: d = [i],
       value: g,
       onValueChange: a = () => {
       },
-      onValueCommit: f = () => {
+      onValueCommit: p = () => {
       },
       inverted: y = !1,
       form: _,
       ...m
-    } = e, p = l.useRef(/* @__PURE__ */ new Set()), h = l.useRef(0), b = s === "horizontal" ? ze : Ke, [v = [], x] = _e({
+    } = e, f = l.useRef(/* @__PURE__ */ new Set()), S = l.useRef(0), b = s === "horizontal" ? ze : Be, [v = [], R] = _e({
       prop: g,
       defaultProp: d,
-      onChange: (w) => {
-        var M;
-        (M = [...p.current][h.current]) == null || M.focus(), a(w);
+      onChange: (C) => {
+        [...f.current][S.current]?.focus(), a(C);
       }
-    }), R = l.useRef(v);
-    function T(w) {
-      const P = He(v, w);
-      V(w, P);
+    }), x = l.useRef(v);
+    function O(C) {
+      const E = Fe(v, C);
+      T(C, E);
     }
-    function Se(w) {
-      V(w, h.current);
+    function he(C) {
+      T(C, S.current);
     }
     function ve() {
-      const w = R.current[h.current];
-      v[h.current] !== w && f(v);
+      const C = x.current[S.current];
+      v[S.current] !== C && p(v);
     }
-    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;
+    function T(C, E, { commit: H } = { commit: !1 }) {
+      const q = qe(o), L = Xe(Math.round((C - i) / o) * o + i, q), V = Q(L, [i, r]);
+      R((I = []) => {
+        const P = $e(I, V, E);
+        if (Ye(P, u * o)) {
+          S.current = P.indexOf(V);
+          const X = String(P) !== String(I);
+          return X && H && p(P), X ? P : I;
         } else
-          return A;
+          return I;
       });
     }
-    return /* @__PURE__ */ S(
-      Be,
+    return /* @__PURE__ */ h(
+      Ke,
       {
         scope: e.__scopeSlider,
         name: n,
         disabled: c,
-        min: o,
-        max: i,
-        valueIndexToChangeRef: h,
-        thumbs: p.current,
+        min: i,
+        max: r,
+        valueIndexToChangeRef: S,
+        thumbs: f.current,
         values: v,
         orientation: s,
         form: _,
-        children: /* @__PURE__ */ S(H.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ S(H.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ S(
+        children: /* @__PURE__ */ h(F.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ h(F.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ h(
           b,
           {
             "aria-disabled": c,
             "data-disabled": c ? "" : void 0,
             ...m,
             ref: t,
-            onPointerDown: N(m.onPointerDown, () => {
-              c || (R.current = v);
+            onPointerDown: A(m.onPointerDown, () => {
+              c || (x.current = v);
             }),
-            min: o,
-            max: i,
+            min: i,
+            max: r,
             inverted: y,
-            onSlideStart: c ? void 0 : T,
-            onSlideMove: c ? void 0 : Se,
+            onSlideStart: c ? void 0 : O,
+            onSlideMove: c ? void 0 : he,
             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 }) => {
+            onHomeKeyDown: () => !c && T(i, 0, { commit: !0 }),
+            onEndKeyDown: () => !c && T(r, v.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: C, direction: E }) => {
               if (!c) {
-                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 });
+                const L = oe.includes(C.key) || C.shiftKey && re.includes(C.key) ? 10 : 1, V = S.current, I = v[V], P = o * L * E;
+                T(I + P, V, { commit: !0 });
               }
             }
           }
@@ -361,8 +354,8 @@ var re = ["PageUp", "PageDown"], oe = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
     );
   }
 );
-ce.displayName = O;
-var [le, ae] = se(O, {
+ce.displayName = N;
+var [le, ae] = se(N, {
   startEdge: "left",
   endEdge: "right",
   size: "width",
@@ -371,28 +364,28 @@ var [le, ae] = se(O, {
   (e, t) => {
     const {
       min: n,
-      max: o,
-      dir: i,
-      inverted: r,
+      max: i,
+      dir: r,
+      inverted: o,
       onSlideStart: s,
       onSlideMove: c,
       onSlideEnd: u,
       onStepKeyDown: d,
       ...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);
+    } = e, [a, p] = l.useState(null), y = M(t, (b) => p(b)), _ = l.useRef(void 0), m = Re(r), f = m === "ltr", S = f && !o || !f && o;
+    function w(b) {
+      const v = _.current || a.getBoundingClientRect(), R = [0, v.width], O = Y(R, S ? [n, i] : [i, n]);
+      return _.current = v, O(b - v.left);
     }
-    return /* @__PURE__ */ S(
+    return /* @__PURE__ */ h(
       le,
       {
         scope: e.__scopeSlider,
-        startEdge: h ? "left" : "right",
-        endEdge: h ? "right" : "left",
-        direction: h ? 1 : -1,
+        startEdge: S ? "left" : "right",
+        endEdge: S ? "right" : "left",
+        direction: S ? 1 : -1,
         size: "width",
-        children: /* @__PURE__ */ S(
+        children: /* @__PURE__ */ h(
           ue,
           {
             dir: m,
@@ -404,42 +397,42 @@ var [le, ae] = se(O, {
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
             onSlideStart: (b) => {
-              const v = C(b.clientX);
-              s == null || s(v);
+              const v = w(b.clientX);
+              s?.(v);
             },
             onSlideMove: (b) => {
-              const v = C(b.clientX);
-              c == null || c(v);
+              const v = w(b.clientX);
+              c?.(v);
             },
             onSlideEnd: () => {
-              _.current = void 0, u == null || u();
+              _.current = void 0, u?.();
             },
             onStepKeyDown: (b) => {
-              const x = ie[h ? "from-left" : "from-right"].includes(b.key);
-              d == null || d({ event: b, direction: x ? -1 : 1 });
+              const R = ie[S ? "from-left" : "from-right"].includes(b.key);
+              d?.({ event: b, direction: R ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), Ke = l.forwardRef(
+), Be = l.forwardRef(
   (e, t) => {
     const {
       min: n,
-      max: o,
-      inverted: i,
-      onSlideStart: r,
+      max: i,
+      inverted: r,
+      onSlideStart: o,
       onSlideMove: s,
       onSlideEnd: c,
       onStepKeyDown: u,
       ...d
-    } = e, g = l.useRef(null), a = I(t, g), f = l.useRef(void 0), y = !i;
+    } = e, g = l.useRef(null), a = M(t, g), p = l.useRef(void 0), y = !r;
     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);
+      const f = p.current || g.current.getBoundingClientRect(), S = [0, f.height], b = Y(S, y ? [i, n] : [n, i]);
+      return p.current = f, b(m - f.top);
     }
-    return /* @__PURE__ */ S(
+    return /* @__PURE__ */ h(
       le,
       {
         scope: e.__scopeSlider,
@@ -447,7 +440,7 @@ var [le, ae] = se(O, {
         endEdge: y ? "top" : "bottom",
         size: "height",
         direction: y ? 1 : -1,
-        children: /* @__PURE__ */ S(
+        children: /* @__PURE__ */ h(
           ue,
           {
             "data-orientation": "vertical",
@@ -458,19 +451,19 @@ var [le, ae] = se(O, {
               "--radix-slider-thumb-transform": "translateY(50%)"
             },
             onSlideStart: (m) => {
-              const p = _(m.clientY);
-              r == null || r(p);
+              const f = _(m.clientY);
+              o?.(f);
             },
             onSlideMove: (m) => {
-              const p = _(m.clientY);
-              s == null || s(p);
+              const f = _(m.clientY);
+              s?.(f);
             },
             onSlideEnd: () => {
-              f.current = void 0, c == null || c();
+              p.current = void 0, c?.();
             },
             onStepKeyDown: (m) => {
-              const h = ie[y ? "from-bottom" : "from-top"].includes(m.key);
-              u == null || u({ event: m, direction: h ? -1 : 1 });
+              const S = ie[y ? "from-bottom" : "from-top"].includes(m.key);
+              u?.({ event: m, direction: S ? -1 : 1 });
             }
           }
         )
@@ -481,45 +474,45 @@ var [le, ae] = se(O, {
   (e, t) => {
     const {
       __scopeSlider: n,
-      onSlideStart: o,
-      onSlideMove: i,
-      onSlideEnd: r,
+      onSlideStart: i,
+      onSlideMove: r,
+      onSlideEnd: o,
       onHomeKeyDown: s,
       onEndKeyDown: c,
       onStepKeyDown: u,
       ...d
-    } = e, g = L(O, n);
-    return /* @__PURE__ */ S(
-      K.span,
+    } = e, g = B(N, n);
+    return /* @__PURE__ */ h(
+      z.span,
       {
         ...d,
         ref: t,
-        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());
+        onKeyDown: A(e.onKeyDown, (a) => {
+          a.key === "Home" ? (s(a), a.preventDefault()) : a.key === "End" ? (c(a), a.preventDefault()) : oe.concat(re).includes(a.key) && (u(a), a.preventDefault());
         }),
-        onPointerDown: N(e.onPointerDown, (a) => {
-          const f = a.target;
-          f.setPointerCapture(a.pointerId), a.preventDefault(), g.thumbs.has(f) ? f.focus() : o(a);
+        onPointerDown: A(e.onPointerDown, (a) => {
+          const p = a.target;
+          p.setPointerCapture(a.pointerId), a.preventDefault(), g.thumbs.has(p) ? p.focus() : i(a);
         }),
-        onPointerMove: N(e.onPointerMove, (a) => {
-          a.target.hasPointerCapture(a.pointerId) && i(a);
+        onPointerMove: A(e.onPointerMove, (a) => {
+          a.target.hasPointerCapture(a.pointerId) && r(a);
         }),
-        onPointerUp: N(e.onPointerUp, (a) => {
-          const f = a.target;
-          f.hasPointerCapture(a.pointerId) && (f.releasePointerCapture(a.pointerId), r(a));
+        onPointerUp: A(e.onPointerUp, (a) => {
+          const p = a.target;
+          p.hasPointerCapture(a.pointerId) && (p.releasePointerCapture(a.pointerId), o(a));
         })
       }
     );
   }
 ), de = "SliderTrack", fe = l.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, ...o } = e, i = L(de, n);
-    return /* @__PURE__ */ S(
-      K.span,
+    const { __scopeSlider: n, ...i } = e, r = B(de, n);
+    return /* @__PURE__ */ h(
+      z.span,
       {
-        "data-disabled": i.disabled ? "" : void 0,
-        "data-orientation": i.orientation,
-        ...o,
+        "data-disabled": r.disabled ? "" : void 0,
+        "data-orientation": r.orientation,
+        ...i,
         ref: t
       }
     );
@@ -528,20 +521,20 @@ var [le, ae] = se(O, {
 fe.displayName = de;
 var W = "SliderRange", pe = l.forwardRef(
   (e, t) => {
-    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)
+    const { __scopeSlider: n, ...i } = e, r = B(W, n), o = ae(W, n), s = l.useRef(null), c = M(t, s), u = r.values.length, d = r.values.map(
+      (p) => Se(p, r.min, r.max)
     ), g = u > 1 ? Math.min(...d) : 0, a = 100 - Math.max(...d);
-    return /* @__PURE__ */ S(
-      K.span,
+    return /* @__PURE__ */ h(
+      z.span,
       {
-        "data-orientation": i.orientation,
-        "data-disabled": i.disabled ? "" : void 0,
-        ...o,
+        "data-orientation": r.orientation,
+        "data-disabled": r.disabled ? "" : void 0,
+        ...i,
         ref: c,
         style: {
           ...e.style,
-          [r.startEdge]: g + "%",
-          [r.endEdge]: a + "%"
+          [o.startEdge]: g + "%",
+          [o.endEdge]: a + "%"
         }
       }
     );
@@ -550,15 +543,15 @@ var W = "SliderRange", pe = l.forwardRef(
 pe.displayName = W;
 var U = "SliderThumb", me = l.forwardRef(
   (e, t) => {
-    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]
+    const n = Ve(e.__scopeSlider), [i, r] = l.useState(null), o = M(t, (c) => r(c)), s = l.useMemo(
+      () => i ? n().findIndex((c) => c.ref.current === i) : -1,
+      [n, i]
     );
-    return /* @__PURE__ */ S(Le, { ...e, ref: r, index: s });
+    return /* @__PURE__ */ h(He, { ...e, ref: o, index: s });
   }
-), Le = l.forwardRef(
+), He = l.forwardRef(
   (e, t) => {
-    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;
+    const { __scopeSlider: n, index: i, name: r, ...o } = e, s = B(U, n), c = ae(U, n), [u, d] = l.useState(null), g = M(t, (w) => d(w)), a = u ? s.form || !!u.closest("form") : !0, p = Pe(u), y = s.values[i], _ = y === void 0 ? 0 : Se(y, s.min, s.max), m = je(i, s.values.length), f = p?.[c.size], S = f ? We(f, _, c.direction) : 0;
     return l.useEffect(() => {
       if (u)
         return s.thumbs.add(u), () => {
@@ -570,11 +563,11 @@ var U = "SliderThumb", me = l.forwardRef(
         style: {
           transform: "var(--radix-slider-thumb-transform)",
           position: "absolute",
-          [c.startEdge]: `calc(${_}% + ${h}px)`
+          [c.startEdge]: `calc(${_}% + ${S}px)`
         },
         children: [
-          /* @__PURE__ */ S(H.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ S(
-            K.span,
+          /* @__PURE__ */ h(F.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ h(
+            z.span,
             {
               role: "slider",
               "aria-label": e["aria-label"] || m,
@@ -585,22 +578,22 @@ var U = "SliderThumb", me = l.forwardRef(
               "data-orientation": s.orientation,
               "data-disabled": s.disabled ? "" : void 0,
               tabIndex: s.disabled ? void 0 : 0,
-              ...r,
+              ...o,
               ref: g,
               style: y === void 0 ? { display: "none" } : e.style,
-              onFocus: N(e.onFocus, () => {
-                s.valueIndexToChangeRef.current = o;
+              onFocus: A(e.onFocus, () => {
+                s.valueIndexToChangeRef.current = i;
               })
             }
           ) }),
-          a && /* @__PURE__ */ S(
-            $e,
+          a && /* @__PURE__ */ h(
+            Le,
             {
-              name: i ?? (s.name ? s.name + (s.values.length > 1 ? "[]" : "") : void 0),
+              name: r ?? (s.name ? s.name + (s.values.length > 1 ? "[]" : "") : void 0),
               form: s.form,
               value: y
             },
-            o
+            i
           )
         ]
       }
@@ -608,35 +601,35 @@ var U = "SliderThumb", me = l.forwardRef(
   }
 );
 me.displayName = U;
-var $e = (e) => {
-  const { value: t, ...n } = e, o = l.useRef(null), i = Re(t);
+var Le = (e) => {
+  const { value: t, ...n } = e, i = l.useRef(null), r = xe(t);
   return l.useEffect(() => {
-    const r = o.current, s = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(s, "value").set;
-    if (i !== t && u) {
+    const o = i.current, s = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(s, "value").set;
+    if (r !== t && u) {
       const d = new Event("input", { bubbles: !0 });
-      u.call(r, t), r.dispatchEvent(d);
+      u.call(o, t), o.dispatchEvent(d);
     }
-  }, [i, t]), /* @__PURE__ */ S("input", { style: { display: "none" }, ...n, ref: o, defaultValue: t });
+  }, [r, t]), /* @__PURE__ */ h("input", { style: { display: "none" }, ...n, ref: i, defaultValue: t });
 };
-function je(e = [], t, n) {
-  const o = [...e];
-  return o[n] = t, o.sort((i, r) => i - r);
+function $e(e = [], t, n) {
+  const i = [...e];
+  return i[n] = t, i.sort((r, o) => r - o);
 }
-function he(e, t, n) {
-  const r = 100 / (n - t) * (e - t);
-  return Q(r, [0, 100]);
+function Se(e, t, n) {
+  const o = 100 / (n - t) * (e - t);
+  return Q(o, [0, 100]);
 }
-function Fe(e, t) {
+function je(e, t) {
   return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
 }
-function He(e, t) {
+function Fe(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);
+  const n = e.map((r) => Math.abs(r - t)), i = Math.min(...n);
+  return n.indexOf(i);
 }
 function We(e, t, n) {
-  const o = e / 2, r = Y([0, 50], [0, o]);
-  return (o - r(t) * n) * n;
+  const i = e / 2, o = Y([0, 50], [0, i]);
+  return (i - o(t) * n) * n;
 }
 function Ue(e) {
   return e.slice(0, -1).map((t, n) => e[n + 1] - t);
@@ -651,8 +644,8 @@ function Ye(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]);
+    const i = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + i * (n - e[0]);
   };
 }
 function qe(e) {
@@ -666,76 +659,71 @@ 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 j = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
+var $ = { exports: {} };
 var Z;
 function tt() {
   return Z || (Z = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
-        for (var r = "", s = 0; s < arguments.length; s++) {
+        for (var o = "", s = 0; s < arguments.length; s++) {
           var c = arguments[s];
-          c && (r = i(r, o.call(this, c)));
+          c && (o = r(o, i.call(this, c)));
         }
-        return r;
+        return o;
       }
-      function o(r) {
-        if (typeof r == "string" || typeof r == "number")
-          return this && this[r] || r;
-        if (typeof r != "object")
+      function i(o) {
+        if (typeof o == "string" || typeof o == "number")
+          return this && this[o] || o;
+        if (typeof o != "object")
           return "";
-        if (Array.isArray(r))
-          return n.apply(this, r);
-        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
-          return r.toString();
+        if (Array.isArray(o))
+          return n.apply(this, o);
+        if (o.toString !== Object.prototype.toString && !o.toString.toString().includes("[native code]"))
+          return o.toString();
         var s = "";
-        for (var c in r)
-          t.call(r, c) && r[c] && (s = i(s, this && this[c] || c));
+        for (var c in o)
+          t.call(o, c) && o[c] && (s = r(s, this && this[c] || c));
         return s;
       }
-      function i(r, s) {
-        return s ? r ? r + " " + s : r + s : r;
+      function r(o, s) {
+        return s ? o ? o + " " + s : o + s : o;
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  })(j)), j.exports;
+  })($)), $.exports;
 }
 var nt = tt();
-const rt = /* @__PURE__ */ et(nt), ot = {
+const ot = /* @__PURE__ */ et(nt), rt = {
   "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"
-}, B = rt.bind(ot), dt = ["horizontal", "vertical"], z = "purpur-slider", it = (e) => String(e), st = ({
+}, k = ot.bind(rt), dt = ["horizontal", "vertical"], K = "purpur-slider", it = (e) => String(e), st = ({
   "aria-label": e,
   "aria-valuetext": t,
   className: n,
-  defaultValue: o,
-  id: i,
-  value: r,
+  defaultValue: i,
+  id: r,
+  value: o,
   ...s
 }, c) => {
-  const u = be(), d = r || o;
+  const u = be(), d = o || i;
   return /* @__PURE__ */ J(
     Ge,
     {
       ...s,
-      id: i || u,
+      id: r || u,
       ref: c,
-      className: B(z, n),
-      value: r,
-      defaultValue: o,
+      className: k(K, n),
+      value: o,
+      defaultValue: i,
       children: [
-        /* @__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(
+        /* @__PURE__ */ h(Ze, { className: k(`${K}__track`), children: /* @__PURE__ */ h(Je, { className: k(`${K}__range`) }) }),
+        d?.map((g, a) => /* @__PURE__ */ h(
           Qe,
           {
-            className: B(`${z}__thumb`),
+            className: k(`${K}__thumb`),
             "aria-label": e,
             "aria-valuetext": t
           },