@prose-reader/react-reader 1.233.0 → 1.235.0

package/dist/index.js

@@ -1,121 +1,124 @@
-import { jsx as t, jsxs as c, Fragment as oe } from "react/jsx-runtime";
-import * as z from "react";
-import Be, { createContext as Me, memo as g, useMemo as Ce, useEffect as j, useContext as Le, useState as T, useLayoutEffect as $e, useCallback as N } from "react";
-import { signal as de, useSignalState as Ie, useConstant as _e, useLiveRef as Ne, useSubscribe as E, useObserve as v, isDefined as ye, useSignalValue as Fe } from "reactjrx";
-import { Subject as he, tap as ue, map as B, filter as ee, switchMap as F, EMPTY as le, of as Se, withLatestFrom as He, NEVER as re, startWith as ke, distinctUntilChanged as Te, throttleTime as We, first as we, combineLatest as je, finalize as Pe, mergeMap as Ge, skip as Re, merge as Ve, timer as Ye } from "rxjs";
-import { IconButton as I, Portal as ge, Dialog as S, List as w, Link as pe, Stack as R, Text as f, Tabs as O, Button as G, Presence as te, Box as P, createToaster as Ue, Toaster as qe, Toast as M, Spinner as Qe, Heading as ae, HStack as D, Kbd as xe, Popover as L, 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 ve } 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 ht } from "@prose-reader/core";
-import { BsBookmarks as ut } from "react-icons/bs";
-import { RiGalleryView2 as gt } from "react-icons/ri";
-import { RxDoubleArrowUp as pt, RxDoubleArrowLeft as mt, RxDoubleArrowDown as ft, RxDoubleArrowRight as bt } from "react-icons/rx";
-import { HiOutlineInformationCircle as xt } from "react-icons/hi";
-import vt from "rc-slider";
+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 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 yt, MdFullscreen as St } from "react-icons/md";
-const Ae = Me({
+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: de({ default: !1 }),
-  notificationsSubject: new he()
-}), Nn = g(
+  quickMenuSignal: ce({ default: !1 }),
+  notificationsSubject: new de()
+}), Ft = m(
   ({
     children: e,
-    reader: n,
+    reader: t,
     quickMenuOpen: o,
-    onQuickMenuOpenChange: r
+    onQuickMenuOpenChange: i
   }) => {
-    const [, i] = Ie(
-      () => de({
+    const [, r] = ke(
+      () => ce({
         default: o
       })
-    ), s = _e(
-      () => new he()
-    ), d = Ne(r), l = Ce(
+    ), a = Se(
+      () => new de()
+    ), l = Ne(i), c = Ie(
       () => ({
-        quickMenuSignal: i,
-        reader: n,
-        notificationsSubject: s
+        quickMenuSignal: r,
+        reader: t,
+        notificationsSubject: a
       }),
-      [i, n, s]
+      [r, t, a]
     );
-    return j(() => {
-      i.setValue(o);
-    }, [o, i]), E(
-      () => i.pipe(ue(d.current)),
-      [i, d]
-    ), /* @__PURE__ */ t(Ae.Provider, { value: l, children: e });
+    return F(() => {
+      r.setValue(o);
+    }, [o, r]), D(
+      () => r.pipe(ue(l.current)),
+      [r, l]
+    ), /* @__PURE__ */ n(Oe.Provider, { value: c, children: e });
   }
-), kt = z.forwardRef(function(n, o) {
-  return /* @__PURE__ */ t(I, { variant: "ghost", "aria-label": "Close", ref: o, ...n, children: n.children ?? /* @__PURE__ */ t(Xe, {}) });
-}), V = z.forwardRef(function(n, o) {
+), 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: r,
-    portalled: i = !0,
-    portalRef: s,
-    backdrop: d = !0,
-    ...l
-  } = n;
-  return /* @__PURE__ */ c(ge, { disabled: !i, container: s, children: [
-    d && /* @__PURE__ */ t(S.Backdrop, {}),
-    /* @__PURE__ */ t(S.Positioner, { children: /* @__PURE__ */ t(S.Content, { ref: o, ...l, asChild: !1, children: r }) })
+    children: i,
+    portalled: r = !0,
+    portalRef: a,
+    backdrop: l = !0,
+    ...c
+  } = t;
+  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 }) })
   ] });
-}), Y = z.forwardRef(function(n, o) {
-  return /* @__PURE__ */ t(
-    S.CloseTrigger,
+}), G = E.forwardRef(function(t, o) {
+  return /* @__PURE__ */ n(
+    I.CloseTrigger,
     {
       position: "absolute",
       top: "2",
       insetEnd: "2",
-      ...n,
+      ...t,
       asChild: !0,
-      children: /* @__PURE__ */ t(kt, { size: "sm", ref: o, children: n.children })
+      children: /* @__PURE__ */ n(Tn, { size: "sm", ref: o, children: t.children })
     }
   );
-}), U = S.Root, q = S.Footer, Q = S.Header, K = S.Body;
-S.Backdrop;
-const Z = S.Title;
-S.Description;
-S.Trigger;
-const X = S.ActionTrigger, J = () => Le(Ae), p = () => {
-  const { reader: e } = J();
+}), 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;
-}, Oe = (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, Tt = (e) => {
-  const n = p(), o = W(n) ? n : void 0;
-  return { data: v(
-    () => o == null ? void 0 : o.annotations.annotations$.pipe(
-      B((i) => i.find((s) => s.id === e)),
-      ee(ye),
-      F((i) => o.locateResource(i))
+}, 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]
   ) };
 }, ze = ({
   id: e,
-  onNavigate: n
+  onNavigate: t,
+  allowLeftIcon: o = !0
 }) => {
-  var i, s;
-  const o = p(), { data: r } = Tt(e);
-  return /* @__PURE__ */ t(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: () => {
-        n(), o == null || o.navigation.goToCfi((r == null ? void 0 : r.meta.cfi) ?? "");
+        t(), i?.navigation.goToCfi(r?.meta.cfi ?? "");
       },
       children: [
-        (i = r == null ? void 0 : r.resource) != null && i.notes ? /* @__PURE__ */ t(w.Indicator, { asChild: !0, children: /* @__PURE__ */ t(ne, {}) }) : /* @__PURE__ */ t(w.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(ne, {}) }),
-        /* @__PURE__ */ c(R, { gap: 0, children: [
-          /* @__PURE__ */ t(f, { lineClamp: 2, fontSize: "md", children: r != null && r.meta.range ? r == null ? void 0 : r.meta.range.toString() : /* @__PURE__ */ t("i", { children: /* @__PURE__ */ t("b", { children: "unknown (not loaded)" }) }) }),
-          /* @__PURE__ */ t(
-            f,
+        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?.meta.absolutePageIndex ?? 0) + 1
+          ] }),
+          /* @__PURE__ */ n(
+            g,
             {
               fontStyle: "italic",
               fontWeight: "bold",
               fontSize: "sm",
-              children: `Book page: ${((s = r == null ? void 0 : r.meta) == null ? void 0 : s.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)"}`
             }
           )
         ] })
@@ -123,18 +126,23 @@ const X = S.ActionTrigger, J = () => Le(Ae), p = () => {
     }
   ) });
 }, ie = () => {
-  const e = p(), n = W(e) ? e : void 0;
-  return { data: v(
-    () => n == null ? void 0 : n.annotations.annotations$.pipe(
-      F(
-        (r) => n.locateResource(r)
+  const e = p(), t = W(e) ? e : void 0;
+  return { data: f(
+    () => t?.annotations.annotations$.pipe(
+      A(
+        (i) => t.locateResource(i)
       )
     ),
-    [n]
+    [t]
   ) };
-}, wt = ({ onNavigate: e }) => {
-  const { data: n } = ie();
-  return /* @__PURE__ */ t(w.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ t(
+}, Rn = () => {
+  const { data: e } = ie();
+  return {
+    data: e?.filter((t) => t.meta.isCfiRange)
+  };
+}, 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,
@@ -142,137 +150,135 @@ const X = S.ActionTrigger, J = () => Le(Ae), p = () => {
     },
     o.resource.id
   )) });
-}, Pt = () => {
+}, An = () => {
   const { data: e } = ie();
   return {
-    data: e == null ? void 0 : e.filter(
-      (n) => !n.meta.isCfiRange && !n.resource.notes
+    data: e?.filter(
+      (t) => !t.meta.isCfiRange && !t.resource.notes
     )
   };
-}, Rt = ({ onNavigate: e }) => {
-  const { data: n } = Pt();
-  return /* @__PURE__ */ t(w.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ t(
+}, 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
+      onNavigate: e,
+      allowLeftIcon: !1
     },
     o.resource.id
   )) });
-}, At = g(
+}, En = m(
   ({
     onNavigate: e,
-    defaultTab: n
+    defaultTab: t
   }) => {
-    const [o, r] = T(n ?? "bookmarks");
-    return /* @__PURE__ */ c(
-      O.Root,
+    const [o, i] = k(t ?? "bookmarks");
+    return /* @__PURE__ */ s(
+      P.Root,
       {
         value: o,
-        onValueChange: (i) => r(i.value),
+        onValueChange: (r) => i(r.value),
         children: [
-          /* @__PURE__ */ c(O.List, { children: [
-            /* @__PURE__ */ c(O.Trigger, { value: "bookmarks", children: [
-              /* @__PURE__ */ t(Je, {}),
+          /* @__PURE__ */ s(P.List, { children: [
+            /* @__PURE__ */ s(P.Trigger, { value: "bookmarks", children: [
+              /* @__PURE__ */ n(Je, {}),
               "Bookmarks"
             ] }),
-            /* @__PURE__ */ c(O.Trigger, { value: "annotations", children: [
-              /* @__PURE__ */ t(ne, {}),
+            /* @__PURE__ */ s(P.Trigger, { value: "annotations", children: [
+              /* @__PURE__ */ n(te, {}),
               "Annotations"
             ] }),
-            /* @__PURE__ */ t(O.Indicator, {})
+            /* @__PURE__ */ n(P.Indicator, {})
           ] }),
-          /* @__PURE__ */ t(O.Content, { value: "bookmarks", children: /* @__PURE__ */ t(Rt, { onNavigate: e }) }),
-          /* @__PURE__ */ t(O.Content, { value: "annotations", children: /* @__PURE__ */ t(wt, { 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 }) })
         ]
       }
     );
   }
-), Ot = g(
+), Dn = m(
   ({
     openWith: e,
-    setOpen: n,
+    setOpen: t,
     onNavigate: o
-  }) => /* @__PURE__ */ t(
-    U,
+  }) => /* @__PURE__ */ n(
+    Y,
     {
       lazyMount: !0,
       placement: "center",
       open: !!e,
-      onOpenChange: (r) => n(r.open),
+      onOpenChange: (i) => t(i.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(V, { height: "100%", children: [
-        /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(Z, { children: "Annotations" }) }),
-        /* @__PURE__ */ t(K, { flex: 1, children: /* @__PURE__ */ t(
-          At,
+      children: /* @__PURE__ */ s(V, { height: "100%", children: [
+        /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Annotations" }) }),
+        /* @__PURE__ */ n(Q, { flex: 1, children: /* @__PURE__ */ n(
+          En,
           {
             onNavigate: o,
             defaultTab: e
           }
         ) }),
-        /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t(G, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ t(Y, {})
+        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(G, {})
       ] })
     }
   )
-), Dt = g(({ children: e }) => {
-  const n = p(), o = v(() => n == null ? void 0 : n.spine.element$, [n]);
-  return o ? /* @__PURE__ */ t(oe, { children: lt(e, o) }) : null;
-}), zt = ({
+), 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: n
+  itemIndex: t
 }) => {
   const o = p();
   return {
-    spineItem: v(() => o ? n !== void 0 ? Se(o.spine.spineItemsManager.get(n)) : e !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(e).pipe(
-      B((i) => o.spine.spineItemsManager.get(i == null ? void 0 : i.itemIndex))
-    ) : le : le, [n, 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])
   };
-}, Et = ({
+}, Mn = ({
   absolutePageIndex: e,
-  itemIndex: n
+  itemIndex: t
 }) => {
-  const { spineItem: o } = zt({ absolutePageIndex: e, itemIndex: n }), r = v(
-    () => (o == null ? void 0 : o.isReady$) ?? Se(!1),
+  const { spineItem: o } = Bn({ absolutePageIndex: e, itemIndex: t }), i = f(
+    () => o?.isReady$ ?? ee(!1),
     [o]
   );
-  return { spineItem: o, isReady: r };
-}, Bt = "data-bookmark-area", Mt = g(
+  return { spineItem: o, isReady: i };
+}, Ln = "data-bookmark-area", $n = m(
   ({
     absolutePageIndex: e,
-    left: n,
+    left: t,
     top: o,
-    width: r
+    width: i
   }) => {
-    const { isReady: i } = Et({
+    const { isReady: r } = Mn({
       absolutePageIndex: e
-    }), { data: s } = ie(), d = s == null ? void 0 : s.find(
-      (u) => {
-        var a;
-        return ((a = u == null ? void 0 : u.meta) == null ? void 0 : a.absolutePageIndex) === e && u.meta.range === void 0;
-      }
+    }), { data: a } = ie(), l = a?.find(
+      (u) => u?.meta?.absolutePageIndex === e && u.meta.range === void 0
     );
-    if (!i) return null;
-    const l = r * 0.1 / 2;
-    return /* @__PURE__ */ t(
-      te,
+    if (!r) return null;
+    const c = i * 0.1 / 2;
+    return /* @__PURE__ */ n(
+      ne,
       {
-        present: !!d,
+        present: !!l,
         lazyMount: !0,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
-        children: /* @__PURE__ */ t(
-          P,
+        children: /* @__PURE__ */ n(
+          R,
           {
-            "data-bookmark-area": Bt,
+            "data-bookmark-area": Ln,
             position: "absolute",
-            left: n + r,
+            left: t + i,
             transform: "translateX(-100%)",
             pointerEvents: "none",
             top: o,
-            width: l,
-            height: l,
+            width: c,
+            height: c,
             _before: {
               content: '""',
               position: "absolute",
@@ -280,46 +286,46 @@ const X = S.ActionTrigger, J = () => Le(Ae), p = () => {
               left: 0,
               width: 0,
               height: 0,
-              borderTop: `${l}px solid #03030373`,
-              borderLeft: `${l}px solid transparent`
+              borderTop: `${c}px solid #03030373`,
+              borderLeft: `${c}px solid transparent`
             }
           }
         )
       }
     );
   }
-), Lt = g(() => {
-  const e = p(), n = v(() => e == null ? void 0 : e.layoutInfo$, [e]);
-  return /* @__PURE__ */ t(Dt, { children: n == null ? void 0 : n.pages.map(
-    ({ absoluteLayout: { left: o, top: r, width: i } }, s) => /* @__PURE__ */ t(
-      Mt,
+), _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: r,
-        width: i
+        top: i,
+        width: r
       },
-      s
+      a
     )
   ) });
-}), $t = () => {
+}), Nn = () => {
   const e = p();
   return W(e) ? e : void 0;
-}, _t = () => {
-  const e = $t(), { data: n } = ie();
-  j(() => e ? e.gestures.hooks.register(
+}, Hn = () => {
+  const e = Nn(), { data: t } = ie();
+  F(() => e ? e.gestures.hooks.register(
     "beforeTapGesture",
-    ({ event$: r }) => r.pipe(
-      He(e == null ? void 0 : e.annotations.candidates$),
-      B(([i, s]) => {
-        if (!i.page) return !0;
+    ({ event$: i }) => i.pipe(
+      We(e?.annotations.candidates$),
+      z(([r, a]) => {
+        if (!r.page) return !0;
         const {
-          spineItem: d,
-          spineItemPageIndex: l,
+          spineItem: l,
+          spineItemPageIndex: c,
           spineItemPagePosition: u,
-          pageSize: a
-        } = i.page;
-        if (at(
+          pageSize: d
+        } = r.page;
+        if (cn(
           u,
           {
             type: "corner",
@@ -327,45 +333,39 @@ const X = S.ActionTrigger, J = () => Le(Ae), p = () => {
             size: 10,
             unit: "%"
           },
-          a
+          d
         )) {
           const h = e.spine.pages.fromSpineItemPageIndex(
-            d,
-            l
+            l,
+            c
           );
           if (!h) return !0;
-          const b = n == null ? void 0 : n.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 (b)
-            return e == null || e.annotations.delete(b.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;
         }
         return !0;
       })
     )
-  ) : void 0, [e, n]);
-}, ce = Ue({
+  ) : void 0, [e, t]);
+}, le = Ue({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), Nt = () => /* @__PURE__ */ t(ge, { children: /* @__PURE__ */ t(qe, { toaster: ce, insetInline: { mdDown: "4" }, children: (e) => {
-  var n;
-  return /* @__PURE__ */ c(M.Root, { width: { md: "sm" }, children: [
-    e.type === "loading" ? /* @__PURE__ */ t(Qe, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ t(M.Indicator, {}),
-    /* @__PURE__ */ c(R, { gap: "1", flex: "1", maxWidth: "100%", children: [
-      e.title && /* @__PURE__ */ t(M.Title, { children: e.title }),
-      e.description && /* @__PURE__ */ t(M.Description, { children: e.description })
-    ] }),
-    e.action && /* @__PURE__ */ t(M.ActionTrigger, { children: e.action.label }),
-    ((n = e.meta) == null ? void 0 : n.closable) && /* @__PURE__ */ t(M.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,
@@ -375,64 +375,60 @@ const X = S.ActionTrigger, J = () => Le(Ae), p = () => {
   bottom: 0,
   right: 0
 };
-function Ht() {
-  const [e, n] = T(null), [o, r] = T(Ft), i = Ce(
-    () => new ResizeObserver((s) => {
-      if (s[0]) {
-        const { x: d, y: l, width: u, height: a, top: m, left: h, bottom: b, right: y } = s[0].contentRect;
-        r({ x: d, y: l, width: u, height: a, top: m, left: h, bottom: b, right: y });
+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 });
       }
     }),
     []
   );
-  return $e(() => {
+  return _e(() => {
     if (e)
-      return i.observe(e), () => {
-        i.disconnect();
+      return r.observe(e), () => {
+        r.disconnect();
       };
-  }, [e, i]), [n, o, e];
+  }, [e, r]), [t, o, e];
 }
-const Wt = (e, n, o) => {
-  const r = p(), i = De(r) ? r : void 0;
-  E(() => {
-    if (!i || !e) return re;
-    const s = n.layout.layout$.pipe(
-      ke(n.layout.layoutInfo),
-      Te(ct)
-    ), d = dt(
+const Vn = (e, t, o) => {
+  const i = p(), r = De(i) ? i : void 0;
+  D(() => {
+    if (!r || !e) return re;
+    const a = t.layout.layout$.pipe(
+      Fe(t.layout.layoutInfo),
+      he(dn)
+    ), l = un(
       e
-    ).pipe(B((l) => l.some((u) => u.isIntersecting)));
-    return s.pipe(
-      We(100, void 0, { trailing: !0 }),
-      F(() => d.pipe(
-        ue((l) => {
-          l || (e.innerHTML = "");
+    ).pipe(z((c) => c.some((u) => u.isIntersecting)));
+    return a.pipe(
+      je(100, void 0, { trailing: !0 }),
+      A(() => l.pipe(
+        ue((c) => {
+          c || (e.innerHTML = "");
         }),
-        ee((l) => l),
-        we()
+        J((c) => c),
+        Te()
       ).pipe(
-        F(() => (e.innerHTML = "", i == null ? void 0 : i.gallery.snapshot(
-          n,
+        A(() => (e.innerHTML = "", r?.gallery.snapshot(
+          t,
           e,
           o
         )))
       ))
     );
-  }, [i, n, o, e]);
-}, jt = g(
-  ({
-    item: e,
-    onNavigated: n
-  }) => {
-    var l;
-    const [o, r, i] = Ht(), s = p();
-    Wt(i, e, r);
-    const d = v(
-      () => s == null ? void 0 : s.locateResource(e, { mode: "shallow" }),
-      [s, e]
+  }, [r, t, o, 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(
-      P,
+    return /* @__PURE__ */ s(
+      R,
       {
         width: "100%",
         aspectRatio: "2/3",
@@ -444,11 +440,11 @@ const Wt = (e, n, o) => {
         position: "relative",
         overflow: "hidden",
         onClick: () => {
-          n(), s == null || s.navigation.goToSpineItem({ indexOrId: e });
+          t(), a?.navigation.goToSpineItem({ indexOrId: e });
         },
         children: [
-          /* @__PURE__ */ t(
-            P,
+          /* @__PURE__ */ n(
+            R,
             {
               height: "100%",
               width: "100%",
@@ -457,8 +453,8 @@ const Wt = (e, n, o) => {
               ref: o
             }
           ),
-          /* @__PURE__ */ c(
-            f,
+          /* @__PURE__ */ s(
+            g,
             {
               position: "absolute",
               bottom: 0,
@@ -470,7 +466,7 @@ const Wt = (e, n, o) => {
               fontSize: "xs",
               children: [
                 "Page ",
-                (((l = d == null ? void 0 : d.meta) == null ? void 0 : l.absolutePageIndex) ?? 0) + 1
+                (l?.meta?.absolutePageIndex ?? 0) + 1
               ]
             }
           )
@@ -478,25 +474,22 @@ const Wt = (e, n, o) => {
       }
     );
   }
-), Gt = g(
-  ({
-    open: e,
-    setOpen: n
-  }) => {
-    const o = p(), r = v(() => o == null ? void 0 : o.spineItemsManager.items$, [o]);
-    return /* @__PURE__ */ t(
-      U,
+), Yn = m(
+  ({ open: e, setOpen: t }) => {
+    const o = p(), i = f(() => o?.spineItemsManager.items$, [o]);
+    return /* @__PURE__ */ n(
+      Y,
       {
         lazyMount: !0,
         placement: "center",
         open: e,
-        onOpenChange: (i) => n(i.open),
+        onOpenChange: (r) => t(r.open),
         size: { mdDown: "full", md: "lg" },
         scrollBehavior: "inside",
-        children: /* @__PURE__ */ c(V, { height: "100%", children: [
-          /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(Z, { children: "Gallery" }) }),
-          /* @__PURE__ */ t(K, { children: /* @__PURE__ */ t(
-            P,
+        children: /* @__PURE__ */ s(V, { height: "100%", children: [
+          /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Gallery" }) }),
+          /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ n(
+            R,
             {
               gridTemplateColumns: [
                 "repeat(2, minmax(0, 1fr))",
@@ -506,219 +499,212 @@ const Wt = (e, n, o) => {
               gap: [2, 4],
               pt: 2,
               "data-grid": !0,
-              children: r == null ? void 0 : r.map((i) => /* @__PURE__ */ t(
-                jt,
+              children: i?.map((r) => /* @__PURE__ */ n(
+                Gn,
                 {
-                  item: i,
+                  item: r,
                   onNavigated: () => {
-                    n(!1);
+                    t(!1);
                   }
                 },
-                i.item.id
+                r.item.id
               ))
             }
           ) }),
-          /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t(G, { variant: "outline", children: "Cancel" }) }) }),
-          /* @__PURE__ */ t(Y, {})
+          /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
+          /* @__PURE__ */ n(G, {})
         ] })
       }
     );
   }
-), Vt = "@prose-reader/react-reader", Yt = "1.232.0", Ut = g(
-  ({
-    open: e,
-    setOpen: n
-  }) => /* @__PURE__ */ t(
-    U,
+), Un = "@prose-reader/react-reader", qn = "1.234.0", Qn = m(
+  ({ open: e, setOpen: t }) => /* @__PURE__ */ n(
+    Y,
     {
       lazyMount: !0,
       placement: "center",
       open: e,
-      onOpenChange: (o) => n(o.open),
+      onOpenChange: (o) => t(o.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(V, { children: [
-        /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(Z, { children: "Help" }) }),
-        /* @__PURE__ */ c(K, { overflowY: "auto", flex: 1, children: [
-          /* @__PURE__ */ t(ae, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-          /* @__PURE__ */ c(D, { mb: 1, children: [
-            /* @__PURE__ */ t(xe, { children: /* @__PURE__ */ t(et, {}) }),
+      children: /* @__PURE__ */ s(V, { children: [
+        /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Help" }) }),
+        /* @__PURE__ */ s(Q, { overflowY: "auto", flex: 1, children: [
+          /* @__PURE__ */ n(xe, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+          /* @__PURE__ */ s(O, { mb: 1, children: [
+            /* @__PURE__ */ n(ve, { children: /* @__PURE__ */ n(en, {}) }),
             " ",
-            /* @__PURE__ */ t(f, { children: "Navigate to right page" })
+            /* @__PURE__ */ n(g, { children: "Navigate to right page" })
           ] }),
-          /* @__PURE__ */ c(D, { mb: 1, children: [
-            /* @__PURE__ */ t(xe, { children: /* @__PURE__ */ t(tt, {}) }),
+          /* @__PURE__ */ s(O, { mb: 1, children: [
+            /* @__PURE__ */ n(ve, { children: /* @__PURE__ */ n(nn, {}) }),
             " ",
-            /* @__PURE__ */ t(f, { children: "Navigate to left page" })
+            /* @__PURE__ */ n(g, { children: "Navigate to left page" })
           ] }),
-          /* @__PURE__ */ t(ae, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
-          /* @__PURE__ */ c(f, { children: [
-            Vt,
+          /* @__PURE__ */ n(xe, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
+          /* @__PURE__ */ s(g, { children: [
+            Un,
             " version: ",
-            Yt
+            qn
           ] })
         ] }),
-        /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t(G, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ t(Y, {})
+        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(G, {})
       ] })
     }
   )
 ), $ = () => {
   const e = p();
-  return v(
-    () => e ? je([e.pagination.state$, e.context.state$]).pipe(
-      B(([n, o]) => {
-        var i;
-        const r = (i = o.manifest) == null ? void 0 : i.spineItems.every(
-          (s) => {
-            var d;
-            return (d = s.mediaType) == null ? void 0 : d.startsWith("image/");
-          }
+  return f(
+    () => e ? Ve([e.pagination.state$, e.context.state$]).pipe(
+      z(([t, o]) => {
+        const i = o.manifest?.spineItems.every(
+          (r) => r.mediaType?.startsWith("image/")
         );
         return {
-          ...n,
-          hasChapters: !o.isFullyPrePaginated && !r
+          ...t,
+          hasChapters: !o.isFullyPrePaginated && !i
         };
       })
     ) : re,
     [e]
   );
-}, qt = () => {
-  const e = $(), n = Math.floor(
-    ((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100
-  ), o = n > 0 ? n : 1;
-  return (e == null ? void 0 : e.percentageEstimateOfBook) === void 0 ? null : /* @__PURE__ */ t(P, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ c(f, { fontSize: "sm", children: [
+}, Kn = () => {
+  const e = $(), t = Math.floor(
+    (e?.percentageEstimateOfBook ?? 0) * 100
+  ), o = t > 0 ? t : 1;
+  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,
     " %"
   ] }) });
-}, Qt = () => {
-  const [e, n] = T(/* @__PURE__ */ new Date());
-  return j(() => {
+}, Zn = () => {
+  const [e, t] = k(/* @__PURE__ */ new Date());
+  return F(() => {
     const o = setInterval(() => {
-      n(/* @__PURE__ */ new Date());
+      t(/* @__PURE__ */ new Date());
     }, 6e4);
     return () => clearInterval(o);
   }, []), e;
-}, Kt = (e) => {
-  const n = Qt();
-  return /* @__PURE__ */ t(f, { fontSize: "xs", ...e, children: n.toLocaleTimeString(navigator.language, {
+}, Xn = (e) => {
+  const t = Zn();
+  return /* @__PURE__ */ n(g, { fontSize: "xs", ...e, children: t.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
   }) });
 }, me = () => {
-  const { quickMenuSignal: e } = J();
-  return [Fe(e), e.setValue, e];
-}, Zt = () => {
+  const { quickMenuSignal: e } = X();
+  return [He(e), e.setValue, e];
+}, Jn = () => {
   const [e] = me();
-  return /* @__PURE__ */ t(
-    P,
+  return /* @__PURE__ */ n(
+    R,
     {
       position: "absolute",
       left: 0,
       bottom: 0,
       p: 2,
       color: e ? void 0 : "colorPalette.contrast",
-      children: /* @__PURE__ */ t(Kt, {})
+      children: /* @__PURE__ */ n(Xn, {})
     }
   );
-}, Xt = () => {
+}, et = () => {
   const e = p();
-  E(
-    () => e == null ? void 0 : e.links$.subscribe((n) => {
-      if (n.type === "click" && ht(n.target, "a")) {
-        if (!n.target.href) return;
-        const o = new URL(n.target.href);
+  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(
           "You are going to be redirected to external link"
-        ) && window.open(n.target.href, "__blank");
+        ) && window.open(t.target.href, "__blank");
       }
     }),
     [e]
   );
-}, Jt = () => {
-  const e = p(), { notificationsSubject: n } = J();
-  E(
-    () => e == null ? void 0 : e.zoom.isZooming$.pipe(
-      F((o) => {
-        if (!o) return le;
-        const r = new he();
-        return n.next({
+}, nt = () => {
+  const e = p(), { notificationsSubject: t } = X();
+  D(
+    () => e?.zoom.isZooming$.pipe(
+      A((o) => {
+        if (!o) return se;
+        const i = new de();
+        return t.next({
           key: "zoom",
           title: "Zooming",
           duration: 999999,
-          abort: r
+          abort: i
         }), re.pipe(
-          Pe(() => {
-            r.next(), r.complete();
+          we(() => {
+            i.next(), i.complete();
           })
         );
       })
     ),
     [e]
   );
-}, en = () => {
-  const e = p(), { notificationsSubject: n } = J();
-  E(
-    () => e == null ? void 0 : e.settings.values$.pipe(
-      B(({ fontScale: o }) => o),
-      Te(),
+}, tt = () => {
+  const e = p(), { notificationsSubject: t } = X();
+  D(
+    () => e?.settings.values$.pipe(
+      z(({ fontScale: o }) => o),
+      he(),
       Re(1),
       ue((o) => {
-        n.next({
+        t.next({
           key: "fontScaleChange",
           title: "Font size changed",
           description: `${o * 100} %`
         });
       })
     ),
-    [e, n]
+    [e, t]
   );
-}, tn = () => {
-  const { notificationsSubject: e } = J();
-  en(), Jt(), E(
+}, ot = () => {
+  const { notificationsSubject: e } = X();
+  tt(), nt(), D(
     () => e.pipe(
-      ee(ye),
-      Ge((n) => {
-        const o = n.duration ?? 3e3, r = ce.create({
-          title: n.title,
-          description: n.description,
+      J(ye),
+      Ge((t) => {
+        const o = t.duration ?? 3e3, i = le.create({
+          title: t.title,
+          description: t.description,
           duration: o
-        }), i = e.pipe(
+        }), r = e.pipe(
           Re(1),
-          ee((s) => !!n.key && (s == null ? void 0 : s.key) === n.key)
+          J((a) => !!t.key && a?.key === t.key)
         );
-        return Ve(
-          Ye(o),
-          n.abort ?? re,
-          i
+        return Pe(
+          Ae(o),
+          t.abort ?? re,
+          r
         ).pipe(
-          we(),
-          Pe(() => {
-            ce.dismiss(r);
+          Te(),
+          we(() => {
+            le.dismiss(i);
           })
         );
       })
     ),
     [e]
   );
-}, nn = z.forwardRef(
-  function(n, o) {
+}, rt = E.forwardRef(
+  function(t, o) {
     const {
-      showArrow: r,
-      children: i,
-      portalled: s = !0,
-      content: d,
-      portalRef: l,
+      showArrow: i,
+      children: r,
+      portalled: a = !0,
+      content: l,
+      portalRef: c,
       ...u
-    } = n;
-    return /* @__PURE__ */ c(
+    } = t;
+    return /* @__PURE__ */ s(
       L.Root,
       {
         ...u,
         positioning: { ...u.positioning, gutter: 4 },
         children: [
-          /* @__PURE__ */ t(L.Trigger, { asChild: !0, children: i }),
-          /* @__PURE__ */ t(ge, { disabled: !s, container: l, children: /* @__PURE__ */ t(L.Positioner, { children: /* @__PURE__ */ c(
+          /* @__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",
@@ -728,8 +714,8 @@ const Wt = (e, n, o) => {
               rounded: "sm",
               ref: o,
               children: [
-                r && /* @__PURE__ */ t(L.Arrow, { children: /* @__PURE__ */ t(L.ArrowTip, {}) }),
-                d
+                i && /* @__PURE__ */ n(L.Arrow, { children: /* @__PURE__ */ n(L.ArrowTip, {}) }),
+                l
               ]
             }
           ) }) })
@@ -737,84 +723,84 @@ const Wt = (e, n, o) => {
       }
     );
   }
-), on = z.forwardRef(function(n, o) {
-  const { children: r, ...i } = n;
-  return /* @__PURE__ */ t(nn, { content: r, ...i, ref: o, children: /* @__PURE__ */ t(
-    I,
+), it = E.forwardRef(function(t, o) {
+  const { children: i, ...r } = t;
+  return /* @__PURE__ */ n(rt, { content: i, ...r, ref: o, children: /* @__PURE__ */ n(
+    v,
     {
       variant: "ghost",
       "aria-label": "info",
       size: "2xs",
       colorPalette: "gray",
-      children: /* @__PURE__ */ t(xt, {})
+      children: /* @__PURE__ */ n(vn, {})
     }
   ) });
-}), rn = z.forwardRef(function(n, o) {
-  return /* @__PURE__ */ t(H.Track, { ...n, ref: o, children: /* @__PURE__ */ t(H.Range, {}) });
+}), at = E.forwardRef(function(t, o) {
+  return /* @__PURE__ */ n(H.Track, { ...t, ref: o, children: /* @__PURE__ */ n(H.Range, {}) });
 });
-z.forwardRef(function(n, o) {
-  const { children: r, info: i, ...s } = n;
-  return /* @__PURE__ */ c(H.Label, { ...s, ref: o, children: [
-    r,
-    i && /* @__PURE__ */ t(on, { children: i })
+E.forwardRef(function(t, o) {
+  const { children: i, info: r, ...a } = t;
+  return /* @__PURE__ */ s(H.Label, { ...a, ref: o, children: [
+    i,
+    r && /* @__PURE__ */ n(it, { children: r })
   ] });
 });
-const sn = H.Root, ln = H.ValueText, fe = () => {
-  const e = $(), n = (e == null ? void 0 : e.numberOfTotalPages) === 1, o = ((e == null ? void 0 : e.beginNumberOfPagesInSpineItem) ?? 0) > 1, r = ((e == null ? void 0 : e.endNumberOfPagesInSpineItem) ?? 0) > 1, i = (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, [d = 0, l = 0] = [
-    i,
-    s
-  ].sort((m, h) => m - 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), a = e != null && e.hasChapters ? e == null ? void 0 : e.beginNumberOfPagesInSpineItem : e == null ? void 0 : e.numberOfTotalPages;
+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,
+    a
+  ].sort((b, h) => b - h), u = e?.beginPageIndexInSpineItem !== e?.endPageIndexInSpineItem || e?.beginSpineItemIndex !== e?.endSpineItemIndex, d = e?.hasChapters ? e?.beginNumberOfPagesInSpineItem : e?.numberOfTotalPages;
   return {
-    hasOnlyOnePage: n,
-    beginPageIndex: i,
-    endPageIndex: s,
+    hasOnlyOnePage: t,
+    beginPageIndex: r,
+    endPageIndex: a,
     isBeginWithinChapter: o,
-    isEndWithinChapter: r,
+    isEndWithinChapter: i,
     beginAndEndAreDifferent: u,
-    totalApproximatePages: a,
-    leftPageIndex: d,
-    rightPageIndex: l
+    totalApproximatePages: d,
+    leftPageIndex: l,
+    rightPageIndex: c
   };
-}, an = () => {
+}, ct = () => {
   const e = $(), {
-    hasOnlyOnePage: n,
+    hasOnlyOnePage: t,
     leftPageIndex: o,
-    rightPageIndex: r,
-    totalApproximatePages: i,
-    beginAndEndAreDifferent: s
-  } = fe(), d = Math.round(((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100), l = (a) => a != null && a.subChapter ? `${a.title} / ${l(a.subChapter)}` : (a == null ? void 0 : a.title) || "", u = l(e == null ? void 0 : e.beginChapterInfo);
-  return /* @__PURE__ */ c(R, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
-    /* @__PURE__ */ t(sn, { value: d, size: "xs", width: 150, children: /* @__PURE__ */ c(D, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ t(rn, { width: 110 }),
-      /* @__PURE__ */ t(ln, { children: `${d}%` })
+    rightPageIndex: i,
+    totalApproximatePages: r,
+    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__ */ t(f, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
-    !n && /* @__PURE__ */ c(D, { children: [
-      /* @__PURE__ */ t(f, { fontSize: "xs", children: s ? `${o + 1} - ${r + 1} of ${i}` : `${o + 1} of ${i}` }),
-      !!(e != null && e.hasChapters) && /* @__PURE__ */ c(oe, { children: [
-        /* @__PURE__ */ t(f, { children: "-" }),
-        /* @__PURE__ */ c(f, { fontSize: "xs", children: [
+    /* @__PURE__ */ n(g, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
+    !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__ */ s(g, { fontSize: "xs", children: [
           "(",
-          ((e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0) + 1,
+          (e?.beginAbsolutePageIndex ?? 0) + 1,
           ")"
         ] })
       ] })
     ] })
   ] });
-}, Ee = g(
+}, Be = m(
   ({
     children: e,
-    position: n,
+    position: t,
     ...o
-  }) => /* @__PURE__ */ t(
-    te,
+  }) => /* @__PURE__ */ n(
+    ne,
     {
       display: "flex",
       flexDirection: "row",
       width: "100%",
       position: "absolute",
-      ...n === "bottom" ? { bottom: 0 } : { top: 0 },
-      animationName: n === "bottom" ? {
+      ...t === "bottom" ? { bottom: 0 } : { top: 0 },
+      animationName: t === "bottom" ? {
         _open: "slide-from-bottom, fade-in",
         _closed: "slide-to-bottom, fade-out"
       } : {
@@ -831,8 +817,8 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
       children: e
     }
   )
-), cn = Ke(vt), dn = g((e) => /* @__PURE__ */ t(
-  P,
+), dt = Ke(Cn), ut = m((e) => /* @__PURE__ */ n(
+  R,
   {
     display: "contents",
     css: {
@@ -840,8 +826,8 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
       "--bg-emphasized": "colors.bg.emphasized",
       "--color-solid": "colors.colorPalette.solid"
     },
-    children: /* @__PURE__ */ t(
-      cn,
+    children: /* @__PURE__ */ n(
+      dt,
       {
         keyboard: !1,
         style: {
@@ -885,66 +871,66 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
       }
     )
   }
-)), hn = () => {
-  const e = $(), n = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = fe(), i = n ? Math.floor((o || 0) / 2) : o, [s, d] = Ie(
-    () => de({
-      default: i || 0
+)), 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
     })
-  ), l = 0, u = Math.max(
+  ), c = 0, u = Math.max(
     0,
-    n ? Math.floor((r - 1) / 2) : r - 1
+    t ? Math.floor((i - 1) / 2) : i - 1
   );
-  return j(() => {
-    d.update(i || 0);
-  }, [i, d]), {
-    value: s,
-    valueSignal: d,
-    min: l,
+  return F(() => {
+    l.update(r || 0);
+  }, [r, l]), {
+    value: a,
+    valueSignal: l,
+    min: c,
     max: u
   };
-}, un = (e) => {
-  const n = p(), o = $(), { manifest: r } = v(() => n == null ? void 0 : n.context.state$, [n]) ?? {}, i = (r == null ? void 0 : r.readingDirection) === "rtl", s = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: d = 0, isBeginWithinChapter: l } = fe(), u = 1, a = l, { value: m, valueSignal: h, min: b, max: y } = hn(), C = N(
-    (A) => {
-      const [x = 0] = Array.isArray(A) ? A : [A];
-      h.setValue(x);
-      const _ = s ? Math.floor(x) * 2 : Math.floor(x);
-      a ? n == null || n.navigation.goToPageOfSpineItem({
-        pageIndex: _,
-        spineItemId: n.pagination.state.beginSpineItemIndex ?? 0,
+}, 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
-      }) : n == null || n.navigation.goToAbsolutePageIndex({
-        absolutePageIndex: _,
+      }) : t?.navigation.goToAbsolutePageIndex({
+        absolutePageIndex: be,
         animation: !1
       });
     },
-    [n, s, h, a]
+    [t, a, h, d]
   );
-  return E(
-    () => n == null ? void 0 : n.navigation.throttleLock({
+  return D(
+    () => t?.navigation.throttleLock({
       duration: 100,
       trigger: h.subject
     }),
-    [n, h]
-  ), d === 1 || s && d === 2 ? /* @__PURE__ */ t(P, { style: e.style }) : /* @__PURE__ */ t(
-    dn,
+    [t, h]
+  ), l === 1 || a && l === 2 ? /* @__PURE__ */ n(R, { style: e.style }) : /* @__PURE__ */ n(
+    ut,
     {
-      value: [m],
-      max: y,
-      min: b,
-      reverse: i,
+      value: [b],
+      max: S,
+      min: x,
+      reverse: r,
       step: u,
-      onChange: C,
+      onChange: w,
       ...e
     }
   );
-}, gn = g(
+}, pt = m(
   ({
     open: e,
-    onItemClick: n
+    onItemClick: t
   }) => {
-    const o = p(), r = v(() => o == null ? void 0 : o.navigation.state$, [o]), i = v(() => o == null ? void 0 : o.settings.values$, [o]), s = (i == null ? void 0 : i.computedPageTurnDirection) === "vertical", [d, l] = T(!0);
-    return /* @__PURE__ */ c(
-      Ee,
+    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,
         position: "bottom",
@@ -953,28 +939,28 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
         overflow: "auto",
         pb: 8,
         children: [
-          /* @__PURE__ */ c(
-            D,
+          /* @__PURE__ */ s(
+            O,
             {
               flex: 1,
               alignItems: "center",
               justifyContent: "center",
               maxWidth: "100%",
               children: [
-                /* @__PURE__ */ t(
-                  I,
+                /* @__PURE__ */ n(
+                  v,
                   {
                     "aria-label": "left",
                     size: "lg",
                     variant: "ghost",
                     flexShrink: 0,
-                    onClick: () => o == null ? void 0 : o.navigation.goToLeftOrTopSpineItem(),
-                    disabled: !(r != null && r.canGoLeftSpineItem) && !(r != null && r.canGoTopSpineItem),
-                    children: s ? /* @__PURE__ */ t(pt, {}) : /* @__PURE__ */ t(mt, {})
+                    onClick: () => o?.navigation.goToLeftOrTopSpineItem(),
+                    disabled: !i?.canGoLeftSpineItem && !i?.canGoTopSpineItem,
+                    children: a ? /* @__PURE__ */ n(mn, {}) : /* @__PURE__ */ n(fn, {})
                   }
                 ),
-                /* @__PURE__ */ c(
-                  R,
+                /* @__PURE__ */ s(
+                  T,
                   {
                     flex: 1,
                     maxW: 400,
@@ -983,9 +969,9 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
                     overflow: "auto",
                     px: 4,
                     children: [
-                      /* @__PURE__ */ t(an, {}),
-                      /* @__PURE__ */ t(
-                        un,
+                      /* @__PURE__ */ n(ct, {}),
+                      /* @__PURE__ */ n(
+                        gt,
                         {
                           style: {
                             width: "100%",
@@ -997,122 +983,122 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
                     ]
                   }
                 ),
-                /* @__PURE__ */ t(
-                  I,
+                /* @__PURE__ */ n(
+                  v,
                   {
                     "aria-label": "right",
                     size: "lg",
                     flexShrink: 0,
                     variant: "ghost",
-                    disabled: !(r != null && r.canGoRightSpineItem) && !(r != null && r.canGoBottomSpineItem),
+                    disabled: !i?.canGoRightSpineItem && !i?.canGoBottomSpineItem,
                     onClick: () => {
-                      o == null || o.navigation.goToRightOrBottomSpineItem();
+                      o?.navigation.goToRightOrBottomSpineItem();
                     },
-                    children: s ? /* @__PURE__ */ t(ft, {}) : /* @__PURE__ */ t(bt, {})
+                    children: a ? /* @__PURE__ */ n(bn, {}) : /* @__PURE__ */ n(xn, {})
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ t(D, { 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: d,
+              open: l,
               flex: 1,
               onOpenChange: ({ open: u }) => {
-                l(u);
+                c(u);
               },
               children: [
-                /* @__PURE__ */ t(
-                  se.Trigger,
+                /* @__PURE__ */ n(
+                  ae.Trigger,
                   {
                     paddingY: "3",
                     width: "100%",
                     display: "flex",
                     justifyContent: "center",
-                    children: /* @__PURE__ */ t(
-                      nt,
+                    children: /* @__PURE__ */ n(
+                      tn,
                       {
                         style: {
-                          transform: d ? "rotate(0deg)" : "rotate(180deg)"
+                          transform: l ? "rotate(0deg)" : "rotate(180deg)"
                         }
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ c(se.Content, { display: "flex", justifyContent: "center", children: [
-                  /* @__PURE__ */ t(
-                    I,
+                /* @__PURE__ */ s(ae.Content, { display: "flex", justifyContent: "center", children: [
+                  /* @__PURE__ */ n(
+                    v,
                     {
                       "aria-label": "Help",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => n("help"),
-                      children: /* @__PURE__ */ t(ot, {})
+                      onClick: () => t("help"),
+                      children: /* @__PURE__ */ n(on, {})
                     }
                   ),
-                  /* @__PURE__ */ t(
-                    I,
+                  /* @__PURE__ */ n(
+                    v,
                     {
                       "aria-label": "Table of contents",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => n("toc"),
-                      children: /* @__PURE__ */ t(rt, {})
+                      onClick: () => t("toc"),
+                      children: /* @__PURE__ */ n(rn, {})
                     }
                   ),
-                  Oe(o) && /* @__PURE__ */ t(
-                    I,
+                  Ee(o) && /* @__PURE__ */ n(
+                    v,
                     {
                       "aria-label": "Search",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => n("search"),
-                      children: /* @__PURE__ */ t(it, {})
+                      onClick: () => t("search"),
+                      children: /* @__PURE__ */ n(an, {})
                     }
                   ),
-                  W(o) && /* @__PURE__ */ t(
-                    I,
+                  W(o) && /* @__PURE__ */ n(
+                    v,
                     {
                       "aria-label": "Bookmarks",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => n("bookmarks"),
-                      children: /* @__PURE__ */ t(ut, {})
+                      onClick: () => t("bookmarks"),
+                      children: /* @__PURE__ */ n(gn, {})
                     }
                   ),
-                  W(o) && /* @__PURE__ */ t(
-                    I,
+                  W(o) && /* @__PURE__ */ n(
+                    v,
                     {
                       "aria-label": "Annotations",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => n("annotations"),
-                      children: /* @__PURE__ */ t(ne, {})
+                      onClick: () => t("annotations"),
+                      children: /* @__PURE__ */ n(te, {})
                     }
                   ),
-                  /* @__PURE__ */ t(
-                    I,
+                  /* @__PURE__ */ n(
+                    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__ */ t(st, {})
+                      children: /* @__PURE__ */ n(sn, {})
                     }
                   ),
-                  De(o) && /* @__PURE__ */ t(
-                    I,
+                  De(o) && /* @__PURE__ */ n(
+                    v,
                     {
                       "aria-label": "Gallery",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => n("gallery"),
-                      children: /* @__PURE__ */ t(gt, {})
+                      onClick: () => t("gallery"),
+                      children: /* @__PURE__ */ n(pn, {})
                     }
                   )
                 ] })
@@ -1123,50 +1109,50 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
       }
     );
   }
-), pn = () => {
-  const [e, n] = T(!1), o = N(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
-    n(!1);
+), 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(() => {
-    n(!0);
+    t(!0);
   }), []);
-  return j(() => {
-    function r() {
-      n(!!document.fullscreenElement);
+  return F(() => {
+    function i() {
+      t(!!document.fullscreenElement);
     }
-    return document.addEventListener("fullscreenchange", r), () => {
-      document.removeEventListener("fullscreenchange", r);
+    return document.addEventListener("fullscreenchange", i), () => {
+      document.removeEventListener("fullscreenchange", i);
     };
   }, []), {
     isFullscreen: e,
     onToggleFullscreenClick: o
   };
-}, mn = g(
+}, ft = m(
   ({
     open: e,
-    onItemClick: n
+    onItemClick: t
   }) => {
-    const o = p(), r = v(() => o == null ? void 0 : o.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: s } = pn();
-    return /* @__PURE__ */ c(
-      Ee,
+    const o = p(), i = f(() => o?.context.manifest$, [o]), { isFullscreen: r, onToggleFullscreenClick: a } = mt();
+    return /* @__PURE__ */ s(
+      Be,
       {
         present: e,
         position: "top",
         height: "80px",
         justifyContent: "space-between",
         children: [
-          /* @__PURE__ */ t(
-            I,
+          /* @__PURE__ */ n(
+            v,
             {
               "aria-label": "left",
               size: "lg",
               variant: "ghost",
               flexShrink: 0,
-              onClick: () => n("back"),
-              children: /* @__PURE__ */ t(Ct, {})
+              onClick: () => t("back"),
+              children: /* @__PURE__ */ n(In, {})
             }
           ),
-          /* @__PURE__ */ t(
-            R,
+          /* @__PURE__ */ n(
+            T,
             {
               flex: 1,
               maxW: 600,
@@ -1174,30 +1160,30 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
               alignItems: "center",
               overflow: "auto",
               px: 4,
-              children: /* @__PURE__ */ t(f, { truncate: !0, maxWidth: "100%", children: r == null ? void 0 : r.title })
+              children: /* @__PURE__ */ n(g, { truncate: !0, maxWidth: "100%", children: i?.title })
             }
           ),
-          /* @__PURE__ */ c(D, { children: [
-            /* @__PURE__ */ t(
-              I,
+          /* @__PURE__ */ s(O, { children: [
+            /* @__PURE__ */ n(
+              v,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
-                onClick: () => n("more"),
-                children: /* @__PURE__ */ t(It, {})
+                onClick: () => t("more"),
+                children: /* @__PURE__ */ n(kn, {})
               }
             ),
-            /* @__PURE__ */ t(
-              I,
+            /* @__PURE__ */ n(
+              v,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
-                onClick: s,
-                children: i ? /* @__PURE__ */ t(yt, {}) : /* @__PURE__ */ t(St, {})
+                onClick: a,
+                children: r ? /* @__PURE__ */ n(Sn, {}) : /* @__PURE__ */ n(yn, {})
               }
             )
           ] })
@@ -1205,184 +1191,198 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
       }
     );
   }
-), fn = g(
+), bt = m(
   ({
     onItemClick: e
   }) => {
-    const [n] = me();
-    return /* @__PURE__ */ c(oe, { children: [
-      /* @__PURE__ */ t(mn, { open: n, onItemClick: e }),
-      /* @__PURE__ */ t(gn, { open: n, onItemClick: e })
+    const [t] = me();
+    return /* @__PURE__ */ s(oe, { children: [
+      /* @__PURE__ */ n(ft, { open: t, onItemClick: e }),
+      /* @__PURE__ */ n(pt, { open: t, onItemClick: e })
     ] });
   }
-), bn = g(
+), xt = m(
   ({
     contextText: e = "",
-    startOffset: n = 0,
+    startOffset: t = 0,
     text: o,
-    cfi: r = "#",
-    onClick: i,
-    absolutePageIndex: s
+    cfi: i = "#",
+    onClick: r,
+    absolutePageIndex: a
   }) => {
-    const l = e.substring(
-      Math.max(n - 15, 0),
-      Math.max(n, 0)
+    const c = e.substring(
+      Math.max(t - 15, 0),
+      Math.max(t, 0)
     ), u = e.substring(
-      Math.min(n + o.length, e.length - 1),
+      Math.min(t + o.length, e.length - 1),
       Math.min(
-        n + o.length + 15,
+        t + o.length + 15,
         e.length - 1
       )
     );
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ s(
       pe,
       {
-        href: r,
+        href: i,
         style: { margin: 5, overflow: "hidden" },
-        onClick: (a) => {
-          a.preventDefault(), i(r);
+        onClick: (d) => {
+          d.preventDefault(), r(i);
         },
         display: "flex",
         flexDirection: "column",
         alignItems: "flex-start",
         gap: 0,
         children: [
-          /* @__PURE__ */ c(f, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
+          /* @__PURE__ */ s(g, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
             '"',
-            l,
-            /* @__PURE__ */ t("b", { children: o }),
+            c,
+            /* @__PURE__ */ n("b", { children: o }),
             u,
             '"'
           ] }),
-          /* @__PURE__ */ t(f, { 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)"}` })
         ]
       }
     );
   }
-), xn = g(
-  ({
-    onNavigate: e
-  }) => {
-    const [n, o] = T(""), r = p(), i = Oe(r) ? r : void 0, s = (h) => {
-      o(h.target.value);
-    }, d = N(
-      (h) => {
-        e(), r == null || r.navigation.goToCfi(h);
+), vt = 500, Ct = () => {
+  const e = Se(() => new Ye("")), t = f(e), o = p(), i = Ee(o) ? o : void 0, r = f(() => e.pipe(
+    he(),
+    A(
+      (a) => a === "" || !i ? ee(void 0) : Pe(
+        ee({
+          type: "start",
+          data: void 0
+        }),
+        Ae(vt).pipe(
+          A(() => i.search.search(a)),
+          z((l) => ({ type: "end", data: l }))
+        )
+      )
+    )
+  ), [i, e]);
+  return {
+    value: t,
+    setValue: e.next.bind(e),
+    status: r?.type ?? "idle",
+    data: r?.data
+  };
+}, 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);
       },
-      [r, e]
-    ), l = v(
-      () => i == null ? void 0 : i.search.search(n).pipe(
-        B((h) => ({ type: "end", data: h })),
-        ke({ type: "start" })
-      ),
-      [r, n]
-    ), u = (l == null ? void 0 : l.type) === "start", a = (l == null ? void 0 : l.type) === "end" ? l.data : [], m = v(
-      () => r == null ? void 0 : r.locateResource(a.slice(0, 100)),
+      [t, e]
+    ), u = f(
+      () => t?.locateResource(a?.slice(0, 100) ?? []),
       [a]
     );
-    return /* @__PURE__ */ c(R, { flex: 1, height: "100%", children: [
-      /* @__PURE__ */ t(P, { px: 4, children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ s(T, { flex: 1, height: "100%", gap: 2, children: [
+      /* @__PURE__ */ n(
         Ze,
         {
           placeholder: "Type something...",
-          value: n,
-          onChange: s,
-          borderRadius: 0
+          value: o,
+          onChange: l,
+          flexShrink: 0,
+          variant: "subtle",
+          name: "search",
+          focusRing: "none",
+          focusVisibleRing: "none",
+          outline: "none",
+          focusRingColor: "transparent"
         }
-      ) }),
-      /* @__PURE__ */ c(
-        P,
+      ),
+      /* @__PURE__ */ s(
+        T,
         {
+          style: { overflow: "hidden", overflowY: "auto" },
+          overflow: "auto",
           px: 4,
-          pb: 4,
-          mt: 2,
           flex: 1,
-          style: { overflow: "hidden", overflowY: "auto" },
           children: [
-            u && /* @__PURE__ */ t(f, { children: "Searching ..." }),
-            !u && a.length === 0 && /* @__PURE__ */ t("p", { children: "There are no results" }),
-            !u && a.length >= 0 && /* @__PURE__ */ c(R, { children: [
-              /* @__PURE__ */ c(ae, { as: "h2", size: "md", children: [
-                a.length,
+            r === "start" && /* @__PURE__ */ n(g, { children: "Searching ..." }),
+            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__ */ t(R, { gap: 0, children: m == null ? void 0 : m.map((h, b) => {
-                var y, C, k, A, x, _, be;
-                return /* @__PURE__ */ t(
-                  bn,
-                  {
-                    contextText: ((k = (C = (y = h.meta) == null ? void 0 : y.range) == null ? void 0 : C.startContainer.parentElement) == null ? void 0 : k.textContent) ?? "",
-                    pageIndex: (A = h.meta) == null ? void 0 : A.itemPageIndex,
-                    startOffset: ((_ = (x = h.meta) == null ? void 0 : x.range) == null ? void 0 : _.startOffset) ?? 0,
-                    text: n,
-                    cfi: h.meta.cfi,
-                    onClick: d,
-                    absolutePageIndex: (be = h.meta) == null ? void 0 : be.absolutePageIndex
-                  },
-                  b
-                );
-              }) })
+              /* @__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
+              )) })
             ] })
           ]
         }
       )
     ] });
   }
-), vn = g(
+), kt = m(
   ({
     open: e,
-    setOpen: n,
+    setOpen: t,
     onNavigate: o
-  }) => /* @__PURE__ */ t(
-    U,
+  }) => /* @__PURE__ */ n(
+    Y,
     {
       lazyMount: !0,
       placement: "center",
       open: e,
-      onOpenChange: (r) => n(r.open),
+      onOpenChange: (i) => t(i.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(V, { height: "100%", children: [
-        /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(Z, { children: "Search" }) }),
-        /* @__PURE__ */ t(K, { flex: 1, children: /* @__PURE__ */ t(xn, { onNavigate: o }) }),
-        /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t(G, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ t(Y, {})
+      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(It, { onNavigate: o }) }),
+        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(G, {})
       ] })
     }
   )
-), Cn = g(
-  ({
-    onNavigate: e
-  }) => {
-    const n = p(), { manifest: o, assumedRenditionLayout: r } = v(() => n == null ? void 0 : n.context.state$, [n]) ?? {}, { nav: i } = o ?? {}, s = $();
-    i != null && i.toc;
-    const { beginSpineItemIndex: d, beginPageIndexInSpineItem: l } = s ?? {}, u = (r === "reflowable" ? l : d) || 0;
-    let a = s == null ? void 0 : s.beginChapterInfo;
-    for (; a != null && a.subChapter; )
-      a = a == null ? void 0 : a.subChapter;
-    const m = (h, b, y) => /* @__PURE__ */ c(Be.Fragment, { children: [
-      /* @__PURE__ */ t(
-        w.Item,
+), 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(
+        y.Item,
         {
-          pl: 4 * (y + 1),
+          pl: 4 * (S + 1),
           style: {
             display: "flex",
             alignItems: "center"
           },
-          children: /* @__PURE__ */ c(
+          children: /* @__PURE__ */ s(
             pe,
             {
               onClick: () => {
-                e(), n == null || n.navigation.goToUrl(h.href);
+                e(), t?.navigation.goToUrl(h.href);
               },
               href: "#",
               children: [
-                (a == null ? void 0 : a.path) === h.path && /* @__PURE__ */ t(w.Indicator, { asChild: !0, children: /* @__PURE__ */ t(ve, {}) }),
-                (a == null ? void 0 : a.path) !== h.path && /* @__PURE__ */ t(w.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(ve, {}) }),
-                /* @__PURE__ */ c(R, { gap: 0, children: [
-                  /* @__PURE__ */ t(f, { fontSize: "md", children: h.title || h.path }),
-                  (a == null ? void 0 : a.path) === h.path && /* @__PURE__ */ t(
-                    f,
+                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 }),
+                  d?.path === h.path && /* @__PURE__ */ n(
+                    g,
                     {
                       fontStyle: "italic",
                       fontWeight: "bold",
@@ -1396,101 +1396,101 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
           )
         }
       ),
-      h.contents.length > 0 && /* @__PURE__ */ t(w.Root, { as: "div", gap: 2, children: h.contents.map(
-        (C, k) => m(C, k, y + 1)
+      h.contents.length > 0 && /* @__PURE__ */ n(y.Root, { as: "div", gap: 2, children: h.contents.map(
+        (w, B) => b(w, B, S + 1)
       ) })
-    ] }, b);
-    return /* @__PURE__ */ t(w.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i == null ? void 0 : i.toc.map((h, b) => m(h, b, 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)) });
   }
-), In = g(
+), yt = m(
   ({
     open: e,
-    setOpen: n,
+    setOpen: t,
     onNavigate: o
-  }) => /* @__PURE__ */ t(
-    U,
+  }) => /* @__PURE__ */ n(
+    Y,
     {
       lazyMount: !0,
       placement: "center",
       open: e,
-      onOpenChange: (r) => n(r.open),
+      onOpenChange: (i) => t(i.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(V, { children: [
-        /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(Z, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ t(K, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ t(Cn, { onNavigate: o }) }),
-        /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t(G, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ t(Y, {})
+      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(St, { onNavigate: o }) }),
+        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(G, {})
       ] })
     }
   )
-), Fn = ({
+), jt = ({
   enableFloatingTime: e = !0,
-  enableFloatingProgress: n = !0,
+  enableFloatingProgress: t = !0,
   onItemClick: o
 }) => {
-  const [r, i] = T(!1), [s, d] = T(!1), [l, u] = T(!1), [a, m] = T(void 0), [h, b] = T(!1), [y, C] = me(), k = N(() => {
-    i(!1), d(!1), u(!1), m(void 0), C(!1), b(!1);
-  }, [C]), A = N(
-    (x) => {
-      x === "annotations" ? m("annotations") : x === "search" ? u(!0) : x === "help" ? d(!0) : x === "toc" ? i(!0) : x === "bookmarks" ? m("bookmarks") : x === "gallery" && b(!0), o == null || o(x);
+  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 Xt(), tn(), _t(), /* @__PURE__ */ c(oe, { children: [
-    n && /* @__PURE__ */ t(
-      te,
+  return et(), ot(), Hn(), /* @__PURE__ */ s(oe, { children: [
+    t && /* @__PURE__ */ n(
+      ne,
       {
-        present: !y,
+        present: !S,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
-        children: /* @__PURE__ */ t(qt, {})
+        children: /* @__PURE__ */ n(Kn, {})
       }
     ),
-    /* @__PURE__ */ t(Gt, { open: h, setOpen: b }),
-    /* @__PURE__ */ t(fn, { onItemClick: A }),
-    /* @__PURE__ */ t(Lt, {}),
-    /* @__PURE__ */ t(Ut, { open: s, setOpen: d }),
-    /* @__PURE__ */ t(
-      In,
+    /* @__PURE__ */ n(Yn, { open: h, setOpen: x }),
+    /* @__PURE__ */ n(bt, { onItemClick: _ }),
+    /* @__PURE__ */ n(_n, {}),
+    /* @__PURE__ */ n(Qn, { open: a, setOpen: l }),
+    /* @__PURE__ */ n(
+      yt,
       {
-        open: r,
-        setOpen: i,
-        onNavigate: k
+        open: i,
+        setOpen: r,
+        onNavigate: B
       }
     ),
-    /* @__PURE__ */ t(
-      vn,
+    /* @__PURE__ */ n(
+      kt,
       {
-        open: l,
+        open: c,
         setOpen: u,
-        onNavigate: k
+        onNavigate: B
       }
     ),
-    /* @__PURE__ */ t(
-      Ot,
+    /* @__PURE__ */ n(
+      Dn,
       {
-        openWith: a,
-        setOpen: (x) => m(x ? "annotations" : void 0),
-        onNavigate: k
+        openWith: d,
+        setOpen: (C) => b(C ? "annotations" : void 0),
+        onNavigate: B
       }
     ),
-    /* @__PURE__ */ t(
-      te,
+    /* @__PURE__ */ n(
+      ne,
       {
-        present: e || y,
+        present: e || S,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "slow",
         overflow: "hidden",
-        children: /* @__PURE__ */ t(Zt, {})
+        children: /* @__PURE__ */ n(Jn, {})
       }
     ),
-    /* @__PURE__ */ t(Nt, {})
+    /* @__PURE__ */ n(Wn, {})
   ] });
 };
 export {
-  Bt as BOOKMARK_AREA_DATA_ATTRIBUTE,
-  Fn as ReactReader,
-  Nn as ReactReaderProvider
+  Ln as BOOKMARK_AREA_DATA_ATTRIBUTE,
+  jt as ReactReader,
+  Ft as ReactReaderProvider
 };
 //# sourceMappingURL=index.js.map