@prose-reader/react-reader 1.240.0 → 1.242.0

package/dist/index.js

@@ -1,26 +1,26 @@
 import { jsx as n, jsxs as s, Fragment as oe } from "react/jsx-runtime";
-import * as D from "react";
-import Me, { createContext as Le, memo as m, useMemo as ke, useEffect as F, useContext as _e, useState as S, useLayoutEffect as $e, useCallback as N } from "react";
-import { signal as de, useSignalState as Ie, useConstant as Se, useLiveRef as Ne, useSubscribe as E, useObserve as f, isDefined as ye, useSignalValue as He } from "reactjrx";
-import { Subject as he, tap as ue, map as z, filter as J, switchMap as O, EMPTY as le, of as ee, withLatestFrom as We, NEVER as re, startWith as Fe, distinctUntilChanged as ge, throttleTime as je, first as Te, combineLatest as Ve, finalize as we, mergeMap as Ge, skip as Re, merge as Pe, timer as Ae, BehaviorSubject as Ye } from "rxjs";
-import { IconButton as v, Portal as pe, Dialog as I, List as T, Link as me, Stack as k, Text as g, Tabs as A, Button as j, Presence as ne, Box as P, createToaster as Ue, Toaster as qe, Toast as M, Spinner as Qe, Heading as ae, HStack as R, Kbd as ve, Popover as L, Progress as H, chakra as Ke, Collapsible as se, Input as Ze } from "@chakra-ui/react";
-import { LuX as Xe, LuNotebookPen as te, LuBookmark as Je, LuArrowBigRight as en, LuArrowBigLeft as nn, LuChevronDown as tn, LuCircleHelp as on, LuTableOfContents as rn, LuSearch as an, LuGalleryHorizontal as sn, LuCircleCheck as Ce } from "react-icons/lu";
+import * as z from "react";
+import Me, { createContext as Le, memo as m, useMemo as ke, useEffect as F, useContext as $e, useState as S, useLayoutEffect as _e, useCallback as N } from "react";
+import { signal as de, useSignalState as Ie, useConstant as Se, useLiveRef as Ne, useSubscribe as D, useObserve as f, isDefined as ye, useSignalValue as He } from "reactjrx";
+import { Subject as he, tap as ue, map as E, filter as J, switchMap as O, EMPTY as le, of as ee, withLatestFrom as We, NEVER as re, startWith as Fe, distinctUntilChanged as ge, throttleTime as je, first as Te, combineLatest as Ve, finalize as Re, mergeMap as Ge, skip as Pe, merge as we, timer as Ae, BehaviorSubject as Ye } from "rxjs";
+import { IconButton as C, Portal as pe, Dialog as I, List as T, Link as me, Stack as k, Text as g, Tabs as A, Button as j, Presence as ne, Box as w, createToaster as Ue, Toaster as qe, Toast as M, Spinner as Qe, Heading as ae, HStack as P, Kbd as Ce, Popover as L, Progress as H, chakra as Ze, Collapsible as se, Input as Ke } from "@chakra-ui/react";
+import { LuX as Xe, LuNotebookPen as te, LuBookmark as Je, LuArrowBigRight as en, LuArrowBigLeft as nn, LuChevronDown as tn, LuCircleHelp as on, LuTableOfContents as rn, LuSearch as an, LuGalleryHorizontal as sn, LuCircleCheck as ve } from "react-icons/lu";
 import { createPortal as ln } from "react-dom";
 import { isPositionInArea as cn } from "@prose-reader/enhancer-gestures";
-import { isShallowEqual as dn, observeIntersection as hn, isHtmlTagElement as un } from "@prose-reader/core";
-import { BsBookmarks as gn } from "react-icons/bs";
-import { RiGalleryView2 as pn } from "react-icons/ri";
-import { RxDoubleArrowUp as mn, RxDoubleArrowLeft as fn, RxDoubleArrowDown as bn, RxDoubleArrowRight as xn } from "react-icons/rx";
+import { isShallowEqual as dn, observeIntersection as hn, isHtmlTagElement as un, watchKeys as gn } from "@prose-reader/core";
+import { BsBookmarks as pn } from "react-icons/bs";
+import { RiGalleryView2 as mn } from "react-icons/ri";
+import { RxDoubleArrowUp as fn, RxDoubleArrowLeft as bn, RxDoubleArrowDown as xn, RxDoubleArrowRight as Cn } from "react-icons/rx";
 import { HiOutlineInformationCircle as vn } from "react-icons/hi";
-import Cn from "rc-slider";
+import kn from "rc-slider";
 import "rc-slider/assets/index.css";
-import { IoIosArrowBack as kn, IoMdMore as In } from "react-icons/io";
-import { MdFullscreenExit as Sn, MdFullscreen as yn } from "react-icons/md";
+import { IoIosArrowBack as In, IoMdMore as Sn } from "react-icons/io";
+import { MdFullscreenExit as yn, MdFullscreen as Tn } from "react-icons/md";
 const Oe = Le({
   reader: void 0,
   quickMenuSignal: de({ default: !1 }),
   notificationsSubject: new he()
-}), Ft = m(
+}), jt = m(
   ({
     children: e,
     reader: t,
@@ -43,14 +43,14 @@ const Oe = Le({
     );
     return F(() => {
       r.setValue(o);
-    }, [o, r]), E(
+    }, [o, r]), D(
       () => r.pipe(ue(l.current)),
       [r, l]
     ), /* @__PURE__ */ n(Oe.Provider, { value: c, children: e });
   }
-), Tn = D.forwardRef(function(t, o) {
-  return /* @__PURE__ */ n(v, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ n(Xe, {}) });
-}), V = D.forwardRef(function(t, o) {
+), Rn = z.forwardRef(function(t, o) {
+  return /* @__PURE__ */ n(C, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ n(Xe, {}) });
+}), V = z.forwardRef(function(t, o) {
   const {
     children: i,
     portalled: r = !0,
@@ -62,7 +62,7 @@ const Oe = Le({
     l && /* @__PURE__ */ n(I.Backdrop, {}),
     /* @__PURE__ */ n(I.Positioner, { children: /* @__PURE__ */ n(I.Content, { ref: o, ...c, asChild: !1, children: i }) })
   ] });
-}), G = D.forwardRef(function(t, o) {
+}), G = z.forwardRef(function(t, o) {
   return /* @__PURE__ */ n(
     I.CloseTrigger,
     {
@@ -71,33 +71,33 @@ const Oe = Le({
       insetEnd: "2",
       ...t,
       asChild: !0,
-      children: /* @__PURE__ */ n(Tn, { size: "sm", ref: o, children: t.children })
+      children: /* @__PURE__ */ n(Rn, { size: "sm", ref: o, children: t.children })
     }
   );
 }), Y = I.Root, U = I.Footer, q = I.Header, Q = I.Body;
 I.Backdrop;
-const K = I.Title;
+const Z = I.Title;
 I.Description;
 I.Trigger;
-const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
+const K = I.ActionTrigger, X = () => $e(Oe), p = () => {
   const { reader: e } = X();
   return e;
-}, De = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, W = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, Ee = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, wn = (e) => {
+}, ze = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, W = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, De = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, Pn = (e) => {
   const t = p(), o = W(t) ? t : void 0;
   return { data: f(
     () => o?.annotations.annotations$.pipe(
-      z((r) => r.find((a) => a.id === e)),
+      E((r) => r.find((a) => a.id === e)),
       J(ye),
       O((r) => o.locateResource(r))
     ),
     [o]
   ) };
-}, ze = ({
+}, Ee = ({
   id: e,
   onNavigate: t,
   allowLeftIcon: o = !0
 }) => {
-  const i = p(), { data: r } = wn(e), a = r?.meta.range?.toString() || r?.meta.node?.textContent;
+  const i = p(), { data: r } = Pn(e), a = r?.meta.range?.toString() || r?.meta.node?.textContent;
   return /* @__PURE__ */ n(T.Item, { children: /* @__PURE__ */ s(
     me,
     {
@@ -135,32 +135,32 @@ const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
     ),
     [t]
   ) };
-}, Rn = () => {
+}, wn = () => {
   const { data: e } = ie();
   return {
     data: e?.filter((t) => t.meta.isCfiRange)
   };
-}, Pn = ({ onNavigate: e }) => {
-  const { data: t } = Rn();
+}, An = ({ onNavigate: e }) => {
+  const { data: t } = wn();
   return /* @__PURE__ */ n(T.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ n(
-    ze,
+    Ee,
     {
       id: o.resource.id,
       onNavigate: e
     },
     o.resource.id
   )) });
-}, An = () => {
+}, On = () => {
   const { data: e } = ie();
   return {
     data: e?.filter(
       (t) => !t.meta.isCfiRange && !t.resource.notes
     )
   };
-}, On = ({ onNavigate: e }) => {
-  const { data: t } = An();
+}, zn = ({ onNavigate: e }) => {
+  const { data: t } = On();
   return /* @__PURE__ */ n(T.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ n(
-    ze,
+    Ee,
     {
       id: o.resource.id,
       onNavigate: e,
@@ -191,8 +191,8 @@ const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
             ] }),
             /* @__PURE__ */ n(A.Indicator, {})
           ] }),
-          /* @__PURE__ */ n(A.Content, { value: "bookmarks", children: /* @__PURE__ */ n(On, { onNavigate: e }) }),
-          /* @__PURE__ */ n(A.Content, { value: "annotations", children: /* @__PURE__ */ n(Pn, { onNavigate: e }) })
+          /* @__PURE__ */ n(A.Content, { value: "bookmarks", children: /* @__PURE__ */ n(zn, { onNavigate: e }) }),
+          /* @__PURE__ */ n(A.Content, { value: "annotations", children: /* @__PURE__ */ n(An, { onNavigate: e }) })
         ]
       }
     );
@@ -212,7 +212,7 @@ const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
       children: /* @__PURE__ */ s(V, { height: "100%", children: [
-        /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Annotations" }) }),
+        /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(Z, { children: "Annotations" }) }),
         /* @__PURE__ */ n(Q, { flex: 1, children: /* @__PURE__ */ n(
           Dn,
           {
@@ -220,41 +220,41 @@ const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
             defaultTab: e
           }
         ) }),
-        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(K, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
         /* @__PURE__ */ n(G, {})
       ] })
     }
   )
-), zn = m(({ children: e }) => {
+), Bn = m(({ children: e }) => {
   const t = p(), o = f(() => t?.spine.element$, [t]);
   return o ? /* @__PURE__ */ n(oe, { children: ln(e, o) }) : null;
-}), Bn = ({
+}), Mn = ({
   absolutePageIndex: e,
   itemIndex: t
 }) => {
   const o = p();
   return {
     spineItem: f(() => o ? t !== void 0 ? ee(o.spine.spineItemsManager.get(t)) : e !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(e).pipe(
-      z((r) => o.spine.spineItemsManager.get(r?.itemIndex))
+      E((r) => o.spine.spineItemsManager.get(r?.itemIndex))
     ) : le : le, [t, e, o])
   };
-}, Mn = ({
+}, Ln = ({
   absolutePageIndex: e,
   itemIndex: t
 }) => {
-  const { spineItem: o } = Bn({ absolutePageIndex: e, itemIndex: t }), i = f(
+  const { spineItem: o } = Mn({ absolutePageIndex: e, itemIndex: t }), i = f(
     () => o?.isReady$ ?? ee(!1),
     [o]
   );
   return { spineItem: o, isReady: i };
-}, Ln = "data-bookmark-area", _n = m(
+}, $n = "data-bookmark-area", _n = m(
   ({
     absolutePageIndex: e,
     left: t,
     top: o,
     width: i
   }) => {
-    const { isReady: r } = Mn({
+    const { isReady: r } = Ln({
       absolutePageIndex: e
     }), { data: a } = ie(), l = a?.find(
       (h) => h?.meta?.absolutePageIndex === e && h.meta.range === void 0
@@ -269,9 +269,9 @@ const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
         children: /* @__PURE__ */ n(
-          P,
+          w,
           {
-            "data-bookmark-area": Ln,
+            "data-bookmark-area": $n,
             position: "absolute",
             left: t + i,
             transform: "translateX(-100%)",
@@ -294,9 +294,9 @@ const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
       }
     );
   }
-), $n = m(() => {
+), Nn = m(() => {
   const e = p(), t = f(() => e?.layoutInfo$, [e]);
-  return /* @__PURE__ */ n(zn, { children: t?.pages.map(
+  return /* @__PURE__ */ n(Bn, { children: t?.pages.map(
     ({ absoluteLayout: { left: o, top: i, width: r } }, a) => /* @__PURE__ */ n(
       _n,
       {
@@ -308,16 +308,16 @@ const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
       a
     )
   ) });
-}), Nn = () => {
+}), Hn = () => {
   const e = p();
   return W(e) ? e : void 0;
-}, Hn = () => {
-  const e = Nn(), { data: t } = ie();
+}, Wn = () => {
+  const e = Hn(), { data: t } = ie();
   F(() => e ? e.gestures.hooks.register(
     "beforeTapGesture",
     ({ event$: i }) => i.pipe(
       We(e?.annotations.candidates$),
-      z(([r, a]) => {
+      E(([r, a]) => {
         if (!r.page) return !0;
         const {
           spineItem: l,
@@ -341,7 +341,7 @@ const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
           );
           if (!u) return !0;
           const x = t?.find(
-            (w) => w?.meta?.absolutePageIndex === u.absolutePageIndex && w.meta.range === void 0
+            (R) => R?.meta?.absolutePageIndex === u.absolutePageIndex && R.meta.range === void 0
           );
           if (x)
             return e?.annotations.delete(x.resource.id), !1;
@@ -357,7 +357,7 @@ const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
 }, ce = Ue({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), Wn = () => /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(qe, { toaster: ce, insetInline: { mdDown: "4" }, children: (e) => /* @__PURE__ */ s(M.Root, { width: { md: "sm" }, children: [
+}), Fn = () => /* @__PURE__ */ n(pe, { children: /* @__PURE__ */ n(qe, { toaster: ce, insetInline: { mdDown: "4" }, children: (e) => /* @__PURE__ */ s(M.Root, { width: { md: "sm" }, children: [
   e.type === "loading" ? /* @__PURE__ */ n(Qe, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ n(M.Indicator, {}),
   /* @__PURE__ */ s(k, { gap: "1", flex: "1", maxWidth: "100%", children: [
     e.title && /* @__PURE__ */ n(M.Title, { children: e.title }),
@@ -365,7 +365,7 @@ const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
   ] }),
   e.action && /* @__PURE__ */ n(M.ActionTrigger, { children: e.action.label }),
   e.meta?.closable && /* @__PURE__ */ n(M.CloseTrigger, {})
-] }) }) }), Fn = {
+] }) }) }), jn = {
   x: 0,
   y: 0,
   width: 0,
@@ -375,8 +375,8 @@ const Z = I.ActionTrigger, X = () => _e(Oe), p = () => {
   bottom: 0,
   right: 0
 };
-function jn() {
-  const [e, t] = S(null), [o, i] = S(Fn), r = ke(
+function Vn() {
+  const [e, t] = S(null), [o, i] = S(jn), r = ke(
     () => new ResizeObserver((a) => {
       if (a[0]) {
         const { x: l, y: c, width: h, height: d, top: b, left: u, bottom: x, right: y } = a[0].contentRect;
@@ -385,23 +385,23 @@ function jn() {
     }),
     []
   );
-  return $e(() => {
+  return _e(() => {
     if (e)
       return r.observe(e), () => {
         r.disconnect();
       };
   }, [e, r]), [t, o, e];
 }
-const Vn = (e, t, o) => {
-  const i = p(), r = Ee(i) ? i : void 0;
-  E(() => {
+const Gn = (e, t, o) => {
+  const i = p(), r = De(i) ? i : void 0;
+  D(() => {
     if (!r || !e) return re;
     const a = t.layout.layout$.pipe(
       Fe(t.layout.layoutInfo),
       ge(dn)
     ), l = hn(
       e
-    ).pipe(z((c) => c.some((h) => h.isIntersecting)));
+    ).pipe(E((c) => c.some((h) => h.isIntersecting)));
     return a.pipe(
       je(100, void 0, { trailing: !0 }),
       O(() => l.pipe(
@@ -419,16 +419,16 @@ const Vn = (e, t, o) => {
       ))
     );
   }, [r, t, o, e]);
-}, Gn = m(
+}, Yn = m(
   ({ item: e, onNavigated: t }) => {
-    const [o, i, r] = jn(), a = p();
-    Vn(r, e, i);
+    const [o, i, r] = Vn(), a = p();
+    Gn(r, e, i);
     const l = f(
       () => a?.locateResource(e, { mode: "shallow" }),
       [a, e]
     );
     return /* @__PURE__ */ s(
-      P,
+      w,
       {
         width: "100%",
         aspectRatio: "2/3",
@@ -444,7 +444,7 @@ const Vn = (e, t, o) => {
         },
         children: [
           /* @__PURE__ */ n(
-            P,
+            w,
             {
               height: "100%",
               width: "100%",
@@ -474,7 +474,7 @@ const Vn = (e, t, o) => {
       }
     );
   }
-), Yn = m(
+), Un = m(
   ({ open: e, setOpen: t }) => {
     const o = p(), i = f(() => o?.spineItemsManager.items$, [o]);
     return /* @__PURE__ */ n(
@@ -487,9 +487,9 @@ const Vn = (e, t, o) => {
         size: { mdDown: "full", md: "lg" },
         scrollBehavior: "inside",
         children: /* @__PURE__ */ s(V, { height: "100%", children: [
-          /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Gallery" }) }),
+          /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(Z, { children: "Gallery" }) }),
           /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ n(
-            P,
+            w,
             {
               gridTemplateColumns: [
                 "repeat(2, minmax(0, 1fr))",
@@ -500,7 +500,7 @@ const Vn = (e, t, o) => {
               pt: 2,
               "data-grid": !0,
               children: i?.map((r) => /* @__PURE__ */ n(
-                Gn,
+                Yn,
                 {
                   item: r,
                   onNavigated: () => {
@@ -511,13 +511,13 @@ const Vn = (e, t, o) => {
               ))
             }
           ) }),
-          /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
+          /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(K, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
           /* @__PURE__ */ n(G, {})
         ] })
       }
     );
   }
-), Un = "@prose-reader/react-reader", qn = "1.239.0", Qn = m(
+), qn = "@prose-reader/react-reader", Qn = "1.241.0", Zn = m(
   ({ open: e, setOpen: t }) => /* @__PURE__ */ n(
     Y,
     {
@@ -528,7 +528,7 @@ const Vn = (e, t, o) => {
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
       children: /* @__PURE__ */ s(V, { children: [
-        /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Help" }) }),
+        /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(Z, { children: "Help" }) }),
         /* @__PURE__ */ s(
           Q,
           {
@@ -540,42 +540,42 @@ const Vn = (e, t, o) => {
             children: [
               /* @__PURE__ */ s(k, { children: [
                 /* @__PURE__ */ n(ae, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-                /* @__PURE__ */ s(R, { mb: 1, children: [
-                  /* @__PURE__ */ n(ve, { children: /* @__PURE__ */ n(en, {}) }),
+                /* @__PURE__ */ s(P, { mb: 1, children: [
+                  /* @__PURE__ */ n(Ce, { children: /* @__PURE__ */ n(en, {}) }),
                   " ",
                   /* @__PURE__ */ n(g, { children: "Navigate to right page" })
                 ] }),
-                /* @__PURE__ */ s(R, { mb: 1, children: [
-                  /* @__PURE__ */ n(ve, { children: /* @__PURE__ */ n(nn, {}) }),
+                /* @__PURE__ */ s(P, { mb: 1, children: [
+                  /* @__PURE__ */ n(Ce, { children: /* @__PURE__ */ n(nn, {}) }),
                   " ",
                   /* @__PURE__ */ n(g, { children: "Navigate to left page" })
                 ] })
               ] }),
               /* @__PURE__ */ s(k, { children: [
                 /* @__PURE__ */ n(ae, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }),
-                /* @__PURE__ */ n(R, { mb: 1, children: /* @__PURE__ */ n(g, { children: "Tap on the top right corner of a page bookmark it" }) })
+                /* @__PURE__ */ n(P, { mb: 1, children: /* @__PURE__ */ n(g, { children: "Tap on the top right corner of a page bookmark it" }) })
               ] }),
               /* @__PURE__ */ s(k, { children: [
                 /* @__PURE__ */ n(ae, { mb: 2, as: "h3", size: "lg", children: "About" }),
                 /* @__PURE__ */ s(g, { children: [
-                  Un,
+                  qn,
                   " version: ",
-                  qn
+                  Qn
                 ] })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(K, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
         /* @__PURE__ */ n(G, {})
       ] })
     }
   )
-), _ = () => {
+), $ = () => {
   const e = p();
   return f(
     () => e ? Ve([e.pagination.state$, e.context]).pipe(
-      z(([t, o]) => {
+      E(([t, o]) => {
         const i = o.manifest?.spineItems.every(
           (r) => r.mediaType?.startsWith("image/")
         );
@@ -588,14 +588,14 @@ const Vn = (e, t, o) => {
     [e]
   );
 }, Kn = () => {
-  const e = _(), t = Math.floor(
+  const e = $(), t = Math.floor(
     (e?.percentageEstimateOfBook ?? 0) * 100
   ), o = t > 0 ? t : 1;
-  return e?.percentageEstimateOfBook === void 0 ? null : /* @__PURE__ */ n(P, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ s(g, { fontSize: "sm", children: [
+  return e?.percentageEstimateOfBook === void 0 ? null : /* @__PURE__ */ n(w, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ s(g, { fontSize: "sm", children: [
     o,
     " %"
   ] }) });
-}, Zn = () => {
+}, Xn = () => {
   const [e, t] = S(/* @__PURE__ */ new Date());
   return F(() => {
     const o = setInterval(() => {
@@ -603,8 +603,8 @@ const Vn = (e, t, o) => {
     }, 6e4);
     return () => clearInterval(o);
   }, []), e;
-}, Xn = (e) => {
-  const t = Zn();
+}, Jn = (e) => {
+  const t = Xn();
   return /* @__PURE__ */ n(g, { fontSize: "xs", ...e, children: t.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
@@ -612,22 +612,22 @@ const Vn = (e, t, o) => {
 }, fe = () => {
   const { quickMenuSignal: e } = X();
   return [He(e), e.setValue, e];
-}, Jn = () => {
+}, et = () => {
   const [e] = fe();
   return /* @__PURE__ */ n(
-    P,
+    w,
     {
       position: "absolute",
       left: 0,
       bottom: 0,
       p: 2,
       color: e ? void 0 : "colorPalette.contrast",
-      children: /* @__PURE__ */ n(Xn, {})
+      children: /* @__PURE__ */ n(Jn, {})
     }
   );
-}, et = () => {
+}, nt = () => {
   const e = p();
-  E(
+  D(
     () => e?.links$.subscribe((t) => {
       if (t.type === "click" && un(t.target, "a")) {
         if (!t.target.href) return;
@@ -639,34 +639,35 @@ const Vn = (e, t, o) => {
     }),
     [e]
   );
-}, nt = () => {
+}, tt = () => {
   const e = p(), { notificationsSubject: t } = X();
-  E(
-    () => e?.zoom.isZooming$.pipe(
-      O((o) => {
-        if (!o) return le;
-        const i = new he();
+  D(
+    () => e?.zoom.state$.pipe(
+      gn(["isZooming", "currentScale"]),
+      O(({ isZooming: o, currentScale: i }) => {
+        if (!o || i < 1) return le;
+        const r = new he();
         return t.next({
           key: "zoom",
           title: "Zooming",
           duration: 999999,
-          abort: i
+          abort: r
         }), re.pipe(
-          we(() => {
-            i.next(), i.complete();
+          Re(() => {
+            r.next(), r.complete();
           })
         );
       })
     ),
     [e]
   );
-}, tt = () => {
+}, ot = () => {
   const e = p(), { notificationsSubject: t } = X();
-  E(
+  D(
     () => e?.settings.values$.pipe(
-      z(({ fontScale: o }) => o),
+      E(({ fontScale: o }) => o),
       ge(),
-      Re(1),
+      Pe(1),
       ue((o) => {
         t.next({
           key: "fontScaleChange",
@@ -677,9 +678,9 @@ const Vn = (e, t, o) => {
     ),
     [e, t]
   );
-}, ot = () => {
+}, rt = () => {
   const { notificationsSubject: e } = X();
-  tt(), nt(), E(
+  ot(), tt(), D(
     () => e.pipe(
       J(ye),
       Ge((t) => {
@@ -688,16 +689,16 @@ const Vn = (e, t, o) => {
           description: t.description,
           duration: o
         }), r = e.pipe(
-          Re(1),
+          Pe(1),
           J((a) => !!t.key && a?.key === t.key)
         );
-        return Pe(
+        return we(
           Ae(o),
           t.abort ?? re,
           r
         ).pipe(
           Te(),
-          we(() => {
+          Re(() => {
             ce.dismiss(i);
           })
         );
@@ -705,7 +706,7 @@ const Vn = (e, t, o) => {
     ),
     [e]
   );
-}, rt = D.forwardRef(
+}, it = z.forwardRef(
   function(t, o) {
     const {
       showArrow: i,
@@ -741,10 +742,10 @@ const Vn = (e, t, o) => {
       }
     );
   }
-), it = D.forwardRef(function(t, o) {
+), at = z.forwardRef(function(t, o) {
   const { children: i, ...r } = t;
-  return /* @__PURE__ */ n(rt, { content: i, ...r, ref: o, children: /* @__PURE__ */ n(
-    v,
+  return /* @__PURE__ */ n(it, { content: i, ...r, ref: o, children: /* @__PURE__ */ n(
+    C,
     {
       variant: "ghost",
       "aria-label": "info",
@@ -753,18 +754,18 @@ const Vn = (e, t, o) => {
       children: /* @__PURE__ */ n(vn, {})
     }
   ) });
-}), at = D.forwardRef(function(t, o) {
+}), st = z.forwardRef(function(t, o) {
   return /* @__PURE__ */ n(H.Track, { ...t, ref: o, children: /* @__PURE__ */ n(H.Range, {}) });
 });
-D.forwardRef(function(t, o) {
+z.forwardRef(function(t, o) {
   const { children: i, info: r, ...a } = t;
   return /* @__PURE__ */ s(H.Label, { ...a, ref: o, children: [
     i,
-    r && /* @__PURE__ */ n(it, { children: r })
+    r && /* @__PURE__ */ n(at, { children: r })
   ] });
 });
-const st = H.Root, lt = H.ValueText, be = () => {
-  const e = _(), t = e?.numberOfTotalPages === 1, o = (e?.beginNumberOfPagesInSpineItem ?? 0) > 1, i = (e?.endNumberOfPagesInSpineItem ?? 0) > 1, r = (e?.hasChapters ? e?.beginPageIndexInSpineItem : e?.beginAbsolutePageIndex) ?? 0, a = (e?.hasChapters ? e?.endPageIndexInSpineItem : e?.endAbsolutePageIndex) ?? 0, [l = 0, c = 0] = [
+const lt = H.Root, ct = H.ValueText, be = () => {
+  const e = $(), t = e?.numberOfTotalPages === 1, o = (e?.beginNumberOfPagesInSpineItem ?? 0) > 1, i = (e?.endNumberOfPagesInSpineItem ?? 0) > 1, r = (e?.hasChapters ? e?.beginPageIndexInSpineItem : e?.beginAbsolutePageIndex) ?? 0, a = (e?.hasChapters ? e?.endPageIndexInSpineItem : e?.endAbsolutePageIndex) ?? 0, [l = 0, c = 0] = [
     r,
     a
   ].sort((b, u) => b - u), h = e?.beginPageIndexInSpineItem !== e?.endPageIndexInSpineItem || e?.beginSpineItemIndex !== e?.endSpineItemIndex, d = e?.hasChapters ? e?.beginNumberOfPagesInSpineItem : e?.numberOfTotalPages;
@@ -779,8 +780,8 @@ const st = H.Root, lt = H.ValueText, be = () => {
     leftPageIndex: l,
     rightPageIndex: c
   };
-}, ct = () => {
-  const e = _(), {
+}, dt = () => {
+  const e = $(), {
     hasOnlyOnePage: t,
     leftPageIndex: o,
     rightPageIndex: i,
@@ -788,12 +789,12 @@ const st = H.Root, lt = H.ValueText, be = () => {
     beginAndEndAreDifferent: a
   } = be(), l = Math.round((e?.percentageEstimateOfBook ?? 0) * 100), c = (d) => d?.subChapter ? `${d.title} / ${c(d.subChapter)}` : d?.title || "", h = c(e?.beginChapterInfo);
   return /* @__PURE__ */ s(k, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
-    /* @__PURE__ */ n(st, { value: l, size: "xs", width: 150, children: /* @__PURE__ */ s(R, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ n(at, { width: 110 }),
-      /* @__PURE__ */ n(lt, { children: `${l}%` })
+    /* @__PURE__ */ n(lt, { value: l, size: "xs", width: 150, children: /* @__PURE__ */ s(P, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ n(st, { width: 110 }),
+      /* @__PURE__ */ n(ct, { children: `${l}%` })
     ] }) }),
     /* @__PURE__ */ n(g, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: h ? `Chapter: ${h}` : " " }),
-    !t && /* @__PURE__ */ s(R, { children: [
+    !t && /* @__PURE__ */ s(P, { children: [
       /* @__PURE__ */ n(g, { fontSize: "xs", children: a ? `${o + 1} - ${i + 1} of ${r}` : `${o + 1} of ${r}` }),
       !!e?.hasChapters && /* @__PURE__ */ s(oe, { children: [
         /* @__PURE__ */ n(g, { children: "-" }),
@@ -835,8 +836,8 @@ const st = H.Root, lt = H.ValueText, be = () => {
       children: e
     }
   )
-), dt = Ke(Cn), ht = m((e) => /* @__PURE__ */ n(
-  P,
+), ht = Ze(kn), ut = m((e) => /* @__PURE__ */ n(
+  w,
   {
     display: "contents",
     css: {
@@ -845,7 +846,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
       "--color-solid": "colors.colorPalette.solid"
     },
     children: /* @__PURE__ */ n(
-      dt,
+      ht,
       {
         keyboard: !1,
         style: {
@@ -889,8 +890,8 @@ const st = H.Root, lt = H.ValueText, be = () => {
       }
     )
   }
-)), ut = () => {
-  const t = _()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: i = 0 } = be(), r = t ? Math.floor((o || 0) / 2) : o, [a, l] = Ie(
+)), gt = () => {
+  const t = $()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: i = 0 } = be(), r = t ? Math.floor((o || 0) / 2) : o, [a, l] = Ie(
     () => de({
       default: r || 0
     })
@@ -906,12 +907,12 @@ const st = H.Root, lt = H.ValueText, be = () => {
     min: c,
     max: h
   };
-}, gt = (e) => {
-  const t = p(), o = _(), { manifest: i } = f(() => t?.context, [t]) ?? {}, r = i?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = be(), h = 1, d = c, { value: b, valueSignal: u, min: x, max: y } = ut(), w = N(
-    ($) => {
-      const [C = 0] = Array.isArray($) ? $ : [$];
-      u.setValue(C);
-      const xe = a ? Math.floor(C) * 2 : Math.floor(C);
+}, pt = (e) => {
+  const t = p(), o = $(), { manifest: i } = f(() => t?.context, [t]) ?? {}, r = i?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = be(), h = 1, d = c, { value: b, valueSignal: u, min: x, max: y } = gt(), R = N(
+    (_) => {
+      const [v = 0] = Array.isArray(_) ? _ : [_];
+      u.setValue(v);
+      const xe = a ? Math.floor(v) * 2 : Math.floor(v);
       d ? t?.navigation.goToPageOfSpineItem({
         pageIndex: xe,
         spineItemId: t.pagination.state.beginSpineItemIndex ?? 0,
@@ -923,30 +924,30 @@ const st = H.Root, lt = H.ValueText, be = () => {
     },
     [t, a, u, d]
   );
-  return E(
+  return D(
     () => t?.navigation.throttleLock({
       duration: 100,
       trigger: u.subject
     }),
     [t, u]
-  ), l === 1 || a && l === 2 ? /* @__PURE__ */ n(P, { style: e.style }) : /* @__PURE__ */ n(
-    ht,
+  ), l === 1 || a && l === 2 ? /* @__PURE__ */ n(w, { style: e.style }) : /* @__PURE__ */ n(
+    ut,
     {
       value: [b],
       max: y,
       min: x,
       reverse: r,
       step: h,
-      onChange: w,
+      onChange: R,
       ...e
     }
   );
-}, pt = m(
+}, mt = m(
   ({
     open: e,
     onItemClick: t
   }) => {
-    const o = p(), i = f(() => o?.navigation.state$, [o]), a = f(() => o?.settings.values$, [o])?.computedPageTurnDirection === "vertical", [l, c] = S(!0);
+    const o = p(), i = f(() => o?.navigation.state$, [o]), r = f(() => o?.settings.values$, [o]), a = f(() => o?.zoom.state$, [o]), l = r?.computedPageTurnDirection === "vertical", [c, h] = S(!0);
     return /* @__PURE__ */ s(
       Be,
       {
@@ -958,7 +959,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
         pb: 8,
         children: [
           /* @__PURE__ */ s(
-            R,
+            P,
             {
               flex: 1,
               alignItems: "center",
@@ -966,7 +967,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
               maxWidth: "100%",
               children: [
                 /* @__PURE__ */ n(
-                  v,
+                  C,
                   {
                     "aria-label": "left",
                     size: "lg",
@@ -974,7 +975,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
                     flexShrink: 0,
                     onClick: () => o?.navigation.goToLeftOrTopSpineItem(),
                     disabled: !i?.canGoLeftSpineItem && !i?.canGoTopSpineItem,
-                    children: a ? /* @__PURE__ */ n(mn, {}) : /* @__PURE__ */ n(fn, {})
+                    children: l ? /* @__PURE__ */ n(fn, {}) : /* @__PURE__ */ n(bn, {})
                   }
                 ),
                 /* @__PURE__ */ s(
@@ -987,9 +988,9 @@ const st = H.Root, lt = H.ValueText, be = () => {
                     overflow: "auto",
                     px: 4,
                     children: [
-                      /* @__PURE__ */ n(ct, {}),
+                      /* @__PURE__ */ n(dt, {}),
                       /* @__PURE__ */ n(
-                        gt,
+                        pt,
                         {
                           style: {
                             width: "100%",
@@ -1002,7 +1003,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
                   }
                 ),
                 /* @__PURE__ */ n(
-                  v,
+                  C,
                   {
                     "aria-label": "right",
                     size: "lg",
@@ -1012,19 +1013,19 @@ const st = H.Root, lt = H.ValueText, be = () => {
                     onClick: () => {
                       o?.navigation.goToRightOrBottomSpineItem();
                     },
-                    children: a ? /* @__PURE__ */ n(bn, {}) : /* @__PURE__ */ n(xn, {})
+                    children: l ? /* @__PURE__ */ n(xn, {}) : /* @__PURE__ */ n(Cn, {})
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ n(R, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
+          /* @__PURE__ */ n(P, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
             se.Root,
             {
-              open: l,
+              open: c,
               flex: 1,
-              onOpenChange: ({ open: h }) => {
-                c(h);
+              onOpenChange: ({ open: d }) => {
+                h(d);
               },
               children: [
                 /* @__PURE__ */ n(
@@ -1038,7 +1039,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
                       tn,
                       {
                         style: {
-                          transform: l ? "rotate(0deg)" : "rotate(180deg)"
+                          transform: c ? "rotate(0deg)" : "rotate(180deg)"
                         }
                       }
                     )
@@ -1046,7 +1047,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
                 ),
                 /* @__PURE__ */ s(se.Content, { display: "flex", justifyContent: "center", children: [
                   /* @__PURE__ */ n(
-                    v,
+                    C,
                     {
                       "aria-label": "Help",
                       size: "lg",
@@ -1056,7 +1057,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
                     }
                   ),
                   /* @__PURE__ */ n(
-                    v,
+                    C,
                     {
                       "aria-label": "Table of contents",
                       size: "lg",
@@ -1065,8 +1066,8 @@ const st = H.Root, lt = H.ValueText, be = () => {
                       children: /* @__PURE__ */ n(rn, {})
                     }
                   ),
-                  De(o) && /* @__PURE__ */ n(
-                    v,
+                  ze(o) && /* @__PURE__ */ n(
+                    C,
                     {
                       "aria-label": "Search",
                       size: "lg",
@@ -1076,17 +1077,17 @@ const st = H.Root, lt = H.ValueText, be = () => {
                     }
                   ),
                   W(o) && /* @__PURE__ */ n(
-                    v,
+                    C,
                     {
                       "aria-label": "Bookmarks",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("bookmarks"),
-                      children: /* @__PURE__ */ n(gn, {})
+                      children: /* @__PURE__ */ n(pn, {})
                     }
                   ),
                   W(o) && /* @__PURE__ */ n(
-                    v,
+                    C,
                     {
                       "aria-label": "Annotations",
                       size: "lg",
@@ -1096,27 +1097,28 @@ const st = H.Root, lt = H.ValueText, be = () => {
                     }
                   ),
                   /* @__PURE__ */ n(
-                    v,
+                    C,
                     {
                       "aria-label": "Thumbnails",
                       size: "lg",
-                      variant: o?.settings.values.viewportMode === "thumbnails" ? "solid" : "ghost",
+                      variant: a?.isZooming && a.currentScale < 1 ? "solid" : "ghost",
                       onClick: () => {
-                        o?.settings.update({
-                          viewportMode: o?.settings.values.viewportMode === "normal" ? "thumbnails" : "normal"
+                        a?.isZooming ? o?.zoom.exit() : o?.zoom.enter({
+                          animate: !0,
+                          scale: 0.5
                         });
                       },
                       children: /* @__PURE__ */ n(sn, {})
                     }
                   ),
-                  Ee(o) && /* @__PURE__ */ n(
-                    v,
+                  De(o) && /* @__PURE__ */ n(
+                    C,
                     {
                       "aria-label": "Gallery",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("gallery"),
-                      children: /* @__PURE__ */ n(pn, {})
+                      children: /* @__PURE__ */ n(mn, {})
                     }
                   )
                 ] })
@@ -1127,7 +1129,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
       }
     );
   }
-), mt = () => {
+), ft = () => {
   const [e, t] = S(!1), o = N(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
     t(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
@@ -1144,12 +1146,12 @@ const st = H.Root, lt = H.ValueText, be = () => {
     isFullscreen: e,
     onToggleFullscreenClick: o
   };
-}, ft = m(
+}, bt = m(
   ({
     open: e,
     onItemClick: t
   }) => {
-    const o = p(), i = f(() => o?.context.manifest$, [o]), { isFullscreen: r, onToggleFullscreenClick: a } = mt();
+    const o = p(), i = f(() => o?.context.manifest$, [o]), { isFullscreen: r, onToggleFullscreenClick: a } = ft();
     return /* @__PURE__ */ s(
       Be,
       {
@@ -1159,14 +1161,14 @@ const st = H.Root, lt = H.ValueText, be = () => {
         justifyContent: "space-between",
         children: [
           /* @__PURE__ */ n(
-            v,
+            C,
             {
               "aria-label": "left",
               size: "lg",
               variant: "ghost",
               flexShrink: 0,
               onClick: () => t("back"),
-              children: /* @__PURE__ */ n(kn, {})
+              children: /* @__PURE__ */ n(In, {})
             }
           ),
           /* @__PURE__ */ n(
@@ -1181,27 +1183,27 @@ const st = H.Root, lt = H.ValueText, be = () => {
               children: /* @__PURE__ */ n(g, { truncate: !0, maxWidth: "100%", children: i?.title })
             }
           ),
-          /* @__PURE__ */ s(R, { children: [
+          /* @__PURE__ */ s(P, { children: [
             /* @__PURE__ */ n(
-              v,
+              C,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: () => t("more"),
-                children: /* @__PURE__ */ n(In, {})
+                children: /* @__PURE__ */ n(Sn, {})
               }
             ),
             /* @__PURE__ */ n(
-              v,
+              C,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: a,
-                children: r ? /* @__PURE__ */ n(Sn, {}) : /* @__PURE__ */ n(yn, {})
+                children: r ? /* @__PURE__ */ n(yn, {}) : /* @__PURE__ */ n(Tn, {})
               }
             )
           ] })
@@ -1209,17 +1211,17 @@ const st = H.Root, lt = H.ValueText, be = () => {
       }
     );
   }
-), bt = m(
+), xt = m(
   ({
     onItemClick: e
   }) => {
     const [t] = fe();
     return /* @__PURE__ */ s(oe, { children: [
-      /* @__PURE__ */ n(ft, { open: t, onItemClick: e }),
-      /* @__PURE__ */ n(pt, { open: t, onItemClick: e })
+      /* @__PURE__ */ n(bt, { open: t, onItemClick: e }),
+      /* @__PURE__ */ n(mt, { open: t, onItemClick: e })
     ] });
   }
-), xt = m(
+), Ct = m(
   ({
     contextText: e = "",
     startOffset: t = 0,
@@ -1263,18 +1265,18 @@ const st = H.Root, lt = H.ValueText, be = () => {
       }
     );
   }
-), vt = 500, Ct = () => {
-  const e = Se(() => new Ye("")), t = f(e), o = p(), i = De(o) ? o : void 0, r = f(() => e.pipe(
+), vt = 500, kt = () => {
+  const e = Se(() => new Ye("")), t = f(e), o = p(), i = ze(o) ? o : void 0, r = f(() => e.pipe(
     ge(),
     O(
-      (a) => a === "" || !i ? ee(void 0) : Pe(
+      (a) => a === "" || !i ? ee(void 0) : we(
         ee({
           type: "start",
           data: void 0
         }),
         Ae(vt).pipe(
           O(() => i.search.search(a)),
-          z((l) => ({ type: "end", data: l }))
+          E((l) => ({ type: "end", data: l }))
         )
       )
     )
@@ -1285,9 +1287,9 @@ const st = H.Root, lt = H.ValueText, be = () => {
     status: r?.type ?? "idle",
     data: r?.data
   };
-}, kt = m(
+}, It = m(
   ({ onNavigate: e }) => {
-    const t = p(), { value: o, setValue: i, status: r, data: a } = Ct(), l = (d) => {
+    const t = p(), { value: o, setValue: i, status: r, data: a } = kt(), l = (d) => {
       i(d.target.value);
     }, c = N(
       (d) => {
@@ -1300,7 +1302,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
     );
     return /* @__PURE__ */ s(k, { flex: 1, height: "100%", gap: 2, children: [
       /* @__PURE__ */ n(
-        Ze,
+        Ke,
         {
           placeholder: "Type something...",
           value: o,
@@ -1330,7 +1332,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
                 " result(s)"
               ] }),
               /* @__PURE__ */ n(k, { gap: 0, children: h?.map((d, b) => /* @__PURE__ */ n(
-                xt,
+                Ct,
                 {
                   contextText: d.meta?.range?.startContainer.parentElement?.textContent ?? "",
                   pageIndex: d.meta?.itemPageIndex,
@@ -1348,7 +1350,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
       )
     ] });
   }
-), It = m(
+), St = m(
   ({
     open: e,
     setOpen: t,
@@ -1363,16 +1365,16 @@ const st = H.Root, lt = H.ValueText, be = () => {
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
       children: /* @__PURE__ */ s(V, { height: "100%", children: [
-        /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Search" }) }),
-        /* @__PURE__ */ n(Q, { flex: 1, p: 0, children: /* @__PURE__ */ n(kt, { onNavigate: o }) }),
-        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(Z, { children: "Search" }) }),
+        /* @__PURE__ */ n(Q, { flex: 1, p: 0, children: /* @__PURE__ */ n(It, { onNavigate: o }) }),
+        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(K, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
         /* @__PURE__ */ n(G, {})
       ] })
     }
   )
-), St = m(
+), yt = m(
   ({ onNavigate: e }) => {
-    const t = p(), { manifest: o, assumedRenditionLayout: i } = f(() => t?.context, [t]) ?? {}, { nav: r } = o ?? {}, a = _();
+    const t = p(), { manifest: o, assumedRenditionLayout: i } = f(() => t?.context, [t]) ?? {}, { nav: r } = o ?? {}, a = $();
     r?.toc;
     const { beginSpineItemIndex: l, beginPageIndexInSpineItem: c } = a ?? {}, h = (i === "reflowable" ? c : l) || 0;
     let d = a?.beginChapterInfo;
@@ -1395,8 +1397,8 @@ const st = H.Root, lt = H.ValueText, be = () => {
               },
               href: "#",
               children: [
-                d?.path === u.path && /* @__PURE__ */ n(T.Indicator, { asChild: !0, children: /* @__PURE__ */ n(Ce, {}) }),
-                d?.path !== u.path && /* @__PURE__ */ n(T.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(Ce, {}) }),
+                d?.path === u.path && /* @__PURE__ */ n(T.Indicator, { asChild: !0, children: /* @__PURE__ */ n(ve, {}) }),
+                d?.path !== u.path && /* @__PURE__ */ n(T.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(ve, {}) }),
                 /* @__PURE__ */ s(k, { gap: 0, children: [
                   /* @__PURE__ */ n(g, { fontSize: "md", children: u.title || u.path }),
                   d?.path === u.path && /* @__PURE__ */ n(
@@ -1415,12 +1417,12 @@ const st = H.Root, lt = H.ValueText, be = () => {
         }
       ),
       u.contents.length > 0 && /* @__PURE__ */ n(T.Root, { as: "div", gap: 2, children: u.contents.map(
-        (w, B) => b(w, B, y + 1)
+        (R, B) => b(R, B, y + 1)
       ) })
     ] }, x);
     return /* @__PURE__ */ n(T.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: r?.toc.map((u, x) => b(u, x, 0)) });
   }
-), yt = m(
+), Tt = m(
   ({
     open: e,
     setOpen: t,
@@ -1435,27 +1437,27 @@ const st = H.Root, lt = H.ValueText, be = () => {
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
       children: /* @__PURE__ */ s(V, { children: [
-        /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ n(Q, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ n(St, { onNavigate: o }) }),
-        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(Z, { children: "Table of Contents" }) }),
+        /* @__PURE__ */ n(Q, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ n(yt, { onNavigate: o }) }),
+        /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(K, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
         /* @__PURE__ */ n(G, {})
       ] })
     }
   )
-), jt = ({
+), Vt = ({
   enableFloatingTime: e = !0,
   enableFloatingProgress: t = !0,
   onItemClick: o
 }) => {
-  const [i, r] = S(!1), [a, l] = S(!1), [c, h] = S(!1), [d, b] = S(void 0), [u, x] = S(!1), [y, w] = fe(), B = N(() => {
-    r(!1), l(!1), h(!1), b(void 0), w(!1), x(!1);
-  }, [w]), $ = N(
-    (C) => {
-      C === "annotations" ? b("annotations") : C === "search" ? h(!0) : C === "help" ? l(!0) : C === "toc" ? r(!0) : C === "bookmarks" ? b("bookmarks") : C === "gallery" && x(!0), o?.(C);
+  const [i, r] = S(!1), [a, l] = S(!1), [c, h] = S(!1), [d, b] = S(void 0), [u, x] = S(!1), [y, R] = fe(), B = N(() => {
+    r(!1), l(!1), h(!1), b(void 0), R(!1), x(!1);
+  }, [R]), _ = N(
+    (v) => {
+      v === "annotations" ? b("annotations") : v === "search" ? h(!0) : v === "help" ? l(!0) : v === "toc" ? r(!0) : v === "bookmarks" ? b("bookmarks") : v === "gallery" && x(!0), o?.(v);
     },
     [o]
   );
-  return et(), ot(), Hn(), /* @__PURE__ */ s(oe, { children: [
+  return nt(), rt(), Wn(), /* @__PURE__ */ s(oe, { children: [
     t && /* @__PURE__ */ n(
       ne,
       {
@@ -1465,12 +1467,12 @@ const st = H.Root, lt = H.ValueText, be = () => {
         children: /* @__PURE__ */ n(Kn, {})
       }
     ),
-    /* @__PURE__ */ n(Yn, { open: u, setOpen: x }),
-    /* @__PURE__ */ n(bt, { onItemClick: $ }),
-    /* @__PURE__ */ n($n, {}),
-    /* @__PURE__ */ n(Qn, { open: a, setOpen: l }),
+    /* @__PURE__ */ n(Un, { open: u, setOpen: x }),
+    /* @__PURE__ */ n(xt, { onItemClick: _ }),
+    /* @__PURE__ */ n(Nn, {}),
+    /* @__PURE__ */ n(Zn, { open: a, setOpen: l }),
     /* @__PURE__ */ n(
-      yt,
+      Tt,
       {
         open: i,
         setOpen: r,
@@ -1478,7 +1480,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
       }
     ),
     /* @__PURE__ */ n(
-      It,
+      St,
       {
         open: c,
         setOpen: h,
@@ -1489,7 +1491,7 @@ const st = H.Root, lt = H.ValueText, be = () => {
       En,
       {
         openWith: d,
-        setOpen: (C) => b(C ? "annotations" : void 0),
+        setOpen: (v) => b(v ? "annotations" : void 0),
         onNavigate: B
       }
     ),
@@ -1500,15 +1502,15 @@ const st = H.Root, lt = H.ValueText, be = () => {
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "slow",
         overflow: "hidden",
-        children: /* @__PURE__ */ n(Jn, {})
+        children: /* @__PURE__ */ n(et, {})
       }
     ),
-    /* @__PURE__ */ n(Wn, {})
+    /* @__PURE__ */ n(Fn, {})
   ] });
 };
 export {
-  Ln as BOOKMARK_AREA_DATA_ATTRIBUTE,
-  jt as ReactReader,
-  Ft as ReactReaderProvider
+  $n as BOOKMARK_AREA_DATA_ATTRIBUTE,
+  Vt as ReactReader,
+  jt as ReactReaderProvider
 };
 //# sourceMappingURL=index.js.map