@readerseye2/cr_viewer 2.0.5 → 2.0.6

package/dist/index.js

@@ -11,7 +11,7 @@ var an = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function Uo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var cn = { exports: {} }, On = {}, un = { exports: {} }, Pn = {};
+var cn = { exports: {} }, An = {}, un = { exports: {} }, Pn = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -26,17 +26,17 @@ function Zi() {
   if (Lr) return Pn;
   Lr = 1;
   var e = j;
-  function t(v, g) {
-    return v === g && (v !== 0 || 1 / v === 1 / g) || v !== v && g !== g;
+  function t(v, h) {
+    return v === h && (v !== 0 || 1 / v === 1 / h) || v !== v && h !== h;
   }
   var n = typeof Object.is == "function" ? Object.is : t, r = e.useState, o = e.useEffect, i = e.useLayoutEffect, s = e.useDebugValue;
-  function u(v, g) {
-    var h = g(), b = r({ inst: { value: h, getSnapshot: g } }), y = b[0].inst, c = b[1];
+  function u(v, h) {
+    var g = h(), b = r({ inst: { value: g, getSnapshot: h } }), y = b[0].inst, c = b[1];
     return i(
       function() {
-        y.value = h, y.getSnapshot = g, a(y) && c({ inst: y });
+        y.value = g, y.getSnapshot = h, a(y) && c({ inst: y });
       },
-      [v, h, g]
+      [v, g, h]
     ), o(
       function() {
         return a(y) && c({ inst: y }), v(function() {
@@ -44,20 +44,20 @@ function Zi() {
         });
       },
       [v]
-    ), s(h), h;
+    ), s(g), g;
   }
   function a(v) {
-    var g = v.getSnapshot;
+    var h = v.getSnapshot;
     v = v.value;
     try {
-      var h = g();
-      return !n(v, h);
+      var g = h();
+      return !n(v, g);
     } catch {
       return !0;
     }
   }
-  function l(v, g) {
-    return g();
+  function l(v, h) {
+    return h();
   }
   var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? l : u;
   return Pn.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : d, Pn;
@@ -75,10 +75,10 @@ var Bn = {};
 var Hr;
 function Ji() {
   return Hr || (Hr = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(h, b) {
-      return h === b && (h !== 0 || 1 / h === 1 / b) || h !== h && b !== b;
+    function e(g, b) {
+      return g === b && (g !== 0 || 1 / g === 1 / b) || g !== g && b !== b;
     }
-    function t(h, b) {
+    function t(g, b) {
       d || o.startTransition === void 0 || (d = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
@@ -97,32 +97,32 @@ function Ji() {
         function() {
           f.value = y, f.getSnapshot = b, n(f) && p({ inst: f });
         },
-        [h, y, b]
+        [g, y, b]
       ), u(
         function() {
-          return n(f) && p({ inst: f }), h(function() {
+          return n(f) && p({ inst: f }), g(function() {
             n(f) && p({ inst: f });
           });
         },
-        [h]
+        [g]
       ), l(y), y;
     }
-    function n(h) {
-      var b = h.getSnapshot;
-      h = h.value;
+    function n(g) {
+      var b = g.getSnapshot;
+      g = g.value;
       try {
         var y = b();
-        return !i(h, y);
+        return !i(g, y);
       } catch {
         return !0;
       }
     }
-    function r(h, b) {
+    function r(g, b) {
       return b();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = j, i = typeof Object.is == "function" ? Object.is : e, s = o.useState, u = o.useEffect, a = o.useLayoutEffect, l = o.useDebugValue, d = !1, v = !1, g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
-    Bn.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : g, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+    var o = j, i = typeof Object.is == "function" ? Object.is : e, s = o.useState, u = o.useEffect, a = o.useLayoutEffect, l = o.useDebugValue, d = !1, v = !1, h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
+    Bn.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : h, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), Bn;
 }
 var Nr;
@@ -140,14 +140,14 @@ function Ko() {
  */
 var Fr;
 function es() {
-  if (Fr) return On;
+  if (Fr) return An;
   Fr = 1;
   var e = j, t = Ko();
   function n(l, d) {
     return l === d && (l !== 0 || 1 / l === 1 / d) || l !== l && d !== d;
   }
   var r = typeof Object.is == "function" ? Object.is : n, o = t.useSyncExternalStore, i = e.useRef, s = e.useEffect, u = e.useMemo, a = e.useDebugValue;
-  return On.useSyncExternalStoreWithSelector = function(l, d, v, g, h) {
+  return An.useSyncExternalStoreWithSelector = function(l, d, v, h, g) {
     var b = i(null);
     if (b.current === null) {
       var y = { hasValue: !1, value: null };
@@ -157,16 +157,16 @@ function es() {
       function() {
         function f(E) {
           if (!p) {
-            if (p = !0, x = E, E = g(E), h !== void 0 && y.hasValue) {
+            if (p = !0, x = E, E = h(E), g !== void 0 && y.hasValue) {
               var m = y.value;
-              if (h(m, E))
+              if (g(m, E))
                 return C = m;
             }
             return C = E;
           }
           if (m = C, r(x, E)) return m;
-          var S = g(E);
-          return h !== void 0 && h(m, S) ? (x = E, m) : (x = E, C = S);
+          var S = h(E);
+          return g !== void 0 && g(m, S) ? (x = E, m) : (x = E, C = S);
         }
         var p = !1, x, C, I = v === void 0 ? null : v;
         return [
@@ -178,7 +178,7 @@ function es() {
           }
         ];
       },
-      [d, v, g, h]
+      [d, v, h, g]
     );
     var c = o(l, b[0], b[1]);
     return s(
@@ -187,7 +187,7 @@ function es() {
       },
       [c]
     ), a(c), c;
-  }, On;
+  }, An;
 }
 var Gn = {};
 /**
@@ -207,7 +207,7 @@ function ts() {
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
     var t = j, n = Ko(), r = typeof Object.is == "function" ? Object.is : e, o = n.useSyncExternalStore, i = t.useRef, s = t.useEffect, u = t.useMemo, a = t.useDebugValue;
-    Gn.useSyncExternalStoreWithSelector = function(l, d, v, g, h) {
+    Gn.useSyncExternalStoreWithSelector = function(l, d, v, h, g) {
       var b = i(null);
       if (b.current === null) {
         var y = { hasValue: !1, value: null };
@@ -217,17 +217,17 @@ function ts() {
         function() {
           function f(E) {
             if (!p) {
-              if (p = !0, x = E, E = g(E), h !== void 0 && y.hasValue) {
+              if (p = !0, x = E, E = h(E), g !== void 0 && y.hasValue) {
                 var m = y.value;
-                if (h(m, E))
+                if (g(m, E))
                   return C = m;
               }
               return C = E;
             }
             if (m = C, r(x, E))
               return m;
-            var S = g(E);
-            return h !== void 0 && h(m, S) ? (x = E, m) : (x = E, C = S);
+            var S = h(E);
+            return g !== void 0 && g(m, S) ? (x = E, m) : (x = E, C = S);
           }
           var p = !1, x, C, I = v === void 0 ? null : v;
           return [
@@ -239,7 +239,7 @@ function ts() {
             }
           ];
         },
-        [d, v, g, h]
+        [d, v, h, g]
       );
       var c = o(l, b[0], b[1]);
       return s(
@@ -261,8 +261,8 @@ const os = /* @__PURE__ */ Uo(rs), Vr = (e) => {
   const n = /* @__PURE__ */ new Set(), r = (l, d) => {
     const v = typeof l == "function" ? l(t) : l;
     if (!Object.is(v, t)) {
-      const g = t;
-      t = d ?? (typeof v != "object" || v === null) ? v : Object.assign({}, t, v), n.forEach((h) => h(t, g));
+      const h = t;
+      t = d ?? (typeof v != "object" || v === null) ? v : Object.assign({}, t, v), n.forEach((g) => g(t, h));
     }
   }, o = () => t, u = { setState: r, getState: o, getInitialState: () => a, subscribe: (l) => (n.add(l), () => n.delete(l)) }, a = t = e(r, o, u);
   return u;
@@ -611,7 +611,10 @@ function ds(e) {
     toggleShowPointer: () => r({ showPointer: !o().showPointer }),
     setShowSplit: (i) => r({ showSplit: i }),
     toggleShowSplit: () => r({ showSplit: !o().showSplit }),
-    setViewportSize: (i, s) => r({ viewportWidth: i, viewportHeight: s })
+    setViewportSize: (i, s) => {
+      const { viewportWidth: u, viewportHeight: a } = o();
+      u === i && a === s || r({ viewportWidth: i, viewportHeight: s });
+    }
   }));
 }
 const Rn = 0, kt = 1, Wt = 2, Zo = 4;
@@ -888,7 +891,7 @@ const ys = {
   [],
   { singleton: !0 }
 );
-function At(e, t, n) {
+function Ot(e, t, n) {
   return wr(e, t, n).callbackRef;
 }
 function wr(e, t, n) {
@@ -910,13 +913,13 @@ function ws(e, t, n, r, o, i, s, u, a) {
   const l = j.useCallback(
     (d) => {
       const v = Is(d.children, t, u ? "offsetWidth" : "offsetHeight", o);
-      let g = d.parentElement;
-      for (; !g.dataset.virtuosoScroller; )
-        g = g.parentElement;
-      const h = g.lastElementChild.dataset.viewportType === "window";
+      let h = d.parentElement;
+      for (; !h.dataset.virtuosoScroller; )
+        h = h.parentElement;
+      const g = h.lastElementChild.dataset.viewportType === "window";
       let b;
-      h && (b = g.ownerDocument.defaultView);
-      const y = s ? u ? s.scrollLeft : s.scrollTop : h ? u ? b.scrollX || b.document.documentElement.scrollLeft : b.scrollY || b.document.documentElement.scrollTop : u ? g.scrollLeft : g.scrollTop, c = s ? u ? s.scrollWidth : s.scrollHeight : h ? u ? b.document.documentElement.scrollWidth : b.document.documentElement.scrollHeight : u ? g.scrollWidth : g.scrollHeight, f = s ? u ? s.offsetWidth : s.offsetHeight : h ? u ? b.innerWidth : b.innerHeight : u ? g.offsetWidth : g.offsetHeight;
+      g && (b = h.ownerDocument.defaultView);
+      const y = s ? u ? s.scrollLeft : s.scrollTop : g ? u ? b.scrollX || b.document.documentElement.scrollLeft : b.scrollY || b.document.documentElement.scrollTop : u ? h.scrollLeft : h.scrollTop, c = s ? u ? s.scrollWidth : s.scrollHeight : g ? u ? b.document.documentElement.scrollWidth : b.document.documentElement.scrollHeight : u ? h.scrollWidth : h.scrollHeight, f = s ? u ? s.offsetWidth : s.offsetHeight : g ? u ? b.innerWidth : b.innerHeight : u ? h.offsetWidth : h.offsetHeight;
       r({
         scrollHeight: c,
         scrollTop: Math.max(y, 0),
@@ -955,17 +958,17 @@ function ti(e, t, n) {
       if (!(a != null && a.offsetParent))
         return;
       const l = a.getBoundingClientRect(), d = l.width;
-      let v, g;
+      let v, h;
       if (t) {
-        const h = t.getBoundingClientRect(), b = l.top - h.top;
-        g = h.height - Math.max(0, b), v = b + t.scrollTop;
+        const g = t.getBoundingClientRect(), b = l.top - g.top;
+        h = g.height - Math.max(0, b), v = b + t.scrollTop;
       } else {
-        const h = s.current.ownerDocument.defaultView;
-        g = h.innerHeight - Math.max(0, l.top), v = l.top + h.scrollY;
+        const g = s.current.ownerDocument.defaultView;
+        h = g.innerHeight - Math.max(0, l.top), v = l.top + g.scrollY;
       }
       r.current = {
         offsetTop: v,
-        visibleHeight: g,
+        visibleHeight: h,
         visibleWidth: d
       }, e(r.current);
     },
@@ -994,7 +997,7 @@ function ti(e, t, n) {
 }
 const Ke = we(
   () => {
-    const e = xe(), t = xe(), n = W(0), r = xe(), o = W(0), i = xe(), s = xe(), u = W(0), a = W(0), l = W(0), d = W(0), v = xe(), g = xe(), h = W(!1), b = W(!1), y = W(!1);
+    const e = xe(), t = xe(), n = W(0), r = xe(), o = W(0), i = xe(), s = xe(), u = W(0), a = W(0), l = W(0), d = W(0), v = xe(), h = xe(), g = W(!1), b = W(!1), y = W(!1);
     return ie(
       G(
         e,
@@ -1014,11 +1017,11 @@ const Ke = we(
       footerHeight: d,
       headerHeight: u,
       horizontalDirection: b,
-      scrollBy: g,
+      scrollBy: h,
       // input
       scrollContainerState: e,
       scrollHeight: s,
-      scrollingInProgress: h,
+      scrollingInProgress: g,
       // signals
       scrollTo: v,
       scrollTop: t,
@@ -1235,8 +1238,8 @@ function Rs(e, t) {
     if (u.some(Ps(r)))
       continue;
     let a = !1, l = !1;
-    for (const { end: d, start: v, value: g } of u)
-      a ? (o >= v || i === g) && (e = fr(e, v)) : (l = g !== i, a = !0), d > o && o >= v && g !== i && (e = et(e, o + 1, g));
+    for (const { end: d, start: v, value: h } of u)
+      a ? (o >= v || i === h) && (e = fr(e, v)) : (l = h !== i, a = !0), d > o && o >= v && h !== i && (e = et(e, o + 1, h));
     l && (e = et(e, s, i));
   }
   return [e, n];
@@ -1271,15 +1274,15 @@ function ui(e, t, n) {
   }
 }
 function Es(e, t, n, r = 0) {
-  return r > 0 && (t = Math.max(t, ai(e, r, Cr).offset)), ni(Ts(e, t, n, Ms), Os);
+  return r > 0 && (t = Math.max(t, ai(e, r, Cr).offset)), ni(Ts(e, t, n, Ms), As);
 }
 function zs(e, [t, n, r, o]) {
   t.length > 0 && r("received item sizes", t, Qe.DEBUG);
   const i = e.sizeTree;
   let s = i, u = 0;
   if (n.length > 0 && ke(i) && t.length === 2) {
-    const g = t[0].size, h = t[1].size;
-    s = n.reduce((b, y) => et(et(b, y, g), y + 1, h), s);
+    const h = t[0].size, g = t[1].size;
+    s = n.reduce((b, y) => et(et(b, y, h), y + 1, g), s);
   } else
     [s, u] = Rs(s, t);
   if (s === i)
@@ -1287,7 +1290,7 @@ function zs(e, [t, n, r, o]) {
   const { lastIndex: a, lastOffset: l, lastSize: d, offsetTree: v } = hr(e.offsetTree, u, s, o);
   return {
     groupIndices: n,
-    groupOffsetTree: n.reduce((g, h) => et(g, h, Yt(h, v, o)), Lt()),
+    groupOffsetTree: n.reduce((h, g) => et(h, g, Yt(g, v, o)), Lt()),
     lastIndex: a,
     lastOffset: l,
     lastSize: d,
@@ -1295,7 +1298,7 @@ function zs(e, [t, n, r, o]) {
     sizeTree: s
   };
 }
-function As(e) {
+function Os(e) {
   return Et(e).map(({ k: t, v: n }, r, o) => {
     const i = o[r + 1];
     return { endIndex: i ? i.k - 1 : 1 / 0, size: n, startIndex: t };
@@ -1316,12 +1319,12 @@ function hr(e, t, n, r) {
   } else
     o = [];
   for (const { start: l, value: d } of Ht(n, t, 1 / 0)) {
-    const v = l - i, g = v * s + u + v * r;
+    const v = l - i, h = v * s + u + v * r;
     o.push({
       index: l,
-      offset: g,
+      offset: h,
       size: d
-    }), i = l, u = g, s = d;
+    }), i = l, u = h, s = d;
   }
   return {
     lastIndex: i,
@@ -1330,7 +1333,7 @@ function hr(e, t, n, r) {
     offsetTree: o
   };
 }
-function Os(e) {
+function As(e) {
   return { index: e.index, value: e };
 }
 function Ps(e) {
@@ -1342,7 +1345,7 @@ const Bs = {
   offsetWidth: "width"
 }, ht = we(
   ([{ log: e }, { recalcInProgress: t }]) => {
-    const n = xe(), r = xe(), o = Ue(r, 0), i = xe(), s = xe(), u = W(0), a = W([]), l = W(void 0), d = W(void 0), v = W(void 0), g = W(void 0), h = W((m, S) => wt(m, Bs[S])), b = W(void 0), y = W(0), c = ks(), f = Ue(
+    const n = xe(), r = xe(), o = Ue(r, 0), i = xe(), s = xe(), u = W(0), a = W([]), l = W(void 0), d = W(void 0), v = W(void 0), h = W(void 0), g = W((m, S) => wt(m, Bs[S])), b = W(void 0), y = W(0), c = ks(), f = Ue(
       G(n, Se(a, e, y), pt(zs, c), Ee()),
       c
     ), p = Ue(
@@ -1363,7 +1366,7 @@ const Bs = {
         de((m) => m.length > 0),
         Se(f, y),
         Y(([m, S, T]) => {
-          const k = m.reduce((R, A, B) => et(R, A, Yt(A, S.offsetTree, T) || B), Lt());
+          const k = m.reduce((R, O, B) => et(R, O, Yt(O, S.offsetTree, T) || B), Lt());
           return {
             ...S,
             groupIndices: m,
@@ -1409,18 +1412,18 @@ const Bs = {
       n
     ), ie(
       G(
-        g,
+        h,
         de((m) => m !== void 0 && m.length > 0 && ke(Pe(f).sizeTree)),
         Y((m) => {
           const S = [];
           let T = m[0], k = 0;
           for (let R = 1; R < m.length; R++) {
-            const A = m[R];
-            A !== T && (S.push({
+            const O = m[R];
+            O !== T && (S.push({
               endIndex: R - 1,
               size: T,
               startIndex: k
-            }), T = A, k = R);
+            }), T = O, k = R);
           }
           return S.push({
             endIndex: m.length - 1,
@@ -1438,13 +1441,13 @@ const Bs = {
         Y(([m, S, T]) => {
           const k = [];
           for (let R = 0; R < m.length; R++) {
-            const A = m[R], B = m[R + 1];
+            const O = m[R], B = m[R + 1];
             k.push({
-              startIndex: A,
-              endIndex: A,
+              startIndex: O,
+              endIndex: O,
               size: S
             }), B !== void 0 && k.push({
-              startIndex: A + 1,
+              startIndex: O + 1,
               endIndex: B - 1,
               size: T
             });
@@ -1501,13 +1504,13 @@ const Bs = {
         Y(([m, S]) => {
           const T = S.groupIndices.length > 0, k = [], R = S.lastSize;
           if (T) {
-            const A = Xt(S.sizeTree, 0);
+            const O = Xt(S.sizeTree, 0);
             let B = 0, M = 0;
             for (; B < m; ) {
               const N = S.groupIndices[M], _ = S.groupIndices.length === M + 1 ? 1 / 0 : S.groupIndices[M + 1] - N - 1;
               k.push({
                 endIndex: N,
-                size: A,
+                size: O,
                 startIndex: N
               }), k.push({
                 endIndex: N + 1 + _ - 1,
@@ -1540,10 +1543,10 @@ const Bs = {
             ).ranges;
           }
           return Et(S.sizeTree).reduce(
-            (A, { k: B, v: M }) => ({
+            (O, { k: B, v: M }) => ({
               prevIndex: B + m,
               prevSize: M,
-              ranges: [...A.ranges, { endIndex: B + m - 1, size: A.prevSize, startIndex: A.prevIndex }]
+              ranges: [...O.ranges, { endIndex: B + m - 1, size: O.prevSize, startIndex: O.prevIndex }]
             }),
             {
               prevIndex: 0,
@@ -1575,13 +1578,13 @@ const Bs = {
               return S;
             let k = Lt();
             const R = Pe(p);
-            let A = 0, B = 0, M = 0;
-            for (; A < -m; ) {
+            let O = 0, B = 0, M = 0;
+            for (; O < -m; ) {
               M = R[B];
               const P = R[B + 1] - M - 1;
-              B++, A += P + 1;
+              B++, O += P + 1;
             }
-            if (k = Et(S.sizeTree).reduce((P, { k: N, v: _ }) => et(P, Math.max(0, N + m), _), k), A !== -m) {
+            if (k = Et(S.sizeTree).reduce((P, { k: N, v: _ }) => et(P, Math.max(0, N + m), _), k), O !== -m) {
               const P = Xt(S.sizeTree, M);
               k = et(k, 0, P);
               const N = at(S.sizeTree, -m + 1)[1];
@@ -1593,7 +1596,7 @@ const Bs = {
               ...hr(S.offsetTree, 0, k, T)
             };
           } else {
-            const k = Et(S.sizeTree).reduce((R, { k: A, v: B }) => et(R, Math.max(0, A + m), B), Lt());
+            const k = Et(S.sizeTree).reduce((R, { k: O, v: B }) => et(R, Math.max(0, O + m), B), Lt());
             return {
               ...S,
               sizeTree: k,
@@ -1613,8 +1616,8 @@ const Bs = {
       fixedGroupSize: v,
       gap: y,
       groupIndices: a,
-      heightEstimates: g,
-      itemSize: h,
+      heightEstimates: h,
+      itemSize: g,
       listRefresh: C,
       shiftWith: s,
       shiftWithOffset: E,
@@ -1699,30 +1702,30 @@ const on = we(
       smoothScrollTargetReached: d,
       viewportHeight: v
     },
-    { log: g }
+    { log: h }
   ]) => {
-    const h = xe(), b = xe(), y = W(0);
+    const g = xe(), b = xe(), y = W(0);
     let c = null, f = null, p = null;
     function x() {
       c && (c(), c = null), p && (p(), p = null), f && (clearTimeout(f), f = null), be(a, !1);
     }
     return ie(
       G(
-        h,
-        Se(n, v, r, y, u, s, g),
+        g,
+        Se(n, v, r, y, u, s, h),
         Se(e, i, o),
         Y(
           ([
             [C, I, E, m, S, T, k, R],
-            A,
+            O,
             B,
             M
           ]) => {
             const P = fi(C), { align: N, behavior: _, offset: z } = P, Q = m - 1, se = ui(P, I, Q);
-            let le = Yt(se, I.offsetTree, A) + T;
+            let le = Yt(se, I.offsetTree, O) + T;
             N === "end" ? (le += B + at(I.sizeTree, se)[1] - E + M, se === Q && (le += k)) : N === "center" ? le += (B + at(I.sizeTree, se)[1] - E + M) / 2 : le -= S, z && (le += z);
             const ce = (pe) => {
-              x(), pe ? (R("retrying to scroll to", { location: C }, Qe.DEBUG), be(h, C)) : (be(b, !0), R("list did not change, scroll successful", {}, Qe.DEBUG));
+              x(), pe ? (R("retrying to scroll to", { location: C }, Qe.DEBUG), be(g, C)) : (be(b, !0), R("list did not change, scroll successful", {}, Qe.DEBUG));
             };
             if (x(), _ === "smooth") {
               let pe = !1;
@@ -1742,7 +1745,7 @@ const on = we(
       l
     ), {
       scrollTargetReached: b,
-      scrollToIndex: h,
+      scrollToIndex: g,
       topListHeight: y
     };
   },
@@ -1791,7 +1794,7 @@ const sn = we(
       G(
         Fe(t, s),
         Se(u, n, e, l),
-        de(([[, d], v, { sizeTree: g }, h, b]) => d && (!ke(g) || yr(h)) && !v && !b),
+        de(([[, d], v, { sizeTree: h }, g, b]) => d && (!ke(h) || yr(g)) && !v && !b),
         Se(a)
       ),
       ([, d]) => {
@@ -1825,13 +1828,13 @@ const Zt = "up", jt = "down", Ns = "none", Fs = {
     viewportHeight: 0
   }
 }, Ds = 0, ln = we(([{ footerHeight: e, headerHeight: t, scrollBy: n, scrollContainerState: r, scrollTop: o, viewportHeight: i }]) => {
-  const s = W(!1), u = W(!0), a = xe(), l = xe(), d = W(4), v = W(Ds), g = Ue(
+  const s = W(!1), u = W(!0), a = xe(), l = xe(), d = W(4), v = W(Ds), h = Ue(
     G(
       dr(G(ue(o), zt(1), dt(!0)), G(ue(o), zt(1), dt(!1), jr(100))),
       Ee()
     ),
     !1
-  ), h = Ue(
+  ), g = Ue(
     G(dr(G(n, dt(!0)), G(n, dt(!1), jr(200))), Ee()),
     !1
   );
@@ -1853,10 +1856,10 @@ const Zt = "up", jt = "down", Ns = "none", Fs = {
           viewportHeight: I
         };
         if (T) {
-          let A, B;
-          return C > p.state.scrollTop ? (A = "SCROLLED_DOWN", B = p.state.scrollTop - C) : (A = "SIZE_DECREASED", B = p.state.scrollTop - C || p.scrollTopDelta), {
+          let O, B;
+          return C > p.state.scrollTop ? (O = "SCROLLED_DOWN", B = p.state.scrollTop - C) : (O = "SIZE_DECREASED", B = p.state.scrollTop - C || p.scrollTopDelta), {
             atBottom: !0,
-            atBottomBecause: A,
+            atBottomBecause: O,
             scrollTopDelta: B,
             state: k
           };
@@ -1918,7 +1921,7 @@ const Zt = "up", jt = "down", Ns = "none", Fs = {
       Y(({ scrollTop: p }) => p),
       Ee(),
       pt(
-        (p, x) => Pe(h) ? { direction: p.direction, prevScrollTop: x } : { direction: x < p.prevScrollTop ? Zt : jt, prevScrollTop: x },
+        (p, x) => Pe(g) ? { direction: p.direction, prevScrollTop: x } : { direction: x < p.prevScrollTop ? Zt : jt, prevScrollTop: x },
         { direction: jt, prevScrollTop: 0 }
       ),
       Y((p) => p.direction)
@@ -1928,7 +1931,7 @@ const Zt = "up", jt = "down", Ns = "none", Fs = {
   const f = W(0);
   return ie(
     G(
-      g,
+      h,
       de((p) => !p),
       dt(0)
     ),
@@ -1937,7 +1940,7 @@ const Zt = "up", jt = "down", Ns = "none", Fs = {
     G(
       o,
       vt(100),
-      Se(g),
+      Se(h),
       de(([p, x]) => x),
       pt(([p, x], [C]) => [x, C], [0, 0]),
       Y(([p, x]) => x - p)
@@ -1951,7 +1954,7 @@ const Zt = "up", jt = "down", Ns = "none", Fs = {
     atTopThreshold: v,
     isAtBottom: s,
     isAtTop: u,
-    isScrolling: g,
+    isScrolling: h,
     lastJumpDueToItemResize: y,
     scrollDirection: c,
     scrollVelocity: f
@@ -1983,19 +1986,19 @@ const Rr = we(
           ([
             d,
             v,
-            g,
-            [h, b],
+            h,
+            [g, b],
             y,
             c,
             f,
             p,
             x
           ]) => {
-            const C = d - p, I = c + f, E = Math.max(g - C, 0);
+            const C = d - p, I = c + f, E = Math.max(h - C, 0);
             let m = Qr;
             const S = Zr(x, Jt), T = Zr(x, en);
-            return h -= p, h += g + f, b += g + f, b -= p, h > d + I - S && (m = Zt), b < d - E + v + T && (m = jt), m !== Qr ? [
-              Math.max(C - g - Yr(y, Jt, m) - S, 0),
+            return g -= p, g += h + f, b += h + f, b -= p, g > d + I - S && (m = Zt), b < d - E + v + T && (m = jt), m !== Qr ? [
+              Math.max(C - h - Yr(y, Jt, m) - S, 0),
               C - E - f + v + Yr(y, en, m) + T
             ] : null;
           }
@@ -2047,14 +2050,14 @@ function bn(e, t, n, r, o, i) {
     const y = e[e.length - 1];
     d = y.offset + y.size;
   }
-  const v = n - s, g = u + v * a + (v - 1) * r, h = l, b = g - d;
+  const v = n - s, h = u + v * a + (v - 1) * r, g = l, b = h - d;
   return {
     bottom: d,
     firstItemIndex: i,
     items: Jr(e, o, i),
     offsetBottom: b,
     offsetTop: l,
-    top: h,
+    top: g,
     topItems: Jr(t, o, i),
     topListHeight: t.reduce((y, c) => c.size + y, 0),
     totalCount: n
@@ -2106,15 +2109,15 @@ function eo(e, t) {
   var n;
   return e === void 0 ? 0 : typeof e == "number" ? e : (n = e[t]) != null ? n : 0;
 }
-const Ot = we(
+const At = we(
   ([
     { data: e, firstItemIndex: t, gap: n, sizes: r, totalCount: o },
     i,
     { listBoundary: s, topListHeight: u, visibleRange: a },
     { initialTopMostItemIndex: l, scrolledToInitialItem: d },
     { topListHeight: v },
-    g,
-    { didMount: h },
+    h,
+    { didMount: g },
     { recalcInProgress: b }
   ]) => {
     const y = W([]), c = W(0), f = xe(), p = W(0);
@@ -2122,7 +2125,7 @@ const Ot = we(
     const x = Ue(
       G(
         Fe(
-          h,
+          g,
           b,
           ue(a, Qt),
           ue(o),
@@ -2147,7 +2150,7 @@ const Ot = we(
             T,
             k,
             R,
-            A,
+            O,
             B,
             M,
             P,
@@ -2179,13 +2182,13 @@ const Ot = we(
                   D.push({ data: _ == null ? void 0 : _[ve], index: ve, offset: ne, size: fe }), ne += fe;
               }
             }
-            if (!A)
+            if (!O)
               return bn([], D, T, P, ce, M);
-            const V = B.length > 0 ? B[B.length - 1] + 1 : 0, O = Es(pe, m, S, V);
-            if (O.length === 0)
+            const V = B.length > 0 ? B[B.length - 1] + 1 : 0, A = Es(pe, m, S, V);
+            if (A.length === 0)
               return null;
             const L = T - 1, K = _n([], (q) => {
-              for (const J of O) {
+              for (const J of A) {
                 const ne = J.value;
                 let ee = ne.offset, fe = J.start;
                 const ae = ne.size;
@@ -2300,7 +2303,7 @@ const Ot = we(
       rangeChanged: E,
       startReached: I,
       topItemsIndexes: y,
-      ...g
+      ...h
     };
   },
   ze(
@@ -2325,7 +2328,7 @@ const Ot = we(
     );
     return ie(ue(s), i), { totalListHeight: s, totalListHeightChanged: i };
   },
-  ze(Ke, Ot),
+  ze(Ke, At),
   { singleton: !0 }
 ), Vs = we(
   ([{ viewportHeight: e }, { totalListHeight: t }]) => {
@@ -2363,13 +2366,13 @@ const Ot = we(
         d,
         Se(t, a, n, i, o, r, u),
         Se(e),
-        Y(([[v, g, h, b, y, c, f, p], x]) => {
-          const { align: C, behavior: I, calculateViewLocation: E = $s, done: m, ...S } = v, T = ui(v, g, b - 1), k = Yt(T, g.offsetTree, x) + y + c, R = k + at(g.sizeTree, T)[1], A = p + c, B = p + h - f, M = E({
+        Y(([[v, h, g, b, y, c, f, p], x]) => {
+          const { align: C, behavior: I, calculateViewLocation: E = $s, done: m, ...S } = v, T = ui(v, h, b - 1), k = Yt(T, h.offsetTree, x) + y + c, R = k + at(h.sizeTree, T)[1], O = p + c, B = p + g - f, M = E({
             itemBottom: R,
             itemTop: k,
             locationParams: { align: C, behavior: I, ...S },
             viewportBottom: B,
-            viewportTop: A
+            viewportTop: O
           });
           return M ? m && lt(
             G(
@@ -2389,7 +2392,7 @@ const Ot = we(
       scrollIntoView: d
     };
   },
-  ze(ht, Ke, on, Ot, Rt),
+  ze(ht, Ke, on, At, Rt),
   { singleton: !0 }
 );
 function to(e) {
@@ -2404,8 +2407,8 @@ const qs = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), js = we(
     { didMount: a, propsReady: l },
     { log: d },
     { scrollingInProgress: v },
-    { context: g },
-    { scrollIntoView: h }
+    { context: h },
+    { scrollIntoView: g }
   ]) => {
     const b = W(!1), y = xe();
     let c = null;
@@ -2421,8 +2424,8 @@ const qs = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), js = we(
         Fe(G(ue(t), zt(1)), a),
         Se(ue(b), i, u, v),
         Y(([[I, E], m, S, T, k]) => {
-          let R = E && T, A = "auto";
-          return R && (A = qs(m, S || k), R = R && !!A), { followOutputBehavior: A, shouldFollow: R, totalCount: I };
+          let R = E && T, O = "auto";
+          return R && (O = qs(m, S || k), R = R && !!O), { followOutputBehavior: O, shouldFollow: R, totalCount: I };
         }),
         de(({ shouldFollow: I }) => I)
       ),
@@ -2475,16 +2478,16 @@ const qs = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), js = we(
     ), Te(
       G(
         Fe(G(C, zt(1)), a),
-        Se(ue(x), u, v, g),
+        Se(ue(x), u, v, h),
         Y(([[I, E], m, S, T, k]) => E && S && (m == null ? void 0 : m({ context: k, totalCount: I, scrollingInProgress: T }))),
         de((I) => !!I),
         vt(0)
       ),
       (I) => {
         c && (c(), c = null), Pe(n) ? requestAnimationFrame(() => {
-          Pe(d)("scrolling into view", {}), be(h, I);
+          Pe(d)("scrolling into view", {}), be(g, I);
         }) : c = lt(e, () => {
-          Pe(d)("scrolling into view", {}), be(h, I), c = null;
+          Pe(d)("scrolling into view", {}), be(g, I), c = null;
         });
       }
     ), { autoscrollToBottom: y, followOutput: b, scrollIntoViewOnChange: x };
@@ -2507,11 +2510,11 @@ const qs = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), js = we(
       Se(i),
       de(([, a]) => a !== 0),
       Se(o, r, t, n, e),
-      Y(([[, a], l, d, v, g, h = []]) => gi(a, l, d, v, g, h))
+      Y(([[, a], l, d, v, h, g = []]) => gi(a, l, d, v, h, g))
     ),
     s
   ), {}),
-  ze(ht, sn, Ot, _t),
+  ze(ht, sn, At, _t),
   { singleton: !0 }
 ), Ks = we(
   ([{ didMount: e }, { scrollTo: t }, { listState: n }]) => {
@@ -2541,7 +2544,7 @@ const qs = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), js = we(
       initialScrollTop: r
     };
   },
-  ze(_t, Ke, Ot),
+  ze(_t, Ke, At),
   { singleton: !0 }
 ), vi = we(
   ([{ scrollVelocity: e }]) => {
@@ -2612,23 +2615,23 @@ const qs = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), js = we(
     { didMount: i },
     { useWindowScroll: s, windowScrollContainerState: u, windowViewportRect: a }
   ]) => {
-    const l = xe(), d = W(void 0), v = W(null), g = W(null);
-    return ie(u, v), ie(a, g), Te(
+    const l = xe(), d = W(void 0), v = W(null), h = W(null);
+    return ie(u, v), ie(a, h), Te(
       G(
         l,
-        Se(t, r, s, v, g, n)
+        Se(t, r, s, v, h, n)
       ),
-      ([h, b, y, c, f, p, x]) => {
-        const C = As(b.sizeTree);
-        c && f !== null && p !== null && (y = f.scrollTop - p.offsetTop), y -= x, h({ ranges: C, scrollTop: y });
+      ([g, b, y, c, f, p, x]) => {
+        const C = Os(b.sizeTree);
+        c && f !== null && p !== null && (y = f.scrollTop - p.offsetTop), y -= x, g({ ranges: C, scrollTop: y });
       }
     ), ie(G(d, de(yr), Y(Qs)), o), ie(
       G(
         i,
         Se(d),
-        de(([, h]) => h !== void 0),
+        de(([, g]) => g !== void 0),
         Ee(),
-        Y(([, h]) => h.ranges)
+        Y(([, g]) => g.ranges)
       ),
       e
     ), {
@@ -2651,7 +2654,7 @@ const Ys = we(([{ topItemsIndexes: e }]) => {
     ),
     e
   ), { topItemCount: t };
-}, ze(Ot));
+}, ze(At));
 function Si(e) {
   let t = !1, n;
   return (() => (t || (t = !0, n = e()), n));
@@ -2661,8 +2664,8 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     { deviation: e, scrollBy: t, scrollingInProgress: n, scrollTop: r },
     { isAtBottom: o, isScrolling: i, lastJumpDueToItemResize: s, scrollDirection: u },
     { listState: a },
-    { beforeUnshiftWith: l, gap: d, shiftWithOffset: v, sizes: g },
-    { log: h },
+    { beforeUnshiftWith: l, gap: d, shiftWithOffset: v, sizes: h },
+    { log: g },
     { recalcInProgress: b }
   ]) => {
     const y = tt(
@@ -2678,7 +2681,7 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
           [0, [], 0, 0]
         ),
         de(([f]) => f !== 0),
-        Se(r, u, n, o, h, b),
+        Se(r, u, n, o, g, b),
         de(([, f, p, x, , , C]) => !C && !x && f !== 0 && p === Zt),
         Y(([[f], , , , , p]) => (p("Upward scrolling compensation", { amount: f }, Qe.DEBUG), f))
       )
@@ -2705,7 +2708,7 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     ), Te(
       G(
         l,
-        Se(g, d),
+        Se(h, d),
         Y(([f, { groupIndices: p, lastSize: x, sizeTree: C }, I]) => {
           function E(m) {
             return m * (x + I);
@@ -2734,7 +2737,7 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       }
     ), { deviation: e };
   },
-  ze(Ke, ln, Ot, ht, Rt, Ir)
+  ze(Ke, ln, At, ht, Rt, Ir)
 ), el = we(
   ([
     e,
@@ -2789,8 +2792,8 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       sizeRanges: l,
       sizes: d,
       statefulTotalCount: v,
-      totalCount: g,
-      trackItemSizes: h
+      totalCount: h,
+      trackItemSizes: g
     },
     { initialItemFinalLocationReached: b, initialTopMostItemIndex: y, scrolledToInitialItem: c },
     f,
@@ -2803,7 +2806,7 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     { groupCounts: S },
     T
   ]) => {
-    const { listState: k, minOverscanItemCount: R, topItemsIndexes: A, rangeChanged: B, ...M } = C;
+    const { listState: k, minOverscanItemCount: R, topItemsIndexes: O, rangeChanged: B, ...M } = C;
     return ie(B, T.scrollSeekRangeChanged), ie(
       G(
         T.windowViewportRect,
@@ -2824,9 +2827,9 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       scrolledToInitialItem: c,
       sizeRanges: l,
       topItemCount: m,
-      topItemsIndexes: A,
+      topItemsIndexes: O,
       // input
-      totalCount: g,
+      totalCount: h,
       ...x,
       groupIndices: s,
       itemSize: a,
@@ -2835,7 +2838,7 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       scrollToIndex: I,
       // output
       statefulTotalCount: v,
-      trackItemSizes: h,
+      trackItemSizes: g,
       // exported from stateFlagsSystem
       rangeChanged: B,
       ...M,
@@ -2852,7 +2855,7 @@ const Zs = Si(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     Ke,
     Xs,
     js,
-    Ot,
+    At,
     on,
     Js,
     Ys,
@@ -2910,7 +2913,7 @@ function xi(e, t, n) {
     }), j.useImperativeHandle(f, $r(l(C)));
     const E = n;
     return /* @__PURE__ */ w(u.Provider, { value: C, children: n ? /* @__PURE__ */ w(E, { ...tl([...r, ...o, ...s], x), children: p }) : p });
-  }), g = (c) => {
+  }), h = (c) => {
     const f = j.useContext(u);
     return j.useCallback(
       (p) => {
@@ -2918,7 +2921,7 @@ function xi(e, t, n) {
       },
       [f, c]
     );
-  }, h = (c) => {
+  }, g = (c) => {
     const f = j.useContext(u)[c], p = j.useCallback(
       (x) => Te(f, x),
       [f]
@@ -2936,7 +2939,7 @@ function xi(e, t, n) {
       }),
       [f, p]
     ), p;
-  }, y = j.version.startsWith("18") ? h : b;
+  }, y = j.version.startsWith("18") ? g : b;
   return {
     Component: v,
     useEmitter: (c, f) => {
@@ -2944,7 +2947,7 @@ function xi(e, t, n) {
       dn(() => Te(p, f), [f, p]);
     },
     useEmitterValue: y,
-    usePublisher: g
+    usePublisher: h
   };
 }
 const wi = j.createContext(void 0), Ii = j.createContext(void 0), Ci = typeof document < "u" ? j.useLayoutEffect : j.useEffect;
@@ -2956,52 +2959,52 @@ function nl(e) {
 }
 function Ti(e, t, n, r = Vt, o, i) {
   const s = j.useRef(null), u = j.useRef(null), a = j.useRef(null), l = j.useCallback(
-    (g) => {
-      let h, b, y;
-      const c = g.target;
+    (h) => {
+      let g, b, y;
+      const c = h.target;
       if (nl(c) || Vn(c)) {
         const p = Vn(c) ? c : c.defaultView;
-        y = i ? p.scrollX : p.scrollY, h = i ? p.document.documentElement.scrollWidth : p.document.documentElement.scrollHeight, b = i ? p.innerWidth : p.innerHeight;
+        y = i ? p.scrollX : p.scrollY, g = i ? p.document.documentElement.scrollWidth : p.document.documentElement.scrollHeight, b = i ? p.innerWidth : p.innerHeight;
       } else
-        y = i ? c.scrollLeft : c.scrollTop, h = i ? c.scrollWidth : c.scrollHeight, b = i ? c.offsetWidth : c.offsetHeight;
+        y = i ? c.scrollLeft : c.scrollTop, g = i ? c.scrollWidth : c.scrollHeight, b = i ? c.offsetWidth : c.offsetHeight;
       const f = () => {
         e({
-          scrollHeight: h,
+          scrollHeight: g,
           scrollTop: Math.max(y, 0),
           viewportHeight: b
         });
       };
-      g.suppressFlushSync ? f() : Yi.flushSync(f), u.current !== null && (y === u.current || y <= 0 || y === h - b) && (u.current = null, t(!0), a.current && (clearTimeout(a.current), a.current = null));
+      h.suppressFlushSync ? f() : Yi.flushSync(f), u.current !== null && (y === u.current || y <= 0 || y === g - b) && (u.current = null, t(!0), a.current && (clearTimeout(a.current), a.current = null));
     },
     [e, t, i]
   );
   j.useEffect(() => {
-    const g = o || s.current;
-    return r(o || s.current), l({ suppressFlushSync: !0, target: g }), g.addEventListener("scroll", l, { passive: !0 }), () => {
-      r(null), g.removeEventListener("scroll", l);
+    const h = o || s.current;
+    return r(o || s.current), l({ suppressFlushSync: !0, target: h }), h.addEventListener("scroll", l, { passive: !0 }), () => {
+      r(null), h.removeEventListener("scroll", l);
     };
   }, [s, l, n, r, o]);
-  function d(g) {
-    const h = s.current;
-    if (!h || (i ? "offsetWidth" in h && h.offsetWidth === 0 : "offsetHeight" in h && h.offsetHeight === 0))
+  function d(h) {
+    const g = s.current;
+    if (!g || (i ? "offsetWidth" in g && g.offsetWidth === 0 : "offsetHeight" in g && g.offsetHeight === 0))
       return;
-    const b = g.behavior === "smooth";
+    const b = h.behavior === "smooth";
     let y, c, f;
-    Vn(h) ? (c = Math.max(
-      wt(h.document.documentElement, i ? "width" : "height"),
-      i ? h.document.documentElement.scrollWidth : h.document.documentElement.scrollHeight
-    ), y = i ? h.innerWidth : h.innerHeight, f = i ? window.scrollX : window.scrollY) : (c = h[i ? "scrollWidth" : "scrollHeight"], y = wt(h, i ? "width" : "height"), f = h[i ? "scrollLeft" : "scrollTop"]);
+    Vn(g) ? (c = Math.max(
+      wt(g.document.documentElement, i ? "width" : "height"),
+      i ? g.document.documentElement.scrollWidth : g.document.documentElement.scrollHeight
+    ), y = i ? g.innerWidth : g.innerHeight, f = i ? window.scrollX : window.scrollY) : (c = g[i ? "scrollWidth" : "scrollHeight"], y = wt(g, i ? "width" : "height"), f = g[i ? "scrollLeft" : "scrollTop"]);
     const p = c - y;
-    if (g.top = Math.ceil(Math.max(Math.min(p, g.top), 0)), pi(y, c) || g.top === f) {
+    if (h.top = Math.ceil(Math.max(Math.min(p, h.top), 0)), pi(y, c) || h.top === f) {
       e({ scrollHeight: c, scrollTop: f, viewportHeight: y }), b && t(!0);
       return;
     }
-    b ? (u.current = g.top, a.current && clearTimeout(a.current), a.current = setTimeout(() => {
+    b ? (u.current = h.top, a.current && clearTimeout(a.current), a.current = setTimeout(() => {
       a.current = null, u.current = null, t(!0);
-    }, 1e3)) : u.current = null, i && (g = { behavior: g.behavior, left: g.top }), h.scrollTo(g);
+    }, 1e3)) : u.current = null, i && (h = { behavior: h.behavior, left: h.top }), g.scrollTo(h);
   }
-  function v(g) {
-    i && (g = { behavior: g.behavior, left: g.top }), s.current.scrollBy(g);
+  function v(h) {
+    i && (h = { behavior: h.behavior, left: h.top }), s.current.scrollBy(h);
   }
   return { scrollByCallback: v, scrollerRef: s, scrollToCallback: d };
 }
@@ -3044,12 +3047,12 @@ const rl = /* @__PURE__ */ we(() => {
   ([e, t]) => ({ ...e, ...t }),
   ze(yi, rl)
 ), il = ({ height: e }) => /* @__PURE__ */ w("div", { style: { height: e } }), sl = { overflowAnchor: "none", position: Mr(), zIndex: 1 }, ki = { overflowAnchor: "none" }, ll = { ...ki, display: "inline-block", height: "100%" }, ro = /* @__PURE__ */ j.memo(function({ showTopList: e = !1 }) {
-  const t = ge("listState"), n = ot("sizeRanges"), r = ge("useWindowScroll"), o = ge("customScrollParent"), i = ot("windowScrollContainerState"), s = ot("scrollContainerState"), u = o || r ? i : s, a = ge("itemContent"), l = ge("context"), d = ge("groupContent"), v = ge("trackItemSizes"), g = ge("itemSize"), h = ge("log"), b = ot("gap"), y = ge("horizontalDirection"), { callbackRef: c } = ws(
+  const t = ge("listState"), n = ot("sizeRanges"), r = ge("useWindowScroll"), o = ge("customScrollParent"), i = ot("windowScrollContainerState"), s = ot("scrollContainerState"), u = o || r ? i : s, a = ge("itemContent"), l = ge("context"), d = ge("groupContent"), v = ge("trackItemSizes"), h = ge("itemSize"), g = ge("log"), b = ot("gap"), y = ge("horizontalDirection"), { callbackRef: c } = ws(
     n,
-    g,
+    h,
     v,
     e ? Vt : u,
-    h,
+    g,
     b,
     o,
     y,
@@ -3058,7 +3061,7 @@ const rl = /* @__PURE__ */ we(() => {
   zr("deviation", (M) => {
     f !== M && p(M);
   });
-  const x = ge("EmptyPlaceholder"), C = ge("ScrollSeekPlaceholder") || il, I = ge("ListComponent"), E = ge("ItemComponent"), m = ge("GroupComponent"), S = ge("computeItemKey"), T = ge("isSeeking"), k = ge("groupIndices").length > 0, R = ge("alignToBottom"), A = ge("initialItemFinalLocationReached"), B = e ? {} : {
+  const x = ge("EmptyPlaceholder"), C = ge("ScrollSeekPlaceholder") || il, I = ge("ListComponent"), E = ge("ItemComponent"), m = ge("GroupComponent"), S = ge("computeItemKey"), T = ge("isSeeking"), k = ge("groupIndices").length > 0, R = ge("alignToBottom"), O = ge("initialItemFinalLocationReached"), B = e ? {} : {
     boxSizing: "border-box",
     ...y ? {
       display: "inline-block",
@@ -3072,7 +3075,7 @@ const rl = /* @__PURE__ */ we(() => {
       paddingBottom: t.offsetBottom,
       paddingTop: t.offsetTop
     },
-    ...A ? {} : { visibility: "hidden" }
+    ...O ? {} : { visibility: "hidden" }
   };
   return !e && t.totalCount === 0 && x ? /* @__PURE__ */ w(x, { ...je(x, l) }) : /* @__PURE__ */ w(
     I,
@@ -3151,7 +3154,7 @@ function dl(e, t) {
   return { item: typeof e == "string" ? void 0 : t };
 }
 const fl = /* @__PURE__ */ j.memo(function() {
-  const e = ge("HeaderComponent"), t = ot("headerHeight"), n = ge("HeaderFooterTag"), r = At(
+  const e = ge("HeaderComponent"), t = ot("headerHeight"), n = ge("HeaderFooterTag"), r = Ot(
     j.useMemo(
       () => (i) => {
         t(wt(i, "height"));
@@ -3163,7 +3166,7 @@ const fl = /* @__PURE__ */ j.memo(function() {
   ), o = ge("context");
   return e ? /* @__PURE__ */ w(n, { ref: r, children: /* @__PURE__ */ w(e, { ...je(e, o) }) }) : null;
 }), pl = /* @__PURE__ */ j.memo(function() {
-  const e = ge("FooterComponent"), t = ot("footerHeight"), n = ge("HeaderFooterTag"), r = At(
+  const e = ge("FooterComponent"), t = ot("footerHeight"), n = ge("HeaderFooterTag"), r = Ot(
     j.useMemo(
       () => (i) => {
         t(wt(i, "height"));
@@ -3177,7 +3180,7 @@ const fl = /* @__PURE__ */ j.memo(function() {
 });
 function Ri({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   return j.memo(function({ children: r, style: o, context: i, ...s }) {
-    const u = n("scrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("scrollerRef"), v = t("horizontalDirection") || !1, { scrollByCallback: g, scrollerRef: h, scrollToCallback: b } = Ti(
+    const u = n("scrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("scrollerRef"), v = t("horizontalDirection") || !1, { scrollByCallback: h, scrollerRef: g, scrollToCallback: b } = Ti(
       u,
       l,
       a,
@@ -3185,12 +3188,12 @@ function Ri({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
       void 0,
       v
     );
-    return e("scrollTo", b), e("scrollBy", g), /* @__PURE__ */ w(
+    return e("scrollTo", b), e("scrollBy", h), /* @__PURE__ */ w(
       a,
       {
         "data-testid": "virtuoso-scroller",
         "data-virtuoso-scroller": !0,
-        ref: h,
+        ref: g,
         style: { ...v ? cl : al, ...o },
         tabIndex: 0,
         ...s,
@@ -3202,22 +3205,22 @@ function Ri({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
 }
 function _i({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   return j.memo(function({ children: r, style: o, context: i, ...s }) {
-    const u = n("windowScrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("totalListHeight"), v = t("deviation"), g = t("customScrollParent"), h = j.useRef(null), b = t("scrollerRef"), { scrollByCallback: y, scrollerRef: c, scrollToCallback: f } = Ti(
+    const u = n("windowScrollContainerState"), a = t("ScrollerComponent"), l = n("smoothScrollTargetReached"), d = t("totalListHeight"), v = t("deviation"), h = t("customScrollParent"), g = j.useRef(null), b = t("scrollerRef"), { scrollByCallback: y, scrollerRef: c, scrollToCallback: f } = Ti(
       u,
       l,
       a,
       b,
-      g
+      h
     );
     return Ci(() => {
       var p;
-      return c.current = g || ((p = h.current) == null ? void 0 : p.ownerDocument.defaultView), () => {
+      return c.current = h || ((p = g.current) == null ? void 0 : p.ownerDocument.defaultView), () => {
         c.current = null;
       };
-    }, [c, g]), e("windowScrollTo", f), e("scrollBy", y), /* @__PURE__ */ w(
+    }, [c, h]), e("windowScrollTo", f), e("scrollBy", y), /* @__PURE__ */ w(
       a,
       {
-        ref: h,
+        ref: g,
         "data-virtuoso-scroller": !0,
         style: { position: "relative", ...o, ...d !== 0 ? { height: d + v } : {} },
         ...s,
@@ -3231,7 +3234,7 @@ const gl = ({ children: e }) => {
   const t = j.useContext(wi), n = ot("viewportHeight"), r = ot("fixedItemHeight"), o = ge("alignToBottom"), i = ge("horizontalDirection"), s = j.useMemo(
     () => Jo(n, (a) => wt(a, i ? "width" : "height")),
     [n, i]
-  ), u = At(s, !0, ge("skipAnimationFrameInResizeObserver"));
+  ), u = Ot(s, !0, ge("skipAnimationFrameInResizeObserver"));
   return j.useEffect(() => {
     t && (n(t.viewportHeight), r(t.itemHeight));
   }, [t, n, r]), /* @__PURE__ */ w("div", { "data-viewport-type": "element", ref: u, style: En(o), children: e });
@@ -3399,18 +3402,18 @@ const kl = /* @__PURE__ */ we(
   ([
     { increaseViewportBy: e, listBoundary: t, overscan: n, visibleRange: r },
     { footerHeight: o, headerHeight: i, scrollBy: s, scrollContainerState: u, scrollTo: a, scrollTop: l, smoothScrollTargetReached: d, viewportHeight: v },
-    g,
     h,
+    g,
     { didMount: b, propsReady: y },
     { customScrollParent: c, useWindowScroll: f, windowScrollContainerState: p, windowScrollTo: x, windowViewportRect: C },
     I
   ]) => {
-    const E = W(0), m = W(0), S = W(oo), T = W({ height: 0, width: 0 }), k = W({ height: 0, width: 0 }), R = xe(), A = xe(), B = W(0), M = W(null), P = W({ column: 0, row: 0 }), N = xe(), _ = xe(), z = W(!1), Q = W(0), se = W(!0), le = W(!1), ce = W(!1);
+    const E = W(0), m = W(0), S = W(oo), T = W({ height: 0, width: 0 }), k = W({ height: 0, width: 0 }), R = xe(), O = xe(), B = W(0), M = W(null), P = W({ column: 0, row: 0 }), N = xe(), _ = xe(), z = W(!1), Q = W(0), se = W(!0), le = W(!1), ce = W(!1);
     Te(
       G(
         b,
         Se(Q),
-        de(([O, L]) => !!L)
+        de(([A, L]) => !!L)
       ),
       () => {
         be(se, !1);
@@ -3418,11 +3421,11 @@ const kl = /* @__PURE__ */ we(
     ), Te(
       G(
         Fe(b, se, k, T, Q, le),
-        de(([O, L, K, H, , re]) => O && !L && K.height !== 0 && H.height !== 0 && !re)
+        de(([A, L, K, H, , re]) => A && !L && K.height !== 0 && H.height !== 0 && !re)
       ),
-      ([, , , , O]) => {
+      ([, , , , A]) => {
         be(le, !0), Tr(1, () => {
-          be(R, O);
+          be(R, A);
         }), lt(G(l), () => {
           be(t, [0, 0]), be(se, !0);
         });
@@ -3430,7 +3433,7 @@ const kl = /* @__PURE__ */ we(
     ), ie(
       G(
         _,
-        de((O) => O != null && O.scrollTop > 0),
+        de((A) => A != null && A.scrollTop > 0),
         dt(0)
       ),
       m
@@ -3438,17 +3441,17 @@ const kl = /* @__PURE__ */ we(
       G(
         b,
         Se(_),
-        de(([, O]) => O != null)
+        de(([, A]) => A != null)
       ),
-      ([, O]) => {
-        O && (be(T, O.viewport), be(k, O.item), be(P, O.gap), O.scrollTop > 0 && (be(z, !0), lt(G(l, zt(1)), (L) => {
+      ([, A]) => {
+        A && (be(T, A.viewport), be(k, A.item), be(P, A.gap), A.scrollTop > 0 && (be(z, !0), lt(G(l, zt(1)), (L) => {
           be(z, !1);
-        }), be(a, { top: O.scrollTop })));
+        }), be(a, { top: A.scrollTop })));
       }
     ), ie(
       G(
         T,
-        Y(({ height: O }) => O)
+        Y(({ height: A }) => A)
       ),
       v
     ), ie(
@@ -3456,14 +3459,14 @@ const kl = /* @__PURE__ */ we(
         Fe(
           ue(T, fn),
           ue(k, fn),
-          ue(P, (O, L) => O && O.column === L.column && O.row === L.row),
+          ue(P, (A, L) => A && A.column === L.column && A.row === L.row),
           ue(l)
         ),
-        Y(([O, L, K, H]) => ({
+        Y(([A, L, K, H]) => ({
           gap: K,
           item: L,
           scrollTop: H,
-          viewport: O
+          viewport: A
         }))
       ),
       N
@@ -3481,10 +3484,10 @@ const kl = /* @__PURE__ */ we(
           ue(se),
           ue(Q)
         ),
-        de(([, , , , , , , O]) => !O),
+        de(([, , , , , , , A]) => !A),
         Y(
           ([
-            O,
+            A,
             [L, K],
             H,
             re,
@@ -3495,17 +3498,17 @@ const kl = /* @__PURE__ */ we(
             ee,
             fe
           ]) => {
-            const { column: ae, row: Ce } = H, { height: ve, width: _e } = re, { width: Ae } = q;
-            if (ne === 0 && (O === 0 || Ae === 0))
+            const { column: ae, row: Ce } = H, { height: ve, width: _e } = re, { width: Oe } = q;
+            if (ne === 0 && (A === 0 || Oe === 0))
               return oo;
             if (_e === 0) {
-              const Pt = kr(fe, O), An = Pt + Math.max(ne - 1, 0);
-              return Cl(lo(Pt, An, J));
+              const Pt = kr(fe, A), On = Pt + Math.max(ne - 1, 0);
+              return Cl(lo(Pt, On, J));
             }
-            const Ne = Mi(Ae, _e, ae);
+            const Ne = Mi(Oe, _e, ae);
             let Ge, Ve;
-            ee ? L === 0 && K === 0 && ne > 0 ? (Ge = 0, Ve = ne - 1) : (Ge = Ne * yn((L + Ce) / (ve + Ce)), Ve = Ne * io((K + Ce) / (ve + Ce)) - 1, Ve = qn(O - 1, Ut(Ve, Ne - 1)), Ge = qn(Ve, Ut(0, Ge))) : (Ge = 0, Ve = -1);
-            const ct = lo(Ge, Ve, J), { bottom: Ze, top: Le } = ao(q, H, re, ct), st = io(O / Ne), nt = st * ve + (st - 1) * Ce - Ze;
+            ee ? L === 0 && K === 0 && ne > 0 ? (Ge = 0, Ve = ne - 1) : (Ge = Ne * yn((L + Ce) / (ve + Ce)), Ve = Ne * io((K + Ce) / (ve + Ce)) - 1, Ve = qn(A - 1, Ut(Ve, Ne - 1)), Ge = qn(Ve, Ut(0, Ge))) : (Ge = 0, Ve = -1);
+            const ct = lo(Ge, Ve, J), { bottom: Ze, top: Le } = ao(q, H, re, ct), st = io(A / Ne), nt = st * ve + (st - 1) * Ce - Ze;
             return { bottom: Ze, itemHeight: ve, items: ct, itemWidth: _e, offsetBottom: nt, offsetTop: Le, top: Le };
           }
         )
@@ -3514,16 +3517,16 @@ const kl = /* @__PURE__ */ we(
     ), ie(
       G(
         M,
-        de((O) => O !== null),
-        Y((O) => O.length)
+        de((A) => A !== null),
+        Y((A) => A.length)
       ),
       E
     ), ie(
       G(
         Fe(T, k, S, P),
-        de(([O, L, { items: K }]) => K.length > 0 && L.height !== 0 && O.height !== 0),
-        Y(([O, L, { items: K }, H]) => {
-          const { bottom: re, top: q } = ao(O, H, L, K);
+        de(([A, L, { items: K }]) => K.length > 0 && L.height !== 0 && A.height !== 0),
+        Y(([A, L, { items: K }, H]) => {
+          const { bottom: re, top: q } = ao(A, H, L, K);
           return [q, re];
         }),
         Ee(Qt)
@@ -3535,26 +3538,26 @@ const kl = /* @__PURE__ */ we(
       G(
         l,
         Se(pe),
-        Y(([O, L]) => L || O !== 0)
+        Y(([A, L]) => L || A !== 0)
       ),
       pe
     );
     const Ie = tt(
       G(
         Fe(S, E),
-        de(([{ items: O }]) => O.length > 0),
+        de(([{ items: A }]) => A.length > 0),
         Se(pe),
-        de(([[O, L], K]) => {
-          const H = O.items[O.items.length - 1].index === L - 1;
-          return (K || O.bottom > 0 && O.itemHeight > 0 && O.offsetBottom === 0 && O.items.length === L) && H;
+        de(([[A, L], K]) => {
+          const H = A.items[A.items.length - 1].index === L - 1;
+          return (K || A.bottom > 0 && A.itemHeight > 0 && A.offsetBottom === 0 && A.items.length === L) && H;
         }),
-        Y(([[, O]]) => O - 1),
+        Y(([[, A]]) => A - 1),
         Ee()
       )
     ), F = tt(
       G(
         ue(S),
-        de(({ items: O }) => O.length > 0 && O[0].index === 0),
+        de(({ items: A }) => A.length > 0 && A[0].index === 0),
         dt(0),
         Ee()
       )
@@ -3562,21 +3565,21 @@ const kl = /* @__PURE__ */ we(
       G(
         ue(S),
         Se(z),
-        de(([{ items: O }, L]) => O.length > 0 && !L),
-        Y(([{ items: O }]) => ({
-          endIndex: O[O.length - 1].index,
-          startIndex: O[0].index
+        de(([{ items: A }, L]) => A.length > 0 && !L),
+        Y(([{ items: A }]) => ({
+          endIndex: A[A.length - 1].index,
+          startIndex: A[0].index
         })),
         Ee(li),
         vt(0)
       )
     );
-    ie(D, h.scrollSeekRangeChanged), ie(
+    ie(D, g.scrollSeekRangeChanged), ie(
       G(
         R,
         Se(T, k, E, P),
-        Y(([O, L, K, H, re]) => {
-          const q = fi(O), { align: J, behavior: ne, offset: ee } = q;
+        Y(([A, L, K, H, re]) => {
+          const q = fi(A), { align: J, behavior: ne, offset: ee } = q;
           let fe = q.index;
           fe === "LAST" && (fe = H - 1), fe = Ut(0, fe, qn(H - 1, fe));
           let ae = mr(L, re, K, fe);
@@ -3588,14 +3591,14 @@ const kl = /* @__PURE__ */ we(
     const V = Ue(
       G(
         S,
-        Y((O) => O.offsetBottom + O.bottom)
+        Y((A) => A.offsetBottom + A.bottom)
       ),
       0
     );
     return ie(
       G(
         C,
-        Y((O) => ({ height: O.visibleHeight, width: O.visibleWidth }))
+        Y((A) => ({ height: A.visibleHeight, width: A.visibleWidth }))
       ),
       T
     ), {
@@ -3613,7 +3616,7 @@ const kl = /* @__PURE__ */ we(
       restoreStateFrom: _,
       scrollBy: s,
       scrollContainerState: u,
-      scrollHeight: A,
+      scrollHeight: O,
       scrollTo: a,
       scrollToIndex: R,
       scrollTop: l,
@@ -3624,13 +3627,13 @@ const kl = /* @__PURE__ */ we(
       windowScrollContainerState: p,
       windowScrollTo: x,
       windowViewportRect: C,
-      ...h,
+      ...g,
       // output
       gridState: S,
       horizontalDirection: ce,
       initialTopMostItemIndex: Q,
       totalListHeight: V,
-      ...g,
+      ...h,
       endReached: Ie,
       propsReady: y,
       rangeChanged: D,
@@ -3657,13 +3660,13 @@ function mr(e, t, n, r) {
   return s > 0 ? s + t.row : s;
 }
 const Rl = /* @__PURE__ */ we(() => {
-  const e = W((v) => `Item ${v}`), t = W({}), n = W(null), r = W("virtuoso-grid-item"), o = W("virtuoso-grid-list"), i = W(Er), s = W("div"), u = W(Vt), a = (v, g = null) => Ue(
+  const e = W((v) => `Item ${v}`), t = W({}), n = W(null), r = W("virtuoso-grid-item"), o = W("virtuoso-grid-list"), i = W(Er), s = W("div"), u = W(Vt), a = (v, h = null) => Ue(
     G(
       t,
-      Y((h) => h[v]),
+      Y((g) => g[v]),
       Ee()
     ),
-    g
+    h
   ), l = W(!1), d = W(!1);
   return ie(ue(d), l), {
     components: t,
@@ -3687,7 +3690,7 @@ const Rl = /* @__PURE__ */ we(() => {
   ([e, t]) => ({ ...e, ...t }),
   ze(kl, Rl)
 ), Ml = /* @__PURE__ */ j.memo(function() {
-  const e = Oe("gridState"), t = Oe("listClassName"), n = Oe("itemClassName"), r = Oe("itemContent"), o = Oe("computeItemKey"), i = Oe("isSeeking"), s = it("scrollHeight"), u = Oe("ItemComponent"), a = Oe("ListComponent"), l = Oe("ScrollSeekPlaceholder"), d = Oe("context"), v = it("itemDimensions"), g = it("gap"), h = Oe("log"), b = Oe("stateRestoreInProgress"), y = it("reportReadyState"), c = At(
+  const e = Ae("gridState"), t = Ae("listClassName"), n = Ae("itemClassName"), r = Ae("itemContent"), o = Ae("computeItemKey"), i = Ae("isSeeking"), s = it("scrollHeight"), u = Ae("ItemComponent"), a = Ae("ListComponent"), l = Ae("ScrollSeekPlaceholder"), d = Ae("context"), v = it("itemDimensions"), h = it("gap"), g = Ae("log"), b = Ae("stateRestoreInProgress"), y = it("reportReadyState"), c = Ot(
     j.useMemo(
       () => (f) => {
         const p = f.parentElement.parentElement.scrollHeight;
@@ -3697,12 +3700,12 @@ const Rl = /* @__PURE__ */ we(() => {
           const { height: C, width: I } = x.getBoundingClientRect();
           v({ height: C, width: I });
         }
-        g({
-          column: co("column-gap", getComputedStyle(f).columnGap, h),
-          row: co("row-gap", getComputedStyle(f).rowGap, h)
+        h({
+          column: co("column-gap", getComputedStyle(f).columnGap, g),
+          row: co("row-gap", getComputedStyle(f).rowGap, g)
         });
       },
-      [s, v, g, h]
+      [s, v, h, g]
     ),
     !0,
     !1
@@ -3742,7 +3745,7 @@ const Rl = /* @__PURE__ */ we(() => {
     }
   );
 }), El = j.memo(function() {
-  const e = Oe("HeaderComponent"), t = it("headerHeight"), n = Oe("headerFooterTag"), r = At(
+  const e = Ae("HeaderComponent"), t = it("headerHeight"), n = Ae("headerFooterTag"), r = Ot(
     j.useMemo(
       () => (i) => {
         t(wt(i, "height"));
@@ -3751,10 +3754,10 @@ const Rl = /* @__PURE__ */ we(() => {
     ),
     !0,
     !1
-  ), o = Oe("context");
+  ), o = Ae("context");
   return e ? /* @__PURE__ */ w(n, { ref: r, children: /* @__PURE__ */ w(e, { ...je(e, o) }) }) : null;
 }), zl = j.memo(function() {
-  const e = Oe("FooterComponent"), t = it("footerHeight"), n = Oe("headerFooterTag"), r = At(
+  const e = Ae("FooterComponent"), t = it("footerHeight"), n = Ae("headerFooterTag"), r = Ot(
     j.useMemo(
       () => (i) => {
         t(wt(i, "height"));
@@ -3763,10 +3766,10 @@ const Rl = /* @__PURE__ */ we(() => {
     ),
     !0,
     !1
-  ), o = Oe("context");
+  ), o = Ae("context");
   return e ? /* @__PURE__ */ w(n, { ref: r, children: /* @__PURE__ */ w(e, { ...je(e, o) }) }) : null;
-}), Al = ({ children: e }) => {
-  const t = j.useContext(Ii), n = it("itemDimensions"), r = it("viewportDimensions"), o = At(
+}), Ol = ({ children: e }) => {
+  const t = j.useContext(Ii), n = it("itemDimensions"), r = it("viewportDimensions"), o = Ot(
     j.useMemo(
       () => (i) => {
         r(i.getBoundingClientRect());
@@ -3779,13 +3782,13 @@ const Rl = /* @__PURE__ */ we(() => {
   return j.useEffect(() => {
     t && (r({ height: t.viewportHeight, width: t.viewportWidth }), n({ height: t.itemHeight, width: t.itemWidth }));
   }, [t, r, n]), /* @__PURE__ */ w("div", { ref: o, style: En(!1), children: e });
-}, Ol = ({ children: e }) => {
-  const t = j.useContext(Ii), n = it("windowViewportRect"), r = it("itemDimensions"), o = Oe("customScrollParent"), i = ti(n, o, !1);
+}, Al = ({ children: e }) => {
+  const t = j.useContext(Ii), n = it("windowViewportRect"), r = it("itemDimensions"), o = Ae("customScrollParent"), i = ti(n, o, !1);
   return j.useEffect(() => {
     t && (r({ height: t.itemHeight, width: t.itemWidth }), n({ offsetTop: 0, visibleHeight: t.viewportHeight, visibleWidth: t.viewportWidth }));
   }, [t, n, r]), /* @__PURE__ */ w("div", { ref: i, style: En(!1), children: e });
 }, Pl = /* @__PURE__ */ j.memo(function({ ...e }) {
-  const t = Oe("useWindowScroll"), n = Oe("customScrollParent"), r = n || t ? Gl : Bl, o = n || t ? Ol : Al, i = Oe("context");
+  const t = Ae("useWindowScroll"), n = Ae("customScrollParent"), r = n || t ? Gl : Bl, o = n || t ? Al : Ol, i = Ae("context");
   return /* @__PURE__ */ w(r, { ...e, ...je(r, i), children: /* @__PURE__ */ Z(o, { children: [
     /* @__PURE__ */ w(El, {}),
     /* @__PURE__ */ w(Ml, {}),
@@ -3793,7 +3796,7 @@ const Rl = /* @__PURE__ */ we(() => {
   ] }) });
 }), {
   useEmitter: Ei,
-  useEmitterValue: Oe,
+  useEmitterValue: Ae,
   usePublisher: it
 } = /* @__PURE__ */ xi(
   _l,
@@ -3836,7 +3839,7 @@ const Rl = /* @__PURE__ */ we(() => {
     }
   },
   Pl
-), Bl = /* @__PURE__ */ Ri({ useEmitter: Ei, useEmitterValue: Oe, usePublisher: it }), Gl = /* @__PURE__ */ _i({ useEmitter: Ei, useEmitterValue: Oe, usePublisher: it });
+), Bl = /* @__PURE__ */ Ri({ useEmitter: Ei, useEmitterValue: Ae, usePublisher: it }), Gl = /* @__PURE__ */ _i({ useEmitter: Ei, useEmitterValue: Ae, usePublisher: it });
 function co(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);
 }
@@ -3853,7 +3856,7 @@ function xn() {
   return e;
 }
 let zi = !1;
-function Ai() {
+function Oi() {
   return zi;
 }
 function uo(e) {
@@ -3916,14 +3919,14 @@ const Yl = Object.freeze({
   showPointer: void 0,
   pointerStyle: void 0,
   pointerColor: void 0
-}), Oi = j.memo(
+}), Ai = j.memo(
   function({ runs: t, ns: n, baseIndex: r, preGroups: o }) {
-    const i = Re((R) => R.setClipIndex), s = Re((R) => R.seek), u = $((R) => R.setCurrentGlobalRunIndex), a = xn(), l = $((R) => R.rangeStartGI), d = $((R) => R.rangeEndGI), v = $((R) => R.setRange), g = l != null && d != null, h = te(
+    const i = Re((R) => R.setClipIndex), s = Re((R) => R.seek), u = $((R) => R.setCurrentGlobalRunIndex), a = xn(), l = $((R) => R.rangeStartGI), d = $((R) => R.rangeEndGI), v = $((R) => R.setRange), h = l != null && d != null, g = te(
       (R) => {
         var Q;
-        const A = (Q = R.target) == null ? void 0 : Q.closest("[data-g]");
-        if (!A) return;
-        const B = Number(A.dataset.g), M = B - r;
+        const O = (Q = R.target) == null ? void 0 : Q.closest("[data-g]");
+        if (!O) return;
+        const B = Number(O.dataset.g), M = B - r;
         if (M < 0 || M >= t.length) return;
         const P = t[M], N = P.text ?? "";
         if (!N.trim() || !/[가-힣a-zA-Z0-9]/.test(N)) return;
@@ -3935,9 +3938,9 @@ const Yl = Object.freeze({
     ), b = oe(null), y = oe(!1), c = oe({ x: 0, y: 0 }), f = te(
       (R) => {
         var P;
-        const A = (P = R.target) == null ? void 0 : P.closest("[data-g]");
-        if (!A) return;
-        const B = Number(A.dataset.g), M = B - r;
+        const O = (P = R.target) == null ? void 0 : P.closest("[data-g]");
+        if (!O) return;
+        const B = Number(O.dataset.g), M = B - r;
         M < 0 || M >= t.length || (y.current = !1, c.current = { x: R.clientX, y: R.clientY }, b.current && (window.clearTimeout(b.current), b.current = null), b.current = window.setTimeout(() => {
           a.getState().status !== "playing" && (v(B, B), y.current = !0, b.current = null);
         }, 800));
@@ -3948,8 +3951,8 @@ const Yl = Object.freeze({
     }, []), x = te(
       (R) => {
         if (!b.current) return;
-        const A = R.clientX - c.current.x, B = R.clientY - c.current.y;
-        (Math.abs(A) > 5 || Math.abs(B) > 5) && p();
+        const O = R.clientX - c.current.x, B = R.clientY - c.current.y;
+        (Math.abs(O) > 5 || Math.abs(B) > 5) && p();
       },
       [p]
     ), C = te(() => {
@@ -3961,25 +3964,25 @@ const Yl = Object.freeze({
           y.current = !1;
           return;
         }
-        if (Ai()) return;
-        const A = (M = R.target) == null ? void 0 : M.closest("[data-g]");
-        if (!A) return;
-        const B = Number(A.dataset.g);
-        isNaN(B) || g && l != null && d != null && (m(), R.stopPropagation());
+        if (Oi()) return;
+        const O = (M = R.target) == null ? void 0 : M.closest("[data-g]");
+        if (!O) return;
+        const B = Number(O.dataset.g);
+        isNaN(B) || h && l != null && d != null && (m(), R.stopPropagation());
       },
-      [g, l, d, m]
+      [h, l, d, m]
     ), T = o, k = r + t.length - 1;
     return /* @__PURE__ */ w(
       "span",
       {
         onClick: S,
-        onDoubleClick: h,
+        onDoubleClick: g,
         onPointerDown: f,
         onPointerMove: x,
         onPointerUp: C,
         onPointerCancel: I,
         onPointerLeave: E,
-        children: T.map((R, A) => /* @__PURE__ */ w(
+        children: T.map((R, O) => /* @__PURE__ */ w(
           Jl,
           {
             ns: n,
@@ -3989,7 +3992,7 @@ const Yl = Object.freeze({
             rangeStartGI: l,
             rangeEndGI: d
           },
-          `${n}/grp:${A}-${R.startG}`
+          `${n}/grp:${O}-${R.startG}`
         ))
       }
     );
@@ -4028,7 +4031,7 @@ const Yl = Object.freeze({
         pointerColor: c.pointerColor
       } : Yl,
       [a]
-    ), d = X(tn(l)), v = n.r0 ?? 0, g = n.len ?? Math.max(0, n.endG - n.startG + 1), h = a && d.showPointer && d.pointerStyle !== "underline", b = a && d.showPointer && d.pointerStyle === "underline", y = h || b ? {
+    ), d = X(tn(l)), v = n.r0 ?? 0, h = n.len ?? Math.max(0, n.endG - n.startG + 1), g = a && d.showPointer && d.pointerStyle !== "underline", b = a && d.showPointer && d.pointerStyle === "underline", y = g || b ? {
       // 배경색(하이라이트)
       "--hl-color": d.pointerColor,
       // 밑줄 색/두께/오프셋
@@ -4036,10 +4039,10 @@ const Yl = Object.freeze({
       "--ul-thickness": "0.3em",
       "--ul-offset": "0.35em"
     } : void 0;
-    return /* @__PURE__ */ w(It, { children: Array.from({ length: g }).map((c, f) => {
+    return /* @__PURE__ */ w(It, { children: Array.from({ length: h }).map((c, f) => {
       const x = r[v + f], C = n.startG + f, I = `${t}/run:${C}`, E = !!x.split && C !== o;
       let m = `${ut.runWrap}`;
-      return h && (g === 1 ? m += ` ${ut.highlight}` : f === 0 ? m += ` ${ut.highlightleft}` : f + 1 === g ? m += ` ${ut.highlightright}` : m += ` ${ut.highlightcenter}`), b && (g === 1 ? m += ` ${ut.underline}` : f === 0 ? m += ` ${ut.underlineleft}` : f + 1 === g ? m += ` ${ut.underlineright}` : m += ` ${ut.underlinecenter}`), /* @__PURE__ */ Z(j.Fragment, { children: [
+      return g && (h === 1 ? m += ` ${ut.highlight}` : f === 0 ? m += ` ${ut.highlightleft}` : f + 1 === h ? m += ` ${ut.highlightright}` : m += ` ${ut.highlightcenter}`), b && (h === 1 ? m += ` ${ut.underline}` : f === 0 ? m += ` ${ut.underlineleft}` : f + 1 === h ? m += ` ${ut.underlineright}` : m += ` ${ut.underlinecenter}`), /* @__PURE__ */ Z(j.Fragment, { children: [
         /* @__PURE__ */ w("span", { className: m, style: y, children: /* @__PURE__ */ w(
           ea,
           {
@@ -4131,7 +4134,7 @@ function ta({
           }
         ) : null,
         /* @__PURE__ */ w(
-          Oi,
+          Ai,
           {
             preGroups: i,
             runs: e.runs,
@@ -4200,7 +4203,7 @@ function mo(e, t = !1) {
     n--, r = String.fromCharCode(97 + n % 26) + r, n = Math.floor(n / 26);
   return t ? r.toUpperCase() : r;
 }
-function Ar(e) {
+function Or(e) {
   const t = /* @__PURE__ */ new Map();
   return {
     next(n, r) {
@@ -4212,7 +4215,7 @@ function Ar(e) {
     }
   };
 }
-function Or(e, t) {
+function Ar(e, t) {
   const n = e.list;
   if (!n || n.kind !== "ordered") return;
   const r = t.next(n.numId ?? 0, n.level), o = ra(r, n.format), i = (n.format || "").toLowerCase();
@@ -4266,9 +4269,9 @@ function fa(e, t = 12, n = 1.5, r = 0.5) {
   if (!e) return -1;
   const o = e.getBoundingClientRect(), i = o.top + t;
   let s = -1, u = 1 / 0, a = 1 / 0, l = -1, d = 1 / 0, v = 1 / 0;
-  const g = e.querySelectorAll("[data-g]");
-  for (let h = 0; h < g.length; h++) {
-    const b = g[h];
+  const h = e.querySelectorAll("[data-g]");
+  for (let g = 0; g < h.length; g++) {
+    const b = h[g];
     if (!b || !b.isConnected) continue;
     const y = da(b);
     if (!y || !br(y)) continue;
@@ -4708,8 +4711,8 @@ function Ra(e) {
       var E, m;
       const C = t.querySelector(`[data-g="${p}"]`);
       if (C) {
-        const S = C.getBoundingClientRect(), T = t.getBoundingClientRect(), k = T.height > 0 ? T.height / t.clientHeight : 1, R = (S.top - T.top) / k, A = x * t.clientHeight;
-        if (Math.abs(R - A) <= 3) return;
+        const S = C.getBoundingClientRect(), T = t.getBoundingClientRect(), k = T.height > 0 ? T.height / t.clientHeight : 1, R = (S.top - T.top) / k, O = x * t.clientHeight;
+        if (Math.abs(R - O) <= 3) return;
       }
       const I = ++s.current;
       i.current = !0;
@@ -4721,8 +4724,8 @@ function Ra(e) {
           return { delta: _ - z, cur: _, tgt: z };
         };
         if (I !== s.current || (await a(p, "auto"), I !== s.current) || (await S(), await S(), await S(), I !== s.current)) return;
-        const k = T(), R = t.scrollTop >= t.scrollHeight - t.clientHeight - 1, A = t.scrollTop <= 1;
-        if (k && Math.abs(k.delta) > 1 && !(R && k.delta > 0) && !(A && k.delta < 0)) {
+        const k = T(), R = t.scrollTop >= t.scrollHeight - t.clientHeight - 1, O = t.scrollTop <= 1;
+        if (k && Math.abs(k.delta) > 1 && !(R && k.delta > 0) && !(O && k.delta < 0)) {
           const B = t.scrollTop;
           if ((E = n.current) == null || E.scrollBy({ top: k.delta }), await S(), I !== s.current) return;
           for (let M = 0; M < 3; M++) {
@@ -4748,22 +4751,22 @@ const _a = ({
   virtRef: t,
   prefix: n
 }) => {
-  const r = $((_) => _.setCurrentGlobalRunIndex), o = $((_) => _.registerSectionScrollApi), i = Re((_) => _.scrollLock), s = Re((_) => _.syncToGI), u = Tt(), a = gt(), l = Qo((_) => _.isPlaybackMode), d = oe(!1), v = oe(null), g = oe(null), h = oe(0), b = oe(null), y = oe(-1), c = te(() => {
+  const r = $((_) => _.setCurrentGlobalRunIndex), o = $((_) => _.registerSectionScrollApi), i = Re((_) => _.scrollLock), s = Re((_) => _.syncToGI), u = Tt(), a = gt(), l = Qo((_) => _.isPlaybackMode), d = oe(!1), v = oe(null), h = oe(null), g = oe(0), b = oe(null), y = oe(-1), c = te(() => {
     if (l || i) return;
     v.current = null;
-    const _ = g.current;
+    const _ = h.current;
     if (!_) return;
     const z = fa(_, 5);
     z !== -1 && z !== y.current && (y.current = z, s(z));
   }, [l, i, s]), f = te(
     (_) => {
-      g.current = _, v.current == null && (v.current = requestAnimationFrame(c));
+      h.current = _, v.current == null && (v.current = requestAnimationFrame(c));
     },
     [c]
   ), p = te(
     (_) => {
       var se;
-      g.current = _, (se = b.current) == null || se.abort();
+      h.current = _, (se = b.current) == null || se.abort();
       const z = new AbortController();
       b.current = z, new Promise((le) => {
         "onscrollend" in _ ? _.addEventListener("scrollend", () => le(), { once: !0 }) : setTimeout(le, 150);
@@ -4780,7 +4783,7 @@ const _a = ({
             let D = 0;
             const V = _.querySelector(`[data-g="${ce}"]`);
             if (V) {
-              const O = _.getBoundingClientRect(), L = V.getBoundingClientRect(), K = O.height > 0 ? O.height / _.clientHeight : 1, H = (L.top - O.top) / K / _.clientHeight;
+              const A = _.getBoundingClientRect(), L = V.getBoundingClientRect(), K = A.height > 0 ? A.height / _.clientHeight : 1, H = (L.top - A.top) / K / _.clientHeight;
               D = Math.max(0, Math.min(H, 1));
             }
             u.getState().emit({
@@ -4841,10 +4844,10 @@ const _a = ({
     if (!_) return;
     const z = Bi(_), Q = (z == null ? void 0 : z.first) ?? -1, se = (z == null ? void 0 : z.last) ?? -1;
     T.current = { first: Q, last: se };
-  }, [e]), A = oe(!1), B = te(() => {
+  }, [e]), O = oe(!1), B = te(() => {
     const _ = e.current;
-    if (!_ || A.current) return;
-    A.current = !0;
+    if (!_ || O.current) return;
+    O.current = !0;
     const z = Math.min(
       _.scrollTop + Math.floor(_.clientHeight * 0.6),
       _.scrollHeight - _.clientHeight
@@ -4854,7 +4857,7 @@ const _a = ({
     });
   }, [e]);
   me(() => {
-    !k.current && i && (A.current = !1, R()), k.current = i;
+    !k.current && i && (O.current = !1, R()), k.current = i;
   }, [i, R]);
   const M = oe(0), P = oe(0);
   me(() => {
@@ -4871,8 +4874,8 @@ const _a = ({
       if (pe) {
         const F = se.getBoundingClientRect(), D = pe.getBoundingClientRect();
         if (F.height > 0) {
-          const V = (D.top - F.top) / F.height, O = (D.bottom - F.top) / F.height;
-          if (V >= 0.02 && O <= 0.95) {
+          const V = (D.top - F.top) / F.height, A = (D.bottom - F.top) / F.height;
+          if (V >= 0.02 && A <= 0.95) {
             R();
             return;
           }
@@ -4914,7 +4917,7 @@ const _a = ({
         prefix: n,
         recorderStoreApi: u,
         programmaticScrollRef: x,
-        scrollToGISeqRef: h
+        scrollToGISeqRef: g
       });
   }, [e, t, n, u]);
   return me(() => (o(N()), () => o(void 0)), [N, o]), null;
@@ -4925,9 +4928,9 @@ function Ma({
   nsPrefix: n
 }) {
   const r = ye(() => {
-    const k = [], R = Ar();
-    return t.forEach((A, B) => {
-      A.type === "paragraph" && (k[B] = Or(A, R));
+    const k = [], R = Or();
+    return t.forEach((O, B) => {
+      O.type === "paragraph" && (k[B] = Ar(O, R));
     }), k;
   }, [t]), o = $((k) => {
     var R;
@@ -4940,7 +4943,7 @@ function Ma({
     end: 0
   }), l = te(
     (k) => {
-      const R = t[k], A = `${n}blk-${R.id}`;
+      const R = t[k], O = `${n}blk-${R.id}`;
       if (R.type === "image") {
         const { src: P, alt: N, width: _, height: z } = R, Q = _ && z ? `${_} / ${z}` : "4 / 3", se = k >= a.current.start && k <= a.current.end, le = u > 80 ? Math.floor((u - 80) * 0.6) : void 0;
         return /* @__PURE__ */ Z("div", { style: { margin: "12px 0", textAlign: "center", width: "100%" }, children: [
@@ -4988,7 +4991,7 @@ function Ma({
             {
               block: R,
               computedMarker: B,
-              ns: A,
+              ns: O,
               baseIndex: o[k],
               sectionId: e.section_id,
               preGroups: M
@@ -5000,9 +5003,9 @@ function Ma({
     [t, r, o, n, e, i, u]
   ), d = oe(null), v = te((k) => {
     d.current = k;
-  }, []), g = ye(
+  }, []), h = ye(
     () => Dt((k) => {
-      const { style: R, children: A, ...B } = k;
+      const { style: R, children: O, ...B } = k;
       return /* @__PURE__ */ w("div", { ...B, style: R, children: /* @__PURE__ */ w(
         "div",
         {
@@ -5015,12 +5018,12 @@ function Ma({
             width: "100%",
             height: "100%"
           },
-          children: A
+          children: O
         }
       ) });
     }),
     [s]
-  ), h = oe(null), b = ye(() => t.map((k) => k.id), [t]), y = Qo((k) => k.isPlaybackMode), [c, f] = ft(!1);
+  ), g = oe(null), b = ye(() => t.map((k) => k.id), [t]), y = Qo((k) => k.isPlaybackMode), [c, f] = ft(!1);
   me(() => {
     f(y);
   }, [t, y]);
@@ -5041,12 +5044,12 @@ function Ma({
     ] });
   }, [c, e, u]), C = ye(
     () => ({
-      Item: g,
+      Item: h,
       Header: () => /* @__PURE__ */ w("div", { style: { height: 40 } }),
       Footer: x,
       Scroller: ua
     }),
-    [x, g]
+    [x, h]
   ), I = te((k) => b[k], [b]), E = gt(), [m] = ft(() => E.getState().progress.currentGlobalRunIndex ?? 0), S = ye(() => {
     if (!o.length) return 0;
     const k = o[o.length - 1], R = Math.max(0, Math.min(m, k));
@@ -5063,7 +5066,7 @@ function Ma({
         }
         if (!R) return;
       }
-      const A = T.getState().progress.currentGlobalRunIndex, B = T.getState().progress.setSectionLoading, M = A != null && A >= 0 ? A : 0;
+      const O = T.getState().progress.currentGlobalRunIndex, B = T.getState().progress.setSectionLoading, M = O != null && O >= 0 ? O : 0;
       await Pi(R, M), !k && (await xt(), await xt(), await xt(), await xt(), !k && B(!1));
     })(), () => {
       k = !0;
@@ -5072,7 +5075,7 @@ function Ma({
     /* @__PURE__ */ w(
       xl,
       {
-        ref: h,
+        ref: g,
         style: {
           height: "100%",
           width: "100%",
@@ -5093,7 +5096,7 @@ function Ma({
       _a,
       {
         scrollContainerRef: d,
-        virtRef: h,
+        virtRef: g,
         prefix: o
       }
     )
@@ -5120,7 +5123,7 @@ function za() {
     },
     delay: 250,
     shouldIgnoreTarget: Ea
-  }), g = ye(
+  }), h = ye(
     () => ({
       flex: 1,
       fontFamily: n,
@@ -5134,16 +5137,16 @@ function za() {
       textSizeAdjust: "none"
     }),
     [n, i.bg, i.fg, r, o]
-  ), h = ye(
+  ), g = ye(
     () => ({ margin: "0 auto", width: "100%", height: "100%" }),
     []
   );
-  return /* @__PURE__ */ w("div", { onClick: d, onDoubleClick: v, style: g, children: /* @__PURE__ */ w("div", { style: h, children: /* @__PURE__ */ w(Ma, { section: e, blocks: s, nsPrefix: u }) }) });
+  return /* @__PURE__ */ w("div", { onClick: d, onDoubleClick: v, style: h, children: /* @__PURE__ */ w("div", { style: g, children: /* @__PURE__ */ w(Ma, { section: e, blocks: s, nsPrefix: u }) }) });
 }
-function Aa(e) {
+function Oa(e) {
   return Ye({ attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M9.383 3.076A1 1 0 0110 4v12a1 1 0 01-1.707.707L4.586 13H2a1 1 0 01-1-1V8a1 1 0 011-1h2.586l3.707-3.707a1 1 0 011.09-.217zM12.293 7.293a1 1 0 011.414 0L15 8.586l1.293-1.293a1 1 0 111.414 1.414L16.414 10l1.293 1.293a1 1 0 01-1.414 1.414L15 11.414l-1.293 1.293a1 1 0 01-1.414-1.414L13.586 10l-1.293-1.293a1 1 0 010-1.414z", clipRule: "evenodd" }, child: [] }] })(e);
 }
-function Oa(e) {
+function Aa(e) {
   return Ye({ attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M9.383 3.076A1 1 0 0110 4v12a1 1 0 01-1.707.707L4.586 13H2a1 1 0 01-1-1V8a1 1 0 011-1h2.586l3.707-3.707a1 1 0 011.09-.217zM14.657 2.929a1 1 0 011.414 0A9.972 9.972 0 0119 10a9.972 9.972 0 01-2.929 7.071 1 1 0 01-1.414-1.414A7.971 7.971 0 0017 10c0-2.21-.894-4.208-2.343-5.657a1 1 0 010-1.414zm-2.829 2.828a1 1 0 011.415 0A5.983 5.983 0 0115 10a5.984 5.984 0 01-1.757 4.243 1 1 0 01-1.415-1.415A3.984 3.984 0 0013 10a3.983 3.983 0 00-1.172-2.828 1 1 0 010-1.415z", clipRule: "evenodd" }, child: [] }] })(e);
 }
 function Pa(e) {
@@ -5179,7 +5182,7 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Da = "_compact_1hfub_31",
   label: Ja,
   compactBtn: ec
 }, tc = Dt(function() {
-  const t = oe(null), n = $e(Ct), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = Re((S) => S.status), i = Re((S) => S.currentTimeMs), s = Re((S) => S.currentClip), u = Re((S) => S.playbackKind), a = X((S) => S.muteAudio), l = X((S) => S.audioSpeed), d = Re((S) => S.getClipSrc), v = Re((S) => S._onTime), g = Re((S) => S._onEnded), h = Re((S) => S._onError), b = $((S) => S.setCurrentGlobalRunIndex), y = $((S) => S.getSectionScrollApi), c = $((S) => S.snapToReadable), f = $((S) => S.edgeReadable), p = oe(null), x = oe(null), C = oe(!1), I = oe(null);
+  const t = oe(null), n = $e(Ct), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = Re((S) => S.status), i = Re((S) => S.currentTimeMs), s = Re((S) => S.currentClip), u = Re((S) => S.playbackKind), a = X((S) => S.muteAudio), l = X((S) => S.audioSpeed), d = Re((S) => S.getClipSrc), v = Re((S) => S._onTime), h = Re((S) => S._onEnded), g = Re((S) => S._onError), b = $((S) => S.setCurrentGlobalRunIndex), y = $((S) => S.getSectionScrollApi), c = $((S) => S.snapToReadable), f = $((S) => S.edgeReadable), p = oe(null), x = oe(null), C = oe(!1), I = oe(null);
   me(() => {
     u === "real" && (C.current = !0);
   }, [u]);
@@ -5199,36 +5202,36 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Da = "_compact_1hfub_31",
     if (!S) return;
     const T = () => {
       if (S.paused || S.ended) return;
-      const A = S.currentTime * 1e3;
-      C.current && A === 0 || (A > 0 && (C.current = !1), v(A));
+      const O = S.currentTime * 1e3;
+      C.current && O === 0 || (O > 0 && (C.current = !1), v(O));
     }, k = () => {
       var B, M;
-      g();
-      const A = f(1);
-      if (typeof A == "number" && A >= 0) {
-        b(A, "audio");
+      h();
+      const O = f(1);
+      if (typeof O == "number" && O >= 0) {
+        b(O, "audio");
         const P = y();
-        (B = P == null ? void 0 : P.ensureVisibleGI) == null || B.call(P, A), (M = P == null ? void 0 : P.stepPage) == null || M.call(P, 1);
+        (B = P == null ? void 0 : P.ensureVisibleGI) == null || B.call(P, O), (M = P == null ? void 0 : P.stepPage) == null || M.call(P, 1);
       }
-    }, R = (A) => {
-      const B = A.currentTarget;
+    }, R = (O) => {
+      const B = O.currentTarget;
       console.warn("Audio error", {
         networkState: B.networkState,
         readyState: B.readyState
-      }), h();
+      }), g();
     };
     return S.addEventListener("timeupdate", T), S.addEventListener("ended", k), S.addEventListener("error", R), () => {
       S.removeEventListener("timeupdate", T), S.removeEventListener("ended", k), S.removeEventListener("error", R);
     };
-  }, [v, g, h, f, b, y]), me(() => {
+  }, [v, h, g, f, b, y]), me(() => {
     if (r) return;
     const S = t.current;
     if (!S) return;
     if (!E) {
       try {
         S.pause();
-      } catch (A) {
-        console.log("pause error", A);
+      } catch (O) {
+        console.log("pause error", O);
       }
       x.current = null;
       return;
@@ -5237,30 +5240,30 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Da = "_compact_1hfub_31",
     if (k) {
       try {
         S.pause();
-      } catch (A) {
-        console.log("pause error", A);
+      } catch (O) {
+        console.log("pause error", O);
       }
       S.src = E;
       try {
         S.load();
-      } catch (A) {
-        console.log("load error", A);
+      } catch (O) {
+        console.log("load error", O);
       }
       x.current = E;
     }
     S.muted = !!a, S.volume = 1, S.playbackRate = typeof l == "number" ? l : 1;
     const R = async () => {
-      k && await new Promise((A) => {
+      k && await new Promise((O) => {
         let B = !1;
         const M = () => {
-          B || (B = !0, S.removeEventListener("loadedmetadata", M), S.removeEventListener("canplay", M), A());
+          B || (B = !0, S.removeEventListener("loadedmetadata", M), S.removeEventListener("canplay", M), O());
         };
         S.addEventListener("loadedmetadata", M), S.addEventListener("canplay", M), S.readyState >= 1 && M();
       });
       try {
         await S.play();
-      } catch (A) {
-        console.warn("el.play() failed", A);
+      } catch (O) {
+        console.warn("el.play() failed", O);
       }
     };
     if (o === "loading" || o === "playing")
@@ -5268,8 +5271,8 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Da = "_compact_1hfub_31",
     else
       try {
         S.pause();
-      } catch (A) {
-        console.log("pause error", A);
+      } catch (O) {
+        console.log("pause error", O);
       }
   }, [E, a, o, l, r]), me(() => {
     if (r) return;
@@ -5284,8 +5287,8 @@ const Na = "_wrap_1hfub_4", Fa = "_visible_1hfub_25", Da = "_compact_1hfub_31",
             const R = p.current / 1e3;
             try {
               S.currentTime = R;
-            } catch (A) {
-              console.log("currentTime보정 오류", A);
+            } catch (O) {
+              console.log("currentTime보정 오류", O);
             }
             p.current = null;
           }
@@ -5334,23 +5337,23 @@ const rc = "_scrubberWrap_uw0cd_2", oc = "_labels_uw0cd_9", ic = "_index_uw0cd_1
   range: ac
 };
 function cc() {
-  const e = X((I) => I.isDev), t = $((I) => I.currentGlobalRunIndex), n = $((I) => I.totalRuns), r = $((I) => I.setCurrentGlobalRunIndex), o = $((I) => I.getSectionScrollApi), i = $((I) => I.giToPercentTotal), s = $((I) => I.percentToGITotal), u = $((I) => I.snapToReadable), a = Re((I) => I.scrollLock), l = Re((I) => I.pause), d = Re((I) => I.play), v = Re((I) => I.syncToGI), [g, h] = ft(() => i(t || 0));
+  const e = X((I) => I.isDev), t = $((I) => I.currentGlobalRunIndex), n = $((I) => I.totalRuns), r = $((I) => I.setCurrentGlobalRunIndex), o = $((I) => I.getSectionScrollApi), i = $((I) => I.giToPercentTotal), s = $((I) => I.percentToGITotal), u = $((I) => I.snapToReadable), a = Re((I) => I.scrollLock), l = Re((I) => I.pause), d = Re((I) => I.play), v = Re((I) => I.syncToGI), [h, g] = ft(() => i(t || 0));
   me(() => {
-    h(i(t || 0));
+    g(i(t || 0));
   }, [t, i]);
   const b = oe(!1), y = ye(() => Math.max(0, Math.min(t ?? 0, Math.max(0, (n ?? 1) - 1))) + 1, [t, n]), c = te(() => {
     a && (l(), b.current = !0);
   }, [a, l]), f = te((I) => {
-    h(Number(I.currentTarget.value));
+    g(Number(I.currentTarget.value));
   }, []), p = te(async () => {
-    const I = s(g), E = u(I);
+    const I = s(h), E = u(I);
     l(), r(E, "scrubber-commit"), v(E);
     const m = o();
     m != null && m.ensureVisibleGI && await m.ensureVisibleGI(E), b.current && (b.current = !1, d());
-  }, [g, s, u, l, r, v, o, d]), x = ye(
-    () => ({ "--pct": `${g}%` }),
-    [g]
-  ), C = ye(() => Math.round(g), [g]);
+  }, [h, s, u, l, r, v, o, d]), x = ye(
+    () => ({ "--pct": `${h}%` }),
+    [h]
+  ), C = ye(() => Math.round(h), [h]);
   return /* @__PURE__ */ Z("div", { className: Bt.scrubberWrap, children: [
     e && /* @__PURE__ */ w("div", { className: Bt.labels, children: /* @__PURE__ */ Z("span", { className: Bt.index, children: [
       y,
@@ -5366,7 +5369,7 @@ function cc() {
           min: 0,
           max: 100,
           step: 0.5,
-          value: g,
+          value: h,
           style: x,
           onMouseDown: c,
           onTouchStart: c,
@@ -5389,7 +5392,7 @@ function cc() {
   ] });
 }
 const uc = j.memo(cc), dc = Dt(function() {
-  const t = $e(Ct), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = Re((T) => T.playbackKind), o = Re((T) => T.status), i = Re((T) => T.fake), s = X((T) => T.audioSpeed), u = Re((T) => T.pause), a = $((T) => T.totalRuns), l = $((T) => T.currentGlobalRunIndex), d = $((T) => T.setCurrentGlobalRunIndex), v = $((T) => T.getSectionScrollApi), g = $((T) => T.nextReadableFrom), h = $((T) => T.edgeReadable), b = oe(null), y = oe(null), c = oe(0), f = oe(-1), p = oe(!1), x = !n && r === "fake" && o === "playing", C = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), I = ye(() => {
+  const t = $e(Ct), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = Re((T) => T.playbackKind), o = Re((T) => T.status), i = Re((T) => T.fake), s = X((T) => T.audioSpeed), u = Re((T) => T.pause), a = $((T) => T.totalRuns), l = $((T) => T.currentGlobalRunIndex), d = $((T) => T.setCurrentGlobalRunIndex), v = $((T) => T.getSectionScrollApi), h = $((T) => T.nextReadableFrom), g = $((T) => T.edgeReadable), b = oe(null), y = oe(null), c = oe(0), f = oe(-1), p = oe(!1), x = !n && r === "fake" && o === "playing", C = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), I = ye(() => {
     const T = 200 * s;
     return C / T * 6e4;
   }, [C, s]), E = ye(() => !a || a <= 1 || I <= 0 ? 0 : (a - 1) / I, [a, I]);
@@ -5404,9 +5407,9 @@ const uc = j.memo(cc), dc = Dt(function() {
       m.current = -1;
       return;
     }
-    const T = h(1);
+    const T = g(1);
     m.current = T ?? -1;
-  }, [h, a]);
+  }, [g, a]);
   const S = te(
     (T) => {
       (async () => {
@@ -5421,10 +5424,10 @@ const uc = j.memo(cc), dc = Dt(function() {
         }
         const k = y.current;
         y.current = T;
-        const R = k == null ? 0 : Math.max(0, T - k), A = a - 1;
-        c.current = Math.min(A, c.current + E * R);
-        const B = Math.floor(c.current), M = v(), P = m.current >= 0 ? m.current : A, N = g(B, 1);
-        if (N == null || c.current >= A) {
+        const R = k == null ? 0 : Math.max(0, T - k), O = a - 1;
+        c.current = Math.min(O, c.current + E * R);
+        const B = Math.floor(c.current), M = v(), P = m.current >= 0 ? m.current : O, N = h(B, 1);
+        if (N == null || c.current >= O) {
           if (f.current < P) {
             f.current = P, d(P, "audio"), await ((Q = M == null ? void 0 : M.ensureVisibleGI) == null ? void 0 : Q.call(M, P)), b.current = requestAnimationFrame(S);
             return;
@@ -5440,7 +5443,7 @@ const uc = j.memo(cc), dc = Dt(function() {
         z !== f.current && (f.current = z, d(z, "audio"), z % 5 === 0 && await ((le = M == null ? void 0 : M.ensureVisibleGI) == null ? void 0 : le.call(M, z))), b.current = requestAnimationFrame(S);
       })().catch(console.error);
     },
-    [x, a, E, g, d, v, u]
+    [x, a, E, h, d, v, u]
   );
   return me(() => (x ? b.current == null && (b.current = requestAnimationFrame(S)) : (b.current && (cancelAnimationFrame(b.current), b.current = null), y.current = null), () => {
     b.current && (cancelAnimationFrame(b.current), b.current = null);
@@ -5453,14 +5456,14 @@ const uc = j.memo(cc), dc = Dt(function() {
   label: bc,
   iconBtn: vc
 }, Io = 350, Sc = 40, yc = 0.85, xc = Dt(function() {
-  const t = X((g) => g.audioSpeed), n = X((g) => g.incAudioSpeed), r = X((g) => g.decAudioSpeed), o = oe(null), i = oe(Io), s = oe(null), u = te(
-    (g) => {
-      const h = t;
-      if (g === "inc") {
-        if (h >= 2) return !1;
+  const t = X((h) => h.audioSpeed), n = X((h) => h.incAudioSpeed), r = X((h) => h.decAudioSpeed), o = oe(null), i = oe(Io), s = oe(null), u = te(
+    (h) => {
+      const g = t;
+      if (h === "inc") {
+        if (g >= 2) return !1;
         n();
       } else {
-        if (h <= 0.3) return !1;
+        if (g <= 0.3) return !1;
         r();
       }
       return !0;
@@ -5473,9 +5476,9 @@ const uc = j.memo(cc), dc = Dt(function() {
       u(s.current) ? l() : a();
     }, i.current));
   }, [u, a]), d = te(
-    (g) => {
+    (h) => {
       if (s.current) return;
-      s.current = g, i.current = Io, u(g) && l();
+      s.current = h, i.current = Io, u(h) && l();
       const b = () => a();
       window.addEventListener("mouseup", b, { once: !0 }), window.addEventListener("touchend", b, { once: !0 });
     },
@@ -5496,8 +5499,8 @@ const uc = j.memo(cc), dc = Dt(function() {
             type: "button",
             title: "속도 느리게",
             onMouseDown: () => d("dec"),
-            onTouchStart: (g) => {
-              g.preventDefault(), d("dec");
+            onTouchStart: (h) => {
+              h.preventDefault(), d("dec");
             },
             onMouseUp: a,
             children: /* @__PURE__ */ w("img", { src: pc, alt: "느리게" })
@@ -5511,8 +5514,8 @@ const uc = j.memo(cc), dc = Dt(function() {
             type: "button",
             title: "속도 빠르게",
             onMouseDown: () => d("inc"),
-            onTouchStart: (g) => {
-              g.preventDefault(), d("inc");
+            onTouchStart: (h) => {
+              h.preventDefault(), d("inc");
             },
             onMouseUp: a,
             children: /* @__PURE__ */ w("img", { src: gc, alt: "빠르게" })
@@ -5531,7 +5534,7 @@ function Tc(e) {
   return Ye({ 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 Co({ direction: e }) {
-  const t = $((f) => f.currentGlobalRunIndex), n = $((f) => f.totalRuns), r = $((f) => f.hasReadableInDir), o = $((f) => f.computeStepTarget), i = $((f) => f.edgeReadable), s = $((f) => f.snapToReadable), u = $((f) => f.setCurrentGlobalRunIndex), a = Re((f) => f.syncToGI), l = $((f) => f.getSectionScrollApi), d = gt(), v = $((f) => f.pageIndex), g = $((f) => f.totalPages), h = g > 1 && v >= g - 1, b = te(
+  const t = $((f) => f.currentGlobalRunIndex), n = $((f) => f.totalRuns), r = $((f) => f.hasReadableInDir), o = $((f) => f.computeStepTarget), i = $((f) => f.edgeReadable), s = $((f) => f.snapToReadable), u = $((f) => f.setCurrentGlobalRunIndex), a = Re((f) => f.syncToGI), l = $((f) => f.getSectionScrollApi), d = gt(), v = $((f) => f.pageIndex), h = $((f) => f.totalPages), g = h > 1 && v >= h - 1, b = te(
     async (f) => {
       var S, T, k, R;
       const { progress: p } = d.getState(), x = p.pageIndex, C = p.totalPages, I = C > 1 && x >= C - 1, E = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1)));
@@ -5540,8 +5543,8 @@ function Co({ direction: e }) {
         return;
       }
       if (f === 1) {
-        const A = s(E), B = i(1);
-        if (B != null && A >= B) {
+        const O = s(E), B = i(1);
+        if (B != null && O >= B) {
           (T = (S = l()) == null ? void 0 : S.stepPage) == null || T.call(S, 1);
           return;
         }
@@ -5561,9 +5564,9 @@ function Co({ direction: e }) {
       d
     ]
   ), y = ye(() => {
-    const f = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), p = s(f), x = i(1), C = i(-1), I = g > 0, E = x != null && p >= x, m = C != null && p <= C, S = h || !I && E || !n || !r(f, 1), T = m || !n || !r(f, -1);
+    const f = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), p = s(f), x = i(1), C = i(-1), I = h > 0, E = x != null && p >= x, m = C != null && p <= C, S = g || !I && E || !n || !r(f, 1), T = m || !n || !r(f, -1);
     return e === "left" ? T : S;
-  }, [e, n, g, t, r, h, s, i]), c = te(() => {
+  }, [e, n, h, t, r, g, s, i]), c = te(() => {
     b(e === "left" ? -1 : 1);
   }, [e, b]);
   return /* @__PURE__ */ w(
@@ -5616,7 +5619,7 @@ function zc() {
   const e = X((z) => z.showOverlays), t = $((z) => z.section), n = !!t.ast.isAddedSplit, r = !!((_ = t.audios) != null && _.length), o = $((z) => z.pageIndex), i = $((z) => z.totalPages), s = i > 1 && o >= i - 1, u = $((z) => z.currentGlobalRunIndex), a = $((z) => z.snapToReadable), l = $((z) => z.edgeReadable), d = (() => {
     const z = l(1);
     return z == null ? !1 : a(u ?? 0) >= z;
-  })(), v = s || d, g = $((z) => z.canTracking), h = $((z) => z.canToggleShowGaze), b = $((z) => z.showGaze), y = $((z) => z.onToggleShowGaze), c = X((z) => z.muteAudio), f = X((z) => z.showPointer), p = X((z) => z.showSplit), x = X((z) => z.toggleMuteAudio), C = X((z) => z.toggleShowPointer), I = X((z) => z.toggleShowSplit), E = X((z) => z.overlayCompactMode), m = X((z) => z.toggleOverlayCompactMode), S = xn(), T = gt();
+  })(), v = s || d, h = $((z) => z.canTracking), g = $((z) => z.canToggleShowGaze), b = $((z) => z.showGaze), y = $((z) => z.onToggleShowGaze), c = X((z) => z.muteAudio), f = X((z) => z.showPointer), p = X((z) => z.showSplit), x = X((z) => z.toggleMuteAudio), C = X((z) => z.toggleShowPointer), I = X((z) => z.toggleShowSplit), E = X((z) => z.overlayCompactMode), m = X((z) => z.toggleOverlayCompactMode), S = xn(), T = gt();
   me(() => {
     const z = S.getState(), { syncToGI: Q, useFake: se, useReal: le } = z, ce = z.playbackKind, pe = T.getState().progress.currentGlobalRunIndex ?? 0;
     if (!r) {
@@ -5625,10 +5628,10 @@ function zc() {
     }
     c ? ce !== "fake" && se() : ce !== "real" && (Q(pe), le());
   }, [r, c, T, S]);
-  const k = Re((z) => z.play), R = Re((z) => z.pause), A = Re((z) => z.status), B = xn(), M = gt(), P = te(
+  const k = Re((z) => z.play), R = Re((z) => z.pause), O = Re((z) => z.status), B = xn(), M = gt(), P = te(
     (z) => {
       var pe, Ie, F;
-      if (z.stopPropagation(), A === "playing" || A === "loading") {
+      if (z.stopPropagation(), O === "playing" || O === "loading") {
         R();
         return;
       }
@@ -5639,11 +5642,11 @@ function zc() {
       }
       k();
     },
-    [A, k, R, M]
+    [O, k, R, M]
   ), N = te(
     async (z) => {
       var H, re;
-      if (z.stopPropagation(), A === "playing" || A === "loading") {
+      if (z.stopPropagation(), O === "playing" || O === "loading") {
         R();
         return;
       }
@@ -5653,14 +5656,14 @@ function zc() {
         edgeReadable: ce,
         setCurrentGlobalRunIndex: pe,
         getSectionScrollApi: Ie
-      } = Q, F = B.getState(), D = F.currentClip, V = Ie == null ? void 0 : Ie(), O = typeof se == "number" ? se : 0, L = typeof le == "function" ? le(O) : O, K = typeof ce == "function" ? ce(1) : null;
+      } = Q, F = B.getState(), D = F.currentClip, V = Ie == null ? void 0 : Ie(), A = typeof se == "number" ? se : 0, L = typeof le == "function" ? le(A) : A, K = typeof ce == "function" ? ce(1) : null;
       if (K != null && L >= K) {
         pe == null || pe(K, "audio"), (H = V == null ? void 0 : V.stepPage) == null || H.call(V, 1);
         return;
       }
       pe == null || pe(L, "audio"), await ((re = V == null ? void 0 : V.ensureVisibleGI) == null ? void 0 : re.call(V, L)), F.syncToGI(L), k(D);
     },
-    [A, R, k, B, M]
+    [O, R, k, B, M]
   );
   return /* @__PURE__ */ Z(
     "div",
@@ -5695,10 +5698,10 @@ function zc() {
                 _c,
                 {
                   size: 34,
-                  isPlaying: A === "playing",
+                  isPlaying: O === "playing",
                   disabled: v,
                   onClick: c ? N : P,
-                  title: A === "playing" ? "일시정지" : "재생"
+                  title: O === "playing" ? "일시정지" : "재생"
                 }
               ),
               /* @__PURE__ */ w(Co, { direction: "right" })
@@ -5717,7 +5720,7 @@ function zc() {
                   className: `${Me.btn} ${c ? "" : Me.btnActive}`,
                   title: "오디오북 음소거 전환",
                   children: [
-                    c ? /* @__PURE__ */ w(Aa, { size: 18 }) : /* @__PURE__ */ w(Oa, { size: 18 }),
+                    c ? /* @__PURE__ */ w(Oa, { size: 18 }) : /* @__PURE__ */ w(Aa, { size: 18 }),
                     /* @__PURE__ */ w("span", { className: Me.label, children: "오디오북" })
                   ]
                 }
@@ -5760,8 +5763,8 @@ function zc() {
                   onClick: (z) => {
                     z.stopPropagation(), y == null || y();
                   },
-                  disabled: !g || !h,
-                  className: `${Me.btn} ${g && b ? Me.btnActive : ""} ${g ? "" : Me.btnForbidden}`,
+                  disabled: !h || !g,
+                  className: `${Me.btn} ${h && b ? Me.btnActive : ""} ${h ? "" : Me.btnForbidden}`,
                   title: "시선 표시",
                   children: [
                     /* @__PURE__ */ w(La, { size: 18 }),
@@ -5780,8 +5783,8 @@ function zc() {
     }
   );
 }
-const Ac = j.memo(zc);
-function Oc(e) {
+const Oc = j.memo(zc);
+function Ac(e) {
   return Ye({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "M262.29 192.31a64 64 0 1 0 57.4 57.4 64.13 64.13 0 0 0-57.4-57.4zM416.39 256a154.34 154.34 0 0 1-1.53 20.79l45.21 35.46a10.81 10.81 0 0 1 2.45 13.75l-42.77 74a10.81 10.81 0 0 1-13.14 4.59l-44.9-18.08a16.11 16.11 0 0 0-15.17 1.75A164.48 164.48 0 0 1 325 400.8a15.94 15.94 0 0 0-8.82 12.14l-6.73 47.89a11.08 11.08 0 0 1-10.68 9.17h-85.54a11.11 11.11 0 0 1-10.69-8.87l-6.72-47.82a16.07 16.07 0 0 0-9-12.22 155.3 155.3 0 0 1-21.46-12.57 16 16 0 0 0-15.11-1.71l-44.89 18.07a10.81 10.81 0 0 1-13.14-4.58l-42.77-74a10.8 10.8 0 0 1 2.45-13.75l38.21-30a16.05 16.05 0 0 0 6-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 0 0-6.07-13.94l-38.19-30A10.81 10.81 0 0 1 49.48 186l42.77-74a10.81 10.81 0 0 1 13.14-4.59l44.9 18.08a16.11 16.11 0 0 0 15.17-1.75A164.48 164.48 0 0 1 187 111.2a15.94 15.94 0 0 0 8.82-12.14l6.73-47.89A11.08 11.08 0 0 1 213.23 42h85.54a11.11 11.11 0 0 1 10.69 8.87l6.72 47.82a16.07 16.07 0 0 0 9 12.22 155.3 155.3 0 0 1 21.46 12.57 16 16 0 0 0 15.11 1.71l44.89-18.07a10.81 10.81 0 0 1 13.14 4.58l42.77 74a10.8 10.8 0 0 1-2.45 13.75l-38.21 30a16.05 16.05 0 0 0-6.05 14.08c.33 4.14.55 8.3.55 12.47z" }, child: [] }] })(e);
 }
 const Pc = "_host_gafql_3", Bc = "_topbar_gafql_11", Gc = "_visible_gafql_32", Lc = "_backBtn_gafql_37", Hc = "_title_gafql_58", Nc = "_calibrationBtn_gafql_67", Fc = "_disabled_gafql_87", Dc = "_settingsBtn_gafql_95", yt = {
@@ -5795,9 +5798,9 @@ const Pc = "_host_gafql_3", Bc = "_topbar_gafql_11", Gc = "_visible_gafql_32", L
   settingsBtn: Dc
 };
 function Wc() {
-  const e = X((h) => h.showOverlays), t = X((h) => h.overlayCompactMode), n = $((h) => h.onViewerClose), o = $((h) => h.section).ast.title, i = $((h) => h.canTracking), s = $((h) => h.handleAskCalibration), u = Re((h) => h.status === "playing"), a = i && !u, l = X((h) => h.setSettingsOpen), d = X((h) => h.setShowOverlays), v = te(() => {
+  const e = X((g) => g.showOverlays), t = X((g) => g.overlayCompactMode), n = $((g) => g.onViewerClose), o = $((g) => g.section).ast.title, i = $((g) => g.canTracking), s = $((g) => g.handleAskCalibration), u = Re((g) => g.status === "playing"), a = i && !u, l = X((g) => g.setSettingsOpen), d = X((g) => g.setShowOverlays), v = te(() => {
     n == null || n();
-  }, [n]), g = te(() => {
+  }, [n]), h = te(() => {
     l(!0), d(!1);
   }, [l, d]);
   return /* @__PURE__ */ w("div", { className: yt.host, children: /* @__PURE__ */ Z("div", { className: `${yt.topbar} ${e && !t ? yt.visible : ""}`, children: [
@@ -5820,9 +5823,9 @@ function Wc() {
       {
         type: "button",
         className: yt.settingsBtn,
-        onClick: g,
+        onClick: h,
         "aria-label": "뷰어 설정",
-        children: /* @__PURE__ */ w(Oc, { size: 28 })
+        children: /* @__PURE__ */ w(Ac, { size: 28 })
       }
     )
   ] }) });
@@ -5846,7 +5849,7 @@ const Vc = j.memo(Wc), $c = "_wrap_62su0_7", qc = "_wrapHidden_62su0_29", jc = "
   inlineFlex: iu
 };
 function su({ visible: e }) {
-  const t = X((m) => m.mode), n = X((m) => m.setMode), r = X((m) => m.theme), o = X((m) => m.setTheme), i = X((m) => m.fontFamily), s = X((m) => m.setFontFamily), u = X((m) => m.resetToDefaults), a = X((m) => m.getFontLevel()), l = X((m) => m.getLineLevel()), d = X((m) => m.getMarginLevel()), v = X((m) => m.setFontLevel), g = X((m) => m.setLineLevel), h = X((m) => m.setMarginLevel), b = X((m) => m.pointerStyle), y = X((m) => m.setPointerStyle), c = X((m) => m.pointerColor), f = X((m) => m.setPointerColor), p = X((m) => m.breakMarks), x = X((m) => m.toggleBreakMark), C = X((m) => m.getBreakGapLevel()), I = X((m) => m.setBreakGapLevel), E = `${Be.wrap} ${e ? Be.wrapVisible : Be.wrapHidden}`;
+  const t = X((m) => m.mode), n = X((m) => m.setMode), r = X((m) => m.theme), o = X((m) => m.setTheme), i = X((m) => m.fontFamily), s = X((m) => m.setFontFamily), u = X((m) => m.resetToDefaults), a = X((m) => m.getFontLevel()), l = X((m) => m.getLineLevel()), d = X((m) => m.getMarginLevel()), v = X((m) => m.setFontLevel), h = X((m) => m.setLineLevel), g = X((m) => m.setMarginLevel), b = X((m) => m.pointerStyle), y = X((m) => m.setPointerStyle), c = X((m) => m.pointerColor), f = X((m) => m.setPointerColor), p = X((m) => m.breakMarks), x = X((m) => m.toggleBreakMark), C = X((m) => m.getBreakGapLevel()), I = X((m) => m.setBreakGapLevel), E = `${Be.wrap} ${e ? Be.wrapVisible : Be.wrapHidden}`;
   return /* @__PURE__ */ Z("div", { className: E, role: "dialog", "aria-modal": "true", "aria-label": "뷰어 설정", children: [
     /* @__PURE__ */ Z("div", { className: Be.scrollArea, children: [
       /* @__PURE__ */ w(qt, { label: "열람방식", children: /* @__PURE__ */ Z("div", { className: Be.inlineFlex, children: [
@@ -5897,8 +5900,8 @@ function su({ visible: e }) {
           level: l,
           min: 1,
           max: 7,
-          onDec: () => g(Math.max(1, l - 1)),
-          onInc: () => g(Math.min(7, l + 1))
+          onDec: () => h(Math.max(1, l - 1)),
+          onInc: () => h(Math.min(7, l + 1))
         }
       ),
       /* @__PURE__ */ w(
@@ -5908,8 +5911,8 @@ function su({ visible: e }) {
           level: d,
           min: 1,
           max: 5,
-          onDec: () => h(Math.max(1, d - 1)),
-          onInc: () => h(Math.min(5, d + 1))
+          onDec: () => g(Math.max(1, d - 1)),
+          onInc: () => g(Math.min(5, d + 1))
         }
       ),
       /* @__PURE__ */ w(qt, { label: "포인터", children: /* @__PURE__ */ Z("div", { className: Be.inlineFlex, children: [
@@ -6024,7 +6027,7 @@ const lu = j.memo(function() {
       },
       children: [
         /* @__PURE__ */ w(Vc, {}),
-        /* @__PURE__ */ w(Ac, {}),
+        /* @__PURE__ */ w(Oc, {}),
         /* @__PURE__ */ w("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ w(su, { visible: !t && n }) })
       ]
     }
@@ -6036,11 +6039,11 @@ const lu = j.memo(function() {
     if (u) {
       const d = (a == null ? void 0 : a.equalityFn) || Object.is;
       let v = s(r.getState());
-      l = (g) => {
-        const h = s(g);
-        if (!d(v, h)) {
+      l = (h) => {
+        const g = s(h);
+        if (!d(v, g)) {
           const b = v;
-          u(v = h, b);
+          u(v = g, b);
         }
       }, a != null && a.fireImmediately && u(v, v);
     }
@@ -6068,18 +6071,18 @@ function fu(e) {
 function pu(e) {
   const t = e == null ? void 0 : e.recorderStore;
   let n = e == null ? void 0 : e.map, r = e == null ? void 0 : e.initialIndex;
-  const o = (h) => {
+  const o = (g) => {
     if (!n) return null;
     const { g2ct: b } = n;
     if (!b) return null;
-    const y = b[h];
+    const y = b[g];
     if (y) return { clip: y.clip, t: y.t };
-    for (let c = 1; c <= 100 && h - c >= 0; c++) {
-      const f = b[h - c];
+    for (let c = 1; c <= 100 && g - c >= 0; c++) {
+      const f = b[g - c];
       if (f) return { clip: f.clip, t: f.t };
     }
     for (let c = 1; c <= 100; c++) {
-      const f = b[h + c];
+      const f = b[g + c];
       if (f) return { clip: f.clip, t: f.t };
     }
     return null;
@@ -6087,12 +6090,12 @@ function pu(e) {
   let s = 0, u = 0;
   const a = Math.max(1, fu(e.section) || 150);
   if (typeof (e == null ? void 0 : e.initialIndex) == "number" && n) {
-    const h = o(e.initialIndex);
-    h && (s = h.clip, u = h.t, r = void 0);
+    const g = o(e.initialIndex);
+    g && (s = g.clip, u = g.t, r = void 0);
   }
-  const l = i.length > 0, d = l ? "paused" : "idle", v = l ? "real" : "fake", g = l ? null : { totalWords: a };
+  const l = i.length > 0, d = l ? "paused" : "idle", v = l ? "real" : "fake", h = l ? null : { totalWords: a };
   return nn(
-    cu((h, b) => ({
+    cu((g, b) => ({
       // 원본/포인터
       clips: i,
       currentClip: Math.max(0, Math.min(s, Math.max(0, i.length - 1))),
@@ -6102,9 +6105,9 @@ function pu(e) {
       scrollLock: !1,
       // 엔진/설정
       playbackKind: v,
-      fake: g,
+      fake: h,
       // 엔진 모드 전환
-      useFake: () => h((y) => ({
+      useFake: () => g((y) => ({
         playbackKind: "fake",
         // 이전에 fake.totalWords가 있으면 유지, 없으면 선계산값 사용
         // fake: s.fake ?? { totalWords: precomputedWords },
@@ -6112,7 +6115,7 @@ function pu(e) {
         // 잠금은 재생 상태에 맞춤(재생 중이면 유지, 아니면 해제)
         scrollLock: y.status === "playing"
       })),
-      useReal: () => h((y) => ({
+      useReal: () => g((y) => ({
         playbackKind: "real",
         fake: { totalWords: a },
         scrollLock: y.status === "playing"
@@ -6121,13 +6124,13 @@ function pu(e) {
       injectMap: (y) => {
         if (n = y, typeof r == "number") {
           const c = o(r);
-          c && h((f) => ({
+          c && g((f) => ({
             currentClip: Math.max(0, Math.min(c.clip, Math.max(0, f.clips.length - 1))),
             currentTimeMs: Math.max(0, c.t)
           })), r = void 0;
         }
       },
-      setClipAndMs: (y, c) => h((f) => {
+      setClipAndMs: (y, c) => g((f) => {
         const p = Math.max(0, f.clips.length - 1);
         return {
           currentClip: Math.max(0, Math.min(y, p)),
@@ -6139,7 +6142,7 @@ function pu(e) {
         };
       }),
       // 섹션 교체
-      setClips: (y) => h((c) => {
+      setClips: (y) => g((c) => {
         const f = Array.isArray(y) ? y : [], p = f.length > 0;
         return {
           clips: f,
@@ -6151,7 +6154,7 @@ function pu(e) {
           scrollLock: !1
         };
       }),
-      clear: () => h((y) => ({
+      clear: () => g((y) => ({
         clips: [],
         currentClip: 0,
         currentTimeMs: 0,
@@ -6165,7 +6168,7 @@ function pu(e) {
         t == null || t.getState().emit({
           type: "audio_control",
           payload: { action: "play" }
-        }), h((f) => {
+        }), g((f) => {
           if (f.playbackKind === "fake")
             return {
               status: "playing",
@@ -6184,14 +6187,14 @@ function pu(e) {
         t == null || t.getState().emit({
           type: "audio_control",
           payload: { action: "pause" }
-        }), h({ status: "paused", scrollLock: !1 });
+        }), g({ status: "paused", scrollLock: !1 });
       },
-      seek: (y) => h((c) => ({
+      seek: (y) => g((c) => ({
         currentTimeMs: Math.max(0, y),
         status: c.status
       })),
-      stop: () => h({ status: "idle", currentTimeMs: 0, scrollLock: !1 }),
-      nextClip: () => h((y) => {
+      stop: () => g({ status: "idle", currentTimeMs: 0, scrollLock: !1 }),
+      nextClip: () => g((y) => {
         if (y.playbackKind === "fake") return y;
         const c = Math.max(0, y.clips.length - 1);
         return {
@@ -6201,13 +6204,13 @@ function pu(e) {
           scrollLock: !0
         };
       }),
-      prevClip: () => h((y) => y.playbackKind === "fake" ? y : {
+      prevClip: () => g((y) => y.playbackKind === "fake" ? y : {
         currentClip: Math.max(0, y.currentClip - 1),
         currentTimeMs: 0,
         status: "loading",
         scrollLock: !0
       }),
-      setClipIndex: (y) => h((c) => c.playbackKind === "fake" || y < 0 || y >= c.clips.length ? c : { currentClip: y, currentTimeMs: 0 }),
+      setClipIndex: (y) => g((c) => c.playbackKind === "fake" || y < 0 || y >= c.clips.length ? c : { currentClip: y, currentTimeMs: 0 }),
       // 조회
       getClipSrc: (y) => {
         const c = b();
@@ -6262,8 +6265,8 @@ function pu(e) {
         c && b().setClipAndMs(c.clipIndex, c.timeMs);
       },
       // <audio> 이벤트 (real 전용)
-      _onTime: (y) => h({ currentTimeMs: y, status: "playing", scrollLock: !0 }),
-      _onEnded: () => h((y) => {
+      _onTime: (y) => g({ currentTimeMs: y, status: "playing", scrollLock: !0 }),
+      _onEnded: () => g((y) => {
         if (y.playbackKind === "fake")
           return { status: "ended", scrollLock: !1 };
         const c = Math.max(0, y.clips.length - 1);
@@ -6274,9 +6277,9 @@ function pu(e) {
           scrollLock: !0
         };
       }),
-      _onError: () => h({ status: "error", scrollLock: !1 }),
+      _onError: () => g({ status: "error", scrollLock: !1 }),
       // 재생 모드용: 상태만 변경 (실제 재생 안함, emit도 안함)
-      _setStatusOnly: (y) => h({ status: y })
+      _setStatusOnly: (y) => g({ status: y })
     }))
   );
 }
@@ -6319,17 +6322,17 @@ function bu(e) {
   return e.forEach((d, v) => {
     var c;
     if (d.type !== "paragraph") return;
-    const g = n[v] ?? 0, h = d.runs ?? [];
-    for (let f = 0; f < h.length; f++) {
-      const p = ((c = h[f]) == null ? void 0 : c.text) || "";
-      br(p) && (i[g + f] = 1);
+    const h = n[v] ?? 0, g = d.runs ?? [];
+    for (let f = 0; f < g.length; f++) {
+      const p = ((c = g[f]) == null ? void 0 : c.text) || "";
+      br(p) && (i[h + f] = 1);
     }
-    const y = la(h, g).map((f) => {
+    const y = la(g, h).map((f) => {
       var I;
-      const p = f.startG - g, x = f.endG - f.startG + 1;
+      const p = f.startG - h, x = f.endG - f.startG + 1;
       let C = -1;
       for (let E = 0; E < x; E++) {
-        const m = ((I = h[p + E]) == null ? void 0 : I.text) ?? "";
+        const m = ((I = g[p + E]) == null ? void 0 : I.text) ?? "";
         if (br(m)) {
           C = f.startG + E;
           break;
@@ -6371,10 +6374,10 @@ function vu(e) {
     onToggleShowGaze: l,
     handleAskCalibration: d,
     nav: v,
-    layout: g,
-    initialIndex: h,
+    layout: h,
+    initialIndex: g,
     mountTime: b
-  } = e, y = g.totalRuns ?? 0, c = typeof h == "number" ? h : y > 0 ? 0 : -1, f = c >= 0 ? mu(v.readableGi, c, y) : -1;
+  } = e, y = h.totalRuns ?? 0, c = typeof g == "number" ? g : y > 0 ? 0 : -1, f = c >= 0 ? mu(v.readableGi, c, y) : -1;
   return {
     section: t,
     sectionId: t.section_id,
@@ -6396,7 +6399,7 @@ function vu(e) {
     _loadingStartTime: b,
     _scrollApi: void 0,
     derivedNav: v,
-    layout: g,
+    layout: h,
     rangeStartGI: null,
     rangeEndGI: null,
     translateOpen: !1,
@@ -6420,8 +6423,8 @@ function Su(e) {
     showGaze: l,
     onToggleShowGaze: d,
     handleAskCalibration: v,
-    eventBridgeStore: g
-  } = e, h = t.ast.blocks, { nav: b, layout: y } = bu(h), c = Date.now(), f = vu({
+    eventBridgeStore: h
+  } = e, g = t.ast.blocks, { nav: b, layout: y } = bu(g), c = Date.now(), f = vu({
     section: t,
     onViewerClose: r,
     onSectionNav: o,
@@ -6437,8 +6440,8 @@ function Su(e) {
     initialIndex: n,
     mountTime: c
   });
-  return g && queueMicrotask(() => {
-    g.getState().emit({ type: "render_start", payload: { sectionId: t.section_id } }, c), g.getState().emit({ type: "loading_start", payload: {} }, c);
+  return h && queueMicrotask(() => {
+    h.getState().emit({ type: "render_start", payload: { sectionId: t.section_id } }, c), h.getState().emit({ type: "loading_start", payload: {} }, c);
   }), nn((p, x) => {
     const C = (F) => {
       p((D) => D.progress._scrollApi === F ? D : { progress: { ...D.progress, _scrollApi: F } });
@@ -6446,49 +6449,49 @@ function Su(e) {
       p((D) => {
         const V = D.progress;
         if (V.totalRuns === F) return D;
-        const O = V.currentGlobalRunIndex < 0 && F > 0;
+        const A = V.currentGlobalRunIndex < 0 && F > 0;
         return {
           progress: {
             ...V,
             totalRuns: F,
-            currentGlobalRunIndex: O ? 0 : V.currentGlobalRunIndex,
-            lastUpdateBy: O ? "program" : V.lastUpdateBy
+            currentGlobalRunIndex: A ? 0 : V.currentGlobalRunIndex,
+            lastUpdateBy: A ? "program" : V.lastUpdateBy
           }
         };
       });
     }, m = (F, D = "program") => {
-      const V = x().progress.currentGlobalRunIndex, O = x().progress, L = O.totalRuns > 0 ? Math.max(-1, Math.min(F, O.totalRuns - 1)) : F;
-      V === L && O.lastUpdateBy === D || (p((K) => ({
+      const V = x().progress.currentGlobalRunIndex, A = x().progress, L = A.totalRuns > 0 ? Math.max(-1, Math.min(F, A.totalRuns - 1)) : F;
+      V === L && A.lastUpdateBy === D || (p((K) => ({
         progress: {
           ...K.progress,
           currentGlobalRunIndex: L,
           lastUpdateBy: D
         }
-      })), V !== L && g && g.getState().emit({
+      })), V !== L && h && h.getState().emit({
         type: "global_index_change",
         payload: { globalIndex: L }
       }));
     }, S = (F) => {
       const { sectionLoading: D, _loadingStartTime: V } = x().progress;
       if (D === F) return;
-      const O = Date.now();
+      const A = Date.now();
       if (F)
         p((L) => ({
           progress: {
             ...L.progress,
             sectionLoading: !0,
-            _loadingStartTime: O
+            _loadingStartTime: A
           }
-        })), g && g.getState().emit({ type: "loading_start", payload: {} });
+        })), h && h.getState().emit({ type: "loading_start", payload: {} });
       else {
-        const K = (V ? O - V : 0) / 1e3;
+        const K = (V ? A - V : 0) / 1e3;
         p((H) => ({
           progress: {
             ...H.progress,
             sectionLoading: !1,
             _loadingStartTime: null
           }
-        })), g && g.getState().emit({ type: "loading_end", payload: { duration: K } });
+        })), h && h.getState().emit({ type: "loading_end", payload: { duration: K } });
       }
     }, T = (F) => {
       p((D) => ({
@@ -6499,40 +6502,40 @@ function Su(e) {
         progress: { ...D.progress, totalPages: F }
       }));
     }, R = (F, D) => {
-      const O = x().progress.rangeStartGI == null;
+      const A = x().progress.rangeStartGI == null;
       if (p((L) => ({
         progress: {
           ...L.progress,
           rangeStartGI: Math.min(F, D),
           rangeEndGI: Math.max(F, D)
         }
-      })), g) {
+      })), h) {
         const L = M();
-        g.getState().emit({
-          type: O ? "range_select" : "range_change",
+        h.getState().emit({
+          type: A ? "range_select" : "range_change",
           payload: { startGI: Math.min(F, D), endGI: Math.max(F, D), text: L }
         });
       }
-    }, A = () => {
+    }, O = () => {
       p((F) => ({
         progress: {
           ...F.progress,
           rangeStartGI: null,
           rangeEndGI: null
         }
-      })), g && g.getState().emit({ type: "range_clear", payload: {} });
+      })), h && h.getState().emit({ type: "range_clear", payload: {} });
     }, B = (F) => {
       const { rangeStartGI: D, rangeEndGI: V } = x().progress;
-      D == null || V == null || (F < D ? p((O) => ({
-        progress: { ...O.progress, rangeStartGI: F }
-      })) : F > V ? p((O) => ({
-        progress: { ...O.progress, rangeEndGI: F }
-      })) : A());
+      D == null || V == null || (F < D ? p((A) => ({
+        progress: { ...A.progress, rangeStartGI: F }
+      })) : F > V ? p((A) => ({
+        progress: { ...A.progress, rangeEndGI: F }
+      })) : O());
     }, M = () => {
       var re;
-      const { rangeStartGI: F, rangeEndGI: D, section: V, layout: O } = x().progress;
-      if (F == null || D == null || !O) return "";
-      const L = ((re = V.ast) == null ? void 0 : re.blocks) ?? [], K = O.prefix, H = [];
+      const { rangeStartGI: F, rangeEndGI: D, section: V, layout: A } = x().progress;
+      if (F == null || D == null || !A) return "";
+      const L = ((re = V.ast) == null ? void 0 : re.blocks) ?? [], K = A.prefix, H = [];
       for (let q = 0; q < L.length; q++) {
         const J = L[q];
         if (J.type !== "paragraph") continue;
@@ -6568,19 +6571,19 @@ function Su(e) {
         }
       }));
     }, _ = (F) => {
-      const { totalRuns: D, derivedNav: V } = x().progress, O = V == null ? void 0 : V.readableGi;
-      if (!O || D <= 0) return F;
+      const { totalRuns: D, derivedNav: V } = x().progress, A = V == null ? void 0 : V.readableGi;
+      if (!A || D <= 0) return F;
       const L = D, K = Math.max(0, Math.min(F, L - 1));
-      if (O[K]) return K;
+      if (A[K]) return K;
       let H = K - 1, re = K + 1;
       for (; H >= 0 || re < L; ) {
-        if (re < L && O[re]) return re;
-        if (H >= 0 && O[H]) return H;
+        if (re < L && A[re]) return re;
+        if (H >= 0 && A[H]) return H;
         re += 1, H -= 1;
       }
       return K;
     }, z = (F, D) => {
-      const { totalRuns: V, derivedNav: O } = x().progress, L = O == null ? void 0 : O.readableGi;
+      const { totalRuns: V, derivedNav: A } = x().progress, L = A == null ? void 0 : A.readableGi;
       if (!L || V <= 0) return null;
       if (D > 0) {
         for (let K = Math.min(Math.max(F, 0), V - 1); K < V; K += 1)
@@ -6590,12 +6593,12 @@ function Su(e) {
           if (L[K]) return K;
       return null;
     }, Q = (F) => {
-      const { totalRuns: D, derivedNav: V } = x().progress, O = V == null ? void 0 : V.readableGi;
-      if (!O || D <= 0) return null;
+      const { totalRuns: D, derivedNav: V } = x().progress, A = V == null ? void 0 : V.readableGi;
+      if (!A || D <= 0) return null;
       if (F > 0) {
-        for (let L = D - 1; L >= 0; L -= 1) if (O[L]) return L;
+        for (let L = D - 1; L >= 0; L -= 1) if (A[L]) return L;
       } else
-        for (let L = 0; L < D; L += 1) if (O[L]) return L;
+        for (let L = 0; L < D; L += 1) if (A[L]) return L;
       return null;
     };
     return {
@@ -6613,7 +6616,7 @@ function Su(e) {
         clearTranslate: N,
         // Range Selection API
         setRange: R,
-        clearRange: A,
+        clearRange: O,
         extendRange: B,
         getRangeText: M,
         // 네비 API
@@ -6622,9 +6625,9 @@ function Su(e) {
         edgeReadable: Q,
         hasReadableInDir: (F, D) => z(F + (D > 0 ? 1 : -1), D) != null,
         computeStepTarget: (F, D) => {
-          const { totalRuns: V, derivedNav: O } = x().progress;
+          const { totalRuns: V, derivedNav: A } = x().progress;
           if (!V || V <= 0) return F;
-          const L = (O == null ? void 0 : O.groups) ?? [], K = O == null ? void 0 : O.giToGroupIdx;
+          const L = (A == null ? void 0 : A.groups) ?? [], K = A == null ? void 0 : A.giToGroupIdx;
           if (!L.length || !K) {
             const ee = V - 1;
             return _(Math.max(0, Math.min(F + D, ee)));
@@ -6656,8 +6659,8 @@ function Su(e) {
         percentToGITotal: (F) => {
           const D = x().progress.totalRuns;
           if (!D || D <= 1) return 0;
-          const V = Math.max(0, Math.min(F, 100)), O = Math.round(V / 100 * (D - 1));
-          return Math.max(0, Math.min(O, D - 1));
+          const V = Math.max(0, Math.min(F, 100)), A = Math.round(V / 100 * (D - 1));
+          return Math.max(0, Math.min(A, D - 1));
         }
       }
     };
@@ -6717,20 +6720,20 @@ const wu = ({
   }), v = $((p) => {
     var x;
     return ((x = p.derivedNav) == null ? void 0 : x.splitGroupsPerBlock) ?? [];
-  }), g = e[t], h = ye(() => {
+  }), h = e[t], g = ye(() => {
     const p = [];
     return o.forEach((x, C) => {
       (x.type === "paragraph" || x.type === "image") && p.push(C);
     }), p;
   }, [o]), b = ye(() => {
-    if (!g) return [];
+    if (!h) return [];
     const p = [];
-    for (let x = g.startBlock; x <= g.endBlock; x++) {
-      const C = h[x];
+    for (let x = h.startBlock; x <= h.endBlock; x++) {
+      const C = g[x];
       C != null && p.push(C);
     }
     return p;
-  }, [g, h]), y = ye(() => {
+  }, [h, g]), y = ye(() => {
     const p = [];
     for (const x of b) {
       const C = o[x];
@@ -6738,11 +6741,11 @@ const wu = ({
     }
     return p;
   }, [b, o]), c = ye(() => {
-    const p = /* @__PURE__ */ new Map(), x = Ar();
+    const p = /* @__PURE__ */ new Map(), x = Or();
     return y.forEach((C, I) => {
       p.set(C.originalBlockIndex, {
         idx: I,
-        marker: Or(C.b, x)
+        marker: Ar(C.b, x)
       });
     }), p;
   }, [y]), f = (p, x, C) => {
@@ -6751,15 +6754,15 @@ const wu = ({
     for (const E of p) {
       const m = E.startG, S = E.endG;
       if (S < x || m > C) continue;
-      const T = Math.max(m, x), k = Math.min(S, C), R = T - m | 0, A = Math.max(0, k - T + 1);
-      if (A <= 0) continue;
+      const T = Math.max(m, x), k = Math.min(S, C), R = T - m | 0, O = Math.max(0, k - T + 1);
+      if (O <= 0) continue;
       const B = (E.r0 ?? 0) + R;
       I.push({
         ...E,
         startG: T,
         endG: k,
         r0: B,
-        len: A
+        len: O
       });
     }
     return I;
@@ -6811,7 +6814,7 @@ const wu = ({
                 height: "auto"
               }, S = `sec-${r.section_id}/blk-${C.id ?? p}`;
               if (C.type === "image") {
-                const { src: O, alt: L, width: K, height: H } = C, re = K && H ? `${K} / ${H}` : "4 / 3", q = l > 80 ? Math.floor((l - 80) * 0.6) : void 0;
+                const { src: A, alt: L, width: K, height: H } = C, re = K && H ? `${K} / ${H}` : "4 / 3", q = l > 80 ? Math.floor((l - 80) * 0.6) : void 0;
                 return /* @__PURE__ */ w("div", { style: m, children: /* @__PURE__ */ Z(
                   "div",
                   {
@@ -6833,7 +6836,7 @@ const wu = ({
                           children: /* @__PURE__ */ w(
                             "img",
                             {
-                              src: O,
+                              src: A,
                               alt: L || "",
                               loading: "eager",
                               style: {
@@ -6854,24 +6857,24 @@ const wu = ({
                   }
                 ) }, S);
               }
-              const T = C, k = c.get(p), R = k == null ? void 0 : k.marker, A = T.runs ?? [], B = A.length;
+              const T = C, k = c.get(p), R = k == null ? void 0 : k.marker, O = T.runs ?? [], B = O.length;
               let M = 0, P = Math.max(0, B - 1);
-              I && g.startOffsetInBlock != null && (M = Math.min(Math.max(0, g.startOffsetInBlock), P)), E && g.endOffsetInBlock != null && (P = Math.max(
+              I && h.startOffsetInBlock != null && (M = Math.min(Math.max(0, h.startOffsetInBlock), P)), E && h.endOffsetInBlock != null && (P = Math.max(
                 M,
-                Math.min(g.endOffsetInBlock, P)
+                Math.min(h.endOffsetInBlock, P)
               ));
               const N = M > 0, _ = d[p] ?? 0, z = v[p] ?? [], Q = _ + M, se = _ + P;
               let le = f(z, Q, se);
               const ce = _ + M;
-              le = le.map((O) => {
-                const L = Math.max(0, (O.startG ?? Q) - ce), K = O.len ?? Math.max(1, (O.endG ?? se) - (O.startG ?? Q) + 1);
+              le = le.map((A) => {
+                const L = Math.max(0, (A.startG ?? Q) - ce), K = A.len ?? Math.max(1, (A.endG ?? se) - (A.startG ?? Q) + 1);
                 return {
-                  ...O,
+                  ...A,
                   r0: L,
                   len: K
                 };
               });
-              const pe = M <= P ? A.slice(M, P + 1) : [], Ie = T.list ? T.list.level * 24 : 0, F = ((V = T.list) == null ? void 0 : V.kind) === "bullet" ? T.list.glyph ?? "•" : void 0, D = N ? void 0 : R ?? F;
+              const pe = M <= P ? O.slice(M, P + 1) : [], Ie = T.list ? T.list.level * 24 : 0, F = ((V = T.list) == null ? void 0 : V.kind) === "bullet" ? T.list.glyph ?? "•" : void 0, D = N ? void 0 : R ?? F;
               return /* @__PURE__ */ w("div", { style: m, children: /* @__PURE__ */ Z(
                 "p",
                 {
@@ -6898,7 +6901,7 @@ const wu = ({
                       }
                     ) : null,
                     /* @__PURE__ */ w(
-                      Oi,
+                      Ai,
                       {
                         preGroups: le,
                         runs: pe,
@@ -6928,12 +6931,12 @@ function Iu(e, t) {
       }));
     }, s = new ResizeObserver((a) => {
       if (o.current) return;
-      const l = a[0], { width: d, height: v } = l.contentRect, g = r.current;
-      if (!g) {
+      const l = a[0], { width: d, height: v } = l.contentRect, h = r.current;
+      if (!h) {
         r.current = { w: d, h: v };
         return;
       }
-      Math.abs(g.w - d) < gn && Math.abs(g.h - v) < gn || (r.current = { w: d, h: v }, i());
+      Math.abs(h.w - d) < gn && Math.abs(h.h - v) < gn || (r.current = { w: d, h: v }, i());
     });
     e.forEach((a) => {
       a.current && s.observe(a.current);
@@ -6967,9 +6970,9 @@ function Cu(e) {
     singleDelayMs: l = 250,
     doubleClickWindowMs: d = 300,
     onDragMove: v,
-    onDragEnd: g,
-    pageTransitionThreshold: h
-  } = e, b = h ?? u, y = 10, c = Xe.useRef({
+    onDragEnd: h,
+    pageTransitionThreshold: g
+  } = e, b = g ?? u, y = 10, c = Xe.useRef({
     // ── touch ──
     touchId: null,
     startX: 0,
@@ -7002,9 +7005,9 @@ function Cu(e) {
   ), x = Xe.useCallback(
     (M, P) => {
       const N = Math.abs(M) / Math.max(1, P);
-      Math.abs(M) >= b || N >= a ? M < 0 ? n() : t() : g == null || g();
+      Math.abs(M) >= b || N >= a ? M < 0 ? n() : t() : h == null || h();
     },
-    [b, a, n, t, g]
+    [b, a, n, t, h]
   ), C = Xe.useCallback(
     (M) => {
       if (M.touches.length !== 1) return;
@@ -7038,8 +7041,8 @@ function Cu(e) {
     },
     [x, p]
   ), m = Xe.useCallback(() => {
-    c.current.swiping && (g == null || g()), c.current.touchId = null, c.current.swiping = !1;
-  }, [g]), S = Xe.useCallback(
+    c.current.swiping && (h == null || h()), c.current.touchId = null, c.current.swiping = !1;
+  }, [h]), S = Xe.useCallback(
     (M) => {
       if (M.pointerType === "touch" || c.current.mouseDown) return;
       const P = s ?? i;
@@ -7084,12 +7087,12 @@ function Cu(e) {
     [x]
   ), R = Xe.useCallback(
     (M) => {
-      M.pointerType !== "touch" && (c.current.mouseSwiping && (g == null || g(), document.body.style.userSelect = c.current.prevUserSelect), c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null);
+      M.pointerType !== "touch" && (c.current.mouseSwiping && (h == null || h(), document.body.style.userSelect = c.current.prevUserSelect), c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null);
     },
-    [g]
-  ), A = Xe.useCallback(() => {
-    c.current.mouseSwiping && (g == null || g(), document.body.style.userSelect = c.current.prevUserSelect), c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null;
-  }, [g]), B = Xe.useCallback(
+    [h]
+  ), O = Xe.useCallback(() => {
+    c.current.mouseSwiping && (h == null || h(), document.body.style.userSelect = c.current.prevUserSelect), c.current.mouseDown = !1, c.current.mouseSwiping = !1, c.current.capturedEl = null;
+  }, [h]), B = Xe.useCallback(
     (M) => {
       if (c.current.suppressClick) {
         c.current.suppressClick = !1;
@@ -7115,7 +7118,7 @@ function Cu(e) {
     onPointerMove: T,
     onPointerUp: k,
     onPointerCancel: R,
-    onLostPointerCapture: A,
+    onLostPointerCapture: O,
     // click (mouse only)
     onClick: B
   };
@@ -7175,17 +7178,17 @@ function _u() {
   }
   return Yn = n, Yn;
 }
-var Zn, Ao;
+var Zn, Oo;
 function Vi() {
-  if (Ao) return Zn;
-  Ao = 1;
+  if (Oo) return Zn;
+  Oo = 1;
   var e = Wi(), t = e.Symbol;
   return Zn = t, Zn;
 }
-var Jn, Oo;
+var Jn, Ao;
 function Mu() {
-  if (Oo) return Jn;
-  Oo = 1;
+  if (Ao) return Jn;
+  Ao = 1;
   var e = Vi(), t = Object.prototype, n = t.hasOwnProperty, r = t.toString, o = e ? e.toStringTag : void 0;
   function i(s) {
     var u = n.call(s, o), a = s[o];
@@ -7220,7 +7223,7 @@ function zu() {
   return tr = s, tr;
 }
 var nr, Go;
-function Au() {
+function Ou() {
   if (Go) return nr;
   Go = 1;
   function e(t) {
@@ -7229,10 +7232,10 @@ function Au() {
   return nr = e, nr;
 }
 var rr, Lo;
-function Ou() {
+function Au() {
   if (Lo) return rr;
   Lo = 1;
-  var e = zu(), t = Au(), n = "[object Symbol]";
+  var e = zu(), t = Ou(), n = "[object Symbol]";
   function r(o) {
     return typeof o == "symbol" || t(o) && e(o) == n;
   }
@@ -7242,7 +7245,7 @@ var or, Ho;
 function Pu() {
   if (Ho) return or;
   Ho = 1;
-  var e = _u(), t = Di(), n = Ou(), r = NaN, o = /^[-+]0x[0-9a-f]+$/i, i = /^0b[01]+$/i, s = /^0o[0-7]+$/i, u = parseInt;
+  var e = _u(), t = Di(), n = Au(), r = NaN, o = /^[-+]0x[0-9a-f]+$/i, i = /^0b[01]+$/i, s = /^0o[0-7]+$/i, u = parseInt;
   function a(l) {
     if (typeof l == "number")
       return l;
@@ -7266,24 +7269,24 @@ function Bu() {
   No = 1;
   var e = Di(), t = ku(), n = Pu(), r = "Expected a function", o = Math.max, i = Math.min;
   function s(u, a, l) {
-    var d, v, g, h, b, y, c = 0, f = !1, p = !1, x = !0;
+    var d, v, h, g, b, y, c = 0, f = !1, p = !1, x = !0;
     if (typeof u != "function")
       throw new TypeError(r);
-    a = n(a) || 0, e(l) && (f = !!l.leading, p = "maxWait" in l, g = p ? o(n(l.maxWait) || 0, a) : g, x = "trailing" in l ? !!l.trailing : x);
+    a = n(a) || 0, e(l) && (f = !!l.leading, p = "maxWait" in l, h = p ? o(n(l.maxWait) || 0, a) : h, x = "trailing" in l ? !!l.trailing : x);
     function C(B) {
       var M = d, P = v;
-      return d = v = void 0, c = B, h = u.apply(P, M), h;
+      return d = v = void 0, c = B, g = u.apply(P, M), g;
     }
     function I(B) {
-      return c = B, b = setTimeout(S, a), f ? C(B) : h;
+      return c = B, b = setTimeout(S, a), f ? C(B) : g;
     }
     function E(B) {
       var M = B - y, P = B - c, N = a - M;
-      return p ? i(N, g - P) : N;
+      return p ? i(N, h - P) : N;
     }
     function m(B) {
       var M = B - y, P = B - c;
-      return y === void 0 || M >= a || M < 0 || p && P >= g;
+      return y === void 0 || M >= a || M < 0 || p && P >= h;
     }
     function S() {
       var B = t();
@@ -7292,15 +7295,15 @@ function Bu() {
       b = setTimeout(S, E(B));
     }
     function T(B) {
-      return b = void 0, x && d ? C(B) : (d = v = void 0, h);
+      return b = void 0, x && d ? C(B) : (d = v = void 0, g);
     }
     function k() {
       b !== void 0 && clearTimeout(b), c = 0, d = y = v = b = void 0;
     }
     function R() {
-      return b === void 0 ? h : T(t());
+      return b === void 0 ? g : T(t());
     }
-    function A() {
+    function O() {
       var B = t(), M = m(B);
       if (d = arguments, v = this, y = B, M) {
         if (b === void 0)
@@ -7308,9 +7311,9 @@ function Bu() {
         if (p)
           return clearTimeout(b), b = setTimeout(S, a), C(y);
       }
-      return b === void 0 && (b = setTimeout(S, a)), h;
+      return b === void 0 && (b = setTimeout(S, a)), g;
     }
-    return A.cancel = k, A.flush = R, A;
+    return O.cancel = k, O.flush = R, O;
   }
   return ir = s, ir;
 }
@@ -7394,8 +7397,8 @@ async function Vu({
   showSplit: l,
   breakGapPx: d = 0,
   showSlash: v,
-  paragraphMarkers: g,
-  playbackScale: h = 1,
+  paragraphMarkers: h,
+  playbackScale: g = 1,
   viewportHeight: b = 0,
   instanceId: y = "default"
 }) {
@@ -7411,13 +7414,13 @@ async function Vu({
   }
   rt(c, y);
   try {
-    const C = Math.abs(h - 1) > 1e-3, I = 1 / h;
+    const C = Math.abs(g - 1) > 1e-3, I = 1 / g;
     C && (t.style.transform = `scale(${I})`, t.style.transformOrigin = "top left");
     const E = Math.max(0, e.offsetWidth || 0), m = Math.max(0, Math.min(E, o));
     t.style.maxWidth = `${m}px`, rt(c, y);
     let S = Math.round(n.offsetHeight || 0);
     S || (S = Math.max(0, n.clientHeight | 0));
-    const T = 1.5, k = (H, re) => re + H <= S - T, R = getComputedStyle(e), A = {
+    const T = 1.5, k = (H, re) => re + H <= S - T, R = getComputedStyle(e), O = {
       letterSpacing: R.letterSpacing,
       wordSpacing: R.wordSpacing,
       fontKerning: R.fontKerning || "normal",
@@ -7428,7 +7431,7 @@ async function Vu({
       overflowWrap: R.overflowWrap || R.wordWrap || "break-word",
       hyphens: R.hyphens || "manual"
     }, B = (H) => {
-      H.style.letterSpacing = A.letterSpacing || "", H.style.wordSpacing = A.wordSpacing || "", H.style.fontKerning = A.fontKerning || "", H.style.fontVariantLigatures = A.fontVariantLigatures || "", H.style.textTransform = A.textTransform || "", H.style.direction = A.direction || "", H.style.wordBreak = A.wordBreak || "", H.style.wordWrap = A.overflowWrap || "", H.style.overflowWrap = A.overflowWrap || "", H.style.hyphens = A.hyphens || "";
+      H.style.letterSpacing = O.letterSpacing || "", H.style.wordSpacing = O.wordSpacing || "", H.style.fontKerning = O.fontKerning || "", H.style.fontVariantLigatures = O.fontVariantLigatures || "", H.style.textTransform = O.textTransform || "", H.style.direction = O.direction || "", H.style.wordBreak = O.wordBreak || "", H.style.wordWrap = O.overflowWrap || "", H.style.overflowWrap = O.overflowWrap || "", H.style.hyphens = O.hyphens || "";
     }, M = m, P = Math.max(0, M - 2 * (i || 0));
     n.innerHTML = "";
     const N = document.createElement("div");
@@ -7449,8 +7452,8 @@ async function Vu({
           ve.style.display = "inline-block", ve.style.width = `${Ce}px`;
           const _e = document.createElement("span");
           if (_e.style.display = "inline-block", _e.style.width = `${Ce}px`, fe.appendChild(ve), v) {
-            const Ae = document.createElement("span");
-            Ae.textContent = " / ", fe.appendChild(Ae);
+            const Oe = document.createElement("span");
+            Oe.textContent = " / ", fe.appendChild(Oe);
           }
           fe.appendChild(_e);
         }
@@ -7473,29 +7476,29 @@ async function Vu({
       rt(c, y);
       const re = r[H];
       if (_.dataset.block = String(H), _.innerHTML = "", re.kind === "image") {
-        const _e = re.block, Ae = Ie(_e);
-        _.appendChild(Ae);
-        const Ne = Ae.getBoundingClientRect(), { mt: Ge, mb: Ve } = lr(Ae);
+        const _e = re.block, Oe = Ie(_e);
+        _.appendChild(Oe);
+        const Ne = Oe.getBoundingClientRect(), { mt: Ge, mb: Ve } = lr(Oe);
         Q[H] = { contentH: Math.ceil(Ne.height), mt: Ge, mb: Ve }, await se(24);
         continue;
       }
-      const q = re.block, J = q.list ? (q.list.level ?? 0) * 24 : 0, ne = re.paraIndex ?? 0, ee = g[ne] ?? (((f = q.list) == null ? void 0 : f.kind) === "bullet" ? ((p = q.list) == null ? void 0 : p.glyph) ?? "•" : void 0);
+      const q = re.block, J = q.list ? (q.list.level ?? 0) * 24 : 0, ne = re.paraIndex ?? 0, ee = h[ne] ?? (((f = q.list) == null ? void 0 : f.kind) === "bullet" ? ((p = q.list) == null ? void 0 : p.glyph) ?? "•" : void 0);
       if (!!(q.list && ee)) {
         const _e = le(q, J);
         _e.dataset.variant = "with";
-        const Ae = le(q, J);
-        Ae.dataset.variant = "no";
+        const Oe = le(q, J);
+        Oe.dataset.variant = "no";
         const Ne = document.createElement("span");
-        Ne.textContent = `${ee} `, Ne.style.minWidth = "16px", Ne.style.display = "inline-block", Ne.style.whiteSpace = "nowrap", Ne.style.userSelect = "none", _e.appendChild(Ne), ce(_e, q.runs), ce(Ae, q.runs);
+        Ne.textContent = `${ee} `, Ne.style.minWidth = "16px", Ne.style.display = "inline-block", Ne.style.whiteSpace = "nowrap", Ne.style.userSelect = "none", _e.appendChild(Ne), ce(_e, q.runs), ce(Oe, q.runs);
         const Ge = document.createDocumentFragment();
-        Ge.appendChild(_e), Ge.appendChild(Ae), _.appendChild(Ge);
+        Ge.appendChild(_e), Ge.appendChild(Oe), _.appendChild(Ge);
       } else {
         const _e = le(q, J);
         _e.dataset.variant = "with", ce(_e, q.runs), _.appendChild(_e);
       }
       const ae = _.querySelector('p[data-variant="with"]'), Ce = _.querySelector('p[data-variant="no"]'), ve = Ce ?? ae;
       if (ae && ve) {
-        const _e = Fo(ae), Ae = Fo(ve), { mt: Ne, mb: Ge } = lr(ae), { mt: Ve, mb: ct } = lr(ve), Ze = ((x = q.runs) == null ? void 0 : x.length) ?? 0, Le = Ce ? Ae : _e, st = Ce ? Ve : Ne, nt = Ce ? ct : Ge;
+        const _e = Fo(ae), Oe = Fo(ve), { mt: Ne, mb: Ge } = lr(ae), { mt: Ve, mb: ct } = lr(ve), Ze = ((x = q.runs) == null ? void 0 : x.length) ?? 0, Le = Ce ? Oe : _e, st = Ce ? Ve : Ne, nt = Ce ? ct : Ge;
         z.set(H, {
           runsLen: Ze,
           lastBottomWith: _e,
@@ -7514,18 +7517,18 @@ async function Vu({
       const ne = J ? H.lastBottomNo : H.lastBottomWith, ee = J ? H.mtNo : H.mtWith, fe = J ? H.mbNo : H.mbWith, ae = J ? 0 : ee, Ce = re > 0 ? ne[re - 1] ?? 0 : 0, ve = Math.max(0, (ne[q] ?? 0) - Ce);
       return { top: ae, content: ve, mb: fe };
     }, D = [];
-    let V = 0, O, L = null, K = null;
+    let V = 0, A, L = null, K = null;
     for (; V < r.length; ) {
       rt(c, y);
       const H = V;
-      let re = 0, q = 0, J = O;
+      let re = 0, q = 0, J = A;
       J != null && L === V && K != null && (J = Math.max(J, K + 1));
       let ne = -1, ee;
       for (; V < r.length; ) {
         if (rt(c, y), r[V].kind === "image") {
           const Le = Q[V] ?? { contentH: 0, mt: 0, mb: 0 }, nt = (re === 0 ? Le.mt : q + Le.mt) + Le.contentH;
           if (k(nt, re)) {
-            re += nt, ne = V, ee = void 0, q = Le.mb, V += 1, O = void 0, L = null, K = null;
+            re += nt, ne = V, ee = void 0, q = Le.mb, V += 1, A = void 0, L = null, K = null;
             continue;
           }
           if (re === 0) {
@@ -7534,19 +7537,19 @@ async function Vu({
               endBlock: V,
               ...J != null ? { startOffsetInBlock: J } : {}
               // 이미지에는 run 오프셋 개념이 없어 endOffsetInBlock 생략
-            }), V += 1, O = void 0, L = null, K = null, q = 0;
+            }), V += 1, A = void 0, L = null, K = null, q = 0;
             break;
           }
           break;
         }
         const ae = z.get(V), Ce = ae.runsLen, ve = V === H && J != null ? J : 0;
         if (ve >= Ce) {
-          V += 1, O = void 0, L = null, K = null;
+          V += 1, A = void 0, L = null, K = null;
           continue;
         }
-        const _e = ve > 0, Ae = F(ae, ve, Ce - 1, _e), Ge = (re === 0 ? Ae.top : q + Ae.top) + Ae.content;
+        const _e = ve > 0, Oe = F(ae, ve, Ce - 1, _e), Ge = (re === 0 ? Oe.top : q + Oe.top) + Oe.content;
         if (k(Ge, re)) {
-          re += Ge, ne = V, ee = Ce - 1, q = Ae.mb, V += 1, O = void 0, L = null, K = null;
+          re += Ge, ne = V, ee = Ce - 1, q = Oe.mb, V += 1, A = void 0, L = null, K = null;
           continue;
         }
         let Ve = ve, ct = Ce - 1, Ze = ve - 1;
@@ -7561,7 +7564,7 @@ async function Vu({
             endBlock: V,
             ...J != null ? { startOffsetInBlock: J } : {},
             endOffsetInBlock: Ze
-          }), O = Ze + 1, L = V, K = Ze, q = 0;
+          }), A = Ze + 1, L = V, K = Ze, q = 0;
           break;
         }
         if (re > 0) {
@@ -7579,7 +7582,7 @@ async function Vu({
             endBlock: V,
             ...J != null ? { startOffsetInBlock: J } : {},
             endOffsetInBlock: Le
-          }), O = Le + 1, L = V, K = Le, q = 0;
+          }), A = Le + 1, L = V, K = Le, q = 0;
           break;
         }
       }
@@ -7631,8 +7634,8 @@ function qu(e, t, n, r) {
       if (!l) continue;
       let d = 0, v = l - 1;
       u === s.startBlock && s.startOffsetInBlock != null && (d = Math.max(0, Math.min(s.startOffsetInBlock, v))), u === s.endBlock && s.endOffsetInBlock != null && (v = Math.max(d, Math.min(s.endOffsetInBlock, v)));
-      const g = r[a.originalIndex] ?? 0, h = g + d, b = g + v;
-      if (e >= h && e <= b) return i;
+      const h = r[a.originalIndex] ?? 0, g = h + d, b = h + v;
+      if (e >= g && e <= b) return i;
     }
   }
   return -1;
@@ -7655,21 +7658,21 @@ function Ku() {
   me(() => r.subscribe((U) => {
     o.current = U.progress.rangeStartGI != null && U.progress.rangeEndGI != null;
   }), [r]);
-  const i = o.current, s = Tt(), u = X((U) => U.theme), a = vn[u], l = X((U) => U.fontFamily), d = X((U) => U.fontSizePx), v = X((U) => U.lineHeight), g = X((U) => U.marginX), h = X((U) => U.viewportHeight), b = 860, y = oe(null), { items: c } = ye(() => {
+  const i = o.current, s = Tt(), u = X((U) => U.theme), a = vn[u], l = X((U) => U.fontFamily), d = X((U) => U.fontSizePx), v = X((U) => U.lineHeight), h = X((U) => U.marginX), g = X((U) => U.viewportHeight), b = 860, y = oe(null), { items: c } = ye(() => {
     var U;
     return $u(((U = t == null ? void 0 : t.ast) == null ? void 0 : U.blocks) ?? []);
   }, [t]), f = ye(() => {
-    const U = [], He = Ar();
+    const U = [], He = Or();
     return c.forEach((De) => {
       if (De.kind === "paragraph") {
         const mt = De.paraIndex;
-        U[mt] = Or(De.block, He);
+        U[mt] = Ar(De.block, He);
       }
     }), U;
   }, [c]), [p, x] = ft({
     pages: [],
     pageByRunIndex: null
-  }), C = $((U) => U.pageIndex), I = $((U) => U.setPageIndex), E = oe(0), m = oe(null), [S, T] = ft(!1), [k, R] = ft(null), [A, B] = ft(!1), M = ye(
+  }), C = $((U) => U.pageIndex), I = $((U) => U.setPageIndex), E = oe(0), m = oe(null), [S, T] = ft(!1), [k, R] = ft(null), [O, B] = ft(!1), M = ye(
     () => ({
       flex: 1,
       fontFamily: l,
@@ -7722,7 +7725,7 @@ function Ku() {
           contentArea: De,
           items: c,
           cfgMaxWidth: b,
-          marginX: g,
+          marginX: h,
           fontFamily: l,
           fontSizePx: d,
           lineHeight: v,
@@ -7731,7 +7734,7 @@ function Ku() {
           showSlash: _,
           paragraphMarkers: f,
           playbackScale: mt,
-          viewportHeight: h,
+          viewportHeight: g,
           instanceId: e
         }), Xd = performance.now();
         x({ pages: St, pageByRunIndex: bt }), I(0);
@@ -7744,7 +7747,7 @@ function Ku() {
     I,
     c,
     b,
-    g,
+    h,
     l,
     d,
     v,
@@ -7753,7 +7756,7 @@ function Ku() {
     _,
     f,
     s,
-    h,
+    g,
     e,
     z
   ]), se = $((U) => U.setCurrentGlobalRunIndex), le = $((U) => {
@@ -7786,7 +7789,7 @@ function Ku() {
   }, [S, pe]), D = kn(), V = te(() => {
     const { isSettingsOpen: U, setSettingsOpen: He, toggleOverlays: De } = D.getState();
     U ? He(!1) : De();
-  }, [D]), O = p.pages.length + 1, L = ((Br = y.current) == null ? void 0 : Br.clientWidth) || 400, K = te((U) => {
+  }, [D]), A = p.pages.length + 1, L = ((Br = y.current) == null ? void 0 : Br.clientWidth) || 400, K = te((U) => {
     var St;
     const He = m.current;
     if (!He) return;
@@ -7794,9 +7797,9 @@ function Ku() {
     He.style.transform = `translate3d(${-33.333 + mt}%, 0, 0)`;
   }, []), H = te(
     (U) => {
-      C === 0 && U > 0 || C >= O - 1 && U < 0 || (E.current = U, K(U), S || T(!0));
+      C === 0 && U > 0 || C >= A - 1 && U < 0 || (E.current = U, K(U), S || T(!0));
     },
-    [C, O, K, S]
+    [C, A, K, S]
   ), re = te(() => {
     E.current = 0, T(!1);
     const U = m.current;
@@ -7810,12 +7813,12 @@ function Ku() {
     [k, pe]
   );
   Mt(() => {
-    A && requestAnimationFrame(() => {
+    O && requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         B(!1);
       });
     });
-  }, [A]);
+  }, [O]);
   const J = xn(), ne = te(
     (U) => i || Uu(U) ? !0 : ju(U),
     [i]
@@ -7847,25 +7850,25 @@ function Ku() {
       maxWait: 1e3
     }),
     []
-  ), Ae = Hu(Q, 200, ve, _e), Ne = oe("");
+  ), Oe = Hu(Q, 200, ve, _e), Ne = oe("");
   me(() => {
-    if (h <= 0) return;
-    const U = `${l}|${d}|${v}|${g}|${P}|${N}|${_}|${h}|${t == null ? void 0 : t.section_id}`;
-    Ne.current !== U && (Ne.current = U, Ae.cancel(), ve(), Q());
+    if (g <= 0) return;
+    const U = `${l}|${d}|${v}|${h}|${P}|${N}|${_}|${g}|${t == null ? void 0 : t.section_id}`;
+    Ne.current !== U && (Ne.current = U, Oe.cancel(), ve(), Q());
   }, [
-    Ae,
+    Oe,
     Q,
     ve,
     l,
     d,
     v,
-    g,
+    h,
     P,
     N,
     _,
-    h,
+    g,
     t == null ? void 0 : t.section_id
-  ]), Iu([y], Ae);
+  ]), Iu([y], Oe);
   const Ge = $((U) => U.registerSectionScrollApi);
   me(() => (Ge({
     ensureVisibleGI: () => Promise.resolve(!0),
@@ -7878,7 +7881,7 @@ function Ku() {
     scrollToGIAtOffset: () => Promise.resolve(),
     stepPage: pe
   }), () => Ge(void 0)), [Ge, pe]);
-  const Ve = t.quizzes && t.quizzes.length > 0, ct = p.pages.length > 0 && C === p.pages.length, Ze = C > 0 ? C - 1 : null, Le = C < O - 1 ? C + 1 : null, st = ye(() => k === "prev" ? "translate3d(0%, 0, 0)" : k === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [k]), nt = (U) => n ? null : U === p.pages.length ? /* @__PURE__ */ Z(
+  const Ve = t.quizzes && t.quizzes.length > 0, ct = p.pages.length > 0 && C === p.pages.length, Ze = C > 0 ? C - 1 : null, Le = C < A - 1 ? C + 1 : null, st = ye(() => k === "prev" ? "translate3d(0%, 0, 0)" : k === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [k]), nt = (U) => n ? null : U === p.pages.length ? /* @__PURE__ */ Z(
     "div",
     {
       style: {
@@ -7906,7 +7909,7 @@ function Ku() {
     boxSizing: "border-box",
     backfaceVisibility: "hidden",
     WebkitBackfaceVisibility: "hidden"
-  }, An = !A && (!S || k !== null);
+  }, On = !O && (!S || k !== null);
   return /* @__PURE__ */ Z("div", { ref: y, style: { ...M, touchAction: "none" }, ...fe, children: [
     /* @__PURE__ */ Z(
       "div",
@@ -7917,7 +7920,7 @@ function Ku() {
           width: "300%",
           height: "100%",
           transform: st,
-          transition: An ? "transform 250ms ease-out" : "none",
+          transition: On ? "transform 250ms ease-out" : "none",
           willChange: "transform",
           boxSizing: "border-box",
           backfaceVisibility: "hidden",
@@ -8077,18 +8080,18 @@ function Md(e) {
   }), n.sort((r, o) => r - o);
 }
 const Ed = Dt(function() {
-  const t = Je((c) => c.phase), n = Je((c) => c.quizzes), r = Je((c) => c.order), o = Je((c) => c.currentIndex), i = Je((c) => c.answers), s = Je((c) => c.correctCount), u = Je((c) => c.remainingSec), a = Je((c) => c.uiReveal), l = Je((c) => c.startedAt), d = Je((c) => c.finishedAt), v = Je((c) => c.perQ), g = Gi();
+  const t = Je((c) => c.phase), n = Je((c) => c.quizzes), r = Je((c) => c.order), o = Je((c) => c.currentIndex), i = Je((c) => c.answers), s = Je((c) => c.correctCount), u = Je((c) => c.remainingSec), a = Je((c) => c.uiReveal), l = Je((c) => c.startedAt), d = Je((c) => c.finishedAt), v = Je((c) => c.perQ), h = Gi();
   me(() => {
     if (t === "idle" || t !== "doing" || u == null) return;
-    const c = window.setInterval(() => g.getState().tick(), 1e3);
+    const c = window.setInterval(() => h.getState().tick(), 1e3);
     return () => window.clearInterval(c);
-  }, [t, u, g]);
-  const h = t === "doing" ? n[r[o]] : void 0, b = t === "doing" && h ? i[h.qid] ?? [] : [], y = ye(() => {
+  }, [t, u, h]);
+  const g = t === "doing" ? n[r[o]] : void 0, b = t === "doing" && g ? i[g.qid] ?? [] : [], y = ye(() => {
     if (t === "idle" || t !== "finished") return;
     const c = r.map((_) => n[_]), f = c.length, p = c.reduce((_, z) => _ + (z.score ?? 0), 0), x = c.reduce((_, z) => {
       const Q = v[z.qid];
       return _ + (Q != null && Q.isCorrect ? z.score ?? 0 : 0);
-    }, 0), C = c.map((_) => v[_.qid]).filter((_) => !!_), I = typeof l == "number" && typeof d == "number" ? Math.max(0, d - l) : C.reduce((_, z) => _ + (z.ms ?? 0), 0), E = f > 0 ? Math.round(I / f) : 0, m = [...C].sort((_, z) => _.ms - z.ms), S = m[0], T = m[m.length - 1], k = C.filter((_) => !_.multi), R = C.filter((_) => _.multi), A = k.filter((_) => _.isCorrect).length, B = R.filter((_) => _.isCorrect).length, M = C.filter((_) => _.timedOut).length, P = C.filter((_) => _.revealed).length, N = C.filter((_) => !_.isCorrect).sort((_, z) => z.ms - _.ms).slice(0, 3);
+    }, 0), C = c.map((_) => v[_.qid]).filter((_) => !!_), I = typeof l == "number" && typeof d == "number" ? Math.max(0, d - l) : C.reduce((_, z) => _ + (z.ms ?? 0), 0), E = f > 0 ? Math.round(I / f) : 0, m = [...C].sort((_, z) => _.ms - z.ms), S = m[0], T = m[m.length - 1], k = C.filter((_) => !_.multi), R = C.filter((_) => _.multi), O = k.filter((_) => _.isCorrect).length, B = R.filter((_) => _.isCorrect).length, M = C.filter((_) => _.timedOut).length, P = C.filter((_) => _.revealed).length, N = C.filter((_) => !_.isCorrect).sort((_, z) => z.ms - _.ms).slice(0, 3);
     return {
       total: f,
       correct: s,
@@ -8099,44 +8102,44 @@ const Ed = Dt(function() {
       gainedScore: x,
       fastest: S,
       slowest: T,
-      singles: { total: k.length, correct: A },
+      singles: { total: k.length, correct: O },
       multis: { total: R.length, correct: B },
       timedOut: M,
       revealed: P,
       wrongTop3: N
     };
   }, [t, r, n, v, l, d, s]);
-  return t === "idle" ? null : /* @__PURE__ */ w("div", { className: he.Overlay, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ w("div", { className: he.Dialog, children: t === "doing" && h ? /* @__PURE__ */ w(
+  return t === "idle" ? null : /* @__PURE__ */ w("div", { className: he.Overlay, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ w("div", { className: he.Dialog, children: t === "doing" && g ? /* @__PURE__ */ w(
     zd,
     {
-      q: h,
+      q: g,
       index: o,
       total: r.length,
       selected: b,
       uiReveal: a,
       onSelect: (c) => {
         if (a) return;
-        const f = g.getState();
-        Ui(h) ? f.selectToggle(c) : f.selectSingle(c);
+        const f = h.getState();
+        Ui(g) ? f.selectToggle(c) : f.selectSingle(c);
       },
-      onBeforeNext: () => g.getState().setReveal(!0),
-      onNext: () => g.getState().afterRevealNext(),
+      onBeforeNext: () => h.getState().setReveal(!0),
+      onNext: () => h.getState().afterRevealNext(),
       remainingSec: u,
-      onClose: () => g.getState().close()
+      onClose: () => h.getState().close()
     }
   ) : /* @__PURE__ */ w(
-    Ad,
+    Od,
     {
       total: r.length,
       correct: s,
       summary: y,
-      retryAllowed: g.getState().retryAllowed,
-      onClose: () => g.getState().close(),
+      retryAllowed: h.getState().retryAllowed,
+      onClose: () => h.getState().close(),
       onRetry: () => {
-        const f = g.getState().quizzes;
+        const f = h.getState().quizzes;
         if (!f.length) return;
         const p = f[0];
-        g.setState({
+        h.setState({
           phase: "doing",
           currentIndex: 0,
           answers: {},
@@ -8164,14 +8167,14 @@ function zd(e) {
     onNext: a,
     remainingSec: l,
     onClose: d
-  } = e, v = Ui(t), g = ye(() => {
+  } = e, v = Ui(t), h = ye(() => {
     const c = t.options.map((f, p) => ({ opt: f, i: p }));
     for (let f = c.length - 1; f > 0; f--) {
       const p = Math.floor(Math.random() * (f + 1));
       [c[f], c[p]] = [c[p], c[f]];
     }
     return c;
-  }, [t.options]), h = ye(() => _d(t), [t]), b = ye(() => Md(t), [t]), y = ye(() => {
+  }, [t.options]), g = ye(() => _d(t), [t]), b = ye(() => Md(t), [t]), y = ye(() => {
     const c = [...o].sort((f, p) => f - p);
     if (c.length !== b.length) return !1;
     for (let f = 0; f < c.length; f++) if (c[f] !== b[f]) return !1;
@@ -8192,8 +8195,8 @@ function zd(e) {
         children: i ? y ? `Correct : +${t.score} point` : "Incorrect : 0 point" : "a"
       }
     ),
-    /* @__PURE__ */ w("div", { className: he.Image, children: h && /* @__PURE__ */ w("img", { src: h, alt: "" }) }),
-    /* @__PURE__ */ w("div", { className: he.Options, children: g.map(({ opt: c, i: f }) => {
+    /* @__PURE__ */ w("div", { className: he.Image, children: g && /* @__PURE__ */ w("img", { src: g, alt: "" }) }),
+    /* @__PURE__ */ w("div", { className: he.Options, children: h.map(({ opt: c, i: f }) => {
       const p = o.includes(f), x = b.includes(f), C = [
         he.OptionBtn,
         p ? he.OptionBtnActive : "",
@@ -8220,7 +8223,7 @@ function zd(e) {
 function Vo(e) {
   return e == null ? "-" : `${Math.round(e / 1e3)}s`;
 }
-function Ad(e) {
+function Od(e) {
   const { total: t, correct: n, summary: r, retryAllowed: o, onClose: i, onRetry: s } = e, u = (r == null ? void 0 : r.rate) ?? (t > 0 ? Math.round(n / t * 100) : 0);
   return /* @__PURE__ */ Z("div", { className: he.Body, children: [
     /* @__PURE__ */ w("div", { className: he.ResultHeader, children: "결과 요약" }),
@@ -8255,7 +8258,7 @@ function Ad(e) {
     ] })
   ] });
 }
-function Od(e) {
+function Ad(e) {
   return e.map((t, n) => n);
 }
 function Pd(e, t) {
@@ -8280,7 +8283,7 @@ function $o(e) {
   return {
     sectionId: e.section_id,
     quizzes: t,
-    order: Od(t),
+    order: Ad(t),
     currentIndex: 0,
     answers: {},
     correctCount: 0,
@@ -8325,25 +8328,25 @@ function Bd(e, t) {
       const d = a();
       if (!d.quizzes.length) return;
       if (!d.retryAllowed && d.previousResult) {
-        const g = {};
-        for (const h of d.previousResult.perQuestion)
-          g[h.qid] = {
-            qid: h.qid,
-            index: h.index,
-            question: h.question,
-            score: h.score,
-            multi: h.correctIdxes.length > 1,
-            selected: h.selected,
-            correctIdxes: h.correctIdxes,
-            isCorrect: h.isCorrect,
-            ms: h.ms,
+        const h = {};
+        for (const g of d.previousResult.perQuestion)
+          h[g.qid] = {
+            qid: g.qid,
+            index: g.index,
+            question: g.question,
+            score: g.score,
+            multi: g.correctIdxes.length > 1,
+            selected: g.selected,
+            correctIdxes: g.correctIdxes,
+            isCorrect: g.isCorrect,
+            ms: g.ms,
             revealed: !0,
-            timedOut: h.timedOut
+            timedOut: g.timedOut
           };
         u({
           phase: "finished",
           correctCount: d.previousResult.correct,
-          perQ: g,
+          perQ: h,
           startedAt: void 0,
           finishedAt: void 0
         });
@@ -8380,25 +8383,25 @@ function Bd(e, t) {
     selectToggle: (l) => {
       const d = a();
       if (d.phase !== "doing" || d.uiReveal) return;
-      const g = d.quizzes[d.order[d.currentIndex]].qid, h = d.answers[g] ?? [], b = h.includes(l) ? h.filter((y) => y !== l) : [...h, l].sort((y, c) => y - c);
-      u({ answers: { ...d.answers, [g]: b } });
+      const h = d.quizzes[d.order[d.currentIndex]].qid, g = d.answers[h] ?? [], b = g.includes(l) ? g.filter((y) => y !== l) : [...g, l].sort((y, c) => y - c);
+      u({ answers: { ...d.answers, [h]: b } });
     },
     selectSingle: (l) => {
       const d = a();
       if (d.phase !== "doing" || d.uiReveal) return;
-      const g = d.quizzes[d.order[d.currentIndex]].qid;
-      u({ answers: { ...d.answers, [g]: [l] } });
+      const h = d.quizzes[d.order[d.currentIndex]].qid;
+      u({ answers: { ...d.answers, [h]: [l] } });
     },
     submitCurrent: () => {
       const l = a();
       if (l.phase !== "doing") return;
-      const d = l.order[l.currentIndex], v = l.quizzes[d], g = v.qid, h = (l.answers[g] ?? []).slice().sort((x, C) => x - C), b = cr(v), y = Pd(h, b), c = l.questionStartedAt ? Date.now() - l.questionStartedAt : 0, f = l.perQ[g], p = {
-        qid: g,
+      const d = l.order[l.currentIndex], v = l.quizzes[d], h = v.qid, g = (l.answers[h] ?? []).slice().sort((x, C) => x - C), b = cr(v), y = Pd(g, b), c = l.questionStartedAt ? Date.now() - l.questionStartedAt : 0, f = l.perQ[h], p = {
+        qid: h,
         index: v.index,
         question: v.question,
         score: v.score ?? 0,
         multi: ar(v),
-        selected: h,
+        selected: g,
         correctIdxes: b,
         isCorrect: y,
         ms: c,
@@ -8407,7 +8410,7 @@ function Bd(e, t) {
       };
       if (u({
         correctCount: l.correctCount + (y ? 1 : 0),
-        perQ: { ...l.perQ, [g]: p }
+        perQ: { ...l.perQ, [h]: p }
       }), l.currentIndex + 1 >= l.order.length)
         u({ uiReveal: !1, remainingSec: void 0 }), a().finish();
       else {
@@ -8424,20 +8427,20 @@ function Bd(e, t) {
       const d = a();
       if (d.phase === "doing") {
         if (l) {
-          const v = d.quizzes[d.order[d.currentIndex]], g = v.qid, h = d.perQ[g], b = {
-            qid: g,
+          const v = d.quizzes[d.order[d.currentIndex]], h = v.qid, g = d.perQ[h], b = {
+            qid: h,
             index: v.index,
             question: v.question,
             score: v.score ?? 0,
             multi: ar(v),
-            selected: (h == null ? void 0 : h.selected) ?? [],
-            correctIdxes: (h == null ? void 0 : h.correctIdxes) ?? cr(v),
-            isCorrect: (h == null ? void 0 : h.isCorrect) ?? !1,
-            ms: (h == null ? void 0 : h.ms) ?? 0,
+            selected: (g == null ? void 0 : g.selected) ?? [],
+            correctIdxes: (g == null ? void 0 : g.correctIdxes) ?? cr(v),
+            isCorrect: (g == null ? void 0 : g.isCorrect) ?? !1,
+            ms: (g == null ? void 0 : g.ms) ?? 0,
             revealed: !0,
-            timedOut: (h == null ? void 0 : h.timedOut) ?? !1
+            timedOut: (g == null ? void 0 : g.timedOut) ?? !1
           };
-          u({ perQ: { ...d.perQ, [g]: b } });
+          u({ perQ: { ...d.perQ, [h]: b } });
         }
         u({ uiReveal: l });
       }
@@ -8480,23 +8483,23 @@ function Bd(e, t) {
       if (l.phase !== "doing" || l.remainingSec == null) return;
       const d = l.remainingSec - 1;
       if (d <= 0) {
-        const v = l.quizzes[l.order[l.currentIndex]], g = v.qid, h = l.perQ[g], b = {
-          qid: g,
+        const v = l.quizzes[l.order[l.currentIndex]], h = v.qid, g = l.perQ[h], b = {
+          qid: h,
           index: v.index,
           question: v.question,
           score: v.score ?? 0,
           multi: ar(v),
-          selected: (h == null ? void 0 : h.selected) ?? [],
-          correctIdxes: (h == null ? void 0 : h.correctIdxes) ?? cr(v),
-          isCorrect: (h == null ? void 0 : h.isCorrect) ?? !1,
-          ms: (h == null ? void 0 : h.ms) ?? 0,
+          selected: (g == null ? void 0 : g.selected) ?? [],
+          correctIdxes: (g == null ? void 0 : g.correctIdxes) ?? cr(v),
+          isCorrect: (g == null ? void 0 : g.isCorrect) ?? !1,
+          ms: (g == null ? void 0 : g.ms) ?? 0,
           revealed: !0,
           timedOut: !0
         };
         u({
           remainingSec: 0,
           uiReveal: !0,
-          perQ: { ...l.perQ, [g]: b }
+          perQ: { ...l.perQ, [h]: b }
         });
       } else
         u({ remainingSec: d });
@@ -8521,14 +8524,14 @@ function Gd({ children: e, initialState: t }) {
       if (u.phase !== "doing" && s.phase === "doing" && ((a = r.current) == null || a.call(r)), u.phase !== "finished" && s.phase === "finished") {
         const l = o.current;
         if (!l || !s.retryAllowed && s.previousResult && !s.startedAt) return;
-        const { sectionId: d, quizzes: v, order: g, perQ: h, startedAt: b, finishedAt: y } = s, c = g.map((S) => v[S]), f = c.length, p = c.filter((S) => {
+        const { sectionId: d, quizzes: v, order: h, perQ: g, startedAt: b, finishedAt: y } = s, c = h.map((S) => v[S]), f = c.length, p = c.filter((S) => {
           var T;
-          return (T = h[S.qid]) == null ? void 0 : T.isCorrect;
+          return (T = g[S.qid]) == null ? void 0 : T.isCorrect;
         }).length, x = c.reduce((S, T) => S + (T.score ?? 0), 0), C = c.reduce((S, T) => {
-          const k = h[T.qid];
+          const k = g[T.qid];
           return S + (k != null && k.isCorrect ? T.score ?? 0 : 0);
         }, 0), I = typeof b == "number" && typeof y == "number" ? Math.max(0, y - b) : 0, E = c.map((S) => {
-          const T = h[S.qid];
+          const T = g[S.qid];
           return {
             qid: S.qid,
             index: S.index,
@@ -8621,28 +8624,30 @@ function Hd() {
       const { viewerState: l } = a;
       if (l) {
         l.mode && t.getState().setMode(l.mode);
-        const { ...g } = l;
-        t.setState(g);
+        const { mode: h, ...g } = l, b = t.getState(), y = {};
+        for (const [c, f] of Object.entries(g))
+          b[c] !== f && (y[c] = f);
+        Object.keys(y).length > 0 && t.setState(y);
       }
       if (typeof a.globalIndex == "number" && n.getState().progress.setCurrentGlobalRunIndex(a.globalIndex, "playback"), (l == null ? void 0 : l.mode) === "scroll" || !(l != null && l.mode)) {
-        const g = () => {
-          const h = n.getState().progress.getSectionScrollApi();
-          if (!h) return !1;
+        const h = () => {
+          const g = n.getState().progress.getSectionScrollApi();
+          if (!g) return !1;
           if (a.scrollY === 0)
-            h.setScrollTop(0);
-          else if (h.scrollToGIAtOffset) {
+            g.setScrollTop(0);
+          else if (g.scrollToGIAtOffset) {
             const b = a.anchorGI ?? a.globalIndex;
             if (typeof b == "number") {
               const y = a.anchorOffsetRatio ?? 0;
-              h.scrollToGIAtOffset(b, y);
+              g.scrollToGIAtOffset(b, y);
             }
           }
           return !0;
         };
-        if (!g()) {
-          let h = 0;
+        if (!h()) {
+          let g = 0;
           const b = setInterval(() => {
-            (g() || ++h >= 10) && clearInterval(b);
+            (h() || ++g >= 10) && clearInterval(b);
           }, 50);
         }
       }
@@ -8660,7 +8665,7 @@ function Hd() {
     [t, n, o]
   ), s = te(() => {
     var I, E, m, S;
-    const a = t.getState(), l = n.getState().progress, d = (I = l.getSectionScrollApi) == null ? void 0 : I.call(l), v = l.currentGlobalRunIndex ?? 0, g = ((E = d == null ? void 0 : d.getScrollTop) == null ? void 0 : E.call(d)) ?? 0, h = ((m = d == null ? void 0 : d.getAnchorOffsetRatio) == null ? void 0 : m.call(d, v)) ?? 0, b = o == null ? void 0 : o.getState(), y = b ? {
+    const a = t.getState(), l = n.getState().progress, d = (I = l.getSectionScrollApi) == null ? void 0 : I.call(l), v = l.currentGlobalRunIndex ?? 0, h = ((E = d == null ? void 0 : d.getScrollTop) == null ? void 0 : E.call(d)) ?? 0, g = ((m = d == null ? void 0 : d.getAnchorOffsetRatio) == null ? void 0 : m.call(d, v)) ?? 0, b = o == null ? void 0 : o.getState(), y = b ? {
       status: b.status,
       currentClip: b.currentClip,
       currentTimeMs: b.currentTimeMs
@@ -8696,10 +8701,10 @@ function Hd() {
         viewportHeight: a.viewportHeight
       },
       globalIndex: v,
-      scrollY: g,
+      scrollY: h,
       scrollRatio: x,
       anchorGI: v,
-      anchorOffsetRatio: h,
+      anchorOffsetRatio: g,
       currentPage: l.pageIndex ?? 0,
       totalPages: l.totalPages,
       sectionId: l.sectionId ?? "",
@@ -8719,9 +8724,9 @@ function Hd() {
         }
         case "scroll": {
           if (t.getState().mode === "page") break;
-          const { scrollTop: d, anchorGI: v, anchorOffsetRatio: g } = a.payload, h = n.getState().progress.getSectionScrollApi();
-          if (!h) break;
-          d === 0 ? h.setScrollTop(0) : h.scrollToGIAtOffset && typeof v == "number" && h.scrollToGIAtOffset(v, g);
+          const { scrollTop: d, anchorGI: v, anchorOffsetRatio: h } = a.payload, g = n.getState().progress.getSectionScrollApi();
+          if (!g) break;
+          d === 0 ? g.setScrollTop(0) : g.scrollToGIAtOffset && typeof v == "number" && g.scrollToGIAtOffset(v, h);
           break;
         }
         case "settings_change": {
@@ -8851,14 +8856,14 @@ function Fd({
     const d = e.current;
     if (!d) return;
     let v;
-    const g = requestAnimationFrame(() => {
+    const h = requestAnimationFrame(() => {
       v = requestAnimationFrame(() => {
-        const h = Nd(d);
-        l.setState({ wordAvgDistancePx: h });
+        const g = Nd(d);
+        l.setState({ wordAvgDistancePx: g });
       });
     });
     return () => {
-      cancelAnimationFrame(g), cancelAnimationFrame(v);
+      cancelAnimationFrame(h), cancelAnimationFrame(v);
     };
   }, [
     e,
@@ -8877,26 +8882,26 @@ const Dd = ({
   containerRef: e,
   onTranslate: t
 }) => {
-  const n = $((g) => g.rangeStartGI), r = $((g) => g.rangeEndGI), o = $((g) => g.getRangeText), i = $((g) => g.clearRange), s = Tt(), u = n != null && r != null, [a, l] = ft(null);
+  const n = $((h) => h.rangeStartGI), r = $((h) => h.rangeEndGI), o = $((h) => h.getRangeText), i = $((h) => h.clearRange), s = Tt(), u = n != null && r != null, [a, l] = ft(null);
   me(() => {
     if (!u) return;
-    const g = e.current;
-    if (!g) return;
-    let h = !0;
+    const h = e.current;
+    if (!h) return;
+    let g = !0;
     const b = new ResizeObserver(() => {
-      if (h) {
-        h = !1;
+      if (g) {
+        g = !1;
         return;
       }
       i();
     });
-    return b.observe(g), () => b.disconnect();
+    return b.observe(h), () => b.disconnect();
   }, [u, i, e]), me(() => {
     if (!u || n == null || r == null) {
       l(null);
       return;
     }
-    const g = () => {
+    const h = () => {
       const c = e.current;
       if (!c) return;
       const f = c.getBoundingClientRect(), x = 1 / (s.getState().playbackScale || 1), C = c.querySelector(`[data-g="${r}"]`);
@@ -8907,33 +8912,33 @@ const Dd = ({
       const I = C.getBoundingClientRect(), E = c.querySelector(`[data-g="${n}"]`), m = E == null ? void 0 : E.getBoundingClientRect();
       let S = (I.left + I.width / 2 - f.left) * x;
       m && (S = ((m.left + I.right) / 2 - f.left) * x);
-      const T = 160, k = 50, R = 16, A = 12, B = f.width * x, M = Math.max(
+      const T = 160, k = 50, R = 16, O = 12, B = f.width * x, M = Math.max(
         R + T / 2,
         Math.min(S, B - R - T / 2)
-      ), P = (((m == null ? void 0 : m.top) ?? I.top) - f.top) * x - k - A;
+      ), P = (((m == null ? void 0 : m.top) ?? I.top) - f.top) * x - k - O;
       let N = P;
-      P < R && (N = (I.bottom - f.top) * x + A), l({ x: M, y: N });
+      P < R && (N = (I.bottom - f.top) * x + O), l({ x: M, y: N });
     };
-    g();
-    const h = e.current;
+    h();
+    const g = e.current;
     let b = 0;
     const y = () => {
       b || (b = requestAnimationFrame(() => {
-        b = 0, g();
+        b = 0, h();
       }));
     };
-    return h && h.addEventListener("scroll", y, !0), () => {
-      b && cancelAnimationFrame(b), h && h.removeEventListener("scroll", y, !0);
+    return g && g.addEventListener("scroll", y, !0), () => {
+      b && cancelAnimationFrame(b), g && g.removeEventListener("scroll", y, !0);
     };
   }, [u, n, r, e, s]);
   const d = te(() => {
-    const g = o();
-    g && navigator.clipboard.writeText(g).catch((h) => {
-      console.error("복사 실패:", h);
+    const h = o();
+    h && navigator.clipboard.writeText(h).catch((g) => {
+      console.error("복사 실패:", g);
     }), i();
   }, [o, i]), v = te(() => {
-    const g = o();
-    g && t && t(g);
+    const h = o();
+    h && t && t(h);
   }, [o, t]);
   return !u || !a ? null : /* @__PURE__ */ Z(
     "div",
@@ -8998,8 +9003,8 @@ const Dd = ({
 }, $d = ({ containerRef: e }) => {
   const t = $((c) => c.rangeStartGI), n = $((c) => c.rangeEndGI), r = $((c) => c.setRange), o = Tt(), i = t != null && n != null, [s, u] = ft(null), [a, l] = ft(null), d = oe(null), v = oe({ startGI: t, endGI: n });
   v.current = { startGI: t, endGI: n };
-  const g = oe(r);
-  g.current = r, me(() => {
+  const h = oe(r);
+  h.current = r, me(() => {
     if (!i || t == null || n == null) {
       u(null), l(null);
       return;
@@ -9031,7 +9036,7 @@ const Dd = ({
       f && f.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
   }, [i, t, n, e, o]);
-  const h = te((c, f) => {
+  const g = te((c, f) => {
     var x;
     const p = document.elementsFromPoint(c, f);
     for (const C of p) {
@@ -9046,8 +9051,8 @@ const Dd = ({
       if (!d.current) return;
       const { startGI: x, endGI: C } = v.current;
       if (x == null || C == null) return;
-      const I = h(p.clientX, p.clientY);
-      I != null && (d.current === "start" ? I <= C ? g.current(I, C) : (g.current(C, I), d.current = "end") : I >= x ? g.current(x, I) : (g.current(I, x), d.current = "start"));
+      const I = g(p.clientX, p.clientY);
+      I != null && (d.current === "start" ? I <= C ? h.current(I, C) : (h.current(C, I), d.current = "end") : I >= x ? h.current(x, I) : (h.current(I, x), d.current = "start"));
     }, f = () => {
       d.current = null, setTimeout(() => {
         uo(!1);
@@ -9056,7 +9061,7 @@ const Dd = ({
     return document.addEventListener("pointermove", c), document.addEventListener("pointerup", f), document.addEventListener("pointercancel", f), () => {
       document.removeEventListener("pointermove", c), document.removeEventListener("pointerup", f), document.removeEventListener("pointercancel", f);
     };
-  }, [h]);
+  }, [g]);
   const b = te(
     (c) => (f) => {
       f.preventDefault(), f.stopPropagation(), d.current = c, uo(!0);
@@ -9096,7 +9101,7 @@ function qd() {
     if (!r) return;
     const o = (i) => {
       var u;
-      if (Ai()) return;
+      if (Oi()) return;
       const s = i.target;
       if (!(s.closest("[data-range-menu]") || s.closest("[data-range-handle]"))) {
         if (s.closest("[data-g]")) {
@@ -9275,8 +9280,8 @@ function e0({
   quizRetryAllowed: l,
   previousQuizResult: d,
   onViewerEvent: v,
-  viewerRef: g,
-  gazeSync: h,
+  viewerRef: h,
+  gazeSync: g,
   onRequestTranslate: b,
   isPlaybackMode: y = !1,
   playbackScale: c,
@@ -9314,12 +9319,12 @@ function e0({
       onViewerEvent: v,
       isPlaybackMode: y,
       playbackScale: c,
-      viewerRef: g,
+      viewerRef: h,
       children: /* @__PURE__ */ w(xu, { initialState: { ...t, isDev: f }, children: /* @__PURE__ */ w(
         yu,
         {
           initialState: I,
-          gazeSync: h,
+          gazeSync: g,
           children: /* @__PURE__ */ w(gu, { initialState: E, children: /* @__PURE__ */ w(
             Gd,
             {