npm - @readerseye2/cr_viewer - Versions diffs - 1.0.45 → 1.0.46 - Mend

@readerseye2/cr_viewer 1.0.45 → 1.0.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/CR_Viewer.d.ts +3 -1
package/dist/CR_Viewer.d.ts.map +1 -1
package/dist/index.cjs +5 -5
package/dist/index.js +1031 -1027
package/dist/stores/quizprogress/quiz_progress.provider.d.ts +1 -0
package/dist/stores/quizprogress/quiz_progress.provider.d.ts.map +1 -1
package/package.json +2 -2

package/dist/index.js CHANGED Viewed

@@ -3,9 +3,9 @@ var Ui = Object.defineProperty;
 var Ki = (e, t, n) => t in e ? Ui(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Hr = (e, t, n) => Ki(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as x, jsxs as ee, Fragment as wt } from "react/jsx-runtime";
-import * as Ye from "react";
-import D, { createContext as Ft, useContext as Ue, useMemo as me, useLayoutEffect as _t, useRef as ie, useEffect as pe, useCallback as ne, createElement as hn, useState as pt, memo as Wt, useId as Xi } from "react";
-import Yi from "react-dom";
+import * as Qe from "react";
+import D, { createContext as Ft, useContext as Ue, useMemo as me, useLayoutEffect as _t, useRef as ie, useEffect as fe, useCallback as ne, createElement as hn, useState as pt, memo as Wt, useId as Xi } from "react";
+import Qi from "react-dom";
 const yr = Ft(void 0);
 var an = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Uo(e) {
@@ -22,7 +22,7 @@ var cn = { exports: {} }, Pn = {}, un = { exports: {} }, An = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Nr;
-function Qi() {
+function Yi() {
   if (Nr) return An;
   Nr = 1;
   var e = D;
@@ -127,7 +127,7 @@ function Zi() {
 }
 var Wr;
 function Ko() {
-  return Wr || (Wr = 1, process.env.NODE_ENV === "production" ? un.exports = Qi() : un.exports = Zi()), un.exports;
+  return Wr || (Wr = 1, process.env.NODE_ENV === "production" ? un.exports = Yi() : un.exports = Zi()), un.exports;
 }
 /**
  * @license React
@@ -155,26 +155,26 @@ function Ji() {
     } else y = v.current;
     v = u(
       function() {
-        function p(M) {
+        function p(O) {
           if (!g) {
-            if (g = !0, w = M, M = f(M), m !== void 0 && y.hasValue) {
+            if (g = !0, w = O, O = f(O), m !== void 0 && y.hasValue) {
               var b = y.value;
-              if (m(b, M))
-                return T = b;
+              if (m(b, O))
+                return C = b;
             }
-            return T = M;
+            return C = O;
           }
-          if (b = T, r(w, M)) return b;
-          var S = f(M);
-          return m !== void 0 && m(b, S) ? (w = M, b) : (w = M, T = S);
+          if (b = C, r(w, O)) return b;
+          var S = f(O);
+          return m !== void 0 && m(b, S) ? (w = O, b) : (w = O, C = S);
         }
-        var g = !1, w, T, k = h === void 0 ? null : h;
+        var g = !1, w, C, R = h === void 0 ? null : h;
         return [
           function() {
             return p(d());
           },
-          k === null ? void 0 : function() {
-            return p(k());
+          R === null ? void 0 : function() {
+            return p(R());
           }
         ];
       },
@@ -215,27 +215,27 @@ function es() {
       } else y = v.current;
       v = u(
         function() {
-          function p(M) {
+          function p(O) {
             if (!g) {
-              if (g = !0, w = M, M = f(M), m !== void 0 && y.hasValue) {
+              if (g = !0, w = O, O = f(O), m !== void 0 && y.hasValue) {
                 var b = y.value;
-                if (m(b, M))
-                  return T = b;
+                if (m(b, O))
+                  return C = b;
               }
-              return T = M;
+              return C = O;
             }
-            if (b = T, r(w, M))
+            if (b = C, r(w, O))
               return b;
-            var S = f(M);
-            return m !== void 0 && m(b, S) ? (w = M, b) : (w = M, T = S);
+            var S = f(O);
+            return m !== void 0 && m(b, S) ? (w = O, b) : (w = O, C = S);
           }
-          var g = !1, w, T, k = h === void 0 ? null : h;
+          var g = !1, w, C, R = h === void 0 ? null : h;
           return [
             function() {
               return p(d());
             },
-            k === null ? void 0 : function() {
-              return p(k());
+            R === null ? void 0 : function() {
+              return p(R());
             }
           ];
         },
@@ -374,7 +374,7 @@ function as({
   shouldIgnoreTarget: r
 }) {
   const o = ie(null);
-  pe(() => () => {
+  fe(() => () => {
     o.current != null && (clearTimeout(o.current), o.current = null);
   }, []);
   const i = ne(
@@ -437,7 +437,7 @@ const vn = {
     const s = Math.abs(o - e);
     s < r && (r = s, n = i);
   }), n + 1;
-}, Yo = [
+}, Qo = [
   {
     label: "고딕체",
     value: "'Noto Sans KR', sans-serif"
@@ -453,7 +453,7 @@ const vn = {
 ], Ve = {
   mode: "page",
   theme: "light",
-  fontFamily: Yo.find((e) => e.label === "명조체").value,
+  fontFamily: Qo.find((e) => e.label === "명조체").value,
   // ✅ 기본 글꼴: 바탕체
   fontSizePx: 18,
   lineHeight: 1.8,
@@ -608,7 +608,7 @@ function us(e) {
     setViewportSize: (i, s) => r({ viewportWidth: i, viewportHeight: s })
   }));
 }
-const _n = 0, Ct = 1, Dt = 2, Qo = 4;
+const _n = 0, Ct = 1, Dt = 2, Yo = 4;
 function jr(e) {
   return () => e;
 }
@@ -646,14 +646,14 @@ function Ee(...e) {
 function Ie(e, t) {
   return e(Ct, t);
 }
-function fe(e, t) {
+function pe(e, t) {
   e(_n, t);
 }
 function Ir(e) {
   e(Dt);
 }
 function Pe(e) {
-  return e(Qo);
+  return e(Yo);
 }
 function oe(e, t) {
   return Ie(e, fs(t, _n));
@@ -686,7 +686,7 @@ function ae(e) {
     e(n) && t(n);
   };
 }
-function Q(e) {
+function Y(e) {
   return (t) => Zo(t, e);
 }
 function ft(e) {
@@ -769,7 +769,7 @@ function W(e) {
         o(t);
         break;
       }
-      case Qo:
+      case Yo:
         return t;
     }
     return n(r, o);
@@ -826,7 +826,7 @@ function Ne(...e) {
   return e.forEach((i, s) => {
     const u = Math.pow(2, s);
     Ie(i, (a) => {
-      n[s] = a, r = r | u, r === o && fe(t, n);
+      n[s] = a, r = r | u, r === o && pe(t, n);
     });
   }), function(i, s) {
     switch (i) {
@@ -852,7 +852,7 @@ function fr(...e) {
     }
   };
 }
-var Qe = /* @__PURE__ */ ((e) => (e[e.DEBUG = 0] = "DEBUG", e[e.INFO = 1] = "INFO", e[e.WARN = 2] = "WARN", e[e.ERROR = 3] = "ERROR", e))(Qe || {});
+var Ye = /* @__PURE__ */ ((e) => (e[e.DEBUG = 0] = "DEBUG", e[e.INFO = 1] = "INFO", e[e.WARN = 2] = "WARN", e[e.ERROR = 3] = "ERROR", e))(Ye || {});
 const Ss = {
   0: "debug",
   3: "error",
@@ -933,7 +933,7 @@ function ws(e, t, n, r) {
     if (u.dataset.index === void 0)
       continue;
     const a = parseInt(u.dataset.index), l = parseFloat(u.dataset.knownSize), d = t(u, n);
-    if (d === 0 && r("Zero-sized element, this should not happen", { child: u }, Qe.ERROR), d === l)
+    if (d === 0 && r("Zero-sized element, this should not happen", { child: u }, Ye.ERROR), d === l)
       continue;
     const h = i[i.length - 1];
     i.length === 0 || h.size !== d || h.endIndex !== a - 1 ? i.push({ endIndex: a, size: d, startIndex: a }) : i[i.length - 1].endIndex++;
@@ -941,7 +941,7 @@ function ws(e, t, n, r) {
   return i;
 }
 function Xr(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);
+  return t !== "normal" && !(t != null && t.endsWith("px")) && n(`${e} was not resolved to pixel value correctly`, t, Ye.WARN), t === "normal" ? 0 : parseInt(t ?? "0", 10);
 }
 function ei(e, t, n) {
   const r = D.useRef(null), o = D.useCallback(
@@ -992,13 +992,13 @@ const Ke = ye(
     return oe(
       H(
         e,
-        Q(({ scrollTop: c }) => c)
+        Y(({ scrollTop: c }) => c)
       ),
       t
     ), oe(
       H(
         e,
-        Q(({ scrollHeight: c }) => c)
+        Y(({ scrollHeight: c }) => c)
       ),
       s
     ), oe(t, o), {
@@ -1041,9 +1041,9 @@ function ti(e, t) {
 function Te(e) {
   return e === Xt;
 }
-function Yt(e, t) {
+function Qt(e, t) {
   if (!Te(e))
-    return t === e.k ? e.v : t < e.k ? Yt(e.l, t) : Yt(e.r, t);
+    return t === e.k ? e.v : t < e.k ? Qt(e.l, t) : Qt(e.r, t);
 }
 function ct(e, t, n = "k") {
   if (Te(e))
@@ -1057,7 +1057,7 @@ function ct(e, t, n = "k") {
   return ct(e.l, t, n);
 }
 function et(e, t, n) {
-  return Te(e) ? oi(t, n, 1) : t === e.k ? De(e, { k: t, v: n }) : t < e.k ? Yr(De(e, { l: et(e.l, t, n) })) : Yr(De(e, { r: et(e.r, t, n) }));
+  return Te(e) ? oi(t, n, 1) : t === e.k ? De(e, { k: t, v: n }) : t < e.k ? Qr(De(e, { l: et(e.l, t, n) })) : Qr(De(e, { r: et(e.r, t, n) }));
 }
 function Lt() {
   return Xt;
@@ -1147,7 +1147,7 @@ function ri(e) {
 function oi(e, t, n, r = Xt, o = Xt) {
   return { k: e, l: r, lvl: n, r: o, v: t };
 }
-function Yr(e) {
+function Qr(e) {
   return hr(ii(e));
 }
 function ii(e) {
@@ -1164,7 +1164,7 @@ function Is(e) {
 function si(e, t) {
   return !!(e && e.startIndex === t.startIndex && e.endIndex === t.endIndex);
 }
-function Qt(e, t) {
+function Yt(e, t) {
   return !!(e && e[0] === t[0] && e[1] === t[1]);
 }
 const Tr = ye(
@@ -1268,7 +1268,7 @@ function Ms(e, t, n, r = 0) {
   return r > 0 && (t = Math.max(t, li(e, r, kr).offset)), ti(Cs(e, t, n, _s), zs);
 }
 function Es(e, [t, n, r, o]) {
-  t.length > 0 && r("received item sizes", t, Qe.DEBUG);
+  t.length > 0 && r("received item sizes", t, Ye.DEBUG);
   const i = e.sizeTree;
   let s = i, u = 0;
   if (n.length > 0 && Te(i) && t.length === 2) {
@@ -1295,7 +1295,7 @@ function Os(e) {
     return { endIndex: i ? i.k - 1 : 1 / 0, size: n, startIndex: t };
   });
 }
-function Qr(e, t) {
+function Yr(e, t) {
   let n = 0, r = 0;
   for (; n < e; )
     n += t[r + 1] - t[r] - 1, r++;
@@ -1347,7 +1347,7 @@ const As = {
           current: [],
           prev: []
         }),
-        Q(({ prev: b }) => b)
+        Y(({ prev: b }) => b)
       ),
       []
     );
@@ -1356,12 +1356,12 @@ const As = {
         a,
         ae((b) => b.length > 0),
         he(p, y),
-        Q(([b, S, _]) => {
-          const C = b.reduce((O, P, I) => et(O, P, Zt(P, S.offsetTree, _) || I), Lt());
+        Y(([b, S, k]) => {
+          const T = b.reduce((M, P, I) => et(M, P, Zt(P, S.offsetTree, k) || I), Lt());
           return {
             ...S,
             groupIndices: b,
-            groupOffsetTree: C
+            groupOffsetTree: T
           };
         })
       ),
@@ -1371,10 +1371,10 @@ const As = {
         r,
         he(p),
         ae(([b, { lastIndex: S }]) => b < S),
-        Q(([b, { lastIndex: S, lastSize: _ }]) => [
+        Y(([b, { lastIndex: S, lastSize: k }]) => [
           {
             endIndex: S,
-            size: _,
+            size: k,
             startIndex: b
           }
         ])
@@ -1384,7 +1384,7 @@ const As = {
     const w = je(
       H(
         l,
-        Q((b) => b === void 0)
+        Y((b) => b === void 0)
       ),
       !0
     );
@@ -1392,9 +1392,9 @@ const As = {
       H(
         d,
         ae((b) => b !== void 0 && Te(Pe(p).sizeTree)),
-        Q((b) => {
-          const S = Pe(h), _ = Pe(a).length > 0;
-          return S ? _ ? [
+        Y((b) => {
+          const S = Pe(h), k = Pe(a).length > 0;
+          return S ? k ? [
             { endIndex: 0, size: S, startIndex: 0 },
             { endIndex: 1, size: b, startIndex: 1 }
           ] : [] : [{ endIndex: 0, size: b, startIndex: 0 }];
@@ -1405,21 +1405,21 @@ const As = {
       H(
         f,
         ae((b) => b !== void 0 && b.length > 0 && Te(Pe(p).sizeTree)),
-        Q((b) => {
+        Y((b) => {
           const S = [];
-          let _ = b[0], C = 0;
-          for (let O = 1; O < b.length; O++) {
-            const P = b[O];
-            P !== _ && (S.push({
-              endIndex: O - 1,
-              size: _,
-              startIndex: C
-            }), _ = P, C = O);
+          let k = b[0], T = 0;
+          for (let M = 1; M < b.length; M++) {
+            const P = b[M];
+            P !== k && (S.push({
+              endIndex: M - 1,
+              size: k,
+              startIndex: T
+            }), k = P, T = M);
           }
           return S.push({
             endIndex: b.length - 1,
-            size: _,
-            startIndex: C
+            size: k,
+            startIndex: T
           }), S;
         })
       ),
@@ -1429,37 +1429,37 @@ const As = {
         a,
         he(h, d),
         ae(([, b, S]) => b !== void 0 && S !== void 0),
-        Q(([b, S, _]) => {
-          const C = [];
-          for (let O = 0; O < b.length; O++) {
-            const P = b[O], I = b[O + 1];
-            C.push({
+        Y(([b, S, k]) => {
+          const T = [];
+          for (let M = 0; M < b.length; M++) {
+            const P = b[M], I = b[M + 1];
+            T.push({
               startIndex: P,
               endIndex: P,
               size: S
-            }), I !== void 0 && C.push({
+            }), I !== void 0 && T.push({
               startIndex: P + 1,
               endIndex: I - 1,
-              size: _
+              size: k
             });
           }
-          return C;
+          return T;
         })
       ),
       n
     );
-    const T = tt(
+    const C = tt(
       H(
         n,
         he(p),
         gt(
-          ({ sizes: b }, [S, _]) => ({
-            changed: _ !== b,
-            sizes: _
+          ({ sizes: b }, [S, k]) => ({
+            changed: k !== b,
+            sizes: k
           }),
           { changed: !1, sizes: c }
         ),
-        Q((b) => b.changed)
+        Y((b) => b.changed)
       )
     );
     Ie(
@@ -1469,45 +1469,45 @@ const As = {
           (b, S) => ({ diff: b.prev - S, prev: S }),
           { diff: 0, prev: 0 }
         ),
-        Q((b) => b.diff)
+        Y((b) => b.diff)
       ),
       (b) => {
         const { groupIndices: S } = Pe(p);
         if (b > 0)
-          fe(t, !0), fe(i, b + Qr(b, S));
+          pe(t, !0), pe(i, b + Yr(b, S));
         else if (b < 0) {
-          const _ = Pe(g);
-          _.length > 0 && (b -= Qr(-b, _)), fe(s, b);
+          const k = Pe(g);
+          k.length > 0 && (b -= Yr(-b, k)), pe(s, b);
         }
       }
     ), Ie(H(u, he(e)), ([b, S]) => {
       b < 0 && S(
         "`firstItemIndex` prop should not be set to less than zero. If you don't know the total count, just use a very high value",
         { firstItemIndex: u },
-        Qe.ERROR
+        Ye.ERROR
       );
     });
-    const k = tt(i);
+    const R = tt(i);
     oe(
       H(
         i,
         he(p),
-        Q(([b, S]) => {
-          const _ = S.groupIndices.length > 0, C = [], O = S.lastSize;
-          if (_) {
-            const P = Yt(S.sizeTree, 0);
-            let I = 0, R = 0;
+        Y(([b, S]) => {
+          const k = S.groupIndices.length > 0, T = [], M = S.lastSize;
+          if (k) {
+            const P = Qt(S.sizeTree, 0);
+            let I = 0, _ = 0;
             for (; I < b; ) {
-              const N = S.groupIndices[R], A = S.groupIndices.length === R + 1 ? 1 / 0 : S.groupIndices[R + 1] - N - 1;
-              C.push({
+              const N = S.groupIndices[_], A = S.groupIndices.length === _ + 1 ? 1 / 0 : S.groupIndices[_ + 1] - N - 1;
+              T.push({
                 endIndex: N,
                 size: P,
                 startIndex: N
-              }), C.push({
+              }), T.push({
                 endIndex: N + 1 + A - 1,
-                size: O,
+                size: M,
                 startIndex: N + 1
-              }), R++, I += A + 1;
+              }), _++, I += A + 1;
             }
             const z = Mt(S.sizeTree);
             return I !== b && z.shift(), z.reduce(
@@ -1529,19 +1529,19 @@ const As = {
               {
                 prevIndex: b,
                 prevSize: 0,
-                ranges: C
+                ranges: T
               }
             ).ranges;
           }
           return Mt(S.sizeTree).reduce(
-            (P, { k: I, v: R }) => ({
+            (P, { k: I, v: _ }) => ({
               prevIndex: I + b,
-              prevSize: R,
+              prevSize: _,
               ranges: [...P.ranges, { endIndex: I + b - 1, size: P.prevSize, startIndex: P.prevIndex }]
             }),
             {
               prevIndex: 0,
-              prevSize: O,
+              prevSize: M,
               ranges: []
             }
           ).ranges;
@@ -1549,13 +1549,13 @@ const As = {
       ),
       n
     );
-    const M = tt(
+    const O = tt(
       H(
         s,
         he(p, y),
-        Q(([b, { offsetTree: S }, _]) => {
-          const C = -b;
-          return Zt(C, S, _);
+        Y(([b, { offsetTree: S }, k]) => {
+          const T = -b;
+          return Zt(T, S, k);
         })
       )
     );
@@ -1563,42 +1563,42 @@ const As = {
       H(
         s,
         he(p, y),
-        Q(([b, S, _]) => {
+        Y(([b, S, k]) => {
           if (S.groupIndices.length > 0) {
             if (Te(S.sizeTree))
               return S;
-            let C = Lt();
-            const O = Pe(g);
-            let P = 0, I = 0, R = 0;
+            let T = Lt();
+            const M = Pe(g);
+            let P = 0, I = 0, _ = 0;
             for (; P < -b; ) {
-              R = O[I];
-              const z = O[I + 1] - R - 1;
+              _ = M[I];
+              const z = M[I + 1] - _ - 1;
               I++, P += z + 1;
             }
-            if (C = Mt(S.sizeTree).reduce((z, { k: N, v: A }) => et(z, Math.max(0, N + b), A), C), P !== -b) {
-              const z = Yt(S.sizeTree, R);
-              C = et(C, 0, z);
+            if (T = Mt(S.sizeTree).reduce((z, { k: N, v: A }) => et(z, Math.max(0, N + b), A), T), P !== -b) {
+              const z = Qt(S.sizeTree, _);
+              T = et(T, 0, z);
               const N = ct(S.sizeTree, -b + 1)[1];
-              C = et(C, 1, N);
+              T = et(T, 1, N);
             }
             return {
               ...S,
-              sizeTree: C,
-              ...mr(S.offsetTree, 0, C, _)
+              sizeTree: T,
+              ...mr(S.offsetTree, 0, T, k)
             };
           } else {
-            const C = Mt(S.sizeTree).reduce((O, { k: P, v: I }) => et(O, Math.max(0, P + b), I), Lt());
+            const T = Mt(S.sizeTree).reduce((M, { k: P, v: I }) => et(M, Math.max(0, P + b), I), Lt());
             return {
               ...S,
-              sizeTree: C,
-              ...mr(S.offsetTree, 0, C, _)
+              sizeTree: T,
+              ...mr(S.offsetTree, 0, T, k)
             };
           }
         })
       ),
       p
     ), {
-      beforeUnshiftWith: k,
+      beforeUnshiftWith: R,
       // input
       data: v,
       defaultItemSize: d,
@@ -1609,9 +1609,9 @@ const As = {
       groupIndices: a,
       heightEstimates: f,
       itemSize: m,
-      listRefresh: T,
+      listRefresh: C,
       shiftWith: s,
-      shiftWithOffset: M,
+      shiftWithOffset: O,
       sizeRanges: n,
       // output
       sizes: p,
@@ -1635,26 +1635,26 @@ function Bs(e) {
 }
 const ui = ye(
   ([{ groupIndices: e, sizes: t, totalCount: n }, { headerHeight: r, scrollTop: o }]) => {
-    const i = ve(), s = ve(), u = tt(H(i, Q(Bs)));
+    const i = ve(), s = ve(), u = tt(H(i, Y(Bs)));
     return oe(
       H(
         u,
-        Q((a) => a.totalCount)
+        Y((a) => a.totalCount)
       ),
       n
     ), oe(
       H(
         u,
-        Q((a) => a.groupIndices)
+        Y((a) => a.groupIndices)
       ),
       e
     ), oe(
       H(
         Ne(o, t, r),
         ae(([a, l]) => En(l)),
-        Q(([a, l, d]) => ct(l.groupOffsetTree, Math.max(a - d, 0), "v")[0]),
+        Y(([a, l, d]) => ct(l.groupOffsetTree, Math.max(a - d, 0), "v")[0]),
         Me(),
-        Q((a) => [a])
+        Y((a) => [a])
       ),
       s
     ), { groupCounts: i, topItemsIndexes: s };
@@ -1670,7 +1670,7 @@ const ui = ye(
       )
     );
     return Ie(t, (r) => {
-      r && Pe(e)("props updated", {}, Qe.DEBUG);
+      r && Pe(e)("props updated", {}, Ye.DEBUG);
     }), { didMount: n, propsReady: t };
   },
   Ee(Tt),
@@ -1698,25 +1698,25 @@ const on = ye(
     const m = ve(), v = ve(), y = W(0);
     let c = null, p = null, g = null;
     function w() {
-      c && (c(), c = null), g && (g(), g = null), p && (clearTimeout(p), p = null), fe(a, !1);
+      c && (c(), c = null), g && (g(), g = null), p && (clearTimeout(p), p = null), pe(a, !1);
     }
     return oe(
       H(
         m,
         he(n, h, r, y, u, s, f),
         he(e, i, o),
-        Q(
+        Y(
           ([
-            [T, k, M, b, S, _, C, O],
+            [C, R, O, b, S, k, T, M],
             P,
             I,
-            R
+            _
           ]) => {
-            const z = di(T), { align: N, behavior: A, offset: V } = z, re = b - 1, be = ci(z, k, re);
-            let Se = Zt(be, k.offsetTree, P) + _;
-            N === "end" ? (Se += I + ct(k.sizeTree, be)[1] - M + R, be === re && (Se += C)) : N === "center" ? Se += (I + ct(k.sizeTree, be)[1] - M + R) / 2 : Se -= S, V && (Se += V);
+            const z = di(C), { align: N, behavior: A, offset: V } = z, re = b - 1, be = ci(z, R, re);
+            let Se = Zt(be, R.offsetTree, P) + k;
+            N === "end" ? (Se += I + ct(R.sizeTree, be)[1] - O + _, be === re && (Se += T)) : N === "center" ? Se += (I + ct(R.sizeTree, be)[1] - O + _) / 2 : Se -= S, V && (Se += V);
             const Ce = (xe) => {
-              w(), xe ? (O("retrying to scroll to", { location: T }, Qe.DEBUG), fe(m, T)) : (fe(v, !0), O("list did not change, scroll successful", {}, Qe.DEBUG));
+              w(), xe ? (M("retrying to scroll to", { location: C }, Ye.DEBUG), pe(m, C)) : (pe(v, !0), M("list did not change, scroll successful", {}, Ye.DEBUG));
             };
             if (w(), A === "smooth") {
               let xe = !1;
@@ -1729,7 +1729,7 @@ const on = ye(
               c = at(H(t, Ls(150)), Ce);
             return p = setTimeout(() => {
               w();
-            }, 1200), fe(a, !0), O("scrolling from index to", { behavior: A, index: be, top: Se }, Qe.DEBUG), { behavior: A, top: Se };
+            }, 1200), pe(a, !0), M("scrolling from index to", { behavior: A, index: be, top: Se }, Ye.DEBUG), { behavior: A, top: Se };
           }
         )
       ),
@@ -1790,11 +1790,11 @@ const sn = ye(
       ),
       ([, d]) => {
         at(o, () => {
-          fe(l, !0);
+          pe(l, !0);
         }), Rr(4, () => {
           at(r, () => {
-            fe(u, !0);
-          }), fe(i, d);
+            pe(u, !0);
+          }), pe(i, d);
         });
       }
     ), {
@@ -1832,7 +1832,7 @@ const Jt = "up", Ut = "down", Hs = "none", Ns = {
   oe(
     H(
       Ne(le(o), le(h)),
-      Q(([g, w]) => g <= w),
+      Y(([g, w]) => g <= w),
       Me()
     ),
     u
@@ -1840,26 +1840,26 @@ const Jt = "up", Ut = "down", Hs = "none", Ns = {
   const v = tt(
     H(
       Ne(r, le(i), le(t), le(e), le(d)),
-      gt((g, [{ scrollHeight: w, scrollTop: T }, k, M, b, S]) => {
-        const _ = T + k - w > -S, C = {
+      gt((g, [{ scrollHeight: w, scrollTop: C }, R, O, b, S]) => {
+        const k = C + R - w > -S, T = {
           scrollHeight: w,
-          scrollTop: T,
-          viewportHeight: k
+          scrollTop: C,
+          viewportHeight: R
         };
-        if (_) {
+        if (k) {
           let P, I;
-          return T > g.state.scrollTop ? (P = "SCROLLED_DOWN", I = g.state.scrollTop - T) : (P = "SIZE_DECREASED", I = g.state.scrollTop - T || g.scrollTopDelta), {
+          return C > g.state.scrollTop ? (P = "SCROLLED_DOWN", I = g.state.scrollTop - C) : (P = "SIZE_DECREASED", I = g.state.scrollTop - C || g.scrollTopDelta), {
             atBottom: !0,
             atBottomBecause: P,
             scrollTopDelta: I,
-            state: C
+            state: T
           };
         }
-        let O;
-        return C.scrollHeight > g.state.scrollHeight ? O = "SIZE_INCREASED" : k < g.state.viewportHeight ? O = "VIEWPORT_HEIGHT_DECREASING" : T < g.state.scrollTop ? O = "SCROLLING_UPWARDS" : O = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM", {
+        let M;
+        return T.scrollHeight > g.state.scrollHeight ? M = "SIZE_INCREASED" : R < g.state.viewportHeight ? M = "VIEWPORT_HEIGHT_DECREASING" : C < g.state.scrollTop ? M = "SCROLLING_UPWARDS" : M = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM", {
           atBottom: !1,
-          notAtBottomBecause: O,
-          state: C
+          notAtBottomBecause: M,
+          state: T
         };
       }, Ns),
       Me((g, w) => g && g.atBottom === w.atBottom)
@@ -1868,40 +1868,40 @@ const Jt = "up", Ut = "down", Hs = "none", Ns = {
     H(
       r,
       gt(
-        (g, { scrollHeight: w, scrollTop: T, viewportHeight: k }) => {
+        (g, { scrollHeight: w, scrollTop: C, viewportHeight: R }) => {
           if (fi(g.scrollHeight, w))
             return {
               changed: !1,
               jump: 0,
               scrollHeight: w,
-              scrollTop: T
+              scrollTop: C
             };
           {
-            const M = w - (T + k) < 1;
-            return g.scrollTop !== T && M ? {
+            const O = w - (C + R) < 1;
+            return g.scrollTop !== C && O ? {
               changed: !0,
-              jump: g.scrollTop - T,
+              jump: g.scrollTop - C,
               scrollHeight: w,
-              scrollTop: T
+              scrollTop: C
             } : {
               changed: !0,
               jump: 0,
               scrollHeight: w,
-              scrollTop: T
+              scrollTop: C
             };
           }
         },
         { changed: !1, jump: 0, scrollHeight: 0, scrollTop: 0 }
       ),
       ae((g) => g.changed),
-      Q((g) => g.jump)
+      Y((g) => g.jump)
     ),
     0
   );
   oe(
     H(
       v,
-      Q((g) => g.atBottom)
+      Y((g) => g.atBottom)
     ),
     s
   ), oe(H(s, mt(50)), a);
@@ -1909,13 +1909,13 @@ const Jt = "up", Ut = "down", Hs = "none", Ns = {
   oe(
     H(
       r,
-      Q(({ scrollTop: g }) => g),
+      Y(({ 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 }
       ),
-      Q((g) => g.direction)
+      Y((g) => g.direction)
     ),
     c
   ), oe(H(r, mt(50), ft(Hs)), c);
@@ -1933,8 +1933,8 @@ const Jt = "up", Ut = "down", Hs = "none", Ns = {
       mt(100),
       he(f),
       ae(([g, w]) => w),
-      gt(([g, w], [T]) => [w, T], [0, 0]),
-      Q(([g, w]) => w - g)
+      gt(([g, w], [C]) => [w, C], [0, 0]),
+      Y(([g, w]) => w - g)
     ),
     p
   ), {
@@ -1966,14 +1966,14 @@ const Mr = ye(
           le(r),
           le(o),
           le(n),
-          le(i, Qt),
+          le(i, Yt),
           le(a),
           le(s),
           le(t),
           le(e),
           le(u)
         ),
-        Q(
+        Y(
           ([
             d,
             h,
@@ -1985,17 +1985,17 @@ const Mr = ye(
             g,
             w
           ]) => {
-            const T = d - g, k = c + p, M = Math.max(f - T, 0);
+            const C = d - g, R = c + p, O = Math.max(f - C, 0);
             let b = Zr;
-            const S = eo(w, en), _ = eo(w, tn);
-            return m -= g, m += f + p, v += f + p, v -= g, m > d + k - S && (b = Jt), v < d - M + h + _ && (b = Ut), b !== Zr ? [
-              Math.max(T - f - Jr(y, en, b) - S, 0),
-              T - M - p + h + Jr(y, tn, b) + _
+            const S = eo(w, en), k = eo(w, tn);
+            return m -= g, m += f + p, v += f + p, v -= g, m > d + R - S && (b = Jt), v < d - O + h + k && (b = Ut), b !== Zr ? [
+              Math.max(C - f - Jr(y, en, b) - S, 0),
+              C - O - p + h + Jr(y, tn, b) + k
             ] : null;
           }
         ),
         ae((d) => d != null),
-        Me(Qt)
+        Me(Yt)
       ),
       [0, 0]
     );
@@ -2118,7 +2118,7 @@ const Pt = ye(
         Ne(
           m,
           v,
-          le(a, Qt),
+          le(a, Yt),
           le(o),
           le(r),
           le(l),
@@ -2129,73 +2129,73 @@ const Pt = ye(
           le(g),
           e
         ),
-        ae(([b, S, , _, , , , , , , , C]) => {
-          const O = C && C.length !== _;
-          return b && !S && !O;
+        ae(([b, S, , k, , , , , , , , T]) => {
+          const M = T && T.length !== k;
+          return b && !S && !M;
         }),
-        Q(
+        Y(
           ([
             ,
             ,
             [b, S],
-            _,
-            C,
-            O,
+            k,
+            T,
+            M,
             P,
             I,
-            R,
+            _,
             z,
             N,
             A
           ]) => {
             var V, re, be, Se;
-            const Ce = C, { offsetTree: xe, sizeTree: Fe } = Ce, K = Pe(c);
-            if (_ === 0)
-              return { ...Dn, totalCount: _ };
+            const Ce = T, { offsetTree: xe, sizeTree: Fe } = Ce, K = Pe(c);
+            if (k === 0)
+              return { ...Dn, totalCount: k };
             if (b === 0 && S === 0)
-              return K === 0 ? { ...Dn, totalCount: _ } : pi(K, O, C, R, z, A || []);
+              return K === 0 ? { ...Dn, totalCount: k } : pi(K, M, T, _, z, A || []);
             if (Te(Fe))
               return K > 0 ? null : bn(
-                Ws(_r(O, _), Ce, A),
+                Ws(_r(M, k), Ce, A),
                 [],
-                _,
+                k,
                 z,
                 Ce,
-                R
+                _
               );
             const $ = [];
             if (I.length > 0) {
-              const F = I[0], Y = I[I.length - 1];
+              const F = I[0], Q = I[I.length - 1];
               let te = 0;
-              for (const J of Ht(Fe, F, Y)) {
-                const ce = J.value, se = Math.max(J.start, F), we = Math.min(J.end, Y);
+              for (const J of Ht(Fe, F, Q)) {
+                const ce = J.value, se = Math.max(J.start, F), we = Math.min(J.end, Q);
                 for (let ge = se; ge <= we; ge++)
                   $.push({ data: A == null ? void 0 : A[ge], index: ge, offset: te, size: ce }), te += ce;
               }
             }
             if (!P)
-              return bn([], $, _, z, Ce, R);
+              return bn([], $, k, z, Ce, _);
             const G = I.length > 0 ? I[I.length - 1] + 1 : 0, E = Ms(xe, b, S, G);
             if (E.length === 0)
               return null;
-            const L = _ - 1, q = Mn([], (F) => {
-              for (const Y of E) {
-                const te = Y.value;
-                let J = te.offset, ce = Y.start;
+            const L = k - 1, q = Mn([], (F) => {
+              for (const Q of E) {
+                const te = Q.value;
+                let J = te.offset, ce = Q.start;
                 const se = te.size;
                 if (te.offset < b) {
                   ce += Math.floor((b - te.offset + z) / (se + z));
-                  const ge = ce - Y.start;
+                  const ge = ce - Q.start;
                   J += ge * se + ge * z;
                 }
                 ce < G && (J += (G - ce) * se, ce = G);
-                const we = Math.min(Y.end, L);
+                const we = Math.min(Q.end, L);
                 for (let ge = ce; ge <= we && !(J >= S); ge++)
                   F.push({ data: A == null ? void 0 : A[ge], index: ge, offset: J, size: se }), J += se + z;
               }
             }), B = no(N, en), Z = no(N, tn);
             if (q.length > 0 && (B > 0 || Z > 0)) {
-              const F = q[0], Y = q[q.length - 1];
+              const F = q[0], Q = q[q.length - 1];
               if (B > 0 && F.index > G) {
                 const te = Math.min(B, F.index - G), J = [];
                 let ce = F.offset;
@@ -2205,16 +2205,16 @@ const Pt = ye(
                 }
                 q.unshift(...J);
               }
-              if (Z > 0 && Y.index < L) {
-                const te = Math.min(Z, L - Y.index);
-                let J = Y.offset + Y.size + z;
-                for (let ce = Y.index + 1; ce <= Y.index + te; ce++) {
-                  const se = (Se = (be = Ht(Fe, ce, ce)[0]) == null ? void 0 : be.value) != null ? Se : Y.size;
+              if (Z > 0 && Q.index < L) {
+                const te = Math.min(Z, L - Q.index);
+                let J = Q.offset + Q.size + z;
+                for (let ce = Q.index + 1; ce <= Q.index + te; ce++) {
+                  const se = (Se = (be = Ht(Fe, ce, ce)[0]) == null ? void 0 : be.value) != null ? Se : Q.size;
                   q.push({ data: A == null ? void 0 : A[ce], index: ce, offset: J, size: se }), J += se + z;
                 }
               }
             }
-            return bn(q, $, _, z, Ce, R);
+            return bn(q, $, k, z, Ce, _);
           }
         ),
         //@ts-expect-error filter needs to be fixed
@@ -2227,58 +2227,58 @@ const Pt = ye(
       H(
         e,
         ae(wr),
-        Q((b) => b == null ? void 0 : b.length)
+        Y((b) => b == null ? void 0 : b.length)
       ),
       o
     ), oe(
       H(
         w,
-        Q((b) => b.topListHeight)
+        Y((b) => b.topListHeight)
       ),
       h
     ), oe(h, u), oe(
       H(
         w,
-        Q((b) => [b.top, b.bottom])
+        Y((b) => [b.top, b.bottom])
       ),
       s
     ), oe(
       H(
         w,
-        Q((b) => b.items)
+        Y((b) => b.items)
       ),
       p
     );
-    const T = tt(
+    const C = tt(
       H(
         w,
         ae(({ items: b }) => b.length > 0),
         he(o, e),
         ae(([{ items: b }, S]) => b[b.length - 1].originalIndex === S - 1),
-        Q(([, b, S]) => [b - 1, S]),
-        Me(Qt),
-        Q(([b]) => b)
+        Y(([, b, S]) => [b - 1, S]),
+        Me(Yt),
+        Y(([b]) => b)
       )
-    ), k = tt(
+    ), R = tt(
       H(
         w,
         mt(200),
         ae(({ items: b, topItems: S }) => b.length > 0 && b[0].originalIndex === S.length),
-        Q(({ items: b }) => b[0].index),
+        Y(({ items: b }) => b[0].index),
         Me()
       )
-    ), M = tt(
+    ), O = tt(
       H(
         w,
         ae(({ items: b }) => b.length > 0),
-        Q(({ items: b }) => {
-          let S = 0, _ = b.length - 1;
-          for (; b[S].type === "group" && S < _; )
+        Y(({ items: b }) => {
+          let S = 0, k = b.length - 1;
+          for (; b[S].type === "group" && S < k; )
             S++;
-          for (; b[_].type === "group" && _ > S; )
-            _--;
+          for (; b[k].type === "group" && k > S; )
+            k--;
           return {
-            endIndex: b[_].index,
+            endIndex: b[k].index,
             startIndex: b[S].index
           };
         }),
@@ -2286,13 +2286,13 @@ const Pt = ye(
       )
     );
     return {
-      endReached: T,
+      endReached: C,
       initialItemCount: c,
       itemsRendered: p,
       listState: w,
       minOverscanItemCount: g,
-      rangeChanged: M,
-      startReached: k,
+      rangeChanged: O,
+      startReached: R,
       topItemsIndexes: y,
       ...f
     };
@@ -2313,7 +2313,7 @@ const Pt = ye(
     const i = ve(), s = je(
       H(
         Ne(n, e, r, t, o),
-        Q(([u, a, l, d, h]) => u + a + l + d + h.offsetBottom + h.bottom)
+        Y(([u, a, l, d, h]) => u + a + l + d + h.offsetBottom + h.bottom)
       ),
       0
     );
@@ -2327,7 +2327,7 @@ const Pt = ye(
       H(
         Ne(n, e, t),
         ae(([o]) => o),
-        Q(([, o, i]) => Math.max(0, o - i)),
+        Y(([, o, i]) => Math.max(0, o - i)),
         mt(0),
         Me()
       ),
@@ -2357,15 +2357,15 @@ const Pt = ye(
         d,
         he(t, a, n, i, o, r, u),
         he(e),
-        Q(([[h, f, m, v, y, c, p, g], w]) => {
-          const { align: T, behavior: k, calculateViewLocation: M = $s, done: b, ...S } = h, _ = ci(h, f, v - 1), C = Zt(_, f.offsetTree, w) + y + c, O = C + ct(f.sizeTree, _)[1], P = g + c, I = g + m - p, R = M({
-            itemBottom: O,
-            itemTop: C,
-            locationParams: { align: T, behavior: k, ...S },
+        Y(([[h, f, m, v, y, c, p, g], w]) => {
+          const { align: C, behavior: R, calculateViewLocation: O = $s, done: b, ...S } = h, k = ci(h, f, v - 1), T = Zt(k, f.offsetTree, w) + y + c, M = T + ct(f.sizeTree, k)[1], P = g + c, I = g + m - p, _ = O({
+            itemBottom: M,
+            itemTop: T,
+            locationParams: { align: C, behavior: R, ...S },
             viewportBottom: I,
             viewportTop: P
           });
-          return R ? b && at(
+          return _ ? b && at(
             H(
               s,
               ae((z) => !z),
@@ -2374,7 +2374,7 @@ const Pt = ye(
               Et(Pe(s) ? 1 : 2)
             ),
             b
-          ) : b == null || b(), R;
+          ) : b == null || b(), _;
         }),
         ae((h) => h !== null)
       ),
@@ -2403,10 +2403,10 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
   ]) => {
     const v = W(!1), y = ve();
     let c = null;
-    function p(k) {
-      fe(s, {
+    function p(R) {
+      pe(s, {
         align: "end",
-        behavior: k,
+        behavior: R,
         index: "LAST"
       });
     }
@@ -2414,71 +2414,71 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
       H(
         Ne(H(le(t), Et(1)), a),
         he(le(v), i, u, h),
-        Q(([[k, M], b, S, _, C]) => {
-          let O = M && _, P = "auto";
-          return O && (P = Vs(b, S || C), O = O && !!P), { followOutputBehavior: P, shouldFollow: O, totalCount: k };
+        Y(([[R, O], b, S, k, T]) => {
+          let M = O && k, P = "auto";
+          return M && (P = Vs(b, S || T), M = M && !!P), { followOutputBehavior: P, shouldFollow: M, totalCount: R };
         }),
-        ae(({ shouldFollow: k }) => k)
+        ae(({ shouldFollow: R }) => R)
       ),
-      ({ followOutputBehavior: k, totalCount: M }) => {
+      ({ followOutputBehavior: R, totalCount: O }) => {
         c && (c(), c = null), Pe(n) ? requestAnimationFrame(() => {
-          Pe(d)("following output to ", { totalCount: M }, Qe.DEBUG), p(k);
+          Pe(d)("following output to ", { totalCount: O }, Ye.DEBUG), p(R);
         }) : c = at(e, () => {
-          Pe(d)("following output to ", { totalCount: M }, Qe.DEBUG), p(k), c = null;
+          Pe(d)("following output to ", { totalCount: O }, Ye.DEBUG), p(R), c = null;
         });
       }
     );
-    function g(k) {
-      const M = at(o, (b) => {
-        k && !b.atBottom && b.notAtBottomBecause === "SIZE_INCREASED" && !c && (Pe(d)("scrolling to bottom due to increased size", {}, Qe.DEBUG), p("auto"));
+    function g(R) {
+      const O = at(o, (b) => {
+        R && !b.atBottom && b.notAtBottomBecause === "SIZE_INCREASED" && !c && (Pe(d)("scrolling to bottom due to increased size", {}, Ye.DEBUG), p("auto"));
       });
-      setTimeout(M, 100);
+      setTimeout(O, 100);
     }
     Ie(
       H(
         Ne(le(v), t, l),
-        ae(([k, , M]) => k && M),
+        ae(([R, , O]) => R && O),
         gt(
-          ({ value: k }, [, M]) => ({ refreshed: k === M, value: M }),
+          ({ value: R }, [, O]) => ({ refreshed: R === O, value: O }),
           { refreshed: !1, value: 0 }
         ),
-        ae(({ refreshed: k }) => k),
+        ae(({ refreshed: R }) => R),
         he(v, t)
       ),
-      ([, k]) => {
-        Pe(u) && g(k !== !1);
+      ([, R]) => {
+        Pe(u) && g(R !== !1);
       }
     ), Ie(y, () => {
       g(Pe(v) !== !1);
-    }), Ie(Ne(le(v), o), ([k, M]) => {
-      k && !M.atBottom && M.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && p("auto");
+    }), Ie(Ne(le(v), o), ([R, O]) => {
+      R && !O.atBottom && O.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && p("auto");
     });
-    const w = W(null), T = ve();
+    const w = W(null), C = ve();
     return oe(
       fr(
         H(
           le(r),
-          Q((k) => {
-            var M;
-            return (M = k == null ? void 0 : k.length) != null ? M : 0;
+          Y((R) => {
+            var O;
+            return (O = R == null ? void 0 : R.length) != null ? O : 0;
           })
         ),
         H(le(t))
       ),
-      T
+      C
     ), Ie(
       H(
-        Ne(H(T, Et(1)), a),
+        Ne(H(C, Et(1)), a),
         he(le(w), u, h, f),
-        Q(([[k, M], b, S, _, C]) => M && S && (b == null ? void 0 : b({ context: C, totalCount: k, scrollingInProgress: _ }))),
-        ae((k) => !!k),
+        Y(([[R, O], b, S, k, T]) => O && S && (b == null ? void 0 : b({ context: T, totalCount: R, scrollingInProgress: k }))),
+        ae((R) => !!R),
         mt(0)
       ),
-      (k) => {
+      (R) => {
         c && (c(), c = null), Pe(n) ? requestAnimationFrame(() => {
-          Pe(d)("scrolling into view", {}), fe(m, k);
+          Pe(d)("scrolling into view", {}), pe(m, R);
         }) : c = at(e, () => {
-          Pe(d)("scrolling into view", {}), fe(m, k), c = null;
+          Pe(d)("scrolling into view", {}), pe(m, R), c = null;
         });
       }
     ), { autoscrollToBottom: y, followOutput: v, scrollIntoViewOnChange: w };
@@ -2501,7 +2501,7 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
       he(i),
       ae(([, a]) => a !== 0),
       he(o, r, t, n, e),
-      Q(([[, a], l, d, h, f, m = []]) => pi(a, l, d, h, f, m))
+      Y(([[, a], l, d, h, f, m = []]) => pi(a, l, d, h, f, m))
     ),
     s
   ), {}),
@@ -2515,7 +2515,7 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
         e,
         he(r),
         ae(([, o]) => o !== 0),
-        Q(([, o]) => ({ top: o }))
+        Y(([, o]) => ({ top: o }))
       ),
       (o) => {
         at(
@@ -2526,7 +2526,7 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
           ),
           () => {
             requestAnimationFrame(() => {
-              fe(t, o);
+              pe(t, o);
             });
           }
         );
@@ -2545,7 +2545,7 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
         e,
         he(r, t, n),
         ae(([o, i]) => !!i),
-        Q(([o, i, s, u]) => {
+        Y(([o, i, s, u]) => {
           const { enter: a, exit: l } = i;
           if (s) {
             if (l(o, u))
@@ -2571,7 +2571,7 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
   return oe(
     H(
       Ne(n, r),
-      Q(([{ scrollHeight: u, scrollTop: a, viewportHeight: l }, { offsetTop: d }]) => ({
+      Y(([{ scrollHeight: u, scrollTop: a, viewportHeight: l }, { offsetTop: d }]) => ({
         scrollHeight: u,
         scrollTop: Math.max(0, a - d),
         viewportHeight: l
@@ -2582,7 +2582,7 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
     H(
       t,
       he(r),
-      Q(([u, { offsetTop: a }]) => ({
+      Y(([u, { offsetTop: a }]) => ({
         ...u,
         top: u.top + a
       }))
@@ -2613,16 +2613,16 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
         he(t, r, s, h, f, n)
       ),
       ([m, v, y, c, p, g, w]) => {
-        const T = Os(v.sizeTree);
-        c && p !== null && g !== null && (y = p.scrollTop - g.offsetTop), y -= w, m({ ranges: T, scrollTop: y });
+        const C = Os(v.sizeTree);
+        c && p !== null && g !== null && (y = p.scrollTop - g.offsetTop), y -= w, m({ ranges: C, scrollTop: y });
       }
-    ), oe(H(d, ae(wr), Q(Xs)), o), oe(
+    ), oe(H(d, ae(wr), Y(Xs)), o), oe(
       H(
         i,
         he(d),
         ae(([, m]) => m !== void 0),
         Me(),
-        Q(([, m]) => m.ranges)
+        Y(([, m]) => m.ranges)
       ),
       e
     ), {
@@ -2635,13 +2635,13 @@ const Vs = (e, t) => typeof e == "function" ? ro(e(t)) : t && ro(e), qs = ye(
 function Xs(e) {
   return { align: "start", index: 0, offset: e.scrollTop };
 }
-const Ys = ye(([{ topItemsIndexes: e }]) => {
+const Qs = ye(([{ topItemsIndexes: e }]) => {
   const t = W(0);
   return oe(
     H(
       t,
       ae((n) => n >= 0),
-      Q((n) => Array.from({ length: n }).map((r, o) => o))
+      Y((n) => Array.from({ length: n }).map((r, o) => o))
     ),
     e
   ), { topItemCount: t };
@@ -2650,7 +2650,7 @@ function vi(e) {
   let t = !1, n;
   return (() => (t || (t = !0, n = e()), n));
 }
-const Qs = vi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.test(navigator.userAgent)), Zs = ye(
+const Ys = vi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.test(navigator.userAgent)), Zs = ye(
   ([
     { deviation: e, scrollBy: t, scrollingInProgress: n, scrollTop: r },
     { isAtBottom: o, isScrolling: i, lastJumpDueToItemResize: s, scrollDirection: u },
@@ -2664,65 +2664,65 @@ const Qs = vi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
         a,
         he(s),
         gt(
-          ([, p, g, w], [{ bottom: T, items: k, offsetBottom: M, totalCount: b }, S]) => {
-            const _ = T + M;
-            let C = 0;
-            return g === b && p.length > 0 && k.length > 0 && (k[0].originalIndex === 0 && p[0].originalIndex === 0 || (C = _ - w, C !== 0 && (C += S))), [C, k, b, _];
+          ([, p, g, w], [{ bottom: C, items: R, offsetBottom: O, totalCount: b }, S]) => {
+            const k = C + O;
+            let T = 0;
+            return g === b && p.length > 0 && R.length > 0 && (R[0].originalIndex === 0 && p[0].originalIndex === 0 || (T = k - w, T !== 0 && (T += S))), [T, R, b, k];
           },
           [0, [], 0, 0]
         ),
         ae(([p]) => p !== 0),
         he(r, u, n, o, m, v),
-        ae(([, p, g, w, , , T]) => !T && !w && p !== 0 && g === Jt),
-        Q(([[p], , , , , g]) => (g("Upward scrolling compensation", { amount: p }, Qe.DEBUG), p))
+        ae(([, p, g, w, , , C]) => !C && !w && p !== 0 && g === Jt),
+        Y(([[p], , , , , g]) => (g("Upward scrolling compensation", { amount: p }, Ye.DEBUG), p))
       )
     );
     function c(p) {
-      p > 0 ? (fe(t, { behavior: "auto", top: -p }), fe(e, 0)) : (fe(e, 0), fe(t, { behavior: "auto", top: -p }));
+      p > 0 ? (pe(t, { behavior: "auto", top: -p }), pe(e, 0)) : (pe(e, 0), pe(t, { behavior: "auto", top: -p }));
     }
     return Ie(H(y, he(e, i)), ([p, g, w]) => {
-      w && Qs() ? fe(e, g - p) : c(-p);
+      w && Ys() ? pe(e, g - p) : c(-p);
     }), Ie(
       H(
         Ne(je(i, !1), e, v),
         ae(([p, g, w]) => !p && !w && g !== 0),
-        Q(([p, g]) => g),
+        Y(([p, g]) => g),
         mt(1)
       ),
       c
     ), oe(
       H(
         h,
-        Q((p) => ({ top: -p }))
+        Y((p) => ({ top: -p }))
       ),
       t
     ), Ie(
       H(
         l,
         he(f, d),
-        Q(([p, { groupIndices: g, lastSize: w, sizeTree: T }, k]) => {
-          function M(b) {
-            return b * (w + k);
+        Y(([p, { groupIndices: g, lastSize: w, sizeTree: C }, R]) => {
+          function O(b) {
+            return b * (w + R);
           }
           if (g.length === 0)
-            return M(p);
+            return O(p);
           {
             let b = 0;
-            const S = Yt(T, 0);
-            let _ = 0, C = 0;
-            for (; _ < p; ) {
-              _++, b += S;
-              let O = g.length === C + 1 ? 1 / 0 : g[C + 1] - g[C] - 1;
-              _ + O > p && (b -= S, O = p - _ + 1), _ += O, b += M(O), C++;
+            const S = Qt(C, 0);
+            let k = 0, T = 0;
+            for (; k < p; ) {
+              k++, b += S;
+              let M = g.length === T + 1 ? 1 / 0 : g[T + 1] - g[T] - 1;
+              k + M > p && (b -= S, M = p - k + 1), k += M, b += O(M), T++;
             }
             return b;
           }
         })
       ),
       (p) => {
-        fe(e, p), requestAnimationFrame(() => {
-          fe(t, { top: p }), requestAnimationFrame(() => {
-            fe(e, 0), fe(v, !1);
+        pe(e, p), requestAnimationFrame(() => {
+          pe(t, { top: p }), requestAnimationFrame(() => {
+            pe(e, 0), pe(v, !1);
           });
         });
       }
@@ -2790,18 +2790,18 @@ const Qs = vi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     p,
     g,
     w,
-    T,
-    { scrollToIndex: k },
-    M,
+    C,
+    { scrollToIndex: R },
+    O,
     { topItemCount: b },
     { groupCounts: S },
-    _
+    k
   ]) => {
-    const { listState: C, minOverscanItemCount: O, topItemsIndexes: P, rangeChanged: I, ...R } = T;
-    return oe(I, _.scrollSeekRangeChanged), oe(
+    const { listState: T, minOverscanItemCount: M, topItemsIndexes: P, rangeChanged: I, ..._ } = C;
+    return oe(I, k.scrollSeekRangeChanged), oe(
       H(
-        _.windowViewportRect,
-        Q((z) => z.visibleHeight)
+        k.windowViewportRect,
+        Y((z) => z.visibleHeight)
       ),
       p.viewportHeight
     ), {
@@ -2824,17 +2824,17 @@ const Qs = vi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       ...w,
       groupIndices: s,
       itemSize: a,
-      listState: C,
-      minOverscanItemCount: O,
-      scrollToIndex: k,
+      listState: T,
+      minOverscanItemCount: M,
+      scrollToIndex: R,
       // output
       statefulTotalCount: h,
       trackItemSizes: m,
       // exported from stateFlagsSystem
       rangeChanged: I,
-      ...R,
-      // the bag of IO from featureGroup1System
       ..._,
+      // the bag of IO from featureGroup1System
+      ...k,
       ...p,
       sizes: d,
       ...g
@@ -2849,7 +2849,7 @@ const Qs = vi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     Pt,
     on,
     Zs,
-    Ys,
+    Qs,
     ui,
     Js
   )
@@ -2868,47 +2868,47 @@ const dn = typeof document < "u" ? D.useLayoutEffect : D.useEffect;
 function yi(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({});
   function a(c, p) {
-    c.propsReady && fe(c.propsReady, !1);
+    c.propsReady && pe(c.propsReady, !1);
     for (const g of r) {
       const w = c[t.required[g]];
-      fe(w, p[g]);
+      pe(w, p[g]);
     }
     for (const g of o)
       if (g in p) {
         const w = c[t.optional[g]];
-        fe(w, p[g]);
+        pe(w, p[g]);
       }
-    c.propsReady && fe(c.propsReady, !0);
+    c.propsReady && pe(c.propsReady, !0);
   }
   function l(c) {
     return i.reduce((p, g) => (p[g] = (w) => {
-      const T = c[t.methods[g]];
-      fe(T, w);
+      const C = c[t.methods[g]];
+      pe(C, w);
     }, p), {});
   }
   function d(c) {
     return s.reduce((p, g) => (p[g] = ms(c[t.events[g]]), p), {});
   }
   const h = D.forwardRef((c, p) => {
-    const { children: g, ...w } = c, [T] = D.useState(() => Mn(vs(e), (b) => {
+    const { children: g, ...w } = c, [C] = D.useState(() => Mn(vs(e), (b) => {
       a(b, w);
-    })), [k] = D.useState(Ur(d, T));
+    })), [R] = D.useState(Ur(d, C));
     dn(() => {
       for (const b of s)
-        b in w && Ie(k[b], w[b]);
+        b in w && Ie(R[b], w[b]);
       return () => {
-        Object.values(k).map(Ir);
+        Object.values(R).map(Ir);
       };
-    }, [w, k, T]), dn(() => {
-      a(T, w);
-    }), D.useImperativeHandle(p, jr(l(T)));
-    const M = n;
-    return /* @__PURE__ */ x(u.Provider, { value: T, children: n ? /* @__PURE__ */ x(M, { ...el([...r, ...o, ...s], w), children: g }) : g });
+    }, [w, R, C]), dn(() => {
+      a(C, w);
+    }), D.useImperativeHandle(p, jr(l(C)));
+    const O = n;
+    return /* @__PURE__ */ x(u.Provider, { value: C, children: n ? /* @__PURE__ */ x(O, { ...el([...r, ...o, ...s], w), children: g }) : g });
   }), f = (c) => {
     const p = D.useContext(u);
     return D.useCallback(
       (g) => {
-        fe(p[c], g);
+        pe(p[c], g);
       },
       [p, c]
     );
@@ -2925,8 +2925,8 @@ function yi(e, t, n) {
   }, v = (c) => {
     const p = D.useContext(u)[c], [g, w] = D.useState(Ur(Pe, p));
     return dn(
-      () => Ie(p, (T) => {
-        T !== g && w(jr(T));
+      () => Ie(p, (C) => {
+        C !== g && w(jr(C));
       }),
       [p, g]
     ), g;
@@ -2965,7 +2965,7 @@ function Ci(e, t, n, r = $t, o, i) {
           viewportHeight: v
         });
       };
-      f.suppressFlushSync ? p() : Yi.flushSync(p), u.current !== null && (y === u.current || y <= 0 || y === m - v) && (u.current = null, t(!0), a.current && (clearTimeout(a.current), a.current = null));
+      f.suppressFlushSync ? p() : Qi.flushSync(p), u.current !== null && (y === u.current || y <= 0 || y === m - v) && (u.current = null, t(!0), a.current && (clearTimeout(a.current), a.current = null));
     },
     [e, t, i]
   );
@@ -3012,7 +3012,7 @@ const nl = /* @__PURE__ */ ye(() => {
   const e = W((u) => `Item ${u}`), t = W((u) => `Group ${u}`), n = W({}), r = W(zr), o = W("div"), i = W($t), s = (u, a = null) => je(
     H(
       n,
-      Q((l) => l[u]),
+      Y((l) => l[u]),
       Me()
     ),
     a
@@ -3049,68 +3049,68 @@ const nl = /* @__PURE__ */ ye(() => {
     y,
     ue("skipAnimationFrameInResizeObserver")
   ), [p, g] = D.useState(0);
-  Pr("deviation", (R) => {
-    p !== R && g(R);
+  Pr("deviation", (_) => {
+    p !== _ && g(_);
   });
-  const w = ue("EmptyPlaceholder"), T = ue("ScrollSeekPlaceholder") || ol, k = ue("ListComponent"), M = ue("ItemComponent"), b = ue("GroupComponent"), S = ue("computeItemKey"), _ = ue("isSeeking"), C = ue("groupIndices").length > 0, O = ue("alignToBottom"), P = ue("initialItemFinalLocationReached"), I = e ? {} : {
+  const w = ue("EmptyPlaceholder"), C = ue("ScrollSeekPlaceholder") || ol, R = ue("ListComponent"), O = ue("ItemComponent"), b = ue("GroupComponent"), S = ue("computeItemKey"), k = ue("isSeeking"), T = ue("groupIndices").length > 0, M = ue("alignToBottom"), P = ue("initialItemFinalLocationReached"), I = e ? {} : {
     boxSizing: "border-box",
     ...y ? {
       display: "inline-block",
       height: "100%",
-      marginLeft: p !== 0 ? p : O ? "auto" : 0,
+      marginLeft: p !== 0 ? p : M ? "auto" : 0,
       paddingLeft: t.offsetTop,
       paddingRight: t.offsetBottom,
       whiteSpace: "nowrap"
     } : {
-      marginTop: p !== 0 ? p : O ? "auto" : 0,
+      marginTop: p !== 0 ? p : M ? "auto" : 0,
       paddingBottom: t.offsetBottom,
       paddingTop: t.offsetTop
     },
     ...P ? {} : { visibility: "hidden" }
   };
   return !e && t.totalCount === 0 && w ? /* @__PURE__ */ x(w, { ...qe(w, l) }) : /* @__PURE__ */ x(
-    k,
+    R,
     {
-      ...qe(k, l),
+      ...qe(R, l),
       "data-testid": e ? "virtuoso-top-item-list" : "virtuoso-item-list",
       ref: c,
       style: I,
-      children: (e ? t.topItems : t.items).map((R) => {
-        const z = R.originalIndex, N = S(z + t.firstItemIndex, R.data, l);
-        return _ ? /* @__PURE__ */ hn(
-          T,
+      children: (e ? t.topItems : t.items).map((_) => {
+        const z = _.originalIndex, N = S(z + t.firstItemIndex, _.data, l);
+        return k ? /* @__PURE__ */ hn(
+          C,
           {
-            ...qe(T, l),
-            height: R.size,
-            index: R.index,
+            ...qe(C, l),
+            height: _.size,
+            index: _.index,
             key: N,
-            type: R.type || "item",
-            ...R.type === "group" ? {} : { groupIndex: R.groupIndex }
+            type: _.type || "item",
+            ..._.type === "group" ? {} : { groupIndex: _.groupIndex }
           }
-        ) : R.type === "group" ? /* @__PURE__ */ hn(
+        ) : _.type === "group" ? /* @__PURE__ */ hn(
           b,
           {
             ...qe(b, l),
             "data-index": z,
-            "data-item-index": R.index,
-            "data-known-size": R.size,
+            "data-item-index": _.index,
+            "data-known-size": _.size,
             key: N,
             style: il
           },
-          d(R.index, l)
+          d(_.index, l)
         ) : /* @__PURE__ */ hn(
-          M,
+          O,
           {
-            ...qe(M, l),
-            ...ul(M, R.data),
+            ...qe(O, l),
+            ...ul(O, _.data),
             "data-index": z,
-            "data-item-group-index": R.groupIndex,
-            "data-item-index": R.index,
-            "data-known-size": R.size,
+            "data-item-group-index": _.groupIndex,
+            "data-item-index": _.index,
+            "data-known-size": _.size,
             key: N,
             style: y ? sl : Ti
           },
-          C ? a(R.index, R.groupIndex, R.data, l) : a(R.index, R.data, l)
+          T ? a(_.index, _.groupIndex, _.data, l) : a(_.index, _.data, l)
         );
       })
     }
@@ -3329,7 +3329,7 @@ const pl = ({ children: e }) => {
   ] })), r = W(null), o = W(null), i = W({}), s = W(zr), u = W($t), a = (l, d = null) => je(
     H(
       i,
-      Q((h) => h[l]),
+      Y((h) => h[l]),
       Me()
     ),
     d
@@ -3396,10 +3396,10 @@ const Tl = /* @__PURE__ */ ye(
     f,
     m,
     { didMount: v, propsReady: y },
-    { customScrollParent: c, useWindowScroll: p, windowScrollContainerState: g, windowScrollTo: w, windowViewportRect: T },
-    k
+    { customScrollParent: c, useWindowScroll: p, windowScrollContainerState: g, windowScrollTo: w, windowViewportRect: C },
+    R
   ]) => {
-    const M = W(0), b = W(0), S = W(so), _ = W({ height: 0, width: 0 }), C = W({ height: 0, width: 0 }), O = ve(), P = ve(), I = W(0), R = W(null), z = W({ column: 0, row: 0 }), N = ve(), A = ve(), V = W(!1), re = W(0), be = W(!0), Se = W(!1), Ce = W(!1);
+    const O = W(0), b = W(0), S = W(so), k = W({ height: 0, width: 0 }), T = W({ height: 0, width: 0 }), M = ve(), P = ve(), I = W(0), _ = W(null), z = W({ column: 0, row: 0 }), N = ve(), A = ve(), V = W(!1), re = W(0), be = W(!0), Se = W(!1), Ce = W(!1);
     Ie(
       H(
         v,
@@ -3407,18 +3407,18 @@ const Tl = /* @__PURE__ */ ye(
         ae(([E, L]) => !!L)
       ),
       () => {
-        fe(be, !1);
+        pe(be, !1);
       }
     ), Ie(
       H(
-        Ne(v, be, C, _, re, Se),
+        Ne(v, be, T, k, re, Se),
         ae(([E, L, q, B, , Z]) => E && !L && q.height !== 0 && B.height !== 0 && !Z)
       ),
       ([, , , , E]) => {
-        fe(Se, !0), Rr(1, () => {
-          fe(O, E);
+        pe(Se, !0), Rr(1, () => {
+          pe(M, E);
         }), at(H(l), () => {
-          fe(t, [0, 0]), fe(be, !0);
+          pe(t, [0, 0]), pe(be, !0);
         });
       }
     ), oe(
@@ -3435,25 +3435,25 @@ const Tl = /* @__PURE__ */ ye(
         ae(([, E]) => E != null)
       ),
       ([, E]) => {
-        E && (fe(_, E.viewport), fe(C, 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 })));
+        E && (pe(k, E.viewport), pe(T, E.item), pe(z, E.gap), E.scrollTop > 0 && (pe(V, !0), at(H(l, Et(1)), (L) => {
+          pe(V, !1);
+        }), pe(a, { top: E.scrollTop })));
       }
     ), oe(
       H(
-        _,
-        Q(({ height: E }) => E)
+        k,
+        Y(({ height: E }) => E)
       ),
       h
     ), oe(
       H(
         Ne(
-          le(_, fn),
-          le(C, fn),
+          le(k, fn),
+          le(T, fn),
           le(z, (E, L) => E && E.column === L.column && E.row === L.row),
           le(l)
         ),
-        Q(([E, L, q, B]) => ({
+        Y(([E, L, q, B]) => ({
           gap: q,
           item: L,
           scrollTop: B,
@@ -3464,26 +3464,26 @@ const Tl = /* @__PURE__ */ ye(
     ), oe(
       H(
         Ne(
-          le(M),
+          le(O),
           r,
           le(z, Cl),
-          le(C, fn),
-          le(_, fn),
-          le(R),
+          le(T, fn),
+          le(k, fn),
+          le(_),
           le(b),
           le(V),
           le(be),
           le(re)
         ),
         ae(([, , , , , , , E]) => !E),
-        Q(
+        Y(
           ([
             E,
             [L, q],
             B,
             Z,
             F,
-            Y,
+            Q,
             te,
             ,
             J,
@@ -3494,12 +3494,12 @@ const Tl = /* @__PURE__ */ ye(
               return so;
             if (ke === 0) {
               const bt = _r(ce, E), Vt = bt + Math.max(te - 1, 0);
-              return Il(co(bt, Vt, Y));
+              return Il(co(bt, Vt, Q));
             }
             const He = _i(Oe, ke, se);
             let Be, $e;
             J ? L === 0 && q === 0 && te > 0 ? (Be = 0, $e = te - 1) : (Be = He * yn((L + we) / (ge + we)), $e = He * lo((q + we) / (ge + we)) - 1, $e = qn(E - 1, Kt($e, He - 1)), Be = qn($e, Kt(0, Be))) : (Be = 0, $e = -1);
-            const ut = co(Be, $e, Y), { bottom: Xe, top: Ge } = uo(F, B, Z, ut), st = lo(E / He), nt = st * ge + (st - 1) * we - Xe;
+            const ut = co(Be, $e, Q), { bottom: Xe, top: Ge } = uo(F, B, Z, ut), st = lo(E / He), nt = st * ge + (st - 1) * we - Xe;
             return { bottom: Xe, itemHeight: ge, items: ut, itemWidth: ke, offsetBottom: nt, offsetTop: Ge, top: Ge };
           }
         )
@@ -3507,20 +3507,20 @@ const Tl = /* @__PURE__ */ ye(
       S
     ), oe(
       H(
-        R,
+        _,
         ae((E) => E !== null),
-        Q((E) => E.length)
+        Y((E) => E.length)
       ),
-      M
+      O
     ), oe(
       H(
-        Ne(_, C, S, z),
+        Ne(k, T, S, z),
         ae(([E, L, { items: q }]) => q.length > 0 && L.height !== 0 && E.height !== 0),
-        Q(([E, L, { items: q }, B]) => {
+        Y(([E, L, { items: q }, B]) => {
           const { bottom: Z, top: F } = uo(E, B, L, q);
           return [F, Z];
         }),
-        Me(Qt)
+        Me(Yt)
       ),
       t
     );
@@ -3529,20 +3529,20 @@ const Tl = /* @__PURE__ */ ye(
       H(
         l,
         he(xe),
-        Q(([E, L]) => L || E !== 0)
+        Y(([E, L]) => L || E !== 0)
       ),
       xe
     );
     const Fe = tt(
       H(
-        Ne(S, M),
+        Ne(S, O),
         ae(([{ items: E }]) => E.length > 0),
         he(xe),
         ae(([[E, L], q]) => {
           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;
         }),
-        Q(([[, E]]) => E - 1),
+        Y(([[, E]]) => E - 1),
         Me()
       )
     ), K = tt(
@@ -3557,7 +3557,7 @@ const Tl = /* @__PURE__ */ ye(
         le(S),
         he(V),
         ae(([{ items: E }, L]) => E.length > 0 && !L),
-        Q(([{ items: E }]) => ({
+        Y(([{ items: E }]) => ({
           endIndex: E[E.length - 1].index,
           startIndex: E[0].index
         })),
@@ -3567,14 +3567,14 @@ const Tl = /* @__PURE__ */ ye(
     );
     oe($, m.scrollSeekRangeChanged), oe(
       H(
-        O,
-        he(_, C, M, z),
-        Q(([E, L, q, B, Z]) => {
-          const F = di(E), { align: Y, behavior: te, offset: J } = F;
+        M,
+        he(k, T, O, z),
+        Y(([E, L, q, B, Z]) => {
+          const F = di(E), { align: Q, behavior: te, offset: J } = F;
           let ce = F.index;
           ce === "LAST" && (ce = B - 1), ce = Kt(0, ce, qn(B - 1, ce));
           let se = br(L, Z, q, ce);
-          return Y === "end" ? se = ao(se - L.height + q.height) : Y === "center" && (se = ao(se - L.height / 2 + q.height / 2)), J && (se += J), { behavior: te, top: se };
+          return Q === "end" ? se = ao(se - L.height + q.height) : Q === "center" && (se = ao(se - L.height / 2 + q.height / 2)), J && (se += J), { behavior: te, top: se };
         })
       ),
       a
@@ -3582,42 +3582,42 @@ const Tl = /* @__PURE__ */ ye(
     const G = je(
       H(
         S,
-        Q((E) => E.offsetBottom + E.bottom)
+        Y((E) => E.offsetBottom + E.bottom)
       ),
       0
     );
     return oe(
       H(
-        T,
-        Q((E) => ({ height: E.visibleHeight, width: E.visibleWidth }))
+        C,
+        Y((E) => ({ height: E.visibleHeight, width: E.visibleWidth }))
       ),
-      _
+      k
     ), {
       customScrollParent: c,
       // input
-      data: R,
+      data: _,
       deviation: I,
       footerHeight: o,
       gap: z,
       headerHeight: i,
       increaseViewportBy: e,
       initialItemCount: b,
-      itemDimensions: C,
+      itemDimensions: T,
       overscan: n,
       restoreStateFrom: A,
       scrollBy: s,
       scrollContainerState: u,
       scrollHeight: P,
       scrollTo: a,
-      scrollToIndex: O,
+      scrollToIndex: M,
       scrollTop: l,
       smoothScrollTargetReached: d,
-      totalCount: M,
+      totalCount: O,
       useWindowScroll: p,
-      viewportDimensions: _,
+      viewportDimensions: k,
       windowScrollContainerState: g,
       windowScrollTo: w,
-      windowViewportRect: T,
+      windowViewportRect: C,
       ...m,
       // output
       gridState: S,
@@ -3631,7 +3631,7 @@ const Tl = /* @__PURE__ */ ye(
       startReached: K,
       stateChanged: N,
       stateRestoreInProgress: V,
-      ...k
+      ...R
     };
   },
   Ee(Mr, Ke, ln, bi, kt, Er, Tt)
@@ -3654,7 +3654,7 @@ const kl = /* @__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(zr), s = W("div"), u = W($t), a = (h, f = null) => je(
     H(
       t,
-      Q((m) => m[h]),
+      Y((m) => m[h]),
       Me()
     ),
     f
@@ -3688,8 +3688,8 @@ const kl = /* @__PURE__ */ ye(() => {
         s(g);
         const w = p.firstChild;
         if (w) {
-          const { height: T, width: k } = w.getBoundingClientRect();
-          h({ height: T, width: k });
+          const { height: C, width: R } = w.getBoundingClientRect();
+          h({ height: C, width: R });
         }
         f({
           column: fo("column-gap", getComputedStyle(p).columnGap, m),
@@ -3832,7 +3832,7 @@ const kl = /* @__PURE__ */ ye(() => {
   Pl
 ), Al = /* @__PURE__ */ ki({ useEmitter: Mi, useEmitterValue: ze, usePublisher: it }), Bl = /* @__PURE__ */ Ri({ useEmitter: Mi, useEmitterValue: ze, usePublisher: it });
 function fo(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);
+  return t !== "normal" && !(t != null && t.endsWith("px")) && n(`${e} was not resolved to pixel value correctly`, t, Ye.WARN), t === "normal" ? 0 : parseInt(t ?? "0", 10);
 }
 const zn = Ft(void 0);
 function _e(e, t) {
@@ -3858,7 +3858,7 @@ const Hl = ({ containerRef: e }) => {
   const t = j((c) => c.rangeStartGI), n = j((c) => c.rangeEndGI), r = j((c) => c.setRange), o = It(), i = t != null && n != null, [s, u] = pt(null), [a, l] = pt(null), d = ie(null), h = ie({ startGI: t, endGI: n });
   h.current = { startGI: t, endGI: n };
   const f = ie(r);
-  f.current = r, pe(() => {
+  f.current = r, fe(() => {
     if (!i || t == null || n == null) {
       u(null), l(null);
       return;
@@ -3866,20 +3866,20 @@ const Hl = ({ containerRef: e }) => {
     const c = () => {
       const g = e.current;
       if (!g) return;
-      const w = g.getBoundingClientRect(), k = 1 / (o.getState().playbackScale || 1), M = g.querySelector(`[data-g="${t}"]`), b = g.querySelector(`[data-g="${n}"]`);
-      if (M) {
-        const S = M.getBoundingClientRect();
+      const w = g.getBoundingClientRect(), R = 1 / (o.getState().playbackScale || 1), O = g.querySelector(`[data-g="${t}"]`), b = g.querySelector(`[data-g="${n}"]`);
+      if (O) {
+        const S = O.getBoundingClientRect();
         u({
-          x: (S.left - w.left) * k,
-          y: (S.bottom - w.top) * k
+          x: (S.left - w.left) * R,
+          y: (S.bottom - w.top) * R
         });
       } else
         u(null);
       if (b) {
         const S = b.getBoundingClientRect();
         l({
-          x: (S.right - w.left) * k,
-          y: (S.bottom - w.top) * k
+          x: (S.right - w.left) * R,
+          y: (S.bottom - w.top) * R
         });
       } else
         l(null);
@@ -3893,20 +3893,20 @@ const Hl = ({ containerRef: e }) => {
   const m = ne((c, p) => {
     var w;
     const g = document.elementsFromPoint(c, p);
-    for (const T of g) {
-      const k = (w = T.getAttribute) == null ? void 0 : w.call(T, "data-g");
-      if (k != null)
-        return parseInt(k, 10);
+    for (const C of g) {
+      const R = (w = C.getAttribute) == null ? void 0 : w.call(C, "data-g");
+      if (R != null)
+        return parseInt(R, 10);
     }
     return null;
   }, []);
-  pe(() => {
+  fe(() => {
     const c = (g) => {
       if (!d.current) return;
-      const { startGI: w, endGI: T } = h.current;
-      if (w == null || T == null) return;
-      const k = m(g.clientX, g.clientY);
-      k != null && (d.current === "start" ? k <= T ? f.current(k, T) : (f.current(T, k), d.current = "end") : k >= w ? f.current(w, k) : (f.current(k, w), d.current = "start"));
+      const { startGI: w, endGI: C } = h.current;
+      if (w == null || C == null) return;
+      const R = m(g.clientX, g.clientY);
+      R != null && (d.current === "start" ? R <= C ? f.current(R, C) : (f.current(C, R), d.current = "end") : R >= w ? f.current(w, R) : (f.current(R, w), d.current = "start"));
     }, p = () => {
       d.current = null, setTimeout(() => {
         vr = !1;
@@ -3980,7 +3980,7 @@ const Hl = ({ containerRef: e }) => {
   }
   return !!o.done && !!i.done;
 };
-function Yl(e, t) {
+function Ql(e, t) {
   return Object.is(e, t) ? !0 : typeof e != "object" || e === null || typeof t != "object" || t === null || Object.getPrototypeOf(e) !== Object.getPrototypeOf(t) ? !1 : go(e) && go(t) ? ho(e) && ho(t) ? mo(e, t) : Xl(e, t) : mo(
     { entries: () => Object.entries(e) },
     { entries: () => Object.entries(t) }
@@ -3990,10 +3990,10 @@ function nn(e) {
   const t = D.useRef(void 0);
   return (n) => {
     const r = e(n);
-    return Yl(t.current, r) ? t.current : t.current = r;
+    return Ql(t.current, r) ? t.current : t.current = r;
   };
 }
-function Ql(e) {
+function Yl(e) {
   const t = e.replace("#", ""), n = parseInt(t.length === 3 ? t.repeat(2) : t, 16), r = n >> 16 & 255, o = n >> 8 & 255, i = n & 255;
   return { r, g: o, b: i };
 }
@@ -4007,14 +4007,14 @@ const Jl = Object.freeze({
   pointerColor: void 0
 }), Oi = D.memo(
   function({ runs: t, ns: n, baseIndex: r, preGroups: o }) {
-    const i = _e((O) => O.setClipIndex), s = _e((O) => O.seek), u = j((O) => O.setCurrentGlobalRunIndex), a = xn(), l = j((O) => O.rangeStartGI), d = j((O) => O.rangeEndGI), h = j((O) => O.setRange), f = l != null && d != null, m = ne(
-      (O) => {
+    const i = _e((M) => M.setClipIndex), s = _e((M) => M.seek), u = j((M) => M.setCurrentGlobalRunIndex), a = xn(), l = j((M) => M.rangeStartGI), d = j((M) => M.rangeEndGI), h = j((M) => M.setRange), f = l != null && d != null, m = ne(
+      (M) => {
         var re;
-        const P = (re = O.target) == null ? void 0 : re.closest("[data-g]");
+        const P = (re = M.target) == null ? void 0 : re.closest("[data-g]");
         if (!P) return;
-        const I = Number(P.dataset.g), R = I - r;
-        if (R < 0 || R >= t.length) return;
-        const z = t[R], N = z.text ?? "";
+        const I = Number(P.dataset.g), _ = I - r;
+        if (_ < 0 || _ >= t.length) return;
+        const z = t[_], N = z.text ?? "";
         if (!N.trim() || !/[가-힣a-zA-Z0-9]/.test(N)) return;
         u(I, "program");
         const A = z.audioChunkIndex, V = z.audioTimeMs;
@@ -4022,12 +4022,12 @@ const Jl = Object.freeze({
       },
       [t, r, s, i, u]
     ), v = ie(null), y = ie(!1), c = ie({ x: 0, y: 0 }), p = ne(
-      (O) => {
+      (M) => {
         var z;
-        const P = (z = O.target) == null ? void 0 : z.closest("[data-g]");
+        const P = (z = M.target) == null ? void 0 : z.closest("[data-g]");
         if (!P) return;
-        const I = Number(P.dataset.g), R = I - r;
-        R < 0 || R >= t.length || (y.current = !1, c.current = { x: O.clientX, y: O.clientY }, v.current && (window.clearTimeout(v.current), v.current = null), v.current = window.setTimeout(() => {
+        const I = Number(P.dataset.g), _ = I - r;
+        _ < 0 || _ >= t.length || (y.current = !1, c.current = { x: M.clientX, y: M.clientY }, v.current && (window.clearTimeout(v.current), v.current = null), v.current = window.setTimeout(() => {
           a.getState().status !== "playing" && (h(I, I), y.current = !0, v.current = null);
         }, 800));
       },
@@ -4035,29 +4035,29 @@ const Jl = Object.freeze({
     ), g = ne(() => {
       v.current && (window.clearTimeout(v.current), v.current = null);
     }, []), w = ne(
-      (O) => {
+      (M) => {
         if (!v.current) return;
-        const P = O.clientX - c.current.x, I = O.clientY - c.current.y;
+        const P = M.clientX - c.current.x, I = M.clientY - c.current.y;
         (Math.abs(P) > 5 || Math.abs(I) > 5) && g();
       },
       [g]
-    ), T = ne(() => {
+    ), C = ne(() => {
       g();
-    }, [g]), k = g, M = g, b = j((O) => O.clearRange), S = ne(
-      (O) => {
-        var R;
+    }, [g]), R = g, O = g, b = j((M) => M.clearRange), S = ne(
+      (M) => {
+        var _;
         if (y.current) {
           y.current = !1;
           return;
         }
         if (Ei()) return;
-        const P = (R = O.target) == null ? void 0 : R.closest("[data-g]");
+        const P = (_ = M.target) == null ? void 0 : _.closest("[data-g]");
         if (!P) return;
         const I = Number(P.dataset.g);
-        isNaN(I) || f && l != null && d != null && (b(), O.stopPropagation());
+        isNaN(I) || f && l != null && d != null && (b(), M.stopPropagation());
       },
       [f, l, d, b]
-    ), _ = o, C = r + t.length - 1;
+    ), k = o, T = r + t.length - 1;
     return /* @__PURE__ */ x(
       "span",
       {
@@ -4065,20 +4065,20 @@ const Jl = Object.freeze({
         onDoubleClick: m,
         onPointerDown: p,
         onPointerMove: w,
-        onPointerUp: T,
-        onPointerCancel: k,
-        onPointerLeave: M,
-        children: _.map((O, P) => /* @__PURE__ */ x(
+        onPointerUp: C,
+        onPointerCancel: R,
+        onPointerLeave: O,
+        children: k.map((M, P) => /* @__PURE__ */ x(
           ta,
           {
             ns: n,
-            group: O,
+            group: M,
             runs: t,
-            paraLastG: C,
+            paraLastG: T,
             rangeStartGI: l,
             rangeEndGI: d
           },
-          `${n}/grp:${P}-${O.startG}`
+          `${n}/grp:${P}-${M.startG}`
         ))
       }
     );
@@ -4126,22 +4126,22 @@ const Jl = Object.freeze({
       "--ul-offset": "0.35em"
     } : void 0;
     return /* @__PURE__ */ x(wt, { children: Array.from({ length: f }).map((c, p) => {
-      const w = r[h + p], T = n.startG + p, k = `${t}/run:${T}`, M = !!w.split && T !== o;
+      const w = r[h + p], C = n.startG + p, R = `${t}/run:${C}`, O = !!w.split && C !== o;
       let b = `${dt.runWrap}`;
       return m && (f === 1 ? b += ` ${dt.highlight}` : p === 0 ? b += ` ${dt.highlightleft}` : p + 1 === f ? b += ` ${dt.highlightright}` : b += ` ${dt.highlightcenter}`), v && (f === 1 ? b += ` ${dt.underline}` : p === 0 ? b += ` ${dt.underlineleft}` : p + 1 === f ? b += ` ${dt.underlineright}` : b += ` ${dt.underlinecenter}`), /* @__PURE__ */ ee(D.Fragment, { children: [
         /* @__PURE__ */ x("span", { className: b, style: y, children: /* @__PURE__ */ x(
           na,
           {
             gi: n.startG,
-            g: T,
+            g: C,
             run: w,
             active: a,
             pointerCfg: d,
-            isInRange: i != null && s != null && T >= i && T <= s
+            isInRange: i != null && s != null && C >= i && C <= s
           }
         ) }),
-        M && /* @__PURE__ */ x(ea, {})
-      ] }, k);
+        O && /* @__PURE__ */ x(ea, {})
+      ] }, R);
     }) });
   },
   (e, t) => e.group === t.group && // 그룹 메타 참조 동일
@@ -4162,7 +4162,7 @@ const Jl = Object.freeze({
         const l = i.pointerColor;
         if (i.pointerStyle !== "underline") {
           a.backgroundColor = l;
-          const d = l.startsWith("#") ? Ql(l) : Zl(l);
+          const d = l.startsWith("#") ? Yl(l) : Zl(l);
           d && (0.299 * d.r + 0.587 * d.g + 0.114 * d.b) / 255 < 0.6 && (a.color = "#fff");
         }
       }
@@ -4731,24 +4731,24 @@ function _a({
   nsPrefix: n
 }) {
   const r = me(() => {
-    const _ = [], C = Ar();
-    return t.forEach((O, P) => {
-      O.type === "paragraph" && (_[P] = Br(O, C));
-    }), _;
-  }, [t]), o = j((_) => {
-    var C;
-    return ((C = _.layout) == null ? void 0 : C.prefix) ?? [];
-  }), i = j((_) => {
-    var C;
-    return ((C = _.derivedNav) == null ? void 0 : C.splitGroupsPerBlock) ?? [];
-  }), s = X((_) => _.marginX), u = X((_) => _.viewportHeight), a = ie({
+    const k = [], T = Ar();
+    return t.forEach((M, P) => {
+      M.type === "paragraph" && (k[P] = Br(M, T));
+    }), k;
+  }, [t]), o = j((k) => {
+    var T;
+    return ((T = k.layout) == null ? void 0 : T.prefix) ?? [];
+  }), i = j((k) => {
+    var T;
+    return ((T = k.derivedNav) == null ? void 0 : T.splitGroupsPerBlock) ?? [];
+  }), s = X((k) => k.marginX), u = X((k) => k.viewportHeight), a = ie({
     start: 0,
     end: 0
   }), l = ne(
-    (_) => {
-      const C = t[_], O = `${n}blk-${C.id}`;
-      if (C.type === "image") {
-        const { src: R, alt: z, width: N, height: A } = C, V = N && A ? `${N} / ${A}` : "4 / 3", re = _ >= a.current.start && _ <= a.current.end, be = u > 80 ? Math.floor((u - 80) * 0.6) : void 0;
+    (k) => {
+      const T = t[k], M = `${n}blk-${T.id}`;
+      if (T.type === "image") {
+        const { src: _, 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",
@@ -4762,7 +4762,7 @@ function _a({
               children: /* @__PURE__ */ x(
                 "img",
                 {
-                  src: R,
+                  src: _,
                   alt: z || "",
                   loading: re ? "eager" : "lazy",
                   style: {
@@ -4782,7 +4782,7 @@ function _a({
           z && /* @__PURE__ */ x("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 4 }, children: z })
         ] });
       }
-      const P = r[_] ?? void 0, I = i[_];
+      const P = r[k] ?? void 0, I = i[k];
       return /* @__PURE__ */ x(
         "div",
         {
@@ -4793,10 +4793,10 @@ function _a({
           children: /* @__PURE__ */ x(
             oa,
             {
-              block: C,
+              block: T,
               computedMarker: P,
-              ns: O,
-              baseIndex: o[_],
+              ns: M,
+              baseIndex: o[k],
               sectionId: e.section_id,
               preGroups: I
             }
@@ -4805,12 +4805,12 @@ function _a({
       );
     },
     [t, r, o, n, e, i, u]
-  ), d = ie(null), h = ne((_) => {
-    d.current = _;
+  ), d = ie(null), h = ne((k) => {
+    d.current = k;
   }, []), f = me(
-    () => Wt((_) => {
-      const { style: C, children: O, ...P } = _;
-      return /* @__PURE__ */ x("div", { ...P, style: C, children: /* @__PURE__ */ x(
+    () => Wt((k) => {
+      const { style: T, children: M, ...P } = k;
+      return /* @__PURE__ */ x("div", { ...P, style: T, children: /* @__PURE__ */ x(
         "div",
         {
           style: {
@@ -4824,13 +4824,13 @@ function _a({
             width: "100%",
             height: "100%"
           },
-          children: O
+          children: M
         }
       ) });
     }),
     [s]
-  ), m = ie(null), v = me(() => t.map((_) => _.id), [t]), [y, c] = pt(!1);
-  pe(() => {
+  ), m = ie(null), v = me(() => t.map((k) => k.id), [t]), [y, c] = pt(!1);
+  fe(() => {
     c(!1);
   }, [t]);
   const p = ne(() => {
@@ -4838,11 +4838,11 @@ function _a({
   }, []), g = ne(() => {
     if (!y)
       return /* @__PURE__ */ x("div", { style: { height: 40 } });
-    const _ = e.quizzes, C = Math.max(80, Math.floor(u * 0.5));
-    return _ && _.length ? /* @__PURE__ */ ee("div", { style: { display: "block" }, children: [
+    const k = e.quizzes, T = Math.max(80, Math.floor(u * 0.5));
+    return k && k.length ? /* @__PURE__ */ ee("div", { style: { display: "block" }, children: [
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Ai, {}) }),
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Tn, { isIcon: !1 }) }),
-      /* @__PURE__ */ x("div", { style: { height: C, width: "100%" } })
+      /* @__PURE__ */ x("div", { style: { height: T, width: "100%" } })
     ] }) : /* @__PURE__ */ ee("div", { children: [
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Tn, { isIcon: !1 }) }),
       /* @__PURE__ */ x("div", { style: { height: 40 } })
@@ -4861,28 +4861,28 @@ function _a({
       // , ScrollPlaceholder
     ]
     // CustomScroller는 고정이면 deps에 안 넣어도 OK
-  ), T = ne((_) => v[_], [v]), k = yt(), [M] = pt(() => k.getState().progress.currentGlobalRunIndex ?? 0), b = me(() => {
+  ), C = ne((k) => v[k], [v]), R = yt(), [O] = pt(() => R.getState().progress.currentGlobalRunIndex ?? 0), b = me(() => {
     if (!o.length) return 0;
-    const _ = o[o.length - 1], C = Math.max(0, Math.min(M, _));
-    return Li(o, C);
-  }, [o, M]);
+    const k = o[o.length - 1], T = Math.max(0, Math.min(O, k));
+    return Li(o, T);
+  }, [o, O]);
   console.log("SectionRenderVirtuoso확인");
   const S = yt();
-  return pe(() => {
-    let _ = !1;
+  return fe(() => {
+    let k = !1;
     return (async () => {
-      let C = d.current;
-      if (!C) {
-        for (let R = 0; R < 20; R++) {
-          if (await new Promise((z) => setTimeout(z, 50)), _) return;
-          if (C = d.current, C) break;
+      let T = d.current;
+      if (!T) {
+        for (let _ = 0; _ < 20; _++) {
+          if (await new Promise((z) => setTimeout(z, 50)), k) return;
+          if (T = d.current, T) break;
         }
-        if (!C) return;
+        if (!T) return;
       }
-      const O = S.getState().progress.currentGlobalRunIndex, P = S.getState().progress.setSectionLoading, I = O != null && O >= 0 ? O : 0;
-      await zi(C, I), !_ && (await St(), await St(), await St(), await St(), !_ && P(!1));
+      const M = S.getState().progress.currentGlobalRunIndex, P = S.getState().progress.setSectionLoading, I = M != null && M >= 0 ? M : 0;
+      await zi(T, I), !k && (await St(), await St(), await St(), await St(), !k && P(!1));
     })(), () => {
-      _ = !0;
+      k = !0;
     };
   }, [d, S]), /* @__PURE__ */ ee(wt, { children: [
     /* @__PURE__ */ x(
@@ -4897,7 +4897,7 @@ function _a({
           // padding: `${marginY}px ${marginX}px`,
         },
         defaultItemHeight: 99,
-        computeItemKey: T,
+        computeItemKey: C,
         totalCount: t.length,
         itemContent: l,
         initialTopMostItemIndex: b,
@@ -4927,8 +4927,8 @@ const Ma = ({
     d.current = null;
     const I = h.current;
     if (!I) return;
-    const R = ga(I, 5);
-    R !== -1 && R !== m.current && (m.current = R, u(R), r(R, "scroll"));
+    const _ = ga(I, 5);
+    _ !== -1 && _ !== m.current && (m.current = _, u(_), r(_, "scroll"));
   }, [s, u, r]), y = ne(
     (I) => {
       h.current = I, d.current == null && (d.current = requestAnimationFrame(v));
@@ -4938,11 +4938,11 @@ const Ma = ({
     (I) => {
       h.current = I, f.current != null && (window.clearTimeout(f.current), f.current = null), f.current = window.setTimeout(() => {
         f.current = null, v();
-        const R = m.current;
-        if (R === -1) return;
+        const _ = m.current;
+        if (_ === -1) return;
         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}"]`);
+        const re = I.querySelector(`[data-g="${_}"]`);
         if (re) {
           const be = I.getBoundingClientRect();
           V = (re.getBoundingClientRect().top - be.top) / be.height;
@@ -4952,7 +4952,7 @@ const Ma = ({
           payload: {
             scrollTop: z,
             scrollRatio: A,
-            anchorGI: R,
+            anchorGI: _,
             anchorOffsetRatio: V
           }
         });
@@ -4964,23 +4964,23 @@ const Ma = ({
       s || l.current && (p.current || (y(I), c(I)));
     },
     [s, y, c]
-  ), w = ie(void 0), T = ie(void 0), k = ie(void 0), M = ie(void 0);
-  pe(() => {
+  ), w = ie(void 0), C = ie(void 0), R = ie(void 0), O = ie(void 0);
+  fe(() => {
     const I = e.current;
     if (I)
       return w.current = () => {
         l.current = !0;
-      }, T.current = () => {
+      }, C.current = () => {
         l.current = !0;
-      }, k.current = () => {
+      }, R.current = () => {
         l.current = !0;
-      }, M.current = () => g(I), I.addEventListener("wheel", w.current, { passive: !0 }), I.addEventListener("touchmove", T.current, { passive: !0 }), window.addEventListener("keydown", k.current, { passive: !0 }), I.addEventListener("scroll", M.current, { passive: !0 }), () => {
-        I.removeEventListener("wheel", w.current), I.removeEventListener("touchmove", T.current), window.removeEventListener("keydown", k.current), I.removeEventListener("scroll", M.current), d.current != null && cancelAnimationFrame(d.current), f.current != null && (clearTimeout(f.current), f.current = null);
+      }, O.current = () => g(I), I.addEventListener("wheel", w.current, { passive: !0 }), I.addEventListener("touchmove", C.current, { passive: !0 }), window.addEventListener("keydown", R.current, { passive: !0 }), I.addEventListener("scroll", O.current, { passive: !0 }), () => {
+        I.removeEventListener("wheel", w.current), I.removeEventListener("touchmove", C.current), window.removeEventListener("keydown", R.current), I.removeEventListener("scroll", O.current), d.current != null && cancelAnimationFrame(d.current), f.current != null && (clearTimeout(f.current), f.current = null);
       };
-  }, [g, e]), pe(() => {
+  }, [g, e]), fe(() => {
     const I = e.current;
     if (!I || !s) return;
-    const R = (V) => {
+    const _ = (V) => {
       V.preventDefault(), V.stopPropagation(), l.current = !1;
     }, z = (V) => {
       V.preventDefault(), V.stopPropagation(), l.current = !1;
@@ -4990,39 +4990,39 @@ const Ma = ({
       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 = A.overscrollBehavior, I.style.touchAction = A.touchAction;
+    return I.style.overscrollBehavior = "contain", I.style.touchAction = "none", I.addEventListener("wheel", _, { passive: !1 }), I.addEventListener("touchmove", z, { passive: !1 }), window.addEventListener("keydown", N, { passive: !1 }), () => {
+      I.removeEventListener("wheel", _), I.removeEventListener("touchmove", z), window.removeEventListener("keydown", N), I.style.overscrollBehavior = A.overscrollBehavior, I.style.touchAction = A.touchAction;
     };
   }, [s, e]);
   const b = ie({
     first: -1,
     last: -1
-  }), S = ie(!1), _ = ne(() => {
+  }), S = ie(!1), k = ne(() => {
     const I = e.current;
     if (!I) return;
-    const R = So(I), z = (R == null ? void 0 : R.first) ?? -1, N = (R == null ? void 0 : R.last) ?? -1;
+    const _ = So(I), z = (_ == null ? void 0 : _.first) ?? -1, N = (_ == null ? void 0 : _.last) ?? -1;
     b.current = { first: z, last: N };
-  }, [e]), C = ie(!1), O = ne(() => {
+  }, [e]), T = ie(!1), M = ne(() => {
     const I = e.current;
-    if (!I || C.current) return;
-    C.current = !0;
-    const R = Math.min(
+    if (!I || T.current) return;
+    T.current = !0;
+    const _ = Math.min(
       I.scrollTop + Math.floor(I.clientHeight * 0.6),
       I.scrollHeight - I.clientHeight
     );
     requestAnimationFrame(() => {
-      I.scrollTo({ top: R, behavior: "instant" });
+      I.scrollTo({ top: _, behavior: "instant" });
     });
   }, [e]);
-  pe(() => {
-    !S.current && s && (C.current = !1, _()), S.current = s;
-  }, [s, _]), pe(() => {
+  fe(() => {
+    !S.current && s && (T.current = !1, k()), S.current = s;
+  }, [s, k]), fe(() => {
     if (s !== !0) return;
     const I = e.current;
     if (!I) return;
-    const { first: R, last: z } = b.current;
-    if (R === -1 || z === -1) {
-      O();
+    const { first: _, last: z } = b.current;
+    if (_ === -1 || z === -1) {
+      M();
       return;
     }
     if (I.scrollTop <= 1) {
@@ -5036,11 +5036,11 @@ const Ma = ({
         } finally {
           p.current = !1;
         }
-        _();
+        k();
       })();
       return;
     }
-    if (i < R || i > z) {
+    if (i < _ || i > z) {
       async function A() {
         if (!I) return;
         const V = I.scrollTop <= 1 ? 0 : 0.2;
@@ -5050,26 +5050,26 @@ const Ma = ({
         });
       }
       A().then((V) => {
-        V ? _() : O();
+        V ? k() : M();
       });
     }
   }, [
     s,
     i,
-    O,
-    _,
+    M,
+    k,
     e
   ]);
   const P = ne(() => {
     const I = e.current;
     if (!I) return;
-    function R(G, E, L = 0.2, q = 0.8) {
+    function _(G, E, L = 0.2, q = 0.8) {
       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 Q = (F.top + F.height / 2 - Z.top) / Z.height;
+      return Q >= L && Q <= 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;
@@ -5097,7 +5097,7 @@ const Ma = ({
         behavior: z(E)
       }), await zi(I, G);
     }, V = () => new Promise((G) => requestAnimationFrame(() => G())), re = async (G) => {
-      if (R(I, G, 0.1, 0.7))
+      if (_(I, G, 0.1, 0.7))
         return N(G), !0;
       p.current = !0;
       const E = I.querySelector(`[data-g="${G}"]`), L = I.getBoundingClientRect();
@@ -5110,7 +5110,7 @@ const Ma = ({
       return B ? (await jn(I, G, {
         behavior: "smooth",
         topPaddingRatio: q
-      }), await V()) : B || await A(G, "auto"), p.current = !1, N(G), R(I, G, 0.1, 0.7);
+      }), await V()) : B || await A(G, "auto"), p.current = !1, N(G), _(I, G, 0.1, 0.7);
     }, be = async (G) => re(G);
     return {
       ensureVisibleGI: re,
@@ -5130,7 +5130,7 @@ const Ma = ({
         await be(G), await new Promise((J) => requestAnimationFrame(() => requestAnimationFrame(J)));
         const L = I.querySelector(`[data-g="${G}"]`);
         if (!L) return;
-        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, te = F - Y;
+        const q = L.getBoundingClientRect(), B = I.getBoundingClientRect(), Z = B.height > 0 ? B.height / I.clientHeight : 1, F = (q.top - B.top) / Z, Q = E * I.clientHeight, te = F - Q;
         I.scrollTop = I.scrollTop + te;
       },
       getScrollRatio: () => {
@@ -5139,7 +5139,7 @@ const Ma = ({
       }
     };
   }, [e, t, n, a]);
-  return pe(() => (console.log("@@@@@빌드스크롤api"), o(P()), () => o(void 0)), [P, o]), null;
+  return fe(() => (console.log("@@@@@빌드스크롤api"), o(P()), () => o(void 0)), [P, o]), null;
 };
 function Ea(e) {
   var r, o;
@@ -5203,7 +5203,7 @@ function La(e) {
 function Ha(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 Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Wa = "_compact_1hfub_31", Da = "_row2_1hfub_34", $a = "_controls_1hfub_44", Va = "_row1_1hfub_52", qa = "_groupExpand_1hfub_80", ja = "_groupPlayback_1hfub_81", Ua = "_groupSpeed_1hfub_82", Ka = "_groupFeatures_1hfub_83", Xa = "_groupNav_1hfub_84", Ya = "_btn_1hfub_116", Qa = "_btnForbidden_1hfub_141", Za = "_btnActive_1hfub_147", Ja = "_label_1hfub_158", ec = "_compactBtn_1hfub_168", Re = {
+const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Wa = "_compact_1hfub_31", Da = "_row2_1hfub_34", $a = "_controls_1hfub_44", Va = "_row1_1hfub_52", qa = "_groupExpand_1hfub_80", ja = "_groupPlayback_1hfub_81", Ua = "_groupSpeed_1hfub_82", Ka = "_groupFeatures_1hfub_83", Xa = "_groupNav_1hfub_84", Qa = "_btn_1hfub_116", Ya = "_btnForbidden_1hfub_141", Za = "_btnActive_1hfub_147", Ja = "_label_1hfub_158", ec = "_compactBtn_1hfub_168", Re = {
   wrap: Na,
   visible: Fa,
   compact: Wa,
@@ -5215,17 +5215,17 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Wa = "_compact_1hfub_31",
   groupSpeed: Ua,
   groupFeatures: Ka,
   groupNav: Xa,
-  btn: Ya,
-  btnForbidden: Qa,
+  btn: Qa,
+  btnForbidden: Ya,
   btnActive: Za,
   label: Ja,
   compactBtn: ec
 }, tc = Wt(function() {
-  const t = ie(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), f = _e((S) => S._onEnded), m = _e((S) => S._onError), v = j((S) => S.setCurrentGlobalRunIndex), y = j((S) => S.getSectionScrollApi), c = j((S) => S.snapToReadable), p = j((S) => S.edgeReadable), g = ie(null), w = ie(null), T = ie(!1), k = ie(null);
-  pe(() => {
-    u === "real" && (T.current = !0);
+  const t = ie(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), f = _e((S) => S._onEnded), m = _e((S) => S._onError), v = j((S) => S.setCurrentGlobalRunIndex), y = j((S) => S.getSectionScrollApi), c = j((S) => S.snapToReadable), p = j((S) => S.edgeReadable), g = ie(null), w = ie(null), C = ie(!1), R = ie(null);
+  fe(() => {
+    u === "real" && (C.current = !0);
   }, [u]);
-  const M = me(() => {
+  const O = me(() => {
     const S = d(s);
     if (!S) return null;
     try {
@@ -5234,35 +5234,35 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Wa = "_compact_1hfub_31",
       return S;
     }
   }, [s, d]);
-  pe(() => {
-    T.current = !0;
-  }, [M]), pe(() => {
+  fe(() => {
+    C.current = !0;
+  }, [O]), fe(() => {
     const S = t.current;
     if (!S) return;
-    const _ = () => {
+    const k = () => {
       if (S.paused || S.ended) return;
       const P = S.currentTime * 1e3;
-      T.current && P === 0 || (P > 0 && (T.current = !1), h(P));
-    }, C = () => {
-      var I, R;
+      C.current && P === 0 || (P > 0 && (C.current = !1), h(P));
+    }, T = () => {
+      var I, _;
       f();
       const P = p(1);
-      typeof P == "number" && P >= 0 && (v(P, "audio"), (R = (I = y()) == null ? void 0 : I.ensureVisibleGI) == null || R.call(I, P));
-    }, O = (P) => {
+      typeof P == "number" && P >= 0 && (v(P, "audio"), (_ = (I = y()) == null ? void 0 : I.ensureVisibleGI) == null || _.call(I, P));
+    }, M = (P) => {
       const I = P.currentTarget;
       console.warn("Audio error", {
         networkState: I.networkState,
         readyState: I.readyState
       }), m();
     };
-    return S.addEventListener("timeupdate", _), S.addEventListener("ended", C), S.addEventListener("error", O), () => {
-      S.removeEventListener("timeupdate", _), S.removeEventListener("ended", C), S.removeEventListener("error", O);
+    return S.addEventListener("timeupdate", k), S.addEventListener("ended", T), S.addEventListener("error", M), () => {
+      S.removeEventListener("timeupdate", k), S.removeEventListener("ended", T), S.removeEventListener("error", M);
     };
-  }, [h, f, m, p, v, y]), pe(() => {
+  }, [h, f, m, p, v, y]), fe(() => {
     if (r) return;
     const S = t.current;
     if (!S) return;
-    if (!M) {
+    if (!O) {
       try {
         S.pause();
       } catch (P) {
@@ -5271,29 +5271,29 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Wa = "_compact_1hfub_31",
       w.current = null;
       return;
     }
-    const _ = S.currentSrc || S.src || null, C = !_ || _ !== M;
-    if (C) {
+    const k = S.currentSrc || S.src || null, T = !k || k !== O;
+    if (T) {
       try {
         S.pause();
       } catch (P) {
         console.log("pause error", P);
       }
-      S.src = M;
+      S.src = O;
       try {
         S.load();
       } catch (P) {
         console.log("load error", P);
       }
-      w.current = M;
+      w.current = O;
     }
     S.muted = !!a, S.volume = 1, S.playbackRate = typeof l == "number" ? l : 1;
-    const O = async () => {
-      C && await new Promise((P) => {
+    const M = async () => {
+      T && await new Promise((P) => {
         let I = !1;
-        const R = () => {
-          I || (I = !0, S.removeEventListener("loadedmetadata", R), S.removeEventListener("canplay", R), P());
+        const _ = () => {
+          I || (I = !0, S.removeEventListener("loadedmetadata", _), S.removeEventListener("canplay", _), P());
         };
-        S.addEventListener("loadedmetadata", R), S.addEventListener("canplay", R), S.readyState >= 1 && R();
+        S.addEventListener("loadedmetadata", _), S.addEventListener("canplay", _), S.readyState >= 1 && _();
       });
       try {
         await S.play();
@@ -5302,52 +5302,52 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Wa = "_compact_1hfub_31",
       }
     };
     if (o === "loading" || o === "playing")
-      O();
+      M();
     else
       try {
         S.pause();
       } catch (P) {
         console.log("pause error", P);
       }
-  }, [M, a, o, l, r]), pe(() => {
+  }, [O, a, o, l, r]), fe(() => {
     if (r) return;
     const S = t.current;
     if (!S || u !== "real") return;
-    const _ = i / 1e3;
-    if (Number.isFinite(_)) {
+    const k = i / 1e3;
+    if (Number.isFinite(k)) {
       if (S.readyState < 1) {
         g.current = i;
-        const C = () => {
+        const T = () => {
           if (g.current != null) {
-            const O = g.current / 1e3;
+            const M = g.current / 1e3;
             try {
-              S.currentTime = O;
+              S.currentTime = M;
             } catch (P) {
               console.log("currentTime보정 오류", P);
             }
             g.current = null;
           }
-          S.removeEventListener("loadedmetadata", C), S.removeEventListener("canplay", C);
+          S.removeEventListener("loadedmetadata", T), S.removeEventListener("canplay", T);
         };
-        S.addEventListener("loadedmetadata", C), S.addEventListener("canplay", C);
+        S.addEventListener("loadedmetadata", T), S.addEventListener("canplay", T);
         return;
       }
-      if (Math.abs(S.currentTime - _) > 0.2)
+      if (Math.abs(S.currentTime - k) > 0.2)
         try {
-          S.currentTime = _;
-        } catch (C) {
-          console.log("currentTime보정오류", C);
+          S.currentTime = k;
+        } catch (T) {
+          console.log("currentTime보정오류", T);
         }
     }
   }, [i, u, r]);
   const b = _e((S) => S.getGIFromCT);
-  return pe(() => {
-    var C, O;
+  return fe(() => {
+    var T, M;
     if (r || u !== "real" || o !== "playing" && o !== "loading") return;
     const S = b(s, i);
     if (S < 0) return;
-    const _ = c(S);
-    _ !== k.current && (k.current = _, v(_, "audio"), _ % 5 === 0 && ((O = (C = y()) == null ? void 0 : C.ensureVisibleGI) == null || O.call(C, _)));
+    const k = c(S);
+    k !== R.current && (R.current = k, v(k, "audio"), k % 5 === 0 && ((M = (T = y()) == null ? void 0 : T.ensureVisibleGI) == null || M.call(T, k)));
   }, [
     o,
     s,
@@ -5372,23 +5372,23 @@ const rc = "_scrubberWrap_uw0cd_2", oc = "_labels_uw0cd_9", ic = "_index_uw0cd_1
   range: ac
 };
 function cc() {
-  const e = X((k) => k.isDev), t = j((k) => k.currentGlobalRunIndex), n = j((k) => k.totalRuns), r = j((k) => k.setCurrentGlobalRunIndex), o = j((k) => k.getSectionScrollApi), i = j((k) => k.giToPercentTotal), s = j((k) => k.percentToGITotal), u = j((k) => k.snapToReadable), a = _e((k) => k.scrollLock), l = _e((k) => k.pause), d = _e((k) => k.play), h = _e((k) => k.syncToGI), [f, m] = pt(() => i(t || 0));
-  pe(() => {
+  const e = X((R) => R.isDev), t = j((R) => R.currentGlobalRunIndex), n = j((R) => R.totalRuns), r = j((R) => R.setCurrentGlobalRunIndex), o = j((R) => R.getSectionScrollApi), i = j((R) => R.giToPercentTotal), s = j((R) => R.percentToGITotal), u = j((R) => R.snapToReadable), a = _e((R) => R.scrollLock), l = _e((R) => R.pause), d = _e((R) => R.play), h = _e((R) => R.syncToGI), [f, m] = pt(() => i(t || 0));
+  fe(() => {
     m(i(t || 0));
   }, [t, i]);
   const v = ie(!1), y = me(() => Math.max(0, Math.min(t ?? 0, Math.max(0, (n ?? 1) - 1))) + 1, [t, n]), c = ne(() => {
     a && (l(), v.current = !0);
-  }, [a, l]), p = ne((k) => {
-    m(Number(k.currentTarget.value));
+  }, [a, l]), p = ne((R) => {
+    m(Number(R.currentTarget.value));
   }, []), g = ne(async () => {
-    const k = s(f), M = u(k);
-    l(), r(M, "scrubber-commit"), h(M);
+    const R = s(f), O = u(R);
+    l(), r(O, "scrubber-commit"), h(O);
     const b = o();
-    b != null && b.ensureVisibleGI && await b.ensureVisibleGI(M), v.current && (v.current = !1, d());
+    b != null && b.ensureVisibleGI && await b.ensureVisibleGI(O), v.current && (v.current = !1, d());
   }, [f, s, u, l, r, h, o, d]), w = me(
     () => ({ "--pct": `${f}%` }),
     [f]
-  ), T = me(() => Math.round(f), [f]);
+  ), C = me(() => Math.round(f), [f]);
   return /* @__PURE__ */ ee("div", { className: Bt.scrubberWrap, children: [
     e && /* @__PURE__ */ x("div", { className: Bt.labels, children: /* @__PURE__ */ ee("span", { className: Bt.index, children: [
       y,
@@ -5415,35 +5415,35 @@ function cc() {
           onTouchEnd: () => {
             g();
           },
-          onKeyUp: (k) => k.key === "Enter" || k.key === " " ? void g() : void 0,
+          onKeyUp: (R) => R.key === "Enter" || R.key === " " ? void g() : void 0,
           "aria-label": "진행률"
         }
       ),
       /* @__PURE__ */ ee("span", { className: Bt.percent, children: [
-        T,
+        C,
         "%"
       ] })
     ] })
   ] });
 }
 const uc = D.memo(cc), dc = Wt(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 = j((S) => S.totalRuns), l = j((S) => S.currentGlobalRunIndex), d = j((S) => S.setCurrentGlobalRunIndex), h = j((S) => S.getSectionScrollApi), f = j((S) => S.nextReadableFrom), m = j((S) => S.edgeReadable), v = ie(null), y = ie(null), c = ie(0), p = ie(-1), g = !n && r === "fake" && o === "playing", w = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), T = me(() => {
+  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 = j((S) => S.totalRuns), l = j((S) => S.currentGlobalRunIndex), d = j((S) => S.setCurrentGlobalRunIndex), h = j((S) => S.getSectionScrollApi), f = j((S) => S.nextReadableFrom), m = j((S) => S.edgeReadable), v = ie(null), y = ie(null), c = ie(0), p = ie(-1), g = !n && r === "fake" && o === "playing", w = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), C = me(() => {
     const S = 200 * s;
     return w / S * 6e4;
-  }, [w, s]), k = me(() => !a || a <= 1 || T <= 0 ? 0 : (a - 1) / T, [a, T]);
-  pe(() => {
+  }, [w, s]), R = me(() => !a || a <= 1 || C <= 0 ? 0 : (a - 1) / C, [a, C]);
+  fe(() => {
     if (!g) return;
     const S = Math.max(0, Math.min(l ?? 0, Math.max(0, (a ?? 1) - 1)));
     c.current = S, p.current = S, y.current = null;
   }, [g, l, a]);
-  const M = ie(-1);
-  pe(() => {
+  const O = ie(-1);
+  fe(() => {
     if (!a) {
-      M.current = -1;
+      O.current = -1;
       return;
     }
     const S = m(1);
-    M.current = S ?? -1;
+    O.current = S ?? -1;
   }, [m, a]);
   const b = ne(
     (S) => {
@@ -5453,27 +5453,27 @@ const uc = D.memo(cc), dc = Wt(function() {
           v.current = null;
           return;
         }
-        if (!a || a <= 1 || k <= 0) {
+        if (!a || a <= 1 || R <= 0) {
           v.current = null;
           return;
         }
-        const _ = y.current;
+        const k = y.current;
         y.current = S;
-        const C = _ == null ? 0 : Math.max(0, S - _), O = a - 1;
-        c.current = Math.min(O, c.current + k * C);
-        const P = Math.floor(c.current), I = h(), R = f(P, 1);
-        if (R == null) {
-          const V = M.current >= 0 ? M.current : P;
+        const T = k == null ? 0 : Math.max(0, S - k), M = a - 1;
+        c.current = Math.min(M, c.current + R * T);
+        const P = Math.floor(c.current), I = h(), _ = f(P, 1);
+        if (_ == null) {
+          const V = O.current >= 0 ? O.current : P;
           V !== p.current && (p.current = V, d(V, "audio"), await ((N = I == null ? void 0 : I.ensureVisibleGI) == null ? void 0 : N.call(I, V))), u(), v.current = null;
           return;
         }
-        const z = R;
+        const z = _;
         z !== p.current && (p.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, k, f, d, h, u]
+    [g, a, R, f, d, h, u]
   );
-  return pe(() => (g ? v.current == null && (v.current = requestAnimationFrame(b)) : (v.current && (cancelAnimationFrame(v.current), v.current = null), y.current = null), () => {
+  return fe(() => (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;
 }), fc = Wt(function() {
@@ -5512,7 +5512,7 @@ const uc = D.memo(cc), dc = Wt(function() {
     },
     [l, u, a]
   );
-  pe(() => a, [a]);
+  fe(() => a, [a]);
   const h = `${(t * 100).toFixed(0)}%`;
   return /* @__PURE__ */ x(
     "div",
@@ -5627,52 +5627,52 @@ function Ec(e) {
   return Ze({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 217.9L383 345c9.4 9.4 24.6 9.4 33.9 0 9.4-9.4 9.3-24.6 0-34L273 167c-9.1-9.1-23.7-9.3-33.1-.7L95 310.9c-4.7 4.7-7 10.9-7 17s2.3 12.3 7 17c9.4 9.4 24.6 9.4 33.9 0l127.1-127z" }, child: [] }] })(e);
 }
 function Oc() {
-  var _;
-  const e = X((C) => C.showOverlays), t = j((C) => C.section), n = !!t.ast.isAddedSplit, r = !!((_ = t.audios) != null && _.length), o = j((C) => C.canTracking), i = j((C) => C.canToggleShowGaze), s = j((C) => C.showGaze), u = j((C) => C.onToggleShowGaze), a = X((C) => C.muteAudio), l = X((C) => C.showPointer), d = X((C) => C.showSplit), h = X((C) => C.toggleMuteAudio), f = X((C) => C.toggleShowPointer), m = X((C) => C.toggleShowSplit), v = X((C) => C.overlayCompactMode), y = X((C) => C.toggleOverlayCompactMode), c = xn(), p = yt();
-  pe(() => {
-    const C = c.getState(), { syncToGI: O, useFake: P, useReal: I } = C, R = C.playbackKind, z = p.getState().progress.currentGlobalRunIndex ?? 0;
+  var k;
+  const e = X((T) => T.showOverlays), t = j((T) => T.section), n = !!t.ast.isAddedSplit, r = !!((k = t.audios) != null && k.length), o = j((T) => T.canTracking), i = j((T) => T.canToggleShowGaze), s = j((T) => T.showGaze), u = j((T) => T.onToggleShowGaze), a = X((T) => T.muteAudio), l = X((T) => T.showPointer), d = X((T) => T.showSplit), h = X((T) => T.toggleMuteAudio), f = X((T) => T.toggleShowPointer), m = X((T) => T.toggleShowSplit), v = X((T) => T.overlayCompactMode), y = X((T) => T.toggleOverlayCompactMode), c = xn(), p = yt();
+  fe(() => {
+    const T = c.getState(), { syncToGI: M, useFake: P, useReal: I } = T, _ = T.playbackKind, z = p.getState().progress.currentGlobalRunIndex ?? 0;
     if (!r) {
-      R !== "fake" && P();
+      _ !== "fake" && P();
       return;
     }
-    a ? R !== "fake" && (console.log("이부분일까?"), P()) : R !== "real" && (O(z), I());
+    a ? _ !== "fake" && (console.log("이부분일까?"), P()) : _ !== "real" && (M(z), I());
   }, [r, a, p, c]);
-  const g = _e((C) => C.play), w = _e((C) => C.pause), T = _e((C) => C.status), k = ne(
-    (C) => {
-      C.stopPropagation(), T === "playing" || T === "loading" ? w() : g();
+  const g = _e((T) => T.play), w = _e((T) => T.pause), C = _e((T) => T.status), R = ne(
+    (T) => {
+      T.stopPropagation(), C === "playing" || C === "loading" ? w() : g();
     },
-    [T, g, w]
-  ), M = xn(), b = yt(), S = ne(
-    async (C) => {
+    [C, g, w]
+  ), O = xn(), b = yt(), S = ne(
+    async (T) => {
       var xe, Fe;
-      if (C.stopPropagation(), T === "playing" || T === "loading") {
+      if (T.stopPropagation(), C === "playing" || C === "loading") {
         w();
         return;
       }
-      const { progress: O } = b.getState(), {
+      const { progress: M } = b.getState(), {
         currentGlobalRunIndex: P,
         snapToReadable: I,
-        edgeReadable: R,
+        edgeReadable: _,
         setCurrentGlobalRunIndex: z,
         getSectionScrollApi: N
-      } = 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;
+      } = M, A = O.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 _ == "function" ? _(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)), A.syncToGI(Ce);
         return;
       }
       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);
     },
-    [T, w, g, M, b]
+    [C, w, g, O, b]
   );
   return /* @__PURE__ */ ee(
     "div",
     {
       className: `${Re.wrap} ${e ? Re.visible : ""} ${v ? Re.compact : ""}`,
-      onClick: (C) => {
-        C.stopPropagation();
+      onClick: (T) => {
+        T.stopPropagation();
       },
-      onTouchStart: (C) => {
-        C.stopPropagation();
+      onTouchStart: (T) => {
+        T.stopPropagation();
       },
       children: [
         !v && /* @__PURE__ */ x(uc, {}),
@@ -5683,8 +5683,8 @@ function Oc() {
               "button",
               {
                 type: "button",
-                onClick: (C) => {
-                  C.stopPropagation(), y();
+                onClick: (T) => {
+                  T.stopPropagation(), y();
                 },
                 className: Re.compactBtn,
                 title: v ? "오버레이 확대" : "오버레이 축소",
@@ -5697,9 +5697,9 @@ function Oc() {
                 _c,
                 {
                   size: 34,
-                  isPlaying: T === "playing",
-                  onClick: a ? S : k,
-                  title: T === "playing" ? "일시정지" : "재생"
+                  isPlaying: C === "playing",
+                  onClick: a ? S : R,
+                  title: C === "playing" ? "일시정지" : "재생"
                 }
               ),
               /* @__PURE__ */ x(To, { direction: "right" })
@@ -5712,8 +5712,8 @@ function Oc() {
                 "button",
                 {
                   type: "button",
-                  onClick: (C) => {
-                    C.stopPropagation(), h();
+                  onClick: (T) => {
+                    T.stopPropagation(), h();
                   },
                   className: `${Re.btn} ${a ? "" : Re.btnActive}`,
                   title: "오디오북 음소거 전환",
@@ -5727,8 +5727,8 @@ function Oc() {
                 "button",
                 {
                   type: "button",
-                  onClick: (C) => {
-                    C.stopPropagation(), f();
+                  onClick: (T) => {
+                    T.stopPropagation(), f();
                   },
                   className: `${Re.btn} ${l ? Re.btnActive : ""}`,
                   title: "포인터 표시",
@@ -5742,8 +5742,8 @@ function Oc() {
                 "button",
                 {
                   type: "button",
-                  onClick: (C) => {
-                    C.stopPropagation(), m();
+                  onClick: (T) => {
+                    T.stopPropagation(), m();
                   },
                   disabled: !n,
                   className: `${Re.btn} ${d ? Re.btnActive : ""} ${n ? "" : Re.btnForbidden}`,
@@ -5758,8 +5758,8 @@ function Oc() {
                 "button",
                 {
                   type: "button",
-                  onClick: (C) => {
-                    C.stopPropagation(), u == null || u();
+                  onClick: (T) => {
+                    T.stopPropagation(), u == null || u();
                   },
                   disabled: !o || !i,
                   className: `${Re.btn} ${o && s ? Re.btnActive : ""} ${o ? "" : Re.btnForbidden}`,
@@ -5828,15 +5828,15 @@ function Dc() {
     )
   ] }) });
 }
-const $c = D.memo(Dc), Vc = "_wrap_62su0_7", qc = "_wrapHidden_62su0_29", jc = "_wrapVisible_62su0_35", Uc = "_scrollArea_62su0_71", Kc = "_row_62su0_81", Xc = "_label_62su0_89", Yc = "_btn_62su0_95", Qc = "_btnActive_62su0_106", Zc = "_btnSmall_62su0_110", Jc = "_pill_62su0_122", eu = "_themeCircle_62su0_133", tu = "_themeCircleActive_62su0_146", nu = "_stepRow_62su0_151", ru = "_stepLabel_62su0_159", ou = "_levelBox_62su0_172", iu = "_inlineFlex_62su0_177", Ae = {
+const $c = D.memo(Dc), Vc = "_wrap_62su0_7", qc = "_wrapHidden_62su0_29", jc = "_wrapVisible_62su0_35", Uc = "_scrollArea_62su0_71", Kc = "_row_62su0_81", Xc = "_label_62su0_89", Qc = "_btn_62su0_95", Yc = "_btnActive_62su0_106", Zc = "_btnSmall_62su0_110", Jc = "_pill_62su0_122", eu = "_themeCircle_62su0_133", tu = "_themeCircleActive_62su0_146", nu = "_stepRow_62su0_151", ru = "_stepLabel_62su0_159", ou = "_levelBox_62su0_172", iu = "_inlineFlex_62su0_177", Ae = {
   wrap: Vc,
   wrapHidden: qc,
   wrapVisible: jc,
   scrollArea: Uc,
   row: Kc,
   label: Xc,
-  btn: Yc,
-  btnActive: Qc,
+  btn: Qc,
+  btnActive: Yc,
   btnSmall: Zc,
   pill: Jc,
   themeCircle: eu,
@@ -5847,22 +5847,22 @@ const $c = D.memo(Dc), Vc = "_wrap_62su0_7", qc = "_wrapHidden_62su0_29", jc = "
   inlineFlex: iu
 };
 function su({ visible: e }) {
-  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), f = X((b) => b.setLineLevel), m = X((b) => b.setMarginLevel), v = X((b) => b.pointerStyle), y = X((b) => b.setPointerStyle), c = X((b) => b.pointerColor), p = X((b) => b.setPointerColor), g = X((b) => b.breakMarks), w = X((b) => b.toggleBreakMark), T = X((b) => b.getBreakGapLevel()), k = 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: [
+  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), f = X((b) => b.setLineLevel), m = X((b) => b.setMarginLevel), v = X((b) => b.pointerStyle), y = X((b) => b.setPointerStyle), c = X((b) => b.pointerColor), p = X((b) => b.setPointerColor), g = X((b) => b.breakMarks), w = X((b) => b.toggleBreakMark), C = X((b) => b.getBreakGapLevel()), R = X((b) => b.setBreakGapLevel), O = `${Ae.wrap} ${e ? Ae.wrapVisible : Ae.wrapHidden}`;
+  return /* @__PURE__ */ ee("div", { className: O, 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: Ae.inlineFlex, children: Object.keys(vn).map((b) => {
-        const S = b, _ = vn[S];
+        const S = b, k = vn[S];
         return /* @__PURE__ */ x(
           "button",
           {
             type: "button",
             onClick: () => o(S),
             className: `${Ae.themeCircle} ${r === b ? Ae.themeCircleActive : ""}`,
-            style: { background: _.bg, color: _.fg, fontFamily: i },
+            style: { background: k.bg, color: k.fg, fontFamily: i },
             title: String(b),
             "aria-label": `테마: ${String(b)}`,
             children: "A"
@@ -5870,7 +5870,7 @@ function su({ visible: e }) {
           `${b}_tc_button`
         );
       }) }) }),
-      /* @__PURE__ */ x(jt, { label: "글꼴", children: /* @__PURE__ */ x("div", { className: Ae.inlineFlex, children: Yo.map((b) => /* @__PURE__ */ x(
+      /* @__PURE__ */ x(jt, { label: "글꼴", children: /* @__PURE__ */ x("div", { className: Ae.inlineFlex, children: Qo.map((b) => /* @__PURE__ */ x(
         Gt,
         {
           active: i === b.value,
@@ -5938,11 +5938,11 @@ function su({ visible: e }) {
         pn,
         {
           label: "끊기간격",
-          level: T,
+          level: C,
           min: 1,
           max: 5,
-          onDec: () => k(Math.max(1, T - 1)),
-          onInc: () => k(Math.min(5, T + 1))
+          onDec: () => R(Math.max(1, C - 1)),
+          onInc: () => R(Math.min(5, C + 1))
         }
       )
     ] }),
@@ -6221,12 +6221,12 @@ function pu(e) {
         if (!n) return -1;
         const p = n.byClip[y];
         if (!p || p.length === 0) return -1;
-        let g = 0, w = p.length - 1, T = 0;
+        let g = 0, w = p.length - 1, C = 0;
         for (; g <= w; ) {
-          const k = g + w >> 1;
-          p[k].t <= c ? (T = k, g = k + 1) : w = k - 1;
+          const R = g + w >> 1;
+          p[R].t <= c ? (C = R, g = R + 1) : w = R - 1;
         }
-        return p[Math.max(0, Math.min(T, p.length - 1))].g;
+        return p[Math.max(0, Math.min(C, p.length - 1))].g;
       },
       // GI -> (clip,time)
       getCTFromGI: (y) => {
@@ -6245,10 +6245,10 @@ function pu(e) {
             g--;
           }
           if (!p) {
-            let T = y + 1;
-            const k = y + 100;
-            for (; c[T] == null && T <= k; ) T++;
-            c[T] && (p = c[T]);
+            let C = y + 1;
+            const R = y + 100;
+            for (; c[C] == null && C <= R; ) C++;
+            c[C] && (p = c[C]);
           }
         }
         return p ? { clip: p.clip, timeMs: p.t } : null;
@@ -6326,13 +6326,13 @@ function bu(e) {
       Sr(g) && (i[f + p] = 1);
     }
     const y = ca(m, f).map((p) => {
-      var k;
+      var R;
       const g = p.startG - f, w = p.endG - p.startG + 1;
-      let T = -1;
-      for (let M = 0; M < w; M++) {
-        const b = ((k = m[g + M]) == null ? void 0 : k.text) ?? "";
+      let C = -1;
+      for (let O = 0; O < w; O++) {
+        const b = ((R = m[g + O]) == null ? void 0 : R.text) ?? "";
         if (Sr(b)) {
-          T = p.startG + M;
+          C = p.startG + O;
           break;
         }
       }
@@ -6341,7 +6341,7 @@ function bu(e) {
         endG: p.endG,
         r0: g,
         len: w,
-        firstReadableGI: T,
+        firstReadableGI: C,
         splitIndex: p.splitIndex
       };
     });
@@ -6441,9 +6441,9 @@ function Su(e) {
   return f && queueMicrotask(() => {
     f.getState().emit({ type: "render_start", payload: { sectionId: t.section_id } }, c), f.getState().emit({ type: "loading_start", payload: {} }, c);
   }), rn((g, w) => {
-    const T = (K) => {
+    const C = (K) => {
       g(($) => $.progress._scrollApi === K ? $ : { progress: { ...$.progress, _scrollApi: K } });
-    }, k = () => w().progress._scrollApi, M = (K) => {
+    }, R = () => w().progress._scrollApi, O = (K) => {
       g(($) => {
         const G = $.progress;
         if (G.totalRuns === K) return $;
@@ -6491,15 +6491,15 @@ function Su(e) {
           }
         })), f && f.getState().emit({ type: "loading_end", payload: { duration: q } });
       }
-    }, _ = (K) => {
+    }, k = (K) => {
       g(($) => ({
         progress: { ...$.progress, pageIndex: K }
       }));
-    }, C = (K) => {
+    }, T = (K) => {
       g(($) => ({
         progress: { ...$.progress, totalPages: K }
       }));
-    }, O = (K, $) => {
+    }, M = (K, $) => {
       const E = w().progress.rangeStartGI == null;
       if (g((L) => ({
         progress: {
@@ -6508,7 +6508,7 @@ function Su(e) {
           rangeEndGI: Math.max(K, $)
         }
       })), f) {
-        const L = R();
+        const L = _();
         f.getState().emit({
           type: E ? "range_select" : "range_change",
           payload: { startGI: Math.min(K, $), endGI: Math.max(K, $), text: L }
@@ -6529,15 +6529,15 @@ function Su(e) {
       })) : K > G ? g((E) => ({
         progress: { ...E.progress, rangeEndGI: K }
       })) : P());
-    }, R = () => {
+    }, _ = () => {
       var Z;
       const { rangeStartGI: K, rangeEndGI: $, section: G, layout: E } = w().progress;
       if (K == null || $ == null || !E) return "";
       const L = ((Z = G.ast) == null ? void 0 : Z.blocks) ?? [], q = E.prefix, B = [];
       for (let F = 0; F < L.length; F++) {
-        const Y = L[F];
-        if (Y.type !== "paragraph") continue;
-        const te = Y.runs ?? [], J = q[F] ?? 0;
+        const Q = L[F];
+        if (Q.type !== "paragraph") continue;
+        const te = Q.runs ?? [], J = q[F] ?? 0;
         for (let ce = 0; ce < te.length; ce++) {
           const se = J + ce;
           se >= K && se <= $ && B.push(te[ce].text ?? "");
@@ -6602,21 +6602,21 @@ function Su(e) {
     return {
       progress: {
         ...p,
-        registerSectionScrollApi: T,
-        getSectionScrollApi: k,
-        setTotalRuns: M,
+        registerSectionScrollApi: C,
+        getSectionScrollApi: R,
+        setTotalRuns: O,
         setCurrentGlobalRunIndex: b,
         setSectionLoading: S,
-        setPageIndex: _,
-        setTotalPages: C,
+        setPageIndex: k,
+        setTotalPages: T,
         // Translate API
         setTranslateState: z,
         clearTranslate: N,
         // Range Selection API
-        setRange: O,
+        setRange: M,
         clearRange: P,
         extendRange: I,
-        getRangeText: R,
+        getRangeText: _,
         // 네비 API
         snapToReadable: A,
         nextReadableFrom: V,
@@ -6647,8 +6647,8 @@ function Su(e) {
             F += $;
           if (F < 0 || F >= L.length)
             return re($) ?? A(K + $);
-          const Y = L[F].firstReadableGI;
-          return Y >= 0 ? Y : A(K + $);
+          const Q = L[F].firstReadableGI;
+          return Q >= 0 ? Q : A(K + $);
         },
         giToPercentTotal: (K) => {
           const $ = w().progress.totalRuns;
@@ -6678,7 +6678,7 @@ function yu({
     [t, r]
     // eslint-disable-line react-hooks/exhaustive-deps
   );
-  return pe(() => {
+  return fe(() => {
     if (!n) return;
     const i = () => {
       const s = n.getSnapshot(), u = o.getState().progress;
@@ -6720,47 +6720,47 @@ const wu = ({
     return ((w = g.derivedNav) == null ? void 0 : w.splitGroupsPerBlock) ?? [];
   }), f = e[t], m = me(() => {
     const g = [];
-    return o.forEach((w, T) => {
-      (w.type === "paragraph" || w.type === "image") && g.push(T);
+    return o.forEach((w, C) => {
+      (w.type === "paragraph" || w.type === "image") && g.push(C);
     }), g;
   }, [o]), v = me(() => {
     if (!f) return [];
     const g = [];
     for (let w = f.startBlock; w <= f.endBlock; w++) {
-      const T = m[w];
-      T != null && g.push(T);
+      const C = m[w];
+      C != null && g.push(C);
     }
     return g;
   }, [f, m]), y = me(() => {
     const g = [];
     for (const w of v) {
-      const T = o[w];
-      (T == null ? void 0 : T.type) === "paragraph" && g.push({ b: T, originalBlockIndex: w });
+      const C = o[w];
+      (C == null ? void 0 : C.type) === "paragraph" && g.push({ b: C, originalBlockIndex: w });
     }
     return g;
   }, [v, o]), c = me(() => {
     const g = [], w = Ar();
-    return y.forEach((T, k) => {
-      g[k] = Br(T.b, w);
+    return y.forEach((C, R) => {
+      g[R] = Br(C.b, w);
     }), g;
-  }, [y]), p = (g, w, T) => {
+  }, [y]), p = (g, w, C) => {
     if (!g || g.length === 0) return [];
-    const k = [];
-    for (const M of g) {
-      const b = M.startG, S = M.endG;
-      if (S < w || b > T) continue;
-      const _ = Math.max(b, w), C = Math.min(S, T), O = _ - b | 0, P = Math.max(0, C - _ + 1);
+    const R = [];
+    for (const O of g) {
+      const b = O.startG, S = O.endG;
+      if (S < w || b > C) continue;
+      const k = Math.max(b, w), T = Math.min(S, C), M = k - b | 0, P = Math.max(0, T - k + 1);
       if (P <= 0) continue;
-      const I = (M.r0 ?? 0) + O;
-      k.push({
-        ...M,
-        startG: _,
-        endG: C,
+      const I = (O.r0 ?? 0) + M;
+      R.push({
+        ...O,
+        startG: k,
+        endG: T,
         r0: I,
         len: P
       });
     }
-    return k;
+    return R;
   };
   return /* @__PURE__ */ x(
     "div",
@@ -6797,7 +6797,7 @@ const wu = ({
             /* @__PURE__ */ x("div", { style: { height: 40 } }),
             /* @__PURE__ */ x("div", { style: { flex: 1, overflow: "hidden" }, children: v.map((g, w) => {
               var G;
-              const T = o[g], k = w === 0, M = w === v.length - 1, b = {
+              const C = o[g], R = w === 0, O = w === v.length - 1, b = {
                 boxSizing: "border-box",
                 paddingRight: `${i}px`,
                 paddingLeft: `${i}px`,
@@ -6807,9 +6807,9 @@ const wu = ({
                 // justifyContent: 'center',
                 width: "100%",
                 height: "auto"
-              }, S = `sec-${r.section_id}/blk-${T.id ?? g}`;
-              if (T.type === "image") {
-                const { src: E, alt: L, width: q, height: B } = T, Z = q && B ? `${q} / ${B}` : "4 / 3", F = l > 80 ? Math.floor((l - 80) * 0.6) : void 0;
+              }, S = `sec-${r.section_id}/blk-${C.id ?? g}`;
+              if (C.type === "image") {
+                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",
                   {
@@ -6852,17 +6852,17 @@ const wu = ({
                   }
                 ) }, S);
               }
-              const _ = T, C = y.findIndex(
+              const k = C, T = y.findIndex(
                 (E) => E.originalBlockIndex === g
-              ), O = C >= 0 ? c[C] : void 0, P = _.runs ?? [], I = P.length;
-              let R = 0, z = Math.max(0, I - 1);
-              k && f.startOffsetInBlock != null && (R = Math.min(Math.max(0, f.startOffsetInBlock), z)), M && f.endOffsetInBlock != null && (z = Math.max(
-                R,
+              ), M = T >= 0 ? c[T] : void 0, P = k.runs ?? [], I = P.length;
+              let _ = 0, z = Math.max(0, I - 1);
+              R && f.startOffsetInBlock != null && (_ = Math.min(Math.max(0, f.startOffsetInBlock), z)), O && f.endOffsetInBlock != null && (z = Math.max(
+                _,
                 Math.min(f.endOffsetInBlock, z)
               ));
-              const N = R > 0, A = d[g] ?? 0, V = h[g] ?? [], re = A + R, be = A + z;
+              const N = _ > 0, A = d[g] ?? 0, V = h[g] ?? [], re = A + _, be = A + z;
               let Se = p(V, re, be);
-              const Ce = A + R;
+              const Ce = A + _;
               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 {
@@ -6871,7 +6871,7 @@ const wu = ({
                   len: q
                 };
               });
-              const xe = R <= z ? P.slice(R, z + 1) : [], Fe = _.list ? _.list.level * 24 : 0, K = ((G = _.list) == null ? void 0 : G.kind) === "bullet" ? _.list.glyph ?? "•" : void 0, $ = N ? void 0 : O ?? K;
+              const xe = _ <= z ? P.slice(_, 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 : M ?? K;
               return /* @__PURE__ */ x("div", { style: b, children: /* @__PURE__ */ ee(
                 "p",
                 {
@@ -6879,12 +6879,12 @@ const wu = ({
                     width: "100%",
                     margin: "8px 0",
                     paddingLeft: Fe,
-                    textAlign: _.textAlign,
+                    textAlign: k.textAlign,
                     whiteSpace: "pre-wrap",
                     boxSizing: "border-box"
                   },
                   children: [
-                    _.list && $ ? /* @__PURE__ */ x(
+                    k.list && $ ? /* @__PURE__ */ x(
                       "span",
                       {
                         "aria-hidden": !0,
@@ -6919,7 +6919,7 @@ const wu = ({
 }, gn = 0.5;
 function Iu(e, t) {
   const n = ie(null), r = ie(null), o = ie(!1);
-  pe(() => {
+  fe(() => {
     const i = () => {
       n.current == null && (n.current = requestAnimationFrame(() => {
         n.current = null, t(), o.current = !0, requestAnimationFrame(() => {
@@ -6969,7 +6969,7 @@ function Cu(e) {
     onDragMove: h,
     onDragEnd: f,
     pageTransitionThreshold: m
-  } = e, v = m ?? u, y = 10, c = Ye.useRef({
+  } = e, v = m ?? u, y = 10, c = Qe.useRef({
     // ── touch ──
     touchId: null,
     startX: 0,
@@ -6990,34 +6990,34 @@ function Cu(e) {
     suppressClick: !1
   }), p = () => {
     c.current.singleTimer != null && (clearTimeout(c.current.singleTimer), c.current.singleTimer = null);
-  }, g = Ye.useCallback(
-    (R) => {
-      if (i != null && i(R)) return;
+  }, g = Qe.useCallback(
+    (_) => {
+      if (i != null && i(_)) return;
       const z = performance.now();
       z - c.current.lastTapT <= d && c.current.lastTapT > 0 ? (p(), c.current.lastTapT = 0, o == null || o()) : (p(), r && (c.current.singleTimer = window.setTimeout(() => {
         c.current.singleTimer = null, r();
       }, l)), c.current.lastTapT = z);
     },
     [i, d, o, r, l]
-  ), w = Ye.useCallback(
-    (R, z) => {
-      const N = Math.abs(R) / Math.max(1, z);
-      Math.abs(R) >= v || N >= a ? R < 0 ? n() : t() : f == null || f();
+  ), w = Qe.useCallback(
+    (_, z) => {
+      const N = Math.abs(_) / Math.max(1, z);
+      Math.abs(_) >= v || N >= a ? _ < 0 ? n() : t() : f == null || f();
     },
     [v, a, n, t, f]
-  ), T = Ye.useCallback(
-    (R) => {
-      if (R.touches.length !== 1) return;
+  ), C = Qe.useCallback(
+    (_) => {
+      if (_.touches.length !== 1) return;
       const z = s ?? i;
-      if (z != null && z(R.target)) return;
-      const N = R.touches[0];
-      c.current.touchId = N.identifier, c.current.startX = N.clientX, c.current.startY = N.clientY, c.current.startT = R.timeStamp, c.current.swiping = !1;
+      if (z != null && z(_.target)) return;
+      const N = _.touches[0];
+      c.current.touchId = N.identifier, c.current.startX = N.clientX, c.current.startY = N.clientY, c.current.startT = _.timeStamp, c.current.swiping = !1;
     },
     [s, i]
-  ), k = Ye.useCallback(
-    (R) => {
+  ), R = Qe.useCallback(
+    (_) => {
       if (c.current.touchId == null) return;
-      const z = Array.from(R.touches).find((re) => re.identifier === c.current.touchId);
+      const z = Array.from(_.touches).find((re) => re.identifier === c.current.touchId);
       if (!z) return;
       const N = z.clientX - c.current.startX, A = Math.abs(N), V = Math.abs(z.clientY - c.current.startY);
       if (!c.current.swiping)
@@ -7028,93 +7028,93 @@ function Cu(e) {
       h == null || h(N);
     },
     [h]
-  ), M = Ye.useCallback(
-    (R) => {
+  ), O = Qe.useCallback(
+    (_) => {
       if (c.current.touchId == null) return;
-      const z = Array.from(R.changedTouches).find((re) => re.identifier === c.current.touchId);
+      const z = Array.from(_.changedTouches).find((re) => re.identifier === c.current.touchId);
       if (!z) return;
-      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;
+      const N = z.clientX - c.current.startX, A = z.clientY - c.current.startY, V = _.timeStamp - c.current.startT;
+      c.current.swiping ? w(N, V) : Math.abs(N) < 10 && Math.abs(A) < 10 && g(_.target), c.current.suppressClick = !0, c.current.touchId = null, c.current.swiping = !1;
     },
     [w, g]
-  ), b = Ye.useCallback(() => {
+  ), b = Qe.useCallback(() => {
     c.current.swiping && (f == null || f()), c.current.touchId = null, c.current.swiping = !1;
-  }, [f]), S = Ye.useCallback(
-    (R) => {
-      if (R.pointerType === "touch" || c.current.mouseDown) return;
+  }, [f]), S = Qe.useCallback(
+    (_) => {
+      if (_.pointerType === "touch" || c.current.mouseDown) return;
       const z = s ?? i;
-      z != null && z(R.target) || (c.current.mouseDown = !0, c.current.mouseSwiping = !1, c.current.mStartX = R.clientX, c.current.mStartY = R.clientY, c.current.mStartT = R.timeStamp, c.current.suppressClick = !1, c.current.capturedEl = R.currentTarget);
+      z != null && z(_.target) || (c.current.mouseDown = !0, c.current.mouseSwiping = !1, c.current.mStartX = _.clientX, c.current.mStartY = _.clientY, c.current.mStartT = _.timeStamp, c.current.suppressClick = !1, c.current.capturedEl = _.currentTarget);
     },
     [s, i]
-  ), _ = Ye.useCallback(
-    (R) => {
-      if (R.pointerType === "touch" || !c.current.mouseDown) return;
-      const z = R.clientX - c.current.mStartX, N = Math.abs(z), A = Math.abs(R.clientY - c.current.mStartY);
+  ), k = Qe.useCallback(
+    (_) => {
+      if (_.pointerType === "touch" || !c.current.mouseDown) return;
+      const z = _.clientX - c.current.mStartX, N = Math.abs(z), A = Math.abs(_.clientY - c.current.mStartY);
       if (!c.current.mouseSwiping)
         if (N >= y && N > A) {
           c.current.mouseSwiping = !0, c.current.suppressClick = !0;
           const V = c.current.capturedEl;
           if (V != null && V.setPointerCapture)
             try {
-              V.setPointerCapture(R.pointerId);
+              V.setPointerCapture(_.pointerId);
             } catch {
             }
-          c.current.prevUserSelect = document.body.style.userSelect, document.body.style.userSelect = "none", R.preventDefault();
+          c.current.prevUserSelect = document.body.style.userSelect, document.body.style.userSelect = "none", _.preventDefault();
         } else
           return;
-      h == null || h(z), R.preventDefault();
+      h == null || h(z), _.preventDefault();
     },
     [h]
-  ), C = Ye.useCallback(
-    (R) => {
+  ), T = Qe.useCallback(
+    (_) => {
       var N;
-      if (R.pointerType === "touch" || !c.current.mouseDown) return;
+      if (_.pointerType === "touch" || !c.current.mouseDown) return;
       if (c.current.mouseSwiping) {
-        const A = R.clientX - c.current.mStartX, V = R.timeStamp - c.current.mStartT;
+        const A = _.clientX - c.current.mStartX, V = _.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))
+      if ((N = z == null ? void 0 : z.hasPointerCapture) != null && N.call(z, _.pointerId))
         try {
-          z.releasePointerCapture(R.pointerId);
+          z.releasePointerCapture(_.pointerId);
         } catch {
         }
       c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null;
     },
     [w]
-  ), O = Ye.useCallback(
-    (R) => {
-      R.pointerType !== "touch" && (c.current.mouseSwiping && (f == null || f(), document.body.style.userSelect = c.current.prevUserSelect), c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null);
+  ), M = Qe.useCallback(
+    (_) => {
+      _.pointerType !== "touch" && (c.current.mouseSwiping && (f == null || f(), document.body.style.userSelect = c.current.prevUserSelect), c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null);
     },
     [f]
-  ), P = Ye.useCallback(() => {
+  ), P = Qe.useCallback(() => {
     c.current.mouseSwiping && (f == null || f(), document.body.style.userSelect = c.current.prevUserSelect), c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null;
-  }, [f]), I = Ye.useCallback(
-    (R) => {
+  }, [f]), I = Qe.useCallback(
+    (_) => {
       if (c.current.suppressClick) {
         c.current.suppressClick = !1;
         return;
       }
-      g(R.target);
+      g(_.target);
     },
     [g]
   );
-  return Ye.useEffect(
+  return Qe.useEffect(
     () => () => {
       p(), document.body.style.userSelect = "";
     },
     []
   ), {
     // touch
-    onTouchStart: T,
-    onTouchMove: k,
-    onTouchEnd: M,
+    onTouchStart: C,
+    onTouchMove: R,
+    onTouchEnd: O,
     onTouchCancel: b,
     // mouse
     onPointerDown: S,
-    onPointerMove: _,
-    onPointerUp: C,
-    onPointerCancel: O,
+    onPointerMove: k,
+    onPointerUp: T,
+    onPointerCancel: M,
     onLostPointerCapture: P,
     // click (mouse only)
     onClick: I
@@ -7144,18 +7144,18 @@ function Ni() {
   var e = Tu(), t = typeof self == "object" && self && self.Object === Object && self, n = e || t || Function("return this")();
   return Xn = n, Xn;
 }
-var Yn, Eo;
+var Qn, Eo;
 function ku() {
-  if (Eo) return Yn;
+  if (Eo) return Qn;
   Eo = 1;
   var e = Ni(), t = function() {
     return e.Date.now();
   };
-  return Yn = t, Yn;
+  return Qn = t, Qn;
 }
-var Qn, Oo;
+var Yn, Oo;
 function Ru() {
-  if (Oo) return Qn;
+  if (Oo) return Yn;
   Oo = 1;
   var e = /\s/;
   function t(n) {
@@ -7163,7 +7163,7 @@ function Ru() {
       ;
     return r;
   }
-  return Qn = t, Qn;
+  return Yn = t, Yn;
 }
 var Zn, zo;
 function _u() {
@@ -7270,47 +7270,47 @@ function Bu() {
     if (typeof u != "function")
       throw new TypeError(r);
     a = n(a) || 0, e(l) && (p = !!l.leading, g = "maxWait" in l, f = g ? o(n(l.maxWait) || 0, a) : f, w = "trailing" in l ? !!l.trailing : w);
-    function T(I) {
-      var R = d, z = h;
-      return d = h = void 0, c = I, m = u.apply(z, R), m;
+    function C(I) {
+      var _ = d, z = h;
+      return d = h = void 0, c = I, m = u.apply(z, _), m;
     }
-    function k(I) {
-      return c = I, v = setTimeout(S, a), p ? T(I) : m;
+    function R(I) {
+      return c = I, v = setTimeout(S, a), p ? C(I) : m;
     }
-    function M(I) {
-      var R = I - y, z = I - c, N = a - R;
+    function O(I) {
+      var _ = I - y, z = I - c, N = a - _;
       return g ? i(N, f - z) : N;
     }
     function b(I) {
-      var R = I - y, z = I - c;
-      return y === void 0 || R >= a || R < 0 || g && z >= f;
+      var _ = I - y, z = I - c;
+      return y === void 0 || _ >= a || _ < 0 || g && z >= f;
     }
     function S() {
       var I = t();
       if (b(I))
-        return _(I);
-      v = setTimeout(S, M(I));
+        return k(I);
+      v = setTimeout(S, O(I));
     }
-    function _(I) {
-      return v = void 0, w && d ? T(I) : (d = h = void 0, m);
+    function k(I) {
+      return v = void 0, w && d ? C(I) : (d = h = void 0, m);
     }
-    function C() {
+    function T() {
       v !== void 0 && clearTimeout(v), c = 0, d = y = h = v = void 0;
     }
-    function O() {
-      return v === void 0 ? m : _(t());
+    function M() {
+      return v === void 0 ? m : k(t());
     }
     function P() {
-      var I = t(), R = b(I);
-      if (d = arguments, h = this, y = I, R) {
+      var I = t(), _ = b(I);
+      if (d = arguments, h = this, y = I, _) {
         if (v === void 0)
-          return k(y);
+          return R(y);
         if (g)
-          return clearTimeout(v), v = setTimeout(S, a), T(y);
+          return clearTimeout(v), v = setTimeout(S, a), C(y);
       }
       return v === void 0 && (v = setTimeout(S, a)), m;
     }
-    return P.cancel = C, P.flush = O, P;
+    return P.cancel = T, P.flush = M, P;
   }
   return sr = s, sr;
 }
@@ -7318,9 +7318,9 @@ var Gu = Bu();
 const Lu = /* @__PURE__ */ Uo(Gu);
 function Hu(e, t = 200, n, r) {
   const o = ie(e), i = ie(n);
-  pe(() => {
+  fe(() => {
     o.current = e;
-  }, [e]), pe(() => {
+  }, [e]), fe(() => {
     i.current = n;
   }, [n]);
   const s = me(() => {
@@ -7336,7 +7336,7 @@ function Hu(e, t = 200, n, r) {
     });
     return a.cancel = u.cancel.bind(u), a.flush = u.flush.bind(u), a;
   }, [t, r]);
-  return pe(() => () => s.cancel(), [s]), s;
+  return fe(() => () => s.cancel(), [s]), s;
 }
 const Nu = "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 lr = !1;
@@ -7406,46 +7406,46 @@ async function $u({
   if (rt(c, y), s && typeof document < "u" && document.fonts) {
     Fu();
     try {
-      const T = `${u}px ${s}`;
-      await document.fonts.load(T), document.fonts.check(T) || await document.fonts.ready;
+      const C = `${u}px ${s}`;
+      await document.fonts.load(C), document.fonts.check(C) || await document.fonts.ready;
     } catch {
     }
   }
   rt(c, y);
   try {
-    const T = Math.abs(m - 1) > 1e-3, k = 1 / m;
-    T && (t.style.transform = `scale(${k})`, t.style.transformOrigin = "top left");
-    const M = Math.max(0, e.offsetWidth || 0), b = Math.max(0, Math.min(M, o));
+    const C = Math.abs(m - 1) > 1e-3, R = 1 / m;
+    C && (t.style.transform = `scale(${R})`, t.style.transformOrigin = "top left");
+    const O = Math.max(0, e.offsetWidth || 0), b = Math.max(0, Math.min(O, o));
     t.style.maxWidth = `${b}px`, rt(c, y);
     let S = Math.round(n.offsetHeight || 0);
     S || (S = Math.max(0, n.clientHeight | 0)), console.log(
       "[calcPages] playbackScale:",
       m.toFixed(4),
-      T ? "(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 _ = 1.5, C = (B, Z) => Z + B <= S - _, O = getComputedStyle(e), P = {
-      letterSpacing: O.letterSpacing,
-      wordSpacing: O.wordSpacing,
-      fontKerning: O.fontKerning || "normal",
-      fontVariantLigatures: O.fontVariantLigatures || "normal",
-      textTransform: O.textTransform || "none",
-      direction: O.direction || "ltr",
-      wordBreak: O.wordBreak || "keep-all",
-      overflowWrap: O.overflowWrap || O.wordWrap || "break-word",
-      hyphens: O.hyphens || "manual"
+      C ? "(scaled, applying inverse)" : "(no scale)"
+    ), console.log("[calcPages] viewWidth:", O), 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 = (B, Z) => Z + B <= S - k, M = getComputedStyle(e), P = {
+      letterSpacing: M.letterSpacing,
+      wordSpacing: M.wordSpacing,
+      fontKerning: M.fontKerning || "normal",
+      fontVariantLigatures: M.fontVariantLigatures || "normal",
+      textTransform: M.textTransform || "none",
+      direction: M.direction || "ltr",
+      wordBreak: M.wordBreak || "keep-all",
+      overflowWrap: M.overflowWrap || M.wordWrap || "break-word",
+      hyphens: M.hyphens || "manual"
     }, 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));
+    }, _ = b, z = Math.max(0, _ - 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);
+    N.style.boxSizing = "border-box", N.style.width = `${_}px`, N.style.maxWidth = `${_}px`, N.style.margin = "0 auto", N.style.display = "flex", n.appendChild(N);
     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);
+    A.style.boxSizing = "border-box", A.style.paddingRight = `${i}px`, A.style.paddingLeft = `${i}px`, A.style.width = `${_}px`, A.style.maxWidth = `${_}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 = Du(c, y, r.length), Se = (B, Z) => {
       const F = document.createElement("p");
       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();
+      const F = Z ?? [], Q = document.createDocumentFragment();
       for (let te = 0; te < F.length; te++) {
         const J = F[te], ce = document.createElement("span");
         ce.dataset.runbox = String(te), ce.style.whiteSpace = "pre-wrap";
@@ -7460,16 +7460,16 @@ async function $u({
           }
           ce.appendChild(ke);
         }
-        Y.appendChild(ce);
+        Q.appendChild(ce);
       }
-      B.appendChild(Y);
+      B.appendChild(Q);
     }, 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 Y = document.createElement("div");
-      Y.style.position = "relative", Y.style.width = "100%", xe && (Y.style.maxHeight = `${xe}px`), Y.style.aspectRatio = Z;
+      const Q = document.createElement("div");
+      Q.style.position = "relative", Q.style.width = "100%", xe && (Q.style.maxHeight = `${xe}px`), Q.style.aspectRatio = Z;
       const te = document.createElement("div");
-      if (te.style.position = "absolute", te.style.inset = "0", te.style.width = "100%", te.style.height = "100%", Y.appendChild(te), F.appendChild(Y), B != null && B.alt) {
+      if (te.style.position = "absolute", te.style.inset = "0", te.style.width = "100%", te.style.height = "100%", Q.appendChild(te), F.appendChild(Q), 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);
       }
@@ -7485,18 +7485,18 @@ async function $u({
         re[B] = { contentH: Math.ceil(He.height), mt: Be, mb: $e }, await be(24);
         continue;
       }
-      const F = Z.block, Y = F.list ? (F.list.level ?? 0) * 24 : 0, te = Z.paraIndex ?? 0, J = f[te] ?? (((p = F.list) == null ? void 0 : p.kind) === "bullet" ? ((g = F.list) == null ? void 0 : g.glyph) ?? "•" : void 0);
+      const F = Z.block, Q = F.list ? (F.list.level ?? 0) * 24 : 0, te = Z.paraIndex ?? 0, J = f[te] ?? (((p = F.list) == null ? void 0 : p.kind) === "bullet" ? ((g = F.list) == null ? void 0 : g.glyph) ?? "•" : void 0);
       if (!!(F.list && J)) {
-        const ke = Se(F, Y);
+        const ke = Se(F, Q);
         ke.dataset.variant = "with";
-        const Oe = Se(F, Y);
+        const Oe = Se(F, Q);
         Oe.dataset.variant = "no";
         const He = document.createElement("span");
         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, Y);
+        const ke = Se(F, Q);
         ke.dataset.variant = "with", Ce(ke, F.runs), A.appendChild(ke);
       }
       const se = A.querySelector('p[data-variant="with"]'), we = A.querySelector('p[data-variant="no"]'), ge = we ?? se;
@@ -7521,22 +7521,22 @@ async function $u({
       await be(24);
     }
     rt(c, y), A.innerHTML = "";
-    const K = (B, Z, F, Y) => {
+    const K = (B, Z, F, Q) => {
       if (Z > F) return { top: 0, content: 0, mb: 0 };
-      const te = Y ? B.lastBottomNo : B.lastBottomWith, J = Y ? B.mtNo : B.mtWith, ce = Y ? B.mbNo : B.mbWith, se = Y ? 0 : J, we = Z > 0 ? te[Z - 1] ?? 0 : 0, ge = Math.max(0, (te[F] ?? 0) - we);
+      const te = Q ? B.lastBottomNo : B.lastBottomWith, J = Q ? B.mtNo : B.mtWith, ce = Q ? B.mbNo : B.mbWith, se = Q ? 0 : J, we = Z > 0 ? te[Z - 1] ?? 0 : 0, ge = Math.max(0, (te[F] ?? 0) - we);
       return { top: se, content: ge, mb: ce };
     }, $ = [];
     let G = 0, E, L = null, q = null;
     for (; G < r.length; ) {
       rt(c, y);
       const B = G;
-      let Z = 0, F = 0, Y = E;
-      Y != null && L === G && q != null && (Y = Math.max(Y, q + 1));
+      let Z = 0, F = 0, Q = E;
+      Q != null && L === G && q != null && (Q = Math.max(Q, q + 1));
       let te = -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 = (Z === 0 ? Ge.mt : F + Ge.mt) + Ge.contentH;
-          if (C(nt, Z)) {
+          if (T(nt, Z)) {
             Z += nt, te = G, J = void 0, F = Ge.mb, G += 1, E = void 0, L = null, q = null;
             continue;
           }
@@ -7544,20 +7544,20 @@ async function $u({
             $.push({
               startBlock: B,
               endBlock: G,
-              ...Y != null ? { startOffsetInBlock: Y } : {}
+              ...Q != null ? { startOffsetInBlock: Q } : {}
               // 이미지에는 run 오프셋 개념이 없어 endOffsetInBlock 생략
             }), G += 1, E = void 0, L = null, q = null, F = 0;
             break;
           }
           break;
         }
-        const se = V.get(G), we = se.runsLen, ge = G === B && Y != null ? Y : 0;
+        const se = V.get(G), we = se.runsLen, ge = G === B && Q != null ? Q : 0;
         if (ge >= we) {
           G += 1, E = void 0, L = null, q = null;
           continue;
         }
         const ke = ge > 0, Oe = K(se, ge, we - 1, ke), Be = (Z === 0 ? Oe.top : F + Oe.top) + Oe.content;
-        if (C(Be, Z)) {
+        if (T(Be, Z)) {
           Z += Be, te = G, J = we - 1, F = Oe.mb, G += 1, E = void 0, L = null, q = null;
           continue;
         }
@@ -7565,13 +7565,13 @@ async function $u({
         for (; $e <= ut; ) {
           rt(c, y);
           const Ge = $e + ut >> 1, st = K(se, ge, Ge, ke), nt = (Z === 0 ? st.top : F + st.top) + st.content;
-          C(nt, Z) ? (Xe = Ge, $e = Ge + 1) : ut = Ge - 1;
+          T(nt, Z) ? (Xe = Ge, $e = Ge + 1) : ut = Ge - 1;
         }
         if (Xe >= ge) {
           $.push({
             startBlock: B,
             endBlock: G,
-            ...Y != null ? { startOffsetInBlock: Y } : {},
+            ...Q != null ? { startOffsetInBlock: Q } : {},
             endOffsetInBlock: Xe
           }), E = Xe + 1, L = G, q = Xe, F = 0;
           break;
@@ -7580,7 +7580,7 @@ async function $u({
           $.push({
             startBlock: B,
             endBlock: te >= 0 ? te : Math.min(G - 1, r.length - 1),
-            ...Y != null ? { startOffsetInBlock: Y } : {},
+            ...Q != null ? { startOffsetInBlock: Q } : {},
             ...J != null ? { endOffsetInBlock: J } : {}
           }), F = 0;
           break;
@@ -7589,7 +7589,7 @@ async function $u({
           $.push({
             startBlock: B,
             endBlock: G,
-            ...Y != null ? { startOffsetInBlock: Y } : {},
+            ...Q != null ? { startOffsetInBlock: Q } : {},
             endOffsetInBlock: Ge
           }), E = Ge + 1, L = G, q = Ge, F = 0;
           break;
@@ -7598,13 +7598,13 @@ async function $u({
       ($.length === 0 || $[$.length - 1].startBlock !== B) && $.push({
         startBlock: B,
         endBlock: te >= 0 ? te : Math.min(G - 1, r.length - 1),
-        ...Y != null ? { startOffsetInBlock: Y } : {},
+        ...Q != null ? { startOffsetInBlock: Q } : {},
         ...J != null ? { endOffsetInBlock: J } : {}
       });
     }
-    return N.remove(), T && (t.style.transform = "", t.style.transformOrigin = ""), rt(c, y), { pages: $, pageByRunIndex: null };
-  } catch (T) {
-    throw console.error(T), T;
+    return N.remove(), C && (t.style.transform = "", t.style.transformOrigin = ""), rt(c, y), { pages: $, pageByRunIndex: null };
+  } catch (C) {
+    throw console.error(C), C;
   }
 }
 function Do(e, t, n) {
@@ -7664,7 +7664,7 @@ function Uu(e) {
 function Ku() {
   var Lr;
   const e = Xi(), t = j((U) => U.section), n = j((U) => U.sectionLoading), r = yt(), o = ie(!1);
-  pe(() => r.subscribe((U) => {
+  fe(() => r.subscribe((U) => {
     o.current = U.progress.rangeStartGI != null && U.progress.rangeEndGI != null;
   }), [r]);
   const i = o.current, s = It(), u = X((U) => U.theme), a = vn[u], l = X((U) => U.fontFamily), d = X((U) => U.fontSizePx), h = X((U) => U.lineHeight), f = X((U) => U.marginX), m = X((U) => U.viewportHeight), v = 860, y = ie(null), { items: c } = me(() => {
@@ -7681,7 +7681,7 @@ function Ku() {
   }, [c]), [g, w] = pt({
     pages: [],
     pageByRunIndex: null
-  }), T = j((U) => U.pageIndex), k = j((U) => U.setPageIndex), M = ie(0), b = ie(null), [S, _] = pt(!1), [C, O] = pt(null), [P, I] = pt(!1), R = me(
+  }), C = j((U) => U.pageIndex), R = j((U) => U.setPageIndex), O = ie(0), b = ie(null), [S, k] = pt(!1), [T, M] = pt(null), [P, I] = pt(!1), _ = me(
     () => ({
       flex: 1,
       fontFamily: l,
@@ -7713,7 +7713,7 @@ function Ku() {
       };
     })
   ), V = yt();
-  pe(() => {
+  fe(() => {
     g && g.pages.length && (console.log("그래서 총 페이지", g.pages.length), V.getState().progress.setTotalPages(g.pages.length + 1), (async () => {
       const U = V.getState().progress.setSectionLoading;
       await St(), await St(), await St(), await St(), console.log("recalc종료"), U(!1);
@@ -7723,7 +7723,7 @@ function Ku() {
     console.log("@@@@@@recalc호출");
     const U = y.current, Le = se.current, We = we.current;
     if (console.log("showSplit", z), !U || !Le || !We || c.length === 0) {
-      w({ pages: [], pageByRunIndex: null }), k(0), V.getState().progress.setTotalPages(0);
+      w({ pages: [], pageByRunIndex: null }), R(0), V.getState().progress.setTotalPages(0);
       return;
     }
     (async () => {
@@ -7749,7 +7749,7 @@ function Ku() {
         }), ji = performance.now();
         console.log(
           `✅ calcPages 완료: ${(ji - Rt).toFixed(1)} ms (${At.length} pages)`
-        ), w({ pages: At, pageByRunIndex: qi }), k(0);
+        ), w({ pages: At, pageByRunIndex: qi }), R(0);
       } catch (lt) {
         if (lt instanceof $i) {
           console.log("이젠실행 취소 들어옴!");
@@ -7759,7 +7759,7 @@ function Ku() {
       }
     })();
   }, [
-    k,
+    R,
     c,
     v,
     f,
@@ -7778,26 +7778,26 @@ function Ku() {
     return ((Le = U.layout) == null ? void 0 : Le.prefix) ?? [];
   }), Ce = _e((U) => U.syncToGI), xe = ne(
     (U) => {
-      const Le = g.pages.length + 1, We = T + U;
+      const Le = g.pages.length + 1, We = C + U;
       if (We < 0 || We >= Le) return;
-      const Rt = T === g.pages.length;
+      const Rt = C === g.pages.length;
       if (We === g.pages.length) {
-        k(We);
+        R(We);
         return;
       }
       if (Rt && U === -1) {
         const At = Do(g.pages[We], c, Se);
-        At != null && (be(At, "scrubber-step"), Ce(At)), k(We);
+        At != null && (be(At, "scrubber-step"), Ce(At)), R(We);
         return;
       }
       const lt = Do(g.pages[We], c, Se);
-      lt != null ? (be(lt, "scrubber-step"), Ce(lt)) : k(We);
+      lt != null ? (be(lt, "scrubber-step"), Ce(lt)) : R(We);
     },
-    [T, g.pages, c, Se, be, k, Ce]
+    [C, g.pages, c, Se, be, R, Ce]
   ), Fe = ne(() => {
-    S || M.current !== 0 ? (O("prev"), _(!1)) : xe(-1);
+    S || O.current !== 0 ? (M("prev"), k(!1)) : xe(-1);
   }, [S, xe]), K = ne(() => {
-    S || M.current !== 0 ? (O("next"), _(!1)) : xe(1);
+    S || O.current !== 0 ? (M("next"), k(!1)) : xe(1);
   }, [S, xe]), $ = Rn(), G = ne(() => {
     const { isSettingsOpen: U, setSettingsOpen: Le, toggleOverlays: We } = $.getState();
     U ? Le(!1) : We();
@@ -7809,20 +7809,20 @@ function Ku() {
     Le.style.transform = `translate3d(${-33.333 + Rt}%, 0, 0)`;
   }, []), B = ne(
     (U) => {
-      T === 0 && U > 0 || T >= E - 1 && U < 0 || (M.current = U, q(U), S || _(!0));
+      C === 0 && U > 0 || C >= E - 1 && U < 0 || (O.current = U, q(U), S || k(!0));
     },
-    [T, E, q, S]
+    [C, E, q, S]
   ), Z = ne(() => {
-    M.current = 0, _(!1);
+    O.current = 0, k(!1);
     const U = b.current;
     U && (U.style.transition = "transform 250ms ease-out", U.style.transform = "translate3d(-33.333%, 0, 0)");
   }, []), F = ne(
     (U) => {
       if (U.target !== U.currentTarget || U.propertyName !== "transform") return;
-      const Le = C;
-      I(!0), O(null), M.current = 0, Le === "prev" ? xe(-1) : Le === "next" && xe(1);
+      const Le = T;
+      I(!0), M(null), O.current = 0, Le === "prev" ? xe(-1) : Le === "next" && xe(1);
     },
-    [C, xe]
+    [T, xe]
   );
   _t(() => {
     P && requestAnimationFrame(() => {
@@ -7831,12 +7831,12 @@ function Ku() {
       });
     });
   }, [P]);
-  const Y = xn(), te = ne(
+  const Q = xn(), te = ne(
     (U) => i || ju(U) ? !0 : qu(U),
     [i]
   ), J = ne(
-    (U) => Y.getState().status === "playing" ? !0 : te(U),
-    [Y, te]
+    (U) => Q.getState().status === "playing" ? !0 : te(U),
+    [Q, te]
   ), ce = Cu({
     onPrev: Fe,
     onNext: K,
@@ -7863,7 +7863,7 @@ function Ku() {
     }),
     []
   ), Oe = Hu(re, 200, ge, ke), He = ie("");
-  pe(() => {
+  fe(() => {
     if (m <= 0) return;
     const U = `${l}|${d}|${h}|${f}|${z}|${N}|${A}|${m}|${t == null ? void 0 : t.section_id}`;
     He.current !== U && (He.current = U, console.log("debounceRecalc 취소"), Oe.cancel(), ge(), re());
@@ -7882,7 +7882,7 @@ function Ku() {
     t == null ? void 0 : t.section_id
   ]), Iu([y], Oe);
   const Be = j((U) => U.registerSectionScrollApi);
-  pe(() => (Be({
+  fe(() => (Be({
     // 페이지 모드에서는 GI 기반 스크롤 불필요 - 더미 구현
     ensureVisibleGI: () => Promise.resolve(!0),
     scrollToGI: () => Promise.resolve(!0),
@@ -7895,7 +7895,7 @@ function Ku() {
     // 페이지 이동 구현
     stepPage: xe
   }), () => Be(void 0)), [Be, xe]);
-  const $e = t.quizzes && t.quizzes.length > 0, ut = g.pages.length > 0 && T === g.pages.length, Xe = T > 0 ? T - 1 : null, Ge = T < E - 1 ? T + 1 : null, st = me(() => C === "prev" ? "translate3d(0%, 0, 0)" : C === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [C]), nt = (U) => n ? null : U === g.pages.length ? /* @__PURE__ */ ee(
+  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 = me(() => T === "prev" ? "translate3d(0%, 0, 0)" : T === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [T]), nt = (U) => n ? null : U === g.pages.length ? /* @__PURE__ */ ee(
     "div",
     {
       style: {
@@ -7923,8 +7923,8 @@ function Ku() {
     boxSizing: "border-box",
     backfaceVisibility: "hidden",
     WebkitBackfaceVisibility: "hidden"
-  }, Vt = !P && (!S || C !== null);
-  return console.log("여기리랜더"), /* @__PURE__ */ ee("div", { ref: y, style: { ...R, touchAction: "none" }, ...ce, children: [
+  }, Vt = !P && (!S || T !== null);
+  return console.log("여기리랜더"), /* @__PURE__ */ ee("div", { ref: y, style: { ..._, touchAction: "none" }, ...ce, children: [
     /* @__PURE__ */ ee(
       "div",
       {
@@ -7941,10 +7941,10 @@ function Ku() {
           backfaceVisibility: "hidden",
           WebkitBackfaceVisibility: "hidden"
         },
-        onTransitionEnd: C ? F : void 0,
+        onTransitionEnd: T ? F : void 0,
         children: [
           /* @__PURE__ */ x("div", { style: bt, children: Xe !== null && nt(Xe) }),
-          /* @__PURE__ */ x("div", { style: bt, children: nt(T) }),
+          /* @__PURE__ */ x("div", { style: bt, children: nt(C) }),
           /* @__PURE__ */ x("div", { style: bt, children: Ge !== null && nt(Ge) })
         ]
       }
@@ -8017,8 +8017,8 @@ function Ku() {
       {
         pages: g.pages,
         items: c,
-        onGotoPage: k,
-        currentPageIndex: T,
+        onGotoPage: R,
+        currentPageIndex: C,
         isOnExtraPage: ut
       }
     )
@@ -8029,15 +8029,15 @@ const Xu = ({ pages: e, items: t, onGotoPage: n, currentPageIndex: r, isOnExtraP
     var d;
     return ((d = l.layout) == null ? void 0 : d.prefix) ?? [];
   }), a = D.useRef(null);
-  return pe(() => {
+  return fe(() => {
     if (i == null || e.length === 0 || o && !(s === "scrubber-live" || s === "scrubber-commit") || a.current === i) return;
     a.current = i;
     const l = Vu(i, e, t, u);
     l >= 0 && l !== r && n(l);
   }, [i, e, t, u, n, r, o, s]), /* @__PURE__ */ x(wt, {});
-}, Yu = "_wrapper_dbk3n_1", Qu = "_spinner_dbk3n_10", $o = {
-  wrapper: Yu,
-  spinner: Qu
+}, Qu = "_wrapper_dbk3n_1", Yu = "_spinner_dbk3n_10", $o = {
+  wrapper: Qu,
+  spinner: Yu
 };
 function Zu({ size: e = 28, speed: t = 0.8 }) {
   return /* @__PURE__ */ x("div", { className: `${$o.wrapper}`, children: /* @__PURE__ */ x(
@@ -8103,7 +8103,7 @@ function Md(e) {
 }
 const Ed = Wt(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), f = Pi();
-  pe(() => {
+  fe(() => {
     if (t === "idle" || t !== "doing" || u == null) return;
     const c = window.setInterval(() => f.getState().tick(), 1e3);
     return () => window.clearInterval(c);
@@ -8113,20 +8113,20 @@ const Ed = Wt(function() {
     const c = r.map((A) => n[A]), p = c.length, g = c.reduce((A, V) => A + (V.score ?? 0), 0), w = c.reduce((A, V) => {
       const re = h[V.qid];
       return A + (re != null && re.isCorrect ? V.score ?? 0 : 0);
-    }, 0), T = c.map((A) => h[A.qid]).filter((A) => !!A), k = typeof l == "number" && typeof d == "number" ? Math.max(0, d - l) : T.reduce((A, V) => A + (V.ms ?? 0), 0), M = p > 0 ? Math.round(k / p) : 0, b = [...T].sort((A, V) => A.ms - V.ms), S = b[0], _ = b[b.length - 1], C = T.filter((A) => !A.multi), O = T.filter((A) => A.multi), P = C.filter((A) => A.isCorrect).length, I = O.filter((A) => A.isCorrect).length, R = T.filter((A) => A.timedOut).length, z = T.filter((A) => A.revealed).length, N = T.filter((A) => !A.isCorrect).sort((A, V) => V.ms - A.ms).slice(0, 3);
+    }, 0), C = c.map((A) => h[A.qid]).filter((A) => !!A), R = typeof l == "number" && typeof d == "number" ? Math.max(0, d - l) : C.reduce((A, V) => A + (V.ms ?? 0), 0), O = p > 0 ? Math.round(R / p) : 0, b = [...C].sort((A, V) => A.ms - V.ms), S = b[0], k = b[b.length - 1], T = C.filter((A) => !A.multi), M = C.filter((A) => A.multi), P = T.filter((A) => A.isCorrect).length, I = M.filter((A) => A.isCorrect).length, _ = 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: p,
       correct: s,
       rate: p ? Math.round(s / p * 100) : 0,
-      timeMsTotal: k,
-      avgMs: M,
+      timeMsTotal: R,
+      avgMs: O,
       totalScore: g,
       gainedScore: w,
       fastest: S,
-      slowest: _,
-      singles: { total: C.length, correct: P },
-      multis: { total: O.length, correct: I },
-      timedOut: R,
+      slowest: k,
+      singles: { total: T.length, correct: P },
+      multis: { total: M.length, correct: I },
+      timedOut: _,
       revealed: z,
       wrongTop3: N
     };
@@ -8219,7 +8219,7 @@ function Od(e) {
     ),
     /* @__PURE__ */ x("div", { className: de.Image, children: m && /* @__PURE__ */ x("img", { src: m, alt: "" }) }),
     /* @__PURE__ */ x("div", { className: de.Options, children: f.map(({ opt: c, i: p }) => {
-      const g = o.includes(p), w = v.includes(p), T = [
+      const g = o.includes(p), w = v.includes(p), C = [
         de.OptionBtn,
         g ? de.OptionBtnActive : "",
         i && w ? de.OptionBtnCorrect : ""
@@ -8229,7 +8229,7 @@ function Od(e) {
         {
           type: "button",
           onClick: () => s(p),
-          className: T,
+          className: C,
           disabled: i,
           children: c
         },
@@ -8417,7 +8417,7 @@ function Bd(e, t) {
     submitCurrent: () => {
       const l = a();
       if (l.phase !== "doing") return;
-      const d = l.order[l.currentIndex], h = l.quizzes[d], f = h.qid, m = (l.answers[f] ?? []).slice().sort((w, T) => w - T), v = ur(h), y = Ad(m, v), c = l.questionStartedAt ? Date.now() - l.questionStartedAt : 0, p = l.perQ[f], g = {
+      const d = l.order[l.currentIndex], h = l.quizzes[d], f = h.qid, m = (l.answers[f] ?? []).slice().sort((w, C) => w - C), v = ur(h), y = Ad(m, v), c = l.questionStartedAt ? Date.now() - l.questionStartedAt : 0, p = l.perQ[f], g = {
         qid: f,
         index: h.index,
         question: h.question,
@@ -8535,47 +8535,50 @@ function Gd({ children: e, initialState: t }) {
       previousResult: t.previousQuizResult ?? null
     }),
     [t]
-  ), r = ie(t.onQuizComplete);
-  return pe(() => {
-    r.current = t.onQuizComplete;
-  }, [t.onQuizComplete]), pe(() => {
-    const o = n.subscribe((i, s) => {
-      if (s.phase !== "finished" && i.phase === "finished") {
-        const u = r.current;
-        if (!u || !i.retryAllowed && i.previousResult && !i.startedAt) return;
-        const { sectionId: a, quizzes: l, order: d, perQ: h, startedAt: f, finishedAt: m } = i, v = d.map((M) => l[M]), y = v.length, c = v.filter((M) => {
-          var b;
-          return (b = h[M.qid]) == null ? void 0 : b.isCorrect;
-        }).length, p = v.reduce((M, b) => M + (b.score ?? 0), 0), g = v.reduce((M, b) => {
-          const S = h[b.qid];
-          return M + (S != null && S.isCorrect ? b.score ?? 0 : 0);
-        }, 0), w = typeof f == "number" && typeof m == "number" ? Math.max(0, m - f) : 0, T = v.map((M) => {
-          const b = h[M.qid];
+  ), r = ie(t.onQuizStart), o = ie(t.onQuizComplete);
+  return fe(() => {
+    r.current = t.onQuizStart;
+  }, [t.onQuizStart]), fe(() => {
+    o.current = t.onQuizComplete;
+  }, [t.onQuizComplete]), fe(() => {
+    const i = n.subscribe((s, u) => {
+      var a;
+      if (u.phase !== "doing" && s.phase === "doing" && ((a = r.current) == null || a.call(r)), u.phase !== "finished" && s.phase === "finished") {
+        const l = o.current;
+        if (!l || !s.retryAllowed && s.previousResult && !s.startedAt) return;
+        const { sectionId: d, quizzes: h, order: f, perQ: m, startedAt: v, finishedAt: y } = s, c = f.map((S) => h[S]), p = c.length, g = c.filter((S) => {
+          var k;
+          return (k = m[S.qid]) == null ? void 0 : k.isCorrect;
+        }).length, w = c.reduce((S, k) => S + (k.score ?? 0), 0), C = c.reduce((S, k) => {
+          const T = m[k.qid];
+          return S + (T != null && T.isCorrect ? k.score ?? 0 : 0);
+        }, 0), R = typeof v == "number" && typeof y == "number" ? Math.max(0, y - v) : 0, O = c.map((S) => {
+          const k = m[S.qid];
           return {
-            qid: M.qid,
-            index: M.index,
-            question: M.question,
-            score: M.score ?? 0,
-            isCorrect: (b == null ? void 0 : b.isCorrect) ?? !1,
-            selected: (b == null ? void 0 : b.selected) ?? [],
-            correctIdxes: (b == null ? void 0 : b.correctIdxes) ?? [],
-            ms: (b == null ? void 0 : b.ms) ?? 0,
-            timedOut: (b == null ? void 0 : b.timedOut) ?? !1
+            qid: S.qid,
+            index: S.index,
+            question: S.question,
+            score: S.score ?? 0,
+            isCorrect: (k == null ? void 0 : k.isCorrect) ?? !1,
+            selected: (k == null ? void 0 : k.selected) ?? [],
+            correctIdxes: (k == null ? void 0 : k.correctIdxes) ?? [],
+            ms: (k == null ? void 0 : k.ms) ?? 0,
+            timedOut: (k == null ? void 0 : k.timedOut) ?? !1
           };
-        }), k = {
-          sectionId: a ?? "",
-          total: y,
-          correct: c,
-          rate: y > 0 ? Math.round(c / y * 100) : 0,
-          totalScore: p,
-          gainedScore: g,
-          timeMsTotal: w,
-          perQuestion: T
+        }), b = {
+          sectionId: d ?? "",
+          total: p,
+          correct: g,
+          rate: p > 0 ? Math.round(g / p * 100) : 0,
+          totalScore: w,
+          gainedScore: C,
+          timeMsTotal: R,
+          perQuestion: O
         };
-        u(k);
+        l(b);
       }
     });
-    return () => o();
+    return () => i();
   }, [n]), /* @__PURE__ */ x(Gr.Provider, { value: n, children: e });
 }
 const jo = [
@@ -8600,7 +8603,7 @@ const jo = [
 ];
 function Ld({ containerRef: e }) {
   const t = It(), n = Rn(), r = ie(null);
-  return pe(() => {
+  return fe(() => {
     const o = e.current;
     if (!o) return;
     let i = o.clientWidth, s = o.clientHeight;
@@ -8613,7 +8616,7 @@ function Ld({ containerRef: e }) {
       }));
     });
     return u.observe(o), () => u.disconnect();
-  }, [t, n, e]), pe(() => {
+  }, [t, n, e]), fe(() => {
     const o = n.getState();
     r.current = {};
     for (const s of jo)
@@ -8681,12 +8684,12 @@ function Hd() {
     },
     [t, n, o]
   ), s = ne(() => {
-    var k, M, b, S;
-    const a = t.getState(), l = n.getState().progress, d = (k = l.getSectionScrollApi) == null ? void 0 : k.call(l), h = l.currentGlobalRunIndex ?? 0, f = ((M = d == null ? void 0 : d.getScrollTop) == null ? void 0 : M.call(d)) ?? 0, m = ((b = d == null ? void 0 : d.getAnchorOffsetRatio) == null ? void 0 : b.call(d, h)) ?? 0, v = o == null ? void 0 : o.getState(), y = v ? {
+    var R, O, b, S;
+    const a = t.getState(), l = n.getState().progress, d = (R = l.getSectionScrollApi) == null ? void 0 : R.call(l), h = l.currentGlobalRunIndex ?? 0, f = ((O = d == null ? void 0 : d.getScrollTop) == null ? void 0 : O.call(d)) ?? 0, m = ((b = d == null ? void 0 : d.getAnchorOffsetRatio) == null ? void 0 : b.call(d, h)) ?? 0, v = o == null ? void 0 : o.getState(), y = v ? {
       status: v.status,
       currentClip: v.currentClip,
       currentTimeMs: v.currentTimeMs
-    } : void 0, { rangeStartGI: c, rangeEndGI: p } = l, g = c != null && p != null ? { startGI: c, endGI: p, text: l.getRangeText() } : null, w = ((S = d == null ? void 0 : d.getScrollRatio) == null ? void 0 : S.call(d)) ?? 0, T = l.translateOpen ? {
+    } : void 0, { rangeStartGI: c, rangeEndGI: p } = l, g = c != null && p != null ? { startGI: c, endGI: p, text: l.getRangeText() } : null, w = ((S = d == null ? void 0 : d.getScrollRatio) == null ? void 0 : S.call(d)) ?? 0, C = l.translateOpen ? {
       isOpen: !0,
       isLoading: l.translateLoading,
       text: l.translateText,
@@ -8729,7 +8732,7 @@ function Hd() {
       viewportHeight: a.viewportHeight,
       audio: y,
       range: g,
-      translate: T
+      translate: C
     };
   }, [t, n, o]), u = ne(
     (a) => {
@@ -8867,7 +8870,7 @@ function Fd({
   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 = It();
-  return pe(() => {
+  return fe(() => {
     const d = e.current;
     if (!d) return;
     let h, f;
@@ -8897,7 +8900,7 @@ const Wd = ({
   onTranslate: t
 }) => {
   const n = j((f) => f.rangeStartGI), r = j((f) => f.rangeEndGI), o = j((f) => f.getRangeText), i = j((f) => f.clearRange), s = It(), u = n != null && r != null, [a, l] = pt(null);
-  pe(() => {
+  fe(() => {
     if (!u) return;
     const f = e.current;
     if (!f) return;
@@ -8910,7 +8913,7 @@ const Wd = ({
       i();
     });
     return v.observe(f), () => v.disconnect();
-  }, [u, i, e]), pe(() => {
+  }, [u, i, e]), fe(() => {
     if (!u || n == null || r == null) {
       l(null);
       return;
@@ -8923,15 +8926,15 @@ const Wd = ({
         l({ x: y.width * p / 2, y: 80 });
         return;
       }
-      const w = g.getBoundingClientRect(), T = v.querySelector(`[data-g="${n}"]`), k = T == null ? void 0 : T.getBoundingClientRect();
-      let M = (w.left + w.width / 2 - y.left) * p;
-      k && (M = ((k.left + w.right) / 2 - y.left) * p);
-      const b = 160, S = 50, _ = 16, C = 12, O = y.width * p, P = Math.max(
-        _ + b / 2,
-        Math.min(M, O - _ - b / 2)
-      ), I = (((k == null ? void 0 : k.top) ?? w.top) - y.top) * p - S - C;
-      let R = I;
-      I < _ && (R = (w.bottom - y.top) * p + C), l({ x: P, y: R });
+      const w = g.getBoundingClientRect(), C = v.querySelector(`[data-g="${n}"]`), R = C == null ? void 0 : C.getBoundingClientRect();
+      let O = (w.left + w.width / 2 - y.left) * p;
+      R && (O = ((R.left + w.right) / 2 - y.left) * p);
+      const b = 160, S = 50, k = 16, T = 12, M = y.width * p, P = Math.max(
+        k + b / 2,
+        Math.min(O, M - k - b / 2)
+      ), I = (((R == null ? void 0 : R.top) ?? w.top) - y.top) * p - S - T;
+      let _ = I;
+      I < k && (_ = (w.bottom - y.top) * p + T), l({ x: P, y: _ });
     };
     f();
     const m = e.current;
@@ -9008,7 +9011,7 @@ const Wd = ({
 };
 function Dd() {
   const e = j((o) => o.rangeStartGI), t = j((o) => o.rangeEndGI), n = j((o) => o.clearRange), r = e != null && t != null;
-  return pe(() => {
+  return fe(() => {
     if (!r) return;
     const o = (i) => {
       var u;
@@ -9178,7 +9181,7 @@ const $d = ({
     )
   }
 ) : null, Vd = (e, t, n) => Math.min(n, Math.max(t, e));
-function Yd({
+function Qd({
   section: e,
   initialViewerState: t,
   initialProgressRunIndex: n,
@@ -9186,58 +9189,59 @@ function Yd({
   onSectionNav: o,
   isCanPrev: i = !1,
   isCanNext: s = !1,
-  onQuizComplete: u,
-  quizRetryAllowed: a,
-  previousQuizResult: l,
-  onViewerEvent: d,
-  viewerRef: h,
-  gazeSync: f,
-  onRequestTranslate: m,
-  isPlaybackMode: v = !1,
-  playbackScale: y,
-  isDev: c = !1
+  onQuizStart: u,
+  onQuizComplete: a,
+  quizRetryAllowed: l,
+  previousQuizResult: d,
+  onViewerEvent: h,
+  viewerRef: f,
+  gazeSync: m,
+  onRequestTranslate: v,
+  isPlaybackMode: y = !1,
+  playbackScale: c,
+  isDev: p = !1
 }) {
-  const p = String((e == null ? void 0 : e.section_id) ?? "0"), g = me(() => {
-    var S, _;
-    const M = ((S = e == null ? void 0 : e.ast) == null ? void 0 : S.blocks) ?? [];
-    let b = 0;
-    for (const C of M)
-      (C == null ? void 0 : C.type) !== "image" && (b += ((_ = C == null ? void 0 : C.runs) == null ? void 0 : _.length) ?? 0);
-    return b;
-  }, [e]), w = me(() => typeof n == "number" ? Vd(n, g > 0 ? 0 : -1, Math.max(g - 1, -1)) : (g > 0, 0), [n, g]), T = me(
+  const g = String((e == null ? void 0 : e.section_id) ?? "0"), w = me(() => {
+    var k, T;
+    const b = ((k = e == null ? void 0 : e.ast) == null ? void 0 : k.blocks) ?? [];
+    let S = 0;
+    for (const M of b)
+      (M == null ? void 0 : M.type) !== "image" && (S += ((T = M == null ? void 0 : M.runs) == null ? void 0 : T.length) ?? 0);
+    return S;
+  }, [e]), C = me(() => typeof n == "number" ? Vd(n, w > 0 ? 0 : -1, Math.max(w - 1, -1)) : (w > 0, 0), [n, w]), R = me(
     () => ({
       section: e,
-      initialIndex: w,
+      initialIndex: C,
       onViewerClose: r,
       onSectionNav: o,
       isCanPrev: i,
       isCanNext: s
     }),
-    [e, w, r, o, i, s]
-  ), k = me(() => {
-    const M = (e == null ? void 0 : e.audios) ?? [], b = M.length > 0 ? hu(e) : void 0;
+    [e, C, r, o, i, s]
+  ), O = me(() => {
+    const b = (e == null ? void 0 : e.audios) ?? [], S = b.length > 0 ? hu(e) : void 0;
     return {
-      clips: M,
-      map: b,
-      initialIndex: w,
+      clips: b,
+      map: S,
+      initialIndex: C,
       section: e
     };
-  }, [e, w]);
+  }, [e, C]);
   return /* @__PURE__ */ x(
     ls,
     {
-      onViewerEvent: d,
-      isPlaybackMode: v,
-      playbackScale: y,
-      viewerRef: h,
-      children: /* @__PURE__ */ x(xu, { initialState: { ...t, isDev: c }, children: /* @__PURE__ */ x(
+      onViewerEvent: h,
+      isPlaybackMode: y,
+      playbackScale: c,
+      viewerRef: f,
+      children: /* @__PURE__ */ x(xu, { initialState: { ...t, isDev: p }, children: /* @__PURE__ */ x(
         yu,
         {
-          initialState: T,
-          gazeSync: f,
-          children: /* @__PURE__ */ x(gu, { initialState: k, children: /* @__PURE__ */ x(Gd, { initialState: { section: e, onQuizComplete: u, quizRetryAllowed: a, previousQuizResult: l }, children: /* @__PURE__ */ x(qd, { onRequestTranslate: m }) }, p) }, p)
+          initialState: R,
+          gazeSync: m,
+          children: /* @__PURE__ */ x(gu, { initialState: O, children: /* @__PURE__ */ x(Gd, { initialState: { section: e, onQuizStart: u, onQuizComplete: a, quizRetryAllowed: l, previousQuizResult: d }, children: /* @__PURE__ */ x(qd, { onRequestTranslate: v }) }, g) }, g)
         },
-        p
+        g
       ) })
     }
   );
@@ -9247,7 +9251,7 @@ function qd({
 }) {
   const t = X((v) => v.mode), n = ie(null), r = It(), o = yt(), i = j((v) => v.translateOpen), s = j((v) => v.translateLoading), u = j((v) => v.translateText), a = j((v) => v.translatedText), l = ie(null), d = ne(
     (v) => {
-      var T;
+      var C;
       const { rangeStartGI: y, rangeEndGI: c } = o.getState().progress, p = y ?? 0, g = c ?? 0;
       if (r.getState().emit({
         type: "translate_request",
@@ -9268,11 +9272,11 @@ function qd({
         text: v,
         startGI: p,
         endGI: g
-      }), (T = l.current) == null || T.abort();
+      }), (C = l.current) == null || C.abort();
       const w = new AbortController();
-      l.current = w, e(v, w.signal).then((k) => {
+      l.current = w, e(v, w.signal).then((R) => {
         if (!w.signal.aborted) {
-          if (k == null) {
+          if (R == null) {
             o.getState().progress.clearTranslate();
             return;
           }
@@ -9280,22 +9284,22 @@ function qd({
             isOpen: !0,
             isLoading: !1,
             text: v,
-            translatedText: k,
+            translatedText: R,
             startGI: p,
             endGI: g
           }), r.getState().emit({
             type: "translate_loading_end",
-            payload: { originalText: v, translatedText: k }
+            payload: { originalText: v, translatedText: R }
           });
         }
-      }).catch((k) => {
+      }).catch((R) => {
         if (w.signal.aborted) return;
-        const M = k instanceof Error ? k.message : "번역 실패";
+        const O = R instanceof Error ? R.message : "번역 실패";
         o.getState().progress.setTranslateState({
           isOpen: !0,
           isLoading: !1,
           text: v,
-          translatedText: `[오류] ${M}`,
+          translatedText: `[오류] ${O}`,
           startGI: p,
           endGI: g
         });
@@ -9358,5 +9362,5 @@ function qd({
   );
 }
 export {
-  Yd as CRViewer
+  Qd as CRViewer
 };