@prose-reader/react-reader 1.186.0 → 1.188.0

package/dist/index.js

@@ -1,131 +1,337 @@
-import { jsx as t, jsxs as a, Fragment as E } from "react/jsx-runtime";
-import * as C from "react";
-import ie, { createContext as le, memo as b, useMemo as se, useEffect as B, useContext as _, useState as R, useCallback as q } from "react";
-import { signal as ce, useSignal as U, useLiveRef as ae, useSubscribe as Y, useObserve as v, useSignalValue as de } from "reactjrx";
-import { tap as ue, NEVER as he, combineLatest as ge, map as me } from "rxjs";
-import { Box as z, Text as m, Popover as I, Portal as Q, IconButton as p, Progress as O, Stack as y, HStack as x, Presence as L, chakra as fe, Collapsible as M, Dialog as g, Heading as j, Kbd as N, Button as G, List as w, Link as pe } from "@chakra-ui/react";
-import { LuChevronDown as be, LuCircleHelp as xe, LuTableOfContents as Ce, LuX as Ie, LuArrowBigRight as ve, LuArrowBigLeft as Pe, LuCircleCheck as V } from "react-icons/lu";
-import { RxDoubleArrowUp as Se, RxDoubleArrowLeft as Te, RxDoubleArrowDown as ke, RxDoubleArrowRight as we } from "react-icons/rx";
-import { HiOutlineInformationCircle as Re } from "react-icons/hi";
-import Oe 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 ye, IoMdMore as De } from "react-icons/io";
-import { MdFullscreenExit as Ae, MdFullscreen as Be } from "react-icons/md";
-const F = le({
+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: ce({ default: !1 })
-}), ft = b(
+  quickMenuSignal: xe({ default: !1 })
+}), Ln = f(
   ({
-    children: e,
-    reader: n,
-    quickMenuOpen: r,
-    onQuickMenuOpenChange: i
+    children: n,
+    reader: t,
+    quickMenuOpen: o,
+    onQuickMenuOpenChange: r
   }) => {
-    const [, o] = U({
-      default: r
-    }), l = ae(i), c = se(
+    const [, l] = le({
+      default: o
+    }), i = Ce(r), c = be(
       () => ({
-        quickMenuSignal: o,
-        reader: n
+        quickMenuSignal: l,
+        reader: t
       }),
-      [o, n]
+      [l, t]
     );
-    return B(() => {
-      o.setValue(r);
-    }, [r, o]), Y(
-      () => o.subject.pipe(ue(l.current)),
-      [o, l]
-    ), /* @__PURE__ */ t(F.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 });
   }
-), D = () => {
-  const { reader: e } = _(F);
-  return e;
-}, P = () => {
-  const e = D();
-  return v(
-    () => e ? ge([e.pagination.state$, e.context.state$]).pipe(
-      me(([n, r]) => {
-        var o;
-        const i = (o = r.manifest) == null ? void 0 : o.spineItems.every(
-          (l) => {
+), 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: r,
+    portalled: l = !0,
+    portalRef: i,
+    backdrop: c = !0,
+    ...d
+  } = 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 }) })
+  ] });
+}), $ = D.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(
+    b.CloseTrigger,
+    {
+      position: "absolute",
+      top: "2",
+      insetEnd: "2",
+      ...t,
+      asChild: !0,
+      children: /* @__PURE__ */ e(Ye, { size: "sm", ref: o, children: t.children })
+    }
+  );
+}), 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: n,
+    setOpen: t
+  }) => /* @__PURE__ */ e(
+    N,
+    {
+      lazyMount: !0,
+      placement: "center",
+      open: n,
+      onOpenChange: (o) => t(o.open),
+      size: { mdDown: "full", md: "lg" },
+      scrollBehavior: "inside",
+      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__ */ e(g, { children: "Navigate to right page" })
+          ] }),
+          /* @__PURE__ */ a(O, { mb: 1, children: [
+            /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(Oe, {}) }),
+            " ",
+            /* @__PURE__ */ e(g, { children: "Navigate to left page" })
+          ] }),
+          /* @__PURE__ */ e(Q, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
+          /* @__PURE__ */ a(g, { children: [
+            Ke,
+            " version: ",
+            Xe
+          ] })
+        ] }),
+        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e(z, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e($, {})
+      ] })
+    }
+  )
+), 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 = l.mediaType) == null ? void 0 : c.startsWith("image/");
+            return (c = i.mediaType) == null ? void 0 : c.startsWith("image/");
           }
         );
         return {
-          ...n,
-          hasChapters: !r.isFullyPrePaginated && !i
+          ...t,
+          hasChapters: !o.isFullyPrePaginated && !r
         };
       })
-    ) : he,
-    [e]
+    ) : Se,
+    [n]
   );
-}, ze = () => {
-  const e = P(), 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(z, { 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,
     " %"
   ] }) });
-}, Me = () => {
-  const [e, n] = R(/* @__PURE__ */ new Date());
-  return B(() => {
-    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;
-}, Le = (e) => {
-  const n = Me();
-  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"
   }) });
-}, $ = () => {
-  const { quickMenuSignal: e } = _(F);
-  return [de(e), e.setValue, e];
-}, Ee = () => {
-  const [e] = $();
-  return /* @__PURE__ */ t(
-    z,
+}, 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(Le, {})
+      color: n ? void 0 : "colorPalette.contrast",
+      children: /* @__PURE__ */ e(nn, {})
     }
   );
-}, Fe = C.forwardRef(
-  function(n, r) {
+}, on = D.forwardRef(
+  function(t, o) {
     const {
-      showArrow: i,
-      children: o,
-      portalled: l = !0,
+      showArrow: r,
+      children: l,
+      portalled: i = !0,
       content: c,
       portalRef: d,
       ...u
-    } = n;
+    } = t;
     return /* @__PURE__ */ a(
-      I.Root,
+      A.Root,
       {
         ...u,
         positioning: { ...u.positioning, gutter: 4 },
         children: [
-          /* @__PURE__ */ t(I.Trigger, { asChild: !0, children: o }),
-          /* @__PURE__ */ t(Q, { disabled: !l, container: d, children: /* @__PURE__ */ t(I.Positioner, { children: /* @__PURE__ */ a(
-            I.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: [
-                i && /* @__PURE__ */ t(I.Arrow, { children: /* @__PURE__ */ t(I.ArrowTip, {}) }),
+                r && /* @__PURE__ */ e(A.Arrow, { children: /* @__PURE__ */ e(A.ArrowTip, {}) }),
                 c
               ]
             }
@@ -134,84 +340,84 @@ const F = le({
       }
     );
   }
-), $e = C.forwardRef(function(n, r) {
-  const { children: i, ...o } = n;
-  return /* @__PURE__ */ t(Fe, { content: i, ...o, ref: r, children: /* @__PURE__ */ t(
-    p,
+), 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(Re, {})
+      children: /* @__PURE__ */ e(Ne, {})
     }
   ) });
-}), He = C.forwardRef(function(n, r) {
-  return /* @__PURE__ */ t(O.Track, { ...n, ref: r, children: /* @__PURE__ */ t(O.Range, {}) });
+}), ln = D.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(L.Track, { ...t, ref: o, children: /* @__PURE__ */ e(L.Range, {}) });
 });
-C.forwardRef(function(n, r) {
-  const { children: i, info: o, ...l } = n;
-  return /* @__PURE__ */ a(O.Label, { ...l, ref: r, children: [
-    i,
-    o && /* @__PURE__ */ t($e, { 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 We = O.Root, je = O.ValueText, H = () => {
-  const e = P(), n = (e == null ? void 0 : e.numberOfTotalPages) === 1, r = ((e == null ? void 0 : e.beginNumberOfPagesInSpineItem) ?? 0) > 1, i = ((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, l = (e != null && e.hasChapters ? e == null ? void 0 : e.endPageIndexInSpineItem : e == null ? void 0 : e.endAbsolutePageIndex) ?? 0, [c = 0, d = 0] = [
-    o,
-    l
-  ].sort((f, h) => f - 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;
+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((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,
-    endPageIndex: l,
-    isBeginWithinChapter: r,
-    isEndWithinChapter: i,
+    hasOnlyOnePage: t,
+    beginPageIndex: l,
+    endPageIndex: i,
+    isBeginWithinChapter: o,
+    isEndWithinChapter: r,
     beginAndEndAreDifferent: u,
     totalApproximatePages: s,
     leftPageIndex: c,
     rightPageIndex: d
   };
-}, Ne = () => {
-  const e = P(), {
-    hasOnlyOnePage: n,
-    leftPageIndex: r,
-    rightPageIndex: i,
-    totalApproximatePages: o,
-    beginAndEndAreDifferent: l
-  } = H(), 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(y, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
-    /* @__PURE__ */ t(We, { value: c, size: "xs", width: 150, children: /* @__PURE__ */ a(x, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ t(He, { width: 110 }),
-      /* @__PURE__ */ t(je, { children: `${c}%` })
+}, cn = () => {
+  const n = E(), {
+    hasOnlyOnePage: t,
+    leftPageIndex: o,
+    rightPageIndex: r,
+    totalApproximatePages: l,
+    beginAndEndAreDifferent: i
+  } = 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(x, { children: [
-      /* @__PURE__ */ t(m, { fontSize: "xs", children: l ? `${r + 1} - ${i + 1} of ${o}` : `${r + 1} of ${o}` }),
-      !!(e != null && e.hasChapters) && /* @__PURE__ */ a(E, { 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,
           ")"
         ] })
       ] })
     ] })
   ] });
-}, K = b(
+}, pe = f(
   ({
-    children: e,
-    position: n,
-    ...r
-  }) => /* @__PURE__ */ t(
-    L,
+    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"
       } : {
@@ -224,12 +430,12 @@ const We = O.Root, je = O.ValueText, H = () => {
       justifyContent: "center",
       shadow: "md",
       p: 4,
-      ...r,
-      children: e
+      ...o,
+      children: n
     }
   )
-), Ve = fe(Oe), _e = b((e) => /* @__PURE__ */ t(
-  z,
+), dn = Te(Fe), hn = f((n) => /* @__PURE__ */ e(
+  M,
   {
     display: "contents",
     css: {
@@ -237,8 +443,8 @@ const We = O.Root, je = O.ValueText, H = () => {
       "--bg-emphasized": "colors.bg.emphasized",
       "--color-solid": "colors.colorPalette.solid"
     },
-    children: /* @__PURE__ */ t(
-      Ve,
+    children: /* @__PURE__ */ e(
+      dn,
       {
         keyboard: !1,
         style: {
@@ -273,408 +479,468 @@ const We = O.Root, je = O.ValueText, H = () => {
             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
       }
     )
   }
-)), qe = () => {
-  const e = P(), n = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: r, totalApproximatePages: i = 0 } = H(), o = n ? Math.floor((r || 0) / 2) : r, [l, c] = U({
-    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((i - 1) / 2) : i - 1
+    t ? Math.floor((r - 1) / 2) : r - 1
   );
-  return B(() => {
-    c.setValue(o || 0);
-  }, [o, c]), {
-    value: l,
+  return Y(() => {
+    c.setValue(l || 0);
+  }, [l, c]), {
+    value: i,
     valueSignal: c,
     min: d,
     max: u
   };
-}, Ue = () => {
-  const e = D(), n = P(), { manifest: r } = v(() => e == null ? void 0 : e.context.state$, []) ?? {}, i = (r == null ? void 0 : r.readingDirection) === "rtl", o = n == null ? void 0 : n.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = H(), d = 1, u = c, { value: s, valueSignal: f, min: h, max: S } = qe(), A = q(
-    (T) => {
-      const [k = 0] = Array.isArray(T) ? T : [T];
-      f.setValue(k);
-      const W = o ? Math.floor(k) * 2 : Math.floor(k);
-      u ? e == null || e.navigation.goToPageOfSpineItem({
-        pageIndex: W,
-        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: W,
+      }) : t == null || t.navigation.goToAbsolutePageIndex({
+        absolutePageIndex: x,
         animation: !1
       });
     },
-    [e, o, f, u]
+    [t, i, h, s]
   );
-  return Y(
-    () => e == null ? void 0 : e.navigation.throttleLock({
+  return se(
+    () => t == null ? void 0 : t.navigation.throttleLock({
       duration: 100,
-      trigger: f.subject
+      trigger: h.subject
     }),
-    [e, f]
-  ), l === 1 || o && l === 2 ? null : /* @__PURE__ */ t(
-    _e,
+    [t, h]
+  ), c === 1 || i && c === 2 ? null : /* @__PURE__ */ e(
+    hn,
     {
-      value: [s],
+      value: [p],
       max: S,
-      min: h,
-      reverse: i,
-      step: d,
-      onChange: A
+      min: v,
+      reverse: l,
+      step: u,
+      onChange: T,
+      ...n
     }
   );
-}, Ye = b(
+}, pn = f(
   ({
-    open: e,
-    onTableOfContentsClick: n,
-    onHelpClick: r
+    open: n,
+    onItemClick: t
   }) => {
-    const i = D(), o = v(() => i == null ? void 0 : i.navigation.state$, [i]), l = v(() => i == null ? void 0 : i.settings.values$, [i]), c = (l == null ? void 0 : l.computedPageTurnDirection) === "vertical", [d, u] = R(!0);
-    return /* @__PURE__ */ t(
-      K,
-      {
-        present: e,
-        position: "bottom",
-        children: /* @__PURE__ */ a(
-          y,
+    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(x, { flex: 1, alignItems: "center", justifyContent: "center", children: [
-                /* @__PURE__ */ t(
-                  p,
-                  {
-                    "aria-label": "left",
-                    size: "lg",
-                    variant: "ghost",
-                    flexShrink: 0,
-                    onClick: () => i == null ? void 0 : i.navigation.goToLeftOrTopSpineItem(),
-                    disabled: !(o != null && o.canGoLeftSpineItem) && !(o != null && o.canGoTopSpineItem),
-                    children: c ? /* @__PURE__ */ t(Se, {}) : /* @__PURE__ */ t(Te, {})
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  y,
-                  {
-                    flex: 1,
-                    maxW: 400,
-                    gap: 2,
-                    alignItems: "center",
-                    overflow: "visible",
-                    px: 4,
-                    children: [
-                      /* @__PURE__ */ t(Ne, {}),
-                      /* @__PURE__ */ t(z, { height: 5, maxW: 300, width: "100%", overflow: "visible", children: /* @__PURE__ */ t(Ue, {}) })
-                    ]
+              /* @__PURE__ */ e(cn, {}),
+              /* @__PURE__ */ e(
+                gn,
+                {
+                  style: {
+                    width: "100%",
+                    maxWidth: "300px",
+                    height: "35px"
                   }
-                ),
-                /* @__PURE__ */ t(
-                  p,
+                }
+              )
+            ]
+          }
+        ),
+        /* @__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: !(o != null && o.canGoRightSpineItem) && !(o != null && o.canGoBottomSpineItem),
-                    onClick: () => {
-                      i == null || i.navigation.goToRightOrBottomSpineItem();
-                    },
-                    children: c ? /* @__PURE__ */ t(ke, {}) : /* @__PURE__ */ t(we, {})
+                    style: {
+                      transform: c ? "rotate(0deg)" : "rotate(180deg)"
+                    }
                   }
                 )
-              ] }),
-              /* @__PURE__ */ t(
-                x,
+              }
+            ),
+            /* @__PURE__ */ a(U.Content, { display: "flex", justifyContent: "center", children: [
+              /* @__PURE__ */ e(
+                C,
                 {
-                  alignItems: "center",
-                  justifyContent: "center",
-                  children: /* @__PURE__ */ a(
-                    M.Root,
-                    {
-                      open: d,
-                      flex: 1,
-                      onOpenChange: ({ open: s }) => {
-                        u(s);
-                      },
-                      children: [
-                        /* @__PURE__ */ t(
-                          M.Trigger,
-                          {
-                            paddingY: "3",
-                            width: "100%",
-                            display: "flex",
-                            justifyContent: "center",
-                            children: /* @__PURE__ */ t(
-                              be,
-                              {
-                                style: {
-                                  transform: d ? "rotate(0deg)" : "rotate(180deg)"
-                                }
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ a(
-                          M.Content,
-                          {
-                            display: "flex",
-                            justifyContent: "center",
-                            gap: 2,
-                            children: [
-                              /* @__PURE__ */ t(
-                                p,
-                                {
-                                  "aria-label": "Help",
-                                  size: "lg",
-                                  variant: "ghost",
-                                  onClick: r,
-                                  children: /* @__PURE__ */ t(xe, {})
-                                }
-                              ),
-                              /* @__PURE__ */ t(
-                                p,
-                                {
-                                  "aria-label": "Table of contents",
-                                  size: "lg",
-                                  variant: "ghost",
-                                  onClick: n,
-                                  children: /* @__PURE__ */ t(Ce, {})
-                                }
-                              )
-                            ]
-                          }
-                        )
-                      ]
-                    }
-                  )
+                  "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, {})
                 }
               )
-            ]
-          }
-        )
-      }
-    );
+            ] })
+          ]
+        }
+      ) })
+    ] }) });
   }
-), Qe = () => {
-  const [e, n] = R(!1), r = q(() => 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 B(() => {
-    function i() {
-      n(!!document.fullscreenElement);
+  return Y(() => {
+    function r() {
+      t(!!document.fullscreenElement);
     }
-    return document.addEventListener("fullscreenchange", i), () => {
-      document.removeEventListener("fullscreenchange", i);
+    return document.addEventListener("fullscreenchange", r), () => {
+      document.removeEventListener("fullscreenchange", r);
     };
   }, []), {
-    isFullscreen: e,
-    onToggleFullscreenClick: r
+    isFullscreen: n,
+    onToggleFullscreenClick: o
   };
-}, Ge = ({
-  open: e,
-  onBackClick: n,
-  onMoreClick: r
-}) => {
-  const i = D(), o = v(() => i == null ? void 0 : i.context.manifest$, [i]), { isFullscreen: l, onToggleFullscreenClick: c } = Qe();
-  return /* @__PURE__ */ a(
-    K,
-    {
-      present: e,
-      position: "top",
-      height: "80px",
-      justifyContent: "space-between",
-      children: [
-        /* @__PURE__ */ t(
-          p,
-          {
-            "aria-label": "left",
-            size: "lg",
-            variant: "ghost",
-            flexShrink: 0,
-            onClick: n,
-            children: /* @__PURE__ */ t(ye, {})
-          }
-        ),
-        /* @__PURE__ */ t(
-          y,
-          {
-            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(x, { children: [
-          /* @__PURE__ */ t(
-            p,
+}, 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(De, {})
+              flexShrink: 0,
+              onClick: () => t("back"),
+              children: /* @__PURE__ */ e(He, {})
             }
           ),
-          /* @__PURE__ */ t(
-            p,
+          /* @__PURE__ */ e(
+            k,
             {
-              "aria-label": "right",
-              size: "lg",
-              flexShrink: 0,
-              variant: "ghost",
-              onClick: c,
-              children: l ? /* @__PURE__ */ t(Ae, {}) : /* @__PURE__ */ t(Be, {})
+              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 })
             }
-          )
-        ] })
-      ]
-    }
-  );
-}, Ke = b(
+          ),
+          /* @__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(
+  ({
+    onItemClick: n
+  }) => {
+    const [t] = Z();
+    return /* @__PURE__ */ a(X, { children: [
+      /* @__PURE__ */ e(mn, { open: t, onItemClick: n }),
+      /* @__PURE__ */ e(pn, { open: t, onItemClick: n })
+    ] });
+  }
+), xn = f(
+  ({
+    contextText: n = "",
+    startOffset: t = 0,
+    text: o,
+    cfi: r = "#",
+    onClick: l,
+    absolutePageIndex: i
+  }) => {
+    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(
+        t + o.length + 15,
+        n.length - 1
+      )
+    );
+    return /* @__PURE__ */ a(
+      q,
+      {
+        href: r,
+        style: { margin: 5, overflow: "hidden" },
+        onClick: (s) => {
+          s.preventDefault(), l(r);
+        },
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        gap: 0,
+        children: [
+          /* @__PURE__ */ a(g, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
+            '"',
+            d,
+            /* @__PURE__ */ e("b", { children: o }),
+            u,
+            '"'
+          ] }),
+          /* @__PURE__ */ e(g, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${i !== void 0 ? i + 1 : "unknown (not loaded)"}` })
+        ]
+      }
+    );
+  }
+), Cn = f(
   ({
-    onBackClick: e,
-    onMoreClick: n,
-    onTableOfContentsClick: r,
-    onHelpClick: i
+    onNavigate: n
   }) => {
-    const [o] = $();
-    return /* @__PURE__ */ a(E, { children: [
-      /* @__PURE__ */ t(
-        Ge,
+    const [t, o] = w(""), r = R(), l = he(r) ? r : void 0, i = (h) => {
+      o(h.target.value);
+    }, c = B(
+      (h) => {
+        n(), r == null || r.navigation.goToCfi(h);
+      },
+      [r, n]
+    ), d = P(
+      () => l == null ? void 0 : l.search.search(t).pipe(
+        ce((h) => ({ type: "end", data: h })),
+        Pe({ type: "start" })
+      ),
+      [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(k, { flex: 1, height: "100%", children: [
+      /* @__PURE__ */ e(M, { px: 4, children: /* @__PURE__ */ e(
+        we,
         {
-          open: o,
-          onBackClick: e,
-          onMoreClick: n
+          placeholder: "Type something...",
+          value: t,
+          onChange: i,
+          borderRadius: 0
         }
-      ),
-      /* @__PURE__ */ t(
-        Ye,
+      ) }),
+      /* @__PURE__ */ a(
+        M,
         {
-          open: o,
-          onTableOfContentsClick: r,
-          onHelpClick: i
+          px: 4,
+          pb: 4,
+          mt: 2,
+          flex: 1,
+          style: { overflow: "hidden", overflowY: "auto" },
+          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__ */ 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: ((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: (te = h.meta) == null ? void 0 : te.absolutePageIndex
+                  },
+                  v
+                );
+              }) })
+            ] })
+          ]
         }
       )
     ] });
   }
-), Xe = "@prose-reader/react-reader", Je = "1.185.0", Ze = C.forwardRef(function(n, r) {
-  return /* @__PURE__ */ t(p, { variant: "ghost", "aria-label": "Close", ref: r, ...n, children: n.children ?? /* @__PURE__ */ t(Ie, {}) });
-}), X = C.forwardRef(function(n, r) {
-  const {
-    children: i,
-    portalled: o = !0,
-    portalRef: l,
-    backdrop: c = !0,
-    ...d
-  } = n;
-  return /* @__PURE__ */ a(Q, { disabled: !o, container: l, children: [
-    c && /* @__PURE__ */ t(g.Backdrop, {}),
-    /* @__PURE__ */ t(g.Positioner, { children: /* @__PURE__ */ t(g.Content, { ref: r, ...d, asChild: !1, children: i }) })
-  ] });
-}), J = C.forwardRef(function(n, r) {
-  return /* @__PURE__ */ t(
-    g.CloseTrigger,
-    {
-      position: "absolute",
-      top: "2",
-      insetEnd: "2",
-      ...n,
-      asChild: !0,
-      children: /* @__PURE__ */ t(Ze, { size: "sm", ref: r, children: n.children })
-    }
-  );
-}), Z = g.Root, ee = g.Footer, te = g.Header, ne = g.Body;
-g.Backdrop;
-const oe = g.Title;
-g.Description;
-g.Trigger;
-const re = g.ActionTrigger, et = b(
+), vn = f(
   ({
-    open: e,
-    setOpen: n
-  }) => /* @__PURE__ */ t(
-    Z,
+    open: n,
+    setOpen: t,
+    onNavigate: o
+  }) => /* @__PURE__ */ e(
+    N,
     {
       lazyMount: !0,
       placement: "center",
-      open: e,
-      onOpenChange: (r) => n(r.open),
+      open: n,
+      onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ a(X, { children: [
-        /* @__PURE__ */ t(te, { children: /* @__PURE__ */ t(oe, { children: "Help" }) }),
-        /* @__PURE__ */ a(ne, { overflowY: "auto", flex: 1, children: [
-          /* @__PURE__ */ t(j, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-          /* @__PURE__ */ a(x, { mb: 1, children: [
-            /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(ve, {}) }),
-            " ",
-            /* @__PURE__ */ t(m, { children: "Navigate to right page" })
-          ] }),
-          /* @__PURE__ */ a(x, { mb: 1, children: [
-            /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(Pe, {}) }),
-            " ",
-            /* @__PURE__ */ t(m, { children: "Navigate to left page" })
-          ] }),
-          /* @__PURE__ */ t(j, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
-          /* @__PURE__ */ a(m, { children: [
-            Xe,
-            " version: ",
-            Je
-          ] })
-        ] }),
-        /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ t(G, { 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($, {})
       ] })
     }
   )
-), tt = b(
+), In = f(
   ({
-    onNavigate: e
+    onNavigate: n
   }) => {
-    const n = D(), { manifest: r, assumedRenditionLayout: i } = v(() => n == null ? void 0 : n.context.state$, [n]) ?? {}, { nav: o } = r ?? {}, l = P();
-    o != null && o.toc;
-    const { beginSpineItemIndex: c, beginPageIndexInSpineItem: d } = l ?? {}, u = (i === "reflowable" ? d : c) || 0;
-    console.log({ assumedRenditionLayout: i, currentSpineItemOrChapterPageIndex: u });
-    let s = l == null ? void 0 : l.beginChapterInfo;
+    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 f = (h, S, A) => /* @__PURE__ */ a(ie.Fragment, { children: [
-      /* @__PURE__ */ t(
-        w.Item,
+    const p = (h, v, S) => /* @__PURE__ */ a(fe.Fragment, { children: [
+      /* @__PURE__ */ e(
+        I.Item,
         {
-          pl: 4 * (A + 1),
+          pl: 4 * (S + 1),
           style: {
             display: "flex",
             alignItems: "center"
           },
           children: /* @__PURE__ */ a(
-            pe,
+            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(w.Indicator, { asChild: !0, children: /* @__PURE__ */ t(V, {}) }),
-                (s == null ? void 0 : s.path) !== h.path && /* @__PURE__ */ t(w.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(V, {}) }),
-                /* @__PURE__ */ a(y, { 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",
@@ -688,83 +954,105 @@ const re = g.ActionTrigger, et = b(
           )
         }
       ),
-      h.contents.length > 0 && /* @__PURE__ */ t(w.Root, { as: "div", gap: 2, children: h.contents.map(
-        (T, k) => f(T, k, A + 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(w.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: o == null ? void 0 : o.toc.map((h, S) => f(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)) });
   }
-), nt = b(
+), Sn = f(
   ({
-    open: e,
-    setOpen: n,
-    onNavigate: r
-  }) => /* @__PURE__ */ t(
-    Z,
+    open: n,
+    setOpen: t,
+    onNavigate: o
+  }) => /* @__PURE__ */ e(
+    N,
     {
       lazyMount: !0,
       placement: "center",
-      open: e,
-      onOpenChange: (i) => n(i.open),
+      open: n,
+      onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ a(X, { children: [
-        /* @__PURE__ */ t(te, { children: /* @__PURE__ */ t(oe, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ t(ne, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ t(tt, { onNavigate: r }) }),
-        /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ t(G, { 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($, {})
       ] })
     }
   )
-), pt = ({
-  enableFloatingTime: e = !0,
-  enableFloatingProgress: n = !0,
-  ...r
+), _n = ({
+  enableFloatingTime: n = !0,
+  enableFloatingProgress: t = !0,
+  onItemClick: o
 }) => {
-  const [i, o] = R(!1), [l, c] = R(!1), [d, u] = $();
-  return /* @__PURE__ */ a(E, { children: [
-    n && /* @__PURE__ */ t(
-      L,
+  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: !d,
+        present: !S,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
-        children: /* @__PURE__ */ t(ze, {})
+        children: /* @__PURE__ */ e(Ze, {})
       }
     ),
-    /* @__PURE__ */ t(
-      Ke,
+    /* @__PURE__ */ e(bn, { onItemClick: y }),
+    /* @__PURE__ */ e(Je, { open: i, setOpen: c }),
+    /* @__PURE__ */ e(
+      Sn,
       {
-        ...r,
-        onTableOfContentsClick: () => o(!0),
-        onHelpClick: () => c(!0)
+        open: r,
+        setOpen: l,
+        onNavigate: m
       }
     ),
-    /* @__PURE__ */ t(et, { open: l, setOpen: c }),
-    /* @__PURE__ */ t(
-      nt,
+    /* @__PURE__ */ e(
+      vn,
       {
-        open: i,
-        setOpen: o,
-        onNavigate: () => {
-          o(!1), u(!1);
-        }
+        open: d,
+        setOpen: u,
+        onNavigate: m
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ue,
+      {
+        open: s,
+        setOpen: p,
+        onNavigate: m
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ge,
+      {
+        open: h,
+        setOpen: v,
+        onNavigate: m
       }
     ),
-    /* @__PURE__ */ t(
-      L,
+    /* @__PURE__ */ e(
+      G,
       {
-        present: e || d,
+        present: n || S,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "slow",
         overflow: "hidden",
-        children: /* @__PURE__ */ t(Ee, {})
+        children: /* @__PURE__ */ e(tn, {})
       }
     )
   ] });
 };
 export {
-  pt as ReactReader,
-  ft as ReactReaderProvider
+  _n as ReactReader,
+  Ln as ReactReaderProvider
 };
 //# sourceMappingURL=index.js.map