@koide-labs/ui 0.1.1 → 0.1.2

package/dist/components/slider/slider.js

@@ -4,41 +4,41 @@ import { View as Pt } from "../view/view.js";
 import * as a from "react";
 import { o as Ne } from "../../owner-rKN292Q9.js";
 import { u as _t } from "../../useControlled-Du4sJyMj.js";
-import { u as H } from "../../useStableCallback-DKZHlUAT.js";
+import { u as z } from "../../useStableCallback-DKZHlUAT.js";
 import { u as Qe } from "../../useValueAsRef-B4EriRsI.js";
-import { u as He } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
+import { u as ze } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
 import { w as Nt } from "../../warn-CKtX8MLJ.js";
-import { c as we, n as wt, g as Ze, k as Et, m as Vt, r as At, u as Ge } from "../../createBaseUIEventDetails-CCSfZ2vM.js";
+import { c as we, n as wt, g as Ze, k as Et, m as Vt, r as At, u as Ye } from "../../createBaseUIEventDetails-CCSfZ2vM.js";
 import { u as Tt } from "../../useValueChanged-MJRmEWz1.js";
-import { u as Ue } from "../../useBaseUiId-B7WyxtIE.js";
+import { u as We } from "../../useBaseUiId-B7WyxtIE.js";
 import { u as Ee, m as Mt, d as Ot } from "../../useRenderElement-DngNDu_P.js";
 import { c as ue } from "../../clamp-D0KDAQIz.js";
 import { C as Ft, u as Bt } from "../../useCompositeListItem-CZp9WTnF.js";
 import { c as Dt, a as et, u as Lt, b as kt } from "../../LabelableContext-Be1u-eFg.js";
 import { f as $t } from "../../formatErrorMessage-BqPuTBN-.js";
-import { d as tt, f as zt } from "../../element-u5WgOZX1.js";
-import { a as qe } from "../../floating-ui.utils.dom-cbi420Pg.js";
-import { u as qt } from "../../useAnimationFrame-DvK1s63A.js";
+import { d as tt, f as Ht } from "../../element-u5WgOZX1.js";
+import { a as Ue } from "../../floating-ui.utils.dom-cbi420Pg.js";
+import { u as Ut } from "../../useAnimationFrame-DvK1s63A.js";
 import { u as nt } from "../../DirectionContext-C2o_MF_i.js";
 import { u as rt } from "../../useOnMount-VRW6CK2u.js";
-import { v as We } from "../../valueToPercent-DaP9qN4u.js";
-import { v as je } from "../../visuallyHidden-CpJ-mhai.js";
+import { v as qe } from "../../valueToPercent-DaP9qN4u.js";
+import { v as Ge } from "../../visuallyHidden-CpJ-mhai.js";
 import { f as De } from "../../formatNumber-1UNwjeqf.js";
-import { C as Ht, H as ot, E as it, d as st, b as at, c as ut, e as lt } from "../../composite-BwEK5cWH.js";
-import { u as Ut } from "../../useLabelableId-CX4tcfzK.js";
+import { C as zt, H as ot, E as it, d as st, b as at, c as ut, e as lt } from "../../composite-BwEK5cWH.js";
+import { u as Wt } from "../../useLabelableId-CX4tcfzK.js";
 import '../../slider.css';function ct(e, t, r = (i, o) => i === o) {
   return e.length === t.length && e.every((i, o) => r(i, t[o]));
 }
 function dt(e, t) {
   return e - t;
 }
-function Wt(e, t, r) {
+function qt(e, t, r) {
   const i = e.slice();
   return i[t] = r, i.sort(dt);
 }
 function ft(e, t, r, i, o, l) {
   let u = e;
-  return u = ue(u, r, i), o && (u = Wt(
+  return u = ue(u, r, i), o && (u = qt(
     l,
     t,
     // Bound the new value to the thumb's neighbours.
@@ -69,7 +69,7 @@ function Le() {
 function Kt(e) {
   return "key" in e ? Et : Vt;
 }
-function Yt(e, t) {
+function jt(e, t) {
   return typeof e == "number" && typeof t == "number" ? e === t : Array.isArray(e) && Array.isArray(t) ? ct(e, t) : !1;
 }
 const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
@@ -82,7 +82,7 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     format: p,
     largeStep: w = 10,
     locale: h,
-    render: U,
+    render: W,
     max: E = 100,
     min: m = 0,
     minStepsBetweenValues: s = 0,
@@ -95,24 +95,24 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     thumbAlignment: ne = "center",
     value: re,
     ...Re
-  } = t, le = Ue(g), W = H(x), ce = H(P), {
-    clearErrors: z
+  } = t, le = We(g), q = z(x), ce = z(P), {
+    clearErrors: H
   } = Dt(), {
-    state: q,
+    state: U,
     disabled: K,
     name: S,
-    setTouched: Y,
+    setTouched: j,
     setDirty: A,
     validityData: R,
     shouldValidateOnChange: _,
     validation: B
   } = et(), {
     labelId: oe
-  } = Lt(), X = i ?? oe, G = K || u, de = S ?? V, [C, Ie] = _t({
+  } = Lt(), X = i ?? oe, Y = K || u, de = S ?? V, [C, Ie] = _t({
     controlled: re,
     default: l ?? m,
     name: "Slider"
-  }), ie = a.useRef(null), he = a.useRef(null), O = a.useRef([]), F = a.useRef(null), fe = a.useRef(null), ye = a.useRef(-1), D = a.useRef(null), L = a.useRef(null), se = a.useRef("none"), n = Qe(p), [f, c] = a.useState(-1), [b, d] = a.useState(-1), [$, me] = a.useState(!1), [J, ge] = a.useState(() => /* @__PURE__ */ new Map()), [Pe, Se] = a.useState([void 0, void 0]), I = H((v) => {
+  }), ie = a.useRef(null), he = a.useRef(null), O = a.useRef([]), F = a.useRef(null), fe = a.useRef(null), ye = a.useRef(-1), D = a.useRef(null), L = a.useRef(null), se = a.useRef("none"), n = Qe(p), [f, c] = a.useState(-1), [b, d] = a.useState(-1), [$, me] = a.useState(!1), [J, ge] = a.useState(() => /* @__PURE__ */ new Map()), [Pe, Se] = a.useState([void 0, void 0]), I = z((v) => {
     c(v), v !== -1 && d(v);
   });
   kt({
@@ -123,15 +123,15 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     name: de,
     getValue: () => C
   }), Tt(C, () => {
-    z(de), _() ? B.commit(C) : B.commit(C, !0);
+    H(de), _() ? B.commit(C) : B.commit(C, !0);
     const v = R.initialValue;
     let pe;
     Array.isArray(C) && Array.isArray(v) ? pe = !ct(C, v) : pe = C !== v, A(pe);
   });
-  const xe = H((v) => {
+  const xe = z((v) => {
     v && (he.current = v);
-  }), Q = Array.isArray(C), Z = a.useMemo(() => Q ? C.slice().sort(dt) : [ue(C, m, E)], [E, m, Q, C]), j = H((v, pe) => {
-    if (Number.isNaN(v) || Yt(v, C))
+  }), Q = Array.isArray(C), Z = a.useMemo(() => Q ? C.slice().sort(dt) : [ue(C, m, E)], [E, m, Q, C]), G = z((v, pe) => {
+    if (Number.isNaN(v) || jt(v, C))
       return;
     const ae = pe ?? we(wt, void 0, void 0, {
       activeThumbIndex: -1
@@ -144,26 +144,26 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
         value: v,
         name: de
       }
-    }), ae.event = ve, L.current = v, W(v, ae), !ae.isCanceled && Ie(v);
-  }), Ce = H((v, pe, ae) => {
+    }), ae.event = ve, L.current = v, q(v, ae), !ae.isCanceled && Ie(v);
+  }), Ce = z((v, pe, ae) => {
     const ve = ft(v, pe, m, E, Q, Z);
     if (mt(ve, M, s)) {
       const Te = Kt(ae);
-      j(ve, we(Te, ae.nativeEvent, void 0, {
+      G(ve, we(Te, ae.nativeEvent, void 0, {
         activeThumbIndex: pe
-      })), Y(!0);
-      const Ye = L.current ?? ve;
-      ce(Ye, Ze(Te, ae.nativeEvent));
+      })), j(!0);
+      const je = L.current ?? ve;
+      ce(je, Ze(Te, ae.nativeEvent));
     }
   });
-  process.env.NODE_ENV !== "production" && m >= E && Nt("Slider `max` must be greater than `min`."), He(() => {
+  process.env.NODE_ENV !== "production" && m >= E && Nt("Slider `max` must be greater than `min`."), ze(() => {
     const v = tt(Ne(ie.current));
-    G && v && ie.current?.contains(v) && v.blur();
-  }, [G]), G && f !== -1 && I(-1);
+    Y && v && ie.current?.contains(v) && v.blur();
+  }, [Y]), Y && f !== -1 && I(-1);
   const ee = a.useMemo(() => ({
-    ...q,
+    ...U,
     activeThumbIndex: f,
-    disabled: G,
+    disabled: Y,
     dragging: $,
     orientation: y,
     max: E,
@@ -171,10 +171,10 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     minStepsBetweenValues: s,
     step: M,
     values: Z
-  }), [q, f, G, $, E, m, s, y, M, Z]), ke = a.useMemo(() => ({
+  }), [U, f, Y, $, E, m, s, y, M, Z]), ke = a.useMemo(() => ({
     active: f,
     controlRef: he,
-    disabled: G,
+    disabled: Y,
     dragging: $,
     validation: B,
     formatOptionsRef: n,
@@ -202,14 +202,14 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     setActive: I,
     setDragging: me,
     setIndicatorPosition: Se,
-    setValue: j,
+    setValue: G,
     state: ee,
     step: M,
     thumbCollisionBehavior: te,
     thumbMap: J,
     thumbRefs: O,
     values: Z
-  }), [f, he, X, G, $, B, n, Ce, Pe, w, b, L, se, h, E, m, s, de, ce, y, F, fe, ye, D, xe, I, me, Se, j, ee, M, te, ne, J, O, Z]), Ae = Ee("div", t, {
+  }), [f, he, X, Y, $, B, n, Ce, Pe, w, b, L, se, h, E, m, s, de, ce, y, F, fe, ye, D, xe, I, me, Se, G, ee, M, te, ne, J, O, Z]), Ae = Ee("div", t, {
     state: ee,
     ref: [r, ie],
     props: [{
@@ -236,7 +236,7 @@ function ht(e) {
     y: (t.top + t.bottom) / 2
   };
 }
-function Gt(e) {
+function Yt(e) {
   if (Math.abs(e) < 1) {
     const r = e.toExponential().split("e-"), i = r[0].split(".")[1];
     return (i ? i.length : 0) + parseInt(r[1], 10);
@@ -246,7 +246,7 @@ function Gt(e) {
 }
 function gt(e, t, r) {
   const i = Math.round((e - r) / t) * t + r;
-  return Number(i.toFixed(Gt(t)));
+  return Number(i.toFixed(Yt(t)));
 }
 function Xe({
   values: e,
@@ -260,15 +260,15 @@ function Xe({
 }) {
   if (e.length === 0)
     return [];
-  const p = e.slice(), w = l * u, h = p.length - 1, U = g ?? e, E = i + t * w, m = o - (h - t) * w;
+  const p = e.slice(), w = l * u, h = p.length - 1, W = g ?? e, E = i + t * w, m = o - (h - t) * w;
   p[t] = ue(r, E, m);
   for (let s = t + 1; s <= h; s += 1) {
-    const V = p[s - 1] + w, x = o - (h - s) * w, P = U[s] ?? p[s];
+    const V = p[s - 1] + w, x = o - (h - s) * w, P = W[s] ?? p[s];
     let y = Math.max(p[s], V);
     P < y && (y = Math.max(P, V)), p[s] = ue(y, V, x);
   }
   for (let s = t - 1; s >= 0; s -= 1) {
-    const V = p[s + 1] - w, x = i + s * w, P = U[s] ?? p[s];
+    const V = p[s + 1] - w, x = i + s * w, P = W[s] ?? p[s];
     let y = Math.min(p[s], V);
     P > y && (y = Math.min(P, V)), p[s] = ue(y, x, V);
   }
@@ -276,7 +276,7 @@ function Xe({
     p[s] = Number(p[s].toFixed(12));
   return p;
 }
-function jt({
+function Gt({
   behavior: e,
   values: t,
   currentValues: r,
@@ -288,7 +288,7 @@ function jt({
   step: p,
   minStepsBetweenValues: w
 }) {
-  const h = r ?? t, U = i ?? t;
+  const h = r ?? t, W = i ?? t;
   if (!(h.length > 1))
     return {
       value: l,
@@ -300,43 +300,43 @@ function jt({
     case "swap": {
       const s = h[o], V = 1e-7, x = h.slice(), P = x[o - 1], y = x[o + 1], M = P != null ? P + m : u, te = y != null ? y - m : g, ne = ue(l, M, te), re = Number(ne.toFixed(12));
       x[o] = re;
-      const Re = l > s, le = l < s, W = Re && y != null && l >= y - V, ce = le && P != null && l <= P + V;
-      if (!W && !ce)
+      const Re = l > s, le = l < s, q = Re && y != null && l >= y - V, ce = le && P != null && l <= P + V;
+      if (!q && !ce)
         return {
           value: x,
           thumbIndex: o,
           didSwap: !1
         };
-      const z = W ? o + 1 : o - 1, q = x.map((A, R) => {
+      const H = q ? o + 1 : o - 1, U = x.map((A, R) => {
         if (R === o)
           return re;
-        const _ = U[R];
+        const _ = W[R];
         return _ ?? h[R];
       });
       let K = l;
-      W ? K = Math.max(l, x[z]) : K = Math.min(l, x[z]);
+      q ? K = Math.max(l, x[H]) : K = Math.min(l, x[H]);
       const S = Xe({
         values: x,
-        index: z,
+        index: H,
         nextValue: K,
         min: u,
         max: g,
         step: p,
         minStepsBetweenValues: w,
-        initialValues: q
-      }), Y = W ? z - 1 : z + 1;
-      if (Y >= 0 && Y < S.length) {
-        const A = S[Y - 1], R = S[Y + 1];
+        initialValues: U
+      }), j = q ? H - 1 : H + 1;
+      if (j >= 0 && j < S.length) {
+        const A = S[j - 1], R = S[j + 1];
         let _ = A != null ? A + m : u;
-        _ = Math.max(_, u + Y * m);
+        _ = Math.max(_, u + j * m);
         let B = R != null ? R - m : g;
-        B = Math.min(B, g - (S.length - 1 - Y) * m);
+        B = Math.min(B, g - (S.length - 1 - j) * m);
         const oe = ue(re, _, B);
-        S[Y] = Number(oe.toFixed(12));
+        S[j] = Number(oe.toFixed(12));
       }
       return {
         value: S,
-        thumbIndex: z,
+        thumbIndex: H,
         didSwap: !0
       };
     }
@@ -410,7 +410,7 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     validation: p,
     inset: w,
     lastChangedValueRef: h,
-    lastChangeReasonRef: U,
+    lastChangeReasonRef: W,
     max: E,
     min: m,
     minStepsBetweenValues: s,
@@ -424,15 +424,15 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     renderBeforeHydration: re,
     setActive: Re,
     setDragging: le,
-    setValue: W,
+    setValue: q,
     state: ce,
-    step: z,
-    thumbCollisionBehavior: q,
+    step: H,
+    thumbCollisionBehavior: U,
     thumbRefs: K,
     values: S
-  } = Le(), Y = nt(), A = S.length > 1, R = x === "vertical", _ = a.useRef(null), B = a.useRef(null), oe = H((n) => {
+  } = Le(), j = nt(), A = S.length > 1, R = x === "vertical", _ = a.useRef(null), B = a.useRef(null), oe = z((n) => {
     n && B.current == null && B.current == null && (B.current = getComputedStyle(n));
-  }), X = a.useRef(null), G = a.useRef(0), de = a.useRef(0), C = Qe(S), Ie = H((n) => {
+  }), X = a.useRef(null), Y = a.useRef(0), de = a.useRef(0), C = Qe(S), Ie = z((n) => {
     M.current !== n && (M.current = n);
     const f = K.current[n];
     if (!f) {
@@ -440,7 +440,7 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
       return;
     }
     P.current = f.querySelector('input[type="range"]');
-  }), ie = H((n) => {
+  }), ie = z((n) => {
     const f = _.current;
     if (!f)
       return null;
@@ -450,31 +450,31 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
       bottom: d,
       left: $,
       right: me
-    } = f.getBoundingClientRect(), J = Jt(B.current, R), ge = de.current, Pe = (R ? b : c) - J.start - J.end - ge * 2, Se = y.current ?? 0, I = n.x - Se, xe = n.y - Se, Q = R ? d - xe - J.end : (Y === "rtl" ? me - I : I - $) - J.start, Z = ue((Q - ge) / Pe, 0, 1);
-    let j = (E - m) * Z + m;
-    if (j = gt(j, z, m), j = ue(j, m, E), !A)
+    } = f.getBoundingClientRect(), J = Jt(B.current, R), ge = de.current, Pe = (R ? b : c) - J.start - J.end - ge * 2, Se = y.current ?? 0, I = n.x - Se, xe = n.y - Se, Q = R ? d - xe - J.end : (j === "rtl" ? me - I : I - $) - J.start, Z = ue((Q - ge) / Pe, 0, 1);
+    let G = (E - m) * Z + m;
+    if (G = gt(G, H, m), G = ue(G, m, E), !A)
       return {
-        value: j,
+        value: G,
         thumbIndex: 0,
         didSwap: !1
       };
     const Ce = M.current;
     if (Ce < 0)
       return null;
-    const ee = jt({
-      behavior: q,
+    const ee = Gt({
+      behavior: U,
       values: S,
       currentValues: C.current ?? S,
       initialValues: te.current,
       pressedIndex: Ce,
-      nextValue: j,
+      nextValue: G,
       min: m,
       max: E,
-      step: z,
+      step: H,
       minStepsBetweenValues: s
     });
-    return q === "swap" && ee.didSwap ? Ie(ee.thumbIndex) : M.current = ee.thumbIndex, ee;
-  }), he = H((n) => {
+    return U === "swap" && ee.didSwap ? Ie(ee.thumbIndex) : M.current = ee.thumbIndex, ee;
+  }), he = z((n) => {
     te.current = A ? S.slice() : null, C.current = S;
     const f = M.current;
     let c = f;
@@ -491,7 +491,7 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
       c = -1;
       for (let $ = 0; $ < K.current.length; $ += 1) {
         const me = K.current[$];
-        if (qe(me)) {
+        if (Ue(me)) {
           const J = ht(me), ge = Math.abs(n[b] - J[b]);
           (d === void 0 || ge <= d) && (c = $, d = ge);
         }
@@ -499,25 +499,25 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     }
     if (c > -1 && c !== f && Ie(c), w) {
       const b = K.current[c];
-      if (qe(b)) {
+      if (Ue(b)) {
         const d = b.getBoundingClientRect(), $ = R ? "height" : "width";
         de.current = d[$] / 2;
       }
     }
-  }), O = H((n) => {
+  }), O = z((n) => {
     K.current?.[n]?.querySelector('input[type="range"]')?.focus({
       preventScroll: !0
     });
-  }), F = H((n) => {
+  }), F = z((n) => {
     const f = Fe(n, X);
     if (f == null)
       return;
-    if (G.current += 1, n.type === "pointermove" && n.buttons === 0) {
+    if (Y.current += 1, n.type === "pointermove" && n.buttons === 0) {
       fe(n);
       return;
     }
     const c = ie(f);
-    c != null && mt(c.value, z, s) && (!g && G.current > Xt && le(!0), W(c.value, we(At, n, void 0, {
+    c != null && mt(c.value, H, s) && (!g && Y.current > Xt && le(!0), q(c.value, we(At, n, void 0, {
       activeThumbIndex: c.thumbIndex
     })), C.current = Array.isArray(c.value) ? c.value : [c.value], c.didSwap && O(c.thumbIndex));
   });
@@ -525,12 +525,12 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     Re(-1), le(!1), P.current = null, y.current = null, M.current = -1;
     const f = Fe(n, X), c = f != null ? ie(f) : null;
     if (c != null) {
-      const b = U.current;
+      const b = W.current;
       p.commit(h.current ?? c.value), V(h.current ?? c.value, Ze(b, n));
     }
     "pointerType" in n && _.current?.hasPointerCapture(n.pointerId) && _.current?.releasePointerCapture(n.pointerId), X.current = null, te.current = null, D();
   }
-  const ye = H((n) => {
+  const ye = z((n) => {
     if (u)
       return;
     const f = n.changedTouches[0];
@@ -541,21 +541,21 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
       const d = ie(c);
       if (d == null)
         return;
-      O(d.thumbIndex), W(d.value, we(Ge, n, void 0, {
+      O(d.thumbIndex), q(d.value, we(Ye, n, void 0, {
         activeThumbIndex: d.thumbIndex
       })), C.current = Array.isArray(d.value) ? d.value : [d.value], d.didSwap && O(d.thumbIndex);
     }
-    G.current = 0;
+    Y.current = 0;
     const b = Ne(_.current);
     b.addEventListener("touchmove", F, {
       passive: !0
     }), b.addEventListener("touchend", fe, {
       passive: !0
     });
-  }), D = H(() => {
+  }), D = z(() => {
     const n = Ne(_.current);
     n.removeEventListener("pointermove", F), n.removeEventListener("pointerup", fe), n.removeEventListener("touchmove", F), n.removeEventListener("touchend", fe), te.current = null;
-  }), L = qt();
+  }), L = Ut();
   return a.useEffect(() => {
     const n = _.current;
     return n ? (n.addEventListener("touchstart", ye, {
@@ -572,7 +572,7 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
       "data-base-ui-slider-control": re ? "" : void 0,
       onPointerDown(n) {
         const f = _.current;
-        if (!f || u || n.defaultPrevented || !qe(n.target) || // Only handle left clicks
+        if (!f || u || n.defaultPrevented || !Ue(n.target) || // Only handle left clicks
         n.button !== 0)
           return;
         const c = Fe(n, X);
@@ -581,13 +581,13 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
           const d = ie(c);
           if (d == null)
             return;
-          zt(K.current[d.thumbIndex], tt(Ne(f))) ? n.preventDefault() : L.request(() => {
+          Ht(K.current[d.thumbIndex], tt(Ne(f))) ? n.preventDefault() : L.request(() => {
             O(d.thumbIndex);
-          }), le(!0), y.current != null || (W(d.value, we(Ge, n.nativeEvent, void 0, {
+          }), le(!0), y.current != null || (q(d.value, we(Ye, n.nativeEvent, void 0, {
             activeThumbIndex: d.thumbIndex
           })), C.current = Array.isArray(d.value) ? d.value : [d.value], d.didSwap && O(d.thumbIndex));
         }
-        n.nativeEvent.pointerId && f.setPointerCapture(n.nativeEvent.pointerId), G.current = 0;
+        n.nativeEvent.pointerId && f.setPointerCapture(n.nativeEvent.pointerId), Y.current = 0;
         const b = Ne(_.current);
         b.addEventListener("pointermove", F, {
           passive: !0
@@ -642,7 +642,7 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
     "aria-labelledby": p,
     disabled: w = !1,
     getAriaLabel: h,
-    getAriaValueText: U,
+    getAriaValueText: W,
     id: E,
     index: m,
     inputRef: s,
@@ -651,25 +651,25 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
     onKeyDown: P,
     tabIndex: y,
     ...M
-  } = t, te = Ue(E), {
+  } = t, te = We(E), {
     active: ne,
     lastUsedThumbIndex: re,
     controlRef: Re,
     disabled: le,
-    validation: W,
+    validation: q,
     formatOptionsRef: ce,
-    handleInputChange: z,
-    inset: q,
+    handleInputChange: H,
+    inset: U,
     labelId: K,
     largeStep: S,
-    locale: Y,
+    locale: j,
     max: A,
     min: R,
     minStepsBetweenValues: _,
     name: B,
     orientation: oe,
     pressedInputRef: X,
-    pressedThumbCenterOffsetRef: G,
+    pressedThumbCenterOffsetRef: Y,
     pressedThumbIndexRef: de,
     renderBeforeHydration: C,
     setActive: Ie,
@@ -681,33 +681,33 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
     setTouched: n,
     setFocused: f,
     validationMode: c
-  } = et(), b = a.useRef(null), d = a.useRef(null), $ = Ue(), me = Ut(), J = D ? $ : me, ge = a.useMemo(() => ({
+  } = et(), b = a.useRef(null), d = a.useRef(null), $ = We(), me = Wt(), J = D ? $ : me, ge = a.useMemo(() => ({
     inputId: J
   }), [J]), {
     ref: Pe,
     index: Se
   } = Bt({
     metadata: ge
-  }), I = D ? m ?? Se : 0, xe = I === F.length - 1, Q = F[I], Z = We(Q, R, A), [j, Ce] = a.useState(!1), [ee, ke] = a.useState();
+  }), I = D ? m ?? Se : 0, xe = I === F.length - 1, Q = F[I], Z = qe(Q, R, A), [G, Ce] = a.useState(!1), [ee, ke] = a.useState();
   rt(() => Ce(!0));
-  const Ae = re >= 0 && re < F.length ? re : -1, v = H(() => {
+  const Ae = re >= 0 && re < F.length ? re : -1, v = z(() => {
     const N = Re.current, T = b.current;
     if (!N || !T)
       return;
     const k = T.getBoundingClientRect(), Me = N.getBoundingClientRect(), Oe = L ? "height" : "width", xt = Me[Oe] - k[Oe], $e = (k[Oe] / 2 + xt * Z / 100) / Me[Oe] * 100;
-    ke($e), I === 0 ? ie((ze) => [$e, ze[1]]) : xe && ie((ze) => [ze[0], $e]);
+    ke($e), I === 0 ? ie((He) => [$e, He[1]]) : xe && ie((He) => [He[0], $e]);
   });
-  He(() => {
-    q && queueMicrotask(v);
-  }, [v, q]), He(() => {
-    q && v();
-  }, [v, q, Z]);
+  ze(() => {
+    U && queueMicrotask(v);
+  }, [v, U]), ze(() => {
+    U && v();
+  }, [v, U, Z]);
   const pe = a.useCallback(() => {
     const N = L ? "bottom" : "insetInlineStart", T = L ? "left" : "top";
     let k;
-    return D ? ne === I ? k = 2 : Ae === I && (k = 1) : ne === I && (k = 1), q ? {
+    return D ? ne === I ? k = 2 : Ae === I && (k = 1) : ne === I && (k = 1), U ? {
       "--position": `${ee}%`,
-      visibility: C && !j || ee === void 0 ? "hidden" : void 0,
+      visibility: C && !G || ee === void 0 ? "hidden" : void 0,
       position: "absolute",
       [N]: "var(--position)",
       [T]: "50%",
@@ -719,8 +719,8 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
       [T]: "50%",
       translate: `${(L || !se ? -1 : 1) * 50}% ${(L ? 1 : -1) * 50}%`,
       zIndex: k
-    } : je;
-  }, [ne, I, q, j, ee, D, C, se, Ae, Z, L]);
+    } : Ge;
+  }, [ne, I, U, G, ee, D, C, se, Ae, Z, L]);
   let ae;
   oe === "vertical" && (ae = se ? "vertical-rl" : "vertical-lr");
   const ve = Mt({
@@ -729,25 +729,25 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
     "aria-describedby": u,
     "aria-orientation": oe,
     "aria-valuenow": Q,
-    "aria-valuetext": typeof U == "function" ? U(De(Q, Y, ce.current ?? void 0), Q, I) : tn(F, I, ce.current ?? void 0, Y),
+    "aria-valuetext": typeof W == "function" ? W(De(Q, j, ce.current ?? void 0), Q, I) : tn(F, I, ce.current ?? void 0, j),
     disabled: ye,
     id: J,
     max: A,
     min: R,
     name: B,
     onChange(N) {
-      z(N.target.valueAsNumber, I, N);
+      H(N.target.valueAsNumber, I, N);
     },
     onFocus() {
       Ie(I), f(!0);
     },
     onBlur() {
-      b.current && (Ie(-1), n(!0), f(!1), c === "onBlur" && W.commit(ft(Q, I, R, A, D, F)));
+      b.current && (Ie(-1), n(!0), f(!1), c === "onBlur" && q.commit(ft(Q, I, R, A, D, F)));
     },
     onKeyDown(N) {
       if (!en.has(N.key))
         return;
-      Ht.has(N.key) && N.stopPropagation();
+      zt.has(N.key) && N.stopPropagation();
       let T = null;
       const k = gt(Q, O, R);
       switch (N.key) {
@@ -776,11 +776,11 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
           T = R, D && (T = Number.isFinite(F[I - 1]) ? F[I - 1] + O * _ : R);
           break;
       }
-      T !== null && (z(T, I, N), N.preventDefault());
+      T !== null && (H(T, I, N), N.preventDefault());
     },
     step: O,
     style: {
-      ...je,
+      ...Ge,
       // So that VoiceOver's focus indicator matches the thumb's dimensions
       width: "100%",
       height: "100%",
@@ -789,7 +789,7 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
     tabIndex: y ?? void 0,
     type: "range",
     value: Q ?? ""
-  }, W.getInputValidationProps), Te = Ot(d, W.inputRef, s);
+  }, q.getInputValidationProps), Te = Ot(d, q.inputRef, s);
   return Ee("div", t, {
     state: he,
     ref: [r, Pe, b],
@@ -799,7 +799,7 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
         children: [o, /* @__PURE__ */ be("input", {
           ref: Te,
           ...ve
-        }), q && !j && C && // this must be rendered with the last thumb to ensure all
+        }), U && !G && C && // this must be rendered with the last thumb to ensure all
         // preceding thumbs are already rendered in the DOM
         xe && /* @__PURE__ */ be("script", {
           // eslint-disable-next-line react/no-danger
@@ -815,7 +815,7 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
       onPointerDown(N) {
         if (de.current = I, b.current != null) {
           const T = oe === "horizontal" ? "x" : "y", k = ht(b.current), Me = (oe === "horizontal" ? N.clientX : N.clientY) - k[T];
-          G.current = Me;
+          Y.current = Me;
         }
         d.current != null && X.current !== d.current && (X.current = d.current);
       },
@@ -856,25 +856,25 @@ const St = /* @__PURE__ */ a.forwardRef(function(t, r) {
     max: p,
     min: w,
     orientation: h,
-    renderBeforeHydration: U,
+    renderBeforeHydration: W,
     state: E,
     values: m
   } = Le(), [s, V] = a.useState(!1);
   rt(() => V(!0));
-  const x = h === "vertical", P = m.length > 1, y = g ? nn(x, P, u[0], u[1], U, s) : rn(x, P, We(m[0], w, p), We(m[m.length - 1], w, p));
+  const x = h === "vertical", P = m.length > 1, y = g ? nn(x, P, u[0], u[1], W, s) : rn(x, P, qe(m[0], w, p), qe(m[m.length - 1], w, p));
   return Ee("div", t, {
     state: E,
     ref: r,
     props: [{
-      "data-base-ui-slider-indicator": U ? "" : void 0,
+      "data-base-ui-slider-indicator": W ? "" : void 0,
       style: y,
-      suppressHydrationWarning: U || void 0
+      suppressHydrationWarning: W || void 0
     }, l],
     stateAttributesMapping: Ve
   });
 });
 process.env.NODE_ENV !== "production" && (St.displayName = "SliderIndicator");
-const on = "_slider__control_q5h2z_2", sn = "_slider__track_q5h2z_9", an = "_slider__indicator_q5h2z_17", un = "_slider__thumb_q5h2z_28", Be = {
+const on = "_slider__control_1jhfa_2", sn = "_slider__track_1jhfa_9", an = "_slider__indicator_1jhfa_17", un = "_slider__thumb_1jhfa_28", Be = {
   slider__control: on,
   slider__track: sn,
   slider__indicator: an,