@readerseye2/cr_viewer 1.0.27 → 1.0.28

package/dist/index.js

@@ -26,38 +26,38 @@ function Xi() {
   if (Gr) return Bn;
   Gr = 1;
   var e = W;
-  function t(m, p) {
-    return m === p && (m !== 0 || 1 / m === 1 / p) || m !== m && p !== p;
+  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 c(m, p) {
-    var b = p(), v = r({ inst: { value: b, getSnapshot: p } }), y = v[0].inst, u = v[1];
+  function c(v, h) {
+    var b = h(), m = r({ inst: { value: b, getSnapshot: h } }), y = m[0].inst, u = m[1];
     return i(
       function() {
-        y.value = b, y.getSnapshot = p, l(y) && u({ inst: y });
+        y.value = b, y.getSnapshot = h, l(y) && u({ inst: y });
       },
-      [m, b, p]
+      [v, b, h]
     ), o(
       function() {
-        return l(y) && u({ inst: y }), m(function() {
+        return l(y) && u({ inst: y }), v(function() {
           l(y) && u({ inst: y });
         });
       },
-      [m]
+      [v]
     ), s(b), b;
   }
-  function l(m) {
-    var p = m.getSnapshot;
-    m = m.value;
+  function l(v) {
+    var h = v.getSnapshot;
+    v = v.value;
     try {
-      var b = p();
-      return !n(m, b);
+      var b = h();
+      return !n(v, b);
     } catch {
       return !0;
     }
   }
-  function a(m, p) {
-    return p();
+  function a(v, h) {
+    return h();
   }
   var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : c;
   return Bn.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : d, Bn;
@@ -75,29 +75,29 @@ var zn = {};
 var Hr;
 function Yi() {
   return Hr || (Hr = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(b, v) {
-      return b === v && (b !== 0 || 1 / b === 1 / v) || b !== b && v !== v;
+    function e(b, m) {
+      return b === m && (b !== 0 || 1 / b === 1 / m) || b !== b && m !== m;
     }
-    function t(b, v) {
+    function t(b, m) {
       d || o.startTransition === void 0 || (d = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
-      var y = v();
-      if (!m) {
-        var u = v();
+      var y = m();
+      if (!v) {
+        var u = m();
         i(y, u) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), m = !0);
+        ), v = !0);
       }
       u = s({
-        inst: { value: y, getSnapshot: v }
+        inst: { value: y, getSnapshot: m }
       });
       var f = u[0].inst, g = u[1];
       return l(
         function() {
-          f.value = y, f.getSnapshot = v, n(f) && g({ inst: f });
+          f.value = y, f.getSnapshot = m, n(f) && g({ inst: f });
         },
-        [b, y, v]
+        [b, y, m]
       ), c(
         function() {
           return n(f) && g({ inst: f }), b(function() {
@@ -108,21 +108,21 @@ function Yi() {
       ), a(y), y;
     }
     function n(b) {
-      var v = b.getSnapshot;
+      var m = b.getSnapshot;
       b = b.value;
       try {
-        var y = v();
+        var y = m();
         return !i(b, y);
       } catch {
         return !0;
       }
     }
-    function r(b, v) {
-      return v();
+    function r(b, m) {
+      return m();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = W, i = typeof Object.is == "function" ? Object.is : e, s = o.useState, c = o.useEffect, l = o.useLayoutEffect, a = o.useDebugValue, d = !1, m = !1, p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
-    zn.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+    var o = W, i = typeof Object.is == "function" ? Object.is : e, s = o.useState, c = o.useEffect, l = o.useLayoutEffect, a = o.useDebugValue, d = !1, v = !1, h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
+    zn.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());
   })()), zn;
 }
 var Nr;
@@ -147,28 +147,28 @@ function Qi() {
     return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
   }
   var r = typeof Object.is == "function" ? Object.is : n, o = t.useSyncExternalStore, i = e.useRef, s = e.useEffect, c = e.useMemo, l = e.useDebugValue;
-  return Pn.useSyncExternalStoreWithSelector = function(a, d, m, p, b) {
-    var v = i(null);
-    if (v.current === null) {
+  return Pn.useSyncExternalStoreWithSelector = function(a, d, v, h, b) {
+    var m = i(null);
+    if (m.current === null) {
       var y = { hasValue: !1, value: null };
-      v.current = y;
-    } else y = v.current;
-    v = c(
+      m.current = y;
+    } else y = m.current;
+    m = c(
       function() {
         function f(I) {
           if (!g) {
-            if (g = !0, C = I, I = p(I), b !== void 0 && y.hasValue) {
-              var h = y.value;
-              if (b(h, I))
-                return k = h;
+            if (g = !0, C = I, I = h(I), b !== void 0 && y.hasValue) {
+              var p = y.value;
+              if (b(p, I))
+                return T = p;
             }
-            return k = I;
+            return T = I;
           }
-          if (h = k, r(C, I)) return h;
-          var S = p(I);
-          return b !== void 0 && b(h, S) ? (C = I, h) : (C = I, k = S);
+          if (p = T, r(C, I)) return p;
+          var S = h(I);
+          return b !== void 0 && b(p, S) ? (C = I, p) : (C = I, T = S);
         }
-        var g = !1, C, k, R = m === void 0 ? null : m;
+        var g = !1, C, T, R = v === void 0 ? null : v;
         return [
           function() {
             return f(d());
@@ -178,9 +178,9 @@ function Qi() {
           }
         ];
       },
-      [d, m, p, b]
+      [d, v, h, b]
     );
-    var u = o(a, v[0], v[1]);
+    var u = o(a, m[0], m[1]);
     return s(
       function() {
         y.hasValue = !0, y.value = u;
@@ -207,29 +207,29 @@ function Zi() {
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
     var t = W, n = Uo(), r = typeof Object.is == "function" ? Object.is : e, o = n.useSyncExternalStore, i = t.useRef, s = t.useEffect, c = t.useMemo, l = t.useDebugValue;
-    An.useSyncExternalStoreWithSelector = function(a, d, m, p, b) {
-      var v = i(null);
-      if (v.current === null) {
+    An.useSyncExternalStoreWithSelector = function(a, d, v, h, b) {
+      var m = i(null);
+      if (m.current === null) {
         var y = { hasValue: !1, value: null };
-        v.current = y;
-      } else y = v.current;
-      v = c(
+        m.current = y;
+      } else y = m.current;
+      m = c(
         function() {
           function f(I) {
             if (!g) {
-              if (g = !0, C = I, I = p(I), b !== void 0 && y.hasValue) {
-                var h = y.value;
-                if (b(h, I))
-                  return k = h;
+              if (g = !0, C = I, I = h(I), b !== void 0 && y.hasValue) {
+                var p = y.value;
+                if (b(p, I))
+                  return T = p;
               }
-              return k = I;
+              return T = I;
             }
-            if (h = k, r(C, I))
-              return h;
-            var S = p(I);
-            return b !== void 0 && b(h, S) ? (C = I, h) : (C = I, k = S);
+            if (p = T, r(C, I))
+              return p;
+            var S = h(I);
+            return b !== void 0 && b(p, S) ? (C = I, p) : (C = I, T = S);
           }
-          var g = !1, C, k, R = m === void 0 ? null : m;
+          var g = !1, C, T, R = v === void 0 ? null : v;
           return [
             function() {
               return f(d());
@@ -239,9 +239,9 @@ function Zi() {
             }
           ];
         },
-        [d, m, p, b]
+        [d, v, h, b]
       );
-      var u = o(a, v[0], v[1]);
+      var u = o(a, m[0], m[1]);
       return s(
         function() {
           y.hasValue = !0, y.value = u;
@@ -259,10 +259,10 @@ var es = Ji();
 const ts = /* @__PURE__ */ jo(es), $r = (e) => {
   let t;
   const n = /* @__PURE__ */ new Set(), r = (a, d) => {
-    const m = typeof a == "function" ? a(t) : a;
-    if (!Object.is(m, t)) {
-      const p = t;
-      t = d ?? (typeof m != "object" || m === null) ? m : Object.assign({}, t, m), n.forEach((b) => b(t, p));
+    const v = typeof a == "function" ? a(t) : a;
+    if (!Object.is(v, t)) {
+      const h = t;
+      t = d ?? (typeof v != "object" || v === null) ? v : Object.assign({}, t, v), n.forEach((b) => b(t, h));
     }
   }, o = () => t, c = { setState: r, getState: o, getInitialState: () => l, subscribe: (a) => (n.add(a), () => n.delete(a)) }, l = t = e(r, o, c);
   return c;
@@ -902,21 +902,21 @@ function wr(e, t, n) {
 function Ss(e, t, n, r, o, i, s, c, l) {
   const a = W.useCallback(
     (d) => {
-      const m = ys(d.children, t, c ? "offsetWidth" : "offsetHeight", o);
-      let p = d.parentElement;
-      for (; !p.dataset.virtuosoScroller; )
-        p = p.parentElement;
-      const b = p.lastElementChild.dataset.viewportType === "window";
-      let v;
-      b && (v = p.ownerDocument.defaultView);
-      const y = s ? c ? s.scrollLeft : s.scrollTop : b ? c ? v.scrollX || v.document.documentElement.scrollLeft : v.scrollY || v.document.documentElement.scrollTop : c ? p.scrollLeft : p.scrollTop, u = s ? c ? s.scrollWidth : s.scrollHeight : b ? c ? v.document.documentElement.scrollWidth : v.document.documentElement.scrollHeight : c ? p.scrollWidth : p.scrollHeight, f = s ? c ? s.offsetWidth : s.offsetHeight : b ? c ? v.innerWidth : v.innerHeight : c ? p.offsetWidth : p.offsetHeight;
+      const v = ys(d.children, t, c ? "offsetWidth" : "offsetHeight", o);
+      let h = d.parentElement;
+      for (; !h.dataset.virtuosoScroller; )
+        h = h.parentElement;
+      const b = h.lastElementChild.dataset.viewportType === "window";
+      let m;
+      b && (m = h.ownerDocument.defaultView);
+      const y = s ? c ? s.scrollLeft : s.scrollTop : b ? c ? m.scrollX || m.document.documentElement.scrollLeft : m.scrollY || m.document.documentElement.scrollTop : c ? h.scrollLeft : h.scrollTop, u = s ? c ? s.scrollWidth : s.scrollHeight : b ? c ? m.document.documentElement.scrollWidth : m.document.documentElement.scrollHeight : c ? h.scrollWidth : h.scrollHeight, f = s ? c ? s.offsetWidth : s.offsetHeight : b ? c ? m.innerWidth : m.innerHeight : c ? h.offsetWidth : h.offsetHeight;
       r({
         scrollHeight: u,
         scrollTop: Math.max(y, 0),
         viewportHeight: f
       }), i == null || i(
         c ? Ur("column-gap", getComputedStyle(d).columnGap, o) : Ur("row-gap", getComputedStyle(d).rowGap, o)
-      ), m !== null && e(m);
+      ), v !== null && e(v);
     },
     [e, t, o, i, s, r, c]
   );
@@ -934,8 +934,8 @@ function ys(e, t, n, r) {
     const l = parseInt(c.dataset.index), a = parseFloat(c.dataset.knownSize), d = t(c, n);
     if (d === 0 && r("Zero-sized element, this should not happen", { child: c }, Qe.ERROR), d === a)
       continue;
-    const m = i[i.length - 1];
-    i.length === 0 || m.size !== d || m.endIndex !== l - 1 ? i.push({ endIndex: l, size: d, startIndex: l }) : i[i.length - 1].endIndex++;
+    const v = i[i.length - 1];
+    i.length === 0 || v.size !== d || v.endIndex !== l - 1 ? i.push({ endIndex: l, size: d, startIndex: l }) : i[i.length - 1].endIndex++;
   }
   return i;
 }
@@ -948,17 +948,17 @@ function Jo(e, t, n) {
       if (!(l != null && l.offsetParent))
         return;
       const a = l.getBoundingClientRect(), d = a.width;
-      let m, p;
+      let v, h;
       if (t) {
-        const b = t.getBoundingClientRect(), v = a.top - b.top;
-        p = b.height - Math.max(0, v), m = v + t.scrollTop;
+        const b = t.getBoundingClientRect(), m = a.top - b.top;
+        h = b.height - Math.max(0, m), v = m + t.scrollTop;
       } else {
         const b = s.current.ownerDocument.defaultView;
-        p = b.innerHeight - Math.max(0, a.top), m = a.top + b.scrollY;
+        h = b.innerHeight - Math.max(0, a.top), v = a.top + b.scrollY;
       }
       r.current = {
-        offsetTop: m,
-        visibleHeight: p,
+        offsetTop: v,
+        visibleHeight: h,
         visibleWidth: d
       }, e(r.current);
     },
@@ -987,7 +987,7 @@ function Jo(e, t, n) {
 }
 const Ke = xe(
   () => {
-    const e = ye(), t = ye(), n = H(0), r = ye(), o = H(0), i = ye(), s = ye(), c = H(0), l = H(0), a = H(0), d = H(0), m = ye(), p = ye(), b = H(!1), v = H(!1), y = H(!1);
+    const e = ye(), t = ye(), n = H(0), r = ye(), o = H(0), i = ye(), s = ye(), c = H(0), l = H(0), a = H(0), d = H(0), v = ye(), h = ye(), b = H(!1), m = H(!1), y = H(!1);
     return te(
       L(
         e,
@@ -1006,14 +1006,14 @@ const Ke = xe(
       fixedHeaderHeight: l,
       footerHeight: d,
       headerHeight: c,
-      horizontalDirection: v,
-      scrollBy: p,
+      horizontalDirection: m,
+      scrollBy: h,
       // input
       scrollContainerState: e,
       scrollHeight: s,
       scrollingInProgress: b,
       // signals
-      scrollTo: m,
+      scrollTo: v,
       scrollTop: t,
       skipAnimationFrameInResizeObserver: y,
       smoothScrollTargetReached: r,
@@ -1228,8 +1228,8 @@ function Cs(e, t) {
     if (c.some(Os(r)))
       continue;
     let l = !1, a = !1;
-    for (const { end: d, start: m, value: p } of c)
-      l ? (o >= m || i === p) && (e = fr(e, m)) : (a = p !== i, l = !0), d > o && o >= m && p !== i && (e = Ze(e, o + 1, p));
+    for (const { end: d, start: v, value: h } of c)
+      l ? (o >= v || i === h) && (e = fr(e, v)) : (a = h !== i, l = !0), d > o && o >= v && h !== i && (e = Ze(e, o + 1, h));
     a && (e = Ze(e, s, i));
   }
   return [e, n];
@@ -1271,20 +1271,20 @@ function _s(e, [t, n, r, o]) {
   const i = e.sizeTree;
   let s = i, c = 0;
   if (n.length > 0 && Ce(i) && t.length === 2) {
-    const p = t[0].size, b = t[1].size;
-    s = n.reduce((v, y) => Ze(Ze(v, y, p), y + 1, b), s);
+    const h = t[0].size, b = t[1].size;
+    s = n.reduce((m, y) => Ze(Ze(m, y, h), y + 1, b), s);
   } else
     [s, c] = Cs(s, t);
   if (s === i)
     return e;
-  const { lastIndex: l, lastOffset: a, lastSize: d, offsetTree: m } = gr(e.offsetTree, c, s, o);
+  const { lastIndex: l, lastOffset: a, lastSize: d, offsetTree: v } = gr(e.offsetTree, c, s, o);
   return {
     groupIndices: n,
-    groupOffsetTree: n.reduce((p, b) => Ze(p, b, Zt(b, m, o)), Gt()),
+    groupOffsetTree: n.reduce((h, b) => Ze(h, b, Zt(b, v, o)), Gt()),
     lastIndex: l,
     lastOffset: a,
     lastSize: d,
-    offsetTree: m,
+    offsetTree: v,
     sizeTree: s
   };
 }
@@ -1309,12 +1309,12 @@ function gr(e, t, n, r) {
   } else
     o = [];
   for (const { start: a, value: d } of Ht(n, t, 1 / 0)) {
-    const m = a - i, p = m * s + c + m * r;
+    const v = a - i, h = v * s + c + v * r;
     o.push({
       index: a,
-      offset: p,
+      offset: h,
       size: d
-    }), i = a, c = p, s = d;
+    }), i = a, c = h, s = d;
   }
   return {
     lastIndex: i,
@@ -1335,31 +1335,31 @@ const Ps = {
   offsetWidth: "width"
 }, gt = xe(
   ([{ log: e }, { recalcInProgress: t }]) => {
-    const n = ye(), r = ye(), o = je(r, 0), i = ye(), s = ye(), c = H(0), l = H([]), a = H(void 0), d = H(void 0), m = H(void 0), p = H(void 0), b = H((h, S) => St(h, Ps[S])), v = H(void 0), y = H(0), u = Is(), f = je(
+    const n = ye(), r = ye(), o = je(r, 0), i = ye(), s = ye(), c = H(0), l = H([]), a = H(void 0), d = H(void 0), v = H(void 0), h = H(void 0), b = H((p, S) => St(p, Ps[S])), m = H(void 0), y = H(0), u = Is(), f = je(
       L(n, be(l, e, y), ht(_s, u), Me()),
       u
     ), g = je(
       L(
         l,
         Me(),
-        ht((h, S) => ({ current: S, prev: h.current }), {
+        ht((p, S) => ({ current: S, prev: p.current }), {
           current: [],
           prev: []
         }),
-        U(({ prev: h }) => h)
+        U(({ prev: p }) => p)
       ),
       []
     );
     te(
       L(
         l,
-        ce((h) => h.length > 0),
+        ce((p) => p.length > 0),
         be(f, y),
-        U(([h, S, T]) => {
-          const E = h.reduce((O, z, w) => Ze(O, z, Zt(z, S.offsetTree, T) || w), Gt());
+        U(([p, S, k]) => {
+          const E = p.reduce((O, z, w) => Ze(O, z, Zt(z, S.offsetTree, k) || w), Gt());
           return {
             ...S,
-            groupIndices: h,
+            groupIndices: p,
             groupOffsetTree: E
           };
         })
@@ -1369,12 +1369,12 @@ const Ps = {
       L(
         r,
         be(f),
-        ce(([h, { lastIndex: S }]) => h < S),
-        U(([h, { lastIndex: S, lastSize: T }]) => [
+        ce(([p, { lastIndex: S }]) => p < S),
+        U(([p, { lastIndex: S, lastSize: k }]) => [
           {
             endIndex: S,
-            size: T,
-            startIndex: h
+            size: k,
+            startIndex: p
           }
         ])
       ),
@@ -1383,41 +1383,41 @@ const Ps = {
     const C = je(
       L(
         a,
-        U((h) => h === void 0)
+        U((p) => p === void 0)
       ),
       !0
     );
     te(
       L(
         d,
-        ce((h) => h !== void 0 && Ce(Be(f).sizeTree)),
-        U((h) => {
-          const S = Be(m), T = Be(l).length > 0;
-          return S ? T ? [
+        ce((p) => p !== void 0 && Ce(Be(f).sizeTree)),
+        U((p) => {
+          const S = Be(v), k = Be(l).length > 0;
+          return S ? k ? [
             { endIndex: 0, size: S, startIndex: 0 },
-            { endIndex: 1, size: h, startIndex: 1 }
-          ] : [] : [{ endIndex: 0, size: h, startIndex: 0 }];
+            { endIndex: 1, size: p, startIndex: 1 }
+          ] : [] : [{ endIndex: 0, size: p, startIndex: 0 }];
         })
       ),
       n
     ), te(
       L(
-        p,
-        ce((h) => h !== void 0 && h.length > 0 && Ce(Be(f).sizeTree)),
-        U((h) => {
+        h,
+        ce((p) => p !== void 0 && p.length > 0 && Ce(Be(f).sizeTree)),
+        U((p) => {
           const S = [];
-          let T = h[0], E = 0;
-          for (let O = 1; O < h.length; O++) {
-            const z = h[O];
-            z !== T && (S.push({
+          let k = p[0], E = 0;
+          for (let O = 1; O < p.length; O++) {
+            const z = p[O];
+            z !== k && (S.push({
               endIndex: O - 1,
-              size: T,
+              size: k,
               startIndex: E
-            }), T = z, E = O);
+            }), k = z, E = O);
           }
           return S.push({
-            endIndex: h.length - 1,
-            size: T,
+            endIndex: p.length - 1,
+            size: k,
             startIndex: E
           }), S;
         })
@@ -1426,12 +1426,12 @@ const Ps = {
     ), te(
       L(
         l,
-        be(m, d),
-        ce(([, h, S]) => h !== void 0 && S !== void 0),
-        U(([h, S, T]) => {
+        be(v, d),
+        ce(([, p, S]) => p !== void 0 && S !== void 0),
+        U(([p, S, k]) => {
           const E = [];
-          for (let O = 0; O < h.length; O++) {
-            const z = h[O], w = h[O + 1];
+          for (let O = 0; O < p.length; O++) {
+            const z = p[O], w = p[O + 1];
             E.push({
               startIndex: z,
               endIndex: z,
@@ -1439,7 +1439,7 @@ const Ps = {
             }), w !== void 0 && E.push({
               startIndex: z + 1,
               endIndex: w - 1,
-              size: T
+              size: k
             });
           }
           return E;
@@ -1447,40 +1447,40 @@ const Ps = {
       ),
       n
     );
-    const k = Je(
+    const T = Je(
       L(
         n,
         be(f),
         ht(
-          ({ sizes: h }, [S, T]) => ({
-            changed: T !== h,
-            sizes: T
+          ({ sizes: p }, [S, k]) => ({
+            changed: k !== p,
+            sizes: k
           }),
           { changed: !1, sizes: u }
         ),
-        U((h) => h.changed)
+        U((p) => p.changed)
       )
     );
     Ie(
       L(
         c,
         ht(
-          (h, S) => ({ diff: h.prev - S, prev: S }),
+          (p, S) => ({ diff: p.prev - S, prev: S }),
           { diff: 0, prev: 0 }
         ),
-        U((h) => h.diff)
+        U((p) => p.diff)
       ),
-      (h) => {
+      (p) => {
         const { groupIndices: S } = Be(f);
-        if (h > 0)
-          ge(t, !0), ge(i, h + Xr(h, S));
-        else if (h < 0) {
-          const T = Be(g);
-          T.length > 0 && (h -= Xr(-h, T)), ge(s, h);
+        if (p > 0)
+          ge(t, !0), ge(i, p + Xr(p, S));
+        else if (p < 0) {
+          const k = Be(g);
+          k.length > 0 && (p -= Xr(-p, k)), ge(s, p);
         }
       }
-    ), Ie(L(c, be(e)), ([h, S]) => {
-      h < 0 && S(
+    ), Ie(L(c, be(e)), ([p, S]) => {
+      p < 0 && S(
         "`firstItemIndex` prop should not be set to less than zero. If you don't know the total count, just use a very high value",
         { firstItemIndex: c },
         Qe.ERROR
@@ -1491,12 +1491,12 @@ const Ps = {
       L(
         i,
         be(f),
-        U(([h, S]) => {
-          const T = S.groupIndices.length > 0, E = [], O = S.lastSize;
-          if (T) {
+        U(([p, S]) => {
+          const k = S.groupIndices.length > 0, E = [], O = S.lastSize;
+          if (k) {
             const z = Yt(S.sizeTree, 0);
             let w = 0, _ = 0;
-            for (; w < h; ) {
+            for (; w < p; ) {
               const G = S.groupIndices[_], M = S.groupIndices.length === _ + 1 ? 1 / 0 : S.groupIndices[_ + 1] - G - 1;
               E.push({
                 endIndex: G,
@@ -1509,24 +1509,24 @@ const Ps = {
               }), _++, w += M + 1;
             }
             const P = kt(S.sizeTree);
-            return w !== h && P.shift(), P.reduce(
+            return w !== p && P.shift(), P.reduce(
               (G, { k: M, v: B }) => {
                 let F = G.ranges;
                 return G.prevSize !== 0 && (F = [
                   ...G.ranges,
                   {
-                    endIndex: M + h - 1,
+                    endIndex: M + p - 1,
                     size: G.prevSize,
                     startIndex: G.prevIndex
                   }
                 ]), {
-                  prevIndex: M + h,
+                  prevIndex: M + p,
                   prevSize: B,
                   ranges: F
                 };
               },
               {
-                prevIndex: h,
+                prevIndex: p,
                 prevSize: 0,
                 ranges: E
               }
@@ -1534,9 +1534,9 @@ const Ps = {
           }
           return kt(S.sizeTree).reduce(
             (z, { k: w, v: _ }) => ({
-              prevIndex: w + h,
+              prevIndex: w + p,
               prevSize: _,
-              ranges: [...z.ranges, { endIndex: w + h - 1, size: z.prevSize, startIndex: z.prevIndex }]
+              ranges: [...z.ranges, { endIndex: w + p - 1, size: z.prevSize, startIndex: z.prevIndex }]
             }),
             {
               prevIndex: 0,
@@ -1552,9 +1552,9 @@ const Ps = {
       L(
         s,
         be(f, y),
-        U(([h, { offsetTree: S }, T]) => {
-          const E = -h;
-          return Zt(E, S, T);
+        U(([p, { offsetTree: S }, k]) => {
+          const E = -p;
+          return Zt(E, S, k);
         })
       )
     );
@@ -1562,35 +1562,35 @@ const Ps = {
       L(
         s,
         be(f, y),
-        U(([h, S, T]) => {
+        U(([p, S, k]) => {
           if (S.groupIndices.length > 0) {
             if (Ce(S.sizeTree))
               return S;
             let E = Gt();
             const O = Be(g);
             let z = 0, w = 0, _ = 0;
-            for (; z < -h; ) {
+            for (; z < -p; ) {
               _ = O[w];
               const P = O[w + 1] - _ - 1;
               w++, z += P + 1;
             }
-            if (E = kt(S.sizeTree).reduce((P, { k: G, v: M }) => Ze(P, Math.max(0, G + h), M), E), z !== -h) {
+            if (E = kt(S.sizeTree).reduce((P, { k: G, v: M }) => Ze(P, Math.max(0, G + p), M), E), z !== -p) {
               const P = Yt(S.sizeTree, _);
               E = Ze(E, 0, P);
-              const G = ut(S.sizeTree, -h + 1)[1];
+              const G = ut(S.sizeTree, -p + 1)[1];
               E = Ze(E, 1, G);
             }
             return {
               ...S,
               sizeTree: E,
-              ...gr(S.offsetTree, 0, E, T)
+              ...gr(S.offsetTree, 0, E, k)
             };
           } else {
-            const E = kt(S.sizeTree).reduce((O, { k: z, v: w }) => Ze(O, Math.max(0, z + h), w), Gt());
+            const E = kt(S.sizeTree).reduce((O, { k: z, v: w }) => Ze(O, Math.max(0, z + p), w), Gt());
             return {
               ...S,
               sizeTree: E,
-              ...gr(S.offsetTree, 0, E, T)
+              ...gr(S.offsetTree, 0, E, k)
             };
           }
         })
@@ -1599,16 +1599,16 @@ const Ps = {
     ), {
       beforeUnshiftWith: R,
       // input
-      data: v,
+      data: m,
       defaultItemSize: d,
       firstItemIndex: c,
       fixedItemSize: a,
-      fixedGroupSize: m,
+      fixedGroupSize: v,
       gap: y,
       groupIndices: l,
-      heightEstimates: p,
+      heightEstimates: h,
       itemSize: b,
-      listRefresh: k,
+      listRefresh: T,
       shiftWith: s,
       shiftWithOffset: I,
       sizeRanges: n,
@@ -1690,11 +1690,11 @@ const on = xe(
       scrollingInProgress: l,
       scrollTo: a,
       smoothScrollTargetReached: d,
-      viewportHeight: m
+      viewportHeight: v
     },
-    { log: p }
+    { log: h }
   ]) => {
-    const b = ye(), v = ye(), y = H(0);
+    const b = ye(), m = ye(), y = H(0);
     let u = null, f = null, g = null;
     function C() {
       u && (u(), u = null), g && (g(), g = null), f && (clearTimeout(f), f = null), ge(l, !1);
@@ -1702,20 +1702,20 @@ const on = xe(
     return te(
       L(
         b,
-        be(n, m, r, y, c, s, p),
+        be(n, v, r, y, c, s, h),
         be(e, i, o),
         U(
           ([
-            [k, R, I, h, S, T, E, O],
+            [T, R, I, p, S, k, E, O],
             z,
             w,
             _
           ]) => {
-            const P = ui(k), { align: G, behavior: M, offset: B } = P, F = h - 1, V = ai(P, R, F);
-            let q = Zt(V, R.offsetTree, z) + T;
+            const P = ui(T), { align: G, behavior: M, offset: B } = P, F = p - 1, V = ai(P, R, F);
+            let q = Zt(V, R.offsetTree, z) + k;
             G === "end" ? (q += w + ut(R.sizeTree, V)[1] - I + _, V === F && (q += E)) : G === "center" ? q += (w + ut(R.sizeTree, V)[1] - I + _) / 2 : q -= S, B && (q += B);
             const ue = (de) => {
-              C(), de ? (O("retrying to scroll to", { location: k }, Qe.DEBUG), ge(b, k)) : (ge(v, !0), O("list did not change, scroll successful", {}, Qe.DEBUG));
+              C(), de ? (O("retrying to scroll to", { location: T }, Qe.DEBUG), ge(b, T)) : (ge(m, !0), O("list did not change, scroll successful", {}, Qe.DEBUG));
             };
             if (C(), M === "smooth") {
               let de = !1;
@@ -1734,7 +1734,7 @@ const on = xe(
       ),
       a
     ), {
-      scrollTargetReached: v,
+      scrollTargetReached: m,
       scrollToIndex: b,
       topListHeight: y
     };
@@ -1768,7 +1768,7 @@ const sn = xe(
       L(
         s,
         be(l),
-        ce(([d, m]) => !!m),
+        ce(([d, v]) => !!v),
         pt(!1)
       ),
       c
@@ -1776,7 +1776,7 @@ const sn = xe(
       L(
         s,
         be(l),
-        ce(([d, m]) => !!m),
+        ce(([d, v]) => !!v),
         pt(!1)
       ),
       a
@@ -1784,7 +1784,7 @@ const sn = xe(
       L(
         Fe(t, s),
         be(c, n, e, a),
-        ce(([[, d], m, { sizeTree: p }, b, v]) => d && (!Ce(p) || yr(b)) && !m && !v),
+        ce(([[, d], v, { sizeTree: h }, b, m]) => d && (!Ce(h) || yr(b)) && !v && !m),
         be(l)
       ),
       ([, d]) => {
@@ -1818,7 +1818,7 @@ const Jt = "up", Ut = "down", Ls = "none", Gs = {
     viewportHeight: 0
   }
 }, Hs = 0, ln = xe(([{ footerHeight: e, headerHeight: t, scrollBy: n, scrollContainerState: r, scrollTop: o, viewportHeight: i }]) => {
-  const s = H(!1), c = H(!0), l = ye(), a = ye(), d = H(4), m = H(Hs), p = je(
+  const s = H(!1), c = H(!0), l = ye(), a = ye(), d = H(4), v = H(Hs), h = je(
     L(
       dr(L(ae(o), _t(1), pt(!0)), L(ae(o), _t(1), pt(!1), jr(100))),
       Me()
@@ -1830,24 +1830,24 @@ const Jt = "up", Ut = "down", Ls = "none", Gs = {
   );
   te(
     L(
-      Fe(ae(o), ae(m)),
+      Fe(ae(o), ae(v)),
       U(([g, C]) => g <= C),
       Me()
     ),
     c
   ), te(L(c, mt(50)), a);
-  const v = Je(
+  const m = Je(
     L(
       Fe(r, ae(i), ae(t), ae(e), ae(d)),
-      ht((g, [{ scrollHeight: C, scrollTop: k }, R, I, h, S]) => {
-        const T = k + R - C > -S, E = {
+      ht((g, [{ scrollHeight: C, scrollTop: T }, R, I, p, S]) => {
+        const k = T + R - C > -S, E = {
           scrollHeight: C,
-          scrollTop: k,
+          scrollTop: T,
           viewportHeight: R
         };
-        if (T) {
+        if (k) {
           let z, w;
-          return k > g.state.scrollTop ? (z = "SCROLLED_DOWN", w = g.state.scrollTop - k) : (z = "SIZE_DECREASED", w = g.state.scrollTop - k || g.scrollTopDelta), {
+          return T > g.state.scrollTop ? (z = "SCROLLED_DOWN", w = g.state.scrollTop - T) : (z = "SIZE_DECREASED", w = g.state.scrollTop - T || g.scrollTopDelta), {
             atBottom: !0,
             atBottomBecause: z,
             scrollTopDelta: w,
@@ -1855,7 +1855,7 @@ const Jt = "up", Ut = "down", Ls = "none", Gs = {
           };
         }
         let O;
-        return E.scrollHeight > g.state.scrollHeight ? O = "SIZE_INCREASED" : R < g.state.viewportHeight ? O = "VIEWPORT_HEIGHT_DECREASING" : k < g.state.scrollTop ? O = "SCROLLING_UPWARDS" : O = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM", {
+        return E.scrollHeight > g.state.scrollHeight ? O = "SIZE_INCREASED" : R < g.state.viewportHeight ? O = "VIEWPORT_HEIGHT_DECREASING" : T < g.state.scrollTop ? O = "SCROLLING_UPWARDS" : O = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM", {
           atBottom: !1,
           notAtBottomBecause: O,
           state: E
@@ -1867,26 +1867,26 @@ const Jt = "up", Ut = "down", Ls = "none", Gs = {
     L(
       r,
       ht(
-        (g, { scrollHeight: C, scrollTop: k, viewportHeight: R }) => {
+        (g, { scrollHeight: C, scrollTop: T, viewportHeight: R }) => {
           if (di(g.scrollHeight, C))
             return {
               changed: !1,
               jump: 0,
               scrollHeight: C,
-              scrollTop: k
+              scrollTop: T
             };
           {
-            const I = C - (k + R) < 1;
-            return g.scrollTop !== k && I ? {
+            const I = C - (T + R) < 1;
+            return g.scrollTop !== T && I ? {
               changed: !0,
-              jump: g.scrollTop - k,
+              jump: g.scrollTop - T,
               scrollHeight: C,
-              scrollTop: k
+              scrollTop: T
             } : {
               changed: !0,
               jump: 0,
               scrollHeight: C,
-              scrollTop: k
+              scrollTop: T
             };
           }
         },
@@ -1899,7 +1899,7 @@ const Jt = "up", Ut = "down", Ls = "none", Gs = {
   );
   te(
     L(
-      v,
+      m,
       U((g) => g.atBottom)
     ),
     s
@@ -1921,7 +1921,7 @@ const Jt = "up", Ut = "down", Ls = "none", Gs = {
   const f = H(0);
   return te(
     L(
-      p,
+      h,
       ce((g) => !g),
       pt(0)
     ),
@@ -1930,21 +1930,21 @@ const Jt = "up", Ut = "down", Ls = "none", Gs = {
     L(
       o,
       mt(100),
-      be(p),
+      be(h),
       ce(([g, C]) => C),
-      ht(([g, C], [k]) => [C, k], [0, 0]),
+      ht(([g, C], [T]) => [C, T], [0, 0]),
       U(([g, C]) => C - g)
     ),
     f
   ), {
-    atBottomState: v,
+    atBottomState: m,
     atBottomStateChange: l,
     atBottomThreshold: d,
     atTopStateChange: a,
-    atTopThreshold: m,
+    atTopThreshold: v,
     isAtBottom: s,
     isAtTop: c,
-    isScrolling: p,
+    isScrolling: h,
     lastJumpDueToItemResize: y,
     scrollDirection: u,
     scrollVelocity: f
@@ -1975,21 +1975,21 @@ const Rr = xe(
         U(
           ([
             d,
-            m,
-            p,
-            [b, v],
+            v,
+            h,
+            [b, m],
             y,
             u,
             f,
             g,
             C
           ]) => {
-            const k = d - g, R = u + f, I = Math.max(p - k, 0);
-            let h = Yr;
-            const S = Zr(C, en), T = Zr(C, tn);
-            return b -= g, b += p + f, v += p + f, v -= g, b > d + R - S && (h = Jt), v < d - I + m + T && (h = Ut), h !== Yr ? [
-              Math.max(k - p - Qr(y, en, h) - S, 0),
-              k - I - f + m + Qr(y, tn, h) + T
+            const T = d - g, R = u + f, I = Math.max(h - T, 0);
+            let p = Yr;
+            const S = Zr(C, en), k = Zr(C, tn);
+            return b -= g, b += h + f, m += h + f, m -= g, b > d + R - S && (p = Jt), m < d - I + v + k && (p = Ut), p !== Yr ? [
+              Math.max(T - h - Qr(y, en, p) - S, 0),
+              T - I - f + v + Qr(y, tn, p) + k
             ] : null;
           }
         ),
@@ -2040,12 +2040,12 @@ function mn(e, t, n, r, o, i) {
     const y = e[e.length - 1];
     d = y.offset + y.size;
   }
-  const m = n - s, p = c + m * l + (m - 1) * r, b = a, v = p - d;
+  const v = n - s, h = c + v * l + (v - 1) * r, b = a, m = h - d;
   return {
     bottom: d,
     firstItemIndex: i,
     items: Jr(e, o, i),
-    offsetBottom: v,
+    offsetBottom: m,
     offsetTop: a,
     top: b,
     topItems: Jr(t, o, i),
@@ -2061,9 +2061,9 @@ function fi(e, t, n, r, o, i) {
         break;
       s++;
     }
-  const c = e + s, l = kr(t, c), a = Array.from({ length: c }).map((d, m) => ({
-    data: i[m + l],
-    index: m + l,
+  const c = e + s, l = kr(t, c), a = Array.from({ length: c }).map((d, v) => ({
+    data: i[v + l],
+    index: v + l,
     offset: 0,
     size: 0
   }));
@@ -2105,10 +2105,10 @@ const Pt = xe(
     i,
     { listBoundary: s, topListHeight: c, visibleRange: l },
     { initialTopMostItemIndex: a, scrolledToInitialItem: d },
-    { topListHeight: m },
-    p,
+    { topListHeight: v },
+    h,
     { didMount: b },
-    { recalcInProgress: v }
+    { recalcInProgress: m }
   ]) => {
     const y = H([]), u = H(0), f = ye(), g = H(0);
     te(i.topItemsIndexes, y);
@@ -2116,7 +2116,7 @@ const Pt = xe(
       L(
         Fe(
           b,
-          v,
+          m,
           ae(l, Qt),
           ae(o),
           ae(r),
@@ -2128,16 +2128,16 @@ const Pt = xe(
           ae(g),
           e
         ),
-        ce(([h, S, , T, , , , , , , , E]) => {
-          const O = E && E.length !== T;
-          return h && !S && !O;
+        ce(([p, S, , k, , , , , , , , E]) => {
+          const O = E && E.length !== k;
+          return p && !S && !O;
         }),
         U(
           ([
             ,
             ,
-            [h, S],
-            T,
+            [p, S],
+            k,
             E,
             O,
             z,
@@ -2149,15 +2149,15 @@ const Pt = xe(
           ]) => {
             var B, F, V, q;
             const ue = E, { offsetTree: de, sizeTree: ke } = ue, Re = Be(u);
-            if (T === 0)
-              return { ...Wn, totalCount: T };
-            if (h === 0 && S === 0)
-              return Re === 0 ? { ...Wn, totalCount: T } : fi(Re, O, E, _, P, M || []);
+            if (k === 0)
+              return { ...Wn, totalCount: k };
+            if (p === 0 && S === 0)
+              return Re === 0 ? { ...Wn, totalCount: k } : fi(Re, O, E, _, P, M || []);
             if (Ce(ke))
               return Re > 0 ? null : mn(
-                Ns(kr(O, T), ue, M),
+                Ns(kr(O, k), ue, M),
                 [],
-                T,
+                k,
                 P,
                 ue,
                 _
@@ -2173,17 +2173,17 @@ const Pt = xe(
               }
             }
             if (!z)
-              return mn([], ee, T, P, ue, _);
-            const X = w.length > 0 ? w[w.length - 1] + 1 : 0, A = Rs(de, h, S, X);
+              return mn([], ee, k, P, ue, _);
+            const X = w.length > 0 ? w[w.length - 1] + 1 : 0, A = Rs(de, p, S, X);
             if (A.length === 0)
               return null;
-            const K = T - 1, ne = _n([], ($) => {
+            const K = k - 1, ne = _n([], ($) => {
               for (const J of A) {
                 const se = J.value;
                 let re = se.offset, pe = J.start;
                 const le = se.size;
-                if (se.offset < h) {
-                  pe += Math.floor((h - se.offset + P) / (le + P));
+                if (se.offset < p) {
+                  pe += Math.floor((p - se.offset + P) / (le + P));
                   const me = pe - J.start;
                   re += me * le + me * P;
                 }
@@ -2213,11 +2213,11 @@ const Pt = xe(
                 }
               }
             }
-            return mn(ne, ee, T, P, ue, _);
+            return mn(ne, ee, k, P, ue, _);
           }
         ),
         //@ts-expect-error filter needs to be fixed
-        ce((h) => h !== null),
+        ce((p) => p !== null),
         Me()
       ),
       Wn
@@ -2226,66 +2226,66 @@ const Pt = xe(
       L(
         e,
         ce(yr),
-        U((h) => h == null ? void 0 : h.length)
+        U((p) => p == null ? void 0 : p.length)
       ),
       o
     ), te(
       L(
         C,
-        U((h) => h.topListHeight)
+        U((p) => p.topListHeight)
       ),
-      m
-    ), te(m, c), te(
+      v
+    ), te(v, c), te(
       L(
         C,
-        U((h) => [h.top, h.bottom])
+        U((p) => [p.top, p.bottom])
       ),
       s
     ), te(
       L(
         C,
-        U((h) => h.items)
+        U((p) => p.items)
       ),
       f
     );
-    const k = Je(
+    const T = Je(
       L(
         C,
-        ce(({ items: h }) => h.length > 0),
+        ce(({ items: p }) => p.length > 0),
         be(o, e),
-        ce(([{ items: h }, S]) => h[h.length - 1].originalIndex === S - 1),
-        U(([, h, S]) => [h - 1, S]),
+        ce(([{ items: p }, S]) => p[p.length - 1].originalIndex === S - 1),
+        U(([, p, S]) => [p - 1, S]),
         Me(Qt),
-        U(([h]) => h)
+        U(([p]) => p)
       )
     ), R = Je(
       L(
         C,
         mt(200),
-        ce(({ items: h, topItems: S }) => h.length > 0 && h[0].originalIndex === S.length),
-        U(({ items: h }) => h[0].index),
+        ce(({ items: p, topItems: S }) => p.length > 0 && p[0].originalIndex === S.length),
+        U(({ items: p }) => p[0].index),
         Me()
       )
     ), I = Je(
       L(
         C,
-        ce(({ items: h }) => h.length > 0),
-        U(({ items: h }) => {
-          let S = 0, T = h.length - 1;
-          for (; h[S].type === "group" && S < T; )
+        ce(({ items: p }) => p.length > 0),
+        U(({ items: p }) => {
+          let S = 0, k = p.length - 1;
+          for (; p[S].type === "group" && S < k; )
             S++;
-          for (; h[T].type === "group" && T > S; )
-            T--;
+          for (; p[k].type === "group" && k > S; )
+            k--;
           return {
-            endIndex: h[T].index,
-            startIndex: h[S].index
+            endIndex: p[k].index,
+            startIndex: p[S].index
           };
         }),
         Me(ii)
       )
     );
     return {
-      endReached: k,
+      endReached: T,
       initialItemCount: u,
       itemsRendered: f,
       listState: C,
@@ -2293,7 +2293,7 @@ const Pt = xe(
       rangeChanged: I,
       startReached: R,
       topItemsIndexes: y,
-      ...p
+      ...h
     };
   },
   Ee(
@@ -2312,7 +2312,7 @@ const Pt = xe(
     const i = ye(), s = je(
       L(
         Fe(n, e, r, t, o),
-        U(([c, l, a, d, m]) => c + l + a + d + m.offsetBottom + m.bottom)
+        U(([c, l, a, d, v]) => c + l + a + d + v.offsetBottom + v.bottom)
       ),
       0
     );
@@ -2356,15 +2356,15 @@ const Pt = xe(
         d,
         be(t, l, n, i, o, r, c),
         be(e),
-        U(([[m, p, b, v, y, u, f, g], C]) => {
-          const { align: k, behavior: R, calculateViewLocation: I = Ws, done: h, ...S } = m, T = ai(m, p, v - 1), E = Zt(T, p.offsetTree, C) + y + u, O = E + ut(p.sizeTree, T)[1], z = g + u, w = g + b - f, _ = I({
+        U(([[v, h, b, m, y, u, f, g], C]) => {
+          const { align: T, behavior: R, calculateViewLocation: I = Ws, done: p, ...S } = v, k = ai(v, h, m - 1), E = Zt(k, h.offsetTree, C) + y + u, O = E + ut(h.sizeTree, k)[1], z = g + u, w = g + b - f, _ = I({
             itemBottom: O,
             itemTop: E,
-            locationParams: { align: k, behavior: R, ...S },
+            locationParams: { align: T, behavior: R, ...S },
             viewportBottom: w,
             viewportTop: z
           });
-          return _ ? h && ct(
+          return _ ? p && ct(
             L(
               s,
               ce((P) => !P),
@@ -2372,10 +2372,10 @@ const Pt = xe(
               // but if scrollingInProgress is true, we skip the initial publish.
               _t(Be(s) ? 1 : 2)
             ),
-            h
-          ) : h == null || h(), _;
+            p
+          ) : p == null || p(), _;
         }),
-        ce((m) => m !== null)
+        ce((v) => v !== null)
       ),
       a
     ), {
@@ -2396,11 +2396,11 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = xe(
     { scrolledToInitialItem: c },
     { didMount: l, propsReady: a },
     { log: d },
-    { scrollingInProgress: m },
-    { context: p },
+    { scrollingInProgress: v },
+    { context: h },
     { scrollIntoView: b }
   ]) => {
-    const v = H(!1), y = ye();
+    const m = H(!1), y = ye();
     let u = null;
     function f(R) {
       ge(s, {
@@ -2412,10 +2412,10 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = xe(
     Ie(
       L(
         Fe(L(ae(t), _t(1)), l),
-        be(ae(v), i, c, m),
-        U(([[R, I], h, S, T, E]) => {
-          let O = I && T, z = "auto";
-          return O && (z = Ds(h, S || E), O = O && !!z), { followOutputBehavior: z, shouldFollow: O, totalCount: R };
+        be(ae(m), i, c, v),
+        U(([[R, I], p, S, k, E]) => {
+          let O = I && k, z = "auto";
+          return O && (z = Ds(p, S || E), O = O && !!z), { followOutputBehavior: z, shouldFollow: O, totalCount: R };
         }),
         ce(({ shouldFollow: R }) => R)
       ),
@@ -2428,31 +2428,31 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = xe(
       }
     );
     function g(R) {
-      const I = ct(o, (h) => {
-        R && !h.atBottom && h.notAtBottomBecause === "SIZE_INCREASED" && !u && (Be(d)("scrolling to bottom due to increased size", {}, Qe.DEBUG), f("auto"));
+      const I = ct(o, (p) => {
+        R && !p.atBottom && p.notAtBottomBecause === "SIZE_INCREASED" && !u && (Be(d)("scrolling to bottom due to increased size", {}, Qe.DEBUG), f("auto"));
       });
       setTimeout(I, 100);
     }
     Ie(
       L(
-        Fe(ae(v), t, a),
+        Fe(ae(m), t, a),
         ce(([R, , I]) => R && I),
         ht(
           ({ value: R }, [, I]) => ({ refreshed: R === I, value: I }),
           { refreshed: !1, value: 0 }
         ),
         ce(({ refreshed: R }) => R),
-        be(v, t)
+        be(m, t)
       ),
       ([, R]) => {
         Be(c) && g(R !== !1);
       }
     ), Ie(y, () => {
-      g(Be(v) !== !1);
-    }), Ie(Fe(ae(v), o), ([R, I]) => {
+      g(Be(m) !== !1);
+    }), Ie(Fe(ae(m), o), ([R, I]) => {
       R && !I.atBottom && I.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && f("auto");
     });
-    const C = H(null), k = ye();
+    const C = H(null), T = ye();
     return te(
       dr(
         L(
@@ -2464,12 +2464,12 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = xe(
         ),
         L(ae(t))
       ),
-      k
+      T
     ), Ie(
       L(
-        Fe(L(k, _t(1)), l),
-        be(ae(C), c, m, p),
-        U(([[R, I], h, S, T, E]) => I && S && (h == null ? void 0 : h({ context: E, totalCount: R, scrollingInProgress: T }))),
+        Fe(L(T, _t(1)), l),
+        be(ae(C), c, v, h),
+        U(([[R, I], p, S, k, E]) => I && S && (p == null ? void 0 : p({ context: E, totalCount: R, scrollingInProgress: k }))),
         ce((R) => !!R),
         mt(0)
       ),
@@ -2480,7 +2480,7 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = xe(
           Be(d)("scrolling into view", {}), ge(b, R), u = null;
         });
       }
-    ), { autoscrollToBottom: y, followOutput: v, scrollIntoViewOnChange: C };
+    ), { autoscrollToBottom: y, followOutput: m, scrollIntoViewOnChange: C };
   },
   Ee(
     gt,
@@ -2500,7 +2500,7 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = xe(
       be(i),
       ce(([, l]) => l !== 0),
       be(o, r, t, n, e),
-      U(([[, l], a, d, m, p, b = []]) => fi(l, a, d, m, p, b))
+      U(([[, l], a, d, v, h, b = []]) => fi(l, a, d, v, h, b))
     ),
     s
   ), {}),
@@ -2605,15 +2605,15 @@ const Ds = (e, t) => typeof e == "function" ? to(e(t)) : t && to(e), $s = xe(
     { didMount: i },
     { useWindowScroll: s, windowScrollContainerState: c, windowViewportRect: l }
   ]) => {
-    const a = ye(), d = H(void 0), m = H(null), p = H(null);
-    return te(c, m), te(l, p), Ie(
+    const a = ye(), d = H(void 0), v = H(null), h = H(null);
+    return te(c, v), te(l, h), Ie(
       L(
         a,
-        be(t, r, s, m, p, n)
+        be(t, r, s, v, h, n)
       ),
-      ([b, v, y, u, f, g, C]) => {
-        const k = Ms(v.sizeTree);
-        u && f !== null && g !== null && (y = f.scrollTop - g.offsetTop), y -= C, b({ ranges: k, scrollTop: y });
+      ([b, m, y, u, f, g, C]) => {
+        const T = Ms(m.sizeTree);
+        u && f !== null && g !== null && (y = f.scrollTop - g.offsetTop), y -= C, b({ ranges: T, scrollTop: y });
       }
     ), te(L(d, ce(yr), U(Us)), o), te(
       L(
@@ -2654,25 +2654,25 @@ const Xs = bi(() => /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: c },
     { listState: l },
-    { beforeUnshiftWith: a, gap: d, shiftWithOffset: m, sizes: p },
+    { beforeUnshiftWith: a, gap: d, shiftWithOffset: v, sizes: h },
     { log: b },
-    { recalcInProgress: v }
+    { recalcInProgress: m }
   ]) => {
     const y = Je(
       L(
         l,
         be(s),
         ht(
-          ([, f, g, C], [{ bottom: k, items: R, offsetBottom: I, totalCount: h }, S]) => {
-            const T = k + I;
+          ([, f, g, C], [{ bottom: T, items: R, offsetBottom: I, totalCount: p }, S]) => {
+            const k = T + I;
             let E = 0;
-            return g === h && f.length > 0 && R.length > 0 && (R[0].originalIndex === 0 && f[0].originalIndex === 0 || (E = T - C, E !== 0 && (E += S))), [E, R, h, T];
+            return g === p && f.length > 0 && R.length > 0 && (R[0].originalIndex === 0 && f[0].originalIndex === 0 || (E = k - C, E !== 0 && (E += S))), [E, R, p, k];
           },
           [0, [], 0, 0]
         ),
         ce(([f]) => f !== 0),
-        be(r, c, n, o, b, v),
-        ce(([, f, g, C, , , k]) => !k && !C && f !== 0 && g === Jt),
+        be(r, c, n, o, b, m),
+        ce(([, f, g, C, , , T]) => !T && !C && f !== 0 && g === Jt),
         U(([[f], , , , , g]) => (g("Upward scrolling compensation", { amount: f }, Qe.DEBUG), f))
       )
     );
@@ -2683,7 +2683,7 @@ const Xs = bi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       C && Xs() ? ge(e, g - f) : u(-f);
     }), Ie(
       L(
-        Fe(je(i, !1), e, v),
+        Fe(je(i, !1), e, m),
         ce(([f, g, C]) => !f && !C && g !== 0),
         U(([f, g]) => g),
         mt(1)
@@ -2691,37 +2691,37 @@ const Xs = bi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       u
     ), te(
       L(
-        m,
+        v,
         U((f) => ({ top: -f }))
       ),
       t
     ), Ie(
       L(
         a,
-        be(p, d),
-        U(([f, { groupIndices: g, lastSize: C, sizeTree: k }, R]) => {
-          function I(h) {
-            return h * (C + R);
+        be(h, d),
+        U(([f, { groupIndices: g, lastSize: C, sizeTree: T }, R]) => {
+          function I(p) {
+            return p * (C + R);
           }
           if (g.length === 0)
             return I(f);
           {
-            let h = 0;
-            const S = Yt(k, 0);
-            let T = 0, E = 0;
-            for (; T < f; ) {
-              T++, h += S;
+            let p = 0;
+            const S = Yt(T, 0);
+            let k = 0, E = 0;
+            for (; k < f; ) {
+              k++, p += S;
               let O = g.length === E + 1 ? 1 / 0 : g[E + 1] - g[E] - 1;
-              T + O > f && (h -= S, O = f - T + 1), T += O, h += I(O), E++;
+              k + O > f && (p -= S, O = f - k + 1), k += O, p += I(O), E++;
             }
-            return h;
+            return p;
           }
         })
       ),
       (f) => {
         ge(e, f), requestAnimationFrame(() => {
           ge(t, { top: f }), requestAnimationFrame(() => {
-            ge(e, 0), ge(v, !1);
+            ge(e, 0), ge(m, !1);
           });
         });
       }
@@ -2781,25 +2781,25 @@ const Xs = bi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       itemSize: l,
       sizeRanges: a,
       sizes: d,
-      statefulTotalCount: m,
-      totalCount: p,
+      statefulTotalCount: v,
+      totalCount: h,
       trackItemSizes: b
     },
-    { initialItemFinalLocationReached: v, initialTopMostItemIndex: y, scrolledToInitialItem: u },
+    { initialItemFinalLocationReached: m, initialTopMostItemIndex: y, scrolledToInitialItem: u },
     f,
     g,
     C,
-    k,
+    T,
     { scrollToIndex: R },
     I,
-    { topItemCount: h },
+    { topItemCount: p },
     { groupCounts: S },
-    T
+    k
   ]) => {
-    const { listState: E, minOverscanItemCount: O, topItemsIndexes: z, rangeChanged: w, ..._ } = k;
-    return te(w, T.scrollSeekRangeChanged), te(
+    const { listState: E, minOverscanItemCount: O, topItemsIndexes: z, rangeChanged: w, ..._ } = T;
+    return te(w, k.scrollSeekRangeChanged), te(
       L(
-        T.windowViewportRect,
+        k.windowViewportRect,
         U((P) => P.visibleHeight)
       ),
       f.viewportHeight
@@ -2812,14 +2812,14 @@ const Xs = bi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       gap: i,
       groupCounts: S,
       heightEstimates: c,
-      initialItemFinalLocationReached: v,
+      initialItemFinalLocationReached: m,
       initialTopMostItemIndex: y,
       scrolledToInitialItem: u,
       sizeRanges: a,
-      topItemCount: h,
+      topItemCount: p,
       topItemsIndexes: z,
       // input
-      totalCount: p,
+      totalCount: h,
       ...C,
       groupIndices: s,
       itemSize: l,
@@ -2827,13 +2827,13 @@ const Xs = bi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       minOverscanItemCount: O,
       scrollToIndex: R,
       // output
-      statefulTotalCount: m,
+      statefulTotalCount: v,
       trackItemSizes: b,
       // exported from stateFlagsSystem
       rangeChanged: w,
       ..._,
       // the bag of IO from featureGroup1System
-      ...T,
+      ...k,
       ...f,
       sizes: d,
       ...g
@@ -2881,29 +2881,29 @@ function Si(e, t, n) {
   }
   function a(u) {
     return i.reduce((f, g) => (f[g] = (C) => {
-      const k = u[t.methods[g]];
-      ge(k, C);
+      const T = u[t.methods[g]];
+      ge(T, C);
     }, f), {});
   }
   function d(u) {
     return s.reduce((f, g) => (f[g] = hs(u[t.events[g]]), f), {});
   }
-  const m = W.forwardRef((u, f) => {
-    const { children: g, ...C } = u, [k] = W.useState(() => _n(ms(e), (h) => {
-      l(h, C);
-    })), [R] = W.useState(qr(d, k));
+  const v = W.forwardRef((u, f) => {
+    const { children: g, ...C } = u, [T] = W.useState(() => _n(ms(e), (p) => {
+      l(p, C);
+    })), [R] = W.useState(qr(d, T));
     dn(() => {
-      for (const h of s)
-        h in C && Ie(R[h], C[h]);
+      for (const p of s)
+        p in C && Ie(R[p], C[p]);
       return () => {
         Object.values(R).map(xr);
       };
-    }, [C, R, k]), dn(() => {
-      l(k, C);
-    }), W.useImperativeHandle(f, Vr(a(k)));
+    }, [C, R, T]), dn(() => {
+      l(T, C);
+    }), W.useImperativeHandle(f, Vr(a(T)));
     const I = n;
-    return /* @__PURE__ */ x(c.Provider, { value: k, children: n ? /* @__PURE__ */ x(I, { ...Zs([...r, ...o, ...s], C), children: g }) : g });
-  }), p = (u) => {
+    return /* @__PURE__ */ x(c.Provider, { value: T, children: n ? /* @__PURE__ */ x(I, { ...Zs([...r, ...o, ...s], C), children: g }) : g });
+  }), h = (u) => {
     const f = W.useContext(c);
     return W.useCallback(
       (g) => {
@@ -2921,23 +2921,23 @@ function Si(e, t, n) {
       () => Be(f),
       () => Be(f)
     );
-  }, v = (u) => {
+  }, m = (u) => {
     const f = W.useContext(c)[u], [g, C] = W.useState(qr(Be, f));
     return dn(
-      () => Ie(f, (k) => {
-        k !== g && C(Vr(k));
+      () => Ie(f, (T) => {
+        T !== g && C(Vr(T));
       }),
       [f, g]
     ), g;
-  }, y = W.version.startsWith("18") ? b : v;
+  }, y = W.version.startsWith("18") ? b : m;
   return {
-    Component: m,
+    Component: v,
     useEmitter: (u, f) => {
       const g = W.useContext(c)[u];
       dn(() => Ie(g, f), [f, g]);
     },
     useEmitterValue: y,
-    usePublisher: p
+    usePublisher: h
   };
 }
 const yi = W.createContext(void 0), xi = W.createContext(void 0), wi = typeof document < "u" ? W.useLayoutEffect : W.useEffect;
@@ -2949,54 +2949,54 @@ function Js(e) {
 }
 function Ii(e, t, n, r = $t, o, i) {
   const s = W.useRef(null), c = W.useRef(null), l = W.useRef(null), a = W.useCallback(
-    (p) => {
-      let b, v, y;
-      const u = p.target;
+    (h) => {
+      let b, m, y;
+      const u = h.target;
       if (Js(u) || Dn(u)) {
         const g = Dn(u) ? u : u.defaultView;
-        y = i ? g.scrollX : g.scrollY, b = i ? g.document.documentElement.scrollWidth : g.document.documentElement.scrollHeight, v = i ? g.innerWidth : g.innerHeight;
+        y = i ? g.scrollX : g.scrollY, b = i ? g.document.documentElement.scrollWidth : g.document.documentElement.scrollHeight, m = i ? g.innerWidth : g.innerHeight;
       } else
-        y = i ? u.scrollLeft : u.scrollTop, b = i ? u.scrollWidth : u.scrollHeight, v = i ? u.offsetWidth : u.offsetHeight;
+        y = i ? u.scrollLeft : u.scrollTop, b = i ? u.scrollWidth : u.scrollHeight, m = i ? u.offsetWidth : u.offsetHeight;
       const f = () => {
         e({
           scrollHeight: b,
           scrollTop: Math.max(y, 0),
-          viewportHeight: v
+          viewportHeight: m
         });
       };
-      p.suppressFlushSync ? f() : Ki.flushSync(f), c.current !== null && (y === c.current || y <= 0 || y === b - v) && (c.current = null, t(!0), l.current && (clearTimeout(l.current), l.current = null));
+      h.suppressFlushSync ? f() : Ki.flushSync(f), c.current !== null && (y === c.current || y <= 0 || y === b - m) && (c.current = null, t(!0), l.current && (clearTimeout(l.current), l.current = null));
     },
     [e, t, i]
   );
   W.useEffect(() => {
-    const p = o || s.current;
-    return r(o || s.current), a({ suppressFlushSync: !0, target: p }), p.addEventListener("scroll", a, { passive: !0 }), () => {
-      r(null), p.removeEventListener("scroll", a);
+    const h = o || s.current;
+    return r(o || s.current), a({ suppressFlushSync: !0, target: h }), h.addEventListener("scroll", a, { passive: !0 }), () => {
+      r(null), h.removeEventListener("scroll", a);
     };
   }, [s, a, n, r, o]);
-  function d(p) {
+  function d(h) {
     const b = s.current;
     if (!b || (i ? "offsetWidth" in b && b.offsetWidth === 0 : "offsetHeight" in b && b.offsetHeight === 0))
       return;
-    const v = p.behavior === "smooth";
+    const m = h.behavior === "smooth";
     let y, u, f;
     Dn(b) ? (u = Math.max(
       St(b.document.documentElement, i ? "width" : "height"),
       i ? b.document.documentElement.scrollWidth : b.document.documentElement.scrollHeight
     ), y = i ? b.innerWidth : b.innerHeight, f = i ? window.scrollX : window.scrollY) : (u = b[i ? "scrollWidth" : "scrollHeight"], y = St(b, i ? "width" : "height"), f = b[i ? "scrollLeft" : "scrollTop"]);
     const g = u - y;
-    if (p.top = Math.ceil(Math.max(Math.min(g, p.top), 0)), di(y, u) || p.top === f) {
-      e({ scrollHeight: u, scrollTop: f, viewportHeight: y }), v && t(!0);
+    if (h.top = Math.ceil(Math.max(Math.min(g, h.top), 0)), di(y, u) || h.top === f) {
+      e({ scrollHeight: u, scrollTop: f, viewportHeight: y }), m && t(!0);
       return;
     }
-    v ? (c.current = p.top, l.current && clearTimeout(l.current), l.current = setTimeout(() => {
+    m ? (c.current = h.top, l.current && clearTimeout(l.current), l.current = setTimeout(() => {
       l.current = null, c.current = null, t(!0);
-    }, 1e3)) : c.current = null, i && (p = { behavior: p.behavior, left: p.top }), b.scrollTo(p);
+    }, 1e3)) : c.current = null, i && (h = { behavior: h.behavior, left: h.top }), b.scrollTo(h);
   }
-  function m(p) {
-    i && (p = { behavior: p.behavior, left: p.top }), s.current.scrollBy(p);
+  function v(h) {
+    i && (h = { behavior: h.behavior, left: h.top }), s.current.scrollBy(h);
   }
-  return { scrollByCallback: m, scrollerRef: s, scrollToCallback: d };
+  return { scrollByCallback: v, scrollerRef: s, scrollToCallback: d };
 }
 const $n = "-webkit-sticky", no = "sticky", Mr = bi(() => {
   if (typeof document > "u")
@@ -3037,13 +3037,13 @@ const el = /* @__PURE__ */ xe(() => {
   ([e, t]) => ({ ...e, ...t }),
   Ee(vi, el)
 ), nl = ({ height: e }) => /* @__PURE__ */ x("div", { style: { height: e } }), rl = { overflowAnchor: "none", position: Mr(), zIndex: 1 }, Ci = { overflowAnchor: "none" }, ol = { ...Ci, display: "inline-block", height: "100%" }, ro = /* @__PURE__ */ W.memo(function({ showTopList: e = !1 }) {
-  const t = fe("listState"), n = rt("sizeRanges"), r = fe("useWindowScroll"), o = fe("customScrollParent"), i = rt("windowScrollContainerState"), s = rt("scrollContainerState"), c = o || r ? i : s, l = fe("itemContent"), a = fe("context"), d = fe("groupContent"), m = fe("trackItemSizes"), p = fe("itemSize"), b = fe("log"), v = rt("gap"), y = fe("horizontalDirection"), { callbackRef: u } = Ss(
+  const t = fe("listState"), n = rt("sizeRanges"), r = fe("useWindowScroll"), o = fe("customScrollParent"), i = rt("windowScrollContainerState"), s = rt("scrollContainerState"), c = o || r ? i : s, l = fe("itemContent"), a = fe("context"), d = fe("groupContent"), v = fe("trackItemSizes"), h = fe("itemSize"), b = fe("log"), m = rt("gap"), y = fe("horizontalDirection"), { callbackRef: u } = Ss(
     n,
-    p,
-    m,
+    h,
+    v,
     e ? $t : c,
     b,
-    v,
+    m,
     o,
     y,
     fe("skipAnimationFrameInResizeObserver")
@@ -3051,7 +3051,7 @@ const el = /* @__PURE__ */ xe(() => {
   Or("deviation", (_) => {
     f !== _ && g(_);
   });
-  const C = fe("EmptyPlaceholder"), k = fe("ScrollSeekPlaceholder") || nl, R = fe("ListComponent"), I = fe("ItemComponent"), h = fe("GroupComponent"), S = fe("computeItemKey"), T = fe("isSeeking"), E = fe("groupIndices").length > 0, O = fe("alignToBottom"), z = fe("initialItemFinalLocationReached"), w = e ? {} : {
+  const C = fe("EmptyPlaceholder"), T = fe("ScrollSeekPlaceholder") || nl, R = fe("ListComponent"), I = fe("ItemComponent"), p = fe("GroupComponent"), S = fe("computeItemKey"), k = fe("isSeeking"), E = fe("groupIndices").length > 0, O = fe("alignToBottom"), z = fe("initialItemFinalLocationReached"), w = e ? {} : {
     boxSizing: "border-box",
     ...y ? {
       display: "inline-block",
@@ -3076,10 +3076,10 @@ const el = /* @__PURE__ */ xe(() => {
       style: w,
       children: (e ? t.topItems : t.items).map((_) => {
         const P = _.originalIndex, G = S(P + t.firstItemIndex, _.data, a);
-        return T ? /* @__PURE__ */ hn(
-          k,
+        return k ? /* @__PURE__ */ hn(
+          T,
           {
-            ...qe(k, a),
+            ...qe(T, a),
             height: _.size,
             index: _.index,
             key: G,
@@ -3087,9 +3087,9 @@ const el = /* @__PURE__ */ xe(() => {
             ..._.type === "group" ? {} : { groupIndex: _.groupIndex }
           }
         ) : _.type === "group" ? /* @__PURE__ */ hn(
-          h,
+          p,
           {
-            ...qe(h, a),
+            ...qe(p, a),
             "data-index": P,
             "data-item-index": _.index,
             "data-known-size": _.size,
@@ -3170,21 +3170,21 @@ const cl = /* @__PURE__ */ W.memo(function() {
 });
 function Ti({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   return W.memo(function({ children: r, style: o, context: i, ...s }) {
-    const c = n("scrollContainerState"), l = t("ScrollerComponent"), a = n("smoothScrollTargetReached"), d = t("scrollerRef"), m = t("horizontalDirection") || !1, { scrollByCallback: p, scrollerRef: b, scrollToCallback: v } = Ii(
+    const c = n("scrollContainerState"), l = t("ScrollerComponent"), a = n("smoothScrollTargetReached"), d = t("scrollerRef"), v = t("horizontalDirection") || !1, { scrollByCallback: h, scrollerRef: b, scrollToCallback: m } = Ii(
       c,
       a,
       l,
       d,
       void 0,
-      m
+      v
     );
-    return e("scrollTo", v), e("scrollBy", p), /* @__PURE__ */ x(
+    return e("scrollTo", m), e("scrollBy", h), /* @__PURE__ */ x(
       l,
       {
         "data-testid": "virtuoso-scroller",
         "data-virtuoso-scroller": !0,
         ref: b,
-        style: { ...m ? sl : il, ...o },
+        style: { ...v ? sl : il, ...o },
         tabIndex: 0,
         ...s,
         ...qe(l, i),
@@ -3195,24 +3195,24 @@ function Ti({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
 }
 function ki({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   return W.memo(function({ children: r, style: o, context: i, ...s }) {
-    const c = n("windowScrollContainerState"), l = t("ScrollerComponent"), a = n("smoothScrollTargetReached"), d = t("totalListHeight"), m = t("deviation"), p = t("customScrollParent"), b = W.useRef(null), v = t("scrollerRef"), { scrollByCallback: y, scrollerRef: u, scrollToCallback: f } = Ii(
+    const c = n("windowScrollContainerState"), l = t("ScrollerComponent"), a = n("smoothScrollTargetReached"), d = t("totalListHeight"), v = t("deviation"), h = t("customScrollParent"), b = W.useRef(null), m = t("scrollerRef"), { scrollByCallback: y, scrollerRef: u, scrollToCallback: f } = Ii(
       c,
       a,
       l,
-      v,
-      p
+      m,
+      h
     );
     return wi(() => {
       var g;
-      return u.current = p || ((g = b.current) == null ? void 0 : g.ownerDocument.defaultView), () => {
+      return u.current = h || ((g = b.current) == null ? void 0 : g.ownerDocument.defaultView), () => {
         u.current = null;
       };
-    }, [u, p]), e("windowScrollTo", f), e("scrollBy", y), /* @__PURE__ */ x(
+    }, [u, h]), e("windowScrollTo", f), e("scrollBy", y), /* @__PURE__ */ x(
       l,
       {
         ref: b,
         "data-virtuoso-scroller": !0,
-        style: { position: "relative", ...o, ...d !== 0 ? { height: d + m } : {} },
+        style: { position: "relative", ...o, ...d !== 0 ? { height: d + v } : {} },
         ...s,
         ...qe(l, i),
         children: r
@@ -3328,7 +3328,7 @@ const dl = ({ children: e }) => {
   ] })), r = H(null), o = H(null), i = H({}), s = H(Er), c = H($t), l = (a, d = null) => je(
     L(
       i,
-      U((m) => m[a]),
+      U((v) => v[a]),
       Me()
     ),
     d
@@ -3391,17 +3391,17 @@ function wl(e, t) {
 const Il = /* @__PURE__ */ xe(
   ([
     { increaseViewportBy: e, listBoundary: t, overscan: n, visibleRange: r },
-    { footerHeight: o, headerHeight: i, scrollBy: s, scrollContainerState: c, scrollTo: l, scrollTop: a, smoothScrollTargetReached: d, viewportHeight: m },
-    p,
+    { footerHeight: o, headerHeight: i, scrollBy: s, scrollContainerState: c, scrollTo: l, scrollTop: a, smoothScrollTargetReached: d, viewportHeight: v },
+    h,
     b,
-    { didMount: v, propsReady: y },
-    { customScrollParent: u, useWindowScroll: f, windowScrollContainerState: g, windowScrollTo: C, windowViewportRect: k },
+    { didMount: m, propsReady: y },
+    { customScrollParent: u, useWindowScroll: f, windowScrollContainerState: g, windowScrollTo: C, windowViewportRect: T },
     R
   ]) => {
-    const I = H(0), h = H(0), S = H(oo), T = H({ height: 0, width: 0 }), E = H({ height: 0, width: 0 }), O = ye(), z = ye(), w = H(0), _ = H(null), P = H({ column: 0, row: 0 }), G = ye(), M = ye(), B = H(!1), F = H(0), V = H(!0), q = H(!1), ue = H(!1);
+    const I = H(0), p = H(0), S = H(oo), k = H({ height: 0, width: 0 }), E = H({ height: 0, width: 0 }), O = ye(), z = ye(), w = H(0), _ = H(null), P = H({ column: 0, row: 0 }), G = ye(), M = ye(), B = H(!1), F = H(0), V = H(!0), q = H(!1), ue = H(!1);
     Ie(
       L(
-        v,
+        m,
         be(F),
         ce(([A, K]) => !!K)
       ),
@@ -3410,7 +3410,7 @@ const Il = /* @__PURE__ */ xe(
       }
     ), Ie(
       L(
-        Fe(v, V, E, T, F, q),
+        Fe(m, V, E, k, F, q),
         ce(([A, K, ne, N, , oe]) => A && !K && ne.height !== 0 && N.height !== 0 && !oe)
       ),
       ([, , , , A]) => {
@@ -3426,28 +3426,28 @@ const Il = /* @__PURE__ */ xe(
         ce((A) => A != null && A.scrollTop > 0),
         pt(0)
       ),
-      h
+      p
     ), Ie(
       L(
-        v,
+        m,
         be(M),
         ce(([, A]) => A != null)
       ),
       ([, A]) => {
-        A && (ge(T, A.viewport), ge(E, A.item), ge(P, A.gap), A.scrollTop > 0 && (ge(B, !0), ct(L(a, _t(1)), (K) => {
+        A && (ge(k, A.viewport), ge(E, A.item), ge(P, A.gap), A.scrollTop > 0 && (ge(B, !0), ct(L(a, _t(1)), (K) => {
           ge(B, !1);
         }), ge(l, { top: A.scrollTop })));
       }
     ), te(
       L(
-        T,
+        k,
         U(({ height: A }) => A)
       ),
-      m
+      v
     ), te(
       L(
         Fe(
-          ae(T, fn),
+          ae(k, fn),
           ae(E, fn),
           ae(P, (A, K) => A && A.column === K.column && A.row === K.row),
           ae(a)
@@ -3467,9 +3467,9 @@ const Il = /* @__PURE__ */ xe(
           r,
           ae(P, wl),
           ae(E, fn),
-          ae(T, fn),
+          ae(k, fn),
           ae(_),
-          ae(h),
+          ae(p),
           ae(B),
           ae(V),
           ae(F)
@@ -3513,7 +3513,7 @@ const Il = /* @__PURE__ */ xe(
       I
     ), te(
       L(
-        Fe(T, E, S, P),
+        Fe(k, E, S, P),
         ce(([A, K, { items: ne }]) => ne.length > 0 && K.height !== 0 && A.height !== 0),
         U(([A, K, { items: ne }, N]) => {
           const { bottom: oe, top: $ } = ao(A, N, K, ne);
@@ -3567,7 +3567,7 @@ const Il = /* @__PURE__ */ xe(
     te(ee, b.scrollSeekRangeChanged), te(
       L(
         O,
-        be(T, E, I, P),
+        be(k, E, I, P),
         U(([A, K, ne, N, oe]) => {
           const $ = ui(A), { align: J, behavior: se, offset: re } = $;
           let pe = $.index;
@@ -3587,10 +3587,10 @@ const Il = /* @__PURE__ */ xe(
     );
     return te(
       L(
-        k,
+        T,
         U((A) => ({ height: A.visibleHeight, width: A.visibleWidth }))
       ),
-      T
+      k
     ), {
       customScrollParent: u,
       // input
@@ -3600,7 +3600,7 @@ const Il = /* @__PURE__ */ xe(
       gap: P,
       headerHeight: i,
       increaseViewportBy: e,
-      initialItemCount: h,
+      initialItemCount: p,
       itemDimensions: E,
       overscan: n,
       restoreStateFrom: M,
@@ -3613,17 +3613,17 @@ const Il = /* @__PURE__ */ xe(
       smoothScrollTargetReached: d,
       totalCount: I,
       useWindowScroll: f,
-      viewportDimensions: T,
+      viewportDimensions: k,
       windowScrollContainerState: g,
       windowScrollTo: C,
-      windowViewportRect: k,
+      windowViewportRect: T,
       ...b,
       // output
       gridState: S,
       horizontalDirection: ue,
       initialTopMostItemIndex: F,
       totalListHeight: X,
-      ...p,
+      ...h,
       endReached: ke,
       propsReady: y,
       rangeChanged: ee,
@@ -3650,13 +3650,13 @@ function mr(e, t, n, r) {
   return s > 0 ? s + t.row : s;
 }
 const Cl = /* @__PURE__ */ xe(() => {
-  const e = H((m) => `Item ${m}`), t = H({}), n = H(null), r = H("virtuoso-grid-item"), o = H("virtuoso-grid-list"), i = H(Er), s = H("div"), c = H($t), l = (m, p = null) => je(
+  const e = H((v) => `Item ${v}`), t = H({}), n = H(null), r = H("virtuoso-grid-item"), o = H("virtuoso-grid-list"), i = H(Er), s = H("div"), c = H($t), l = (v, h = null) => je(
     L(
       t,
-      U((b) => b[m]),
+      U((b) => b[v]),
       Me()
     ),
-    p
+    h
   ), a = H(!1), d = H(!1);
   return te(ae(d), a), {
     components: t,
@@ -3680,29 +3680,29 @@ const Cl = /* @__PURE__ */ xe(() => {
   ([e, t]) => ({ ...e, ...t }),
   Ee(Il, Cl)
 ), kl = /* @__PURE__ */ W.memo(function() {
-  const e = Pe("gridState"), t = Pe("listClassName"), n = Pe("itemClassName"), r = Pe("itemContent"), o = Pe("computeItemKey"), i = Pe("isSeeking"), s = ot("scrollHeight"), c = Pe("ItemComponent"), l = Pe("ListComponent"), a = Pe("ScrollSeekPlaceholder"), d = Pe("context"), m = ot("itemDimensions"), p = ot("gap"), b = Pe("log"), v = Pe("stateRestoreInProgress"), y = ot("reportReadyState"), u = Ot(
+  const e = Pe("gridState"), t = Pe("listClassName"), n = Pe("itemClassName"), r = Pe("itemContent"), o = Pe("computeItemKey"), i = Pe("isSeeking"), s = ot("scrollHeight"), c = Pe("ItemComponent"), l = Pe("ListComponent"), a = Pe("ScrollSeekPlaceholder"), d = Pe("context"), v = ot("itemDimensions"), h = ot("gap"), b = Pe("log"), m = Pe("stateRestoreInProgress"), y = ot("reportReadyState"), u = Ot(
     W.useMemo(
       () => (f) => {
         const g = f.parentElement.parentElement.scrollHeight;
         s(g);
         const C = f.firstChild;
         if (C) {
-          const { height: k, width: R } = C.getBoundingClientRect();
-          m({ height: k, width: R });
+          const { height: T, width: R } = C.getBoundingClientRect();
+          v({ height: T, width: R });
         }
-        p({
+        h({
           column: co("column-gap", getComputedStyle(f).columnGap, b),
           row: co("row-gap", getComputedStyle(f).rowGap, b)
         });
       },
-      [s, m, p, b]
+      [s, v, h, b]
     ),
     !0,
     !1
   );
   return wi(() => {
     e.itemHeight > 0 && e.itemWidth > 0 && y(!0);
-  }, [e]), v ? null : /* @__PURE__ */ x(
+  }, [e]), m ? null : /* @__PURE__ */ x(
     l,
     {
       className: t,
@@ -3904,7 +3904,7 @@ const Kl = Object.freeze({
   pointerColor: void 0
 }), Mi = W.memo(
   function({ runs: t, ns: n, baseIndex: r, preGroups: o }) {
-    const i = _e((O) => O.setClipIndex), s = _e((O) => O.seek), c = j((O) => O.setCurrentGlobalRunIndex), l = yn(), a = j((O) => O.rangeStartGI), d = j((O) => O.rangeEndGI), m = j((O) => O.setRange), p = a != null && d != null, b = Q(
+    const i = _e((O) => O.setClipIndex), s = _e((O) => O.seek), c = j((O) => O.setCurrentGlobalRunIndex), l = yn(), a = j((O) => O.rangeStartGI), d = j((O) => O.rangeEndGI), v = j((O) => O.setRange), h = a != null && d != null, b = Q(
       (O) => {
         var F;
         const z = (F = O.target) == null ? void 0 : F.closest("[data-g]");
@@ -3918,29 +3918,29 @@ const Kl = Object.freeze({
         M != null && B != null && (i(M), s(B));
       },
       [t, r, s, i, c]
-    ), v = ie(null), y = ie(!1), u = ie({ x: 0, y: 0 }), f = Q(
+    ), m = ie(null), y = ie(!1), u = ie({ x: 0, y: 0 }), f = Q(
       (O) => {
         var P;
         const z = (P = O.target) == null ? void 0 : P.closest("[data-g]");
         if (!z) return;
         const w = Number(z.dataset.g), _ = w - r;
-        _ < 0 || _ >= t.length || (y.current = !1, u.current = { x: O.clientX, y: O.clientY }, v.current && (window.clearTimeout(v.current), v.current = null), v.current = window.setTimeout(() => {
-          l.getState().status !== "playing" && (m(w, w), y.current = !0, v.current = null);
+        _ < 0 || _ >= t.length || (y.current = !1, u.current = { x: O.clientX, y: O.clientY }, m.current && (window.clearTimeout(m.current), m.current = null), m.current = window.setTimeout(() => {
+          l.getState().status !== "playing" && (v(w, w), y.current = !0, m.current = null);
         }, 800));
       },
-      [t, r, m, l]
+      [t, r, v, l]
     ), g = Q(() => {
-      v.current && (window.clearTimeout(v.current), v.current = null);
+      m.current && (window.clearTimeout(m.current), m.current = null);
     }, []), C = Q(
       (O) => {
-        if (!v.current) return;
+        if (!m.current) return;
         const z = O.clientX - u.current.x, w = O.clientY - u.current.y;
         (Math.abs(z) > 5 || Math.abs(w) > 5) && g();
       },
       [g]
-    ), k = Q(() => {
+    ), T = Q(() => {
       g();
-    }, [g]), R = g, I = g, h = j((O) => O.clearRange), S = Q(
+    }, [g]), R = g, I = g, p = j((O) => O.clearRange), S = Q(
       (O) => {
         var _;
         if (y.current) {
@@ -3950,10 +3950,10 @@ const Kl = Object.freeze({
         const z = (_ = O.target) == null ? void 0 : _.closest("[data-g]");
         if (!z) return;
         const w = Number(z.dataset.g);
-        isNaN(w) || p && a != null && d != null && (h(), O.stopPropagation());
+        isNaN(w) || h && a != null && d != null && (p(), O.stopPropagation());
       },
-      [p, a, d, h]
-    ), T = o, E = r + t.length - 1;
+      [h, a, d, p]
+    ), k = o, E = r + t.length - 1;
     return /* @__PURE__ */ x(
       "span",
       {
@@ -3961,10 +3961,10 @@ const Kl = Object.freeze({
         onDoubleClick: b,
         onPointerDown: f,
         onPointerMove: C,
-        onPointerUp: k,
+        onPointerUp: T,
         onPointerCancel: R,
         onPointerLeave: I,
-        children: T.map((O, z) => /* @__PURE__ */ x(
+        children: k.map((O, z) => /* @__PURE__ */ x(
           Yl,
           {
             ns: n,
@@ -4013,7 +4013,7 @@ const Kl = Object.freeze({
         pointerColor: u.pointerColor
       } : Kl,
       [l]
-    ), d = Y(nn(a)), m = n.r0 ?? 0, p = n.len ?? Math.max(0, n.endG - n.startG + 1), b = l && d.showPointer && d.pointerStyle !== "underline", v = l && d.showPointer && d.pointerStyle === "underline", y = b || v ? {
+    ), d = Y(nn(a)), v = n.r0 ?? 0, h = n.len ?? Math.max(0, n.endG - n.startG + 1), b = l && d.showPointer && d.pointerStyle !== "underline", m = l && d.showPointer && d.pointerStyle === "underline", y = b || m ? {
       // 배경색(하이라이트)
       "--hl-color": d.pointerColor,
       // 밑줄 색/두께/오프셋
@@ -4021,19 +4021,19 @@ const Kl = Object.freeze({
       "--ul-thickness": "0.3em",
       "--ul-offset": "0.35em"
     } : void 0;
-    return /* @__PURE__ */ x(yt, { children: Array.from({ length: p }).map((u, f) => {
-      const C = r[m + f], k = n.startG + f, R = `${t}/run:${k}`, I = !!C.split && k !== o;
-      let h = `${ft.runWrap}`;
-      return b && (p === 1 ? h += ` ${ft.highlight}` : f === 0 ? h += ` ${ft.highlightleft}` : f + 1 === p ? h += ` ${ft.highlightright}` : h += ` ${ft.highlightcenter}`), v && (p === 1 ? h += ` ${ft.underline}` : f === 0 ? h += ` ${ft.underlineleft}` : f + 1 === p ? h += ` ${ft.underlineright}` : h += ` ${ft.underlinecenter}`), /* @__PURE__ */ Z(W.Fragment, { children: [
-        /* @__PURE__ */ x("span", { className: h, style: y, children: /* @__PURE__ */ x(
+    return /* @__PURE__ */ x(yt, { children: Array.from({ length: h }).map((u, f) => {
+      const C = r[v + f], T = n.startG + f, R = `${t}/run:${T}`, I = !!C.split && T !== o;
+      let p = `${ft.runWrap}`;
+      return b && (h === 1 ? p += ` ${ft.highlight}` : f === 0 ? p += ` ${ft.highlightleft}` : f + 1 === h ? p += ` ${ft.highlightright}` : p += ` ${ft.highlightcenter}`), m && (h === 1 ? p += ` ${ft.underline}` : f === 0 ? p += ` ${ft.underlineleft}` : f + 1 === h ? p += ` ${ft.underlineright}` : p += ` ${ft.underlinecenter}`), /* @__PURE__ */ Z(W.Fragment, { children: [
+        /* @__PURE__ */ x("span", { className: p, style: y, children: /* @__PURE__ */ x(
           Ql,
           {
             gi: n.startG,
-            g: k,
+            g: T,
             run: C,
             active: l,
             pointerCfg: d,
-            isInRange: i != null && s != null && k >= i && k <= s
+            isInRange: i != null && s != null && T >= i && T <= s
           }
         ) }),
         I && /* @__PURE__ */ x(Xl, {})
@@ -4250,25 +4250,25 @@ const ia = "_scroller_kqkmq_3", sa = {
 function ca(e, t = 12, n = 1.5, r = 0.5) {
   if (!e) return -1;
   const o = e.getBoundingClientRect(), i = o.top + t;
-  let s = -1, c = 1 / 0, l = 1 / 0, a = -1, d = 1 / 0, m = 1 / 0;
-  const p = e.querySelectorAll("[data-g]");
-  for (let b = 0; b < p.length; b++) {
-    const v = p[b];
-    if (!v || !v.isConnected) continue;
-    const y = aa(v);
+  let s = -1, c = 1 / 0, l = 1 / 0, a = -1, d = 1 / 0, v = 1 / 0;
+  const h = e.querySelectorAll("[data-g]");
+  for (let b = 0; b < h.length; b++) {
+    const m = h[b];
+    if (!m || !m.isConnected) continue;
+    const y = aa(m);
     if (!y || !br(y)) continue;
-    const u = v.getBoundingClientRect();
+    const u = m.getBoundingClientRect();
     if (u.height <= r || u.width <= r || u.bottom <= o.top || u.top >= o.bottom) continue;
     if (u.top < i) {
       const C = Math.abs(u.top - i);
-      (C < d || C === d && (u.top < m || a !== -1 && Number(v.dataset.g) < a)) && (d = C, a = Number(v.dataset.g), m = u.top);
+      (C < d || C === d && (u.top < v || a !== -1 && Number(m.dataset.g) < a)) && (d = C, a = Number(m.dataset.g), v = u.top);
       continue;
     }
-    const f = Number(v.dataset.g);
+    const f = Number(m.dataset.g);
     if (Number.isNaN(f)) continue;
     u.top < l - n ? (l = u.top, c = u.top, s = f) : u.top <= l + n && (u.top < c || u.top === c && (s === -1 || f < s)) && (c = u.top, s = f);
     const g = Math.abs(u.top - i);
-    (g < d || g === d && (u.top < m || a !== -1 && f < a)) && (d = g, a = f, m = u.top);
+    (g < d || g === d && (u.top < v || a !== -1 && f < a)) && (d = g, a = f, v = u.top);
   }
   return s !== -1 ? s : a;
 }
@@ -4312,8 +4312,8 @@ const qn = async (e, t, { topPaddingRatio: n = 0.15, behavior: r = "smooth", qui
   await da(e, o);
   const s = xn(e, t);
   if (!s) return !1;
-  const c = e.getBoundingClientRect(), l = s.getBoundingClientRect(), a = c.height * n, d = c.top + a, m = l.top - d;
-  return Math.abs(m) <= 1;
+  const c = e.getBoundingClientRect(), l = s.getBoundingClientRect(), a = c.height * n, d = c.top + a, v = l.top - d;
+  return Math.abs(v) <= 1;
 }, vt = () => new Promise((e) => {
   requestAnimationFrame(() => {
     requestAnimationFrame(() => e());
@@ -4622,24 +4622,24 @@ function Ia({
   nsPrefix: n
 }) {
   const r = ve(() => {
-    const T = [], E = Pr();
+    const k = [], E = Pr();
     return t.forEach((O, z) => {
-      O.type === "paragraph" && (T[z] = Br(O, E));
-    }), T;
-  }, [t]), o = j((T) => {
+      O.type === "paragraph" && (k[z] = Br(O, E));
+    }), k;
+  }, [t]), o = j((k) => {
     var E;
-    return ((E = T.layout) == null ? void 0 : E.prefix) ?? [];
-  }), i = j((T) => {
+    return ((E = k.layout) == null ? void 0 : E.prefix) ?? [];
+  }), i = j((k) => {
     var E;
-    return ((E = T.derivedNav) == null ? void 0 : E.splitGroupsPerBlock) ?? [];
-  }), s = Y((T) => T.marginX), c = Y((T) => T.viewportHeight), l = ie({
+    return ((E = k.derivedNav) == null ? void 0 : E.splitGroupsPerBlock) ?? [];
+  }), s = Y((k) => k.marginX), c = Y((k) => k.viewportHeight), l = ie({
     start: 0,
     end: 0
   }), a = Q(
-    (T) => {
-      const E = t[T], O = `${n}blk-${E.id}`;
+    (k) => {
+      const E = t[k], O = `${n}blk-${E.id}`;
       if (E.type === "image") {
-        const { src: _, alt: P, width: G, height: M } = E, B = G && M ? `${G} / ${M}` : "4 / 3", F = T >= l.current.start && T <= l.current.end, V = c > 80 ? Math.floor((c - 80) * 0.6) : void 0;
+        const { src: _, alt: P, width: G, height: M } = E, B = G && M ? `${G} / ${M}` : "4 / 3", F = k >= l.current.start && k <= l.current.end, V = c > 80 ? Math.floor((c - 80) * 0.6) : void 0;
         return /* @__PURE__ */ Z("div", { style: { margin: "12px 0", textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ x(
             "div",
@@ -4673,7 +4673,7 @@ function Ia({
           P && /* @__PURE__ */ x("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 4 }, children: P })
         ] });
       }
-      const z = r[T] ?? void 0, w = i[T];
+      const z = r[k] ?? void 0, w = i[k];
       return /* @__PURE__ */ x(
         "div",
         {
@@ -4687,7 +4687,7 @@ function Ia({
               block: E,
               computedMarker: z,
               ns: O,
-              baseIndex: o[T],
+              baseIndex: o[k],
               sectionId: e.section_id,
               preGroups: w
             }
@@ -4696,11 +4696,11 @@ function Ia({
       );
     },
     [t, r, o, n, e, i, c]
-  ), d = ie(null), m = Q((T) => {
-    d.current = T;
-  }, []), p = ve(
-    () => Wt((T) => {
-      const { style: E, children: O, ...z } = T;
+  ), d = ie(null), v = Q((k) => {
+    d.current = k;
+  }, []), h = ve(
+    () => Wt((k) => {
+      const { style: E, children: O, ...z } = k;
       return /* @__PURE__ */ x("div", { ...z, style: E, children: /* @__PURE__ */ x(
         "div",
         {
@@ -4720,7 +4720,7 @@ function Ia({
       ) });
     }),
     [s]
-  ), b = ie(null), v = ve(() => t.map((T) => T.id), [t]), [y, u] = nt(!1);
+  ), b = ie(null), m = ve(() => t.map((k) => k.id), [t]), [y, u] = nt(!1);
   Se(() => {
     u(!1);
   }, [t]);
@@ -4729,8 +4729,8 @@ function Ia({
   }, []), g = Q(() => {
     if (!y)
       return /* @__PURE__ */ x("div", { style: { height: 40 } });
-    const T = e.quizzes, E = Math.max(80, Math.floor(c * 0.5));
-    return T && T.length ? /* @__PURE__ */ Z("div", { style: { display: "block" }, children: [
+    const k = e.quizzes, E = Math.max(80, Math.floor(c * 0.5));
+    return k && k.length ? /* @__PURE__ */ Z("div", { style: { display: "block" }, children: [
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Pi, {}) }),
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Cn, { isIcon: !1 }) }),
       /* @__PURE__ */ x("div", { style: { height: E, width: "100%" } })
@@ -4740,7 +4740,7 @@ function Ia({
     ] });
   }, [y, e, c]), C = ve(
     () => ({
-      Item: p,
+      Item: h,
       Header: () => /* @__PURE__ */ x("div", { style: { height: 40 } }),
       Footer: g,
       Scroller: la
@@ -4748,32 +4748,32 @@ function Ia({
     }),
     [
       g,
-      p
+      h
       // , ScrollPlaceholder
     ]
     // CustomScroller는 고정이면 deps에 안 넣어도 OK
-  ), k = Q((T) => v[T], [v]), R = Rt(), [I] = nt(() => R.getState().progress.currentGlobalRunIndex ?? 0), h = ve(() => {
+  ), T = Q((k) => m[k], [m]), R = Rt(), [I] = nt(() => R.getState().progress.currentGlobalRunIndex ?? 0), p = ve(() => {
     if (!o.length) return 0;
-    const T = o[o.length - 1], E = Math.max(0, Math.min(I, T));
+    const k = o[o.length - 1], E = Math.max(0, Math.min(I, k));
     return Ai(o, E);
   }, [o, I]);
   console.log("SectionRenderVirtuoso확인");
   const S = Rt();
   return Se(() => {
-    let T = !1;
+    let k = !1;
     return (async () => {
       let E = d.current;
       if (!E) {
         for (let _ = 0; _ < 20; _++) {
-          if (await new Promise((P) => setTimeout(P, 50)), T) return;
+          if (await new Promise((P) => setTimeout(P, 50)), k) return;
           if (E = d.current, E) break;
         }
         if (!E) return;
       }
       const O = S.getState().progress.currentGlobalRunIndex, z = S.getState().progress.setSectionLoading, w = O != null && O >= 0 ? O : 0;
-      await Ei(E, w), !T && (await vt(), await vt(), await vt(), await vt(), !T && z(!1));
+      await Ei(E, w), !k && (await vt(), await vt(), await vt(), await vt(), !k && z(!1));
     })(), () => {
-      T = !0;
+      k = !0;
     };
   }, [d, S]), /* @__PURE__ */ Z(yt, { children: [
     /* @__PURE__ */ x(
@@ -4788,14 +4788,14 @@ function Ia({
           // padding: `${marginY}px ${marginX}px`,
         },
         defaultItemHeight: 99,
-        computeItemKey: k,
+        computeItemKey: T,
         totalCount: t.length,
         itemContent: a,
-        initialTopMostItemIndex: h,
+        initialTopMostItemIndex: p,
         increaseViewportBy: { top: 200, bottom: 200 },
         endReached: f,
         components: C,
-        scrollerRef: m
+        scrollerRef: v
       }
     ),
     /* @__PURE__ */ x(
@@ -4813,22 +4813,22 @@ const Ca = ({
   virtRef: t,
   prefix: n
 }) => {
-  const r = j((w) => w.setCurrentGlobalRunIndex), o = j((w) => w.registerSectionScrollApi), i = j((w) => w.currentGlobalRunIndex), s = _e((w) => w.scrollLock), c = _e((w) => w.syncToGI), l = Et(), a = ie(!1), d = ie(null), m = ie(null), p = ie(null), b = ie(-1), v = Q(() => {
+  const r = j((w) => w.setCurrentGlobalRunIndex), o = j((w) => w.registerSectionScrollApi), i = j((w) => w.currentGlobalRunIndex), s = _e((w) => w.scrollLock), c = _e((w) => w.syncToGI), l = Et(), a = ie(!1), d = ie(null), v = ie(null), h = ie(null), b = ie(-1), m = Q(() => {
     if (s) return;
     d.current = null;
-    const w = m.current;
+    const w = v.current;
     if (!w) return;
     const _ = ca(w, 5);
     _ !== -1 && _ !== b.current && (b.current = _, c(_), r(_, "scroll"));
   }, [s, c, r]), y = Q(
     (w) => {
-      m.current = w, d.current == null && (d.current = requestAnimationFrame(v));
+      v.current = w, d.current == null && (d.current = requestAnimationFrame(m));
     },
-    [v]
+    [m]
   ), u = Q(
     (w) => {
-      m.current = w, p.current != null && (window.clearTimeout(p.current), p.current = null), p.current = window.setTimeout(() => {
-        p.current = null, v();
+      v.current = w, h.current != null && (window.clearTimeout(h.current), h.current = null), h.current = window.setTimeout(() => {
+        h.current = null, m();
         const _ = b.current;
         if (_ === -1) return;
         const P = w.scrollTop, G = w.scrollHeight - w.clientHeight, M = G > 0 ? P / G : 0;
@@ -4849,24 +4849,24 @@ const Ca = ({
         });
       }, 100);
     },
-    [v, l]
+    [m, l]
   ), f = ie(!1), g = Q(
     (w) => {
       s || a.current && (f.current || (y(w), u(w)));
     },
     [s, y, u]
-  ), C = ie(void 0), k = ie(void 0), R = ie(void 0), I = ie(void 0);
+  ), C = ie(void 0), T = ie(void 0), R = ie(void 0), I = ie(void 0);
   Se(() => {
     const w = e.current;
     if (w)
       return C.current = () => {
         a.current = !0;
-      }, k.current = () => {
+      }, T.current = () => {
         a.current = !0;
       }, R.current = () => {
         a.current = !0;
-      }, I.current = () => g(w), w.addEventListener("wheel", C.current, { passive: !0 }), w.addEventListener("touchmove", k.current, { passive: !0 }), window.addEventListener("keydown", R.current, { passive: !0 }), w.addEventListener("scroll", I.current, { passive: !0 }), () => {
-        w.removeEventListener("wheel", C.current), w.removeEventListener("touchmove", k.current), window.removeEventListener("keydown", R.current), w.removeEventListener("scroll", I.current), d.current != null && cancelAnimationFrame(d.current), p.current != null && (clearTimeout(p.current), p.current = null);
+      }, I.current = () => g(w), w.addEventListener("wheel", C.current, { passive: !0 }), w.addEventListener("touchmove", T.current, { passive: !0 }), window.addEventListener("keydown", R.current, { passive: !0 }), w.addEventListener("scroll", I.current, { passive: !0 }), () => {
+        w.removeEventListener("wheel", C.current), w.removeEventListener("touchmove", T.current), window.removeEventListener("keydown", R.current), w.removeEventListener("scroll", I.current), d.current != null && cancelAnimationFrame(d.current), h.current != null && (clearTimeout(h.current), h.current = null);
       };
   }, [g, e]), Se(() => {
     const w = e.current;
@@ -4885,14 +4885,14 @@ const Ca = ({
       w.removeEventListener("wheel", _), w.removeEventListener("touchmove", P), window.removeEventListener("keydown", G), w.style.overscrollBehavior = M.overscrollBehavior, w.style.touchAction = M.touchAction;
     };
   }, [s, e]);
-  const h = ie({
+  const p = ie({
     first: -1,
     last: -1
-  }), S = ie(!1), T = Q(() => {
+  }), S = ie(!1), k = Q(() => {
     const w = e.current;
     if (!w) return;
     const _ = mo(w), P = (_ == null ? void 0 : _.first) ?? -1, G = (_ == null ? void 0 : _.last) ?? -1;
-    h.current = { first: P, last: G };
+    p.current = { first: P, last: G };
   }, [e]), E = ie(!1), O = Q(() => {
     const w = e.current;
     if (!w || E.current) return;
@@ -4906,12 +4906,12 @@ const Ca = ({
     });
   }, [e]);
   Se(() => {
-    !S.current && s && (E.current = !1, T()), S.current = s;
-  }, [s, T]), Se(() => {
+    !S.current && s && (E.current = !1, k()), S.current = s;
+  }, [s, k]), Se(() => {
     if (s !== !0) return;
     const w = e.current;
     if (!w) return;
-    const { first: _, last: P } = h.current;
+    const { first: _, last: P } = p.current;
     if (_ === -1 || P === -1) {
       O();
       return;
@@ -4927,7 +4927,7 @@ const Ca = ({
         } finally {
           f.current = !1;
         }
-        T();
+        k();
       })();
       return;
     }
@@ -4941,14 +4941,14 @@ const Ca = ({
         });
       }
       M().then((B) => {
-        B ? T() : O();
+        B ? k() : O();
       });
     }
   }, [
     s,
     i,
     O,
-    T,
+    k,
     e
   ]);
   const z = Q(() => {
@@ -5036,20 +5036,20 @@ function Ta(e) {
   return !!(["a", "button", "input", "textarea", "select", "label"].includes(n) || t.isContentEditable);
 }
 function ka() {
-  const e = j((v) => v.section), t = Y((v) => v.theme), n = Y((v) => v.fontFamily), r = Y((v) => v.fontSizePx), o = Y((v) => v.lineHeight), i = bn[t], { blocks: s, nsPrefix: c } = ve(() => ({
+  const e = j((m) => m.section), t = Y((m) => m.theme), n = Y((m) => m.fontFamily), r = Y((m) => m.fontSizePx), o = Y((m) => m.lineHeight), i = bn[t], { blocks: s, nsPrefix: c } = ve(() => ({
     sectionId: e.section_id,
     blocks: e.ast.blocks,
     nsPrefix: `sec-${e.section_id ?? "0"}/`
   }), [e]), l = kn(), a = Q(() => {
-    const { isSettingsOpen: v, setSettingsOpen: y, toggleOverlays: u } = l.getState();
-    v ? y(!1) : u();
-  }, [l]), { onClick: d, onDoubleClick: m } = ss({
+    const { isSettingsOpen: m, setSettingsOpen: y, toggleOverlays: u } = l.getState();
+    m ? y(!1) : u();
+  }, [l]), { onClick: d, onDoubleClick: v } = ss({
     onSingle: a,
     onDouble: () => {
     },
     delay: 250,
     shouldIgnoreTarget: Ta
-  }), p = ve(
+  }), h = ve(
     () => ({
       flex: 1,
       fontFamily: n,
@@ -5067,7 +5067,7 @@ function ka() {
     () => ({ margin: "0 auto", width: "100%", height: "100%" }),
     []
   );
-  return console.log("ScrollSectionWrap render"), /* @__PURE__ */ x("div", { onClick: d, onDoubleClick: m, style: p, children: /* @__PURE__ */ x("div", { style: b, children: /* @__PURE__ */ x(Ia, { section: e, blocks: s, nsPrefix: c }) }) });
+  return console.log("ScrollSectionWrap render"), /* @__PURE__ */ x("div", { onClick: d, onDoubleClick: v, style: h, children: /* @__PURE__ */ x("div", { style: b, children: /* @__PURE__ */ x(Ia, { section: e, blocks: s, nsPrefix: c }) }) });
 }
 function Ra(e) {
   return it({ 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);
@@ -5102,9 +5102,9 @@ const Pa = "_wrap_1hfub_4", Ba = "_visible_1hfub_25", za = "_compact_1hfub_31",
   label: ja,
   compactBtn: Ua
 }, Ka = Wt(function() {
-  const t = ie(null), n = Ue(Mt), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = _e((S) => S.status), i = _e((S) => S.currentTimeMs), s = _e((S) => S.currentClip), c = _e((S) => S.playbackKind), l = Y((S) => S.muteAudio), a = Y((S) => S.audioSpeed), d = _e((S) => S.getClipSrc), m = _e((S) => S._onTime), p = _e((S) => S._onEnded), b = _e((S) => S._onError), v = j((S) => S.setCurrentGlobalRunIndex), y = j((S) => S.getSectionScrollApi), u = j((S) => S.snapToReadable), f = j((S) => S.edgeReadable), g = ie(null), C = ie(null), k = ie(!1), R = ie(null);
+  const t = ie(null), n = Ue(Mt), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = _e((S) => S.status), i = _e((S) => S.currentTimeMs), s = _e((S) => S.currentClip), c = _e((S) => S.playbackKind), l = Y((S) => S.muteAudio), a = Y((S) => S.audioSpeed), d = _e((S) => S.getClipSrc), v = _e((S) => S._onTime), h = _e((S) => S._onEnded), b = _e((S) => S._onError), m = j((S) => S.setCurrentGlobalRunIndex), y = j((S) => S.getSectionScrollApi), u = j((S) => S.snapToReadable), f = j((S) => S.edgeReadable), g = ie(null), C = ie(null), T = ie(!1), R = ie(null);
   Se(() => {
-    c === "real" && (k.current = !0);
+    c === "real" && (T.current = !0);
   }, [c]);
   const I = ve(() => {
     const S = d(s);
@@ -5116,19 +5116,19 @@ const Pa = "_wrap_1hfub_4", Ba = "_visible_1hfub_25", za = "_compact_1hfub_31",
     }
   }, [s, d]);
   Se(() => {
-    k.current = !0;
+    T.current = !0;
   }, [I]), Se(() => {
     const S = t.current;
     if (!S) return;
-    const T = () => {
+    const k = () => {
       if (S.paused || S.ended) return;
       const z = S.currentTime * 1e3;
-      k.current && z === 0 || (z > 0 && (k.current = !1), m(z));
+      T.current && z === 0 || (z > 0 && (T.current = !1), v(z));
     }, E = () => {
       var w, _;
-      p();
+      h();
       const z = f(1);
-      typeof z == "number" && z >= 0 && (v(z, "audio"), (_ = (w = y()) == null ? void 0 : w.ensureVisibleGI) == null || _.call(w, z));
+      typeof z == "number" && z >= 0 && (m(z, "audio"), (_ = (w = y()) == null ? void 0 : w.ensureVisibleGI) == null || _.call(w, z));
     }, O = (z) => {
       const w = z.currentTarget;
       console.warn("Audio error", {
@@ -5136,10 +5136,10 @@ const Pa = "_wrap_1hfub_4", Ba = "_visible_1hfub_25", za = "_compact_1hfub_31",
         readyState: w.readyState
       }), b();
     };
-    return S.addEventListener("timeupdate", T), S.addEventListener("ended", E), S.addEventListener("error", O), () => {
-      S.removeEventListener("timeupdate", T), S.removeEventListener("ended", E), S.removeEventListener("error", O);
+    return S.addEventListener("timeupdate", k), S.addEventListener("ended", E), S.addEventListener("error", O), () => {
+      S.removeEventListener("timeupdate", k), S.removeEventListener("ended", E), S.removeEventListener("error", O);
     };
-  }, [m, p, b, f, v, y]), Se(() => {
+  }, [v, h, b, f, m, y]), Se(() => {
     if (r) return;
     const S = t.current;
     if (!S) return;
@@ -5152,7 +5152,7 @@ const Pa = "_wrap_1hfub_4", Ba = "_visible_1hfub_25", za = "_compact_1hfub_31",
       C.current = null;
       return;
     }
-    const T = S.currentSrc || S.src || null, E = !T || T !== I;
+    const k = S.currentSrc || S.src || null, E = !k || k !== I;
     if (E) {
       try {
         S.pause();
@@ -5194,8 +5194,8 @@ const Pa = "_wrap_1hfub_4", Ba = "_visible_1hfub_25", za = "_compact_1hfub_31",
     if (r) return;
     const S = t.current;
     if (!S || c !== "real") return;
-    const T = i / 1e3;
-    if (Number.isFinite(T)) {
+    const k = i / 1e3;
+    if (Number.isFinite(k)) {
       if (S.readyState < 1) {
         g.current = i;
         const E = () => {
@@ -5213,30 +5213,30 @@ const Pa = "_wrap_1hfub_4", Ba = "_visible_1hfub_25", za = "_compact_1hfub_31",
         S.addEventListener("loadedmetadata", E), S.addEventListener("canplay", E);
         return;
       }
-      if (Math.abs(S.currentTime - T) > 0.2)
+      if (Math.abs(S.currentTime - k) > 0.2)
         try {
-          S.currentTime = T;
+          S.currentTime = k;
         } catch (E) {
           console.log("currentTime보정오류", E);
         }
     }
   }, [i, c, r]);
-  const h = _e((S) => S.getGIFromCT);
+  const p = _e((S) => S.getGIFromCT);
   return Se(() => {
     var E, O;
     if (r || c !== "real" || o !== "playing" && o !== "loading") return;
-    const S = h(s, i);
+    const S = p(s, i);
     if (S < 0) return;
-    const T = u(S);
-    T !== R.current && (R.current = T, v(T, "audio"), T % 5 === 0 && ((O = (E = y()) == null ? void 0 : E.ensureVisibleGI) == null || O.call(E, T)));
+    const k = u(S);
+    k !== R.current && (R.current = k, m(k, "audio"), k % 5 === 0 && ((O = (E = y()) == null ? void 0 : E.ensureVisibleGI) == null || O.call(E, k)));
   }, [
     o,
     s,
     i,
     c,
-    h,
+    p,
     u,
-    v,
+    m,
     y,
     r
   ]), /* @__PURE__ */ x("audio", { ref: t, preload: "auto", style: { display: "none" } });
@@ -5253,23 +5253,23 @@ const Ya = "_scrubberWrap_uw0cd_2", Qa = "_labels_uw0cd_9", Za = "_index_uw0cd_1
   range: tc
 };
 function nc() {
-  const e = Y((R) => R.isDev), t = j((R) => R.currentGlobalRunIndex), n = j((R) => R.totalRuns), r = j((R) => R.setCurrentGlobalRunIndex), o = j((R) => R.getSectionScrollApi), i = j((R) => R.giToPercentTotal), s = j((R) => R.percentToGITotal), c = j((R) => R.snapToReadable), l = _e((R) => R.scrollLock), a = _e((R) => R.pause), d = _e((R) => R.play), m = _e((R) => R.syncToGI), [p, b] = nt(() => i(t || 0));
+  const e = Y((R) => R.isDev), t = j((R) => R.currentGlobalRunIndex), n = j((R) => R.totalRuns), r = j((R) => R.setCurrentGlobalRunIndex), o = j((R) => R.getSectionScrollApi), i = j((R) => R.giToPercentTotal), s = j((R) => R.percentToGITotal), c = j((R) => R.snapToReadable), l = _e((R) => R.scrollLock), a = _e((R) => R.pause), d = _e((R) => R.play), v = _e((R) => R.syncToGI), [h, b] = nt(() => i(t || 0));
   Se(() => {
     b(i(t || 0));
   }, [t, i]);
-  const v = ie(!1), y = ve(() => Math.max(0, Math.min(t ?? 0, Math.max(0, (n ?? 1) - 1))) + 1, [t, n]), u = Q(() => {
-    l && (a(), v.current = !0);
+  const m = ie(!1), y = ve(() => Math.max(0, Math.min(t ?? 0, Math.max(0, (n ?? 1) - 1))) + 1, [t, n]), u = Q(() => {
+    l && (a(), m.current = !0);
   }, [l, a]), f = Q((R) => {
     b(Number(R.currentTarget.value));
   }, []), g = Q(async () => {
-    const R = s(p), I = c(R);
-    a(), r(I, "scrubber-commit"), m(I);
-    const h = o();
-    h != null && h.ensureVisibleGI && await h.ensureVisibleGI(I), v.current && (v.current = !1, d());
-  }, [p, s, c, a, r, m, o, d]), C = ve(
-    () => ({ "--pct": `${p}%` }),
-    [p]
-  ), k = ve(() => Math.round(p), [p]);
+    const R = s(h), I = c(R);
+    a(), r(I, "scrubber-commit"), v(I);
+    const p = o();
+    p != null && p.ensureVisibleGI && await p.ensureVisibleGI(I), m.current && (m.current = !1, d());
+  }, [h, s, c, a, r, v, o, d]), C = ve(
+    () => ({ "--pct": `${h}%` }),
+    [h]
+  ), T = ve(() => Math.round(h), [h]);
   return /* @__PURE__ */ Z("div", { className: zt.scrubberWrap, children: [
     e && /* @__PURE__ */ x("div", { className: zt.labels, children: /* @__PURE__ */ Z("span", { className: zt.index, children: [
       y,
@@ -5285,7 +5285,7 @@ function nc() {
           min: 0,
           max: 100,
           step: 0.5,
-          value: p,
+          value: h,
           style: C,
           onMouseDown: u,
           onTouchStart: u,
@@ -5301,17 +5301,17 @@ function nc() {
         }
       ),
       /* @__PURE__ */ Z("span", { className: zt.percent, children: [
-        k,
+        T,
         "%"
       ] })
     ] })
   ] });
 }
 const rc = W.memo(nc), oc = Wt(function() {
-  const t = Ue(Mt), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = _e((S) => S.playbackKind), o = _e((S) => S.status), i = _e((S) => S.fake), s = Y((S) => S.audioSpeed), c = _e((S) => S.pause), l = j((S) => S.totalRuns), a = j((S) => S.currentGlobalRunIndex), d = j((S) => S.setCurrentGlobalRunIndex), m = j((S) => S.getSectionScrollApi), p = j((S) => S.nextReadableFrom), b = j((S) => S.edgeReadable), v = ie(null), y = ie(null), u = ie(0), f = ie(-1), g = !n && r === "fake" && o === "playing", C = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), k = ve(() => {
+  const t = Ue(Mt), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = _e((S) => S.playbackKind), o = _e((S) => S.status), i = _e((S) => S.fake), s = Y((S) => S.audioSpeed), c = _e((S) => S.pause), l = j((S) => S.totalRuns), a = j((S) => S.currentGlobalRunIndex), d = j((S) => S.setCurrentGlobalRunIndex), v = j((S) => S.getSectionScrollApi), h = j((S) => S.nextReadableFrom), b = j((S) => S.edgeReadable), m = ie(null), y = ie(null), u = ie(0), f = ie(-1), g = !n && r === "fake" && o === "playing", C = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), T = ve(() => {
     const S = 200 * s;
     return C / S * 6e4;
-  }, [C, s]), R = ve(() => !l || l <= 1 || k <= 0 ? 0 : (l - 1) / k, [l, k]);
+  }, [C, s]), R = ve(() => !l || l <= 1 || T <= 0 ? 0 : (l - 1) / T, [l, T]);
   Se(() => {
     if (!g) return;
     const S = Math.max(0, Math.min(a ?? 0, Math.max(0, (l ?? 1) - 1)));
@@ -5326,37 +5326,37 @@ const rc = W.memo(nc), oc = Wt(function() {
     const S = b(1);
     I.current = S ?? -1;
   }, [b, l]);
-  const h = Q(
+  const p = Q(
     (S) => {
       (async () => {
         var G, M;
         if (!g) {
-          v.current = null;
+          m.current = null;
           return;
         }
         if (!l || l <= 1 || R <= 0) {
-          v.current = null;
+          m.current = null;
           return;
         }
-        const T = y.current;
+        const k = y.current;
         y.current = S;
-        const E = T == null ? 0 : Math.max(0, S - T), O = l - 1;
+        const E = k == null ? 0 : Math.max(0, S - k), O = l - 1;
         u.current = Math.min(O, u.current + R * E);
-        const z = Math.floor(u.current), w = m(), _ = p(z, 1);
+        const z = Math.floor(u.current), w = v(), _ = h(z, 1);
         if (_ == null) {
           const B = I.current >= 0 ? I.current : z;
-          B !== f.current && (f.current = B, d(B, "audio"), await ((G = w == null ? void 0 : w.ensureVisibleGI) == null ? void 0 : G.call(w, B))), c(), v.current = null;
+          B !== f.current && (f.current = B, d(B, "audio"), await ((G = w == null ? void 0 : w.ensureVisibleGI) == null ? void 0 : G.call(w, B))), c(), m.current = null;
           return;
         }
         const P = _;
-        P !== f.current && (f.current = P, d(P, "audio"), P % 5 === 0 && await ((M = w == null ? void 0 : w.ensureVisibleGI) == null ? void 0 : M.call(w, P))), v.current = requestAnimationFrame(h);
+        P !== f.current && (f.current = P, d(P, "audio"), P % 5 === 0 && await ((M = w == null ? void 0 : w.ensureVisibleGI) == null ? void 0 : M.call(w, P))), m.current = requestAnimationFrame(p);
       })().catch(console.error);
     },
-    [g, l, R, p, d, m, c]
+    [g, l, R, h, d, v, c]
   );
-  return Se(() => (g ? v.current == null && (v.current = requestAnimationFrame(h)) : (v.current && (cancelAnimationFrame(v.current), v.current = null), y.current = null), () => {
-    v.current && (cancelAnimationFrame(v.current), v.current = null);
-  }), [g, h]), null;
+  return Se(() => (g ? m.current == null && (m.current = requestAnimationFrame(p)) : (m.current && (cancelAnimationFrame(m.current), m.current = null), y.current = null), () => {
+    m.current && (cancelAnimationFrame(m.current), m.current = null);
+  }), [g, p]), null;
 }), ic = Wt(function() {
   return /* @__PURE__ */ x(oc, {});
 }), sc = "data:image/svg+xml,%3csvg%20width='111'%20height='111'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20overflow='hidden'%3e%3cg%20transform='translate(-435%2011)'%3e%3cpath%20d='M532.723%2046.8125C530.242%2046.8292%20527.8%2047.4292%20525.593%2048.5642%20523.298%2049.7713%20520.952%2050.8767%20518.608%2051.8815%20517.451%2031.9953%20500.391%2016.8128%20480.505%2017.9704%20462.359%2019.0268%20447.834%2033.4215%20446.615%2051.5578L438.476%2048.1353%20438.476%2049.9344C438.473%2054.7251%20441.432%2059.0185%20445.91%2060.721%20446.509%2060.9604%20447.138%2061.1708%20447.767%2061.3801%20448.053%2061.4761%20448.339%2061.5709%20448.622%2061.6692L447.745%2066.7254C447.463%2068.2415%20447.818%2069.8071%20448.728%2071.0521%20449.635%2072.2874%20450.984%2073.1242%20452.493%2073.3877L452.768%2073.4282C453.011%2073.488%20453.259%2073.5198%20453.509%2073.523%20456.31%2073.5182%20458.699%2071.4953%20459.166%2068.7338L459.781%2064.8673C468.886%2066.8727%20478.184%2067.875%20487.508%2067.8562%20493.267%2067.8674%20499.021%2067.5125%20504.736%2066.7937%20504.893%2066.7613%20505.041%2066.7405%20505.184%2066.7231L505.562%2068.8379C505.986%2071.6231%20508.396%2073.6706%20511.213%2073.6375%20511.583%2073.648%20511.953%2073.5977%20512.307%2073.4883%20515.422%2072.958%20517.518%2070.0024%20516.988%2066.8869%20516.984%2066.8688%20516.981%2066.8509%20516.978%2066.833L516.758%2065.6767C522.066%2065.3125%20527.42%2065.3125%20532.607%2065.3125L532.723%2065.3125C537.831%2065.6255%20542.226%2061.7378%20542.539%2056.6292%20542.852%2051.5205%20538.965%2047.1255%20533.856%2046.8125%20533.479%2046.7894%20533.1%2046.7894%20532.723%2046.8125ZM516.326%2052.7256C511.914%2054.5082%20507.352%2055.8913%20502.693%2056.858L492.697%2041.007%20501.916%2026.3469C510.579%2032.4029%20515.911%2042.1631%20516.326%2052.7256ZM500.254%2057.3217C497.133%2057.8531%20493.977%2058.1542%20490.811%2058.2224L487.449%2058.2224C480.061%2058.2766%20472.682%2057.6921%20465.394%2056.4753L474.504%2042.1644%20490.692%2042.1644ZM482.602%2020.2188C488.73%2020.2155%20494.742%2021.8953%20499.981%2025.075L490.693%2039.8507%20474.491%2039.8195%20465.194%2025.0415C470.449%2021.8782%20476.468%2020.2107%20482.602%2020.2188ZM463.254%2026.2995%20472.504%2041.0023%20462.938%2056.0267C458.169%2055.1133%20453.47%2053.8672%20448.875%2052.2977%20449.378%2041.8709%20454.689%2032.2672%20463.254%2026.2995ZM456.876%2068.3719C456.595%2070.0115%20455.173%2071.2097%20453.509%2071.2094%20453.431%2071.2042%20453.354%2071.191%20453.278%2071.1701%20453.133%2071.1343%20452.984%2071.1101%20452.835%2071.0972%20451.94%2070.9264%20451.142%2070.4243%20450.601%2069.6912%20450.063%2068.9533%20449.853%2068.0254%20450.023%2067.1278L450.844%2062.3872%20457.525%2064.2962ZM514.123%2069.8103C513.566%2070.5637%20512.74%2071.0728%20511.817%2071.2313L511.657%2071.2718C511.514%2071.32%20511.363%2071.3392%20511.213%2071.3285%20509.525%2071.3698%20508.075%2070.1378%20507.844%2068.4656L507.486%2066.4688%20514.501%2065.8548%20514.701%2067.2527C514.87%2068.1485%20514.661%2069.0742%20514.123%2069.8103ZM532.723%2063%20532.607%2063C526.955%2063%20521.113%2063%20515.284%2063.4625L515.276%2063.4625%20515.276%2063.4625%20505.9%2064.2904%20504.36%2064.5078C498.77%2065.2064%20493.141%2065.5509%20487.508%2065.5391%20477.952%2065.5601%20468.425%2064.4858%20459.114%2062.3375L450.263%2059.8168%20446.738%2058.5658C443.792%2057.4525%20441.62%2054.9086%20440.982%2051.8237%20454.33%2057.5309%20470.023%2060.5383%20486.577%2060.5383%20486.868%2060.5383%20487.161%2060.5383%20487.452%2060.5383L490.828%2060.5383C500.421%2060.2575%20509.874%2058.1665%20518.689%2054.3755L518.797%2054.3304C521.437%2053.2216%20524.086%2051.9728%20526.649%2050.6235%20528.526%2049.6491%20530.608%2049.1354%20532.723%2049.125%20536.554%2048.8199%20539.908%2051.6785%20540.213%2055.5099%20540.518%2059.3414%20537.659%2062.6949%20533.828%2063%20533.46%2063.0293%20533.091%2063.0293%20532.723%2063Z'/%3e%3cpath%20d='M534.442%2053.75C534.442%2055.0272%20533.407%2056.0625%20532.13%2056.0625%20530.852%2056.0625%20529.817%2055.0272%20529.817%2053.75%20529.817%2052.4728%20530.852%2051.4375%20532.13%2051.4375%20533.407%2051.4375%20534.442%2052.4728%20534.442%2053.75Z'/%3e%3c/g%3e%3c/svg%3e", lc = "data:image/svg+xml,%3csvg%20width='159'%20height='159'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20overflow='hidden'%3e%3cg%20transform='translate(-392%20-84)'%3e%3cpath%20d='M496.776%20189.601C496.122%20189.934%20495.77%20190.663%20495.916%20191.383L499.911%20210.219C500.074%20210.985%20500.75%20211.532%20501.533%20211.531L501.929%20211.531C503.729%20211.515%20505.222%20212.919%20505.319%20214.716%20505.389%20216.544%20503.964%20218.083%20502.136%20218.154%20502.093%20218.155%20502.05%20218.156%20502.006%20218.156L497.503%20218.156C495.941%20218.15%20494.594%20217.058%20494.263%20215.531L490.363%20197.147C490.174%20196.252%20489.294%20195.68%20488.4%20195.87%20488.399%20195.87%20488.399%20195.87%20488.399%20195.87%20488.174%20195.918%20487.962%20196.014%20487.776%20196.15L481.184%20200.898C479.925%20201.758%20478.809%20202.45%20477.776%20203.015%20476.998%20203.429%20476.669%20204.372%20477.022%20205.18%20477.402%20206.011%20478.385%20206.378%20479.217%20205.998%20479.253%20205.981%20479.288%20205.964%20479.322%20205.945%20480.618%20205.229%20481.877%20204.447%20483.094%20203.604L487.657%20200.313%20491.031%20216.213C491.677%20219.273%20494.376%20221.464%20497.503%20221.469L501.882%20221.469C505.577%20221.473%20508.587%20218.502%20508.631%20214.807%20508.608%20211.503%20506.158%20208.719%20502.883%20208.277L499.416%20191.93C502.051%20190.581%20506.719%20188.344%20509.619%20188.344%20515.225%20188.346%20520.812%20187.662%20526.252%20186.307%20530.081%20185.36%20533.152%20182.51%20534.381%20178.762L534.535%20178.295C535.676%20175.09%20535.323%20171.542%20533.573%20168.624L525.126%20154.2C522.254%20149.369%20517.625%20145.835%20512.207%20144.337%20512.364%20138.624%20511.516%20132.927%20509.7%20127.508%20504.714%20113.244%20488.452%20105.977%20487.761%20105.669%20487.336%20105.48%20486.851%20105.48%20486.426%20105.669%20485.959%20105.876%20484.987%20106.308%20483.1%20111.962%20482.811%20112.832%20483.281%20113.77%20484.15%20114.059%20485.019%20114.348%20485.958%20113.878%20486.247%20113.009%20486.649%20111.744%20487.129%20110.505%20487.685%20109.299%20491.474%20111.245%20502.818%20117.831%20506.566%20128.543%20508.418%20133.972%20509.183%20139.713%20508.815%20145.437%20508.734%20146.277%20509.297%20147.043%20510.122%20147.217%20515.212%20148.269%20519.626%20151.41%20522.287%20155.875L530.744%20170.299C532.007%20172.379%20532.256%20174.921%20531.42%20177.207L531.254%20177.727C530.378%20180.388%20528.194%20182.41%20525.474%20183.079%20520.288%20184.375%20514.964%20185.031%20509.619%20185.031%20505.93%20185.031%20501.061%20187.35%20496.776%20189.601Z'/%3e%3cpath%20d='M422.439%20192.966C421.946%20190.791%20421.681%20188.571%20421.649%20186.341%20421.7%20185.427%20421.001%20184.643%20420.086%20184.592%20419.171%20184.54%20418.388%20185.239%20418.336%20186.154%20418.324%20187.879%20418.47%20189.602%20418.772%20191.3%20412.577%20189.633%20408.907%20183.26%20410.574%20177.065%20411.942%20171.981%20416.559%20168.453%20421.824%20168.469%20422.661%20168.473%20423.491%20168.611%20424.284%20168.88%20425.056%20169.133%20425.898%20168.787%20426.271%20168.065%20435.26%20150.783%20455.639%20142.806%20473.971%20149.392%20474.837%20150.636%20475.5%20151.557%20475.559%20151.638%20476.094%20152.38%20477.129%20152.549%20477.872%20152.014%20478.614%20151.479%20478.782%20150.444%20478.248%20149.702%20478.216%20149.657%20475.101%20145.338%20473.444%20142.62%20467.845%20132.798%20470.283%20120.115%20471.358%20115.817%20475.617%20117.014%20487.816%20121.194%20493.442%20131.039%20496.082%20135.531%20497.921%20140.449%20498.876%20145.571%20499.017%20146.361%20499.705%20146.936%20500.508%20146.936L503.929%20146.936C504.816%20146.948%20505.561%20146.274%20505.639%20145.391%20505.7%20144.478%20505.01%20143.688%20504.097%20143.627%20504.059%20143.624%20504.021%20143.623%20503.982%20143.623L501.871%20143.623C500.778%20138.613%20498.902%20133.806%20496.312%20129.38%20488.742%20116.13%20471.271%20112.337%20470.533%20112.183%20469.704%20112.01%20468.879%20112.489%20468.618%20113.294%20468.385%20114.011%20463.013%20131.036%20470.568%20144.256%20470.579%20144.276%20470.745%20144.576%20470.978%20144.973%20470.99%20144.991%20470.978%20145.003%20470.96%20144.998%20452.498%20140.481%20433.287%20148.811%20423.966%20165.375%20423.261%20165.231%20422.543%20165.158%20421.824%20165.156%20413.582%20165.183%20406.923%20171.886%20406.95%20180.128%20406.974%20187.414%20412.256%20193.618%20419.446%20194.803L419.446%20194.803C419.532%20195.194%20419.611%20195.585%20419.706%20195.972L419.8%20196.329C422.428%20206.56%20428.796%20215.436%20437.646%20221.204%20437.917%20221.379%20438.232%20221.473%20438.554%20221.474L473.068%20221.474C476.748%20221.495%20479.756%20218.542%20479.801%20214.862%20479.847%20211.242%20476.95%20208.27%20473.329%20208.224%20473.278%20208.223%20473.227%20208.223%20473.176%20208.224L465.158%20208.224C474.765%20201.216%20476.873%20187.747%20469.866%20178.14%20465.812%20172.583%20459.348%20169.297%20452.47%20169.297%20450.573%20169.261%20448.682%20169.507%20446.858%20170.029%20445.981%20170.293%20445.484%20171.219%20445.749%20172.096%20446.013%20172.973%20446.938%20173.47%20447.816%20173.206%20449.328%20172.775%20450.897%20172.574%20452.47%20172.609%20462.532%20172.632%20470.67%20180.807%20470.648%20190.869%20470.63%20198.914%20465.337%20205.995%20457.626%20208.29%20456.784%20208.543%20456.286%20209.408%20456.491%20210.263%20456.686%20211.016%20457.369%20211.54%20458.147%20211.533L473.107%20211.533C474.951%20211.521%20476.458%20213.001%20476.48%20214.845%20476.52%20216.635%20475.102%20218.118%20473.312%20218.158%20473.264%20218.159%20473.216%20218.159%20473.168%20218.158L439.054%20218.158C431.004%20212.776%20425.251%20204.584%20422.922%20195.184%20422.853%20194.889%20422.795%20194.619%20422.733%20194.339Z'/%3e%3cpath%20d='M519.521%20163.831C519.708%20162.011%20518.383%20160.385%20516.563%20160.199%20514.743%20160.012%20513.117%20161.337%20512.931%20163.157%20512.744%20164.977%20514.069%20166.603%20515.889%20166.789%20516.113%20166.812%20516.339%20166.812%20516.563%20166.789%20518.126%20166.629%20519.361%20165.394%20519.521%20163.831Z'/%3e%3c/g%3e%3c/svg%3e", ac = "_WPMSpeedButtonsWrap_r3byt_1", cc = "_btnWrap_r3byt_7", uc = "_label_r3byt_14", dc = "_iconBtn_r3byt_22", qt = {
@@ -5365,10 +5365,10 @@ const rc = W.memo(nc), oc = Wt(function() {
   label: uc,
   iconBtn: dc
 }, xo = 350, fc = 40, pc = 0.85, hc = Wt(function() {
-  const t = Y((p) => p.audioSpeed), n = Y((p) => p.incAudioSpeed), r = Y((p) => p.decAudioSpeed), o = ie(null), i = ie(xo), s = ie(null), c = Q(
-    (p) => {
+  const t = Y((h) => h.audioSpeed), n = Y((h) => h.incAudioSpeed), r = Y((h) => h.decAudioSpeed), o = ie(null), i = ie(xo), s = ie(null), c = Q(
+    (h) => {
       const b = t;
-      if (p === "inc") {
+      if (h === "inc") {
         if (b >= 2) return !1;
         n();
       } else {
@@ -5385,16 +5385,16 @@ const rc = W.memo(nc), oc = Wt(function() {
       c(s.current) ? a() : l();
     }, i.current));
   }, [c, l]), d = Q(
-    (p) => {
+    (h) => {
       if (s.current) return;
-      s.current = p, i.current = xo, c(p) && a();
-      const v = () => l();
-      window.addEventListener("mouseup", v, { once: !0 }), window.addEventListener("touchend", v, { once: !0 });
+      s.current = h, i.current = xo, c(h) && a();
+      const m = () => l();
+      window.addEventListener("mouseup", m, { once: !0 }), window.addEventListener("touchend", m, { once: !0 });
     },
     [a, c, l]
   );
   Se(() => l, [l]);
-  const m = `${(t * 100).toFixed(0)}%`;
+  const v = `${(t * 100).toFixed(0)}%`;
   return /* @__PURE__ */ x(
     "div",
     {
@@ -5408,14 +5408,14 @@ const rc = W.memo(nc), oc = Wt(function() {
             type: "button",
             title: "속도 느리게",
             onMouseDown: () => d("dec"),
-            onTouchStart: (p) => {
-              p.preventDefault(), d("dec");
+            onTouchStart: (h) => {
+              h.preventDefault(), d("dec");
             },
             onMouseUp: l,
             children: /* @__PURE__ */ x("img", { src: sc, alt: "느리게" })
           }
         ),
-        /* @__PURE__ */ x("div", { className: qt.label, style: { minWidth: "44px", textAlign: "center" }, children: /* @__PURE__ */ x("div", { children: m }) }),
+        /* @__PURE__ */ x("div", { className: qt.label, style: { minWidth: "44px", textAlign: "center" }, children: /* @__PURE__ */ x("div", { children: v }) }),
         /* @__PURE__ */ x(
           "button",
           {
@@ -5423,8 +5423,8 @@ const rc = W.memo(nc), oc = Wt(function() {
             type: "button",
             title: "속도 빠르게",
             onMouseDown: () => d("inc"),
-            onTouchStart: (p) => {
-              p.preventDefault(), d("inc");
+            onTouchStart: (h) => {
+              h.preventDefault(), d("inc");
             },
             onMouseUp: l,
             children: /* @__PURE__ */ x("img", { src: lc, alt: "빠르게" })
@@ -5443,11 +5443,11 @@ function vc(e) {
   return it({ 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 wo({ direction: e }) {
-  const t = j((m) => m.currentGlobalRunIndex), n = j((m) => m.totalRuns), r = j((m) => m.hasReadableInDir), o = j((m) => m.computeStepTarget), i = j((m) => m.setCurrentGlobalRunIndex), s = _e((m) => m.syncToGI), c = j((m) => m.getSectionScrollApi), l = Q(
-    async (m) => {
-      var v, y;
-      const p = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), b = o(p, m);
-      i(b, "scrubber-step"), s(b), await ((y = (v = c()) == null ? void 0 : v.ensureVisibleGI) == null ? void 0 : y.call(v, b));
+  const t = j((v) => v.currentGlobalRunIndex), n = j((v) => v.totalRuns), r = j((v) => v.hasReadableInDir), o = j((v) => v.computeStepTarget), i = j((v) => v.setCurrentGlobalRunIndex), s = _e((v) => v.syncToGI), c = j((v) => v.getSectionScrollApi), l = Q(
+    async (v) => {
+      var m, y;
+      const h = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), b = o(h, v);
+      i(b, "scrubber-step"), s(b), await ((y = (m = c()) == null ? void 0 : m.ensureVisibleGI) == null ? void 0 : y.call(m, b));
     },
     [
       t,
@@ -5459,8 +5459,8 @@ function wo({ direction: e }) {
       c
     ]
   ), a = ve(() => {
-    const m = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), p = !n || !r(m, 1), b = !n || !r(m, -1);
-    return e === "left" ? b : p;
+    const v = Math.max(t, Math.min(0, Math.max(0, (n ?? 1) - 1))), h = !n || !r(v, 1), b = !n || !r(v, -1);
+    return e === "left" ? b : h;
   }, [e, n, t, r]), d = Q(() => {
     l(e === "left" ? -1 : 1);
   }, [e, l]);
@@ -5509,41 +5509,41 @@ function Ic(e) {
 }
 function Cc() {
   var R;
-  const e = Y((I) => I.showOverlays), t = j((I) => I.section), n = !!t.ast.isAddedSplit, r = !!((R = t.audios) != null && R.length), o = Y((I) => I.muteAudio), i = Y((I) => I.showPointer), s = Y((I) => I.showSplit), c = Y((I) => I.toggleMuteAudio), l = Y((I) => I.toggleShowPointer), a = Y((I) => I.toggleShowSplit), d = Y((I) => I.overlayCompactMode), m = Y((I) => I.toggleOverlayCompactMode), p = yn(), b = Rt();
+  const e = Y((I) => I.showOverlays), t = j((I) => I.section), n = !!t.ast.isAddedSplit, r = !!((R = t.audios) != null && R.length), o = Y((I) => I.muteAudio), i = Y((I) => I.showPointer), s = Y((I) => I.showSplit), c = Y((I) => I.toggleMuteAudio), l = Y((I) => I.toggleShowPointer), a = Y((I) => I.toggleShowSplit), d = Y((I) => I.overlayCompactMode), v = Y((I) => I.toggleOverlayCompactMode), h = yn(), b = Rt();
   Se(() => {
-    const I = p.getState(), { syncToGI: h, useFake: S, useReal: T } = I, E = I.playbackKind, O = b.getState().progress.currentGlobalRunIndex ?? 0;
+    const I = h.getState(), { syncToGI: p, useFake: S, useReal: k } = I, E = I.playbackKind, O = b.getState().progress.currentGlobalRunIndex ?? 0;
     if (!r) {
       E !== "fake" && S();
       return;
     }
-    o ? E !== "fake" && (console.log("이부분일까?"), S()) : E !== "real" && (h(O), T());
-  }, [r, o, b, p]);
-  const v = _e((I) => I.play), y = _e((I) => I.pause), u = _e((I) => I.status), f = Q(
+    o ? E !== "fake" && (console.log("이부분일까?"), S()) : E !== "real" && (p(O), k());
+  }, [r, o, b, h]);
+  const m = _e((I) => I.play), y = _e((I) => I.pause), u = _e((I) => I.status), f = Q(
     (I) => {
-      I.stopPropagation(), u === "playing" || u === "loading" ? y() : v();
+      I.stopPropagation(), u === "playing" || u === "loading" ? y() : m();
     },
-    [u, v, y]
-  ), g = yn(), C = Rt(), k = Q(
+    [u, m, y]
+  ), g = yn(), C = Rt(), T = Q(
     async (I) => {
       var F, V;
       if (I.stopPropagation(), u === "playing" || u === "loading") {
         y();
         return;
       }
-      const { progress: h } = C.getState(), {
+      const { progress: p } = C.getState(), {
         currentGlobalRunIndex: S,
-        snapToReadable: T,
+        snapToReadable: k,
         edgeReadable: E,
         setCurrentGlobalRunIndex: O,
         getSectionScrollApi: z
-      } = h, w = g.getState(), _ = w.currentClip, P = z == null ? void 0 : z(), G = typeof S == "number" ? S : 0, M = typeof T == "function" ? T(G) : G, B = typeof E == "function" ? E(1) : null;
+      } = p, w = g.getState(), _ = w.currentClip, P = z == null ? void 0 : z(), G = typeof S == "number" ? S : 0, M = typeof k == "function" ? k(G) : G, B = typeof E == "function" ? E(1) : null;
       if (B != null && M >= B) {
         O == null || O(B, "audio"), await ((F = P == null ? void 0 : P.ensureVisibleGI) == null ? void 0 : F.call(P, B)), w.syncToGI(B);
         return;
       }
-      O == null || O(M, "audio"), await ((V = P == null ? void 0 : P.ensureVisibleGI) == null ? void 0 : V.call(P, M)), w.syncToGI(M), v(_);
+      O == null || O(M, "audio"), await ((V = P == null ? void 0 : P.ensureVisibleGI) == null ? void 0 : V.call(P, M)), w.syncToGI(M), m(_);
     },
-    [u, y, v, g, C]
+    [u, y, m, g, C]
   );
   return /* @__PURE__ */ Z(
     "div",
@@ -5565,7 +5565,7 @@ function Cc() {
               {
                 type: "button",
                 onClick: (I) => {
-                  I.stopPropagation(), m();
+                  I.stopPropagation(), v();
                 },
                 className: Le.compactBtn,
                 title: d ? "오버레이 확대" : "오버레이 축소",
@@ -5579,7 +5579,7 @@ function Cc() {
                 {
                   size: 34,
                   isPlaying: u === "playing",
-                  onClick: o ? k : f,
+                  onClick: o ? T : f,
                   title: u === "playing" ? "일시정지" : "재생"
                 }
               ),
@@ -5698,38 +5698,38 @@ const zc = W.memo(Bc), Ac = "_wrap_62su0_7", Lc = "_wrapHidden_62su0_29", Gc = "
   inlineFlex: Yc
 };
 function Qc({ visible: e }) {
-  const t = Y((h) => h.mode), n = Y((h) => h.setMode), r = Y((h) => h.theme), o = Y((h) => h.setTheme), i = Y((h) => h.fontFamily), s = Y((h) => h.setFontFamily), c = Y((h) => h.resetToDefaults), l = Y((h) => h.getFontLevel()), a = Y((h) => h.getLineLevel()), d = Y((h) => h.getMarginLevel()), m = Y((h) => h.setFontLevel), p = Y((h) => h.setLineLevel), b = Y((h) => h.setMarginLevel), v = Y((h) => h.pointerStyle), y = Y((h) => h.setPointerStyle), u = Y((h) => h.pointerColor), f = Y((h) => h.setPointerColor), g = Y((h) => h.breakMarks), C = Y((h) => h.toggleBreakMark), k = Y((h) => h.getBreakGapLevel()), R = Y((h) => h.setBreakGapLevel), I = `${ze.wrap} ${e ? ze.wrapVisible : ze.wrapHidden}`;
+  const t = Y((p) => p.mode), n = Y((p) => p.setMode), r = Y((p) => p.theme), o = Y((p) => p.setTheme), i = Y((p) => p.fontFamily), s = Y((p) => p.setFontFamily), c = Y((p) => p.resetToDefaults), l = Y((p) => p.getFontLevel()), a = Y((p) => p.getLineLevel()), d = Y((p) => p.getMarginLevel()), v = Y((p) => p.setFontLevel), h = Y((p) => p.setLineLevel), b = Y((p) => p.setMarginLevel), m = Y((p) => p.pointerStyle), y = Y((p) => p.setPointerStyle), u = Y((p) => p.pointerColor), f = Y((p) => p.setPointerColor), g = Y((p) => p.breakMarks), C = Y((p) => p.toggleBreakMark), T = Y((p) => p.getBreakGapLevel()), R = Y((p) => p.setBreakGapLevel), I = `${ze.wrap} ${e ? ze.wrapVisible : ze.wrapHidden}`;
   return /* @__PURE__ */ Z("div", { className: I, role: "dialog", "aria-modal": "true", "aria-label": "뷰어 설정", children: [
     /* @__PURE__ */ Z("div", { className: ze.scrollArea, children: [
       /* @__PURE__ */ x(jt, { label: "열람방식", children: /* @__PURE__ */ Z("div", { className: ze.inlineFlex, children: [
         /* @__PURE__ */ x(Lt, { active: t === "page", onClick: () => n("page"), children: "페이지" }),
         /* @__PURE__ */ x(Lt, { active: t === "scroll", onClick: () => n("scroll"), children: "스크롤" })
       ] }) }),
-      /* @__PURE__ */ x(jt, { label: "테마", children: /* @__PURE__ */ x("div", { className: ze.inlineFlex, children: Object.keys(bn).map((h) => {
-        const S = h, T = bn[S];
+      /* @__PURE__ */ x(jt, { label: "테마", children: /* @__PURE__ */ x("div", { className: ze.inlineFlex, children: Object.keys(bn).map((p) => {
+        const S = p, k = bn[S];
         return /* @__PURE__ */ x(
           "button",
           {
             type: "button",
             onClick: () => o(S),
-            className: `${ze.themeCircle} ${r === h ? ze.themeCircleActive : ""}`,
-            style: { background: T.bg, color: T.fg, fontFamily: i },
-            title: String(h),
-            "aria-label": `테마: ${String(h)}`,
+            className: `${ze.themeCircle} ${r === p ? ze.themeCircleActive : ""}`,
+            style: { background: k.bg, color: k.fg, fontFamily: i },
+            title: String(p),
+            "aria-label": `테마: ${String(p)}`,
             children: "A"
           },
-          `${h}_tc_button`
+          `${p}_tc_button`
         );
       }) }) }),
-      /* @__PURE__ */ x(jt, { label: "글꼴", children: /* @__PURE__ */ x("div", { className: ze.inlineFlex, children: Xo.map((h) => /* @__PURE__ */ x(
+      /* @__PURE__ */ x(jt, { label: "글꼴", children: /* @__PURE__ */ x("div", { className: ze.inlineFlex, children: Xo.map((p) => /* @__PURE__ */ x(
         Lt,
         {
-          active: i === h.value,
-          onClick: () => s(h.value),
-          title: h.value,
-          children: h.label
+          active: i === p.value,
+          onClick: () => s(p.value),
+          title: p.value,
+          children: p.label
         },
-        h.label
+        p.label
       )) }) }),
       /* @__PURE__ */ x(
         pn,
@@ -5738,8 +5738,8 @@ function Qc({ visible: e }) {
           level: l,
           min: 1,
           max: 12,
-          onDec: () => m(Math.max(1, l - 1)),
-          onInc: () => m(Math.min(12, l + 1))
+          onDec: () => v(Math.max(1, l - 1)),
+          onInc: () => v(Math.min(12, l + 1))
         }
       ),
       /* @__PURE__ */ x(
@@ -5749,8 +5749,8 @@ function Qc({ visible: e }) {
           level: a,
           min: 1,
           max: 7,
-          onDec: () => p(Math.max(1, a - 1)),
-          onInc: () => p(Math.min(7, a + 1))
+          onDec: () => h(Math.max(1, a - 1)),
+          onInc: () => h(Math.min(7, a + 1))
         }
       ),
       /* @__PURE__ */ x(
@@ -5765,14 +5765,14 @@ function Qc({ visible: e }) {
         }
       ),
       /* @__PURE__ */ x(jt, { label: "포인터", children: /* @__PURE__ */ Z("div", { className: ze.inlineFlex, children: [
-        /* @__PURE__ */ x(Lt, { active: v === "highlight", onClick: () => y("highlight"), children: "형광펜" }),
-        /* @__PURE__ */ x(Lt, { active: v === "underline", onClick: () => y("underline"), children: "밑줄" }),
+        /* @__PURE__ */ x(Lt, { active: m === "highlight", onClick: () => y("highlight"), children: "형광펜" }),
+        /* @__PURE__ */ x(Lt, { active: m === "underline", onClick: () => y("underline"), children: "밑줄" }),
         /* @__PURE__ */ x(
           "input",
           {
             type: "color",
             value: u,
-            onChange: (h) => f(h.target.value),
+            onChange: (p) => f(p.target.value),
             "aria-label": "포인터 색상",
             style: {
               width: 36,
@@ -5789,11 +5789,11 @@ function Qc({ visible: e }) {
         pn,
         {
           label: "끊기간격",
-          level: k,
+          level: T,
           min: 1,
           max: 5,
-          onDec: () => R(Math.max(1, k - 1)),
-          onInc: () => R(Math.min(5, k + 1))
+          onDec: () => R(Math.max(1, T - 1)),
+          onInc: () => R(Math.min(5, T + 1))
         }
       )
     ] }),
@@ -5887,14 +5887,14 @@ const Zc = W.memo(function() {
     let a = s;
     if (c) {
       const d = (l == null ? void 0 : l.equalityFn) || Object.is;
-      let m = s(r.getState());
-      a = (p) => {
-        const b = s(p);
-        if (!d(m, b)) {
-          const v = m;
-          c(m = b, v);
+      let v = s(r.getState());
+      a = (h) => {
+        const b = s(h);
+        if (!d(v, b)) {
+          const m = v;
+          c(v = b, m);
         }
-      }, l != null && l.fireImmediately && c(m, m);
+      }, l != null && l.fireImmediately && c(v, v);
     }
     return o(a);
   }), e(t, n, r);
@@ -5922,16 +5922,16 @@ function ou(e) {
   let n = e == null ? void 0 : e.map, r = e == null ? void 0 : e.initialIndex;
   const o = (b) => {
     if (!n) return null;
-    const { g2ct: v } = n;
-    if (!v) return null;
-    const y = v[b];
+    const { g2ct: m } = n;
+    if (!m) return null;
+    const y = m[b];
     if (y) return { clip: y.clip, t: y.t };
     for (let u = 1; u <= 100 && b - u >= 0; u++) {
-      const f = v[b - u];
+      const f = m[b - u];
       if (f) return { clip: f.clip, t: f.t };
     }
     for (let u = 1; u <= 100; u++) {
-      const f = v[b + u];
+      const f = m[b + u];
       if (f) return { clip: f.clip, t: f.t };
     }
     return null;
@@ -5942,9 +5942,9 @@ function ou(e) {
     const b = o(e.initialIndex);
     b && (s = b.clip, c = b.t, r = void 0);
   }
-  const a = i.length > 0, d = a ? "paused" : "idle", m = a ? "real" : "fake", p = a ? null : { totalWords: l };
+  const a = i.length > 0, d = a ? "paused" : "idle", v = a ? "real" : "fake", h = a ? null : { totalWords: l };
   return rn(
-    eu((b, v) => ({
+    eu((b, m) => ({
       // 원본/포인터
       clips: i,
       currentClip: Math.max(0, Math.min(s, Math.max(0, i.length - 1))),
@@ -5953,8 +5953,8 @@ function ou(e) {
       status: d,
       scrollLock: !1,
       // 엔진/설정
-      playbackKind: m,
-      fake: p,
+      playbackKind: v,
+      fake: h,
       // 엔진 모드 전환
       useFake: () => b((y) => ({
         playbackKind: "fake",
@@ -6062,7 +6062,7 @@ function ou(e) {
       setClipIndex: (y) => b((u) => u.playbackKind === "fake" || y < 0 || y >= u.clips.length ? u : { currentClip: y, currentTimeMs: 0 }),
       // 조회
       getClipSrc: (y) => {
-        const u = v();
+        const u = m();
         if (!u.clips.length) return null;
         const f = typeof y == "number" ? y : u.currentClip;
         return tu(u.clips[f]);
@@ -6072,12 +6072,12 @@ function ou(e) {
         if (!n) return -1;
         const f = n.byClip[y];
         if (!f || f.length === 0) return -1;
-        let g = 0, C = f.length - 1, k = 0;
+        let g = 0, C = f.length - 1, T = 0;
         for (; g <= C; ) {
           const R = g + C >> 1;
-          f[R].t <= u ? (k = R, g = R + 1) : C = R - 1;
+          f[R].t <= u ? (T = R, g = R + 1) : C = R - 1;
         }
-        return f[Math.max(0, Math.min(k, f.length - 1))].g;
+        return f[Math.max(0, Math.min(T, f.length - 1))].g;
       },
       // GI -> (clip,time)
       getCTFromGI: (y) => {
@@ -6096,22 +6096,22 @@ function ou(e) {
             g--;
           }
           if (!f) {
-            let k = y + 1;
+            let T = y + 1;
             const R = y + 100;
-            for (; u[k] == null && k <= R; ) k++;
-            u[k] && (f = u[k]);
+            for (; u[T] == null && T <= R; ) T++;
+            u[T] && (f = u[T]);
           }
         }
         return f ? { clip: f.clip, timeMs: f.t } : null;
       },
       // 편의
       getMetaByGI: (y) => {
-        const u = v().getCTFromGI(y);
+        const u = m().getCTFromGI(y);
         return u ? { clipIndex: u.clip, timeMs: u.timeMs } : null;
       },
       syncToGI: (y) => {
-        const u = v().getMetaByGI(y);
-        u && v().setClipAndMs(u.clipIndex, u.timeMs);
+        const u = m().getMetaByGI(y);
+        u && m().setClipAndMs(u.clipIndex, u.timeMs);
       },
       // <audio> 이벤트 (real 전용)
       _onTime: (y) => b({ currentTimeMs: y, status: "playing", scrollLock: !0 }),
@@ -6147,8 +6147,8 @@ function su(e) {
     if ((c == null ? void 0 : c.type) === "image") continue;
     const l = (c == null ? void 0 : c.runs) ?? [];
     for (let a = 0; a < l.length; a++) {
-      const d = l[a], m = o + a;
-      d.audioChunkIndex != null && d.audioTimeMs != null && ((t[s = d.audioChunkIndex] || (t[s] = [])).push({ t: d.audioTimeMs, g: m }), n[m] = { clip: d.audioChunkIndex, t: d.audioTimeMs });
+      const d = l[a], v = o + a;
+      d.audioChunkIndex != null && d.audioTimeMs != null && ((t[s = d.audioChunkIndex] || (t[s] = [])).push({ t: d.audioTimeMs, g: v }), n[v] = { clip: d.audioChunkIndex, t: d.audioTimeMs });
     }
     o += l.length;
   }
@@ -6167,23 +6167,23 @@ function lu(e, t, n) {
   return -1;
 }
 function au(e) {
-  const t = na(e), n = ra(t), r = t.reduce((d, m) => d + (m || 0), 0), o = new Int32Array(Math.max(1, r)).fill(-1), i = new Uint8Array(Math.max(1, r)).fill(0), s = [], c = [];
-  return e.forEach((d, m) => {
+  const t = na(e), n = ra(t), r = t.reduce((d, v) => d + (v || 0), 0), o = new Int32Array(Math.max(1, r)).fill(-1), i = new Uint8Array(Math.max(1, r)).fill(0), s = [], c = [];
+  return e.forEach((d, v) => {
     var u;
     if (d.type !== "paragraph") return;
-    const p = n[m] ?? 0, b = d.runs ?? [];
+    const h = n[v] ?? 0, b = d.runs ?? [];
     for (let f = 0; f < b.length; f++) {
       const g = ((u = b[f]) == null ? void 0 : u.text) || "";
-      br(g) && (i[p + f] = 1);
+      br(g) && (i[h + f] = 1);
     }
-    const y = oa(b, p).map((f) => {
+    const y = oa(b, h).map((f) => {
       var R;
-      const g = f.startG - p, C = f.endG - f.startG + 1;
-      let k = -1;
+      const g = f.startG - h, C = f.endG - f.startG + 1;
+      let T = -1;
       for (let I = 0; I < C; I++) {
-        const h = ((R = b[g + I]) == null ? void 0 : R.text) ?? "";
-        if (br(h)) {
-          k = f.startG + I;
+        const p = ((R = b[g + I]) == null ? void 0 : R.text) ?? "";
+        if (br(p)) {
+          T = f.startG + I;
           break;
         }
       }
@@ -6192,11 +6192,11 @@ function au(e) {
         endG: f.endG,
         r0: g,
         len: C,
-        firstReadableGI: k,
+        firstReadableGI: T,
         splitIndex: f.splitIndex
       };
     });
-    c[m] = y;
+    c[v] = y;
     for (const f of y) {
       const g = s.length;
       for (let C = f.startG; C <= f.endG; C++)
@@ -6221,7 +6221,7 @@ function cu(e) {
     layout: c,
     initialIndex: l,
     mountTime: a
-  } = e, d = c.totalRuns ?? 0, m = typeof l == "number" ? l : d > 0 ? 0 : -1, p = m >= 0 ? lu(s.readableGi, m, d) : -1;
+  } = e, d = c.totalRuns ?? 0, v = typeof l == "number" ? l : d > 0 ? 0 : -1, h = v >= 0 ? lu(s.readableGi, v, d) : -1;
   return {
     section: t,
     sectionId: t.section_id,
@@ -6229,7 +6229,7 @@ function cu(e) {
     onSectionNav: r,
     isCanPrev: o ?? !1,
     isCanNext: i ?? !1,
-    currentGlobalRunIndex: p,
+    currentGlobalRunIndex: h,
     lastUpdateBy: "program",
     totalRuns: d,
     pageIndex: 0,
@@ -6251,7 +6251,7 @@ function uu(e) {
     isCanPrev: i,
     isCanNext: s,
     eventBridgeStore: c
-  } = e, l = t.ast.blocks, { nav: a, layout: d } = au(l), m = Date.now(), p = cu({
+  } = e, l = t.ast.blocks, { nav: a, layout: d } = au(l), v = Date.now(), h = cu({
     section: t,
     onViewerClose: r,
     onSectionNav: o,
@@ -6260,14 +6260,14 @@ function uu(e) {
     nav: a,
     layout: d,
     initialIndex: n,
-    mountTime: m
+    mountTime: v
   });
   return c && queueMicrotask(() => {
-    c.getState().emit({ type: "render_start", payload: { sectionId: t.section_id } }, m), c.getState().emit({ type: "loading_start", payload: {} }, m);
-  }), rn((b, v) => {
+    c.getState().emit({ type: "render_start", payload: { sectionId: t.section_id } }, v), c.getState().emit({ type: "loading_start", payload: {} }, v);
+  }), rn((b, m) => {
     const y = (M) => {
       b((B) => B.progress._scrollApi === M ? B : { progress: { ...B.progress, _scrollApi: M } });
-    }, u = () => v().progress._scrollApi, f = (M) => {
+    }, u = () => m().progress._scrollApi, f = (M) => {
       b((B) => {
         const F = B.progress;
         if (F.totalRuns === M) return B;
@@ -6282,7 +6282,7 @@ function uu(e) {
         };
       });
     }, g = (M, B = "program") => {
-      const F = v().progress.currentGlobalRunIndex, V = v().progress, q = V.totalRuns > 0 ? Math.max(-1, Math.min(M, V.totalRuns - 1)) : M;
+      const F = m().progress.currentGlobalRunIndex, V = m().progress, q = V.totalRuns > 0 ? Math.max(-1, Math.min(M, V.totalRuns - 1)) : M;
       F === q && V.lastUpdateBy === B || (b((ue) => ({
         progress: {
           ...ue.progress,
@@ -6294,7 +6294,7 @@ function uu(e) {
         payload: { globalIndex: q }
       }));
     }, C = (M) => {
-      const { sectionLoading: B, _loadingStartTime: F } = v().progress;
+      const { sectionLoading: B, _loadingStartTime: F } = m().progress;
       if (B === M) return;
       const V = Date.now();
       if (M)
@@ -6315,12 +6315,12 @@ function uu(e) {
           }
         })), c && c.getState().emit({ type: "loading_end", payload: { duration: ue } });
       }
-    }, k = (M) => {
+    }, T = (M) => {
       b((B) => ({
         progress: { ...B.progress, pageIndex: M }
       }));
     }, R = (M, B) => {
-      const V = v().progress.rangeStartGI == null;
+      const V = m().progress.rangeStartGI == null;
       if (b((q) => ({
         progress: {
           ...q.progress,
@@ -6342,8 +6342,8 @@ function uu(e) {
           rangeEndGI: null
         }
       })), c && c.getState().emit({ type: "range_clear", payload: {} });
-    }, h = (M) => {
-      const { rangeStartGI: B, rangeEndGI: F } = v().progress;
+    }, p = (M) => {
+      const { rangeStartGI: B, rangeEndGI: F } = m().progress;
       B == null || F == null || (M < B ? b((V) => ({
         progress: { ...V.progress, rangeStartGI: M }
       })) : M > F ? b((V) => ({
@@ -6351,7 +6351,7 @@ function uu(e) {
       })) : I());
     }, S = () => {
       var ke;
-      const { rangeStartGI: M, rangeEndGI: B, section: F, layout: V } = v().progress;
+      const { rangeStartGI: M, rangeEndGI: B, section: F, layout: V } = m().progress;
       if (M == null || B == null || !V) return "";
       const q = ((ke = F.ast) == null ? void 0 : ke.blocks) ?? [], ue = V.prefix, de = [];
       for (let Re = 0; Re < q.length; Re++) {
@@ -6364,8 +6364,8 @@ function uu(e) {
         }
       }
       return de.join("");
-    }, T = (M) => {
-      const { totalRuns: B, derivedNav: F } = v().progress, V = F == null ? void 0 : F.readableGi;
+    }, k = (M) => {
+      const { totalRuns: B, derivedNav: F } = m().progress, V = F == null ? void 0 : F.readableGi;
       if (!V || B <= 0) return M;
       const q = B, ue = Math.max(0, Math.min(M, q - 1));
       if (V[ue]) return ue;
@@ -6377,7 +6377,7 @@ function uu(e) {
       }
       return ue;
     }, E = (M, B) => {
-      const { totalRuns: F, derivedNav: V } = v().progress, q = V == null ? void 0 : V.readableGi;
+      const { totalRuns: F, derivedNav: V } = m().progress, q = V == null ? void 0 : V.readableGi;
       if (!q || F <= 0) return null;
       if (B > 0) {
         for (let ue = Math.min(Math.max(M, 0), F - 1); ue < F; ue += 1)
@@ -6387,7 +6387,7 @@ function uu(e) {
           if (q[ue]) return ue;
       return null;
     }, O = (M) => {
-      const { totalRuns: B, derivedNav: F } = v().progress, V = F == null ? void 0 : F.readableGi;
+      const { totalRuns: B, derivedNav: F } = m().progress, V = F == null ? void 0 : F.readableGi;
       if (!V || B <= 0) return null;
       if (M > 0) {
         for (let q = B - 1; q >= 0; q -= 1) if (V[q]) return q;
@@ -6397,30 +6397,30 @@ function uu(e) {
     };
     return {
       progress: {
-        ...p,
+        ...h,
         registerSectionScrollApi: y,
         getSectionScrollApi: u,
         setTotalRuns: f,
         setCurrentGlobalRunIndex: g,
         setSectionLoading: C,
-        setPageIndex: k,
+        setPageIndex: T,
         // Range Selection API
         setRange: R,
         clearRange: I,
-        extendRange: h,
+        extendRange: p,
         getRangeText: S,
         // 네비 API
-        snapToReadable: T,
+        snapToReadable: k,
         nextReadableFrom: E,
         edgeReadable: O,
         hasReadableInDir: (M, B) => E(M + (B > 0 ? 1 : -1), B) != null,
         computeStepTarget: (M, B) => {
-          const { totalRuns: F, derivedNav: V } = v().progress;
+          const { totalRuns: F, derivedNav: V } = m().progress;
           if (!F || F <= 0) return M;
           const q = (V == null ? void 0 : V.groups) ?? [], ue = V == null ? void 0 : V.giToGroupIdx;
           if (!q.length || !ue) {
             const A = F - 1;
-            return T(Math.max(0, Math.min(M + B, A)));
+            return k(Math.max(0, Math.min(M + B, A)));
           }
           let de = ue[M] ?? -1;
           if (de < 0 || de >= q.length)
@@ -6432,22 +6432,22 @@ function uu(e) {
               }
             }
           if (de < 0 || de >= q.length)
-            return O(B) ?? T(M);
+            return O(B) ?? k(M);
           const ke = (X) => X >= 0 && X < q.length && (q[X].firstReadableGI ?? -1) >= 0;
           let Re = de + B;
           for (; Re >= 0 && Re < q.length && !ke(Re); )
             Re += B;
           if (Re < 0 || Re >= q.length)
-            return O(B) ?? T(M + B);
+            return O(B) ?? k(M + B);
           const ee = q[Re].firstReadableGI;
-          return ee >= 0 ? ee : T(M + B);
+          return ee >= 0 ? ee : k(M + B);
         },
         giToPercentTotal: (M) => {
-          const B = v().progress.totalRuns;
+          const B = m().progress.totalRuns;
           return !B || B <= 1 ? 0 : Math.max(0, Math.min(M, B - 1)) / (B - 1) * 100;
         },
         percentToGITotal: (M) => {
-          const B = v().progress.totalRuns;
+          const B = m().progress.totalRuns;
           if (!B || B <= 1) return 0;
           const F = Math.max(0, Math.min(M, 100)), V = Math.round(F / 100 * (B - 1));
           return Math.max(0, Math.min(V, B - 1));
@@ -6485,46 +6485,46 @@ const pu = ({
   }, [r]), i = Y((g) => g.marginX), s = Y((g) => g.lineHeight), c = Y((g) => g.fontSizePx), l = Y((g) => g.fontFamily), a = Y((g) => g.viewportHeight), d = j((g) => {
     var C;
     return ((C = g.layout) == null ? void 0 : C.prefix) ?? [];
-  }), m = j((g) => {
+  }), v = j((g) => {
     var C;
     return ((C = g.derivedNav) == null ? void 0 : C.splitGroupsPerBlock) ?? [];
-  }), p = e[t], b = ve(() => {
+  }), h = e[t], b = ve(() => {
     const g = [];
-    return o.forEach((C, k) => {
-      (C.type === "paragraph" || C.type === "image") && g.push(k);
+    return o.forEach((C, T) => {
+      (C.type === "paragraph" || C.type === "image") && g.push(T);
     }), g;
-  }, [o]), v = ve(() => {
-    if (!p) return [];
+  }, [o]), m = ve(() => {
+    if (!h) return [];
     const g = [];
-    for (let C = p.startBlock; C <= p.endBlock; C++) {
-      const k = b[C];
-      k != null && g.push(k);
+    for (let C = h.startBlock; C <= h.endBlock; C++) {
+      const T = b[C];
+      T != null && g.push(T);
     }
     return g;
-  }, [p, b]), y = ve(() => {
+  }, [h, b]), y = ve(() => {
     const g = [];
-    for (const C of v) {
-      const k = o[C];
-      (k == null ? void 0 : k.type) === "paragraph" && g.push({ b: k, originalBlockIndex: C });
+    for (const C of m) {
+      const T = o[C];
+      (T == null ? void 0 : T.type) === "paragraph" && g.push({ b: T, originalBlockIndex: C });
     }
     return g;
-  }, [v, o]), u = ve(() => {
+  }, [m, o]), u = ve(() => {
     const g = [], C = Pr();
-    return y.forEach((k, R) => {
-      g[R] = Br(k.b, C);
+    return y.forEach((T, R) => {
+      g[R] = Br(T.b, C);
     }), g;
-  }, [y]), f = (g, C, k) => {
+  }, [y]), f = (g, C, T) => {
     if (!g || g.length === 0) return [];
     const R = [];
     for (const I of g) {
-      const h = I.startG, S = I.endG;
-      if (S < C || h > k) continue;
-      const T = Math.max(h, C), E = Math.min(S, k), O = T - h | 0, z = Math.max(0, E - T + 1);
+      const p = I.startG, S = I.endG;
+      if (S < C || p > T) continue;
+      const k = Math.max(p, C), E = Math.min(S, T), O = k - p | 0, z = Math.max(0, E - k + 1);
       if (z <= 0) continue;
       const w = (I.r0 ?? 0) + O;
       R.push({
         ...I,
-        startG: T,
+        startG: k,
         endG: E,
         r0: w,
         len: z
@@ -6565,9 +6565,9 @@ const pu = ({
           },
           children: [
             /* @__PURE__ */ x("div", { style: { height: 40 } }),
-            /* @__PURE__ */ x("div", { style: { flex: 1, overflow: "hidden" }, children: v.map((g, C) => {
+            /* @__PURE__ */ x("div", { style: { flex: 1, overflow: "hidden" }, children: m.map((g, C) => {
               var X;
-              const k = o[g], R = C === 0, I = C === v.length - 1, h = {
+              const T = o[g], R = C === 0, I = C === m.length - 1, p = {
                 boxSizing: "border-box",
                 paddingRight: `${i}px`,
                 paddingLeft: `${i}px`,
@@ -6577,10 +6577,10 @@ const pu = ({
                 // justifyContent: 'center',
                 width: "100%",
                 height: "auto"
-              }, S = `sec-${r.section_id}/blk-${k.id ?? g}`;
-              if (k.type === "image") {
-                const { src: A, alt: K, width: ne, height: N } = k, oe = ne && N ? `${ne} / ${N}` : "4 / 3", $ = a > 80 ? Math.floor((a - 80) * 0.6) : void 0;
-                return /* @__PURE__ */ x("div", { style: h, children: /* @__PURE__ */ Z(
+              }, S = `sec-${r.section_id}/blk-${T.id ?? g}`;
+              if (T.type === "image") {
+                const { src: A, alt: K, width: ne, height: N } = T, oe = ne && N ? `${ne} / ${N}` : "4 / 3", $ = a > 80 ? Math.floor((a - 80) * 0.6) : void 0;
+                return /* @__PURE__ */ x("div", { style: p, children: /* @__PURE__ */ Z(
                   "div",
                   {
                     style: {
@@ -6622,15 +6622,15 @@ const pu = ({
                   }
                 ) }, S);
               }
-              const T = k, E = y.findIndex(
+              const k = T, E = y.findIndex(
                 (A) => A.originalBlockIndex === g
-              ), O = E >= 0 ? u[E] : void 0, z = T.runs ?? [], w = z.length;
+              ), O = E >= 0 ? u[E] : void 0, z = k.runs ?? [], w = z.length;
               let _ = 0, P = Math.max(0, w - 1);
-              R && p.startOffsetInBlock != null && (_ = Math.min(Math.max(0, p.startOffsetInBlock), P)), I && p.endOffsetInBlock != null && (P = Math.max(
+              R && h.startOffsetInBlock != null && (_ = Math.min(Math.max(0, h.startOffsetInBlock), P)), I && h.endOffsetInBlock != null && (P = Math.max(
                 _,
-                Math.min(p.endOffsetInBlock, P)
+                Math.min(h.endOffsetInBlock, P)
               ));
-              const G = _ > 0, M = d[g] ?? 0, B = m[g] ?? [], F = M + _, V = M + P;
+              const G = _ > 0, M = d[g] ?? 0, B = v[g] ?? [], F = M + _, V = M + P;
               let q = f(B, F, V);
               const ue = M + _;
               q = q.map((A) => {
@@ -6641,20 +6641,20 @@ const pu = ({
                   len: ne
                 };
               });
-              const de = _ <= P ? z.slice(_, P + 1) : [], ke = T.list ? T.list.level * 24 : 0, Re = ((X = T.list) == null ? void 0 : X.kind) === "bullet" ? T.list.glyph ?? "•" : void 0, ee = G ? void 0 : O ?? Re;
-              return /* @__PURE__ */ x("div", { style: h, children: /* @__PURE__ */ Z(
+              const de = _ <= P ? z.slice(_, P + 1) : [], ke = k.list ? k.list.level * 24 : 0, Re = ((X = k.list) == null ? void 0 : X.kind) === "bullet" ? k.list.glyph ?? "•" : void 0, ee = G ? void 0 : O ?? Re;
+              return /* @__PURE__ */ x("div", { style: p, children: /* @__PURE__ */ Z(
                 "p",
                 {
                   style: {
                     width: "100%",
                     margin: "8px 0",
                     paddingLeft: ke,
-                    textAlign: T.textAlign,
+                    textAlign: k.textAlign,
                     whiteSpace: "pre-wrap",
                     boxSizing: "border-box"
                   },
                   children: [
-                    T.list && ee ? /* @__PURE__ */ x(
+                    k.list && ee ? /* @__PURE__ */ x(
                       "span",
                       {
                         "aria-hidden": !0,
@@ -6698,12 +6698,12 @@ function hu(e, t) {
       }));
     }, s = new ResizeObserver((l) => {
       if (o.current) return;
-      const a = l[0], { width: d, height: m } = a.contentRect, p = r.current;
-      if (!p) {
-        r.current = { w: d, h: m };
+      const a = l[0], { width: d, height: v } = a.contentRect, h = r.current;
+      if (!h) {
+        r.current = { w: d, h: v };
         return;
       }
-      Math.abs(p.w - d) < Co && Math.abs(p.h - m) < Co || (r.current = { w: d, h: m }, i());
+      Math.abs(h.w - d) < Co && Math.abs(h.h - v) < Co || (r.current = { w: d, h: v }, i());
     });
     e.forEach((l) => {
       l.current && s.observe(l.current);
@@ -6726,10 +6726,10 @@ function gu(e) {
     velocityThreshold: l = 0.6,
     singleDelayMs: a = 250,
     doubleClickWindowMs: d = 300,
-    onDragMove: m,
-    onDragEnd: p,
+    onDragMove: v,
+    onDragEnd: h,
     pageTransitionThreshold: b
-  } = e, v = b ?? c, y = 10, u = Ye.useRef({
+  } = e, m = b ?? c, y = 10, u = Ye.useRef({
     // ── touch ──
     touchId: null,
     startX: 0,
@@ -6762,10 +6762,10 @@ function gu(e) {
   ), C = Ye.useCallback(
     (_, P) => {
       const G = Math.abs(_) / Math.max(1, P);
-      Math.abs(_) >= v || G >= l ? _ < 0 ? n() : t() : p == null || p();
+      Math.abs(_) >= m || G >= l ? _ < 0 ? n() : t() : h == null || h();
     },
-    [v, l, n, t, p]
-  ), k = Ye.useCallback(
+    [m, l, n, t, h]
+  ), T = Ye.useCallback(
     (_) => {
       if (_.touches.length !== 1) return;
       const P = s ?? i;
@@ -6785,9 +6785,9 @@ function gu(e) {
           u.current.swiping = !0;
         else
           return;
-      m == null || m(G);
+      v == null || v(G);
     },
-    [m]
+    [v]
   ), I = Ye.useCallback(
     (_) => {
       if (u.current.touchId == null) return;
@@ -6797,16 +6797,16 @@ function gu(e) {
       u.current.swiping ? C(G, B) : Math.abs(G) < 10 && Math.abs(M) < 10 && g(_.target), u.current.suppressClick = !0, u.current.touchId = null, u.current.swiping = !1;
     },
     [C, g]
-  ), h = Ye.useCallback(() => {
-    u.current.swiping && (p == null || p()), u.current.touchId = null, u.current.swiping = !1;
-  }, [p]), S = Ye.useCallback(
+  ), p = Ye.useCallback(() => {
+    u.current.swiping && (h == null || h()), u.current.touchId = null, u.current.swiping = !1;
+  }, [h]), S = Ye.useCallback(
     (_) => {
       if (_.pointerType === "touch" || u.current.mouseDown) return;
       const P = s ?? i;
       P != null && P(_.target) || (u.current.mouseDown = !0, u.current.mouseSwiping = !1, u.current.mStartX = _.clientX, u.current.mStartY = _.clientY, u.current.mStartT = _.timeStamp, u.current.suppressClick = !1, u.current.capturedEl = _.currentTarget);
     },
     [s, i]
-  ), T = Ye.useCallback(
+  ), k = Ye.useCallback(
     (_) => {
       if (_.pointerType === "touch" || !u.current.mouseDown) return;
       const P = _.clientX - u.current.mStartX, G = Math.abs(P), M = Math.abs(_.clientY - u.current.mStartY);
@@ -6822,9 +6822,9 @@ function gu(e) {
           u.current.prevUserSelect = document.body.style.userSelect, document.body.style.userSelect = "none", _.preventDefault();
         } else
           return;
-      m == null || m(P), _.preventDefault();
+      v == null || v(P), _.preventDefault();
     },
-    [m]
+    [v]
   ), E = Ye.useCallback(
     (_) => {
       var G;
@@ -6844,12 +6844,12 @@ function gu(e) {
     [C]
   ), O = Ye.useCallback(
     (_) => {
-      _.pointerType !== "touch" && (u.current.mouseSwiping && (p == null || p(), document.body.style.userSelect = u.current.prevUserSelect), u.current.mouseDown = !1, u.current.mouseSwiping = !1, u.current.capturedEl = null);
+      _.pointerType !== "touch" && (u.current.mouseSwiping && (h == null || h(), document.body.style.userSelect = u.current.prevUserSelect), u.current.mouseDown = !1, u.current.mouseSwiping = !1, u.current.capturedEl = null);
     },
-    [p]
+    [h]
   ), z = Ye.useCallback(() => {
-    u.current.mouseSwiping && (p == null || p(), document.body.style.userSelect = u.current.prevUserSelect), u.current.mouseDown = !1, u.current.mouseSwiping = !1, u.current.capturedEl = null;
-  }, [p]), w = Ye.useCallback(
+    u.current.mouseSwiping && (h == null || h(), document.body.style.userSelect = u.current.prevUserSelect), u.current.mouseDown = !1, u.current.mouseSwiping = !1, u.current.capturedEl = null;
+  }, [h]), w = Ye.useCallback(
     (_) => {
       if (u.current.suppressClick) {
         u.current.suppressClick = !1;
@@ -6866,13 +6866,13 @@ function gu(e) {
     []
   ), {
     // touch
-    onTouchStart: k,
+    onTouchStart: T,
     onTouchMove: R,
     onTouchEnd: I,
-    onTouchCancel: h,
+    onTouchCancel: p,
     // mouse
     onPointerDown: S,
-    onPointerMove: T,
+    onPointerMove: k,
     onPointerUp: E,
     onPointerCancel: O,
     onLostPointerCapture: z,
@@ -7015,8 +7015,8 @@ function Tu() {
     if (typeof a != "string")
       return a === 0 ? a : +a;
     a = e(a);
-    var m = i.test(a);
-    return m || s.test(a) ? c(a.slice(2), m ? 2 : 8) : o.test(a) ? r : +a;
+    var v = i.test(a);
+    return v || s.test(a) ? c(a.slice(2), v ? 2 : 8) : o.test(a) ? r : +a;
   }
   return or = l, or;
 }
@@ -7026,49 +7026,49 @@ function ku() {
   Ho = 1;
   var e = Li(), t = bu(), n = Tu(), r = "Expected a function", o = Math.max, i = Math.min;
   function s(c, l, a) {
-    var d, m, p, b, v, y, u = 0, f = !1, g = !1, C = !0;
+    var d, v, h, b, m, y, u = 0, f = !1, g = !1, C = !0;
     if (typeof c != "function")
       throw new TypeError(r);
-    l = n(l) || 0, e(a) && (f = !!a.leading, g = "maxWait" in a, p = g ? o(n(a.maxWait) || 0, l) : p, C = "trailing" in a ? !!a.trailing : C);
-    function k(w) {
-      var _ = d, P = m;
-      return d = m = void 0, u = w, b = c.apply(P, _), b;
+    l = n(l) || 0, e(a) && (f = !!a.leading, g = "maxWait" in a, h = g ? o(n(a.maxWait) || 0, l) : h, C = "trailing" in a ? !!a.trailing : C);
+    function T(w) {
+      var _ = d, P = v;
+      return d = v = void 0, u = w, b = c.apply(P, _), b;
     }
     function R(w) {
-      return u = w, v = setTimeout(S, l), f ? k(w) : b;
+      return u = w, m = setTimeout(S, l), f ? T(w) : b;
     }
     function I(w) {
       var _ = w - y, P = w - u, G = l - _;
-      return g ? i(G, p - P) : G;
+      return g ? i(G, h - P) : G;
     }
-    function h(w) {
+    function p(w) {
       var _ = w - y, P = w - u;
-      return y === void 0 || _ >= l || _ < 0 || g && P >= p;
+      return y === void 0 || _ >= l || _ < 0 || g && P >= h;
     }
     function S() {
       var w = t();
-      if (h(w))
-        return T(w);
-      v = setTimeout(S, I(w));
+      if (p(w))
+        return k(w);
+      m = setTimeout(S, I(w));
     }
-    function T(w) {
-      return v = void 0, C && d ? k(w) : (d = m = void 0, b);
+    function k(w) {
+      return m = void 0, C && d ? T(w) : (d = v = void 0, b);
     }
     function E() {
-      v !== void 0 && clearTimeout(v), u = 0, d = y = m = v = void 0;
+      m !== void 0 && clearTimeout(m), u = 0, d = y = v = m = void 0;
     }
     function O() {
-      return v === void 0 ? b : T(t());
+      return m === void 0 ? b : k(t());
     }
     function z() {
-      var w = t(), _ = h(w);
-      if (d = arguments, m = this, y = w, _) {
-        if (v === void 0)
+      var w = t(), _ = p(w);
+      if (d = arguments, v = this, y = w, _) {
+        if (m === void 0)
           return R(y);
         if (g)
-          return clearTimeout(v), v = setTimeout(S, l), k(y);
+          return clearTimeout(m), m = setTimeout(S, l), T(y);
       }
-      return v === void 0 && (v = setTimeout(S, l)), b;
+      return m === void 0 && (m = setTimeout(S, l)), b;
     }
     return z.cancel = E, z.flush = O, z;
   }
@@ -7155,10 +7155,10 @@ async function zu({
   lineHeight: l,
   showSplit: a,
   breakGapPx: d = 0,
-  showSlash: m,
-  paragraphMarkers: p,
+  showSlash: v,
+  paragraphMarkers: h,
   playbackScale: b = 1,
-  viewportHeight: v = 0,
+  viewportHeight: m = 0,
   instanceId: y = "default"
 }) {
   var f, g, C;
@@ -7166,24 +7166,24 @@ async function zu({
   if (tt(u, y), s && typeof document < "u" && document.fonts) {
     Ou();
     try {
-      const k = `${c}px ${s}`;
-      await document.fonts.load(k), document.fonts.check(k) || await document.fonts.ready;
+      const T = `${c}px ${s}`;
+      await document.fonts.load(T), document.fonts.check(T) || await document.fonts.ready;
     } catch {
     }
   }
   tt(u, y);
   try {
-    const k = Math.abs(b - 1) > 1e-3, R = 1 / b;
-    k && (t.style.transform = `scale(${R})`, t.style.transformOrigin = "top left");
-    const I = Math.max(0, e.offsetWidth || 0), h = Math.max(0, Math.min(I, o));
-    t.style.maxWidth = `${h}px`, tt(u, y);
+    const T = Math.abs(b - 1) > 1e-3, R = 1 / b;
+    T && (t.style.transform = `scale(${R})`, t.style.transformOrigin = "top left");
+    const I = Math.max(0, e.offsetWidth || 0), p = Math.max(0, Math.min(I, o));
+    t.style.maxWidth = `${p}px`, tt(u, y);
     let S = Math.round(n.offsetHeight || 0);
     S || (S = Math.max(0, n.clientHeight | 0)), console.log(
       "[calcPages] playbackScale:",
       b.toFixed(4),
-      k ? "(scaled, applying inverse)" : "(no scale)"
-    ), console.log("[calcPages] viewWidth:", I), console.log("[calcPages] pageBoxWidth:", h), console.log("[calcPages] maxPageHeight:", S), console.log("[calcPages] contentArea rect:", n.getBoundingClientRect()), console.log("[calcPages] measureRoot rect:", t.getBoundingClientRect());
-    const T = 1.5, E = (N, oe) => oe + N <= S - T, O = getComputedStyle(e), z = {
+      T ? "(scaled, applying inverse)" : "(no scale)"
+    ), console.log("[calcPages] viewWidth:", I), console.log("[calcPages] pageBoxWidth:", p), console.log("[calcPages] maxPageHeight:", S), console.log("[calcPages] contentArea rect:", n.getBoundingClientRect()), console.log("[calcPages] measureRoot rect:", t.getBoundingClientRect());
+    const k = 1.5, E = (N, oe) => oe + N <= S - k, O = getComputedStyle(e), z = {
       letterSpacing: O.letterSpacing,
       wordSpacing: O.wordSpacing,
       fontKerning: O.fontKerning || "normal",
@@ -7195,7 +7195,7 @@ async function zu({
       hyphens: O.hyphens || "manual"
     }, w = (N) => {
       N.style.letterSpacing = z.letterSpacing || "", N.style.wordSpacing = z.wordSpacing || "", N.style.fontKerning = z.fontKerning || "", N.style.fontVariantLigatures = z.fontVariantLigatures || "", N.style.textTransform = z.textTransform || "", N.style.direction = z.direction || "", N.style.wordBreak = z.wordBreak || "", N.style.wordWrap = z.overflowWrap || "", N.style.overflowWrap = z.overflowWrap || "", N.style.hyphens = z.hyphens || "";
-    }, _ = h, P = Math.max(0, _ - 2 * (i || 0));
+    }, _ = p, P = Math.max(0, _ - 2 * (i || 0));
     n.innerHTML = "";
     const G = document.createElement("div");
     G.style.boxSizing = "border-box", G.style.width = `${_}px`, G.style.maxWidth = `${_}px`, G.style.margin = "0 auto", G.style.display = "flex", n.appendChild(G);
@@ -7214,7 +7214,7 @@ async function zu({
           const we = Math.max(0, (d ?? 0) / 2), me = document.createElement("span");
           me.style.display = "inline-block", me.style.width = `${we}px`;
           const Te = document.createElement("span");
-          if (Te.style.display = "inline-block", Te.style.width = `${we}px`, pe.appendChild(me), m) {
+          if (Te.style.display = "inline-block", Te.style.width = `${we}px`, pe.appendChild(me), v) {
             const Oe = document.createElement("span");
             Oe.textContent = " / ", pe.appendChild(Oe);
           }
@@ -7223,7 +7223,7 @@ async function zu({
         J.appendChild(pe);
       }
       N.appendChild(J);
-    }, de = v > 80 ? Math.floor((v - 80) * 0.6) : void 0, ke = (N) => {
+    }, de = m > 80 ? Math.floor((m - 80) * 0.6) : void 0, ke = (N) => {
       const oe = N != null && N.width && (N != null && N.height) ? `${N.width} / ${N.height}` : "4 / 3", $ = document.createElement("div");
       $.style.margin = "12px 0", $.style.textAlign = "center", $.style.width = `${P}px`;
       const J = document.createElement("div");
@@ -7245,7 +7245,7 @@ async function zu({
         F[N] = { contentH: Math.ceil(Ne.height), mt: Ae, mb: $e }, await V(24);
         continue;
       }
-      const $ = oe.block, J = $.list ? ($.list.level ?? 0) * 24 : 0, se = oe.paraIndex ?? 0, re = p[se] ?? (((f = $.list) == null ? void 0 : f.kind) === "bullet" ? ((g = $.list) == null ? void 0 : g.glyph) ?? "•" : void 0);
+      const $ = oe.block, J = $.list ? ($.list.level ?? 0) * 24 : 0, se = oe.paraIndex ?? 0, re = h[se] ?? (((f = $.list) == null ? void 0 : f.kind) === "bullet" ? ((g = $.list) == null ? void 0 : g.glyph) ?? "•" : void 0);
       if (!!($.list && re)) {
         const Te = q($, J);
         Te.dataset.variant = "with";
@@ -7362,9 +7362,9 @@ async function zu({
         ...re != null ? { endOffsetInBlock: re } : {}
       });
     }
-    return G.remove(), k && (t.style.transform = "", t.style.transformOrigin = ""), tt(u, y), { pages: ee, pageByRunIndex: null };
-  } catch (k) {
-    throw console.error(k), k;
+    return G.remove(), T && (t.style.transform = "", t.style.transformOrigin = ""), tt(u, y), { pages: ee, pageByRunIndex: null };
+  } catch (T) {
+    throw console.error(T), T;
   }
 }
 function Fo(e, t, n) {
@@ -7389,10 +7389,10 @@ function Au(e, t, n, r) {
       if (!l || l.kind !== "paragraph") continue;
       const a = ((o = l.block.runs) == null ? void 0 : o.length) ?? 0;
       if (!a) continue;
-      let d = 0, m = a - 1;
-      c === s.startBlock && s.startOffsetInBlock != null && (d = Math.max(0, Math.min(s.startOffsetInBlock, m))), c === s.endBlock && s.endOffsetInBlock != null && (m = Math.max(d, Math.min(s.endOffsetInBlock, m)));
-      const p = r[l.originalIndex] ?? 0, b = p + d, v = p + m;
-      if (e >= b && e <= v) return i;
+      let d = 0, v = a - 1;
+      c === s.startBlock && s.startOffsetInBlock != null && (d = Math.max(0, Math.min(s.startOffsetInBlock, v))), c === s.endBlock && s.endOffsetInBlock != null && (v = Math.max(d, Math.min(s.endOffsetInBlock, v)));
+      const h = r[l.originalIndex] ?? 0, b = h + d, m = h + v;
+      if (e >= b && e <= m) return i;
     }
   }
   return -1;
@@ -7423,7 +7423,7 @@ function Hu(e) {
 }
 function Nu() {
   var Ar;
-  const e = Ui(), t = j((D) => D.section), n = j((D) => D.sectionLoading), r = j((D) => D.rangeStartGI), o = j((D) => D.rangeEndGI), i = r != null && o != null, s = Et(), c = Y((D) => D.theme), l = bn[c], a = Y((D) => D.fontFamily), d = Y((D) => D.fontSizePx), m = Y((D) => D.lineHeight), p = Y((D) => D.marginX), b = Y((D) => D.viewportHeight), v = 860, y = ie(null), { items: u } = ve(() => {
+  const e = Ui(), t = j((D) => D.section), n = j((D) => D.sectionLoading), r = j((D) => D.rangeStartGI), o = j((D) => D.rangeEndGI), i = r != null && o != null, s = Et(), c = Y((D) => D.theme), l = bn[c], a = Y((D) => D.fontFamily), d = Y((D) => D.fontSizePx), v = Y((D) => D.lineHeight), h = Y((D) => D.marginX), b = Y((D) => D.viewportHeight), m = 860, y = ie(null), { items: u } = ve(() => {
     var D;
     return Hu(((D = t == null ? void 0 : t.ast) == null ? void 0 : D.blocks) ?? []);
   }, [t]), f = ve(() => {
@@ -7437,14 +7437,14 @@ function Nu() {
   }, [u]), [g, C] = nt({
     pages: [],
     pageByRunIndex: null
-  }), k = j((D) => D.pageIndex), R = j((D) => D.setPageIndex), I = ie(0), h = ie(null), [S, T] = nt(!1), [E, O] = nt(null), [z, w] = nt(!1), _ = ve(
+  }), T = j((D) => D.pageIndex), R = j((D) => D.setPageIndex), I = ie(0), p = ie(null), [S, k] = nt(!1), [E, O] = nt(null), [z, w] = nt(!1), _ = ve(
     () => ({
       flex: 1,
       fontFamily: a,
       background: l.bg,
       color: l.fg,
       fontSize: d,
-      lineHeight: m,
+      lineHeight: v,
       overflow: "hidden",
       width: "100%",
       height: "100%",
@@ -7454,7 +7454,7 @@ function Nu() {
       MozTextSizeAdjust: "none",
       textSizeAdjust: "none"
     }),
-    [a, l.bg, l.fg, d, m]
+    [a, l.bg, l.fg, d, v]
   ), {
     showSplit: P,
     breakGapPx: G,
@@ -7490,11 +7490,11 @@ function Nu() {
           measureRoot: He,
           contentArea: We,
           items: u,
-          cfgMaxWidth: v,
-          marginX: p,
+          cfgMaxWidth: m,
+          marginX: h,
           fontFamily: a,
           fontSizePx: d,
-          lineHeight: m,
+          lineHeight: v,
           showSplit: P,
           breakGapPx: G,
           showSlash: M,
@@ -7517,11 +7517,11 @@ function Nu() {
   }, [
     R,
     u,
-    v,
-    p,
+    m,
+    h,
     a,
     d,
-    m,
+    v,
     P,
     G,
     M,
@@ -7534,9 +7534,9 @@ function Nu() {
     return ((He = D.layout) == null ? void 0 : He.prefix) ?? [];
   }), ue = _e((D) => D.syncToGI), de = Q(
     (D) => {
-      const He = g.pages.length + 1, We = k + D;
+      const He = g.pages.length + 1, We = T + D;
       if (We < 0 || We >= He) return;
-      const Ct = k === g.pages.length;
+      const Ct = T === g.pages.length;
       if (We === g.pages.length) {
         R(We);
         return;
@@ -7549,28 +7549,28 @@ function Nu() {
       const lt = Fo(g.pages[We], u, q);
       lt != null ? (V(lt, "scrubber-step"), ue(lt)) : R(We);
     },
-    [k, g.pages, u, q, V, R, ue]
+    [T, g.pages, u, q, V, R, ue]
   ), ke = Q(() => {
-    S || I.current !== 0 ? (O("prev"), T(!1)) : de(-1);
+    S || I.current !== 0 ? (O("prev"), k(!1)) : de(-1);
   }, [S, de]), Re = Q(() => {
-    S || I.current !== 0 ? (O("next"), T(!1)) : de(1);
+    S || I.current !== 0 ? (O("next"), k(!1)) : de(1);
   }, [S, de]), ee = kn(), X = Q(() => {
     const { isSettingsOpen: D, setSettingsOpen: He, toggleOverlays: We } = ee.getState();
     D ? He(!1) : We();
   }, [ee]), A = g.pages.length + 1, K = ((Ar = y.current) == null ? void 0 : Ar.clientWidth) || 400, ne = Q((D) => {
     var lt;
-    const He = h.current;
+    const He = p.current;
     if (!He) return;
     const We = ((lt = y.current) == null ? void 0 : lt.clientWidth) || 1, Ct = D / We * 33.333;
     He.style.transform = `translate3d(${-33.333 + Ct}%, 0, 0)`;
   }, []), N = Q(
     (D) => {
-      k === 0 && D > 0 || k >= A - 1 && D < 0 || (I.current = D, ne(D), S || T(!0));
+      T === 0 && D > 0 || T >= A - 1 && D < 0 || (I.current = D, ne(D), S || k(!0));
     },
-    [k, A, ne, S]
+    [T, A, ne, S]
   ), oe = Q(() => {
-    I.current = 0, T(!1);
-    const D = h.current;
+    I.current = 0, k(!1);
+    const D = p.current;
     D && (D.style.transition = "transform 250ms ease-out", D.style.transform = "translate3d(-33.333%, 0, 0)");
   }, []), $ = Q(
     (D) => {
@@ -7621,7 +7621,7 @@ function Nu() {
   ), Oe = Mu(F, 200, me, Te), Ne = ie("");
   Se(() => {
     if (b <= 0) return;
-    const D = `${a}|${d}|${m}|${p}|${P}|${G}|${M}|${b}|${t == null ? void 0 : t.section_id}`;
+    const D = `${a}|${d}|${v}|${h}|${P}|${G}|${M}|${b}|${t == null ? void 0 : t.section_id}`;
     Ne.current !== D && (Ne.current = D, console.log("debounceRecalc 취소"), Oe.cancel(), me(), F());
   }, [
     Oe,
@@ -7629,8 +7629,8 @@ function Nu() {
     me,
     a,
     d,
-    m,
-    p,
+    v,
+    h,
     P,
     G,
     M,
@@ -7651,7 +7651,7 @@ function Nu() {
     // 페이지 이동 구현
     stepPage: de
   }), () => Ae(void 0)), [Ae, de]);
-  const $e = t.quizzes && t.quizzes.length > 0, dt = g.pages.length > 0 && k === g.pages.length, Xe = k > 0 ? k - 1 : null, Ge = k < A - 1 ? k + 1 : null, st = ve(() => E === "prev" ? "translate3d(0%, 0, 0)" : E === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [E]), et = (D) => n ? null : D === g.pages.length ? /* @__PURE__ */ Z(
+  const $e = t.quizzes && t.quizzes.length > 0, dt = g.pages.length > 0 && T === g.pages.length, Xe = T > 0 ? T - 1 : null, Ge = T < A - 1 ? T + 1 : null, st = ve(() => E === "prev" ? "translate3d(0%, 0, 0)" : E === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [E]), et = (D) => n ? null : D === g.pages.length ? /* @__PURE__ */ Z(
     "div",
     {
       style: {
@@ -7668,7 +7668,7 @@ function Nu() {
         /* @__PURE__ */ x(Cn, { isIcon: !1 })
       ]
     }
-  ) : /* @__PURE__ */ x(pu, { pages: g.pages, pageIndex: D, maxWidth: v }), bt = {
+  ) : /* @__PURE__ */ x(pu, { pages: g.pages, pageIndex: D, maxWidth: m }), bt = {
     width: "33.333%",
     height: "100%",
     flexShrink: 0,
@@ -7684,7 +7684,7 @@ function Nu() {
     /* @__PURE__ */ Z(
       "div",
       {
-        ref: h,
+        ref: p,
         style: {
           display: "flex",
           width: "300%",
@@ -7700,7 +7700,7 @@ function Nu() {
         onTransitionEnd: E ? $ : void 0,
         children: [
           /* @__PURE__ */ x("div", { style: bt, children: Xe !== null && et(Xe) }),
-          /* @__PURE__ */ x("div", { style: bt, children: et(k) }),
+          /* @__PURE__ */ x("div", { style: bt, children: et(T) }),
           /* @__PURE__ */ x("div", { style: bt, children: Ge !== null && et(Ge) })
         ]
       }
@@ -7722,14 +7722,14 @@ function Nu() {
           zIndex: -999999,
           opacity: 0,
           width: "100%",
-          maxWidth: v,
+          maxWidth: m,
           height: "100%",
           minHeight: 0,
           boxSizing: "border-box",
           overflow: "hidden",
           fontFamily: a,
           fontSize: d,
-          lineHeight: m,
+          lineHeight: v,
           pointerEvents: "none",
           background: "pink"
         },
@@ -7738,7 +7738,7 @@ function Nu() {
           {
             style: {
               width: "100%",
-              maxWidth: v,
+              maxWidth: m,
               height: "100%",
               boxSizing: "border-box",
               display: "flex",
@@ -7774,7 +7774,7 @@ function Nu() {
         pages: g.pages,
         items: u,
         onGotoPage: R,
-        currentPageIndex: k,
+        currentPageIndex: T,
         isOnExtraPage: dt
       }
     )
@@ -7858,18 +7858,18 @@ function yd(e) {
   }), n.sort((r, o) => r - o);
 }
 const xd = Wt(function() {
-  const t = at((u) => u.phase), n = at((u) => u.quizzes), r = at((u) => u.order), o = at((u) => u.currentIndex), i = at((u) => u.answers), s = at((u) => u.correctCount), c = at((u) => u.remainingSec), l = at((u) => u.uiReveal), a = at((u) => u.startedAt), d = at((u) => u.finishedAt), m = at((u) => u.perQ), p = Oi();
+  const t = at((u) => u.phase), n = at((u) => u.quizzes), r = at((u) => u.order), o = at((u) => u.currentIndex), i = at((u) => u.answers), s = at((u) => u.correctCount), c = at((u) => u.remainingSec), l = at((u) => u.uiReveal), a = at((u) => u.startedAt), d = at((u) => u.finishedAt), v = at((u) => u.perQ), h = Oi();
   Se(() => {
     if (t === "idle" || t !== "doing" || c == null) return;
-    const u = window.setInterval(() => p.getState().tick(), 1e3);
+    const u = window.setInterval(() => h.getState().tick(), 1e3);
     return () => window.clearInterval(u);
-  }, [t, c, p]);
-  const b = t === "doing" ? n[r[o]] : void 0, v = t === "doing" && b ? i[b.qid] ?? [] : [], y = ve(() => {
+  }, [t, c, h]);
+  const b = t === "doing" ? n[r[o]] : void 0, m = t === "doing" && b ? i[b.qid] ?? [] : [], y = ve(() => {
     if (t === "idle" || t !== "finished") return;
     const u = r.map((M) => n[M]), f = u.length, g = u.reduce((M, B) => M + (B.score ?? 0), 0), C = u.reduce((M, B) => {
-      const F = m[B.qid];
+      const F = v[B.qid];
       return M + (F != null && F.isCorrect ? B.score ?? 0 : 0);
-    }, 0), k = u.map((M) => m[M.qid]).filter((M) => !!M), R = typeof a == "number" && typeof d == "number" ? Math.max(0, d - a) : k.reduce((M, B) => M + (B.ms ?? 0), 0), I = f > 0 ? Math.round(R / f) : 0, h = [...k].sort((M, B) => M.ms - B.ms), S = h[0], T = h[h.length - 1], E = k.filter((M) => !M.multi), O = k.filter((M) => M.multi), z = E.filter((M) => M.isCorrect).length, w = O.filter((M) => M.isCorrect).length, _ = k.filter((M) => M.timedOut).length, P = k.filter((M) => M.revealed).length, G = k.filter((M) => !M.isCorrect).sort((M, B) => B.ms - M.ms).slice(0, 3);
+    }, 0), T = u.map((M) => v[M.qid]).filter((M) => !!M), R = typeof a == "number" && typeof d == "number" ? Math.max(0, d - a) : T.reduce((M, B) => M + (B.ms ?? 0), 0), I = f > 0 ? Math.round(R / f) : 0, p = [...T].sort((M, B) => M.ms - B.ms), S = p[0], k = p[p.length - 1], E = T.filter((M) => !M.multi), O = T.filter((M) => M.multi), z = E.filter((M) => M.isCorrect).length, w = O.filter((M) => M.isCorrect).length, _ = T.filter((M) => M.timedOut).length, P = T.filter((M) => M.revealed).length, G = T.filter((M) => !M.isCorrect).sort((M, B) => B.ms - M.ms).slice(0, 3);
     return {
       total: f,
       correct: s,
@@ -7879,31 +7879,31 @@ const xd = Wt(function() {
       totalScore: g,
       gainedScore: C,
       fastest: S,
-      slowest: T,
+      slowest: k,
       singles: { total: E.length, correct: z },
       multis: { total: O.length, correct: w },
       timedOut: _,
       revealed: P,
       wrongTop3: G
     };
-  }, [t, r, n, m, a, d, s]);
+  }, [t, r, n, v, a, d, s]);
   return t === "idle" ? null : /* @__PURE__ */ x("div", { className: he.Overlay, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ x("div", { className: he.Dialog, children: t === "doing" && b ? /* @__PURE__ */ x(
     wd,
     {
       q: b,
       index: o,
       total: r.length,
-      selected: v,
+      selected: m,
       uiReveal: l,
       onSelect: (u) => {
         if (l) return;
-        const f = p.getState();
+        const f = h.getState();
         Di(b) ? f.selectToggle(u) : f.selectSingle(u);
       },
-      onBeforeNext: () => p.getState().setReveal(!0),
-      onNext: () => p.getState().afterRevealNext(),
+      onBeforeNext: () => h.getState().setReveal(!0),
+      onNext: () => h.getState().afterRevealNext(),
       remainingSec: c,
-      onClose: () => p.getState().close()
+      onClose: () => h.getState().close()
     }
   ) : /* @__PURE__ */ x(
     Id,
@@ -7911,7 +7911,7 @@ const xd = Wt(function() {
       total: r.length,
       correct: s,
       summary: y,
-      onClose: () => p.getState().close()
+      onClose: () => h.getState().close()
     }
   ) }) });
 });
@@ -7927,26 +7927,26 @@ function wd(e) {
     onNext: l,
     remainingSec: a,
     onClose: d
-  } = e, m = Di(t), p = ve(() => {
+  } = e, v = Di(t), h = ve(() => {
     const u = t.options.map((f, g) => ({ opt: f, i: g }));
     for (let f = u.length - 1; f > 0; f--) {
       const g = Math.floor(Math.random() * (f + 1));
       [u[f], u[g]] = [u[g], u[f]];
     }
     return u;
-  }, [t.options]), b = ve(() => Sd(t), [t]), v = ve(() => yd(t), [t]), y = ve(() => {
+  }, [t.options]), b = ve(() => Sd(t), [t]), m = ve(() => yd(t), [t]), y = ve(() => {
     const u = [...o].sort((f, g) => f - g);
-    if (u.length !== v.length) return !1;
-    for (let f = 0; f < u.length; f++) if (u[f] !== v[f]) return !1;
+    if (u.length !== m.length) return !1;
+    for (let f = 0; f < u.length; f++) if (u[f] !== m[f]) return !1;
     return !0;
-  }, [o, v]);
+  }, [o, m]);
   return /* @__PURE__ */ Z("div", { className: he.Body, children: [
     /* @__PURE__ */ Z("div", { className: he.Header, children: [
       /* @__PURE__ */ x("div", { className: he.Paging, children: `Quiz (${n + 1}/${r})` }),
       /* @__PURE__ */ x("button", { type: "button", onClick: d, className: he.CloseBtn, children: "X" })
     ] }),
     /* @__PURE__ */ x("div", { className: he.Question, children: t.question }),
-    /* @__PURE__ */ x("div", { className: he.Score, children: ` (${t.score}점${m ? " ,모두선택" : ""})` }),
+    /* @__PURE__ */ x("div", { className: he.Score, children: ` (${t.score}점${v ? " ,모두선택" : ""})` }),
     /* @__PURE__ */ x(
       "div",
       {
@@ -7956,8 +7956,8 @@ function wd(e) {
       }
     ),
     /* @__PURE__ */ x("div", { className: he.Image, children: b && /* @__PURE__ */ x("img", { src: b, alt: "" }) }),
-    /* @__PURE__ */ x("div", { className: he.Options, children: p.map(({ opt: u, i: f }) => {
-      const g = o.includes(f), C = v.includes(f), k = [
+    /* @__PURE__ */ x("div", { className: he.Options, children: h.map(({ opt: u, i: f }) => {
+      const g = o.includes(f), C = m.includes(f), T = [
         he.OptionBtn,
         g ? he.OptionBtnActive : "",
         i && C ? he.OptionBtnCorrect : ""
@@ -7967,7 +7967,7 @@ function wd(e) {
         {
           type: "button",
           onClick: () => s(f),
-          className: k,
+          className: T,
           disabled: i,
           children: u
         },
@@ -8113,8 +8113,8 @@ function kd(e) {
     selectToggle: (s) => {
       const c = i();
       if (c.phase !== "doing" || c.uiReveal) return;
-      const a = c.quizzes[c.order[c.currentIndex]].qid, d = c.answers[a] ?? [], m = d.includes(s) ? d.filter((p) => p !== s) : [...d, s].sort((p, b) => p - b);
-      o({ answers: { ...c.answers, [a]: m } });
+      const a = c.quizzes[c.order[c.currentIndex]].qid, d = c.answers[a] ?? [], v = d.includes(s) ? d.filter((h) => h !== s) : [...d, s].sort((h, b) => h - b);
+      o({ answers: { ...c.answers, [a]: v } });
     },
     selectSingle: (s) => {
       const c = i();
@@ -8125,21 +8125,21 @@ function kd(e) {
     submitCurrent: () => {
       const s = i();
       if (s.phase !== "doing") return;
-      const c = s.order[s.currentIndex], l = s.quizzes[c], a = l.qid, d = (s.answers[a] ?? []).slice().sort((u, f) => u - f), m = cr(l), p = Td(d, m), b = s.questionStartedAt ? Date.now() - s.questionStartedAt : 0, v = s.perQ[a], y = {
+      const c = s.order[s.currentIndex], l = s.quizzes[c], a = l.qid, d = (s.answers[a] ?? []).slice().sort((u, f) => u - f), v = cr(l), h = Td(d, v), b = s.questionStartedAt ? Date.now() - s.questionStartedAt : 0, m = s.perQ[a], y = {
         qid: a,
         index: l.index,
         question: l.question,
         score: l.score ?? 0,
         multi: ar(l),
         selected: d,
-        correctIdxes: m,
-        isCorrect: p,
+        correctIdxes: v,
+        isCorrect: h,
         ms: b,
-        revealed: (v == null ? void 0 : v.revealed) ?? !1,
-        timedOut: (v == null ? void 0 : v.timedOut) ?? !1
+        revealed: (m == null ? void 0 : m.revealed) ?? !1,
+        timedOut: (m == null ? void 0 : m.timedOut) ?? !1
       };
       if (o({
-        correctCount: s.correctCount + (p ? 1 : 0),
+        correctCount: s.correctCount + (h ? 1 : 0),
         perQ: { ...s.perQ, [a]: y }
       }), s.currentIndex + 1 >= s.order.length)
         o({ uiReveal: !1, remainingSec: void 0 }), i().finish();
@@ -8157,7 +8157,7 @@ function kd(e) {
       const c = i();
       if (c.phase === "doing") {
         if (s) {
-          const l = c.quizzes[c.order[c.currentIndex]], a = l.qid, d = c.perQ[a], m = {
+          const l = c.quizzes[c.order[c.currentIndex]], a = l.qid, d = c.perQ[a], v = {
             qid: a,
             index: l.index,
             question: l.question,
@@ -8170,7 +8170,7 @@ function kd(e) {
             revealed: !0,
             timedOut: (d == null ? void 0 : d.timedOut) ?? !1
           };
-          o({ perQ: { ...c.perQ, [a]: m } });
+          o({ perQ: { ...c.perQ, [a]: v } });
         }
         o({ uiReveal: s });
       }
@@ -8213,7 +8213,7 @@ function kd(e) {
       if (s.phase !== "doing" || s.remainingSec == null) return;
       const c = s.remainingSec - 1;
       if (c <= 0) {
-        const l = s.quizzes[s.order[s.currentIndex]], a = l.qid, d = s.perQ[a], m = {
+        const l = s.quizzes[s.order[s.currentIndex]], a = l.qid, d = s.perQ[a], v = {
           qid: a,
           index: l.index,
           question: l.question,
@@ -8229,7 +8229,7 @@ function kd(e) {
         o({
           remainingSec: 0,
           uiReveal: !0,
-          perQ: { ...s.perQ, [a]: m }
+          perQ: { ...s.perQ, [a]: v }
         });
       } else
         o({ remainingSec: c });
@@ -8248,24 +8248,24 @@ function Rd({ children: e, initialState: t }) {
       if (s.phase !== "finished" && i.phase === "finished") {
         const c = r.current;
         if (!c) return;
-        const { sectionId: l, quizzes: a, order: d, perQ: m, startedAt: p, finishedAt: b } = i, v = d.map((I) => a[I]), y = v.length, u = v.filter((I) => {
-          var h;
-          return (h = m[I.qid]) == null ? void 0 : h.isCorrect;
-        }).length, f = v.reduce((I, h) => I + (h.score ?? 0), 0), g = v.reduce((I, h) => {
-          const S = m[h.qid];
-          return I + (S != null && S.isCorrect ? h.score ?? 0 : 0);
-        }, 0), C = typeof p == "number" && typeof b == "number" ? Math.max(0, b - p) : 0, k = v.map((I) => {
-          const h = m[I.qid];
+        const { sectionId: l, quizzes: a, order: d, perQ: v, startedAt: h, finishedAt: b } = i, m = d.map((I) => a[I]), y = m.length, u = m.filter((I) => {
+          var p;
+          return (p = v[I.qid]) == null ? void 0 : p.isCorrect;
+        }).length, f = m.reduce((I, p) => I + (p.score ?? 0), 0), g = m.reduce((I, p) => {
+          const S = v[p.qid];
+          return I + (S != null && S.isCorrect ? p.score ?? 0 : 0);
+        }, 0), C = typeof h == "number" && typeof b == "number" ? Math.max(0, b - h) : 0, T = m.map((I) => {
+          const p = v[I.qid];
           return {
             qid: I.qid,
             index: I.index,
             question: I.question,
             score: I.score ?? 0,
-            isCorrect: (h == null ? void 0 : h.isCorrect) ?? !1,
-            selected: (h == null ? void 0 : h.selected) ?? [],
-            correctIdxes: (h == null ? void 0 : h.correctIdxes) ?? [],
-            ms: (h == null ? void 0 : h.ms) ?? 0,
-            timedOut: (h == null ? void 0 : h.timedOut) ?? !1
+            isCorrect: (p == null ? void 0 : p.isCorrect) ?? !1,
+            selected: (p == null ? void 0 : p.selected) ?? [],
+            correctIdxes: (p == null ? void 0 : p.correctIdxes) ?? [],
+            ms: (p == null ? void 0 : p.ms) ?? 0,
+            timedOut: (p == null ? void 0 : p.timedOut) ?? !1
           };
         }), R = {
           sectionId: l ?? "",
@@ -8275,7 +8275,7 @@ function Rd({ children: e, initialState: t }) {
           totalScore: f,
           gainedScore: g,
           timeMsTotal: C,
-          perQuestion: k
+          perQuestion: T
         };
         c(R);
       }
@@ -8348,36 +8348,43 @@ function Md() {
       const { viewerState: a } = l;
       if (a) {
         a.mode && t.getState().setMode(a.mode);
-        const { ...m } = a;
-        t.setState(m);
+        const { ...h } = a;
+        t.setState(h);
       }
       if (typeof l.globalIndex == "number" && n.getState().progress.setCurrentGlobalRunIndex(l.globalIndex, "playback"), (a == null ? void 0 : a.mode) === "scroll" || !(a != null && a.mode)) {
-        const m = () => {
-          const p = n.getState().progress.getSectionScrollApi();
-          if (!p) return !1;
+        const h = () => {
+          const b = n.getState().progress.getSectionScrollApi();
+          if (!b) return !1;
           if (l.scrollY === 0)
-            p.setScrollTop(0);
-          else if (p.scrollToGIAtOffset) {
-            const b = l.anchorGI ?? l.globalIndex;
-            if (typeof b == "number") {
-              const v = l.anchorOffsetRatio ?? 0;
-              p.scrollToGIAtOffset(b, v);
+            b.setScrollTop(0);
+          else if (b.scrollToGIAtOffset) {
+            const m = l.anchorGI ?? l.globalIndex;
+            if (typeof m == "number") {
+              const y = l.anchorOffsetRatio ?? 0;
+              b.scrollToGIAtOffset(m, y);
             }
           }
           return !0;
         };
-        if (!m()) {
-          let p = 0;
-          const b = setInterval(() => {
-            (m() || ++p >= 10) && clearInterval(b);
+        if (!h()) {
+          let b = 0;
+          const m = setInterval(() => {
+            (h() || ++b >= 10) && clearInterval(m);
           }, 50);
         }
       }
+      l.audio && o && o.getState()._setStatusOnly(l.audio.status);
+      const v = n.getState().progress;
+      l.range ? v.setRange(l.range.startGI, l.range.endGI) : v.clearRange();
     },
-    [t, n]
+    [t, n, o]
   ), s = Q(() => {
-    var v, y, u;
-    const l = t.getState(), a = n.getState().progress, d = (v = a.getSectionScrollApi) == null ? void 0 : v.call(a), m = a.currentGlobalRunIndex ?? 0, p = ((y = d == null ? void 0 : d.getScrollTop) == null ? void 0 : y.call(d)) ?? 0, b = ((u = d == null ? void 0 : d.getAnchorOffsetRatio) == null ? void 0 : u.call(d, m)) ?? 0;
+    var C, T, R;
+    const l = t.getState(), a = n.getState().progress, d = (C = a.getSectionScrollApi) == null ? void 0 : C.call(a), v = a.currentGlobalRunIndex ?? 0, h = ((T = d == null ? void 0 : d.getScrollTop) == null ? void 0 : T.call(d)) ?? 0, b = ((R = d == null ? void 0 : d.getAnchorOffsetRatio) == null ? void 0 : R.call(d, v)) ?? 0, m = o == null ? void 0 : o.getState(), y = m ? {
+      status: m.status,
+      currentClip: m.currentClip,
+      currentTimeMs: m.currentTimeMs
+    } : void 0, { rangeStartGI: u, rangeEndGI: f } = a, g = u != null && f != null ? { startGI: u, endGI: f, text: a.getRangeText() } : null;
     return {
       viewerState: {
         mode: l.mode,
@@ -8401,16 +8408,18 @@ function Md() {
         viewportWidth: l.viewportWidth,
         viewportHeight: l.viewportHeight
       },
-      globalIndex: m,
-      scrollY: p,
-      anchorGI: m,
+      globalIndex: v,
+      scrollY: h,
+      anchorGI: v,
       anchorOffsetRatio: b,
       currentPage: a.pageIndex ?? 0,
       sectionId: a.sectionId ?? "",
       viewportWidth: l.viewportWidth,
-      viewportHeight: l.viewportHeight
+      viewportHeight: l.viewportHeight,
+      audio: y,
+      range: g
     };
-  }, [t, n]), c = Q(
+  }, [t, n, o]), c = Q(
     (l) => {
       switch (l.type) {
         case "global_index_change": {
@@ -8420,13 +8429,13 @@ function Md() {
         }
         case "scroll": {
           if (t.getState().mode === "page") break;
-          const { scrollTop: d, anchorGI: m, anchorOffsetRatio: p } = l.payload, b = n.getState().progress.getSectionScrollApi();
-          b && (d === 0 ? b.setScrollTop(0) : b.scrollToGIAtOffset && typeof m == "number" && b.scrollToGIAtOffset(m, p));
+          const { scrollTop: d, anchorGI: v, anchorOffsetRatio: h } = l.payload, b = n.getState().progress.getSectionScrollApi();
+          b && (d === 0 ? b.setScrollTop(0) : b.scrollToGIAtOffset && typeof v == "number" && b.scrollToGIAtOffset(v, h));
           break;
         }
         case "settings_change": {
-          const { key: a, value: d } = l.payload, m = t.getState();
-          a in m && typeof m[a] != "function" && t.setState({ [a]: d });
+          const { key: a, value: d } = l.payload, v = t.getState();
+          a in v && typeof v[a] != "function" && t.setState({ [a]: d });
           break;
         }
         case "mode_change": {
@@ -8459,9 +8468,9 @@ function Md() {
         case "range_change": {
           const { startGI: a, endGI: d } = l.payload;
           console.log(`[DirectPlayback] ${l.type}: GI ${a}~${d}`), n.getState().progress.setRange(a, d);
-          const m = n.getState().progress;
+          const v = n.getState().progress;
           console.log(
-            `[DirectPlayback] after setRange: rangeStartGI=${m.rangeStartGI}, rangeEndGI=${m.rangeEndGI}`
+            `[DirectPlayback] after setRange: rangeStartGI=${v.rangeStartGI}, rangeEndGI=${v.rangeEndGI}`
           );
           break;
         }
@@ -8497,8 +8506,8 @@ function Md() {
         a();
         return;
       }
-      const d = n.subscribe((m) => {
-        m.progress.sectionLoading || (d(), a());
+      const d = n.subscribe((v) => {
+        v.progress.sectionLoading || (d(), a());
       });
     })
   }, e.getState().isPlaybackMode && (e.getState().setDispatchHandler(c), e.getState().setApplySnapshotHandler(i)), () => {
@@ -8518,57 +8527,57 @@ const Ed = ({
   containerRef: e,
   onTranslate: t
 }) => {
-  const n = j((p) => p.rangeStartGI), r = j((p) => p.rangeEndGI), o = j((p) => p.getRangeText), i = j((p) => p.clearRange), s = Et(), c = n != null && r != null, [l, a] = nt(null);
+  const n = j((h) => h.rangeStartGI), r = j((h) => h.rangeEndGI), o = j((h) => h.getRangeText), i = j((h) => h.clearRange), s = Et(), c = n != null && r != null, [l, a] = nt(null);
   Se(() => {
     if (!c) return;
-    const p = e.current;
-    if (!p) return;
+    const h = e.current;
+    if (!h) return;
     let b = !0;
-    const v = new ResizeObserver(() => {
+    const m = new ResizeObserver(() => {
       if (b) {
         b = !1;
         return;
       }
       i();
     });
-    return v.observe(p), () => v.disconnect();
+    return m.observe(h), () => m.disconnect();
   }, [c, i, e]), Se(() => {
     if (!c || n == null || r == null) {
       a(null);
       return;
     }
-    const p = () => {
-      const v = e.current;
-      if (!v) return;
-      const y = v.getBoundingClientRect(), f = 1 / (s.getState().playbackScale || 1), g = v.querySelector(`[data-g="${r}"]`);
+    const h = () => {
+      const m = e.current;
+      if (!m) return;
+      const y = m.getBoundingClientRect(), f = 1 / (s.getState().playbackScale || 1), g = m.querySelector(`[data-g="${r}"]`);
       if (!g) {
         a({ x: y.width * f / 2, y: 80 });
         return;
       }
-      const C = g.getBoundingClientRect(), k = v.querySelector(`[data-g="${n}"]`), R = k == null ? void 0 : k.getBoundingClientRect();
+      const C = g.getBoundingClientRect(), T = m.querySelector(`[data-g="${n}"]`), R = T == null ? void 0 : T.getBoundingClientRect();
       let I = (C.left + C.width / 2 - y.left) * f;
       R && (I = ((R.left + C.right) / 2 - y.left) * f);
-      const h = 160, S = 50, T = 16, E = 12, O = y.width * f, z = Math.max(
-        T + h / 2,
-        Math.min(I, O - T - h / 2)
+      const p = 160, S = 50, k = 16, E = 12, O = y.width * f, z = Math.max(
+        k + p / 2,
+        Math.min(I, O - k - p / 2)
       ), w = (((R == null ? void 0 : R.top) ?? C.top) - y.top) * f - S - E;
       let _ = w;
-      w < T && (_ = (C.bottom - y.top) * f + E), a({ x: z, y: _ });
+      w < k && (_ = (C.bottom - y.top) * f + E), a({ x: z, y: _ });
     };
-    p();
+    h();
     const b = e.current;
-    return b && b.addEventListener("scroll", p, !0), () => {
-      b && b.removeEventListener("scroll", p, !0);
+    return b && b.addEventListener("scroll", h, !0), () => {
+      b && b.removeEventListener("scroll", h, !0);
     };
   }, [c, n, r, e, s]);
   const d = Q(() => {
-    const p = o();
-    p && navigator.clipboard.writeText(p).catch((b) => {
+    const h = o();
+    h && navigator.clipboard.writeText(h).catch((b) => {
       console.error("복사 실패:", b);
     }), i();
-  }, [o, i]), m = Q(() => {
-    const p = o();
-    p && t && t(p);
+  }, [o, i]), v = Q(() => {
+    const h = o();
+    h && t && t(h);
   }, [o, t]);
   return !c || !l ? null : /* @__PURE__ */ Z(
     "div",
@@ -8608,7 +8617,7 @@ const Ed = ({
         /* @__PURE__ */ x(
           "button",
           {
-            onClick: m,
+            onClick: v,
             style: {
               padding: "8px 16px",
               backgroundColor: "#10b981",
@@ -8629,7 +8638,7 @@ const Ed = ({
   handleStart: Od,
   handleEnd: Pd
 }, Bd = ({ containerRef: e }) => {
-  const t = j((f) => f.rangeStartGI), n = j((f) => f.rangeEndGI), r = j((f) => f.setRange), o = Et(), i = t != null && n != null, [s, c] = nt(null), [l, a] = nt(null), d = ie(null), m = ie(null);
+  const t = j((f) => f.rangeStartGI), n = j((f) => f.rangeEndGI), r = j((f) => f.setRange), o = Et(), i = t != null && n != null, [s, c] = nt(null), [l, a] = nt(null), d = ie(null), v = ie(null);
   Se(() => {
     if (!i || t == null || n == null) {
       c(null), a(null);
@@ -8638,20 +8647,20 @@ const Ed = ({
     const f = () => {
       const C = e.current;
       if (!C) return;
-      const k = C.getBoundingClientRect(), I = 1 / (o.getState().playbackScale || 1), h = C.querySelector(`[data-g="${t}"]`), S = C.querySelector(`[data-g="${n}"]`);
-      if (h) {
-        const T = h.getBoundingClientRect();
+      const T = C.getBoundingClientRect(), I = 1 / (o.getState().playbackScale || 1), p = C.querySelector(`[data-g="${t}"]`), S = C.querySelector(`[data-g="${n}"]`);
+      if (p) {
+        const k = p.getBoundingClientRect();
         c({
-          x: (T.left - k.left) * I,
-          y: (T.bottom - k.top) * I
+          x: (k.left - T.left) * I,
+          y: (k.bottom - T.top) * I
         });
       } else
         c(null);
       if (S) {
-        const T = S.getBoundingClientRect();
+        const k = S.getBoundingClientRect();
         a({
-          x: (T.right - k.left) * I,
-          y: (T.bottom - k.top) * I
+          x: (k.right - T.left) * I,
+          y: (k.bottom - T.top) * I
         });
       } else
         a(null);
@@ -8662,29 +8671,29 @@ const Ed = ({
       g && g.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
     };
   }, [i, t, n, e, o]);
-  const p = Q((f, g) => {
-    var k;
+  const h = Q((f, g) => {
+    var T;
     const C = document.elementsFromPoint(f, g);
     for (const R of C) {
-      const I = (k = R.getAttribute) == null ? void 0 : k.call(R, "data-g");
+      const I = (T = R.getAttribute) == null ? void 0 : T.call(R, "data-g");
       if (I != null)
         return parseInt(I, 10);
     }
     return null;
   }, []), b = Q(
     (f) => (g) => {
-      g.preventDefault(), g.stopPropagation(), d.current = f, m.current = f === "start" ? t : n, g.target.setPointerCapture(g.pointerId);
+      g.preventDefault(), g.stopPropagation(), d.current = f, v.current = f === "start" ? t : n, g.target.setPointerCapture(g.pointerId);
     },
     [t, n]
-  ), v = Q(
+  ), m = Q(
     (f) => {
       if (!d.current || t == null || n == null) return;
-      const g = p(f.clientX, f.clientY);
+      const g = h(f.clientX, f.clientY);
       g != null && (d.current === "start" ? g <= n ? r(g, n) : (r(n, g), d.current = "end") : g >= t ? r(t, g) : (r(g, t), d.current = "start"));
     },
-    [t, n, r, p]
+    [t, n, r, h]
   ), y = Q((f) => {
-    d.current = null, m.current = null, f.target.releasePointerCapture(f.pointerId);
+    d.current = null, v.current = null, f.target.releasePointerCapture(f.pointerId);
   }, []);
   return i ? /* @__PURE__ */ Z(yt, { children: [
     s && /* @__PURE__ */ x(
@@ -8697,7 +8706,7 @@ const Ed = ({
           top: s.y
         },
         onPointerDown: b("start"),
-        onPointerMove: v,
+        onPointerMove: m,
         onPointerUp: y,
         onPointerCancel: y
       }
@@ -8712,7 +8721,7 @@ const Ed = ({
           top: l.y
         },
         onPointerDown: b("end"),
-        onPointerMove: v,
+        onPointerMove: m,
         onPointerUp: y,
         onPointerCancel: y
       }
@@ -8730,8 +8739,8 @@ function zd() {
         if (s.closest("[data-g]")) {
           const l = (c = s.closest("[data-g]")) == null ? void 0 : c.getAttribute("data-g");
           if (l) {
-            const a = parseInt(l, 10), d = Math.min(e, t), m = Math.max(e, t);
-            if (a >= d && a <= m)
+            const a = parseInt(l, 10), d = Math.min(e, t), v = Math.max(e, t);
+            if (a >= d && a <= v)
               return;
           }
         }
@@ -8853,17 +8862,17 @@ function Dd({
   onViewerEvent: l,
   viewerRef: a,
   isPlaybackMode: d = !1,
-  playbackScale: m,
-  isDev: p = !1
+  playbackScale: v,
+  isDev: h = !1
 }) {
-  const b = String((e == null ? void 0 : e.section_id) ?? "0"), v = ve(() => {
-    var k, R;
-    const g = ((k = e == null ? void 0 : e.ast) == null ? void 0 : k.blocks) ?? [];
+  const b = String((e == null ? void 0 : e.section_id) ?? "0"), m = ve(() => {
+    var T, R;
+    const g = ((T = e == null ? void 0 : e.ast) == null ? void 0 : T.blocks) ?? [];
     let C = 0;
     for (const I of g)
       (I == null ? void 0 : I.type) !== "image" && (C += ((R = I == null ? void 0 : I.runs) == null ? void 0 : R.length) ?? 0);
     return C;
-  }, [e]), y = ve(() => typeof n == "number" ? Ld(n, v > 0 ? 0 : -1, Math.max(v - 1, -1)) : (v > 0, 0), [n, v]), u = ve(
+  }, [e]), y = ve(() => typeof n == "number" ? Ld(n, m > 0 ? 0 : -1, Math.max(m - 1, -1)) : (m > 0, 0), [n, m]), u = ve(
     () => ({
       section: e,
       initialIndex: y,
@@ -8887,23 +8896,23 @@ function Dd({
     {
       onViewerEvent: l,
       isPlaybackMode: d,
-      playbackScale: m,
+      playbackScale: v,
       viewerRef: a,
-      children: /* @__PURE__ */ x(fu, { initialState: { ...t, isDev: p }, children: /* @__PURE__ */ x(du, { initialState: u, children: /* @__PURE__ */ x(iu, { initialState: f, children: /* @__PURE__ */ x(Rd, { initialState: { section: e, onQuizComplete: c }, children: /* @__PURE__ */ x(Gd, {}) }, b) }, b) }, b) })
+      children: /* @__PURE__ */ x(fu, { initialState: { ...t, isDev: h }, children: /* @__PURE__ */ x(du, { initialState: u, children: /* @__PURE__ */ x(iu, { initialState: f, children: /* @__PURE__ */ x(Rd, { initialState: { section: e, onQuizComplete: c }, children: /* @__PURE__ */ x(Gd, {}) }, b) }, b) }, b) })
     }
   );
 }
 function Gd() {
-  const e = Y((p) => p.mode), t = ie(null), n = Et(), r = Rt(), [o, i] = nt(!1), [s, c] = nt(), l = Q(
-    (p) => {
-      c(p), i(!0);
-      const { rangeStartGI: b, rangeEndGI: v } = r.getState().progress;
+  const e = Y((h) => h.mode), t = ie(null), n = Et(), r = Rt(), [o, i] = nt(!1), [s, c] = nt(), l = Q(
+    (h) => {
+      c(h), i(!0);
+      const { rangeStartGI: b, rangeEndGI: m } = r.getState().progress;
       n.getState().emit({
         type: "translate_request",
         payload: {
-          text: p,
+          text: h,
           startGI: b ?? 0,
-          endGI: v ?? 0
+          endGI: m ?? 0
         }
       });
     },
@@ -8918,11 +8927,11 @@ function Gd() {
     "div",
     {
       ref: t,
-      onContextMenu: (p) => {
-        p.preventDefault();
+      onContextMenu: (h) => {
+        h.preventDefault();
       },
-      onDragStart: (p) => {
-        p.preventDefault();
+      onDragStart: (h) => {
+        h.preventDefault();
       },
       style: {
         position: "relative",