@prose-reader/react-reader 1.259.0 → 1.261.0

package/dist/index.js

@@ -1,40 +1,40 @@
-import { jsx as e, jsxs as l, Fragment as de } from "react/jsx-runtime";
-import { IconButton as R, Portal as ve, Dialog as z, List as A, Link as xe, Stack as O, Text as b, Tabs as E, Button as W, Presence as le, Box as F, createToaster as Je, Toaster as en, Toast as ee, Spinner as nn, RadioGroup as re, Slider as w, HStack as D, For as tn, useMediaQuery as on, Fieldset as $, Heading as be, Kbd as Me, Popover as ne, Progress as se, chakra as rn, Collapsible as Ce, Field as oe, Input as an } from "@chakra-ui/react";
-import * as B from "react";
-import ln, { createContext as sn, useContext as De, memo as g, useState as y, useEffect as q, useRef as Fe, useMemo as _e, useCallback as M, useLayoutEffect as cn } from "react";
-import { LuX as dn, LuNotebookPen as he, LuBookmark as un, LuCheck as hn, LuArrowBigRight as pn, LuArrowBigLeft as gn, LuChevronDown as fn, LuCircleHelp as mn, LuTableOfContents as bn, LuSearch as Cn, LuZoomOut as Sn, LuZoomIn as vn, LuGalleryHorizontal as xn, LuCircleCheck as ze } from "react-icons/lu";
-import { signal as N, useObserve as C, isDefined as Le, useConstant as ie, useSignalValue as ue, useLiveRef as kn, useSubscribe as fe, useSignalState as In } from "reactjrx";
-import { Subject as Rn, map as L, filter as pe, switchMap as H, EMPTY as we, of as ge, withLatestFrom as On, NEVER as ke, startWith as Tn, distinctUntilChanged as Ve, throttleTime as $e, tap as Mn, first as Ne, combineLatest as zn, mergeMap as wn, Observable as yn, skip as Pn, merge as He, timer as We, finalize as En, BehaviorSubject as Bn, animationFrameScheduler as An } from "rxjs";
-import { createPortal as Dn } from "react-dom";
-import { isPositionInArea as Fn } from "@prose-reader/enhancer-gestures";
+import { jsx as e, jsxs as s, Fragment as ce } from "react/jsx-runtime";
+import { IconButton as R, Portal as Ce, Dialog as T, List as A, Link as ve, Stack as z, Text as b, Tabs as P, Button as H, Presence as ae, Box as F, createToaster as Xe, Toaster as Ke, Toast as J, Spinner as Je, RadioGroup as oe, Slider as w, HStack as B, For as en, Fieldset as V, Heading as me, Kbd as Te, Popover as ee, Progress as le, chakra as nn, Collapsible as be, Field as te, Input as tn } from "@chakra-ui/react";
+import * as E from "react";
+import on, { createContext as rn, useContext as Fe, memo as f, useState as y, useEffect as $, useCallback as O, useMemo as an, useLayoutEffect as ln, useRef as sn } from "react";
+import { LuX as cn, LuNotebookPen as he, LuBookmark as dn, LuCheck as un, LuArrowBigRight as hn, LuArrowBigLeft as pn, LuChevronDown as gn, LuCircleHelp as fn, LuTableOfContents as mn, LuSearch as bn, LuZoomOut as Sn, LuZoomIn as Cn, LuGalleryHorizontal as vn, LuCircleCheck as Me } from "react-icons/lu";
+import { signal as N, useObserve as S, isDefined as De, useConstant as re, useSignalValue as ue, useMemoCompare as xn, useLiveRef as kn, useSubscribe as de, useSignalState as In } from "reactjrx";
+import { Subject as Rn, map as D, filter as pe, switchMap as W, EMPTY as we, of as ge, withLatestFrom as zn, NEVER as xe, startWith as On, distinctUntilChanged as _e, throttleTime as Le, tap as Tn, first as $e, combineLatest as Mn, mergeMap as wn, Observable as yn, skip as Pn, merge as Ve, timer as Ne, finalize as En, BehaviorSubject as An, animationFrameScheduler as Bn } from "rxjs";
+import { createPortal as Fn } from "react-dom";
+import { isPositionInArea as Dn } from "@prose-reader/enhancer-gestures";
 import { isShallowEqual as _n } from "@prose-reader/shared";
-import { isShallowEqual as Ln, observeIntersection as Vn, isHtmlTagElement as $n } from "@prose-reader/core";
+import { isShallowEqual as Ln, observeIntersection as $n, isHtmlTagElement as Vn } from "@prose-reader/core";
 import { BiFontSize as Nn } from "react-icons/bi";
-import { BsBookmarks as Hn } from "react-icons/bs";
-import { MdOutlineFitScreen as Wn, MdFullscreenExit as qn, MdFullscreen as Gn } from "react-icons/md";
+import { BsBookmarks as Wn } from "react-icons/bs";
+import { MdOutlineFitScreen as Hn, MdFullscreenExit as Gn, MdFullscreen as qn } from "react-icons/md";
 import { RiGalleryView2 as jn } from "react-icons/ri";
-import { RxDoubleArrowUp as Qn, RxDoubleArrowLeft as Un, RxDoubleArrowDown as Yn, RxDoubleArrowRight as Zn } from "react-icons/rx";
+import { RxDoubleArrowUp as Un, RxDoubleArrowLeft as Qn, RxDoubleArrowDown as Yn, RxDoubleArrowRight as Zn } from "react-icons/rx";
 import { HiOutlineInformationCircle as Xn } from "react-icons/hi";
 import Kn from "rc-slider";
 import "rc-slider/assets/index.css";
 import { IoIosArrowBack as Jn, IoMdMore as et } from "react-icons/io";
-const nt = "data-bookmark-area", tt = B.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(R, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(dn, {}) });
-}), G = B.forwardRef(function(t, o) {
+const nt = "data-bookmark-area", tt = E.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(R, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(cn, {}) });
+}), G = E.forwardRef(function(t, o) {
   const {
     children: r,
     portalled: i = !0,
     portalRef: a,
-    backdrop: s = !0,
+    backdrop: l = !0,
     ...c
   } = t;
-  return /* @__PURE__ */ l(ve, { disabled: !i, container: a, children: [
-    s && /* @__PURE__ */ e(z.Backdrop, {}),
-    /* @__PURE__ */ e(z.Positioner, { children: /* @__PURE__ */ e(z.Content, { ref: o, ...c, asChild: !1, children: r }) })
+  return /* @__PURE__ */ s(Ce, { disabled: !i, container: a, children: [
+    l && /* @__PURE__ */ e(T.Backdrop, {}),
+    /* @__PURE__ */ e(T.Positioner, { children: /* @__PURE__ */ e(T.Content, { ref: o, ...c, asChild: !1, children: r }) })
   ] });
-}), j = B.forwardRef(function(t, o) {
+}), q = E.forwardRef(function(t, o) {
   return /* @__PURE__ */ e(
-    z.CloseTrigger,
+    T.CloseTrigger,
     {
       position: "absolute",
       top: "2",
@@ -44,12 +44,12 @@ const nt = "data-bookmark-area", tt = B.forwardRef(function(t, o) {
       children: /* @__PURE__ */ e(tt, { size: "sm", ref: o, children: t.children })
     }
   );
-}), Q = z.Root, U = z.Footer, Y = z.Header, Z = z.Body;
-z.Backdrop;
-const X = z.Title;
-z.Description;
-z.Trigger;
-const K = z.ActionTrigger, qe = () => ({
+}), j = T.Root, U = T.Footer, Q = T.Header, Y = T.Body;
+T.Backdrop;
+const Z = T.Title;
+T.Description;
+T.Trigger;
+const X = T.ActionTrigger, We = () => ({
   reader: void 0,
   quickMenuOpen: !1,
   onQuickMenuOpenChange: () => {
@@ -67,21 +67,21 @@ const K = z.ActionTrigger, qe = () => ({
   fontSizeMin: 0.2,
   fontSizeMax: 5,
   uncontrolledFontSize: 1
-}), Ie = sn(
-  N({ default: qe() })
+}), ke = rn(
+  N({ default: We() })
 ), _ = (n) => {
-  const t = De(Ie);
-  return C(t, n);
-}, ot = () => De(Ie), S = () => {
+  const t = Fe(ke);
+  return S(t, n);
+}, He = () => Fe(ke), C = () => {
   const { reader: n } = _(["reader"]);
   return n;
-}, Ge = (n) => !!n && "__PROSE_READER_ENHANCER_SEARCH" in n, ce = (n) => !!n && "__PROSE_READER_ENHANCER_ANNOTATIONS" in n, je = (n) => !!n && "__PROSE_READER_ENHANCER_GALLERY" in n, Qe = (n) => !!n && "__PROSE_READER_ENHANCER_REFIT" in n, rt = (n) => {
-  const t = S(), o = ce(t) ? t : void 0;
-  return { data: C(
+}, Ge = (n) => !!n && "__PROSE_READER_ENHANCER_SEARCH" in n, se = (n) => !!n && "__PROSE_READER_ENHANCER_ANNOTATIONS" in n, qe = (n) => !!n && "__PROSE_READER_ENHANCER_GALLERY" in n, je = (n) => !!n && "__PROSE_READER_ENHANCER_REFIT" in n, ot = (n) => {
+  const t = C(), o = se(t) ? t : void 0;
+  return { data: S(
     () => o?.annotations.annotations$.pipe(
-      L((i) => i.find((a) => a.id === n)),
-      pe(Le),
-      H((i) => o.locateResource(i))
+      D((i) => i.find((a) => a.id === n)),
+      pe(De),
+      W((i) => o.locateResource(i))
     ),
     [o]
   ) };
@@ -90,9 +90,9 @@ const K = z.ActionTrigger, qe = () => ({
   onNavigate: t,
   allowLeftIcon: o = !0
 }) => {
-  const r = S(), { data: i } = rt(n), a = i?.meta.range?.toString() || i?.meta.node?.textContent;
-  return /* @__PURE__ */ e(A.Item, { children: /* @__PURE__ */ l(
-    xe,
+  const r = C(), { data: i } = ot(n), a = i?.meta.range?.toString() || i?.meta.node?.textContent;
+  return /* @__PURE__ */ e(A.Item, { children: /* @__PURE__ */ s(
+    ve,
     {
       href: "#",
       onClick: () => {
@@ -100,8 +100,8 @@ const K = z.ActionTrigger, qe = () => ({
       },
       children: [
         i?.resource?.notes ? /* @__PURE__ */ e(A.Indicator, { asChild: !0, children: /* @__PURE__ */ e(he, {}) }) : o ? /* @__PURE__ */ e(A.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(he, {}) }) : null,
-        /* @__PURE__ */ l(O, { gap: 0, children: [
-          a ? /* @__PURE__ */ e(b, { lineClamp: 2, fontSize: "md", children: a }) : /* @__PURE__ */ l(b, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
+        /* @__PURE__ */ s(z, { gap: 0, children: [
+          a ? /* @__PURE__ */ e(b, { lineClamp: 2, fontSize: "md", children: a }) : /* @__PURE__ */ s(b, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
             "Page ",
             (i?.meta.absolutePageIndex ?? 0) + 1
           ] }),
@@ -118,23 +118,23 @@ const K = z.ActionTrigger, qe = () => ({
       ]
     }
   ) });
-}, me = () => {
-  const n = S(), t = ce(n) ? n : void 0;
-  return { data: C(
+}, fe = () => {
+  const n = C(), t = se(n) ? n : void 0;
+  return { data: S(
     () => t?.annotations.annotations$.pipe(
-      H(
+      W(
         (r) => t.locateResource(r)
       )
     ),
     [t]
   ) };
-}, it = () => {
-  const { data: n } = me();
+}, rt = () => {
+  const { data: n } = fe();
   return {
     data: n?.filter((t) => t.meta.isCfiRange)
   };
-}, at = ({ onNavigate: n }) => {
-  const { data: t } = it();
+}, it = ({ onNavigate: n }) => {
+  const { data: t } = rt();
   return /* @__PURE__ */ e(A.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ e(
     Ue,
     {
@@ -143,15 +143,15 @@ const K = z.ActionTrigger, qe = () => ({
     },
     o.resource.id
   )) });
-}, lt = () => {
-  const { data: n } = me();
+}, at = () => {
+  const { data: n } = fe();
   return {
     data: n?.filter(
       (t) => !t.meta.isCfiRange && !t.resource.notes
     )
   };
-}, st = ({ onNavigate: n }) => {
-  const { data: t } = lt();
+}, lt = ({ onNavigate: n }) => {
+  const { data: t } = at();
   return /* @__PURE__ */ e(A.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ e(
     Ue,
     {
@@ -161,42 +161,42 @@ const K = z.ActionTrigger, qe = () => ({
     },
     o.resource.id
   )) });
-}, ct = g(
+}, st = f(
   ({
     onNavigate: n,
     defaultTab: t
   }) => {
     const [o, r] = y(t ?? "bookmarks");
-    return /* @__PURE__ */ l(
-      E.Root,
+    return /* @__PURE__ */ s(
+      P.Root,
       {
         value: o,
         onValueChange: (i) => r(i.value),
         children: [
-          /* @__PURE__ */ l(E.List, { children: [
-            /* @__PURE__ */ l(E.Trigger, { value: "bookmarks", children: [
-              /* @__PURE__ */ e(un, {}),
+          /* @__PURE__ */ s(P.List, { children: [
+            /* @__PURE__ */ s(P.Trigger, { value: "bookmarks", children: [
+              /* @__PURE__ */ e(dn, {}),
               "Bookmarks"
             ] }),
-            /* @__PURE__ */ l(E.Trigger, { value: "annotations", children: [
+            /* @__PURE__ */ s(P.Trigger, { value: "annotations", children: [
               /* @__PURE__ */ e(he, {}),
               "Annotations"
             ] }),
-            /* @__PURE__ */ e(E.Indicator, {})
+            /* @__PURE__ */ e(P.Indicator, {})
           ] }),
-          /* @__PURE__ */ e(E.Content, { value: "bookmarks", children: /* @__PURE__ */ e(st, { onNavigate: n }) }),
-          /* @__PURE__ */ e(E.Content, { value: "annotations", children: /* @__PURE__ */ e(at, { onNavigate: n }) })
+          /* @__PURE__ */ e(P.Content, { value: "bookmarks", children: /* @__PURE__ */ e(lt, { onNavigate: n }) }),
+          /* @__PURE__ */ e(P.Content, { value: "annotations", children: /* @__PURE__ */ e(it, { onNavigate: n }) })
         ]
       }
     );
   }
-), dt = g(
+), ct = f(
   ({
     openWith: n,
     setOpen: t,
     onNavigate: o
   }) => /* @__PURE__ */ e(
-    Q,
+    j,
     {
       lazyMount: !0,
       placement: "center",
@@ -204,60 +204,60 @@ const K = z.ActionTrigger, qe = () => ({
       onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ l(G, { height: "100%", children: [
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Annotations" }) }),
-        /* @__PURE__ */ e(Z, { flex: 1, children: /* @__PURE__ */ e(
-          ct,
+      children: /* @__PURE__ */ s(G, { height: "100%", children: [
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Annotations" }) }),
+        /* @__PURE__ */ e(Y, { flex: 1, children: /* @__PURE__ */ e(
+          st,
           {
             onNavigate: o,
             defaultTab: n
           }
         ) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(j, {})
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(H, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(q, {})
       ] })
     }
   )
-), ut = g(({ children: n }) => {
-  const t = S(), o = C(() => t?.spine.element$, [t]);
-  return o ? /* @__PURE__ */ e(de, { children: Dn(n, o) }) : null;
-}), ht = ({
+), dt = f(({ children: n }) => {
+  const t = C(), o = S(() => t?.spine.element$, [t]);
+  return o ? /* @__PURE__ */ e(ce, { children: Fn(n, o) }) : null;
+}), ut = ({
   absolutePageIndex: n,
   itemIndex: t
 }) => {
-  const o = S();
+  const o = C();
   return {
-    spineItem: C(() => o ? t !== void 0 ? ge(o.spine.spineItemsManager.get(t)) : n !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(n).pipe(
-      L((i) => o.spine.spineItemsManager.get(i?.itemIndex))
+    spineItem: S(() => o ? t !== void 0 ? ge(o.spine.spineItemsManager.get(t)) : n !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(n).pipe(
+      D((i) => o.spine.spineItemsManager.get(i?.itemIndex))
     ) : we : we, [t, n, o])
   };
-}, pt = ({
+}, ht = ({
   absolutePageIndex: n,
   itemIndex: t
 }) => {
-  const { spineItem: o } = ht({ absolutePageIndex: n, itemIndex: t }), r = C(
+  const { spineItem: o } = ut({ absolutePageIndex: n, itemIndex: t }), r = S(
     () => o?.isReady$ ?? ge(!1),
     [o]
   );
   return { spineItem: o, isReady: r };
-}, gt = g(
+}, pt = f(
   ({
     absolutePageIndex: n,
     left: t,
     top: o,
     width: r
   }) => {
-    const { isReady: i } = pt({
+    const { isReady: i } = ht({
       absolutePageIndex: n
-    }), { data: a } = me(), s = a?.find(
+    }), { data: a } = fe(), l = 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(
-      le,
+      ae,
       {
-        present: !!s,
+        present: !!l,
         lazyMount: !0,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
@@ -287,11 +287,11 @@ const K = z.ActionTrigger, qe = () => ({
       }
     );
   }
-), ft = g(() => {
-  const n = S(), t = C(() => n?.layoutInfo$, [n]);
-  return /* @__PURE__ */ e(ut, { children: t?.pages.map(
+), gt = f(() => {
+  const n = C(), t = S(() => n?.layoutInfo$, [n]);
+  return /* @__PURE__ */ e(dt, { children: t?.pages.map(
     ({ absoluteLayout: { left: o, top: r, width: i } }, a) => /* @__PURE__ */ e(
-      gt,
+      pt,
       {
         absolutePageIndex: a,
         left: o,
@@ -301,24 +301,24 @@ const K = z.ActionTrigger, qe = () => ({
       a
     )
   ) });
-}), mt = () => {
-  const n = S();
-  return ce(n) ? n : void 0;
-}, bt = () => {
-  const n = mt(), { data: t } = me();
-  q(() => n ? n.gestures.hooks.register(
+}), ft = () => {
+  const n = C();
+  return se(n) ? n : void 0;
+}, mt = () => {
+  const n = ft(), { data: t } = fe();
+  $(() => n ? n.gestures.hooks.register(
     "beforeTapGesture",
     ({ event$: r }) => r.pipe(
-      On(n?.annotations.candidates$),
-      L(([i, a]) => {
+      zn(n?.annotations.candidates$),
+      D(([i, a]) => {
         if (!i.page) return !0;
         const {
-          spineItem: s,
+          spineItem: l,
           spineItemPageIndex: c,
           spineItemPagePosition: d,
           pageSize: u
         } = i.page;
-        if (Fn(
+        if (Dn(
           d,
           {
             type: "corner",
@@ -329,12 +329,12 @@ const K = z.ActionTrigger, qe = () => ({
           u
         )) {
           const h = n.spine.pages.fromSpineItemPageIndex(
-            s,
+            l,
             c
           );
           if (!h) return !0;
           const m = t?.find(
-            (I) => I?.meta?.absolutePageIndex === h.absolutePageIndex && I.meta.range === void 0
+            (x) => x?.meta?.absolutePageIndex === h.absolutePageIndex && x.meta.range === void 0
           );
           if (m)
             return n?.annotations.delete(m.resource.id), !1;
@@ -347,135 +347,147 @@ const K = z.ActionTrigger, qe = () => ({
       })
     )
   ) : void 0, [n, t]);
-}, Se = Je({
+}, Se = Xe({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), Ct = () => /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(en, { toaster: Se, insetInline: { mdDown: "4" }, children: (n) => /* @__PURE__ */ l(ee.Root, { width: { md: "sm" }, children: [
-  n.type === "loading" ? /* @__PURE__ */ e(nn, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ e(ee.Indicator, {}),
-  /* @__PURE__ */ l(O, { 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 })
+}), bt = () => /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(Ke, { toaster: Se, insetInline: { mdDown: "4" }, children: (n) => /* @__PURE__ */ s(J.Root, { width: { md: "sm" }, children: [
+  n.type === "loading" ? /* @__PURE__ */ e(Je, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ e(J.Indicator, {}),
+  /* @__PURE__ */ s(z, { gap: "1", flex: "1", maxWidth: "100%", children: [
+    n.title && /* @__PURE__ */ e(J.Title, { children: n.title }),
+    n.description && /* @__PURE__ */ e(J.Description, { children: n.description })
   ] }),
-  n.action && /* @__PURE__ */ e(ee.ActionTrigger, { children: n.action.label }),
-  n.meta?.closable && /* @__PURE__ */ e(ee.CloseTrigger, {})
-] }) }) }), St = (n, t) => {
-  const o = Fe({ value: n });
-  return _e(() => t(n, o.current.value) ? o.current.value : (o.current = { value: n }, n), [n, t]);
-}, vt = ({
+  n.action && /* @__PURE__ */ e(J.ActionTrigger, { children: n.action.label }),
+  n.meta?.closable && /* @__PURE__ */ e(J.CloseTrigger, {})
+] }) }) }), St = ({
   children: n,
   onQuickMenuOpenChange: t,
   quickMenuOpen: o,
   ...r
 }) => {
-  const i = ie(() => N({ default: qe() })), a = ie(
+  const i = re(() => N({ default: We() })), a = re(
     () => N({ default: i.value.fontSizeMenuOpen })
-  ), s = ue(
+  ), l = ue(
     a
-  ), c = M(
-    (k) => {
-      a.update(k);
+  ), c = O(
+    (I) => {
+      a.update(I);
     },
     [a]
-  ), d = ie(
+  ), d = re(
     () => N({ default: i.value.quickMenuOpen })
-  ), u = M(
-    (k) => {
-      d.update(k);
+  ), u = O(
+    (I) => {
+      d.update(I);
     },
     [d]
-  ), p = ue(
+  ), g = ue(
     d
-  ), h = o ?? p, m = t ?? u, v = ie(
+  ), h = o ?? g, m = t ?? u, v = re(
     () => N({ default: i.value.refitMenuOpen })
-  ), I = M(
-    (k) => {
-      v.update(k);
+  ), x = O(
+    (I) => {
+      v.update(I);
     },
     [v]
-  ), T = ue(
+  ), M = ue(
     v
-  ), x = St(r, _n);
-  return q(() => {
-    i.update((k) => ({
+  ), k = xn(r, _n);
+  return $(() => {
+    i.update((I) => ({
+      ...I,
       ...k,
-      ...x,
       onQuickMenuOpenChange: m,
       quickMenuOpen: h,
       onFontSizeMenuOpenChange: c,
-      fontSizeMenuOpen: s,
-      onRefitMenuOpenChange: I,
-      refitMenuOpen: T
+      fontSizeMenuOpen: l,
+      onRefitMenuOpenChange: x,
+      refitMenuOpen: M
     }));
   }, [
-    x,
+    k,
     h,
     m,
     i,
-    s,
+    l,
     c,
-    T,
-    I
-  ]), /* @__PURE__ */ e(Ie.Provider, { value: i, children: n });
-}, xt = g(
-  ({ children: n, ...t }) => /* @__PURE__ */ e(vt, { ...t, children: n })
-), ae = B.forwardRef(
+    M,
+    x
+  ]), /* @__PURE__ */ e(ke.Provider, { value: i, children: n });
+}, Ct = f(
+  ({ children: n, ...t }) => /* @__PURE__ */ e(St, { ...t, children: n })
+), ie = E.forwardRef(
   function(t, o) {
-    const { children: r, inputProps: i, rootRef: a, ...s } = t;
-    return /* @__PURE__ */ l(re.Item, { ref: a, ...s, children: [
-      /* @__PURE__ */ e(re.ItemHiddenInput, { ref: o, ...i }),
-      /* @__PURE__ */ e(re.ItemIndicator, {}),
-      r && /* @__PURE__ */ e(re.ItemText, { children: r })
+    const { children: r, inputProps: i, rootRef: a, ...l } = t;
+    return /* @__PURE__ */ s(oe.Item, { ref: a, ...l, children: [
+      /* @__PURE__ */ e(oe.ItemHiddenInput, { ref: o, ...i }),
+      /* @__PURE__ */ e(oe.ItemIndicator, {}),
+      r && /* @__PURE__ */ e(oe.ItemText, { children: r })
     ] });
   }
-), Ye = re.Root, Re = B.forwardRef(
+), Qe = oe.Root, Ie = E.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(w.Root, { ref: o, thumbAlignment: "center", ...s, children: [
+    const { marks: r, label: i, showValue: a, ...l } = t, c = t.defaultValue ?? t.value, d = r?.map((g) => typeof g == "number" ? { value: g, label: void 0 } : g), u = !!d?.some((g) => g.label);
+    return /* @__PURE__ */ s(w.Root, { ref: o, thumbAlignment: "center", ...l, children: [
       i && !a && /* @__PURE__ */ e(w.Label, { children: i }),
-      i && a && /* @__PURE__ */ l(D, { justify: "space-between", children: [
+      i && a && /* @__PURE__ */ s(B, { justify: "space-between", children: [
         /* @__PURE__ */ e(w.Label, { children: i }),
         /* @__PURE__ */ e(w.ValueText, {})
       ] }),
-      /* @__PURE__ */ l(w.Control, { "data-has-mark-label": u || void 0, children: [
+      /* @__PURE__ */ s(w.Control, { "data-has-mark-label": u || void 0, children: [
         /* @__PURE__ */ e(w.Track, { children: /* @__PURE__ */ e(w.Range, {}) }),
-        /* @__PURE__ */ e(kt, { value: c }),
-        /* @__PURE__ */ e(It, { marks: d })
+        /* @__PURE__ */ e(vt, { value: c }),
+        /* @__PURE__ */ e(xt, { marks: d })
       ] })
     ] });
   }
 );
-function kt(n) {
+function vt(n) {
   const { value: t } = n;
-  return /* @__PURE__ */ e(tn, { each: t, children: (o, r) => /* @__PURE__ */ e(w.Thumb, { index: r, children: /* @__PURE__ */ e(w.HiddenInput, {}) }, r) });
+  return /* @__PURE__ */ e(en, { each: t, children: (o, r) => /* @__PURE__ */ e(w.Thumb, { index: r, children: /* @__PURE__ */ e(w.HiddenInput, {}) }, r) });
 }
-const It = B.forwardRef(
+const xt = E.forwardRef(
   function(t, o) {
     const { marks: r } = t;
     return r?.length ? /* @__PURE__ */ e(w.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(w.Marker, { value: s, children: [
+      const l = typeof i == "number" ? i : i.value, c = typeof i == "number" ? void 0 : i.label;
+      return /* @__PURE__ */ s(w.Marker, { value: l, children: [
         /* @__PURE__ */ e(w.MarkerIndicator, {}),
         c
       ] }, a);
     }) }) : null;
   }
-), Rt = ["global", "book", "device"], ye = [
-  "global",
-  "book",
-  "mobile",
-  "tablet",
-  "desktop"
-], Ot = "(max-width: 767px)", Tt = "(max-width: 1023px)", Mt = g(() => {
-  const n = ot(), {
+), Re = [
+  {
+    value: "global",
+    references: ["global"]
+  },
+  {
+    value: "book",
+    references: ["book"]
+  },
+  {
+    value: "screen",
+    references: ["mobile", "tablet", "desktop"]
+  }
+], kt = Re.map((n) => n.value), ye = Re.flatMap(
+  (n) => n.references
+), It = (n) => {
+  if (n)
+    return Re.find(
+      (t) => t.references.includes(n)
+    )?.value;
+}, Rt = f(() => {
+  const n = He(), {
     fontSizeMenuOpen: t,
     onFontSizeMenuOpenChange: o,
     uncontrolledFontSize: r,
     fontSize: i = r,
     fontSizeMin: a,
-    fontSizeMax: s,
+    fontSizeMax: l,
     fontSizeScope: c,
-    onFontSizeChange: d,
-    onFontSizeScopeChange: u
+    fontSizeValues: d,
+    onFontSizeChange: u,
+    onFontSizeScopeChange: g
   } = _([
     "fontSizeMenuOpen",
     "onFontSizeMenuOpenChange",
@@ -485,120 +497,151 @@ const It = B.forwardRef(
     "fontSizeScope",
     "onFontSizeChange",
     "onFontSizeScopeChange",
-    "uncontrolledFontSize"
-  ]), p = kn(d), [h, m] = on([
-    Ot,
-    Tt
-  ]), [v, I] = y(
+    "uncontrolledFontSize",
+    "fontSizeValues"
+  ]), h = kn(u), [m, v] = y(
     c ?? "global"
-  ), T = M(
-    (f, J) => {
-      p.current ? p.current(f, J) : n.update((Ke) => ({
-        ...Ke,
-        fontSize: J
+  ), x = O(
+    (p, K) => {
+      h.current ? h.current(p, K) : n.update((Ze) => ({
+        ...Ze,
+        uncontrolledFontSize: K
       }));
     },
-    [p, n]
-  ), x = M(
-    (f) => i,
-    [i]
-  ), k = {
-    showValue: !0,
-    max: s * 100,
-    min: a * 100,
-    width: "100%",
-    step: 0.1 * 100,
-    marks: [
-      { value: 100, label: "Publisher" },
-      { value: a * 100, label: `${a * 100}%` },
-      { value: s * 100, label: `${s * 100}%` }
-    ]
-  }, V = M(
-    (f) => {
-      const J = f.value;
-      u?.(J);
+    [h, n]
+  ), M = O(
+    (p) => d?.[p] ?? i,
+    [i, d]
+  ), k = O(
+    (p) => {
+      const K = p.value;
+      g?.(K);
     },
-    [u]
-  ), P = M((f) => {
-    I(f.value);
-  }, []), Xe = M(
-    (f) => {
-      const J = f.value[0] ?? 0;
-      T(v, J / 100);
+    [g]
+  ), I = O((p) => {
+    v(p.value);
+  }, []), L = O(
+    (p) => {
+      const K = p.value[0] ?? 0;
+      x(m, K / 100);
     },
-    [T, v]
+    [x, m]
   );
-  return /* @__PURE__ */ e(
-    Q,
+  return $(
+    function() {
+      v(c ?? "global");
+    },
+    [c]
+  ), /* @__PURE__ */ e(
+    j,
     {
       lazyMount: !0,
       open: t,
-      onOpenChange: (f) => {
-        o(f.open);
+      onOpenChange: (p) => {
+        o(p.open);
       },
       placement: "center",
-      children: /* @__PURE__ */ l(G, { maxH: "40vh", overflow: "auto", children: [
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Font size" }) }),
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ l(O, { gap: 4, flex: 1, children: [
-          /* @__PURE__ */ l($.Root, { children: [
-            /* @__PURE__ */ e($.Legend, { children: "Scope" }),
-            /* @__PURE__ */ e($.HelperText, { children: "The scope to which apply the font size for this book." }),
-            /* @__PURE__ */ e($.Content, { children: /* @__PURE__ */ e(
-              Ye,
+      children: /* @__PURE__ */ s(G, { maxH: "40vh", overflow: "auto", children: [
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Font size" }) }),
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ s(z, { gap: 4, flex: 1, children: [
+          /* @__PURE__ */ s(V.Root, { children: [
+            /* @__PURE__ */ e(V.Legend, { children: "Scope" }),
+            /* @__PURE__ */ e(V.HelperText, { children: "The scope to which apply the font size for this book." }),
+            /* @__PURE__ */ e(V.Content, { children: /* @__PURE__ */ e(
+              Qe,
               {
-                onValueChange: V,
-                value: c ?? "global",
-                disabled: !c,
-                children: /* @__PURE__ */ e(D, { gap: 2, children: Rt.map((f) => /* @__PURE__ */ e(ae, { value: f, children: f === "device" ? h ? "device (Mobile)" : m ? "device (Tablet)" : "device (Desktop)" : f }, f)) })
+                onValueChange: k,
+                value: It(c) ?? "global",
+                disabled: !g,
+                children: /* @__PURE__ */ e(B, { gap: 2, children: kt.map((p) => /* @__PURE__ */ e(ie, { value: p, children: p }, p)) })
               }
             ) })
           ] }),
-          /* @__PURE__ */ l(E.Root, { value: v, onValueChange: P, children: [
-            /* @__PURE__ */ e(E.List, { children: ye.map((f) => /* @__PURE__ */ l(
-              E.Trigger,
-              {
-                value: f,
-                textTransform: "capitalize",
-                disabled: f !== "global" && !c,
-                children: [
-                  c === f && /* @__PURE__ */ e(hn, {}),
-                  f
-                ]
-              },
-              f
-            )) }),
-            ye.map((f) => /* @__PURE__ */ e(E.Content, { value: f, children: /* @__PURE__ */ e(
-              Re,
-              {
-                label: "%",
-                value: [(x(f) ?? 1) * 100],
-                onValueChange: Xe,
-                ...k
-              }
-            ) }, f))
-          ] })
+          /* @__PURE__ */ s(
+            P.Root,
+            {
+              value: m,
+              onValueChange: I,
+              fitted: !1,
+              size: "sm",
+              children: [
+                /* @__PURE__ */ e(P.List, { children: ye.map((p) => /* @__PURE__ */ s(
+                  P.Trigger,
+                  {
+                    value: p,
+                    textTransform: "capitalize",
+                    disabled: p !== "global" && !c,
+                    children: [
+                      c === p && /* @__PURE__ */ e(un, {}),
+                      p
+                    ]
+                  },
+                  p
+                )) }),
+                ye.map((p) => /* @__PURE__ */ e(P.Content, { value: p, children: /* @__PURE__ */ e(
+                  Ie,
+                  {
+                    label: "%",
+                    value: [(M(p) ?? 1) * 100],
+                    onValueChange: L,
+                    showValue: !0,
+                    marks: [
+                      { value: 100, label: "Publisher" },
+                      {
+                        value: a * 100,
+                        label: `${a * 100}%`
+                      },
+                      {
+                        value: l * 100,
+                        label: `${l * 100}%`
+                      }
+                    ],
+                    max: l * 100,
+                    min: a * 100,
+                    width: "100%",
+                    step: 0.1 * 100
+                  }
+                ) }, p))
+              ]
+            }
+          )
         ] }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Close" }) }) }),
-        /* @__PURE__ */ e(j, {})
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(H, { variant: "outline", children: "Close" }) }) }),
+        /* @__PURE__ */ e(q, {})
       ] })
     }
   );
 }), zt = () => {
-  const n = S(), { fontSize: t, uncontrolledFontSize: o } = _([
+  const n = C(), t = He(), { fontSize: o, uncontrolledFontSize: r } = _([
     "fontSize",
-    "uncontrolledFontSize"
-  ]), r = t ?? o;
-  return q(() => {
-    if (n && r) {
-      const i = setTimeout(() => {
-        n.settings.update({
-          fontScale: r
-        });
-      }, 200);
-      return () => clearTimeout(i);
-    }
-  }, [n, r]), null;
-}, wt = {
+    "uncontrolledFontSize",
+    "onFontSizeChange"
+  ]), i = o ?? r;
+  return $(
+    function() {
+      if (n && i) {
+        const l = setTimeout(() => {
+          n.settings.update({
+            fontScale: i
+          });
+        }, 200);
+        return () => clearTimeout(l);
+      }
+    },
+    [n, i]
+  ), de(
+    function() {
+      return n?.settings.values$.pipe(D((l) => l.fontScale)).subscribe((l) => {
+        const c = t.value.fontSize ?? t.value.uncontrolledFontSize;
+        l !== c && (t.value.onFontSizeChange?.("internal", l), t.update((d) => ({
+          ...d,
+          uncontrolledFontSize: l
+        })));
+      });
+    },
+    [n, t]
+  ), null;
+}, Ot = {
   x: 0,
   y: 0,
   width: 0,
@@ -608,43 +651,43 @@ const It = B.forwardRef(
   bottom: 0,
   right: 0
 };
-function yt() {
-  const [n, t] = y(null), [o, r] = y(wt), i = _e(
+function Tt() {
+  const [n, t] = y(null), [o, r] = y(Ot), i = an(
     () => new ResizeObserver((a) => {
       if (a[0]) {
-        const { x: s, y: c, width: d, height: u, top: p, left: h, bottom: m, right: v } = a[0].contentRect;
-        r({ x: s, y: c, width: d, height: u, top: p, left: h, bottom: m, right: v });
+        const { x: l, y: c, width: d, height: u, top: g, left: h, bottom: m, right: v } = a[0].contentRect;
+        r({ x: l, y: c, width: d, height: u, top: g, left: h, bottom: m, right: v });
       }
     }),
     []
   );
-  return cn(() => {
+  return ln(() => {
     if (n)
       return i.observe(n), () => {
         i.disconnect();
       };
   }, [n, i]), [t, o, n];
 }
-const Pt = (n, t, o) => {
-  const r = S(), i = je(r) ? r : void 0;
-  fe(() => {
-    if (!i || !n) return ke;
+const Mt = (n, t, o) => {
+  const r = C(), i = qe(r) ? r : void 0;
+  de(() => {
+    if (!i || !n) return xe;
     const a = t.layout.layout$.pipe(
-      Tn(t.layout.layoutInfo),
-      Ve(Ln)
-    ), s = Vn(
+      On(t.layout.layoutInfo),
+      _e(Ln)
+    ), l = $n(
       n
-    ).pipe(L((c) => c.some((d) => d.isIntersecting)));
+    ).pipe(D((c) => c.some((d) => d.isIntersecting)));
     return a.pipe(
-      $e(100, void 0, { trailing: !0 }),
-      H(() => s.pipe(
-        Mn((c) => {
+      Le(100, void 0, { trailing: !0 }),
+      W(() => l.pipe(
+        Tn((c) => {
           c || (n.innerHTML = "");
         }),
         pe((c) => c),
-        Ne()
+        $e()
       ).pipe(
-        H(() => (n.innerHTML = "", i?.gallery.snapshot(
+        W(() => (n.innerHTML = "", i?.gallery.snapshot(
           t,
           n,
           o
@@ -652,15 +695,15 @@ const Pt = (n, t, o) => {
       ))
     );
   }, [i, t, o, n]);
-}, Et = g(
+}, wt = f(
   ({ item: n, onNavigated: t }) => {
-    const [o, r, i] = yt(), a = S();
-    Pt(i, n, r);
-    const s = C(
+    const [o, r, i] = Tt(), a = C();
+    Mt(i, n, r);
+    const l = S(
       () => a?.locateResource(n, { mode: "shallow" }),
       [a, n]
     );
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ s(
       F,
       {
         width: "100%",
@@ -686,7 +729,7 @@ const Pt = (n, t, o) => {
               ref: o
             }
           ),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ s(
             b,
             {
               position: "absolute",
@@ -699,7 +742,7 @@ const Pt = (n, t, o) => {
               fontSize: "xs",
               children: [
                 "Page ",
-                (s?.meta?.absolutePageIndex ?? 0) + 1
+                (l?.meta?.absolutePageIndex ?? 0) + 1
               ]
             }
           )
@@ -707,11 +750,11 @@ const Pt = (n, t, o) => {
       }
     );
   }
-), Bt = g(
+), yt = f(
   ({ open: n, setOpen: t }) => {
-    const o = S(), r = C(() => o?.spineItemsManager.items$, [o]);
+    const o = C(), r = S(() => o?.spineItemsManager.items$, [o]);
     return /* @__PURE__ */ e(
-      Q,
+      j,
       {
         lazyMount: !0,
         placement: "center",
@@ -719,9 +762,9 @@ const Pt = (n, t, o) => {
         onOpenChange: (i) => t(i.open),
         size: { mdDown: "full", md: "lg" },
         scrollBehavior: "inside",
-        children: /* @__PURE__ */ l(G, { height: "100%", children: [
-          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Gallery" }) }),
-          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ s(G, { height: "100%", children: [
+          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Gallery" }) }),
+          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(
             F,
             {
               gridTemplateColumns: [
@@ -733,7 +776,7 @@ const Pt = (n, t, o) => {
               pt: 2,
               "data-grid": !0,
               children: r?.map((i) => /* @__PURE__ */ e(
-                Et,
+                wt,
                 {
                   item: i,
                   onNavigated: () => {
@@ -744,15 +787,15 @@ const Pt = (n, t, o) => {
               ))
             }
           ) }),
-          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-          /* @__PURE__ */ e(j, {})
+          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(H, { variant: "outline", children: "Cancel" }) }) }),
+          /* @__PURE__ */ e(q, {})
         ] })
       }
     );
   }
-), At = "@prose-reader/react-reader", Dt = "1.258.0", Ft = g(
+), Pt = "@prose-reader/react-reader", Et = "1.260.0", At = f(
   ({ open: n, setOpen: t }) => /* @__PURE__ */ e(
-    Q,
+    j,
     {
       lazyMount: !0,
       placement: "center",
@@ -760,10 +803,10 @@ const Pt = (n, t, o) => {
       onOpenChange: (o) => t(o.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ l(G, { children: [
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Help" }) }),
-        /* @__PURE__ */ l(
-          Z,
+      children: /* @__PURE__ */ s(G, { children: [
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Help" }) }),
+        /* @__PURE__ */ s(
+          Y,
           {
             overflowY: "auto",
             flex: 1,
@@ -771,44 +814,44 @@ const Pt = (n, t, o) => {
             flexDirection: "column",
             gap: 4,
             children: [
-              /* @__PURE__ */ l(O, { children: [
-                /* @__PURE__ */ e(be, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-                /* @__PURE__ */ l(D, { mb: 1, children: [
-                  /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(pn, {}) }),
+              /* @__PURE__ */ s(z, { children: [
+                /* @__PURE__ */ e(me, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+                /* @__PURE__ */ s(B, { mb: 1, children: [
+                  /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(hn, {}) }),
                   " ",
                   /* @__PURE__ */ e(b, { children: "Navigate to right page" })
                 ] }),
-                /* @__PURE__ */ l(D, { mb: 1, children: [
-                  /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(gn, {}) }),
+                /* @__PURE__ */ s(B, { mb: 1, children: [
+                  /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(pn, {}) }),
                   " ",
                   /* @__PURE__ */ e(b, { children: "Navigate to left page" })
                 ] })
               ] }),
-              /* @__PURE__ */ l(O, { children: [
-                /* @__PURE__ */ e(be, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }),
-                /* @__PURE__ */ e(D, { mb: 1, children: /* @__PURE__ */ e(b, { children: "Tap on the top right corner of a page bookmark it" }) })
+              /* @__PURE__ */ s(z, { children: [
+                /* @__PURE__ */ e(me, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }),
+                /* @__PURE__ */ e(B, { mb: 1, children: /* @__PURE__ */ e(b, { children: "Tap on the top right corner of a page bookmark it" }) })
               ] }),
-              /* @__PURE__ */ l(O, { children: [
-                /* @__PURE__ */ e(be, { mb: 2, as: "h3", size: "lg", children: "About" }),
-                /* @__PURE__ */ l(b, { children: [
-                  At,
+              /* @__PURE__ */ s(z, { children: [
+                /* @__PURE__ */ e(me, { mb: 2, as: "h3", size: "lg", children: "About" }),
+                /* @__PURE__ */ s(b, { children: [
+                  Pt,
                   " version: ",
-                  Dt
+                  Et
                 ] })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(j, {})
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(H, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(q, {})
       ] })
     }
   )
-), te = () => {
-  const n = S();
-  return C(
-    () => n ? zn([n.pagination.state$, n.context]).pipe(
-      L(([t, o]) => {
+), ne = () => {
+  const n = C();
+  return S(
+    () => n ? Mn([n.pagination.state$, n.context]).pipe(
+      D(([t, o]) => {
         const r = o.manifest?.spineItems.every(
           (i) => i.mediaType?.startsWith("image/")
         );
@@ -817,39 +860,39 @@ const Pt = (n, t, o) => {
           hasChapters: !o.isFullyPrePaginated && !r
         };
       })
-    ) : ke,
+    ) : xe,
     [n]
   );
-}, _t = () => {
-  const n = te(), t = Math.floor(
+}, Bt = () => {
+  const n = ne(), 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(b, { fontSize: "sm", children: [
+  return n?.percentageEstimateOfBook === void 0 ? null : /* @__PURE__ */ e(F, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ s(b, { fontSize: "sm", children: [
     o,
     " %"
   ] }) });
-}, Lt = () => {
+}, Ft = () => {
   const [n, t] = y(/* @__PURE__ */ new Date());
-  return q(() => {
+  return $(() => {
     const o = setInterval(() => {
       t(/* @__PURE__ */ new Date());
     }, 6e4);
     return () => clearInterval(o);
   }, []), n;
-}, Vt = (n) => {
-  const t = Lt();
+}, Dt = (n) => {
+  const t = Ft();
   return /* @__PURE__ */ e(b, { fontSize: "xs", ...n, children: t.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
   }) });
-}, Oe = () => {
+}, ze = () => {
   const { quickMenuOpen: n, onQuickMenuOpenChange: t } = _([
     "quickMenuOpen",
     "onQuickMenuOpenChange"
   ]);
   return [n, t];
-}, $t = g(() => {
-  const [n] = Oe();
+}, _t = f(() => {
+  const [n] = ze();
   return /* @__PURE__ */ e(
     F,
     {
@@ -858,14 +901,14 @@ const Pt = (n, t, o) => {
       bottom: 0,
       p: 2,
       color: n ? void 0 : "colorPalette.contrast",
-      children: /* @__PURE__ */ e(Vt, {})
+      children: /* @__PURE__ */ e(Dt, {})
     }
   );
-}), Nt = () => {
-  const n = S();
-  fe(
+}), Lt = () => {
+  const n = C();
+  de(
     () => n?.links$.subscribe((t) => {
-      if (t.type === "click" && $n(t.target, "a")) {
+      if (t.type === "click" && Vn(t.target, "a")) {
         if (!t.target.href) return;
         const o = new URL(t.target.href);
         window.location.host !== o.host && confirm(
@@ -875,39 +918,39 @@ const Pt = (n, t, o) => {
     }),
     [n]
   );
-}, Ht = () => {
+}, $t = () => {
   const { notificationsSubject: n } = _([
     "notificationsSubject"
   ]);
-  fe(
+  de(
     () => n.pipe(
-      pe(Le),
+      pe(De),
       wn((t) => {
         const o = t.duration ?? 3e3, r = new yn((a) => {
           try {
             queueMicrotask(() => {
-              const s = Se.create({
+              const l = Se.create({
                 title: t.title,
                 description: t.description,
                 duration: o
               });
-              a.next(s), a.complete();
+              a.next(l), a.complete();
             });
-          } catch (s) {
-            a.error(s);
+          } catch (l) {
+            a.error(l);
           }
         }), i = n.pipe(
           Pn(1),
           pe((a) => !!t.key && a?.key === t.key)
         );
         return r.pipe(
-          H(
-            (a) => He(
-              We(o),
-              t.abort ?? ke,
+          W(
+            (a) => Ve(
+              Ne(o),
+              t.abort ?? xe,
               i
             ).pipe(
-              Ne(),
+              $e(),
               En(() => {
                 queueMicrotask(() => {
                   Se.dismiss(a);
@@ -920,25 +963,25 @@ const Pt = (n, t, o) => {
     ),
     [n]
   );
-}, Wt = B.forwardRef(
+}, Vt = E.forwardRef(
   function(t, o) {
     const {
       showArrow: r,
       children: i,
       portalled: a = !0,
-      content: s,
+      content: l,
       portalRef: c,
       ...d
     } = t;
-    return /* @__PURE__ */ l(
-      ne.Root,
+    return /* @__PURE__ */ s(
+      ee.Root,
       {
         ...d,
         positioning: { ...d.positioning, gutter: 4 },
         children: [
-          /* @__PURE__ */ e(ne.Trigger, { asChild: !0, children: i }),
-          /* @__PURE__ */ e(ve, { disabled: !a, container: c, children: /* @__PURE__ */ e(ne.Positioner, { children: /* @__PURE__ */ l(
-            ne.Content,
+          /* @__PURE__ */ e(ee.Trigger, { asChild: !0, children: i }),
+          /* @__PURE__ */ e(Ce, { disabled: !a, container: c, children: /* @__PURE__ */ e(ee.Positioner, { children: /* @__PURE__ */ s(
+            ee.Content,
             {
               width: "auto",
               px: "2",
@@ -947,8 +990,8 @@ const Pt = (n, t, o) => {
               rounded: "sm",
               ref: o,
               children: [
-                r && /* @__PURE__ */ e(ne.Arrow, { children: /* @__PURE__ */ e(ne.ArrowTip, {}) }),
-                s
+                r && /* @__PURE__ */ e(ee.Arrow, { children: /* @__PURE__ */ e(ee.ArrowTip, {}) }),
+                l
               ]
             }
           ) }) })
@@ -956,9 +999,9 @@ const Pt = (n, t, o) => {
       }
     );
   }
-), qt = B.forwardRef(function(t, o) {
+), Nt = E.forwardRef(function(t, o) {
   const { children: r, ...i } = t;
-  return /* @__PURE__ */ e(Wt, { content: r, ...i, ref: o, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(Vt, { content: r, ...i, ref: o, children: /* @__PURE__ */ e(
     R,
     {
       variant: "ghost",
@@ -968,21 +1011,21 @@ const Pt = (n, t, o) => {
       children: /* @__PURE__ */ e(Xn, {})
     }
   ) });
-}), Gt = B.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(se.Track, { ...t, ref: o, children: /* @__PURE__ */ e(se.Range, {}) });
+}), Wt = E.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(le.Track, { ...t, ref: o, children: /* @__PURE__ */ e(le.Range, {}) });
 });
-B.forwardRef(function(t, o) {
+E.forwardRef(function(t, o) {
   const { children: r, info: i, ...a } = t;
-  return /* @__PURE__ */ l(se.Label, { ...a, ref: o, children: [
+  return /* @__PURE__ */ s(le.Label, { ...a, ref: o, children: [
     r,
-    i && /* @__PURE__ */ e(qt, { children: i })
+    i && /* @__PURE__ */ e(Nt, { children: i })
   ] });
 });
-const jt = se.Root, Qt = se.ValueText, Te = () => {
-  const n = te(), t = n?.numberOfTotalPages === 1, o = (n?.beginNumberOfPagesInSpineItem ?? 0) > 1, r = (n?.endNumberOfPagesInSpineItem ?? 0) > 1, i = (n?.hasChapters ? n?.beginPageIndexInSpineItem : n?.beginAbsolutePageIndex) ?? 0, a = (n?.hasChapters ? n?.endPageIndexInSpineItem : n?.endAbsolutePageIndex) ?? 0, [s = 0, c = 0] = [
+const Ht = le.Root, Gt = le.ValueText, Oe = () => {
+  const n = ne(), t = n?.numberOfTotalPages === 1, o = (n?.beginNumberOfPagesInSpineItem ?? 0) > 1, r = (n?.endNumberOfPagesInSpineItem ?? 0) > 1, i = (n?.hasChapters ? n?.beginPageIndexInSpineItem : n?.beginAbsolutePageIndex) ?? 0, a = (n?.hasChapters ? n?.endPageIndexInSpineItem : n?.endAbsolutePageIndex) ?? 0, [l = 0, c = 0] = [
     i,
     a
-  ].sort((p, h) => p - h), d = n?.beginPageIndexInSpineItem !== n?.endPageIndexInSpineItem || n?.beginSpineItemIndex !== n?.endSpineItemIndex, u = n?.hasChapters ? n?.beginNumberOfPagesInSpineItem : n?.numberOfTotalPages;
+  ].sort((g, h) => g - h), d = n?.beginPageIndexInSpineItem !== n?.endPageIndexInSpineItem || n?.beginSpineItemIndex !== n?.endSpineItemIndex, u = n?.hasChapters ? n?.beginNumberOfPagesInSpineItem : n?.numberOfTotalPages;
   return {
     hasOnlyOnePage: t,
     beginPageIndex: i,
@@ -991,28 +1034,28 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
     isEndWithinChapter: r,
     beginAndEndAreDifferent: d,
     totalApproximatePages: u,
-    leftPageIndex: s,
+    leftPageIndex: l,
     rightPageIndex: c
   };
-}, Ut = () => {
-  const n = te(), {
+}, qt = () => {
+  const n = ne(), {
     hasOnlyOnePage: t,
     leftPageIndex: o,
     rightPageIndex: r,
     totalApproximatePages: i,
     beginAndEndAreDifferent: a
-  } = 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(O, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
-    /* @__PURE__ */ e(jt, { value: s, size: "xs", width: 150, children: /* @__PURE__ */ l(D, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(Gt, { width: 110 }),
-      /* @__PURE__ */ e(Qt, { children: `${s}%` })
+  } = Oe(), l = Math.round((n?.percentageEstimateOfBook ?? 0) * 100), c = (u) => u?.subChapter ? `${u.title} / ${c(u.subChapter)}` : u?.title || "", d = c(n?.beginChapterInfo);
+  return /* @__PURE__ */ s(z, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
+    /* @__PURE__ */ e(Ht, { value: l, size: "xs", width: 150, children: /* @__PURE__ */ s(B, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ e(Wt, { width: 110 }),
+      /* @__PURE__ */ e(Gt, { children: `${l}%` })
     ] }) }),
     /* @__PURE__ */ e(b, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: d ? `Chapter: ${d}` : " " }),
-    !t && /* @__PURE__ */ l(D, { children: [
+    !t && /* @__PURE__ */ s(B, { children: [
       /* @__PURE__ */ e(b, { fontSize: "xs", children: a ? `${o + 1} - ${r + 1} of ${i}` : `${o + 1} of ${i}` }),
-      !!n?.hasChapters && /* @__PURE__ */ l(de, { children: [
+      !!n?.hasChapters && /* @__PURE__ */ s(ce, { children: [
         /* @__PURE__ */ e(b, { children: "-" }),
-        /* @__PURE__ */ l(b, { fontSize: "xs", children: [
+        /* @__PURE__ */ s(b, { fontSize: "xs", children: [
           "(",
           (n?.beginAbsolutePageIndex ?? 0) + 1,
           ")"
@@ -1020,13 +1063,13 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       ] })
     ] })
   ] });
-}, Ze = g(
+}, Ye = f(
   ({
     children: n,
     position: t,
     ...o
   }) => /* @__PURE__ */ e(
-    le,
+    ae,
     {
       display: "flex",
       flexDirection: "row",
@@ -1050,7 +1093,7 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       children: n
     }
   )
-), Yt = rn(Kn), Zt = g((n) => /* @__PURE__ */ e(
+), jt = nn(Kn), Ut = f((n) => /* @__PURE__ */ e(
   F,
   {
     display: "contents",
@@ -1060,7 +1103,7 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       "--color-solid": "colors.colorPalette.solid"
     },
     children: /* @__PURE__ */ e(
-      Yt,
+      jt,
       {
         keyboard: !1,
         style: {
@@ -1104,8 +1147,8 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       }
     )
   }
-)), Xt = () => {
-  const t = te()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = Te(), i = t ? Math.floor((o || 0) / 2) : o, [a, s] = In(
+)), Qt = () => {
+  const t = ne()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = Oe(), i = t ? Math.floor((o || 0) / 2) : o, [a, l] = In(
     () => N({
       default: i || 0
     })
@@ -1113,81 +1156,81 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
     0,
     t ? Math.floor((r - 1) / 2) : r - 1
   );
-  return q(() => {
-    s.update(i || 0);
-  }, [i, s]), {
+  return $(() => {
+    l.update(i || 0);
+  }, [i, l]), {
     value: a,
-    valueSignal: s,
+    valueSignal: l,
     min: c,
     max: d
   };
-}, Kt = (n) => {
-  const t = S(), o = te(), { manifest: r } = C(() => 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: m, max: v } = Xt(), I = M(
-    (x) => {
-      const [k = 0] = Array.isArray(x) ? x : [x];
-      h.update(k);
-      const V = a ? Math.floor(k) * 2 : Math.floor(k);
+}, Yt = (n) => {
+  const t = C(), o = ne(), { manifest: r } = S(() => t?.context, [t]) ?? {}, i = r?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = Oe(), d = 1, u = c, { value: g, valueSignal: h, min: m, max: v } = Qt(), x = O(
+    (k) => {
+      const [I = 0] = Array.isArray(k) ? k : [k];
+      h.update(I);
+      const L = a ? Math.floor(I) * 2 : Math.floor(I);
       u ? t?.navigation.goToPageOfSpineItem({
-        pageIndex: V,
+        pageIndex: L,
         spineItemId: t.pagination.state.beginSpineItemIndex ?? 0,
         animation: !1
       }) : t?.navigation.goToAbsolutePageIndex({
-        absolutePageIndex: V,
+        absolutePageIndex: L,
         animation: !1
       });
     },
     [t, a, h, u]
   );
-  return fe(
+  return de(
     () => t?.navigation.throttleLock({
       duration: 100,
       trigger: h.subject
     }),
     [t, h]
-  ), s === 1 || a && s === 2 ? /* @__PURE__ */ e(F, { style: n.style }) : /* @__PURE__ */ e(
-    Zt,
+  ), l === 1 || a && l === 2 ? /* @__PURE__ */ e(F, { style: n.style }) : /* @__PURE__ */ e(
+    Ut,
     {
-      value: [p],
+      value: [g],
       max: v,
       min: m,
       reverse: i,
       step: d,
-      onChange: I,
+      onChange: x,
       ...n
     }
   );
-}, Jt = g(
+}, Zt = f(
   ({
     open: n,
     onItemClick: t
   }) => {
-    const o = Fe(null), r = S(), {
+    const o = sn(null), r = C(), {
       quickMenuBottomBarBoundingBoxSignal: i,
       onFontSizeMenuOpenChange: a,
-      onRefitMenuOpenChange: s
+      onRefitMenuOpenChange: l
     } = _([
       "quickMenuBottomBarBoundingBoxSignal",
       "onFontSizeMenuOpenChange",
       "onRefitMenuOpenChange"
-    ]), c = C(() => r?.navigation.state$, [r]), d = C(() => r?.settings.values$, [r]), u = C(
+    ]), c = S(() => r?.navigation.state$, [r]), d = S(() => r?.settings.values$, [r]), u = S(
       () => r?.zoom.state$.pipe(
-        L(
-          (x) => x.currentScale > 1 ? "in" : x.currentScale < 1 ? "out" : void 0
+        D(
+          (k) => k.currentScale > 1 ? "in" : k.currentScale < 1 ? "out" : void 0
         )
       ),
       [r]
-    ), p = u === "in", h = u === "out", m = d?.computedPageTurnMode === "scrollable", v = d?.computedPageTurnDirection === "vertical", [I, T] = y(!0);
-    return q(() => {
+    ), g = u === "in", h = u === "out", m = d?.computedPageTurnMode === "scrollable", v = d?.computedPageTurnDirection === "vertical", [x, M] = y(!0);
+    return $(() => {
       if (!o.current) return;
-      const x = new ResizeObserver((k) => {
-        for (const V of k)
-          i.update(V);
+      const k = new ResizeObserver((I) => {
+        for (const L of I)
+          i.update(L);
       });
-      return x.observe(o.current), () => {
-        x.disconnect();
+      return k.observe(o.current), () => {
+        k.disconnect();
       };
-    }, [i]), /* @__PURE__ */ l(
-      Ze,
+    }, [i]), /* @__PURE__ */ s(
+      Ye,
       {
         present: n,
         position: "bottom",
@@ -1198,8 +1241,8 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
         px: 0,
         ref: o,
         children: [
-          /* @__PURE__ */ l(
-            D,
+          /* @__PURE__ */ s(
+            B,
             {
               flex: 1,
               alignItems: "center",
@@ -1216,11 +1259,11 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
                     flexShrink: 0,
                     onClick: () => r?.navigation.goToLeftOrTopSpineItem(),
                     disabled: !c?.canGoLeftSpineItem && !c?.canGoTopSpineItem,
-                    children: v ? /* @__PURE__ */ e(Qn, {}) : /* @__PURE__ */ e(Un, {})
+                    children: v ? /* @__PURE__ */ e(Un, {}) : /* @__PURE__ */ e(Qn, {})
                   }
                 ),
-                /* @__PURE__ */ l(
-                  O,
+                /* @__PURE__ */ s(
+                  z,
                   {
                     flex: 1,
                     maxW: 400,
@@ -1229,9 +1272,9 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
                     overflow: "auto",
                     px: 4,
                     children: [
-                      /* @__PURE__ */ e(Ut, {}),
+                      /* @__PURE__ */ e(qt, {}),
                       /* @__PURE__ */ e(
-                        Kt,
+                        Yt,
                         {
                           style: {
                             width: "100%",
@@ -1260,34 +1303,34 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
               ]
             }
           ),
-          /* @__PURE__ */ e(D, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ l(
-            Ce.Root,
+          /* @__PURE__ */ e(B, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
+            be.Root,
             {
-              open: I,
+              open: x,
               flex: 1,
-              onOpenChange: ({ open: x }) => {
-                T(x);
+              onOpenChange: ({ open: k }) => {
+                M(k);
               },
               width: "100%",
               children: [
                 /* @__PURE__ */ e(
-                  Ce.Trigger,
+                  be.Trigger,
                   {
                     paddingY: "3",
                     width: "100%",
                     display: "flex",
                     justifyContent: "center",
                     children: /* @__PURE__ */ e(
-                      fn,
+                      gn,
                       {
                         style: {
-                          transform: I ? "rotate(0deg)" : "rotate(180deg)"
+                          transform: x ? "rotate(0deg)" : "rotate(180deg)"
                         }
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ e(Ce.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ l(F, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
+                /* @__PURE__ */ e(be.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ s(F, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
                   /* @__PURE__ */ e(
                     R,
                     {
@@ -1295,7 +1338,7 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("help"),
-                      children: /* @__PURE__ */ e(mn, {})
+                      children: /* @__PURE__ */ e(fn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -1305,7 +1348,7 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("toc"),
-                      children: /* @__PURE__ */ e(bn, {})
+                      children: /* @__PURE__ */ e(mn, {})
                     }
                   ),
                   Ge(r) && /* @__PURE__ */ e(
@@ -1315,7 +1358,7 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("search"),
-                      children: /* @__PURE__ */ e(Cn, {})
+                      children: /* @__PURE__ */ e(bn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -1323,14 +1366,14 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
                     {
                       "aria-label": "Zoom",
                       size: "lg",
-                      variant: p ? "solid" : "ghost",
+                      variant: g ? "solid" : "ghost",
                       onClick: () => {
-                        p ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
+                        g ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
                           animate: !0,
                           scale: 2
                         });
                       },
-                      children: p ? /* @__PURE__ */ e(Sn, {}) : /* @__PURE__ */ e(vn, {})
+                      children: g ? /* @__PURE__ */ e(Sn, {}) : /* @__PURE__ */ e(Cn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -1345,17 +1388,17 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
                       children: /* @__PURE__ */ e(Nn, {})
                     }
                   ),
-                  ce(r) && /* @__PURE__ */ e(
+                  se(r) && /* @__PURE__ */ e(
                     R,
                     {
                       "aria-label": "Bookmarks",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("bookmarks"),
-                      children: /* @__PURE__ */ e(Hn, {})
+                      children: /* @__PURE__ */ e(Wn, {})
                     }
                   ),
-                  ce(r) && /* @__PURE__ */ e(
+                  se(r) && /* @__PURE__ */ e(
                     R,
                     {
                       "aria-label": "Annotations",
@@ -1365,17 +1408,17 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
                       children: /* @__PURE__ */ e(he, {})
                     }
                   ),
-                  Qe(r) && /* @__PURE__ */ e(
+                  je(r) && /* @__PURE__ */ e(
                     R,
                     {
                       "aria-label": "Refit",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => {
-                        s(!0);
+                        l(!0);
                       },
                       disabled: !m,
-                      children: /* @__PURE__ */ e(Wn, {})
+                      children: /* @__PURE__ */ e(Hn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -1390,10 +1433,10 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
                           scale: 0.5
                         });
                       },
-                      children: /* @__PURE__ */ e(xn, {})
+                      children: /* @__PURE__ */ e(vn, {})
                     }
                   ),
-                  je(r) && /* @__PURE__ */ e(
+                  qe(r) && /* @__PURE__ */ e(
                     R,
                     {
                       "aria-label": "Gallery",
@@ -1411,13 +1454,13 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       }
     );
   }
-), eo = () => {
-  const [n, t] = y(!1), o = M(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+), Xt = () => {
+  const [n, t] = y(!1), o = O(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
     t(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
     t(!0);
   }), []);
-  return q(() => {
+  return $(() => {
     function r() {
       t(!!document.fullscreenElement);
     }
@@ -1428,14 +1471,14 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
     isFullscreen: n,
     onToggleFullscreenClick: o
   };
-}, no = g(
+}, Kt = f(
   ({
     open: n,
     onItemClick: t
   }) => {
-    const o = S(), r = C(() => o?.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: a } = eo();
-    return /* @__PURE__ */ l(
-      Ze,
+    const o = C(), r = S(() => o?.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: a } = Xt();
+    return /* @__PURE__ */ s(
+      Ye,
       {
         present: n,
         position: "top",
@@ -1454,7 +1497,7 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
             }
           ),
           /* @__PURE__ */ e(
-            O,
+            z,
             {
               flex: 1,
               maxW: 600,
@@ -1465,7 +1508,7 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
               children: /* @__PURE__ */ e(b, { truncate: !0, maxWidth: "100%", children: r?.title })
             }
           ),
-          /* @__PURE__ */ l(D, { children: [
+          /* @__PURE__ */ s(B, { children: [
             /* @__PURE__ */ e(
               R,
               {
@@ -1485,7 +1528,7 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: a,
-                children: i ? /* @__PURE__ */ e(qn, {}) : /* @__PURE__ */ e(Gn, {})
+                children: i ? /* @__PURE__ */ e(Gn, {}) : /* @__PURE__ */ e(qn, {})
               }
             )
           ] })
@@ -1493,24 +1536,24 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       }
     );
   }
-), to = g(
+), Jt = f(
   ({
     onItemClick: n
   }) => {
-    const [t] = Oe(), { refitMenuOpen: o, fontSizeMenuOpen: r } = _([
+    const [t] = ze(), { refitMenuOpen: o, fontSizeMenuOpen: r } = _([
       "refitMenuOpen",
       "fontSizeMenuOpen"
     ]);
-    return /* @__PURE__ */ l(de, { children: [
+    return /* @__PURE__ */ s(ce, { children: [
       /* @__PURE__ */ e(
-        no,
+        Kt,
         {
           open: t && !o && !r,
           onItemClick: n
         }
       ),
       /* @__PURE__ */ e(
-        Jt,
+        Zt,
         {
           open: t && !o && !r,
           onItemClick: n
@@ -1518,61 +1561,61 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       )
     ] });
   }
-), oo = B.forwardRef(
+), eo = E.forwardRef(
   function(t, o) {
-    const { label: r, children: i, helperText: a, errorText: s, optionalText: c, ...d } = t;
-    return /* @__PURE__ */ l(oe.Root, { ref: o, ...d, children: [
-      r && /* @__PURE__ */ l(oe.Label, { children: [
+    const { label: r, children: i, helperText: a, errorText: l, optionalText: c, ...d } = t;
+    return /* @__PURE__ */ s(te.Root, { ref: o, ...d, children: [
+      r && /* @__PURE__ */ s(te.Label, { children: [
         r,
-        /* @__PURE__ */ e(oe.RequiredIndicator, { fallback: c })
+        /* @__PURE__ */ e(te.RequiredIndicator, { fallback: c })
       ] }),
       i,
-      a && /* @__PURE__ */ e(oe.HelperText, { children: a }),
-      s && /* @__PURE__ */ e(oe.ErrorText, { children: s })
+      a && /* @__PURE__ */ e(te.HelperText, { children: a }),
+      l && /* @__PURE__ */ e(te.ErrorText, { children: l })
     ] });
   }
-), ro = g(() => {
+), no = f(() => {
   const { refitMenuOpen: t, onRefitMenuOpenChange: o } = _([
     "refitMenuOpen",
     "onRefitMenuOpenChange"
-  ]), r = S(), i = Qe(r) ? r : void 0, a = C(
+  ]), r = C(), i = je(r) ? r : void 0, a = S(
     () => i?.refit.settings$,
     [i]
   );
   return /* @__PURE__ */ e(
-    Q,
+    j,
     {
       lazyMount: !0,
       open: t,
-      onOpenChange: (s) => o(s.open),
+      onOpenChange: (l) => o(l.open),
       placement: "center",
-      children: /* @__PURE__ */ l(G, { children: [
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Viewport fit" }) }),
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ l($.Root, { children: [
-          /* @__PURE__ */ e($.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }),
-          /* @__PURE__ */ l($.Content, { children: [
-            /* @__PURE__ */ e(oo, { label: "Profile", children: /* @__PURE__ */ e(
-              Ye,
+      children: /* @__PURE__ */ s(G, { children: [
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Viewport fit" }) }),
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ s(V.Root, { children: [
+          /* @__PURE__ */ e(V.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }),
+          /* @__PURE__ */ s(V.Content, { children: [
+            /* @__PURE__ */ e(eo, { label: "Profile", children: /* @__PURE__ */ e(
+              Qe,
               {
                 defaultValue: "fit",
-                onValueChange: (s) => {
-                  const c = s.value;
+                onValueChange: (l) => {
+                  const c = l.value;
                   i?.refit.update({
                     viewportFit: c,
                     customWidth: 60
                   });
                 },
                 value: a?.viewportFit ?? "fit",
-                children: /* @__PURE__ */ l(O, { gap: 2, children: [
-                  /* @__PURE__ */ e(ae, { value: "desktop", children: "Desktop" }),
-                  /* @__PURE__ */ e(ae, { value: "tablet", children: "Tablet" }),
-                  /* @__PURE__ */ e(ae, { value: "fit", children: "Full width (default)" }),
-                  /* @__PURE__ */ e(ae, { value: "custom", children: "Custom" })
+                children: /* @__PURE__ */ s(z, { gap: 2, children: [
+                  /* @__PURE__ */ e(ie, { value: "desktop", children: "Desktop" }),
+                  /* @__PURE__ */ e(ie, { value: "tablet", children: "Tablet" }),
+                  /* @__PURE__ */ e(ie, { value: "fit", children: "Full width (default)" }),
+                  /* @__PURE__ */ e(ie, { value: "custom", children: "Custom" })
                 ] })
               }
             ) }),
             /* @__PURE__ */ e(
-              Re,
+              Ie,
               {
                 label: "Maximum width (%)",
                 showValue: !0,
@@ -1581,8 +1624,8 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
                 step: 1,
                 disabled: a?.viewportFit !== "custom",
                 value: [a?.customWidth ?? 60],
-                onValueChange: (s) => {
-                  const c = s.value[0] ?? 0;
+                onValueChange: (l) => {
+                  const c = l.value[0] ?? 0;
                   i?.refit.update({
                     customWidth: c
                   });
@@ -1591,12 +1634,12 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Close" }) }) }),
-        /* @__PURE__ */ e(j, {})
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(H, { variant: "outline", children: "Close" }) }) }),
+        /* @__PURE__ */ e(q, {})
       ] })
     }
   );
-}), io = g(
+}), to = f(
   ({
     contextText: n = "",
     startOffset: t = 0,
@@ -1615,8 +1658,8 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
         n.length - 1
       )
     );
-    return /* @__PURE__ */ l(
-      xe,
+    return /* @__PURE__ */ s(
+      ve,
       {
         href: r,
         style: { margin: 5, overflow: "hidden" },
@@ -1628,7 +1671,7 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
         alignItems: "flex-start",
         gap: 0,
         children: [
-          /* @__PURE__ */ l(b, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
+          /* @__PURE__ */ s(b, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
             '"',
             c,
             /* @__PURE__ */ e("b", { children: o }),
@@ -1640,18 +1683,18 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       }
     );
   }
-), ao = 500, lo = () => {
-  const n = ie(() => new Bn("")), t = C(n), o = S(), r = Ge(o) ? o : void 0, i = C(() => n.pipe(
-    Ve(),
-    H(
-      (a) => a === "" || !r ? ge(void 0) : He(
+), oo = 500, ro = () => {
+  const n = re(() => new An("")), t = S(n), o = C(), r = Ge(o) ? o : void 0, i = S(() => n.pipe(
+    _e(),
+    W(
+      (a) => a === "" || !r ? ge(void 0) : Ve(
         ge({
           type: "start",
           data: void 0
         }),
-        We(ao).pipe(
-          H(() => r.search.search(a)),
-          L((s) => ({ type: "end", data: s }))
+        Ne(oo).pipe(
+          W(() => r.search.search(a)),
+          D((l) => ({ type: "end", data: l }))
         )
       )
     )
@@ -1662,26 +1705,26 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
     status: i?.type ?? "idle",
     data: i?.data
   };
-}, so = g(
+}, io = f(
   ({ onNavigate: n }) => {
-    const t = S(), { value: o, setValue: r, status: i, data: a } = lo(), s = (u) => {
+    const t = C(), { value: o, setValue: r, status: i, data: a } = ro(), l = (u) => {
       r(u.target.value);
-    }, c = M(
+    }, c = O(
       (u) => {
         n(), t?.navigation.goToCfi(u);
       },
       [t, n]
-    ), d = C(
+    ), d = S(
       () => t?.locateResource(a?.slice(0, 100) ?? []),
       [a]
     );
-    return /* @__PURE__ */ l(O, { flex: 1, height: "100%", gap: 2, children: [
+    return /* @__PURE__ */ s(z, { flex: 1, height: "100%", gap: 2, children: [
       /* @__PURE__ */ e(
-        an,
+        tn,
         {
           placeholder: "Type something...",
           value: o,
-          onChange: s,
+          onChange: l,
           flexShrink: 0,
           variant: "subtle",
           name: "search",
@@ -1691,8 +1734,8 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
           focusRingColor: "transparent"
         }
       ),
-      /* @__PURE__ */ l(
-        O,
+      /* @__PURE__ */ s(
+        z,
         {
           style: { overflow: "hidden", overflowY: "auto" },
           overflow: "auto",
@@ -1701,13 +1744,13 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
           children: [
             i === "start" && /* @__PURE__ */ e(b, { children: "Searching ..." }),
             a?.length === 0 && /* @__PURE__ */ e(b, { children: "No results" }),
-            i === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ l(O, { children: [
-              /* @__PURE__ */ l(b, { fontSize: "md", children: [
+            i === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ s(z, { children: [
+              /* @__PURE__ */ s(b, { fontSize: "md", children: [
                 a?.length,
                 " result(s)"
               ] }),
-              /* @__PURE__ */ e(O, { gap: 0, children: d?.map((u, p) => /* @__PURE__ */ e(
-                io,
+              /* @__PURE__ */ e(z, { gap: 0, children: d?.map((u, g) => /* @__PURE__ */ e(
+                to,
                 {
                   contextText: u.meta?.range?.startContainer.parentElement?.textContent ?? "",
                   pageIndex: u.meta?.itemPageIndex,
@@ -1717,7 +1760,7 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
                   onClick: c,
                   absolutePageIndex: u.meta?.absolutePageIndex
                 },
-                p
+                g
               )) })
             ] })
           ]
@@ -1725,13 +1768,13 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       )
     ] });
   }
-), co = g(
+), ao = f(
   ({
     open: n,
     setOpen: t,
     onNavigate: o
   }) => /* @__PURE__ */ e(
-    Q,
+    j,
     {
       lazyMount: !0,
       placement: "center",
@@ -1739,23 +1782,23 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ l(G, { height: "100%", children: [
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Search" }) }),
-        /* @__PURE__ */ e(Z, { flex: 1, p: 0, children: /* @__PURE__ */ e(so, { onNavigate: o }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(j, {})
+      children: /* @__PURE__ */ s(G, { height: "100%", children: [
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Search" }) }),
+        /* @__PURE__ */ e(Y, { flex: 1, p: 0, children: /* @__PURE__ */ e(io, { onNavigate: o }) }),
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(H, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(q, {})
       ] })
     }
   )
-), uo = g(
+), lo = f(
   ({ onNavigate: n }) => {
-    const t = S(), { manifest: o, assumedRenditionLayout: r } = C(() => t?.context, [t]) ?? {}, { nav: i } = o ?? {}, a = te();
+    const t = C(), { manifest: o, assumedRenditionLayout: r } = S(() => t?.context, [t]) ?? {}, { nav: i } = o ?? {}, a = ne();
     i?.toc;
-    const { beginSpineItemIndex: s, beginPageIndexInSpineItem: c } = a ?? {}, d = (r === "reflowable" ? c : s) || 0;
+    const { beginSpineItemIndex: l, beginPageIndexInSpineItem: c } = a ?? {}, d = (r === "reflowable" ? c : l) || 0;
     let u = a?.beginChapterInfo;
     for (; u?.subChapter; )
       u = u?.subChapter;
-    const p = (h, m, v) => /* @__PURE__ */ l(ln.Fragment, { children: [
+    const g = (h, m, v) => /* @__PURE__ */ s(on.Fragment, { children: [
       /* @__PURE__ */ e(
         A.Item,
         {
@@ -1764,17 +1807,17 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
             display: "flex",
             alignItems: "center"
           },
-          children: /* @__PURE__ */ l(
-            xe,
+          children: /* @__PURE__ */ s(
+            ve,
             {
               onClick: () => {
                 n(), t?.navigation.goToUrl(h.href);
               },
               href: "#",
               children: [
-                u?.path === h.path && /* @__PURE__ */ e(A.Indicator, { asChild: !0, children: /* @__PURE__ */ e(ze, {}) }),
-                u?.path !== h.path && /* @__PURE__ */ e(A.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(ze, {}) }),
-                /* @__PURE__ */ l(O, { gap: 0, children: [
+                u?.path === h.path && /* @__PURE__ */ e(A.Indicator, { asChild: !0, children: /* @__PURE__ */ e(Me, {}) }),
+                u?.path !== h.path && /* @__PURE__ */ e(A.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(Me, {}) }),
+                /* @__PURE__ */ s(z, { gap: 0, children: [
                   /* @__PURE__ */ e(b, { fontSize: "md", children: h.title || h.path }),
                   u?.path === h.path && /* @__PURE__ */ e(
                     b,
@@ -1792,18 +1835,18 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
         }
       ),
       h.contents.length > 0 && /* @__PURE__ */ e(A.Root, { as: "div", gap: 2, children: h.contents.map(
-        (I, T) => p(I, T, v + 1)
+        (x, M) => g(x, M, v + 1)
       ) })
     ] }, m);
-    return /* @__PURE__ */ e(A.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i?.toc.map((h, m) => p(h, m, 0)) });
+    return /* @__PURE__ */ e(A.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i?.toc.map((h, m) => g(h, m, 0)) });
   }
-), ho = g(
+), so = f(
   ({
     open: n,
     setOpen: t,
     onNavigate: o
   }) => /* @__PURE__ */ e(
-    Q,
+    j,
     {
       lazyMount: !0,
       placement: "center",
@@ -1811,61 +1854,61 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ l(G, { children: [
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ e(Z, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e(uo, { onNavigate: o }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(W, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(j, {})
+      children: /* @__PURE__ */ s(G, { children: [
+        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Table of Contents" }) }),
+        /* @__PURE__ */ e(Y, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e(lo, { onNavigate: o }) }),
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(H, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(q, {})
       ] })
     }
   )
-), Pe = 0.5, Ee = 1, Be = 5, po = (n, t, o, r) => {
+), Pe = 0.5, Ee = 1, Ae = 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;
-}, go = g(() => {
+}, uo = f(() => {
   const { quickMenuBottomBarBoundingBoxSignal: n } = _([
     "quickMenuBottomBarBoundingBoxSignal"
   ]), t = ue(
     n
-  ), o = S(), r = C(
+  ), o = C(), r = S(
     () => o?.zoom.state$.pipe(
-      L((c) => c.currentScale),
-      $e(100, An, {
+      D((c) => c.currentScale),
+      Le(100, Bn, {
         leading: !0,
         trailing: !0
       })
     ),
     [o]
-  ) ?? 1, i = C(
-    () => o?.zoom.state$.pipe(L((c) => c.isZooming)),
+  ) ?? 1, i = S(
+    () => o?.zoom.state$.pipe(D((c) => c.isZooming)),
     [o]
-  ) ?? !1, a = po(
+  ) ?? !1, a = co(
     r,
     Ee,
-    Be,
+    Ae,
     Pe
-  ), s = t?.borderBoxSize?.[0]?.blockSize ?? 1;
+  ), l = t?.borderBoxSize?.[0]?.blockSize ?? 1;
   return /* @__PURE__ */ e(
-    le,
+    ae,
     {
       present: i && r > 1,
       animationName: { _open: "fade-in", _closed: "fade-out" },
       animationDuration: "moderate",
       position: "absolute",
-      bottom: `calc(${s}px + var(--chakra-spacing-4))`,
+      bottom: `calc(${l}px + var(--chakra-spacing-4))`,
       right: 4,
       backgroundColor: "bg.panel",
       shadow: "sm",
       borderRadius: "md",
       p: 4,
       children: /* @__PURE__ */ e(
-        Re,
+        Ie,
         {
           value: [a],
           min: Ee,
-          max: Be,
+          max: Ae,
           step: Pe,
           minWidth: 200,
           onValueChange: (c) => {
@@ -1876,10 +1919,10 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       )
     }
   );
-}), Ae = { _open: "fade-in", _closed: "fade-out" }, fo = g(() => (bt(), null)), mo = g(() => (Nt(), Ht(), /* @__PURE__ */ l(de, { children: [
+}), Be = { _open: "fade-in", _closed: "fade-out" }, ho = f(() => (mt(), null)), po = f(() => (Lt(), $t(), /* @__PURE__ */ s(ce, { children: [
   /* @__PURE__ */ e(zt, {}),
-  /* @__PURE__ */ e(fo, {})
-] }))), bo = g(
+  /* @__PURE__ */ e(ho, {})
+] }))), go = f(
   ({
     children: n,
     ...t
@@ -1888,17 +1931,17 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
       "enableFloatingTime",
       "enableFloatingProgress",
       "onItemClick"
-    ]), [a, s] = y(!1), [c, d] = y(!1), [u, p] = y(!1), [h, m] = y(void 0), [v, I] = y(!1), [T, x] = Oe(), k = M(() => {
-      s(!1), d(!1), p(!1), m(void 0), x(!1), I(!1);
-    }, [x]), V = M(
-      (P) => {
-        P === "annotations" ? m("annotations") : P === "search" ? p(!0) : P === "help" ? d(!0) : P === "toc" ? s(!0) : P === "bookmarks" ? m("bookmarks") : P === "gallery" && I(!0), i?.(P);
+    ]), [a, l] = y(!1), [c, d] = y(!1), [u, g] = y(!1), [h, m] = y(void 0), [v, x] = y(!1), [M, k] = ze(), I = O(() => {
+      l(!1), d(!1), g(!1), m(void 0), k(!1), x(!1);
+    }, [k]), L = O(
+      (p) => {
+        p === "annotations" ? m("annotations") : p === "search" ? g(!0) : p === "help" ? d(!0) : p === "toc" ? l(!0) : p === "bookmarks" ? m("bookmarks") : p === "gallery" && x(!0), i?.(p);
       },
       [i]
     );
-    return /* @__PURE__ */ l(de, { children: [
-      /* @__PURE__ */ e(mo, {}),
-      /* @__PURE__ */ l(
+    return /* @__PURE__ */ s(ce, { children: [
+      /* @__PURE__ */ e(po, {}),
+      /* @__PURE__ */ s(
         F,
         {
           position: "absolute",
@@ -1912,74 +1955,74 @@ const jt = se.Root, Qt = se.ValueText, Te = () => {
           children: [
             n,
             r && /* @__PURE__ */ e(
-              le,
+              ae,
               {
-                present: !T,
-                animationName: Ae,
+                present: !M,
+                animationName: Be,
                 animationDuration: "moderate",
-                children: /* @__PURE__ */ e(_t, {})
+                children: /* @__PURE__ */ e(Bt, {})
               }
             ),
-            /* @__PURE__ */ e(Bt, { open: v, setOpen: I }),
-            /* @__PURE__ */ e(ro, {}),
-            /* @__PURE__ */ e(to, { onItemClick: V }),
-            /* @__PURE__ */ e(go, {}),
-            /* @__PURE__ */ e(Mt, {}),
-            /* @__PURE__ */ e(ft, {}),
-            /* @__PURE__ */ e(Ft, { open: c, setOpen: d }),
+            /* @__PURE__ */ e(yt, { open: v, setOpen: x }),
+            /* @__PURE__ */ e(no, {}),
+            /* @__PURE__ */ e(Jt, { onItemClick: L }),
+            /* @__PURE__ */ e(uo, {}),
+            /* @__PURE__ */ e(Rt, {}),
+            /* @__PURE__ */ e(gt, {}),
+            /* @__PURE__ */ e(At, { open: c, setOpen: d }),
             /* @__PURE__ */ e(
-              ho,
+              so,
               {
                 open: a,
-                setOpen: s,
-                onNavigate: k
+                setOpen: l,
+                onNavigate: I
               }
             ),
             /* @__PURE__ */ e(
-              co,
+              ao,
               {
                 open: u,
-                setOpen: p,
-                onNavigate: k
+                setOpen: g,
+                onNavigate: I
               }
             ),
             /* @__PURE__ */ e(
-              dt,
+              ct,
               {
                 openWith: h,
-                setOpen: (P) => m(P ? "annotations" : void 0),
-                onNavigate: k
+                setOpen: (p) => m(p ? "annotations" : void 0),
+                onNavigate: I
               }
             ),
             /* @__PURE__ */ e(
-              le,
+              ae,
               {
-                present: o || T,
-                animationName: Ae,
+                present: o || M,
+                animationName: Be,
                 animationDuration: "slow",
                 overflow: "hidden",
-                children: /* @__PURE__ */ e($t, {})
+                children: /* @__PURE__ */ e(_t, {})
               }
             ),
-            /* @__PURE__ */ e(Ct, {})
+            /* @__PURE__ */ e(bt, {})
           ]
         }
       )
     ] });
   }
-), _o = g(
+), Bo = f(
   ({
     children: n,
     slots: t,
     ...o
   }) => {
     const { container: { props: r = {} } = {} } = t ?? {};
-    return /* @__PURE__ */ e(xt, { ...o, children: /* @__PURE__ */ e(bo, { ...r, children: n }) });
+    return /* @__PURE__ */ e(Ct, { ...o, children: /* @__PURE__ */ e(go, { ...r, children: n }) });
   }
 );
 export {
   nt as BOOKMARK_AREA_DATA_ATTRIBUTE,
-  bo as InnerReactReader,
-  _o as ReactReader
+  go as InnerReactReader,
+  Bo as ReactReader
 };
 //# sourceMappingURL=index.js.map