@prose-reader/react-reader 1.193.0 → 1.195.0

package/dist/index.js

@@ -1,60 +1,61 @@
-import { jsx as e, jsxs as c, Fragment as U } from "react/jsx-runtime";
-import * as D from "react";
-import fe, { createContext as me, memo as f, useMemo as be, useEffect as Q, useContext as le, useState as y, useCallback as M } from "react";
-import { signal as xe, useSignal as se, useLiveRef as Ce, useSubscribe as ae, useObserve as b, useSignalValue as ve } from "reactjrx";
-import { tap as ke, switchMap as ce, NEVER as Ie, combineLatest as Se, map as de, startWith as Pe } from "rxjs";
-import { IconButton as m, Portal as he, Dialog as k, List as S, Link as G, Stack as P, Text as p, Button as E, Presence as q, Box as A, Heading as W, HStack as O, Kbd as re, Popover as z, Progress as _, chakra as we, Collapsible as K, Input as ye } from "@chakra-ui/react";
-import { LuX as Te, LuNotebookPen as X, LuArrowBigRight as Re, LuArrowBigLeft as Oe, LuChevronDown as De, LuCircleHelp as ze, LuTableOfContents as Ae, LuSearch as Ee, LuCircleCheck as ie } from "react-icons/lu";
-import { createPortal as Be } from "react-dom";
-import { BsBookmarkPlus as Me, BsBookmarkXFill as _e, BsBookmarks as Le } from "react-icons/bs";
-import { RxDoubleArrowUp as $e, RxDoubleArrowLeft as Ne, RxDoubleArrowDown as Fe, RxDoubleArrowRight as He } from "react-icons/rx";
-import { HiOutlineInformationCircle as je } from "react-icons/hi";
-import Ve from "rc-slider";
+import { jsx as n, jsxs as a, Fragment as K } from "react/jsx-runtime";
+import * as z from "react";
+import ye, { createContext as Te, memo as m, useMemo as we, useEffect as X, useContext as me, useState as P, useCallback as L } from "react";
+import { signal as fe, useSignal as be, useLiveRef as Pe, useSubscribe as M, useObserve as b, useSignalValue as Re, isDefined as Oe } from "reactjrx";
+import { tap as xe, switchMap as oe, NEVER as re, combineLatest as De, map as ie, EMPTY as ze, Subject as Ae, finalize as Ce, filter as ue, mergeMap as Ee, skip as ve, merge as Me, timer as Be, first as _e, distinctUntilChanged as $e, startWith as Le } from "rxjs";
+import { IconButton as f, Portal as le, Dialog as k, List as I, Link as Z, Stack as y, Text as p, Button as B, Presence as G, Box as O, createToaster as Ne, Toaster as Fe, Toast as A, Spinner as He, Heading as ee, HStack as D, Kbd as ge, Popover as E, Progress as N, chakra as je, Collapsible as J, Input as Ve } from "@chakra-ui/react";
+import { LuX as Ye, LuNotebookPen as ne, LuArrowBigRight as Ue, LuArrowBigLeft as qe, LuChevronDown as Qe, LuCircleHelp as Ge, LuTableOfContents as We, LuSearch as Ke, LuCircleCheck as pe } from "react-icons/lu";
+import { createPortal as Xe } from "react-dom";
+import { BsBookmarkPlus as Ze, BsBookmarkXFill as Je, BsBookmarks as en } from "react-icons/bs";
+import { isHtmlTagElement as nn } from "@prose-reader/core";
+import { RxDoubleArrowUp as tn, RxDoubleArrowLeft as on, RxDoubleArrowDown as rn, RxDoubleArrowRight as ln } from "react-icons/rx";
+import { HiOutlineInformationCircle as sn } from "react-icons/hi";
+import an from "rc-slider";
 import "rc-slider/assets/index.css";
-import { IoIosArrowBack as Ye, IoMdMore as qe } from "react-icons/io";
-import { MdFullscreenExit as Ue, MdFullscreen as Qe } from "react-icons/md";
-const J = me({
+import { IoIosArrowBack as cn, IoMdMore as dn } from "react-icons/io";
+import { MdFullscreenExit as hn, MdFullscreen as un } from "react-icons/md";
+const se = Te({
   reader: void 0,
-  quickMenuSignal: xe({ default: !1 })
-}), Hn = f(
+  quickMenuSignal: fe({ default: !1 })
+}), ht = m(
   ({
-    children: n,
+    children: e,
     reader: t,
     quickMenuOpen: o,
     onQuickMenuOpenChange: r
   }) => {
-    const [, l] = se({
+    const [, i] = be({
       default: o
-    }), i = Ce(r), a = be(
+    }), l = Pe(r), c = we(
       () => ({
-        quickMenuSignal: l,
+        quickMenuSignal: i,
         reader: t
       }),
-      [l, t]
+      [i, t]
     );
-    return Q(() => {
-      l.setValue(o);
-    }, [o, l]), ae(
-      () => l.subject.pipe(ke(i.current)),
-      [l, i]
-    ), /* @__PURE__ */ e(J.Provider, { value: a, children: n });
+    return X(() => {
+      i.setValue(o);
+    }, [o, i]), M(
+      () => i.subject.pipe(xe(l.current)),
+      [i, l]
+    ), /* @__PURE__ */ n(se.Provider, { value: c, children: e });
   }
-), Ge = D.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(m, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(Te, {}) });
-}), L = D.forwardRef(function(t, o) {
+), gn = z.forwardRef(function(t, o) {
+  return /* @__PURE__ */ n(f, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ n(Ye, {}) });
+}), F = z.forwardRef(function(t, o) {
   const {
     children: r,
-    portalled: l = !0,
-    portalRef: i,
-    backdrop: a = !0,
+    portalled: i = !0,
+    portalRef: l,
+    backdrop: c = !0,
     ...h
   } = t;
-  return /* @__PURE__ */ c(he, { disabled: !l, container: i, children: [
-    a && /* @__PURE__ */ e(k.Backdrop, {}),
-    /* @__PURE__ */ e(k.Positioner, { children: /* @__PURE__ */ e(k.Content, { ref: o, ...h, asChild: !1, children: r }) })
+  return /* @__PURE__ */ a(le, { disabled: !i, container: l, children: [
+    c && /* @__PURE__ */ n(k.Backdrop, {}),
+    /* @__PURE__ */ n(k.Positioner, { children: /* @__PURE__ */ n(k.Content, { ref: o, ...h, asChild: !1, children: r }) })
   ] });
-}), $ = D.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(
+}), H = z.forwardRef(function(t, o) {
+  return /* @__PURE__ */ n(
     k.CloseTrigger,
     {
       position: "absolute",
@@ -62,108 +63,108 @@ const J = me({
       insetEnd: "2",
       ...t,
       asChild: !0,
-      children: /* @__PURE__ */ e(Ge, { size: "sm", ref: o, children: t.children })
+      children: /* @__PURE__ */ n(gn, { size: "sm", ref: o, children: t.children })
     }
   );
-}), N = k.Root, F = k.Footer, H = k.Header, j = k.Body;
+}), j = k.Root, V = k.Footer, Y = k.Header, U = k.Body;
 k.Backdrop;
-const V = k.Title;
+const q = k.Title;
 k.Description;
 k.Trigger;
-const Y = k.ActionTrigger, T = () => {
-  const { reader: n } = le(J);
-  return n;
-}, ue = (n) => !!n && "__PROSE_READER_ENHANCER_SEARCH" in n, Z = (n) => !!n && "__PROSE_READER_ENHANCER_BOOKMARKS" in n, ge = (n) => !!n && "__PROSE_READER_ENHANCER_ANNOTATIONS" in n, Ke = f(
-  ({ onNavigate: n }) => {
-    const t = T(), o = ge(t) ? t : void 0, r = b(
+const Q = k.ActionTrigger, S = () => {
+  const { reader: e } = me(se);
+  return e;
+}, ke = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, ae = (e) => !!e && "__PROSE_READER_ENHANCER_BOOKMARKS" in e, Se = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, pn = m(
+  ({ onNavigate: e }) => {
+    const t = S(), o = Se(t) ? t : void 0, r = b(
       () => o == null ? void 0 : o.annotations.highlights$.pipe(
-        ce(
-          (i) => o.pagination.locate(i)
+        oe(
+          (l) => o.pagination.locate(l)
         )
       ),
       [o]
-    ), l = (i, a) => {
+    ), i = (l, c) => {
       var h;
-      return /* @__PURE__ */ e(S.Item, { children: /* @__PURE__ */ c(
-        G,
+      return /* @__PURE__ */ n(I.Item, { children: /* @__PURE__ */ a(
+        Z,
         {
           href: "#",
           onClick: () => {
-            n(), t == null || t.navigation.goToCfi(i.cfi ?? "");
+            e(), t == null || t.navigation.goToCfi(l.cfi ?? "");
           },
           children: [
-            (i.contents ?? [])[0] ? /* @__PURE__ */ e(S.Indicator, { asChild: !0, children: /* @__PURE__ */ e(X, {}) }) : /* @__PURE__ */ e(S.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(X, {}) }),
-            /* @__PURE__ */ c(P, { gap: 0, children: [
-              /* @__PURE__ */ e(p, { lineClamp: 2, fontSize: "md", children: i.selectionAsText ? i.selectionAsText ?? "" : /* @__PURE__ */ e("i", { children: /* @__PURE__ */ e("b", { children: "unknown (not loaded)" }) }) }),
-              /* @__PURE__ */ e(
+            (l.contents ?? [])[0] ? /* @__PURE__ */ n(I.Indicator, { asChild: !0, children: /* @__PURE__ */ n(ne, {}) }) : /* @__PURE__ */ n(I.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(ne, {}) }),
+            /* @__PURE__ */ a(y, { gap: 0, children: [
+              /* @__PURE__ */ n(p, { lineClamp: 2, fontSize: "md", children: l.selectionAsText ? l.selectionAsText ?? "" : /* @__PURE__ */ n("i", { children: /* @__PURE__ */ n("b", { children: "unknown (not loaded)" }) }) }),
+              /* @__PURE__ */ n(
                 p,
                 {
                   fontStyle: "italic",
                   fontWeight: "bold",
                   fontSize: "sm",
-                  children: `Book page: ${((h = i.meta) == null ? void 0 : h.absolutePageIndex) !== void 0 ? i.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
+                  children: `Book page: ${((h = l.meta) == null ? void 0 : h.absolutePageIndex) !== void 0 ? l.meta.absolutePageIndex + 1 : "unknown (not loaded)"}`
                 }
               )
             ] })
           ]
         }
-      ) }, a);
+      ) }, c);
     };
-    return /* @__PURE__ */ e(S.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: r == null ? void 0 : r.map(
-      (i, a) => l(i, a)
+    return /* @__PURE__ */ n(I.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: r == null ? void 0 : r.map(
+      (l, c) => i(l, c)
     ) });
   }
-), We = f(
+), mn = m(
   ({
-    open: n,
+    open: e,
     setOpen: t,
     onNavigate: o
-  }) => /* @__PURE__ */ e(
-    N,
+  }) => /* @__PURE__ */ n(
+    j,
     {
       lazyMount: !0,
       placement: "center",
-      open: n,
+      open: e,
       onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(L, { height: "100%", children: [
-        /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(V, { children: "Annotations" }) }),
-        /* @__PURE__ */ e(j, { flex: 1, children: /* @__PURE__ */ e(Ke, { onNavigate: o }) }),
-        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(E, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e($, {})
+      children: /* @__PURE__ */ a(F, { height: "100%", children: [
+        /* @__PURE__ */ n(Y, { children: /* @__PURE__ */ n(q, { children: "Annotations" }) }),
+        /* @__PURE__ */ n(U, { flex: 1, children: /* @__PURE__ */ n(pn, { onNavigate: o }) }),
+        /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(Q, { asChild: !0, children: /* @__PURE__ */ n(B, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(H, {})
       ] })
     }
   )
-), Xe = f(() => {
-  const n = T(), t = Z(n) ? n : void 0, o = b(() => n == null ? void 0 : n.spine.element$, [n]), r = b(
+), fn = m(() => {
+  const e = S(), t = ae(e) ? e : void 0, o = b(() => e == null ? void 0 : e.spine.element$, [e]), r = b(
     () => t == null ? void 0 : t.bookmarks.pages$,
     [t]
-  ), l = b(
+  ), i = b(
     () => t == null ? void 0 : t.bookmarks.bookmarks$,
     [t]
-  ), i = b(
-    () => n == null ? void 0 : n.pagination.locate(l ?? []),
-    [n, l]
+  ), l = b(
+    () => e == null ? void 0 : e.pagination.locate(i ?? []),
+    [e, i]
   );
-  return o ? /* @__PURE__ */ e(U, { children: Be(
+  return o ? /* @__PURE__ */ n(K, { children: Xe(
     r == null ? void 0 : r.map(
-      ({ isBookmarkable: a, absolutePosition: { left: h, top: u, width: s } }, g) => {
-        const d = i == null ? void 0 : i.find(
+      ({ isBookmarkable: c, absolutePosition: { left: h, top: u, width: s } }, g) => {
+        const d = l == null ? void 0 : l.find(
           (x) => {
             var C;
             return ((C = x.meta) == null ? void 0 : C.absolutePageIndex) === g;
           }
         );
-        return a ? /* @__PURE__ */ e(
-          q,
+        return c ? /* @__PURE__ */ n(
+          G,
           {
             present: !0,
             lazyMount: !0,
             animationName: { _open: "fade-in", _closed: "fade-out" },
             animationDuration: "moderate",
-            children: /* @__PURE__ */ e(
-              A,
+            children: /* @__PURE__ */ n(
+              O,
               {
                 "data-bookmark-area": !0,
                 position: "absolute",
@@ -171,8 +172,8 @@ const Y = k.ActionTrigger, T = () => {
                 transform: "translateX(-100%)",
                 top: u,
                 p: 2,
-                children: d ? /* @__PURE__ */ e(
-                  m,
+                children: d ? /* @__PURE__ */ n(
+                  f,
                   {
                     "aria-label": "bookmark",
                     opacity: 0.5,
@@ -185,10 +186,10 @@ const Y = k.ActionTrigger, T = () => {
                     size: "lg",
                     variant: "ghost",
                     _icon: { boxSize: "36px" },
-                    children: /* @__PURE__ */ e(_e, {})
+                    children: /* @__PURE__ */ n(Je, {})
                   }
-                ) : /* @__PURE__ */ e(
-                  m,
+                ) : /* @__PURE__ */ n(
+                  f,
                   {
                     "aria-label": "bookmark",
                     onClick: () => {
@@ -200,7 +201,7 @@ const Y = k.ActionTrigger, T = () => {
                     _hover: { opacity: 1 },
                     variant: "ghost",
                     _icon: { boxSize: "36px" },
-                    children: /* @__PURE__ */ e(Me, {})
+                    children: /* @__PURE__ */ n(Ze, {})
                   }
                 )
               }
@@ -212,26 +213,26 @@ const Y = k.ActionTrigger, T = () => {
     ),
     o
   ) }) : null;
-}), Je = f(
-  ({ onNavigate: n }) => {
-    const t = T(), o = Z(t) ? t : void 0, r = b(
+}), bn = m(
+  ({ onNavigate: e }) => {
+    const t = S(), o = ae(t) ? t : void 0, r = b(
       () => o == null ? void 0 : o.bookmarks.bookmarks$.pipe(
-        ce((i) => o.pagination.locate(i))
+        oe((l) => o.pagination.locate(l))
       ),
       [o]
-    ), l = (i, a) => {
+    ), i = (l, c) => {
       var h, u, s, g, d;
-      return /* @__PURE__ */ c(S.Item, { justifyContent: "space-between", alignItems: "center", children: [
-        /* @__PURE__ */ e(
-          G,
+      return /* @__PURE__ */ a(I.Item, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ n(
+          Z,
           {
             href: "#",
             onClick: () => {
-              n(), t == null || t.navigation.goToCfi(i.cfi ?? "");
+              e(), t == null || t.navigation.goToCfi(l.cfi ?? "");
             },
-            children: /* @__PURE__ */ c(P, { gap: 0, children: [
-              /* @__PURE__ */ e(p, { fontSize: "md", children: `Book page: ${((h = i.meta) == null ? void 0 : h.absolutePageIndex) !== void 0 ? i.meta.absolutePageIndex + 1 : "unknown"}` }),
-              /* @__PURE__ */ e(
+            children: /* @__PURE__ */ a(y, { gap: 0, children: [
+              /* @__PURE__ */ n(p, { fontSize: "md", children: `Book page: ${((h = l.meta) == null ? void 0 : h.absolutePageIndex) !== void 0 ? l.meta.absolutePageIndex + 1 : "unknown"}` }),
+              /* @__PURE__ */ n(
                 p,
                 {
                   fontStyle: "italic",
@@ -239,101 +240,115 @@ const Y = k.ActionTrigger, T = () => {
                   fontSize: "sm",
                   truncate: !0,
                   lineClamp: 2,
-                  children: (s = (u = i.meta) == null ? void 0 : u.startNode) != null && s.textContent ? (d = (g = i.meta) == null ? void 0 : g.startNode) == null ? void 0 : d.textContent : "..."
+                  children: (s = (u = l.meta) == null ? void 0 : u.startNode) != null && s.textContent ? (d = (g = l.meta) == null ? void 0 : g.startNode) == null ? void 0 : d.textContent : "..."
                 }
               )
             ] })
           }
         ),
-        /* @__PURE__ */ e(
-          E,
+        /* @__PURE__ */ n(
+          B,
           {
             colorPalette: "red",
             variant: "solid",
             size: "xs",
             onClick: () => {
-              o == null || o.bookmarks.delete(i.id);
+              o == null || o.bookmarks.delete(l.id);
             },
             children: "Delete"
           }
         )
-      ] }, a);
+      ] }, c);
     };
-    return /* @__PURE__ */ e(S.Root, { overflowY: "auto", gap: 3, variant: "plain", overflow: "auto", children: r == null ? void 0 : r.map(
-      (i, a) => l(i, a)
+    return /* @__PURE__ */ n(I.Root, { overflowY: "auto", gap: 3, variant: "plain", overflow: "auto", children: r == null ? void 0 : r.map(
+      (l, c) => i(l, c)
     ) });
   }
-), Ze = f(
+), xn = m(
   ({
-    open: n,
+    open: e,
     setOpen: t,
     onNavigate: o
-  }) => /* @__PURE__ */ e(
-    N,
+  }) => /* @__PURE__ */ n(
+    j,
     {
       lazyMount: !0,
       placement: "center",
-      open: n,
+      open: e,
       onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(L, { height: "100%", children: [
-        /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(V, { children: "Bookmarks" }) }),
-        /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(Je, { onNavigate: o }) }),
-        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(E, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e($, {})
+      children: /* @__PURE__ */ a(F, { height: "100%", children: [
+        /* @__PURE__ */ n(Y, { children: /* @__PURE__ */ n(q, { children: "Bookmarks" }) }),
+        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(bn, { onNavigate: o }) }),
+        /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(Q, { asChild: !0, children: /* @__PURE__ */ n(B, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(H, {})
       ] })
     }
   )
-), en = "@prose-reader/react-reader", nn = "1.192.0", tn = f(
+), te = Ne({
+  placement: "bottom-end",
+  pauseOnPageIdle: !0
+}), Cn = () => /* @__PURE__ */ n(le, { children: /* @__PURE__ */ n(Fe, { toaster: te, insetInline: { mdDown: "4" }, children: (e) => {
+  var t;
+  return /* @__PURE__ */ a(A.Root, { width: { md: "sm" }, children: [
+    e.type === "loading" ? /* @__PURE__ */ n(He, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ n(A.Indicator, {}),
+    /* @__PURE__ */ a(y, { gap: "1", flex: "1", maxWidth: "100%", children: [
+      e.title && /* @__PURE__ */ n(A.Title, { children: e.title }),
+      e.description && /* @__PURE__ */ n(A.Description, { children: e.description })
+    ] }),
+    e.action && /* @__PURE__ */ n(A.ActionTrigger, { children: e.action.label }),
+    ((t = e.meta) == null ? void 0 : t.closable) && /* @__PURE__ */ n(A.CloseTrigger, {})
+  ] });
+} }) }), vn = "@prose-reader/react-reader", kn = "1.194.0", Sn = m(
   ({
-    open: n,
+    open: e,
     setOpen: t
-  }) => /* @__PURE__ */ e(
-    N,
+  }) => /* @__PURE__ */ n(
+    j,
     {
       lazyMount: !0,
       placement: "center",
-      open: n,
+      open: e,
       onOpenChange: (o) => t(o.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(L, { children: [
-        /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(V, { children: "Help" }) }),
-        /* @__PURE__ */ c(j, { overflowY: "auto", flex: 1, children: [
-          /* @__PURE__ */ e(W, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-          /* @__PURE__ */ c(O, { mb: 1, children: [
-            /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(Re, {}) }),
+      children: /* @__PURE__ */ a(F, { children: [
+        /* @__PURE__ */ n(Y, { children: /* @__PURE__ */ n(q, { children: "Help" }) }),
+        /* @__PURE__ */ a(U, { overflowY: "auto", flex: 1, children: [
+          /* @__PURE__ */ n(ee, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+          /* @__PURE__ */ a(D, { mb: 1, children: [
+            /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(Ue, {}) }),
             " ",
-            /* @__PURE__ */ e(p, { children: "Navigate to right page" })
+            /* @__PURE__ */ n(p, { children: "Navigate to right page" })
           ] }),
-          /* @__PURE__ */ c(O, { mb: 1, children: [
-            /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(Oe, {}) }),
+          /* @__PURE__ */ a(D, { mb: 1, children: [
+            /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(qe, {}) }),
             " ",
-            /* @__PURE__ */ e(p, { children: "Navigate to left page" })
+            /* @__PURE__ */ n(p, { children: "Navigate to left page" })
           ] }),
-          /* @__PURE__ */ e(W, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
-          /* @__PURE__ */ c(p, { children: [
-            en,
+          /* @__PURE__ */ n(ee, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
+          /* @__PURE__ */ a(p, { children: [
+            vn,
             " version: ",
-            nn
+            kn
           ] })
         ] }),
-        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(E, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e($, {})
+        /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(Q, { asChild: !0, children: /* @__PURE__ */ n(B, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(H, {})
       ] })
     }
   )
-), B = () => {
-  const n = T();
+), _ = () => {
+  const e = S();
   return b(
-    () => n ? Se([n.pagination.state$, n.context.state$]).pipe(
-      de(([t, o]) => {
-        var l;
-        const r = (l = o.manifest) == null ? void 0 : l.spineItems.every(
-          (i) => {
-            var a;
-            return (a = i.mediaType) == null ? void 0 : a.startsWith("image/");
+    () => e ? De([e.pagination.state$, e.context.state$]).pipe(
+      ie(([t, o]) => {
+        var i;
+        const r = (i = o.manifest) == null ? void 0 : i.spineItems.every(
+          (l) => {
+            var c;
+            return (c = l.mediaType) == null ? void 0 : c.startsWith("image/");
           }
         );
         return {
@@ -341,66 +356,146 @@ const Y = k.ActionTrigger, T = () => {
           hasChapters: !o.isFullyPrePaginated && !r
         };
       })
-    ) : Ie,
-    [n]
+    ) : re,
+    [e]
   );
-}, on = () => {
-  const n = B(), t = Math.floor(
-    ((n == null ? void 0 : n.percentageEstimateOfBook) ?? 0) * 100
+}, In = () => {
+  const e = _(), t = Math.floor(
+    ((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100
   ), o = t > 0 ? t : 1;
-  return (n == null ? void 0 : n.percentageEstimateOfBook) === void 0 ? null : /* @__PURE__ */ e(A, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ c(p, { fontSize: "sm", children: [
+  return (e == null ? void 0 : e.percentageEstimateOfBook) === void 0 ? null : /* @__PURE__ */ n(O, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ a(p, { fontSize: "sm", children: [
     o,
     " %"
   ] }) });
-}, rn = () => {
-  const [n, t] = y(/* @__PURE__ */ new Date());
-  return Q(() => {
+}, yn = () => {
+  const [e, t] = P(/* @__PURE__ */ new Date());
+  return X(() => {
     const o = setInterval(() => {
       t(/* @__PURE__ */ new Date());
     }, 6e4);
     return () => clearInterval(o);
-  }, []), n;
-}, ln = (n) => {
-  const t = rn();
-  return /* @__PURE__ */ e(p, { fontSize: "xs", ...n, children: t.toLocaleTimeString(navigator.language, {
+  }, []), e;
+}, Tn = (e) => {
+  const t = yn();
+  return /* @__PURE__ */ n(p, { fontSize: "xs", ...e, children: t.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
   }) });
-}, ee = () => {
-  const { quickMenuSignal: n } = le(J);
-  return [ve(n), n.setValue, n];
-}, sn = () => {
-  const [n] = ee();
-  return /* @__PURE__ */ e(
-    A,
+}, ce = () => {
+  const { quickMenuSignal: e } = me(se);
+  return [Re(e), e.setValue, e];
+}, wn = () => {
+  const [e] = ce();
+  return /* @__PURE__ */ n(
+    O,
     {
       position: "absolute",
       left: 0,
       bottom: 0,
       p: 2,
-      color: n ? void 0 : "colorPalette.contrast",
-      children: /* @__PURE__ */ e(ln, {})
+      color: e ? void 0 : "colorPalette.contrast",
+      children: /* @__PURE__ */ n(Tn, {})
     }
   );
-}, an = D.forwardRef(
+}, Pn = () => {
+  const e = S();
+  M(
+    () => e == null ? void 0 : e.links$.subscribe((t) => {
+      if (t.type === "click" && nn(t.target, "a")) {
+        if (!t.target.href) return;
+        const o = new URL(t.target.href);
+        window.location.host !== o.host && confirm(
+          "You are going to be redirected to external link"
+        ) && window.open(t.target.href, "__blank");
+      }
+    }),
+    [e]
+  );
+}, W = fe({
+  default: void 0
+}), Rn = () => {
+  const e = S();
+  M(
+    () => e == null ? void 0 : e.zoom.isZooming$.pipe(
+      oe((t) => {
+        if (!t) return ze;
+        const o = new Ae();
+        return W.setValue({
+          key: "zoom",
+          title: "Zooming",
+          duration: 999999,
+          abort: o
+        }), re.pipe(
+          Ce(() => {
+            o.next(), o.complete();
+          })
+        );
+      })
+    ),
+    [e]
+  );
+}, On = () => {
+  const e = S();
+  M(
+    () => e == null ? void 0 : e.settings.values$.pipe(
+      ie(({ fontScale: t }) => t),
+      $e(),
+      ve(1),
+      xe((t) => {
+        W.setValue({
+          key: "fontScaleChange",
+          title: "Font size changed",
+          description: `${t * 100} %`
+        });
+      })
+    ),
+    [e]
+  );
+}, Dn = () => {
+  On(), Rn(), M(
+    () => W.subject.pipe(
+      ue(Oe),
+      Ee((e) => {
+        const t = e.duration ?? 3e3, o = te.create({
+          title: e.title,
+          description: e.description,
+          duration: t
+        }), r = W.subject.pipe(
+          ve(1),
+          ue((i) => !!e.key && (i == null ? void 0 : i.key) === e.key)
+        );
+        return Me(
+          Be(t),
+          e.abort ?? re,
+          r
+        ).pipe(
+          _e(),
+          Ce(() => {
+            te.dismiss(o);
+          })
+        );
+      })
+    )
+  );
+}, zn = z.forwardRef(
   function(t, o) {
     const {
       showArrow: r,
-      children: l,
-      portalled: i = !0,
-      content: a,
+      children: i,
+      portalled: l = !0,
+      content: c,
       portalRef: h,
       ...u
     } = t;
-    return /* @__PURE__ */ c(
-      z.Root,
+    return /* @__PURE__ */ a(
+      E.Root,
       {
         ...u,
         positioning: { ...u.positioning, gutter: 4 },
         children: [
-          /* @__PURE__ */ e(z.Trigger, { asChild: !0, children: l }),
-          /* @__PURE__ */ e(he, { disabled: !i, container: h, children: /* @__PURE__ */ e(z.Positioner, { children: /* @__PURE__ */ c(
-            z.Content,
+          /* @__PURE__ */ n(E.Trigger, { asChild: !0, children: i }),
+          /* @__PURE__ */ n(le, { disabled: !l, container: h, children: /* @__PURE__ */ n(E.Positioner, { children: /* @__PURE__ */ a(
+            E.Content,
             {
               width: "auto",
               px: "2",
@@ -409,8 +504,8 @@ const Y = k.ActionTrigger, T = () => {
               rounded: "sm",
               ref: o,
               children: [
-                r && /* @__PURE__ */ e(z.Arrow, { children: /* @__PURE__ */ e(z.ArrowTip, {}) }),
-                a
+                r && /* @__PURE__ */ n(E.Arrow, { children: /* @__PURE__ */ n(E.ArrowTip, {}) }),
+                c
               ]
             }
           ) }) })
@@ -418,77 +513,77 @@ const Y = k.ActionTrigger, T = () => {
       }
     );
   }
-), cn = D.forwardRef(function(t, o) {
-  const { children: r, ...l } = t;
-  return /* @__PURE__ */ e(an, { content: r, ...l, ref: o, children: /* @__PURE__ */ e(
-    m,
+), An = z.forwardRef(function(t, o) {
+  const { children: r, ...i } = t;
+  return /* @__PURE__ */ n(zn, { content: r, ...i, ref: o, children: /* @__PURE__ */ n(
+    f,
     {
       variant: "ghost",
       "aria-label": "info",
       size: "2xs",
       colorPalette: "gray",
-      children: /* @__PURE__ */ e(je, {})
+      children: /* @__PURE__ */ n(sn, {})
     }
   ) });
-}), dn = D.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(_.Track, { ...t, ref: o, children: /* @__PURE__ */ e(_.Range, {}) });
+}), En = z.forwardRef(function(t, o) {
+  return /* @__PURE__ */ n(N.Track, { ...t, ref: o, children: /* @__PURE__ */ n(N.Range, {}) });
 });
-D.forwardRef(function(t, o) {
-  const { children: r, info: l, ...i } = t;
-  return /* @__PURE__ */ c(_.Label, { ...i, ref: o, children: [
+z.forwardRef(function(t, o) {
+  const { children: r, info: i, ...l } = t;
+  return /* @__PURE__ */ a(N.Label, { ...l, ref: o, children: [
     r,
-    l && /* @__PURE__ */ e(cn, { children: l })
+    i && /* @__PURE__ */ n(An, { children: i })
   ] });
 });
-const hn = _.Root, un = _.ValueText, ne = () => {
-  const n = B(), 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, [a = 0, h = 0] = [
-    l,
-    i
-  ].sort((g, d) => g - d), 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;
+const Mn = N.Root, Bn = N.ValueText, de = () => {
+  const e = _(), t = (e == null ? void 0 : e.numberOfTotalPages) === 1, o = ((e == null ? void 0 : e.beginNumberOfPagesInSpineItem) ?? 0) > 1, r = ((e == null ? void 0 : e.endNumberOfPagesInSpineItem) ?? 0) > 1, i = (e != null && e.hasChapters ? e == null ? void 0 : e.beginPageIndexInSpineItem : e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0, l = (e != null && e.hasChapters ? e == null ? void 0 : e.endPageIndexInSpineItem : e == null ? void 0 : e.endAbsolutePageIndex) ?? 0, [c = 0, h = 0] = [
+    i,
+    l
+  ].sort((g, d) => g - d), 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;
   return {
     hasOnlyOnePage: t,
-    beginPageIndex: l,
-    endPageIndex: i,
+    beginPageIndex: i,
+    endPageIndex: l,
     isBeginWithinChapter: o,
     isEndWithinChapter: r,
     beginAndEndAreDifferent: u,
     totalApproximatePages: s,
-    leftPageIndex: a,
+    leftPageIndex: c,
     rightPageIndex: h
   };
-}, gn = () => {
-  const n = B(), {
+}, _n = () => {
+  const e = _(), {
     hasOnlyOnePage: t,
     leftPageIndex: o,
     rightPageIndex: r,
-    totalApproximatePages: l,
-    beginAndEndAreDifferent: i
-  } = ne(), a = Math.round(((n == null ? void 0 : n.percentageEstimateOfBook) ?? 0) * 100), h = (s) => s != null && s.subChapter ? `${s.title} / ${h(s.subChapter)}` : (s == null ? void 0 : s.title) || "", u = h(n == null ? void 0 : n.beginChapterInfo);
-  return /* @__PURE__ */ c(P, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
-    /* @__PURE__ */ e(hn, { value: a, size: "xs", width: 150, children: /* @__PURE__ */ c(O, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(dn, { width: 110 }),
-      /* @__PURE__ */ e(un, { children: `${a}%` })
+    totalApproximatePages: i,
+    beginAndEndAreDifferent: l
+  } = de(), c = Math.round(((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100), h = (s) => s != null && s.subChapter ? `${s.title} / ${h(s.subChapter)}` : (s == null ? void 0 : s.title) || "", u = h(e == null ? void 0 : e.beginChapterInfo);
+  return /* @__PURE__ */ a(y, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
+    /* @__PURE__ */ n(Mn, { value: c, size: "xs", width: 150, children: /* @__PURE__ */ a(D, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ n(En, { width: 110 }),
+      /* @__PURE__ */ n(Bn, { children: `${c}%` })
     ] }) }),
-    /* @__PURE__ */ e(p, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
-    !t && /* @__PURE__ */ c(O, { children: [
-      /* @__PURE__ */ e(p, { fontSize: "xs", children: i ? `${o + 1} - ${r + 1} of ${l}` : `${o + 1} of ${l}` }),
-      !!(n != null && n.hasChapters) && /* @__PURE__ */ c(U, { children: [
-        /* @__PURE__ */ e(p, { children: "-" }),
-        /* @__PURE__ */ c(p, { fontSize: "xs", children: [
+    /* @__PURE__ */ n(p, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
+    !t && /* @__PURE__ */ a(D, { children: [
+      /* @__PURE__ */ n(p, { fontSize: "xs", children: l ? `${o + 1} - ${r + 1} of ${i}` : `${o + 1} of ${i}` }),
+      !!(e != null && e.hasChapters) && /* @__PURE__ */ a(K, { children: [
+        /* @__PURE__ */ n(p, { children: "-" }),
+        /* @__PURE__ */ a(p, { fontSize: "xs", children: [
           "(",
-          ((n == null ? void 0 : n.beginAbsolutePageIndex) ?? 0) + 1,
+          ((e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0) + 1,
           ")"
         ] })
       ] })
     ] })
   ] });
-}, pe = f(
+}, Ie = m(
   ({
-    children: n,
+    children: e,
     position: t,
     ...o
-  }) => /* @__PURE__ */ e(
-    q,
+  }) => /* @__PURE__ */ n(
+    G,
     {
       display: "flex",
       flexDirection: "row",
@@ -509,11 +604,11 @@ const hn = _.Root, un = _.ValueText, ne = () => {
       shadow: "md",
       p: 4,
       ...o,
-      children: n
+      children: e
     }
   )
-), pn = we(Ve), fn = f((n) => /* @__PURE__ */ e(
-  A,
+), $n = je(an), Ln = m((e) => /* @__PURE__ */ n(
+  O,
   {
     display: "contents",
     css: {
@@ -521,8 +616,8 @@ const hn = _.Root, un = _.ValueText, ne = () => {
       "--bg-emphasized": "colors.bg.emphasized",
       "--color-solid": "colors.colorPalette.solid"
     },
-    children: /* @__PURE__ */ e(
-      pn,
+    children: /* @__PURE__ */ n(
+      $n,
       {
         keyboard: !1,
         style: {
@@ -557,75 +652,75 @@ const hn = _.Root, un = _.ValueText, ne = () => {
             height: "24px",
             top: "50%",
             borderColor: "var(--color-solid)",
-            transform: `translate(${n.reverse ? "50%" : "-50%"}, -50%)`,
+            transform: `translate(${e.reverse ? "50%" : "-50%"}, -50%)`,
             backgroundColor: "var(--bg)",
             marginTop: "0px"
           }
         },
-        ...n
+        ...e
       }
     )
   }
-)), mn = () => {
-  const n = B(), t = n == null ? void 0 : n.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = ne(), l = t ? Math.floor((o || 0) / 2) : o, [i, a] = se({
-    default: l || 0
+)), Nn = () => {
+  const e = _(), t = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = de(), i = t ? Math.floor((o || 0) / 2) : o, [l, c] = be({
+    default: i || 0
   }), h = 0, u = Math.max(
     0,
     t ? Math.floor((r - 1) / 2) : r - 1
   );
-  return Q(() => {
-    a.setValue(l || 0);
-  }, [l, a]), {
-    value: i,
-    valueSignal: a,
+  return X(() => {
+    c.setValue(i || 0);
+  }, [i, c]), {
+    value: l,
+    valueSignal: c,
     min: h,
     max: u
   };
-}, bn = (n) => {
-  const t = T(), o = B(), { manifest: r } = b(() => t == null ? void 0 : t.context.state$, []) ?? {}, l = (r == null ? void 0 : r.readingDirection) === "rtl", i = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: a = 0, isBeginWithinChapter: h } = ne(), u = 1, s = h, { value: g, valueSignal: d, min: x, max: C } = mn(), w = M(
-    (v) => {
-      const [R = 0] = Array.isArray(v) ? v : [v];
-      d.setValue(R);
-      const I = i ? Math.floor(R) * 2 : Math.floor(R);
+}, Fn = (e) => {
+  const t = S(), o = _(), { manifest: r } = b(() => t == null ? void 0 : t.context.state$, [t]) ?? {}, i = (r == null ? void 0 : r.readingDirection) === "rtl", l = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: c = 0, isBeginWithinChapter: h } = de(), u = 1, s = h, { value: g, valueSignal: d, min: x, max: C } = Nn(), w = L(
+    (R) => {
+      const [v = 0] = Array.isArray(R) ? R : [R];
+      d.setValue(v);
+      const $ = l ? Math.floor(v) * 2 : Math.floor(v);
       s ? t == null || t.navigation.goToPageOfSpineItem({
-        pageIndex: I,
+        pageIndex: $,
         spineItemId: t.pagination.getState().beginSpineItemIndex ?? 0,
         animation: !1
       }) : t == null || t.navigation.goToAbsolutePageIndex({
-        absolutePageIndex: I,
+        absolutePageIndex: $,
         animation: !1
       });
     },
-    [t, i, d, s]
+    [t, l, d, s]
   );
-  return ae(
+  return M(
     () => t == null ? void 0 : t.navigation.throttleLock({
       duration: 100,
       trigger: d.subject
     }),
     [t, d]
-  ), a === 1 || i && a === 2 ? null : /* @__PURE__ */ e(
-    fn,
+  ), c === 1 || l && c === 2 ? /* @__PURE__ */ n(O, { style: e.style }) : /* @__PURE__ */ n(
+    Ln,
     {
       value: [g],
       max: C,
       min: x,
-      reverse: l,
+      reverse: i,
       step: u,
       onChange: w,
-      ...n
+      ...e
     }
   );
-}, xn = f(
+}, Hn = m(
   ({
-    open: n,
+    open: e,
     onItemClick: t
   }) => {
-    const o = T(), r = b(() => o == null ? void 0 : o.navigation.state$, [o]), l = b(() => o == null ? void 0 : o.settings.values$, [o]), i = (l == null ? void 0 : l.computedPageTurnDirection) === "vertical", [a, h] = y(!0);
-    return /* @__PURE__ */ e(pe, { present: n, position: "bottom", children: /* @__PURE__ */ c(P, { flex: 1, overflow: "auto", children: [
-      /* @__PURE__ */ c(O, { flex: 1, alignItems: "center", justifyContent: "center", children: [
-        /* @__PURE__ */ e(
-          m,
+    const o = S(), r = b(() => o == null ? void 0 : o.navigation.state$, [o]), i = b(() => o == null ? void 0 : o.settings.values$, [o]), l = (i == null ? void 0 : i.computedPageTurnDirection) === "vertical", [c, h] = P(!0);
+    return /* @__PURE__ */ n(Ie, { present: e, position: "bottom", children: /* @__PURE__ */ a(y, { flex: 1, overflow: "auto", children: [
+      /* @__PURE__ */ a(D, { flex: 1, alignItems: "center", justifyContent: "center", children: [
+        /* @__PURE__ */ n(
+          f,
           {
             "aria-label": "left",
             size: "lg",
@@ -633,11 +728,11 @@ const hn = _.Root, un = _.ValueText, ne = () => {
             flexShrink: 0,
             onClick: () => o == null ? void 0 : o.navigation.goToLeftOrTopSpineItem(),
             disabled: !(r != null && r.canGoLeftSpineItem) && !(r != null && r.canGoTopSpineItem),
-            children: i ? /* @__PURE__ */ e($e, {}) : /* @__PURE__ */ e(Ne, {})
+            children: l ? /* @__PURE__ */ n(tn, {}) : /* @__PURE__ */ n(on, {})
           }
         ),
-        /* @__PURE__ */ c(
-          P,
+        /* @__PURE__ */ a(
+          y,
           {
             flex: 1,
             maxW: 400,
@@ -646,9 +741,9 @@ const hn = _.Root, un = _.ValueText, ne = () => {
             overflow: "auto",
             px: 4,
             children: [
-              /* @__PURE__ */ e(gn, {}),
-              /* @__PURE__ */ e(
-                bn,
+              /* @__PURE__ */ n(_n, {}),
+              /* @__PURE__ */ n(
+                Fn,
                 {
                   style: {
                     width: "100%",
@@ -660,8 +755,8 @@ const hn = _.Root, un = _.ValueText, ne = () => {
             ]
           }
         ),
-        /* @__PURE__ */ e(
-          m,
+        /* @__PURE__ */ n(
+          f,
           {
             "aria-label": "right",
             size: "lg",
@@ -671,85 +766,85 @@ const hn = _.Root, un = _.ValueText, ne = () => {
             onClick: () => {
               o == null || o.navigation.goToRightOrBottomSpineItem();
             },
-            children: i ? /* @__PURE__ */ e(Fe, {}) : /* @__PURE__ */ e(He, {})
+            children: l ? /* @__PURE__ */ n(rn, {}) : /* @__PURE__ */ n(ln, {})
           }
         )
       ] }),
-      /* @__PURE__ */ e(O, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ c(
-        K.Root,
+      /* @__PURE__ */ n(D, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ a(
+        J.Root,
         {
-          open: a,
+          open: c,
           flex: 1,
           onOpenChange: ({ open: u }) => {
             h(u);
           },
           children: [
-            /* @__PURE__ */ e(
-              K.Trigger,
+            /* @__PURE__ */ n(
+              J.Trigger,
               {
                 paddingY: "3",
                 width: "100%",
                 display: "flex",
                 justifyContent: "center",
-                children: /* @__PURE__ */ e(
-                  De,
+                children: /* @__PURE__ */ n(
+                  Qe,
                   {
                     style: {
-                      transform: a ? "rotate(0deg)" : "rotate(180deg)"
+                      transform: c ? "rotate(0deg)" : "rotate(180deg)"
                     }
                   }
                 )
               }
             ),
-            /* @__PURE__ */ c(K.Content, { display: "flex", justifyContent: "center", children: [
-              /* @__PURE__ */ e(
-                m,
+            /* @__PURE__ */ a(J.Content, { display: "flex", justifyContent: "center", children: [
+              /* @__PURE__ */ n(
+                f,
                 {
                   "aria-label": "Help",
                   size: "lg",
                   variant: "ghost",
                   onClick: () => t("help"),
-                  children: /* @__PURE__ */ e(ze, {})
+                  children: /* @__PURE__ */ n(Ge, {})
                 }
               ),
-              /* @__PURE__ */ e(
-                m,
+              /* @__PURE__ */ n(
+                f,
                 {
                   "aria-label": "Table of contents",
                   size: "lg",
                   variant: "ghost",
                   onClick: () => t("toc"),
-                  children: /* @__PURE__ */ e(Ae, {})
+                  children: /* @__PURE__ */ n(We, {})
                 }
               ),
-              ue(o) && /* @__PURE__ */ e(
-                m,
+              ke(o) && /* @__PURE__ */ n(
+                f,
                 {
                   "aria-label": "Search",
                   size: "lg",
                   variant: "ghost",
                   onClick: () => t("search"),
-                  children: /* @__PURE__ */ e(Ee, {})
+                  children: /* @__PURE__ */ n(Ke, {})
                 }
               ),
-              Z(o) && /* @__PURE__ */ e(
-                m,
+              ae(o) && /* @__PURE__ */ n(
+                f,
                 {
                   "aria-label": "Search",
                   size: "lg",
                   variant: "ghost",
                   onClick: () => t("bookmarks"),
-                  children: /* @__PURE__ */ e(Le, {})
+                  children: /* @__PURE__ */ n(en, {})
                 }
               ),
-              ge(o) && /* @__PURE__ */ e(
-                m,
+              Se(o) && /* @__PURE__ */ n(
+                f,
                 {
                   "aria-label": "Search",
                   size: "lg",
                   variant: "ghost",
                   onClick: () => t("annotations"),
-                  children: /* @__PURE__ */ e(X, {})
+                  children: /* @__PURE__ */ n(ne, {})
                 }
               )
             ] })
@@ -758,13 +853,13 @@ const hn = _.Root, un = _.ValueText, ne = () => {
       ) })
     ] }) });
   }
-), Cn = () => {
-  const [n, t] = y(!1), o = M(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+), jn = () => {
+  const [e, t] = P(!1), o = L(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
     t(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
     t(!0);
   }), []);
-  return Q(() => {
+  return X(() => {
     function r() {
       t(!!document.fullscreenElement);
     }
@@ -772,36 +867,36 @@ const hn = _.Root, un = _.ValueText, ne = () => {
       document.removeEventListener("fullscreenchange", r);
     };
   }, []), {
-    isFullscreen: n,
+    isFullscreen: e,
     onToggleFullscreenClick: o
   };
-}, vn = f(
+}, Vn = m(
   ({
-    open: n,
+    open: e,
     onItemClick: t
   }) => {
-    const o = T(), r = b(() => o == null ? void 0 : o.context.manifest$, [o]), { isFullscreen: l, onToggleFullscreenClick: i } = Cn();
-    return /* @__PURE__ */ c(
-      pe,
+    const o = S(), r = b(() => o == null ? void 0 : o.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: l } = jn();
+    return /* @__PURE__ */ a(
+      Ie,
       {
-        present: n,
+        present: e,
         position: "top",
         height: "80px",
         justifyContent: "space-between",
         children: [
-          /* @__PURE__ */ e(
-            m,
+          /* @__PURE__ */ n(
+            f,
             {
               "aria-label": "left",
               size: "lg",
               variant: "ghost",
               flexShrink: 0,
               onClick: () => t("back"),
-              children: /* @__PURE__ */ e(Ye, {})
+              children: /* @__PURE__ */ n(cn, {})
             }
           ),
-          /* @__PURE__ */ e(
-            P,
+          /* @__PURE__ */ n(
+            y,
             {
               flex: 1,
               maxW: 600,
@@ -809,30 +904,30 @@ const hn = _.Root, un = _.ValueText, ne = () => {
               alignItems: "center",
               overflow: "auto",
               px: 4,
-              children: /* @__PURE__ */ e(p, { truncate: !0, maxWidth: "100%", children: r == null ? void 0 : r.title })
+              children: /* @__PURE__ */ n(p, { truncate: !0, maxWidth: "100%", children: r == null ? void 0 : r.title })
             }
           ),
-          /* @__PURE__ */ c(O, { children: [
-            /* @__PURE__ */ e(
-              m,
+          /* @__PURE__ */ a(D, { children: [
+            /* @__PURE__ */ n(
+              f,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: () => t("more"),
-                children: /* @__PURE__ */ e(qe, {})
+                children: /* @__PURE__ */ n(dn, {})
               }
             ),
-            /* @__PURE__ */ e(
-              m,
+            /* @__PURE__ */ n(
+              f,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
-                onClick: i,
-                children: l ? /* @__PURE__ */ e(Ue, {}) : /* @__PURE__ */ e(Qe, {})
+                onClick: l,
+                children: i ? /* @__PURE__ */ n(hn, {}) : /* @__PURE__ */ n(un, {})
               }
             )
           ] })
@@ -840,93 +935,93 @@ const hn = _.Root, un = _.ValueText, ne = () => {
       }
     );
   }
-), kn = f(
+), Yn = m(
   ({
-    onItemClick: n
+    onItemClick: e
   }) => {
-    const [t] = ee();
-    return /* @__PURE__ */ c(U, { children: [
-      /* @__PURE__ */ e(vn, { open: t, onItemClick: n }),
-      /* @__PURE__ */ e(xn, { open: t, onItemClick: n })
+    const [t] = ce();
+    return /* @__PURE__ */ a(K, { children: [
+      /* @__PURE__ */ n(Vn, { open: t, onItemClick: e }),
+      /* @__PURE__ */ n(Hn, { open: t, onItemClick: e })
     ] });
   }
-), In = f(
+), Un = m(
   ({
-    contextText: n = "",
+    contextText: e = "",
     startOffset: t = 0,
     text: o,
     cfi: r = "#",
-    onClick: l,
-    absolutePageIndex: i
+    onClick: i,
+    absolutePageIndex: l
   }) => {
-    const h = n.substring(
+    const h = e.substring(
       Math.max(t - 15, 0),
       Math.max(t, 0)
-    ), u = n.substring(
-      Math.min(t + o.length, n.length - 1),
+    ), u = e.substring(
+      Math.min(t + o.length, e.length - 1),
       Math.min(
         t + o.length + 15,
-        n.length - 1
+        e.length - 1
       )
     );
-    return /* @__PURE__ */ c(
-      G,
+    return /* @__PURE__ */ a(
+      Z,
       {
         href: r,
         style: { margin: 5, overflow: "hidden" },
         onClick: (s) => {
-          s.preventDefault(), l(r);
+          s.preventDefault(), i(r);
         },
         display: "flex",
         flexDirection: "column",
         alignItems: "flex-start",
         gap: 0,
         children: [
-          /* @__PURE__ */ c(p, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
+          /* @__PURE__ */ a(p, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
             '"',
             h,
-            /* @__PURE__ */ e("b", { children: o }),
+            /* @__PURE__ */ n("b", { children: o }),
             u,
             '"'
           ] }),
-          /* @__PURE__ */ e(p, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${i !== void 0 ? i + 1 : "unknown (not loaded)"}` })
+          /* @__PURE__ */ n(p, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${l !== void 0 ? l + 1 : "unknown (not loaded)"}` })
         ]
       }
     );
   }
-), Sn = f(
+), qn = m(
   ({
-    onNavigate: n
+    onNavigate: e
   }) => {
-    const [t, o] = y(""), r = T(), l = ue(r) ? r : void 0, i = (d) => {
+    const [t, o] = P(""), r = S(), i = ke(r) ? r : void 0, l = (d) => {
       o(d.target.value);
-    }, a = M(
+    }, c = L(
       (d) => {
-        n(), r == null || r.navigation.goToCfi(d);
+        e(), r == null || r.navigation.goToCfi(d);
       },
-      [r, n]
+      [r, e]
     ), h = b(
-      () => l == null ? void 0 : l.search.search(t).pipe(
-        de((d) => ({ type: "end", data: d })),
-        Pe({ type: "start" })
+      () => i == null ? void 0 : i.search.search(t).pipe(
+        ie((d) => ({ type: "end", data: d })),
+        Le({ type: "start" })
       ),
       [r, t]
     ), u = (h == null ? void 0 : h.type) === "start", s = (h == null ? void 0 : h.type) === "end" ? h.data : [], g = b(
       () => r == null ? void 0 : r.pagination.locate(s.slice(0, 100)),
       [s]
     );
-    return /* @__PURE__ */ c(P, { flex: 1, height: "100%", children: [
-      /* @__PURE__ */ e(A, { px: 4, children: /* @__PURE__ */ e(
-        ye,
+    return /* @__PURE__ */ a(y, { flex: 1, height: "100%", children: [
+      /* @__PURE__ */ n(O, { px: 4, children: /* @__PURE__ */ n(
+        Ve,
         {
           placeholder: "Type something...",
           value: t,
-          onChange: i,
+          onChange: l,
           borderRadius: 0
         }
       ) }),
-      /* @__PURE__ */ c(
-        A,
+      /* @__PURE__ */ a(
+        O,
         {
           px: 4,
           pb: 4,
@@ -934,25 +1029,25 @@ const hn = _.Root, un = _.ValueText, ne = () => {
           flex: 1,
           style: { overflow: "hidden", overflowY: "auto" },
           children: [
-            u && /* @__PURE__ */ e(p, { children: "Searching ..." }),
-            !u && s.length === 0 && /* @__PURE__ */ e("p", { children: "There are no results" }),
-            !u && s.length >= 0 && /* @__PURE__ */ c(P, { children: [
-              /* @__PURE__ */ c(W, { as: "h2", size: "md", children: [
+            u && /* @__PURE__ */ n(p, { children: "Searching ..." }),
+            !u && s.length === 0 && /* @__PURE__ */ n("p", { children: "There are no results" }),
+            !u && s.length >= 0 && /* @__PURE__ */ a(y, { children: [
+              /* @__PURE__ */ a(ee, { as: "h2", size: "md", children: [
                 s.length,
                 " result(s)"
               ] }),
-              /* @__PURE__ */ e(P, { gap: 0, children: g == null ? void 0 : g.map((d, x) => {
-                var C, w, v, R, I, te, oe;
-                return /* @__PURE__ */ e(
-                  In,
+              /* @__PURE__ */ n(y, { gap: 0, children: g == null ? void 0 : g.map((d, x) => {
+                var C, w, T, R, v, $, he;
+                return /* @__PURE__ */ n(
+                  Un,
                   {
-                    contextText: ((v = (w = (C = d.meta) == null ? void 0 : C.range) == null ? void 0 : w.startContainer.parentElement) == null ? void 0 : v.textContent) ?? "",
+                    contextText: ((T = (w = (C = d.meta) == null ? void 0 : C.range) == null ? void 0 : w.startContainer.parentElement) == null ? void 0 : T.textContent) ?? "",
                     pageIndex: (R = d.meta) == null ? void 0 : R.itemPageIndex,
-                    startOffset: ((te = (I = d.meta) == null ? void 0 : I.range) == null ? void 0 : te.startOffset) ?? 0,
+                    startOffset: (($ = (v = d.meta) == null ? void 0 : v.range) == null ? void 0 : $.startOffset) ?? 0,
                     text: t,
                     cfi: d.cfi,
-                    onClick: a,
-                    absolutePageIndex: (oe = d.meta) == null ? void 0 : oe.absolutePageIndex
+                    onClick: c,
+                    absolutePageIndex: (he = d.meta) == null ? void 0 : he.absolutePageIndex
                   },
                   x
                 );
@@ -963,61 +1058,61 @@ const hn = _.Root, un = _.ValueText, ne = () => {
       )
     ] });
   }
-), Pn = f(
+), Qn = m(
   ({
-    open: n,
+    open: e,
     setOpen: t,
     onNavigate: o
-  }) => /* @__PURE__ */ e(
-    N,
+  }) => /* @__PURE__ */ n(
+    j,
     {
       lazyMount: !0,
       placement: "center",
-      open: n,
+      open: e,
       onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(L, { height: "100%", children: [
-        /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(V, { children: "Search" }) }),
-        /* @__PURE__ */ e(j, { flex: 1, children: /* @__PURE__ */ e(Sn, { onNavigate: o }) }),
-        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(E, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e($, {})
+      children: /* @__PURE__ */ a(F, { height: "100%", children: [
+        /* @__PURE__ */ n(Y, { children: /* @__PURE__ */ n(q, { children: "Search" }) }),
+        /* @__PURE__ */ n(U, { flex: 1, children: /* @__PURE__ */ n(qn, { onNavigate: o }) }),
+        /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(Q, { asChild: !0, children: /* @__PURE__ */ n(B, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(H, {})
       ] })
     }
   )
-), wn = f(
+), Gn = m(
   ({
-    onNavigate: n
+    onNavigate: e
   }) => {
-    const t = T(), { manifest: o, assumedRenditionLayout: r } = b(() => t == null ? void 0 : t.context.state$, [t]) ?? {}, { nav: l } = o ?? {}, i = B();
-    l != null && l.toc;
-    const { beginSpineItemIndex: a, beginPageIndexInSpineItem: h } = i ?? {}, u = (r === "reflowable" ? h : a) || 0;
+    const t = S(), { manifest: o, assumedRenditionLayout: r } = b(() => t == null ? void 0 : t.context.state$, [t]) ?? {}, { nav: i } = o ?? {}, l = _();
+    i != null && i.toc;
+    const { beginSpineItemIndex: c, beginPageIndexInSpineItem: h } = l ?? {}, u = (r === "reflowable" ? h : c) || 0;
     console.log({ assumedRenditionLayout: r, currentSpineItemOrChapterPageIndex: u });
-    let s = i == null ? void 0 : i.beginChapterInfo;
+    let s = l == null ? void 0 : l.beginChapterInfo;
     for (; s != null && s.subChapter; )
       s = s == null ? void 0 : s.subChapter;
-    const g = (d, x, C) => /* @__PURE__ */ c(fe.Fragment, { children: [
-      /* @__PURE__ */ e(
-        S.Item,
+    const g = (d, x, C) => /* @__PURE__ */ a(ye.Fragment, { children: [
+      /* @__PURE__ */ n(
+        I.Item,
         {
           pl: 4 * (C + 1),
           style: {
             display: "flex",
             alignItems: "center"
           },
-          children: /* @__PURE__ */ c(
-            G,
+          children: /* @__PURE__ */ a(
+            Z,
             {
               onClick: () => {
-                n(), t == null || t.navigation.goToUrl(d.href);
+                e(), t == null || t.navigation.goToUrl(d.href);
               },
               href: "#",
               children: [
-                (s == null ? void 0 : s.path) === d.path && /* @__PURE__ */ e(S.Indicator, { asChild: !0, children: /* @__PURE__ */ e(ie, {}) }),
-                (s == null ? void 0 : s.path) !== d.path && /* @__PURE__ */ e(S.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(ie, {}) }),
-                /* @__PURE__ */ c(P, { gap: 0, children: [
-                  /* @__PURE__ */ e(p, { fontSize: "md", children: d.title || d.path }),
-                  (s == null ? void 0 : s.path) === d.path && /* @__PURE__ */ e(
+                (s == null ? void 0 : s.path) === d.path && /* @__PURE__ */ n(I.Indicator, { asChild: !0, children: /* @__PURE__ */ n(pe, {}) }),
+                (s == null ? void 0 : s.path) !== d.path && /* @__PURE__ */ n(I.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(pe, {}) }),
+                /* @__PURE__ */ a(y, { gap: 0, children: [
+                  /* @__PURE__ */ n(p, { fontSize: "md", children: d.title || d.path }),
+                  (s == null ? void 0 : s.path) === d.path && /* @__PURE__ */ n(
                     p,
                     {
                       fontStyle: "italic",
@@ -1032,106 +1127,107 @@ const hn = _.Root, un = _.ValueText, ne = () => {
           )
         }
       ),
-      d.contents.length > 0 && /* @__PURE__ */ e(S.Root, { as: "div", gap: 2, children: d.contents.map(
-        (w, v) => g(w, v, C + 1)
+      d.contents.length > 0 && /* @__PURE__ */ n(I.Root, { as: "div", gap: 2, children: d.contents.map(
+        (w, T) => g(w, T, C + 1)
       ) })
     ] }, x);
-    return /* @__PURE__ */ e(S.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: l == null ? void 0 : l.toc.map((d, x) => g(d, x, 0)) });
+    return /* @__PURE__ */ n(I.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i == null ? void 0 : i.toc.map((d, x) => g(d, x, 0)) });
   }
-), yn = f(
+), Wn = m(
   ({
-    open: n,
+    open: e,
     setOpen: t,
     onNavigate: o
-  }) => /* @__PURE__ */ e(
-    N,
+  }) => /* @__PURE__ */ n(
+    j,
     {
       lazyMount: !0,
       placement: "center",
-      open: n,
+      open: e,
       onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ c(L, { children: [
-        /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(V, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ e(j, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e(wn, { onNavigate: o }) }),
-        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(E, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e($, {})
+      children: /* @__PURE__ */ a(F, { children: [
+        /* @__PURE__ */ n(Y, { children: /* @__PURE__ */ n(q, { children: "Table of Contents" }) }),
+        /* @__PURE__ */ n(U, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ n(Gn, { onNavigate: o }) }),
+        /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(Q, { asChild: !0, children: /* @__PURE__ */ n(B, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(H, {})
       ] })
     }
   )
-), jn = ({
-  enableFloatingTime: n = !0,
+), ut = ({
+  enableFloatingTime: e = !0,
   enableFloatingProgress: t = !0,
   onItemClick: o
 }) => {
-  const [r, l] = y(!1), [i, a] = y(!1), [h, u] = y(!1), [s, g] = y(!1), [d, x] = y(!1), [C, w] = ee(), v = M(() => {
-    l(!1), a(!1), u(!1), g(!1), x(!1), w(!1);
-  }, [w]), R = M(
-    (I) => {
-      I === "annotations" ? g(!0) : I === "search" ? u(!0) : I === "help" ? a(!0) : I === "toc" ? l(!0) : I === "bookmarks" && x(!0), o == null || o(I);
+  const [r, i] = P(!1), [l, c] = P(!1), [h, u] = P(!1), [s, g] = P(!1), [d, x] = P(!1), [C, w] = ce(), T = L(() => {
+    i(!1), c(!1), u(!1), g(!1), x(!1), w(!1);
+  }, [w]), R = L(
+    (v) => {
+      v === "annotations" ? g(!0) : v === "search" ? u(!0) : v === "help" ? c(!0) : v === "toc" ? i(!0) : v === "bookmarks" && x(!0), o == null || o(v);
     },
     [o]
   );
-  return /* @__PURE__ */ c(U, { children: [
-    t && /* @__PURE__ */ e(
-      q,
+  return Pn(), Dn(), /* @__PURE__ */ a(K, { children: [
+    t && /* @__PURE__ */ n(
+      G,
       {
         present: !C,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
-        children: /* @__PURE__ */ e(on, {})
+        children: /* @__PURE__ */ n(In, {})
       }
     ),
-    /* @__PURE__ */ e(kn, { onItemClick: R }),
-    /* @__PURE__ */ e(Xe, {}),
-    /* @__PURE__ */ e(tn, { open: i, setOpen: a }),
-    /* @__PURE__ */ e(
-      yn,
+    /* @__PURE__ */ n(Yn, { onItemClick: R }),
+    /* @__PURE__ */ n(fn, {}),
+    /* @__PURE__ */ n(Sn, { open: l, setOpen: c }),
+    /* @__PURE__ */ n(
+      Wn,
       {
         open: r,
-        setOpen: l,
-        onNavigate: v
+        setOpen: i,
+        onNavigate: T
       }
     ),
-    /* @__PURE__ */ e(
-      Pn,
+    /* @__PURE__ */ n(
+      Qn,
       {
         open: h,
         setOpen: u,
-        onNavigate: v
+        onNavigate: T
       }
     ),
-    /* @__PURE__ */ e(
-      We,
+    /* @__PURE__ */ n(
+      mn,
       {
         open: s,
         setOpen: g,
-        onNavigate: v
+        onNavigate: T
       }
     ),
-    /* @__PURE__ */ e(
-      Ze,
+    /* @__PURE__ */ n(
+      xn,
       {
         open: d,
         setOpen: x,
-        onNavigate: v
+        onNavigate: T
       }
     ),
-    /* @__PURE__ */ e(
-      q,
+    /* @__PURE__ */ n(
+      G,
       {
-        present: n || C,
+        present: e || C,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "slow",
         overflow: "hidden",
-        children: /* @__PURE__ */ e(sn, {})
+        children: /* @__PURE__ */ n(wn, {})
       }
-    )
+    ),
+    /* @__PURE__ */ n(Cn, {})
   ] });
 };
 export {
-  jn as ReactReader,
-  Hn as ReactReaderProvider
+  ut as ReactReader,
+  ht as ReactReaderProvider
 };
 //# sourceMappingURL=index.js.map