@koide-labs/ui 0.1.3 → 0.1.4

package/dist/components/slider/slider.js

@@ -2,43 +2,43 @@ import { jsx as be, jsxs as Je } from "react/jsx-runtime";
 import { c as Ct } from "../../clsx-OuTLNxxd.js";
 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 { o as _e } from "../../owner-rKN292Q9.js";
+import { u as wt } from "../../useControlled-Du4sJyMj.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 { 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 { u as ze } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
+import { w as _t } from "../../warn-CKtX8MLJ.js";
+import { c as Ne, n as Nt, g as Ze, k as Et, m as Vt, r as At, u as Ge } 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 qe } from "../../valueToPercent-DaP9qN4u.js";
 import { v as je } 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.
@@ -80,9 +80,9 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     disabled: u = !1,
     id: g,
     format: p,
-    largeStep: w = 10,
+    largeStep: N = 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,
     setDirty: A,
     validityData: R,
-    shouldValidateOnChange: _,
+    shouldValidateOnChange: w,
     validation: B
   } = et(), {
     labelId: oe
-  } = Lt(), X = i ?? oe, G = K || u, de = S ?? V, [C, Ie] = _t({
+  } = Lt(), X = i ?? oe, G = K || u, de = S ?? V, [C, Ie] = wt({
     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,17 +123,17 @@ 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), w() ? 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) => {
+  }), Q = Array.isArray(C), Z = a.useMemo(() => Q ? C.slice().sort(dt) : [ue(C, m, E)], [E, m, Q, C]), j = z((v, pe) => {
     if (Number.isNaN(v) || Yt(v, C))
       return;
-    const ae = pe ?? we(wt, void 0, void 0, {
+    const ae = pe ?? Ne(Nt, void 0, void 0, {
       activeThumbIndex: -1
     });
     se.current = ae.reason;
@@ -144,24 +144,24 @@ 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, {
+      j(ve, Ne(Te, ae.nativeEvent, void 0, {
         activeThumbIndex: pe
       })), Y(!0);
       const Ye = L.current ?? ve;
       ce(Ye, Ze(Te, ae.nativeEvent));
     }
   });
-  process.env.NODE_ENV !== "production" && m >= E && Nt("Slider `max` must be greater than `min`."), He(() => {
-    const v = tt(Ne(ie.current));
+  process.env.NODE_ENV !== "production" && m >= E && _t("Slider `max` must be greater than `min`."), ze(() => {
+    const v = tt(_e(ie.current));
     G && v && ie.current?.contains(v) && v.blur();
   }, [G]), G && f !== -1 && I(-1);
   const ee = a.useMemo(() => ({
-    ...q,
+    ...U,
     activeThumbIndex: f,
     disabled: G,
     dragging: $,
@@ -171,7 +171,7 @@ 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, G, $, E, m, s, y, M, Z]), ke = a.useMemo(() => ({
     active: f,
     controlRef: he,
     disabled: G,
@@ -182,7 +182,7 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     indicatorPosition: Pe,
     inset: ne !== "center",
     labelId: X,
-    largeStep: w,
+    largeStep: N,
     lastUsedThumbIndex: b,
     lastChangedValueRef: L,
     lastChangeReasonRef: se,
@@ -209,7 +209,7 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     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, G, $, B, n, Ce, Pe, N, 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, {
     state: ee,
     ref: [r, ie],
     props: [{
@@ -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(), N = l * u, h = p.length - 1, W = g ?? e, E = i + t * N, m = o - (h - t) * N;
   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] + N, x = o - (h - s) * N, 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] - N, x = i + s * N, 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);
   }
@@ -286,57 +286,57 @@ function jt({
   min: u,
   max: g,
   step: p,
-  minStepsBetweenValues: w
+  minStepsBetweenValues: N
 }) {
-  const h = r ?? t, U = i ?? t;
+  const h = r ?? t, W = i ?? t;
   if (!(h.length > 1))
     return {
       value: l,
       thumbIndex: 0,
       didSwap: !1
     };
-  const m = p * w;
+  const m = p * N;
   switch (e) {
     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];
-        return _ ?? h[R];
+        const w = W[R];
+        return w ?? 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;
+        minStepsBetweenValues: N,
+        initialValues: U
+      }), Y = q ? H - 1 : H + 1;
       if (Y >= 0 && Y < S.length) {
         const A = S[Y - 1], R = S[Y + 1];
-        let _ = A != null ? A + m : u;
-        _ = Math.max(_, u + Y * m);
+        let w = A != null ? A + m : u;
+        w = Math.max(w, u + Y * m);
         let B = R != null ? R - m : g;
         B = Math.min(B, g - (S.length - 1 - Y) * m);
-        const oe = ue(re, _, B);
+        const oe = ue(re, w, B);
         S[Y] = Number(oe.toFixed(12));
       }
       return {
         value: S,
-        thumbIndex: z,
+        thumbIndex: H,
         didSwap: !0
       };
     }
@@ -349,7 +349,7 @@ function jt({
           min: u,
           max: g,
           step: p,
-          minStepsBetweenValues: w
+          minStepsBetweenValues: N
         }),
         thumbIndex: o,
         didSwap: !1
@@ -408,9 +408,9 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     disabled: u,
     dragging: g,
     validation: p,
-    inset: w,
+    inset: N,
     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(), Y = nt(), A = S.length > 1, R = x === "vertical", w = 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), G = 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,8 +440,8 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
       return;
     }
     P.current = f.querySelector('input[type="range"]');
-  }), ie = H((n) => {
-    const f = _.current;
+  }), ie = z((n) => {
+    const f = w.current;
     if (!f)
       return null;
     const {
@@ -452,7 +452,7 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
       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)
+    if (j = gt(j, H, m), j = ue(j, m, E), !A)
       return {
         value: j,
         thumbIndex: 0,
@@ -462,7 +462,7 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     if (Ce < 0)
       return null;
     const ee = jt({
-      behavior: q,
+      behavior: U,
       values: S,
       currentValues: C.current ?? S,
       initialValues: te.current,
@@ -470,11 +470,11 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
       nextValue: j,
       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,24 +491,24 @@ 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);
         }
       }
     }
-    if (c > -1 && c !== f && Ie(c), w) {
+    if (c > -1 && c !== f && Ie(c), N) {
       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;
@@ -517,7 +517,7 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
       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 && G.current > Xt && le(!0), q(c.value, Ne(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();
+    "pointerType" in n && w.current?.hasPointerCapture(n.pointerId) && w.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,38 +541,38 @@ 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, Ne(Ge, n, void 0, {
         activeThumbIndex: d.thumbIndex
       })), C.current = Array.isArray(d.value) ? d.value : [d.value], d.didSwap && O(d.thumbIndex);
     }
     G.current = 0;
-    const b = Ne(_.current);
+    const b = _e(w.current);
     b.addEventListener("touchmove", F, {
       passive: !0
     }), b.addEventListener("touchend", fe, {
       passive: !0
     });
-  }), D = H(() => {
-    const n = Ne(_.current);
+  }), D = z(() => {
+    const n = _e(w.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;
+    const n = w.current;
     return n ? (n.addEventListener("touchstart", ye, {
       passive: !0
     }), () => {
       n.removeEventListener("touchstart", ye), L.cancel(), D();
     }) : () => D();
-  }, [D, ye, _, L]), a.useEffect(() => {
+  }, [D, ye, w, L]), a.useEffect(() => {
     u && D();
   }, [u, D]), Ee("div", t, {
     state: ce,
-    ref: [r, ne, _, oe],
+    ref: [r, ne, w, oe],
     props: [{
       "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
+        const f = w.current;
+        if (!f || u || n.defaultPrevented || !Ue(n.target) || // Only handle left clicks
         n.button !== 0)
           return;
         const c = Fe(n, X);
@@ -581,14 +581,14 @@ 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(_e(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, Ne(Ge, 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;
-        const b = Ne(_.current);
+        const b = _e(w.current);
         b.addEventListener("pointermove", F, {
           passive: !0
         }), b.addEventListener("pointerup", fe, {
@@ -629,7 +629,7 @@ function tn(e, t, r, i) {
   if (!(t < 0))
     return e.length === 2 ? t === 0 ? `${De(e[t], i, r)} start range` : `${De(e[t], i, r)} end range` : r ? De(e[t], i, r) : void 0;
 }
-function _e(e, t, r, i, o) {
+function we(e, t, r, i, o) {
   return r === 1 ? Math.min(e + t, o) : Math.max(e - t, i);
 }
 const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
@@ -640,9 +640,9 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
     "aria-describedby": u,
     "aria-label": g,
     "aria-labelledby": p,
-    disabled: w = !1,
+    disabled: N = !1,
     getAriaLabel: h,
-    getAriaValueText: U,
+    getAriaValueText: W,
     id: E,
     index: m,
     inputRef: s,
@@ -651,21 +651,21 @@ 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,
     max: A,
     min: R,
-    minStepsBetweenValues: _,
+    minStepsBetweenValues: w,
     name: B,
     orientation: oe,
     pressedInputRef: X,
@@ -677,50 +677,50 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
     state: he,
     step: O,
     values: F
-  } = Le(), fe = nt(), ye = w || le, D = F.length > 1, L = oe === "vertical", se = fe === "rtl", {
+  } = Le(), fe = nt(), ye = N || le, D = F.length > 1, L = oe === "vertical", se = fe === "rtl", {
     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), [j, Ce] = a.useState(!1), [ee, ke] = a.useState();
   rt(() => Ce(!0));
-  const Ae = re >= 0 && re < F.length ? re : -1, v = H(() => {
-    const N = Re.current, T = b.current;
-    if (!N || !T)
+  const Ae = re >= 0 && re < F.length ? re : -1, v = z(() => {
+    const _ = Re.current, T = b.current;
+    if (!_ || !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]);
+    const k = T.getBoundingClientRect(), Me = _.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((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";
+    const _ = 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,
       position: "absolute",
-      [N]: "var(--position)",
+      [_]: "var(--position)",
       [T]: "50%",
       translate: `${(L || !se ? -1 : 1) * 50}% ${(L ? 1 : -1) * 50}%`,
       zIndex: k
     } : Number.isFinite(Z) ? {
       position: "absolute",
-      [N]: `${Z}%`,
+      [_]: `${Z}%`,
       [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]);
+  }, [ne, I, U, j, ee, D, C, se, Ae, Z, L]);
   let ae;
   oe === "vertical" && (ae = se ? "vertical-rl" : "vertical-lr");
   const ve = Mt({
@@ -729,54 +729,54 @@ 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, Y, ce.current ?? void 0), Q, I) : tn(F, I, ce.current ?? void 0, Y),
     disabled: ye,
     id: J,
     max: A,
     min: R,
     name: B,
-    onChange(N) {
-      z(N.target.valueAsNumber, I, N);
+    onChange(_) {
+      H(_.target.valueAsNumber, I, _);
     },
     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))
+    onKeyDown(_) {
+      if (!en.has(_.key))
         return;
-      Ht.has(N.key) && N.stopPropagation();
+      zt.has(_.key) && _.stopPropagation();
       let T = null;
       const k = gt(Q, O, R);
-      switch (N.key) {
+      switch (_.key) {
         case lt:
-          T = _e(k, N.shiftKey ? S : O, 1, R, A);
+          T = we(k, _.shiftKey ? S : O, 1, R, A);
           break;
         case ut:
-          T = _e(k, N.shiftKey ? S : O, se ? -1 : 1, R, A);
+          T = we(k, _.shiftKey ? S : O, se ? -1 : 1, R, A);
           break;
         case at:
-          T = _e(k, N.shiftKey ? S : O, -1, R, A);
+          T = we(k, _.shiftKey ? S : O, -1, R, A);
           break;
         case st:
-          T = _e(k, N.shiftKey ? S : O, se ? 1 : -1, R, A);
+          T = we(k, _.shiftKey ? S : O, se ? 1 : -1, R, A);
           break;
         case vt:
-          T = _e(k, S, 1, R, A);
+          T = we(k, S, 1, R, A);
           break;
         case Rt:
-          T = _e(k, S, -1, R, A);
+          T = we(k, S, -1, R, A);
           break;
         case it:
-          T = A, D && (T = Number.isFinite(F[I + 1]) ? F[I + 1] - O * _ : A);
+          T = A, D && (T = Number.isFinite(F[I + 1]) ? F[I + 1] - O * w : A);
           break;
         case ot:
-          T = R, D && (T = Number.isFinite(F[I - 1]) ? F[I - 1] + O * _ : R);
+          T = R, D && (T = Number.isFinite(F[I - 1]) ? F[I - 1] + O * w : R);
           break;
       }
-      T !== null && (z(T, I, N), N.preventDefault());
+      T !== null && (H(T, I, _), _.preventDefault());
     },
     step: O,
     style: {
@@ -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 && !j && 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
@@ -812,9 +812,9 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
       id: te,
       onBlur: V,
       onFocus: x,
-      onPointerDown(N) {
+      onPointerDown(_) {
         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];
+          const T = oe === "horizontal" ? "x" : "y", k = ht(b.current), Me = (oe === "horizontal" ? _.clientX : _.clientY) - k[T];
           G.current = Me;
         }
         d.current != null && X.current !== d.current && (X.current = d.current);
@@ -854,27 +854,27 @@ const St = /* @__PURE__ */ a.forwardRef(function(t, r) {
     indicatorPosition: u,
     inset: g,
     max: p,
-    min: w,
+    min: N,
     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], N, p), qe(m[m.length - 1], N, 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_158wu_3", sn = "_slider__track_158wu_10", an = "_slider__indicator_158wu_18", un = "_slider__thumb_158wu_29", Be = {
   slider__control: on,
   slider__track: sn,
   slider__indicator: an,