@prose-reader/react-reader 1.189.0 → 1.191.0

package/dist/index.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as c, Fragment as U } from "react/jsx-runtime";
 import * as D from "react";
-import fe, { createContext as me, memo as f, useMemo as be, useEffect as Q, useContext as le, useState as w, useCallback as M } from "react";
+import fe, { createContext as me, memo as f, useMemo as be, useEffect as Q, useContext as le, useState as y, useCallback as M } from "react";
 import { signal as xe, useSignal as se, useLiveRef as Ce, useSubscribe as ae, useObserve as b, useSignalValue as ve } from "reactjrx";
 import { tap as ke, switchMap as ce, NEVER as Ie, combineLatest as Se, map as de, startWith as Pe } from "rxjs";
-import { IconButton as m, Portal as he, Dialog as k, List as S, Link as G, Stack as P, Text as p, Button as E, Presence as q, Box as A, Heading as W, HStack as O, Kbd as re, Popover as z, Progress as _, chakra as Te, Collapsible as K, Input as we } from "@chakra-ui/react";
-import { LuX as ye, LuNotebookPen as X, LuArrowBigRight as Re, LuArrowBigLeft as Oe, LuChevronDown as De, LuCircleHelp as ze, LuTableOfContents as Ae, LuSearch as Ee, LuCircleCheck as ie } from "react-icons/lu";
+import { IconButton as m, Portal as he, Dialog as k, List as S, Link as G, Stack as P, Text as p, Button as E, Presence as q, Box as A, Heading as W, HStack as O, Kbd as re, Popover as z, Progress as _, chakra as we, Collapsible as K, Input as ye } from "@chakra-ui/react";
+import { LuX as Te, LuNotebookPen as X, LuArrowBigRight as Re, LuArrowBigLeft as Oe, LuChevronDown as De, LuCircleHelp as ze, LuTableOfContents as Ae, LuSearch as Ee, LuCircleCheck as ie } from "react-icons/lu";
 import { createPortal as Be } from "react-dom";
 import { BsBookmarkPlus as Me, BsBookmarkXFill as _e, BsBookmarks as Le } from "react-icons/bs";
 import { RxDoubleArrowUp as $e, RxDoubleArrowLeft as Ne, RxDoubleArrowDown as Fe, RxDoubleArrowRight as He } from "react-icons/rx";
@@ -40,7 +40,7 @@ const J = me({
     ), /* @__PURE__ */ e(J.Provider, { value: a, children: n });
   }
 ), Ge = D.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(m, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(ye, {}) });
+  return /* @__PURE__ */ e(m, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(Te, {}) });
 }), L = D.forwardRef(function(t, o) {
   const {
     children: r,
@@ -70,12 +70,12 @@ k.Backdrop;
 const V = k.Title;
 k.Description;
 k.Trigger;
-const Y = k.ActionTrigger, y = () => {
+const Y = k.ActionTrigger, T = () => {
   const { reader: n } = le(J);
   return n;
 }, ue = (n) => !!n && "__PROSE_READER_ENHANCER_SEARCH" in n, Z = (n) => !!n && "__PROSE_READER_ENHANCER_BOOKMARKS" in n, ge = (n) => !!n && "__PROSE_READER_ENHANCER_ANNOTATIONS" in n, Ke = f(
   ({ onNavigate: n }) => {
-    const t = y(), o = ge(t) ? t : void 0, r = b(
+    const t = T(), o = ge(t) ? t : void 0, r = b(
       () => o == null ? void 0 : o.annotations.highlights$.pipe(
         ce(
           (i) => o.pagination.locate(i)
@@ -136,7 +136,7 @@ const Y = k.ActionTrigger, y = () => {
     }
   )
 ), Xe = f(() => {
-  const n = y(), t = Z(n) ? n : void 0, o = b(() => n == null ? void 0 : n.spine.element$, [n]), r = b(
+  const n = T(), t = Z(n) ? n : void 0, o = b(() => n == null ? void 0 : n.spine.element$, [n]), r = b(
     () => t == null ? void 0 : t.bookmarks.pages$,
     [t]
   ), l = b(
@@ -175,6 +175,8 @@ const Y = k.ActionTrigger, y = () => {
                   m,
                   {
                     "aria-label": "bookmark",
+                    opacity: 0.5,
+                    _hover: { opacity: 1 },
                     onClick: () => {
                       d && (t == null || t.bookmarks.delete(
                         d == null ? void 0 : d.id
@@ -193,6 +195,9 @@ const Y = k.ActionTrigger, y = () => {
                       t == null || t.bookmarks.bookmark(g);
                     },
                     size: "lg",
+                    bgColor: "white",
+                    opacity: 0.5,
+                    _hover: { opacity: 1 },
                     variant: "ghost",
                     _icon: { boxSize: "36px" },
                     children: /* @__PURE__ */ e(Me, {})
@@ -209,7 +214,7 @@ const Y = k.ActionTrigger, y = () => {
   ) }) : null;
 }), Je = f(
   ({ onNavigate: n }) => {
-    const t = y(), o = Z(t) ? t : void 0, r = b(
+    const t = T(), o = Z(t) ? t : void 0, r = b(
       () => o == null ? void 0 : o.bookmarks.bookmarks$.pipe(
         ce((i) => o.pagination.locate(i))
       ),
@@ -280,7 +285,7 @@ const Y = k.ActionTrigger, y = () => {
       ] })
     }
   )
-), en = "@prose-reader/react-reader", nn = "1.188.0", tn = f(
+), en = "@prose-reader/react-reader", nn = "1.190.0", tn = f(
   ({
     open: n,
     setOpen: t
@@ -320,7 +325,7 @@ const Y = k.ActionTrigger, y = () => {
     }
   )
 ), B = () => {
-  const n = y();
+  const n = T();
   return b(
     () => n ? Se([n.pagination.state$, n.context.state$]).pipe(
       de(([t, o]) => {
@@ -348,7 +353,7 @@ const Y = k.ActionTrigger, y = () => {
     " %"
   ] }) });
 }, rn = () => {
-  const [n, t] = w(/* @__PURE__ */ new Date());
+  const [n, t] = y(/* @__PURE__ */ new Date());
   return Q(() => {
     const o = setInterval(() => {
       t(/* @__PURE__ */ new Date());
@@ -507,7 +512,7 @@ const hn = _.Root, un = _.ValueText, ne = () => {
       children: n
     }
   )
-), pn = Te(Ve), fn = f((n) => /* @__PURE__ */ e(
+), pn = we(Ve), fn = f((n) => /* @__PURE__ */ e(
   A,
   {
     display: "contents",
@@ -577,7 +582,7 @@ const hn = _.Root, un = _.ValueText, ne = () => {
     max: u
   };
 }, bn = (n) => {
-  const t = y(), o = B(), { manifest: r } = b(() => t == null ? void 0 : t.context.state$, []) ?? {}, l = (r == null ? void 0 : r.readingDirection) === "rtl", i = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: a = 0, isBeginWithinChapter: h } = ne(), u = 1, s = h, { value: g, valueSignal: d, min: x, max: C } = mn(), T = M(
+  const t = T(), o = B(), { manifest: r } = b(() => t == null ? void 0 : t.context.state$, []) ?? {}, l = (r == null ? void 0 : r.readingDirection) === "rtl", i = o == null ? void 0 : o.isUsingSpread, { totalApproximatePages: a = 0, isBeginWithinChapter: h } = ne(), u = 1, s = h, { value: g, valueSignal: d, min: x, max: C } = mn(), w = M(
     (v) => {
       const [R = 0] = Array.isArray(v) ? v : [v];
       d.setValue(R);
@@ -607,7 +612,7 @@ const hn = _.Root, un = _.ValueText, ne = () => {
       min: x,
       reverse: l,
       step: u,
-      onChange: T,
+      onChange: w,
       ...n
     }
   );
@@ -616,7 +621,7 @@ const hn = _.Root, un = _.ValueText, ne = () => {
     open: n,
     onItemClick: t
   }) => {
-    const o = y(), r = b(() => o == null ? void 0 : o.navigation.state$, [o]), l = b(() => o == null ? void 0 : o.settings.values$, [o]), i = (l == null ? void 0 : l.computedPageTurnDirection) === "vertical", [a, h] = w(!0);
+    const o = T(), r = b(() => o == null ? void 0 : o.navigation.state$, [o]), l = b(() => o == null ? void 0 : o.settings.values$, [o]), i = (l == null ? void 0 : l.computedPageTurnDirection) === "vertical", [a, h] = y(!0);
     return /* @__PURE__ */ e(pe, { present: n, position: "bottom", children: /* @__PURE__ */ c(P, { flex: 1, overflow: "auto", children: [
       /* @__PURE__ */ c(O, { flex: 1, alignItems: "center", justifyContent: "center", children: [
         /* @__PURE__ */ e(
@@ -754,7 +759,7 @@ const hn = _.Root, un = _.ValueText, ne = () => {
     ] }) });
   }
 ), Cn = () => {
-  const [n, t] = w(!1), o = M(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+  const [n, t] = y(!1), o = M(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
     t(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
     t(!0);
@@ -775,7 +780,7 @@ const hn = _.Root, un = _.ValueText, ne = () => {
     open: n,
     onItemClick: t
   }) => {
-    const o = y(), r = b(() => o == null ? void 0 : o.context.manifest$, [o]), { isFullscreen: l, onToggleFullscreenClick: i } = Cn();
+    const o = T(), r = b(() => o == null ? void 0 : o.context.manifest$, [o]), { isFullscreen: l, onToggleFullscreenClick: i } = Cn();
     return /* @__PURE__ */ c(
       pe,
       {
@@ -893,7 +898,7 @@ const hn = _.Root, un = _.ValueText, ne = () => {
   ({
     onNavigate: n
   }) => {
-    const [t, o] = w(""), r = y(), l = ue(r) ? r : void 0, i = (d) => {
+    const [t, o] = y(""), r = T(), l = ue(r) ? r : void 0, i = (d) => {
       o(d.target.value);
     }, a = M(
       (d) => {
@@ -912,7 +917,7 @@ const hn = _.Root, un = _.ValueText, ne = () => {
     );
     return /* @__PURE__ */ c(P, { flex: 1, height: "100%", children: [
       /* @__PURE__ */ e(A, { px: 4, children: /* @__PURE__ */ e(
-        we,
+        ye,
         {
           placeholder: "Type something...",
           value: t,
@@ -937,11 +942,11 @@ const hn = _.Root, un = _.ValueText, ne = () => {
                 " result(s)"
               ] }),
               /* @__PURE__ */ e(P, { gap: 0, children: g == null ? void 0 : g.map((d, x) => {
-                var C, T, v, R, I, te, oe;
+                var C, w, v, R, I, te, oe;
                 return /* @__PURE__ */ e(
                   In,
                   {
-                    contextText: ((v = (T = (C = d.meta) == null ? void 0 : C.range) == null ? void 0 : T.startContainer.parentElement) == null ? void 0 : v.textContent) ?? "",
+                    contextText: ((v = (w = (C = d.meta) == null ? void 0 : C.range) == null ? void 0 : w.startContainer.parentElement) == null ? void 0 : v.textContent) ?? "",
                     pageIndex: (R = d.meta) == null ? void 0 : R.itemPageIndex,
                     startOffset: ((te = (I = d.meta) == null ? void 0 : I.range) == null ? void 0 : te.startOffset) ?? 0,
                     text: t,
@@ -980,11 +985,11 @@ const hn = _.Root, un = _.ValueText, ne = () => {
       ] })
     }
   )
-), Tn = f(
+), wn = f(
   ({
     onNavigate: n
   }) => {
-    const t = y(), { manifest: o, assumedRenditionLayout: r } = b(() => t == null ? void 0 : t.context.state$, [t]) ?? {}, { nav: l } = o ?? {}, i = B();
+    const t = T(), { manifest: o, assumedRenditionLayout: r } = b(() => t == null ? void 0 : t.context.state$, [t]) ?? {}, { nav: l } = o ?? {}, i = B();
     l != null && l.toc;
     const { beginSpineItemIndex: a, beginPageIndexInSpineItem: h } = i ?? {}, u = (r === "reflowable" ? h : a) || 0;
     console.log({ assumedRenditionLayout: r, currentSpineItemOrChapterPageIndex: u });
@@ -1028,12 +1033,12 @@ const hn = _.Root, un = _.ValueText, ne = () => {
         }
       ),
       d.contents.length > 0 && /* @__PURE__ */ e(S.Root, { as: "div", gap: 2, children: d.contents.map(
-        (T, v) => g(T, v, C + 1)
+        (w, v) => g(w, v, C + 1)
       ) })
     ] }, x);
     return /* @__PURE__ */ e(S.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: l == null ? void 0 : l.toc.map((d, x) => g(d, x, 0)) });
   }
-), wn = f(
+), yn = f(
   ({
     open: n,
     setOpen: t,
@@ -1049,7 +1054,7 @@ const hn = _.Root, un = _.ValueText, ne = () => {
       scrollBehavior: "inside",
       children: /* @__PURE__ */ c(L, { children: [
         /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(V, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ e(j, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e(Tn, { onNavigate: o }) }),
+        /* @__PURE__ */ e(j, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e(wn, { onNavigate: o }) }),
         /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(E, { variant: "outline", children: "Cancel" }) }) }),
         /* @__PURE__ */ e($, {})
       ] })
@@ -1060,9 +1065,9 @@ const hn = _.Root, un = _.ValueText, ne = () => {
   enableFloatingProgress: t = !0,
   onItemClick: o
 }) => {
-  const [r, l] = w(!1), [i, a] = w(!1), [h, u] = w(!1), [s, g] = w(!1), [d, x] = w(!1), [C, T] = ee(), v = M(() => {
-    l(!1), a(!1), u(!1), g(!1), x(!1), T(!1);
-  }, [T]), R = M(
+  const [r, l] = y(!1), [i, a] = y(!1), [h, u] = y(!1), [s, g] = y(!1), [d, x] = y(!1), [C, w] = ee(), v = M(() => {
+    l(!1), a(!1), u(!1), g(!1), x(!1), w(!1);
+  }, [w]), R = M(
     (I) => {
       I === "annotations" ? g(!0) : I === "search" ? u(!0) : I === "help" ? a(!0) : I === "toc" ? l(!0) : I === "bookmarks" && x(!0), o == null || o(I);
     },
@@ -1082,7 +1087,7 @@ const hn = _.Root, un = _.ValueText, ne = () => {
     /* @__PURE__ */ e(Xe, {}),
     /* @__PURE__ */ e(tn, { open: i, setOpen: a }),
     /* @__PURE__ */ e(
-      wn,
+      yn,
       {
         open: r,
         setOpen: l,