@prose-reader/react-reader 1.236.0 → 1.238.0

package/dist/index.js

@@ -1,25 +1,25 @@
 import { jsx as n, jsxs as s, Fragment as oe } from "react/jsx-runtime";
-import * as E from "react";
-import Me, { createContext as Le, memo as m, useMemo as Ie, useEffect as F, useContext as $e, useState as k, useLayoutEffect as _e, useCallback as N } from "react";
-import { signal as ce, useSignalState as ke, useConstant as Se, useLiveRef as Ne, useSubscribe as D, useObserve as f, isDefined as ye, useSignalValue as He } from "reactjrx";
-import { Subject as de, tap as ue, map as z, filter as J, switchMap as A, EMPTY as se, of as ee, withLatestFrom as We, NEVER as re, startWith as Fe, distinctUntilChanged as he, 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 ge, Dialog as I, List as y, Link as pe, Stack as T, Text as g, Tabs as P, Button as j, Presence as ne, Box as R, createToaster as Ue, Toaster as qe, Toast as M, Spinner as Qe, Heading as xe, HStack as O, Kbd as ve, Popover as L, Progress as H, chakra as Ke, Collapsible as ae, Input as Ze } from "@chakra-ui/react";
+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 { createPortal as ln } from "react-dom";
 import { isPositionInArea as cn } from "@prose-reader/enhancer-gestures";
-import { isShallowEqual as dn, observeIntersection as un, isHtmlTagElement as hn } from "@prose-reader/core";
+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 { HiOutlineInformationCircle as vn } from "react-icons/hi";
 import Cn from "rc-slider";
 import "rc-slider/assets/index.css";
-import { IoIosArrowBack as In, IoMdMore as kn } from "react-icons/io";
+import { IoIosArrowBack as kn, IoMdMore as In } from "react-icons/io";
 import { MdFullscreenExit as Sn, MdFullscreen as yn } from "react-icons/md";
 const Oe = Le({
   reader: void 0,
-  quickMenuSignal: ce({ default: !1 }),
-  notificationsSubject: new de()
+  quickMenuSignal: de({ default: !1 }),
+  notificationsSubject: new he()
 }), Ft = m(
   ({
     children: e,
@@ -27,13 +27,13 @@ const Oe = Le({
     quickMenuOpen: o,
     onQuickMenuOpenChange: i
   }) => {
-    const [, r] = ke(
-      () => ce({
+    const [, r] = Ie(
+      () => de({
         default: o
       })
     ), a = Se(
-      () => new de()
-    ), l = Ne(i), c = Ie(
+      () => new he()
+    ), l = Ne(i), c = ke(
       () => ({
         quickMenuSignal: r,
         reader: t,
@@ -43,14 +43,14 @@ const Oe = Le({
     );
     return F(() => {
       r.setValue(o);
-    }, [o, r]), D(
+    }, [o, r]), E(
       () => r.pipe(ue(l.current)),
       [r, l]
     ), /* @__PURE__ */ n(Oe.Provider, { value: c, children: e });
   }
-), Tn = E.forwardRef(function(t, o) {
+), 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 = E.forwardRef(function(t, o) {
+}), V = D.forwardRef(function(t, o) {
   const {
     children: i,
     portalled: r = !0,
@@ -58,11 +58,11 @@ const Oe = Le({
     backdrop: l = !0,
     ...c
   } = t;
-  return /* @__PURE__ */ s(ge, { disabled: !r, container: a, children: [
+  return /* @__PURE__ */ s(pe, { disabled: !r, container: a, children: [
     l && /* @__PURE__ */ n(I.Backdrop, {}),
     /* @__PURE__ */ n(I.Positioner, { children: /* @__PURE__ */ n(I.Content, { ref: o, ...c, asChild: !1, children: i }) })
   ] });
-}), G = E.forwardRef(function(t, o) {
+}), G = D.forwardRef(function(t, o) {
   return /* @__PURE__ */ n(
     I.CloseTrigger,
     {
@@ -82,13 +82,13 @@ I.Trigger;
 const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
   const { reader: e } = X();
   return e;
-}, Ee = (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, wn = (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) => {
   const t = p(), o = W(t) ? t : void 0;
   return { data: f(
     () => o?.annotations.annotations$.pipe(
       z((r) => r.find((a) => a.id === e)),
       J(ye),
-      A((r) => o.locateResource(r))
+      O((r) => o.locateResource(r))
     ),
     [o]
   ) };
@@ -98,16 +98,16 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
   allowLeftIcon: o = !0
 }) => {
   const i = p(), { data: r } = wn(e), a = r?.meta.range?.toString() || r?.meta.node?.textContent;
-  return /* @__PURE__ */ n(y.Item, { children: /* @__PURE__ */ s(
-    pe,
+  return /* @__PURE__ */ n(T.Item, { children: /* @__PURE__ */ s(
+    me,
     {
       href: "#",
       onClick: () => {
         t(), i?.navigation.goToCfi(r?.meta.cfi ?? "");
       },
       children: [
-        r?.resource?.notes ? /* @__PURE__ */ n(y.Indicator, { asChild: !0, children: /* @__PURE__ */ n(te, {}) }) : o ? /* @__PURE__ */ n(y.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(te, {}) }) : null,
-        /* @__PURE__ */ s(T, { gap: 0, children: [
+        r?.resource?.notes ? /* @__PURE__ */ n(T.Indicator, { asChild: !0, children: /* @__PURE__ */ n(te, {}) }) : o ? /* @__PURE__ */ n(T.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(te, {}) }) : null,
+        /* @__PURE__ */ s(k, { gap: 0, children: [
           a ? /* @__PURE__ */ n(g, { lineClamp: 2, fontSize: "md", children: a }) : /* @__PURE__ */ s(g, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
             "Page ",
             (r?.meta.absolutePageIndex ?? 0) + 1
@@ -129,7 +129,7 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
   const e = p(), t = W(e) ? e : void 0;
   return { data: f(
     () => t?.annotations.annotations$.pipe(
-      A(
+      O(
         (i) => t.locateResource(i)
       )
     ),
@@ -142,7 +142,7 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
   };
 }, Pn = ({ onNavigate: e }) => {
   const { data: t } = Rn();
-  return /* @__PURE__ */ n(y.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(T.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ n(
     ze,
     {
       id: o.resource.id,
@@ -159,7 +159,7 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
   };
 }, On = ({ onNavigate: e }) => {
   const { data: t } = An();
-  return /* @__PURE__ */ n(y.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(T.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ n(
     ze,
     {
       id: o.resource.id,
@@ -168,36 +168,36 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
     },
     o.resource.id
   )) });
-}, En = m(
+}, Dn = m(
   ({
     onNavigate: e,
     defaultTab: t
   }) => {
-    const [o, i] = k(t ?? "bookmarks");
+    const [o, i] = S(t ?? "bookmarks");
     return /* @__PURE__ */ s(
-      P.Root,
+      A.Root,
       {
         value: o,
         onValueChange: (r) => i(r.value),
         children: [
-          /* @__PURE__ */ s(P.List, { children: [
-            /* @__PURE__ */ s(P.Trigger, { value: "bookmarks", children: [
+          /* @__PURE__ */ s(A.List, { children: [
+            /* @__PURE__ */ s(A.Trigger, { value: "bookmarks", children: [
               /* @__PURE__ */ n(Je, {}),
               "Bookmarks"
             ] }),
-            /* @__PURE__ */ s(P.Trigger, { value: "annotations", children: [
+            /* @__PURE__ */ s(A.Trigger, { value: "annotations", children: [
               /* @__PURE__ */ n(te, {}),
               "Annotations"
             ] }),
-            /* @__PURE__ */ n(P.Indicator, {})
+            /* @__PURE__ */ n(A.Indicator, {})
           ] }),
-          /* @__PURE__ */ n(P.Content, { value: "bookmarks", children: /* @__PURE__ */ n(On, { onNavigate: e }) }),
-          /* @__PURE__ */ n(P.Content, { value: "annotations", children: /* @__PURE__ */ n(Pn, { onNavigate: e }) })
+          /* @__PURE__ */ n(A.Content, { value: "bookmarks", children: /* @__PURE__ */ n(On, { onNavigate: e }) }),
+          /* @__PURE__ */ n(A.Content, { value: "annotations", children: /* @__PURE__ */ n(Pn, { onNavigate: e }) })
         ]
       }
     );
   }
-), Dn = m(
+), En = m(
   ({
     openWith: e,
     setOpen: t,
@@ -214,7 +214,7 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
       children: /* @__PURE__ */ s(V, { height: "100%", children: [
         /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Annotations" }) }),
         /* @__PURE__ */ n(Q, { flex: 1, children: /* @__PURE__ */ n(
-          En,
+          Dn,
           {
             onNavigate: o,
             defaultTab: e
@@ -236,7 +236,7 @@ const Z = I.ActionTrigger, X = () => $e(Oe), 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))
-    ) : se : se, [t, e, o])
+    ) : le : le, [t, e, o])
   };
 }, Mn = ({
   absolutePageIndex: e,
@@ -257,7 +257,7 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
     const { isReady: r } = Mn({
       absolutePageIndex: e
     }), { data: a } = ie(), l = a?.find(
-      (u) => u?.meta?.absolutePageIndex === e && u.meta.range === void 0
+      (h) => h?.meta?.absolutePageIndex === e && h.meta.range === void 0
     );
     if (!r) return null;
     const c = i * 0.1 / 2;
@@ -269,7 +269,7 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
         children: /* @__PURE__ */ n(
-          R,
+          P,
           {
             "data-bookmark-area": Ln,
             position: "absolute",
@@ -322,11 +322,11 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
         const {
           spineItem: l,
           spineItemPageIndex: c,
-          spineItemPagePosition: u,
+          spineItemPagePosition: h,
           pageSize: d
         } = r.page;
         if (cn(
-          u,
+          h,
           {
             type: "corner",
             corner: "top-right",
@@ -335,31 +335,31 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
           },
           d
         )) {
-          const h = e.spine.pages.fromSpineItemPageIndex(
+          const u = e.spine.pages.fromSpineItemPageIndex(
             l,
             c
           );
-          if (!h) return !0;
+          if (!u) return !0;
           const x = t?.find(
-            (w) => w?.meta?.absolutePageIndex === h.absolutePageIndex && w.meta.range === void 0
+            (w) => w?.meta?.absolutePageIndex === u.absolutePageIndex && w.meta.range === void 0
           );
           if (x)
             return e?.annotations.delete(x.resource.id), !1;
-          if (a?.[h.absolutePageIndex])
+          if (a?.[u.absolutePageIndex])
             return e?.annotations.annotateAbsolutePage({
-              absolutePageIndex: h.absolutePageIndex
+              absolutePageIndex: u.absolutePageIndex
             }), !1;
         }
         return !0;
       })
     )
   ) : void 0, [e, t]);
-}, le = Ue({
+}, ce = Ue({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), Wn = () => /* @__PURE__ */ n(ge, { children: /* @__PURE__ */ n(qe, { toaster: le, insetInline: { mdDown: "4" }, children: (e) => /* @__PURE__ */ s(M.Root, { width: { md: "sm" }, children: [
+}), Wn = () => /* @__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(T, { gap: "1", flex: "1", maxWidth: "100%", children: [
+  /* @__PURE__ */ s(k, { gap: "1", flex: "1", maxWidth: "100%", children: [
     e.title && /* @__PURE__ */ n(M.Title, { children: e.title }),
     e.description && /* @__PURE__ */ n(M.Description, { children: e.description })
   ] }),
@@ -376,11 +376,11 @@ const Z = I.ActionTrigger, X = () => $e(Oe), p = () => {
   right: 0
 };
 function jn() {
-  const [e, t] = k(null), [o, i] = k(Fn), r = Ie(
+  const [e, t] = S(null), [o, i] = S(Fn), r = ke(
     () => new ResizeObserver((a) => {
       if (a[0]) {
-        const { x: l, y: c, width: u, height: d, top: b, left: h, bottom: x, right: S } = a[0].contentRect;
-        i({ x: l, y: c, width: u, height: d, top: b, left: h, bottom: x, right: S });
+        const { x: l, y: c, width: h, height: d, top: b, left: u, bottom: x, right: y } = a[0].contentRect;
+        i({ x: l, y: c, width: h, height: d, top: b, left: u, bottom: x, right: y });
       }
     }),
     []
@@ -393,25 +393,25 @@ function jn() {
   }, [e, r]), [t, o, e];
 }
 const Vn = (e, t, o) => {
-  const i = p(), r = De(i) ? i : void 0;
-  D(() => {
+  const i = p(), r = Ee(i) ? i : void 0;
+  E(() => {
     if (!r || !e) return re;
     const a = t.layout.layout$.pipe(
       Fe(t.layout.layoutInfo),
-      he(dn)
-    ), l = un(
+      ge(dn)
+    ), l = hn(
       e
-    ).pipe(z((c) => c.some((u) => u.isIntersecting)));
+    ).pipe(z((c) => c.some((h) => h.isIntersecting)));
     return a.pipe(
       je(100, void 0, { trailing: !0 }),
-      A(() => l.pipe(
+      O(() => l.pipe(
         ue((c) => {
           c || (e.innerHTML = "");
         }),
         J((c) => c),
         Te()
       ).pipe(
-        A(() => (e.innerHTML = "", r?.gallery.snapshot(
+        O(() => (e.innerHTML = "", r?.gallery.snapshot(
           t,
           e,
           o
@@ -428,7 +428,7 @@ const Vn = (e, t, o) => {
       [a, e]
     );
     return /* @__PURE__ */ s(
-      R,
+      P,
       {
         width: "100%",
         aspectRatio: "2/3",
@@ -444,7 +444,7 @@ const Vn = (e, t, o) => {
         },
         children: [
           /* @__PURE__ */ n(
-            R,
+            P,
             {
               height: "100%",
               width: "100%",
@@ -489,7 +489,7 @@ const Vn = (e, t, o) => {
         children: /* @__PURE__ */ s(V, { height: "100%", children: [
           /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Gallery" }) }),
           /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ n(
-            R,
+            P,
             {
               gridTemplateColumns: [
                 "repeat(2, minmax(0, 1fr))",
@@ -517,7 +517,7 @@ const Vn = (e, t, o) => {
       }
     );
   }
-), Un = "@prose-reader/react-reader", qn = "1.235.0", Qn = m(
+), Un = "@prose-reader/react-reader", qn = "1.237.0", Qn = m(
   ({ open: e, setOpen: t }) => /* @__PURE__ */ n(
     Y,
     {
@@ -529,25 +529,43 @@ const Vn = (e, t, o) => {
       scrollBehavior: "inside",
       children: /* @__PURE__ */ s(V, { children: [
         /* @__PURE__ */ n(q, { children: /* @__PURE__ */ n(K, { children: "Help" }) }),
-        /* @__PURE__ */ s(Q, { overflowY: "auto", flex: 1, children: [
-          /* @__PURE__ */ n(xe, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-          /* @__PURE__ */ s(O, { mb: 1, children: [
-            /* @__PURE__ */ n(ve, { children: /* @__PURE__ */ n(en, {}) }),
-            " ",
-            /* @__PURE__ */ n(g, { children: "Navigate to right page" })
-          ] }),
-          /* @__PURE__ */ s(O, { mb: 1, children: [
-            /* @__PURE__ */ n(ve, { children: /* @__PURE__ */ n(nn, {}) }),
-            " ",
-            /* @__PURE__ */ n(g, { children: "Navigate to left page" })
-          ] }),
-          /* @__PURE__ */ n(xe, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
-          /* @__PURE__ */ s(g, { children: [
-            Un,
-            " version: ",
-            qn
-          ] })
-        ] }),
+        /* @__PURE__ */ s(
+          Q,
+          {
+            overflowY: "auto",
+            flex: 1,
+            display: "flex",
+            flexDirection: "column",
+            gap: 4,
+            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__ */ n(g, { children: "Navigate to right page" })
+                ] }),
+                /* @__PURE__ */ s(R, { mb: 1, children: [
+                  /* @__PURE__ */ n(ve, { 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__ */ s(k, { children: [
+                /* @__PURE__ */ n(ae, { mb: 2, as: "h3", size: "lg", children: "About" }),
+                /* @__PURE__ */ s(g, { children: [
+                  Un,
+                  " version: ",
+                  qn
+                ] })
+              ] })
+            ]
+          }
+        ),
         /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Z, { asChild: !0, children: /* @__PURE__ */ n(j, { variant: "outline", children: "Cancel" }) }) }),
         /* @__PURE__ */ n(G, {})
       ] })
@@ -573,12 +591,12 @@ const Vn = (e, t, o) => {
   const e = $(), t = Math.floor(
     (e?.percentageEstimateOfBook ?? 0) * 100
   ), o = t > 0 ? t : 1;
-  return e?.percentageEstimateOfBook === void 0 ? null : /* @__PURE__ */ n(R, { 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(P, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ s(g, { fontSize: "sm", children: [
     o,
     " %"
   ] }) });
 }, Zn = () => {
-  const [e, t] = k(/* @__PURE__ */ new Date());
+  const [e, t] = S(/* @__PURE__ */ new Date());
   return F(() => {
     const o = setInterval(() => {
       t(/* @__PURE__ */ new Date());
@@ -591,13 +609,13 @@ const Vn = (e, t, o) => {
     hour: "2-digit",
     minute: "2-digit"
   }) });
-}, me = () => {
+}, fe = () => {
   const { quickMenuSignal: e } = X();
   return [He(e), e.setValue, e];
 }, Jn = () => {
-  const [e] = me();
+  const [e] = fe();
   return /* @__PURE__ */ n(
-    R,
+    P,
     {
       position: "absolute",
       left: 0,
@@ -609,9 +627,9 @@ const Vn = (e, t, o) => {
   );
 }, et = () => {
   const e = p();
-  D(
+  E(
     () => e?.links$.subscribe((t) => {
-      if (t.type === "click" && hn(t.target, "a")) {
+      if (t.type === "click" && un(t.target, "a")) {
         if (!t.target.href) return;
         const o = new URL(t.target.href);
         window.location.host !== o.host && confirm(
@@ -623,11 +641,11 @@ const Vn = (e, t, o) => {
   );
 }, nt = () => {
   const e = p(), { notificationsSubject: t } = X();
-  D(
+  E(
     () => e?.zoom.isZooming$.pipe(
-      A((o) => {
-        if (!o) return se;
-        const i = new de();
+      O((o) => {
+        if (!o) return le;
+        const i = new he();
         return t.next({
           key: "zoom",
           title: "Zooming",
@@ -644,10 +662,10 @@ const Vn = (e, t, o) => {
   );
 }, tt = () => {
   const e = p(), { notificationsSubject: t } = X();
-  D(
+  E(
     () => e?.settings.values$.pipe(
       z(({ fontScale: o }) => o),
-      he(),
+      ge(),
       Re(1),
       ue((o) => {
         t.next({
@@ -661,11 +679,11 @@ const Vn = (e, t, o) => {
   );
 }, ot = () => {
   const { notificationsSubject: e } = X();
-  tt(), nt(), D(
+  tt(), nt(), E(
     () => e.pipe(
       J(ye),
       Ge((t) => {
-        const o = t.duration ?? 3e3, i = le.create({
+        const o = t.duration ?? 3e3, i = ce.create({
           title: t.title,
           description: t.description,
           duration: o
@@ -680,14 +698,14 @@ const Vn = (e, t, o) => {
         ).pipe(
           Te(),
           we(() => {
-            le.dismiss(i);
+            ce.dismiss(i);
           })
         );
       })
     ),
     [e]
   );
-}, rt = E.forwardRef(
+}, rt = D.forwardRef(
   function(t, o) {
     const {
       showArrow: i,
@@ -695,16 +713,16 @@ const Vn = (e, t, o) => {
       portalled: a = !0,
       content: l,
       portalRef: c,
-      ...u
+      ...h
     } = t;
     return /* @__PURE__ */ s(
       L.Root,
       {
-        ...u,
-        positioning: { ...u.positioning, gutter: 4 },
+        ...h,
+        positioning: { ...h.positioning, gutter: 4 },
         children: [
           /* @__PURE__ */ n(L.Trigger, { asChild: !0, children: r }),
-          /* @__PURE__ */ n(ge, { disabled: !a, container: c, children: /* @__PURE__ */ n(L.Positioner, { children: /* @__PURE__ */ s(
+          /* @__PURE__ */ n(pe, { disabled: !a, container: c, children: /* @__PURE__ */ n(L.Positioner, { children: /* @__PURE__ */ s(
             L.Content,
             {
               width: "auto",
@@ -723,7 +741,7 @@ const Vn = (e, t, o) => {
       }
     );
   }
-), it = E.forwardRef(function(t, o) {
+), it = D.forwardRef(function(t, o) {
   const { children: i, ...r } = t;
   return /* @__PURE__ */ n(rt, { content: i, ...r, ref: o, children: /* @__PURE__ */ n(
     v,
@@ -735,28 +753,28 @@ const Vn = (e, t, o) => {
       children: /* @__PURE__ */ n(vn, {})
     }
   ) });
-}), at = E.forwardRef(function(t, o) {
+}), at = D.forwardRef(function(t, o) {
   return /* @__PURE__ */ n(H.Track, { ...t, ref: o, children: /* @__PURE__ */ n(H.Range, {}) });
 });
-E.forwardRef(function(t, o) {
+D.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 })
   ] });
 });
-const st = H.Root, lt = H.ValueText, fe = () => {
+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] = [
     r,
     a
-  ].sort((b, h) => b - h), u = e?.beginPageIndexInSpineItem !== e?.endPageIndexInSpineItem || e?.beginSpineItemIndex !== e?.endSpineItemIndex, d = e?.hasChapters ? e?.beginNumberOfPagesInSpineItem : e?.numberOfTotalPages;
+  ].sort((b, u) => b - u), h = e?.beginPageIndexInSpineItem !== e?.endPageIndexInSpineItem || e?.beginSpineItemIndex !== e?.endSpineItemIndex, d = e?.hasChapters ? e?.beginNumberOfPagesInSpineItem : e?.numberOfTotalPages;
   return {
     hasOnlyOnePage: t,
     beginPageIndex: r,
     endPageIndex: a,
     isBeginWithinChapter: o,
     isEndWithinChapter: i,
-    beginAndEndAreDifferent: u,
+    beginAndEndAreDifferent: h,
     totalApproximatePages: d,
     leftPageIndex: l,
     rightPageIndex: c
@@ -768,14 +786,14 @@ const st = H.Root, lt = H.ValueText, fe = () => {
     rightPageIndex: i,
     totalApproximatePages: r,
     beginAndEndAreDifferent: a
-  } = fe(), l = Math.round((e?.percentageEstimateOfBook ?? 0) * 100), c = (d) => d?.subChapter ? `${d.title} / ${c(d.subChapter)}` : d?.title || "", u = c(e?.beginChapterInfo);
-  return /* @__PURE__ */ s(T, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
-    /* @__PURE__ */ n(st, { value: l, size: "xs", width: 150, children: /* @__PURE__ */ s(O, { justifyContent: "space-between", children: [
+  } = 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(g, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: u ? `Chapter: ${u}` : " " }),
-    !t && /* @__PURE__ */ s(O, { children: [
+    /* @__PURE__ */ n(g, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: h ? `Chapter: ${h}` : " " }),
+    !t && /* @__PURE__ */ s(R, { 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: "-" }),
@@ -817,8 +835,8 @@ const st = H.Root, lt = H.ValueText, fe = () => {
       children: e
     }
   )
-), dt = Ke(Cn), ut = m((e) => /* @__PURE__ */ n(
-  R,
+), dt = Ke(Cn), ht = m((e) => /* @__PURE__ */ n(
+  P,
   {
     display: "contents",
     css: {
@@ -871,12 +889,12 @@ const st = H.Root, lt = H.ValueText, fe = () => {
       }
     )
   }
-)), ht = () => {
-  const t = $()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: i = 0 } = fe(), r = t ? Math.floor((o || 0) / 2) : o, [a, l] = ke(
-    () => ce({
+)), ut = () => {
+  const t = $()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: i = 0 } = be(), r = t ? Math.floor((o || 0) / 2) : o, [a, l] = Ie(
+    () => de({
       default: r || 0
     })
-  ), c = 0, u = Math.max(
+  ), c = 0, h = Math.max(
     0,
     t ? Math.floor((i - 1) / 2) : i - 1
   );
@@ -886,39 +904,39 @@ const st = H.Root, lt = H.ValueText, fe = () => {
     value: a,
     valueSignal: l,
     min: c,
-    max: u
+    max: h
   };
 }, gt = (e) => {
-  const t = p(), o = $(), { manifest: i } = f(() => t?.context.state$, [t]) ?? {}, r = i?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = fe(), u = 1, d = c, { value: b, valueSignal: h, min: x, max: S } = ht(), w = N(
+  const t = p(), o = $(), { manifest: i } = f(() => t?.context.state$, [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(_) ? _ : [_];
-      h.setValue(C);
-      const be = a ? Math.floor(C) * 2 : Math.floor(C);
+      u.setValue(C);
+      const xe = a ? Math.floor(C) * 2 : Math.floor(C);
       d ? t?.navigation.goToPageOfSpineItem({
-        pageIndex: be,
+        pageIndex: xe,
         spineItemId: t.pagination.state.beginSpineItemIndex ?? 0,
         animation: !1
       }) : t?.navigation.goToAbsolutePageIndex({
-        absolutePageIndex: be,
+        absolutePageIndex: xe,
         animation: !1
       });
     },
-    [t, a, h, d]
+    [t, a, u, d]
   );
-  return D(
+  return E(
     () => t?.navigation.throttleLock({
       duration: 100,
-      trigger: h.subject
+      trigger: u.subject
     }),
-    [t, h]
-  ), l === 1 || a && l === 2 ? /* @__PURE__ */ n(R, { style: e.style }) : /* @__PURE__ */ n(
-    ut,
+    [t, u]
+  ), l === 1 || a && l === 2 ? /* @__PURE__ */ n(P, { style: e.style }) : /* @__PURE__ */ n(
+    ht,
     {
       value: [b],
-      max: S,
+      max: y,
       min: x,
       reverse: r,
-      step: u,
+      step: h,
       onChange: w,
       ...e
     }
@@ -928,7 +946,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
     open: e,
     onItemClick: t
   }) => {
-    const o = p(), i = f(() => o?.navigation.state$, [o]), a = f(() => o?.settings.values$, [o])?.computedPageTurnDirection === "vertical", [l, c] = k(!0);
+    const o = p(), i = f(() => o?.navigation.state$, [o]), a = f(() => o?.settings.values$, [o])?.computedPageTurnDirection === "vertical", [l, c] = S(!0);
     return /* @__PURE__ */ s(
       Be,
       {
@@ -940,7 +958,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
         pb: 8,
         children: [
           /* @__PURE__ */ s(
-            O,
+            R,
             {
               flex: 1,
               alignItems: "center",
@@ -960,7 +978,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
                   }
                 ),
                 /* @__PURE__ */ s(
-                  T,
+                  k,
                   {
                     flex: 1,
                     maxW: 400,
@@ -1000,17 +1018,17 @@ const st = H.Root, lt = H.ValueText, fe = () => {
               ]
             }
           ),
-          /* @__PURE__ */ n(O, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
-            ae.Root,
+          /* @__PURE__ */ n(R, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
+            se.Root,
             {
               open: l,
               flex: 1,
-              onOpenChange: ({ open: u }) => {
-                c(u);
+              onOpenChange: ({ open: h }) => {
+                c(h);
               },
               children: [
                 /* @__PURE__ */ n(
-                  ae.Trigger,
+                  se.Trigger,
                   {
                     paddingY: "3",
                     width: "100%",
@@ -1026,7 +1044,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
                     )
                   }
                 ),
-                /* @__PURE__ */ s(ae.Content, { display: "flex", justifyContent: "center", children: [
+                /* @__PURE__ */ s(se.Content, { display: "flex", justifyContent: "center", children: [
                   /* @__PURE__ */ n(
                     v,
                     {
@@ -1047,7 +1065,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
                       children: /* @__PURE__ */ n(rn, {})
                     }
                   ),
-                  Ee(o) && /* @__PURE__ */ n(
+                  De(o) && /* @__PURE__ */ n(
                     v,
                     {
                       "aria-label": "Search",
@@ -1091,7 +1109,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
                       children: /* @__PURE__ */ n(sn, {})
                     }
                   ),
-                  De(o) && /* @__PURE__ */ n(
+                  Ee(o) && /* @__PURE__ */ n(
                     v,
                     {
                       "aria-label": "Gallery",
@@ -1110,7 +1128,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
     );
   }
 ), mt = () => {
-  const [e, t] = k(!1), o = N(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+  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(() => {
     t(!0);
@@ -1148,11 +1166,11 @@ const st = H.Root, lt = H.ValueText, fe = () => {
               variant: "ghost",
               flexShrink: 0,
               onClick: () => t("back"),
-              children: /* @__PURE__ */ n(In, {})
+              children: /* @__PURE__ */ n(kn, {})
             }
           ),
           /* @__PURE__ */ n(
-            T,
+            k,
             {
               flex: 1,
               maxW: 600,
@@ -1163,7 +1181,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
               children: /* @__PURE__ */ n(g, { truncate: !0, maxWidth: "100%", children: i?.title })
             }
           ),
-          /* @__PURE__ */ s(O, { children: [
+          /* @__PURE__ */ s(R, { children: [
             /* @__PURE__ */ n(
               v,
               {
@@ -1172,7 +1190,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: () => t("more"),
-                children: /* @__PURE__ */ n(kn, {})
+                children: /* @__PURE__ */ n(In, {})
               }
             ),
             /* @__PURE__ */ n(
@@ -1195,7 +1213,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
   ({
     onItemClick: e
   }) => {
-    const [t] = me();
+    const [t] = fe();
     return /* @__PURE__ */ s(oe, { children: [
       /* @__PURE__ */ n(ft, { open: t, onItemClick: e }),
       /* @__PURE__ */ n(pt, { open: t, onItemClick: e })
@@ -1213,7 +1231,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
     const c = e.substring(
       Math.max(t - 15, 0),
       Math.max(t, 0)
-    ), u = e.substring(
+    ), h = e.substring(
       Math.min(t + o.length, e.length - 1),
       Math.min(
         t + o.length + 15,
@@ -1221,7 +1239,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
       )
     );
     return /* @__PURE__ */ s(
-      pe,
+      me,
       {
         href: i,
         style: { margin: 5, overflow: "hidden" },
@@ -1237,7 +1255,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
             '"',
             c,
             /* @__PURE__ */ n("b", { children: o }),
-            u,
+            h,
             '"'
           ] }),
           /* @__PURE__ */ n(g, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${a !== void 0 ? a + 1 : "unknown (not loaded)"}` })
@@ -1246,16 +1264,16 @@ const st = H.Root, lt = H.ValueText, fe = () => {
     );
   }
 ), vt = 500, Ct = () => {
-  const e = Se(() => new Ye("")), t = f(e), o = p(), i = Ee(o) ? o : void 0, r = f(() => e.pipe(
-    he(),
-    A(
+  const e = Se(() => new Ye("")), t = f(e), o = p(), i = De(o) ? o : void 0, r = f(() => e.pipe(
+    ge(),
+    O(
       (a) => a === "" || !i ? ee(void 0) : Pe(
         ee({
           type: "start",
           data: void 0
         }),
         Ae(vt).pipe(
-          A(() => i.search.search(a)),
+          O(() => i.search.search(a)),
           z((l) => ({ type: "end", data: l }))
         )
       )
@@ -1267,7 +1285,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
     status: r?.type ?? "idle",
     data: r?.data
   };
-}, It = m(
+}, kt = m(
   ({ onNavigate: e }) => {
     const t = p(), { value: o, setValue: i, status: r, data: a } = Ct(), l = (d) => {
       i(d.target.value);
@@ -1276,11 +1294,11 @@ const st = H.Root, lt = H.ValueText, fe = () => {
         e(), t?.navigation.goToCfi(d);
       },
       [t, e]
-    ), u = f(
+    ), h = f(
       () => t?.locateResource(a?.slice(0, 100) ?? []),
       [a]
     );
-    return /* @__PURE__ */ s(T, { flex: 1, height: "100%", gap: 2, children: [
+    return /* @__PURE__ */ s(k, { flex: 1, height: "100%", gap: 2, children: [
       /* @__PURE__ */ n(
         Ze,
         {
@@ -1297,7 +1315,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
         }
       ),
       /* @__PURE__ */ s(
-        T,
+        k,
         {
           style: { overflow: "hidden", overflowY: "auto" },
           overflow: "auto",
@@ -1306,12 +1324,12 @@ const st = H.Root, lt = H.ValueText, fe = () => {
           children: [
             r === "start" && /* @__PURE__ */ n(g, { children: "Searching ..." }),
             a?.length === 0 && /* @__PURE__ */ n(g, { children: "No results" }),
-            r === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ s(T, { children: [
+            r === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ s(k, { children: [
               /* @__PURE__ */ s(g, { fontSize: "md", children: [
                 a?.length,
                 " result(s)"
               ] }),
-              /* @__PURE__ */ n(T, { gap: 0, children: u?.map((d, b) => /* @__PURE__ */ n(
+              /* @__PURE__ */ n(k, { gap: 0, children: h?.map((d, b) => /* @__PURE__ */ n(
                 xt,
                 {
                   contextText: d.meta?.range?.startContainer.parentElement?.textContent ?? "",
@@ -1330,7 +1348,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
       )
     ] });
   }
-), kt = m(
+), It = m(
   ({
     open: e,
     setOpen: t,
@@ -1346,7 +1364,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
       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(It, { onNavigate: o }) }),
+        /* @__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(G, {})
       ] })
@@ -1356,38 +1374,38 @@ const st = H.Root, lt = H.ValueText, fe = () => {
   ({ onNavigate: e }) => {
     const t = p(), { manifest: o, assumedRenditionLayout: i } = f(() => t?.context.state$, [t]) ?? {}, { nav: r } = o ?? {}, a = $();
     r?.toc;
-    const { beginSpineItemIndex: l, beginPageIndexInSpineItem: c } = a ?? {}, u = (i === "reflowable" ? c : l) || 0;
+    const { beginSpineItemIndex: l, beginPageIndexInSpineItem: c } = a ?? {}, h = (i === "reflowable" ? c : l) || 0;
     let d = a?.beginChapterInfo;
     for (; d?.subChapter; )
       d = d?.subChapter;
-    const b = (h, x, S) => /* @__PURE__ */ s(Me.Fragment, { children: [
+    const b = (u, x, y) => /* @__PURE__ */ s(Me.Fragment, { children: [
       /* @__PURE__ */ n(
-        y.Item,
+        T.Item,
         {
-          pl: 4 * (S + 1),
+          pl: 4 * (y + 1),
           style: {
             display: "flex",
             alignItems: "center"
           },
           children: /* @__PURE__ */ s(
-            pe,
+            me,
             {
               onClick: () => {
-                e(), t?.navigation.goToUrl(h.href);
+                e(), t?.navigation.goToUrl(u.href);
               },
               href: "#",
               children: [
-                d?.path === h.path && /* @__PURE__ */ n(y.Indicator, { asChild: !0, children: /* @__PURE__ */ n(Ce, {}) }),
-                d?.path !== h.path && /* @__PURE__ */ n(y.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ n(Ce, {}) }),
-                /* @__PURE__ */ s(T, { gap: 0, children: [
-                  /* @__PURE__ */ n(g, { fontSize: "md", children: h.title || h.path }),
-                  d?.path === h.path && /* @__PURE__ */ n(
+                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, {}) }),
+                /* @__PURE__ */ s(k, { gap: 0, children: [
+                  /* @__PURE__ */ n(g, { fontSize: "md", children: u.title || u.path }),
+                  d?.path === u.path && /* @__PURE__ */ n(
                     g,
                     {
                       fontStyle: "italic",
                       fontWeight: "bold",
                       fontSize: "sm",
-                      children: `Currently on page ${u + 1}`
+                      children: `Currently on page ${h + 1}`
                     }
                   )
                 ] })
@@ -1396,11 +1414,11 @@ const st = H.Root, lt = H.ValueText, fe = () => {
           )
         }
       ),
-      h.contents.length > 0 && /* @__PURE__ */ n(y.Root, { as: "div", gap: 2, children: h.contents.map(
-        (w, B) => b(w, B, S + 1)
+      u.contents.length > 0 && /* @__PURE__ */ n(T.Root, { as: "div", gap: 2, children: u.contents.map(
+        (w, B) => b(w, B, y + 1)
       ) })
     ] }, x);
-    return /* @__PURE__ */ n(y.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: r?.toc.map((h, x) => b(h, x, 0)) });
+    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(
   ({
@@ -1429,11 +1447,11 @@ const st = H.Root, lt = H.ValueText, fe = () => {
   enableFloatingProgress: t = !0,
   onItemClick: o
 }) => {
-  const [i, r] = k(!1), [a, l] = k(!1), [c, u] = k(!1), [d, b] = k(void 0), [h, x] = k(!1), [S, w] = me(), B = N(() => {
-    r(!1), l(!1), u(!1), b(void 0), w(!1), x(!1);
+  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" ? u(!0) : C === "help" ? l(!0) : C === "toc" ? r(!0) : C === "bookmarks" ? b("bookmarks") : C === "gallery" && x(!0), o?.(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);
     },
     [o]
   );
@@ -1441,13 +1459,13 @@ const st = H.Root, lt = H.ValueText, fe = () => {
     t && /* @__PURE__ */ n(
       ne,
       {
-        present: !S,
+        present: !y,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
         children: /* @__PURE__ */ n(Kn, {})
       }
     ),
-    /* @__PURE__ */ n(Yn, { open: h, setOpen: x }),
+    /* @__PURE__ */ n(Yn, { open: u, setOpen: x }),
     /* @__PURE__ */ n(bt, { onItemClick: _ }),
     /* @__PURE__ */ n(_n, {}),
     /* @__PURE__ */ n(Qn, { open: a, setOpen: l }),
@@ -1460,15 +1478,15 @@ const st = H.Root, lt = H.ValueText, fe = () => {
       }
     ),
     /* @__PURE__ */ n(
-      kt,
+      It,
       {
         open: c,
-        setOpen: u,
+        setOpen: h,
         onNavigate: B
       }
     ),
     /* @__PURE__ */ n(
-      Dn,
+      En,
       {
         openWith: d,
         setOpen: (C) => b(C ? "annotations" : void 0),
@@ -1478,7 +1496,7 @@ const st = H.Root, lt = H.ValueText, fe = () => {
     /* @__PURE__ */ n(
       ne,
       {
-        present: e || S,
+        present: e || y,
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "slow",
         overflow: "hidden",