@prose-reader/react-reader 1.205.0 → 1.207.0

package/dist/components/ui/toaster.d.ts

@@ -1,2 +1,2 @@
-export declare const toaster: import('@ark-ui/react').CreateToasterReturn;
+export declare const toaster: import('@zag-js/toast').Store<any>;
 export declare const Toaster: () => import("react/jsx-runtime").JSX.Element;

package/dist/context/context.d.ts

@@ -3,7 +3,7 @@ import { Context } from 'react';
 import { Signal } from 'reactjrx';
 type ContextType = {
     reader: Reader | undefined;
-    quickMenuSignal: Signal<boolean, boolean, undefined>;
+    quickMenuSignal: Signal<boolean, undefined>;
 };
 export declare const ReaderContext: Context<ContextType>;
 export {};

package/dist/index.js

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as d, Fragment as Z } from "react/jsx-runtime";
 import * as A from "react";
-import Oe, { createContext as ze, memo as m, useMemo as be, useEffect as J, useContext as xe, useState as I, useLayoutEffect as De, useCallback as q } from "react";
-import { signal as Ce, useSignal as ve, useLiveRef as Ee, useSubscribe as M, useObserve as x, useSignalValue as Ae, isDefined as Me } from "reactjrx";
-import { tap as ce, switchMap as Q, NEVER as ee, startWith as ye, distinctUntilChanged as Ie, map as te, throttleTime as _e, filter as re, first as ke, combineLatest as Le, EMPTY as Be, Subject as $e, finalize as Se, skip as ie, mergeMap as Ne, merge as Fe, timer as He } from "rxjs";
-import { IconButton as b, Portal as de, Dialog as y, List as S, Link as ne, Stack as P, Text as p, Button as _, Presence as W, Box as R, createToaster as je, Toaster as Ve, Toast as L, Spinner as Ge, Heading as le, HStack as E, Kbd as me, Popover as B, Progress as K, chakra as Ye, Collapsible as oe, Input as Ue } from "@chakra-ui/react";
-import { LuX as qe, LuNotebookPen as se, LuArrowBigRight as Qe, LuArrowBigLeft as Ke, LuChevronDown as We, LuCircleHelp as Xe, LuTableOfContents as Ze, LuSearch as Je, LuGalleryHorizontal as et, LuCircleCheck as fe } from "react-icons/lu";
+import Oe, { createContext as ze, memo as m, useMemo as xe, useEffect as J, useContext as Ce, useState as I, useLayoutEffect as De, useCallback as q } from "react";
+import { signal as ee, useSignalState as ve, useLiveRef as Ee, useSubscribe as M, useObserve as x, useSignalValue as Ae, isDefined as Me } from "reactjrx";
+import { tap as de, switchMap as Q, NEVER as te, startWith as ye, distinctUntilChanged as Ie, map as ne, throttleTime as _e, filter as ie, first as ke, combineLatest as Le, EMPTY as Be, Subject as $e, finalize as Se, skip as le, mergeMap as Ne, merge as Fe, timer as He } from "rxjs";
+import { IconButton as b, Portal as he, Dialog as y, List as S, Link as oe, Stack as P, Text as p, Button as _, Presence as W, Box as R, createToaster as je, Toaster as Ge, Toast as L, Spinner as Ve, Heading as se, HStack as E, Kbd as fe, Popover as B, Progress as K, chakra as Ye, Collapsible as re, Input as Ue } from "@chakra-ui/react";
+import { LuX as qe, LuNotebookPen as ae, LuArrowBigRight as Qe, LuArrowBigLeft as Ke, LuChevronDown as We, LuCircleHelp as Xe, LuTableOfContents as Ze, LuSearch as Je, LuGalleryHorizontal as et, LuCircleCheck as be } from "react-icons/lu";
 import { createPortal as tt } from "react-dom";
 import { BsBookmarkPlus as nt, BsBookmarkXFill as ot, BsBookmarks as rt } from "react-icons/bs";
 import { isShallowEqual as it, observeIntersection as lt, isHtmlTagElement as st } from "@prose-reader/core";
@@ -15,9 +15,9 @@ import pt from "rc-slider";
 import "rc-slider/assets/index.css";
 import { IoIosArrowBack as mt, IoMdMore as ft } from "react-icons/io";
 import { MdFullscreenExit as bt, MdFullscreen as xt } from "react-icons/md";
-const he = ze({
+const ue = ze({
   reader: void 0,
-  quickMenuSignal: Ce({ default: !1 })
+  quickMenuSignal: ee({ default: !1 })
 }), Sn = m(
   ({
     children: e,
@@ -25,9 +25,11 @@ const he = ze({
     quickMenuOpen: o,
     onQuickMenuOpenChange: r
   }) => {
-    const [, i] = ve({
-      default: o
-    }), l = Ee(r), s = be(
+    const [, i] = ve(
+      () => ee({
+        default: o
+      })
+    ), l = Ee(r), s = xe(
       () => ({
         quickMenuSignal: i,
         reader: n
@@ -37,9 +39,9 @@ const he = ze({
     return J(() => {
       i.setValue(o);
     }, [o, i]), M(
-      () => i.subject.pipe(ce(l.current)),
+      () => i.subject.pipe(de(l.current)),
       [i, l]
-    ), /* @__PURE__ */ t(he.Provider, { value: s, children: e });
+    ), /* @__PURE__ */ t(ue.Provider, { value: s, children: e });
   }
 ), Ct = A.forwardRef(function(n, o) {
   return /* @__PURE__ */ t(b, { variant: "ghost", "aria-label": "Close", ref: o, ...n, children: n.children ?? /* @__PURE__ */ t(qe, {}) });
@@ -51,7 +53,7 @@ const he = ze({
     backdrop: s = !0,
     ...c
   } = n;
-  return /* @__PURE__ */ d(de, { disabled: !i, container: l, children: [
+  return /* @__PURE__ */ d(he, { disabled: !i, container: l, children: [
     s && /* @__PURE__ */ t(y.Backdrop, {}),
     /* @__PURE__ */ t(y.Positioner, { children: /* @__PURE__ */ t(y.Content, { ref: o, ...c, asChild: !1, children: r }) })
   ] });
@@ -67,15 +69,15 @@ const he = ze({
       children: /* @__PURE__ */ t(Ct, { size: "sm", ref: o, children: n.children })
     }
   );
-}), F = y.Root, H = y.Footer, j = y.Header, V = y.Body;
+}), F = y.Root, H = y.Footer, j = y.Header, G = y.Body;
 y.Backdrop;
-const G = y.Title;
+const V = y.Title;
 y.Description;
 y.Trigger;
 const Y = y.ActionTrigger, C = () => {
-  const { reader: e } = xe(he);
+  const { reader: e } = Ce(ue);
   return e;
-}, we = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, ue = (e) => !!e && "__PROSE_READER_ENHANCER_BOOKMARKS" in e, Te = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, Pe = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, vt = m(
+}, we = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, ge = (e) => !!e && "__PROSE_READER_ENHANCER_BOOKMARKS" in e, Te = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, Pe = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, vt = m(
   ({ onNavigate: e }) => {
     const n = C(), o = Te(n) ? n : void 0, r = x(
       () => o == null ? void 0 : o.annotations.highlights$.pipe(
@@ -87,14 +89,14 @@ const Y = y.ActionTrigger, C = () => {
     ), i = (l, s) => {
       var c, u, a;
       return /* @__PURE__ */ t(S.Item, { children: /* @__PURE__ */ d(
-        ne,
+        oe,
         {
           href: "#",
           onClick: () => {
             e(), n == null || n.navigation.goToCfi(l.meta.cfi ?? "");
           },
           children: [
-            (((c = l.resource) == null ? void 0 : c.contents) ?? [])[0] ? /* @__PURE__ */ t(S.Indicator, { asChild: !0, children: /* @__PURE__ */ t(se, {}) }) : /* @__PURE__ */ t(S.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(se, {}) }),
+            (((c = l.resource) == null ? void 0 : c.contents) ?? [])[0] ? /* @__PURE__ */ t(S.Indicator, { asChild: !0, children: /* @__PURE__ */ t(ae, {}) }) : /* @__PURE__ */ t(S.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(ae, {}) }),
             /* @__PURE__ */ d(P, { gap: 0, children: [
               /* @__PURE__ */ t(p, { lineClamp: 2, fontSize: "md", children: (u = l.resource) != null && u.selectionAsText ? l.resource.selectionAsText ?? "" : /* @__PURE__ */ t("i", { children: /* @__PURE__ */ t("b", { children: "unknown (not loaded)" }) }) }),
               /* @__PURE__ */ t(
@@ -130,15 +132,15 @@ const Y = y.ActionTrigger, C = () => {
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
       children: /* @__PURE__ */ d($, { height: "100%", children: [
-        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(G, { children: "Annotations" }) }),
-        /* @__PURE__ */ t(V, { flex: 1, children: /* @__PURE__ */ t(vt, { onNavigate: o }) }),
+        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(V, { children: "Annotations" }) }),
+        /* @__PURE__ */ t(G, { flex: 1, children: /* @__PURE__ */ t(vt, { onNavigate: o }) }),
         /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(Y, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
         /* @__PURE__ */ t(N, {})
       ] })
     }
   )
 ), It = m(() => {
-  const e = C(), n = ue(e) ? e : void 0, o = x(() => e == null ? void 0 : e.spine.element$, [e]), r = x(
+  const e = C(), n = ge(e) ? e : void 0, o = x(() => e == null ? void 0 : e.spine.element$, [e]), r = x(
     () => n == null ? void 0 : n.bookmarks.pages$,
     [n]
   ), i = x(
@@ -216,7 +218,7 @@ const Y = y.ActionTrigger, C = () => {
   ) }) : null;
 }), kt = m(
   ({ onNavigate: e }) => {
-    const n = C(), o = ue(n) ? n : void 0, r = x(
+    const n = C(), o = ge(n) ? n : void 0, r = x(
       () => o == null ? void 0 : o.bookmarks.bookmarks$.pipe(
         Q((l) => o.locateResource(l))
       ),
@@ -225,7 +227,7 @@ const Y = y.ActionTrigger, C = () => {
       var c, u, a, g, h;
       return /* @__PURE__ */ d(S.Item, { justifyContent: "space-between", alignItems: "center", children: [
         /* @__PURE__ */ t(
-          ne,
+          oe,
           {
             href: "#",
             onClick: () => {
@@ -280,20 +282,20 @@ const Y = y.ActionTrigger, C = () => {
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
       children: /* @__PURE__ */ d($, { height: "100%", children: [
-        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(G, { children: "Bookmarks" }) }),
-        /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(kt, { onNavigate: o }) }),
+        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(V, { children: "Bookmarks" }) }),
+        /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(kt, { onNavigate: o }) }),
         /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(Y, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
         /* @__PURE__ */ t(N, {})
       ] })
     }
   )
-), ae = je({
+), ce = je({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), wt = () => /* @__PURE__ */ t(de, { children: /* @__PURE__ */ t(Ve, { toaster: ae, insetInline: { mdDown: "4" }, children: (e) => {
+}), wt = () => /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(Ge, { toaster: ce, insetInline: { mdDown: "4" }, children: (e) => {
   var n;
   return /* @__PURE__ */ d(L.Root, { width: { md: "sm" }, children: [
-    e.type === "loading" ? /* @__PURE__ */ t(Ge, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ t(L.Indicator, {}),
+    e.type === "loading" ? /* @__PURE__ */ t(Ve, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ t(L.Indicator, {}),
     /* @__PURE__ */ d(P, { gap: "1", flex: "1", maxWidth: "100%", children: [
       e.title && /* @__PURE__ */ t(L.Title, { children: e.title }),
       e.description && /* @__PURE__ */ t(L.Description, { children: e.description })
@@ -312,7 +314,7 @@ const Y = y.ActionTrigger, C = () => {
   right: 0
 };
 function Pt() {
-  const [e, n] = I(null), [o, r] = I(Tt), i = be(
+  const [e, n] = I(null), [o, r] = I(Tt), i = xe(
     () => new ResizeObserver((l) => {
       if (l[0]) {
         const { x: s, y: c, width: u, height: a, top: g, left: h, bottom: f, right: v } = l[0].contentRect;
@@ -331,20 +333,20 @@ function Pt() {
 const Rt = (e, n, o) => {
   const r = C(), i = Pe(r) ? r : void 0;
   M(() => {
-    if (!i || !e) return ee;
+    if (!i || !e) return te;
     const l = n.layout.layout$.pipe(
       ye(n.layout.layoutInfo),
       Ie(it)
     ), s = lt(
       e
-    ).pipe(te((c) => c.some((u) => u.isIntersecting)));
+    ).pipe(ne((c) => c.some((u) => u.isIntersecting)));
     return l.pipe(
       _e(100, void 0, { trailing: !0 }),
       Q(() => s.pipe(
-        ce((c) => {
+        de((c) => {
           c || (e.innerHTML = "");
         }),
-        re((c) => c),
+        ie((c) => c),
         ke()
       ).pipe(
         Q(() => (e.innerHTML = "", i == null ? void 0 : i.gallery.snapshot(
@@ -430,8 +432,8 @@ const Rt = (e, n, o) => {
         size: { mdDown: "full", md: "lg" },
         scrollBehavior: "inside",
         children: /* @__PURE__ */ d($, { height: "100%", children: [
-          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(G, { children: "Gallery" }) }),
-          /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(V, { children: "Gallery" }) }),
+          /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(
             R,
             {
               gridTemplateColumns: [
@@ -460,7 +462,7 @@ const Rt = (e, n, o) => {
       }
     );
   }
-), Dt = "@prose-reader/react-reader", Et = "1.204.0", At = m(
+), Dt = "@prose-reader/react-reader", Et = "1.206.0", At = m(
   ({
     open: e,
     setOpen: n
@@ -474,20 +476,20 @@ const Rt = (e, n, o) => {
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
       children: /* @__PURE__ */ d($, { children: [
-        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(G, { children: "Help" }) }),
-        /* @__PURE__ */ d(V, { overflowY: "auto", flex: 1, children: [
-          /* @__PURE__ */ t(le, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(V, { children: "Help" }) }),
+        /* @__PURE__ */ d(G, { overflowY: "auto", flex: 1, children: [
+          /* @__PURE__ */ t(se, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
           /* @__PURE__ */ d(E, { mb: 1, children: [
-            /* @__PURE__ */ t(me, { children: /* @__PURE__ */ t(Qe, {}) }),
+            /* @__PURE__ */ t(fe, { children: /* @__PURE__ */ t(Qe, {}) }),
             " ",
             /* @__PURE__ */ t(p, { children: "Navigate to right page" })
           ] }),
           /* @__PURE__ */ d(E, { mb: 1, children: [
-            /* @__PURE__ */ t(me, { children: /* @__PURE__ */ t(Ke, {}) }),
+            /* @__PURE__ */ t(fe, { children: /* @__PURE__ */ t(Ke, {}) }),
             " ",
             /* @__PURE__ */ t(p, { children: "Navigate to left page" })
           ] }),
-          /* @__PURE__ */ t(le, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
+          /* @__PURE__ */ t(se, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
           /* @__PURE__ */ d(p, { children: [
             Dt,
             " version: ",
@@ -503,7 +505,7 @@ const Rt = (e, n, o) => {
   const e = C();
   return x(
     () => e ? Le([e.pagination.state$, e.context.state$]).pipe(
-      te(([n, o]) => {
+      ne(([n, o]) => {
         var i;
         const r = (i = o.manifest) == null ? void 0 : i.spineItems.every(
           (l) => {
@@ -516,7 +518,7 @@ const Rt = (e, n, o) => {
           hasChapters: !o.isFullyPrePaginated && !r
         };
       })
-    ) : ee,
+    ) : te,
     [e]
   );
 }, Mt = () => {
@@ -541,11 +543,11 @@ const Rt = (e, n, o) => {
     hour: "2-digit",
     minute: "2-digit"
   }) });
-}, ge = () => {
-  const { quickMenuSignal: e } = xe(he);
+}, pe = () => {
+  const { quickMenuSignal: e } = Ce(ue);
   return [Ae(e), e.setValue, e];
 }, Bt = () => {
-  const [e] = ge();
+  const [e] = pe();
   return /* @__PURE__ */ t(
     R,
     {
@@ -571,7 +573,7 @@ const Rt = (e, n, o) => {
     }),
     [e]
   );
-}, X = Ce({
+}, X = ee({
   default: void 0
 }), Nt = () => {
   const e = C();
@@ -585,7 +587,7 @@ const Rt = (e, n, o) => {
           title: "Zooming",
           duration: 999999,
           abort: o
-        }), ee.pipe(
+        }), te.pipe(
           Se(() => {
             o.next(), o.complete();
           })
@@ -598,10 +600,10 @@ const Rt = (e, n, o) => {
   const e = C();
   M(
     () => e == null ? void 0 : e.settings.values$.pipe(
-      te(({ fontScale: n }) => n),
+      ne(({ fontScale: n }) => n),
       Ie(),
-      ie(1),
-      ce((n) => {
+      le(1),
+      de((n) => {
         X.setValue({
           key: "fontScaleChange",
           title: "Font size changed",
@@ -615,25 +617,25 @@ const Rt = (e, n, o) => {
   Ft(), Nt(), M(
     () => X.subject.pipe(
       // @todo implement Signal / BehaviorSignal / ReplaySignal
-      ie(1),
-      re(Me),
+      le(1),
+      ie(Me),
       Ne((e) => {
-        const n = e.duration ?? 3e3, o = ae.create({
+        const n = e.duration ?? 3e3, o = ce.create({
           title: e.title,
           description: e.description,
           duration: n
         }), r = X.subject.pipe(
-          ie(1),
-          re((i) => !!e.key && (i == null ? void 0 : i.key) === e.key)
+          le(1),
+          ie((i) => !!e.key && (i == null ? void 0 : i.key) === e.key)
         );
         return Fe(
           He(n),
-          e.abort ?? ee,
+          e.abort ?? te,
           r
         ).pipe(
           ke(),
           Se(() => {
-            ae.dismiss(o);
+            ce.dismiss(o);
           })
         );
       })
@@ -656,7 +658,7 @@ const Rt = (e, n, o) => {
         positioning: { ...u.positioning, gutter: 4 },
         children: [
           /* @__PURE__ */ t(B.Trigger, { asChild: !0, children: i }),
-          /* @__PURE__ */ t(de, { disabled: !l, container: c, children: /* @__PURE__ */ t(B.Positioner, { children: /* @__PURE__ */ d(
+          /* @__PURE__ */ t(he, { disabled: !l, container: c, children: /* @__PURE__ */ t(B.Positioner, { children: /* @__PURE__ */ d(
             B.Content,
             {
               width: "auto",
@@ -675,7 +677,7 @@ const Rt = (e, n, o) => {
       }
     );
   }
-), Vt = A.forwardRef(function(n, o) {
+), Gt = A.forwardRef(function(n, o) {
   const { children: r, ...i } = n;
   return /* @__PURE__ */ t(jt, { content: r, ...i, ref: o, children: /* @__PURE__ */ t(
     b,
@@ -687,17 +689,17 @@ const Rt = (e, n, o) => {
       children: /* @__PURE__ */ t(gt, {})
     }
   ) });
-}), Gt = A.forwardRef(function(n, o) {
+}), Vt = A.forwardRef(function(n, o) {
   return /* @__PURE__ */ t(K.Track, { ...n, ref: o, children: /* @__PURE__ */ t(K.Range, {}) });
 });
 A.forwardRef(function(n, o) {
   const { children: r, info: i, ...l } = n;
   return /* @__PURE__ */ d(K.Label, { ...l, ref: o, children: [
     r,
-    i && /* @__PURE__ */ t(Vt, { children: i })
+    i && /* @__PURE__ */ t(Gt, { children: i })
   ] });
 });
-const Yt = K.Root, Ut = K.ValueText, pe = () => {
+const Yt = K.Root, Ut = K.ValueText, me = () => {
   const e = U(), n = (e == null ? void 0 : e.numberOfTotalPages) === 1, o = ((e == null ? void 0 : e.beginNumberOfPagesInSpineItem) ?? 0) > 1, r = ((e == null ? void 0 : e.endNumberOfPagesInSpineItem) ?? 0) > 1, i = (e != null && e.hasChapters ? e == null ? void 0 : e.beginPageIndexInSpineItem : e == null ? void 0 : e.beginAbsolutePageIndex) ?? 0, l = (e != null && e.hasChapters ? e == null ? void 0 : e.endPageIndexInSpineItem : e == null ? void 0 : e.endAbsolutePageIndex) ?? 0, [s = 0, c = 0] = [
     i,
     l
@@ -720,10 +722,10 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
     rightPageIndex: r,
     totalApproximatePages: i,
     beginAndEndAreDifferent: l
-  } = pe(), s = Math.round(((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100), c = (a) => a != null && a.subChapter ? `${a.title} / ${c(a.subChapter)}` : (a == null ? void 0 : a.title) || "", u = c(e == null ? void 0 : e.beginChapterInfo);
+  } = me(), s = Math.round(((e == null ? void 0 : e.percentageEstimateOfBook) ?? 0) * 100), c = (a) => a != null && a.subChapter ? `${a.title} / ${c(a.subChapter)}` : (a == null ? void 0 : a.title) || "", u = c(e == null ? void 0 : e.beginChapterInfo);
   return /* @__PURE__ */ d(P, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
     /* @__PURE__ */ t(Yt, { value: s, size: "xs", width: 150, children: /* @__PURE__ */ d(E, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ t(Gt, { width: 110 }),
+      /* @__PURE__ */ t(Vt, { width: 110 }),
       /* @__PURE__ */ t(Ut, { children: `${s}%` })
     ] }) }),
     /* @__PURE__ */ t(p, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
@@ -824,14 +826,16 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
     )
   }
 )), Wt = () => {
-  const e = U(), n = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = pe(), i = n ? Math.floor((o || 0) / 2) : o, [l, s] = ve({
-    default: i || 0
-  }), c = 0, u = Math.max(
+  const e = U(), n = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = me(), i = n ? Math.floor((o || 0) / 2) : o, [l, s] = ve(
+    () => ee({
+      default: i || 0
+    })
+  ), c = 0, u = Math.max(
     0,
     n ? Math.floor((r - 1) / 2) : r - 1
   );
   return J(() => {
-    s.setValue(i || 0);
+    s.update(i || 0);
   }, [i, s]), {
     value: l,
     valueSignal: s,
@@ -839,14 +843,14 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
     max: u
   };
 }, Xt = (e) => {
-  const n = C(), o = U(), { manifest: r } = x(() => n == null ? void 0 : n.context.state$, [n]) ?? {}, i = (r == null ? void 0 : r.readingDirection) === "rtl", l = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: s = 0, isBeginWithinChapter: c } = pe(), u = 1, a = c, { value: g, valueSignal: h, min: f, max: v } = Wt(), w = q(
+  const n = C(), o = U(), { manifest: r } = x(() => n == null ? void 0 : n.context.state$, [n]) ?? {}, i = (r == null ? void 0 : r.readingDirection) === "rtl", l = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: s = 0, isBeginWithinChapter: c } = me(), u = 1, a = c, { value: g, valueSignal: h, min: f, max: v } = Wt(), w = q(
     (O) => {
       const [k = 0] = Array.isArray(O) ? O : [O];
       h.setValue(k);
       const D = l ? Math.floor(k) * 2 : Math.floor(k);
       a ? n == null || n.navigation.goToPageOfSpineItem({
         pageIndex: D,
-        spineItemId: n.pagination.getState().beginSpineItemIndex ?? 0,
+        spineItemId: n.pagination.state.beginSpineItemIndex ?? 0,
         animation: !1
       }) : n == null || n.navigation.goToAbsolutePageIndex({
         absolutePageIndex: D,
@@ -942,7 +946,7 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
             )
           ] }),
           /* @__PURE__ */ t(E, { alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ d(
-            oe.Root,
+            re.Root,
             {
               open: s,
               flex: 1,
@@ -951,7 +955,7 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
               },
               children: [
                 /* @__PURE__ */ t(
-                  oe.Trigger,
+                  re.Trigger,
                   {
                     paddingY: "3",
                     width: "100%",
@@ -967,7 +971,7 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
                     )
                   }
                 ),
-                /* @__PURE__ */ d(oe.Content, { display: "flex", justifyContent: "center", children: [
+                /* @__PURE__ */ d(re.Content, { display: "flex", justifyContent: "center", children: [
                   /* @__PURE__ */ t(
                     b,
                     {
@@ -998,7 +1002,7 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
                       children: /* @__PURE__ */ t(Je, {})
                     }
                   ),
-                  ue(o) && /* @__PURE__ */ t(
+                  ge(o) && /* @__PURE__ */ t(
                     b,
                     {
                       "aria-label": "Search",
@@ -1015,7 +1019,7 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
                       size: "lg",
                       variant: "ghost",
                       onClick: () => n("annotations"),
-                      children: /* @__PURE__ */ t(se, {})
+                      children: /* @__PURE__ */ t(ae, {})
                     }
                   ),
                   /* @__PURE__ */ t(
@@ -1136,7 +1140,7 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
   ({
     onItemClick: e
   }) => {
-    const [n] = ge();
+    const [n] = pe();
     return /* @__PURE__ */ d(Z, { children: [
       /* @__PURE__ */ t(en, { open: n, onItemClick: e }),
       /* @__PURE__ */ t(Zt, { open: n, onItemClick: e })
@@ -1162,7 +1166,7 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
       )
     );
     return /* @__PURE__ */ d(
-      ne,
+      oe,
       {
         href: r,
         style: { margin: 5, overflow: "hidden" },
@@ -1199,7 +1203,7 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
       [r, e]
     ), c = x(
       () => i == null ? void 0 : i.search.search(n).pipe(
-        te((h) => ({ type: "end", data: h })),
+        ne((h) => ({ type: "end", data: h })),
         ye({ type: "start" })
       ),
       [r, n]
@@ -1229,7 +1233,7 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
             u && /* @__PURE__ */ t(p, { children: "Searching ..." }),
             !u && a.length === 0 && /* @__PURE__ */ t("p", { children: "There are no results" }),
             !u && a.length >= 0 && /* @__PURE__ */ d(P, { children: [
-              /* @__PURE__ */ d(le, { as: "h2", size: "md", children: [
+              /* @__PURE__ */ d(se, { as: "h2", size: "md", children: [
                 a.length,
                 " result(s)"
               ] }),
@@ -1270,8 +1274,8 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
       children: /* @__PURE__ */ d($, { height: "100%", children: [
-        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(G, { children: "Search" }) }),
-        /* @__PURE__ */ t(V, { flex: 1, children: /* @__PURE__ */ t(on, { onNavigate: o }) }),
+        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(V, { children: "Search" }) }),
+        /* @__PURE__ */ t(G, { flex: 1, children: /* @__PURE__ */ t(on, { onNavigate: o }) }),
         /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(Y, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
         /* @__PURE__ */ t(N, {})
       ] })
@@ -1298,15 +1302,15 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
             alignItems: "center"
           },
           children: /* @__PURE__ */ d(
-            ne,
+            oe,
             {
               onClick: () => {
                 e(), n == null || n.navigation.goToUrl(h.href);
               },
               href: "#",
               children: [
-                (a == null ? void 0 : a.path) === h.path && /* @__PURE__ */ t(S.Indicator, { asChild: !0, children: /* @__PURE__ */ t(fe, {}) }),
-                (a == null ? void 0 : a.path) !== h.path && /* @__PURE__ */ t(S.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(fe, {}) }),
+                (a == null ? void 0 : a.path) === h.path && /* @__PURE__ */ t(S.Indicator, { asChild: !0, children: /* @__PURE__ */ t(be, {}) }),
+                (a == null ? void 0 : a.path) !== h.path && /* @__PURE__ */ t(S.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ t(be, {}) }),
                 /* @__PURE__ */ d(P, { gap: 0, children: [
                   /* @__PURE__ */ t(p, { fontSize: "md", children: h.title || h.path }),
                   (a == null ? void 0 : a.path) === h.path && /* @__PURE__ */ t(
@@ -1345,8 +1349,8 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
       children: /* @__PURE__ */ d($, { children: [
-        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(G, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ t(V, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ t(ln, { onNavigate: o }) }),
+        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(V, { children: "Table of Contents" }) }),
+        /* @__PURE__ */ t(G, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ t(ln, { onNavigate: o }) }),
         /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(Y, { asChild: !0, children: /* @__PURE__ */ t(_, { variant: "outline", children: "Cancel" }) }) }),
         /* @__PURE__ */ t(N, {})
       ] })
@@ -1357,7 +1361,7 @@ const Yt = K.Root, Ut = K.ValueText, pe = () => {
   enableFloatingProgress: n = !0,
   onItemClick: o
 }) => {
-  const [r, i] = I(!1), [l, s] = I(!1), [c, u] = I(!1), [a, g] = I(!1), [h, f] = I(!1), [v, w] = I(!1), [z, O] = ge(), k = q(() => {
+  const [r, i] = I(!1), [l, s] = I(!1), [c, u] = I(!1), [a, g] = I(!1), [h, f] = I(!1), [v, w] = I(!1), [z, O] = pe(), k = q(() => {
     i(!1), s(!1), u(!1), g(!1), f(!1), O(!1), w(!1);
   }, [O]), D = q(
     (T) => {