@cfx-dev/ui-components 4.2.1 → 4.2.4

package/dist/components/Slider/Slider.js

@@ -1,120 +1,40 @@
-import { jsx as f, Fragment as pe, jsxs as B } from "react/jsx-runtime";
+import { jsx as u, Fragment as me, jsxs as k } from "react/jsx-runtime";
 import * as c from "react";
-import z from "react";
+import L from "react";
 import { c as Z } from "../../index-rKs9bXHr.js";
-import { u as he, a as Se } from "../../index-Cf5Yu9oD.js";
-import { u as ge } from "../../index-ByaXH_ih.js";
-import { u as be } from "../../index-BZPx6jYI.js";
+import { c as pe, a as he, b as Se, d as V, u as I } from "../../index-AweK2ufS.js";
+import { u as ge, a as be } from "../../index-Cf5Yu9oD.js";
+import { u as ve } from "../../index-ByaXH_ih.js";
+import { u as _e } from "../../index-BZPx6jYI.js";
 import "../../index-2hJuj4UN.js";
-import { c as _e } from "../../index-CjTSD6zB.js";
-import { clsx as ve } from "../../utils/clsx.js";
-function V(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
-  return function(o) {
-    if (e == null || e(o), n === !1 || !o.defaultPrevented)
-      return t == null ? void 0 : t(o);
-  };
-}
-function G(e, t) {
-  if (typeof e == "function")
-    return e(t);
-  e != null && (e.current = t);
-}
-function q(...e) {
-  return (t) => {
-    let n = !1;
-    const r = e.map((o) => {
-      const s = G(o, t);
-      return !n && typeof s == "function" && (n = !0), s;
-    });
-    if (n)
-      return () => {
-        for (let o = 0; o < r.length; o++) {
-          const s = r[o];
-          typeof s == "function" ? s() : G(e[o], null);
-        }
-      };
-  };
-}
-function k(...e) {
-  return c.useCallback(q(...e), e);
-}
-function we(e, t = []) {
-  let n = [];
-  function r(s, i) {
-    const a = c.createContext(i), u = n.length;
-    n = [...n, i];
-    const m = (l) => {
-      var h;
-      const { scope: d, children: p, ..._ } = l, S = ((h = d == null ? void 0 : d[e]) == null ? void 0 : h[u]) || a, g = c.useMemo(() => _, Object.values(_));
-      return /* @__PURE__ */ f(S.Provider, { value: g, children: p });
-    };
-    m.displayName = s + "Provider";
-    function b(l, d) {
-      var S;
-      const p = ((S = d == null ? void 0 : d[e]) == null ? void 0 : S[u]) || a, _ = c.useContext(p);
-      if (_) return _;
-      if (i !== void 0) return i;
-      throw new Error(`\`${l}\` must be used within \`${s}\``);
-    }
-    return [m, b];
-  }
-  const o = () => {
-    const s = n.map((i) => c.createContext(i));
-    return function(a) {
-      const u = (a == null ? void 0 : a[e]) || s;
-      return c.useMemo(
-        () => ({ [`__scope${e}`]: { ...a, [e]: u } }),
-        [a, u]
-      );
-    };
-  };
-  return o.scopeName = e, [r, xe(o, ...t)];
-}
-function xe(...e) {
-  const t = e[0];
-  if (e.length === 1) return t;
-  const n = () => {
-    const r = e.map((o) => ({
-      useScope: o(),
-      scopeName: o.scopeName
-    }));
-    return function(s) {
-      const i = r.reduce((a, { useScope: u, scopeName: m }) => {
-        const l = u(s)[`__scope${m}`];
-        return { ...a, ...l };
-      }, {});
-      return c.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
-    };
-  };
-  return n.scopeName = t.scopeName, n;
-}
-var J = c.forwardRef((e, t) => {
+import { clsx as G } from "../../utils/clsx.js";
+var q = c.forwardRef((e, t) => {
   const { children: n, ...r } = e, o = c.Children.toArray(n), s = o.find(ye);
   if (s) {
-    const i = s.props.children, a = o.map((u) => u === s ? c.Children.count(i) > 1 ? c.Children.only(null) : c.isValidElement(i) ? i.props.children : null : u);
-    return /* @__PURE__ */ f(F, { ...r, ref: t, children: c.isValidElement(i) ? c.cloneElement(i, void 0, a) : null });
+    const i = s.props.children, a = o.map((d) => d === s ? c.Children.count(i) > 1 ? c.Children.only(null) : c.isValidElement(i) ? i.props.children : null : d);
+    return /* @__PURE__ */ u(F, { ...r, ref: t, children: c.isValidElement(i) ? c.cloneElement(i, void 0, a) : null });
   }
-  return /* @__PURE__ */ f(F, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ u(F, { ...r, ref: t, children: n });
 });
-J.displayName = "Slot";
+q.displayName = "Slot";
 var F = c.forwardRef((e, t) => {
   const { children: n, ...r } = e;
   if (c.isValidElement(n)) {
-    const o = Ce(n);
+    const o = Pe(n);
     return c.cloneElement(n, {
-      ...Pe(r, n.props),
+      ...Re(r, n.props),
       // @ts-ignore
-      ref: t ? q(t, o) : o
+      ref: t ? pe(t, o) : o
     });
   }
   return c.Children.count(n) > 1 ? c.Children.only(null) : null;
 });
 F.displayName = "SlotClone";
-var Re = ({ children: e }) => /* @__PURE__ */ f(pe, { children: e });
+var we = ({ children: e }) => /* @__PURE__ */ u(me, { children: e });
 function ye(e) {
-  return c.isValidElement(e) && e.type === Re;
+  return c.isValidElement(e) && e.type === we;
 }
-function Pe(e, t) {
+function Re(e, t) {
   const n = { ...t };
   for (const r in t) {
     const o = e[r], s = t[r];
@@ -124,12 +44,12 @@ function Pe(e, t) {
   }
   return { ...e, ...n };
 }
-function Ce(e) {
+function Pe(e) {
   var r, o;
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var De = [
+var xe = [
   "a",
   "button",
   "div",
@@ -146,20 +66,20 @@ var De = [
   "span",
   "svg",
   "ul"
-], I = De.reduce((e, t) => {
+], K = xe.reduce((e, t) => {
   const n = c.forwardRef((r, o) => {
-    const { asChild: s, ...i } = r, a = s ? J : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(a, { ...i, ref: o });
+    const { asChild: s, ...i } = r, a = s ? q : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u(a, { ...i, ref: o });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
-}, {}), Q = ["PageUp", "PageDown"], ee = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], te = {
+}, {}), J = ["PageUp", "PageDown"], Q = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ee = {
   "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, M = "Slider", [H, Ee, Ve] = _e(M), [ne, lt] = we(M, [
-  Ve
-]), [Me, K] = ne(M), re = c.forwardRef(
+}, M = "Slider", [j, Ce, Ee] = he(M), [te, at] = Se(M, [
+  Ee
+]), [De, T] = te(M), ne = c.forwardRef(
   (e, t) => {
     const {
       name: n,
@@ -168,49 +88,49 @@ var De = [
       step: s = 1,
       orientation: i = "horizontal",
       disabled: a = !1,
-      minStepsBetweenThumbs: u = 0,
+      minStepsBetweenThumbs: d = 0,
       defaultValue: m = [r],
-      value: b,
+      value: v,
       onValueChange: l = () => {
       },
-      onValueCommit: d = () => {
+      onValueCommit: f = () => {
       },
-      inverted: p = !1,
+      inverted: g = !1,
       form: _,
       ...S
-    } = e, g = c.useRef(/* @__PURE__ */ new Set()), h = c.useRef(0), w = i === "horizontal" ? Te : Ne, [v = [], T] = he({
-      prop: b,
+    } = e, p = c.useRef(/* @__PURE__ */ new Set()), h = c.useRef(0), w = i === "horizontal" ? Ve : Me, [b = [], A] = ge({
+      prop: v,
       defaultProp: m,
-      onChange: (x) => {
-        var D;
-        (D = [...g.current][h.current]) == null || D.focus(), l(x);
+      onChange: (y) => {
+        var E;
+        (E = [...p.current][h.current]) == null || E.focus(), l(y);
       }
-    }), O = c.useRef(v);
-    function L(x) {
-      const R = Ke(v, x);
-      N(x, R);
+    }), H = c.useRef(b);
+    function O(y) {
+      const R = ke(b, y);
+      N(y, R);
     }
-    function fe(x) {
-      N(x, h.current);
+    function ue(y) {
+      N(y, h.current);
     }
-    function me() {
-      const x = O.current[h.current];
-      v[h.current] !== x && d(v);
+    function fe() {
+      const y = H.current[h.current];
+      b[h.current] !== y && f(b);
     }
-    function N(x, R, { commit: D } = { commit: !1 }) {
-      const Y = ze(s), $ = Fe(Math.round((x - r) / s) * s + r, Y), A = Z($, [r, o]);
-      T((E = []) => {
-        const y = Be(E, A, R);
-        if ($e(y, u * s)) {
-          h.current = y.indexOf(A);
-          const X = String(y) !== String(E);
-          return X && D && d(y), X ? y : E;
+    function N(y, R, { commit: E } = { commit: !1 }) {
+      const $ = Oe(s), z = ze(Math.round((y - r) / s) * s + r, $), B = Z(z, [r, o]);
+      A((D = []) => {
+        const P = Be(D, B, R);
+        if (He(P, d * s)) {
+          h.current = P.indexOf(B);
+          const X = String(P) !== String(D);
+          return X && E && f(P), X ? P : D;
         } else
-          return E;
+          return D;
       });
     }
-    return /* @__PURE__ */ f(
-      Me,
+    return /* @__PURE__ */ u(
+      De,
       {
         scope: e.__scopeSlider,
         name: n,
@@ -218,11 +138,11 @@ var De = [
         min: r,
         max: o,
         valueIndexToChangeRef: h,
-        thumbs: g.current,
-        values: v,
+        thumbs: p.current,
+        values: b,
         orientation: i,
         form: _,
-        children: /* @__PURE__ */ f(H.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ f(H.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ f(
+        children: /* @__PURE__ */ u(j.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ u(j.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ u(
           w,
           {
             "aria-disabled": a,
@@ -230,20 +150,20 @@ var De = [
             ...S,
             ref: t,
             onPointerDown: V(S.onPointerDown, () => {
-              a || (O.current = v);
+              a || (H.current = b);
             }),
             min: r,
             max: o,
-            inverted: p,
-            onSlideStart: a ? void 0 : L,
-            onSlideMove: a ? void 0 : fe,
-            onSlideEnd: a ? void 0 : me,
+            inverted: g,
+            onSlideStart: a ? void 0 : O,
+            onSlideMove: a ? void 0 : ue,
+            onSlideEnd: a ? void 0 : fe,
             onHomeKeyDown: () => !a && N(r, 0, { commit: !0 }),
-            onEndKeyDown: () => !a && N(o, v.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: x, direction: R }) => {
+            onEndKeyDown: () => !a && N(o, b.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: y, direction: R }) => {
               if (!a) {
-                const $ = Q.includes(x.key) || x.shiftKey && ee.includes(x.key) ? 10 : 1, A = h.current, E = v[A], y = s * $ * R;
-                N(E + y, A, { commit: !0 });
+                const z = J.includes(y.key) || y.shiftKey && Q.includes(y.key) ? 10 : 1, B = h.current, D = b[B], P = s * z * R;
+                N(D + P, B, { commit: !0 });
               }
             }
           }
@@ -252,13 +172,13 @@ var De = [
     );
   }
 );
-re.displayName = M;
-var [oe, ie] = ne(M, {
+ne.displayName = M;
+var [re, oe] = te(M, {
   startEdge: "left",
   endEdge: "right",
   size: "width",
   direction: 1
-}), Te = c.forwardRef(
+}), Ve = c.forwardRef(
   (e, t) => {
     const {
       min: n,
@@ -267,54 +187,54 @@ var [oe, ie] = ne(M, {
       inverted: s,
       onSlideStart: i,
       onSlideMove: a,
-      onSlideEnd: u,
+      onSlideEnd: d,
       onStepKeyDown: m,
-      ...b
-    } = e, [l, d] = c.useState(null), p = k(t, (w) => d(w)), _ = c.useRef(void 0), S = ge(o), g = S === "ltr", h = g && !s || !g && s;
+      ...v
+    } = e, [l, f] = c.useState(null), g = I(t, (w) => f(w)), _ = c.useRef(void 0), S = ve(o), p = S === "ltr", h = p && !s || !p && s;
     function C(w) {
-      const v = _.current || l.getBoundingClientRect(), T = [0, v.width], L = U(T, h ? [n, r] : [r, n]);
-      return _.current = v, L(w - v.left);
+      const b = _.current || l.getBoundingClientRect(), A = [0, b.width], O = Y(A, h ? [n, r] : [r, n]);
+      return _.current = b, O(w - b.left);
     }
-    return /* @__PURE__ */ f(
-      oe,
+    return /* @__PURE__ */ u(
+      re,
       {
         scope: e.__scopeSlider,
         startEdge: h ? "left" : "right",
         endEdge: h ? "right" : "left",
         direction: h ? 1 : -1,
         size: "width",
-        children: /* @__PURE__ */ f(
-          se,
+        children: /* @__PURE__ */ u(
+          ie,
           {
             dir: S,
             "data-orientation": "horizontal",
-            ...b,
-            ref: p,
+            ...v,
+            ref: g,
             style: {
-              ...b.style,
+              ...v.style,
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
             onSlideStart: (w) => {
-              const v = C(w.clientX);
-              i == null || i(v);
+              const b = C(w.clientX);
+              i == null || i(b);
             },
             onSlideMove: (w) => {
-              const v = C(w.clientX);
-              a == null || a(v);
+              const b = C(w.clientX);
+              a == null || a(b);
             },
             onSlideEnd: () => {
-              _.current = void 0, u == null || u();
+              _.current = void 0, d == null || d();
             },
             onStepKeyDown: (w) => {
-              const T = te[h ? "from-left" : "from-right"].includes(w.key);
-              m == null || m({ event: w, direction: T ? -1 : 1 });
+              const A = ee[h ? "from-left" : "from-right"].includes(w.key);
+              m == null || m({ event: w, direction: A ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), Ne = c.forwardRef(
+), Me = c.forwardRef(
   (e, t) => {
     const {
       min: n,
@@ -323,23 +243,23 @@ var [oe, ie] = ne(M, {
       onSlideStart: s,
       onSlideMove: i,
       onSlideEnd: a,
-      onStepKeyDown: u,
+      onStepKeyDown: d,
       ...m
-    } = e, b = c.useRef(null), l = k(t, b), d = c.useRef(void 0), p = !o;
+    } = e, v = c.useRef(null), l = I(t, v), f = c.useRef(void 0), g = !o;
     function _(S) {
-      const g = d.current || b.current.getBoundingClientRect(), h = [0, g.height], w = U(h, p ? [r, n] : [n, r]);
-      return d.current = g, w(S - g.top);
+      const p = f.current || v.current.getBoundingClientRect(), h = [0, p.height], w = Y(h, g ? [r, n] : [n, r]);
+      return f.current = p, w(S - p.top);
     }
-    return /* @__PURE__ */ f(
-      oe,
+    return /* @__PURE__ */ u(
+      re,
       {
         scope: e.__scopeSlider,
-        startEdge: p ? "bottom" : "top",
-        endEdge: p ? "top" : "bottom",
+        startEdge: g ? "bottom" : "top",
+        endEdge: g ? "top" : "bottom",
         size: "height",
-        direction: p ? 1 : -1,
-        children: /* @__PURE__ */ f(
-          se,
+        direction: g ? 1 : -1,
+        children: /* @__PURE__ */ u(
+          ie,
           {
             "data-orientation": "vertical",
             ...m,
@@ -349,26 +269,26 @@ var [oe, ie] = ne(M, {
               "--radix-slider-thumb-transform": "translateY(50%)"
             },
             onSlideStart: (S) => {
-              const g = _(S.clientY);
-              s == null || s(g);
+              const p = _(S.clientY);
+              s == null || s(p);
             },
             onSlideMove: (S) => {
-              const g = _(S.clientY);
-              i == null || i(g);
+              const p = _(S.clientY);
+              i == null || i(p);
             },
             onSlideEnd: () => {
-              d.current = void 0, a == null || a();
+              f.current = void 0, a == null || a();
             },
             onStepKeyDown: (S) => {
-              const h = te[p ? "from-bottom" : "from-top"].includes(S.key);
-              u == null || u({ event: S, direction: h ? -1 : 1 });
+              const h = ee[g ? "from-bottom" : "from-top"].includes(S.key);
+              d == null || d({ event: S, direction: h ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), se = c.forwardRef(
+), ie = c.forwardRef(
   (e, t) => {
     const {
       __scopeSlider: n,
@@ -377,36 +297,36 @@ var [oe, ie] = ne(M, {
       onSlideEnd: s,
       onHomeKeyDown: i,
       onEndKeyDown: a,
-      onStepKeyDown: u,
+      onStepKeyDown: d,
       ...m
-    } = e, b = K(M, n);
-    return /* @__PURE__ */ f(
-      I.span,
+    } = e, v = T(M, n);
+    return /* @__PURE__ */ u(
+      K.span,
       {
         ...m,
         ref: t,
         onKeyDown: V(e.onKeyDown, (l) => {
-          l.key === "Home" ? (i(l), l.preventDefault()) : l.key === "End" ? (a(l), l.preventDefault()) : Q.concat(ee).includes(l.key) && (u(l), l.preventDefault());
+          l.key === "Home" ? (i(l), l.preventDefault()) : l.key === "End" ? (a(l), l.preventDefault()) : J.concat(Q).includes(l.key) && (d(l), l.preventDefault());
         }),
         onPointerDown: V(e.onPointerDown, (l) => {
-          const d = l.target;
-          d.setPointerCapture(l.pointerId), l.preventDefault(), b.thumbs.has(d) ? d.focus() : r(l);
+          const f = l.target;
+          f.setPointerCapture(l.pointerId), l.preventDefault(), v.thumbs.has(f) ? f.focus() : r(l);
         }),
         onPointerMove: V(e.onPointerMove, (l) => {
           l.target.hasPointerCapture(l.pointerId) && o(l);
         }),
         onPointerUp: V(e.onPointerUp, (l) => {
-          const d = l.target;
-          d.hasPointerCapture(l.pointerId) && (d.releasePointerCapture(l.pointerId), s(l));
+          const f = l.target;
+          f.hasPointerCapture(l.pointerId) && (f.releasePointerCapture(l.pointerId), s(l));
         })
       }
     );
   }
-), ae = "SliderTrack", ce = c.forwardRef(
+), se = "SliderTrack", ae = c.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, ...r } = e, o = K(ae, n);
-    return /* @__PURE__ */ f(
-      I.span,
+    const { __scopeSlider: n, ...r } = e, o = T(se, n);
+    return /* @__PURE__ */ u(
+      K.span,
       {
         "data-disabled": o.disabled ? "" : void 0,
         "data-orientation": o.orientation,
@@ -416,14 +336,14 @@ var [oe, ie] = ne(M, {
     );
   }
 );
-ce.displayName = ae;
-var j = "SliderRange", le = c.forwardRef(
+ae.displayName = se;
+var W = "SliderRange", le = c.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, ...r } = e, o = K(j, n), s = ie(j, n), i = c.useRef(null), a = k(t, i), u = o.values.length, m = o.values.map(
-      (d) => de(d, o.min, o.max)
-    ), b = u > 1 ? Math.min(...m) : 0, l = 100 - Math.max(...m);
-    return /* @__PURE__ */ f(
-      I.span,
+    const { __scopeSlider: n, ...r } = e, o = T(W, n), s = oe(W, n), i = c.useRef(null), a = I(t, i), d = o.values.length, m = o.values.map(
+      (f) => de(f, o.min, o.max)
+    ), v = d > 1 ? Math.min(...m) : 0, l = 100 - Math.max(...m);
+    return /* @__PURE__ */ u(
+      K.span,
       {
         "data-orientation": o.orientation,
         "data-disabled": o.disabled ? "" : void 0,
@@ -431,31 +351,31 @@ var j = "SliderRange", le = c.forwardRef(
         ref: a,
         style: {
           ...e.style,
-          [s.startEdge]: b + "%",
+          [s.startEdge]: v + "%",
           [s.endEdge]: l + "%"
         }
       }
     );
   }
 );
-le.displayName = j;
-var W = "SliderThumb", ue = c.forwardRef(
+le.displayName = W;
+var U = "SliderThumb", ce = c.forwardRef(
   (e, t) => {
-    const n = Ee(e.__scopeSlider), [r, o] = c.useState(null), s = k(t, (a) => o(a)), i = c.useMemo(
+    const n = Ce(e.__scopeSlider), [r, o] = c.useState(null), s = I(t, (a) => o(a)), i = c.useMemo(
       () => r ? n().findIndex((a) => a.ref.current === r) : -1,
       [n, r]
     );
-    return /* @__PURE__ */ f(Ae, { ...e, ref: s, index: i });
+    return /* @__PURE__ */ u(Ae, { ...e, ref: s, index: i });
   }
 ), Ae = c.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, index: r, name: o, ...s } = e, i = K(W, n), a = ie(W, n), [u, m] = c.useState(null), b = k(t, (C) => m(C)), l = u ? i.form || !!u.closest("form") : !0, d = Se(u), p = i.values[r], _ = p === void 0 ? 0 : de(p, i.min, i.max), S = Ie(r, i.values.length), g = d == null ? void 0 : d[a.size], h = g ? Oe(g, _, a.direction) : 0;
+    const { __scopeSlider: n, index: r, name: o, ...s } = e, i = T(U, n), a = oe(U, n), [d, m] = c.useState(null), v = I(t, (C) => m(C)), l = d ? i.form || !!d.closest("form") : !0, f = be(d), g = i.values[r], _ = g === void 0 ? 0 : de(g, i.min, i.max), S = Ie(r, i.values.length), p = f == null ? void 0 : f[a.size], h = p ? Ke(p, _, a.direction) : 0;
     return c.useEffect(() => {
-      if (u)
-        return i.thumbs.add(u), () => {
-          i.thumbs.delete(u);
+      if (d)
+        return i.thumbs.add(d), () => {
+          i.thumbs.delete(d);
         };
-    }, [u, i.thumbs]), /* @__PURE__ */ B(
+    }, [d, i.thumbs]), /* @__PURE__ */ k(
       "span",
       {
         style: {
@@ -464,32 +384,32 @@ var W = "SliderThumb", ue = c.forwardRef(
           [a.startEdge]: `calc(${_}% + ${h}px)`
         },
         children: [
-          /* @__PURE__ */ f(H.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ f(
-            I.span,
+          /* @__PURE__ */ u(j.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ u(
+            K.span,
             {
               role: "slider",
               "aria-label": e["aria-label"] || S,
               "aria-valuemin": i.min,
-              "aria-valuenow": p,
+              "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,
               ...s,
-              ref: b,
-              style: p === void 0 ? { display: "none" } : e.style,
+              ref: v,
+              style: g === void 0 ? { display: "none" } : e.style,
               onFocus: V(e.onFocus, () => {
                 i.valueIndexToChangeRef.current = r;
               })
             }
           ) }),
-          l && /* @__PURE__ */ f(
-            ke,
+          l && /* @__PURE__ */ u(
+            Ne,
             {
               name: o ?? (i.name ? i.name + (i.values.length > 1 ? "[]" : "") : void 0),
               form: i.form,
-              value: p
+              value: g
             },
             r
           )
@@ -498,16 +418,16 @@ var W = "SliderThumb", ue = c.forwardRef(
     );
   }
 );
-ue.displayName = W;
-var ke = (e) => {
-  const { value: t, ...n } = e, r = c.useRef(null), o = be(t);
+ce.displayName = U;
+var Ne = (e) => {
+  const { value: t, ...n } = e, r = c.useRef(null), o = _e(t);
   return c.useEffect(() => {
-    const s = r.current, i = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(i, "value").set;
-    if (o !== t && u) {
+    const s = r.current, i = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(i, "value").set;
+    if (o !== t && d) {
       const m = new Event("input", { bubbles: !0 });
-      u.call(s, t), s.dispatchEvent(m);
+      d.call(s, t), s.dispatchEvent(m);
     }
-  }, [o, t]), /* @__PURE__ */ f("input", { style: { display: "none" }, ...n, ref: r, defaultValue: t });
+  }, [o, t]), /* @__PURE__ */ u("input", { style: { display: "none" }, ...n, ref: r, defaultValue: t });
 };
 function Be(e = [], t, n) {
   const r = [...e];
@@ -520,90 +440,95 @@ function de(e, t, n) {
 function Ie(e, t) {
   return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
 }
-function Ke(e, t) {
+function ke(e, t) {
   if (e.length === 1) return 0;
   const n = e.map((o) => Math.abs(o - t)), r = Math.min(...n);
   return n.indexOf(r);
 }
-function Oe(e, t, n) {
-  const r = e / 2, s = U([0, 50], [0, r]);
+function Ke(e, t, n) {
+  const r = e / 2, s = Y([0, 50], [0, r]);
   return (r - s(t) * n) * n;
 }
-function Le(e) {
+function Te(e) {
   return e.slice(0, -1).map((t, n) => e[n + 1] - t);
 }
-function $e(e, t) {
+function He(e, t) {
   if (t > 0) {
-    const n = Le(e);
+    const n = Te(e);
     return Math.min(...n) >= t;
   }
   return !0;
 }
-function U(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]);
   };
 }
-function ze(e) {
+function Oe(e) {
   return (String(e).split(".")[1] || "").length;
 }
-function Fe(e, t) {
+function ze(e, t) {
   const n = Math.pow(10, t);
   return Math.round(e * n) / n;
 }
-var He = re, je = ce, We = le, Ue = ue;
-const Ye = "cfxui__Slider__sliderContainer__fac82", Xe = "cfxui__Slider__sliderLabels__f63f4", Ge = "cfxui__Slider__sliderRoot__032df", Ze = "cfxui__Slider__sliderTrack__b32a8", qe = "cfxui__Slider__sliderRange__a13a7", Je = "cfxui__Slider__sliderThumb__e8450", Qe = "cfxui__Slider__sliderValueBubble__086d6", P = {
-  sliderContainer: Ye,
-  sliderLabels: Xe,
-  sliderRoot: Ge,
-  sliderTrack: Ze,
-  sliderRange: qe,
-  sliderThumb: Je,
-  sliderValueBubble: Qe
-}, ut = function({
+var Le = ne, Fe = ae, je = le, We = ce;
+const Ue = "cfxui__Slider__container__997ea", Ye = "cfxui__Slider__labels__2a966", $e = "cfxui__Slider__root__a6c1b", Xe = "cfxui__Slider__track__570cb", Ge = "cfxui__Slider__range__5ae17", Ze = "cfxui__Slider__thumb__27d80", qe = "cfxui__Slider__valueBubble__ebce8", x = {
+  container: Ue,
+  labels: Ye,
+  root: $e,
+  track: Xe,
+  range: Ge,
+  thumb: Ze,
+  valueBubble: qe
+}, lt = function({
   value: t,
   defaultValue: n,
   title: r,
   ariaLabel: o,
   className: s,
-  minLabel: i = 0,
-  maxLabel: a = 5e3,
-  onValueChange: u,
-  ...m
+  trackClassName: i,
+  minLabel: a,
+  maxLabel: d,
+  min: m = 0,
+  max: v,
+  onValueChange: l,
+  ...f
 }) {
-  const [b, l] = z.useState(() => {
+  const [g, _] = L.useState(() => {
     if (t)
       return t;
     if (n)
       return n;
-  }), d = z.useCallback((p) => {
-    u && u(p), l(p);
-  }, [u]);
-  return z.useEffect(() => {
-    t && l(t);
-  }, [t]), /* @__PURE__ */ B("div", { className: P.sliderContainer, children: [
-    /* @__PURE__ */ B(
-      He,
+  }), S = L.useCallback((p) => {
+    l && l(p), _(p);
+  }, [l]);
+  return L.useEffect(() => {
+    t && _(t);
+  }, [t]), /* @__PURE__ */ k("div", { className: x.container, children: [
+    /* @__PURE__ */ k(
+      Le,
       {
-        ...m,
+        ...f,
+        min: m,
+        max: v,
         value: t,
-        className: ve(P.sliderRoot, s),
-        onValueChange: d,
+        className: G(x.root, s),
+        onValueChange: S,
         children: [
-          /* @__PURE__ */ f(je, { className: P.sliderTrack, children: /* @__PURE__ */ f(We, { className: P.sliderRange }) }),
-          /* @__PURE__ */ f(Ue, { className: P.sliderThumb, "aria-label": o, children: /* @__PURE__ */ f("div", { className: P.sliderValueBubble, children: `${b} ${r}` }) })
+          /* @__PURE__ */ u(Fe, { className: G(x.track, i), children: /* @__PURE__ */ u(je, { className: x.range }) }),
+          /* @__PURE__ */ u(We, { className: x.thumb, "aria-label": o, children: /* @__PURE__ */ u("div", { className: x.valueBubble, children: [g, r].join(" ") }) })
         ]
       }
     ),
-    /* @__PURE__ */ B("div", { className: P.sliderLabels, children: [
-      /* @__PURE__ */ f("span", { children: i }),
-      /* @__PURE__ */ f("span", { children: a })
+    /* @__PURE__ */ k("div", { className: x.labels, children: [
+      /* @__PURE__ */ u("span", { children: typeof a < "u" ? a : m }),
+      /* @__PURE__ */ u("span", { children: typeof d < "u" ? d : v })
     ] })
   ] });
 };
 export {
-  ut as Slider,
-  ut as default
+  lt as Slider,
+  lt as default
 };