etudes 10.1.0 → 10.2.0

package/build/etudes.js

@@ -137,7 +137,7 @@ function Ro() {
     }
     function g(k, J) {
       function be() {
-        M || (M = !0, console.error(
+        C || (C = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           J
         ));
@@ -155,7 +155,7 @@ function Ro() {
     }
     function x(k, J, be, xe, Pe, pe, oe, te) {
       return be = pe.ref, k = {
-        $$typeof: C,
+        $$typeof: M,
         type: k,
         key: J,
         props: pe,
@@ -236,9 +236,9 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function N(k) {
-      typeof k == "object" && k !== null && k.$$typeof === C && k._store && (k._store.validated = 1);
+      typeof k == "object" && k !== null && k.$$typeof === M && k._store && (k._store.validated = 1);
     }
-    var O = Oo, C = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), B = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), j = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), re = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), ee = O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, L = Array.isArray, R = console.createTask ? console.createTask : function() {
+    var O = Oo, M = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), B = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), j = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), re = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), ee = O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, L = Array.isArray, R = console.createTask ? console.createTask : function() {
       return null;
     };
     O = {
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
         return k();
       }
     };
-    var M, z = {}, G = O["react-stack-bottom-frame"].bind(
+    var C, z = {}, G = O["react-stack-bottom-frame"].bind(
       O,
       u
     )(), Z = R(c(u)), Q = {};
@@ -1079,24 +1079,24 @@ const ii = /* @__PURE__ */ Se(({
   selectionMode: w = "none",
   onActivateAt: N,
   onDeselectAt: O,
-  onCustomEvent: C,
+  onCustomEvent: M,
   onSelectAt: _,
   onSelectionChange: B,
   ItemComponent: W,
   ...D
 }, X) => {
-  const j = (M) => !!(isNaN(M) || M >= u.length || M < 0), Y = (M) => kr(M).filter((z) => !j(z)), U = (M) => ee.indexOf(M) >= 0, H = (M) => {
-    U(M) ? re(M) : T(M);
-  }, T = (M) => {
-    if (U(M)) return;
+  const j = (C) => !!(isNaN(C) || C >= u.length || C < 0), Y = (C) => kr(C).filter((z) => !j(z)), U = (C) => ee.indexOf(C) >= 0, H = (C) => {
+    U(C) ? re(C) : T(C);
+  }, T = (C) => {
+    if (U(C)) return;
     let z;
     switch (w) {
       case "multiple": {
-        z = (Z) => kr([...Z.filter((Q) => Q !== M), M]);
+        z = (Z) => kr([...Z.filter((Q) => Q !== C), C]);
         break;
       }
       case "single": {
-        z = (Z) => [M];
+        z = (Z) => [C];
         break;
       }
       default:
@@ -1104,15 +1104,15 @@ const ii = /* @__PURE__ */ Se(({
     }
     const G = z(ee);
     L.current = G, V(ee, G);
-  }, re = (M) => {
-    if (!U(M)) return;
-    const G = ((Z) => Z.filter((Q) => Q !== M))(ee);
+  }, re = (C) => {
+    if (!U(C)) return;
+    const G = ((Z) => Z.filter((Q) => Q !== C))(ee);
     L.current = G, V(ee, G);
-  }, ie = (M) => {
-    N?.(M), w !== "none" && (s ? H(M) : T(M));
-  }, V = (M, z) => {
-    if (Ge(M, z)) return;
-    const G = M?.filter((Q) => z.indexOf(Q) === -1) ?? [], Z = z.filter((Q) => M?.indexOf(Q) === -1);
+  }, ie = (C) => {
+    N?.(C), w !== "none" && (s ? H(C) : T(C));
+  }, V = (C, z) => {
+    if (Ge(C, z)) return;
+    const G = C?.filter((Q) => z.indexOf(Q) === -1) ?? [], Z = z.filter((Q) => C?.indexOf(Q) === -1);
     G.forEach((Q) => O?.(Q)), Z.forEach((Q) => _?.(Q)), B?.(z);
   }, ee = Y(x ?? []), q = Xo({ itemLength: c, itemPadding: l, layout: p, numSegments: g, orientation: m }), L = Te(void 0), R = L.current;
   return he(() => {
@@ -1126,14 +1126,14 @@ const ii = /* @__PURE__ */ Se(({
       className: ue(r),
       role: p === "grid" ? "grid" : w === "none" ? "list" : "listbox",
       style: le(n, q.root),
-      children: W && /* @__PURE__ */ S.jsx(Mn, { in: u, children: (M, z) => /* @__PURE__ */ S.jsx(
+      children: W && /* @__PURE__ */ S.jsx(Mn, { in: u, children: (C, z) => /* @__PURE__ */ S.jsx(
         W,
         {
           "aria-selected": U(z),
           className: ue({ selected: U(z) }),
           index: z,
           isSelected: U(z),
-          item: M,
+          item: C,
           orientation: m,
           role: p === "grid" ? "gridcell" : w === "none" ? "listitem" : "option",
           style: le(q.item, {
@@ -1149,7 +1149,7 @@ const ii = /* @__PURE__ */ Se(({
             }
           }),
           onClick: () => ie(z),
-          onCustomEvent: (G, Z) => C?.(z, G, Z)
+          onCustomEvent: (G, Z) => M?.(z, G, Z)
         }
       ) })
     }
@@ -1212,7 +1212,7 @@ const nc = /* @__PURE__ */ Se(({
   onCollapseSectionAt: w,
   onDeselectAt: N,
   onExpandedSectionsChange: O,
-  onExpandSectionAt: C,
+  onExpandSectionAt: M,
   onHeaderCustomEvent: _,
   onItemCustomEvent: B,
   onSelectAt: W,
@@ -1235,7 +1235,7 @@ const nc = /* @__PURE__ */ Se(({
     return te;
   }, ee = (oe) => Q.indexOf(oe) >= 0, q = (oe) => {
     let te;
-    ee(oe) ? te = (ae) => ae.filter((A) => A !== oe) : s ? te = (ae) => [oe] : te = (ae) => [...ae.filter((A) => A !== oe), oe], M(Q, te(Q));
+    ee(oe) ? te = (ae) => ae.filter((A) => A !== oe) : s ? te = (ae) => [oe] : te = (ae) => [...ae.filter((A) => A !== oe), oe], C(Q, te(Q));
   }, L = (oe, te) => {
     if (re(oe, te)) return;
     let ae;
@@ -1263,10 +1263,10 @@ const nc = /* @__PURE__ */ Se(({
       [te]: (ge[te] ?? []).filter((we) => we !== oe)
     }))(Z);
     J.current = A, z(Z, A);
-  }, M = (oe, te) => {
+  }, C = (oe, te) => {
     if (Ge(oe, te)) return;
     const ae = oe?.filter((ge) => te.indexOf(ge) === -1) ?? [], A = te.filter((ge) => oe?.indexOf(ge) === -1);
-    ae.forEach((ge) => w?.(ge)), A.forEach((ge) => C?.(ge)), O?.(te);
+    ae.forEach((ge) => w?.(ge)), A.forEach((ge) => M?.(ge)), O?.(te);
   }, z = (oe, te) => {
     if (Ge(oe, te)) return;
     const ae = p.length;
@@ -1551,7 +1551,7 @@ const rc = /* @__PURE__ */ Se(({
 }, N) => {
   const O = () => {
     x?.(!c), c ? m?.() : g?.();
-  }, C = {
+  }, M = {
     root: ue({
       active: c
     })
@@ -1562,7 +1562,7 @@ const rc = /* @__PURE__ */ Se(({
       ...w,
       ref: N,
       "aria-expanded": c,
-      className: ue(n, C.root),
+      className: ue(n, M.root),
       style: le(s, _.root),
       onClick: O,
       children: /* @__PURE__ */ S.jsx(
@@ -1697,17 +1697,17 @@ function ts(r, {
   const g = r.current, m = Te(void 0), x = Te(void 0);
   s && g && (g.style.cursor = "grab"), he(() => {
     if (!g || !n) return;
-    const w = (C) => {
-      C.preventDefault();
-      const _ = ye.make(C.clientX, C.clientY);
+    const w = (M) => {
+      M.preventDefault();
+      const _ = ye.make(M.clientX, M.clientY);
       m.current = _, x.current = _, g.addEventListener("mousemove", N), g.addEventListener("mouseup", O, { capture: !0 }), g.addEventListener("mouseleave", O), s && (g.style.cursor = "grabbing"), c?.(_);
-    }, N = (C) => {
+    }, N = (M) => {
       if (!m.current) return;
-      const _ = ye.make(C.clientX, C.clientY), B = (x.current ?? m.current).subtract(_);
+      const _ = ye.make(M.clientX, M.clientY), B = (x.current ?? m.current).subtract(_);
       x.current = _, l?.(B, m.current);
-    }, O = (C) => {
+    }, O = (M) => {
       if (!m.current) return;
-      const _ = ye.make(C.clientX, C.clientY), B = (x.current ?? m.current).subtract(_);
+      const _ = ye.make(M.clientX, M.clientY), B = (x.current ?? m.current).subtract(_);
       u?.(_, B, m.current), m.current = void 0, x.current = void 0, g.removeEventListener("mousemove", N), g.removeEventListener("mouseup", O, { capture: !0 }), g.removeEventListener("mouseleave", O), s && (g.style.cursor = "grab");
     };
     return g.addEventListener("mousedown", w), () => {
@@ -1782,7 +1782,7 @@ function rs() {
         if (t === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return t;
       }
-      function C(t) {
+      function M(t) {
         var e = function() {
           if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
           if (typeof Proxy == "function") return !0;
@@ -1901,10 +1901,10 @@ function rs() {
       }, document: null, DocumentFragment: null, SVGElement: null, SVGSVGElement: null, SVGElementInstance: null, Element: null, HTMLElement: null, Event: null, Touch: null, PointerEvent: null };
       function L() {
       }
-      var R = q, M = { init: function(t) {
+      var R = q, C = { init: function(t) {
         var e = R.Element, i = t.navigator || {};
-        M.supportsTouch = "ontouchstart" in t || T.func(t.DocumentTouch) && R.document instanceof t.DocumentTouch, M.supportsPointerEvent = i.pointerEnabled !== !1 && !!R.PointerEvent, M.isIOS = /iP(hone|od|ad)/.test(i.platform), M.isIOS7 = /iP(hone|od|ad)/.test(i.platform) && /OS 7[^\d]/.test(i.appVersion), M.isIe9 = /MSIE 9/.test(i.userAgent), M.isOperaMobile = i.appName === "Opera" && M.supportsTouch && /Presto/.test(i.userAgent), M.prefixedMatchesSelector = "matches" in e.prototype ? "matches" : "webkitMatchesSelector" in e.prototype ? "webkitMatchesSelector" : "mozMatchesSelector" in e.prototype ? "mozMatchesSelector" : "oMatchesSelector" in e.prototype ? "oMatchesSelector" : "msMatchesSelector", M.pEventTypes = M.supportsPointerEvent ? R.PointerEvent === t.MSPointerEvent ? { up: "MSPointerUp", down: "MSPointerDown", over: "mouseover", out: "mouseout", move: "MSPointerMove", cancel: "MSPointerCancel" } : { up: "pointerup", down: "pointerdown", over: "pointerover", out: "pointerout", move: "pointermove", cancel: "pointercancel" } : null, M.wheelEvent = R.document && "onmousewheel" in R.document ? "mousewheel" : "wheel";
-      }, supportsTouch: null, supportsPointerEvent: null, isIOS7: null, isIOS: null, isIe9: null, isOperaMobile: null, prefixedMatchesSelector: null, pEventTypes: null, wheelEvent: null }, z = M;
+        C.supportsTouch = "ontouchstart" in t || T.func(t.DocumentTouch) && R.document instanceof t.DocumentTouch, C.supportsPointerEvent = i.pointerEnabled !== !1 && !!R.PointerEvent, C.isIOS = /iP(hone|od|ad)/.test(i.platform), C.isIOS7 = /iP(hone|od|ad)/.test(i.platform) && /OS 7[^\d]/.test(i.appVersion), C.isIe9 = /MSIE 9/.test(i.userAgent), C.isOperaMobile = i.appName === "Opera" && C.supportsTouch && /Presto/.test(i.userAgent), C.prefixedMatchesSelector = "matches" in e.prototype ? "matches" : "webkitMatchesSelector" in e.prototype ? "webkitMatchesSelector" : "mozMatchesSelector" in e.prototype ? "mozMatchesSelector" : "oMatchesSelector" in e.prototype ? "oMatchesSelector" : "msMatchesSelector", C.pEventTypes = C.supportsPointerEvent ? R.PointerEvent === t.MSPointerEvent ? { up: "MSPointerUp", down: "MSPointerDown", over: "mouseover", out: "mouseout", move: "MSPointerMove", cancel: "MSPointerCancel" } : { up: "pointerup", down: "pointerdown", over: "pointerover", out: "pointerout", move: "pointermove", cancel: "pointercancel" } : null, C.wheelEvent = R.document && "onmousewheel" in R.document ? "mousewheel" : "wheel";
+      }, supportsTouch: null, supportsPointerEvent: null, isIOS7: null, isIOS: null, isIe9: null, isOperaMobile: null, prefixedMatchesSelector: null, pEventTypes: null, wheelEvent: null }, z = C;
       function G(t, e) {
         if (t.contains) return t.contains(e);
         for (; e; ) {
@@ -2116,7 +2116,7 @@ function rs() {
         return t[dt(t, e)];
       }, ct = function(t) {
         x(i, t);
-        var e = C(i);
+        var e = M(i);
         function i(o, a, f) {
           var d;
           u(this, i), (d = e.call(this, a._interaction)).dropzone = void 0, d.dragEvent = void 0, d.relatedTarget = void 0, d.draggable = void 0, d.propagationStopped = !1, d.immediatePropagationStopped = !1;
@@ -2835,7 +2835,7 @@ function rs() {
         return t.interaction.modification.stop(t);
       } } }, Qn = _i, er = { base: { preventDefault: "auto", deltaSource: "page" }, perAction: { enabled: !1, origin: { x: 0, y: 0 } }, actions: {} }, an = function(t) {
         x(i, t);
-        var e = C(i);
+        var e = M(i);
         function i(o, a, f, d, h, v, b) {
           var y;
           u(this, i), (y = e.call(this, o)).relatedTarget = null, y.screenX = void 0, y.screenY = void 0, y.button = void 0, y.buttons = void 0, y.ctrlKey = void 0, y.shiftKey = void 0, y.altKey = void 0, y.metaKey = void 0, y.page = void 0, y.client = void 0, y.delta = void 0, y.rect = void 0, y.x0 = void 0, y.y0 = void 0, y.t0 = void 0, y.dt = void 0, y.duration = void 0, y.clientX0 = void 0, y.clientY0 = void 0, y.velocity = void 0, y.speed = void 0, y.swipe = void 0, y.axes = void 0, y.preEnd = void 0, h = h || o.element;
@@ -3374,7 +3374,7 @@ function rs() {
             b[v].documentBlur(h);
         } }), t.prevTouchTime = 0, t.Interaction = function(h) {
           x(b, h);
-          var v = C(b);
+          var v = M(b);
           function b() {
             return u(this, b), v.apply(this, arguments);
           }
@@ -3572,7 +3572,7 @@ function rs() {
           var i = this;
           this.Interactable = function(o) {
             x(f, o);
-            var a = C(f);
+            var a = M(f);
             function f() {
               return u(this, f), a.apply(this, arguments);
             }
@@ -3800,7 +3800,7 @@ function rs() {
         }
       } }, mo = vo, yr = function(t) {
         x(i, t);
-        var e = C(i);
+        var e = M(i);
         function i(o, a, f, d, h, v) {
           var b;
           if (u(this, i), Be(O(b = e.call(this, h)), f), f !== a && Be(O(b), a), b.timeStamp = v, b.originalEvent = f, b.type = o, b.pointerId = ft(a), b.pointerType = jn(a), b.target = d, b.currentTarget = null, o === "tap") {
@@ -4016,19 +4016,19 @@ function Nt(r, {
   onDragEnd: u,
   ...p
 }, g) {
-  const m = (X) => Ge(x.current, X) ? !1 : (x.current = X, !0), x = Te(n), [w, N] = ke(!1), [O, C] = ke(!1), [_, B] = ke(!1), [W, D] = ke(n);
+  const m = (X) => Ge(x.current, X) ? !1 : (x.current = X, !0), x = Te(n), [w, N] = ke(!1), [O, M] = ke(!1), [_, B] = ke(!1), [W, D] = ke(n);
   return he(() => (r.current && Mr(r.current).draggable({
     inertia: !0,
     ...p,
     onstart: () => {
-      N(!0), C(!0), B(!1), c?.();
+      N(!0), M(!0), B(!1), c?.();
     },
     onmove: ({ dx: X, dy: j }) => {
       const Y = s(x.current, X, j);
-      m(Y) && D(Y), C(!0), B(!1), l?.(X, j);
+      m(Y) && D(Y), M(!0), B(!1), l?.(X, j);
     },
     onend: () => {
-      C(!1), B(!0), u?.();
+      M(!1), B(!0), u?.();
     }
   }), () => {
     r.current && Mr(r.current).unset();
@@ -4037,7 +4037,7 @@ function Nt(r, {
   }, [n]), he(() => {
     m(W);
   }, [W]), {
-    isDragging: [O, C],
+    isDragging: [O, M],
     isReleasing: [_, B],
     value: [W, D]
   };
@@ -4129,12 +4129,16 @@ function cc({ onChange: r }, n = []) {
     window.removeEventListener("scroll", s), window.removeEventListener("resize", s), window.removeEventListener("orientationchange", s);
   }), [...n]);
 }
-function lc(r, n, { mapSearchParamToState: s, mapStateToSearchParam: c } = {}) {
-  const l = (N, O) => s ? s(N) : N || O, u = (N) => c ? c(N) : N === n ? void 0 : `${N}`, [p, g] = _o(), m = l(p.get(r) ?? void 0, n), [x, w] = ke(m);
+function lc(r, n, {
+  mapSearchParamToState: s,
+  mapStateToSearchParam: c,
+  shouldPopulateDefaultState: l = !1
+} = {}) {
+  const u = (O, M) => s ? s(O) : O || M, p = (O) => c ? c(O) : !l && O === n ? void 0 : `${O}`, [g, m] = _o(), x = u(g.get(r) ?? void 0, n), [w, N] = ke(x);
   return he(() => {
-    const N = p.get(r), O = u(x);
-    O !== N && (O ? p.set(r, O) : p.delete(r), g(p));
-  }, [x]), [x, w];
+    const O = g.get(r), M = p(w);
+    M !== O && (M ? g.set(r, M) : g.delete(r), m(g));
+  }, [w]), [w, N];
 }
 function cs(r = 0, { autoStart: n = !0, onTimeout: s } = {}, c = []) {
   const l = Te(void 0), u = Te(void 0), p = xr(() => {
@@ -4192,14 +4196,14 @@ const fc = /* @__PURE__ */ Se(({
   ItemComponent: x,
   ...w
 }, N) => {
-  const O = (L) => m?.(L), C = (L) => {
+  const O = (L) => m?.(L), M = (L) => {
     j.current = ye.make(L.clientX, L.clientY), V(!0);
   }, _ = (L) => {
     Y.current = ye.make(L.clientX, L.clientY), ie && V(!1);
   }, B = (L) => {
-    const R = j.current, M = Y.current;
-    if (!R || !M) return;
-    const z = 5, G = R.subtract(M);
+    const R = j.current, C = Y.current;
+    if (!R || !C) return;
+    const z = 5, G = R.subtract(C);
     (Math.abs(G.x) > z || Math.abs(G.y) > z) && L.stopPropagation(), j.current = void 0, Y.current = void 0;
   }, W = () => {
     fs(X, n, l), clearTimeout(U.current), U.current = setTimeout(() => {
@@ -4209,12 +4213,12 @@ const fc = /* @__PURE__ */ Se(({
   return he(() => {
     const L = X.current;
     if (!L) return;
-    const R = D.current === void 0, M = D.current === n, z = (G) => {
+    const R = D.current === void 0, C = D.current === n, z = (G) => {
       if (u && re(Cr(X, l)), U.current !== void 0) return;
       const Z = Math.round(l === "horizontal" ? L.scrollLeft / L.clientWidth : L.scrollTop / L.clientHeight), Q = Math.max(0, Math.min(c.length - 1, Z));
       Q !== n && (D.current = Q, O(Q));
     };
-    return L.addEventListener("scroll", z), M || (D.current = n, R || (O(n), W())), () => {
+    return L.addEventListener("scroll", z), C || (D.current = n, R || (O(n), W())), () => {
       L.removeEventListener("scroll", z);
     };
   }, [n, l, u]), he(() => {
@@ -4250,14 +4254,14 @@ const fc = /* @__PURE__ */ Se(({
       role: "region",
       onClick: (L) => B(L),
       onPointerCancel: (L) => _(L),
-      onPointerDown: (L) => C(L),
+      onPointerDown: (L) => M(L),
       onPointerLeave: (L) => _(L),
       onPointerUp: (L) => _(L),
-      children: /* @__PURE__ */ S.jsx("div", { ref: X, style: le(ee.viewport), children: /* @__PURE__ */ S.jsx(Mn, { in: c, children: ({ style: L, ...R }, M) => /* @__PURE__ */ S.jsx("div", { style: le(ee.itemContainer), children: /* @__PURE__ */ S.jsx(
+      children: /* @__PURE__ */ S.jsx("div", { ref: X, style: le(ee.viewport), children: /* @__PURE__ */ S.jsx(Mn, { in: c, children: ({ style: L, ...R }, C) => /* @__PURE__ */ S.jsx("div", { style: le(ee.itemContainer), children: /* @__PURE__ */ S.jsx(
         x,
         {
-          "aria-hidden": M !== n,
-          exposure: u ? T?.[M] : void 0,
+          "aria-hidden": C !== n,
+          exposure: u ? T?.[C] : void 0,
           style: le(L, ee.item),
           ...R
         }
@@ -4344,12 +4348,12 @@ const ps = /* @__PURE__ */ Se(({
   ...w
 }, N) => {
   const O = (B) => {
-    const W = B !== n ? p?.(C, B) ?? B : n;
-    W !== C && x?.(W);
-  }, C = u ?? n, _ = si(C);
+    const W = B !== n ? p?.(M, B) ?? B : n;
+    W !== M && x?.(W);
+  }, M = u ?? n, _ = si(M);
   return he(() => {
-    _ !== void 0 && O(C);
-  }, [C]), /* @__PURE__ */ S.jsx(
+    _ !== void 0 && O(M);
+  }, [M]), /* @__PURE__ */ S.jsx(
     "input",
     {
       ...w,
@@ -4362,7 +4366,7 @@ const ps = /* @__PURE__ */ Se(({
       placeholder: l,
       required: c,
       type: "text",
-      value: C,
+      value: M,
       onBlur: ({ target: B }) => m?.(B.value),
       onChange: ({ target: B }) => O(B.value),
       onFocus: ({ target: B }) => g?.(B.value)
@@ -4386,18 +4390,18 @@ const ps = /* @__PURE__ */ Se(({
     D(H);
   }, O = (H) => {
     const T = _(H);
-    T !== u ? p?.(T) : D(C(T));
-  }, C = (H) => H.toLocaleString(), _ = (H) => {
+    T !== u ? p?.(T) : D(M(T));
+  }, M = (H) => H.toLocaleString(), _ = (H) => {
     const T = parseInt(H, 10);
     return T.toString() !== H.replace(/^0+/, "") ? u : B(T);
   }, B = (H) => {
     let T = H;
     return isNaN(l) || (T = Math.max(l, T)), isNaN(c) || (T = Math.min(c, T)), T;
-  }, [W, D] = ke(C(u)), X = si(u), j = !isNaN(c) && u + 1 > c, Y = !isNaN(l) && u - 1 < l;
+  }, [W, D] = ke(M(u)), X = si(u), j = !isNaN(c) && u + 1 > c, Y = !isNaN(l) && u - 1 < l;
   he(() => {
     if (X === void 0 || X === u) return;
     const H = B(u);
-    D(C(H));
+    D(M(H));
   }, [u, l, c]);
   const U = He(r, {
     textField: Ir,
@@ -4478,7 +4482,7 @@ const ps = /* @__PURE__ */ Se(({
     let X = B;
     if (D && _) throw Error("The last item in `sizes` must not have a `mediaCondition` specified.");
     return _ && (X = `${_} ${X}`), X;
-  }).join(", "), C = oi({
+  }).join(", "), M = oi({
     src: c,
     srcSet: N,
     sizes: O
@@ -4488,8 +4492,8 @@ const ps = /* @__PURE__ */ Se(({
     onLoadError: g
   });
   return he(() => {
-    m?.(C);
-  }, [C]), /* @__PURE__ */ S.jsx(
+    m?.(M);
+  }, [M]), /* @__PURE__ */ S.jsx(
     "img",
     {
       ...x,
@@ -4515,7 +4519,7 @@ const ps = /* @__PURE__ */ Se(({
   onLoadError: w,
   ...N
 }, O) => {
-  const C = (T) => {
+  const M = (T) => {
     D(T ? T.width / T.height : NaN);
   }, _ = Te(null), B = O ?? _, [W, D] = ke(NaN), X = isNaN(c) ? W : c, j = st(B), Y = j.width / j.height, U = Ae.make(
     Y > 1 ? Math.max(j.width, j.height * X) : Math.max(j.width, Math.max(j.height, j.width / X) * X),
@@ -4546,7 +4550,7 @@ const ps = /* @__PURE__ */ Se(({
             onLoadComplete: x,
             onLoadError: w,
             onLoadStart: m,
-            onSizeChange: (T) => C(T)
+            onSizeChange: (T) => M(T)
           }
         ),
         H.viewport && Ne(H.viewport, {
@@ -4585,7 +4589,7 @@ const ps = /* @__PURE__ */ Se(({
   onLoadMetadata: w,
   onLoadMetadataComplete: N,
   onLoadMetadataError: O,
-  onPause: C,
+  onPause: M,
   onPlay: _,
   onSizeChange: B,
   onTimeUpdate: W,
@@ -4601,9 +4605,9 @@ const ps = /* @__PURE__ */ Se(({
   he(() => {
     if (Y.current) {
       if (p.toLowerCase().endsWith(".m3u8")) {
-        const R = !!Y.current.canPlayType("application/x-mpegURL"), M = typeof window < "u" && typeof window.Hls < "u" ? window.Hls : void 0;
-        if (!R && M?.isSupported()) {
-          const z = new M();
+        const R = !!Y.current.canPlayType("application/x-mpegURL"), C = typeof window < "u" && typeof window.Hls < "u" ? window.Hls : void 0;
+        if (!R && C?.isSupported()) {
+          const z = new C();
           z.loadSource(p), z.attachMedia(Y.current);
         }
       }
@@ -4615,20 +4619,20 @@ const ps = /* @__PURE__ */ Se(({
     B?.(U);
   }, [U]);
   const H = (R) => {
-    const M = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
-    M !== void 0 && x?.(M);
+    const C = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
+    C !== void 0 && x?.(C);
   }, T = (R) => {
-    const M = R.currentTarget;
-    n && M.paused && q(), g?.();
+    const C = R.currentTarget;
+    n && C.paused && q(), g?.();
   }, re = (R) => {
     _?.();
   }, ie = (R) => {
-    C?.();
+    M?.();
   }, V = (R) => {
     m?.();
   }, ee = (R) => {
-    const M = R.currentTarget;
-    W?.(M.currentTime, M.duration);
+    const C = R.currentTarget;
+    W?.(C.currentTime, C.duration);
   }, q = () => {
     Y.current && Y.current.play();
   }, L = () => {
@@ -4667,7 +4671,7 @@ const ps = /* @__PURE__ */ Se(({
   src: w,
   onCanPlay: N,
   onEnd: O,
-  onFullscreenChange: C,
+  onFullscreenChange: M,
   onLoadMetadata: _,
   onLoadMetadataComplete: B,
   onLoadMetadataError: W,
@@ -4681,7 +4685,7 @@ const ps = /* @__PURE__ */ Se(({
   }, T = Te(null), re = U ?? T, [ie, V] = ke(NaN), ee = isNaN(c) ? ie : c, q = st(re), L = q.width / q.height, R = Ae.make(
     L > 1 ? Math.max(q.width, q.height * ee) : Math.max(q.width, Math.max(q.height, q.width / ee) * ee),
     L > 1 ? Math.max(q.height, Math.max(q.width, q.height * ee) / ee) : Math.max(q.height, q.width / ee)
-  ), M = He(n, {
+  ), C = He(n, {
     content: xs,
     viewport: bs
   });
@@ -4710,7 +4714,7 @@ const ps = /* @__PURE__ */ Se(({
             }),
             onCanPlay: N,
             onEnd: O,
-            onFullscreenChange: C,
+            onFullscreenChange: M,
             onLoadMetadata: _,
             onLoadMetadataComplete: B,
             onLoadMetadataError: W,
@@ -4719,14 +4723,14 @@ const ps = /* @__PURE__ */ Se(({
             onSizeChange: (z) => H(z)
           }
         ),
-        M.viewport && Ne(M.viewport, {
+        C.viewport && Ne(C.viewport, {
           style: le(mn.viewport, {
             height: `${R.height}px`,
             pointerEvents: "none",
             width: `${R.width}px`
           })
         }),
-        M.content
+        C.content
       ]
     }
   );
@@ -4755,9 +4759,9 @@ const ps = /* @__PURE__ */ Se(({
   const w = u * 2, N = Math.max(0, Math.min(360, c)), O = He(r, {
     track: jr,
     knob: Rr
-  }), C = Es({ angle: s, diameter: w });
-  return /* @__PURE__ */ S.jsxs("div", { ...m, ref: x, style: le(n, C.root), children: [
-    /* @__PURE__ */ S.jsx("div", { style: C.trackContainer, children: /* @__PURE__ */ S.jsx("svg", { height: w, style: C.svgContainer, viewBox: `0 0 ${w} ${w}`, width: w, children: Ne(O.track ?? /* @__PURE__ */ S.jsx(jr, {}), {
+  }), M = Es({ angle: s, diameter: w });
+  return /* @__PURE__ */ S.jsxs("div", { ...m, ref: x, style: le(n, M.root), children: [
+    /* @__PURE__ */ S.jsx("div", { style: M.trackContainer, children: /* @__PURE__ */ S.jsx("svg", { height: w, style: M.svgContainer, viewBox: `0 0 ${w} ${w}`, width: w, children: Ne(O.track ?? /* @__PURE__ */ S.jsx(jr, {}), {
       cx: u,
       cy: u,
       fill: "none",
@@ -4765,7 +4769,7 @@ const ps = /* @__PURE__ */ Se(({
       strokeDasharray: p,
       strokeWidth: g
     }) }) }),
-    /* @__PURE__ */ S.jsx("div", { style: le(C.knobContainer), children: /* @__PURE__ */ S.jsx("svg", { style: C.svgContainer, viewBox: `0 0 ${w} ${w}`, xmlns: "http://www.w3.org/2000/svg", children: Ne(O.knob ?? /* @__PURE__ */ S.jsx(Rr, {}), {
+    /* @__PURE__ */ S.jsx("div", { style: le(M.knobContainer), children: /* @__PURE__ */ S.jsx("svg", { style: M.svgContainer, viewBox: `0 0 ${w} ${w}`, xmlns: "http://www.w3.org/2000/svg", children: Ne(O.knob ?? /* @__PURE__ */ S.jsx(Rr, {}), {
       d: ws(u, u, u - l / 2 - (g - l) / 2, -N / 2, N / 2),
       fill: "none",
       strokeWidth: l
@@ -4843,7 +4847,7 @@ const vc = /* @__PURE__ */ Se(({
   itemLength: w,
   itemPadding: N = 0,
   items: O,
-  maxVisibleItems: C = -1,
+  maxVisibleItems: M = -1,
   numSegments: _,
   orientation: B = "vertical",
   selection: W = [],
@@ -4859,17 +4863,17 @@ const vc = /* @__PURE__ */ Se(({
   ToggleComponent: V,
   ...ee
 }, q) => {
-  const L = (A) => !!(isNaN(A) || A >= O.length || A < 0), R = (A) => Ns(A).filter((ge) => !L(ge)), M = () => {
+  const L = (A) => !!(isNaN(A) || A >= O.length || A < 0), R = (A) => Ns(A).filter((ge) => !L(ge)), C = () => {
     u && U?.();
   }, z = () => {
     u || j?.();
   }, G = () => {
-    u ? M() : z();
+    u ? C() : z();
   }, Z = (A) => {
     H?.(A), D === "single" && c && z();
   }, Q = (A) => {
     T?.(A);
-  }, k = R(W), J = Te(null), be = st(J), xe = w ?? (B === "vertical" ? be.height : be.width), Pe = O.length, pe = C < 0 ? Pe : Math.min(Pe, C), oe = xe * pe + N * (pe - 1), te = Ps({ isCollapsed: u, collectionPadding: l, isInverted: p, maxVisibleItems: C, menuLength: oe, numItems: Pe, orientation: B }), ae = He(r, {
+  }, k = R(W), J = Te(null), be = st(J), xe = w ?? (B === "vertical" ? be.height : be.width), Pe = O.length, pe = M < 0 ? Pe : Math.min(Pe, M), oe = xe * pe + N * (pe - 1), te = Ps({ isCollapsed: u, collectionPadding: l, isInverted: p, maxVisibleItems: M, menuLength: oe, numItems: Pe, orientation: B }), ae = He(r, {
     collapseIcon: Ss,
     expandIcon: Ts,
     toggle: Lr
@@ -5623,8 +5627,8 @@ const ua = function(r) {
         const x = g.rawTagName;
         let w = g.tagExp, N = g.attrExpPresent, O = g.closeIndex;
         this.options.transformTagName && (m = this.options.transformTagName(m)), s && c && s.tagname !== "!xml" && (c = this.saveTextToParentTag(c, s, l, !1));
-        const C = s;
-        C && this.options.unpairedTags.indexOf(C.tagname) !== -1 && (s = this.tagsNodeStack.pop(), l = l.substring(0, l.lastIndexOf("."))), m !== n.tagname && (l += l ? "." + m : m);
+        const M = s;
+        M && this.options.unpairedTags.indexOf(M.tagname) !== -1 && (s = this.tagsNodeStack.pop(), l = l.substring(0, l.lastIndexOf("."))), m !== n.tagname && (l += l ? "." + m : m);
         const _ = u;
         if (this.isItStopNode(this.options.stopNodes, l, m)) {
           let B = "";
@@ -5905,8 +5909,8 @@ function fi(r, n, s, c) {
     }
     let w = c;
     w !== "" && (w += n.indentBy);
-    const N = Vr(g[":@"], n), O = c + `<${m}${N}`, C = fi(g[m], n, x, w);
-    n.unpairedTags.indexOf(m) !== -1 ? n.suppressUnpairedNode ? l += O + ">" : l += O + "/>" : (!C || C.length === 0) && n.suppressEmptyNode ? l += O + "/>" : C && C.endsWith(">") ? l += O + `>${C}${c}</${m}>` : (l += O + ">", C && c !== "" && (C.includes("/>") || C.includes("</")) ? l += c + n.indentBy + C + c : l += C, l += `</${m}>`), u = !0;
+    const N = Vr(g[":@"], n), O = c + `<${m}${N}`, M = fi(g[m], n, x, w);
+    n.unpairedTags.indexOf(m) !== -1 ? n.suppressUnpairedNode ? l += O + ">" : l += O + "/>" : (!M || M.length === 0) && n.suppressEmptyNode ? l += O + "/>" : M && M.endsWith(">") ? l += O + `>${M}${c}</${m}>` : (l += O + ">", M && c !== "" && (M.includes("/>") || M.includes("</")) ? l += c + n.indentBy + M + c : l += M, l += `</${m}>`), u = !0;
   }
   return l;
 }
@@ -6094,7 +6098,7 @@ const mc = /* @__PURE__ */ Se(({
   shouldStripStyles: u = !0,
   ...p
 }, g) => {
-  const m = "@_", x = ["id"].map((_) => `${m}${_}`), w = ["class"].map((_) => `${m}${_}`), N = ["fill", "stroke", "style"].map((_) => `${m}${_}`), O = ["x", "y"].map((_) => `${m}${_}`), C = () => {
+  const m = "@_", x = ["id"].map((_) => `${m}${_}`), w = ["class"].map((_) => `${m}${_}`), N = ["fill", "stroke", "style"].map((_) => `${m}${_}`), O = ["x", "y"].map((_) => `${m}${_}`), M = () => {
     const _ = new wa({
       attributeNamePrefix: m,
       ignoreAttributes: !1,
@@ -6133,7 +6137,7 @@ const mc = /* @__PURE__ */ Se(({
     {
       ...p,
       ref: g,
-      dangerouslySetInnerHTML: { __html: C() },
+      dangerouslySetInnerHTML: { __html: M() },
       role: "img"
     }
   );
@@ -6148,7 +6152,7 @@ const mc = /* @__PURE__ */ Se(({
   verticalSpacing: g = 0,
   ...m
 }, x) => {
-  const w = Te(null), [N, O] = ke(NaN), [C, _] = ke(NaN), [B, W] = ke(NaN), [D, X] = ke(NaN), j = () => se.from(w.current)?.width ?? 0, Y = () => se.from(w.current)?.height ?? 0, U = () => {
+  const w = Te(null), [N, O] = ke(NaN), [M, _] = ke(NaN), [B, W] = ke(NaN), [D, X] = ke(NaN), j = () => se.from(w.current)?.width ?? 0, Y = () => se.from(w.current)?.height ?? 0, U = () => {
     const re = w.current;
     if (!re) return;
     const ie = re.children, V = p;
@@ -6157,11 +6161,11 @@ const mc = /* @__PURE__ */ Se(({
       const ee = [...new Array(V)].map(() => 0);
       for (const R of Array.from(ie)) {
         if (!(R instanceof HTMLElement)) continue;
-        const M = Wr(R, p), [z, G] = Ur(ee, M);
-        R.role = "gridcell", R.style.position = "absolute", R.style.width = `calc(${100 / V * M}% - ${c * (V - 1) / V * M}px + ${c * (M - 1)}px)`, R.style.height = "", R.style.left = `calc(${100 / V * z}% - ${c * (V - 1) / V * z}px + ${c * z}px)`, R.style.top = `${G + (G === 0 ? 0 : g)}px`;
-        for (let Z = 0; Z < M; Z++)
+        const C = Wr(R, p), [z, G] = Ur(ee, C);
+        R.role = "gridcell", R.style.position = "absolute", R.style.width = `calc(${100 / V * C}% - ${c * (V - 1) / V * C}px + ${c * (C - 1)}px)`, R.style.height = "", R.style.left = `calc(${100 / V * z}% - ${c * (V - 1) / V * z}px + ${c * z}px)`, R.style.top = `${G + (G === 0 ? 0 : g)}px`;
+        for (let Z = 0; Z < C; Z++)
           ee[z + Z] = G + (G === 0 ? 0 : g) + (se.from(R)?.height ?? 0);
-        if (r && z + M === V) {
+        if (r && z + C === V) {
           const Z = St(ee);
           for (let Q = 0; Q < V; Q++)
             ee[Q] = Z;
@@ -6175,11 +6179,11 @@ const mc = /* @__PURE__ */ Se(({
       const ee = [...new Array(V)].map(() => 0);
       for (const R of Array.from(ie)) {
         if (!(R instanceof HTMLElement)) continue;
-        const M = Wr(R, p), [z, G] = Ur(ee, M);
-        R.style.position = "absolute", R.style.width = "", R.style.height = `calc(${100 / V * M}% - ${g * (V - 1) / V * M}px + ${g * (M - 1)}px)`, R.style.top = `calc(${100 / V * z}% - ${g * (V - 1) / V * z}px + ${g * z}px)`, R.style.left = `${G + (G === 0 ? 0 : c)}px`;
-        for (let Z = 0; Z < M; Z++)
+        const C = Wr(R, p), [z, G] = Ur(ee, C);
+        R.style.position = "absolute", R.style.width = "", R.style.height = `calc(${100 / V * C}% - ${g * (V - 1) / V * C}px + ${g * (C - 1)}px)`, R.style.top = `calc(${100 / V * z}% - ${g * (V - 1) / V * z}px + ${g * z}px)`, R.style.left = `${G + (G === 0 ? 0 : c)}px`;
+        for (let Z = 0; Z < C; Z++)
           ee[z + Z] = G + (G === 0 ? 0 : c) + (se.from(R)?.width ?? 0);
-        if (r && z + M === V) {
+        if (r && z + C === V) {
           const Z = St(ee);
           for (let Q = 0; Q < V; Q++)
             ee[Q] = Z;
@@ -6194,7 +6198,7 @@ const mc = /* @__PURE__ */ Se(({
   An(w, {
     onResize: (re) => {
       const ie = se.from(re)?.size ?? Ae.make(), V = j(), ee = Y();
-      (N !== V || C !== ee || ie.width !== B || ie.height !== D) && (U(), W(ie.width), X(ie.height));
+      (N !== V || M !== ee || ie.width !== B || ie.height !== D) && (U(), W(ie.width), X(ie.height));
     }
   }, [r, c, l, p, g, u]), he(() => {
     const re = Ia(w.current?.innerHTML);
@@ -6205,7 +6209,7 @@ const mc = /* @__PURE__ */ Se(({
       q.src = ee, q.onload = () => U();
     }
   }, [n]);
-  const H = Ma({ orientation: u }), T = Ca({ orientation: u, minHeight: C, minWidth: N });
+  const H = Ma({ orientation: u }), T = Ca({ orientation: u, minHeight: M, minWidth: N });
   return /* @__PURE__ */ S.jsx(
     "div",
     {
@@ -6305,7 +6309,7 @@ const bc = /* @__PURE__ */ Se(({
   onLoadImageError: w,
   onImageSizeChange: N,
   ...O
-}, C) => {
+}, M) => {
   const _ = (re, ie, V) => re - ie * n, B = Te(null), W = st(B), D = oi({ src: s }, {
     onLoadStart: m,
     onLoadComplete: x,
@@ -6334,7 +6338,7 @@ const bc = /* @__PURE__ */ Se(({
     "div",
     {
       ...O,
-      ref: C,
+      ref: M,
       "aria-valuenow": X,
       role: "slider",
       children: /* @__PURE__ */ S.jsx("div", { ref: B, style: T.body })
@@ -6384,7 +6388,7 @@ const xc = /* @__PURE__ */ Se(({
   onAngleChange: w,
   onDragEnd: N,
   onDragStart: O,
-  onLoadImageComplete: C,
+  onLoadImageComplete: M,
   onLoadImageError: _,
   onLoadImageStart: B,
   onImageSizeChange: W,
@@ -6396,17 +6400,17 @@ const xc = /* @__PURE__ */ Se(({
     const { width: k, height: J } = ee;
     return J === 0 ? 0 : k / J;
   }, U = () => {
-    const k = Math.min(360, Math.max(0, u ?? (m ? m.width / (m.height * M) * 360 : 0)));
+    const k = Math.min(360, Math.max(0, u ?? (m ? m.width / (m.height * C) * 360 : 0)));
     return V.width * (k / 360);
   }, H = () => V.width <= 0 ? x : ((V.width - z) * 0.5 + x * z) / V.width, T = () => {
     R(!0), O?.();
   }, re = () => {
     R(!1), N?.();
-  }, ie = Te(null), V = st(ie), [ee, q] = ke(), [L, R] = ke(!1), M = Y(), z = U(), G = H(), Z = He(l, {
+  }, ie = Te(null), V = st(ie), [ee, q] = ke(), [L, R] = ke(!1), C = Y(), z = U(), G = H(), Z = He(l, {
     track: bn,
     reticle: Dr,
     indicator: qr
-  }), Q = za({ autoDimension: c, panoramaRect: V, aspectRatio: M, reticleWidth: z });
+  }), Q = za({ autoDimension: c, panoramaRect: V, aspectRatio: C, reticleWidth: z });
   return /* @__PURE__ */ S.jsxs(
     "div",
     {
@@ -6428,7 +6432,7 @@ const xc = /* @__PURE__ */ Se(({
             onDragEnd: re,
             onDragStart: T,
             onImageSizeChange: q,
-            onLoadImageComplete: C,
+            onLoadImageComplete: M,
             onLoadImageError: _,
             onLoadImageStart: B,
             onPositionChange: D
@@ -6514,7 +6518,7 @@ const wc = /* @__PURE__ */ Se(({
   steps: w = -1,
   onRangeChange: N,
   ...O
-}, C) => {
+}, M) => {
   const _ = (pe) => (pe - g) / (p - g), B = (pe) => pe / (m === "horizontal" ? H.width : H.height), W = (pe) => pe * (p - g) + g, D = (pe) => W(B(pe)), X = (pe) => pe * (m === "horizontal" ? H.width : H.height), j = (pe) => X(_(pe)), Y = (pe) => {
     const oe = Q.length;
     let te = 0, ae = 1 / 0;
@@ -6529,7 +6533,7 @@ const wc = /* @__PURE__ */ Se(({
       const ae = m === "horizontal" ? oe : te, A = j(g), ge = j(ie[1]), we = j(pe) + ae;
       return D(Math.max(A, Math.min(ge, we)));
     }
-  }, [g, m, H.size.width, H.size.height, ie[1]]), { isDragging: [M], isReleasing: [z], value: [G, Z] } = Nt(re, {
+  }, [g, m, H.size.width, H.size.height, ie[1]]), { isDragging: [C], isReleasing: [z], value: [G, Z] } = Nt(re, {
     initialValue: x?.[1] ?? p,
     transform: (pe, oe, te) => {
       const ae = m === "horizontal" ? oe : te, A = j(ie[0]), ge = j(p), we = j(pe) + ae;
@@ -6541,7 +6545,7 @@ const wc = /* @__PURE__ */ Se(({
   }, [L]), he(() => {
     ie[1] !== G && (V([ie[0], G]), N?.(ie));
   }, [G]), he(() => {
-    ee || M || Ge(x, ie) || (V(x ?? [g, p]), R(x?.[0] ?? g), Z(x?.[1] ?? p));
+    ee || C || Ge(x, ie) || (V(x ?? [g, p]), R(x?.[0] ?? g), Z(x?.[1] ?? p));
   }, [x?.[0], x?.[1]]), he(() => {
     w < 0 || R(Y(L));
   }, [q]), he(() => {
@@ -6557,7 +6561,7 @@ const wc = /* @__PURE__ */ Se(({
     "div",
     {
       ...O,
-      ref: C,
+      ref: M,
       "aria-valuemax": p,
       "aria-valuemin": g,
       className: ue(n, m),
@@ -6594,7 +6598,7 @@ const wc = /* @__PURE__ */ Se(({
           })
         }, /* @__PURE__ */ S.jsx("div", { style: Pe.knobHitBox }), xe.label && Ne(xe.label, {
           className: ue({
-            dragging: ee || M,
+            dragging: ee || C,
             releasing: q || z
           }),
           style: le(Pe.label)
@@ -6610,8 +6614,8 @@ const wc = /* @__PURE__ */ Se(({
           ref: re,
           disabled: Ge([L, G], [p, p]),
           className: ue({
-            dragging: M,
-            releasing: M
+            dragging: C,
+            releasing: C
           }),
           style: le(Pe.knob, {
             pointerEvents: Ge([L, G], [p, p]) ? "none" : "auto"
@@ -6624,7 +6628,7 @@ const wc = /* @__PURE__ */ Se(({
           })
         }, /* @__PURE__ */ S.jsx("div", { style: Pe.knobHitBox }), xe.label && Ne(xe.label, {
           className: ue({
-            dragging: M,
+            dragging: C,
             releasing: z
           }),
           style: le(Pe.label)
@@ -6736,23 +6740,23 @@ const Ec = /* @__PURE__ */ Se(({
   labelProvider: w,
   onDragEnd: N,
   onDragStart: O,
-  onPositionChange: C,
+  onPositionChange: M,
   ..._
 }, B) => {
-  const W = (R, M, z) => {
-    const G = se.from(X.current) ?? se.make(), Z = s ? 1 - R : R, Q = Z * G.width + M, k = Z * G.height + z, J = g === "vertical" ? Math.max(0, Math.min(1, k / G.height)) : Math.max(0, Math.min(1, Q / G.width));
+  const W = (R, C, z) => {
+    const G = se.from(X.current) ?? se.make(), Z = s ? 1 - R : R, Q = Z * G.width + C, k = Z * G.height + z, J = g === "vertical" ? Math.max(0, Math.min(1, k / G.height)) : Math.max(0, Math.min(1, Q / G.width));
     return s ? 1 - J : J;
   }, D = (R) => {
     if (!c) return;
-    const M = se.from(X.current) ?? se.make(), z = se.fromViewport();
+    const C = se.from(X.current) ?? se.make(), z = se.fromViewport();
     switch (g) {
       case "horizontal": {
-        const G = (R.clientX + z.left - M.left) / M.width, Z = s ? 1 - G : G;
+        const G = (R.clientX + z.left - C.left) / C.width, Z = s ? 1 - G : G;
         T(Z);
         break;
       }
       case "vertical": {
-        const G = (R.clientY + z.top - M.top) / M.height, Z = s ? 1 - G : G;
+        const G = (R.clientY + z.top - C.top) / C.height, Z = s ? 1 - G : G;
         T(Z);
         break;
       }
@@ -6766,9 +6770,9 @@ const Ec = /* @__PURE__ */ Se(({
   he(() => {
     Y || m === H || T(m);
   }, [m]), he(() => {
-    Y && p || C?.(H, Y);
+    Y && p || M?.(H, Y);
   }, [H]), he(() => {
-    Y || !p || C?.(H, !0);
+    Y || !p || M?.(H, !0);
   }, [Y]);
   const ee = He(r, {
     knob: Jr,
@@ -6918,7 +6922,7 @@ const Sc = /* @__PURE__ */ Se(({
   steps: w = Ha(10),
   trackPadding: N = 0,
   onDragEnd: O,
-  onDragStart: C,
+  onDragStart: M,
   onIndexChange: _,
   onPositionChange: B,
   ...W
@@ -6944,9 +6948,9 @@ const Sc = /* @__PURE__ */ Se(({
   }, Y = Te(null), U = Te(null), [H, T] = ke(s), { isDragging: [re], isReleasing: [ie], value: [V, ee] } = Nt(U, {
     initialValue: Vt(s, w),
     transform: X,
-    onDragStart: C,
+    onDragStart: M,
     onDragEnd: O
-  }, [c, x]), q = c ? 1 - V : V, L = c ? V === 0 : V === 1, R = c ? V === 1 : V === 0, M = He(r, {
+  }, [c, x]), q = c ? 1 - V : V, L = c ? V === 0 : V === 1, R = c ? V === 1 : V === 0, C = He(r, {
     knob: Qr,
     label: ei,
     track: En
@@ -6975,7 +6979,7 @@ const Sc = /* @__PURE__ */ Se(({
       className: ue(n, z.root),
       role: "slider",
       children: /* @__PURE__ */ S.jsxs("div", { ref: Y, style: G.body, children: [
-        Ne(M.track ?? /* @__PURE__ */ S.jsx(En, {}), {
+        Ne(C.track ?? /* @__PURE__ */ S.jsx(En, {}), {
           className: ue("start", z.track),
           style: le(G.track, x === "vertical" ? {
             height: `calc(${q * 100}% - ${N <= 0 ? 0 : u * 0.5}px - ${N}px)`,
@@ -6986,7 +6990,7 @@ const Sc = /* @__PURE__ */ Se(({
           }),
           onClick: j
         }, /* @__PURE__ */ S.jsx("div", { style: G.trackHitBox })),
-        Ne(M.track ?? /* @__PURE__ */ S.jsx(En, {}), {
+        Ne(C.track ?? /* @__PURE__ */ S.jsx(En, {}), {
           className: ue("end", z.track),
           style: le(G.track, x === "vertical" ? {
             bottom: "0",
@@ -6997,10 +7001,10 @@ const Sc = /* @__PURE__ */ Se(({
           }),
           onClick: j
         }, /* @__PURE__ */ S.jsx("div", { style: G.trackHitBox })),
-        /* @__PURE__ */ S.jsx("button", { ref: U, style: G.knobContainer, children: Ne(M.knob ?? /* @__PURE__ */ S.jsx(Qr, {}), {
+        /* @__PURE__ */ S.jsx("button", { ref: U, style: G.knobContainer, children: Ne(C.knob ?? /* @__PURE__ */ S.jsx(Qr, {}), {
           className: ue(z.knob),
           style: le(G.knob)
-        }, w && g && Ne(M.label ?? /* @__PURE__ */ S.jsx(ei, {}), {
+        }, w && g && Ne(C.label ?? /* @__PURE__ */ S.jsx(ei, {}), {
           className: ue(z.label),
           style: le(G.label)
         }, g(V, Tn(V, w)))) })
@@ -7122,16 +7126,16 @@ const Nc = /* @__PURE__ */ Se(({
   onSwipeUp: p,
   ...g
 }, m) => {
-  const [x, w] = ke(void 0), [N, O] = ke(void 0), [C, _] = ke(NaN), B = (j, Y) => {
+  const [x, w] = ke(void 0), [N, O] = ke(void 0), [M, _] = ke(NaN), B = (j, Y) => {
     if (isNaN(j) || isNaN(Y)) return X();
     w(ye.make(j, Y));
   }, W = (j, Y) => {
     const U = x;
     if (U === void 0) return;
-    const H = U.x !== j || U.y !== Y, T = !isNaN(C);
+    const H = U.x !== j || U.y !== Y, T = !isNaN(M);
     H && (T || _(Date.now()), O(ye.make(j, Y)));
   }, D = () => {
-    const j = C, Y = x, U = N;
+    const j = M, Y = x, U = N;
     if (isNaN(j) || Y === void 0 || U === void 0) return;
     const H = Date.now() - j, T = U.x - Y.x, re = U.y - Y.y, ie = T / H, V = re / H;
     n && (Math.abs(ie) >= s && Math.abs(ie) > Math.abs(V) ? ie > 0 ? u?.() : l?.() : Math.abs(V) >= s && Math.abs(V) > Math.abs(ie) && (V > 0 ? c?.() : p?.())), X();
@@ -7169,7 +7173,7 @@ function Pc({
   const w = () => {
     const W = document.createElement("span");
     W.className = ue(n), W.innerHTML = g, W.role = "tooltip";
-    const D = c ?? (C.current ? Wa(C.current, x) : "tl"), X = Ua(W), j = Ga({ alignment: D, arrowSize: Ae.make(u, l), gap: p, maxDialogWidth: m, fullDialogWidth: X.width, targetWidth: B.width }), Y = le(s, j.dialog);
+    const D = c ?? (M.current ? Wa(M.current, x) : "tl"), X = Ua(W), j = Ga({ alignment: D, arrowSize: Ae.make(u, l), gap: p, maxDialogWidth: m, fullDialogWidth: X.width, targetWidth: B.width }), Y = le(s, j.dialog);
     Object.keys(Y).forEach((H) => W.style[H] = Y[H]);
     const U = document.createElement("span");
     return Object.keys(j.arrow).forEach((H) => U.style[H] = j.arrow[H]), W.appendChild(U), W;
@@ -7177,13 +7181,13 @@ function Pc({
     _.current && (_.current.style.opacity = "1", _.current.ariaHidden = "false");
   }, O = () => {
     _.current && (_.current.style.opacity = "0", _.current.ariaHidden = "true");
-  }, C = Te(null), _ = Te(void 0), B = st(C);
+  }, M = Te(null), _ = Te(void 0), B = st(M);
   return he(() => {
     const W = w();
-    return C.current?.appendChild(W), _.current = W, () => {
-      C.current?.removeChild(W), _.current = void 0;
+    return M.current?.appendChild(W), _.current = W, () => {
+      M.current?.removeChild(W), _.current = void 0;
     };
-  }, [c, l, u, n, p, g, m, s, C.current, x]), /* @__PURE__ */ S.jsx(Vo, { ref: C, onMouseEnter: N, onMouseLeave: O, children: r });
+  }, [c, l, u, n, p, g, m, s, M.current, x]), /* @__PURE__ */ S.jsx(Vo, { ref: M, onMouseEnter: N, onMouseLeave: O, children: r });
 }
 function Ua(r) {
   const n = r.cloneNode(!1);