@prose-reader/react-reader 1.231.0 → 1.233.0

package/dist/annotations/bookmarks/BookmarkPageMarkers.d.ts

@@ -0,0 +1 @@
+export declare const BookmarkPageMarkers: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/annotations/useReaderWithAnnotations.d.ts

@@ -5,27 +5,26 @@ export declare const useReaderWithAnnotations: () => (Omit<Omit<Omit<Omit<{
     cfi: {
         generateCfiFromRange: (range: Range, item: import('@prose-reader/shared').Manifest[`spineItems`][number]) => string;
         parseCfi: (cfi: string) => {
+            isCfiRange: boolean;
             cleanedCfi: string;
-            itemIndex?: number;
-            offset?: number;
+            itemIndex: number;
+            offset: number;
         };
         generateCfiForSpineItemPage: (params: {
             pageIndex: number;
             spineItem: import('@prose-reader/core').SpineItem;
         }) => string;
-        resolveCfi: (params: Omit<Parameters<resolveCfi>[0], "spineItemsManager">) => {
-            node: Node | null | undefined;
-            isRange: boolean;
-            range: Range | null | undefined;
-            offset: number | undefined;
-            spineItem: import('@prose-reader/core').SpineItem;
-        } | {
-            spineItem: import('@prose-reader/core').SpineItem;
-            node?: undefined;
-            isRange?: undefined;
-            range?: undefined;
-            offset?: undefined;
-        } | undefined;
+        resolveCfi: (params: Omit<Parameters<resolveCfi>[0], "spineItemsManager">) => Omit<{
+            isCfiRange: boolean;
+            cleanedCfi: string;
+            itemIndex: number;
+            offset: number;
+        }, "offset"> & {
+            offset?: number | undefined;
+            node?: Node | null;
+            range?: Range | null;
+            spineItem?: import('@prose-reader/core').SpineItem;
+        };
     };
     navigation: {
         destroy: () => void;

package/dist/common/useSpineItemReady.d.ts

@@ -1,4 +1,7 @@
 export declare const useSpineItemReady: ({ absolutePageIndex, itemIndex, }: {
     absolutePageIndex?: number;
     itemIndex?: number;
-}) => boolean | undefined;
+}) => {
+    spineItem: import('@prose-reader/core').SpineItem | undefined;
+    isReady: boolean | undefined;
+};

package/dist/context/useReader.d.ts

@@ -9,27 +9,26 @@ export declare const useReader: () => (Omit<Omit<Omit<Omit<{
     cfi: {
         generateCfiFromRange: (range: Range, item: import('@prose-reader/shared').Manifest[`spineItems`][number]) => string;
         parseCfi: (cfi: string) => {
+            isCfiRange: boolean;
             cleanedCfi: string;
-            itemIndex?: number;
-            offset?: number;
+            itemIndex: number;
+            offset: number;
         };
         generateCfiForSpineItemPage: (params: {
             pageIndex: number;
             spineItem: import('@prose-reader/core').SpineItem;
         }) => string;
-        resolveCfi: (params: Omit<Parameters<resolveCfi>[0], "spineItemsManager">) => {
-            node: Node | null | undefined;
-            isRange: boolean;
-            range: Range | null | undefined;
-            offset: number | undefined;
-            spineItem: import('@prose-reader/core').SpineItem;
-        } | {
-            spineItem: import('@prose-reader/core').SpineItem;
-            node?: undefined;
-            isRange?: undefined;
-            range?: undefined;
-            offset?: undefined;
-        } | undefined;
+        resolveCfi: (params: Omit<Parameters<resolveCfi>[0], "spineItemsManager">) => Omit<{
+            isCfiRange: boolean;
+            cleanedCfi: string;
+            itemIndex: number;
+            offset: number;
+        }, "offset"> & {
+            offset?: number | undefined;
+            node?: Node | null;
+            range?: Range | null;
+            spineItem?: import('@prose-reader/core').SpineItem;
+        };
     };
     navigation: {
         destroy: () => void;

package/dist/index.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as c, Fragment as oe } from "react/jsx-runtime";
 import * as z from "react";
-import ze, { createContext as Ee, memo as g, useMemo as ce, useEffect as j, useContext as Be, useState as k, useLayoutEffect as Me, useCallback as N } from "react";
-import { signal as de, useSignalState as Ce, useConstant as Le, useLiveRef as $e, useSubscribe as E, useObserve as v, isDefined as Ie, useSignalValue as _e } from "reactjrx";
-import { Subject as he, tap as ue, map as L, filter as ee, switchMap as F, of as Ne, withLatestFrom as Fe, NEVER as re, startWith as ye, distinctUntilChanged as Se, throttleTime as He, first as Te, combineLatest as We, EMPTY as je, finalize as ke, mergeMap as Ge, skip as we, merge as Ve, timer as Ye } from "rxjs";
-import { IconButton as I, Portal as ge, Dialog as S, List as w, Link as pe, Stack as R, Text as f, Tabs as O, Button as G, Presence as te, Box as P, createToaster as Ue, Toaster as qe, Toast as B, Spinner as Qe, Heading as le, HStack as D, Kbd as xe, Popover as M, Progress as H, chakra as Ke, Collapsible as se, Input as Ze } from "@chakra-ui/react";
+import Be, { createContext as Me, memo as g, useMemo as Ce, useEffect as j, useContext as Le, useState as T, useLayoutEffect as $e, useCallback as N } from "react";
+import { signal as de, useSignalState as Ie, useConstant as _e, useLiveRef as Ne, useSubscribe as E, useObserve as v, isDefined as ye, useSignalValue as Fe } from "reactjrx";
+import { Subject as he, tap as ue, map as B, filter as ee, switchMap as F, EMPTY as le, of as Se, withLatestFrom as He, NEVER as re, startWith as ke, distinctUntilChanged as Te, throttleTime as We, first as we, combineLatest as je, finalize as Pe, mergeMap as Ge, skip as Re, merge as Ve, timer as Ye } from "rxjs";
+import { IconButton as I, Portal as ge, Dialog as S, List as w, Link as pe, Stack as R, Text as f, Tabs as O, Button as G, Presence as te, Box as P, createToaster as Ue, Toaster as qe, Toast as M, Spinner as Qe, Heading as ae, HStack as D, Kbd as xe, 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 ne, LuBookmark as Je, LuArrowBigRight as et, LuArrowBigLeft as tt, LuChevronDown as nt, LuCircleHelp as ot, LuTableOfContents as rt, LuSearch as it, LuGalleryHorizontal as st, LuCircleCheck as ve } from "react-icons/lu";
 import { createPortal as lt } from "react-dom";
 import { isPositionInArea as at } from "@prose-reader/enhancer-gestures";
@@ -16,7 +16,7 @@ import vt from "rc-slider";
 import "rc-slider/assets/index.css";
 import { IoIosArrowBack as Ct, IoMdMore as It } from "react-icons/io";
 import { MdFullscreenExit as yt, MdFullscreen as St } from "react-icons/md";
-const Pe = Ee({
+const Ae = Me({
   reader: void 0,
   quickMenuSignal: de({ default: !1 }),
   notificationsSubject: new he()
@@ -27,13 +27,13 @@ const Pe = Ee({
     quickMenuOpen: o,
     onQuickMenuOpenChange: r
   }) => {
-    const [, i] = Ce(
+    const [, i] = Ie(
       () => de({
         default: o
       })
-    ), s = Le(
+    ), s = _e(
       () => new he()
-    ), d = $e(r), l = ce(
+    ), d = Ne(r), l = Ce(
       () => ({
         quickMenuSignal: i,
         reader: n,
@@ -46,9 +46,9 @@ const Pe = Ee({
     }, [o, i]), E(
       () => i.pipe(ue(d.current)),
       [i, d]
-    ), /* @__PURE__ */ t(Pe.Provider, { value: l, children: e });
+    ), /* @__PURE__ */ t(Ae.Provider, { value: l, children: e });
   }
-), Tt = z.forwardRef(function(n, o) {
+), kt = z.forwardRef(function(n, o) {
   return /* @__PURE__ */ t(I, { variant: "ghost", "aria-label": "Close", ref: o, ...n, children: n.children ?? /* @__PURE__ */ t(Xe, {}) });
 }), V = z.forwardRef(function(n, o) {
   const {
@@ -71,7 +71,7 @@ const Pe = Ee({
       insetEnd: "2",
       ...n,
       asChild: !0,
-      children: /* @__PURE__ */ t(Tt, { size: "sm", ref: o, children: n.children })
+      children: /* @__PURE__ */ t(kt, { size: "sm", ref: o, children: n.children })
     }
   );
 }), U = S.Root, q = S.Footer, Q = S.Header, K = S.Body;
@@ -79,25 +79,25 @@ S.Backdrop;
 const Z = S.Title;
 S.Description;
 S.Trigger;
-const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
+const X = S.ActionTrigger, J = () => Le(Ae), p = () => {
   const { reader: e } = J();
   return e;
-}, Re = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, W = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, Ae = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, kt = (e) => {
+}, Oe = (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, Tt = (e) => {
   const n = p(), o = W(n) ? n : void 0;
   return { data: v(
     () => o == null ? void 0 : o.annotations.annotations$.pipe(
-      L((i) => i.find((s) => s.id === e)),
-      ee(Ie),
+      B((i) => i.find((s) => s.id === e)),
+      ee(ye),
       F((i) => o.locateResource(i))
     ),
     [o]
   ) };
-}, Oe = ({
+}, ze = ({
   id: e,
   onNavigate: n
 }) => {
   var i, s;
-  const o = p(), { data: r } = kt(e);
+  const o = p(), { data: r } = Tt(e);
   return /* @__PURE__ */ t(w.Item, { children: /* @__PURE__ */ c(
     pe,
     {
@@ -135,7 +135,7 @@ const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
 }, wt = ({ onNavigate: e }) => {
   const { data: n } = ie();
   return /* @__PURE__ */ t(w.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ t(
-    Oe,
+    ze,
     {
       id: o.resource.id,
       onNavigate: e
@@ -145,12 +145,14 @@ const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
 }, Pt = () => {
   const { data: e } = ie();
   return {
-    data: e == null ? void 0 : e.filter((n) => !n.meta.range)
+    data: e == null ? void 0 : e.filter(
+      (n) => !n.meta.isCfiRange && !n.resource.notes
+    )
   };
 }, Rt = ({ onNavigate: e }) => {
   const { data: n } = Pt();
   return /* @__PURE__ */ t(w.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: n == null ? void 0 : n.map((o) => /* @__PURE__ */ t(
-    Oe,
+    ze,
     {
       id: o.resource.id,
       onNavigate: e
@@ -162,7 +164,7 @@ const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
     onNavigate: e,
     defaultTab: n
   }) => {
-    const [o, r] = k(n ?? "bookmarks");
+    const [o, r] = T(n ?? "bookmarks");
     return /* @__PURE__ */ c(
       O.Root,
       {
@@ -221,31 +223,21 @@ const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
   absolutePageIndex: e,
   itemIndex: n
 }) => {
-  const o = p(), r = v(
-    () => o == null ? void 0 : o.spine.spineItemsManager.items$,
-    [o]
-  );
+  const o = p();
   return {
-    spineItem: ce(() => {
-      if (n !== void 0)
-        return o == null ? void 0 : o.spine.spineItemsManager.get(n);
-      if (e !== void 0) {
-        const { itemIndex: s } = (o == null ? void 0 : o.spine.locator.getSpineInfoFromAbsolutePageIndex({
-          absolutePageIndex: e
-        })) ?? {};
-        return o == null ? void 0 : o.spine.spineItemsManager.get(s);
-      }
-    }, [n, e, o, r])
+    spineItem: v(() => o ? n !== void 0 ? Se(o.spine.spineItemsManager.get(n)) : e !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(e).pipe(
+      B((i) => o.spine.spineItemsManager.get(i == null ? void 0 : i.itemIndex))
+    ) : le : le, [n, e, o])
   };
 }, Et = ({
   absolutePageIndex: e,
   itemIndex: n
 }) => {
-  const { spineItem: o } = zt({ absolutePageIndex: e, itemIndex: n });
-  return v(
-    () => (o == null ? void 0 : o.isReady$) ?? Ne(!1),
+  const { spineItem: o } = zt({ absolutePageIndex: e, itemIndex: n }), r = v(
+    () => (o == null ? void 0 : o.isReady$) ?? Se(!1),
     [o]
   );
+  return { spineItem: o, isReady: r };
 }, Bt = "data-bookmark-area", Mt = g(
   ({
     absolutePageIndex: e,
@@ -253,7 +245,9 @@ const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
     top: o,
     width: r
   }) => {
-    const i = Et({ absolutePageIndex: e }), { data: s } = ie(), d = s == null ? void 0 : s.find(
+    const { isReady: i } = Et({
+      absolutePageIndex: e
+    }), { data: s } = ie(), d = s == null ? void 0 : s.find(
       (u) => {
         var a;
         return ((a = u == null ? void 0 : u.meta) == null ? void 0 : a.absolutePageIndex) === e && u.meta.range === void 0;
@@ -316,8 +310,8 @@ const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
   j(() => e ? e.gestures.hooks.register(
     "beforeTapGesture",
     ({ event$: r }) => r.pipe(
-      Fe(e == null ? void 0 : e.annotations.candidates$),
-      L(([i, s]) => {
+      He(e == null ? void 0 : e.annotations.candidates$),
+      B(([i, s]) => {
         if (!i.page) return !0;
         const {
           spineItem: d,
@@ -342,8 +336,8 @@ const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
           if (!h) return !0;
           const b = n == null ? void 0 : n.find(
             (C) => {
-              var T;
-              return ((T = C == null ? void 0 : C.meta) == null ? void 0 : T.absolutePageIndex) === h.absolutePageIndex && C.meta.range === void 0;
+              var k;
+              return ((k = C == null ? void 0 : C.meta) == null ? void 0 : k.absolutePageIndex) === h.absolutePageIndex && C.meta.range === void 0;
             }
           );
           if (b)
@@ -357,19 +351,19 @@ const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
       })
     )
   ) : void 0, [e, n]);
-}, ae = Ue({
+}, ce = Ue({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), Nt = () => /* @__PURE__ */ t(ge, { children: /* @__PURE__ */ t(qe, { toaster: ae, insetInline: { mdDown: "4" }, children: (e) => {
+}), Nt = () => /* @__PURE__ */ t(ge, { children: /* @__PURE__ */ t(qe, { toaster: ce, insetInline: { mdDown: "4" }, children: (e) => {
   var n;
-  return /* @__PURE__ */ c(B.Root, { width: { md: "sm" }, children: [
-    e.type === "loading" ? /* @__PURE__ */ t(Qe, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ t(B.Indicator, {}),
+  return /* @__PURE__ */ c(M.Root, { width: { md: "sm" }, children: [
+    e.type === "loading" ? /* @__PURE__ */ t(Qe, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ t(M.Indicator, {}),
     /* @__PURE__ */ c(R, { gap: "1", flex: "1", maxWidth: "100%", children: [
-      e.title && /* @__PURE__ */ t(B.Title, { children: e.title }),
-      e.description && /* @__PURE__ */ t(B.Description, { children: e.description })
+      e.title && /* @__PURE__ */ t(M.Title, { children: e.title }),
+      e.description && /* @__PURE__ */ t(M.Description, { children: e.description })
     ] }),
-    e.action && /* @__PURE__ */ t(B.ActionTrigger, { children: e.action.label }),
-    ((n = e.meta) == null ? void 0 : n.closable) && /* @__PURE__ */ t(B.CloseTrigger, {})
+    e.action && /* @__PURE__ */ t(M.ActionTrigger, { children: e.action.label }),
+    ((n = e.meta) == null ? void 0 : n.closable) && /* @__PURE__ */ t(M.CloseTrigger, {})
   ] });
 } }) }), Ft = {
   x: 0,
@@ -382,7 +376,7 @@ const X = S.ActionTrigger, J = () => Be(Pe), p = () => {
   right: 0
 };
 function Ht() {
-  const [e, n] = k(null), [o, r] = k(Ft), i = ce(
+  const [e, n] = T(null), [o, r] = T(Ft), i = Ce(
     () => new ResizeObserver((s) => {
       if (s[0]) {
         const { x: d, y: l, width: u, height: a, top: m, left: h, bottom: b, right: y } = s[0].contentRect;
@@ -391,7 +385,7 @@ function Ht() {
     }),
     []
   );
-  return Me(() => {
+  return $e(() => {
     if (e)
       return i.observe(e), () => {
         i.disconnect();
@@ -399,23 +393,23 @@ function Ht() {
   }, [e, i]), [n, o, e];
 }
 const Wt = (e, n, o) => {
-  const r = p(), i = Ae(r) ? r : void 0;
+  const r = p(), i = De(r) ? r : void 0;
   E(() => {
     if (!i || !e) return re;
     const s = n.layout.layout$.pipe(
-      ye(n.layout.layoutInfo),
-      Se(ct)
+      ke(n.layout.layoutInfo),
+      Te(ct)
     ), d = dt(
       e
-    ).pipe(L((l) => l.some((u) => u.isIntersecting)));
+    ).pipe(B((l) => l.some((u) => u.isIntersecting)));
     return s.pipe(
-      He(100, void 0, { trailing: !0 }),
+      We(100, void 0, { trailing: !0 }),
       F(() => d.pipe(
         ue((l) => {
           l || (e.innerHTML = "");
         }),
         ee((l) => l),
-        Te()
+        we()
       ).pipe(
         F(() => (e.innerHTML = "", i == null ? void 0 : i.gallery.snapshot(
           n,
@@ -530,7 +524,7 @@ const Wt = (e, n, o) => {
       }
     );
   }
-), Vt = "@prose-reader/react-reader", Yt = "1.230.0", Ut = g(
+), Vt = "@prose-reader/react-reader", Yt = "1.232.0", Ut = g(
   ({
     open: e,
     setOpen: n
@@ -546,7 +540,7 @@ const Wt = (e, n, o) => {
       children: /* @__PURE__ */ c(V, { children: [
         /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(Z, { children: "Help" }) }),
         /* @__PURE__ */ c(K, { overflowY: "auto", flex: 1, children: [
-          /* @__PURE__ */ t(le, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+          /* @__PURE__ */ t(ae, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
           /* @__PURE__ */ c(D, { mb: 1, children: [
             /* @__PURE__ */ t(xe, { children: /* @__PURE__ */ t(et, {}) }),
             " ",
@@ -557,7 +551,7 @@ const Wt = (e, n, o) => {
             " ",
             /* @__PURE__ */ t(f, { children: "Navigate to left page" })
           ] }),
-          /* @__PURE__ */ t(le, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
+          /* @__PURE__ */ t(ae, { mb: 2, mt: 4, as: "h3", size: "lg", children: "About" }),
           /* @__PURE__ */ c(f, { children: [
             Vt,
             " version: ",
@@ -572,8 +566,8 @@ const Wt = (e, n, o) => {
 ), $ = () => {
   const e = p();
   return v(
-    () => e ? We([e.pagination.state$, e.context.state$]).pipe(
-      L(([n, o]) => {
+    () => e ? je([e.pagination.state$, e.context.state$]).pipe(
+      B(([n, o]) => {
         var i;
         const r = (i = o.manifest) == null ? void 0 : i.spineItems.every(
           (s) => {
@@ -598,7 +592,7 @@ const Wt = (e, n, o) => {
     " %"
   ] }) });
 }, Qt = () => {
-  const [e, n] = k(/* @__PURE__ */ new Date());
+  const [e, n] = T(/* @__PURE__ */ new Date());
   return j(() => {
     const o = setInterval(() => {
       n(/* @__PURE__ */ new Date());
@@ -613,7 +607,7 @@ const Wt = (e, n, o) => {
   }) });
 }, me = () => {
   const { quickMenuSignal: e } = J();
-  return [_e(e), e.setValue, e];
+  return [Fe(e), e.setValue, e];
 }, Zt = () => {
   const [e] = me();
   return /* @__PURE__ */ t(
@@ -646,7 +640,7 @@ const Wt = (e, n, o) => {
   E(
     () => e == null ? void 0 : e.zoom.isZooming$.pipe(
       F((o) => {
-        if (!o) return je;
+        if (!o) return le;
         const r = new he();
         return n.next({
           key: "zoom",
@@ -654,7 +648,7 @@ const Wt = (e, n, o) => {
           duration: 999999,
           abort: r
         }), re.pipe(
-          ke(() => {
+          Pe(() => {
             r.next(), r.complete();
           })
         );
@@ -666,9 +660,9 @@ const Wt = (e, n, o) => {
   const e = p(), { notificationsSubject: n } = J();
   E(
     () => e == null ? void 0 : e.settings.values$.pipe(
-      L(({ fontScale: o }) => o),
-      Se(),
-      we(1),
+      B(({ fontScale: o }) => o),
+      Te(),
+      Re(1),
       ue((o) => {
         n.next({
           key: "fontScaleChange",
@@ -683,14 +677,14 @@ const Wt = (e, n, o) => {
   const { notificationsSubject: e } = J();
   en(), Jt(), E(
     () => e.pipe(
-      ee(Ie),
+      ee(ye),
       Ge((n) => {
-        const o = n.duration ?? 3e3, r = ae.create({
+        const o = n.duration ?? 3e3, r = ce.create({
           title: n.title,
           description: n.description,
           duration: o
         }), i = e.pipe(
-          we(1),
+          Re(1),
           ee((s) => !!n.key && (s == null ? void 0 : s.key) === n.key)
         );
         return Ve(
@@ -698,9 +692,9 @@ const Wt = (e, n, o) => {
           n.abort ?? re,
           i
         ).pipe(
-          Te(),
-          ke(() => {
-            ae.dismiss(r);
+          we(),
+          Pe(() => {
+            ce.dismiss(r);
           })
         );
       })
@@ -718,14 +712,14 @@ const Wt = (e, n, o) => {
       ...u
     } = n;
     return /* @__PURE__ */ c(
-      M.Root,
+      L.Root,
       {
         ...u,
         positioning: { ...u.positioning, gutter: 4 },
         children: [
-          /* @__PURE__ */ t(M.Trigger, { asChild: !0, children: i }),
-          /* @__PURE__ */ t(ge, { disabled: !s, container: l, children: /* @__PURE__ */ t(M.Positioner, { children: /* @__PURE__ */ c(
-            M.Content,
+          /* @__PURE__ */ t(L.Trigger, { asChild: !0, children: i }),
+          /* @__PURE__ */ t(ge, { disabled: !s, container: l, children: /* @__PURE__ */ t(L.Positioner, { children: /* @__PURE__ */ c(
+            L.Content,
             {
               width: "auto",
               px: "2",
@@ -734,7 +728,7 @@ const Wt = (e, n, o) => {
               rounded: "sm",
               ref: o,
               children: [
-                r && /* @__PURE__ */ t(M.Arrow, { children: /* @__PURE__ */ t(M.ArrowTip, {}) }),
+                r && /* @__PURE__ */ t(L.Arrow, { children: /* @__PURE__ */ t(L.ArrowTip, {}) }),
                 d
               ]
             }
@@ -807,7 +801,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
       ] })
     ] })
   ] });
-}, De = g(
+}, Ee = g(
   ({
     children: e,
     position: n,
@@ -892,7 +886,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
     )
   }
 )), hn = () => {
-  const e = $(), n = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = fe(), i = n ? Math.floor((o || 0) / 2) : o, [s, d] = Ce(
+  const e = $(), n = e == null ? void 0 : e.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = fe(), i = n ? Math.floor((o || 0) / 2) : o, [s, d] = Ie(
     () => de({
       default: i || 0
     })
@@ -948,9 +942,9 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
     open: e,
     onItemClick: n
   }) => {
-    const o = p(), r = v(() => o == null ? void 0 : o.navigation.state$, [o]), i = v(() => o == null ? void 0 : o.settings.values$, [o]), s = (i == null ? void 0 : i.computedPageTurnDirection) === "vertical", [d, l] = k(!0);
+    const o = p(), r = v(() => o == null ? void 0 : o.navigation.state$, [o]), i = v(() => o == null ? void 0 : o.settings.values$, [o]), s = (i == null ? void 0 : i.computedPageTurnDirection) === "vertical", [d, l] = T(!0);
     return /* @__PURE__ */ c(
-      De,
+      Ee,
       {
         present: e,
         position: "bottom",
@@ -1067,7 +1061,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
                       children: /* @__PURE__ */ t(rt, {})
                     }
                   ),
-                  Re(o) && /* @__PURE__ */ t(
+                  Oe(o) && /* @__PURE__ */ t(
                     I,
                     {
                       "aria-label": "Search",
@@ -1111,7 +1105,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
                       children: /* @__PURE__ */ t(st, {})
                     }
                   ),
-                  Ae(o) && /* @__PURE__ */ t(
+                  De(o) && /* @__PURE__ */ t(
                     I,
                     {
                       "aria-label": "Gallery",
@@ -1130,7 +1124,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
     );
   }
 ), pn = () => {
-  const [e, n] = k(!1), o = N(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+  const [e, n] = T(!1), o = N(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
     n(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
     n(!0);
@@ -1153,7 +1147,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
   }) => {
     const o = p(), r = v(() => o == null ? void 0 : o.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: s } = pn();
     return /* @__PURE__ */ c(
-      De,
+      Ee,
       {
         present: e,
         position: "top",
@@ -1269,7 +1263,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
   ({
     onNavigate: e
   }) => {
-    const [n, o] = k(""), r = p(), i = Re(r) ? r : void 0, s = (h) => {
+    const [n, o] = T(""), r = p(), i = Oe(r) ? r : void 0, s = (h) => {
       o(h.target.value);
     }, d = N(
       (h) => {
@@ -1278,8 +1272,8 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
       [r, e]
     ), l = v(
       () => i == null ? void 0 : i.search.search(n).pipe(
-        L((h) => ({ type: "end", data: h })),
-        ye({ type: "start" })
+        B((h) => ({ type: "end", data: h })),
+        ke({ type: "start" })
       ),
       [r, n]
     ), u = (l == null ? void 0 : l.type) === "start", a = (l == null ? void 0 : l.type) === "end" ? l.data : [], m = v(
@@ -1308,16 +1302,16 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
             u && /* @__PURE__ */ t(f, { children: "Searching ..." }),
             !u && a.length === 0 && /* @__PURE__ */ t("p", { children: "There are no results" }),
             !u && a.length >= 0 && /* @__PURE__ */ c(R, { children: [
-              /* @__PURE__ */ c(le, { as: "h2", size: "md", children: [
+              /* @__PURE__ */ c(ae, { as: "h2", size: "md", children: [
                 a.length,
                 " result(s)"
               ] }),
               /* @__PURE__ */ t(R, { gap: 0, children: m == null ? void 0 : m.map((h, b) => {
-                var y, C, T, A, x, _, be;
+                var y, C, k, A, x, _, be;
                 return /* @__PURE__ */ t(
                   bn,
                   {
-                    contextText: ((T = (C = (y = h.meta) == null ? void 0 : y.range) == null ? void 0 : C.startContainer.parentElement) == null ? void 0 : T.textContent) ?? "",
+                    contextText: ((k = (C = (y = h.meta) == null ? void 0 : y.range) == null ? void 0 : C.startContainer.parentElement) == null ? void 0 : k.textContent) ?? "",
                     pageIndex: (A = h.meta) == null ? void 0 : A.itemPageIndex,
                     startOffset: ((_ = (x = h.meta) == null ? void 0 : x.range) == null ? void 0 : _.startOffset) ?? 0,
                     text: n,
@@ -1366,7 +1360,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
     let a = s == null ? void 0 : s.beginChapterInfo;
     for (; a != null && a.subChapter; )
       a = a == null ? void 0 : a.subChapter;
-    const m = (h, b, y) => /* @__PURE__ */ c(ze.Fragment, { children: [
+    const m = (h, b, y) => /* @__PURE__ */ c(Be.Fragment, { children: [
       /* @__PURE__ */ t(
         w.Item,
         {
@@ -1403,7 +1397,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
         }
       ),
       h.contents.length > 0 && /* @__PURE__ */ t(w.Root, { as: "div", gap: 2, children: h.contents.map(
-        (C, T) => m(C, T, y + 1)
+        (C, k) => m(C, k, y + 1)
       ) })
     ] }, b);
     return /* @__PURE__ */ t(w.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i == null ? void 0 : i.toc.map((h, b) => m(h, b, 0)) });
@@ -1435,7 +1429,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
   enableFloatingProgress: n = !0,
   onItemClick: o
 }) => {
-  const [r, i] = k(!1), [s, d] = k(!1), [l, u] = k(!1), [a, m] = k(void 0), [h, b] = k(!1), [y, C] = me(), T = N(() => {
+  const [r, i] = T(!1), [s, d] = T(!1), [l, u] = T(!1), [a, m] = T(void 0), [h, b] = T(!1), [y, C] = me(), k = N(() => {
     i(!1), d(!1), u(!1), m(void 0), C(!1), b(!1);
   }, [C]), A = N(
     (x) => {
@@ -1462,7 +1456,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
       {
         open: r,
         setOpen: i,
-        onNavigate: T
+        onNavigate: k
       }
     ),
     /* @__PURE__ */ t(
@@ -1470,7 +1464,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
       {
         open: l,
         setOpen: u,
-        onNavigate: T
+        onNavigate: k
       }
     ),
     /* @__PURE__ */ t(
@@ -1478,7 +1472,7 @@ const sn = H.Root, ln = H.ValueText, fe = () => {
       {
         openWith: a,
         setOpen: (x) => m(x ? "annotations" : void 0),
-        onNavigate: T
+        onNavigate: k
       }
     ),
     /* @__PURE__ */ t(