@cfx-dev/ui-components 4.2.5 → 4.2.6

package/dist/components/Slider/Slider.js

@@ -1,55 +1,55 @@
-import { jsx as u, Fragment as me, jsxs as k } from "react/jsx-runtime";
+import { jsx as d, Fragment as me, jsxs as K } from "react/jsx-runtime";
 import * as c from "react";
-import L from "react";
+import I from "react";
 import { c as Z } from "../../index-rKs9bXHr.js";
-import { c as pe, a as he, b as Se, d as V, u as I } from "../../index-AweK2ufS.js";
+import { c as pe, a as he, b as Se, d as V, u as B } 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 { 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((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 });
+  const { children: r, ...n } = e, o = c.Children.toArray(r), a = o.find(ye);
+  if (a) {
+    const i = a.props.children, s = o.map((u) => u === a ? c.Children.count(i) > 1 ? c.Children.only(null) : c.isValidElement(i) ? i.props.children : null : u);
+    return /* @__PURE__ */ d(F, { ...n, ref: t, children: c.isValidElement(i) ? c.cloneElement(i, void 0, s) : null });
   }
-  return /* @__PURE__ */ u(F, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ d(F, { ...n, ref: t, children: r });
 });
 q.displayName = "Slot";
 var F = c.forwardRef((e, t) => {
-  const { children: n, ...r } = e;
-  if (c.isValidElement(n)) {
-    const o = Pe(n);
-    return c.cloneElement(n, {
-      ...Re(r, n.props),
+  const { children: r, ...n } = e;
+  if (c.isValidElement(r)) {
+    const o = xe(r);
+    return c.cloneElement(r, {
+      ...Re(n, r.props),
       // @ts-ignore
       ref: t ? pe(t, o) : o
     });
   }
-  return c.Children.count(n) > 1 ? c.Children.only(null) : null;
+  return c.Children.count(r) > 1 ? c.Children.only(null) : null;
 });
 F.displayName = "SlotClone";
-var we = ({ children: e }) => /* @__PURE__ */ u(me, { children: e });
+var we = ({ children: e }) => /* @__PURE__ */ d(me, { children: e });
 function ye(e) {
   return c.isValidElement(e) && e.type === we;
 }
 function Re(e, t) {
-  const n = { ...t };
-  for (const r in t) {
-    const o = e[r], s = t[r];
-    /^on[A-Z]/.test(r) ? o && s ? n[r] = (...a) => {
-      s(...a), o(...a);
-    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...s } : r === "className" && (n[r] = [o, s].filter(Boolean).join(" "));
+  const r = { ...t };
+  for (const n in t) {
+    const o = e[n], a = t[n];
+    /^on[A-Z]/.test(n) ? o && a ? r[n] = (...s) => {
+      a(...s), o(...s);
+    } : o && (r[n] = o) : n === "style" ? r[n] = { ...o, ...a } : n === "className" && (r[n] = [o, a].filter(Boolean).join(" "));
   }
-  return { ...e, ...n };
+  return { ...e, ...r };
 }
-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);
+function xe(e) {
+  var n, o;
+  let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-var xe = [
+var Pe = [
   "a",
   "button",
   "div",
@@ -66,104 +66,104 @@ var xe = [
   "span",
   "svg",
   "ul"
-], K = xe.reduce((e, t) => {
-  const n = c.forwardRef((r, 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 });
+], T = Pe.reduce((e, t) => {
+  const r = c.forwardRef((n, o) => {
+    const { asChild: a, ...i } = n, s = a ? q : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(s, { ...i, ref: o });
   });
-  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {}), 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", [j, Ce, Ee] = he(M), [te, at] = Se(M, [
+}, N = "Slider", [j, Ce, Ee] = he(N), [te, st] = Se(N, [
   Ee
-]), [De, T] = te(M), ne = c.forwardRef(
+]), [De, H] = te(N), ne = c.forwardRef(
   (e, t) => {
     const {
-      name: n,
-      min: r = 0,
+      name: r,
+      min: n = 0,
       max: o = 100,
-      step: s = 1,
+      step: a = 1,
       orientation: i = "horizontal",
-      disabled: a = !1,
-      minStepsBetweenThumbs: d = 0,
-      defaultValue: m = [r],
+      disabled: s = !1,
+      minStepsBetweenThumbs: u = 0,
+      defaultValue: p = [n],
       value: v,
       onValueChange: l = () => {
       },
       onValueCommit: f = () => {
       },
-      inverted: g = !1,
-      form: _,
-      ...S
-    } = e, p = c.useRef(/* @__PURE__ */ new Set()), h = c.useRef(0), w = i === "horizontal" ? Ve : Me, [b = [], A] = ge({
+      inverted: S = !1,
+      form: y,
+      ...g
+    } = e, h = c.useRef(/* @__PURE__ */ new Set()), m = c.useRef(0), _ = i === "horizontal" ? Ve : Ne, [b = [], M] = ge({
       prop: v,
-      defaultProp: m,
-      onChange: (y) => {
+      defaultProp: p,
+      onChange: (w) => {
         var E;
-        (E = [...p.current][h.current]) == null || E.focus(), l(y);
+        (E = [...h.current][m.current]) == null || E.focus(), l(w);
       }
-    }), H = c.useRef(b);
-    function O(y) {
-      const R = ke(b, y);
-      N(y, R);
+    }), O = c.useRef(b);
+    function L(w) {
+      const x = Ie(b, w);
+      A(w, x);
     }
-    function ue(y) {
-      N(y, h.current);
+    function de(w) {
+      A(w, m.current);
     }
     function fe() {
-      const y = H.current[h.current];
-      b[h.current] !== y && f(b);
+      const w = O.current[m.current];
+      b[m.current] !== w && f(b);
     }
-    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);
+    function A(w, x, { commit: E } = { commit: !1 }) {
+      const $ = Oe(a), z = Le(Math.round((w - n) / a) * a + n, $), k = Z(z, [n, o]);
+      M((D = []) => {
+        const P = ke(D, k, x);
+        if (He(P, u * a)) {
+          m.current = P.indexOf(k);
           const X = String(P) !== String(D);
           return X && E && f(P), X ? P : D;
         } else
           return D;
       });
     }
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ d(
       De,
       {
         scope: e.__scopeSlider,
-        name: n,
-        disabled: a,
-        min: r,
+        name: r,
+        disabled: s,
+        min: n,
         max: o,
-        valueIndexToChangeRef: h,
-        thumbs: p.current,
+        valueIndexToChangeRef: m,
+        thumbs: h.current,
         values: b,
         orientation: i,
-        form: _,
-        children: /* @__PURE__ */ u(j.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ u(j.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ u(
-          w,
+        form: y,
+        children: /* @__PURE__ */ d(j.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ d(j.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ d(
+          _,
           {
-            "aria-disabled": a,
-            "data-disabled": a ? "" : void 0,
-            ...S,
+            "aria-disabled": s,
+            "data-disabled": s ? "" : void 0,
+            ...g,
             ref: t,
-            onPointerDown: V(S.onPointerDown, () => {
-              a || (H.current = b);
+            onPointerDown: V(g.onPointerDown, () => {
+              s || (O.current = b);
             }),
-            min: r,
+            min: n,
             max: o,
-            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, b.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: y, direction: R }) => {
-              if (!a) {
-                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 });
+            inverted: S,
+            onSlideStart: s ? void 0 : L,
+            onSlideMove: s ? void 0 : de,
+            onSlideEnd: s ? void 0 : fe,
+            onHomeKeyDown: () => !s && A(n, 0, { commit: !0 }),
+            onEndKeyDown: () => !s && A(o, b.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: w, direction: x }) => {
+              if (!s) {
+                const z = J.includes(w.key) || w.shiftKey && Q.includes(w.key) ? 10 : 1, k = m.current, D = b[k], P = a * z * x;
+                A(D + P, k, { commit: !0 });
               }
             }
           }
@@ -172,8 +172,8 @@ var xe = [
     );
   }
 );
-ne.displayName = M;
-var [re, oe] = te(M, {
+ne.displayName = N;
+var [re, oe] = te(N, {
   startEdge: "left",
   endEdge: "right",
   size: "width",
@@ -181,107 +181,107 @@ var [re, oe] = te(M, {
 }), Ve = c.forwardRef(
   (e, t) => {
     const {
-      min: n,
-      max: r,
+      min: r,
+      max: n,
       dir: o,
-      inverted: s,
+      inverted: a,
       onSlideStart: i,
-      onSlideMove: a,
-      onSlideEnd: d,
-      onStepKeyDown: m,
+      onSlideMove: s,
+      onSlideEnd: u,
+      onStepKeyDown: p,
       ...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 b = _.current || l.getBoundingClientRect(), A = [0, b.width], O = Y(A, h ? [n, r] : [r, n]);
-      return _.current = b, O(w - b.left);
+    } = e, [l, f] = c.useState(null), S = B(t, (_) => f(_)), y = c.useRef(void 0), g = ve(o), h = g === "ltr", m = h && !a || !h && a;
+    function R(_) {
+      const b = y.current || l.getBoundingClientRect(), M = [0, b.width], L = Y(M, m ? [r, n] : [n, r]);
+      return y.current = b, L(_ - b.left);
     }
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ d(
       re,
       {
         scope: e.__scopeSlider,
-        startEdge: h ? "left" : "right",
-        endEdge: h ? "right" : "left",
-        direction: h ? 1 : -1,
+        startEdge: m ? "left" : "right",
+        endEdge: m ? "right" : "left",
+        direction: m ? 1 : -1,
         size: "width",
-        children: /* @__PURE__ */ u(
+        children: /* @__PURE__ */ d(
           ie,
           {
-            dir: S,
+            dir: g,
             "data-orientation": "horizontal",
             ...v,
-            ref: g,
+            ref: S,
             style: {
               ...v.style,
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
-            onSlideStart: (w) => {
-              const b = C(w.clientX);
+            onSlideStart: (_) => {
+              const b = R(_.clientX);
               i == null || i(b);
             },
-            onSlideMove: (w) => {
-              const b = C(w.clientX);
-              a == null || a(b);
+            onSlideMove: (_) => {
+              const b = R(_.clientX);
+              s == null || s(b);
             },
             onSlideEnd: () => {
-              _.current = void 0, d == null || d();
+              y.current = void 0, u == null || u();
             },
-            onStepKeyDown: (w) => {
-              const A = ee[h ? "from-left" : "from-right"].includes(w.key);
-              m == null || m({ event: w, direction: A ? -1 : 1 });
+            onStepKeyDown: (_) => {
+              const M = ee[m ? "from-left" : "from-right"].includes(_.key);
+              p == null || p({ event: _, direction: M ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), Me = c.forwardRef(
+), Ne = c.forwardRef(
   (e, t) => {
     const {
-      min: n,
-      max: r,
+      min: r,
+      max: n,
       inverted: o,
-      onSlideStart: s,
+      onSlideStart: a,
       onSlideMove: i,
-      onSlideEnd: a,
-      onStepKeyDown: d,
-      ...m
-    } = e, v = c.useRef(null), l = I(t, v), f = c.useRef(void 0), g = !o;
-    function _(S) {
-      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);
+      onSlideEnd: s,
+      onStepKeyDown: u,
+      ...p
+    } = e, v = c.useRef(null), l = B(t, v), f = c.useRef(void 0), S = !o;
+    function y(g) {
+      const h = f.current || v.current.getBoundingClientRect(), m = [0, h.height], _ = Y(m, S ? [n, r] : [r, n]);
+      return f.current = h, _(g - h.top);
     }
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ d(
       re,
       {
         scope: e.__scopeSlider,
-        startEdge: g ? "bottom" : "top",
-        endEdge: g ? "top" : "bottom",
+        startEdge: S ? "bottom" : "top",
+        endEdge: S ? "top" : "bottom",
         size: "height",
-        direction: g ? 1 : -1,
-        children: /* @__PURE__ */ u(
+        direction: S ? 1 : -1,
+        children: /* @__PURE__ */ d(
           ie,
           {
             "data-orientation": "vertical",
-            ...m,
+            ...p,
             ref: l,
             style: {
-              ...m.style,
+              ...p.style,
               "--radix-slider-thumb-transform": "translateY(50%)"
             },
-            onSlideStart: (S) => {
-              const p = _(S.clientY);
-              s == null || s(p);
+            onSlideStart: (g) => {
+              const h = y(g.clientY);
+              a == null || a(h);
             },
-            onSlideMove: (S) => {
-              const p = _(S.clientY);
-              i == null || i(p);
+            onSlideMove: (g) => {
+              const h = y(g.clientY);
+              i == null || i(h);
             },
             onSlideEnd: () => {
-              f.current = void 0, a == null || a();
+              f.current = void 0, s == null || s();
             },
-            onStepKeyDown: (S) => {
-              const h = ee[g ? "from-bottom" : "from-top"].includes(S.key);
-              d == null || d({ event: S, direction: h ? -1 : 1 });
+            onStepKeyDown: (g) => {
+              const m = ee[S ? "from-bottom" : "from-top"].includes(g.key);
+              u == null || u({ event: g, direction: m ? -1 : 1 });
             }
           }
         )
@@ -291,68 +291,68 @@ var [re, oe] = te(M, {
 ), ie = c.forwardRef(
   (e, t) => {
     const {
-      __scopeSlider: n,
-      onSlideStart: r,
+      __scopeSlider: r,
+      onSlideStart: n,
       onSlideMove: o,
-      onSlideEnd: s,
+      onSlideEnd: a,
       onHomeKeyDown: i,
-      onEndKeyDown: a,
-      onStepKeyDown: d,
-      ...m
-    } = e, v = T(M, n);
-    return /* @__PURE__ */ u(
-      K.span,
+      onEndKeyDown: s,
+      onStepKeyDown: u,
+      ...p
+    } = e, v = H(N, r);
+    return /* @__PURE__ */ d(
+      T.span,
       {
-        ...m,
+        ...p,
         ref: t,
         onKeyDown: V(e.onKeyDown, (l) => {
-          l.key === "Home" ? (i(l), l.preventDefault()) : l.key === "End" ? (a(l), l.preventDefault()) : J.concat(Q).includes(l.key) && (d(l), l.preventDefault());
+          l.key === "Home" ? (i(l), l.preventDefault()) : l.key === "End" ? (s(l), l.preventDefault()) : J.concat(Q).includes(l.key) && (u(l), l.preventDefault());
         }),
         onPointerDown: V(e.onPointerDown, (l) => {
           const f = l.target;
-          f.setPointerCapture(l.pointerId), l.preventDefault(), v.thumbs.has(f) ? f.focus() : r(l);
+          f.setPointerCapture(l.pointerId), l.preventDefault(), v.thumbs.has(f) ? f.focus() : n(l);
         }),
         onPointerMove: V(e.onPointerMove, (l) => {
           l.target.hasPointerCapture(l.pointerId) && o(l);
         }),
         onPointerUp: V(e.onPointerUp, (l) => {
           const f = l.target;
-          f.hasPointerCapture(l.pointerId) && (f.releasePointerCapture(l.pointerId), s(l));
+          f.hasPointerCapture(l.pointerId) && (f.releasePointerCapture(l.pointerId), a(l));
         })
       }
     );
   }
-), se = "SliderTrack", ae = c.forwardRef(
+), ae = "SliderTrack", se = c.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, ...r } = e, o = T(se, n);
-    return /* @__PURE__ */ u(
-      K.span,
+    const { __scopeSlider: r, ...n } = e, o = H(ae, r);
+    return /* @__PURE__ */ d(
+      T.span,
       {
         "data-disabled": o.disabled ? "" : void 0,
         "data-orientation": o.orientation,
-        ...r,
+        ...n,
         ref: t
       }
     );
   }
 );
-ae.displayName = se;
+se.displayName = ae;
 var W = "SliderRange", le = c.forwardRef(
   (e, t) => {
-    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,
+    const { __scopeSlider: r, ...n } = e, o = H(W, r), a = oe(W, r), i = c.useRef(null), s = B(t, i), u = o.values.length, p = o.values.map(
+      (f) => ue(f, o.min, o.max)
+    ), v = u > 1 ? Math.min(...p) : 0, l = 100 - Math.max(...p);
+    return /* @__PURE__ */ d(
+      T.span,
       {
         "data-orientation": o.orientation,
         "data-disabled": o.disabled ? "" : void 0,
-        ...r,
-        ref: a,
+        ...n,
+        ref: s,
         style: {
           ...e.style,
-          [s.startEdge]: v + "%",
-          [s.endEdge]: l + "%"
+          [a.startEdge]: v + "%",
+          [a.endEdge]: l + "%"
         }
       }
     );
@@ -361,57 +361,57 @@ var W = "SliderRange", le = c.forwardRef(
 le.displayName = W;
 var U = "SliderThumb", ce = c.forwardRef(
   (e, t) => {
-    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]
+    const r = Ce(e.__scopeSlider), [n, o] = c.useState(null), a = B(t, (s) => o(s)), i = c.useMemo(
+      () => n ? r().findIndex((s) => s.ref.current === n) : -1,
+      [r, n]
     );
-    return /* @__PURE__ */ u(Ae, { ...e, ref: s, index: i });
+    return /* @__PURE__ */ d(Me, { ...e, ref: a, index: i });
   }
-), Ae = c.forwardRef(
+), Me = c.forwardRef(
   (e, t) => {
-    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;
+    const { __scopeSlider: r, index: n, name: o, ...a } = e, i = H(U, r), s = oe(U, r), [u, p] = c.useState(null), v = B(t, (R) => p(R)), l = u ? i.form || !!u.closest("form") : !0, f = be(u), S = i.values[n], y = S === void 0 ? 0 : ue(S, i.min, i.max), g = Be(n, i.values.length), h = f == null ? void 0 : f[s.size], m = h ? Ke(h, y, s.direction) : 0;
     return c.useEffect(() => {
-      if (d)
-        return i.thumbs.add(d), () => {
-          i.thumbs.delete(d);
+      if (u)
+        return i.thumbs.add(u), () => {
+          i.thumbs.delete(u);
         };
-    }, [d, i.thumbs]), /* @__PURE__ */ k(
+    }, [u, i.thumbs]), /* @__PURE__ */ K(
       "span",
       {
         style: {
           transform: "var(--radix-slider-thumb-transform)",
           position: "absolute",
-          [a.startEdge]: `calc(${_}% + ${h}px)`
+          [s.startEdge]: `calc(${y}% + ${m}px)`
         },
         children: [
-          /* @__PURE__ */ u(j.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ u(
-            K.span,
+          /* @__PURE__ */ d(j.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ d(
+            T.span,
             {
               role: "slider",
-              "aria-label": e["aria-label"] || S,
+              "aria-label": e["aria-label"] || g,
               "aria-valuemin": i.min,
-              "aria-valuenow": g,
+              "aria-valuenow": S,
               "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,
+              ...a,
               ref: v,
-              style: g === void 0 ? { display: "none" } : e.style,
+              style: S === void 0 ? { display: "none" } : e.style,
               onFocus: V(e.onFocus, () => {
-                i.valueIndexToChangeRef.current = r;
+                i.valueIndexToChangeRef.current = n;
               })
             }
           ) }),
-          l && /* @__PURE__ */ u(
-            Ne,
+          l && /* @__PURE__ */ d(
+            Ae,
             {
               name: o ?? (i.name ? i.name + (i.values.length > 1 ? "[]" : "") : void 0),
               form: i.form,
-              value: g
+              value: S
             },
-            r
+            n
           )
         ]
       }
@@ -419,62 +419,62 @@ var U = "SliderThumb", ce = c.forwardRef(
   }
 );
 ce.displayName = U;
-var Ne = (e) => {
-  const { value: t, ...n } = e, r = c.useRef(null), o = _e(t);
+var Ae = (e) => {
+  const { value: t, ...r } = e, n = c.useRef(null), o = _e(t);
   return c.useEffect(() => {
-    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 });
-      d.call(s, t), s.dispatchEvent(m);
+    const a = n.current, i = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(i, "value").set;
+    if (o !== t && u) {
+      const p = new Event("input", { bubbles: !0 });
+      u.call(a, t), a.dispatchEvent(p);
     }
-  }, [o, t]), /* @__PURE__ */ u("input", { style: { display: "none" }, ...n, ref: r, defaultValue: t });
+  }, [o, t]), /* @__PURE__ */ d("input", { style: { display: "none" }, ...r, ref: n, defaultValue: t });
 };
-function Be(e = [], t, n) {
-  const r = [...e];
-  return r[n] = t, r.sort((o, s) => o - s);
+function ke(e = [], t, r) {
+  const n = [...e];
+  return n[r] = t, n.sort((o, a) => o - a);
 }
-function de(e, t, n) {
-  const s = 100 / (n - t) * (e - t);
-  return Z(s, [0, 100]);
+function ue(e, t, r) {
+  const a = 100 / (r - t) * (e - t);
+  return Z(a, [0, 100]);
 }
-function Ie(e, t) {
+function Be(e, t) {
   return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
 }
-function ke(e, t) {
+function Ie(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);
+  const r = e.map((o) => Math.abs(o - t)), n = Math.min(...r);
+  return r.indexOf(n);
 }
-function Ke(e, t, n) {
-  const r = e / 2, s = Y([0, 50], [0, r]);
-  return (r - s(t) * n) * n;
+function Ke(e, t, r) {
+  const n = e / 2, a = Y([0, 50], [0, n]);
+  return (n - a(t) * r) * r;
 }
 function Te(e) {
-  return e.slice(0, -1).map((t, n) => e[n + 1] - t);
+  return e.slice(0, -1).map((t, r) => e[r + 1] - t);
 }
 function He(e, t) {
   if (t > 0) {
-    const n = Te(e);
-    return Math.min(...n) >= t;
+    const r = Te(e);
+    return Math.min(...r) >= t;
   }
   return !0;
 }
 function Y(e, t) {
-  return (n) => {
+  return (r) => {
     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 n = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + n * (r - e[0]);
   };
 }
 function Oe(e) {
   return (String(e).split(".")[1] || "").length;
 }
-function ze(e, t) {
-  const n = Math.pow(10, t);
-  return Math.round(e * n) / n;
+function Le(e, t) {
+  const r = Math.pow(10, t);
+  return Math.round(e * r) / r;
 }
-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 = {
+var ze = ne, Fe = se, 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", C = {
   container: Ue,
   labels: Ye,
   root: $e,
@@ -482,52 +482,53 @@ const Ue = "cfxui__Slider__container__997ea", Ye = "cfxui__Slider__labels__2a966
   range: Ge,
   thumb: Ze,
   valueBubble: qe
-}, lt = function({
-  value: t,
-  defaultValue: n,
-  title: r,
-  ariaLabel: o,
-  className: s,
-  trackClassName: i,
-  minLabel: a,
-  maxLabel: d,
-  min: m = 0,
-  max: v,
-  onValueChange: l,
-  ...f
-}) {
-  const [g, _] = L.useState(() => {
-    if (t)
-      return t;
+}, lt = I.forwardRef(function(t, r) {
+  const {
+    value: n,
+    defaultValue: o,
+    title: a,
+    ariaLabel: i,
+    className: s,
+    trackClassName: u,
+    minLabel: p,
+    maxLabel: v,
+    min: l = 0,
+    max: f,
+    onValueChange: S,
+    ...y
+  } = t, [g, h] = I.useState(() => {
     if (n)
       return n;
-  }), 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,
+    if (o)
+      return o;
+  }), m = I.useCallback((R) => {
+    S && S(R), h(R);
+  }, [S]);
+  return I.useEffect(() => {
+    n && h(n);
+  }, [n]), /* @__PURE__ */ K("div", { className: C.container, children: [
+    /* @__PURE__ */ K(
+      ze,
       {
-        ...f,
-        min: m,
-        max: v,
-        value: t,
-        className: G(x.root, s),
-        onValueChange: S,
+        ...y,
+        ref: r,
+        min: l,
+        max: f,
+        value: n,
+        className: G(C.root, s),
+        onValueChange: m,
         children: [
-          /* @__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__ */ d(Fe, { className: G(C.track, u), children: /* @__PURE__ */ d(je, { className: C.range }) }),
+          /* @__PURE__ */ d(We, { className: C.thumb, "aria-label": i, children: /* @__PURE__ */ d("div", { className: C.valueBubble, children: [g, a].join(" ") }) })
         ]
       }
     ),
-    /* @__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 })
+    /* @__PURE__ */ K("div", { className: C.labels, children: [
+      /* @__PURE__ */ d("span", { children: typeof p < "u" ? p : l }),
+      /* @__PURE__ */ d("span", { children: typeof v < "u" ? v : f })
     ] })
   ] });
-};
+});
 export {
   lt as Slider,
   lt as default