@prose-reader/react-reader 1.250.0 → 1.252.0

package/dist/index.js

@@ -1,100 +1,112 @@
-import { jsx as e, jsxs as s, Fragment as ce } from "react/jsx-runtime";
-import * as y from "react";
-import He, { createContext as Ne, memo as m, useMemo as Pe, useEffect as ne, useContext as Ve, useState as R, useLayoutEffect as je, useCallback as X } from "react";
-import { signal as J, useConstant as re, useLiveRef as Ge, useSubscribe as D, useObserve as b, isDefined as Ae, useSignalValue as be, useSignalState as Ye } from "reactjrx";
-import { Subject as xe, tap as ve, map as B, filter as ie, switchMap as z, EMPTY as fe, of as ae, withLatestFrom as Ue, NEVER as de, startWith as qe, distinctUntilChanged as Ce, throttleTime as Qe, first as Oe, combineLatest as Ze, finalize as Ee, mergeMap as Ke, skip as Me, merge as ze, timer as De, BehaviorSubject as Xe } from "rxjs";
-import { IconButton as x, Portal as ke, Dialog as S, List as w, Link as Se, Stack as C, Text as p, Tabs as M, Button as F, Presence as se, Box as O, createToaster as Je, Toaster as et, Toast as _, Spinner as tt, Heading as he, HStack as A, Kbd as Te, Popover as $, Progress as ee, chakra as nt, Collapsible as ge, Field as Z, RadioGroup as K, Slider as I, For as ot, Fieldset as pe, Input as rt } from "@chakra-ui/react";
-import { LuX as it, LuNotebookPen as le, LuBookmark as at, LuArrowBigRight as st, LuArrowBigLeft as lt, LuChevronDown as ct, LuCircleHelp as dt, LuTableOfContents as ut, LuSearch as ht, LuGalleryHorizontal as gt, LuCircleCheck as we } from "react-icons/lu";
-import { createPortal as pt } from "react-dom";
-import { isPositionInArea as ft } from "@prose-reader/enhancer-gestures";
-import { isShallowEqual as mt, observeIntersection as bt, isHtmlTagElement as xt, watchKeys as vt } from "@prose-reader/core";
-import { BsBookmarks as Ct } from "react-icons/bs";
-import { MdOutlineFitScreen as kt, MdFullscreenExit as St, MdFullscreen as It } from "react-icons/md";
-import { RiGalleryView2 as Rt } from "react-icons/ri";
-import { RxDoubleArrowUp as yt, RxDoubleArrowLeft as Tt, RxDoubleArrowDown as wt, RxDoubleArrowRight as Pt } from "react-icons/rx";
-import { HiOutlineInformationCircle as At } from "react-icons/hi";
-import Ot from "rc-slider";
+import { jsx as e, jsxs as s, Fragment as be } from "react/jsx-runtime";
+import * as T from "react";
+import Ne, { createContext as Ve, memo as f, useMemo as Pe, useEffect as H, useContext as Ge, useState as y, useLayoutEffect as je, useCallback as ne, useRef as qe } from "react";
+import { signal as L, useConstant as ee, useLiveRef as Ye, useSubscribe as N, useObserve as b, isDefined as Be, useSignalValue as ue, useSignalState as Ue } from "reactjrx";
+import { Subject as Ae, tap as xe, map as _, filter as le, switchMap as W, EMPTY as ye, of as ce, withLatestFrom as Ze, NEVER as ve, startWith as Qe, distinctUntilChanged as Ce, throttleTime as Ke, first as ze, combineLatest as Xe, mergeMap as Je, skip as Oe, merge as Me, timer as Ee, finalize as et, BehaviorSubject as tt } from "rxjs";
+import { IconButton as v, Portal as ke, Dialog as k, List as P, Link as Se, Stack as C, Text as p, Tabs as D, Button as V, Presence as oe, Box as B, createToaster as nt, Toaster as ot, Toast as $, Spinner as rt, Heading as ge, HStack as O, Kbd as Te, Popover as F, Progress as re, chakra as it, Collapsible as pe, Field as J, RadioGroup as te, Slider as R, For as at, Fieldset as fe, Input as st } from "@chakra-ui/react";
+import { LuX as lt, LuNotebookPen as de, LuBookmark as ct, LuArrowBigRight as dt, LuArrowBigLeft as ut, LuChevronDown as ht, LuCircleHelp as gt, LuTableOfContents as pt, LuSearch as ft, LuZoomOut as mt, LuZoomIn as bt, LuGalleryHorizontal as xt, LuCircleCheck as we } from "react-icons/lu";
+import { createPortal as vt } from "react-dom";
+import { isPositionInArea as Ct } from "@prose-reader/enhancer-gestures";
+import { isShallowEqual as kt, observeIntersection as St, isHtmlTagElement as It } from "@prose-reader/core";
+import { BsBookmarks as Rt } from "react-icons/bs";
+import { MdOutlineFitScreen as yt, MdFullscreenExit as Tt, MdFullscreen as wt } from "react-icons/md";
+import { RiGalleryView2 as Pt } from "react-icons/ri";
+import { RxDoubleArrowUp as Bt, RxDoubleArrowLeft as At, RxDoubleArrowDown as zt, RxDoubleArrowRight as Ot } from "react-icons/rx";
+import { HiOutlineInformationCircle as Mt } from "react-icons/hi";
+import Et from "rc-slider";
 import "rc-slider/assets/index.css";
-import { IoIosArrowBack as Et, IoMdMore as Mt } from "react-icons/io";
-const zt = "data-bookmark-area", Be = Ne({
+import { IoIosArrowBack as Dt, IoMdMore as Lt } from "react-icons/io";
+const _t = "data-bookmark-area", De = Ve({
   reader: void 0,
-  quickMenuSignal: J({ default: !1 }),
-  notificationsSubject: new xe(),
-  refitMenuSignal: J({ default: !1 })
-}), oo = m(
+  quickMenuSignal: L({ default: !1 }),
+  quickMenuBottomBarBoundingBox: L({ default: void 0 }),
+  notificationsSubject: new Ae(),
+  refitMenuSignal: L({ default: !1 })
+}), ao = f(
   ({
     children: t,
     reader: n,
     quickMenuOpen: o,
-    onQuickMenuOpenChange: i
+    onQuickMenuOpenChange: r
   }) => {
-    const r = re(
-      () => J({
+    const i = ee(
+      () => L({
         default: o
       })
-    ), a = re(
-      () => new xe()
-    ), l = re(
-      () => J({
+    ), a = ee(
+      () => new Ae()
+    ), l = ee(
+      () => L({
+        default: void 0
+      })
+    ), c = ee(
+      () => L({
         default: !1
       })
-    ), c = Ge(i), d = Pe(
+    ), d = Ye(r), u = Pe(
       () => ({
-        quickMenuSignal: r,
+        quickMenuSignal: i,
         reader: n,
         notificationsSubject: a,
-        refitMenuSignal: l
+        refitMenuSignal: c,
+        quickMenuBottomBarBoundingBox: l
       }),
-      [r, n, a, l]
+      [
+        i,
+        n,
+        a,
+        c,
+        l
+      ]
     );
-    return ne(() => {
-      r.next(o);
-    }, [o, r]), D(
-      () => r.pipe(ve(c.current)),
-      [r, c]
-    ), /* @__PURE__ */ e(Be.Provider, { value: d, children: t });
+    return H(() => {
+      i.next(o);
+    }, [o, i]), N(
+      () => i.pipe(xe(d.current)),
+      [i, d]
+    ), /* @__PURE__ */ e(De.Provider, { value: u, children: t });
   }
-), Dt = y.forwardRef(function(n, o) {
-  return /* @__PURE__ */ e(x, { variant: "ghost", "aria-label": "Close", ref: o, ...n, children: n.children ?? /* @__PURE__ */ e(it, {}) });
-}), W = y.forwardRef(function(n, o) {
+), $t = T.forwardRef(function(n, o) {
+  return /* @__PURE__ */ e(v, { variant: "ghost", "aria-label": "Close", ref: o, ...n, children: n.children ?? /* @__PURE__ */ e(lt, {}) });
+}), G = T.forwardRef(function(n, o) {
   const {
-    children: i,
-    portalled: r = !0,
+    children: r,
+    portalled: i = !0,
     portalRef: a,
     backdrop: l = !0,
     ...c
   } = n;
-  return /* @__PURE__ */ s(ke, { disabled: !r, container: a, children: [
-    l && /* @__PURE__ */ e(S.Backdrop, {}),
-    /* @__PURE__ */ e(S.Positioner, { children: /* @__PURE__ */ e(S.Content, { ref: o, ...c, asChild: !1, children: i }) })
+  return /* @__PURE__ */ s(ke, { disabled: !i, container: a, children: [
+    l && /* @__PURE__ */ e(k.Backdrop, {}),
+    /* @__PURE__ */ e(k.Positioner, { children: /* @__PURE__ */ e(k.Content, { ref: o, ...c, asChild: !1, children: r }) })
   ] });
-}), H = y.forwardRef(function(n, o) {
+}), j = T.forwardRef(function(n, o) {
   return /* @__PURE__ */ e(
-    S.CloseTrigger,
+    k.CloseTrigger,
     {
       position: "absolute",
       top: "2",
       insetEnd: "2",
       ...n,
       asChild: !0,
-      children: /* @__PURE__ */ e(Dt, { size: "sm", ref: o, children: n.children })
+      children: /* @__PURE__ */ e($t, { size: "sm", ref: o, children: n.children })
     }
   );
-}), N = S.Root, V = S.Footer, j = S.Header, G = S.Body;
-S.Backdrop;
-const Y = S.Title;
-S.Description;
-S.Trigger;
-const U = S.ActionTrigger, E = () => Ve(Be), f = () => {
+}), q = k.Root, Y = k.Footer, U = k.Header, Z = k.Body;
+k.Backdrop;
+const Q = k.Title;
+k.Description;
+k.Trigger;
+const K = k.ActionTrigger, E = () => Ge(De), m = () => {
   const { reader: t } = E();
   return t;
-}, Le = (t) => !!t && "__PROSE_READER_ENHANCER_SEARCH" in t, te = (t) => !!t && "__PROSE_READER_ENHANCER_ANNOTATIONS" in t, _e = (t) => !!t && "__PROSE_READER_ENHANCER_GALLERY" in t, $e = (t) => !!t && "__PROSE_READER_ENHANCER_REFIT" in t, Bt = (t) => {
-  const n = f(), o = te(n) ? n : void 0;
+}, Le = (t) => !!t && "__PROSE_READER_ENHANCER_SEARCH" in t, ie = (t) => !!t && "__PROSE_READER_ENHANCER_ANNOTATIONS" in t, _e = (t) => !!t && "__PROSE_READER_ENHANCER_GALLERY" in t, $e = (t) => !!t && "__PROSE_READER_ENHANCER_REFIT" in t, Ft = (t) => {
+  const n = m(), o = ie(n) ? n : void 0;
   return { data: b(
     () => o?.annotations.annotations$.pipe(
-      B((r) => r.find((a) => a.id === t)),
-      ie(Ae),
-      z((r) => o.locateResource(r))
+      _((i) => i.find((a) => a.id === t)),
+      le(Be),
+      W((i) => o.locateResource(i))
     ),
     [o]
   ) };
@@ -103,20 +115,20 @@ const U = S.ActionTrigger, E = () => Ve(Be), f = () => {
   onNavigate: n,
   allowLeftIcon: o = !0
 }) => {
-  const i = f(), { data: r } = Bt(t), a = r?.meta.range?.toString() || r?.meta.node?.textContent;
-  return /* @__PURE__ */ e(w.Item, { children: /* @__PURE__ */ s(
+  const r = m(), { data: i } = Ft(t), a = i?.meta.range?.toString() || i?.meta.node?.textContent;
+  return /* @__PURE__ */ e(P.Item, { children: /* @__PURE__ */ s(
     Se,
     {
       href: "#",
       onClick: () => {
-        n(), i?.navigation.goToCfi(r?.meta.cfi ?? "");
+        n(), r?.navigation.goToCfi(i?.meta.cfi ?? "");
       },
       children: [
-        r?.resource?.notes ? /* @__PURE__ */ e(w.Indicator, { asChild: !0, children: /* @__PURE__ */ e(le, {}) }) : o ? /* @__PURE__ */ e(w.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(le, {}) }) : null,
+        i?.resource?.notes ? /* @__PURE__ */ e(P.Indicator, { asChild: !0, children: /* @__PURE__ */ e(de, {}) }) : o ? /* @__PURE__ */ e(P.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(de, {}) }) : null,
         /* @__PURE__ */ s(C, { gap: 0, children: [
           a ? /* @__PURE__ */ e(p, { lineClamp: 2, fontSize: "md", children: a }) : /* @__PURE__ */ s(p, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
             "Page ",
-            (r?.meta.absolutePageIndex ?? 0) + 1
+            (i?.meta.absolutePageIndex ?? 0) + 1
           ] }),
           /* @__PURE__ */ e(
             p,
@@ -124,31 +136,31 @@ const U = S.ActionTrigger, E = () => Ve(Be), f = () => {
               fontStyle: "italic",
               fontWeight: "bold",
               fontSize: "sm",
-              children: `Book page: ${r?.meta?.absolutePageIndex !== void 0 ? r.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
+              children: `Book page: ${i?.meta?.absolutePageIndex !== void 0 ? i.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
             }
           )
         ] })
       ]
     }
   ) });
-}, ue = () => {
-  const t = f(), n = te(t) ? t : void 0;
+}, he = () => {
+  const t = m(), n = ie(t) ? t : void 0;
   return { data: b(
     () => n?.annotations.annotations$.pipe(
-      z(
-        (i) => n.locateResource(i)
+      W(
+        (r) => n.locateResource(r)
       )
     ),
     [n]
   ) };
-}, Lt = () => {
-  const { data: t } = ue();
+}, Wt = () => {
+  const { data: t } = he();
   return {
     data: t?.filter((n) => n.meta.isCfiRange)
   };
-}, _t = ({ onNavigate: t }) => {
-  const { data: n } = Lt();
-  return /* @__PURE__ */ e(w.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: n?.map((o) => /* @__PURE__ */ e(
+}, Ht = ({ onNavigate: t }) => {
+  const { data: n } = Wt();
+  return /* @__PURE__ */ e(P.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: n?.map((o) => /* @__PURE__ */ e(
     Fe,
     {
       id: o.resource.id,
@@ -156,16 +168,16 @@ const U = S.ActionTrigger, E = () => Ve(Be), f = () => {
     },
     o.resource.id
   )) });
-}, $t = () => {
-  const { data: t } = ue();
+}, Nt = () => {
+  const { data: t } = he();
   return {
     data: t?.filter(
       (n) => !n.meta.isCfiRange && !n.resource.notes
     )
   };
-}, Ft = ({ onNavigate: t }) => {
-  const { data: n } = $t();
-  return /* @__PURE__ */ e(w.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: n?.map((o) => /* @__PURE__ */ e(
+}, Vt = ({ onNavigate: t }) => {
+  const { data: n } = Nt();
+  return /* @__PURE__ */ e(P.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: n?.map((o) => /* @__PURE__ */ e(
     Fe,
     {
       id: o.resource.id,
@@ -174,112 +186,112 @@ const U = S.ActionTrigger, E = () => Ve(Be), f = () => {
     },
     o.resource.id
   )) });
-}, Wt = m(
+}, Gt = f(
   ({
     onNavigate: t,
     defaultTab: n
   }) => {
-    const [o, i] = R(n ?? "bookmarks");
+    const [o, r] = y(n ?? "bookmarks");
     return /* @__PURE__ */ s(
-      M.Root,
+      D.Root,
       {
         value: o,
-        onValueChange: (r) => i(r.value),
+        onValueChange: (i) => r(i.value),
         children: [
-          /* @__PURE__ */ s(M.List, { children: [
-            /* @__PURE__ */ s(M.Trigger, { value: "bookmarks", children: [
-              /* @__PURE__ */ e(at, {}),
+          /* @__PURE__ */ s(D.List, { children: [
+            /* @__PURE__ */ s(D.Trigger, { value: "bookmarks", children: [
+              /* @__PURE__ */ e(ct, {}),
               "Bookmarks"
             ] }),
-            /* @__PURE__ */ s(M.Trigger, { value: "annotations", children: [
-              /* @__PURE__ */ e(le, {}),
+            /* @__PURE__ */ s(D.Trigger, { value: "annotations", children: [
+              /* @__PURE__ */ e(de, {}),
               "Annotations"
             ] }),
-            /* @__PURE__ */ e(M.Indicator, {})
+            /* @__PURE__ */ e(D.Indicator, {})
           ] }),
-          /* @__PURE__ */ e(M.Content, { value: "bookmarks", children: /* @__PURE__ */ e(Ft, { onNavigate: t }) }),
-          /* @__PURE__ */ e(M.Content, { value: "annotations", children: /* @__PURE__ */ e(_t, { onNavigate: t }) })
+          /* @__PURE__ */ e(D.Content, { value: "bookmarks", children: /* @__PURE__ */ e(Vt, { onNavigate: t }) }),
+          /* @__PURE__ */ e(D.Content, { value: "annotations", children: /* @__PURE__ */ e(Ht, { onNavigate: t }) })
         ]
       }
     );
   }
-), Ht = m(
+), jt = f(
   ({
     openWith: t,
     setOpen: n,
     onNavigate: o
   }) => /* @__PURE__ */ e(
-    N,
+    q,
     {
       lazyMount: !0,
       placement: "center",
       open: !!t,
-      onOpenChange: (i) => n(i.open),
+      onOpenChange: (r) => n(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ s(W, { height: "100%", children: [
-        /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(Y, { children: "Annotations" }) }),
-        /* @__PURE__ */ e(G, { flex: 1, children: /* @__PURE__ */ e(
-          Wt,
+      children: /* @__PURE__ */ s(G, { height: "100%", children: [
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(Q, { children: "Annotations" }) }),
+        /* @__PURE__ */ e(Z, { flex: 1, children: /* @__PURE__ */ e(
+          Gt,
           {
             onNavigate: o,
             defaultTab: t
           }
         ) }),
-        /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(F, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(H, {})
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(V, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(j, {})
       ] })
     }
   )
-), Nt = m(({ children: t }) => {
-  const n = f(), o = b(() => n?.spine.element$, [n]);
-  return o ? /* @__PURE__ */ e(ce, { children: pt(t, o) }) : null;
-}), Vt = ({
+), qt = f(({ children: t }) => {
+  const n = m(), o = b(() => n?.spine.element$, [n]);
+  return o ? /* @__PURE__ */ e(be, { children: vt(t, o) }) : null;
+}), Yt = ({
   absolutePageIndex: t,
   itemIndex: n
 }) => {
-  const o = f();
+  const o = m();
   return {
-    spineItem: b(() => o ? n !== void 0 ? ae(o.spine.spineItemsManager.get(n)) : t !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(t).pipe(
-      B((r) => o.spine.spineItemsManager.get(r?.itemIndex))
-    ) : fe : fe, [n, t, o])
+    spineItem: b(() => o ? n !== void 0 ? ce(o.spine.spineItemsManager.get(n)) : t !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(t).pipe(
+      _((i) => o.spine.spineItemsManager.get(i?.itemIndex))
+    ) : ye : ye, [n, t, o])
   };
-}, jt = ({
+}, Ut = ({
   absolutePageIndex: t,
   itemIndex: n
 }) => {
-  const { spineItem: o } = Vt({ absolutePageIndex: t, itemIndex: n }), i = b(
-    () => o?.isReady$ ?? ae(!1),
+  const { spineItem: o } = Yt({ absolutePageIndex: t, itemIndex: n }), r = b(
+    () => o?.isReady$ ?? ce(!1),
     [o]
   );
-  return { spineItem: o, isReady: i };
-}, Gt = m(
+  return { spineItem: o, isReady: r };
+}, Zt = f(
   ({
     absolutePageIndex: t,
     left: n,
     top: o,
-    width: i
+    width: r
   }) => {
-    const { isReady: r } = jt({
+    const { isReady: i } = Ut({
       absolutePageIndex: t
-    }), { data: a } = ue(), l = a?.find(
+    }), { data: a } = he(), l = a?.find(
       (d) => d?.meta?.absolutePageIndex === t && d.meta.range === void 0
     );
-    if (!r) return null;
-    const c = i * 0.1 / 2;
+    if (!i) return null;
+    const c = r * 0.1 / 2;
     return /* @__PURE__ */ e(
-      se,
+      oe,
       {
         present: !!l,
         lazyMount: !0,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
         children: /* @__PURE__ */ e(
-          O,
+          B,
           {
-            "data-bookmark-area": zt,
+            "data-bookmark-area": _t,
             position: "absolute",
-            left: n + i,
+            left: n + r,
             transform: "translateX(-100%)",
             pointerEvents: "none",
             top: o,
@@ -300,38 +312,38 @@ const U = S.ActionTrigger, E = () => Ve(Be), f = () => {
       }
     );
   }
-), Yt = m(() => {
-  const t = f(), n = b(() => t?.layoutInfo$, [t]);
-  return /* @__PURE__ */ e(Nt, { children: n?.pages.map(
-    ({ absoluteLayout: { left: o, top: i, width: r } }, a) => /* @__PURE__ */ e(
-      Gt,
+), Qt = f(() => {
+  const t = m(), n = b(() => t?.layoutInfo$, [t]);
+  return /* @__PURE__ */ e(qt, { children: n?.pages.map(
+    ({ absoluteLayout: { left: o, top: r, width: i } }, a) => /* @__PURE__ */ e(
+      Zt,
       {
         absolutePageIndex: a,
         left: o,
-        top: i,
-        width: r
+        top: r,
+        width: i
       },
       a
     )
   ) });
-}), Ut = () => {
-  const t = f();
-  return te(t) ? t : void 0;
-}, qt = () => {
-  const t = Ut(), { data: n } = ue();
-  ne(() => t ? t.gestures.hooks.register(
+}), Kt = () => {
+  const t = m();
+  return ie(t) ? t : void 0;
+}, Xt = () => {
+  const t = Kt(), { data: n } = he();
+  H(() => t ? t.gestures.hooks.register(
     "beforeTapGesture",
-    ({ event$: i }) => i.pipe(
-      Ue(t?.annotations.candidates$),
-      B(([r, a]) => {
-        if (!r.page) return !0;
+    ({ event$: r }) => r.pipe(
+      Ze(t?.annotations.candidates$),
+      _(([i, a]) => {
+        if (!i.page) return !0;
         const {
           spineItem: l,
           spineItemPageIndex: c,
           spineItemPagePosition: d,
           pageSize: u
-        } = r.page;
-        if (ft(
+        } = i.page;
+        if (Ct(
           d,
           {
             type: "corner",
@@ -346,11 +358,11 @@ const U = S.ActionTrigger, E = () => Ve(Be), f = () => {
             c
           );
           if (!h) return !0;
-          const v = n?.find(
-            (P) => P?.meta?.absolutePageIndex === h.absolutePageIndex && P.meta.range === void 0
+          const x = n?.find(
+            (I) => I?.meta?.absolutePageIndex === h.absolutePageIndex && I.meta.range === void 0
           );
-          if (v)
-            return t?.annotations.delete(v.resource.id), !1;
+          if (x)
+            return t?.annotations.delete(x.resource.id), !1;
           if (a?.[h.absolutePageIndex])
             return t?.annotations.annotateAbsolutePage({
               absolutePageIndex: h.absolutePageIndex
@@ -360,18 +372,18 @@ const U = S.ActionTrigger, E = () => Ve(Be), f = () => {
       })
     )
   ) : void 0, [t, n]);
-}, me = Je({
+}, me = nt({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), Qt = () => /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(et, { toaster: me, insetInline: { mdDown: "4" }, children: (t) => /* @__PURE__ */ s(_.Root, { width: { md: "sm" }, children: [
-  t.type === "loading" ? /* @__PURE__ */ e(tt, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ e(_.Indicator, {}),
+}), Jt = () => /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ e(ot, { toaster: me, insetInline: { mdDown: "4" }, children: (t) => /* @__PURE__ */ s($.Root, { width: { md: "sm" }, children: [
+  t.type === "loading" ? /* @__PURE__ */ e(rt, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ e($.Indicator, {}),
   /* @__PURE__ */ s(C, { gap: "1", flex: "1", maxWidth: "100%", children: [
-    t.title && /* @__PURE__ */ e(_.Title, { children: t.title }),
-    t.description && /* @__PURE__ */ e(_.Description, { children: t.description })
+    t.title && /* @__PURE__ */ e($.Title, { children: t.title }),
+    t.description && /* @__PURE__ */ e($.Description, { children: t.description })
   ] }),
-  t.action && /* @__PURE__ */ e(_.ActionTrigger, { children: t.action.label }),
-  t.meta?.closable && /* @__PURE__ */ e(_.CloseTrigger, {})
-] }) }) }), Zt = {
+  t.action && /* @__PURE__ */ e($.ActionTrigger, { children: t.action.label }),
+  t.meta?.closable && /* @__PURE__ */ e($.CloseTrigger, {})
+] }) }) }), en = {
   x: 0,
   y: 0,
   width: 0,
@@ -381,60 +393,60 @@ const U = S.ActionTrigger, E = () => Ve(Be), f = () => {
   bottom: 0,
   right: 0
 };
-function Kt() {
-  const [t, n] = R(null), [o, i] = R(Zt), r = Pe(
+function tn() {
+  const [t, n] = y(null), [o, r] = y(en), i = Pe(
     () => new ResizeObserver((a) => {
       if (a[0]) {
-        const { x: l, y: c, width: d, height: u, top: g, left: h, bottom: v, right: T } = a[0].contentRect;
-        i({ x: l, y: c, width: d, height: u, top: g, left: h, bottom: v, right: T });
+        const { x: l, y: c, width: d, height: u, top: g, left: h, bottom: x, right: S } = a[0].contentRect;
+        r({ x: l, y: c, width: d, height: u, top: g, left: h, bottom: x, right: S });
       }
     }),
     []
   );
   return je(() => {
     if (t)
-      return r.observe(t), () => {
-        r.disconnect();
+      return i.observe(t), () => {
+        i.disconnect();
       };
-  }, [t, r]), [n, o, t];
+  }, [t, i]), [n, o, t];
 }
-const Xt = (t, n, o) => {
-  const i = f(), r = _e(i) ? i : void 0;
-  D(() => {
-    if (!r || !t) return de;
+const nn = (t, n, o) => {
+  const r = m(), i = _e(r) ? r : void 0;
+  N(() => {
+    if (!i || !t) return ve;
     const a = n.layout.layout$.pipe(
-      qe(n.layout.layoutInfo),
-      Ce(mt)
-    ), l = bt(
+      Qe(n.layout.layoutInfo),
+      Ce(kt)
+    ), l = St(
       t
-    ).pipe(B((c) => c.some((d) => d.isIntersecting)));
+    ).pipe(_((c) => c.some((d) => d.isIntersecting)));
     return a.pipe(
-      Qe(100, void 0, { trailing: !0 }),
-      z(() => l.pipe(
-        ve((c) => {
+      Ke(100, void 0, { trailing: !0 }),
+      W(() => l.pipe(
+        xe((c) => {
           c || (t.innerHTML = "");
         }),
-        ie((c) => c),
-        Oe()
+        le((c) => c),
+        ze()
       ).pipe(
-        z(() => (t.innerHTML = "", r?.gallery.snapshot(
+        W(() => (t.innerHTML = "", i?.gallery.snapshot(
           n,
           t,
           o
         )))
       ))
     );
-  }, [r, n, o, t]);
-}, Jt = m(
+  }, [i, n, o, t]);
+}, on = f(
   ({ item: t, onNavigated: n }) => {
-    const [o, i, r] = Kt(), a = f();
-    Xt(r, t, i);
+    const [o, r, i] = tn(), a = m();
+    nn(i, t, r);
     const l = b(
       () => a?.locateResource(t, { mode: "shallow" }),
       [a, t]
     );
     return /* @__PURE__ */ s(
-      O,
+      B,
       {
         width: "100%",
         aspectRatio: "2/3",
@@ -450,7 +462,7 @@ const Xt = (t, n, o) => {
         },
         children: [
           /* @__PURE__ */ e(
-            O,
+            B,
             {
               height: "100%",
               width: "100%",
@@ -480,22 +492,22 @@ const Xt = (t, n, o) => {
       }
     );
   }
-), en = m(
+), rn = f(
   ({ open: t, setOpen: n }) => {
-    const o = f(), i = b(() => o?.spineItemsManager.items$, [o]);
+    const o = m(), r = b(() => o?.spineItemsManager.items$, [o]);
     return /* @__PURE__ */ e(
-      N,
+      q,
       {
         lazyMount: !0,
         placement: "center",
         open: t,
-        onOpenChange: (r) => n(r.open),
+        onOpenChange: (i) => n(i.open),
         size: { mdDown: "full", md: "lg" },
         scrollBehavior: "inside",
-        children: /* @__PURE__ */ s(W, { height: "100%", children: [
-          /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(Y, { children: "Gallery" }) }),
-          /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
-            O,
+        children: /* @__PURE__ */ s(G, { height: "100%", children: [
+          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(Q, { children: "Gallery" }) }),
+          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
+            B,
             {
               gridTemplateColumns: [
                 "repeat(2, minmax(0, 1fr))",
@@ -505,27 +517,27 @@ const Xt = (t, n, o) => {
               gap: [2, 4],
               pt: 2,
               "data-grid": !0,
-              children: i?.map((r) => /* @__PURE__ */ e(
-                Jt,
+              children: r?.map((i) => /* @__PURE__ */ e(
+                on,
                 {
-                  item: r,
+                  item: i,
                   onNavigated: () => {
                     n(!1);
                   }
                 },
-                r.item.id
+                i.item.id
               ))
             }
           ) }),
-          /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(F, { variant: "outline", children: "Cancel" }) }) }),
-          /* @__PURE__ */ e(H, {})
+          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(V, { variant: "outline", children: "Cancel" }) }) }),
+          /* @__PURE__ */ e(j, {})
         ] })
       }
     );
   }
-), tn = "@prose-reader/react-reader", nn = "1.249.0", on = m(
+), an = "@prose-reader/react-reader", sn = "1.251.0", ln = f(
   ({ open: t, setOpen: n }) => /* @__PURE__ */ e(
-    N,
+    q,
     {
       lazyMount: !0,
       placement: "center",
@@ -533,10 +545,10 @@ const Xt = (t, n, o) => {
       onOpenChange: (o) => n(o.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ s(W, { children: [
-        /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(Y, { children: "Help" }) }),
+      children: /* @__PURE__ */ s(G, { children: [
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(Q, { children: "Help" }) }),
         /* @__PURE__ */ s(
-          G,
+          Z,
           {
             overflowY: "auto",
             flex: 1,
@@ -545,97 +557,97 @@ const Xt = (t, n, o) => {
             gap: 4,
             children: [
               /* @__PURE__ */ s(C, { children: [
-                /* @__PURE__ */ e(he, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-                /* @__PURE__ */ s(A, { mb: 1, children: [
-                  /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(st, {}) }),
+                /* @__PURE__ */ e(ge, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+                /* @__PURE__ */ s(O, { mb: 1, children: [
+                  /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(dt, {}) }),
                   " ",
                   /* @__PURE__ */ e(p, { children: "Navigate to right page" })
                 ] }),
-                /* @__PURE__ */ s(A, { mb: 1, children: [
-                  /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(lt, {}) }),
+                /* @__PURE__ */ s(O, { mb: 1, children: [
+                  /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(ut, {}) }),
                   " ",
                   /* @__PURE__ */ e(p, { children: "Navigate to left page" })
                 ] })
               ] }),
               /* @__PURE__ */ s(C, { children: [
-                /* @__PURE__ */ e(he, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }),
-                /* @__PURE__ */ e(A, { mb: 1, children: /* @__PURE__ */ e(p, { children: "Tap on the top right corner of a page bookmark it" }) })
+                /* @__PURE__ */ e(ge, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }),
+                /* @__PURE__ */ e(O, { mb: 1, children: /* @__PURE__ */ e(p, { children: "Tap on the top right corner of a page bookmark it" }) })
               ] }),
               /* @__PURE__ */ s(C, { children: [
-                /* @__PURE__ */ e(he, { mb: 2, as: "h3", size: "lg", children: "About" }),
+                /* @__PURE__ */ e(ge, { mb: 2, as: "h3", size: "lg", children: "About" }),
                 /* @__PURE__ */ s(p, { children: [
-                  tn,
+                  an,
                   " version: ",
-                  nn
+                  sn
                 ] })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(F, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(H, {})
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(V, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(j, {})
       ] })
     }
   )
-), q = () => {
-  const t = f();
+), X = () => {
+  const t = m();
   return b(
-    () => t ? Ze([t.pagination.state$, t.context]).pipe(
-      B(([n, o]) => {
-        const i = o.manifest?.spineItems.every(
-          (r) => r.mediaType?.startsWith("image/")
+    () => t ? Xe([t.pagination.state$, t.context]).pipe(
+      _(([n, o]) => {
+        const r = o.manifest?.spineItems.every(
+          (i) => i.mediaType?.startsWith("image/")
         );
         return {
           ...n,
-          hasChapters: !o.isFullyPrePaginated && !i
+          hasChapters: !o.isFullyPrePaginated && !r
         };
       })
-    ) : de,
+    ) : ve,
     [t]
   );
-}, rn = () => {
-  const t = q(), n = Math.floor(
+}, cn = () => {
+  const t = X(), n = Math.floor(
     (t?.percentageEstimateOfBook ?? 0) * 100
   ), o = n > 0 ? n : 1;
-  return t?.percentageEstimateOfBook === void 0 ? null : /* @__PURE__ */ e(O, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ s(p, { fontSize: "sm", children: [
+  return t?.percentageEstimateOfBook === void 0 ? null : /* @__PURE__ */ e(B, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ s(p, { fontSize: "sm", children: [
     o,
     " %"
   ] }) });
-}, an = () => {
-  const [t, n] = R(/* @__PURE__ */ new Date());
-  return ne(() => {
+}, dn = () => {
+  const [t, n] = y(/* @__PURE__ */ new Date());
+  return H(() => {
     const o = setInterval(() => {
       n(/* @__PURE__ */ new Date());
     }, 6e4);
     return () => clearInterval(o);
   }, []), t;
-}, sn = (t) => {
-  const n = an();
+}, un = (t) => {
+  const n = dn();
   return /* @__PURE__ */ e(p, { fontSize: "xs", ...t, children: n.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
   }) });
 }, Ie = () => {
   const { quickMenuSignal: t } = E();
-  return [be(t), t.update, t];
-}, ln = () => {
+  return [ue(t), t.update, t];
+}, hn = () => {
   const [t] = Ie();
   return /* @__PURE__ */ e(
-    O,
+    B,
     {
       position: "absolute",
       left: 0,
       bottom: 0,
       p: 2,
       color: t ? void 0 : "colorPalette.contrast",
-      children: /* @__PURE__ */ e(sn, {})
+      children: /* @__PURE__ */ e(un, {})
     }
   );
-}, cn = () => {
-  const t = f();
-  D(
+}, gn = () => {
+  const t = m();
+  N(
     () => t?.links$.subscribe((n) => {
-      if (n.type === "click" && xt(n.target, "a")) {
+      if (n.type === "click" && It(n.target, "a")) {
         if (!n.target.href) return;
         const o = new URL(n.target.href);
         window.location.host !== o.host && confirm(
@@ -645,36 +657,14 @@ const Xt = (t, n, o) => {
     }),
     [t]
   );
-}, dn = () => {
-  const t = f(), { notificationsSubject: n } = E();
-  D(
-    () => t?.zoom.state$.pipe(
-      vt(["isZooming", "currentScale"]),
-      z(({ isZooming: o, currentScale: i }) => {
-        if (!o || i < 1) return fe;
-        const r = new xe();
-        return n.next({
-          key: "zoom",
-          title: "Zooming",
-          duration: 999999,
-          abort: r
-        }), de.pipe(
-          Ee(() => {
-            r.next(), r.complete();
-          })
-        );
-      })
-    ),
-    [t]
-  );
-}, un = () => {
-  const t = f(), { notificationsSubject: n } = E();
-  D(
+}, pn = () => {
+  const t = m(), { notificationsSubject: n } = E();
+  N(
     () => t?.settings.values$.pipe(
-      B(({ fontScale: o }) => o),
+      _(({ fontScale: o }) => o),
       Ce(),
-      Me(1),
-      ve((o) => {
+      Oe(1),
+      xe((o) => {
         n.next({
           key: "fontScaleChange",
           title: "Font size changed",
@@ -684,53 +674,53 @@ const Xt = (t, n, o) => {
     ),
     [t, n]
   );
-}, hn = () => {
+}, fn = () => {
   const { notificationsSubject: t } = E();
-  un(), dn(), D(
+  pn(), N(
     () => t.pipe(
-      ie(Ae),
-      Ke((n) => {
-        const o = n.duration ?? 3e3, i = me.create({
+      le(Be),
+      Je((n) => {
+        const o = n.duration ?? 3e3, r = me.create({
           title: n.title,
           description: n.description,
           duration: o
-        }), r = t.pipe(
-          Me(1),
-          ie((a) => !!n.key && a?.key === n.key)
+        }), i = t.pipe(
+          Oe(1),
+          le((a) => !!n.key && a?.key === n.key)
         );
-        return ze(
-          De(o),
-          n.abort ?? de,
-          r
+        return Me(
+          Ee(o),
+          n.abort ?? ve,
+          i
         ).pipe(
-          Oe(),
-          Ee(() => {
-            me.dismiss(i);
+          ze(),
+          et(() => {
+            me.dismiss(r);
           })
         );
       })
     ),
     [t]
   );
-}, gn = y.forwardRef(
+}, mn = T.forwardRef(
   function(n, o) {
     const {
-      showArrow: i,
-      children: r,
+      showArrow: r,
+      children: i,
       portalled: a = !0,
       content: l,
       portalRef: c,
       ...d
     } = n;
     return /* @__PURE__ */ s(
-      $.Root,
+      F.Root,
       {
         ...d,
         positioning: { ...d.positioning, gutter: 4 },
         children: [
-          /* @__PURE__ */ e($.Trigger, { asChild: !0, children: r }),
-          /* @__PURE__ */ e(ke, { disabled: !a, container: c, children: /* @__PURE__ */ e($.Positioner, { children: /* @__PURE__ */ s(
-            $.Content,
+          /* @__PURE__ */ e(F.Trigger, { asChild: !0, children: i }),
+          /* @__PURE__ */ e(ke, { disabled: !a, container: c, children: /* @__PURE__ */ e(F.Positioner, { children: /* @__PURE__ */ s(
+            F.Content,
             {
               width: "auto",
               px: "2",
@@ -739,7 +729,7 @@ const Xt = (t, n, o) => {
               rounded: "sm",
               ref: o,
               children: [
-                i && /* @__PURE__ */ e($.Arrow, { children: /* @__PURE__ */ e($.ArrowTip, {}) }),
+                r && /* @__PURE__ */ e(F.Arrow, { children: /* @__PURE__ */ e(F.ArrowTip, {}) }),
                 l
               ]
             }
@@ -748,61 +738,61 @@ const Xt = (t, n, o) => {
       }
     );
   }
-), pn = y.forwardRef(function(n, o) {
-  const { children: i, ...r } = n;
-  return /* @__PURE__ */ e(gn, { content: i, ...r, ref: o, children: /* @__PURE__ */ e(
-    x,
+), bn = T.forwardRef(function(n, o) {
+  const { children: r, ...i } = n;
+  return /* @__PURE__ */ e(mn, { content: r, ...i, ref: o, children: /* @__PURE__ */ e(
+    v,
     {
       variant: "ghost",
       "aria-label": "info",
       size: "2xs",
       colorPalette: "gray",
-      children: /* @__PURE__ */ e(At, {})
+      children: /* @__PURE__ */ e(Mt, {})
     }
   ) });
-}), fn = y.forwardRef(function(n, o) {
-  return /* @__PURE__ */ e(ee.Track, { ...n, ref: o, children: /* @__PURE__ */ e(ee.Range, {}) });
+}), xn = T.forwardRef(function(n, o) {
+  return /* @__PURE__ */ e(re.Track, { ...n, ref: o, children: /* @__PURE__ */ e(re.Range, {}) });
 });
-y.forwardRef(function(n, o) {
-  const { children: i, info: r, ...a } = n;
-  return /* @__PURE__ */ s(ee.Label, { ...a, ref: o, children: [
-    i,
-    r && /* @__PURE__ */ e(pn, { children: r })
+T.forwardRef(function(n, o) {
+  const { children: r, info: i, ...a } = n;
+  return /* @__PURE__ */ s(re.Label, { ...a, ref: o, children: [
+    r,
+    i && /* @__PURE__ */ e(bn, { children: i })
   ] });
 });
-const mn = ee.Root, bn = ee.ValueText, Re = () => {
-  const t = q(), n = t?.numberOfTotalPages === 1, o = (t?.beginNumberOfPagesInSpineItem ?? 0) > 1, i = (t?.endNumberOfPagesInSpineItem ?? 0) > 1, r = (t?.hasChapters ? t?.beginPageIndexInSpineItem : t?.beginAbsolutePageIndex) ?? 0, a = (t?.hasChapters ? t?.endPageIndexInSpineItem : t?.endAbsolutePageIndex) ?? 0, [l = 0, c = 0] = [
-    r,
+const vn = re.Root, Cn = re.ValueText, Re = () => {
+  const t = X(), n = t?.numberOfTotalPages === 1, o = (t?.beginNumberOfPagesInSpineItem ?? 0) > 1, r = (t?.endNumberOfPagesInSpineItem ?? 0) > 1, i = (t?.hasChapters ? t?.beginPageIndexInSpineItem : t?.beginAbsolutePageIndex) ?? 0, a = (t?.hasChapters ? t?.endPageIndexInSpineItem : t?.endAbsolutePageIndex) ?? 0, [l = 0, c = 0] = [
+    i,
     a
   ].sort((g, h) => g - h), d = t?.beginPageIndexInSpineItem !== t?.endPageIndexInSpineItem || t?.beginSpineItemIndex !== t?.endSpineItemIndex, u = t?.hasChapters ? t?.beginNumberOfPagesInSpineItem : t?.numberOfTotalPages;
   return {
     hasOnlyOnePage: n,
-    beginPageIndex: r,
+    beginPageIndex: i,
     endPageIndex: a,
     isBeginWithinChapter: o,
-    isEndWithinChapter: i,
+    isEndWithinChapter: r,
     beginAndEndAreDifferent: d,
     totalApproximatePages: u,
     leftPageIndex: l,
     rightPageIndex: c
   };
-}, xn = () => {
-  const t = q(), {
+}, kn = () => {
+  const t = X(), {
     hasOnlyOnePage: n,
     leftPageIndex: o,
-    rightPageIndex: i,
-    totalApproximatePages: r,
+    rightPageIndex: r,
+    totalApproximatePages: i,
     beginAndEndAreDifferent: a
   } = Re(), l = Math.round((t?.percentageEstimateOfBook ?? 0) * 100), c = (u) => u?.subChapter ? `${u.title} / ${c(u.subChapter)}` : u?.title || "", d = c(t?.beginChapterInfo);
   return /* @__PURE__ */ s(C, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
-    /* @__PURE__ */ e(mn, { value: l, size: "xs", width: 150, children: /* @__PURE__ */ s(A, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(fn, { width: 110 }),
-      /* @__PURE__ */ e(bn, { children: `${l}%` })
+    /* @__PURE__ */ e(vn, { value: l, size: "xs", width: 150, children: /* @__PURE__ */ s(O, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ e(xn, { width: 110 }),
+      /* @__PURE__ */ e(Cn, { children: `${l}%` })
     ] }) }),
     /* @__PURE__ */ e(p, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: d ? `Chapter: ${d}` : " " }),
-    !n && /* @__PURE__ */ s(A, { children: [
-      /* @__PURE__ */ e(p, { fontSize: "xs", children: a ? `${o + 1} - ${i + 1} of ${r}` : `${o + 1} of ${r}` }),
-      !!t?.hasChapters && /* @__PURE__ */ s(ce, { children: [
+    !n && /* @__PURE__ */ s(O, { children: [
+      /* @__PURE__ */ e(p, { fontSize: "xs", children: a ? `${o + 1} - ${r + 1} of ${i}` : `${o + 1} of ${i}` }),
+      !!t?.hasChapters && /* @__PURE__ */ s(be, { children: [
         /* @__PURE__ */ e(p, { children: "-" }),
         /* @__PURE__ */ s(p, { fontSize: "xs", children: [
           "(",
@@ -812,13 +802,13 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
       ] })
     ] })
   ] });
-}, We = m(
+}, We = f(
   ({
     children: t,
     position: n,
     ...o
   }) => /* @__PURE__ */ e(
-    se,
+    oe,
     {
       display: "flex",
       flexDirection: "row",
@@ -842,8 +832,8 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
       children: t
     }
   )
-), vn = nt(Ot), Cn = m((t) => /* @__PURE__ */ e(
-  O,
+), Sn = it(Et), In = f((t) => /* @__PURE__ */ e(
+  B,
   {
     display: "contents",
     css: {
@@ -852,7 +842,7 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
       "--color-solid": "colors.colorPalette.solid"
     },
     children: /* @__PURE__ */ e(
-      vn,
+      Sn,
       {
         keyboard: !1,
         style: {
@@ -896,65 +886,74 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
       }
     )
   }
-)), kn = () => {
-  const n = q()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: i = 0 } = Re(), r = n ? Math.floor((o || 0) / 2) : o, [a, l] = Ye(
-    () => J({
-      default: r || 0
+)), Rn = () => {
+  const n = X()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = Re(), i = n ? Math.floor((o || 0) / 2) : o, [a, l] = Ue(
+    () => L({
+      default: i || 0
     })
   ), c = 0, d = Math.max(
     0,
-    n ? Math.floor((i - 1) / 2) : i - 1
+    n ? Math.floor((r - 1) / 2) : r - 1
   );
-  return ne(() => {
-    l.update(r || 0);
-  }, [r, l]), {
+  return H(() => {
+    l.update(i || 0);
+  }, [i, l]), {
     value: a,
     valueSignal: l,
     min: c,
     max: d
   };
-}, Sn = (t) => {
-  const n = f(), o = q(), { manifest: i } = b(() => n?.context, [n]) ?? {}, r = i?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = Re(), d = 1, u = c, { value: g, valueSignal: h, min: v, max: T } = kn(), P = X(
-    (Q) => {
-      const [k = 0] = Array.isArray(Q) ? Q : [Q];
-      h.update(k);
-      const ye = a ? Math.floor(k) * 2 : Math.floor(k);
+}, yn = (t) => {
+  const n = m(), o = X(), { manifest: r } = b(() => n?.context, [n]) ?? {}, i = r?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = Re(), d = 1, u = c, { value: g, valueSignal: h, min: x, max: S } = Rn(), I = ne(
+    (M) => {
+      const [A = 0] = Array.isArray(M) ? M : [M];
+      h.update(A);
+      const ae = a ? Math.floor(A) * 2 : Math.floor(A);
       u ? n?.navigation.goToPageOfSpineItem({
-        pageIndex: ye,
+        pageIndex: ae,
         spineItemId: n.pagination.state.beginSpineItemIndex ?? 0,
         animation: !1
       }) : n?.navigation.goToAbsolutePageIndex({
-        absolutePageIndex: ye,
+        absolutePageIndex: ae,
         animation: !1
       });
     },
     [n, a, h, u]
   );
-  return D(
+  return N(
     () => n?.navigation.throttleLock({
       duration: 100,
       trigger: h.subject
     }),
     [n, h]
-  ), l === 1 || a && l === 2 ? /* @__PURE__ */ e(O, { style: t.style }) : /* @__PURE__ */ e(
-    Cn,
+  ), l === 1 || a && l === 2 ? /* @__PURE__ */ e(B, { style: t.style }) : /* @__PURE__ */ e(
+    In,
     {
       value: [g],
-      max: T,
-      min: v,
-      reverse: r,
+      max: S,
+      min: x,
+      reverse: i,
       step: d,
-      onChange: P,
+      onChange: I,
       ...t
     }
   );
-}, In = m(
+}, Tn = f(
   ({
     open: t,
     onItemClick: n
   }) => {
-    const o = f(), { refitMenuSignal: i } = E(), r = b(() => o?.navigation.state$, [o]), a = b(() => o?.settings.values$, [o]), l = b(() => o?.zoom.state$, [o]), c = a?.computedPageTurnMode === "scrollable", d = a?.computedPageTurnDirection === "vertical", [u, g] = R(!0);
-    return /* @__PURE__ */ s(
+    const o = qe(null), r = m(), { refitMenuSignal: i, quickMenuBottomBarBoundingBox: a } = E(), l = b(() => r?.navigation.state$, [r]), c = b(() => r?.settings.values$, [r]), d = b(() => r?.zoom.state$, [r]), u = (d?.currentScale ?? 1) > 1, g = (d?.currentScale ?? 1) < 1, h = c?.computedPageTurnMode === "scrollable", x = c?.computedPageTurnDirection === "vertical", [S, I] = y(!0);
+    return H(() => {
+      if (!o.current) return;
+      const w = new ResizeObserver((M) => {
+        for (const A of M)
+          a.next(A);
+      });
+      return w.observe(o.current), () => {
+        w.disconnect();
+      };
+    }, [a]), /* @__PURE__ */ s(
       We,
       {
         present: t,
@@ -964,9 +963,10 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
         overflow: "auto",
         pb: 8,
         px: 0,
+        ref: o,
         children: [
           /* @__PURE__ */ s(
-            A,
+            O,
             {
               flex: 1,
               alignItems: "center",
@@ -975,15 +975,15 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
               px: 4,
               children: [
                 /* @__PURE__ */ e(
-                  x,
+                  v,
                   {
                     "aria-label": "left",
                     size: "lg",
                     variant: "ghost",
                     flexShrink: 0,
-                    onClick: () => o?.navigation.goToLeftOrTopSpineItem(),
-                    disabled: !r?.canGoLeftSpineItem && !r?.canGoTopSpineItem,
-                    children: d ? /* @__PURE__ */ e(yt, {}) : /* @__PURE__ */ e(Tt, {})
+                    onClick: () => r?.navigation.goToLeftOrTopSpineItem(),
+                    disabled: !l?.canGoLeftSpineItem && !l?.canGoTopSpineItem,
+                    children: x ? /* @__PURE__ */ e(Bt, {}) : /* @__PURE__ */ e(At, {})
                   }
                 ),
                 /* @__PURE__ */ s(
@@ -996,9 +996,9 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
                     overflow: "auto",
                     px: 4,
                     children: [
-                      /* @__PURE__ */ e(xn, {}),
+                      /* @__PURE__ */ e(kn, {}),
                       /* @__PURE__ */ e(
-                        Sn,
+                        yn,
                         {
                           style: {
                             width: "100%",
@@ -1011,102 +1011,117 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
                   }
                 ),
                 /* @__PURE__ */ e(
-                  x,
+                  v,
                   {
                     "aria-label": "right",
                     size: "lg",
                     flexShrink: 0,
                     variant: "ghost",
-                    disabled: !r?.canGoRightSpineItem && !r?.canGoBottomSpineItem,
+                    disabled: !l?.canGoRightSpineItem && !l?.canGoBottomSpineItem,
                     onClick: () => {
-                      o?.navigation.goToRightOrBottomSpineItem();
+                      r?.navigation.goToRightOrBottomSpineItem();
                     },
-                    children: d ? /* @__PURE__ */ e(wt, {}) : /* @__PURE__ */ e(Pt, {})
+                    children: x ? /* @__PURE__ */ e(zt, {}) : /* @__PURE__ */ e(Ot, {})
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(A, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
-            ge.Root,
+          /* @__PURE__ */ e(O, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
+            pe.Root,
             {
-              open: u,
+              open: S,
               flex: 1,
-              onOpenChange: ({ open: h }) => {
-                g(h);
+              onOpenChange: ({ open: w }) => {
+                I(w);
               },
               width: "100%",
               children: [
                 /* @__PURE__ */ e(
-                  ge.Trigger,
+                  pe.Trigger,
                   {
                     paddingY: "3",
                     width: "100%",
                     display: "flex",
                     justifyContent: "center",
                     children: /* @__PURE__ */ e(
-                      ct,
+                      ht,
                       {
                         style: {
-                          transform: u ? "rotate(0deg)" : "rotate(180deg)"
+                          transform: S ? "rotate(0deg)" : "rotate(180deg)"
                         }
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ e(ge.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ s(O, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
+                /* @__PURE__ */ e(pe.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ s(B, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
                   /* @__PURE__ */ e(
-                    x,
+                    v,
                     {
                       "aria-label": "Help",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("help"),
-                      children: /* @__PURE__ */ e(dt, {})
+                      children: /* @__PURE__ */ e(gt, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    x,
+                    v,
                     {
                       "aria-label": "Table of contents",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("toc"),
-                      children: /* @__PURE__ */ e(ut, {})
+                      children: /* @__PURE__ */ e(pt, {})
                     }
                   ),
-                  Le(o) && /* @__PURE__ */ e(
-                    x,
+                  Le(r) && /* @__PURE__ */ e(
+                    v,
                     {
                       "aria-label": "Search",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("search"),
-                      children: /* @__PURE__ */ e(ht, {})
+                      children: /* @__PURE__ */ e(ft, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    v,
+                    {
+                      "aria-label": "Zoom",
+                      size: "lg",
+                      variant: u ? "solid" : "ghost",
+                      onClick: () => {
+                        u ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
+                          animate: !0,
+                          scale: 2
+                        });
+                      },
+                      children: u ? /* @__PURE__ */ e(mt, {}) : /* @__PURE__ */ e(bt, {})
                     }
                   ),
-                  te(o) && /* @__PURE__ */ e(
-                    x,
+                  ie(r) && /* @__PURE__ */ e(
+                    v,
                     {
                       "aria-label": "Bookmarks",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("bookmarks"),
-                      children: /* @__PURE__ */ e(Ct, {})
+                      children: /* @__PURE__ */ e(Rt, {})
                     }
                   ),
-                  te(o) && /* @__PURE__ */ e(
-                    x,
+                  ie(r) && /* @__PURE__ */ e(
+                    v,
                     {
                       "aria-label": "Annotations",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("annotations"),
-                      children: /* @__PURE__ */ e(le, {})
+                      children: /* @__PURE__ */ e(de, {})
                     }
                   ),
-                  $e(o) && /* @__PURE__ */ e(
-                    x,
+                  $e(r) && /* @__PURE__ */ e(
+                    v,
                     {
                       "aria-label": "Refit",
                       size: "lg",
@@ -1114,33 +1129,33 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
                       onClick: () => {
                         i.next(!0);
                       },
-                      disabled: !c,
-                      children: /* @__PURE__ */ e(kt, {})
+                      disabled: !h,
+                      children: /* @__PURE__ */ e(yt, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    x,
+                    v,
                     {
                       "aria-label": "Thumbnails",
                       size: "lg",
-                      variant: l?.isZooming && l.currentScale < 1 ? "solid" : "ghost",
+                      variant: g ? "solid" : "ghost",
                       onClick: () => {
-                        l?.isZooming ? o?.zoom.exit() : o?.zoom.enter({
+                        g ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
                           animate: !0,
                           scale: 0.5
                         });
                       },
-                      children: /* @__PURE__ */ e(gt, {})
+                      children: /* @__PURE__ */ e(xt, {})
                     }
                   ),
-                  _e(o) && /* @__PURE__ */ e(
-                    x,
+                  _e(r) && /* @__PURE__ */ e(
+                    v,
                     {
                       "aria-label": "Gallery",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("gallery"),
-                      children: /* @__PURE__ */ e(Rt, {})
+                      children: /* @__PURE__ */ e(Pt, {})
                     }
                   )
                 ] }) })
@@ -1151,29 +1166,29 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
       }
     );
   }
-), Rn = () => {
-  const [t, n] = R(!1), o = X(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+), wn = () => {
+  const [t, n] = y(!1), o = ne(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
     n(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
     n(!0);
   }), []);
-  return ne(() => {
-    function i() {
+  return H(() => {
+    function r() {
       n(!!document.fullscreenElement);
     }
-    return document.addEventListener("fullscreenchange", i), () => {
-      document.removeEventListener("fullscreenchange", i);
+    return document.addEventListener("fullscreenchange", r), () => {
+      document.removeEventListener("fullscreenchange", r);
     };
   }, []), {
     isFullscreen: t,
     onToggleFullscreenClick: o
   };
-}, yn = m(
+}, Pn = f(
   ({
     open: t,
     onItemClick: n
   }) => {
-    const o = f(), i = b(() => o?.context.manifest$, [o]), { isFullscreen: r, onToggleFullscreenClick: a } = Rn();
+    const o = m(), r = b(() => o?.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: a } = wn();
     return /* @__PURE__ */ s(
       We,
       {
@@ -1183,14 +1198,14 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
         justifyContent: "space-between",
         children: [
           /* @__PURE__ */ e(
-            x,
+            v,
             {
               "aria-label": "left",
               size: "lg",
               variant: "ghost",
               flexShrink: 0,
               onClick: () => n("back"),
-              children: /* @__PURE__ */ e(Et, {})
+              children: /* @__PURE__ */ e(Dt, {})
             }
           ),
           /* @__PURE__ */ e(
@@ -1202,30 +1217,30 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
               alignItems: "center",
               overflow: "auto",
               px: 4,
-              children: /* @__PURE__ */ e(p, { truncate: !0, maxWidth: "100%", children: i?.title })
+              children: /* @__PURE__ */ e(p, { truncate: !0, maxWidth: "100%", children: r?.title })
             }
           ),
-          /* @__PURE__ */ s(A, { children: [
+          /* @__PURE__ */ s(O, { children: [
             /* @__PURE__ */ e(
-              x,
+              v,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: () => n("more"),
-                children: /* @__PURE__ */ e(Mt, {})
+                children: /* @__PURE__ */ e(Lt, {})
               }
             ),
             /* @__PURE__ */ e(
-              x,
+              v,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: a,
-                children: r ? /* @__PURE__ */ e(St, {}) : /* @__PURE__ */ e(It, {})
+                children: i ? /* @__PURE__ */ e(Tt, {}) : /* @__PURE__ */ e(wt, {})
               }
             )
           ] })
@@ -1233,115 +1248,115 @@ const mn = ee.Root, bn = ee.ValueText, Re = () => {
       }
     );
   }
-), Tn = m(
+), Bn = f(
   ({
     onItemClick: t
   }) => {
-    const [n] = Ie(), { refitMenuSignal: o } = E(), i = be(o);
-    return /* @__PURE__ */ s(ce, { children: [
-      /* @__PURE__ */ e(yn, { open: n && !i, onItemClick: t }),
+    const [n] = Ie(), { refitMenuSignal: o } = E(), r = ue(o);
+    return /* @__PURE__ */ s(be, { children: [
+      /* @__PURE__ */ e(Pn, { open: n && !r, onItemClick: t }),
       /* @__PURE__ */ e(
-        In,
+        Tn,
         {
-          open: n && !i,
+          open: n && !r,
           onItemClick: t
         }
       )
     ] });
   }
-), wn = y.forwardRef(
+), An = T.forwardRef(
   function(n, o) {
-    const { label: i, children: r, helperText: a, errorText: l, optionalText: c, ...d } = n;
-    return /* @__PURE__ */ s(Z.Root, { ref: o, ...d, children: [
-      i && /* @__PURE__ */ s(Z.Label, { children: [
-        i,
-        /* @__PURE__ */ e(Z.RequiredIndicator, { fallback: c })
+    const { label: r, children: i, helperText: a, errorText: l, optionalText: c, ...d } = n;
+    return /* @__PURE__ */ s(J.Root, { ref: o, ...d, children: [
+      r && /* @__PURE__ */ s(J.Label, { children: [
+        r,
+        /* @__PURE__ */ e(J.RequiredIndicator, { fallback: c })
       ] }),
-      r,
-      a && /* @__PURE__ */ e(Z.HelperText, { children: a }),
-      l && /* @__PURE__ */ e(Z.ErrorText, { children: l })
+      i,
+      a && /* @__PURE__ */ e(J.HelperText, { children: a }),
+      l && /* @__PURE__ */ e(J.ErrorText, { children: l })
     ] });
   }
-), oe = y.forwardRef(
+), se = T.forwardRef(
   function(n, o) {
-    const { children: i, inputProps: r, rootRef: a, ...l } = n;
-    return /* @__PURE__ */ s(K.Item, { ref: a, ...l, children: [
-      /* @__PURE__ */ e(K.ItemHiddenInput, { ref: o, ...r }),
-      /* @__PURE__ */ e(K.ItemIndicator, {}),
-      i && /* @__PURE__ */ e(K.ItemText, { children: i })
+    const { children: r, inputProps: i, rootRef: a, ...l } = n;
+    return /* @__PURE__ */ s(te.Item, { ref: a, ...l, children: [
+      /* @__PURE__ */ e(te.ItemHiddenInput, { ref: o, ...i }),
+      /* @__PURE__ */ e(te.ItemIndicator, {}),
+      r && /* @__PURE__ */ e(te.ItemText, { children: r })
     ] });
   }
-), Pn = K.Root, An = y.forwardRef(
+), zn = te.Root, He = T.forwardRef(
   function(n, o) {
-    const { marks: i, label: r, showValue: a, ...l } = n, c = n.defaultValue ?? n.value, d = i?.map((g) => typeof g == "number" ? { value: g, label: void 0 } : g), u = !!d?.some((g) => g.label);
-    return /* @__PURE__ */ s(I.Root, { ref: o, thumbAlignment: "center", ...l, children: [
-      r && !a && /* @__PURE__ */ e(I.Label, { children: r }),
-      r && a && /* @__PURE__ */ s(A, { justify: "space-between", children: [
-        /* @__PURE__ */ e(I.Label, { children: r }),
-        /* @__PURE__ */ e(I.ValueText, {})
+    const { marks: r, label: i, showValue: a, ...l } = n, c = n.defaultValue ?? n.value, d = r?.map((g) => typeof g == "number" ? { value: g, label: void 0 } : g), u = !!d?.some((g) => g.label);
+    return /* @__PURE__ */ s(R.Root, { ref: o, thumbAlignment: "center", ...l, children: [
+      i && !a && /* @__PURE__ */ e(R.Label, { children: i }),
+      i && a && /* @__PURE__ */ s(O, { justify: "space-between", children: [
+        /* @__PURE__ */ e(R.Label, { children: i }),
+        /* @__PURE__ */ e(R.ValueText, {})
       ] }),
-      /* @__PURE__ */ s(I.Control, { "data-has-mark-label": u || void 0, children: [
-        /* @__PURE__ */ e(I.Track, { children: /* @__PURE__ */ e(I.Range, {}) }),
+      /* @__PURE__ */ s(R.Control, { "data-has-mark-label": u || void 0, children: [
+        /* @__PURE__ */ e(R.Track, { children: /* @__PURE__ */ e(R.Range, {}) }),
         /* @__PURE__ */ e(On, { value: c }),
-        /* @__PURE__ */ e(En, { marks: d })
+        /* @__PURE__ */ e(Mn, { marks: d })
       ] })
     ] });
   }
 );
 function On(t) {
   const { value: n } = t;
-  return /* @__PURE__ */ e(ot, { each: n, children: (o, i) => /* @__PURE__ */ e(I.Thumb, { index: i, children: /* @__PURE__ */ e(I.HiddenInput, {}) }, i) });
+  return /* @__PURE__ */ e(at, { each: n, children: (o, r) => /* @__PURE__ */ e(R.Thumb, { index: r, children: /* @__PURE__ */ e(R.HiddenInput, {}) }, r) });
 }
-const En = y.forwardRef(
+const Mn = T.forwardRef(
   function(n, o) {
-    const { marks: i } = n;
-    return i?.length ? /* @__PURE__ */ e(I.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(I.Marker, { value: l, children: [
-        /* @__PURE__ */ e(I.MarkerIndicator, {}),
+    const { marks: r } = n;
+    return r?.length ? /* @__PURE__ */ e(R.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(R.Marker, { value: l, children: [
+        /* @__PURE__ */ e(R.MarkerIndicator, {}),
         c
       ] }, a);
     }) }) : null;
   }
-), Mn = m(() => {
-  const { refitMenuSignal: n } = E(), o = be(n), i = f(), r = $e(i) ? i : void 0, a = b(
-    () => r?.refit.settings$,
-    [r]
+), En = f(() => {
+  const { refitMenuSignal: n } = E(), o = ue(n), r = m(), i = $e(r) ? r : void 0, a = b(
+    () => i?.refit.settings$,
+    [i]
   );
   return /* @__PURE__ */ e(
-    N,
+    q,
     {
       lazyMount: !0,
       open: o,
       onOpenChange: (l) => n.next(l.open),
       placement: "center",
-      children: /* @__PURE__ */ s(W, { children: [
-        /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(Y, { children: "Viewport fit" }) }),
-        /* @__PURE__ */ e(G, { children: /* @__PURE__ */ s(pe.Root, { children: [
-          /* @__PURE__ */ e(pe.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }),
-          /* @__PURE__ */ s(pe.Content, { children: [
-            /* @__PURE__ */ e(wn, { label: "Profile", children: /* @__PURE__ */ e(
-              Pn,
+      children: /* @__PURE__ */ s(G, { children: [
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(Q, { children: "Viewport fit" }) }),
+        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ s(fe.Root, { children: [
+          /* @__PURE__ */ e(fe.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }),
+          /* @__PURE__ */ s(fe.Content, { children: [
+            /* @__PURE__ */ e(An, { label: "Profile", children: /* @__PURE__ */ e(
+              zn,
               {
                 defaultValue: "fit",
                 onValueChange: (l) => {
                   const c = l.value;
-                  r?.refit.update({
+                  i?.refit.update({
                     viewportFit: c,
                     customWidth: 60
                   });
                 },
                 value: a?.viewportFit ?? "fit",
                 children: /* @__PURE__ */ s(C, { gap: 2, children: [
-                  /* @__PURE__ */ e(oe, { value: "desktop", children: "Desktop" }),
-                  /* @__PURE__ */ e(oe, { value: "tablet", children: "Tablet" }),
-                  /* @__PURE__ */ e(oe, { value: "fit", children: "Full width (default)" }),
-                  /* @__PURE__ */ e(oe, { value: "custom", children: "Custom" })
+                  /* @__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(
-              An,
+              He,
               {
                 label: "Maximum width (%)",
                 showValue: !0,
@@ -1352,7 +1367,7 @@ const En = y.forwardRef(
                 value: [a?.customWidth ?? 60],
                 onValueChange: (l) => {
                   const c = l.value[0] ?? 0;
-                  r?.refit.update({
+                  i?.refit.update({
                     customWidth: c
                   });
                 }
@@ -1360,18 +1375,18 @@ const En = y.forwardRef(
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(F, { variant: "outline", children: "Close" }) }) }),
-        /* @__PURE__ */ e(H, {})
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(V, { variant: "outline", children: "Close" }) }) }),
+        /* @__PURE__ */ e(j, {})
       ] })
     }
   );
-}), zn = m(
+}), Dn = f(
   ({
     contextText: t = "",
     startOffset: n = 0,
     text: o,
-    cfi: i = "#",
-    onClick: r,
+    cfi: r = "#",
+    onClick: i,
     absolutePageIndex: a
   }) => {
     const c = t.substring(
@@ -1387,10 +1402,10 @@ const En = y.forwardRef(
     return /* @__PURE__ */ s(
       Se,
       {
-        href: i,
+        href: r,
         style: { margin: 5, overflow: "hidden" },
         onClick: (u) => {
-          u.preventDefault(), r(i);
+          u.preventDefault(), i(r);
         },
         display: "flex",
         flexDirection: "column",
@@ -1409,33 +1424,33 @@ const En = y.forwardRef(
       }
     );
   }
-), Dn = 500, Bn = () => {
-  const t = re(() => new Xe("")), n = b(t), o = f(), i = Le(o) ? o : void 0, r = b(() => t.pipe(
+), Ln = 500, _n = () => {
+  const t = ee(() => new tt("")), n = b(t), o = m(), r = Le(o) ? o : void 0, i = b(() => t.pipe(
     Ce(),
-    z(
-      (a) => a === "" || !i ? ae(void 0) : ze(
-        ae({
+    W(
+      (a) => a === "" || !r ? ce(void 0) : Me(
+        ce({
           type: "start",
           data: void 0
         }),
-        De(Dn).pipe(
-          z(() => i.search.search(a)),
-          B((l) => ({ type: "end", data: l }))
+        Ee(Ln).pipe(
+          W(() => r.search.search(a)),
+          _((l) => ({ type: "end", data: l }))
         )
       )
     )
-  ), [i, t]);
+  ), [r, t]);
   return {
     value: n,
     setValue: t.next.bind(t),
-    status: r?.type ?? "idle",
-    data: r?.data
+    status: i?.type ?? "idle",
+    data: i?.data
   };
-}, Ln = m(
+}, $n = f(
   ({ onNavigate: t }) => {
-    const n = f(), { value: o, setValue: i, status: r, data: a } = Bn(), l = (u) => {
-      i(u.target.value);
-    }, c = X(
+    const n = m(), { value: o, setValue: r, status: i, data: a } = _n(), l = (u) => {
+      r(u.target.value);
+    }, c = ne(
       (u) => {
         t(), n?.navigation.goToCfi(u);
       },
@@ -1446,7 +1461,7 @@ const En = y.forwardRef(
     );
     return /* @__PURE__ */ s(C, { flex: 1, height: "100%", gap: 2, children: [
       /* @__PURE__ */ e(
-        rt,
+        st,
         {
           placeholder: "Type something...",
           value: o,
@@ -1468,15 +1483,15 @@ const En = y.forwardRef(
           px: 4,
           flex: 1,
           children: [
-            r === "start" && /* @__PURE__ */ e(p, { children: "Searching ..." }),
+            i === "start" && /* @__PURE__ */ e(p, { children: "Searching ..." }),
             a?.length === 0 && /* @__PURE__ */ e(p, { children: "No results" }),
-            r === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ s(C, { children: [
+            i === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ s(C, { children: [
               /* @__PURE__ */ s(p, { fontSize: "md", children: [
                 a?.length,
                 " result(s)"
               ] }),
               /* @__PURE__ */ e(C, { gap: 0, children: d?.map((u, g) => /* @__PURE__ */ e(
-                zn,
+                Dn,
                 {
                   contextText: u.meta?.range?.startContainer.parentElement?.textContent ?? "",
                   pageIndex: u.meta?.itemPageIndex,
@@ -1494,41 +1509,41 @@ const En = y.forwardRef(
       )
     ] });
   }
-), _n = m(
+), Fn = f(
   ({
     open: t,
     setOpen: n,
     onNavigate: o
   }) => /* @__PURE__ */ e(
-    N,
+    q,
     {
       lazyMount: !0,
       placement: "center",
       open: t,
-      onOpenChange: (i) => n(i.open),
+      onOpenChange: (r) => n(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ s(W, { height: "100%", children: [
-        /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(Y, { children: "Search" }) }),
-        /* @__PURE__ */ e(G, { flex: 1, p: 0, children: /* @__PURE__ */ e(Ln, { onNavigate: o }) }),
-        /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(F, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(H, {})
+      children: /* @__PURE__ */ s(G, { height: "100%", children: [
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(Q, { children: "Search" }) }),
+        /* @__PURE__ */ e(Z, { flex: 1, p: 0, children: /* @__PURE__ */ e($n, { onNavigate: o }) }),
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(V, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(j, {})
       ] })
     }
   )
-), $n = m(
+), Wn = f(
   ({ onNavigate: t }) => {
-    const n = f(), { manifest: o, assumedRenditionLayout: i } = b(() => n?.context, [n]) ?? {}, { nav: r } = o ?? {}, a = q();
-    r?.toc;
-    const { beginSpineItemIndex: l, beginPageIndexInSpineItem: c } = a ?? {}, d = (i === "reflowable" ? c : l) || 0;
+    const n = m(), { manifest: o, assumedRenditionLayout: r } = b(() => n?.context, [n]) ?? {}, { nav: i } = o ?? {}, a = X();
+    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 g = (h, v, T) => /* @__PURE__ */ s(He.Fragment, { children: [
+    const g = (h, x, S) => /* @__PURE__ */ s(Ne.Fragment, { children: [
       /* @__PURE__ */ e(
-        w.Item,
+        P.Item,
         {
-          pl: 4 * (T + 1),
+          pl: 4 * (S + 1),
           style: {
             display: "flex",
             alignItems: "center"
@@ -1541,8 +1556,8 @@ const En = y.forwardRef(
               },
               href: "#",
               children: [
-                u?.path === h.path && /* @__PURE__ */ e(w.Indicator, { asChild: !0, children: /* @__PURE__ */ e(we, {}) }),
-                u?.path !== h.path && /* @__PURE__ */ e(w.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(we, {}) }),
+                u?.path === h.path && /* @__PURE__ */ e(P.Indicator, { asChild: !0, children: /* @__PURE__ */ e(we, {}) }),
+                u?.path !== h.path && /* @__PURE__ */ e(P.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(we, {}) }),
                 /* @__PURE__ */ s(C, { gap: 0, children: [
                   /* @__PURE__ */ e(p, { fontSize: "md", children: h.title || h.path }),
                   u?.path === h.path && /* @__PURE__ */ e(
@@ -1560,102 +1575,152 @@ const En = y.forwardRef(
           )
         }
       ),
-      h.contents.length > 0 && /* @__PURE__ */ e(w.Root, { as: "div", gap: 2, children: h.contents.map(
-        (P, L) => g(P, L, T + 1)
+      h.contents.length > 0 && /* @__PURE__ */ e(P.Root, { as: "div", gap: 2, children: h.contents.map(
+        (I, w) => g(I, w, S + 1)
       ) })
-    ] }, v);
-    return /* @__PURE__ */ e(w.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: r?.toc.map((h, v) => g(h, v, 0)) });
+    ] }, x);
+    return /* @__PURE__ */ e(P.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i?.toc.map((h, x) => g(h, x, 0)) });
   }
-), Fn = m(
+), Hn = f(
   ({
     open: t,
     setOpen: n,
     onNavigate: o
   }) => /* @__PURE__ */ e(
-    N,
+    q,
     {
       lazyMount: !0,
       placement: "center",
       open: t,
-      onOpenChange: (i) => n(i.open),
+      onOpenChange: (r) => n(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ s(W, { children: [
-        /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(Y, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ e(G, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e($n, { onNavigate: o }) }),
-        /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(F, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(H, {})
+      children: /* @__PURE__ */ s(G, { children: [
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(Q, { children: "Table of Contents" }) }),
+        /* @__PURE__ */ e(Z, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e(Wn, { onNavigate: o }) }),
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(V, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(j, {})
       ] })
     }
   )
-), ro = ({
+), Nn = f(() => {
+  const { quickMenuBottomBarBoundingBox: t } = E(), n = ue(
+    t
+  ), o = m(), r = b(() => o?.zoom.state$, [o]), i = r?.currentScale ?? 1, a = r?.isZooming, l = n?.borderBoxSize?.[0]?.blockSize ?? 1;
+  return /* @__PURE__ */ e(
+    oe,
+    {
+      present: a && i > 1,
+      animationName: { _open: "fade-in", _closed: "fade-out" },
+      animationDuration: "moderate",
+      position: "absolute",
+      bottom: `calc(${l}px + var(--chakra-spacing-4))`,
+      right: 4,
+      backgroundColor: "bg.panel",
+      shadow: "sm",
+      borderRadius: "md",
+      p: 4,
+      children: /* @__PURE__ */ e(
+        He,
+        {
+          value: [i],
+          min: 1,
+          max: 5,
+          step: 0.5,
+          minWidth: 200,
+          onValueChange: (c) => {
+            const d = c.value?.[0] ?? 1;
+            d === 1 ? o?.zoom.exit() : o?.zoom.scaleAt(d);
+          }
+        }
+      )
+    }
+  );
+}), so = ({
   enableFloatingTime: t = !0,
   enableFloatingProgress: n = !0,
-  onItemClick: o
+  onItemClick: o,
+  children: r,
+  ...i
 }) => {
-  const [i, r] = R(!1), [a, l] = R(!1), [c, d] = R(!1), [u, g] = R(void 0), [h, v] = R(!1), [T, P] = Ie(), L = X(() => {
-    r(!1), l(!1), d(!1), g(void 0), P(!1), v(!1);
-  }, [P]), Q = X(
-    (k) => {
-      k === "annotations" ? g("annotations") : k === "search" ? d(!0) : k === "help" ? l(!0) : k === "toc" ? r(!0) : k === "bookmarks" ? g("bookmarks") : k === "gallery" && v(!0), o?.(k);
+  const [a, l] = y(!1), [c, d] = y(!1), [u, g] = y(!1), [h, x] = y(void 0), [S, I] = y(!1), [w, M] = Ie(), A = ne(() => {
+    l(!1), d(!1), g(!1), x(void 0), M(!1), I(!1);
+  }, [M]), ae = ne(
+    (z) => {
+      z === "annotations" ? x("annotations") : z === "search" ? g(!0) : z === "help" ? d(!0) : z === "toc" ? l(!0) : z === "bookmarks" ? x("bookmarks") : z === "gallery" && I(!0), o?.(z);
     },
     [o]
   );
-  return cn(), hn(), qt(), /* @__PURE__ */ s(ce, { children: [
-    n && /* @__PURE__ */ e(
-      se,
-      {
-        present: !T,
-        animationName: { _open: "fade-in", _closed: "fade-out" },
-        animationDuration: "moderate",
-        children: /* @__PURE__ */ e(rn, {})
-      }
-    ),
-    /* @__PURE__ */ e(en, { open: h, setOpen: v }),
-    /* @__PURE__ */ e(Mn, {}),
-    /* @__PURE__ */ e(Tn, { onItemClick: Q }),
-    /* @__PURE__ */ e(Yt, {}),
-    /* @__PURE__ */ e(on, { open: a, setOpen: l }),
-    /* @__PURE__ */ e(
-      Fn,
-      {
-        open: i,
-        setOpen: r,
-        onNavigate: L
-      }
-    ),
-    /* @__PURE__ */ e(
-      _n,
-      {
-        open: c,
-        setOpen: d,
-        onNavigate: L
-      }
-    ),
-    /* @__PURE__ */ e(
-      Ht,
-      {
-        openWith: u,
-        setOpen: (k) => g(k ? "annotations" : void 0),
-        onNavigate: L
-      }
-    ),
-    /* @__PURE__ */ e(
-      se,
-      {
-        present: t || T,
-        animationName: { _open: "fade-in", _closed: "fade-out" },
-        animationDuration: "slow",
-        overflow: "hidden",
-        children: /* @__PURE__ */ e(ln, {})
-      }
-    ),
-    /* @__PURE__ */ e(Qt, {})
-  ] });
+  return gn(), fn(), Xt(), /* @__PURE__ */ s(
+    B,
+    {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      height: "100%",
+      width: "100%",
+      overflow: "hidden",
+      "data-prose-react-reader": !0,
+      ...i,
+      children: [
+        r,
+        n && /* @__PURE__ */ e(
+          oe,
+          {
+            present: !w,
+            animationName: { _open: "fade-in", _closed: "fade-out" },
+            animationDuration: "moderate",
+            children: /* @__PURE__ */ e(cn, {})
+          }
+        ),
+        /* @__PURE__ */ e(rn, { open: S, setOpen: I }),
+        /* @__PURE__ */ e(En, {}),
+        /* @__PURE__ */ e(Bn, { onItemClick: ae }),
+        /* @__PURE__ */ e(Nn, {}),
+        /* @__PURE__ */ e(Qt, {}),
+        /* @__PURE__ */ e(ln, { open: c, setOpen: d }),
+        /* @__PURE__ */ e(
+          Hn,
+          {
+            open: a,
+            setOpen: l,
+            onNavigate: A
+          }
+        ),
+        /* @__PURE__ */ e(
+          Fn,
+          {
+            open: u,
+            setOpen: g,
+            onNavigate: A
+          }
+        ),
+        /* @__PURE__ */ e(
+          jt,
+          {
+            openWith: h,
+            setOpen: (z) => x(z ? "annotations" : void 0),
+            onNavigate: A
+          }
+        ),
+        /* @__PURE__ */ e(
+          oe,
+          {
+            present: t || w,
+            animationName: { _open: "fade-in", _closed: "fade-out" },
+            animationDuration: "slow",
+            overflow: "hidden",
+            children: /* @__PURE__ */ e(hn, {})
+          }
+        ),
+        /* @__PURE__ */ e(Jt, {})
+      ]
+    }
+  );
 };
 export {
-  zt as BOOKMARK_AREA_DATA_ATTRIBUTE,
-  ro as ReactReader,
-  oo as ReactReaderProvider
+  _t as BOOKMARK_AREA_DATA_ATTRIBUTE,
+  so as ReactReader,
+  ao as ReactReaderProvider
 };
 //# sourceMappingURL=index.js.map