@prose-reader/react-reader 1.206.0 → 1.208.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.205.0", At = m(
+), Dt = "@prose-reader/react-reader", Et = "1.207.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,7 +843,7 @@ 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);
@@ -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) => {