@prose-reader/react-reader 1.234.0 → 1.236.0

package/dist/index.js

@@ -1,117 +1,116 @@
-import { jsx as n, jsxs as c, Fragment as oe } from "react/jsx-runtime";
+import { jsx as n, jsxs as s, Fragment as oe } from "react/jsx-runtime";
 import * as E from "react";
-import Me, { createContext as Le, memo as f, useMemo as Ie, useEffect as W, useContext as $e, useState as T, useLayoutEffect as _e, useCallback as N } from "react";
-import { signal as ce, useSignalState as Se, useConstant as ye, useLiveRef as Ne, useSubscribe as B, useObserve as b, isDefined as ke, useSignalValue as He } from "reactjrx";
-import { Subject as de, tap as ue, map as M, filter as J, switchMap as D, EMPTY as le, of as ee, withLatestFrom as Fe, NEVER as re, startWith as We, distinctUntilChanged as he, throttleTime as je, first as Te, combineLatest as Ve, finalize as we, mergeMap as Ge, skip as Pe, merge as Re, timer as Ae, BehaviorSubject as Ye } from "rxjs";
-import { IconButton as I, Portal as ge, Dialog as y, List as w, Link as pe, Stack as P, Text as g, Tabs as O, Button as j, Presence as te, Box as A, createToaster as Ue, Toaster as qe, Toast as L, Spinner as Qe, Heading as xe, HStack as z, Kbd as ve, Popover as $, Progress as H, chakra as Ke, Collapsible as se, Input as Ze } from "@chakra-ui/react";
-import { LuX as Xe, LuNotebookPen as ne, LuBookmark as Je, LuArrowBigRight as et, LuArrowBigLeft as tt, LuChevronDown as nt, LuCircleHelp as ot, LuTableOfContents as rt, LuSearch as it, LuGalleryHorizontal as st, LuCircleCheck as Ce } from "react-icons/lu";
-import { createPortal as lt } from "react-dom";
-import { isPositionInArea as at } from "@prose-reader/enhancer-gestures";
-import { isShallowEqual as ct, observeIntersection as dt, isHtmlTagElement as ut } from "@prose-reader/core";
-import { BsBookmarks as ht } from "react-icons/bs";
-import { RiGalleryView2 as gt } from "react-icons/ri";
-import { RxDoubleArrowUp as pt, RxDoubleArrowLeft as ft, RxDoubleArrowDown as mt, RxDoubleArrowRight as bt } from "react-icons/rx";
-import { HiOutlineInformationCircle as xt } from "react-icons/hi";
-import vt from "rc-slider";
+import Me, { createContext as Le, memo as m, useMemo as Ie, useEffect as F, useContext as $e, useState as k, useLayoutEffect as _e, useCallback as N } from "react";
+import { signal as ce, useSignalState as ke, useConstant as Se, useLiveRef as Ne, useSubscribe as D, useObserve as f, isDefined as ye, useSignalValue as He } from "reactjrx";
+import { Subject as de, tap as ue, map as z, filter as J, switchMap as A, EMPTY as se, of as ee, withLatestFrom as We, NEVER as re, startWith as Fe, distinctUntilChanged as he, throttleTime as je, first as Te, combineLatest as Ve, finalize as we, mergeMap as Ge, skip as Re, merge as Pe, timer as Ae, BehaviorSubject as Ye } from "rxjs";
+import { IconButton as v, Portal as ge, Dialog as I, List as y, Link as pe, Stack as T, Text as g, Tabs as P, Button as j, Presence as ne, Box as R, createToaster as Ue, Toaster as qe, Toast as M, Spinner as Qe, Heading as xe, HStack as O, Kbd as ve, Popover as L, Progress as H, chakra as Ke, Collapsible as ae, Input as Ze } from "@chakra-ui/react";
+import { LuX as Xe, LuNotebookPen as te, LuBookmark as Je, LuArrowBigRight as en, LuArrowBigLeft as nn, LuChevronDown as tn, LuCircleHelp as on, LuTableOfContents as rn, LuSearch as an, LuGalleryHorizontal as sn, LuCircleCheck as Ce } from "react-icons/lu";
+import { createPortal as ln } from "react-dom";
+import { isPositionInArea as cn } from "@prose-reader/enhancer-gestures";
+import { isShallowEqual as dn, observeIntersection as un, isHtmlTagElement as hn } from "@prose-reader/core";
+import { BsBookmarks as gn } from "react-icons/bs";
+import { RiGalleryView2 as pn } from "react-icons/ri";
+import { RxDoubleArrowUp as mn, RxDoubleArrowLeft as fn, RxDoubleArrowDown as bn, RxDoubleArrowRight as xn } from "react-icons/rx";
+import { HiOutlineInformationCircle as vn } from "react-icons/hi";
+import Cn from "rc-slider";
 import "rc-slider/assets/index.css";
-import { IoIosArrowBack as Ct, IoMdMore as It } from "react-icons/io";
-import { MdFullscreenExit as St, MdFullscreen as yt } from "react-icons/md";
+import { IoIosArrowBack as In, IoMdMore as kn } from "react-icons/io";
+import { MdFullscreenExit as Sn, MdFullscreen as yn } from "react-icons/md";
 const Oe = Le({
   reader: void 0,
   quickMenuSignal: ce({ default: !1 }),
   notificationsSubject: new de()
-}), Wn = f(
+}), Ft = m(
   ({
     children: e,
     reader: t,
     quickMenuOpen: o,
     onQuickMenuOpenChange: i
   }) => {
-    const [, r] = Se(
+    const [, r] = ke(
       () => ce({
         default: o
       })
-    ), s = ye(
+    ), a = Se(
       () => new de()
-    ), a = Ne(i), d = Ie(
+    ), l = Ne(i), c = Ie(
       () => ({
         quickMenuSignal: r,
         reader: t,
-        notificationsSubject: s
+        notificationsSubject: a
       }),
-      [r, t, s]
+      [r, t, a]
     );
-    return W(() => {
+    return F(() => {
       r.setValue(o);
-    }, [o, r]), B(
-      () => r.pipe(ue(a.current)),
-      [r, a]
-    ), /* @__PURE__ */ n(Oe.Provider, { value: d, children: e });
+    }, [o, r]), D(
+      () => r.pipe(ue(l.current)),
+      [r, l]
+    ), /* @__PURE__ */ n(Oe.Provider, { value: c, children: e });
   }
-), kt = E.forwardRef(function(t, o) {
-  return /* @__PURE__ */ n(I, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ n(Xe, {}) });
+), Tn = E.forwardRef(function(t, o) {
+  return /* @__PURE__ */ n(v, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ n(Xe, {}) });
 }), V = E.forwardRef(function(t, o) {
   const {
     children: i,
     portalled: r = !0,
-    portalRef: s,
-    backdrop: a = !0,
-    ...d
+    portalRef: a,
+    backdrop: l = !0,
+    ...c
   } = t;
-  return /* @__PURE__ */ c(ge, { disabled: !r, container: s, children: [
-    a && /* @__PURE__ */ n(y.Backdrop, {}),
-    /* @__PURE__ */ n(y.Positioner, { children: /* @__PURE__ */ n(y.Content, { ref: o, ...d, asChild: !1, children: i }) })
+  return /* @__PURE__ */ s(ge, { disabled: !r, container: a, children: [
+    l && /* @__PURE__ */ n(I.Backdrop, {}),
+    /* @__PURE__ */ n(I.Positioner, { children: /* @__PURE__ */ n(I.Content, { ref: o, ...c, asChild: !1, children: i }) })
   ] });
 }), G = E.forwardRef(function(t, o) {
   return /* @__PURE__ */ n(
-    y.CloseTrigger,
+    I.CloseTrigger,
     {
       position: "absolute",
       top: "2",
       insetEnd: "2",
       ...t,
       asChild: !0,
-      children: /* @__PURE__ */ n(kt, { size: "sm", ref: o, children: t.children })
+      children: /* @__PURE__ */ n(Tn, { size: "sm", ref: o, children: t.children })
     }
   );
-}), Y = y.Root, U = y.Footer, q = y.Header, Q = y.Body;
-y.Backdrop;
-const K = y.Title;
-y.Description;
-y.Trigger;
-const Z = y.ActionTrigger, X = () => $e(Oe), p = () => {
+}), Y = I.Root, U = I.Footer, q = I.Header, Q = I.Body;
+I.Backdrop;
+const K = I.Title;
+I.Description;
+I.Trigger;
+const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
   const { reader: e } = X();
   return e;
-}, De = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, F = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, ze = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, Tt = (e) => {
-  const t = p(), o = F(t) ? t : void 0;
-  return { data: b(
-    () => o == null ? void 0 : o.annotations.annotations$.pipe(
-      M((r) => r.find((s) => s.id === e)),
-      J(ke),
-      D((r) => o.locateResource(r))
+}, Ee = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, W = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, De = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, wn = (e) => {
+  const t = p(), o = W(t) ? t : void 0;
+  return { data: f(
+    () => o?.annotations.annotations$.pipe(
+      z((r) => r.find((a) => a.id === e)),
+      J(ye),
+      A((r) => o.locateResource(r))
     ),
     [o]
   ) };
-}, Ee = ({
+}, ze = ({
   id: e,
   onNavigate: t,
   allowLeftIcon: o = !0
 }) => {
-  var a, d, u, l;
-  const i = p(), { data: r } = Tt(e), s = ((a = r == null ? void 0 : r.meta.range) == null ? void 0 : a.toString()) || ((d = r == null ? void 0 : r.meta.node) == null ? void 0 : d.textContent);
-  return /* @__PURE__ */ n(w.Item, { children: /* @__PURE__ */ c(
+  const i = p(), { data: r } = wn(e), a = r?.meta.range?.toString() || r?.meta.node?.textContent;
+  return /* @__PURE__ */ n(y.Item, { children: /* @__PURE__ */ s(
     pe,
     {
       href: "#",
       onClick: () => {
-        t(), i == null || i.navigation.goToCfi((r == null ? void 0 : r.meta.cfi) ?? "");
+        t(), i?.navigation.goToCfi(r?.meta.cfi ?? "");
       },
       children: [
-        (u = r == null ? void 0 : r.resource) != null && u.notes ? /* @__PURE__ */ n(w.Indicator, { asChild: !0, children: /* @__PURE__ */ n(ne, {}) }) : o ? /* @__PURE__ */ n(w.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(ne, {}) }) : null,
-        /* @__PURE__ */ c(P, { gap: 0, children: [
-          s ? /* @__PURE__ */ n(g, { lineClamp: 2, fontSize: "md", children: s }) : /* @__PURE__ */ c(g, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
+        r?.resource?.notes ? /* @__PURE__ */ n(y.Indicator, { asChild: !0, children: /* @__PURE__ */ n(te, {}) }) : o ? /* @__PURE__ */ n(y.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(te, {}) }) : null,
+        /* @__PURE__ */ s(T, { gap: 0, children: [
+          a ? /* @__PURE__ */ n(g, { lineClamp: 2, fontSize: "md", children: a }) : /* @__PURE__ */ s(g, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
             "Page ",
-            ((r == null ? void 0 : r.meta.absolutePageIndex) ?? 0) + 1
+            (r?.meta.absolutePageIndex ?? 0) + 1
           ] }),
           /* @__PURE__ */ n(
             g,
@@ -119,7 +118,7 @@ const Z = y.ActionTrigger, X = () => $e(Oe), p = () => {
               fontStyle: "italic",
               fontWeight: "bold",
               fontSize: "sm",
-              children: `Book page: ${((l = r == null ? void 0 : r.meta) == null ? void 0 : l.absolutePageIndex) !== void 0 ? r.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
+              children: `Book page: ${r?.meta?.absolutePageIndex !== void 0 ? r.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
             }
           )
         ] })
@@ -127,41 +126,41 @@ const Z = y.ActionTrigger, X = () => $e(Oe), p = () => {
     }
   ) });
 }, ie = () => {
-  const e = p(), t = F(e) ? e : void 0;
-  return { data: b(
-    () => t == null ? void 0 : t.annotations.annotations$.pipe(
-      D(
+  const e = p(), t = W(e) ? e : void 0;
+  return { data: f(
+    () => t?.annotations.annotations$.pipe(
+      A(
         (i) => t.locateResource(i)
       )
     ),
     [t]
   ) };
-}, wt = () => {
+}, Rn = () => {
   const { data: e } = ie();
   return {
-    data: e == null ? void 0 : e.filter((t) => t.meta.isCfiRange)
+    data: e?.filter((t) => t.meta.isCfiRange)
   };
-}, Pt = ({ onNavigate: e }) => {
-  const { data: t } = wt();
-  return /* @__PURE__ */ n(w.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t == null ? void 0 : t.map((o) => /* @__PURE__ */ n(
-    Ee,
+}, Pn = ({ onNavigate: e }) => {
+  const { data: t } = Rn();
+  return /* @__PURE__ */ n(y.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ n(
+    ze,
     {
       id: o.resource.id,
       onNavigate: e
     },
     o.resource.id
   )) });
-}, Rt = () => {
+}, An = () => {
   const { data: e } = ie();
   return {
-    data: e == null ? void 0 : e.filter(
+    data: e?.filter(
       (t) => !t.meta.isCfiRange && !t.resource.notes
     )
   };
-}, At = ({ onNavigate: e }) => {
-  const { data: t } = Rt();
-  return /* @__PURE__ */ n(w.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t == null ? void 0 : t.map((o) => /* @__PURE__ */ n(
-    Ee,
+}, On = ({ onNavigate: e }) => {
+  const { data: t } = An();
+  return /* @__PURE__ */ n(y.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ n(
+    ze,
     {
       id: o.resource.id,
       onNavigate: e,
@@ -169,36 +168,36 @@ const Z = y.ActionTrigger, X = () => $e(Oe), p = () => {
     },
     o.resource.id
   )) });
-}, Ot = f(
+}, En = m(
   ({
     onNavigate: e,
     defaultTab: t
   }) => {
-    const [o, i] = T(t ?? "bookmarks");
-    return /* @__PURE__ */ c(
-      O.Root,
+    const [o, i] = k(t ?? "bookmarks");
+    return /* @__PURE__ */ s(
+      P.Root,
       {
         value: o,
         onValueChange: (r) => i(r.value),
         children: [
-          /* @__PURE__ */ c(O.List, { children: [
-            /* @__PURE__ */ c(O.Trigger, { value: "bookmarks", children: [
+          /* @__PURE__ */ s(P.List, { children: [
+            /* @__PURE__ */ s(P.Trigger, { value: "bookmarks", children: [
               /* @__PURE__ */ n(Je, {}),
               "Bookmarks"
             ] }),
-            /* @__PURE__ */ c(O.Trigger, { value: "annotations", children: [
-              /* @__PURE__ */ n(ne, {}),
+            /* @__PURE__ */ s(P.Trigger, { value: "annotations", children: [
+              /* @__PURE__ */ n(te, {}),
               "Annotations"
             ] }),
-            /* @__PURE__ */ n(O.Indicator, {})
+            /* @__PURE__ */ n(P.Indicator, {})
           ] }),
-          /* @__PURE__ */ n(O.Content, { value: "bookmarks", children: /* @__PURE__ */ n(At, { onNavigate: e }) }),
-          /* @__PURE__ */ n(O.Content, { value: "annotations", children: /* @__PURE__ */ n(Pt, { onNavigate: e }) })
+          /* @__PURE__ */ n(P.Content, { value: "bookmarks", children: /* @__PURE__ */ n(On, { onNavigate: e }) }),
+          /* @__PURE__ */ n(P.Content, { value: "annotations", children: /* @__PURE__ */ n(Pn, { onNavigate: e }) })
         ]
       }
     );
   }
-), Dt = f(
+), Dn = m(
   ({
     openWith: e,
     setOpen: t,
@@ -212,10 +211,10 @@ const Z = y.ActionTrigger, X = () => $e(Oe), p = () => {
       onOpenChange: (i) => t(i.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(V, { height: "100%", children: [
+      children: /* @__PURE__ */ s(V, { height: "100%", children: [
         /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Annotations" }) }),
         /* @__PURE__ */ n(Q, { flex: 1, children: /* @__PURE__ */ n(
-          Ot,
+          En,
           {
             onNavigate: o,
             defaultTab: e
@@ -226,63 +225,60 @@ const Z = y.ActionTrigger, X = () => $e(Oe), p = () => {
       ] })
     }
   )
-), zt = f(({ children: e }) => {
-  const t = p(), o = b(() => t == null ? void 0 : t.spine.element$, [t]);
-  return o ? /* @__PURE__ */ n(oe, { children: lt(e, o) }) : null;
-}), Et = ({
+), zn = m(({ children: e }) => {
+  const t = p(), o = f(() => t?.spine.element$, [t]);
+  return o ? /* @__PURE__ */ n(oe, { children: ln(e, o) }) : null;
+}), Bn = ({
   absolutePageIndex: e,
   itemIndex: t
 }) => {
   const o = p();
   return {
-    spineItem: b(() => o ? t !== void 0 ? ee(o.spine.spineItemsManager.get(t)) : e !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(e).pipe(
-      M((r) => o.spine.spineItemsManager.get(r == null ? void 0 : r.itemIndex))
-    ) : le : le, [t, e, o])
+    spineItem: f(() => o ? t !== void 0 ? ee(o.spine.spineItemsManager.get(t)) : e !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(e).pipe(
+      z((r) => o.spine.spineItemsManager.get(r?.itemIndex))
+    ) : se : se, [t, e, o])
   };
-}, Bt = ({
+}, Mn = ({
   absolutePageIndex: e,
   itemIndex: t
 }) => {
-  const { spineItem: o } = Et({ absolutePageIndex: e, itemIndex: t }), i = b(
-    () => (o == null ? void 0 : o.isReady$) ?? ee(!1),
+  const { spineItem: o } = Bn({ absolutePageIndex: e, itemIndex: t }), i = f(
+    () => o?.isReady$ ?? ee(!1),
     [o]
   );
   return { spineItem: o, isReady: i };
-}, Mt = "data-bookmark-area", Lt = f(
+}, Ln = "data-bookmark-area", $n = m(
   ({
     absolutePageIndex: e,
     left: t,
     top: o,
     width: i
   }) => {
-    const { isReady: r } = Bt({
+    const { isReady: r } = Mn({
       absolutePageIndex: e
-    }), { data: s } = ie(), a = s == null ? void 0 : s.find(
-      (u) => {
-        var l;
-        return ((l = u == null ? void 0 : u.meta) == null ? void 0 : l.absolutePageIndex) === e && u.meta.range === void 0;
-      }
+    }), { data: a } = ie(), l = a?.find(
+      (u) => u?.meta?.absolutePageIndex === e && u.meta.range === void 0
     );
     if (!r) return null;
-    const d = i * 0.1 / 2;
+    const c = i * 0.1 / 2;
     return /* @__PURE__ */ n(
-      te,
+      ne,
       {
-        present: !!a,
+        present: !!l,
         lazyMount: !0,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
         children: /* @__PURE__ */ n(
-          A,
+          R,
           {
-            "data-bookmark-area": Mt,
+            "data-bookmark-area": Ln,
             position: "absolute",
             left: t + i,
             transform: "translateX(-100%)",
             pointerEvents: "none",
             top: o,
-            width: d,
-            height: d,
+            width: c,
+            height: c,
             _before: {
               content: '""',
               position: "absolute",
@@ -290,46 +286,46 @@ const Z = y.ActionTrigger, X = () => $e(Oe), p = () => {
               left: 0,
               width: 0,
               height: 0,
-              borderTop: `${d}px solid #03030373`,
-              borderLeft: `${d}px solid transparent`
+              borderTop: `${c}px solid #03030373`,
+              borderLeft: `${c}px solid transparent`
             }
           }
         )
       }
     );
   }
-), $t = f(() => {
-  const e = p(), t = b(() => e == null ? void 0 : e.layoutInfo$, [e]);
-  return /* @__PURE__ */ n(zt, { children: t == null ? void 0 : t.pages.map(
-    ({ absoluteLayout: { left: o, top: i, width: r } }, s) => /* @__PURE__ */ n(
-      Lt,
+), _n = m(() => {
+  const e = p(), t = f(() => e?.layoutInfo$, [e]);
+  return /* @__PURE__ */ n(zn, { children: t?.pages.map(
+    ({ absoluteLayout: { left: o, top: i, width: r } }, a) => /* @__PURE__ */ n(
+      $n,
       {
-        absolutePageIndex: s,
+        absolutePageIndex: a,
         left: o,
         top: i,
         width: r
       },
-      s
+      a
     )
   ) });
-}), _t = () => {
+}), Nn = () => {
   const e = p();
-  return F(e) ? e : void 0;
-}, Nt = () => {
-  const e = _t(), { data: t } = ie();
-  W(() => e ? e.gestures.hooks.register(
+  return W(e) ? e : void 0;
+}, Hn = () => {
+  const e = Nn(), { data: t } = ie();
+  F(() => e ? e.gestures.hooks.register(
     "beforeTapGesture",
     ({ event$: i }) => i.pipe(
-      Fe(e == null ? void 0 : e.annotations.candidates$),
-      M(([r, s]) => {
+      We(e?.annotations.candidates$),
+      z(([r, a]) => {
         if (!r.page) return !0;
         const {
-          spineItem: a,
-          spineItemPageIndex: d,
+          spineItem: l,
+          spineItemPageIndex: c,
           spineItemPagePosition: u,
-          pageSize: l
+          pageSize: d
         } = r.page;
-        if (at(
+        if (cn(
           u,
           {
             type: "corner",
@@ -337,23 +333,20 @@ const Z = y.ActionTrigger, X = () => $e(Oe), p = () => {
             size: 10,
             unit: "%"
           },
-          l
+          d
         )) {
           const h = e.spine.pages.fromSpineItemPageIndex(
-            a,
-            d
+            l,
+            c
           );
           if (!h) return !0;
-          const m = t == null ? void 0 : t.find(
-            (C) => {
-              var k;
-              return ((k = C == null ? void 0 : C.meta) == null ? void 0 : k.absolutePageIndex) === h.absolutePageIndex && C.meta.range === void 0;
-            }
+          const x = t?.find(
+            (w) => w?.meta?.absolutePageIndex === h.absolutePageIndex && w.meta.range === void 0
           );
-          if (m)
-            return e == null || e.annotations.delete(m.resource.id), !1;
-          if (s == null ? void 0 : s[h.absolutePageIndex])
-            return e == null || e.annotations.annotateAbsolutePage({
+          if (x)
+            return e?.annotations.delete(x.resource.id), !1;
+          if (a?.[h.absolutePageIndex])
+            return e?.annotations.annotateAbsolutePage({
               absolutePageIndex: h.absolutePageIndex
             }), !1;
         }
@@ -361,21 +354,18 @@ const Z = y.ActionTrigger, X = () => $e(Oe), p = () => {
       })
     )
   ) : void 0, [e, t]);
-}, ae = Ue({
+}, le = Ue({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), Ht = () => /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(qe, { toaster: ae, insetInline: { mdDown: "4" }, children: (e) => {
-  var t;
-  return /* @__PURE__ */ c(L.Root, { width: { md: "sm" }, children: [
-    e.type === "loading" ? /* @__PURE__ */ n(Qe, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ n(L.Indicator, {}),
-    /* @__PURE__ */ c(P, { gap: "1", flex: "1", maxWidth: "100%", children: [
-      e.title && /* @__PURE__ */ n(L.Title, { children: e.title }),
-      e.description && /* @__PURE__ */ n(L.Description, { children: e.description })
-    ] }),
-    e.action && /* @__PURE__ */ n(L.ActionTrigger, { children: e.action.label }),
-    ((t = e.meta) == null ? void 0 : t.closable) && /* @__PURE__ */ n(L.CloseTrigger, {})
-  ] });
-} }) }), Ft = {
+}), Wn = () => /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(qe, { toaster: le, insetInline: { mdDown: "4" }, children: (e) => /* @__PURE__ */ s(M.Root, { width: { md: "sm" }, children: [
+  e.type === "loading" ? /* @__PURE__ */ n(Qe, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ n(M.Indicator, {}),
+  /* @__PURE__ */ s(T, { gap: "1", flex: "1", maxWidth: "100%", children: [
+    e.title && /* @__PURE__ */ n(M.Title, { children: e.title }),
+    e.description && /* @__PURE__ */ n(M.Description, { children: e.description })
+  ] }),
+  e.action && /* @__PURE__ */ n(M.ActionTrigger, { children: e.action.label }),
+  e.meta?.closable && /* @__PURE__ */ n(M.CloseTrigger, {})
+] }) }) }), Fn = {
   x: 0,
   y: 0,
   width: 0,
@@ -385,12 +375,12 @@ const Z = y.ActionTrigger, X = () => $e(Oe), p = () => {
   bottom: 0,
   right: 0
 };
-function Wt() {
-  const [e, t] = T(null), [o, i] = T(Ft), r = Ie(
-    () => new ResizeObserver((s) => {
-      if (s[0]) {
-        const { x: a, y: d, width: u, height: l, top: x, left: h, bottom: m, right: S } = s[0].contentRect;
-        i({ x: a, y: d, width: u, height: l, top: x, left: h, bottom: m, right: S });
+function jn() {
+  const [e, t] = k(null), [o, i] = k(Fn), r = Ie(
+    () => new ResizeObserver((a) => {
+      if (a[0]) {
+        const { x: l, y: c, width: u, height: d, top: b, left: h, bottom: x, right: S } = a[0].contentRect;
+        i({ x: l, y: c, width: u, height: d, top: b, left: h, bottom: x, right: S });
       }
     }),
     []
@@ -402,26 +392,26 @@ function Wt() {
       };
   }, [e, r]), [t, o, e];
 }
-const jt = (e, t, o) => {
-  const i = p(), r = ze(i) ? i : void 0;
-  B(() => {
+const Vn = (e, t, o) => {
+  const i = p(), r = De(i) ? i : void 0;
+  D(() => {
     if (!r || !e) return re;
-    const s = t.layout.layout$.pipe(
-      We(t.layout.layoutInfo),
-      he(ct)
-    ), a = dt(
+    const a = t.layout.layout$.pipe(
+      Fe(t.layout.layoutInfo),
+      he(dn)
+    ), l = un(
       e
-    ).pipe(M((d) => d.some((u) => u.isIntersecting)));
-    return s.pipe(
+    ).pipe(z((c) => c.some((u) => u.isIntersecting)));
+    return a.pipe(
       je(100, void 0, { trailing: !0 }),
-      D(() => a.pipe(
-        ue((d) => {
-          d || (e.innerHTML = "");
+      A(() => l.pipe(
+        ue((c) => {
+          c || (e.innerHTML = "");
         }),
-        J((d) => d),
+        J((c) => c),
         Te()
       ).pipe(
-        D(() => (e.innerHTML = "", r == null ? void 0 : r.gallery.snapshot(
+        A(() => (e.innerHTML = "", r?.gallery.snapshot(
           t,
           e,
           o
@@ -429,20 +419,16 @@ const jt = (e, t, o) => {
       ))
     );
   }, [r, t, o, e]);
-}, Vt = f(
-  ({
-    item: e,
-    onNavigated: t
-  }) => {
-    var d;
-    const [o, i, r] = Wt(), s = p();
-    jt(r, e, i);
-    const a = b(
-      () => s == null ? void 0 : s.locateResource(e, { mode: "shallow" }),
-      [s, e]
+}, Gn = m(
+  ({ item: e, onNavigated: t }) => {
+    const [o, i, r] = jn(), a = p();
+    Vn(r, e, i);
+    const l = f(
+      () => a?.locateResource(e, { mode: "shallow" }),
+      [a, e]
     );
-    return /* @__PURE__ */ c(
-      A,
+    return /* @__PURE__ */ s(
+      R,
       {
         width: "100%",
         aspectRatio: "2/3",
@@ -454,11 +440,11 @@ const jt = (e, t, o) => {
         position: "relative",
         overflow: "hidden",
         onClick: () => {
-          t(), s == null || s.navigation.goToSpineItem({ indexOrId: e });
+          t(), a?.navigation.goToSpineItem({ indexOrId: e });
         },
         children: [
           /* @__PURE__ */ n(
-            A,
+            R,
             {
               height: "100%",
               width: "100%",
@@ -467,7 +453,7 @@ const jt = (e, t, o) => {
               ref: o
             }
           ),
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ s(
             g,
             {
               position: "absolute",
@@ -480,7 +466,7 @@ const jt = (e, t, o) => {
               fontSize: "xs",
               children: [
                 "Page ",
-                (((d = a == null ? void 0 : a.meta) == null ? void 0 : d.absolutePageIndex) ?? 0) + 1
+                (l?.meta?.absolutePageIndex ?? 0) + 1
               ]
             }
           )
@@ -488,12 +474,9 @@ const jt = (e, t, o) => {
       }
     );
   }
-), Gt = f(
-  ({
-    open: e,
-    setOpen: t
-  }) => {
-    const o = p(), i = b(() => o == null ? void 0 : o.spineItemsManager.items$, [o]);
+), Yn = m(
+  ({ open: e, setOpen: t }) => {
+    const o = p(), i = f(() => o?.spineItemsManager.items$, [o]);
     return /* @__PURE__ */ n(
       Y,
       {
@@ -503,10 +486,10 @@ const jt = (e, t, o) => {
         onOpenChange: (r) => t(r.open),
         size: { mdDown: "full", md: "lg" },
         scrollBehavior: "inside",
-        children: /* @__PURE__ */ c(V, { height: "100%", children: [
+        children: /* @__PURE__ */ s(V, { height: "100%", children: [
           /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Gallery" }) }),
           /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ n(
-            A,
+            R,
             {
               gridTemplateColumns: [
                 "repeat(2, minmax(0, 1fr))",
@@ -516,8 +499,8 @@ const jt = (e, t, o) => {
               gap: [2, 4],
               pt: 2,
               "data-grid": !0,
-              children: i == null ? void 0 : i.map((r) => /* @__PURE__ */ n(
-                Vt,
+              children: i?.map((r) => /* @__PURE__ */ n(
+                Gn,
                 {
                   item: r,
                   onNavigated: () => {
@@ -534,11 +517,8 @@ const jt = (e, t, o) => {
       }
     );
   }
-), Yt = "@prose-reader/react-reader", Ut = "1.233.0", qt = f(
-  ({
-    open: e,
-    setOpen: t
-  }) => /* @__PURE__ */ n(
+), Un = "@prose-reader/react-reader", qn = "1.235.0", Qn = m(
+  ({ open: e, setOpen: t }) => /* @__PURE__ */ n(
     Y,
     {
       lazyMount: !0,
@@ -547,25 +527,25 @@ const jt = (e, t, o) => {
       onOpenChange: (o) => t(o.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(V, { children: [
+      children: /* @__PURE__ */ s(V, { children: [
         /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Help" }) }),
-        /* @__PURE__ */ c(Q, { overflowY: "auto", flex: 1, children: [
+        /* @__PURE__ */ s(Q, { overflowY: "auto", flex: 1, children: [
           /* @__PURE__ */ n(xe, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-          /* @__PURE__ */ c(z, { mb: 1, children: [
-            /* @__PURE__ */ n(ve, { children: /* @__PURE__ */ n(et, {}) }),
+          /* @__PURE__ */ s(O, { mb: 1, children: [
+            /* @__PURE__ */ n(ve, { children: /* @__PURE__ */ n(en, {}) }),
             " ",
             /* @__PURE__ */ n(g, { children: "Navigate to right page" })
           ] }),
-          /* @__PURE__ */ c(z, { mb: 1, children: [
-            /* @__PURE__ */ n(ve, { children: /* @__PURE__ */ n(tt, {}) }),
+          /* @__PURE__ */ s(O, { mb: 1, children: [
+            /* @__PURE__ */ n(ve, { children: /* @__PURE__ */ n(nn, {}) }),
             " ",
             /* @__PURE__ */ n(g, { children: "Navigate to left page" })
           ] }),
           /* @__PURE__ */ n(xe, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
-          /* @__PURE__ */ c(g, { children: [
-            Yt,
+          /* @__PURE__ */ s(g, { children: [
+            Un,
             " version: ",
-            Ut
+            qn
           ] })
         ] }),
         /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
@@ -573,17 +553,13 @@ const jt = (e, t, o) => {
       ] })
     }
   )
-), _ = () => {
+), $ = () => {
   const e = p();
-  return b(
+  return f(
     () => e ? Ve([e.pagination.state$, e.context.state$]).pipe(
-      M(([t, o]) => {
-        var r;
-        const i = (r = o.manifest) == null ? void 0 : r.spineItems.every(
-          (s) => {
-            var a;
-            return (a = s.mediaType) == null ? void 0 : a.startsWith("image/");
-          }
+      z(([t, o]) => {
+        const i = o.manifest?.spineItems.every(
+          (r) => r.mediaType?.startsWith("image/")
         );
         return {
           ...t,
@@ -593,49 +569,49 @@ const jt = (e, t, o) => {
     ) : re,
     [e]
   );
-}, Qt = () => {
-  const e = _(), t = Math.floor(
-    ((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100
+}, Kn = () => {
+  const e = $(), t = Math.floor(
+    (e?.percentageEstimateOfBook ?? 0) * 100
   ), o = t > 0 ? t : 1;
-  return (e == null ? void 0 : e.percentageEstimateOfBook) === void 0 ? null : /* @__PURE__ */ n(A, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ c(g, { fontSize: "sm", children: [
+  return e?.percentageEstimateOfBook === void 0 ? null : /* @__PURE__ */ n(R, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ s(g, { fontSize: "sm", children: [
     o,
     " %"
   ] }) });
-}, Kt = () => {
-  const [e, t] = T(/* @__PURE__ */ new Date());
-  return W(() => {
+}, Zn = () => {
+  const [e, t] = k(/* @__PURE__ */ new Date());
+  return F(() => {
     const o = setInterval(() => {
       t(/* @__PURE__ */ new Date());
     }, 6e4);
     return () => clearInterval(o);
   }, []), e;
-}, Zt = (e) => {
-  const t = Kt();
+}, Xn = (e) => {
+  const t = Zn();
   return /* @__PURE__ */ n(g, { fontSize: "xs", ...e, children: t.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
   }) });
-}, fe = () => {
+}, me = () => {
   const { quickMenuSignal: e } = X();
   return [He(e), e.setValue, e];
-}, Xt = () => {
-  const [e] = fe();
+}, Jn = () => {
+  const [e] = me();
   return /* @__PURE__ */ n(
-    A,
+    R,
     {
       position: "absolute",
       left: 0,
       bottom: 0,
       p: 2,
       color: e ? void 0 : "colorPalette.contrast",
-      children: /* @__PURE__ */ n(Zt, {})
+      children: /* @__PURE__ */ n(Xn, {})
     }
   );
-}, Jt = () => {
+}, et = () => {
   const e = p();
-  B(
-    () => e == null ? void 0 : e.links$.subscribe((t) => {
-      if (t.type === "click" && ut(t.target, "a")) {
+  D(
+    () => e?.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(
@@ -645,12 +621,12 @@ const jt = (e, t, o) => {
     }),
     [e]
   );
-}, en = () => {
+}, nt = () => {
   const e = p(), { notificationsSubject: t } = X();
-  B(
-    () => e == null ? void 0 : e.zoom.isZooming$.pipe(
-      D((o) => {
-        if (!o) return le;
+  D(
+    () => e?.zoom.isZooming$.pipe(
+      A((o) => {
+        if (!o) return se;
         const i = new de();
         return t.next({
           key: "zoom",
@@ -666,13 +642,13 @@ const jt = (e, t, o) => {
     ),
     [e]
   );
-}, tn = () => {
+}, tt = () => {
   const e = p(), { notificationsSubject: t } = X();
-  B(
-    () => e == null ? void 0 : e.settings.values$.pipe(
-      M(({ fontScale: o }) => o),
+  D(
+    () => e?.settings.values$.pipe(
+      z(({ fontScale: o }) => o),
       he(),
-      Pe(1),
+      Re(1),
       ue((o) => {
         t.next({
           key: "fontScaleChange",
@@ -683,53 +659,53 @@ const jt = (e, t, o) => {
     ),
     [e, t]
   );
-}, nn = () => {
+}, ot = () => {
   const { notificationsSubject: e } = X();
-  tn(), en(), B(
+  tt(), nt(), D(
     () => e.pipe(
-      J(ke),
+      J(ye),
       Ge((t) => {
-        const o = t.duration ?? 3e3, i = ae.create({
+        const o = t.duration ?? 3e3, i = le.create({
           title: t.title,
           description: t.description,
           duration: o
         }), r = e.pipe(
-          Pe(1),
-          J((s) => !!t.key && (s == null ? void 0 : s.key) === t.key)
+          Re(1),
+          J((a) => !!t.key && a?.key === t.key)
         );
-        return Re(
+        return Pe(
           Ae(o),
           t.abort ?? re,
           r
         ).pipe(
           Te(),
           we(() => {
-            ae.dismiss(i);
+            le.dismiss(i);
           })
         );
       })
     ),
     [e]
   );
-}, on = E.forwardRef(
+}, rt = E.forwardRef(
   function(t, o) {
     const {
       showArrow: i,
       children: r,
-      portalled: s = !0,
-      content: a,
-      portalRef: d,
+      portalled: a = !0,
+      content: l,
+      portalRef: c,
       ...u
     } = t;
-    return /* @__PURE__ */ c(
-      $.Root,
+    return /* @__PURE__ */ s(
+      L.Root,
       {
         ...u,
         positioning: { ...u.positioning, gutter: 4 },
         children: [
-          /* @__PURE__ */ n($.Trigger, { asChild: !0, children: r }),
-          /* @__PURE__ */ n(ge, { disabled: !s, container: d, children: /* @__PURE__ */ n($.Positioner, { children: /* @__PURE__ */ c(
-            $.Content,
+          /* @__PURE__ */ n(L.Trigger, { asChild: !0, children: r }),
+          /* @__PURE__ */ n(ge, { disabled: !a, container: c, children: /* @__PURE__ */ n(L.Positioner, { children: /* @__PURE__ */ s(
+            L.Content,
             {
               width: "auto",
               px: "2",
@@ -738,8 +714,8 @@ const jt = (e, t, o) => {
               rounded: "sm",
               ref: o,
               children: [
-                i && /* @__PURE__ */ n($.Arrow, { children: /* @__PURE__ */ n($.ArrowTip, {}) }),
-                a
+                i && /* @__PURE__ */ n(L.Arrow, { children: /* @__PURE__ */ n(L.ArrowTip, {}) }),
+                l
               ]
             }
           ) }) })
@@ -747,77 +723,77 @@ const jt = (e, t, o) => {
       }
     );
   }
-), rn = E.forwardRef(function(t, o) {
+), it = E.forwardRef(function(t, o) {
   const { children: i, ...r } = t;
-  return /* @__PURE__ */ n(on, { content: i, ...r, ref: o, children: /* @__PURE__ */ n(
-    I,
+  return /* @__PURE__ */ n(rt, { content: i, ...r, ref: o, children: /* @__PURE__ */ n(
+    v,
     {
       variant: "ghost",
       "aria-label": "info",
       size: "2xs",
       colorPalette: "gray",
-      children: /* @__PURE__ */ n(xt, {})
+      children: /* @__PURE__ */ n(vn, {})
     }
   ) });
-}), sn = E.forwardRef(function(t, o) {
+}), at = E.forwardRef(function(t, o) {
   return /* @__PURE__ */ n(H.Track, { ...t, ref: o, children: /* @__PURE__ */ n(H.Range, {}) });
 });
 E.forwardRef(function(t, o) {
-  const { children: i, info: r, ...s } = t;
-  return /* @__PURE__ */ c(H.Label, { ...s, ref: o, children: [
+  const { children: i, info: r, ...a } = t;
+  return /* @__PURE__ */ s(H.Label, { ...a, ref: o, children: [
     i,
-    r && /* @__PURE__ */ n(rn, { children: r })
+    r && /* @__PURE__ */ n(it, { children: r })
   ] });
 });
-const ln = H.Root, an = H.ValueText, me = () => {
-  const e = _(), t = (e == null ? void 0 : e.numberOfTotalPages) === 1, o = ((e == null ? void 0 : e.beginNumberOfPagesInSpineItem) ?? 0) > 1, i = ((e == null ? void 0 : e.endNumberOfPagesInSpineItem) ?? 0) > 1, r = (e != null && e.hasChapters ? e == null ? void 0 : e.beginPageIndexInSpineItem : e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0, s = (e != null && e.hasChapters ? e == null ? void 0 : e.endPageIndexInSpineItem : e == null ? void 0 : e.endAbsolutePageIndex) ?? 0, [a = 0, d = 0] = [
+const st = H.Root, lt = H.ValueText, fe = () => {
+  const e = $(), t = e?.numberOfTotalPages === 1, o = (e?.beginNumberOfPagesInSpineItem ?? 0) > 1, i = (e?.endNumberOfPagesInSpineItem ?? 0) > 1, r = (e?.hasChapters ? e?.beginPageIndexInSpineItem : e?.beginAbsolutePageIndex) ?? 0, a = (e?.hasChapters ? e?.endPageIndexInSpineItem : e?.endAbsolutePageIndex) ?? 0, [l = 0, c = 0] = [
     r,
-    s
-  ].sort((x, h) => x - h), u = (e == null ? void 0 : e.beginPageIndexInSpineItem) !== (e == null ? void 0 : e.endPageIndexInSpineItem) || (e == null ? void 0 : e.beginSpineItemIndex) !== (e == null ? void 0 : e.endSpineItemIndex), l = e != null && e.hasChapters ? e == null ? void 0 : e.beginNumberOfPagesInSpineItem : e == null ? void 0 : e.numberOfTotalPages;
+    a
+  ].sort((b, h) => b - h), u = e?.beginPageIndexInSpineItem !== e?.endPageIndexInSpineItem || e?.beginSpineItemIndex !== e?.endSpineItemIndex, d = e?.hasChapters ? e?.beginNumberOfPagesInSpineItem : e?.numberOfTotalPages;
   return {
     hasOnlyOnePage: t,
     beginPageIndex: r,
-    endPageIndex: s,
+    endPageIndex: a,
     isBeginWithinChapter: o,
     isEndWithinChapter: i,
     beginAndEndAreDifferent: u,
-    totalApproximatePages: l,
-    leftPageIndex: a,
-    rightPageIndex: d
+    totalApproximatePages: d,
+    leftPageIndex: l,
+    rightPageIndex: c
   };
-}, cn = () => {
-  const e = _(), {
+}, ct = () => {
+  const e = $(), {
     hasOnlyOnePage: t,
     leftPageIndex: o,
     rightPageIndex: i,
     totalApproximatePages: r,
-    beginAndEndAreDifferent: s
-  } = me(), a = Math.round(((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100), d = (l) => l != null && l.subChapter ? `${l.title} / ${d(l.subChapter)}` : (l == null ? void 0 : l.title) || "", u = d(e == null ? void 0 : e.beginChapterInfo);
-  return /* @__PURE__ */ c(P, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
-    /* @__PURE__ */ n(ln, { value: a, size: "xs", width: 150, children: /* @__PURE__ */ c(z, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ n(sn, { width: 110 }),
-      /* @__PURE__ */ n(an, { children: `${a}%` })
+    beginAndEndAreDifferent: a
+  } = fe(), l = Math.round((e?.percentageEstimateOfBook ?? 0) * 100), c = (d) => d?.subChapter ? `${d.title} / ${c(d.subChapter)}` : d?.title || "", u = c(e?.beginChapterInfo);
+  return /* @__PURE__ */ s(T, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
+    /* @__PURE__ */ n(st, { value: l, size: "xs", width: 150, children: /* @__PURE__ */ s(O, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ n(at, { width: 110 }),
+      /* @__PURE__ */ n(lt, { children: `${l}%` })
     ] }) }),
     /* @__PURE__ */ n(g, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
-    !t && /* @__PURE__ */ c(z, { children: [
-      /* @__PURE__ */ n(g, { fontSize: "xs", children: s ? `${o + 1} - ${i + 1} of ${r}` : `${o + 1} of ${r}` }),
-      !!(e != null && e.hasChapters) && /* @__PURE__ */ c(oe, { children: [
+    !t && /* @__PURE__ */ s(O, { children: [
+      /* @__PURE__ */ n(g, { fontSize: "xs", children: a ? `${o + 1} - ${i + 1} of ${r}` : `${o + 1} of ${r}` }),
+      !!e?.hasChapters && /* @__PURE__ */ s(oe, { children: [
         /* @__PURE__ */ n(g, { children: "-" }),
-        /* @__PURE__ */ c(g, { fontSize: "xs", children: [
+        /* @__PURE__ */ s(g, { fontSize: "xs", children: [
           "(",
-          ((e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0) + 1,
+          (e?.beginAbsolutePageIndex ?? 0) + 1,
           ")"
         ] })
       ] })
     ] })
   ] });
-}, Be = f(
+}, Be = m(
   ({
     children: e,
     position: t,
     ...o
   }) => /* @__PURE__ */ n(
-    te,
+    ne,
     {
       display: "flex",
       flexDirection: "row",
@@ -841,8 +817,8 @@ const ln = H.Root, an = H.ValueText, me = () => {
       children: e
     }
   )
-), dn = Ke(vt), un = f((e) => /* @__PURE__ */ n(
-  A,
+), dt = Ke(Cn), ut = m((e) => /* @__PURE__ */ n(
+  R,
   {
     display: "contents",
     css: {
@@ -851,7 +827,7 @@ const ln = H.Root, an = H.ValueText, me = () => {
       "--color-solid": "colors.colorPalette.solid"
     },
     children: /* @__PURE__ */ n(
-      dn,
+      dt,
       {
         keyboard: !1,
         style: {
@@ -895,65 +871,65 @@ const ln = H.Root, an = H.ValueText, me = () => {
       }
     )
   }
-)), hn = () => {
-  const e = _(), t = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: o, totalApproximatePages: i = 0 } = me(), r = t ? Math.floor((o || 0) / 2) : o, [s, a] = Se(
+)), ht = () => {
+  const t = $()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: i = 0 } = fe(), r = t ? Math.floor((o || 0) / 2) : o, [a, l] = ke(
     () => ce({
       default: r || 0
     })
-  ), d = 0, u = Math.max(
+  ), c = 0, u = Math.max(
     0,
     t ? Math.floor((i - 1) / 2) : i - 1
   );
-  return W(() => {
-    a.update(r || 0);
-  }, [r, a]), {
-    value: s,
-    valueSignal: a,
-    min: d,
+  return F(() => {
+    l.update(r || 0);
+  }, [r, l]), {
+    value: a,
+    valueSignal: l,
+    min: c,
     max: u
   };
-}, gn = (e) => {
-  const t = p(), o = _(), { manifest: i } = b(() => t == null ? void 0 : t.context.state$, [t]) ?? {}, r = (i == null ? void 0 : i.readingDirection) === "rtl", s = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: a = 0, isBeginWithinChapter: d } = me(), u = 1, l = d, { value: x, valueSignal: h, min: m, max: S } = hn(), C = N(
-    (R) => {
-      const [v = 0] = Array.isArray(R) ? R : [R];
-      h.setValue(v);
-      const be = s ? Math.floor(v) * 2 : Math.floor(v);
-      l ? t == null || t.navigation.goToPageOfSpineItem({
+}, gt = (e) => {
+  const t = p(), o = $(), { manifest: i } = f(() => t?.context.state$, [t]) ?? {}, r = i?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = fe(), u = 1, d = c, { value: b, valueSignal: h, min: x, max: S } = ht(), w = N(
+    (_) => {
+      const [C = 0] = Array.isArray(_) ? _ : [_];
+      h.setValue(C);
+      const be = a ? Math.floor(C) * 2 : Math.floor(C);
+      d ? t?.navigation.goToPageOfSpineItem({
         pageIndex: be,
         spineItemId: t.pagination.state.beginSpineItemIndex ?? 0,
         animation: !1
-      }) : t == null || t.navigation.goToAbsolutePageIndex({
+      }) : t?.navigation.goToAbsolutePageIndex({
         absolutePageIndex: be,
         animation: !1
       });
     },
-    [t, s, h, l]
+    [t, a, h, d]
   );
-  return B(
-    () => t == null ? void 0 : t.navigation.throttleLock({
+  return D(
+    () => t?.navigation.throttleLock({
       duration: 100,
       trigger: h.subject
     }),
     [t, h]
-  ), a === 1 || s && a === 2 ? /* @__PURE__ */ n(A, { style: e.style }) : /* @__PURE__ */ n(
-    un,
+  ), l === 1 || a && l === 2 ? /* @__PURE__ */ n(R, { style: e.style }) : /* @__PURE__ */ n(
+    ut,
     {
-      value: [x],
+      value: [b],
       max: S,
-      min: m,
+      min: x,
       reverse: r,
       step: u,
-      onChange: C,
+      onChange: w,
       ...e
     }
   );
-}, pn = f(
+}, pt = m(
   ({
     open: e,
     onItemClick: t
   }) => {
-    const o = p(), i = b(() => o == null ? void 0 : o.navigation.state$, [o]), r = b(() => o == null ? void 0 : o.settings.values$, [o]), s = (r == null ? void 0 : r.computedPageTurnDirection) === "vertical", [a, d] = T(!0);
-    return /* @__PURE__ */ c(
+    const o = p(), i = f(() => o?.navigation.state$, [o]), a = f(() => o?.settings.values$, [o])?.computedPageTurnDirection === "vertical", [l, c] = k(!0);
+    return /* @__PURE__ */ s(
       Be,
       {
         present: e,
@@ -963,8 +939,8 @@ const ln = H.Root, an = H.ValueText, me = () => {
         overflow: "auto",
         pb: 8,
         children: [
-          /* @__PURE__ */ c(
-            z,
+          /* @__PURE__ */ s(
+            O,
             {
               flex: 1,
               alignItems: "center",
@@ -972,19 +948,19 @@ const ln = H.Root, an = H.ValueText, me = () => {
               maxWidth: "100%",
               children: [
                 /* @__PURE__ */ n(
-                  I,
+                  v,
                   {
                     "aria-label": "left",
                     size: "lg",
                     variant: "ghost",
                     flexShrink: 0,
-                    onClick: () => o == null ? void 0 : o.navigation.goToLeftOrTopSpineItem(),
-                    disabled: !(i != null && i.canGoLeftSpineItem) && !(i != null && i.canGoTopSpineItem),
-                    children: s ? /* @__PURE__ */ n(pt, {}) : /* @__PURE__ */ n(ft, {})
+                    onClick: () => o?.navigation.goToLeftOrTopSpineItem(),
+                    disabled: !i?.canGoLeftSpineItem && !i?.canGoTopSpineItem,
+                    children: a ? /* @__PURE__ */ n(mn, {}) : /* @__PURE__ */ n(fn, {})
                   }
                 ),
-                /* @__PURE__ */ c(
-                  P,
+                /* @__PURE__ */ s(
+                  T,
                   {
                     flex: 1,
                     maxW: 400,
@@ -993,9 +969,9 @@ const ln = H.Root, an = H.ValueText, me = () => {
                     overflow: "auto",
                     px: 4,
                     children: [
-                      /* @__PURE__ */ n(cn, {}),
+                      /* @__PURE__ */ n(ct, {}),
                       /* @__PURE__ */ n(
-                        gn,
+                        gt,
                         {
                           style: {
                             width: "100%",
@@ -1008,121 +984,121 @@ const ln = H.Root, an = H.ValueText, me = () => {
                   }
                 ),
                 /* @__PURE__ */ n(
-                  I,
+                  v,
                   {
                     "aria-label": "right",
                     size: "lg",
                     flexShrink: 0,
                     variant: "ghost",
-                    disabled: !(i != null && i.canGoRightSpineItem) && !(i != null && i.canGoBottomSpineItem),
+                    disabled: !i?.canGoRightSpineItem && !i?.canGoBottomSpineItem,
                     onClick: () => {
-                      o == null || o.navigation.goToRightOrBottomSpineItem();
+                      o?.navigation.goToRightOrBottomSpineItem();
                     },
-                    children: s ? /* @__PURE__ */ n(mt, {}) : /* @__PURE__ */ n(bt, {})
+                    children: a ? /* @__PURE__ */ n(bn, {}) : /* @__PURE__ */ n(xn, {})
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ n(z, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ c(
-            se.Root,
+          /* @__PURE__ */ n(O, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
+            ae.Root,
             {
-              open: a,
+              open: l,
               flex: 1,
               onOpenChange: ({ open: u }) => {
-                d(u);
+                c(u);
               },
               children: [
                 /* @__PURE__ */ n(
-                  se.Trigger,
+                  ae.Trigger,
                   {
                     paddingY: "3",
                     width: "100%",
                     display: "flex",
                     justifyContent: "center",
                     children: /* @__PURE__ */ n(
-                      nt,
+                      tn,
                       {
                         style: {
-                          transform: a ? "rotate(0deg)" : "rotate(180deg)"
+                          transform: l ? "rotate(0deg)" : "rotate(180deg)"
                         }
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ c(se.Content, { display: "flex", justifyContent: "center", children: [
+                /* @__PURE__ */ s(ae.Content, { display: "flex", justifyContent: "center", children: [
                   /* @__PURE__ */ n(
-                    I,
+                    v,
                     {
                       "aria-label": "Help",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("help"),
-                      children: /* @__PURE__ */ n(ot, {})
+                      children: /* @__PURE__ */ n(on, {})
                     }
                   ),
                   /* @__PURE__ */ n(
-                    I,
+                    v,
                     {
                       "aria-label": "Table of contents",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("toc"),
-                      children: /* @__PURE__ */ n(rt, {})
+                      children: /* @__PURE__ */ n(rn, {})
                     }
                   ),
-                  De(o) && /* @__PURE__ */ n(
-                    I,
+                  Ee(o) && /* @__PURE__ */ n(
+                    v,
                     {
                       "aria-label": "Search",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("search"),
-                      children: /* @__PURE__ */ n(it, {})
+                      children: /* @__PURE__ */ n(an, {})
                     }
                   ),
-                  F(o) && /* @__PURE__ */ n(
-                    I,
+                  W(o) && /* @__PURE__ */ n(
+                    v,
                     {
                       "aria-label": "Bookmarks",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("bookmarks"),
-                      children: /* @__PURE__ */ n(ht, {})
+                      children: /* @__PURE__ */ n(gn, {})
                     }
                   ),
-                  F(o) && /* @__PURE__ */ n(
-                    I,
+                  W(o) && /* @__PURE__ */ n(
+                    v,
                     {
                       "aria-label": "Annotations",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("annotations"),
-                      children: /* @__PURE__ */ n(ne, {})
+                      children: /* @__PURE__ */ n(te, {})
                     }
                   ),
                   /* @__PURE__ */ n(
-                    I,
+                    v,
                     {
                       "aria-label": "Thumbnails",
                       size: "lg",
-                      variant: (o == null ? void 0 : o.settings.values.viewportMode) === "thumbnails" ? "solid" : "ghost",
+                      variant: o?.settings.values.viewportMode === "thumbnails" ? "solid" : "ghost",
                       onClick: () => {
-                        o == null || o.settings.update({
-                          viewportMode: (o == null ? void 0 : o.settings.values.viewportMode) === "normal" ? "thumbnails" : "normal"
+                        o?.settings.update({
+                          viewportMode: o?.settings.values.viewportMode === "normal" ? "thumbnails" : "normal"
                         });
                       },
-                      children: /* @__PURE__ */ n(st, {})
+                      children: /* @__PURE__ */ n(sn, {})
                     }
                   ),
-                  ze(o) && /* @__PURE__ */ n(
-                    I,
+                  De(o) && /* @__PURE__ */ n(
+                    v,
                     {
                       "aria-label": "Gallery",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("gallery"),
-                      children: /* @__PURE__ */ n(gt, {})
+                      children: /* @__PURE__ */ n(pn, {})
                     }
                   )
                 ] })
@@ -1133,13 +1109,13 @@ const ln = H.Root, an = H.ValueText, me = () => {
       }
     );
   }
-), fn = () => {
-  const [e, t] = T(!1), o = N(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+), mt = () => {
+  const [e, t] = k(!1), o = N(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
     t(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
     t(!0);
   }), []);
-  return W(() => {
+  return F(() => {
     function i() {
       t(!!document.fullscreenElement);
     }
@@ -1150,13 +1126,13 @@ const ln = H.Root, an = H.ValueText, me = () => {
     isFullscreen: e,
     onToggleFullscreenClick: o
   };
-}, mn = f(
+}, ft = m(
   ({
     open: e,
     onItemClick: t
   }) => {
-    const o = p(), i = b(() => o == null ? void 0 : o.context.manifest$, [o]), { isFullscreen: r, onToggleFullscreenClick: s } = fn();
-    return /* @__PURE__ */ c(
+    const o = p(), i = f(() => o?.context.manifest$, [o]), { isFullscreen: r, onToggleFullscreenClick: a } = mt();
+    return /* @__PURE__ */ s(
       Be,
       {
         present: e,
@@ -1165,18 +1141,18 @@ const ln = H.Root, an = H.ValueText, me = () => {
         justifyContent: "space-between",
         children: [
           /* @__PURE__ */ n(
-            I,
+            v,
             {
               "aria-label": "left",
               size: "lg",
               variant: "ghost",
               flexShrink: 0,
               onClick: () => t("back"),
-              children: /* @__PURE__ */ n(Ct, {})
+              children: /* @__PURE__ */ n(In, {})
             }
           ),
           /* @__PURE__ */ n(
-            P,
+            T,
             {
               flex: 1,
               maxW: 600,
@@ -1184,30 +1160,30 @@ const ln = H.Root, an = H.ValueText, me = () => {
               alignItems: "center",
               overflow: "auto",
               px: 4,
-              children: /* @__PURE__ */ n(g, { truncate: !0, maxWidth: "100%", children: i == null ? void 0 : i.title })
+              children: /* @__PURE__ */ n(g, { truncate: !0, maxWidth: "100%", children: i?.title })
             }
           ),
-          /* @__PURE__ */ c(z, { children: [
+          /* @__PURE__ */ s(O, { children: [
             /* @__PURE__ */ n(
-              I,
+              v,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: () => t("more"),
-                children: /* @__PURE__ */ n(It, {})
+                children: /* @__PURE__ */ n(kn, {})
               }
             ),
             /* @__PURE__ */ n(
-              I,
+              v,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
-                onClick: s,
-                children: r ? /* @__PURE__ */ n(St, {}) : /* @__PURE__ */ n(yt, {})
+                onClick: a,
+                children: r ? /* @__PURE__ */ n(Sn, {}) : /* @__PURE__ */ n(yn, {})
               }
             )
           ] })
@@ -1215,26 +1191,26 @@ const ln = H.Root, an = H.ValueText, me = () => {
       }
     );
   }
-), bn = f(
+), bt = m(
   ({
     onItemClick: e
   }) => {
-    const [t] = fe();
-    return /* @__PURE__ */ c(oe, { children: [
-      /* @__PURE__ */ n(mn, { open: t, onItemClick: e }),
-      /* @__PURE__ */ n(pn, { open: t, onItemClick: e })
+    const [t] = me();
+    return /* @__PURE__ */ s(oe, { children: [
+      /* @__PURE__ */ n(ft, { open: t, onItemClick: e }),
+      /* @__PURE__ */ n(pt, { open: t, onItemClick: e })
     ] });
   }
-), xn = f(
+), xt = m(
   ({
     contextText: e = "",
     startOffset: t = 0,
     text: o,
     cfi: i = "#",
     onClick: r,
-    absolutePageIndex: s
+    absolutePageIndex: a
   }) => {
-    const d = e.substring(
+    const c = e.substring(
       Math.max(t - 15, 0),
       Math.max(t, 0)
     ), u = e.substring(
@@ -1244,43 +1220,43 @@ const ln = H.Root, an = H.ValueText, me = () => {
         e.length - 1
       )
     );
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ s(
       pe,
       {
         href: i,
         style: { margin: 5, overflow: "hidden" },
-        onClick: (l) => {
-          l.preventDefault(), r(i);
+        onClick: (d) => {
+          d.preventDefault(), r(i);
         },
         display: "flex",
         flexDirection: "column",
         alignItems: "flex-start",
         gap: 0,
         children: [
-          /* @__PURE__ */ c(g, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
+          /* @__PURE__ */ s(g, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
             '"',
-            d,
+            c,
             /* @__PURE__ */ n("b", { children: o }),
             u,
             '"'
           ] }),
-          /* @__PURE__ */ n(g, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${s !== void 0 ? s + 1 : "unknown (not loaded)"}` })
+          /* @__PURE__ */ n(g, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${a !== void 0 ? a + 1 : "unknown (not loaded)"}` })
         ]
       }
     );
   }
-), vn = 500, Cn = () => {
-  const e = ye(() => new Ye("")), t = b(e), o = p(), i = De(o) ? o : void 0, r = b(() => e.pipe(
+), vt = 500, Ct = () => {
+  const e = Se(() => new Ye("")), t = f(e), o = p(), i = Ee(o) ? o : void 0, r = f(() => e.pipe(
     he(),
-    D(
-      (s) => s === "" || !i ? ee(void 0) : Re(
+    A(
+      (a) => a === "" || !i ? ee(void 0) : Pe(
         ee({
           type: "start",
           data: void 0
         }),
-        Ae(vn).pipe(
-          D(() => i.search.search(s)),
-          M((a) => ({ type: "end", data: a }))
+        Ae(vt).pipe(
+          A(() => i.search.search(a)),
+          z((l) => ({ type: "end", data: l }))
         )
       )
     )
@@ -1288,31 +1264,29 @@ const ln = H.Root, an = H.ValueText, me = () => {
   return {
     value: t,
     setValue: e.next.bind(e),
-    status: (r == null ? void 0 : r.type) ?? "idle",
-    data: r == null ? void 0 : r.data
+    status: r?.type ?? "idle",
+    data: r?.data
   };
-}, In = f(
-  ({
-    onNavigate: e
-  }) => {
-    const t = p(), { value: o, setValue: i, status: r, data: s } = Cn(), a = (l) => {
-      i(l.target.value);
-    }, d = N(
-      (l) => {
-        e(), t == null || t.navigation.goToCfi(l);
+}, It = m(
+  ({ onNavigate: e }) => {
+    const t = p(), { value: o, setValue: i, status: r, data: a } = Ct(), l = (d) => {
+      i(d.target.value);
+    }, c = N(
+      (d) => {
+        e(), t?.navigation.goToCfi(d);
       },
       [t, e]
-    ), u = b(
-      () => t == null ? void 0 : t.locateResource((s == null ? void 0 : s.slice(0, 100)) ?? []),
-      [s]
+    ), u = f(
+      () => t?.locateResource(a?.slice(0, 100) ?? []),
+      [a]
     );
-    return /* @__PURE__ */ c(P, { flex: 1, height: "100%", gap: 2, children: [
+    return /* @__PURE__ */ s(T, { flex: 1, height: "100%", gap: 2, children: [
       /* @__PURE__ */ n(
         Ze,
         {
           placeholder: "Type something...",
           value: o,
-          onChange: a,
+          onChange: l,
           flexShrink: 0,
           variant: "subtle",
           name: "search",
@@ -1322,8 +1296,8 @@ const ln = H.Root, an = H.ValueText, me = () => {
           focusRingColor: "transparent"
         }
       ),
-      /* @__PURE__ */ c(
-        P,
+      /* @__PURE__ */ s(
+        T,
         {
           style: { overflow: "hidden", overflowY: "auto" },
           overflow: "auto",
@@ -1331,35 +1305,32 @@ const ln = H.Root, an = H.ValueText, me = () => {
           flex: 1,
           children: [
             r === "start" && /* @__PURE__ */ n(g, { children: "Searching ..." }),
-            (s == null ? void 0 : s.length) === 0 && /* @__PURE__ */ n(g, { children: "No results" }),
-            r === "end" && ((s == null ? void 0 : s.length) ?? 0) > 0 && /* @__PURE__ */ c(P, { children: [
-              /* @__PURE__ */ c(g, { fontSize: "md", children: [
-                s == null ? void 0 : s.length,
+            a?.length === 0 && /* @__PURE__ */ n(g, { children: "No results" }),
+            r === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ s(T, { children: [
+              /* @__PURE__ */ s(g, { fontSize: "md", children: [
+                a?.length,
                 " result(s)"
               ] }),
-              /* @__PURE__ */ n(P, { gap: 0, children: u == null ? void 0 : u.map((l, x) => {
-                var h, m, S, C, k, R, v;
-                return /* @__PURE__ */ n(
-                  xn,
-                  {
-                    contextText: ((S = (m = (h = l.meta) == null ? void 0 : h.range) == null ? void 0 : m.startContainer.parentElement) == null ? void 0 : S.textContent) ?? "",
-                    pageIndex: (C = l.meta) == null ? void 0 : C.itemPageIndex,
-                    startOffset: ((R = (k = l.meta) == null ? void 0 : k.range) == null ? void 0 : R.startOffset) ?? 0,
-                    text: o,
-                    cfi: l.meta.cfi,
-                    onClick: d,
-                    absolutePageIndex: (v = l.meta) == null ? void 0 : v.absolutePageIndex
-                  },
-                  x
-                );
-              }) })
+              /* @__PURE__ */ n(T, { gap: 0, children: u?.map((d, b) => /* @__PURE__ */ n(
+                xt,
+                {
+                  contextText: d.meta?.range?.startContainer.parentElement?.textContent ?? "",
+                  pageIndex: d.meta?.itemPageIndex,
+                  startOffset: d.meta?.range?.startOffset ?? 0,
+                  text: o,
+                  cfi: d.meta.cfi,
+                  onClick: c,
+                  absolutePageIndex: d.meta?.absolutePageIndex
+                },
+                b
+              )) })
             ] })
           ]
         }
       )
     ] });
   }
-), Sn = f(
+), kt = m(
   ({
     open: e,
     setOpen: t,
@@ -1373,46 +1344,44 @@ const ln = H.Root, an = H.ValueText, me = () => {
       onOpenChange: (i) => t(i.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(V, { height: "100%", children: [
+      children: /* @__PURE__ */ s(V, { height: "100%", children: [
         /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Search" }) }),
-        /* @__PURE__ */ n(Q, { flex: 1, p: 0, children: /* @__PURE__ */ n(In, { onNavigate: o }) }),
+        /* @__PURE__ */ n(Q, { flex: 1, p: 0, children: /* @__PURE__ */ n(It, { onNavigate: o }) }),
         /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
         /* @__PURE__ */ n(G, {})
       ] })
     }
   )
-), yn = f(
-  ({
-    onNavigate: e
-  }) => {
-    const t = p(), { manifest: o, assumedRenditionLayout: i } = b(() => t == null ? void 0 : t.context.state$, [t]) ?? {}, { nav: r } = o ?? {}, s = _();
-    r != null && r.toc;
-    const { beginSpineItemIndex: a, beginPageIndexInSpineItem: d } = s ?? {}, u = (i === "reflowable" ? d : a) || 0;
-    let l = s == null ? void 0 : s.beginChapterInfo;
-    for (; l != null && l.subChapter; )
-      l = l == null ? void 0 : l.subChapter;
-    const x = (h, m, S) => /* @__PURE__ */ c(Me.Fragment, { children: [
+), St = m(
+  ({ onNavigate: e }) => {
+    const t = p(), { manifest: o, assumedRenditionLayout: i } = f(() => t?.context.state$, [t]) ?? {}, { nav: r } = o ?? {}, a = $();
+    r?.toc;
+    const { beginSpineItemIndex: l, beginPageIndexInSpineItem: c } = a ?? {}, u = (i === "reflowable" ? c : l) || 0;
+    let d = a?.beginChapterInfo;
+    for (; d?.subChapter; )
+      d = d?.subChapter;
+    const b = (h, x, S) => /* @__PURE__ */ s(Me.Fragment, { children: [
       /* @__PURE__ */ n(
-        w.Item,
+        y.Item,
         {
           pl: 4 * (S + 1),
           style: {
             display: "flex",
             alignItems: "center"
           },
-          children: /* @__PURE__ */ c(
+          children: /* @__PURE__ */ s(
             pe,
             {
               onClick: () => {
-                e(), t == null || t.navigation.goToUrl(h.href);
+                e(), t?.navigation.goToUrl(h.href);
               },
               href: "#",
               children: [
-                (l == null ? void 0 : l.path) === h.path && /* @__PURE__ */ n(w.Indicator, { asChild: !0, children: /* @__PURE__ */ n(Ce, {}) }),
-                (l == null ? void 0 : l.path) !== h.path && /* @__PURE__ */ n(w.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(Ce, {}) }),
-                /* @__PURE__ */ c(P, { gap: 0, children: [
+                d?.path === h.path && /* @__PURE__ */ n(y.Indicator, { asChild: !0, children: /* @__PURE__ */ n(Ce, {}) }),
+                d?.path !== h.path && /* @__PURE__ */ n(y.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(Ce, {}) }),
+                /* @__PURE__ */ s(T, { gap: 0, children: [
                   /* @__PURE__ */ n(g, { fontSize: "md", children: h.title || h.path }),
-                  (l == null ? void 0 : l.path) === h.path && /* @__PURE__ */ n(
+                  d?.path === h.path && /* @__PURE__ */ n(
                     g,
                     {
                       fontStyle: "italic",
@@ -1427,13 +1396,13 @@ const ln = H.Root, an = H.ValueText, me = () => {
           )
         }
       ),
-      h.contents.length > 0 && /* @__PURE__ */ n(w.Root, { as: "div", gap: 2, children: h.contents.map(
-        (C, k) => x(C, k, S + 1)
+      h.contents.length > 0 && /* @__PURE__ */ n(y.Root, { as: "div", gap: 2, children: h.contents.map(
+        (w, B) => b(w, B, S + 1)
       ) })
-    ] }, m);
-    return /* @__PURE__ */ n(w.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: r == null ? void 0 : r.toc.map((h, m) => x(h, m, 0)) });
+    ] }, x);
+    return /* @__PURE__ */ n(y.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: r?.toc.map((h, x) => b(h, x, 0)) });
   }
-), kn = f(
+), yt = m(
   ({
     open: e,
     setOpen: t,
@@ -1447,81 +1416,81 @@ const ln = H.Root, an = H.ValueText, me = () => {
       onOpenChange: (i) => t(i.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(V, { children: [
+      children: /* @__PURE__ */ s(V, { children: [
         /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ n(Q, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ n(yn, { onNavigate: o }) }),
+        /* @__PURE__ */ n(Q, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ n(St, { onNavigate: o }) }),
         /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
         /* @__PURE__ */ n(G, {})
       ] })
     }
   )
-), jn = ({
+), jt = ({
   enableFloatingTime: e = !0,
   enableFloatingProgress: t = !0,
   onItemClick: o
 }) => {
-  const [i, r] = T(!1), [s, a] = T(!1), [d, u] = T(!1), [l, x] = T(void 0), [h, m] = T(!1), [S, C] = fe(), k = N(() => {
-    r(!1), a(!1), u(!1), x(void 0), C(!1), m(!1);
-  }, [C]), R = N(
-    (v) => {
-      v === "annotations" ? x("annotations") : v === "search" ? u(!0) : v === "help" ? a(!0) : v === "toc" ? r(!0) : v === "bookmarks" ? x("bookmarks") : v === "gallery" && m(!0), o == null || o(v);
+  const [i, r] = k(!1), [a, l] = k(!1), [c, u] = k(!1), [d, b] = k(void 0), [h, x] = k(!1), [S, w] = me(), B = N(() => {
+    r(!1), l(!1), u(!1), b(void 0), w(!1), x(!1);
+  }, [w]), _ = N(
+    (C) => {
+      C === "annotations" ? b("annotations") : C === "search" ? u(!0) : C === "help" ? l(!0) : C === "toc" ? r(!0) : C === "bookmarks" ? b("bookmarks") : C === "gallery" && x(!0), o?.(C);
     },
     [o]
   );
-  return Jt(), nn(), Nt(), /* @__PURE__ */ c(oe, { children: [
+  return et(), ot(), Hn(), /* @__PURE__ */ s(oe, { children: [
     t && /* @__PURE__ */ n(
-      te,
+      ne,
       {
         present: !S,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
-        children: /* @__PURE__ */ n(Qt, {})
+        children: /* @__PURE__ */ n(Kn, {})
       }
     ),
-    /* @__PURE__ */ n(Gt, { open: h, setOpen: m }),
-    /* @__PURE__ */ n(bn, { onItemClick: R }),
-    /* @__PURE__ */ n($t, {}),
-    /* @__PURE__ */ n(qt, { open: s, setOpen: a }),
+    /* @__PURE__ */ n(Yn, { open: h, setOpen: x }),
+    /* @__PURE__ */ n(bt, { onItemClick: _ }),
+    /* @__PURE__ */ n(_n, {}),
+    /* @__PURE__ */ n(Qn, { open: a, setOpen: l }),
     /* @__PURE__ */ n(
-      kn,
+      yt,
       {
         open: i,
         setOpen: r,
-        onNavigate: k
+        onNavigate: B
       }
     ),
     /* @__PURE__ */ n(
-      Sn,
+      kt,
       {
-        open: d,
+        open: c,
         setOpen: u,
-        onNavigate: k
+        onNavigate: B
       }
     ),
     /* @__PURE__ */ n(
-      Dt,
+      Dn,
       {
-        openWith: l,
-        setOpen: (v) => x(v ? "annotations" : void 0),
-        onNavigate: k
+        openWith: d,
+        setOpen: (C) => b(C ? "annotations" : void 0),
+        onNavigate: B
       }
     ),
     /* @__PURE__ */ n(
-      te,
+      ne,
       {
         present: e || S,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "slow",
         overflow: "hidden",
-        children: /* @__PURE__ */ n(Xt, {})
+        children: /* @__PURE__ */ n(Jn, {})
       }
     ),
-    /* @__PURE__ */ n(Ht, {})
+    /* @__PURE__ */ n(Wn, {})
   ] });
 };
 export {
-  Mt as BOOKMARK_AREA_DATA_ATTRIBUTE,
-  jn as ReactReader,
-  Wn as ReactReaderProvider
+  Ln as BOOKMARK_AREA_DATA_ATTRIBUTE,
+  jt as ReactReader,
+  Ft as ReactReaderProvider
 };
 //# sourceMappingURL=index.js.map