@purpurds/slider 5.30.1 → 5.32.0

package/dist/slider.es.js

@@ -1,5 +1,5 @@
 import { jsxs as Pe, jsx as G } from "react/jsx-runtime";
-import D, { useCallback as ce, createContext as q, useMemo as O, createElement as v, useContext as ae, useRef as E, useEffect as B, useState as T, useLayoutEffect as Ee, forwardRef as P, Children as k, isValidElement as F, cloneElement as se, Fragment as De, useId as Me } from "react";
+import D, { useCallback as ce, createContext as q, useMemo as O, createElement as b, useContext as ae, useRef as E, useEffect as B, useState as T, useLayoutEffect as Ee, forwardRef as P, Children as k, isValidElement as F, cloneElement as se, Fragment as De, useId as Me } from "react";
 import "react-dom";
 function y() {
   return y = Object.assign ? Object.assign.bind() : function(e) {
@@ -42,7 +42,7 @@ function de(e, t = []) {
         () => f,
         Object.values(f)
       );
-      return /* @__PURE__ */ v($.Provider, {
+      return /* @__PURE__ */ b($.Provider, {
         value: p
       }, S);
     }
@@ -204,11 +204,11 @@ const U = /* @__PURE__ */ P((e, t) => {
   const { children: n, ...r } = e, i = k.toArray(n), o = i.find(ze);
   if (o) {
     const a = o.props.children, c = i.map((l) => l === o ? k.count(a) > 1 ? k.only(null) : /* @__PURE__ */ F(a) ? a.props.children : null : l);
-    return /* @__PURE__ */ v(Z, y({}, r, {
+    return /* @__PURE__ */ b(Z, y({}, r, {
       ref: t
     }), /* @__PURE__ */ F(a) ? /* @__PURE__ */ se(a, void 0, c) : null);
   }
-  return /* @__PURE__ */ v(Z, y({}, r, {
+  return /* @__PURE__ */ b(Z, y({}, r, {
     ref: t
   }), n);
 });
@@ -221,7 +221,7 @@ const Z = /* @__PURE__ */ P((e, t) => {
   }) : k.count(n) > 1 ? k.only(null) : null;
 });
 Z.displayName = "SlotClone";
-const Be = ({ children: e }) => /* @__PURE__ */ v(De, null, e);
+const Be = ({ children: e }) => /* @__PURE__ */ b(De, null, e);
 function ze(e) {
   return /* @__PURE__ */ F(e) && e.type === Be;
 }
@@ -268,7 +268,7 @@ const He = [
     const { asChild: o, ...a } = r, c = o ? U : t;
     return B(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ v(c, y({}, a, {
+    }, []), /* @__PURE__ */ b(c, y({}, a, {
       ref: i
     }));
   });
@@ -284,22 +284,22 @@ function je(e) {
     },
     itemMap: /* @__PURE__ */ new Map()
   }), a = (S) => {
-    const { scope: f, children: $ } = S, p = D.useRef(null), b = D.useRef(/* @__PURE__ */ new Map()).current;
+    const { scope: f, children: $ } = S, p = D.useRef(null), v = D.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ D.createElement(i, {
       scope: f,
-      itemMap: b,
+      itemMap: v,
       collectionRef: p
     }, $);
   }, c = e + "CollectionSlot", l = /* @__PURE__ */ D.forwardRef((S, f) => {
-    const { scope: $, children: p } = S, b = o(c, $), _ = M(f, b.collectionRef);
+    const { scope: $, children: p } = S, v = o(c, $), _ = M(f, v.collectionRef);
     return /* @__PURE__ */ D.createElement(U, {
       ref: _
     }, p);
   }), u = e + "CollectionItemSlot", m = "data-radix-collection-item", s = /* @__PURE__ */ D.forwardRef((S, f) => {
-    const { scope: $, children: p, ...b } = S, _ = D.useRef(null), h = M(f, _), g = o(u, $);
+    const { scope: $, children: p, ...v } = S, _ = D.useRef(null), h = M(f, _), g = o(u, $);
     return D.useEffect(() => (g.itemMap.set(_, {
       ref: _,
-      ...b
+      ...v
     }), () => void g.itemMap.delete(_))), /* @__PURE__ */ D.createElement(U, {
       [m]: "",
       ref: h
@@ -310,9 +310,9 @@ function je(e) {
     return D.useCallback(() => {
       const p = f.collectionRef.current;
       if (!p) return [];
-      const b = Array.from(p.querySelectorAll(`[${m}]`));
+      const v = Array.from(p.querySelectorAll(`[${m}]`));
       return Array.from(f.itemMap.values()).sort(
-        (g, R) => b.indexOf(g.ref.current) - b.indexOf(R.ref.current)
+        (g, R) => v.indexOf(g.ref.current) - v.indexOf(R.ref.current)
       );
     }, [
       f.collectionRef,
@@ -369,7 +369,7 @@ const pe = [
     r
   ], value: m, onValueChange: s = () => {
   }, onValueCommit: d = () => {
-  }, inverted: S = !1, ...f } = e, [$, p] = T(null), b = M(
+  }, inverted: S = !1, ...f } = e, [$, p] = T(null), v = M(
     t,
     (x) => p(x)
   ), _ = E(/* @__PURE__ */ new Set()), h = E(0), g = a === "horizontal", R = $ ? !!$.closest("form") : !0, ee = g ? Xe : Ge, [w = [], _e] = Ie({
@@ -409,7 +409,7 @@ const pe = [
       } else return I;
     });
   }
-  return /* @__PURE__ */ v(Ye, {
+  return /* @__PURE__ */ b(Ye, {
     scope: e.__scopeSlider,
     disabled: c,
     min: r,
@@ -418,15 +418,15 @@ const pe = [
     thumbs: _.current,
     values: w,
     orientation: a
-  }, /* @__PURE__ */ v(J.Provider, {
+  }, /* @__PURE__ */ b(J.Provider, {
     scope: e.__scopeSlider
-  }, /* @__PURE__ */ v(J.Slot, {
+  }, /* @__PURE__ */ b(J.Slot, {
     scope: e.__scopeSlider
-  }, /* @__PURE__ */ v(ee, y({
+  }, /* @__PURE__ */ b(ee, y({
     "aria-disabled": c,
     "data-disabled": c ? "" : void 0
   }, f, {
-    ref: b,
+    ref: v,
     onPointerDown: N(f.onPointerDown, () => {
       c || (te.current = w);
     }),
@@ -451,13 +451,13 @@ const pe = [
       }
     }
   })))), R && w.map(
-    (x, C) => /* @__PURE__ */ v(tt, {
+    (x, C) => /* @__PURE__ */ b(tt, {
       key: C,
       name: n ? n + (w.length > 1 ? "[]" : "") : void 0,
       value: x
     })
   ));
-}), [he, ve] = Se(z, {
+}), [he, be] = Se(z, {
   startEdge: "left",
   endEdge: "right",
   size: "width",
@@ -466,12 +466,12 @@ const pe = [
   const { min: n, max: r, dir: i, inverted: o, onSlideStart: a, onSlideMove: c, onSlideEnd: l, onStepKeyDown: u, ...m } = e, [s, d] = T(null), S = M(
     t,
     (h) => d(h)
-  ), f = E(), $ = Te(i), p = $ === "ltr", b = p && !o || !p && o;
+  ), f = E(), $ = Te(i), p = $ === "ltr", v = p && !o || !p && o;
   function _(h) {
     const g = f.current || s.getBoundingClientRect(), R = [
       0,
       g.width
-    ], w = Q(R, b ? [
+    ], w = Q(R, v ? [
       n,
       r
     ] : [
@@ -480,13 +480,13 @@ const pe = [
     ]);
     return f.current = g, w(h - g.left);
   }
-  return /* @__PURE__ */ v(he, {
+  return /* @__PURE__ */ b(he, {
     scope: e.__scopeSlider,
-    startEdge: b ? "left" : "right",
-    endEdge: b ? "right" : "left",
-    direction: b ? 1 : -1,
+    startEdge: v ? "left" : "right",
+    endEdge: v ? "right" : "left",
+    direction: v ? 1 : -1,
     size: "width"
-  }, /* @__PURE__ */ v(be, y({
+  }, /* @__PURE__ */ b(ve, y({
     dir: $,
     "data-orientation": "horizontal"
   }, m, {
@@ -507,7 +507,7 @@ const pe = [
       f.current = void 0, l == null || l();
     },
     onStepKeyDown: (h) => {
-      const R = me[b ? "from-left" : "from-right"].includes(h.key);
+      const R = me[v ? "from-left" : "from-right"].includes(h.key);
       u == null || u({
         event: h,
         direction: R ? -1 : 1
@@ -517,10 +517,10 @@ const pe = [
 }), Ge = /* @__PURE__ */ P((e, t) => {
   const { min: n, max: r, inverted: i, onSlideStart: o, onSlideMove: a, onSlideEnd: c, onStepKeyDown: l, ...u } = e, m = E(null), s = M(t, m), d = E(), S = !i;
   function f($) {
-    const p = d.current || m.current.getBoundingClientRect(), b = [
+    const p = d.current || m.current.getBoundingClientRect(), v = [
       0,
       p.height
-    ], h = Q(b, S ? [
+    ], h = Q(v, S ? [
       r,
       n
     ] : [
@@ -529,13 +529,13 @@ const pe = [
     ]);
     return d.current = p, h($ - p.top);
   }
-  return /* @__PURE__ */ v(he, {
+  return /* @__PURE__ */ b(he, {
     scope: e.__scopeSlider,
     startEdge: S ? "bottom" : "top",
     endEdge: S ? "top" : "bottom",
     size: "height",
     direction: S ? 1 : -1
-  }, /* @__PURE__ */ v(be, y({
+  }, /* @__PURE__ */ b(ve, y({
     "data-orientation": "vertical"
   }, u, {
     ref: s,
@@ -555,16 +555,16 @@ const pe = [
       d.current = void 0, c == null || c();
     },
     onStepKeyDown: ($) => {
-      const b = me[S ? "from-bottom" : "from-top"].includes($.key);
+      const v = me[S ? "from-bottom" : "from-top"].includes($.key);
       l == null || l({
         event: $,
-        direction: b ? -1 : 1
+        direction: v ? -1 : 1
       });
     }
   })));
-}), be = /* @__PURE__ */ P((e, t) => {
+}), ve = /* @__PURE__ */ P((e, t) => {
   const { __scopeSlider: n, onSlideStart: r, onSlideMove: i, onSlideEnd: o, onHomeKeyDown: a, onEndKeyDown: c, onStepKeyDown: l, ...u } = e, m = W(z, n);
-  return /* @__PURE__ */ v(Y.span, y({}, u, {
+  return /* @__PURE__ */ b(Y.span, y({}, u, {
     ref: t,
     onKeyDown: N(e.onKeyDown, (s) => {
       s.key === "Home" ? (a(s), s.preventDefault()) : s.key === "End" ? (c(s), s.preventDefault()) : pe.concat($e).includes(s.key) && (l(s), s.preventDefault());
@@ -583,17 +583,17 @@ const pe = [
   }));
 }), qe = "SliderTrack", Ze = /* @__PURE__ */ P((e, t) => {
   const { __scopeSlider: n, ...r } = e, i = W(qe, n);
-  return /* @__PURE__ */ v(Y.span, y({
+  return /* @__PURE__ */ b(Y.span, y({
     "data-disabled": i.disabled ? "" : void 0,
     "data-orientation": i.orientation
   }, r, {
     ref: t
   }));
 }), re = "SliderRange", Je = /* @__PURE__ */ P((e, t) => {
-  const { __scopeSlider: n, ...r } = e, i = W(re, n), o = ve(re, n), a = E(null), c = M(t, a), l = i.values.length, u = i.values.map(
+  const { __scopeSlider: n, ...r } = e, i = W(re, n), o = be(re, n), a = E(null), c = M(t, a), l = i.values.length, u = i.values.map(
     (d) => xe(d, i.min, i.max)
   ), m = l > 1 ? Math.min(...u) : 0, s = 100 - Math.max(...u);
-  return /* @__PURE__ */ v(Y.span, y({
+  return /* @__PURE__ */ b(Y.span, y({
     "data-orientation": i.orientation,
     "data-disabled": i.disabled ? "" : void 0
   }, r, {
@@ -617,12 +617,12 @@ const pe = [
       r
     ]
   );
-  return /* @__PURE__ */ v(et, y({}, e, {
+  return /* @__PURE__ */ b(et, y({}, e, {
     ref: o,
     index: a
   }));
 }), et = /* @__PURE__ */ P((e, t) => {
-  const { __scopeSlider: n, index: r, ...i } = e, o = W(ie, n), a = ve(ie, n), [c, l] = T(null), u = M(
+  const { __scopeSlider: n, index: r, ...i } = e, o = W(ie, n), a = be(ie, n), [c, l] = T(null), u = M(
     t,
     (p) => l(p)
   ), m = ke(c), s = o.values[r], d = s === void 0 ? 0 : xe(s, o.min, o.max), S = ot(r, o.values.length), f = m == null ? void 0 : m[a.size], $ = f ? it(f, d, a.direction) : 0;
@@ -634,15 +634,15 @@ const pe = [
   }, [
     c,
     o.thumbs
-  ]), /* @__PURE__ */ v("span", {
+  ]), /* @__PURE__ */ b("span", {
     style: {
       transform: "var(--radix-slider-thumb-transform)",
       position: "absolute",
       [a.startEdge]: `calc(${d}% + ${$}px)`
     }
-  }, /* @__PURE__ */ v(J.ItemSlot, {
+  }, /* @__PURE__ */ b(J.ItemSlot, {
     scope: e.__scopeSlider
-  }, /* @__PURE__ */ v(Y.span, y({
+  }, /* @__PURE__ */ b(Y.span, y({
     role: "slider",
     "aria-label": e["aria-label"] || S,
     "aria-valuemin": o.min,
@@ -674,7 +674,7 @@ const pe = [
   }, [
     i,
     t
-  ]), /* @__PURE__ */ v("input", y({
+  ]), /* @__PURE__ */ b("input", y({
     style: {
       display: "none"
     }
@@ -793,7 +793,7 @@ const St = /* @__PURE__ */ $t(mt), ht = {
   "purpur-slider__track": "_purpur-slider__track_14tuk_17",
   "purpur-slider__range": "_purpur-slider__range_14tuk_17",
   "purpur-slider__thumb": "_purpur-slider__thumb_14tuk_43"
-}, H = St.bind(ht), Ct = ["horizontal", "vertical"], j = "purpur-slider", vt = (e) => String(e), bt = ({
+}, H = St.bind(ht), Ct = ["horizontal", "vertical"], j = "purpur-slider", bt = (e) => String(e), vt = ({
   "aria-label": e,
   "aria-valuetext": t,
   className: n,
@@ -821,12 +821,12 @@ const St = /* @__PURE__ */ $t(mt), ht = {
             "aria-label": e,
             "aria-valuetext": t
           },
-          vt(s)
+          bt(s)
         ))
       ]
     }
   );
-}, xt = P(bt);
+}, xt = P(vt);
 xt.displayName = "Slider";
 export {
   Ct as SLIDER_ORIENTATION,