@purpurds/slider 5.10.1 → 5.11.1

package/dist/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../src/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,KAAK,WAAW,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE/C,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI;IAC/C,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IAEzB,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEvB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,CAAC;IAEjB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,CAAC,CAAC;IAEV,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;CAChC,CAAC;AA6CF,eAAO,MAAM,MAAM,oGAA8B,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../src/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,KAAK,WAAW,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC/C,eAAO,MAAM,WAAW,qCAAsC,CAAC;AAE/D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI;IAC/C,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IAEzB,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEvB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;MAGE;IACF,YAAY,CAAC,EAAE,CAAC,CAAC;IAEjB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAE3C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,CAAC,CAAC;IAEV,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;CAChC,CAAC;AA6CF,eAAO,MAAM,MAAM,oGAA8B,CAAC"}

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 k, useState as N, useLayoutEffect as Ee, forwardRef as P, Children as B, isValidElement as F, cloneElement as se, Fragment as De, useId as Me } from "react";
+import D, { useCallback as ce, createContext as q, useMemo as N, createElement as v, useContext as ae, useRef as E, useEffect as k, useState as T, useLayoutEffect as Ee, forwardRef as P, Children as B, 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) {
@@ -14,10 +14,9 @@ function y() {
 function le(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
 }
-function K(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+function O(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(i) {
-    if (e == null || e(i), n === !1 || !i.defaultPrevented)
-      return t == null ? void 0 : t(i);
+    if (e == null || e(i), n === !1 || !i.defaultPrevented) return t == null ? void 0 : t(i);
   };
 }
 function Re(e, t) {
@@ -40,7 +39,7 @@ function de(e, t = []) {
       a
     ];
     function u(s) {
-      const { scope: d, children: S, ...f } = s, $ = (d == null ? void 0 : d[e][l]) || c, p = O(
+      const { scope: d, children: S, ...f } = s, $ = (d == null ? void 0 : d[e][l]) || c, p = N(
         () => f,
         Object.values(f)
       );
@@ -50,10 +49,8 @@ function de(e, t = []) {
     }
     function m(s, d) {
       const S = (d == null ? void 0 : d[e][l]) || c, f = ae(S);
-      if (f)
-        return f;
-      if (a !== void 0)
-        return a;
+      if (f) return f;
+      if (a !== void 0) return a;
       throw new Error(`\`${s}\` must be used within \`${o}\``);
     }
     return u.displayName = o + "Provider", [
@@ -65,7 +62,7 @@ function de(e, t = []) {
     const o = n.map((a) => /* @__PURE__ */ q(a));
     return function(c) {
       const l = (c == null ? void 0 : c[e]) || o;
-      return O(
+      return N(
         () => ({
           [`__scope${e}`]: {
             ...c,
@@ -86,8 +83,7 @@ function de(e, t = []) {
 }
 function Ae(...e) {
   const t = e[0];
-  if (e.length === 1)
-    return t;
+  if (e.length === 1) return t;
   const n = () => {
     const r = e.map(
       (i) => ({
@@ -103,7 +99,7 @@ function Ae(...e) {
           ...s
         };
       }, {});
-      return O(
+      return N(
         () => ({
           [`__scope${t.scopeName}`]: a
         }),
@@ -119,7 +115,7 @@ function fe(e) {
   const t = E(e);
   return k(() => {
     t.current = e;
-  }), O(
+  }), N(
     () => (...n) => {
       var r;
       return (r = t.current) === null || r === void 0 ? void 0 : r.call(t, ...n);
@@ -129,15 +125,14 @@ function fe(e) {
 }
 function Ie({ prop: e, defaultProp: t, onChange: n = () => {
 } }) {
-  const [r, i] = Ke({
+  const [r, i] = Oe({
     defaultProp: t,
     onChange: n
   }), o = e !== void 0, a = o ? e : r, c = fe(n), l = ce((u) => {
     if (o) {
       const s = typeof u == "function" ? u(e) : u;
       s !== e && c(s);
-    } else
-      i(u);
+    } else i(u);
   }, [
     o,
     e,
@@ -149,8 +144,8 @@ function Ie({ prop: e, defaultProp: t, onChange: n = () => {
     l
   ];
 }
-function Ke({ defaultProp: e, onChange: t }) {
-  const n = N(e), [r] = n, i = E(r), o = fe(t);
+function Oe({ defaultProp: e, onChange: t }) {
+  const n = T(e), [r] = n, i = E(r), o = fe(t);
   return k(() => {
     i.current !== r && (o(r), i.current = r);
   }, [
@@ -159,24 +154,24 @@ function Ke({ defaultProp: e, onChange: t }) {
     o
   ]), n;
 }
-const Oe = /* @__PURE__ */ q(void 0);
-function Ne(e) {
-  const t = ae(Oe);
+const Ne = /* @__PURE__ */ q(void 0);
+function Te(e) {
+  const t = ae(Ne);
   return e || t || "ltr";
 }
-function Te(e) {
+function Ke(e) {
   const t = E({
     value: e,
     previous: e
   });
-  return O(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [
+  return N(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [
     e
   ]);
 }
 const Ve = globalThis != null && globalThis.document ? Ee : () => {
 };
 function Be(e) {
-  const [t, n] = N(void 0);
+  const [t, n] = T(void 0);
   return Ve(() => {
     if (e) {
       n({
@@ -184,8 +179,7 @@ function Be(e) {
         height: e.offsetHeight
       });
       const r = new ResizeObserver((i) => {
-        if (!Array.isArray(i) || !i.length)
-          return;
+        if (!Array.isArray(i) || !i.length) return;
         const o = i[0];
         let a, c;
         if ("borderBoxSize" in o) {
@@ -316,8 +310,7 @@ function je(e) {
     const f = o(e + "CollectionConsumer", S);
     return D.useCallback(() => {
       const p = f.collectionRef.current;
-      if (!p)
-        return [];
+      if (!p) return [];
       const b = Array.from(p.querySelectorAll(`[${m}]`));
       return Array.from(f.itemMap.values()).sort(
         (g, R) => b.indexOf(g.ref.current) - b.indexOf(R.ref.current)
@@ -377,7 +370,7 @@ const pe = [
     r
   ], value: m, onValueChange: s = () => {
   }, onValueCommit: d = () => {
-  }, inverted: S = !1, ...f } = e, [$, p] = N(null), b = M(
+  }, inverted: S = !1, ...f } = e, [$, p] = T(null), b = 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({
@@ -392,16 +385,16 @@ const pe = [
   }), te = E(w);
   function ye(x) {
     const C = rt(w, x);
-    T(x, C);
+    K(x, C);
   }
   function we(x) {
-    T(x, h.current);
+    K(x, h.current);
   }
   function Ce() {
     const x = te.current[h.current];
     w[h.current] !== x && d(w);
   }
-  function T(x, C, { commit: L } = {
+  function K(x, C, { commit: L } = {
     commit: !1
   }) {
     const ne = st(o), X = lt(Math.round((x - r) / o) * o + r, ne), V = le(X, [
@@ -414,8 +407,7 @@ const pe = [
         h.current = A.indexOf(V);
         const oe = String(A) !== String(I);
         return oe && L && d(A), oe ? A : I;
-      } else
-        return I;
+      } else return I;
     });
   }
   return /* @__PURE__ */ v(Ye, {
@@ -436,7 +428,7 @@ const pe = [
     "data-disabled": c ? "" : void 0
   }, f, {
     ref: b,
-    onPointerDown: K(f.onPointerDown, () => {
+    onPointerDown: O(f.onPointerDown, () => {
       c || (te.current = w);
     }),
     min: r,
@@ -445,16 +437,16 @@ const pe = [
     onSlideStart: c ? void 0 : ye,
     onSlideMove: c ? void 0 : we,
     onSlideEnd: c ? void 0 : Ce,
-    onHomeKeyDown: () => !c && T(r, 0, {
+    onHomeKeyDown: () => !c && K(r, 0, {
       commit: !0
     }),
-    onEndKeyDown: () => !c && T(i, w.length - 1, {
+    onEndKeyDown: () => !c && K(i, w.length - 1, {
       commit: !0
     }),
     onStepKeyDown: ({ event: x, direction: C }) => {
       if (!c) {
         const X = pe.includes(x.key) || x.shiftKey && $e.includes(x.key) ? 10 : 1, V = h.current, I = w[V], A = o * X * C;
-        T(I + A, V, {
+        K(I + A, V, {
           commit: !0
         });
       }
@@ -472,10 +464,10 @@ const pe = [
   size: "width",
   direction: 1
 }), Xe = /* @__PURE__ */ P((e, t) => {
-  const { min: n, max: r, dir: i, inverted: o, onSlideStart: a, onSlideMove: c, onSlideEnd: l, onStepKeyDown: u, ...m } = e, [s, d] = N(null), S = M(
+  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(), $ = Ne(i), p = $ === "ltr", b = p && !o || !p && o;
+  ), f = E(), $ = Te(i), p = $ === "ltr", b = p && !o || !p && o;
   function _(h) {
     const g = f.current || s.getBoundingClientRect(), R = [
       0,
@@ -575,17 +567,17 @@ const pe = [
   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, {
     ref: t,
-    onKeyDown: K(e.onKeyDown, (s) => {
+    onKeyDown: O(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());
     }),
-    onPointerDown: K(e.onPointerDown, (s) => {
+    onPointerDown: O(e.onPointerDown, (s) => {
       const d = s.target;
       d.setPointerCapture(s.pointerId), s.preventDefault(), m.thumbs.has(d) ? d.focus() : r(s);
     }),
-    onPointerMove: K(e.onPointerMove, (s) => {
+    onPointerMove: O(e.onPointerMove, (s) => {
       s.target.hasPointerCapture(s.pointerId) && i(s);
     }),
-    onPointerUp: K(e.onPointerUp, (s) => {
+    onPointerUp: O(e.onPointerUp, (s) => {
       const d = s.target;
       d.hasPointerCapture(s.pointerId) && (d.releasePointerCapture(s.pointerId), o(s));
     })
@@ -614,10 +606,10 @@ const pe = [
     }
   }));
 }), ie = "SliderThumb", Qe = /* @__PURE__ */ P((e, t) => {
-  const n = Fe(e.__scopeSlider), [r, i] = N(null), o = M(
+  const n = Fe(e.__scopeSlider), [r, i] = T(null), o = M(
     t,
     (c) => i(c)
-  ), a = O(
+  ), a = N(
     () => r ? n().findIndex(
       (c) => c.ref.current === r
     ) : -1,
@@ -631,7 +623,7 @@ const pe = [
     index: a
   }));
 }), et = /* @__PURE__ */ P((e, t) => {
-  const { __scopeSlider: n, index: r, ...i } = e, o = W(ie, n), a = ve(ie, n), [c, l] = N(null), u = M(
+  const { __scopeSlider: n, index: r, ...i } = e, o = W(ie, n), a = ve(ie, n), [c, l] = T(null), u = M(
     t,
     (p) => l(p)
   ), m = Be(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;
@@ -666,12 +658,12 @@ const pe = [
     style: s === void 0 ? {
       display: "none"
     } : e.style,
-    onFocus: K(e.onFocus, () => {
+    onFocus: O(e.onFocus, () => {
       o.valueIndexToChangeRef.current = r;
     })
   }))));
 }), tt = (e) => {
-  const { value: t, ...n } = e, r = E(null), i = Te(t);
+  const { value: t, ...n } = e, r = E(null), i = Ke(t);
   return k(() => {
     const o = r.current, a = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(a, "value").set;
     if (i !== t && l) {
@@ -714,8 +706,7 @@ function ot(e, t) {
   ][e] : void 0;
 }
 function rt(e, t) {
-  if (e.length === 1)
-    return 0;
+  if (e.length === 1) return 0;
   const n = e.map(
     (i) => Math.abs(i - t)
   ), r = Math.min(...n);
@@ -745,8 +736,7 @@ function at(e, t) {
 }
 function Q(e, t) {
   return (n) => {
-    if (e[0] === e[1] || t[0] === t[1])
-      return t[0];
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
     const r = (t[1] - t[0]) / (e[1] - e[0]);
     return t[0] + r * (n - e[0]);
   };
@@ -804,7 +794,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), j = "purpur-slider", vt = (e) => String(e), bt = ({
+}, H = St.bind(ht), Ct = ["horizontal", "vertical"], j = "purpur-slider", vt = (e) => String(e), bt = ({
   "aria-label": e,
   "aria-valuetext": t,
   className: n,
@@ -840,6 +830,7 @@ const St = /* @__PURE__ */ $t(mt), ht = {
 }, xt = P(bt);
 xt.displayName = "Slider";
 export {
+  Ct as ORIENTATION,
   xt as Slider
 };
 //# sourceMappingURL=slider.es.js.map