@prose-reader/react-reader 1.187.0 → 1.188.0

package/dist/index.js

@@ -1,201 +1,337 @@
-import { jsx as t, jsxs as a, Fragment as F } from "react/jsx-runtime";
-import * as w from "react";
-import he, { createContext as ue, memo as p, useMemo as ge, useEffect as M, useContext as oe, useState as T, useCallback as H } from "react";
-import { signal as me, useSignal as re, useLiveRef as fe, useSubscribe as le, useObserve as I, useSignalValue as pe } from "reactjrx";
-import { tap as be, NEVER as xe, combineLatest as Ce, map as ie, startWith as ve } from "rxjs";
-import { IconButton as b, Portal as se, Dialog as f, Heading as L, HStack as k, Kbd as te, Text as m, Button as _, Box as R, Popover as y, Progress as B, Stack as v, Presence as $, chakra as Ie, Collapsible as E, Link as ae, Input as Se, List as z } from "@chakra-ui/react";
-import { LuX as Pe, LuArrowBigRight as Te, LuArrowBigLeft as ke, LuChevronDown as we, LuCircleHelp as ye, LuTableOfContents as Re, LuSearch as Oe, LuCircleCheck as ne } from "react-icons/lu";
-import { RxDoubleArrowUp as De, RxDoubleArrowLeft as Ae, RxDoubleArrowDown as ze, RxDoubleArrowRight as Be } from "react-icons/rx";
-import { HiOutlineInformationCircle as Me } from "react-icons/hi";
-import Ee from "rc-slider";
+import { jsx as e, jsxs as a, Fragment as X } from "react/jsx-runtime";
+import * as D from "react";
+import fe, { createContext as me, memo as f, useMemo as be, useEffect as Y, useContext as ie, useState as w, useCallback as B } from "react";
+import { signal as xe, useSignal as le, useLiveRef as Ce, useSubscribe as se, useObserve as P, useSignalValue as ve } from "reactjrx";
+import { tap as Ie, switchMap as ae, NEVER as Se, combineLatest as ke, map as ce, startWith as Pe } from "rxjs";
+import { IconButton as C, Portal as de, Dialog as b, List as I, Link as q, Stack as k, Text as g, Button as z, Heading as Q, HStack as O, Kbd as oe, Box as M, Popover as A, Progress as L, Presence as G, chakra as Te, Collapsible as U, Input as we } from "@chakra-ui/react";
+import { LuX as ye, LuNotebookPen as K, LuArrowBigRight as Re, LuArrowBigLeft as Oe, LuChevronDown as De, LuCircleHelp as Ae, LuTableOfContents as ze, LuSearch as Ee, LuCircleCheck as re } from "react-icons/lu";
+import { BsBookmarks as Be } from "react-icons/bs";
+import { RxDoubleArrowUp as Me, RxDoubleArrowLeft as Le, RxDoubleArrowDown as _e, RxDoubleArrowRight as $e } from "react-icons/rx";
+import { HiOutlineInformationCircle as Ne } from "react-icons/hi";
+import Fe from "rc-slider";
 import "rc-slider/assets/index.css";
-import { IoIosArrowBack as Le, IoMdMore as $e } from "react-icons/io";
-import { MdFullscreenExit as Fe, MdFullscreen as He } from "react-icons/md";
-const N = ue({
+import { IoIosArrowBack as He, IoMdMore as je } from "react-icons/io";
+import { MdFullscreenExit as Ve, MdFullscreen as We } from "react-icons/md";
+const J = me({
   reader: void 0,
-  quickMenuSignal: me({ default: !1 })
-}), kt = p(
+  quickMenuSignal: xe({ default: !1 })
+}), Ln = f(
   ({
-    children: e,
-    reader: n,
-    quickMenuOpen: r,
-    onQuickMenuOpenChange: l
+    children: n,
+    reader: t,
+    quickMenuOpen: o,
+    onQuickMenuOpenChange: r
   }) => {
-    const [, o] = re({
-      default: r
-    }), i = fe(l), c = ge(
+    const [, l] = le({
+      default: o
+    }), i = Ce(r), c = be(
       () => ({
-        quickMenuSignal: o,
-        reader: n
+        quickMenuSignal: l,
+        reader: t
       }),
-      [o, n]
+      [l, t]
     );
-    return M(() => {
-      o.setValue(r);
-    }, [r, o]), le(
-      () => o.subject.pipe(be(i.current)),
-      [o, i]
-    ), /* @__PURE__ */ t(N.Provider, { value: c, children: e });
+    return Y(() => {
+      l.setValue(o);
+    }, [o, l]), se(
+      () => l.subject.pipe(Ie(i.current)),
+      [l, i]
+    ), /* @__PURE__ */ e(J.Provider, { value: c, children: n });
   }
-), _e = "@prose-reader/react-reader", Ne = "1.186.0", We = w.forwardRef(function(n, r) {
-  return /* @__PURE__ */ t(b, { variant: "ghost", "aria-label": "Close", ref: r, ...n, children: n.children ?? /* @__PURE__ */ t(Pe, {}) });
-}), W = w.forwardRef(function(n, r) {
+), Ye = D.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(C, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(ye, {}) });
+}), _ = D.forwardRef(function(t, o) {
   const {
-    children: l,
-    portalled: o = !0,
+    children: r,
+    portalled: l = !0,
     portalRef: i,
     backdrop: c = !0,
     ...d
-  } = n;
-  return /* @__PURE__ */ a(se, { disabled: !o, container: i, children: [
-    c && /* @__PURE__ */ t(f.Backdrop, {}),
-    /* @__PURE__ */ t(f.Positioner, { children: /* @__PURE__ */ t(f.Content, { ref: r, ...d, asChild: !1, children: l }) })
+  } = t;
+  return /* @__PURE__ */ a(de, { disabled: !l, container: i, children: [
+    c && /* @__PURE__ */ e(b.Backdrop, {}),
+    /* @__PURE__ */ e(b.Positioner, { children: /* @__PURE__ */ e(b.Content, { ref: o, ...d, asChild: !1, children: r }) })
   ] });
-}), j = w.forwardRef(function(n, r) {
-  return /* @__PURE__ */ t(
-    f.CloseTrigger,
+}), $ = D.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(
+    b.CloseTrigger,
     {
       position: "absolute",
       top: "2",
       insetEnd: "2",
-      ...n,
+      ...t,
       asChild: !0,
-      children: /* @__PURE__ */ t(We, { size: "sm", ref: r, children: n.children })
+      children: /* @__PURE__ */ e(Ye, { size: "sm", ref: o, children: t.children })
     }
   );
-}), V = f.Root, q = f.Footer, U = f.Header, Y = f.Body;
-f.Backdrop;
-const Q = f.Title;
-f.Description;
-f.Trigger;
-const G = f.ActionTrigger, je = p(
+}), N = b.Root, F = b.Footer, H = b.Header, j = b.Body;
+b.Backdrop;
+const V = b.Title;
+b.Description;
+b.Trigger;
+const W = b.ActionTrigger, R = () => {
+  const { reader: n } = ie(J);
+  return n;
+}, he = (n) => !!n && "__PROSE_READER_ENHANCER_SEARCH" in n, ue = (n) => !!n && "__PROSE_READER_ENHANCER_BOOKMARKS" in n, ge = (n) => !!n && "__PROSE_READER_ENHANCER_ANNOTATIONS" in n, qe = f(
+  ({ onNavigate: n }) => {
+    const t = R(), o = ge(t) ? t : void 0, r = P(
+      () => o == null ? void 0 : o.annotations.highlights$.pipe(
+        ae(
+          (i) => o.pagination.locate(i)
+        )
+      ),
+      [o]
+    ), l = (i, c) => {
+      var d;
+      return /* @__PURE__ */ e(I.Item, { children: /* @__PURE__ */ a(
+        q,
+        {
+          href: "#",
+          onClick: () => {
+            n(), t == null || t.navigation.goToCfi(i.cfi ?? "");
+          },
+          children: [
+            (i.contents ?? [])[0] ? /* @__PURE__ */ e(I.Indicator, { asChild: !0, children: /* @__PURE__ */ e(K, {}) }) : /* @__PURE__ */ e(I.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(K, {}) }),
+            /* @__PURE__ */ a(k, { gap: 0, children: [
+              /* @__PURE__ */ e(g, { lineClamp: 2, fontSize: "md", children: i.selectionAsText ? i.selectionAsText ?? "" : /* @__PURE__ */ e("i", { children: /* @__PURE__ */ e("b", { children: "unknown (not loaded)" }) }) }),
+              /* @__PURE__ */ e(
+                g,
+                {
+                  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)"}`
+                }
+              )
+            ] })
+          ]
+        }
+      ) }, c);
+    };
+    return /* @__PURE__ */ e(I.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: r == null ? void 0 : r.map(
+      (i, c) => l(i, c)
+    ) });
+  }
+), Ue = f(
+  ({
+    open: n,
+    setOpen: t,
+    onNavigate: o
+  }) => /* @__PURE__ */ e(
+    N,
+    {
+      lazyMount: !0,
+      placement: "center",
+      open: n,
+      onOpenChange: (r) => t(r.open),
+      size: { mdDown: "full", md: "lg" },
+      scrollBehavior: "inside",
+      children: /* @__PURE__ */ a(_, { height: "100%", children: [
+        /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(V, { children: "Annotations" }) }),
+        /* @__PURE__ */ e(j, { flex: 1, children: /* @__PURE__ */ e(qe, { onNavigate: o }) }),
+        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(z, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e($, {})
+      ] })
+    }
+  )
+), Qe = f(
+  ({ onNavigate: n }) => {
+    const t = R(), o = ue(t) ? t : void 0, r = P(
+      () => o == null ? void 0 : o.bookmarks.bookmarks$.pipe(
+        ae((i) => o.pagination.locate(i))
+      ),
+      [o]
+    ), l = (i, c) => {
+      var d, u, s, p, h;
+      return /* @__PURE__ */ a(I.Item, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ e(
+          q,
+          {
+            href: "#",
+            onClick: () => {
+              n(), t == null || t.navigation.goToCfi(i.cfi ?? "");
+            },
+            children: /* @__PURE__ */ a(k, { gap: 0, children: [
+              /* @__PURE__ */ e(g, { fontSize: "md", children: `Book page: ${((d = i.meta) == null ? void 0 : d.absolutePageIndex) !== void 0 ? i.meta.absolutePageIndex + 1 : "unknown"}` }),
+              /* @__PURE__ */ e(
+                g,
+                {
+                  fontStyle: "italic",
+                  fontWeight: "bold",
+                  fontSize: "sm",
+                  truncate: !0,
+                  lineClamp: 2,
+                  children: (s = (u = i.meta) == null ? void 0 : u.startNode) != null && s.textContent ? (h = (p = i.meta) == null ? void 0 : p.startNode) == null ? void 0 : h.textContent : "..."
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e(
+          z,
+          {
+            colorPalette: "red",
+            variant: "solid",
+            size: "xs",
+            onClick: () => {
+              o == null || o.bookmarks.delete(i.id);
+            },
+            children: "Delete"
+          }
+        )
+      ] }, c);
+    };
+    return /* @__PURE__ */ e(I.Root, { overflowY: "auto", gap: 3, variant: "plain", overflow: "auto", children: r == null ? void 0 : r.map(
+      (i, c) => l(i, c)
+    ) });
+  }
+), Ge = f(
+  ({
+    open: n,
+    setOpen: t,
+    onNavigate: o
+  }) => /* @__PURE__ */ e(
+    N,
+    {
+      lazyMount: !0,
+      placement: "center",
+      open: n,
+      onOpenChange: (r) => t(r.open),
+      size: { mdDown: "full", md: "lg" },
+      scrollBehavior: "inside",
+      children: /* @__PURE__ */ a(_, { height: "100%", children: [
+        /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(V, { children: "Bookmarks" }) }),
+        /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(Qe, { onNavigate: o }) }),
+        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(z, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e($, {})
+      ] })
+    }
+  )
+), Ke = "@prose-reader/react-reader", Xe = "1.187.0", Je = f(
   ({
-    open: e,
-    setOpen: n
-  }) => /* @__PURE__ */ t(
-    V,
+    open: n,
+    setOpen: t
+  }) => /* @__PURE__ */ e(
+    N,
     {
       lazyMount: !0,
       placement: "center",
-      open: e,
-      onOpenChange: (r) => n(r.open),
+      open: n,
+      onOpenChange: (o) => t(o.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ a(W, { children: [
-        /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(Q, { children: "Help" }) }),
-        /* @__PURE__ */ a(Y, { overflowY: "auto", flex: 1, children: [
-          /* @__PURE__ */ t(L, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-          /* @__PURE__ */ a(k, { mb: 1, children: [
-            /* @__PURE__ */ t(te, { children: /* @__PURE__ */ t(Te, {}) }),
+      children: /* @__PURE__ */ a(_, { children: [
+        /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(V, { children: "Help" }) }),
+        /* @__PURE__ */ a(j, { overflowY: "auto", flex: 1, children: [
+          /* @__PURE__ */ e(Q, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+          /* @__PURE__ */ a(O, { mb: 1, children: [
+            /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(Re, {}) }),
             " ",
-            /* @__PURE__ */ t(m, { children: "Navigate to right page" })
+            /* @__PURE__ */ e(g, { children: "Navigate to right page" })
           ] }),
-          /* @__PURE__ */ a(k, { mb: 1, children: [
-            /* @__PURE__ */ t(te, { children: /* @__PURE__ */ t(ke, {}) }),
+          /* @__PURE__ */ a(O, { mb: 1, children: [
+            /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(Oe, {}) }),
             " ",
-            /* @__PURE__ */ t(m, { children: "Navigate to left page" })
+            /* @__PURE__ */ e(g, { children: "Navigate to left page" })
           ] }),
-          /* @__PURE__ */ t(L, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
-          /* @__PURE__ */ a(m, { children: [
-            _e,
+          /* @__PURE__ */ e(Q, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
+          /* @__PURE__ */ a(g, { children: [
+            Ke,
             " version: ",
-            Ne
+            Xe
           ] })
         ] }),
-        /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(G, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ t(j, {})
+        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(z, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e($, {})
       ] })
     }
   )
-), O = () => {
-  const { reader: e } = oe(N);
-  return e;
-}, ce = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, D = () => {
-  const e = O();
-  return I(
-    () => e ? Ce([e.pagination.state$, e.context.state$]).pipe(
-      ie(([n, r]) => {
-        var o;
-        const l = (o = r.manifest) == null ? void 0 : o.spineItems.every(
+), E = () => {
+  const n = R();
+  return P(
+    () => n ? ke([n.pagination.state$, n.context.state$]).pipe(
+      ce(([t, o]) => {
+        var l;
+        const r = (l = o.manifest) == null ? void 0 : l.spineItems.every(
           (i) => {
             var c;
             return (c = i.mediaType) == null ? void 0 : c.startsWith("image/");
           }
         );
         return {
-          ...n,
-          hasChapters: !r.isFullyPrePaginated && !l
+          ...t,
+          hasChapters: !o.isFullyPrePaginated && !r
         };
       })
-    ) : xe,
-    [e]
+    ) : Se,
+    [n]
   );
-}, Ve = () => {
-  const e = D(), n = Math.floor(
-    ((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100
-  ), r = 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__ */ a(m, { fontSize: "sm", children: [
-    r,
+}, Ze = () => {
+  const n = E(), t = Math.floor(
+    ((n == null ? void 0 : n.percentageEstimateOfBook) ?? 0) * 100
+  ), o = t > 0 ? t : 1;
+  return (n == null ? void 0 : n.percentageEstimateOfBook) === void 0 ? null : /* @__PURE__ */ e(M, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ a(g, { fontSize: "sm", children: [
+    o,
     " %"
   ] }) });
-}, qe = () => {
-  const [e, n] = T(/* @__PURE__ */ new Date());
-  return M(() => {
-    const r = setInterval(() => {
-      n(/* @__PURE__ */ new Date());
+}, en = () => {
+  const [n, t] = w(/* @__PURE__ */ new Date());
+  return Y(() => {
+    const o = setInterval(() => {
+      t(/* @__PURE__ */ new Date());
     }, 6e4);
-    return () => clearInterval(r);
-  }, []), e;
-}, Ue = (e) => {
-  const n = qe();
-  return /* @__PURE__ */ t(m, { fontSize: "xs", ...e, children: n.toLocaleTimeString(navigator.language, {
+    return () => clearInterval(o);
+  }, []), n;
+}, nn = (n) => {
+  const t = en();
+  return /* @__PURE__ */ e(g, { fontSize: "xs", ...n, children: t.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
   }) });
-}, K = () => {
-  const { quickMenuSignal: e } = oe(N);
-  return [pe(e), e.setValue, e];
-}, Ye = () => {
-  const [e] = K();
-  return /* @__PURE__ */ t(
-    R,
+}, Z = () => {
+  const { quickMenuSignal: n } = ie(J);
+  return [ve(n), n.setValue, n];
+}, tn = () => {
+  const [n] = Z();
+  return /* @__PURE__ */ e(
+    M,
     {
       position: "absolute",
       left: 0,
       bottom: 0,
       p: 2,
-      color: e ? void 0 : "colorPalette.contrast",
-      children: /* @__PURE__ */ t(Ue, {})
+      color: n ? void 0 : "colorPalette.contrast",
+      children: /* @__PURE__ */ e(nn, {})
     }
   );
-}, Qe = w.forwardRef(
-  function(n, r) {
+}, on = D.forwardRef(
+  function(t, o) {
     const {
-      showArrow: l,
-      children: o,
+      showArrow: r,
+      children: l,
       portalled: i = !0,
       content: c,
       portalRef: d,
       ...u
-    } = n;
+    } = t;
     return /* @__PURE__ */ a(
-      y.Root,
+      A.Root,
       {
         ...u,
         positioning: { ...u.positioning, gutter: 4 },
         children: [
-          /* @__PURE__ */ t(y.Trigger, { asChild: !0, children: o }),
-          /* @__PURE__ */ t(se, { disabled: !i, container: d, children: /* @__PURE__ */ t(y.Positioner, { children: /* @__PURE__ */ a(
-            y.Content,
+          /* @__PURE__ */ e(A.Trigger, { asChild: !0, children: l }),
+          /* @__PURE__ */ e(de, { disabled: !i, container: d, children: /* @__PURE__ */ e(A.Positioner, { children: /* @__PURE__ */ a(
+            A.Content,
             {
               width: "auto",
               px: "2",
               py: "1",
               textStyle: "xs",
               rounded: "sm",
-              ref: r,
+              ref: o,
               children: [
-                l && /* @__PURE__ */ t(y.Arrow, { children: /* @__PURE__ */ t(y.ArrowTip, {}) }),
+                r && /* @__PURE__ */ e(A.Arrow, { children: /* @__PURE__ */ e(A.ArrowTip, {}) }),
                 c
               ]
             }
@@ -204,84 +340,84 @@ const G = f.ActionTrigger, je = p(
       }
     );
   }
-), Ge = w.forwardRef(function(n, r) {
-  const { children: l, ...o } = n;
-  return /* @__PURE__ */ t(Qe, { content: l, ...o, ref: r, children: /* @__PURE__ */ t(
-    b,
+), rn = D.forwardRef(function(t, o) {
+  const { children: r, ...l } = t;
+  return /* @__PURE__ */ e(on, { content: r, ...l, ref: o, children: /* @__PURE__ */ e(
+    C,
     {
       variant: "ghost",
       "aria-label": "info",
       size: "2xs",
       colorPalette: "gray",
-      children: /* @__PURE__ */ t(Me, {})
+      children: /* @__PURE__ */ e(Ne, {})
     }
   ) });
-}), Ke = w.forwardRef(function(n, r) {
-  return /* @__PURE__ */ t(B.Track, { ...n, ref: r, children: /* @__PURE__ */ t(B.Range, {}) });
+}), ln = D.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(L.Track, { ...t, ref: o, children: /* @__PURE__ */ e(L.Range, {}) });
 });
-w.forwardRef(function(n, r) {
-  const { children: l, info: o, ...i } = n;
-  return /* @__PURE__ */ a(B.Label, { ...i, ref: r, children: [
-    l,
-    o && /* @__PURE__ */ t(Ge, { children: o })
+D.forwardRef(function(t, o) {
+  const { children: r, info: l, ...i } = t;
+  return /* @__PURE__ */ a(L.Label, { ...i, ref: o, children: [
+    r,
+    l && /* @__PURE__ */ e(rn, { children: l })
   ] });
 });
-const Xe = B.Root, Je = B.ValueText, X = () => {
-  const e = D(), n = (e == null ? void 0 : e.numberOfTotalPages) === 1, r = ((e == null ? void 0 : e.beginNumberOfPagesInSpineItem) ?? 0) > 1, l = ((e == null ? void 0 : e.endNumberOfPagesInSpineItem) ?? 0) > 1, o = (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, [c = 0, d = 0] = [
-    o,
+const sn = L.Root, an = L.ValueText, ee = () => {
+  const n = E(), t = (n == null ? void 0 : n.numberOfTotalPages) === 1, o = ((n == null ? void 0 : n.beginNumberOfPagesInSpineItem) ?? 0) > 1, r = ((n == null ? void 0 : n.endNumberOfPagesInSpineItem) ?? 0) > 1, l = (n != null && n.hasChapters ? n == null ? void 0 : n.beginPageIndexInSpineItem : n == null ? void 0 : n.beginAbsolutePageIndex) ?? 0, i = (n != null && n.hasChapters ? n == null ? void 0 : n.endPageIndexInSpineItem : n == null ? void 0 : n.endAbsolutePageIndex) ?? 0, [c = 0, d = 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), s = e != null && e.hasChapters ? e == null ? void 0 : e.beginNumberOfPagesInSpineItem : e == null ? void 0 : e.numberOfTotalPages;
+  ].sort((p, h) => p - h), u = (n == null ? void 0 : n.beginPageIndexInSpineItem) !== (n == null ? void 0 : n.endPageIndexInSpineItem) || (n == null ? void 0 : n.beginSpineItemIndex) !== (n == null ? void 0 : n.endSpineItemIndex), s = n != null && n.hasChapters ? n == null ? void 0 : n.beginNumberOfPagesInSpineItem : n == null ? void 0 : n.numberOfTotalPages;
   return {
-    hasOnlyOnePage: n,
-    beginPageIndex: o,
+    hasOnlyOnePage: t,
+    beginPageIndex: l,
     endPageIndex: i,
-    isBeginWithinChapter: r,
-    isEndWithinChapter: l,
+    isBeginWithinChapter: o,
+    isEndWithinChapter: r,
     beginAndEndAreDifferent: u,
     totalApproximatePages: s,
     leftPageIndex: c,
     rightPageIndex: d
   };
-}, Ze = () => {
-  const e = D(), {
-    hasOnlyOnePage: n,
-    leftPageIndex: r,
-    rightPageIndex: l,
-    totalApproximatePages: o,
+}, cn = () => {
+  const n = E(), {
+    hasOnlyOnePage: t,
+    leftPageIndex: o,
+    rightPageIndex: r,
+    totalApproximatePages: l,
     beginAndEndAreDifferent: i
-  } = X(), c = Math.round(((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100), d = (s) => s != null && s.subChapter ? `${s.title} / ${d(s.subChapter)}` : (s == null ? void 0 : s.title) || "", u = d(e == null ? void 0 : e.beginChapterInfo);
-  return /* @__PURE__ */ a(v, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
-    /* @__PURE__ */ t(Xe, { value: c, size: "xs", width: 150, children: /* @__PURE__ */ a(k, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ t(Ke, { width: 110 }),
-      /* @__PURE__ */ t(Je, { children: `${c}%` })
+  } = ee(), c = Math.round(((n == null ? void 0 : n.percentageEstimateOfBook) ?? 0) * 100), d = (s) => s != null && s.subChapter ? `${s.title} / ${d(s.subChapter)}` : (s == null ? void 0 : s.title) || "", u = d(n == null ? void 0 : n.beginChapterInfo);
+  return /* @__PURE__ */ a(k, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
+    /* @__PURE__ */ e(sn, { value: c, size: "xs", width: 150, children: /* @__PURE__ */ a(O, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ e(ln, { width: 110 }),
+      /* @__PURE__ */ e(an, { children: `${c}%` })
     ] }) }),
-    /* @__PURE__ */ t(m, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
-    !n && /* @__PURE__ */ a(k, { children: [
-      /* @__PURE__ */ t(m, { fontSize: "xs", children: i ? `${r + 1} - ${l + 1} of ${o}` : `${r + 1} of ${o}` }),
-      !!(e != null && e.hasChapters) && /* @__PURE__ */ a(F, { children: [
-        /* @__PURE__ */ t(m, { children: "-" }),
-        /* @__PURE__ */ a(m, { fontSize: "xs", children: [
+    /* @__PURE__ */ e(g, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
+    !t && /* @__PURE__ */ a(O, { children: [
+      /* @__PURE__ */ e(g, { fontSize: "xs", children: i ? `${o + 1} - ${r + 1} of ${l}` : `${o + 1} of ${l}` }),
+      !!(n != null && n.hasChapters) && /* @__PURE__ */ a(X, { children: [
+        /* @__PURE__ */ e(g, { children: "-" }),
+        /* @__PURE__ */ a(g, { fontSize: "xs", children: [
           "(",
-          ((e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0) + 1,
+          ((n == null ? void 0 : n.beginAbsolutePageIndex) ?? 0) + 1,
           ")"
         ] })
       ] })
     ] })
   ] });
-}, de = p(
+}, pe = f(
   ({
-    children: e,
-    position: n,
-    ...r
-  }) => /* @__PURE__ */ t(
-    $,
+    children: n,
+    position: t,
+    ...o
+  }) => /* @__PURE__ */ e(
+    G,
     {
       display: "flex",
       flexDirection: "row",
       width: "100%",
       position: "absolute",
-      ...n === "bottom" ? { bottom: 0 } : { top: 0 },
-      animationName: n === "bottom" ? {
+      ...t === "bottom" ? { bottom: 0 } : { top: 0 },
+      animationName: t === "bottom" ? {
         _open: "slide-from-bottom, fade-in",
         _closed: "slide-to-bottom, fade-out"
       } : {
@@ -294,12 +430,12 @@ const Xe = B.Root, Je = B.ValueText, X = () => {
       justifyContent: "center",
       shadow: "md",
       p: 4,
-      ...r,
-      children: e
+      ...o,
+      children: n
     }
   )
-), et = Ie(Ee), tt = p((e) => /* @__PURE__ */ t(
-  R,
+), dn = Te(Fe), hn = f((n) => /* @__PURE__ */ e(
+  M,
   {
     display: "contents",
     css: {
@@ -307,8 +443,8 @@ const Xe = B.Root, Je = B.ValueText, X = () => {
       "--bg-emphasized": "colors.bg.emphasized",
       "--color-solid": "colors.colorPalette.solid"
     },
-    children: /* @__PURE__ */ t(
-      et,
+    children: /* @__PURE__ */ e(
+      dn,
       {
         keyboard: !1,
         style: {
@@ -343,394 +479,376 @@ const Xe = B.Root, Je = B.ValueText, X = () => {
             height: "24px",
             top: "50%",
             borderColor: "var(--color-solid)",
-            transform: `translate(${e.reverse ? "50%" : "-50%"}, -50%)`,
+            transform: `translate(${n.reverse ? "50%" : "-50%"}, -50%)`,
             backgroundColor: "var(--bg)",
             marginTop: "0px"
           }
         },
-        ...e
+        ...n
       }
     )
   }
-)), nt = () => {
-  const e = D(), n = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: r, totalApproximatePages: l = 0 } = X(), o = n ? Math.floor((r || 0) / 2) : r, [i, c] = re({
-    default: o || 0
+)), un = () => {
+  const n = E(), t = n == null ? void 0 : n.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = ee(), l = t ? Math.floor((o || 0) / 2) : o, [i, c] = le({
+    default: l || 0
   }), d = 0, u = Math.max(
     0,
-    n ? Math.floor((l - 1) / 2) : l - 1
+    t ? Math.floor((r - 1) / 2) : r - 1
   );
-  return M(() => {
-    c.setValue(o || 0);
-  }, [o, c]), {
+  return Y(() => {
+    c.setValue(l || 0);
+  }, [l, c]), {
     value: i,
     valueSignal: c,
     min: d,
     max: u
   };
-}, ot = () => {
-  const e = O(), n = D(), { manifest: r } = I(() => e == null ? void 0 : e.context.state$, []) ?? {}, l = (r == null ? void 0 : r.readingDirection) === "rtl", o = n == null ? void 0 : n.isUsingSpread, { totalApproximatePages: i = 0, isBeginWithinChapter: c } = X(), d = 1, u = c, { value: s, valueSignal: g, min: h, max: S } = nt(), P = H(
-    (x) => {
-      const [C = 0] = Array.isArray(x) ? x : [x];
-      g.setValue(C);
-      const A = o ? Math.floor(C) * 2 : Math.floor(C);
-      u ? e == null || e.navigation.goToPageOfSpineItem({
-        pageIndex: A,
-        spineItemId: e.pagination.getState().beginSpineItemIndex ?? 0,
+}, gn = (n) => {
+  const t = R(), o = E(), { manifest: r } = P(() => t == null ? void 0 : t.context.state$, []) ?? {}, l = (r == null ? void 0 : r.readingDirection) === "rtl", i = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: c = 0, isBeginWithinChapter: d } = ee(), u = 1, s = d, { value: p, valueSignal: h, min: v, max: S } = un(), T = B(
+    (m) => {
+      const [y = 0] = Array.isArray(m) ? m : [m];
+      h.setValue(y);
+      const x = i ? Math.floor(y) * 2 : Math.floor(y);
+      s ? t == null || t.navigation.goToPageOfSpineItem({
+        pageIndex: x,
+        spineItemId: t.pagination.getState().beginSpineItemIndex ?? 0,
         animation: !1
-      }) : e == null || e.navigation.goToAbsolutePageIndex({
-        absolutePageIndex: A,
+      }) : t == null || t.navigation.goToAbsolutePageIndex({
+        absolutePageIndex: x,
         animation: !1
       });
     },
-    [e, o, g, u]
+    [t, i, h, s]
   );
-  return le(
-    () => e == null ? void 0 : e.navigation.throttleLock({
+  return se(
+    () => t == null ? void 0 : t.navigation.throttleLock({
       duration: 100,
-      trigger: g.subject
+      trigger: h.subject
     }),
-    [e, g]
-  ), i === 1 || o && i === 2 ? null : /* @__PURE__ */ t(
-    tt,
+    [t, h]
+  ), c === 1 || i && c === 2 ? null : /* @__PURE__ */ e(
+    hn,
     {
-      value: [s],
+      value: [p],
       max: S,
-      min: h,
+      min: v,
       reverse: l,
-      step: d,
-      onChange: P
+      step: u,
+      onChange: T,
+      ...n
     }
   );
-}, rt = p(
+}, pn = f(
   ({
-    open: e,
-    onTableOfContentsClick: n,
-    onHelpClick: r,
-    onSearchClick: l
+    open: n,
+    onItemClick: t
   }) => {
-    const o = O(), i = I(() => o == null ? void 0 : o.navigation.state$, [o]), c = I(() => o == null ? void 0 : o.settings.values$, [o]), d = (c == null ? void 0 : c.computedPageTurnDirection) === "vertical", [u, s] = T(!0);
-    return /* @__PURE__ */ t(
-      de,
-      {
-        present: e,
-        position: "bottom",
-        children: /* @__PURE__ */ a(
-          v,
+    const o = R(), r = P(() => o == null ? void 0 : o.navigation.state$, [o]), l = P(() => o == null ? void 0 : o.settings.values$, [o]), i = (l == null ? void 0 : l.computedPageTurnDirection) === "vertical", [c, d] = w(!0);
+    return /* @__PURE__ */ e(pe, { present: n, position: "bottom", children: /* @__PURE__ */ a(k, { flex: 1, overflow: "auto", children: [
+      /* @__PURE__ */ a(O, { flex: 1, alignItems: "center", justifyContent: "center", children: [
+        /* @__PURE__ */ e(
+          C,
+          {
+            "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__ */ e(Me, {}) : /* @__PURE__ */ e(Le, {})
+          }
+        ),
+        /* @__PURE__ */ a(
+          k,
           {
             flex: 1,
+            maxW: 400,
+            gap: 2,
+            alignItems: "center",
+            overflow: "auto",
+            px: 4,
             children: [
-              /* @__PURE__ */ a(k, { flex: 1, alignItems: "center", justifyContent: "center", children: [
-                /* @__PURE__ */ t(
-                  b,
-                  {
-                    "aria-label": "left",
-                    size: "lg",
-                    variant: "ghost",
-                    flexShrink: 0,
-                    onClick: () => o == null ? void 0 : o.navigation.goToLeftOrTopSpineItem(),
-                    disabled: !(i != null && i.canGoLeftSpineItem) && !(i != null && i.canGoTopSpineItem),
-                    children: d ? /* @__PURE__ */ t(De, {}) : /* @__PURE__ */ t(Ae, {})
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  v,
-                  {
-                    flex: 1,
-                    maxW: 400,
-                    gap: 2,
-                    alignItems: "center",
-                    overflow: "visible",
-                    px: 4,
-                    children: [
-                      /* @__PURE__ */ t(Ze, {}),
-                      /* @__PURE__ */ t(R, { height: 5, maxW: 300, width: "100%", overflow: "visible", children: /* @__PURE__ */ t(ot, {}) })
-                    ]
+              /* @__PURE__ */ e(cn, {}),
+              /* @__PURE__ */ e(
+                gn,
+                {
+                  style: {
+                    width: "100%",
+                    maxWidth: "300px",
+                    height: "35px"
                   }
-                ),
-                /* @__PURE__ */ t(
-                  b,
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          C,
+          {
+            "aria-label": "right",
+            size: "lg",
+            flexShrink: 0,
+            variant: "ghost",
+            disabled: !(r != null && r.canGoRightSpineItem) && !(r != null && r.canGoBottomSpineItem),
+            onClick: () => {
+              o == null || o.navigation.goToRightOrBottomSpineItem();
+            },
+            children: i ? /* @__PURE__ */ e(_e, {}) : /* @__PURE__ */ e($e, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(O, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ a(
+        U.Root,
+        {
+          open: c,
+          flex: 1,
+          onOpenChange: ({ open: u }) => {
+            d(u);
+          },
+          children: [
+            /* @__PURE__ */ e(
+              U.Trigger,
+              {
+                paddingY: "3",
+                width: "100%",
+                display: "flex",
+                justifyContent: "center",
+                children: /* @__PURE__ */ e(
+                  De,
                   {
-                    "aria-label": "right",
-                    size: "lg",
-                    flexShrink: 0,
-                    variant: "ghost",
-                    disabled: !(i != null && i.canGoRightSpineItem) && !(i != null && i.canGoBottomSpineItem),
-                    onClick: () => {
-                      o == null || o.navigation.goToRightOrBottomSpineItem();
-                    },
-                    children: d ? /* @__PURE__ */ t(ze, {}) : /* @__PURE__ */ t(Be, {})
+                    style: {
+                      transform: c ? "rotate(0deg)" : "rotate(180deg)"
+                    }
                   }
                 )
-              ] }),
-              /* @__PURE__ */ t(
-                k,
+              }
+            ),
+            /* @__PURE__ */ a(U.Content, { display: "flex", justifyContent: "center", children: [
+              /* @__PURE__ */ e(
+                C,
                 {
-                  alignItems: "center",
-                  justifyContent: "center",
-                  children: /* @__PURE__ */ a(
-                    E.Root,
-                    {
-                      open: u,
-                      flex: 1,
-                      onOpenChange: ({ open: g }) => {
-                        s(g);
-                      },
-                      children: [
-                        /* @__PURE__ */ t(
-                          E.Trigger,
-                          {
-                            paddingY: "3",
-                            width: "100%",
-                            display: "flex",
-                            justifyContent: "center",
-                            children: /* @__PURE__ */ t(
-                              we,
-                              {
-                                style: {
-                                  transform: u ? "rotate(0deg)" : "rotate(180deg)"
-                                }
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ a(
-                          E.Content,
-                          {
-                            display: "flex",
-                            justifyContent: "center",
-                            gap: 2,
-                            children: [
-                              /* @__PURE__ */ t(
-                                b,
-                                {
-                                  "aria-label": "Help",
-                                  size: "lg",
-                                  variant: "ghost",
-                                  onClick: r,
-                                  children: /* @__PURE__ */ t(ye, {})
-                                }
-                              ),
-                              /* @__PURE__ */ t(
-                                b,
-                                {
-                                  "aria-label": "Table of contents",
-                                  size: "lg",
-                                  variant: "ghost",
-                                  onClick: n,
-                                  children: /* @__PURE__ */ t(Re, {})
-                                }
-                              ),
-                              ce(o) && /* @__PURE__ */ t(
-                                b,
-                                {
-                                  "aria-label": "Search",
-                                  size: "lg",
-                                  variant: "ghost",
-                                  onClick: l,
-                                  children: /* @__PURE__ */ t(Oe, {})
-                                }
-                              )
-                            ]
-                          }
-                        )
-                      ]
-                    }
-                  )
+                  "aria-label": "Help",
+                  size: "lg",
+                  variant: "ghost",
+                  onClick: () => t("help"),
+                  children: /* @__PURE__ */ e(Ae, {})
+                }
+              ),
+              /* @__PURE__ */ e(
+                C,
+                {
+                  "aria-label": "Table of contents",
+                  size: "lg",
+                  variant: "ghost",
+                  onClick: () => t("toc"),
+                  children: /* @__PURE__ */ e(ze, {})
+                }
+              ),
+              he(o) && /* @__PURE__ */ e(
+                C,
+                {
+                  "aria-label": "Search",
+                  size: "lg",
+                  variant: "ghost",
+                  onClick: () => t("search"),
+                  children: /* @__PURE__ */ e(Ee, {})
+                }
+              ),
+              ue(o) && /* @__PURE__ */ e(
+                C,
+                {
+                  "aria-label": "Search",
+                  size: "lg",
+                  variant: "ghost",
+                  onClick: () => t("bookmarks"),
+                  children: /* @__PURE__ */ e(Be, {})
+                }
+              ),
+              ge(o) && /* @__PURE__ */ e(
+                C,
+                {
+                  "aria-label": "Search",
+                  size: "lg",
+                  variant: "ghost",
+                  onClick: () => t("annotations"),
+                  children: /* @__PURE__ */ e(K, {})
                 }
               )
-            ]
-          }
-        )
-      }
-    );
+            ] })
+          ]
+        }
+      ) })
+    ] }) });
   }
-), lt = () => {
-  const [e, n] = T(!1), r = H(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
-    n(!1);
+), fn = () => {
+  const [n, t] = w(!1), o = B(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+    t(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
-    n(!0);
+    t(!0);
   }), []);
-  return M(() => {
-    function l() {
-      n(!!document.fullscreenElement);
+  return Y(() => {
+    function r() {
+      t(!!document.fullscreenElement);
     }
-    return document.addEventListener("fullscreenchange", l), () => {
-      document.removeEventListener("fullscreenchange", l);
+    return document.addEventListener("fullscreenchange", r), () => {
+      document.removeEventListener("fullscreenchange", r);
     };
   }, []), {
-    isFullscreen: e,
-    onToggleFullscreenClick: r
+    isFullscreen: n,
+    onToggleFullscreenClick: o
   };
-}, it = ({
-  open: e,
-  onBackClick: n,
-  onMoreClick: r
-}) => {
-  const l = O(), o = I(() => l == null ? void 0 : l.context.manifest$, [l]), { isFullscreen: i, onToggleFullscreenClick: c } = lt();
-  return /* @__PURE__ */ a(
-    de,
-    {
-      present: e,
-      position: "top",
-      height: "80px",
-      justifyContent: "space-between",
-      children: [
-        /* @__PURE__ */ t(
-          b,
-          {
-            "aria-label": "left",
-            size: "lg",
-            variant: "ghost",
-            flexShrink: 0,
-            onClick: n,
-            children: /* @__PURE__ */ t(Le, {})
-          }
-        ),
-        /* @__PURE__ */ t(
-          v,
-          {
-            flex: 1,
-            maxW: 600,
-            gap: 1,
-            alignItems: "center",
-            overflow: "auto",
-            px: 4,
-            children: /* @__PURE__ */ t(m, { truncate: !0, maxWidth: "100%", children: o == null ? void 0 : o.title })
-          }
-        ),
-        /* @__PURE__ */ a(k, { children: [
-          /* @__PURE__ */ t(
-            b,
+}, mn = f(
+  ({
+    open: n,
+    onItemClick: t
+  }) => {
+    const o = R(), r = P(() => o == null ? void 0 : o.context.manifest$, [o]), { isFullscreen: l, onToggleFullscreenClick: i } = fn();
+    return /* @__PURE__ */ a(
+      pe,
+      {
+        present: n,
+        position: "top",
+        height: "80px",
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ e(
+            C,
             {
-              "aria-label": "right",
+              "aria-label": "left",
               size: "lg",
-              flexShrink: 0,
               variant: "ghost",
-              onClick: r,
-              children: /* @__PURE__ */ t($e, {})
+              flexShrink: 0,
+              onClick: () => t("back"),
+              children: /* @__PURE__ */ e(He, {})
             }
           ),
-          /* @__PURE__ */ t(
-            b,
+          /* @__PURE__ */ e(
+            k,
             {
-              "aria-label": "right",
-              size: "lg",
-              flexShrink: 0,
-              variant: "ghost",
-              onClick: c,
-              children: i ? /* @__PURE__ */ t(Fe, {}) : /* @__PURE__ */ t(He, {})
+              flex: 1,
+              maxW: 600,
+              gap: 1,
+              alignItems: "center",
+              overflow: "auto",
+              px: 4,
+              children: /* @__PURE__ */ e(g, { truncate: !0, maxWidth: "100%", children: r == null ? void 0 : r.title })
             }
-          )
-        ] })
-      ]
-    }
-  );
-}, st = p(
+          ),
+          /* @__PURE__ */ a(O, { children: [
+            /* @__PURE__ */ e(
+              C,
+              {
+                "aria-label": "right",
+                size: "lg",
+                flexShrink: 0,
+                variant: "ghost",
+                onClick: () => t("more"),
+                children: /* @__PURE__ */ e(je, {})
+              }
+            ),
+            /* @__PURE__ */ e(
+              C,
+              {
+                "aria-label": "right",
+                size: "lg",
+                flexShrink: 0,
+                variant: "ghost",
+                onClick: i,
+                children: l ? /* @__PURE__ */ e(Ve, {}) : /* @__PURE__ */ e(We, {})
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+), bn = f(
   ({
-    onBackClick: e,
-    onMoreClick: n,
-    onTableOfContentsClick: r,
-    onHelpClick: l,
-    onSearchClick: o
+    onItemClick: n
   }) => {
-    const [i] = K();
-    return /* @__PURE__ */ a(F, { children: [
-      /* @__PURE__ */ t(
-        it,
-        {
-          open: i,
-          onBackClick: e,
-          onMoreClick: n
-        }
-      ),
-      /* @__PURE__ */ t(
-        rt,
-        {
-          open: i,
-          onTableOfContentsClick: r,
-          onHelpClick: l,
-          onSearchClick: o
-        }
-      )
+    const [t] = Z();
+    return /* @__PURE__ */ a(X, { children: [
+      /* @__PURE__ */ e(mn, { open: t, onItemClick: n }),
+      /* @__PURE__ */ e(pn, { open: t, onItemClick: n })
     ] });
   }
-), at = p(
+), xn = f(
   ({
-    contextText: e = "",
-    startOffset: n = 0,
-    text: r,
-    cfi: l = "#",
-    onClick: o,
+    contextText: n = "",
+    startOffset: t = 0,
+    text: o,
+    cfi: r = "#",
+    onClick: l,
     absolutePageIndex: i
   }) => {
-    const d = e.substring(
-      Math.max(n - 15, 0),
-      Math.max(n, 0)
-    ), u = e.substring(
-      Math.min(n + r.length, e.length - 1),
+    const d = n.substring(
+      Math.max(t - 15, 0),
+      Math.max(t, 0)
+    ), u = n.substring(
+      Math.min(t + o.length, n.length - 1),
       Math.min(
-        n + r.length + 15,
-        e.length - 1
+        t + o.length + 15,
+        n.length - 1
       )
     );
     return /* @__PURE__ */ a(
-      ae,
+      q,
       {
-        href: l,
+        href: r,
         style: { margin: 5, overflow: "hidden" },
         onClick: (s) => {
-          s.preventDefault(), o(l);
+          s.preventDefault(), l(r);
         },
         display: "flex",
         flexDirection: "column",
         alignItems: "flex-start",
         gap: 0,
         children: [
-          /* @__PURE__ */ a(m, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
+          /* @__PURE__ */ a(g, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
             '"',
             d,
-            /* @__PURE__ */ t("b", { children: r }),
+            /* @__PURE__ */ e("b", { children: o }),
             u,
             '"'
           ] }),
-          /* @__PURE__ */ t(m, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${i !== void 0 ? i + 1 : "unknown (not loaded)"}` })
+          /* @__PURE__ */ e(g, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${i !== void 0 ? i + 1 : "unknown (not loaded)"}` })
         ]
       }
     );
   }
-), ct = p(
+), Cn = f(
   ({
-    onNavigate: e
+    onNavigate: n
   }) => {
-    const [n, r] = T(""), l = O(), o = ce(l) ? l : void 0, i = (h) => {
-      r(h.target.value);
-    }, c = H(
+    const [t, o] = w(""), r = R(), l = he(r) ? r : void 0, i = (h) => {
+      o(h.target.value);
+    }, c = B(
       (h) => {
-        e(), l == null || l.navigation.goToCfi(h);
+        n(), r == null || r.navigation.goToCfi(h);
       },
-      [l, e]
-    ), d = I(
-      () => o == null ? void 0 : o.search.search(n).pipe(
-        ie((h) => ({ type: "end", data: h })),
-        ve({ type: "start" })
+      [r, n]
+    ), d = P(
+      () => l == null ? void 0 : l.search.search(t).pipe(
+        ce((h) => ({ type: "end", data: h })),
+        Pe({ type: "start" })
       ),
-      [l, n]
-    ), u = (d == null ? void 0 : d.type) === "start", s = (d == null ? void 0 : d.type) === "end" ? d.data : [], g = I(
-      () => l == null ? void 0 : l.pagination.locate(s.slice(0, 100)),
+      [r, t]
+    ), u = (d == null ? void 0 : d.type) === "start", s = (d == null ? void 0 : d.type) === "end" ? d.data : [], p = P(
+      () => r == null ? void 0 : r.pagination.locate(s.slice(0, 100)),
       [s]
     );
-    return /* @__PURE__ */ a(v, { flex: 1, height: "100%", children: [
-      /* @__PURE__ */ t(R, { px: 4, children: /* @__PURE__ */ t(
-        Se,
+    return /* @__PURE__ */ a(k, { flex: 1, height: "100%", children: [
+      /* @__PURE__ */ e(M, { px: 4, children: /* @__PURE__ */ e(
+        we,
         {
           placeholder: "Type something...",
-          value: n,
+          value: t,
           onChange: i,
           borderRadius: 0
         }
       ) }),
       /* @__PURE__ */ a(
-        R,
+        M,
         {
           px: 4,
           pb: 4,
@@ -738,27 +856,27 @@ const Xe = B.Root, Je = B.ValueText, X = () => {
           flex: 1,
           style: { overflow: "hidden", overflowY: "auto" },
           children: [
-            u && /* @__PURE__ */ t(m, { children: "Searching ..." }),
-            !u && s.length === 0 && /* @__PURE__ */ t("p", { children: "There are no results" }),
-            !u && s.length >= 0 && /* @__PURE__ */ a(v, { children: [
-              /* @__PURE__ */ a(L, { as: "h2", size: "md", children: [
+            u && /* @__PURE__ */ e(g, { children: "Searching ..." }),
+            !u && s.length === 0 && /* @__PURE__ */ e("p", { children: "There are no results" }),
+            !u && s.length >= 0 && /* @__PURE__ */ a(k, { children: [
+              /* @__PURE__ */ a(Q, { as: "h2", size: "md", children: [
                 s.length,
                 " result(s)"
               ] }),
-              /* @__PURE__ */ t(v, { gap: 0, children: g == null ? void 0 : g.map((h, S) => {
-                var P, x, C, A, J, Z, ee;
-                return /* @__PURE__ */ t(
-                  at,
+              /* @__PURE__ */ e(k, { gap: 0, children: p == null ? void 0 : p.map((h, v) => {
+                var S, T, m, y, x, ne, te;
+                return /* @__PURE__ */ e(
+                  xn,
                   {
-                    contextText: ((C = (x = (P = h.meta) == null ? void 0 : P.range) == null ? void 0 : x.startContainer.parentElement) == null ? void 0 : C.textContent) ?? "",
-                    pageIndex: (A = h.meta) == null ? void 0 : A.itemPageIndex,
-                    startOffset: ((Z = (J = h.meta) == null ? void 0 : J.range) == null ? void 0 : Z.startOffset) ?? 0,
-                    text: n,
+                    contextText: ((m = (T = (S = h.meta) == null ? void 0 : S.range) == null ? void 0 : T.startContainer.parentElement) == null ? void 0 : m.textContent) ?? "",
+                    pageIndex: (y = h.meta) == null ? void 0 : y.itemPageIndex,
+                    startOffset: ((ne = (x = h.meta) == null ? void 0 : x.range) == null ? void 0 : ne.startOffset) ?? 0,
+                    text: t,
                     cfi: h.cfi,
                     onClick: c,
-                    absolutePageIndex: (ee = h.meta) == null ? void 0 : ee.absolutePageIndex
+                    absolutePageIndex: (te = h.meta) == null ? void 0 : te.absolutePageIndex
                   },
-                  S
+                  v
                 );
               }) })
             ] })
@@ -767,62 +885,62 @@ const Xe = B.Root, Je = B.ValueText, X = () => {
       )
     ] });
   }
-), dt = p(
+), vn = f(
   ({
-    open: e,
-    setOpen: n,
-    onNavigate: r
-  }) => /* @__PURE__ */ t(
-    V,
+    open: n,
+    setOpen: t,
+    onNavigate: o
+  }) => /* @__PURE__ */ e(
+    N,
     {
       lazyMount: !0,
       placement: "center",
-      open: e,
-      onOpenChange: (l) => n(l.open),
+      open: n,
+      onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ a(W, { height: "100%", children: [
-        /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(Q, { children: "Search" }) }),
-        /* @__PURE__ */ t(Y, { flex: 1, children: /* @__PURE__ */ t(ct, { onNavigate: r }) }),
-        /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(G, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ t(j, {})
+      children: /* @__PURE__ */ a(_, { height: "100%", children: [
+        /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(V, { children: "Search" }) }),
+        /* @__PURE__ */ e(j, { flex: 1, children: /* @__PURE__ */ e(Cn, { onNavigate: o }) }),
+        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(z, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e($, {})
       ] })
     }
   )
-), ht = p(
+), In = f(
   ({
-    onNavigate: e
+    onNavigate: n
   }) => {
-    const n = O(), { manifest: r, assumedRenditionLayout: l } = I(() => n == null ? void 0 : n.context.state$, [n]) ?? {}, { nav: o } = r ?? {}, i = D();
-    o != null && o.toc;
-    const { beginSpineItemIndex: c, beginPageIndexInSpineItem: d } = i ?? {}, u = (l === "reflowable" ? d : c) || 0;
-    console.log({ assumedRenditionLayout: l, currentSpineItemOrChapterPageIndex: u });
+    const t = R(), { manifest: o, assumedRenditionLayout: r } = P(() => t == null ? void 0 : t.context.state$, [t]) ?? {}, { nav: l } = o ?? {}, i = E();
+    l != null && l.toc;
+    const { beginSpineItemIndex: c, beginPageIndexInSpineItem: d } = i ?? {}, u = (r === "reflowable" ? d : c) || 0;
+    console.log({ assumedRenditionLayout: r, currentSpineItemOrChapterPageIndex: u });
     let s = i == null ? void 0 : i.beginChapterInfo;
     for (; s != null && s.subChapter; )
       s = s == null ? void 0 : s.subChapter;
-    const g = (h, S, P) => /* @__PURE__ */ a(he.Fragment, { children: [
-      /* @__PURE__ */ t(
-        z.Item,
+    const p = (h, v, S) => /* @__PURE__ */ a(fe.Fragment, { children: [
+      /* @__PURE__ */ e(
+        I.Item,
         {
-          pl: 4 * (P + 1),
+          pl: 4 * (S + 1),
           style: {
             display: "flex",
             alignItems: "center"
           },
           children: /* @__PURE__ */ a(
-            ae,
+            q,
             {
               onClick: () => {
-                e(), n == null || n.navigation.goToUrl(h.href);
+                n(), t == null || t.navigation.goToUrl(h.href);
               },
               href: "#",
               children: [
-                (s == null ? void 0 : s.path) === h.path && /* @__PURE__ */ t(z.Indicator, { asChild: !0, children: /* @__PURE__ */ t(ne, {}) }),
-                (s == null ? void 0 : s.path) !== h.path && /* @__PURE__ */ t(z.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(ne, {}) }),
-                /* @__PURE__ */ a(v, { gap: 0, children: [
-                  /* @__PURE__ */ t(m, { fontSize: "md", children: h.title || h.path }),
-                  (s == null ? void 0 : s.path) === h.path && /* @__PURE__ */ t(
-                    m,
+                (s == null ? void 0 : s.path) === h.path && /* @__PURE__ */ e(I.Indicator, { asChild: !0, children: /* @__PURE__ */ e(re, {}) }),
+                (s == null ? void 0 : s.path) !== h.path && /* @__PURE__ */ e(I.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(re, {}) }),
+                /* @__PURE__ */ a(k, { gap: 0, children: [
+                  /* @__PURE__ */ e(g, { fontSize: "md", children: h.title || h.path }),
+                  (s == null ? void 0 : s.path) === h.path && /* @__PURE__ */ e(
+                    g,
                     {
                       fontStyle: "italic",
                       fontWeight: "bold",
@@ -836,96 +954,105 @@ const Xe = B.Root, Je = B.ValueText, X = () => {
           )
         }
       ),
-      h.contents.length > 0 && /* @__PURE__ */ t(z.Root, { as: "div", gap: 2, children: h.contents.map(
-        (x, C) => g(x, C, P + 1)
+      h.contents.length > 0 && /* @__PURE__ */ e(I.Root, { as: "div", gap: 2, children: h.contents.map(
+        (T, m) => p(T, m, S + 1)
       ) })
-    ] }, S);
-    return /* @__PURE__ */ t(z.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: o == null ? void 0 : o.toc.map((h, S) => g(h, S, 0)) });
+    ] }, v);
+    return /* @__PURE__ */ e(I.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: l == null ? void 0 : l.toc.map((h, v) => p(h, v, 0)) });
   }
-), ut = p(
+), Sn = f(
   ({
-    open: e,
-    setOpen: n,
-    onNavigate: r
-  }) => /* @__PURE__ */ t(
-    V,
+    open: n,
+    setOpen: t,
+    onNavigate: o
+  }) => /* @__PURE__ */ e(
+    N,
     {
       lazyMount: !0,
       placement: "center",
-      open: e,
-      onOpenChange: (l) => n(l.open),
+      open: n,
+      onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ a(W, { children: [
-        /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(Q, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ t(Y, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ t(ht, { onNavigate: r }) }),
-        /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(G, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ t(j, {})
+      children: /* @__PURE__ */ a(_, { children: [
+        /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(V, { children: "Table of Contents" }) }),
+        /* @__PURE__ */ e(j, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e(In, { onNavigate: o }) }),
+        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(z, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e($, {})
       ] })
     }
   )
-), wt = ({
-  enableFloatingTime: e = !0,
-  enableFloatingProgress: n = !0,
-  onBackClick: r,
-  onMoreClick: l
+), _n = ({
+  enableFloatingTime: n = !0,
+  enableFloatingProgress: t = !0,
+  onItemClick: o
 }) => {
-  const [o, i] = T(!1), [c, d] = T(!1), [u, s] = T(!1), [g, h] = K();
-  return /* @__PURE__ */ a(F, { children: [
-    n && /* @__PURE__ */ t(
-      $,
+  const [r, l] = w(!1), [i, c] = w(!1), [d, u] = w(!1), [s, p] = w(!1), [h, v] = w(!1), [S, T] = Z(), m = B(() => {
+    l(!1), c(!1), u(!1), p(!1), v(!1), T(!1);
+  }, [T]), y = B(
+    (x) => {
+      x === "annotations" ? p(!0) : x === "search" ? u(!0) : x === "help" ? c(!0) : x === "toc" ? l(!0) : x === "bookmarks" && v(!0), o == null || o(x);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ a(X, { children: [
+    t && /* @__PURE__ */ e(
+      G,
       {
-        present: !g,
+        present: !S,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
-        children: /* @__PURE__ */ t(Ve, {})
+        children: /* @__PURE__ */ e(Ze, {})
       }
     ),
-    /* @__PURE__ */ t(
-      st,
+    /* @__PURE__ */ e(bn, { onItemClick: y }),
+    /* @__PURE__ */ e(Je, { open: i, setOpen: c }),
+    /* @__PURE__ */ e(
+      Sn,
       {
-        onBackClick: r,
-        onMoreClick: l,
-        onTableOfContentsClick: () => i(!0),
-        onHelpClick: () => d(!0),
-        onSearchClick: () => s(!0)
+        open: r,
+        setOpen: l,
+        onNavigate: m
       }
     ),
-    /* @__PURE__ */ t(je, { open: c, setOpen: d }),
-    /* @__PURE__ */ t(
-      ut,
+    /* @__PURE__ */ e(
+      vn,
       {
-        open: o,
-        setOpen: i,
-        onNavigate: () => {
-          i(!1), h(!1);
-        }
+        open: d,
+        setOpen: u,
+        onNavigate: m
       }
     ),
-    /* @__PURE__ */ t(
-      dt,
+    /* @__PURE__ */ e(
+      Ue,
       {
-        open: u,
-        setOpen: s,
-        onNavigate: () => {
-          s(!1), h(!1);
-        }
+        open: s,
+        setOpen: p,
+        onNavigate: m
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ge,
+      {
+        open: h,
+        setOpen: v,
+        onNavigate: m
       }
     ),
-    /* @__PURE__ */ t(
-      $,
+    /* @__PURE__ */ e(
+      G,
       {
-        present: e || g,
+        present: n || S,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "slow",
         overflow: "hidden",
-        children: /* @__PURE__ */ t(Ye, {})
+        children: /* @__PURE__ */ e(tn, {})
       }
     )
   ] });
 };
 export {
-  wt as ReactReader,
-  kt as ReactReaderProvider
+  _n as ReactReader,
+  Ln as ReactReaderProvider
 };
 //# sourceMappingURL=index.js.map