@purpurds/slider 6.0.1 → 6.1.0

package/dist/slider.es.js

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