@prose-reader/react-reader 1.270.0 → 1.272.0

package/dist/index.js

@@ -1,62 +1,32 @@
-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 { 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 Jn from "rc-slider";
+import { jsx as e, jsxs as s, Fragment as ge } from "react/jsx-runtime";
+import { Presence as pe, Button as D, IconButton as R, Portal as Ce, Drawer as _, Stack as T, Box as L, Text as C, Textarea as ln, Dialog as A, List as H, Link as ze, Tabs as $, createToaster as sn, Toaster as cn, Toast as ee, Spinner as dn, RadioGroup as le, Slider as B, HStack as N, For as un, Fieldset as G, Heading as xe, Kbd as Fe, Popover as ne, Progress as ce, chakra as hn, Collapsible as ke, Field as re, Input as gn } from "@chakra-ui/react";
+import * as E from "react";
+import pn, { createContext as fn, useContext as Ne, memo as p, useState as y, useEffect as F, useCallback as P, useMemo as mn, useLayoutEffect as bn, useRef as Sn } from "react";
+import { FaEdit as Cn } from "react-icons/fa";
+import { LuNotebookPen as de, LuX as vn, LuBookmark as xn, LuCheck as kn, LuArrowBigRight as In, LuArrowBigLeft as On, LuChevronDown as Tn, LuCircleHelp as Rn, LuTableOfContents as zn, LuSearch as Mn, LuZoomOut as wn, LuZoomIn as yn, LuGalleryHorizontal as Pn, LuCircleCheck as _e } from "react-icons/lu";
+import { signal as te, useObserve as v, useSignalValue as Oe, useSubscribe as V, isDefined as Ve, useConstant as me, useMemoCompare as An, useLiveRef as En, useSignalState as Bn } from "reactjrx";
+import { Subject as Dn, EMPTY as Te, switchMap as W, map as z, startWith as We, tap as Me, filter as ue, of as be, withLatestFrom as we, distinctUntilChanged as Se, combineLatest as Ge, NEVER as ye, throttleTime as qe, first as Ue, mergeMap as Fn, Observable as _n, skip as $n, merge as je, timer as Qe, finalize as Ln, BehaviorSubject as Hn, animationFrameScheduler as Nn } from "rxjs";
+import { createPortal as Vn } from "react-dom";
+import { isPositionInArea as Wn } from "@prose-reader/enhancer-gestures";
+import { isShallowEqual as Gn } from "@prose-reader/shared";
+import { isShallowEqual as qn, observeIntersection as Un, isHtmlTagElement as jn } from "@prose-reader/core";
+import { BiFontSize as Qn } from "react-icons/bi";
+import { BsBookmarks as Yn } from "react-icons/bs";
+import { MdOutlineFitScreen as Zn, MdFullscreenExit as Xn, MdFullscreen as Kn } from "react-icons/md";
+import { RiGalleryView2 as Jn } from "react-icons/ri";
+import { RxDoubleArrowUp as et, RxDoubleArrowLeft as nt, RxDoubleArrowDown as tt, RxDoubleArrowRight as ot } from "react-icons/rx";
+import { HiOutlineInformationCircle as it } from "react-icons/hi";
+import rt 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 at, IoMdMore as lt } from "react-icons/io";
+const st = "data-bookmark-area", Ye = 5, Ze = () => ({
   _quickMenuOpen: !1,
   _onQuickMenuOpenChange: (n) => n,
   reader: void 0,
-  quickMenuBottomBarBoundingBoxSignal: ne({
+  quickMenuBottomBarBoundingBoxSignal: te({
     default: void 0
   }),
-  notificationsSubject: new zn(),
+  notificationsSubject: new Dn(),
   refitMenuOpen: !1,
   onRefitMenuOpenChange: () => {
   },
@@ -66,94 +36,348 @@ 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"]);
+  enableFloatingProgress: !0,
+  selectedHighlight: void 0
+}), Pe = fn(
+  te({ default: Ze() })
+), M = (n) => {
+  const t = Ne(Pe);
+  return v(t, n);
+}, oe = () => Ne(Pe), ct = 24, Xe = p(
+  ({
+    children: n,
+    ...t
+  }) => {
+    const { quickMenuBottomBarBoundingBoxSignal: o } = M([
+      "quickMenuBottomBarBoundingBoxSignal",
+      "zoomMaxScale"
+    ]), r = Oe(
+      o
+    )?.borderBoxSize?.[0]?.blockSize || ct;
+    return /* @__PURE__ */ e(
+      pe,
+      {
+        animationName: { _open: "fade-in", _closed: "fade-out" },
+        animationDuration: "moderate",
+        position: "absolute",
+        bottom: `calc(${r}px + var(--chakra-spacing-4))`,
+        right: 4,
+        backgroundColor: "bg.panel",
+        shadow: "sm",
+        borderRadius: "md",
+        p: 2,
+        display: "flex",
+        flexDirection: "row",
+        gap: 2,
+        ...t,
+        children: n
+      }
+    );
+  }
+), x = () => {
+  const { reader: n } = M(["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(
+}, Ke = (n) => !!n && "__PROSE_READER_ENHANCER_SEARCH" in n, he = (n) => !!n && "__PROSE_READER_ENHANCER_ANNOTATIONS" in n, Je = (n) => !!n && "__PROSE_READER_ENHANCER_GALLERY" in n, en = (n) => !!n && "__PROSE_READER_ENHANCER_REFIT" in n, fe = () => {
+  const n = x();
+  return he(n) ? n : void 0;
+}, dt = () => {
+  const n = fe(), t = oe(), { selectedHighlight: o } = M(["selectedHighlight"]), i = v(
+    () => n?.selection.selectionOver$.pipe(
+      W(
+        () => n.selection.selectionEnd$.pipe(
+          z(() => !1),
+          We(!0)
+        )
+      )
+    ) ?? Te,
+    { defaultValue: !1 },
+    [n]
+  );
+  return /* @__PURE__ */ s(Xe, { present: i && !o, children: [
+    /* @__PURE__ */ s(
+      D,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: () => {
+          const r = n?.selection.getSelection();
+          r && t.update((a) => ({
+            ...a,
+            selectedHighlight: {
+              selection: r
+            }
+          }));
+        },
+        children: [
+          /* @__PURE__ */ e(Cn, {}),
+          "Annotate"
+        ]
+      }
+    ),
+    /* @__PURE__ */ s(D, { variant: "outline", size: "sm", disabled: !0, children: [
+      /* @__PURE__ */ e(de, {}),
+      "Bookmark"
+    ] })
+  ] });
+}, ut = (n, t = 50) => n.length <= t ? n : `${n.slice(0, t)}...`, nn = E.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(R, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(vn, {}) });
+}), ht = E.forwardRef(function(t, o) {
+  const { children: i, portalled: r = !0, portalRef: a, offset: l, ...c } = t;
+  return /* @__PURE__ */ e(Ce, { disabled: !r, container: a, children: /* @__PURE__ */ e(_.Positioner, { padding: l, children: /* @__PURE__ */ e(_.Content, { ref: o, ...c, asChild: !1, children: i }) }) });
+});
+E.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(
+    _.CloseTrigger,
+    {
+      position: "absolute",
+      top: "2",
+      insetEnd: "2",
+      ...t,
+      asChild: !0,
+      children: /* @__PURE__ */ e(nn, { size: "sm", ref: o })
+    }
+  );
+});
+_.Trigger;
+const gt = _.Root;
+_.Footer;
+const pt = _.Header, ft = _.Body, mt = _.Backdrop;
+_.Description;
+_.Title;
+_.ActionTrigger;
+const Ie = [
+  "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
+], bt = p(() => {
+  const n = fe(), {
+    selectedHighlight: t,
+    onAnnotationCreate: o,
+    onAnnotationUpdate: i,
+    onAnnotationDelete: r
+  } = M([
+    "selectedHighlight",
+    "onAnnotationCreate",
+    "onAnnotationUpdate",
+    "onAnnotationDelete"
+  ]), a = oe(), { highlight: l, selection: c } = t ?? {}, [u, d] = y(
+    Ie[0]
+  ), [g, h] = y(""), m = !!(c ?? l), b = () => {
+    a.update((S) => ({
+      ...S,
+      selectedHighlight: void 0
+    }));
+  }, w = (S) => {
+    S.open || b();
+  }, I = l?.highlightColor, k = l?.notes;
+  return F(() => {
+    h("");
+  }, [m]), F(() => {
+    h(k ?? "");
+  }, [k]), F(() => {
+    d(I || Ie[0]);
+  }, [I, m]), V(
+    function() {
+      return n?.annotations.highlightTap$.pipe(
+        Me(({ highlight: O }) => {
+          a.update((f) => ({
+            ...f,
+            selectedHighlight: {
+              highlight: O
+            }
+          }));
+        })
+      );
+    },
+    [n]
+  ), /* @__PURE__ */ s(gt, { placement: "bottom", onOpenChange: w, open: m, children: [
+    /* @__PURE__ */ e(mt, {}),
+    /* @__PURE__ */ s(ht, { children: [
+      /* @__PURE__ */ e(pt, { borderBottomWidth: "1px", children: l ? "Highlight" : `Selection: "${ut(c?.selection?.toString() ?? "", 10)}"` }),
+      /* @__PURE__ */ s(ft, { gap: 4, display: "flex", flexDirection: "column", pb: 4, children: [
+        /* @__PURE__ */ s(T, { children: [
+          /* @__PURE__ */ e(T, { gap: 2, flexDirection: "row", children: Ie.map((S) => /* @__PURE__ */ e(
+            L,
+            {
+              bgColor: S,
+              height: 10,
+              width: 10,
+              borderRadius: "50%",
+              cursor: "pointer",
+              ...u === S && {
+                border: "4px solid white"
+              },
+              onClick: () => d(S)
+            },
+            S
+          )) }),
+          /* @__PURE__ */ e(C, { children: "Annotation:" }),
+          /* @__PURE__ */ e(
+            ln,
+            {
+              value: g,
+              onChange: (S) => h(S.target.value)
+            }
+          )
+        ] }),
+        !!c && /* @__PURE__ */ e(
+          D,
+          {
+            onClick: () => {
+              b();
+              const S = n?.annotations.createAnnotation({
+                ...c,
+                highlightColor: u,
+                notes: g
+              });
+              S && o?.(S);
+            },
+            children: "Highlight"
+          }
+        ),
+        !!l && /* @__PURE__ */ s(T, { direction: "row", children: [
+          /* @__PURE__ */ e(
+            D,
+            {
+              flex: 1,
+              onClick: () => {
+                b(), i?.({
+                  id: l.id,
+                  highlightColor: u,
+                  notes: g
+                });
+              },
+              children: "Update"
+            }
+          ),
+          /* @__PURE__ */ e(
+            D,
+            {
+              flex: 1,
+              variant: "surface",
+              onClick: () => {
+                b(), r?.(l.id);
+              },
+              children: "Remove"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}), q = E.forwardRef(function(t, o) {
+  const {
+    children: i,
+    portalled: r = !0,
+    portalRef: a,
+    backdrop: l = !0,
+    ...c
+  } = t;
+  return /* @__PURE__ */ s(Ce, { disabled: !r, container: a, children: [
+    l && /* @__PURE__ */ e(A.Backdrop, {}),
+    /* @__PURE__ */ e(A.Positioner, { children: /* @__PURE__ */ e(A.Content, { ref: o, ...c, asChild: !1, children: i }) })
+  ] });
+}), U = E.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(
+    A.CloseTrigger,
+    {
+      position: "absolute",
+      top: "2",
+      insetEnd: "2",
+      ...t,
+      asChild: !0,
+      children: /* @__PURE__ */ e(nn, { size: "sm", ref: o, children: t.children })
+    }
+  );
+}), j = A.Root, Q = A.Footer, Y = A.Header, Z = A.Body;
+A.Backdrop;
+const X = A.Title;
+A.Description;
+A.Trigger;
+const K = A.ActionTrigger, St = (n) => {
+  const t = x(), o = he(t) ? t : void 0;
+  return { data: v(
     () => o?.annotations.annotations$.pipe(
-      E((i) => i.find((a) => a.id === n)),
-      se(_e),
-      V((i) => o.locateResource(i))
+      z((r) => r.find((a) => a.id === n)),
+      ue(Ve),
+      W((r) => o.locateResource(r))
     ),
     [o]
   ) };
-}, Ye = ({
+}, tn = ({
   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,
+  const i = x(), { data: r } = St(n), a = r?.meta.range?.toString() || r?.meta.node?.textContent;
+  return /* @__PURE__ */ e(H.Item, { children: /* @__PURE__ */ s(
+    ze,
     {
       href: "#",
       onClick: () => {
-        t(), r?.navigation.goToCfi(i?.meta.cfi ?? "");
+        t(), i?.navigation.goToCfi(r?.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: [
+        r?.resource?.notes ? /* @__PURE__ */ e(H.Indicator, { asChild: !0, children: /* @__PURE__ */ e(de, {}) }) : o ? /* @__PURE__ */ e(H.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(de, {}) }) : null,
+        /* @__PURE__ */ s(T, { gap: 0, children: [
+          a ? /* @__PURE__ */ e(C, { lineClamp: 2, fontSize: "md", children: a }) : /* @__PURE__ */ s(C, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
             "Page ",
-            (i?.meta.absolutePageIndex ?? 0) + 1
+            (r?.meta.absolutePageIndex ?? 0) + 1
           ] }),
           /* @__PURE__ */ e(
-            b,
+            C,
             {
               fontStyle: "italic",
               fontWeight: "bold",
               fontSize: "sm",
-              children: `Book page: ${i?.meta?.absolutePageIndex !== void 0 ? i.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
+              children: `Book page: ${r?.meta?.absolutePageIndex !== void 0 ? r.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
             }
           )
         ] })
       ]
     }
   ) });
-}, fe = () => {
-  const n = m(), t = ce(n) ? n : void 0;
-  return { data: S(
+}, ve = () => {
+  const n = x(), t = he(n) ? n : void 0;
+  return { data: v(
     () => t?.annotations.annotations$.pipe(
-      V(
-        (r) => t.locateResource(r)
-      )
+      W((i) => t.locateResource(i))
     ),
     [t]
   ) };
-}, it = () => {
-  const { data: n } = fe();
+}, Ct = () => {
+  const { data: n } = ve();
   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,
+}, vt = ({ onNavigate: n }) => {
+  const { data: t } = Ct();
+  return /* @__PURE__ */ e(H.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ e(
+    tn,
     {
       id: o.resource.id,
       onNavigate: n
     },
     o.resource.id
   )) });
-}, lt = () => {
-  const { data: n } = fe();
+}, xt = () => {
+  const { data: n } = ve();
   return {
     data: n?.filter(
       (t) => !t.meta.isCfiRange && !t.resource.notes
     )
   };
-}, 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,
+}, kt = ({ onNavigate: n }) => {
+  const { data: t } = xt();
+  return /* @__PURE__ */ e(H.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ e(
+    tn,
     {
       id: o.resource.id,
       onNavigate: n,
@@ -161,36 +385,36 @@ const X = z.ActionTrigger, Ge = () => ({
     },
     o.resource.id
   )) });
-}, ct = g(
+}, It = p(
   ({
     onNavigate: n,
     defaultTab: t
   }) => {
-    const [o, r] = w(t ?? "bookmarks");
+    const [o, i] = y(t ?? "bookmarks");
     return /* @__PURE__ */ s(
-      P.Root,
+      $.Root,
       {
         value: o,
-        onValueChange: (i) => r(i.value),
+        onValueChange: (r) => i(r.value),
         children: [
-          /* @__PURE__ */ s(P.List, { children: [
-            /* @__PURE__ */ s(P.Trigger, { value: "bookmarks", children: [
-              /* @__PURE__ */ e(pn, {}),
+          /* @__PURE__ */ s($.List, { children: [
+            /* @__PURE__ */ s($.Trigger, { value: "bookmarks", children: [
+              /* @__PURE__ */ e(xn, {}),
               "Bookmarks"
             ] }),
-            /* @__PURE__ */ s(P.Trigger, { value: "annotations", children: [
-              /* @__PURE__ */ e(pe, {}),
+            /* @__PURE__ */ s($.Trigger, { value: "annotations", children: [
+              /* @__PURE__ */ e(de, {}),
               "Annotations"
             ] }),
-            /* @__PURE__ */ e(P.Indicator, {})
+            /* @__PURE__ */ e($.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 }) })
+          /* @__PURE__ */ e($.Content, { value: "bookmarks", children: /* @__PURE__ */ e(kt, { onNavigate: n }) }),
+          /* @__PURE__ */ e($.Content, { value: "annotations", children: /* @__PURE__ */ e(vt, { onNavigate: n }) })
         ]
       }
     );
   }
-), dt = g(
+), Ot = p(
   ({
     openWith: n,
     setOpen: t,
@@ -201,72 +425,72 @@ const X = z.ActionTrigger, Ge = () => ({
       lazyMount: !0,
       placement: "center",
       open: !!n,
-      onOpenChange: (r) => t(r.open),
+      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: "Annotations" }) }),
-        /* @__PURE__ */ e(Y, { flex: 1, children: /* @__PURE__ */ e(
-          ct,
+      children: /* @__PURE__ */ s(q, { height: "100%", children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Annotations" }) }),
+        /* @__PURE__ */ e(Z, { flex: 1, children: /* @__PURE__ */ e(
+          It,
           {
             onNavigate: o,
             defaultTab: n
           }
         ) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(q, {})
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(D, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(U, {})
       ] })
     }
   )
-), ut = g(({ children: n }) => {
-  const t = m(), o = S(() => t?.spine.element$, [t]);
-  return o ? /* @__PURE__ */ e(de, { children: _n(n, o) }) : null;
-}), ht = ({
+), Tt = p(({ children: n }) => {
+  const t = x(), o = v(() => t?.spine.element$, [t]);
+  return o ? /* @__PURE__ */ e(ge, { children: Vn(n, o) }) : null;
+}), Rt = ({
   absolutePageIndex: n,
   itemIndex: t
 }) => {
-  const o = m();
+  const o = x();
   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])
+    spineItem: v(() => o ? t !== void 0 ? be(o.spine.spineItemsManager.get(t)) : n !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(n).pipe(
+      z((r) => o.spine.spineItemsManager.get(r?.itemIndex))
+    ) : Te : Te, [t, n, o])
   };
-}, pt = ({
+}, zt = ({
   absolutePageIndex: n,
   itemIndex: t
 }) => {
-  const { spineItem: o } = ht({ absolutePageIndex: n, itemIndex: t }), r = S(
-    () => o?.isReady$ ?? ge(!1),
+  const { spineItem: o } = Rt({ absolutePageIndex: n, itemIndex: t }), i = v(
+    () => o?.isReady$ ?? be(!1),
     [o]
   );
-  return { spineItem: o, isReady: r };
-}, gt = g(
+  return { spineItem: o, isReady: i };
+}, Mt = p(
   ({
     absolutePageIndex: n,
     left: t,
     top: o,
-    width: r
+    width: i
   }) => {
-    const { isReady: i } = pt({
+    const { isReady: r } = zt({
       absolutePageIndex: n
-    }), { data: a } = fe(), l = a?.find(
-      (d) => d?.meta?.absolutePageIndex === n && !d.meta.isCfiRange
+    }), { data: a } = ve(), l = a?.find(
+      (u) => u?.meta?.absolutePageIndex === n && !u.meta.isCfiRange
     );
-    if (!i) return null;
-    const c = r * 0.1 / 2;
+    if (!r) return null;
+    const c = i * 0.1 / 2;
     return /* @__PURE__ */ e(
-      ue,
+      pe,
       {
         present: !!l,
         lazyMount: !0,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
         children: /* @__PURE__ */ e(
-          _,
+          L,
           {
-            "data-bookmark-area": tt,
+            "data-bookmark-area": st,
             position: "absolute",
-            left: t + r,
+            left: t + i,
             transform: "translateX(-100%)",
             pointerEvents: "none",
             top: o,
@@ -287,38 +511,35 @@ const X = z.ActionTrigger, Ge = () => ({
       }
     );
   }
-), 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,
+), wt = p(() => {
+  const n = x(), t = v(() => n?.layoutInfo$, [n]);
+  return /* @__PURE__ */ e(Tt, { children: t?.pages.map(
+    ({ absoluteLayout: { left: o, top: i, width: r } }, a) => /* @__PURE__ */ e(
+      Mt,
       {
         absolutePageIndex: a,
         left: o,
-        top: r,
-        width: i
+        top: i,
+        width: r
       },
       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(
+}), ae = !0, yt = () => {
+  const n = fe(), { data: t } = ve(), o = oe();
+  F(() => n ? n.gestures.hooks.register(
     "beforeTapGesture",
     ({ event$: r }) => r.pipe(
-      ke(n?.annotations.candidates$),
-      E(([i, a]) => {
-        if (!i.page) return re;
+      we(n?.annotations.candidates$),
+      z(([a, l]) => {
+        if (!a.page) return ae;
         const {
-          spineItem: l,
-          spineItemPageIndex: c,
+          spineItem: c,
+          spineItemPageIndex: u,
           spineItemPagePosition: d,
-          pageSize: u
-        } = i.page;
-        if (Dn(
+          pageSize: g
+        } = a.page;
+        if (Wn(
           d,
           {
             type: "corner",
@@ -326,30 +547,34 @@ const X = z.ActionTrigger, Ge = () => ({
             size: 10,
             unit: "%"
           },
-          u
+          g
         )) {
-          const h = n.spine.pages.fromSpineItemPageIndex(
-            l,
-            c
+          const m = n.spine.pages.fromSpineItemPageIndex(
+            c,
+            u
           );
-          if (!h) return re;
-          const C = t?.find(
-            (R) => R?.meta?.absolutePageIndex === h.absolutePageIndex && R.meta.range === void 0
+          if (!m) return ae;
+          const b = t?.find(
+            (I) => I?.meta?.absolutePageIndex === m.absolutePageIndex && I.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;
+          if (b)
+            return o.value.onAnnotationDelete?.(
+              b.resource.id
+            ), !ae;
+          if (l?.[m.absolutePageIndex]) {
+            const I = n?.annotations.createAnnotation({
+              absolutePageIndex: m.absolutePageIndex
+            });
+            return I && o.value.onAnnotationCreate?.(I), !ae;
+          }
         }
-        return re;
+        return ae;
       })
     )
-  ) : void 0, [n, t]);
-}, bt = () => {
-  const n = Ze();
-  H(
+  ) : void 0, [n, t, o]);
+}, Pt = () => {
+  const n = fe();
+  V(
     () => (
       /**
        * Hook used to prevent some gestures from being handled.
@@ -357,122 +582,146 @@ const X = z.ActionTrigger, Ge = () => ({
       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);
+          we(n.selection.lastSelectionOnPointerdown$),
+          z(([{ event: o }, i]) => {
+            const r = o.event.target;
+            return !(r && n.annotations.isTargetWithinHighlight(r) || i);
           })
         )
       )
     ),
     [n]
   );
-}, Ce = en({
+}, At = () => {
+  const n = fe(), t = oe();
+  V(() => {
+    if (n) {
+      const o = t.pipe(
+        z((a) => a.selectedHighlight?.highlight?.id),
+        Se()
+      ), i = t.pipe(
+        z((a) => a.annotations ?? []),
+        Se()
+      ), r = Ge([
+        i,
+        o
+      ]).pipe(
+        z(
+          ([a, l]) => a.map((c) => ({
+            ...c,
+            selected: c.id === l
+          }))
+        )
+      );
+      n.annotations.update({ annotations$: r });
+    }
+  }, [n, t]);
+}, Re = sn({
   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 })
+}), Et = () => /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(cn, { toaster: Re, insetInline: { mdDown: "4" }, children: (n) => /* @__PURE__ */ s(ee.Root, { width: { md: "sm" }, children: [
+  n.type === "loading" ? /* @__PURE__ */ e(dn, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ e(ee.Indicator, {}),
+  /* @__PURE__ */ s(T, { gap: "1", flex: "1", maxWidth: "100%", children: [
+    n.title && /* @__PURE__ */ e(ee.Title, { children: n.title }),
+    n.description && /* @__PURE__ */ e(ee.Description, { children: n.description })
   ] }),
-  n.action && /* @__PURE__ */ e(J.ActionTrigger, { children: n.action.label }),
-  n.meta?.closable && /* @__PURE__ */ e(J.CloseTrigger, {})
-] }) }) }), Ct = ({
+  n.action && /* @__PURE__ */ e(ee.ActionTrigger, { children: n.action.label }),
+  n.meta?.closable && /* @__PURE__ */ e(ee.CloseTrigger, {})
+] }) }) }), Bt = ({
   children: n,
   ...t
 }) => {
-  const o = he(() => ne({ default: Ge() })), r = he(
-    () => ne({ default: o.value.fontSizeMenuOpen })
-  ), i = Se(
-    r
-  ), a = T(
+  const o = me(() => te({ default: Ze() })), i = me(
+    () => te({ default: o.value.fontSizeMenuOpen })
+  ), r = Oe(
+    i
+  ), a = P(
     (h) => {
-      r.update(h);
+      i.update(h);
     },
-    [r]
-  ), l = T(
+    [i]
+  ), l = P(
     (h) => {
-      o.update((C) => ({
-        ...C,
-        _quickMenuOpen: typeof h == "function" ? h(C._quickMenuOpen) : h
+      o.update((m) => ({
+        ...m,
+        _quickMenuOpen: typeof h == "function" ? h(m._quickMenuOpen) : h
       }));
     },
     [o]
-  ), c = he(
-    () => ne({ default: o.value.refitMenuOpen })
-  ), d = T(
+  ), c = me(
+    () => te({ default: o.value.refitMenuOpen })
+  ), u = P(
     (h) => {
       c.update(h);
     },
     [c]
-  ), u = Se(
+  ), d = Oe(
     c
-  ), p = On(t, Ln);
-  return $(() => {
+  ), g = An(t, Gn);
+  return F(() => {
     o.update((h) => ({
       ...h,
-      ...p,
+      ...g,
       onFontSizeMenuOpenChange: a,
-      fontSizeMenuOpen: i,
-      onRefitMenuOpenChange: d,
-      refitMenuOpen: u,
+      fontSizeMenuOpen: r,
+      onRefitMenuOpenChange: u,
+      refitMenuOpen: d,
       _onQuickMenuOpenChange: l
     }));
   }, [
-    p,
+    g,
     l,
     o,
-    i,
+    r,
     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(
+    d,
+    u
+  ]), /* @__PURE__ */ e(Pe.Provider, { value: o, children: n });
+}, Dt = p(
+  ({ children: n, ...t }) => /* @__PURE__ */ e(Bt, { ...t, children: n })
+), se = E.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 })
+    const { children: i, inputProps: r, rootRef: a, ...l } = t;
+    return /* @__PURE__ */ s(le.Item, { ref: a, ...l, children: [
+      /* @__PURE__ */ e(le.ItemHiddenInput, { ref: o, ...r }),
+      /* @__PURE__ */ e(le.ItemIndicator, {}),
+      i && /* @__PURE__ */ e(le.ItemText, { children: i })
     ] });
   }
-), Xe = ie.Root, Re = A.memo(function({
+), on = le.Root, Ae = E.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, {})
+  const { marks: i, label: r, showValue: a, ...l } = o, c = o.defaultValue ?? o.value, u = i?.map((g) => typeof g == "number" ? { value: g, label: void 0 } : g), d = !!u?.some((g) => g.label);
+  return /* @__PURE__ */ s(B.Root, { ref: t, thumbAlignment: "center", ...l, children: [
+    r && !a && /* @__PURE__ */ e(B.Label, { children: r }),
+    r && a && /* @__PURE__ */ s(N, { justify: "space-between", children: [
+      /* @__PURE__ */ e(B.Label, { children: r }),
+      /* @__PURE__ */ e(B.ValueText, {})
     ] }),
-    /* @__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 })
+    /* @__PURE__ */ s(B.Control, { "data-has-mark-label": d || void 0, children: [
+      /* @__PURE__ */ e(B.Track, { children: /* @__PURE__ */ e(B.Range, {}) }),
+      /* @__PURE__ */ e(Ft, { value: c }),
+      /* @__PURE__ */ e(_t, { marks: u })
     ] })
   ] });
 });
-function xt(n) {
+function Ft(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) });
+  return /* @__PURE__ */ e(un, { each: t, children: (o, i) => /* @__PURE__ */ e(B.Thumb, { index: i, children: /* @__PURE__ */ e(B.HiddenInput, {}) }, i) });
 }
-const kt = A.forwardRef(
+const _t = E.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, {}),
+    const { marks: i } = t;
+    return i?.length ? /* @__PURE__ */ e(B.MarkerGroup, { ref: o, children: i.map((r, a) => {
+      const l = typeof r == "number" ? r : r.value, c = typeof r == "number" ? void 0 : r.label;
+      return /* @__PURE__ */ s(B.Marker, { value: l, children: [
+        /* @__PURE__ */ e(B.MarkerIndicator, {}),
         c
       ] }, a);
     }) }) : null;
   }
-), Te = [
+), Ee = [
   {
     value: "global",
     references: ["global"]
@@ -485,26 +734,26 @@ const kt = A.forwardRef(
     value: "screen",
     references: ["mobile", "tablet", "desktop"]
   }
-], It = Te.map((n) => n.value), Ee = Te.flatMap(
+], $t = Ee.map((n) => n.value), $e = Ee.flatMap(
   (n) => n.references
-), Ot = (n) => {
+), Lt = (n) => {
   if (n)
-    return Te.find(
+    return Ee.find(
       (t) => t.references.includes(n)
     )?.value;
-}, Rt = g(() => {
-  const n = qe(), {
+}, Ht = p(() => {
+  const n = oe(), {
     fontSizeMenuOpen: t,
     onFontSizeMenuOpenChange: o,
-    uncontrolledFontSize: r,
-    fontSize: i = r,
+    uncontrolledFontSize: i,
+    fontSize: r = i,
     fontSizeMin: a,
     fontSizeMax: l,
     fontSizeScope: c,
-    fontSizeValues: d,
-    onFontSizeChange: u,
-    onFontSizeScopeChange: p
-  } = y([
+    fontSizeValues: u,
+    onFontSizeChange: d,
+    onFontSizeScopeChange: g
+  } = M([
     "fontSizeMenuOpen",
     "onFontSizeMenuOpenChange",
     "fontSize",
@@ -515,37 +764,37 @@ const kt = A.forwardRef(
     "onFontSizeScopeChange",
     "uncontrolledFontSize",
     "fontSizeValues"
-  ]), h = Rn(u), [C, v] = w(
+  ]), h = En(d), [m, b] = y(
     c ?? "global"
-  ), R = T(
-    (f, K) => {
-      h.current ? h.current(f, K) : n.update((Je) => ({
-        ...Je,
-        uncontrolledFontSize: K
+  ), w = P(
+    (f, J) => {
+      h.current ? h.current(f, J) : n.update((an) => ({
+        ...an,
+        uncontrolledFontSize: J
       }));
     },
     [h, n]
-  ), D = T(
-    (f) => d?.[f] ?? i,
-    [i, d]
-  ), x = T(
+  ), I = P(
+    (f) => u?.[f] ?? r,
+    [r, u]
+  ), k = P(
     (f) => {
-      const K = f.value;
-      p?.(K);
+      const J = f.value;
+      g?.(J);
     },
-    [p]
-  ), L = T((f) => {
-    v(f.value);
-  }, []), I = T(
+    [g]
+  ), S = P((f) => {
+    b(f.value);
+  }, []), O = P(
     (f) => {
-      const K = f.value[0] ?? 0;
-      R(C, K / 100);
+      const J = f.value[0] ?? 0;
+      w(m, J / 100);
     },
-    [R, C]
+    [w, m]
   );
-  return $(
+  return F(
     function() {
-      v(c ?? "global");
+      b(c ?? "global");
     },
     [c]
   ), /* @__PURE__ */ e(
@@ -557,49 +806,49 @@ const kt = A.forwardRef(
         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,
+      children: /* @__PURE__ */ s(q, { maxH: "40vh", overflow: "auto", children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Font size" }) }),
+        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ s(T, { gap: 4, flex: 1, children: [
+          /* @__PURE__ */ s(G.Root, { children: [
+            /* @__PURE__ */ e(G.Legend, { children: "Scope" }),
+            /* @__PURE__ */ e(G.HelperText, { children: "The scope to which apply the font size for this book." }),
+            /* @__PURE__ */ e(G.Content, { children: /* @__PURE__ */ e(
+              on,
               {
-                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)) })
+                onValueChange: k,
+                value: Lt(c) ?? "global",
+                disabled: !g,
+                children: /* @__PURE__ */ e(N, { gap: 2, children: $t.map((f) => /* @__PURE__ */ e(se, { value: f, children: f }, f)) })
               }
             ) })
           ] }),
           /* @__PURE__ */ s(
-            P.Root,
+            $.Root,
             {
-              value: C,
-              onValueChange: L,
+              value: m,
+              onValueChange: S,
               fitted: !1,
               size: "sm",
               children: [
-                /* @__PURE__ */ e(P.List, { children: Ee.map((f) => /* @__PURE__ */ s(
-                  P.Trigger,
+                /* @__PURE__ */ e($.List, { children: $e.map((f) => /* @__PURE__ */ s(
+                  $.Trigger,
                   {
                     value: f,
                     textTransform: "capitalize",
                     disabled: f !== "global" && !c,
                     children: [
-                      c === f && /* @__PURE__ */ e(gn, {}),
+                      c === f && /* @__PURE__ */ e(kn, {}),
                       f
                     ]
                   },
                   f
                 )) }),
-                Ee.map((f) => /* @__PURE__ */ e(P.Content, { value: f, children: /* @__PURE__ */ e(
-                  Re,
+                $e.map((f) => /* @__PURE__ */ e($.Content, { value: f, children: /* @__PURE__ */ e(
+                  Ae,
                   {
                     label: "%",
-                    value: [(D(f) ?? 1) * 100],
-                    onValueChange: I,
+                    value: [(I(f) ?? 1) * 100],
+                    onValueChange: O,
                     showValue: !0,
                     marks: [
                       { value: 100, label: "Publisher" },
@@ -622,42 +871,42 @@ const kt = A.forwardRef(
             }
           )
         ] }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Close" }) }) }),
-        /* @__PURE__ */ e(q, {})
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(D, { variant: "outline", children: "Close" }) }) }),
+        /* @__PURE__ */ e(U, {})
       ] })
     }
   );
-}), Tt = () => {
-  const n = m(), t = qe(), { fontSize: o, uncontrolledFontSize: r } = y([
+}), Nt = () => {
+  const n = x(), t = oe(), { fontSize: o, uncontrolledFontSize: i } = M([
     "fontSize",
     "uncontrolledFontSize",
     "onFontSizeChange"
-  ]), i = o ?? r;
-  return $(
+  ]), r = o ?? i;
+  return F(
     function() {
-      if (n && i) {
+      if (n && r) {
         const l = setTimeout(() => {
           n.settings.update({
-            fontScale: i
+            fontScale: r
           });
         }, 200);
         return () => clearTimeout(l);
       }
     },
-    [n, i]
-  ), H(
+    [n, r]
+  ), V(
     function() {
-      return n?.settings.values$.pipe(E((l) => l.fontScale)).subscribe((l) => {
+      return n?.settings.values$.pipe(z((l) => l.fontScale)).subscribe((l) => {
         const c = t.value.fontSize ?? t.value.uncontrolledFontSize;
-        l !== c && (t.value.onFontSizeChange?.("internal", l), t.update((d) => ({
-          ...d,
+        l !== c && (t.value.onFontSizeChange?.("internal", l), t.update((u) => ({
+          ...u,
           uncontrolledFontSize: l
         })));
       });
     },
     [n, t]
   ), null;
-}, zt = {
+}, Vt = {
   x: 0,
   y: 0,
   width: 0,
@@ -667,60 +916,60 @@ const kt = A.forwardRef(
   bottom: 0,
   right: 0
 };
-function Mt() {
-  const [n, t] = w(null), [o, r] = w(zt), i = cn(
+function Wt() {
+  const [n, t] = y(null), [o, i] = y(Vt), r = mn(
     () => 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 });
+        const { x: l, y: c, width: u, height: d, top: g, left: h, bottom: m, right: b } = a[0].contentRect;
+        i({ x: l, y: c, width: u, height: d, top: g, left: h, bottom: m, right: b });
       }
     }),
     []
   );
-  return dn(() => {
+  return bn(() => {
     if (n)
-      return i.observe(n), () => {
-        i.disconnect();
+      return r.observe(n), () => {
+        r.disconnect();
       };
-  }, [n, i]), [t, o, n];
+  }, [n, r]), [t, o, n];
 }
-const wt = (n, t, o) => {
-  const r = m(), i = Ue(r) ? r : void 0;
-  H(() => {
-    if (!i || !n) return Ie;
-    const a = t.layout.layout$.pipe(
-      Mn(t.layout.layoutInfo),
-      De($n)
-    ), l = Nn(
+const Gt = (n, t, o) => {
+  const i = x(), r = Je(i) ? i : void 0;
+  V(() => {
+    if (!r || !n) return ye;
+    const a = t.didLayout$.pipe(
+      We(t.layoutInfo),
+      Se(qn)
+    ), l = Un(
       n
-    ).pipe(E((c) => c.some((d) => d.isIntersecting)));
+    ).pipe(z((c) => c.some((u) => u.isIntersecting)));
     return a.pipe(
-      Le(100, void 0, { trailing: !0 }),
-      V(() => l.pipe(
-        $e((c) => {
+      qe(100, void 0, { trailing: !0 }),
+      W(() => l.pipe(
+        Me((c) => {
           c || (n.innerHTML = "");
         }),
-        se((c) => c),
-        Ne()
+        ue((c) => c),
+        Ue()
       ).pipe(
-        V(() => (n.innerHTML = "", i?.gallery.snapshot(
+        W(() => (n.innerHTML = "", r?.gallery.snapshot(
           t,
           n,
           o
         )))
       ))
     );
-  }, [i, t, o, n]);
-}, yt = g(
+  }, [r, t, o, n]);
+}, qt = p(
   ({ item: n, onNavigated: t }) => {
-    const [o, r, i] = Mt(), a = m();
-    wt(i, n, r);
-    const l = S(
+    const [o, i, r] = Wt(), a = x();
+    Gt(r, n, i);
+    const l = v(
       () => a?.locateResource(n, { mode: "shallow" }),
       [a, n]
     );
     return /* @__PURE__ */ s(
-      _,
+      L,
       {
         width: "100%",
         aspectRatio: "2/3",
@@ -736,7 +985,7 @@ const wt = (n, t, o) => {
         },
         children: [
           /* @__PURE__ */ e(
-            _,
+            L,
             {
               height: "100%",
               width: "100%",
@@ -746,7 +995,7 @@ const wt = (n, t, o) => {
             }
           ),
           /* @__PURE__ */ s(
-            b,
+            C,
             {
               position: "absolute",
               bottom: 0,
@@ -766,22 +1015,22 @@ const wt = (n, t, o) => {
       }
     );
   }
-), Pt = g(
+), Ut = p(
   ({ open: n, setOpen: t }) => {
-    const o = m(), r = S(() => o?.spineItemsManager.items$, [o]);
+    const o = x(), i = v(() => o?.spineItemsManager.items$, [o]);
     return /* @__PURE__ */ e(
       j,
       {
         lazyMount: !0,
         placement: "center",
         open: n,
-        onOpenChange: (i) => t(i.open),
+        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: "Gallery" }) }),
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(
-            _,
+        children: /* @__PURE__ */ s(q, { height: "100%", children: [
+          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Gallery" }) }),
+          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
+            L,
             {
               gridTemplateColumns: [
                 "repeat(2, minmax(0, 1fr))",
@@ -791,25 +1040,25 @@ const wt = (n, t, o) => {
               gap: [2, 4],
               pt: 2,
               "data-grid": !0,
-              children: r?.map((i) => /* @__PURE__ */ e(
-                yt,
+              children: i?.map((r) => /* @__PURE__ */ e(
+                qt,
                 {
-                  item: i,
+                  item: r,
                   onNavigated: () => {
                     t(!1);
                   }
                 },
-                i.item.id
+                r.item.id
               ))
             }
           ) }),
-          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-          /* @__PURE__ */ e(q, {})
+          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(D, { variant: "outline", children: "Cancel" }) }) }),
+          /* @__PURE__ */ e(U, {})
         ] })
       }
     );
   }
-), Et = "@prose-reader/react-reader", At = "1.269.0", Bt = g(
+), jt = "@prose-reader/react-reader", Qt = "1.271.0", Yt = p(
   ({ open: n, setOpen: t }) => /* @__PURE__ */ e(
     j,
     {
@@ -819,10 +1068,10 @@ const wt = (n, t, o) => {
       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" }) }),
+      children: /* @__PURE__ */ s(q, { children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Help" }) }),
         /* @__PURE__ */ s(
-          Y,
+          Z,
           {
             overflowY: "auto",
             flex: 1,
@@ -830,70 +1079,70 @@ const wt = (n, t, o) => {
             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__ */ s(T, { children: [
+                /* @__PURE__ */ e(xe, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+                /* @__PURE__ */ s(N, { mb: 1, children: [
+                  /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(In, {}) }),
                   " ",
-                  /* @__PURE__ */ e(b, { children: "Navigate to right page" })
+                  /* @__PURE__ */ e(C, { children: "Navigate to right page" })
                 ] }),
-                /* @__PURE__ */ s(F, { mb: 1, children: [
-                  /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e(mn, {}) }),
+                /* @__PURE__ */ s(N, { mb: 1, children: [
+                  /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(On, {}) }),
                   " ",
-                  /* @__PURE__ */ e(b, { children: "Navigate to left page" })
+                  /* @__PURE__ */ e(C, { 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(T, { children: [
+                /* @__PURE__ */ e(xe, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }),
+                /* @__PURE__ */ e(N, { mb: 1, children: /* @__PURE__ */ e(C, { 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,
+              /* @__PURE__ */ s(T, { children: [
+                /* @__PURE__ */ e(xe, { mb: 2, as: "h3", size: "lg", children: "About" }),
+                /* @__PURE__ */ s(C, { children: [
+                  jt,
                   " version: ",
-                  At
+                  Qt
                 ] })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(q, {})
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(D, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(U, {})
       ] })
     }
   )
-), 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/")
+), ie = () => {
+  const n = x();
+  return v(
+    () => n ? Ge([n.pagination.state$, n.context]).pipe(
+      z(([t, o]) => {
+        const i = o.manifest?.spineItems.every(
+          (r) => r.mediaType?.startsWith("image/")
         );
         return {
           ...t,
-          hasChapters: !o.isFullyPrePaginated && !r
+          hasChapters: !o.isFullyPrePaginated && !i
         };
       })
-    ) : Ie,
+    ) : ye,
     [n]
   );
-}, Ft = { _open: "fade-in", _closed: "fade-out" }, _t = () => {
-  const { enableFloatingProgress: n, quickMenuOpen: t } = y([
+}, Zt = { _open: "fade-in", _closed: "fade-out" }, Xt = () => {
+  const { enableFloatingProgress: n, quickMenuOpen: t } = M([
     "enableFloatingProgress",
     "quickMenuOpen"
-  ]), o = te(), r = Math.floor(
+  ]), o = ie(), i = Math.floor(
     (o?.percentageEstimateOfBook ?? 0) * 100
-  ), i = r > 0 ? r : 1;
+  ), r = i > 0 ? i : 1;
   return o?.percentageEstimateOfBook === void 0 || !n ? null : /* @__PURE__ */ e(
-    ue,
+    pe,
     {
       present: !t,
-      animationName: Ft,
+      animationName: Zt,
       animationDuration: "moderate",
       children: /* @__PURE__ */ e(
-        _,
+        L,
         {
           position: "absolute",
           right: 0,
@@ -904,30 +1153,30 @@ const wt = (n, t, o) => {
           pointerEvents: "none",
           letterSpacing: 1,
           color: "white",
-          children: /* @__PURE__ */ s(b, { fontSize: "md", children: [
-            i,
+          children: /* @__PURE__ */ s(C, { fontSize: "sm", children: [
+            r,
             " %"
           ] })
         }
       )
     }
   );
-}, Dt = () => {
-  const [n, t] = w(/* @__PURE__ */ new Date());
-  return $(() => {
+}, Kt = () => {
+  const [n, t] = y(/* @__PURE__ */ new Date());
+  return F(() => {
     const o = setInterval(() => {
       t(/* @__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, {
+}, Jt = (n) => {
+  const t = Kt();
+  return /* @__PURE__ */ e(C, { fontSize: "sm", ...n, children: t.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
   }) });
-}, $t = g(() => /* @__PURE__ */ e(
-  _,
+}, eo = p(() => /* @__PURE__ */ e(
+  L,
   {
     position: "absolute",
     left: 0,
@@ -938,13 +1187,13 @@ const wt = (n, t, o) => {
     paintOrder: "stroke fill",
     pointerEvents: "none",
     letterSpacing: 1,
-    children: /* @__PURE__ */ e(Lt, {})
+    children: /* @__PURE__ */ e(Jt, {})
   }
-)), Nt = () => {
-  const n = m();
-  H(
+)), no = () => {
+  const n = x();
+  V(
     () => n?.links$.subscribe((t) => {
-      if (t.type === "click" && Vn(t.target, "a")) {
+      if (t.type === "click" && jn(t.target, "a")) {
         if (!t.target.href) return;
         const o = new URL(t.target.href);
         window.location.host !== o.host && confirm(
@@ -954,18 +1203,18 @@ const wt = (n, t, o) => {
     }),
     [n]
   );
-}, Vt = () => {
-  const { notificationsSubject: n } = y([
+}, to = () => {
+  const { notificationsSubject: n } = M([
     "notificationsSubject"
   ]);
-  H(
+  V(
     () => n.pipe(
-      se(_e),
-      yn((t) => {
-        const o = t.duration ?? 3e3, r = new Pn((a) => {
+      ue(Ve),
+      Fn((t) => {
+        const o = t.duration ?? 3e3, i = new _n((a) => {
           try {
             queueMicrotask(() => {
-              const l = Ce.create({
+              const l = Re.create({
                 title: t.title,
                 description: t.description,
                 duration: o
@@ -975,21 +1224,21 @@ const wt = (n, t, o) => {
           } catch (l) {
             a.error(l);
           }
-        }), i = n.pipe(
-          En(1),
-          se((a) => !!t.key && a?.key === t.key)
+        }), r = n.pipe(
+          $n(1),
+          ue((a) => !!t.key && a?.key === t.key)
         );
-        return r.pipe(
-          V(
-            (a) => Ve(
-              We(o),
-              t.abort ?? Ie,
-              i
+        return i.pipe(
+          W(
+            (a) => je(
+              Qe(o),
+              t.abort ?? ye,
+              r
             ).pipe(
-              Ne(),
-              An(() => {
+              Ue(),
+              Ln(() => {
                 queueMicrotask(() => {
-                  Ce.dismiss(a);
+                  Re.dismiss(a);
                 });
               })
             )
@@ -999,25 +1248,25 @@ const wt = (n, t, o) => {
     ),
     [n]
   );
-}, Wt = A.forwardRef(
+}, oo = E.forwardRef(
   function(t, o) {
     const {
-      showArrow: r,
-      children: i,
+      showArrow: i,
+      children: r,
       portalled: a = !0,
       content: l,
       portalRef: c,
-      ...d
+      ...u
     } = t;
     return /* @__PURE__ */ s(
-      ee.Root,
+      ne.Root,
       {
-        ...d,
-        positioning: { ...d.positioning, gutter: 4 },
+        ...u,
+        positioning: { ...u.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,
+          /* @__PURE__ */ e(ne.Trigger, { asChild: !0, children: r }),
+          /* @__PURE__ */ e(Ce, { disabled: !a, container: c, children: /* @__PURE__ */ e(ne.Positioner, { children: /* @__PURE__ */ s(
+            ne.Content,
             {
               width: "auto",
               px: "2",
@@ -1026,7 +1275,7 @@ const wt = (n, t, o) => {
               rounded: "sm",
               ref: o,
               children: [
-                r && /* @__PURE__ */ e(ee.Arrow, { children: /* @__PURE__ */ e(ee.ArrowTip, {}) }),
+                i && /* @__PURE__ */ e(ne.Arrow, { children: /* @__PURE__ */ e(ne.ArrowTip, {}) }),
                 l
               ]
             }
@@ -1035,63 +1284,63 @@ const wt = (n, t, o) => {
       }
     );
   }
-), Ht = A.forwardRef(function(t, o) {
-  const { children: r, ...i } = t;
-  return /* @__PURE__ */ e(Wt, { content: r, ...i, ref: o, children: /* @__PURE__ */ e(
-    k,
+), io = E.forwardRef(function(t, o) {
+  const { children: i, ...r } = t;
+  return /* @__PURE__ */ e(oo, { content: i, ...r, ref: o, children: /* @__PURE__ */ e(
+    R,
     {
       variant: "ghost",
       "aria-label": "info",
       size: "2xs",
       colorPalette: "gray",
-      children: /* @__PURE__ */ e(Kn, {})
+      children: /* @__PURE__ */ e(it, {})
     }
   ) });
-}), Gt = A.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(le.Track, { ...t, ref: o, children: /* @__PURE__ */ e(le.Range, {}) });
+}), ro = E.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(ce.Track, { ...t, ref: o, children: /* @__PURE__ */ e(ce.Range, {}) });
 });
-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 })
+E.forwardRef(function(t, o) {
+  const { children: i, info: r, ...a } = t;
+  return /* @__PURE__ */ s(ce.Label, { ...a, ref: o, children: [
+    i,
+    r && /* @__PURE__ */ e(io, { children: r })
   ] });
 });
-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,
+const ao = ce.Root, lo = ce.ValueText, Be = () => {
+  const n = ie(), t = n?.numberOfTotalPages === 1, o = (n?.beginNumberOfPagesInSpineItem ?? 0) > 1, i = (n?.endNumberOfPagesInSpineItem ?? 0) > 1, r = (n?.hasChapters ? n?.beginPageIndexInSpineItem : n?.beginAbsolutePageIndex) ?? 0, a = (n?.hasChapters ? n?.endPageIndexInSpineItem : n?.endAbsolutePageIndex) ?? 0, [l = 0, c = 0] = [
+    r,
     a
-  ].sort((p, h) => p - h), d = n?.beginPageIndexInSpineItem !== n?.endPageIndexInSpineItem || n?.beginSpineItemIndex !== n?.endSpineItemIndex, u = n?.hasChapters ? n?.beginNumberOfPagesInSpineItem : n?.numberOfTotalPages;
+  ].sort((g, h) => g - h), u = n?.beginPageIndexInSpineItem !== n?.endPageIndexInSpineItem || n?.beginSpineItemIndex !== n?.endSpineItemIndex, d = n?.hasChapters ? n?.beginNumberOfPagesInSpineItem : n?.numberOfTotalPages;
   return {
     hasOnlyOnePage: t,
-    beginPageIndex: i,
+    beginPageIndex: r,
     endPageIndex: a,
     isBeginWithinChapter: o,
-    isEndWithinChapter: r,
-    beginAndEndAreDifferent: d,
-    totalApproximatePages: u,
+    isEndWithinChapter: i,
+    beginAndEndAreDifferent: u,
+    totalApproximatePages: d,
     leftPageIndex: l,
     rightPageIndex: c
   };
-}, Ut = () => {
-  const n = te(), {
+}, so = () => {
+  const n = ie(), {
     hasOnlyOnePage: t,
     leftPageIndex: o,
-    rightPageIndex: r,
-    totalApproximatePages: i,
+    rightPageIndex: i,
+    totalApproximatePages: r,
     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}%` })
+  } = Be(), l = Math.round((n?.percentageEstimateOfBook ?? 0) * 100), c = (d) => d?.subChapter ? `${d.title} / ${c(d.subChapter)}` : d?.title || "", u = c(n?.beginChapterInfo);
+  return /* @__PURE__ */ s(T, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
+    /* @__PURE__ */ e(ao, { value: l, size: "xs", width: 150, children: /* @__PURE__ */ s(N, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ e(ro, { width: 110 }),
+      /* @__PURE__ */ e(lo, { 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: [
+    /* @__PURE__ */ e(C, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
+    !t && /* @__PURE__ */ s(N, { children: [
+      /* @__PURE__ */ e(C, { fontSize: "xs", children: a ? `${o + 1} - ${i + 1} of ${r}` : `${o + 1} of ${r}` }),
+      !!n?.hasChapters && /* @__PURE__ */ s(ge, { children: [
+        /* @__PURE__ */ e(C, { children: "-" }),
+        /* @__PURE__ */ s(C, { fontSize: "xs", children: [
           "(",
           (n?.beginAbsolutePageIndex ?? 0) + 1,
           ")"
@@ -1099,13 +1348,13 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
       ] })
     ] })
   ] });
-}, Ke = g(
+}, rn = p(
   ({
     children: n,
     position: t,
     ...o
   }) => /* @__PURE__ */ e(
-    ue,
+    pe,
     {
       display: "flex",
       flexDirection: "row",
@@ -1129,8 +1378,8 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
       children: n
     }
   )
-), Qt = rn(Jn), Yt = g((n) => /* @__PURE__ */ e(
-  _,
+), co = hn(rt), uo = p((n) => /* @__PURE__ */ e(
+  L,
   {
     display: "contents",
     css: {
@@ -1139,7 +1388,7 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
       "--color-solid": "colors.colorPalette.solid"
     },
     children: /* @__PURE__ */ e(
-      Qt,
+      co,
       {
         keyboard: !1,
         style: {
@@ -1183,90 +1432,90 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
       }
     )
   }
-)), 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
+)), ho = () => {
+  const t = ie()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: i = 0 } = Be(), r = t ? Math.floor((o || 0) / 2) : o, [a, l] = Bn(
+    () => te({
+      default: r || 0
     })
-  ), c = 0, d = Math.max(
+  ), c = 0, u = Math.max(
     0,
-    t ? Math.floor((r - 1) / 2) : r - 1
+    t ? Math.floor((i - 1) / 2) : i - 1
   );
-  return $(() => {
-    l.update(i || 0);
-  }, [i, l]), {
+  return F(() => {
+    l.update(r || 0);
+  }, [r, l]), {
     value: a,
     valueSignal: l,
     min: c,
-    max: d
+    max: u
   };
-}, 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,
+}, go = (n) => {
+  const t = x(), o = ie(), { manifest: i } = v(() => t?.context, [t]) ?? {}, r = i?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = Be(), u = 1, d = c, { value: g, valueSignal: h, min: m, max: b } = ho(), w = P(
+    (k) => {
+      const [S = 0] = Array.isArray(k) ? k : [k];
+      h.update(S);
+      const O = a ? Math.floor(S) * 2 : Math.floor(S);
+      d ? t?.navigation.goToPageOfSpineItem({
+        pageIndex: O,
         spineItemId: t.pagination.state.beginSpineItemIndex ?? 0,
         animation: !1
       }) : t?.navigation.goToAbsolutePageIndex({
-        absolutePageIndex: I,
+        absolutePageIndex: O,
         animation: !1
       });
     },
-    [t, a, h, u]
+    [t, a, h, d]
   );
-  return H(
+  return V(
     () => t?.navigation.throttleLock({
       duration: 100,
       trigger: h.subject
     }),
     [t, h]
-  ), l === 1 || a && l === 2 ? /* @__PURE__ */ e(_, { style: n.style }) : /* @__PURE__ */ e(
-    Yt,
+  ), l === 1 || a && l === 2 ? /* @__PURE__ */ e(L, { style: n.style }) : /* @__PURE__ */ e(
+    uo,
     {
-      value: [p],
-      max: v,
-      min: C,
-      reverse: i,
-      step: d,
-      onChange: R,
+      value: [g],
+      max: b,
+      min: m,
+      reverse: r,
+      step: u,
+      onChange: w,
       ...n
     }
   );
-}, Kt = g(
+}, po = p(
   ({
     open: n,
     onItemClick: t
   }) => {
-    const o = un(null), r = m(), {
-      quickMenuBottomBarBoundingBoxSignal: i,
+    const o = Sn(null), i = x(), {
+      quickMenuBottomBarBoundingBoxSignal: r,
       onFontSizeMenuOpenChange: a,
       onRefitMenuOpenChange: l
-    } = y([
+    } = M([
       "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
+    ]), c = v(() => i?.navigation.state$, [i]), u = v(() => i?.settings.values$, [i]), d = v(
+      () => i?.zoom.state$.pipe(
+        z(
+          (k) => k.currentScale > 1 ? "in" : k.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 $(() => {
+      [i]
+    ), g = d === "in", h = d === "out", m = u?.computedPageTurnMode === "scrollable", b = u?.computedPageTurnDirection === "vertical", [w, I] = y(!0);
+    return F(() => {
       if (!o.current) return;
-      const x = new ResizeObserver((L) => {
-        for (const I of L)
-          i.update(I);
+      const k = new ResizeObserver((S) => {
+        for (const O of S)
+          r.update(O);
       });
-      return x.observe(o.current), () => {
-        x.disconnect();
+      return k.observe(o.current), () => {
+        k.disconnect();
       };
-    }, [i]), /* @__PURE__ */ s(
-      Ke,
+    }, [r]), /* @__PURE__ */ s(
+      rn,
       {
         present: n,
         position: "bottom",
@@ -1278,7 +1527,7 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
         ref: o,
         children: [
           /* @__PURE__ */ s(
-            F,
+            N,
             {
               flex: 1,
               alignItems: "center",
@@ -1287,19 +1536,19 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
               px: 4,
               children: [
                 /* @__PURE__ */ e(
-                  k,
+                  R,
                   {
                     "aria-label": "left",
                     size: "lg",
                     variant: "ghost",
                     flexShrink: 0,
-                    onClick: () => r?.navigation.goToLeftOrTopSpineItem(),
+                    onClick: () => i?.navigation.goToLeftOrTopSpineItem(),
                     disabled: !c?.canGoLeftSpineItem && !c?.canGoTopSpineItem,
-                    children: v ? /* @__PURE__ */ e(Qn, {}) : /* @__PURE__ */ e(Yn, {})
+                    children: b ? /* @__PURE__ */ e(et, {}) : /* @__PURE__ */ e(nt, {})
                   }
                 ),
                 /* @__PURE__ */ s(
-                  O,
+                  T,
                   {
                     flex: 1,
                     maxW: 400,
@@ -1308,9 +1557,9 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
                     overflow: "auto",
                     px: 4,
                     children: [
-                      /* @__PURE__ */ e(Ut, {}),
+                      /* @__PURE__ */ e(so, {}),
                       /* @__PURE__ */ e(
-                        Xt,
+                        go,
                         {
                           style: {
                             width: "100%",
@@ -1323,7 +1572,7 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
                   }
                 ),
                 /* @__PURE__ */ e(
-                  k,
+                  R,
                   {
                     "aria-label": "right",
                     size: "lg",
@@ -1331,89 +1580,89 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
                     variant: "ghost",
                     disabled: !c?.canGoRightSpineItem && !c?.canGoBottomSpineItem,
                     onClick: () => {
-                      r?.navigation.goToRightOrBottomSpineItem();
+                      i?.navigation.goToRightOrBottomSpineItem();
                     },
-                    children: v ? /* @__PURE__ */ e(Zn, {}) : /* @__PURE__ */ e(Xn, {})
+                    children: b ? /* @__PURE__ */ e(tt, {}) : /* @__PURE__ */ e(ot, {})
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(F, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
-            be.Root,
+          /* @__PURE__ */ e(N, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
+            ke.Root,
             {
-              open: R,
+              open: w,
               flex: 1,
-              onOpenChange: ({ open: x }) => {
-                D(x);
+              onOpenChange: ({ open: k }) => {
+                I(k);
               },
               width: "100%",
               children: [
                 /* @__PURE__ */ e(
-                  be.Trigger,
+                  ke.Trigger,
                   {
                     paddingY: "3",
                     width: "100%",
                     display: "flex",
                     justifyContent: "center",
                     children: /* @__PURE__ */ e(
-                      bn,
+                      Tn,
                       {
                         style: {
-                          transform: R ? "rotate(0deg)" : "rotate(180deg)"
+                          transform: w ? "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(ke.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ s(L, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
                   /* @__PURE__ */ e(
-                    k,
+                    R,
                     {
                       "aria-label": "Help",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("help"),
-                      children: /* @__PURE__ */ e(Sn, {})
+                      children: /* @__PURE__ */ e(Rn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    k,
+                    R,
                     {
                       "aria-label": "Table of contents",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("toc"),
-                      children: /* @__PURE__ */ e(Cn, {})
+                      children: /* @__PURE__ */ e(zn, {})
                     }
                   ),
-                  je(r) && /* @__PURE__ */ e(
-                    k,
+                  Ke(i) && /* @__PURE__ */ e(
+                    R,
                     {
                       "aria-label": "Search",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("search"),
-                      children: /* @__PURE__ */ e(vn, {})
+                      children: /* @__PURE__ */ e(Mn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    k,
+                    R,
                     {
                       "aria-label": "Zoom",
                       size: "lg",
-                      variant: p ? "solid" : "ghost",
+                      variant: g ? "solid" : "ghost",
                       onClick: () => {
-                        p ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
+                        g ? i?.zoom.exit({ animate: !0 }) : i?.zoom.enter({
                           animate: !0,
                           scale: 2
                         });
                       },
-                      children: p ? /* @__PURE__ */ e(xn, {}) : /* @__PURE__ */ e(kn, {})
+                      children: g ? /* @__PURE__ */ e(wn, {}) : /* @__PURE__ */ e(yn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    k,
+                    R,
                     {
                       "aria-label": "font size",
                       size: "lg",
@@ -1421,31 +1670,31 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
                         a(!0);
                       },
                       variant: "ghost",
-                      children: /* @__PURE__ */ e(Wn, {})
+                      children: /* @__PURE__ */ e(Qn, {})
                     }
                   ),
-                  ce(r) && /* @__PURE__ */ e(
-                    k,
+                  he(i) && /* @__PURE__ */ e(
+                    R,
                     {
                       "aria-label": "Bookmarks",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("bookmarks"),
-                      children: /* @__PURE__ */ e(Hn, {})
+                      children: /* @__PURE__ */ e(Yn, {})
                     }
                   ),
-                  ce(r) && /* @__PURE__ */ e(
-                    k,
+                  he(i) && /* @__PURE__ */ e(
+                    R,
                     {
                       "aria-label": "Annotations",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("annotations"),
-                      children: /* @__PURE__ */ e(pe, {})
+                      children: /* @__PURE__ */ e(de, {})
                     }
                   ),
-                  Qe(r) && /* @__PURE__ */ e(
-                    k,
+                  en(i) && /* @__PURE__ */ e(
+                    R,
                     {
                       "aria-label": "Refit",
                       size: "lg",
@@ -1453,33 +1702,33 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
                       onClick: () => {
                         l(!0);
                       },
-                      disabled: !C,
-                      children: /* @__PURE__ */ e(Gn, {})
+                      disabled: !m,
+                      children: /* @__PURE__ */ e(Zn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    k,
+                    R,
                     {
                       "aria-label": "Thumbnails",
                       size: "lg",
                       variant: h ? "solid" : "ghost",
                       onClick: () => {
-                        h ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
+                        h ? i?.zoom.exit({ animate: !0 }) : i?.zoom.enter({
                           animate: !0,
                           scale: 0.5
                         });
                       },
-                      children: /* @__PURE__ */ e(In, {})
+                      children: /* @__PURE__ */ e(Pn, {})
                     }
                   ),
-                  Ue(r) && /* @__PURE__ */ e(
-                    k,
+                  Je(i) && /* @__PURE__ */ e(
+                    R,
                     {
                       "aria-label": "Gallery",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("gallery"),
-                      children: /* @__PURE__ */ e(Un, {})
+                      children: /* @__PURE__ */ e(Jn, {})
                     }
                   )
                 ] }) })
@@ -1490,31 +1739,31 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
       }
     );
   }
-), Jt = () => {
-  const [n, t] = w(!1), o = T(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+), fo = () => {
+  const [n, t] = y(!1), o = P(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
     t(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
     t(!0);
   }), []);
-  return $(() => {
-    function r() {
+  return F(() => {
+    function i() {
       t(!!document.fullscreenElement);
     }
-    return document.addEventListener("fullscreenchange", r), () => {
-      document.removeEventListener("fullscreenchange", r);
+    return document.addEventListener("fullscreenchange", i), () => {
+      document.removeEventListener("fullscreenchange", i);
     };
   }, []), {
     isFullscreen: n,
     onToggleFullscreenClick: o
   };
-}, eo = g(
+}, mo = p(
   ({
     open: n,
     onItemClick: t
   }) => {
-    const o = m(), r = S(() => o?.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: a } = Jt();
+    const o = x(), i = v(() => o?.context.manifest$, [o]), { isFullscreen: r, onToggleFullscreenClick: a } = fo();
     return /* @__PURE__ */ s(
-      Ke,
+      rn,
       {
         present: n,
         position: "top",
@@ -1522,18 +1771,18 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
         justifyContent: "space-between",
         children: [
           /* @__PURE__ */ e(
-            k,
+            R,
             {
               "aria-label": "left",
               size: "lg",
               variant: "ghost",
               flexShrink: 0,
               onClick: () => t("back"),
-              children: /* @__PURE__ */ e(et, {})
+              children: /* @__PURE__ */ e(at, {})
             }
           ),
           /* @__PURE__ */ e(
-            O,
+            T,
             {
               flex: 1,
               maxW: 600,
@@ -1541,30 +1790,30 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
               alignItems: "center",
               overflow: "auto",
               px: 4,
-              children: /* @__PURE__ */ e(b, { truncate: !0, maxWidth: "100%", children: r?.title })
+              children: /* @__PURE__ */ e(C, { truncate: !0, maxWidth: "100%", children: i?.title })
             }
           ),
-          /* @__PURE__ */ s(F, { children: [
+          /* @__PURE__ */ s(N, { children: [
             /* @__PURE__ */ e(
-              k,
+              R,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: () => t("more"),
-                children: /* @__PURE__ */ e(nt, {})
+                children: /* @__PURE__ */ e(lt, {})
               }
             ),
             /* @__PURE__ */ e(
-              k,
+              R,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: a,
-                children: i ? /* @__PURE__ */ e(qn, {}) : /* @__PURE__ */ e(jn, {})
+                children: r ? /* @__PURE__ */ e(Xn, {}) : /* @__PURE__ */ e(Kn, {})
               }
             )
           ] })
@@ -1572,13 +1821,13 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
       }
     );
   }
-), Me = () => {
+), De = () => {
   const {
     quickMenuOpen: n,
     onQuickMenuOpenChange: t,
     _quickMenuOpen: o,
-    _onQuickMenuOpenChange: r
-  } = y([
+    _onQuickMenuOpenChange: i
+  } = M([
     "quickMenuOpen",
     "onQuickMenuOpenChange",
     "_quickMenuOpen",
@@ -1586,65 +1835,66 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
   ]);
   return [
     n ?? o,
-    t ?? r
+    t ?? i
   ];
-}, no = g(
+}, bo = p(
   ({
     onItemClick: n
   }) => {
-    const [t] = Me(), { refitMenuOpen: o, fontSizeMenuOpen: r } = y([
+    const [t] = De(), { refitMenuOpen: o, fontSizeMenuOpen: i, selectedHighlight: r } = M([
       "refitMenuOpen",
-      "fontSizeMenuOpen"
+      "fontSizeMenuOpen",
+      "selectedHighlight"
     ]);
-    return /* @__PURE__ */ s(de, { children: [
+    return /* @__PURE__ */ s(ge, { children: [
       /* @__PURE__ */ e(
-        eo,
+        mo,
         {
-          open: t && !o && !r,
+          open: t && !o && !i && !r,
           onItemClick: n
         }
       ),
       /* @__PURE__ */ e(
-        Kt,
+        po,
         {
-          open: t && !o && !r,
+          open: t && !o && !i,
           onItemClick: n
         }
       )
     ] });
   }
-), to = () => {
-  const [n, t] = Me(), o = m();
-  H(() => o?.gestures.gestures$.pipe(
-    se((r) => r.type === "tap" && !r.handled),
-    ke(
+), So = () => {
+  const [n, t] = De(), o = x();
+  V(() => o?.gestures.gestures$.pipe(
+    ue((i) => i.type === "tap" && !i.handled),
+    we(
       o.selection.selection$,
       o.selection.lastSelectionOnPointerdown$
     ),
-    $e(([, r, i]) => {
-      t(r || i ? !1 : (a) => !a);
+    Me(([, i, r]) => {
+      t(i || r ? !1 : (a) => !a);
     })
   ), [o]);
-}, oo = A.forwardRef(
+}, Co = E.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 })
+    const { label: i, children: r, helperText: a, errorText: l, optionalText: c, ...u } = t;
+    return /* @__PURE__ */ s(re.Root, { ref: o, ...u, children: [
+      i && /* @__PURE__ */ s(re.Label, { children: [
+        i,
+        /* @__PURE__ */ e(re.RequiredIndicator, { fallback: c })
       ] }),
-      i,
-      a && /* @__PURE__ */ e(oe.HelperText, { children: a }),
-      l && /* @__PURE__ */ e(oe.ErrorText, { children: l })
+      r,
+      a && /* @__PURE__ */ e(re.HelperText, { children: a }),
+      l && /* @__PURE__ */ e(re.ErrorText, { children: l })
     ] });
   }
-), ro = g(() => {
-  const { refitMenuOpen: t, onRefitMenuOpenChange: o } = y([
+), vo = p(() => {
+  const { refitMenuOpen: t, onRefitMenuOpenChange: o } = M([
     "refitMenuOpen",
     "onRefitMenuOpenChange"
-  ]), r = m(), i = Qe(r) ? r : void 0, a = S(
-    () => i?.refit.settings$,
-    [i]
+  ]), i = x(), r = en(i) ? i : void 0, a = v(
+    () => r?.refit.settings$,
+    [r]
   );
   return /* @__PURE__ */ e(
     j,
@@ -1653,33 +1903,33 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
       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,
+      children: /* @__PURE__ */ s(q, { children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Viewport fit" }) }),
+        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ s(G.Root, { children: [
+          /* @__PURE__ */ e(G.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }),
+          /* @__PURE__ */ s(G.Content, { children: [
+            /* @__PURE__ */ e(Co, { label: "Profile", children: /* @__PURE__ */ e(
+              on,
               {
                 defaultValue: "fit",
                 onValueChange: (l) => {
                   const c = l.value;
-                  i?.refit.update({
+                  r?.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" })
+                children: /* @__PURE__ */ s(T, { gap: 2, children: [
+                  /* @__PURE__ */ e(se, { value: "desktop", children: "Desktop" }),
+                  /* @__PURE__ */ e(se, { value: "tablet", children: "Tablet" }),
+                  /* @__PURE__ */ e(se, { value: "fit", children: "Full width (default)" }),
+                  /* @__PURE__ */ e(se, { value: "custom", children: "Custom" })
                 ] })
               }
             ) }),
             /* @__PURE__ */ e(
-              Re,
+              Ae,
               {
                 label: "Maximum width (%)",
                 showValue: !0,
@@ -1690,7 +1940,7 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
                 value: [a?.customWidth ?? 60],
                 onValueChange: (l) => {
                   const c = l.value[0] ?? 0;
-                  i?.refit.update({
+                  r?.refit.update({
                     customWidth: c
                   });
                 }
@@ -1698,24 +1948,24 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Close" }) }) }),
-        /* @__PURE__ */ e(q, {})
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(D, { variant: "outline", children: "Close" }) }) }),
+        /* @__PURE__ */ e(U, {})
       ] })
     }
   );
-}), io = g(
+}), xo = p(
   ({
     contextText: n = "",
     startOffset: t = 0,
     text: o,
-    cfi: r = "#",
-    onClick: i,
+    cfi: i = "#",
+    onClick: r,
     absolutePageIndex: a
   }) => {
     const c = n.substring(
       Math.max(t - 15, 0),
       Math.max(t, 0)
-    ), d = n.substring(
+    ), u = n.substring(
       Math.min(t + o.length, n.length - 1),
       Math.min(
         t + o.length + 15,
@@ -1723,68 +1973,68 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
       )
     );
     return /* @__PURE__ */ s(
-      xe,
+      ze,
       {
-        href: r,
+        href: i,
         style: { margin: 5, overflow: "hidden" },
-        onClick: (u) => {
-          u.preventDefault(), i(r);
+        onClick: (d) => {
+          d.preventDefault(), r(i);
         },
         display: "flex",
         flexDirection: "column",
         alignItems: "flex-start",
         gap: 0,
         children: [
-          /* @__PURE__ */ s(b, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
+          /* @__PURE__ */ s(C, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
             '"',
             c,
             /* @__PURE__ */ e("b", { children: o }),
-            d,
+            u,
             '"'
           ] }),
-          /* @__PURE__ */ e(b, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${a !== void 0 ? a + 1 : "unknown (not loaded)"}` })
+          /* @__PURE__ */ e(C, { 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({
+), ko = 500, Io = () => {
+  const n = me(() => new Hn("")), t = v(n), o = x(), i = Ke(o) ? o : void 0, r = v(() => n.pipe(
+    Se(),
+    W(
+      (a) => a === "" || !i ? be(void 0) : je(
+        be({
           type: "start",
           data: void 0
         }),
-        We(ao).pipe(
-          V(() => r.search.search(a)),
-          E((l) => ({ type: "end", data: l }))
+        Qe(ko).pipe(
+          W(() => i.search.search(a)),
+          z((l) => ({ type: "end", data: l }))
         )
       )
     )
-  ), [r, n]);
+  ), [i, n]);
   return {
     value: t,
     setValue: n.next.bind(n),
-    status: i?.type ?? "idle",
-    data: i?.data
+    status: r?.type ?? "idle",
+    data: r?.data
   };
-}, so = g(
+}, Oo = p(
   ({ 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);
+    const t = x(), { value: o, setValue: i, status: r, data: a } = Io(), l = (d) => {
+      i(d.target.value);
+    }, c = P(
+      (d) => {
+        n(), t?.navigation.goToCfi(d);
       },
       [t, n]
-    ), d = S(
+    ), u = v(
       () => t?.locateResource(a?.slice(0, 100) ?? []),
       [a]
     );
-    return /* @__PURE__ */ s(O, { flex: 1, height: "100%", gap: 2, children: [
+    return /* @__PURE__ */ s(T, { flex: 1, height: "100%", gap: 2, children: [
       /* @__PURE__ */ e(
-        an,
+        gn,
         {
           placeholder: "Type something...",
           value: o,
@@ -1799,32 +2049,32 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
         }
       ),
       /* @__PURE__ */ s(
-        O,
+        T,
         {
           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: [
+            r === "start" && /* @__PURE__ */ e(C, { children: "Searching ..." }),
+            a?.length === 0 && /* @__PURE__ */ e(C, { children: "No results" }),
+            r === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ s(T, { children: [
+              /* @__PURE__ */ s(C, { fontSize: "md", children: [
                 a?.length,
                 " result(s)"
               ] }),
-              /* @__PURE__ */ e(O, { gap: 0, children: d?.map((u, p) => /* @__PURE__ */ e(
-                io,
+              /* @__PURE__ */ e(T, { gap: 0, children: u?.map((d, g) => /* @__PURE__ */ e(
+                xo,
                 {
-                  contextText: u.meta?.range?.startContainer.parentElement?.textContent ?? "",
-                  pageIndex: u.meta?.itemPageIndex,
-                  startOffset: u.meta?.range?.startOffset ?? 0,
+                  contextText: d.meta?.range?.startContainer.parentElement?.textContent ?? "",
+                  pageIndex: d.meta?.itemPageIndex,
+                  startOffset: d.meta?.range?.startOffset ?? 0,
                   text: o,
-                  cfi: u.meta.cfi,
+                  cfi: d.meta.cfi,
                   onClick: c,
-                  absolutePageIndex: u.meta?.absolutePageIndex
+                  absolutePageIndex: d.meta?.absolutePageIndex
                 },
-                p
+                g
               )) })
             ] })
           ]
@@ -1832,7 +2082,7 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
       )
     ] });
   }
-), co = g(
+), To = p(
   ({
     open: n,
     setOpen: t,
@@ -1843,53 +2093,53 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
       lazyMount: !0,
       placement: "center",
       open: n,
-      onOpenChange: (r) => t(r.open),
+      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: "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, {})
+      children: /* @__PURE__ */ s(q, { height: "100%", children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Search" }) }),
+        /* @__PURE__ */ e(Z, { flex: 1, p: 0, children: /* @__PURE__ */ e(Oo, { onNavigate: o }) }),
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(D, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(U, {})
       ] })
     }
   )
-), uo = g(
+), Ro = p(
   ({ 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: [
+    const t = x(), { manifest: o, assumedRenditionLayout: i } = v(() => t?.context, [t]) ?? {}, { nav: r } = o ?? {}, a = ie();
+    r?.toc;
+    const { beginSpineItemIndex: l, beginPageIndexInSpineItem: c } = a ?? {}, u = (i === "reflowable" ? c : l) || 0;
+    let d = a?.beginChapterInfo;
+    for (; d?.subChapter; )
+      d = d?.subChapter;
+    const g = (h, m, b) => /* @__PURE__ */ s(pn.Fragment, { children: [
       /* @__PURE__ */ e(
-        B.Item,
+        H.Item,
         {
-          pl: 4 * (v + 1),
+          pl: 4 * (b + 1),
           style: {
             display: "flex",
             alignItems: "center"
           },
           children: /* @__PURE__ */ s(
-            xe,
+            ze,
             {
               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,
+                d?.path === h.path && /* @__PURE__ */ e(H.Indicator, { asChild: !0, children: /* @__PURE__ */ e(_e, {}) }),
+                d?.path !== h.path && /* @__PURE__ */ e(H.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(_e, {}) }),
+                /* @__PURE__ */ s(T, { gap: 0, children: [
+                  /* @__PURE__ */ e(C, { fontSize: "md", children: h.title || h.path }),
+                  d?.path === h.path && /* @__PURE__ */ e(
+                    C,
                     {
                       fontStyle: "italic",
                       fontWeight: "bold",
                       fontSize: "sm",
-                      children: `Currently on page ${d + 1}`
+                      children: `Currently on page ${u + 1}`
                     }
                   )
                 ] })
@@ -1898,13 +2148,13 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
           )
         }
       ),
-      h.contents.length > 0 && /* @__PURE__ */ e(B.Root, { as: "div", gap: 2, children: h.contents.map(
-        (R, D) => p(R, D, v + 1)
+      h.contents.length > 0 && /* @__PURE__ */ e(H.Root, { as: "div", gap: 2, children: h.contents.map(
+        (w, I) => g(w, I, b + 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)) });
+    ] }, m);
+    return /* @__PURE__ */ e(H.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: r?.toc.map((h, m) => g(h, m, 0)) });
   }
-), ho = g(
+), zo = p(
   ({
     open: n,
     setOpen: t,
@@ -1915,110 +2165,92 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
       lazyMount: !0,
       placement: "center",
       open: n,
-      onOpenChange: (r) => t(r.open),
+      onOpenChange: (i) => t(i.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, {})
+      children: /* @__PURE__ */ s(q, { children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Table of Contents" }) }),
+        /* @__PURE__ */ e(Z, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e(Ro, { onNavigate: o }) }),
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(D, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(U, {})
       ] })
     }
   )
-), po = () => {
-  const n = m(), { zoomMaxScale: t } = y(["zoomMaxScale"]);
-  $(
+), Mo = () => {
+  const n = x(), { zoomMaxScale: t } = M(["zoomMaxScale"]);
+  F(
     function() {
       n?.gestures.settings.update({
-        zoomMaxScale: t ?? He
+        zoomMaxScale: t ?? Ye
       });
     },
     [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;
+}, Le = 0.5, He = 1, wo = (n, t, o, i) => {
+  if (n > t && n < t + i)
+    return t + i;
+  const r = Math.min(Math.max(n, t), o), a = Math.round((r - t) / i) * i + t;
   return Math.round(a * 100) / 100;
-}, fo = g(() => {
-  const { quickMenuBottomBarBoundingBoxSignal: n, zoomMaxScale: t = He } = y([
-    "quickMenuBottomBarBoundingBoxSignal",
+}, yo = p(() => {
+  const { zoomMaxScale: n = Ye } = M([
     "zoomMaxScale"
-  ]), o = Se(
-    n
-  ), r = m(), i = S(
-    () => r?.zoom.state$.pipe(
-      E((d) => d.currentScale),
-      Le(100, Fn, {
+  ]), t = x(), o = v(
+    () => t?.zoom.state$.pipe(
+      z((a) => a.currentScale),
+      qe(100, Nn, {
         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,
+    [t]
+  ) ?? 1, i = v(
+    () => t?.zoom.state$.pipe(z((a) => a.isZooming)),
+    [t]
+  ) ?? !1, r = wo(
+    o,
+    He,
+    n,
+    Le
+  );
+  return /* @__PURE__ */ e(Xe, { present: i && o > 1, children: /* @__PURE__ */ e(
+    Ae,
     {
-      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"
-            });
-          }
-        }
-      )
+      value: [r],
+      min: He,
+      max: n,
+      step: Le,
+      minWidth: 200,
+      onValueChange: (a) => {
+        const l = a.value?.[0] ?? 1;
+        l === 1 ? t?.zoom.exit() : t?.zoom.scaleAt(l, {
+          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(
+  ) });
+}), Po = { _open: "fade-in", _closed: "fade-out" }, Ao = p(() => (yt(), null)), Eo = p(() => (Mo(), no(), to(), So(), Pt(), At(), /* @__PURE__ */ s(ge, { children: [
+  /* @__PURE__ */ e(Nt, {}),
+  /* @__PURE__ */ e(Ao, {})
+] }))), Bo = p(
   ({
     children: n,
     ...t
   }) => {
-    const { enableFloatingTime: o, onItemClick: r } = y([
+    const { enableFloatingTime: o, onItemClick: i } = M([
       "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, a] = y(!1), [l, c] = y(!1), [u, d] = y(!1), [g, h] = y(void 0), [m, b] = y(!1), [w, I] = De(), k = P(() => {
+      a(!1), c(!1), d(!1), h(void 0), I(!1), b(!1);
+    }, [I]), S = P(
+      (O) => {
+        O === "annotations" ? h("annotations") : O === "search" ? d(!0) : O === "help" ? c(!0) : O === "toc" ? a(!0) : O === "bookmarks" ? h("bookmarks") : O === "gallery" && b(!0), i?.(O);
       },
-      [r]
+      [i]
     );
-    return /* @__PURE__ */ s(de, { children: [
-      /* @__PURE__ */ e(So, {}),
+    return /* @__PURE__ */ s(ge, { children: [
+      /* @__PURE__ */ e(Eo, {}),
       /* @__PURE__ */ s(
-        _,
+        L,
         {
           position: "absolute",
           top: 0,
@@ -2030,67 +2262,69 @@ const qt = le.Root, jt = le.ValueText, ze = () => {
           ...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(Xt, {}),
+            /* @__PURE__ */ e(Ut, { open: m, setOpen: b }),
+            /* @__PURE__ */ e(vo, {}),
+            /* @__PURE__ */ e(bo, { onItemClick: S }),
+            /* @__PURE__ */ e(yo, {}),
+            /* @__PURE__ */ e(dt, {}),
+            /* @__PURE__ */ e(bt, {}),
+            /* @__PURE__ */ e(Ht, {}),
+            /* @__PURE__ */ e(wt, {}),
+            /* @__PURE__ */ e(Yt, { open: l, setOpen: c }),
             /* @__PURE__ */ e(
-              ho,
+              zo,
               {
-                open: i,
+                open: r,
                 setOpen: a,
-                onNavigate: x
+                onNavigate: k
               }
             ),
             /* @__PURE__ */ e(
-              co,
+              To,
               {
-                open: d,
-                setOpen: u,
-                onNavigate: x
+                open: u,
+                setOpen: d,
+                onNavigate: k
               }
             ),
             /* @__PURE__ */ e(
-              dt,
+              Ot,
               {
-                openWith: p,
-                setOpen: (I) => h(I ? "annotations" : void 0),
-                onNavigate: x
+                openWith: g,
+                setOpen: (O) => h(O ? "annotations" : void 0),
+                onNavigate: k
               }
             ),
             /* @__PURE__ */ e(
-              ue,
+              pe,
               {
-                present: o || R,
-                animationName: mo,
+                present: o || w,
+                animationName: Po,
                 animationDuration: "slow",
                 overflow: "hidden",
-                children: /* @__PURE__ */ e($t, {})
+                children: /* @__PURE__ */ e(eo, {})
               }
             ),
-            /* @__PURE__ */ e(St, {})
+            /* @__PURE__ */ e(Et, {})
           ]
         }
       )
     ] });
   }
-), $o = g(
+), ni = p(
   ({
     children: n,
     slots: t,
     ...o
   }) => {
-    const { container: { props: r = {} } = {} } = t ?? {};
-    return /* @__PURE__ */ e(vt, { ...o, children: /* @__PURE__ */ e(Co, { ...r, children: n }) });
+    const { container: { props: i = {} } = {} } = t ?? {};
+    return /* @__PURE__ */ e(Dt, { ...o, children: /* @__PURE__ */ e(Bo, { ...i, children: n }) });
   }
 );
 export {
-  tt as BOOKMARK_AREA_DATA_ATTRIBUTE,
-  He as MAX_ZOOM_SCALE,
-  $o as ReactReader
+  st as BOOKMARK_AREA_DATA_ATTRIBUTE,
+  Ye as MAX_ZOOM_SCALE,
+  ni as ReactReader
 };
 //# sourceMappingURL=index.js.map