@cfx-dev/ui-components 4.2.11 → 4.2.13

package/dist/components/Slider/Slider.js

@@ -1,55 +1,135 @@
-import { jsx as d, Fragment as me, jsxs as K } from "react/jsx-runtime";
+import { jsx as f, Fragment as he, jsxs as K } from "react/jsx-runtime";
 import * as c 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 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 { 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 "../../index-2hJuj4UN.js";
+import { c as _e } from "../../index-CjTSD6zB.js";
 import { clsx as G } from "../../utils/clsx.js";
-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 });
+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];
   }
-  return /* @__PURE__ */ d(F, { ...n, ref: t, children: r });
+  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 });
 });
-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),
+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),
       // @ts-ignore
-      ref: t ? pe(t, o) : o
+      ref: t ? J(t, o) : o
     });
   }
-  return c.Children.count(r) > 1 ? c.Children.only(null) : null;
+  return c.Children.count(n) > 1 ? c.Children.only(null) : null;
 });
-F.displayName = "SlotClone";
-var we = ({ children: e }) => /* @__PURE__ */ d(me, { children: e });
-function ye(e) {
-  return c.isValidElement(e) && e.type === we;
+j.displayName = "SlotClone";
+var ye = ({ children: e }) => /* @__PURE__ */ f(he, { children: e });
+function Pe(e) {
+  return c.isValidElement(e) && e.type === ye;
 }
-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(" "));
+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(" "));
   }
-  return { ...e, ...r };
+  return { ...e, ...n };
 }
-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);
+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);
 }
-var Pe = [
+var De = [
   "a",
   "button",
   "div",
@@ -66,104 +146,104 @@ var Pe = [
   "span",
   "svg",
   "ul"
-], 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 });
+], 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 });
   });
-  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
-}, {}), J = ["PageUp", "PageDown"], Q = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ee = {
+  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+}, {}), ee = ["PageUp", "PageDown"], te = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ne = {
   "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, N = "Slider", [j, Ce, Ee] = he(N), [te, st] = Se(N, [
-  Ee
-]), [De, H] = te(N), ne = c.forwardRef(
+}, M = "Slider", [F, Ee, Ve] = _e(M), [re, lt] = we(M, [
+  Ve
+]), [Me, O] = re(M), oe = c.forwardRef(
   (e, t) => {
     const {
-      name: r,
-      min: n = 0,
+      name: n,
+      min: r = 0,
       max: o = 100,
-      step: a = 1,
+      step: s = 1,
       orientation: i = "horizontal",
-      disabled: s = !1,
+      disabled: a = !1,
       minStepsBetweenThumbs: u = 0,
-      defaultValue: p = [n],
-      value: v,
+      defaultValue: m = [r],
+      value: b,
       onValueChange: l = () => {
       },
-      onValueCommit: f = () => {
+      onValueCommit: d = () => {
       },
-      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);
+      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);
       }
-    }), O = c.useRef(b);
-    function L(w) {
-      const x = Ie(b, w);
-      A(w, x);
+    }), L = c.useRef(_);
+    function z(x) {
+      const P = Te(_, x);
+      A(x, P);
     }
-    function de(w) {
-      A(w, m.current);
+    function me(x) {
+      A(x, p.current);
     }
-    function fe() {
-      const w = O.current[m.current];
-      b[m.current] !== w && f(b);
+    function pe() {
+      const x = L.current[p.current];
+      _[p.current] !== x && d(_);
     }
-    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;
+    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;
         } else
-          return D;
+          return E;
       });
     }
-    return /* @__PURE__ */ d(
-      De,
+    return /* @__PURE__ */ f(
+      Me,
       {
         scope: e.__scopeSlider,
-        name: r,
-        disabled: s,
-        min: n,
+        name: n,
+        disabled: a,
+        min: r,
         max: o,
-        valueIndexToChangeRef: m,
-        thumbs: h.current,
-        values: b,
+        valueIndexToChangeRef: p,
+        thumbs: g.current,
+        values: _,
         orientation: i,
-        form: y,
-        children: /* @__PURE__ */ d(j.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ d(j.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ d(
-          _,
+        form: v,
+        children: /* @__PURE__ */ f(F.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ f(F.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ f(
+          w,
           {
-            "aria-disabled": s,
-            "data-disabled": s ? "" : void 0,
-            ...g,
+            "aria-disabled": a,
+            "data-disabled": a ? "" : void 0,
+            ...S,
             ref: t,
-            onPointerDown: V(g.onPointerDown, () => {
-              s || (O.current = b);
+            onPointerDown: V(S.onPointerDown, () => {
+              a || (L.current = _);
             }),
-            min: n,
+            min: r,
             max: o,
-            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 });
+            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 });
               }
             }
           }
@@ -172,204 +252,204 @@ var Pe = [
     );
   }
 );
-ne.displayName = N;
-var [re, oe] = te(N, {
+oe.displayName = M;
+var [ie, se] = re(M, {
   startEdge: "left",
   endEdge: "right",
   size: "width",
   direction: 1
-}), Ve = c.forwardRef(
+}), Ne = c.forwardRef(
   (e, t) => {
     const {
-      min: r,
-      max: n,
+      min: n,
+      max: r,
       dir: o,
-      inverted: a,
+      inverted: s,
       onSlideStart: i,
-      onSlideMove: s,
+      onSlideMove: a,
       onSlideEnd: u,
-      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);
+      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);
     }
-    return /* @__PURE__ */ d(
-      re,
+    return /* @__PURE__ */ f(
+      ie,
       {
         scope: e.__scopeSlider,
-        startEdge: m ? "left" : "right",
-        endEdge: m ? "right" : "left",
-        direction: m ? 1 : -1,
+        startEdge: p ? "left" : "right",
+        endEdge: p ? "right" : "left",
+        direction: p ? 1 : -1,
         size: "width",
-        children: /* @__PURE__ */ d(
-          ie,
+        children: /* @__PURE__ */ f(
+          ae,
           {
-            dir: g,
+            dir: S,
             "data-orientation": "horizontal",
-            ...v,
-            ref: S,
+            ...b,
+            ref: h,
             style: {
-              ...v.style,
+              ...b.style,
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
-            onSlideStart: (_) => {
-              const b = R(_.clientX);
-              i == null || i(b);
+            onSlideStart: (w) => {
+              const _ = y(w.clientX);
+              i == null || i(_);
             },
-            onSlideMove: (_) => {
-              const b = R(_.clientX);
-              s == null || s(b);
+            onSlideMove: (w) => {
+              const _ = y(w.clientX);
+              a == null || a(_);
             },
             onSlideEnd: () => {
-              y.current = void 0, u == null || u();
+              v.current = void 0, u == null || u();
             },
-            onStepKeyDown: (_) => {
-              const M = ee[m ? "from-left" : "from-right"].includes(_.key);
-              p == null || p({ event: _, direction: M ? -1 : 1 });
+            onStepKeyDown: (w) => {
+              const N = ne[p ? "from-left" : "from-right"].includes(w.key);
+              m == null || m({ event: w, direction: N ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), Ne = c.forwardRef(
+), Ae = c.forwardRef(
   (e, t) => {
     const {
-      min: r,
-      max: n,
+      min: n,
+      max: r,
       inverted: o,
-      onSlideStart: a,
+      onSlideStart: s,
       onSlideMove: i,
-      onSlideEnd: s,
+      onSlideEnd: a,
       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);
+      ...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);
     }
-    return /* @__PURE__ */ d(
-      re,
+    return /* @__PURE__ */ f(
+      ie,
       {
         scope: e.__scopeSlider,
-        startEdge: S ? "bottom" : "top",
-        endEdge: S ? "top" : "bottom",
+        startEdge: h ? "bottom" : "top",
+        endEdge: h ? "top" : "bottom",
         size: "height",
-        direction: S ? 1 : -1,
-        children: /* @__PURE__ */ d(
-          ie,
+        direction: h ? 1 : -1,
+        children: /* @__PURE__ */ f(
+          ae,
           {
             "data-orientation": "vertical",
-            ...p,
+            ...m,
             ref: l,
             style: {
-              ...p.style,
+              ...m.style,
               "--radix-slider-thumb-transform": "translateY(50%)"
             },
-            onSlideStart: (g) => {
-              const h = y(g.clientY);
-              a == null || a(h);
+            onSlideStart: (S) => {
+              const g = v(S.clientY);
+              s == null || s(g);
             },
-            onSlideMove: (g) => {
-              const h = y(g.clientY);
-              i == null || i(h);
+            onSlideMove: (S) => {
+              const g = v(S.clientY);
+              i == null || i(g);
             },
             onSlideEnd: () => {
-              f.current = void 0, s == null || s();
+              d.current = void 0, a == null || a();
             },
-            onStepKeyDown: (g) => {
-              const m = ee[S ? "from-bottom" : "from-top"].includes(g.key);
-              u == null || u({ event: g, direction: m ? -1 : 1 });
+            onStepKeyDown: (S) => {
+              const p = ne[h ? "from-bottom" : "from-top"].includes(S.key);
+              u == null || u({ event: S, direction: p ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), ie = c.forwardRef(
+), ae = c.forwardRef(
   (e, t) => {
     const {
-      __scopeSlider: r,
-      onSlideStart: n,
+      __scopeSlider: n,
+      onSlideStart: r,
       onSlideMove: o,
-      onSlideEnd: a,
+      onSlideEnd: s,
       onHomeKeyDown: i,
-      onEndKeyDown: s,
+      onEndKeyDown: a,
       onStepKeyDown: u,
-      ...p
-    } = e, v = H(N, r);
-    return /* @__PURE__ */ d(
+      ...m
+    } = e, b = O(M, n);
+    return /* @__PURE__ */ f(
       T.span,
       {
-        ...p,
+        ...m,
         ref: t,
         onKeyDown: V(e.onKeyDown, (l) => {
-          l.key === "Home" ? (i(l), l.preventDefault()) : l.key === "End" ? (s(l), l.preventDefault()) : J.concat(Q).includes(l.key) && (u(l), l.preventDefault());
+          l.key === "Home" ? (i(l), l.preventDefault()) : l.key === "End" ? (a(l), l.preventDefault()) : ee.concat(te).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() : n(l);
+          const d = l.target;
+          d.setPointerCapture(l.pointerId), l.preventDefault(), b.thumbs.has(d) ? d.focus() : r(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), a(l));
+          const d = l.target;
+          d.hasPointerCapture(l.pointerId) && (d.releasePointerCapture(l.pointerId), s(l));
         })
       }
     );
   }
-), ae = "SliderTrack", se = c.forwardRef(
+), ce = "SliderTrack", le = c.forwardRef(
   (e, t) => {
-    const { __scopeSlider: r, ...n } = e, o = H(ae, r);
-    return /* @__PURE__ */ d(
+    const { __scopeSlider: n, ...r } = e, o = O(ce, n);
+    return /* @__PURE__ */ f(
       T.span,
       {
         "data-disabled": o.disabled ? "" : void 0,
         "data-orientation": o.orientation,
-        ...n,
+        ...r,
         ref: t
       }
     );
   }
 );
-se.displayName = ae;
-var W = "SliderRange", le = c.forwardRef(
+le.displayName = ce;
+var H = "SliderRange", ue = c.forwardRef(
   (e, t) => {
-    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(
+    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(
       T.span,
       {
         "data-orientation": o.orientation,
         "data-disabled": o.disabled ? "" : void 0,
-        ...n,
-        ref: s,
+        ...r,
+        ref: a,
         style: {
           ...e.style,
-          [a.startEdge]: v + "%",
-          [a.endEdge]: l + "%"
+          [s.startEdge]: b + "%",
+          [s.endEdge]: l + "%"
         }
       }
     );
   }
 );
-le.displayName = W;
-var U = "SliderThumb", ce = c.forwardRef(
+ue.displayName = H;
+var W = "SliderThumb", de = c.forwardRef(
   (e, t) => {
-    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]
+    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]
     );
-    return /* @__PURE__ */ d(Me, { ...e, ref: a, index: i });
+    return /* @__PURE__ */ f(ke, { ...e, ref: s, index: i });
   }
-), Me = c.forwardRef(
+), ke = c.forwardRef(
   (e, t) => {
-    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;
+    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;
     return c.useEffect(() => {
       if (u)
         return i.thumbs.add(u), () => {
@@ -381,159 +461,159 @@ var U = "SliderThumb", ce = c.forwardRef(
         style: {
           transform: "var(--radix-slider-thumb-transform)",
           position: "absolute",
-          [s.startEdge]: `calc(${y}% + ${m}px)`
+          [a.startEdge]: `calc(${v}% + ${p}px)`
         },
         children: [
-          /* @__PURE__ */ d(j.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ d(
+          /* @__PURE__ */ f(F.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ f(
             T.span,
             {
               role: "slider",
-              "aria-label": e["aria-label"] || g,
+              "aria-label": e["aria-label"] || S,
               "aria-valuemin": i.min,
-              "aria-valuenow": S,
+              "aria-valuenow": h,
               "aria-valuemax": i.max,
               "aria-orientation": i.orientation,
               "data-orientation": i.orientation,
               "data-disabled": i.disabled ? "" : void 0,
               tabIndex: i.disabled ? void 0 : 0,
-              ...a,
-              ref: v,
-              style: S === void 0 ? { display: "none" } : e.style,
+              ...s,
+              ref: b,
+              style: h === void 0 ? { display: "none" } : e.style,
               onFocus: V(e.onFocus, () => {
-                i.valueIndexToChangeRef.current = n;
+                i.valueIndexToChangeRef.current = r;
               })
             }
           ) }),
-          l && /* @__PURE__ */ d(
-            Ae,
+          l && /* @__PURE__ */ f(
+            Be,
             {
               name: o ?? (i.name ? i.name + (i.values.length > 1 ? "[]" : "") : void 0),
               form: i.form,
-              value: S
+              value: h
             },
-            n
+            r
           )
         ]
       }
     );
   }
 );
-ce.displayName = U;
-var Ae = (e) => {
-  const { value: t, ...r } = e, n = c.useRef(null), o = _e(t);
+de.displayName = W;
+var Be = (e) => {
+  const { value: t, ...n } = e, r = c.useRef(null), o = ve(t);
   return c.useEffect(() => {
-    const a = n.current, i = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(i, "value").set;
+    const s = r.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);
+      const m = new Event("input", { bubbles: !0 });
+      u.call(s, t), s.dispatchEvent(m);
     }
-  }, [o, t]), /* @__PURE__ */ d("input", { style: { display: "none" }, ...r, ref: n, defaultValue: t });
+  }, [o, t]), /* @__PURE__ */ f("input", { style: { display: "none" }, ...n, ref: r, defaultValue: t });
 };
-function ke(e = [], t, r) {
-  const n = [...e];
-  return n[r] = t, n.sort((o, a) => o - a);
+function Ie(e = [], t, n) {
+  const r = [...e];
+  return r[n] = t, r.sort((o, s) => o - s);
 }
-function ue(e, t, r) {
-  const a = 100 / (r - t) * (e - t);
-  return Z(a, [0, 100]);
+function fe(e, t, n) {
+  const s = 100 / (n - t) * (e - t);
+  return q(s, [0, 100]);
 }
-function Be(e, t) {
+function Ke(e, t) {
   return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
 }
-function Ie(e, t) {
+function Te(e, t) {
   if (e.length === 1) return 0;
-  const r = e.map((o) => Math.abs(o - t)), n = Math.min(...r);
-  return r.indexOf(n);
+  const n = e.map((o) => Math.abs(o - t)), r = Math.min(...n);
+  return n.indexOf(r);
 }
-function Ke(e, t, r) {
-  const n = e / 2, a = Y([0, 50], [0, n]);
-  return (n - a(t) * r) * r;
+function Oe(e, t, n) {
+  const r = e / 2, s = U([0, 50], [0, r]);
+  return (r - s(t) * n) * n;
 }
-function Te(e) {
-  return e.slice(0, -1).map((t, r) => e[r + 1] - t);
+function Le(e) {
+  return e.slice(0, -1).map((t, n) => e[n + 1] - t);
 }
-function He(e, t) {
+function ze(e, t) {
   if (t > 0) {
-    const r = Te(e);
-    return Math.min(...r) >= t;
+    const n = Le(e);
+    return Math.min(...n) >= t;
   }
   return !0;
 }
-function Y(e, t) {
-  return (r) => {
+function U(e, t) {
+  return (n) => {
     if (e[0] === e[1] || t[0] === t[1]) return t[0];
-    const n = (t[1] - t[0]) / (e[1] - e[0]);
-    return t[0] + n * (r - e[0]);
+    const r = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + r * (n - e[0]);
   };
 }
-function Oe(e) {
+function $e(e) {
   return (String(e).split(".")[1] || "").length;
 }
-function Le(e, t) {
-  const r = Math.pow(10, t);
-  return Math.round(e * r) / r;
+function je(e, t) {
+  const n = Math.pow(10, t);
+  return Math.round(e * n) / 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) {
+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) {
   const {
-    value: n,
+    value: r,
     defaultValue: o,
-    title: a,
+    title: s,
     ariaLabel: i,
-    className: s,
+    className: a,
     trackClassName: u,
-    minLabel: p,
-    maxLabel: v,
+    minLabel: m,
+    maxLabel: b,
     min: l = 0,
-    max: f,
-    onValueChange: S,
-    ...y
-  } = t, [g, h] = I.useState(() => {
-    if (n)
-      return n;
+    max: d,
+    onValueChange: h,
+    ...v
+  } = t, [S, g] = I.useState(() => {
+    if (r)
+      return r;
     if (o)
       return o;
-  }), m = I.useCallback((R) => {
-    if (S) {
-      S(R);
+  }), p = I.useCallback((y) => {
+    if (h) {
+      h(y);
       return;
     }
-    h(R);
-  }, [S]);
+    g(y);
+  }, [h]);
   return I.useEffect(() => {
-    n && h(n);
-  }, [n]), /* @__PURE__ */ K("div", { className: C.container, children: [
+    r && g(r);
+  }, [r]), /* @__PURE__ */ K("div", { className: R.container, children: [
     /* @__PURE__ */ K(
-      ze,
+      Fe,
       {
-        ...y,
-        ref: r,
+        ...v,
+        ref: n,
         min: l,
-        max: f,
-        value: n,
-        className: G(C.root, s),
-        onValueChange: m,
+        max: d,
+        value: r,
+        className: G(R.root, a),
+        onValueChange: p,
         children: [
-          /* @__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__ */ 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__ */ K("div", { className: C.labels, children: [
-      /* @__PURE__ */ d("span", { children: typeof p < "u" ? p : l }),
-      /* @__PURE__ */ d("span", { children: typeof v < "u" ? v : f })
+    /* @__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 })
     ] })
   ] });
 });
 export {
-  lt as Slider,
-  lt as default
+  ut as Slider,
+  ut as default
 };