@cfx-dev/ui-components 4.2.24 → 4.3.0

package/dist/components/Slider/Slider.js

@@ -1,169 +1,103 @@
-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 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 { jsx as m, jsxs as K } from "react/jsx-runtime";
+import * as u from "react";
+import O from "react";
+import { c as W } from "../../index-rKs9bXHr.js";
+import { d as fe, c as me, e as M, P as k, u as V, f as he } from "../../index-BHuChyf5.js";
+import { c as pe, u as Se } from "../../index-DZEAOJqB.js";
+import { u as be } from "../../index-BZPx6jYI.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 });
-  }
-  return /* @__PURE__ */ d(F, { ...n, ref: t, children: r });
-});
-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 ? pe(t, o) : o
-    });
-  }
-  return c.Children.count(r) > 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;
-}
-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, ...r };
-}
-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 Pe = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "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 });
-  });
-  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
-}, {}), J = ["PageUp", "PageDown"], Q = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ee = {
+var q = ["PageUp", "PageDown"], J = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = {
   "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(
+}, B = "Slider", [U, ge, _e] = pe(B), [Z, Je] = me(B, [
+  _e
+]), [ve, T] = Z(B), ee = u.forwardRef(
   (e, t) => {
     const {
-      name: r,
-      min: n = 0,
-      max: o = 100,
-      step: a = 1,
-      orientation: i = "horizontal",
-      disabled: s = !1,
-      minStepsBetweenThumbs: u = 0,
-      defaultValue: p = [n],
-      value: v,
-      onValueChange: l = () => {
+      name: n,
+      min: o = 0,
+      max: s = 100,
+      step: c = 1,
+      orientation: r = "horizontal",
+      disabled: a = !1,
+      minStepsBetweenThumbs: l = 0,
+      defaultValue: h = [o],
+      value: p,
+      onValueChange: i = () => {
       },
-      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,
+      inverted: g = !1,
+      form: x,
+      ...S
+    } = e, b = u.useRef(/* @__PURE__ */ new Set()), f = u.useRef(0), v = r === "horizontal" ? we : xe, [_ = [], I] = fe({
+      prop: p,
+      defaultProp: h,
       onChange: (w) => {
-        var E;
-        (E = [...h.current][m.current]) == null || E.focus(), l(w);
+        var D;
+        (D = [...b.current][f.current]) == null || D.focus(), i(w);
       }
-    }), O = c.useRef(b);
-    function L(w) {
-      const x = Ie(b, w);
-      A(w, x);
+    }), L = u.useRef(_);
+    function H(w) {
+      const R = De(_, w);
+      A(w, R);
     }
     function de(w) {
-      A(w, m.current);
+      A(w, f.current);
     }
-    function fe() {
-      const w = O.current[m.current];
-      b[m.current] !== w && f(b);
+    function ue() {
+      const w = L.current[f.current];
+      _[f.current] !== w && 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(w, R, { commit: D } = { commit: !1 }) {
+      const j = Be(c), z = Ie(Math.round((w - o) / c) * c + o, j), N = W(z, [o, s]);
+      I((E = []) => {
+        const P = ye(E, N, R);
+        if (Ve(P, l * c)) {
+          f.current = P.indexOf(N);
+          const X = String(P) !== String(E);
+          return X && D && d(P), X ? P : E;
         } else
-          return D;
+          return E;
       });
     }
-    return /* @__PURE__ */ d(
-      De,
+    return /* @__PURE__ */ m(
+      ve,
       {
         scope: e.__scopeSlider,
-        name: r,
-        disabled: s,
-        min: n,
-        max: o,
-        valueIndexToChangeRef: m,
-        thumbs: h.current,
-        values: b,
-        orientation: i,
-        form: y,
-        children: /* @__PURE__ */ d(j.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ d(j.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ d(
-          _,
+        name: n,
+        disabled: a,
+        min: o,
+        max: s,
+        valueIndexToChangeRef: f,
+        thumbs: b.current,
+        values: _,
+        orientation: r,
+        form: x,
+        children: /* @__PURE__ */ m(U.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(U.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(
+          v,
           {
-            "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: M(S.onPointerDown, () => {
+              a || (L.current = _);
             }),
-            min: n,
-            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 });
+            min: o,
+            max: s,
+            inverted: g,
+            onSlideStart: a ? void 0 : H,
+            onSlideMove: a ? void 0 : de,
+            onSlideEnd: a ? void 0 : ue,
+            onHomeKeyDown: () => !a && A(o, 0, { commit: !0 }),
+            onEndKeyDown: () => !a && A(s, _.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: w, direction: R }) => {
+              if (!a) {
+                const z = q.includes(w.key) || w.shiftKey && J.includes(w.key) ? 10 : 1, N = f.current, E = _[N], P = c * z * R;
+                A(E + P, N, { commit: !0 });
               }
             }
           }
@@ -172,368 +106,383 @@ var Pe = [
     );
   }
 );
-ne.displayName = N;
-var [re, oe] = te(N, {
+ee.displayName = B;
+var [te, ne] = Z(B, {
   startEdge: "left",
   endEdge: "right",
   size: "width",
   direction: 1
-}), Ve = c.forwardRef(
+}), we = u.forwardRef(
   (e, t) => {
     const {
-      min: r,
-      max: n,
-      dir: o,
-      inverted: a,
-      onSlideStart: i,
-      onSlideMove: s,
-      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);
+      min: n,
+      max: o,
+      dir: s,
+      inverted: c,
+      onSlideStart: r,
+      onSlideMove: a,
+      onSlideEnd: l,
+      onStepKeyDown: h,
+      ...p
+    } = e, [i, d] = u.useState(null), g = V(t, (v) => d(v)), x = u.useRef(void 0), S = Se(s), b = S === "ltr", f = b && !c || !b && c;
+    function C(v) {
+      const _ = x.current || i.getBoundingClientRect(), I = [0, _.width], H = $(I, f ? [n, o] : [o, n]);
+      return x.current = _, H(v - _.left);
     }
-    return /* @__PURE__ */ d(
-      re,
+    return /* @__PURE__ */ m(
+      te,
       {
         scope: e.__scopeSlider,
-        startEdge: m ? "left" : "right",
-        endEdge: m ? "right" : "left",
-        direction: m ? 1 : -1,
+        startEdge: f ? "left" : "right",
+        endEdge: f ? "right" : "left",
+        direction: f ? 1 : -1,
         size: "width",
-        children: /* @__PURE__ */ d(
-          ie,
+        children: /* @__PURE__ */ m(
+          oe,
           {
-            dir: g,
+            dir: S,
             "data-orientation": "horizontal",
-            ...v,
-            ref: S,
+            ...p,
+            ref: g,
             style: {
-              ...v.style,
+              ...p.style,
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
-            onSlideStart: (_) => {
-              const b = R(_.clientX);
-              i == null || i(b);
+            onSlideStart: (v) => {
+              const _ = C(v.clientX);
+              r == null || r(_);
             },
-            onSlideMove: (_) => {
-              const b = R(_.clientX);
-              s == null || s(b);
+            onSlideMove: (v) => {
+              const _ = C(v.clientX);
+              a == null || a(_);
             },
             onSlideEnd: () => {
-              y.current = void 0, u == null || u();
+              x.current = void 0, l == null || l();
             },
-            onStepKeyDown: (_) => {
-              const M = ee[m ? "from-left" : "from-right"].includes(_.key);
-              p == null || p({ event: _, direction: M ? -1 : 1 });
+            onStepKeyDown: (v) => {
+              const I = Q[f ? "from-left" : "from-right"].includes(v.key);
+              h == null || h({ event: v, direction: I ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), Ne = c.forwardRef(
+), xe = u.forwardRef(
   (e, t) => {
     const {
-      min: r,
-      max: n,
-      inverted: o,
-      onSlideStart: a,
-      onSlideMove: i,
-      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);
+      min: n,
+      max: o,
+      inverted: s,
+      onSlideStart: c,
+      onSlideMove: r,
+      onSlideEnd: a,
+      onStepKeyDown: l,
+      ...h
+    } = e, p = u.useRef(null), i = V(t, p), d = u.useRef(void 0), g = !s;
+    function x(S) {
+      const b = d.current || p.current.getBoundingClientRect(), f = [0, b.height], v = $(f, g ? [o, n] : [n, o]);
+      return d.current = b, v(S - b.top);
     }
-    return /* @__PURE__ */ d(
-      re,
+    return /* @__PURE__ */ m(
+      te,
       {
         scope: e.__scopeSlider,
-        startEdge: S ? "bottom" : "top",
-        endEdge: S ? "top" : "bottom",
+        startEdge: g ? "bottom" : "top",
+        endEdge: g ? "top" : "bottom",
         size: "height",
-        direction: S ? 1 : -1,
-        children: /* @__PURE__ */ d(
-          ie,
+        direction: g ? 1 : -1,
+        children: /* @__PURE__ */ m(
+          oe,
           {
             "data-orientation": "vertical",
-            ...p,
-            ref: l,
+            ...h,
+            ref: i,
             style: {
-              ...p.style,
+              ...h.style,
               "--radix-slider-thumb-transform": "translateY(50%)"
             },
-            onSlideStart: (g) => {
-              const h = y(g.clientY);
-              a == null || a(h);
+            onSlideStart: (S) => {
+              const b = x(S.clientY);
+              c == null || c(b);
             },
-            onSlideMove: (g) => {
-              const h = y(g.clientY);
-              i == null || i(h);
+            onSlideMove: (S) => {
+              const b = x(S.clientY);
+              r == null || r(b);
             },
             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 f = Q[g ? "from-bottom" : "from-top"].includes(S.key);
+              l == null || l({ event: S, direction: f ? -1 : 1 });
             }
           }
         )
       }
     );
   }
-), ie = c.forwardRef(
+), oe = u.forwardRef(
   (e, t) => {
     const {
-      __scopeSlider: r,
-      onSlideStart: n,
-      onSlideMove: o,
-      onSlideEnd: a,
-      onHomeKeyDown: i,
-      onEndKeyDown: s,
-      onStepKeyDown: u,
-      ...p
-    } = e, v = H(N, r);
-    return /* @__PURE__ */ d(
-      T.span,
+      __scopeSlider: n,
+      onSlideStart: o,
+      onSlideMove: s,
+      onSlideEnd: c,
+      onHomeKeyDown: r,
+      onEndKeyDown: a,
+      onStepKeyDown: l,
+      ...h
+    } = e, p = T(B, n);
+    return /* @__PURE__ */ m(
+      k.span,
       {
-        ...p,
+        ...h,
         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());
+        onKeyDown: M(e.onKeyDown, (i) => {
+          i.key === "Home" ? (r(i), i.preventDefault()) : i.key === "End" ? (a(i), i.preventDefault()) : q.concat(J).includes(i.key) && (l(i), i.preventDefault());
         }),
-        onPointerDown: V(e.onPointerDown, (l) => {
-          const f = l.target;
-          f.setPointerCapture(l.pointerId), l.preventDefault(), v.thumbs.has(f) ? f.focus() : n(l);
+        onPointerDown: M(e.onPointerDown, (i) => {
+          const d = i.target;
+          d.setPointerCapture(i.pointerId), i.preventDefault(), p.thumbs.has(d) ? d.focus() : o(i);
         }),
-        onPointerMove: V(e.onPointerMove, (l) => {
-          l.target.hasPointerCapture(l.pointerId) && o(l);
+        onPointerMove: M(e.onPointerMove, (i) => {
+          i.target.hasPointerCapture(i.pointerId) && s(i);
         }),
-        onPointerUp: V(e.onPointerUp, (l) => {
-          const f = l.target;
-          f.hasPointerCapture(l.pointerId) && (f.releasePointerCapture(l.pointerId), a(l));
+        onPointerUp: M(e.onPointerUp, (i) => {
+          const d = i.target;
+          d.hasPointerCapture(i.pointerId) && (d.releasePointerCapture(i.pointerId), c(i));
         })
       }
     );
   }
-), ae = "SliderTrack", se = c.forwardRef(
+), re = "SliderTrack", ie = u.forwardRef(
   (e, t) => {
-    const { __scopeSlider: r, ...n } = e, o = H(ae, r);
-    return /* @__PURE__ */ d(
-      T.span,
+    const { __scopeSlider: n, ...o } = e, s = T(re, n);
+    return /* @__PURE__ */ m(
+      k.span,
       {
-        "data-disabled": o.disabled ? "" : void 0,
-        "data-orientation": o.orientation,
-        ...n,
+        "data-disabled": s.disabled ? "" : void 0,
+        "data-orientation": s.orientation,
+        ...o,
         ref: t
       }
     );
   }
 );
-se.displayName = ae;
-var W = "SliderRange", le = c.forwardRef(
+ie.displayName = re;
+var F = "SliderRange", ae = u.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(
-      T.span,
+    const { __scopeSlider: n, ...o } = e, s = T(F, n), c = ne(F, n), r = u.useRef(null), a = V(t, r), l = s.values.length, h = s.values.map(
+      (d) => le(d, s.min, s.max)
+    ), p = l > 1 ? Math.min(...h) : 0, i = 100 - Math.max(...h);
+    return /* @__PURE__ */ m(
+      k.span,
       {
-        "data-orientation": o.orientation,
-        "data-disabled": o.disabled ? "" : void 0,
-        ...n,
-        ref: s,
+        "data-orientation": s.orientation,
+        "data-disabled": s.disabled ? "" : void 0,
+        ...o,
+        ref: a,
         style: {
           ...e.style,
-          [a.startEdge]: v + "%",
-          [a.endEdge]: l + "%"
+          [c.startEdge]: p + "%",
+          [c.endEdge]: i + "%"
         }
       }
     );
   }
 );
-le.displayName = W;
-var U = "SliderThumb", ce = c.forwardRef(
+ae.displayName = F;
+var Y = "SliderThumb", se = u.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 = ge(e.__scopeSlider), [o, s] = u.useState(null), c = V(t, (a) => s(a)), r = u.useMemo(
+      () => o ? n().findIndex((a) => a.ref.current === o) : -1,
+      [n, o]
     );
-    return /* @__PURE__ */ d(Me, { ...e, ref: a, index: i });
+    return /* @__PURE__ */ m(Re, { ...e, ref: c, index: r });
   }
-), Me = c.forwardRef(
+), Re = u.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;
-    return c.useEffect(() => {
-      if (u)
-        return i.thumbs.add(u), () => {
-          i.thumbs.delete(u);
+    const { __scopeSlider: n, index: o, name: s, ...c } = e, r = T(Y, n), a = ne(Y, n), [l, h] = u.useState(null), p = V(t, (C) => h(C)), i = l ? r.form || !!l.closest("form") : !0, d = he(l), g = r.values[o], x = g === void 0 ? 0 : le(g, r.min, r.max), S = Ce(o, r.values.length), b = d == null ? void 0 : d[a.size], f = b ? Ee(b, x, a.direction) : 0;
+    return u.useEffect(() => {
+      if (l)
+        return r.thumbs.add(l), () => {
+          r.thumbs.delete(l);
         };
-    }, [u, i.thumbs]), /* @__PURE__ */ K(
+    }, [l, r.thumbs]), /* @__PURE__ */ K(
       "span",
       {
         style: {
           transform: "var(--radix-slider-thumb-transform)",
           position: "absolute",
-          [s.startEdge]: `calc(${y}% + ${m}px)`
+          [a.startEdge]: `calc(${x}% + ${f}px)`
         },
         children: [
-          /* @__PURE__ */ d(j.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ d(
-            T.span,
+          /* @__PURE__ */ m(U.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ m(
+            k.span,
             {
               role: "slider",
-              "aria-label": e["aria-label"] || g,
-              "aria-valuemin": i.min,
-              "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,
-              ...a,
-              ref: v,
-              style: S === void 0 ? { display: "none" } : e.style,
-              onFocus: V(e.onFocus, () => {
-                i.valueIndexToChangeRef.current = n;
+              "aria-label": e["aria-label"] || S,
+              "aria-valuemin": r.min,
+              "aria-valuenow": g,
+              "aria-valuemax": r.max,
+              "aria-orientation": r.orientation,
+              "data-orientation": r.orientation,
+              "data-disabled": r.disabled ? "" : void 0,
+              tabIndex: r.disabled ? void 0 : 0,
+              ...c,
+              ref: p,
+              style: g === void 0 ? { display: "none" } : e.style,
+              onFocus: M(e.onFocus, () => {
+                r.valueIndexToChangeRef.current = o;
               })
             }
           ) }),
-          l && /* @__PURE__ */ d(
-            Ae,
+          i && /* @__PURE__ */ m(
+            ce,
             {
-              name: o ?? (i.name ? i.name + (i.values.length > 1 ? "[]" : "") : void 0),
-              form: i.form,
-              value: S
+              name: s ?? (r.name ? r.name + (r.values.length > 1 ? "[]" : "") : void 0),
+              form: r.form,
+              value: g
             },
-            n
+            o
           )
         ]
       }
     );
   }
 );
-ce.displayName = U;
-var Ae = (e) => {
-  const { value: t, ...r } = e, n = c.useRef(null), o = _e(t);
-  return c.useEffect(() => {
-    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__ */ d("input", { style: { display: "none" }, ...r, ref: n, defaultValue: t });
-};
-function ke(e = [], t, r) {
-  const n = [...e];
-  return n[r] = t, n.sort((o, a) => o - a);
+se.displayName = Y;
+var Pe = "RadioBubbleInput", ce = u.forwardRef(
+  ({ __scopeSlider: e, value: t, ...n }, o) => {
+    const s = u.useRef(null), c = V(s, o), r = be(t);
+    return u.useEffect(() => {
+      const a = s.current;
+      if (!a) return;
+      const l = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(l, "value").set;
+      if (r !== t && p) {
+        const i = new Event("input", { bubbles: !0 });
+        p.call(a, t), a.dispatchEvent(i);
+      }
+    }, [r, t]), /* @__PURE__ */ m(
+      k.input,
+      {
+        style: { display: "none" },
+        ...n,
+        ref: c,
+        defaultValue: t
+      }
+    );
+  }
+);
+ce.displayName = Pe;
+function ye(e = [], t, n) {
+  const o = [...e];
+  return o[n] = t, o.sort((s, c) => s - c);
 }
-function ue(e, t, r) {
-  const a = 100 / (r - t) * (e - t);
-  return Z(a, [0, 100]);
+function le(e, t, n) {
+  const c = 100 / (n - t) * (e - t);
+  return W(c, [0, 100]);
 }
-function Be(e, t) {
+function Ce(e, t) {
   return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
 }
-function Ie(e, t) {
+function De(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((s) => Math.abs(s - t)), o = Math.min(...n);
+  return n.indexOf(o);
 }
-function Ke(e, t, r) {
-  const n = e / 2, a = Y([0, 50], [0, n]);
-  return (n - a(t) * r) * r;
+function Ee(e, t, n) {
+  const o = e / 2, c = $([0, 50], [0, o]);
+  return (o - c(t) * n) * n;
 }
-function Te(e) {
-  return e.slice(0, -1).map((t, r) => e[r + 1] - t);
+function Me(e) {
+  return e.slice(0, -1).map((t, n) => e[n + 1] - t);
 }
-function He(e, t) {
+function Ve(e, t) {
   if (t > 0) {
-    const r = Te(e);
-    return Math.min(...r) >= t;
+    const n = Me(e);
+    return Math.min(...n) >= t;
   }
   return !0;
 }
-function Y(e, t) {
-  return (r) => {
+function $(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 o = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + o * (n - e[0]);
   };
 }
-function Oe(e) {
+function Be(e) {
   return (String(e).split(".")[1] || "").length;
 }
-function Le(e, t) {
-  const r = Math.pow(10, t);
-  return Math.round(e * r) / r;
+function Ie(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 Ae = ee, Ne = ie, ke = ae, Ke = se;
+const Te = "cfxui__Slider__container__997ea", Le = "cfxui__Slider__labels__2a966", He = "cfxui__Slider__root__a6c1b", ze = "cfxui__Slider__track__570cb", Oe = "cfxui__Slider__range__5ae17", Ue = "cfxui__Slider__thumb__27d80", Fe = "cfxui__Slider__valueBubble__ebce8", y = {
+  container: Te,
+  labels: Le,
+  root: He,
+  track: ze,
+  range: Oe,
+  thumb: Ue,
+  valueBubble: Fe
+};
+function Qe(e) {
   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(() => {
+    value: t,
+    defaultValue: n,
+    title: o,
+    ariaLabel: s,
+    className: c,
+    trackClassName: r,
+    minLabel: a,
+    maxLabel: l,
+    min: h = 0,
+    max: p,
+    onValueChange: i,
+    ref: d,
+    ...g
+  } = e, [x, S] = O.useState(() => {
+    if (t)
+      return t;
     if (n)
       return n;
-    if (o)
-      return o;
-  }), m = I.useCallback((R) => {
-    if (S) {
-      S(R);
+  }), b = O.useCallback((f) => {
+    if (i) {
+      i(f);
       return;
     }
-    h(R);
-  }, [S]);
-  return I.useEffect(() => {
-    n && h(n);
-  }, [n]), /* @__PURE__ */ K("div", { className: C.container, children: [
+    S(f);
+  }, [i]);
+  return O.useEffect(() => {
+    t && S(t);
+  }, [t]), /* @__PURE__ */ K("div", { className: y.container, children: [
     /* @__PURE__ */ K(
-      ze,
+      Ae,
       {
-        ...y,
-        ref: r,
-        min: l,
-        max: f,
-        value: n,
-        className: G(C.root, s),
-        onValueChange: m,
+        ...g,
+        ref: d,
+        min: h,
+        max: p,
+        value: t,
+        className: G(y.root, c),
+        onValueChange: b,
         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__ */ m(Ne, { className: G(y.track, r), children: /* @__PURE__ */ m(ke, { className: y.range }) }),
+          /* @__PURE__ */ m(Ke, { className: y.thumb, "aria-label": s, children: /* @__PURE__ */ m("div", { className: y.valueBubble, children: [x, o].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: y.labels, children: [
+      /* @__PURE__ */ m("span", { children: typeof a < "u" ? a : h }),
+      /* @__PURE__ */ m("span", { children: typeof l < "u" ? l : p })
     ] })
   ] });
-});
+}
 export {
-  lt as Slider,
-  lt as default
+  Qe as Slider,
+  Qe as default
 };