@prose-reader/react-reader 1.221.0 → 1.223.0

package/dist/index.js

@@ -1,313 +1,356 @@
-import { jsx as t, jsxs as d, Fragment as Z } from "react/jsx-runtime";
-import * as A from "react";
-import Oe, { createContext as ze, memo as f, useMemo as be, useEffect as J, useContext as De, useState as S, useLayoutEffect as Ee, useCallback as q } from "react";
-import { signal as ae, useSignalState as xe, useConstant as Ae, useLiveRef as Me, useSubscribe as M, useObserve as x, useSignalValue as _e, isDefined as Le } from "reactjrx";
-import { Subject as ce, tap as de, switchMap as Q, NEVER as ee, startWith as Ce, distinctUntilChanged as ve, map as te, throttleTime as Be, filter as re, first as ye, combineLatest as $e, EMPTY as Ne, finalize as Se, mergeMap as Fe, skip as Ie, merge as He, timer as je } from "rxjs";
-import { IconButton as b, Portal as he, Dialog as y, List as k, Link as ne, Stack as P, Text as p, Button as _, Presence as X, Box as R, createToaster as Ge, Toaster as Ye, Toast as L, Spinner as Ve, Heading as ie, HStack as E, Kbd as fe, Popover as B, Progress as K, chakra as Ue, Collapsible as oe, Input as qe } from "@chakra-ui/react";
-import { LuX as Qe, LuNotebookPen as le, LuArrowBigRight as Ke, LuArrowBigLeft as We, LuChevronDown as Xe, LuCircleHelp as Ze, LuTableOfContents as Je, LuSearch as et, LuGalleryHorizontal as tt, LuCircleCheck as me } from "react-icons/lu";
-import { createPortal as nt } from "react-dom";
-import { BsBookmarkPlus as ot, BsBookmarkXFill as rt, BsBookmarks as it } from "react-icons/bs";
-import { isShallowEqual as lt, observeIntersection as st, isHtmlTagElement as at } from "@prose-reader/core";
-import { RiGalleryView2 as ct } from "react-icons/ri";
-import { RxDoubleArrowUp as dt, RxDoubleArrowLeft as ht, RxDoubleArrowDown as ut, RxDoubleArrowRight as gt } from "react-icons/rx";
-import { HiOutlineInformationCircle as pt } from "react-icons/hi";
-import ft from "rc-slider";
+import { jsx as t, jsxs as a, Fragment as ne } from "react/jsx-runtime";
+import * as D from "react";
+import Be, { createContext as Ee, memo as p, useMemo as ae, useEffect as oe, useContext as Me, useState as I, useLayoutEffect as Le, useCallback as N } from "react";
+import { signal as ce, useSignalState as Ce, useConstant as _e, useLiveRef as $e, useSubscribe as B, useObserve as b, isDefined as ke, useSignalValue as Ne } from "reactjrx";
+import { Subject as de, tap as he, map as L, filter as J, switchMap as H, of as He, NEVER as ie, startWith as ye, distinctUntilChanged as Ie, throttleTime as Fe, first as Se, combineLatest as je, EMPTY as We, finalize as we, mergeMap as Ge, skip as Te, merge as Ve, timer as Ye } from "rxjs";
+import { IconButton as v, Portal as ue, Dialog as k, List as S, Link as ge, Stack as P, Text as f, Tabs as O, Button as W, Presence as ee, Box as w, createToaster as Ue, Toaster as qe, Toast as E, Spinner as Qe, Heading as se, HStack as z, Kbd as xe, Popover as M, Progress as F, chakra as Ke, Collapsible as re, Input as Xe } from "@chakra-ui/react";
+import { LuX as Ze, LuNotebookPen as te, LuBookmark as Je, LuArrowBigRight as et, LuArrowBigLeft as tt, LuChevronDown as nt, LuCircleHelp as ot, LuTableOfContents as it, LuSearch as rt, LuGalleryHorizontal as st, LuCircleCheck as ve } from "react-icons/lu";
+import { createPortal as lt } from "react-dom";
+import { BsBookmarkPlus as at, BsBookmarkXFill as ct, BsBookmarks as dt } from "react-icons/bs";
+import { isShallowEqual as ht, observeIntersection as ut, isHtmlTagElement as gt } from "@prose-reader/core";
+import { RiGalleryView2 as pt } from "react-icons/ri";
+import { RxDoubleArrowUp as mt, RxDoubleArrowLeft as ft, RxDoubleArrowDown as bt, RxDoubleArrowRight as xt } from "react-icons/rx";
+import { HiOutlineInformationCircle as vt } from "react-icons/hi";
+import Ct from "rc-slider";
 import "rc-slider/assets/index.css";
-import { IoIosArrowBack as mt, IoMdMore as bt } from "react-icons/io";
-import { MdFullscreenExit as xt, MdFullscreen as Ct } from "react-icons/md";
-const ke = ze({
+import { IoIosArrowBack as kt, IoMdMore as yt } from "react-icons/io";
+import { MdFullscreenExit as It, MdFullscreen as St } from "react-icons/md";
+const Re = Ee({
   reader: void 0,
-  quickMenuSignal: ae({ default: !1 }),
-  notificationsSubject: new ce()
-}), wn = f(
+  quickMenuSignal: ce({ default: !1 }),
+  notificationsSubject: new de()
+}), $n = p(
   ({
     children: e,
     reader: n,
     quickMenuOpen: o,
-    onQuickMenuOpenChange: r
+    onQuickMenuOpenChange: i
   }) => {
-    const [, l] = xe(
-      () => ae({
+    const [, r] = Ce(
+      () => ce({
         default: o
       })
-    ), i = Ae(
-      () => new ce()
-    ), s = Me(r), c = be(
+    ), s = _e(
+      () => new de()
+    ), c = $e(i), d = ae(
       () => ({
-        quickMenuSignal: l,
+        quickMenuSignal: r,
         reader: n,
-        notificationsSubject: i
+        notificationsSubject: s
       }),
-      [l, n, i]
+      [r, n, s]
     );
-    return J(() => {
-      l.setValue(o);
-    }, [o, l]), M(
-      () => l.pipe(de(s.current)),
-      [l, s]
-    ), /* @__PURE__ */ t(ke.Provider, { value: c, children: e });
+    return oe(() => {
+      r.setValue(o);
+    }, [o, r]), B(
+      () => r.pipe(he(c.current)),
+      [r, c]
+    ), /* @__PURE__ */ t(Re.Provider, { value: d, children: e });
   }
-), vt = 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) {
+), wt = D.forwardRef(function(n, o) {
+  return /* @__PURE__ */ t(v, { variant: "ghost", "aria-label": "Close", ref: o, ...n, children: n.children ?? /* @__PURE__ */ t(Ze, {}) });
+}), G = D.forwardRef(function(n, o) {
   const {
-    children: r,
-    portalled: l = !0,
-    portalRef: i,
-    backdrop: s = !0,
-    ...c
+    children: i,
+    portalled: r = !0,
+    portalRef: s,
+    backdrop: c = !0,
+    ...d
   } = n;
-  return /* @__PURE__ */ d(he, { disabled: !l, container: i, children: [
-    s && /* @__PURE__ */ t(y.Backdrop, {}),
-    /* @__PURE__ */ t(y.Positioner, { children: /* @__PURE__ */ t(y.Content, { ref: o, ...c, asChild: !1, children: r }) })
+  return /* @__PURE__ */ a(ue, { disabled: !r, container: s, children: [
+    c && /* @__PURE__ */ t(k.Backdrop, {}),
+    /* @__PURE__ */ t(k.Positioner, { children: /* @__PURE__ */ t(k.Content, { ref: o, ...d, asChild: !1, children: i }) })
   ] });
-}), N = A.forwardRef(function(n, o) {
+}), V = D.forwardRef(function(n, o) {
   return /* @__PURE__ */ t(
-    y.CloseTrigger,
+    k.CloseTrigger,
     {
       position: "absolute",
       top: "2",
       insetEnd: "2",
       ...n,
       asChild: !0,
-      children: /* @__PURE__ */ t(vt, { size: "sm", ref: o, children: n.children })
+      children: /* @__PURE__ */ t(wt, { size: "sm", ref: o, children: n.children })
     }
   );
-}), F = y.Root, H = y.Footer, j = y.Header, G = y.Body;
-y.Backdrop;
-const Y = y.Title;
-y.Description;
-y.Trigger;
-const V = y.ActionTrigger, W = () => De(ke), C = () => {
-  const { reader: e } = W();
+}), Y = k.Root, U = k.Footer, q = k.Header, Q = k.Body;
+k.Backdrop;
+const K = k.Title;
+k.Description;
+k.Trigger;
+const X = k.ActionTrigger, Z = () => Me(Re), m = () => {
+  const { reader: e } = Z();
   return e;
-}, 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, yt = f(
-  ({ onNavigate: e }) => {
-    const n = C(), o = Te(n) ? n : void 0, r = x(
-      () => o == null ? void 0 : o.annotations.highlights$.pipe(
-        Q(
-          (i) => o.locateResource(i)
-        )
-      ),
-      [o]
-    ), l = (i, s) => {
-      var c, u, a;
-      return /* @__PURE__ */ t(k.Item, { children: /* @__PURE__ */ d(
-        ne,
-        {
-          href: "#",
-          onClick: () => {
-            e(), n == null || n.navigation.goToCfi(i.meta.cfi ?? "");
-          },
-          children: [
-            (((c = i.resource) == null ? void 0 : c.contents) ?? [])[0] ? /* @__PURE__ */ t(k.Indicator, { asChild: !0, children: /* @__PURE__ */ t(le, {}) }) : /* @__PURE__ */ t(k.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(le, {}) }),
-            /* @__PURE__ */ d(P, { gap: 0, children: [
-              /* @__PURE__ */ t(p, { lineClamp: 2, fontSize: "md", children: (u = i.resource) != null && u.selectionAsText ? i.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: ${((a = i.meta) == null ? void 0 : a.absolutePageIndex) !== void 0 ? i.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
-                }
-              )
-            ] })
-          ]
-        }
-      ) }, s);
-    };
-    return /* @__PURE__ */ t(k.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: r == null ? void 0 : r.map(
-      (i, s) => l(i, s)
-    ) });
+}, Pe = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, j = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, Ae = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, Tt = (e) => {
+  const n = m(), o = j(n) ? n : void 0;
+  return { data: b(
+    () => o == null ? void 0 : o.annotations.annotations$.pipe(
+      L((r) => r.find((s) => s.id === e)),
+      J(ke),
+      H((r) => o.locateResource(r))
+    ),
+    [o]
+  ) };
+}, Oe = ({
+  id: e,
+  onNavigate: n
+}) => {
+  var r, s;
+  const o = m(), { data: i } = Tt(e);
+  return /* @__PURE__ */ t(S.Item, { children: /* @__PURE__ */ a(
+    ge,
+    {
+      href: "#",
+      onClick: () => {
+        n(), o == null || o.navigation.goToCfi((i == null ? void 0 : i.meta.cfi) ?? "");
+      },
+      children: [
+        (r = i == null ? void 0 : i.resource) != null && r.notes ? /* @__PURE__ */ t(S.Indicator, { asChild: !0, children: /* @__PURE__ */ t(te, {}) }) : /* @__PURE__ */ t(S.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(te, {}) }),
+        /* @__PURE__ */ a(P, { gap: 0, children: [
+          /* @__PURE__ */ t(f, { lineClamp: 2, fontSize: "md", children: i != null && i.meta.range ? i == null ? void 0 : i.meta.range.toString() : /* @__PURE__ */ t("i", { children: /* @__PURE__ */ t("b", { children: "unknown (not loaded)" }) }) }),
+          /* @__PURE__ */ t(
+            f,
+            {
+              fontStyle: "italic",
+              fontWeight: "bold",
+              fontSize: "sm",
+              children: `Book page: ${((s = i == null ? void 0 : i.meta) == null ? void 0 : s.absolutePageIndex) !== void 0 ? i.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}, pe = () => {
+  const e = m(), n = j(e) ? e : void 0;
+  return { data: b(
+    () => n == null ? void 0 : n.annotations.annotations$.pipe(
+      H(
+        (i) => n.locateResource(i)
+      )
+    ),
+    [n]
+  ) };
+}, Rt = ({ onNavigate: e }) => {
+  const { data: n } = pe();
+  return console.log({ annotations: n }), /* @__PURE__ */ t(S.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ t(
+    Oe,
+    {
+      id: o.resource.id,
+      onNavigate: e
+    },
+    o.resource.id
+  )) });
+}, Pt = () => {
+  const { data: e } = pe();
+  return {
+    data: e == null ? void 0 : e.filter((n) => !n.meta.range)
+  };
+}, At = ({ onNavigate: e }) => {
+  const { data: n } = Pt();
+  return /* @__PURE__ */ t(S.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ t(
+    Oe,
+    {
+      id: o.resource.id,
+      onNavigate: e
+    },
+    o.resource.id
+  )) });
+}, Ot = p(
+  ({
+    onNavigate: e,
+    defaultTab: n
+  }) => {
+    const [o, i] = I(n ?? "bookmarks");
+    return /* @__PURE__ */ a(
+      O.Root,
+      {
+        value: o,
+        onValueChange: (r) => i(r.value),
+        children: [
+          /* @__PURE__ */ a(O.List, { children: [
+            /* @__PURE__ */ a(O.Trigger, { value: "bookmarks", children: [
+              /* @__PURE__ */ t(Je, {}),
+              "Bookmarks"
+            ] }),
+            /* @__PURE__ */ a(O.Trigger, { value: "annotations", children: [
+              /* @__PURE__ */ t(te, {}),
+              "Annotations"
+            ] }),
+            /* @__PURE__ */ t(O.Indicator, {})
+          ] }),
+          /* @__PURE__ */ t(O.Content, { value: "bookmarks", children: /* @__PURE__ */ t(At, { onNavigate: e }) }),
+          /* @__PURE__ */ t(O.Content, { value: "annotations", children: /* @__PURE__ */ t(Rt, { onNavigate: e }) })
+        ]
+      }
+    );
   }
-), St = f(
+), zt = p(
   ({
-    open: e,
+    openWith: e,
     setOpen: n,
     onNavigate: o
   }) => /* @__PURE__ */ t(
-    F,
+    Y,
     {
       lazyMount: !0,
       placement: "center",
-      open: e,
-      onOpenChange: (r) => n(r.open),
+      open: !!e,
+      onOpenChange: (i) => n(i.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ d($, { height: "100%", children: [
-        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(Y, { children: "Annotations" }) }),
-        /* @__PURE__ */ t(G, { flex: 1, children: /* @__PURE__ */ t(yt, { onNavigate: o }) }),
-        /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(V, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ t(N, {})
+      children: /* @__PURE__ */ a(G, { height: "100%", children: [
+        /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(K, { children: "Annotations" }) }),
+        /* @__PURE__ */ t(Q, { flex: 1, children: /* @__PURE__ */ t(
+          Ot,
+          {
+            onNavigate: o,
+            defaultTab: e
+          }
+        ) }),
+        /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t(W, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ t(V, {})
       ] })
     }
   )
-), It = f(() => {
-  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]
-  ), l = x(
-    () => n == null ? void 0 : n.bookmarks.bookmarks$,
+), Dt = p(({ children: e }) => {
+  const n = m(), o = b(() => n == null ? void 0 : n.spine.element$, [n]);
+  return o ? /* @__PURE__ */ t(ne, { children: lt(e, o) }) : null;
+}), Bt = ({
+  absolutePageIndex: e,
+  itemIndex: n
+}) => {
+  const o = m(), i = b(
+    () => o == null ? void 0 : o.spine.spineItemsManager.items$,
+    [o]
+  );
+  return {
+    spineItem: ae(() => {
+      if (n !== void 0)
+        return o == null ? void 0 : o.spine.spineItemsManager.get(n);
+      if (e !== void 0) {
+        const { itemIndex: s } = (o == null ? void 0 : o.spine.locator.getSpineInfoFromAbsolutePageIndex({
+          absolutePageIndex: e
+        })) ?? {};
+        return o == null ? void 0 : o.spine.spineItemsManager.get(s);
+      }
+    }, [n, e, o, i])
+  };
+}, Et = ({
+  absolutePageIndex: e,
+  itemIndex: n
+}) => {
+  const { spineItem: o } = Bt({ absolutePageIndex: e, itemIndex: n });
+  return b(
+    () => (o == null ? void 0 : o.isReady$) ?? He(!1),
+    [o]
+  );
+}, Mt = "data-bookmark-area", ze = () => {
+  const e = m();
+  return j(e) ? e : void 0;
+}, Lt = (e) => {
+  const n = ze();
+  return b(
+    () => n == null ? void 0 : n.annotations.candidates$.pipe(
+      L((o) => o[e])
+    ),
     [n]
-  ), i = x(
-    () => e == null ? void 0 : e.locateResource(l ?? []),
-    [e, l]
   );
-  return o ? /* @__PURE__ */ t(Z, { children: nt(
-    r == null ? void 0 : r.map(
-      ({ isBookmarkable: s, absolutePosition: { left: c, top: u, width: a } }, g) => {
-        const h = i == null ? void 0 : i.find(
-          (m) => {
-            var v;
-            return ((v = m == null ? void 0 : m.meta) == null ? void 0 : v.absolutePageIndex) === g;
-          }
-        );
-        return s ? /* @__PURE__ */ t(
-          X,
+}, _t = p(
+  ({
+    absolutePageIndex: e,
+    left: n,
+    top: o,
+    width: i
+  }) => {
+    const r = ze(), s = Et({ absolutePageIndex: e }), { data: c } = pe(), d = c == null ? void 0 : c.find(
+      (l) => {
+        var g;
+        return ((g = l == null ? void 0 : l.meta) == null ? void 0 : g.absolutePageIndex) === e && l.meta.range === void 0;
+      }
+    ), u = Lt(e);
+    return !s || !u ? null : /* @__PURE__ */ t(
+      ee,
+      {
+        present: !0,
+        lazyMount: !0,
+        animationName: { _open: "fade-in", _closed: "fade-out" },
+        animationDuration: "moderate",
+        children: /* @__PURE__ */ t(
+          w,
           {
-            present: !0,
-            lazyMount: !0,
-            animationName: { _open: "fade-in", _closed: "fade-out" },
-            animationDuration: "moderate",
-            children: /* @__PURE__ */ t(
-              R,
+            "data-bookmark-area": Mt,
+            position: "absolute",
+            left: n + i,
+            transform: "translateX(-100%)",
+            top: o,
+            p: 2,
+            children: d ? /* @__PURE__ */ t(
+              v,
               {
-                "data-bookmark-area": !0,
-                position: "absolute",
-                left: c + a,
-                transform: "translateX(-100%)",
-                top: u,
-                p: 2,
-                children: h ? /* @__PURE__ */ t(
-                  b,
-                  {
-                    "aria-label": "bookmark",
-                    opacity: 0.5,
-                    _hover: { opacity: 1 },
-                    onClick: () => {
-                      h && (n == null || n.bookmarks.delete(
-                        h.resource.id
-                      ));
-                    },
-                    size: "lg",
-                    variant: "ghost",
-                    _icon: { boxSize: "36px" },
-                    children: /* @__PURE__ */ t(rt, {})
-                  }
-                ) : /* @__PURE__ */ t(
-                  b,
-                  {
-                    "aria-label": "bookmark",
-                    onClick: () => {
-                      n == null || n.bookmarks.bookmark(g);
-                    },
-                    size: "lg",
-                    bgColor: "white",
-                    opacity: 0.5,
-                    _hover: { opacity: 1 },
-                    variant: "ghost",
-                    _icon: { boxSize: "36px" },
-                    children: /* @__PURE__ */ t(ot, {})
-                  }
-                )
+                "aria-label": "bookmark",
+                opacity: 0.5,
+                _hover: { opacity: 1 },
+                onClick: () => {
+                  r == null || r.annotations.delete(d.resource.id);
+                },
+                size: "lg",
+                variant: "ghost",
+                _icon: { boxSize: "36px" },
+                children: /* @__PURE__ */ t(ct, {})
+              }
+            ) : /* @__PURE__ */ t(
+              v,
+              {
+                "aria-label": "bookmark",
+                onClick: () => {
+                  r == null || r.annotations.annotateAbsolutePage({
+                    absolutePageIndex: e
+                  });
+                },
+                size: "lg",
+                bgColor: "white",
+                opacity: 0.5,
+                _hover: { opacity: 1 },
+                variant: "ghost",
+                _icon: { boxSize: "36px" },
+                children: /* @__PURE__ */ t(at, {})
               }
             )
-          },
-          g
-        ) : null;
-      }
-    ),
-    o
-  ) }) : null;
-}), kt = f(
-  ({ onNavigate: e }) => {
-    const n = C(), o = ue(n) ? n : void 0, r = x(
-      () => o == null ? void 0 : o.bookmarks.bookmarks$.pipe(
-        Q((i) => o.locateResource(i))
-      ),
-      [o]
-    ), l = (i, s) => {
-      var c, u, a, g, h;
-      return /* @__PURE__ */ d(k.Item, { justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ t(
-          ne,
-          {
-            href: "#",
-            onClick: () => {
-              e(), n == null || n.navigation.goToCfi(i.meta.cfi ?? "");
-            },
-            children: /* @__PURE__ */ d(P, { gap: 0, children: [
-              /* @__PURE__ */ t(p, { fontSize: "md", children: `Book page: ${((c = i.meta) == null ? void 0 : c.absolutePageIndex) !== void 0 ? i.meta.absolutePageIndex + 1 : "unknown"}` }),
-              /* @__PURE__ */ t(
-                p,
-                {
-                  fontStyle: "italic",
-                  fontWeight: "bold",
-                  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 : "..."
-                }
-              )
-            ] })
-          }
-        ),
-        /* @__PURE__ */ t(
-          _,
-          {
-            colorPalette: "red",
-            variant: "solid",
-            size: "xs",
-            onClick: () => {
-              o == null || o.bookmarks.delete(i.resource.id);
-            },
-            children: "Delete"
           }
         )
-      ] }, s);
-    };
-    return /* @__PURE__ */ t(k.Root, { overflowY: "auto", gap: 3, variant: "plain", overflow: "auto", children: r == null ? void 0 : r.map(
-      (i, s) => l(i, s)
-    ) });
+      }
+    );
   }
-), wt = f(
-  ({
-    open: e,
-    setOpen: n,
-    onNavigate: o
-  }) => /* @__PURE__ */ t(
-    F,
-    {
-      lazyMount: !0,
-      placement: "center",
-      open: e,
-      onOpenChange: (r) => n(r.open),
-      size: { mdDown: "full", md: "lg" },
-      scrollBehavior: "inside",
-      children: /* @__PURE__ */ d($, { height: "100%", children: [
-        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(Y, { children: "Bookmarks" }) }),
-        /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(kt, { onNavigate: o }) }),
-        /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(V, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ t(N, {})
-      ] })
-    }
-  )
-), se = Ge({
+), $t = p(() => {
+  const e = m(), n = b(() => e == null ? void 0 : e.layoutInfo$, [e]);
+  return /* @__PURE__ */ t(Dt, { children: n == null ? void 0 : n.pages.map(
+    ({ absoluteLayout: { left: o, top: i, width: r } }, s) => /* @__PURE__ */ t(
+      _t,
+      {
+        absolutePageIndex: s,
+        left: o,
+        top: i,
+        width: r
+      },
+      s
+    )
+  ) });
+}), le = Ue({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), Tt = () => /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(Ye, { toaster: se, insetInline: { mdDown: "4" }, children: (e) => {
+}), Nt = () => /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ t(qe, { toaster: le, insetInline: { mdDown: "4" }, children: (e) => {
   var n;
-  return /* @__PURE__ */ d(L.Root, { width: { md: "sm" }, children: [
-    e.type === "loading" ? /* @__PURE__ */ t(Ve, { 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 })
+  return /* @__PURE__ */ a(E.Root, { width: { md: "sm" }, children: [
+    e.type === "loading" ? /* @__PURE__ */ t(Qe, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ t(E.Indicator, {}),
+    /* @__PURE__ */ a(P, { gap: "1", flex: "1", maxWidth: "100%", children: [
+      e.title && /* @__PURE__ */ t(E.Title, { children: e.title }),
+      e.description && /* @__PURE__ */ t(E.Description, { children: e.description })
     ] }),
-    e.action && /* @__PURE__ */ t(L.ActionTrigger, { children: e.action.label }),
-    ((n = e.meta) == null ? void 0 : n.closable) && /* @__PURE__ */ t(L.CloseTrigger, {})
+    e.action && /* @__PURE__ */ t(E.ActionTrigger, { children: e.action.label }),
+    ((n = e.meta) == null ? void 0 : n.closable) && /* @__PURE__ */ t(E.CloseTrigger, {})
   ] });
-} }) }), Pt = {
+} }) }), Ht = {
   x: 0,
   y: 0,
   width: 0,
@@ -317,64 +360,64 @@ const V = y.ActionTrigger, W = () => De(ke), C = () => {
   bottom: 0,
   right: 0
 };
-function Rt() {
-  const [e, n] = S(null), [o, r] = S(Pt), l = be(
-    () => new ResizeObserver((i) => {
-      if (i[0]) {
-        const { x: s, y: c, width: u, height: a, top: g, left: h, bottom: m, right: v } = i[0].contentRect;
-        r({ x: s, y: c, width: u, height: a, top: g, left: h, bottom: m, right: v });
+function Ft() {
+  const [e, n] = I(null), [o, i] = I(Ht), r = ae(
+    () => new ResizeObserver((s) => {
+      if (s[0]) {
+        const { x: c, y: d, width: u, height: l, top: g, left: h, bottom: C, right: y } = s[0].contentRect;
+        i({ x: c, y: d, width: u, height: l, top: g, left: h, bottom: C, right: y });
       }
     }),
     []
   );
-  return Ee(() => {
+  return Le(() => {
     if (e)
-      return l.observe(e), () => {
-        l.disconnect();
+      return r.observe(e), () => {
+        r.disconnect();
       };
-  }, [e, l]), [n, o, e];
+  }, [e, r]), [n, o, e];
 }
-const Ot = (e, n, o) => {
-  const r = C(), l = Pe(r) ? r : void 0;
-  M(() => {
-    if (!l || !e) return ee;
-    const i = n.layout.layout$.pipe(
-      Ce(n.layout.layoutInfo),
-      ve(lt)
-    ), s = st(
+const jt = (e, n, o) => {
+  const i = m(), r = Ae(i) ? i : void 0;
+  B(() => {
+    if (!r || !e) return ie;
+    const s = n.layout.layout$.pipe(
+      ye(n.layout.layoutInfo),
+      Ie(ht)
+    ), c = ut(
       e
-    ).pipe(te((c) => c.some((u) => u.isIntersecting)));
-    return i.pipe(
-      Be(100, void 0, { trailing: !0 }),
-      Q(() => s.pipe(
-        de((c) => {
-          c || (e.innerHTML = "");
+    ).pipe(L((d) => d.some((u) => u.isIntersecting)));
+    return s.pipe(
+      Fe(100, void 0, { trailing: !0 }),
+      H(() => c.pipe(
+        he((d) => {
+          d || (e.innerHTML = "");
         }),
-        re((c) => c),
-        ye()
+        J((d) => d),
+        Se()
       ).pipe(
-        Q(() => (e.innerHTML = "", l == null ? void 0 : l.gallery.snapshot(
+        H(() => (e.innerHTML = "", r == null ? void 0 : r.gallery.snapshot(
           n,
           e,
           o
         )))
       ))
     );
-  }, [l, n, o, e]);
-}, zt = f(
+  }, [r, n, o, e]);
+}, Wt = p(
   ({
     item: e,
     onNavigated: n
   }) => {
-    var c;
-    const [o, r, l] = Rt(), i = C();
-    Ot(l, e, r);
-    const s = x(
-      () => i == null ? void 0 : i.locateResource(e, { mode: "shallow" }),
-      [i, e]
+    var d;
+    const [o, i, r] = Ft(), s = m();
+    jt(r, e, i);
+    const c = b(
+      () => s == null ? void 0 : s.locateResource(e, { mode: "shallow" }),
+      [s, e]
     );
-    return /* @__PURE__ */ d(
-      R,
+    return /* @__PURE__ */ a(
+      w,
       {
         width: "100%",
         aspectRatio: "2/3",
@@ -386,11 +429,11 @@ const Ot = (e, n, o) => {
         position: "relative",
         overflow: "hidden",
         onClick: () => {
-          n(), i == null || i.navigation.goToSpineItem({ indexOrId: e });
+          n(), s == null || s.navigation.goToSpineItem({ indexOrId: e });
         },
         children: [
           /* @__PURE__ */ t(
-            R,
+            w,
             {
               height: "100%",
               width: "100%",
@@ -399,8 +442,8 @@ const Ot = (e, n, o) => {
               ref: o
             }
           ),
-          /* @__PURE__ */ d(
-            p,
+          /* @__PURE__ */ a(
+            f,
             {
               position: "absolute",
               bottom: 0,
@@ -412,7 +455,7 @@ const Ot = (e, n, o) => {
               fontSize: "xs",
               children: [
                 "Page ",
-                (((c = s == null ? void 0 : s.meta) == null ? void 0 : c.absolutePageIndex) ?? 0) + 1
+                (((d = c == null ? void 0 : c.meta) == null ? void 0 : d.absolutePageIndex) ?? 0) + 1
               ]
             }
           )
@@ -420,25 +463,25 @@ const Ot = (e, n, o) => {
       }
     );
   }
-), Dt = f(
+), Gt = p(
   ({
     open: e,
     setOpen: n
   }) => {
-    const o = C(), r = x(() => o == null ? void 0 : o.spineItemsManager.items$, [o]);
+    const o = m(), i = b(() => o == null ? void 0 : o.spineItemsManager.items$, [o]);
     return /* @__PURE__ */ t(
-      F,
+      Y,
       {
         lazyMount: !0,
         placement: "center",
         open: e,
-        onOpenChange: (l) => n(l.open),
+        onOpenChange: (r) => n(r.open),
         size: { mdDown: "full", md: "lg" },
         scrollBehavior: "inside",
-        children: /* @__PURE__ */ d($, { height: "100%", children: [
-          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(Y, { children: "Gallery" }) }),
-          /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(
-            R,
+        children: /* @__PURE__ */ a(G, { height: "100%", children: [
+          /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(K, { children: "Gallery" }) }),
+          /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(
+            w,
             {
               gridTemplateColumns: [
                 "repeat(2, minmax(0, 1fr))",
@@ -448,30 +491,30 @@ const Ot = (e, n, o) => {
               gap: [2, 4],
               pt: 2,
               "data-grid": !0,
-              children: r == null ? void 0 : r.map((l) => /* @__PURE__ */ t(
-                zt,
+              children: i == null ? void 0 : i.map((r) => /* @__PURE__ */ t(
+                Wt,
                 {
-                  item: l,
+                  item: r,
                   onNavigated: () => {
                     n(!1);
                   }
                 },
-                l.item.id
+                r.item.id
               ))
             }
           ) }),
-          /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(V, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
-          /* @__PURE__ */ t(N, {})
+          /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t(W, { variant: "outline", children: "Cancel" }) }) }),
+          /* @__PURE__ */ t(V, {})
         ] })
       }
     );
   }
-), Et = "@prose-reader/react-reader", At = "1.220.0", Mt = f(
+), Vt = "@prose-reader/react-reader", Yt = "1.222.0", Ut = p(
   ({
     open: e,
     setOpen: n
   }) => /* @__PURE__ */ t(
-    F,
+    Y,
     {
       lazyMount: !0,
       placement: "center",
@@ -479,95 +522,95 @@ const Ot = (e, n, o) => {
       onOpenChange: (o) => n(o.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ d($, { children: [
-        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(Y, { children: "Help" }) }),
-        /* @__PURE__ */ d(G, { overflowY: "auto", flex: 1, children: [
-          /* @__PURE__ */ t(ie, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-          /* @__PURE__ */ d(E, { mb: 1, children: [
-            /* @__PURE__ */ t(fe, { children: /* @__PURE__ */ t(Ke, {}) }),
+      children: /* @__PURE__ */ a(G, { children: [
+        /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(K, { children: "Help" }) }),
+        /* @__PURE__ */ a(Q, { overflowY: "auto", flex: 1, children: [
+          /* @__PURE__ */ t(se, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+          /* @__PURE__ */ a(z, { mb: 1, children: [
+            /* @__PURE__ */ t(xe, { children: /* @__PURE__ */ t(et, {}) }),
             " ",
-            /* @__PURE__ */ t(p, { children: "Navigate to right page" })
+            /* @__PURE__ */ t(f, { children: "Navigate to right page" })
           ] }),
-          /* @__PURE__ */ d(E, { mb: 1, children: [
-            /* @__PURE__ */ t(fe, { children: /* @__PURE__ */ t(We, {}) }),
+          /* @__PURE__ */ a(z, { mb: 1, children: [
+            /* @__PURE__ */ t(xe, { children: /* @__PURE__ */ t(tt, {}) }),
             " ",
-            /* @__PURE__ */ t(p, { children: "Navigate to left page" })
+            /* @__PURE__ */ t(f, { children: "Navigate to left page" })
           ] }),
-          /* @__PURE__ */ t(ie, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
-          /* @__PURE__ */ d(p, { children: [
-            Et,
+          /* @__PURE__ */ t(se, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
+          /* @__PURE__ */ a(f, { children: [
+            Vt,
             " version: ",
-            At
+            Yt
           ] })
         ] }),
-        /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(V, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ t(N, {})
+        /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t(W, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ t(V, {})
       ] })
     }
   )
-), U = () => {
-  const e = C();
-  return x(
-    () => e ? $e([e.pagination.state$, e.context.state$]).pipe(
-      te(([n, o]) => {
-        var l;
-        const r = (l = o.manifest) == null ? void 0 : l.spineItems.every(
-          (i) => {
-            var s;
-            return (s = i.mediaType) == null ? void 0 : s.startsWith("image/");
+), _ = () => {
+  const e = m();
+  return b(
+    () => e ? je([e.pagination.state$, e.context.state$]).pipe(
+      L(([n, o]) => {
+        var r;
+        const i = (r = o.manifest) == null ? void 0 : r.spineItems.every(
+          (s) => {
+            var c;
+            return (c = s.mediaType) == null ? void 0 : c.startsWith("image/");
           }
         );
         return {
           ...n,
-          hasChapters: !o.isFullyPrePaginated && !r
+          hasChapters: !o.isFullyPrePaginated && !i
         };
       })
-    ) : ee,
+    ) : ie,
     [e]
   );
-}, _t = () => {
-  const e = U(), n = Math.floor(
+}, 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(R, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ d(p, { fontSize: "sm", children: [
+  return (e == null ? void 0 : e.percentageEstimateOfBook) === void 0 ? null : /* @__PURE__ */ t(w, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ a(f, { fontSize: "sm", children: [
     o,
     " %"
   ] }) });
-}, Lt = () => {
-  const [e, n] = S(/* @__PURE__ */ new Date());
-  return J(() => {
+}, Qt = () => {
+  const [e, n] = I(/* @__PURE__ */ new Date());
+  return oe(() => {
     const o = setInterval(() => {
       n(/* @__PURE__ */ new Date());
     }, 6e4);
     return () => clearInterval(o);
   }, []), e;
-}, Bt = (e) => {
-  const n = Lt();
-  return /* @__PURE__ */ t(p, { fontSize: "xs", ...e, children: n.toLocaleTimeString(navigator.language, {
+}, Kt = (e) => {
+  const n = Qt();
+  return /* @__PURE__ */ t(f, { fontSize: "xs", ...e, children: n.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
   }) });
-}, ge = () => {
-  const { quickMenuSignal: e } = W();
-  return [_e(e), e.setValue, e];
-}, $t = () => {
-  const [e] = ge();
+}, me = () => {
+  const { quickMenuSignal: e } = Z();
+  return [Ne(e), e.setValue, e];
+}, Xt = () => {
+  const [e] = me();
   return /* @__PURE__ */ t(
-    R,
+    w,
     {
       position: "absolute",
       left: 0,
       bottom: 0,
       p: 2,
       color: e ? void 0 : "colorPalette.contrast",
-      children: /* @__PURE__ */ t(Bt, {})
+      children: /* @__PURE__ */ t(Kt, {})
     }
   );
-}, Nt = () => {
-  const e = C();
-  M(
+}, Zt = () => {
+  const e = m();
+  B(
     () => e == null ? void 0 : e.links$.subscribe((n) => {
-      if (n.type === "click" && at(n.target, "a")) {
+      if (n.type === "click" && gt(n.target, "a")) {
         if (!n.target.href) return;
         const o = new URL(n.target.href);
         window.location.host !== o.host && confirm(
@@ -577,35 +620,35 @@ const Ot = (e, n, o) => {
     }),
     [e]
   );
-}, Ft = () => {
-  const e = C(), { notificationsSubject: n } = W();
-  M(
+}, Jt = () => {
+  const e = m(), { notificationsSubject: n } = Z();
+  B(
     () => e == null ? void 0 : e.zoom.isZooming$.pipe(
-      Q((o) => {
-        if (!o) return Ne;
-        const r = new ce();
+      H((o) => {
+        if (!o) return We;
+        const i = new de();
         return n.next({
           key: "zoom",
           title: "Zooming",
           duration: 999999,
-          abort: r
-        }), ee.pipe(
-          Se(() => {
-            r.next(), r.complete();
+          abort: i
+        }), ie.pipe(
+          we(() => {
+            i.next(), i.complete();
           })
         );
       })
     ),
     [e]
   );
-}, Ht = () => {
-  const e = C(), { notificationsSubject: n } = W();
-  M(
+}, en = () => {
+  const e = m(), { notificationsSubject: n } = Z();
+  B(
     () => e == null ? void 0 : e.settings.values$.pipe(
-      te(({ fontScale: o }) => o),
-      ve(),
-      Ie(1),
-      de((o) => {
+      L(({ fontScale: o }) => o),
+      Ie(),
+      Te(1),
+      he((o) => {
         n.next({
           key: "fontScaleChange",
           title: "Font size changed",
@@ -615,53 +658,53 @@ const Ot = (e, n, o) => {
     ),
     [e, n]
   );
-}, jt = () => {
-  const { notificationsSubject: e } = W();
-  Ht(), Ft(), M(
+}, tn = () => {
+  const { notificationsSubject: e } = Z();
+  en(), Jt(), B(
     () => e.pipe(
-      re(Le),
-      Fe((n) => {
-        const o = n.duration ?? 3e3, r = se.create({
+      J(ke),
+      Ge((n) => {
+        const o = n.duration ?? 3e3, i = le.create({
           title: n.title,
           description: n.description,
           duration: o
-        }), l = e.pipe(
-          Ie(1),
-          re((i) => !!n.key && (i == null ? void 0 : i.key) === n.key)
+        }), r = e.pipe(
+          Te(1),
+          J((s) => !!n.key && (s == null ? void 0 : s.key) === n.key)
         );
-        return He(
-          je(o),
-          n.abort ?? ee,
-          l
+        return Ve(
+          Ye(o),
+          n.abort ?? ie,
+          r
         ).pipe(
-          ye(),
-          Se(() => {
-            se.dismiss(r);
+          Se(),
+          we(() => {
+            le.dismiss(i);
           })
         );
       })
     ),
     [e]
   );
-}, Gt = A.forwardRef(
+}, nn = D.forwardRef(
   function(n, o) {
     const {
-      showArrow: r,
-      children: l,
-      portalled: i = !0,
-      content: s,
-      portalRef: c,
+      showArrow: i,
+      children: r,
+      portalled: s = !0,
+      content: c,
+      portalRef: d,
       ...u
     } = n;
-    return /* @__PURE__ */ d(
-      B.Root,
+    return /* @__PURE__ */ a(
+      M.Root,
       {
         ...u,
         positioning: { ...u.positioning, gutter: 4 },
         children: [
-          /* @__PURE__ */ t(B.Trigger, { asChild: !0, children: l }),
-          /* @__PURE__ */ t(he, { disabled: !i, container: c, children: /* @__PURE__ */ t(B.Positioner, { children: /* @__PURE__ */ d(
-            B.Content,
+          /* @__PURE__ */ t(M.Trigger, { asChild: !0, children: r }),
+          /* @__PURE__ */ t(ue, { disabled: !s, container: d, children: /* @__PURE__ */ t(M.Positioner, { children: /* @__PURE__ */ a(
+            M.Content,
             {
               width: "auto",
               px: "2",
@@ -670,8 +713,8 @@ const Ot = (e, n, o) => {
               rounded: "sm",
               ref: o,
               children: [
-                r && /* @__PURE__ */ t(B.Arrow, { children: /* @__PURE__ */ t(B.ArrowTip, {}) }),
-                s
+                i && /* @__PURE__ */ t(M.Arrow, { children: /* @__PURE__ */ t(M.ArrowTip, {}) }),
+                c
               ]
             }
           ) }) })
@@ -679,63 +722,63 @@ const Ot = (e, n, o) => {
       }
     );
   }
-), Yt = A.forwardRef(function(n, o) {
-  const { children: r, ...l } = n;
-  return /* @__PURE__ */ t(Gt, { content: r, ...l, ref: o, children: /* @__PURE__ */ t(
-    b,
+), on = D.forwardRef(function(n, o) {
+  const { children: i, ...r } = n;
+  return /* @__PURE__ */ t(nn, { content: i, ...r, ref: o, children: /* @__PURE__ */ t(
+    v,
     {
       variant: "ghost",
       "aria-label": "info",
       size: "2xs",
       colorPalette: "gray",
-      children: /* @__PURE__ */ t(pt, {})
+      children: /* @__PURE__ */ t(vt, {})
     }
   ) });
-}), Vt = A.forwardRef(function(n, o) {
-  return /* @__PURE__ */ t(K.Track, { ...n, ref: o, children: /* @__PURE__ */ t(K.Range, {}) });
+}), rn = D.forwardRef(function(n, o) {
+  return /* @__PURE__ */ t(F.Track, { ...n, ref: o, children: /* @__PURE__ */ t(F.Range, {}) });
 });
-A.forwardRef(function(n, o) {
-  const { children: r, info: l, ...i } = n;
-  return /* @__PURE__ */ d(K.Label, { ...i, ref: o, children: [
-    r,
-    l && /* @__PURE__ */ t(Yt, { children: l })
+D.forwardRef(function(n, o) {
+  const { children: i, info: r, ...s } = n;
+  return /* @__PURE__ */ a(F.Label, { ...s, ref: o, children: [
+    i,
+    r && /* @__PURE__ */ t(on, { children: r })
   ] });
 });
-const Ut = K.Root, qt = 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, 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, c = 0] = [
-    l,
-    i
-  ].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;
+const sn = F.Root, ln = F.ValueText, fe = () => {
+  const e = _(), n = (e == null ? void 0 : e.numberOfTotalPages) === 1, o = ((e == null ? void 0 : e.beginNumberOfPagesInSpineItem) ?? 0) > 1, i = ((e == null ? void 0 : e.endNumberOfPagesInSpineItem) ?? 0) > 1, r = (e != null && e.hasChapters ? e == null ? void 0 : e.beginPageIndexInSpineItem : e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0, s = (e != null && e.hasChapters ? e == null ? void 0 : e.endPageIndexInSpineItem : e == null ? void 0 : e.endAbsolutePageIndex) ?? 0, [c = 0, d = 0] = [
+    r,
+    s
+  ].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), l = e != null && e.hasChapters ? e == null ? void 0 : e.beginNumberOfPagesInSpineItem : e == null ? void 0 : e.numberOfTotalPages;
   return {
     hasOnlyOnePage: n,
-    beginPageIndex: l,
-    endPageIndex: i,
+    beginPageIndex: r,
+    endPageIndex: s,
     isBeginWithinChapter: o,
-    isEndWithinChapter: r,
+    isEndWithinChapter: i,
     beginAndEndAreDifferent: u,
-    totalApproximatePages: a,
-    leftPageIndex: s,
-    rightPageIndex: c
+    totalApproximatePages: l,
+    leftPageIndex: c,
+    rightPageIndex: d
   };
-}, Qt = () => {
-  const e = U(), {
+}, an = () => {
+  const e = _(), {
     hasOnlyOnePage: n,
     leftPageIndex: o,
-    rightPageIndex: r,
-    totalApproximatePages: l,
-    beginAndEndAreDifferent: i
-  } = 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(Ut, { value: s, size: "xs", width: 150, children: /* @__PURE__ */ d(E, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ t(Vt, { width: 110 }),
-      /* @__PURE__ */ t(qt, { children: `${s}%` })
+    rightPageIndex: i,
+    totalApproximatePages: r,
+    beginAndEndAreDifferent: s
+  } = fe(), c = Math.round(((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100), d = (l) => l != null && l.subChapter ? `${l.title} / ${d(l.subChapter)}` : (l == null ? void 0 : l.title) || "", u = d(e == null ? void 0 : e.beginChapterInfo);
+  return /* @__PURE__ */ a(P, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
+    /* @__PURE__ */ t(sn, { value: c, size: "xs", width: 150, children: /* @__PURE__ */ a(z, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ t(rn, { width: 110 }),
+      /* @__PURE__ */ t(ln, { children: `${c}%` })
     ] }) }),
-    /* @__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: i ? `${o + 1} - ${r + 1} of ${l}` : `${o + 1} of ${l}` }),
-      !!(e != null && e.hasChapters) && /* @__PURE__ */ d(Z, { children: [
-        /* @__PURE__ */ t(p, { children: "-" }),
-        /* @__PURE__ */ d(p, { fontSize: "xs", children: [
+    /* @__PURE__ */ t(f, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
+    !n && /* @__PURE__ */ a(z, { children: [
+      /* @__PURE__ */ t(f, { fontSize: "xs", children: s ? `${o + 1} - ${i + 1} of ${r}` : `${o + 1} of ${r}` }),
+      !!(e != null && e.hasChapters) && /* @__PURE__ */ a(ne, { children: [
+        /* @__PURE__ */ t(f, { children: "-" }),
+        /* @__PURE__ */ a(f, { fontSize: "xs", children: [
           "(",
           ((e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0) + 1,
           ")"
@@ -743,13 +786,13 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
       ] })
     ] })
   ] });
-}, Re = f(
+}, De = p(
   ({
     children: e,
     position: n,
     ...o
   }) => /* @__PURE__ */ t(
-    X,
+    ee,
     {
       display: "flex",
       flexDirection: "row",
@@ -773,8 +816,8 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
       children: e
     }
   )
-), Kt = Ue(ft), Wt = f((e) => /* @__PURE__ */ t(
-  R,
+), cn = Ke(Ct), dn = p((e) => /* @__PURE__ */ t(
+  w,
   {
     display: "contents",
     css: {
@@ -783,7 +826,7 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
       "--color-solid": "colors.colorPalette.solid"
     },
     children: /* @__PURE__ */ t(
-      Kt,
+      cn,
       {
         keyboard: !1,
         style: {
@@ -827,66 +870,66 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
       }
     )
   }
-)), Xt = () => {
-  const e = U(), n = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = pe(), l = n ? Math.floor((o || 0) / 2) : o, [i, s] = xe(
-    () => ae({
-      default: l || 0
+)), hn = () => {
+  const e = _(), n = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: o, totalApproximatePages: i = 0 } = fe(), r = n ? Math.floor((o || 0) / 2) : o, [s, c] = Ce(
+    () => ce({
+      default: r || 0
     })
-  ), c = 0, u = Math.max(
+  ), d = 0, u = Math.max(
     0,
-    n ? Math.floor((r - 1) / 2) : r - 1
+    n ? Math.floor((i - 1) / 2) : i - 1
   );
-  return J(() => {
-    s.update(l || 0);
-  }, [l, s]), {
-    value: i,
-    valueSignal: s,
-    min: c,
+  return oe(() => {
+    c.update(r || 0);
+  }, [r, c]), {
+    value: s,
+    valueSignal: c,
+    min: d,
     max: u
   };
-}, Zt = (e) => {
-  const n = C(), o = U(), { manifest: r } = x(() => n == null ? void 0 : n.context.state$, [n]) ?? {}, l = (r == null ? void 0 : r.readingDirection) === "rtl", i = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: s = 0, isBeginWithinChapter: c } = pe(), u = 1, a = c, { value: g, valueSignal: h, min: m, max: v } = Xt(), w = q(
-    (O) => {
-      const [I = 0] = Array.isArray(O) ? O : [O];
-      h.setValue(I);
-      const D = i ? Math.floor(I) * 2 : Math.floor(I);
-      a ? n == null || n.navigation.goToPageOfSpineItem({
-        pageIndex: D,
+}, un = (e) => {
+  const n = m(), o = _(), { manifest: i } = b(() => n == null ? void 0 : n.context.state$, [n]) ?? {}, r = (i == null ? void 0 : i.readingDirection) === "rtl", s = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: c = 0, isBeginWithinChapter: d } = fe(), u = 1, l = d, { value: g, valueSignal: h, min: C, max: y } = hn(), T = N(
+    (A) => {
+      const [x = 0] = Array.isArray(A) ? A : [A];
+      h.setValue(x);
+      const $ = s ? Math.floor(x) * 2 : Math.floor(x);
+      l ? n == null || n.navigation.goToPageOfSpineItem({
+        pageIndex: $,
         spineItemId: n.pagination.state.beginSpineItemIndex ?? 0,
         animation: !1
       }) : n == null || n.navigation.goToAbsolutePageIndex({
-        absolutePageIndex: D,
+        absolutePageIndex: $,
         animation: !1
       });
     },
-    [n, i, h, a]
+    [n, s, h, l]
   );
-  return M(
+  return B(
     () => n == null ? void 0 : n.navigation.throttleLock({
       duration: 100,
       trigger: h.subject
     }),
     [n, h]
-  ), s === 1 || i && s === 2 ? /* @__PURE__ */ t(R, { style: e.style }) : /* @__PURE__ */ t(
-    Wt,
+  ), c === 1 || s && c === 2 ? /* @__PURE__ */ t(w, { style: e.style }) : /* @__PURE__ */ t(
+    dn,
     {
       value: [g],
-      max: v,
-      min: m,
-      reverse: l,
+      max: y,
+      min: C,
+      reverse: r,
       step: u,
-      onChange: w,
+      onChange: T,
       ...e
     }
   );
-}, Jt = f(
+}, gn = p(
   ({
     open: e,
     onItemClick: n
   }) => {
-    const o = C(), r = x(() => o == null ? void 0 : o.navigation.state$, [o]), l = x(() => o == null ? void 0 : o.settings.values$, [o]), i = (l == null ? void 0 : l.computedPageTurnDirection) === "vertical", [s, c] = S(!0);
-    return /* @__PURE__ */ d(
-      Re,
+    const o = m(), i = b(() => o == null ? void 0 : o.navigation.state$, [o]), r = b(() => o == null ? void 0 : o.settings.values$, [o]), s = (r == null ? void 0 : r.computedPageTurnDirection) === "vertical", [c, d] = I(!0);
+    return /* @__PURE__ */ a(
+      De,
       {
         present: e,
         position: "bottom",
@@ -895,20 +938,20 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
         overflow: "auto",
         pb: 8,
         children: [
-          /* @__PURE__ */ d(E, { flex: 1, alignItems: "center", justifyContent: "center", children: [
+          /* @__PURE__ */ a(z, { flex: 1, alignItems: "center", justifyContent: "center", children: [
             /* @__PURE__ */ t(
-              b,
+              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: i ? /* @__PURE__ */ t(dt, {}) : /* @__PURE__ */ t(ht, {})
+                disabled: !(i != null && i.canGoLeftSpineItem) && !(i != null && i.canGoTopSpineItem),
+                children: s ? /* @__PURE__ */ t(mt, {}) : /* @__PURE__ */ t(ft, {})
               }
             ),
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ a(
               P,
               {
                 flex: 1,
@@ -918,9 +961,9 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
                 overflow: "auto",
                 px: 4,
                 children: [
-                  /* @__PURE__ */ t(Qt, {}),
+                  /* @__PURE__ */ t(an, {}),
                   /* @__PURE__ */ t(
-                    Zt,
+                    un,
                     {
                       style: {
                         width: "100%",
@@ -933,99 +976,99 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
               }
             ),
             /* @__PURE__ */ t(
-              b,
+              v,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
-                disabled: !(r != null && r.canGoRightSpineItem) && !(r != null && r.canGoBottomSpineItem),
+                disabled: !(i != null && i.canGoRightSpineItem) && !(i != null && i.canGoBottomSpineItem),
                 onClick: () => {
                   o == null || o.navigation.goToRightOrBottomSpineItem();
                 },
-                children: i ? /* @__PURE__ */ t(ut, {}) : /* @__PURE__ */ t(gt, {})
+                children: s ? /* @__PURE__ */ t(bt, {}) : /* @__PURE__ */ t(xt, {})
               }
             )
           ] }),
-          /* @__PURE__ */ t(E, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ d(
-            oe.Root,
+          /* @__PURE__ */ t(z, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ a(
+            re.Root,
             {
-              open: s,
+              open: c,
               flex: 1,
               onOpenChange: ({ open: u }) => {
-                c(u);
+                d(u);
               },
               children: [
                 /* @__PURE__ */ t(
-                  oe.Trigger,
+                  re.Trigger,
                   {
                     paddingY: "3",
                     width: "100%",
                     display: "flex",
                     justifyContent: "center",
                     children: /* @__PURE__ */ t(
-                      Xe,
+                      nt,
                       {
                         style: {
-                          transform: s ? "rotate(0deg)" : "rotate(180deg)"
+                          transform: c ? "rotate(0deg)" : "rotate(180deg)"
                         }
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ d(oe.Content, { display: "flex", justifyContent: "center", children: [
+                /* @__PURE__ */ a(re.Content, { display: "flex", justifyContent: "center", children: [
                   /* @__PURE__ */ t(
-                    b,
+                    v,
                     {
                       "aria-label": "Help",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("help"),
-                      children: /* @__PURE__ */ t(Ze, {})
+                      children: /* @__PURE__ */ t(ot, {})
                     }
                   ),
                   /* @__PURE__ */ t(
-                    b,
+                    v,
                     {
                       "aria-label": "Table of contents",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("toc"),
-                      children: /* @__PURE__ */ t(Je, {})
+                      children: /* @__PURE__ */ t(it, {})
                     }
                   ),
-                  we(o) && /* @__PURE__ */ t(
-                    b,
+                  Pe(o) && /* @__PURE__ */ t(
+                    v,
                     {
                       "aria-label": "Search",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("search"),
-                      children: /* @__PURE__ */ t(et, {})
+                      children: /* @__PURE__ */ t(rt, {})
                     }
                   ),
-                  ue(o) && /* @__PURE__ */ t(
-                    b,
+                  j(o) && /* @__PURE__ */ t(
+                    v,
                     {
-                      "aria-label": "Search",
+                      "aria-label": "Bookmarks",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("bookmarks"),
-                      children: /* @__PURE__ */ t(it, {})
+                      children: /* @__PURE__ */ t(dt, {})
                     }
                   ),
-                  Te(o) && /* @__PURE__ */ t(
-                    b,
+                  j(o) && /* @__PURE__ */ t(
+                    v,
                     {
-                      "aria-label": "Search",
+                      "aria-label": "Annotations",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("annotations"),
-                      children: /* @__PURE__ */ t(le, {})
+                      children: /* @__PURE__ */ t(te, {})
                     }
                   ),
                   /* @__PURE__ */ t(
-                    b,
+                    v,
                     {
                       "aria-label": "Thumbnails",
                       size: "lg",
@@ -1035,17 +1078,17 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
                           viewportMode: (o == null ? void 0 : o.settings.values.viewportMode) === "normal" ? "thumbnails" : "normal"
                         });
                       },
-                      children: /* @__PURE__ */ t(tt, {})
+                      children: /* @__PURE__ */ t(st, {})
                     }
                   ),
-                  Pe(o) && /* @__PURE__ */ t(
-                    b,
+                  Ae(o) && /* @__PURE__ */ t(
+                    v,
                     {
                       "aria-label": "Gallery",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("gallery"),
-                      children: /* @__PURE__ */ t(ct, {})
+                      children: /* @__PURE__ */ t(pt, {})
                     }
                   )
                 ] })
@@ -1056,31 +1099,31 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
       }
     );
   }
-), en = () => {
-  const [e, n] = S(!1), o = q(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+), pn = () => {
+  const [e, n] = I(!1), o = N(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
     n(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
     n(!0);
   }), []);
-  return J(() => {
-    function r() {
+  return oe(() => {
+    function i() {
       n(!!document.fullscreenElement);
     }
-    return document.addEventListener("fullscreenchange", r), () => {
-      document.removeEventListener("fullscreenchange", r);
+    return document.addEventListener("fullscreenchange", i), () => {
+      document.removeEventListener("fullscreenchange", i);
     };
   }, []), {
     isFullscreen: e,
     onToggleFullscreenClick: o
   };
-}, tn = f(
+}, mn = p(
   ({
     open: e,
     onItemClick: n
   }) => {
-    const o = C(), r = x(() => o == null ? void 0 : o.context.manifest$, [o]), { isFullscreen: l, onToggleFullscreenClick: i } = en();
-    return /* @__PURE__ */ d(
-      Re,
+    const o = m(), i = b(() => o == null ? void 0 : o.context.manifest$, [o]), { isFullscreen: r, onToggleFullscreenClick: s } = pn();
+    return /* @__PURE__ */ a(
+      De,
       {
         present: e,
         position: "top",
@@ -1088,14 +1131,14 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
         justifyContent: "space-between",
         children: [
           /* @__PURE__ */ t(
-            b,
+            v,
             {
               "aria-label": "left",
               size: "lg",
               variant: "ghost",
               flexShrink: 0,
               onClick: () => n("back"),
-              children: /* @__PURE__ */ t(mt, {})
+              children: /* @__PURE__ */ t(kt, {})
             }
           ),
           /* @__PURE__ */ t(
@@ -1107,30 +1150,30 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
               alignItems: "center",
               overflow: "auto",
               px: 4,
-              children: /* @__PURE__ */ t(p, { truncate: !0, maxWidth: "100%", children: r == null ? void 0 : r.title })
+              children: /* @__PURE__ */ t(f, { truncate: !0, maxWidth: "100%", children: i == null ? void 0 : i.title })
             }
           ),
-          /* @__PURE__ */ d(E, { children: [
+          /* @__PURE__ */ a(z, { children: [
             /* @__PURE__ */ t(
-              b,
+              v,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: () => n("more"),
-                children: /* @__PURE__ */ t(bt, {})
+                children: /* @__PURE__ */ t(yt, {})
               }
             ),
             /* @__PURE__ */ t(
-              b,
+              v,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
-                onClick: i,
-                children: l ? /* @__PURE__ */ t(xt, {}) : /* @__PURE__ */ t(Ct, {})
+                onClick: s,
+                children: r ? /* @__PURE__ */ t(It, {}) : /* @__PURE__ */ t(St, {})
               }
             )
           ] })
@@ -1138,26 +1181,26 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
       }
     );
   }
-), nn = f(
+), fn = p(
   ({
     onItemClick: e
   }) => {
-    const [n] = ge();
-    return /* @__PURE__ */ d(Z, { children: [
-      /* @__PURE__ */ t(tn, { open: n, onItemClick: e }),
-      /* @__PURE__ */ t(Jt, { open: n, onItemClick: e })
+    const [n] = me();
+    return /* @__PURE__ */ a(ne, { children: [
+      /* @__PURE__ */ t(mn, { open: n, onItemClick: e }),
+      /* @__PURE__ */ t(gn, { open: n, onItemClick: e })
     ] });
   }
-), on = f(
+), bn = p(
   ({
     contextText: e = "",
     startOffset: n = 0,
     text: o,
-    cfi: r = "#",
-    onClick: l,
-    absolutePageIndex: i
+    cfi: i = "#",
+    onClick: r,
+    absolutePageIndex: s
   }) => {
-    const c = e.substring(
+    const d = e.substring(
       Math.max(n - 15, 0),
       Math.max(n, 0)
     ), u = e.substring(
@@ -1167,64 +1210,64 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
         e.length - 1
       )
     );
-    return /* @__PURE__ */ d(
-      ne,
+    return /* @__PURE__ */ a(
+      ge,
       {
-        href: r,
+        href: i,
         style: { margin: 5, overflow: "hidden" },
-        onClick: (a) => {
-          a.preventDefault(), l(r);
+        onClick: (l) => {
+          l.preventDefault(), r(i);
         },
         display: "flex",
         flexDirection: "column",
         alignItems: "flex-start",
         gap: 0,
         children: [
-          /* @__PURE__ */ d(p, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
+          /* @__PURE__ */ a(f, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
             '"',
-            c,
+            d,
             /* @__PURE__ */ t("b", { children: o }),
             u,
             '"'
           ] }),
-          /* @__PURE__ */ t(p, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${i !== void 0 ? i + 1 : "unknown (not loaded)"}` })
+          /* @__PURE__ */ t(f, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${s !== void 0 ? s + 1 : "unknown (not loaded)"}` })
         ]
       }
     );
   }
-), rn = f(
+), xn = p(
   ({
     onNavigate: e
   }) => {
-    const [n, o] = S(""), r = C(), l = we(r) ? r : void 0, i = (h) => {
+    const [n, o] = I(""), i = m(), r = Pe(i) ? i : void 0, s = (h) => {
       o(h.target.value);
-    }, s = q(
+    }, c = N(
       (h) => {
-        e(), r == null || r.navigation.goToCfi(h);
+        e(), i == null || i.navigation.goToCfi(h);
       },
-      [r, e]
-    ), c = x(
-      () => l == null ? void 0 : l.search.search(n).pipe(
-        te((h) => ({ type: "end", data: h })),
-        Ce({ type: "start" })
+      [i, e]
+    ), d = b(
+      () => r == null ? void 0 : r.search.search(n).pipe(
+        L((h) => ({ type: "end", data: h })),
+        ye({ type: "start" })
       ),
-      [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.locateResource(a.slice(0, 100)),
-      [a]
+      [i, n]
+    ), u = (d == null ? void 0 : d.type) === "start", l = (d == null ? void 0 : d.type) === "end" ? d.data : [], g = b(
+      () => i == null ? void 0 : i.locateResource(l.slice(0, 100)),
+      [l]
     );
-    return /* @__PURE__ */ d(P, { flex: 1, height: "100%", children: [
-      /* @__PURE__ */ t(R, { px: 4, children: /* @__PURE__ */ t(
-        qe,
+    return /* @__PURE__ */ a(P, { flex: 1, height: "100%", children: [
+      /* @__PURE__ */ t(w, { px: 4, children: /* @__PURE__ */ t(
+        Xe,
         {
           placeholder: "Type something...",
           value: n,
-          onChange: i,
+          onChange: s,
           borderRadius: 0
         }
       ) }),
-      /* @__PURE__ */ d(
-        R,
+      /* @__PURE__ */ a(
+        w,
         {
           px: 4,
           pb: 4,
@@ -1232,27 +1275,27 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
           flex: 1,
           style: { overflow: "hidden", overflowY: "auto" },
           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(ie, { as: "h2", size: "md", children: [
-                a.length,
+            u && /* @__PURE__ */ t(f, { children: "Searching ..." }),
+            !u && l.length === 0 && /* @__PURE__ */ t("p", { children: "There are no results" }),
+            !u && l.length >= 0 && /* @__PURE__ */ a(P, { children: [
+              /* @__PURE__ */ a(se, { as: "h2", size: "md", children: [
+                l.length,
                 " result(s)"
               ] }),
-              /* @__PURE__ */ t(P, { gap: 0, children: g == null ? void 0 : g.map((h, m) => {
-                var v, w, z, O, I, D, T;
+              /* @__PURE__ */ t(P, { gap: 0, children: g == null ? void 0 : g.map((h, C) => {
+                var y, T, R, A, x, $, be;
                 return /* @__PURE__ */ t(
-                  on,
+                  bn,
                   {
-                    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 = (I = h.meta) == null ? void 0 : I.range) == null ? void 0 : D.startOffset) ?? 0,
+                    contextText: ((R = (T = (y = h.meta) == null ? void 0 : y.range) == null ? void 0 : T.startContainer.parentElement) == null ? void 0 : R.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: s,
-                    absolutePageIndex: (T = h.meta) == null ? void 0 : T.absolutePageIndex
+                    onClick: c,
+                    absolutePageIndex: (be = h.meta) == null ? void 0 : be.absolutePageIndex
                   },
-                  m
+                  C
                 );
               }) })
             ] })
@@ -1261,62 +1304,62 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
       )
     ] });
   }
-), ln = f(
+), vn = p(
   ({
     open: e,
     setOpen: n,
     onNavigate: o
   }) => /* @__PURE__ */ t(
-    F,
+    Y,
     {
       lazyMount: !0,
       placement: "center",
       open: e,
-      onOpenChange: (r) => n(r.open),
+      onOpenChange: (i) => n(i.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ d($, { height: "100%", children: [
-        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(Y, { children: "Search" }) }),
-        /* @__PURE__ */ t(G, { flex: 1, children: /* @__PURE__ */ t(rn, { onNavigate: o }) }),
-        /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(V, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ t(N, {})
+      children: /* @__PURE__ */ a(G, { height: "100%", children: [
+        /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(K, { children: "Search" }) }),
+        /* @__PURE__ */ t(Q, { flex: 1, children: /* @__PURE__ */ t(xn, { onNavigate: o }) }),
+        /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t(W, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ t(V, {})
       ] })
     }
   )
-), sn = f(
+), Cn = p(
   ({
     onNavigate: e
   }) => {
-    const n = C(), { manifest: o, assumedRenditionLayout: r } = x(() => n == null ? void 0 : n.context.state$, [n]) ?? {}, { nav: l } = o ?? {}, i = U();
-    l != null && l.toc;
-    const { beginSpineItemIndex: s, beginPageIndexInSpineItem: c } = i ?? {}, u = (r === "reflowable" ? c : s) || 0;
-    console.log({ assumedRenditionLayout: r, currentSpineItemOrChapterPageIndex: u });
-    let a = i == null ? void 0 : i.beginChapterInfo;
-    for (; a != null && a.subChapter; )
-      a = a == null ? void 0 : a.subChapter;
-    const g = (h, m, v) => /* @__PURE__ */ d(Oe.Fragment, { children: [
+    const n = m(), { manifest: o, assumedRenditionLayout: i } = b(() => n == null ? void 0 : n.context.state$, [n]) ?? {}, { nav: r } = o ?? {}, s = _();
+    r != null && r.toc;
+    const { beginSpineItemIndex: c, beginPageIndexInSpineItem: d } = s ?? {}, u = (i === "reflowable" ? d : c) || 0;
+    console.log({ assumedRenditionLayout: i, currentSpineItemOrChapterPageIndex: u });
+    let l = s == null ? void 0 : s.beginChapterInfo;
+    for (; l != null && l.subChapter; )
+      l = l == null ? void 0 : l.subChapter;
+    const g = (h, C, y) => /* @__PURE__ */ a(Be.Fragment, { children: [
       /* @__PURE__ */ t(
-        k.Item,
+        S.Item,
         {
-          pl: 4 * (v + 1),
+          pl: 4 * (y + 1),
           style: {
             display: "flex",
             alignItems: "center"
           },
-          children: /* @__PURE__ */ d(
-            ne,
+          children: /* @__PURE__ */ a(
+            ge,
             {
               onClick: () => {
                 e(), n == null || n.navigation.goToUrl(h.href);
               },
               href: "#",
               children: [
-                (a == null ? void 0 : a.path) === h.path && /* @__PURE__ */ t(k.Indicator, { asChild: !0, children: /* @__PURE__ */ t(me, {}) }),
-                (a == null ? void 0 : a.path) !== h.path && /* @__PURE__ */ t(k.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(me, {}) }),
-                /* @__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,
+                (l == null ? void 0 : l.path) === h.path && /* @__PURE__ */ t(S.Indicator, { asChild: !0, children: /* @__PURE__ */ t(ve, {}) }),
+                (l == null ? void 0 : l.path) !== h.path && /* @__PURE__ */ t(S.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(ve, {}) }),
+                /* @__PURE__ */ a(P, { gap: 0, children: [
+                  /* @__PURE__ */ t(f, { fontSize: "md", children: h.title || h.path }),
+                  (l == null ? void 0 : l.path) === h.path && /* @__PURE__ */ t(
+                    f,
                     {
                       fontStyle: "italic",
                       fontWeight: "bold",
@@ -1330,108 +1373,101 @@ const Ut = K.Root, qt = K.ValueText, pe = () => {
           )
         }
       ),
-      h.contents.length > 0 && /* @__PURE__ */ t(k.Root, { as: "div", gap: 2, children: h.contents.map(
-        (w, z) => g(w, z, v + 1)
+      h.contents.length > 0 && /* @__PURE__ */ t(S.Root, { as: "div", gap: 2, children: h.contents.map(
+        (T, R) => g(T, R, y + 1)
       ) })
-    ] }, m);
-    return /* @__PURE__ */ t(k.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: l == null ? void 0 : l.toc.map((h, m) => g(h, m, 0)) });
+    ] }, C);
+    return /* @__PURE__ */ t(S.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: r == null ? void 0 : r.toc.map((h, C) => g(h, C, 0)) });
   }
-), an = f(
+), kn = p(
   ({
     open: e,
     setOpen: n,
     onNavigate: o
   }) => /* @__PURE__ */ t(
-    F,
+    Y,
     {
       lazyMount: !0,
       placement: "center",
       open: e,
-      onOpenChange: (r) => n(r.open),
+      onOpenChange: (i) => n(i.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ d($, { children: [
-        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(Y, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ t(G, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ t(sn, { onNavigate: o }) }),
-        /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(V, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ t(N, {})
+      children: /* @__PURE__ */ a(G, { children: [
+        /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(K, { children: "Table of Contents" }) }),
+        /* @__PURE__ */ t(Q, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ t(Cn, { onNavigate: o }) }),
+        /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(X, { asChild: !0, children: /* @__PURE__ */ t(W, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ t(V, {})
       ] })
     }
   )
-), Tn = ({
+), Nn = ({
   enableFloatingTime: e = !0,
   enableFloatingProgress: n = !0,
   onItemClick: o
 }) => {
-  const [r, l] = S(!1), [i, s] = S(!1), [c, u] = S(!1), [a, g] = S(!1), [h, m] = S(!1), [v, w] = S(!1), [z, O] = ge(), I = q(() => {
-    l(!1), s(!1), u(!1), g(!1), m(!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" ? m(!0) : T === "gallery" && w(!0), o == null || o(T);
+  const [i, r] = I(!1), [s, c] = I(!1), [d, u] = I(!1), [l, g] = I(void 0), [h, C] = I(!1), [y, T] = me(), R = N(() => {
+    r(!1), c(!1), u(!1), g(void 0), T(!1), C(!1);
+  }, [T]), A = N(
+    (x) => {
+      x === "annotations" ? g("annotations") : x === "search" ? u(!0) : x === "help" ? c(!0) : x === "toc" ? r(!0) : x === "bookmarks" ? g("bookmarks") : x === "gallery" && C(!0), o == null || o(x);
     },
     [o]
   );
-  return Nt(), jt(), /* @__PURE__ */ d(Z, { children: [
+  return Zt(), tn(), /* @__PURE__ */ a(ne, { children: [
     n && /* @__PURE__ */ t(
-      X,
+      ee,
       {
-        present: !z,
+        present: !y,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
-        children: /* @__PURE__ */ t(_t, {})
+        children: /* @__PURE__ */ t(qt, {})
       }
     ),
-    /* @__PURE__ */ t(Dt, { open: v, setOpen: w }),
-    /* @__PURE__ */ t(nn, { onItemClick: D }),
-    /* @__PURE__ */ t(It, {}),
-    /* @__PURE__ */ t(Mt, { open: i, setOpen: s }),
+    /* @__PURE__ */ t(Gt, { open: h, setOpen: C }),
+    /* @__PURE__ */ t(fn, { onItemClick: A }),
+    /* @__PURE__ */ t($t, {}),
+    /* @__PURE__ */ t(Ut, { open: s, setOpen: c }),
     /* @__PURE__ */ t(
-      an,
+      kn,
       {
-        open: r,
-        setOpen: l,
-        onNavigate: I
+        open: i,
+        setOpen: r,
+        onNavigate: R
       }
     ),
     /* @__PURE__ */ t(
-      ln,
+      vn,
       {
-        open: c,
+        open: d,
         setOpen: u,
-        onNavigate: I
-      }
-    ),
-    /* @__PURE__ */ t(
-      St,
-      {
-        open: a,
-        setOpen: g,
-        onNavigate: I
+        onNavigate: R
       }
     ),
     /* @__PURE__ */ t(
-      wt,
+      zt,
       {
-        open: h,
-        setOpen: m,
-        onNavigate: I
+        openWith: l,
+        setOpen: (x) => g(x ? "annotations" : void 0),
+        onNavigate: R
       }
     ),
     /* @__PURE__ */ t(
-      X,
+      ee,
       {
-        present: e || z,
+        present: e || y,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "slow",
         overflow: "hidden",
-        children: /* @__PURE__ */ t($t, {})
+        children: /* @__PURE__ */ t(Xt, {})
       }
     ),
-    /* @__PURE__ */ t(Tt, {})
+    /* @__PURE__ */ t(Nt, {})
   ] });
 };
 export {
-  Tn as ReactReader,
-  wn as ReactReaderProvider
+  Mt as BOOKMARK_AREA_DATA_ATTRIBUTE,
+  Nn as ReactReader,
+  $n as ReactReaderProvider
 };
 //# sourceMappingURL=index.js.map