@koide-labs/ui 0.1.2 → 0.1.4

package/dist/components/slider/slider.js

@@ -2,13 +2,13 @@ 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 { 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 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 Ye } from "../../createBaseUIEventDetails-CCSfZ2vM.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 We } from "../../useBaseUiId-B7WyxtIE.js";
 import { u as Ee, m as Mt, d as Ot } from "../../useRenderElement-DngNDu_P.js";
@@ -22,7 +22,7 @@ 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 qe } from "../../valueToPercent-DaP9qN4u.js";
-import { v as Ge } from "../../visuallyHidden-CpJ-mhai.js";
+import { v as je } from "../../visuallyHidden-CpJ-mhai.js";
 import { f as De } from "../../formatNumber-1UNwjeqf.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";
@@ -69,7 +69,7 @@ function Le() {
 function Kt(e) {
   return "key" in e ? Et : Vt;
 }
-function jt(e, t) {
+function Yt(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) {
@@ -80,7 +80,7 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     disabled: u = !1,
     id: g,
     format: p,
-    largeStep: w = 10,
+    largeStep: N = 10,
     locale: h,
     render: W,
     max: E = 100,
@@ -101,14 +101,14 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     state: U,
     disabled: K,
     name: S,
-    setTouched: j,
+    setTouched: Y,
     setDirty: A,
     validityData: R,
-    shouldValidateOnChange: _,
+    shouldValidateOnChange: w,
     validation: B
   } = et(), {
     labelId: oe
-  } = Lt(), X = i ?? oe, Y = 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"
@@ -123,17 +123,17 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     name: de,
     getValue: () => C
   }), Tt(C, () => {
-    H(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 = 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]), G = z((v, pe) => {
-    if (Number.isNaN(v) || jt(v, C))
+  }), 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;
@@ -149,21 +149,21 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     const ve = ft(v, pe, m, E, Q, Z);
     if (mt(ve, M, s)) {
       const Te = Kt(ae);
-      G(ve, we(Te, ae.nativeEvent, void 0, {
+      j(ve, Ne(Te, ae.nativeEvent, void 0, {
         activeThumbIndex: pe
-      })), j(!0);
-      const je = L.current ?? ve;
-      ce(je, Ze(Te, ae.nativeEvent));
+      })), 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`."), ze(() => {
-    const v = tt(Ne(ie.current));
-    Y && v && ie.current?.contains(v) && v.blur();
-  }, [Y]), Y && f !== -1 && I(-1);
+  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(() => ({
     ...U,
     activeThumbIndex: f,
-    disabled: Y,
+    disabled: G,
     dragging: $,
     orientation: y,
     max: E,
@@ -171,10 +171,10 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     minStepsBetweenValues: s,
     step: M,
     values: Z
-  }), [U, f, Y, $, 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: Y,
+    disabled: G,
     dragging: $,
     validation: B,
     formatOptionsRef: n,
@@ -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,
@@ -202,14 +202,14 @@ const pt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     setActive: I,
     setDragging: me,
     setIndicatorPosition: Se,
-    setValue: G,
+    setValue: j,
     state: ee,
     step: M,
     thumbCollisionBehavior: te,
     thumbMap: J,
     thumbRefs: O,
     values: Z
-  }), [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, {
+  }), [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: [{
@@ -236,7 +236,7 @@ function ht(e) {
     y: (t.top + t.bottom) / 2
   };
 }
-function Yt(e) {
+function Gt(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 Yt(e) {
 }
 function gt(e, t, r) {
   const i = Math.round((e - r) / t) * t + r;
-  return Number(i.toFixed(Yt(t)));
+  return Number(i.toFixed(Gt(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, W = 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 = W[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 = W[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);
   }
@@ -276,7 +276,7 @@ function Xe({
     p[s] = Number(p[s].toFixed(12));
   return p;
 }
-function Gt({
+function jt({
   behavior: e,
   values: t,
   currentValues: r,
@@ -286,7 +286,7 @@ function Gt({
   min: u,
   max: g,
   step: p,
-  minStepsBetweenValues: w
+  minStepsBetweenValues: N
 }) {
   const h = r ?? t, W = i ?? t;
   if (!(h.length > 1))
@@ -295,7 +295,7 @@ function Gt({
       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));
@@ -310,8 +310,8 @@ function Gt({
       const H = q ? o + 1 : o - 1, U = x.map((A, R) => {
         if (R === o)
           return re;
-        const _ = W[R];
-        return _ ?? h[R];
+        const w = W[R];
+        return w ?? h[R];
       });
       let K = l;
       q ? K = Math.max(l, x[H]) : K = Math.min(l, x[H]);
@@ -322,17 +322,17 @@ function Gt({
         min: u,
         max: g,
         step: p,
-        minStepsBetweenValues: w,
+        minStepsBetweenValues: N,
         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 + j * m);
+      }), Y = q ? H - 1 : H + 1;
+      if (Y >= 0 && Y < S.length) {
+        const A = S[Y - 1], R = S[Y + 1];
+        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 - j) * m);
-        const oe = ue(re, _, B);
-        S[j] = Number(oe.toFixed(12));
+        B = Math.min(B, g - (S.length - 1 - Y) * m);
+        const oe = ue(re, w, B);
+        S[Y] = Number(oe.toFixed(12));
       }
       return {
         value: S,
@@ -349,7 +349,7 @@ function Gt({
           min: u,
           max: g,
           step: p,
-          minStepsBetweenValues: w
+          minStepsBetweenValues: N
         }),
         thumbIndex: o,
         didSwap: !1
@@ -408,7 +408,7 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     disabled: u,
     dragging: g,
     validation: p,
-    inset: w,
+    inset: N,
     lastChangedValueRef: h,
     lastChangeReasonRef: W,
     max: E,
@@ -430,9 +430,9 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     thumbCollisionBehavior: U,
     thumbRefs: K,
     values: S
-  } = Le(), j = nt(), A = S.length > 1, R = x === "vertical", _ = a.useRef(null), B = a.useRef(null), oe = z((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), Y = a.useRef(0), de = a.useRef(0), C = Qe(S), Ie = z((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) {
@@ -441,7 +441,7 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     }
     P.current = f.querySelector('input[type="range"]');
   }), ie = z((n) => {
-    const f = _.current;
+    const f = w.current;
     if (!f)
       return null;
     const {
@@ -450,24 +450,24 @@ 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 : (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)
+    } = 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, H, m), j = ue(j, m, E), !A)
       return {
-        value: G,
+        value: j,
         thumbIndex: 0,
         didSwap: !1
       };
     const Ce = M.current;
     if (Ce < 0)
       return null;
-    const ee = Gt({
+    const ee = jt({
       behavior: U,
       values: S,
       currentValues: C.current ?? S,
       initialValues: te.current,
       pressedIndex: Ce,
-      nextValue: G,
+      nextValue: j,
       min: m,
       max: E,
       step: H,
@@ -497,7 +497,7 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
         }
       }
     }
-    if (c > -1 && c !== f && Ie(c), w) {
+    if (c > -1 && c !== f && Ie(c), N) {
       const b = K.current[c];
       if (Ue(b)) {
         const d = b.getBoundingClientRect(), $ = R ? "height" : "width";
@@ -512,12 +512,12 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
     const f = Fe(n, X);
     if (f == null)
       return;
-    if (Y.current += 1, n.type === "pointermove" && n.buttons === 0) {
+    if (G.current += 1, n.type === "pointermove" && n.buttons === 0) {
       fe(n);
       return;
     }
     const c = ie(f);
-    c != null && mt(c.value, H, s) && (!g && Y.current > Xt && le(!0), q(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));
   });
@@ -528,7 +528,7 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
       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 = z((n) => {
     if (u)
@@ -541,37 +541,37 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
       const d = ie(c);
       if (d == null)
         return;
-      O(d.thumbIndex), q(d.value, we(Ye, 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);
     }
-    Y.current = 0;
-    const b = Ne(_.current);
+    G.current = 0;
+    const b = _e(w.current);
     b.addEventListener("touchmove", F, {
       passive: !0
     }), b.addEventListener("touchend", fe, {
       passive: !0
     });
   }), D = z(() => {
-    const n = Ne(_.current);
+    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 = 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;
+        const f = w.current;
         if (!f || u || n.defaultPrevented || !Ue(n.target) || // Only handle left clicks
         n.button !== 0)
           return;
@@ -581,14 +581,14 @@ const bt = /* @__PURE__ */ a.forwardRef(function(t, r) {
           const d = ie(c);
           if (d == null)
             return;
-          Ht(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 || (q(d.value, we(Ye, 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), Y.current = 0;
-        const b = Ne(_.current);
+        n.nativeEvent.pointerId && f.setPointerCapture(n.nativeEvent.pointerId), G.current = 0;
+        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,7 +640,7 @@ 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: W,
     id: E,
@@ -662,14 +662,14 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
     inset: U,
     labelId: K,
     largeStep: S,
-    locale: j,
+    locale: Y,
     max: A,
     min: R,
-    minStepsBetweenValues: _,
+    minStepsBetweenValues: w,
     name: B,
     orientation: oe,
     pressedInputRef: X,
-    pressedThumbCenterOffsetRef: Y,
+    pressedThumbCenterOffsetRef: G,
     pressedThumbIndexRef: de,
     renderBeforeHydration: C,
     setActive: Ie,
@@ -677,7 +677,7 @@ 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
@@ -688,13 +688,13 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
     index: Se
   } = Bt({
     metadata: ge
-  }), 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();
+  }), 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 = z(() => {
-    const N = Re.current, T = b.current;
-    if (!N || !T)
+    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;
+    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]);
   });
   ze(() => {
@@ -703,24 +703,24 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
     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), U ? {
       "--position": `${ee}%`,
-      visibility: C && !G || ee === void 0 ? "hidden" : void 0,
+      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
-    } : Ge;
-  }, [ne, I, U, G, ee, D, C, se, Ae, Z, L]);
+    } : je;
+  }, [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,14 +729,14 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
     "aria-describedby": u,
     "aria-orientation": oe,
     "aria-valuenow": Q,
-    "aria-valuetext": typeof W == "function" ? W(De(Q, j, ce.current ?? void 0), Q, I) : tn(F, I, ce.current ?? void 0, j),
+    "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) {
-      H(N.target.valueAsNumber, I, N);
+    onChange(_) {
+      H(_.target.valueAsNumber, I, _);
     },
     onFocus() {
       Ie(I), f(!0);
@@ -744,43 +744,43 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
     onBlur() {
       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;
-      zt.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 && (H(T, I, N), N.preventDefault());
+      T !== null && (H(T, I, _), _.preventDefault());
     },
     step: O,
     style: {
-      ...Ge,
+      ...je,
       // So that VoiceOver's focus indicator matches the thumb's dimensions
       width: "100%",
       height: "100%",
@@ -799,7 +799,7 @@ const It = /* @__PURE__ */ a.forwardRef(function(t, r) {
         children: [o, /* @__PURE__ */ be("input", {
           ref: Te,
           ...ve
-        }), U && !G && 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,10 +812,10 @@ 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];
-          Y.current = Me;
+          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,14 +854,14 @@ const St = /* @__PURE__ */ a.forwardRef(function(t, r) {
     indicatorPosition: u,
     inset: g,
     max: p,
-    min: w,
+    min: N,
     orientation: h,
     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], W, s) : rn(x, P, qe(m[0], w, p), qe(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,
@@ -874,7 +874,7 @@ const St = /* @__PURE__ */ a.forwardRef(function(t, r) {
   });
 });
 process.env.NODE_ENV !== "production" && (St.displayName = "SliderIndicator");
-const on = "_slider__control_1jhfa_2", sn = "_slider__track_1jhfa_9", an = "_slider__indicator_1jhfa_17", un = "_slider__thumb_1jhfa_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,

package/dist/components/spinner/spinner.js

@@ -1,12 +1,12 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as e } from "../../clsx-OuTLNxxd.js";
-import { View as i } from "../view/view.js";
-import { Icon as s } from "../icon/icon.js";
-import '../../spinner.css';const m = "_spinner_1hyco_2", p = {
+import { View as s } from "../view/view.js";
+import { Icon as i } from "../icon/icon.js";
+import '../../spinner.css';const m = "_spinner_s5ov8_3", p = {
   spinner: m
 };
 function f({ className: r, ...o }) {
-  return /* @__PURE__ */ n(i, { className: e(p.spinner, r), ...o, children: /* @__PURE__ */ n(s, { name: "loader-2-line" }) });
+  return /* @__PURE__ */ n(s, { className: e(p.spinner, r), ...o, children: /* @__PURE__ */ n(i, { name: "loader-2-line" }) });
 }
 export {
   f as Spinner