@readerseye2/cr_viewer 1.0.33 → 1.0.34

package/dist/index.js

@@ -2,9 +2,9 @@
 var qi = Object.defineProperty;
 var ji = (e, t, n) => t in e ? qi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Gr = (e, t, n) => ji(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as x, jsxs as J, Fragment as xt } from "react/jsx-runtime";
+import { jsx as x, jsxs as ee, Fragment as xt } from "react/jsx-runtime";
 import * as Ye from "react";
-import D, { createContext as Ft, useContext as Ue, useMemo as he, useLayoutEffect as kt, useRef as se, useEffect as me, useCallback as te, createElement as gn, memo as Wt, useState as pt, useId as Ui } from "react";
+import W, { createContext as Ft, useContext as Ue, useMemo as he, useLayoutEffect as Rt, useRef as se, useEffect as me, useCallback as te, createElement as gn, memo as Dt, useState as pt, useId as Ui } from "react";
 import Ki from "react-dom";
 const vr = Ft(void 0);
 var an = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -25,7 +25,7 @@ var Lr;
 function Xi() {
   if (Lr) return Pn;
   Lr = 1;
-  var e = D;
+  var e = W;
   function t(h, p) {
     return h === p && (h !== 0 || 1 / h === 1 / p) || h !== h && p !== p;
   }
@@ -62,7 +62,7 @@ function Xi() {
   var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? l : u;
   return Pn.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : d, Pn;
 }
-var Bn = {};
+var An = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -121,9 +121,9 @@ function Yi() {
       return v();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = D, i = typeof Object.is == "function" ? Object.is : e, s = o.useState, u = o.useEffect, a = o.useLayoutEffect, l = o.useDebugValue, d = !1, h = !1, p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
-    Bn.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), Bn;
+    var o = W, i = typeof Object.is == "function" ? Object.is : e, s = o.useState, u = o.useEffect, a = o.useLayoutEffect, l = o.useDebugValue, d = !1, h = !1, p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
+    An.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), An;
 }
 var Nr;
 function Uo() {
@@ -142,7 +142,7 @@ var Fr;
 function Qi() {
   if (Fr) return zn;
   Fr = 1;
-  var e = D, t = Uo();
+  var e = W, t = Uo();
   function n(l, d) {
     return l === d && (l !== 0 || 1 / l === 1 / d) || l !== l && d !== d;
   }
@@ -189,7 +189,7 @@ function Qi() {
     ), a(c), c;
   }, zn;
 }
-var An = {};
+var Bn = {};
 /**
  * @license React
  * use-sync-external-store-shim/with-selector.development.js
@@ -199,15 +199,15 @@ var An = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Wr;
+var Dr;
 function Zi() {
-  return Wr || (Wr = 1, process.env.NODE_ENV !== "production" && (function() {
+  return Dr || (Dr = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(l, d) {
       return l === d && (l !== 0 || 1 / l === 1 / d) || l !== l && d !== d;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var t = D, n = Uo(), r = typeof Object.is == "function" ? Object.is : e, o = n.useSyncExternalStore, i = t.useRef, s = t.useEffect, u = t.useMemo, a = t.useDebugValue;
-    An.useSyncExternalStoreWithSelector = function(l, d, h, p, m) {
+    var t = W, n = Uo(), r = typeof Object.is == "function" ? Object.is : e, o = n.useSyncExternalStore, i = t.useRef, s = t.useEffect, u = t.useMemo, a = t.useDebugValue;
+    Bn.useSyncExternalStoreWithSelector = function(l, d, h, p, m) {
       var v = i(null);
       if (v.current === null) {
         var y = { hasValue: !1, value: null };
@@ -249,11 +249,11 @@ function Zi() {
         [c]
       ), a(c), c;
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), An;
+  })()), Bn;
 }
-var Dr;
+var Wr;
 function Ji() {
-  return Dr || (Dr = 1, process.env.NODE_ENV === "production" ? cn.exports = Qi() : cn.exports = Zi()), cn.exports;
+  return Wr || (Wr = 1, process.env.NODE_ENV === "production" ? cn.exports = Qi() : cn.exports = Zi()), cn.exports;
 }
 var es = Ji();
 const ts = /* @__PURE__ */ jo(es), $r = (e) => {
@@ -275,9 +275,9 @@ function Tn(e, t = rs, n) {
     t,
     n
   );
-  return D.useDebugValue(r), r;
+  return W.useDebugValue(r), r;
 }
-function ee(e, t) {
+function X(e, t) {
   const n = Ue(vr);
   if (!n)
     throw new Error("useCRViewerScopedStore must be used inside <InternalCRViewerProvider>");
@@ -289,7 +289,7 @@ function kn() {
     throw new Error("useCRViewerStoreApi must be used inside <InternalCRViewerProvider>");
   return e;
 }
-const Et = Ft(
+const Ot = Ft(
   void 0
 ), Ko = Ft(void 0);
 function os() {
@@ -300,6 +300,7 @@ function os() {
     playbackScale: 1,
     dispatchHandler: null,
     applySnapshotHandler: null,
+    wordAvgDistancePx: 0,
     // ========== Actions ==========
     setEmitCallback: (n) => e({ emitCallback: n }),
     emit: (n, r) => {
@@ -339,22 +340,22 @@ function is({
   viewerRef: o
 }) {
   const i = he(() => os(), []);
-  return kt(() => (i.getState().setEmitCallback(t ?? null), () => i.getState().setEmitCallback(null)), [t, i]), kt(() => {
+  return Rt(() => (i.getState().setEmitCallback(t ?? null), () => i.getState().setEmitCallback(null)), [t, i]), Rt(() => {
     i.getState().setPlaybackMode(n);
-  }, [n, i]), kt(() => {
+  }, [n, i]), Rt(() => {
     i.getState().setPlaybackScale(r);
-  }, [r, i]), kt(() => () => {
+  }, [r, i]), Rt(() => () => {
     o && (o.current = null);
-  }, [o]), /* @__PURE__ */ x(Et.Provider, { value: i, children: /* @__PURE__ */ x(Ko.Provider, { value: o, children: e }) });
+  }, [o]), /* @__PURE__ */ x(Ot.Provider, { value: i, children: /* @__PURE__ */ x(Ko.Provider, { value: o, children: e }) });
 }
-function Ot() {
-  const e = Ue(Et);
+function wt() {
+  const e = Ue(Ot);
   if (!e)
     throw new Error("useViewerEventBridgeStoreApi must be used inside <ViewerEventBridgeProvider>");
   return e;
 }
 const Sr = Ft(void 0);
-function _t() {
+function Mt() {
   const e = Ue(Sr);
   if (!e)
     throw new Error("useProgressStoreApi must be used within InternalCRViewerProgressProvider");
@@ -607,7 +608,7 @@ function as(e) {
     setViewportSize: (i, s) => r({ viewportWidth: i, viewportHeight: s })
   }));
 }
-const Rn = 0, wt = 1, Dt = 2, Yo = 4;
+const Rn = 0, It = 1, Wt = 2, Yo = 4;
 function Vr(e) {
   return () => e;
 }
@@ -643,13 +644,13 @@ function Ee(...e) {
   return e;
 }
 function Ie(e, t) {
-  return e(wt, t);
+  return e(It, t);
 }
 function fe(e, t) {
   e(Rn, t);
 }
 function xr(e) {
-  e(Dt);
+  e(Wt);
 }
 function Pe(e) {
   return e(Yo);
@@ -658,7 +659,7 @@ function oe(e, t) {
   return Ie(e, us(t, Rn));
 }
 function at(e, t) {
-  const n = e(wt, (r) => {
+  const n = e(It, (r) => {
     n(), t(r);
   });
   return n;
@@ -685,7 +686,7 @@ function ae(e) {
     e(n) && t(n);
   };
 }
-function Y(e) {
+function Q(e) {
   return (t) => Qo(t, e);
 }
 function ft(e) {
@@ -697,10 +698,10 @@ function H(e, ...t) {
   const n = ps(...t);
   return ((r, o) => {
     switch (r) {
-      case Dt:
+      case Wt:
         xr(e);
         return;
-      case wt:
+      case It:
         return Ie(e, n(o));
     }
   });
@@ -710,7 +711,7 @@ function gt(e, t) {
     n(t = e(t, r));
   };
 }
-function Mt(e) {
+function Et(e) {
   return (t) => (n) => {
     e > 0 ? e-- : t(n);
   };
@@ -748,15 +749,15 @@ function gs(e) {
   const r = () => t == null ? void 0 : t();
   return function(o, i) {
     switch (o) {
-      case wt:
+      case It:
         return i ? n === i ? void 0 : (r(), n = i, t = Ie(e, i), t) : (r(), $t);
-      case Dt:
+      case Wt:
         r(), n = null;
         return;
     }
   };
 }
-function W(e) {
+function D(e) {
   let t = e;
   const n = ve();
   return ((r, o) => {
@@ -764,7 +765,7 @@ function W(e) {
       case Rn:
         t = o;
         break;
-      case wt: {
+      case It: {
         o(t);
         break;
       }
@@ -775,7 +776,7 @@ function W(e) {
   });
 }
 function je(e, t) {
-  return _n(W(t), (n) => oe(e, n));
+  return _n(D(t), (n) => oe(e, n));
 }
 function ve() {
   const e = [];
@@ -786,10 +787,10 @@ function ve() {
           r(n);
         });
         return;
-      case Dt:
+      case Wt:
         e.splice(0, e.length);
         return;
-      case wt:
+      case It:
         return e.push(n), () => {
           const r = e.indexOf(n);
           r > -1 && e.splice(r, 1);
@@ -829,11 +830,11 @@ function Ne(...e) {
     });
   }), function(i, s) {
     switch (i) {
-      case Dt: {
+      case Wt: {
         xr(t);
         return;
       }
-      case wt:
+      case It:
         return r === o && s(n), Ie(t, s);
     }
   };
@@ -844,9 +845,9 @@ function le(e, t = Zo) {
 function dr(...e) {
   return function(t, n) {
     switch (t) {
-      case Dt:
+      case Wt:
         return;
-      case wt:
+      case It:
         return ds(...e.map((r) => Ie(r, n)));
     }
   };
@@ -857,14 +858,14 @@ const bs = {
   3: "error",
   1: "log",
   2: "warn"
-}, vs = () => typeof globalThis > "u" ? window : globalThis, It = ye(
+}, vs = () => typeof globalThis > "u" ? window : globalThis, Ct = ye(
   () => {
-    const e = W(
+    const e = D(
       3
       /* ERROR */
     );
     return {
-      log: W((t, n, r = 1) => {
+      log: D((t, n, r = 1) => {
         var o;
         const i = (o = vs().VIRTUOSO_LOG_LEVEL) != null ? o : Pe(e);
         r >= i && console[bs[r]](
@@ -885,10 +886,10 @@ function zt(e, t, n) {
   return wr(e, t, n).callbackRef;
 }
 function wr(e, t, n) {
-  const r = D.useRef(null);
+  const r = W.useRef(null);
   let o = (s) => {
   };
-  const i = D.useMemo(() => typeof ResizeObserver < "u" ? new ResizeObserver((s) => {
+  const i = W.useMemo(() => typeof ResizeObserver < "u" ? new ResizeObserver((s) => {
     const u = () => {
       const a = s[0].target;
       a.offsetParent !== null && e(a);
@@ -900,7 +901,7 @@ function wr(e, t, n) {
   }, { callbackRef: o, ref: r };
 }
 function Ss(e, t, n, r, o, i, s, u, a) {
-  const l = D.useCallback(
+  const l = W.useCallback(
     (d) => {
       const h = ys(d.children, t, u ? "offsetWidth" : "offsetHeight", o);
       let p = d.parentElement;
@@ -943,7 +944,7 @@ function Ur(e, t, n) {
   return t !== "normal" && !(t != null && t.endsWith("px")) && n(`${e} was not resolved to pixel value correctly`, t, Qe.WARN), t === "normal" ? 0 : parseInt(t ?? "0", 10);
 }
 function Jo(e, t, n) {
-  const r = D.useRef(null), o = D.useCallback(
+  const r = W.useRef(null), o = W.useCallback(
     (a) => {
       if (!(a != null && a.offsetParent))
         return;
@@ -964,10 +965,10 @@ function Jo(e, t, n) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, t]
-  ), { callbackRef: i, ref: s } = wr(o, !0, n), u = D.useCallback(() => {
+  ), { callbackRef: i, ref: s } = wr(o, !0, n), u = W.useCallback(() => {
     o(s.current);
   }, [o, s]);
-  return D.useEffect(() => {
+  return W.useEffect(() => {
     var a;
     if (t) {
       t.addEventListener("scroll", u);
@@ -987,17 +988,17 @@ function Jo(e, t, n) {
 }
 const Ke = ye(
   () => {
-    const e = ve(), t = ve(), n = W(0), r = ve(), o = W(0), i = ve(), s = ve(), u = W(0), a = W(0), l = W(0), d = W(0), h = ve(), p = ve(), m = W(!1), v = W(!1), y = W(!1);
+    const e = ve(), t = ve(), n = D(0), r = ve(), o = D(0), i = ve(), s = ve(), u = D(0), a = D(0), l = D(0), d = D(0), h = ve(), p = ve(), m = D(!1), v = D(!1), y = D(!1);
     return oe(
       H(
         e,
-        Y(({ scrollTop: c }) => c)
+        Q(({ scrollTop: c }) => c)
       ),
       t
     ), oe(
       H(
         e,
-        Y(({ scrollHeight: c }) => c)
+        Q(({ scrollHeight: c }) => c)
       ),
       s
     ), oe(t, o), {
@@ -1056,7 +1057,7 @@ function ct(e, t, n = "k") {
   return ct(e.l, t, n);
 }
 function et(e, t, n) {
-  return Te(e) ? ri(t, n, 1) : t === e.k ? De(e, { k: t, v: n }) : t < e.k ? Kr(De(e, { l: et(e.l, t, n) })) : Kr(De(e, { r: et(e.r, t, n) }));
+  return Te(e) ? ri(t, n, 1) : t === e.k ? We(e, { k: t, v: n }) : t < e.k ? Kr(We(e, { l: et(e.l, t, n) })) : Kr(We(e, { r: et(e.r, t, n) }));
 }
 function Lt() {
   return Xt;
@@ -1077,12 +1078,12 @@ function fr(e, t) {
       return r;
     {
       const [i, s] = ni(r);
-      return hn(De(e, { k: i, l: ti(r), v: s }));
+      return hn(We(e, { k: i, l: ti(r), v: s }));
     }
-  } else return t < n ? hn(De(e, { l: fr(r, t) })) : hn(De(e, { r: fr(o, t) }));
+  } else return t < n ? hn(We(e, { l: fr(r, t) })) : hn(We(e, { r: fr(o, t) }));
 }
-function Rt(e) {
-  return Te(e) ? [] : [...Rt(e.l), { k: e.k, v: e.v }, ...Rt(e.r)];
+function _t(e) {
+  return Te(e) ? [] : [..._t(e.l), { k: e.k, v: e.v }, ..._t(e.r)];
 }
 function pr(e, t, n) {
   if (Te(e))
@@ -1097,12 +1098,12 @@ function hn(e) {
     return e;
   if (n > r.lvl + 1) {
     if (Fn(t))
-      return oi(De(e, { lvl: n - 1 }));
+      return oi(We(e, { lvl: n - 1 }));
     if (!Te(t) && !Te(t.r))
-      return De(t.r, {
-        l: De(t, { r: t.r.l }),
+      return We(t.r, {
+        l: We(t, { r: t.r.l }),
         lvl: n,
-        r: De(e, {
+        r: We(e, {
           l: t.r.r,
           lvl: n - 1
         })
@@ -1110,22 +1111,22 @@ function hn(e) {
     throw new Error("Unexpected empty nodes");
   } else {
     if (Fn(e))
-      return gr(De(e, { lvl: n - 1 }));
+      return gr(We(e, { lvl: n - 1 }));
     if (!Te(r) && !Te(r.l)) {
       const o = r.l, i = Fn(o) ? r.lvl - 1 : r.lvl;
-      return De(o, {
-        l: De(e, {
+      return We(o, {
+        l: We(e, {
           lvl: n - 1,
           r: o.l
         }),
         lvl: o.lvl + 1,
-        r: gr(De(r, { l: o.r, lvl: i }))
+        r: gr(We(r, { l: o.r, lvl: i }))
       });
     } else
       throw new Error("Unexpected empty nodes");
   }
 }
-function De(e, t) {
+function We(e, t) {
   return ri(
     t.k !== void 0 ? t.k : e.k,
     t.v !== void 0 ? t.v : e.v,
@@ -1135,7 +1136,7 @@ function De(e, t) {
   );
 }
 function ti(e) {
-  return Te(e.r) ? e.l : hn(De(e, { r: ti(e.r) }));
+  return Te(e.r) ? e.l : hn(We(e, { r: ti(e.r) }));
 }
 function Fn(e) {
   return Te(e) || e.lvl > e.r.lvl;
@@ -1151,11 +1152,11 @@ function Kr(e) {
 }
 function oi(e) {
   const { l: t } = e;
-  return !Te(t) && t.lvl === e.lvl ? De(t, { r: De(e, { l: t.r }) }) : e;
+  return !Te(t) && t.lvl === e.lvl ? We(t, { r: We(e, { l: t.r }) }) : e;
 }
 function gr(e) {
   const { lvl: t, r: n } = e;
-  return !Te(n) && !Te(n.r) && n.lvl === t && n.r.lvl === t ? De(n, { l: De(e, { r: n.l }), lvl: t + 1 }) : e;
+  return !Te(n) && !Te(n.r) && n.lvl === t && n.r.lvl === t ? We(n, { l: We(e, { r: n.l }), lvl: t + 1 }) : e;
 }
 function xs(e) {
   return ei(e, ({ k: t, v: n }) => ({ index: t, value: n }));
@@ -1167,7 +1168,7 @@ function Qt(e, t) {
   return !!(e && e[0] === t[0] && e[1] === t[1]);
 }
 const Ir = ye(
-  () => ({ recalcInProgress: W(!1) }),
+  () => ({ recalcInProgress: D(!1) }),
   [],
   { singleton: !0 }
 );
@@ -1289,7 +1290,7 @@ function _s(e, [t, n, r, o]) {
   };
 }
 function Ms(e) {
-  return Rt(e).map(({ k: t, v: n }, r, o) => {
+  return _t(e).map(({ k: t, v: n }, r, o) => {
     const i = o[r + 1];
     return { endIndex: i ? i.k - 1 : 1 / 0, size: n, startIndex: t };
   });
@@ -1335,7 +1336,7 @@ const zs = {
   offsetWidth: "width"
 }, ht = ye(
   ([{ log: e }, { recalcInProgress: t }]) => {
-    const n = ve(), r = ve(), o = je(r, 0), i = ve(), s = ve(), u = W(0), a = W([]), l = W(void 0), d = W(void 0), h = W(void 0), p = W(void 0), m = W((b, S) => yt(b, zs[S])), v = W(void 0), y = W(0), c = Is(), f = je(
+    const n = ve(), r = ve(), o = je(r, 0), i = ve(), s = ve(), u = D(0), a = D([]), l = D(void 0), d = D(void 0), h = D(void 0), p = D(void 0), m = D((b, S) => yt(b, zs[S])), v = D(void 0), y = D(0), c = Is(), f = je(
       H(n, ge(a, e, y), gt(_s, c), Me()),
       c
     ), g = je(
@@ -1346,7 +1347,7 @@ const zs = {
           current: [],
           prev: []
         }),
-        Y(({ prev: b }) => b)
+        Q(({ prev: b }) => b)
       ),
       []
     );
@@ -1355,7 +1356,7 @@ const zs = {
         a,
         ae((b) => b.length > 0),
         ge(f, y),
-        Y(([b, S, k]) => {
+        Q(([b, S, k]) => {
           const T = b.reduce((O, P, I) => et(O, P, Zt(P, S.offsetTree, k) || I), Lt());
           return {
             ...S,
@@ -1370,7 +1371,7 @@ const zs = {
         r,
         ge(f),
         ae(([b, { lastIndex: S }]) => b < S),
-        Y(([b, { lastIndex: S, lastSize: k }]) => [
+        Q(([b, { lastIndex: S, lastSize: k }]) => [
           {
             endIndex: S,
             size: k,
@@ -1383,7 +1384,7 @@ const zs = {
     const w = je(
       H(
         l,
-        Y((b) => b === void 0)
+        Q((b) => b === void 0)
       ),
       !0
     );
@@ -1391,7 +1392,7 @@ const zs = {
       H(
         d,
         ae((b) => b !== void 0 && Te(Pe(f).sizeTree)),
-        Y((b) => {
+        Q((b) => {
           const S = Pe(h), k = Pe(a).length > 0;
           return S ? k ? [
             { endIndex: 0, size: S, startIndex: 0 },
@@ -1404,7 +1405,7 @@ const zs = {
       H(
         p,
         ae((b) => b !== void 0 && b.length > 0 && Te(Pe(f).sizeTree)),
-        Y((b) => {
+        Q((b) => {
           const S = [];
           let k = b[0], T = 0;
           for (let O = 1; O < b.length; O++) {
@@ -1428,7 +1429,7 @@ const zs = {
         a,
         ge(h, d),
         ae(([, b, S]) => b !== void 0 && S !== void 0),
-        Y(([b, S, k]) => {
+        Q(([b, S, k]) => {
           const T = [];
           for (let O = 0; O < b.length; O++) {
             const P = b[O], I = b[O + 1];
@@ -1458,7 +1459,7 @@ const zs = {
           }),
           { changed: !1, sizes: c }
         ),
-        Y((b) => b.changed)
+        Q((b) => b.changed)
       )
     );
     Ie(
@@ -1468,7 +1469,7 @@ const zs = {
           (b, S) => ({ diff: b.prev - S, prev: S }),
           { diff: 0, prev: 0 }
         ),
-        Y((b) => b.diff)
+        Q((b) => b.diff)
       ),
       (b) => {
         const { groupIndices: S } = Pe(f);
@@ -1491,36 +1492,36 @@ const zs = {
       H(
         i,
         ge(f),
-        Y(([b, S]) => {
+        Q(([b, S]) => {
           const k = S.groupIndices.length > 0, T = [], O = S.lastSize;
           if (k) {
             const P = Yt(S.sizeTree, 0);
             let I = 0, R = 0;
             for (; I < b; ) {
-              const N = S.groupIndices[R], B = S.groupIndices.length === R + 1 ? 1 / 0 : S.groupIndices[R + 1] - N - 1;
+              const N = S.groupIndices[R], A = S.groupIndices.length === R + 1 ? 1 / 0 : S.groupIndices[R + 1] - N - 1;
               T.push({
                 endIndex: N,
                 size: P,
                 startIndex: N
               }), T.push({
-                endIndex: N + 1 + B - 1,
+                endIndex: N + 1 + A - 1,
                 size: O,
                 startIndex: N + 1
-              }), R++, I += B + 1;
+              }), R++, I += A + 1;
             }
-            const z = Rt(S.sizeTree);
+            const z = _t(S.sizeTree);
             return I !== b && z.shift(), z.reduce(
-              (N, { k: B, v: V }) => {
+              (N, { k: A, v: V }) => {
                 let re = N.ranges;
                 return N.prevSize !== 0 && (re = [
                   ...N.ranges,
                   {
-                    endIndex: B + b - 1,
+                    endIndex: A + b - 1,
                     size: N.prevSize,
                     startIndex: N.prevIndex
                   }
                 ]), {
-                  prevIndex: B + b,
+                  prevIndex: A + b,
                   prevSize: V,
                   ranges: re
                 };
@@ -1532,7 +1533,7 @@ const zs = {
               }
             ).ranges;
           }
-          return Rt(S.sizeTree).reduce(
+          return _t(S.sizeTree).reduce(
             (P, { k: I, v: R }) => ({
               prevIndex: I + b,
               prevSize: R,
@@ -1552,7 +1553,7 @@ const zs = {
       H(
         s,
         ge(f, y),
-        Y(([b, { offsetTree: S }, k]) => {
+        Q(([b, { offsetTree: S }, k]) => {
           const T = -b;
           return Zt(T, S, k);
         })
@@ -1562,7 +1563,7 @@ const zs = {
       H(
         s,
         ge(f, y),
-        Y(([b, S, k]) => {
+        Q(([b, S, k]) => {
           if (S.groupIndices.length > 0) {
             if (Te(S.sizeTree))
               return S;
@@ -1574,7 +1575,7 @@ const zs = {
               const z = O[I + 1] - R - 1;
               I++, P += z + 1;
             }
-            if (T = Rt(S.sizeTree).reduce((z, { k: N, v: B }) => et(z, Math.max(0, N + b), B), T), P !== -b) {
+            if (T = _t(S.sizeTree).reduce((z, { k: N, v: A }) => et(z, Math.max(0, N + b), A), T), P !== -b) {
               const z = Yt(S.sizeTree, R);
               T = et(T, 0, z);
               const N = ct(S.sizeTree, -b + 1)[1];
@@ -1586,7 +1587,7 @@ const zs = {
               ...hr(S.offsetTree, 0, T, k)
             };
           } else {
-            const T = Rt(S.sizeTree).reduce((O, { k: P, v: I }) => et(O, Math.max(0, P + b), I), Lt());
+            const T = _t(S.sizeTree).reduce((O, { k: P, v: I }) => et(O, Math.max(0, P + b), I), Lt());
             return {
               ...S,
               sizeTree: T,
@@ -1620,7 +1621,7 @@ const zs = {
       unshiftWith: i
     };
   },
-  Ee(It, Ir),
+  Ee(Ct, Ir),
   { singleton: !0 }
 );
 function Ps(e) {
@@ -1634,34 +1635,34 @@ function Ps(e) {
 }
 const ci = ye(
   ([{ groupIndices: e, sizes: t, totalCount: n }, { headerHeight: r, scrollTop: o }]) => {
-    const i = ve(), s = ve(), u = tt(H(i, Y(Ps)));
+    const i = ve(), s = ve(), u = tt(H(i, Q(Ps)));
     return oe(
       H(
         u,
-        Y((a) => a.totalCount)
+        Q((a) => a.totalCount)
       ),
       n
     ), oe(
       H(
         u,
-        Y((a) => a.groupIndices)
+        Q((a) => a.groupIndices)
       ),
       e
     ), oe(
       H(
         Ne(o, t, r),
         ae(([a, l]) => Mn(l)),
-        Y(([a, l, d]) => ct(l.groupOffsetTree, Math.max(a - d, 0), "v")[0]),
+        Q(([a, l, d]) => ct(l.groupOffsetTree, Math.max(a - d, 0), "v")[0]),
         Me(),
-        Y((a) => [a])
+        Q((a) => [a])
       ),
       s
     ), { groupCounts: i, topItemsIndexes: s };
   },
   Ee(ht, Ke)
-), Ct = ye(
+), Tt = ye(
   ([{ log: e }]) => {
-    const t = W(!1), n = tt(
+    const t = D(!1), n = tt(
       H(
         t,
         ae((r) => r),
@@ -1672,12 +1673,12 @@ const ci = ye(
       r && Pe(e)("props updated", {}, Qe.DEBUG);
     }), { didMount: n, propsReady: t };
   },
-  Ee(It),
+  Ee(Ct),
   { singleton: !0 }
-), Bs = typeof document < "u" && "scrollBehavior" in document.documentElement.style;
+), As = typeof document < "u" && "scrollBehavior" in document.documentElement.style;
 function ui(e) {
   const t = typeof e == "number" ? { index: e } : e;
-  return t.align || (t.align = "start"), (!t.behavior || !Bs) && (t.behavior = "auto"), t.offset || (t.offset = 0), t;
+  return t.align || (t.align = "start"), (!t.behavior || !As) && (t.behavior = "auto"), t.offset || (t.offset = 0), t;
 }
 const on = ye(
   ([
@@ -1694,7 +1695,7 @@ const on = ye(
     },
     { log: p }
   ]) => {
-    const m = ve(), v = ve(), y = W(0);
+    const m = ve(), v = ve(), y = D(0);
     let c = null, f = null, g = null;
     function w() {
       c && (c(), c = null), g && (g(), g = null), f && (clearTimeout(f), f = null), fe(a, !1);
@@ -1704,20 +1705,20 @@ const on = ye(
         m,
         ge(n, h, r, y, u, s, p),
         ge(e, i, o),
-        Y(
+        Q(
           ([
             [C, _, M, b, S, k, T, O],
             P,
             I,
             R
           ]) => {
-            const z = ui(C), { align: N, behavior: B, offset: V } = z, re = b - 1, be = ai(z, _, re);
+            const z = ui(C), { align: N, behavior: A, offset: V } = z, re = b - 1, be = ai(z, _, re);
             let Se = Zt(be, _.offsetTree, P) + k;
             N === "end" ? (Se += I + ct(_.sizeTree, be)[1] - M + R, be === re && (Se += T)) : N === "center" ? Se += (I + ct(_.sizeTree, be)[1] - M + R) / 2 : Se -= S, V && (Se += V);
             const Ce = (xe) => {
               w(), xe ? (O("retrying to scroll to", { location: C }, Qe.DEBUG), fe(m, C)) : (fe(v, !0), O("list did not change, scroll successful", {}, Qe.DEBUG));
             };
-            if (w(), B === "smooth") {
+            if (w(), A === "smooth") {
               let xe = !1;
               g = Ie(t, (Fe) => {
                 xe = xe || Fe;
@@ -1725,10 +1726,10 @@ const on = ye(
                 Ce(xe);
               });
             } else
-              c = at(H(t, As(150)), Ce);
+              c = at(H(t, Bs(150)), Ce);
             return f = setTimeout(() => {
               w();
-            }, 1200), fe(a, !0), O("scrolling from index to", { behavior: B, index: be, top: Se }, Qe.DEBUG), { behavior: B, top: Se };
+            }, 1200), fe(a, !0), O("scrolling from index to", { behavior: A, index: be, top: Se }, Qe.DEBUG), { behavior: A, top: Se };
           }
         )
       ),
@@ -1739,10 +1740,10 @@ const on = ye(
       topListHeight: y
     };
   },
-  Ee(ht, Ke, It),
+  Ee(ht, Ke, Ct),
   { singleton: !0 }
 );
-function As(e) {
+function Bs(e) {
   return (t) => {
     const n = setTimeout(() => {
       t(!1);
@@ -1763,7 +1764,7 @@ function kr(e, t) {
 }
 const sn = ye(
   ([{ defaultItemSize: e, listRefresh: t, sizes: n }, { scrollTop: r }, { scrollTargetReached: o, scrollToIndex: i }, { didMount: s }]) => {
-    const u = W(!0), a = W(0), l = W(!0);
+    const u = D(!0), a = D(0), l = D(!0);
     return oe(
       H(
         s,
@@ -1802,7 +1803,7 @@ const sn = ye(
       scrolledToInitialItem: u
     };
   },
-  Ee(ht, Ke, on, Ct),
+  Ee(ht, Ke, on, Tt),
   { singleton: !0 }
 );
 function di(e, t) {
@@ -1818,9 +1819,9 @@ const Jt = "up", Ut = "down", Gs = "none", Ls = {
     viewportHeight: 0
   }
 }, Hs = 0, ln = ye(([{ footerHeight: e, headerHeight: t, scrollBy: n, scrollContainerState: r, scrollTop: o, viewportHeight: i }]) => {
-  const s = W(!1), u = W(!0), a = ve(), l = ve(), d = W(4), h = W(Hs), p = je(
+  const s = D(!1), u = D(!0), a = ve(), l = ve(), d = D(4), h = D(Hs), p = je(
     H(
-      dr(H(le(o), Mt(1), ft(!0)), H(le(o), Mt(1), ft(!1), jr(100))),
+      dr(H(le(o), Et(1), ft(!0)), H(le(o), Et(1), ft(!1), jr(100))),
       Me()
     ),
     !1
@@ -1831,7 +1832,7 @@ const Jt = "up", Ut = "down", Gs = "none", Ls = {
   oe(
     H(
       Ne(le(o), le(h)),
-      Y(([g, w]) => g <= w),
+      Q(([g, w]) => g <= w),
       Me()
     ),
     u
@@ -1893,32 +1894,32 @@ const Jt = "up", Ut = "down", Gs = "none", Ls = {
         { changed: !1, jump: 0, scrollHeight: 0, scrollTop: 0 }
       ),
       ae((g) => g.changed),
-      Y((g) => g.jump)
+      Q((g) => g.jump)
     ),
     0
   );
   oe(
     H(
       v,
-      Y((g) => g.atBottom)
+      Q((g) => g.atBottom)
     ),
     s
   ), oe(H(s, mt(50)), a);
-  const c = W(Ut);
+  const c = D(Ut);
   oe(
     H(
       r,
-      Y(({ scrollTop: g }) => g),
+      Q(({ scrollTop: g }) => g),
       Me(),
       gt(
         (g, w) => Pe(m) ? { direction: g.direction, prevScrollTop: w } : { direction: w < g.prevScrollTop ? Jt : Ut, prevScrollTop: w },
         { direction: Ut, prevScrollTop: 0 }
       ),
-      Y((g) => g.direction)
+      Q((g) => g.direction)
     ),
     c
   ), oe(H(r, mt(50), ft(Gs)), c);
-  const f = W(0);
+  const f = D(0);
   return oe(
     H(
       p,
@@ -1933,7 +1934,7 @@ const Jt = "up", Ut = "down", Gs = "none", Ls = {
       ge(p),
       ae(([g, w]) => w),
       gt(([g, w], [C]) => [w, C], [0, 0]),
-      Y(([g, w]) => w - g)
+      Q(([g, w]) => w - g)
     ),
     f
   ), {
@@ -1959,7 +1960,7 @@ function Zr(e, t) {
 }
 const Rr = ye(
   ([{ deviation: e, fixedHeaderHeight: t, headerHeight: n, scrollTop: r, viewportHeight: o }]) => {
-    const i = ve(), s = W(0), u = W(0), a = W(0), l = je(
+    const i = ve(), s = D(0), u = D(0), a = D(0), l = je(
       H(
         Ne(
           le(r),
@@ -1972,7 +1973,7 @@ const Rr = ye(
           le(e),
           le(u)
         ),
-        Y(
+        Q(
           ([
             d,
             h,
@@ -2021,7 +2022,7 @@ function Ns(e, t, n) {
   }
   return [{ data: n == null ? void 0 : n[0], index: e, offset: 0, size: 0 }];
 }
-const Wn = {
+const Dn = {
   bottom: 0,
   firstItemIndex: 0,
   items: [],
@@ -2110,7 +2111,7 @@ const Pt = ye(
     { didMount: m },
     { recalcInProgress: v }
   ]) => {
-    const y = W([]), c = W(0), f = ve(), g = W(0);
+    const y = D([]), c = D(0), f = ve(), g = D(0);
     oe(i.topItemsIndexes, y);
     const w = je(
       H(
@@ -2132,7 +2133,7 @@ const Pt = ye(
           const O = T && T.length !== k;
           return b && !S && !O;
         }),
-        Y(
+        Q(
           ([
             ,
             ,
@@ -2145,17 +2146,17 @@ const Pt = ye(
             R,
             z,
             N,
-            B
+            A
           ]) => {
             var V, re, be, Se;
             const Ce = T, { offsetTree: xe, sizeTree: Fe } = Ce, K = Pe(c);
             if (k === 0)
-              return { ...Wn, totalCount: k };
+              return { ...Dn, totalCount: k };
             if (b === 0 && S === 0)
-              return K === 0 ? { ...Wn, totalCount: k } : fi(K, O, T, R, z, B || []);
+              return K === 0 ? { ...Dn, totalCount: k } : fi(K, O, T, R, z, A || []);
             if (Te(Fe))
               return K > 0 ? null : mn(
-                Ns(kr(O, k), Ce, B),
+                Ns(kr(O, k), Ce, A),
                 [],
                 k,
                 z,
@@ -2164,12 +2165,12 @@ const Pt = ye(
               );
             const $ = [];
             if (I.length > 0) {
-              const F = I[0], X = I[I.length - 1];
+              const F = I[0], Y = I[I.length - 1];
               let ne = 0;
-              for (const Z of Ht(Fe, F, X)) {
-                const ce = Z.value, ie = Math.max(Z.start, F), we = Math.min(Z.end, X);
+              for (const J of Ht(Fe, F, Y)) {
+                const ce = J.value, ie = Math.max(J.start, F), we = Math.min(J.end, Y);
                 for (let pe = ie; pe <= we; pe++)
-                  $.push({ data: B == null ? void 0 : B[pe], index: pe, offset: ne, size: ce }), ne += ce;
+                  $.push({ data: A == null ? void 0 : A[pe], index: pe, offset: ne, size: ce }), ne += ce;
               }
             }
             if (!P)
@@ -2178,38 +2179,38 @@ const Pt = ye(
             if (E.length === 0)
               return null;
             const L = k - 1, q = _n([], (F) => {
-              for (const X of E) {
-                const ne = X.value;
-                let Z = ne.offset, ce = X.start;
+              for (const Y of E) {
+                const ne = Y.value;
+                let J = ne.offset, ce = Y.start;
                 const ie = ne.size;
                 if (ne.offset < b) {
                   ce += Math.floor((b - ne.offset + z) / (ie + z));
-                  const pe = ce - X.start;
-                  Z += pe * ie + pe * z;
+                  const pe = ce - Y.start;
+                  J += pe * ie + pe * z;
                 }
-                ce < G && (Z += (G - ce) * ie, ce = G);
-                const we = Math.min(X.end, L);
-                for (let pe = ce; pe <= we && !(Z >= S); pe++)
-                  F.push({ data: B == null ? void 0 : B[pe], index: pe, offset: Z, size: ie }), Z += ie + z;
+                ce < G && (J += (G - ce) * ie, ce = G);
+                const we = Math.min(Y.end, L);
+                for (let pe = ce; pe <= we && !(J >= S); pe++)
+                  F.push({ data: A == null ? void 0 : A[pe], index: pe, offset: J, size: ie }), J += ie + z;
               }
-            }), A = eo(N, en), Q = eo(N, tn);
-            if (q.length > 0 && (A > 0 || Q > 0)) {
-              const F = q[0], X = q[q.length - 1];
-              if (A > 0 && F.index > G) {
-                const ne = Math.min(A, F.index - G), Z = [];
+            }), B = eo(N, en), Z = eo(N, tn);
+            if (q.length > 0 && (B > 0 || Z > 0)) {
+              const F = q[0], Y = q[q.length - 1];
+              if (B > 0 && F.index > G) {
+                const ne = Math.min(B, F.index - G), J = [];
                 let ce = F.offset;
                 for (let ie = F.index - 1; ie >= F.index - ne; ie--) {
                   const we = (re = (V = Ht(Fe, ie, ie)[0]) == null ? void 0 : V.value) != null ? re : F.size;
-                  ce -= we + z, Z.unshift({ data: B == null ? void 0 : B[ie], index: ie, offset: ce, size: we });
+                  ce -= we + z, J.unshift({ data: A == null ? void 0 : A[ie], index: ie, offset: ce, size: we });
                 }
-                q.unshift(...Z);
+                q.unshift(...J);
               }
-              if (Q > 0 && X.index < L) {
-                const ne = Math.min(Q, L - X.index);
-                let Z = X.offset + X.size + z;
-                for (let ce = X.index + 1; ce <= X.index + ne; ce++) {
-                  const ie = (Se = (be = Ht(Fe, ce, ce)[0]) == null ? void 0 : be.value) != null ? Se : X.size;
-                  q.push({ data: B == null ? void 0 : B[ce], index: ce, offset: Z, size: ie }), Z += ie + z;
+              if (Z > 0 && Y.index < L) {
+                const ne = Math.min(Z, L - Y.index);
+                let J = Y.offset + Y.size + z;
+                for (let ce = Y.index + 1; ce <= Y.index + ne; ce++) {
+                  const ie = (Se = (be = Ht(Fe, ce, ce)[0]) == null ? void 0 : be.value) != null ? Se : Y.size;
+                  q.push({ data: A == null ? void 0 : A[ce], index: ce, offset: J, size: ie }), J += ie + z;
                 }
               }
             }
@@ -2220,31 +2221,31 @@ const Pt = ye(
         ae((b) => b !== null),
         Me()
       ),
-      Wn
+      Dn
     );
     oe(
       H(
         e,
         ae(yr),
-        Y((b) => b == null ? void 0 : b.length)
+        Q((b) => b == null ? void 0 : b.length)
       ),
       o
     ), oe(
       H(
         w,
-        Y((b) => b.topListHeight)
+        Q((b) => b.topListHeight)
       ),
       h
     ), oe(h, u), oe(
       H(
         w,
-        Y((b) => [b.top, b.bottom])
+        Q((b) => [b.top, b.bottom])
       ),
       s
     ), oe(
       H(
         w,
-        Y((b) => b.items)
+        Q((b) => b.items)
       ),
       f
     );
@@ -2254,23 +2255,23 @@ const Pt = ye(
         ae(({ items: b }) => b.length > 0),
         ge(o, e),
         ae(([{ items: b }, S]) => b[b.length - 1].originalIndex === S - 1),
-        Y(([, b, S]) => [b - 1, S]),
+        Q(([, b, S]) => [b - 1, S]),
         Me(Qt),
-        Y(([b]) => b)
+        Q(([b]) => b)
       )
     ), _ = tt(
       H(
         w,
         mt(200),
         ae(({ items: b, topItems: S }) => b.length > 0 && b[0].originalIndex === S.length),
-        Y(({ items: b }) => b[0].index),
+        Q(({ items: b }) => b[0].index),
         Me()
       )
     ), M = tt(
       H(
         w,
         ae(({ items: b }) => b.length > 0),
-        Y(({ items: b }) => {
+        Q(({ items: b }) => {
           let S = 0, k = b.length - 1;
           for (; b[S].type === "group" && S < k; )
             S++;
@@ -2303,7 +2304,7 @@ const Pt = ye(
     sn,
     on,
     ln,
-    Ct,
+    Tt,
     Ir
   ),
   { singleton: !0 }
@@ -2312,7 +2313,7 @@ const Pt = ye(
     const i = ve(), s = je(
       H(
         Ne(n, e, r, t, o),
-        Y(([u, a, l, d, h]) => u + a + l + d + h.offsetBottom + h.bottom)
+        Q(([u, a, l, d, h]) => u + a + l + d + h.offsetBottom + h.bottom)
       ),
       0
     );
@@ -2322,11 +2323,11 @@ const Pt = ye(
   { singleton: !0 }
 ), Fs = ye(
   ([{ viewportHeight: e }, { totalListHeight: t }]) => {
-    const n = W(!1), r = je(
+    const n = D(!1), r = je(
       H(
         Ne(n, e, t),
         ae(([o]) => o),
-        Y(([, o, i]) => Math.max(0, o - i)),
+        Q(([, o, i]) => Math.max(0, o - i)),
         mt(0),
         Me()
       ),
@@ -2337,8 +2338,8 @@ const Pt = ye(
   Ee(Ke, pi),
   { singleton: !0 }
 ), gi = ye(() => ({
-  context: W(null)
-})), Ws = ({
+  context: D(null)
+})), Ds = ({
   itemBottom: e,
   itemTop: t,
   locationParams: { align: n, behavior: r, ...o },
@@ -2356,8 +2357,8 @@ const Pt = ye(
         d,
         ge(t, a, n, i, o, r, u),
         ge(e),
-        Y(([[h, p, m, v, y, c, f, g], w]) => {
-          const { align: C, behavior: _, calculateViewLocation: M = Ws, done: b, ...S } = h, k = ai(h, p, v - 1), T = Zt(k, p.offsetTree, w) + y + c, O = T + ct(p.sizeTree, k)[1], P = g + c, I = g + m - f, R = M({
+        Q(([[h, p, m, v, y, c, f, g], w]) => {
+          const { align: C, behavior: _, calculateViewLocation: M = Ds, done: b, ...S } = h, k = ai(h, p, v - 1), T = Zt(k, p.offsetTree, w) + y + c, O = T + ct(p.sizeTree, k)[1], P = g + c, I = g + m - f, R = M({
             itemBottom: O,
             itemTop: T,
             locationParams: { align: C, behavior: _, ...S },
@@ -2370,7 +2371,7 @@ const Pt = ye(
               ae((z) => !z),
               // skips the initial publish of false, and the cleanup call.
               // but if scrollingInProgress is true, we skip the initial publish.
-              Mt(Pe(s) ? 1 : 2)
+              Et(Pe(s) ? 1 : 2)
             ),
             b
           ) : b == null || b(), R;
@@ -2382,13 +2383,13 @@ const Pt = ye(
       scrollIntoView: d
     };
   },
-  Ee(ht, Ke, on, Pt, It),
+  Ee(ht, Ke, on, Pt, Ct),
   { singleton: !0 }
 );
 function to(e) {
   return e ? e === "smooth" ? "smooth" : "auto" : !1;
 }
-const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
+const Ws = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
   ([
     { listRefresh: e, totalCount: t, fixedItemSize: n, data: r },
     { atBottomState: o, isAtBottom: i },
@@ -2400,7 +2401,7 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
     { context: p },
     { scrollIntoView: m }
   ]) => {
-    const v = W(!1), y = ve();
+    const v = D(!1), y = ve();
     let c = null;
     function f(_) {
       fe(s, {
@@ -2411,11 +2412,11 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
     }
     Ie(
       H(
-        Ne(H(le(t), Mt(1)), a),
+        Ne(H(le(t), Et(1)), a),
         ge(le(v), i, u, h),
-        Y(([[_, M], b, S, k, T]) => {
+        Q(([[_, M], b, S, k, T]) => {
           let O = M && k, P = "auto";
-          return O && (P = Ds(b, S || T), O = O && !!P), { followOutputBehavior: P, shouldFollow: O, totalCount: _ };
+          return O && (P = Ws(b, S || T), O = O && !!P), { followOutputBehavior: P, shouldFollow: O, totalCount: _ };
         }),
         ae(({ shouldFollow: _ }) => _)
       ),
@@ -2452,12 +2453,12 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
     }), Ie(Ne(le(v), o), ([_, M]) => {
       _ && !M.atBottom && M.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && f("auto");
     });
-    const w = W(null), C = ve();
+    const w = D(null), C = ve();
     return oe(
       dr(
         H(
           le(r),
-          Y((_) => {
+          Q((_) => {
             var M;
             return (M = _ == null ? void 0 : _.length) != null ? M : 0;
           })
@@ -2467,9 +2468,9 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
       C
     ), Ie(
       H(
-        Ne(H(C, Mt(1)), a),
+        Ne(H(C, Et(1)), a),
         ge(le(w), u, h, p),
-        Y(([[_, M], b, S, k, T]) => M && S && (b == null ? void 0 : b({ context: T, totalCount: _, scrollingInProgress: k }))),
+        Q(([[_, M], b, S, k, T]) => M && S && (b == null ? void 0 : b({ context: T, totalCount: _, scrollingInProgress: k }))),
         ae((_) => !!_),
         mt(0)
       ),
@@ -2487,8 +2488,8 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
     ln,
     on,
     sn,
+    Tt,
     Ct,
-    It,
     Ke,
     gi,
     hi
@@ -2500,27 +2501,27 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
       ge(i),
       ae(([, a]) => a !== 0),
       ge(o, r, t, n, e),
-      Y(([[, a], l, d, h, p, m = []]) => fi(a, l, d, h, p, m))
+      Q(([[, a], l, d, h, p, m = []]) => fi(a, l, d, h, p, m))
     ),
     s
   ), {}),
-  Ee(ht, sn, Pt, Ct),
+  Ee(ht, sn, Pt, Tt),
   { singleton: !0 }
 ), qs = ye(
   ([{ didMount: e }, { scrollTo: t }, { listState: n }]) => {
-    const r = W(0);
+    const r = D(0);
     return Ie(
       H(
         e,
         ge(r),
         ae(([, o]) => o !== 0),
-        Y(([, o]) => ({ top: o }))
+        Q(([, o]) => ({ top: o }))
       ),
       (o) => {
         at(
           H(
             n,
-            Mt(1),
+            Et(1),
             ae((i) => i.items.length > 1)
           ),
           () => {
@@ -2534,17 +2535,17 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
       initialScrollTop: r
     };
   },
-  Ee(Ct, Ke, Pt),
+  Ee(Tt, Ke, Pt),
   { singleton: !0 }
 ), mi = ye(
   ([{ scrollVelocity: e }]) => {
-    const t = W(!1), n = ve(), r = W(!1);
+    const t = D(!1), n = ve(), r = D(!1);
     return oe(
       H(
         e,
         ge(r, t, n),
         ae(([o, i]) => !!i),
-        Y(([o, i, s, u]) => {
+        Q(([o, i, s, u]) => {
           const { enter: a, exit: l } = i;
           if (s) {
             if (l(o, u))
@@ -2566,11 +2567,11 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
   Ee(ln),
   { singleton: !0 }
 ), _r = ye(([{ scrollContainerState: e, scrollTo: t }]) => {
-  const n = ve(), r = ve(), o = ve(), i = W(!1), s = W(void 0);
+  const n = ve(), r = ve(), o = ve(), i = D(!1), s = D(void 0);
   return oe(
     H(
       Ne(n, r),
-      Y(([{ scrollHeight: u, scrollTop: a, viewportHeight: l }, { offsetTop: d }]) => ({
+      Q(([{ scrollHeight: u, scrollTop: a, viewportHeight: l }, { offsetTop: d }]) => ({
         scrollHeight: u,
         scrollTop: Math.max(0, a - d),
         viewportHeight: l
@@ -2581,7 +2582,7 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
     H(
       t,
       ge(r),
-      Y(([u, { offsetTop: a }]) => ({
+      Q(([u, { offsetTop: a }]) => ({
         ...u,
         top: u.top + a
       }))
@@ -2605,7 +2606,7 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
     { didMount: i },
     { useWindowScroll: s, windowScrollContainerState: u, windowViewportRect: a }
   ]) => {
-    const l = ve(), d = W(void 0), h = W(null), p = W(null);
+    const l = ve(), d = D(void 0), h = D(null), p = D(null);
     return oe(u, h), oe(a, p), Ie(
       H(
         l,
@@ -2615,13 +2616,13 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
         const C = Ms(v.sizeTree);
         c && f !== null && g !== null && (y = f.scrollTop - g.offsetTop), y -= w, m({ ranges: C, scrollTop: y });
       }
-    ), oe(H(d, ae(yr), Y(Us)), o), oe(
+    ), oe(H(d, ae(yr), Q(Us)), o), oe(
       H(
         i,
         ge(d),
         ae(([, m]) => m !== void 0),
         Me(),
-        Y(([, m]) => m.ranges)
+        Q(([, m]) => m.ranges)
       ),
       e
     ), {
@@ -2629,18 +2630,18 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = ye(
       restoreStateFrom: d
     };
   },
-  Ee(ht, Ke, sn, Ct, _r)
+  Ee(ht, Ke, sn, Tt, _r)
 );
 function Us(e) {
   return { align: "start", index: 0, offset: e.scrollTop };
 }
 const Ks = ye(([{ topItemsIndexes: e }]) => {
-  const t = W(0);
+  const t = D(0);
   return oe(
     H(
       t,
       ae((n) => n >= 0),
-      Y((n) => Array.from({ length: n }).map((r, o) => o))
+      Q((n) => Array.from({ length: n }).map((r, o) => o))
     ),
     e
   ), { topItemCount: t };
@@ -2673,7 +2674,7 @@ const Xs = bi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
         ae(([f]) => f !== 0),
         ge(r, u, n, o, m, v),
         ae(([, f, g, w, , , C]) => !C && !w && f !== 0 && g === Jt),
-        Y(([[f], , , , , g]) => (g("Upward scrolling compensation", { amount: f }, Qe.DEBUG), f))
+        Q(([[f], , , , , g]) => (g("Upward scrolling compensation", { amount: f }, Qe.DEBUG), f))
       )
     );
     function c(f) {
@@ -2685,21 +2686,21 @@ const Xs = bi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       H(
         Ne(je(i, !1), e, v),
         ae(([f, g, w]) => !f && !w && g !== 0),
-        Y(([f, g]) => g),
+        Q(([f, g]) => g),
         mt(1)
       ),
       c
     ), oe(
       H(
         h,
-        Y((f) => ({ top: -f }))
+        Q((f) => ({ top: -f }))
       ),
       t
     ), Ie(
       H(
         l,
         ge(p, d),
-        Y(([f, { groupIndices: g, lastSize: w, sizeTree: C }, _]) => {
+        Q(([f, { groupIndices: g, lastSize: w, sizeTree: C }, _]) => {
           function M(b) {
             return b * (w + _);
           }
@@ -2727,7 +2728,7 @@ const Xs = bi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       }
     ), { deviation: e };
   },
-  Ee(Ke, ln, Pt, ht, It, Ir)
+  Ee(Ke, ln, Pt, ht, Ct, Ir)
 ), Qs = ye(
   ([
     e,
@@ -2757,14 +2758,14 @@ const Xs = bi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
   Ee(
     Rr,
     Vs,
-    Ct,
+    Tt,
     mi,
     pi,
     qs,
     Fs,
     _r,
     hi,
-    It,
+    Ct,
     gi
   )
 ), vi = ye(
@@ -2800,7 +2801,7 @@ const Xs = bi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     return oe(I, k.scrollSeekRangeChanged), oe(
       H(
         k.windowViewportRect,
-        Y((z) => z.visibleHeight)
+        Q((z) => z.visibleHeight)
       ),
       f.viewportHeight
     ), {
@@ -2863,9 +2864,9 @@ function Zs(e, t) {
     Object.hasOwn(r, s) || (n[s] = t[s]);
   return n;
 }
-const dn = typeof document < "u" ? D.useLayoutEffect : D.useEffect;
+const dn = typeof document < "u" ? W.useLayoutEffect : W.useEffect;
 function Si(e, t, n) {
-  const r = Object.keys(t.required || {}), o = Object.keys(t.optional || {}), i = Object.keys(t.methods || {}), s = Object.keys(t.events || {}), u = D.createContext({});
+  const r = Object.keys(t.required || {}), o = Object.keys(t.optional || {}), i = Object.keys(t.methods || {}), s = Object.keys(t.events || {}), u = W.createContext({});
   function a(c, f) {
     c.propsReady && fe(c.propsReady, !1);
     for (const g of r) {
@@ -2888,10 +2889,10 @@ function Si(e, t, n) {
   function d(c) {
     return s.reduce((f, g) => (f[g] = gs(c[t.events[g]]), f), {});
   }
-  const h = D.forwardRef((c, f) => {
-    const { children: g, ...w } = c, [C] = D.useState(() => _n(ms(e), (b) => {
+  const h = W.forwardRef((c, f) => {
+    const { children: g, ...w } = c, [C] = W.useState(() => _n(ms(e), (b) => {
       a(b, w);
-    })), [_] = D.useState(qr(d, C));
+    })), [_] = W.useState(qr(d, C));
     dn(() => {
       for (const b of s)
         b in w && Ie(_[b], w[b]);
@@ -2900,60 +2901,60 @@ function Si(e, t, n) {
       };
     }, [w, _, C]), dn(() => {
       a(C, w);
-    }), D.useImperativeHandle(f, Vr(l(C)));
+    }), W.useImperativeHandle(f, Vr(l(C)));
     const M = n;
     return /* @__PURE__ */ x(u.Provider, { value: C, children: n ? /* @__PURE__ */ x(M, { ...Zs([...r, ...o, ...s], w), children: g }) : g });
   }), p = (c) => {
-    const f = D.useContext(u);
-    return D.useCallback(
+    const f = W.useContext(u);
+    return W.useCallback(
       (g) => {
         fe(f[c], g);
       },
       [f, c]
     );
   }, m = (c) => {
-    const f = D.useContext(u)[c], g = D.useCallback(
+    const f = W.useContext(u)[c], g = W.useCallback(
       (w) => Ie(f, w),
       [f]
     );
-    return D.useSyncExternalStore(
+    return W.useSyncExternalStore(
       g,
       () => Pe(f),
       () => Pe(f)
     );
   }, v = (c) => {
-    const f = D.useContext(u)[c], [g, w] = D.useState(qr(Pe, f));
+    const f = W.useContext(u)[c], [g, w] = W.useState(qr(Pe, f));
     return dn(
       () => Ie(f, (C) => {
         C !== g && w(Vr(C));
       }),
       [f, g]
     ), g;
-  }, y = D.version.startsWith("18") ? m : v;
+  }, y = W.version.startsWith("18") ? m : v;
   return {
     Component: h,
     useEmitter: (c, f) => {
-      const g = D.useContext(u)[c];
+      const g = W.useContext(u)[c];
       dn(() => Ie(g, f), [f, g]);
     },
     useEmitterValue: y,
     usePublisher: p
   };
 }
-const yi = D.createContext(void 0), xi = D.createContext(void 0), wi = typeof document < "u" ? D.useLayoutEffect : D.useEffect;
-function Dn(e) {
+const yi = W.createContext(void 0), xi = W.createContext(void 0), wi = typeof document < "u" ? W.useLayoutEffect : W.useEffect;
+function Wn(e) {
   return "self" in e;
 }
 function Js(e) {
   return "body" in e;
 }
 function Ii(e, t, n, r = $t, o, i) {
-  const s = D.useRef(null), u = D.useRef(null), a = D.useRef(null), l = D.useCallback(
+  const s = W.useRef(null), u = W.useRef(null), a = W.useRef(null), l = W.useCallback(
     (p) => {
       let m, v, y;
       const c = p.target;
-      if (Js(c) || Dn(c)) {
-        const g = Dn(c) ? c : c.defaultView;
+      if (Js(c) || Wn(c)) {
+        const g = Wn(c) ? c : c.defaultView;
         y = i ? g.scrollX : g.scrollY, m = i ? g.document.documentElement.scrollWidth : g.document.documentElement.scrollHeight, v = i ? g.innerWidth : g.innerHeight;
       } else
         y = i ? c.scrollLeft : c.scrollTop, m = i ? c.scrollWidth : c.scrollHeight, v = i ? c.offsetWidth : c.offsetHeight;
@@ -2968,7 +2969,7 @@ function Ii(e, t, n, r = $t, o, i) {
     },
     [e, t, i]
   );
-  D.useEffect(() => {
+  W.useEffect(() => {
     const p = o || s.current;
     return r(o || s.current), l({ suppressFlushSync: !0, target: p }), p.addEventListener("scroll", l, { passive: !0 }), () => {
       r(null), p.removeEventListener("scroll", l);
@@ -2980,7 +2981,7 @@ function Ii(e, t, n, r = $t, o, i) {
       return;
     const v = p.behavior === "smooth";
     let y, c, f;
-    Dn(m) ? (c = Math.max(
+    Wn(m) ? (c = Math.max(
       yt(m.document.documentElement, i ? "width" : "height"),
       i ? m.document.documentElement.scrollWidth : m.document.documentElement.scrollHeight
     ), y = i ? m.innerWidth : m.innerHeight, f = i ? window.scrollX : window.scrollY) : (c = m[i ? "scrollWidth" : "scrollHeight"], y = yt(m, i ? "width" : "height"), f = m[i ? "scrollLeft" : "scrollTop"]);
@@ -3008,10 +3009,10 @@ function Er(e) {
   return e;
 }
 const el = /* @__PURE__ */ ye(() => {
-  const e = W((u) => `Item ${u}`), t = W((u) => `Group ${u}`), n = W({}), r = W(Er), o = W("div"), i = W($t), s = (u, a = null) => je(
+  const e = D((u) => `Item ${u}`), t = D((u) => `Group ${u}`), n = D({}), r = D(Er), o = D("div"), i = D($t), s = (u, a = null) => je(
     H(
       n,
-      Y((l) => l[u]),
+      Q((l) => l[u]),
       Me()
     ),
     a
@@ -3036,7 +3037,7 @@ const el = /* @__PURE__ */ ye(() => {
 }), tl = /* @__PURE__ */ ye(
   ([e, t]) => ({ ...e, ...t }),
   Ee(vi, el)
-), nl = ({ height: e }) => /* @__PURE__ */ x("div", { style: { height: e } }), rl = { overflowAnchor: "none", position: Mr(), zIndex: 1 }, Ci = { overflowAnchor: "none" }, ol = { ...Ci, display: "inline-block", height: "100%" }, ro = /* @__PURE__ */ D.memo(function({ showTopList: e = !1 }) {
+), nl = ({ height: e }) => /* @__PURE__ */ x("div", { style: { height: e } }), rl = { overflowAnchor: "none", position: Mr(), zIndex: 1 }, Ci = { overflowAnchor: "none" }, ol = { ...Ci, display: "inline-block", height: "100%" }, ro = /* @__PURE__ */ W.memo(function({ showTopList: e = !1 }) {
   const t = ue("listState"), n = ot("sizeRanges"), r = ue("useWindowScroll"), o = ue("customScrollParent"), i = ot("windowScrollContainerState"), s = ot("scrollContainerState"), u = o || r ? i : s, a = ue("itemContent"), l = ue("context"), d = ue("groupContent"), h = ue("trackItemSizes"), p = ue("itemSize"), m = ue("log"), v = ot("gap"), y = ue("horizontalDirection"), { callbackRef: c } = Ss(
     n,
     p,
@@ -3047,7 +3048,7 @@ const el = /* @__PURE__ */ ye(() => {
     o,
     y,
     ue("skipAnimationFrameInResizeObserver")
-  ), [f, g] = D.useState(0);
+  ), [f, g] = W.useState(0);
   Or("deviation", (R) => {
     f !== R && g(R);
   });
@@ -3143,9 +3144,9 @@ function qe(e, t) {
 function al(e, t) {
   return { item: typeof e == "string" ? void 0 : t };
 }
-const cl = /* @__PURE__ */ D.memo(function() {
+const cl = /* @__PURE__ */ W.memo(function() {
   const e = ue("HeaderComponent"), t = ot("headerHeight"), n = ue("HeaderFooterTag"), r = zt(
-    D.useMemo(
+    W.useMemo(
       () => (i) => {
         t(yt(i, "height"));
       },
@@ -3155,9 +3156,9 @@ const cl = /* @__PURE__ */ D.memo(function() {
     ue("skipAnimationFrameInResizeObserver")
   ), o = ue("context");
   return e ? /* @__PURE__ */ x(n, { ref: r, children: /* @__PURE__ */ x(e, { ...qe(e, o) }) }) : null;
-}), ul = /* @__PURE__ */ D.memo(function() {
+}), ul = /* @__PURE__ */ W.memo(function() {
   const e = ue("FooterComponent"), t = ot("footerHeight"), n = ue("HeaderFooterTag"), r = zt(
-    D.useMemo(
+    W.useMemo(
       () => (i) => {
         t(yt(i, "height"));
       },
@@ -3169,7 +3170,7 @@ const cl = /* @__PURE__ */ D.memo(function() {
   return e ? /* @__PURE__ */ x(n, { ref: r, children: /* @__PURE__ */ x(e, { ...qe(e, o) }) }) : null;
 });
 function Ti({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
-  return D.memo(function({ children: r, style: o, context: i, ...s }) {
+  return W.memo(function({ children: r, style: o, context: i, ...s }) {
     const u = n("scrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("scrollerRef"), h = t("horizontalDirection") || !1, { scrollByCallback: p, scrollerRef: m, scrollToCallback: v } = Ii(
       u,
       l,
@@ -3194,8 +3195,8 @@ function Ti({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   });
 }
 function ki({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
-  return D.memo(function({ children: r, style: o, context: i, ...s }) {
-    const u = n("windowScrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("totalListHeight"), h = t("deviation"), p = t("customScrollParent"), m = D.useRef(null), v = t("scrollerRef"), { scrollByCallback: y, scrollerRef: c, scrollToCallback: f } = Ii(
+  return W.memo(function({ children: r, style: o, context: i, ...s }) {
+    const u = n("windowScrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("totalListHeight"), h = t("deviation"), p = t("customScrollParent"), m = W.useRef(null), v = t("scrollerRef"), { scrollByCallback: y, scrollerRef: c, scrollToCallback: f } = Ii(
       u,
       l,
       a,
@@ -3221,30 +3222,30 @@ function ki({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   });
 }
 const dl = ({ children: e }) => {
-  const t = D.useContext(yi), n = ot("viewportHeight"), r = ot("fixedItemHeight"), o = ue("alignToBottom"), i = ue("horizontalDirection"), s = D.useMemo(
+  const t = W.useContext(yi), n = ot("viewportHeight"), r = ot("fixedItemHeight"), o = ue("alignToBottom"), i = ue("horizontalDirection"), s = W.useMemo(
     () => Qo(n, (a) => yt(a, i ? "width" : "height")),
     [n, i]
   ), u = zt(s, !0, ue("skipAnimationFrameInResizeObserver"));
-  return D.useEffect(() => {
+  return W.useEffect(() => {
     t && (n(t.viewportHeight), r(t.itemHeight));
   }, [t, n, r]), /* @__PURE__ */ x("div", { "data-viewport-type": "element", ref: u, style: En(o), children: e });
 }, fl = ({ children: e }) => {
-  const t = D.useContext(yi), n = ot("windowViewportRect"), r = ot("fixedItemHeight"), o = ue("customScrollParent"), i = Jo(
+  const t = W.useContext(yi), n = ot("windowViewportRect"), r = ot("fixedItemHeight"), o = ue("customScrollParent"), i = Jo(
     n,
     o,
     ue("skipAnimationFrameInResizeObserver")
   ), s = ue("alignToBottom");
-  return D.useEffect(() => {
+  return W.useEffect(() => {
     t && (r(t.itemHeight), n({ offsetTop: 0, visibleHeight: t.viewportHeight, visibleWidth: 100 }));
   }, [t, n, r]), /* @__PURE__ */ x("div", { "data-viewport-type": "window", ref: i, style: En(s), children: e });
 }, pl = ({ children: e }) => {
   const t = ue("TopItemListComponent") || "div", n = ue("headerHeight"), r = { ...ll, marginTop: `${n}px` }, o = ue("context");
   return /* @__PURE__ */ x(t, { style: r, ...qe(t, o), children: e });
-}, gl = /* @__PURE__ */ D.memo(function(e) {
+}, gl = /* @__PURE__ */ W.memo(function(e) {
   const t = ue("useWindowScroll"), n = ue("topItemsIndexes").length > 0, r = ue("customScrollParent"), o = ue("context");
-  return /* @__PURE__ */ J(r || t ? bl : ml, { ...e, context: o, children: [
+  return /* @__PURE__ */ ee(r || t ? bl : ml, { ...e, context: o, children: [
     n && /* @__PURE__ */ x(pl, { children: /* @__PURE__ */ x(ro, { showTopList: !0 }) }),
-    /* @__PURE__ */ J(r || t ? fl : dl, { children: [
+    /* @__PURE__ */ ee(r || t ? fl : dl, { children: [
       /* @__PURE__ */ x(cl, {}),
       /* @__PURE__ */ x(ro, {}),
       /* @__PURE__ */ x(ul, {})
@@ -3319,16 +3320,16 @@ const dl = ({ children: e }) => {
   },
   gl
 ), ml = /* @__PURE__ */ Ti({ useEmitter: Or, useEmitterValue: ue, usePublisher: ot }), bl = /* @__PURE__ */ ki({ useEmitter: Or, useEmitterValue: ue, usePublisher: ot }), vl = hl, Sl = /* @__PURE__ */ ye(() => {
-  const e = W((l) => /* @__PURE__ */ J("td", { children: [
+  const e = D((l) => /* @__PURE__ */ ee("td", { children: [
     "Item $",
     l
-  ] })), t = W(null), n = W((l) => /* @__PURE__ */ J("td", { colSpan: 1e3, children: [
+  ] })), t = D(null), n = D((l) => /* @__PURE__ */ ee("td", { colSpan: 1e3, children: [
     "Group ",
     l
-  ] })), r = W(null), o = W(null), i = W({}), s = W(Er), u = W($t), a = (l, d = null) => je(
+  ] })), r = D(null), o = D(null), i = D({}), s = D(Er), u = D($t), a = (l, d = null) => je(
     H(
       i,
-      Y((h) => h[l]),
+      Q((h) => h[l]),
       Me()
     ),
     d
@@ -3398,7 +3399,7 @@ const Il = /* @__PURE__ */ ye(
     { customScrollParent: c, useWindowScroll: f, windowScrollContainerState: g, windowScrollTo: w, windowViewportRect: C },
     _
   ]) => {
-    const M = W(0), b = W(0), S = W(oo), k = W({ height: 0, width: 0 }), T = W({ height: 0, width: 0 }), O = ve(), P = ve(), I = W(0), R = W(null), z = W({ column: 0, row: 0 }), N = ve(), B = ve(), V = W(!1), re = W(0), be = W(!0), Se = W(!1), Ce = W(!1);
+    const M = D(0), b = D(0), S = D(oo), k = D({ height: 0, width: 0 }), T = D({ height: 0, width: 0 }), O = ve(), P = ve(), I = D(0), R = D(null), z = D({ column: 0, row: 0 }), N = ve(), A = ve(), V = D(!1), re = D(0), be = D(!0), Se = D(!1), Ce = D(!1);
     Ie(
       H(
         v,
@@ -3411,7 +3412,7 @@ const Il = /* @__PURE__ */ ye(
     ), Ie(
       H(
         Ne(v, be, T, k, re, Se),
-        ae(([E, L, q, A, , Q]) => E && !L && q.height !== 0 && A.height !== 0 && !Q)
+        ae(([E, L, q, B, , Z]) => E && !L && q.height !== 0 && B.height !== 0 && !Z)
       ),
       ([, , , , E]) => {
         fe(Se, !0), Tr(1, () => {
@@ -3422,7 +3423,7 @@ const Il = /* @__PURE__ */ ye(
       }
     ), oe(
       H(
-        B,
+        A,
         ae((E) => E != null && E.scrollTop > 0),
         ft(0)
       ),
@@ -3430,18 +3431,18 @@ const Il = /* @__PURE__ */ ye(
     ), Ie(
       H(
         v,
-        ge(B),
+        ge(A),
         ae(([, E]) => E != null)
       ),
       ([, E]) => {
-        E && (fe(k, E.viewport), fe(T, E.item), fe(z, E.gap), E.scrollTop > 0 && (fe(V, !0), at(H(l, Mt(1)), (L) => {
+        E && (fe(k, E.viewport), fe(T, E.item), fe(z, E.gap), E.scrollTop > 0 && (fe(V, !0), at(H(l, Et(1)), (L) => {
           fe(V, !1);
         }), fe(a, { top: E.scrollTop })));
       }
     ), oe(
       H(
         k,
-        Y(({ height: E }) => E)
+        Q(({ height: E }) => E)
       ),
       h
     ), oe(
@@ -3452,10 +3453,10 @@ const Il = /* @__PURE__ */ ye(
           le(z, (E, L) => E && E.column === L.column && E.row === L.row),
           le(l)
         ),
-        Y(([E, L, q, A]) => ({
+        Q(([E, L, q, B]) => ({
           gap: q,
           item: L,
-          scrollTop: A,
+          scrollTop: B,
           viewport: E
         }))
       ),
@@ -3475,30 +3476,30 @@ const Il = /* @__PURE__ */ ye(
           le(re)
         ),
         ae(([, , , , , , , E]) => !E),
-        Y(
+        Q(
           ([
             E,
             [L, q],
-            A,
-            Q,
+            B,
+            Z,
             F,
-            X,
+            Y,
             ne,
             ,
-            Z,
+            J,
             ce
           ]) => {
-            const { column: ie, row: we } = A, { height: pe, width: ke } = Q, { width: Oe } = F;
+            const { column: ie, row: we } = B, { height: pe, width: ke } = Z, { width: Oe } = F;
             if (ne === 0 && (E === 0 || Oe === 0))
               return oo;
             if (ke === 0) {
               const bt = kr(ce, E), Vt = bt + Math.max(ne - 1, 0);
-              return xl(lo(bt, Vt, X));
+              return xl(lo(bt, Vt, Y));
             }
             const He = Ri(Oe, ke, ie);
-            let Ae, $e;
-            Z ? L === 0 && q === 0 && ne > 0 ? (Ae = 0, $e = ne - 1) : (Ae = He * Sn((L + we) / (pe + we)), $e = He * io((q + we) / (pe + we)) - 1, $e = Vn(E - 1, Kt($e, He - 1)), Ae = Vn($e, Kt(0, Ae))) : (Ae = 0, $e = -1);
-            const ut = lo(Ae, $e, X), { bottom: Xe, top: Ge } = ao(F, A, Q, ut), st = io(E / He), nt = st * pe + (st - 1) * we - Xe;
+            let Be, $e;
+            J ? L === 0 && q === 0 && ne > 0 ? (Be = 0, $e = ne - 1) : (Be = He * Sn((L + we) / (pe + we)), $e = He * io((q + we) / (pe + we)) - 1, $e = Vn(E - 1, Kt($e, He - 1)), Be = Vn($e, Kt(0, Be))) : (Be = 0, $e = -1);
+            const ut = lo(Be, $e, Y), { bottom: Xe, top: Ge } = ao(F, B, Z, ut), st = io(E / He), nt = st * pe + (st - 1) * we - Xe;
             return { bottom: Xe, itemHeight: pe, items: ut, itemWidth: ke, offsetBottom: nt, offsetTop: Ge, top: Ge };
           }
         )
@@ -3508,27 +3509,27 @@ const Il = /* @__PURE__ */ ye(
       H(
         R,
         ae((E) => E !== null),
-        Y((E) => E.length)
+        Q((E) => E.length)
       ),
       M
     ), oe(
       H(
         Ne(k, T, S, z),
         ae(([E, L, { items: q }]) => q.length > 0 && L.height !== 0 && E.height !== 0),
-        Y(([E, L, { items: q }, A]) => {
-          const { bottom: Q, top: F } = ao(E, A, L, q);
-          return [F, Q];
+        Q(([E, L, { items: q }, B]) => {
+          const { bottom: Z, top: F } = ao(E, B, L, q);
+          return [F, Z];
         }),
         Me(Qt)
       ),
       t
     );
-    const xe = W(!1);
+    const xe = D(!1);
     oe(
       H(
         l,
         ge(xe),
-        Y(([E, L]) => L || E !== 0)
+        Q(([E, L]) => L || E !== 0)
       ),
       xe
     );
@@ -3538,10 +3539,10 @@ const Il = /* @__PURE__ */ ye(
         ae(([{ items: E }]) => E.length > 0),
         ge(xe),
         ae(([[E, L], q]) => {
-          const A = E.items[E.items.length - 1].index === L - 1;
-          return (q || E.bottom > 0 && E.itemHeight > 0 && E.offsetBottom === 0 && E.items.length === L) && A;
+          const B = E.items[E.items.length - 1].index === L - 1;
+          return (q || E.bottom > 0 && E.itemHeight > 0 && E.offsetBottom === 0 && E.items.length === L) && B;
         }),
-        Y(([[, E]]) => E - 1),
+        Q(([[, E]]) => E - 1),
         Me()
       )
     ), K = tt(
@@ -3556,7 +3557,7 @@ const Il = /* @__PURE__ */ ye(
         le(S),
         ge(V),
         ae(([{ items: E }, L]) => E.length > 0 && !L),
-        Y(([{ items: E }]) => ({
+        Q(([{ items: E }]) => ({
           endIndex: E[E.length - 1].index,
           startIndex: E[0].index
         })),
@@ -3568,12 +3569,12 @@ const Il = /* @__PURE__ */ ye(
       H(
         O,
         ge(k, T, M, z),
-        Y(([E, L, q, A, Q]) => {
-          const F = ui(E), { align: X, behavior: ne, offset: Z } = F;
+        Q(([E, L, q, B, Z]) => {
+          const F = ui(E), { align: Y, behavior: ne, offset: J } = F;
           let ce = F.index;
-          ce === "LAST" && (ce = A - 1), ce = Kt(0, ce, Vn(A - 1, ce));
-          let ie = mr(L, Q, q, ce);
-          return X === "end" ? ie = so(ie - L.height + q.height) : X === "center" && (ie = so(ie - L.height / 2 + q.height / 2)), Z && (ie += Z), { behavior: ne, top: ie };
+          ce === "LAST" && (ce = B - 1), ce = Kt(0, ce, Vn(B - 1, ce));
+          let ie = mr(L, Z, q, ce);
+          return Y === "end" ? ie = so(ie - L.height + q.height) : Y === "center" && (ie = so(ie - L.height / 2 + q.height / 2)), J && (ie += J), { behavior: ne, top: ie };
         })
       ),
       a
@@ -3581,14 +3582,14 @@ const Il = /* @__PURE__ */ ye(
     const G = je(
       H(
         S,
-        Y((E) => E.offsetBottom + E.bottom)
+        Q((E) => E.offsetBottom + E.bottom)
       ),
       0
     );
     return oe(
       H(
         C,
-        Y((E) => ({ height: E.visibleHeight, width: E.visibleWidth }))
+        Q((E) => ({ height: E.visibleHeight, width: E.visibleWidth }))
       ),
       k
     ), {
@@ -3603,7 +3604,7 @@ const Il = /* @__PURE__ */ ye(
       initialItemCount: b,
       itemDimensions: T,
       overscan: n,
-      restoreStateFrom: B,
+      restoreStateFrom: A,
       scrollBy: s,
       scrollContainerState: u,
       scrollHeight: P,
@@ -3633,7 +3634,7 @@ const Il = /* @__PURE__ */ ye(
       ..._
     };
   },
-  Ee(Rr, Ke, ln, mi, Ct, _r, It)
+  Ee(Rr, Ke, ln, mi, Tt, _r, Ct)
 );
 function Ri(e, t, n) {
   return Kt(1, Sn((e + n) / (Sn(t) + n)));
@@ -3650,14 +3651,14 @@ function mr(e, t, n, r) {
   return s > 0 ? s + t.row : s;
 }
 const Cl = /* @__PURE__ */ ye(() => {
-  const e = W((h) => `Item ${h}`), t = W({}), n = W(null), r = W("virtuoso-grid-item"), o = W("virtuoso-grid-list"), i = W(Er), s = W("div"), u = W($t), a = (h, p = null) => je(
+  const e = D((h) => `Item ${h}`), t = D({}), n = D(null), r = D("virtuoso-grid-item"), o = D("virtuoso-grid-list"), i = D(Er), s = D("div"), u = D($t), a = (h, p = null) => je(
     H(
       t,
-      Y((m) => m[h]),
+      Q((m) => m[h]),
       Me()
     ),
     p
-  ), l = W(!1), d = W(!1);
+  ), l = D(!1), d = D(!1);
   return oe(le(d), l), {
     components: t,
     computeItemKey: i,
@@ -3679,9 +3680,9 @@ const Cl = /* @__PURE__ */ ye(() => {
 }), Tl = /* @__PURE__ */ ye(
   ([e, t]) => ({ ...e, ...t }),
   Ee(Il, Cl)
-), kl = /* @__PURE__ */ D.memo(function() {
+), kl = /* @__PURE__ */ W.memo(function() {
   const e = ze("gridState"), t = ze("listClassName"), n = ze("itemClassName"), r = ze("itemContent"), o = ze("computeItemKey"), i = ze("isSeeking"), s = it("scrollHeight"), u = ze("ItemComponent"), a = ze("ListComponent"), l = ze("ScrollSeekPlaceholder"), d = ze("context"), h = it("itemDimensions"), p = it("gap"), m = ze("log"), v = ze("stateRestoreInProgress"), y = it("reportReadyState"), c = zt(
-    D.useMemo(
+    W.useMemo(
       () => (f) => {
         const g = f.parentElement.parentElement.scrollHeight;
         s(g);
@@ -3734,9 +3735,9 @@ const Cl = /* @__PURE__ */ ye(() => {
       })
     }
   );
-}), Rl = D.memo(function() {
+}), Rl = W.memo(function() {
   const e = ze("HeaderComponent"), t = it("headerHeight"), n = ze("headerFooterTag"), r = zt(
-    D.useMemo(
+    W.useMemo(
       () => (i) => {
         t(yt(i, "height"));
       },
@@ -3746,9 +3747,9 @@ const Cl = /* @__PURE__ */ ye(() => {
     !1
   ), o = ze("context");
   return e ? /* @__PURE__ */ x(n, { ref: r, children: /* @__PURE__ */ x(e, { ...qe(e, o) }) }) : null;
-}), _l = D.memo(function() {
+}), _l = W.memo(function() {
   const e = ze("FooterComponent"), t = it("footerHeight"), n = ze("headerFooterTag"), r = zt(
-    D.useMemo(
+    W.useMemo(
       () => (i) => {
         t(yt(i, "height"));
       },
@@ -3759,8 +3760,8 @@ const Cl = /* @__PURE__ */ ye(() => {
   ), o = ze("context");
   return e ? /* @__PURE__ */ x(n, { ref: r, children: /* @__PURE__ */ x(e, { ...qe(e, o) }) }) : null;
 }), Ml = ({ children: e }) => {
-  const t = D.useContext(xi), n = it("itemDimensions"), r = it("viewportDimensions"), o = zt(
-    D.useMemo(
+  const t = W.useContext(xi), n = it("itemDimensions"), r = it("viewportDimensions"), o = zt(
+    W.useMemo(
       () => (i) => {
         r(i.getBoundingClientRect());
       },
@@ -3769,17 +3770,17 @@ const Cl = /* @__PURE__ */ ye(() => {
     !0,
     !1
   );
-  return D.useEffect(() => {
+  return W.useEffect(() => {
     t && (r({ height: t.viewportHeight, width: t.viewportWidth }), n({ height: t.itemHeight, width: t.itemWidth }));
   }, [t, r, n]), /* @__PURE__ */ x("div", { ref: o, style: En(!1), children: e });
 }, El = ({ children: e }) => {
-  const t = D.useContext(xi), n = it("windowViewportRect"), r = it("itemDimensions"), o = ze("customScrollParent"), i = Jo(n, o, !1);
-  return D.useEffect(() => {
+  const t = W.useContext(xi), n = it("windowViewportRect"), r = it("itemDimensions"), o = ze("customScrollParent"), i = Jo(n, o, !1);
+  return W.useEffect(() => {
     t && (r({ height: t.itemHeight, width: t.itemWidth }), n({ offsetTop: 0, visibleHeight: t.viewportHeight, visibleWidth: t.viewportWidth }));
   }, [t, n, r]), /* @__PURE__ */ x("div", { ref: i, style: En(!1), children: e });
-}, Ol = /* @__PURE__ */ D.memo(function({ ...e }) {
+}, Ol = /* @__PURE__ */ W.memo(function({ ...e }) {
   const t = ze("useWindowScroll"), n = ze("customScrollParent"), r = n || t ? Pl : zl, o = n || t ? El : Ml, i = ze("context");
-  return /* @__PURE__ */ x(r, { ...e, ...qe(r, i), children: /* @__PURE__ */ J(o, { children: [
+  return /* @__PURE__ */ x(r, { ...e, ...qe(r, i), children: /* @__PURE__ */ ee(o, { children: [
     /* @__PURE__ */ x(Rl, {}),
     /* @__PURE__ */ x(kl, {}),
     /* @__PURE__ */ x(_l, {})
@@ -3845,16 +3846,16 @@ function yn() {
     throw new Error("useAudioStoreApi must be used within CRAudioProvider");
   return e;
 }
-const Bl = "_run_zzb61_3", Al = "_runWrap_zzb61_7", Gl = "_highlight_zzb61_13", Ll = "_highlightleft_zzb61_14", Hl = "_highlightright_zzb61_15", Nl = "_highlightcenter_zzb61_16", Fl = "_underline_zzb61_48", Wl = "_underlineleft_zzb61_49", Dl = "_underlineright_zzb61_50", $l = "_underlinecenter_zzb61_51", dt = {
-  run: Bl,
-  runWrap: Al,
+const Al = "_run_zzb61_3", Bl = "_runWrap_zzb61_7", Gl = "_highlight_zzb61_13", Ll = "_highlightleft_zzb61_14", Hl = "_highlightright_zzb61_15", Nl = "_highlightcenter_zzb61_16", Fl = "_underline_zzb61_48", Dl = "_underlineleft_zzb61_49", Wl = "_underlineright_zzb61_50", $l = "_underlinecenter_zzb61_51", dt = {
+  run: Al,
+  runWrap: Bl,
   highlight: Gl,
   highlightleft: Ll,
   highlightright: Hl,
   highlightcenter: Nl,
   underline: Fl,
-  underlineleft: Wl,
-  underlineright: Dl,
+  underlineleft: Dl,
+  underlineright: Wl,
   underlinecenter: $l
 }, uo = (e) => Symbol.iterator in e, fo = (e) => (
   // HACK: avoid checking entries type
@@ -3884,7 +3885,7 @@ function ql(e, t) {
   );
 }
 function nn(e) {
-  const t = D.useRef(void 0);
+  const t = W.useRef(void 0);
   return (n) => {
     const r = e(n);
     return ql(t.current, r) ? t.current : t.current = r;
@@ -3902,7 +3903,7 @@ const Kl = Object.freeze({
   showPointer: void 0,
   pointerStyle: void 0,
   pointerColor: void 0
-}), Mi = D.memo(
+}), Mi = W.memo(
   function({ runs: t, ns: n, baseIndex: r, preGroups: o }) {
     const i = _e((O) => O.setClipIndex), s = _e((O) => O.seek), u = U((O) => O.setCurrentGlobalRunIndex), a = yn(), l = U((O) => O.rangeStartGI), d = U((O) => O.rangeEndGI), h = U((O) => O.setRange), p = l != null && d != null, m = te(
       (O) => {
@@ -3914,8 +3915,8 @@ const Kl = Object.freeze({
         const z = t[R], N = z.text ?? "";
         if (!N.trim() || !/[가-힣a-zA-Z0-9]/.test(N)) return;
         u(I, "program");
-        const B = z.audioChunkIndex, V = z.audioTimeMs;
-        B != null && V != null && (i(B), s(V));
+        const A = z.audioChunkIndex, V = z.audioTimeMs;
+        A != null && V != null && (i(A), s(V));
       },
       [t, r, s, i, u]
     ), v = se(null), y = se(!1), c = se({ x: 0, y: 0 }), f = te(
@@ -3980,18 +3981,18 @@ const Kl = Object.freeze({
     );
   },
   (e, t) => e.ns === t.ns && e.baseIndex === t.baseIndex && e.runs === t.runs && e.sectionId === t.sectionId
-), Xl = D.memo(function() {
+), Xl = W.memo(function() {
   const t = te((r) => ({
     showSplit: r.showSplit,
     slash: r.breakMarks.slash,
     breakGapPx: r.breakGapPx
-  }), []), n = ee(nn(t));
-  return n.showSplit ? /* @__PURE__ */ J(xt, { children: [
+  }), []), n = X(nn(t));
+  return n.showSplit ? /* @__PURE__ */ ee(xt, { children: [
     /* @__PURE__ */ x("span", { style: { display: "inline-block", width: n.breakGapPx / 2 } }),
     n.slash && /* @__PURE__ */ x("span", { children: " / " }),
     /* @__PURE__ */ x("span", { style: { display: "inline-block", width: n.breakGapPx / 2 } })
   ] }) : null;
-}), Yl = D.memo(
+}), Yl = W.memo(
   function({
     ns: t,
     group: n,
@@ -4013,7 +4014,7 @@ const Kl = Object.freeze({
         pointerColor: c.pointerColor
       } : Kl,
       [a]
-    ), d = ee(nn(l)), h = n.r0 ?? 0, p = n.len ?? Math.max(0, n.endG - n.startG + 1), m = a && d.showPointer && d.pointerStyle !== "underline", v = a && d.showPointer && d.pointerStyle === "underline", y = m || v ? {
+    ), d = X(nn(l)), h = n.r0 ?? 0, p = n.len ?? Math.max(0, n.endG - n.startG + 1), m = a && d.showPointer && d.pointerStyle !== "underline", v = a && d.showPointer && d.pointerStyle === "underline", y = m || v ? {
       // 배경색(하이라이트)
       "--hl-color": d.pointerColor,
       // 밑줄 색/두께/오프셋
@@ -4024,7 +4025,7 @@ const Kl = Object.freeze({
     return /* @__PURE__ */ x(xt, { children: Array.from({ length: p }).map((c, f) => {
       const w = r[h + f], C = n.startG + f, _ = `${t}/run:${C}`, M = !!w.split && C !== o;
       let b = `${dt.runWrap}`;
-      return m && (p === 1 ? b += ` ${dt.highlight}` : f === 0 ? b += ` ${dt.highlightleft}` : f + 1 === p ? b += ` ${dt.highlightright}` : b += ` ${dt.highlightcenter}`), v && (p === 1 ? b += ` ${dt.underline}` : f === 0 ? b += ` ${dt.underlineleft}` : f + 1 === p ? b += ` ${dt.underlineright}` : b += ` ${dt.underlinecenter}`), /* @__PURE__ */ J(D.Fragment, { children: [
+      return m && (p === 1 ? b += ` ${dt.highlight}` : f === 0 ? b += ` ${dt.highlightleft}` : f + 1 === p ? b += ` ${dt.highlightright}` : b += ` ${dt.highlightcenter}`), v && (p === 1 ? b += ` ${dt.underline}` : f === 0 ? b += ` ${dt.underlineleft}` : f + 1 === p ? b += ` ${dt.underlineright}` : b += ` ${dt.underlinecenter}`), /* @__PURE__ */ ee(W.Fragment, { children: [
         /* @__PURE__ */ x("span", { className: b, style: y, children: /* @__PURE__ */ x(
           Ql,
           {
@@ -4043,7 +4044,7 @@ const Kl = Object.freeze({
   (e, t) => e.group === t.group && // 그룹 메타 참조 동일
   e.runs === t.runs && // 원본 runs 참조 동일
   e.ns === t.ns && e.rangeStartGI === t.rangeStartGI && e.rangeEndGI === t.rangeEndGI
-), Ql = D.memo(
+), Ql = W.memo(
   function({
     gi: t,
     g: n,
@@ -4090,7 +4091,7 @@ function Zl({
 }) {
   var l;
   const s = e.list ? e.list.level * 24 : 0, u = ((l = e.list) == null ? void 0 : l.kind) === "bullet" ? e.list.glyph ?? "•" : void 0, a = t ?? u;
-  return /* @__PURE__ */ J(
+  return /* @__PURE__ */ ee(
     "p",
     {
       style: {
@@ -4129,7 +4130,7 @@ function Zl({
     }
   );
 }
-const Jl = D.memo(Zl, (e, t) => e.block === t.block && // block 참조 안정화 중요
+const Jl = W.memo(Zl, (e, t) => e.block === t.block && // block 참조 안정화 중요
 e.computedMarker === t.computedMarker && e.baseIndex === t.baseIndex && e.ns === t.ns);
 function ea(e, t) {
   switch ((t || "decimal").toLowerCase().replace(/[\s_-]+/g, "")) {
@@ -4236,7 +4237,7 @@ function oa(e, t) {
 }
 const ia = "_scroller_kqkmq_3", sa = {
   scroller: ia
-}, la = D.forwardRef(function({ className: t, style: n, ...r }, o) {
+}, la = W.forwardRef(function({ className: t, style: n, ...r }, o) {
   return /* @__PURE__ */ x(
     "div",
     {
@@ -4318,15 +4319,15 @@ const qn = async (e, t, { topPaddingRatio: n = 0.15, behavior: r = "smooth", qui
   requestAnimationFrame(() => {
     requestAnimationFrame(() => e());
   });
-}), Br = Ft(null);
+}), Ar = Ft(null);
 function Oi() {
-  const e = Ue(Br);
+  const e = Ue(Ar);
   if (!e)
     throw new Error("useQuizStoreApi must be used within QuizProgressProvider");
   return e;
 }
 function Je(e, t) {
-  const n = Ue(Br);
+  const n = Ue(Ar);
   if (!n)
     throw new Error("useQuizStore must be used within QuizProgressProvider");
   return Tn(n, e, t);
@@ -4336,7 +4337,7 @@ const zi = () => {
   if (!i || !i.length)
     return null;
   const s = o ? n ? `퀴즈 다시 풀기 (${i.length})` : "퀴즈 결과 보기" : `퀴즈 풀기 (${i.length})`;
-  return /* @__PURE__ */ J(
+  return /* @__PURE__ */ ee(
     "button",
     {
       onClick: () => {
@@ -4357,7 +4358,7 @@ const zi = () => {
       },
       children: [
         s,
-        o && !n && /* @__PURE__ */ J("div", { style: { fontSize: "12px", fontWeight: 400, marginTop: "4px", opacity: 0.8 }, children: [
+        o && !n && /* @__PURE__ */ ee("div", { style: { fontSize: "12px", fontWeight: 400, marginTop: "4px", opacity: 0.8 }, children: [
           "이미 풀었습니다 (",
           r.rate,
           "%)"
@@ -4376,7 +4377,7 @@ var Pi = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, bo = D.createContext && /* @__PURE__ */ D.createContext(Pi), ha = ["attr", "size", "title"];
+}, bo = W.createContext && /* @__PURE__ */ W.createContext(Pi), ha = ["attr", "size", "title"];
 function ma(e, t) {
   if (e == null) return {};
   var n = ba(e, t), r, o;
@@ -4445,15 +4446,15 @@ function ya(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function Bi(e) {
-  return e && e.map((t, n) => /* @__PURE__ */ D.createElement(t.tag, In({
+function Ai(e) {
+  return e && e.map((t, n) => /* @__PURE__ */ W.createElement(t.tag, In({
     key: n
-  }, t.attr), Bi(t.child)));
+  }, t.attr), Ai(t.child)));
 }
 function Ze(e) {
-  return (t) => /* @__PURE__ */ D.createElement(xa, wn({
+  return (t) => /* @__PURE__ */ W.createElement(xa, wn({
     attr: In({}, e.attr)
-  }, t), Bi(e.child));
+  }, t), Ai(e.child));
 }
 function xa(e) {
   var t = (n) => {
@@ -4462,7 +4463,7 @@ function xa(e) {
       size: o,
       title: i
     } = e, s = ma(e, ha), u = o || n.size || "1em", a;
-    return n.className && (a = n.className), e.className && (a = (a ? a + " " : "") + e.className), /* @__PURE__ */ D.createElement("svg", wn({
+    return n.className && (a = n.className), e.className && (a = (a ? a + " " : "") + e.className), /* @__PURE__ */ W.createElement("svg", wn({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -4474,9 +4475,9 @@ function xa(e) {
       height: u,
       width: u,
       xmlns: "http://www.w3.org/2000/svg"
-    }), i && /* @__PURE__ */ D.createElement("title", null, i), e.children);
+    }), i && /* @__PURE__ */ W.createElement("title", null, i), e.children);
   };
-  return bo !== void 0 ? /* @__PURE__ */ D.createElement(bo.Consumer, null, (n) => t(n)) : t(Pi);
+  return bo !== void 0 ? /* @__PURE__ */ W.createElement(bo.Consumer, null, (n) => t(n)) : t(Pi);
 }
 function So(e) {
   return Ze({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M18.464 2.114a.998.998 0 0 0-1.033.063l-13 9a1.003 1.003 0 0 0 0 1.645l13 9A1 1 0 0 0 19 21V3a1 1 0 0 0-.536-.886zM17 19.091 6.757 12 17 4.909v14.182z" }, child: [] }] })(e);
@@ -4491,7 +4492,7 @@ const wa = ({ isIcon: e = !0 }) => {
     },
     [t, n]
   ), i = t ? "이전 섹션으로" : "이전 섹션 없음";
-  return e ? /* @__PURE__ */ J(
+  return e ? /* @__PURE__ */ ee(
     "button",
     {
       type: "button",
@@ -4532,7 +4533,7 @@ const wa = ({ isIcon: e = !0 }) => {
         transition: "all 0.15s ease",
         opacity: r ? 0.5 : 1
       },
-      children: r ? "첫섹션입니다" : /* @__PURE__ */ J(xt, { children: [
+      children: r ? "첫섹션입니다" : /* @__PURE__ */ ee(xt, { children: [
         /* @__PURE__ */ x(
           So,
           {
@@ -4555,7 +4556,7 @@ const wa = ({ isIcon: e = !0 }) => {
     },
     [t, n]
   ), i = t ? "다음 섹션으로" : "다음 섹션 없음";
-  return e ? /* @__PURE__ */ J(
+  return e ? /* @__PURE__ */ ee(
     "button",
     {
       type: "button",
@@ -4596,7 +4597,7 @@ const wa = ({ isIcon: e = !0 }) => {
         transition: "all 0.15s ease",
         opacity: r ? 0.5 : 1
       },
-      children: r ? "마지막섹션입니다" : /* @__PURE__ */ J(xt, { children: [
+      children: r ? "마지막섹션입니다" : /* @__PURE__ */ ee(xt, { children: [
         "NextSection",
         /* @__PURE__ */ x(
           yo,
@@ -4613,7 +4614,7 @@ const wa = ({ isIcon: e = !0 }) => {
     }
   );
 };
-function Ai(e, t) {
+function Bi(e, t) {
   let n = 0, r = e.length - 1;
   for (; n < r; ) {
     const o = Math.floor((n + r + 1) / 2);
@@ -4637,15 +4638,15 @@ function Ia({
   }), i = U((k) => {
     var T;
     return ((T = k.derivedNav) == null ? void 0 : T.splitGroupsPerBlock) ?? [];
-  }), s = ee((k) => k.marginX), u = ee((k) => k.viewportHeight), a = se({
+  }), s = X((k) => k.marginX), u = X((k) => k.viewportHeight), a = se({
     start: 0,
     end: 0
   }), l = te(
     (k) => {
       const T = t[k], O = `${n}blk-${T.id}`;
       if (T.type === "image") {
-        const { src: R, alt: z, width: N, height: B } = T, V = N && B ? `${N} / ${B}` : "4 / 3", re = k >= a.current.start && k <= a.current.end, be = u > 80 ? Math.floor((u - 80) * 0.6) : void 0;
-        return /* @__PURE__ */ J("div", { style: { margin: "12px 0", textAlign: "center", width: "100%" }, children: [
+        const { src: R, alt: z, width: N, height: A } = T, V = N && A ? `${N} / ${A}` : "4 / 3", re = k >= a.current.start && k <= a.current.end, be = u > 80 ? Math.floor((u - 80) * 0.6) : void 0;
+        return /* @__PURE__ */ ee("div", { style: { margin: "12px 0", textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ x(
             "div",
             {
@@ -4704,7 +4705,7 @@ function Ia({
   ), d = se(null), h = te((k) => {
     d.current = k;
   }, []), p = he(
-    () => Wt((k) => {
+    () => Dt((k) => {
       const { style: T, children: O, ...P } = k;
       return /* @__PURE__ */ x("div", { ...P, style: T, children: /* @__PURE__ */ x(
         "div",
@@ -4735,11 +4736,11 @@ function Ia({
     if (!y)
       return /* @__PURE__ */ x("div", { style: { height: 40 } });
     const k = e.quizzes, T = Math.max(80, Math.floor(u * 0.5));
-    return k && k.length ? /* @__PURE__ */ J("div", { style: { display: "block" }, children: [
+    return k && k.length ? /* @__PURE__ */ ee("div", { style: { display: "block" }, children: [
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(zi, {}) }),
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Cn, { isIcon: !1 }) }),
       /* @__PURE__ */ x("div", { style: { height: T, width: "100%" } })
-    ] }) : /* @__PURE__ */ J("div", { children: [
+    ] }) : /* @__PURE__ */ ee("div", { children: [
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Cn, { isIcon: !1 }) }),
       /* @__PURE__ */ x("div", { style: { height: 40 } })
     ] });
@@ -4757,13 +4758,13 @@ function Ia({
       // , ScrollPlaceholder
     ]
     // CustomScroller는 고정이면 deps에 안 넣어도 OK
-  ), C = te((k) => v[k], [v]), _ = _t(), [M] = pt(() => _.getState().progress.currentGlobalRunIndex ?? 0), b = he(() => {
+  ), C = te((k) => v[k], [v]), _ = Mt(), [M] = pt(() => _.getState().progress.currentGlobalRunIndex ?? 0), b = he(() => {
     if (!o.length) return 0;
     const k = o[o.length - 1], T = Math.max(0, Math.min(M, k));
-    return Ai(o, T);
+    return Bi(o, T);
   }, [o, M]);
   console.log("SectionRenderVirtuoso확인");
-  const S = _t();
+  const S = Mt();
   return me(() => {
     let k = !1;
     return (async () => {
@@ -4780,7 +4781,7 @@ function Ia({
     })(), () => {
       k = !0;
     };
-  }, [d, S]), /* @__PURE__ */ J(xt, { children: [
+  }, [d, S]), /* @__PURE__ */ ee(xt, { children: [
     /* @__PURE__ */ x(
       vl,
       {
@@ -4818,7 +4819,7 @@ const Ca = ({
   virtRef: t,
   prefix: n
 }) => {
-  const r = U((I) => I.setCurrentGlobalRunIndex), o = U((I) => I.registerSectionScrollApi), i = U((I) => I.currentGlobalRunIndex), s = _e((I) => I.scrollLock), u = _e((I) => I.syncToGI), a = Ot(), l = se(!1), d = se(null), h = se(null), p = se(null), m = se(-1), v = te(() => {
+  const r = U((I) => I.setCurrentGlobalRunIndex), o = U((I) => I.registerSectionScrollApi), i = U((I) => I.currentGlobalRunIndex), s = _e((I) => I.scrollLock), u = _e((I) => I.syncToGI), a = wt(), l = se(!1), d = se(null), h = se(null), p = se(null), m = se(-1), v = te(() => {
     if (s) return;
     d.current = null;
     const I = h.current;
@@ -4836,7 +4837,7 @@ const Ca = ({
         p.current = null, v();
         const R = m.current;
         if (R === -1) return;
-        const z = I.scrollTop, N = I.scrollHeight - I.clientHeight, B = N > 0 ? z / N : 0;
+        const z = I.scrollTop, N = I.scrollHeight - I.clientHeight, A = N > 0 ? z / N : 0;
         let V = 0;
         const re = I.querySelector(`[data-g="${R}"]`);
         if (re) {
@@ -4847,7 +4848,7 @@ const Ca = ({
           type: "scroll",
           payload: {
             scrollTop: z,
-            scrollRatio: B,
+            scrollRatio: A,
             anchorGI: R,
             anchorOffsetRatio: V
           }
@@ -4882,12 +4883,12 @@ const Ca = ({
       V.preventDefault(), V.stopPropagation(), l.current = !1;
     }, N = (V) => {
       ["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", " "].includes(V.key) && (V.preventDefault(), V.stopPropagation(), l.current = !1);
-    }, B = {
+    }, A = {
       overscrollBehavior: I.style.overscrollBehavior,
       touchAction: I.style.touchAction
     };
     return I.style.overscrollBehavior = "contain", I.style.touchAction = "none", I.addEventListener("wheel", R, { passive: !1 }), I.addEventListener("touchmove", z, { passive: !1 }), window.addEventListener("keydown", N, { passive: !1 }), () => {
-      I.removeEventListener("wheel", R), I.removeEventListener("touchmove", z), window.removeEventListener("keydown", N), I.style.overscrollBehavior = B.overscrollBehavior, I.style.touchAction = B.touchAction;
+      I.removeEventListener("wheel", R), I.removeEventListener("touchmove", z), window.removeEventListener("keydown", N), I.style.overscrollBehavior = A.overscrollBehavior, I.style.touchAction = A.touchAction;
     };
   }, [s, e]);
   const b = se({
@@ -4937,7 +4938,7 @@ const Ca = ({
       return;
     }
     if (i < R || i > z) {
-      async function B() {
+      async function A() {
         if (!I) return;
         const V = I.scrollTop <= 1 ? 0 : 0.2;
         return await qn(I, i, {
@@ -4945,7 +4946,7 @@ const Ca = ({
           topPaddingRatio: V
         });
       }
-      B().then((V) => {
+      A().then((V) => {
         V ? k() : O();
       });
     }
@@ -4960,20 +4961,20 @@ const Ca = ({
     const I = e.current;
     if (!I) return;
     function R(G, E, L = 0.2, q = 0.8) {
-      const A = G.querySelector(`[data-g="${E}"]`);
-      if (!A) return !1;
-      const Q = G.getBoundingClientRect(), F = A.getBoundingClientRect();
-      if (F.height <= 0 || Q.height <= 0) return !1;
-      const X = (F.top + F.height / 2 - Q.top) / Q.height;
-      return X >= L && X <= q;
+      const B = G.querySelector(`[data-g="${E}"]`);
+      if (!B) return !1;
+      const Z = G.getBoundingClientRect(), F = B.getBoundingClientRect();
+      if (F.height <= 0 || Z.height <= 0) return !1;
+      const Y = (F.top + F.height / 2 - Z.top) / Z.height;
+      return Y >= L && Y <= q;
     }
     const z = (G) => G === "instant" ? "auto" : G, N = (G) => {
       const E = I.scrollTop, L = I.scrollHeight - I.clientHeight, q = L > 0 ? E / L : 0;
-      let A = 0;
-      const Q = I.querySelector(`[data-g="${G}"]`);
-      if (Q) {
+      let B = 0;
+      const Z = I.querySelector(`[data-g="${G}"]`);
+      if (Z) {
         const F = I.getBoundingClientRect();
-        A = (Q.getBoundingClientRect().top - F.top) / F.height;
+        B = (Z.getBoundingClientRect().top - F.top) / F.height;
       }
       a.getState().emit({
         type: "scroll",
@@ -4981,12 +4982,12 @@ const Ca = ({
           scrollTop: E,
           scrollRatio: q,
           anchorGI: G,
-          anchorOffsetRatio: A
+          anchorOffsetRatio: B
         }
       });
-    }, B = async (G, E = "smooth") => {
+    }, A = async (G, E = "smooth") => {
       var q;
-      const L = Ai(n, G);
+      const L = Bi(n, G);
       (q = t.current) == null || q.scrollToIndex({
         index: L,
         align: "start",
@@ -4999,14 +5000,14 @@ const Ca = ({
       const E = I.querySelector(`[data-g="${G}"]`), L = I.getBoundingClientRect();
       let q = I.scrollTop <= 1 ? 0 : 0.1;
       if (E) {
-        const Q = E.getBoundingClientRect();
-        q = ((Q.top + Q.height / 2 - L.top) / L.height > 0.5, 0.15);
+        const Z = E.getBoundingClientRect();
+        q = ((Z.top + Z.height / 2 - L.top) / L.height > 0.5, 0.15);
       }
-      const A = !!E;
-      return A ? (await qn(I, G, {
+      const B = !!E;
+      return B ? (await qn(I, G, {
         behavior: "smooth",
         topPaddingRatio: q
-      }), await V()) : A || await B(G, "auto"), f.current = !1, N(G), R(I, G, 0.1, 0.7);
+      }), await V()) : B || await A(G, "auto"), f.current = !1, N(G), R(I, G, 0.1, 0.7);
     }, be = async (G) => re(G);
     return {
       ensureVisibleGI: re,
@@ -5023,10 +5024,10 @@ const Ca = ({
         return (L.top - q.top) / q.height;
       },
       scrollToGIAtOffset: async (G, E) => {
-        await be(G), await new Promise((Z) => requestAnimationFrame(() => requestAnimationFrame(Z)));
+        await be(G), await new Promise((J) => requestAnimationFrame(() => requestAnimationFrame(J)));
         const L = I.querySelector(`[data-g="${G}"]`);
         if (!L) return;
-        const q = L.getBoundingClientRect(), A = I.getBoundingClientRect(), Q = A.height > 0 ? A.height / I.clientHeight : 1, F = (q.top - A.top) / Q, X = E * I.clientHeight, ne = F - X;
+        const q = L.getBoundingClientRect(), B = I.getBoundingClientRect(), Z = B.height > 0 ? B.height / I.clientHeight : 1, F = (q.top - B.top) / Z, Y = E * I.clientHeight, ne = F - Y;
         I.scrollTop = I.scrollTop + ne;
       },
       getScrollRatio: () => {
@@ -5045,7 +5046,7 @@ function Ta(e) {
   return !!(["a", "button", "input", "textarea", "select", "label"].includes(n) || t.isContentEditable);
 }
 function ka() {
-  const e = U((v) => v.section), t = ee((v) => v.theme), n = ee((v) => v.fontFamily), r = ee((v) => v.fontSizePx), o = ee((v) => v.lineHeight), i = bn[t], { blocks: s, nsPrefix: u } = he(() => ({
+  const e = U((v) => v.section), t = X((v) => v.theme), n = X((v) => v.fontFamily), r = X((v) => v.fontSizePx), o = X((v) => v.lineHeight), i = bn[t], { blocks: s, nsPrefix: u } = he(() => ({
     sectionId: e.section_id,
     blocks: e.ast.blocks,
     nsPrefix: `sec-${e.section_id ?? "0"}/`
@@ -5099,16 +5100,16 @@ function za(e) {
 function Pa(e) {
   return Ze({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, child: [] }, { tag: "path", attr: { d: "M4 8v-2a2 2 0 0 1 2 -2h2" }, child: [] }, { tag: "path", attr: { d: "M4 16v2a2 2 0 0 0 2 2h2" }, child: [] }, { tag: "path", attr: { d: "M16 4h2a2 2 0 0 1 2 2v2" }, child: [] }, { tag: "path", attr: { d: "M16 20h2a2 2 0 0 0 2 -2v-2" }, child: [] }] })(e);
 }
-const Ba = "_wrap_1hfub_4", Aa = "_visible_1hfub_25", Ga = "_compact_1hfub_31", La = "_row2_1hfub_34", Ha = "_controls_1hfub_44", Na = "_row1_1hfub_52", Fa = "_groupExpand_1hfub_80", Wa = "_groupPlayback_1hfub_81", Da = "_groupSpeed_1hfub_82", $a = "_groupFeatures_1hfub_83", Va = "_groupNav_1hfub_84", qa = "_btn_1hfub_116", ja = "_btnForbidden_1hfub_141", Ua = "_btnActive_1hfub_147", Ka = "_label_1hfub_158", Xa = "_compactBtn_1hfub_168", Re = {
-  wrap: Ba,
-  visible: Aa,
+const Aa = "_wrap_1hfub_4", Ba = "_visible_1hfub_25", Ga = "_compact_1hfub_31", La = "_row2_1hfub_34", Ha = "_controls_1hfub_44", Na = "_row1_1hfub_52", Fa = "_groupExpand_1hfub_80", Da = "_groupPlayback_1hfub_81", Wa = "_groupSpeed_1hfub_82", $a = "_groupFeatures_1hfub_83", Va = "_groupNav_1hfub_84", qa = "_btn_1hfub_116", ja = "_btnForbidden_1hfub_141", Ua = "_btnActive_1hfub_147", Ka = "_label_1hfub_158", Xa = "_compactBtn_1hfub_168", Re = {
+  wrap: Aa,
+  visible: Ba,
   compact: Ga,
   row2: La,
   controls: Ha,
   row1: Na,
   groupExpand: Fa,
-  groupPlayback: Wa,
-  groupSpeed: Da,
+  groupPlayback: Da,
+  groupSpeed: Wa,
   groupFeatures: $a,
   groupNav: Va,
   btn: qa,
@@ -5116,8 +5117,8 @@ const Ba = "_wrap_1hfub_4", Aa = "_visible_1hfub_25", Ga = "_compact_1hfub_31",
   btnActive: Ua,
   label: Ka,
   compactBtn: Xa
-}, Ya = Wt(function() {
-  const t = se(null), n = Ue(Et), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = _e((S) => S.status), i = _e((S) => S.currentTimeMs), s = _e((S) => S.currentClip), u = _e((S) => S.playbackKind), a = ee((S) => S.muteAudio), l = ee((S) => S.audioSpeed), d = _e((S) => S.getClipSrc), h = _e((S) => S._onTime), p = _e((S) => S._onEnded), m = _e((S) => S._onError), v = U((S) => S.setCurrentGlobalRunIndex), y = U((S) => S.getSectionScrollApi), c = U((S) => S.snapToReadable), f = U((S) => S.edgeReadable), g = se(null), w = se(null), C = se(!1), _ = se(null);
+}, Ya = Dt(function() {
+  const t = se(null), n = Ue(Ot), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = _e((S) => S.status), i = _e((S) => S.currentTimeMs), s = _e((S) => S.currentClip), u = _e((S) => S.playbackKind), a = X((S) => S.muteAudio), l = X((S) => S.audioSpeed), d = _e((S) => S.getClipSrc), h = _e((S) => S._onTime), p = _e((S) => S._onEnded), m = _e((S) => S._onError), v = U((S) => S.setCurrentGlobalRunIndex), y = U((S) => S.getSectionScrollApi), c = U((S) => S.snapToReadable), f = U((S) => S.edgeReadable), g = se(null), w = se(null), C = se(!1), _ = se(null);
   me(() => {
     u === "real" && (C.current = !0);
   }, [u]);
@@ -5259,7 +5260,7 @@ const Ba = "_wrap_1hfub_4", Aa = "_visible_1hfub_25", Ga = "_compact_1hfub_31",
 function Qa() {
   return /* @__PURE__ */ x(Ya, {});
 }
-const Za = "_scrubberWrap_uw0cd_2", Ja = "_labels_uw0cd_9", ec = "_index_uw0cd_15", tc = "_controls_uw0cd_19", nc = "_percent_uw0cd_25", rc = "_range_uw0cd_46", At = {
+const Za = "_scrubberWrap_uw0cd_2", Ja = "_labels_uw0cd_9", ec = "_index_uw0cd_15", tc = "_controls_uw0cd_19", nc = "_percent_uw0cd_25", rc = "_range_uw0cd_46", Bt = {
   scrubberWrap: Za,
   labels: Ja,
   index: ec,
@@ -5268,7 +5269,7 @@ const Za = "_scrubberWrap_uw0cd_2", Ja = "_labels_uw0cd_9", ec = "_index_uw0cd_1
   range: rc
 };
 function oc() {
-  const e = ee((_) => _.isDev), t = U((_) => _.currentGlobalRunIndex), n = U((_) => _.totalRuns), r = U((_) => _.setCurrentGlobalRunIndex), o = U((_) => _.getSectionScrollApi), i = U((_) => _.giToPercentTotal), s = U((_) => _.percentToGITotal), u = U((_) => _.snapToReadable), a = _e((_) => _.scrollLock), l = _e((_) => _.pause), d = _e((_) => _.play), h = _e((_) => _.syncToGI), [p, m] = pt(() => i(t || 0));
+  const e = X((_) => _.isDev), t = U((_) => _.currentGlobalRunIndex), n = U((_) => _.totalRuns), r = U((_) => _.setCurrentGlobalRunIndex), o = U((_) => _.getSectionScrollApi), i = U((_) => _.giToPercentTotal), s = U((_) => _.percentToGITotal), u = U((_) => _.snapToReadable), a = _e((_) => _.scrollLock), l = _e((_) => _.pause), d = _e((_) => _.play), h = _e((_) => _.syncToGI), [p, m] = pt(() => i(t || 0));
   me(() => {
     m(i(t || 0));
   }, [t, i]);
@@ -5285,18 +5286,18 @@ function oc() {
     () => ({ "--pct": `${p}%` }),
     [p]
   ), C = he(() => Math.round(p), [p]);
-  return /* @__PURE__ */ J("div", { className: At.scrubberWrap, children: [
-    e && /* @__PURE__ */ x("div", { className: At.labels, children: /* @__PURE__ */ J("span", { className: At.index, children: [
+  return /* @__PURE__ */ ee("div", { className: Bt.scrubberWrap, children: [
+    e && /* @__PURE__ */ x("div", { className: Bt.labels, children: /* @__PURE__ */ ee("span", { className: Bt.index, children: [
       y,
       " / ",
       n || 0
     ] }) }),
-    /* @__PURE__ */ J("div", { className: At.controls, children: [
+    /* @__PURE__ */ ee("div", { className: Bt.controls, children: [
       /* @__PURE__ */ x(
         "input",
         {
           type: "range",
-          className: At.range,
+          className: Bt.range,
           min: 0,
           max: 100,
           step: 0.5,
@@ -5315,15 +5316,15 @@ function oc() {
           "aria-label": "진행률"
         }
       ),
-      /* @__PURE__ */ J("span", { className: At.percent, children: [
+      /* @__PURE__ */ ee("span", { className: Bt.percent, children: [
         C,
         "%"
       ] })
     ] })
   ] });
 }
-const ic = D.memo(oc), sc = Wt(function() {
-  const t = Ue(Et), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = _e((S) => S.playbackKind), o = _e((S) => S.status), i = _e((S) => S.fake), s = ee((S) => S.audioSpeed), u = _e((S) => S.pause), a = U((S) => S.totalRuns), l = U((S) => S.currentGlobalRunIndex), d = U((S) => S.setCurrentGlobalRunIndex), h = U((S) => S.getSectionScrollApi), p = U((S) => S.nextReadableFrom), m = U((S) => S.edgeReadable), v = se(null), y = se(null), c = se(0), f = se(-1), g = !n && r === "fake" && o === "playing", w = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), C = he(() => {
+const ic = W.memo(oc), sc = Dt(function() {
+  const t = Ue(Ot), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = _e((S) => S.playbackKind), o = _e((S) => S.status), i = _e((S) => S.fake), s = X((S) => S.audioSpeed), u = _e((S) => S.pause), a = U((S) => S.totalRuns), l = U((S) => S.currentGlobalRunIndex), d = U((S) => S.setCurrentGlobalRunIndex), h = U((S) => S.getSectionScrollApi), p = U((S) => S.nextReadableFrom), m = U((S) => S.edgeReadable), v = se(null), y = se(null), c = se(0), f = se(-1), g = !n && r === "fake" && o === "playing", w = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), C = he(() => {
     const S = 200 * s;
     return w / S * 6e4;
   }, [w, s]), _ = he(() => !a || a <= 1 || C <= 0 ? 0 : (a - 1) / C, [a, C]);
@@ -5344,7 +5345,7 @@ const ic = D.memo(oc), sc = Wt(function() {
   const b = te(
     (S) => {
       (async () => {
-        var N, B;
+        var N, A;
         if (!g) {
           v.current = null;
           return;
@@ -5364,7 +5365,7 @@ const ic = D.memo(oc), sc = Wt(function() {
           return;
         }
         const z = R;
-        z !== f.current && (f.current = z, d(z, "audio"), z % 5 === 0 && await ((B = I == null ? void 0 : I.ensureVisibleGI) == null ? void 0 : B.call(I, z))), v.current = requestAnimationFrame(b);
+        z !== f.current && (f.current = z, d(z, "audio"), z % 5 === 0 && await ((A = I == null ? void 0 : I.ensureVisibleGI) == null ? void 0 : A.call(I, z))), v.current = requestAnimationFrame(b);
       })().catch(console.error);
     },
     [g, a, _, p, d, h, u]
@@ -5372,15 +5373,15 @@ const ic = D.memo(oc), sc = Wt(function() {
   return me(() => (g ? v.current == null && (v.current = requestAnimationFrame(b)) : (v.current && (cancelAnimationFrame(v.current), v.current = null), y.current = null), () => {
     v.current && (cancelAnimationFrame(v.current), v.current = null);
   }), [g, b]), null;
-}), lc = Wt(function() {
+}), lc = Dt(function() {
   return /* @__PURE__ */ x(sc, {});
 }), ac = "data:image/svg+xml,%3csvg%20width='111'%20height='111'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20overflow='hidden'%3e%3cg%20transform='translate(-435%2011)'%3e%3cpath%20d='M532.723%2046.8125C530.242%2046.8292%20527.8%2047.4292%20525.593%2048.5642%20523.298%2049.7713%20520.952%2050.8767%20518.608%2051.8815%20517.451%2031.9953%20500.391%2016.8128%20480.505%2017.9704%20462.359%2019.0268%20447.834%2033.4215%20446.615%2051.5578L438.476%2048.1353%20438.476%2049.9344C438.473%2054.7251%20441.432%2059.0185%20445.91%2060.721%20446.509%2060.9604%20447.138%2061.1708%20447.767%2061.3801%20448.053%2061.4761%20448.339%2061.5709%20448.622%2061.6692L447.745%2066.7254C447.463%2068.2415%20447.818%2069.8071%20448.728%2071.0521%20449.635%2072.2874%20450.984%2073.1242%20452.493%2073.3877L452.768%2073.4282C453.011%2073.488%20453.259%2073.5198%20453.509%2073.523%20456.31%2073.5182%20458.699%2071.4953%20459.166%2068.7338L459.781%2064.8673C468.886%2066.8727%20478.184%2067.875%20487.508%2067.8562%20493.267%2067.8674%20499.021%2067.5125%20504.736%2066.7937%20504.893%2066.7613%20505.041%2066.7405%20505.184%2066.7231L505.562%2068.8379C505.986%2071.6231%20508.396%2073.6706%20511.213%2073.6375%20511.583%2073.648%20511.953%2073.5977%20512.307%2073.4883%20515.422%2072.958%20517.518%2070.0024%20516.988%2066.8869%20516.984%2066.8688%20516.981%2066.8509%20516.978%2066.833L516.758%2065.6767C522.066%2065.3125%20527.42%2065.3125%20532.607%2065.3125L532.723%2065.3125C537.831%2065.6255%20542.226%2061.7378%20542.539%2056.6292%20542.852%2051.5205%20538.965%2047.1255%20533.856%2046.8125%20533.479%2046.7894%20533.1%2046.7894%20532.723%2046.8125ZM516.326%2052.7256C511.914%2054.5082%20507.352%2055.8913%20502.693%2056.858L492.697%2041.007%20501.916%2026.3469C510.579%2032.4029%20515.911%2042.1631%20516.326%2052.7256ZM500.254%2057.3217C497.133%2057.8531%20493.977%2058.1542%20490.811%2058.2224L487.449%2058.2224C480.061%2058.2766%20472.682%2057.6921%20465.394%2056.4753L474.504%2042.1644%20490.692%2042.1644ZM482.602%2020.2188C488.73%2020.2155%20494.742%2021.8953%20499.981%2025.075L490.693%2039.8507%20474.491%2039.8195%20465.194%2025.0415C470.449%2021.8782%20476.468%2020.2107%20482.602%2020.2188ZM463.254%2026.2995%20472.504%2041.0023%20462.938%2056.0267C458.169%2055.1133%20453.47%2053.8672%20448.875%2052.2977%20449.378%2041.8709%20454.689%2032.2672%20463.254%2026.2995ZM456.876%2068.3719C456.595%2070.0115%20455.173%2071.2097%20453.509%2071.2094%20453.431%2071.2042%20453.354%2071.191%20453.278%2071.1701%20453.133%2071.1343%20452.984%2071.1101%20452.835%2071.0972%20451.94%2070.9264%20451.142%2070.4243%20450.601%2069.6912%20450.063%2068.9533%20449.853%2068.0254%20450.023%2067.1278L450.844%2062.3872%20457.525%2064.2962ZM514.123%2069.8103C513.566%2070.5637%20512.74%2071.0728%20511.817%2071.2313L511.657%2071.2718C511.514%2071.32%20511.363%2071.3392%20511.213%2071.3285%20509.525%2071.3698%20508.075%2070.1378%20507.844%2068.4656L507.486%2066.4688%20514.501%2065.8548%20514.701%2067.2527C514.87%2068.1485%20514.661%2069.0742%20514.123%2069.8103ZM532.723%2063%20532.607%2063C526.955%2063%20521.113%2063%20515.284%2063.4625L515.276%2063.4625%20515.276%2063.4625%20505.9%2064.2904%20504.36%2064.5078C498.77%2065.2064%20493.141%2065.5509%20487.508%2065.5391%20477.952%2065.5601%20468.425%2064.4858%20459.114%2062.3375L450.263%2059.8168%20446.738%2058.5658C443.792%2057.4525%20441.62%2054.9086%20440.982%2051.8237%20454.33%2057.5309%20470.023%2060.5383%20486.577%2060.5383%20486.868%2060.5383%20487.161%2060.5383%20487.452%2060.5383L490.828%2060.5383C500.421%2060.2575%20509.874%2058.1665%20518.689%2054.3755L518.797%2054.3304C521.437%2053.2216%20524.086%2051.9728%20526.649%2050.6235%20528.526%2049.6491%20530.608%2049.1354%20532.723%2049.125%20536.554%2048.8199%20539.908%2051.6785%20540.213%2055.5099%20540.518%2059.3414%20537.659%2062.6949%20533.828%2063%20533.46%2063.0293%20533.091%2063.0293%20532.723%2063Z'/%3e%3cpath%20d='M534.442%2053.75C534.442%2055.0272%20533.407%2056.0625%20532.13%2056.0625%20530.852%2056.0625%20529.817%2055.0272%20529.817%2053.75%20529.817%2052.4728%20530.852%2051.4375%20532.13%2051.4375%20533.407%2051.4375%20534.442%2052.4728%20534.442%2053.75Z'/%3e%3c/g%3e%3c/svg%3e", cc = "data:image/svg+xml,%3csvg%20width='159'%20height='159'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20overflow='hidden'%3e%3cg%20transform='translate(-392%20-84)'%3e%3cpath%20d='M496.776%20189.601C496.122%20189.934%20495.77%20190.663%20495.916%20191.383L499.911%20210.219C500.074%20210.985%20500.75%20211.532%20501.533%20211.531L501.929%20211.531C503.729%20211.515%20505.222%20212.919%20505.319%20214.716%20505.389%20216.544%20503.964%20218.083%20502.136%20218.154%20502.093%20218.155%20502.05%20218.156%20502.006%20218.156L497.503%20218.156C495.941%20218.15%20494.594%20217.058%20494.263%20215.531L490.363%20197.147C490.174%20196.252%20489.294%20195.68%20488.4%20195.87%20488.399%20195.87%20488.399%20195.87%20488.399%20195.87%20488.174%20195.918%20487.962%20196.014%20487.776%20196.15L481.184%20200.898C479.925%20201.758%20478.809%20202.45%20477.776%20203.015%20476.998%20203.429%20476.669%20204.372%20477.022%20205.18%20477.402%20206.011%20478.385%20206.378%20479.217%20205.998%20479.253%20205.981%20479.288%20205.964%20479.322%20205.945%20480.618%20205.229%20481.877%20204.447%20483.094%20203.604L487.657%20200.313%20491.031%20216.213C491.677%20219.273%20494.376%20221.464%20497.503%20221.469L501.882%20221.469C505.577%20221.473%20508.587%20218.502%20508.631%20214.807%20508.608%20211.503%20506.158%20208.719%20502.883%20208.277L499.416%20191.93C502.051%20190.581%20506.719%20188.344%20509.619%20188.344%20515.225%20188.346%20520.812%20187.662%20526.252%20186.307%20530.081%20185.36%20533.152%20182.51%20534.381%20178.762L534.535%20178.295C535.676%20175.09%20535.323%20171.542%20533.573%20168.624L525.126%20154.2C522.254%20149.369%20517.625%20145.835%20512.207%20144.337%20512.364%20138.624%20511.516%20132.927%20509.7%20127.508%20504.714%20113.244%20488.452%20105.977%20487.761%20105.669%20487.336%20105.48%20486.851%20105.48%20486.426%20105.669%20485.959%20105.876%20484.987%20106.308%20483.1%20111.962%20482.811%20112.832%20483.281%20113.77%20484.15%20114.059%20485.019%20114.348%20485.958%20113.878%20486.247%20113.009%20486.649%20111.744%20487.129%20110.505%20487.685%20109.299%20491.474%20111.245%20502.818%20117.831%20506.566%20128.543%20508.418%20133.972%20509.183%20139.713%20508.815%20145.437%20508.734%20146.277%20509.297%20147.043%20510.122%20147.217%20515.212%20148.269%20519.626%20151.41%20522.287%20155.875L530.744%20170.299C532.007%20172.379%20532.256%20174.921%20531.42%20177.207L531.254%20177.727C530.378%20180.388%20528.194%20182.41%20525.474%20183.079%20520.288%20184.375%20514.964%20185.031%20509.619%20185.031%20505.93%20185.031%20501.061%20187.35%20496.776%20189.601Z'/%3e%3cpath%20d='M422.439%20192.966C421.946%20190.791%20421.681%20188.571%20421.649%20186.341%20421.7%20185.427%20421.001%20184.643%20420.086%20184.592%20419.171%20184.54%20418.388%20185.239%20418.336%20186.154%20418.324%20187.879%20418.47%20189.602%20418.772%20191.3%20412.577%20189.633%20408.907%20183.26%20410.574%20177.065%20411.942%20171.981%20416.559%20168.453%20421.824%20168.469%20422.661%20168.473%20423.491%20168.611%20424.284%20168.88%20425.056%20169.133%20425.898%20168.787%20426.271%20168.065%20435.26%20150.783%20455.639%20142.806%20473.971%20149.392%20474.837%20150.636%20475.5%20151.557%20475.559%20151.638%20476.094%20152.38%20477.129%20152.549%20477.872%20152.014%20478.614%20151.479%20478.782%20150.444%20478.248%20149.702%20478.216%20149.657%20475.101%20145.338%20473.444%20142.62%20467.845%20132.798%20470.283%20120.115%20471.358%20115.817%20475.617%20117.014%20487.816%20121.194%20493.442%20131.039%20496.082%20135.531%20497.921%20140.449%20498.876%20145.571%20499.017%20146.361%20499.705%20146.936%20500.508%20146.936L503.929%20146.936C504.816%20146.948%20505.561%20146.274%20505.639%20145.391%20505.7%20144.478%20505.01%20143.688%20504.097%20143.627%20504.059%20143.624%20504.021%20143.623%20503.982%20143.623L501.871%20143.623C500.778%20138.613%20498.902%20133.806%20496.312%20129.38%20488.742%20116.13%20471.271%20112.337%20470.533%20112.183%20469.704%20112.01%20468.879%20112.489%20468.618%20113.294%20468.385%20114.011%20463.013%20131.036%20470.568%20144.256%20470.579%20144.276%20470.745%20144.576%20470.978%20144.973%20470.99%20144.991%20470.978%20145.003%20470.96%20144.998%20452.498%20140.481%20433.287%20148.811%20423.966%20165.375%20423.261%20165.231%20422.543%20165.158%20421.824%20165.156%20413.582%20165.183%20406.923%20171.886%20406.95%20180.128%20406.974%20187.414%20412.256%20193.618%20419.446%20194.803L419.446%20194.803C419.532%20195.194%20419.611%20195.585%20419.706%20195.972L419.8%20196.329C422.428%20206.56%20428.796%20215.436%20437.646%20221.204%20437.917%20221.379%20438.232%20221.473%20438.554%20221.474L473.068%20221.474C476.748%20221.495%20479.756%20218.542%20479.801%20214.862%20479.847%20211.242%20476.95%20208.27%20473.329%20208.224%20473.278%20208.223%20473.227%20208.223%20473.176%20208.224L465.158%20208.224C474.765%20201.216%20476.873%20187.747%20469.866%20178.14%20465.812%20172.583%20459.348%20169.297%20452.47%20169.297%20450.573%20169.261%20448.682%20169.507%20446.858%20170.029%20445.981%20170.293%20445.484%20171.219%20445.749%20172.096%20446.013%20172.973%20446.938%20173.47%20447.816%20173.206%20449.328%20172.775%20450.897%20172.574%20452.47%20172.609%20462.532%20172.632%20470.67%20180.807%20470.648%20190.869%20470.63%20198.914%20465.337%20205.995%20457.626%20208.29%20456.784%20208.543%20456.286%20209.408%20456.491%20210.263%20456.686%20211.016%20457.369%20211.54%20458.147%20211.533L473.107%20211.533C474.951%20211.521%20476.458%20213.001%20476.48%20214.845%20476.52%20216.635%20475.102%20218.118%20473.312%20218.158%20473.264%20218.159%20473.216%20218.159%20473.168%20218.158L439.054%20218.158C431.004%20212.776%20425.251%20204.584%20422.922%20195.184%20422.853%20194.889%20422.795%20194.619%20422.733%20194.339Z'/%3e%3cpath%20d='M519.521%20163.831C519.708%20162.011%20518.383%20160.385%20516.563%20160.199%20514.743%20160.012%20513.117%20161.337%20512.931%20163.157%20512.744%20164.977%20514.069%20166.603%20515.889%20166.789%20516.113%20166.812%20516.339%20166.812%20516.563%20166.789%20518.126%20166.629%20519.361%20165.394%20519.521%20163.831Z'/%3e%3c/g%3e%3c/svg%3e", uc = "_WPMSpeedButtonsWrap_r3byt_1", dc = "_btnWrap_r3byt_7", fc = "_label_r3byt_14", pc = "_iconBtn_r3byt_22", qt = {
   WPMSpeedButtonsWrap: uc,
   btnWrap: dc,
   label: fc,
   iconBtn: pc
-}, xo = 350, gc = 40, hc = 0.85, mc = Wt(function() {
-  const t = ee((p) => p.audioSpeed), n = ee((p) => p.incAudioSpeed), r = ee((p) => p.decAudioSpeed), o = se(null), i = se(xo), s = se(null), u = te(
+}, xo = 350, gc = 40, hc = 0.85, mc = Dt(function() {
+  const t = X((p) => p.audioSpeed), n = X((p) => p.incAudioSpeed), r = X((p) => p.decAudioSpeed), o = se(null), i = se(xo), s = se(null), u = te(
     (p) => {
       const m = t;
       if (p === "inc") {
@@ -5415,7 +5416,7 @@ const ic = D.memo(oc), sc = Wt(function() {
     {
       onMouseLeave: a,
       className: qt.WPMSpeedButtonsWrap,
-      children: /* @__PURE__ */ J("div", { className: qt.btnWrap, children: [
+      children: /* @__PURE__ */ ee("div", { className: qt.btnWrap, children: [
         /* @__PURE__ */ x(
           "button",
           {
@@ -5524,7 +5525,7 @@ function Tc(e) {
 }
 function kc() {
   var k;
-  const e = ee((T) => T.showOverlays), t = U((T) => T.section), n = !!t.ast.isAddedSplit, r = !!((k = t.audios) != null && k.length), o = U((T) => T.canTracking), i = U((T) => T.canToggleShowGaze), s = U((T) => T.showGaze), u = U((T) => T.onToggleShowGaze), a = ee((T) => T.muteAudio), l = ee((T) => T.showPointer), d = ee((T) => T.showSplit), h = ee((T) => T.toggleMuteAudio), p = ee((T) => T.toggleShowPointer), m = ee((T) => T.toggleShowSplit), v = ee((T) => T.overlayCompactMode), y = ee((T) => T.toggleOverlayCompactMode), c = yn(), f = _t();
+  const e = X((T) => T.showOverlays), t = U((T) => T.section), n = !!t.ast.isAddedSplit, r = !!((k = t.audios) != null && k.length), o = U((T) => T.canTracking), i = U((T) => T.canToggleShowGaze), s = U((T) => T.showGaze), u = U((T) => T.onToggleShowGaze), a = X((T) => T.muteAudio), l = X((T) => T.showPointer), d = X((T) => T.showSplit), h = X((T) => T.toggleMuteAudio), p = X((T) => T.toggleShowPointer), m = X((T) => T.toggleShowSplit), v = X((T) => T.overlayCompactMode), y = X((T) => T.toggleOverlayCompactMode), c = yn(), f = Mt();
   me(() => {
     const T = c.getState(), { syncToGI: O, useFake: P, useReal: I } = T, R = T.playbackKind, z = f.getState().progress.currentGlobalRunIndex ?? 0;
     if (!r) {
@@ -5538,7 +5539,7 @@ function kc() {
       T.stopPropagation(), C === "playing" || C === "loading" ? w() : g();
     },
     [C, g, w]
-  ), M = yn(), b = _t(), S = te(
+  ), M = yn(), b = Mt(), S = te(
     async (T) => {
       var xe, Fe;
       if (T.stopPropagation(), C === "playing" || C === "loading") {
@@ -5551,16 +5552,16 @@ function kc() {
         edgeReadable: R,
         setCurrentGlobalRunIndex: z,
         getSectionScrollApi: N
-      } = O, B = M.getState(), V = B.currentClip, re = N == null ? void 0 : N(), be = typeof P == "number" ? P : 0, Se = typeof I == "function" ? I(be) : be, Ce = typeof R == "function" ? R(1) : null;
+      } = O, A = M.getState(), V = A.currentClip, re = N == null ? void 0 : N(), be = typeof P == "number" ? P : 0, Se = typeof I == "function" ? I(be) : be, Ce = typeof R == "function" ? R(1) : null;
       if (Ce != null && Se >= Ce) {
-        z == null || z(Ce, "audio"), await ((xe = re == null ? void 0 : re.ensureVisibleGI) == null ? void 0 : xe.call(re, Ce)), B.syncToGI(Ce);
+        z == null || z(Ce, "audio"), await ((xe = re == null ? void 0 : re.ensureVisibleGI) == null ? void 0 : xe.call(re, Ce)), A.syncToGI(Ce);
         return;
       }
-      z == null || z(Se, "audio"), await ((Fe = re == null ? void 0 : re.ensureVisibleGI) == null ? void 0 : Fe.call(re, Se)), B.syncToGI(Se), g(V);
+      z == null || z(Se, "audio"), await ((Fe = re == null ? void 0 : re.ensureVisibleGI) == null ? void 0 : Fe.call(re, Se)), A.syncToGI(Se), g(V);
     },
     [C, w, g, M, b]
   );
-  return /* @__PURE__ */ J(
+  return /* @__PURE__ */ ee(
     "div",
     {
       className: `${Re.wrap} ${e ? Re.visible : ""} ${v ? Re.compact : ""}`,
@@ -5573,8 +5574,8 @@ function kc() {
       children: [
         !v && /* @__PURE__ */ x(ic, {}),
         /* @__PURE__ */ x("div", { style: v ? { display: "none" } : void 0, children: r && !a ? /* @__PURE__ */ x(Qa, {}) : /* @__PURE__ */ x(lc, {}) }),
-        /* @__PURE__ */ J("div", { className: Re.controls, children: [
-          /* @__PURE__ */ J("div", { className: Re.row1, children: [
+        /* @__PURE__ */ ee("div", { className: Re.controls, children: [
+          /* @__PURE__ */ ee("div", { className: Re.row1, children: [
             /* @__PURE__ */ x("div", { className: Re.groupExpand, children: /* @__PURE__ */ x(
               "button",
               {
@@ -5587,7 +5588,7 @@ function kc() {
                 children: v ? /* @__PURE__ */ x(Tc, { size: 24 }) : /* @__PURE__ */ x(Cc, { size: 24 })
               }
             ) }),
-            /* @__PURE__ */ J("div", { className: Re.groupPlayback, children: [
+            /* @__PURE__ */ ee("div", { className: Re.groupPlayback, children: [
               /* @__PURE__ */ x(wo, { direction: "left" }),
               /* @__PURE__ */ x(
                 Ic,
@@ -5602,9 +5603,9 @@ function kc() {
             ] }),
             /* @__PURE__ */ x("div", { className: Re.groupSpeed, children: /* @__PURE__ */ x(mc, {}) })
           ] }),
-          /* @__PURE__ */ J("div", { className: Re.row2, children: [
-            /* @__PURE__ */ J("div", { className: Re.groupFeatures, children: [
-              r && /* @__PURE__ */ J(
+          /* @__PURE__ */ ee("div", { className: Re.row2, children: [
+            /* @__PURE__ */ ee("div", { className: Re.groupFeatures, children: [
+              r && /* @__PURE__ */ ee(
                 "button",
                 {
                   type: "button",
@@ -5619,7 +5620,7 @@ function kc() {
                   ]
                 }
               ),
-              /* @__PURE__ */ J(
+              /* @__PURE__ */ ee(
                 "button",
                 {
                   type: "button",
@@ -5634,7 +5635,7 @@ function kc() {
                   ]
                 }
               ),
-              n && /* @__PURE__ */ J(
+              n && /* @__PURE__ */ ee(
                 "button",
                 {
                   type: "button",
@@ -5650,7 +5651,7 @@ function kc() {
                   ]
                 }
               ),
-              /* @__PURE__ */ J(
+              /* @__PURE__ */ ee(
                 "button",
                 {
                   type: "button",
@@ -5667,7 +5668,7 @@ function kc() {
                 }
               )
             ] }),
-            /* @__PURE__ */ J("div", { className: Re.groupNav, children: [
+            /* @__PURE__ */ ee("div", { className: Re.groupNav, children: [
               /* @__PURE__ */ x(wa, {}),
               /* @__PURE__ */ x(Cn, {})
             ] })
@@ -5677,27 +5678,27 @@ function kc() {
     }
   );
 }
-const Rc = D.memo(kc);
+const Rc = W.memo(kc);
 function _c(e) {
   return Ze({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "M262.29 192.31a64 64 0 1 0 57.4 57.4 64.13 64.13 0 0 0-57.4-57.4zM416.39 256a154.34 154.34 0 0 1-1.53 20.79l45.21 35.46a10.81 10.81 0 0 1 2.45 13.75l-42.77 74a10.81 10.81 0 0 1-13.14 4.59l-44.9-18.08a16.11 16.11 0 0 0-15.17 1.75A164.48 164.48 0 0 1 325 400.8a15.94 15.94 0 0 0-8.82 12.14l-6.73 47.89a11.08 11.08 0 0 1-10.68 9.17h-85.54a11.11 11.11 0 0 1-10.69-8.87l-6.72-47.82a16.07 16.07 0 0 0-9-12.22 155.3 155.3 0 0 1-21.46-12.57 16 16 0 0 0-15.11-1.71l-44.89 18.07a10.81 10.81 0 0 1-13.14-4.58l-42.77-74a10.8 10.8 0 0 1 2.45-13.75l38.21-30a16.05 16.05 0 0 0 6-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 0 0-6.07-13.94l-38.19-30A10.81 10.81 0 0 1 49.48 186l42.77-74a10.81 10.81 0 0 1 13.14-4.59l44.9 18.08a16.11 16.11 0 0 0 15.17-1.75A164.48 164.48 0 0 1 187 111.2a15.94 15.94 0 0 0 8.82-12.14l6.73-47.89A11.08 11.08 0 0 1 213.23 42h85.54a11.11 11.11 0 0 1 10.69 8.87l6.72 47.82a16.07 16.07 0 0 0 9 12.22 155.3 155.3 0 0 1 21.46 12.57 16 16 0 0 0 15.11 1.71l44.89-18.07a10.81 10.81 0 0 1 13.14 4.58l42.77 74a10.8 10.8 0 0 1-2.45 13.75l-38.21 30a16.05 16.05 0 0 0-6.05 14.08c.33 4.14.55 8.3.55 12.47z" }, child: [] }] })(e);
 }
-const Mc = "_host_gafql_3", Ec = "_topbar_gafql_11", Oc = "_visible_gafql_32", zc = "_backBtn_gafql_37", Pc = "_title_gafql_58", Bc = "_calibrationBtn_gafql_67", Ac = "_disabled_gafql_87", Gc = "_settingsBtn_gafql_95", vt = {
+const Mc = "_host_gafql_3", Ec = "_topbar_gafql_11", Oc = "_visible_gafql_32", zc = "_backBtn_gafql_37", Pc = "_title_gafql_58", Ac = "_calibrationBtn_gafql_67", Bc = "_disabled_gafql_87", Gc = "_settingsBtn_gafql_95", vt = {
   host: Mc,
   topbar: Ec,
   visible: Oc,
   backBtn: zc,
   title: Pc,
-  calibrationBtn: Bc,
-  disabled: Ac,
+  calibrationBtn: Ac,
+  disabled: Bc,
   settingsBtn: Gc
 };
 function Lc() {
-  const e = ee((h) => h.showOverlays), t = ee((h) => h.overlayCompactMode), n = U((h) => h.onViewerClose), o = U((h) => h.section).ast.title, i = U((h) => h.canTracking), s = U((h) => h.handleAskCalibration), u = ee((h) => h.setSettingsOpen), a = ee((h) => h.setShowOverlays), l = te(() => {
+  const e = X((h) => h.showOverlays), t = X((h) => h.overlayCompactMode), n = U((h) => h.onViewerClose), o = U((h) => h.section).ast.title, i = U((h) => h.canTracking), s = U((h) => h.handleAskCalibration), u = X((h) => h.setSettingsOpen), a = X((h) => h.setShowOverlays), l = te(() => {
     n == null || n();
   }, [n]), d = te(() => {
     u(!0), a(!1);
   }, [u, a]);
-  return /* @__PURE__ */ x("div", { className: vt.host, children: /* @__PURE__ */ J("div", { className: `${vt.topbar} ${e && !t ? vt.visible : ""}`, children: [
+  return /* @__PURE__ */ x("div", { className: vt.host, children: /* @__PURE__ */ ee("div", { className: `${vt.topbar} ${e && !t ? vt.visible : ""}`, children: [
     /* @__PURE__ */ x("button", { type: "button", className: vt.backBtn, onClick: l, "aria-label": "뒤로가기", children: /* @__PURE__ */ x(Oa, { size: 28 }) }),
     /* @__PURE__ */ x("div", { className: vt.title, children: /* @__PURE__ */ x("span", { className: "truncate", children: o || "섹션 없음" }) }),
     /* @__PURE__ */ x(
@@ -5724,11 +5725,11 @@ function Lc() {
     )
   ] }) });
 }
-const Hc = D.memo(Lc), Nc = "_wrap_62su0_7", Fc = "_wrapHidden_62su0_29", Wc = "_wrapVisible_62su0_35", Dc = "_scrollArea_62su0_71", $c = "_row_62su0_81", Vc = "_label_62su0_89", qc = "_btn_62su0_95", jc = "_btnActive_62su0_106", Uc = "_btnSmall_62su0_110", Kc = "_pill_62su0_122", Xc = "_themeCircle_62su0_133", Yc = "_themeCircleActive_62su0_146", Qc = "_stepRow_62su0_151", Zc = "_stepLabel_62su0_159", Jc = "_levelBox_62su0_172", eu = "_inlineFlex_62su0_177", Be = {
+const Hc = W.memo(Lc), Nc = "_wrap_62su0_7", Fc = "_wrapHidden_62su0_29", Dc = "_wrapVisible_62su0_35", Wc = "_scrollArea_62su0_71", $c = "_row_62su0_81", Vc = "_label_62su0_89", qc = "_btn_62su0_95", jc = "_btnActive_62su0_106", Uc = "_btnSmall_62su0_110", Kc = "_pill_62su0_122", Xc = "_themeCircle_62su0_133", Yc = "_themeCircleActive_62su0_146", Qc = "_stepRow_62su0_151", Zc = "_stepLabel_62su0_159", Jc = "_levelBox_62su0_172", eu = "_inlineFlex_62su0_177", Ae = {
   wrap: Nc,
   wrapHidden: Fc,
-  wrapVisible: Wc,
-  scrollArea: Dc,
+  wrapVisible: Dc,
+  scrollArea: Wc,
   row: $c,
   label: Vc,
   btn: qc,
@@ -5743,21 +5744,21 @@ const Hc = D.memo(Lc), Nc = "_wrap_62su0_7", Fc = "_wrapHidden_62su0_29", Wc = "
   inlineFlex: eu
 };
 function tu({ visible: e }) {
-  const t = ee((b) => b.mode), n = ee((b) => b.setMode), r = ee((b) => b.theme), o = ee((b) => b.setTheme), i = ee((b) => b.fontFamily), s = ee((b) => b.setFontFamily), u = ee((b) => b.resetToDefaults), a = ee((b) => b.getFontLevel()), l = ee((b) => b.getLineLevel()), d = ee((b) => b.getMarginLevel()), h = ee((b) => b.setFontLevel), p = ee((b) => b.setLineLevel), m = ee((b) => b.setMarginLevel), v = ee((b) => b.pointerStyle), y = ee((b) => b.setPointerStyle), c = ee((b) => b.pointerColor), f = ee((b) => b.setPointerColor), g = ee((b) => b.breakMarks), w = ee((b) => b.toggleBreakMark), C = ee((b) => b.getBreakGapLevel()), _ = ee((b) => b.setBreakGapLevel), M = `${Be.wrap} ${e ? Be.wrapVisible : Be.wrapHidden}`;
-  return /* @__PURE__ */ J("div", { className: M, role: "dialog", "aria-modal": "true", "aria-label": "뷰어 설정", children: [
-    /* @__PURE__ */ J("div", { className: Be.scrollArea, children: [
-      /* @__PURE__ */ x(jt, { label: "열람방식", children: /* @__PURE__ */ J("div", { className: Be.inlineFlex, children: [
+  const t = X((b) => b.mode), n = X((b) => b.setMode), r = X((b) => b.theme), o = X((b) => b.setTheme), i = X((b) => b.fontFamily), s = X((b) => b.setFontFamily), u = X((b) => b.resetToDefaults), a = X((b) => b.getFontLevel()), l = X((b) => b.getLineLevel()), d = X((b) => b.getMarginLevel()), h = X((b) => b.setFontLevel), p = X((b) => b.setLineLevel), m = X((b) => b.setMarginLevel), v = X((b) => b.pointerStyle), y = X((b) => b.setPointerStyle), c = X((b) => b.pointerColor), f = X((b) => b.setPointerColor), g = X((b) => b.breakMarks), w = X((b) => b.toggleBreakMark), C = X((b) => b.getBreakGapLevel()), _ = X((b) => b.setBreakGapLevel), M = `${Ae.wrap} ${e ? Ae.wrapVisible : Ae.wrapHidden}`;
+  return /* @__PURE__ */ ee("div", { className: M, role: "dialog", "aria-modal": "true", "aria-label": "뷰어 설정", children: [
+    /* @__PURE__ */ ee("div", { className: Ae.scrollArea, children: [
+      /* @__PURE__ */ x(jt, { label: "열람방식", children: /* @__PURE__ */ ee("div", { className: Ae.inlineFlex, children: [
         /* @__PURE__ */ x(Gt, { active: t === "page", onClick: () => n("page"), children: "페이지" }),
         /* @__PURE__ */ x(Gt, { active: t === "scroll", onClick: () => n("scroll"), children: "스크롤" })
       ] }) }),
-      /* @__PURE__ */ x(jt, { label: "테마", children: /* @__PURE__ */ x("div", { className: Be.inlineFlex, children: Object.keys(bn).map((b) => {
+      /* @__PURE__ */ x(jt, { label: "테마", children: /* @__PURE__ */ x("div", { className: Ae.inlineFlex, children: Object.keys(bn).map((b) => {
         const S = b, k = bn[S];
         return /* @__PURE__ */ x(
           "button",
           {
             type: "button",
             onClick: () => o(S),
-            className: `${Be.themeCircle} ${r === b ? Be.themeCircleActive : ""}`,
+            className: `${Ae.themeCircle} ${r === b ? Ae.themeCircleActive : ""}`,
             style: { background: k.bg, color: k.fg, fontFamily: i },
             title: String(b),
             "aria-label": `테마: ${String(b)}`,
@@ -5766,7 +5767,7 @@ function tu({ visible: e }) {
           `${b}_tc_button`
         );
       }) }) }),
-      /* @__PURE__ */ x(jt, { label: "글꼴", children: /* @__PURE__ */ x("div", { className: Be.inlineFlex, children: Xo.map((b) => /* @__PURE__ */ x(
+      /* @__PURE__ */ x(jt, { label: "글꼴", children: /* @__PURE__ */ x("div", { className: Ae.inlineFlex, children: Xo.map((b) => /* @__PURE__ */ x(
         Gt,
         {
           active: i === b.value,
@@ -5809,7 +5810,7 @@ function tu({ visible: e }) {
           onInc: () => m(Math.min(5, d + 1))
         }
       ),
-      /* @__PURE__ */ x(jt, { label: "포인터", children: /* @__PURE__ */ J("div", { className: Be.inlineFlex, children: [
+      /* @__PURE__ */ x(jt, { label: "포인터", children: /* @__PURE__ */ ee("div", { className: Ae.inlineFlex, children: [
         /* @__PURE__ */ x(Gt, { active: v === "highlight", onClick: () => y("highlight"), children: "형광펜" }),
         /* @__PURE__ */ x(Gt, { active: v === "underline", onClick: () => y("underline"), children: "밑줄" }),
         /* @__PURE__ */ x(
@@ -5829,7 +5830,7 @@ function tu({ visible: e }) {
           }
         )
       ] }) }),
-      /* @__PURE__ */ x(jt, { label: "끊기표시", children: /* @__PURE__ */ x("div", { className: Be.inlineFlex, children: /* @__PURE__ */ x(Gt, { active: g.slash, onClick: () => w("slash"), children: "슬래쉬" }) }) }),
+      /* @__PURE__ */ x(jt, { label: "끊기표시", children: /* @__PURE__ */ x("div", { className: Ae.inlineFlex, children: /* @__PURE__ */ x(Gt, { active: g.slash, onClick: () => w("slash"), children: "슬래쉬" }) }) }),
       /* @__PURE__ */ x(
         pn,
         {
@@ -5842,12 +5843,12 @@ function tu({ visible: e }) {
         }
       )
     ] }),
-    /* @__PURE__ */ x("div", { className: Be.inlineFlex, style: { justifyContent: "center" }, children: /* @__PURE__ */ x("button", { type: "button", onClick: u, className: Be.pill, children: "보기 설정 초기화" }) })
+    /* @__PURE__ */ x("div", { className: Ae.inlineFlex, style: { justifyContent: "center" }, children: /* @__PURE__ */ x("button", { type: "button", onClick: u, className: Ae.pill, children: "보기 설정 초기화" }) })
   ] });
 }
 function jt({ label: e, children: t }) {
-  return /* @__PURE__ */ J("div", { className: Be.row, children: [
-    /* @__PURE__ */ x("label", { className: Be.label, children: e }),
+  return /* @__PURE__ */ ee("div", { className: Ae.row, children: [
+    /* @__PURE__ */ x("label", { className: Ae.label, children: e }),
     t
   ] });
 }
@@ -5863,7 +5864,7 @@ function Gt({
       type: "button",
       onClick: t,
       title: n,
-      className: `${Be.btn} ${e ? Be.btnActive : ""}`,
+      className: `${Ae.btn} ${e ? Ae.btnActive : ""}`,
       children: r
     }
   );
@@ -5877,28 +5878,28 @@ function pn({
   onInc: i
 }) {
   const s = t <= n, u = t >= r;
-  return /* @__PURE__ */ J("div", { className: Be.stepRow, children: [
-    /* @__PURE__ */ x("label", { className: Be.stepLabel, children: e }),
-    /* @__PURE__ */ J("div", { className: Be.inlineFlex, children: [
+  return /* @__PURE__ */ ee("div", { className: Ae.stepRow, children: [
+    /* @__PURE__ */ x("label", { className: Ae.stepLabel, children: e }),
+    /* @__PURE__ */ ee("div", { className: Ae.inlineFlex, children: [
       /* @__PURE__ */ x(
         "button",
         {
           type: "button",
           onClick: o,
           disabled: s,
-          className: Be.btnSmall,
+          className: Ae.btnSmall,
           "aria-label": "감소",
           children: "−"
         }
       ),
-      /* @__PURE__ */ x("div", { className: Be.levelBox, children: t }),
+      /* @__PURE__ */ x("div", { className: Ae.levelBox, children: t }),
       /* @__PURE__ */ x(
         "button",
         {
           type: "button",
           onClick: i,
           disabled: u,
-          className: Be.btnSmall,
+          className: Ae.btnSmall,
           "aria-label": "증가",
           children: "+"
         }
@@ -5906,9 +5907,9 @@ function pn({
     ] })
   ] });
 }
-const nu = D.memo(function() {
-  const t = ee((s) => s.showOverlays), n = ee((s) => s.isSettingsOpen), r = U((s) => s.rangeStartGI), o = U((s) => s.rangeEndGI);
-  return r != null && o != null ? null : /* @__PURE__ */ J(
+const nu = W.memo(function() {
+  const t = X((s) => s.showOverlays), n = X((s) => s.isSettingsOpen), r = U((s) => s.rangeStartGI), o = U((s) => s.rangeEndGI);
+  return r != null && o != null ? null : /* @__PURE__ */ ee(
     "div",
     {
       "aria-hidden": !0,
@@ -6181,7 +6182,7 @@ function cu({
   children: e,
   initialState: t
 }) {
-  const n = Ue(Et) ?? void 0, r = he(() => au({ ...t, recorderStore: n }), [t, n]);
+  const n = Ue(Ot) ?? void 0, r = he(() => au({ ...t, recorderStore: n }), [t, n]);
   return /* @__PURE__ */ x(On.Provider, { value: r, children: e });
 }
 function uu(e) {
@@ -6379,9 +6380,9 @@ function gu(e) {
         })), p && p.getState().emit({ type: "loading_start", payload: {} });
       else {
         const q = (G ? E - G : 0) / 1e3;
-        g((A) => ({
+        g((B) => ({
           progress: {
-            ...A.progress,
+            ...B.progress,
             sectionLoading: !1,
             _loadingStartTime: null
           }
@@ -6426,20 +6427,20 @@ function gu(e) {
         progress: { ...E.progress, rangeEndGI: K }
       })) : P());
     }, R = () => {
-      var Q;
+      var Z;
       const { rangeStartGI: K, rangeEndGI: $, section: G, layout: E } = w().progress;
       if (K == null || $ == null || !E) return "";
-      const L = ((Q = G.ast) == null ? void 0 : Q.blocks) ?? [], q = E.prefix, A = [];
+      const L = ((Z = G.ast) == null ? void 0 : Z.blocks) ?? [], q = E.prefix, B = [];
       for (let F = 0; F < L.length; F++) {
-        const X = L[F];
-        if (X.type !== "paragraph") continue;
-        const ne = X.runs ?? [], Z = q[F] ?? 0;
+        const Y = L[F];
+        if (Y.type !== "paragraph") continue;
+        const ne = Y.runs ?? [], J = q[F] ?? 0;
         for (let ce = 0; ce < ne.length; ce++) {
-          const ie = Z + ce;
-          ie >= K && ie <= $ && A.push(ne[ce].text ?? "");
+          const ie = J + ce;
+          ie >= K && ie <= $ && B.push(ne[ce].text ?? "");
         }
       }
-      return A.join("");
+      return B.join("");
     }, z = (K) => {
       g(($) => ({
         progress: {
@@ -6464,16 +6465,16 @@ function gu(e) {
           translateEndGI: void 0
         }
       }));
-    }, B = (K) => {
+    }, A = (K) => {
       const { totalRuns: $, derivedNav: G } = w().progress, E = G == null ? void 0 : G.readableGi;
       if (!E || $ <= 0) return K;
       const L = $, q = Math.max(0, Math.min(K, L - 1));
       if (E[q]) return q;
-      let A = q - 1, Q = q + 1;
-      for (; A >= 0 || Q < L; ) {
-        if (Q < L && E[Q]) return Q;
-        if (A >= 0 && E[A]) return A;
-        Q += 1, A -= 1;
+      let B = q - 1, Z = q + 1;
+      for (; B >= 0 || Z < L; ) {
+        if (Z < L && E[Z]) return Z;
+        if (B >= 0 && E[B]) return B;
+        Z += 1, B -= 1;
       }
       return q;
     }, V = (K, $) => {
@@ -6514,7 +6515,7 @@ function gu(e) {
         extendRange: I,
         getRangeText: R,
         // 네비 API
-        snapToReadable: B,
+        snapToReadable: A,
         nextReadableFrom: V,
         edgeReadable: re,
         hasReadableInDir: (K, $) => V(K + ($ > 0 ? 1 : -1), $) != null,
@@ -6523,28 +6524,28 @@ function gu(e) {
           if (!G || G <= 0) return K;
           const L = (E == null ? void 0 : E.groups) ?? [], q = E == null ? void 0 : E.giToGroupIdx;
           if (!L.length || !q) {
-            const Z = G - 1;
-            return B(Math.max(0, Math.min(K + $, Z)));
+            const J = G - 1;
+            return A(Math.max(0, Math.min(K + $, J)));
           }
-          let A = q[K] ?? -1;
-          if (A < 0 || A >= L.length)
+          let B = q[K] ?? -1;
+          if (B < 0 || B >= L.length)
             for (let ne = 0; ne < L.length; ne += 1) {
-              const Z = L[ne];
-              if (K >= Z.startG && K <= Z.endG) {
-                A = ne;
+              const J = L[ne];
+              if (K >= J.startG && K <= J.endG) {
+                B = ne;
                 break;
               }
             }
-          if (A < 0 || A >= L.length)
-            return re($) ?? B(K);
-          const Q = (ne) => ne >= 0 && ne < L.length && (L[ne].firstReadableGI ?? -1) >= 0;
-          let F = A + $;
-          for (; F >= 0 && F < L.length && !Q(F); )
+          if (B < 0 || B >= L.length)
+            return re($) ?? A(K);
+          const Z = (ne) => ne >= 0 && ne < L.length && (L[ne].firstReadableGI ?? -1) >= 0;
+          let F = B + $;
+          for (; F >= 0 && F < L.length && !Z(F); )
             F += $;
           if (F < 0 || F >= L.length)
-            return re($) ?? B(K + $);
-          const X = L[F].firstReadableGI;
-          return X >= 0 ? X : B(K + $);
+            return re($) ?? A(K + $);
+          const Y = L[F].firstReadableGI;
+          return Y >= 0 ? Y : A(K + $);
         },
         giToPercentTotal: (K) => {
           const $ = w().progress.totalRuns;
@@ -6565,7 +6566,7 @@ function hu({
   initialState: t,
   gazeSync: n
 }) {
-  const r = Ue(Et), o = he(
+  const r = Ue(Ot), o = he(
     () => gu({
       ...t,
       ...n ? n.getSnapshot() : {},
@@ -6596,7 +6597,7 @@ function mu({
   children: e,
   initialState: t
 }) {
-  const n = Ue(Et) ?? void 0, r = se(as({ init: t, recorderStore: n }));
+  const n = Ue(Ot) ?? void 0, r = se(as({ init: t, recorderStore: n }));
   return /* @__PURE__ */ x(vr.Provider, { value: r.current, children: e });
 }
 const bu = ({
@@ -6608,7 +6609,7 @@ const bu = ({
   const r = U((g) => g.section), o = he(() => {
     var g;
     return ((g = r.ast) == null ? void 0 : g.blocks) ?? [];
-  }, [r]), i = ee((g) => g.marginX), s = ee((g) => g.lineHeight), u = ee((g) => g.fontSizePx), a = ee((g) => g.fontFamily), l = ee((g) => g.viewportHeight), d = U((g) => {
+  }, [r]), i = X((g) => g.marginX), s = X((g) => g.lineHeight), u = X((g) => g.fontSizePx), a = X((g) => g.fontFamily), l = X((g) => g.viewportHeight), d = U((g) => {
     var w;
     return ((w = g.layout) == null ? void 0 : w.prefix) ?? [];
   }), h = U((g) => {
@@ -6674,7 +6675,7 @@ const bu = ({
         lineHeight: s,
         boxSizing: "border-box"
       },
-      children: /* @__PURE__ */ J(
+      children: /* @__PURE__ */ ee(
         "div",
         {
           style: {
@@ -6705,8 +6706,8 @@ const bu = ({
                 height: "auto"
               }, S = `sec-${r.section_id}/blk-${C.id ?? g}`;
               if (C.type === "image") {
-                const { src: E, alt: L, width: q, height: A } = C, Q = q && A ? `${q} / ${A}` : "4 / 3", F = l > 80 ? Math.floor((l - 80) * 0.6) : void 0;
-                return /* @__PURE__ */ x("div", { style: b, children: /* @__PURE__ */ J(
+                const { src: E, alt: L, width: q, height: B } = C, Z = q && B ? `${q} / ${B}` : "4 / 3", F = l > 80 ? Math.floor((l - 80) * 0.6) : void 0;
+                return /* @__PURE__ */ x("div", { style: b, children: /* @__PURE__ */ ee(
                   "div",
                   {
                     style: {
@@ -6722,7 +6723,7 @@ const bu = ({
                             position: "relative",
                             width: "100%",
                             maxHeight: F,
-                            aspectRatio: Q
+                            aspectRatio: Z
                           },
                           children: /* @__PURE__ */ x(
                             "img",
@@ -6756,9 +6757,9 @@ const bu = ({
                 R,
                 Math.min(p.endOffsetInBlock, z)
               ));
-              const N = R > 0, B = d[g] ?? 0, V = h[g] ?? [], re = B + R, be = B + z;
+              const N = R > 0, A = d[g] ?? 0, V = h[g] ?? [], re = A + R, be = A + z;
               let Se = f(V, re, be);
-              const Ce = B + R;
+              const Ce = A + R;
               Se = Se.map((E) => {
                 const L = Math.max(0, (E.startG ?? re) - Ce), q = E.len ?? Math.max(1, (E.endG ?? be) - (E.startG ?? re) + 1);
                 return {
@@ -6768,7 +6769,7 @@ const bu = ({
                 };
               });
               const xe = R <= z ? P.slice(R, z + 1) : [], Fe = k.list ? k.list.level * 24 : 0, K = ((G = k.list) == null ? void 0 : G.kind) === "bullet" ? k.list.glyph ?? "•" : void 0, $ = N ? void 0 : O ?? K;
-              return /* @__PURE__ */ x("div", { style: b, children: /* @__PURE__ */ J(
+              return /* @__PURE__ */ x("div", { style: b, children: /* @__PURE__ */ ee(
                 "p",
                 {
                   style: {
@@ -6905,9 +6906,9 @@ function Su(e) {
       if (c.current.touchId == null) return;
       const z = Array.from(R.touches).find((re) => re.identifier === c.current.touchId);
       if (!z) return;
-      const N = z.clientX - c.current.startX, B = Math.abs(N), V = Math.abs(z.clientY - c.current.startY);
+      const N = z.clientX - c.current.startX, A = Math.abs(N), V = Math.abs(z.clientY - c.current.startY);
       if (!c.current.swiping)
-        if (B >= y && B > V)
+        if (A >= y && A > V)
           c.current.swiping = !0;
         else
           return;
@@ -6919,8 +6920,8 @@ function Su(e) {
       if (c.current.touchId == null) return;
       const z = Array.from(R.changedTouches).find((re) => re.identifier === c.current.touchId);
       if (!z) return;
-      const N = z.clientX - c.current.startX, B = z.clientY - c.current.startY, V = R.timeStamp - c.current.startT;
-      c.current.swiping ? w(N, V) : Math.abs(N) < 10 && Math.abs(B) < 10 && g(R.target), c.current.suppressClick = !0, c.current.touchId = null, c.current.swiping = !1;
+      const N = z.clientX - c.current.startX, A = z.clientY - c.current.startY, V = R.timeStamp - c.current.startT;
+      c.current.swiping ? w(N, V) : Math.abs(N) < 10 && Math.abs(A) < 10 && g(R.target), c.current.suppressClick = !0, c.current.touchId = null, c.current.swiping = !1;
     },
     [w, g]
   ), b = Ye.useCallback(() => {
@@ -6935,9 +6936,9 @@ function Su(e) {
   ), k = Ye.useCallback(
     (R) => {
       if (R.pointerType === "touch" || !c.current.mouseDown) return;
-      const z = R.clientX - c.current.mStartX, N = Math.abs(z), B = Math.abs(R.clientY - c.current.mStartY);
+      const z = R.clientX - c.current.mStartX, N = Math.abs(z), A = Math.abs(R.clientY - c.current.mStartY);
       if (!c.current.mouseSwiping)
-        if (N >= y && N > B) {
+        if (N >= y && N > A) {
           c.current.mouseSwiping = !0, c.current.suppressClick = !0;
           const V = c.current.capturedEl;
           if (V != null && V.setPointerCapture)
@@ -6956,8 +6957,8 @@ function Su(e) {
       var N;
       if (R.pointerType === "touch" || !c.current.mouseDown) return;
       if (c.current.mouseSwiping) {
-        const B = R.clientX - c.current.mStartX, V = R.timeStamp - c.current.mStartT;
-        w(B, V), document.body.style.userSelect = c.current.prevUserSelect;
+        const A = R.clientX - c.current.mStartX, V = R.timeStamp - c.current.mStartT;
+        w(A, V), document.body.style.userSelect = c.current.prevUserSelect;
       }
       const z = c.current.capturedEl;
       if ((N = z == null ? void 0 : z.hasPointerCapture) != null && N.call(z, R.pointerId))
@@ -7095,20 +7096,20 @@ function Tu() {
   }
   return er = n, er;
 }
-var tr, Bo;
+var tr, Ao;
 function ku() {
-  if (Bo) return tr;
-  Bo = 1;
+  if (Ao) return tr;
+  Ao = 1;
   var e = Hi(), t = Cu(), n = Tu(), r = "[object Null]", o = "[object Undefined]", i = e ? e.toStringTag : void 0;
   function s(u) {
     return u == null ? u === void 0 ? o : r : i && i in Object(u) ? t(u) : n(u);
   }
   return tr = s, tr;
 }
-var nr, Ao;
+var nr, Bo;
 function Ru() {
-  if (Ao) return nr;
-  Ao = 1;
+  if (Bo) return nr;
+  Bo = 1;
   function e(t) {
     return t != null && typeof t == "object";
   }
@@ -7224,9 +7225,9 @@ function Pu(e, t = 200, n, r) {
   }, [t, r]);
   return me(() => () => s.cancel(), [s]), s;
 }
-const Bu = "https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&family=Noto+Sans+KR:wght@300;400;500;700&family=Noto+Serif+KR:wght@400;700&display=swap";
+const Au = "https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&family=Noto+Sans+KR:wght@300;400;500;700&family=Noto+Serif+KR:wght@400;700&display=swap";
 let sr = !1;
-function Au() {
+function Bu() {
   if (sr || typeof document > "u") return;
   if (document.querySelector(
     'link[href*="fonts.googleapis.com"][href*="Noto"]'
@@ -7235,13 +7236,13 @@ function Au() {
     return;
   }
   const t = document.createElement("link");
-  t.rel = "stylesheet", t.href = Bu, document.head.appendChild(t), sr = !0;
+  t.rel = "stylesheet", t.href = Au, document.head.appendChild(t), sr = !0;
 }
 const Ni = /* @__PURE__ */ new Map(), Fi = (e) => Ni.get(e) ?? 0, Gu = (e) => {
   const t = Fi(e) + 1;
   return Ni.set(e, t), t;
 };
-class Wi extends Error {
+class Di extends Error {
   constructor() {
     super("calcPages canceled due to a newer invocation");
     Gr(this, "code", "CALC_PAGES_CANCELED");
@@ -7249,7 +7250,7 @@ class Wi extends Error {
   }
 }
 const rt = (e, t) => {
-  if (e !== Fi(t)) throw new Wi();
+  if (e !== Fi(t)) throw new Di();
 }, lr = (e) => {
   const t = getComputedStyle(e), n = parseFloat(t.marginTop || "0") || 0, r = parseFloat(t.marginBottom || "0") || 0;
   return { mt: n, mb: r };
@@ -7290,7 +7291,7 @@ async function Hu({
   var f, g, w;
   const c = Gu(y);
   if (rt(c, y), s && typeof document < "u" && document.fonts) {
-    Au();
+    Bu();
     try {
       const C = `${u}px ${s}`;
       await document.fonts.load(C), document.fonts.check(C) || await document.fonts.ready;
@@ -7309,7 +7310,7 @@ async function Hu({
       m.toFixed(4),
       C ? "(scaled, applying inverse)" : "(no scale)"
     ), console.log("[calcPages] viewWidth:", M), console.log("[calcPages] pageBoxWidth:", b), console.log("[calcPages] maxPageHeight:", S), console.log("[calcPages] contentArea rect:", n.getBoundingClientRect()), console.log("[calcPages] measureRoot rect:", t.getBoundingClientRect());
-    const k = 1.5, T = (A, Q) => Q + A <= S - k, O = getComputedStyle(e), P = {
+    const k = 1.5, T = (B, Z) => Z + B <= S - k, O = getComputedStyle(e), P = {
       letterSpacing: O.letterSpacing,
       wordSpacing: O.wordSpacing,
       fontKerning: O.fontKerning || "normal",
@@ -7319,24 +7320,24 @@ async function Hu({
       wordBreak: O.wordBreak || "keep-all",
       overflowWrap: O.overflowWrap || O.wordWrap || "break-word",
       hyphens: O.hyphens || "manual"
-    }, I = (A) => {
-      A.style.letterSpacing = P.letterSpacing || "", A.style.wordSpacing = P.wordSpacing || "", A.style.fontKerning = P.fontKerning || "", A.style.fontVariantLigatures = P.fontVariantLigatures || "", A.style.textTransform = P.textTransform || "", A.style.direction = P.direction || "", A.style.wordBreak = P.wordBreak || "", A.style.wordWrap = P.overflowWrap || "", A.style.overflowWrap = P.overflowWrap || "", A.style.hyphens = P.hyphens || "";
+    }, I = (B) => {
+      B.style.letterSpacing = P.letterSpacing || "", B.style.wordSpacing = P.wordSpacing || "", B.style.fontKerning = P.fontKerning || "", B.style.fontVariantLigatures = P.fontVariantLigatures || "", B.style.textTransform = P.textTransform || "", B.style.direction = P.direction || "", B.style.wordBreak = P.wordBreak || "", B.style.wordWrap = P.overflowWrap || "", B.style.overflowWrap = P.overflowWrap || "", B.style.hyphens = P.hyphens || "";
     }, R = b, z = Math.max(0, R - 2 * (i || 0));
     n.innerHTML = "";
     const N = document.createElement("div");
     N.style.boxSizing = "border-box", N.style.width = `${R}px`, N.style.maxWidth = `${R}px`, N.style.margin = "0 auto", N.style.display = "flex", n.appendChild(N);
-    const B = document.createElement("div");
-    B.style.boxSizing = "border-box", B.style.paddingRight = `${i}px`, B.style.paddingLeft = `${i}px`, B.style.width = `${R}px`, B.style.maxWidth = `${R}px`, B.style.margin = "0 auto", B.style.display = "flex", B.style.justifyContent = "center", B.style.height = "auto", N.appendChild(B);
-    const V = /* @__PURE__ */ new Map(), re = {}, be = Lu(c, y, r.length), Se = (A, Q) => {
+    const A = document.createElement("div");
+    A.style.boxSizing = "border-box", A.style.paddingRight = `${i}px`, A.style.paddingLeft = `${i}px`, A.style.width = `${R}px`, A.style.maxWidth = `${R}px`, A.style.margin = "0 auto", A.style.display = "flex", A.style.justifyContent = "center", A.style.height = "auto", N.appendChild(A);
+    const V = /* @__PURE__ */ new Map(), re = {}, be = Lu(c, y, r.length), Se = (B, Z) => {
       const F = document.createElement("p");
-      return F.style.margin = "8px 0", F.style.paddingLeft = Q ? `${Q}px` : "0", F.style.textAlign = A.textAlign ?? "start", F.style.whiteSpace = "pre-wrap", F.style.lineHeight = String(a), F.style.fontSize = `${u}px`, F.style.boxSizing = "border-box", F.style.fontFamily = s ?? "", F.style.width = "100%", I(F), F;
-    }, Ce = (A, Q) => {
-      const F = Q ?? [], X = document.createDocumentFragment();
+      return F.style.margin = "8px 0", F.style.paddingLeft = Z ? `${Z}px` : "0", F.style.textAlign = B.textAlign ?? "start", F.style.whiteSpace = "pre-wrap", F.style.lineHeight = String(a), F.style.fontSize = `${u}px`, F.style.boxSizing = "border-box", F.style.fontFamily = s ?? "", F.style.width = "100%", I(F), F;
+    }, Ce = (B, Z) => {
+      const F = Z ?? [], Y = document.createDocumentFragment();
       for (let ne = 0; ne < F.length; ne++) {
-        const Z = F[ne], ce = document.createElement("span");
+        const J = F[ne], ce = document.createElement("span");
         ce.dataset.runbox = String(ne), ce.style.whiteSpace = "pre-wrap";
         const ie = document.createElement("span");
-        if (ie.dataset.run = String(ne), ie.textContent = (Z == null ? void 0 : Z.text) ?? "", ie.style.whiteSpace = "pre-wrap", Z != null && Z.bold && (ie.style.fontWeight = "700"), Z != null && Z.italic && (ie.style.fontStyle = "italic"), Z != null && Z.underline && (ie.style.textDecoration = "underline"), ce.appendChild(ie), l && (Z != null && Z.split) && ne !== F.length - 1) {
+        if (ie.dataset.run = String(ne), ie.textContent = (J == null ? void 0 : J.text) ?? "", ie.style.whiteSpace = "pre-wrap", J != null && J.bold && (ie.style.fontWeight = "700"), J != null && J.italic && (ie.style.fontStyle = "italic"), J != null && J.underline && (ie.style.textDecoration = "underline"), ce.appendChild(ie), l && (J != null && J.split) && ne !== F.length - 1) {
           const we = Math.max(0, (d ?? 0) / 2), pe = document.createElement("span");
           pe.style.display = "inline-block", pe.style.width = `${we}px`;
           const ke = document.createElement("span");
@@ -7346,146 +7347,146 @@ async function Hu({
           }
           ce.appendChild(ke);
         }
-        X.appendChild(ce);
+        Y.appendChild(ce);
       }
-      A.appendChild(X);
-    }, xe = v > 80 ? Math.floor((v - 80) * 0.6) : void 0, Fe = (A) => {
-      const Q = A != null && A.width && (A != null && A.height) ? `${A.width} / ${A.height}` : "4 / 3", F = document.createElement("div");
+      B.appendChild(Y);
+    }, xe = v > 80 ? Math.floor((v - 80) * 0.6) : void 0, Fe = (B) => {
+      const Z = B != null && B.width && (B != null && B.height) ? `${B.width} / ${B.height}` : "4 / 3", F = document.createElement("div");
       F.style.margin = "12px 0", F.style.textAlign = "center", F.style.width = `${z}px`;
-      const X = document.createElement("div");
-      X.style.position = "relative", X.style.width = "100%", xe && (X.style.maxHeight = `${xe}px`), X.style.aspectRatio = Q;
+      const Y = document.createElement("div");
+      Y.style.position = "relative", Y.style.width = "100%", xe && (Y.style.maxHeight = `${xe}px`), Y.style.aspectRatio = Z;
       const ne = document.createElement("div");
-      if (ne.style.position = "absolute", ne.style.inset = "0", ne.style.width = "100%", ne.style.height = "100%", X.appendChild(ne), F.appendChild(X), A != null && A.alt) {
-        const Z = document.createElement("div");
-        Z.style.fontSize = "12px", Z.style.color = "#6B7280", Z.style.marginTop = "4px", Z.textContent = String(A.alt), I(Z), F.appendChild(Z);
+      if (ne.style.position = "absolute", ne.style.inset = "0", ne.style.width = "100%", ne.style.height = "100%", Y.appendChild(ne), F.appendChild(Y), B != null && B.alt) {
+        const J = document.createElement("div");
+        J.style.fontSize = "12px", J.style.color = "#6B7280", J.style.marginTop = "4px", J.textContent = String(B.alt), I(J), F.appendChild(J);
       }
       return F;
     };
-    for (let A = 0; A < r.length; A++) {
+    for (let B = 0; B < r.length; B++) {
       rt(c, y);
-      const Q = r[A];
-      if (B.dataset.block = String(A), B.innerHTML = "", Q.kind === "image") {
-        const ke = Q.block, Oe = Fe(ke);
-        B.appendChild(Oe);
-        const He = Oe.getBoundingClientRect(), { mt: Ae, mb: $e } = lr(Oe);
-        re[A] = { contentH: Math.ceil(He.height), mt: Ae, mb: $e }, await be(24);
+      const Z = r[B];
+      if (A.dataset.block = String(B), A.innerHTML = "", Z.kind === "image") {
+        const ke = Z.block, Oe = Fe(ke);
+        A.appendChild(Oe);
+        const He = Oe.getBoundingClientRect(), { mt: Be, mb: $e } = lr(Oe);
+        re[B] = { contentH: Math.ceil(He.height), mt: Be, mb: $e }, await be(24);
         continue;
       }
-      const F = Q.block, X = F.list ? (F.list.level ?? 0) * 24 : 0, ne = Q.paraIndex ?? 0, Z = p[ne] ?? (((f = F.list) == null ? void 0 : f.kind) === "bullet" ? ((g = F.list) == null ? void 0 : g.glyph) ?? "•" : void 0);
-      if (!!(F.list && Z)) {
-        const ke = Se(F, X);
+      const F = Z.block, Y = F.list ? (F.list.level ?? 0) * 24 : 0, ne = Z.paraIndex ?? 0, J = p[ne] ?? (((f = F.list) == null ? void 0 : f.kind) === "bullet" ? ((g = F.list) == null ? void 0 : g.glyph) ?? "•" : void 0);
+      if (!!(F.list && J)) {
+        const ke = Se(F, Y);
         ke.dataset.variant = "with";
-        const Oe = Se(F, X);
+        const Oe = Se(F, Y);
         Oe.dataset.variant = "no";
         const He = document.createElement("span");
-        He.textContent = `${Z} `, He.style.minWidth = "16px", He.style.display = "inline-block", He.style.whiteSpace = "nowrap", He.style.userSelect = "none", ke.appendChild(He), Ce(ke, F.runs), Ce(Oe, F.runs);
-        const Ae = document.createDocumentFragment();
-        Ae.appendChild(ke), Ae.appendChild(Oe), B.appendChild(Ae);
+        He.textContent = `${J} `, He.style.minWidth = "16px", He.style.display = "inline-block", He.style.whiteSpace = "nowrap", He.style.userSelect = "none", ke.appendChild(He), Ce(ke, F.runs), Ce(Oe, F.runs);
+        const Be = document.createDocumentFragment();
+        Be.appendChild(ke), Be.appendChild(Oe), A.appendChild(Be);
       } else {
-        const ke = Se(F, X);
-        ke.dataset.variant = "with", Ce(ke, F.runs), B.appendChild(ke);
+        const ke = Se(F, Y);
+        ke.dataset.variant = "with", Ce(ke, F.runs), A.appendChild(ke);
       }
-      const ie = B.querySelector('p[data-variant="with"]'), we = B.querySelector('p[data-variant="no"]'), pe = we ?? ie;
+      const ie = A.querySelector('p[data-variant="with"]'), we = A.querySelector('p[data-variant="no"]'), pe = we ?? ie;
       if (ie && pe) {
-        const ke = No(ie), Oe = No(pe), { mt: He, mb: Ae } = lr(ie), { mt: $e, mb: ut } = lr(pe), Xe = ((w = F.runs) == null ? void 0 : w.length) ?? 0, Ge = we ? Oe : ke, st = we ? $e : He, nt = we ? ut : Ae;
-        if (A < 3) {
+        const ke = No(ie), Oe = No(pe), { mt: He, mb: Be } = lr(ie), { mt: $e, mb: ut } = lr(pe), Xe = ((w = F.runs) == null ? void 0 : w.length) ?? 0, Ge = we ? Oe : ke, st = we ? $e : He, nt = we ? ut : Be;
+        if (B < 3) {
           const bt = ie.getBoundingClientRect().height;
           console.log(
-            `[calcPages] para ${A}: height=${bt.toFixed(2)}, lastBottom=[${ke.slice(-3).map((Vt) => Vt.toFixed(1)).join(",")}], runs=${Xe}`
+            `[calcPages] para ${B}: height=${bt.toFixed(2)}, lastBottom=[${ke.slice(-3).map((Vt) => Vt.toFixed(1)).join(",")}], runs=${Xe}`
           );
         }
-        V.set(A, {
+        V.set(B, {
           runsLen: Xe,
           lastBottomWith: ke,
           lastBottomNo: Ge,
           mtWith: He,
-          mbWith: Ae,
+          mbWith: Be,
           mtNo: st,
           mbNo: nt
         });
       }
       await be(24);
     }
-    rt(c, y), B.innerHTML = "";
-    const K = (A, Q, F, X) => {
-      if (Q > F) return { top: 0, content: 0, mb: 0 };
-      const ne = X ? A.lastBottomNo : A.lastBottomWith, Z = X ? A.mtNo : A.mtWith, ce = X ? A.mbNo : A.mbWith, ie = X ? 0 : Z, we = Q > 0 ? ne[Q - 1] ?? 0 : 0, pe = Math.max(0, (ne[F] ?? 0) - we);
+    rt(c, y), A.innerHTML = "";
+    const K = (B, Z, F, Y) => {
+      if (Z > F) return { top: 0, content: 0, mb: 0 };
+      const ne = Y ? B.lastBottomNo : B.lastBottomWith, J = Y ? B.mtNo : B.mtWith, ce = Y ? B.mbNo : B.mbWith, ie = Y ? 0 : J, we = Z > 0 ? ne[Z - 1] ?? 0 : 0, pe = Math.max(0, (ne[F] ?? 0) - we);
       return { top: ie, content: pe, mb: ce };
     }, $ = [];
     let G = 0, E, L = null, q = null;
     for (; G < r.length; ) {
       rt(c, y);
-      const A = G;
-      let Q = 0, F = 0, X = E;
-      X != null && L === G && q != null && (X = Math.max(X, q + 1));
-      let ne = -1, Z;
+      const B = G;
+      let Z = 0, F = 0, Y = E;
+      Y != null && L === G && q != null && (Y = Math.max(Y, q + 1));
+      let ne = -1, J;
       for (; G < r.length; ) {
         if (rt(c, y), r[G].kind === "image") {
-          const Ge = re[G] ?? { contentH: 0, mt: 0, mb: 0 }, nt = (Q === 0 ? Ge.mt : F + Ge.mt) + Ge.contentH;
-          if (T(nt, Q)) {
-            Q += nt, ne = G, Z = void 0, F = Ge.mb, G += 1, E = void 0, L = null, q = null;
+          const Ge = re[G] ?? { contentH: 0, mt: 0, mb: 0 }, nt = (Z === 0 ? Ge.mt : F + Ge.mt) + Ge.contentH;
+          if (T(nt, Z)) {
+            Z += nt, ne = G, J = void 0, F = Ge.mb, G += 1, E = void 0, L = null, q = null;
             continue;
           }
-          if (Q === 0) {
+          if (Z === 0) {
             $.push({
-              startBlock: A,
+              startBlock: B,
               endBlock: G,
-              ...X != null ? { startOffsetInBlock: X } : {}
+              ...Y != null ? { startOffsetInBlock: Y } : {}
               // 이미지에는 run 오프셋 개념이 없어 endOffsetInBlock 생략
             }), G += 1, E = void 0, L = null, q = null, F = 0;
             break;
           }
           break;
         }
-        const ie = V.get(G), we = ie.runsLen, pe = G === A && X != null ? X : 0;
+        const ie = V.get(G), we = ie.runsLen, pe = G === B && Y != null ? Y : 0;
         if (pe >= we) {
           G += 1, E = void 0, L = null, q = null;
           continue;
         }
-        const ke = pe > 0, Oe = K(ie, pe, we - 1, ke), Ae = (Q === 0 ? Oe.top : F + Oe.top) + Oe.content;
-        if (T(Ae, Q)) {
-          Q += Ae, ne = G, Z = we - 1, F = Oe.mb, G += 1, E = void 0, L = null, q = null;
+        const ke = pe > 0, Oe = K(ie, pe, we - 1, ke), Be = (Z === 0 ? Oe.top : F + Oe.top) + Oe.content;
+        if (T(Be, Z)) {
+          Z += Be, ne = G, J = we - 1, F = Oe.mb, G += 1, E = void 0, L = null, q = null;
           continue;
         }
         let $e = pe, ut = we - 1, Xe = pe - 1;
         for (; $e <= ut; ) {
           rt(c, y);
-          const Ge = $e + ut >> 1, st = K(ie, pe, Ge, ke), nt = (Q === 0 ? st.top : F + st.top) + st.content;
-          T(nt, Q) ? (Xe = Ge, $e = Ge + 1) : ut = Ge - 1;
+          const Ge = $e + ut >> 1, st = K(ie, pe, Ge, ke), nt = (Z === 0 ? st.top : F + st.top) + st.content;
+          T(nt, Z) ? (Xe = Ge, $e = Ge + 1) : ut = Ge - 1;
         }
         if (Xe >= pe) {
           $.push({
-            startBlock: A,
+            startBlock: B,
             endBlock: G,
-            ...X != null ? { startOffsetInBlock: X } : {},
+            ...Y != null ? { startOffsetInBlock: Y } : {},
             endOffsetInBlock: Xe
           }), E = Xe + 1, L = G, q = Xe, F = 0;
           break;
         }
-        if (Q > 0) {
+        if (Z > 0) {
           $.push({
-            startBlock: A,
+            startBlock: B,
             endBlock: ne >= 0 ? ne : Math.min(G - 1, r.length - 1),
-            ...X != null ? { startOffsetInBlock: X } : {},
-            ...Z != null ? { endOffsetInBlock: Z } : {}
+            ...Y != null ? { startOffsetInBlock: Y } : {},
+            ...J != null ? { endOffsetInBlock: J } : {}
           }), F = 0;
           break;
         } else {
           const Ge = pe;
           $.push({
-            startBlock: A,
+            startBlock: B,
             endBlock: G,
-            ...X != null ? { startOffsetInBlock: X } : {},
+            ...Y != null ? { startOffsetInBlock: Y } : {},
             endOffsetInBlock: Ge
           }), E = Ge + 1, L = G, q = Ge, F = 0;
           break;
         }
       }
-      ($.length === 0 || $[$.length - 1].startBlock !== A) && $.push({
-        startBlock: A,
+      ($.length === 0 || $[$.length - 1].startBlock !== B) && $.push({
+        startBlock: B,
         endBlock: ne >= 0 ? ne : Math.min(G - 1, r.length - 1),
-        ...X != null ? { startOffsetInBlock: X } : {},
-        ...Z != null ? { endOffsetInBlock: Z } : {}
+        ...Y != null ? { startOffsetInBlock: Y } : {},
+        ...J != null ? { endOffsetInBlock: J } : {}
       });
     }
     return N.remove(), C && (t.style.transform = "", t.style.transformOrigin = ""), rt(c, y), { pages: $, pageByRunIndex: null };
@@ -7530,12 +7531,12 @@ function Fu(e) {
   const n = ((o = (r = t.tagName) == null ? void 0 : r.toLowerCase) == null ? void 0 : o.call(r)) ?? "";
   return !!(["a", "button", "input", "textarea", "select", "label"].includes(n) || t.isContentEditable);
 }
-function Wu(e) {
+function Du(e) {
   var n, r;
   const t = e;
   return t ? ((n = t.style) == null ? void 0 : n.cursor) === "grab" || ((r = t.closest) == null ? void 0 : r.call(t, "[data-range-handle]")) != null : !1;
 }
-function Du(e) {
+function Wu(e) {
   const t = [], n = [];
   let r = 0;
   return e.forEach((o, i) => {
@@ -7548,16 +7549,16 @@ function Du(e) {
   }), { items: t, paraIndexMap: n };
 }
 function $u() {
-  var Ar;
-  const e = Ui(), t = U((j) => j.section), n = U((j) => j.sectionLoading), r = U((j) => j.rangeStartGI), o = U((j) => j.rangeEndGI), i = r != null && o != null, s = Ot(), u = ee((j) => j.theme), a = bn[u], l = ee((j) => j.fontFamily), d = ee((j) => j.fontSizePx), h = ee((j) => j.lineHeight), p = ee((j) => j.marginX), m = ee((j) => j.viewportHeight), v = 860, y = se(null), { items: c } = he(() => {
+  var Br;
+  const e = Ui(), t = U((j) => j.section), n = U((j) => j.sectionLoading), r = U((j) => j.rangeStartGI), o = U((j) => j.rangeEndGI), i = r != null && o != null, s = wt(), u = X((j) => j.theme), a = bn[u], l = X((j) => j.fontFamily), d = X((j) => j.fontSizePx), h = X((j) => j.lineHeight), p = X((j) => j.marginX), m = X((j) => j.viewportHeight), v = 860, y = se(null), { items: c } = he(() => {
     var j;
-    return Du(((j = t == null ? void 0 : t.ast) == null ? void 0 : j.blocks) ?? []);
+    return Wu(((j = t == null ? void 0 : t.ast) == null ? void 0 : j.blocks) ?? []);
   }, [t]), f = he(() => {
     const j = [], Le = zr();
-    return c.forEach((We) => {
-      if (We.kind === "paragraph") {
-        const Tt = We.paraIndex;
-        j[Tt] = Pr(We.block, Le);
+    return c.forEach((De) => {
+      if (De.kind === "paragraph") {
+        const kt = De.paraIndex;
+        j[kt] = Pr(De.block, Le);
       }
     }), j;
   }, [c]), [g, w] = pt({
@@ -7584,8 +7585,8 @@ function $u() {
   ), {
     showSplit: z,
     breakGapPx: N,
-    slash: B
-  } = ee(
+    slash: A
+  } = X(
     nn((j) => {
       var Le;
       return {
@@ -7594,7 +7595,7 @@ function $u() {
         slash: ((Le = j.breakMarks) == null ? void 0 : Le.slash) ?? !1
       };
     })
-  ), V = _t();
+  ), V = Mt();
   me(() => {
     g && g.pages.length && (console.log("그래서 총 페이지", g.pages.length), V.getState().progress.setTotalPages(g.pages.length + 1), (async () => {
       const j = V.getState().progress.setSectionLoading;
@@ -7603,18 +7604,18 @@ function $u() {
   }, [g, V]);
   const re = te(() => {
     console.log("@@@@@@recalc호출");
-    const j = y.current, Le = ie.current, We = we.current;
-    if (console.log("showSplit", z), !j || !Le || !We || c.length === 0) {
+    const j = y.current, Le = ie.current, De = we.current;
+    if (console.log("showSplit", z), !j || !Le || !De || c.length === 0) {
       w({ pages: [], pageByRunIndex: null }), _(0), V.getState().progress.setTotalPages(0);
       return;
     }
     (async () => {
-      const Tt = performance.now();
+      const kt = performance.now();
       try {
-        const lt = s.getState().playbackScale, { pages: Bt, pageByRunIndex: $i } = await Hu({
+        const lt = s.getState().playbackScale, { pages: At, pageByRunIndex: $i } = await Hu({
           viewHost: j,
           measureRoot: Le,
-          contentArea: We,
+          contentArea: De,
           items: c,
           cfgMaxWidth: v,
           marginX: p,
@@ -7623,17 +7624,17 @@ function $u() {
           lineHeight: h,
           showSplit: z,
           breakGapPx: N,
-          showSlash: B,
+          showSlash: A,
           paragraphMarkers: f,
           playbackScale: lt,
           viewportHeight: m,
           instanceId: e
         }), Vi = performance.now();
         console.log(
-          `✅ calcPages 완료: ${(Vi - Tt).toFixed(1)} ms (${Bt.length} pages)`
-        ), w({ pages: Bt, pageByRunIndex: $i }), _(0);
+          `✅ calcPages 완료: ${(Vi - kt).toFixed(1)} ms (${At.length} pages)`
+        ), w({ pages: At, pageByRunIndex: $i }), _(0);
       } catch (lt) {
-        if (lt instanceof Wi) {
+        if (lt instanceof Di) {
           console.log("이젠실행 취소 들어옴!");
           return;
         }
@@ -7650,7 +7651,7 @@ function $u() {
     h,
     z,
     N,
-    B,
+    A,
     f,
     s,
     m,
@@ -7660,20 +7661,20 @@ function $u() {
     return ((Le = j.layout) == null ? void 0 : Le.prefix) ?? [];
   }), Ce = _e((j) => j.syncToGI), xe = te(
     (j) => {
-      const Le = g.pages.length + 1, We = C + j;
-      if (We < 0 || We >= Le) return;
-      const Tt = C === g.pages.length;
-      if (We === g.pages.length) {
-        _(We);
+      const Le = g.pages.length + 1, De = C + j;
+      if (De < 0 || De >= Le) return;
+      const kt = C === g.pages.length;
+      if (De === g.pages.length) {
+        _(De);
         return;
       }
-      if (Tt && j === -1) {
-        const Bt = Fo(g.pages[We], c, Se);
-        Bt != null && (be(Bt, "scrubber-step"), Ce(Bt)), _(We);
+      if (kt && j === -1) {
+        const At = Fo(g.pages[De], c, Se);
+        At != null && (be(At, "scrubber-step"), Ce(At)), _(De);
         return;
       }
-      const lt = Fo(g.pages[We], c, Se);
-      lt != null ? (be(lt, "scrubber-step"), Ce(lt)) : _(We);
+      const lt = Fo(g.pages[De], c, Se);
+      lt != null ? (be(lt, "scrubber-step"), Ce(lt)) : _(De);
     },
     [C, g.pages, c, Se, be, _, Ce]
   ), Fe = te(() => {
@@ -7681,20 +7682,20 @@ function $u() {
   }, [S, xe]), K = te(() => {
     S || M.current !== 0 ? (O("next"), k(!1)) : xe(1);
   }, [S, xe]), $ = kn(), G = te(() => {
-    const { isSettingsOpen: j, setSettingsOpen: Le, toggleOverlays: We } = $.getState();
-    j ? Le(!1) : We();
-  }, [$]), E = g.pages.length + 1, L = ((Ar = y.current) == null ? void 0 : Ar.clientWidth) || 400, q = te((j) => {
+    const { isSettingsOpen: j, setSettingsOpen: Le, toggleOverlays: De } = $.getState();
+    j ? Le(!1) : De();
+  }, [$]), E = g.pages.length + 1, L = ((Br = y.current) == null ? void 0 : Br.clientWidth) || 400, q = te((j) => {
     var lt;
     const Le = b.current;
     if (!Le) return;
-    const We = ((lt = y.current) == null ? void 0 : lt.clientWidth) || 1, Tt = j / We * 33.333;
-    Le.style.transform = `translate3d(${-33.333 + Tt}%, 0, 0)`;
-  }, []), A = te(
+    const De = ((lt = y.current) == null ? void 0 : lt.clientWidth) || 1, kt = j / De * 33.333;
+    Le.style.transform = `translate3d(${-33.333 + kt}%, 0, 0)`;
+  }, []), B = te(
     (j) => {
       C === 0 && j > 0 || C >= E - 1 && j < 0 || (M.current = j, q(j), S || k(!0));
     },
     [C, E, q, S]
-  ), Q = te(() => {
+  ), Z = te(() => {
     M.current = 0, k(!1);
     const j = b.current;
     j && (j.style.transition = "transform 250ms ease-out", j.style.transform = "translate3d(-33.333%, 0, 0)");
@@ -7706,19 +7707,19 @@ function $u() {
     },
     [T, xe]
   );
-  kt(() => {
+  Rt(() => {
     P && requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         I(!1);
       });
     });
   }, [P]);
-  const X = yn(), ne = te(
-    (j) => i || Wu(j) ? !0 : Fu(j),
+  const Y = yn(), ne = te(
+    (j) => i || Du(j) ? !0 : Fu(j),
     [i]
-  ), Z = te(
-    (j) => X.getState().status === "playing" ? !0 : ne(j),
-    [X, ne]
+  ), J = te(
+    (j) => Y.getState().status === "playing" ? !0 : ne(j),
+    [Y, ne]
   ), ce = Su({
     onPrev: Fe,
     onNext: K,
@@ -7726,13 +7727,13 @@ function $u() {
     onDouble: () => {
     },
     shouldIgnoreTarget: ne,
-    shouldIgnoreSwipe: Z,
+    shouldIgnoreSwipe: J,
     horizontalThreshold: 120,
     velocityThreshold: 0.6,
     singleDelayMs: 250,
     doubleClickWindowMs: 300,
-    onDragMove: A,
-    onDragEnd: Q,
+    onDragMove: B,
+    onDragEnd: Z,
     pageTransitionThreshold: L * 0.5
   }), ie = se(null), we = se(null), pe = te(() => {
     const j = V.getState().progress.setSectionLoading;
@@ -7747,7 +7748,7 @@ function $u() {
   ), Oe = Pu(re, 200, pe, ke), He = se("");
   me(() => {
     if (m <= 0) return;
-    const j = `${l}|${d}|${h}|${p}|${z}|${N}|${B}|${m}|${t == null ? void 0 : t.section_id}`;
+    const j = `${l}|${d}|${h}|${p}|${z}|${N}|${A}|${m}|${t == null ? void 0 : t.section_id}`;
     He.current !== j && (He.current = j, console.log("debounceRecalc 취소"), Oe.cancel(), pe(), re());
   }, [
     Oe,
@@ -7759,12 +7760,12 @@ function $u() {
     p,
     z,
     N,
-    B,
+    A,
     m,
     t == null ? void 0 : t.section_id
   ]), vu([y], Oe);
-  const Ae = U((j) => j.registerSectionScrollApi);
-  me(() => (Ae({
+  const Be = U((j) => j.registerSectionScrollApi);
+  me(() => (Be({
     // 페이지 모드에서는 GI 기반 스크롤 불필요 - 더미 구현
     ensureVisibleGI: () => Promise.resolve(!0),
     scrollToGI: () => Promise.resolve(!0),
@@ -7776,8 +7777,8 @@ function $u() {
     scrollToGIAtOffset: () => Promise.resolve(),
     // 페이지 이동 구현
     stepPage: xe
-  }), () => Ae(void 0)), [Ae, xe]);
-  const $e = t.quizzes && t.quizzes.length > 0, ut = g.pages.length > 0 && C === g.pages.length, Xe = C > 0 ? C - 1 : null, Ge = C < E - 1 ? C + 1 : null, st = he(() => T === "prev" ? "translate3d(0%, 0, 0)" : T === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [T]), nt = (j) => n ? null : j === g.pages.length ? /* @__PURE__ */ J(
+  }), () => Be(void 0)), [Be, xe]);
+  const $e = t.quizzes && t.quizzes.length > 0, ut = g.pages.length > 0 && C === g.pages.length, Xe = C > 0 ? C - 1 : null, Ge = C < E - 1 ? C + 1 : null, st = he(() => T === "prev" ? "translate3d(0%, 0, 0)" : T === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [T]), nt = (j) => n ? null : j === g.pages.length ? /* @__PURE__ */ ee(
     "div",
     {
       style: {
@@ -7806,8 +7807,8 @@ function $u() {
     backfaceVisibility: "hidden",
     WebkitBackfaceVisibility: "hidden"
   }, Vt = !P && (!S || T !== null);
-  return console.log("여기리랜더"), /* @__PURE__ */ J("div", { ref: y, style: { ...R, touchAction: "none" }, ...ce, children: [
-    /* @__PURE__ */ J(
+  return console.log("여기리랜더"), /* @__PURE__ */ ee("div", { ref: y, style: { ...R, touchAction: "none" }, ...ce, children: [
+    /* @__PURE__ */ ee(
       "div",
       {
         ref: b,
@@ -7859,7 +7860,7 @@ function $u() {
           pointerEvents: "none",
           background: "pink"
         },
-        children: /* @__PURE__ */ J(
+        children: /* @__PURE__ */ ee(
           "div",
           {
             style: {
@@ -7910,22 +7911,22 @@ const Vu = ({ pages: e, items: t, onGotoPage: n, currentPageIndex: r, isOnExtraP
   const i = U((l) => l.currentGlobalRunIndex), s = U((l) => l.lastUpdateBy), u = U((l) => {
     var d;
     return ((d = l.layout) == null ? void 0 : d.prefix) ?? [];
-  }), a = D.useRef(null);
+  }), a = W.useRef(null);
   return me(() => {
     if (i == null || e.length === 0 || o && !(s === "scrubber-live" || s === "scrubber-commit") || a.current === i) return;
     a.current = i;
     const l = Nu(i, e, t, u);
     l >= 0 && l !== r && n(l);
   }, [i, e, t, u, n, r, o, s]), /* @__PURE__ */ x(xt, {});
-}, qu = "_wrapper_dbk3n_1", ju = "_spinner_dbk3n_10", Wo = {
+}, qu = "_wrapper_dbk3n_1", ju = "_spinner_dbk3n_10", Do = {
   wrapper: qu,
   spinner: ju
 };
 function Uu({ size: e = 28, speed: t = 0.8 }) {
-  return /* @__PURE__ */ x("div", { className: `${Wo.wrapper}`, children: /* @__PURE__ */ x(
+  return /* @__PURE__ */ x("div", { className: `${Do.wrapper}`, children: /* @__PURE__ */ x(
     "div",
     {
-      className: Wo.spinner,
+      className: Do.spinner,
       style: {
         width: e,
         height: e,
@@ -7972,7 +7973,7 @@ const Xu = "_Overlay_ybic8_3", Yu = "_Dialog_ybic8_15", Qu = "_Body_ybic8_25", Z
 function Id(e) {
   return e ? e.kind === "temp" ? e.image_blob_url : e.image_cdn_url : null;
 }
-function Di(e) {
+function Wi(e) {
   var t;
   return (((t = e.answers) == null ? void 0 : t.length) ?? 0) > 1;
 }
@@ -7983,7 +7984,7 @@ function Cd(e) {
     o >= 0 && n.push(o);
   }), n.sort((r, o) => r - o);
 }
-const Td = Wt(function() {
+const Td = Dt(function() {
   const t = Je((c) => c.phase), n = Je((c) => c.quizzes), r = Je((c) => c.order), o = Je((c) => c.currentIndex), i = Je((c) => c.answers), s = Je((c) => c.correctCount), u = Je((c) => c.remainingSec), a = Je((c) => c.uiReveal), l = Je((c) => c.startedAt), d = Je((c) => c.finishedAt), h = Je((c) => c.perQ), p = Oi();
   me(() => {
     if (t === "idle" || t !== "doing" || u == null) return;
@@ -7992,10 +7993,10 @@ const Td = Wt(function() {
   }, [t, u, p]);
   const m = t === "doing" ? n[r[o]] : void 0, v = t === "doing" && m ? i[m.qid] ?? [] : [], y = he(() => {
     if (t === "idle" || t !== "finished") return;
-    const c = r.map((B) => n[B]), f = c.length, g = c.reduce((B, V) => B + (V.score ?? 0), 0), w = c.reduce((B, V) => {
+    const c = r.map((A) => n[A]), f = c.length, g = c.reduce((A, V) => A + (V.score ?? 0), 0), w = c.reduce((A, V) => {
       const re = h[V.qid];
-      return B + (re != null && re.isCorrect ? V.score ?? 0 : 0);
-    }, 0), C = c.map((B) => h[B.qid]).filter((B) => !!B), _ = typeof l == "number" && typeof d == "number" ? Math.max(0, d - l) : C.reduce((B, V) => B + (V.ms ?? 0), 0), M = f > 0 ? Math.round(_ / f) : 0, b = [...C].sort((B, V) => B.ms - V.ms), S = b[0], k = b[b.length - 1], T = C.filter((B) => !B.multi), O = C.filter((B) => B.multi), P = T.filter((B) => B.isCorrect).length, I = O.filter((B) => B.isCorrect).length, R = C.filter((B) => B.timedOut).length, z = C.filter((B) => B.revealed).length, N = C.filter((B) => !B.isCorrect).sort((B, V) => V.ms - B.ms).slice(0, 3);
+      return A + (re != null && re.isCorrect ? V.score ?? 0 : 0);
+    }, 0), C = c.map((A) => h[A.qid]).filter((A) => !!A), _ = typeof l == "number" && typeof d == "number" ? Math.max(0, d - l) : C.reduce((A, V) => A + (V.ms ?? 0), 0), M = f > 0 ? Math.round(_ / f) : 0, b = [...C].sort((A, V) => A.ms - V.ms), S = b[0], k = b[b.length - 1], T = C.filter((A) => !A.multi), O = C.filter((A) => A.multi), P = T.filter((A) => A.isCorrect).length, I = O.filter((A) => A.isCorrect).length, R = C.filter((A) => A.timedOut).length, z = C.filter((A) => A.revealed).length, N = C.filter((A) => !A.isCorrect).sort((A, V) => V.ms - A.ms).slice(0, 3);
     return {
       total: f,
       correct: s,
@@ -8024,7 +8025,7 @@ const Td = Wt(function() {
       onSelect: (c) => {
         if (a) return;
         const f = p.getState();
-        Di(m) ? f.selectToggle(c) : f.selectSingle(c);
+        Wi(m) ? f.selectToggle(c) : f.selectSingle(c);
       },
       onBeforeNext: () => p.getState().setReveal(!0),
       onNext: () => p.getState().afterRevealNext(),
@@ -8071,7 +8072,7 @@ function kd(e) {
     onNext: a,
     remainingSec: l,
     onClose: d
-  } = e, h = Di(t), p = he(() => {
+  } = e, h = Wi(t), p = he(() => {
     const c = t.options.map((f, g) => ({ opt: f, i: g }));
     for (let f = c.length - 1; f > 0; f--) {
       const g = Math.floor(Math.random() * (f + 1));
@@ -8084,8 +8085,8 @@ function kd(e) {
     for (let f = 0; f < c.length; f++) if (c[f] !== v[f]) return !1;
     return !0;
   }, [o, v]);
-  return /* @__PURE__ */ J("div", { className: de.Body, children: [
-    /* @__PURE__ */ J("div", { className: de.Header, children: [
+  return /* @__PURE__ */ ee("div", { className: de.Body, children: [
+    /* @__PURE__ */ ee("div", { className: de.Header, children: [
       /* @__PURE__ */ x("div", { className: de.Paging, children: `Quiz (${n + 1}/${r})` }),
       /* @__PURE__ */ x("button", { type: "button", onClick: d, className: de.CloseBtn, children: "X" })
     ] }),
@@ -8118,45 +8119,45 @@ function kd(e) {
         f
       );
     }) }),
-    /* @__PURE__ */ x("div", { className: de.Footer, children: i ? /* @__PURE__ */ x("button", { type: "button", onClick: a, className: de.NextBtn, children: n + 1 >= r ? "Complete" : "Next Quiz" }) : /* @__PURE__ */ J("button", { type: "button", onClick: u, className: `${de.NextBtn}`, children: [
+    /* @__PURE__ */ x("div", { className: de.Footer, children: i ? /* @__PURE__ */ x("button", { type: "button", onClick: a, className: de.NextBtn, children: n + 1 >= r ? "Complete" : "Next Quiz" }) : /* @__PURE__ */ ee("button", { type: "button", onClick: u, className: `${de.NextBtn}`, children: [
       "Submit",
       typeof l == "number" && /* @__PURE__ */ x("span", { className: `${de.Remaining} ${l <= 5 ? de.RemainingDanger : ""}`, children: `  (${l} s )` })
     ] }) })
   ] });
 }
-function Do(e) {
+function Wo(e) {
   return e == null ? "-" : `${Math.round(e / 1e3)}s`;
 }
 function Rd(e) {
   const { total: t, correct: n, summary: r, retryAllowed: o, onClose: i, onRetry: s } = e, u = (r == null ? void 0 : r.rate) ?? (t > 0 ? Math.round(n / t * 100) : 0);
-  return /* @__PURE__ */ J("div", { className: de.Body, children: [
+  return /* @__PURE__ */ ee("div", { className: de.Body, children: [
     /* @__PURE__ */ x("div", { className: de.ResultHeader, children: "결과 요약" }),
-    /* @__PURE__ */ J("div", { className: de.SummaryGrid, role: "list", children: [
-      /* @__PURE__ */ J("div", { className: de.StatCard, role: "listitem", children: [
+    /* @__PURE__ */ ee("div", { className: de.SummaryGrid, role: "list", children: [
+      /* @__PURE__ */ ee("div", { className: de.StatCard, role: "listitem", children: [
         /* @__PURE__ */ x("div", { className: de.StatLabel, children: "정답률" }),
-        /* @__PURE__ */ J("div", { className: de.StatValue, children: [
+        /* @__PURE__ */ ee("div", { className: de.StatValue, children: [
           u,
           "%"
         ] }),
         /* @__PURE__ */ x("div", { className: de.StatSub, children: `정답수 ${n}/문제수${t}` })
       ] }),
-      /* @__PURE__ */ J("div", { className: de.StatCard, role: "listitem", children: [
+      /* @__PURE__ */ ee("div", { className: de.StatCard, role: "listitem", children: [
         /* @__PURE__ */ x("div", { className: de.StatLabel, children: "총 점수" }),
         /* @__PURE__ */ x("div", { className: de.StatValue, children: r ? `${r.gainedScore}/${r.totalScore}` : "-" }),
         /* @__PURE__ */ x("div", { className: de.StatSub, children: "획득점수/최대점수" })
       ] }),
-      /* @__PURE__ */ J("div", { className: de.StatCard, role: "listitem", children: [
+      /* @__PURE__ */ ee("div", { className: de.StatCard, role: "listitem", children: [
         /* @__PURE__ */ x("div", { className: de.StatLabel, children: "총 소요 시간" }),
-        /* @__PURE__ */ x("div", { className: de.StatValue, children: Do(r == null ? void 0 : r.timeMsTotal) }),
-        /* @__PURE__ */ x("div", { className: de.StatSub, children: `평균 ${Do(r == null ? void 0 : r.avgMs)}` })
+        /* @__PURE__ */ x("div", { className: de.StatValue, children: Wo(r == null ? void 0 : r.timeMsTotal) }),
+        /* @__PURE__ */ x("div", { className: de.StatSub, children: `평균 ${Wo(r == null ? void 0 : r.avgMs)}` })
       ] }),
-      /* @__PURE__ */ J("div", { className: de.StatCard, role: "listitem", children: [
+      /* @__PURE__ */ ee("div", { className: de.StatCard, role: "listitem", children: [
         /* @__PURE__ */ x("div", { className: de.StatLabel, children: "타입오버 퀴즈수" }),
         /* @__PURE__ */ x("div", { className: de.StatValue, children: r ? `${r.timedOut}` : "-" }),
         /* @__PURE__ */ x("div", { className: de.StatSub, children: "timeout" })
       ] })
     ] }),
-    /* @__PURE__ */ J("div", { className: de.ResultActions, children: [
+    /* @__PURE__ */ ee("div", { className: de.ResultActions, children: [
       o && /* @__PURE__ */ x("button", { type: "button", onClick: s, className: de.CloseBtnSoft, children: "다시 풀기" }),
       /* @__PURE__ */ x("button", { type: "button", onClick: i, className: de.CloseBtnSoft, children: "닫기" })
     ] })
@@ -8458,7 +8459,7 @@ function Od({ children: e, initialState: t }) {
       }
     });
     return () => o();
-  }, [n]), /* @__PURE__ */ x(Br.Provider, { value: n, children: e });
+  }, [n]), /* @__PURE__ */ x(Ar.Provider, { value: n, children: e });
 }
 const Vo = [
   "mode",
@@ -8481,7 +8482,7 @@ const Vo = [
   "isSettingsOpen"
 ];
 function zd({ containerRef: e }) {
-  const t = Ot(), n = kn(), r = se(null);
+  const t = wt(), n = kn(), r = se(null);
   return me(() => {
     const o = e.current;
     if (!o) return;
@@ -8520,7 +8521,7 @@ function zd({ containerRef: e }) {
   }, [t, n]), null;
 }
 function Pd() {
-  const e = Ot(), t = kn(), n = _t(), r = Ue(Ko), o = Ue(On), i = te(
+  const e = wt(), t = kn(), n = Mt(), r = Ue(Ko), o = Ue(On), i = te(
     (a) => {
       const { viewerState: l } = a;
       if (l) {
@@ -8611,7 +8612,8 @@ function Pd() {
       viewportHeight: a.viewportHeight,
       audio: y,
       range: g,
-      translate: C
+      translate: C,
+      wordAvgDistancePx: e.getState().wordAvgDistancePx
     };
   }, [t, n, o]), u = te(
     (a) => {
@@ -8703,7 +8705,7 @@ function Pd() {
     },
     [n, t, o]
   );
-  return kt(() => r ? (r.current = {
+  return Rt(() => r ? (r.current = {
     dispatch: u,
     applySnapshot: i,
     getSnapshot: s,
@@ -8726,15 +8728,59 @@ function Pd() {
     i,
     s,
     n
-  ]), kt(() => e.subscribe((l, d) => {
+  ]), Rt(() => e.subscribe((l, d) => {
     l.isPlaybackMode && !d.isPlaybackMode ? (e.getState().setDispatchHandler(u), e.getState().setApplySnapshotHandler(i)) : !l.isPlaybackMode && d.isPlaybackMode && (e.getState().setDispatchHandler(null), e.getState().setApplySnapshotHandler(null));
   }), [e, u, i]), null;
 }
-const Bd = ({
+function Ad(e) {
+  const t = e.querySelectorAll("[data-gi]");
+  if (t.length < 2) return 0;
+  const n = [];
+  let r = null, o = -1 / 0;
+  for (let i = 0; i < t.length; i++) {
+    const s = t[i].getBoundingClientRect();
+    if (r && Math.abs(s.top - o) < s.height * 0.5) {
+      const u = s.left - r.right;
+      u >= 0 && n.push(u);
+    }
+    r = s, o = s.top;
+  }
+  return n.length === 0 ? 0 : n.reduce((i, s) => i + s, 0) / n.length;
+}
+function Bd({
+  containerRef: e
+}) {
+  const t = X((d) => d.fontSizePx), n = X((d) => d.fontFamily), r = X((d) => d.lineHeight), o = X((d) => d.marginX), i = X((d) => d.breakMarks), s = X((d) => d.breakGapPx), u = X((d) => d.showSplit), a = X((d) => d.viewportWidth), l = wt();
+  return me(() => {
+    const d = e.current;
+    if (!d) return;
+    let h, p;
+    return h = requestAnimationFrame(() => {
+      p = requestAnimationFrame(() => {
+        const m = Ad(d);
+        l.setState({ wordAvgDistancePx: m });
+      });
+    }), () => {
+      cancelAnimationFrame(h), cancelAnimationFrame(p);
+    };
+  }, [
+    e,
+    l,
+    t,
+    n,
+    r,
+    o,
+    i,
+    s,
+    u,
+    a
+  ]), null;
+}
+const Gd = ({
   containerRef: e,
   onTranslate: t
 }) => {
-  const n = U((p) => p.rangeStartGI), r = U((p) => p.rangeEndGI), o = U((p) => p.getRangeText), i = U((p) => p.clearRange), s = Ot(), u = n != null && r != null, [a, l] = pt(null);
+  const n = U((p) => p.rangeStartGI), r = U((p) => p.rangeEndGI), o = U((p) => p.getRangeText), i = U((p) => p.clearRange), s = wt(), u = n != null && r != null, [a, l] = pt(null);
   me(() => {
     if (!u) return;
     const p = e.current;
@@ -8786,7 +8832,7 @@ const Bd = ({
     const p = o();
     p && t && t(p);
   }, [o, t]);
-  return !u || !a ? null : /* @__PURE__ */ J(
+  return !u || !a ? null : /* @__PURE__ */ ee(
     "div",
     {
       "data-range-menu": !0,
@@ -8841,11 +8887,11 @@ const Bd = ({
       ]
     }
   );
-}, Ad = "_handleStart_1ihf3_16 _handle_1ihf3_1", Gd = "_handleEnd_1ihf3_21 _handle_1ihf3_1", qo = {
-  handleStart: Ad,
-  handleEnd: Gd
-}, Ld = ({ containerRef: e }) => {
-  const t = U((f) => f.rangeStartGI), n = U((f) => f.rangeEndGI), r = U((f) => f.setRange), o = Ot(), i = t != null && n != null, [s, u] = pt(null), [a, l] = pt(null), d = se(null), h = se(null);
+}, Ld = "_handleStart_1ihf3_16 _handle_1ihf3_1", Hd = "_handleEnd_1ihf3_21 _handle_1ihf3_1", qo = {
+  handleStart: Ld,
+  handleEnd: Hd
+}, Nd = ({ containerRef: e }) => {
+  const t = U((f) => f.rangeStartGI), n = U((f) => f.rangeEndGI), r = U((f) => f.setRange), o = wt(), i = t != null && n != null, [s, u] = pt(null), [a, l] = pt(null), d = se(null), h = se(null);
   me(() => {
     if (!i || t == null || n == null) {
       u(null), l(null);
@@ -8902,7 +8948,7 @@ const Bd = ({
   ), y = te((f) => {
     d.current = null, h.current = null, f.target.releasePointerCapture(f.pointerId);
   }, []);
-  return i ? /* @__PURE__ */ J(xt, { children: [
+  return i ? /* @__PURE__ */ ee(xt, { children: [
     s && /* @__PURE__ */ x(
       "div",
       {
@@ -8935,7 +8981,7 @@ const Bd = ({
     )
   ] }) : null;
 };
-function Hd() {
+function Fd() {
   const e = U((o) => o.rangeStartGI), t = U((o) => o.rangeEndGI), n = U((o) => o.clearRange), r = e != null && t != null;
   return me(() => {
     if (!r) return;
@@ -8957,7 +9003,7 @@ function Hd() {
     return document.addEventListener("click", o, !0), () => document.removeEventListener("click", o, !0);
   }, [r, e, t, n]), null;
 }
-const Nd = ({ isOpen: e, onClose: t, text: n }) => e ? /* @__PURE__ */ x(
+const Dd = ({ isOpen: e, onClose: t, text: n }) => e ? /* @__PURE__ */ x(
   "div",
   {
     style: {
@@ -8970,7 +9016,7 @@ const Nd = ({ isOpen: e, onClose: t, text: n }) => e ? /* @__PURE__ */ x(
       zIndex: 10001
     },
     onClick: t,
-    children: /* @__PURE__ */ J(
+    children: /* @__PURE__ */ ee(
       "div",
       {
         style: {
@@ -9033,7 +9079,7 @@ const Nd = ({ isOpen: e, onClose: t, text: n }) => e ? /* @__PURE__ */ x(
               children: "준비중입니다"
             }
           ),
-          n && /* @__PURE__ */ J(
+          n && /* @__PURE__ */ ee(
             "div",
             {
               style: {
@@ -9056,8 +9102,8 @@ const Nd = ({ isOpen: e, onClose: t, text: n }) => e ? /* @__PURE__ */ x(
       }
     )
   }
-) : null, Fd = (e, t, n) => Math.min(n, Math.max(t, e));
-function jd({
+) : null, Wd = (e, t, n) => Math.min(n, Math.max(t, e));
+function Kd({
   section: e,
   initialViewerState: t,
   initialProgressRunIndex: n,
@@ -9082,7 +9128,7 @@ function jd({
     for (const k of _)
       (k == null ? void 0 : k.type) !== "image" && (M += ((S = k == null ? void 0 : k.runs) == null ? void 0 : S.length) ?? 0);
     return M;
-  }, [e]), g = he(() => typeof n == "number" ? Fd(n, f > 0 ? 0 : -1, Math.max(f - 1, -1)) : (f > 0, 0), [n, f]), w = he(
+  }, [e]), g = he(() => typeof n == "number" ? Wd(n, f > 0 ? 0 : -1, Math.max(f - 1, -1)) : (f > 0, 0), [n, f]), w = he(
     () => ({
       section: e,
       initialIndex: g,
@@ -9113,15 +9159,15 @@ function jd({
         {
           initialState: w,
           gazeSync: p,
-          children: /* @__PURE__ */ x(cu, { initialState: C, children: /* @__PURE__ */ x(Od, { initialState: { section: e, onQuizComplete: u, quizRetryAllowed: a, previousQuizResult: l }, children: /* @__PURE__ */ x(Wd, {}) }, c) }, c)
+          children: /* @__PURE__ */ x(cu, { initialState: C, children: /* @__PURE__ */ x(Od, { initialState: { section: e, onQuizComplete: u, quizRetryAllowed: a, previousQuizResult: l }, children: /* @__PURE__ */ x($d, {}) }, c) }, c)
         },
         c
       ) })
     }
   );
 }
-function Wd() {
-  const e = ee((d) => d.mode), t = se(null), n = Ot(), r = _t(), o = U((d) => d.translateOpen), i = U((d) => d.translateText), s = te(
+function $d() {
+  const e = X((d) => d.mode), t = se(null), n = wt(), r = Mt(), o = U((d) => d.translateOpen), i = U((d) => d.translateText), s = te(
     (d) => {
       const { rangeStartGI: h, rangeEndGI: p } = r.getState().progress;
       r.getState().progress.setTranslateState({
@@ -9145,7 +9191,7 @@ function Wd() {
       payload: {}
     });
   }, [n, r]);
-  return /* @__PURE__ */ J(
+  return /* @__PURE__ */ ee(
     "div",
     {
       ref: t,
@@ -9170,14 +9216,14 @@ function Wd() {
       },
       children: [
         e === "scroll" ? /* @__PURE__ */ x(ka, {}) : /* @__PURE__ */ x($u, {}),
-        /* @__PURE__ */ x(Bd, { containerRef: t, onTranslate: s }),
-        /* @__PURE__ */ x(Ld, { containerRef: t }),
+        /* @__PURE__ */ x(Gd, { containerRef: t, onTranslate: s }),
+        /* @__PURE__ */ x(Nd, { containerRef: t }),
         /* @__PURE__ */ x(nu, {}),
         /* @__PURE__ */ x(Td, {}),
         /* @__PURE__ */ x(Ku, {}),
-        /* @__PURE__ */ x(Hd, {}),
+        /* @__PURE__ */ x(Fd, {}),
         /* @__PURE__ */ x(
-          Nd,
+          Dd,
           {
             isOpen: o,
             onClose: u,
@@ -9185,11 +9231,12 @@ function Wd() {
           }
         ),
         /* @__PURE__ */ x(zd, { containerRef: t }),
-        /* @__PURE__ */ x(Pd, {})
+        /* @__PURE__ */ x(Pd, {}),
+        /* @__PURE__ */ x(Bd, { containerRef: t })
       ]
     }
   );
 }
 export {
-  jd as CRViewer
+  Kd as CRViewer
 };