@purpurds/slider 0.0.1

package/dist/slider.es.js

@@ -0,0 +1,836 @@
+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 "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)
+        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+    }
+    return e;
+  }, y.apply(this, arguments);
+}
+function le(e, [t, n]) {
+  return Math.min(n, Math.max(t, e));
+}
+function K(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 Re(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function ue(...e) {
+  return (t) => e.forEach(
+    (n) => Re(n, t)
+  );
+}
+function M(...e) {
+  return ce(ue(...e), e);
+}
+function de(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__ */ v($.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}\``);
+    }
+    return u.displayName = o + "Provider", [
+      u,
+      m
+    ];
+  }
+  const i = () => {
+    const o = n.map((a) => /* @__PURE__ */ q(a));
+    return function(c) {
+      const l = (c == null ? void 0 : c[e]) || o;
+      return O(
+        () => ({
+          [`__scope${e}`]: {
+            ...c,
+            [e]: l
+          }
+        }),
+        [
+          c,
+          l
+        ]
+      );
+    };
+  };
+  return i.scopeName = e, [
+    r,
+    Ae(i, ...t)
+  ];
+}
+function Ae(...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
+        };
+      }, {});
+      return O(
+        () => ({
+          [`__scope${t.scopeName}`]: a
+        }),
+        [
+          a
+        ]
+      );
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+function fe(e) {
+  const t = E(e);
+  return k(() => {
+    t.current = e;
+  }), O(
+    () => (...n) => {
+      var r;
+      return (r = t.current) === null || r === void 0 ? void 0 : r.call(t, ...n);
+    },
+    []
+  );
+}
+function Ie({ prop: e, defaultProp: t, onChange: n = () => {
+} }) {
+  const [r, i] = Ke({
+    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 Ke({ defaultProp: e, onChange: t }) {
+  const n = N(e), [r] = n, i = E(r), o = fe(t);
+  return k(() => {
+    i.current !== r && (o(r), i.current = r);
+  }, [
+    r,
+    i,
+    o
+  ]), n;
+}
+const Oe = /* @__PURE__ */ q(void 0);
+function Ne(e) {
+  const t = ae(Oe);
+  return e || t || "ltr";
+}
+function Te(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
+  ]);
+}
+const Ve = globalThis != null && globalThis.document ? Ee : () => {
+};
+function Be(e) {
+  const [t, n] = N(void 0);
+  return Ve(() => {
+    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;
+        } else
+          a = e.offsetWidth, c = e.offsetHeight;
+        n({
+          width: a,
+          height: c
+        });
+      });
+      return r.observe(e, {
+        box: "border-box"
+      }), () => r.unobserve(e);
+    } else
+      n(void 0);
+  }, [
+    e
+  ]), t;
+}
+const U = /* @__PURE__ */ P((e, t) => {
+  const { children: n, ...r } = e, i = B.toArray(n), o = i.find(ze);
+  if (o) {
+    const a = o.props.children, c = i.map((l) => l === o ? B.count(a) > 1 ? B.only(null) : /* @__PURE__ */ F(a) ? a.props.children : null : l);
+    return /* @__PURE__ */ v(Z, y({}, r, {
+      ref: t
+    }), /* @__PURE__ */ F(a) ? /* @__PURE__ */ se(a, void 0, c) : null);
+  }
+  return /* @__PURE__ */ v(Z, y({}, r, {
+    ref: t
+  }), 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
+  }) : B.count(n) > 1 ? B.only(null) : null;
+});
+Z.displayName = "SlotClone";
+const ke = ({ children: e }) => /* @__PURE__ */ v(De, null, e);
+function ze(e) {
+  return /* @__PURE__ */ F(e) && e.type === ke;
+}
+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(" "));
+  }
+  return {
+    ...e,
+    ...n
+  };
+}
+const He = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], Y = He.reduce((e, t) => {
+  const n = /* @__PURE__ */ P((r, i) => {
+    const { asChild: o, ...a } = r, c = o ? U : t;
+    return k(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ v(c, y({}, a, {
+      ref: i
+    }));
+  });
+  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), b = D.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ D.createElement(i, {
+      scope: f,
+      itemMap: b,
+      collectionRef: p
+    }, $);
+  }, c = e + "CollectionSlot", l = /* @__PURE__ */ D.forwardRef((S, f) => {
+    const { scope: $, children: p } = S, b = o(c, $), _ = M(f, b.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, $);
+    return D.useEffect(() => (g.itemMap.set(_, {
+      ref: _,
+      ...b
+    }), () => 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 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)
+      );
+    }, [
+      f.collectionRef,
+      f.itemMap
+    ]);
+  }
+  return [
+    {
+      Provider: a,
+      Slot: l,
+      ItemSlot: s
+    },
+    d,
+    r
+  ];
+}
+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] = N(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({
+    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);
+    T(x, C);
+  }
+  function we(x) {
+    T(x, h.current);
+  }
+  function Ce() {
+    const x = te.current[h.current];
+    w[h.current] !== x && d(w);
+  }
+  function T(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__ */ v(Ye, {
+    scope: e.__scopeSlider,
+    disabled: c,
+    min: r,
+    max: i,
+    valueIndexToChangeRef: h,
+    thumbs: _.current,
+    values: w,
+    orientation: a
+  }, /* @__PURE__ */ v(J.Provider, {
+    scope: e.__scopeSlider
+  }, /* @__PURE__ */ v(J.Slot, {
+    scope: e.__scopeSlider
+  }, /* @__PURE__ */ v(ee, y({
+    "aria-disabled": c,
+    "data-disabled": c ? "" : void 0
+  }, f, {
+    ref: b,
+    onPointerDown: K(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 && T(r, 0, {
+      commit: !0
+    }),
+    onEndKeyDown: () => !c && T(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, {
+          commit: !0
+        });
+      }
+    }
+  })))), R && w.map(
+    (x, C) => /* @__PURE__ */ v(tt, {
+      key: C,
+      name: n ? n + (w.length > 1 ? "[]" : "") : void 0,
+      value: x
+    })
+  ));
+}), [he, ve] = Se(z, {
+  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] = N(null), S = M(
+    t,
+    (h) => d(h)
+  ), f = E(), $ = Ne(i), p = $ === "ltr", b = p && !o || !p && o;
+  function _(h) {
+    const g = f.current || s.getBoundingClientRect(), R = [
+      0,
+      g.width
+    ], w = Q(R, b ? [
+      n,
+      r
+    ] : [
+      r,
+      n
+    ]);
+    return f.current = g, w(h - g.left);
+  }
+  return /* @__PURE__ */ v(he, {
+    scope: e.__scopeSlider,
+    startEdge: b ? "left" : "right",
+    endEdge: b ? "right" : "left",
+    direction: b ? 1 : -1,
+    size: "width"
+  }, /* @__PURE__ */ v(be, 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[b ? "from-left" : "from-right"].includes(h.key);
+      u == null || u({
+        event: h,
+        direction: R ? -1 : 1
+      });
+    }
+  })));
+}), 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 = [
+      0,
+      p.height
+    ], h = Q(b, S ? [
+      r,
+      n
+    ] : [
+      n,
+      r
+    ]);
+    return d.current = p, h($ - p.top);
+  }
+  return /* @__PURE__ */ v(he, {
+    scope: e.__scopeSlider,
+    startEdge: S ? "bottom" : "top",
+    endEdge: S ? "top" : "bottom",
+    size: "height",
+    direction: S ? 1 : -1
+  }, /* @__PURE__ */ v(be, 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 b = me[S ? "from-bottom" : "from-top"].includes($.key);
+      l == null || l({
+        event: $,
+        direction: b ? -1 : 1
+      });
+    }
+  })));
+}), be = /* @__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, {
+    ref: t,
+    onKeyDown: K(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) => {
+      const d = s.target;
+      d.setPointerCapture(s.pointerId), s.preventDefault(), m.thumbs.has(d) ? d.focus() : r(s);
+    }),
+    onPointerMove: K(e.onPointerMove, (s) => {
+      s.target.hasPointerCapture(s.pointerId) && i(s);
+    }),
+    onPointerUp: K(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__ */ v(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(
+    (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({
+    "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] = N(null), o = M(
+    t,
+    (c) => i(c)
+  ), a = O(
+    () => r ? n().findIndex(
+      (c) => c.ref.current === r
+    ) : -1,
+    [
+      n,
+      r
+    ]
+  );
+  return /* @__PURE__ */ v(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] = N(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;
+  return k(() => {
+    if (c)
+      return o.thumbs.add(c), () => {
+        o.thumbs.delete(c);
+      };
+  }, [
+    c,
+    o.thumbs
+  ]), /* @__PURE__ */ v("span", {
+    style: {
+      transform: "var(--radix-slider-thumb-transform)",
+      position: "absolute",
+      [a.startEdge]: `calc(${d}% + ${$}px)`
+    }
+  }, /* @__PURE__ */ v(J.ItemSlot, {
+    scope: e.__scopeSlider
+  }, /* @__PURE__ */ v(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: K(e.onFocus, () => {
+      o.valueIndexToChangeRef.current = r;
+    })
+  }))));
+}), tt = (e) => {
+  const { value: t, ...n } = e, r = E(null), i = Te(t);
+  return k(() => {
+    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__ */ v("input", y({
+    style: {
+      display: "none"
+    }
+  }, n, {
+    ref: r,
+    defaultValue: t
+  }));
+};
+function nt(e = [], t, n) {
+  const r = [
+    ...e
+  ];
+  return r[n] = t, r.sort(
+    (i, o) => i - o
+  );
+}
+function xe(e, t, n) {
+  const o = 100 / (n - t) * (e - t);
+  return le(o, [
+    0,
+    100
+  ]);
+}
+function ot(e, t) {
+  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? [
+    "Minimum",
+    "Maximum"
+  ][e] : void 0;
+}
+function rt(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);
+}
+function it(e, t, n) {
+  const r = e / 2, o = Q([
+    0,
+    50
+  ], [
+    0,
+    r
+  ]);
+  return (r - o(t) * n) * n;
+}
+function ct(e) {
+  return e.slice(0, -1).map(
+    (t, n) => e[n + 1] - t
+  );
+}
+function at(e, t) {
+  if (t > 0) {
+    const n = ct(e);
+    return Math.min(...n) >= t;
+  }
+  return !0;
+}
+function Q(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]);
+  };
+}
+function st(e) {
+  return (String(e).split(".")[1] || "").length;
+}
+function lt(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) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ge = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (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)));
+      }
+      return o;
+    }
+    function r(o) {
+      if (typeof o == "string" || typeof o == "number")
+        return this && this[o] || o;
+      if (typeof o != "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;
+    }
+    function i(o, a) {
+      return a ? o ? o + " " + a : o + a : o;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(ge);
+var mt = ge.exports;
+const St = /* @__PURE__ */ $t(mt), ht = {
+  "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), j = "purpur-slider", vt = (e) => String(e), bt = ({ "aria-label": e, className: t, defaultValue: n, id: r, value: i, ...o }, a) => {
+  const c = Me(), l = i || n;
+  return /* @__PURE__ */ Pe(
+    ut,
+    {
+      ...o,
+      id: r || c,
+      ref: a,
+      className: H(j, t),
+      value: i,
+      defaultValue: n,
+      children: [
+        /* @__PURE__ */ G(dt, { className: H(`${j}__track`), children: /* @__PURE__ */ G(ft, { className: H(`${j}__range`) }) }),
+        l == null ? void 0 : l.map((u, m) => /* @__PURE__ */ G(
+          pt,
+          {
+            className: H(`${j}__thumb`),
+            "aria-label": e
+          },
+          vt(m)
+        ))
+      ]
+    }
+  );
+}, xt = P(bt);
+xt.displayName = "Slider";
+export {
+  xt as Slider
+};
+//# sourceMappingURL=slider.es.js.map