etudes 14.6.1 → 14.6.2

package/build/etudes.js

@@ -1,4 +1,4 @@
-import vs, { useState as Ne, useEffect as he, useRef as Ee, Fragment as _o, cloneElement as ys, Children as sn, isValidElement as an, forwardRef as _e, useCallback as ve, useLayoutEffect as xs, createContext as Oo, useContext as cn } from "react";
+import vs, { useState as Ne, useEffect as pe, useRef as Ee, Fragment as _o, cloneElement as ys, Children as sn, isValidElement as an, forwardRef as _e, useCallback as ye, useLayoutEffect as xs, createContext as Oo, useContext as cn } from "react";
 import { Link as bs, NavLink as ws, useSearchParams as Es } from "react-router";
 function Po(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -77,7 +77,7 @@ function Ss() {
             return (_.displayName || "Context") + ".Provider";
           case q:
             return (_._context.displayName || "Context") + ".Consumer";
-          case B:
+          case H:
             var M = _.render;
             return _ = _.displayName, _ || (_ = M.displayName || M.name || "", _ = _ !== "" ? "ForwardRef(" + _ + ")" : "ForwardRef"), _;
           case w:
@@ -186,24 +186,24 @@ function Ss() {
       }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
     }
     function T(_, M, te, oe, ue, se, Se, Oe) {
-      var me = M.children;
-      if (me !== void 0)
+      var ve = M.children;
+      if (ve !== void 0)
         if (oe)
-          if (H(me)) {
-            for (oe = 0; oe < me.length; oe++)
-              P(me[oe]);
-            Object.freeze && Object.freeze(me);
+          if (B(ve)) {
+            for (oe = 0; oe < ve.length; oe++)
+              P(ve[oe]);
+            Object.freeze && Object.freeze(ve);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else P(me);
+        else P(ve);
       if (K.call(M, "key")) {
-        me = e(_);
+        ve = e(_);
         var Q = Object.keys(M).filter(function(Ie) {
           return Ie !== "key";
         });
-        oe = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", G[me + oe] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        oe = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", G[ve + oe] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -211,22 +211,22 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           oe,
-          me,
+          ve,
           Q,
-          me
-        ), G[me + oe] = !0);
+          ve
+        ), G[ve + oe] = !0);
       }
-      if (me = null, te !== void 0 && (s(te), me = "" + te), p(M) && (s(M.key), me = "" + M.key), "key" in M) {
+      if (ve = null, te !== void 0 && (s(te), ve = "" + te), p(M) && (s(M.key), ve = "" + M.key), "key" in M) {
         te = {};
         for (var ke in M)
           ke !== "key" && (te[ke] = M[ke]);
       } else te = M;
-      return me && g(
+      return ve && g(
         te,
         typeof _ == "function" ? _.displayName || _.name || "Unknown" : _
       ), N(
         _,
-        me,
+        ve,
         se,
         ue,
         l(),
@@ -238,7 +238,7 @@ React keys must be passed directly to JSX without using spread:
     function P(_) {
       typeof _ == "object" && _ !== null && _.$$typeof === I && _._store && (_._store.validated = 1);
     }
-    var k = vs, I = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), W = Symbol.for("react.profiler"), q = Symbol.for("react.consumer"), D = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), ne = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, H = Array.isArray, L = console.createTask ? console.createTask : function() {
+    var k = vs, I = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), W = Symbol.for("react.profiler"), q = Symbol.for("react.consumer"), D = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), ne = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, B = Array.isArray, L = console.createTask ? console.createTask : function() {
       return null;
     };
     k = {
@@ -328,11 +328,11 @@ var Os = /* @__PURE__ */ _s();
 const qe = /* @__PURE__ */ Po(Os);
 function Ps() {
   const [e, r] = Ne(!1);
-  return he(() => (r(!0), () => {
+  return pe(() => (r(!0), () => {
     r(!1);
   }), []), e;
 }
-var pe;
+var he;
 ((e) => {
   e.zero = r();
   function r(b = 0, j = 0) {
@@ -421,14 +421,14 @@ var pe;
     return b.x === 0 && b.y === 0;
   }
   e.isZero = R;
-})(pe || (pe = {}));
+})(he || (he = {}));
 function ks(e, r) {
   try {
-    const s = pe.isValidDescriptor(e) && pe.make(e), a = pe.isValidDescriptor(r) && pe.make(r);
+    const s = he.isValidDescriptor(e) && he.make(e), a = he.isValidDescriptor(r) && he.make(r);
     if (s && !a) {
       const l = r instanceof Array ? r : [r], u = l.length;
       for (let p = 0; p < u; p++) {
-        const g = ye.from(l[p]);
+        const g = me.from(l[p]);
         if (!g) continue;
         const m = s.x >= g.left && s.x <= g.right, N = s.y >= g.top && s.y <= g.bottom;
         if (m && N) return !0;
@@ -437,7 +437,7 @@ function ks(e, r) {
     } else if (!s && a) {
       const l = e instanceof Array ? e : [e], u = l.length;
       for (let p = 0; p < u; p++) {
-        const g = ye.from(l[p]);
+        const g = me.from(l[p]);
         if (!g) continue;
         const m = a.x >= g.left && a.x <= g.right, N = a.y >= g.top && a.y <= g.bottom;
         if (m && N) return !0;
@@ -445,12 +445,12 @@ function ks(e, r) {
       return !1;
     } else {
       if (s && a)
-        return pe.isEqual(s, a);
+        return he.isEqual(s, a);
       {
         const l = [
           ...e instanceof Array ? e : [e],
           ...r instanceof Array ? r : [r]
-        ], u = ye.intersecting.apply(null, l);
+        ], u = me.intersecting.apply(null, l);
         return u ? u.width * u.height !== 0 : !1;
       }
     }
@@ -548,7 +548,7 @@ var ze;
   }
   e.isZero = R;
 })(ze || (ze = {}));
-var ye;
+var me;
 ((e) => {
   e.zero = r();
   function r(S = 0, C = 0, w = 0, z = 0) {
@@ -562,7 +562,7 @@ var ye;
         width: w,
         height: z
       };
-    } else if (pe.isPoint(S) && ze.isSize(C)) {
+    } else if (he.isPoint(S) && ze.isSize(C)) {
       const Y = S, U = C;
       return {
         top: Y.y,
@@ -587,7 +587,7 @@ var ye;
   }
   e.make = r;
   function s(S) {
-    return pe.make({
+    return he.make({
       x: (S.right - S.left) / 2 + S.left,
       y: (S.bottom - S.top) / 2 + S.top
     });
@@ -608,8 +608,8 @@ var ye;
       const w = S instanceof Array ? S : [S], z = w.length, Y = C.reference || window, U = u(), ne = St(Y) ? U : l(C.reference);
       if (!U || !ne) return;
       let K;
-      for (let H = 0; H < z; H++) {
-        const L = w[H], A = L.getBoundingClientRect(), J = r({
+      for (let B = 0; B < z; B++) {
+        const L = w[B], A = L.getBoundingClientRect(), J = r({
           x: A.left + U.left - (St(Y) ? 0 : ne.left),
           y: A.top + U.top - (St(Y) ? 0 : ne.top),
           width: C.overflow ? L.scrollWidth : L instanceof HTMLElement ? L.offsetWidth : A.width,
@@ -736,41 +736,41 @@ var ye;
     return typeof S == "object" && typeof S.top == "number" && typeof S.right == "number" && typeof S.bottom == "number" && typeof S.left == "number" && typeof S.width == "number" && typeof S.height == "number";
   }
   e.isRect = D;
-  function B(S) {
+  function H(S) {
     return S.top === 0 && S.right === 0 && S.bottom === 0 && S.left === 0 && S.width === 0 && S.height === 0;
   }
-  e.isZero = B;
-})(ye || (ye = {}));
+  e.isZero = H;
+})(me || (me = {}));
 function St(e) {
   return e === window;
 }
 function Te(e) {
   const r = Ee(e);
-  return he(() => {
+  return pe(() => {
     r.current = e;
   }, [e]), r;
 }
 function dr(e, { onResize: r }) {
   const s = Te(r);
-  he(() => {
+  pe(() => {
     const a = e.current;
     if (!a) return;
     const l = new ResizeObserver(() => {
-      s.current(a);
+      s.current?.(a);
     });
     return l.observe(a), () => {
       l.disconnect();
     };
-  }, [e]);
+  }, [e.current]);
 }
 function Co(e) {
-  const [r, s] = Ne(ye.zero);
+  const [r, s] = Ne(me.zero);
   return dr(e, {
     onResize: (a) => {
-      const l = ye.from(a);
+      const l = me.from(a);
       l && s(l);
     }
-  }), ye.size(r);
+  }), me.size(r);
 }
 function ln({
   in: e,
@@ -826,7 +826,7 @@ function Le(e, r = {}) {
     l[g] = u;
   }), l;
 }
-function gl(e) {
+function ml(e) {
   return e;
 }
 function le(...e) {
@@ -856,51 +856,51 @@ const hr = /* @__PURE__ */ _e(({
   ItemComponent: W,
   ...q
 }, D) => {
-  const B = js(T ?? [], p), S = Is({ itemLength: l, itemPadding: u, layout: g, numSegments: m, orientation: N }), C = (H) => B.indexOf(H) >= 0, w = (H) => {
-    C(H) ? Y(H) : z(H);
-  }, z = (H) => {
-    if (C(H)) return;
+  const H = js(T ?? [], p), S = Is({ itemLength: l, itemPadding: u, layout: g, numSegments: m, orientation: N }), C = (B) => H.indexOf(B) >= 0, w = (B) => {
+    C(B) ? Y(B) : z(B);
+  }, z = (B) => {
+    if (C(B)) return;
     let L;
     switch (P) {
       case "multiple": {
-        L = (Z) => jo([...Z.filter((ae) => ae !== H), H]);
+        L = (Z) => jo([...Z.filter((ae) => ae !== B), B]);
         break;
       }
       case "single": {
-        L = (Z) => [H];
+        L = (Z) => [B];
         break;
       }
       default:
         return;
     }
-    const A = B, J = L(B);
+    const A = H, J = L(H);
     ne(A, J);
-  }, Y = (H) => {
-    if (!C(H)) return;
-    const L = (Z) => Z.filter((ae) => ae !== H), A = B, J = L(B);
+  }, Y = (B) => {
+    if (!C(B)) return;
+    const L = (Z) => Z.filter((ae) => ae !== B), A = H, J = L(H);
     ne(A, J);
-  }, U = (H) => {
-    k?.(H), P !== "none" && (a ? w(H) : z(H));
-  }, ne = (H, L) => {
-    if (qe(H, L)) return;
-    const A = H?.filter((Z) => L.indexOf(Z) === -1) ?? [], J = L.filter((Z) => H?.indexOf(Z) === -1);
+  }, U = (B) => {
+    k?.(B), P !== "none" && (a ? w(B) : z(B));
+  }, ne = (B, L) => {
+    if (qe(B, L)) return;
+    const A = B?.filter((Z) => L.indexOf(Z) === -1) ?? [], J = L.filter((Z) => B?.indexOf(Z) === -1);
     A.forEach((Z) => I?.(Z)), J.forEach((Z) => b?.(Z)), j?.(L);
   };
-  he(() => {
-    const H = B;
+  pe(() => {
+    const B = H;
     let L;
     switch (P) {
       case "multiple":
-        L = B;
+        L = H;
         break;
       case "single":
-        L = B.slice(-1);
+        L = H.slice(-1);
         break;
       default:
         L = [];
         break;
     }
-    ne(H, L);
+    ne(B, L);
   }, [P]);
   const K = Le(r, {
     item: Pt
@@ -914,7 +914,7 @@ const hr = /* @__PURE__ */ _e(({
       className: ie(e),
       role: g === "grid" ? "grid" : P === "none" ? "list" : "listbox",
       style: le(s, S.root),
-      children: /* @__PURE__ */ x.jsx(ln, { in: p, children: (H, L) => {
+      children: /* @__PURE__ */ x.jsx(ln, { in: p, children: (B, L) => {
         const A = g === "grid" ? "gridcell" : P === "none" ? "listitem" : "option", J = C(L), Z = le(S.item, {
           pointerEvents: a !== !0 && C(L) ? "none" : "auto",
           ...L >= p.length - 1 ? {} : {
@@ -934,7 +934,7 @@ const hr = /* @__PURE__ */ _e(({
             className: ie({ selected: J }),
             index: L,
             isSelected: C(L),
-            item: H,
+            item: B,
             orientation: N,
             role: A,
             style: Z,
@@ -952,7 +952,7 @@ const hr = /* @__PURE__ */ _e(({
             style: Z,
             onActivateAt: k,
             onClick: () => U(L),
-            children: `${H}`
+            children: `${B}`
           }
         );
       } })
@@ -1030,11 +1030,11 @@ const $s = /* @__PURE__ */ _e(({
   onSelectionChange: W,
   HeaderComponent: q,
   ItemComponent: D,
-  ...B
+  ...H
 }, S) => {
-  const C = Ps(), w = Rs(g ?? {}, p), z = Ms(a ?? [], p), Y = zs({ orientation: l }), U = p.map(() => Ee(null)), ne = U.map((_) => Co(_)), K = (_, M) => (w[M]?.indexOf(_) ?? -1) >= 0, H = (_) => z.indexOf(_) >= 0, L = (_) => {
+  const C = Ps(), w = Rs(g ?? {}, p), z = Ms(a ?? [], p), Y = zs({ orientation: l }), U = p.map(() => Ee(null)), ne = U.map((_) => Co(_)), K = (_, M) => (w[M]?.indexOf(_) ?? -1) >= 0, B = (_) => z.indexOf(_) >= 0, L = (_) => {
     let M;
-    H(_) ? M = (te) => te.filter((oe) => oe !== _) : s ? M = (te) => [_] : M = (te) => [...te.filter((oe) => oe !== _), _], Z(z, M(z));
+    B(_) ? M = (te) => te.filter((oe) => oe !== _) : s ? M = (te) => [_] : M = (te) => [...te.filter((oe) => oe !== _), _], Z(z, M(z));
   }, A = (_, M) => {
     if (K(_, M)) return;
     let te;
@@ -1071,8 +1071,8 @@ const $s = /* @__PURE__ */ _e(({
     const te = p.length;
     let oe = [], ue = [];
     for (let se = 0; se < te; se++) {
-      const Se = _?.[se] ?? [], Oe = M[se] ?? [], me = Se.filter((ke) => Oe.indexOf(ke) === -1), Q = Oe.filter((ke) => Se?.indexOf(ke) === -1);
-      oe = [...oe, ...me.map((ke) => [ke, se])], ue = [...ue, ...Q.map((ke) => [ke, se])];
+      const Se = _?.[se] ?? [], Oe = M[se] ?? [], ve = Se.filter((ke) => Oe.indexOf(ke) === -1), Q = Oe.filter((ke) => Se?.indexOf(ke) === -1);
+      oe = [...oe, ...ve.map((ke) => [ke, se])], ue = [...ue, ...Q.map((ke) => [ke, se])];
     }
     oe.forEach((se) => P?.(se[0], se[1])), ue.forEach((se) => j?.(se[0], se[1])), W?.(M);
   }, G = Le(e, {
@@ -1082,8 +1082,8 @@ const $s = /* @__PURE__ */ _e(({
     item: Dn,
     section: uo
   });
-  return /* @__PURE__ */ x.jsx("div", { ...B, ref: S, style: le(r, Y.root), children: /* @__PURE__ */ x.jsx(ln, { in: p, children: (_, M) => {
-    const { collectionPadding: te = 0, items: oe = [], itemLength: ue = 50, itemPadding: se = 0, isSelectionTogglable: Se, layout: Oe = "list", maxVisible: me = -1, numSegments: Q = 1 } = _, ke = Oe === "list" ? oe.length : Math.ceil(oe.length / Q), Ie = me < 0 ? ke : Math.min(ke, me), Be = ue * Ie + se * (Ie - 1), je = !H(M), De = ne[M];
+  return /* @__PURE__ */ x.jsx("div", { ...H, ref: S, style: le(r, Y.root), children: /* @__PURE__ */ x.jsx(ln, { in: p, children: (_, M) => {
+    const { collectionPadding: te = 0, items: oe = [], itemLength: ue = 50, itemPadding: se = 0, isSelectionTogglable: Se, layout: Oe = "list", maxVisible: ve = -1, numSegments: Q = 1 } = _, ke = Oe === "list" ? oe.length : Math.ceil(oe.length / Q), Ie = ve < 0 ? ke : Math.min(ke, ve), He = ue * Ie + se * (Ie - 1), je = !B(M), De = ne[M];
     return /* @__PURE__ */ x.jsxs(
       ge,
       {
@@ -1091,12 +1091,12 @@ const $s = /* @__PURE__ */ _e(({
         style: le(Y.section, l === "vertical" ? {
           marginTop: M === 0 ? "0px" : `${u}px`,
           ...De.height > 0 ? {
-            height: je ? `${De.height}px` : `${Be + De.height + te}px`
+            height: je ? `${De.height}px` : `${He + De.height + te}px`
           } : {}
         } : {
           marginLeft: M === 0 ? "0px" : `${u}px`,
           ...De.width > 0 ? {
-            width: je ? `${De.width}px` : `${Be + De.width + te}px`
+            width: je ? `${De.width}px` : `${He + De.width + te}px`
           } : {}
         }, {
           visibility: C ? "visible" : "hidden"
@@ -1152,13 +1152,13 @@ const $s = /* @__PURE__ */ _e(({
                 pointerEvents: je ? "none" : "auto"
               }, l === "vertical" ? {
                 width: "100%",
-                height: `${Be}px`,
+                height: `${He}px`,
                 marginTop: `${te}px`,
-                overflowY: me < 0 || me >= ke ? "hidden" : "scroll"
+                overflowY: ve < 0 || ve >= ke ? "hidden" : "scroll"
               } : {
                 marginLeft: `${te}px`,
-                overflowX: me < 0 || me >= ke ? "hidden" : "scroll",
-                width: `${Be}px`,
+                overflowX: ve < 0 || ve >= ke ? "hidden" : "scroll",
+                width: `${He}px`,
                 height: "100%"
               }),
               children: /* @__PURE__ */ x.jsx(
@@ -1282,7 +1282,7 @@ function Vn({
   return /* @__PURE__ */ x.jsx(x.Fragment, { children: [...Array(e)].map((a, l) => /* @__PURE__ */ x.jsx(_o, { children: s?.(l) ?? (typeof r == "function" ? r(l) : r) }, `element-${l}`)) });
 }
 process.env.NODE_ENV !== "production" && (Vn.displayName = "Repeat");
-function ml(e) {
+function vl(e) {
   return e;
 }
 const Mo = /* @__PURE__ */ _e(({
@@ -1446,9 +1446,9 @@ function Vs() {
   };
 }
 process.env.NODE_ENV !== "production" && (Fs.displayName = "BurgerButton", Ds.displayName = "BurgerButtonBar");
-function Hs(e) {
+function Bs(e) {
   switch (!0) {
-    case Bs(e): {
+    case Hs(e): {
       const { action: r, children: s, isNav: a, className: l, isDisabled: u, label: p, ...g } = e;
       return /* @__PURE__ */ x.jsx(
         ws,
@@ -1512,7 +1512,7 @@ function Hs(e) {
       return console.error("[etudes::Button] Unknown button type"), /* @__PURE__ */ x.jsx(x.Fragment, {});
   }
 }
-function Bs(e) {
+function Hs(e) {
   return !(typeof e.action != "string" || !e.action.startsWith("/") || !("isNav" in e) || !e.isNav);
 }
 function Ys(e) {
@@ -1524,7 +1524,7 @@ function Xs(e) {
 function Us(e) {
   return typeof e.action == "function";
 }
-process.env.NODE_ENV !== "production" && (Hs.displayName = "Button");
+process.env.NODE_ENV !== "production" && (Bs.displayName = "Button");
 function qs(e, {
   isEnabled: r = !0,
   updatesCursor: s = !0,
@@ -1532,30 +1532,30 @@ function qs(e, {
   onDragMove: l,
   onDragEnd: u
 }) {
-  const p = Ee(void 0), g = Ee(void 0), m = Te(a), N = Te(l), T = Te(u), P = ve((R) => {
+  const p = Ee(void 0), g = Ee(void 0), m = Te(a), N = Te(l), T = Te(u), P = ye((R) => {
     if (!p.current) return;
-    const b = pe.make(R.clientX, R.clientY), j = pe.subtract(b, g.current ?? p.current);
+    const b = he.make(R.clientX, R.clientY), j = he.subtract(b, g.current ?? p.current);
     g.current = b, N.current?.(j, b, p.current);
-  }, []), k = ve((R) => {
+  }, []), k = ye((R) => {
     const b = e.current;
     if (!b || !p.current) return;
-    const j = pe.make(R.clientX, R.clientY), W = pe.subtract(g.current ?? p.current, j);
+    const j = he.make(R.clientX, R.clientY), W = he.subtract(g.current ?? p.current, j);
     T.current?.(j, W, p.current), p.current = void 0, g.current = void 0, b.removeEventListener("mousemove", P), b.removeEventListener("mouseup", k, { capture: !0 }), b.removeEventListener("mouseleave", k), s && (b.style.cursor = "grab");
-  }, [s, P]), I = ve((R) => {
+  }, [s, P]), I = ye((R) => {
     const b = e.current;
     if (!b) return;
     R.preventDefault();
-    const j = pe.make(R.clientX, R.clientY);
+    const j = he.make(R.clientX, R.clientY);
     p.current = j, g.current = j, b.addEventListener("mousemove", P), b.addEventListener("mouseup", k, { capture: !0 }), b.addEventListener("mouseleave", k), s && (b.style.cursor = "grabbing"), m.current?.(j);
   }, [s, P, k]);
-  he(() => {
+  pe(() => {
     const R = e.current;
     if (!R || !r || !s) return;
     const b = R.style.cursor;
     return R.style.cursor = "grab", () => {
       R.style.cursor = b;
     };
-  }, [r, s]), he(() => {
+  }, [r, s]), pe(() => {
     const R = e.current;
     if (!(!R || !r))
       return R.addEventListener("mousedown", I), () => {
@@ -1568,14 +1568,14 @@ function Gs(e, {
   shouldInvokeInitially: s = !1,
   onInterval: a
 }) {
-  const l = Ee(void 0), u = Te(a), p = ve(() => {
+  const l = Ee(void 0), u = Te(a), p = ye(() => {
     clearInterval(l.current), l.current = void 0;
-  }, []), g = ve(() => {
+  }, []), g = ye(() => {
     p(), !(e < 0) && (s && u.current(), l.current = setInterval(() => {
       u.current();
     }, e));
   }, [e, s, p]);
-  return he(() => (r && e > 0 && g(), p), [r, e, g, p]), { start: g, stop: p };
+  return pe(() => (r && e > 0 && g(), p), [r, e, g, p]), { start: g, stop: p };
 }
 const Ws = /* @__PURE__ */ _e(({
   autoAdvanceInterval: e = 0,
@@ -1590,25 +1590,25 @@ const Ws = /* @__PURE__ */ _e(({
   ItemComponent: N,
   ...T
 }, P) => {
-  const k = Ee(void 0), I = Ee(null), R = Ee(void 0), b = Ee(void 0), j = Ee(void 0), W = 1e3, [q, D] = Ne($n(I, l)), [B, S] = Ne(!1), C = Zs({ scrollSnapEnabled: !B, orientation: l }), w = e > 0, z = ve((A) => {
+  const k = Ee(void 0), I = Ee(null), R = Ee(void 0), b = Ee(void 0), j = Ee(void 0), W = 1e3, [q, D] = Ne($n(I, l)), [H, S] = Ne(!1), C = Zs({ scrollSnapEnabled: !H, orientation: l }), w = e > 0, z = ye((A) => {
     m?.(A);
-  }, [m]), Y = ve((A) => {
-    R.current = pe.make(A.clientX, A.clientY), S(!0);
-  }, []), U = ve((A) => {
+  }, [m]), Y = ye((A) => {
+    R.current = he.make(A.clientX, A.clientY), S(!0);
+  }, []), U = ye((A) => {
     const J = R.current, Z = b.current;
     if (!J || !Z) return;
-    const ae = 5, G = pe.subtract(J, Z);
+    const ae = 5, G = he.subtract(J, Z);
     (Math.abs(G.x) > ae || Math.abs(G.y) > ae) && A.stopPropagation(), R.current = void 0, b.current = void 0;
-  }, []), ne = ve((A) => {
-    b.current = pe.make(A.clientX, A.clientY), B && S(!1);
-  }, [B]), K = ve(() => {
+  }, []), ne = ye((A) => {
+    b.current = he.make(A.clientX, A.clientY), H && S(!1);
+  }, [H]), K = ye(() => {
     Ks(I, r, l), clearTimeout(j.current), j.current = setTimeout(() => {
       clearTimeout(j.current), j.current = void 0;
     }, W);
-  }, [I.current, r, l, W]), H = ve(() => {
+  }, [I.current, r, l, W]), B = ye(() => {
     const A = (r + a.length + 1) % a.length;
     z(A);
-  }, [B, r, a.length, z]), L = ve(({ x: A, y: J }) => {
+  }, [H, r, a.length, z]), L = ye(({ x: A, y: J }) => {
     const Z = I.current;
     switch (l) {
       case "horizontal":
@@ -1625,7 +1625,7 @@ const Ws = /* @__PURE__ */ _e(({
         console.error(`[etudes::Carousel] Unsupported orientation: ${l}`);
     }
   }, [l, I.current]);
-  return he(() => {
+  return pe(() => {
     const A = I.current;
     if (!A) return;
     const J = k.current === void 0, Z = k.current === r, ae = (G) => {
@@ -1636,13 +1636,13 @@ const Ws = /* @__PURE__ */ _e(({
     return A.addEventListener("scroll", ae), u && D($n(I, l)), Z || (k.current = r, J || (z(r), K())), () => {
       A.removeEventListener("scroll", ae);
     };
-  }, [r, l, u]), he(() => {
-    w && (B ? p?.() : g?.());
-  }, [B, w]), qs(I, {
+  }, [r, l, u]), pe(() => {
+    w && (H ? p?.() : g?.());
+  }, [H, w]), qs(I, {
     isEnabled: s && a.length > 1,
     onDragMove: L
-  }), Gs(B || !w ? -1 : e, {
-    onInterval: H
+  }), Gs(H || !w ? -1 : e, {
+    onInterval: B
   }), /* @__PURE__ */ x.jsx(
     "div",
     {
@@ -1683,7 +1683,7 @@ function $n(e, r) {
 function Js(e, r, s) {
   const a = r?.current, l = a?.children[e];
   if (!l) return 0;
-  const u = ye.intersecting(l, a);
+  const u = me.intersecting(l, a);
   if (!u) return 0;
   switch (s) {
     case "horizontal":
@@ -1734,7 +1734,7 @@ function Zs({ scrollSnapEnabled: e = !1, orientation: r = "horizontal" }) {
 process.env.NODE_ENV !== "production" && (Ws.displayName = "Carousel");
 function Qs(e) {
   const r = Ee(void 0);
-  return he(() => {
+  return pe(() => {
     r.current = e;
   }, [e]), r.current;
 }
@@ -1751,7 +1751,7 @@ const Ro = /* @__PURE__ */ _e(({
   onChange: N,
   ...T
 }, P) => {
-  const k = ve((I) => {
+  const k = ye((I) => {
     const R = (p?.(I) ?? I) || r;
     N?.(R);
   }, [N, p]);
@@ -1801,22 +1801,22 @@ const ea = /* @__PURE__ */ _e(({
   }, b = (C) => {
     let w = C;
     return isNaN(l) || (w = Math.max(l, w)), isNaN(a) || (w = Math.min(a, w)), w;
-  }, [j, W] = Ne(I(u)), q = Qs(u), D = !isNaN(a) && u + 1 > a, B = !isNaN(l) && u - 1 < l;
-  he(() => {
+  }, [j, W] = Ne(I(u)), q = Qs(u), D = !isNaN(a) && u + 1 > a, H = !isNaN(l) && u - 1 < l;
+  pe(() => {
     if (q === void 0 || q === u) return;
     const C = b(u);
     W(I(C));
   }, [u, l, a]);
   const S = Le(e, {
-    textField: Hn,
-    addButton: Bn,
+    textField: Bn,
+    addButton: Hn,
     subscribeButton: Yn
   });
   return /* @__PURE__ */ x.jsxs("div", { ...g, ref: m, style: le(r, Ut.root), children: [
     /* @__PURE__ */ x.jsx(
       ge,
       {
-        className: ie({ disabled: B }),
+        className: ie({ disabled: H }),
         element: S.subscribeButton ?? /* @__PURE__ */ x.jsx(Yn, {}),
         style: le(Ut.subtract),
         onClick: () => N()
@@ -1825,7 +1825,7 @@ const ea = /* @__PURE__ */ _e(({
     /* @__PURE__ */ x.jsx(
       ge,
       {
-        element: S.textField ?? /* @__PURE__ */ x.jsx(Hn, {}),
+        element: S.textField ?? /* @__PURE__ */ x.jsx(Bn, {}),
         isDisabled: !s,
         style: le(Ut.textField),
         value: j,
@@ -1837,13 +1837,13 @@ const ea = /* @__PURE__ */ _e(({
       ge,
       {
         className: ie({ disabled: D }),
-        element: S.addButton ?? /* @__PURE__ */ x.jsx(Bn, {}),
+        element: S.addButton ?? /* @__PURE__ */ x.jsx(Hn, {}),
         style: le(Ut.add),
         onClick: () => T()
       }
     )
   ] });
-}), Hn = ({ ...e }) => /* @__PURE__ */ x.jsx(Ro, { ...e }), Bn = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("button", { ...r, children: e }), Yn = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("button", { ...r, children: e }), Ut = {
+}), Bn = ({ ...e }) => /* @__PURE__ */ x.jsx(Ro, { ...e }), Hn = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("button", { ...r, children: e }), Yn = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("button", { ...r, children: e }), Ut = {
   root: {
     alignItems: "stretch",
     display: "flex",
@@ -1860,17 +1860,32 @@ const ea = /* @__PURE__ */ _e(({
     width: "100%"
   }
 };
-process.env.NODE_ENV !== "production" && (ea.displayName = "Counter", Bn.displayName = "CounterAddButton", Yn.displayName = "CounterSubtractButton", Hn.displayName = "CounterTextField");
+process.env.NODE_ENV !== "production" && (ea.displayName = "Counter", Hn.displayName = "CounterAddButton", Yn.displayName = "CounterSubtractButton", Bn.displayName = "CounterTextField");
+function ta() {
+  const [e, r] = Ne(ze.zero);
+  return pe(() => {
+    const s = () => {
+      const a = me.size(me.fromViewport());
+      r(a);
+    };
+    return window.addEventListener("resize", s), s(), () => {
+      window.removeEventListener("resize", s);
+    };
+  }, []), e;
+}
 function tt(e) {
-  const [r, s] = Ne(ye.zero);
+  const [r, s] = Ne(me.zero), a = ta();
   return dr(e, {
-    onResize: (a) => {
-      const l = ye.from(a);
-      l && s(l);
+    onResize: (l) => {
+      const u = me.from(l);
+      u && s(u);
     }
-  }), r;
+  }), pe(() => {
+    const l = e.current, u = me.from(l);
+    u && s(u);
+  }, [ze.toString(a)]), r;
 }
-function ta({
+function na({
   src: e,
   srcSet: r,
   sizes: s
@@ -1880,7 +1895,7 @@ function ta({
   onLoadError: u
 } = {}) {
   const p = Ee(void 0), g = Te(a), m = Te(l), N = Te(u);
-  he(() => {
+  pe(() => {
     const T = (k) => {
       const I = k.currentTarget;
       m.current?.(I);
@@ -1903,20 +1918,20 @@ function zo({
   onLoadComplete: u,
   onLoadError: p
 } = {}) {
-  const [g, m] = Ne(), N = Te(l), T = Te(u), P = Te(p), k = ve((b) => {
+  const [g, m] = Ne(), N = Te(l), T = Te(u), P = Te(p), k = ye((b) => {
     a || m(void 0), N.current?.(b);
-  }, [a]), I = ve((b) => {
-    m(na(b)), T.current?.(b);
-  }, []), R = ve((b) => {
+  }, [a]), I = ye((b) => {
+    m(ra(b)), T.current?.(b);
+  }, []), R = ye((b) => {
     a || m(void 0), P.current?.(b);
   }, [a]);
-  return ta({ src: e, srcSet: r, sizes: s }, {
+  return na({ src: e, srcSet: r, sizes: s }, {
     onLoadStart: k,
     onLoadComplete: I,
     onLoadError: R
   }), g;
 }
-function na(e) {
+function ra(e) {
   if (e && typeof e.width == "number" && typeof e.height == "number")
     return ze.make(e.width, e.height);
 }
@@ -1974,7 +1989,7 @@ const Lo = /* @__PURE__ */ _e(({
     onLoadComplete: p,
     onLoadError: g
   });
-  return he(() => {
+  return pe(() => {
     m?.(I);
   }, [I?.width, I?.height]), /* @__PURE__ */ x.jsx(
     "img",
@@ -1990,7 +2005,7 @@ const Lo = /* @__PURE__ */ _e(({
   );
 });
 process.env.NODE_ENV !== "production" && (Lo.displayName = "Image");
-const ra = /* @__PURE__ */ _e(({
+const oa = /* @__PURE__ */ _e(({
   children: e,
   style: r,
   alt: s,
@@ -2006,9 +2021,9 @@ const ra = /* @__PURE__ */ _e(({
 }, k) => {
   const I = (w) => {
     W(w ? w.width / w.height : NaN);
-  }, R = Ee(null), b = k ?? R, [j, W] = Ne(NaN), q = isNaN(a) ? j : a, D = tt(b), B = D.width / D.height, S = ze.make(
-    B > 1 ? Math.max(D.width, D.height * q) : Math.max(D.width, Math.max(D.height, D.width / q) * q),
-    B > 1 ? Math.max(D.height, Math.max(D.width, D.height * q) / q) : Math.max(D.height, D.width / q)
+  }, R = Ee(null), b = k ?? R, [j, W] = Ne(NaN), q = isNaN(a) ? j : a, D = tt(b), H = D.width / D.height, S = ze.make(
+    H > 1 ? Math.max(D.width, D.height * q) : Math.max(D.width, Math.max(D.height, D.width / q) * q),
+    H > 1 ? Math.max(D.height, Math.max(D.width, D.height * q) / q) : Math.max(D.height, D.width / q)
   ), C = Le(e, {
     content: Fo,
     viewport: Do
@@ -2065,14 +2080,14 @@ const ra = /* @__PURE__ */ _e(({
     transform: "translate(-50%, -50%)"
   }
 };
-process.env.NODE_ENV !== "production" && (ra.displayName = "CoverImage", Fo.displayName = "CoverImageContent", Do.displayName = "CoverImageViewport");
-function oa(e, {
+process.env.NODE_ENV !== "production" && (oa.displayName = "CoverImage", Fo.displayName = "CoverImageContent", Do.displayName = "CoverImageViewport");
+function ia(e, {
   onLoadStart: r,
   onLoadComplete: s,
   onLoadError: a
 } = {}) {
   const l = Te(r), u = Te(s), p = Te(a);
-  he(() => {
+  pe(() => {
     if (!e) return;
     const g = document.createElement("video"), m = () => u.current?.(g), N = () => p.current?.(g);
     return g.addEventListener("loadedmetadata", m), g.addEventListener("error", N), g.src = e, l.current?.(g), () => {
@@ -2080,26 +2095,26 @@ function oa(e, {
     };
   }, [e]);
 }
-function ia(e, {
+function sa(e, {
   preservesSizeBetweenLoads: r = !0,
   onLoadStart: s,
   onLoadComplete: a,
   onLoadError: l
 } = {}) {
-  const [u, p] = Ne(), g = Te(s), m = Te(a), N = Te(l), T = ve((I) => {
+  const [u, p] = Ne(), g = Te(s), m = Te(a), N = Te(l), T = ye((I) => {
     r || p(void 0), g.current?.(I);
-  }, [r]), P = ve((I) => {
-    p(sa(I)), m.current?.(I);
-  }, []), k = ve((I) => {
+  }, [r]), P = ye((I) => {
+    p(aa(I)), m.current?.(I);
+  }, []), k = ye((I) => {
     r || p(void 0), N.current?.(I);
   }, [r]);
-  return oa(e, {
+  return ia(e, {
     onLoadStart: T,
     onLoadComplete: P,
     onLoadError: k
   }), u;
 }
-function sa(e) {
+function aa(e) {
   if (e && typeof e.videoWidth == "number" && typeof e.videoHeight == "number")
     return ze.make(e.videoWidth, e.videoHeight);
 }
@@ -2123,52 +2138,52 @@ const Vo = /* @__PURE__ */ _e(({
   onTimeUpdate: j,
   ...W
 }, q) => {
-  const D = Ee(null), B = q ?? D, S = ia(p, {
+  const D = Ee(null), H = q ?? D, S = sa(p, {
     onLoadStart: T,
     onLoadComplete: P,
     onLoadError: k
   });
-  he(() => {
-    if (!B.current) return;
+  pe(() => {
+    if (!H.current) return;
     if (p.toLowerCase().endsWith(".m3u8")) {
-      const L = !!B.current.canPlayType("application/x-mpegURL"), A = typeof window < "u" && typeof window.Hls < "u" ? window.Hls : void 0;
+      const L = !!H.current.canPlayType("application/x-mpegURL"), A = typeof window < "u" && typeof window.Hls < "u" ? window.Hls : void 0;
       if (!L && A?.isSupported()) {
         const J = new A();
-        J.loadSource(p), J.attachMedia(B.current);
+        J.loadSource(p), J.attachMedia(H.current);
       }
     }
-    const H = (L) => {
+    const B = (L) => {
       const A = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
       A !== void 0 && N?.(A);
     };
-    return B.current.muted = a, B.current.load(), B.current.addEventListener("webkitfullscreenchange", H), B.current.addEventListener("mozfullscreenchange", H), B.current.addEventListener("fullscreenchange", H), () => {
-      K(), B.current?.removeEventListener("webkitfullscreenchange", H), B.current?.removeEventListener("mozfullscreenchange", H), B.current?.removeEventListener("fullscreenchange", H);
+    return H.current.muted = a, H.current.load(), H.current.addEventListener("webkitfullscreenchange", B), H.current.addEventListener("mozfullscreenchange", B), H.current.addEventListener("fullscreenchange", B), () => {
+      K(), H.current?.removeEventListener("webkitfullscreenchange", B), H.current?.removeEventListener("mozfullscreenchange", B), H.current?.removeEventListener("fullscreenchange", B);
     };
-  }, [p]), he(() => {
+  }, [p]), pe(() => {
     b?.(S);
   }, [S]);
-  const C = (H) => {
-    const L = H.currentTarget;
+  const C = (B) => {
+    const L = B.currentTarget;
     r && L.paused && ne(), g?.();
-  }, w = (H) => {
+  }, w = (B) => {
     R?.();
-  }, z = (H) => {
+  }, z = (B) => {
     I?.();
-  }, Y = (H) => {
+  }, Y = (B) => {
     m?.();
-  }, U = (H) => {
-    const L = H.currentTarget;
+  }, U = (B) => {
+    const L = B.currentTarget;
     j?.(L.currentTime, L.duration);
   }, ne = () => {
-    B.current && B.current.play();
+    H.current && H.current.play();
   }, K = () => {
-    B.current && B.current.pause();
+    H.current && H.current.pause();
   };
   return /* @__PURE__ */ x.jsx(
     "video",
     {
       ...W,
-      ref: B,
+      ref: H,
       autoPlay: r,
       controls: s,
       loop: e,
@@ -2185,7 +2200,7 @@ const Vo = /* @__PURE__ */ _e(({
   );
 });
 process.env.NODE_ENV !== "production" && (Vo.displayName = "Video");
-const aa = /* @__PURE__ */ _e(({
+const ca = /* @__PURE__ */ _e(({
   className: e,
   children: r,
   style: s,
@@ -2206,21 +2221,21 @@ const aa = /* @__PURE__ */ _e(({
   onPause: W,
   onPlay: q,
   onSizeChange: D,
-  ...B
+  ...H
 }, S) => {
   const C = (A) => {
     U(A ? A.width / A.height : NaN), D?.(A);
-  }, w = S ?? Ee(null), z = tt(w), [Y, U] = Ne(NaN), ne = isNaN(a) ? Y : a, K = z.width / z.height, H = ze.make(
+  }, w = S ?? Ee(null), z = tt(w), [Y, U] = Ne(NaN), ne = isNaN(a) ? Y : a, K = z.width / z.height, B = ze.make(
     K > 1 ? Math.max(z.width, z.height * ne) : Math.max(z.width, Math.max(z.height, z.width / ne) * ne),
     K > 1 ? Math.max(z.height, Math.max(z.width, z.height * ne) / ne) : Math.max(z.height, z.width / ne)
   ), L = Le(r, {
-    content: Ho,
-    viewport: Bo
+    content: Bo,
+    viewport: Ho
   });
   return /* @__PURE__ */ x.jsxs(
     "div",
     {
-      ...B,
+      ...H,
       ref: w,
       className: e,
       style: le(s, Mn.root),
@@ -2236,8 +2251,8 @@ const aa = /* @__PURE__ */ _e(({
             posterSrc: N,
             src: T,
             style: le(Mn.viewport, {
-              width: `${H.width}px`,
-              height: `${H.height}px`,
+              width: `${B.width}px`,
+              height: `${B.height}px`,
               maxWidth: "unset"
             }),
             onCanPlay: P,
@@ -2256,9 +2271,9 @@ const aa = /* @__PURE__ */ _e(({
           {
             element: L.viewport,
             style: le(Mn.viewport, {
-              height: `${H.height}px`,
+              height: `${B.height}px`,
               pointerEvents: "none",
-              width: `${H.width}px`
+              width: `${B.width}px`
             })
           }
         ),
@@ -2266,7 +2281,7 @@ const aa = /* @__PURE__ */ _e(({
       ]
     }
   );
-}), Ho = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("div", { ...r, children: e }), Bo = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("div", { ...r, children: e }), Mn = {
+}), Bo = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("div", { ...r, children: e }), Ho = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("div", { ...r, children: e }), Mn = {
   root: {
     overflow: "hidden"
   },
@@ -2278,8 +2293,8 @@ const aa = /* @__PURE__ */ _e(({
     transform: "translate(-50%, -50%)"
   }
 };
-process.env.NODE_ENV !== "production" && (aa.displayName = "CoverVideo", Ho.displayName = "CoverVideoContent", Bo.displayName = "CoverVideoViewport");
-const ca = /* @__PURE__ */ _e(({
+process.env.NODE_ENV !== "production" && (ca.displayName = "CoverVideo", Bo.displayName = "CoverVideoContent", Ho.displayName = "CoverVideoViewport");
+const la = /* @__PURE__ */ _e(({
   children: e,
   style: r,
   angle: s = 0,
@@ -2293,7 +2308,7 @@ const ca = /* @__PURE__ */ _e(({
   const T = u * 2, P = Math.max(0, Math.min(360, a)), k = Le(e, {
     track: Xn,
     knob: Un
-  }), I = ua({ angle: s, diameter: T });
+  }), I = fa({ angle: s, diameter: T });
   return /* @__PURE__ */ x.jsxs("div", { ...m, ref: N, style: le(r, I.root), children: [
     /* @__PURE__ */ x.jsx("div", { style: I.trackContainer, children: /* @__PURE__ */ x.jsx("svg", { height: T, style: I.svgContainer, viewBox: `0 0 ${T} ${T}`, width: T, children: /* @__PURE__ */ x.jsx(
       ge,
@@ -2310,7 +2325,7 @@ const ca = /* @__PURE__ */ _e(({
     /* @__PURE__ */ x.jsx("div", { style: le(I.knobContainer), children: /* @__PURE__ */ x.jsx("svg", { style: I.svgContainer, viewBox: `0 0 ${T} ${T}`, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ x.jsx(
       ge,
       {
-        d: la(u, u, u - l / 2 - (g - l) / 2, -P / 2, P / 2),
+        d: ua(u, u, u - l / 2 - (g - l) / 2, -P / 2, P / 2),
         element: k.knob ?? /* @__PURE__ */ x.jsx(Un, {}),
         fill: "none",
         strokeWidth: l
@@ -2325,7 +2340,7 @@ function fo(e, r, s, a) {
     y: r + s * Math.sin(l)
   };
 }
-function la(e, r, s, a, l) {
+function ua(e, r, s, a, l) {
   const u = fo(e, r, s, l), p = fo(e, r, s, a), g = l - a <= 180 ? "0" : "1";
   return [
     "M",
@@ -2341,7 +2356,7 @@ function la(e, r, s, a, l) {
     p.y
   ].join(" ");
 }
-function ua({ diameter: e = 0, angle: r = 0 }) {
+function fa({ diameter: e = 0, angle: r = 0 }) {
   return {
     root: {
       height: `${e}px`,
@@ -2375,8 +2390,8 @@ function ua({ diameter: e = 0, angle: r = 0 }) {
     }
   };
 }
-process.env.NODE_ENV !== "production" && (ca.displayName = "Dial", Xn.displayName = "DialTrack", Un.displayName = "DialKnob");
-const fa = /* @__PURE__ */ _e(({
+process.env.NODE_ENV !== "production" && (la.displayName = "Dial", Xn.displayName = "DialTrack", Un.displayName = "DialKnob");
+const da = /* @__PURE__ */ _e(({
   children: e,
   className: r,
   style: s,
@@ -2397,7 +2412,7 @@ const fa = /* @__PURE__ */ _e(({
   selectionMode: W = "single",
   onActivateAt: q,
   onCollapse: D,
-  onDeselectAt: B,
+  onDeselectAt: H,
   onExpand: S,
   onSelectAt: C,
   onSelectionChange: w,
@@ -2406,7 +2421,7 @@ const fa = /* @__PURE__ */ _e(({
   ToggleComponent: U,
   ...ne
 }, K) => {
-  const H = Ee(null), L = tt(H), A = k.length, J = ga(k, I, R, m), Z = T ?? (b === "vertical" ? L.height : L.width), ae = Z * J + P * (J - 1), G = pa(j, k), [_, M] = Ne(u ?? !0), te = ma({ isCollapsed: _, collectionPadding: l, isInverted: p, maxVisibleItems: I, menuLength: ae, numItems: A, orientation: b }), oe = Le(e, {
+  const B = Ee(null), L = tt(B), A = k.length, J = ma(k, I, R, m), Z = T ?? (b === "vertical" ? L.height : L.width), ae = Z * J + P * (J - 1), G = ha(j, k), [_, M] = Ne(u ?? !0), te = va({ isCollapsed: _, collectionPadding: l, isInverted: p, maxVisibleItems: I, menuLength: ae, numItems: A, orientation: b }), oe = Le(e, {
     collapseIcon: Yo,
     collection: qn,
     expandIcon: Xo,
@@ -2418,17 +2433,17 @@ const fa = /* @__PURE__ */ _e(({
     _ || (M(!0), D?.());
   }, Se = () => {
     _ ? ue() : se();
-  }, Oe = (me) => {
-    C?.(me), W === "single" && a && se();
+  }, Oe = (ve) => {
+    C?.(ve), W === "single" && a && se();
   };
-  return he(() => {
+  return pe(() => {
     u !== void 0 && M(u);
-  }, [u]), he(() => {
-    const me = (Q) => {
+  }, [u]), pe(() => {
+    const ve = (Q) => {
       if (_ || !(Q.target instanceof Node)) return;
       let ke = !0, Ie = Q.target;
       for (; Ie; ) {
-        if (Ie === H.current) {
+        if (Ie === B.current) {
           ke = !1;
           break;
         }
@@ -2437,8 +2452,8 @@ const fa = /* @__PURE__ */ _e(({
       }
       ke && se();
     };
-    return window.addEventListener("click", me), () => {
-      window.removeEventListener("click", me);
+    return window.addEventListener("click", ve), () => {
+      window.removeEventListener("click", ve);
     };
   }, [_]), /* @__PURE__ */ x.jsx(
     "div",
@@ -2447,7 +2462,7 @@ const fa = /* @__PURE__ */ _e(({
       ref: K,
       className: ie(r, { collapsed: _, expanded: !_ }),
       style: le(s, te.root),
-      children: /* @__PURE__ */ x.jsxs("div", { ref: H, style: le(te.body), children: [
+      children: /* @__PURE__ */ x.jsxs("div", { ref: B, style: le(te.body), children: [
         U ? /* @__PURE__ */ x.jsx(
           U,
           {
@@ -2456,7 +2471,7 @@ const fa = /* @__PURE__ */ _e(({
             className: ie({ collapsed: _, expanded: !_ }),
             style: le(te.toggle),
             onClick: Se,
-            onCustomEvent: (me, Q) => z?.(me, Q)
+            onCustomEvent: (ve, Q) => z?.(ve, Q)
           }
         ) : /* @__PURE__ */ x.jsxs(
           ge,
@@ -2468,7 +2483,7 @@ const fa = /* @__PURE__ */ _e(({
             style: le(te.toggle),
             onClick: Se,
             children: [
-              /* @__PURE__ */ x.jsx("span", { dangerouslySetInnerHTML: { __html: g?.(G) ?? (G.length > 0 ? G.map((me) => k[me]).join(", ") : "") } }),
+              /* @__PURE__ */ x.jsx("span", { dangerouslySetInnerHTML: { __html: g?.(G) ?? (G.length > 0 ? G.map((ve) => k[ve]).join(", ") : "") } }),
               oe.expandIcon && /* @__PURE__ */ x.jsx(
                 ge,
                 {
@@ -2496,7 +2511,7 @@ const fa = /* @__PURE__ */ _e(({
             selectionMode: W,
             style: le(te.collection),
             onActivateAt: q,
-            onDeselectAt: B,
+            onDeselectAt: H,
             onSelectAt: Oe,
             onSelectionChange: w,
             children: !Y && (oe.item ?? /* @__PURE__ */ x.jsx(Gn, {}))
@@ -2506,16 +2521,16 @@ const fa = /* @__PURE__ */ _e(({
     }
   );
 }), qn = hr, Gn = Pt, Wn = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("button", { ...r, children: e }), Yo = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("figure", { ...r, "aria-hidden": !0, children: e }), Xo = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("figure", { ...r, "aria-hidden": !0, children: e });
-function da(e, r) {
+function pa(e, r) {
   return !!(isNaN(e) || e >= r.length || e < 0);
 }
-function pa(e, r) {
-  return ha(e).filter((s) => !da(s, r));
+function ha(e, r) {
+  return ga(e).filter((s) => !pa(s, r));
 }
-function ha(e) {
+function ga(e) {
   return e.sort((r, s) => r - s);
 }
-function ga(e, r, s, a) {
+function ma(e, r, s, a) {
   const l = e.length;
   switch (a) {
     case "grid": {
@@ -2526,7 +2541,7 @@ function ga(e, r, s, a) {
       return r < 0 ? l : Math.min(l, r);
   }
 }
-function ma({ isCollapsed: e = !0, isInverted: r = !1, collectionPadding: s = 0, maxVisibleItems: a = 0, menuLength: l = NaN, numItems: u = 0, orientation: p = "vertical" }) {
+function va({ isCollapsed: e = !0, isInverted: r = !1, collectionPadding: s = 0, maxVisibleItems: a = 0, menuLength: l = NaN, numItems: u = 0, orientation: p = "vertical" }) {
   return {
     root: {
       alignItems: "center",
@@ -2589,8 +2604,8 @@ function ma({ isCollapsed: e = !0, isInverted: r = !1, collectionPadding: s = 0,
     }
   };
 }
-process.env.NODE_ENV !== "production" && (fa.displayName = "Dropdown", qn.displayName = "DropdownCollection", Yo.displayName = "DropdownCollapseIcon", Xo.displayName = "DropdownExpandIcon", Gn.displayName = "DropdownItem", Wn.displayName = "DropdownToggle");
-const Uo = ":A-Za-z_\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD", va = Uo + "\\-.\\d\\u00B7\\u0300-\\u036F\\u203F-\\u2040", ya = "[" + Uo + "][" + va + "]*", xa = new RegExp("^" + ya + "$");
+process.env.NODE_ENV !== "production" && (da.displayName = "Dropdown", qn.displayName = "DropdownCollection", Yo.displayName = "DropdownCollapseIcon", Xo.displayName = "DropdownExpandIcon", Gn.displayName = "DropdownItem", Wn.displayName = "DropdownToggle");
+const Uo = ":A-Za-z_\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD", ya = Uo + "\\-.\\d\\u00B7\\u0300-\\u036F\\u203F-\\u2040", xa = "[" + Uo + "][" + ya + "]*", ba = new RegExp("^" + xa + "$");
 function qo(e, r) {
   const s = [];
   let a = r.exec(e);
@@ -2605,19 +2620,19 @@ function qo(e, r) {
   return s;
 }
 const gr = function(e) {
-  const r = xa.exec(e);
+  const r = ba.exec(e);
   return !(r === null || typeof r > "u");
 };
-function ba(e) {
+function wa(e) {
   return typeof e < "u";
 }
-const wa = {
+const Ea = {
   allowBooleanAttributes: !1,
   //A tag can have attributes without any value
   unpairedTags: []
 };
-function Ea(e, r) {
-  r = Object.assign({}, wa, r);
+function Na(e, r) {
+  r = Object.assign({}, Ea, r);
   const s = [];
   let a = !1, l = !1;
   e[0] === "\uFEFF" && (e = e.substr(1));
@@ -2636,11 +2651,11 @@ function Ea(e, r) {
         for (; u < e.length && e[u] !== ">" && e[u] !== " " && e[u] !== "	" && e[u] !== `
 ` && e[u] !== "\r"; u++)
           m += e[u];
-        if (m = m.trim(), m[m.length - 1] === "/" && (m = m.substring(0, m.length - 1), u--), !Ca(m)) {
+        if (m = m.trim(), m[m.length - 1] === "/" && (m = m.substring(0, m.length - 1), u--), !ja(m)) {
           let P;
           return m.trim().length === 0 ? P = "Invalid space after '<'." : P = "Tag '" + m + "' is an invalid name.", Ce("InvalidTag", P, Re(e, u));
         }
-        const N = Ta(e, u);
+        const N = _a(e, u);
         if (N === !1)
           return Ce("InvalidAttr", "Attributes for '" + m + "' have open quote.", Re(e, u));
         let T = N.value;
@@ -2689,7 +2704,7 @@ function Ea(e, r) {
             } else
               break;
           else if (e[u] === "&") {
-            const P = Pa(e, u);
+            const P = ka(e, u);
             if (P == -1)
               return Ce("InvalidChar", "char '&' is not expected.", Re(e, u));
             u = P;
@@ -2752,11 +2767,11 @@ function go(e, r) {
   }
   return r;
 }
-const Na = '"', Sa = "'";
-function Ta(e, r) {
+const Sa = '"', Ta = "'";
+function _a(e, r) {
   let s = "", a = "", l = !1;
   for (; r < e.length; r++) {
-    if (e[r] === Na || e[r] === Sa)
+    if (e[r] === Sa || e[r] === Ta)
       a === "" ? a = e[r] : a !== e[r] || (a = "");
     else if (e[r] === ">" && a === "") {
       l = !0;
@@ -2770,9 +2785,9 @@ function Ta(e, r) {
     tagClosed: l
   };
 }
-const _a = new RegExp(`(\\s*)([^\\s=]+)(\\s*=)?(\\s*(['"])(([\\s\\S])*?)\\5)?`, "g");
+const Oa = new RegExp(`(\\s*)([^\\s=]+)(\\s*=)?(\\s*(['"])(([\\s\\S])*?)\\5)?`, "g");
 function mo(e, r) {
-  const s = qo(e, _a), a = {};
+  const s = qo(e, Oa), a = {};
   for (let l = 0; l < s.length; l++) {
     if (s[l][1].length === 0)
       return Ce("InvalidAttr", "Attribute '" + s[l][2] + "' has no space in starting.", Tt(s[l]));
@@ -2781,7 +2796,7 @@ function mo(e, r) {
     if (s[l][3] === void 0 && !r.allowBooleanAttributes)
       return Ce("InvalidAttr", "boolean attribute '" + s[l][2] + "' is not allowed.", Tt(s[l]));
     const u = s[l][2];
-    if (!ka(u))
+    if (!Ca(u))
       return Ce("InvalidAttr", "Attribute '" + u + "' is an invalid name.", Tt(s[l]));
     if (!a.hasOwnProperty(u))
       a[u] = 1;
@@ -2790,7 +2805,7 @@ function mo(e, r) {
   }
   return !0;
 }
-function Oa(e, r) {
+function Pa(e, r) {
   let s = /\d/;
   for (e[r] === "x" && (r++, s = /[\da-fA-F]/); r < e.length; r++) {
     if (e[r] === ";")
@@ -2800,11 +2815,11 @@ function Oa(e, r) {
   }
   return -1;
 }
-function Pa(e, r) {
+function ka(e, r) {
   if (r++, e[r] === ";")
     return -1;
   if (e[r] === "#")
-    return r++, Oa(e, r);
+    return r++, Pa(e, r);
   let s = 0;
   for (; r < e.length; r++, s++)
     if (!(e[r].match(/\w/) && s < 20)) {
@@ -2824,10 +2839,10 @@ function Ce(e, r, s) {
     }
   };
 }
-function ka(e) {
+function Ca(e) {
   return gr(e);
 }
-function Ca(e) {
+function ja(e) {
   return gr(e);
 }
 function Re(e, r) {
@@ -2841,7 +2856,7 @@ function Re(e, r) {
 function Tt(e) {
   return e.startIndex + e[1].length;
 }
-const ja = {
+const Ia = {
   preserveOrder: !1,
   attributeNamePrefix: "@_",
   attributesGroupName: !1,
@@ -2885,8 +2900,8 @@ const ja = {
   },
   // skipEmptyListItem: false
   captureMetaData: !1
-}, Ia = function(e) {
-  return Object.assign({}, ja, e);
+}, $a = function(e) {
+  return Object.assign({}, Ia, e);
 };
 let on;
 typeof Symbol != "function" ? on = "@@xmlMetadata" : on = Symbol("XML Node Metadata");
@@ -2905,7 +2920,7 @@ class st {
     return on;
   }
 }
-function $a(e, r) {
+function Aa(e, r) {
   const s = {};
   if (e[r + 3] === "O" && e[r + 4] === "C" && e[r + 5] === "T" && e[r + 6] === "Y" && e[r + 7] === "P" && e[r + 8] === "E") {
     r = r + 9;
@@ -2915,19 +2930,19 @@ function $a(e, r) {
         if (l && at(e, "!ENTITY", r)) {
           r += 7;
           let p, g;
-          [p, g, r] = Aa(e, r + 1), g.indexOf("&") === -1 && (s[p] = {
+          [p, g, r] = Ma(e, r + 1), g.indexOf("&") === -1 && (s[p] = {
             regx: RegExp(`&${p};`, "g"),
             val: g
           });
         } else if (l && at(e, "!ELEMENT", r)) {
           r += 8;
-          const { index: p } = Ra(e, r + 1);
+          const { index: p } = za(e, r + 1);
           r = p;
         } else if (l && at(e, "!ATTLIST", r))
           r += 8;
         else if (l && at(e, "!NOTATION", r)) {
           r += 9;
-          const { index: p } = Ma(e, r + 1);
+          const { index: p } = Ra(e, r + 1);
           r = p;
         } else if (at(e, "!--", r)) u = !0;
         else throw new Error("Invalid DOCTYPE");
@@ -2947,7 +2962,7 @@ const et = (e, r) => {
     r++;
   return r;
 };
-function Aa(e, r) {
+function Ma(e, r) {
   r = et(e, r);
   let s = "";
   for (; r < e.length && !/\s/.test(e[r]) && e[r] !== '"' && e[r] !== "'"; )
@@ -2959,7 +2974,7 @@ function Aa(e, r) {
   let a = "";
   return [r, a] = Gt(e, r, "entity"), r--, [s, a, r];
 }
-function Ma(e, r) {
+function Ra(e, r) {
   r = et(e, r);
   let s = "";
   for (; r < e.length && !/\s/.test(e[r]); )
@@ -2987,7 +3002,7 @@ function Gt(e, r, s) {
     throw new Error(`Unterminated ${s} value`);
   return r++, [r, a];
 }
-function Ra(e, r) {
+function za(e, r) {
   r = et(e, r);
   let s = "";
   for (; r < e.length && !/\s/.test(e[r]); )
@@ -3021,7 +3036,7 @@ function mr(e) {
     return e;
   throw new Error(`Invalid entity name ${e}`);
 }
-const za = /^[-+]?0x[a-fA-F0-9]+$/, La = /^([\-\+])?(0*)([0-9]*(\.[0-9]*)?)$/, Fa = {
+const La = /^[-+]?0x[a-fA-F0-9]+$/, Fa = /^([\-\+])?(0*)([0-9]*(\.[0-9]*)?)$/, Da = {
   hex: !0,
   // oct: false,
   leadingZeros: !0,
@@ -3029,20 +3044,20 @@ const za = /^[-+]?0x[a-fA-F0-9]+$/, La = /^([\-\+])?(0*)([0-9]*(\.[0-9]*)?)$/, F
   eNotation: !0
   //skipLike: /regex/
 };
-function Da(e, r = {}) {
-  if (r = Object.assign({}, Fa, r), !e || typeof e != "string") return e;
+function Va(e, r = {}) {
+  if (r = Object.assign({}, Da, r), !e || typeof e != "string") return e;
   let s = e.trim();
   if (r.skipLike !== void 0 && r.skipLike.test(s)) return e;
   if (e === "0") return 0;
-  if (r.hex && za.test(s))
-    return Ya(s, 16);
+  if (r.hex && La.test(s))
+    return Xa(s, 16);
   if (s.search(/.+[eE].+/) !== -1)
     return Ha(e, s, r);
   {
-    const a = La.exec(s);
+    const a = Fa.exec(s);
     if (a) {
       const l = a[1] || "", u = a[2];
-      let p = Ba(a[3]);
+      let p = Ya(a[3]);
       const g = l ? (
         // 0., -00., 000.
         e[u.length + 1] === "."
@@ -3063,10 +3078,10 @@ function Da(e, r = {}) {
       return e;
   }
 }
-const Va = /^([-+])?(0*)(\d*(\.\d*)?[eE][-\+]?\d+)$/;
+const Ba = /^([-+])?(0*)(\d*(\.\d*)?[eE][-\+]?\d+)$/;
 function Ha(e, r, s) {
   if (!s.eNotation) return e;
-  const a = r.match(Va);
+  const a = r.match(Ba);
   if (a) {
     let l = a[1] || "";
     const u = a[3].indexOf("e") === -1 ? "E" : "e", p = a[2], g = l ? (
@@ -3077,10 +3092,10 @@ function Ha(e, r, s) {
   } else
     return e;
 }
-function Ba(e) {
+function Ya(e) {
   return e && e.indexOf(".") !== -1 && (e = e.replace(/0+$/, ""), e === "." ? e = "0" : e[0] === "." ? e = "0" + e : e[e.length - 1] === "." && (e = e.substring(0, e.length - 1))), e;
 }
-function Ya(e, r) {
+function Xa(e, r) {
   if (parseInt) return parseInt(e, r);
   if (Number.parseInt) return Number.parseInt(e, r);
   if (window && window.parseInt) return window.parseInt(e, r);
@@ -3093,7 +3108,7 @@ function Go(e) {
         return !0;
   } : () => !1;
 }
-class Xa {
+class Ua {
   constructor(r) {
     this.options = r, this.currentNode = null, this.tagsNodeStack = [], this.docTypeEntities = {}, this.lastEntities = {
       apos: { regex: /&(apos|#39|#x27);/g, val: "'" },
@@ -3116,10 +3131,10 @@ class Xa {
       inr: { regex: /&(inr|#8377);/g, val: "₹" },
       num_dec: { regex: /&#([0-9]{1,7});/g, val: (s, a) => String.fromCodePoint(Number.parseInt(a, 10)) },
       num_hex: { regex: /&#x([0-9a-fA-F]{1,6});/g, val: (s, a) => String.fromCodePoint(Number.parseInt(a, 16)) }
-    }, this.addExternalEntities = Ua, this.parseXml = Ja, this.parseTextData = qa, this.resolveNameSpace = Ga, this.buildAttributesMap = Ka, this.isItStopNode = tc, this.replaceEntitiesValue = Qa, this.readStopNodeData = rc, this.saveTextToParentTag = ec, this.addChild = Za, this.ignoreAttributesFn = Go(this.options.ignoreAttributes);
+    }, this.addExternalEntities = qa, this.parseXml = Za, this.parseTextData = Ga, this.resolveNameSpace = Wa, this.buildAttributesMap = Ja, this.isItStopNode = nc, this.replaceEntitiesValue = ec, this.readStopNodeData = oc, this.saveTextToParentTag = tc, this.addChild = Qa, this.ignoreAttributesFn = Go(this.options.ignoreAttributes);
   }
 }
-function Ua(e) {
+function qa(e) {
   const r = Object.keys(e);
   for (let s = 0; s < r.length; s++) {
     const a = r[s];
@@ -3129,14 +3144,14 @@ function Ua(e) {
     };
   }
 }
-function qa(e, r, s, a, l, u, p) {
+function Ga(e, r, s, a, l, u, p) {
   if (e !== void 0 && (this.options.trimValues && !a && (e = e.trim()), e.length > 0)) {
     p || (e = this.replaceEntitiesValue(e));
     const g = this.options.tagValueProcessor(r, e, s, l, u);
     return g == null ? e : typeof g != typeof e || g !== e ? g : this.options.trimValues ? Jn(e, this.options.parseTagValue, this.options.numberParseOptions) : e.trim() === e ? Jn(e, this.options.parseTagValue, this.options.numberParseOptions) : e;
   }
 }
-function Ga(e) {
+function Wa(e) {
   if (this.options.removeNSPrefix) {
     const r = e.split(":"), s = e.charAt(0) === "/" ? "/" : "";
     if (r[0] === "xmlns")
@@ -3145,10 +3160,10 @@ function Ga(e) {
   }
   return e;
 }
-const Wa = new RegExp(`([^\\s=]+)\\s*(=\\s*(['"])([\\s\\S]*?)\\3)?`, "gm");
-function Ka(e, r, s) {
+const Ka = new RegExp(`([^\\s=]+)\\s*(=\\s*(['"])([\\s\\S]*?)\\3)?`, "gm");
+function Ja(e, r, s) {
   if (this.options.ignoreAttributes !== !0 && typeof e == "string") {
-    const a = qo(e, Wa), l = a.length, u = {};
+    const a = qo(e, Ka), l = a.length, u = {};
     for (let p = 0; p < l; p++) {
       const g = this.resolveNameSpace(a[p][1]);
       if (this.ignoreAttributesFn(g, r))
@@ -3174,7 +3189,7 @@ function Ka(e, r, s) {
     return u;
   }
 }
-const Ja = function(e) {
+const Za = function(e) {
   e = e.replace(/\r\n?/g, `
 `);
   const r = new st("!xml");
@@ -3210,7 +3225,7 @@ const Ja = function(e) {
         }
         u = g;
       } else if (e.substr(u + 1, 2) === "!D") {
-        const g = $a(e, u);
+        const g = Aa(e, u);
         this.docTypeEntities = g.entities, u = g.i;
       } else if (e.substr(u + 1, 2) === "![") {
         const g = ct(e, "]]>", u, "CDATA is not closed.") - 2, m = e.substring(u + 9, g);
@@ -3254,12 +3269,12 @@ const Ja = function(e) {
       a += e[u];
   return r.child;
 };
-function Za(e, r, s, a) {
+function Qa(e, r, s, a) {
   this.options.captureMetaData || (a = void 0);
   const l = this.options.updateTag(r.tagname, s, r[":@"]);
   l === !1 || (typeof l == "string" && (r.tagname = l), e.addChild(r, a));
 }
-const Qa = function(e) {
+const ec = function(e) {
   if (this.options.processEntities) {
     for (let r in this.docTypeEntities) {
       const s = this.docTypeEntities[r];
@@ -3278,7 +3293,7 @@ const Qa = function(e) {
   }
   return e;
 };
-function ec(e, r, s, a) {
+function tc(e, r, s, a) {
   return e && (a === void 0 && (a = r.child.length === 0), e = this.parseTextData(
     e,
     r.tagname,
@@ -3288,7 +3303,7 @@ function ec(e, r, s, a) {
     a
   ), e !== void 0 && e !== "" && r.add(this.options.textNodeName, e), e = ""), e;
 }
-function tc(e, r, s) {
+function nc(e, r, s) {
   const a = "*." + s;
   for (const l in e) {
     const u = e[l];
@@ -3296,7 +3311,7 @@ function tc(e, r, s) {
   }
   return !1;
 }
-function nc(e, r, s = ">") {
+function rc(e, r, s = ">") {
   let a, l = "";
   for (let u = r; u < e.length; u++) {
     let p = e[u];
@@ -3327,7 +3342,7 @@ function ct(e, r, s, a) {
   return l + r.length - 1;
 }
 function Kn(e, r, s, a = ">") {
-  const l = nc(e, r + 1, a);
+  const l = rc(e, r + 1, a);
   if (!l) return;
   let u = l.data;
   const p = l.index, g = u.search(/\s/);
@@ -3346,7 +3361,7 @@ function Kn(e, r, s, a = ">") {
     rawTagName: T
   };
 }
-function rc(e, r, s) {
+function oc(e, r, s) {
   const a = s;
   let l = 1;
   for (; s < e.length; s++)
@@ -3373,19 +3388,19 @@ function rc(e, r, s) {
 function Jn(e, r, s) {
   if (r && typeof e == "string") {
     const a = e.trim();
-    return a === "true" ? !0 : a === "false" ? !1 : Da(e, s);
+    return a === "true" ? !0 : a === "false" ? !1 : Va(e, s);
   } else
-    return ba(e) ? e : "";
+    return wa(e) ? e : "";
 }
 const Rn = st.getMetaDataSymbol();
-function oc(e, r) {
+function ic(e, r) {
   return Wo(e, r);
 }
 function Wo(e, r, s) {
   let a;
   const l = {};
   for (let u = 0; u < e.length; u++) {
-    const p = e[u], g = ic(p);
+    const p = e[u], g = sc(p);
     let m = "";
     if (s === void 0 ? m = g : m = s + "." + g, g === r.textNodeName)
       a === void 0 ? a = p[g] : a += "" + p[g];
@@ -3394,21 +3409,21 @@ function Wo(e, r, s) {
         continue;
       if (p[g]) {
         let N = Wo(p[g], r, m);
-        const T = ac(N, r);
-        p[Rn] !== void 0 && (N[Rn] = p[Rn]), p[":@"] ? sc(N, p[":@"], m, r) : Object.keys(N).length === 1 && N[r.textNodeName] !== void 0 && !r.alwaysCreateTextNode ? N = N[r.textNodeName] : Object.keys(N).length === 0 && (r.alwaysCreateTextNode ? N[r.textNodeName] = "" : N = ""), l[g] !== void 0 && l.hasOwnProperty(g) ? (Array.isArray(l[g]) || (l[g] = [l[g]]), l[g].push(N)) : r.isArray(g, m, T) ? l[g] = [N] : l[g] = N;
+        const T = cc(N, r);
+        p[Rn] !== void 0 && (N[Rn] = p[Rn]), p[":@"] ? ac(N, p[":@"], m, r) : Object.keys(N).length === 1 && N[r.textNodeName] !== void 0 && !r.alwaysCreateTextNode ? N = N[r.textNodeName] : Object.keys(N).length === 0 && (r.alwaysCreateTextNode ? N[r.textNodeName] = "" : N = ""), l[g] !== void 0 && l.hasOwnProperty(g) ? (Array.isArray(l[g]) || (l[g] = [l[g]]), l[g].push(N)) : r.isArray(g, m, T) ? l[g] = [N] : l[g] = N;
       }
     }
   }
   return typeof a == "string" ? a.length > 0 && (l[r.textNodeName] = a) : a !== void 0 && (l[r.textNodeName] = a), l;
 }
-function ic(e) {
+function sc(e) {
   const r = Object.keys(e);
   for (let s = 0; s < r.length; s++) {
     const a = r[s];
     if (a !== ":@") return a;
   }
 }
-function sc(e, r, s, a) {
+function ac(e, r, s, a) {
   if (r) {
     const l = Object.keys(r), u = l.length;
     for (let p = 0; p < u; p++) {
@@ -3417,13 +3432,13 @@ function sc(e, r, s, a) {
     }
   }
 }
-function ac(e, r) {
+function cc(e, r) {
   const { textNodeName: s } = r, a = Object.keys(e).length;
   return !!(a === 0 || a === 1 && (e[s] || typeof e[s] == "boolean" || e[s] === 0));
 }
-class cc {
+class lc {
   constructor(r) {
-    this.externalEntities = {}, this.options = Ia(r);
+    this.externalEntities = {}, this.options = $a(r);
   }
   /**
    * Parse XML dats to JS object 
@@ -3437,14 +3452,14 @@ class cc {
       throw new Error("XML data is accepted in String or Bytes[] form.");
     if (s) {
       s === !0 && (s = {});
-      const u = Ea(r, s);
+      const u = Na(r, s);
       if (u !== !0)
         throw Error(`${u.err.msg}:${u.err.line}:${u.err.col}`);
     }
-    const a = new Xa(this.options);
+    const a = new Ua(this.options);
     a.addExternalEntities(this.externalEntities);
     const l = a.parseXml(r);
-    return this.options.preserveOrder || l === void 0 ? l : oc(l, this.options);
+    return this.options.preserveOrder || l === void 0 ? l : ic(l, this.options);
   }
   /**
    * Add Entity which is not by default supported by this library
@@ -3474,21 +3489,21 @@ class cc {
     return st.getMetaDataSymbol();
   }
 }
-const lc = `
+const uc = `
 `;
-function uc(e, r) {
+function fc(e, r) {
   let s = "";
-  return r.format && r.indentBy.length > 0 && (s = lc), Ko(e, r, "", s);
+  return r.format && r.indentBy.length > 0 && (s = uc), Ko(e, r, "", s);
 }
 function Ko(e, r, s, a) {
   let l = "", u = !1;
   for (let p = 0; p < e.length; p++) {
-    const g = e[p], m = fc(g);
+    const g = e[p], m = dc(g);
     if (m === void 0) continue;
     let N = "";
     if (s.length === 0 ? N = m : N = `${s}.${m}`, m === r.textNodeName) {
       let R = g[m];
-      dc(N, r) || (R = r.tagValueProcessor(m, R), R = Jo(R, r)), u && (l += a), l += R, u = !1;
+      pc(N, r) || (R = r.tagValueProcessor(m, R), R = Jo(R, r)), u && (l += a), l += R, u = !1;
       continue;
     } else if (m === r.cdataPropName) {
       u && (l += a), l += `<![CDATA[${g[m][0][r.textNodeName]}]]>`, u = !1;
@@ -3509,7 +3524,7 @@ function Ko(e, r, s, a) {
   }
   return l;
 }
-function fc(e) {
+function dc(e) {
   const r = Object.keys(e);
   for (let s = 0; s < r.length; s++) {
     const a = r[s];
@@ -3527,7 +3542,7 @@ function vo(e, r) {
     }
   return s;
 }
-function dc(e, r) {
+function pc(e, r) {
   e = e.substr(0, e.length - r.textNodeName.length - 1);
   let s = e.substr(e.lastIndexOf(".") + 1);
   for (let a in r.stopNodes)
@@ -3542,7 +3557,7 @@ function Jo(e, r) {
     }
   return e;
 }
-const pc = {
+const hc = {
   attributeNamePrefix: "@_",
   attributesGroupName: !1,
   textNodeName: "#text",
@@ -3577,16 +3592,16 @@ const pc = {
   oneListGroup: !1
 };
 function nt(e) {
-  this.options = Object.assign({}, pc, e), this.options.ignoreAttributes === !0 || this.options.attributesGroupName ? this.isAttribute = function() {
+  this.options = Object.assign({}, hc, e), this.options.ignoreAttributes === !0 || this.options.attributesGroupName ? this.isAttribute = function() {
     return !1;
-  } : (this.ignoreAttributesFn = Go(this.options.ignoreAttributes), this.attrPrefixLen = this.options.attributeNamePrefix.length, this.isAttribute = mc), this.processTextOrObjNode = hc, this.options.format ? (this.indentate = gc, this.tagEndChar = `>
+  } : (this.ignoreAttributesFn = Go(this.options.ignoreAttributes), this.attrPrefixLen = this.options.attributeNamePrefix.length, this.isAttribute = vc), this.processTextOrObjNode = gc, this.options.format ? (this.indentate = mc, this.tagEndChar = `>
 `, this.newLine = `
 `) : (this.indentate = function() {
     return "";
   }, this.tagEndChar = ">", this.newLine = "");
 }
 nt.prototype.build = function(e) {
-  return this.options.preserveOrder ? uc(e, this.options) : (Array.isArray(e) && this.options.arrayNodeName && this.options.arrayNodeName.length > 1 && (e = {
+  return this.options.preserveOrder ? fc(e, this.options) : (Array.isArray(e) && this.options.arrayNodeName && this.options.arrayNodeName.length > 1 && (e = {
     [this.options.arrayNodeName]: e
   }), this.j2x(e, 0, []).val);
 };
@@ -3642,7 +3657,7 @@ nt.prototype.j2x = function(e, r, s) {
 nt.prototype.buildAttrPairStr = function(e, r) {
   return r = this.options.attributeValueProcessor(e, "" + r), r = this.replaceEntitiesValue(r), this.options.suppressBooleanAttributes && r === "true" ? " " + e : " " + e + '="' + r + '"';
 };
-function hc(e, r, s, a) {
+function gc(e, r, s, a) {
   const l = this.j2x(e, s + 1, a.concat(r));
   return e[this.options.textNodeName] !== void 0 && Object.keys(e).length === 1 ? this.buildTextValNode(e[this.options.textNodeName], r, l.attrStr, s) : this.buildObjectNode(l.val, r, l.attrStr, s);
 }
@@ -3678,13 +3693,13 @@ nt.prototype.replaceEntitiesValue = function(e) {
     }
   return e;
 };
-function gc(e) {
+function mc(e) {
   return this.options.indentBy.repeat(e);
 }
-function mc(e) {
+function vc(e) {
   return e.startsWith(this.options.attributeNamePrefix) && e !== this.options.textNodeName ? e.substr(this.attrPrefixLen) : !1;
 }
-const vc = /* @__PURE__ */ _e(({
+const yc = /* @__PURE__ */ _e(({
   fillMode: e = "preserve",
   svg: r,
   shouldStripClasses: s = !0,
@@ -3694,7 +3709,7 @@ const vc = /* @__PURE__ */ _e(({
   ...p
 }, g) => {
   const m = "@_", N = ["id"].map((R) => `${m}${R}`), T = ["class"].map((R) => `${m}${R}`), P = ["fill", "stroke", "style"].map((R) => `${m}${R}`), k = ["x", "y"].map((R) => `${m}${R}`), I = () => {
-    const R = new cc({
+    const R = new lc({
       attributeNamePrefix: m,
       ignoreAttributes: !1,
       ignoreDeclaration: !0,
@@ -3703,8 +3718,8 @@ const vc = /* @__PURE__ */ _e(({
       trimValues: !0,
       updateTag: (W, q, D) => {
         if (u && W.toLowerCase() === "style") return !1;
-        const B = Object.keys(D);
-        for (const S of B)
+        const H = Object.keys(D);
+        for (const S of H)
           W.toLowerCase() === "svg" && (l && k.includes(S.toLowerCase()) && delete D[S], e !== "preserve" && (S.toLowerCase() === `${m}width` && delete D[S], S.toLowerCase() === `${m}height` && delete D[S])), a && N.includes(S.toLowerCase()) && delete D[S], s && T.includes(S.toLowerCase()) && delete D[S], u && P.includes(S.toLowerCase()) && delete D[S];
         if (W.toLowerCase() === "svg")
           switch (e) {
@@ -3737,8 +3752,8 @@ const vc = /* @__PURE__ */ _e(({
     }
   );
 });
-process.env.NODE_ENV !== "production" && (vc.displayName = "FlatSVG");
-const yo = "base-", yc = /* @__PURE__ */ _e(({
+process.env.NODE_ENV !== "production" && (yc.displayName = "FlatSVG");
+const yo = "base-", xc = /* @__PURE__ */ _e(({
   alignSections: e = !1,
   children: r,
   className: s,
@@ -3749,7 +3764,7 @@ const yo = "base-", yc = /* @__PURE__ */ _e(({
   verticalSpacing: g = 0,
   ...m
 }, N) => {
-  const T = Ee(null), [P, k] = Ne(NaN), [I, R] = Ne(NaN), [b, j] = Ne(NaN), [W, q] = Ne(NaN), D = () => ye.from(T.current)?.width ?? 0, B = () => ye.from(T.current)?.height ?? 0, S = () => {
+  const T = Ee(null), [P, k] = Ne(NaN), [I, R] = Ne(NaN), [b, j] = Ne(NaN), [W, q] = Ne(NaN), D = () => me.from(T.current)?.width ?? 0, H = () => me.from(T.current)?.height ?? 0, S = () => {
     const Y = T.current;
     if (!Y) return;
     const U = Y.children, ne = p;
@@ -3764,17 +3779,17 @@ const yo = "base-", yc = /* @__PURE__ */ _e(({
         const J = bo(A, p), [Z, ae] = xo(K, J);
         A.role = "gridcell", A.style.position = "absolute", A.style.width = `calc(${100 / ne * J}% - ${a * (ne - 1) / ne * J}px + ${a * (J - 1)}px)`, A.style.height = "", A.style.left = `calc(${100 / ne * Z}% - ${a * (ne - 1) / ne * Z}px + ${a * Z}px)`, A.style.top = `${ae + (ae === 0 ? 0 : g)}px`;
         for (let G = 0; G < J; G++)
-          K[Z + G] = ae + (ae === 0 ? 0 : g) + (ye.from(A)?.height ?? 0);
+          K[Z + G] = ae + (ae === 0 ? 0 : g) + (me.from(A)?.height ?? 0);
         if (e && Z + J === ne) {
           const G = Ot(K);
           for (let _ = 0; _ < ne; _++)
             K[_] = G;
         }
       }
-      const H = D(), L = Ot(K, ne);
-      if (k(H), R(L), isNaN(L) || (Y.style.height = `${L}px`), l)
+      const B = D(), L = Ot(K, ne);
+      if (k(B), R(L), isNaN(L) || (Y.style.height = `${L}px`), l)
         for (const A of Array.from(U))
-          A instanceof HTMLElement && (A.style.left = `calc(${H}px - ${A.style.left} - ${A.getBoundingClientRect().width}px)`);
+          A instanceof HTMLElement && (A.style.left = `calc(${B}px - ${A.style.left} - ${A.getBoundingClientRect().width}px)`);
     } else {
       const K = [...new Array(ne)].map(() => 0);
       for (const A of Array.from(U)) {
@@ -3782,34 +3797,34 @@ const yo = "base-", yc = /* @__PURE__ */ _e(({
         const J = bo(A, p), [Z, ae] = xo(K, J);
         A.style.position = "absolute", A.style.width = "", A.style.height = `calc(${100 / ne * J}% - ${g * (ne - 1) / ne * J}px + ${g * (J - 1)}px)`, A.style.top = `calc(${100 / ne * Z}% - ${g * (ne - 1) / ne * Z}px + ${g * Z}px)`, A.style.left = `${ae + (ae === 0 ? 0 : a)}px`;
         for (let G = 0; G < J; G++)
-          K[Z + G] = ae + (ae === 0 ? 0 : a) + (ye.from(A)?.width ?? 0);
+          K[Z + G] = ae + (ae === 0 ? 0 : a) + (me.from(A)?.width ?? 0);
         if (e && Z + J === ne) {
           const G = Ot(K);
           for (let _ = 0; _ < ne; _++)
             K[_] = G;
         }
       }
-      const H = B(), L = Ot(K, ne);
-      if (R(H), k(L), isNaN(L) || (Y.style.width = `${L}px`), l)
+      const B = H(), L = Ot(K, ne);
+      if (R(B), k(L), isNaN(L) || (Y.style.width = `${L}px`), l)
         for (const A of Array.from(U))
-          A instanceof HTMLElement && (A.style.top = `calc(${H}px - ${A.style.top} - ${A.getBoundingClientRect().height}px)`);
+          A instanceof HTMLElement && (A.style.top = `calc(${B}px - ${A.style.top} - ${A.getBoundingClientRect().height}px)`);
     }
-  }, C = ve((Y) => {
-    const U = ye.size(ye.from(Y) ?? ye.zero), ne = D(), K = B();
+  }, C = ye((Y) => {
+    const U = me.size(me.from(Y) ?? me.zero), ne = D(), K = H();
     (P !== ne || I !== K || U.width !== b || U.height !== W) && (S(), j(U.width), q(U.height));
   }, [e, a, l, p, g, u]);
   dr(T, {
     onResize: C
-  }), he(() => {
-    const Y = wc(T.current?.innerHTML);
+  }), pe(() => {
+    const Y = Ec(T.current?.innerHTML);
     if (Y.length === 0) return S();
     const U = Y.length;
     for (let ne = 0; ne < U; ne++) {
-      const K = Y[ne], H = new Image();
-      H.src = K, H.onload = () => S();
+      const K = Y[ne], B = new Image();
+      B.src = K, B.onload = () => S();
     }
   }, [r]);
-  const w = xc({ orientation: u }), z = bc({ orientation: u, minHeight: I, minWidth: P });
+  const w = bc({ orientation: u }), z = wc({ orientation: u, minHeight: I, minWidth: P });
   return /* @__PURE__ */ x.jsx(
     "div",
     {
@@ -3821,12 +3836,12 @@ const yo = "base-", yc = /* @__PURE__ */ _e(({
     }
   );
 });
-function xc({ orientation: e = "horizontal" }) {
+function bc({ orientation: e = "horizontal" }) {
   return {
     root: ie(e)
   };
 }
-function bc({ orientation: e = "horizontal", minHeight: r = NaN, minWidth: s = NaN }) {
+function wc({ orientation: e = "horizontal", minHeight: r = NaN, minWidth: s = NaN }) {
   return {
     body: {
       height: e === "horizontal" ? "100%" : "auto",
@@ -3862,7 +3877,7 @@ function bo(e, r) {
     }
   return 1;
 }
-function wc(e) {
+function Ec(e) {
   if (!e) return [];
   const r = /<img.*?src=(["'])(.*?)\1/g, s = /<img.*?src=(["'])(.*?)\1/, a = r.exec(e) ?? [], l = [];
   for (const u of a) {
@@ -3871,8 +3886,8 @@ function wc(e) {
   }
   return l;
 }
-process.env.NODE_ENV !== "production" && (yc.displayName = "MasonryGrid");
-const Ec = /* @__PURE__ */ _e(({
+process.env.NODE_ENV !== "production" && (xc.displayName = "MasonryGrid");
+const Nc = /* @__PURE__ */ _e(({
   index: e = 0,
   isDisabled: r = !1,
   options: s,
@@ -3897,13 +3912,13 @@ const Ec = /* @__PURE__ */ _e(({
     }
   );
 });
-process.env.NODE_ENV !== "production" && (Ec.displayName = "OptionButton");
-var Wt = { exports: {} }, Nc = Wt.exports, wo;
-function Sc() {
+process.env.NODE_ENV !== "production" && (Nc.displayName = "OptionButton");
+var Wt = { exports: {} }, Sc = Wt.exports, wo;
+function Tc() {
   return wo || (wo = 1, function(e, r) {
     (function(s, a) {
       e.exports = a();
-    })(Nc, function() {
+    })(Sc, function() {
       function s(n, t) {
         var o = Object.keys(n);
         if (Object.getOwnPropertySymbols) {
@@ -4022,7 +4037,7 @@ function Sc() {
         var t = n.document.createTextNode("");
         t.ownerDocument !== n.document && typeof n.wrap == "function" && n.wrap(t) === t && (n = n.wrap(n)), q = n;
       }
-      function B(n) {
+      function H(n) {
         return j(n) ? n : (n.ownerDocument || n).defaultView || q.window;
       }
       typeof window < "u" && window && D(window);
@@ -4042,7 +4057,7 @@ function Sc() {
         return typeof n == "string";
       }, element: function(n) {
         if (!n || l(n) !== "object") return !1;
-        var t = B(n) || q;
+        var t = H(n) || q;
         return /object|function/.test(typeof Element > "u" ? "undefined" : l(Element)) ? n instanceof Element || n instanceof t.Element : n.nodeType === 1 && typeof n.nodeName == "string";
       }, plainObject: function(n) {
         return S(n) && !!n.constructor && /function Object\b/.test(n.constructor.toString());
@@ -4080,9 +4095,9 @@ function Sc() {
         return n.search("drag") === 0;
       } }, ne = U, K = { init: function(n) {
         var t = n;
-        K.document = t.document, K.DocumentFragment = t.DocumentFragment || H, K.SVGElement = t.SVGElement || H, K.SVGSVGElement = t.SVGSVGElement || H, K.SVGElementInstance = t.SVGElementInstance || H, K.Element = t.Element || H, K.HTMLElement = t.HTMLElement || K.Element, K.Event = t.Event, K.Touch = t.Touch || H, K.PointerEvent = t.PointerEvent || t.MSPointerEvent;
+        K.document = t.document, K.DocumentFragment = t.DocumentFragment || B, K.SVGElement = t.SVGElement || B, K.SVGSVGElement = t.SVGSVGElement || B, K.SVGElementInstance = t.SVGElementInstance || B, K.Element = t.Element || B, K.HTMLElement = t.HTMLElement || K.Element, K.Event = t.Event, K.Touch = t.Touch || B, K.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 };
-      function H() {
+      function B() {
       }
       var L = K, A = { init: function(n) {
         var t = L.Element, o = n.navigator || {};
@@ -4138,7 +4153,7 @@ function Sc() {
       function Se(n) {
         var t, o = se(n);
         if (!J.isIOS7 && o) {
-          var i = { x: (t = (t = B(n)) || q).scrollX || t.document.documentElement.scrollLeft, y: t.scrollY || t.document.documentElement.scrollTop };
+          var i = { x: (t = (t = H(n)) || q).scrollX || t.document.documentElement.scrollLeft, y: t.scrollY || t.document.documentElement.scrollTop };
           o.left += i.x, o.right += i.x, o.top += i.y, o.bottom += i.y;
         }
         return o;
@@ -4147,7 +4162,7 @@ function Sc() {
         for (var t = []; n; ) t.push(n), n = G(n);
         return t;
       }
-      function me(n) {
+      function ve(n) {
         return !!w.string(n) && (L.document.querySelector(n), !0);
       }
       function Q(n, t) {
@@ -4161,7 +4176,7 @@ function Sc() {
         var c = n;
         return w.string(c) ? c = ke(c, t, o) : w.func(c) && (c = c.apply(void 0, i)), w.element(c) && (c = Se(c)), c;
       }
-      function Be(n) {
+      function He(n) {
         return n && { x: "x" in n ? n.x : n.left, y: "y" in n ? n.y : n.top };
       }
       function je(n) {
@@ -4172,7 +4187,7 @@ function Sc() {
       }
       function $e(n, t, o) {
         var i = o && n.options[o];
-        return Be(Ie(i && i.origin || n.options.origin, n, t, [n && t])) || { x: 0, y: 0 };
+        return He(Ie(i && i.origin || n.options.origin, n, t, [n && t])) || { x: 0, y: 0 };
       }
       function Ve(n, t) {
         var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : function(v) {
@@ -4366,17 +4381,17 @@ function Sc() {
                   if (fe === Pe) continue;
                   Fe = fe.ownerSVGElement;
                 } else Fe = fe;
-                for (var He = te(Fe, be.ownerDocument), Ue = 0; He[Ue] && He[Ue] === xe[Ue]; ) Ue++;
-                var Yt = [He[Ue - 1], He[Ue], xe[Ue]];
+                for (var Be = te(Fe, be.ownerDocument), Ue = 0; Be[Ue] && Be[Ue] === xe[Ue]; ) Ue++;
+                var Yt = [Be[Ue - 1], Be[Ue], xe[Ue]];
                 if (Yt[0]) for (var wt = Yt[0].lastChild; wt; ) {
                   if (wt === Yt[1]) {
-                    re = we, xe = He;
+                    re = we, xe = Be;
                     break;
                   }
                   if (wt === Yt[2]) break;
                   wt = wt.previousSibling;
                 }
-              } else ce = be, (parseInt(B(ee = fe).getComputedStyle(ee).zIndex, 10) || 0) >= (parseInt(B(ce).getComputedStyle(ce).zIndex, 10) || 0) && (re = we);
+              } else ce = be, (parseInt(H(ee = fe).getComputedStyle(ee).zIndex, 10) || 0) >= (parseInt(H(ce).getComputedStyle(ce).zIndex, 10) || 0) && (re = we);
               else re = we;
             } else re = we;
           }
@@ -4429,8 +4444,8 @@ function Sc() {
             }
             var Pe = F.getRect(X);
             if (Pe && xe === "center") {
-              var Fe = Pe.left + Pe.width / 2, He = Pe.top + Pe.height / 2;
-              ce = Fe >= ee.left && Fe <= ee.right && He >= ee.top && He <= ee.bottom;
+              var Fe = Pe.left + Pe.width / 2, Be = Pe.top + Pe.height / 2;
+              ce = Fe >= ee.left && Fe <= ee.right && Be >= ee.top && Be <= ee.bottom;
             }
             return Pe && w.number(xe) && (ce = Math.max(0, Math.min(ee.right, Pe.right) - Math.max(ee.left, Pe.left)) * Math.max(0, Math.min(ee.bottom, Pe.bottom) - Math.max(ee.top, Pe.top)) / (Pe.width * Pe.height) >= xe), O.options.drop.checker && (ce = O.options.drop.checker($, V, ce, O, re, F, X)), ce;
           }(this, f, d, h, v, E, y);
@@ -4649,7 +4664,7 @@ function Sc() {
         }
       } };
       function jr(n, t, o) {
-        return (w.string(n) ? ke(n, t, o) : n) || B(o);
+        return (w.string(n) ? ke(n, t, o) : n) || H(o);
       }
       function Ir(n) {
         return w.window(n) && (n = window.document.body), { x: n.scrollLeft, y: n.scrollTop };
@@ -4843,7 +4858,7 @@ function Sc() {
             var d = i.options.preventDefault;
             if (d !== "never") if (d !== "always") {
               if (c.events.supportsPassive && /^touch(start|move)$/.test(f.type)) {
-                var h = B(f.target).document, v = c.getDocOptions(h);
+                var h = H(f.target).document, v = c.getDocOptions(h);
                 if (!v || !v.events || v.events.passive !== !1) return;
               }
               /^(mouse|pointer|touch)*(down|start)/i.test(f.type) || w.element(f.target) && _(f.target, "input,select,textarea,[contenteditable=true],[contenteditable=true] *") || f.preventDefault();
@@ -5167,10 +5182,10 @@ function Sc() {
           return Date.now();
         } }]), n;
       }();
-      function Hr(n) {
-        Br(n.interaction);
-      }
       function Br(n) {
+        Hr(n.interaction);
+      }
+      function Hr(n) {
         if (!function(o) {
           return !(!o.offset.pending.x && !o.offset.pending.y);
         }(n)) return !1;
@@ -5194,9 +5209,9 @@ function Sc() {
         return function(t) {
           t.pointerIsDown && (Tn(t.coords.cur, t.offset.total), t.offset.pending.x = 0, t.offset.pending.y = 0);
         }(n.interaction);
-      }, "interactions:before-action-start": Hr, "interactions:before-action-move": Hr, "interactions:before-action-end": function(n) {
+      }, "interactions:before-action-start": Br, "interactions:before-action-move": Br, "interactions:before-action-end": function(n) {
         var t = n.interaction;
-        if (Br(t)) return t.move({ offset: !0 }), t.end(), !1;
+        if (Hr(t)) return t.move({ offset: !0 }), t.end(), !1;
       }, "interactions:stop": function(n) {
         var t = n.interaction;
         t.offset.total.x = 0, t.offset.total.y = 0, t.offset.pending.x = 0, t.offset.pending.y = 0;
@@ -5588,7 +5603,7 @@ function Sc() {
         return n[n.On = 0] = "On", n[n.Off = 1] = "Off", n;
       }(Je || {}), Fi = function() {
         function n(t, o, i, c) {
-          u(this, n), this.target = void 0, this.options = void 0, this._actions = void 0, this.events = new Gr(), this._context = void 0, this._win = void 0, this._doc = void 0, this._scopeEvents = void 0, this._actions = o.actions, this.target = t, this._context = o.context || i, this._win = B(me(t) ? this._context : t), this._doc = this._win.document, this._scopeEvents = c, this.set(o);
+          u(this, n), this.target = void 0, this.options = void 0, this._actions = void 0, this.events = new Gr(), this._context = void 0, this._win = void 0, this._doc = void 0, this._scopeEvents = void 0, this._actions = o.actions, this.target = t, this._context = o.context || i, this._win = H(ve(t) ? this._context : t), this._doc = this._win.document, this._scopeEvents = c, this.set(o);
         }
         return g(n, [{ key: "_defaults", get: function() {
           return { base: {}, perAction: {}, actions: {} };
@@ -5614,7 +5629,7 @@ function Sc() {
             return "width" in c || (c.width = c.right - c.left, c.height = c.bottom - c.top), c;
           }, this) : t === null ? (delete this.getRect, this) : this.getRect;
         } }, { key: "_backCompatOption", value: function(t, o) {
-          if (me(o) || w.object(o)) {
+          if (ve(o) || w.object(o)) {
             for (var i in this.options[t] = o, this._actions.map) this.options[i][t] = o;
             return this;
           }
@@ -5799,10 +5814,10 @@ function Sc() {
           return this;
         } }, { key: "addDocument", value: function(t, o) {
           if (this.getDocIndex(t) !== -1) return !1;
-          var i = B(t);
+          var i = H(t);
           o = o ? Q({}, o) : {}, this.documents.push({ doc: t, options: o }), this.events.documents.push(t), t !== this.document && this.events.add(i, "unload", this.onWindowUnload), this.fire("scope:add-document", { doc: t, window: i, scope: this, options: o });
         } }, { key: "removeDocument", value: function(t) {
-          var o = this.getDocIndex(t), i = B(t), c = this.documents[o].options;
+          var o = this.getDocIndex(t), i = H(t), c = this.documents[o].options;
           this.events.remove(i, "unload", this.onWindowUnload), this.documents.splice(o, 1), this.events.documents.splice(o, 1), this.fire("scope:remove-document", { doc: t, window: i, scope: this, options: c });
         } }, { key: "getDocIndex", value: function(t) {
           for (var o = 0; o < this.documents.length; o++) if (this.documents[o].doc === t) return o;
@@ -5817,9 +5832,9 @@ function Sc() {
       function Zr(n) {
         return n && n.replace(/\/.*$/, "");
       }
-      var Qr = new Vi(), Ae = Qr.interactStatic, Hi = typeof globalThis < "u" ? globalThis : window;
-      Qr.init(Hi);
-      var Bi = Object.freeze({ __proto__: null, edgeTarget: function() {
+      var Qr = new Vi(), Ae = Qr.interactStatic, Bi = typeof globalThis < "u" ? globalThis : window;
+      Qr.init(Bi);
+      var Hi = Object.freeze({ __proto__: null, edgeTarget: function() {
       }, elements: function() {
       }, grid: function(n) {
         var t = [["x", "y"], ["left", "top"], ["right", "bottom"], ["width", "height"]].filter(function(i) {
@@ -5835,7 +5850,7 @@ function Sc() {
         return o.grid = n, o.coordFields = t, o;
       } }), Yi = { id: "snappers", install: function(n) {
         var t = n.interactStatic;
-        t.snappers = Q(t.snappers || {}, Bi), t.createSnapGrid = t.snappers.grid;
+        t.snappers = Q(t.snappers || {}, Hi), t.createSnapGrid = t.snappers.grid;
       } }, Xi = Yi, Ui = { start: function(n) {
         var t = n.state, o = n.rect, i = n.edges, c = n.pageCoords, f = t.options, d = f.ratio, h = f.enabled, v = t.options, E = v.equalDelta, y = v.modifiers;
         d === "preserve" && (d = o.width / o.height), t.startCoords = Q({}, c), t.startRect = Q({}, o), t.ratio = d, t.equalDelta = E;
@@ -5877,7 +5892,7 @@ function Sc() {
       function ot(n, t, o) {
         return w.func(n) ? Ie(n, t.interactable, t.element, [o.x, o.y, t]) : Ie(n, t.interactable, t.element);
       }
-      var Ht = { start: function(n) {
+      var Bt = { start: function(n) {
         var t = n.rect, o = n.startOffset, i = n.state, c = n.interaction, f = n.pageCoords, d = i.options, h = d.elementRect, v = Q({ left: 0, top: 0, right: 0, bottom: 0 }, d.offset || {});
         if (t && h) {
           var E = ot(d.restriction, c, f);
@@ -5896,7 +5911,7 @@ function Sc() {
           }(d);
           t.x = Math.max(Math.min(h.right - f.right, t.x), h.left + f.left), t.y = Math.max(Math.min(h.bottom - f.bottom, t.y), h.top + f.top);
         }
-      }, defaults: { restriction: null, elementRect: null, offset: null, endOnly: !1, enabled: !1 } }, Ki = Ke(Ht, "restrict"), to = { top: 1 / 0, left: 1 / 0, bottom: -1 / 0, right: -1 / 0 }, no = { top: -1 / 0, left: -1 / 0, bottom: 1 / 0, right: 1 / 0 };
+      }, defaults: { restriction: null, elementRect: null, offset: null, endOnly: !1, enabled: !1 } }, Ki = Ke(Bt, "restrict"), to = { top: 1 / 0, left: 1 / 0, bottom: -1 / 0, right: -1 / 0 }, no = { top: -1 / 0, left: -1 / 0, bottom: 1 / 0, right: 1 / 0 };
       function ro(n, t) {
         for (var o = 0, i = ["top", "left", "bottom", "right"]; o < i.length; o++) {
           var c = i[o];
@@ -5906,7 +5921,7 @@ function Sc() {
       }
       var xt = { noInner: to, noOuter: no, start: function(n) {
         var t, o = n.interaction, i = n.startOffset, c = n.state, f = c.options;
-        f && (t = Be(ot(f.offset, o, o.coords.start.page))), t = t || { x: 0, y: 0 }, c.offset = { top: t.y + i.top, left: t.x + i.left, bottom: t.y - i.bottom, right: t.x - i.right };
+        f && (t = He(ot(f.offset, o, o.coords.start.page))), t = t || { x: 0, y: 0 }, c.offset = { top: t.y + i.top, left: t.x + i.left, bottom: t.y - i.bottom, right: t.x - i.right };
       }, set: function(n) {
         var t = n.coords, o = n.edges, i = n.interaction, c = n.state, f = c.offset, d = c.options;
         if (o) {
@@ -5916,7 +5931,7 @@ function Sc() {
       }, defaults: { inner: null, outer: null, offset: null, endOnly: !1, enabled: !1 } }, Ji = Ke(xt, "restrictEdges"), Zi = Q({ get elementRect() {
         return { top: 0, left: 0, bottom: 1, right: 1 };
       }, set elementRect(n) {
-      } }, Ht.defaults), Qi = Ke({ start: Ht.start, set: Ht.set, defaults: Zi }, "restrictRect"), es = { width: -1 / 0, height: -1 / 0 }, ts = { width: 1 / 0, height: 1 / 0 }, ns = Ke({ start: function(n) {
+      } }, Bt.defaults), Qi = Ke({ start: Bt.start, set: Bt.set, defaults: Zi }, "restrictRect"), es = { width: -1 / 0, height: -1 / 0 }, ts = { width: 1 / 0, height: 1 / 0 }, ns = Ke({ start: function(n) {
         return xt.start(n);
       }, set: function(n) {
         var t = n.interaction, o = n.state, i = n.rect, c = n.edges, f = o.options;
@@ -5926,13 +5941,13 @@ function Sc() {
         }
       }, defaults: { min: null, max: null, endOnly: !1, enabled: !1 } }, "restrictSize"), kn = { start: function(n) {
         var t, o = n.interaction, i = n.interactable, c = n.element, f = n.rect, d = n.state, h = n.startOffset, v = d.options, E = v.offsetWithOrigin ? function($) {
-          var V = $.interaction.element, F = Be(Ie($.state.options.origin, null, null, [V])), X = F || $e($.interactable, V, $.interaction.prepared.name);
+          var V = $.interaction.element, F = He(Ie($.state.options.origin, null, null, [V])), X = F || $e($.interactable, V, $.interaction.prepared.name);
           return X;
         }(n) : { x: 0, y: 0 };
         if (v.offset === "startCoords") t = { x: o.coords.start.page.x, y: o.coords.start.page.y };
         else {
           var y = Ie(v.offset, i, c, [o]);
-          (t = Be(y) || { x: 0, y: 0 }).x += E.x, t.y += E.y;
+          (t = He(y) || { x: 0, y: 0 }).x += E.x, t.y += E.y;
         }
         var O = v.relativePoints;
         d.offsets = f && O && O.length ? O.map(function($, V) {
@@ -5950,7 +5965,7 @@ function Sc() {
           fe === 1 / 0 && ce.inRange && ce.range !== 1 / 0 && (Fe = !1), ce.target && !(Fe ? ce.inRange && fe !== 1 / 0 ? Pe / fe < ce.distance / ce.range : fe === 1 / 0 && ce.range !== 1 / 0 || Pe < ce.distance : !ce.inRange && Pe < ce.distance) || (ce.target = we, ce.distance = Pe, ce.range = fe, ce.inRange = Fe, ce.delta.x = be, ce.delta.y = Me);
         }
         return ce.inRange && (o.x = ce.target.x, o.y = ce.target.y), i.closest = ce, ce;
-      }, defaults: { range: 1 / 0, targets: null, offset: null, offsetWithOrigin: !0, origin: null, relativePoints: null, endOnly: !1, enabled: !1 } }, rs = Ke(kn, "snap"), Bt = { start: function(n) {
+      }, defaults: { range: 1 / 0, targets: null, offset: null, offsetWithOrigin: !0, origin: null, relativePoints: null, endOnly: !1, enabled: !1 } }, rs = Ke(kn, "snap"), Ht = { start: function(n) {
         var t = n.state, o = n.edges, i = t.options;
         if (!o) return null;
         n.state = { options: { targets: null, relativePoints: [{ x: o.left ? 0 : 1, y: o.top ? 0 : 1 }], offset: i.offset || "self", origin: { x: 0, y: 0 }, range: i.range } }, t.targetFields = t.targetFields || [["width", "height"], ["x", "y"]], kn.start(n), t.offsets = n.state.offsets, n.state = t;
@@ -5972,10 +5987,10 @@ function Sc() {
         }
         var re = kn.set(n);
         return o.options = c, re;
-      }, defaults: { range: 1 / 0, targets: null, offset: null, endOnly: !1, enabled: !1 } }, os = Ke(Bt, "snapSize"), Cn = { aspectRatio: Wi, restrictEdges: Ji, restrict: Ki, restrictRect: Qi, restrictSize: ns, snapEdges: Ke({ start: function(n) {
+      }, defaults: { range: 1 / 0, targets: null, offset: null, endOnly: !1, enabled: !1 } }, os = Ke(Ht, "snapSize"), Cn = { aspectRatio: Wi, restrictEdges: Ji, restrict: Ki, restrictRect: Qi, restrictSize: ns, snapEdges: Ke({ start: function(n) {
         var t = n.edges;
-        return t ? (n.state.targetFields = n.state.targetFields || [[t.left ? "left" : "right", t.top ? "top" : "bottom"]], Bt.start(n)) : null;
-      }, set: Bt.set, defaults: Q(ut(Bt.defaults), { targets: void 0, range: void 0, offset: { x: 0, y: 0 } }) }, "snapEdges"), snap: rs, snapSize: os, spring: Vt, avoid: Vt, transform: Vt, rubberband: Vt }, is = { id: "modifiers", install: function(n) {
+        return t ? (n.state.targetFields = n.state.targetFields || [[t.left ? "left" : "right", t.top ? "top" : "bottom"]], Ht.start(n)) : null;
+      }, set: Ht.set, defaults: Q(ut(Ht.defaults), { targets: void 0, range: void 0, offset: { x: 0, y: 0 } }) }, "snapEdges"), snap: rs, snapSize: os, spring: Vt, avoid: Vt, transform: Vt, rubberband: Vt }, is = { id: "modifiers", install: function(n) {
         var t = n.interactStatic;
         for (var o in n.usePlugin(Fr), n.usePlugin(Xi), t.modifiers = Cn, Cn) {
           var i = Cn[o], c = i._defaults, f = i._methods;
@@ -6162,10 +6177,10 @@ function Sc() {
                 V = function(ee, ce, xe, we, fe) {
                   var be = ee.interactions.new({ pointerType: "reflow" }), Me = { interaction: be, event: fe, pointer: fe, eventTarget: xe, phase: "reflow" };
                   be.interactable = ce, be.element = xe, be.prevEvent = fe, be.updatePointer(fe, fe, xe, !0), vr(be.coords.delta), xn(be.prepared, we), be._doPhase(Me);
-                  var Pe = ee.window, Fe = Pe.Promise, He = Fe ? new Fe(function(Ue) {
+                  var Pe = ee.window, Fe = Pe.Promise, Be = Fe ? new Fe(function(Ue) {
                     be._reflowResolve = Ue;
                   }) : void 0;
-                  return be._reflowPromise = He, be.start(we, ce, xe), be._interacting ? (be.move(Me), be.end(fe)) : (be.stop(), be._reflowResolve()), be.removePointer(fe, fe), He;
+                  return be._reflowPromise = Be, be.start(we, ce, xe), be._interacting ? (be.move(Me), be.end(fe)) : (be.stop(), be._reflowResolve()), be.removePointer(fe, fe), Be;
                 }(f, i, O, c, re);
               }
               v && v.push(V);
@@ -6189,12 +6204,12 @@ function Sc() {
     });
   }(Wt)), Wt.exports;
 }
-var Tc = /* @__PURE__ */ Sc();
-const _c = /* @__PURE__ */ Po(Tc);
+var _c = /* @__PURE__ */ Tc();
+const Oc = /* @__PURE__ */ Po(_c);
 function Ge(e) {
   return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "function" ? e.toString() : e instanceof Date ? e.toISOString() : e instanceof RegExp ? e.toString() : e instanceof Map ? JSON.stringify(Array.from(e.entries())) : e instanceof Set ? JSON.stringify(Array.from(e.values())) : e instanceof WeakMap || e instanceof WeakSet ? "" : e instanceof ArrayBuffer ? e.toString() : Array.isArray(e) ? JSON.stringify(e.map(Ge)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([r], [s]) => r.localeCompare(s))) : "";
 }
-function Oc(e, {
+function Pc(e, {
   isEnabled: r = !0,
   onDragStart: s,
   onDragMove: a,
@@ -6206,24 +6221,24 @@ function Oc(e, {
     if (!r) return;
     const N = e.current;
     if (!N) return;
-    const T = _c(N).draggable({
+    const T = Oc(N).draggable({
       inertia: !0,
       ...u,
       onstart: ({ client: P }) => {
-        const k = pe.make(P);
+        const k = he.make(P);
         p.current?.(k);
       },
       onmove: ({ client: P, clientX0: k, clientY0: I, dx: R, dy: b }) => {
-        const j = pe.make(k, I), W = pe.make(P), q = pe.make(R, b);
+        const j = he.make(k, I), W = he.make(P), q = he.make(R, b);
         g.current?.(q, W, j);
       },
       onend: ({ client: P, clientX0: k, clientY0: I }) => {
-        const R = pe.make(k, I), b = pe.make(P);
+        const R = he.make(k, I), b = he.make(P);
         m.current?.(b, R);
       }
     });
     return () => {
-      T.unset(), m.current?.(pe.zero, pe.zero);
+      T.unset(), m.current?.(he.zero, he.zero);
     };
   }, [r, Ge(u)]);
 }
@@ -6236,7 +6251,7 @@ function kt(e, {
   ...p
 }) {
   const g = Ee(r), [m, N] = Ne(!1), [T, P] = Ne(!1), [k, I] = Ne(r), R = Te(a), b = Te(l), j = Te(u), W = Te(s);
-  return Oc(e, {
+  return Pc(e, {
     onDragStart: (S) => {
       N(!0), P(!1), R.current?.(S);
     },
@@ -6248,7 +6263,7 @@ function kt(e, {
       N(!1), P(!0), j.current?.(S, C);
     },
     ...p
-  }), he(() => {
+  }), pe(() => {
     Eo(g, k);
   }, [k]), {
     isDragging: m,
@@ -6275,30 +6290,30 @@ const Zo = /* @__PURE__ */ _e(({
   onImageSizeChange: P,
   ...k
 }, I) => {
-  const R = ve((z, Y, U) => z - Y * r, [r]), b = Ee(null), j = tt(b), W = zo({ src: s }, {
+  const R = ye((z, Y, U) => z - Y * r, [r]), b = Ee(null), j = tt(b), W = zo({ src: s }, {
     onLoadStart: m,
     onLoadComplete: N,
     onLoadError: T
-  }), [q, D] = Ne(e), { isDragging: B, value: S, setValue: C } = kt(b, {
+  }), [q, D] = Ne(e), { isDragging: H, value: S, setValue: C } = kt(b, {
     initialValue: 0,
     transform: R,
     onDragStart: p,
     onDragEnd: g
   });
-  he(() => {
-    if (B || !W) return;
-    const z = kc(e, W, ye.size(j), a);
+  pe(() => {
+    if (H || !W) return;
+    const z = Cc(e, W, me.size(j), a);
     z !== S && C(z), e !== q && D(e);
-  }, [e, W, j.width, j.height, a]), he(() => {
-    if (!B || !W) return;
-    const z = Cc(S, W, ye.size(j), a);
+  }, [e, W, j.width, j.height, a]), pe(() => {
+    if (!H || !W) return;
+    const z = jc(S, W, me.size(j), a);
     q !== z && D(z);
-  }, [S, W, j.width, j.height, a]), he(() => {
-    l?.(q, B), u?.(q / 360, B);
-  }, [q]), he(() => {
+  }, [S, W, j.width, j.height, a]), pe(() => {
+    l?.(q, H), u?.(q / 360, H);
+  }, [q]), pe(() => {
     P?.(W);
   }, [W?.width, W?.height]);
-  const w = Pc({ src: s, displacement: S });
+  const w = kc({ src: s, displacement: S });
   return /* @__PURE__ */ x.jsx(
     "div",
     {
@@ -6310,7 +6325,7 @@ const Zo = /* @__PURE__ */ _e(({
     }
   );
 });
-function Pc({ src: e = "", displacement: r = NaN }) {
+function kc({ src: e = "", displacement: r = NaN }) {
   return {
     body: {
       backgroundImage: `url(${e})`,
@@ -6329,18 +6344,18 @@ function Qo(e, r) {
   const p = l / a * s;
   return ze.make(p, l);
 }
-function kc(e, r, s, a) {
+function Cc(e, r, s, a) {
   const { width: l } = Qo(r, s), { width: u } = s, p = u * a;
   return e / 360 * l - p;
 }
-function Cc(e, r, s, a) {
+function jc(e, r, s, a) {
   const { width: l } = Qo(r, s), { width: u } = s, p = u * a;
   let g = (e + p) % l / l * 360;
   for (; g < 0; ) g += 360;
   return g;
 }
 process.env.NODE_ENV !== "production" && (Zo.displayName = "Panorama");
-const jc = /* @__PURE__ */ _e(({
+const Ic = /* @__PURE__ */ _e(({
   className: e,
   style: r,
   angle: s = 0,
@@ -6361,22 +6376,22 @@ const jc = /* @__PURE__ */ _e(({
   onPositionChange: W,
   ...q
 }, D) => {
-  const B = Ee(null), S = tt(B), [C, w] = Ne(), [z, Y] = Ne(!1), ne = ve(() => {
+  const H = Ee(null), S = tt(H), [C, w] = Ne(), [z, Y] = Ne(!1), ne = ye(() => {
     if (!C) return 0;
     const { width: _, height: M } = C;
     return M === 0 ? 0 : _ / M;
-  }, [C?.width, C?.height])(), H = ve(() => {
+  }, [C?.width, C?.height])(), B = ye(() => {
     const _ = Math.min(360, Math.max(0, u ?? (m ? m.width / (m.height * ne) * 360 : 0)));
     return S.width * (_ / 360);
-  }, [m?.width, m?.height, ne, S.width, u])(), A = ve(() => S.width <= 0 ? N : ((S.width - H) * 0.5 + N * H) / S.width, [S.width, H, N])(), J = ve(() => {
+  }, [m?.width, m?.height, ne, S.width, u])(), A = ye(() => S.width <= 0 ? N : ((S.width - B) * 0.5 + N * B) / S.width, [S.width, B, N])(), J = ye(() => {
     Y(!0), k?.();
-  }, [k]), Z = ve(() => {
+  }, [k]), Z = ye(() => {
     Y(!1), P?.();
   }, [P]), ae = Le(l, {
     track: Kt,
     reticle: Qn,
     indicator: Zn
-  }), G = Ic({ autoDimension: a, panoramaRect: S, aspectRatio: ne, reticleWidth: H });
+  }), G = $c({ autoDimension: a, panoramaRect: S, aspectRatio: ne, reticleWidth: B });
   return /* @__PURE__ */ x.jsxs(
     "div",
     {
@@ -6388,7 +6403,7 @@ const jc = /* @__PURE__ */ _e(({
         /* @__PURE__ */ x.jsx(
           Zo,
           {
-            ref: B,
+            ref: H,
             angle: s,
             speed: p,
             src: g,
@@ -6414,7 +6429,7 @@ const jc = /* @__PURE__ */ _e(({
     }
   );
 }), Zn = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e }), Qn = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e }), Kt = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e });
-function Ic({ autoDimension: e = "width", panoramaRect: r = ye.zero, aspectRatio: s = 0, reticleWidth: a = 0 }) {
+function $c({ autoDimension: e = "width", panoramaRect: r = me.zero, aspectRatio: s = 0, reticleWidth: a = 0 }) {
   return {
     root: {
       ...e === "width" ? {
@@ -6458,8 +6473,8 @@ function Ic({ autoDimension: e = "width", panoramaRect: r = ye.zero, aspectRatio
     }
   };
 }
-process.env.NODE_ENV !== "production" && (jc.displayName = "PanoramaSlider", Zn.displayName = "PanoramaSliderIndicator", Qn.displayName = "PanoramaSliderReticle", Kt.displayName = "PanoramaSliderTrack");
-const $c = /* @__PURE__ */ _e(({
+process.env.NODE_ENV !== "production" && (Ic.displayName = "PanoramaSlider", Zn.displayName = "PanoramaSliderIndicator", Qn.displayName = "PanoramaSliderReticle", Kt.displayName = "PanoramaSliderTrack");
+const Ac = /* @__PURE__ */ _e(({
   children: e,
   className: r,
   decimalPlaces: s = 2,
@@ -6475,34 +6490,34 @@ const $c = /* @__PURE__ */ _e(({
   onChange: k,
   ...I
 }, R) => {
-  const b = Ee(null), j = tt(b), W = Ee(null), q = Ee(null), [D, B] = Ne(T ?? [m, g]), S = Dc(m, g, P), [C, w] = D.map((te) => it(te, m, g, N, j, p, l, a)), z = w - C, Y = Le(e, {
+  const b = Ee(null), j = tt(b), W = Ee(null), q = Ee(null), [D, H] = Ne(T ?? [m, g]), S = Vc(m, g, P), [C, w] = D.map((te) => it(te, m, g, N, j, p, l, a)), z = w - C, Y = Le(e, {
     gutter: er,
     highlight: tr,
     knob: Zt,
     knobContainer: zn,
     label: Jt
-  }), U = ve((te, oe, ue) => {
-    const se = N === "horizontal" ? oe : ue, Se = it(m, m, g, N, j, p, l, a), Oe = it(D[1], m, g, N, j, p, l, a), me = it(te, m, g, N, j, p, l, a) + se;
-    return No(Math.max(Se, Math.min(Oe, me)), m, g, N, j, p, l, a);
-  }, [p, l, a, m, g, N, D[1], ye.toString(j)]), ne = ve((te, oe, ue) => {
-    const se = N === "horizontal" ? oe : ue, Se = it(D[0], m, g, N, j, p, l, a), Oe = it(g, m, g, N, j, p, l, a), me = it(te, m, g, N, j, p, l, a) + se;
-    return No(Math.max(Se, Math.min(Oe, me)), m, g, N, j, p, l, a);
-  }, [p, l, a, m, g, N, D[0], ye.toString(j)]), { isDragging: K, isReleasing: H, value: L, setValue: A } = kt(W, {
+  }), U = ye((te, oe, ue) => {
+    const se = N === "horizontal" ? oe : ue, Se = it(m, m, g, N, j, p, l, a), Oe = it(D[1], m, g, N, j, p, l, a), ve = it(te, m, g, N, j, p, l, a) + se;
+    return No(Math.max(Se, Math.min(Oe, ve)), m, g, N, j, p, l, a);
+  }, [p, l, a, m, g, N, D[1], me.toString(j)]), ne = ye((te, oe, ue) => {
+    const se = N === "horizontal" ? oe : ue, Se = it(D[0], m, g, N, j, p, l, a), Oe = it(g, m, g, N, j, p, l, a), ve = it(te, m, g, N, j, p, l, a) + se;
+    return No(Math.max(Se, Math.min(Oe, ve)), m, g, N, j, p, l, a);
+  }, [p, l, a, m, g, N, D[0], me.toString(j)]), { isDragging: K, isReleasing: B, value: L, setValue: A } = kt(W, {
     initialValue: T?.[0] ?? m,
     transform: U
   }), { isDragging: J, isReleasing: Z, value: ae, setValue: G } = kt(q, {
     initialValue: T?.[1] ?? g,
     transform: ne
-  }), _ = Ac({ isDraggingEndKnob: J, isDraggingStartKnob: K, isReleasingEndKnob: Z, isReleasingStartKnob: H }), M = Mc({ orientation: N, highlightLength: z, start: C, knobPadding: u, knobWidth: p, knobHeight: l });
-  return he(() => {
-    B([L, ae]);
-  }, [L, ae]), he(() => {
+  }), _ = Mc({ isDraggingEndKnob: J, isDraggingStartKnob: K, isReleasingEndKnob: Z, isReleasingStartKnob: B }), M = Rc({ orientation: N, highlightLength: z, start: C, knobPadding: u, knobWidth: p, knobHeight: l });
+  return pe(() => {
+    H([L, ae]);
+  }, [L, ae]), pe(() => {
     k?.(D);
-  }, [D[0], D[1]]), he(() => {
-    K || J || Z || qe(T, D) || (B(T ?? [m, g]), A(T?.[0] ?? m), G(T?.[1] ?? g));
-  }, [T?.[0], T?.[1], K, J, Z]), he(() => {
+  }, [D[0], D[1]]), pe(() => {
+    K || J || Z || qe(T, D) || (H(T ?? [m, g]), A(T?.[0] ?? m), G(T?.[1] ?? g));
+  }, [T?.[0], T?.[1], K, J, Z]), pe(() => {
     S && A(So(L, S));
-  }, [H, Ge(S)]), he(() => {
+  }, [B, Ge(S)]), pe(() => {
     !S || !Z || G(So(ae, S));
   }, [Z, Ge(S)]), /* @__PURE__ */ x.jsx(
     "div",
@@ -6564,7 +6579,7 @@ const $c = /* @__PURE__ */ _e(({
     }
   );
 }), er = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e }), Jt = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e }), tr = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e }), Zt = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e }), zn = ({ ...e }) => /* @__PURE__ */ x.jsx("button", { ...e });
-function Ac({ isDraggingStartKnob: e = !1, isReleasingStartKnob: r = !1, isDraggingEndKnob: s = !1, isReleasingEndKnob: a = !1 }) {
+function Mc({ isDraggingStartKnob: e = !1, isReleasingStartKnob: r = !1, isDraggingEndKnob: s = !1, isReleasingEndKnob: a = !1 }) {
   return {
     startKnobContainer: ie({
       dragging: e,
@@ -6592,7 +6607,7 @@ function Ac({ isDraggingStartKnob: e = !1, isReleasingStartKnob: r = !1, isDragg
     })
   };
 }
-function Mc({ orientation: e = "horizontal", knobWidth: r = 0, knobHeight: s = 0, highlightLength: a = 0, start: l = 0, knobPadding: u = 0 }) {
+function Rc({ orientation: e = "horizontal", knobWidth: r = 0, knobHeight: s = 0, highlightLength: a = 0, start: l = 0, knobPadding: u = 0 }) {
   return {
     body: {
       height: "100%",
@@ -6649,10 +6664,10 @@ function Mc({ orientation: e = "horizontal", knobWidth: r = 0, knobHeight: s = 0
     }
   };
 }
-function Rc(e, r, s) {
+function zc(e, r, s) {
   return (e - r) / (s - r);
 }
-function zc(e, r, s, a, l, u) {
+function Lc(e, r, s, a, l, u) {
   switch (r) {
     case "horizontal": {
       const p = u ? s.width - a : s.width;
@@ -6666,14 +6681,14 @@ function zc(e, r, s, a, l, u) {
       return console.error(`[etudes::RangeSlider] Invalid orientation: ${r}`), NaN;
   }
 }
-function Lc(e, r, s) {
+function Fc(e, r, s) {
   return e * (s - r) + r;
 }
 function No(e, r, s, a, l, u, p, g) {
-  const m = zc(e, a, l, u, p, g);
-  return Lc(m, r, s);
+  const m = Lc(e, a, l, u, p, g);
+  return Fc(m, r, s);
 }
-function Fc(e, r, s, a, l, u) {
+function Dc(e, r, s, a, l, u) {
   switch (r) {
     case "horizontal": {
       const p = u ? s.width - a : s.width;
@@ -6688,8 +6703,8 @@ function Fc(e, r, s, a, l, u) {
   }
 }
 function it(e, r, s, a, l, u, p, g) {
-  const m = Rc(e, r, s);
-  return Fc(m, a, l, u, p, g);
+  const m = zc(e, r, s);
+  return Dc(m, a, l, u, p, g);
 }
 function So(e, r) {
   const s = r.length;
@@ -6700,7 +6715,7 @@ function So(e, r) {
   }
   return r[a];
 }
-function Dc(e, r, s) {
+function Vc(e, r, s) {
   if (!(s < 0))
     return [
       e,
@@ -6708,8 +6723,8 @@ function Dc(e, r, s) {
       r
     ];
 }
-process.env.NODE_ENV !== "production" && ($c.displayName = "RangeSlider", er.displayName = "RangeSliderGutter", Jt.displayName = "RangeSliderLabel", tr.displayName = "RangeSliderHighlight", Zt.displayName = "RangeSliderKnob");
-const Vc = _e(({
+process.env.NODE_ENV !== "production" && (Ac.displayName = "RangeSlider", er.displayName = "RangeSliderGutter", Jt.displayName = "RangeSliderLabel", tr.displayName = "RangeSliderHighlight", Zt.displayName = "RangeSliderKnob");
+const Bc = _e(({
   children: e,
   id: r,
   isRequired: s = !1,
@@ -6766,7 +6781,7 @@ const Vc = _e(({
     zIndex: 1
   }
 };
-process.env.NODE_ENV !== "production" && (Vc.displayName = "Select", ei.displayName = "SelectExpandIcon", Qt.displayName = "SelectOption", nr.displayName = "SelectToggle");
+process.env.NODE_ENV !== "production" && (Bc.displayName = "Select", ei.displayName = "SelectExpandIcon", Qt.displayName = "SelectOption", nr.displayName = "SelectToggle");
 const Hc = /* @__PURE__ */ _e(({
   children: e,
   className: r,
@@ -6803,7 +6818,7 @@ const Hc = /* @__PURE__ */ _e(({
   );
 });
 process.env.NODE_ENV !== "production" && (Hc.displayName = "SelectableButton");
-const Bc = /* @__PURE__ */ _e(({
+const Yc = /* @__PURE__ */ _e(({
   children: e,
   className: r,
   isClipped: s = !1,
@@ -6822,8 +6837,8 @@ const Bc = /* @__PURE__ */ _e(({
   onChange: b,
   ...j
 }, W) => {
-  const q = Ee(null), D = Ee(null), B = ve((J, Z, ae) => {
-    const G = ye.from(q.current) ?? ye.zero, _ = a ? 1 - J : J;
+  const q = Ee(null), D = Ee(null), H = ye((J, Z, ae) => {
+    const G = me.from(q.current) ?? me.zero, _ = a ? 1 - J : J;
     switch (N) {
       case "horizontal": {
         const M = s ? G.width - g : G.width, te = _ * M + Z, oe = Math.max(0, Math.min(1, te / M));
@@ -6836,9 +6851,9 @@ const Bc = /* @__PURE__ */ _e(({
       default:
         return console.error(`[etudes::Slider] Invalid orientation: ${N}`), NaN;
     }
-  }, [q.current, s, a, g, u, N]), S = ve((J) => {
+  }, [q.current, s, a, g, u, N]), S = ye((J) => {
     if (!l) return;
-    const Z = ye.from(q.current) ?? ye.zero, ae = ye.fromViewport();
+    const Z = me.from(q.current) ?? me.zero, ae = me.fromViewport();
     switch (N) {
       case "horizontal": {
         const G = (J.clientX + ae.left - Z.left) / Z.width, _ = a ? 1 - G : G;
@@ -6855,15 +6870,15 @@ const Bc = /* @__PURE__ */ _e(({
     }
   }, [q.current, a, l, N]), { isDragging: C, isReleasing: w, value: z, setValue: Y } = kt(D, {
     initialValue: T,
-    transform: B,
+    transform: H,
     onDragStart: R,
     onDragEnd: I
-  }), U = a ? 1 - z : z, H = Yc({ orientation: N, isAtEnd: a ? z === 0 : z === 1, isAtStart: a ? z === 1 : z === 0, isDragging: C, isReleasing: w }), L = Xc({ orientation: N, isClipped: s, naturalPosition: U, knobPadding: p, knobHeight: u, knobWidth: g, isTrackInteractive: l });
-  he(() => {
+  }), U = a ? 1 - z : z, B = Xc({ orientation: N, isAtEnd: a ? z === 0 : z === 1, isAtStart: a ? z === 1 : z === 0, isDragging: C, isReleasing: w }), L = Uc({ orientation: N, isClipped: s, naturalPosition: U, knobPadding: p, knobHeight: u, knobWidth: g, isTrackInteractive: l });
+  pe(() => {
     C || T === z || Y(T);
-  }, [T]), he(() => {
+  }, [T]), pe(() => {
     C && m || b?.(z, C);
-  }, [z]), he(() => {
+  }, [z]), pe(() => {
     C || !m || b?.(z, !0);
   }, [C]);
   const A = Le(e, {
@@ -6879,7 +6894,7 @@ const Bc = /* @__PURE__ */ _e(({
       ref: W,
       "aria-orientation": N,
       "aria-valuenow": z,
-      className: ie(r, H.root),
+      className: ie(r, B.root),
       role: "slider",
       children: /* @__PURE__ */ x.jsxs("div", { ref: q, style: L.body, children: [
         /* @__PURE__ */ x.jsx(
@@ -6916,12 +6931,12 @@ const Bc = /* @__PURE__ */ _e(({
           ge,
           {
             ref: D,
-            className: ie(H.knobContainer),
+            className: ie(B.knobContainer),
             element: A.knobContainer ?? /* @__PURE__ */ x.jsx(or, {}),
             style: L.knobContainer,
-            children: /* @__PURE__ */ x.jsxs(ge, { className: ie(H.knob), element: A.knob ?? /* @__PURE__ */ x.jsx(rr, {}), style: le(L.knob), children: [
+            children: /* @__PURE__ */ x.jsxs(ge, { className: ie(B.knob), element: A.knob ?? /* @__PURE__ */ x.jsx(rr, {}), style: le(L.knob), children: [
               /* @__PURE__ */ x.jsx("div", { style: L.knobHitBox }),
-              k && /* @__PURE__ */ x.jsx(ge, { className: ie(H.label), element: A.label ?? /* @__PURE__ */ x.jsx(ir, {}), style: le(L.label), children: k(z) })
+              k && /* @__PURE__ */ x.jsx(ge, { className: ie(B.label), element: A.label ?? /* @__PURE__ */ x.jsx(ir, {}), style: le(L.label), children: k(z) })
             ] })
           }
         )
@@ -6929,7 +6944,7 @@ const Bc = /* @__PURE__ */ _e(({
     }
   );
 }), en = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e }), rr = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e }), or = ({ ...e }) => /* @__PURE__ */ x.jsx("button", { ...e }), ir = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e });
-function Yc({ orientation: e = "vertical", isAtEnd: r = !1, isAtStart: s = !1, isDragging: a = !1, isReleasing: l = !1 }) {
+function Xc({ orientation: e = "vertical", isAtEnd: r = !1, isAtStart: s = !1, isDragging: a = !1, isReleasing: l = !1 }) {
   return {
     root: ie(e, {
       "at-end": r,
@@ -6963,7 +6978,7 @@ function Yc({ orientation: e = "vertical", isAtEnd: r = !1, isAtStart: s = !1, i
     })
   };
 }
-function Xc({ orientation: e = "vertical", isClipped: r = !1, naturalPosition: s = 0, knobPadding: a = 0, knobHeight: l = 0, knobWidth: u = 0, isTrackInteractive: p = !0 }) {
+function Uc({ orientation: e = "vertical", isClipped: r = !1, naturalPosition: s = 0, knobPadding: a = 0, knobHeight: l = 0, knobWidth: u = 0, isTrackInteractive: p = !0 }) {
   return {
     body: {
       height: "100%",
@@ -7028,8 +7043,8 @@ function Xc({ orientation: e = "vertical", isClipped: r = !1, naturalPosition: s
     }
   };
 }
-process.env.NODE_ENV !== "production" && (Bc.displayName = "Slider", en.displayName = "SliderTrack", rr.displayName = "SliderKnob", or.displayName = "SliderKnobContainer", ir.displayName = "SliderLabel");
-const Uc = /* @__PURE__ */ _e(({
+process.env.NODE_ENV !== "production" && (Yc.displayName = "Slider", en.displayName = "SliderTrack", rr.displayName = "SliderKnob", or.displayName = "SliderKnobContainer", ir.displayName = "SliderLabel");
+const qc = /* @__PURE__ */ _e(({
   children: e,
   className: r,
   index: s = 0,
@@ -7042,7 +7057,7 @@ const Uc = /* @__PURE__ */ _e(({
   labelProvider: N,
   onlyDispatchesOnDragEnd: T = !1,
   orientation: P = "vertical",
-  steps: k = qc(10),
+  steps: k = Gc(10),
   trackPadding: I = 0,
   onDragEnd: R,
   onDragStart: b,
@@ -7050,7 +7065,7 @@ const Uc = /* @__PURE__ */ _e(({
   onPositionChange: W,
   ...q
 }, D) => {
-  const B = Ee(null), S = Ee(null), C = tt(B), [w, z] = Ne(s), Y = ve((M, te, oe) => {
+  const H = Ee(null), S = Ee(null), C = tt(H), [w, z] = Ne(s), Y = ye((M, te, oe) => {
     const ue = l ? Qe(M) : M;
     switch (P) {
       case "horizontal": {
@@ -7064,14 +7079,14 @@ const Uc = /* @__PURE__ */ _e(({
       default:
         return console.error(`[etudes::StepSlider] Invalid orientation: ${P}`), NaN;
     }
-  }, [C.width, C.height, a, l, m, p, P]), { isDragging: U, isReleasing: ne, value: K, setValue: H } = kt(S, {
+  }, [C.width, C.height, a, l, m, p, P]), { isDragging: U, isReleasing: ne, value: K, setValue: B } = kt(S, {
     initialValue: ft(s, k),
     transform: Y,
     onDragStart: b,
     onDragEnd: R
-  }), L = ve((M) => {
+  }), L = ye((M) => {
     if (!u) return;
-    const te = ye.fromViewport();
+    const te = me.fromViewport();
     switch (P) {
       case "horizontal": {
         const oe = (M.clientX + te.left - C.left) / C.width, ue = l ? Qe(oe) : oe, se = _t(ue, k);
@@ -7086,35 +7101,35 @@ const Uc = /* @__PURE__ */ _e(({
         const oe = (M.clientY + te.top - C.top) / C.height, ue = l ? Qe(oe) : oe, se = _t(ue, k);
         if (se === w) {
           const Se = ue > K ? se + 1 : se - 1, Oe = ft(Se, k);
-          H(Oe), z(qt(Se, k.length - 1));
+          B(Oe), z(qt(Se, k.length - 1));
         } else {
           const Se = ft(se, k);
-          H(Se), z(se);
+          B(Se), z(se);
         }
         break;
       }
       default:
         console.error(`[etudes::StepSlider] Invalid orientation: ${P}`);
     }
-  }, [C.width, C.height, K, l, u, P, Ge(k)]), A = l ? Qe(K) : K, ae = Gc({ orientation: P, isAtEnd: l ? K === 0 : K === 1, isAtStart: l ? K === 1 : K === 0, isDragging: U, isReleasing: ne }), G = Wc({ orientation: P, naturalPosition: A, isClipped: a, knobPadding: g, knobHeight: p, knobWidth: m, isTrackInteractive: u }), _ = Le(e, {
+  }, [C.width, C.left, C.top, C.height, w, K, l, u, P, Ge(k)]), A = l ? Qe(K) : K, ae = Wc({ orientation: P, isAtEnd: l ? K === 0 : K === 1, isAtStart: l ? K === 1 : K === 0, isDragging: U, isReleasing: ne }), G = Kc({ orientation: P, naturalPosition: A, isClipped: a, knobPadding: g, knobHeight: p, knobWidth: m, isTrackInteractive: u }), _ = Le(e, {
     knob: sr,
     knobContainer: ar,
     label: cr,
     track: tn
   });
-  return he(() => {
-    U || (H(ft(s, k)), z(s));
-  }, [s, U, Ge(k)]), he(() => {
+  return pe(() => {
+    U || (B(ft(s, k)), z(s));
+  }, [s, U, Ge(k)]), pe(() => {
     if (U) {
       if (T) return;
       z(_t(K, k));
     } else {
       const M = _t(K, k), te = ft(M, k);
-      H(te), z(M);
+      B(te), z(M);
     }
-  }, [K, U, T, Ge(k)]), he(() => {
+  }, [K, U, T, Ge(k)]), pe(() => {
     W?.(K, U);
-  }, [K, U]), he(() => {
+  }, [K, U]), pe(() => {
     j?.(w, U);
   }, [w, U]), /* @__PURE__ */ x.jsx(
     "div",
@@ -7124,7 +7139,7 @@ const Uc = /* @__PURE__ */ _e(({
       "aria-valuenow": w,
       className: ie(r, ae.root),
       role: "slider",
-      children: /* @__PURE__ */ x.jsxs("div", { ref: B, style: G.body, children: [
+      children: /* @__PURE__ */ x.jsxs("div", { ref: H, style: G.body, children: [
         /* @__PURE__ */ x.jsx(
           ge,
           {
@@ -7174,7 +7189,7 @@ const Uc = /* @__PURE__ */ _e(({
     }
   );
 }), sr = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e }), ar = ({ ...e }) => /* @__PURE__ */ x.jsx("button", { ...e }), cr = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e }), tn = ({ ...e }) => /* @__PURE__ */ x.jsx("div", { ...e });
-function qc(e) {
+function Gc(e) {
   if (e <= 1)
     return console.error("[etudes::StepSlider] `length` value must be greater than or equal to 2"), [];
   if (Math.round(e) !== e)
@@ -7195,7 +7210,7 @@ function _t(e, r) {
 function ft(e, r) {
   return e >= r.length ? NaN : r[e];
 }
-function Gc({ orientation: e = "vertical", isAtEnd: r = !1, isAtStart: s = !1, isDragging: a = !1, isReleasing: l = !1 }) {
+function Wc({ orientation: e = "vertical", isAtEnd: r = !1, isAtStart: s = !1, isDragging: a = !1, isReleasing: l = !1 }) {
   return {
     root: ie(e, {
       "at-end": r,
@@ -7229,7 +7244,7 @@ function Gc({ orientation: e = "vertical", isAtEnd: r = !1, isAtStart: s = !1, i
     })
   };
 }
-function Wc({ orientation: e = "vertical", naturalPosition: r = 0, isClipped: s = !1, knobPadding: a = 0, knobHeight: l = 0, knobWidth: u = 0, isTrackInteractive: p = !1 }) {
+function Kc({ orientation: e = "vertical", naturalPosition: r = 0, isClipped: s = !1, knobPadding: a = 0, knobHeight: l = 0, knobWidth: u = 0, isTrackInteractive: p = !1 }) {
   return {
     body: {
       height: "100%",
@@ -7300,8 +7315,8 @@ function Qe(e) {
 function qt(e, r = 1, s = 0) {
   return Math.max(s, Math.min(r, e));
 }
-process.env.NODE_ENV !== "production" && (Uc.displayName = "StepSlider", tn.displayName = "StepSliderTrack", sr.displayName = "StepSliderKnob", ar.displayName = "StepSliderKnobContainer", cr.displayName = "StepSliderLabel");
-const Kc = /* @__PURE__ */ _e(({
+process.env.NODE_ENV !== "production" && (qc.displayName = "StepSlider", tn.displayName = "StepSliderTrack", sr.displayName = "StepSliderKnob", ar.displayName = "StepSliderKnobContainer", cr.displayName = "StepSliderLabel");
+const Jc = /* @__PURE__ */ _e(({
   children: e,
   isEnabled: r = !0,
   threshold: s = 0.5,
@@ -7311,18 +7326,18 @@ const Kc = /* @__PURE__ */ _e(({
   onSwipeUp: p,
   ...g
 }, m) => {
-  const [N, T] = Ne(void 0), [P, k] = Ne(void 0), [I, R] = Ne(NaN), b = (D, B) => {
-    if (isNaN(D) || isNaN(B)) return q();
-    T(pe.make(D, B));
-  }, j = (D, B) => {
+  const [N, T] = Ne(void 0), [P, k] = Ne(void 0), [I, R] = Ne(NaN), b = (D, H) => {
+    if (isNaN(D) || isNaN(H)) return q();
+    T(he.make(D, H));
+  }, j = (D, H) => {
     const S = N;
     if (S === void 0) return;
-    const C = S.x !== D || S.y !== B, w = !isNaN(I);
-    C && (w || R(Date.now()), k(pe.make(D, B)));
+    const C = S.x !== D || S.y !== H, w = !isNaN(I);
+    C && (w || R(Date.now()), k(he.make(D, H)));
   }, W = () => {
-    const D = I, B = N, S = P;
-    if (isNaN(D) || B === void 0 || S === void 0) return;
-    const C = Date.now() - D, w = S.x - B.x, z = S.y - B.y, Y = w / C, U = z / C;
+    const D = I, H = N, S = P;
+    if (isNaN(D) || H === void 0 || S === void 0) return;
+    const C = Date.now() - D, w = S.x - H.x, z = S.y - H.y, Y = w / C, U = z / C;
     r && (Math.abs(Y) >= s && Math.abs(Y) > Math.abs(U) ? Y > 0 ? u?.() : l?.() : Math.abs(U) >= s && Math.abs(U) > Math.abs(Y) && (U > 0 ? a?.() : p?.())), q();
   }, q = () => {
     T(void 0), k(void 0), R(NaN);
@@ -7343,8 +7358,8 @@ const Kc = /* @__PURE__ */ _e(({
     }
   );
 });
-process.env.NODE_ENV !== "production" && (Kc.displayName = "SwipeRegion");
-const Jc = _e(({
+process.env.NODE_ENV !== "production" && (Jc.displayName = "SwipeRegion");
+const Zc = _e(({
   onChange: e,
   ...r
 }, s) => /* @__PURE__ */ x.jsx(
@@ -7355,8 +7370,8 @@ const Jc = _e(({
     onChange: (a) => e(a.target.value)
   }
 ));
-process.env.NODE_ENV !== "production" && (Jc.displayName = "TextArea");
-const Zc = _e(({
+process.env.NODE_ENV !== "production" && (Zc.displayName = "TextArea");
+const Qc = _e(({
   className: e,
   children: r,
   isInverted: s = !1,
@@ -7369,20 +7384,20 @@ const Zc = _e(({
   const N = Ee(null), T = Co(N), P = Le(r, {
     knob: ur,
     track: lr
-  }), k = Qc({ isOn: a }), I = el({ isOn: a, isInverted: s, orientation: l, knobSize: T });
+  }), k = el({ isOn: a }), I = tl({ isOn: a, isInverted: s, orientation: l, knobSize: T });
   return /* @__PURE__ */ x.jsxs("label", { ...g, ref: m, className: ie(e, k.root), style: le(u, I.root), children: [
     /* @__PURE__ */ x.jsx("input", { checked: a, style: I.input, type: "checkbox", onChange: (R) => p?.(R.target.checked) }),
     /* @__PURE__ */ x.jsx(ge, { className: k.track, element: P.track ?? /* @__PURE__ */ x.jsx(lr, {}), style: I.track, children: /* @__PURE__ */ x.jsx("div", { style: { position: "relative", width: "100%", height: "100%" }, children: /* @__PURE__ */ x.jsx(ge, { ref: N, className: k.knob, element: P.knob ?? /* @__PURE__ */ x.jsx(ur, {}), style: I.knob }) }) })
   ] });
 }), lr = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("div", { ...r, children: e }), ur = ({ children: e, ...r }) => /* @__PURE__ */ x.jsx("div", { ...r, children: e });
-function Qc({ isOn: e = !1 }) {
+function el({ isOn: e = !1 }) {
   return {
     root: ie({ on: e }),
     knob: ie({ on: e }),
     track: ie({ on: e })
   };
 }
-function el({ isOn: e = !1, isInverted: r = !1, knobSize: s = ze.zero, orientation: a = "horizontal" }) {
+function tl({ isOn: e = !1, isInverted: r = !1, knobSize: s = ze.zero, orientation: a = "horizontal" }) {
   return {
     root: {
       alignItems: "center",
@@ -7426,7 +7441,7 @@ function el({ isOn: e = !1, isInverted: r = !1, knobSize: s = ze.zero, orientati
     }
   };
 }
-process.env.NODE_ENV !== "production" && (Zc.displayName = "Toggle", ur.displayName = "ToggleKnob", lr.displayName = "ToggleTrack");
+process.env.NODE_ENV !== "production" && (Qc.displayName = "Toggle", ur.displayName = "ToggleKnob", lr.displayName = "ToggleTrack");
 const ti = /* @__PURE__ */ _e(({
   children: e,
   ...r
@@ -7435,7 +7450,7 @@ const ti = /* @__PURE__ */ _e(({
     return an(a) ? pr(a, { ...r, ref: s }) : a;
 })));
 process.env.NODE_ENV !== "production" && (ti.displayName = "ExtractChild");
-function tl({
+function nl({
   children: e,
   className: r,
   style: s,
@@ -7447,19 +7462,19 @@ function tl({
   maxWidth: m = 200,
   threshold: N = 100
 }) {
-  const T = Ee(null), P = Ee(void 0), k = tt(T), I = ve(() => {
+  const T = Ee(null), P = Ee(void 0), k = tt(T), I = ye(() => {
     const j = document.createElement("span");
     j.className = ie(r), j.innerHTML = g, j.role = "tooltip";
-    const W = a ?? (T.current ? rl(T.current, N) : "tl"), q = nl(j), D = sl({ alignment: W, arrowSize: ze.make(u, l), gap: p, maxDialogWidth: m, fullDialogWidth: q.width, targetWidth: k.width }), B = le(s, D.dialog);
-    Object.keys(B).forEach((C) => j.style[C] = B[C]);
+    const W = a ?? (T.current ? ol(T.current, N) : "tl"), q = rl(j), D = al({ alignment: W, arrowSize: ze.make(u, l), gap: p, maxDialogWidth: m, fullDialogWidth: q.width, targetWidth: k.width }), H = le(s, D.dialog);
+    Object.keys(H).forEach((C) => j.style[C] = H[C]);
     const S = document.createElement("span");
     return Object.keys(D.arrow).forEach((C) => S.style[C] = D.arrow[C]), j.appendChild(S), j;
-  }, [r, a, g, m, Ge(s), k.width, N, l, u, p]), R = ve(() => {
+  }, [r, a, g, m, Ge(s), k.width, N, l, u, p]), R = ye(() => {
     P.current && (P.current.style.opacity = "1", P.current.ariaHidden = "false");
-  }, []), b = ve(() => {
+  }, []), b = ye(() => {
     P.current && (P.current.style.opacity = "0", P.current.ariaHidden = "true");
   }, []);
-  return he(() => {
+  return pe(() => {
     const j = I();
     return T.current?.appendChild(j), P.current = j, () => {
       T.current?.removeChild(j), P.current = void 0;
@@ -7474,14 +7489,14 @@ function tl({
     }
   );
 }
-function nl(e) {
+function rl(e) {
   const r = e.cloneNode(!1);
   r.innerHTML = e.innerHTML, r.style.visibility = "hidden", r.style.whiteSpace = "pre", document.body.appendChild(r);
   const s = r.getBoundingClientRect();
   return document.body.removeChild(r), ze.make(s.width, s.height);
 }
-function rl(e, r) {
-  const s = ye.fromViewport(), a = ye.intersecting(e);
+function ol(e, r) {
+  const s = me.fromViewport(), a = me.intersecting(e);
   if (a) {
     const l = a.left - s.left < r, u = s.right - a.right < r, p = a.top - s.top < r, g = s.bottom - a.bottom < r;
     if (l && p) return "br";
@@ -7494,7 +7509,7 @@ function rl(e, r) {
   }
   return "tc";
 }
-function ol({ alignment: e, arrowSize: r, fullDialogWidth: s, gap: a, maxDialogWidth: l, targetWidth: u }) {
+function il({ alignment: e, arrowSize: r, fullDialogWidth: s, gap: a, maxDialogWidth: l, targetWidth: u }) {
   const p = Math.min(s, l), g = u > p;
   switch (e) {
     case "tl":
@@ -7551,7 +7566,7 @@ function ol({ alignment: e, arrowSize: r, fullDialogWidth: s, gap: a, maxDialogW
       return console.error(`[etudes::WithTooltip] Invalid alignment: ${e}`), {};
   }
 }
-function il({ alignment: e, arrowSize: r, fullDialogWidth: s, maxDialogWidth: a, targetWidth: l }) {
+function sl({ alignment: e, arrowSize: r, fullDialogWidth: s, maxDialogWidth: a, targetWidth: l }) {
   const u = Math.min(s, a), p = l > u;
   switch (e) {
     case "tl":
@@ -7632,7 +7647,7 @@ function il({ alignment: e, arrowSize: r, fullDialogWidth: s, maxDialogWidth: a,
       return console.error(`[etudes::WithTooltip] Invalid alignment: ${e}`), {};
   }
 }
-function sl({ alignment: e, arrowSize: r, fullDialogWidth: s, gap: a, maxDialogWidth: l, targetWidth: u }) {
+function al({ alignment: e, arrowSize: r, fullDialogWidth: s, gap: a, maxDialogWidth: l, targetWidth: u }) {
   return {
     dialog: {
       boxSizing: "border-box",
@@ -7644,19 +7659,19 @@ function sl({ alignment: e, arrowSize: r, fullDialogWidth: s, gap: a, maxDialogW
       userSelect: "none",
       whiteSpace: s > l ? "normal" : "pre",
       width: s > l ? `${l}px` : "",
-      ...ol({ alignment: e, arrowSize: r, fullDialogWidth: s, gap: a, maxDialogWidth: l, targetWidth: u })
+      ...il({ alignment: e, arrowSize: r, fullDialogWidth: s, gap: a, maxDialogWidth: l, targetWidth: u })
     },
     arrow: {
       background: "inherit",
       position: "absolute",
-      ...il({ alignment: e, arrowSize: r, fullDialogWidth: s, maxDialogWidth: l, targetWidth: u })
+      ...sl({ alignment: e, arrowSize: r, fullDialogWidth: s, maxDialogWidth: l, targetWidth: u })
     }
   };
 }
-process.env.NODE_ENV !== "production" && (tl.displayName = "WithTooltip");
-function vl(e, r) {
+process.env.NODE_ENV !== "production" && (nl.displayName = "WithTooltip");
+function yl(e, r) {
   const s = Te(r);
-  he(() => {
+  pe(() => {
     const a = (l) => {
       if (!(l.target instanceof Node)) return;
       let u = !0, p = l.target;
@@ -7676,12 +7691,12 @@ function vl(e, r) {
     };
   }, []);
 }
-function yl(e) {
-  const [r, s] = Ne(!1), a = ve((p) => {
+function xl(e) {
+  const [r, s] = Ne(!1), a = ye((p) => {
     p.preventDefault(), p.stopPropagation(), s(!0);
-  }, []), l = ve((p) => {
+  }, []), l = ye((p) => {
     p.preventDefault(), p.stopPropagation(), s(!1);
-  }, []), u = ve((p) => {
+  }, []), u = ye((p) => {
     p.preventDefault(), p.stopPropagation(), s(!1);
     const g = p.dataTransfer.files;
     if (g && g.length > 0) {
@@ -7696,9 +7711,9 @@ function yl(e) {
     onDrop: u
   };
 }
-function xl(e, r) {
+function bl(e, r) {
   const s = Te(r);
-  he(() => {
+  pe(() => {
     const a = (l) => {
       l.key === e && s.current?.();
     };
@@ -7707,11 +7722,11 @@ function xl(e, r) {
     };
   }, [e]);
 }
-function bl({ onChange: e }) {
+function wl({ onChange: e }) {
   const r = Te(e), s = Ee(void 0), a = Ee(!1);
-  he(() => {
+  pe(() => {
     const l = () => {
-      const p = al();
+      const p = cl();
       p && (r.current(p, s.current), s.current = p);
     }, u = () => {
       a.current || typeof requestAnimationFrame == "function" && (a.current = !0, requestAnimationFrame(() => {
@@ -7723,54 +7738,42 @@ function bl({ onChange: e }) {
     };
   }, []);
 }
-function al() {
-  const e = ye.fromViewport(), r = ye.clone(e, { x: 0, y: 0 }), s = ye.from(window, { overflow: !0 });
+function cl() {
+  const e = me.fromViewport(), r = me.clone(e, { x: 0, y: 0 }), s = me.from(window, { overflow: !0 });
   if (!s) return;
-  const a = ye.clone(r, { x: s.width - e.width, y: s.height - e.height }), l = pe.make(e.left / a.left, e.top / a.top);
+  const a = me.clone(r, { x: s.width - e.width, y: s.height - e.height }), l = he.make(e.left / a.left, e.top / a.top);
   return {
-    minPos: pe.make(r.left, r.top),
-    maxPos: pe.make(a.left, a.top),
-    pos: pe.make(e.left, e.top),
+    minPos: he.make(r.left, r.top),
+    maxPos: he.make(a.left, a.top),
+    pos: he.make(e.left, e.top),
     step: l
   };
 }
-function wl(e, r, {
+function El(e, r, {
   mapSearchParamToState: s,
   mapStateToSearchParam: a,
   shouldPopulateDefaultState: l = !1
 } = {}) {
-  const u = ve((k, I) => s ? s(k) : k || I, [s]), p = ve((k) => a ? a(k) : !l && k === r ? void 0 : `${k}`, [r, l, a]), [g, m] = Es(), N = u(g.get(e) ?? void 0, r), [T, P] = Ne(N);
-  return he(() => {
+  const u = ye((k, I) => s ? s(k) : k || I, [s]), p = ye((k) => a ? a(k) : !l && k === r ? void 0 : `${k}`, [r, l, a]), [g, m] = Es(), N = u(g.get(e) ?? void 0, r), [T, P] = Ne(N);
+  return pe(() => {
     const k = g.get(e), I = p(T);
     I !== k && (I ? g.set(e, I) : g.delete(e), m(g));
   }, [T, p]), [T, P];
 }
-function El(e, {
+function Nl(e, {
   autoStarts: r = !0,
   onTimeout: s
 }) {
-  const a = Ee(void 0), l = Te(s), u = ve(() => {
+  const a = Ee(void 0), l = Te(s), u = ye(() => {
     a.current !== void 0 && (clearTimeout(a.current), a.current = void 0);
-  }, []), p = ve(() => {
+  }, []), p = ye(() => {
     u(), !(e < 0) && (a.current = setTimeout(() => {
       u(), l.current();
     }, e));
   }, [e, u]);
-  return he(() => (r && e >= 0 && p(), u), [r, e, p, u]), { start: p, stop: u };
-}
-function Nl() {
-  const [e, r] = Ne(ze.zero);
-  return he(() => {
-    const s = () => {
-      const a = ye.size(ye.fromViewport());
-      r(a);
-    };
-    return window.addEventListener("resize", s), s(), () => {
-      window.removeEventListener("resize", s);
-    };
-  }, []), e;
+  return pe(() => (r && e >= 0 && p(), u), [r, e, p, u]), { start: p, stop: u };
 }
-function cl({ children: e, if: r }) {
+function ll({ children: e, if: r }) {
   switch (typeof r) {
     case "function":
       return r() ? /* @__PURE__ */ x.jsx(x.Fragment, { children: e }) : /* @__PURE__ */ x.jsx(x.Fragment, {});
@@ -7778,14 +7781,14 @@ function cl({ children: e, if: r }) {
       return r ? /* @__PURE__ */ x.jsx(x.Fragment, { children: e }) : /* @__PURE__ */ x.jsx(x.Fragment, {});
   }
 }
-process.env.NODE_ENV !== "production" && (cl.displayName = "Conditional");
-function ll({
+process.env.NODE_ENV !== "production" && (ll.displayName = "Conditional");
+function ul({
   children: e,
   ...r
 }) {
   return /* @__PURE__ */ x.jsx(x.Fragment, { children: sn.map(e, (s) => an(s) ? pr(s, { ...r }) : s) });
 }
-process.env.NODE_ENV !== "production" && (ll.displayName = "ExtractChildren");
+process.env.NODE_ENV !== "production" && (ul.displayName = "ExtractChildren");
 function Sl({
   children: e,
   condition: r
@@ -7793,7 +7796,7 @@ function Sl({
   const s = sn.toArray(e);
   if (s.length === 0)
     return console.error("[etudes::Switch] `Switch` must have at least one child"), /* @__PURE__ */ x.jsx(x.Fragment, {});
-  if (!fl(s))
+  if (!dl(s))
     return console.error("[etudes::Switch] `Switch` children must be of `Case` type or `Default` type"), /* @__PURE__ */ x.jsx(x.Fragment, {});
   const a = s.filter((u) => u.type === ni);
   if (a.length > 1)
@@ -7808,14 +7811,14 @@ function Sl({
   if (l)
     return l;
 }
-function ul({ children: e }) {
+function fl({ children: e }) {
   return e;
 }
 function ni({ children: e }) {
   return e;
 }
-function fl(e) {
-  return e.every((r) => an(r) && (r.type === ul || r.type === ni));
+function dl(e) {
+  return e.every((r) => an(r) && (r.type === fl || r.type === ni));
 }
 var fr;
 ((e) => {
@@ -7829,7 +7832,7 @@ function Tl({ children: e }) {
     const l = localStorage.getItem("color-scheme");
     return l || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
   }, [s, a] = Ne(r());
-  return he(() => {
+  return pe(() => {
     localStorage.setItem("color-scheme", s), document.documentElement.classList.toggle("dark", s === "dark");
   }, [s]), /* @__PURE__ */ x.jsx(Ct.Provider, { value: { colorScheme: s, setColorScheme: a }, children: e });
 }
@@ -7845,29 +7848,29 @@ function Ol() {
 }
 function Pl() {
   const e = cn(Ct);
-  return e ? ve(() => {
+  return e ? ye(() => {
     e.setColorScheme((r) => fr.toggled(r));
   }, []) : (console.error("useToggleColorScheme must be used within a ColorSchemeProvider"), () => {
   });
 }
 process.env.NODE_ENV !== "production" && (Ct.displayName = "ColorSchemeContext");
 const ri = /* @__PURE__ */ Oo(void 0);
-function dl({ children: e }) {
+function pl({ children: e }) {
   const r = Ee(!1), [s, a] = Ne({
-    minPos: pe.zero,
-    maxPos: pe.zero,
-    pos: pe.zero,
-    step: pe.zero
+    minPos: he.zero,
+    maxPos: he.zero,
+    pos: he.zero,
+    step: he.zero
   });
-  return he(() => {
+  return pe(() => {
     const l = () => {
-      const p = ye.fromViewport(), g = ye.clone(p, { x: 0, y: 0 }), m = ye.from(window, { overflow: !0 });
+      const p = me.fromViewport(), g = me.clone(p, { x: 0, y: 0 }), m = me.from(window, { overflow: !0 });
       if (!m) return;
-      const N = ye.clone(g, { x: m.width - p.width, y: m.height - p.height }), T = pe.make(p.left / N.left, p.top / N.top);
+      const N = me.clone(g, { x: m.width - p.width, y: m.height - p.height }), T = he.make(p.left / N.left, p.top / N.top);
       a({
-        minPos: pe.make(g.left, g.top),
-        maxPos: pe.make(N.left, N.top),
-        pos: pe.make(p.left, p.top),
+        minPos: he.make(g.left, g.top),
+        maxPos: he.make(N.left, N.top),
+        pos: he.make(p.left, p.top),
         step: T
       });
     }, u = () => {
@@ -7884,27 +7887,27 @@ function kl(e) {
   const r = cn(ri);
   if (!r)
     return console.error("Cannot fetch the current scroll position context, is the corresponding provider instated?"), {
-      pos: pe.zero,
-      step: pe.zero
+      pos: he.zero,
+      step: he.zero
     };
   if (!e)
     return {
       pos: r.pos,
       step: r.step
     };
-  const s = e.current, a = ye.fromViewport(), l = ye.from(s);
+  const s = e.current, a = me.fromViewport(), l = me.from(s);
   if (!a || !l)
     return {
-      pos: pe.zero,
-      step: pe.zero
+      pos: he.zero,
+      step: he.zero
     };
   const u = a.right - l.left, p = a.bottom - l.top, g = u / l.width, m = p / l.height;
   return {
-    pos: pe.make(u, p),
-    step: pe.make(g, m)
+    pos: he.make(u, p),
+    step: he.make(g, m)
   };
 }
-process.env.NODE_ENV !== "production" && (dl.displayName = "ScrollPositionProvider");
+process.env.NODE_ENV !== "production" && (pl.displayName = "ScrollPositionProvider");
 function To(e) {
   return e == null ? "" : Array.isArray(e) ? JSON.stringify(e.map(To)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([r], [s]) => r.localeCompare(s)).map(([r, s]) => [r, To(s)])) : Ge(e);
 }
@@ -7919,30 +7922,30 @@ export {
   rn as BurgerBar,
   Fs as BurgerButton,
   Ds as BurgerButtonBar,
-  Hs as Button,
+  Bs as Button,
   Ws as Carousel,
-  ul as Case,
+  fl as Case,
   hr as Collection,
   Pt as CollectionItem,
   fr as ColorScheme,
   Ct as ColorSchemeContext,
   Tl as ColorSchemeProvider,
-  cl as Conditional,
+  ll as Conditional,
   ea as Counter,
-  Bn as CounterAddButton,
+  Hn as CounterAddButton,
   Yn as CounterSubtractButton,
-  Hn as CounterTextField,
-  ra as CoverImage,
+  Bn as CounterTextField,
+  oa as CoverImage,
   Fo as CoverImageContent,
   Do as CoverImageViewport,
-  aa as CoverVideo,
-  Ho as CoverVideoContent,
-  Bo as CoverVideoViewport,
+  ca as CoverVideo,
+  Bo as CoverVideoContent,
+  Ho as CoverVideoViewport,
   ni as Default,
-  ca as Dial,
+  la as Dial,
   Un as DialKnob,
   Xn as DialTrack,
-  fa as Dropdown,
+  da as Dropdown,
   Yo as DropdownCollapseIcon,
   qn as DropdownCollection,
   Xo as DropdownExpandIcon,
@@ -7950,17 +7953,17 @@ export {
   Wn as DropdownToggle,
   ln as Each,
   ti as ExtractChild,
-  ll as ExtractChildren,
-  vc as FlatSVG,
+  ul as ExtractChildren,
+  yc as FlatSVG,
   Lo as Image,
-  yc as MasonryGrid,
-  Ec as OptionButton,
+  xc as MasonryGrid,
+  Nc as OptionButton,
   Zo as Panorama,
-  jc as PanoramaSlider,
+  Ic as PanoramaSlider,
   Zn as PanoramaSliderIndicator,
   Qn as PanoramaSliderReticle,
   Kt as PanoramaSliderTrack,
-  $c as RangeSlider,
+  Ac as RangeSlider,
   er as RangeSliderGutter,
   tr as RangeSliderHighlight,
   Zt as RangeSliderKnob,
@@ -7968,62 +7971,62 @@ export {
   Jt as RangeSliderLabel,
   Vn as Repeat,
   ri as ScrollPositionContext,
-  dl as ScrollPositionProvider,
-  Vc as Select,
+  pl as ScrollPositionProvider,
+  Bc as Select,
   ei as SelectExpandIcon,
   Qt as SelectOption,
   nr as SelectToggle,
   Hc as SelectableButton,
-  Bc as Slider,
+  Yc as Slider,
   rr as SliderKnob,
   or as SliderKnobContainer,
   ir as SliderLabel,
   en as SliderTrack,
-  Uc as StepSlider,
+  qc as StepSlider,
   sr as StepSliderKnob,
   ar as StepSliderKnobContainer,
   cr as StepSliderLabel,
   tn as StepSliderTrack,
-  Kc as SwipeRegion,
+  Jc as SwipeRegion,
   Sl as Switch,
-  Jc as TextArea,
+  Zc as TextArea,
   Ro as TextField,
-  Zc as Toggle,
+  Qc as Toggle,
   ur as ToggleKnob,
   lr as ToggleTrack,
   Vo as Video,
-  tl as WithTooltip,
-  ml as asClassNameDict,
+  nl as WithTooltip,
+  vl as asClassNameDict,
   Le as asComponentDict,
-  gl as asStyleDict,
+  ml as asStyleDict,
   pr as cloneStyledElement,
   Ge as createKey,
   To as createKeyDeep,
-  qc as generateSteps,
+  Gc as generateSteps,
   le as styles,
-  vl as useClickOutside,
+  yl as useClickOutside,
   _l as useColorScheme,
   qs as useDrag,
-  yl as useDropzone,
-  ta as useImageLoader,
+  xl as useDropzone,
+  na as useImageLoader,
   zo as useImageSize,
-  Oc as useInertiaDrag,
+  Pc as useInertiaDrag,
   kt as useInertiaDragValue,
   Gs as useInterval,
-  xl as useKeyboardShortcut,
+  bl as useKeyboardShortcut,
   Te as useLatest,
   Ps as useMounted,
-  bl as usePosition,
+  wl as usePosition,
   Qs as usePrevious,
   tt as useRect,
   kl as useScrollPosition,
-  wl as useSearchState,
+  El as useSearchState,
   Ol as useSetColorScheme,
   Co as useSize,
   dr as useSizeObserver,
-  El as useTimeout,
+  Nl as useTimeout,
   Pl as useToggleColorScheme,
-  oa as useVideoMetadataLoader,
-  ia as useVideoSize,
-  Nl as useViewportSize
+  ia as useVideoMetadataLoader,
+  sa as useVideoSize,
+  ta as useViewportSize
 };