@prose-reader/react-reader 1.202.0 → 1.204.0

package/dist/index.js

@@ -1,109 +1,109 @@
-import { jsx as n, jsxs as c, Fragment as Z } from "react/jsx-runtime";
+import { jsx as t, jsxs as d, Fragment as Z } from "react/jsx-runtime";
 import * as A from "react";
-import we, { createContext as Te, memo as m, useMemo as Pe, useEffect as K, useContext as fe, useState as S, useCallback as q } from "react";
-import { signal as be, useSignal as xe, useLiveRef as Re, useSubscribe as L, useObserve as b, useSignalValue as Oe, isDefined as De } from "reactjrx";
-import { tap as Ce, switchMap as ie, NEVER as le, combineLatest as ze, map as se, EMPTY as Ee, Subject as Ae, finalize as ve, skip as ne, filter as ge, mergeMap as Me, merge as _e, timer as Be, first as Le, distinctUntilChanged as $e, startWith as Ne } from "rxjs";
-import { IconButton as f, Portal as ae, Dialog as C, List as I, Link as J, Stack as P, Text as p, Button as M, Presence as W, Box as z, createToaster as Fe, Toaster as He, Toast as _, Spinner as je, Heading as te, HStack as E, Kbd as pe, Popover as B, Progress as Q, chakra as Ve, Collapsible as ee, Input as Ge } from "@chakra-ui/react";
-import { LuX as Ye, LuNotebookPen as oe, LuArrowBigRight as Ue, LuArrowBigLeft as qe, LuChevronDown as Qe, LuCircleHelp as Ke, LuTableOfContents as We, LuSearch as Xe, LuGalleryHorizontal as Ze, LuCircleCheck as me } from "react-icons/lu";
-import { createPortal as Je } from "react-dom";
-import { BsBookmarkPlus as en, BsBookmarkXFill as nn, BsBookmarks as tn } from "react-icons/bs";
-import { isHtmlTagElement as on } from "@prose-reader/core";
-import { RiGalleryView2 as rn } from "react-icons/ri";
-import { RxDoubleArrowUp as ln, RxDoubleArrowLeft as sn, RxDoubleArrowDown as an, RxDoubleArrowRight as cn } from "react-icons/rx";
-import { HiOutlineInformationCircle as dn } from "react-icons/hi";
-import hn from "rc-slider";
+import Oe, { createContext as ze, memo as m, useMemo as be, useEffect as J, useContext as xe, useState as I, useLayoutEffect as De, useCallback as q } from "react";
+import { signal as Ce, useSignal as ve, useLiveRef as Ee, useSubscribe as M, useObserve as x, useSignalValue as Ae, isDefined as Me } from "reactjrx";
+import { tap as ce, switchMap as Q, NEVER as ee, startWith as ye, distinctUntilChanged as Ie, map as te, throttleTime as _e, filter as re, first as ke, combineLatest as Le, EMPTY as Be, Subject as $e, finalize as Se, skip as ie, mergeMap as Ne, merge as Fe, timer as He } from "rxjs";
+import { IconButton as b, Portal as de, Dialog as y, List as S, Link as ne, Stack as P, Text as p, Button as _, Presence as W, Box as R, createToaster as je, Toaster as Ve, Toast as L, Spinner as Ge, Heading as le, HStack as E, Kbd as me, Popover as B, Progress as K, chakra as Ye, Collapsible as oe, Input as Ue } from "@chakra-ui/react";
+import { LuX as qe, LuNotebookPen as se, LuArrowBigRight as Qe, LuArrowBigLeft as Ke, LuChevronDown as We, LuCircleHelp as Xe, LuTableOfContents as Ze, LuSearch as Je, LuGalleryHorizontal as et, LuCircleCheck as fe } from "react-icons/lu";
+import { createPortal as tt } from "react-dom";
+import { BsBookmarkPlus as nt, BsBookmarkXFill as ot, BsBookmarks as rt } from "react-icons/bs";
+import { isShallowEqual as it, observeIntersection as lt, isHtmlTagElement as st } from "@prose-reader/core";
+import { RiGalleryView2 as at } from "react-icons/ri";
+import { RxDoubleArrowUp as ct, RxDoubleArrowLeft as dt, RxDoubleArrowDown as ht, RxDoubleArrowRight as ut } from "react-icons/rx";
+import { HiOutlineInformationCircle as gt } from "react-icons/hi";
+import pt from "rc-slider";
 import "rc-slider/assets/index.css";
-import { IoIosArrowBack as un, IoMdMore as gn } from "react-icons/io";
-import { MdFullscreenExit as pn, MdFullscreen as mn } from "react-icons/md";
-const ce = Te({
+import { IoIosArrowBack as mt, IoMdMore as ft } from "react-icons/io";
+import { MdFullscreenExit as bt, MdFullscreen as xt } from "react-icons/md";
+const he = ze({
   reader: void 0,
-  quickMenuSignal: be({ default: !1 })
-}), ft = m(
+  quickMenuSignal: Ce({ default: !1 })
+}), Sn = m(
   ({
     children: e,
-    reader: t,
+    reader: n,
     quickMenuOpen: o,
     onQuickMenuOpenChange: r
   }) => {
-    const [, l] = xe({
+    const [, i] = ve({
       default: o
-    }), i = Re(r), s = Pe(
+    }), l = Ee(r), s = be(
       () => ({
-        quickMenuSignal: l,
-        reader: t
+        quickMenuSignal: i,
+        reader: n
       }),
-      [l, t]
+      [i, n]
     );
-    return K(() => {
-      l.setValue(o);
-    }, [o, l]), L(
-      () => l.subject.pipe(Ce(i.current)),
-      [l, i]
-    ), /* @__PURE__ */ n(ce.Provider, { value: s, children: e });
+    return J(() => {
+      i.setValue(o);
+    }, [o, i]), M(
+      () => i.subject.pipe(ce(l.current)),
+      [i, l]
+    ), /* @__PURE__ */ t(he.Provider, { value: s, children: e });
   }
-), fn = A.forwardRef(function(t, o) {
-  return /* @__PURE__ */ n(f, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ n(Ye, {}) });
-}), $ = A.forwardRef(function(t, o) {
+), Ct = A.forwardRef(function(n, o) {
+  return /* @__PURE__ */ t(b, { variant: "ghost", "aria-label": "Close", ref: o, ...n, children: n.children ?? /* @__PURE__ */ t(qe, {}) });
+}), $ = A.forwardRef(function(n, o) {
   const {
     children: r,
-    portalled: l = !0,
-    portalRef: i,
+    portalled: i = !0,
+    portalRef: l,
     backdrop: s = !0,
-    ...d
-  } = t;
-  return /* @__PURE__ */ c(ae, { disabled: !l, container: i, children: [
-    s && /* @__PURE__ */ n(C.Backdrop, {}),
-    /* @__PURE__ */ n(C.Positioner, { children: /* @__PURE__ */ n(C.Content, { ref: o, ...d, asChild: !1, children: r }) })
+    ...c
+  } = n;
+  return /* @__PURE__ */ d(de, { disabled: !i, container: l, children: [
+    s && /* @__PURE__ */ t(y.Backdrop, {}),
+    /* @__PURE__ */ t(y.Positioner, { children: /* @__PURE__ */ t(y.Content, { ref: o, ...c, asChild: !1, children: r }) })
   ] });
-}), N = A.forwardRef(function(t, o) {
-  return /* @__PURE__ */ n(
-    C.CloseTrigger,
+}), N = A.forwardRef(function(n, o) {
+  return /* @__PURE__ */ t(
+    y.CloseTrigger,
     {
       position: "absolute",
       top: "2",
       insetEnd: "2",
-      ...t,
+      ...n,
       asChild: !0,
-      children: /* @__PURE__ */ n(fn, { size: "sm", ref: o, children: t.children })
+      children: /* @__PURE__ */ t(Ct, { size: "sm", ref: o, children: n.children })
     }
   );
-}), F = C.Root, H = C.Footer, j = C.Header, V = C.Body;
-C.Backdrop;
-const G = C.Title;
-C.Description;
-C.Trigger;
-const Y = C.ActionTrigger, v = () => {
-  const { reader: e } = fe(ce);
+}), F = y.Root, H = y.Footer, j = y.Header, V = y.Body;
+y.Backdrop;
+const G = y.Title;
+y.Description;
+y.Trigger;
+const Y = y.ActionTrigger, C = () => {
+  const { reader: e } = xe(he);
   return e;
-}, ke = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, de = (e) => !!e && "__PROSE_READER_ENHANCER_BOOKMARKS" in e, ye = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, Se = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, bn = m(
+}, we = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, ue = (e) => !!e && "__PROSE_READER_ENHANCER_BOOKMARKS" in e, Te = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, Pe = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, vt = m(
   ({ onNavigate: e }) => {
-    const t = v(), o = ye(t) ? t : void 0, r = b(
+    const n = C(), o = Te(n) ? n : void 0, r = x(
       () => o == null ? void 0 : o.annotations.highlights$.pipe(
-        ie(
-          (i) => o.pagination.locate(i)
+        Q(
+          (l) => o.locateResources(l)
         )
       ),
       [o]
-    ), l = (i, s) => {
-      var d;
-      return /* @__PURE__ */ n(I.Item, { children: /* @__PURE__ */ c(
-        J,
+    ), i = (l, s) => {
+      var c, u, a;
+      return /* @__PURE__ */ t(S.Item, { children: /* @__PURE__ */ d(
+        ne,
         {
           href: "#",
           onClick: () => {
-            e(), t == null || t.navigation.goToCfi(i.cfi ?? "");
+            e(), n == null || n.navigation.goToCfi(l.meta.cfi ?? "");
           },
           children: [
-            (i.contents ?? [])[0] ? /* @__PURE__ */ n(I.Indicator, { asChild: !0, children: /* @__PURE__ */ n(oe, {}) }) : /* @__PURE__ */ n(I.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(oe, {}) }),
-            /* @__PURE__ */ c(P, { gap: 0, children: [
-              /* @__PURE__ */ n(p, { lineClamp: 2, fontSize: "md", children: i.selectionAsText ? i.selectionAsText ?? "" : /* @__PURE__ */ n("i", { children: /* @__PURE__ */ n("b", { children: "unknown (not loaded)" }) }) }),
-              /* @__PURE__ */ n(
+            (((c = l.resource) == null ? void 0 : c.contents) ?? [])[0] ? /* @__PURE__ */ t(S.Indicator, { asChild: !0, children: /* @__PURE__ */ t(se, {}) }) : /* @__PURE__ */ t(S.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(se, {}) }),
+            /* @__PURE__ */ d(P, { gap: 0, children: [
+              /* @__PURE__ */ t(p, { lineClamp: 2, fontSize: "md", children: (u = l.resource) != null && u.selectionAsText ? l.resource.selectionAsText ?? "" : /* @__PURE__ */ t("i", { children: /* @__PURE__ */ t("b", { children: "unknown (not loaded)" }) }) }),
+              /* @__PURE__ */ t(
                 p,
                 {
                   fontStyle: "italic",
                   fontWeight: "bold",
                   fontSize: "sm",
-                  children: `Book page: ${((d = i.meta) == null ? void 0 : d.absolutePageIndex) !== void 0 ? i.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
+                  children: `Book page: ${((a = l.meta) == null ? void 0 : a.absolutePageIndex) !== void 0 ? l.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
                 }
               )
             ] })
@@ -111,90 +111,90 @@ const Y = C.ActionTrigger, v = () => {
         }
       ) }, s);
     };
-    return /* @__PURE__ */ n(I.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: r == null ? void 0 : r.map(
-      (i, s) => l(i, s)
+    return /* @__PURE__ */ t(S.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: r == null ? void 0 : r.map(
+      (l, s) => i(l, s)
     ) });
   }
-), xn = m(
+), yt = m(
   ({
     open: e,
-    setOpen: t,
+    setOpen: n,
     onNavigate: o
-  }) => /* @__PURE__ */ n(
+  }) => /* @__PURE__ */ t(
     F,
     {
       lazyMount: !0,
       placement: "center",
       open: e,
-      onOpenChange: (r) => t(r.open),
+      onOpenChange: (r) => n(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c($, { height: "100%", children: [
-        /* @__PURE__ */ n(j, { children: /* @__PURE__ */ n(G, { children: "Annotations" }) }),
-        /* @__PURE__ */ n(V, { flex: 1, children: /* @__PURE__ */ n(bn, { onNavigate: o }) }),
-        /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(Y, { asChild: !0, children: /* @__PURE__ */ n(M, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ n(N, {})
+      children: /* @__PURE__ */ d($, { height: "100%", children: [
+        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(G, { children: "Annotations" }) }),
+        /* @__PURE__ */ t(V, { flex: 1, children: /* @__PURE__ */ t(vt, { onNavigate: o }) }),
+        /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(Y, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ t(N, {})
       ] })
     }
   )
-), Cn = m(() => {
-  const e = v(), t = de(e) ? e : void 0, o = b(() => e == null ? void 0 : e.spine.element$, [e]), r = b(
-    () => t == null ? void 0 : t.bookmarks.pages$,
-    [t]
-  ), l = b(
-    () => t == null ? void 0 : t.bookmarks.bookmarks$,
-    [t]
-  ), i = b(
-    () => e == null ? void 0 : e.pagination.locate(l ?? []),
-    [e, l]
+), It = m(() => {
+  const e = C(), n = ue(e) ? e : void 0, o = x(() => e == null ? void 0 : e.spine.element$, [e]), r = x(
+    () => n == null ? void 0 : n.bookmarks.pages$,
+    [n]
+  ), i = x(
+    () => n == null ? void 0 : n.bookmarks.bookmarks$,
+    [n]
+  ), l = x(
+    () => e == null ? void 0 : e.locateResources(i ?? []),
+    [e, i]
   );
-  return o ? /* @__PURE__ */ n(Z, { children: Je(
+  return o ? /* @__PURE__ */ t(Z, { children: tt(
     r == null ? void 0 : r.map(
-      ({ isBookmarkable: s, absolutePosition: { left: d, top: u, width: a } }, g) => {
-        const h = i == null ? void 0 : i.find(
-          (x) => {
-            var k;
-            return ((k = x.meta) == null ? void 0 : k.absolutePageIndex) === g;
+      ({ isBookmarkable: s, absolutePosition: { left: c, top: u, width: a } }, g) => {
+        const h = l == null ? void 0 : l.find(
+          (f) => {
+            var v;
+            return ((v = f == null ? void 0 : f.meta) == null ? void 0 : v.absolutePageIndex) === g;
           }
         );
-        return s ? /* @__PURE__ */ n(
+        return s ? /* @__PURE__ */ t(
           W,
           {
             present: !0,
             lazyMount: !0,
             animationName: { _open: "fade-in", _closed: "fade-out" },
             animationDuration: "moderate",
-            children: /* @__PURE__ */ n(
-              z,
+            children: /* @__PURE__ */ t(
+              R,
               {
                 "data-bookmark-area": !0,
                 position: "absolute",
-                left: d + a,
+                left: c + a,
                 transform: "translateX(-100%)",
                 top: u,
                 p: 2,
-                children: h ? /* @__PURE__ */ n(
-                  f,
+                children: h ? /* @__PURE__ */ t(
+                  b,
                   {
                     "aria-label": "bookmark",
                     opacity: 0.5,
                     _hover: { opacity: 1 },
                     onClick: () => {
-                      h && (t == null || t.bookmarks.delete(
-                        h == null ? void 0 : h.id
+                      h && (n == null || n.bookmarks.delete(
+                        h.resource.id
                       ));
                     },
                     size: "lg",
                     variant: "ghost",
                     _icon: { boxSize: "36px" },
-                    children: /* @__PURE__ */ n(nn, {})
+                    children: /* @__PURE__ */ t(ot, {})
                   }
-                ) : /* @__PURE__ */ n(
-                  f,
+                ) : /* @__PURE__ */ t(
+                  b,
                   {
                     "aria-label": "bookmark",
                     onClick: () => {
-                      t == null || t.bookmarks.bookmark(g);
+                      n == null || n.bookmarks.bookmark(g);
                     },
                     size: "lg",
                     bgColor: "white",
@@ -202,7 +202,7 @@ const Y = C.ActionTrigger, v = () => {
                     _hover: { opacity: 1 },
                     variant: "ghost",
                     _icon: { boxSize: "36px" },
-                    children: /* @__PURE__ */ n(en, {})
+                    children: /* @__PURE__ */ t(nt, {})
                   }
                 )
               }
@@ -214,26 +214,26 @@ const Y = C.ActionTrigger, v = () => {
     ),
     o
   ) }) : null;
-}), vn = m(
+}), kt = m(
   ({ onNavigate: e }) => {
-    const t = v(), o = de(t) ? t : void 0, r = b(
+    const n = C(), o = ue(n) ? n : void 0, r = x(
       () => o == null ? void 0 : o.bookmarks.bookmarks$.pipe(
-        ie((i) => o.pagination.locate(i))
+        Q((l) => o.locateResources(l))
       ),
       [o]
-    ), l = (i, s) => {
-      var d, u, a, g, h;
-      return /* @__PURE__ */ c(I.Item, { justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ n(
-          J,
+    ), i = (l, s) => {
+      var c, u, a, g, h;
+      return /* @__PURE__ */ d(S.Item, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ t(
+          ne,
           {
             href: "#",
             onClick: () => {
-              e(), t == null || t.navigation.goToCfi(i.cfi ?? "");
+              e(), n == null || n.navigation.goToCfi(l.meta.cfi ?? "");
             },
-            children: /* @__PURE__ */ c(P, { gap: 0, children: [
-              /* @__PURE__ */ n(p, { fontSize: "md", children: `Book page: ${((d = i.meta) == null ? void 0 : d.absolutePageIndex) !== void 0 ? i.meta.absolutePageIndex + 1 : "unknown"}` }),
-              /* @__PURE__ */ n(
+            children: /* @__PURE__ */ d(P, { gap: 0, children: [
+              /* @__PURE__ */ t(p, { fontSize: "md", children: `Book page: ${((c = l.meta) == null ? void 0 : c.absolutePageIndex) !== void 0 ? l.meta.absolutePageIndex + 1 : "unknown"}` }),
+              /* @__PURE__ */ t(
                 p,
                 {
                   fontStyle: "italic",
@@ -241,237 +241,352 @@ const Y = C.ActionTrigger, v = () => {
                   fontSize: "sm",
                   truncate: !0,
                   lineClamp: 2,
-                  children: (a = (u = i.meta) == null ? void 0 : u.startNode) != null && a.textContent ? (h = (g = i.meta) == null ? void 0 : g.startNode) == null ? void 0 : h.textContent : "..."
+                  children: (a = (u = l.meta) == null ? void 0 : u.startNode) != null && a.textContent ? (h = (g = l.meta) == null ? void 0 : g.startNode) == null ? void 0 : h.textContent : "..."
                 }
               )
             ] })
           }
         ),
-        /* @__PURE__ */ n(
-          M,
+        /* @__PURE__ */ t(
+          _,
           {
             colorPalette: "red",
             variant: "solid",
             size: "xs",
             onClick: () => {
-              o == null || o.bookmarks.delete(i.id);
+              o == null || o.bookmarks.delete(l.resource.id);
             },
             children: "Delete"
           }
         )
       ] }, s);
     };
-    return /* @__PURE__ */ n(I.Root, { overflowY: "auto", gap: 3, variant: "plain", overflow: "auto", children: r == null ? void 0 : r.map(
-      (i, s) => l(i, s)
+    return /* @__PURE__ */ t(S.Root, { overflowY: "auto", gap: 3, variant: "plain", overflow: "auto", children: r == null ? void 0 : r.map(
+      (l, s) => i(l, s)
     ) });
   }
-), kn = m(
+), St = m(
   ({
     open: e,
-    setOpen: t,
+    setOpen: n,
     onNavigate: o
-  }) => /* @__PURE__ */ n(
+  }) => /* @__PURE__ */ t(
     F,
     {
       lazyMount: !0,
       placement: "center",
       open: e,
-      onOpenChange: (r) => t(r.open),
+      onOpenChange: (r) => n(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c($, { height: "100%", children: [
-        /* @__PURE__ */ n(j, { children: /* @__PURE__ */ n(G, { children: "Bookmarks" }) }),
-        /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(vn, { onNavigate: o }) }),
-        /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(Y, { asChild: !0, children: /* @__PURE__ */ n(M, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ n(N, {})
+      children: /* @__PURE__ */ d($, { height: "100%", children: [
+        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(G, { children: "Bookmarks" }) }),
+        /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(kt, { onNavigate: o }) }),
+        /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(Y, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ t(N, {})
       ] })
     }
   )
-), re = Fe({
+), ae = je({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), yn = () => /* @__PURE__ */ n(ae, { children: /* @__PURE__ */ n(He, { toaster: re, insetInline: { mdDown: "4" }, children: (e) => {
-  var t;
-  return /* @__PURE__ */ c(_.Root, { width: { md: "sm" }, children: [
-    e.type === "loading" ? /* @__PURE__ */ n(je, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ n(_.Indicator, {}),
-    /* @__PURE__ */ c(P, { gap: "1", flex: "1", maxWidth: "100%", children: [
-      e.title && /* @__PURE__ */ n(_.Title, { children: e.title }),
-      e.description && /* @__PURE__ */ n(_.Description, { children: e.description })
+}), wt = () => /* @__PURE__ */ t(de, { children: /* @__PURE__ */ t(Ve, { toaster: ae, insetInline: { mdDown: "4" }, children: (e) => {
+  var n;
+  return /* @__PURE__ */ d(L.Root, { width: { md: "sm" }, children: [
+    e.type === "loading" ? /* @__PURE__ */ t(Ge, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ t(L.Indicator, {}),
+    /* @__PURE__ */ d(P, { gap: "1", flex: "1", maxWidth: "100%", children: [
+      e.title && /* @__PURE__ */ t(L.Title, { children: e.title }),
+      e.description && /* @__PURE__ */ t(L.Description, { children: e.description })
     ] }),
-    e.action && /* @__PURE__ */ n(_.ActionTrigger, { children: e.action.label }),
-    ((t = e.meta) == null ? void 0 : t.closable) && /* @__PURE__ */ n(_.CloseTrigger, {})
+    e.action && /* @__PURE__ */ t(L.ActionTrigger, { children: e.action.label }),
+    ((n = e.meta) == null ? void 0 : n.closable) && /* @__PURE__ */ t(L.CloseTrigger, {})
   ] });
-} }) }), Sn = m(
+} }) }), Tt = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function Pt() {
+  const [e, n] = I(null), [o, r] = I(Tt), i = be(
+    () => new ResizeObserver((l) => {
+      if (l[0]) {
+        const { x: s, y: c, width: u, height: a, top: g, left: h, bottom: f, right: v } = l[0].contentRect;
+        r({ x: s, y: c, width: u, height: a, top: g, left: h, bottom: f, right: v });
+      }
+    }),
+    []
+  );
+  return De(() => {
+    if (e)
+      return i.observe(e), () => {
+        i.disconnect();
+      };
+  }, [e, i]), [n, o, e];
+}
+const Rt = (e, n, o) => {
+  const r = C(), i = Pe(r) ? r : void 0;
+  M(() => {
+    if (!i || !e) return ee;
+    const l = n.layout.layout$.pipe(
+      ye(n.layout.layoutInfo),
+      Ie(it)
+    ), s = lt(
+      e
+    ).pipe(te((c) => c.some((u) => u.isIntersecting)));
+    return l.pipe(
+      _e(100, void 0, { trailing: !0 }),
+      Q(() => s.pipe(
+        ce((c) => {
+          c || (e.innerHTML = "");
+        }),
+        re((c) => c),
+        ke()
+      ).pipe(
+        Q(() => (e.innerHTML = "", i == null ? void 0 : i.gallery.snapshot(
+          n,
+          e,
+          o
+        )))
+      ))
+    );
+  }, [i, n, o, e]);
+}, Ot = m(
   ({
-    open: e,
-    setOpen: t
+    item: e,
+    onNavigated: n
   }) => {
-    const o = v(), [r, l] = S(null), i = Se(o) ? o : void 0, s = "prose-gallery-grid-item", d = b(
-      () => i == null ? void 0 : i.gallery.create({
-        gridItemClassName: s
-      }),
-      [i]
+    var c;
+    const [o, r, i] = Pt(), l = C();
+    Rt(i, e, r);
+    const s = x(
+      () => l == null ? void 0 : l.locateResource(e, { mode: "shallow" }),
+      [l, e]
+    );
+    return /* @__PURE__ */ d(
+      R,
+      {
+        width: "100%",
+        aspectRatio: "2/3",
+        border: "1px solid",
+        borderColor: "border",
+        borderRadius: "md",
+        "data-grid-item": !0,
+        cursor: "pointer",
+        position: "relative",
+        overflow: "hidden",
+        onClick: () => {
+          n(), l == null || l.navigation.goToSpineItem({ indexOrId: e });
+        },
+        children: [
+          /* @__PURE__ */ t(
+            R,
+            {
+              height: "100%",
+              width: "100%",
+              overflow: "hidden",
+              pointerEvents: "none",
+              ref: o
+            }
+          ),
+          /* @__PURE__ */ d(
+            p,
+            {
+              position: "absolute",
+              bottom: 0,
+              left: "0",
+              right: "0",
+              textAlign: "center",
+              bgColor: "white",
+              p: 4,
+              fontSize: "xs",
+              children: [
+                "Page ",
+                (((c = s == null ? void 0 : s.meta) == null ? void 0 : c.absolutePageIndex) ?? 0) + 1
+              ]
+            }
+          )
+        ]
+      }
     );
-    return K(() => {
-      r && d && (r.innerHTML = "", r.appendChild(d));
-    }, [d, r]), /* @__PURE__ */ n(
+  }
+), zt = m(
+  ({
+    open: e,
+    setOpen: n
+  }) => {
+    const o = C(), r = x(() => o == null ? void 0 : o.spineItemsManager.items$, [o]);
+    return /* @__PURE__ */ t(
       F,
       {
         lazyMount: !0,
         placement: "center",
         open: e,
-        onOpenChange: (u) => t(u.open),
+        onOpenChange: (i) => n(i.open),
         size: { mdDown: "full", md: "lg" },
         scrollBehavior: "inside",
-        children: /* @__PURE__ */ c($, { height: "100%", children: [
-          /* @__PURE__ */ n(j, { children: /* @__PURE__ */ n(G, { children: "Gallery" }) }),
-          /* @__PURE__ */ n(
-            V,
+        children: /* @__PURE__ */ d($, { height: "100%", children: [
+          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(G, { children: "Gallery" }) }),
+          /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(
+            R,
             {
-              ref: l,
-              css: {
-                "--prose-gallery-columns": ["2", "3"],
-                [`& .${s}`]: {
-                  border: "1px solid red",
-                  borderColor: "border",
-                  borderRadius: "md"
-                }
-              }
+              gridTemplateColumns: [
+                "repeat(2, minmax(0, 1fr))",
+                "repeat(3, minmax(0, 1fr))"
+              ],
+              display: "grid",
+              gap: [2, 4],
+              pt: 2,
+              "data-grid": !0,
+              children: r == null ? void 0 : r.map((i) => /* @__PURE__ */ t(
+                Ot,
+                {
+                  item: i,
+                  onNavigated: () => {
+                    n(!1);
+                  }
+                },
+                i.item.id
+              ))
             }
-          ),
-          /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(Y, { asChild: !0, children: /* @__PURE__ */ n(M, { variant: "outline", children: "Cancel" }) }) }),
-          /* @__PURE__ */ n(N, {})
+          ) }),
+          /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(Y, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
+          /* @__PURE__ */ t(N, {})
         ] })
       }
     );
   }
-), In = "@prose-reader/react-reader", wn = "1.201.0", Tn = m(
+), Dt = "@prose-reader/react-reader", Et = "1.203.0", At = m(
   ({
     open: e,
-    setOpen: t
-  }) => /* @__PURE__ */ n(
+    setOpen: n
+  }) => /* @__PURE__ */ t(
     F,
     {
       lazyMount: !0,
       placement: "center",
       open: e,
-      onOpenChange: (o) => t(o.open),
+      onOpenChange: (o) => n(o.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c($, { children: [
-        /* @__PURE__ */ n(j, { children: /* @__PURE__ */ n(G, { children: "Help" }) }),
-        /* @__PURE__ */ c(V, { overflowY: "auto", flex: 1, children: [
-          /* @__PURE__ */ n(te, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-          /* @__PURE__ */ c(E, { mb: 1, children: [
-            /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(Ue, {}) }),
+      children: /* @__PURE__ */ d($, { children: [
+        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(G, { children: "Help" }) }),
+        /* @__PURE__ */ d(V, { overflowY: "auto", flex: 1, children: [
+          /* @__PURE__ */ t(le, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+          /* @__PURE__ */ d(E, { mb: 1, children: [
+            /* @__PURE__ */ t(me, { children: /* @__PURE__ */ t(Qe, {}) }),
             " ",
-            /* @__PURE__ */ n(p, { children: "Navigate to right page" })
+            /* @__PURE__ */ t(p, { children: "Navigate to right page" })
           ] }),
-          /* @__PURE__ */ c(E, { mb: 1, children: [
-            /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(qe, {}) }),
+          /* @__PURE__ */ d(E, { mb: 1, children: [
+            /* @__PURE__ */ t(me, { children: /* @__PURE__ */ t(Ke, {}) }),
             " ",
-            /* @__PURE__ */ n(p, { children: "Navigate to left page" })
+            /* @__PURE__ */ t(p, { children: "Navigate to left page" })
           ] }),
-          /* @__PURE__ */ n(te, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
-          /* @__PURE__ */ c(p, { children: [
-            In,
+          /* @__PURE__ */ t(le, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
+          /* @__PURE__ */ d(p, { children: [
+            Dt,
             " version: ",
-            wn
+            Et
           ] })
         ] }),
-        /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(Y, { asChild: !0, children: /* @__PURE__ */ n(M, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ n(N, {})
+        /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(Y, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ t(N, {})
       ] })
     }
   )
 ), U = () => {
-  const e = v();
-  return b(
-    () => e ? ze([e.pagination.state$, e.context.state$]).pipe(
-      se(([t, o]) => {
-        var l;
-        const r = (l = o.manifest) == null ? void 0 : l.spineItems.every(
-          (i) => {
+  const e = C();
+  return x(
+    () => e ? Le([e.pagination.state$, e.context.state$]).pipe(
+      te(([n, o]) => {
+        var i;
+        const r = (i = o.manifest) == null ? void 0 : i.spineItems.every(
+          (l) => {
             var s;
-            return (s = i.mediaType) == null ? void 0 : s.startsWith("image/");
+            return (s = l.mediaType) == null ? void 0 : s.startsWith("image/");
           }
         );
         return {
-          ...t,
+          ...n,
           hasChapters: !o.isFullyPrePaginated && !r
         };
       })
-    ) : le,
+    ) : ee,
     [e]
   );
-}, Pn = () => {
-  const e = U(), t = Math.floor(
+}, Mt = () => {
+  const e = U(), n = Math.floor(
     ((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100
-  ), o = t > 0 ? t : 1;
-  return (e == null ? void 0 : e.percentageEstimateOfBook) === void 0 ? null : /* @__PURE__ */ n(z, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ c(p, { fontSize: "sm", children: [
+  ), o = n > 0 ? n : 1;
+  return (e == null ? void 0 : e.percentageEstimateOfBook) === void 0 ? null : /* @__PURE__ */ t(R, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ d(p, { fontSize: "sm", children: [
     o,
     " %"
   ] }) });
-}, Rn = () => {
-  const [e, t] = S(/* @__PURE__ */ new Date());
-  return K(() => {
+}, _t = () => {
+  const [e, n] = I(/* @__PURE__ */ new Date());
+  return J(() => {
     const o = setInterval(() => {
-      t(/* @__PURE__ */ new Date());
+      n(/* @__PURE__ */ new Date());
     }, 6e4);
     return () => clearInterval(o);
   }, []), e;
-}, On = (e) => {
-  const t = Rn();
-  return /* @__PURE__ */ n(p, { fontSize: "xs", ...e, children: t.toLocaleTimeString(navigator.language, {
+}, Lt = (e) => {
+  const n = _t();
+  return /* @__PURE__ */ t(p, { fontSize: "xs", ...e, children: n.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
   }) });
-}, he = () => {
-  const { quickMenuSignal: e } = fe(ce);
-  return [Oe(e), e.setValue, e];
-}, Dn = () => {
-  const [e] = he();
-  return /* @__PURE__ */ n(
-    z,
+}, ge = () => {
+  const { quickMenuSignal: e } = xe(he);
+  return [Ae(e), e.setValue, e];
+}, Bt = () => {
+  const [e] = ge();
+  return /* @__PURE__ */ t(
+    R,
     {
       position: "absolute",
       left: 0,
       bottom: 0,
       p: 2,
       color: e ? void 0 : "colorPalette.contrast",
-      children: /* @__PURE__ */ n(On, {})
+      children: /* @__PURE__ */ t(Lt, {})
     }
   );
-}, zn = () => {
-  const e = v();
-  L(
-    () => e == null ? void 0 : e.links$.subscribe((t) => {
-      if (t.type === "click" && on(t.target, "a")) {
-        if (!t.target.href) return;
-        const o = new URL(t.target.href);
+}, $t = () => {
+  const e = C();
+  M(
+    () => e == null ? void 0 : e.links$.subscribe((n) => {
+      if (n.type === "click" && st(n.target, "a")) {
+        if (!n.target.href) return;
+        const o = new URL(n.target.href);
         window.location.host !== o.host && confirm(
           "You are going to be redirected to external link"
-        ) && window.open(t.target.href, "__blank");
+        ) && window.open(n.target.href, "__blank");
       }
     }),
     [e]
   );
-}, X = be({
+}, X = Ce({
   default: void 0
-}), En = () => {
-  const e = v();
-  L(
+}), Nt = () => {
+  const e = C();
+  M(
     () => e == null ? void 0 : e.zoom.isZooming$.pipe(
-      ie((t) => {
-        if (!t) return Ee;
-        const o = new Ae();
+      Q((n) => {
+        if (!n) return Be;
+        const o = new $e();
         return X.setValue({
           key: "zoom",
           title: "Zooming",
           duration: 999999,
           abort: o
-        }), le.pipe(
-          ve(() => {
+        }), ee.pipe(
+          Se(() => {
             o.next(), o.complete();
           })
         );
@@ -479,69 +594,69 @@ const Y = C.ActionTrigger, v = () => {
     ),
     [e]
   );
-}, An = () => {
-  const e = v();
-  L(
+}, Ft = () => {
+  const e = C();
+  M(
     () => e == null ? void 0 : e.settings.values$.pipe(
-      se(({ fontScale: t }) => t),
-      $e(),
-      ne(1),
-      Ce((t) => {
+      te(({ fontScale: n }) => n),
+      Ie(),
+      ie(1),
+      ce((n) => {
         X.setValue({
           key: "fontScaleChange",
           title: "Font size changed",
-          description: `${t * 100} %`
+          description: `${n * 100} %`
         });
       })
     ),
     [e]
   );
-}, Mn = () => {
-  An(), En(), L(
+}, Ht = () => {
+  Ft(), Nt(), M(
     () => X.subject.pipe(
       // @todo implement Signal / BehaviorSignal / ReplaySignal
-      ne(1),
-      ge(De),
-      Me((e) => {
-        const t = e.duration ?? 3e3, o = re.create({
+      ie(1),
+      re(Me),
+      Ne((e) => {
+        const n = e.duration ?? 3e3, o = ae.create({
           title: e.title,
           description: e.description,
-          duration: t
+          duration: n
         }), r = X.subject.pipe(
-          ne(1),
-          ge((l) => !!e.key && (l == null ? void 0 : l.key) === e.key)
+          ie(1),
+          re((i) => !!e.key && (i == null ? void 0 : i.key) === e.key)
         );
-        return _e(
-          Be(t),
-          e.abort ?? le,
+        return Fe(
+          He(n),
+          e.abort ?? ee,
           r
         ).pipe(
-          Le(),
-          ve(() => {
-            re.dismiss(o);
+          ke(),
+          Se(() => {
+            ae.dismiss(o);
           })
         );
       })
     )
   );
-}, _n = A.forwardRef(
-  function(t, o) {
+}, jt = A.forwardRef(
+  function(n, o) {
     const {
       showArrow: r,
-      children: l,
-      portalled: i = !0,
+      children: i,
+      portalled: l = !0,
       content: s,
-      portalRef: d,
+      portalRef: c,
       ...u
-    } = t;
-    return /* @__PURE__ */ c(
+    } = n;
+    return /* @__PURE__ */ d(
       B.Root,
       {
         ...u,
         positioning: { ...u.positioning, gutter: 4 },
         children: [
-          /* @__PURE__ */ n(B.Trigger, { asChild: !0, children: l }),
-          /* @__PURE__ */ n(ae, { disabled: !i, container: d, children: /* @__PURE__ */ n(B.Positioner, { children: /* @__PURE__ */ c(
+          /* @__PURE__ */ t(B.Trigger, { asChild: !0, children: i }),
+          /* @__PURE__ */ t(de, { disabled: !l, container: c, children: /* @__PURE__ */ t(B.Positioner, { children: /* @__PURE__ */ d(
             B.Content,
             {
               width: "auto",
@@ -551,7 +666,7 @@ const Y = C.ActionTrigger, v = () => {
               rounded: "sm",
               ref: o,
               children: [
-                r && /* @__PURE__ */ n(B.Arrow, { children: /* @__PURE__ */ n(B.ArrowTip, {}) }),
+                r && /* @__PURE__ */ t(B.Arrow, { children: /* @__PURE__ */ t(B.ArrowTip, {}) }),
                 s
               ]
             }
@@ -560,63 +675,63 @@ const Y = C.ActionTrigger, v = () => {
       }
     );
   }
-), Bn = A.forwardRef(function(t, o) {
-  const { children: r, ...l } = t;
-  return /* @__PURE__ */ n(_n, { content: r, ...l, ref: o, children: /* @__PURE__ */ n(
-    f,
+), Vt = A.forwardRef(function(n, o) {
+  const { children: r, ...i } = n;
+  return /* @__PURE__ */ t(jt, { content: r, ...i, ref: o, children: /* @__PURE__ */ t(
+    b,
     {
       variant: "ghost",
       "aria-label": "info",
       size: "2xs",
       colorPalette: "gray",
-      children: /* @__PURE__ */ n(dn, {})
+      children: /* @__PURE__ */ t(gt, {})
     }
   ) });
-}), Ln = A.forwardRef(function(t, o) {
-  return /* @__PURE__ */ n(Q.Track, { ...t, ref: o, children: /* @__PURE__ */ n(Q.Range, {}) });
+}), Gt = A.forwardRef(function(n, o) {
+  return /* @__PURE__ */ t(K.Track, { ...n, ref: o, children: /* @__PURE__ */ t(K.Range, {}) });
 });
-A.forwardRef(function(t, o) {
-  const { children: r, info: l, ...i } = t;
-  return /* @__PURE__ */ c(Q.Label, { ...i, ref: o, children: [
+A.forwardRef(function(n, o) {
+  const { children: r, info: i, ...l } = n;
+  return /* @__PURE__ */ d(K.Label, { ...l, ref: o, children: [
     r,
-    l && /* @__PURE__ */ n(Bn, { children: l })
+    i && /* @__PURE__ */ t(Vt, { children: i })
   ] });
 });
-const $n = Q.Root, Nn = Q.ValueText, ue = () => {
-  const e = U(), t = (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, l = (e != null && e.hasChapters ? e == null ? void 0 : e.beginPageIndexInSpineItem : e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0, i = (e != null && e.hasChapters ? e == null ? void 0 : e.endPageIndexInSpineItem : e == null ? void 0 : e.endAbsolutePageIndex) ?? 0, [s = 0, d = 0] = [
-    l,
-    i
+const Yt = K.Root, Ut = K.ValueText, pe = () => {
+  const e = U(), 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, l = (e != null && e.hasChapters ? e == null ? void 0 : e.endPageIndexInSpineItem : e == null ? void 0 : e.endAbsolutePageIndex) ?? 0, [s = 0, c = 0] = [
+    i,
+    l
   ].sort((g, h) => g - 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;
   return {
-    hasOnlyOnePage: t,
-    beginPageIndex: l,
-    endPageIndex: i,
+    hasOnlyOnePage: n,
+    beginPageIndex: i,
+    endPageIndex: l,
     isBeginWithinChapter: o,
     isEndWithinChapter: r,
     beginAndEndAreDifferent: u,
     totalApproximatePages: a,
     leftPageIndex: s,
-    rightPageIndex: d
+    rightPageIndex: c
   };
-}, Fn = () => {
+}, qt = () => {
   const e = U(), {
-    hasOnlyOnePage: t,
+    hasOnlyOnePage: n,
     leftPageIndex: o,
     rightPageIndex: r,
-    totalApproximatePages: l,
-    beginAndEndAreDifferent: i
-  } = ue(), s = Math.round(((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100), d = (a) => a != null && a.subChapter ? `${a.title} / ${d(a.subChapter)}` : (a == null ? void 0 : a.title) || "", u = d(e == null ? void 0 : e.beginChapterInfo);
-  return /* @__PURE__ */ c(P, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
-    /* @__PURE__ */ n($n, { value: s, size: "xs", width: 150, children: /* @__PURE__ */ c(E, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ n(Ln, { width: 110 }),
-      /* @__PURE__ */ n(Nn, { children: `${s}%` })
+    totalApproximatePages: i,
+    beginAndEndAreDifferent: l
+  } = pe(), s = Math.round(((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100), c = (a) => a != null && a.subChapter ? `${a.title} / ${c(a.subChapter)}` : (a == null ? void 0 : a.title) || "", u = c(e == null ? void 0 : e.beginChapterInfo);
+  return /* @__PURE__ */ d(P, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
+    /* @__PURE__ */ t(Yt, { value: s, size: "xs", width: 150, children: /* @__PURE__ */ d(E, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ t(Gt, { width: 110 }),
+      /* @__PURE__ */ t(Ut, { children: `${s}%` })
     ] }) }),
-    /* @__PURE__ */ n(p, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
-    !t && /* @__PURE__ */ c(E, { children: [
-      /* @__PURE__ */ n(p, { fontSize: "xs", children: i ? `${o + 1} - ${r + 1} of ${l}` : `${o + 1} of ${l}` }),
-      !!(e != null && e.hasChapters) && /* @__PURE__ */ c(Z, { children: [
-        /* @__PURE__ */ n(p, { children: "-" }),
-        /* @__PURE__ */ c(p, { fontSize: "xs", children: [
+    /* @__PURE__ */ t(p, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
+    !n && /* @__PURE__ */ d(E, { children: [
+      /* @__PURE__ */ t(p, { fontSize: "xs", children: l ? `${o + 1} - ${r + 1} of ${i}` : `${o + 1} of ${i}` }),
+      !!(e != null && e.hasChapters) && /* @__PURE__ */ d(Z, { children: [
+        /* @__PURE__ */ t(p, { children: "-" }),
+        /* @__PURE__ */ d(p, { fontSize: "xs", children: [
           "(",
           ((e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0) + 1,
           ")"
@@ -624,20 +739,20 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
       ] })
     ] })
   ] });
-}, Ie = m(
+}, Re = m(
   ({
     children: e,
-    position: t,
+    position: n,
     ...o
-  }) => /* @__PURE__ */ n(
+  }) => /* @__PURE__ */ t(
     W,
     {
       display: "flex",
       flexDirection: "row",
       width: "100%",
       position: "absolute",
-      ...t === "bottom" ? { bottom: 0 } : { top: 0 },
-      animationName: t === "bottom" ? {
+      ...n === "bottom" ? { bottom: 0 } : { top: 0 },
+      animationName: n === "bottom" ? {
         _open: "slide-from-bottom, fade-in",
         _closed: "slide-to-bottom, fade-out"
       } : {
@@ -654,8 +769,8 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
       children: e
     }
   )
-), Hn = Ve(hn), jn = m((e) => /* @__PURE__ */ n(
-  z,
+), Qt = Ye(pt), Kt = m((e) => /* @__PURE__ */ t(
+  R,
   {
     display: "contents",
     css: {
@@ -663,8 +778,8 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
       "--bg-emphasized": "colors.bg.emphasized",
       "--color-solid": "colors.colorPalette.solid"
     },
-    children: /* @__PURE__ */ n(
-      Hn,
+    children: /* @__PURE__ */ t(
+      Qt,
       {
         keyboard: !1,
         style: {
@@ -708,64 +823,64 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
       }
     )
   }
-)), Vn = () => {
-  const e = U(), t = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = ue(), l = t ? Math.floor((o || 0) / 2) : o, [i, s] = xe({
-    default: l || 0
-  }), d = 0, u = Math.max(
+)), Wt = () => {
+  const e = U(), n = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = pe(), i = n ? Math.floor((o || 0) / 2) : o, [l, s] = ve({
+    default: i || 0
+  }), c = 0, u = Math.max(
     0,
-    t ? Math.floor((r - 1) / 2) : r - 1
+    n ? Math.floor((r - 1) / 2) : r - 1
   );
-  return K(() => {
-    s.setValue(l || 0);
-  }, [l, s]), {
-    value: i,
+  return J(() => {
+    s.setValue(i || 0);
+  }, [i, s]), {
+    value: l,
     valueSignal: s,
-    min: d,
+    min: c,
     max: u
   };
-}, Gn = (e) => {
-  const t = v(), o = U(), { manifest: r } = b(() => t == null ? void 0 : t.context.state$, [t]) ?? {}, l = (r == null ? void 0 : r.readingDirection) === "rtl", i = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: s = 0, isBeginWithinChapter: d } = ue(), u = 1, a = d, { value: g, valueSignal: h, min: x, max: k } = Vn(), w = q(
-    (R) => {
-      const [y = 0] = Array.isArray(R) ? R : [R];
-      h.setValue(y);
-      const D = i ? Math.floor(y) * 2 : Math.floor(y);
-      a ? t == null || t.navigation.goToPageOfSpineItem({
+}, Xt = (e) => {
+  const n = C(), o = U(), { manifest: r } = x(() => n == null ? void 0 : n.context.state$, [n]) ?? {}, i = (r == null ? void 0 : r.readingDirection) === "rtl", l = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: s = 0, isBeginWithinChapter: c } = pe(), u = 1, a = c, { value: g, valueSignal: h, min: f, max: v } = Wt(), w = q(
+    (O) => {
+      const [k = 0] = Array.isArray(O) ? O : [O];
+      h.setValue(k);
+      const D = l ? Math.floor(k) * 2 : Math.floor(k);
+      a ? n == null || n.navigation.goToPageOfSpineItem({
         pageIndex: D,
-        spineItemId: t.pagination.getState().beginSpineItemIndex ?? 0,
+        spineItemId: n.pagination.getState().beginSpineItemIndex ?? 0,
         animation: !1
-      }) : t == null || t.navigation.goToAbsolutePageIndex({
+      }) : n == null || n.navigation.goToAbsolutePageIndex({
         absolutePageIndex: D,
         animation: !1
       });
     },
-    [t, i, h, a]
+    [n, l, h, a]
   );
-  return L(
-    () => t == null ? void 0 : t.navigation.throttleLock({
+  return M(
+    () => n == null ? void 0 : n.navigation.throttleLock({
       duration: 100,
       trigger: h.subject
     }),
-    [t, h]
-  ), s === 1 || i && s === 2 ? /* @__PURE__ */ n(z, { style: e.style }) : /* @__PURE__ */ n(
-    jn,
+    [n, h]
+  ), s === 1 || l && s === 2 ? /* @__PURE__ */ t(R, { style: e.style }) : /* @__PURE__ */ t(
+    Kt,
     {
       value: [g],
-      max: k,
-      min: x,
-      reverse: l,
+      max: v,
+      min: f,
+      reverse: i,
       step: u,
       onChange: w,
       ...e
     }
   );
-}, Yn = m(
+}, Zt = m(
   ({
     open: e,
-    onItemClick: t
+    onItemClick: n
   }) => {
-    const o = v(), r = b(() => o == null ? void 0 : o.navigation.state$, [o]), l = b(() => o == null ? void 0 : o.settings.values$, [o]), i = (l == null ? void 0 : l.computedPageTurnDirection) === "vertical", [s, d] = S(!0);
-    return /* @__PURE__ */ c(
-      Ie,
+    const o = C(), r = x(() => o == null ? void 0 : o.navigation.state$, [o]), i = x(() => o == null ? void 0 : o.settings.values$, [o]), l = (i == null ? void 0 : i.computedPageTurnDirection) === "vertical", [s, c] = I(!0);
+    return /* @__PURE__ */ d(
+      Re,
       {
         present: e,
         position: "bottom",
@@ -774,9 +889,9 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
         overflow: "auto",
         pb: 8,
         children: [
-          /* @__PURE__ */ c(E, { flex: 1, alignItems: "center", justifyContent: "center", children: [
-            /* @__PURE__ */ n(
-              f,
+          /* @__PURE__ */ d(E, { flex: 1, alignItems: "center", justifyContent: "center", children: [
+            /* @__PURE__ */ t(
+              b,
               {
                 "aria-label": "left",
                 size: "lg",
@@ -784,10 +899,10 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
                 flexShrink: 0,
                 onClick: () => o == null ? void 0 : o.navigation.goToLeftOrTopSpineItem(),
                 disabled: !(r != null && r.canGoLeftSpineItem) && !(r != null && r.canGoTopSpineItem),
-                children: i ? /* @__PURE__ */ n(ln, {}) : /* @__PURE__ */ n(sn, {})
+                children: l ? /* @__PURE__ */ t(ct, {}) : /* @__PURE__ */ t(dt, {})
               }
             ),
-            /* @__PURE__ */ c(
+            /* @__PURE__ */ d(
               P,
               {
                 flex: 1,
@@ -797,9 +912,9 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
                 overflow: "auto",
                 px: 4,
                 children: [
-                  /* @__PURE__ */ n(Fn, {}),
-                  /* @__PURE__ */ n(
-                    Gn,
+                  /* @__PURE__ */ t(qt, {}),
+                  /* @__PURE__ */ t(
+                    Xt,
                     {
                       style: {
                         width: "100%",
@@ -811,8 +926,8 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
                 ]
               }
             ),
-            /* @__PURE__ */ n(
-              f,
+            /* @__PURE__ */ t(
+              b,
               {
                 "aria-label": "right",
                 size: "lg",
@@ -822,28 +937,28 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
                 onClick: () => {
                   o == null || o.navigation.goToRightOrBottomSpineItem();
                 },
-                children: i ? /* @__PURE__ */ n(an, {}) : /* @__PURE__ */ n(cn, {})
+                children: l ? /* @__PURE__ */ t(ht, {}) : /* @__PURE__ */ t(ut, {})
               }
             )
           ] }),
-          /* @__PURE__ */ n(E, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ c(
-            ee.Root,
+          /* @__PURE__ */ t(E, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ d(
+            oe.Root,
             {
               open: s,
               flex: 1,
               onOpenChange: ({ open: u }) => {
-                d(u);
+                c(u);
               },
               children: [
-                /* @__PURE__ */ n(
-                  ee.Trigger,
+                /* @__PURE__ */ t(
+                  oe.Trigger,
                   {
                     paddingY: "3",
                     width: "100%",
                     display: "flex",
                     justifyContent: "center",
-                    children: /* @__PURE__ */ n(
-                      Qe,
+                    children: /* @__PURE__ */ t(
+                      We,
                       {
                         style: {
                           transform: s ? "rotate(0deg)" : "rotate(180deg)"
@@ -852,59 +967,59 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
                     )
                   }
                 ),
-                /* @__PURE__ */ c(ee.Content, { display: "flex", justifyContent: "center", children: [
-                  /* @__PURE__ */ n(
-                    f,
+                /* @__PURE__ */ d(oe.Content, { display: "flex", justifyContent: "center", children: [
+                  /* @__PURE__ */ t(
+                    b,
                     {
                       "aria-label": "Help",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => t("help"),
-                      children: /* @__PURE__ */ n(Ke, {})
+                      onClick: () => n("help"),
+                      children: /* @__PURE__ */ t(Xe, {})
                     }
                   ),
-                  /* @__PURE__ */ n(
-                    f,
+                  /* @__PURE__ */ t(
+                    b,
                     {
                       "aria-label": "Table of contents",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => t("toc"),
-                      children: /* @__PURE__ */ n(We, {})
+                      onClick: () => n("toc"),
+                      children: /* @__PURE__ */ t(Ze, {})
                     }
                   ),
-                  ke(o) && /* @__PURE__ */ n(
-                    f,
+                  we(o) && /* @__PURE__ */ t(
+                    b,
                     {
                       "aria-label": "Search",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => t("search"),
-                      children: /* @__PURE__ */ n(Xe, {})
+                      onClick: () => n("search"),
+                      children: /* @__PURE__ */ t(Je, {})
                     }
                   ),
-                  de(o) && /* @__PURE__ */ n(
-                    f,
+                  ue(o) && /* @__PURE__ */ t(
+                    b,
                     {
                       "aria-label": "Search",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => t("bookmarks"),
-                      children: /* @__PURE__ */ n(tn, {})
+                      onClick: () => n("bookmarks"),
+                      children: /* @__PURE__ */ t(rt, {})
                     }
                   ),
-                  ye(o) && /* @__PURE__ */ n(
-                    f,
+                  Te(o) && /* @__PURE__ */ t(
+                    b,
                     {
                       "aria-label": "Search",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => t("annotations"),
-                      children: /* @__PURE__ */ n(oe, {})
+                      onClick: () => n("annotations"),
+                      children: /* @__PURE__ */ t(se, {})
                     }
                   ),
-                  /* @__PURE__ */ n(
-                    f,
+                  /* @__PURE__ */ t(
+                    b,
                     {
                       "aria-label": "Thumbnails",
                       size: "lg",
@@ -914,17 +1029,17 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
                           viewportMode: (o == null ? void 0 : o.settings.values.viewportMode) === "normal" ? "thumbnails" : "normal"
                         });
                       },
-                      children: /* @__PURE__ */ n(Ze, {})
+                      children: /* @__PURE__ */ t(et, {})
                     }
                   ),
-                  Se(o) && /* @__PURE__ */ n(
-                    f,
+                  Pe(o) && /* @__PURE__ */ t(
+                    b,
                     {
                       "aria-label": "Gallery",
                       size: "lg",
                       variant: "ghost",
-                      onClick: () => t("gallery"),
-                      children: /* @__PURE__ */ n(rn, {})
+                      onClick: () => n("gallery"),
+                      children: /* @__PURE__ */ t(at, {})
                     }
                   )
                 ] })
@@ -935,15 +1050,15 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
       }
     );
   }
-), Un = () => {
-  const [e, t] = S(!1), o = q(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
-    t(!1);
+), Jt = () => {
+  const [e, n] = I(!1), o = q(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+    n(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
-    t(!0);
+    n(!0);
   }), []);
-  return K(() => {
+  return J(() => {
     function r() {
-      t(!!document.fullscreenElement);
+      n(!!document.fullscreenElement);
     }
     return document.addEventListener("fullscreenchange", r), () => {
       document.removeEventListener("fullscreenchange", r);
@@ -952,32 +1067,32 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
     isFullscreen: e,
     onToggleFullscreenClick: o
   };
-}, qn = m(
+}, en = m(
   ({
     open: e,
-    onItemClick: t
+    onItemClick: n
   }) => {
-    const o = v(), r = b(() => o == null ? void 0 : o.context.manifest$, [o]), { isFullscreen: l, onToggleFullscreenClick: i } = Un();
-    return /* @__PURE__ */ c(
-      Ie,
+    const o = C(), r = x(() => o == null ? void 0 : o.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: l } = Jt();
+    return /* @__PURE__ */ d(
+      Re,
       {
         present: e,
         position: "top",
         height: "80px",
         justifyContent: "space-between",
         children: [
-          /* @__PURE__ */ n(
-            f,
+          /* @__PURE__ */ t(
+            b,
             {
               "aria-label": "left",
               size: "lg",
               variant: "ghost",
               flexShrink: 0,
-              onClick: () => t("back"),
-              children: /* @__PURE__ */ n(un, {})
+              onClick: () => n("back"),
+              children: /* @__PURE__ */ t(mt, {})
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ t(
             P,
             {
               flex: 1,
@@ -986,30 +1101,30 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
               alignItems: "center",
               overflow: "auto",
               px: 4,
-              children: /* @__PURE__ */ n(p, { truncate: !0, maxWidth: "100%", children: r == null ? void 0 : r.title })
+              children: /* @__PURE__ */ t(p, { truncate: !0, maxWidth: "100%", children: r == null ? void 0 : r.title })
             }
           ),
-          /* @__PURE__ */ c(E, { children: [
-            /* @__PURE__ */ n(
-              f,
+          /* @__PURE__ */ d(E, { children: [
+            /* @__PURE__ */ t(
+              b,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
-                onClick: () => t("more"),
-                children: /* @__PURE__ */ n(gn, {})
+                onClick: () => n("more"),
+                children: /* @__PURE__ */ t(ft, {})
               }
             ),
-            /* @__PURE__ */ n(
-              f,
+            /* @__PURE__ */ t(
+              b,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
-                onClick: i,
-                children: l ? /* @__PURE__ */ n(pn, {}) : /* @__PURE__ */ n(mn, {})
+                onClick: l,
+                children: i ? /* @__PURE__ */ t(bt, {}) : /* @__PURE__ */ t(xt, {})
               }
             )
           ] })
@@ -1017,93 +1132,93 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
       }
     );
   }
-), Qn = m(
+), tn = m(
   ({
     onItemClick: e
   }) => {
-    const [t] = he();
-    return /* @__PURE__ */ c(Z, { children: [
-      /* @__PURE__ */ n(qn, { open: t, onItemClick: e }),
-      /* @__PURE__ */ n(Yn, { open: t, onItemClick: e })
+    const [n] = ge();
+    return /* @__PURE__ */ d(Z, { children: [
+      /* @__PURE__ */ t(en, { open: n, onItemClick: e }),
+      /* @__PURE__ */ t(Zt, { open: n, onItemClick: e })
     ] });
   }
-), Kn = m(
+), nn = m(
   ({
     contextText: e = "",
-    startOffset: t = 0,
+    startOffset: n = 0,
     text: o,
     cfi: r = "#",
-    onClick: l,
-    absolutePageIndex: i
+    onClick: i,
+    absolutePageIndex: l
   }) => {
-    const d = e.substring(
-      Math.max(t - 15, 0),
-      Math.max(t, 0)
+    const c = e.substring(
+      Math.max(n - 15, 0),
+      Math.max(n, 0)
     ), u = e.substring(
-      Math.min(t + o.length, e.length - 1),
+      Math.min(n + o.length, e.length - 1),
       Math.min(
-        t + o.length + 15,
+        n + o.length + 15,
         e.length - 1
       )
     );
-    return /* @__PURE__ */ c(
-      J,
+    return /* @__PURE__ */ d(
+      ne,
       {
         href: r,
         style: { margin: 5, overflow: "hidden" },
         onClick: (a) => {
-          a.preventDefault(), l(r);
+          a.preventDefault(), i(r);
         },
         display: "flex",
         flexDirection: "column",
         alignItems: "flex-start",
         gap: 0,
         children: [
-          /* @__PURE__ */ c(p, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
+          /* @__PURE__ */ d(p, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
             '"',
-            d,
-            /* @__PURE__ */ n("b", { children: o }),
+            c,
+            /* @__PURE__ */ t("b", { children: o }),
             u,
             '"'
           ] }),
-          /* @__PURE__ */ n(p, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${i !== void 0 ? i + 1 : "unknown (not loaded)"}` })
+          /* @__PURE__ */ t(p, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${l !== void 0 ? l + 1 : "unknown (not loaded)"}` })
         ]
       }
     );
   }
-), Wn = m(
+), on = m(
   ({
     onNavigate: e
   }) => {
-    const [t, o] = S(""), r = v(), l = ke(r) ? r : void 0, i = (h) => {
+    const [n, o] = I(""), r = C(), i = we(r) ? r : void 0, l = (h) => {
       o(h.target.value);
     }, s = q(
       (h) => {
         e(), r == null || r.navigation.goToCfi(h);
       },
       [r, e]
-    ), d = b(
-      () => l == null ? void 0 : l.search.search(t).pipe(
-        se((h) => ({ type: "end", data: h })),
-        Ne({ type: "start" })
+    ), c = x(
+      () => i == null ? void 0 : i.search.search(n).pipe(
+        te((h) => ({ type: "end", data: h })),
+        ye({ type: "start" })
       ),
-      [r, t]
-    ), u = (d == null ? void 0 : d.type) === "start", a = (d == null ? void 0 : d.type) === "end" ? d.data : [], g = b(
-      () => r == null ? void 0 : r.pagination.locate(a.slice(0, 100)),
+      [r, n]
+    ), u = (c == null ? void 0 : c.type) === "start", a = (c == null ? void 0 : c.type) === "end" ? c.data : [], g = x(
+      () => r == null ? void 0 : r.locateResources(a.slice(0, 100)),
       [a]
     );
-    return /* @__PURE__ */ c(P, { flex: 1, height: "100%", children: [
-      /* @__PURE__ */ n(z, { px: 4, children: /* @__PURE__ */ n(
-        Ge,
+    return /* @__PURE__ */ d(P, { flex: 1, height: "100%", children: [
+      /* @__PURE__ */ t(R, { px: 4, children: /* @__PURE__ */ t(
+        Ue,
         {
           placeholder: "Type something...",
-          value: t,
-          onChange: i,
+          value: n,
+          onChange: l,
           borderRadius: 0
         }
       ) }),
-      /* @__PURE__ */ c(
-        z,
+      /* @__PURE__ */ d(
+        R,
         {
           px: 4,
           pb: 4,
@@ -1111,27 +1226,27 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
           flex: 1,
           style: { overflow: "hidden", overflowY: "auto" },
           children: [
-            u && /* @__PURE__ */ n(p, { children: "Searching ..." }),
-            !u && a.length === 0 && /* @__PURE__ */ n("p", { children: "There are no results" }),
-            !u && a.length >= 0 && /* @__PURE__ */ c(P, { children: [
-              /* @__PURE__ */ c(te, { as: "h2", size: "md", children: [
+            u && /* @__PURE__ */ t(p, { children: "Searching ..." }),
+            !u && a.length === 0 && /* @__PURE__ */ t("p", { children: "There are no results" }),
+            !u && a.length >= 0 && /* @__PURE__ */ d(P, { children: [
+              /* @__PURE__ */ d(le, { as: "h2", size: "md", children: [
                 a.length,
                 " result(s)"
               ] }),
-              /* @__PURE__ */ n(P, { gap: 0, children: g == null ? void 0 : g.map((h, x) => {
-                var k, w, O, R, y, D, T;
-                return /* @__PURE__ */ n(
-                  Kn,
+              /* @__PURE__ */ t(P, { gap: 0, children: g == null ? void 0 : g.map((h, f) => {
+                var v, w, z, O, k, D, T;
+                return /* @__PURE__ */ t(
+                  nn,
                   {
-                    contextText: ((O = (w = (k = h.meta) == null ? void 0 : k.range) == null ? void 0 : w.startContainer.parentElement) == null ? void 0 : O.textContent) ?? "",
-                    pageIndex: (R = h.meta) == null ? void 0 : R.itemPageIndex,
-                    startOffset: ((D = (y = h.meta) == null ? void 0 : y.range) == null ? void 0 : D.startOffset) ?? 0,
-                    text: t,
-                    cfi: h.cfi,
+                    contextText: ((z = (w = (v = h.meta) == null ? void 0 : v.range) == null ? void 0 : w.startContainer.parentElement) == null ? void 0 : z.textContent) ?? "",
+                    pageIndex: (O = h.meta) == null ? void 0 : O.itemPageIndex,
+                    startOffset: ((D = (k = h.meta) == null ? void 0 : k.range) == null ? void 0 : D.startOffset) ?? 0,
+                    text: n,
+                    cfi: h.meta.cfi,
                     onClick: s,
                     absolutePageIndex: (T = h.meta) == null ? void 0 : T.absolutePageIndex
                   },
-                  x
+                  f
                 );
               }) })
             ] })
@@ -1140,61 +1255,61 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
       )
     ] });
   }
-), Xn = m(
+), rn = m(
   ({
     open: e,
-    setOpen: t,
+    setOpen: n,
     onNavigate: o
-  }) => /* @__PURE__ */ n(
+  }) => /* @__PURE__ */ t(
     F,
     {
       lazyMount: !0,
       placement: "center",
       open: e,
-      onOpenChange: (r) => t(r.open),
+      onOpenChange: (r) => n(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c($, { height: "100%", children: [
-        /* @__PURE__ */ n(j, { children: /* @__PURE__ */ n(G, { children: "Search" }) }),
-        /* @__PURE__ */ n(V, { flex: 1, children: /* @__PURE__ */ n(Wn, { onNavigate: o }) }),
-        /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(Y, { asChild: !0, children: /* @__PURE__ */ n(M, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ n(N, {})
+      children: /* @__PURE__ */ d($, { height: "100%", children: [
+        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(G, { children: "Search" }) }),
+        /* @__PURE__ */ t(V, { flex: 1, children: /* @__PURE__ */ t(on, { onNavigate: o }) }),
+        /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(Y, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ t(N, {})
       ] })
     }
   )
-), Zn = m(
+), ln = m(
   ({
     onNavigate: e
   }) => {
-    const t = v(), { manifest: o, assumedRenditionLayout: r } = b(() => t == null ? void 0 : t.context.state$, [t]) ?? {}, { nav: l } = o ?? {}, i = U();
-    l != null && l.toc;
-    const { beginSpineItemIndex: s, beginPageIndexInSpineItem: d } = i ?? {}, u = (r === "reflowable" ? d : s) || 0;
+    const n = C(), { manifest: o, assumedRenditionLayout: r } = x(() => n == null ? void 0 : n.context.state$, [n]) ?? {}, { nav: i } = o ?? {}, l = U();
+    i != null && i.toc;
+    const { beginSpineItemIndex: s, beginPageIndexInSpineItem: c } = l ?? {}, u = (r === "reflowable" ? c : s) || 0;
     console.log({ assumedRenditionLayout: r, currentSpineItemOrChapterPageIndex: u });
-    let a = i == null ? void 0 : i.beginChapterInfo;
+    let a = l == null ? void 0 : l.beginChapterInfo;
     for (; a != null && a.subChapter; )
       a = a == null ? void 0 : a.subChapter;
-    const g = (h, x, k) => /* @__PURE__ */ c(we.Fragment, { children: [
-      /* @__PURE__ */ n(
-        I.Item,
+    const g = (h, f, v) => /* @__PURE__ */ d(Oe.Fragment, { children: [
+      /* @__PURE__ */ t(
+        S.Item,
         {
-          pl: 4 * (k + 1),
+          pl: 4 * (v + 1),
           style: {
             display: "flex",
             alignItems: "center"
           },
-          children: /* @__PURE__ */ c(
-            J,
+          children: /* @__PURE__ */ d(
+            ne,
             {
               onClick: () => {
-                e(), t == null || t.navigation.goToUrl(h.href);
+                e(), n == null || n.navigation.goToUrl(h.href);
               },
               href: "#",
               children: [
-                (a == null ? void 0 : a.path) === h.path && /* @__PURE__ */ n(I.Indicator, { asChild: !0, children: /* @__PURE__ */ n(me, {}) }),
-                (a == null ? void 0 : a.path) !== h.path && /* @__PURE__ */ n(I.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(me, {}) }),
-                /* @__PURE__ */ c(P, { gap: 0, children: [
-                  /* @__PURE__ */ n(p, { fontSize: "md", children: h.title || h.path }),
-                  (a == null ? void 0 : a.path) === h.path && /* @__PURE__ */ n(
+                (a == null ? void 0 : a.path) === h.path && /* @__PURE__ */ t(S.Indicator, { asChild: !0, children: /* @__PURE__ */ t(fe, {}) }),
+                (a == null ? void 0 : a.path) !== h.path && /* @__PURE__ */ t(S.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(fe, {}) }),
+                /* @__PURE__ */ d(P, { gap: 0, children: [
+                  /* @__PURE__ */ t(p, { fontSize: "md", children: h.title || h.path }),
+                  (a == null ? void 0 : a.path) === h.path && /* @__PURE__ */ t(
                     p,
                     {
                       fontStyle: "italic",
@@ -1209,108 +1324,108 @@ const $n = Q.Root, Nn = Q.ValueText, ue = () => {
           )
         }
       ),
-      h.contents.length > 0 && /* @__PURE__ */ n(I.Root, { as: "div", gap: 2, children: h.contents.map(
-        (w, O) => g(w, O, k + 1)
+      h.contents.length > 0 && /* @__PURE__ */ t(S.Root, { as: "div", gap: 2, children: h.contents.map(
+        (w, z) => g(w, z, v + 1)
       ) })
-    ] }, x);
-    return /* @__PURE__ */ n(I.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: l == null ? void 0 : l.toc.map((h, x) => g(h, x, 0)) });
+    ] }, f);
+    return /* @__PURE__ */ t(S.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i == null ? void 0 : i.toc.map((h, f) => g(h, f, 0)) });
   }
-), Jn = m(
+), sn = m(
   ({
     open: e,
-    setOpen: t,
+    setOpen: n,
     onNavigate: o
-  }) => /* @__PURE__ */ n(
+  }) => /* @__PURE__ */ t(
     F,
     {
       lazyMount: !0,
       placement: "center",
       open: e,
-      onOpenChange: (r) => t(r.open),
+      onOpenChange: (r) => n(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c($, { children: [
-        /* @__PURE__ */ n(j, { children: /* @__PURE__ */ n(G, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ n(V, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ n(Zn, { onNavigate: o }) }),
-        /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(Y, { asChild: !0, children: /* @__PURE__ */ n(M, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ n(N, {})
+      children: /* @__PURE__ */ d($, { children: [
+        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(G, { children: "Table of Contents" }) }),
+        /* @__PURE__ */ t(V, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ t(ln, { onNavigate: o }) }),
+        /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(Y, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ t(N, {})
       ] })
     }
   )
-), bt = ({
+), wn = ({
   enableFloatingTime: e = !0,
-  enableFloatingProgress: t = !0,
+  enableFloatingProgress: n = !0,
   onItemClick: o
 }) => {
-  const [r, l] = S(!1), [i, s] = S(!1), [d, u] = S(!1), [a, g] = S(!1), [h, x] = S(!1), [k, w] = S(!1), [O, R] = he(), y = q(() => {
-    l(!1), s(!1), u(!1), g(!1), x(!1), R(!1), w(!1);
-  }, [R]), D = q(
+  const [r, i] = I(!1), [l, s] = I(!1), [c, u] = I(!1), [a, g] = I(!1), [h, f] = I(!1), [v, w] = I(!1), [z, O] = ge(), k = q(() => {
+    i(!1), s(!1), u(!1), g(!1), f(!1), O(!1), w(!1);
+  }, [O]), D = q(
     (T) => {
-      T === "annotations" ? g(!0) : T === "search" ? u(!0) : T === "help" ? s(!0) : T === "toc" ? l(!0) : T === "bookmarks" ? x(!0) : T === "gallery" && w(!0), o == null || o(T);
+      T === "annotations" ? g(!0) : T === "search" ? u(!0) : T === "help" ? s(!0) : T === "toc" ? i(!0) : T === "bookmarks" ? f(!0) : T === "gallery" && w(!0), o == null || o(T);
     },
     [o]
   );
-  return zn(), Mn(), /* @__PURE__ */ c(Z, { children: [
-    t && /* @__PURE__ */ n(
+  return $t(), Ht(), /* @__PURE__ */ d(Z, { children: [
+    n && /* @__PURE__ */ t(
       W,
       {
-        present: !O,
+        present: !z,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
-        children: /* @__PURE__ */ n(Pn, {})
+        children: /* @__PURE__ */ t(Mt, {})
       }
     ),
-    /* @__PURE__ */ n(Sn, { open: k, setOpen: w }),
-    /* @__PURE__ */ n(Qn, { onItemClick: D }),
-    /* @__PURE__ */ n(Cn, {}),
-    /* @__PURE__ */ n(Tn, { open: i, setOpen: s }),
-    /* @__PURE__ */ n(
-      Jn,
+    /* @__PURE__ */ t(zt, { open: v, setOpen: w }),
+    /* @__PURE__ */ t(tn, { onItemClick: D }),
+    /* @__PURE__ */ t(It, {}),
+    /* @__PURE__ */ t(At, { open: l, setOpen: s }),
+    /* @__PURE__ */ t(
+      sn,
       {
         open: r,
-        setOpen: l,
-        onNavigate: y
+        setOpen: i,
+        onNavigate: k
       }
     ),
-    /* @__PURE__ */ n(
-      Xn,
+    /* @__PURE__ */ t(
+      rn,
       {
-        open: d,
+        open: c,
         setOpen: u,
-        onNavigate: y
+        onNavigate: k
       }
     ),
-    /* @__PURE__ */ n(
-      xn,
+    /* @__PURE__ */ t(
+      yt,
       {
         open: a,
         setOpen: g,
-        onNavigate: y
+        onNavigate: k
       }
     ),
-    /* @__PURE__ */ n(
-      kn,
+    /* @__PURE__ */ t(
+      St,
       {
         open: h,
-        setOpen: x,
-        onNavigate: y
+        setOpen: f,
+        onNavigate: k
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ t(
       W,
       {
-        present: e || O,
+        present: e || z,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "slow",
         overflow: "hidden",
-        children: /* @__PURE__ */ n(Dn, {})
+        children: /* @__PURE__ */ t(Bt, {})
       }
     ),
-    /* @__PURE__ */ n(yn, {})
+    /* @__PURE__ */ t(wt, {})
   ] });
 };
 export {
-  bt as ReactReader,
-  ft as ReactReaderProvider
+  wn as ReactReader,
+  Sn as ReactReaderProvider
 };
 //# sourceMappingURL=index.js.map