@prose-reader/react-reader 1.271.0 → 1.273.0

package/dist/index.js

@@ -1,62 +1,33 @@
-import { jsx as e, jsxs as s, Fragment as de } from "react/jsx-runtime";
-import { IconButton as k, Portal as ve, Dialog as z, List as B, Link as xe, Stack as O, Text as b, Tabs as P, Button as W, Presence as ue, Box as _, createToaster as en, Toaster as nn, Toast as J, Spinner as tn, RadioGroup as ie, Slider as M, HStack as F, For as on, Fieldset as N, Heading as me, Kbd as we, Popover as ee, Progress as le, chakra as rn, Collapsible as be, Field as oe, Input as an } from "@chakra-ui/react";
-import * as A from "react";
-import ln, { createContext as sn, useContext as Fe, memo as g, useState as w, useEffect as $, useCallback as T, useMemo as cn, useLayoutEffect as dn, useRef as un } from "react";
-import { LuX as hn, LuNotebookPen as pe, LuBookmark as pn, LuCheck as gn, LuArrowBigRight as fn, LuArrowBigLeft as mn, LuChevronDown as bn, LuCircleHelp as Sn, LuTableOfContents as Cn, LuSearch as vn, LuZoomOut as xn, LuZoomIn as kn, LuGalleryHorizontal as In, LuCircleCheck as ye } from "react-icons/lu";
-import { signal as ne, useObserve as S, isDefined as _e, useSubscribe as H, useConstant as he, useSignalValue as Se, useMemoCompare as On, useLiveRef as Rn, useSignalState as Tn } from "reactjrx";
-import { Subject as zn, map as E, filter as se, switchMap as V, EMPTY as Pe, of as ge, withLatestFrom as ke, NEVER as Ie, startWith as Mn, distinctUntilChanged as De, throttleTime as Le, tap as $e, first as Ne, combineLatest as wn, mergeMap as yn, Observable as Pn, skip as En, merge as Ve, timer as We, finalize as An, BehaviorSubject as Bn, animationFrameScheduler as Fn } from "rxjs";
-import { createPortal as _n } from "react-dom";
-import { isPositionInArea as Dn } from "@prose-reader/enhancer-gestures";
-import { isShallowEqual as Ln } from "@prose-reader/shared";
-import { isShallowEqual as $n, observeIntersection as Nn, isHtmlTagElement as Vn } from "@prose-reader/core";
-import { BiFontSize as Wn } from "react-icons/bi";
-import { BsBookmarks as Hn } from "react-icons/bs";
+import { jsx as a, jsxs as x, Fragment as et } from "react/jsx-runtime";
+import { c as y } from "react/compiler-runtime";
+import { Presence as tt, Button as re, IconButton as ee, Drawer as fe, Portal as ct, Box as he, Stack as J, Text as q, Textarea as en, Dialog as ie, List as me, Link as Ct, Tabs as ue, createToaster as tn, Toaster as nn, Toast as Ne, Spinner as on, RadioGroup as Qe, Slider as ae, HStack as ge, For as ln, Fieldset as Se, Heading as mt, Kbd as zt, Popover as He, Progress as Ze, chakra as sn, Collapsible as gt, Field as je, Input as an } from "@chakra-ui/react";
+import * as se from "react";
+import rn, { createContext as cn, useContext as At, memo as w, useState as le, useEffect as ce, useLayoutEffect as fn, useRef as dn } from "react";
+import { FaEdit as un } from "react-icons/fa";
+import { LuNotebookPen as Ke, LuX as hn, LuBookmark as mn, LuCheck as gn, LuArrowBigRight as pn, LuArrowBigLeft as bn, LuChevronDown as Sn, LuCircleHelp as _n, LuTableOfContents as vn, LuSearch as Cn, LuZoomOut as xn, LuZoomIn as yn, LuGalleryHorizontal as kn, LuCircleCheck as Rt } from "react-icons/lu";
+import { signal as Ve, useObserve as j, useSignalValue as bt, useSubscribe as pe, isDefined as Et, useConstant as at, useMemoCompare as In, useLiveRef as $n, useSignalState as On } from "reactjrx";
+import { Subject as Tn, EMPTY as St, switchMap as be, map as ne, startWith as Bt, tap as xt, filter as Xe, of as _t, NEVER as ft, withLatestFrom as yt, distinctUntilChanged as rt, combineLatest as Dt, throttleTime as Ft, first as Lt, mergeMap as zn, Observable as Rn, skip as wn, merge as Nt, timer as Ht, finalize as Mn, BehaviorSubject as Pn, animationFrameScheduler as An } from "rxjs";
+import { pick as En, watchKeys as Bn, isShallowEqual as Vt, observeIntersection as Dn, isHtmlTagElement as Fn } from "@prose-reader/core";
+import { createPortal as Ln } from "react-dom";
+import { isPositionInArea as Nn } from "@prose-reader/enhancer-gestures";
+import { isShallowEqual as Hn } from "@prose-reader/shared";
+import { BiFontSize as Vn } from "react-icons/bi";
+import { BsBookmarks as Wn } from "react-icons/bs";
 import { MdOutlineFitScreen as Gn, MdFullscreenExit as qn, MdFullscreen as jn } from "react-icons/md";
 import { RiGalleryView2 as Un } from "react-icons/ri";
-import { RxDoubleArrowUp as Qn, RxDoubleArrowLeft as Yn, RxDoubleArrowDown as Zn, RxDoubleArrowRight as Xn } from "react-icons/rx";
-import { HiOutlineInformationCircle as Kn } from "react-icons/hi";
+import { RxDoubleArrowUp as Qn, RxDoubleArrowLeft as Yn, RxDoubleArrowDown as Zn, RxDoubleArrowRight as Kn } from "react-icons/rx";
+import { HiOutlineInformationCircle as Xn } from "react-icons/hi";
 import Jn from "rc-slider";
 import "rc-slider/assets/index.css";
-import { IoIosArrowBack as et, IoMdMore as nt } from "react-icons/io";
-const tt = "data-bookmark-area", He = 5, ot = A.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(k, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(hn, {}) });
-}), G = A.forwardRef(function(t, o) {
-  const {
-    children: r,
-    portalled: i = !0,
-    portalRef: a,
-    backdrop: l = !0,
-    ...c
-  } = t;
-  return /* @__PURE__ */ s(ve, { disabled: !i, container: a, children: [
-    l && /* @__PURE__ */ e(z.Backdrop, {}),
-    /* @__PURE__ */ e(z.Positioner, { children: /* @__PURE__ */ e(z.Content, { ref: o, ...c, asChild: !1, children: r }) })
-  ] });
-}), q = A.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(
-    z.CloseTrigger,
-    {
-      position: "absolute",
-      top: "2",
-      insetEnd: "2",
-      ...t,
-      asChild: !0,
-      children: /* @__PURE__ */ e(ot, { size: "sm", ref: o, children: t.children })
-    }
-  );
-}), j = z.Root, U = z.Footer, Q = z.Header, Y = z.Body;
-z.Backdrop;
-const Z = z.Title;
-z.Description;
-z.Trigger;
-const X = z.ActionTrigger, Ge = () => ({
+import { IoIosArrowBack as eo, IoMdMore as to } from "react-icons/io";
+const no = "data-bookmark-area", Wt = 5, Gt = () => ({
   _quickMenuOpen: !1,
-  _onQuickMenuOpenChange: (n) => n,
+  _onQuickMenuOpenChange: (t) => t,
   reader: void 0,
-  quickMenuBottomBarBoundingBoxSignal: ne({
+  quickMenuBottomBarBoundingBoxSignal: Ve({
     default: void 0
   }),
-  notificationsSubject: new zn(),
+  notificationsSubject: new Tn(),
   refitMenuOpen: !1,
   onRefitMenuOpenChange: () => {
   },
@@ -66,598 +37,1005 @@ const X = z.ActionTrigger, Ge = () => ({
   fontSizeMin: 0.2,
   fontSizeMax: 5,
   uncontrolledFontSize: 1,
-  enableFloatingProgress: !0
-}), Oe = sn(
-  ne({ default: Ge() })
-), y = (n) => {
-  const t = Fe(Oe);
-  return S(t, n);
-}, qe = () => Fe(Oe), m = () => {
-  const { reader: n } = y(["reader"]);
-  return n;
-}, je = (n) => !!n && "__PROSE_READER_ENHANCER_SEARCH" in n, ce = (n) => !!n && "__PROSE_READER_ENHANCER_ANNOTATIONS" in n, Ue = (n) => !!n && "__PROSE_READER_ENHANCER_GALLERY" in n, Qe = (n) => !!n && "__PROSE_READER_ENHANCER_REFIT" in n, rt = (n) => {
-  const t = m(), o = ce(t) ? t : void 0;
-  return { data: S(
-    () => o?.annotations.annotations$.pipe(
-      E((i) => i.find((a) => a.id === n)),
-      se(_e),
-      V((i) => o.locateResource(i))
-    ),
-    [o]
-  ) };
-}, Ye = ({
-  id: n,
-  onNavigate: t,
-  allowLeftIcon: o = !0
-}) => {
-  const r = m(), { data: i } = rt(n), a = i?.meta.range?.toString() || i?.meta.node?.textContent;
-  return /* @__PURE__ */ e(B.Item, { children: /* @__PURE__ */ s(
-    xe,
-    {
-      href: "#",
-      onClick: () => {
-        t(), r?.navigation.goToCfi(i?.meta.cfi ?? "");
-      },
-      children: [
-        i?.resource?.notes ? /* @__PURE__ */ e(B.Indicator, { asChild: !0, children: /* @__PURE__ */ e(pe, {}) }) : o ? /* @__PURE__ */ e(B.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(pe, {}) }) : null,
-        /* @__PURE__ */ s(O, { gap: 0, children: [
-          a ? /* @__PURE__ */ e(b, { lineClamp: 2, fontSize: "md", children: a }) : /* @__PURE__ */ s(b, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
-            "Page ",
-            (i?.meta.absolutePageIndex ?? 0) + 1
-          ] }),
-          /* @__PURE__ */ e(
-            b,
-            {
-              fontStyle: "italic",
-              fontWeight: "bold",
-              fontSize: "sm",
-              children: `Book page: ${i?.meta?.absolutePageIndex !== void 0 ? i.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
-            }
-          )
-        ] })
-      ]
-    }
-  ) });
-}, fe = () => {
-  const n = m(), t = ce(n) ? n : void 0;
-  return { data: S(
-    () => t?.annotations.annotations$.pipe(
-      V(
-        (r) => t.locateResource(r)
-      )
-    ),
-    [t]
-  ) };
-}, it = () => {
-  const { data: n } = fe();
-  return {
-    data: n?.filter((t) => t.meta.isCfiRange)
-  };
-}, at = ({ onNavigate: n }) => {
-  const { data: t } = it();
-  return /* @__PURE__ */ e(B.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ e(
-    Ye,
-    {
-      id: o.resource.id,
-      onNavigate: n
-    },
-    o.resource.id
-  )) });
-}, lt = () => {
-  const { data: n } = fe();
+  enableFloatingProgress: !0,
+  selectedHighlight: void 0
+}), kt = cn(Ve({
+  default: Gt()
+})), oe = (t) => {
+  const e = y(9), o = At(kt);
+  let n;
+  e[0] !== o || e[1] !== t ? (n = () => o.pipe(Bn(t)), e[0] = o, e[1] = t, e[2] = n) : n = e[2];
+  let l;
+  e[3] !== o.value || e[4] !== t ? (l = En(o.value, t), e[3] = o.value, e[4] = t, e[5] = l) : l = e[5];
+  let i;
+  e[6] !== l ? (i = {
+    compareFn: Vt,
+    defaultValue: l
+  }, e[6] = l, e[7] = i) : i = e[7];
+  let s;
+  return e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = [], e[8] = s) : s = e[8], j(n, i, s).data;
+}, We = () => At(kt), oo = 24, qt = w((t) => {
+  const e = y(9);
+  let o, n;
+  e[0] !== t ? ({
+    children: o,
+    ...n
+  } = t, e[0] = t, e[1] = o, e[2] = n) : (o = e[1], n = e[2]);
+  let l;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = ["quickMenuBottomBarBoundingBoxSignal", "zoomMaxScale"], e[3] = l) : l = e[3];
+  const {
+    quickMenuBottomBarBoundingBoxSignal: i
+  } = oe(l), r = bt(i)?.borderBoxSize?.[0]?.blockSize || oo;
+  let c;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = {
+    _open: "fade-in",
+    _closed: "fade-out"
+  }, e[4] = c) : c = e[4];
+  const f = `calc(${r}px + var(--chakra-spacing-4))`;
+  let u;
+  return e[5] !== o || e[6] !== n || e[7] !== f ? (u = /* @__PURE__ */ a(tt, { animationName: c, animationDuration: "moderate", position: "absolute", bottom: f, right: 4, backgroundColor: "bg.panel", shadow: "sm", borderRadius: "md", p: 2, display: "flex", flexDirection: "row", gap: 2, ...n, children: o }), e[5] = o, e[6] = n, e[7] = f, e[8] = u) : u = e[8], u;
+}), U = () => {
+  const t = y(1);
+  let e;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = ["reader"], t[0] = e) : e = t[0];
+  const {
+    reader: o
+  } = oe(e);
+  return o;
+}, jt = (t) => !!t && "__PROSE_READER_ENHANCER_SEARCH" in t, Je = (t) => !!t && "__PROSE_READER_ENHANCER_ANNOTATIONS" in t, Ut = (t) => !!t && "__PROSE_READER_ENHANCER_GALLERY" in t, Qt = (t) => !!t && "__PROSE_READER_ENHANCER_REFIT" in t, nt = () => {
+  const t = y(2), e = U();
+  let o;
+  return t[0] !== e ? (o = Je(e) ? e : void 0, t[0] = e, t[1] = o) : o = t[1], o;
+}, lo = () => {
+  const t = y(16), e = nt(), o = We();
+  let n;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = ["selectedHighlight"], t[0] = n) : n = t[0];
+  const {
+    selectedHighlight: l
+  } = oe(n);
+  let i;
+  t[1] !== e ? (i = () => e?.selection.selectionOver$.pipe(be(() => e.selection.selectionEnd$.pipe(ne(io), Bt(!0)))) ?? St, t[1] = e, t[2] = i) : i = t[2];
+  let s;
+  t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
+    defaultValue: !1
+  }, t[3] = s) : s = t[3];
+  let r;
+  t[4] !== e ? (r = [e], t[4] = e, t[5] = r) : r = t[5];
+  const {
+    data: c
+  } = j(i, s, r), f = c && !l;
+  let u;
+  t[6] !== o || t[7] !== e?.selection ? (u = () => {
+    const p = e?.selection.getSelection();
+    p && o.update((b) => ({
+      ...b,
+      selectedHighlight: {
+        selection: p
+      }
+    }));
+  }, t[6] = o, t[7] = e?.selection, t[8] = u) : u = t[8];
+  let d;
+  t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ a(un, {}), t[9] = d) : d = t[9];
+  let h;
+  t[10] !== u ? (h = /* @__PURE__ */ x(re, { variant: "outline", size: "sm", onClick: u, children: [
+    d,
+    "Annotate"
+  ] }), t[10] = u, t[11] = h) : h = t[11];
+  let m;
+  t[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ x(re, { variant: "outline", size: "sm", disabled: !0, children: [
+    /* @__PURE__ */ a(Ke, {}),
+    "Bookmark"
+  ] }), t[12] = m) : m = t[12];
+  let g;
+  return t[13] !== f || t[14] !== h ? (g = /* @__PURE__ */ x(qt, { present: f, children: [
+    h,
+    m
+  ] }), t[13] = f, t[14] = h, t[15] = g) : g = t[15], g;
+};
+function io() {
+  return !1;
+}
+const so = (t, e = 50) => t.length <= e ? t : `${t.slice(0, e)}...`, Yt = se.forwardRef(function(e, o) {
+  const n = y(6);
+  let l;
+  n[0] !== e.children ? (l = e.children ?? /* @__PURE__ */ a(hn, {}), n[0] = e.children, n[1] = l) : l = n[1];
+  let i;
+  return n[2] !== e || n[3] !== o || n[4] !== l ? (i = /* @__PURE__ */ a(ee, { variant: "ghost", "aria-label": "Close", ref: o, ...e, children: l }), n[2] = e, n[3] = o, n[4] = l, n[5] = i) : i = n[5], i;
+}), ao = se.forwardRef(function(e, o) {
+  const n = y(17);
+  let l, i, s, r, c;
+  n[0] !== e ? ({
+    children: l,
+    portalled: c,
+    portalRef: s,
+    offset: i,
+    ...r
+  } = e, n[0] = e, n[1] = l, n[2] = i, n[3] = s, n[4] = r, n[5] = c) : (l = n[1], i = n[2], s = n[3], r = n[4], c = n[5]);
+  const u = !(c === void 0 ? !0 : c);
+  let d;
+  n[6] !== l || n[7] !== o || n[8] !== r ? (d = /* @__PURE__ */ a(fe.Content, { ref: o, ...r, asChild: !1, children: l }), n[6] = l, n[7] = o, n[8] = r, n[9] = d) : d = n[9];
+  let h;
+  n[10] !== i || n[11] !== d ? (h = /* @__PURE__ */ a(fe.Positioner, { padding: i, children: d }), n[10] = i, n[11] = d, n[12] = h) : h = n[12];
+  let m;
+  return n[13] !== s || n[14] !== u || n[15] !== h ? (m = /* @__PURE__ */ a(ct, { disabled: u, container: s, children: h }), n[13] = s, n[14] = u, n[15] = h, n[16] = m) : m = n[16], m;
+});
+se.forwardRef(function(e, o) {
+  const n = y(5);
+  let l;
+  n[0] !== o ? (l = /* @__PURE__ */ a(Yt, { size: "sm", ref: o }), n[0] = o, n[1] = l) : l = n[1];
+  let i;
+  return n[2] !== e || n[3] !== l ? (i = /* @__PURE__ */ a(fe.CloseTrigger, { position: "absolute", top: "2", insetEnd: "2", ...e, asChild: !0, children: l }), n[2] = e, n[3] = l, n[4] = i) : i = n[4], i;
+});
+fe.Trigger;
+const ro = fe.Root;
+fe.Footer;
+const co = fe.Header, fo = fe.Body, uo = fe.Backdrop;
+fe.Description;
+fe.Title;
+fe.ActionTrigger;
+const pt = [
+  "rgba(216, 191, 216, 1)",
+  // Light purple
+  "rgba(255, 225, 125, 1)",
+  // Soft yellow
+  "rgba(144, 238, 144, 1)",
+  // Light green
+  "rgba(173, 216, 230, 1)",
+  // Light blue
+  "rgba(255, 182, 193, 1)"
+  // Light pink
+], ho = w(() => {
+  const t = y(60), e = nt();
+  let o;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = ["selectedHighlight", "onAnnotationCreate", "onAnnotationUpdate", "onAnnotationDelete"], t[0] = o) : o = t[0];
+  const {
+    selectedHighlight: n,
+    onAnnotationCreate: l,
+    onAnnotationUpdate: i,
+    onAnnotationDelete: s
+  } = oe(o), r = We(), {
+    highlight: c,
+    selection: f
+  } = n ?? {}, [u, d] = le(pt[0]), [h, m] = le(""), g = !!(f ?? c);
+  let p;
+  t[1] !== r ? (p = () => {
+    r.update(mo);
+  }, t[1] = r, t[2] = p) : p = t[2];
+  const b = p;
+  let S;
+  t[3] !== b ? (S = (D) => {
+    D.open || b();
+  }, t[3] = b, t[4] = S) : S = t[4];
+  const _ = S, v = c?.highlightColor, C = c?.notes;
+  let I;
+  t[5] !== m ? (I = () => {
+    m("");
+  }, t[5] = m, t[6] = I) : I = t[6];
+  let k;
+  t[7] !== g ? (k = [g], t[7] = g, t[8] = k) : k = t[8], ce(I, k), ce(() => {
+    m(C ?? "");
+  }, [C]), ce(() => {
+    d(v || pt[0]);
+  }, [v, g]);
+  let $;
+  t[9] !== r || t[10] !== e?.annotations.highlightTap$ ? ($ = function() {
+    return e?.annotations.highlightTap$.pipe(xt((de) => {
+      const {
+        highlight: R
+      } = de;
+      r.update((te) => ({
+        ...te,
+        selectedHighlight: {
+          highlight: R
+        }
+      }));
+    }));
+  }, t[9] = r, t[10] = e?.annotations.highlightTap$, t[11] = $) : $ = t[11];
+  let O;
+  t[12] !== e ? (O = [e], t[12] = e, t[13] = O) : O = t[13], pe($, O);
+  const z = ro, E = "bottom";
+  let T;
+  t[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ a(uo, {}), t[14] = T) : T = t[14];
+  const N = ao, M = co, H = "1px", Q = c ? "Highlight" : `Selection: "${so(f?.selection?.toString() ?? "", 10)}"`;
+  let K;
+  t[15] !== M || t[16] !== Q ? (K = /* @__PURE__ */ a(M, { borderBottomWidth: H, children: Q }), t[15] = M, t[16] = Q, t[17] = K) : K = t[17];
+  let V;
+  t[18] !== u || t[19] !== d ? (V = pt.map((D) => /* @__PURE__ */ a(he, { bgColor: D, height: 10, width: 10, borderRadius: "50%", cursor: "pointer", ...u === D && {
+    border: "4px solid white"
+  }, onClick: () => d(D) }, D)), t[18] = u, t[19] = d, t[20] = V) : V = t[20];
+  let W;
+  t[21] !== V ? (W = /* @__PURE__ */ a(J, { gap: 2, flexDirection: "row", children: V }), t[21] = V, t[22] = W) : W = t[22];
+  let G;
+  t[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ a(q, { children: "Annotation:" }), t[23] = G) : G = t[23];
+  let F;
+  t[24] !== m ? (F = (D) => m(D.target.value), t[24] = m, t[25] = F) : F = t[25];
+  let P;
+  t[26] !== h || t[27] !== F ? (P = /* @__PURE__ */ a(en, { value: h, onChange: F }), t[26] = h, t[27] = F, t[28] = P) : P = t[28];
+  let Y;
+  t[29] !== W || t[30] !== P ? (Y = /* @__PURE__ */ x(J, { children: [
+    W,
+    G,
+    P
+  ] }), t[29] = W, t[30] = P, t[31] = Y) : Y = t[31];
+  let Z;
+  t[32] !== h || t[33] !== l || t[34] !== b || t[35] !== e?.annotations || t[36] !== u || t[37] !== f ? (Z = !!f && /* @__PURE__ */ a(re, { onClick: () => {
+    b();
+    const D = e?.annotations.createAnnotation({
+      ...f,
+      highlightColor: u,
+      notes: h
+    });
+    D && l?.(D);
+  }, children: "Highlight" }), t[32] = h, t[33] = l, t[34] = b, t[35] = e?.annotations, t[36] = u, t[37] = f, t[38] = Z) : Z = t[38];
+  let A;
+  t[39] !== h || t[40] !== c || t[41] !== s || t[42] !== i || t[43] !== b || t[44] !== u ? (A = !!c && /* @__PURE__ */ x(J, { direction: "row", children: [
+    /* @__PURE__ */ a(re, { flex: 1, onClick: () => {
+      b(), i?.({
+        id: c.id,
+        highlightColor: u,
+        notes: h
+      });
+    }, children: "Update" }),
+    /* @__PURE__ */ a(re, { flex: 1, variant: "surface", onClick: () => {
+      b(), s?.(c.id);
+    }, children: "Remove" })
+  ] }), t[39] = h, t[40] = c, t[41] = s, t[42] = i, t[43] = b, t[44] = u, t[45] = A) : A = t[45];
+  let L;
+  t[46] !== Y || t[47] !== Z || t[48] !== A ? (L = /* @__PURE__ */ x(fo, { gap: 4, display: "flex", flexDirection: "column", pb: 4, children: [
+    Y,
+    Z,
+    A
+  ] }), t[46] = Y, t[47] = Z, t[48] = A, t[49] = L) : L = t[49];
+  let X;
+  t[50] !== N || t[51] !== K || t[52] !== L ? (X = /* @__PURE__ */ x(N, { children: [
+    K,
+    L
+  ] }), t[50] = N, t[51] = K, t[52] = L, t[53] = X) : X = t[53];
+  let B;
+  return t[54] !== z || t[55] !== g || t[56] !== _ || t[57] !== X || t[58] !== T ? (B = /* @__PURE__ */ x(z, { placement: E, onOpenChange: _, open: g, children: [
+    T,
+    X
+  ] }), t[54] = z, t[55] = g, t[56] = _, t[57] = X, t[58] = T, t[59] = B) : B = t[59], B;
+});
+function mo(t) {
   return {
-    data: n?.filter(
-      (t) => !t.meta.isCfiRange && !t.resource.notes
-    )
+    ...t,
+    selectedHighlight: void 0
   };
-}, st = ({ onNavigate: n }) => {
-  const { data: t } = lt();
-  return /* @__PURE__ */ e(B.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ e(
-    Ye,
-    {
-      id: o.resource.id,
-      onNavigate: n,
-      allowLeftIcon: !1
-    },
-    o.resource.id
-  )) });
-}, ct = g(
-  ({
+}
+const _e = se.forwardRef(function(e, o) {
+  const n = y(17);
+  let l, i, s, r, c;
+  n[0] !== e ? ({
+    children: l,
+    portalled: r,
+    portalRef: i,
+    backdrop: c,
+    ...s
+  } = e, n[0] = e, n[1] = l, n[2] = i, n[3] = s, n[4] = r, n[5] = c) : (l = n[1], i = n[2], s = n[3], r = n[4], c = n[5]);
+  const f = r === void 0 ? !0 : r, u = c === void 0 ? !0 : c, d = !f;
+  let h;
+  n[6] !== u ? (h = u && /* @__PURE__ */ a(ie.Backdrop, {}), n[6] = u, n[7] = h) : h = n[7];
+  let m;
+  n[8] !== l || n[9] !== o || n[10] !== s ? (m = /* @__PURE__ */ a(ie.Positioner, { children: /* @__PURE__ */ a(ie.Content, { ref: o, ...s, asChild: !1, children: l }) }), n[8] = l, n[9] = o, n[10] = s, n[11] = m) : m = n[11];
+  let g;
+  return n[12] !== i || n[13] !== d || n[14] !== h || n[15] !== m ? (g = /* @__PURE__ */ x(ct, { disabled: d, container: i, children: [
+    h,
+    m
+  ] }), n[12] = i, n[13] = d, n[14] = h, n[15] = m, n[16] = g) : g = n[16], g;
+}), ve = se.forwardRef(function(e, o) {
+  const n = y(6);
+  let l;
+  n[0] !== e.children || n[1] !== o ? (l = /* @__PURE__ */ a(Yt, { size: "sm", ref: o, children: e.children }), n[0] = e.children, n[1] = o, n[2] = l) : l = n[2];
+  let i;
+  return n[3] !== e || n[4] !== l ? (i = /* @__PURE__ */ a(ie.CloseTrigger, { position: "absolute", top: "2", insetEnd: "2", ...e, asChild: !0, children: l }), n[3] = e, n[4] = l, n[5] = i) : i = n[5], i;
+}), Ce = ie.Root, xe = ie.Footer, ye = ie.Header, ke = ie.Body;
+ie.Backdrop;
+const Ie = ie.Title;
+ie.Description;
+ie.Trigger;
+const $e = ie.ActionTrigger, go = (t) => {
+  const e = y(7), o = U();
+  let n;
+  e[0] !== o ? (n = Je(o) ? o : void 0, e[0] = o, e[1] = n) : n = e[1];
+  const l = n;
+  let i;
+  e[2] !== t || e[3] !== l ? (i = () => l?.annotations.annotations$.pipe(ne((r) => r.find((c) => c.id === t)), Xe(Et), be((r) => l.locateResource(r))), e[2] = t, e[3] = l, e[4] = i) : i = e[4];
+  let s;
+  return e[5] !== l ? (s = [l], e[5] = l, e[6] = s) : s = e[6], j(i, s);
+}, Zt = (t) => {
+  const e = y(22), {
+    id: o,
     onNavigate: n,
-    defaultTab: t
-  }) => {
-    const [o, r] = w(t ?? "bookmarks");
-    return /* @__PURE__ */ s(
-      P.Root,
-      {
-        value: o,
-        onValueChange: (i) => r(i.value),
-        children: [
-          /* @__PURE__ */ s(P.List, { children: [
-            /* @__PURE__ */ s(P.Trigger, { value: "bookmarks", children: [
-              /* @__PURE__ */ e(pn, {}),
-              "Bookmarks"
-            ] }),
-            /* @__PURE__ */ s(P.Trigger, { value: "annotations", children: [
-              /* @__PURE__ */ e(pe, {}),
-              "Annotations"
-            ] }),
-            /* @__PURE__ */ e(P.Indicator, {})
-          ] }),
-          /* @__PURE__ */ e(P.Content, { value: "bookmarks", children: /* @__PURE__ */ e(st, { onNavigate: n }) }),
-          /* @__PURE__ */ e(P.Content, { value: "annotations", children: /* @__PURE__ */ e(at, { onNavigate: n }) })
-        ]
-      }
-    );
-  }
-), dt = g(
-  ({
-    openWith: n,
-    setOpen: t,
+    allowLeftIcon: l
+  } = t, i = l === void 0 ? !0 : l, s = U(), {
+    data: r
+  } = go(o);
+  let c;
+  e[0] !== r?.meta.node?.textContent || e[1] !== r?.meta.range ? (c = r?.meta.range?.toString() || r?.meta.node?.textContent, e[0] = r?.meta.node?.textContent, e[1] = r?.meta.range, e[2] = c) : c = e[2];
+  const f = c;
+  let u;
+  e[3] !== r?.meta || e[4] !== n || e[5] !== s?.navigation ? (u = () => {
+    n(), s?.navigation.goToCfi(r?.meta.cfi ?? "");
+  }, e[3] = r?.meta, e[4] = n, e[5] = s?.navigation, e[6] = u) : u = e[6];
+  let d;
+  e[7] !== i || e[8] !== r?.resource?.notes ? (d = r?.resource?.notes ? /* @__PURE__ */ a(me.Indicator, { asChild: !0, children: /* @__PURE__ */ a(Ke, {}) }) : i ? /* @__PURE__ */ a(me.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ a(Ke, {}) }) : null, e[7] = i, e[8] = r?.resource?.notes, e[9] = d) : d = e[9];
+  let h;
+  e[10] !== r?.meta || e[11] !== f ? (h = f ? /* @__PURE__ */ a(q, { lineClamp: 2, fontSize: "md", children: f }) : /* @__PURE__ */ x(q, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
+    "Page ",
+    (r?.meta.absolutePageIndex ?? 0) + 1
+  ] }), e[10] = r?.meta, e[11] = f, e[12] = h) : h = e[12];
+  const m = `Book page: ${r?.meta?.absolutePageIndex !== void 0 ? r.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`;
+  let g;
+  e[13] !== m ? (g = /* @__PURE__ */ a(q, { fontStyle: "italic", fontWeight: "bold", fontSize: "sm", children: m }), e[13] = m, e[14] = g) : g = e[14];
+  let p;
+  e[15] !== h || e[16] !== g ? (p = /* @__PURE__ */ x(J, { gap: 0, children: [
+    h,
+    g
+  ] }), e[15] = h, e[16] = g, e[17] = p) : p = e[17];
+  let b;
+  return e[18] !== u || e[19] !== d || e[20] !== p ? (b = /* @__PURE__ */ a(me.Item, { children: /* @__PURE__ */ x(Ct, { href: "#", onClick: u, children: [
+    d,
+    p
+  ] }) }), e[18] = u, e[19] = d, e[20] = p, e[21] = b) : b = e[21], b;
+}, dt = () => {
+  const t = y(5), e = U();
+  let o;
+  t[0] !== e ? (o = Je(e) ? e : void 0, t[0] = e, t[1] = o) : o = t[1];
+  const n = o;
+  let l, i;
+  return t[2] !== n ? (l = () => n?.annotations.annotations$.pipe(be((s) => n.locateResource(s))), i = [n], t[2] = n, t[3] = l, t[4] = i) : (l = t[3], i = t[4]), j(l, i);
+}, po = () => {
+  const t = y(4), {
+    data: e
+  } = dt();
+  let o;
+  t[0] !== e ? (o = e?.filter(bo), t[0] = e, t[1] = o) : o = t[1];
+  let n;
+  return t[2] !== o ? (n = {
+    data: o
+  }, t[2] = o, t[3] = n) : n = t[3], n;
+};
+function bo(t) {
+  return t.meta.isCfiRange;
+}
+const So = (t) => {
+  const e = y(5), {
     onNavigate: o
-  }) => /* @__PURE__ */ e(
-    j,
-    {
-      lazyMount: !0,
-      placement: "center",
-      open: !!n,
-      onOpenChange: (r) => t(r.open),
-      size: { mdDown: "full", md: "lg" },
-      scrollBehavior: "inside",
-      children: /* @__PURE__ */ s(G, { height: "100%", children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Annotations" }) }),
-        /* @__PURE__ */ e(Y, { flex: 1, children: /* @__PURE__ */ e(
-          ct,
-          {
-            onNavigate: o,
-            defaultTab: n
-          }
-        ) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(q, {})
-      ] })
-    }
-  )
-), ut = g(({ children: n }) => {
-  const t = m(), o = S(() => t?.spine.element$, [t]);
-  return o ? /* @__PURE__ */ e(de, { children: _n(n, o) }) : null;
-}), ht = ({
-  absolutePageIndex: n,
-  itemIndex: t
-}) => {
-  const o = m();
-  return {
-    spineItem: S(() => o ? t !== void 0 ? ge(o.spine.spineItemsManager.get(t)) : n !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(n).pipe(
-      E((i) => o.spine.spineItemsManager.get(i?.itemIndex))
-    ) : Pe : Pe, [t, n, o])
-  };
-}, pt = ({
-  absolutePageIndex: n,
-  itemIndex: t
-}) => {
-  const { spineItem: o } = ht({ absolutePageIndex: n, itemIndex: t }), r = S(
-    () => o?.isReady$ ?? ge(!1),
-    [o]
-  );
-  return { spineItem: o, isReady: r };
-}, gt = g(
-  ({
-    absolutePageIndex: n,
-    left: t,
-    top: o,
-    width: r
-  }) => {
-    const { isReady: i } = pt({
-      absolutePageIndex: n
-    }), { data: a } = fe(), l = a?.find(
-      (d) => d?.meta?.absolutePageIndex === n && !d.meta.isCfiRange
-    );
-    if (!i) return null;
-    const c = r * 0.1 / 2;
-    return /* @__PURE__ */ e(
-      ue,
-      {
-        present: !!l,
-        lazyMount: !0,
-        animationName: { _open: "fade-in", _closed: "fade-out" },
-        animationDuration: "moderate",
-        children: /* @__PURE__ */ e(
-          _,
-          {
-            "data-bookmark-area": tt,
-            position: "absolute",
-            left: t + r,
-            transform: "translateX(-100%)",
-            pointerEvents: "none",
-            top: o,
-            width: c,
-            height: c,
-            _before: {
-              content: '""',
-              position: "absolute",
-              top: 0,
-              left: 0,
-              width: 0,
-              height: 0,
-              borderTop: `${c}px solid #03030373`,
-              borderLeft: `${c}px solid transparent`
-            }
-          }
-        )
-      }
-    );
-  }
-), ft = g(() => {
-  const n = m(), t = S(() => n?.layoutInfo$, [n]);
-  return /* @__PURE__ */ e(ut, { children: t?.pages.map(
-    ({ absoluteLayout: { left: o, top: r, width: i } }, a) => /* @__PURE__ */ e(
-      gt,
-      {
-        absolutePageIndex: a,
-        left: o,
-        top: r,
-        width: i
-      },
-      a
-    )
-  ) });
-}), Ze = () => {
-  const n = m();
-  return ce(n) ? n : void 0;
-}, re = !0, mt = () => {
-  const n = Ze(), { data: t } = fe();
-  $(() => n ? n.gestures.hooks.register(
-    "beforeTapGesture",
-    ({ event$: r }) => r.pipe(
-      ke(n?.annotations.candidates$),
-      E(([i, a]) => {
-        if (!i.page) return re;
-        const {
-          spineItem: l,
-          spineItemPageIndex: c,
-          spineItemPagePosition: d,
-          pageSize: u
-        } = i.page;
-        if (Dn(
-          d,
-          {
-            type: "corner",
-            corner: "top-right",
-            size: 10,
-            unit: "%"
-          },
-          u
-        )) {
-          const h = n.spine.pages.fromSpineItemPageIndex(
-            l,
-            c
-          );
-          if (!h) return re;
-          const C = t?.find(
-            (R) => R?.meta?.absolutePageIndex === h.absolutePageIndex && R.meta.range === void 0
-          );
-          if (C)
-            return n?.annotations.delete(C.resource.id), !re;
-          if (a?.[h.absolutePageIndex])
-            return n?.annotations.annotateAbsolutePage({
-              absolutePageIndex: h.absolutePageIndex
-            }), !re;
+  } = t, {
+    data: n
+  } = po();
+  let l;
+  e[0] !== n || e[1] !== o ? (l = n?.map((s) => /* @__PURE__ */ a(Zt, { id: s.resource.id, onNavigate: o }, s.resource.id)), e[0] = n, e[1] = o, e[2] = l) : l = e[2];
+  let i;
+  return e[3] !== l ? (i = /* @__PURE__ */ a(me.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: l }), e[3] = l, e[4] = i) : i = e[4], i;
+}, _o = () => {
+  const t = y(4), {
+    data: e
+  } = dt();
+  let o;
+  t[0] !== e ? (o = e?.filter(vo), t[0] = e, t[1] = o) : o = t[1];
+  let n;
+  return t[2] !== o ? (n = {
+    data: o
+  }, t[2] = o, t[3] = n) : n = t[3], n;
+};
+function vo(t) {
+  return !t.meta.isCfiRange && !t.resource.notes;
+}
+const Co = (t) => {
+  const e = y(5), {
+    onNavigate: o
+  } = t, {
+    data: n
+  } = _o();
+  let l;
+  e[0] !== n || e[1] !== o ? (l = n?.map((s) => /* @__PURE__ */ a(Zt, { id: s.resource.id, onNavigate: o, allowLeftIcon: !1 }, s.resource.id)), e[0] = n, e[1] = o, e[2] = l) : l = e[2];
+  let i;
+  return e[3] !== l ? (i = /* @__PURE__ */ a(me.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: l }), e[3] = l, e[4] = i) : i = e[4], i;
+}, xo = w((t) => {
+  const e = y(11), {
+    onNavigate: o,
+    defaultTab: n
+  } = t, [l, i] = le(n ?? "bookmarks");
+  let s;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = (h) => i(h.value), e[0] = s) : s = e[0];
+  let r;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ x(ue.Trigger, { value: "bookmarks", children: [
+    /* @__PURE__ */ a(mn, {}),
+    "Bookmarks"
+  ] }), e[1] = r) : r = e[1];
+  let c;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ x(ue.List, { children: [
+    r,
+    /* @__PURE__ */ x(ue.Trigger, { value: "annotations", children: [
+      /* @__PURE__ */ a(Ke, {}),
+      "Annotations"
+    ] }),
+    /* @__PURE__ */ a(ue.Indicator, {})
+  ] }), e[2] = c) : c = e[2];
+  let f;
+  e[3] !== o ? (f = /* @__PURE__ */ a(ue.Content, { value: "bookmarks", children: /* @__PURE__ */ a(Co, { onNavigate: o }) }), e[3] = o, e[4] = f) : f = e[4];
+  let u;
+  e[5] !== o ? (u = /* @__PURE__ */ a(ue.Content, { value: "annotations", children: /* @__PURE__ */ a(So, { onNavigate: o }) }), e[5] = o, e[6] = u) : u = e[6];
+  let d;
+  return e[7] !== f || e[8] !== u || e[9] !== l ? (d = /* @__PURE__ */ x(ue.Root, { value: l, onValueChange: s, children: [
+    c,
+    f,
+    u
+  ] }), e[7] = f, e[8] = u, e[9] = l, e[10] = d) : d = e[10], d;
+}), yo = w((t) => {
+  const e = y(15), {
+    openWith: o,
+    setOpen: n,
+    onNavigate: l
+  } = t, i = !!o;
+  let s;
+  e[0] !== n ? (s = (g) => n(g.open), e[0] = n, e[1] = s) : s = e[1];
+  let r;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+    mdDown: "full",
+    md: "lg"
+  }, e[2] = r) : r = e[2];
+  let c;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ a(ye, { children: /* @__PURE__ */ a(Ie, { children: "Annotations" }) }), e[3] = c) : c = e[3];
+  let f;
+  e[4] !== l || e[5] !== o ? (f = /* @__PURE__ */ a(ke, { flex: 1, children: /* @__PURE__ */ a(xo, { onNavigate: l, defaultTab: o }) }), e[4] = l, e[5] = o, e[6] = f) : f = e[6];
+  let u, d;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ a(xe, { children: /* @__PURE__ */ a($e, { asChild: !0, children: /* @__PURE__ */ a(re, { variant: "outline", children: "Cancel" }) }) }), d = /* @__PURE__ */ a(ve, {}), e[7] = u, e[8] = d) : (u = e[7], d = e[8]);
+  let h;
+  e[9] !== f ? (h = /* @__PURE__ */ x(_e, { height: "100%", children: [
+    c,
+    f,
+    u,
+    d
+  ] }), e[9] = f, e[10] = h) : h = e[10];
+  let m;
+  return e[11] !== i || e[12] !== s || e[13] !== h ? (m = /* @__PURE__ */ a(Ce, { lazyMount: !0, placement: "center", open: i, onOpenChange: s, size: r, scrollBehavior: "inside", children: h }), e[11] = i, e[12] = s, e[13] = h, e[14] = m) : m = e[14], m;
+}), ko = w((t) => {
+  const e = y(9), {
+    children: o
+  } = t, n = U();
+  let l;
+  e[0] !== n?.spine.element$ ? (l = () => n?.spine.element$, e[0] = n?.spine.element$, e[1] = l) : l = e[1];
+  let i;
+  e[2] !== n ? (i = [n], e[2] = n, e[3] = i) : i = e[3];
+  const {
+    data: s
+  } = j(l, i);
+  if (!s)
+    return null;
+  let r;
+  e[4] !== o || e[5] !== s ? (r = Ln(o, s), e[4] = o, e[5] = s, e[6] = r) : r = e[6];
+  let c;
+  return e[7] !== r ? (c = /* @__PURE__ */ a(et, { children: r }), e[7] = r, e[8] = c) : c = e[8], c;
+}), Io = (t) => {
+  const e = y(5), {
+    absolutePageIndex: o,
+    itemIndex: n
+  } = t, l = U();
+  let i, s;
+  return e[0] !== o || e[1] !== n || e[2] !== l ? (i = () => l ? n !== void 0 ? _t(l.spine.spineItemsManager.get(n)) : o !== void 0 ? l.spine.pages.observeFromAbsolutePageIndex(o).pipe(ne((r) => l.spine.spineItemsManager.get(r?.itemIndex))) : St : St, s = [n, o, l], e[0] = o, e[1] = n, e[2] = l, e[3] = i, e[4] = s) : (i = e[3], s = e[4]), j(i, s);
+}, $o = (t) => {
+  const e = y(9), {
+    absolutePageIndex: o,
+    itemIndex: n
+  } = t;
+  let l;
+  e[0] !== o || e[1] !== n ? (l = {
+    absolutePageIndex: o,
+    itemIndex: n
+  }, e[0] = o, e[1] = n, e[2] = l) : l = e[2];
+  const {
+    data: i
+  } = Io(l);
+  let s, r;
+  e[3] !== i ? (s = () => i ? i.isReady$ : ft, r = [i], e[3] = i, e[4] = s, e[5] = r) : (s = e[4], r = e[5]);
+  const {
+    data: c
+  } = j(s, r);
+  let f;
+  return e[6] !== c || e[7] !== i ? (f = {
+    spineItem: i,
+    isReady: c
+  }, e[6] = c, e[7] = i, e[8] = f) : f = e[8], f;
+}, Oo = w((t) => {
+  const e = y(17), {
+    absolutePageIndex: o,
+    left: n,
+    top: l,
+    width: i
+  } = t;
+  let s;
+  e[0] !== o ? (s = {
+    absolutePageIndex: o
+  }, e[0] = o, e[1] = s) : s = e[1];
+  const {
+    isReady: r
+  } = $o(s), {
+    data: c
+  } = dt();
+  let f;
+  e[2] !== o || e[3] !== c ? (f = c?.find((C) => C?.meta?.absolutePageIndex === o && !C.meta.isCfiRange), e[2] = o, e[3] = c, e[4] = f) : f = e[4];
+  const u = f;
+  if (!r)
+    return null;
+  const d = i * 0.1 / 2, h = !!u;
+  let m;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    _open: "fade-in",
+    _closed: "fade-out"
+  }, e[5] = m) : m = e[5];
+  const g = n + i, p = `${d}px solid #03030373`, b = `${d}px solid transparent`;
+  let S;
+  e[6] !== p || e[7] !== b ? (S = {
+    content: '""',
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: 0,
+    height: 0,
+    borderTop: p,
+    borderLeft: b
+  }, e[6] = p, e[7] = b, e[8] = S) : S = e[8];
+  let _;
+  e[9] !== d || e[10] !== g || e[11] !== S || e[12] !== l ? (_ = /* @__PURE__ */ a(he, { "data-bookmark-area": no, position: "absolute", left: g, transform: "translateX(-100%)", pointerEvents: "none", top: l, width: d, height: d, _before: S }), e[9] = d, e[10] = g, e[11] = S, e[12] = l, e[13] = _) : _ = e[13];
+  let v;
+  return e[14] !== h || e[15] !== _ ? (v = /* @__PURE__ */ a(tt, { present: h, lazyMount: !0, animationName: m, animationDuration: "moderate", children: _ }), e[14] = h, e[15] = _, e[16] = v) : v = e[16], v;
+}), To = w(() => {
+  const t = y(8), e = U();
+  let o;
+  t[0] !== e?.layoutInfo$ ? (o = () => e?.layoutInfo$, t[0] = e?.layoutInfo$, t[1] = o) : o = t[1];
+  let n;
+  t[2] !== e ? (n = [e], t[2] = e, t[3] = n) : n = t[3];
+  const {
+    data: l
+  } = j(o, n);
+  let i;
+  t[4] !== l?.pages ? (i = l?.pages.map(zo), t[4] = l?.pages, t[5] = i) : i = t[5];
+  let s;
+  return t[6] !== i ? (s = /* @__PURE__ */ a(ko, { children: i }), t[6] = i, t[7] = s) : s = t[7], s;
+});
+function zo(t, e) {
+  const {
+    absoluteLayout: o
+  } = t, {
+    left: n,
+    top: l,
+    width: i
+  } = o;
+  return /* @__PURE__ */ a(Oo, { absolutePageIndex: e, left: n, top: l, width: i }, e);
+}
+const Ue = !0, Ro = () => {
+  const t = y(5), e = nt(), {
+    data: o
+  } = dt(), n = We();
+  let l, i;
+  t[0] !== o || t[1] !== e || t[2] !== n ? (l = () => e ? e.gestures.hooks.register("beforeTapGesture", (r) => {
+    const {
+      event$: c
+    } = r;
+    return c.pipe(yt(e?.annotations.candidates$), ne((f) => {
+      const [u, d] = f;
+      if (!u.page)
+        return Ue;
+      const {
+        spineItem: h,
+        spineItemPageIndex: m,
+        spineItemPagePosition: g,
+        pageSize: p
+      } = u.page;
+      if (Nn(g, {
+        type: "corner",
+        corner: "top-right",
+        size: 10,
+        unit: "%"
+      }, p)) {
+        const S = e.spine.pages.fromSpineItemPageIndex(h, m);
+        if (!S)
+          return Ue;
+        const _ = o?.find((C) => C?.meta?.absolutePageIndex === S.absolutePageIndex && C.meta.range === void 0);
+        if (_)
+          return n.value.onAnnotationDelete?.(_.resource.id), !Ue;
+        if (d?.[S.absolutePageIndex]) {
+          const C = e?.annotations.createAnnotation({
+            absolutePageIndex: S.absolutePageIndex
+          });
+          return C && n.value.onAnnotationCreate?.(C), !Ue;
         }
-        return re;
-      })
-    )
-  ) : void 0, [n, t]);
-}, bt = () => {
-  const n = Ze();
-  H(
-    () => (
-      /**
-       * Hook used to prevent some gestures from being handled.
-       */
-      n?.gestures.hooks.register(
-        "beforeTapGesture",
-        ({ event$: t }) => t.pipe(
-          ke(n.selection.lastSelectionOnPointerdown$),
-          E(([{ event: o }, r]) => {
-            const i = o.event.target;
-            return !(i && n.annotations.isTargetWithinHighlight(i) || r);
-          })
-        )
-      )
-    ),
-    [n]
-  );
-}, Ce = en({
+      }
+      return Ue;
+    }));
+  }) : void 0, i = [e, o, n], t[0] = o, t[1] = e, t[2] = n, t[3] = l, t[4] = i) : (l = t[3], i = t[4]), ce(l, i);
+}, wo = () => {
+  const t = y(3), e = nt();
+  let o, n;
+  t[0] !== e ? (o = () => e?.gestures.hooks.register("beforeTapGesture", (l) => {
+    const {
+      event$: i
+    } = l;
+    return i.pipe(yt(e.selection.lastSelectionOnPointerdown$), ne((s) => {
+      const [r, c] = s, {
+        event: f
+      } = r, u = f.event.target;
+      return !(u && e.annotations.isTargetWithinHighlight(u) || c);
+    }));
+  }), n = [e], t[0] = e, t[1] = o, t[2] = n) : (o = t[1], n = t[2]), pe(o, n);
+}, Mo = () => {
+  const t = y(4), e = nt(), o = We();
+  let n, l;
+  t[0] !== o || t[1] !== e ? (n = () => {
+    if (e) {
+      const i = o.pipe(ne(Po), rt()), s = o.pipe(ne(Ao), rt()), r = Dt([s, i]).pipe(ne(Eo));
+      e.annotations.update({
+        annotations$: r
+      });
+    }
+  }, l = [e, o], t[0] = o, t[1] = e, t[2] = n, t[3] = l) : (n = t[2], l = t[3]), pe(n, l);
+};
+function Po(t) {
+  return t.selectedHighlight?.highlight?.id;
+}
+function Ao(t) {
+  return t.annotations ?? [];
+}
+function Eo(t) {
+  const [e, o] = t;
+  return e.map((n) => ({
+    ...n,
+    selected: n.id === o
+  }));
+}
+const vt = tn({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), St = () => /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(nn, { toaster: Ce, insetInline: { mdDown: "4" }, children: (n) => /* @__PURE__ */ s(J.Root, { width: { md: "sm" }, children: [
-  n.type === "loading" ? /* @__PURE__ */ e(tn, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ e(J.Indicator, {}),
-  /* @__PURE__ */ s(O, { gap: "1", flex: "1", maxWidth: "100%", children: [
-    n.title && /* @__PURE__ */ e(J.Title, { children: n.title }),
-    n.description && /* @__PURE__ */ e(J.Description, { children: n.description })
-  ] }),
-  n.action && /* @__PURE__ */ e(J.ActionTrigger, { children: n.action.label }),
-  n.meta?.closable && /* @__PURE__ */ e(J.CloseTrigger, {})
-] }) }) }), Ct = ({
-  children: n,
-  ...t
-}) => {
-  const o = he(() => ne({ default: Ge() })), r = he(
-    () => ne({ default: o.value.fontSizeMenuOpen })
-  ), i = Se(
-    r
-  ), a = T(
-    (h) => {
-      r.update(h);
-    },
-    [r]
-  ), l = T(
-    (h) => {
-      o.update((C) => ({
-        ...C,
-        _quickMenuOpen: typeof h == "function" ? h(C._quickMenuOpen) : h
-      }));
-    },
-    [o]
-  ), c = he(
-    () => ne({ default: o.value.refitMenuOpen })
-  ), d = T(
-    (h) => {
-      c.update(h);
-    },
-    [c]
-  ), u = Se(
-    c
-  ), p = On(t, Ln);
-  return $(() => {
-    o.update((h) => ({
-      ...h,
-      ...p,
-      onFontSizeMenuOpenChange: a,
-      fontSizeMenuOpen: i,
-      onRefitMenuOpenChange: d,
-      refitMenuOpen: u,
-      _onQuickMenuOpenChange: l
-    }));
-  }, [
-    p,
-    l,
-    o,
-    i,
-    a,
-    u,
-    d
-  ]), /* @__PURE__ */ e(Oe.Provider, { value: o, children: n });
-}, vt = g(
-  ({ children: n, ...t }) => /* @__PURE__ */ e(Ct, { ...t, children: n })
-), ae = A.forwardRef(
-  function(t, o) {
-    const { children: r, inputProps: i, rootRef: a, ...l } = t;
-    return /* @__PURE__ */ s(ie.Item, { ref: a, ...l, children: [
-      /* @__PURE__ */ e(ie.ItemHiddenInput, { ref: o, ...i }),
-      /* @__PURE__ */ e(ie.ItemIndicator, {}),
-      r && /* @__PURE__ */ e(ie.ItemText, { children: r })
-    ] });
-  }
-), Xe = ie.Root, Re = A.memo(function({
-  ref: t,
-  ...o
-}) {
-  const { marks: r, label: i, showValue: a, ...l } = o, c = o.defaultValue ?? o.value, d = r?.map((p) => typeof p == "number" ? { value: p, label: void 0 } : p), u = !!d?.some((p) => p.label);
-  return /* @__PURE__ */ s(M.Root, { ref: t, thumbAlignment: "center", ...l, children: [
-    i && !a && /* @__PURE__ */ e(M.Label, { children: i }),
-    i && a && /* @__PURE__ */ s(F, { justify: "space-between", children: [
-      /* @__PURE__ */ e(M.Label, { children: i }),
-      /* @__PURE__ */ e(M.ValueText, {})
+}), Bo = () => {
+  const t = y(1);
+  let e;
+  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ a(ct, { children: /* @__PURE__ */ a(nn, { toaster: vt, insetInline: {
+    mdDown: "4"
+  }, children: Do }) }), t[0] = e) : e = t[0], e;
+};
+function Do(t) {
+  return /* @__PURE__ */ x(Ne.Root, { width: {
+    md: "sm"
+  }, children: [
+    t.type === "loading" ? /* @__PURE__ */ a(on, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ a(Ne.Indicator, {}),
+    /* @__PURE__ */ x(J, { gap: "1", flex: "1", maxWidth: "100%", children: [
+      t.title && /* @__PURE__ */ a(Ne.Title, { children: t.title }),
+      t.description && /* @__PURE__ */ a(Ne.Description, { children: t.description })
     ] }),
-    /* @__PURE__ */ s(M.Control, { "data-has-mark-label": u || void 0, children: [
-      /* @__PURE__ */ e(M.Track, { children: /* @__PURE__ */ e(M.Range, {}) }),
-      /* @__PURE__ */ e(xt, { value: c }),
-      /* @__PURE__ */ e(kt, { marks: d })
-    ] })
+    t.action && /* @__PURE__ */ a(Ne.ActionTrigger, { children: t.action.label }),
+    t.meta?.closable && /* @__PURE__ */ a(Ne.CloseTrigger, {})
   ] });
+}
+const Fo = (t) => {
+  const e = y(25);
+  let o, n;
+  e[0] !== t ? ({
+    children: o,
+    ...n
+  } = t, e[0] = t, e[1] = o, e[2] = n) : (o = e[1], n = e[2]);
+  const l = at(No);
+  let i;
+  e[3] !== l.value.fontSizeMenuOpen ? (i = () => Ve({
+    default: l.value.fontSizeMenuOpen
+  }), e[3] = l.value.fontSizeMenuOpen, e[4] = i) : i = e[4];
+  const s = at(i), r = bt(s);
+  let c;
+  e[5] !== s ? (c = (I) => {
+    s.update(I);
+  }, e[5] = s, e[6] = c) : c = e[6];
+  const f = c;
+  let u;
+  e[7] !== l ? (u = (I) => {
+    l.update((k) => ({
+      ...k,
+      _quickMenuOpen: typeof I == "function" ? I(k._quickMenuOpen) : I
+    }));
+  }, e[7] = l, e[8] = u) : u = e[8];
+  const d = u;
+  let h;
+  e[9] !== l.value.refitMenuOpen ? (h = () => Ve({
+    default: l.value.refitMenuOpen
+  }), e[9] = l.value.refitMenuOpen, e[10] = h) : h = e[10];
+  const m = at(h);
+  let g;
+  e[11] !== m ? (g = (I) => {
+    m.update(I);
+  }, e[11] = m, e[12] = g) : g = e[12];
+  const p = g, b = bt(m), S = In(n, Hn);
+  let _, v;
+  e[13] !== d || e[14] !== S || e[15] !== r || e[16] !== f || e[17] !== p || e[18] !== b || e[19] !== l ? (_ = () => {
+    l.update((I) => ({
+      ...I,
+      ...S,
+      onFontSizeMenuOpenChange: f,
+      fontSizeMenuOpen: r,
+      onRefitMenuOpenChange: p,
+      refitMenuOpen: b,
+      _onQuickMenuOpenChange: d
+    }));
+  }, v = [S, d, l, r, f, b, p], e[13] = d, e[14] = S, e[15] = r, e[16] = f, e[17] = p, e[18] = b, e[19] = l, e[20] = _, e[21] = v) : (_ = e[20], v = e[21]), ce(_, v);
+  let C;
+  return e[22] !== o || e[23] !== l ? (C = /* @__PURE__ */ a(kt.Provider, { value: l, children: o }), e[22] = o, e[23] = l, e[24] = C) : C = e[24], C;
+}, Lo = w((t) => {
+  const e = y(6);
+  let o, n;
+  e[0] !== t ? ({
+    children: o,
+    ...n
+  } = t, e[0] = t, e[1] = o, e[2] = n) : (o = e[1], n = e[2]);
+  let l;
+  return e[3] !== o || e[4] !== n ? (l = /* @__PURE__ */ a(Fo, { ...n, children: o }), e[3] = o, e[4] = n, e[5] = l) : l = e[5], l;
 });
-function xt(n) {
-  const { value: t } = n;
-  return /* @__PURE__ */ e(on, { each: t, children: (o, r) => /* @__PURE__ */ e(M.Thumb, { index: r, children: /* @__PURE__ */ e(M.HiddenInput, {}) }, r) });
+function No() {
+  return Ve({
+    default: Gt()
+  });
 }
-const kt = A.forwardRef(
-  function(t, o) {
-    const { marks: r } = t;
-    return r?.length ? /* @__PURE__ */ e(M.MarkerGroup, { ref: o, children: r.map((i, a) => {
-      const l = typeof i == "number" ? i : i.value, c = typeof i == "number" ? void 0 : i.label;
-      return /* @__PURE__ */ s(M.Marker, { value: l, children: [
-        /* @__PURE__ */ e(M.MarkerIndicator, {}),
-        c
-      ] }, a);
-    }) }) : null;
-  }
-), Te = [
-  {
-    value: "global",
-    references: ["global"]
-  },
-  {
-    value: "book",
-    references: ["book"]
-  },
-  {
-    value: "screen",
-    references: ["mobile", "tablet", "desktop"]
-  }
-], It = Te.map((n) => n.value), Ee = Te.flatMap(
-  (n) => n.references
-), Ot = (n) => {
-  if (n)
-    return Te.find(
-      (t) => t.references.includes(n)
-    )?.value;
-}, Rt = g(() => {
-  const n = qe(), {
-    fontSizeMenuOpen: t,
-    onFontSizeMenuOpenChange: o,
-    uncontrolledFontSize: r,
-    fontSize: i = r,
-    fontSizeMin: a,
-    fontSizeMax: l,
-    fontSizeScope: c,
-    fontSizeValues: d,
-    onFontSizeChange: u,
-    onFontSizeScopeChange: p
-  } = y([
-    "fontSizeMenuOpen",
-    "onFontSizeMenuOpenChange",
-    "fontSize",
-    "fontSizeMin",
-    "fontSizeMax",
-    "fontSizeScope",
-    "onFontSizeChange",
-    "onFontSizeScopeChange",
-    "uncontrolledFontSize",
-    "fontSizeValues"
-  ]), h = Rn(u), [C, v] = w(
-    c ?? "global"
-  ), R = T(
-    (f, K) => {
-      h.current ? h.current(f, K) : n.update((Je) => ({
-        ...Je,
-        uncontrolledFontSize: K
-      }));
-    },
-    [h, n]
-  ), D = T(
-    (f) => d?.[f] ?? i,
-    [i, d]
-  ), x = T(
-    (f) => {
-      const K = f.value;
-      p?.(K);
-    },
-    [p]
-  ), L = T((f) => {
-    v(f.value);
-  }, []), I = T(
-    (f) => {
-      const K = f.value[0] ?? 0;
-      R(C, K / 100);
-    },
-    [R, C]
-  );
-  return $(
-    function() {
-      v(c ?? "global");
-    },
-    [c]
-  ), /* @__PURE__ */ e(
-    j,
-    {
-      lazyMount: !0,
-      open: t,
-      onOpenChange: (f) => {
-        o(f.open);
-      },
-      placement: "center",
-      children: /* @__PURE__ */ s(G, { maxH: "40vh", overflow: "auto", children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Font size" }) }),
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ s(O, { gap: 4, flex: 1, children: [
-          /* @__PURE__ */ s(N.Root, { children: [
-            /* @__PURE__ */ e(N.Legend, { children: "Scope" }),
-            /* @__PURE__ */ e(N.HelperText, { children: "The scope to which apply the font size for this book." }),
-            /* @__PURE__ */ e(N.Content, { children: /* @__PURE__ */ e(
-              Xe,
-              {
-                onValueChange: x,
-                value: Ot(c) ?? "global",
-                disabled: !p,
-                children: /* @__PURE__ */ e(F, { gap: 2, children: It.map((f) => /* @__PURE__ */ e(ae, { value: f, children: f }, f)) })
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ s(
-            P.Root,
-            {
-              value: C,
-              onValueChange: L,
-              fitted: !1,
-              size: "sm",
-              children: [
-                /* @__PURE__ */ e(P.List, { children: Ee.map((f) => /* @__PURE__ */ s(
-                  P.Trigger,
-                  {
-                    value: f,
-                    textTransform: "capitalize",
-                    disabled: f !== "global" && !c,
-                    children: [
-                      c === f && /* @__PURE__ */ e(gn, {}),
-                      f
-                    ]
-                  },
-                  f
-                )) }),
-                Ee.map((f) => /* @__PURE__ */ e(P.Content, { value: f, children: /* @__PURE__ */ e(
-                  Re,
-                  {
-                    label: "%",
-                    value: [(D(f) ?? 1) * 100],
-                    onValueChange: I,
-                    showValue: !0,
-                    marks: [
-                      { value: 100, label: "Publisher" },
-                      {
-                        value: a * 100,
-                        label: `${a * 100}%`
-                      },
-                      {
-                        value: l * 100,
-                        label: `${l * 100}%`
-                      }
-                    ],
-                    max: l * 100,
-                    min: a * 100,
-                    width: "100%",
-                    step: 0.1 * 100
-                  }
-                ) }, f))
-              ]
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Close" }) }) }),
-        /* @__PURE__ */ e(q, {})
-      ] })
+const Ye = se.forwardRef(function(e, o) {
+  const n = y(16);
+  let l, i, s, r;
+  n[0] !== e ? ({
+    children: l,
+    inputProps: i,
+    rootRef: r,
+    ...s
+  } = e, n[0] = e, n[1] = l, n[2] = i, n[3] = s, n[4] = r) : (l = n[1], i = n[2], s = n[3], r = n[4]);
+  let c;
+  n[5] !== i || n[6] !== o ? (c = /* @__PURE__ */ a(Qe.ItemHiddenInput, { ref: o, ...i }), n[5] = i, n[6] = o, n[7] = c) : c = n[7];
+  let f;
+  n[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ a(Qe.ItemIndicator, {}), n[8] = f) : f = n[8];
+  let u;
+  n[9] !== l ? (u = l && /* @__PURE__ */ a(Qe.ItemText, { children: l }), n[9] = l, n[10] = u) : u = n[10];
+  let d;
+  return n[11] !== s || n[12] !== r || n[13] !== c || n[14] !== u ? (d = /* @__PURE__ */ x(Qe.Item, { ref: r, ...s, children: [
+    c,
+    f,
+    u
+  ] }), n[11] = s, n[12] = r, n[13] = c, n[14] = u, n[15] = d) : d = n[15], d;
+}), Kt = Qe.Root, It = se.memo(function(e) {
+  const o = y(29);
+  let n, l, i, s, r, c, f;
+  if (o[0] !== e) {
+    const {
+      ref: v,
+      ...C
+    } = e;
+    i = v;
+    const {
+      marks: I,
+      label: k,
+      showValue: $,
+      ...O
+    } = C;
+    n = k, r = $, s = O, f = C.defaultValue ?? C.value, l = I?.map(Go), c = l?.some(qo), o[0] = e, o[1] = n, o[2] = l, o[3] = i, o[4] = s, o[5] = r, o[6] = c, o[7] = f;
+  } else
+    n = o[1], l = o[2], i = o[3], s = o[4], r = o[5], c = o[6], f = o[7];
+  const u = !!c;
+  let d;
+  o[8] !== n || o[9] !== r ? (d = n && !r && /* @__PURE__ */ a(ae.Label, { children: n }), o[8] = n, o[9] = r, o[10] = d) : d = o[10];
+  let h;
+  o[11] !== n || o[12] !== r ? (h = n && r && /* @__PURE__ */ x(ge, { justify: "space-between", children: [
+    /* @__PURE__ */ a(ae.Label, { children: n }),
+    /* @__PURE__ */ a(ae.ValueText, {})
+  ] }), o[11] = n, o[12] = r, o[13] = h) : h = o[13];
+  const m = u || void 0;
+  let g;
+  o[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ a(ae.Track, { children: /* @__PURE__ */ a(ae.Range, {}) }), o[14] = g) : g = o[14];
+  let p;
+  o[15] !== f ? (p = /* @__PURE__ */ a(Ho, { value: f }), o[15] = f, o[16] = p) : p = o[16];
+  let b;
+  o[17] !== l ? (b = /* @__PURE__ */ a(Wo, { marks: l }), o[17] = l, o[18] = b) : b = o[18];
+  let S;
+  o[19] !== m || o[20] !== p || o[21] !== b ? (S = /* @__PURE__ */ x(ae.Control, { "data-has-mark-label": m, children: [
+    g,
+    p,
+    b
+  ] }), o[19] = m, o[20] = p, o[21] = b, o[22] = S) : S = o[22];
+  let _;
+  return o[23] !== i || o[24] !== s || o[25] !== d || o[26] !== h || o[27] !== S ? (_ = /* @__PURE__ */ x(ae.Root, { ref: i, thumbAlignment: "center", ...s, children: [
+    d,
+    h,
+    S
+  ] }), o[23] = i, o[24] = s, o[25] = d, o[26] = h, o[27] = S, o[28] = _) : _ = o[28], _;
+});
+function Ho(t) {
+  const e = y(2), {
+    value: o
+  } = t;
+  let n;
+  return e[0] !== o ? (n = /* @__PURE__ */ a(ln, { each: o, children: Vo }), e[0] = o, e[1] = n) : n = e[1], n;
+}
+function Vo(t, e) {
+  return /* @__PURE__ */ a(ae.Thumb, { index: e, children: /* @__PURE__ */ a(ae.HiddenInput, {}) }, e);
+}
+const Wo = se.forwardRef(function(e, o) {
+  const n = y(5), {
+    marks: l
+  } = e;
+  if (!l?.length)
+    return null;
+  let i;
+  n[0] !== l ? (i = l.map(jo), n[0] = l, n[1] = i) : i = n[1];
+  let s;
+  return n[2] !== o || n[3] !== i ? (s = /* @__PURE__ */ a(ae.MarkerGroup, { ref: o, children: i }), n[2] = o, n[3] = i, n[4] = s) : s = n[4], s;
+});
+function Go(t) {
+  return typeof t == "number" ? {
+    value: t,
+    label: void 0
+  } : t;
+}
+function qo(t) {
+  return t.label;
+}
+function jo(t, e) {
+  const o = typeof t == "number" ? t : t.value, n = typeof t == "number" ? void 0 : t.label;
+  return /* @__PURE__ */ x(ae.Marker, { value: o, children: [
+    /* @__PURE__ */ a(ae.MarkerIndicator, {}),
+    n
+  ] }, e);
+}
+const $t = [{
+  value: "global",
+  references: ["global"]
+}, {
+  value: "book",
+  references: ["book"]
+}, {
+  value: "screen",
+  references: ["mobile", "tablet", "desktop"]
+}], Uo = $t.map((t) => t.value), wt = $t.flatMap((t) => t.references), Qo = (t) => {
+  if (t)
+    return $t.find((e) => e.references.includes(t))?.value;
+}, Yo = w(() => {
+  const t = y(52), e = We();
+  let o;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = ["fontSizeMenuOpen", "onFontSizeMenuOpenChange", "fontSize", "fontSizeMin", "fontSizeMax", "fontSizeScope", "onFontSizeChange", "onFontSizeScopeChange", "uncontrolledFontSize", "fontSizeValues"], t[0] = o) : o = t[0];
+  const {
+    fontSizeMenuOpen: n,
+    onFontSizeMenuOpenChange: l,
+    uncontrolledFontSize: i,
+    fontSize: s,
+    fontSizeMin: r,
+    fontSizeMax: c,
+    fontSizeScope: f,
+    fontSizeValues: u,
+    onFontSizeChange: d,
+    onFontSizeScopeChange: h
+  } = oe(o), m = s === void 0 ? i : s, g = $n(d), [p, b] = le(f ?? "global");
+  let S;
+  t[1] !== e || t[2] !== g ? (S = (R, te) => {
+    g.current ? g.current(R, te) : e.update((qe) => ({
+      ...qe,
+      uncontrolledFontSize: te
+    }));
+  }, t[1] = e, t[2] = g, t[3] = S) : S = t[3];
+  const _ = S;
+  let v;
+  t[4] !== m || t[5] !== u ? (v = (R) => u?.[R] ?? m, t[4] = m, t[5] = u, t[6] = v) : v = t[6];
+  const C = v;
+  let I;
+  t[7] !== h ? (I = (R) => {
+    const te = R.value;
+    h?.(te);
+  }, t[7] = h, t[8] = I) : I = t[8];
+  const k = I;
+  let $;
+  t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = (R) => {
+    b(R.value);
+  }, t[9] = $) : $ = t[9];
+  const O = $;
+  let z;
+  t[10] !== _ || t[11] !== p ? (z = (R) => {
+    const te = R.value[0] ?? 0;
+    _(p, te / 100);
+  }, t[10] = _, t[11] = p, t[12] = z) : z = t[12];
+  const E = z;
+  let T, N;
+  t[13] !== f ? (T = function() {
+    b(f ?? "global");
+  }, N = [f], t[13] = f, t[14] = T, t[15] = N) : (T = t[14], N = t[15]), ce(T, N);
+  let M;
+  t[16] !== l ? (M = (R) => {
+    l(R.open);
+  }, t[16] = l, t[17] = M) : M = t[17];
+  let H;
+  t[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ a(ye, { children: /* @__PURE__ */ a(Ie, { children: "Font size" }) }), t[18] = H) : H = t[18];
+  let Q, K;
+  t[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Q = /* @__PURE__ */ a(Se.Legend, { children: "Scope" }), K = /* @__PURE__ */ a(Se.HelperText, { children: "The scope to which apply the font size for this book." }), t[19] = Q, t[20] = K) : (Q = t[19], K = t[20]);
+  let V;
+  t[21] !== f ? (V = Qo(f) ?? "global", t[21] = f, t[22] = V) : V = t[22];
+  const W = !h;
+  let G;
+  t[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ a(ge, { gap: 2, children: Uo.map(Zo) }), t[23] = G) : G = t[23];
+  let F;
+  t[24] !== k || t[25] !== V || t[26] !== W ? (F = /* @__PURE__ */ x(Se.Root, { children: [
+    Q,
+    K,
+    /* @__PURE__ */ a(Se.Content, { children: /* @__PURE__ */ a(Kt, { onValueChange: k, value: V, disabled: W, children: G }) })
+  ] }), t[24] = k, t[25] = V, t[26] = W, t[27] = F) : F = t[27];
+  let P;
+  t[28] !== f ? (P = wt.map((R) => /* @__PURE__ */ x(ue.Trigger, { value: R, textTransform: "capitalize", disabled: R !== "global" && !f, children: [
+    f === R && /* @__PURE__ */ a(gn, {}),
+    R
+  ] }, R)), t[28] = f, t[29] = P) : P = t[29];
+  let Y;
+  t[30] !== P ? (Y = /* @__PURE__ */ a(ue.List, { children: P }), t[30] = P, t[31] = Y) : Y = t[31];
+  let Z;
+  t[32] !== c || t[33] !== r || t[34] !== C || t[35] !== E ? (Z = wt.map((R) => /* @__PURE__ */ a(ue.Content, { value: R, children: /* @__PURE__ */ a(It, { label: "%", value: [(C(R) ?? 1) * 100], onValueChange: E, showValue: !0, marks: [{
+    value: 100,
+    label: "Publisher"
+  }, {
+    value: r * 100,
+    label: `${r * 100}%`
+  }, {
+    value: c * 100,
+    label: `${c * 100}%`
+  }], max: c * 100, min: r * 100, width: "100%", step: 10 }) }, R)), t[32] = c, t[33] = r, t[34] = C, t[35] = E, t[36] = Z) : Z = t[36];
+  let A;
+  t[37] !== Y || t[38] !== Z || t[39] !== p ? (A = /* @__PURE__ */ x(ue.Root, { value: p, onValueChange: O, fitted: !1, size: "sm", children: [
+    Y,
+    Z
+  ] }), t[37] = Y, t[38] = Z, t[39] = p, t[40] = A) : A = t[40];
+  let L;
+  t[41] !== F || t[42] !== A ? (L = /* @__PURE__ */ a(ke, { children: /* @__PURE__ */ x(J, { gap: 4, flex: 1, children: [
+    F,
+    A
+  ] }) }), t[41] = F, t[42] = A, t[43] = L) : L = t[43];
+  let X, B;
+  t[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ a(xe, { children: /* @__PURE__ */ a($e, { asChild: !0, children: /* @__PURE__ */ a(re, { variant: "outline", children: "Close" }) }) }), B = /* @__PURE__ */ a(ve, {}), t[44] = X, t[45] = B) : (X = t[44], B = t[45]);
+  let D;
+  t[46] !== L ? (D = /* @__PURE__ */ x(_e, { maxH: "40vh", overflow: "auto", children: [
+    H,
+    L,
+    X,
+    B
+  ] }), t[46] = L, t[47] = D) : D = t[47];
+  let de;
+  return t[48] !== n || t[49] !== D || t[50] !== M ? (de = /* @__PURE__ */ a(Ce, { lazyMount: !0, open: n, onOpenChange: M, placement: "center", children: D }), t[48] = n, t[49] = D, t[50] = M, t[51] = de) : de = t[51], de;
+});
+function Zo(t) {
+  return /* @__PURE__ */ a(Ye, { value: t, children: t }, t);
+}
+const Ko = () => {
+  const t = y(11), e = U(), o = We();
+  let n;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = ["fontSize", "uncontrolledFontSize", "onFontSizeChange"], t[0] = n) : n = t[0];
+  const {
+    fontSize: l,
+    uncontrolledFontSize: i
+  } = oe(n), s = l ?? i;
+  let r, c;
+  t[1] !== s || t[2] !== e ? (r = function() {
+    if (e && s) {
+      const h = setTimeout(() => {
+        e.settings.update({
+          fontScale: s
+        });
+      }, 200);
+      return () => clearTimeout(h);
     }
-  );
-}), Tt = () => {
-  const n = m(), t = qe(), { fontSize: o, uncontrolledFontSize: r } = y([
-    "fontSize",
-    "uncontrolledFontSize",
-    "onFontSizeChange"
-  ]), i = o ?? r;
-  return $(
-    function() {
-      if (n && i) {
-        const l = setTimeout(() => {
-          n.settings.update({
-            fontScale: i
-          });
-        }, 200);
-        return () => clearTimeout(l);
-      }
-    },
-    [n, i]
-  ), H(
-    function() {
-      return n?.settings.values$.pipe(E((l) => l.fontScale)).subscribe((l) => {
-        const c = t.value.fontSize ?? t.value.uncontrolledFontSize;
-        l !== c && (t.value.onFontSizeChange?.("internal", l), t.update((d) => ({
-          ...d,
-          uncontrolledFontSize: l
-        })));
-      });
-    },
-    [n, t]
-  ), null;
-}, zt = {
+  }, c = [e, s], t[1] = s, t[2] = e, t[3] = r, t[4] = c) : (r = t[3], c = t[4]), ce(r, c);
+  let f;
+  t[5] !== o || t[6] !== e?.settings.values$ ? (f = function() {
+    return e?.settings.values$.pipe(ne(Xo)).subscribe((h) => {
+      const m = o.value.fontSize ?? o.value.uncontrolledFontSize;
+      h !== m && (o.value.onFontSizeChange?.("internal", h), o.update((g) => ({
+        ...g,
+        uncontrolledFontSize: h
+      })));
+    });
+  }, t[5] = o, t[6] = e?.settings.values$, t[7] = f) : f = t[7];
+  let u;
+  return t[8] !== o || t[9] !== e ? (u = [e, o], t[8] = o, t[9] = e, t[10] = u) : u = t[10], pe(f, u), null;
+};
+function Xo(t) {
+  return t.fontScale;
+}
+const Jo = {
   x: 0,
   y: 0,
   width: 0,
@@ -667,1430 +1045,1406 @@ const kt = A.forwardRef(
   bottom: 0,
   right: 0
 };
-function Mt() {
-  const [n, t] = w(null), [o, r] = w(zt), i = cn(
-    () => new ResizeObserver((a) => {
-      if (a[0]) {
-        const { x: l, y: c, width: d, height: u, top: p, left: h, bottom: C, right: v } = a[0].contentRect;
-        r({ x: l, y: c, width: d, height: u, top: p, left: h, bottom: C, right: v });
-      }
-    }),
-    []
-  );
-  return dn(() => {
-    if (n)
-      return i.observe(n), () => {
-        i.disconnect();
+function el() {
+  const t = y(7), [e, o] = le(null), [n, l] = le(Jo);
+  let i;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = new ResizeObserver((u) => {
+    if (u[0]) {
+      const {
+        x: d,
+        y: h,
+        width: m,
+        height: g,
+        top: p,
+        left: b,
+        bottom: S,
+        right: _
+      } = u[0].contentRect;
+      l({
+        x: d,
+        y: h,
+        width: m,
+        height: g,
+        top: p,
+        left: b,
+        bottom: S,
+        right: _
+      });
+    }
+  }), t[0] = i) : i = t[0];
+  const s = i;
+  let r, c;
+  t[1] !== e ? (r = () => {
+    if (e)
+      return s.observe(e), () => {
+        s.disconnect();
       };
-  }, [n, i]), [t, o, n];
+  }, c = [e, s], t[1] = e, t[2] = r, t[3] = c) : (r = t[2], c = t[3]), fn(r, c);
+  let f;
+  return t[4] !== e || t[5] !== n ? (f = [o, n, e], t[4] = e, t[5] = n, t[6] = f) : f = t[6], f;
 }
-const wt = (n, t, o) => {
-  const r = m(), i = Ue(r) ? r : void 0;
-  H(() => {
-    if (!i || !n) return Ie;
-    const a = t.didLayout$.pipe(
-      Mn(t.layoutInfo),
-      De($n)
-    ), l = Nn(
-      n
-    ).pipe(E((c) => c.some((d) => d.isIntersecting)));
-    return a.pipe(
-      Le(100, void 0, { trailing: !0 }),
-      V(() => l.pipe(
-        $e((c) => {
-          c || (n.innerHTML = "");
-        }),
-        se((c) => c),
-        Ne()
-      ).pipe(
-        V(() => (n.innerHTML = "", i?.gallery.snapshot(
-          t,
-          n,
-          o
-        )))
-      ))
-    );
-  }, [i, t, o, n]);
-}, yt = g(
-  ({ item: n, onNavigated: t }) => {
-    const [o, r, i] = Mt(), a = m();
-    wt(i, n, r);
-    const l = S(
-      () => a?.locateResource(n, { mode: "shallow" }),
-      [a, n]
-    );
-    return /* @__PURE__ */ s(
-      _,
-      {
-        width: "100%",
-        aspectRatio: "2/3",
-        border: "1px solid",
-        borderColor: "border",
-        borderRadius: "md",
-        "data-grid-item": !0,
-        cursor: "pointer",
-        position: "relative",
-        overflow: "hidden",
-        onClick: () => {
-          t(), a?.navigation.goToSpineItem({ indexOrId: n });
-        },
-        children: [
-          /* @__PURE__ */ e(
-            _,
-            {
-              height: "100%",
-              width: "100%",
-              overflow: "hidden",
-              pointerEvents: "none",
-              ref: o
-            }
-          ),
-          /* @__PURE__ */ s(
-            b,
-            {
-              position: "absolute",
-              bottom: 0,
-              left: "0",
-              right: "0",
-              textAlign: "center",
-              bgColor: "white",
-              p: 4,
-              fontSize: "xs",
-              children: [
-                "Page ",
-                (l?.meta?.absolutePageIndex ?? 0) + 1
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-), Pt = g(
-  ({ open: n, setOpen: t }) => {
-    const o = m(), r = S(() => o?.spineItemsManager.items$, [o]);
-    return /* @__PURE__ */ e(
-      j,
-      {
-        lazyMount: !0,
-        placement: "center",
-        open: n,
-        onOpenChange: (i) => t(i.open),
-        size: { mdDown: "full", md: "lg" },
-        scrollBehavior: "inside",
-        children: /* @__PURE__ */ s(G, { height: "100%", children: [
-          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Gallery" }) }),
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(
-            _,
-            {
-              gridTemplateColumns: [
-                "repeat(2, minmax(0, 1fr))",
-                "repeat(3, minmax(0, 1fr))"
-              ],
-              display: "grid",
-              gap: [2, 4],
-              pt: 2,
-              "data-grid": !0,
-              children: r?.map((i) => /* @__PURE__ */ e(
-                yt,
-                {
-                  item: i,
-                  onNavigated: () => {
-                    t(!1);
-                  }
-                },
-                i.item.id
-              ))
-            }
-          ) }),
-          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-          /* @__PURE__ */ e(q, {})
-        ] })
-      }
-    );
-  }
-), Et = "@prose-reader/react-reader", At = "1.270.0", Bt = g(
-  ({ open: n, setOpen: t }) => /* @__PURE__ */ e(
-    j,
-    {
-      lazyMount: !0,
-      placement: "center",
-      open: n,
-      onOpenChange: (o) => t(o.open),
-      size: { mdDown: "full", md: "lg" },
-      scrollBehavior: "inside",
-      children: /* @__PURE__ */ s(G, { children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Help" }) }),
-        /* @__PURE__ */ s(
-          Y,
-          {
-            overflowY: "auto",
-            flex: 1,
-            display: "flex",
-            flexDirection: "column",
-            gap: 4,
-            children: [
-              /* @__PURE__ */ s(O, { children: [
-                /* @__PURE__ */ e(me, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-                /* @__PURE__ */ s(F, { mb: 1, children: [
-                  /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e(fn, {}) }),
-                  " ",
-                  /* @__PURE__ */ e(b, { children: "Navigate to right page" })
-                ] }),
-                /* @__PURE__ */ s(F, { mb: 1, children: [
-                  /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e(mn, {}) }),
-                  " ",
-                  /* @__PURE__ */ e(b, { children: "Navigate to left page" })
-                ] })
-              ] }),
-              /* @__PURE__ */ s(O, { children: [
-                /* @__PURE__ */ e(me, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }),
-                /* @__PURE__ */ e(F, { mb: 1, children: /* @__PURE__ */ e(b, { children: "Tap on the top right corner of a page bookmark it" }) })
-              ] }),
-              /* @__PURE__ */ s(O, { children: [
-                /* @__PURE__ */ e(me, { mb: 2, as: "h3", size: "lg", children: "About" }),
-                /* @__PURE__ */ s(b, { children: [
-                  Et,
-                  " version: ",
-                  At
-                ] })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(q, {})
+const tl = (t, e, o) => {
+  const n = y(8), l = U();
+  let i;
+  n[0] !== l ? (i = Ut(l) ? l : void 0, n[0] = l, n[1] = i) : i = n[1];
+  const s = i;
+  let r, c;
+  n[2] !== t || n[3] !== e || n[4] !== o || n[5] !== s ? (r = () => {
+    if (!s || !t)
+      return ft;
+    const f = e.didLayout$.pipe(Bt(e.layoutInfo), rt(Vt)), u = Dn(t).pipe(ne(ol));
+    return f.pipe(Ft(100, void 0, {
+      trailing: !0
+    }), be(() => u.pipe(xt((d) => {
+      d || (t.innerHTML = "");
+    }), Xe(ll), Lt()).pipe(be(() => (t.innerHTML = "", s?.gallery.snapshot(e, t, o))))));
+  }, c = [s, e, o, t], n[2] = t, n[3] = e, n[4] = o, n[5] = s, n[6] = r, n[7] = c) : (r = n[6], c = n[7]), pe(r, c);
+};
+function nl(t) {
+  return t.isIntersecting;
+}
+function ol(t) {
+  return t.some(nl);
+}
+function ll(t) {
+  return t;
+}
+const il = w((t) => {
+  const e = y(16), {
+    item: o,
+    onNavigated: n
+  } = t, [l, i, s] = el(), r = U();
+  tl(s, o, i);
+  let c, f;
+  e[0] !== o || e[1] !== r ? (c = () => r?.locateResource(o, {
+    mode: "shallow"
+  }), f = [r, o], e[0] = o, e[1] = r, e[2] = c, e[3] = f) : (c = e[2], f = e[3]);
+  const {
+    data: u
+  } = j(c, f);
+  let d;
+  e[4] !== o || e[5] !== n || e[6] !== r?.navigation ? (d = () => {
+    n(), r?.navigation.goToSpineItem({
+      indexOrId: o
+    });
+  }, e[4] = o, e[5] = n, e[6] = r?.navigation, e[7] = d) : d = e[7];
+  let h;
+  e[8] !== l ? (h = /* @__PURE__ */ a(he, { height: "100%", width: "100%", overflow: "hidden", pointerEvents: "none", ref: l }), e[8] = l, e[9] = h) : h = e[9];
+  const m = (u?.meta?.absolutePageIndex ?? 0) + 1;
+  let g;
+  e[10] !== m ? (g = /* @__PURE__ */ x(q, { position: "absolute", bottom: 0, left: "0", right: "0", textAlign: "center", bgColor: "white", p: 4, fontSize: "xs", children: [
+    "Page ",
+    m
+  ] }), e[10] = m, e[11] = g) : g = e[11];
+  let p;
+  return e[12] !== d || e[13] !== h || e[14] !== g ? (p = /* @__PURE__ */ x(he, { width: "100%", aspectRatio: "2/3", border: "1px solid", borderColor: "border", borderRadius: "md", "data-grid-item": !0, cursor: "pointer", position: "relative", overflow: "hidden", onClick: d, children: [
+    h,
+    g
+  ] }), e[12] = d, e[13] = h, e[14] = g, e[15] = p) : p = e[15], p;
+}), sl = w((t) => {
+  const e = y(23), {
+    open: o,
+    setOpen: n
+  } = t, l = U();
+  let i;
+  e[0] !== l?.spineItemsManager.items$ ? (i = () => l?.spineItemsManager.items$, e[0] = l?.spineItemsManager.items$, e[1] = i) : i = e[1];
+  let s;
+  e[2] !== l ? (s = [l], e[2] = l, e[3] = s) : s = e[3];
+  const {
+    data: r
+  } = j(i, s);
+  let c;
+  e[4] !== n ? (c = (v) => n(v.open), e[4] = n, e[5] = c) : c = e[5];
+  let f;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = {
+    mdDown: "full",
+    md: "lg"
+  }, e[6] = f) : f = e[6];
+  let u;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ a(ye, { children: /* @__PURE__ */ a(Ie, { children: "Gallery" }) }), e[7] = u) : u = e[7];
+  let d;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = ["repeat(2, minmax(0, 1fr))", "repeat(3, minmax(0, 1fr))"], e[8] = d) : d = e[8];
+  let h;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = [2, 4], e[9] = h) : h = e[9];
+  let m;
+  e[10] !== r || e[11] !== n ? (m = r?.map((v) => /* @__PURE__ */ a(il, { item: v, onNavigated: () => {
+    n(!1);
+  } }, v.item.id)), e[10] = r, e[11] = n, e[12] = m) : m = e[12];
+  let g;
+  e[13] !== m ? (g = /* @__PURE__ */ a(ke, { children: /* @__PURE__ */ a(he, { gridTemplateColumns: d, display: "grid", gap: h, pt: 2, "data-grid": !0, children: m }) }), e[13] = m, e[14] = g) : g = e[14];
+  let p, b;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ a(xe, { children: /* @__PURE__ */ a($e, { asChild: !0, children: /* @__PURE__ */ a(re, { variant: "outline", children: "Cancel" }) }) }), b = /* @__PURE__ */ a(ve, {}), e[15] = p, e[16] = b) : (p = e[15], b = e[16]);
+  let S;
+  e[17] !== g ? (S = /* @__PURE__ */ x(_e, { height: "100%", children: [
+    u,
+    g,
+    p,
+    b
+  ] }), e[17] = g, e[18] = S) : S = e[18];
+  let _;
+  return e[19] !== o || e[20] !== S || e[21] !== c ? (_ = /* @__PURE__ */ a(Ce, { lazyMount: !0, placement: "center", open: o, onOpenChange: c, size: f, scrollBehavior: "inside", children: S }), e[19] = o, e[20] = S, e[21] = c, e[22] = _) : _ = e[22], _;
+}), al = "@prose-reader/react-reader", rl = "1.272.0", cl = w((t) => {
+  const e = y(16), {
+    open: o,
+    setOpen: n
+  } = t;
+  let l;
+  e[0] !== n ? (l = (S) => n(S.open), e[0] = n, e[1] = l) : l = e[1];
+  let i;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
+    mdDown: "full",
+    md: "lg"
+  }, e[2] = i) : i = e[2];
+  let s;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ a(ye, { children: /* @__PURE__ */ a(Ie, { children: "Help" }) }), e[3] = s) : s = e[3];
+  let r;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ a(mt, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }), e[4] = r) : r = e[4];
+  let c;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ a(zt, { children: /* @__PURE__ */ a(pn, {}) }), e[5] = c) : c = e[5];
+  let f;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ x(ge, { mb: 1, children: [
+    c,
+    " ",
+    /* @__PURE__ */ a(q, { children: "Navigate to right page" })
+  ] }), e[6] = f) : f = e[6];
+  let u;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ a(zt, { children: /* @__PURE__ */ a(bn, {}) }), e[7] = u) : u = e[7];
+  let d;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ x(J, { children: [
+    r,
+    f,
+    /* @__PURE__ */ x(ge, { mb: 1, children: [
+      u,
+      " ",
+      /* @__PURE__ */ a(q, { children: "Navigate to left page" })
+    ] })
+  ] }), e[8] = d) : d = e[8];
+  let h;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ a(mt, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }), e[9] = h) : h = e[9];
+  let m;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ x(J, { children: [
+    h,
+    /* @__PURE__ */ a(ge, { mb: 1, children: /* @__PURE__ */ a(q, { children: "Tap on the top right corner of a page bookmark it" }) })
+  ] }), e[10] = m) : m = e[10];
+  let g;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ x(ke, { overflowY: "auto", flex: 1, display: "flex", flexDirection: "column", gap: 4, children: [
+    d,
+    m,
+    /* @__PURE__ */ x(J, { children: [
+      /* @__PURE__ */ a(mt, { mb: 2, as: "h3", size: "lg", children: "About" }),
+      /* @__PURE__ */ x(q, { children: [
+        al,
+        " version: ",
+        rl
       ] })
-    }
-  )
-), te = () => {
-  const n = m();
-  return S(
-    () => n ? wn([n.pagination.state$, n.context]).pipe(
-      E(([t, o]) => {
-        const r = o.manifest?.spineItems.every(
-          (i) => i.mediaType?.startsWith("image/")
-        );
-        return {
-          ...t,
-          hasChapters: !o.isFullyPrePaginated && !r
-        };
-      })
-    ) : Ie,
-    [n]
-  );
-}, Ft = { _open: "fade-in", _closed: "fade-out" }, _t = () => {
-  const { enableFloatingProgress: n, quickMenuOpen: t } = y([
-    "enableFloatingProgress",
-    "quickMenuOpen"
-  ]), o = te(), r = Math.floor(
-    (o?.percentageEstimateOfBook ?? 0) * 100
-  ), i = r > 0 ? r : 1;
-  return o?.percentageEstimateOfBook === void 0 || !n ? null : /* @__PURE__ */ e(
-    ue,
-    {
-      present: !t,
-      animationName: Ft,
-      animationDuration: "moderate",
-      children: /* @__PURE__ */ e(
-        _,
-        {
-          position: "absolute",
-          right: 0,
-          bottom: 0,
-          p: 2,
-          WebkitTextStroke: "2px black",
-          paintOrder: "stroke fill",
-          pointerEvents: "none",
-          letterSpacing: 1,
-          color: "white",
-          children: /* @__PURE__ */ s(b, { fontSize: "md", children: [
-            i,
-            " %"
-          ] })
-        }
-      )
-    }
-  );
-}, Dt = () => {
-  const [n, t] = w(/* @__PURE__ */ new Date());
-  return $(() => {
-    const o = setInterval(() => {
-      t(/* @__PURE__ */ new Date());
+    ] })
+  ] }), e[11] = g) : g = e[11];
+  let p;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ x(_e, { children: [
+    s,
+    g,
+    /* @__PURE__ */ a(xe, { children: /* @__PURE__ */ a($e, { asChild: !0, children: /* @__PURE__ */ a(re, { variant: "outline", children: "Cancel" }) }) }),
+    /* @__PURE__ */ a(ve, {})
+  ] }), e[12] = p) : p = e[12];
+  let b;
+  return e[13] !== o || e[14] !== l ? (b = /* @__PURE__ */ a(Ce, { lazyMount: !0, placement: "center", open: o, onOpenChange: l, size: i, scrollBehavior: "inside", children: p }), e[13] = o, e[14] = l, e[15] = b) : b = e[15], b;
+}), Ge = () => {
+  const t = y(3), e = U();
+  let o, n;
+  return t[0] !== e ? (o = () => e ? Dt([e.pagination.state$, e.context]).pipe(ne(dl)) : ft, n = [e], t[0] = e, t[1] = o, t[2] = n) : (o = t[1], n = t[2]), j(o, n).data;
+};
+function fl(t) {
+  return t.mediaType?.startsWith("image/");
+}
+function dl(t) {
+  const [e, o] = t, n = o.manifest?.spineItems.every(fl);
+  return {
+    ...e,
+    hasChapters: !o.isFullyPrePaginated && !n
+  };
+}
+const ul = {
+  _open: "fade-in",
+  _closed: "fade-out"
+}, hl = () => {
+  const t = y(6);
+  let e;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = ["enableFloatingProgress", "quickMenuOpen"], t[0] = e) : e = t[0];
+  const {
+    enableFloatingProgress: o,
+    quickMenuOpen: n
+  } = oe(e), l = Ge(), i = Math.floor((l?.percentageEstimateOfBook ?? 0) * 100), s = i > 0 ? i : 1;
+  if (l?.percentageEstimateOfBook === void 0 || !o)
+    return null;
+  const r = !n;
+  let c;
+  t[1] !== s ? (c = /* @__PURE__ */ a(he, { position: "absolute", right: 0, bottom: 0, p: 2, WebkitTextStroke: "2px black", paintOrder: "stroke fill", pointerEvents: "none", letterSpacing: 1, color: "white", children: /* @__PURE__ */ x(q, { fontSize: "sm", children: [
+    s,
+    " %"
+  ] }) }), t[1] = s, t[2] = c) : c = t[2];
+  let f;
+  return t[3] !== r || t[4] !== c ? (f = /* @__PURE__ */ a(tt, { present: r, animationName: ul, animationDuration: "moderate", children: c }), t[3] = r, t[4] = c, t[5] = f) : f = t[5], f;
+}, ml = () => {
+  const t = y(3);
+  let e;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ new Date(), t[0] = e) : e = t[0];
+  const [o, n] = le(e);
+  let l, i;
+  return t[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = () => {
+    const s = setInterval(() => {
+      n(/* @__PURE__ */ new Date());
     }, 6e4);
-    return () => clearInterval(o);
-  }, []), n;
-}, Lt = (n) => {
-  const t = Dt();
-  return /* @__PURE__ */ e(b, { fontSize: "md", ...n, children: t.toLocaleTimeString(navigator.language, {
+    return () => clearInterval(s);
+  }, i = [], t[1] = l, t[2] = i) : (l = t[1], i = t[2]), ce(l, i), o;
+}, gl = (t) => {
+  const e = y(5), o = ml();
+  let n;
+  e[0] !== o ? (n = o.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
-  }) });
-}, $t = g(() => /* @__PURE__ */ e(
-  _,
-  {
-    position: "absolute",
-    left: 0,
-    bottom: 0,
-    p: 2,
-    color: "white",
-    WebkitTextStroke: "2px black",
-    paintOrder: "stroke fill",
-    pointerEvents: "none",
-    letterSpacing: 1,
-    children: /* @__PURE__ */ e(Lt, {})
+  }), e[0] = o, e[1] = n) : n = e[1];
+  let l;
+  return e[2] !== t || e[3] !== n ? (l = /* @__PURE__ */ a(q, { fontSize: "sm", ...t, children: n }), e[2] = t, e[3] = n, e[4] = l) : l = e[4], l;
+}, pl = w(() => {
+  const t = y(1);
+  let e;
+  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ a(he, { position: "absolute", left: 0, bottom: 0, p: 2, color: "white", WebkitTextStroke: "2px black", paintOrder: "stroke fill", pointerEvents: "none", letterSpacing: 1, children: /* @__PURE__ */ a(gl, {}) }), t[0] = e) : e = t[0], e;
+}), bl = () => {
+  const t = y(4), e = U();
+  let o;
+  t[0] !== e?.links$ ? (o = () => e?.links$.subscribe(Sl), t[0] = e?.links$, t[1] = o) : o = t[1];
+  let n;
+  t[2] !== e ? (n = [e], t[2] = e, t[3] = n) : n = t[3], pe(o, n);
+};
+function Sl(t) {
+  if (t.type === "click" && Fn(t.target, "a")) {
+    if (!t.target.href)
+      return;
+    const e = new URL(t.target.href);
+    window.location.host !== e.host && confirm("You are going to be redirected to external link") && window.open(t.target.href, "__blank");
   }
-)), Nt = () => {
-  const n = m();
-  H(
-    () => n?.links$.subscribe((t) => {
-      if (t.type === "click" && Vn(t.target, "a")) {
-        if (!t.target.href) return;
-        const o = new URL(t.target.href);
-        window.location.host !== o.host && confirm(
-          "You are going to be redirected to external link"
-        ) && window.open(t.target.href, "__blank");
-      }
-    }),
-    [n]
-  );
-}, Vt = () => {
-  const { notificationsSubject: n } = y([
-    "notificationsSubject"
-  ]);
-  H(
-    () => n.pipe(
-      se(_e),
-      yn((t) => {
-        const o = t.duration ?? 3e3, r = new Pn((a) => {
-          try {
-            queueMicrotask(() => {
-              const l = Ce.create({
-                title: t.title,
-                description: t.description,
-                duration: o
-              });
-              a.next(l), a.complete();
-            });
-          } catch (l) {
-            a.error(l);
-          }
-        }), i = n.pipe(
-          En(1),
-          se((a) => !!t.key && a?.key === t.key)
-        );
-        return r.pipe(
-          V(
-            (a) => Ve(
-              We(o),
-              t.abort ?? Ie,
-              i
-            ).pipe(
-              Ne(),
-              An(() => {
-                queueMicrotask(() => {
-                  Ce.dismiss(a);
-                });
-              })
-            )
-          )
-        );
-      })
-    ),
-    [n]
-  );
-}, Wt = A.forwardRef(
-  function(t, o) {
-    const {
-      showArrow: r,
-      children: i,
-      portalled: a = !0,
-      content: l,
-      portalRef: c,
-      ...d
-    } = t;
-    return /* @__PURE__ */ s(
-      ee.Root,
-      {
-        ...d,
-        positioning: { ...d.positioning, gutter: 4 },
-        children: [
-          /* @__PURE__ */ e(ee.Trigger, { asChild: !0, children: i }),
-          /* @__PURE__ */ e(ve, { disabled: !a, container: c, children: /* @__PURE__ */ e(ee.Positioner, { children: /* @__PURE__ */ s(
-            ee.Content,
-            {
-              width: "auto",
-              px: "2",
-              py: "1",
-              textStyle: "xs",
-              rounded: "sm",
-              ref: o,
-              children: [
-                r && /* @__PURE__ */ e(ee.Arrow, { children: /* @__PURE__ */ e(ee.ArrowTip, {}) }),
-                l
-              ]
-            }
-          ) }) })
-        ]
+}
+const _l = () => {
+  const t = y(4);
+  let e;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = ["notificationsSubject"], t[0] = e) : e = t[0];
+  const {
+    notificationsSubject: o
+  } = oe(e);
+  let n, l;
+  t[1] !== o ? (n = () => o.pipe(Xe(Et), zn((i) => {
+    const s = i.duration ?? 3e3, r = new Rn((f) => {
+      try {
+        queueMicrotask(() => {
+          const u = vt.create({
+            title: i.title,
+            description: i.description,
+            duration: s
+          });
+          f.next(u), f.complete();
+        });
+      } catch (u) {
+        const d = u;
+        f.error(d);
       }
-    );
-  }
-), Ht = A.forwardRef(function(t, o) {
-  const { children: r, ...i } = t;
-  return /* @__PURE__ */ e(Wt, { content: r, ...i, ref: o, children: /* @__PURE__ */ e(
-    k,
-    {
-      variant: "ghost",
-      "aria-label": "info",
-      size: "2xs",
-      colorPalette: "gray",
-      children: /* @__PURE__ */ e(Kn, {})
-    }
-  ) });
-}), Gt = A.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(le.Track, { ...t, ref: o, children: /* @__PURE__ */ e(le.Range, {}) });
+    }), c = o.pipe(wn(1), Xe((f) => !!i.key && f?.key === i.key));
+    return r.pipe(be((f) => Nt(Ht(s), i.abort ?? ft, c).pipe(Lt(), Mn(() => {
+      queueMicrotask(() => {
+        vt.dismiss(f);
+      });
+    }))));
+  })), l = [o], t[1] = o, t[2] = n, t[3] = l) : (n = t[2], l = t[3]), pe(n, l);
+}, vl = se.forwardRef(function(e, o) {
+  const n = y(26);
+  let l, i, s, r, c, f;
+  n[0] !== e ? ({
+    showArrow: c,
+    children: l,
+    portalled: f,
+    content: i,
+    portalRef: s,
+    ...r
+  } = e, n[0] = e, n[1] = l, n[2] = i, n[3] = s, n[4] = r, n[5] = c, n[6] = f) : (l = n[1], i = n[2], s = n[3], r = n[4], c = n[5], f = n[6]);
+  const u = f === void 0 ? !0 : f;
+  let d;
+  n[7] !== r.positioning ? (d = {
+    ...r.positioning,
+    gutter: 4
+  }, n[7] = r.positioning, n[8] = d) : d = n[8];
+  let h;
+  n[9] !== l ? (h = /* @__PURE__ */ a(He.Trigger, { asChild: !0, children: l }), n[9] = l, n[10] = h) : h = n[10];
+  const m = !u;
+  let g;
+  n[11] !== c ? (g = c && /* @__PURE__ */ a(He.Arrow, { children: /* @__PURE__ */ a(He.ArrowTip, {}) }), n[11] = c, n[12] = g) : g = n[12];
+  let p;
+  n[13] !== i || n[14] !== o || n[15] !== g ? (p = /* @__PURE__ */ a(He.Positioner, { children: /* @__PURE__ */ x(He.Content, { width: "auto", px: "2", py: "1", textStyle: "xs", rounded: "sm", ref: o, children: [
+    g,
+    i
+  ] }) }), n[13] = i, n[14] = o, n[15] = g, n[16] = p) : p = n[16];
+  let b;
+  n[17] !== s || n[18] !== m || n[19] !== p ? (b = /* @__PURE__ */ a(ct, { disabled: m, container: s, children: p }), n[17] = s, n[18] = m, n[19] = p, n[20] = b) : b = n[20];
+  let S;
+  return n[21] !== r || n[22] !== d || n[23] !== h || n[24] !== b ? (S = /* @__PURE__ */ x(He.Root, { ...r, positioning: d, children: [
+    h,
+    b
+  ] }), n[21] = r, n[22] = d, n[23] = h, n[24] = b, n[25] = S) : S = n[25], S;
+}), Cl = se.forwardRef(function(e, o) {
+  const n = y(8);
+  let l, i;
+  n[0] !== e ? ({
+    children: l,
+    ...i
+  } = e, n[0] = e, n[1] = l, n[2] = i) : (l = n[1], i = n[2]);
+  let s;
+  n[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ a(ee, { variant: "ghost", "aria-label": "info", size: "2xs", colorPalette: "gray", children: /* @__PURE__ */ a(Xn, {}) }), n[3] = s) : s = n[3];
+  let r;
+  return n[4] !== l || n[5] !== o || n[6] !== i ? (r = /* @__PURE__ */ a(vl, { content: l, ...i, ref: o, children: s }), n[4] = l, n[5] = o, n[6] = i, n[7] = r) : r = n[7], r;
+}), xl = se.forwardRef(function(e, o) {
+  const n = y(4);
+  let l;
+  n[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ a(Ze.Range, {}), n[0] = l) : l = n[0];
+  let i;
+  return n[1] !== e || n[2] !== o ? (i = /* @__PURE__ */ a(Ze.Track, { ...e, ref: o, children: l }), n[1] = e, n[2] = o, n[3] = i) : i = n[3], i;
 });
-A.forwardRef(function(t, o) {
-  const { children: r, info: i, ...a } = t;
-  return /* @__PURE__ */ s(le.Label, { ...a, ref: o, children: [
-    r,
-    i && /* @__PURE__ */ e(Ht, { children: i })
-  ] });
+se.forwardRef(function(e, o) {
+  const n = y(11);
+  let l, i, s;
+  n[0] !== e ? ({
+    children: l,
+    info: i,
+    ...s
+  } = e, n[0] = e, n[1] = l, n[2] = i, n[3] = s) : (l = n[1], i = n[2], s = n[3]);
+  let r;
+  n[4] !== i ? (r = i && /* @__PURE__ */ a(Cl, { children: i }), n[4] = i, n[5] = r) : r = n[5];
+  let c;
+  return n[6] !== l || n[7] !== o || n[8] !== s || n[9] !== r ? (c = /* @__PURE__ */ x(Ze.Label, { ...s, ref: o, children: [
+    l,
+    r
+  ] }), n[6] = l, n[7] = o, n[8] = s, n[9] = r, n[10] = c) : c = n[10], c;
 });
-const qt = le.Root, jt = le.ValueText, ze = () => {
-  const n = te(), t = n?.numberOfTotalPages === 1, o = (n?.beginNumberOfPagesInSpineItem ?? 0) > 1, r = (n?.endNumberOfPagesInSpineItem ?? 0) > 1, i = (n?.hasChapters ? n?.beginPageIndexInSpineItem : n?.beginAbsolutePageIndex) ?? 0, a = (n?.hasChapters ? n?.endPageIndexInSpineItem : n?.endAbsolutePageIndex) ?? 0, [l = 0, c = 0] = [
-    i,
-    a
-  ].sort((p, h) => p - h), d = n?.beginPageIndexInSpineItem !== n?.endPageIndexInSpineItem || n?.beginSpineItemIndex !== n?.endSpineItemIndex, u = n?.hasChapters ? n?.beginNumberOfPagesInSpineItem : n?.numberOfTotalPages;
+const yl = Ze.Root, kl = Ze.ValueText, Ot = () => {
+  const t = Ge(), e = t?.numberOfTotalPages === 1, o = (t?.beginNumberOfPagesInSpineItem ?? 0) > 1, n = (t?.endNumberOfPagesInSpineItem ?? 0) > 1, l = (t?.hasChapters ? t?.beginPageIndexInSpineItem : t?.beginAbsolutePageIndex) ?? 0, i = (t?.hasChapters ? t?.endPageIndexInSpineItem : t?.endAbsolutePageIndex) ?? 0, [s = 0, r = 0] = [l, i].sort((u, d) => u - d), c = t?.beginPageIndexInSpineItem !== t?.endPageIndexInSpineItem || t?.beginSpineItemIndex !== t?.endSpineItemIndex, f = t?.hasChapters ? t?.beginNumberOfPagesInSpineItem : t?.numberOfTotalPages;
   return {
-    hasOnlyOnePage: t,
-    beginPageIndex: i,
-    endPageIndex: a,
+    hasOnlyOnePage: e,
+    beginPageIndex: l,
+    endPageIndex: i,
     isBeginWithinChapter: o,
-    isEndWithinChapter: r,
-    beginAndEndAreDifferent: d,
-    totalApproximatePages: u,
-    leftPageIndex: l,
-    rightPageIndex: c
+    isEndWithinChapter: n,
+    beginAndEndAreDifferent: c,
+    totalApproximatePages: f,
+    leftPageIndex: s,
+    rightPageIndex: r
   };
-}, Ut = () => {
-  const n = te(), {
-    hasOnlyOnePage: t,
-    leftPageIndex: o,
-    rightPageIndex: r,
+}, Il = () => {
+  const t = y(24), e = Ge(), {
+    hasOnlyOnePage: o,
+    leftPageIndex: n,
+    rightPageIndex: l,
     totalApproximatePages: i,
-    beginAndEndAreDifferent: a
-  } = ze(), l = Math.round((n?.percentageEstimateOfBook ?? 0) * 100), c = (u) => u?.subChapter ? `${u.title} / ${c(u.subChapter)}` : u?.title || "", d = c(n?.beginChapterInfo);
-  return /* @__PURE__ */ s(O, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
-    /* @__PURE__ */ e(qt, { value: l, size: "xs", width: 150, children: /* @__PURE__ */ s(F, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(Gt, { width: 110 }),
-      /* @__PURE__ */ e(jt, { children: `${l}%` })
-    ] }) }),
-    /* @__PURE__ */ e(b, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: d ? `Chapter: ${d}` : " " }),
-    !t && /* @__PURE__ */ s(F, { children: [
-      /* @__PURE__ */ e(b, { fontSize: "xs", children: a ? `${o + 1} - ${r + 1} of ${i}` : `${o + 1} of ${i}` }),
-      !!n?.hasChapters && /* @__PURE__ */ s(de, { children: [
-        /* @__PURE__ */ e(b, { children: "-" }),
-        /* @__PURE__ */ s(b, { fontSize: "xs", children: [
-          "(",
-          (n?.beginAbsolutePageIndex ?? 0) + 1,
-          ")"
-        ] })
+    beginAndEndAreDifferent: s
+  } = Ot();
+  let r;
+  t[0] !== e?.percentageEstimateOfBook ? (r = Math.round((e?.percentageEstimateOfBook ?? 0) * 100), t[0] = e?.percentageEstimateOfBook, t[1] = r) : r = t[1];
+  const c = r;
+  let f;
+  if (t[2] !== e?.beginChapterInfo) {
+    const v = (C) => C?.subChapter ? `${C.title} / ${v(C.subChapter)}` : C?.title || "";
+    f = v(e?.beginChapterInfo), t[2] = e?.beginChapterInfo, t[3] = f;
+  } else
+    f = t[3];
+  const u = f;
+  let d;
+  t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ a(xl, { width: 110 }), t[4] = d) : d = t[4];
+  const h = `${c}%`;
+  let m;
+  t[5] !== h ? (m = /* @__PURE__ */ x(ge, { justifyContent: "space-between", children: [
+    d,
+    /* @__PURE__ */ a(kl, { children: h })
+  ] }), t[5] = h, t[6] = m) : m = t[6];
+  let g;
+  t[7] !== c || t[8] !== m ? (g = /* @__PURE__ */ a(yl, { value: c, size: "xs", width: 150, children: m }), t[7] = c, t[8] = m, t[9] = g) : g = t[9];
+  const p = u ? `Chapter: ${u}` : " ";
+  let b;
+  t[10] !== p ? (b = /* @__PURE__ */ a(q, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: p }), t[10] = p, t[11] = b) : b = t[11];
+  let S;
+  t[12] !== s || t[13] !== o || t[14] !== n || t[15] !== e?.beginAbsolutePageIndex || t[16] !== e?.hasChapters || t[17] !== l || t[18] !== i ? (S = !o && /* @__PURE__ */ x(ge, { children: [
+    /* @__PURE__ */ a(q, { fontSize: "xs", children: s ? `${n + 1} - ${l + 1} of ${i}` : `${n + 1} of ${i}` }),
+    !!e?.hasChapters && /* @__PURE__ */ x(et, { children: [
+      /* @__PURE__ */ a(q, { children: "-" }),
+      /* @__PURE__ */ x(q, { fontSize: "xs", children: [
+        "(",
+        (e?.beginAbsolutePageIndex ?? 0) + 1,
+        ")"
       ] })
     ] })
-  ] });
-}, Ke = g(
-  ({
-    children: n,
-    position: t,
-    ...o
-  }) => /* @__PURE__ */ e(
-    ue,
-    {
-      display: "flex",
-      flexDirection: "row",
-      width: "100%",
-      position: "absolute",
-      ...t === "bottom" ? { bottom: 0 } : { top: 0 },
-      animationName: t === "bottom" ? {
-        _open: "slide-from-bottom, fade-in",
-        _closed: "slide-to-bottom, fade-out"
-      } : {
-        _open: "slide-from-top, fade-in",
-        _closed: "slide-to-top, fade-out"
-      },
-      animationDuration: "moderate",
-      bgColor: "bg.panel",
-      alignItems: "center",
-      justifyContent: "center",
-      shadow: "md",
-      p: 4,
-      ...o,
-      children: n
-    }
-  )
-), Qt = rn(Jn), Yt = g((n) => /* @__PURE__ */ e(
-  _,
-  {
-    display: "contents",
-    css: {
-      "--bg": "colors.bg",
-      "--bg-emphasized": "colors.bg.emphasized",
-      "--color-solid": "colors.colorPalette.solid"
+  ] }), t[12] = s, t[13] = o, t[14] = n, t[15] = e?.beginAbsolutePageIndex, t[16] = e?.hasChapters, t[17] = l, t[18] = i, t[19] = S) : S = t[19];
+  let _;
+  return t[20] !== g || t[21] !== b || t[22] !== S ? (_ = /* @__PURE__ */ x(J, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
+    g,
+    b,
+    S
+  ] }), t[20] = g, t[21] = b, t[22] = S, t[23] = _) : _ = t[23], _;
+}, Xt = w((t) => {
+  const e = y(12);
+  let o, n, l;
+  e[0] !== t ? ({
+    children: o,
+    position: n,
+    ...l
+  } = t, e[0] = t, e[1] = o, e[2] = n, e[3] = l) : (o = e[1], n = e[2], l = e[3]);
+  let i, s;
+  e[4] !== n ? (i = n === "bottom" ? {
+    bottom: 0
+  } : {
+    top: 0
+  }, s = n === "bottom" ? {
+    _open: "slide-from-bottom, fade-in",
+    _closed: "slide-to-bottom, fade-out"
+  } : {
+    _open: "slide-from-top, fade-in",
+    _closed: "slide-to-top, fade-out"
+  }, e[4] = n, e[5] = i, e[6] = s) : (i = e[5], s = e[6]);
+  let r;
+  return e[7] !== o || e[8] !== l || e[9] !== i || e[10] !== s ? (r = /* @__PURE__ */ a(tt, { display: "flex", flexDirection: "row", width: "100%", position: "absolute", ...i, animationName: s, animationDuration: "moderate", bgColor: "bg.panel", alignItems: "center", justifyContent: "center", shadow: "md", p: 4, ...l, children: o }), e[7] = o, e[8] = l, e[9] = i, e[10] = s, e[11] = r) : r = e[11], r;
+}), $l = sn(Jn), Ol = w((t) => {
+  const e = y(10);
+  let o;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
+    "--bg": "colors.bg",
+    "--bg-emphasized": "colors.bg.emphasized",
+    "--color-solid": "colors.colorPalette.solid"
+  }, e[0] = o) : o = e[0];
+  let n, l, i, s;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+    padding: 0
+  }, l = {
+    "& > .rc-slider-handle:focus-visible": {
+      boxShadow: "0 0 0 2px var(--color-solid) !important"
     },
-    children: /* @__PURE__ */ e(
-      Qt,
-      {
-        keyboard: !1,
-        style: {
-          padding: 0
-        },
-        css: {
-          "& > .rc-slider-handle:focus-visible": {
-            boxShadow: "0 0 0 2px var(--color-solid) !important"
-          },
-          "& > .rc-slider-handle:active": {
-            boxShadow: "0 0 5px var(--color-solid) !important"
-          },
-          "& > .rc-slider-handle.rc-slider-handle-dragging": {
-            boxShadow: "0 0 0 3px var(--color-solid) !important"
-          }
-        },
-        styles: {
-          rail: {
-            height: "8px",
-            top: "50%",
-            transform: "translateY(-50%)",
-            backgroundColor: "var(--bg-emphasized)"
-          },
-          track: {
-            height: "8px",
-            top: "50%",
-            transform: "translateY(-50%)",
-            backgroundColor: "var(--color-solid)"
-          },
-          handle: {
-            width: "24px",
-            height: "24px",
-            top: "50%",
-            borderColor: "var(--color-solid)",
-            transform: `translate(${n.reverse ? "50%" : "-50%"}, -50%)`,
-            backgroundColor: "var(--bg)",
-            marginTop: "0px"
-          }
-        },
-        ...n
-      }
-    )
-  }
-)), Zt = () => {
-  const t = te()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = ze(), i = t ? Math.floor((o || 0) / 2) : o, [a, l] = Tn(
-    () => ne({
-      default: i || 0
-    })
-  ), c = 0, d = Math.max(
-    0,
-    t ? Math.floor((r - 1) / 2) : r - 1
-  );
-  return $(() => {
-    l.update(i || 0);
-  }, [i, l]), {
-    value: a,
-    valueSignal: l,
-    min: c,
-    max: d
-  };
-}, Xt = (n) => {
-  const t = m(), o = te(), { manifest: r } = S(() => t?.context, [t]) ?? {}, i = r?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = ze(), d = 1, u = c, { value: p, valueSignal: h, min: C, max: v } = Zt(), R = T(
-    (x) => {
-      const [L = 0] = Array.isArray(x) ? x : [x];
-      h.update(L);
-      const I = a ? Math.floor(L) * 2 : Math.floor(L);
-      u ? t?.navigation.goToPageOfSpineItem({
-        pageIndex: I,
-        spineItemId: t.pagination.state.beginSpineItemIndex ?? 0,
-        animation: !1
-      }) : t?.navigation.goToAbsolutePageIndex({
-        absolutePageIndex: I,
-        animation: !1
-      });
+    "& > .rc-slider-handle:active": {
+      boxShadow: "0 0 5px var(--color-solid) !important"
     },
-    [t, a, h, u]
-  );
-  return H(
-    () => t?.navigation.throttleLock({
-      duration: 100,
-      trigger: h.subject
-    }),
-    [t, h]
-  ), l === 1 || a && l === 2 ? /* @__PURE__ */ e(_, { style: n.style }) : /* @__PURE__ */ e(
-    Yt,
-    {
-      value: [p],
-      max: v,
-      min: C,
-      reverse: i,
-      step: d,
-      onChange: R,
-      ...n
+    "& > .rc-slider-handle.rc-slider-handle-dragging": {
+      boxShadow: "0 0 0 3px var(--color-solid) !important"
     }
-  );
-}, Kt = g(
-  ({
-    open: n,
-    onItemClick: t
-  }) => {
-    const o = un(null), r = m(), {
-      quickMenuBottomBarBoundingBoxSignal: i,
-      onFontSizeMenuOpenChange: a,
-      onRefitMenuOpenChange: l
-    } = y([
-      "quickMenuBottomBarBoundingBoxSignal",
-      "onFontSizeMenuOpenChange",
-      "onRefitMenuOpenChange"
-    ]), c = S(() => r?.navigation.state$, [r]), d = S(() => r?.settings.values$, [r]), u = S(
-      () => r?.zoom.state$.pipe(
-        E(
-          (x) => x.currentScale > 1 ? "in" : x.currentScale < 1 ? "out" : void 0
-        )
-      ),
-      [r]
-    ), p = u === "in", h = u === "out", C = d?.computedPageTurnMode === "scrollable", v = d?.computedPageTurnDirection === "vertical", [R, D] = w(!0);
-    return $(() => {
-      if (!o.current) return;
-      const x = new ResizeObserver((L) => {
-        for (const I of L)
-          i.update(I);
-      });
-      return x.observe(o.current), () => {
-        x.disconnect();
-      };
-    }, [i]), /* @__PURE__ */ s(
-      Ke,
-      {
-        present: n,
-        position: "bottom",
-        display: "flex",
-        flexDirection: "column",
-        overflow: "auto",
-        pb: 8,
-        px: 0,
-        ref: o,
-        children: [
-          /* @__PURE__ */ s(
-            F,
-            {
-              flex: 1,
-              alignItems: "center",
-              justifyContent: "center",
-              maxWidth: "100%",
-              px: 4,
-              children: [
-                /* @__PURE__ */ e(
-                  k,
-                  {
-                    "aria-label": "left",
-                    size: "lg",
-                    variant: "ghost",
-                    flexShrink: 0,
-                    onClick: () => r?.navigation.goToLeftOrTopSpineItem(),
-                    disabled: !c?.canGoLeftSpineItem && !c?.canGoTopSpineItem,
-                    children: v ? /* @__PURE__ */ e(Qn, {}) : /* @__PURE__ */ e(Yn, {})
-                  }
-                ),
-                /* @__PURE__ */ s(
-                  O,
-                  {
-                    flex: 1,
-                    maxW: 400,
-                    gap: 2,
-                    alignItems: "center",
-                    overflow: "auto",
-                    px: 4,
-                    children: [
-                      /* @__PURE__ */ e(Ut, {}),
-                      /* @__PURE__ */ e(
-                        Xt,
-                        {
-                          style: {
-                            width: "100%",
-                            maxWidth: "300px",
-                            height: "35px"
-                          }
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  k,
-                  {
-                    "aria-label": "right",
-                    size: "lg",
-                    flexShrink: 0,
-                    variant: "ghost",
-                    disabled: !c?.canGoRightSpineItem && !c?.canGoBottomSpineItem,
-                    onClick: () => {
-                      r?.navigation.goToRightOrBottomSpineItem();
-                    },
-                    children: v ? /* @__PURE__ */ e(Zn, {}) : /* @__PURE__ */ e(Xn, {})
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(F, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
-            be.Root,
-            {
-              open: R,
-              flex: 1,
-              onOpenChange: ({ open: x }) => {
-                D(x);
-              },
-              width: "100%",
-              children: [
-                /* @__PURE__ */ e(
-                  be.Trigger,
-                  {
-                    paddingY: "3",
-                    width: "100%",
-                    display: "flex",
-                    justifyContent: "center",
-                    children: /* @__PURE__ */ e(
-                      bn,
-                      {
-                        style: {
-                          transform: R ? "rotate(0deg)" : "rotate(180deg)"
-                        }
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ e(be.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ s(_, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
-                  /* @__PURE__ */ e(
-                    k,
-                    {
-                      "aria-label": "Help",
-                      size: "lg",
-                      variant: "ghost",
-                      onClick: () => t("help"),
-                      children: /* @__PURE__ */ e(Sn, {})
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    k,
-                    {
-                      "aria-label": "Table of contents",
-                      size: "lg",
-                      variant: "ghost",
-                      onClick: () => t("toc"),
-                      children: /* @__PURE__ */ e(Cn, {})
-                    }
-                  ),
-                  je(r) && /* @__PURE__ */ e(
-                    k,
-                    {
-                      "aria-label": "Search",
-                      size: "lg",
-                      variant: "ghost",
-                      onClick: () => t("search"),
-                      children: /* @__PURE__ */ e(vn, {})
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    k,
-                    {
-                      "aria-label": "Zoom",
-                      size: "lg",
-                      variant: p ? "solid" : "ghost",
-                      onClick: () => {
-                        p ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
-                          animate: !0,
-                          scale: 2
-                        });
-                      },
-                      children: p ? /* @__PURE__ */ e(xn, {}) : /* @__PURE__ */ e(kn, {})
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    k,
-                    {
-                      "aria-label": "font size",
-                      size: "lg",
-                      onClick: () => {
-                        a(!0);
-                      },
-                      variant: "ghost",
-                      children: /* @__PURE__ */ e(Wn, {})
-                    }
-                  ),
-                  ce(r) && /* @__PURE__ */ e(
-                    k,
-                    {
-                      "aria-label": "Bookmarks",
-                      size: "lg",
-                      variant: "ghost",
-                      onClick: () => t("bookmarks"),
-                      children: /* @__PURE__ */ e(Hn, {})
-                    }
-                  ),
-                  ce(r) && /* @__PURE__ */ e(
-                    k,
-                    {
-                      "aria-label": "Annotations",
-                      size: "lg",
-                      variant: "ghost",
-                      onClick: () => t("annotations"),
-                      children: /* @__PURE__ */ e(pe, {})
-                    }
-                  ),
-                  Qe(r) && /* @__PURE__ */ e(
-                    k,
-                    {
-                      "aria-label": "Refit",
-                      size: "lg",
-                      variant: "ghost",
-                      onClick: () => {
-                        l(!0);
-                      },
-                      disabled: !C,
-                      children: /* @__PURE__ */ e(Gn, {})
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    k,
-                    {
-                      "aria-label": "Thumbnails",
-                      size: "lg",
-                      variant: h ? "solid" : "ghost",
-                      onClick: () => {
-                        h ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
-                          animate: !0,
-                          scale: 0.5
-                        });
-                      },
-                      children: /* @__PURE__ */ e(In, {})
-                    }
-                  ),
-                  Ue(r) && /* @__PURE__ */ e(
-                    k,
-                    {
-                      "aria-label": "Gallery",
-                      size: "lg",
-                      variant: "ghost",
-                      onClick: () => t("gallery"),
-                      children: /* @__PURE__ */ e(Un, {})
-                    }
-                  )
-                ] }) })
-              ]
-            }
-          ) })
-        ]
-      }
-    );
-  }
-), Jt = () => {
-  const [n, t] = w(!1), o = T(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
-    t(!1);
-  }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
-    t(!0);
-  }), []);
-  return $(() => {
-    function r() {
-      t(!!document.fullscreenElement);
+  }, i = {
+    height: "8px",
+    top: "50%",
+    transform: "translateY(-50%)",
+    backgroundColor: "var(--bg-emphasized)"
+  }, s = {
+    height: "8px",
+    top: "50%",
+    transform: "translateY(-50%)",
+    backgroundColor: "var(--color-solid)"
+  }, e[1] = n, e[2] = l, e[3] = i, e[4] = s) : (n = e[1], l = e[2], i = e[3], s = e[4]);
+  const r = `translate(${t.reverse ? "50%" : "-50%"}, -50%)`;
+  let c;
+  e[5] !== r ? (c = {
+    rail: i,
+    track: s,
+    handle: {
+      width: "24px",
+      height: "24px",
+      top: "50%",
+      borderColor: "var(--color-solid)",
+      transform: r,
+      backgroundColor: "var(--bg)",
+      marginTop: "0px"
     }
-    return document.addEventListener("fullscreenchange", r), () => {
-      document.removeEventListener("fullscreenchange", r);
-    };
-  }, []), {
-    isFullscreen: n,
-    onToggleFullscreenClick: o
-  };
-}, eo = g(
-  ({
-    open: n,
-    onItemClick: t
-  }) => {
-    const o = m(), r = S(() => o?.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: a } = Jt();
-    return /* @__PURE__ */ s(
-      Ke,
-      {
-        present: n,
-        position: "top",
-        height: "80px",
-        justifyContent: "space-between",
-        children: [
-          /* @__PURE__ */ e(
-            k,
-            {
-              "aria-label": "left",
-              size: "lg",
-              variant: "ghost",
-              flexShrink: 0,
-              onClick: () => t("back"),
-              children: /* @__PURE__ */ e(et, {})
-            }
-          ),
-          /* @__PURE__ */ e(
-            O,
-            {
-              flex: 1,
-              maxW: 600,
-              gap: 1,
-              alignItems: "center",
-              overflow: "auto",
-              px: 4,
-              children: /* @__PURE__ */ e(b, { truncate: !0, maxWidth: "100%", children: r?.title })
-            }
-          ),
-          /* @__PURE__ */ s(F, { children: [
-            /* @__PURE__ */ e(
-              k,
-              {
-                "aria-label": "right",
-                size: "lg",
-                flexShrink: 0,
-                variant: "ghost",
-                onClick: () => t("more"),
-                children: /* @__PURE__ */ e(nt, {})
-              }
-            ),
-            /* @__PURE__ */ e(
-              k,
-              {
-                "aria-label": "right",
-                size: "lg",
-                flexShrink: 0,
-                variant: "ghost",
-                onClick: a,
-                children: i ? /* @__PURE__ */ e(qn, {}) : /* @__PURE__ */ e(jn, {})
-              }
-            )
-          ] })
-        ]
-      }
-    );
+  }, e[5] = r, e[6] = c) : c = e[6];
+  let f;
+  return e[7] !== t || e[8] !== c ? (f = /* @__PURE__ */ a(he, { display: "contents", css: o, children: /* @__PURE__ */ a($l, { keyboard: !1, style: n, css: l, styles: c, ...t }) }), e[7] = t, e[8] = c, e[9] = f) : f = e[9], f;
+}), Tl = () => {
+  const t = y(10), o = Ge()?.isUsingSpread, {
+    beginPageIndex: n,
+    totalApproximatePages: l
+  } = Ot(), i = l === void 0 ? 0 : l, s = o ? Math.floor((n || 0) / 2) : n;
+  let r;
+  t[0] !== s ? (r = () => Ve({
+    default: s || 0
+  }), t[0] = s, t[1] = r) : r = t[1];
+  const [c, f] = On(r), u = Math.max(0, o ? Math.floor((i - 1) / 2) : i - 1);
+  let d, h;
+  t[2] !== s || t[3] !== f ? (d = () => {
+    f.update(s || 0);
+  }, h = [s, f], t[2] = s, t[3] = f, t[4] = d, t[5] = h) : (d = t[4], h = t[5]), ce(d, h);
+  let m;
+  return t[6] !== u || t[7] !== c || t[8] !== f ? (m = {
+    value: c,
+    valueSignal: f,
+    min: 0,
+    max: u
+  }, t[6] = u, t[7] = c, t[8] = f, t[9] = m) : m = t[9], m;
+}, zl = (t) => {
+  const e = y(24), o = U(), n = Ge(), {
+    data: l
+  } = j(() => o?.context, [o]) ?? {};
+  let i;
+  e[0] !== l ? (i = l === void 0 ? {} : l, e[0] = l, e[1] = i) : i = e[1];
+  const {
+    manifest: s
+  } = i, r = s?.readingDirection === "rtl", c = n?.isUsingSpread, {
+    totalApproximatePages: f,
+    isBeginWithinChapter: u
+  } = Ot(), d = f === void 0 ? 0 : f, h = u, {
+    value: m,
+    valueSignal: g,
+    min: p,
+    max: b
+  } = Tl();
+  let S;
+  e[2] !== h || e[3] !== c || e[4] !== o || e[5] !== g ? (S = (O) => {
+    const [z] = Array.isArray(O) ? O : [O], E = z === void 0 ? 0 : z;
+    g.update(E);
+    const T = c ? Math.floor(E) * 2 : Math.floor(E);
+    h ? o?.navigation.goToPageOfSpineItem({
+      pageIndex: T,
+      spineItemId: o.pagination.state.beginSpineItemIndex ?? 0,
+      animation: !1
+    }) : o?.navigation.goToAbsolutePageIndex({
+      absolutePageIndex: T,
+      animation: !1
+    });
+  }, e[2] = h, e[3] = c, e[4] = o, e[5] = g, e[6] = S) : S = e[6];
+  const _ = S;
+  let v;
+  e[7] !== o?.navigation || e[8] !== g.subject ? (v = () => o?.navigation.throttleLock({
+    duration: 100,
+    trigger: g.subject
+  }), e[7] = o?.navigation, e[8] = g.subject, e[9] = v) : v = e[9];
+  let C;
+  if (e[10] !== o || e[11] !== g ? (C = [o, g], e[10] = o, e[11] = g, e[12] = C) : C = e[12], pe(v, C), d === 1 || c && d === 2) {
+    let O;
+    return e[13] !== t.style ? (O = /* @__PURE__ */ a(he, { style: t.style }), e[13] = t.style, e[14] = O) : O = e[14], O;
   }
-), Me = () => {
+  let k;
+  e[15] !== m ? (k = [m], e[15] = m, e[16] = k) : k = e[16];
+  let $;
+  return e[17] !== b || e[18] !== p || e[19] !== _ || e[20] !== t || e[21] !== r || e[22] !== k ? ($ = /* @__PURE__ */ a(Ol, { value: k, max: b, min: p, reverse: r, step: 1, onChange: _, ...t }), e[17] = b, e[18] = p, e[19] = _, e[20] = t, e[21] = r, e[22] = k, e[23] = $) : $ = e[23], $;
+}, Rl = w((t) => {
+  const e = y(106), {
+    open: o,
+    onItemClick: n
+  } = t, l = dn(null), i = U();
+  let s;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = ["quickMenuBottomBarBoundingBoxSignal", "onFontSizeMenuOpenChange", "onRefitMenuOpenChange"], e[0] = s) : s = e[0];
+  const {
+    quickMenuBottomBarBoundingBoxSignal: r,
+    onFontSizeMenuOpenChange: c,
+    onRefitMenuOpenChange: f
+  } = oe(s);
+  let u;
+  e[1] !== i?.navigation.state$ ? (u = () => i?.navigation.state$, e[1] = i?.navigation.state$, e[2] = u) : u = e[2];
+  let d;
+  e[3] !== i ? (d = [i], e[3] = i, e[4] = d) : d = e[4];
+  const {
+    data: h
+  } = j(u, d);
+  let m;
+  e[5] !== i?.settings.values$ ? (m = () => i?.settings.values$, e[5] = i?.settings.values$, e[6] = m) : m = e[6];
+  let g;
+  e[7] !== i ? (g = [i], e[7] = i, e[8] = g) : g = e[8];
   const {
-    quickMenuOpen: n,
-    onQuickMenuOpenChange: t,
-    _quickMenuOpen: o,
-    _onQuickMenuOpenChange: r
-  } = y([
-    "quickMenuOpen",
-    "onQuickMenuOpenChange",
-    "_quickMenuOpen",
-    "_onQuickMenuOpenChange"
-  ]);
-  return [
-    n ?? o,
-    t ?? r
-  ];
-}, no = g(
-  ({
+    data: p
+  } = j(m, g);
+  let b;
+  e[9] !== i?.zoom.state$ ? (b = () => i?.zoom.state$.pipe(ne(wl)), e[9] = i?.zoom.state$, e[10] = b) : b = e[10];
+  let S;
+  e[11] !== i ? (S = [i], e[11] = i, e[12] = S) : S = e[12];
+  const {
+    data: _
+  } = j(b, S), v = _ === "in", C = _ === "out", I = p?.computedPageTurnMode === "scrollable", k = p?.computedPageTurnDirection === "vertical", [$, O] = le(!0);
+  let z, E;
+  e[13] !== r ? (z = () => {
+    if (!l.current)
+      return;
+    const st = new ResizeObserver((ht) => {
+      for (const Jt of ht)
+        r.update(Jt);
+    });
+    return st.observe(l.current), () => {
+      st.disconnect();
+    };
+  }, E = [r], e[13] = r, e[14] = z, e[15] = E) : (z = e[14], E = e[15]), ce(z, E);
+  let T;
+  e[16] !== i?.navigation ? (T = () => i?.navigation.goToLeftOrTopSpineItem(), e[16] = i?.navigation, e[17] = T) : T = e[17];
+  const N = !h?.canGoLeftSpineItem && !h?.canGoTopSpineItem;
+  let M;
+  e[18] !== k ? (M = k ? /* @__PURE__ */ a(Qn, {}) : /* @__PURE__ */ a(Yn, {}), e[18] = k, e[19] = M) : M = e[19];
+  let H;
+  e[20] !== T || e[21] !== N || e[22] !== M ? (H = /* @__PURE__ */ a(ee, { "aria-label": "left", size: "lg", variant: "ghost", flexShrink: 0, onClick: T, disabled: N, children: M }), e[20] = T, e[21] = N, e[22] = M, e[23] = H) : H = e[23];
+  let Q;
+  e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Q = /* @__PURE__ */ a(Il, {}), e[24] = Q) : Q = e[24];
+  let K;
+  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ x(J, { flex: 1, maxW: 400, gap: 2, alignItems: "center", overflow: "auto", px: 4, children: [
+    Q,
+    /* @__PURE__ */ a(zl, { style: {
+      width: "100%",
+      maxWidth: "300px",
+      height: "35px"
+    } })
+  ] }), e[25] = K) : K = e[25];
+  const V = !h?.canGoRightSpineItem && !h?.canGoBottomSpineItem;
+  let W;
+  e[26] !== i?.navigation ? (W = () => {
+    i?.navigation.goToRightOrBottomSpineItem();
+  }, e[26] = i?.navigation, e[27] = W) : W = e[27];
+  let G;
+  e[28] !== k ? (G = k ? /* @__PURE__ */ a(Zn, {}) : /* @__PURE__ */ a(Kn, {}), e[28] = k, e[29] = G) : G = e[29];
+  let F;
+  e[30] !== V || e[31] !== W || e[32] !== G ? (F = /* @__PURE__ */ a(ee, { "aria-label": "right", size: "lg", flexShrink: 0, variant: "ghost", disabled: V, onClick: W, children: G }), e[30] = V, e[31] = W, e[32] = G, e[33] = F) : F = e[33];
+  let P;
+  e[34] !== H || e[35] !== F ? (P = /* @__PURE__ */ x(ge, { flex: 1, alignItems: "center", justifyContent: "center", maxWidth: "100%", px: 4, children: [
+    H,
+    K,
+    F
+  ] }), e[34] = H, e[35] = F, e[36] = P) : P = e[36];
+  let Y;
+  e[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Y = (st) => {
+    const {
+      open: ht
+    } = st;
+    O(ht);
+  }, e[37] = Y) : Y = e[37];
+  const Z = $ ? "rotate(0deg)" : "rotate(180deg)";
+  let A;
+  e[38] !== Z ? (A = /* @__PURE__ */ a(gt.Trigger, { paddingY: "3", width: "100%", display: "flex", justifyContent: "center", children: /* @__PURE__ */ a(Sn, { style: {
+    transform: Z
+  } }) }), e[38] = Z, e[39] = A) : A = e[39];
+  let L;
+  e[40] !== n ? (L = () => n("help"), e[40] = n, e[41] = L) : L = e[41];
+  let X;
+  e[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ a(_n, {}), e[42] = X) : X = e[42];
+  let B;
+  e[43] !== L ? (B = /* @__PURE__ */ a(ee, { "aria-label": "Help", size: "lg", variant: "ghost", onClick: L, children: X }), e[43] = L, e[44] = B) : B = e[44];
+  let D;
+  e[45] !== n ? (D = () => n("toc"), e[45] = n, e[46] = D) : D = e[46];
+  let de;
+  e[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (de = /* @__PURE__ */ a(vn, {}), e[47] = de) : de = e[47];
+  let R;
+  e[48] !== D ? (R = /* @__PURE__ */ a(ee, { "aria-label": "Table of contents", size: "lg", variant: "ghost", onClick: D, children: de }), e[48] = D, e[49] = R) : R = e[49];
+  let te;
+  e[50] !== n || e[51] !== i ? (te = jt(i) && /* @__PURE__ */ a(ee, { "aria-label": "Search", size: "lg", variant: "ghost", onClick: () => n("search"), children: /* @__PURE__ */ a(Cn, {}) }), e[50] = n, e[51] = i, e[52] = te) : te = e[52];
+  const qe = v ? "solid" : "ghost";
+  let Oe;
+  e[53] !== v || e[54] !== i?.zoom ? (Oe = () => {
+    v ? i?.zoom.exit({
+      animate: !0
+    }) : i?.zoom.enter({
+      animate: !0,
+      scale: 2
+    });
+  }, e[53] = v, e[54] = i?.zoom, e[55] = Oe) : Oe = e[55];
+  let Te;
+  e[56] !== v ? (Te = v ? /* @__PURE__ */ a(xn, {}) : /* @__PURE__ */ a(yn, {}), e[56] = v, e[57] = Te) : Te = e[57];
+  let ze;
+  e[58] !== qe || e[59] !== Oe || e[60] !== Te ? (ze = /* @__PURE__ */ a(ee, { "aria-label": "Zoom", size: "lg", variant: qe, onClick: Oe, children: Te }), e[58] = qe, e[59] = Oe, e[60] = Te, e[61] = ze) : ze = e[61];
+  let Re;
+  e[62] !== c ? (Re = () => {
+    c(!0);
+  }, e[62] = c, e[63] = Re) : Re = e[63];
+  let ot;
+  e[64] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ot = /* @__PURE__ */ a(Vn, {}), e[64] = ot) : ot = e[64];
+  let we;
+  e[65] !== Re ? (we = /* @__PURE__ */ a(ee, { "aria-label": "font size", size: "lg", onClick: Re, variant: "ghost", children: ot }), e[65] = Re, e[66] = we) : we = e[66];
+  let Me;
+  e[67] !== n || e[68] !== i ? (Me = Je(i) && /* @__PURE__ */ a(ee, { "aria-label": "Bookmarks", size: "lg", variant: "ghost", onClick: () => n("bookmarks"), children: /* @__PURE__ */ a(Wn, {}) }), e[67] = n, e[68] = i, e[69] = Me) : Me = e[69];
+  let Pe;
+  e[70] !== n || e[71] !== i ? (Pe = Je(i) && /* @__PURE__ */ a(ee, { "aria-label": "Annotations", size: "lg", variant: "ghost", onClick: () => n("annotations"), children: /* @__PURE__ */ a(Ke, {}) }), e[70] = n, e[71] = i, e[72] = Pe) : Pe = e[72];
+  let Ae;
+  e[73] !== I || e[74] !== f || e[75] !== i ? (Ae = Qt(i) && /* @__PURE__ */ a(ee, { "aria-label": "Refit", size: "lg", variant: "ghost", onClick: () => {
+    f(!0);
+  }, disabled: !I, children: /* @__PURE__ */ a(Gn, {}) }), e[73] = I, e[74] = f, e[75] = i, e[76] = Ae) : Ae = e[76];
+  const ut = C ? "solid" : "ghost";
+  let Ee;
+  e[77] !== C || e[78] !== i?.zoom ? (Ee = () => {
+    C ? i?.zoom.exit({
+      animate: !0
+    }) : i?.zoom.enter({
+      animate: !0,
+      scale: 0.5
+    });
+  }, e[77] = C, e[78] = i?.zoom, e[79] = Ee) : Ee = e[79];
+  let lt;
+  e[80] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (lt = /* @__PURE__ */ a(kn, {}), e[80] = lt) : lt = e[80];
+  let Be;
+  e[81] !== ut || e[82] !== Ee ? (Be = /* @__PURE__ */ a(ee, { "aria-label": "Thumbnails", size: "lg", variant: ut, onClick: Ee, children: lt }), e[81] = ut, e[82] = Ee, e[83] = Be) : Be = e[83];
+  let De;
+  e[84] !== n || e[85] !== i ? (De = Ut(i) && /* @__PURE__ */ a(ee, { "aria-label": "Gallery", size: "lg", variant: "ghost", onClick: () => n("gallery"), children: /* @__PURE__ */ a(Un, {}) }), e[84] = n, e[85] = i, e[86] = De) : De = e[86];
+  let Fe;
+  e[87] !== B || e[88] !== R || e[89] !== te || e[90] !== ze || e[91] !== we || e[92] !== Me || e[93] !== Pe || e[94] !== Ae || e[95] !== Be || e[96] !== De ? (Fe = /* @__PURE__ */ a(gt.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ x(he, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
+    B,
+    R,
+    te,
+    ze,
+    we,
+    Me,
+    Pe,
+    Ae,
+    Be,
+    De
+  ] }) }), e[87] = B, e[88] = R, e[89] = te, e[90] = ze, e[91] = we, e[92] = Me, e[93] = Pe, e[94] = Ae, e[95] = Be, e[96] = De, e[97] = Fe) : Fe = e[97];
+  let Le;
+  e[98] !== $ || e[99] !== A || e[100] !== Fe ? (Le = /* @__PURE__ */ a(ge, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ x(gt.Root, { open: $, flex: 1, onOpenChange: Y, width: "100%", children: [
+    A,
+    Fe
+  ] }) }), e[98] = $, e[99] = A, e[100] = Fe, e[101] = Le) : Le = e[101];
+  let it;
+  return e[102] !== o || e[103] !== P || e[104] !== Le ? (it = /* @__PURE__ */ x(Xt, { present: o, position: "bottom", display: "flex", flexDirection: "column", overflow: "auto", pb: 8, px: 0, ref: l, children: [
+    P,
+    Le
+  ] }), e[102] = o, e[103] = P, e[104] = Le, e[105] = it) : it = e[105], it;
+});
+function wl(t) {
+  return t.currentScale > 1 ? "in" : t.currentScale < 1 ? "out" : void 0;
+}
+const Ml = () => {
+  const t = y(5), [e, o] = le(!1);
+  let n;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = () => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+    o(!1);
+  }) : document.documentElement.requestFullscreen({
+    navigationUI: "hide"
+  }).catch(console.error).then(() => {
+    o(!0);
+  }), t[0] = n) : n = t[0];
+  const l = n;
+  let i, s;
+  t[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = () => {
+    const c = function() {
+      o(!!document.fullscreenElement);
+    };
+    return document.addEventListener("fullscreenchange", c), () => {
+      document.removeEventListener("fullscreenchange", c);
+    };
+  }, s = [], t[1] = i, t[2] = s) : (i = t[1], s = t[2]), ce(i, s);
+  let r;
+  return t[3] !== e ? (r = {
+    isFullscreen: e,
+    onToggleFullscreenClick: l
+  }, t[3] = e, t[4] = r) : r = t[4], r;
+}, Pl = w((t) => {
+  const e = y(29), {
+    open: o,
     onItemClick: n
-  }) => {
-    const [t] = Me(), { refitMenuOpen: o, fontSizeMenuOpen: r } = y([
-      "refitMenuOpen",
-      "fontSizeMenuOpen"
-    ]);
-    return /* @__PURE__ */ s(de, { children: [
-      /* @__PURE__ */ e(
-        eo,
-        {
-          open: t && !o && !r,
-          onItemClick: n
-        }
-      ),
-      /* @__PURE__ */ e(
-        Kt,
-        {
-          open: t && !o && !r,
-          onItemClick: n
-        }
-      )
-    ] });
-  }
-), to = () => {
-  const [n, t] = Me(), o = m();
-  H(() => o?.gestures.gestures$.pipe(
-    se((r) => r.type === "tap" && !r.handled),
-    ke(
-      o.selection.selection$,
-      o.selection.lastSelectionOnPointerdown$
-    ),
-    $e(([, r, i]) => {
-      t(r || i ? !1 : (a) => !a);
-    })
-  ), [o]);
-}, oo = A.forwardRef(
-  function(t, o) {
-    const { label: r, children: i, helperText: a, errorText: l, optionalText: c, ...d } = t;
-    return /* @__PURE__ */ s(oe.Root, { ref: o, ...d, children: [
-      r && /* @__PURE__ */ s(oe.Label, { children: [
-        r,
-        /* @__PURE__ */ e(oe.RequiredIndicator, { fallback: c })
-      ] }),
-      i,
-      a && /* @__PURE__ */ e(oe.HelperText, { children: a }),
-      l && /* @__PURE__ */ e(oe.ErrorText, { children: l })
-    ] });
-  }
-), ro = g(() => {
-  const { refitMenuOpen: t, onRefitMenuOpenChange: o } = y([
-    "refitMenuOpen",
-    "onRefitMenuOpenChange"
-  ]), r = m(), i = Qe(r) ? r : void 0, a = S(
-    () => i?.refit.settings$,
-    [i]
-  );
-  return /* @__PURE__ */ e(
-    j,
-    {
-      lazyMount: !0,
-      open: t,
-      onOpenChange: (l) => o(l.open),
-      placement: "center",
-      children: /* @__PURE__ */ s(G, { children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Viewport fit" }) }),
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ s(N.Root, { children: [
-          /* @__PURE__ */ e(N.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }),
-          /* @__PURE__ */ s(N.Content, { children: [
-            /* @__PURE__ */ e(oo, { label: "Profile", children: /* @__PURE__ */ e(
-              Xe,
-              {
-                defaultValue: "fit",
-                onValueChange: (l) => {
-                  const c = l.value;
-                  i?.refit.update({
-                    viewportFit: c,
-                    customWidth: 60
-                  });
-                },
-                value: a?.viewportFit ?? "fit",
-                children: /* @__PURE__ */ s(O, { gap: 2, children: [
-                  /* @__PURE__ */ e(ae, { value: "desktop", children: "Desktop" }),
-                  /* @__PURE__ */ e(ae, { value: "tablet", children: "Tablet" }),
-                  /* @__PURE__ */ e(ae, { value: "fit", children: "Full width (default)" }),
-                  /* @__PURE__ */ e(ae, { value: "custom", children: "Custom" })
-                ] })
-              }
-            ) }),
-            /* @__PURE__ */ e(
-              Re,
-              {
-                label: "Maximum width (%)",
-                showValue: !0,
-                max: 100,
-                min: 10,
-                step: 1,
-                disabled: a?.viewportFit !== "custom",
-                value: [a?.customWidth ?? 60],
-                onValueChange: (l) => {
-                  const c = l.value[0] ?? 0;
-                  i?.refit.update({
-                    customWidth: c
-                  });
-                }
-              }
-            )
-          ] })
-        ] }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Close" }) }) }),
-        /* @__PURE__ */ e(q, {})
-      ] })
-    }
-  );
-}), io = g(
-  ({
-    contextText: n = "",
-    startOffset: t = 0,
-    text: o,
-    cfi: r = "#",
-    onClick: i,
-    absolutePageIndex: a
-  }) => {
-    const c = n.substring(
-      Math.max(t - 15, 0),
-      Math.max(t, 0)
-    ), d = n.substring(
-      Math.min(t + o.length, n.length - 1),
-      Math.min(
-        t + o.length + 15,
-        n.length - 1
-      )
-    );
-    return /* @__PURE__ */ s(
-      xe,
-      {
-        href: r,
-        style: { margin: 5, overflow: "hidden" },
-        onClick: (u) => {
-          u.preventDefault(), i(r);
-        },
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "flex-start",
-        gap: 0,
-        children: [
-          /* @__PURE__ */ s(b, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
-            '"',
-            c,
-            /* @__PURE__ */ e("b", { children: o }),
-            d,
-            '"'
-          ] }),
-          /* @__PURE__ */ e(b, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${a !== void 0 ? a + 1 : "unknown (not loaded)"}` })
-        ]
-      }
-    );
-  }
-), ao = 500, lo = () => {
-  const n = he(() => new Bn("")), t = S(n), o = m(), r = je(o) ? o : void 0, i = S(() => n.pipe(
-    De(),
-    V(
-      (a) => a === "" || !r ? ge(void 0) : Ve(
-        ge({
-          type: "start",
-          data: void 0
-        }),
-        We(ao).pipe(
-          V(() => r.search.search(a)),
-          E((l) => ({ type: "end", data: l }))
-        )
-      )
-    )
-  ), [r, n]);
+  } = t, l = U();
+  let i;
+  e[0] !== l?.context.manifest$ ? (i = () => l?.context.manifest$, e[0] = l?.context.manifest$, e[1] = i) : i = e[1];
+  let s;
+  e[2] !== l ? (s = [l], e[2] = l, e[3] = s) : s = e[3];
+  const {
+    data: r
+  } = j(i, s), {
+    isFullscreen: c,
+    onToggleFullscreenClick: f
+  } = Ml();
+  let u;
+  e[4] !== n ? (u = () => n("back"), e[4] = n, e[5] = u) : u = e[5];
+  let d;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ a(eo, {}), e[6] = d) : d = e[6];
+  let h;
+  e[7] !== u ? (h = /* @__PURE__ */ a(ee, { "aria-label": "left", size: "lg", variant: "ghost", flexShrink: 0, onClick: u, children: d }), e[7] = u, e[8] = h) : h = e[8];
+  const m = r?.title;
+  let g;
+  e[9] !== m ? (g = /* @__PURE__ */ a(J, { flex: 1, maxW: 600, gap: 1, alignItems: "center", overflow: "auto", px: 4, children: /* @__PURE__ */ a(q, { truncate: !0, maxWidth: "100%", children: m }) }), e[9] = m, e[10] = g) : g = e[10];
+  let p;
+  e[11] !== n ? (p = () => n("more"), e[11] = n, e[12] = p) : p = e[12];
+  let b;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ a(to, {}), e[13] = b) : b = e[13];
+  let S;
+  e[14] !== p ? (S = /* @__PURE__ */ a(ee, { "aria-label": "right", size: "lg", flexShrink: 0, variant: "ghost", onClick: p, children: b }), e[14] = p, e[15] = S) : S = e[15];
+  let _;
+  e[16] !== c ? (_ = c ? /* @__PURE__ */ a(qn, {}) : /* @__PURE__ */ a(jn, {}), e[16] = c, e[17] = _) : _ = e[17];
+  let v;
+  e[18] !== f || e[19] !== _ ? (v = /* @__PURE__ */ a(ee, { "aria-label": "right", size: "lg", flexShrink: 0, variant: "ghost", onClick: f, children: _ }), e[18] = f, e[19] = _, e[20] = v) : v = e[20];
+  let C;
+  e[21] !== S || e[22] !== v ? (C = /* @__PURE__ */ x(ge, { children: [
+    S,
+    v
+  ] }), e[21] = S, e[22] = v, e[23] = C) : C = e[23];
+  let I;
+  return e[24] !== o || e[25] !== C || e[26] !== h || e[27] !== g ? (I = /* @__PURE__ */ x(Xt, { present: o, position: "top", height: "80px", justifyContent: "space-between", children: [
+    h,
+    g,
+    C
+  ] }), e[24] = o, e[25] = C, e[26] = h, e[27] = g, e[28] = I) : I = e[28], I;
+}), Tt = () => {
+  const t = y(4);
+  let e;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = ["quickMenuOpen", "onQuickMenuOpenChange", "_quickMenuOpen", "_onQuickMenuOpenChange"], t[0] = e) : e = t[0];
+  const {
+    quickMenuOpen: o,
+    onQuickMenuOpenChange: n,
+    _quickMenuOpen: l,
+    _onQuickMenuOpenChange: i
+  } = oe(e), s = o ?? l, r = n ?? i;
+  let c;
+  return t[1] !== s || t[2] !== r ? (c = [s, r], t[1] = s, t[2] = r, t[3] = c) : c = t[3], c;
+}, Al = w((t) => {
+  const e = y(10), {
+    onItemClick: o
+  } = t, [n] = Tt();
+  let l;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = ["refitMenuOpen", "fontSizeMenuOpen", "selectedHighlight"], e[0] = l) : l = e[0];
+  const {
+    refitMenuOpen: i,
+    fontSizeMenuOpen: s,
+    selectedHighlight: r
+  } = oe(l), c = n && !i && !s && !r;
+  let f;
+  e[1] !== o || e[2] !== c ? (f = /* @__PURE__ */ a(Pl, { open: c, onItemClick: o }), e[1] = o, e[2] = c, e[3] = f) : f = e[3];
+  const u = n && !i && !s;
+  let d;
+  e[4] !== o || e[5] !== u ? (d = /* @__PURE__ */ a(Rl, { open: u, onItemClick: o }), e[4] = o, e[5] = u, e[6] = d) : d = e[6];
+  let h;
+  return e[7] !== f || e[8] !== d ? (h = /* @__PURE__ */ x(et, { children: [
+    f,
+    d
+  ] }), e[7] = f, e[8] = d, e[9] = h) : h = e[9], h;
+}), El = () => {
+  const t = y(5), [, e] = Tt(), o = U();
+  let n;
+  t[0] !== e || t[1] !== o ? (n = () => o?.gestures.gestures$.pipe(Xe(Bl), yt(o.selection.selection$, o.selection.lastSelectionOnPointerdown$), xt((i) => {
+    const [, s, r] = i;
+    e(s || r ? !1 : Dl);
+  })), t[0] = e, t[1] = o, t[2] = n) : n = t[2];
+  let l;
+  t[3] !== o ? (l = [o], t[3] = o, t[4] = l) : l = t[4], pe(n, l);
+};
+function Bl(t) {
+  return t.type === "tap" && !t.handled;
+}
+function Dl(t) {
+  return !t;
+}
+const Fl = se.forwardRef(function(e, o) {
+  const n = y(21);
+  let l, i, s, r, c, f;
+  n[0] !== e ? ({
+    label: r,
+    children: l,
+    helperText: s,
+    errorText: i,
+    optionalText: c,
+    ...f
+  } = e, n[0] = e, n[1] = l, n[2] = i, n[3] = s, n[4] = r, n[5] = c, n[6] = f) : (l = n[1], i = n[2], s = n[3], r = n[4], c = n[5], f = n[6]);
+  let u;
+  n[7] !== r || n[8] !== c ? (u = r && /* @__PURE__ */ x(je.Label, { children: [
+    r,
+    /* @__PURE__ */ a(je.RequiredIndicator, { fallback: c })
+  ] }), n[7] = r, n[8] = c, n[9] = u) : u = n[9];
+  let d;
+  n[10] !== s ? (d = s && /* @__PURE__ */ a(je.HelperText, { children: s }), n[10] = s, n[11] = d) : d = n[11];
+  let h;
+  n[12] !== i ? (h = i && /* @__PURE__ */ a(je.ErrorText, { children: i }), n[12] = i, n[13] = h) : h = n[13];
+  let m;
+  return n[14] !== l || n[15] !== o || n[16] !== f || n[17] !== u || n[18] !== d || n[19] !== h ? (m = /* @__PURE__ */ x(je.Root, { ref: o, ...f, children: [
+    u,
+    l,
+    d,
+    h
+  ] }), n[14] = l, n[15] = o, n[16] = f, n[17] = u, n[18] = d, n[19] = h, n[20] = m) : m = n[20], m;
+}), Ll = w(() => {
+  const t = y(39);
+  let e;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = ["refitMenuOpen", "onRefitMenuOpenChange"], t[0] = e) : e = t[0];
+  const {
+    refitMenuOpen: o,
+    onRefitMenuOpenChange: n
+  } = oe(e), l = U();
+  let i;
+  t[1] !== l ? (i = Qt(l) ? l : void 0, t[1] = l, t[2] = i) : i = t[2];
+  const s = i;
+  let r;
+  t[3] !== s?.refit.settings$ ? (r = () => s?.refit.settings$, t[3] = s?.refit.settings$, t[4] = r) : r = t[4];
+  let c;
+  t[5] !== s ? (c = [s], t[5] = s, t[6] = c) : c = t[6];
+  const {
+    data: f
+  } = j(r, c);
+  let u;
+  t[7] !== n ? (u = (H) => n(H.open), t[7] = n, t[8] = u) : u = t[8];
+  let d;
+  t[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ a(ye, { children: /* @__PURE__ */ a(Ie, { children: "Viewport fit" }) }), t[9] = d) : d = t[9];
+  let h;
+  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ a(Se.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }), t[10] = h) : h = t[10];
+  let m;
+  t[11] !== s?.refit ? (m = (H) => {
+    const Q = H.value;
+    s?.refit.update({
+      viewportFit: Q,
+      customWidth: 60
+    });
+  }, t[11] = s?.refit, t[12] = m) : m = t[12];
+  const g = f?.viewportFit ?? "fit";
+  let p;
+  t[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ a(Ye, { value: "desktop", children: "Desktop" }), t[13] = p) : p = t[13];
+  let b;
+  t[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ a(Ye, { value: "tablet", children: "Tablet" }), t[14] = b) : b = t[14];
+  let S;
+  t[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ a(Ye, { value: "fit", children: "Full width (default)" }), t[15] = S) : S = t[15];
+  let _;
+  t[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ x(J, { gap: 2, children: [
+    p,
+    b,
+    S,
+    /* @__PURE__ */ a(Ye, { value: "custom", children: "Custom" })
+  ] }), t[16] = _) : _ = t[16];
+  let v;
+  t[17] !== m || t[18] !== g ? (v = /* @__PURE__ */ a(Fl, { label: "Profile", children: /* @__PURE__ */ a(Kt, { defaultValue: "fit", onValueChange: m, value: g, children: _ }) }), t[17] = m, t[18] = g, t[19] = v) : v = t[19];
+  const C = f?.viewportFit !== "custom", I = f?.customWidth ?? 60;
+  let k;
+  t[20] !== I ? (k = [I], t[20] = I, t[21] = k) : k = t[21];
+  let $;
+  t[22] !== s?.refit ? ($ = (H) => {
+    const Q = H.value[0] ?? 0;
+    s?.refit.update({
+      customWidth: Q
+    });
+  }, t[22] = s?.refit, t[23] = $) : $ = t[23];
+  let O;
+  t[24] !== C || t[25] !== k || t[26] !== $ ? (O = /* @__PURE__ */ a(It, { label: "Maximum width (%)", showValue: !0, max: 100, min: 10, step: 1, disabled: C, value: k, onValueChange: $ }), t[24] = C, t[25] = k, t[26] = $, t[27] = O) : O = t[27];
+  let z;
+  t[28] !== v || t[29] !== O ? (z = /* @__PURE__ */ a(ke, { children: /* @__PURE__ */ x(Se.Root, { children: [
+    h,
+    /* @__PURE__ */ x(Se.Content, { children: [
+      v,
+      O
+    ] })
+  ] }) }), t[28] = v, t[29] = O, t[30] = z) : z = t[30];
+  let E, T;
+  t[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ a(xe, { children: /* @__PURE__ */ a($e, { asChild: !0, children: /* @__PURE__ */ a(re, { variant: "outline", children: "Close" }) }) }), T = /* @__PURE__ */ a(ve, {}), t[31] = E, t[32] = T) : (E = t[31], T = t[32]);
+  let N;
+  t[33] !== z ? (N = /* @__PURE__ */ x(_e, { children: [
+    d,
+    z,
+    E,
+    T
+  ] }), t[33] = z, t[34] = N) : N = t[34];
+  let M;
+  return t[35] !== o || t[36] !== N || t[37] !== u ? (M = /* @__PURE__ */ a(Ce, { lazyMount: !0, open: o, onOpenChange: u, placement: "center", children: N }), t[35] = o, t[36] = N, t[37] = u, t[38] = M) : M = t[38], M;
+}), Nl = w((t) => {
+  const e = y(26), {
+    contextText: o,
+    startOffset: n,
+    text: l,
+    cfi: i,
+    onClick: s,
+    absolutePageIndex: r
+  } = t, c = o === void 0 ? "" : o, f = n === void 0 ? 0 : n, u = i === void 0 ? "#" : i;
+  let d;
+  e[0] !== c || e[1] !== f ? (d = c.substring(Math.max(f - 15, 0), Math.max(f, 0)), e[0] = c, e[1] = f, e[2] = d) : d = e[2];
+  const h = d;
+  let m;
+  e[3] !== c || e[4] !== f || e[5] !== l.length ? (m = c.substring(Math.min(f + l.length, c.length - 1), Math.min(f + l.length + 15, c.length - 1)), e[3] = c, e[4] = f, e[5] = l.length, e[6] = m) : m = e[6];
+  const g = m;
+  let p;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
+    margin: 5,
+    overflow: "hidden"
+  }, e[7] = p) : p = e[7];
+  let b;
+  e[8] !== u || e[9] !== s ? (b = (O) => {
+    O.preventDefault(), s(u);
+  }, e[8] = u, e[9] = s, e[10] = b) : b = e[10];
+  let S;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = {
+    display: "block"
+  }, e[11] = S) : S = e[11];
+  let _;
+  e[12] !== l ? (_ = /* @__PURE__ */ a("b", { children: l }), e[12] = l, e[13] = _) : _ = e[13];
+  let v;
+  e[14] !== g || e[15] !== h || e[16] !== _ ? (v = /* @__PURE__ */ x(q, { lineClamp: 1, as: "cite", style: S, children: [
+    '"',
+    h,
+    _,
+    g,
+    '"'
+  ] }), e[14] = g, e[15] = h, e[16] = _, e[17] = v) : v = e[17];
+  let C;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
+    textDecoration: "none"
+  }, e[18] = C) : C = e[18];
+  const I = `Book page: ${r !== void 0 ? r + 1 : "unknown (not loaded)"}`;
+  let k;
+  e[19] !== I ? (k = /* @__PURE__ */ a(q, { fontSize: "sm", color: "gray.500", style: C, children: I }), e[19] = I, e[20] = k) : k = e[20];
+  let $;
+  return e[21] !== u || e[22] !== v || e[23] !== k || e[24] !== b ? ($ = /* @__PURE__ */ x(Ct, { href: u, style: p, onClick: b, display: "flex", flexDirection: "column", alignItems: "flex-start", gap: 0, children: [
+    v,
+    k
+  ] }), e[21] = u, e[22] = v, e[23] = k, e[24] = b, e[25] = $) : $ = e[25], $;
+}), Hl = 500, Vl = () => {
+  const t = y(13), e = at(Wl), {
+    data: o
+  } = j(e), n = U();
+  let l;
+  t[0] !== n ? (l = jt(n) ? n : void 0, t[0] = n, t[1] = l) : l = t[1];
+  const i = l;
+  let s, r;
+  t[2] !== i || t[3] !== e ? (s = () => e.pipe(rt(), be((m) => m === "" || !i ? _t(void 0) : Nt(_t({
+    type: "start",
+    data: void 0
+  }), Ht(Hl).pipe(be(() => i.search.search(m)), ne(Gl))))), r = [i, e], t[2] = i, t[3] = e, t[4] = s, t[5] = r) : (s = t[4], r = t[5]);
+  const {
+    data: c
+  } = j(s, r);
+  let f;
+  t[6] !== e ? (f = e.next.bind(e), t[6] = e, t[7] = f) : f = t[7];
+  const u = c?.type ?? "idle", d = c?.data;
+  let h;
+  return t[8] !== o || t[9] !== f || t[10] !== u || t[11] !== d ? (h = {
+    value: o,
+    setValue: f,
+    status: u,
+    data: d
+  }, t[8] = o, t[9] = f, t[10] = u, t[11] = d, t[12] = h) : h = t[12], h;
+};
+function Wl() {
+  return new Pn("");
+}
+function Gl(t) {
   return {
-    value: t,
-    setValue: n.next.bind(n),
-    status: i?.type ?? "idle",
-    data: i?.data
+    type: "end",
+    data: t
   };
-}, so = g(
-  ({ onNavigate: n }) => {
-    const t = m(), { value: o, setValue: r, status: i, data: a } = lo(), l = (u) => {
-      r(u.target.value);
-    }, c = T(
-      (u) => {
-        n(), t?.navigation.goToCfi(u);
-      },
-      [t, n]
-    ), d = S(
-      () => t?.locateResource(a?.slice(0, 100) ?? []),
-      [a]
-    );
-    return /* @__PURE__ */ s(O, { flex: 1, height: "100%", gap: 2, children: [
-      /* @__PURE__ */ e(
-        an,
-        {
-          placeholder: "Type something...",
-          value: o,
-          onChange: l,
-          flexShrink: 0,
-          variant: "subtle",
-          name: "search",
-          focusRing: "none",
-          focusVisibleRing: "none",
-          outline: "none",
-          focusRingColor: "transparent"
-        }
-      ),
-      /* @__PURE__ */ s(
-        O,
-        {
-          style: { overflow: "hidden", overflowY: "auto" },
-          overflow: "auto",
-          px: 4,
-          flex: 1,
-          children: [
-            i === "start" && /* @__PURE__ */ e(b, { children: "Searching ..." }),
-            a?.length === 0 && /* @__PURE__ */ e(b, { children: "No results" }),
-            i === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ s(O, { children: [
-              /* @__PURE__ */ s(b, { fontSize: "md", children: [
-                a?.length,
-                " result(s)"
-              ] }),
-              /* @__PURE__ */ e(O, { gap: 0, children: d?.map((u, p) => /* @__PURE__ */ e(
-                io,
-                {
-                  contextText: u.meta?.range?.startContainer.parentElement?.textContent ?? "",
-                  pageIndex: u.meta?.itemPageIndex,
-                  startOffset: u.meta?.range?.startOffset ?? 0,
-                  text: o,
-                  cfi: u.meta.cfi,
-                  onClick: c,
-                  absolutePageIndex: u.meta?.absolutePageIndex
-                },
-                p
-              )) })
-            ] })
-          ]
-        }
-      )
-    ] });
-  }
-), co = g(
-  ({
-    open: n,
-    setOpen: t,
+}
+const ql = w((t) => {
+  const e = y(31), {
     onNavigate: o
-  }) => /* @__PURE__ */ e(
-    j,
-    {
-      lazyMount: !0,
-      placement: "center",
-      open: n,
-      onOpenChange: (r) => t(r.open),
-      size: { mdDown: "full", md: "lg" },
-      scrollBehavior: "inside",
-      children: /* @__PURE__ */ s(G, { height: "100%", children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Search" }) }),
-        /* @__PURE__ */ e(Y, { flex: 1, p: 0, children: /* @__PURE__ */ e(so, { onNavigate: o }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(q, {})
-      ] })
-    }
-  )
-), uo = g(
-  ({ onNavigate: n }) => {
-    const t = m(), { manifest: o, assumedRenditionLayout: r } = S(() => t?.context, [t]) ?? {}, { nav: i } = o ?? {}, a = te();
-    i?.toc;
-    const { beginSpineItemIndex: l, beginPageIndexInSpineItem: c } = a ?? {}, d = (r === "reflowable" ? c : l) || 0;
-    let u = a?.beginChapterInfo;
-    for (; u?.subChapter; )
-      u = u?.subChapter;
-    const p = (h, C, v) => /* @__PURE__ */ s(ln.Fragment, { children: [
-      /* @__PURE__ */ e(
-        B.Item,
-        {
-          pl: 4 * (v + 1),
-          style: {
-            display: "flex",
-            alignItems: "center"
-          },
-          children: /* @__PURE__ */ s(
-            xe,
-            {
-              onClick: () => {
-                n(), t?.navigation.goToUrl(h.href);
-              },
-              href: "#",
-              children: [
-                u?.path === h.path && /* @__PURE__ */ e(B.Indicator, { asChild: !0, children: /* @__PURE__ */ e(ye, {}) }),
-                u?.path !== h.path && /* @__PURE__ */ e(B.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(ye, {}) }),
-                /* @__PURE__ */ s(O, { gap: 0, children: [
-                  /* @__PURE__ */ e(b, { fontSize: "md", children: h.title || h.path }),
-                  u?.path === h.path && /* @__PURE__ */ e(
-                    b,
-                    {
-                      fontStyle: "italic",
-                      fontWeight: "bold",
-                      fontSize: "sm",
-                      children: `Currently on page ${d + 1}`
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        }
-      ),
-      h.contents.length > 0 && /* @__PURE__ */ e(B.Root, { as: "div", gap: 2, children: h.contents.map(
-        (R, D) => p(R, D, v + 1)
-      ) })
-    ] }, C);
-    return /* @__PURE__ */ e(B.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i?.toc.map((h, C) => p(h, C, 0)) });
-  }
-), ho = g(
-  ({
-    open: n,
-    setOpen: t,
+  } = t, n = U(), {
+    value: l,
+    setValue: i,
+    status: s,
+    data: r
+  } = Vl();
+  let c;
+  e[0] !== i ? (c = (k) => {
+    i(k.target.value);
+  }, e[0] = i, e[1] = c) : c = e[1];
+  const f = c;
+  let u;
+  e[2] !== o || e[3] !== n?.navigation ? (u = (k) => {
+    o(), n?.navigation.goToCfi(k);
+  }, e[2] = o, e[3] = n?.navigation, e[4] = u) : u = e[4];
+  const d = u;
+  let h;
+  e[5] !== r || e[6] !== n ? (h = () => n?.locateResource(r?.slice(0, 100) ?? []), e[5] = r, e[6] = n, e[7] = h) : h = e[7];
+  let m;
+  e[8] !== r ? (m = [r], e[8] = r, e[9] = m) : m = e[9];
+  const {
+    data: g
+  } = j(h, m);
+  let p;
+  e[10] !== f || e[11] !== l ? (p = /* @__PURE__ */ a(an, { placeholder: "Type something...", value: l, onChange: f, flexShrink: 0, variant: "subtle", name: "search", focusRing: "none", focusVisibleRing: "none", outline: "none", focusRingColor: "transparent" }), e[10] = f, e[11] = l, e[12] = p) : p = e[12];
+  let b;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
+    overflow: "hidden",
+    overflowY: "auto"
+  }, e[13] = b) : b = e[13];
+  let S;
+  e[14] !== s ? (S = s === "start" && /* @__PURE__ */ a(q, { children: "Searching ..." }), e[14] = s, e[15] = S) : S = e[15];
+  let _;
+  e[16] !== r?.length ? (_ = r?.length === 0 && /* @__PURE__ */ a(q, { children: "No results" }), e[16] = r?.length, e[17] = _) : _ = e[17];
+  let v;
+  e[18] !== g || e[19] !== r?.length || e[20] !== d || e[21] !== l || e[22] !== s ? (v = s === "end" && (r?.length ?? 0) > 0 && /* @__PURE__ */ x(J, { children: [
+    /* @__PURE__ */ x(q, { fontSize: "md", children: [
+      r?.length,
+      " result(s)"
+    ] }),
+    /* @__PURE__ */ a(J, { gap: 0, children: g?.map((k, $) => /* @__PURE__ */ a(Nl, { contextText: k.meta?.range?.startContainer.parentElement?.textContent ?? "", pageIndex: k.meta?.itemPageIndex, startOffset: k.meta?.range?.startOffset ?? 0, text: l, cfi: k.meta.cfi, onClick: d, absolutePageIndex: k.meta?.absolutePageIndex }, $)) })
+  ] }), e[18] = g, e[19] = r?.length, e[20] = d, e[21] = l, e[22] = s, e[23] = v) : v = e[23];
+  let C;
+  e[24] !== S || e[25] !== _ || e[26] !== v ? (C = /* @__PURE__ */ x(J, { style: b, overflow: "auto", px: 4, flex: 1, children: [
+    S,
+    _,
+    v
+  ] }), e[24] = S, e[25] = _, e[26] = v, e[27] = C) : C = e[27];
+  let I;
+  return e[28] !== C || e[29] !== p ? (I = /* @__PURE__ */ x(J, { flex: 1, height: "100%", gap: 2, children: [
+    p,
+    C
+  ] }), e[28] = C, e[29] = p, e[30] = I) : I = e[30], I;
+}), jl = w((t) => {
+  const e = y(14), {
+    open: o,
+    setOpen: n,
+    onNavigate: l
+  } = t;
+  let i;
+  e[0] !== n ? (i = (m) => n(m.open), e[0] = n, e[1] = i) : i = e[1];
+  let s;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
+    mdDown: "full",
+    md: "lg"
+  }, e[2] = s) : s = e[2];
+  let r;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ a(ye, { children: /* @__PURE__ */ a(Ie, { children: "Search" }) }), e[3] = r) : r = e[3];
+  let c;
+  e[4] !== l ? (c = /* @__PURE__ */ a(ke, { flex: 1, p: 0, children: /* @__PURE__ */ a(ql, { onNavigate: l }) }), e[4] = l, e[5] = c) : c = e[5];
+  let f, u;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ a(xe, { children: /* @__PURE__ */ a($e, { asChild: !0, children: /* @__PURE__ */ a(re, { variant: "outline", children: "Cancel" }) }) }), u = /* @__PURE__ */ a(ve, {}), e[6] = f, e[7] = u) : (f = e[6], u = e[7]);
+  let d;
+  e[8] !== c ? (d = /* @__PURE__ */ x(_e, { height: "100%", children: [
+    r,
+    c,
+    f,
+    u
+  ] }), e[8] = c, e[9] = d) : d = e[9];
+  let h;
+  return e[10] !== o || e[11] !== i || e[12] !== d ? (h = /* @__PURE__ */ a(Ce, { lazyMount: !0, placement: "center", open: o, onOpenChange: i, size: s, scrollBehavior: "inside", children: d }), e[10] = o, e[11] = i, e[12] = d, e[13] = h) : h = e[13], h;
+}), Ul = w((t) => {
+  const e = y(7), {
     onNavigate: o
-  }) => /* @__PURE__ */ e(
-    j,
-    {
-      lazyMount: !0,
-      placement: "center",
-      open: n,
-      onOpenChange: (r) => t(r.open),
-      size: { mdDown: "full", md: "lg" },
-      scrollBehavior: "inside",
-      children: /* @__PURE__ */ s(G, { children: [
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ e(Y, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e(uo, { onNavigate: o }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(q, {})
+  } = t, n = U(), {
+    data: l
+  } = j(() => n?.context, [n]) ?? {}, {
+    manifest: i,
+    assumedRenditionLayout: s
+  } = l === void 0 ? {} : l, {
+    nav: r
+  } = i ?? {}, c = Ge();
+  r?.toc;
+  let f;
+  e[0] !== c ? (f = c ?? {}, e[0] = c, e[1] = f) : f = e[1];
+  const {
+    beginSpineItemIndex: u,
+    beginPageIndexInSpineItem: d
+  } = f, h = (s === "reflowable" ? d : u) || 0;
+  let m;
+  if (e[2] !== c?.beginChapterInfo) {
+    for (m = c?.beginChapterInfo; m?.subChapter; )
+      m = m?.subChapter;
+    e[2] = c?.beginChapterInfo, e[3] = m;
+  } else
+    m = e[3];
+  const g = (k, $, O) => /* @__PURE__ */ x(rn.Fragment, { children: [
+    /* @__PURE__ */ a(me.Item, { pl: 4 * (O + 1), style: {
+      display: "flex",
+      alignItems: "center"
+    }, children: /* @__PURE__ */ x(Ct, { onClick: () => {
+      o(), n?.navigation.goToUrl(k.href);
+    }, href: "#", children: [
+      m?.path === k.path && /* @__PURE__ */ a(me.Indicator, { asChild: !0, children: /* @__PURE__ */ a(Rt, {}) }),
+      m?.path !== k.path && /* @__PURE__ */ a(me.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ a(Rt, {}) }),
+      /* @__PURE__ */ x(J, { gap: 0, children: [
+        /* @__PURE__ */ a(q, { fontSize: "md", children: k.title || k.path }),
+        m?.path === k.path && /* @__PURE__ */ a(q, { fontStyle: "italic", fontWeight: "bold", fontSize: "sm", children: `Currently on page ${h + 1}` })
       ] })
-    }
-  )
-), po = () => {
-  const n = m(), { zoomMaxScale: t } = y(["zoomMaxScale"]);
-  $(
-    function() {
-      n?.gestures.settings.update({
-        zoomMaxScale: t ?? He
-      });
-    },
-    [n, t]
-  );
-}, Ae = 0.5, Be = 1, go = (n, t, o, r) => {
-  if (n > t && n < t + r)
-    return t + r;
-  const i = Math.min(Math.max(n, t), o), a = Math.round((i - t) / r) * r + t;
-  return Math.round(a * 100) / 100;
-}, fo = g(() => {
-  const { quickMenuBottomBarBoundingBoxSignal: n, zoomMaxScale: t = He } = y([
-    "quickMenuBottomBarBoundingBoxSignal",
-    "zoomMaxScale"
-  ]), o = Se(
-    n
-  ), r = m(), i = S(
-    () => r?.zoom.state$.pipe(
-      E((d) => d.currentScale),
-      Le(100, Fn, {
-        leading: !0,
-        trailing: !0
-      })
-    ),
-    [r]
-  ) ?? 1, a = S(
-    () => r?.zoom.state$.pipe(E((d) => d.isZooming)),
-    [r]
-  ) ?? !1, l = go(
-    i,
-    Be,
-    t,
-    Ae
-  ), c = o?.borderBoxSize?.[0]?.blockSize ?? 1;
-  return /* @__PURE__ */ e(
-    ue,
-    {
-      present: a && i > 1,
-      animationName: { _open: "fade-in", _closed: "fade-out" },
-      animationDuration: "moderate",
-      position: "absolute",
-      bottom: `calc(${c}px + var(--chakra-spacing-4))`,
-      right: 4,
-      backgroundColor: "bg.panel",
-      shadow: "sm",
-      borderRadius: "md",
-      p: 4,
-      children: /* @__PURE__ */ e(
-        Re,
-        {
-          value: [l],
-          min: Be,
-          max: t,
-          step: Ae,
-          minWidth: 200,
-          onValueChange: (d) => {
-            const u = d.value?.[0] ?? 1;
-            u === 1 ? r?.zoom.exit() : r?.zoom.scaleAt(u, {
-              constrain: "within-viewport"
-            });
-          }
-        }
-      )
-    }
-  );
-}), mo = { _open: "fade-in", _closed: "fade-out" }, bo = g(() => (mt(), null)), So = g(() => (po(), Nt(), Vt(), to(), bt(), /* @__PURE__ */ s(de, { children: [
-  /* @__PURE__ */ e(Tt, {}),
-  /* @__PURE__ */ e(bo, {})
-] }))), Co = g(
-  ({
-    children: n,
-    ...t
-  }) => {
-    const { enableFloatingTime: o, onItemClick: r } = y([
-      "enableFloatingTime",
-      "onItemClick"
-    ]), [i, a] = w(!1), [l, c] = w(!1), [d, u] = w(!1), [p, h] = w(void 0), [C, v] = w(!1), [R, D] = Me(), x = T(() => {
-      a(!1), c(!1), u(!1), h(void 0), D(!1), v(!1);
-    }, [D]), L = T(
-      (I) => {
-        I === "annotations" ? h("annotations") : I === "search" ? u(!0) : I === "help" ? c(!0) : I === "toc" ? a(!0) : I === "bookmarks" ? h("bookmarks") : I === "gallery" && v(!0), r?.(I);
-      },
-      [r]
-    );
-    return /* @__PURE__ */ s(de, { children: [
-      /* @__PURE__ */ e(So, {}),
-      /* @__PURE__ */ s(
-        _,
-        {
-          position: "absolute",
-          top: 0,
-          left: 0,
-          height: "100%",
-          width: "100%",
-          overflow: "hidden",
-          "data-prose-react-reader": !0,
-          ...t,
-          children: [
-            n,
-            /* @__PURE__ */ e(_t, {}),
-            /* @__PURE__ */ e(Pt, { open: C, setOpen: v }),
-            /* @__PURE__ */ e(ro, {}),
-            /* @__PURE__ */ e(no, { onItemClick: L }),
-            /* @__PURE__ */ e(fo, {}),
-            /* @__PURE__ */ e(Rt, {}),
-            /* @__PURE__ */ e(ft, {}),
-            /* @__PURE__ */ e(Bt, { open: l, setOpen: c }),
-            /* @__PURE__ */ e(
-              ho,
-              {
-                open: i,
-                setOpen: a,
-                onNavigate: x
-              }
-            ),
-            /* @__PURE__ */ e(
-              co,
-              {
-                open: d,
-                setOpen: u,
-                onNavigate: x
-              }
-            ),
-            /* @__PURE__ */ e(
-              dt,
-              {
-                openWith: p,
-                setOpen: (I) => h(I ? "annotations" : void 0),
-                onNavigate: x
-              }
-            ),
-            /* @__PURE__ */ e(
-              ue,
-              {
-                present: o || R,
-                animationName: mo,
-                animationDuration: "slow",
-                overflow: "hidden",
-                children: /* @__PURE__ */ e($t, {})
-              }
-            ),
-            /* @__PURE__ */ e(St, {})
-          ]
-        }
-      )
-    ] });
-  }
-), $o = g(
-  ({
-    children: n,
-    slots: t,
-    ...o
-  }) => {
-    const { container: { props: r = {} } = {} } = t ?? {};
-    return /* @__PURE__ */ e(vt, { ...o, children: /* @__PURE__ */ e(Co, { ...r, children: n }) });
-  }
-);
+    ] }) }),
+    k.contents.length > 0 && /* @__PURE__ */ a(me.Root, { as: "div", gap: 2, children: k.contents.map((z, E) => g(z, E, O + 1)) })
+  ] }, $), p = me, b = 3, S = "auto", _ = 4, v = 1, C = r?.toc.map((k, $) => g(k, $, 0));
+  let I;
+  return e[4] !== p.Root || e[5] !== C ? (I = /* @__PURE__ */ a(p.Root, { gap: b, overflowY: S, py: _, flex: v, children: C }), e[4] = p.Root, e[5] = C, e[6] = I) : I = e[6], I;
+}), Ql = w((t) => {
+  const e = y(14), {
+    open: o,
+    setOpen: n,
+    onNavigate: l
+  } = t;
+  let i;
+  e[0] !== n ? (i = (m) => n(m.open), e[0] = n, e[1] = i) : i = e[1];
+  let s;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
+    mdDown: "full",
+    md: "lg"
+  }, e[2] = s) : s = e[2];
+  let r;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ a(ye, { children: /* @__PURE__ */ a(Ie, { children: "Table of Contents" }) }), e[3] = r) : r = e[3];
+  let c;
+  e[4] !== l ? (c = /* @__PURE__ */ a(ke, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ a(Ul, { onNavigate: l }) }), e[4] = l, e[5] = c) : c = e[5];
+  let f, u;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ a(xe, { children: /* @__PURE__ */ a($e, { asChild: !0, children: /* @__PURE__ */ a(re, { variant: "outline", children: "Cancel" }) }) }), u = /* @__PURE__ */ a(ve, {}), e[6] = f, e[7] = u) : (f = e[6], u = e[7]);
+  let d;
+  e[8] !== c ? (d = /* @__PURE__ */ x(_e, { children: [
+    r,
+    c,
+    f,
+    u
+  ] }), e[8] = c, e[9] = d) : d = e[9];
+  let h;
+  return e[10] !== o || e[11] !== i || e[12] !== d ? (h = /* @__PURE__ */ a(Ce, { lazyMount: !0, placement: "center", open: o, onOpenChange: i, size: s, scrollBehavior: "inside", children: d }), e[10] = o, e[11] = i, e[12] = d, e[13] = h) : h = e[13], h;
+}), Yl = () => {
+  const t = y(7), e = U();
+  let o;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = ["zoomMaxScale"], t[0] = o) : o = t[0];
+  const {
+    zoomMaxScale: n
+  } = oe(o);
+  let l;
+  t[1] !== e?.gestures.settings || t[2] !== n ? (l = function() {
+    e?.gestures.settings.update({
+      zoomMaxScale: n ?? Wt
+    });
+  }, t[1] = e?.gestures.settings, t[2] = n, t[3] = l) : l = t[3];
+  let i;
+  t[4] !== e || t[5] !== n ? (i = [e, n], t[4] = e, t[5] = n, t[6] = i) : i = t[6], ce(l, i);
+}, Mt = 0.5, Pt = 1, Zl = (t, e, o, n) => {
+  if (t > e && t < e + n)
+    return e + n;
+  const l = Math.min(Math.max(t, e), o), i = Math.round((l - e) / n) * n + e;
+  return Math.round(i * 100) / 100;
+}, Kl = w(() => {
+  const t = y(23);
+  let e;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = ["zoomMaxScale"], t[0] = e) : e = t[0];
+  const {
+    zoomMaxScale: o
+  } = oe(e), n = o === void 0 ? Wt : o, l = U();
+  let i;
+  t[1] !== l?.zoom.state$ ? (i = () => l?.zoom.state$.pipe(ne(Xl), Ft(100, An, {
+    leading: !0,
+    trailing: !0
+  })), t[1] = l?.zoom.state$, t[2] = i) : i = t[2];
+  let s;
+  t[3] !== l ? (s = [l], t[3] = l, t[4] = s) : s = t[4];
+  const {
+    data: r
+  } = j(i, s), c = r === void 0 ? 1 : r;
+  let f;
+  t[5] !== l?.zoom.state$ ? (f = () => l?.zoom.state$.pipe(ne(Jl)), t[5] = l?.zoom.state$, t[6] = f) : f = t[6];
+  let u;
+  t[7] !== l ? (u = [l], t[7] = l, t[8] = u) : u = t[8];
+  const {
+    data: d
+  } = j(f, u), h = d === void 0 ? !1 : d;
+  let m;
+  t[9] !== n || t[10] !== c ? (m = Zl(c, Pt, n, Mt), t[9] = n, t[10] = c, t[11] = m) : m = t[11];
+  const g = m, p = h && c > 1;
+  let b;
+  t[12] !== g ? (b = [g], t[12] = g, t[13] = b) : b = t[13];
+  let S;
+  t[14] !== l?.zoom ? (S = (C) => {
+    const I = C.value?.[0] ?? 1;
+    I === 1 ? l?.zoom.exit() : l?.zoom.scaleAt(I, {
+      constrain: "within-viewport"
+    });
+  }, t[14] = l?.zoom, t[15] = S) : S = t[15];
+  let _;
+  t[16] !== b || t[17] !== S || t[18] !== n ? (_ = /* @__PURE__ */ a(It, { value: b, min: Pt, max: n, step: Mt, minWidth: 200, onValueChange: S }), t[16] = b, t[17] = S, t[18] = n, t[19] = _) : _ = t[19];
+  let v;
+  return t[20] !== _ || t[21] !== p ? (v = /* @__PURE__ */ a(qt, { present: p, children: _ }), t[20] = _, t[21] = p, t[22] = v) : v = t[22], v;
+});
+function Xl(t) {
+  return t.currentScale;
+}
+function Jl(t) {
+  return t.isZooming;
+}
+const ei = {
+  _open: "fade-in",
+  _closed: "fade-out"
+}, ti = w(() => (Ro(), null)), ni = w(() => {
+  const t = y(1);
+  Yl(), bl(), _l(), El(), wo(), Mo();
+  let e;
+  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ x(et, { children: [
+    /* @__PURE__ */ a(Ko, {}),
+    /* @__PURE__ */ a(ti, {})
+  ] }), t[0] = e) : e = t[0], e;
+}), oi = w((t) => {
+  const e = y(46);
+  let o, n;
+  e[0] !== t ? ({
+    children: o,
+    ...n
+  } = t, e[0] = t, e[1] = o, e[2] = n) : (o = e[1], n = e[2]);
+  let l;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = ["enableFloatingTime", "onItemClick"], e[3] = l) : l = e[3];
+  const {
+    enableFloatingTime: i,
+    onItemClick: s
+  } = oe(l), [r, c] = le(!1), [f, u] = le(!1), [d, h] = le(!1), [m, g] = le(void 0), [p, b] = le(!1), [S, _] = Tt();
+  let v;
+  e[4] !== _ ? (v = () => {
+    c(!1), u(!1), h(!1), g(void 0), _(!1), b(!1);
+  }, e[4] = _, e[5] = v) : v = e[5];
+  const C = v;
+  let I;
+  e[6] !== s ? (I = (B) => {
+    B === "annotations" ? g("annotations") : B === "search" ? h(!0) : B === "help" ? u(!0) : B === "toc" ? c(!0) : B === "bookmarks" ? g("bookmarks") : B === "gallery" && b(!0), s?.(B);
+  }, e[6] = s, e[7] = I) : I = e[7];
+  const k = I;
+  let $;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ a(ni, {}), e[8] = $) : $ = e[8];
+  let O;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ a(hl, {}), e[9] = O) : O = e[9];
+  let z;
+  e[10] !== p ? (z = /* @__PURE__ */ a(sl, { open: p, setOpen: b }), e[10] = p, e[11] = z) : z = e[11];
+  let E;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ a(Ll, {}), e[12] = E) : E = e[12];
+  let T;
+  e[13] !== k ? (T = /* @__PURE__ */ a(Al, { onItemClick: k }), e[13] = k, e[14] = T) : T = e[14];
+  let N, M, H, Q, K;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ a(Kl, {}), N = /* @__PURE__ */ a(lo, {}), M = /* @__PURE__ */ a(ho, {}), H = /* @__PURE__ */ a(Yo, {}), Q = /* @__PURE__ */ a(To, {}), e[15] = N, e[16] = M, e[17] = H, e[18] = Q, e[19] = K) : (N = e[15], M = e[16], H = e[17], Q = e[18], K = e[19]);
+  let V;
+  e[20] !== f ? (V = /* @__PURE__ */ a(cl, { open: f, setOpen: u }), e[20] = f, e[21] = V) : V = e[21];
+  let W;
+  e[22] !== r || e[23] !== C ? (W = /* @__PURE__ */ a(Ql, { open: r, setOpen: c, onNavigate: C }), e[22] = r, e[23] = C, e[24] = W) : W = e[24];
+  let G;
+  e[25] !== d || e[26] !== C ? (G = /* @__PURE__ */ a(jl, { open: d, setOpen: h, onNavigate: C }), e[25] = d, e[26] = C, e[27] = G) : G = e[27];
+  let F;
+  e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F = (B) => g(B ? "annotations" : void 0), e[28] = F) : F = e[28];
+  let P;
+  e[29] !== m || e[30] !== C ? (P = /* @__PURE__ */ a(yo, { openWith: m, setOpen: F, onNavigate: C }), e[29] = m, e[30] = C, e[31] = P) : P = e[31];
+  const Y = i || S;
+  let Z;
+  e[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = /* @__PURE__ */ a(pl, {}), e[32] = Z) : Z = e[32];
+  let A;
+  e[33] !== Y ? (A = /* @__PURE__ */ a(tt, { present: Y, animationName: ei, animationDuration: "slow", overflow: "hidden", children: Z }), e[33] = Y, e[34] = A) : A = e[34];
+  let L;
+  e[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ a(Bo, {}), e[35] = L) : L = e[35];
+  let X;
+  return e[36] !== o || e[37] !== n || e[38] !== V || e[39] !== W || e[40] !== G || e[41] !== P || e[42] !== A || e[43] !== z || e[44] !== T ? (X = /* @__PURE__ */ x(et, { children: [
+    $,
+    /* @__PURE__ */ x(he, { position: "absolute", top: 0, left: 0, height: "100%", width: "100%", overflow: "hidden", "data-prose-react-reader": !0, ...n, children: [
+      o,
+      O,
+      z,
+      E,
+      T,
+      K,
+      N,
+      M,
+      H,
+      Q,
+      V,
+      W,
+      G,
+      P,
+      A,
+      L
+    ] })
+  ] }), e[36] = o, e[37] = n, e[38] = V, e[39] = W, e[40] = G, e[41] = P, e[42] = A, e[43] = z, e[44] = T, e[45] = X) : X = e[45], X;
+}), Ii = w((t) => {
+  const e = y(16);
+  let o, n, l;
+  e[0] !== t ? ({
+    children: o,
+    slots: l,
+    ...n
+  } = t, e[0] = t, e[1] = o, e[2] = n, e[3] = l) : (o = e[1], n = e[2], l = e[3]);
+  let i;
+  e[4] !== l ? (i = l ?? {}, e[4] = l, e[5] = i) : i = e[5];
+  const {
+    container: s
+  } = i;
+  let r;
+  e[6] !== s ? (r = s === void 0 ? {} : s, e[6] = s, e[7] = r) : r = e[7];
+  const {
+    props: c
+  } = r;
+  let f;
+  e[8] !== c ? (f = c === void 0 ? {} : c, e[8] = c, e[9] = f) : f = e[9];
+  const u = f;
+  let d;
+  e[10] !== o || e[11] !== u ? (d = /* @__PURE__ */ a(oi, { ...u, children: o }), e[10] = o, e[11] = u, e[12] = d) : d = e[12];
+  let h;
+  return e[13] !== n || e[14] !== d ? (h = /* @__PURE__ */ a(Lo, { ...n, children: d }), e[13] = n, e[14] = d, e[15] = h) : h = e[15], h;
+});
 export {
-  tt as BOOKMARK_AREA_DATA_ATTRIBUTE,
-  He as MAX_ZOOM_SCALE,
-  $o as ReactReader
+  no as BOOKMARK_AREA_DATA_ATTRIBUTE,
+  Wt as MAX_ZOOM_SCALE,
+  Ii as ReactReader
 };
 //# sourceMappingURL=index.js.map