etudes 22.3.0 → 23.1.0

package/build/etudes.js

@@ -7,7 +7,7 @@ var xo;
 function Xs() {
   if (xo) return St;
   xo = 1;
-  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
   function i(a, c, u) {
     var d = null;
     if (u !== void 0 && (d = "" + u), c.key !== void 0 && (d = "" + c.key), "key" in c) {
@@ -39,13 +39,13 @@ function Us() {
           return "Fragment";
         case W:
           return "Profiler";
-        case q:
+        case K:
           return "StrictMode";
         case P:
           return "Suspense";
         case E:
           return "SuspenseList";
-        case K:
+        case G:
           return "Activity";
       }
       if (typeof k == "object")
@@ -83,11 +83,11 @@ function Us() {
       }
       if (U) {
         U = console;
-        var Z = U.error, G = typeof Symbol == "function" && Symbol.toStringTag && k[Symbol.toStringTag] || k.constructor.name || "Object";
+        var Z = U.error, q = typeof Symbol == "function" && Symbol.toStringTag && k[Symbol.toStringTag] || k.constructor.name || "Object";
         return Z.call(
           U,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          G
+          q
         ), r(k);
       }
     }
@@ -134,14 +134,14 @@ function Us() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), k = this.props.ref, k !== void 0 ? k : null;
     }
-    function b(k, U, Z, G, fe, ge) {
+    function b(k, U, Z, q, fe, ge) {
       var ue = Z.ref;
       return k = {
         $$typeof: A,
         type: k,
         key: U,
         props: Z,
-        _owner: G
+        _owner: q
       }, (ue !== void 0 ? ue : null) !== null ? Object.defineProperty(k, "ref", {
         enumerable: !1,
         get: m
@@ -167,13 +167,13 @@ function Us() {
         value: ge
       }), Object.freeze && (Object.freeze(k.props), Object.freeze(k)), k;
     }
-    function T(k, U, Z, G, fe, ge) {
+    function T(k, U, Z, q, fe, ge) {
       var ue = U.children;
       if (ue !== void 0)
-        if (G)
+        if (q)
           if (D(ue)) {
-            for (G = 0; G < ue.length; G++)
-              _(ue[G]);
+            for (q = 0; q < ue.length; q++)
+              _(ue[q]);
             Object.freeze && Object.freeze(ue);
           } else
             console.error(
@@ -185,18 +185,18 @@ function Us() {
         var Ne = Object.keys(U).filter(function(Be) {
           return Be !== "key";
         });
-        G = 0 < Ne.length ? "{key: someKey, " + Ne.join(": ..., ") + ": ...}" : "{key: someKey}", R[ue + G] || (Ne = 0 < Ne.length ? "{" + Ne.join(": ..., ") + ": ...}" : "{}", console.error(
+        q = 0 < Ne.length ? "{key: someKey, " + Ne.join(": ..., ") + ": ...}" : "{key: someKey}", R[ue + q] || (Ne = 0 < Ne.length ? "{" + Ne.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          G,
+          q,
           ue,
           Ne,
           ue
-        ), R[ue + G] = !0);
+        ), R[ue + q] = !0);
       }
       if (ue = null, Z !== void 0 && (i(Z), ue = "" + Z), d(U) && (i(U.key), ue = "" + U.key), "key" in U) {
         Z = {};
@@ -221,7 +221,7 @@ React keys must be passed directly to JSX without using spread:
     function I(k) {
       return typeof k == "object" && k !== null && k.$$typeof === A;
     }
-    var $ = Bs, A = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), W = Symbol.for("react.profiler"), Y = Symbol.for("react.consumer"), J = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), oe = Symbol.for("react.client.reference"), Q = $.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, D = Array.isArray, z = console.createTask ? console.createTask : function() {
+    var $ = Bs, A = /* @__PURE__ */ Symbol.for("react.transitional.element"), S = /* @__PURE__ */ Symbol.for("react.portal"), C = /* @__PURE__ */ Symbol.for("react.fragment"), K = /* @__PURE__ */ Symbol.for("react.strict_mode"), W = /* @__PURE__ */ Symbol.for("react.profiler"), Y = /* @__PURE__ */ Symbol.for("react.consumer"), J = /* @__PURE__ */ Symbol.for("react.context"), x = /* @__PURE__ */ Symbol.for("react.forward_ref"), P = /* @__PURE__ */ Symbol.for("react.suspense"), E = /* @__PURE__ */ Symbol.for("react.suspense_list"), M = /* @__PURE__ */ Symbol.for("react.memo"), B = /* @__PURE__ */ Symbol.for("react.lazy"), G = /* @__PURE__ */ Symbol.for("react.activity"), oe = /* @__PURE__ */ Symbol.for("react.client.reference"), Q = $.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, D = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
     $ = {
@@ -234,24 +234,24 @@ React keys must be passed directly to JSX without using spread:
       u
     )(), F = z(a(u)), R = {};
     _t.Fragment = C, _t.jsx = function(k, U, Z) {
-      var G = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      var q = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return T(
         k,
         U,
         Z,
         !1,
-        G ? Error("react-stack-top-frame") : ae,
-        G ? z(a(k)) : F
+        q ? Error("react-stack-top-frame") : ae,
+        q ? z(a(k)) : F
       );
     }, _t.jsxs = function(k, U, Z) {
-      var G = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      var q = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return T(
         k,
         U,
         Z,
         !0,
-        G ? Error("react-stack-top-frame") : ae,
-        G ? z(a(k)) : F
+        q ? Error("react-stack-top-frame") : ae,
+        q ? z(a(k)) : F
       );
     };
   })()), _t;
@@ -371,15 +371,7 @@ const Yo = /* @__PURE__ */ Te(({
           "aria-hidden": !0,
           className: se(b.bar),
           element: m.bar ?? /* @__PURE__ */ w.jsx(rn, {}),
-          style: (() => {
-            switch (u) {
-              case 2:
-                return ce(T.bar, T[`bar${_}${I === 0 ? 0 : 2}`]);
-              case 3:
-              default:
-                return ce(T.bar, T[`bar${_}${I}`]);
-            }
-          })()
+          style: u === 2 ? ce(T.bar, T[`bar${_}${I === 0 ? 0 : 2}`]) : ce(T.bar, T[`bar${_}${I}`])
         }
       ) }) }) })
     }
@@ -732,24 +724,24 @@ var be;
   e.zero = r();
   function r(x = 0, P = 0, E = 0, M = 0) {
     if (typeof x == "number" && typeof P == "number") {
-      const B = x, K = P;
+      const B = x, G = P;
       return {
-        top: K,
+        top: G,
         right: B + E,
-        bottom: K + M,
+        bottom: G + M,
         left: B,
         width: E,
         height: M
       };
     } else if (_e.isPoint(x) && je.isSize(P)) {
-      const B = x, K = P;
+      const B = x, G = P;
       return {
         top: B.y,
-        right: B.x + K.width,
-        bottom: B.y + K.height,
+        right: B.x + G.width,
+        bottom: B.y + G.height,
         left: B.x,
-        width: K.width,
-        height: K.height
+        width: G.width,
+        height: G.height
       };
     } else {
       const B = x;
@@ -784,13 +776,13 @@ var be;
       if (x == null) return;
       if (Y(x)) return x;
       if (Tt(x)) return c(document.documentElement || document.body.parentNode || document.body, P);
-      const E = x instanceof Array ? x : [x], M = E.length, B = P.reference || window, K = u(), oe = Tt(B) ? K : c(P.reference);
-      if (!K || !oe) return;
+      const E = x instanceof Array ? x : [x], M = E.length, B = P.reference || window, G = u(), oe = Tt(B) ? G : c(P.reference);
+      if (!G || !oe) return;
       let Q;
       for (let X = 0; X < M; X++) {
         const D = E[X], z = D.getBoundingClientRect(), te = r({
-          x: z.left + K.left - (Tt(B) ? 0 : oe.left),
-          y: z.top + K.top - (Tt(B) ? 0 : oe.top),
+          x: z.left + G.left - (Tt(B) ? 0 : oe.left),
+          y: z.top + G.top - (Tt(B) ? 0 : oe.top),
           width: P.overflow ? D.scrollWidth : D instanceof HTMLElement ? D.offsetWidth : z.width,
           height: P.overflow ? D.scrollHeight : D instanceof HTMLElement ? D.offsetHeight : z.height
         });
@@ -841,11 +833,11 @@ var be;
     try {
       const P = x.length, E = {};
       let M, B;
-      for (let K = 0; K < P; K++) {
-        if (M || (M = c(x[K])), K === 0 && K + 1 === P)
+      for (let G = 0; G < P; G++) {
+        if (M || (M = c(x[G])), G === 0 && G + 1 === P)
           B = u();
-        else if (K + 1 < P)
-          B = c(x[K + 1]);
+        else if (G + 1 < P)
+          B = c(x[G + 1]);
         else
           break;
         !M || !B || (E.width = Math.max(0, Math.min(M.right, B.right) - Math.max(M.left, B.left)), E.height = Math.max(0, Math.min(M.bottom, B.bottom) - Math.max(M.top, B.top)), E.y = Math.max(M.top, B.top), E.x = Math.max(M.left, B.left), E.width * E.height === 0 && (E.width = 0, E.height = 0, E.y = NaN, E.x = NaN), M = r(E));
@@ -896,7 +888,7 @@ var be;
     return `Rect(top=${x.top}, right=${x.right}, bottom=${x.bottom}, left=${x.left}, width=${x.width}, height=${x.height})`;
   }
   e.toString = C;
-  function q(x) {
+  function K(x) {
     return Object.freeze({
       top: x.top,
       right: x.right,
@@ -906,7 +898,7 @@ var be;
       height: x.height
     });
   }
-  e.toJSON = q;
+  e.toJSON = K;
   function W(x) {
     return !(typeof x.x != "number" || typeof x.y != "number" || typeof x.width != "number" || typeof x.height != "number");
   }
@@ -1166,9 +1158,9 @@ const Jo = /* @__PURE__ */ Te(({
 }, _) => {
   const I = (P) => {
     C(P ? P.width / P.height : NaN);
-  }, $ = we(null), A = _ ?? $, [S, C] = Oe(NaN), q = isNaN(i) ? S : i, W = nt(A), Y = W.width / W.height, J = je.make(
-    Y > 1 ? Math.max(W.width, W.height * q) : Math.max(W.width, Math.max(W.height, W.width / q) * q),
-    Y > 1 ? Math.max(W.height, Math.max(W.width, W.height * q) / q) : Math.max(W.height, W.width / q)
+  }, $ = we(null), A = _ ?? $, [S, C] = Oe(NaN), K = isNaN(i) ? S : i, W = nt(A), Y = W.width / W.height, J = je.make(
+    Y > 1 ? Math.max(W.width, W.height * K) : Math.max(W.width, Math.max(W.height, W.width / K) * K),
+    Y > 1 ? Math.max(W.height, Math.max(W.width, W.height * K) / K) : Math.max(W.height, W.width / K)
   ), x = ze(e, {
     content: vr,
     viewport: yr
@@ -1289,7 +1281,7 @@ const Zo = /* @__PURE__ */ Te(({
   onPause: A,
   onPlay: S,
   onSizeChange: C,
-  onTimeUpdate: q,
+  onTimeUpdate: K,
   ...W
 }, Y) => {
   const J = we(null), x = Y ?? J, P = ra(d, {
@@ -1321,13 +1313,13 @@ const Zo = /* @__PURE__ */ Te(({
     r && te.paused && X(), m?.();
   }, B = (z) => {
     S?.();
-  }, K = (z) => {
+  }, G = (z) => {
     A?.();
   }, oe = (z) => {
     b?.();
   }, Q = (z) => {
     const te = z.currentTarget;
-    q?.(te.currentTime, te.duration);
+    K?.(te.currentTime, te.duration);
   }, X = () => {
     x.current && x.current.play();
   }, D = () => {
@@ -1347,7 +1339,7 @@ const Zo = /* @__PURE__ */ Te(({
       style: { ...E.root, ...g },
       onCanPlay: M,
       onEnded: oe,
-      onPause: K,
+      onPause: G,
       onPlay: B,
       onTimeUpdate: Q,
       children: /* @__PURE__ */ w.jsx("source", { src: d })
@@ -1380,14 +1372,14 @@ const Qo = /* @__PURE__ */ Te(({
   onLoadMetadata: A,
   onLoadMetadataComplete: S,
   onLoadMetadataError: C,
-  onPause: q,
+  onPause: K,
   onPlay: W,
   onSizeChange: Y,
   ...J
 }, x) => {
   const P = (z) => {
-    K(z ? z.width / z.height : NaN), Y?.(z);
-  }, E = x ?? we(null), M = nt(E), [B, K] = Oe(NaN), oe = isNaN(a) ? B : a, Q = M.width / M.height, X = je.make(
+    G(z ? z.width / z.height : NaN), Y?.(z);
+  }, E = x ?? we(null), M = nt(E), [B, G] = Oe(NaN), oe = isNaN(a) ? B : a, Q = M.width / M.height, X = je.make(
     Q > 1 ? Math.max(M.width, M.height * oe) : Math.max(M.width, Math.max(M.height, M.width / oe) * oe),
     Q > 1 ? Math.max(M.height, Math.max(M.width, M.height * oe) / oe) : Math.max(M.height, M.width / oe)
   ), D = ze(r, {
@@ -1423,7 +1415,7 @@ const Qo = /* @__PURE__ */ Te(({
             onLoadMetadata: A,
             onLoadMetadataComplete: S,
             onLoadMetadataError: C,
-            onPause: q,
+            onPause: K,
             onPlay: W,
             onSizeChange: (z) => P(z)
           }
@@ -1686,9 +1678,9 @@ function da() {
       }
       var C = function(n) {
         return !(!n || !n.Window) && n instanceof n.Window;
-      }, q = void 0, W = void 0;
+      }, K = void 0, W = void 0;
       function Y(n) {
-        q = n;
+        K = n;
         var t = n.document.createTextNode("");
         t.ownerDocument !== n.document && typeof n.wrap == "function" && n.wrap(t) === t && (n = n.wrap(n)), W = n;
       }
@@ -1736,9 +1728,9 @@ function da() {
           }
         }
       }
-      var K = { id: "actions/drag", install: function(n) {
+      var G = { id: "actions/drag", install: function(n) {
         var t = n.actions, o = n.Interactable, s = n.defaults;
-        o.prototype.draggable = K.draggable, t.map.drag = K, t.methodDict.drag = "draggable", s.actions.drag = K.defaults;
+        o.prototype.draggable = G.draggable, t.map.drag = G, t.methodDict.drag = "draggable", s.actions.drag = G.defaults;
       }, listeners: { "interactions:before-action-move": M, "interactions:action-resume": M, "interactions:action-move": B, "auto-start:check": function(n) {
         var t = n.interaction, o = n.interactable, s = n.buttons, l = o.options.drag;
         if (l && l.enabled && (!t.pointerIsDown || !/mouse|pointer/.test(t.pointerType) || (s & o.options.drag.mouseButtons) != 0)) return n.action = { name: "drag", axis: l.lockAxis === "start" ? l.startAxis : l.lockAxis }, !1;
@@ -1748,7 +1740,7 @@ function da() {
         return "move";
       }, filterEventType: function(n) {
         return n.search("drag") === 0;
-      } }, oe = K, Q = { init: function(n) {
+      } }, oe = G, Q = { init: function(n) {
         var t = n;
         Q.document = t.document, Q.DocumentFragment = t.DocumentFragment || X, Q.SVGElement = t.SVGElement || X, Q.SVGSVGElement = t.SVGSVGElement || X, Q.SVGElementInstance = t.SVGElementInstance || X, Q.Element = t.Element || X, Q.HTMLElement = t.HTMLElement || Q.Element, Q.Event = t.Event, Q.Touch = t.Touch || X, Q.PointerEvent = t.PointerEvent || t.MSPointerEvent;
       }, document: null, DocumentFragment: null, SVGElement: null, SVGSVGElement: null, SVGElementInstance: null, Element: null, HTMLElement: null, Event: null, Touch: null, PointerEvent: null };
@@ -1782,7 +1774,7 @@ function da() {
         return t;
       }
       function R(n, t) {
-        return W !== q && (t = t.replace(/\/deep\//g, " ")), n[te.prefixedMatchesSelector](t);
+        return W !== K && (t = t.replace(/\/deep\//g, " ")), n[te.prefixedMatchesSelector](t);
       }
       var k = function(n) {
         return n.parentNode || n.host;
@@ -1798,7 +1790,7 @@ function da() {
         }
         return !1;
       }
-      function G(n) {
+      function q(n) {
         return n.correspondingUseElement || n;
       }
       function fe(n) {
@@ -1937,7 +1929,7 @@ function da() {
       }
       function Mr(n) {
         var t = E.func(n.composedPath) ? n.composedPath() : n.path;
-        return [G(t ? t[0] : n.target), G(n.currentTarget)];
+        return [q(t ? t[0] : n.target), q(n.currentTarget)];
       }
       var Dt = (function() {
         function n(t) {
@@ -3884,8 +3876,8 @@ function ga(e, {
         d.current?.(I);
       },
       onmove: ({ client: _, clientX0: I, clientY0: $, dx: A, dy: S }) => {
-        const C = _e.make(I, $), q = _e.make(_), W = _e.make(A, S);
-        g.current?.(W, q, C);
+        const C = _e.make(I, $), K = _e.make(_), W = _e.make(A, S);
+        g.current?.(W, K, C);
       },
       onend: ({ client: _, clientX0: I, clientY0: $ }) => {
         const A = _e.make(I, $), S = _e.make(_);
@@ -3905,13 +3897,13 @@ function zt(e, {
   onDragEnd: u,
   ...d
 }) {
-  const g = we(r), [m, b] = Oe(!1), [T, _] = Oe(!1), [I, $] = Oe(r), A = Se(a), S = Se(c), C = Se(u), q = Se(i);
+  const g = we(r), [m, b] = Oe(!1), [T, _] = Oe(!1), [I, $] = Oe(r), A = Se(a), S = Se(c), C = Se(u), K = Se(i);
   return ga(e, {
     onDragStart: (x) => {
       b(!0), _(!1), A.current?.(x);
     },
     onDragMove: (x, P, E) => {
-      const M = q.current(g.current, x.x, x.y);
+      const M = K.current(g.current, x.x, x.y);
       _o(g, M) && $(M), b(!0), _(!1), S.current?.(x, P, E);
     },
     onDragEnd: (x, P) => {
@@ -3945,7 +3937,7 @@ const ti = /* @__PURE__ */ Te(({
   onImageSizeChange: _,
   ...I
 }, $) => {
-  const A = he((M, B, K) => M - B * r, [r]), S = we(null), C = nt(S), q = Go({ src: i }, {
+  const A = he((M, B, G) => M - B * r, [r]), S = we(null), C = nt(S), K = Go({ src: i }, {
     onLoadStart: m,
     onLoadComplete: b,
     onLoadError: T
@@ -3956,18 +3948,18 @@ const ti = /* @__PURE__ */ Te(({
     onDragEnd: g
   });
   Ee(() => {
-    if (J || !q) return;
-    const M = va(e, q, be.size(C), a);
+    if (J || !K) return;
+    const M = va(e, K, be.size(C), a);
     M !== x && P(M), e !== W && Y(e);
-  }, [e, q, C.width, C.height, a]), Ee(() => {
-    if (!J || !q) return;
-    const M = ya(x, q, be.size(C), a);
+  }, [e, K, C.width, C.height, a]), Ee(() => {
+    if (!J || !K) return;
+    const M = ya(x, K, be.size(C), a);
     W !== M && Y(M);
-  }, [x, q, C.width, C.height, a]), Ee(() => {
+  }, [x, K, C.width, C.height, a]), Ee(() => {
     c?.(W, J), u?.(W / 360, J);
   }, [W]), Ee(() => {
-    _?.(q);
-  }, [q?.width, q?.height]);
+    _?.(K);
+  }, [K?.width, K?.height]);
   const E = ma({ src: i, displacement: x });
   return /* @__PURE__ */ w.jsx(
     "div",
@@ -4028,7 +4020,7 @@ const ri = /* @__PURE__ */ Te(({
   onLoadImageError: A,
   onLoadImageStart: S,
   onImageSizeChange: C,
-  onPositionChange: q,
+  onPositionChange: K,
   ...W
 }, Y) => {
   const J = we(null), x = nt(J), [P, E] = Oe(), [M, B] = Oe(!1), oe = he(() => {
@@ -4071,7 +4063,7 @@ const ri = /* @__PURE__ */ Te(({
             onLoadImageComplete: $,
             onLoadImageError: A,
             onLoadImageStart: S,
-            onPositionChange: q
+            onPositionChange: K
           }
         ),
         /* @__PURE__ */ w.jsx("div", { style: F.body, children: /* @__PURE__ */ w.jsxs("div", { style: F.controls, children: [
@@ -4179,12 +4171,7 @@ const xa = /* @__PURE__ */ Te(({
 });
 process.env.NODE_ENV === "development" && (xa.displayName = "SelectableButton");
 function wa({ children: e, if: r }) {
-  switch (typeof r) {
-    case "function":
-      return r() ? /* @__PURE__ */ w.jsx(w.Fragment, { children: e }) : /* @__PURE__ */ w.jsx(w.Fragment, {});
-    default:
-      return r ? /* @__PURE__ */ w.jsx(w.Fragment, { children: e }) : /* @__PURE__ */ w.jsx(w.Fragment, {});
-  }
+  return typeof r === "function" ? r() ? /* @__PURE__ */ w.jsx(w.Fragment, { children: e }) : /* @__PURE__ */ w.jsx(w.Fragment, {}) : r ? /* @__PURE__ */ w.jsx(w.Fragment, { children: e }) : /* @__PURE__ */ w.jsx(w.Fragment, {});
 }
 process.env.NODE_ENV === "development" && (wa.displayName = "Conditional");
 function Mn({
@@ -4266,7 +4253,7 @@ function Na({
   const T = we(null), _ = we(void 0), I = nt(T), $ = he(() => {
     const C = window.document.createElement("span");
     C.className = se(r), C.innerHTML = g, C.role = "tooltip";
-    const q = a ?? (T.current ? _a(T.current, b) : "tl"), W = Sa(C), Y = Pa({ alignment: q, arrowSize: je.make(u, c), gap: d, maxDialogWidth: m, fullDialogWidth: W.width, targetWidth: I.width }), J = ce(i, Y.dialog);
+    const K = a ?? (T.current ? _a(T.current, b) : "tl"), W = Sa(C), Y = Pa({ alignment: K, arrowSize: je.make(u, c), gap: d, maxDialogWidth: m, fullDialogWidth: W.width, targetWidth: I.width }), J = ce(i, Y.dialog);
     Object.keys(J).forEach((P) => C.style[P] = J[P]);
     const x = window.document.createElement("span");
     return Object.keys(Y.arrow).forEach((P) => x.style[P] = Y.arrow[P]), C.appendChild(x), C;
@@ -4471,26 +4458,7 @@ function Pa({ alignment: e, arrowSize: r, fullDialogWidth: i, gap: a, maxDialogW
   };
 }
 process.env.NODE_ENV === "development" && (Na.displayName = "WithTooltip");
-function Dl() {
-  const e = navigator.userAgent || navigator.vendor || window.opera;
-  return pt(() => {
-    switch (!0) {
-      case /android/i.test(e):
-        return "android";
-      case (/iPad|iPhone|iPod/.test(e) && !window.MSStream):
-        return "ios";
-      case /win/i.test(e):
-        return "windows";
-      case /mac/i.test(e):
-        return "macos";
-      case /linux/i.test(e):
-        return "linux";
-      default:
-        return "unknown";
-    }
-  }, [e]);
-}
-function Bl(e, { element: r, isEnabled: i = !0 } = {}) {
+function Dl(e, { element: r, isEnabled: i = !0 } = {}) {
   $e(() => {
     if (!i) return;
     const a = r ?? window.document.documentElement, c = a.className;
@@ -4499,7 +4467,7 @@ function Bl(e, { element: r, isEnabled: i = !0 } = {}) {
     };
   }, [e, r, i]);
 }
-function Hl(e, r) {
+function Bl(e, r) {
   const i = Se(r);
   $e(() => {
     const a = (c) => {
@@ -4521,7 +4489,7 @@ function Hl(e, r) {
     };
   }, []);
 }
-function Yl() {
+function Hl() {
   return he(async (e) => {
     const r = e.type, i = new ClipboardItem({ [r]: e });
     try {
@@ -4531,7 +4499,7 @@ function Yl() {
     }
   }, []);
 }
-function Xl() {
+function Yl() {
   return he((e, r) => {
     const i = URL.createObjectURL(e), a = document.createElement("a");
     a.href = i, a.download = r, document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(i);
@@ -4540,7 +4508,7 @@ function Xl() {
 function Ia() {
   return typeof window > "u" ? 1 : window.devicePixelRatio || 1;
 }
-function Ul() {
+function Xl() {
   return pt(() => Ia(), []);
 }
 function ka(e, {
@@ -4557,8 +4525,8 @@ function ka(e, {
   }, []), I = he((A) => {
     const S = e.current;
     if (!S || !d.current) return;
-    const C = _e.make(A.clientX, A.clientY), q = _e.subtract(g.current ?? d.current, C);
-    T.current?.(C, q, d.current), d.current = void 0, g.current = void 0, S.removeEventListener("mousemove", _), S.removeEventListener("mouseup", I, { capture: !0 }), S.removeEventListener("mouseleave", I), i && (S.style.cursor = "grab");
+    const C = _e.make(A.clientX, A.clientY), K = _e.subtract(g.current ?? d.current, C);
+    T.current?.(C, K, d.current), d.current = void 0, g.current = void 0, S.removeEventListener("mousemove", _), S.removeEventListener("mouseup", I, { capture: !0 }), S.removeEventListener("mouseleave", I), i && (S.style.cursor = "grab");
   }, [i, _]), $ = he((A) => {
     const S = e.current;
     if (!S) return;
@@ -4581,7 +4549,7 @@ function ka(e, {
       };
   }, [r, _, I, $]);
 }
-function Kl(e) {
+function Ul(e) {
   const [r, i] = Oe(!1), a = he((d) => {
     d.preventDefault(), d.stopPropagation(), i(!0);
   }, []), c = he((d) => {
@@ -4615,7 +4583,7 @@ function Ca(e, {
   }, [e, i, g]);
   return Ee(() => (r && e > 0 && m(), g), [r, e, m, g, ...c]), { start: m, stop: g };
 }
-function Gl() {
+function Kl() {
   const [e, r] = Oe(!1);
   return Ee(() => (r(!0), () => {
     r(!1);
@@ -4627,31 +4595,32 @@ function $a() {
 function ja() {
   return pt(() => $a(), []);
 }
-function ql(e, r, {
-  isEnabled: i = !0,
-  preventDefault: a = !0,
-  capture: c = !0,
-  target: u
+function Gl(e, r, {
+  capture: i = !1,
+  isEnabled: a = !0,
+  preventsDefault: c = !0,
+  stopsPropagation: u = !0,
+  target: d
 } = {}) {
-  const d = Se(r), g = Array.isArray(e) ? e : [e], m = pt(() => g.map((b) => b.toLowerCase()).sort(), [g]);
+  const g = Se(r), m = Array.isArray(e) ? e : [e], b = pt(() => m.map((T) => T.toLowerCase()).sort(), [m]);
   Ee(() => {
-    if (!i || m.length === 0) return;
-    const b = u && typeof u == "object" && "current" in u ? u.current : u || window;
-    if (!b) return;
-    const T = (_) => {
-      const I = new Set([
-        _.key.toLowerCase(),
-        _.ctrlKey && "control",
-        _.metaKey && "meta",
-        _.shiftKey && "shift",
-        _.altKey && "alt"
+    if (!a || b.length === 0) return;
+    const T = d && typeof d == "object" && "current" in d ? d.current : d || window;
+    if (!T) return;
+    const _ = (I) => {
+      const $ = new Set([
+        I.key.toLowerCase(),
+        I.ctrlKey && "control",
+        I.metaKey && "meta",
+        I.shiftKey && "shift",
+        I.altKey && "alt"
       ].filter(Boolean));
-      m.every((A) => I.has(A)) && I.size === m.length && (a && _.preventDefault(), d.current?.());
+      b.every((S) => $.has(S)) && $.size === b.length && (c && I.preventDefault(), u && I.stopPropagation(), g.current?.());
     };
-    return b.addEventListener("keydown", T, { capture: c }), () => {
-      b.removeEventListener("keydown", T, { capture: c });
+    return T.addEventListener("keydown", _, { capture: i }), () => {
+      T.removeEventListener("keydown", _, { capture: i });
     };
-  }, [i, a, c, m.join(",")]);
+  }, [a, c, i, b.join(",")]);
 }
 const Er = typeof window < "u" ? window.localStorage : void 0;
 function Aa({ defaultTTL: e = 300 } = {}) {
@@ -4687,9 +4656,28 @@ function za(e, r, i) {
   };
   return Er?.setItem(r, JSON.stringify(a)), e;
 }
-function Wl(e) {
+function ql(e) {
   return pt(() => Aa({ defaultTTL: e }), [e]);
 }
+function Wl() {
+  const e = navigator.userAgent || navigator.vendor || window.opera;
+  return pt(() => {
+    switch (!0) {
+      case /android/i.test(e):
+        return "android";
+      case (/iPad|iPhone|iPod/.test(e) && !window.MSStream):
+        return "ios";
+      case /win/i.test(e):
+        return "windows";
+      case /mac/i.test(e):
+        return "macos";
+      case /linux/i.test(e):
+        return "linux";
+      default:
+        return "unknown";
+    }
+  }, [e]);
+}
 function Jl(e, r = []) {
   const i = Se(e), a = we(void 0), c = we(!1);
   $e(() => {
@@ -4831,7 +4819,7 @@ const li = /* @__PURE__ */ Te(({
   onCustomEvent: A,
   onSelectAt: S,
   onSelectionChange: C,
-  ItemComponent: q,
+  ItemComponent: K,
   ...W
 }, Y) => {
   const J = Ua(T ?? [], d), x = Ka({ itemLength: c, itemPadding: u, layout: g, numSegments: m, orientation: b }), P = (X) => J.indexOf(X) >= 0, E = (X) => {
@@ -4857,7 +4845,7 @@ const li = /* @__PURE__ */ Te(({
     if (!P(X)) return;
     const D = (ne) => ne.filter((ae) => ae !== X), z = J, te = D(J);
     oe(z, te);
-  }, K = (X) => {
+  }, G = (X) => {
     I?.(X), _ !== "none" && (a ? E(X) : M(X));
   }, oe = (X, D) => {
     if (qe(X, D)) return;
@@ -4905,8 +4893,8 @@ const li = /* @__PURE__ */ Te(({
             } : {}
           }
         });
-        return q ? /* @__PURE__ */ w.jsx(
-          q,
+        return K ? /* @__PURE__ */ w.jsx(
+          K,
           {
             "aria-selected": te,
             className: se({ active: te }),
@@ -4916,7 +4904,7 @@ const li = /* @__PURE__ */ Te(({
             orientation: b,
             role: z,
             style: ne,
-            onClick: () => K(D),
+            onClick: () => G(D),
             onCustomEvent: (ae, F) => A?.(D, ae, F)
           }
         ) : /* @__PURE__ */ w.jsx(
@@ -4929,7 +4917,7 @@ const li = /* @__PURE__ */ Te(({
             selectionMode: _,
             style: ne,
             onActivateAt: I,
-            onClick: () => K(D),
+            onClick: () => G(D),
             children: `${X}`
           }
         );
@@ -5010,12 +4998,12 @@ const fi = /* @__PURE__ */ Te(({
   onHeaderCustomEvent: A,
   onItemCustomEvent: S,
   onSelectAt: C,
-  onSelectionChange: q,
+  onSelectionChange: K,
   HeaderComponent: W,
   ItemComponent: Y,
   ...J
 }, x) => {
-  const P = Wa(g ?? {}, d), E = qa(a ?? [], d), M = Ja({ orientation: c }), B = d.map(() => we(null)), K = B.map((F) => ci(F)), oe = (F, R) => (P[R]?.indexOf(F) ?? -1) >= 0, Q = (F) => E.indexOf(F) >= 0, X = (F) => {
+  const P = Wa(g ?? {}, d), E = qa(a ?? [], d), M = Ja({ orientation: c }), B = d.map(() => we(null)), G = B.map((F) => ci(F)), oe = (F, R) => (P[R]?.indexOf(F) ?? -1) >= 0, Q = (F) => E.indexOf(F) >= 0, X = (F) => {
     let R;
     Q(F) ? R = (k) => k.filter((U) => U !== F) : i ? R = (k) => [F] : R = (k) => [...k.filter((U) => U !== F), F], te(E, R(E));
   }, D = (F, R) => {
@@ -5025,7 +5013,7 @@ const fi = /* @__PURE__ */ Te(({
       case "multiple":
         k = (Z) => ({
           ...Z,
-          [R]: fn([...(Z[R] ?? []).filter((G) => G !== F), F])
+          [R]: fn([...(Z[R] ?? []).filter((q) => q !== F), F])
         });
         break;
       case "single":
@@ -5042,7 +5030,7 @@ const fi = /* @__PURE__ */ Te(({
     if (!oe(F, R)) return;
     const U = ((Z) => ({
       ...Z,
-      [R]: (Z[R] ?? []).filter((G) => G !== F)
+      [R]: (Z[R] ?? []).filter((q) => q !== F)
     }))(P);
     ne(P, U);
   }, te = (F, R) => {
@@ -5053,11 +5041,11 @@ const fi = /* @__PURE__ */ Te(({
     if (qe(F, R)) return;
     const k = d.length;
     let U = [], Z = [];
-    for (let G = 0; G < k; G++) {
-      const fe = F?.[G] ?? [], ge = R[G] ?? [], ue = fe.filter((ee) => ge.indexOf(ee) === -1), Ne = ge.filter((ee) => fe?.indexOf(ee) === -1);
-      U = [...U, ...ue.map((ee) => [ee, G])], Z = [...Z, ...Ne.map((ee) => [ee, G])];
+    for (let q = 0; q < k; q++) {
+      const fe = F?.[q] ?? [], ge = R[q] ?? [], ue = fe.filter((ee) => ge.indexOf(ee) === -1), Ne = ge.filter((ee) => fe?.indexOf(ee) === -1);
+      U = [...U, ...ue.map((ee) => [ee, q])], Z = [...Z, ...Ne.map((ee) => [ee, q])];
     }
-    U.forEach((G) => _?.(G[0], G[1])), Z.forEach((G) => C?.(G[0], G[1])), q?.(R);
+    U.forEach((q) => _?.(q[0], q[1])), Z.forEach((q) => C?.(q[0], q[1])), K?.(R);
   }, ae = ze(e, {
     collapseIcon: _r,
     expandIcon: Sr,
@@ -5066,7 +5054,7 @@ const fi = /* @__PURE__ */ Te(({
     section: dr
   });
   return /* @__PURE__ */ w.jsx("div", { ...J, ref: x, style: ce(r, M.root), children: /* @__PURE__ */ w.jsx(Mn, { in: d, children: (F, R) => {
-    const { collectionPadding: k = 0, items: U = [], itemLength: Z = 50, itemPadding: G = 0, isSelectionTogglable: fe, layout: ge = "list", maxVisible: ue = -1, numSegments: Ne = 1 } = F, ee = ge === "list" ? U.length : Math.ceil(U.length / Ne), Be = ue < 0 ? ee : Math.min(ee, ue), Ce = Z * Be + G * (Be - 1), Ie = !Q(R), He = K[R];
+    const { collectionPadding: k = 0, items: U = [], itemLength: Z = 50, itemPadding: q = 0, isSelectionTogglable: fe, layout: ge = "list", maxVisible: ue = -1, numSegments: Ne = 1 } = F, ee = ge === "list" ? U.length : Math.ceil(U.length / Ne), Be = ue < 0 ? ee : Math.min(ee, ue), Ce = Z * Be + q * (Be - 1), Ie = !Q(R), He = G[R];
     return /* @__PURE__ */ w.jsxs(
       me,
       {
@@ -5153,7 +5141,7 @@ const fi = /* @__PURE__ */ Te(({
                   isSelectionTogglable: fe,
                   ItemComponent: Y,
                   itemLength: Z,
-                  itemPadding: G,
+                  itemPadding: q,
                   items: U,
                   layout: ge,
                   numSegments: Ne,
@@ -5293,34 +5281,34 @@ const Za = /* @__PURE__ */ Te(({
   ItemComponent: b,
   ...T
 }, _) => {
-  const I = we(void 0), $ = we(null), A = we(void 0), S = we(void 0), C = we(void 0), q = 1e3, W = Se(d), Y = Se(g), J = Se(m), x = we(!1), P = we(!1), E = ja(), [M, B] = Oe(Oo($, c)), [K, oe] = Oe(!1), Q = tc({ scrollSnapEnabled: E || !K, orientation: c }), X = e > 0, D = he(() => {
+  const I = we(void 0), $ = we(null), A = we(void 0), S = we(void 0), C = we(void 0), K = 1e3, W = Se(d), Y = Se(g), J = Se(m), x = we(!1), P = we(!1), E = ja(), [M, B] = Oe(Oo($, c)), [G, oe] = Oe(!1), Q = tc({ scrollSnapEnabled: E || !G, orientation: c }), X = e > 0, D = he(() => {
     C.current !== void 0 && (clearTimeout(C.current), C.current = void 0);
   }, []), z = he(() => {
     D(), C.current = setTimeout(() => {
       clearTimeout(C.current), C.current = void 0;
-    }, q);
-  }, [q, D]), te = he(() => {
+    }, K);
+  }, [K, D]), te = he(() => {
     Qa($, r, c), z();
   }, [r, c]), ne = he(() => {
     B(Oo($, c));
-  }, [c]), ae = he((G) => {
-    E || (A.current = _e.make(G.clientX, G.clientY), oe(!0));
-  }, [E]), F = he((G) => {
-    E || (S.current = _e.make(G.clientX, G.clientY), te(), oe(!1));
-  }, [E, te]), R = he((G) => {
+  }, [c]), ae = he((q) => {
+    E || (A.current = _e.make(q.clientX, q.clientY), oe(!0));
+  }, [E]), F = he((q) => {
+    E || (S.current = _e.make(q.clientX, q.clientY), te(), oe(!1));
+  }, [E, te]), R = he((q) => {
     const fe = A.current, ge = S.current;
     if (!fe || !ge) return;
     const ue = 5, Ne = _e.subtract(fe, ge);
-    (Math.abs(Ne.x) > ue || Math.abs(Ne.y) > ue) && G.stopPropagation(), A.current = void 0, S.current = void 0;
+    (Math.abs(Ne.x) > ue || Math.abs(Ne.y) > ue) && q.stopPropagation(), A.current = void 0, S.current = void 0;
   }, []), k = he(() => {
-    const G = (r + a.length + 1) % a.length;
-    J.current?.(G);
-  }, [K, r, a.length]), U = he(({ x: G, y: fe }) => {
+    const q = (r + a.length + 1) % a.length;
+    J.current?.(q);
+  }, [G, r, a.length]), U = he(({ x: q, y: fe }) => {
     const ge = $.current;
     !ge || x.current || (D(), x.current = !0, requestAnimationFrame(() => {
       switch (c) {
         case "horizontal":
-          ge.scrollLeft -= G * 1.5;
+          ge.scrollLeft -= q * 1.5;
           break;
         case "vertical":
           ge.scrollTop -= fe * 1.5;
@@ -5330,10 +5318,10 @@ const Za = /* @__PURE__ */ Te(({
       x.current = !1;
     }));
   }, [c]), Z = he(() => {
-    const G = $.current;
-    !G || P.current || (P.current = !0, requestAnimationFrame(() => {
+    const q = $.current;
+    !q || P.current || (P.current = !0, requestAnimationFrame(() => {
       if (u && ne(), !(C.current !== void 0)) {
-        const ge = Math.round(c === "horizontal" ? G.scrollLeft / G.clientWidth : G.scrollTop / G.clientHeight), ue = Math.max(0, Math.min(a.length - 1, ge));
+        const ge = Math.round(c === "horizontal" ? q.scrollLeft / q.clientWidth : q.scrollTop / q.clientHeight), ue = Math.max(0, Math.min(a.length - 1, ge));
         ue !== r && (I.current = ue, J.current?.(ue));
       }
       P.current = !1;
@@ -5342,16 +5330,16 @@ const Za = /* @__PURE__ */ Te(({
   return ka($, {
     isEnabled: !E && i && a.length > 1,
     onDragMove: U
-  }), Ca(K || !X ? -1 : e, {
+  }), Ca(G || !X ? -1 : e, {
     onInterval: k
   }, [r]), $e(() => {
-    !X || E || (K ? W.current?.() : Y.current?.());
-  }, [E, K, X]), $e(() => {
-    const G = $.current;
-    if (!G) return;
+    !X || E || (G ? W.current?.() : Y.current?.());
+  }, [E, G, X]), $e(() => {
+    const q = $.current;
+    if (!q) return;
     const fe = I.current === void 0, ge = I.current === r;
-    return G.addEventListener("scroll", Z), u && ne(), ge || (I.current = r, fe || (J.current?.(r), te())), () => {
-      G.removeEventListener("scroll", Z);
+    return q.addEventListener("scroll", Z), u && ne(), ge || (I.current = r, fe || (J.current?.(r), te())), () => {
+      q.removeEventListener("scroll", Z);
     };
   }, [r, u, te, Z, ne]), /* @__PURE__ */ w.jsx(
     "div",
@@ -5364,12 +5352,12 @@ const Za = /* @__PURE__ */ Te(({
       onPointerDown: ae,
       onPointerLeave: F,
       onPointerUp: F,
-      children: /* @__PURE__ */ w.jsx("div", { ref: $, style: ce(Q.viewport), children: /* @__PURE__ */ w.jsx(Mn, { in: a, children: ({ style: G, ...fe }, ge) => /* @__PURE__ */ w.jsx("div", { style: ce(Q.itemContainer), children: /* @__PURE__ */ w.jsx(
+      children: /* @__PURE__ */ w.jsx("div", { ref: $, style: ce(Q.viewport), children: /* @__PURE__ */ w.jsx(Mn, { in: a, children: ({ style: q, ...fe }, ge) => /* @__PURE__ */ w.jsx("div", { style: ce(Q.itemContainer), children: /* @__PURE__ */ w.jsx(
         b,
         {
           "aria-hidden": ge !== r,
           exposure: u ? M?.[ge] : void 0,
-          style: ce(G, Q.item),
+          style: ce(q, Q.item),
           ...fe
         }
       ) }) }) })
@@ -5457,29 +5445,29 @@ const pi = /* @__PURE__ */ Te(({
 }, I) => {
   const $ = rc(b, g), A = we([]), S = nc(), C = ze(e, {
     field: dn
-  }), q = (x) => {
+  }), K = (x) => {
     x < 0 ? A.current[0]?.focus() : x >= g ? A.current[g - 1]?.focus() : A.current[x]?.focus();
   }, W = (x) => (P) => {
     const E = $[x], M = oc(P.target.value, E), B = Po($.slice(), M.split("").slice(0, g), x);
     T(B);
-    const K = Math.min(x + M.length, g - 1);
-    q(K);
+    const G = Math.min(x + M.length, g - 1);
+    K(G);
   }, Y = (x) => (P) => {
     switch (P.key) {
       case "Backspace": {
         if (P.preventDefault(), $[x]) {
           const E = $.slice();
-          E[x] = "", T(E), q(x - 1);
+          E[x] = "", T(E), K(x - 1);
         } else
-          q(x - 1);
+          K(x - 1);
         break;
       }
       case "ArrowLeft": {
-        P.preventDefault(), q(x - 1);
+        P.preventDefault(), K(x - 1);
         break;
       }
       case "ArrowRight": {
-        P.preventDefault(), q(x + 1);
+        P.preventDefault(), K(x + 1);
         break;
       }
     }
@@ -5488,12 +5476,12 @@ const pi = /* @__PURE__ */ Te(({
     const E = P.clipboardData.getData("text").trim(), M = Po($.slice(), E.split("").slice(0, g), x);
     T(M);
     const B = Math.min(x + E.length, g - 1);
-    q(B);
+    K(B);
   };
   return Ee(() => {
     if (!i) return;
     const x = $.findIndex((P) => P === "");
-    x !== -1 && q(x);
+    x !== -1 && K(x);
   }, [i]), /* @__PURE__ */ w.jsx("div", { ..._, ref: I, style: ce(m, S.root), children: /* @__PURE__ */ w.jsx(nn, { count: g, children: (x) => /* @__PURE__ */ w.jsx(
     me,
     {
@@ -5613,21 +5601,21 @@ const gi = /* @__PURE__ */ Te(({
   }, T = () => {
     d?.(S(u + 1));
   }, _ = (P) => {
-    q(P);
+    K(P);
   }, I = (P) => {
     const E = A(P);
-    E !== u ? d?.(E) : q($(E));
+    E !== u ? d?.(E) : K($(E));
   }, $ = (P) => P.toLocaleString(), A = (P) => {
     const E = parseInt(P, 10);
     return E.toString() !== P.replace(/^0+/, "") ? u : S(E);
   }, S = (P) => {
     let E = P;
     return isNaN(c) || (E = Math.max(c, E)), isNaN(a) || (E = Math.min(a, E)), E;
-  }, [C, q] = Oe($(u)), W = Fa(u), Y = !isNaN(a) && u + 1 > a, J = !isNaN(c) && u - 1 < c;
+  }, [C, K] = Oe($(u)), W = Fa(u), Y = !isNaN(a) && u + 1 > a, J = !isNaN(c) && u - 1 < c;
   Ee(() => {
     if (W === void 0 || W === u) return;
     const P = S(u);
-    q($(P));
+    K($(P));
   }, [u, c, a]);
   const x = ze(e, {
     textField: pn,
@@ -5820,7 +5808,7 @@ const mi = /* @__PURE__ */ Te(({
   numSegments: A = 1,
   orientation: S = "vertical",
   selection: C = [],
-  selectionMode: q = "single",
+  selectionMode: K = "single",
   onActivateAt: W,
   onCollapse: Y,
   onDeselectAt: J,
@@ -5829,7 +5817,7 @@ const mi = /* @__PURE__ */ Te(({
   onSelectionChange: E,
   onToggleCustomEvent: M,
   ItemComponent: B,
-  ToggleComponent: K,
+  ToggleComponent: G,
   ...oe
 }, Q) => {
   const X = we(null), D = nt(X), z = I.length, te = dc(I, $, A, m), ne = T ?? (S === "vertical" ? D.height : D.width), ae = ne * te + _ * (te - 1), F = uc(C, I), [R, k] = Oe(u ?? !0), U = pc({ isCollapsed: R, collectionPadding: c, isInverted: d, maxVisibleItems: $, menuLength: ae, numItems: z, orientation: S }), Z = ze(e, {
@@ -5838,14 +5826,14 @@ const mi = /* @__PURE__ */ Te(({
     expandIcon: Or,
     item: bn,
     toggle: xn
-  }), G = () => {
+  }), q = () => {
     R && (k(!1), x?.());
   }, fe = () => {
     R || (k(!0), Y?.());
   }, ge = () => {
-    R ? G() : fe();
+    R ? q() : fe();
   }, ue = (Ne) => {
-    P?.(Ne), q === "single" && a && fe();
+    P?.(Ne), K === "single" && a && fe();
   };
   return Ee(() => {
     u !== void 0 && k(u);
@@ -5874,8 +5862,8 @@ const mi = /* @__PURE__ */ Te(({
       className: se(r, { collapsed: R, expanded: !R }),
       style: ce(i, U.root),
       children: /* @__PURE__ */ w.jsxs("div", { ref: X, style: ce(U.body), children: [
-        K ? /* @__PURE__ */ w.jsx(
-          K,
+        G ? /* @__PURE__ */ w.jsx(
+          G,
           {
             "aria-expanded": !R,
             "aria-haspopup": "listbox",
@@ -5919,7 +5907,7 @@ const mi = /* @__PURE__ */ Te(({
             numSegments: A,
             orientation: S,
             selection: F,
-            selectionMode: q,
+            selectionMode: K,
             style: ce(U.collection),
             onActivateAt: W,
             onDeselectAt: J,
@@ -5964,14 +5952,11 @@ function fc(e) {
 }
 function dc(e, r, i, a) {
   const c = e.length;
-  switch (a) {
-    case "grid": {
-      const u = i < 1 ? c : Math.ceil(c / i);
-      return r < 0 ? u : Math.min(u, r);
-    }
-    default:
-      return r < 0 ? c : Math.min(c, r);
-  }
+  if (a === "grid") {
+    const u = i < 1 ? c : Math.ceil(c / i);
+    return r < 0 ? u : Math.min(u, r);
+  } else
+    return r < 0 ? c : Math.min(c, r);
 }
 function pc({ isCollapsed: e = !0, isInverted: r = !1, collectionPadding: i = 0, maxVisibleItems: a = 0, menuLength: c = NaN, numItems: u = 0, orientation: d = "vertical" }) {
   return {
@@ -6336,7 +6321,7 @@ const Pc = {
   return Object.assign({}, Pc, e);
 };
 let wn;
-typeof Symbol != "function" ? wn = "@@xmlMetadata" : wn = Symbol("XML Node Metadata");
+typeof Symbol != "function" ? wn = "@@xmlMetadata" : wn = /* @__PURE__ */ Symbol("XML Node Metadata");
 class ct {
   constructor(r) {
     this.tagname = r, this.child = [], this[":@"] = {};
@@ -6652,32 +6637,32 @@ function Bc(e) {
   return e;
 }
 const Hc = new RegExp(`([^\\s=]+)\\s*(=\\s*(['"])([\\s\\S]*?)\\3)?`, "gm");
-function Yc(e, r, i) {
+function Yc(e, r) {
   if (this.options.ignoreAttributes !== !0 && typeof e == "string") {
-    const a = yi(e, Hc), c = a.length, u = {};
-    for (let d = 0; d < c; d++) {
-      const g = this.resolveNameSpace(a[d][1]);
-      if (this.ignoreAttributesFn(g, r))
+    const i = yi(e, Hc), a = i.length, c = {};
+    for (let u = 0; u < a; u++) {
+      const d = this.resolveNameSpace(i[u][1]);
+      if (this.ignoreAttributesFn(d, r))
         continue;
-      let m = a[d][4], b = this.options.attributeNamePrefix + g;
-      if (g.length)
-        if (this.options.transformAttributeName && (b = this.options.transformAttributeName(b)), b === "__proto__" && (b = "#__proto__"), m !== void 0) {
-          this.options.trimValues && (m = m.trim()), m = this.replaceEntitiesValue(m);
-          const T = this.options.attributeValueProcessor(g, m, r);
-          T == null ? u[b] = m : typeof T != typeof m || T !== m ? u[b] = T : u[b] = hr(
-            m,
+      let g = i[u][4], m = this.options.attributeNamePrefix + d;
+      if (d.length)
+        if (this.options.transformAttributeName && (m = this.options.transformAttributeName(m)), m === "__proto__" && (m = "#__proto__"), g !== void 0) {
+          this.options.trimValues && (g = g.trim()), g = this.replaceEntitiesValue(g);
+          const b = this.options.attributeValueProcessor(d, g, r);
+          b == null ? c[m] = g : typeof b != typeof g || b !== g ? c[m] = b : c[m] = hr(
+            g,
             this.options.parseAttributeValue,
             this.options.numberParseOptions
           );
-        } else this.options.allowBooleanAttributes && (u[b] = !0);
+        } else this.options.allowBooleanAttributes && (c[m] = !0);
     }
-    if (!Object.keys(u).length)
+    if (!Object.keys(c).length)
       return;
     if (this.options.attributesGroupName) {
-      const d = {};
-      return d[this.options.attributesGroupName] = u, d;
+      const u = {};
+      return u[this.options.attributesGroupName] = c, u;
     }
-    return u;
+    return c;
   }
 }
 const Xc = function(e) {
@@ -6706,7 +6691,7 @@ const Xc = function(e) {
         if (!m) throw new Error("Pi Tag is not closed.");
         if (a = this.saveTextToParentTag(a, i, c), !(this.options.ignoreDeclaration && m.tagName === "?xml" || this.options.ignorePiTags)) {
           const b = new ct(m.tagName);
-          b.add(this.options.textNodeName, ""), m.tagName !== m.tagExp && m.attrExpPresent && (b[":@"] = this.buildAttributesMap(m.tagExp, c, m.tagName)), this.addChild(i, b, c, d);
+          b.add(this.options.textNodeName, ""), m.tagName !== m.tagExp && m.attrExpPresent && (b[":@"] = this.buildAttributesMap(m.tagExp, c)), this.addChild(i, b, c, d);
         }
         d = m.closeIndex + 1;
       } else if (e.substr(d + 1, 3) === "!--") {
@@ -6728,7 +6713,11 @@ const Xc = function(e) {
         let m = pr(e, d, this.options.removeNSPrefix), b = m.tagName;
         const T = m.rawTagName;
         let _ = m.tagExp, I = m.attrExpPresent, $ = m.closeIndex;
-        this.options.transformTagName && (b = this.options.transformTagName(b)), i && a && i.tagname !== "!xml" && (a = this.saveTextToParentTag(a, i, c, !1));
+        if (this.options.transformTagName) {
+          const C = this.options.transformTagName(b);
+          _ === b && (_ = C), b = C;
+        }
+        i && a && i.tagname !== "!xml" && (a = this.saveTextToParentTag(a, i, c, !1));
         const A = i;
         A && this.options.unpairedTags.indexOf(A.tagname) !== -1 && (i = this.tagsNodeStack.pop(), c = c.substring(0, c.lastIndexOf("."))), b !== r.tagname && (c += c ? "." + b : b);
         const S = d;
@@ -6743,16 +6732,22 @@ const Xc = function(e) {
             if (!W) throw new Error(`Unexpected end of ${T}`);
             d = W.i, C = W.tagContent;
           }
-          const q = new ct(b);
-          b !== _ && I && (q[":@"] = this.buildAttributesMap(_, c, b)), C && (C = this.parseTextData(C, b, c, !0, I, !0, !0)), c = c.substr(0, c.lastIndexOf(".")), q.add(this.options.textNodeName, C), this.addChild(i, q, c, S);
+          const K = new ct(b);
+          b !== _ && I && (K[":@"] = this.buildAttributesMap(
+            _,
+            c
+          )), C && (C = this.parseTextData(C, b, c, !0, I, !0, !0)), c = c.substr(0, c.lastIndexOf(".")), K.add(this.options.textNodeName, C), this.addChild(i, K, c, S);
         } else {
           if (_.length > 0 && _.lastIndexOf("/") === _.length - 1) {
-            b[b.length - 1] === "/" ? (b = b.substr(0, b.length - 1), c = c.substr(0, c.length - 1), _ = b) : _ = _.substr(0, _.length - 1), this.options.transformTagName && (b = this.options.transformTagName(b));
+            if (b[b.length - 1] === "/" ? (b = b.substr(0, b.length - 1), c = c.substr(0, c.length - 1), _ = b) : _ = _.substr(0, _.length - 1), this.options.transformTagName) {
+              const K = this.options.transformTagName(b);
+              _ === b && (_ = K), b = K;
+            }
             const C = new ct(b);
-            b !== _ && I && (C[":@"] = this.buildAttributesMap(_, c, b)), this.addChild(i, C, c, S), c = c.substr(0, c.lastIndexOf("."));
+            b !== _ && I && (C[":@"] = this.buildAttributesMap(_, c)), this.addChild(i, C, c, S), c = c.substr(0, c.lastIndexOf("."));
           } else {
             const C = new ct(b);
-            this.tagsNodeStack.push(i), b !== _ && I && (C[":@"] = this.buildAttributesMap(_, c, b)), this.addChild(i, C, c, S), i = C;
+            this.tagsNodeStack.push(i), b !== _ && I && (C[":@"] = this.buildAttributesMap(_, c)), this.addChild(i, C, c, S), i = C;
           }
           a = "", d = $;
         }
@@ -7203,12 +7198,12 @@ const fl = /* @__PURE__ */ Te(({
       ignorePiTags: !0,
       removeNSPrefix: !0,
       trimValues: !0,
-      updateTag: (q, W, Y) => {
-        if (u && q.toLowerCase() === "style") return !1;
+      updateTag: (K, W, Y) => {
+        if (u && K.toLowerCase() === "style") return !1;
         const J = Object.keys(Y);
         for (const x of J)
-          q.toLowerCase() === "svg" && (c && I.includes(x.toLowerCase()) && delete Y[x], e !== "preserve" && (x.toLowerCase() === "@_width" && delete Y[x], x.toLowerCase() === "@_height" && delete Y[x])), a && b.includes(x.toLowerCase()) && delete Y[x], i && T.includes(x.toLowerCase()) && delete Y[x], u && _.includes(x.toLowerCase()) && delete Y[x];
-        if (q.toLowerCase() === "svg")
+          K.toLowerCase() === "svg" && (c && I.includes(x.toLowerCase()) && delete Y[x], e !== "preserve" && (x.toLowerCase() === "@_width" && delete Y[x], x.toLowerCase() === "@_height" && delete Y[x])), a && b.includes(x.toLowerCase()) && delete Y[x], i && T.includes(x.toLowerCase()) && delete Y[x], u && _.includes(x.toLowerCase()) && delete Y[x];
+        if (K.toLowerCase() === "svg")
           switch (e) {
             case "fill":
               Y["@_width"] = "100%", Y["@_height"] = "100%";
@@ -7220,7 +7215,7 @@ const fl = /* @__PURE__ */ Te(({
               Y["@_height"] = "100%";
               break;
           }
-        return q;
+        return K;
       }
     }), S = new rt({
       attributeNamePrefix: "@_",
@@ -7265,17 +7260,17 @@ const Mo = "base-", pl = /* @__PURE__ */ Te(({
   verticalSpacing: g = 0,
   ...m
 }, b) => {
-  const T = we(null), [_, I] = Oe(NaN), [$, A] = Oe(NaN), [S, C] = Oe(NaN), [q, W] = Oe(NaN), Y = () => be.from(T.current)?.width ?? 0, J = () => be.from(T.current)?.height ?? 0, x = () => {
+  const T = we(null), [_, I] = Oe(NaN), [$, A] = Oe(NaN), [S, C] = Oe(NaN), [K, W] = Oe(NaN), Y = () => be.from(T.current)?.width ?? 0, J = () => be.from(T.current)?.height ?? 0, x = () => {
     const B = T.current;
     if (!B) return;
-    const K = B.children, oe = d;
+    const G = B.children, oe = d;
     if (oe <= 0) {
       console.error("[etudes::MasonryGrid] You must specify a minimum of 1 section(s) (a.k.a. row(s) for horizontal orientation, column(s) for vertical orientation) for a MasonryGrid instance");
       return;
     }
     if (u === "vertical") {
       const Q = [...new Array(oe)].map(() => 0);
-      for (const z of Array.from(K)) {
+      for (const z of Array.from(G)) {
         if (!(z instanceof HTMLElement)) continue;
         const te = zo(z, d), [ne, ae] = Ro(Q, te);
         z.role = "gridcell", z.style.position = "absolute", z.style.width = `calc(${100 / oe * te}% - ${a * (oe - 1) / oe * te}px + ${a * (te - 1)}px)`, z.style.height = "", z.style.left = `calc(${100 / oe * ne}% - ${a * (oe - 1) / oe * ne}px + ${a * ne}px)`, z.style.top = `${ae + (ae === 0 ? 0 : g)}px`;
@@ -7289,11 +7284,11 @@ const Mo = "base-", pl = /* @__PURE__ */ Te(({
       }
       const X = Y(), D = kt(Q, oe);
       if (I(X), A(D), isNaN(D) || (B.style.height = `${D}px`), c)
-        for (const z of Array.from(K))
+        for (const z of Array.from(G))
           z instanceof HTMLElement && (z.style.left = `calc(${X}px - ${z.style.left} - ${z.getBoundingClientRect().width}px)`);
     } else {
       const Q = [...new Array(oe)].map(() => 0);
-      for (const z of Array.from(K)) {
+      for (const z of Array.from(G)) {
         if (!(z instanceof HTMLElement)) continue;
         const te = zo(z, d), [ne, ae] = Ro(Q, te);
         z.style.position = "absolute", z.style.width = "", z.style.height = `calc(${100 / oe * te}% - ${g * (oe - 1) / oe * te}px + ${g * (te - 1)}px)`, z.style.top = `calc(${100 / oe * ne}% - ${g * (oe - 1) / oe * ne}px + ${g * ne}px)`, z.style.left = `${ae + (ae === 0 ? 0 : a)}px`;
@@ -7307,20 +7302,20 @@ const Mo = "base-", pl = /* @__PURE__ */ Te(({
       }
       const X = J(), D = kt(Q, oe);
       if (A(X), I(D), isNaN(D) || (B.style.width = `${D}px`), c)
-        for (const z of Array.from(K))
+        for (const z of Array.from(G))
           z instanceof HTMLElement && (z.style.top = `calc(${X}px - ${z.style.top} - ${z.getBoundingClientRect().height}px)`);
     }
   }, P = he((B) => {
-    const K = be.size(be.from(B) ?? be.zero), oe = Y(), Q = J();
-    (_ !== oe || $ !== Q || K.width !== S || K.height !== q) && (x(), C(K.width), W(K.height));
+    const G = be.size(be.from(B) ?? be.zero), oe = Y(), Q = J();
+    (_ !== oe || $ !== Q || G.width !== S || G.height !== K) && (x(), C(G.width), W(G.height));
   }, [e, a, c, d, g, u]);
   mr(T, {
     onResize: P
   }), Ee(() => {
     const B = ml(T.current?.innerHTML);
     if (B.length === 0) return x();
-    const K = B.length;
-    for (let oe = 0; oe < K; oe++) {
+    const G = B.length;
+    for (let oe = 0; oe < G; oe++) {
       const Q = B[oe], X = new Image();
       X.src = Q, X.onload = () => x();
     }
@@ -7404,21 +7399,21 @@ const Ni = /* @__PURE__ */ Te(({
   onChange: I,
   ...$
 }, A) => {
-  const S = we(null), C = nt(S), q = we(null), W = we(null), [Y, J] = Oe(T ?? [m, g]), x = Nl(m, g, _), [P, E] = Y.map((U) => at(U, m, g, b, C, d, c, a)), M = E - P, B = ze(e, {
+  const S = we(null), C = nt(S), K = we(null), W = we(null), [Y, J] = Oe(T ?? [m, g]), x = Nl(m, g, _), [P, E] = Y.map((U) => at(U, m, g, b, C, d, c, a)), M = E - P, B = ze(e, {
     gutter: En,
     highlight: Nn,
     knob: jt,
     knobContainer: tn,
     label: $t
-  }), K = he((U, Z, G) => {
-    const fe = b === "horizontal" ? Z : G, ge = at(m, m, g, b, C, d, c, a), ue = at(Y[1], m, g, b, C, d, c, a), Ne = at(U, m, g, b, C, d, c, a) + fe;
+  }), G = he((U, Z, q) => {
+    const fe = b === "horizontal" ? Z : q, ge = at(m, m, g, b, C, d, c, a), ue = at(Y[1], m, g, b, C, d, c, a), Ne = at(U, m, g, b, C, d, c, a) + fe;
     return Lo(Math.max(ge, Math.min(ue, Ne)), m, g, b, C, d, c, a);
-  }, [d, c, a, m, g, b, Y[1], be.toString(C)]), oe = he((U, Z, G) => {
-    const fe = b === "horizontal" ? Z : G, ge = at(Y[0], m, g, b, C, d, c, a), ue = at(g, m, g, b, C, d, c, a), Ne = at(U, m, g, b, C, d, c, a) + fe;
+  }, [d, c, a, m, g, b, Y[1], be.toString(C)]), oe = he((U, Z, q) => {
+    const fe = b === "horizontal" ? Z : q, ge = at(Y[0], m, g, b, C, d, c, a), ue = at(g, m, g, b, C, d, c, a), Ne = at(U, m, g, b, C, d, c, a) + fe;
     return Lo(Math.max(ge, Math.min(ue, Ne)), m, g, b, C, d, c, a);
-  }, [d, c, a, m, g, b, Y[0], be.toString(C)]), { isDragging: Q, isReleasing: X, value: D, setValue: z } = zt(q, {
+  }, [d, c, a, m, g, b, Y[0], be.toString(C)]), { isDragging: Q, isReleasing: X, value: D, setValue: z } = zt(K, {
     initialValue: T?.[0] ?? m,
-    transform: K
+    transform: G
   }), { isDragging: te, isReleasing: ne, value: ae, setValue: F } = zt(W, {
     initialValue: T?.[1] ?? g,
     transform: oe
@@ -7448,7 +7443,7 @@ const Ni = /* @__PURE__ */ Te(({
         /* @__PURE__ */ w.jsx(
           me,
           {
-            ref: q,
+            ref: K,
             className: R.startKnobContainer,
             disabled: qe([D, ae], [m, m]),
             element: B.knobContainer ?? /* @__PURE__ */ w.jsx(tn, {}),
@@ -7748,7 +7743,7 @@ const _i = /* @__PURE__ */ Te(({
   onDragStart: A,
   onChange: S,
   ...C
-}, q) => {
+}, K) => {
   const W = we(null), Y = we(null), J = he((te, ne, ae) => {
     const F = be.from(W.current) ?? be.zero, R = a ? 1 - te : te;
     switch (b) {
@@ -7785,7 +7780,7 @@ const _i = /* @__PURE__ */ Te(({
     transform: J,
     onDragStart: A,
     onDragEnd: $
-  }), K = a ? 1 - M : M, X = Sl({ orientation: b, isAtEnd: a ? M === 0 : M === 1, isAtStart: a ? M === 1 : M === 0, isDragging: P, isReleasing: E }), D = _l({ orientation: b, isClipped: i, naturalPosition: K, knobPadding: d, knobHeight: u, knobWidth: g, isTrackInteractive: c });
+  }), G = a ? 1 - M : M, X = Sl({ orientation: b, isAtEnd: a ? M === 0 : M === 1, isAtStart: a ? M === 1 : M === 0, isDragging: P, isReleasing: E }), D = _l({ orientation: b, isClipped: i, naturalPosition: G, knobPadding: d, knobHeight: u, knobWidth: g, isTrackInteractive: c });
   Ee(() => {
     P || T === M || B(T);
   }, [T]), Ee(() => {
@@ -7803,7 +7798,7 @@ const _i = /* @__PURE__ */ Te(({
     "div",
     {
       ...C,
-      ref: q,
+      ref: K,
       "aria-orientation": b,
       "aria-valuenow": M,
       className: se(r, X.root),
@@ -7815,11 +7810,11 @@ const _i = /* @__PURE__ */ Te(({
             className: se(a ? "end" : "start", X.track),
             element: z.track ?? /* @__PURE__ */ w.jsx(Mt, {}),
             style: ce(D.track, b === "vertical" ? {
-              height: `calc(${K * 100}% - ${_ <= 0 ? 0 : u * 0.5}px - ${_}px)`,
+              height: `calc(${G * 100}% - ${_ <= 0 ? 0 : u * 0.5}px - ${_}px)`,
               top: "0"
             } : {
               left: "0",
-              width: `calc(${K * 100}% - ${_ <= 0 ? 0 : g * 0.5}px - ${_}px)`
+              width: `calc(${G * 100}% - ${_ <= 0 ? 0 : g * 0.5}px - ${_}px)`
             }),
             onClick: x,
             children: /* @__PURE__ */ w.jsx("div", { style: D.trackHitBox })
@@ -7832,10 +7827,10 @@ const _i = /* @__PURE__ */ Te(({
             element: z.track ?? /* @__PURE__ */ w.jsx(Mt, {}),
             style: ce(D.track, b === "vertical" ? {
               bottom: "0",
-              height: `calc(${(1 - K) * 100}% - ${_ <= 0 ? 0 : u * 0.5}px - ${_}px)`
+              height: `calc(${(1 - G) * 100}% - ${_ <= 0 ? 0 : u * 0.5}px - ${_}px)`
             } : {
               right: "0",
-              width: `calc(${(1 - K) * 100}% - ${_ <= 0 ? 0 : g * 0.5}px - ${_}px)`
+              width: `calc(${(1 - G) * 100}% - ${_ <= 0 ? 0 : g * 0.5}px - ${_}px)`
             }),
             onClick: x,
             children: /* @__PURE__ */ w.jsx("div", { style: D.trackHitBox })
@@ -7994,24 +7989,24 @@ const Ti = /* @__PURE__ */ Te(({
   onDragEnd: A,
   onDragStart: S,
   onIndexChange: C,
-  onPositionChange: q,
+  onPositionChange: K,
   ...W
 }, Y) => {
   const J = we(null), x = we(null), P = nt(J), [E, M] = Oe(i), B = he((k, U, Z) => {
-    const G = c ? tt(k) : k;
+    const q = c ? tt(k) : k;
     switch (_) {
       case "horizontal": {
-        const fe = a ? P.width - m : P.width, ge = G * fe + U, ue = Qt(ge / fe);
+        const fe = a ? P.width - m : P.width, ge = q * fe + U, ue = Qt(ge / fe);
         return c ? tt(ue) : ue;
       }
       case "vertical": {
-        const fe = a ? P.height - d : P.height, ge = G * fe + Z, ue = Qt(ge / fe);
+        const fe = a ? P.height - d : P.height, ge = q * fe + Z, ue = Qt(ge / fe);
         return c ? tt(ue) : ue;
       }
       default:
         return console.error(`[etudes::StepSlider] Invalid orientation: ${_}`), NaN;
     }
-  }, [P.width, P.height, a, c, m, d, _]), { isDragging: K, isReleasing: oe, value: Q, setValue: X } = zt(x, {
+  }, [P.width, P.height, a, c, m, d, _]), { isDragging: G, isReleasing: oe, value: Q, setValue: X } = zt(x, {
     initialValue: dt(i, I),
     transform: B,
     onDragStart: S,
@@ -8021,18 +8016,18 @@ const Ti = /* @__PURE__ */ Te(({
     const U = be.fromViewport();
     switch (_) {
       case "horizontal": {
-        const Z = (k.clientX + U.left - P.left) / P.width, G = c ? tt(Z) : Z, fe = It(G, I);
+        const Z = (k.clientX + U.left - P.left) / P.width, q = c ? tt(Z) : Z, fe = It(q, I);
         if (fe === E) {
-          const ge = G > Q ? fe + 1 : fe - 1;
+          const ge = q > Q ? fe + 1 : fe - 1;
           M(Qt(ge, I.length - 1));
         } else
           M(fe);
         break;
       }
       case "vertical": {
-        const Z = (k.clientY + U.top - P.top) / P.height, G = c ? tt(Z) : Z, fe = It(G, I);
+        const Z = (k.clientY + U.top - P.top) / P.height, q = c ? tt(Z) : Z, fe = It(q, I);
         if (fe === E) {
-          const ge = G > Q ? fe + 1 : fe - 1, ue = dt(ge, I);
+          const ge = q > Q ? fe + 1 : fe - 1, ue = dt(ge, I);
           X(ue), M(Qt(ge, I.length - 1));
         } else {
           const ge = dt(fe, I);
@@ -8043,27 +8038,27 @@ const Ti = /* @__PURE__ */ Te(({
       default:
         console.error(`[etudes::StepSlider] Invalid orientation: ${_}`);
     }
-  }, [P.width, P.left, P.top, P.height, E, Q, c, u, _, We(I)]), z = c ? tt(Q) : Q, ae = Tl({ orientation: _, isAtEnd: c ? Q === 0 : Q === 1, isAtStart: c ? Q === 1 : Q === 0, isDragging: K, isReleasing: oe }), F = Ol({ orientation: _, naturalPosition: z, isClipped: a, knobPadding: g, knobHeight: d, knobWidth: m, isTrackInteractive: u }), R = ze(e, {
+  }, [P.width, P.left, P.top, P.height, E, Q, c, u, _, We(I)]), z = c ? tt(Q) : Q, ae = Tl({ orientation: _, isAtEnd: c ? Q === 0 : Q === 1, isAtStart: c ? Q === 1 : Q === 0, isDragging: G, isReleasing: oe }), F = Ol({ orientation: _, naturalPosition: z, isClipped: a, knobPadding: g, knobHeight: d, knobWidth: m, isTrackInteractive: u }), R = ze(e, {
     knob: Pn,
     knobContainer: In,
     label: kn,
     track: Rt
   });
   return Ee(() => {
-    K || (X(dt(i, I)), M(i));
-  }, [i, K, We(I)]), Ee(() => {
-    if (K) {
+    G || (X(dt(i, I)), M(i));
+  }, [i, G, We(I)]), Ee(() => {
+    if (G) {
       if (T) return;
       M(It(Q, I));
     } else {
       const k = It(Q, I), U = dt(k, I);
       X(U), M(k);
     }
-  }, [Q, K, T, We(I)]), Ee(() => {
-    q?.(Q, K);
-  }, [Q, K]), Ee(() => {
-    C?.(E, K);
-  }, [E, K]), /* @__PURE__ */ w.jsx(
+  }, [Q, G, T, We(I)]), Ee(() => {
+    K?.(Q, G);
+  }, [Q, G]), Ee(() => {
+    C?.(E, G);
+  }, [E, G]), /* @__PURE__ */ w.jsx(
     "div",
     {
       ...W,
@@ -8293,11 +8288,11 @@ const Pl = /* @__PURE__ */ Te(({
     if (x === void 0) return;
     const P = x.x !== Y || x.y !== J, E = !isNaN($);
     P && (E || A(Date.now()), I(_e.make(Y, J)));
-  }, q = () => {
+  }, K = () => {
     const Y = $, J = b, x = _;
     if (isNaN(Y) || J === void 0 || x === void 0) return;
-    const P = Date.now() - Y, E = x.x - J.x, M = x.y - J.y, B = E / P, K = M / P;
-    r && (Math.abs(B) >= i && Math.abs(B) > Math.abs(K) ? B > 0 ? u?.() : c?.() : Math.abs(K) >= i && Math.abs(K) > Math.abs(B) && (K > 0 ? a?.() : d?.())), W();
+    const P = Date.now() - Y, E = x.x - J.x, M = x.y - J.y, B = E / P, G = M / P;
+    r && (Math.abs(B) >= i && Math.abs(B) > Math.abs(G) ? B > 0 ? u?.() : c?.() : Math.abs(G) >= i && Math.abs(G) > Math.abs(B) && (G > 0 ? a?.() : d?.())), W();
   }, W = () => {
     T(void 0), I(void 0), A(NaN);
   };
@@ -8309,8 +8304,8 @@ const Pl = /* @__PURE__ */ Te(({
       onMouseDown: (Y) => S(Y.clientX, Y.clientY),
       onMouseLeave: () => W(),
       onMouseMove: (Y) => C(Y.clientX, Y.clientY),
-      onMouseUp: () => q(),
-      onTouchEnd: () => q(),
+      onMouseUp: () => K(),
+      onTouchEnd: () => K(),
       onTouchMove: (Y) => C(Y.targetTouches[0].clientX, Y.targetTouches[0].clientY),
       onTouchStart: (Y) => S(Y.targetTouches[0].clientX, Y.targetTouches[0].clientY),
       children: e
@@ -8436,7 +8431,10 @@ function $l({
   return /* @__PURE__ */ w.jsx(w.Fragment, { children: jn.map(e, (i) => An(i) ? gr(i, { ...r }) : i) });
 }
 process.env.NODE_ENV === "development" && ($l.displayName = "ExtractChildren");
-function fu({
+function fu() {
+  return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function du({
   children: e,
   fallback: r = void 0
 }) {
@@ -8468,7 +8466,7 @@ export {
   qo as Image,
   on as ImageSource,
   pl as MasonryGrid,
-  fu as NoSSR,
+  du as NoSSR,
   ca as OptionButton,
   ti as Panorama,
   Fl as PanoramaSlider,
@@ -8502,28 +8500,29 @@ export {
   Aa as createLocalCache,
   Va as createSessionCache,
   Ya as getStyle,
+  fu as getSystemColorScheme,
   $a as isTouchDevice,
   To as setStyle,
   ce as styles,
-  Dl as useAgent,
-  Bl as useClassName,
-  Hl as useClickOutside,
-  Yl as useCopyBlobToClipboard,
-  Ul as useDPR,
-  Xl as useDownloadBlob,
+  Dl as useClassName,
+  Bl as useClickOutside,
+  Hl as useCopyBlobToClipboard,
+  Xl as useDPR,
+  Yl as useDownloadBlob,
   ka as useDrag,
-  Kl as useDropzone,
+  Ul as useDropzone,
   Qs as useImageLoader,
   Go as useImageSize,
   ga as useInertiaDrag,
   zt as useInertiaDragValue,
   Js as useIntersectionObserver,
   Ca as useInterval,
-  Gl as useIsMounted,
+  Kl as useIsMounted,
   ja as useIsTouchDevice,
-  ql as useKeyboardShortcut,
+  Gl as useKeyboardShortcut,
   Se as useLatest,
-  Wl as useLocalCache,
+  ql as useLocalCache,
+  Wl as useOS,
   Jl as usePosition,
   Fa as usePrevious,
   nt as useRect,