@readerseye2/cr_viewer 2.0.2 → 2.0.3

package/dist/index.js

@@ -31,7 +31,7 @@ function Zi() {
   }
   var n = typeof Object.is == "function" ? Object.is : t, r = e.useState, o = e.useEffect, i = e.useLayoutEffect, s = e.useDebugValue;
   function u(b, h) {
-    var p = h(), v = r({ inst: { value: p, getSnapshot: h } }), y = v[0].inst, c = v[1];
+    var p = h(), S = r({ inst: { value: p, getSnapshot: h } }), y = S[0].inst, c = S[1];
     return i(
       function() {
         y.value = p, y.getSnapshot = h, a(y) && c({ inst: y });
@@ -75,29 +75,29 @@ var Pn = {};
 var Hr;
 function Ji() {
   return Hr || (Hr = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(p, v) {
-      return p === v && (p !== 0 || 1 / p === 1 / v) || p !== p && v !== v;
+    function e(p, S) {
+      return p === S && (p !== 0 || 1 / p === 1 / S) || p !== p && S !== S;
     }
-    function t(p, v) {
+    function t(p, S) {
       d || o.startTransition === void 0 || (d = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
-      var y = v();
+      var y = S();
       if (!b) {
-        var c = v();
+        var c = S();
         i(y, c) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), b = !0);
       }
       c = s({
-        inst: { value: y, getSnapshot: v }
+        inst: { value: y, getSnapshot: S }
       });
       var g = c[0].inst, f = c[1];
       return a(
         function() {
-          g.value = y, g.getSnapshot = v, n(g) && f({ inst: g });
+          g.value = y, g.getSnapshot = S, n(g) && f({ inst: g });
         },
-        [p, y, v]
+        [p, y, S]
       ), u(
         function() {
           return n(g) && f({ inst: g }), p(function() {
@@ -108,17 +108,17 @@ function Ji() {
       ), l(y), y;
     }
     function n(p) {
-      var v = p.getSnapshot;
+      var S = p.getSnapshot;
       p = p.value;
       try {
-        var y = v();
+        var y = S();
         return !i(p, y);
       } catch {
         return !0;
       }
     }
-    function r(p, v) {
-      return v();
+    function r(p, S) {
+      return S();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
     var o = $, i = typeof Object.is == "function" ? Object.is : e, s = o.useState, u = o.useEffect, a = o.useLayoutEffect, l = o.useDebugValue, d = !1, b = !1, h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
@@ -148,12 +148,12 @@ function es() {
   }
   var r = typeof Object.is == "function" ? Object.is : n, o = t.useSyncExternalStore, i = e.useRef, s = e.useEffect, u = e.useMemo, a = e.useDebugValue;
   return An.useSyncExternalStoreWithSelector = function(l, d, b, h, p) {
-    var v = i(null);
-    if (v.current === null) {
+    var S = i(null);
+    if (S.current === null) {
       var y = { hasValue: !1, value: null };
-      v.current = y;
-    } else y = v.current;
-    v = u(
+      S.current = y;
+    } else y = S.current;
+    S = u(
       function() {
         function g(E) {
           if (!f) {
@@ -165,8 +165,8 @@ function es() {
             return C = E;
           }
           if (m = C, r(x, E)) return m;
-          var S = h(E);
-          return p !== void 0 && p(m, S) ? (x = E, m) : (x = E, C = S);
+          var v = h(E);
+          return p !== void 0 && p(m, v) ? (x = E, m) : (x = E, C = v);
         }
         var f = !1, x, C, T = b === void 0 ? null : b;
         return [
@@ -180,7 +180,7 @@ function es() {
       },
       [d, b, h, p]
     );
-    var c = o(l, v[0], v[1]);
+    var c = o(l, S[0], S[1]);
     return s(
       function() {
         y.hasValue = !0, y.value = c;
@@ -208,12 +208,12 @@ function ts() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
     var t = $, n = Ko(), r = typeof Object.is == "function" ? Object.is : e, o = n.useSyncExternalStore, i = t.useRef, s = t.useEffect, u = t.useMemo, a = t.useDebugValue;
     Gn.useSyncExternalStoreWithSelector = function(l, d, b, h, p) {
-      var v = i(null);
-      if (v.current === null) {
+      var S = i(null);
+      if (S.current === null) {
         var y = { hasValue: !1, value: null };
-        v.current = y;
-      } else y = v.current;
-      v = u(
+        S.current = y;
+      } else y = S.current;
+      S = u(
         function() {
           function g(E) {
             if (!f) {
@@ -226,8 +226,8 @@ function ts() {
             }
             if (m = C, r(x, E))
               return m;
-            var S = h(E);
-            return p !== void 0 && p(m, S) ? (x = E, m) : (x = E, C = S);
+            var v = h(E);
+            return p !== void 0 && p(m, v) ? (x = E, m) : (x = E, C = v);
           }
           var f = !1, x, C, T = b === void 0 ? null : b;
           return [
@@ -241,7 +241,7 @@ function ts() {
         },
         [d, b, h, p]
       );
-      var c = o(l, v[0], v[1]);
+      var c = o(l, S[0], S[1]);
       return s(
         function() {
           y.hasValue = !0, y.value = c;
@@ -914,9 +914,9 @@ function ws(e, t, n, r, o, i, s, u, a) {
       for (; !h.dataset.virtuosoScroller; )
         h = h.parentElement;
       const p = h.lastElementChild.dataset.viewportType === "window";
-      let v;
-      p && (v = h.ownerDocument.defaultView);
-      const y = s ? u ? s.scrollLeft : s.scrollTop : p ? u ? v.scrollX || v.document.documentElement.scrollLeft : v.scrollY || v.document.documentElement.scrollTop : u ? h.scrollLeft : h.scrollTop, c = s ? u ? s.scrollWidth : s.scrollHeight : p ? u ? v.document.documentElement.scrollWidth : v.document.documentElement.scrollHeight : u ? h.scrollWidth : h.scrollHeight, g = s ? u ? s.offsetWidth : s.offsetHeight : p ? u ? v.innerWidth : v.innerHeight : u ? h.offsetWidth : h.offsetHeight;
+      let S;
+      p && (S = h.ownerDocument.defaultView);
+      const y = s ? u ? s.scrollLeft : s.scrollTop : p ? u ? S.scrollX || S.document.documentElement.scrollLeft : S.scrollY || S.document.documentElement.scrollTop : u ? h.scrollLeft : h.scrollTop, c = s ? u ? s.scrollWidth : s.scrollHeight : p ? u ? S.document.documentElement.scrollWidth : S.document.documentElement.scrollHeight : u ? h.scrollWidth : h.scrollHeight, g = s ? u ? s.offsetWidth : s.offsetHeight : p ? u ? S.innerWidth : S.innerHeight : u ? h.offsetWidth : h.offsetHeight;
       r({
         scrollHeight: c,
         scrollTop: Math.max(y, 0),
@@ -957,8 +957,8 @@ function ti(e, t, n) {
       const l = a.getBoundingClientRect(), d = l.width;
       let b, h;
       if (t) {
-        const p = t.getBoundingClientRect(), v = l.top - p.top;
-        h = p.height - Math.max(0, v), b = v + t.scrollTop;
+        const p = t.getBoundingClientRect(), S = l.top - p.top;
+        h = p.height - Math.max(0, S), b = S + t.scrollTop;
       } else {
         const p = s.current.ownerDocument.defaultView;
         h = p.innerHeight - Math.max(0, l.top), b = l.top + p.scrollY;
@@ -994,7 +994,7 @@ function ti(e, t, n) {
 }
 const Ke = we(
   () => {
-    const e = xe(), t = xe(), n = F(0), r = xe(), o = F(0), i = xe(), s = xe(), u = F(0), a = F(0), l = F(0), d = F(0), b = xe(), h = xe(), p = F(!1), v = F(!1), y = F(!1);
+    const e = xe(), t = xe(), n = F(0), r = xe(), o = F(0), i = xe(), s = xe(), u = F(0), a = F(0), l = F(0), d = F(0), b = xe(), h = xe(), p = F(!1), S = F(!1), y = F(!1);
     return re(
       P(
         e,
@@ -1013,7 +1013,7 @@ const Ke = we(
       fixedHeaderHeight: a,
       footerHeight: d,
       headerHeight: u,
-      horizontalDirection: v,
+      horizontalDirection: S,
       scrollBy: h,
       // input
       scrollContainerState: e,
@@ -1279,7 +1279,7 @@ function zs(e, [t, n, r, o]) {
   let s = i, u = 0;
   if (n.length > 0 && Te(i) && t.length === 2) {
     const h = t[0].size, p = t[1].size;
-    s = n.reduce((v, y) => et(et(v, y, h), y + 1, p), s);
+    s = n.reduce((S, y) => et(et(S, y, h), y + 1, p), s);
   } else
     [s, u] = Rs(s, t);
   if (s === i)
@@ -1342,14 +1342,14 @@ const Ps = {
   offsetWidth: "width"
 }, gt = we(
   ([{ log: e }, { recalcInProgress: t }]) => {
-    const n = xe(), r = xe(), o = Ue(r, 0), i = xe(), s = xe(), u = F(0), a = F([]), l = F(void 0), d = F(void 0), b = F(void 0), h = F(void 0), p = F((m, S) => xt(m, Ps[S])), v = F(void 0), y = F(0), c = ks(), g = Ue(
+    const n = xe(), r = xe(), o = Ue(r, 0), i = xe(), s = xe(), u = F(0), a = F([]), l = F(void 0), d = F(void 0), b = F(void 0), h = F(void 0), p = F((m, v) => xt(m, Ps[v])), S = F(void 0), y = F(0), c = ks(), g = Ue(
       P(n, ve(a, e, y), pt(zs, c), Me()),
       c
     ), f = Ue(
       P(
         a,
         Me(),
-        pt((m, S) => ({ current: S, prev: m.current }), {
+        pt((m, v) => ({ current: v, prev: m.current }), {
           current: [],
           prev: []
         }),
@@ -1362,10 +1362,10 @@ const Ps = {
         a,
         ae((m) => m.length > 0),
         ve(g, y),
-        X(([m, S, R]) => {
-          const I = m.reduce((k, z, A) => et(k, z, Yt(z, S.offsetTree, R) || A), Gt());
+        X(([m, v, k]) => {
+          const I = m.reduce((_, z, A) => et(_, z, Yt(z, v.offsetTree, k) || A), Gt());
           return {
-            ...S,
+            ...v,
             groupIndices: m,
             groupOffsetTree: I
           };
@@ -1376,11 +1376,11 @@ const Ps = {
       P(
         r,
         ve(g),
-        ae(([m, { lastIndex: S }]) => m < S),
-        X(([m, { lastIndex: S, lastSize: R }]) => [
+        ae(([m, { lastIndex: v }]) => m < v),
+        X(([m, { lastIndex: v, lastSize: k }]) => [
           {
-            endIndex: S,
-            size: R,
+            endIndex: v,
+            size: k,
             startIndex: m
           }
         ])
@@ -1399,9 +1399,9 @@ const Ps = {
         d,
         ae((m) => m !== void 0 && Te(Be(g).sizeTree)),
         X((m) => {
-          const S = Be(b), R = Be(a).length > 0;
-          return S ? R ? [
-            { endIndex: 0, size: S, startIndex: 0 },
+          const v = Be(b), k = Be(a).length > 0;
+          return v ? k ? [
+            { endIndex: 0, size: v, startIndex: 0 },
             { endIndex: 1, size: m, startIndex: 1 }
           ] : [] : [{ endIndex: 0, size: m, startIndex: 0 }];
         })
@@ -1412,21 +1412,21 @@ const Ps = {
         h,
         ae((m) => m !== void 0 && m.length > 0 && Te(Be(g).sizeTree)),
         X((m) => {
-          const S = [];
-          let R = m[0], I = 0;
-          for (let k = 1; k < m.length; k++) {
-            const z = m[k];
-            z !== R && (S.push({
-              endIndex: k - 1,
-              size: R,
+          const v = [];
+          let k = m[0], I = 0;
+          for (let _ = 1; _ < m.length; _++) {
+            const z = m[_];
+            z !== k && (v.push({
+              endIndex: _ - 1,
+              size: k,
               startIndex: I
-            }), R = z, I = k);
+            }), k = z, I = _);
           }
-          return S.push({
+          return v.push({
             endIndex: m.length - 1,
-            size: R,
+            size: k,
             startIndex: I
-          }), S;
+          }), v;
         })
       ),
       n
@@ -1434,19 +1434,19 @@ const Ps = {
       P(
         a,
         ve(b, d),
-        ae(([, m, S]) => m !== void 0 && S !== void 0),
-        X(([m, S, R]) => {
+        ae(([, m, v]) => m !== void 0 && v !== void 0),
+        X(([m, v, k]) => {
           const I = [];
-          for (let k = 0; k < m.length; k++) {
-            const z = m[k], A = m[k + 1];
+          for (let _ = 0; _ < m.length; _++) {
+            const z = m[_], A = m[_ + 1];
             I.push({
               startIndex: z,
               endIndex: z,
-              size: S
+              size: v
             }), A !== void 0 && I.push({
               startIndex: z + 1,
               endIndex: A - 1,
-              size: R
+              size: k
             });
           }
           return I;
@@ -1459,9 +1459,9 @@ const Ps = {
         n,
         ve(g),
         pt(
-          ({ sizes: m }, [S, R]) => ({
-            changed: R !== m,
-            sizes: R
+          ({ sizes: m }, [v, k]) => ({
+            changed: k !== m,
+            sizes: k
           }),
           { changed: !1, sizes: c }
         ),
@@ -1472,22 +1472,22 @@ const Ps = {
       P(
         u,
         pt(
-          (m, S) => ({ diff: m.prev - S, prev: S }),
+          (m, v) => ({ diff: m.prev - v, prev: v }),
           { diff: 0, prev: 0 }
         ),
         X((m) => m.diff)
       ),
       (m) => {
-        const { groupIndices: S } = Be(g);
+        const { groupIndices: v } = Be(g);
         if (m > 0)
-          me(t, !0), me(i, m + Xr(m, S));
+          me(t, !0), me(i, m + Xr(m, v));
         else if (m < 0) {
-          const R = Be(f);
-          R.length > 0 && (m -= Xr(-m, R)), me(s, m);
+          const k = Be(f);
+          k.length > 0 && (m -= Xr(-m, k)), me(s, m);
         }
       }
-    ), Ce(P(u, ve(e)), ([m, S]) => {
-      m < 0 && S(
+    ), Ce(P(u, ve(e)), ([m, v]) => {
+      m < 0 && v(
         "`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
@@ -1498,37 +1498,37 @@ const Ps = {
       P(
         i,
         ve(g),
-        X(([m, S]) => {
-          const R = S.groupIndices.length > 0, I = [], k = S.lastSize;
-          if (R) {
-            const z = Xt(S.sizeTree, 0);
+        X(([m, v]) => {
+          const k = v.groupIndices.length > 0, I = [], _ = v.lastSize;
+          if (k) {
+            const z = Xt(v.sizeTree, 0);
             let A = 0, M = 0;
             for (; A < m; ) {
-              const G = S.groupIndices[M], _ = S.groupIndices.length === M + 1 ? 1 / 0 : S.groupIndices[M + 1] - G - 1;
+              const G = v.groupIndices[M], R = v.groupIndices.length === M + 1 ? 1 / 0 : v.groupIndices[M + 1] - G - 1;
               I.push({
                 endIndex: G,
                 size: z,
                 startIndex: G
               }), I.push({
-                endIndex: G + 1 + _ - 1,
-                size: k,
+                endIndex: G + 1 + R - 1,
+                size: _,
                 startIndex: G + 1
-              }), M++, A += _ + 1;
+              }), M++, A += R + 1;
             }
-            const B = Mt(S.sizeTree);
+            const B = Mt(v.sizeTree);
             return A !== m && B.shift(), B.reduce(
-              (G, { k: _, v: N }) => {
+              (G, { k: R, v: H }) => {
                 let Z = G.ranges;
                 return G.prevSize !== 0 && (Z = [
                   ...G.ranges,
                   {
-                    endIndex: _ + m - 1,
+                    endIndex: R + m - 1,
                     size: G.prevSize,
                     startIndex: G.prevIndex
                   }
                 ]), {
-                  prevIndex: _ + m,
-                  prevSize: N,
+                  prevIndex: R + m,
+                  prevSize: H,
                   ranges: Z
                 };
               },
@@ -1539,7 +1539,7 @@ const Ps = {
               }
             ).ranges;
           }
-          return Mt(S.sizeTree).reduce(
+          return Mt(v.sizeTree).reduce(
             (z, { k: A, v: M }) => ({
               prevIndex: A + m,
               prevSize: M,
@@ -1547,7 +1547,7 @@ const Ps = {
             }),
             {
               prevIndex: 0,
-              prevSize: k,
+              prevSize: _,
               ranges: []
             }
           ).ranges;
@@ -1559,9 +1559,9 @@ const Ps = {
       P(
         s,
         ve(g, y),
-        X(([m, { offsetTree: S }, R]) => {
+        X(([m, { offsetTree: v }, k]) => {
           const I = -m;
-          return Yt(I, S, R);
+          return Yt(I, v, k);
         })
       )
     );
@@ -1569,35 +1569,35 @@ const Ps = {
       P(
         s,
         ve(g, y),
-        X(([m, S, R]) => {
-          if (S.groupIndices.length > 0) {
-            if (Te(S.sizeTree))
-              return S;
+        X(([m, v, k]) => {
+          if (v.groupIndices.length > 0) {
+            if (Te(v.sizeTree))
+              return v;
             let I = Gt();
-            const k = Be(f);
+            const _ = Be(f);
             let z = 0, A = 0, M = 0;
             for (; z < -m; ) {
-              M = k[A];
-              const B = k[A + 1] - M - 1;
+              M = _[A];
+              const B = _[A + 1] - M - 1;
               A++, z += B + 1;
             }
-            if (I = Mt(S.sizeTree).reduce((B, { k: G, v: _ }) => et(B, Math.max(0, G + m), _), I), z !== -m) {
-              const B = Xt(S.sizeTree, M);
+            if (I = Mt(v.sizeTree).reduce((B, { k: G, v: R }) => et(B, Math.max(0, G + m), R), I), z !== -m) {
+              const B = Xt(v.sizeTree, M);
               I = et(I, 0, B);
-              const G = at(S.sizeTree, -m + 1)[1];
+              const G = at(v.sizeTree, -m + 1)[1];
               I = et(I, 1, G);
             }
             return {
-              ...S,
+              ...v,
               sizeTree: I,
-              ...hr(S.offsetTree, 0, I, R)
+              ...hr(v.offsetTree, 0, I, k)
             };
           } else {
-            const I = Mt(S.sizeTree).reduce((k, { k: z, v: A }) => et(k, Math.max(0, z + m), A), Gt());
+            const I = Mt(v.sizeTree).reduce((_, { k: z, v: A }) => et(_, Math.max(0, z + m), A), Gt());
             return {
-              ...S,
+              ...v,
               sizeTree: I,
-              ...hr(S.offsetTree, 0, I, R)
+              ...hr(v.offsetTree, 0, I, k)
             };
           }
         })
@@ -1606,7 +1606,7 @@ const Ps = {
     ), {
       beforeUnshiftWith: T,
       // input
-      data: v,
+      data: S,
       defaultItemSize: d,
       firstItemIndex: u,
       fixedItemSize: l,
@@ -1701,7 +1701,7 @@ const on = we(
     },
     { log: h }
   ]) => {
-    const p = xe(), v = xe(), y = F(0);
+    const p = xe(), S = xe(), y = F(0);
     let c = null, g = null, f = null;
     function x() {
       c && (c(), c = null), f && (f(), f = null), g && (clearTimeout(g), g = null), me(a, !1);
@@ -1713,18 +1713,18 @@ const on = we(
         ve(e, i, o),
         X(
           ([
-            [C, T, E, m, S, R, I, k],
+            [C, T, E, m, v, k, I, _],
             z,
             A,
             M
           ]) => {
-            const B = fi(C), { align: G, behavior: _, offset: N } = B, Z = m - 1, pe = ui(B, T, Z);
-            let ce = Yt(pe, T.offsetTree, z) + R;
-            G === "end" ? (ce += A + at(T.sizeTree, pe)[1] - E + M, pe === Z && (ce += I)) : G === "center" ? ce += (A + at(T.sizeTree, pe)[1] - E + M) / 2 : ce -= S, N && (ce += N);
+            const B = fi(C), { align: G, behavior: R, offset: H } = B, Z = m - 1, pe = ui(B, T, Z);
+            let ce = Yt(pe, T.offsetTree, z) + k;
+            G === "end" ? (ce += A + at(T.sizeTree, pe)[1] - E + M, pe === Z && (ce += I)) : G === "center" ? ce += (A + at(T.sizeTree, pe)[1] - E + M) / 2 : ce -= v, H && (ce += H);
             const de = (ye) => {
-              x(), ye ? (k("retrying to scroll to", { location: C }, Qe.DEBUG), me(p, C)) : (me(v, !0), k("list did not change, scroll successful", {}, Qe.DEBUG));
+              x(), ye ? (_("retrying to scroll to", { location: C }, Qe.DEBUG), me(p, C)) : (me(S, !0), _("list did not change, scroll successful", {}, Qe.DEBUG));
             };
-            if (x(), _ === "smooth") {
+            if (x(), R === "smooth") {
               let ye = !1;
               f = Ce(t, (ze) => {
                 ye = ye || ze;
@@ -1735,13 +1735,13 @@ const on = we(
               c = lt(P(t, Hs(150)), de);
             return g = setTimeout(() => {
               x();
-            }, 1200), me(a, !0), k("scrolling from index to", { behavior: _, index: pe, top: ce }, Qe.DEBUG), { behavior: _, top: ce };
+            }, 1200), me(a, !0), _("scrolling from index to", { behavior: R, index: pe, top: ce }, Qe.DEBUG), { behavior: R, top: ce };
           }
         )
       ),
       l
     ), {
-      scrollTargetReached: v,
+      scrollTargetReached: S,
       scrollToIndex: p,
       topListHeight: y
     };
@@ -1791,7 +1791,7 @@ const sn = we(
       P(
         Fe(t, s),
         ve(u, n, e, l),
-        ae(([[, d], b, { sizeTree: h }, p, v]) => d && (!Te(h) || yr(p)) && !b && !v),
+        ae(([[, d], b, { sizeTree: h }, p, S]) => d && (!Te(h) || yr(p)) && !b && !S),
         ve(a)
       ),
       ([, d]) => {
@@ -1843,16 +1843,16 @@ const Zt = "up", jt = "down", Ns = "none", Fs = {
     ),
     u
   ), re(P(u, mt(50)), l);
-  const v = tt(
+  const S = tt(
     P(
       Fe(r, le(i), le(t), le(e), le(d)),
-      pt((f, [{ scrollHeight: x, scrollTop: C }, T, E, m, S]) => {
-        const R = C + T - x > -S, I = {
+      pt((f, [{ scrollHeight: x, scrollTop: C }, T, E, m, v]) => {
+        const k = C + T - x > -v, I = {
           scrollHeight: x,
           scrollTop: C,
           viewportHeight: T
         };
-        if (R) {
+        if (k) {
           let z, A;
           return C > f.state.scrollTop ? (z = "SCROLLED_DOWN", A = f.state.scrollTop - C) : (z = "SIZE_DECREASED", A = f.state.scrollTop - C || f.scrollTopDelta), {
             atBottom: !0,
@@ -1861,10 +1861,10 @@ const Zt = "up", jt = "down", Ns = "none", Fs = {
             state: I
           };
         }
-        let k;
-        return I.scrollHeight > f.state.scrollHeight ? k = "SIZE_INCREASED" : T < f.state.viewportHeight ? k = "VIEWPORT_HEIGHT_DECREASING" : C < f.state.scrollTop ? k = "SCROLLING_UPWARDS" : k = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM", {
+        let _;
+        return I.scrollHeight > f.state.scrollHeight ? _ = "SIZE_INCREASED" : T < f.state.viewportHeight ? _ = "VIEWPORT_HEIGHT_DECREASING" : C < f.state.scrollTop ? _ = "SCROLLING_UPWARDS" : _ = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM", {
           atBottom: !1,
-          notAtBottomBecause: k,
+          notAtBottomBecause: _,
           state: I
         };
       }, Fs),
@@ -1906,7 +1906,7 @@ const Zt = "up", jt = "down", Ns = "none", Fs = {
   );
   re(
     P(
-      v,
+      S,
       X((f) => f.atBottom)
     ),
     s
@@ -1944,7 +1944,7 @@ const Zt = "up", jt = "down", Ns = "none", Fs = {
     ),
     g
   ), {
-    atBottomState: v,
+    atBottomState: S,
     atBottomStateChange: a,
     atBottomThreshold: d,
     atTopStateChange: l,
@@ -1984,7 +1984,7 @@ const Rr = we(
             d,
             b,
             h,
-            [p, v],
+            [p, S],
             y,
             c,
             g,
@@ -1993,10 +1993,10 @@ const Rr = we(
           ]) => {
             const C = d - f, T = c + g, E = Math.max(h - C, 0);
             let m = Qr;
-            const S = Zr(x, Jt), R = Zr(x, en);
-            return p -= f, p += h + g, v += h + g, v -= f, p > d + T - S && (m = Zt), v < d - E + b + R && (m = jt), m !== Qr ? [
-              Math.max(C - h - Yr(y, Jt, m) - S, 0),
-              C - E - g + b + Yr(y, en, m) + R
+            const v = Zr(x, Jt), k = Zr(x, en);
+            return p -= f, p += h + g, S += h + g, S -= f, p > d + T - v && (m = Zt), S < d - E + b + k && (m = jt), m !== Qr ? [
+              Math.max(C - h - Yr(y, Jt, m) - v, 0),
+              C - E - g + b + Yr(y, en, m) + k
             ] : null;
           }
         ),
@@ -2047,12 +2047,12 @@ function bn(e, t, n, r, o, i) {
     const y = e[e.length - 1];
     d = y.offset + y.size;
   }
-  const b = n - s, h = u + b * a + (b - 1) * r, p = l, v = h - d;
+  const b = n - s, h = u + b * a + (b - 1) * r, p = l, S = h - d;
   return {
     bottom: d,
     firstItemIndex: i,
     items: Jr(e, o, i),
-    offsetBottom: v,
+    offsetBottom: S,
     offsetTop: l,
     top: p,
     topItems: Jr(t, o, i),
@@ -2115,7 +2115,7 @@ const Ot = we(
     { topListHeight: b },
     h,
     { didMount: p },
-    { recalcInProgress: v }
+    { recalcInProgress: S }
   ]) => {
     const y = F([]), c = F(0), g = xe(), f = F(0);
     re(i.topItemsIndexes, y);
@@ -2123,7 +2123,7 @@ const Ot = we(
       P(
         Fe(
           p,
-          v,
+          S,
           le(a, Qt),
           le(o),
           le(r),
@@ -2135,36 +2135,36 @@ const Ot = we(
           le(f),
           e
         ),
-        ae(([m, S, , R, , , , , , , , I]) => {
-          const k = I && I.length !== R;
-          return m && !S && !k;
+        ae(([m, v, , k, , , , , , , , I]) => {
+          const _ = I && I.length !== k;
+          return m && !v && !_;
         }),
         X(
           ([
             ,
             ,
-            [m, S],
-            R,
-            I,
+            [m, v],
             k,
+            I,
+            _,
             z,
             A,
             M,
             B,
             G,
-            _
+            R
           ]) => {
-            var N, Z, pe, ce;
+            var H, Z, pe, ce;
             const de = I, { offsetTree: ye, sizeTree: ze } = de, W = Be(c);
-            if (R === 0)
-              return { ...Wn, totalCount: R };
-            if (m === 0 && S === 0)
-              return W === 0 ? { ...Wn, totalCount: R } : gi(W, k, I, M, B, _ || []);
+            if (k === 0)
+              return { ...Wn, totalCount: k };
+            if (m === 0 && v === 0)
+              return W === 0 ? { ...Wn, totalCount: k } : gi(W, _, I, M, B, R || []);
             if (Te(ze))
               return W > 0 ? null : bn(
-                Ws(kr(k, R), de, _),
+                Ws(kr(_, k), de, R),
                 [],
-                R,
+                k,
                 B,
                 de,
                 M
@@ -2176,15 +2176,15 @@ const Ot = we(
               for (const ee of Lt(ze, V, J)) {
                 const ue = ee.value, se = Math.max(ee.start, V), Ie = Math.min(ee.end, J);
                 for (let be = se; be <= Ie; be++)
-                  D.push({ data: _ == null ? void 0 : _[be], index: be, offset: ne, size: ue }), ne += ue;
+                  D.push({ data: R == null ? void 0 : R[be], index: be, offset: ne, size: ue }), ne += ue;
               }
             }
             if (!z)
-              return bn([], D, R, B, de, M);
-            const U = A.length > 0 ? A[A.length - 1] + 1 : 0, O = Es(ye, m, S, U);
+              return bn([], D, k, B, de, M);
+            const U = A.length > 0 ? A[A.length - 1] + 1 : 0, O = Es(ye, m, v, U);
             if (O.length === 0)
               return null;
-            const H = R - 1, Q = _n([], (V) => {
+            const N = k - 1, Q = _n([], (V) => {
               for (const J of O) {
                 const ne = J.value;
                 let ee = ne.offset, ue = J.start;
@@ -2195,9 +2195,9 @@ const Ot = we(
                   ee += be * se + be * B;
                 }
                 ue < U && (ee += (U - ue) * se, ue = U);
-                const Ie = Math.min(J.end, H);
-                for (let be = ue; be <= Ie && !(ee >= S); be++)
-                  V.push({ data: _ == null ? void 0 : _[be], index: be, offset: ee, size: se }), ee += se + B;
+                const Ie = Math.min(J.end, N);
+                for (let be = ue; be <= Ie && !(ee >= v); be++)
+                  V.push({ data: R == null ? void 0 : R[be], index: be, offset: ee, size: se }), ee += se + B;
               }
             }), L = eo(G, Jt), ie = eo(G, en);
             if (Q.length > 0 && (L > 0 || ie > 0)) {
@@ -2206,21 +2206,21 @@ const Ot = we(
                 const ne = Math.min(L, V.index - U), ee = [];
                 let ue = V.offset;
                 for (let se = V.index - 1; se >= V.index - ne; se--) {
-                  const Ie = (Z = (N = Lt(ze, se, se)[0]) == null ? void 0 : N.value) != null ? Z : V.size;
-                  ue -= Ie + B, ee.unshift({ data: _ == null ? void 0 : _[se], index: se, offset: ue, size: Ie });
+                  const Ie = (Z = (H = Lt(ze, se, se)[0]) == null ? void 0 : H.value) != null ? Z : V.size;
+                  ue -= Ie + B, ee.unshift({ data: R == null ? void 0 : R[se], index: se, offset: ue, size: Ie });
                 }
                 Q.unshift(...ee);
               }
-              if (ie > 0 && J.index < H) {
-                const ne = Math.min(ie, H - J.index);
+              if (ie > 0 && J.index < N) {
+                const ne = Math.min(ie, N - J.index);
                 let ee = J.offset + J.size + B;
                 for (let ue = J.index + 1; ue <= J.index + ne; ue++) {
                   const se = (ce = (pe = Lt(ze, ue, ue)[0]) == null ? void 0 : pe.value) != null ? ce : J.size;
-                  Q.push({ data: _ == null ? void 0 : _[ue], index: ue, offset: ee, size: se }), ee += se + B;
+                  Q.push({ data: R == null ? void 0 : R[ue], index: ue, offset: ee, size: se }), ee += se + B;
                 }
               }
             }
-            return bn(Q, D, R, B, de, M);
+            return bn(Q, D, k, B, de, M);
           }
         ),
         //@ts-expect-error filter needs to be fixed
@@ -2260,8 +2260,8 @@ const Ot = we(
         x,
         ae(({ items: m }) => m.length > 0),
         ve(o, e),
-        ae(([{ items: m }, S]) => m[m.length - 1].originalIndex === S - 1),
-        X(([, m, S]) => [m - 1, S]),
+        ae(([{ items: m }, v]) => m[m.length - 1].originalIndex === v - 1),
+        X(([, m, v]) => [m - 1, v]),
         Me(Qt),
         X(([m]) => m)
       )
@@ -2269,7 +2269,7 @@ const Ot = we(
       P(
         x,
         mt(200),
-        ae(({ items: m, topItems: S }) => m.length > 0 && m[0].originalIndex === S.length),
+        ae(({ items: m, topItems: v }) => m.length > 0 && m[0].originalIndex === v.length),
         X(({ items: m }) => m[0].index),
         Me()
       )
@@ -2278,14 +2278,14 @@ const Ot = we(
         x,
         ae(({ items: m }) => m.length > 0),
         X(({ items: m }) => {
-          let S = 0, R = m.length - 1;
-          for (; m[S].type === "group" && S < R; )
-            S++;
-          for (; m[R].type === "group" && R > S; )
-            R--;
+          let v = 0, k = m.length - 1;
+          for (; m[v].type === "group" && v < k; )
+            v++;
+          for (; m[k].type === "group" && k > v; )
+            k--;
           return {
-            endIndex: m[R].index,
-            startIndex: m[S].index
+            endIndex: m[k].index,
+            startIndex: m[v].index
           };
         }),
         Me(li)
@@ -2363,11 +2363,11 @@ const Ot = we(
         d,
         ve(t, a, n, i, o, r, u),
         ve(e),
-        X(([[b, h, p, v, y, c, g, f], x]) => {
-          const { align: C, behavior: T, calculateViewLocation: E = $s, done: m, ...S } = b, R = ui(b, h, v - 1), I = Yt(R, h.offsetTree, x) + y + c, k = I + at(h.sizeTree, R)[1], z = f + c, A = f + p - g, M = E({
-            itemBottom: k,
+        X(([[b, h, p, S, y, c, g, f], x]) => {
+          const { align: C, behavior: T, calculateViewLocation: E = $s, done: m, ...v } = b, k = ui(b, h, S - 1), I = Yt(k, h.offsetTree, x) + y + c, _ = I + at(h.sizeTree, k)[1], z = f + c, A = f + p - g, M = E({
+            itemBottom: _,
             itemTop: I,
-            locationParams: { align: C, behavior: T, ...S },
+            locationParams: { align: C, behavior: T, ...v },
             viewportBottom: A,
             viewportTop: z
           });
@@ -2407,7 +2407,7 @@ const qs = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), js = we(
     { context: h },
     { scrollIntoView: p }
   ]) => {
-    const v = F(!1), y = xe();
+    const S = F(!1), y = xe();
     let c = null;
     function g(T) {
       me(s, {
@@ -2419,10 +2419,10 @@ const qs = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), js = we(
     Ce(
       P(
         Fe(P(le(t), Et(1)), a),
-        ve(le(v), i, u, b),
-        X(([[T, E], m, S, R, I]) => {
-          let k = E && R, z = "auto";
-          return k && (z = qs(m, S || I), k = k && !!z), { followOutputBehavior: z, shouldFollow: k, totalCount: T };
+        ve(le(S), i, u, b),
+        X(([[T, E], m, v, k, I]) => {
+          let _ = E && k, z = "auto";
+          return _ && (z = qs(m, v || I), _ = _ && !!z), { followOutputBehavior: z, shouldFollow: _, totalCount: T };
         }),
         ae(({ shouldFollow: T }) => T)
       ),
@@ -2442,21 +2442,21 @@ const qs = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), js = we(
     }
     Ce(
       P(
-        Fe(le(v), t, l),
+        Fe(le(S), t, l),
         ae(([T, , E]) => T && E),
         pt(
           ({ value: T }, [, E]) => ({ refreshed: T === E, value: E }),
           { refreshed: !1, value: 0 }
         ),
         ae(({ refreshed: T }) => T),
-        ve(v, t)
+        ve(S, t)
       ),
       ([, T]) => {
         Be(u) && f(T !== !1);
       }
     ), Ce(y, () => {
-      f(Be(v) !== !1);
-    }), Ce(Fe(le(v), o), ([T, E]) => {
+      f(Be(S) !== !1);
+    }), Ce(Fe(le(S), o), ([T, E]) => {
       T && !E.atBottom && E.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && g("auto");
     });
     const x = F(null), C = xe();
@@ -2476,7 +2476,7 @@ const qs = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), js = we(
       P(
         Fe(P(C, Et(1)), a),
         ve(le(x), u, b, h),
-        X(([[T, E], m, S, R, I]) => E && S && (m == null ? void 0 : m({ context: I, totalCount: T, scrollingInProgress: R }))),
+        X(([[T, E], m, v, k, I]) => E && v && (m == null ? void 0 : m({ context: I, totalCount: T, scrollingInProgress: k }))),
         ae((T) => !!T),
         mt(0)
       ),
@@ -2487,7 +2487,7 @@ const qs = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), js = we(
           Be(d)("scrolling into view", {}), me(p, T), c = null;
         });
       }
-    ), { autoscrollToBottom: y, followOutput: v, scrollIntoViewOnChange: x };
+    ), { autoscrollToBottom: y, followOutput: S, scrollIntoViewOnChange: x };
   },
   Ee(
     gt,
@@ -2618,8 +2618,8 @@ const qs = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), js = we(
         l,
         ve(t, r, s, b, h, n)
       ),
-      ([p, v, y, c, g, f, x]) => {
-        const C = Os(v.sizeTree);
+      ([p, S, y, c, g, f, x]) => {
+        const C = Os(S.sizeTree);
         c && g !== null && f !== null && (y = g.scrollTop - f.offsetTop), y -= x, p({ ranges: C, scrollTop: y });
       }
     ), re(P(d, ae(yr), X(Qs)), o), re(
@@ -2663,22 +2663,22 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     { listState: a },
     { beforeUnshiftWith: l, gap: d, shiftWithOffset: b, sizes: h },
     { log: p },
-    { recalcInProgress: v }
+    { recalcInProgress: S }
   ]) => {
     const y = tt(
       P(
         a,
         ve(s),
         pt(
-          ([, g, f, x], [{ bottom: C, items: T, offsetBottom: E, totalCount: m }, S]) => {
-            const R = C + E;
+          ([, g, f, x], [{ bottom: C, items: T, offsetBottom: E, totalCount: m }, v]) => {
+            const k = C + E;
             let I = 0;
-            return f === m && g.length > 0 && T.length > 0 && (T[0].originalIndex === 0 && g[0].originalIndex === 0 || (I = R - x, I !== 0 && (I += S))), [I, T, m, R];
+            return f === m && g.length > 0 && T.length > 0 && (T[0].originalIndex === 0 && g[0].originalIndex === 0 || (I = k - x, I !== 0 && (I += v))), [I, T, m, k];
           },
           [0, [], 0, 0]
         ),
         ae(([g]) => g !== 0),
-        ve(r, u, n, o, p, v),
+        ve(r, u, n, o, p, S),
         ae(([, g, f, x, , , C]) => !C && !x && g !== 0 && f === Zt),
         X(([[g], , , , , f]) => (f("Upward scrolling compensation", { amount: g }, Qe.DEBUG), g))
       )
@@ -2690,7 +2690,7 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       x && Zs() ? me(e, f - g) : c(-g);
     }), Ce(
       P(
-        Fe(Ue(i, !1), e, v),
+        Fe(Ue(i, !1), e, S),
         ae(([g, f, x]) => !g && !x && f !== 0),
         X(([g, f]) => f),
         mt(1)
@@ -2714,12 +2714,12 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
             return E(g);
           {
             let m = 0;
-            const S = Xt(C, 0);
-            let R = 0, I = 0;
-            for (; R < g; ) {
-              R++, m += S;
-              let k = f.length === I + 1 ? 1 / 0 : f[I + 1] - f[I] - 1;
-              R + k > g && (m -= S, k = g - R + 1), R += k, m += E(k), I++;
+            const v = Xt(C, 0);
+            let k = 0, I = 0;
+            for (; k < g; ) {
+              k++, m += v;
+              let _ = f.length === I + 1 ? 1 / 0 : f[I + 1] - f[I] - 1;
+              k + _ > g && (m -= v, _ = g - k + 1), k += _, m += E(_), I++;
             }
             return m;
           }
@@ -2728,7 +2728,7 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       (g) => {
         me(e, g), requestAnimationFrame(() => {
           me(t, { top: g }), requestAnimationFrame(() => {
-            me(e, 0), me(v, !1);
+            me(e, 0), me(S, !1);
           });
         });
       }
@@ -2792,7 +2792,7 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       totalCount: h,
       trackItemSizes: p
     },
-    { initialItemFinalLocationReached: v, initialTopMostItemIndex: y, scrolledToInitialItem: c },
+    { initialItemFinalLocationReached: S, initialTopMostItemIndex: y, scrolledToInitialItem: c },
     g,
     f,
     x,
@@ -2800,13 +2800,13 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     { scrollToIndex: T },
     E,
     { topItemCount: m },
-    { groupCounts: S },
-    R
+    { groupCounts: v },
+    k
   ]) => {
-    const { listState: I, minOverscanItemCount: k, topItemsIndexes: z, rangeChanged: A, ...M } = C;
-    return re(A, R.scrollSeekRangeChanged), re(
+    const { listState: I, minOverscanItemCount: _, topItemsIndexes: z, rangeChanged: A, ...M } = C;
+    return re(A, k.scrollSeekRangeChanged), re(
       P(
-        R.windowViewportRect,
+        k.windowViewportRect,
         X((B) => B.visibleHeight)
       ),
       g.viewportHeight
@@ -2817,9 +2817,9 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       fixedItemHeight: r,
       fixedGroupHeight: o,
       gap: i,
-      groupCounts: S,
+      groupCounts: v,
       heightEstimates: u,
-      initialItemFinalLocationReached: v,
+      initialItemFinalLocationReached: S,
       initialTopMostItemIndex: y,
       scrolledToInitialItem: c,
       sizeRanges: l,
@@ -2831,7 +2831,7 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       groupIndices: s,
       itemSize: a,
       listState: I,
-      minOverscanItemCount: k,
+      minOverscanItemCount: _,
       scrollToIndex: T,
       // output
       statefulTotalCount: b,
@@ -2840,7 +2840,7 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       rangeChanged: A,
       ...M,
       // the bag of IO from featureGroup1System
-      ...R,
+      ...k,
       ...g,
       sizes: d,
       ...f
@@ -2928,7 +2928,7 @@ function xi(e, t, n) {
       () => Be(g),
       () => Be(g)
     );
-  }, v = (c) => {
+  }, S = (c) => {
     const g = $.useContext(u)[c], [f, x] = $.useState(qr(Be, g));
     return dn(
       () => Ce(g, (C) => {
@@ -2936,7 +2936,7 @@ function xi(e, t, n) {
       }),
       [g, f]
     ), f;
-  }, y = $.version.startsWith("18") ? p : v;
+  }, y = $.version.startsWith("18") ? p : S;
   return {
     Component: b,
     useEmitter: (c, g) => {
@@ -2957,21 +2957,21 @@ function nl(e) {
 function Ti(e, t, n, r = Wt, o, i) {
   const s = $.useRef(null), u = $.useRef(null), a = $.useRef(null), l = $.useCallback(
     (h) => {
-      let p, v, y;
+      let p, S, y;
       const c = h.target;
       if (nl(c) || Vn(c)) {
         const f = Vn(c) ? c : c.defaultView;
-        y = i ? f.scrollX : f.scrollY, p = i ? f.document.documentElement.scrollWidth : f.document.documentElement.scrollHeight, v = i ? f.innerWidth : f.innerHeight;
+        y = i ? f.scrollX : f.scrollY, p = i ? f.document.documentElement.scrollWidth : f.document.documentElement.scrollHeight, S = i ? f.innerWidth : f.innerHeight;
       } else
-        y = i ? c.scrollLeft : c.scrollTop, p = i ? c.scrollWidth : c.scrollHeight, v = i ? c.offsetWidth : c.offsetHeight;
+        y = i ? c.scrollLeft : c.scrollTop, p = i ? c.scrollWidth : c.scrollHeight, S = i ? c.offsetWidth : c.offsetHeight;
       const g = () => {
         e({
           scrollHeight: p,
           scrollTop: Math.max(y, 0),
-          viewportHeight: v
+          viewportHeight: S
         });
       };
-      h.suppressFlushSync ? g() : Yi.flushSync(g), u.current !== null && (y === u.current || y <= 0 || y === p - v) && (u.current = null, t(!0), a.current && (clearTimeout(a.current), a.current = null));
+      h.suppressFlushSync ? g() : Yi.flushSync(g), u.current !== null && (y === u.current || y <= 0 || y === p - S) && (u.current = null, t(!0), a.current && (clearTimeout(a.current), a.current = null));
     },
     [e, t, i]
   );
@@ -2985,7 +2985,7 @@ function Ti(e, t, n, r = Wt, o, i) {
     const p = s.current;
     if (!p || (i ? "offsetWidth" in p && p.offsetWidth === 0 : "offsetHeight" in p && p.offsetHeight === 0))
       return;
-    const v = h.behavior === "smooth";
+    const S = h.behavior === "smooth";
     let y, c, g;
     Vn(p) ? (c = Math.max(
       xt(p.document.documentElement, i ? "width" : "height"),
@@ -2993,10 +2993,10 @@ function Ti(e, t, n, r = Wt, o, i) {
     ), y = i ? p.innerWidth : p.innerHeight, g = i ? window.scrollX : window.scrollY) : (c = p[i ? "scrollWidth" : "scrollHeight"], y = xt(p, i ? "width" : "height"), g = p[i ? "scrollLeft" : "scrollTop"]);
     const f = c - y;
     if (h.top = Math.ceil(Math.max(Math.min(f, h.top), 0)), pi(y, c) || h.top === g) {
-      e({ scrollHeight: c, scrollTop: g, viewportHeight: y }), v && t(!0);
+      e({ scrollHeight: c, scrollTop: g, viewportHeight: y }), S && t(!0);
       return;
     }
-    v ? (u.current = h.top, a.current && clearTimeout(a.current), a.current = setTimeout(() => {
+    S ? (u.current = h.top, a.current && clearTimeout(a.current), a.current = setTimeout(() => {
       a.current = null, u.current = null, t(!0);
     }, 1e3)) : u.current = null, i && (h = { behavior: h.behavior, left: h.top }), p.scrollTo(h);
   }
@@ -3044,13 +3044,13 @@ const rl = /* @__PURE__ */ we(() => {
   ([e, t]) => ({ ...e, ...t }),
   Ee(yi, rl)
 ), il = ({ height: e }) => /* @__PURE__ */ w("div", { style: { height: e } }), sl = { overflowAnchor: "none", position: Mr(), zIndex: 1 }, ki = { overflowAnchor: "none" }, ll = { ...ki, display: "inline-block", height: "100%" }, ro = /* @__PURE__ */ $.memo(function({ showTopList: e = !1 }) {
-  const t = fe("listState"), n = ot("sizeRanges"), r = fe("useWindowScroll"), o = fe("customScrollParent"), i = ot("windowScrollContainerState"), s = ot("scrollContainerState"), u = o || r ? i : s, a = fe("itemContent"), l = fe("context"), d = fe("groupContent"), b = fe("trackItemSizes"), h = fe("itemSize"), p = fe("log"), v = ot("gap"), y = fe("horizontalDirection"), { callbackRef: c } = ws(
+  const t = fe("listState"), n = ot("sizeRanges"), r = fe("useWindowScroll"), o = fe("customScrollParent"), i = ot("windowScrollContainerState"), s = ot("scrollContainerState"), u = o || r ? i : s, a = fe("itemContent"), l = fe("context"), d = fe("groupContent"), b = fe("trackItemSizes"), h = fe("itemSize"), p = fe("log"), S = ot("gap"), y = fe("horizontalDirection"), { callbackRef: c } = ws(
     n,
     h,
     b,
     e ? Wt : u,
     p,
-    v,
+    S,
     o,
     y,
     fe("skipAnimationFrameInResizeObserver")
@@ -3058,17 +3058,17 @@ const rl = /* @__PURE__ */ we(() => {
   zr("deviation", (M) => {
     g !== M && f(M);
   });
-  const x = fe("EmptyPlaceholder"), C = fe("ScrollSeekPlaceholder") || il, T = fe("ListComponent"), E = fe("ItemComponent"), m = fe("GroupComponent"), S = fe("computeItemKey"), R = fe("isSeeking"), I = fe("groupIndices").length > 0, k = fe("alignToBottom"), z = fe("initialItemFinalLocationReached"), A = e ? {} : {
+  const x = fe("EmptyPlaceholder"), C = fe("ScrollSeekPlaceholder") || il, T = fe("ListComponent"), E = fe("ItemComponent"), m = fe("GroupComponent"), v = fe("computeItemKey"), k = fe("isSeeking"), I = fe("groupIndices").length > 0, _ = fe("alignToBottom"), z = fe("initialItemFinalLocationReached"), A = e ? {} : {
     boxSizing: "border-box",
     ...y ? {
       display: "inline-block",
       height: "100%",
-      marginLeft: g !== 0 ? g : k ? "auto" : 0,
+      marginLeft: g !== 0 ? g : _ ? "auto" : 0,
       paddingLeft: t.offsetTop,
       paddingRight: t.offsetBottom,
       whiteSpace: "nowrap"
     } : {
-      marginTop: g !== 0 ? g : k ? "auto" : 0,
+      marginTop: g !== 0 ? g : _ ? "auto" : 0,
       paddingBottom: t.offsetBottom,
       paddingTop: t.offsetTop
     },
@@ -3082,8 +3082,8 @@ const rl = /* @__PURE__ */ we(() => {
       ref: c,
       style: A,
       children: (e ? t.topItems : t.items).map((M) => {
-        const B = M.originalIndex, G = S(B + t.firstItemIndex, M.data, l);
-        return R ? /* @__PURE__ */ hn(
+        const B = M.originalIndex, G = v(B + t.firstItemIndex, M.data, l);
+        return k ? /* @__PURE__ */ hn(
           C,
           {
             ...je(C, l),
@@ -3177,7 +3177,7 @@ const fl = /* @__PURE__ */ $.memo(function() {
 });
 function Ri({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   return $.memo(function({ children: r, style: o, context: i, ...s }) {
-    const u = n("scrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("scrollerRef"), b = t("horizontalDirection") || !1, { scrollByCallback: h, scrollerRef: p, scrollToCallback: v } = Ti(
+    const u = n("scrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("scrollerRef"), b = t("horizontalDirection") || !1, { scrollByCallback: h, scrollerRef: p, scrollToCallback: S } = Ti(
       u,
       l,
       a,
@@ -3185,7 +3185,7 @@ function Ri({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
       void 0,
       b
     );
-    return e("scrollTo", v), e("scrollBy", h), /* @__PURE__ */ w(
+    return e("scrollTo", S), e("scrollBy", h), /* @__PURE__ */ w(
       a,
       {
         "data-testid": "virtuoso-scroller",
@@ -3202,11 +3202,11 @@ function Ri({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
 }
 function _i({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   return $.memo(function({ children: r, style: o, context: i, ...s }) {
-    const u = n("windowScrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("totalListHeight"), b = t("deviation"), h = t("customScrollParent"), p = $.useRef(null), v = t("scrollerRef"), { scrollByCallback: y, scrollerRef: c, scrollToCallback: g } = Ti(
+    const u = n("windowScrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("totalListHeight"), b = t("deviation"), h = t("customScrollParent"), p = $.useRef(null), S = t("scrollerRef"), { scrollByCallback: y, scrollerRef: c, scrollToCallback: g } = Ti(
       u,
       l,
       a,
-      v,
+      S,
       h
     );
     return Ci(() => {
@@ -3401,67 +3401,67 @@ const kl = /* @__PURE__ */ we(
     { footerHeight: o, headerHeight: i, scrollBy: s, scrollContainerState: u, scrollTo: a, scrollTop: l, smoothScrollTargetReached: d, viewportHeight: b },
     h,
     p,
-    { didMount: v, propsReady: y },
+    { didMount: S, propsReady: y },
     { customScrollParent: c, useWindowScroll: g, windowScrollContainerState: f, windowScrollTo: x, windowViewportRect: C },
     T
   ]) => {
-    const E = F(0), m = F(0), S = F(oo), R = F({ height: 0, width: 0 }), I = F({ height: 0, width: 0 }), k = xe(), z = xe(), A = F(0), M = F(null), B = F({ column: 0, row: 0 }), G = xe(), _ = xe(), N = F(!1), Z = F(0), pe = F(!0), ce = F(!1), de = F(!1);
+    const E = F(0), m = F(0), v = F(oo), k = F({ height: 0, width: 0 }), I = F({ height: 0, width: 0 }), _ = xe(), z = xe(), A = F(0), M = F(null), B = F({ column: 0, row: 0 }), G = xe(), R = xe(), H = F(!1), Z = F(0), pe = F(!0), ce = F(!1), de = F(!1);
     Ce(
       P(
-        v,
+        S,
         ve(Z),
-        ae(([O, H]) => !!H)
+        ae(([O, N]) => !!N)
       ),
       () => {
         me(pe, !1);
       }
     ), Ce(
       P(
-        Fe(v, pe, I, R, Z, ce),
-        ae(([O, H, Q, L, , ie]) => O && !H && Q.height !== 0 && L.height !== 0 && !ie)
+        Fe(S, pe, I, k, Z, ce),
+        ae(([O, N, Q, L, , ie]) => O && !N && Q.height !== 0 && L.height !== 0 && !ie)
       ),
       ([, , , , O]) => {
         me(ce, !0), Tr(1, () => {
-          me(k, O);
+          me(_, O);
         }), lt(P(l), () => {
           me(t, [0, 0]), me(pe, !0);
         });
       }
     ), re(
       P(
-        _,
+        R,
         ae((O) => O != null && O.scrollTop > 0),
         dt(0)
       ),
       m
     ), Ce(
       P(
-        v,
-        ve(_),
+        S,
+        ve(R),
         ae(([, O]) => O != null)
       ),
       ([, O]) => {
-        O && (me(R, O.viewport), me(I, O.item), me(B, O.gap), O.scrollTop > 0 && (me(N, !0), lt(P(l, Et(1)), (H) => {
-          me(N, !1);
+        O && (me(k, O.viewport), me(I, O.item), me(B, O.gap), O.scrollTop > 0 && (me(H, !0), lt(P(l, Et(1)), (N) => {
+          me(H, !1);
         }), me(a, { top: O.scrollTop })));
       }
     ), re(
       P(
-        R,
+        k,
         X(({ height: O }) => O)
       ),
       b
     ), re(
       P(
         Fe(
-          le(R, fn),
+          le(k, fn),
           le(I, fn),
-          le(B, (O, H) => O && O.column === H.column && O.row === H.row),
+          le(B, (O, N) => O && O.column === N.column && O.row === N.row),
           le(l)
         ),
-        X(([O, H, Q, L]) => ({
+        X(([O, N, Q, L]) => ({
           gap: Q,
-          item: H,
+          item: N,
           scrollTop: L,
           viewport: O
         }))
@@ -3474,10 +3474,10 @@ const kl = /* @__PURE__ */ we(
           r,
           le(B, Tl),
           le(I, fn),
-          le(R, fn),
+          le(k, fn),
           le(M),
           le(m),
-          le(N),
+          le(H),
           le(pe),
           le(Z)
         ),
@@ -3485,7 +3485,7 @@ const kl = /* @__PURE__ */ we(
         X(
           ([
             O,
-            [H, Q],
+            [N, Q],
             L,
             ie,
             V,
@@ -3504,13 +3504,13 @@ const kl = /* @__PURE__ */ we(
             }
             const Ne = Mi(Oe, Re, se);
             let Ge, Ve;
-            ee ? H === 0 && Q === 0 && ne > 0 ? (Ge = 0, Ve = ne - 1) : (Ge = Ne * yn((H + Ie) / (be + Ie)), Ve = Ne * io((Q + Ie) / (be + Ie)) - 1, Ve = qn(O - 1, Ut(Ve, Ne - 1)), Ge = qn(Ve, Ut(0, Ge))) : (Ge = 0, Ve = -1);
+            ee ? N === 0 && Q === 0 && ne > 0 ? (Ge = 0, Ve = ne - 1) : (Ge = Ne * yn((N + Ie) / (be + Ie)), Ve = Ne * io((Q + Ie) / (be + Ie)) - 1, Ve = qn(O - 1, Ut(Ve, Ne - 1)), Ge = qn(Ve, Ut(0, Ge))) : (Ge = 0, Ve = -1);
             const ct = lo(Ge, Ve, J), { bottom: Ze, top: Le } = ao(V, L, ie, ct), st = io(O / Ne), nt = st * be + (st - 1) * Ie - Ze;
             return { bottom: Ze, itemHeight: be, items: ct, itemWidth: Re, offsetBottom: nt, offsetTop: Le, top: Le };
           }
         )
       ),
-      S
+      v
     ), re(
       P(
         M,
@@ -3520,10 +3520,10 @@ const kl = /* @__PURE__ */ we(
       E
     ), re(
       P(
-        Fe(R, I, S, B),
-        ae(([O, H, { items: Q }]) => Q.length > 0 && H.height !== 0 && O.height !== 0),
-        X(([O, H, { items: Q }, L]) => {
-          const { bottom: ie, top: V } = ao(O, L, H, Q);
+        Fe(k, I, v, B),
+        ae(([O, N, { items: Q }]) => Q.length > 0 && N.height !== 0 && O.height !== 0),
+        X(([O, N, { items: Q }, L]) => {
+          const { bottom: ie, top: V } = ao(O, L, N, Q);
           return [V, ie];
         }),
         Me(Qt)
@@ -3535,34 +3535,34 @@ const kl = /* @__PURE__ */ we(
       P(
         l,
         ve(ye),
-        X(([O, H]) => H || O !== 0)
+        X(([O, N]) => N || O !== 0)
       ),
       ye
     );
     const ze = tt(
       P(
-        Fe(S, E),
+        Fe(v, E),
         ae(([{ items: O }]) => O.length > 0),
         ve(ye),
-        ae(([[O, H], Q]) => {
-          const L = O.items[O.items.length - 1].index === H - 1;
-          return (Q || O.bottom > 0 && O.itemHeight > 0 && O.offsetBottom === 0 && O.items.length === H) && L;
+        ae(([[O, N], Q]) => {
+          const L = O.items[O.items.length - 1].index === N - 1;
+          return (Q || O.bottom > 0 && O.itemHeight > 0 && O.offsetBottom === 0 && O.items.length === N) && L;
         }),
         X(([[, O]]) => O - 1),
         Me()
       )
     ), W = tt(
       P(
-        le(S),
+        le(v),
         ae(({ items: O }) => O.length > 0 && O[0].index === 0),
         dt(0),
         Me()
       )
     ), D = tt(
       P(
-        le(S),
-        ve(N),
-        ae(([{ items: O }, H]) => O.length > 0 && !H),
+        le(v),
+        ve(H),
+        ae(([{ items: O }, N]) => O.length > 0 && !N),
         X(([{ items: O }]) => ({
           endIndex: O[O.length - 1].index,
           startIndex: O[0].index
@@ -3573,21 +3573,21 @@ const kl = /* @__PURE__ */ we(
     );
     re(D, p.scrollSeekRangeChanged), re(
       P(
-        k,
-        ve(R, I, E, B),
-        X(([O, H, Q, L, ie]) => {
+        _,
+        ve(k, I, E, B),
+        X(([O, N, Q, L, ie]) => {
           const V = fi(O), { align: J, behavior: ne, offset: ee } = V;
           let ue = V.index;
           ue === "LAST" && (ue = L - 1), ue = Ut(0, ue, qn(L - 1, ue));
-          let se = mr(H, ie, Q, ue);
-          return J === "end" ? se = so(se - H.height + Q.height) : J === "center" && (se = so(se - H.height / 2 + Q.height / 2)), ee && (se += ee), { behavior: ne, top: se };
+          let se = mr(N, ie, Q, ue);
+          return J === "end" ? se = so(se - N.height + Q.height) : J === "center" && (se = so(se - N.height / 2 + Q.height / 2)), ee && (se += ee), { behavior: ne, top: se };
         })
       ),
       a
     );
     const U = Ue(
       P(
-        S,
+        v,
         X((O) => O.offsetBottom + O.bottom)
       ),
       0
@@ -3597,7 +3597,7 @@ const kl = /* @__PURE__ */ we(
         C,
         X((O) => ({ height: O.visibleHeight, width: O.visibleWidth }))
       ),
-      R
+      k
     ), {
       customScrollParent: c,
       // input
@@ -3610,23 +3610,23 @@ const kl = /* @__PURE__ */ we(
       initialItemCount: m,
       itemDimensions: I,
       overscan: n,
-      restoreStateFrom: _,
+      restoreStateFrom: R,
       scrollBy: s,
       scrollContainerState: u,
       scrollHeight: z,
       scrollTo: a,
-      scrollToIndex: k,
+      scrollToIndex: _,
       scrollTop: l,
       smoothScrollTargetReached: d,
       totalCount: E,
       useWindowScroll: g,
-      viewportDimensions: R,
+      viewportDimensions: k,
       windowScrollContainerState: f,
       windowScrollTo: x,
       windowViewportRect: C,
       ...p,
       // output
-      gridState: S,
+      gridState: v,
       horizontalDirection: de,
       initialTopMostItemIndex: Z,
       totalListHeight: U,
@@ -3636,7 +3636,7 @@ const kl = /* @__PURE__ */ we(
       rangeChanged: D,
       startReached: W,
       stateChanged: G,
-      stateRestoreInProgress: N,
+      stateRestoreInProgress: H,
       ...T
     };
   },
@@ -3687,7 +3687,7 @@ const Rl = /* @__PURE__ */ we(() => {
   ([e, t]) => ({ ...e, ...t }),
   Ee(kl, Rl)
 ), Ml = /* @__PURE__ */ $.memo(function() {
-  const e = Ae("gridState"), t = Ae("listClassName"), n = Ae("itemClassName"), r = Ae("itemContent"), o = Ae("computeItemKey"), i = Ae("isSeeking"), s = it("scrollHeight"), u = Ae("ItemComponent"), a = Ae("ListComponent"), l = Ae("ScrollSeekPlaceholder"), d = Ae("context"), b = it("itemDimensions"), h = it("gap"), p = Ae("log"), v = Ae("stateRestoreInProgress"), y = it("reportReadyState"), c = zt(
+  const e = Ae("gridState"), t = Ae("listClassName"), n = Ae("itemClassName"), r = Ae("itemContent"), o = Ae("computeItemKey"), i = Ae("isSeeking"), s = it("scrollHeight"), u = Ae("ItemComponent"), a = Ae("ListComponent"), l = Ae("ScrollSeekPlaceholder"), d = Ae("context"), b = it("itemDimensions"), h = it("gap"), p = Ae("log"), S = Ae("stateRestoreInProgress"), y = it("reportReadyState"), c = zt(
     $.useMemo(
       () => (g) => {
         const f = g.parentElement.parentElement.scrollHeight;
@@ -3709,7 +3709,7 @@ const Rl = /* @__PURE__ */ we(() => {
   );
   return Ci(() => {
     e.itemHeight > 0 && e.itemWidth > 0 && y(!0);
-  }, [e]), v ? null : /* @__PURE__ */ w(
+  }, [e]), S ? null : /* @__PURE__ */ w(
     a,
     {
       className: t,
@@ -3918,78 +3918,78 @@ const Yl = Object.freeze({
   pointerColor: void 0
 }), Ai = $.memo(
   function({ runs: t, ns: n, baseIndex: r, preGroups: o }) {
-    const i = ke((k) => k.setClipIndex), s = ke((k) => k.seek), u = j((k) => k.setCurrentGlobalRunIndex), a = xn(), l = j((k) => k.rangeStartGI), d = j((k) => k.rangeEndGI), b = j((k) => k.setRange), h = l != null && d != null, p = te(
-      (k) => {
+    const i = ke((_) => _.setClipIndex), s = ke((_) => _.seek), u = j((_) => _.setCurrentGlobalRunIndex), a = xn(), l = j((_) => _.rangeStartGI), d = j((_) => _.rangeEndGI), b = j((_) => _.setRange), h = l != null && d != null, p = te(
+      (_) => {
         var Z;
-        const z = (Z = k.target) == null ? void 0 : Z.closest("[data-g]");
+        const z = (Z = _.target) == null ? void 0 : Z.closest("[data-g]");
         if (!z) return;
         const A = Number(z.dataset.g), M = A - r;
         if (M < 0 || M >= t.length) return;
         const B = t[M], G = B.text ?? "";
         if (!G.trim() || !/[가-힣a-zA-Z0-9]/.test(G)) return;
         u(A, "program");
-        const _ = B.audioChunkIndex, N = B.audioTimeMs;
-        _ != null && N != null && (i(_), s(N));
+        const R = B.audioChunkIndex, H = B.audioTimeMs;
+        R != null && H != null && (i(R), s(H));
       },
       [t, r, s, i, u]
-    ), v = oe(null), y = oe(!1), c = oe({ x: 0, y: 0 }), g = te(
-      (k) => {
+    ), S = oe(null), y = oe(!1), c = oe({ x: 0, y: 0 }), g = te(
+      (_) => {
         var B;
-        const z = (B = k.target) == null ? void 0 : B.closest("[data-g]");
+        const z = (B = _.target) == null ? void 0 : B.closest("[data-g]");
         if (!z) return;
         const A = Number(z.dataset.g), M = A - r;
-        M < 0 || M >= t.length || (y.current = !1, c.current = { x: k.clientX, y: k.clientY }, v.current && (window.clearTimeout(v.current), v.current = null), v.current = window.setTimeout(() => {
-          a.getState().status !== "playing" && (b(A, A), y.current = !0, v.current = null);
+        M < 0 || M >= t.length || (y.current = !1, c.current = { x: _.clientX, y: _.clientY }, S.current && (window.clearTimeout(S.current), S.current = null), S.current = window.setTimeout(() => {
+          a.getState().status !== "playing" && (b(A, A), y.current = !0, S.current = null);
         }, 800));
       },
       [t, r, b, a]
     ), f = te(() => {
-      v.current && (window.clearTimeout(v.current), v.current = null);
+      S.current && (window.clearTimeout(S.current), S.current = null);
     }, []), x = te(
-      (k) => {
-        if (!v.current) return;
-        const z = k.clientX - c.current.x, A = k.clientY - c.current.y;
+      (_) => {
+        if (!S.current) return;
+        const z = _.clientX - c.current.x, A = _.clientY - c.current.y;
         (Math.abs(z) > 5 || Math.abs(A) > 5) && f();
       },
       [f]
     ), C = te(() => {
       f();
-    }, [f]), T = f, E = f, m = j((k) => k.clearRange), S = te(
-      (k) => {
+    }, [f]), T = f, E = f, m = j((_) => _.clearRange), v = te(
+      (_) => {
         var M;
         if (y.current) {
           y.current = !1;
           return;
         }
         if (Oi()) return;
-        const z = (M = k.target) == null ? void 0 : M.closest("[data-g]");
+        const z = (M = _.target) == null ? void 0 : M.closest("[data-g]");
         if (!z) return;
         const A = Number(z.dataset.g);
-        isNaN(A) || h && l != null && d != null && (m(), k.stopPropagation());
+        isNaN(A) || h && l != null && d != null && (m(), _.stopPropagation());
       },
       [h, l, d, m]
-    ), R = o, I = r + t.length - 1;
+    ), k = o, I = r + t.length - 1;
     return /* @__PURE__ */ w(
       "span",
       {
-        onClick: S,
+        onClick: v,
         onDoubleClick: p,
         onPointerDown: g,
         onPointerMove: x,
         onPointerUp: C,
         onPointerCancel: T,
         onPointerLeave: E,
-        children: R.map((k, z) => /* @__PURE__ */ w(
+        children: k.map((_, z) => /* @__PURE__ */ w(
           Jl,
           {
             ns: n,
-            group: k,
+            group: _,
             runs: t,
             paraLastG: I,
             rangeStartGI: l,
             rangeEndGI: d
           },
-          `${n}/grp:${z}-${k.startG}`
+          `${n}/grp:${z}-${_.startG}`
         ))
       }
     );
@@ -4028,7 +4028,7 @@ const Yl = Object.freeze({
         pointerColor: c.pointerColor
       } : Yl,
       [a]
-    ), d = K(tn(l)), b = n.r0 ?? 0, h = n.len ?? Math.max(0, n.endG - n.startG + 1), p = a && d.showPointer && d.pointerStyle !== "underline", v = a && d.showPointer && d.pointerStyle === "underline", y = p || v ? {
+    ), d = K(tn(l)), b = n.r0 ?? 0, h = n.len ?? Math.max(0, n.endG - n.startG + 1), p = a && d.showPointer && d.pointerStyle !== "underline", S = a && d.showPointer && d.pointerStyle === "underline", y = p || S ? {
       // 배경색(하이라이트)
       "--hl-color": d.pointerColor,
       // 밑줄 색/두께/오프셋
@@ -4039,7 +4039,7 @@ const Yl = Object.freeze({
     return /* @__PURE__ */ w(wt, { children: Array.from({ length: h }).map((c, g) => {
       const x = r[b + g], C = n.startG + g, T = `${t}/run:${C}`, E = !!x.split && C !== o;
       let m = `${ut.runWrap}`;
-      return p && (h === 1 ? m += ` ${ut.highlight}` : g === 0 ? m += ` ${ut.highlightleft}` : g + 1 === h ? m += ` ${ut.highlightright}` : m += ` ${ut.highlightcenter}`), v && (h === 1 ? m += ` ${ut.underline}` : g === 0 ? m += ` ${ut.underlineleft}` : g + 1 === h ? m += ` ${ut.underlineright}` : m += ` ${ut.underlinecenter}`), /* @__PURE__ */ Y($.Fragment, { children: [
+      return p && (h === 1 ? m += ` ${ut.highlight}` : g === 0 ? m += ` ${ut.highlightleft}` : g + 1 === h ? m += ` ${ut.highlightright}` : m += ` ${ut.highlightcenter}`), S && (h === 1 ? m += ` ${ut.underline}` : g === 0 ? m += ` ${ut.underlineleft}` : g + 1 === h ? m += ` ${ut.underlineright}` : m += ` ${ut.underlinecenter}`), /* @__PURE__ */ Y($.Fragment, { children: [
         /* @__PURE__ */ w("span", { className: m, style: y, children: /* @__PURE__ */ w(
           ea,
           {
@@ -4268,18 +4268,18 @@ function fa(e, t = 12, n = 1.5, r = 0.5) {
   let s = -1, u = 1 / 0, a = 1 / 0, l = -1, d = 1 / 0, b = 1 / 0;
   const h = e.querySelectorAll("[data-g]");
   for (let p = 0; p < h.length; p++) {
-    const v = h[p];
-    if (!v || !v.isConnected) continue;
-    const y = da(v);
+    const S = h[p];
+    if (!S || !S.isConnected) continue;
+    const y = da(S);
     if (!y || !br(y)) continue;
-    const c = v.getBoundingClientRect();
+    const c = S.getBoundingClientRect();
     if (c.height <= r || c.width <= r || c.bottom <= o.top || c.top >= o.bottom) continue;
     if (c.top < i) {
       const x = Math.abs(c.top - i);
-      (x < d || x === d && (c.top < b || l !== -1 && Number(v.dataset.g) < l)) && (d = x, l = Number(v.dataset.g), b = c.top);
+      (x < d || x === d && (c.top < b || l !== -1 && Number(S.dataset.g) < l)) && (d = x, l = Number(S.dataset.g), b = c.top);
       continue;
     }
-    const g = Number(v.dataset.g);
+    const g = Number(S.dataset.g);
     if (Number.isNaN(g)) continue;
     c.top < a - n ? (a = c.top, u = c.top, s = g) : c.top <= a + n && (c.top < u || c.top === u && (s === -1 || g < s)) && (u = c.top, s = g);
     const f = Math.abs(c.top - i);
@@ -4651,8 +4651,8 @@ function Ra(e) {
     let E = 0;
     const m = t.querySelector(`[data-g="${f}"]`);
     if (m) {
-      const S = t.getBoundingClientRect(), R = m.getBoundingClientRect(), I = S.height > 0 ? S.height / t.clientHeight : 1, k = (R.top - S.top) / I / t.clientHeight;
-      E = Math.max(0, Math.min(k, 1));
+      const v = t.getBoundingClientRect(), k = m.getBoundingClientRect(), I = v.height > 0 ? v.height / t.clientHeight : 1, _ = (k.top - v.top) / I / t.clientHeight;
+      E = Math.max(0, Math.min(_, 1));
     }
     o.getState().emit({
       type: "scroll",
@@ -4669,16 +4669,24 @@ function Ra(e) {
   }, l = () => new Promise((f) => requestAnimationFrame(() => f())), d = async (f) => {
     if (wo(t, f, 0.1, 0.7))
       return u(f), !0;
+    if (t.scrollTop >= t.scrollHeight - t.clientHeight - 1) {
+      const v = t.querySelector(`[data-g="${f}"]`);
+      if (v) {
+        const k = t.getBoundingClientRect(), I = v.getBoundingClientRect();
+        if (I.bottom > k.top && I.top < k.bottom)
+          return u(f), !0;
+      }
+    }
     i.current = !0;
-    const x = t.querySelector(`[data-g="${f}"]`), C = t.getBoundingClientRect();
-    let T = t.scrollTop <= 1 ? 0 : 0.1;
-    if (x) {
-      const m = x.getBoundingClientRect();
-      T = ((m.top + m.height / 2 - C.top) / C.height > 0.5, 0.15);
+    const C = t.querySelector(`[data-g="${f}"]`), T = t.getBoundingClientRect();
+    let E = t.scrollTop <= 1 ? 0 : 0.1;
+    if (C) {
+      const v = C.getBoundingClientRect();
+      E = ((v.top + v.height / 2 - T.top) / T.height > 0.5, 0.15);
     }
-    return !!x ? (await bo(t, f, {
+    return !!C ? (await bo(t, f, {
       behavior: "smooth",
-      topPaddingRatio: T
+      topPaddingRatio: E
     }), await l()) : (await a(f, "auto"), await bo(t, f, { behavior: "auto", topPaddingRatio: 0.15 })), i.current = !1, u(f), wo(t, f, 0.1, 0.7);
   };
   return {
@@ -4700,26 +4708,29 @@ function Ra(e) {
       var E, m;
       const C = t.querySelector(`[data-g="${f}"]`);
       if (C) {
-        const S = C.getBoundingClientRect(), R = t.getBoundingClientRect(), I = R.height > 0 ? R.height / t.clientHeight : 1, k = (S.top - R.top) / I, z = x * t.clientHeight;
-        if (Math.abs(k - z) <= 3) return;
+        const v = C.getBoundingClientRect(), k = t.getBoundingClientRect(), I = k.height > 0 ? k.height / t.clientHeight : 1, _ = (v.top - k.top) / I, z = x * t.clientHeight;
+        if (Math.abs(_ - z) <= 3) return;
       }
       const T = ++s.current;
       i.current = !0;
       try {
-        const S = () => new Promise((k) => requestAnimationFrame(() => k())), R = () => {
-          const k = t.querySelector(`[data-g="${f}"]`);
-          if (!k) return null;
-          const z = k.getBoundingClientRect(), A = t.getBoundingClientRect(), M = A.height > 0 ? A.height / t.clientHeight : 1, B = (z.top - A.top) / M, G = x * t.clientHeight;
-          return { delta: B - G, cur: B, tgt: G };
+        const v = () => new Promise((A) => requestAnimationFrame(() => A())), k = () => {
+          const A = t.querySelector(`[data-g="${f}"]`);
+          if (!A) return null;
+          const M = A.getBoundingClientRect(), B = t.getBoundingClientRect(), G = B.height > 0 ? B.height / t.clientHeight : 1, R = (M.top - B.top) / G, H = x * t.clientHeight;
+          return { delta: R - H, cur: R, tgt: H };
         };
-        if (T !== s.current || (await a(f, "auto"), T !== s.current) || (await S(), await S(), await S(), T !== s.current)) return;
-        const I = R();
-        if (I && Math.abs(I.delta) > 1) {
-          if ((E = n.current) == null || E.scrollBy({ top: I.delta }), await S(), T !== s.current) return;
-          for (let k = 0; k < 3; k++) {
-            const z = R();
-            if (!z || Math.abs(z.delta) <= 2) break;
-            if ((m = n.current) == null || m.scrollBy({ top: z.delta }), await S(), T !== s.current) return;
+        if (T !== s.current || (await a(f, "auto"), T !== s.current) || (await v(), await v(), await v(), T !== s.current)) return;
+        const I = k(), _ = t.scrollTop >= t.scrollHeight - t.clientHeight - 1, z = t.scrollTop <= 1;
+        if (I && Math.abs(I.delta) > 1 && !(_ && I.delta > 0) && !(z && I.delta < 0)) {
+          const A = t.scrollTop;
+          if ((E = n.current) == null || E.scrollBy({ top: I.delta }), await v(), T !== s.current) return;
+          for (let M = 0; M < 3; M++) {
+            const B = k();
+            if (!B || Math.abs(B.delta) <= 2) break;
+            const G = t.scrollTop;
+            if ((m = n.current) == null || m.scrollBy({ top: B.delta }), await v(), T !== s.current) return;
+            if (Math.abs(t.scrollTop - G) < 1) break;
           }
         }
       } finally {
@@ -4737,39 +4748,39 @@ const _a = ({
   virtRef: t,
   prefix: n
 }) => {
-  const r = j((_) => _.setCurrentGlobalRunIndex), o = j((_) => _.registerSectionScrollApi), i = ke((_) => _.scrollLock), s = ke((_) => _.syncToGI), u = Ct(), a = bt(), l = Qo((_) => _.isPlaybackMode), d = oe(!1), b = oe(null), h = oe(null), p = oe(0), v = oe(null), y = oe(-1), c = te(() => {
+  const r = j((R) => R.setCurrentGlobalRunIndex), o = j((R) => R.registerSectionScrollApi), i = ke((R) => R.scrollLock), s = ke((R) => R.syncToGI), u = Ct(), a = bt(), l = Qo((R) => R.isPlaybackMode), d = oe(!1), b = oe(null), h = oe(null), p = oe(0), S = oe(null), y = oe(-1), c = te(() => {
     if (l || i) return;
     b.current = null;
-    const _ = h.current;
-    if (!_) return;
-    const N = fa(_, 5);
-    N !== -1 && N !== y.current && (y.current = N, s(N));
+    const R = h.current;
+    if (!R) return;
+    const H = fa(R, 5);
+    H !== -1 && H !== y.current && (y.current = H, s(H));
   }, [l, i, s]), g = te(
-    (_) => {
-      h.current = _, b.current == null && (b.current = requestAnimationFrame(c));
+    (R) => {
+      h.current = R, b.current == null && (b.current = requestAnimationFrame(c));
     },
     [c]
   ), f = te(
-    (_) => {
+    (R) => {
       var pe;
-      h.current = _, (pe = v.current) == null || pe.abort();
-      const N = new AbortController();
-      v.current = N, new Promise((ce) => {
-        "onscrollend" in _ ? _.addEventListener("scrollend", () => ce(), { once: !0 }) : setTimeout(ce, 150);
+      h.current = R, (pe = S.current) == null || pe.abort();
+      const H = new AbortController();
+      S.current = H, new Promise((ce) => {
+        "onscrollend" in R ? R.addEventListener("scrollend", () => ce(), { once: !0 }) : setTimeout(ce, 150);
       }).then(() => {
-        if (N.signal.aborted) return;
-        v.current = null, c();
+        if (H.signal.aborted) return;
+        S.current = null, c();
         const ce = y.current;
         ce !== -1 && r(ce, "scroll"), requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            if (N.signal.aborted) return;
+            if (H.signal.aborted) return;
             const de = y.current;
             if (de === -1) return;
-            const ye = _.scrollTop, ze = _.scrollHeight - _.clientHeight, W = ze > 0 ? ye / ze : 0;
+            const ye = R.scrollTop, ze = R.scrollHeight - R.clientHeight, W = ze > 0 ? ye / ze : 0;
             let D = 0;
-            const U = _.querySelector(`[data-g="${de}"]`);
+            const U = R.querySelector(`[data-g="${de}"]`);
             if (U) {
-              const O = _.getBoundingClientRect(), H = U.getBoundingClientRect(), Q = O.height > 0 ? O.height / _.clientHeight : 1, L = (H.top - O.top) / Q / _.clientHeight;
+              const O = R.getBoundingClientRect(), N = U.getBoundingClientRect(), Q = O.height > 0 ? O.height / R.clientHeight : 1, L = (N.top - O.top) / Q / R.clientHeight;
               D = Math.max(0, Math.min(L, 1));
             }
             u.getState().emit({
@@ -4787,71 +4798,71 @@ const _a = ({
     },
     [c, u, r]
   ), x = oe(!1), C = te(
-    (_) => {
-      l || i || d.current && (x.current || (g(_), f(_)));
+    (R) => {
+      l || i || d.current && (x.current || (g(R), f(R)));
     },
     [l, i, g, f]
-  ), T = oe(void 0), E = oe(void 0), m = oe(void 0), S = oe(void 0);
+  ), T = oe(void 0), E = oe(void 0), m = oe(void 0), v = oe(void 0);
   he(() => {
-    const _ = e.current;
-    if (_)
+    const R = e.current;
+    if (R)
       return T.current = () => {
         d.current = !0;
       }, E.current = () => {
         d.current = !0;
       }, m.current = () => {
         d.current = !0;
-      }, S.current = () => C(_), _.addEventListener("wheel", T.current, { passive: !0 }), _.addEventListener("touchmove", E.current, { passive: !0 }), window.addEventListener("keydown", m.current, { passive: !0 }), _.addEventListener("scroll", S.current, { passive: !0 }), () => {
-        var N;
-        _.removeEventListener("wheel", T.current), _.removeEventListener("touchmove", E.current), window.removeEventListener("keydown", m.current), _.removeEventListener("scroll", S.current), b.current != null && cancelAnimationFrame(b.current), (N = v.current) == null || N.abort();
+      }, v.current = () => C(R), R.addEventListener("wheel", T.current, { passive: !0 }), R.addEventListener("touchmove", E.current, { passive: !0 }), window.addEventListener("keydown", m.current, { passive: !0 }), R.addEventListener("scroll", v.current, { passive: !0 }), () => {
+        var H;
+        R.removeEventListener("wheel", T.current), R.removeEventListener("touchmove", E.current), window.removeEventListener("keydown", m.current), R.removeEventListener("scroll", v.current), b.current != null && cancelAnimationFrame(b.current), (H = S.current) == null || H.abort();
       };
   }, [C, e]), he(() => {
-    const _ = e.current;
-    if (!_ || !i) return;
-    const N = (de) => {
+    const R = e.current;
+    if (!R || !i) return;
+    const H = (de) => {
       de.preventDefault(), de.stopPropagation(), d.current = !1;
     }, Z = (de) => {
       de.preventDefault(), de.stopPropagation(), d.current = !1;
     }, pe = (de) => {
       ["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", " "].includes(de.key) && (de.preventDefault(), de.stopPropagation(), d.current = !1);
     }, ce = {
-      overscrollBehavior: _.style.overscrollBehavior,
-      touchAction: _.style.touchAction
+      overscrollBehavior: R.style.overscrollBehavior,
+      touchAction: R.style.touchAction
     };
-    return _.style.overscrollBehavior = "contain", _.style.touchAction = "none", _.addEventListener("wheel", N, { passive: !1 }), _.addEventListener("touchmove", Z, { passive: !1 }), window.addEventListener("keydown", pe, { passive: !1 }), () => {
-      _.removeEventListener("wheel", N), _.removeEventListener("touchmove", Z), window.removeEventListener("keydown", pe), _.style.overscrollBehavior = ce.overscrollBehavior, _.style.touchAction = ce.touchAction;
+    return R.style.overscrollBehavior = "contain", R.style.touchAction = "none", R.addEventListener("wheel", H, { passive: !1 }), R.addEventListener("touchmove", Z, { passive: !1 }), window.addEventListener("keydown", pe, { passive: !1 }), () => {
+      R.removeEventListener("wheel", H), R.removeEventListener("touchmove", Z), window.removeEventListener("keydown", pe), R.style.overscrollBehavior = ce.overscrollBehavior, R.style.touchAction = ce.touchAction;
     };
   }, [i, e]);
-  const R = oe({
+  const k = oe({
     first: -1,
     last: -1
-  }), I = oe(!1), k = te(() => {
-    const _ = e.current;
-    if (!_) return;
-    const N = Pi(_), Z = (N == null ? void 0 : N.first) ?? -1, pe = (N == null ? void 0 : N.last) ?? -1;
-    R.current = { first: Z, last: pe };
+  }), I = oe(!1), _ = te(() => {
+    const R = e.current;
+    if (!R) return;
+    const H = Pi(R), Z = (H == null ? void 0 : H.first) ?? -1, pe = (H == null ? void 0 : H.last) ?? -1;
+    k.current = { first: Z, last: pe };
   }, [e]), z = oe(!1), A = te(() => {
-    const _ = e.current;
-    if (!_ || z.current) return;
+    const R = e.current;
+    if (!R || z.current) return;
     z.current = !0;
-    const N = Math.min(
-      _.scrollTop + Math.floor(_.clientHeight * 0.6),
-      _.scrollHeight - _.clientHeight
+    const H = Math.min(
+      R.scrollTop + Math.floor(R.clientHeight * 0.6),
+      R.scrollHeight - R.clientHeight
     );
     requestAnimationFrame(() => {
-      _.scrollTo({ top: N, behavior: "instant" });
+      R.scrollTo({ top: H, behavior: "instant" });
     });
   }, [e]);
   he(() => {
-    !I.current && i && (z.current = !1, k()), I.current = i;
-  }, [i, k]);
+    !I.current && i && (z.current = !1, _()), I.current = i;
+  }, [i, _]);
   const M = oe(0), B = oe(0);
   he(() => {
     if (!i || l) return;
-    const _ = (Z) => {
+    const R = (Z) => {
       const pe = e.current;
       if (!pe) return;
-      const { first: ce, last: de } = R.current;
+      const { first: ce, last: de } = k.current;
       if (ce === -1 || de === -1) {
         A();
         return;
@@ -4862,7 +4873,7 @@ const _a = ({
         if (W.height > 0) {
           const U = (D.top - W.top) / W.height, O = (D.bottom - W.top) / W.height;
           if (U >= 0.02 && O <= 0.95) {
-            k();
+            _();
             return;
           }
         }
@@ -4872,17 +4883,17 @@ const _a = ({
         if (ze !== M.current) return;
         const W = a.getState().progress.getSectionScrollApi();
         W ? W.ensureVisibleGI(Z).then((D) => {
-          ze === M.current && (D ? k() : A());
+          ze === M.current && (D ? _() : A());
         }) : A();
       }, 80);
     };
-    _(a.getState().progress.currentGlobalRunIndex);
-    const N = a.subscribe((Z, pe) => {
+    R(a.getState().progress.currentGlobalRunIndex);
+    const H = a.subscribe((Z, pe) => {
       const ce = Z.progress.currentGlobalRunIndex;
-      ce !== pe.progress.currentGlobalRunIndex && _(ce);
+      ce !== pe.progress.currentGlobalRunIndex && R(ce);
     });
     return () => {
-      N(), M.current += 1;
+      H(), M.current += 1;
       const Z = B.current;
       window.clearTimeout(Z);
     };
@@ -4890,15 +4901,15 @@ const _a = ({
     i,
     l,
     A,
-    k,
+    _,
     e,
     a
   ]);
   const G = te(() => {
-    const _ = e.current;
-    if (_)
+    const R = e.current;
+    if (R)
       return Ra({
-        sc: _,
+        sc: R,
         virtRef: t,
         prefix: n,
         recorderStoreApi: u,
@@ -4914,24 +4925,24 @@ function Ma({
   nsPrefix: n
 }) {
   const r = Se(() => {
-    const I = [], k = Or();
+    const I = [], _ = Or();
     return t.forEach((z, A) => {
-      z.type === "paragraph" && (I[A] = Ar(z, k));
+      z.type === "paragraph" && (I[A] = Ar(z, _));
     }), I;
   }, [t]), o = j((I) => {
-    var k;
-    return ((k = I.layout) == null ? void 0 : k.prefix) ?? [];
+    var _;
+    return ((_ = I.layout) == null ? void 0 : _.prefix) ?? [];
   }), i = j((I) => {
-    var k;
-    return ((k = I.derivedNav) == null ? void 0 : k.splitGroupsPerBlock) ?? [];
+    var _;
+    return ((_ = I.derivedNav) == null ? void 0 : _.splitGroupsPerBlock) ?? [];
   }), s = K((I) => I.marginX), u = K((I) => I.viewportHeight), a = oe({
     start: 0,
     end: 0
   }), l = te(
     (I) => {
-      const k = t[I], z = `${n}blk-${k.id}`;
-      if (k.type === "image") {
-        const { src: B, alt: G, width: _, height: N } = k, Z = _ && N ? `${_} / ${N}` : "4 / 3", pe = I >= a.current.start && I <= a.current.end, ce = u > 80 ? Math.floor((u - 80) * 0.6) : void 0;
+      const _ = t[I], z = `${n}blk-${_.id}`;
+      if (_.type === "image") {
+        const { src: B, alt: G, width: R, height: H } = _, Z = R && H ? `${R} / ${H}` : "4 / 3", pe = I >= a.current.start && I <= a.current.end, ce = u > 80 ? Math.floor((u - 80) * 0.6) : void 0;
         return /* @__PURE__ */ Y("div", { style: { margin: "12px 0", textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ w(
             "div",
@@ -4975,7 +4986,7 @@ function Ma({
           children: /* @__PURE__ */ w(
             na,
             {
-              block: k,
+              block: _,
               computedMarker: A,
               ns: z,
               baseIndex: o[I],
@@ -4991,8 +5002,8 @@ function Ma({
     d.current = I;
   }, []), h = Se(
     () => Ft((I) => {
-      const { style: k, children: z, ...A } = I;
-      return /* @__PURE__ */ w("div", { ...A, style: k, children: /* @__PURE__ */ w(
+      const { style: _, children: z, ...A } = I;
+      return /* @__PURE__ */ w("div", { ...A, style: _, children: /* @__PURE__ */ w(
         "div",
         {
           style: {
@@ -5009,7 +5020,7 @@ function Ma({
       ) });
     }),
     [s]
-  ), p = oe(null), v = Se(() => t.map((I) => I.id), [t]), y = Qo((I) => I.isPlaybackMode), [c, g] = ft(!1);
+  ), p = oe(null), S = Se(() => t.map((I) => I.id), [t]), y = Qo((I) => I.isPlaybackMode), [c, g] = ft(!1);
   he(() => {
     g(y);
   }, [t, y]);
@@ -5019,8 +5030,8 @@ function Ma({
     const I = Math.max(80, Math.floor(u * 0.5));
     if (!c)
       return /* @__PURE__ */ w("div", { style: { height: I } });
-    const k = e.quizzes;
-    return k && k.length ? /* @__PURE__ */ Y("div", { style: { display: "block" }, children: [
+    const _ = e.quizzes;
+    return _ && _.length ? /* @__PURE__ */ Y("div", { style: { display: "block" }, children: [
       /* @__PURE__ */ w("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ w(Li, {}) }),
       /* @__PURE__ */ w("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ w(Tn, { isIcon: !1 }) }),
       /* @__PURE__ */ w("div", { style: { height: I, width: "100%" } })
@@ -5036,28 +5047,28 @@ function Ma({
       Scroller: ua
     }),
     [x, h]
-  ), T = te((I) => v[I], [v]), E = bt(), [m] = ft(() => E.getState().progress.currentGlobalRunIndex ?? 0), S = Se(() => {
+  ), T = te((I) => S[I], [S]), E = bt(), [m] = ft(() => E.getState().progress.currentGlobalRunIndex ?? 0), v = Se(() => {
     if (!o.length) return 0;
-    const I = o[o.length - 1], k = Math.max(0, Math.min(m, I));
-    return Fi(o, k);
-  }, [o, m]), R = bt();
+    const I = o[o.length - 1], _ = Math.max(0, Math.min(m, I));
+    return Fi(o, _);
+  }, [o, m]), k = bt();
   return he(() => {
     let I = !1;
     return (async () => {
-      let k = d.current;
-      if (!k) {
+      let _ = d.current;
+      if (!_) {
         for (let B = 0; B < 20; B++) {
           if (await new Promise((G) => setTimeout(G, 50)), I) return;
-          if (k = d.current, k) break;
+          if (_ = d.current, _) break;
         }
-        if (!k) return;
+        if (!_) return;
       }
-      const z = R.getState().progress.currentGlobalRunIndex, A = R.getState().progress.setSectionLoading, M = z != null && z >= 0 ? z : 0;
-      await Bi(k, M), !I && (await yt(), await yt(), await yt(), await yt(), !I && A(!1));
+      const z = k.getState().progress.currentGlobalRunIndex, A = k.getState().progress.setSectionLoading, M = z != null && z >= 0 ? z : 0;
+      await Bi(_, M), !I && (await yt(), await yt(), await yt(), await yt(), !I && A(!1));
     })(), () => {
       I = !0;
     };
-  }, [d, R]), /* @__PURE__ */ Y(wt, { children: [
+  }, [d, k]), /* @__PURE__ */ Y(wt, { children: [
     /* @__PURE__ */ w(
       xl,
       {
@@ -5071,7 +5082,7 @@ function Ma({
         computeItemKey: T,
         totalCount: t.length,
         itemContent: l,
-        initialTopMostItemIndex: S,
+        initialTopMostItemIndex: v,
         increaseViewportBy: { top: 100, bottom: 100 },
         endReached: f,
         components: C,
@@ -5096,13 +5107,13 @@ function Ea(e) {
   return !!(["a", "button", "input", "textarea", "select", "label"].includes(n) || t.isContentEditable);
 }
 function za() {
-  const e = j((v) => v.section), t = K((v) => v.theme), n = K((v) => v.fontFamily), r = K((v) => v.fontSizePx), o = K((v) => v.lineHeight), i = vn[t], { blocks: s, nsPrefix: u } = Se(() => ({
+  const e = j((S) => S.section), t = K((S) => S.theme), n = K((S) => S.fontFamily), r = K((S) => S.fontSizePx), o = K((S) => S.lineHeight), i = vn[t], { blocks: s, nsPrefix: u } = Se(() => ({
     sectionId: e.section_id,
     blocks: e.ast.blocks,
     nsPrefix: `sec-${e.section_id ?? "0"}/`
   }), [e]), a = kn(), l = te(() => {
-    const { isSettingsOpen: v, setSettingsOpen: y, toggleOverlays: c } = a.getState();
-    v ? y(!1) : c();
+    const { isSettingsOpen: S, setSettingsOpen: y, toggleOverlays: c } = a.getState();
+    S ? y(!1) : c();
   }, [a]), { onClick: d, onDoubleClick: b } = cs({
     onSingle: l,
     onDouble: () => {
@@ -5168,133 +5179,133 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Da = "_compact_1hfub_31",
   label: Ja,
   compactBtn: ec
 }, tc = Ft(function() {
-  const t = oe(null), n = $e(It), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = ke((S) => S.status), i = ke((S) => S.currentTimeMs), s = ke((S) => S.currentClip), u = ke((S) => S.playbackKind), a = K((S) => S.muteAudio), l = K((S) => S.audioSpeed), d = ke((S) => S.getClipSrc), b = ke((S) => S._onTime), h = ke((S) => S._onEnded), p = ke((S) => S._onError), v = j((S) => S.setCurrentGlobalRunIndex), y = j((S) => S.getSectionScrollApi), c = j((S) => S.snapToReadable), g = j((S) => S.edgeReadable), f = oe(null), x = oe(null), C = oe(!1), T = oe(null);
+  const t = oe(null), n = $e(It), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = ke((v) => v.status), i = ke((v) => v.currentTimeMs), s = ke((v) => v.currentClip), u = ke((v) => v.playbackKind), a = K((v) => v.muteAudio), l = K((v) => v.audioSpeed), d = ke((v) => v.getClipSrc), b = ke((v) => v._onTime), h = ke((v) => v._onEnded), p = ke((v) => v._onError), S = j((v) => v.setCurrentGlobalRunIndex), y = j((v) => v.getSectionScrollApi), c = j((v) => v.snapToReadable), g = j((v) => v.edgeReadable), f = oe(null), x = oe(null), C = oe(!1), T = oe(null);
   he(() => {
     u === "real" && (C.current = !0);
   }, [u]);
   const E = Se(() => {
-    const S = d(s);
-    if (!S) return null;
+    const v = d(s);
+    if (!v) return null;
     try {
-      return new URL(S, window.location.href).href;
+      return new URL(v, window.location.href).href;
     } catch {
-      return S;
+      return v;
     }
   }, [s, d]);
   he(() => {
     C.current = !0;
   }, [E]), he(() => {
-    const S = t.current;
-    if (!S) return;
-    const R = () => {
-      if (S.paused || S.ended) return;
-      const z = S.currentTime * 1e3;
+    const v = t.current;
+    if (!v) return;
+    const k = () => {
+      if (v.paused || v.ended) return;
+      const z = v.currentTime * 1e3;
       C.current && z === 0 || (z > 0 && (C.current = !1), b(z));
     }, I = () => {
       var A, M;
       h();
       const z = g(1);
-      typeof z == "number" && z >= 0 && (v(z, "audio"), (M = (A = y()) == null ? void 0 : A.ensureVisibleGI) == null || M.call(A, z));
-    }, k = (z) => {
+      typeof z == "number" && z >= 0 && (S(z, "audio"), (M = (A = y()) == null ? void 0 : A.ensureVisibleGI) == null || M.call(A, z));
+    }, _ = (z) => {
       const A = z.currentTarget;
       console.warn("Audio error", {
         networkState: A.networkState,
         readyState: A.readyState
       }), p();
     };
-    return S.addEventListener("timeupdate", R), S.addEventListener("ended", I), S.addEventListener("error", k), () => {
-      S.removeEventListener("timeupdate", R), S.removeEventListener("ended", I), S.removeEventListener("error", k);
+    return v.addEventListener("timeupdate", k), v.addEventListener("ended", I), v.addEventListener("error", _), () => {
+      v.removeEventListener("timeupdate", k), v.removeEventListener("ended", I), v.removeEventListener("error", _);
     };
-  }, [b, h, p, g, v, y]), he(() => {
+  }, [b, h, p, g, S, y]), he(() => {
     if (r) return;
-    const S = t.current;
-    if (!S) return;
+    const v = t.current;
+    if (!v) return;
     if (!E) {
       try {
-        S.pause();
+        v.pause();
       } catch (z) {
         console.log("pause error", z);
       }
       x.current = null;
       return;
     }
-    const R = S.currentSrc || S.src || null, I = !R || R !== E;
+    const k = v.currentSrc || v.src || null, I = !k || k !== E;
     if (I) {
       try {
-        S.pause();
+        v.pause();
       } catch (z) {
         console.log("pause error", z);
       }
-      S.src = E;
+      v.src = E;
       try {
-        S.load();
+        v.load();
       } catch (z) {
         console.log("load error", z);
       }
       x.current = E;
     }
-    S.muted = !!a, S.volume = 1, S.playbackRate = typeof l == "number" ? l : 1;
-    const k = async () => {
+    v.muted = !!a, v.volume = 1, v.playbackRate = typeof l == "number" ? l : 1;
+    const _ = async () => {
       I && await new Promise((z) => {
         let A = !1;
         const M = () => {
-          A || (A = !0, S.removeEventListener("loadedmetadata", M), S.removeEventListener("canplay", M), z());
+          A || (A = !0, v.removeEventListener("loadedmetadata", M), v.removeEventListener("canplay", M), z());
         };
-        S.addEventListener("loadedmetadata", M), S.addEventListener("canplay", M), S.readyState >= 1 && M();
+        v.addEventListener("loadedmetadata", M), v.addEventListener("canplay", M), v.readyState >= 1 && M();
       });
       try {
-        await S.play();
+        await v.play();
       } catch (z) {
         console.warn("el.play() failed", z);
       }
     };
     if (o === "loading" || o === "playing")
-      k();
+      _();
     else
       try {
-        S.pause();
+        v.pause();
       } catch (z) {
         console.log("pause error", z);
       }
   }, [E, a, o, l, r]), he(() => {
     if (r) return;
-    const S = t.current;
-    if (!S || u !== "real") return;
-    const R = i / 1e3;
-    if (Number.isFinite(R)) {
-      if (S.readyState < 1) {
+    const v = t.current;
+    if (!v || u !== "real") return;
+    const k = i / 1e3;
+    if (Number.isFinite(k)) {
+      if (v.readyState < 1) {
         f.current = i;
         const I = () => {
           if (f.current != null) {
-            const k = f.current / 1e3;
+            const _ = f.current / 1e3;
             try {
-              S.currentTime = k;
+              v.currentTime = _;
             } catch (z) {
               console.log("currentTime보정 오류", z);
             }
             f.current = null;
           }
-          S.removeEventListener("loadedmetadata", I), S.removeEventListener("canplay", I);
+          v.removeEventListener("loadedmetadata", I), v.removeEventListener("canplay", I);
         };
-        S.addEventListener("loadedmetadata", I), S.addEventListener("canplay", I);
+        v.addEventListener("loadedmetadata", I), v.addEventListener("canplay", I);
         return;
       }
-      if (Math.abs(S.currentTime - R) > 0.2)
+      if (Math.abs(v.currentTime - k) > 0.2)
         try {
-          S.currentTime = R;
+          v.currentTime = k;
         } catch (I) {
           console.log("currentTime보정오류", I);
         }
     }
   }, [i, u, r]);
-  const m = ke((S) => S.getGIFromCT);
+  const m = ke((v) => v.getGIFromCT);
   return he(() => {
-    var I, k;
+    var I, _;
     if (r || u !== "real" || o !== "playing" && o !== "loading") return;
-    const S = m(s, i);
-    if (S < 0) return;
-    const R = c(S);
-    R !== T.current && (T.current = R, v(R, "audio"), R % 5 === 0 && ((k = (I = y()) == null ? void 0 : I.ensureVisibleGI) == null || k.call(I, R)));
+    const v = m(s, i);
+    if (v < 0) return;
+    const k = c(v);
+    k !== T.current && (T.current = k, S(k, "audio"), k % 5 === 0 && ((_ = (I = y()) == null ? void 0 : I.ensureVisibleGI) == null || _.call(I, k)));
   }, [
     o,
     s,
@@ -5302,7 +5313,7 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Da = "_compact_1hfub_31",
     u,
     m,
     c,
-    v,
+    S,
     y,
     r
   ]), /* @__PURE__ */ w("audio", { ref: t, preload: "auto", style: { display: "none" } });
@@ -5323,15 +5334,15 @@ function cc() {
   he(() => {
     p(i(t || 0));
   }, [t, i]);
-  const v = oe(!1), y = Se(() => Math.max(0, Math.min(t ?? 0, Math.max(0, (n ?? 1) - 1))) + 1, [t, n]), c = te(() => {
-    a && (l(), v.current = !0);
+  const S = oe(!1), y = Se(() => Math.max(0, Math.min(t ?? 0, Math.max(0, (n ?? 1) - 1))) + 1, [t, n]), c = te(() => {
+    a && (l(), S.current = !0);
   }, [a, l]), g = te((T) => {
     p(Number(T.currentTarget.value));
   }, []), f = te(async () => {
     const T = s(h), E = u(T);
     l(), r(E, "scrubber-commit"), b(E);
     const m = o();
-    m != null && m.ensureVisibleGI && await m.ensureVisibleGI(E), v.current && (v.current = !1, d());
+    m != null && m.ensureVisibleGI && await m.ensureVisibleGI(E), S.current && (S.current = !1, d());
   }, [h, s, u, l, r, b, o, d]), x = Se(
     () => ({ "--pct": `${h}%` }),
     [h]
@@ -5374,14 +5385,14 @@ function cc() {
   ] });
 }
 const uc = $.memo(cc), dc = Ft(function() {
-  const t = $e(It), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = ke((S) => S.playbackKind), o = ke((S) => S.status), i = ke((S) => S.fake), s = K((S) => S.audioSpeed), u = ke((S) => S.pause), a = j((S) => S.totalRuns), l = j((S) => S.currentGlobalRunIndex), d = j((S) => S.setCurrentGlobalRunIndex), b = j((S) => S.getSectionScrollApi), h = j((S) => S.nextReadableFrom), p = j((S) => S.edgeReadable), v = oe(null), y = oe(null), c = oe(0), g = oe(-1), f = !n && r === "fake" && o === "playing", x = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), C = Se(() => {
-    const S = 200 * s;
-    return x / S * 6e4;
+  const t = $e(It), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = ke((v) => v.playbackKind), o = ke((v) => v.status), i = ke((v) => v.fake), s = K((v) => v.audioSpeed), u = ke((v) => v.pause), a = j((v) => v.totalRuns), l = j((v) => v.currentGlobalRunIndex), d = j((v) => v.setCurrentGlobalRunIndex), b = j((v) => v.getSectionScrollApi), h = j((v) => v.nextReadableFrom), p = j((v) => v.edgeReadable), S = oe(null), y = oe(null), c = oe(0), g = oe(-1), f = !n && r === "fake" && o === "playing", x = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), C = Se(() => {
+    const v = 200 * s;
+    return x / v * 6e4;
   }, [x, s]), T = Se(() => !a || a <= 1 || C <= 0 ? 0 : (a - 1) / C, [a, C]);
   he(() => {
     if (!f) return;
-    const S = Math.max(0, Math.min(l ?? 0, Math.max(0, (a ?? 1) - 1)));
-    c.current = S, g.current = S, y.current = null;
+    const v = Math.max(0, Math.min(l ?? 0, Math.max(0, (a ?? 1) - 1)));
+    c.current = v, g.current = v, y.current = null;
   }, [f, l, a]);
   const E = oe(-1);
   he(() => {
@@ -5389,39 +5400,39 @@ const uc = $.memo(cc), dc = Ft(function() {
       E.current = -1;
       return;
     }
-    const S = p(1);
-    E.current = S ?? -1;
+    const v = p(1);
+    E.current = v ?? -1;
   }, [p, a]);
   const m = te(
-    (S) => {
+    (v) => {
       (async () => {
-        var G, _;
+        var G, R;
         if (!f) {
-          v.current = null;
+          S.current = null;
           return;
         }
         if (!a || a <= 1 || T <= 0) {
-          v.current = null;
+          S.current = null;
           return;
         }
-        const R = y.current;
-        y.current = S;
-        const I = R == null ? 0 : Math.max(0, S - R), k = a - 1;
-        c.current = Math.min(k, c.current + T * I);
+        const k = y.current;
+        y.current = v;
+        const I = k == null ? 0 : Math.max(0, v - k), _ = a - 1;
+        c.current = Math.min(_, c.current + T * I);
         const z = Math.floor(c.current), A = b(), M = h(z, 1);
         if (M == null) {
-          const N = E.current >= 0 ? E.current : z;
-          N !== g.current && (g.current = N, d(N, "audio"), await ((G = A == null ? void 0 : A.ensureVisibleGI) == null ? void 0 : G.call(A, N))), u(), v.current = null;
+          const H = E.current >= 0 ? E.current : z;
+          H !== g.current && (g.current = H, d(H, "audio"), await ((G = A == null ? void 0 : A.ensureVisibleGI) == null ? void 0 : G.call(A, H))), u(), S.current = null;
           return;
         }
         const B = M;
-        B !== g.current && (g.current = B, d(B, "audio"), B % 5 === 0 && await ((_ = A == null ? void 0 : A.ensureVisibleGI) == null ? void 0 : _.call(A, B))), v.current = requestAnimationFrame(m);
+        B !== g.current && (g.current = B, d(B, "audio"), B % 5 === 0 && await ((R = A == null ? void 0 : A.ensureVisibleGI) == null ? void 0 : R.call(A, B))), S.current = requestAnimationFrame(m);
       })().catch(console.error);
     },
     [f, a, T, h, d, b, u]
   );
-  return he(() => (f ? v.current == null && (v.current = requestAnimationFrame(m)) : (v.current && (cancelAnimationFrame(v.current), v.current = null), y.current = null), () => {
-    v.current && (cancelAnimationFrame(v.current), v.current = null);
+  return he(() => (f ? S.current == null && (S.current = requestAnimationFrame(m)) : (S.current && (cancelAnimationFrame(S.current), S.current = null), y.current = null), () => {
+    S.current && (cancelAnimationFrame(S.current), S.current = null);
   }), [f, m]), null;
 }), fc = Ft(function() {
   return /* @__PURE__ */ w(dc, {});
@@ -5454,8 +5465,8 @@ const uc = $.memo(cc), dc = Ft(function() {
     (h) => {
       if (s.current) return;
       s.current = h, i.current = Io, u(h) && l();
-      const v = () => a();
-      window.addEventListener("mouseup", v, { once: !0 }), window.addEventListener("touchend", v, { once: !0 });
+      const S = () => a();
+      window.addEventListener("mouseup", S, { once: !0 }), window.addEventListener("touchend", S, { once: !0 });
     },
     [l, u, a]
   );
@@ -5511,9 +5522,9 @@ function Tc(e) {
 function Co({ direction: e }) {
   const t = j((b) => b.currentGlobalRunIndex), n = j((b) => b.totalRuns), r = j((b) => b.hasReadableInDir), o = j((b) => b.computeStepTarget), i = j((b) => b.setCurrentGlobalRunIndex), s = ke((b) => b.syncToGI), u = j((b) => b.getSectionScrollApi), a = te(
     async (b) => {
-      var v, y;
+      var S, y;
       const h = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), p = o(h, b);
-      i(p, "scrubber-step"), s(p), await ((y = (v = u()) == null ? void 0 : v.ensureVisibleGI) == null ? void 0 : y.call(v, p));
+      i(p, "scrubber-step"), s(p), await ((y = (S = u()) == null ? void 0 : S.ensureVisibleGI) == null ? void 0 : y.call(S, p));
     },
     [
       t,
@@ -5574,47 +5585,47 @@ function Ec(e) {
   return Ye({ 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 zc() {
-  var R;
-  const e = K((I) => I.showOverlays), t = j((I) => I.section), n = !!t.ast.isAddedSplit, r = !!((R = t.audios) != null && R.length), o = j((I) => I.canTracking), i = j((I) => I.canToggleShowGaze), s = j((I) => I.showGaze), u = j((I) => I.onToggleShowGaze), a = K((I) => I.muteAudio), l = K((I) => I.showPointer), d = K((I) => I.showSplit), b = K((I) => I.toggleMuteAudio), h = K((I) => I.toggleShowPointer), p = K((I) => I.toggleShowSplit), v = K((I) => I.overlayCompactMode), y = K((I) => I.toggleOverlayCompactMode), c = xn(), g = bt();
+  var k;
+  const e = K((I) => I.showOverlays), t = j((I) => I.section), n = !!t.ast.isAddedSplit, r = !!((k = t.audios) != null && k.length), o = j((I) => I.canTracking), i = j((I) => I.canToggleShowGaze), s = j((I) => I.showGaze), u = j((I) => I.onToggleShowGaze), a = K((I) => I.muteAudio), l = K((I) => I.showPointer), d = K((I) => I.showSplit), b = K((I) => I.toggleMuteAudio), h = K((I) => I.toggleShowPointer), p = K((I) => I.toggleShowSplit), S = K((I) => I.overlayCompactMode), y = K((I) => I.toggleOverlayCompactMode), c = xn(), g = bt();
   he(() => {
-    const I = c.getState(), { syncToGI: k, useFake: z, useReal: A } = I, M = I.playbackKind, B = g.getState().progress.currentGlobalRunIndex ?? 0;
+    const I = c.getState(), { syncToGI: _, useFake: z, useReal: A } = I, M = I.playbackKind, B = g.getState().progress.currentGlobalRunIndex ?? 0;
     if (!r) {
       M !== "fake" && z();
       return;
     }
-    a ? M !== "fake" && z() : M !== "real" && (k(B), A());
+    a ? M !== "fake" && z() : M !== "real" && (_(B), A());
   }, [r, a, g, c]);
   const f = ke((I) => I.play), x = ke((I) => I.pause), C = ke((I) => I.status), T = te(
     (I) => {
       I.stopPropagation(), C === "playing" || C === "loading" ? x() : f();
     },
     [C, f, x]
-  ), E = xn(), m = bt(), S = te(
+  ), E = xn(), m = bt(), v = te(
     async (I) => {
       var ye, ze;
       if (I.stopPropagation(), C === "playing" || C === "loading") {
         x();
         return;
       }
-      const { progress: k } = m.getState(), {
+      const { progress: _ } = m.getState(), {
         currentGlobalRunIndex: z,
         snapToReadable: A,
         edgeReadable: M,
         setCurrentGlobalRunIndex: B,
         getSectionScrollApi: G
-      } = k, _ = E.getState(), N = _.currentClip, Z = G == null ? void 0 : G(), pe = typeof z == "number" ? z : 0, ce = typeof A == "function" ? A(pe) : pe, de = typeof M == "function" ? M(1) : null;
+      } = _, R = E.getState(), H = R.currentClip, Z = G == null ? void 0 : G(), pe = typeof z == "number" ? z : 0, ce = typeof A == "function" ? A(pe) : pe, de = typeof M == "function" ? M(1) : null;
       if (de != null && ce >= de) {
-        B == null || B(de, "audio"), await ((ye = Z == null ? void 0 : Z.ensureVisibleGI) == null ? void 0 : ye.call(Z, de)), _.syncToGI(de);
+        B == null || B(de, "audio"), await ((ye = Z == null ? void 0 : Z.ensureVisibleGI) == null ? void 0 : ye.call(Z, de)), R.syncToGI(de);
         return;
       }
-      B == null || B(ce, "audio"), await ((ze = Z == null ? void 0 : Z.ensureVisibleGI) == null ? void 0 : ze.call(Z, ce)), _.syncToGI(ce), f(N);
+      B == null || B(ce, "audio"), await ((ze = Z == null ? void 0 : Z.ensureVisibleGI) == null ? void 0 : ze.call(Z, ce)), R.syncToGI(ce), f(H);
     },
     [C, x, f, E, m]
   );
   return /* @__PURE__ */ Y(
     "div",
     {
-      className: `${_e.wrap} ${e ? _e.visible : ""} ${v ? _e.compact : ""}`,
+      className: `${_e.wrap} ${e ? _e.visible : ""} ${S ? _e.compact : ""}`,
       onClick: (I) => {
         I.stopPropagation();
       },
@@ -5622,8 +5633,8 @@ function zc() {
         I.stopPropagation();
       },
       children: [
-        !v && /* @__PURE__ */ w(uc, {}),
-        /* @__PURE__ */ w("div", { style: v ? { display: "none" } : void 0, children: r && !a ? /* @__PURE__ */ w(nc, {}) : /* @__PURE__ */ w(fc, {}) }),
+        !S && /* @__PURE__ */ w(uc, {}),
+        /* @__PURE__ */ w("div", { style: S ? { display: "none" } : void 0, children: r && !a ? /* @__PURE__ */ w(nc, {}) : /* @__PURE__ */ w(fc, {}) }),
         /* @__PURE__ */ Y("div", { className: _e.controls, children: [
           /* @__PURE__ */ Y("div", { className: _e.row1, children: [
             /* @__PURE__ */ w("div", { className: _e.groupExpand, children: /* @__PURE__ */ w(
@@ -5634,8 +5645,8 @@ function zc() {
                   I.stopPropagation(), y();
                 },
                 className: _e.compactBtn,
-                title: v ? "오버레이 확대" : "오버레이 축소",
-                children: v ? /* @__PURE__ */ w(Ec, { size: 24 }) : /* @__PURE__ */ w(Mc, { size: 24 })
+                title: S ? "오버레이 확대" : "오버레이 축소",
+                children: S ? /* @__PURE__ */ w(Ec, { size: 24 }) : /* @__PURE__ */ w(Mc, { size: 24 })
               }
             ) }),
             /* @__PURE__ */ Y("div", { className: _e.groupPlayback, children: [
@@ -5645,7 +5656,7 @@ function zc() {
                 {
                   size: 34,
                   isPlaying: C === "playing",
-                  onClick: a ? S : T,
+                  onClick: a ? v : T,
                   title: C === "playing" ? "일시정지" : "재생"
                 }
               ),
@@ -5794,7 +5805,7 @@ const Vc = $.memo(Wc), $c = "_wrap_62su0_7", qc = "_wrapHidden_62su0_29", jc = "
   inlineFlex: iu
 };
 function su({ visible: e }) {
-  const t = K((m) => m.mode), n = K((m) => m.setMode), r = K((m) => m.theme), o = K((m) => m.setTheme), i = K((m) => m.fontFamily), s = K((m) => m.setFontFamily), u = K((m) => m.resetToDefaults), a = K((m) => m.getFontLevel()), l = K((m) => m.getLineLevel()), d = K((m) => m.getMarginLevel()), b = K((m) => m.setFontLevel), h = K((m) => m.setLineLevel), p = K((m) => m.setMarginLevel), v = K((m) => m.pointerStyle), y = K((m) => m.setPointerStyle), c = K((m) => m.pointerColor), g = K((m) => m.setPointerColor), f = K((m) => m.breakMarks), x = K((m) => m.toggleBreakMark), C = K((m) => m.getBreakGapLevel()), T = K((m) => m.setBreakGapLevel), E = `${Pe.wrap} ${e ? Pe.wrapVisible : Pe.wrapHidden}`;
+  const t = K((m) => m.mode), n = K((m) => m.setMode), r = K((m) => m.theme), o = K((m) => m.setTheme), i = K((m) => m.fontFamily), s = K((m) => m.setFontFamily), u = K((m) => m.resetToDefaults), a = K((m) => m.getFontLevel()), l = K((m) => m.getLineLevel()), d = K((m) => m.getMarginLevel()), b = K((m) => m.setFontLevel), h = K((m) => m.setLineLevel), p = K((m) => m.setMarginLevel), S = K((m) => m.pointerStyle), y = K((m) => m.setPointerStyle), c = K((m) => m.pointerColor), g = K((m) => m.setPointerColor), f = K((m) => m.breakMarks), x = K((m) => m.toggleBreakMark), C = K((m) => m.getBreakGapLevel()), T = K((m) => m.setBreakGapLevel), E = `${Pe.wrap} ${e ? Pe.wrapVisible : Pe.wrapHidden}`;
   return /* @__PURE__ */ Y("div", { className: E, role: "dialog", "aria-modal": "true", "aria-label": "뷰어 설정", children: [
     /* @__PURE__ */ Y("div", { className: Pe.scrollArea, children: [
       /* @__PURE__ */ w(qt, { label: "열람방식", children: /* @__PURE__ */ Y("div", { className: Pe.inlineFlex, children: [
@@ -5802,14 +5813,14 @@ function su({ visible: e }) {
         /* @__PURE__ */ w(Pt, { active: t === "scroll", onClick: () => n("scroll"), children: "스크롤" })
       ] }) }),
       /* @__PURE__ */ w(qt, { label: "테마", children: /* @__PURE__ */ w("div", { className: Pe.inlineFlex, children: Object.keys(vn).map((m) => {
-        const S = m, R = vn[S];
+        const v = m, k = vn[v];
         return /* @__PURE__ */ w(
           "button",
           {
             type: "button",
-            onClick: () => o(S),
+            onClick: () => o(v),
             className: `${Pe.themeCircle} ${r === m ? Pe.themeCircleActive : ""}`,
-            style: { background: R.bg, color: R.fg, fontFamily: i },
+            style: { background: k.bg, color: k.fg, fontFamily: i },
             title: String(m),
             "aria-label": `테마: ${String(m)}`,
             children: "A"
@@ -5861,8 +5872,8 @@ function su({ visible: e }) {
         }
       ),
       /* @__PURE__ */ w(qt, { label: "포인터", children: /* @__PURE__ */ Y("div", { className: Pe.inlineFlex, children: [
-        /* @__PURE__ */ w(Pt, { active: v === "highlight", onClick: () => y("highlight"), children: "형광펜" }),
-        /* @__PURE__ */ w(Pt, { active: v === "underline", onClick: () => y("underline"), children: "밑줄" }),
+        /* @__PURE__ */ w(Pt, { active: S === "highlight", onClick: () => y("highlight"), children: "형광펜" }),
+        /* @__PURE__ */ w(Pt, { active: S === "underline", onClick: () => y("underline"), children: "밑줄" }),
         /* @__PURE__ */ w(
           "input",
           {
@@ -5987,8 +5998,8 @@ const lu = $.memo(function() {
       l = (h) => {
         const p = s(h);
         if (!d(b, p)) {
-          const v = b;
-          u(b = p, v);
+          const S = b;
+          u(b = p, S);
         }
       }, a != null && a.fireImmediately && u(b, b);
     }
@@ -6018,16 +6029,16 @@ function pu(e) {
   let n = e == null ? void 0 : e.map, r = e == null ? void 0 : e.initialIndex;
   const o = (p) => {
     if (!n) return null;
-    const { g2ct: v } = n;
-    if (!v) return null;
-    const y = v[p];
+    const { g2ct: S } = n;
+    if (!S) return null;
+    const y = S[p];
     if (y) return { clip: y.clip, t: y.t };
     for (let c = 1; c <= 100 && p - c >= 0; c++) {
-      const g = v[p - c];
+      const g = S[p - c];
       if (g) return { clip: g.clip, t: g.t };
     }
     for (let c = 1; c <= 100; c++) {
-      const g = v[p + c];
+      const g = S[p + c];
       if (g) return { clip: g.clip, t: g.t };
     }
     return null;
@@ -6040,7 +6051,7 @@ function pu(e) {
   }
   const l = i.length > 0, d = l ? "paused" : "idle", b = l ? "real" : "fake", h = l ? null : { totalWords: a };
   return nn(
-    cu((p, v) => ({
+    cu((p, S) => ({
       // 원본/포인터
       clips: i,
       currentClip: Math.max(0, Math.min(s, Math.max(0, i.length - 1))),
@@ -6158,7 +6169,7 @@ function pu(e) {
       setClipIndex: (y) => p((c) => c.playbackKind === "fake" || y < 0 || y >= c.clips.length ? c : { currentClip: y, currentTimeMs: 0 }),
       // 조회
       getClipSrc: (y) => {
-        const c = v();
+        const c = S();
         if (!c.clips.length) return null;
         const g = typeof y == "number" ? y : c.currentClip;
         return uu(c.clips[g]);
@@ -6202,12 +6213,12 @@ function pu(e) {
       },
       // 편의
       getMetaByGI: (y) => {
-        const c = v().getCTFromGI(y);
+        const c = S().getCTFromGI(y);
         return c ? { clipIndex: c.clip, timeMs: c.timeMs } : null;
       },
       syncToGI: (y) => {
-        const c = v().getMetaByGI(y);
-        c && v().setClipAndMs(c.clipIndex, c.timeMs);
+        const c = S().getMetaByGI(y);
+        c && S().setClipAndMs(c.clipIndex, c.timeMs);
       },
       // <audio> 이벤트 (real 전용)
       _onTime: (y) => p({ currentTimeMs: y, status: "playing", scrollLock: !0 }),
@@ -6321,7 +6332,7 @@ function vu(e) {
     nav: b,
     layout: h,
     initialIndex: p,
-    mountTime: v
+    mountTime: S
   } = e, y = h.totalRuns ?? 0, c = typeof p == "number" ? p : y > 0 ? 0 : -1, g = c >= 0 ? mu(b.readableGi, c, y) : -1;
   return {
     section: t,
@@ -6341,7 +6352,7 @@ function vu(e) {
     pageIndex: 0,
     totalPages: 0,
     sectionLoading: !0,
-    _loadingStartTime: v,
+    _loadingStartTime: S,
     _scrollApi: void 0,
     derivedNav: b,
     layout: h,
@@ -6369,7 +6380,7 @@ function Su(e) {
     onToggleShowGaze: d,
     handleAskCalibration: b,
     eventBridgeStore: h
-  } = e, p = t.ast.blocks, { nav: v, layout: y } = bu(p), c = Date.now(), g = vu({
+  } = e, p = t.ast.blocks, { nav: S, layout: y } = bu(p), c = Date.now(), g = vu({
     section: t,
     onViewerClose: r,
     onSectionNav: o,
@@ -6380,7 +6391,7 @@ function Su(e) {
     showGaze: l,
     onToggleShowGaze: d,
     handleAskCalibration: b,
-    nav: v,
+    nav: S,
     layout: y,
     initialIndex: n,
     mountTime: c
@@ -6405,25 +6416,25 @@ function Su(e) {
         };
       });
     }, m = (W, D = "program") => {
-      const U = x().progress.currentGlobalRunIndex, O = x().progress, H = O.totalRuns > 0 ? Math.max(-1, Math.min(W, O.totalRuns - 1)) : W;
-      U === H && O.lastUpdateBy === D || (f((Q) => ({
+      const U = x().progress.currentGlobalRunIndex, O = x().progress, N = O.totalRuns > 0 ? Math.max(-1, Math.min(W, O.totalRuns - 1)) : W;
+      U === N && O.lastUpdateBy === D || (f((Q) => ({
         progress: {
           ...Q.progress,
-          currentGlobalRunIndex: H,
+          currentGlobalRunIndex: N,
           lastUpdateBy: D
         }
-      })), U !== H && h && h.getState().emit({
+      })), U !== N && h && h.getState().emit({
         type: "global_index_change",
-        payload: { globalIndex: H }
+        payload: { globalIndex: N }
       }));
-    }, S = (W) => {
+    }, v = (W) => {
       const { sectionLoading: D, _loadingStartTime: U } = x().progress;
       if (D === W) return;
       const O = Date.now();
       if (W)
-        f((H) => ({
+        f((N) => ({
           progress: {
-            ...H.progress,
+            ...N.progress,
             sectionLoading: !0,
             _loadingStartTime: O
           }
@@ -6438,7 +6449,7 @@ function Su(e) {
           }
         })), h && h.getState().emit({ type: "loading_end", payload: { duration: Q } });
       }
-    }, R = (W) => {
+    }, k = (W) => {
       f((D) => ({
         progress: { ...D.progress, pageIndex: W }
       }));
@@ -6446,19 +6457,19 @@ function Su(e) {
       f((D) => ({
         progress: { ...D.progress, totalPages: W }
       }));
-    }, k = (W, D) => {
+    }, _ = (W, D) => {
       const O = x().progress.rangeStartGI == null;
-      if (f((H) => ({
+      if (f((N) => ({
         progress: {
-          ...H.progress,
+          ...N.progress,
           rangeStartGI: Math.min(W, D),
           rangeEndGI: Math.max(W, D)
         }
       })), h) {
-        const H = M();
+        const N = M();
         h.getState().emit({
           type: O ? "range_select" : "range_change",
-          payload: { startGI: Math.min(W, D), endGI: Math.max(W, D), text: H }
+          payload: { startGI: Math.min(W, D), endGI: Math.max(W, D), text: N }
         });
       }
     }, z = () => {
@@ -6480,9 +6491,9 @@ function Su(e) {
       var ie;
       const { rangeStartGI: W, rangeEndGI: D, section: U, layout: O } = x().progress;
       if (W == null || D == null || !O) return "";
-      const H = ((ie = U.ast) == null ? void 0 : ie.blocks) ?? [], Q = O.prefix, L = [];
-      for (let V = 0; V < H.length; V++) {
-        const J = H[V];
+      const N = ((ie = U.ast) == null ? void 0 : ie.blocks) ?? [], Q = O.prefix, L = [];
+      for (let V = 0; V < N.length; V++) {
+        const J = N[V];
         if (J.type !== "paragraph") continue;
         const ne = J.runs ?? [], ee = Q[V] ?? 0;
         for (let ue = 0; ue < ne.length; ue++) {
@@ -6515,35 +6526,35 @@ function Su(e) {
           translateEndGI: void 0
         }
       }));
-    }, _ = (W) => {
+    }, R = (W) => {
       const { totalRuns: D, derivedNav: U } = x().progress, O = U == null ? void 0 : U.readableGi;
       if (!O || D <= 0) return W;
-      const H = D, Q = Math.max(0, Math.min(W, H - 1));
+      const N = D, Q = Math.max(0, Math.min(W, N - 1));
       if (O[Q]) return Q;
       let L = Q - 1, ie = Q + 1;
-      for (; L >= 0 || ie < H; ) {
-        if (ie < H && O[ie]) return ie;
+      for (; L >= 0 || ie < N; ) {
+        if (ie < N && O[ie]) return ie;
         if (L >= 0 && O[L]) return L;
         ie += 1, L -= 1;
       }
       return Q;
-    }, N = (W, D) => {
-      const { totalRuns: U, derivedNav: O } = x().progress, H = O == null ? void 0 : O.readableGi;
-      if (!H || U <= 0) return null;
+    }, H = (W, D) => {
+      const { totalRuns: U, derivedNav: O } = x().progress, N = O == null ? void 0 : O.readableGi;
+      if (!N || U <= 0) return null;
       if (D > 0) {
         for (let Q = Math.min(Math.max(W, 0), U - 1); Q < U; Q += 1)
-          if (H[Q]) return Q;
+          if (N[Q]) return Q;
       } else
         for (let Q = Math.min(Math.max(W, 0), U - 1); Q >= 0; Q -= 1)
-          if (H[Q]) return Q;
+          if (N[Q]) return Q;
       return null;
     }, Z = (W) => {
       const { totalRuns: D, derivedNav: U } = x().progress, O = U == null ? void 0 : U.readableGi;
       if (!O || D <= 0) return null;
       if (W > 0) {
-        for (let H = D - 1; H >= 0; H -= 1) if (O[H]) return H;
+        for (let N = D - 1; N >= 0; N -= 1) if (O[N]) return N;
       } else
-        for (let H = 0; H < D; H += 1) if (O[H]) return H;
+        for (let N = 0; N < D; N += 1) if (O[N]) return N;
       return null;
     };
     return {
@@ -6553,49 +6564,49 @@ function Su(e) {
         getSectionScrollApi: T,
         setTotalRuns: E,
         setCurrentGlobalRunIndex: m,
-        setSectionLoading: S,
-        setPageIndex: R,
+        setSectionLoading: v,
+        setPageIndex: k,
         setTotalPages: I,
         // Translate API
         setTranslateState: B,
         clearTranslate: G,
         // Range Selection API
-        setRange: k,
+        setRange: _,
         clearRange: z,
         extendRange: A,
         getRangeText: M,
         // 네비 API
-        snapToReadable: _,
-        nextReadableFrom: N,
+        snapToReadable: R,
+        nextReadableFrom: H,
         edgeReadable: Z,
-        hasReadableInDir: (W, D) => N(W + (D > 0 ? 1 : -1), D) != null,
+        hasReadableInDir: (W, D) => H(W + (D > 0 ? 1 : -1), D) != null,
         computeStepTarget: (W, D) => {
           const { totalRuns: U, derivedNav: O } = x().progress;
           if (!U || U <= 0) return W;
-          const H = (O == null ? void 0 : O.groups) ?? [], Q = O == null ? void 0 : O.giToGroupIdx;
-          if (!H.length || !Q) {
+          const N = (O == null ? void 0 : O.groups) ?? [], Q = O == null ? void 0 : O.giToGroupIdx;
+          if (!N.length || !Q) {
             const ee = U - 1;
-            return _(Math.max(0, Math.min(W + D, ee)));
+            return R(Math.max(0, Math.min(W + D, ee)));
           }
           let L = Q[W] ?? -1;
-          if (L < 0 || L >= H.length)
-            for (let ne = 0; ne < H.length; ne += 1) {
-              const ee = H[ne];
+          if (L < 0 || L >= N.length)
+            for (let ne = 0; ne < N.length; ne += 1) {
+              const ee = N[ne];
               if (W >= ee.startG && W <= ee.endG) {
                 L = ne;
                 break;
               }
             }
-          if (L < 0 || L >= H.length)
-            return Z(D) ?? _(W);
-          const ie = (ne) => ne >= 0 && ne < H.length && (H[ne].firstReadableGI ?? -1) >= 0;
+          if (L < 0 || L >= N.length)
+            return Z(D) ?? R(W);
+          const ie = (ne) => ne >= 0 && ne < N.length && (N[ne].firstReadableGI ?? -1) >= 0;
           let V = L + D;
-          for (; V >= 0 && V < H.length && !ie(V); )
+          for (; V >= 0 && V < N.length && !ie(V); )
             V += D;
-          if (V < 0 || V >= H.length)
-            return Z(D) ?? _(W + D);
-          const J = H[V].firstReadableGI;
-          return J >= 0 ? J : _(W + D);
+          if (V < 0 || V >= N.length)
+            return Z(D) ?? R(W + D);
+          const J = N[V].firstReadableGI;
+          return J >= 0 ? J : R(W + D);
         },
         giToPercentTotal: (W) => {
           const D = x().progress.totalRuns;
@@ -6670,7 +6681,7 @@ const wu = ({
     return o.forEach((x, C) => {
       (x.type === "paragraph" || x.type === "image") && f.push(C);
     }), f;
-  }, [o]), v = Se(() => {
+  }, [o]), S = Se(() => {
     if (!h) return [];
     const f = [];
     for (let x = h.startBlock; x <= h.endBlock; x++) {
@@ -6680,12 +6691,12 @@ const wu = ({
     return f;
   }, [h, p]), y = Se(() => {
     const f = [];
-    for (const x of v) {
+    for (const x of S) {
       const C = o[x];
       (C == null ? void 0 : C.type) === "paragraph" && f.push({ b: C, originalBlockIndex: x });
     }
     return f;
-  }, [v, o]), c = Se(() => {
+  }, [S, o]), c = Se(() => {
     const f = /* @__PURE__ */ new Map(), x = Or();
     return y.forEach((C, T) => {
       f.set(C.originalBlockIndex, {
@@ -6697,14 +6708,14 @@ const wu = ({
     if (!f || f.length === 0) return [];
     const T = [];
     for (const E of f) {
-      const m = E.startG, S = E.endG;
-      if (S < x || m > C) continue;
-      const R = Math.max(m, x), I = Math.min(S, C), k = R - m | 0, z = Math.max(0, I - R + 1);
+      const m = E.startG, v = E.endG;
+      if (v < x || m > C) continue;
+      const k = Math.max(m, x), I = Math.min(v, C), _ = k - m | 0, z = Math.max(0, I - k + 1);
       if (z <= 0) continue;
-      const A = (E.r0 ?? 0) + k;
+      const A = (E.r0 ?? 0) + _;
       T.push({
         ...E,
-        startG: R,
+        startG: k,
         endG: I,
         r0: A,
         len: z
@@ -6745,9 +6756,9 @@ const wu = ({
           },
           children: [
             /* @__PURE__ */ w("div", { style: { height: 40 } }),
-            /* @__PURE__ */ w("div", { style: { flex: 1, overflow: "hidden" }, children: v.map((f, x) => {
+            /* @__PURE__ */ w("div", { style: { flex: 1, overflow: "hidden" }, children: S.map((f, x) => {
               var U;
-              const C = o[f], T = x === 0, E = x === v.length - 1, m = {
+              const C = o[f], T = x === 0, E = x === S.length - 1, m = {
                 boxSizing: "border-box",
                 paddingRight: `${i}px`,
                 paddingLeft: `${i}px`,
@@ -6757,9 +6768,9 @@ const wu = ({
                 // justifyContent: 'center',
                 width: "100%",
                 height: "auto"
-              }, S = `sec-${r.section_id}/blk-${C.id ?? f}`;
+              }, v = `sec-${r.section_id}/blk-${C.id ?? f}`;
               if (C.type === "image") {
-                const { src: O, alt: H, width: Q, height: L } = C, ie = Q && L ? `${Q} / ${L}` : "4 / 3", V = l > 80 ? Math.floor((l - 80) * 0.6) : void 0;
+                const { src: O, alt: N, width: Q, height: L } = C, ie = Q && L ? `${Q} / ${L}` : "4 / 3", V = l > 80 ? Math.floor((l - 80) * 0.6) : void 0;
                 return /* @__PURE__ */ w("div", { style: m, children: /* @__PURE__ */ Y(
                   "div",
                   {
@@ -6782,7 +6793,7 @@ const wu = ({
                             "img",
                             {
                               src: O,
-                              alt: H || "",
+                              alt: N || "",
                               loading: "eager",
                               style: {
                                 pointerEvents: "none",
@@ -6797,29 +6808,29 @@ const wu = ({
                           )
                         }
                       ),
-                      H && /* @__PURE__ */ w("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 4 }, children: H })
+                      N && /* @__PURE__ */ w("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 4 }, children: N })
                     ]
                   }
-                ) }, S);
+                ) }, v);
               }
-              const R = C, I = c.get(f), k = I == null ? void 0 : I.marker, z = R.runs ?? [], A = z.length;
+              const k = C, I = c.get(f), _ = I == null ? void 0 : I.marker, z = k.runs ?? [], A = z.length;
               let M = 0, B = Math.max(0, A - 1);
               T && h.startOffsetInBlock != null && (M = Math.min(Math.max(0, h.startOffsetInBlock), B)), E && h.endOffsetInBlock != null && (B = Math.max(
                 M,
                 Math.min(h.endOffsetInBlock, B)
               ));
-              const G = M > 0, _ = d[f] ?? 0, N = b[f] ?? [], Z = _ + M, pe = _ + B;
-              let ce = g(N, Z, pe);
-              const de = _ + M;
+              const G = M > 0, R = d[f] ?? 0, H = b[f] ?? [], Z = R + M, pe = R + B;
+              let ce = g(H, Z, pe);
+              const de = R + M;
               ce = ce.map((O) => {
-                const H = Math.max(0, (O.startG ?? Z) - de), Q = O.len ?? Math.max(1, (O.endG ?? pe) - (O.startG ?? Z) + 1);
+                const N = Math.max(0, (O.startG ?? Z) - de), Q = O.len ?? Math.max(1, (O.endG ?? pe) - (O.startG ?? Z) + 1);
                 return {
                   ...O,
-                  r0: H,
+                  r0: N,
                   len: Q
                 };
               });
-              const ye = M <= B ? z.slice(M, B + 1) : [], ze = R.list ? R.list.level * 24 : 0, W = ((U = R.list) == null ? void 0 : U.kind) === "bullet" ? R.list.glyph ?? "•" : void 0, D = G ? void 0 : k ?? W;
+              const ye = M <= B ? z.slice(M, B + 1) : [], ze = k.list ? k.list.level * 24 : 0, W = ((U = k.list) == null ? void 0 : U.kind) === "bullet" ? k.list.glyph ?? "•" : void 0, D = G ? void 0 : _ ?? W;
               return /* @__PURE__ */ w("div", { style: m, children: /* @__PURE__ */ Y(
                 "p",
                 {
@@ -6827,12 +6838,12 @@ const wu = ({
                     width: "100%",
                     margin: "8px 0",
                     paddingLeft: ze,
-                    textAlign: R.textAlign,
+                    textAlign: k.textAlign,
                     whiteSpace: "pre-wrap",
                     boxSizing: "border-box"
                   },
                   children: [
-                    R.list && D ? /* @__PURE__ */ w(
+                    k.list && D ? /* @__PURE__ */ w(
                       "span",
                       {
                         "aria-hidden": !0,
@@ -6850,14 +6861,14 @@ const wu = ({
                       {
                         preGroups: ce,
                         runs: ye,
-                        ns: S,
+                        ns: v,
                         baseIndex: de,
                         sectionId: String(r.section_id)
                       }
                     )
                   ]
                 }
-              ) }, S);
+              ) }, v);
             }) })
           ]
         }
@@ -6917,7 +6928,7 @@ function Cu(e) {
     onDragMove: b,
     onDragEnd: h,
     pageTransitionThreshold: p
-  } = e, v = p ?? u, y = 10, c = Xe.useRef({
+  } = e, S = p ?? u, y = 10, c = Xe.useRef({
     // ── touch ──
     touchId: null,
     startX: 0,
@@ -6950,9 +6961,9 @@ function Cu(e) {
   ), x = Xe.useCallback(
     (M, B) => {
       const G = Math.abs(M) / Math.max(1, B);
-      Math.abs(M) >= v || G >= a ? M < 0 ? n() : t() : h == null || h();
+      Math.abs(M) >= S || G >= a ? M < 0 ? n() : t() : h == null || h();
     },
-    [v, a, n, t, h]
+    [S, a, n, t, h]
   ), C = Xe.useCallback(
     (M) => {
       if (M.touches.length !== 1) return;
@@ -6967,9 +6978,9 @@ function Cu(e) {
       if (c.current.touchId == null) return;
       const B = Array.from(M.touches).find((Z) => Z.identifier === c.current.touchId);
       if (!B) return;
-      const G = B.clientX - c.current.startX, _ = Math.abs(G), N = Math.abs(B.clientY - c.current.startY);
+      const G = B.clientX - c.current.startX, R = Math.abs(G), H = Math.abs(B.clientY - c.current.startY);
       if (!c.current.swiping)
-        if (_ >= y && _ > N)
+        if (R >= y && R > H)
           c.current.swiping = !0;
         else
           return;
@@ -6981,30 +6992,30 @@ function Cu(e) {
       if (c.current.touchId == null) return;
       const B = Array.from(M.changedTouches).find((Z) => Z.identifier === c.current.touchId);
       if (!B) return;
-      const G = B.clientX - c.current.startX, _ = B.clientY - c.current.startY, N = M.timeStamp - c.current.startT;
-      c.current.swiping ? x(G, N) : Math.abs(G) < 10 && Math.abs(_) < 10 && f(M.target), c.current.suppressClick = !0, c.current.touchId = null, c.current.swiping = !1;
+      const G = B.clientX - c.current.startX, R = B.clientY - c.current.startY, H = M.timeStamp - c.current.startT;
+      c.current.swiping ? x(G, H) : Math.abs(G) < 10 && Math.abs(R) < 10 && f(M.target), c.current.suppressClick = !0, c.current.touchId = null, c.current.swiping = !1;
     },
     [x, f]
   ), m = Xe.useCallback(() => {
     c.current.swiping && (h == null || h()), c.current.touchId = null, c.current.swiping = !1;
-  }, [h]), S = Xe.useCallback(
+  }, [h]), v = Xe.useCallback(
     (M) => {
       if (M.pointerType === "touch" || c.current.mouseDown) return;
       const B = s ?? i;
       B != null && B(M.target) || (c.current.mouseDown = !0, c.current.mouseSwiping = !1, c.current.mStartX = M.clientX, c.current.mStartY = M.clientY, c.current.mStartT = M.timeStamp, c.current.suppressClick = !1, c.current.capturedEl = M.currentTarget);
     },
     [s, i]
-  ), R = Xe.useCallback(
+  ), k = Xe.useCallback(
     (M) => {
       if (M.pointerType === "touch" || !c.current.mouseDown) return;
-      const B = M.clientX - c.current.mStartX, G = Math.abs(B), _ = Math.abs(M.clientY - c.current.mStartY);
+      const B = M.clientX - c.current.mStartX, G = Math.abs(B), R = Math.abs(M.clientY - c.current.mStartY);
       if (!c.current.mouseSwiping)
-        if (G >= y && G > _) {
+        if (G >= y && G > R) {
           c.current.mouseSwiping = !0, c.current.suppressClick = !0;
-          const N = c.current.capturedEl;
-          if (N != null && N.setPointerCapture)
+          const H = c.current.capturedEl;
+          if (H != null && H.setPointerCapture)
             try {
-              N.setPointerCapture(M.pointerId);
+              H.setPointerCapture(M.pointerId);
             } catch {
             }
           c.current.prevUserSelect = document.body.style.userSelect, document.body.style.userSelect = "none", M.preventDefault();
@@ -7018,8 +7029,8 @@ function Cu(e) {
       var G;
       if (M.pointerType === "touch" || !c.current.mouseDown) return;
       if (c.current.mouseSwiping) {
-        const _ = M.clientX - c.current.mStartX, N = M.timeStamp - c.current.mStartT;
-        x(_, N), document.body.style.userSelect = c.current.prevUserSelect;
+        const R = M.clientX - c.current.mStartX, H = M.timeStamp - c.current.mStartT;
+        x(R, H), document.body.style.userSelect = c.current.prevUserSelect;
       }
       const B = c.current.capturedEl;
       if ((G = B == null ? void 0 : B.hasPointerCapture) != null && G.call(B, M.pointerId))
@@ -7030,7 +7041,7 @@ function Cu(e) {
       c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null;
     },
     [x]
-  ), k = Xe.useCallback(
+  ), _ = Xe.useCallback(
     (M) => {
       M.pointerType !== "touch" && (c.current.mouseSwiping && (h == null || h(), document.body.style.userSelect = c.current.prevUserSelect), c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null);
     },
@@ -7059,10 +7070,10 @@ function Cu(e) {
     onTouchEnd: E,
     onTouchCancel: m,
     // mouse
-    onPointerDown: S,
-    onPointerMove: R,
+    onPointerDown: v,
+    onPointerMove: k,
     onPointerUp: I,
-    onPointerCancel: k,
+    onPointerCancel: _,
     onLostPointerCapture: z,
     // click (mouse only)
     onClick: A
@@ -7214,7 +7225,7 @@ function Pu() {
   No = 1;
   var e = Di(), t = ku(), n = Bu(), r = "Expected a function", o = Math.max, i = Math.min;
   function s(u, a, l) {
-    var d, b, h, p, v, y, c = 0, g = !1, f = !1, x = !0;
+    var d, b, h, p, S, y, c = 0, g = !1, f = !1, x = !0;
     if (typeof u != "function")
       throw new TypeError(r);
     a = n(a) || 0, e(l) && (g = !!l.leading, f = "maxWait" in l, h = f ? o(n(l.maxWait) || 0, a) : h, x = "trailing" in l ? !!l.trailing : x);
@@ -7223,7 +7234,7 @@ function Pu() {
       return d = b = void 0, c = A, p = u.apply(B, M), p;
     }
     function T(A) {
-      return c = A, v = setTimeout(S, a), g ? C(A) : p;
+      return c = A, S = setTimeout(v, a), g ? C(A) : p;
     }
     function E(A) {
       var M = A - y, B = A - c, G = a - M;
@@ -7233,32 +7244,32 @@ function Pu() {
       var M = A - y, B = A - c;
       return y === void 0 || M >= a || M < 0 || f && B >= h;
     }
-    function S() {
+    function v() {
       var A = t();
       if (m(A))
-        return R(A);
-      v = setTimeout(S, E(A));
+        return k(A);
+      S = setTimeout(v, E(A));
     }
-    function R(A) {
-      return v = void 0, x && d ? C(A) : (d = b = void 0, p);
+    function k(A) {
+      return S = void 0, x && d ? C(A) : (d = b = void 0, p);
     }
     function I() {
-      v !== void 0 && clearTimeout(v), c = 0, d = y = b = v = void 0;
+      S !== void 0 && clearTimeout(S), c = 0, d = y = b = S = void 0;
     }
-    function k() {
-      return v === void 0 ? p : R(t());
+    function _() {
+      return S === void 0 ? p : k(t());
     }
     function z() {
       var A = t(), M = m(A);
       if (d = arguments, b = this, y = A, M) {
-        if (v === void 0)
+        if (S === void 0)
           return T(y);
         if (f)
-          return clearTimeout(v), v = setTimeout(S, a), C(y);
+          return clearTimeout(S), S = setTimeout(v, a), C(y);
       }
-      return v === void 0 && (v = setTimeout(S, a)), p;
+      return S === void 0 && (S = setTimeout(v, a)), p;
     }
-    return z.cancel = I, z.flush = k, z;
+    return z.cancel = I, z.flush = _, z;
   }
   return ir = s, ir;
 }
@@ -7344,7 +7355,7 @@ async function Vu({
   showSlash: b,
   paragraphMarkers: h,
   playbackScale: p = 1,
-  viewportHeight: v = 0,
+  viewportHeight: S = 0,
   instanceId: y = "default"
 }) {
   var g, f, x;
@@ -7363,27 +7374,27 @@ async function Vu({
     C && (t.style.transform = `scale(${T})`, t.style.transformOrigin = "top left");
     const E = Math.max(0, e.offsetWidth || 0), m = Math.max(0, Math.min(E, o));
     t.style.maxWidth = `${m}px`, rt(c, y);
-    let S = Math.round(n.offsetHeight || 0);
-    S || (S = Math.max(0, n.clientHeight | 0));
-    const R = 1.5, I = (L, ie) => ie + L <= S - R, k = getComputedStyle(e), z = {
-      letterSpacing: k.letterSpacing,
-      wordSpacing: k.wordSpacing,
-      fontKerning: k.fontKerning || "normal",
-      fontVariantLigatures: k.fontVariantLigatures || "normal",
-      textTransform: k.textTransform || "none",
-      direction: k.direction || "ltr",
-      wordBreak: k.wordBreak || "keep-all",
-      overflowWrap: k.overflowWrap || k.wordWrap || "break-word",
-      hyphens: k.hyphens || "manual"
+    let v = Math.round(n.offsetHeight || 0);
+    v || (v = Math.max(0, n.clientHeight | 0));
+    const k = 1.5, I = (L, ie) => ie + L <= v - k, _ = getComputedStyle(e), z = {
+      letterSpacing: _.letterSpacing,
+      wordSpacing: _.wordSpacing,
+      fontKerning: _.fontKerning || "normal",
+      fontVariantLigatures: _.fontVariantLigatures || "normal",
+      textTransform: _.textTransform || "none",
+      direction: _.direction || "ltr",
+      wordBreak: _.wordBreak || "keep-all",
+      overflowWrap: _.overflowWrap || _.wordWrap || "break-word",
+      hyphens: _.hyphens || "manual"
     }, A = (L) => {
       L.style.letterSpacing = z.letterSpacing || "", L.style.wordSpacing = z.wordSpacing || "", L.style.fontKerning = z.fontKerning || "", L.style.fontVariantLigatures = z.fontVariantLigatures || "", L.style.textTransform = z.textTransform || "", L.style.direction = z.direction || "", L.style.wordBreak = z.wordBreak || "", L.style.wordWrap = z.overflowWrap || "", L.style.overflowWrap = z.overflowWrap || "", L.style.hyphens = z.hyphens || "";
     }, M = m, B = Math.max(0, M - 2 * (i || 0));
     n.innerHTML = "";
     const G = document.createElement("div");
     G.style.boxSizing = "border-box", G.style.width = `${M}px`, G.style.maxWidth = `${M}px`, G.style.margin = "0 auto", G.style.display = "flex", n.appendChild(G);
-    const _ = document.createElement("div");
-    _.style.boxSizing = "border-box", _.style.paddingRight = `${i}px`, _.style.paddingLeft = `${i}px`, _.style.width = `${M}px`, _.style.maxWidth = `${M}px`, _.style.margin = "0 auto", _.style.display = "flex", _.style.justifyContent = "center", _.style.height = "auto", G.appendChild(_);
-    const N = /* @__PURE__ */ new Map(), Z = {}, pe = Wu(c, y, r.length), ce = (L, ie) => {
+    const R = document.createElement("div");
+    R.style.boxSizing = "border-box", R.style.paddingRight = `${i}px`, R.style.paddingLeft = `${i}px`, R.style.width = `${M}px`, R.style.maxWidth = `${M}px`, R.style.margin = "0 auto", R.style.display = "flex", R.style.justifyContent = "center", R.style.height = "auto", G.appendChild(R);
+    const H = /* @__PURE__ */ new Map(), Z = {}, pe = Wu(c, y, r.length), ce = (L, ie) => {
       const V = document.createElement("p");
       return V.style.margin = "8px 0", V.style.paddingLeft = ie ? `${ie}px` : "0", V.style.textAlign = L.textAlign ?? "start", V.style.whiteSpace = "pre-wrap", V.style.lineHeight = String(a), V.style.fontSize = `${u}px`, V.style.boxSizing = "border-box", V.style.fontFamily = s ?? "", V.style.width = "100%", A(V), V;
     }, de = (L, ie) => {
@@ -7405,7 +7416,7 @@ async function Vu({
         J.appendChild(ue);
       }
       L.appendChild(J);
-    }, ye = v > 80 ? Math.floor((v - 80) * 0.6) : void 0, ze = (L) => {
+    }, ye = S > 80 ? Math.floor((S - 80) * 0.6) : void 0, ze = (L) => {
       const ie = L != null && L.width && (L != null && L.height) ? `${L.width} / ${L.height}` : "4 / 3", V = document.createElement("div");
       V.style.margin = "12px 0", V.style.textAlign = "center", V.style.width = `${B}px`;
       const J = document.createElement("div");
@@ -7420,9 +7431,9 @@ async function Vu({
     for (let L = 0; L < r.length; L++) {
       rt(c, y);
       const ie = r[L];
-      if (_.dataset.block = String(L), _.innerHTML = "", ie.kind === "image") {
+      if (R.dataset.block = String(L), R.innerHTML = "", ie.kind === "image") {
         const Re = ie.block, Oe = ze(Re);
-        _.appendChild(Oe);
+        R.appendChild(Oe);
         const Ne = Oe.getBoundingClientRect(), { mt: Ge, mb: Ve } = lr(Oe);
         Z[L] = { contentH: Math.ceil(Ne.height), mt: Ge, mb: Ve }, await pe(24);
         continue;
@@ -7436,15 +7447,15 @@ async function Vu({
         const Ne = document.createElement("span");
         Ne.textContent = `${ee} `, Ne.style.minWidth = "16px", Ne.style.display = "inline-block", Ne.style.whiteSpace = "nowrap", Ne.style.userSelect = "none", Re.appendChild(Ne), de(Re, V.runs), de(Oe, V.runs);
         const Ge = document.createDocumentFragment();
-        Ge.appendChild(Re), Ge.appendChild(Oe), _.appendChild(Ge);
+        Ge.appendChild(Re), Ge.appendChild(Oe), R.appendChild(Ge);
       } else {
         const Re = ce(V, J);
-        Re.dataset.variant = "with", de(Re, V.runs), _.appendChild(Re);
+        Re.dataset.variant = "with", de(Re, V.runs), R.appendChild(Re);
       }
-      const se = _.querySelector('p[data-variant="with"]'), Ie = _.querySelector('p[data-variant="no"]'), be = Ie ?? se;
+      const se = R.querySelector('p[data-variant="with"]'), Ie = R.querySelector('p[data-variant="no"]'), be = Ie ?? se;
       if (se && be) {
         const Re = Fo(se), Oe = Fo(be), { mt: Ne, mb: Ge } = lr(se), { mt: Ve, mb: ct } = lr(be), Ze = ((x = V.runs) == null ? void 0 : x.length) ?? 0, Le = Ie ? Oe : Re, st = Ie ? Ve : Ne, nt = Ie ? ct : Ge;
-        N.set(L, {
+        H.set(L, {
           runsLen: Ze,
           lastBottomWith: Re,
           lastBottomNo: Le,
@@ -7456,24 +7467,24 @@ async function Vu({
       }
       await pe(24);
     }
-    rt(c, y), _.innerHTML = "";
+    rt(c, y), R.innerHTML = "";
     const W = (L, ie, V, J) => {
       if (ie > V) return { top: 0, content: 0, mb: 0 };
       const ne = J ? L.lastBottomNo : L.lastBottomWith, ee = J ? L.mtNo : L.mtWith, ue = J ? L.mbNo : L.mbWith, se = J ? 0 : ee, Ie = ie > 0 ? ne[ie - 1] ?? 0 : 0, be = Math.max(0, (ne[V] ?? 0) - Ie);
       return { top: se, content: be, mb: ue };
     }, D = [];
-    let U = 0, O, H = null, Q = null;
+    let U = 0, O, N = null, Q = null;
     for (; U < r.length; ) {
       rt(c, y);
       const L = U;
       let ie = 0, V = 0, J = O;
-      J != null && H === U && Q != null && (J = Math.max(J, Q + 1));
+      J != null && N === U && Q != null && (J = Math.max(J, Q + 1));
       let ne = -1, ee;
       for (; U < r.length; ) {
         if (rt(c, y), r[U].kind === "image") {
           const Le = Z[U] ?? { contentH: 0, mt: 0, mb: 0 }, nt = (ie === 0 ? Le.mt : V + Le.mt) + Le.contentH;
           if (I(nt, ie)) {
-            ie += nt, ne = U, ee = void 0, V = Le.mb, U += 1, O = void 0, H = null, Q = null;
+            ie += nt, ne = U, ee = void 0, V = Le.mb, U += 1, O = void 0, N = null, Q = null;
             continue;
           }
           if (ie === 0) {
@@ -7482,19 +7493,19 @@ async function Vu({
               endBlock: U,
               ...J != null ? { startOffsetInBlock: J } : {}
               // 이미지에는 run 오프셋 개념이 없어 endOffsetInBlock 생략
-            }), U += 1, O = void 0, H = null, Q = null, V = 0;
+            }), U += 1, O = void 0, N = null, Q = null, V = 0;
             break;
           }
           break;
         }
-        const se = N.get(U), Ie = se.runsLen, be = U === L && J != null ? J : 0;
+        const se = H.get(U), Ie = se.runsLen, be = U === L && J != null ? J : 0;
         if (be >= Ie) {
-          U += 1, O = void 0, H = null, Q = null;
+          U += 1, O = void 0, N = null, Q = null;
           continue;
         }
         const Re = be > 0, Oe = W(se, be, Ie - 1, Re), Ge = (ie === 0 ? Oe.top : V + Oe.top) + Oe.content;
         if (I(Ge, ie)) {
-          ie += Ge, ne = U, ee = Ie - 1, V = Oe.mb, U += 1, O = void 0, H = null, Q = null;
+          ie += Ge, ne = U, ee = Ie - 1, V = Oe.mb, U += 1, O = void 0, N = null, Q = null;
           continue;
         }
         let Ve = be, ct = Ie - 1, Ze = be - 1;
@@ -7509,7 +7520,7 @@ async function Vu({
             endBlock: U,
             ...J != null ? { startOffsetInBlock: J } : {},
             endOffsetInBlock: Ze
-          }), O = Ze + 1, H = U, Q = Ze, V = 0;
+          }), O = Ze + 1, N = U, Q = Ze, V = 0;
           break;
         }
         if (ie > 0) {
@@ -7527,7 +7538,7 @@ async function Vu({
             endBlock: U,
             ...J != null ? { startOffsetInBlock: J } : {},
             endOffsetInBlock: Le
-          }), O = Le + 1, H = U, Q = Le, V = 0;
+          }), O = Le + 1, N = U, Q = Le, V = 0;
           break;
         }
       }
@@ -7579,8 +7590,8 @@ function qu(e, t, n, r) {
       if (!l) continue;
       let d = 0, b = l - 1;
       u === s.startBlock && s.startOffsetInBlock != null && (d = Math.max(0, Math.min(s.startOffsetInBlock, b))), u === s.endBlock && s.endOffsetInBlock != null && (b = Math.max(d, Math.min(s.endOffsetInBlock, b)));
-      const h = r[a.originalIndex] ?? 0, p = h + d, v = h + b;
-      if (e >= p && e <= v) return i;
+      const h = r[a.originalIndex] ?? 0, p = h + d, S = h + b;
+      if (e >= p && e <= S) return i;
     }
   }
   return -1;
@@ -7603,7 +7614,7 @@ function Ku() {
   he(() => r.subscribe((q) => {
     o.current = q.progress.rangeStartGI != null && q.progress.rangeEndGI != null;
   }), [r]);
-  const i = o.current, s = Ct(), u = K((q) => q.theme), a = vn[u], l = K((q) => q.fontFamily), d = K((q) => q.fontSizePx), b = K((q) => q.lineHeight), h = K((q) => q.marginX), p = K((q) => q.viewportHeight), v = 860, y = oe(null), { items: c } = Se(() => {
+  const i = o.current, s = Ct(), u = K((q) => q.theme), a = vn[u], l = K((q) => q.fontFamily), d = K((q) => q.fontSizePx), b = K((q) => q.lineHeight), h = K((q) => q.marginX), p = K((q) => q.viewportHeight), S = 860, y = oe(null), { items: c } = Se(() => {
     var q;
     return $u(((q = t == null ? void 0 : t.ast) == null ? void 0 : q.blocks) ?? []);
   }, [t]), g = Se(() => {
@@ -7617,7 +7628,7 @@ function Ku() {
   }, [c]), [f, x] = ft({
     pages: [],
     pageByRunIndex: null
-  }), C = j((q) => q.pageIndex), T = j((q) => q.setPageIndex), E = oe(0), m = oe(null), [S, R] = ft(!1), [I, k] = ft(null), [z, A] = ft(!1), M = Se(
+  }), C = j((q) => q.pageIndex), T = j((q) => q.setPageIndex), E = oe(0), m = oe(null), [v, k] = ft(!1), [I, _] = ft(null), [z, A] = ft(!1), M = Se(
     () => ({
       flex: 1,
       fontFamily: l,
@@ -7638,7 +7649,7 @@ function Ku() {
   ), {
     showSplit: B,
     breakGapPx: G,
-    slash: _
+    slash: R
   } = K(
     tn((q) => {
       var He;
@@ -7648,17 +7659,17 @@ function Ku() {
         slash: ((He = q.breakMarks) == null ? void 0 : He.slash) ?? !1
       };
     })
-  ), N = bt();
+  ), H = bt();
   he(() => {
-    f && f.pages.length && (N.getState().progress.setTotalPages(f.pages.length + 1), (async () => {
-      const q = N.getState().progress.setSectionLoading;
+    f && f.pages.length && (H.getState().progress.setTotalPages(f.pages.length + 1), (async () => {
+      const q = H.getState().progress.setSectionLoading;
       await yt(), await yt(), await yt(), await yt(), q(!1);
     })());
-  }, [f, N]);
+  }, [f, H]);
   const Z = te(() => {
     const q = y.current, He = se.current, De = Ie.current;
     if (!q || !He || !De || c.length === 0) {
-      x({ pages: [], pageByRunIndex: null }), T(0), N.getState().progress.setTotalPages(0);
+      x({ pages: [], pageByRunIndex: null }), T(0), H.getState().progress.setTotalPages(0);
       return;
     }
     (async () => {
@@ -7669,14 +7680,14 @@ function Ku() {
           measureRoot: He,
           contentArea: De,
           items: c,
-          cfgMaxWidth: v,
+          cfgMaxWidth: S,
           marginX: h,
           fontFamily: l,
           fontSizePx: d,
           lineHeight: b,
           showSplit: B,
           breakGapPx: G,
-          showSlash: _,
+          showSlash: R,
           paragraphMarkers: g,
           playbackScale: ht,
           viewportHeight: p,
@@ -7691,19 +7702,19 @@ function Ku() {
   }, [
     T,
     c,
-    v,
+    S,
     h,
     l,
     d,
     b,
     B,
     G,
-    _,
+    R,
     g,
     s,
     p,
     e,
-    N
+    H
   ]), pe = j((q) => q.setCurrentGlobalRunIndex), ce = j((q) => {
     var He;
     return ((He = q.layout) == null ? void 0 : He.prefix) ?? [];
@@ -7726,13 +7737,13 @@ function Ku() {
     },
     [C, f.pages, c, ce, pe, T, de]
   ), ze = te(() => {
-    S || E.current !== 0 ? (k("prev"), R(!1)) : ye(-1);
-  }, [S, ye]), W = te(() => {
-    S || E.current !== 0 ? (k("next"), R(!1)) : ye(1);
-  }, [S, ye]), D = kn(), U = te(() => {
+    v || E.current !== 0 ? (_("prev"), k(!1)) : ye(-1);
+  }, [v, ye]), W = te(() => {
+    v || E.current !== 0 ? (_("next"), k(!1)) : ye(1);
+  }, [v, ye]), D = kn(), U = te(() => {
     const { isSettingsOpen: q, setSettingsOpen: He, toggleOverlays: De } = D.getState();
     q ? He(!1) : De();
-  }, [D]), O = f.pages.length + 1, H = ((Pr = y.current) == null ? void 0 : Pr.clientWidth) || 400, Q = te((q) => {
+  }, [D]), O = f.pages.length + 1, N = ((Pr = y.current) == null ? void 0 : Pr.clientWidth) || 400, Q = te((q) => {
     var vt;
     const He = m.current;
     if (!He) return;
@@ -7740,18 +7751,18 @@ function Ku() {
     He.style.transform = `translate3d(${-33.333 + ht}%, 0, 0)`;
   }, []), L = te(
     (q) => {
-      C === 0 && q > 0 || C >= O - 1 && q < 0 || (E.current = q, Q(q), S || R(!0));
+      C === 0 && q > 0 || C >= O - 1 && q < 0 || (E.current = q, Q(q), v || k(!0));
     },
-    [C, O, Q, S]
+    [C, O, Q, v]
   ), ie = te(() => {
-    E.current = 0, R(!1);
+    E.current = 0, k(!1);
     const q = m.current;
     q && (q.style.transition = "transform 250ms ease-out", q.style.transform = "translate3d(-33.333%, 0, 0)");
   }, []), V = te(
     (q) => {
       if (q.target !== q.currentTarget || q.propertyName !== "transform") return;
       const He = I;
-      A(!0), k(null), E.current = 0, He === "prev" ? ye(-1) : He === "next" && ye(1);
+      A(!0), _(null), E.current = 0, He === "prev" ? ye(-1) : He === "next" && ye(1);
     },
     [I, ye]
   );
@@ -7782,11 +7793,11 @@ function Ku() {
     doubleClickWindowMs: 300,
     onDragMove: L,
     onDragEnd: ie,
-    pageTransitionThreshold: H * 0.5
+    pageTransitionThreshold: N * 0.5
   }), se = oe(null), Ie = oe(null), be = te(() => {
-    const q = N.getState().progress.setSectionLoading;
+    const q = H.getState().progress.setSectionLoading;
     q(!0);
-  }, [N]), Re = Se(
+  }, [H]), Re = Se(
     () => ({
       trailing: !0,
       leading: !1,
@@ -7796,7 +7807,7 @@ function Ku() {
   ), Oe = Hu(Z, 200, be, Re), Ne = oe("");
   he(() => {
     if (p <= 0) return;
-    const q = `${l}|${d}|${b}|${h}|${B}|${G}|${_}|${p}|${t == null ? void 0 : t.section_id}`;
+    const q = `${l}|${d}|${b}|${h}|${B}|${G}|${R}|${p}|${t == null ? void 0 : t.section_id}`;
     Ne.current !== q && (Ne.current = q, Oe.cancel(), be(), Z());
   }, [
     Oe,
@@ -7808,7 +7819,7 @@ function Ku() {
     h,
     B,
     G,
-    _,
+    R,
     p,
     t == null ? void 0 : t.section_id
   ]), Iu([y], Oe);
@@ -7841,7 +7852,7 @@ function Ku() {
         /* @__PURE__ */ w(Tn, { isIcon: !1 })
       ]
     }
-  ) : /* @__PURE__ */ w(wu, { pages: f.pages, pageIndex: q, maxWidth: v }), At = {
+  ) : /* @__PURE__ */ w(wu, { pages: f.pages, pageIndex: q, maxWidth: S }), At = {
     width: "33.333%",
     height: "100%",
     flexShrink: 0,
@@ -7852,7 +7863,7 @@ function Ku() {
     boxSizing: "border-box",
     backfaceVisibility: "hidden",
     WebkitBackfaceVisibility: "hidden"
-  }, On = !z && (!S || I !== null);
+  }, On = !z && (!v || I !== null);
   return /* @__PURE__ */ Y("div", { ref: y, style: { ...M, touchAction: "none" }, ...ue, children: [
     /* @__PURE__ */ Y(
       "div",
@@ -7890,7 +7901,7 @@ function Ku() {
           zIndex: -999999,
           opacity: 0,
           width: "100%",
-          maxWidth: v,
+          maxWidth: S,
           height: "100%",
           minHeight: 0,
           boxSizing: "border-box",
@@ -7906,7 +7917,7 @@ function Ku() {
           {
             style: {
               width: "100%",
-              maxWidth: v,
+              maxWidth: S,
               height: "100%",
               boxSizing: "border-box",
               display: "flex",
@@ -8029,12 +8040,12 @@ const Ed = Ft(function() {
     const c = window.setInterval(() => h.getState().tick(), 1e3);
     return () => window.clearInterval(c);
   }, [t, u, h]);
-  const p = t === "doing" ? n[r[o]] : void 0, v = t === "doing" && p ? i[p.qid] ?? [] : [], y = Se(() => {
+  const p = t === "doing" ? n[r[o]] : void 0, S = t === "doing" && p ? i[p.qid] ?? [] : [], y = Se(() => {
     if (t === "idle" || t !== "finished") return;
-    const c = r.map((_) => n[_]), g = c.length, f = c.reduce((_, N) => _ + (N.score ?? 0), 0), x = c.reduce((_, N) => {
-      const Z = b[N.qid];
-      return _ + (Z != null && Z.isCorrect ? N.score ?? 0 : 0);
-    }, 0), C = c.map((_) => b[_.qid]).filter((_) => !!_), T = typeof l == "number" && typeof d == "number" ? Math.max(0, d - l) : C.reduce((_, N) => _ + (N.ms ?? 0), 0), E = g > 0 ? Math.round(T / g) : 0, m = [...C].sort((_, N) => _.ms - N.ms), S = m[0], R = m[m.length - 1], I = C.filter((_) => !_.multi), k = C.filter((_) => _.multi), z = I.filter((_) => _.isCorrect).length, A = k.filter((_) => _.isCorrect).length, M = C.filter((_) => _.timedOut).length, B = C.filter((_) => _.revealed).length, G = C.filter((_) => !_.isCorrect).sort((_, N) => N.ms - _.ms).slice(0, 3);
+    const c = r.map((R) => n[R]), g = c.length, f = c.reduce((R, H) => R + (H.score ?? 0), 0), x = c.reduce((R, H) => {
+      const Z = b[H.qid];
+      return R + (Z != null && Z.isCorrect ? H.score ?? 0 : 0);
+    }, 0), C = c.map((R) => b[R.qid]).filter((R) => !!R), T = typeof l == "number" && typeof d == "number" ? Math.max(0, d - l) : C.reduce((R, H) => R + (H.ms ?? 0), 0), E = g > 0 ? Math.round(T / g) : 0, m = [...C].sort((R, H) => R.ms - H.ms), v = m[0], k = m[m.length - 1], I = C.filter((R) => !R.multi), _ = C.filter((R) => R.multi), z = I.filter((R) => R.isCorrect).length, A = _.filter((R) => R.isCorrect).length, M = C.filter((R) => R.timedOut).length, B = C.filter((R) => R.revealed).length, G = C.filter((R) => !R.isCorrect).sort((R, H) => H.ms - R.ms).slice(0, 3);
     return {
       total: g,
       correct: s,
@@ -8043,10 +8054,10 @@ const Ed = Ft(function() {
       avgMs: E,
       totalScore: f,
       gainedScore: x,
-      fastest: S,
-      slowest: R,
+      fastest: v,
+      slowest: k,
       singles: { total: I.length, correct: z },
-      multis: { total: k.length, correct: A },
+      multis: { total: _.length, correct: A },
       timedOut: M,
       revealed: B,
       wrongTop3: G
@@ -8058,7 +8069,7 @@ const Ed = Ft(function() {
       q: p,
       index: o,
       total: r.length,
-      selected: v,
+      selected: S,
       uiReveal: a,
       onSelect: (c) => {
         if (a) return;
@@ -8117,12 +8128,12 @@ function zd(e) {
       [c[g], c[f]] = [c[f], c[g]];
     }
     return c;
-  }, [t.options]), p = Se(() => _d(t), [t]), v = Se(() => Md(t), [t]), y = Se(() => {
+  }, [t.options]), p = Se(() => _d(t), [t]), S = Se(() => Md(t), [t]), y = Se(() => {
     const c = [...o].sort((g, f) => g - f);
-    if (c.length !== v.length) return !1;
-    for (let g = 0; g < c.length; g++) if (c[g] !== v[g]) return !1;
+    if (c.length !== S.length) return !1;
+    for (let g = 0; g < c.length; g++) if (c[g] !== S[g]) return !1;
     return !0;
-  }, [o, v]);
+  }, [o, S]);
   return /* @__PURE__ */ Y("div", { className: ge.Body, children: [
     /* @__PURE__ */ Y("div", { className: ge.Header, children: [
       /* @__PURE__ */ w("div", { className: ge.Paging, children: `Quiz (${n + 1}/${r})` }),
@@ -8140,7 +8151,7 @@ function zd(e) {
     ),
     /* @__PURE__ */ w("div", { className: ge.Image, children: p && /* @__PURE__ */ w("img", { src: p, alt: "" }) }),
     /* @__PURE__ */ w("div", { className: ge.Options, children: h.map(({ opt: c, i: g }) => {
-      const f = o.includes(g), x = v.includes(g), C = [
+      const f = o.includes(g), x = S.includes(g), C = [
         ge.OptionBtn,
         f ? ge.OptionBtnActive : "",
         i && x ? ge.OptionBtnCorrect : ""
@@ -8326,8 +8337,8 @@ function Pd(e, t) {
     selectToggle: (l) => {
       const d = a();
       if (d.phase !== "doing" || d.uiReveal) return;
-      const h = d.quizzes[d.order[d.currentIndex]].qid, p = d.answers[h] ?? [], v = p.includes(l) ? p.filter((y) => y !== l) : [...p, l].sort((y, c) => y - c);
-      u({ answers: { ...d.answers, [h]: v } });
+      const h = d.quizzes[d.order[d.currentIndex]].qid, p = d.answers[h] ?? [], S = p.includes(l) ? p.filter((y) => y !== l) : [...p, l].sort((y, c) => y - c);
+      u({ answers: { ...d.answers, [h]: S } });
     },
     selectSingle: (l) => {
       const d = a();
@@ -8338,14 +8349,14 @@ function Pd(e, t) {
     submitCurrent: () => {
       const l = a();
       if (l.phase !== "doing") return;
-      const d = l.order[l.currentIndex], b = l.quizzes[d], h = b.qid, p = (l.answers[h] ?? []).slice().sort((x, C) => x - C), v = cr(b), y = Bd(p, v), c = l.questionStartedAt ? Date.now() - l.questionStartedAt : 0, g = l.perQ[h], f = {
+      const d = l.order[l.currentIndex], b = l.quizzes[d], h = b.qid, p = (l.answers[h] ?? []).slice().sort((x, C) => x - C), S = cr(b), y = Bd(p, S), c = l.questionStartedAt ? Date.now() - l.questionStartedAt : 0, g = l.perQ[h], f = {
         qid: h,
         index: b.index,
         question: b.question,
         score: b.score ?? 0,
         multi: ar(b),
         selected: p,
-        correctIdxes: v,
+        correctIdxes: S,
         isCorrect: y,
         ms: c,
         revealed: (g == null ? void 0 : g.revealed) ?? !1,
@@ -8370,7 +8381,7 @@ function Pd(e, t) {
       const d = a();
       if (d.phase === "doing") {
         if (l) {
-          const b = d.quizzes[d.order[d.currentIndex]], h = b.qid, p = d.perQ[h], v = {
+          const b = d.quizzes[d.order[d.currentIndex]], h = b.qid, p = d.perQ[h], S = {
             qid: h,
             index: b.index,
             question: b.question,
@@ -8383,7 +8394,7 @@ function Pd(e, t) {
             revealed: !0,
             timedOut: (p == null ? void 0 : p.timedOut) ?? !1
           };
-          u({ perQ: { ...d.perQ, [h]: v } });
+          u({ perQ: { ...d.perQ, [h]: S } });
         }
         u({ uiReveal: l });
       }
@@ -8426,7 +8437,7 @@ function Pd(e, t) {
       if (l.phase !== "doing" || l.remainingSec == null) return;
       const d = l.remainingSec - 1;
       if (d <= 0) {
-        const b = l.quizzes[l.order[l.currentIndex]], h = b.qid, p = l.perQ[h], v = {
+        const b = l.quizzes[l.order[l.currentIndex]], h = b.qid, p = l.perQ[h], S = {
           qid: h,
           index: b.index,
           question: b.question,
@@ -8442,7 +8453,7 @@ function Pd(e, t) {
         u({
           remainingSec: 0,
           uiReveal: !0,
-          perQ: { ...l.perQ, [h]: v }
+          perQ: { ...l.perQ, [h]: S }
         });
       } else
         u({ remainingSec: d });
@@ -8467,24 +8478,24 @@ function Gd({ children: e, initialState: t }) {
       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: b, order: h, perQ: p, startedAt: v, finishedAt: y } = s, c = h.map((S) => b[S]), g = c.length, f = c.filter((S) => {
-          var R;
-          return (R = p[S.qid]) == null ? void 0 : R.isCorrect;
-        }).length, x = c.reduce((S, R) => S + (R.score ?? 0), 0), C = c.reduce((S, R) => {
-          const I = p[R.qid];
-          return S + (I != null && I.isCorrect ? R.score ?? 0 : 0);
-        }, 0), T = typeof v == "number" && typeof y == "number" ? Math.max(0, y - v) : 0, E = c.map((S) => {
-          const R = p[S.qid];
+        const { sectionId: d, quizzes: b, order: h, perQ: p, startedAt: S, finishedAt: y } = s, c = h.map((v) => b[v]), g = c.length, f = c.filter((v) => {
+          var k;
+          return (k = p[v.qid]) == null ? void 0 : k.isCorrect;
+        }).length, x = c.reduce((v, k) => v + (k.score ?? 0), 0), C = c.reduce((v, k) => {
+          const I = p[k.qid];
+          return v + (I != null && I.isCorrect ? k.score ?? 0 : 0);
+        }, 0), T = typeof S == "number" && typeof y == "number" ? Math.max(0, y - S) : 0, E = c.map((v) => {
+          const k = p[v.qid];
           return {
-            qid: S.qid,
-            index: S.index,
-            question: S.question,
-            score: S.score ?? 0,
-            isCorrect: (R == null ? void 0 : R.isCorrect) ?? !1,
-            selected: (R == null ? void 0 : R.selected) ?? [],
-            correctIdxes: (R == null ? void 0 : R.correctIdxes) ?? [],
-            ms: (R == null ? void 0 : R.ms) ?? 0,
-            timedOut: (R == null ? void 0 : R.timedOut) ?? !1
+            qid: v.qid,
+            index: v.index,
+            question: v.question,
+            score: v.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
           };
         }), m = {
           sectionId: d ?? "",
@@ -8577,18 +8588,18 @@ function Hd() {
           if (a.scrollY === 0)
             p.setScrollTop(0);
           else if (p.scrollToGIAtOffset) {
-            const v = a.anchorGI ?? a.globalIndex;
-            if (typeof v == "number") {
+            const S = a.anchorGI ?? a.globalIndex;
+            if (typeof S == "number") {
               const y = a.anchorOffsetRatio ?? 0;
-              p.scrollToGIAtOffset(v, y);
+              p.scrollToGIAtOffset(S, y);
             }
           }
           return !0;
         };
         if (!h()) {
           let p = 0;
-          const v = setInterval(() => {
-            (h() || ++p >= 10) && clearInterval(v);
+          const S = setInterval(() => {
+            (h() || ++p >= 10) && clearInterval(S);
           }, 50);
         }
       }
@@ -8605,12 +8616,12 @@ function Hd() {
     },
     [t, n, o]
   ), s = te(() => {
-    var T, E, m, S;
-    const a = t.getState(), l = n.getState().progress, d = (T = l.getSectionScrollApi) == null ? void 0 : T.call(l), b = l.currentGlobalRunIndex ?? 0, h = ((E = d == null ? void 0 : d.getScrollTop) == null ? void 0 : E.call(d)) ?? 0, p = ((m = d == null ? void 0 : d.getAnchorOffsetRatio) == null ? void 0 : m.call(d, b)) ?? 0, v = o == null ? void 0 : o.getState(), y = v ? {
-      status: v.status,
-      currentClip: v.currentClip,
-      currentTimeMs: v.currentTimeMs
-    } : void 0, { rangeStartGI: c, rangeEndGI: g } = l, f = c != null && g != null ? { startGI: c, endGI: g, text: l.getRangeText() } : null, x = ((S = d == null ? void 0 : d.getScrollRatio) == null ? void 0 : S.call(d)) ?? 0, C = l.translateOpen ? {
+    var T, E, m, v;
+    const a = t.getState(), l = n.getState().progress, d = (T = l.getSectionScrollApi) == null ? void 0 : T.call(l), b = l.currentGlobalRunIndex ?? 0, h = ((E = d == null ? void 0 : d.getScrollTop) == null ? void 0 : E.call(d)) ?? 0, p = ((m = d == null ? void 0 : d.getAnchorOffsetRatio) == null ? void 0 : m.call(d, b)) ?? 0, S = o == null ? void 0 : o.getState(), y = S ? {
+      status: S.status,
+      currentClip: S.currentClip,
+      currentTimeMs: S.currentTimeMs
+    } : void 0, { rangeStartGI: c, rangeEndGI: g } = l, f = c != null && g != null ? { startGI: c, endGI: g, text: l.getRangeText() } : null, x = ((v = d == null ? void 0 : d.getScrollRatio) == null ? void 0 : v.call(d)) ?? 0, C = l.translateOpen ? {
       isOpen: !0,
       isLoading: l.translateLoading,
       text: l.translateText,
@@ -8829,14 +8840,14 @@ const Dd = ({
     const h = e.current;
     if (!h) return;
     let p = !0;
-    const v = new ResizeObserver(() => {
+    const S = new ResizeObserver(() => {
       if (p) {
         p = !1;
         return;
       }
       i();
     });
-    return v.observe(h), () => v.disconnect();
+    return S.observe(h), () => S.disconnect();
   }, [u, i, e]), he(() => {
     if (!u || n == null || r == null) {
       l(null);
@@ -8851,25 +8862,25 @@ const Dd = ({
         return;
       }
       const T = C.getBoundingClientRect(), E = c.querySelector(`[data-g="${n}"]`), m = E == null ? void 0 : E.getBoundingClientRect();
-      let S = (T.left + T.width / 2 - g.left) * x;
-      m && (S = ((m.left + T.right) / 2 - g.left) * x);
-      const R = 160, I = 50, k = 16, z = 12, A = g.width * x, M = Math.max(
-        k + R / 2,
-        Math.min(S, A - k - R / 2)
+      let v = (T.left + T.width / 2 - g.left) * x;
+      m && (v = ((m.left + T.right) / 2 - g.left) * x);
+      const k = 160, I = 50, _ = 16, z = 12, A = g.width * x, M = Math.max(
+        _ + k / 2,
+        Math.min(v, A - _ - k / 2)
       ), B = (((m == null ? void 0 : m.top) ?? T.top) - g.top) * x - I - z;
       let G = B;
-      B < k && (G = (T.bottom - g.top) * x + z), l({ x: M, y: G });
+      B < _ && (G = (T.bottom - g.top) * x + z), l({ x: M, y: G });
     };
     h();
     const p = e.current;
-    let v = 0;
+    let S = 0;
     const y = () => {
-      v || (v = requestAnimationFrame(() => {
-        v = 0, h();
+      S || (S = requestAnimationFrame(() => {
+        S = 0, h();
       }));
     };
     return p && p.addEventListener("scroll", y, !0), () => {
-      v && cancelAnimationFrame(v), p && p.removeEventListener("scroll", y, !0);
+      S && cancelAnimationFrame(S), p && p.removeEventListener("scroll", y, !0);
     };
   }, [u, n, r, e, s]);
   const d = te(() => {
@@ -8955,18 +8966,18 @@ const Dd = ({
       if (!f) return;
       const x = f.getBoundingClientRect(), T = 1 / (o.getState().playbackScale || 1), E = f.querySelector(`[data-g="${t}"]`), m = f.querySelector(`[data-g="${n}"]`);
       if (E) {
-        const S = E.getBoundingClientRect();
+        const v = E.getBoundingClientRect();
         u({
-          x: (S.left - x.left) * T,
-          y: (S.bottom - x.top) * T
+          x: (v.left - x.left) * T,
+          y: (v.bottom - x.top) * T
         });
       } else
         u(null);
       if (m) {
-        const S = m.getBoundingClientRect();
+        const v = m.getBoundingClientRect();
         l({
-          x: (S.right - x.left) * T,
-          y: (S.bottom - x.top) * T
+          x: (v.right - x.left) * T,
+          y: (v.bottom - x.top) * T
         });
       } else
         l(null);
@@ -9003,7 +9014,7 @@ const Dd = ({
       document.removeEventListener("pointermove", c), document.removeEventListener("pointerup", g), document.removeEventListener("pointercancel", g);
     };
   }, [p]);
-  const v = te(
+  const S = te(
     (c) => (g) => {
       g.preventDefault(), g.stopPropagation(), d.current = c, uo(!0);
     },
@@ -9019,7 +9030,7 @@ const Dd = ({
           left: s.x - 26,
           top: s.y
         },
-        onPointerDown: v("start")
+        onPointerDown: S("start")
       }
     ),
     a && /* @__PURE__ */ w(
@@ -9031,7 +9042,7 @@ const Dd = ({
           left: a.x,
           top: a.y
         },
-        onPointerDown: v("end")
+        onPointerDown: S("end")
       }
     )
   ] }) : null;
@@ -9223,18 +9234,18 @@ function e0({
   onViewerEvent: b,
   viewerRef: h,
   gazeSync: p,
-  onRequestTranslate: v,
+  onRequestTranslate: S,
   isPlaybackMode: y = !1,
   playbackScale: c,
   isDev: g = !1
 }) {
   const f = String((e == null ? void 0 : e.section_id) ?? "0"), x = Se(() => {
-    var R, I;
-    const m = ((R = e == null ? void 0 : e.ast) == null ? void 0 : R.blocks) ?? [];
-    let S = 0;
-    for (const k of m)
-      (k == null ? void 0 : k.type) !== "image" && (S += ((I = k == null ? void 0 : k.runs) == null ? void 0 : I.length) ?? 0);
-    return S;
+    var k, I;
+    const m = ((k = e == null ? void 0 : e.ast) == null ? void 0 : k.blocks) ?? [];
+    let v = 0;
+    for (const _ of m)
+      (_ == null ? void 0 : _.type) !== "image" && (v += ((I = _ == null ? void 0 : _.runs) == null ? void 0 : I.length) ?? 0);
+    return v;
   }, [e]), C = Se(() => typeof n == "number" ? Ud(n, x > 0 ? 0 : -1, Math.max(x - 1, -1)) : (x > 0, 0), [n, x]), T = Se(
     () => ({
       section: e,
@@ -9246,10 +9257,10 @@ function e0({
     }),
     [e, C, r, o, i, s]
   ), E = Se(() => {
-    const m = (e == null ? void 0 : e.audios) ?? [], S = m.length > 0 ? hu(e) : void 0;
+    const m = (e == null ? void 0 : e.audios) ?? [], v = m.length > 0 ? hu(e) : void 0;
     return {
       clips: m,
-      map: S,
+      map: v,
       initialIndex: C,
       section: e
     };
@@ -9276,7 +9287,7 @@ function e0({
                 quizRetryAllowed: l,
                 previousQuizResult: d
               },
-              children: /* @__PURE__ */ w(Kd, { onRequestTranslate: v })
+              children: /* @__PURE__ */ w(Kd, { onRequestTranslate: S })
             },
             f
           ) }, f)
@@ -9289,18 +9300,18 @@ function e0({
 function Kd({
   onRequestTranslate: e
 }) {
-  const t = K((v) => v.mode), n = oe(null), r = Ct(), o = bt(), i = j((v) => v.translateOpen), s = j((v) => v.translateLoading), u = j((v) => v.translateText), a = j((v) => v.translatedText), l = oe(null), d = te(
-    (v) => {
+  const t = K((S) => S.mode), n = oe(null), r = Ct(), o = bt(), i = j((S) => S.translateOpen), s = j((S) => S.translateLoading), u = j((S) => S.translateText), a = j((S) => S.translatedText), l = oe(null), d = te(
+    (S) => {
       var C;
       const { rangeStartGI: y, rangeEndGI: c } = o.getState().progress, g = y ?? 0, f = c ?? 0;
       if (r.getState().emit({
         type: "translate_request",
-        payload: { text: v, startGI: g, endGI: f }
+        payload: { text: S, startGI: g, endGI: f }
       }), !e) {
         o.getState().progress.setTranslateState({
           isOpen: !0,
           isLoading: !1,
-          text: v,
+          text: S,
           startGI: g,
           endGI: f
         });
@@ -9309,12 +9320,12 @@ function Kd({
       o.getState().progress.setTranslateState({
         isOpen: !0,
         isLoading: !0,
-        text: v,
+        text: S,
         startGI: g,
         endGI: f
       }), (C = l.current) == null || C.abort();
       const x = new AbortController();
-      l.current = x, e(v, x.signal).then((T) => {
+      l.current = x, e(S, x.signal).then((T) => {
         if (!x.signal.aborted) {
           if (T == null) {
             o.getState().progress.clearTranslate();
@@ -9323,13 +9334,13 @@ function Kd({
           o.getState().progress.setTranslateState({
             isOpen: !0,
             isLoading: !1,
-            text: v,
+            text: S,
             translatedText: T,
             startGI: g,
             endGI: f
           }), r.getState().emit({
             type: "translate_loading_end",
-            payload: { originalText: v, translatedText: T }
+            payload: { originalText: S, translatedText: T }
           });
         }
       }).catch((T) => {
@@ -9338,7 +9349,7 @@ function Kd({
         o.getState().progress.setTranslateState({
           isOpen: !0,
           isLoading: !1,
-          text: v,
+          text: S,
           translatedText: `[오류] ${E}`,
           startGI: g,
           endGI: f
@@ -9347,8 +9358,8 @@ function Kd({
     },
     [r, o, e]
   ), b = te(() => {
-    var v;
-    (v = l.current) == null || v.abort(), l.current = null, o.getState().progress.clearTranslate(), r.getState().emit({
+    var S;
+    (S = l.current) == null || S.abort(), l.current = null, o.getState().progress.clearTranslate(), r.getState().emit({
       type: "translate_modal_close",
       payload: {}
     });
@@ -9357,11 +9368,11 @@ function Kd({
     "div",
     {
       ref: n,
-      onContextMenu: (v) => {
-        v.preventDefault();
+      onContextMenu: (S) => {
+        S.preventDefault();
       },
-      onDragStart: (v) => {
-        v.preventDefault();
+      onDragStart: (S) => {
+        S.preventDefault();
       },
       style: {
         position: "relative",