@readerseye2/cr_viewer 1.0.25 → 1.0.26

package/dist/index.js

@@ -2,9 +2,9 @@
 var Vi = Object.defineProperty;
 var qi = (e, t, n) => t in e ? Vi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Ar = (e, t, n) => qi(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as x, jsxs as Q, Fragment as yt } from "react/jsx-runtime";
+import { jsx as x, jsxs as Z, Fragment as yt } from "react/jsx-runtime";
 import * as Ye from "react";
-import F, { createContext as Ft, useContext as Ue, useMemo as ve, useLayoutEffect as Tt, useRef as ie, useEffect as Se, useCallback as Z, createElement as hn, memo as Dt, useState as tt, useId as ji } from "react";
+import D, { createContext as Ft, useContext as Ue, useMemo as ve, useLayoutEffect as Tt, useRef as ie, useEffect as Se, useCallback as Q, createElement as hn, memo as Dt, useState as tt, useId as ji } from "react";
 import Ui from "react-dom";
 const br = Ft(void 0);
 var an = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -25,7 +25,7 @@ var Lr;
 function Ki() {
   if (Lr) return Bn;
   Lr = 1;
-  var e = F;
+  var e = D;
   function t(m, p) {
     return m === p && (m !== 0 || 1 / m === 1 / p) || m !== m && p !== p;
   }
@@ -121,7 +121,7 @@ function Xi() {
       return v();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = F, i = typeof Object.is == "function" ? Object.is : e, s = o.useState, c = o.useEffect, l = o.useLayoutEffect, a = o.useDebugValue, d = !1, m = !1, p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
+    var o = D, i = typeof Object.is == "function" ? Object.is : e, s = o.useState, c = o.useEffect, l = o.useLayoutEffect, a = o.useDebugValue, d = !1, m = !1, p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
     zn.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), zn;
 }
@@ -142,7 +142,7 @@ var Nr;
 function Yi() {
   if (Nr) return Pn;
   Nr = 1;
-  var e = F, t = jo();
+  var e = D, t = jo();
   function n(a, d) {
     return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
   }
@@ -157,18 +157,18 @@ function Yi() {
       function() {
         function f(I) {
           if (!g) {
-            if (g = !0, T = I, I = p(I), b !== void 0 && y.hasValue) {
+            if (g = !0, C = I, I = p(I), b !== void 0 && y.hasValue) {
               var h = y.value;
               if (b(h, I))
                 return k = h;
             }
             return k = I;
           }
-          if (h = k, r(T, I)) return h;
+          if (h = k, r(C, I)) return h;
           var S = p(I);
-          return b !== void 0 && b(h, S) ? (T = I, h) : (T = I, k = S);
+          return b !== void 0 && b(h, S) ? (C = I, h) : (C = I, k = S);
         }
-        var g = !1, T, k, R = m === void 0 ? null : m;
+        var g = !1, C, k, R = m === void 0 ? null : m;
         return [
           function() {
             return f(d());
@@ -206,7 +206,7 @@ function Qi() {
       return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var t = F, n = jo(), r = typeof Object.is == "function" ? Object.is : e, o = n.useSyncExternalStore, i = t.useRef, s = t.useEffect, c = t.useMemo, l = t.useDebugValue;
+    var t = D, n = jo(), r = typeof Object.is == "function" ? Object.is : e, o = n.useSyncExternalStore, i = t.useRef, s = t.useEffect, c = t.useMemo, l = t.useDebugValue;
     An.useSyncExternalStoreWithSelector = function(a, d, m, p, b) {
       var v = i(null);
       if (v.current === null) {
@@ -217,19 +217,19 @@ function Qi() {
         function() {
           function f(I) {
             if (!g) {
-              if (g = !0, T = I, I = p(I), b !== void 0 && y.hasValue) {
+              if (g = !0, C = I, I = p(I), b !== void 0 && y.hasValue) {
                 var h = y.value;
                 if (b(h, I))
                   return k = h;
               }
               return k = I;
             }
-            if (h = k, r(T, I))
+            if (h = k, r(C, I))
               return h;
             var S = p(I);
-            return b !== void 0 && b(h, S) ? (T = I, h) : (T = I, k = S);
+            return b !== void 0 && b(h, S) ? (C = I, h) : (C = I, k = S);
           }
-          var g = !1, T, k, R = m === void 0 ? null : m;
+          var g = !1, C, k, R = m === void 0 ? null : m;
           return [
             function() {
               return f(d());
@@ -275,7 +275,7 @@ function Tn(e, t = ns, n) {
     t,
     n
   );
-  return F.useDebugValue(r), r;
+  return D.useDebugValue(r), r;
 }
 function Y(e, t) {
   const n = Ue(br);
@@ -376,7 +376,7 @@ function is({
   Se(() => () => {
     o.current != null && (clearTimeout(o.current), o.current = null);
   }, []);
-  const i = Z(
+  const i = Q(
     (c) => {
       if (!(r != null && r(c.target)) && c.detail === 1) {
         if (o.current != null) return;
@@ -386,7 +386,7 @@ function is({
       }
     },
     [n, e, r]
-  ), s = Z(
+  ), s = Q(
     (c) => {
       r != null && r(c.target) || o.current != null && (clearTimeout(o.current), o.current = null);
     },
@@ -885,10 +885,10 @@ function Ot(e, t, n) {
   return xr(e, t, n).callbackRef;
 }
 function xr(e, t, n) {
-  const r = F.useRef(null);
+  const r = D.useRef(null);
   let o = (s) => {
   };
-  const i = F.useMemo(() => typeof ResizeObserver < "u" ? new ResizeObserver((s) => {
+  const i = D.useMemo(() => typeof ResizeObserver < "u" ? new ResizeObserver((s) => {
     const c = () => {
       const l = s[0].target;
       l.offsetParent !== null && e(l);
@@ -900,7 +900,7 @@ function xr(e, t, n) {
   }, { callbackRef: o, ref: r };
 }
 function vs(e, t, n, r, o, i, s, c, l) {
-  const a = F.useCallback(
+  const a = D.useCallback(
     (d) => {
       const m = Ss(d.children, t, c ? "offsetWidth" : "offsetHeight", o);
       let p = d.parentElement;
@@ -943,7 +943,7 @@ function jr(e, t, n) {
   return t !== "normal" && !(t != null && t.endsWith("px")) && n(`${e} was not resolved to pixel value correctly`, t, Qe.WARN), t === "normal" ? 0 : parseInt(t ?? "0", 10);
 }
 function Zo(e, t, n) {
-  const r = F.useRef(null), o = F.useCallback(
+  const r = D.useRef(null), o = D.useCallback(
     (l) => {
       if (!(l != null && l.offsetParent))
         return;
@@ -964,10 +964,10 @@ function Zo(e, t, n) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, t]
-  ), { callbackRef: i, ref: s } = xr(o, !0, n), c = F.useCallback(() => {
+  ), { callbackRef: i, ref: s } = xr(o, !0, n), c = D.useCallback(() => {
     o(s.current);
   }, [o, s]);
-  return F.useEffect(() => {
+  return D.useEffect(() => {
     var l;
     if (t) {
       t.addEventListener("scroll", c);
@@ -1355,8 +1355,8 @@ const Os = {
         l,
         ce((h) => h.length > 0),
         be(f, y),
-        U(([h, S, w]) => {
-          const E = h.reduce((O, z, C) => Ze(O, z, Zt(z, S.offsetTree, w) || C), Gt());
+        U(([h, S, T]) => {
+          const E = h.reduce((O, z, w) => Ze(O, z, Zt(z, S.offsetTree, T) || w), Gt());
           return {
             ...S,
             groupIndices: h,
@@ -1370,17 +1370,17 @@ const Os = {
         r,
         be(f),
         ce(([h, { lastIndex: S }]) => h < S),
-        U(([h, { lastIndex: S, lastSize: w }]) => [
+        U(([h, { lastIndex: S, lastSize: T }]) => [
           {
             endIndex: S,
-            size: w,
+            size: T,
             startIndex: h
           }
         ])
       ),
       n
     ), te(a, d);
-    const T = je(
+    const C = je(
       L(
         a,
         U((h) => h === void 0)
@@ -1392,8 +1392,8 @@ const Os = {
         d,
         ce((h) => h !== void 0 && Ce(Be(f).sizeTree)),
         U((h) => {
-          const S = Be(m), w = Be(l).length > 0;
-          return S ? w ? [
+          const S = Be(m), T = Be(l).length > 0;
+          return S ? T ? [
             { endIndex: 0, size: S, startIndex: 0 },
             { endIndex: 1, size: h, startIndex: 1 }
           ] : [] : [{ endIndex: 0, size: h, startIndex: 0 }];
@@ -1406,18 +1406,18 @@ const Os = {
         ce((h) => h !== void 0 && h.length > 0 && Ce(Be(f).sizeTree)),
         U((h) => {
           const S = [];
-          let w = h[0], E = 0;
+          let T = h[0], E = 0;
           for (let O = 1; O < h.length; O++) {
             const z = h[O];
-            z !== w && (S.push({
+            z !== T && (S.push({
               endIndex: O - 1,
-              size: w,
+              size: T,
               startIndex: E
-            }), w = z, E = O);
+            }), T = z, E = O);
           }
           return S.push({
             endIndex: h.length - 1,
-            size: w,
+            size: T,
             startIndex: E
           }), S;
         })
@@ -1428,18 +1428,18 @@ const Os = {
         l,
         be(m, d),
         ce(([, h, S]) => h !== void 0 && S !== void 0),
-        U(([h, S, w]) => {
+        U(([h, S, T]) => {
           const E = [];
           for (let O = 0; O < h.length; O++) {
-            const z = h[O], C = h[O + 1];
+            const z = h[O], w = h[O + 1];
             E.push({
               startIndex: z,
               endIndex: z,
               size: S
-            }), C !== void 0 && E.push({
+            }), w !== void 0 && E.push({
               startIndex: z + 1,
-              endIndex: C - 1,
-              size: w
+              endIndex: w - 1,
+              size: T
             });
           }
           return E;
@@ -1452,9 +1452,9 @@ const Os = {
         n,
         be(f),
         ht(
-          ({ sizes: h }, [S, w]) => ({
-            changed: w !== h,
-            sizes: w
+          ({ sizes: h }, [S, T]) => ({
+            changed: T !== h,
+            sizes: T
           }),
           { changed: !1, sizes: u }
         ),
@@ -1475,8 +1475,8 @@ const Os = {
         if (h > 0)
           ge(t, !0), ge(i, h + Kr(h, S));
         else if (h < 0) {
-          const w = Be(g);
-          w.length > 0 && (h -= Kr(-h, w)), ge(s, h);
+          const T = Be(g);
+          T.length > 0 && (h -= Kr(-h, T)), ge(s, h);
         }
       }
     ), Ie(L(c, be(e)), ([h, S]) => {
@@ -1492,11 +1492,11 @@ const Os = {
         i,
         be(f),
         U(([h, S]) => {
-          const w = S.groupIndices.length > 0, E = [], O = S.lastSize;
-          if (w) {
+          const T = S.groupIndices.length > 0, E = [], O = S.lastSize;
+          if (T) {
             const z = Yt(S.sizeTree, 0);
-            let C = 0, _ = 0;
-            for (; C < h; ) {
+            let w = 0, _ = 0;
+            for (; w < h; ) {
               const G = S.groupIndices[_], M = S.groupIndices.length === _ + 1 ? 1 / 0 : S.groupIndices[_ + 1] - G - 1;
               E.push({
                 endIndex: G,
@@ -1506,13 +1506,13 @@ const Os = {
                 endIndex: G + 1 + M - 1,
                 size: O,
                 startIndex: G + 1
-              }), _++, C += M + 1;
+              }), _++, w += M + 1;
             }
             const P = kt(S.sizeTree);
-            return C !== h && P.shift(), P.reduce(
+            return w !== h && P.shift(), P.reduce(
               (G, { k: M, v: B }) => {
-                let D = G.ranges;
-                return G.prevSize !== 0 && (D = [
+                let F = G.ranges;
+                return G.prevSize !== 0 && (F = [
                   ...G.ranges,
                   {
                     endIndex: M + h - 1,
@@ -1522,7 +1522,7 @@ const Os = {
                 ]), {
                   prevIndex: M + h,
                   prevSize: B,
-                  ranges: D
+                  ranges: F
                 };
               },
               {
@@ -1533,10 +1533,10 @@ const Os = {
             ).ranges;
           }
           return kt(S.sizeTree).reduce(
-            (z, { k: C, v: _ }) => ({
-              prevIndex: C + h,
+            (z, { k: w, v: _ }) => ({
+              prevIndex: w + h,
               prevSize: _,
-              ranges: [...z.ranges, { endIndex: C + h - 1, size: z.prevSize, startIndex: z.prevIndex }]
+              ranges: [...z.ranges, { endIndex: w + h - 1, size: z.prevSize, startIndex: z.prevIndex }]
             }),
             {
               prevIndex: 0,
@@ -1552,9 +1552,9 @@ const Os = {
       L(
         s,
         be(f, y),
-        U(([h, { offsetTree: S }, w]) => {
+        U(([h, { offsetTree: S }, T]) => {
           const E = -h;
-          return Zt(E, S, w);
+          return Zt(E, S, T);
         })
       )
     );
@@ -1562,17 +1562,17 @@ const Os = {
       L(
         s,
         be(f, y),
-        U(([h, S, w]) => {
+        U(([h, S, T]) => {
           if (S.groupIndices.length > 0) {
             if (Ce(S.sizeTree))
               return S;
             let E = Gt();
             const O = Be(g);
-            let z = 0, C = 0, _ = 0;
+            let z = 0, w = 0, _ = 0;
             for (; z < -h; ) {
-              _ = O[C];
-              const P = O[C + 1] - _ - 1;
-              C++, z += P + 1;
+              _ = O[w];
+              const P = O[w + 1] - _ - 1;
+              w++, z += P + 1;
             }
             if (E = kt(S.sizeTree).reduce((P, { k: G, v: M }) => Ze(P, Math.max(0, G + h), M), E), z !== -h) {
               const P = Yt(S.sizeTree, _);
@@ -1583,14 +1583,14 @@ const Os = {
             return {
               ...S,
               sizeTree: E,
-              ...hr(S.offsetTree, 0, E, w)
+              ...hr(S.offsetTree, 0, E, T)
             };
           } else {
-            const E = kt(S.sizeTree).reduce((O, { k: z, v: C }) => Ze(O, Math.max(0, z + h), C), Gt());
+            const E = kt(S.sizeTree).reduce((O, { k: z, v: w }) => Ze(O, Math.max(0, z + h), w), Gt());
             return {
               ...S,
               sizeTree: E,
-              ...hr(S.offsetTree, 0, E, w)
+              ...hr(S.offsetTree, 0, E, T)
             };
           }
         })
@@ -1616,7 +1616,7 @@ const Os = {
       sizes: f,
       statefulTotalCount: o,
       totalCount: r,
-      trackItemSizes: T,
+      trackItemSizes: C,
       unshiftWith: i
     };
   },
@@ -1696,7 +1696,7 @@ const on = xe(
   ]) => {
     const b = ye(), v = ye(), y = H(0);
     let u = null, f = null, g = null;
-    function T() {
+    function C() {
       u && (u(), u = null), g && (g(), g = null), f && (clearTimeout(f), f = null), ge(l, !1);
     }
     return te(
@@ -1706,18 +1706,18 @@ const on = xe(
         be(e, i, o),
         U(
           ([
-            [k, R, I, h, S, w, E, O],
+            [k, R, I, h, S, T, E, O],
             z,
-            C,
+            w,
             _
           ]) => {
-            const P = ci(k), { align: G, behavior: M, offset: B } = P, D = h - 1, V = li(P, R, D);
-            let q = Zt(V, R.offsetTree, z) + w;
-            G === "end" ? (q += C + ut(R.sizeTree, V)[1] - I + _, V === D && (q += E)) : G === "center" ? q += (C + ut(R.sizeTree, V)[1] - I + _) / 2 : q -= S, B && (q += B);
+            const P = ci(k), { align: G, behavior: M, offset: B } = P, F = h - 1, V = li(P, R, F);
+            let q = Zt(V, R.offsetTree, z) + T;
+            G === "end" ? (q += w + ut(R.sizeTree, V)[1] - I + _, V === F && (q += E)) : G === "center" ? q += (w + ut(R.sizeTree, V)[1] - I + _) / 2 : q -= S, B && (q += B);
             const ue = (de) => {
-              T(), de ? (O("retrying to scroll to", { location: k }, Qe.DEBUG), ge(b, k)) : (ge(v, !0), O("list did not change, scroll successful", {}, Qe.DEBUG));
+              C(), de ? (O("retrying to scroll to", { location: k }, Qe.DEBUG), ge(b, k)) : (ge(v, !0), O("list did not change, scroll successful", {}, Qe.DEBUG));
             };
-            if (T(), M === "smooth") {
+            if (C(), M === "smooth") {
               let de = !1;
               g = Ie(t, (ke) => {
                 de = de || ke;
@@ -1727,7 +1727,7 @@ const on = xe(
             } else
               u = ct(L(t, zs(150)), ue);
             return f = setTimeout(() => {
-              T();
+              C();
             }, 1200), ge(l, !0), O("scrolling from index to", { behavior: M, index: V, top: q }, Qe.DEBUG), { behavior: M, top: q };
           }
         )
@@ -1831,7 +1831,7 @@ const Jt = "up", Ut = "down", As = "none", Ls = {
   te(
     L(
       Fe(ae(o), ae(m)),
-      U(([g, T]) => g <= T),
+      U(([g, C]) => g <= C),
       Me()
     ),
     c
@@ -1839,18 +1839,18 @@ const Jt = "up", Ut = "down", As = "none", Ls = {
   const v = Je(
     L(
       Fe(r, ae(i), ae(t), ae(e), ae(d)),
-      ht((g, [{ scrollHeight: T, scrollTop: k }, R, I, h, S]) => {
-        const w = k + R - T > -S, E = {
-          scrollHeight: T,
+      ht((g, [{ scrollHeight: C, scrollTop: k }, R, I, h, S]) => {
+        const T = k + R - C > -S, E = {
+          scrollHeight: C,
           scrollTop: k,
           viewportHeight: R
         };
-        if (w) {
-          let z, C;
-          return k > g.state.scrollTop ? (z = "SCROLLED_DOWN", C = g.state.scrollTop - k) : (z = "SIZE_DECREASED", C = g.state.scrollTop - k || g.scrollTopDelta), {
+        if (T) {
+          let z, w;
+          return k > g.state.scrollTop ? (z = "SCROLLED_DOWN", w = g.state.scrollTop - k) : (z = "SIZE_DECREASED", w = g.state.scrollTop - k || g.scrollTopDelta), {
             atBottom: !0,
             atBottomBecause: z,
-            scrollTopDelta: C,
+            scrollTopDelta: w,
             state: E
           };
         }
@@ -1861,31 +1861,31 @@ const Jt = "up", Ut = "down", As = "none", Ls = {
           state: E
         };
       }, Ls),
-      Me((g, T) => g && g.atBottom === T.atBottom)
+      Me((g, C) => g && g.atBottom === C.atBottom)
     )
   ), y = je(
     L(
       r,
       ht(
-        (g, { scrollHeight: T, scrollTop: k, viewportHeight: R }) => {
-          if (ui(g.scrollHeight, T))
+        (g, { scrollHeight: C, scrollTop: k, viewportHeight: R }) => {
+          if (ui(g.scrollHeight, C))
             return {
               changed: !1,
               jump: 0,
-              scrollHeight: T,
+              scrollHeight: C,
               scrollTop: k
             };
           {
-            const I = T - (k + R) < 1;
+            const I = C - (k + R) < 1;
             return g.scrollTop !== k && I ? {
               changed: !0,
               jump: g.scrollTop - k,
-              scrollHeight: T,
+              scrollHeight: C,
               scrollTop: k
             } : {
               changed: !0,
               jump: 0,
-              scrollHeight: T,
+              scrollHeight: C,
               scrollTop: k
             };
           }
@@ -1911,7 +1911,7 @@ const Jt = "up", Ut = "down", As = "none", Ls = {
       U(({ scrollTop: g }) => g),
       Me(),
       ht(
-        (g, T) => Be(b) ? { direction: g.direction, prevScrollTop: T } : { direction: T < g.prevScrollTop ? Jt : Ut, prevScrollTop: T },
+        (g, C) => Be(b) ? { direction: g.direction, prevScrollTop: C } : { direction: C < g.prevScrollTop ? Jt : Ut, prevScrollTop: C },
         { direction: Ut, prevScrollTop: 0 }
       ),
       U((g) => g.direction)
@@ -1931,9 +1931,9 @@ const Jt = "up", Ut = "down", As = "none", Ls = {
       o,
       mt(100),
       be(p),
-      ce(([g, T]) => T),
-      ht(([g, T], [k]) => [T, k], [0, 0]),
-      U(([g, T]) => T - g)
+      ce(([g, C]) => C),
+      ht(([g, C], [k]) => [C, k], [0, 0]),
+      U(([g, C]) => C - g)
     ),
     f
   ), {
@@ -1982,14 +1982,14 @@ const kr = xe(
             u,
             f,
             g,
-            T
+            C
           ]) => {
             const k = d - g, R = u + f, I = Math.max(p - k, 0);
             let h = Xr;
-            const S = Qr(T, en), w = Qr(T, tn);
-            return b -= g, b += p + f, v += p + f, v -= g, b > d + R - S && (h = Jt), v < d - I + m + w && (h = Ut), h !== Xr ? [
+            const S = Qr(C, en), T = Qr(C, tn);
+            return b -= g, b += p + f, v += p + f, v -= g, b > d + R - S && (h = Jt), v < d - I + m + T && (h = Ut), h !== Xr ? [
               Math.max(k - p - Yr(y, en, h) - S, 0),
-              k - I - f + m + Yr(y, tn, h) + w
+              k - I - f + m + Yr(y, tn, h) + T
             ] : null;
           }
         ),
@@ -2112,7 +2112,7 @@ const Pt = xe(
   ]) => {
     const y = H([]), u = H(0), f = ye(), g = H(0);
     te(i.topItemsIndexes, y);
-    const T = je(
+    const C = je(
       L(
         Fe(
           b,
@@ -2128,8 +2128,8 @@ const Pt = xe(
           ae(g),
           e
         ),
-        ce(([h, S, , w, , , , , , , , E]) => {
-          const O = E && E.length !== w;
+        ce(([h, S, , T, , , , , , , , E]) => {
+          const O = E && E.length !== T;
           return h && !S && !O;
         }),
         U(
@@ -2137,34 +2137,34 @@ const Pt = xe(
             ,
             ,
             [h, S],
-            w,
+            T,
             E,
             O,
             z,
-            C,
+            w,
             _,
             P,
             G,
             M
           ]) => {
-            var B, D, V, q;
+            var B, F, V, q;
             const ue = E, { offsetTree: de, sizeTree: ke } = ue, Re = Be(u);
-            if (w === 0)
-              return { ...Dn, totalCount: w };
+            if (T === 0)
+              return { ...Dn, totalCount: T };
             if (h === 0 && S === 0)
-              return Re === 0 ? { ...Dn, totalCount: w } : di(Re, O, E, _, P, M || []);
+              return Re === 0 ? { ...Dn, totalCount: T } : di(Re, O, E, _, P, M || []);
             if (Ce(ke))
               return Re > 0 ? null : mn(
-                Hs(Tr(O, w), ue, M),
+                Hs(Tr(O, T), ue, M),
                 [],
-                w,
+                T,
                 P,
                 ue,
                 _
               );
             const ee = [];
-            if (C.length > 0) {
-              const $ = C[0], J = C[C.length - 1];
+            if (w.length > 0) {
+              const $ = w[0], J = w[w.length - 1];
               let se = 0;
               for (const re of Ht(ke, $, J)) {
                 const pe = re.value, le = Math.max(re.start, $), we = Math.min(re.end, J);
@@ -2173,11 +2173,11 @@ const Pt = xe(
               }
             }
             if (!z)
-              return mn([], ee, w, P, ue, _);
-            const X = C.length > 0 ? C[C.length - 1] + 1 : 0, A = ks(de, h, S, X);
+              return mn([], ee, T, P, ue, _);
+            const X = w.length > 0 ? w[w.length - 1] + 1 : 0, A = ks(de, h, S, X);
             if (A.length === 0)
               return null;
-            const K = w - 1, ne = _n([], ($) => {
+            const K = T - 1, ne = _n([], ($) => {
               for (const J of A) {
                 const se = J.value;
                 let re = se.offset, pe = J.start;
@@ -2199,7 +2199,7 @@ const Pt = xe(
                 const se = Math.min(N, $.index - X), re = [];
                 let pe = $.offset;
                 for (let le = $.index - 1; le >= $.index - se; le--) {
-                  const we = (D = (B = Ht(ke, le, le)[0]) == null ? void 0 : B.value) != null ? D : $.size;
+                  const we = (F = (B = Ht(ke, le, le)[0]) == null ? void 0 : B.value) != null ? F : $.size;
                   pe -= we + P, re.unshift({ data: M == null ? void 0 : M[le], index: le, offset: pe, size: we });
                 }
                 ne.unshift(...re);
@@ -2213,7 +2213,7 @@ const Pt = xe(
                 }
               }
             }
-            return mn(ne, ee, w, P, ue, _);
+            return mn(ne, ee, T, P, ue, _);
           }
         ),
         //@ts-expect-error filter needs to be fixed
@@ -2231,26 +2231,26 @@ const Pt = xe(
       o
     ), te(
       L(
-        T,
+        C,
         U((h) => h.topListHeight)
       ),
       m
     ), te(m, c), te(
       L(
-        T,
+        C,
         U((h) => [h.top, h.bottom])
       ),
       s
     ), te(
       L(
-        T,
+        C,
         U((h) => h.items)
       ),
       f
     );
     const k = Je(
       L(
-        T,
+        C,
         ce(({ items: h }) => h.length > 0),
         be(o, e),
         ce(([{ items: h }, S]) => h[h.length - 1].originalIndex === S - 1),
@@ -2260,7 +2260,7 @@ const Pt = xe(
       )
     ), R = Je(
       L(
-        T,
+        C,
         mt(200),
         ce(({ items: h, topItems: S }) => h.length > 0 && h[0].originalIndex === S.length),
         U(({ items: h }) => h[0].index),
@@ -2268,16 +2268,16 @@ const Pt = xe(
       )
     ), I = Je(
       L(
-        T,
+        C,
         ce(({ items: h }) => h.length > 0),
         U(({ items: h }) => {
-          let S = 0, w = h.length - 1;
-          for (; h[S].type === "group" && S < w; )
+          let S = 0, T = h.length - 1;
+          for (; h[S].type === "group" && S < T; )
             S++;
-          for (; h[w].type === "group" && w > S; )
-            w--;
+          for (; h[T].type === "group" && T > S; )
+            T--;
           return {
-            endIndex: h[w].index,
+            endIndex: h[T].index,
             startIndex: h[S].index
           };
         }),
@@ -2288,7 +2288,7 @@ const Pt = xe(
       endReached: k,
       initialItemCount: u,
       itemsRendered: f,
-      listState: T,
+      listState: C,
       minOverscanItemCount: g,
       rangeChanged: I,
       startReached: R,
@@ -2356,12 +2356,12 @@ const Pt = xe(
         d,
         be(t, l, n, i, o, r, c),
         be(e),
-        U(([[m, p, b, v, y, u, f, g], T]) => {
-          const { align: k, behavior: R, calculateViewLocation: I = Fs, done: h, ...S } = m, w = li(m, p, v - 1), E = Zt(w, p.offsetTree, T) + y + u, O = E + ut(p.sizeTree, w)[1], z = g + u, C = g + b - f, _ = I({
+        U(([[m, p, b, v, y, u, f, g], C]) => {
+          const { align: k, behavior: R, calculateViewLocation: I = Fs, done: h, ...S } = m, T = li(m, p, v - 1), E = Zt(T, p.offsetTree, C) + y + u, O = E + ut(p.sizeTree, T)[1], z = g + u, w = g + b - f, _ = I({
             itemBottom: O,
             itemTop: E,
             locationParams: { align: k, behavior: R, ...S },
-            viewportBottom: C,
+            viewportBottom: w,
             viewportTop: z
           });
           return _ ? h && ct(
@@ -2413,8 +2413,8 @@ const Ds = (e, t) => typeof e == "function" ? eo(e(t)) : t && eo(e), Ws = xe(
       L(
         Fe(L(ae(t), _t(1)), l),
         be(ae(v), i, c, m),
-        U(([[R, I], h, S, w, E]) => {
-          let O = I && w, z = "auto";
+        U(([[R, I], h, S, T, E]) => {
+          let O = I && T, z = "auto";
           return O && (z = Ds(h, S || E), O = O && !!z), { followOutputBehavior: z, shouldFollow: O, totalCount: R };
         }),
         ce(({ shouldFollow: R }) => R)
@@ -2452,7 +2452,7 @@ const Ds = (e, t) => typeof e == "function" ? eo(e(t)) : t && eo(e), Ws = xe(
     }), Ie(Fe(ae(v), o), ([R, I]) => {
       R && !I.atBottom && I.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && f("auto");
     });
-    const T = H(null), k = ye();
+    const C = H(null), k = ye();
     return te(
       ur(
         L(
@@ -2468,8 +2468,8 @@ const Ds = (e, t) => typeof e == "function" ? eo(e(t)) : t && eo(e), Ws = xe(
     ), Ie(
       L(
         Fe(L(k, _t(1)), l),
-        be(ae(T), c, m, p),
-        U(([[R, I], h, S, w, E]) => I && S && (h == null ? void 0 : h({ context: E, totalCount: R, scrollingInProgress: w }))),
+        be(ae(C), c, m, p),
+        U(([[R, I], h, S, T, E]) => I && S && (h == null ? void 0 : h({ context: E, totalCount: R, scrollingInProgress: T }))),
         ce((R) => !!R),
         mt(0)
       ),
@@ -2480,7 +2480,7 @@ const Ds = (e, t) => typeof e == "function" ? eo(e(t)) : t && eo(e), Ws = xe(
           Be(d)("scrolling into view", {}), ge(b, R), u = null;
         });
       }
-    ), { autoscrollToBottom: y, followOutput: v, scrollIntoViewOnChange: T };
+    ), { autoscrollToBottom: y, followOutput: v, scrollIntoViewOnChange: C };
   },
   Ee(
     gt,
@@ -2611,9 +2611,9 @@ const Ds = (e, t) => typeof e == "function" ? eo(e(t)) : t && eo(e), Ws = xe(
         a,
         be(t, r, s, m, p, n)
       ),
-      ([b, v, y, u, f, g, T]) => {
+      ([b, v, y, u, f, g, C]) => {
         const k = _s(v.sizeTree);
-        u && f !== null && g !== null && (y = f.scrollTop - g.offsetTop), y -= T, b({ ranges: k, scrollTop: y });
+        u && f !== null && g !== null && (y = f.scrollTop - g.offsetTop), y -= C, b({ ranges: k, scrollTop: y });
       }
     ), te(L(d, ce(Sr), U(js)), o), te(
       L(
@@ -2663,28 +2663,28 @@ const Ks = mi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
         l,
         be(s),
         ht(
-          ([, f, g, T], [{ bottom: k, items: R, offsetBottom: I, totalCount: h }, S]) => {
-            const w = k + I;
+          ([, f, g, C], [{ bottom: k, items: R, offsetBottom: I, totalCount: h }, S]) => {
+            const T = k + I;
             let E = 0;
-            return g === h && f.length > 0 && R.length > 0 && (R[0].originalIndex === 0 && f[0].originalIndex === 0 || (E = w - T, E !== 0 && (E += S))), [E, R, h, w];
+            return g === h && f.length > 0 && R.length > 0 && (R[0].originalIndex === 0 && f[0].originalIndex === 0 || (E = T - C, E !== 0 && (E += S))), [E, R, h, T];
           },
           [0, [], 0, 0]
         ),
         ce(([f]) => f !== 0),
         be(r, c, n, o, b, v),
-        ce(([, f, g, T, , , k]) => !k && !T && f !== 0 && g === Jt),
+        ce(([, f, g, C, , , k]) => !k && !C && f !== 0 && g === Jt),
         U(([[f], , , , , g]) => (g("Upward scrolling compensation", { amount: f }, Qe.DEBUG), f))
       )
     );
     function u(f) {
       f > 0 ? (ge(t, { behavior: "auto", top: -f }), ge(e, 0)) : (ge(e, 0), ge(t, { behavior: "auto", top: -f }));
     }
-    return Ie(L(y, be(e, i)), ([f, g, T]) => {
-      T && Ks() ? ge(e, g - f) : u(-f);
+    return Ie(L(y, be(e, i)), ([f, g, C]) => {
+      C && Ks() ? ge(e, g - f) : u(-f);
     }), Ie(
       L(
         Fe(je(i, !1), e, v),
-        ce(([f, g, T]) => !f && !T && g !== 0),
+        ce(([f, g, C]) => !f && !C && g !== 0),
         U(([f, g]) => g),
         mt(1)
       ),
@@ -2699,20 +2699,20 @@ const Ks = mi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       L(
         a,
         be(p, d),
-        U(([f, { groupIndices: g, lastSize: T, sizeTree: k }, R]) => {
+        U(([f, { groupIndices: g, lastSize: C, sizeTree: k }, R]) => {
           function I(h) {
-            return h * (T + R);
+            return h * (C + R);
           }
           if (g.length === 0)
             return I(f);
           {
             let h = 0;
             const S = Yt(k, 0);
-            let w = 0, E = 0;
-            for (; w < f; ) {
-              w++, h += S;
+            let T = 0, E = 0;
+            for (; T < f; ) {
+              T++, h += S;
               let O = g.length === E + 1 ? 1 / 0 : g[E + 1] - g[E] - 1;
-              w + O > f && (h -= S, O = f - w + 1), w += O, h += I(O), E++;
+              T + O > f && (h -= S, O = f - T + 1), T += O, h += I(O), E++;
             }
             return h;
           }
@@ -2788,18 +2788,18 @@ const Ks = mi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     { initialItemFinalLocationReached: v, initialTopMostItemIndex: y, scrolledToInitialItem: u },
     f,
     g,
-    T,
+    C,
     k,
     { scrollToIndex: R },
     I,
     { topItemCount: h },
     { groupCounts: S },
-    w
+    T
   ]) => {
-    const { listState: E, minOverscanItemCount: O, topItemsIndexes: z, rangeChanged: C, ..._ } = k;
-    return te(C, w.scrollSeekRangeChanged), te(
+    const { listState: E, minOverscanItemCount: O, topItemsIndexes: z, rangeChanged: w, ..._ } = k;
+    return te(w, T.scrollSeekRangeChanged), te(
       L(
-        w.windowViewportRect,
+        T.windowViewportRect,
         U((P) => P.visibleHeight)
       ),
       f.viewportHeight
@@ -2820,7 +2820,7 @@ const Ks = mi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       topItemsIndexes: z,
       // input
       totalCount: p,
-      ...T,
+      ...C,
       groupIndices: s,
       itemSize: l,
       listState: E,
@@ -2830,10 +2830,10 @@ const Ks = mi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       statefulTotalCount: m,
       trackItemSizes: b,
       // exported from stateFlagsSystem
-      rangeChanged: C,
+      rangeChanged: w,
       ..._,
       // the bag of IO from featureGroup1System
-      ...w,
+      ...T,
       ...f,
       sizes: d,
       ...g
@@ -2863,84 +2863,84 @@ function Qs(e, t) {
     Object.hasOwn(r, s) || (n[s] = t[s]);
   return n;
 }
-const dn = typeof document < "u" ? F.useLayoutEffect : F.useEffect;
+const dn = typeof document < "u" ? D.useLayoutEffect : D.useEffect;
 function vi(e, t, n) {
-  const r = Object.keys(t.required || {}), o = Object.keys(t.optional || {}), i = Object.keys(t.methods || {}), s = Object.keys(t.events || {}), c = F.createContext({});
+  const r = Object.keys(t.required || {}), o = Object.keys(t.optional || {}), i = Object.keys(t.methods || {}), s = Object.keys(t.events || {}), c = D.createContext({});
   function l(u, f) {
     u.propsReady && ge(u.propsReady, !1);
     for (const g of r) {
-      const T = u[t.required[g]];
-      ge(T, f[g]);
+      const C = u[t.required[g]];
+      ge(C, f[g]);
     }
     for (const g of o)
       if (g in f) {
-        const T = u[t.optional[g]];
-        ge(T, f[g]);
+        const C = u[t.optional[g]];
+        ge(C, f[g]);
       }
     u.propsReady && ge(u.propsReady, !0);
   }
   function a(u) {
-    return i.reduce((f, g) => (f[g] = (T) => {
+    return i.reduce((f, g) => (f[g] = (C) => {
       const k = u[t.methods[g]];
-      ge(k, T);
+      ge(k, C);
     }, f), {});
   }
   function d(u) {
     return s.reduce((f, g) => (f[g] = ps(u[t.events[g]]), f), {});
   }
-  const m = F.forwardRef((u, f) => {
-    const { children: g, ...T } = u, [k] = F.useState(() => _n(gs(e), (h) => {
-      l(h, T);
-    })), [R] = F.useState(Vr(d, k));
+  const m = D.forwardRef((u, f) => {
+    const { children: g, ...C } = u, [k] = D.useState(() => _n(gs(e), (h) => {
+      l(h, C);
+    })), [R] = D.useState(Vr(d, k));
     dn(() => {
       for (const h of s)
-        h in T && Ie(R[h], T[h]);
+        h in C && Ie(R[h], C[h]);
       return () => {
         Object.values(R).map(yr);
       };
-    }, [T, R, k]), dn(() => {
-      l(k, T);
-    }), F.useImperativeHandle(f, $r(a(k)));
+    }, [C, R, k]), dn(() => {
+      l(k, C);
+    }), D.useImperativeHandle(f, $r(a(k)));
     const I = n;
-    return /* @__PURE__ */ x(c.Provider, { value: k, children: n ? /* @__PURE__ */ x(I, { ...Qs([...r, ...o, ...s], T), children: g }) : g });
+    return /* @__PURE__ */ x(c.Provider, { value: k, children: n ? /* @__PURE__ */ x(I, { ...Qs([...r, ...o, ...s], C), children: g }) : g });
   }), p = (u) => {
-    const f = F.useContext(c);
-    return F.useCallback(
+    const f = D.useContext(c);
+    return D.useCallback(
       (g) => {
         ge(f[u], g);
       },
       [f, u]
     );
   }, b = (u) => {
-    const f = F.useContext(c)[u], g = F.useCallback(
-      (T) => Ie(f, T),
+    const f = D.useContext(c)[u], g = D.useCallback(
+      (C) => Ie(f, C),
       [f]
     );
-    return F.useSyncExternalStore(
+    return D.useSyncExternalStore(
       g,
       () => Be(f),
       () => Be(f)
     );
   }, v = (u) => {
-    const f = F.useContext(c)[u], [g, T] = F.useState(Vr(Be, f));
+    const f = D.useContext(c)[u], [g, C] = D.useState(Vr(Be, f));
     return dn(
       () => Ie(f, (k) => {
-        k !== g && T($r(k));
+        k !== g && C($r(k));
       }),
       [f, g]
     ), g;
-  }, y = F.version.startsWith("18") ? b : v;
+  }, y = D.version.startsWith("18") ? b : v;
   return {
     Component: m,
     useEmitter: (u, f) => {
-      const g = F.useContext(c)[u];
+      const g = D.useContext(c)[u];
       dn(() => Ie(g, f), [f, g]);
     },
     useEmitterValue: y,
     usePublisher: p
   };
 }
-const Si = F.createContext(void 0), yi = F.createContext(void 0), xi = typeof document < "u" ? F.useLayoutEffect : F.useEffect;
+const Si = D.createContext(void 0), yi = D.createContext(void 0), xi = typeof document < "u" ? D.useLayoutEffect : D.useEffect;
 function Wn(e) {
   return "self" in e;
 }
@@ -2948,7 +2948,7 @@ function Zs(e) {
   return "body" in e;
 }
 function wi(e, t, n, r = $t, o, i) {
-  const s = F.useRef(null), c = F.useRef(null), l = F.useRef(null), a = F.useCallback(
+  const s = D.useRef(null), c = D.useRef(null), l = D.useRef(null), a = D.useCallback(
     (p) => {
       let b, v, y;
       const u = p.target;
@@ -2968,7 +2968,7 @@ function wi(e, t, n, r = $t, o, i) {
     },
     [e, t, i]
   );
-  F.useEffect(() => {
+  D.useEffect(() => {
     const p = o || s.current;
     return r(o || s.current), a({ suppressFlushSync: !0, target: p }), p.addEventListener("scroll", a, { passive: !0 }), () => {
       r(null), p.removeEventListener("scroll", a);
@@ -3036,7 +3036,7 @@ const Js = /* @__PURE__ */ xe(() => {
 }), el = /* @__PURE__ */ xe(
   ([e, t]) => ({ ...e, ...t }),
   Ee(bi, Js)
-), tl = ({ height: e }) => /* @__PURE__ */ x("div", { style: { height: e } }), nl = { overflowAnchor: "none", position: _r(), zIndex: 1 }, Ii = { overflowAnchor: "none" }, rl = { ...Ii, display: "inline-block", height: "100%" }, no = /* @__PURE__ */ F.memo(function({ showTopList: e = !1 }) {
+), tl = ({ height: e }) => /* @__PURE__ */ x("div", { style: { height: e } }), nl = { overflowAnchor: "none", position: _r(), zIndex: 1 }, Ii = { overflowAnchor: "none" }, rl = { ...Ii, display: "inline-block", height: "100%" }, no = /* @__PURE__ */ D.memo(function({ showTopList: e = !1 }) {
   const t = fe("listState"), n = nt("sizeRanges"), r = fe("useWindowScroll"), o = fe("customScrollParent"), i = nt("windowScrollContainerState"), s = nt("scrollContainerState"), c = o || r ? i : s, l = fe("itemContent"), a = fe("context"), d = fe("groupContent"), m = fe("trackItemSizes"), p = fe("itemSize"), b = fe("log"), v = nt("gap"), y = fe("horizontalDirection"), { callbackRef: u } = vs(
     n,
     p,
@@ -3047,11 +3047,11 @@ const Js = /* @__PURE__ */ xe(() => {
     o,
     y,
     fe("skipAnimationFrameInResizeObserver")
-  ), [f, g] = F.useState(0);
+  ), [f, g] = D.useState(0);
   Er("deviation", (_) => {
     f !== _ && g(_);
   });
-  const T = fe("EmptyPlaceholder"), k = fe("ScrollSeekPlaceholder") || tl, R = fe("ListComponent"), I = fe("ItemComponent"), h = fe("GroupComponent"), S = fe("computeItemKey"), w = fe("isSeeking"), E = fe("groupIndices").length > 0, O = fe("alignToBottom"), z = fe("initialItemFinalLocationReached"), C = e ? {} : {
+  const C = fe("EmptyPlaceholder"), k = fe("ScrollSeekPlaceholder") || tl, R = fe("ListComponent"), I = fe("ItemComponent"), h = fe("GroupComponent"), S = fe("computeItemKey"), T = fe("isSeeking"), E = fe("groupIndices").length > 0, O = fe("alignToBottom"), z = fe("initialItemFinalLocationReached"), w = e ? {} : {
     boxSizing: "border-box",
     ...y ? {
       display: "inline-block",
@@ -3067,16 +3067,16 @@ const Js = /* @__PURE__ */ xe(() => {
     },
     ...z ? {} : { visibility: "hidden" }
   };
-  return !e && t.totalCount === 0 && T ? /* @__PURE__ */ x(T, { ...qe(T, a) }) : /* @__PURE__ */ x(
+  return !e && t.totalCount === 0 && C ? /* @__PURE__ */ x(C, { ...qe(C, a) }) : /* @__PURE__ */ x(
     R,
     {
       ...qe(R, a),
       "data-testid": e ? "virtuoso-top-item-list" : "virtuoso-item-list",
       ref: u,
-      style: C,
+      style: w,
       children: (e ? t.topItems : t.items).map((_) => {
         const P = _.originalIndex, G = S(P + t.firstItemIndex, _.data, a);
-        return w ? /* @__PURE__ */ hn(
+        return T ? /* @__PURE__ */ hn(
           k,
           {
             ...qe(k, a),
@@ -3143,9 +3143,9 @@ function qe(e, t) {
 function ll(e, t) {
   return { item: typeof e == "string" ? void 0 : t };
 }
-const al = /* @__PURE__ */ F.memo(function() {
+const al = /* @__PURE__ */ D.memo(function() {
   const e = fe("HeaderComponent"), t = nt("headerHeight"), n = fe("HeaderFooterTag"), r = Ot(
-    F.useMemo(
+    D.useMemo(
       () => (i) => {
         t(St(i, "height"));
       },
@@ -3155,9 +3155,9 @@ const al = /* @__PURE__ */ F.memo(function() {
     fe("skipAnimationFrameInResizeObserver")
   ), o = fe("context");
   return e ? /* @__PURE__ */ x(n, { ref: r, children: /* @__PURE__ */ x(e, { ...qe(e, o) }) }) : null;
-}), cl = /* @__PURE__ */ F.memo(function() {
+}), cl = /* @__PURE__ */ D.memo(function() {
   const e = fe("FooterComponent"), t = nt("footerHeight"), n = fe("HeaderFooterTag"), r = Ot(
-    F.useMemo(
+    D.useMemo(
       () => (i) => {
         t(St(i, "height"));
       },
@@ -3169,7 +3169,7 @@ const al = /* @__PURE__ */ F.memo(function() {
   return e ? /* @__PURE__ */ x(n, { ref: r, children: /* @__PURE__ */ x(e, { ...qe(e, o) }) }) : null;
 });
 function Ci({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
-  return F.memo(function({ children: r, style: o, context: i, ...s }) {
+  return D.memo(function({ children: r, style: o, context: i, ...s }) {
     const c = n("scrollContainerState"), l = t("ScrollerComponent"), a = n("smoothScrollTargetReached"), d = t("scrollerRef"), m = t("horizontalDirection") || !1, { scrollByCallback: p, scrollerRef: b, scrollToCallback: v } = wi(
       c,
       a,
@@ -3194,8 +3194,8 @@ function Ci({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   });
 }
 function Ti({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
-  return F.memo(function({ children: r, style: o, context: i, ...s }) {
-    const c = n("windowScrollContainerState"), l = t("ScrollerComponent"), a = n("smoothScrollTargetReached"), d = t("totalListHeight"), m = t("deviation"), p = t("customScrollParent"), b = F.useRef(null), v = t("scrollerRef"), { scrollByCallback: y, scrollerRef: u, scrollToCallback: f } = wi(
+  return D.memo(function({ children: r, style: o, context: i, ...s }) {
+    const c = n("windowScrollContainerState"), l = t("ScrollerComponent"), a = n("smoothScrollTargetReached"), d = t("totalListHeight"), m = t("deviation"), p = t("customScrollParent"), b = D.useRef(null), v = t("scrollerRef"), { scrollByCallback: y, scrollerRef: u, scrollToCallback: f } = wi(
       c,
       a,
       l,
@@ -3221,30 +3221,30 @@ function Ti({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   });
 }
 const ul = ({ children: e }) => {
-  const t = F.useContext(Si), n = nt("viewportHeight"), r = nt("fixedItemHeight"), o = fe("alignToBottom"), i = fe("horizontalDirection"), s = F.useMemo(
+  const t = D.useContext(Si), n = nt("viewportHeight"), r = nt("fixedItemHeight"), o = fe("alignToBottom"), i = fe("horizontalDirection"), s = D.useMemo(
     () => Yo(n, (l) => St(l, i ? "width" : "height")),
     [n, i]
   ), c = Ot(s, !0, fe("skipAnimationFrameInResizeObserver"));
-  return F.useEffect(() => {
+  return D.useEffect(() => {
     t && (n(t.viewportHeight), r(t.itemHeight));
   }, [t, n, r]), /* @__PURE__ */ x("div", { "data-viewport-type": "element", ref: c, style: En(o), children: e });
 }, dl = ({ children: e }) => {
-  const t = F.useContext(Si), n = nt("windowViewportRect"), r = nt("fixedItemHeight"), o = fe("customScrollParent"), i = Zo(
+  const t = D.useContext(Si), n = nt("windowViewportRect"), r = nt("fixedItemHeight"), o = fe("customScrollParent"), i = Zo(
     n,
     o,
     fe("skipAnimationFrameInResizeObserver")
   ), s = fe("alignToBottom");
-  return F.useEffect(() => {
+  return D.useEffect(() => {
     t && (r(t.itemHeight), n({ offsetTop: 0, visibleHeight: t.viewportHeight, visibleWidth: 100 }));
   }, [t, n, r]), /* @__PURE__ */ x("div", { "data-viewport-type": "window", ref: i, style: En(s), children: e });
 }, fl = ({ children: e }) => {
   const t = fe("TopItemListComponent") || "div", n = fe("headerHeight"), r = { ...sl, marginTop: `${n}px` }, o = fe("context");
   return /* @__PURE__ */ x(t, { style: r, ...qe(t, o), children: e });
-}, pl = /* @__PURE__ */ F.memo(function(e) {
+}, pl = /* @__PURE__ */ D.memo(function(e) {
   const t = fe("useWindowScroll"), n = fe("topItemsIndexes").length > 0, r = fe("customScrollParent"), o = fe("context");
-  return /* @__PURE__ */ Q(r || t ? ml : gl, { ...e, context: o, children: [
+  return /* @__PURE__ */ Z(r || t ? ml : gl, { ...e, context: o, children: [
     n && /* @__PURE__ */ x(fl, { children: /* @__PURE__ */ x(no, { showTopList: !0 }) }),
-    /* @__PURE__ */ Q(r || t ? dl : ul, { children: [
+    /* @__PURE__ */ Z(r || t ? dl : ul, { children: [
       /* @__PURE__ */ x(al, {}),
       /* @__PURE__ */ x(no, {}),
       /* @__PURE__ */ x(cl, {})
@@ -3319,10 +3319,10 @@ const ul = ({ children: e }) => {
   },
   pl
 ), gl = /* @__PURE__ */ Ci({ useEmitter: Er, useEmitterValue: fe, usePublisher: nt }), ml = /* @__PURE__ */ Ti({ useEmitter: Er, useEmitterValue: fe, usePublisher: nt }), bl = hl, vl = /* @__PURE__ */ xe(() => {
-  const e = H((a) => /* @__PURE__ */ Q("td", { children: [
+  const e = H((a) => /* @__PURE__ */ Z("td", { children: [
     "Item $",
     a
-  ] })), t = H(null), n = H((a) => /* @__PURE__ */ Q("td", { colSpan: 1e3, children: [
+  ] })), t = H(null), n = H((a) => /* @__PURE__ */ Z("td", { colSpan: 1e3, children: [
     "Group ",
     a
   ] })), r = H(null), o = H(null), i = H({}), s = H(Mr), c = H($t), l = (a, d = null) => je(
@@ -3395,14 +3395,14 @@ const wl = /* @__PURE__ */ xe(
     p,
     b,
     { didMount: v, propsReady: y },
-    { customScrollParent: u, useWindowScroll: f, windowScrollContainerState: g, windowScrollTo: T, windowViewportRect: k },
+    { customScrollParent: u, useWindowScroll: f, windowScrollContainerState: g, windowScrollTo: C, windowViewportRect: k },
     R
   ]) => {
-    const I = H(0), h = H(0), S = H(ro), w = H({ height: 0, width: 0 }), E = H({ height: 0, width: 0 }), O = ye(), z = ye(), C = H(0), _ = H(null), P = H({ column: 0, row: 0 }), G = ye(), M = ye(), B = H(!1), D = H(0), V = H(!0), q = H(!1), ue = H(!1);
+    const I = H(0), h = H(0), S = H(ro), T = H({ height: 0, width: 0 }), E = H({ height: 0, width: 0 }), O = ye(), z = ye(), w = H(0), _ = H(null), P = H({ column: 0, row: 0 }), G = ye(), M = ye(), B = H(!1), F = H(0), V = H(!0), q = H(!1), ue = H(!1);
     Ie(
       L(
         v,
-        be(D),
+        be(F),
         ce(([A, K]) => !!K)
       ),
       () => {
@@ -3410,7 +3410,7 @@ const wl = /* @__PURE__ */ xe(
       }
     ), Ie(
       L(
-        Fe(v, V, E, w, D, q),
+        Fe(v, V, E, T, F, q),
         ce(([A, K, ne, N, , oe]) => A && !K && ne.height !== 0 && N.height !== 0 && !oe)
       ),
       ([, , , , A]) => {
@@ -3434,20 +3434,20 @@ const wl = /* @__PURE__ */ xe(
         ce(([, A]) => A != null)
       ),
       ([, A]) => {
-        A && (ge(w, A.viewport), ge(E, A.item), ge(P, A.gap), A.scrollTop > 0 && (ge(B, !0), ct(L(a, _t(1)), (K) => {
+        A && (ge(T, A.viewport), ge(E, A.item), ge(P, A.gap), A.scrollTop > 0 && (ge(B, !0), ct(L(a, _t(1)), (K) => {
           ge(B, !1);
         }), ge(l, { top: A.scrollTop })));
       }
     ), te(
       L(
-        w,
+        T,
         U(({ height: A }) => A)
       ),
       m
     ), te(
       L(
         Fe(
-          ae(w, fn),
+          ae(T, fn),
           ae(E, fn),
           ae(P, (A, K) => A && A.column === K.column && A.row === K.row),
           ae(a)
@@ -3467,12 +3467,12 @@ const wl = /* @__PURE__ */ xe(
           r,
           ae(P, xl),
           ae(E, fn),
-          ae(w, fn),
+          ae(T, fn),
           ae(_),
           ae(h),
           ae(B),
           ae(V),
-          ae(D)
+          ae(F)
         ),
         ce(([, , , , , , , A]) => !A),
         U(
@@ -3513,7 +3513,7 @@ const wl = /* @__PURE__ */ xe(
       I
     ), te(
       L(
-        Fe(w, E, S, P),
+        Fe(T, E, S, P),
         ce(([A, K, { items: ne }]) => ne.length > 0 && K.height !== 0 && A.height !== 0),
         U(([A, K, { items: ne }, N]) => {
           const { bottom: oe, top: $ } = lo(A, N, K, ne);
@@ -3567,7 +3567,7 @@ const wl = /* @__PURE__ */ xe(
     te(ee, b.scrollSeekRangeChanged), te(
       L(
         O,
-        be(w, E, I, P),
+        be(T, E, I, P),
         U(([A, K, ne, N, oe]) => {
           const $ = ci(A), { align: J, behavior: se, offset: re } = $;
           let pe = $.index;
@@ -3590,12 +3590,12 @@ const wl = /* @__PURE__ */ xe(
         k,
         U((A) => ({ height: A.visibleHeight, width: A.visibleWidth }))
       ),
-      w
+      T
     ), {
       customScrollParent: u,
       // input
       data: _,
-      deviation: C,
+      deviation: w,
       footerHeight: o,
       gap: P,
       headerHeight: i,
@@ -3613,15 +3613,15 @@ const wl = /* @__PURE__ */ xe(
       smoothScrollTargetReached: d,
       totalCount: I,
       useWindowScroll: f,
-      viewportDimensions: w,
+      viewportDimensions: T,
       windowScrollContainerState: g,
-      windowScrollTo: T,
+      windowScrollTo: C,
       windowViewportRect: k,
       ...b,
       // output
       gridState: S,
       horizontalDirection: ue,
-      initialTopMostItemIndex: D,
+      initialTopMostItemIndex: F,
       totalListHeight: X,
       ...p,
       endReached: ke,
@@ -3679,15 +3679,15 @@ const Il = /* @__PURE__ */ xe(() => {
 }), Cl = /* @__PURE__ */ xe(
   ([e, t]) => ({ ...e, ...t }),
   Ee(wl, Il)
-), Tl = /* @__PURE__ */ F.memo(function() {
+), Tl = /* @__PURE__ */ D.memo(function() {
   const e = Pe("gridState"), t = Pe("listClassName"), n = Pe("itemClassName"), r = Pe("itemContent"), o = Pe("computeItemKey"), i = Pe("isSeeking"), s = rt("scrollHeight"), c = Pe("ItemComponent"), l = Pe("ListComponent"), a = Pe("ScrollSeekPlaceholder"), d = Pe("context"), m = rt("itemDimensions"), p = rt("gap"), b = Pe("log"), v = Pe("stateRestoreInProgress"), y = rt("reportReadyState"), u = Ot(
-    F.useMemo(
+    D.useMemo(
       () => (f) => {
         const g = f.parentElement.parentElement.scrollHeight;
         s(g);
-        const T = f.firstChild;
-        if (T) {
-          const { height: k, width: R } = T.getBoundingClientRect();
+        const C = f.firstChild;
+        if (C) {
+          const { height: k, width: R } = C.getBoundingClientRect();
           m({ height: k, width: R });
         }
         p({
@@ -3734,9 +3734,9 @@ const Il = /* @__PURE__ */ xe(() => {
       })
     }
   );
-}), kl = F.memo(function() {
+}), kl = D.memo(function() {
   const e = Pe("HeaderComponent"), t = rt("headerHeight"), n = Pe("headerFooterTag"), r = Ot(
-    F.useMemo(
+    D.useMemo(
       () => (i) => {
         t(St(i, "height"));
       },
@@ -3746,9 +3746,9 @@ const Il = /* @__PURE__ */ xe(() => {
     !1
   ), o = Pe("context");
   return e ? /* @__PURE__ */ x(n, { ref: r, children: /* @__PURE__ */ x(e, { ...qe(e, o) }) }) : null;
-}), Rl = F.memo(function() {
+}), Rl = D.memo(function() {
   const e = Pe("FooterComponent"), t = rt("footerHeight"), n = Pe("headerFooterTag"), r = Ot(
-    F.useMemo(
+    D.useMemo(
       () => (i) => {
         t(St(i, "height"));
       },
@@ -3759,8 +3759,8 @@ const Il = /* @__PURE__ */ xe(() => {
   ), o = Pe("context");
   return e ? /* @__PURE__ */ x(n, { ref: r, children: /* @__PURE__ */ x(e, { ...qe(e, o) }) }) : null;
 }), _l = ({ children: e }) => {
-  const t = F.useContext(yi), n = rt("itemDimensions"), r = rt("viewportDimensions"), o = Ot(
-    F.useMemo(
+  const t = D.useContext(yi), n = rt("itemDimensions"), r = rt("viewportDimensions"), o = Ot(
+    D.useMemo(
       () => (i) => {
         r(i.getBoundingClientRect());
       },
@@ -3769,17 +3769,17 @@ const Il = /* @__PURE__ */ xe(() => {
     !0,
     !1
   );
-  return F.useEffect(() => {
+  return D.useEffect(() => {
     t && (r({ height: t.viewportHeight, width: t.viewportWidth }), n({ height: t.itemHeight, width: t.itemWidth }));
   }, [t, r, n]), /* @__PURE__ */ x("div", { ref: o, style: En(!1), children: e });
 }, Ml = ({ children: e }) => {
-  const t = F.useContext(yi), n = rt("windowViewportRect"), r = rt("itemDimensions"), o = Pe("customScrollParent"), i = Zo(n, o, !1);
-  return F.useEffect(() => {
+  const t = D.useContext(yi), n = rt("windowViewportRect"), r = rt("itemDimensions"), o = Pe("customScrollParent"), i = Zo(n, o, !1);
+  return D.useEffect(() => {
     t && (r({ height: t.itemHeight, width: t.itemWidth }), n({ offsetTop: 0, visibleHeight: t.viewportHeight, visibleWidth: t.viewportWidth }));
   }, [t, n, r]), /* @__PURE__ */ x("div", { ref: i, style: En(!1), children: e });
-}, El = /* @__PURE__ */ F.memo(function({ ...e }) {
+}, El = /* @__PURE__ */ D.memo(function({ ...e }) {
   const t = Pe("useWindowScroll"), n = Pe("customScrollParent"), r = n || t ? Pl : Ol, o = n || t ? Ml : _l, i = Pe("context");
-  return /* @__PURE__ */ x(r, { ...e, ...qe(r, i), children: /* @__PURE__ */ Q(o, { children: [
+  return /* @__PURE__ */ x(r, { ...e, ...qe(r, i), children: /* @__PURE__ */ Z(o, { children: [
     /* @__PURE__ */ x(kl, {}),
     /* @__PURE__ */ x(Tl, {}),
     /* @__PURE__ */ x(Rl, {})
@@ -3884,7 +3884,7 @@ function Vl(e, t) {
   );
 }
 function nn(e) {
-  const t = F.useRef(void 0);
+  const t = D.useRef(void 0);
   return (n) => {
     const r = e(n);
     return Vl(t.current, r) ? t.current : t.current = r;
@@ -3902,88 +3902,96 @@ const Ul = Object.freeze({
   showPointer: void 0,
   pointerStyle: void 0,
   pointerColor: void 0
-}), _i = F.memo(
+}), _i = D.memo(
   function({ runs: t, ns: n, baseIndex: r, preGroups: o }) {
-    const i = _e((w) => w.setClipIndex), s = _e((w) => w.seek), c = j((w) => w.setCurrentGlobalRunIndex), l = yn(), a = j((w) => w.rangeStartGI), d = j((w) => w.rangeEndGI), m = j((w) => w.setRange), p = a != null && d != null, b = Z(
-      (w) => {
-        var M;
-        const E = (M = w.target) == null ? void 0 : M.closest("[data-g]");
-        if (!E) return;
-        const O = Number(E.dataset.g), z = O - r;
-        if (z < 0 || z >= t.length) return;
-        const C = t[z], _ = C.text ?? "";
-        if (!_.trim() || !/[가-힣a-zA-Z0-9]/.test(_)) return;
-        c(O, "program");
-        const P = C.audioChunkIndex, G = C.audioTimeMs;
-        P != null && G != null && (i(P), s(G));
+    const i = _e((O) => O.setClipIndex), s = _e((O) => O.seek), c = j((O) => O.setCurrentGlobalRunIndex), l = yn(), a = j((O) => O.rangeStartGI), d = j((O) => O.rangeEndGI), m = j((O) => O.setRange), p = a != null && d != null, b = Q(
+      (O) => {
+        var F;
+        const z = (F = O.target) == null ? void 0 : F.closest("[data-g]");
+        if (!z) return;
+        const w = Number(z.dataset.g), _ = w - r;
+        if (_ < 0 || _ >= t.length) return;
+        const P = t[_], G = P.text ?? "";
+        if (!G.trim() || !/[가-힣a-zA-Z0-9]/.test(G)) return;
+        c(w, "program");
+        const M = P.audioChunkIndex, B = P.audioTimeMs;
+        M != null && B != null && (i(M), s(B));
       },
       [t, r, s, i, c]
-    ), v = ie(null), y = ie(!1), u = Z(
-      (w) => {
-        var C;
-        const E = (C = w.target) == null ? void 0 : C.closest("[data-g]");
-        if (!E) return;
-        const O = Number(E.dataset.g), z = O - r;
-        z < 0 || z >= t.length || (y.current = !1, v.current && (window.clearTimeout(v.current), v.current = null), v.current = window.setTimeout(() => {
-          l.getState().status !== "playing" && (m(O, O), y.current = !0, v.current = null);
+    ), v = ie(null), y = ie(!1), u = ie({ x: 0, y: 0 }), f = Q(
+      (O) => {
+        var P;
+        const z = (P = O.target) == null ? void 0 : P.closest("[data-g]");
+        if (!z) return;
+        const w = Number(z.dataset.g), _ = w - r;
+        _ < 0 || _ >= t.length || (y.current = !1, u.current = { x: O.clientX, y: O.clientY }, v.current && (window.clearTimeout(v.current), v.current = null), v.current = window.setTimeout(() => {
+          l.getState().status !== "playing" && (m(w, w), y.current = !0, v.current = null);
         }, 800));
       },
       [t, r, m, l]
-    ), f = Z(() => {
+    ), g = Q(() => {
       v.current && (window.clearTimeout(v.current), v.current = null);
-    }, []), g = Z(() => {
-      f();
-    }, [f]), T = f, k = f, R = j((w) => w.clearRange), I = Z(
-      (w) => {
-        var z;
+    }, []), C = Q(
+      (O) => {
+        if (!v.current) return;
+        const z = O.clientX - u.current.x, w = O.clientY - u.current.y;
+        (Math.abs(z) > 5 || Math.abs(w) > 5) && g();
+      },
+      [g]
+    ), k = Q(() => {
+      g();
+    }, [g]), R = g, I = g, h = j((O) => O.clearRange), S = Q(
+      (O) => {
+        var _;
         if (y.current) {
           y.current = !1;
           return;
         }
-        const E = (z = w.target) == null ? void 0 : z.closest("[data-g]");
-        if (!E) return;
-        const O = Number(E.dataset.g);
-        isNaN(O) || p && a != null && d != null && (R(), w.stopPropagation());
+        const z = (_ = O.target) == null ? void 0 : _.closest("[data-g]");
+        if (!z) return;
+        const w = Number(z.dataset.g);
+        isNaN(w) || p && a != null && d != null && (h(), O.stopPropagation());
       },
-      [p, a, d, R]
-    ), h = o, S = r + t.length - 1;
+      [p, a, d, h]
+    ), T = o, E = r + t.length - 1;
     return /* @__PURE__ */ x(
       "span",
       {
-        onClick: I,
+        onClick: S,
         onDoubleClick: b,
-        onPointerDown: u,
-        onPointerUp: g,
-        onPointerCancel: T,
-        onPointerLeave: k,
-        children: h.map((w, E) => /* @__PURE__ */ x(
+        onPointerDown: f,
+        onPointerMove: C,
+        onPointerUp: k,
+        onPointerCancel: R,
+        onPointerLeave: I,
+        children: T.map((O, z) => /* @__PURE__ */ x(
           Xl,
           {
             ns: n,
-            group: w,
+            group: O,
             runs: t,
-            paraLastG: S,
+            paraLastG: E,
             rangeStartGI: a,
             rangeEndGI: d
           },
-          `${n}/grp:${E}-${w.startG}`
+          `${n}/grp:${z}-${O.startG}`
         ))
       }
     );
   },
   (e, t) => e.ns === t.ns && e.baseIndex === t.baseIndex && e.runs === t.runs && e.sectionId === t.sectionId
-), Kl = F.memo(function() {
-  const t = Z((r) => ({
+), Kl = D.memo(function() {
+  const t = Q((r) => ({
     showSplit: r.showSplit,
     slash: r.breakMarks.slash,
     breakGapPx: r.breakGapPx
   }), []), n = Y(nn(t));
-  return n.showSplit ? /* @__PURE__ */ Q(yt, { children: [
+  return n.showSplit ? /* @__PURE__ */ Z(yt, { children: [
     /* @__PURE__ */ x("span", { style: { display: "inline-block", width: n.breakGapPx / 2 } }),
     n.slash && /* @__PURE__ */ x("span", { children: " / " }),
     /* @__PURE__ */ x("span", { style: { display: "inline-block", width: n.breakGapPx / 2 } })
   ] }) : null;
-}), Xl = F.memo(
+}), Xl = D.memo(
   function({
     ns: t,
     group: n,
@@ -3992,13 +4000,13 @@ const Ul = Object.freeze({
     rangeStartGI: i,
     rangeEndGI: s
   }) {
-    const c = Z(
+    const c = Q(
       (u) => {
         const f = u.currentGlobalRunIndex;
         return f != null && f >= n.startG && f <= n.endG;
       },
       [n]
-    ), l = j(nn(c)), a = Z(
+    ), l = j(nn(c)), a = Q(
       (u) => l ? {
         showPointer: u.showPointer,
         pointerStyle: u.pointerStyle,
@@ -4014,15 +4022,15 @@ const Ul = Object.freeze({
       "--ul-offset": "0.35em"
     } : void 0;
     return /* @__PURE__ */ x(yt, { children: Array.from({ length: p }).map((u, f) => {
-      const T = r[m + f], k = n.startG + f, R = `${t}/run:${k}`, I = !!T.split && k !== o;
+      const C = r[m + f], k = n.startG + f, R = `${t}/run:${k}`, I = !!C.split && k !== o;
       let h = `${ft.runWrap}`;
-      return b && (p === 1 ? h += ` ${ft.highlight}` : f === 0 ? h += ` ${ft.highlightleft}` : f + 1 === p ? h += ` ${ft.highlightright}` : h += ` ${ft.highlightcenter}`), v && (p === 1 ? h += ` ${ft.underline}` : f === 0 ? h += ` ${ft.underlineleft}` : f + 1 === p ? h += ` ${ft.underlineright}` : h += ` ${ft.underlinecenter}`), /* @__PURE__ */ Q(F.Fragment, { children: [
+      return b && (p === 1 ? h += ` ${ft.highlight}` : f === 0 ? h += ` ${ft.highlightleft}` : f + 1 === p ? h += ` ${ft.highlightright}` : h += ` ${ft.highlightcenter}`), v && (p === 1 ? h += ` ${ft.underline}` : f === 0 ? h += ` ${ft.underlineleft}` : f + 1 === p ? h += ` ${ft.underlineright}` : h += ` ${ft.underlinecenter}`), /* @__PURE__ */ Z(D.Fragment, { children: [
         /* @__PURE__ */ x("span", { className: h, style: y, children: /* @__PURE__ */ x(
           Yl,
           {
             gi: n.startG,
             g: k,
-            run: T,
+            run: C,
             active: l,
             pointerCfg: d,
             isInRange: i != null && s != null && k >= i && k <= s
@@ -4035,7 +4043,7 @@ const Ul = Object.freeze({
   (e, t) => e.group === t.group && // 그룹 메타 참조 동일
   e.runs === t.runs && // 원본 runs 참조 동일
   e.ns === t.ns && e.rangeStartGI === t.rangeStartGI && e.rangeEndGI === t.rangeEndGI
-), Yl = F.memo(
+), Yl = D.memo(
   function({
     gi: t,
     g: n,
@@ -4082,7 +4090,7 @@ function Ql({
 }) {
   var a;
   const s = e.list ? e.list.level * 24 : 0, c = ((a = e.list) == null ? void 0 : a.kind) === "bullet" ? e.list.glyph ?? "•" : void 0, l = t ?? c;
-  return /* @__PURE__ */ Q(
+  return /* @__PURE__ */ Z(
     "p",
     {
       style: {
@@ -4121,7 +4129,7 @@ function Ql({
     }
   );
 }
-const Zl = F.memo(Ql, (e, t) => e.block === t.block && // block 참조 안정화 중요
+const Zl = D.memo(Ql, (e, t) => e.block === t.block && // block 참조 안정화 중요
 e.computedMarker === t.computedMarker && e.baseIndex === t.baseIndex && e.ns === t.ns);
 function Jl(e, t) {
   switch ((t || "decimal").toLowerCase().replace(/[\s_-]+/g, "")) {
@@ -4228,7 +4236,7 @@ function ra(e, t) {
 }
 const oa = "_scroller_kqkmq_3", ia = {
   scroller: oa
-}, sa = F.forwardRef(function({ className: t, style: n, ...r }, o) {
+}, sa = D.forwardRef(function({ className: t, style: n, ...r }, o) {
   return /* @__PURE__ */ x(
     "div",
     {
@@ -4252,8 +4260,8 @@ function aa(e, t = 12, n = 1.5, r = 0.5) {
     const u = v.getBoundingClientRect();
     if (u.height <= r || u.width <= r || u.bottom <= o.top || u.top >= o.bottom) continue;
     if (u.top < i) {
-      const T = Math.abs(u.top - i);
-      (T < d || T === d && (u.top < m || a !== -1 && Number(v.dataset.g) < a)) && (d = T, a = Number(v.dataset.g), m = u.top);
+      const C = Math.abs(u.top - i);
+      (C < d || C === d && (u.top < m || a !== -1 && Number(v.dataset.g) < a)) && (d = C, a = Number(v.dataset.g), m = u.top);
       continue;
     }
     const f = Number(v.dataset.g);
@@ -4325,7 +4333,7 @@ function lt(e, t) {
 }
 const Oi = () => {
   const e = j((r) => r.section), t = Ei(), n = e.quizzes;
-  return !n || !n.length ? null : /* @__PURE__ */ Q(
+  return !n || !n.length ? null : /* @__PURE__ */ Z(
     "button",
     {
       onClick: () => {
@@ -4363,7 +4371,7 @@ var Pi = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, mo = F.createContext && /* @__PURE__ */ F.createContext(Pi), ha = ["attr", "size", "title"];
+}, mo = D.createContext && /* @__PURE__ */ D.createContext(Pi), ha = ["attr", "size", "title"];
 function ga(e, t) {
   if (e == null) return {};
   var n = ma(e, t), r, o;
@@ -4433,12 +4441,12 @@ function Sa(e, t) {
   return (t === "string" ? String : Number)(e);
 }
 function Bi(e) {
-  return e && e.map((t, n) => /* @__PURE__ */ F.createElement(t.tag, In({
+  return e && e.map((t, n) => /* @__PURE__ */ D.createElement(t.tag, In({
     key: n
   }, t.attr), Bi(t.child)));
 }
 function ot(e) {
-  return (t) => /* @__PURE__ */ F.createElement(ya, wn({
+  return (t) => /* @__PURE__ */ D.createElement(ya, wn({
     attr: In({}, e.attr)
   }, t), Bi(e.child));
 }
@@ -4449,7 +4457,7 @@ function ya(e) {
       size: o,
       title: i
     } = e, s = ga(e, ha), c = o || n.size || "1em", l;
-    return n.className && (l = n.className), e.className && (l = (l ? l + " " : "") + e.className), /* @__PURE__ */ F.createElement("svg", wn({
+    return n.className && (l = n.className), e.className && (l = (l ? l + " " : "") + e.className), /* @__PURE__ */ D.createElement("svg", wn({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -4461,9 +4469,9 @@ function ya(e) {
       height: c,
       width: c,
       xmlns: "http://www.w3.org/2000/svg"
-    }), i && /* @__PURE__ */ F.createElement("title", null, i), e.children);
+    }), i && /* @__PURE__ */ D.createElement("title", null, i), e.children);
   };
-  return mo !== void 0 ? /* @__PURE__ */ F.createElement(mo.Consumer, null, (n) => t(n)) : t(Pi);
+  return mo !== void 0 ? /* @__PURE__ */ D.createElement(mo.Consumer, null, (n) => t(n)) : t(Pi);
 }
 function vo(e) {
   return ot({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M18.464 2.114a.998.998 0 0 0-1.033.063l-13 9a1.003 1.003 0 0 0 0 1.645l13 9A1 1 0 0 0 19 21V3a1 1 0 0 0-.536-.886zM17 19.091 6.757 12 17 4.909v14.182z" }, child: [] }] })(e);
@@ -4472,13 +4480,13 @@ function So(e) {
   return ot({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M5.536 21.886a1.004 1.004 0 0 0 1.033-.064l13-9a1 1 0 0 0 0-1.644l-13-9A.998.998 0 0 0 5 3v18a1 1 0 0 0 .536.886zM7 4.909 17.243 12 7 19.091V4.909z" }, child: [] }] })(e);
 }
 const xa = ({ isIcon: e = !0 }) => {
-  const t = j((s) => s.isCanPrev), n = j((s) => s.onSectionNav), r = !t, o = Z(
+  const t = j((s) => s.isCanPrev), n = j((s) => s.onSectionNav), r = !t, o = Q(
     (s) => {
       s.stopPropagation(), s.preventDefault(), t && (n == null || n("prev"));
     },
     [t, n]
   ), i = t ? "이전 섹션으로" : "이전 섹션 없음";
-  return e ? /* @__PURE__ */ Q(
+  return e ? /* @__PURE__ */ Z(
     "button",
     {
       type: "button",
@@ -4519,7 +4527,7 @@ const xa = ({ isIcon: e = !0 }) => {
         transition: "all 0.15s ease",
         opacity: r ? 0.5 : 1
       },
-      children: r ? "첫섹션입니다" : /* @__PURE__ */ Q(yt, { children: [
+      children: r ? "첫섹션입니다" : /* @__PURE__ */ Z(yt, { children: [
         /* @__PURE__ */ x(
           vo,
           {
@@ -4536,13 +4544,13 @@ const xa = ({ isIcon: e = !0 }) => {
     }
   );
 }, Cn = ({ isIcon: e = !0 }) => {
-  const t = j((s) => s.isCanNext), n = j((s) => s.onSectionNav), r = !t, o = Z(
+  const t = j((s) => s.isCanNext), n = j((s) => s.onSectionNav), r = !t, o = Q(
     (s) => {
       s.stopPropagation(), s.preventDefault(), t && (n == null || n("next"));
     },
     [t, n]
   ), i = t ? "다음 섹션으로" : "다음 섹션 없음";
-  return e ? /* @__PURE__ */ Q(
+  return e ? /* @__PURE__ */ Z(
     "button",
     {
       type: "button",
@@ -4583,7 +4591,7 @@ const xa = ({ isIcon: e = !0 }) => {
         transition: "all 0.15s ease",
         opacity: r ? 0.5 : 1
       },
-      children: r ? "마지막섹션입니다" : /* @__PURE__ */ Q(yt, { children: [
+      children: r ? "마지막섹션입니다" : /* @__PURE__ */ Z(yt, { children: [
         "NextSection",
         /* @__PURE__ */ x(
           So,
@@ -4614,25 +4622,25 @@ function wa({
   nsPrefix: n
 }) {
   const r = ve(() => {
-    const w = [], E = Or();
+    const T = [], E = Or();
     return t.forEach((O, z) => {
-      O.type === "paragraph" && (w[z] = Pr(O, E));
-    }), w;
-  }, [t]), o = j((w) => {
+      O.type === "paragraph" && (T[z] = Pr(O, E));
+    }), T;
+  }, [t]), o = j((T) => {
     var E;
-    return ((E = w.layout) == null ? void 0 : E.prefix) ?? [];
-  }), i = j((w) => {
+    return ((E = T.layout) == null ? void 0 : E.prefix) ?? [];
+  }), i = j((T) => {
     var E;
-    return ((E = w.derivedNav) == null ? void 0 : E.splitGroupsPerBlock) ?? [];
-  }), s = Y((w) => w.marginX), c = Y((w) => w.viewportHeight), l = ie({
+    return ((E = T.derivedNav) == null ? void 0 : E.splitGroupsPerBlock) ?? [];
+  }), s = Y((T) => T.marginX), c = Y((T) => T.viewportHeight), l = ie({
     start: 0,
     end: 0
-  }), a = Z(
-    (w) => {
-      const E = t[w], O = `${n}blk-${E.id}`;
+  }), a = Q(
+    (T) => {
+      const E = t[T], O = `${n}blk-${E.id}`;
       if (E.type === "image") {
-        const { src: _, alt: P, width: G, height: M } = E, B = G && M ? `${G} / ${M}` : "4 / 3", D = w >= l.current.start && w <= l.current.end, V = c > 80 ? Math.floor((c - 80) * 0.6) : void 0;
-        return /* @__PURE__ */ Q("div", { style: { margin: "12px 0", textAlign: "center", width: "100%" }, children: [
+        const { src: _, alt: P, width: G, height: M } = E, B = G && M ? `${G} / ${M}` : "4 / 3", F = T >= l.current.start && T <= l.current.end, V = c > 80 ? Math.floor((c - 80) * 0.6) : void 0;
+        return /* @__PURE__ */ Z("div", { style: { margin: "12px 0", textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ x(
             "div",
             {
@@ -4647,7 +4655,7 @@ function wa({
                 {
                   src: _,
                   alt: P || "",
-                  loading: D ? "eager" : "lazy",
+                  loading: F ? "eager" : "lazy",
                   style: {
                     pointerEvents: "none",
                     position: "absolute",
@@ -4665,7 +4673,7 @@ function wa({
           P && /* @__PURE__ */ x("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 4 }, children: P })
         ] });
       }
-      const z = r[w] ?? void 0, C = i[w];
+      const z = r[T] ?? void 0, w = i[T];
       return /* @__PURE__ */ x(
         "div",
         {
@@ -4679,20 +4687,20 @@ function wa({
               block: E,
               computedMarker: z,
               ns: O,
-              baseIndex: o[w],
+              baseIndex: o[T],
               sectionId: e.section_id,
-              preGroups: C
+              preGroups: w
             }
           )
         }
       );
     },
     [t, r, o, n, e, i, c]
-  ), d = ie(null), m = Z((w) => {
-    d.current = w;
+  ), d = ie(null), m = Q((T) => {
+    d.current = T;
   }, []), p = ve(
-    () => Dt((w) => {
-      const { style: E, children: O, ...z } = w;
+    () => Dt((T) => {
+      const { style: E, children: O, ...z } = T;
       return /* @__PURE__ */ x("div", { ...z, style: E, children: /* @__PURE__ */ x(
         "div",
         {
@@ -4712,25 +4720,25 @@ function wa({
       ) });
     }),
     [s]
-  ), b = ie(null), v = ve(() => t.map((w) => w.id), [t]), [y, u] = tt(!1);
+  ), b = ie(null), v = ve(() => t.map((T) => T.id), [t]), [y, u] = tt(!1);
   Se(() => {
     u(!1);
   }, [t]);
-  const f = Z(() => {
+  const f = Q(() => {
     u(!0);
-  }, []), g = Z(() => {
+  }, []), g = Q(() => {
     if (!y)
       return /* @__PURE__ */ x("div", { style: { height: 40 } });
-    const w = e.quizzes, E = Math.max(80, Math.floor(c * 0.5));
-    return w && w.length ? /* @__PURE__ */ Q("div", { style: { display: "block" }, children: [
+    const T = e.quizzes, E = Math.max(80, Math.floor(c * 0.5));
+    return T && T.length ? /* @__PURE__ */ Z("div", { style: { display: "block" }, children: [
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Oi, {}) }),
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Cn, { isIcon: !1 }) }),
       /* @__PURE__ */ x("div", { style: { height: E, width: "100%" } })
-    ] }) : /* @__PURE__ */ Q("div", { children: [
+    ] }) : /* @__PURE__ */ Z("div", { children: [
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Cn, { isIcon: !1 }) }),
       /* @__PURE__ */ x("div", { style: { height: 40 } })
     ] });
-  }, [y, e, c]), T = ve(
+  }, [y, e, c]), C = ve(
     () => ({
       Item: p,
       Header: () => /* @__PURE__ */ x("div", { style: { height: 40 } }),
@@ -4744,30 +4752,30 @@ function wa({
       // , ScrollPlaceholder
     ]
     // CustomScroller는 고정이면 deps에 안 넣어도 OK
-  ), k = Z((w) => v[w], [v]), R = Rt(), [I] = tt(() => R.getState().progress.currentGlobalRunIndex ?? 0), h = ve(() => {
+  ), k = Q((T) => v[T], [v]), R = Rt(), [I] = tt(() => R.getState().progress.currentGlobalRunIndex ?? 0), h = ve(() => {
     if (!o.length) return 0;
-    const w = o[o.length - 1], E = Math.max(0, Math.min(I, w));
+    const T = o[o.length - 1], E = Math.max(0, Math.min(I, T));
     return zi(o, E);
   }, [o, I]);
   console.log("SectionRenderVirtuoso확인");
   const S = Rt();
   return Se(() => {
-    let w = !1;
+    let T = !1;
     return (async () => {
       let E = d.current;
       if (!E) {
         for (let _ = 0; _ < 20; _++) {
-          if (await new Promise((P) => setTimeout(P, 50)), w) return;
+          if (await new Promise((P) => setTimeout(P, 50)), T) return;
           if (E = d.current, E) break;
         }
         if (!E) return;
       }
-      const O = S.getState().progress.currentGlobalRunIndex, z = S.getState().progress.setSectionLoading, C = O != null && O >= 0 ? O : 0;
-      await Mi(E, C), !w && (await vt(), await vt(), await vt(), await vt(), !w && z(!1));
+      const O = S.getState().progress.currentGlobalRunIndex, z = S.getState().progress.setSectionLoading, w = O != null && O >= 0 ? O : 0;
+      await Mi(E, w), !T && (await vt(), await vt(), await vt(), await vt(), !T && z(!1));
     })(), () => {
-      w = !0;
+      T = !0;
     };
-  }, [d, S]), /* @__PURE__ */ Q(yt, { children: [
+  }, [d, S]), /* @__PURE__ */ Z(yt, { children: [
     /* @__PURE__ */ x(
       bl,
       {
@@ -4786,7 +4794,7 @@ function wa({
         initialTopMostItemIndex: h,
         increaseViewportBy: { top: 200, bottom: 200 },
         endReached: f,
-        components: T,
+        components: C,
         scrollerRef: m
       }
     ),
@@ -4805,30 +4813,30 @@ const Ia = ({
   virtRef: t,
   prefix: n
 }) => {
-  const r = j((C) => C.setCurrentGlobalRunIndex), o = j((C) => C.registerSectionScrollApi), i = j((C) => C.currentGlobalRunIndex), s = _e((C) => C.scrollLock), c = _e((C) => C.syncToGI), l = Et(), a = ie(!1), d = ie(null), m = ie(null), p = ie(null), b = ie(-1), v = Z(() => {
+  const r = j((w) => w.setCurrentGlobalRunIndex), o = j((w) => w.registerSectionScrollApi), i = j((w) => w.currentGlobalRunIndex), s = _e((w) => w.scrollLock), c = _e((w) => w.syncToGI), l = Et(), a = ie(!1), d = ie(null), m = ie(null), p = ie(null), b = ie(-1), v = Q(() => {
     if (s) return;
     d.current = null;
-    const C = m.current;
-    if (!C) return;
-    const _ = aa(C, 5);
+    const w = m.current;
+    if (!w) return;
+    const _ = aa(w, 5);
     _ !== -1 && _ !== b.current && (b.current = _, c(_), r(_, "scroll"));
-  }, [s, c, r]), y = Z(
-    (C) => {
-      m.current = C, d.current == null && (d.current = requestAnimationFrame(v));
+  }, [s, c, r]), y = Q(
+    (w) => {
+      m.current = w, d.current == null && (d.current = requestAnimationFrame(v));
     },
     [v]
-  ), u = Z(
-    (C) => {
-      m.current = C, p.current != null && (window.clearTimeout(p.current), p.current = null), p.current = window.setTimeout(() => {
+  ), u = Q(
+    (w) => {
+      m.current = w, p.current != null && (window.clearTimeout(p.current), p.current = null), p.current = window.setTimeout(() => {
         p.current = null, v();
         const _ = b.current;
         if (_ === -1) return;
-        const P = C.scrollTop, G = C.scrollHeight - C.clientHeight, M = G > 0 ? P / G : 0;
+        const P = w.scrollTop, G = w.scrollHeight - w.clientHeight, M = G > 0 ? P / G : 0;
         let B = 0;
-        const D = C.querySelector(`[data-g="${_}"]`);
-        if (D) {
-          const V = C.getBoundingClientRect();
-          B = (D.getBoundingClientRect().top - V.top) / V.height;
+        const F = w.querySelector(`[data-g="${_}"]`);
+        if (F) {
+          const V = w.getBoundingClientRect();
+          B = (F.getBoundingClientRect().top - V.top) / V.height;
         }
         l.getState().emit({
           type: "scroll",
@@ -4842,27 +4850,27 @@ const Ia = ({
       }, 100);
     },
     [v, l]
-  ), f = ie(!1), g = Z(
-    (C) => {
-      s || a.current && (f.current || (y(C), u(C)));
+  ), f = ie(!1), g = Q(
+    (w) => {
+      s || a.current && (f.current || (y(w), u(w)));
     },
     [s, y, u]
-  ), T = ie(void 0), k = ie(void 0), R = ie(void 0), I = ie(void 0);
+  ), C = ie(void 0), k = ie(void 0), R = ie(void 0), I = ie(void 0);
   Se(() => {
-    const C = e.current;
-    if (C)
-      return T.current = () => {
+    const w = e.current;
+    if (w)
+      return C.current = () => {
         a.current = !0;
       }, k.current = () => {
         a.current = !0;
       }, R.current = () => {
         a.current = !0;
-      }, I.current = () => g(C), C.addEventListener("wheel", T.current, { passive: !0 }), C.addEventListener("touchmove", k.current, { passive: !0 }), window.addEventListener("keydown", R.current, { passive: !0 }), C.addEventListener("scroll", I.current, { passive: !0 }), () => {
-        C.removeEventListener("wheel", T.current), C.removeEventListener("touchmove", k.current), window.removeEventListener("keydown", R.current), C.removeEventListener("scroll", I.current), d.current != null && cancelAnimationFrame(d.current), p.current != null && (clearTimeout(p.current), p.current = null);
+      }, I.current = () => g(w), w.addEventListener("wheel", C.current, { passive: !0 }), w.addEventListener("touchmove", k.current, { passive: !0 }), window.addEventListener("keydown", R.current, { passive: !0 }), w.addEventListener("scroll", I.current, { passive: !0 }), () => {
+        w.removeEventListener("wheel", C.current), w.removeEventListener("touchmove", k.current), window.removeEventListener("keydown", R.current), w.removeEventListener("scroll", I.current), d.current != null && cancelAnimationFrame(d.current), p.current != null && (clearTimeout(p.current), p.current = null);
       };
   }, [g, e]), Se(() => {
-    const C = e.current;
-    if (!C || !s) return;
+    const w = e.current;
+    if (!w || !s) return;
     const _ = (B) => {
       B.preventDefault(), B.stopPropagation(), a.current = !1;
     }, P = (B) => {
@@ -4870,48 +4878,48 @@ const Ia = ({
     }, G = (B) => {
       ["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", " "].includes(B.key) && (B.preventDefault(), B.stopPropagation(), a.current = !1);
     }, M = {
-      overscrollBehavior: C.style.overscrollBehavior,
-      touchAction: C.style.touchAction
+      overscrollBehavior: w.style.overscrollBehavior,
+      touchAction: w.style.touchAction
     };
-    return C.style.overscrollBehavior = "contain", C.style.touchAction = "none", C.addEventListener("wheel", _, { passive: !1 }), C.addEventListener("touchmove", P, { passive: !1 }), window.addEventListener("keydown", G, { passive: !1 }), () => {
-      C.removeEventListener("wheel", _), C.removeEventListener("touchmove", P), window.removeEventListener("keydown", G), C.style.overscrollBehavior = M.overscrollBehavior, C.style.touchAction = M.touchAction;
+    return w.style.overscrollBehavior = "contain", w.style.touchAction = "none", w.addEventListener("wheel", _, { passive: !1 }), w.addEventListener("touchmove", P, { passive: !1 }), window.addEventListener("keydown", G, { passive: !1 }), () => {
+      w.removeEventListener("wheel", _), w.removeEventListener("touchmove", P), window.removeEventListener("keydown", G), w.style.overscrollBehavior = M.overscrollBehavior, w.style.touchAction = M.touchAction;
     };
   }, [s, e]);
   const h = ie({
     first: -1,
     last: -1
-  }), S = ie(!1), w = Z(() => {
-    const C = e.current;
-    if (!C) return;
-    const _ = go(C), P = (_ == null ? void 0 : _.first) ?? -1, G = (_ == null ? void 0 : _.last) ?? -1;
+  }), S = ie(!1), T = Q(() => {
+    const w = e.current;
+    if (!w) return;
+    const _ = go(w), P = (_ == null ? void 0 : _.first) ?? -1, G = (_ == null ? void 0 : _.last) ?? -1;
     h.current = { first: P, last: G };
-  }, [e]), E = ie(!1), O = Z(() => {
-    const C = e.current;
-    if (!C || E.current) return;
+  }, [e]), E = ie(!1), O = Q(() => {
+    const w = e.current;
+    if (!w || E.current) return;
     E.current = !0;
     const _ = Math.min(
-      C.scrollTop + Math.floor(C.clientHeight * 0.6),
-      C.scrollHeight - C.clientHeight
+      w.scrollTop + Math.floor(w.clientHeight * 0.6),
+      w.scrollHeight - w.clientHeight
     );
     requestAnimationFrame(() => {
-      C.scrollTo({ top: _, behavior: "instant" });
+      w.scrollTo({ top: _, behavior: "instant" });
     });
   }, [e]);
   Se(() => {
-    !S.current && s && (E.current = !1, w()), S.current = s;
-  }, [s, w]), Se(() => {
+    !S.current && s && (E.current = !1, T()), S.current = s;
+  }, [s, T]), Se(() => {
     if (s !== !0) return;
-    const C = e.current;
-    if (!C) return;
+    const w = e.current;
+    if (!w) return;
     const { first: _, last: P } = h.current;
     if (_ === -1 || P === -1) {
       O();
       return;
     }
-    if (C.scrollTop <= 1) {
+    if (w.scrollTop <= 1) {
       (async () => {
         try {
-          f.current = !0, await qn(C, i, {
+          f.current = !0, await qn(w, i, {
             behavior: "smooth",
             topPaddingRatio: 0.2
             // ⬅️ 탑일 때는 0으로 고정
@@ -4919,33 +4927,33 @@ const Ia = ({
         } finally {
           f.current = !1;
         }
-        w();
+        T();
       })();
       return;
     }
     if (i < _ || i > P) {
       async function M() {
-        if (!C) return;
-        const B = C.scrollTop <= 1 ? 0 : 0.2;
-        return await qn(C, i, {
+        if (!w) return;
+        const B = w.scrollTop <= 1 ? 0 : 0.2;
+        return await qn(w, i, {
           behavior: "smooth",
           topPaddingRatio: B
         });
       }
       M().then((B) => {
-        B ? w() : O();
+        B ? T() : O();
       });
     }
   }, [
     s,
     i,
     O,
-    w,
+    T,
     e
   ]);
-  const z = Z(() => {
-    const C = e.current;
-    if (!C) return;
+  const z = Q(() => {
+    const w = e.current;
+    if (!w) return;
     function _(ee, X, A = 0.2, K = 0.8) {
       const ne = ee.querySelector(`[data-g="${X}"]`);
       if (!ne) return !1;
@@ -4955,11 +4963,11 @@ const Ia = ({
       return $ >= A && $ <= K;
     }
     const P = (ee) => ee === "instant" ? "auto" : ee, G = (ee) => {
-      const X = C.scrollTop, A = C.scrollHeight - C.clientHeight, K = A > 0 ? X / A : 0;
+      const X = w.scrollTop, A = w.scrollHeight - w.clientHeight, K = A > 0 ? X / A : 0;
       let ne = 0;
-      const N = C.querySelector(`[data-g="${ee}"]`);
+      const N = w.querySelector(`[data-g="${ee}"]`);
       if (N) {
-        const oe = C.getBoundingClientRect();
+        const oe = w.getBoundingClientRect();
         ne = (N.getBoundingClientRect().top - oe.top) / oe.height;
       }
       l.getState().emit({
@@ -4978,43 +4986,43 @@ const Ia = ({
         index: A,
         align: "start",
         behavior: P(X)
-      }), await Mi(C, ee);
-    }, B = () => new Promise((ee) => requestAnimationFrame(() => ee())), D = async (ee) => {
-      if (_(C, ee, 0.1, 0.7))
+      }), await Mi(w, ee);
+    }, B = () => new Promise((ee) => requestAnimationFrame(() => ee())), F = async (ee) => {
+      if (_(w, ee, 0.1, 0.7))
         return G(ee), !0;
       f.current = !0;
-      const X = C.querySelector(`[data-g="${ee}"]`), A = C.getBoundingClientRect();
-      let K = C.scrollTop <= 1 ? 0 : 0.1;
+      const X = w.querySelector(`[data-g="${ee}"]`), A = w.getBoundingClientRect();
+      let K = w.scrollTop <= 1 ? 0 : 0.1;
       if (X) {
         const N = X.getBoundingClientRect();
         K = ((N.top + N.height / 2 - A.top) / A.height > 0.5, 0.15);
       }
       const ne = !!X;
-      return ne ? (await qn(C, ee, {
+      return ne ? (await qn(w, ee, {
         behavior: "smooth",
         topPaddingRatio: K
-      }), await B()) : ne || await M(ee, "auto"), f.current = !1, G(ee), _(C, ee, 0.1, 0.7);
-    }, V = async (ee) => D(ee);
+      }), await B()) : ne || await M(ee, "auto"), f.current = !1, G(ee), _(w, ee, 0.1, 0.7);
+    }, V = async (ee) => F(ee);
     return {
-      ensureVisibleGI: D,
+      ensureVisibleGI: F,
       scrollToGI: V,
-      getVisibleRange: () => go(C),
-      getScrollTop: () => C.scrollTop,
+      getVisibleRange: () => go(w),
+      getScrollTop: () => w.scrollTop,
       setScrollTop: (ee) => {
-        C.scrollTop = ee;
+        w.scrollTop = ee;
       },
       getAnchorOffsetRatio: (ee) => {
-        const X = C.querySelector(`[data-g="${ee}"]`);
+        const X = w.querySelector(`[data-g="${ee}"]`);
         if (!X) return 0;
-        const A = X.getBoundingClientRect(), K = C.getBoundingClientRect();
+        const A = X.getBoundingClientRect(), K = w.getBoundingClientRect();
         return (A.top - K.top) / K.height;
       },
       scrollToGIAtOffset: async (ee, X) => {
         await V(ee), await new Promise((se) => requestAnimationFrame(() => requestAnimationFrame(se)));
-        const A = C.querySelector(`[data-g="${ee}"]`);
+        const A = w.querySelector(`[data-g="${ee}"]`);
         if (!A) return;
-        const K = A.getBoundingClientRect(), ne = C.getBoundingClientRect(), N = ne.height > 0 ? ne.height / C.clientHeight : 1, oe = (K.top - ne.top) / N, $ = X * C.clientHeight, J = oe - $;
-        C.scrollTop = C.scrollTop + J;
+        const K = A.getBoundingClientRect(), ne = w.getBoundingClientRect(), N = ne.height > 0 ? ne.height / w.clientHeight : 1, oe = (K.top - ne.top) / N, $ = X * w.clientHeight, J = oe - $;
+        w.scrollTop = w.scrollTop + J;
       }
     };
   }, [e, t, n, l]);
@@ -5032,7 +5040,7 @@ function Ta() {
     sectionId: e.section_id,
     blocks: e.ast.blocks,
     nsPrefix: `sec-${e.section_id ?? "0"}/`
-  }), [e]), l = kn(), a = Z(() => {
+  }), [e]), l = kn(), a = Q(() => {
     const { isSettingsOpen: v, setSettingsOpen: y, toggleOverlays: u } = l.getState();
     v ? y(!1) : u();
   }, [l]), { onClick: d, onDoubleClick: m } = is({
@@ -5094,7 +5102,7 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
   label: qa,
   compactBtn: ja
 }, Ua = Dt(function() {
-  const t = ie(null), n = Ue(Mt), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = _e((S) => S.status), i = _e((S) => S.currentTimeMs), s = _e((S) => S.currentClip), c = _e((S) => S.playbackKind), l = Y((S) => S.muteAudio), a = Y((S) => S.audioSpeed), d = _e((S) => S.getClipSrc), m = _e((S) => S._onTime), p = _e((S) => S._onEnded), b = _e((S) => S._onError), v = j((S) => S.setCurrentGlobalRunIndex), y = j((S) => S.getSectionScrollApi), u = j((S) => S.snapToReadable), f = j((S) => S.edgeReadable), g = ie(null), T = ie(null), k = ie(!1), R = ie(null);
+  const t = ie(null), n = Ue(Mt), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = _e((S) => S.status), i = _e((S) => S.currentTimeMs), s = _e((S) => S.currentClip), c = _e((S) => S.playbackKind), l = Y((S) => S.muteAudio), a = Y((S) => S.audioSpeed), d = _e((S) => S.getClipSrc), m = _e((S) => S._onTime), p = _e((S) => S._onEnded), b = _e((S) => S._onError), v = j((S) => S.setCurrentGlobalRunIndex), y = j((S) => S.getSectionScrollApi), u = j((S) => S.snapToReadable), f = j((S) => S.edgeReadable), g = ie(null), C = ie(null), k = ie(!1), R = ie(null);
   Se(() => {
     c === "real" && (k.current = !0);
   }, [c]);
@@ -5112,24 +5120,24 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
   }, [I]), Se(() => {
     const S = t.current;
     if (!S) return;
-    const w = () => {
+    const T = () => {
       if (S.paused || S.ended) return;
       const z = S.currentTime * 1e3;
       k.current && z === 0 || (z > 0 && (k.current = !1), m(z));
     }, E = () => {
-      var C, _;
+      var w, _;
       p();
       const z = f(1);
-      typeof z == "number" && z >= 0 && (v(z, "audio"), (_ = (C = y()) == null ? void 0 : C.ensureVisibleGI) == null || _.call(C, z));
+      typeof z == "number" && z >= 0 && (v(z, "audio"), (_ = (w = y()) == null ? void 0 : w.ensureVisibleGI) == null || _.call(w, z));
     }, O = (z) => {
-      const C = z.currentTarget;
+      const w = z.currentTarget;
       console.warn("Audio error", {
-        networkState: C.networkState,
-        readyState: C.readyState
+        networkState: w.networkState,
+        readyState: w.readyState
       }), b();
     };
-    return S.addEventListener("timeupdate", w), S.addEventListener("ended", E), S.addEventListener("error", O), () => {
-      S.removeEventListener("timeupdate", w), S.removeEventListener("ended", E), S.removeEventListener("error", O);
+    return S.addEventListener("timeupdate", T), S.addEventListener("ended", E), S.addEventListener("error", O), () => {
+      S.removeEventListener("timeupdate", T), S.removeEventListener("ended", E), S.removeEventListener("error", O);
     };
   }, [m, p, b, f, v, y]), Se(() => {
     if (r) return;
@@ -5141,10 +5149,10 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
       } catch (z) {
         console.log("pause error", z);
       }
-      T.current = null;
+      C.current = null;
       return;
     }
-    const w = S.currentSrc || S.src || null, E = !w || w !== I;
+    const T = S.currentSrc || S.src || null, E = !T || T !== I;
     if (E) {
       try {
         S.pause();
@@ -5157,14 +5165,14 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
       } catch (z) {
         console.log("load error", z);
       }
-      T.current = I;
+      C.current = I;
     }
     S.muted = !!l, S.volume = 1, S.playbackRate = typeof a == "number" ? a : 1;
     const O = async () => {
       E && await new Promise((z) => {
-        let C = !1;
+        let w = !1;
         const _ = () => {
-          C || (C = !0, S.removeEventListener("loadedmetadata", _), S.removeEventListener("canplay", _), z());
+          w || (w = !0, S.removeEventListener("loadedmetadata", _), S.removeEventListener("canplay", _), z());
         };
         S.addEventListener("loadedmetadata", _), S.addEventListener("canplay", _), S.readyState >= 1 && _();
       });
@@ -5186,8 +5194,8 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
     if (r) return;
     const S = t.current;
     if (!S || c !== "real") return;
-    const w = i / 1e3;
-    if (Number.isFinite(w)) {
+    const T = i / 1e3;
+    if (Number.isFinite(T)) {
       if (S.readyState < 1) {
         g.current = i;
         const E = () => {
@@ -5205,9 +5213,9 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
         S.addEventListener("loadedmetadata", E), S.addEventListener("canplay", E);
         return;
       }
-      if (Math.abs(S.currentTime - w) > 0.2)
+      if (Math.abs(S.currentTime - T) > 0.2)
         try {
-          S.currentTime = w;
+          S.currentTime = T;
         } catch (E) {
           console.log("currentTime보정오류", E);
         }
@@ -5219,8 +5227,8 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
     if (r || c !== "real" || o !== "playing" && o !== "loading") return;
     const S = h(s, i);
     if (S < 0) return;
-    const w = u(S);
-    w !== R.current && (R.current = w, v(w, "audio"), w % 5 === 0 && ((O = (E = y()) == null ? void 0 : E.ensureVisibleGI) == null || O.call(E, w)));
+    const T = u(S);
+    T !== R.current && (R.current = T, v(T, "audio"), T % 5 === 0 && ((O = (E = y()) == null ? void 0 : E.ensureVisibleGI) == null || O.call(E, T)));
   }, [
     o,
     s,
@@ -5249,26 +5257,26 @@ function tc() {
   Se(() => {
     b(i(t || 0));
   }, [t, i]);
-  const v = ie(!1), y = ve(() => Math.max(0, Math.min(t ?? 0, Math.max(0, (n ?? 1) - 1))) + 1, [t, n]), u = Z(() => {
+  const v = ie(!1), y = ve(() => Math.max(0, Math.min(t ?? 0, Math.max(0, (n ?? 1) - 1))) + 1, [t, n]), u = Q(() => {
     l && (a(), v.current = !0);
-  }, [l, a]), f = Z((R) => {
+  }, [l, a]), f = Q((R) => {
     b(Number(R.currentTarget.value));
-  }, []), g = Z(async () => {
+  }, []), g = Q(async () => {
     const R = s(p), I = c(R);
     a(), r(I, "scrubber-commit"), m(I);
     const h = o();
     h != null && h.ensureVisibleGI && await h.ensureVisibleGI(I), v.current && (v.current = !1, d());
-  }, [p, s, c, a, r, m, o, d]), T = ve(
+  }, [p, s, c, a, r, m, o, d]), C = ve(
     () => ({ "--pct": `${p}%` }),
     [p]
   ), k = ve(() => Math.round(p), [p]);
-  return /* @__PURE__ */ Q("div", { className: zt.scrubberWrap, children: [
-    e && /* @__PURE__ */ x("div", { className: zt.labels, children: /* @__PURE__ */ Q("span", { className: zt.index, children: [
+  return /* @__PURE__ */ Z("div", { className: zt.scrubberWrap, children: [
+    e && /* @__PURE__ */ x("div", { className: zt.labels, children: /* @__PURE__ */ Z("span", { className: zt.index, children: [
       y,
       " / ",
       n || 0
     ] }) }),
-    /* @__PURE__ */ Q("div", { className: zt.controls, children: [
+    /* @__PURE__ */ Z("div", { className: zt.controls, children: [
       /* @__PURE__ */ x(
         "input",
         {
@@ -5278,7 +5286,7 @@ function tc() {
           max: 100,
           step: 0.5,
           value: p,
-          style: T,
+          style: C,
           onMouseDown: u,
           onTouchStart: u,
           onChange: f,
@@ -5292,18 +5300,18 @@ function tc() {
           "aria-label": "진행률"
         }
       ),
-      /* @__PURE__ */ Q("span", { className: zt.percent, children: [
+      /* @__PURE__ */ Z("span", { className: zt.percent, children: [
         k,
         "%"
       ] })
     ] })
   ] });
 }
-const nc = F.memo(tc), rc = Dt(function() {
-  const t = Ue(Mt), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = _e((S) => S.playbackKind), o = _e((S) => S.status), i = _e((S) => S.fake), s = Y((S) => S.audioSpeed), c = _e((S) => S.pause), l = j((S) => S.totalRuns), a = j((S) => S.currentGlobalRunIndex), d = j((S) => S.setCurrentGlobalRunIndex), m = j((S) => S.getSectionScrollApi), p = j((S) => S.nextReadableFrom), b = j((S) => S.edgeReadable), v = ie(null), y = ie(null), u = ie(0), f = ie(-1), g = !n && r === "fake" && o === "playing", T = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), k = ve(() => {
+const nc = D.memo(tc), rc = Dt(function() {
+  const t = Ue(Mt), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = _e((S) => S.playbackKind), o = _e((S) => S.status), i = _e((S) => S.fake), s = Y((S) => S.audioSpeed), c = _e((S) => S.pause), l = j((S) => S.totalRuns), a = j((S) => S.currentGlobalRunIndex), d = j((S) => S.setCurrentGlobalRunIndex), m = j((S) => S.getSectionScrollApi), p = j((S) => S.nextReadableFrom), b = j((S) => S.edgeReadable), v = ie(null), y = ie(null), u = ie(0), f = ie(-1), g = !n && r === "fake" && o === "playing", C = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), k = ve(() => {
     const S = 200 * s;
-    return T / S * 6e4;
-  }, [T, s]), R = ve(() => !l || l <= 1 || k <= 0 ? 0 : (l - 1) / k, [l, k]);
+    return C / S * 6e4;
+  }, [C, s]), R = ve(() => !l || l <= 1 || k <= 0 ? 0 : (l - 1) / k, [l, k]);
   Se(() => {
     if (!g) return;
     const S = Math.max(0, Math.min(a ?? 0, Math.max(0, (l ?? 1) - 1)));
@@ -5318,7 +5326,7 @@ const nc = F.memo(tc), rc = Dt(function() {
     const S = b(1);
     I.current = S ?? -1;
   }, [b, l]);
-  const h = Z(
+  const h = Q(
     (S) => {
       (async () => {
         var G, M;
@@ -5330,18 +5338,18 @@ const nc = F.memo(tc), rc = Dt(function() {
           v.current = null;
           return;
         }
-        const w = y.current;
+        const T = y.current;
         y.current = S;
-        const E = w == null ? 0 : Math.max(0, S - w), O = l - 1;
+        const E = T == null ? 0 : Math.max(0, S - T), O = l - 1;
         u.current = Math.min(O, u.current + R * E);
-        const z = Math.floor(u.current), C = m(), _ = p(z, 1);
+        const z = Math.floor(u.current), w = m(), _ = p(z, 1);
         if (_ == null) {
           const B = I.current >= 0 ? I.current : z;
-          B !== f.current && (f.current = B, d(B, "audio"), await ((G = C == null ? void 0 : C.ensureVisibleGI) == null ? void 0 : G.call(C, B))), c(), v.current = null;
+          B !== f.current && (f.current = B, d(B, "audio"), await ((G = w == null ? void 0 : w.ensureVisibleGI) == null ? void 0 : G.call(w, B))), c(), v.current = null;
           return;
         }
         const P = _;
-        P !== f.current && (f.current = P, d(P, "audio"), P % 5 === 0 && await ((M = C == null ? void 0 : C.ensureVisibleGI) == null ? void 0 : M.call(C, P))), v.current = requestAnimationFrame(h);
+        P !== f.current && (f.current = P, d(P, "audio"), P % 5 === 0 && await ((M = w == null ? void 0 : w.ensureVisibleGI) == null ? void 0 : M.call(w, P))), v.current = requestAnimationFrame(h);
       })().catch(console.error);
     },
     [g, l, R, p, d, m, c]
@@ -5357,7 +5365,7 @@ const nc = F.memo(tc), rc = Dt(function() {
   label: cc,
   iconBtn: uc
 }, yo = 350, dc = 40, fc = 0.85, pc = Dt(function() {
-  const t = Y((p) => p.audioSpeed), n = Y((p) => p.incAudioSpeed), r = Y((p) => p.decAudioSpeed), o = ie(null), i = ie(yo), s = ie(null), c = Z(
+  const t = Y((p) => p.audioSpeed), n = Y((p) => p.incAudioSpeed), r = Y((p) => p.decAudioSpeed), o = ie(null), i = ie(yo), s = ie(null), c = Q(
     (p) => {
       const b = t;
       if (p === "inc") {
@@ -5370,13 +5378,13 @@ const nc = F.memo(tc), rc = Dt(function() {
       return !0;
     },
     [t, n, r]
-  ), l = Z(() => {
+  ), l = Q(() => {
     s.current = null, o.current && (clearTimeout(o.current), o.current = null);
-  }, []), a = Z(() => {
+  }, []), a = Q(() => {
     s.current && (i.current = Math.max(dc, Math.floor(i.current * fc)), o.current = window.setTimeout(() => {
       c(s.current) ? a() : l();
     }, i.current));
-  }, [c, l]), d = Z(
+  }, [c, l]), d = Q(
     (p) => {
       if (s.current) return;
       s.current = p, i.current = yo, c(p) && a();
@@ -5392,7 +5400,7 @@ const nc = F.memo(tc), rc = Dt(function() {
     {
       onMouseLeave: l,
       className: qt.WPMSpeedButtonsWrap,
-      children: /* @__PURE__ */ Q("div", { className: qt.btnWrap, children: [
+      children: /* @__PURE__ */ Z("div", { className: qt.btnWrap, children: [
         /* @__PURE__ */ x(
           "button",
           {
@@ -5435,7 +5443,7 @@ function bc(e) {
   return ot({ attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M221.66,133.66l-80,80A8,8,0,0,1,128,208V147.31L61.66,213.66A8,8,0,0,1,48,208V48a8,8,0,0,1,13.66-5.66L128,108.69V48a8,8,0,0,1,13.66-5.66l80,80A8,8,0,0,1,221.66,133.66Z" }, child: [] }] })(e);
 }
 function xo({ direction: e }) {
-  const t = j((m) => m.currentGlobalRunIndex), n = j((m) => m.totalRuns), r = j((m) => m.hasReadableInDir), o = j((m) => m.computeStepTarget), i = j((m) => m.setCurrentGlobalRunIndex), s = _e((m) => m.syncToGI), c = j((m) => m.getSectionScrollApi), l = Z(
+  const t = j((m) => m.currentGlobalRunIndex), n = j((m) => m.totalRuns), r = j((m) => m.hasReadableInDir), o = j((m) => m.computeStepTarget), i = j((m) => m.setCurrentGlobalRunIndex), s = _e((m) => m.syncToGI), c = j((m) => m.getSectionScrollApi), l = Q(
     async (m) => {
       var v, y;
       const p = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), b = o(p, m);
@@ -5453,7 +5461,7 @@ function xo({ direction: e }) {
   ), a = ve(() => {
     const m = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), p = !n || !r(m, 1), b = !n || !r(m, -1);
     return e === "left" ? b : p;
-  }, [e, n, t, r]), d = Z(() => {
+  }, [e, n, t, r]), d = Q(() => {
     l(e === "left" ? -1 : 1);
   }, [e, l]);
   return /* @__PURE__ */ x(
@@ -5503,41 +5511,41 @@ function Ic() {
   var R;
   const e = Y((I) => I.showOverlays), t = j((I) => I.section), n = !!t.ast.isAddedSplit, r = !!((R = t.audios) != null && R.length), o = Y((I) => I.muteAudio), i = Y((I) => I.showPointer), s = Y((I) => I.showSplit), c = Y((I) => I.toggleMuteAudio), l = Y((I) => I.toggleShowPointer), a = Y((I) => I.toggleShowSplit), d = Y((I) => I.overlayCompactMode), m = Y((I) => I.toggleOverlayCompactMode), p = yn(), b = Rt();
   Se(() => {
-    const I = p.getState(), { syncToGI: h, useFake: S, useReal: w } = I, E = I.playbackKind, O = b.getState().progress.currentGlobalRunIndex ?? 0;
+    const I = p.getState(), { syncToGI: h, useFake: S, useReal: T } = I, E = I.playbackKind, O = b.getState().progress.currentGlobalRunIndex ?? 0;
     if (!r) {
       E !== "fake" && S();
       return;
     }
-    o ? E !== "fake" && (console.log("이부분일까?"), S()) : E !== "real" && (h(O), w());
+    o ? E !== "fake" && (console.log("이부분일까?"), S()) : E !== "real" && (h(O), T());
   }, [r, o, b, p]);
-  const v = _e((I) => I.play), y = _e((I) => I.pause), u = _e((I) => I.status), f = Z(
+  const v = _e((I) => I.play), y = _e((I) => I.pause), u = _e((I) => I.status), f = Q(
     (I) => {
       I.stopPropagation(), u === "playing" || u === "loading" ? y() : v();
     },
     [u, v, y]
-  ), g = yn(), T = Rt(), k = Z(
+  ), g = yn(), C = Rt(), k = Q(
     async (I) => {
-      var D, V;
+      var F, V;
       if (I.stopPropagation(), u === "playing" || u === "loading") {
         y();
         return;
       }
-      const { progress: h } = T.getState(), {
+      const { progress: h } = C.getState(), {
         currentGlobalRunIndex: S,
-        snapToReadable: w,
+        snapToReadable: T,
         edgeReadable: E,
         setCurrentGlobalRunIndex: O,
         getSectionScrollApi: z
-      } = h, C = g.getState(), _ = C.currentClip, P = z == null ? void 0 : z(), G = typeof S == "number" ? S : 0, M = typeof w == "function" ? w(G) : G, B = typeof E == "function" ? E(1) : null;
+      } = h, w = g.getState(), _ = w.currentClip, P = z == null ? void 0 : z(), G = typeof S == "number" ? S : 0, M = typeof T == "function" ? T(G) : G, B = typeof E == "function" ? E(1) : null;
       if (B != null && M >= B) {
-        O == null || O(B, "audio"), await ((D = P == null ? void 0 : P.ensureVisibleGI) == null ? void 0 : D.call(P, B)), C.syncToGI(B);
+        O == null || O(B, "audio"), await ((F = P == null ? void 0 : P.ensureVisibleGI) == null ? void 0 : F.call(P, B)), w.syncToGI(B);
         return;
       }
-      O == null || O(M, "audio"), await ((V = P == null ? void 0 : P.ensureVisibleGI) == null ? void 0 : V.call(P, M)), C.syncToGI(M), v(_);
+      O == null || O(M, "audio"), await ((V = P == null ? void 0 : P.ensureVisibleGI) == null ? void 0 : V.call(P, M)), w.syncToGI(M), v(_);
     },
-    [u, y, v, g, T]
+    [u, y, v, g, C]
   );
-  return /* @__PURE__ */ Q(
+  return /* @__PURE__ */ Z(
     "div",
     {
       className: `${Le.wrap} ${e ? Le.visible : ""} ${d ? Le.compact : ""}`,
@@ -5550,8 +5558,8 @@ function Ic() {
       children: [
         !d && /* @__PURE__ */ x(nc, {}),
         /* @__PURE__ */ x("div", { style: d ? { display: "none" } : void 0, children: r && !o ? /* @__PURE__ */ x(Ka, {}) : /* @__PURE__ */ x(oc, {}) }),
-        /* @__PURE__ */ Q("div", { className: Le.controls, children: [
-          /* @__PURE__ */ Q("div", { className: Le.row1, children: [
+        /* @__PURE__ */ Z("div", { className: Le.controls, children: [
+          /* @__PURE__ */ Z("div", { className: Le.row1, children: [
             /* @__PURE__ */ x("div", { className: Le.groupExpand, children: /* @__PURE__ */ x(
               "button",
               {
@@ -5564,7 +5572,7 @@ function Ic() {
                 children: d ? /* @__PURE__ */ x(wc, { size: 24 }) : /* @__PURE__ */ x(xc, { size: 24 })
               }
             ) }),
-            /* @__PURE__ */ Q("div", { className: Le.groupPlayback, children: [
+            /* @__PURE__ */ Z("div", { className: Le.groupPlayback, children: [
               /* @__PURE__ */ x(xo, { direction: "left" }),
               /* @__PURE__ */ x(
                 yc,
@@ -5579,9 +5587,9 @@ function Ic() {
             ] }),
             /* @__PURE__ */ x("div", { className: Le.groupSpeed, children: /* @__PURE__ */ x(pc, {}) })
           ] }),
-          /* @__PURE__ */ Q("div", { className: Le.row2, children: [
-            /* @__PURE__ */ Q("div", { className: Le.groupFeatures, children: [
-              r && /* @__PURE__ */ Q(
+          /* @__PURE__ */ Z("div", { className: Le.row2, children: [
+            /* @__PURE__ */ Z("div", { className: Le.groupFeatures, children: [
+              r && /* @__PURE__ */ Z(
                 "button",
                 {
                   type: "button",
@@ -5596,7 +5604,7 @@ function Ic() {
                   ]
                 }
               ),
-              /* @__PURE__ */ Q(
+              /* @__PURE__ */ Z(
                 "button",
                 {
                   type: "button",
@@ -5611,7 +5619,7 @@ function Ic() {
                   ]
                 }
               ),
-              n && /* @__PURE__ */ Q(
+              n && /* @__PURE__ */ Z(
                 "button",
                 {
                   type: "button",
@@ -5628,7 +5636,7 @@ function Ic() {
                 }
               )
             ] }),
-            /* @__PURE__ */ Q("div", { className: Le.groupNav, children: [
+            /* @__PURE__ */ Z("div", { className: Le.groupNav, children: [
               /* @__PURE__ */ x(xa, {}),
               /* @__PURE__ */ x(Cn, {})
             ] })
@@ -5638,7 +5646,7 @@ function Ic() {
     }
   );
 }
-const Cc = F.memo(Ic);
+const Cc = D.memo(Ic);
 function Tc(e) {
   return ot({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "M262.29 192.31a64 64 0 1 0 57.4 57.4 64.13 64.13 0 0 0-57.4-57.4zM416.39 256a154.34 154.34 0 0 1-1.53 20.79l45.21 35.46a10.81 10.81 0 0 1 2.45 13.75l-42.77 74a10.81 10.81 0 0 1-13.14 4.59l-44.9-18.08a16.11 16.11 0 0 0-15.17 1.75A164.48 164.48 0 0 1 325 400.8a15.94 15.94 0 0 0-8.82 12.14l-6.73 47.89a11.08 11.08 0 0 1-10.68 9.17h-85.54a11.11 11.11 0 0 1-10.69-8.87l-6.72-47.82a16.07 16.07 0 0 0-9-12.22 155.3 155.3 0 0 1-21.46-12.57 16 16 0 0 0-15.11-1.71l-44.89 18.07a10.81 10.81 0 0 1-13.14-4.58l-42.77-74a10.8 10.8 0 0 1 2.45-13.75l38.21-30a16.05 16.05 0 0 0 6-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 0 0-6.07-13.94l-38.19-30A10.81 10.81 0 0 1 49.48 186l42.77-74a10.81 10.81 0 0 1 13.14-4.59l44.9 18.08a16.11 16.11 0 0 0 15.17-1.75A164.48 164.48 0 0 1 187 111.2a15.94 15.94 0 0 0 8.82-12.14l6.73-47.89A11.08 11.08 0 0 1 213.23 42h85.54a11.11 11.11 0 0 1 10.69 8.87l6.72 47.82a16.07 16.07 0 0 0 9 12.22 155.3 155.3 0 0 1 21.46 12.57 16 16 0 0 0 15.11 1.71l44.89-18.07a10.81 10.81 0 0 1 13.14 4.58l42.77 74a10.8 10.8 0 0 1-2.45 13.75l-38.21 30a16.05 16.05 0 0 0-6.05 14.08c.33 4.14.55 8.3.55 12.47z" }, child: [] }] })(e);
 }
@@ -5651,12 +5659,12 @@ const kc = "_host_v5qx1_3", Rc = "_topbar_v5qx1_11", _c = "_visible_v5qx1_32", M
   settingsBtn: Oc
 };
 function Pc() {
-  const e = Y((a) => a.showOverlays), t = Y((a) => a.overlayCompactMode), n = j((a) => a.onViewerClose), o = j((a) => a.section).ast.title, i = Y((a) => a.setSettingsOpen), s = Y((a) => a.setShowOverlays), c = Z(() => {
+  const e = Y((a) => a.showOverlays), t = Y((a) => a.overlayCompactMode), n = j((a) => a.onViewerClose), o = j((a) => a.section).ast.title, i = Y((a) => a.setSettingsOpen), s = Y((a) => a.setShowOverlays), c = Q(() => {
     n == null || n();
-  }, [n]), l = Z(() => {
+  }, [n]), l = Q(() => {
     i(!0), s(!1);
   }, [i, s]);
-  return /* @__PURE__ */ x("div", { className: At.host, children: /* @__PURE__ */ Q("div", { className: `${At.topbar} ${e && !t ? At.visible : ""}`, children: [
+  return /* @__PURE__ */ x("div", { className: At.host, children: /* @__PURE__ */ Z("div", { className: `${At.topbar} ${e && !t ? At.visible : ""}`, children: [
     /* @__PURE__ */ x("button", { type: "button", className: At.backBtn, onClick: c, "aria-label": "뒤로가기", children: /* @__PURE__ */ x(Ea, { size: 28 }) }),
     /* @__PURE__ */ x("div", { className: At.title, children: /* @__PURE__ */ x("span", { className: "truncate", children: o || "섹션 없음" }) }),
     /* @__PURE__ */ x(
@@ -5671,7 +5679,7 @@ function Pc() {
     )
   ] }) });
 }
-const Bc = F.memo(Pc), zc = "_wrap_62su0_7", Ac = "_wrapHidden_62su0_29", Lc = "_wrapVisible_62su0_35", Gc = "_scrollArea_62su0_71", Hc = "_row_62su0_81", Nc = "_label_62su0_89", Fc = "_btn_62su0_95", Dc = "_btnActive_62su0_106", Wc = "_btnSmall_62su0_110", $c = "_pill_62su0_122", Vc = "_themeCircle_62su0_133", qc = "_themeCircleActive_62su0_146", jc = "_stepRow_62su0_151", Uc = "_stepLabel_62su0_159", Kc = "_levelBox_62su0_172", Xc = "_inlineFlex_62su0_177", ze = {
+const Bc = D.memo(Pc), zc = "_wrap_62su0_7", Ac = "_wrapHidden_62su0_29", Lc = "_wrapVisible_62su0_35", Gc = "_scrollArea_62su0_71", Hc = "_row_62su0_81", Nc = "_label_62su0_89", Fc = "_btn_62su0_95", Dc = "_btnActive_62su0_106", Wc = "_btnSmall_62su0_110", $c = "_pill_62su0_122", Vc = "_themeCircle_62su0_133", qc = "_themeCircleActive_62su0_146", jc = "_stepRow_62su0_151", Uc = "_stepLabel_62su0_159", Kc = "_levelBox_62su0_172", Xc = "_inlineFlex_62su0_177", ze = {
   wrap: zc,
   wrapHidden: Ac,
   wrapVisible: Lc,
@@ -5690,22 +5698,22 @@ const Bc = F.memo(Pc), zc = "_wrap_62su0_7", Ac = "_wrapHidden_62su0_29", Lc = "
   inlineFlex: Xc
 };
 function Yc({ visible: e }) {
-  const t = Y((h) => h.mode), n = Y((h) => h.setMode), r = Y((h) => h.theme), o = Y((h) => h.setTheme), i = Y((h) => h.fontFamily), s = Y((h) => h.setFontFamily), c = Y((h) => h.resetToDefaults), l = Y((h) => h.getFontLevel()), a = Y((h) => h.getLineLevel()), d = Y((h) => h.getMarginLevel()), m = Y((h) => h.setFontLevel), p = Y((h) => h.setLineLevel), b = Y((h) => h.setMarginLevel), v = Y((h) => h.pointerStyle), y = Y((h) => h.setPointerStyle), u = Y((h) => h.pointerColor), f = Y((h) => h.setPointerColor), g = Y((h) => h.breakMarks), T = Y((h) => h.toggleBreakMark), k = Y((h) => h.getBreakGapLevel()), R = Y((h) => h.setBreakGapLevel), I = `${ze.wrap} ${e ? ze.wrapVisible : ze.wrapHidden}`;
-  return /* @__PURE__ */ Q("div", { className: I, role: "dialog", "aria-modal": "true", "aria-label": "뷰어 설정", children: [
-    /* @__PURE__ */ Q("div", { className: ze.scrollArea, children: [
-      /* @__PURE__ */ x(jt, { label: "열람방식", children: /* @__PURE__ */ Q("div", { className: ze.inlineFlex, children: [
+  const t = Y((h) => h.mode), n = Y((h) => h.setMode), r = Y((h) => h.theme), o = Y((h) => h.setTheme), i = Y((h) => h.fontFamily), s = Y((h) => h.setFontFamily), c = Y((h) => h.resetToDefaults), l = Y((h) => h.getFontLevel()), a = Y((h) => h.getLineLevel()), d = Y((h) => h.getMarginLevel()), m = Y((h) => h.setFontLevel), p = Y((h) => h.setLineLevel), b = Y((h) => h.setMarginLevel), v = Y((h) => h.pointerStyle), y = Y((h) => h.setPointerStyle), u = Y((h) => h.pointerColor), f = Y((h) => h.setPointerColor), g = Y((h) => h.breakMarks), C = Y((h) => h.toggleBreakMark), k = Y((h) => h.getBreakGapLevel()), R = Y((h) => h.setBreakGapLevel), I = `${ze.wrap} ${e ? ze.wrapVisible : ze.wrapHidden}`;
+  return /* @__PURE__ */ Z("div", { className: I, role: "dialog", "aria-modal": "true", "aria-label": "뷰어 설정", children: [
+    /* @__PURE__ */ Z("div", { className: ze.scrollArea, children: [
+      /* @__PURE__ */ x(jt, { label: "열람방식", children: /* @__PURE__ */ Z("div", { className: ze.inlineFlex, children: [
         /* @__PURE__ */ x(Lt, { active: t === "page", onClick: () => n("page"), children: "페이지" }),
         /* @__PURE__ */ x(Lt, { active: t === "scroll", onClick: () => n("scroll"), children: "스크롤" })
       ] }) }),
       /* @__PURE__ */ x(jt, { label: "테마", children: /* @__PURE__ */ x("div", { className: ze.inlineFlex, children: Object.keys(bn).map((h) => {
-        const S = h, w = bn[S];
+        const S = h, T = bn[S];
         return /* @__PURE__ */ x(
           "button",
           {
             type: "button",
             onClick: () => o(S),
             className: `${ze.themeCircle} ${r === h ? ze.themeCircleActive : ""}`,
-            style: { background: w.bg, color: w.fg, fontFamily: i },
+            style: { background: T.bg, color: T.fg, fontFamily: i },
             title: String(h),
             "aria-label": `테마: ${String(h)}`,
             children: "A"
@@ -5756,7 +5764,7 @@ function Yc({ visible: e }) {
           onInc: () => b(Math.min(5, d + 1))
         }
       ),
-      /* @__PURE__ */ x(jt, { label: "포인터", children: /* @__PURE__ */ Q("div", { className: ze.inlineFlex, children: [
+      /* @__PURE__ */ x(jt, { label: "포인터", children: /* @__PURE__ */ Z("div", { className: ze.inlineFlex, children: [
         /* @__PURE__ */ x(Lt, { active: v === "highlight", onClick: () => y("highlight"), children: "형광펜" }),
         /* @__PURE__ */ x(Lt, { active: v === "underline", onClick: () => y("underline"), children: "밑줄" }),
         /* @__PURE__ */ x(
@@ -5776,7 +5784,7 @@ function Yc({ visible: e }) {
           }
         )
       ] }) }),
-      /* @__PURE__ */ x(jt, { label: "끊기표시", children: /* @__PURE__ */ x("div", { className: ze.inlineFlex, children: /* @__PURE__ */ x(Lt, { active: g.slash, onClick: () => T("slash"), children: "슬래쉬" }) }) }),
+      /* @__PURE__ */ x(jt, { label: "끊기표시", children: /* @__PURE__ */ x("div", { className: ze.inlineFlex, children: /* @__PURE__ */ x(Lt, { active: g.slash, onClick: () => C("slash"), children: "슬래쉬" }) }) }),
       /* @__PURE__ */ x(
         pn,
         {
@@ -5793,7 +5801,7 @@ function Yc({ visible: e }) {
   ] });
 }
 function jt({ label: e, children: t }) {
-  return /* @__PURE__ */ Q("div", { className: ze.row, children: [
+  return /* @__PURE__ */ Z("div", { className: ze.row, children: [
     /* @__PURE__ */ x("label", { className: ze.label, children: e }),
     t
   ] });
@@ -5824,9 +5832,9 @@ function pn({
   onInc: i
 }) {
   const s = t <= n, c = t >= r;
-  return /* @__PURE__ */ Q("div", { className: ze.stepRow, children: [
+  return /* @__PURE__ */ Z("div", { className: ze.stepRow, children: [
     /* @__PURE__ */ x("label", { className: ze.stepLabel, children: e }),
-    /* @__PURE__ */ Q("div", { className: ze.inlineFlex, children: [
+    /* @__PURE__ */ Z("div", { className: ze.inlineFlex, children: [
       /* @__PURE__ */ x(
         "button",
         {
@@ -5853,9 +5861,9 @@ function pn({
     ] })
   ] });
 }
-const Qc = F.memo(function() {
+const Qc = D.memo(function() {
   const t = Y((s) => s.showOverlays), n = Y((s) => s.isSettingsOpen), r = j((s) => s.rangeStartGI), o = j((s) => s.rangeEndGI);
-  return r != null && o != null ? null : /* @__PURE__ */ Q(
+  return r != null && o != null ? null : /* @__PURE__ */ Z(
     "div",
     {
       "aria-hidden": !0,
@@ -6015,11 +6023,11 @@ function ru(e) {
               status: "playing",
               scrollLock: !0
             };
-          const g = typeof y == "number" ? y : f.currentClip, T = typeof u == "number" ? u : f.currentTimeMs;
+          const g = typeof y == "number" ? y : f.currentClip, C = typeof u == "number" ? u : f.currentTimeMs;
           return {
             status: "loading",
             currentClip: Math.max(0, Math.min(g, Math.max(0, f.clips.length - 1))),
-            currentTimeMs: T,
+            currentTimeMs: C,
             scrollLock: !0
           };
         });
@@ -6064,10 +6072,10 @@ function ru(e) {
         if (!n) return -1;
         const f = n.byClip[y];
         if (!f || f.length === 0) return -1;
-        let g = 0, T = f.length - 1, k = 0;
-        for (; g <= T; ) {
-          const R = g + T >> 1;
-          f[R].t <= u ? (k = R, g = R + 1) : T = R - 1;
+        let g = 0, C = f.length - 1, k = 0;
+        for (; g <= C; ) {
+          const R = g + C >> 1;
+          f[R].t <= u ? (k = R, g = R + 1) : C = R - 1;
         }
         return f[Math.max(0, Math.min(k, f.length - 1))].g;
       },
@@ -6079,8 +6087,8 @@ function ru(e) {
         let f = u[y];
         if (!f) {
           let g = y - 1;
-          const T = Math.max(0, y - 100);
-          for (; g >= T; ) {
+          const C = Math.max(0, y - 100);
+          for (; g >= C; ) {
             if (u[g]) {
               f = u[g];
               break;
@@ -6170,9 +6178,9 @@ function lu(e) {
     }
     const y = ra(b, p).map((f) => {
       var R;
-      const g = f.startG - p, T = f.endG - f.startG + 1;
+      const g = f.startG - p, C = f.endG - f.startG + 1;
       let k = -1;
-      for (let I = 0; I < T; I++) {
+      for (let I = 0; I < C; I++) {
         const h = ((R = b[g + I]) == null ? void 0 : R.text) ?? "";
         if (mr(h)) {
           k = f.startG + I;
@@ -6183,7 +6191,7 @@ function lu(e) {
         startG: f.startG,
         endG: f.endG,
         r0: g,
-        len: T,
+        len: C,
         firstReadableGI: k,
         splitIndex: f.splitIndex
       };
@@ -6191,8 +6199,8 @@ function lu(e) {
     c[m] = y;
     for (const f of y) {
       const g = s.length;
-      for (let T = f.startG; T <= f.endG; T++)
-        o[T] = g;
+      for (let C = f.startG; C <= f.endG; C++)
+        o[C] = g;
       s.push(f);
     }
   }), { nav: {
@@ -6261,32 +6269,32 @@ function cu(e) {
       b((B) => B.progress._scrollApi === M ? B : { progress: { ...B.progress, _scrollApi: M } });
     }, u = () => v().progress._scrollApi, f = (M) => {
       b((B) => {
-        const D = B.progress;
-        if (D.totalRuns === M) return B;
-        const V = D.currentGlobalRunIndex < 0 && M > 0;
+        const F = B.progress;
+        if (F.totalRuns === M) return B;
+        const V = F.currentGlobalRunIndex < 0 && M > 0;
         return {
           progress: {
-            ...D,
+            ...F,
             totalRuns: M,
-            currentGlobalRunIndex: V ? 0 : D.currentGlobalRunIndex,
-            lastUpdateBy: V ? "program" : D.lastUpdateBy
+            currentGlobalRunIndex: V ? 0 : F.currentGlobalRunIndex,
+            lastUpdateBy: V ? "program" : F.lastUpdateBy
           }
         };
       });
     }, g = (M, B = "program") => {
-      const D = v().progress.currentGlobalRunIndex, V = v().progress, q = V.totalRuns > 0 ? Math.max(-1, Math.min(M, V.totalRuns - 1)) : M;
-      D === q && V.lastUpdateBy === B || (b((ue) => ({
+      const F = v().progress.currentGlobalRunIndex, V = v().progress, q = V.totalRuns > 0 ? Math.max(-1, Math.min(M, V.totalRuns - 1)) : M;
+      F === q && V.lastUpdateBy === B || (b((ue) => ({
         progress: {
           ...ue.progress,
           currentGlobalRunIndex: q,
           lastUpdateBy: B
         }
-      })), D !== q && c && c.getState().emit({
+      })), F !== q && c && c.getState().emit({
         type: "global_index_change",
         payload: { globalIndex: q }
       }));
-    }, T = (M) => {
-      const { sectionLoading: B, _loadingStartTime: D } = v().progress;
+    }, C = (M) => {
+      const { sectionLoading: B, _loadingStartTime: F } = v().progress;
       if (B === M) return;
       const V = Date.now();
       if (M)
@@ -6298,7 +6306,7 @@ function cu(e) {
           }
         })), c && c.getState().emit({ type: "loading_start", payload: {} });
       else {
-        const ue = (D ? V - D : 0) / 1e3;
+        const ue = (F ? V - F : 0) / 1e3;
         b((de) => ({
           progress: {
             ...de.progress,
@@ -6335,17 +6343,17 @@ function cu(e) {
         }
       })), c && c.getState().emit({ type: "range_clear", payload: {} });
     }, h = (M) => {
-      const { rangeStartGI: B, rangeEndGI: D } = v().progress;
-      B == null || D == null || (M < B ? b((V) => ({
+      const { rangeStartGI: B, rangeEndGI: F } = v().progress;
+      B == null || F == null || (M < B ? b((V) => ({
         progress: { ...V.progress, rangeStartGI: M }
-      })) : M > D ? b((V) => ({
+      })) : M > F ? b((V) => ({
         progress: { ...V.progress, rangeEndGI: M }
       })) : I());
     }, S = () => {
       var ke;
-      const { rangeStartGI: M, rangeEndGI: B, section: D, layout: V } = v().progress;
+      const { rangeStartGI: M, rangeEndGI: B, section: F, layout: V } = v().progress;
       if (M == null || B == null || !V) return "";
-      const q = ((ke = D.ast) == null ? void 0 : ke.blocks) ?? [], ue = V.prefix, de = [];
+      const q = ((ke = F.ast) == null ? void 0 : ke.blocks) ?? [], ue = V.prefix, de = [];
       for (let Re = 0; Re < q.length; Re++) {
         const ee = q[Re];
         if (ee.type !== "paragraph") continue;
@@ -6356,8 +6364,8 @@ function cu(e) {
         }
       }
       return de.join("");
-    }, w = (M) => {
-      const { totalRuns: B, derivedNav: D } = v().progress, V = D == null ? void 0 : D.readableGi;
+    }, T = (M) => {
+      const { totalRuns: B, derivedNav: F } = v().progress, V = F == null ? void 0 : F.readableGi;
       if (!V || B <= 0) return M;
       const q = B, ue = Math.max(0, Math.min(M, q - 1));
       if (V[ue]) return ue;
@@ -6369,17 +6377,17 @@ function cu(e) {
       }
       return ue;
     }, E = (M, B) => {
-      const { totalRuns: D, derivedNav: V } = v().progress, q = V == null ? void 0 : V.readableGi;
-      if (!q || D <= 0) return null;
+      const { totalRuns: F, derivedNav: V } = v().progress, q = V == null ? void 0 : V.readableGi;
+      if (!q || F <= 0) return null;
       if (B > 0) {
-        for (let ue = Math.min(Math.max(M, 0), D - 1); ue < D; ue += 1)
+        for (let ue = Math.min(Math.max(M, 0), F - 1); ue < F; ue += 1)
           if (q[ue]) return ue;
       } else
-        for (let ue = Math.min(Math.max(M, 0), D - 1); ue >= 0; ue -= 1)
+        for (let ue = Math.min(Math.max(M, 0), F - 1); ue >= 0; ue -= 1)
           if (q[ue]) return ue;
       return null;
     }, O = (M) => {
-      const { totalRuns: B, derivedNav: D } = v().progress, V = D == null ? void 0 : D.readableGi;
+      const { totalRuns: B, derivedNav: F } = v().progress, V = F == null ? void 0 : F.readableGi;
       if (!V || B <= 0) return null;
       if (M > 0) {
         for (let q = B - 1; q >= 0; q -= 1) if (V[q]) return q;
@@ -6394,7 +6402,7 @@ function cu(e) {
         getSectionScrollApi: u,
         setTotalRuns: f,
         setCurrentGlobalRunIndex: g,
-        setSectionLoading: T,
+        setSectionLoading: C,
         setPageIndex: k,
         // Range Selection API
         setRange: R,
@@ -6402,17 +6410,17 @@ function cu(e) {
         extendRange: h,
         getRangeText: S,
         // 네비 API
-        snapToReadable: w,
+        snapToReadable: T,
         nextReadableFrom: E,
         edgeReadable: O,
         hasReadableInDir: (M, B) => E(M + (B > 0 ? 1 : -1), B) != null,
         computeStepTarget: (M, B) => {
-          const { totalRuns: D, derivedNav: V } = v().progress;
-          if (!D || D <= 0) return M;
+          const { totalRuns: F, derivedNav: V } = v().progress;
+          if (!F || F <= 0) return M;
           const q = (V == null ? void 0 : V.groups) ?? [], ue = V == null ? void 0 : V.giToGroupIdx;
           if (!q.length || !ue) {
-            const A = D - 1;
-            return w(Math.max(0, Math.min(M + B, A)));
+            const A = F - 1;
+            return T(Math.max(0, Math.min(M + B, A)));
           }
           let de = ue[M] ?? -1;
           if (de < 0 || de >= q.length)
@@ -6424,15 +6432,15 @@ function cu(e) {
               }
             }
           if (de < 0 || de >= q.length)
-            return O(B) ?? w(M);
+            return O(B) ?? T(M);
           const ke = (X) => X >= 0 && X < q.length && (q[X].firstReadableGI ?? -1) >= 0;
           let Re = de + B;
           for (; Re >= 0 && Re < q.length && !ke(Re); )
             Re += B;
           if (Re < 0 || Re >= q.length)
-            return O(B) ?? w(M + B);
+            return O(B) ?? T(M + B);
           const ee = q[Re].firstReadableGI;
-          return ee >= 0 ? ee : w(M + B);
+          return ee >= 0 ? ee : T(M + B);
         },
         giToPercentTotal: (M) => {
           const B = v().progress.totalRuns;
@@ -6441,7 +6449,7 @@ function cu(e) {
         percentToGITotal: (M) => {
           const B = v().progress.totalRuns;
           if (!B || B <= 1) return 0;
-          const D = Math.max(0, Math.min(M, 100)), V = Math.round(D / 100 * (B - 1));
+          const F = Math.max(0, Math.min(M, 100)), V = Math.round(F / 100 * (B - 1));
           return Math.max(0, Math.min(V, B - 1));
         }
       }
@@ -6475,50 +6483,50 @@ const fu = ({
     var g;
     return ((g = r.ast) == null ? void 0 : g.blocks) ?? [];
   }, [r]), i = Y((g) => g.marginX), s = Y((g) => g.lineHeight), c = Y((g) => g.fontSizePx), l = Y((g) => g.fontFamily), a = Y((g) => g.viewportHeight), d = j((g) => {
-    var T;
-    return ((T = g.layout) == null ? void 0 : T.prefix) ?? [];
+    var C;
+    return ((C = g.layout) == null ? void 0 : C.prefix) ?? [];
   }), m = j((g) => {
-    var T;
-    return ((T = g.derivedNav) == null ? void 0 : T.splitGroupsPerBlock) ?? [];
+    var C;
+    return ((C = g.derivedNav) == null ? void 0 : C.splitGroupsPerBlock) ?? [];
   }), p = e[t], b = ve(() => {
     const g = [];
-    return o.forEach((T, k) => {
-      (T.type === "paragraph" || T.type === "image") && g.push(k);
+    return o.forEach((C, k) => {
+      (C.type === "paragraph" || C.type === "image") && g.push(k);
     }), g;
   }, [o]), v = ve(() => {
     if (!p) return [];
     const g = [];
-    for (let T = p.startBlock; T <= p.endBlock; T++) {
-      const k = b[T];
+    for (let C = p.startBlock; C <= p.endBlock; C++) {
+      const k = b[C];
       k != null && g.push(k);
     }
     return g;
   }, [p, b]), y = ve(() => {
     const g = [];
-    for (const T of v) {
-      const k = o[T];
-      (k == null ? void 0 : k.type) === "paragraph" && g.push({ b: k, originalBlockIndex: T });
+    for (const C of v) {
+      const k = o[C];
+      (k == null ? void 0 : k.type) === "paragraph" && g.push({ b: k, originalBlockIndex: C });
     }
     return g;
   }, [v, o]), u = ve(() => {
-    const g = [], T = Or();
+    const g = [], C = Or();
     return y.forEach((k, R) => {
-      g[R] = Pr(k.b, T);
+      g[R] = Pr(k.b, C);
     }), g;
-  }, [y]), f = (g, T, k) => {
+  }, [y]), f = (g, C, k) => {
     if (!g || g.length === 0) return [];
     const R = [];
     for (const I of g) {
       const h = I.startG, S = I.endG;
-      if (S < T || h > k) continue;
-      const w = Math.max(h, T), E = Math.min(S, k), O = w - h | 0, z = Math.max(0, E - w + 1);
+      if (S < C || h > k) continue;
+      const T = Math.max(h, C), E = Math.min(S, k), O = T - h | 0, z = Math.max(0, E - T + 1);
       if (z <= 0) continue;
-      const C = (I.r0 ?? 0) + O;
+      const w = (I.r0 ?? 0) + O;
       R.push({
         ...I,
-        startG: w,
+        startG: T,
         endG: E,
-        r0: C,
+        r0: w,
         len: z
       });
     }
@@ -6540,7 +6548,7 @@ const fu = ({
         lineHeight: s,
         boxSizing: "border-box"
       },
-      children: /* @__PURE__ */ Q(
+      children: /* @__PURE__ */ Z(
         "div",
         {
           style: {
@@ -6557,9 +6565,9 @@ const fu = ({
           },
           children: [
             /* @__PURE__ */ x("div", { style: { height: 40 } }),
-            /* @__PURE__ */ x("div", { style: { flex: 1, overflow: "hidden" }, children: v.map((g, T) => {
+            /* @__PURE__ */ x("div", { style: { flex: 1, overflow: "hidden" }, children: v.map((g, C) => {
               var X;
-              const k = o[g], R = T === 0, I = T === v.length - 1, h = {
+              const k = o[g], R = C === 0, I = C === v.length - 1, h = {
                 boxSizing: "border-box",
                 paddingRight: `${i}px`,
                 paddingLeft: `${i}px`,
@@ -6572,7 +6580,7 @@ const fu = ({
               }, S = `sec-${r.section_id}/blk-${k.id ?? g}`;
               if (k.type === "image") {
                 const { src: A, alt: K, width: ne, height: N } = k, oe = ne && N ? `${ne} / ${N}` : "4 / 3", $ = a > 80 ? Math.floor((a - 80) * 0.6) : void 0;
-                return /* @__PURE__ */ x("div", { style: h, children: /* @__PURE__ */ Q(
+                return /* @__PURE__ */ x("div", { style: h, children: /* @__PURE__ */ Z(
                   "div",
                   {
                     style: {
@@ -6614,39 +6622,39 @@ const fu = ({
                   }
                 ) }, S);
               }
-              const w = k, E = y.findIndex(
+              const T = k, E = y.findIndex(
                 (A) => A.originalBlockIndex === g
-              ), O = E >= 0 ? u[E] : void 0, z = w.runs ?? [], C = z.length;
-              let _ = 0, P = Math.max(0, C - 1);
+              ), O = E >= 0 ? u[E] : void 0, z = T.runs ?? [], w = z.length;
+              let _ = 0, P = Math.max(0, w - 1);
               R && p.startOffsetInBlock != null && (_ = Math.min(Math.max(0, p.startOffsetInBlock), P)), I && p.endOffsetInBlock != null && (P = Math.max(
                 _,
                 Math.min(p.endOffsetInBlock, P)
               ));
-              const G = _ > 0, M = d[g] ?? 0, B = m[g] ?? [], D = M + _, V = M + P;
-              let q = f(B, D, V);
+              const G = _ > 0, M = d[g] ?? 0, B = m[g] ?? [], F = M + _, V = M + P;
+              let q = f(B, F, V);
               const ue = M + _;
               q = q.map((A) => {
-                const K = Math.max(0, (A.startG ?? D) - ue), ne = A.len ?? Math.max(1, (A.endG ?? V) - (A.startG ?? D) + 1);
+                const K = Math.max(0, (A.startG ?? F) - ue), ne = A.len ?? Math.max(1, (A.endG ?? V) - (A.startG ?? F) + 1);
                 return {
                   ...A,
                   r0: K,
                   len: ne
                 };
               });
-              const de = _ <= P ? z.slice(_, P + 1) : [], ke = w.list ? w.list.level * 24 : 0, Re = ((X = w.list) == null ? void 0 : X.kind) === "bullet" ? w.list.glyph ?? "•" : void 0, ee = G ? void 0 : O ?? Re;
-              return /* @__PURE__ */ x("div", { style: h, children: /* @__PURE__ */ Q(
+              const de = _ <= P ? z.slice(_, P + 1) : [], ke = T.list ? T.list.level * 24 : 0, Re = ((X = T.list) == null ? void 0 : X.kind) === "bullet" ? T.list.glyph ?? "•" : void 0, ee = G ? void 0 : O ?? Re;
+              return /* @__PURE__ */ x("div", { style: h, children: /* @__PURE__ */ Z(
                 "p",
                 {
                   style: {
                     width: "100%",
                     margin: "8px 0",
                     paddingLeft: ke,
-                    textAlign: w.textAlign,
+                    textAlign: T.textAlign,
                     whiteSpace: "pre-wrap",
                     boxSizing: "border-box"
                   },
                   children: [
-                    w.list && ee ? /* @__PURE__ */ x(
+                    T.list && ee ? /* @__PURE__ */ x(
                       "span",
                       {
                         "aria-hidden": !0,
@@ -6751,7 +6759,7 @@ function hu(e) {
       }, a)), u.current.lastTapT = P);
     },
     [i, d, o, r, a]
-  ), T = Ye.useCallback(
+  ), C = Ye.useCallback(
     (_, P) => {
       const G = Math.abs(_) / Math.max(1, P);
       Math.abs(_) >= v || G >= l ? _ < 0 ? n() : t() : p == null || p();
@@ -6769,7 +6777,7 @@ function hu(e) {
   ), R = Ye.useCallback(
     (_) => {
       if (u.current.touchId == null) return;
-      const P = Array.from(_.touches).find((D) => D.identifier === u.current.touchId);
+      const P = Array.from(_.touches).find((F) => F.identifier === u.current.touchId);
       if (!P) return;
       const G = P.clientX - u.current.startX, M = Math.abs(G), B = Math.abs(P.clientY - u.current.startY);
       if (!u.current.swiping)
@@ -6783,12 +6791,12 @@ function hu(e) {
   ), I = Ye.useCallback(
     (_) => {
       if (u.current.touchId == null) return;
-      const P = Array.from(_.changedTouches).find((D) => D.identifier === u.current.touchId);
+      const P = Array.from(_.changedTouches).find((F) => F.identifier === u.current.touchId);
       if (!P) return;
       const G = P.clientX - u.current.startX, M = P.clientY - u.current.startY, B = _.timeStamp - u.current.startT;
-      u.current.swiping ? T(G, B) : Math.abs(G) < 10 && Math.abs(M) < 10 && g(_.target), u.current.suppressClick = !0, u.current.touchId = null, u.current.swiping = !1;
+      u.current.swiping ? C(G, B) : Math.abs(G) < 10 && Math.abs(M) < 10 && g(_.target), u.current.suppressClick = !0, u.current.touchId = null, u.current.swiping = !1;
     },
-    [T, g]
+    [C, g]
   ), h = Ye.useCallback(() => {
     u.current.swiping && (p == null || p()), u.current.touchId = null, u.current.swiping = !1;
   }, [p]), S = Ye.useCallback(
@@ -6798,7 +6806,7 @@ function hu(e) {
       P != null && P(_.target) || (u.current.mouseDown = !0, u.current.mouseSwiping = !1, u.current.mStartX = _.clientX, u.current.mStartY = _.clientY, u.current.mStartT = _.timeStamp, u.current.suppressClick = !1, u.current.capturedEl = _.currentTarget);
     },
     [s, i]
-  ), w = Ye.useCallback(
+  ), T = Ye.useCallback(
     (_) => {
       if (_.pointerType === "touch" || !u.current.mouseDown) return;
       const P = _.clientX - u.current.mStartX, G = Math.abs(P), M = Math.abs(_.clientY - u.current.mStartY);
@@ -6823,7 +6831,7 @@ function hu(e) {
       if (_.pointerType === "touch" || !u.current.mouseDown) return;
       if (u.current.mouseSwiping) {
         const M = _.clientX - u.current.mStartX, B = _.timeStamp - u.current.mStartT;
-        T(M, B), document.body.style.userSelect = u.current.prevUserSelect;
+        C(M, B), document.body.style.userSelect = u.current.prevUserSelect;
       }
       const P = u.current.capturedEl;
       if ((G = P == null ? void 0 : P.hasPointerCapture) != null && G.call(P, _.pointerId))
@@ -6833,7 +6841,7 @@ function hu(e) {
         }
       u.current.mouseDown = !1, u.current.mouseSwiping = !1, u.current.capturedEl = null;
     },
-    [T]
+    [C]
   ), O = Ye.useCallback(
     (_) => {
       _.pointerType !== "touch" && (u.current.mouseSwiping && (p == null || p(), document.body.style.userSelect = u.current.prevUserSelect), u.current.mouseDown = !1, u.current.mouseSwiping = !1, u.current.capturedEl = null);
@@ -6841,7 +6849,7 @@ function hu(e) {
     [p]
   ), z = Ye.useCallback(() => {
     u.current.mouseSwiping && (p == null || p(), document.body.style.userSelect = u.current.prevUserSelect), u.current.mouseDown = !1, u.current.mouseSwiping = !1, u.current.capturedEl = null;
-  }, [p]), C = Ye.useCallback(
+  }, [p]), w = Ye.useCallback(
     (_) => {
       if (u.current.suppressClick) {
         u.current.suppressClick = !1;
@@ -6864,12 +6872,12 @@ function hu(e) {
     onTouchCancel: h,
     // mouse
     onPointerDown: S,
-    onPointerMove: w,
+    onPointerMove: T,
     onPointerUp: E,
     onPointerCancel: O,
     onLostPointerCapture: z,
     // click (mouse only)
-    onClick: C
+    onClick: w
   };
 }
 var jn, Co;
@@ -7018,43 +7026,43 @@ function Tu() {
   Go = 1;
   var e = Ai(), t = mu(), n = Cu(), r = "Expected a function", o = Math.max, i = Math.min;
   function s(c, l, a) {
-    var d, m, p, b, v, y, u = 0, f = !1, g = !1, T = !0;
+    var d, m, p, b, v, y, u = 0, f = !1, g = !1, C = !0;
     if (typeof c != "function")
       throw new TypeError(r);
-    l = n(l) || 0, e(a) && (f = !!a.leading, g = "maxWait" in a, p = g ? o(n(a.maxWait) || 0, l) : p, T = "trailing" in a ? !!a.trailing : T);
-    function k(C) {
+    l = n(l) || 0, e(a) && (f = !!a.leading, g = "maxWait" in a, p = g ? o(n(a.maxWait) || 0, l) : p, C = "trailing" in a ? !!a.trailing : C);
+    function k(w) {
       var _ = d, P = m;
-      return d = m = void 0, u = C, b = c.apply(P, _), b;
+      return d = m = void 0, u = w, b = c.apply(P, _), b;
     }
-    function R(C) {
-      return u = C, v = setTimeout(S, l), f ? k(C) : b;
+    function R(w) {
+      return u = w, v = setTimeout(S, l), f ? k(w) : b;
     }
-    function I(C) {
-      var _ = C - y, P = C - u, G = l - _;
+    function I(w) {
+      var _ = w - y, P = w - u, G = l - _;
       return g ? i(G, p - P) : G;
     }
-    function h(C) {
-      var _ = C - y, P = C - u;
+    function h(w) {
+      var _ = w - y, P = w - u;
       return y === void 0 || _ >= l || _ < 0 || g && P >= p;
     }
     function S() {
-      var C = t();
-      if (h(C))
-        return w(C);
-      v = setTimeout(S, I(C));
+      var w = t();
+      if (h(w))
+        return T(w);
+      v = setTimeout(S, I(w));
     }
-    function w(C) {
-      return v = void 0, T && d ? k(C) : (d = m = void 0, b);
+    function T(w) {
+      return v = void 0, C && d ? k(w) : (d = m = void 0, b);
     }
     function E() {
       v !== void 0 && clearTimeout(v), u = 0, d = y = m = v = void 0;
     }
     function O() {
-      return v === void 0 ? b : w(t());
+      return v === void 0 ? b : T(t());
     }
     function z() {
-      var C = t(), _ = h(C);
-      if (d = arguments, m = this, y = C, _) {
+      var w = t(), _ = h(w);
+      if (d = arguments, m = this, y = w, _) {
         if (v === void 0)
           return R(y);
         if (g)
@@ -7140,7 +7148,7 @@ async function Ou({
   viewportHeight: v = 0,
   instanceId: y = "default"
 }) {
-  var f, g, T;
+  var f, g, C;
   const u = Mu(y);
   at(u, y);
   try {
@@ -7154,7 +7162,7 @@ async function Ou({
       b.toFixed(4),
       k ? "(scaled, applying inverse)" : "(no scale)"
     ), console.log("[calcPages] viewWidth:", I), console.log("[calcPages] pageBoxWidth:", h), console.log("[calcPages] maxPageHeight:", S), console.log("[calcPages] contentArea rect:", n.getBoundingClientRect()), console.log("[calcPages] measureRoot rect:", t.getBoundingClientRect());
-    const w = 1.5, E = (N, oe) => oe + N <= S - w, O = getComputedStyle(e), z = {
+    const T = 1.5, E = (N, oe) => oe + N <= S - T, O = getComputedStyle(e), z = {
       letterSpacing: O.letterSpacing,
       wordSpacing: O.wordSpacing,
       fontKerning: O.fontKerning || "normal",
@@ -7164,7 +7172,7 @@ async function Ou({
       wordBreak: O.wordBreak || "keep-all",
       overflowWrap: O.overflowWrap || O.wordWrap || "break-word",
       hyphens: O.hyphens || "manual"
-    }, C = (N) => {
+    }, w = (N) => {
       N.style.letterSpacing = z.letterSpacing || "", N.style.wordSpacing = z.wordSpacing || "", N.style.fontKerning = z.fontKerning || "", N.style.fontVariantLigatures = z.fontVariantLigatures || "", N.style.textTransform = z.textTransform || "", N.style.direction = z.direction || "", N.style.wordBreak = z.wordBreak || "", N.style.wordWrap = z.overflowWrap || "", N.style.overflowWrap = z.overflowWrap || "", N.style.hyphens = z.hyphens || "";
     }, _ = h, P = Math.max(0, _ - 2 * (i || 0));
     n.innerHTML = "";
@@ -7172,9 +7180,9 @@ async function Ou({
     G.style.boxSizing = "border-box", G.style.width = `${_}px`, G.style.maxWidth = `${_}px`, G.style.margin = "0 auto", G.style.display = "flex", n.appendChild(G);
     const M = document.createElement("div");
     M.style.boxSizing = "border-box", M.style.paddingRight = `${i}px`, M.style.paddingLeft = `${i}px`, M.style.width = `${_}px`, M.style.maxWidth = `${_}px`, M.style.margin = "0 auto", M.style.display = "flex", M.style.justifyContent = "center", M.style.height = "auto", G.appendChild(M);
-    const B = /* @__PURE__ */ new Map(), D = {}, V = Eu(u, y, r.length), q = (N, oe) => {
+    const B = /* @__PURE__ */ new Map(), F = {}, V = Eu(u, y, r.length), q = (N, oe) => {
       const $ = document.createElement("p");
-      return $.style.margin = "8px 0", $.style.paddingLeft = oe ? `${oe}px` : "0", $.style.textAlign = N.textAlign ?? "start", $.style.whiteSpace = "pre-wrap", $.style.lineHeight = String(l), $.style.fontSize = `${c}px`, $.style.boxSizing = "border-box", $.style.fontFamily = s ?? "", $.style.width = "100%", C($), $;
+      return $.style.margin = "8px 0", $.style.paddingLeft = oe ? `${oe}px` : "0", $.style.textAlign = N.textAlign ?? "start", $.style.whiteSpace = "pre-wrap", $.style.lineHeight = String(l), $.style.fontSize = `${c}px`, $.style.boxSizing = "border-box", $.style.fontFamily = s ?? "", $.style.width = "100%", w($), $;
     }, ue = (N, oe) => {
       const $ = oe ?? [], J = document.createDocumentFragment();
       for (let se = 0; se < $.length; se++) {
@@ -7202,7 +7210,7 @@ async function Ou({
       const se = document.createElement("div");
       if (se.style.position = "absolute", se.style.inset = "0", se.style.width = "100%", se.style.height = "100%", J.appendChild(se), $.appendChild(J), N != null && N.alt) {
         const re = document.createElement("div");
-        re.style.fontSize = "12px", re.style.color = "#6B7280", re.style.marginTop = "4px", re.textContent = String(N.alt), C(re), $.appendChild(re);
+        re.style.fontSize = "12px", re.style.color = "#6B7280", re.style.marginTop = "4px", re.textContent = String(N.alt), w(re), $.appendChild(re);
       }
       return $;
     };
@@ -7213,7 +7221,7 @@ async function Ou({
         const Te = oe.block, Oe = ke(Te);
         M.appendChild(Oe);
         const Ne = Oe.getBoundingClientRect(), { mt: Ae, mb: $e } = sr(Oe);
-        D[N] = { contentH: Math.ceil(Ne.height), mt: Ae, mb: $e }, await V(24);
+        F[N] = { contentH: Math.ceil(Ne.height), mt: Ae, mb: $e }, await V(24);
         continue;
       }
       const $ = oe.block, J = $.list ? ($.list.level ?? 0) * 24 : 0, se = oe.paraIndex ?? 0, re = p[se] ?? (((f = $.list) == null ? void 0 : f.kind) === "bullet" ? ((g = $.list) == null ? void 0 : g.glyph) ?? "•" : void 0);
@@ -7232,7 +7240,7 @@ async function Ou({
       }
       const le = M.querySelector('p[data-variant="with"]'), we = M.querySelector('p[data-variant="no"]'), me = we ?? le;
       if (le && me) {
-        const Te = Ho(le), Oe = Ho(me), { mt: Ne, mb: Ae } = sr(le), { mt: $e, mb: dt } = sr(me), Xe = ((T = $.runs) == null ? void 0 : T.length) ?? 0, Ge = we ? Oe : Te, it = we ? $e : Ne, et = we ? dt : Ae;
+        const Te = Ho(le), Oe = Ho(me), { mt: Ne, mb: Ae } = sr(le), { mt: $e, mb: dt } = sr(me), Xe = ((C = $.runs) == null ? void 0 : C.length) ?? 0, Ge = we ? Oe : Te, it = we ? $e : Ne, et = we ? dt : Ae;
         if (N < 3) {
           const bt = le.getBoundingClientRect().height;
           console.log(
@@ -7266,7 +7274,7 @@ async function Ou({
       let se = -1, re;
       for (; X < r.length; ) {
         if (at(u, y), r[X].kind === "image") {
-          const Ge = D[X] ?? { contentH: 0, mt: 0, mb: 0 }, et = (oe === 0 ? Ge.mt : $ + Ge.mt) + Ge.contentH;
+          const Ge = F[X] ?? { contentH: 0, mt: 0, mb: 0 }, et = (oe === 0 ? Ge.mt : $ + Ge.mt) + Ge.contentH;
           if (E(et, oe)) {
             oe += et, se = X, re = void 0, $ = Ge.mb, X += 1, A = void 0, K = null, ne = null;
             continue;
@@ -7405,10 +7413,10 @@ function Lu() {
         W[Ct] = Pr(De.block, He);
       }
     }), W;
-  }, [u]), [g, T] = tt({
+  }, [u]), [g, C] = tt({
     pages: [],
     pageByRunIndex: null
-  }), k = j((W) => W.pageIndex), R = j((W) => W.setPageIndex), I = ie(0), h = ie(null), [S, w] = tt(!1), [E, O] = tt(null), [z, C] = tt(!1), _ = ve(
+  }), k = j((W) => W.pageIndex), R = j((W) => W.setPageIndex), I = ie(0), h = ie(null), [S, T] = tt(!1), [E, O] = tt(null), [z, w] = tt(!1), _ = ve(
     () => ({
       flex: 1,
       fontFamily: a,
@@ -7446,11 +7454,11 @@ function Lu() {
       await vt(), await vt(), await vt(), await vt(), console.log("recalc종료"), W(!1);
     })());
   }, [g, B]);
-  const D = Z(() => {
+  const F = Q(() => {
     console.log("@@@@@@recalc호출");
     const W = y.current, He = le.current, De = we.current;
     if (console.log("showSplit", P), !W || !He || !De || u.length === 0) {
-      T({ pages: [], pageByRunIndex: null }), R(0);
+      C({ pages: [], pageByRunIndex: null }), R(0);
       return;
     }
     (async () => {
@@ -7476,7 +7484,7 @@ function Lu() {
         }), $i = performance.now();
         console.log(
           `✅ calcPages 완료: ${($i - Ct).toFixed(1)} ms (${Bt.length} pages)`
-        ), T({ pages: Bt, pageByRunIndex: Wi }), R(0);
+        ), C({ pages: Bt, pageByRunIndex: Wi }), R(0);
       } catch (st) {
         if (st instanceof Fi) {
           console.log("이젠실행 취소 들어옴!");
@@ -7503,7 +7511,7 @@ function Lu() {
   ]), V = j((W) => W.setCurrentGlobalRunIndex), q = j((W) => {
     var He;
     return ((He = W.layout) == null ? void 0 : He.prefix) ?? [];
-  }), ue = _e((W) => W.syncToGI), de = Z(
+  }), ue = _e((W) => W.syncToGI), de = Q(
     (W) => {
       const He = g.pages.length + 1, De = k + W;
       if (De < 0 || De >= He) return;
@@ -7521,47 +7529,47 @@ function Lu() {
       st != null ? (V(st, "scrubber-step"), ue(st)) : R(De);
     },
     [k, g.pages, u, q, V, R, ue]
-  ), ke = Z(() => {
-    S || I.current !== 0 ? (O("prev"), w(!1)) : de(-1);
-  }, [S, de]), Re = Z(() => {
-    S || I.current !== 0 ? (O("next"), w(!1)) : de(1);
-  }, [S, de]), ee = kn(), X = Z(() => {
+  ), ke = Q(() => {
+    S || I.current !== 0 ? (O("prev"), T(!1)) : de(-1);
+  }, [S, de]), Re = Q(() => {
+    S || I.current !== 0 ? (O("next"), T(!1)) : de(1);
+  }, [S, de]), ee = kn(), X = Q(() => {
     const { isSettingsOpen: W, setSettingsOpen: He, toggleOverlays: De } = ee.getState();
     W ? He(!1) : De();
-  }, [ee]), A = g.pages.length + 1, K = ((zr = y.current) == null ? void 0 : zr.clientWidth) || 400, ne = Z((W) => {
+  }, [ee]), A = g.pages.length + 1, K = ((zr = y.current) == null ? void 0 : zr.clientWidth) || 400, ne = Q((W) => {
     var st;
     const He = h.current;
     if (!He) return;
     const De = ((st = y.current) == null ? void 0 : st.clientWidth) || 1, Ct = W / De * 33.333;
     He.style.transform = `translate3d(${-33.333 + Ct}%, 0, 0)`;
-  }, []), N = Z(
+  }, []), N = Q(
     (W) => {
-      k === 0 && W > 0 || k >= A - 1 && W < 0 || (I.current = W, ne(W), S || w(!0));
+      k === 0 && W > 0 || k >= A - 1 && W < 0 || (I.current = W, ne(W), S || T(!0));
     },
     [k, A, ne, S]
-  ), oe = Z(() => {
-    I.current = 0, w(!1);
+  ), oe = Q(() => {
+    I.current = 0, T(!1);
     const W = h.current;
     W && (W.style.transition = "transform 250ms ease-out", W.style.transform = "translate3d(-33.333%, 0, 0)");
-  }, []), $ = Z(
+  }, []), $ = Q(
     (W) => {
       if (W.target !== W.currentTarget || W.propertyName !== "transform") return;
       const He = E;
-      C(!0), O(null), I.current = 0, He === "prev" ? de(-1) : He === "next" && de(1);
+      w(!0), O(null), I.current = 0, He === "prev" ? de(-1) : He === "next" && de(1);
     },
     [E, de]
   );
   Tt(() => {
     z && requestAnimationFrame(() => {
       requestAnimationFrame(() => {
-        C(!1);
+        w(!1);
       });
     });
   }, [z]);
-  const J = yn(), se = Z(
+  const J = yn(), se = Q(
     (W) => i || zu(W) ? !0 : Bu(W),
     [i]
-  ), re = Z(
+  ), re = Q(
     (W) => J.getState().status === "playing" ? !0 : se(W),
     [J, se]
   ), pe = hu({
@@ -7579,7 +7587,7 @@ function Lu() {
     onDragMove: N,
     onDragEnd: oe,
     pageTransitionThreshold: K * 0.5
-  }), le = ie(null), we = ie(null), me = Z(() => {
+  }), le = ie(null), we = ie(null), me = Q(() => {
     const W = B.getState().progress.setSectionLoading;
     W(!0);
   }, [B]), Te = ve(
@@ -7589,14 +7597,14 @@ function Lu() {
       maxWait: 1e3
     }),
     []
-  ), Oe = _u(D, 200, me, Te), Ne = ie("");
+  ), Oe = _u(F, 200, me, Te), Ne = ie("");
   Se(() => {
     if (b <= 0) return;
     const W = `${a}|${d}|${m}|${p}|${P}|${G}|${M}|${b}|${t == null ? void 0 : t.section_id}`;
-    Ne.current !== W && (Ne.current = W, console.log("debounceRecalc 취소"), Oe.cancel(), me(), D());
+    Ne.current !== W && (Ne.current = W, console.log("debounceRecalc 취소"), Oe.cancel(), me(), F());
   }, [
     Oe,
-    D,
+    F,
     me,
     a,
     d,
@@ -7622,7 +7630,7 @@ function Lu() {
     // 페이지 이동 구현
     stepPage: de
   }), () => Ae(void 0)), [Ae, de]);
-  const $e = t.quizzes && t.quizzes.length > 0, dt = g.pages.length > 0 && k === g.pages.length, Xe = k > 0 ? k - 1 : null, Ge = k < A - 1 ? k + 1 : null, it = ve(() => E === "prev" ? "translate3d(0%, 0, 0)" : E === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [E]), et = (W) => n ? null : W === g.pages.length ? /* @__PURE__ */ Q(
+  const $e = t.quizzes && t.quizzes.length > 0, dt = g.pages.length > 0 && k === g.pages.length, Xe = k > 0 ? k - 1 : null, Ge = k < A - 1 ? k + 1 : null, it = ve(() => E === "prev" ? "translate3d(0%, 0, 0)" : E === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [E]), et = (W) => n ? null : W === g.pages.length ? /* @__PURE__ */ Z(
     "div",
     {
       style: {
@@ -7651,8 +7659,8 @@ function Lu() {
     backfaceVisibility: "hidden",
     WebkitBackfaceVisibility: "hidden"
   }, Vt = !z && (!S || E !== null);
-  return console.log("여기리랜더"), /* @__PURE__ */ Q("div", { ref: y, style: { ..._, touchAction: "none" }, ...pe, children: [
-    /* @__PURE__ */ Q(
+  return console.log("여기리랜더"), /* @__PURE__ */ Z("div", { ref: y, style: { ..._, touchAction: "none" }, ...pe, children: [
+    /* @__PURE__ */ Z(
       "div",
       {
         ref: h,
@@ -7704,7 +7712,7 @@ function Lu() {
           pointerEvents: "none",
           background: "pink"
         },
-        children: /* @__PURE__ */ Q(
+        children: /* @__PURE__ */ Z(
           "div",
           {
             style: {
@@ -7755,7 +7763,7 @@ const Gu = ({ pages: e, items: t, onGotoPage: n, currentPageIndex: r, isOnExtraP
   const i = j((a) => a.currentGlobalRunIndex), s = j((a) => a.lastUpdateBy), c = j((a) => {
     var d;
     return ((d = a.layout) == null ? void 0 : d.prefix) ?? [];
-  }), l = F.useRef(null);
+  }), l = D.useRef(null);
   return Se(() => {
     if (i == null || e.length === 0 || o && !(s === "scrubber-live" || s === "scrubber-commit") || l.current === i) return;
     l.current = i;
@@ -7837,10 +7845,10 @@ const vd = Dt(function() {
   }, [t, c, p]);
   const b = t === "doing" ? n[r[o]] : void 0, v = t === "doing" && b ? i[b.qid] ?? [] : [], y = ve(() => {
     if (t === "idle" || t !== "finished") return;
-    const u = r.map((M) => n[M]), f = u.length, g = u.reduce((M, B) => M + (B.score ?? 0), 0), T = u.reduce((M, B) => {
-      const D = m[B.qid];
-      return M + (D != null && D.isCorrect ? B.score ?? 0 : 0);
-    }, 0), k = u.map((M) => m[M.qid]).filter((M) => !!M), R = typeof a == "number" && typeof d == "number" ? Math.max(0, d - a) : k.reduce((M, B) => M + (B.ms ?? 0), 0), I = f > 0 ? Math.round(R / f) : 0, h = [...k].sort((M, B) => M.ms - B.ms), S = h[0], w = h[h.length - 1], E = k.filter((M) => !M.multi), O = k.filter((M) => M.multi), z = E.filter((M) => M.isCorrect).length, C = O.filter((M) => M.isCorrect).length, _ = k.filter((M) => M.timedOut).length, P = k.filter((M) => M.revealed).length, G = k.filter((M) => !M.isCorrect).sort((M, B) => B.ms - M.ms).slice(0, 3);
+    const u = r.map((M) => n[M]), f = u.length, g = u.reduce((M, B) => M + (B.score ?? 0), 0), C = u.reduce((M, B) => {
+      const F = m[B.qid];
+      return M + (F != null && F.isCorrect ? B.score ?? 0 : 0);
+    }, 0), k = u.map((M) => m[M.qid]).filter((M) => !!M), R = typeof a == "number" && typeof d == "number" ? Math.max(0, d - a) : k.reduce((M, B) => M + (B.ms ?? 0), 0), I = f > 0 ? Math.round(R / f) : 0, h = [...k].sort((M, B) => M.ms - B.ms), S = h[0], T = h[h.length - 1], E = k.filter((M) => !M.multi), O = k.filter((M) => M.multi), z = E.filter((M) => M.isCorrect).length, w = O.filter((M) => M.isCorrect).length, _ = k.filter((M) => M.timedOut).length, P = k.filter((M) => M.revealed).length, G = k.filter((M) => !M.isCorrect).sort((M, B) => B.ms - M.ms).slice(0, 3);
     return {
       total: f,
       correct: s,
@@ -7848,11 +7856,11 @@ const vd = Dt(function() {
       timeMsTotal: R,
       avgMs: I,
       totalScore: g,
-      gainedScore: T,
+      gainedScore: C,
       fastest: S,
-      slowest: w,
+      slowest: T,
       singles: { total: E.length, correct: z },
-      multis: { total: O.length, correct: C },
+      multis: { total: O.length, correct: w },
       timedOut: _,
       revealed: P,
       wrongTop3: G
@@ -7911,8 +7919,8 @@ function Sd(e) {
     for (let f = 0; f < u.length; f++) if (u[f] !== v[f]) return !1;
     return !0;
   }, [o, v]);
-  return /* @__PURE__ */ Q("div", { className: he.Body, children: [
-    /* @__PURE__ */ Q("div", { className: he.Header, children: [
+  return /* @__PURE__ */ Z("div", { className: he.Body, children: [
+    /* @__PURE__ */ Z("div", { className: he.Header, children: [
       /* @__PURE__ */ x("div", { className: he.Paging, children: `Quiz (${n + 1}/${r})` }),
       /* @__PURE__ */ x("button", { type: "button", onClick: d, className: he.CloseBtn, children: "X" })
     ] }),
@@ -7928,10 +7936,10 @@ function Sd(e) {
     ),
     /* @__PURE__ */ x("div", { className: he.Image, children: b && /* @__PURE__ */ x("img", { src: b, alt: "" }) }),
     /* @__PURE__ */ x("div", { className: he.Options, children: p.map(({ opt: u, i: f }) => {
-      const g = o.includes(f), T = v.includes(f), k = [
+      const g = o.includes(f), C = v.includes(f), k = [
         he.OptionBtn,
         g ? he.OptionBtnActive : "",
-        i && T ? he.OptionBtnCorrect : ""
+        i && C ? he.OptionBtnCorrect : ""
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ x(
         "button",
@@ -7945,7 +7953,7 @@ function Sd(e) {
         f
       );
     }) }),
-    /* @__PURE__ */ x("div", { className: he.Footer, children: i ? /* @__PURE__ */ x("button", { type: "button", onClick: l, className: he.NextBtn, children: n + 1 >= r ? "Complete" : "Next Quiz" }) : /* @__PURE__ */ Q("button", { type: "button", onClick: c, className: `${he.NextBtn}`, children: [
+    /* @__PURE__ */ x("div", { className: he.Footer, children: i ? /* @__PURE__ */ x("button", { type: "button", onClick: l, className: he.NextBtn, children: n + 1 >= r ? "Complete" : "Next Quiz" }) : /* @__PURE__ */ Z("button", { type: "button", onClick: c, className: `${he.NextBtn}`, children: [
       "Submit",
       typeof a == "number" && /* @__PURE__ */ x("span", { className: `${he.Remaining} ${a <= 5 ? he.RemainingDanger : ""}`, children: `  (${a} s )` })
     ] }) })
@@ -7956,28 +7964,28 @@ function Do(e) {
 }
 function yd(e) {
   const { total: t, correct: n, summary: r, onClose: o } = e, i = (r == null ? void 0 : r.rate) ?? (t > 0 ? Math.round(n / t * 100) : 0);
-  return /* @__PURE__ */ Q("div", { className: he.Body, children: [
+  return /* @__PURE__ */ Z("div", { className: he.Body, children: [
     /* @__PURE__ */ x("div", { className: he.ResultHeader, children: "결과 요약" }),
-    /* @__PURE__ */ Q("div", { className: he.SummaryGrid, role: "list", children: [
-      /* @__PURE__ */ Q("div", { className: he.StatCard, role: "listitem", children: [
+    /* @__PURE__ */ Z("div", { className: he.SummaryGrid, role: "list", children: [
+      /* @__PURE__ */ Z("div", { className: he.StatCard, role: "listitem", children: [
         /* @__PURE__ */ x("div", { className: he.StatLabel, children: "정답률" }),
-        /* @__PURE__ */ Q("div", { className: he.StatValue, children: [
+        /* @__PURE__ */ Z("div", { className: he.StatValue, children: [
           i,
           "%"
         ] }),
         /* @__PURE__ */ x("div", { className: he.StatSub, children: `정답수 ${n}/문제수${t}` })
       ] }),
-      /* @__PURE__ */ Q("div", { className: he.StatCard, role: "listitem", children: [
+      /* @__PURE__ */ Z("div", { className: he.StatCard, role: "listitem", children: [
         /* @__PURE__ */ x("div", { className: he.StatLabel, children: "총 점수" }),
         /* @__PURE__ */ x("div", { className: he.StatValue, children: r ? `${r.gainedScore}/${r.totalScore}` : "-" }),
         /* @__PURE__ */ x("div", { className: he.StatSub, children: "획득점수/최대점수" })
       ] }),
-      /* @__PURE__ */ Q("div", { className: he.StatCard, role: "listitem", children: [
+      /* @__PURE__ */ Z("div", { className: he.StatCard, role: "listitem", children: [
         /* @__PURE__ */ x("div", { className: he.StatLabel, children: "총 소요 시간" }),
         /* @__PURE__ */ x("div", { className: he.StatValue, children: Do(r == null ? void 0 : r.timeMsTotal) }),
         /* @__PURE__ */ x("div", { className: he.StatSub, children: `평균 ${Do(r == null ? void 0 : r.avgMs)}` })
       ] }),
-      /* @__PURE__ */ Q("div", { className: he.StatCard, role: "listitem", children: [
+      /* @__PURE__ */ Z("div", { className: he.StatCard, role: "listitem", children: [
         /* @__PURE__ */ x("div", { className: he.StatLabel, children: "타입오버 퀴즈수" }),
         /* @__PURE__ */ x("div", { className: he.StatValue, children: r ? `${r.timedOut}` : "-" }),
         /* @__PURE__ */ x("div", { className: he.StatSub, children: "timeout" })
@@ -8225,7 +8233,7 @@ function Cd({ children: e, initialState: t }) {
         }).length, f = v.reduce((I, h) => I + (h.score ?? 0), 0), g = v.reduce((I, h) => {
           const S = m[h.qid];
           return I + (S != null && S.isCorrect ? h.score ?? 0 : 0);
-        }, 0), T = typeof p == "number" && typeof b == "number" ? Math.max(0, b - p) : 0, k = v.map((I) => {
+        }, 0), C = typeof p == "number" && typeof b == "number" ? Math.max(0, b - p) : 0, k = v.map((I) => {
           const h = m[I.qid];
           return {
             qid: I.qid,
@@ -8245,7 +8253,7 @@ function Cd({ children: e, initialState: t }) {
           rate: y > 0 ? Math.round(u / y * 100) : 0,
           totalScore: f,
           gainedScore: g,
-          timeMsTotal: T,
+          timeMsTotal: C,
           perQuestion: k
         };
         c(R);
@@ -8314,7 +8322,7 @@ function Td({ containerRef: e }) {
   }, [t, n]), null;
 }
 function kd() {
-  const e = Et(), t = kn(), n = Rt(), r = Ue(Uo), o = Ue(On), i = Z(
+  const e = Et(), t = kn(), n = Rt(), r = Ue(Uo), o = Ue(On), i = Q(
     (l) => {
       const { viewerState: a } = l;
       if (a) {
@@ -8346,7 +8354,7 @@ function kd() {
       }
     },
     [t, n]
-  ), s = Z(() => {
+  ), s = Q(() => {
     var v, y, u;
     const l = t.getState(), a = n.getState().progress, d = (v = a.getSectionScrollApi) == null ? void 0 : v.call(a), m = a.currentGlobalRunIndex ?? 0, p = ((y = d == null ? void 0 : d.getScrollTop) == null ? void 0 : y.call(d)) ?? 0, b = ((u = d == null ? void 0 : d.getAnchorOffsetRatio) == null ? void 0 : u.call(d, m)) ?? 0;
     return {
@@ -8381,7 +8389,7 @@ function kd() {
       viewportWidth: l.viewportWidth,
       viewportHeight: l.viewportHeight
     };
-  }, [t, n]), c = Z(
+  }, [t, n]), c = Q(
     (l) => {
       switch (l.type) {
         case "global_index_change": {
@@ -8516,15 +8524,15 @@ const Rd = ({
         a({ x: y.width * f / 2, y: 80 });
         return;
       }
-      const T = g.getBoundingClientRect(), k = v.querySelector(`[data-g="${n}"]`), R = k == null ? void 0 : k.getBoundingClientRect();
-      let I = (T.left + T.width / 2 - y.left) * f;
-      R && (I = ((R.left + T.right) / 2 - y.left) * f);
-      const h = 160, S = 50, w = 16, E = 12, O = y.width * f, z = Math.max(
-        w + h / 2,
-        Math.min(I, O - w - h / 2)
-      ), C = (((R == null ? void 0 : R.top) ?? T.top) - y.top) * f - S - E;
-      let _ = C;
-      C < w && (_ = (T.bottom - y.top) * f + E), a({ x: z, y: _ });
+      const C = g.getBoundingClientRect(), k = v.querySelector(`[data-g="${n}"]`), R = k == null ? void 0 : k.getBoundingClientRect();
+      let I = (C.left + C.width / 2 - y.left) * f;
+      R && (I = ((R.left + C.right) / 2 - y.left) * f);
+      const h = 160, S = 50, T = 16, E = 12, O = y.width * f, z = Math.max(
+        T + h / 2,
+        Math.min(I, O - T - h / 2)
+      ), w = (((R == null ? void 0 : R.top) ?? C.top) - y.top) * f - S - E;
+      let _ = w;
+      w < T && (_ = (C.bottom - y.top) * f + E), a({ x: z, y: _ });
     };
     p();
     const b = e.current;
@@ -8532,16 +8540,16 @@ const Rd = ({
       b && b.removeEventListener("scroll", p, !0);
     };
   }, [c, n, r, e, s]);
-  const d = Z(() => {
+  const d = Q(() => {
     const p = o();
     p && navigator.clipboard.writeText(p).catch((b) => {
       console.error("복사 실패:", b);
     }), i();
-  }, [o, i]), m = Z(() => {
+  }, [o, i]), m = Q(() => {
     const p = o();
     p && t && t(p);
   }, [o, t]);
-  return !c || !l ? null : /* @__PURE__ */ Q(
+  return !c || !l ? null : /* @__PURE__ */ Z(
     "div",
     {
       "data-range-menu": !0,
@@ -8607,22 +8615,22 @@ const Rd = ({
       return;
     }
     const f = () => {
-      const T = e.current;
-      if (!T) return;
-      const k = T.getBoundingClientRect(), I = 1 / (o.getState().playbackScale || 1), h = T.querySelector(`[data-g="${t}"]`), S = T.querySelector(`[data-g="${n}"]`);
+      const C = e.current;
+      if (!C) return;
+      const k = C.getBoundingClientRect(), I = 1 / (o.getState().playbackScale || 1), h = C.querySelector(`[data-g="${t}"]`), S = C.querySelector(`[data-g="${n}"]`);
       if (h) {
-        const w = h.getBoundingClientRect();
+        const T = h.getBoundingClientRect();
         c({
-          x: (w.left - k.left) * I,
-          y: (w.bottom - k.top) * I
+          x: (T.left - k.left) * I,
+          y: (T.bottom - k.top) * I
         });
       } else
         c(null);
       if (S) {
-        const w = S.getBoundingClientRect();
+        const T = S.getBoundingClientRect();
         a({
-          x: (w.right - k.left) * I,
-          y: (w.bottom - k.top) * I
+          x: (T.right - k.left) * I,
+          y: (T.bottom - k.top) * I
         });
       } else
         a(null);
@@ -8633,31 +8641,31 @@ const Rd = ({
       g && g.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
     };
   }, [i, t, n, e, o]);
-  const p = Z((f, g) => {
+  const p = Q((f, g) => {
     var k;
-    const T = document.elementsFromPoint(f, g);
-    for (const R of T) {
+    const C = document.elementsFromPoint(f, g);
+    for (const R of C) {
       const I = (k = R.getAttribute) == null ? void 0 : k.call(R, "data-g");
       if (I != null)
         return parseInt(I, 10);
     }
     return null;
-  }, []), b = Z(
+  }, []), b = Q(
     (f) => (g) => {
       g.preventDefault(), g.stopPropagation(), d.current = f, m.current = f === "start" ? t : n, g.target.setPointerCapture(g.pointerId);
     },
     [t, n]
-  ), v = Z(
+  ), v = Q(
     (f) => {
       if (!d.current || t == null || n == null) return;
       const g = p(f.clientX, f.clientY);
       g != null && (d.current === "start" ? g <= n ? r(g, n) : (r(n, g), d.current = "end") : g >= t ? r(t, g) : (r(g, t), d.current = "start"));
     },
     [t, n, r, p]
-  ), y = Z((f) => {
+  ), y = Q((f) => {
     d.current = null, m.current = null, f.target.releasePointerCapture(f.pointerId);
   }, []);
-  return i ? /* @__PURE__ */ Q(yt, { children: [
+  return i ? /* @__PURE__ */ Z(yt, { children: [
     s && /* @__PURE__ */ x(
       "div",
       {
@@ -8725,7 +8733,7 @@ const Pd = ({ isOpen: e, onClose: t, text: n }) => e ? /* @__PURE__ */ x(
       zIndex: 10001
     },
     onClick: t,
-    children: /* @__PURE__ */ Q(
+    children: /* @__PURE__ */ Z(
       "div",
       {
         style: {
@@ -8788,7 +8796,7 @@ const Pd = ({ isOpen: e, onClose: t, text: n }) => e ? /* @__PURE__ */ x(
               children: "준비중입니다"
             }
           ),
-          n && /* @__PURE__ */ Q(
+          n && /* @__PURE__ */ Z(
             "div",
             {
               style: {
@@ -8830,10 +8838,10 @@ function Nd({
   const b = String((e == null ? void 0 : e.section_id) ?? "0"), v = ve(() => {
     var k, R;
     const g = ((k = e == null ? void 0 : e.ast) == null ? void 0 : k.blocks) ?? [];
-    let T = 0;
+    let C = 0;
     for (const I of g)
-      (I == null ? void 0 : I.type) !== "image" && (T += ((R = I == null ? void 0 : I.runs) == null ? void 0 : R.length) ?? 0);
-    return T;
+      (I == null ? void 0 : I.type) !== "image" && (C += ((R = I == null ? void 0 : I.runs) == null ? void 0 : R.length) ?? 0);
+    return C;
   }, [e]), y = ve(() => typeof n == "number" ? Bd(n, v > 0 ? 0 : -1, Math.max(v - 1, -1)) : (v > 0, 0), [n, v]), u = ve(
     () => ({
       section: e,
@@ -8845,10 +8853,10 @@ function Nd({
     }),
     [e, y, r, o, i, s]
   ), f = ve(() => {
-    const g = (e == null ? void 0 : e.audios) ?? [], T = g.length > 0 ? iu(e) : void 0;
+    const g = (e == null ? void 0 : e.audios) ?? [], C = g.length > 0 ? iu(e) : void 0;
     return {
       clips: g,
-      map: T,
+      map: C,
       initialIndex: y,
       section: e
     };
@@ -8865,7 +8873,7 @@ function Nd({
   );
 }
 function zd() {
-  const e = Y((p) => p.mode), t = ie(null), n = Et(), r = Rt(), [o, i] = tt(!1), [s, c] = tt(), l = Z(
+  const e = Y((p) => p.mode), t = ie(null), n = Et(), r = Rt(), [o, i] = tt(!1), [s, c] = tt(), l = Q(
     (p) => {
       c(p), i(!0);
       const { rangeStartGI: b, rangeEndGI: v } = r.getState().progress;
@@ -8879,13 +8887,13 @@ function zd() {
       });
     },
     [n, r]
-  ), a = Z(() => {
+  ), a = Q(() => {
     i(!1), c(void 0), n.getState().emit({
       type: "translate_modal_close",
       payload: {}
     });
   }, [n]);
-  return /* @__PURE__ */ Q(
+  return /* @__PURE__ */ Z(
     "div",
     {
       ref: t,