@prose-reader/react-reader 1.252.0 → 1.253.0

package/dist/index.js

@@ -1,137 +1,219 @@
-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 { jsxs as l, jsx as e, Fragment as xe } from "react/jsx-runtime";
+import * as w from "react";
+import on, { createContext as rn, useContext as an, useEffect as j, memo as m, useCallback as B, useState as y, useMemo as ln, useLayoutEffect as sn, useRef as cn } from "react";
+import { signal as V, useObserve as f, useConstant as H, useSignalValue as te, isDefined as $e, useSubscribe as ce, useSignalState as dn } from "reactjrx";
+import { Subject as un, map as E, filter as ue, switchMap as N, EMPTY as Ce, of as he, withLatestFrom as hn, NEVER as ke, startWith as pn, distinctUntilChanged as Ie, throttleTime as He, tap as We, first as Ne, combineLatest as gn, mergeMap as fn, Observable as mn, skip as je, merge as qe, timer as Ge, finalize as bn, BehaviorSubject as Sn, animationFrameScheduler as Cn } from "rxjs";
+import { IconButton as v, Portal as ze, Dialog as O, List as A, Link as Oe, Stack as k, Text as g, Tabs as $, Button as q, Presence as ae, Box as F, createToaster as vn, Toaster as xn, Toast as ee, Spinner as kn, Field as re, Slider as R, HStack as _, For as In, Fieldset as W, Heading as be, Kbd as Fe, Popover as ne, Progress as le, chakra as zn, Collapsible as Se, RadioGroup as ie, Input as On } from "@chakra-ui/react";
+import { LuX as Rn, LuNotebookPen as pe, LuBookmark as Mn, LuArrowBigRight as Tn, LuArrowBigLeft as yn, LuChevronDown as wn, LuCircleHelp as Pn, LuTableOfContents as Bn, LuSearch as An, LuZoomOut as En, LuZoomIn as Fn, LuGalleryHorizontal as Dn, LuCircleCheck as De } from "react-icons/lu";
+import { createPortal as Vn } from "react-dom";
+import { isPositionInArea as _n } from "@prose-reader/enhancer-gestures";
+import { isShallowEqual as Ln, observeIntersection as $n, isHtmlTagElement as Hn } from "@prose-reader/core";
+import { BiFontSize as Wn } from "react-icons/bi";
+import { BsBookmarks as Nn } from "react-icons/bs";
+import { MdOutlineFitScreen as jn, MdFullscreenExit as qn, MdFullscreen as Gn } from "react-icons/md";
+import { RiGalleryView2 as Yn } from "react-icons/ri";
+import { RxDoubleArrowUp as Qn, RxDoubleArrowLeft as Un, RxDoubleArrowDown as Zn, RxDoubleArrowRight as Kn } from "react-icons/rx";
+import { HiOutlineInformationCircle as Xn } from "react-icons/hi";
+import Jn from "rc-slider";
 import "rc-slider/assets/index.css";
-import { IoIosArrowBack as Dt, IoMdMore as Lt } from "react-icons/io";
-const _t = "data-bookmark-area", De = Ve({
+import { IoIosArrowBack as et, IoMdMore as nt } from "react-icons/io";
+const tt = "data-bookmark-area", Ye = () => ({
   reader: void 0,
-  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: r
-  }) => {
-    const i = ee(
-      () => L({
-        default: o
-      })
-    ), a = ee(
-      () => new Ae()
-    ), l = ee(
-      () => L({
-        default: void 0
-      })
-    ), c = ee(
-      () => L({
-        default: !1
-      })
-    ), d = Ye(r), u = Pe(
-      () => ({
-        quickMenuSignal: i,
-        reader: n,
-        notificationsSubject: a,
-        refitMenuSignal: c,
-        quickMenuBottomBarBoundingBox: l
-      }),
-      [
-        i,
-        n,
-        a,
-        c,
-        l
-      ]
-    );
-    return H(() => {
-      i.next(o);
-    }, [o, i]), N(
-      () => i.pipe(xe(d.current)),
-      [i, d]
-    ), /* @__PURE__ */ e(De.Provider, { value: u, children: t });
+  quickMenuOpen: !1,
+  onQuickMenuOpenChange: () => {
+  },
+  quickMenuBottomBarBoundingBoxSignal: V({
+    default: void 0
+  }),
+  notificationsSubject: new un(),
+  refitMenuOpen: !1,
+  onRefitMenuOpenChange: () => {
+  },
+  fontSizeMenuOpen: !0,
+  onFontSizeMenuOpenChange: () => {
+  },
+  fontSize: 1,
+  fontSizeMin: 0.2,
+  fontSizeMax: 5,
+  fontSizeScopeValue: "book",
+  onFontSizeValueChange: () => {
+  },
+  onFontSizeScopeValueChange: () => {
   }
-), $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) {
+}), Qe = rn(
+  V({ default: Ye() })
+), D = (n) => {
+  const t = an(Qe);
+  return f(t, n);
+}, b = () => {
+  const { reader: n } = D(["reader"]);
+  return n;
+}, Ue = (n) => !!n && "__PROSE_READER_ENHANCER_SEARCH" in n, se = (n) => !!n && "__PROSE_READER_ENHANCER_ANNOTATIONS" in n, Ze = (n) => !!n && "__PROSE_READER_ENHANCER_GALLERY" in n, Ke = (n) => !!n && "__PROSE_READER_ENHANCER_REFIT" in n, ot = () => {
+  const n = b(), { fontSize: t } = D(["fontSize"]);
+  return j(() => {
+    if (n && t !== void 0) {
+      const o = setTimeout(() => {
+        n.settings.update({
+          fontScale: t
+        });
+      }, 200);
+      return () => clearTimeout(o);
+    }
+  }, [n, t]), null;
+}, rt = ({
+  children: n,
+  onQuickMenuOpenChange: t,
+  quickMenuOpen: o,
+  fontSizeScope: r,
+  onFontSizeScopeValueChange: i,
+  fontSize: a,
+  onFontSizeValueChange: s,
+  ...c
+}) => {
+  const d = H(() => V({ default: Ye() })), u = H(
+    () => V({ default: d.value.fontSizeMenuOpen })
+  ), p = te(
+    u
+  ), h = B(
+    (T) => {
+      u.update(T);
+    },
+    [u]
+  ), S = H(
+    () => V({ default: d.value.fontSize })
+  ), I = te(S), x = B(
+    (T) => {
+      S.update(T);
+    },
+    [S]
+  ), P = a ?? I, C = s ?? x, z = H(
+    () => V({ default: d.value.fontSizeScopeValue })
+  ), L = te(
+    z
+  ), M = B(
+    (T) => {
+      z.update(T);
+    },
+    [z]
+  ), ye = r ?? L, we = i ?? M, fe = H(
+    () => V({ default: d.value.quickMenuOpen })
+  ), nn = B(
+    (T) => {
+      fe.update(T);
+    },
+    [fe]
+  ), tn = te(
+    fe
+  ), Pe = o ?? tn, Be = t ?? nn, me = H(
+    () => V({ default: d.value.refitMenuOpen })
+  ), Ae = B(
+    (T) => {
+      me.update(T);
+    },
+    [me]
+  ), Ee = te(
+    me
+  );
+  return j(() => {
+    d.update((T) => ({
+      ...T,
+      ...c,
+      onQuickMenuOpenChange: Be,
+      quickMenuOpen: Pe,
+      onFontSizeMenuOpenChange: h,
+      fontSizeMenuOpen: p,
+      onRefitMenuOpenChange: Ae,
+      refitMenuOpen: Ee,
+      fontSizeScopeValue: ye,
+      onFontSizeScopeValueChange: we,
+      fontSize: P,
+      onFontSizeValueChange: C
+    }));
+  }, [
+    ...Object.values(c),
+    Pe,
+    Be,
+    ye,
+    we,
+    P,
+    C,
+    d,
+    p,
+    h,
+    Ee,
+    Ae
+  ]), /* @__PURE__ */ e(Qe.Provider, { value: d, children: n });
+}, wo = m(
+  ({
+    children: n,
+    ...t
+  }) => /* @__PURE__ */ l(rt, { ...t, children: [
+    /* @__PURE__ */ e(ot, {}),
+    n
+  ] })
+), it = w.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(v, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(Rn, {}) });
+}), G = w.forwardRef(function(t, o) {
   const {
     children: r,
     portalled: i = !0,
     portalRef: a,
-    backdrop: l = !0,
+    backdrop: s = !0,
     ...c
-  } = n;
-  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 }) })
+  } = t;
+  return /* @__PURE__ */ l(ze, { disabled: !i, container: a, children: [
+    s && /* @__PURE__ */ e(O.Backdrop, {}),
+    /* @__PURE__ */ e(O.Positioner, { children: /* @__PURE__ */ e(O.Content, { ref: o, ...c, asChild: !1, children: r }) })
   ] });
-}), j = T.forwardRef(function(n, o) {
+}), Y = w.forwardRef(function(t, o) {
   return /* @__PURE__ */ e(
-    k.CloseTrigger,
+    O.CloseTrigger,
     {
       position: "absolute",
       top: "2",
       insetEnd: "2",
-      ...n,
+      ...t,
       asChild: !0,
-      children: /* @__PURE__ */ e($t, { size: "sm", ref: o, children: n.children })
+      children: /* @__PURE__ */ e(it, { size: "sm", ref: o, children: t.children })
     }
   );
-}), 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, 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(
+}), Q = O.Root, U = O.Footer, Z = O.Header, K = O.Body;
+O.Backdrop;
+const X = O.Title;
+O.Description;
+O.Trigger;
+const J = O.ActionTrigger, at = (n) => {
+  const t = b(), o = se(t) ? t : void 0;
+  return { data: f(
     () => o?.annotations.annotations$.pipe(
-      _((i) => i.find((a) => a.id === t)),
-      le(Be),
-      W((i) => o.locateResource(i))
+      E((i) => i.find((a) => a.id === n)),
+      ue($e),
+      N((i) => o.locateResource(i))
     ),
     [o]
   ) };
-}, Fe = ({
-  id: t,
-  onNavigate: n,
+}, Xe = ({
+  id: n,
+  onNavigate: t,
   allowLeftIcon: o = !0
 }) => {
-  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,
+  const r = b(), { data: i } = at(n), a = i?.meta.range?.toString() || i?.meta.node?.textContent;
+  return /* @__PURE__ */ e(A.Item, { children: /* @__PURE__ */ l(
+    Oe,
     {
       href: "#",
       onClick: () => {
-        n(), r?.navigation.goToCfi(i?.meta.cfi ?? "");
+        t(), r?.navigation.goToCfi(i?.meta.cfi ?? "");
       },
       children: [
-        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: [
+        i?.resource?.notes ? /* @__PURE__ */ e(A.Indicator, { asChild: !0, children: /* @__PURE__ */ e(pe, {}) }) : o ? /* @__PURE__ */ e(A.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(pe, {}) }) : null,
+        /* @__PURE__ */ l(k, { gap: 0, children: [
+          a ? /* @__PURE__ */ e(g, { lineClamp: 2, fontSize: "md", children: a }) : /* @__PURE__ */ l(g, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
             "Page ",
             (i?.meta.absolutePageIndex ?? 0) + 1
           ] }),
           /* @__PURE__ */ e(
-            p,
+            g,
             {
               fontStyle: "italic",
               fontWeight: "bold",
@@ -143,155 +225,155 @@ const K = k.ActionTrigger, E = () => Ge(De), m = () => {
       ]
     }
   ) });
-}, he = () => {
-  const t = m(), n = ie(t) ? t : void 0;
-  return { data: b(
-    () => n?.annotations.annotations$.pipe(
-      W(
-        (r) => n.locateResource(r)
+}, ge = () => {
+  const n = b(), t = se(n) ? n : void 0;
+  return { data: f(
+    () => t?.annotations.annotations$.pipe(
+      N(
+        (r) => t.locateResource(r)
       )
     ),
-    [n]
+    [t]
   ) };
-}, Wt = () => {
-  const { data: t } = he();
+}, lt = () => {
+  const { data: n } = ge();
   return {
-    data: t?.filter((n) => n.meta.isCfiRange)
+    data: n?.filter((t) => t.meta.isCfiRange)
   };
-}, 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,
+}, st = ({ onNavigate: n }) => {
+  const { data: t } = lt();
+  return /* @__PURE__ */ e(A.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ e(
+    Xe,
     {
       id: o.resource.id,
-      onNavigate: t
+      onNavigate: n
     },
     o.resource.id
   )) });
-}, Nt = () => {
-  const { data: t } = he();
+}, ct = () => {
+  const { data: n } = ge();
   return {
-    data: t?.filter(
-      (n) => !n.meta.isCfiRange && !n.resource.notes
+    data: n?.filter(
+      (t) => !t.meta.isCfiRange && !t.resource.notes
     )
   };
-}, 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,
+}, dt = ({ onNavigate: n }) => {
+  const { data: t } = ct();
+  return /* @__PURE__ */ e(A.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ e(
+    Xe,
     {
       id: o.resource.id,
-      onNavigate: t,
+      onNavigate: n,
       allowLeftIcon: !1
     },
     o.resource.id
   )) });
-}, Gt = f(
+}, ut = m(
   ({
-    onNavigate: t,
-    defaultTab: n
+    onNavigate: n,
+    defaultTab: t
   }) => {
-    const [o, r] = y(n ?? "bookmarks");
-    return /* @__PURE__ */ s(
-      D.Root,
+    const [o, r] = y(t ?? "bookmarks");
+    return /* @__PURE__ */ l(
+      $.Root,
       {
         value: o,
         onValueChange: (i) => r(i.value),
         children: [
-          /* @__PURE__ */ s(D.List, { children: [
-            /* @__PURE__ */ s(D.Trigger, { value: "bookmarks", children: [
-              /* @__PURE__ */ e(ct, {}),
+          /* @__PURE__ */ l($.List, { children: [
+            /* @__PURE__ */ l($.Trigger, { value: "bookmarks", children: [
+              /* @__PURE__ */ e(Mn, {}),
               "Bookmarks"
             ] }),
-            /* @__PURE__ */ s(D.Trigger, { value: "annotations", children: [
-              /* @__PURE__ */ e(de, {}),
+            /* @__PURE__ */ l($.Trigger, { value: "annotations", children: [
+              /* @__PURE__ */ e(pe, {}),
               "Annotations"
             ] }),
-            /* @__PURE__ */ e(D.Indicator, {})
+            /* @__PURE__ */ e($.Indicator, {})
           ] }),
-          /* @__PURE__ */ e(D.Content, { value: "bookmarks", children: /* @__PURE__ */ e(Vt, { onNavigate: t }) }),
-          /* @__PURE__ */ e(D.Content, { value: "annotations", children: /* @__PURE__ */ e(Ht, { onNavigate: t }) })
+          /* @__PURE__ */ e($.Content, { value: "bookmarks", children: /* @__PURE__ */ e(dt, { onNavigate: n }) }),
+          /* @__PURE__ */ e($.Content, { value: "annotations", children: /* @__PURE__ */ e(st, { onNavigate: n }) })
         ]
       }
     );
   }
-), jt = f(
+), ht = m(
   ({
-    openWith: t,
-    setOpen: n,
+    openWith: n,
+    setOpen: t,
     onNavigate: o
   }) => /* @__PURE__ */ e(
-    q,
+    Q,
     {
       lazyMount: !0,
       placement: "center",
-      open: !!t,
-      onOpenChange: (r) => n(r.open),
+      open: !!n,
+      onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      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,
+      children: /* @__PURE__ */ l(G, { height: "100%", children: [
+        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Annotations" }) }),
+        /* @__PURE__ */ e(K, { flex: 1, children: /* @__PURE__ */ e(
+          ut,
           {
             onNavigate: o,
-            defaultTab: t
+            defaultTab: n
           }
         ) }),
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(V, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(j, {})
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(Y, {})
       ] })
     }
   )
-), 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
+), pt = m(({ children: n }) => {
+  const t = b(), o = f(() => t?.spine.element$, [t]);
+  return o ? /* @__PURE__ */ e(xe, { children: Vn(n, o) }) : null;
+}), gt = ({
+  absolutePageIndex: n,
+  itemIndex: t
 }) => {
-  const o = m();
+  const o = b();
   return {
-    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])
+    spineItem: f(() => o ? t !== void 0 ? he(o.spine.spineItemsManager.get(t)) : n !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(n).pipe(
+      E((i) => o.spine.spineItemsManager.get(i?.itemIndex))
+    ) : Ce : Ce, [t, n, o])
   };
-}, Ut = ({
-  absolutePageIndex: t,
-  itemIndex: n
+}, ft = ({
+  absolutePageIndex: n,
+  itemIndex: t
 }) => {
-  const { spineItem: o } = Yt({ absolutePageIndex: t, itemIndex: n }), r = b(
-    () => o?.isReady$ ?? ce(!1),
+  const { spineItem: o } = gt({ absolutePageIndex: n, itemIndex: t }), r = f(
+    () => o?.isReady$ ?? he(!1),
     [o]
   );
   return { spineItem: o, isReady: r };
-}, Zt = f(
+}, mt = m(
   ({
-    absolutePageIndex: t,
-    left: n,
+    absolutePageIndex: n,
+    left: t,
     top: o,
     width: r
   }) => {
-    const { isReady: i } = Ut({
-      absolutePageIndex: t
-    }), { data: a } = he(), l = a?.find(
-      (d) => d?.meta?.absolutePageIndex === t && d.meta.range === void 0
+    const { isReady: i } = ft({
+      absolutePageIndex: n
+    }), { data: a } = ge(), s = a?.find(
+      (d) => d?.meta?.absolutePageIndex === n && d.meta.range === void 0
     );
     if (!i) return null;
     const c = r * 0.1 / 2;
     return /* @__PURE__ */ e(
-      oe,
+      ae,
       {
-        present: !!l,
+        present: !!s,
         lazyMount: !0,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
         children: /* @__PURE__ */ e(
-          B,
+          F,
           {
-            "data-bookmark-area": _t,
+            "data-bookmark-area": tt,
             position: "absolute",
-            left: n + r,
+            left: t + r,
             transform: "translateX(-100%)",
             pointerEvents: "none",
             top: o,
@@ -312,11 +394,11 @@ const K = k.ActionTrigger, E = () => Ge(De), m = () => {
       }
     );
   }
-), Qt = f(() => {
-  const t = m(), n = b(() => t?.layoutInfo$, [t]);
-  return /* @__PURE__ */ e(qt, { children: n?.pages.map(
+), bt = m(() => {
+  const n = b(), t = f(() => n?.layoutInfo$, [n]);
+  return /* @__PURE__ */ e(pt, { children: t?.pages.map(
     ({ absoluteLayout: { left: o, top: r, width: i } }, a) => /* @__PURE__ */ e(
-      Zt,
+      mt,
       {
         absolutePageIndex: a,
         left: o,
@@ -326,24 +408,24 @@ const K = k.ActionTrigger, E = () => Ge(De), m = () => {
       a
     )
   ) });
-}), Kt = () => {
-  const t = m();
-  return ie(t) ? t : void 0;
-}, Xt = () => {
-  const t = Kt(), { data: n } = he();
-  H(() => t ? t.gestures.hooks.register(
+}), St = () => {
+  const n = b();
+  return se(n) ? n : void 0;
+}, Ct = () => {
+  const n = St(), { data: t } = ge();
+  j(() => n ? n.gestures.hooks.register(
     "beforeTapGesture",
     ({ event$: r }) => r.pipe(
-      Ze(t?.annotations.candidates$),
-      _(([i, a]) => {
+      hn(n?.annotations.candidates$),
+      E(([i, a]) => {
         if (!i.page) return !0;
         const {
-          spineItem: l,
+          spineItem: s,
           spineItemPageIndex: c,
           spineItemPagePosition: d,
           pageSize: u
         } = i.page;
-        if (Ct(
+        if (_n(
           d,
           {
             type: "corner",
@@ -353,37 +435,144 @@ const K = k.ActionTrigger, E = () => Ge(De), m = () => {
           },
           u
         )) {
-          const h = t.spine.pages.fromSpineItemPageIndex(
-            l,
+          const h = n.spine.pages.fromSpineItemPageIndex(
+            s,
             c
           );
           if (!h) return !0;
-          const x = n?.find(
-            (I) => I?.meta?.absolutePageIndex === h.absolutePageIndex && I.meta.range === void 0
+          const S = t?.find(
+            (x) => x?.meta?.absolutePageIndex === h.absolutePageIndex && x.meta.range === void 0
           );
-          if (x)
-            return t?.annotations.delete(x.resource.id), !1;
+          if (S)
+            return n?.annotations.delete(S.resource.id), !1;
           if (a?.[h.absolutePageIndex])
-            return t?.annotations.annotateAbsolutePage({
+            return n?.annotations.annotateAbsolutePage({
               absolutePageIndex: h.absolutePageIndex
             }), !1;
         }
         return !0;
       })
     )
-  ) : void 0, [t, n]);
-}, me = nt({
+  ) : void 0, [n, t]);
+}, ve = vn({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), 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 })
+}), vt = () => /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(xn, { toaster: ve, insetInline: { mdDown: "4" }, children: (n) => /* @__PURE__ */ l(ee.Root, { width: { md: "sm" }, children: [
+  n.type === "loading" ? /* @__PURE__ */ e(kn, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ e(ee.Indicator, {}),
+  /* @__PURE__ */ l(k, { 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 })
   ] }),
-  t.action && /* @__PURE__ */ e($.ActionTrigger, { children: t.action.label }),
-  t.meta?.closable && /* @__PURE__ */ e($.CloseTrigger, {})
-] }) }) }), en = {
+  n.action && /* @__PURE__ */ e(ee.ActionTrigger, { children: n.action.label }),
+  n.meta?.closable && /* @__PURE__ */ e(ee.CloseTrigger, {})
+] }) }) }), Je = w.forwardRef(
+  function(t, o) {
+    const { label: r, children: i, helperText: a, errorText: s, optionalText: c, ...d } = t;
+    return /* @__PURE__ */ l(re.Root, { ref: o, ...d, children: [
+      r && /* @__PURE__ */ l(re.Label, { children: [
+        r,
+        /* @__PURE__ */ e(re.RequiredIndicator, { fallback: c })
+      ] }),
+      i,
+      a && /* @__PURE__ */ e(re.HelperText, { children: a }),
+      s && /* @__PURE__ */ e(re.ErrorText, { children: s })
+    ] });
+  }
+), Re = w.forwardRef(
+  function(t, o) {
+    const { marks: r, label: i, showValue: a, ...s } = t, c = t.defaultValue ?? t.value, d = r?.map((p) => typeof p == "number" ? { value: p, label: void 0 } : p), u = !!d?.some((p) => p.label);
+    return /* @__PURE__ */ l(R.Root, { ref: o, thumbAlignment: "center", ...s, children: [
+      i && !a && /* @__PURE__ */ e(R.Label, { children: i }),
+      i && a && /* @__PURE__ */ l(_, { justify: "space-between", children: [
+        /* @__PURE__ */ e(R.Label, { children: i }),
+        /* @__PURE__ */ e(R.ValueText, {})
+      ] }),
+      /* @__PURE__ */ l(R.Control, { "data-has-mark-label": u || void 0, children: [
+        /* @__PURE__ */ e(R.Track, { children: /* @__PURE__ */ e(R.Range, {}) }),
+        /* @__PURE__ */ e(xt, { value: c }),
+        /* @__PURE__ */ e(kt, { marks: d })
+      ] })
+    ] });
+  }
+);
+function xt(n) {
+  const { value: t } = n;
+  return /* @__PURE__ */ e(In, { each: t, children: (o, r) => /* @__PURE__ */ e(R.Thumb, { index: r, children: /* @__PURE__ */ e(R.HiddenInput, {}) }, r) });
+}
+const kt = w.forwardRef(
+  function(t, o) {
+    const { marks: r } = t;
+    return r?.length ? /* @__PURE__ */ e(R.MarkerGroup, { ref: o, children: r.map((i, a) => {
+      const s = typeof i == "number" ? i : i.value, c = typeof i == "number" ? void 0 : i.label;
+      return /* @__PURE__ */ l(R.Marker, { value: s, children: [
+        /* @__PURE__ */ e(R.MarkerIndicator, {}),
+        c
+      ] }, a);
+    }) }) : null;
+  }
+), It = m(() => {
+  const {
+    fontSizeMenuOpen: n,
+    onFontSizeMenuOpenChange: t,
+    fontSize: o,
+    fontSizeMin: r,
+    fontSizeMax: i,
+    fontSizeScopeValue: a,
+    onFontSizeValueChange: s
+  } = D([
+    "fontSizeMenuOpen",
+    "onFontSizeMenuOpenChange",
+    "fontSize",
+    "fontSizeMin",
+    "fontSizeMax",
+    "fontSizeScopeValue",
+    "onFontSizeValueChange"
+  ]), c = {
+    showValue: !0,
+    max: i * 100,
+    min: r * 100,
+    width: "100%",
+    step: 0.1 * 100,
+    marks: [
+      { value: 100, label: "Publisher" },
+      { value: r * 100, label: `${r * 100}%` },
+      { value: i * 100, label: `${i * 100}%` }
+    ]
+  };
+  return /* @__PURE__ */ e(
+    Q,
+    {
+      lazyMount: !0,
+      open: n,
+      onOpenChange: (d) => {
+        t(d.open);
+      },
+      placement: "center",
+      children: /* @__PURE__ */ l(G, { maxH: "40vh", overflow: "auto", children: [
+        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Font size" }) }),
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(k, { gap: 8, flex: 1, children: /* @__PURE__ */ l(W.Root, { children: [
+          /* @__PURE__ */ e(W.Legend, { children: "Font scale" }),
+          /* @__PURE__ */ e(W.HelperText, { children: "Only the one related to the scope will be applied." }),
+          /* @__PURE__ */ e(W.Content, { children: /* @__PURE__ */ e(Je, { label: "Book", children: /* @__PURE__ */ e(
+            Re,
+            {
+              label: "%",
+              disabled: a !== "book",
+              value: [(o ?? 1) * 100],
+              onValueChange: (d) => {
+                const u = d.value[0] ?? 0;
+                s(u / 100);
+              },
+              ...c
+            }
+          ) }) })
+        ] }) }) }),
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Close" }) }) }),
+        /* @__PURE__ */ e(Y, {})
+      ] })
+    }
+  );
+}), zt = {
   x: 0,
   y: 0,
   width: 0,
@@ -393,60 +582,60 @@ const K = k.ActionTrigger, E = () => Ge(De), m = () => {
   bottom: 0,
   right: 0
 };
-function tn() {
-  const [t, n] = y(null), [o, r] = y(en), i = Pe(
+function Ot() {
+  const [n, t] = y(null), [o, r] = y(zt), i = ln(
     () => new ResizeObserver((a) => {
       if (a[0]) {
-        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 });
+        const { x: s, y: c, width: d, height: u, top: p, left: h, bottom: S, right: I } = a[0].contentRect;
+        r({ x: s, y: c, width: d, height: u, top: p, left: h, bottom: S, right: I });
       }
     }),
     []
   );
-  return je(() => {
-    if (t)
-      return i.observe(t), () => {
+  return sn(() => {
+    if (n)
+      return i.observe(n), () => {
         i.disconnect();
       };
-  }, [t, i]), [n, o, t];
+  }, [n, i]), [t, o, n];
 }
-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(kt)
-    ), l = St(
-      t
-    ).pipe(_((c) => c.some((d) => d.isIntersecting)));
+const Rt = (n, t, o) => {
+  const r = b(), i = Ze(r) ? r : void 0;
+  ce(() => {
+    if (!i || !n) return ke;
+    const a = t.layout.layout$.pipe(
+      pn(t.layout.layoutInfo),
+      Ie(Ln)
+    ), s = $n(
+      n
+    ).pipe(E((c) => c.some((d) => d.isIntersecting)));
     return a.pipe(
-      Ke(100, void 0, { trailing: !0 }),
-      W(() => l.pipe(
-        xe((c) => {
-          c || (t.innerHTML = "");
+      He(100, void 0, { trailing: !0 }),
+      N(() => s.pipe(
+        We((c) => {
+          c || (n.innerHTML = "");
         }),
-        le((c) => c),
-        ze()
+        ue((c) => c),
+        Ne()
       ).pipe(
-        W(() => (t.innerHTML = "", i?.gallery.snapshot(
-          n,
+        N(() => (n.innerHTML = "", i?.gallery.snapshot(
           t,
+          n,
           o
         )))
       ))
     );
-  }, [i, n, o, t]);
-}, on = f(
-  ({ item: t, onNavigated: n }) => {
-    const [o, r, i] = tn(), a = m();
-    nn(i, t, r);
-    const l = b(
-      () => a?.locateResource(t, { mode: "shallow" }),
-      [a, t]
+  }, [i, t, o, n]);
+}, Mt = m(
+  ({ item: n, onNavigated: t }) => {
+    const [o, r, i] = Ot(), a = b();
+    Rt(i, n, r);
+    const s = f(
+      () => a?.locateResource(n, { mode: "shallow" }),
+      [a, n]
     );
-    return /* @__PURE__ */ s(
-      B,
+    return /* @__PURE__ */ l(
+      F,
       {
         width: "100%",
         aspectRatio: "2/3",
@@ -458,11 +647,11 @@ const nn = (t, n, o) => {
         position: "relative",
         overflow: "hidden",
         onClick: () => {
-          n(), a?.navigation.goToSpineItem({ indexOrId: t });
+          t(), a?.navigation.goToSpineItem({ indexOrId: n });
         },
         children: [
           /* @__PURE__ */ e(
-            B,
+            F,
             {
               height: "100%",
               width: "100%",
@@ -471,8 +660,8 @@ const nn = (t, n, o) => {
               ref: o
             }
           ),
-          /* @__PURE__ */ s(
-            p,
+          /* @__PURE__ */ l(
+            g,
             {
               position: "absolute",
               bottom: 0,
@@ -484,7 +673,7 @@ const nn = (t, n, o) => {
               fontSize: "xs",
               children: [
                 "Page ",
-                (l?.meta?.absolutePageIndex ?? 0) + 1
+                (s?.meta?.absolutePageIndex ?? 0) + 1
               ]
             }
           )
@@ -492,22 +681,22 @@ const nn = (t, n, o) => {
       }
     );
   }
-), rn = f(
-  ({ open: t, setOpen: n }) => {
-    const o = m(), r = b(() => o?.spineItemsManager.items$, [o]);
+), Tt = m(
+  ({ open: n, setOpen: t }) => {
+    const o = b(), r = f(() => o?.spineItemsManager.items$, [o]);
     return /* @__PURE__ */ e(
-      q,
+      Q,
       {
         lazyMount: !0,
         placement: "center",
-        open: t,
-        onOpenChange: (i) => n(i.open),
+        open: n,
+        onOpenChange: (i) => t(i.open),
         size: { mdDown: "full", md: "lg" },
         scrollBehavior: "inside",
-        children: /* @__PURE__ */ s(G, { height: "100%", children: [
-          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(Q, { children: "Gallery" }) }),
-          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
-            B,
+        children: /* @__PURE__ */ l(G, { height: "100%", children: [
+          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Gallery" }) }),
+          /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
+            F,
             {
               gridTemplateColumns: [
                 "repeat(2, minmax(0, 1fr))",
@@ -518,37 +707,37 @@ const nn = (t, n, o) => {
               pt: 2,
               "data-grid": !0,
               children: r?.map((i) => /* @__PURE__ */ e(
-                on,
+                Mt,
                 {
                   item: i,
                   onNavigated: () => {
-                    n(!1);
+                    t(!1);
                   }
                 },
                 i.item.id
               ))
             }
           ) }),
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(V, { variant: "outline", children: "Cancel" }) }) }),
-          /* @__PURE__ */ e(j, {})
+          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Cancel" }) }) }),
+          /* @__PURE__ */ e(Y, {})
         ] })
       }
     );
   }
-), an = "@prose-reader/react-reader", sn = "1.251.0", ln = f(
-  ({ open: t, setOpen: n }) => /* @__PURE__ */ e(
-    q,
+), yt = "@prose-reader/react-reader", wt = "1.252.0", Pt = m(
+  ({ open: n, setOpen: t }) => /* @__PURE__ */ e(
+    Q,
     {
       lazyMount: !0,
       placement: "center",
-      open: t,
-      onOpenChange: (o) => n(o.open),
+      open: n,
+      onOpenChange: (o) => t(o.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ s(G, { children: [
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(Q, { children: "Help" }) }),
-        /* @__PURE__ */ s(
-          Z,
+      children: /* @__PURE__ */ l(G, { children: [
+        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Help" }) }),
+        /* @__PURE__ */ l(
+          K,
           {
             overflowY: "auto",
             flex: 1,
@@ -556,171 +745,196 @@ const nn = (t, n, o) => {
             flexDirection: "column",
             gap: 4,
             children: [
-              /* @__PURE__ */ s(C, { children: [
-                /* @__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__ */ l(k, { children: [
+                /* @__PURE__ */ e(be, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+                /* @__PURE__ */ l(_, { mb: 1, children: [
+                  /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(Tn, {}) }),
                   " ",
-                  /* @__PURE__ */ e(p, { children: "Navigate to right page" })
+                  /* @__PURE__ */ e(g, { children: "Navigate to right page" })
                 ] }),
-                /* @__PURE__ */ s(O, { mb: 1, children: [
-                  /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(ut, {}) }),
+                /* @__PURE__ */ l(_, { mb: 1, children: [
+                  /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(yn, {}) }),
                   " ",
-                  /* @__PURE__ */ e(p, { children: "Navigate to left page" })
+                  /* @__PURE__ */ e(g, { children: "Navigate to left page" })
                 ] })
               ] }),
-              /* @__PURE__ */ s(C, { children: [
-                /* @__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__ */ l(k, { children: [
+                /* @__PURE__ */ e(be, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }),
+                /* @__PURE__ */ e(_, { mb: 1, children: /* @__PURE__ */ e(g, { children: "Tap on the top right corner of a page bookmark it" }) })
               ] }),
-              /* @__PURE__ */ s(C, { children: [
-                /* @__PURE__ */ e(ge, { mb: 2, as: "h3", size: "lg", children: "About" }),
-                /* @__PURE__ */ s(p, { children: [
-                  an,
+              /* @__PURE__ */ l(k, { children: [
+                /* @__PURE__ */ e(be, { mb: 2, as: "h3", size: "lg", children: "About" }),
+                /* @__PURE__ */ l(g, { children: [
+                  yt,
                   " version: ",
-                  sn
+                  wt
                 ] })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(V, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(j, {})
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(Y, {})
       ] })
     }
   )
-), X = () => {
-  const t = m();
-  return b(
-    () => t ? Xe([t.pagination.state$, t.context]).pipe(
-      _(([n, o]) => {
+), oe = () => {
+  const n = b();
+  return f(
+    () => n ? gn([n.pagination.state$, n.context]).pipe(
+      E(([t, o]) => {
         const r = o.manifest?.spineItems.every(
           (i) => i.mediaType?.startsWith("image/")
         );
         return {
-          ...n,
+          ...t,
           hasChapters: !o.isFullyPrePaginated && !r
         };
       })
-    ) : ve,
-    [t]
+    ) : ke,
+    [n]
   );
-}, cn = () => {
-  const t = X(), n = Math.floor(
-    (t?.percentageEstimateOfBook ?? 0) * 100
-  ), o = n > 0 ? n : 1;
-  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: [
+}, Bt = () => {
+  const n = oe(), t = Math.floor(
+    (n?.percentageEstimateOfBook ?? 0) * 100
+  ), o = t > 0 ? t : 1;
+  return n?.percentageEstimateOfBook === void 0 ? null : /* @__PURE__ */ e(F, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ l(g, { fontSize: "sm", children: [
     o,
     " %"
   ] }) });
-}, dn = () => {
-  const [t, n] = y(/* @__PURE__ */ new Date());
-  return H(() => {
+}, At = () => {
+  const [n, t] = y(/* @__PURE__ */ new Date());
+  return j(() => {
     const o = setInterval(() => {
-      n(/* @__PURE__ */ new Date());
+      t(/* @__PURE__ */ new Date());
     }, 6e4);
     return () => clearInterval(o);
-  }, []), t;
-}, un = (t) => {
-  const n = dn();
-  return /* @__PURE__ */ e(p, { fontSize: "xs", ...t, children: n.toLocaleTimeString(navigator.language, {
+  }, []), n;
+}, Et = (n) => {
+  const t = At();
+  return /* @__PURE__ */ e(g, { fontSize: "xs", ...n, children: t.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
   }) });
-}, Ie = () => {
-  const { quickMenuSignal: t } = E();
-  return [ue(t), t.update, t];
-}, hn = () => {
-  const [t] = Ie();
+}, Me = () => {
+  const { quickMenuOpen: n, onQuickMenuOpenChange: t } = D([
+    "quickMenuOpen",
+    "onQuickMenuOpenChange"
+  ]);
+  return [n, t];
+}, Ft = () => {
+  const [n] = Me();
   return /* @__PURE__ */ e(
-    B,
+    F,
     {
       position: "absolute",
       left: 0,
       bottom: 0,
       p: 2,
-      color: t ? void 0 : "colorPalette.contrast",
-      children: /* @__PURE__ */ e(un, {})
+      color: n ? void 0 : "colorPalette.contrast",
+      children: /* @__PURE__ */ e(Et, {})
     }
   );
-}, gn = () => {
-  const t = m();
-  N(
-    () => t?.links$.subscribe((n) => {
-      if (n.type === "click" && It(n.target, "a")) {
-        if (!n.target.href) return;
-        const o = new URL(n.target.href);
+}, Dt = () => {
+  const n = b();
+  ce(
+    () => n?.links$.subscribe((t) => {
+      if (t.type === "click" && Hn(t.target, "a")) {
+        if (!t.target.href) return;
+        const o = new URL(t.target.href);
         window.location.host !== o.host && confirm(
           "You are going to be redirected to external link"
-        ) && window.open(n.target.href, "__blank");
+        ) && window.open(t.target.href, "__blank");
       }
     }),
-    [t]
+    [n]
   );
-}, pn = () => {
-  const t = m(), { notificationsSubject: n } = E();
-  N(
-    () => t?.settings.values$.pipe(
-      _(({ fontScale: o }) => o),
-      Ce(),
-      Oe(1),
-      xe((o) => {
-        n.next({
-          key: "fontScaleChange",
+}, Vt = {
+  fontScaleChange: "fontScaleChange"
+}, _t = () => {
+  const n = b(), { notificationsSubject: t, fontSizeMenuOpen: o } = D([
+    "notificationsSubject",
+    "fontSizeMenuOpen"
+  ]);
+  ce(
+    () => o ? Ce : n?.settings.values$.pipe(
+      E(({ fontScale: r }) => r),
+      Ie(),
+      je(1),
+      We((r) => {
+        t.next({
+          key: Vt.fontScaleChange,
           title: "Font size changed",
-          description: `${o * 100} %`
+          description: `${r * 100} %`
         });
       })
     ),
-    [t, n]
+    [n, t, o]
   );
-}, fn = () => {
-  const { notificationsSubject: t } = E();
-  pn(), N(
-    () => t.pipe(
-      le(Be),
-      Je((n) => {
-        const o = n.duration ?? 3e3, r = me.create({
-          title: n.title,
-          description: n.description,
-          duration: o
-        }), i = t.pipe(
-          Oe(1),
-          le((a) => !!n.key && a?.key === n.key)
+}, Lt = () => {
+  const { notificationsSubject: n } = D([
+    "notificationsSubject"
+  ]);
+  _t(), ce(
+    () => n.pipe(
+      ue($e),
+      fn((t) => {
+        const o = t.duration ?? 3e3, r = new mn((a) => {
+          try {
+            queueMicrotask(() => {
+              const s = ve.create({
+                title: t.title,
+                description: t.description,
+                duration: o
+              });
+              a.next(s), a.complete();
+            });
+          } catch (s) {
+            a.error(s);
+          }
+        }), i = n.pipe(
+          je(1),
+          ue((a) => !!t.key && a?.key === t.key)
         );
-        return Me(
-          Ee(o),
-          n.abort ?? ve,
-          i
-        ).pipe(
-          ze(),
-          et(() => {
-            me.dismiss(r);
-          })
+        return r.pipe(
+          N(
+            (a) => qe(
+              Ge(o),
+              t.abort ?? ke,
+              i
+            ).pipe(
+              Ne(),
+              bn(() => {
+                queueMicrotask(() => {
+                  ve.dismiss(a);
+                });
+              })
+            )
+          )
         );
       })
     ),
-    [t]
+    [n]
   );
-}, mn = T.forwardRef(
-  function(n, o) {
+}, $t = w.forwardRef(
+  function(t, o) {
     const {
       showArrow: r,
       children: i,
       portalled: a = !0,
-      content: l,
+      content: s,
       portalRef: c,
       ...d
-    } = n;
-    return /* @__PURE__ */ s(
-      F.Root,
+    } = t;
+    return /* @__PURE__ */ l(
+      ne.Root,
       {
         ...d,
         positioning: { ...d.positioning, gutter: 4 },
         children: [
-          /* @__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,
+          /* @__PURE__ */ e(ne.Trigger, { asChild: !0, children: i }),
+          /* @__PURE__ */ e(ze, { disabled: !a, container: c, children: /* @__PURE__ */ e(ne.Positioner, { children: /* @__PURE__ */ l(
+            ne.Content,
             {
               width: "auto",
               px: "2",
@@ -729,8 +943,8 @@ const nn = (t, n, o) => {
               rounded: "sm",
               ref: o,
               children: [
-                r && /* @__PURE__ */ e(F.Arrow, { children: /* @__PURE__ */ e(F.ArrowTip, {}) }),
-                l
+                r && /* @__PURE__ */ e(ne.Arrow, { children: /* @__PURE__ */ e(ne.ArrowTip, {}) }),
+                s
               ]
             }
           ) }) })
@@ -738,84 +952,84 @@ const nn = (t, n, o) => {
       }
     );
   }
-), bn = T.forwardRef(function(n, o) {
-  const { children: r, ...i } = n;
-  return /* @__PURE__ */ e(mn, { content: r, ...i, ref: o, children: /* @__PURE__ */ e(
+), Ht = w.forwardRef(function(t, o) {
+  const { children: r, ...i } = t;
+  return /* @__PURE__ */ e($t, { content: r, ...i, ref: o, children: /* @__PURE__ */ e(
     v,
     {
       variant: "ghost",
       "aria-label": "info",
       size: "2xs",
       colorPalette: "gray",
-      children: /* @__PURE__ */ e(Mt, {})
+      children: /* @__PURE__ */ e(Xn, {})
     }
   ) });
-}), xn = T.forwardRef(function(n, o) {
-  return /* @__PURE__ */ e(re.Track, { ...n, ref: o, children: /* @__PURE__ */ e(re.Range, {}) });
+}), Wt = w.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(le.Track, { ...t, ref: o, children: /* @__PURE__ */ e(le.Range, {}) });
 });
-T.forwardRef(function(n, o) {
-  const { children: r, info: i, ...a } = n;
-  return /* @__PURE__ */ s(re.Label, { ...a, ref: o, children: [
+w.forwardRef(function(t, o) {
+  const { children: r, info: i, ...a } = t;
+  return /* @__PURE__ */ l(le.Label, { ...a, ref: o, children: [
     r,
-    i && /* @__PURE__ */ e(bn, { children: i })
+    i && /* @__PURE__ */ e(Ht, { children: i })
   ] });
 });
-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] = [
+const Nt = le.Root, jt = le.ValueText, Te = () => {
+  const n = oe(), 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, [s = 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;
+  ].sort((p, h) => p - h), d = n?.beginPageIndexInSpineItem !== n?.endPageIndexInSpineItem || n?.beginSpineItemIndex !== n?.endSpineItemIndex, u = n?.hasChapters ? n?.beginNumberOfPagesInSpineItem : n?.numberOfTotalPages;
   return {
-    hasOnlyOnePage: n,
+    hasOnlyOnePage: t,
     beginPageIndex: i,
     endPageIndex: a,
     isBeginWithinChapter: o,
     isEndWithinChapter: r,
     beginAndEndAreDifferent: d,
     totalApproximatePages: u,
-    leftPageIndex: l,
+    leftPageIndex: s,
     rightPageIndex: c
   };
-}, kn = () => {
-  const t = X(), {
-    hasOnlyOnePage: n,
+}, qt = () => {
+  const n = oe(), {
+    hasOnlyOnePage: t,
     leftPageIndex: o,
     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(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}%` })
+  } = Te(), s = Math.round((n?.percentageEstimateOfBook ?? 0) * 100), c = (u) => u?.subChapter ? `${u.title} / ${c(u.subChapter)}` : u?.title || "", d = c(n?.beginChapterInfo);
+  return /* @__PURE__ */ l(k, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
+    /* @__PURE__ */ e(Nt, { value: s, size: "xs", width: 150, children: /* @__PURE__ */ l(_, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ e(Wt, { width: 110 }),
+      /* @__PURE__ */ e(jt, { children: `${s}%` })
     ] }) }),
-    /* @__PURE__ */ e(p, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: d ? `Chapter: ${d}` : " " }),
-    !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: [
+    /* @__PURE__ */ e(g, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: d ? `Chapter: ${d}` : " " }),
+    !t && /* @__PURE__ */ l(_, { children: [
+      /* @__PURE__ */ e(g, { fontSize: "xs", children: a ? `${o + 1} - ${r + 1} of ${i}` : `${o + 1} of ${i}` }),
+      !!n?.hasChapters && /* @__PURE__ */ l(xe, { children: [
+        /* @__PURE__ */ e(g, { children: "-" }),
+        /* @__PURE__ */ l(g, { fontSize: "xs", children: [
           "(",
-          (t?.beginAbsolutePageIndex ?? 0) + 1,
+          (n?.beginAbsolutePageIndex ?? 0) + 1,
           ")"
         ] })
       ] })
     ] })
   ] });
-}, We = f(
+}, en = m(
   ({
-    children: t,
-    position: n,
+    children: n,
+    position: t,
     ...o
   }) => /* @__PURE__ */ e(
-    oe,
+    ae,
     {
       display: "flex",
       flexDirection: "row",
       width: "100%",
       position: "absolute",
-      ...n === "bottom" ? { bottom: 0 } : { top: 0 },
-      animationName: n === "bottom" ? {
+      ...t === "bottom" ? { bottom: 0 } : { top: 0 },
+      animationName: t === "bottom" ? {
         _open: "slide-from-bottom, fade-in",
         _closed: "slide-to-bottom, fade-out"
       } : {
@@ -829,11 +1043,11 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
       shadow: "md",
       p: 4,
       ...o,
-      children: t
+      children: n
     }
   )
-), Sn = it(Et), In = f((t) => /* @__PURE__ */ e(
-  B,
+), Gt = zn(Jn), Yt = m((n) => /* @__PURE__ */ e(
+  F,
   {
     display: "contents",
     css: {
@@ -842,7 +1056,7 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
       "--color-solid": "colors.colorPalette.solid"
     },
     children: /* @__PURE__ */ e(
-      Sn,
+      Gt,
       {
         keyboard: !1,
         style: {
@@ -877,86 +1091,101 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
             height: "24px",
             top: "50%",
             borderColor: "var(--color-solid)",
-            transform: `translate(${t.reverse ? "50%" : "-50%"}, -50%)`,
+            transform: `translate(${n.reverse ? "50%" : "-50%"}, -50%)`,
             backgroundColor: "var(--bg)",
             marginTop: "0px"
           }
         },
-        ...t
+        ...n
       }
     )
   }
-)), Rn = () => {
-  const n = X()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = Re(), i = n ? Math.floor((o || 0) / 2) : o, [a, l] = Ue(
-    () => L({
+)), Qt = () => {
+  const t = oe()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = Te(), i = t ? Math.floor((o || 0) / 2) : o, [a, s] = dn(
+    () => V({
       default: i || 0
     })
   ), c = 0, d = Math.max(
     0,
-    n ? Math.floor((r - 1) / 2) : r - 1
+    t ? Math.floor((r - 1) / 2) : r - 1
   );
-  return H(() => {
-    l.update(i || 0);
-  }, [i, l]), {
+  return j(() => {
+    s.update(i || 0);
+  }, [i, s]), {
     value: a,
-    valueSignal: l,
+    valueSignal: s,
     min: c,
     max: d
   };
-}, 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: ae,
-        spineItemId: n.pagination.state.beginSpineItemIndex ?? 0,
+}, Ut = (n) => {
+  const t = b(), o = oe(), { manifest: r } = f(() => t?.context, [t]) ?? {}, i = r?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: s = 0, isBeginWithinChapter: c } = Te(), d = 1, u = c, { value: p, valueSignal: h, min: S, max: I } = Qt(), x = B(
+    (C) => {
+      const [z = 0] = Array.isArray(C) ? C : [C];
+      h.update(z);
+      const L = a ? Math.floor(z) * 2 : Math.floor(z);
+      u ? t?.navigation.goToPageOfSpineItem({
+        pageIndex: L,
+        spineItemId: t.pagination.state.beginSpineItemIndex ?? 0,
         animation: !1
-      }) : n?.navigation.goToAbsolutePageIndex({
-        absolutePageIndex: ae,
+      }) : t?.navigation.goToAbsolutePageIndex({
+        absolutePageIndex: L,
         animation: !1
       });
     },
-    [n, a, h, u]
+    [t, a, h, u]
   );
-  return N(
-    () => n?.navigation.throttleLock({
+  return ce(
+    () => t?.navigation.throttleLock({
       duration: 100,
       trigger: h.subject
     }),
-    [n, h]
-  ), l === 1 || a && l === 2 ? /* @__PURE__ */ e(B, { style: t.style }) : /* @__PURE__ */ e(
-    In,
+    [t, h]
+  ), s === 1 || a && s === 2 ? /* @__PURE__ */ e(F, { style: n.style }) : /* @__PURE__ */ e(
+    Yt,
     {
-      value: [g],
-      max: S,
-      min: x,
+      value: [p],
+      max: I,
+      min: S,
       reverse: i,
       step: d,
-      onChange: I,
-      ...t
+      onChange: x,
+      ...n
     }
   );
-}, Tn = f(
+}, Zt = m(
   ({
-    open: t,
-    onItemClick: n
+    open: n,
+    onItemClick: t
   }) => {
-    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(() => {
+    const o = cn(null), r = b(), {
+      quickMenuBottomBarBoundingBoxSignal: i,
+      onFontSizeMenuOpenChange: a,
+      onRefitMenuOpenChange: s
+    } = D([
+      "quickMenuBottomBarBoundingBoxSignal",
+      "onFontSizeMenuOpenChange",
+      "onRefitMenuOpenChange"
+    ]), c = f(() => r?.navigation.state$, [r]), d = f(() => r?.settings.values$, [r]), u = f(
+      () => r?.zoom.state$.pipe(
+        E(
+          (C) => C.currentScale > 1 ? "in" : C.currentScale < 1 ? "out" : void 0
+        )
+      ),
+      [r]
+    ), p = u === "in", h = u === "out", S = d?.computedPageTurnMode === "scrollable", I = d?.computedPageTurnDirection === "vertical", [x, P] = y(!0);
+    return j(() => {
       if (!o.current) return;
-      const w = new ResizeObserver((M) => {
-        for (const A of M)
-          a.next(A);
+      const C = new ResizeObserver((z) => {
+        for (const L of z)
+          i.update(L);
       });
-      return w.observe(o.current), () => {
-        w.disconnect();
+      return C.observe(o.current), () => {
+        C.disconnect();
       };
-    }, [a]), /* @__PURE__ */ s(
-      We,
+    }, [i]), /* @__PURE__ */ l(
+      en,
       {
-        present: t,
+        present: n,
         position: "bottom",
         display: "flex",
         flexDirection: "column",
@@ -965,8 +1194,8 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
         px: 0,
         ref: o,
         children: [
-          /* @__PURE__ */ s(
-            O,
+          /* @__PURE__ */ l(
+            _,
             {
               flex: 1,
               alignItems: "center",
@@ -982,12 +1211,12 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
                     variant: "ghost",
                     flexShrink: 0,
                     onClick: () => r?.navigation.goToLeftOrTopSpineItem(),
-                    disabled: !l?.canGoLeftSpineItem && !l?.canGoTopSpineItem,
-                    children: x ? /* @__PURE__ */ e(Bt, {}) : /* @__PURE__ */ e(At, {})
+                    disabled: !c?.canGoLeftSpineItem && !c?.canGoTopSpineItem,
+                    children: I ? /* @__PURE__ */ e(Qn, {}) : /* @__PURE__ */ e(Un, {})
                   }
                 ),
-                /* @__PURE__ */ s(
-                  C,
+                /* @__PURE__ */ l(
+                  k,
                   {
                     flex: 1,
                     maxW: 400,
@@ -996,9 +1225,9 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
                     overflow: "auto",
                     px: 4,
                     children: [
-                      /* @__PURE__ */ e(kn, {}),
+                      /* @__PURE__ */ e(qt, {}),
                       /* @__PURE__ */ e(
-                        yn,
+                        Ut,
                         {
                           style: {
                             width: "100%",
@@ -1017,52 +1246,52 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
                     size: "lg",
                     flexShrink: 0,
                     variant: "ghost",
-                    disabled: !l?.canGoRightSpineItem && !l?.canGoBottomSpineItem,
+                    disabled: !c?.canGoRightSpineItem && !c?.canGoBottomSpineItem,
                     onClick: () => {
                       r?.navigation.goToRightOrBottomSpineItem();
                     },
-                    children: x ? /* @__PURE__ */ e(zt, {}) : /* @__PURE__ */ e(Ot, {})
+                    children: I ? /* @__PURE__ */ e(Zn, {}) : /* @__PURE__ */ e(Kn, {})
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(O, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
-            pe.Root,
+          /* @__PURE__ */ e(_, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ l(
+            Se.Root,
             {
-              open: S,
+              open: x,
               flex: 1,
-              onOpenChange: ({ open: w }) => {
-                I(w);
+              onOpenChange: ({ open: C }) => {
+                P(C);
               },
               width: "100%",
               children: [
                 /* @__PURE__ */ e(
-                  pe.Trigger,
+                  Se.Trigger,
                   {
                     paddingY: "3",
                     width: "100%",
                     display: "flex",
                     justifyContent: "center",
                     children: /* @__PURE__ */ e(
-                      ht,
+                      wn,
                       {
                         style: {
-                          transform: S ? "rotate(0deg)" : "rotate(180deg)"
+                          transform: x ? "rotate(0deg)" : "rotate(180deg)"
                         }
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ e(pe.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ s(B, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
+                /* @__PURE__ */ e(Se.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ l(F, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
                   /* @__PURE__ */ e(
                     v,
                     {
                       "aria-label": "Help",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => n("help"),
-                      children: /* @__PURE__ */ e(gt, {})
+                      onClick: () => t("help"),
+                      children: /* @__PURE__ */ e(Pn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -1071,18 +1300,18 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
                       "aria-label": "Table of contents",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => n("toc"),
-                      children: /* @__PURE__ */ e(pt, {})
+                      onClick: () => t("toc"),
+                      children: /* @__PURE__ */ e(Bn, {})
                     }
                   ),
-                  Le(r) && /* @__PURE__ */ e(
+                  Ue(r) && /* @__PURE__ */ e(
                     v,
                     {
                       "aria-label": "Search",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => n("search"),
-                      children: /* @__PURE__ */ e(ft, {})
+                      onClick: () => t("search"),
+                      children: /* @__PURE__ */ e(An, {})
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -1090,47 +1319,59 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
                     {
                       "aria-label": "Zoom",
                       size: "lg",
-                      variant: u ? "solid" : "ghost",
+                      variant: p ? "solid" : "ghost",
                       onClick: () => {
-                        u ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
+                        p ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
                           animate: !0,
                           scale: 2
                         });
                       },
-                      children: u ? /* @__PURE__ */ e(mt, {}) : /* @__PURE__ */ e(bt, {})
+                      children: p ? /* @__PURE__ */ e(En, {}) : /* @__PURE__ */ e(Fn, {})
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    v,
+                    {
+                      "aria-label": "font size",
+                      size: "lg",
+                      onClick: () => {
+                        a(!0);
+                      },
+                      variant: "ghost",
+                      children: /* @__PURE__ */ e(Wn, {})
                     }
                   ),
-                  ie(r) && /* @__PURE__ */ e(
+                  se(r) && /* @__PURE__ */ e(
                     v,
                     {
                       "aria-label": "Bookmarks",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => n("bookmarks"),
-                      children: /* @__PURE__ */ e(Rt, {})
+                      onClick: () => t("bookmarks"),
+                      children: /* @__PURE__ */ e(Nn, {})
                     }
                   ),
-                  ie(r) && /* @__PURE__ */ e(
+                  se(r) && /* @__PURE__ */ e(
                     v,
                     {
                       "aria-label": "Annotations",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => n("annotations"),
-                      children: /* @__PURE__ */ e(de, {})
+                      onClick: () => t("annotations"),
+                      children: /* @__PURE__ */ e(pe, {})
                     }
                   ),
-                  $e(r) && /* @__PURE__ */ e(
+                  Ke(r) && /* @__PURE__ */ e(
                     v,
                     {
                       "aria-label": "Refit",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => {
-                        i.next(!0);
+                        s(!0);
                       },
-                      disabled: !h,
-                      children: /* @__PURE__ */ e(yt, {})
+                      disabled: !S,
+                      children: /* @__PURE__ */ e(jn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -1138,24 +1379,24 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
                     {
                       "aria-label": "Thumbnails",
                       size: "lg",
-                      variant: g ? "solid" : "ghost",
+                      variant: h ? "solid" : "ghost",
                       onClick: () => {
-                        g ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
+                        h ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
                           animate: !0,
                           scale: 0.5
                         });
                       },
-                      children: /* @__PURE__ */ e(xt, {})
+                      children: /* @__PURE__ */ e(Dn, {})
                     }
                   ),
-                  _e(r) && /* @__PURE__ */ e(
+                  Ze(r) && /* @__PURE__ */ e(
                     v,
                     {
                       "aria-label": "Gallery",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => n("gallery"),
-                      children: /* @__PURE__ */ e(Pt, {})
+                      onClick: () => t("gallery"),
+                      children: /* @__PURE__ */ e(Yn, {})
                     }
                   )
                 ] }) })
@@ -1166,33 +1407,33 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
       }
     );
   }
-), wn = () => {
-  const [t, n] = y(!1), o = ne(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
-    n(!1);
+), Kt = () => {
+  const [n, t] = y(!1), o = B(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+    t(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
-    n(!0);
+    t(!0);
   }), []);
-  return H(() => {
+  return j(() => {
     function r() {
-      n(!!document.fullscreenElement);
+      t(!!document.fullscreenElement);
     }
     return document.addEventListener("fullscreenchange", r), () => {
       document.removeEventListener("fullscreenchange", r);
     };
   }, []), {
-    isFullscreen: t,
+    isFullscreen: n,
     onToggleFullscreenClick: o
   };
-}, Pn = f(
+}, Xt = m(
   ({
-    open: t,
-    onItemClick: n
+    open: n,
+    onItemClick: t
   }) => {
-    const o = m(), r = b(() => o?.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: a } = wn();
-    return /* @__PURE__ */ s(
-      We,
+    const o = b(), r = f(() => o?.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: a } = Kt();
+    return /* @__PURE__ */ l(
+      en,
       {
-        present: t,
+        present: n,
         position: "top",
         height: "80px",
         justifyContent: "space-between",
@@ -1204,12 +1445,12 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
               size: "lg",
               variant: "ghost",
               flexShrink: 0,
-              onClick: () => n("back"),
-              children: /* @__PURE__ */ e(Dt, {})
+              onClick: () => t("back"),
+              children: /* @__PURE__ */ e(et, {})
             }
           ),
           /* @__PURE__ */ e(
-            C,
+            k,
             {
               flex: 1,
               maxW: 600,
@@ -1217,10 +1458,10 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
               alignItems: "center",
               overflow: "auto",
               px: 4,
-              children: /* @__PURE__ */ e(p, { truncate: !0, maxWidth: "100%", children: r?.title })
+              children: /* @__PURE__ */ e(g, { truncate: !0, maxWidth: "100%", children: r?.title })
             }
           ),
-          /* @__PURE__ */ s(O, { children: [
+          /* @__PURE__ */ l(_, { children: [
             /* @__PURE__ */ e(
               v,
               {
@@ -1228,8 +1469,8 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
-                onClick: () => n("more"),
-                children: /* @__PURE__ */ e(Lt, {})
+                onClick: () => t("more"),
+                children: /* @__PURE__ */ e(nt, {})
               }
             ),
             /* @__PURE__ */ e(
@@ -1240,7 +1481,7 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: a,
-                children: i ? /* @__PURE__ */ e(Tt, {}) : /* @__PURE__ */ e(wt, {})
+                children: i ? /* @__PURE__ */ e(qn, {}) : /* @__PURE__ */ e(Gn, {})
               }
             )
           ] })
@@ -1248,115 +1489,82 @@ const vn = re.Root, Cn = re.ValueText, Re = () => {
       }
     );
   }
-), Bn = f(
+), Jt = m(
   ({
-    onItemClick: t
+    onItemClick: n
   }) => {
-    const [n] = Ie(), { refitMenuSignal: o } = E(), r = ue(o);
-    return /* @__PURE__ */ s(be, { children: [
-      /* @__PURE__ */ e(Pn, { open: n && !r, onItemClick: t }),
+    const [t] = Me(), { refitMenuOpen: o, fontSizeMenuOpen: r } = D([
+      "refitMenuOpen",
+      "fontSizeMenuOpen"
+    ]);
+    return /* @__PURE__ */ l(xe, { children: [
       /* @__PURE__ */ e(
-        Tn,
+        Xt,
         {
-          open: n && !r,
-          onItemClick: t
+          open: t && !o && !r,
+          onItemClick: n
+        }
+      ),
+      /* @__PURE__ */ e(
+        Zt,
+        {
+          open: t && !o && !r,
+          onItemClick: n
         }
       )
     ] });
   }
-), An = T.forwardRef(
-  function(n, o) {
-    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 })
-      ] }),
-      i,
-      a && /* @__PURE__ */ e(J.HelperText, { children: a }),
-      l && /* @__PURE__ */ e(J.ErrorText, { children: l })
-    ] });
-  }
-), se = T.forwardRef(
-  function(n, o) {
-    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 })
+), de = w.forwardRef(
+  function(t, o) {
+    const { children: r, inputProps: i, rootRef: a, ...s } = t;
+    return /* @__PURE__ */ l(ie.Item, { ref: a, ...s, children: [
+      /* @__PURE__ */ e(ie.ItemHiddenInput, { ref: o, ...i }),
+      /* @__PURE__ */ e(ie.ItemIndicator, {}),
+      r && /* @__PURE__ */ e(ie.ItemText, { children: r })
     ] });
   }
-), zn = te.Root, He = T.forwardRef(
-  function(n, o) {
-    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(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(Mn, { marks: d })
-      ] })
-    ] });
-  }
-);
-function On(t) {
-  const { value: n } = t;
-  return /* @__PURE__ */ e(at, { each: n, children: (o, r) => /* @__PURE__ */ e(R.Thumb, { index: r, children: /* @__PURE__ */ e(R.HiddenInput, {}) }, r) });
-}
-const Mn = T.forwardRef(
-  function(n, o) {
-    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;
-  }
-), En = f(() => {
-  const { refitMenuSignal: n } = E(), o = ue(n), r = m(), i = $e(r) ? r : void 0, a = b(
+), eo = ie.Root, no = m(() => {
+  const { refitMenuOpen: t, onRefitMenuOpenChange: o } = D([
+    "refitMenuOpen",
+    "onRefitMenuOpenChange"
+  ]), r = b(), i = Ke(r) ? r : void 0, a = f(
     () => i?.refit.settings$,
     [i]
   );
   return /* @__PURE__ */ e(
-    q,
+    Q,
     {
       lazyMount: !0,
-      open: o,
-      onOpenChange: (l) => n.next(l.open),
+      open: t,
+      onOpenChange: (s) => o(s.open),
       placement: "center",
-      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,
+      children: /* @__PURE__ */ l(G, { children: [
+        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Viewport fit" }) }),
+        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ l(W.Root, { children: [
+          /* @__PURE__ */ e(W.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }),
+          /* @__PURE__ */ l(W.Content, { children: [
+            /* @__PURE__ */ e(Je, { label: "Profile", children: /* @__PURE__ */ e(
+              eo,
               {
                 defaultValue: "fit",
-                onValueChange: (l) => {
-                  const c = l.value;
+                onValueChange: (s) => {
+                  const c = s.value;
                   i?.refit.update({
                     viewportFit: c,
                     customWidth: 60
                   });
                 },
                 value: a?.viewportFit ?? "fit",
-                children: /* @__PURE__ */ s(C, { 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" })
+                children: /* @__PURE__ */ l(k, { gap: 2, children: [
+                  /* @__PURE__ */ e(de, { value: "desktop", children: "Desktop" }),
+                  /* @__PURE__ */ e(de, { value: "tablet", children: "Tablet" }),
+                  /* @__PURE__ */ e(de, { value: "fit", children: "Full width (default)" }),
+                  /* @__PURE__ */ e(de, { value: "custom", children: "Custom" })
                 ] })
               }
             ) }),
             /* @__PURE__ */ e(
-              He,
+              Re,
               {
                 label: "Maximum width (%)",
                 showValue: !0,
@@ -1365,8 +1573,8 @@ const Mn = T.forwardRef(
                 step: 1,
                 disabled: a?.viewportFit !== "custom",
                 value: [a?.customWidth ?? 60],
-                onValueChange: (l) => {
-                  const c = l.value[0] ?? 0;
+                onValueChange: (s) => {
+                  const c = s.value[0] ?? 0;
                   i?.refit.update({
                     customWidth: c
                   });
@@ -1375,32 +1583,32 @@ const Mn = T.forwardRef(
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(V, { variant: "outline", children: "Close" }) }) }),
-        /* @__PURE__ */ e(j, {})
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Close" }) }) }),
+        /* @__PURE__ */ e(Y, {})
       ] })
     }
   );
-}), Dn = f(
+}), to = m(
   ({
-    contextText: t = "",
-    startOffset: n = 0,
+    contextText: n = "",
+    startOffset: t = 0,
     text: o,
     cfi: r = "#",
     onClick: i,
     absolutePageIndex: a
   }) => {
-    const c = t.substring(
-      Math.max(n - 15, 0),
-      Math.max(n, 0)
-    ), d = t.substring(
-      Math.min(n + o.length, t.length - 1),
+    const c = n.substring(
+      Math.max(t - 15, 0),
+      Math.max(t, 0)
+    ), d = n.substring(
+      Math.min(t + o.length, n.length - 1),
       Math.min(
-        n + o.length + 15,
-        t.length - 1
+        t + o.length + 15,
+        n.length - 1
       )
     );
-    return /* @__PURE__ */ s(
-      Se,
+    return /* @__PURE__ */ l(
+      Oe,
       {
         href: r,
         style: { margin: 5, overflow: "hidden" },
@@ -1412,60 +1620,60 @@ const Mn = T.forwardRef(
         alignItems: "flex-start",
         gap: 0,
         children: [
-          /* @__PURE__ */ s(p, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
+          /* @__PURE__ */ l(g, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
             '"',
             c,
             /* @__PURE__ */ e("b", { children: o }),
             d,
             '"'
           ] }),
-          /* @__PURE__ */ e(p, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${a !== void 0 ? a + 1 : "unknown (not loaded)"}` })
+          /* @__PURE__ */ e(g, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${a !== void 0 ? a + 1 : "unknown (not loaded)"}` })
         ]
       }
     );
   }
-), Ln = 500, _n = () => {
-  const t = ee(() => new tt("")), n = b(t), o = m(), r = Le(o) ? o : void 0, i = b(() => t.pipe(
-    Ce(),
-    W(
-      (a) => a === "" || !r ? ce(void 0) : Me(
-        ce({
+), oo = 500, ro = () => {
+  const n = H(() => new Sn("")), t = f(n), o = b(), r = Ue(o) ? o : void 0, i = f(() => n.pipe(
+    Ie(),
+    N(
+      (a) => a === "" || !r ? he(void 0) : qe(
+        he({
           type: "start",
           data: void 0
         }),
-        Ee(Ln).pipe(
-          W(() => r.search.search(a)),
-          _((l) => ({ type: "end", data: l }))
+        Ge(oo).pipe(
+          N(() => r.search.search(a)),
+          E((s) => ({ type: "end", data: s }))
         )
       )
     )
-  ), [r, t]);
+  ), [r, n]);
   return {
-    value: n,
-    setValue: t.next.bind(t),
+    value: t,
+    setValue: n.next.bind(n),
     status: i?.type ?? "idle",
     data: i?.data
   };
-}, $n = f(
-  ({ onNavigate: t }) => {
-    const n = m(), { value: o, setValue: r, status: i, data: a } = _n(), l = (u) => {
+}, io = m(
+  ({ onNavigate: n }) => {
+    const t = b(), { value: o, setValue: r, status: i, data: a } = ro(), s = (u) => {
       r(u.target.value);
-    }, c = ne(
+    }, c = B(
       (u) => {
-        t(), n?.navigation.goToCfi(u);
+        n(), t?.navigation.goToCfi(u);
       },
-      [n, t]
-    ), d = b(
-      () => n?.locateResource(a?.slice(0, 100) ?? []),
+      [t, n]
+    ), d = f(
+      () => t?.locateResource(a?.slice(0, 100) ?? []),
       [a]
     );
-    return /* @__PURE__ */ s(C, { flex: 1, height: "100%", gap: 2, children: [
+    return /* @__PURE__ */ l(k, { flex: 1, height: "100%", gap: 2, children: [
       /* @__PURE__ */ e(
-        st,
+        On,
         {
           placeholder: "Type something...",
           value: o,
-          onChange: l,
+          onChange: s,
           flexShrink: 0,
           variant: "subtle",
           name: "search",
@@ -1475,23 +1683,23 @@ const Mn = T.forwardRef(
           focusRingColor: "transparent"
         }
       ),
-      /* @__PURE__ */ s(
-        C,
+      /* @__PURE__ */ l(
+        k,
         {
           style: { overflow: "hidden", overflowY: "auto" },
           overflow: "auto",
           px: 4,
           flex: 1,
           children: [
-            i === "start" && /* @__PURE__ */ e(p, { children: "Searching ..." }),
-            a?.length === 0 && /* @__PURE__ */ e(p, { children: "No results" }),
-            i === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ s(C, { children: [
-              /* @__PURE__ */ s(p, { fontSize: "md", children: [
+            i === "start" && /* @__PURE__ */ e(g, { children: "Searching ..." }),
+            a?.length === 0 && /* @__PURE__ */ e(g, { children: "No results" }),
+            i === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ l(k, { children: [
+              /* @__PURE__ */ l(g, { fontSize: "md", children: [
                 a?.length,
                 " result(s)"
               ] }),
-              /* @__PURE__ */ e(C, { gap: 0, children: d?.map((u, g) => /* @__PURE__ */ e(
-                Dn,
+              /* @__PURE__ */ e(k, { gap: 0, children: d?.map((u, p) => /* @__PURE__ */ e(
+                to,
                 {
                   contextText: u.meta?.range?.startContainer.parentElement?.textContent ?? "",
                   pageIndex: u.meta?.itemPageIndex,
@@ -1501,7 +1709,7 @@ const Mn = T.forwardRef(
                   onClick: c,
                   absolutePageIndex: u.meta?.absolutePageIndex
                 },
-                g
+                p
               )) })
             ] })
           ]
@@ -1509,59 +1717,59 @@ const Mn = T.forwardRef(
       )
     ] });
   }
-), Fn = f(
+), ao = m(
   ({
-    open: t,
-    setOpen: n,
+    open: n,
+    setOpen: t,
     onNavigate: o
   }) => /* @__PURE__ */ e(
-    q,
+    Q,
     {
       lazyMount: !0,
       placement: "center",
-      open: t,
-      onOpenChange: (r) => n(r.open),
+      open: n,
+      onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      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, {})
+      children: /* @__PURE__ */ l(G, { height: "100%", children: [
+        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Search" }) }),
+        /* @__PURE__ */ e(K, { flex: 1, p: 0, children: /* @__PURE__ */ e(io, { onNavigate: o }) }),
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(Y, {})
       ] })
     }
   )
-), Wn = f(
-  ({ onNavigate: t }) => {
-    const n = m(), { manifest: o, assumedRenditionLayout: r } = b(() => n?.context, [n]) ?? {}, { nav: i } = o ?? {}, a = X();
+), lo = m(
+  ({ onNavigate: n }) => {
+    const t = b(), { manifest: o, assumedRenditionLayout: r } = f(() => t?.context, [t]) ?? {}, { nav: i } = o ?? {}, a = oe();
     i?.toc;
-    const { beginSpineItemIndex: l, beginPageIndexInSpineItem: c } = a ?? {}, d = (r === "reflowable" ? c : l) || 0;
+    const { beginSpineItemIndex: s, beginPageIndexInSpineItem: c } = a ?? {}, d = (r === "reflowable" ? c : s) || 0;
     let u = a?.beginChapterInfo;
     for (; u?.subChapter; )
       u = u?.subChapter;
-    const g = (h, x, S) => /* @__PURE__ */ s(Ne.Fragment, { children: [
+    const p = (h, S, I) => /* @__PURE__ */ l(on.Fragment, { children: [
       /* @__PURE__ */ e(
-        P.Item,
+        A.Item,
         {
-          pl: 4 * (S + 1),
+          pl: 4 * (I + 1),
           style: {
             display: "flex",
             alignItems: "center"
           },
-          children: /* @__PURE__ */ s(
-            Se,
+          children: /* @__PURE__ */ l(
+            Oe,
             {
               onClick: () => {
-                t(), n?.navigation.goToUrl(h.href);
+                n(), t?.navigation.goToUrl(h.href);
               },
               href: "#",
               children: [
-                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(A.Indicator, { asChild: !0, children: /* @__PURE__ */ e(De, {}) }),
+                u?.path !== h.path && /* @__PURE__ */ e(A.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(De, {}) }),
+                /* @__PURE__ */ l(k, { gap: 0, children: [
+                  /* @__PURE__ */ e(g, { fontSize: "md", children: h.title || h.path }),
                   u?.path === h.path && /* @__PURE__ */ e(
-                    p,
+                    g,
                     {
                       fontStyle: "italic",
                       fontWeight: "bold",
@@ -1575,58 +1783,82 @@ const Mn = T.forwardRef(
           )
         }
       ),
-      h.contents.length > 0 && /* @__PURE__ */ e(P.Root, { as: "div", gap: 2, children: h.contents.map(
-        (I, w) => g(I, w, S + 1)
+      h.contents.length > 0 && /* @__PURE__ */ e(A.Root, { as: "div", gap: 2, children: h.contents.map(
+        (x, P) => p(x, P, I + 1)
       ) })
-    ] }, x);
-    return /* @__PURE__ */ e(P.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i?.toc.map((h, x) => g(h, x, 0)) });
+    ] }, S);
+    return /* @__PURE__ */ e(A.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i?.toc.map((h, S) => p(h, S, 0)) });
   }
-), Hn = f(
+), so = m(
   ({
-    open: t,
-    setOpen: n,
+    open: n,
+    setOpen: t,
     onNavigate: o
   }) => /* @__PURE__ */ e(
-    q,
+    Q,
     {
       lazyMount: !0,
       placement: "center",
-      open: t,
-      onOpenChange: (r) => n(r.open),
+      open: n,
+      onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      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, {})
+      children: /* @__PURE__ */ l(G, { children: [
+        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Table of Contents" }) }),
+        /* @__PURE__ */ e(K, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e(lo, { onNavigate: o }) }),
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(Y, {})
       ] })
     }
   )
-), 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;
+), Ve = 0.5, _e = 1, Le = 5, co = (n, t, o, r) => {
+  if (n > t && n < t + r)
+    return t + r;
+  const i = Math.min(Math.max(n, t), o), a = Math.round((i - t) / r) * r + t;
+  return Math.round(a * 100) / 100;
+}, uo = m(() => {
+  const { quickMenuBottomBarBoundingBoxSignal: n } = D([
+    "quickMenuBottomBarBoundingBoxSignal"
+  ]), t = te(
+    n
+  ), o = b(), r = f(
+    () => o?.zoom.state$.pipe(
+      E((c) => c.currentScale),
+      He(100, Cn, {
+        leading: !0,
+        trailing: !0
+      })
+    ),
+    [o]
+  ) ?? 1, i = f(
+    () => o?.zoom.state$.pipe(E((c) => c.isZooming)),
+    [o]
+  ) ?? !1, a = co(
+    r,
+    _e,
+    Le,
+    Ve
+  ), s = t?.borderBoxSize?.[0]?.blockSize ?? 1;
   return /* @__PURE__ */ e(
-    oe,
+    ae,
     {
-      present: a && i > 1,
+      present: i && r > 1,
       animationName: { _open: "fade-in", _closed: "fade-out" },
       animationDuration: "moderate",
       position: "absolute",
-      bottom: `calc(${l}px + var(--chakra-spacing-4))`,
+      bottom: `calc(${s}px + var(--chakra-spacing-4))`,
       right: 4,
       backgroundColor: "bg.panel",
       shadow: "sm",
       borderRadius: "md",
       p: 4,
       children: /* @__PURE__ */ e(
-        He,
+        Re,
         {
-          value: [i],
-          min: 1,
-          max: 5,
-          step: 0.5,
+          value: [a],
+          min: _e,
+          max: Le,
+          step: Ve,
           minWidth: 200,
           onValueChange: (c) => {
             const d = c.value?.[0] ?? 1;
@@ -1636,23 +1868,23 @@ const Mn = T.forwardRef(
       )
     }
   );
-}), so = ({
-  enableFloatingTime: t = !0,
-  enableFloatingProgress: n = !0,
+}), Po = ({
+  enableFloatingTime: n = !0,
+  enableFloatingProgress: t = !0,
   onItemClick: o,
   children: r,
   ...i
 }) => {
-  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);
+  const [a, s] = y(!1), [c, d] = y(!1), [u, p] = y(!1), [h, S] = y(void 0), [I, x] = y(!1), [P, C] = Me(), z = B(() => {
+    s(!1), d(!1), p(!1), S(void 0), C(!1), x(!1);
+  }, [C]), L = B(
+    (M) => {
+      M === "annotations" ? S("annotations") : M === "search" ? p(!0) : M === "help" ? d(!0) : M === "toc" ? s(!0) : M === "bookmarks" ? S("bookmarks") : M === "gallery" && x(!0), o?.(M);
     },
     [o]
   );
-  return gn(), fn(), Xt(), /* @__PURE__ */ s(
-    B,
+  return Dt(), Lt(), Ct(), /* @__PURE__ */ l(
+    F,
     {
       position: "absolute",
       top: 0,
@@ -1664,63 +1896,64 @@ const Mn = T.forwardRef(
       ...i,
       children: [
         r,
-        n && /* @__PURE__ */ e(
-          oe,
+        t && /* @__PURE__ */ e(
+          ae,
           {
-            present: !w,
+            present: !P,
             animationName: { _open: "fade-in", _closed: "fade-out" },
             animationDuration: "moderate",
-            children: /* @__PURE__ */ e(cn, {})
+            children: /* @__PURE__ */ e(Bt, {})
           }
         ),
-        /* @__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(Tt, { open: I, setOpen: x }),
+        /* @__PURE__ */ e(no, {}),
+        /* @__PURE__ */ e(Jt, { onItemClick: L }),
+        /* @__PURE__ */ e(uo, {}),
+        /* @__PURE__ */ e(It, {}),
+        /* @__PURE__ */ e(bt, {}),
+        /* @__PURE__ */ e(Pt, { open: c, setOpen: d }),
         /* @__PURE__ */ e(
-          Hn,
+          so,
           {
             open: a,
-            setOpen: l,
-            onNavigate: A
+            setOpen: s,
+            onNavigate: z
           }
         ),
         /* @__PURE__ */ e(
-          Fn,
+          ao,
           {
             open: u,
-            setOpen: g,
-            onNavigate: A
+            setOpen: p,
+            onNavigate: z
           }
         ),
         /* @__PURE__ */ e(
-          jt,
+          ht,
           {
             openWith: h,
-            setOpen: (z) => x(z ? "annotations" : void 0),
-            onNavigate: A
+            setOpen: (M) => S(M ? "annotations" : void 0),
+            onNavigate: z
           }
         ),
         /* @__PURE__ */ e(
-          oe,
+          ae,
           {
-            present: t || w,
+            present: n || P,
             animationName: { _open: "fade-in", _closed: "fade-out" },
             animationDuration: "slow",
             overflow: "hidden",
-            children: /* @__PURE__ */ e(hn, {})
+            children: /* @__PURE__ */ e(Ft, {})
           }
         ),
-        /* @__PURE__ */ e(Jt, {})
+        /* @__PURE__ */ e(vt, {})
       ]
     }
   );
 };
 export {
-  _t as BOOKMARK_AREA_DATA_ATTRIBUTE,
-  so as ReactReader,
-  ao as ReactReaderProvider
+  tt as BOOKMARK_AREA_DATA_ATTRIBUTE,
+  Po as ReactReader,
+  wo as ReactReaderProvider
 };
 //# sourceMappingURL=index.js.map