@cfx-dev/ui-components 4.2.20 → 4.2.22

package/dist/components/Slider/Slider.js

@@ -1,135 +1,55 @@
-import { jsx as f, Fragment as he, 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 I from "react";
-import { c as q } from "../../index-rKs9bXHr.js";
-import { u as Se, a as ge } from "../../index-Cf5Yu9oD.js";
-import { u as be } from "../../index-ByaXH_ih.js";
-import { u as ve } from "../../index-BZPx6jYI.js";
+import { c as Z } from "../../index-rKs9bXHr.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 { c as _e } from "../../index-CjTSD6zB.js";
 import { clsx as G } 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 Z(e, t) {
-  if (typeof e == "function")
-    return e(t);
-  e != null && (e.current = t);
-}
-function J(...e) {
-  return (t) => {
-    let n = !1;
-    const r = e.map((o) => {
-      const s = Z(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() : Z(e[o], null);
-        }
-      };
-  };
-}
-function B(...e) {
-  return c.useCallback(J(...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 p;
-      const { scope: d, children: h, ...v } = l, S = ((p = d == null ? void 0 : d[e]) == null ? void 0 : p[u]) || a, g = c.useMemo(() => v, Object.values(v));
-      return /* @__PURE__ */ f(S.Provider, { value: g, children: h });
-    };
-    m.displayName = s + "Provider";
-    function b(l, d) {
-      var S;
-      const h = ((S = d == null ? void 0 : d[e]) == null ? void 0 : S[u]) || a, v = c.useContext(h);
-      if (v) return v;
-      if (i !== void 0) return i;
-      throw new Error(`\`${l}\` must be used within \`${s}\``);
-    }
-    return [m, b];
+var q = c.forwardRef((e, t) => {
+  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 });
   }
-  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 Q = c.forwardRef((e, t) => {
-  const { children: n, ...r } = e, o = c.Children.toArray(n), s = o.find(Pe);
-  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(j, { ...r, ref: t, children: c.isValidElement(i) ? c.cloneElement(i, void 0, a) : null });
-  }
-  return /* @__PURE__ */ f(j, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ d(F, { ...n, ref: t, children: r });
 });
-Q.displayName = "Slot";
-var j = c.forwardRef((e, t) => {
-  const { children: n, ...r } = e;
-  if (c.isValidElement(n)) {
-    const o = Re(n);
-    return c.cloneElement(n, {
-      ...Ce(r, n.props),
+q.displayName = "Slot";
+var F = c.forwardRef((e, t) => {
+  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 ? J(t, o) : o
+      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;
 });
-j.displayName = "SlotClone";
-var ye = ({ children: e }) => /* @__PURE__ */ f(he, { children: e });
-function Pe(e) {
-  return c.isValidElement(e) && e.type === ye;
+F.displayName = "SlotClone";
+var we = ({ children: e }) => /* @__PURE__ */ d(me, { children: e });
+function ye(e) {
+  return c.isValidElement(e) && e.type === we;
 }
-function Ce(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(" "));
+function Re(e, t) {
+  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 Re(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 De = [
+var Pe = [
   "a",
   "button",
   "div",
@@ -146,104 +66,104 @@ var De = [
   "span",
   "svg",
   "ul"
-], T = De.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__ */ f(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 };
-}, {}), ee = ["PageUp", "PageDown"], te = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ne = {
+  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", [F, Ee, Ve] = _e(M), [re, lt] = we(M, [
-  Ve
-]), [Me, O] = re(M), oe = c.forwardRef(
+}, N = "Slider", [j, Ce, Ee] = he(N), [te, st] = Se(N, [
+  Ee
+]), [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,
+      disabled: s = !1,
       minStepsBetweenThumbs: u = 0,
-      defaultValue: m = [r],
-      value: b,
+      defaultValue: p = [n],
+      value: v,
       onValueChange: l = () => {
       },
-      onValueCommit: d = () => {
+      onValueCommit: f = () => {
       },
-      inverted: h = !1,
-      form: v,
-      ...S
-    } = e, g = c.useRef(/* @__PURE__ */ new Set()), p = c.useRef(0), w = i === "horizontal" ? Ne : Ae, [_ = [], N] = Se({
-      prop: b,
-      defaultProp: m,
-      onChange: (x) => {
-        var D;
-        (D = [...g.current][p.current]) == null || D.focus(), l(x);
+      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: p,
+      onChange: (w) => {
+        var E;
+        (E = [...h.current][m.current]) == null || E.focus(), l(w);
       }
-    }), L = c.useRef(_);
-    function z(x) {
-      const P = Te(_, x);
-      A(x, P);
+    }), O = c.useRef(b);
+    function L(w) {
+      const x = Ie(b, w);
+      A(w, x);
     }
-    function me(x) {
-      A(x, p.current);
+    function de(w) {
+      A(w, m.current);
     }
-    function pe() {
-      const x = L.current[p.current];
-      _[p.current] !== x && d(_);
+    function fe() {
+      const w = O.current[m.current];
+      b[m.current] !== w && f(b);
     }
-    function A(x, P, { commit: D } = { commit: !1 }) {
-      const Y = $e(s), $ = je(Math.round((x - r) / s) * s + r, Y), k = q($, [r, o]);
-      N((E = []) => {
-        const C = Ie(E, k, P);
-        if (ze(C, u * s)) {
-          p.current = C.indexOf(k);
-          const X = String(C) !== String(E);
-          return X && D && d(C), X ? C : E;
+    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 E;
+          return D;
       });
     }
-    return /* @__PURE__ */ f(
-      Me,
+    return /* @__PURE__ */ d(
+      De,
       {
         scope: e.__scopeSlider,
-        name: n,
-        disabled: a,
-        min: r,
+        name: r,
+        disabled: s,
+        min: n,
         max: o,
-        valueIndexToChangeRef: p,
-        thumbs: g.current,
-        values: _,
+        valueIndexToChangeRef: m,
+        thumbs: h.current,
+        values: b,
         orientation: i,
-        form: v,
-        children: /* @__PURE__ */ f(F.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ f(F.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ f(
-          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 || (L.current = _);
+            onPointerDown: V(g.onPointerDown, () => {
+              s || (O.current = b);
             }),
-            min: r,
+            min: n,
             max: o,
-            inverted: h,
-            onSlideStart: a ? void 0 : z,
-            onSlideMove: a ? void 0 : me,
-            onSlideEnd: a ? void 0 : pe,
-            onHomeKeyDown: () => !a && A(r, 0, { commit: !0 }),
-            onEndKeyDown: () => !a && A(o, _.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: x, direction: P }) => {
-              if (!a) {
-                const $ = ee.includes(x.key) || x.shiftKey && te.includes(x.key) ? 10 : 1, k = p.current, E = _[k], C = s * $ * P;
-                A(E + C, k, { 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 });
               }
             }
           }
@@ -252,204 +172,204 @@ var De = [
     );
   }
 );
-oe.displayName = M;
-var [ie, se] = re(M, {
+ne.displayName = N;
+var [re, oe] = te(N, {
   startEdge: "left",
   endEdge: "right",
   size: "width",
   direction: 1
-}), Ne = c.forwardRef(
+}), Ve = c.forwardRef(
   (e, t) => {
     const {
-      min: n,
-      max: r,
+      min: r,
+      max: n,
       dir: o,
-      inverted: s,
+      inverted: a,
       onSlideStart: i,
-      onSlideMove: a,
+      onSlideMove: s,
       onSlideEnd: u,
-      onStepKeyDown: m,
-      ...b
-    } = e, [l, d] = c.useState(null), h = B(t, (w) => d(w)), v = c.useRef(void 0), S = be(o), g = S === "ltr", p = g && !s || !g && s;
-    function y(w) {
-      const _ = v.current || l.getBoundingClientRect(), N = [0, _.width], z = U(N, p ? [n, r] : [r, n]);
-      return v.current = _, z(w - _.left);
+      onStepKeyDown: p,
+      ...v
+    } = 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__ */ f(
-      ie,
+    return /* @__PURE__ */ d(
+      re,
       {
         scope: e.__scopeSlider,
-        startEdge: p ? "left" : "right",
-        endEdge: p ? "right" : "left",
-        direction: p ? 1 : -1,
+        startEdge: m ? "left" : "right",
+        endEdge: m ? "right" : "left",
+        direction: m ? 1 : -1,
         size: "width",
-        children: /* @__PURE__ */ f(
-          ae,
+        children: /* @__PURE__ */ d(
+          ie,
           {
-            dir: S,
+            dir: g,
             "data-orientation": "horizontal",
-            ...b,
-            ref: h,
+            ...v,
+            ref: S,
             style: {
-              ...b.style,
+              ...v.style,
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
-            onSlideStart: (w) => {
-              const _ = y(w.clientX);
-              i == null || i(_);
+            onSlideStart: (_) => {
+              const b = R(_.clientX);
+              i == null || i(b);
             },
-            onSlideMove: (w) => {
-              const _ = y(w.clientX);
-              a == null || a(_);
+            onSlideMove: (_) => {
+              const b = R(_.clientX);
+              s == null || s(b);
             },
             onSlideEnd: () => {
-              v.current = void 0, u == null || u();
+              y.current = void 0, u == null || u();
             },
-            onStepKeyDown: (w) => {
-              const N = ne[p ? "from-left" : "from-right"].includes(w.key);
-              m == null || m({ event: w, direction: N ? -1 : 1 });
+            onStepKeyDown: (_) => {
+              const M = ee[m ? "from-left" : "from-right"].includes(_.key);
+              p == null || p({ event: _, direction: M ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), Ae = 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,
+      onSlideEnd: s,
       onStepKeyDown: u,
-      ...m
-    } = e, b = c.useRef(null), l = B(t, b), d = c.useRef(void 0), h = !o;
-    function v(S) {
-      const g = d.current || b.current.getBoundingClientRect(), p = [0, g.height], w = U(p, h ? [r, n] : [n, r]);
-      return d.current = g, w(S - g.top);
+      ...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__ */ f(
-      ie,
+    return /* @__PURE__ */ d(
+      re,
       {
         scope: e.__scopeSlider,
-        startEdge: h ? "bottom" : "top",
-        endEdge: h ? "top" : "bottom",
+        startEdge: S ? "bottom" : "top",
+        endEdge: S ? "top" : "bottom",
         size: "height",
-        direction: h ? 1 : -1,
-        children: /* @__PURE__ */ f(
-          ae,
+        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 g = v(S.clientY);
-              s == null || s(g);
+            onSlideStart: (g) => {
+              const h = y(g.clientY);
+              a == null || a(h);
             },
-            onSlideMove: (S) => {
-              const g = v(S.clientY);
-              i == null || i(g);
+            onSlideMove: (g) => {
+              const h = y(g.clientY);
+              i == null || i(h);
             },
             onSlideEnd: () => {
-              d.current = void 0, a == null || a();
+              f.current = void 0, s == null || s();
             },
-            onStepKeyDown: (S) => {
-              const p = ne[h ? "from-bottom" : "from-top"].includes(S.key);
-              u == null || u({ event: S, direction: p ? -1 : 1 });
+            onStepKeyDown: (g) => {
+              const m = ee[S ? "from-bottom" : "from-top"].includes(g.key);
+              u == null || u({ event: g, direction: m ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), ae = c.forwardRef(
+), ie = c.forwardRef(
   (e, t) => {
     const {
-      __scopeSlider: n,
-      onSlideStart: r,
+      __scopeSlider: r,
+      onSlideStart: n,
       onSlideMove: o,
-      onSlideEnd: s,
+      onSlideEnd: a,
       onHomeKeyDown: i,
-      onEndKeyDown: a,
+      onEndKeyDown: s,
       onStepKeyDown: u,
-      ...m
-    } = e, b = O(M, n);
-    return /* @__PURE__ */ f(
+      ...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()) : ee.concat(te).includes(l.key) && (u(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 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() : n(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), a(l));
         })
       }
     );
   }
-), ce = "SliderTrack", le = c.forwardRef(
+), ae = "SliderTrack", se = c.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, ...r } = e, o = O(ce, n);
-    return /* @__PURE__ */ f(
+    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
       }
     );
   }
 );
-le.displayName = ce;
-var H = "SliderRange", ue = c.forwardRef(
+se.displayName = ae;
+var W = "SliderRange", le = c.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, ...r } = e, o = O(H, n), s = se(H, n), i = c.useRef(null), a = B(t, i), u = o.values.length, m = o.values.map(
-      (d) => fe(d, o.min, o.max)
-    ), b = u > 1 ? Math.min(...m) : 0, l = 100 - Math.max(...m);
-    return /* @__PURE__ */ f(
+    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]: b + "%",
-          [s.endEdge]: l + "%"
+          [a.startEdge]: v + "%",
+          [a.endEdge]: l + "%"
         }
       }
     );
   }
 );
-ue.displayName = H;
-var W = "SliderThumb", de = c.forwardRef(
+le.displayName = W;
+var U = "SliderThumb", ce = c.forwardRef(
   (e, t) => {
-    const n = Ee(e.__scopeSlider), [r, o] = c.useState(null), s = B(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__ */ f(ke, { ...e, ref: s, index: i });
+    return /* @__PURE__ */ d(Me, { ...e, ref: a, index: i });
   }
-), ke = c.forwardRef(
+), Me = c.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, index: r, name: o, ...s } = e, i = O(W, n), a = se(W, n), [u, m] = c.useState(null), b = B(t, (y) => m(y)), l = u ? i.form || !!u.closest("form") : !0, d = ge(u), h = i.values[r], v = h === void 0 ? 0 : fe(h, i.min, i.max), S = Ke(r, i.values.length), g = d == null ? void 0 : d[a.size], p = g ? Oe(g, v, 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 (u)
         return i.thumbs.add(u), () => {
@@ -461,159 +381,159 @@ var W = "SliderThumb", de = c.forwardRef(
         style: {
           transform: "var(--radix-slider-thumb-transform)",
           position: "absolute",
-          [a.startEdge]: `calc(${v}% + ${p}px)`
+          [s.startEdge]: `calc(${y}% + ${m}px)`
         },
         children: [
-          /* @__PURE__ */ f(F.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ f(
+          /* @__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": h,
+              "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,
-              ref: b,
-              style: h === void 0 ? { display: "none" } : e.style,
+              ...a,
+              ref: v,
+              style: S === void 0 ? { display: "none" } : e.style,
               onFocus: V(e.onFocus, () => {
-                i.valueIndexToChangeRef.current = r;
+                i.valueIndexToChangeRef.current = n;
               })
             }
           ) }),
-          l && /* @__PURE__ */ f(
-            Be,
+          l && /* @__PURE__ */ d(
+            Ae,
             {
               name: o ?? (i.name ? i.name + (i.values.length > 1 ? "[]" : "") : void 0),
               form: i.form,
-              value: h
+              value: S
             },
-            r
+            n
           )
         ]
       }
     );
   }
 );
-de.displayName = W;
-var Be = (e) => {
-  const { value: t, ...n } = e, r = c.useRef(null), o = ve(t);
+ce.displayName = U;
+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, u = Object.getOwnPropertyDescriptor(i, "value").set;
+    const a = n.current, i = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(i, "value").set;
     if (o !== t && u) {
-      const m = new Event("input", { bubbles: !0 });
-      u.call(s, t), s.dispatchEvent(m);
+      const p = new Event("input", { bubbles: !0 });
+      u.call(a, t), a.dispatchEvent(p);
     }
-  }, [o, t]), /* @__PURE__ */ f("input", { style: { display: "none" }, ...n, ref: r, defaultValue: t });
+  }, [o, t]), /* @__PURE__ */ d("input", { style: { display: "none" }, ...r, ref: n, defaultValue: t });
 };
-function Ie(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 fe(e, t, n) {
-  const s = 100 / (n - t) * (e - t);
-  return q(s, [0, 100]);
+function ue(e, t, r) {
+  const a = 100 / (r - t) * (e - t);
+  return Z(a, [0, 100]);
 }
-function Ke(e, t) {
+function Be(e, t) {
   return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
 }
-function Te(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 Oe(e, t, n) {
-  const r = e / 2, s = U([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 Le(e) {
-  return e.slice(0, -1).map((t, n) => e[n + 1] - t);
+function Te(e) {
+  return e.slice(0, -1).map((t, r) => e[r + 1] - t);
 }
-function ze(e, t) {
+function He(e, t) {
   if (t > 0) {
-    const n = Le(e);
-    return Math.min(...n) >= t;
+    const r = Te(e);
+    return Math.min(...r) >= t;
   }
   return !0;
 }
-function U(e, t) {
-  return (n) => {
+function Y(e, t) {
+  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 $e(e) {
+function Oe(e) {
   return (String(e).split(".")[1] || "").length;
 }
-function je(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 Fe = oe, He = le, We = ue, Ue = de;
-const Ye = "cfxui__Slider__container__997ea", Xe = "cfxui__Slider__labels__2a966", Ge = "cfxui__Slider__root__a6c1b", Ze = "cfxui__Slider__track__570cb", qe = "cfxui__Slider__range__5ae17", Je = "cfxui__Slider__thumb__27d80", Qe = "cfxui__Slider__valueBubble__ebce8", R = {
-  container: Ye,
-  labels: Xe,
-  root: Ge,
-  track: Ze,
-  range: qe,
-  thumb: Je,
-  valueBubble: Qe
-}, ut = I.forwardRef(function(t, n) {
+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,
+  track: Xe,
+  range: Ge,
+  thumb: Ze,
+  valueBubble: qe
+}, lt = I.forwardRef(function(t, r) {
   const {
-    value: r,
+    value: n,
     defaultValue: o,
-    title: s,
+    title: a,
     ariaLabel: i,
-    className: a,
+    className: s,
     trackClassName: u,
-    minLabel: m,
-    maxLabel: b,
+    minLabel: p,
+    maxLabel: v,
     min: l = 0,
-    max: d,
-    onValueChange: h,
-    ...v
-  } = t, [S, g] = I.useState(() => {
-    if (r)
-      return r;
+    max: f,
+    onValueChange: S,
+    ...y
+  } = t, [g, h] = I.useState(() => {
+    if (n)
+      return n;
     if (o)
       return o;
-  }), p = I.useCallback((y) => {
-    if (h) {
-      h(y);
+  }), m = I.useCallback((R) => {
+    if (S) {
+      S(R);
       return;
     }
-    g(y);
-  }, [h]);
+    h(R);
+  }, [S]);
   return I.useEffect(() => {
-    r && g(r);
-  }, [r]), /* @__PURE__ */ K("div", { className: R.container, children: [
+    n && h(n);
+  }, [n]), /* @__PURE__ */ K("div", { className: C.container, children: [
     /* @__PURE__ */ K(
-      Fe,
+      ze,
       {
-        ...v,
-        ref: n,
+        ...y,
+        ref: r,
         min: l,
-        max: d,
-        value: r,
-        className: G(R.root, a),
-        onValueChange: p,
+        max: f,
+        value: n,
+        className: G(C.root, s),
+        onValueChange: m,
         children: [
-          /* @__PURE__ */ f(He, { className: G(R.track, u), children: /* @__PURE__ */ f(We, { className: R.range }) }),
-          /* @__PURE__ */ f(Ue, { className: R.thumb, "aria-label": i, children: /* @__PURE__ */ f("div", { className: R.valueBubble, children: [S, s].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: R.labels, children: [
-      /* @__PURE__ */ f("span", { children: typeof m < "u" ? m : l }),
-      /* @__PURE__ */ f("span", { children: typeof b < "u" ? b : d })
+    /* @__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 {
-  ut as Slider,
-  ut as default
+  lt as Slider,
+  lt as default
 };