@prose-reader/react-reader 1.267.0 → 1.269.0

package/dist/index.js

@@ -1,26 +1,26 @@
-import { jsx as e, jsxs as s, Fragment as de } from "react/jsx-runtime";
-import { IconButton as v, Portal as ve, Dialog as O, List as B, Link as xe, Stack as R, Text as S, Tabs as y, Button as W, Presence as ae, Box as _, createToaster as en, Toaster as nn, Toast as J, Spinner as tn, RadioGroup as re, Slider as M, HStack as F, For as on, Fieldset as V, Heading as me, Kbd as Te, Popover as ee, Progress as le, chakra as rn, Collapsible as be, Field as oe, Input as an } from "@chakra-ui/react";
-import * as E from "react";
-import ln, { createContext as sn, useContext as Fe, memo as f, useState as T, useEffect as L, useCallback as z, useMemo as cn, useLayoutEffect as dn, useRef as un } from "react";
-import { LuX as hn, LuNotebookPen as he, LuBookmark as gn, LuCheck as pn, LuArrowBigRight as fn, LuArrowBigLeft as mn, LuChevronDown as bn, LuCircleHelp as Sn, LuTableOfContents as Cn, LuSearch as vn, LuZoomOut as xn, LuZoomIn as kn, LuGalleryHorizontal as In, LuCircleCheck as we } from "react-icons/lu";
-import { signal as ne, useObserve as C, isDefined as _e, useSubscribe as H, useConstant as ue, useSignalValue as Se, useMemoCompare as Rn, useLiveRef as zn, useSignalState as On } from "reactjrx";
-import { Subject as Mn, map as P, filter as se, switchMap as N, EMPTY as ye, of as ge, withLatestFrom as ke, NEVER as Ie, startWith as Tn, distinctUntilChanged as De, throttleTime as Le, tap as $e, first as Ve, combineLatest as wn, mergeMap as yn, Observable as Pn, skip as En, merge as Ne, timer as We, finalize as An, BehaviorSubject as Bn, animationFrameScheduler as Fn } from "rxjs";
-import { createPortal as _n } from "react-dom";
-import { isPositionInArea as Dn } from "@prose-reader/enhancer-gestures";
-import { isShallowEqual as Ln } from "@prose-reader/shared";
-import { isShallowEqual as $n, observeIntersection as Vn, isHtmlTagElement as Nn } from "@prose-reader/core";
-import { BiFontSize as Wn } from "react-icons/bi";
-import { BsBookmarks as Hn } from "react-icons/bs";
-import { MdOutlineFitScreen as Gn, MdFullscreenExit as qn, MdFullscreen as jn } from "react-icons/md";
-import { RiGalleryView2 as Un } from "react-icons/ri";
-import { RxDoubleArrowUp as Qn, RxDoubleArrowLeft as Yn, RxDoubleArrowDown as Zn, RxDoubleArrowRight as Xn } from "react-icons/rx";
-import { HiOutlineInformationCircle as Kn } from "react-icons/hi";
-import Jn from "rc-slider";
+import { jsx as e, jsxs as s, Fragment as ce } from "react/jsx-runtime";
+import { IconButton as k, Portal as Ce, Dialog as T, List as B, Link as ve, Stack as O, Text as b, Tabs as P, Button as W, Presence as de, Box as _, createToaster as Je, Toaster as en, Toast as J, Spinner as nn, RadioGroup as re, Slider as M, HStack as F, For as tn, Fieldset as N, Heading as fe, Kbd as Me, Popover as ee, Progress as ae, chakra as on, Collapsible as me, Field as oe, Input as rn } from "@chakra-ui/react";
+import * as A from "react";
+import an, { createContext as ln, useContext as Be, memo as g, useState as w, useEffect as $, useCallback as z, useMemo as sn, useLayoutEffect as cn, useRef as dn } from "react";
+import { LuX as un, LuNotebookPen as he, LuBookmark as hn, LuCheck as pn, LuArrowBigRight as gn, LuArrowBigLeft as fn, LuChevronDown as mn, LuCircleHelp as bn, LuTableOfContents as Sn, LuSearch as Cn, LuZoomOut as vn, LuZoomIn as xn, LuGalleryHorizontal as kn, LuCircleCheck as we } from "react-icons/lu";
+import { signal as ne, useObserve as S, isDefined as Fe, useSubscribe as H, useConstant as ue, useSignalValue as be, useMemoCompare as In, useLiveRef as On, useSignalState as Rn } from "reactjrx";
+import { Subject as zn, map as E, filter as le, switchMap as V, EMPTY as ye, of as pe, withLatestFrom as xe, NEVER as ke, startWith as Tn, distinctUntilChanged as _e, throttleTime as De, tap as Le, first as $e, combineLatest as Mn, mergeMap as wn, Observable as yn, skip as Pn, merge as Ne, timer as Ve, finalize as En, BehaviorSubject as An, animationFrameScheduler as Bn } from "rxjs";
+import { createPortal as Fn } from "react-dom";
+import { isPositionInArea as _n } from "@prose-reader/enhancer-gestures";
+import { isShallowEqual as Dn } from "@prose-reader/shared";
+import { isShallowEqual as Ln, observeIntersection as $n, isHtmlTagElement as Nn } from "@prose-reader/core";
+import { BiFontSize as Vn } from "react-icons/bi";
+import { BsBookmarks as Wn } from "react-icons/bs";
+import { MdOutlineFitScreen as Hn, MdFullscreenExit as Gn, MdFullscreen as qn } from "react-icons/md";
+import { RiGalleryView2 as jn } from "react-icons/ri";
+import { RxDoubleArrowUp as Un, RxDoubleArrowLeft as Qn, RxDoubleArrowDown as Yn, RxDoubleArrowRight as Zn } from "react-icons/rx";
+import { HiOutlineInformationCircle as Xn } from "react-icons/hi";
+import Kn from "rc-slider";
 import "rc-slider/assets/index.css";
-import { IoIosArrowBack as et, IoMdMore as nt } from "react-icons/io";
-const tt = "data-bookmark-area", He = 5, ot = E.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(v, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(hn, {}) });
-}), G = E.forwardRef(function(t, o) {
+import { IoIosArrowBack as Jn, IoMdMore as et } from "react-icons/io";
+const nt = "data-bookmark-area", We = 5, tt = A.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(k, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(un, {}) });
+}), G = A.forwardRef(function(t, o) {
   const {
     children: r,
     portalled: i = !0,
@@ -28,35 +28,35 @@ const tt = "data-bookmark-area", He = 5, ot = E.forwardRef(function(t, o) {
     backdrop: l = !0,
     ...c
   } = t;
-  return /* @__PURE__ */ s(ve, { disabled: !i, container: a, children: [
-    l && /* @__PURE__ */ e(O.Backdrop, {}),
-    /* @__PURE__ */ e(O.Positioner, { children: /* @__PURE__ */ e(O.Content, { ref: o, ...c, asChild: !1, children: r }) })
+  return /* @__PURE__ */ s(Ce, { disabled: !i, container: a, children: [
+    l && /* @__PURE__ */ e(T.Backdrop, {}),
+    /* @__PURE__ */ e(T.Positioner, { children: /* @__PURE__ */ e(T.Content, { ref: o, ...c, asChild: !1, children: r }) })
   ] });
-}), q = E.forwardRef(function(t, o) {
+}), q = A.forwardRef(function(t, o) {
   return /* @__PURE__ */ e(
-    O.CloseTrigger,
+    T.CloseTrigger,
     {
       position: "absolute",
       top: "2",
       insetEnd: "2",
       ...t,
       asChild: !0,
-      children: /* @__PURE__ */ e(ot, { size: "sm", ref: o, children: t.children })
+      children: /* @__PURE__ */ e(tt, { size: "sm", ref: o, children: t.children })
     }
   );
-}), j = O.Root, U = O.Footer, Q = O.Header, Y = O.Body;
-O.Backdrop;
-const Z = O.Title;
-O.Description;
-O.Trigger;
-const X = O.ActionTrigger, Ge = () => ({
+}), j = T.Root, U = T.Footer, Q = T.Header, Y = T.Body;
+T.Backdrop;
+const Z = T.Title;
+T.Description;
+T.Trigger;
+const X = T.ActionTrigger, He = () => ({
   _quickMenuOpen: !1,
   _onQuickMenuOpenChange: (n) => n,
   reader: void 0,
   quickMenuBottomBarBoundingBoxSignal: ne({
     default: void 0
   }),
-  notificationsSubject: new Mn(),
+  notificationsSubject: new zn(),
   refitMenuOpen: !1,
   onRefitMenuOpenChange: () => {
   },
@@ -65,33 +65,34 @@ const X = O.ActionTrigger, Ge = () => ({
   },
   fontSizeMin: 0.2,
   fontSizeMax: 5,
-  uncontrolledFontSize: 1
-}), Re = sn(
-  ne({ default: Ge() })
-), A = (n) => {
-  const t = Fe(Re);
-  return C(t, n);
-}, qe = () => Fe(Re), b = () => {
-  const { reader: n } = A(["reader"]);
+  uncontrolledFontSize: 1,
+  enableFloatingProgress: !0
+}), Ie = ln(
+  ne({ default: He() })
+), y = (n) => {
+  const t = Be(Ie);
+  return S(t, n);
+}, Ge = () => Be(Ie), m = () => {
+  const { reader: n } = y(["reader"]);
   return n;
-}, je = (n) => !!n && "__PROSE_READER_ENHANCER_SEARCH" in n, ce = (n) => !!n && "__PROSE_READER_ENHANCER_ANNOTATIONS" in n, Ue = (n) => !!n && "__PROSE_READER_ENHANCER_GALLERY" in n, Qe = (n) => !!n && "__PROSE_READER_ENHANCER_REFIT" in n, rt = (n) => {
-  const t = b(), o = ce(t) ? t : void 0;
-  return { data: C(
+}, qe = (n) => !!n && "__PROSE_READER_ENHANCER_SEARCH" in n, se = (n) => !!n && "__PROSE_READER_ENHANCER_ANNOTATIONS" in n, je = (n) => !!n && "__PROSE_READER_ENHANCER_GALLERY" in n, Ue = (n) => !!n && "__PROSE_READER_ENHANCER_REFIT" in n, ot = (n) => {
+  const t = m(), o = se(t) ? t : void 0;
+  return { data: S(
     () => o?.annotations.annotations$.pipe(
-      P((i) => i.find((a) => a.id === n)),
-      se(_e),
-      N((i) => o.locateResource(i))
+      E((i) => i.find((a) => a.id === n)),
+      le(Fe),
+      V((i) => o.locateResource(i))
     ),
     [o]
   ) };
-}, Ye = ({
+}, Qe = ({
   id: n,
   onNavigate: t,
   allowLeftIcon: o = !0
 }) => {
-  const r = b(), { data: i } = rt(n), a = i?.meta.range?.toString() || i?.meta.node?.textContent;
+  const r = m(), { data: i } = ot(n), a = i?.meta.range?.toString() || i?.meta.node?.textContent;
   return /* @__PURE__ */ e(B.Item, { children: /* @__PURE__ */ s(
-    xe,
+    ve,
     {
       href: "#",
       onClick: () => {
@@ -99,13 +100,13 @@ const X = O.ActionTrigger, Ge = () => ({
       },
       children: [
         i?.resource?.notes ? /* @__PURE__ */ e(B.Indicator, { asChild: !0, children: /* @__PURE__ */ e(he, {}) }) : o ? /* @__PURE__ */ e(B.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(he, {}) }) : null,
-        /* @__PURE__ */ s(R, { gap: 0, children: [
-          a ? /* @__PURE__ */ e(S, { lineClamp: 2, fontSize: "md", children: a }) : /* @__PURE__ */ s(S, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
+        /* @__PURE__ */ s(O, { gap: 0, children: [
+          a ? /* @__PURE__ */ e(b, { lineClamp: 2, fontSize: "md", children: a }) : /* @__PURE__ */ s(b, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
             "Page ",
             (i?.meta.absolutePageIndex ?? 0) + 1
           ] }),
           /* @__PURE__ */ e(
-            S,
+            b,
             {
               fontStyle: "italic",
               fontWeight: "bold",
@@ -117,42 +118,42 @@ const X = O.ActionTrigger, Ge = () => ({
       ]
     }
   ) });
-}, pe = () => {
-  const n = b(), t = ce(n) ? n : void 0;
-  return { data: C(
+}, ge = () => {
+  const n = m(), t = se(n) ? n : void 0;
+  return { data: S(
     () => t?.annotations.annotations$.pipe(
-      N(
+      V(
         (r) => t.locateResource(r)
       )
     ),
     [t]
   ) };
-}, it = () => {
-  const { data: n } = pe();
+}, rt = () => {
+  const { data: n } = ge();
   return {
     data: n?.filter((t) => t.meta.isCfiRange)
   };
-}, at = ({ onNavigate: n }) => {
-  const { data: t } = it();
+}, it = ({ onNavigate: n }) => {
+  const { data: t } = rt();
   return /* @__PURE__ */ e(B.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ e(
-    Ye,
+    Qe,
     {
       id: o.resource.id,
       onNavigate: n
     },
     o.resource.id
   )) });
-}, lt = () => {
-  const { data: n } = pe();
+}, at = () => {
+  const { data: n } = ge();
   return {
     data: n?.filter(
       (t) => !t.meta.isCfiRange && !t.resource.notes
     )
   };
-}, st = ({ onNavigate: n }) => {
-  const { data: t } = lt();
+}, lt = ({ onNavigate: n }) => {
+  const { data: t } = at();
   return /* @__PURE__ */ e(B.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ e(
-    Ye,
+    Qe,
     {
       id: o.resource.id,
       onNavigate: n,
@@ -160,36 +161,36 @@ const X = O.ActionTrigger, Ge = () => ({
     },
     o.resource.id
   )) });
-}, ct = f(
+}, st = g(
   ({
     onNavigate: n,
     defaultTab: t
   }) => {
-    const [o, r] = T(t ?? "bookmarks");
+    const [o, r] = w(t ?? "bookmarks");
     return /* @__PURE__ */ s(
-      y.Root,
+      P.Root,
       {
         value: o,
         onValueChange: (i) => r(i.value),
         children: [
-          /* @__PURE__ */ s(y.List, { children: [
-            /* @__PURE__ */ s(y.Trigger, { value: "bookmarks", children: [
-              /* @__PURE__ */ e(gn, {}),
+          /* @__PURE__ */ s(P.List, { children: [
+            /* @__PURE__ */ s(P.Trigger, { value: "bookmarks", children: [
+              /* @__PURE__ */ e(hn, {}),
               "Bookmarks"
             ] }),
-            /* @__PURE__ */ s(y.Trigger, { value: "annotations", children: [
+            /* @__PURE__ */ s(P.Trigger, { value: "annotations", children: [
               /* @__PURE__ */ e(he, {}),
               "Annotations"
             ] }),
-            /* @__PURE__ */ e(y.Indicator, {})
+            /* @__PURE__ */ e(P.Indicator, {})
           ] }),
-          /* @__PURE__ */ e(y.Content, { value: "bookmarks", children: /* @__PURE__ */ e(st, { onNavigate: n }) }),
-          /* @__PURE__ */ e(y.Content, { value: "annotations", children: /* @__PURE__ */ e(at, { onNavigate: n }) })
+          /* @__PURE__ */ e(P.Content, { value: "bookmarks", children: /* @__PURE__ */ e(lt, { onNavigate: n }) }),
+          /* @__PURE__ */ e(P.Content, { value: "annotations", children: /* @__PURE__ */ e(it, { onNavigate: n }) })
         ]
       }
     );
   }
-), dt = f(
+), ct = g(
   ({
     openWith: n,
     setOpen: t,
@@ -206,7 +207,7 @@ const X = O.ActionTrigger, Ge = () => ({
       children: /* @__PURE__ */ s(G, { height: "100%", children: [
         /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Annotations" }) }),
         /* @__PURE__ */ e(Y, { flex: 1, children: /* @__PURE__ */ e(
-          ct,
+          st,
           {
             onNavigate: o,
             defaultTab: n
@@ -217,44 +218,44 @@ const X = O.ActionTrigger, Ge = () => ({
       ] })
     }
   )
-), ut = f(({ children: n }) => {
-  const t = b(), o = C(() => t?.spine.element$, [t]);
-  return o ? /* @__PURE__ */ e(de, { children: _n(n, o) }) : null;
-}), ht = ({
+), dt = g(({ children: n }) => {
+  const t = m(), o = S(() => t?.spine.element$, [t]);
+  return o ? /* @__PURE__ */ e(ce, { children: Fn(n, o) }) : null;
+}), ut = ({
   absolutePageIndex: n,
   itemIndex: t
 }) => {
-  const o = b();
+  const o = m();
   return {
-    spineItem: C(() => o ? t !== void 0 ? ge(o.spine.spineItemsManager.get(t)) : n !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(n).pipe(
-      P((i) => o.spine.spineItemsManager.get(i?.itemIndex))
+    spineItem: S(() => o ? t !== void 0 ? pe(o.spine.spineItemsManager.get(t)) : n !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(n).pipe(
+      E((i) => o.spine.spineItemsManager.get(i?.itemIndex))
     ) : ye : ye, [t, n, o])
   };
-}, gt = ({
+}, ht = ({
   absolutePageIndex: n,
   itemIndex: t
 }) => {
-  const { spineItem: o } = ht({ absolutePageIndex: n, itemIndex: t }), r = C(
-    () => o?.isReady$ ?? ge(!1),
+  const { spineItem: o } = ut({ absolutePageIndex: n, itemIndex: t }), r = S(
+    () => o?.isReady$ ?? pe(!1),
     [o]
   );
   return { spineItem: o, isReady: r };
-}, pt = f(
+}, pt = g(
   ({
     absolutePageIndex: n,
     left: t,
     top: o,
     width: r
   }) => {
-    const { isReady: i } = gt({
+    const { isReady: i } = ht({
       absolutePageIndex: n
-    }), { data: a } = pe(), l = a?.find(
+    }), { data: a } = ge(), l = a?.find(
       (d) => d?.meta?.absolutePageIndex === n && !d.meta.isCfiRange
     );
     if (!i) return null;
     const c = r * 0.1 / 2;
     return /* @__PURE__ */ e(
-      ae,
+      de,
       {
         present: !!l,
         lazyMount: !0,
@@ -263,7 +264,7 @@ const X = O.ActionTrigger, Ge = () => ({
         children: /* @__PURE__ */ e(
           _,
           {
-            "data-bookmark-area": tt,
+            "data-bookmark-area": nt,
             position: "absolute",
             left: t + r,
             transform: "translateX(-100%)",
@@ -286,9 +287,9 @@ const X = O.ActionTrigger, Ge = () => ({
       }
     );
   }
-), ft = f(() => {
-  const n = b(), t = C(() => n?.layoutInfo$, [n]);
-  return /* @__PURE__ */ e(ut, { children: t?.pages.map(
+), gt = g(() => {
+  const n = m(), t = S(() => n?.layoutInfo$, [n]);
+  return /* @__PURE__ */ e(dt, { children: t?.pages.map(
     ({ absoluteLayout: { left: o, top: r, width: i } }, a) => /* @__PURE__ */ e(
       pt,
       {
@@ -300,16 +301,16 @@ const X = O.ActionTrigger, Ge = () => ({
       a
     )
   ) });
-}), Ze = () => {
-  const n = b();
-  return ce(n) ? n : void 0;
-}, mt = () => {
-  const n = Ze(), { data: t } = pe();
-  L(() => n ? n.gestures.hooks.register(
+}), Ye = () => {
+  const n = m();
+  return se(n) ? n : void 0;
+}, ft = () => {
+  const n = Ye(), { data: t } = ge();
+  $(() => n ? n.gestures.hooks.register(
     "beforeTapGesture",
     ({ event$: r }) => r.pipe(
-      ke(n?.annotations.candidates$),
-      P(([i, a]) => {
+      xe(n?.annotations.candidates$),
+      E(([i, a]) => {
         if (!i.page) return !0;
         const {
           spineItem: l,
@@ -317,7 +318,7 @@ const X = O.ActionTrigger, Ge = () => ({
           spineItemPagePosition: d,
           pageSize: u
         } = i.page;
-        if (Dn(
+        if (_n(
           d,
           {
             type: "corner",
@@ -332,11 +333,11 @@ const X = O.ActionTrigger, Ge = () => ({
             c
           );
           if (!h) return !0;
-          const m = t?.find(
-            (x) => x?.meta?.absolutePageIndex === h.absolutePageIndex && x.meta.range === void 0
+          const C = t?.find(
+            (R) => R?.meta?.absolutePageIndex === h.absolutePageIndex && R.meta.range === void 0
           );
-          if (m)
-            return n?.annotations.delete(m.resource.id), !1;
+          if (C)
+            return n?.annotations.delete(C.resource.id), !1;
           if (a?.[h.absolutePageIndex])
             return n?.annotations.annotateAbsolutePage({
               absolutePageIndex: h.absolutePageIndex
@@ -346,8 +347,8 @@ const X = O.ActionTrigger, Ge = () => ({
       })
     )
   ) : void 0, [n, t]);
-}, bt = () => {
-  const n = Ze();
+}, mt = () => {
+  const n = Ye();
   H(
     () => (
       /**
@@ -356,8 +357,8 @@ const X = O.ActionTrigger, Ge = () => ({
       n?.gestures.hooks.register(
         "beforeTapGesture",
         ({ event$: t }) => t.pipe(
-          ke(n.selection.lastSelectionOnPointerdown$),
-          P(([{ event: o }, r]) => {
+          xe(n.selection.lastSelectionOnPointerdown$),
+          E(([{ event: o }, r]) => {
             const i = o.event.target;
             return !(i && n.annotations.isTargetWithinHighlight(i) || r);
           })
@@ -366,24 +367,24 @@ const X = O.ActionTrigger, Ge = () => ({
     ),
     [n]
   );
-}, Ce = en({
+}, Se = Je({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), St = () => /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(nn, { toaster: Ce, insetInline: { mdDown: "4" }, children: (n) => /* @__PURE__ */ s(J.Root, { width: { md: "sm" }, children: [
-  n.type === "loading" ? /* @__PURE__ */ e(tn, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ e(J.Indicator, {}),
-  /* @__PURE__ */ s(R, { gap: "1", flex: "1", maxWidth: "100%", children: [
+}), bt = () => /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(en, { toaster: Se, insetInline: { mdDown: "4" }, children: (n) => /* @__PURE__ */ s(J.Root, { width: { md: "sm" }, children: [
+  n.type === "loading" ? /* @__PURE__ */ e(nn, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ e(J.Indicator, {}),
+  /* @__PURE__ */ s(O, { gap: "1", flex: "1", maxWidth: "100%", children: [
     n.title && /* @__PURE__ */ e(J.Title, { children: n.title }),
     n.description && /* @__PURE__ */ e(J.Description, { children: n.description })
   ] }),
   n.action && /* @__PURE__ */ e(J.ActionTrigger, { children: n.action.label }),
   n.meta?.closable && /* @__PURE__ */ e(J.CloseTrigger, {})
-] }) }) }), Ct = ({
+] }) }) }), St = ({
   children: n,
   ...t
 }) => {
-  const o = ue(() => ne({ default: Ge() })), r = ue(
+  const o = ue(() => ne({ default: He() })), r = ue(
     () => ne({ default: o.value.fontSizeMenuOpen })
-  ), i = Se(
+  ), i = be(
     r
   ), a = z(
     (h) => {
@@ -392,9 +393,9 @@ const X = O.ActionTrigger, Ge = () => ({
     [r]
   ), l = z(
     (h) => {
-      o.update((m) => ({
-        ...m,
-        _quickMenuOpen: typeof h == "function" ? h(m._quickMenuOpen) : h
+      o.update((C) => ({
+        ...C,
+        _quickMenuOpen: typeof h == "function" ? h(C._quickMenuOpen) : h
       }));
     },
     [o]
@@ -405,10 +406,10 @@ const X = O.ActionTrigger, Ge = () => ({
       c.update(h);
     },
     [c]
-  ), u = Se(
+  ), u = be(
     c
-  ), p = Rn(t, Ln);
-  return L(() => {
+  ), p = In(t, Dn);
+  return $(() => {
     o.update((h) => ({
       ...h,
       ...p,
@@ -426,10 +427,10 @@ const X = O.ActionTrigger, Ge = () => ({
     a,
     u,
     d
-  ]), /* @__PURE__ */ e(Re.Provider, { value: o, children: n });
-}, vt = f(
-  ({ children: n, ...t }) => /* @__PURE__ */ e(Ct, { ...t, children: n })
-), ie = E.forwardRef(
+  ]), /* @__PURE__ */ e(Ie.Provider, { value: o, children: n });
+}, Ct = g(
+  ({ children: n, ...t }) => /* @__PURE__ */ e(St, { ...t, children: n })
+), ie = A.forwardRef(
   function(t, o) {
     const { children: r, inputProps: i, rootRef: a, ...l } = t;
     return /* @__PURE__ */ s(re.Item, { ref: a, ...l, children: [
@@ -438,7 +439,7 @@ const X = O.ActionTrigger, Ge = () => ({
       r && /* @__PURE__ */ e(re.ItemText, { children: r })
     ] });
   }
-), Xe = re.Root, ze = E.forwardRef(
+), Ze = re.Root, Oe = A.forwardRef(
   function(t, o) {
     const { marks: r, label: i, showValue: a, ...l } = t, c = t.defaultValue ?? t.value, d = r?.map((p) => typeof p == "number" ? { value: p, label: void 0 } : p), u = !!d?.some((p) => p.label);
     return /* @__PURE__ */ s(M.Root, { ref: o, thumbAlignment: "center", ...l, children: [
@@ -449,17 +450,17 @@ const X = O.ActionTrigger, Ge = () => ({
       ] }),
       /* @__PURE__ */ s(M.Control, { "data-has-mark-label": u || void 0, children: [
         /* @__PURE__ */ e(M.Track, { children: /* @__PURE__ */ e(M.Range, {}) }),
-        /* @__PURE__ */ e(xt, { value: c }),
-        /* @__PURE__ */ e(kt, { marks: d })
+        /* @__PURE__ */ e(vt, { value: c }),
+        /* @__PURE__ */ e(xt, { marks: d })
       ] })
     ] });
   }
 );
-function xt(n) {
+function vt(n) {
   const { value: t } = n;
-  return /* @__PURE__ */ e(on, { each: t, children: (o, r) => /* @__PURE__ */ e(M.Thumb, { index: r, children: /* @__PURE__ */ e(M.HiddenInput, {}) }, r) });
+  return /* @__PURE__ */ e(tn, { each: t, children: (o, r) => /* @__PURE__ */ e(M.Thumb, { index: r, children: /* @__PURE__ */ e(M.HiddenInput, {}) }, r) });
 }
-const kt = E.forwardRef(
+const xt = A.forwardRef(
   function(t, o) {
     const { marks: r } = t;
     return r?.length ? /* @__PURE__ */ e(M.MarkerGroup, { ref: o, children: r.map((i, a) => {
@@ -470,7 +471,7 @@ const kt = E.forwardRef(
       ] }, a);
     }) }) : null;
   }
-), Oe = [
+), Re = [
   {
     value: "global",
     references: ["global"]
@@ -483,15 +484,15 @@ const kt = E.forwardRef(
     value: "screen",
     references: ["mobile", "tablet", "desktop"]
   }
-], It = Oe.map((n) => n.value), Pe = Oe.flatMap(
+], kt = Re.map((n) => n.value), Pe = Re.flatMap(
   (n) => n.references
-), Rt = (n) => {
+), It = (n) => {
   if (n)
-    return Oe.find(
+    return Re.find(
       (t) => t.references.includes(n)
     )?.value;
-}, zt = f(() => {
-  const n = qe(), {
+}, Ot = g(() => {
+  const n = Ge(), {
     fontSizeMenuOpen: t,
     onFontSizeMenuOpenChange: o,
     uncontrolledFontSize: r,
@@ -502,7 +503,7 @@ const kt = E.forwardRef(
     fontSizeValues: d,
     onFontSizeChange: u,
     onFontSizeScopeChange: p
-  } = A([
+  } = y([
     "fontSizeMenuOpen",
     "onFontSizeMenuOpenChange",
     "fontSize",
@@ -513,37 +514,37 @@ const kt = E.forwardRef(
     "onFontSizeScopeChange",
     "uncontrolledFontSize",
     "fontSizeValues"
-  ]), h = zn(u), [m, I] = T(
+  ]), h = On(u), [C, v] = w(
     c ?? "global"
-  ), x = z(
-    (g, K) => {
-      h.current ? h.current(g, K) : n.update((Je) => ({
-        ...Je,
+  ), R = z(
+    (f, K) => {
+      h.current ? h.current(f, K) : n.update((Ke) => ({
+        ...Ke,
         uncontrolledFontSize: K
       }));
     },
     [h, n]
   ), D = z(
-    (g) => d?.[g] ?? i,
+    (f) => d?.[f] ?? i,
     [i, d]
-  ), k = z(
-    (g) => {
-      const K = g.value;
+  ), x = z(
+    (f) => {
+      const K = f.value;
       p?.(K);
     },
     [p]
-  ), w = z((g) => {
-    I(g.value);
-  }, []), $ = z(
-    (g) => {
-      const K = g.value[0] ?? 0;
-      x(m, K / 100);
+  ), L = z((f) => {
+    v(f.value);
+  }, []), I = z(
+    (f) => {
+      const K = f.value[0] ?? 0;
+      R(C, K / 100);
     },
-    [x, m]
+    [R, C]
   );
-  return L(
+  return $(
     function() {
-      I(c ?? "global");
+      v(c ?? "global");
     },
     [c]
   ), /* @__PURE__ */ e(
@@ -551,53 +552,53 @@ const kt = E.forwardRef(
     {
       lazyMount: !0,
       open: t,
-      onOpenChange: (g) => {
-        o(g.open);
+      onOpenChange: (f) => {
+        o(f.open);
       },
       placement: "center",
       children: /* @__PURE__ */ s(G, { maxH: "40vh", overflow: "auto", children: [
         /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Font size" }) }),
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ s(R, { gap: 4, flex: 1, children: [
-          /* @__PURE__ */ s(V.Root, { children: [
-            /* @__PURE__ */ e(V.Legend, { children: "Scope" }),
-            /* @__PURE__ */ e(V.HelperText, { children: "The scope to which apply the font size for this book." }),
-            /* @__PURE__ */ e(V.Content, { children: /* @__PURE__ */ e(
-              Xe,
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ s(O, { gap: 4, flex: 1, children: [
+          /* @__PURE__ */ s(N.Root, { children: [
+            /* @__PURE__ */ e(N.Legend, { children: "Scope" }),
+            /* @__PURE__ */ e(N.HelperText, { children: "The scope to which apply the font size for this book." }),
+            /* @__PURE__ */ e(N.Content, { children: /* @__PURE__ */ e(
+              Ze,
               {
-                onValueChange: k,
-                value: Rt(c) ?? "global",
+                onValueChange: x,
+                value: It(c) ?? "global",
                 disabled: !p,
-                children: /* @__PURE__ */ e(F, { gap: 2, children: It.map((g) => /* @__PURE__ */ e(ie, { value: g, children: g }, g)) })
+                children: /* @__PURE__ */ e(F, { gap: 2, children: kt.map((f) => /* @__PURE__ */ e(ie, { value: f, children: f }, f)) })
               }
             ) })
           ] }),
           /* @__PURE__ */ s(
-            y.Root,
+            P.Root,
             {
-              value: m,
-              onValueChange: w,
+              value: C,
+              onValueChange: L,
               fitted: !1,
               size: "sm",
               children: [
-                /* @__PURE__ */ e(y.List, { children: Pe.map((g) => /* @__PURE__ */ s(
-                  y.Trigger,
+                /* @__PURE__ */ e(P.List, { children: Pe.map((f) => /* @__PURE__ */ s(
+                  P.Trigger,
                   {
-                    value: g,
+                    value: f,
                     textTransform: "capitalize",
-                    disabled: g !== "global" && !c,
+                    disabled: f !== "global" && !c,
                     children: [
-                      c === g && /* @__PURE__ */ e(pn, {}),
-                      g
+                      c === f && /* @__PURE__ */ e(pn, {}),
+                      f
                     ]
                   },
-                  g
+                  f
                 )) }),
-                Pe.map((g) => /* @__PURE__ */ e(y.Content, { value: g, children: /* @__PURE__ */ e(
-                  ze,
+                Pe.map((f) => /* @__PURE__ */ e(P.Content, { value: f, children: /* @__PURE__ */ e(
+                  Oe,
                   {
                     label: "%",
-                    value: [(D(g) ?? 1) * 100],
-                    onValueChange: $,
+                    value: [(D(f) ?? 1) * 100],
+                    onValueChange: I,
                     showValue: !0,
                     marks: [
                       { value: 100, label: "Publisher" },
@@ -615,7 +616,7 @@ const kt = E.forwardRef(
                     width: "100%",
                     step: 0.1 * 100
                   }
-                ) }, g))
+                ) }, f))
               ]
             }
           )
@@ -625,13 +626,13 @@ const kt = E.forwardRef(
       ] })
     }
   );
-}), Ot = () => {
-  const n = b(), t = qe(), { fontSize: o, uncontrolledFontSize: r } = A([
+}), Rt = () => {
+  const n = m(), t = Ge(), { fontSize: o, uncontrolledFontSize: r } = y([
     "fontSize",
     "uncontrolledFontSize",
     "onFontSizeChange"
   ]), i = o ?? r;
-  return L(
+  return $(
     function() {
       if (n && i) {
         const l = setTimeout(() => {
@@ -645,7 +646,7 @@ const kt = E.forwardRef(
     [n, i]
   ), H(
     function() {
-      return n?.settings.values$.pipe(P((l) => l.fontScale)).subscribe((l) => {
+      return n?.settings.values$.pipe(E((l) => l.fontScale)).subscribe((l) => {
         const c = t.value.fontSize ?? t.value.uncontrolledFontSize;
         l !== c && (t.value.onFontSizeChange?.("internal", l), t.update((d) => ({
           ...d,
@@ -655,7 +656,7 @@ const kt = E.forwardRef(
     },
     [n, t]
   ), null;
-}, Mt = {
+}, zt = {
   x: 0,
   y: 0,
   width: 0,
@@ -666,42 +667,42 @@ const kt = E.forwardRef(
   right: 0
 };
 function Tt() {
-  const [n, t] = T(null), [o, r] = T(Mt), i = cn(
+  const [n, t] = w(null), [o, r] = w(zt), i = sn(
     () => new ResizeObserver((a) => {
       if (a[0]) {
-        const { x: l, y: c, width: d, height: u, top: p, left: h, bottom: m, right: I } = a[0].contentRect;
-        r({ x: l, y: c, width: d, height: u, top: p, left: h, bottom: m, right: I });
+        const { x: l, y: c, width: d, height: u, top: p, left: h, bottom: C, right: v } = a[0].contentRect;
+        r({ x: l, y: c, width: d, height: u, top: p, left: h, bottom: C, right: v });
       }
     }),
     []
   );
-  return dn(() => {
+  return cn(() => {
     if (n)
       return i.observe(n), () => {
         i.disconnect();
       };
   }, [n, i]), [t, o, n];
 }
-const wt = (n, t, o) => {
-  const r = b(), i = Ue(r) ? r : void 0;
+const Mt = (n, t, o) => {
+  const r = m(), i = je(r) ? r : void 0;
   H(() => {
-    if (!i || !n) return Ie;
+    if (!i || !n) return ke;
     const a = t.layout.layout$.pipe(
       Tn(t.layout.layoutInfo),
-      De($n)
-    ), l = Vn(
+      _e(Ln)
+    ), l = $n(
       n
-    ).pipe(P((c) => c.some((d) => d.isIntersecting)));
+    ).pipe(E((c) => c.some((d) => d.isIntersecting)));
     return a.pipe(
-      Le(100, void 0, { trailing: !0 }),
-      N(() => l.pipe(
-        $e((c) => {
+      De(100, void 0, { trailing: !0 }),
+      V(() => l.pipe(
+        Le((c) => {
           c || (n.innerHTML = "");
         }),
-        se((c) => c),
-        Ve()
+        le((c) => c),
+        $e()
       ).pipe(
-        N(() => (n.innerHTML = "", i?.gallery.snapshot(
+        V(() => (n.innerHTML = "", i?.gallery.snapshot(
           t,
           n,
           o
@@ -709,11 +710,11 @@ const wt = (n, t, o) => {
       ))
     );
   }, [i, t, o, n]);
-}, yt = f(
+}, wt = g(
   ({ item: n, onNavigated: t }) => {
-    const [o, r, i] = Tt(), a = b();
-    wt(i, n, r);
-    const l = C(
+    const [o, r, i] = Tt(), a = m();
+    Mt(i, n, r);
+    const l = S(
       () => a?.locateResource(n, { mode: "shallow" }),
       [a, n]
     );
@@ -744,7 +745,7 @@ const wt = (n, t, o) => {
             }
           ),
           /* @__PURE__ */ s(
-            S,
+            b,
             {
               position: "absolute",
               bottom: 0,
@@ -764,9 +765,9 @@ const wt = (n, t, o) => {
       }
     );
   }
-), Pt = f(
+), yt = g(
   ({ open: n, setOpen: t }) => {
-    const o = b(), r = C(() => o?.spineItemsManager.items$, [o]);
+    const o = m(), r = S(() => o?.spineItemsManager.items$, [o]);
     return /* @__PURE__ */ e(
       j,
       {
@@ -790,7 +791,7 @@ const wt = (n, t, o) => {
               pt: 2,
               "data-grid": !0,
               children: r?.map((i) => /* @__PURE__ */ e(
-                yt,
+                wt,
                 {
                   item: i,
                   onNavigated: () => {
@@ -807,7 +808,7 @@ const wt = (n, t, o) => {
       }
     );
   }
-), Et = "@prose-reader/react-reader", At = "1.266.0", Bt = f(
+), Pt = "@prose-reader/react-reader", Et = "1.268.0", At = g(
   ({ open: n, setOpen: t }) => /* @__PURE__ */ e(
     j,
     {
@@ -828,29 +829,29 @@ const wt = (n, t, o) => {
             flexDirection: "column",
             gap: 4,
             children: [
-              /* @__PURE__ */ s(R, { children: [
-                /* @__PURE__ */ e(me, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+              /* @__PURE__ */ s(O, { children: [
+                /* @__PURE__ */ e(fe, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
                 /* @__PURE__ */ s(F, { mb: 1, children: [
-                  /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(fn, {}) }),
+                  /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(gn, {}) }),
                   " ",
-                  /* @__PURE__ */ e(S, { children: "Navigate to right page" })
+                  /* @__PURE__ */ e(b, { children: "Navigate to right page" })
                 ] }),
                 /* @__PURE__ */ s(F, { mb: 1, children: [
-                  /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(mn, {}) }),
+                  /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(fn, {}) }),
                   " ",
-                  /* @__PURE__ */ e(S, { children: "Navigate to left page" })
+                  /* @__PURE__ */ e(b, { children: "Navigate to left page" })
                 ] })
               ] }),
-              /* @__PURE__ */ s(R, { children: [
-                /* @__PURE__ */ e(me, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }),
-                /* @__PURE__ */ e(F, { mb: 1, children: /* @__PURE__ */ e(S, { children: "Tap on the top right corner of a page bookmark it" }) })
+              /* @__PURE__ */ s(O, { children: [
+                /* @__PURE__ */ e(fe, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }),
+                /* @__PURE__ */ e(F, { mb: 1, children: /* @__PURE__ */ e(b, { children: "Tap on the top right corner of a page bookmark it" }) })
               ] }),
-              /* @__PURE__ */ s(R, { children: [
-                /* @__PURE__ */ e(me, { mb: 2, as: "h3", size: "lg", children: "About" }),
-                /* @__PURE__ */ s(S, { children: [
-                  Et,
+              /* @__PURE__ */ s(O, { children: [
+                /* @__PURE__ */ e(fe, { mb: 2, as: "h3", size: "lg", children: "About" }),
+                /* @__PURE__ */ s(b, { children: [
+                  Pt,
                   " version: ",
-                  At
+                  Et
                 ] })
               ] })
             ]
@@ -862,10 +863,10 @@ const wt = (n, t, o) => {
     }
   )
 ), te = () => {
-  const n = b();
-  return C(
-    () => n ? wn([n.pagination.state$, n.context]).pipe(
-      P(([t, o]) => {
+  const n = m();
+  return S(
+    () => n ? Mn([n.pagination.state$, n.context]).pipe(
+      E(([t, o]) => {
         const r = o.manifest?.spineItems.every(
           (i) => i.mediaType?.startsWith("image/")
         );
@@ -874,20 +875,45 @@ const wt = (n, t, o) => {
           hasChapters: !o.isFullyPrePaginated && !r
         };
       })
-    ) : Ie,
+    ) : ke,
     [n]
   );
-}, Ft = () => {
-  const n = te(), t = Math.floor(
-    (n?.percentageEstimateOfBook ?? 0) * 100
-  ), o = t > 0 ? t : 1;
-  return n?.percentageEstimateOfBook === void 0 ? null : /* @__PURE__ */ e(_, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ s(S, { fontSize: "sm", children: [
-    o,
-    " %"
-  ] }) });
+}, Bt = { _open: "fade-in", _closed: "fade-out" }, Ft = () => {
+  const { enableFloatingProgress: n, quickMenuOpen: t } = y([
+    "enableFloatingProgress",
+    "quickMenuOpen"
+  ]), o = te(), r = Math.floor(
+    (o?.percentageEstimateOfBook ?? 0) * 100
+  ), i = r > 0 ? r : 1;
+  return o?.percentageEstimateOfBook === void 0 || !n ? null : /* @__PURE__ */ e(
+    de,
+    {
+      present: !t,
+      animationName: Bt,
+      animationDuration: "moderate",
+      children: /* @__PURE__ */ e(
+        _,
+        {
+          position: "absolute",
+          right: 0,
+          bottom: 0,
+          p: 2,
+          WebkitTextStroke: "2px black",
+          paintOrder: "stroke fill",
+          pointerEvents: "none",
+          letterSpacing: 1,
+          color: "white",
+          children: /* @__PURE__ */ s(b, { fontSize: "md", children: [
+            i,
+            " %"
+          ] })
+        }
+      )
+    }
+  );
 }, _t = () => {
-  const [n, t] = T(/* @__PURE__ */ new Date());
-  return L(() => {
+  const [n, t] = w(/* @__PURE__ */ new Date());
+  return $(() => {
     const o = setInterval(() => {
       t(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -895,41 +921,26 @@ const wt = (n, t, o) => {
   }, []), n;
 }, Dt = (n) => {
   const t = _t();
-  return /* @__PURE__ */ e(S, { fontSize: "xs", ...n, children: t.toLocaleTimeString(navigator.language, {
+  return /* @__PURE__ */ e(b, { fontSize: "md", ...n, children: t.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
   }) });
-}, fe = () => {
-  const {
-    quickMenuOpen: n,
-    onQuickMenuOpenChange: t,
-    _quickMenuOpen: o,
-    _onQuickMenuOpenChange: r
-  } = A([
-    "quickMenuOpen",
-    "onQuickMenuOpenChange",
-    "_quickMenuOpen",
-    "_onQuickMenuOpenChange"
-  ]);
-  return [
-    n ?? o,
-    t ?? r
-  ];
-}, Lt = f(() => {
-  const [n] = fe();
-  return /* @__PURE__ */ e(
-    _,
-    {
-      position: "absolute",
-      left: 0,
-      bottom: 0,
-      p: 2,
-      color: n ? void 0 : "colorPalette.contrast",
-      children: /* @__PURE__ */ e(Dt, {})
-    }
-  );
-}), $t = () => {
-  const n = b();
+}, Lt = g(() => /* @__PURE__ */ e(
+  _,
+  {
+    position: "absolute",
+    left: 0,
+    bottom: 0,
+    p: 2,
+    color: "white",
+    WebkitTextStroke: "2px black",
+    paintOrder: "stroke fill",
+    pointerEvents: "none",
+    letterSpacing: 1,
+    children: /* @__PURE__ */ e(Dt, {})
+  }
+)), $t = () => {
+  const n = m();
   H(
     () => n?.links$.subscribe((t) => {
       if (t.type === "click" && Nn(t.target, "a")) {
@@ -942,18 +953,18 @@ const wt = (n, t, o) => {
     }),
     [n]
   );
-}, Vt = () => {
-  const { notificationsSubject: n } = A([
+}, Nt = () => {
+  const { notificationsSubject: n } = y([
     "notificationsSubject"
   ]);
   H(
     () => n.pipe(
-      se(_e),
-      yn((t) => {
-        const o = t.duration ?? 3e3, r = new Pn((a) => {
+      le(Fe),
+      wn((t) => {
+        const o = t.duration ?? 3e3, r = new yn((a) => {
           try {
             queueMicrotask(() => {
-              const l = Ce.create({
+              const l = Se.create({
                 title: t.title,
                 description: t.description,
                 duration: o
@@ -964,20 +975,20 @@ const wt = (n, t, o) => {
             a.error(l);
           }
         }), i = n.pipe(
-          En(1),
-          se((a) => !!t.key && a?.key === t.key)
+          Pn(1),
+          le((a) => !!t.key && a?.key === t.key)
         );
         return r.pipe(
-          N(
+          V(
             (a) => Ne(
-              We(o),
-              t.abort ?? Ie,
+              Ve(o),
+              t.abort ?? ke,
               i
             ).pipe(
-              Ve(),
-              An(() => {
+              $e(),
+              En(() => {
                 queueMicrotask(() => {
-                  Ce.dismiss(a);
+                  Se.dismiss(a);
                 });
               })
             )
@@ -987,7 +998,7 @@ const wt = (n, t, o) => {
     ),
     [n]
   );
-}, Nt = E.forwardRef(
+}, Vt = A.forwardRef(
   function(t, o) {
     const {
       showArrow: r,
@@ -1004,7 +1015,7 @@ const wt = (n, t, o) => {
         positioning: { ...d.positioning, gutter: 4 },
         children: [
           /* @__PURE__ */ e(ee.Trigger, { asChild: !0, children: i }),
-          /* @__PURE__ */ e(ve, { disabled: !a, container: c, children: /* @__PURE__ */ e(ee.Positioner, { children: /* @__PURE__ */ s(
+          /* @__PURE__ */ e(Ce, { disabled: !a, container: c, children: /* @__PURE__ */ e(ee.Positioner, { children: /* @__PURE__ */ s(
             ee.Content,
             {
               width: "auto",
@@ -1023,29 +1034,29 @@ const wt = (n, t, o) => {
       }
     );
   }
-), Wt = E.forwardRef(function(t, o) {
+), Wt = A.forwardRef(function(t, o) {
   const { children: r, ...i } = t;
-  return /* @__PURE__ */ e(Nt, { content: r, ...i, ref: o, children: /* @__PURE__ */ e(
-    v,
+  return /* @__PURE__ */ e(Vt, { content: r, ...i, ref: o, children: /* @__PURE__ */ e(
+    k,
     {
       variant: "ghost",
       "aria-label": "info",
       size: "2xs",
       colorPalette: "gray",
-      children: /* @__PURE__ */ e(Kn, {})
+      children: /* @__PURE__ */ e(Xn, {})
     }
   ) });
-}), Ht = E.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(le.Track, { ...t, ref: o, children: /* @__PURE__ */ e(le.Range, {}) });
+}), Ht = A.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(ae.Track, { ...t, ref: o, children: /* @__PURE__ */ e(ae.Range, {}) });
 });
-E.forwardRef(function(t, o) {
+A.forwardRef(function(t, o) {
   const { children: r, info: i, ...a } = t;
-  return /* @__PURE__ */ s(le.Label, { ...a, ref: o, children: [
+  return /* @__PURE__ */ s(ae.Label, { ...a, ref: o, children: [
     r,
     i && /* @__PURE__ */ e(Wt, { children: i })
   ] });
 });
-const Gt = le.Root, qt = le.ValueText, Me = () => {
+const Gt = ae.Root, qt = ae.ValueText, ze = () => {
   const n = te(), t = n?.numberOfTotalPages === 1, o = (n?.beginNumberOfPagesInSpineItem ?? 0) > 1, r = (n?.endNumberOfPagesInSpineItem ?? 0) > 1, i = (n?.hasChapters ? n?.beginPageIndexInSpineItem : n?.beginAbsolutePageIndex) ?? 0, a = (n?.hasChapters ? n?.endPageIndexInSpineItem : n?.endAbsolutePageIndex) ?? 0, [l = 0, c = 0] = [
     i,
     a
@@ -1068,18 +1079,18 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
     rightPageIndex: r,
     totalApproximatePages: i,
     beginAndEndAreDifferent: a
-  } = Me(), l = Math.round((n?.percentageEstimateOfBook ?? 0) * 100), c = (u) => u?.subChapter ? `${u.title} / ${c(u.subChapter)}` : u?.title || "", d = c(n?.beginChapterInfo);
-  return /* @__PURE__ */ s(R, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
+  } = ze(), l = Math.round((n?.percentageEstimateOfBook ?? 0) * 100), c = (u) => u?.subChapter ? `${u.title} / ${c(u.subChapter)}` : u?.title || "", d = c(n?.beginChapterInfo);
+  return /* @__PURE__ */ s(O, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
     /* @__PURE__ */ e(Gt, { value: l, size: "xs", width: 150, children: /* @__PURE__ */ s(F, { justifyContent: "space-between", children: [
       /* @__PURE__ */ e(Ht, { width: 110 }),
       /* @__PURE__ */ e(qt, { children: `${l}%` })
     ] }) }),
-    /* @__PURE__ */ e(S, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: d ? `Chapter: ${d}` : " " }),
+    /* @__PURE__ */ e(b, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: d ? `Chapter: ${d}` : " " }),
     !t && /* @__PURE__ */ s(F, { children: [
-      /* @__PURE__ */ e(S, { fontSize: "xs", children: a ? `${o + 1} - ${r + 1} of ${i}` : `${o + 1} of ${i}` }),
-      !!n?.hasChapters && /* @__PURE__ */ s(de, { children: [
-        /* @__PURE__ */ e(S, { children: "-" }),
-        /* @__PURE__ */ s(S, { fontSize: "xs", children: [
+      /* @__PURE__ */ e(b, { fontSize: "xs", children: a ? `${o + 1} - ${r + 1} of ${i}` : `${o + 1} of ${i}` }),
+      !!n?.hasChapters && /* @__PURE__ */ s(ce, { children: [
+        /* @__PURE__ */ e(b, { children: "-" }),
+        /* @__PURE__ */ s(b, { fontSize: "xs", children: [
           "(",
           (n?.beginAbsolutePageIndex ?? 0) + 1,
           ")"
@@ -1087,13 +1098,13 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
       ] })
     ] })
   ] });
-}, Ke = f(
+}, Xe = g(
   ({
     children: n,
     position: t,
     ...o
   }) => /* @__PURE__ */ e(
-    ae,
+    de,
     {
       display: "flex",
       flexDirection: "row",
@@ -1117,7 +1128,7 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
       children: n
     }
   )
-), Ut = rn(Jn), Qt = f((n) => /* @__PURE__ */ e(
+), Ut = on(Kn), Qt = g((n) => /* @__PURE__ */ e(
   _,
   {
     display: "contents",
@@ -1172,7 +1183,7 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
     )
   }
 )), Yt = () => {
-  const t = te()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = Me(), i = t ? Math.floor((o || 0) / 2) : o, [a, l] = On(
+  const t = te()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = ze(), i = t ? Math.floor((o || 0) / 2) : o, [a, l] = Rn(
     () => ne({
       default: i || 0
     })
@@ -1180,7 +1191,7 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
     0,
     t ? Math.floor((r - 1) / 2) : r - 1
   );
-  return L(() => {
+  return $(() => {
     l.update(i || 0);
   }, [i, l]), {
     value: a,
@@ -1189,17 +1200,17 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
     max: d
   };
 }, Zt = (n) => {
-  const t = b(), o = te(), { manifest: r } = C(() => t?.context, [t]) ?? {}, i = r?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = Me(), d = 1, u = c, { value: p, valueSignal: h, min: m, max: I } = Yt(), x = z(
-    (k) => {
-      const [w = 0] = Array.isArray(k) ? k : [k];
-      h.update(w);
-      const $ = a ? Math.floor(w) * 2 : Math.floor(w);
+  const t = m(), o = te(), { manifest: r } = S(() => t?.context, [t]) ?? {}, i = r?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: l = 0, isBeginWithinChapter: c } = ze(), d = 1, u = c, { value: p, valueSignal: h, min: C, max: v } = Yt(), R = z(
+    (x) => {
+      const [L = 0] = Array.isArray(x) ? x : [x];
+      h.update(L);
+      const I = a ? Math.floor(L) * 2 : Math.floor(L);
       u ? t?.navigation.goToPageOfSpineItem({
-        pageIndex: $,
+        pageIndex: I,
         spineItemId: t.pagination.state.beginSpineItemIndex ?? 0,
         animation: !1
       }) : t?.navigation.goToAbsolutePageIndex({
-        absolutePageIndex: $,
+        absolutePageIndex: I,
         animation: !1
       });
     },
@@ -1215,46 +1226,46 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
     Qt,
     {
       value: [p],
-      max: I,
-      min: m,
+      max: v,
+      min: C,
       reverse: i,
       step: d,
-      onChange: x,
+      onChange: R,
       ...n
     }
   );
-}, Xt = f(
+}, Xt = g(
   ({
     open: n,
     onItemClick: t
   }) => {
-    const o = un(null), r = b(), {
+    const o = dn(null), r = m(), {
       quickMenuBottomBarBoundingBoxSignal: i,
       onFontSizeMenuOpenChange: a,
       onRefitMenuOpenChange: l
-    } = A([
+    } = y([
       "quickMenuBottomBarBoundingBoxSignal",
       "onFontSizeMenuOpenChange",
       "onRefitMenuOpenChange"
-    ]), c = C(() => r?.navigation.state$, [r]), d = C(() => r?.settings.values$, [r]), u = C(
+    ]), c = S(() => r?.navigation.state$, [r]), d = S(() => r?.settings.values$, [r]), u = S(
       () => r?.zoom.state$.pipe(
-        P(
-          (k) => k.currentScale > 1 ? "in" : k.currentScale < 1 ? "out" : void 0
+        E(
+          (x) => x.currentScale > 1 ? "in" : x.currentScale < 1 ? "out" : void 0
         )
       ),
       [r]
-    ), p = u === "in", h = u === "out", m = d?.computedPageTurnMode === "scrollable", I = d?.computedPageTurnDirection === "vertical", [x, D] = T(!0);
-    return L(() => {
+    ), p = u === "in", h = u === "out", C = d?.computedPageTurnMode === "scrollable", v = d?.computedPageTurnDirection === "vertical", [R, D] = w(!0);
+    return $(() => {
       if (!o.current) return;
-      const k = new ResizeObserver((w) => {
-        for (const $ of w)
-          i.update($);
+      const x = new ResizeObserver((L) => {
+        for (const I of L)
+          i.update(I);
       });
-      return k.observe(o.current), () => {
-        k.disconnect();
+      return x.observe(o.current), () => {
+        x.disconnect();
       };
     }, [i]), /* @__PURE__ */ s(
-      Ke,
+      Xe,
       {
         present: n,
         position: "bottom",
@@ -1275,7 +1286,7 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
               px: 4,
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  k,
                   {
                     "aria-label": "left",
                     size: "lg",
@@ -1283,11 +1294,11 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
                     flexShrink: 0,
                     onClick: () => r?.navigation.goToLeftOrTopSpineItem(),
                     disabled: !c?.canGoLeftSpineItem && !c?.canGoTopSpineItem,
-                    children: I ? /* @__PURE__ */ e(Qn, {}) : /* @__PURE__ */ e(Yn, {})
+                    children: v ? /* @__PURE__ */ e(Un, {}) : /* @__PURE__ */ e(Qn, {})
                   }
                 ),
                 /* @__PURE__ */ s(
-                  R,
+                  O,
                   {
                     flex: 1,
                     maxW: 400,
@@ -1311,7 +1322,7 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
                   }
                 ),
                 /* @__PURE__ */ e(
-                  v,
+                  k,
                   {
                     "aria-label": "right",
                     size: "lg",
@@ -1321,72 +1332,72 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
                     onClick: () => {
                       r?.navigation.goToRightOrBottomSpineItem();
                     },
-                    children: I ? /* @__PURE__ */ e(Zn, {}) : /* @__PURE__ */ e(Xn, {})
+                    children: v ? /* @__PURE__ */ e(Yn, {}) : /* @__PURE__ */ e(Zn, {})
                   }
                 )
               ]
             }
           ),
           /* @__PURE__ */ e(F, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ s(
-            be.Root,
+            me.Root,
             {
-              open: x,
+              open: R,
               flex: 1,
-              onOpenChange: ({ open: k }) => {
-                D(k);
+              onOpenChange: ({ open: x }) => {
+                D(x);
               },
               width: "100%",
               children: [
                 /* @__PURE__ */ e(
-                  be.Trigger,
+                  me.Trigger,
                   {
                     paddingY: "3",
                     width: "100%",
                     display: "flex",
                     justifyContent: "center",
                     children: /* @__PURE__ */ e(
-                      bn,
+                      mn,
                       {
                         style: {
-                          transform: x ? "rotate(0deg)" : "rotate(180deg)"
+                          transform: R ? "rotate(0deg)" : "rotate(180deg)"
                         }
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ e(be.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ s(_, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
+                /* @__PURE__ */ e(me.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ s(_, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
                   /* @__PURE__ */ e(
-                    v,
+                    k,
                     {
                       "aria-label": "Help",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("help"),
-                      children: /* @__PURE__ */ e(Sn, {})
+                      children: /* @__PURE__ */ e(bn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    v,
+                    k,
                     {
                       "aria-label": "Table of contents",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("toc"),
-                      children: /* @__PURE__ */ e(Cn, {})
+                      children: /* @__PURE__ */ e(Sn, {})
                     }
                   ),
-                  je(r) && /* @__PURE__ */ e(
-                    v,
+                  qe(r) && /* @__PURE__ */ e(
+                    k,
                     {
                       "aria-label": "Search",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("search"),
-                      children: /* @__PURE__ */ e(vn, {})
+                      children: /* @__PURE__ */ e(Cn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    v,
+                    k,
                     {
                       "aria-label": "Zoom",
                       size: "lg",
@@ -1397,11 +1408,11 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
                           scale: 2
                         });
                       },
-                      children: p ? /* @__PURE__ */ e(xn, {}) : /* @__PURE__ */ e(kn, {})
+                      children: p ? /* @__PURE__ */ e(vn, {}) : /* @__PURE__ */ e(xn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    v,
+                    k,
                     {
                       "aria-label": "font size",
                       size: "lg",
@@ -1409,21 +1420,21 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
                         a(!0);
                       },
                       variant: "ghost",
-                      children: /* @__PURE__ */ e(Wn, {})
+                      children: /* @__PURE__ */ e(Vn, {})
                     }
                   ),
-                  ce(r) && /* @__PURE__ */ e(
-                    v,
+                  se(r) && /* @__PURE__ */ e(
+                    k,
                     {
                       "aria-label": "Bookmarks",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("bookmarks"),
-                      children: /* @__PURE__ */ e(Hn, {})
+                      children: /* @__PURE__ */ e(Wn, {})
                     }
                   ),
-                  ce(r) && /* @__PURE__ */ e(
-                    v,
+                  se(r) && /* @__PURE__ */ e(
+                    k,
                     {
                       "aria-label": "Annotations",
                       size: "lg",
@@ -1432,8 +1443,8 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
                       children: /* @__PURE__ */ e(he, {})
                     }
                   ),
-                  Qe(r) && /* @__PURE__ */ e(
-                    v,
+                  Ue(r) && /* @__PURE__ */ e(
+                    k,
                     {
                       "aria-label": "Refit",
                       size: "lg",
@@ -1441,12 +1452,12 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
                       onClick: () => {
                         l(!0);
                       },
-                      disabled: !m,
-                      children: /* @__PURE__ */ e(Gn, {})
+                      disabled: !C,
+                      children: /* @__PURE__ */ e(Hn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    v,
+                    k,
                     {
                       "aria-label": "Thumbnails",
                       size: "lg",
@@ -1457,17 +1468,17 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
                           scale: 0.5
                         });
                       },
-                      children: /* @__PURE__ */ e(In, {})
+                      children: /* @__PURE__ */ e(kn, {})
                     }
                   ),
-                  Ue(r) && /* @__PURE__ */ e(
-                    v,
+                  je(r) && /* @__PURE__ */ e(
+                    k,
                     {
                       "aria-label": "Gallery",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("gallery"),
-                      children: /* @__PURE__ */ e(Un, {})
+                      children: /* @__PURE__ */ e(jn, {})
                     }
                   )
                 ] }) })
@@ -1479,12 +1490,12 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
     );
   }
 ), Kt = () => {
-  const [n, t] = T(!1), o = z(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+  const [n, t] = w(!1), o = z(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
     t(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
     t(!0);
   }), []);
-  return L(() => {
+  return $(() => {
     function r() {
       t(!!document.fullscreenElement);
     }
@@ -1495,14 +1506,14 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
     isFullscreen: n,
     onToggleFullscreenClick: o
   };
-}, Jt = f(
+}, Jt = g(
   ({
     open: n,
     onItemClick: t
   }) => {
-    const o = b(), r = C(() => o?.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: a } = Kt();
+    const o = m(), r = S(() => o?.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: a } = Kt();
     return /* @__PURE__ */ s(
-      Ke,
+      Xe,
       {
         present: n,
         position: "top",
@@ -1510,18 +1521,18 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
         justifyContent: "space-between",
         children: [
           /* @__PURE__ */ e(
-            v,
+            k,
             {
               "aria-label": "left",
               size: "lg",
               variant: "ghost",
               flexShrink: 0,
               onClick: () => t("back"),
-              children: /* @__PURE__ */ e(et, {})
+              children: /* @__PURE__ */ e(Jn, {})
             }
           ),
           /* @__PURE__ */ e(
-            R,
+            O,
             {
               flex: 1,
               maxW: 600,
@@ -1529,30 +1540,30 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
               alignItems: "center",
               overflow: "auto",
               px: 4,
-              children: /* @__PURE__ */ e(S, { truncate: !0, maxWidth: "100%", children: r?.title })
+              children: /* @__PURE__ */ e(b, { truncate: !0, maxWidth: "100%", children: r?.title })
             }
           ),
           /* @__PURE__ */ s(F, { children: [
             /* @__PURE__ */ e(
-              v,
+              k,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: () => t("more"),
-                children: /* @__PURE__ */ e(nt, {})
+                children: /* @__PURE__ */ e(et, {})
               }
             ),
             /* @__PURE__ */ e(
-              v,
+              k,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: a,
-                children: i ? /* @__PURE__ */ e(qn, {}) : /* @__PURE__ */ e(jn, {})
+                children: i ? /* @__PURE__ */ e(Gn, {}) : /* @__PURE__ */ e(qn, {})
               }
             )
           ] })
@@ -1560,15 +1571,31 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
       }
     );
   }
-), eo = f(
+), Te = () => {
+  const {
+    quickMenuOpen: n,
+    onQuickMenuOpenChange: t,
+    _quickMenuOpen: o,
+    _onQuickMenuOpenChange: r
+  } = y([
+    "quickMenuOpen",
+    "onQuickMenuOpenChange",
+    "_quickMenuOpen",
+    "_onQuickMenuOpenChange"
+  ]);
+  return [
+    n ?? o,
+    t ?? r
+  ];
+}, eo = g(
   ({
     onItemClick: n
   }) => {
-    const [t] = fe(), { refitMenuOpen: o, fontSizeMenuOpen: r } = A([
+    const [t] = Te(), { refitMenuOpen: o, fontSizeMenuOpen: r } = y([
       "refitMenuOpen",
       "fontSizeMenuOpen"
     ]);
-    return /* @__PURE__ */ s(de, { children: [
+    return /* @__PURE__ */ s(ce, { children: [
       /* @__PURE__ */ e(
         Jt,
         {
@@ -1586,18 +1613,18 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
     ] });
   }
 ), no = () => {
-  const [n, t] = fe(), o = b();
+  const [n, t] = Te(), o = m();
   H(() => o?.gestures.gestures$.pipe(
-    se((r) => r.type === "tap" && !r.handled),
-    ke(
+    le((r) => r.type === "tap" && !r.handled),
+    xe(
       o.selection.selection$,
       o.selection.lastSelectionOnPointerdown$
     ),
-    $e(([, r, i]) => {
+    Le(([, r, i]) => {
       t(r || i ? !1 : (a) => !a);
     })
   ), [o]);
-}, to = E.forwardRef(
+}, to = A.forwardRef(
   function(t, o) {
     const { label: r, children: i, helperText: a, errorText: l, optionalText: c, ...d } = t;
     return /* @__PURE__ */ s(oe.Root, { ref: o, ...d, children: [
@@ -1610,11 +1637,11 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
       l && /* @__PURE__ */ e(oe.ErrorText, { children: l })
     ] });
   }
-), oo = f(() => {
-  const { refitMenuOpen: t, onRefitMenuOpenChange: o } = A([
+), oo = g(() => {
+  const { refitMenuOpen: t, onRefitMenuOpenChange: o } = y([
     "refitMenuOpen",
     "onRefitMenuOpenChange"
-  ]), r = b(), i = Qe(r) ? r : void 0, a = C(
+  ]), r = m(), i = Ue(r) ? r : void 0, a = S(
     () => i?.refit.settings$,
     [i]
   );
@@ -1627,11 +1654,11 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
       placement: "center",
       children: /* @__PURE__ */ s(G, { children: [
         /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(Z, { children: "Viewport fit" }) }),
-        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ s(V.Root, { children: [
-          /* @__PURE__ */ e(V.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }),
-          /* @__PURE__ */ s(V.Content, { children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ s(N.Root, { children: [
+          /* @__PURE__ */ e(N.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }),
+          /* @__PURE__ */ s(N.Content, { children: [
             /* @__PURE__ */ e(to, { label: "Profile", children: /* @__PURE__ */ e(
-              Xe,
+              Ze,
               {
                 defaultValue: "fit",
                 onValueChange: (l) => {
@@ -1642,7 +1669,7 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
                   });
                 },
                 value: a?.viewportFit ?? "fit",
-                children: /* @__PURE__ */ s(R, { gap: 2, children: [
+                children: /* @__PURE__ */ s(O, { gap: 2, children: [
                   /* @__PURE__ */ e(ie, { value: "desktop", children: "Desktop" }),
                   /* @__PURE__ */ e(ie, { value: "tablet", children: "Tablet" }),
                   /* @__PURE__ */ e(ie, { value: "fit", children: "Full width (default)" }),
@@ -1651,7 +1678,7 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
               }
             ) }),
             /* @__PURE__ */ e(
-              ze,
+              Oe,
               {
                 label: "Maximum width (%)",
                 showValue: !0,
@@ -1675,7 +1702,7 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
       ] })
     }
   );
-}), ro = f(
+}), ro = g(
   ({
     contextText: n = "",
     startOffset: t = 0,
@@ -1695,7 +1722,7 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
       )
     );
     return /* @__PURE__ */ s(
-      xe,
+      ve,
       {
         href: r,
         style: { margin: 5, overflow: "hidden" },
@@ -1707,30 +1734,30 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
         alignItems: "flex-start",
         gap: 0,
         children: [
-          /* @__PURE__ */ s(S, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
+          /* @__PURE__ */ s(b, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
             '"',
             c,
             /* @__PURE__ */ e("b", { children: o }),
             d,
             '"'
           ] }),
-          /* @__PURE__ */ e(S, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${a !== void 0 ? a + 1 : "unknown (not loaded)"}` })
+          /* @__PURE__ */ e(b, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${a !== void 0 ? a + 1 : "unknown (not loaded)"}` })
         ]
       }
     );
   }
 ), io = 500, ao = () => {
-  const n = ue(() => new Bn("")), t = C(n), o = b(), r = je(o) ? o : void 0, i = C(() => n.pipe(
-    De(),
-    N(
-      (a) => a === "" || !r ? ge(void 0) : Ne(
-        ge({
+  const n = ue(() => new An("")), t = S(n), o = m(), r = qe(o) ? o : void 0, i = S(() => n.pipe(
+    _e(),
+    V(
+      (a) => a === "" || !r ? pe(void 0) : Ne(
+        pe({
           type: "start",
           data: void 0
         }),
-        We(io).pipe(
-          N(() => r.search.search(a)),
-          P((l) => ({ type: "end", data: l }))
+        Ve(io).pipe(
+          V(() => r.search.search(a)),
+          E((l) => ({ type: "end", data: l }))
         )
       )
     )
@@ -1741,22 +1768,22 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
     status: i?.type ?? "idle",
     data: i?.data
   };
-}, lo = f(
+}, lo = g(
   ({ onNavigate: n }) => {
-    const t = b(), { value: o, setValue: r, status: i, data: a } = ao(), l = (u) => {
+    const t = m(), { value: o, setValue: r, status: i, data: a } = ao(), l = (u) => {
       r(u.target.value);
     }, c = z(
       (u) => {
         n(), t?.navigation.goToCfi(u);
       },
       [t, n]
-    ), d = C(
+    ), d = S(
       () => t?.locateResource(a?.slice(0, 100) ?? []),
       [a]
     );
-    return /* @__PURE__ */ s(R, { flex: 1, height: "100%", gap: 2, children: [
+    return /* @__PURE__ */ s(O, { flex: 1, height: "100%", gap: 2, children: [
       /* @__PURE__ */ e(
-        an,
+        rn,
         {
           placeholder: "Type something...",
           value: o,
@@ -1771,21 +1798,21 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
         }
       ),
       /* @__PURE__ */ s(
-        R,
+        O,
         {
           style: { overflow: "hidden", overflowY: "auto" },
           overflow: "auto",
           px: 4,
           flex: 1,
           children: [
-            i === "start" && /* @__PURE__ */ e(S, { children: "Searching ..." }),
-            a?.length === 0 && /* @__PURE__ */ e(S, { children: "No results" }),
-            i === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ s(R, { children: [
-              /* @__PURE__ */ s(S, { fontSize: "md", children: [
+            i === "start" && /* @__PURE__ */ e(b, { children: "Searching ..." }),
+            a?.length === 0 && /* @__PURE__ */ e(b, { children: "No results" }),
+            i === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ s(O, { children: [
+              /* @__PURE__ */ s(b, { fontSize: "md", children: [
                 a?.length,
                 " result(s)"
               ] }),
-              /* @__PURE__ */ e(R, { gap: 0, children: d?.map((u, p) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e(O, { gap: 0, children: d?.map((u, p) => /* @__PURE__ */ e(
                 ro,
                 {
                   contextText: u.meta?.range?.startContainer.parentElement?.textContent ?? "",
@@ -1804,7 +1831,7 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
       )
     ] });
   }
-), so = f(
+), so = g(
   ({
     open: n,
     setOpen: t,
@@ -1826,25 +1853,25 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
       ] })
     }
   )
-), co = f(
+), co = g(
   ({ onNavigate: n }) => {
-    const t = b(), { manifest: o, assumedRenditionLayout: r } = C(() => t?.context, [t]) ?? {}, { nav: i } = o ?? {}, a = te();
+    const t = m(), { manifest: o, assumedRenditionLayout: r } = S(() => t?.context, [t]) ?? {}, { nav: i } = o ?? {}, a = te();
     i?.toc;
     const { beginSpineItemIndex: l, beginPageIndexInSpineItem: c } = a ?? {}, d = (r === "reflowable" ? c : l) || 0;
     let u = a?.beginChapterInfo;
     for (; u?.subChapter; )
       u = u?.subChapter;
-    const p = (h, m, I) => /* @__PURE__ */ s(ln.Fragment, { children: [
+    const p = (h, C, v) => /* @__PURE__ */ s(an.Fragment, { children: [
       /* @__PURE__ */ e(
         B.Item,
         {
-          pl: 4 * (I + 1),
+          pl: 4 * (v + 1),
           style: {
             display: "flex",
             alignItems: "center"
           },
           children: /* @__PURE__ */ s(
-            xe,
+            ve,
             {
               onClick: () => {
                 n(), t?.navigation.goToUrl(h.href);
@@ -1853,10 +1880,10 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
               children: [
                 u?.path === h.path && /* @__PURE__ */ e(B.Indicator, { asChild: !0, children: /* @__PURE__ */ e(we, {}) }),
                 u?.path !== h.path && /* @__PURE__ */ e(B.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(we, {}) }),
-                /* @__PURE__ */ s(R, { gap: 0, children: [
-                  /* @__PURE__ */ e(S, { fontSize: "md", children: h.title || h.path }),
+                /* @__PURE__ */ s(O, { gap: 0, children: [
+                  /* @__PURE__ */ e(b, { fontSize: "md", children: h.title || h.path }),
                   u?.path === h.path && /* @__PURE__ */ e(
-                    S,
+                    b,
                     {
                       fontStyle: "italic",
                       fontWeight: "bold",
@@ -1871,12 +1898,12 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
         }
       ),
       h.contents.length > 0 && /* @__PURE__ */ e(B.Root, { as: "div", gap: 2, children: h.contents.map(
-        (x, D) => p(x, D, I + 1)
+        (R, D) => p(R, D, v + 1)
       ) })
-    ] }, m);
-    return /* @__PURE__ */ e(B.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i?.toc.map((h, m) => p(h, m, 0)) });
+    ] }, C);
+    return /* @__PURE__ */ e(B.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i?.toc.map((h, C) => p(h, C, 0)) });
   }
-), uo = f(
+), uo = g(
   ({
     open: n,
     setOpen: t,
@@ -1899,46 +1926,46 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
     }
   )
 ), ho = () => {
-  const n = b(), { zoomMaxScale: t } = A(["zoomMaxScale"]);
-  L(
+  const n = m(), { zoomMaxScale: t } = y(["zoomMaxScale"]);
+  $(
     function() {
       n?.gestures.settings.update({
-        zoomMaxScale: t ?? He
+        zoomMaxScale: t ?? We
       });
     },
     [n, t]
   );
-}, Ee = 0.5, Ae = 1, go = (n, t, o, r) => {
+}, Ee = 0.5, Ae = 1, po = (n, t, o, r) => {
   if (n > t && n < t + r)
     return t + r;
   const i = Math.min(Math.max(n, t), o), a = Math.round((i - t) / r) * r + t;
   return Math.round(a * 100) / 100;
-}, po = f(() => {
-  const { quickMenuBottomBarBoundingBoxSignal: n, zoomMaxScale: t = He } = A([
+}, go = g(() => {
+  const { quickMenuBottomBarBoundingBoxSignal: n, zoomMaxScale: t = We } = y([
     "quickMenuBottomBarBoundingBoxSignal",
     "zoomMaxScale"
-  ]), o = Se(
+  ]), o = be(
     n
-  ), r = b(), i = C(
+  ), r = m(), i = S(
     () => r?.zoom.state$.pipe(
-      P((d) => d.currentScale),
-      Le(100, Fn, {
+      E((d) => d.currentScale),
+      De(100, Bn, {
         leading: !0,
         trailing: !0
       })
     ),
     [r]
-  ) ?? 1, a = C(
-    () => r?.zoom.state$.pipe(P((d) => d.isZooming)),
+  ) ?? 1, a = S(
+    () => r?.zoom.state$.pipe(E((d) => d.isZooming)),
     [r]
-  ) ?? !1, l = go(
+  ) ?? !1, l = po(
     i,
     Ae,
     t,
     Ee
   ), c = o?.borderBoxSize?.[0]?.blockSize ?? 1;
   return /* @__PURE__ */ e(
-    ae,
+    de,
     {
       present: a && i > 1,
       animationName: { _open: "fade-in", _closed: "fade-out" },
@@ -1951,7 +1978,7 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
       borderRadius: "md",
       p: 4,
       children: /* @__PURE__ */ e(
-        ze,
+        Oe,
         {
           value: [l],
           min: Ae,
@@ -1968,28 +1995,27 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
       )
     }
   );
-}), Be = { _open: "fade-in", _closed: "fade-out" }, fo = f(() => (mt(), null)), mo = f(() => (ho(), $t(), Vt(), no(), bt(), /* @__PURE__ */ s(de, { children: [
-  /* @__PURE__ */ e(Ot, {}),
-  /* @__PURE__ */ e(fo, {})
-] }))), bo = f(
+}), fo = { _open: "fade-in", _closed: "fade-out" }, mo = g(() => (ft(), null)), bo = g(() => (ho(), $t(), Nt(), no(), mt(), /* @__PURE__ */ s(ce, { children: [
+  /* @__PURE__ */ e(Rt, {}),
+  /* @__PURE__ */ e(mo, {})
+] }))), So = g(
   ({
     children: n,
     ...t
   }) => {
-    const { enableFloatingTime: o, enableFloatingProgress: r, onItemClick: i } = A([
+    const { enableFloatingTime: o, onItemClick: r } = y([
       "enableFloatingTime",
-      "enableFloatingProgress",
       "onItemClick"
-    ]), [a, l] = T(!1), [c, d] = T(!1), [u, p] = T(!1), [h, m] = T(void 0), [I, x] = T(!1), [D, k] = fe(), w = z(() => {
-      l(!1), d(!1), p(!1), m(void 0), k(!1), x(!1);
-    }, [k]), $ = z(
-      (g) => {
-        g === "annotations" ? m("annotations") : g === "search" ? p(!0) : g === "help" ? d(!0) : g === "toc" ? l(!0) : g === "bookmarks" ? m("bookmarks") : g === "gallery" && x(!0), i?.(g);
+    ]), [i, a] = w(!1), [l, c] = w(!1), [d, u] = w(!1), [p, h] = w(void 0), [C, v] = w(!1), [R, D] = Te(), x = z(() => {
+      a(!1), c(!1), u(!1), h(void 0), D(!1), v(!1);
+    }, [D]), L = z(
+      (I) => {
+        I === "annotations" ? h("annotations") : I === "search" ? u(!0) : I === "help" ? c(!0) : I === "toc" ? a(!0) : I === "bookmarks" ? h("bookmarks") : I === "gallery" && v(!0), r?.(I);
       },
-      [i]
+      [r]
     );
-    return /* @__PURE__ */ s(de, { children: [
-      /* @__PURE__ */ e(mo, {}),
+    return /* @__PURE__ */ s(ce, { children: [
+      /* @__PURE__ */ e(bo, {}),
       /* @__PURE__ */ s(
         _,
         {
@@ -2003,75 +2029,67 @@ const Gt = le.Root, qt = le.ValueText, Me = () => {
           ...t,
           children: [
             n,
-            r && /* @__PURE__ */ e(
-              ae,
-              {
-                present: !D,
-                animationName: Be,
-                animationDuration: "moderate",
-                children: /* @__PURE__ */ e(Ft, {})
-              }
-            ),
-            /* @__PURE__ */ e(Pt, { open: I, setOpen: x }),
+            /* @__PURE__ */ e(Ft, {}),
+            /* @__PURE__ */ e(yt, { open: C, setOpen: v }),
             /* @__PURE__ */ e(oo, {}),
-            /* @__PURE__ */ e(eo, { onItemClick: $ }),
-            /* @__PURE__ */ e(po, {}),
-            /* @__PURE__ */ e(zt, {}),
-            /* @__PURE__ */ e(ft, {}),
-            /* @__PURE__ */ e(Bt, { open: c, setOpen: d }),
+            /* @__PURE__ */ e(eo, { onItemClick: L }),
+            /* @__PURE__ */ e(go, {}),
+            /* @__PURE__ */ e(Ot, {}),
+            /* @__PURE__ */ e(gt, {}),
+            /* @__PURE__ */ e(At, { open: l, setOpen: c }),
             /* @__PURE__ */ e(
               uo,
               {
-                open: a,
-                setOpen: l,
-                onNavigate: w
+                open: i,
+                setOpen: a,
+                onNavigate: x
               }
             ),
             /* @__PURE__ */ e(
               so,
               {
-                open: u,
-                setOpen: p,
-                onNavigate: w
+                open: d,
+                setOpen: u,
+                onNavigate: x
               }
             ),
             /* @__PURE__ */ e(
-              dt,
+              ct,
               {
-                openWith: h,
-                setOpen: (g) => m(g ? "annotations" : void 0),
-                onNavigate: w
+                openWith: p,
+                setOpen: (I) => h(I ? "annotations" : void 0),
+                onNavigate: x
               }
             ),
             /* @__PURE__ */ e(
-              ae,
+              de,
               {
-                present: o || D,
-                animationName: Be,
+                present: o || R,
+                animationName: fo,
                 animationDuration: "slow",
                 overflow: "hidden",
                 children: /* @__PURE__ */ e(Lt, {})
               }
             ),
-            /* @__PURE__ */ e(St, {})
+            /* @__PURE__ */ e(bt, {})
           ]
         }
       )
     ] });
   }
-), Do = f(
+), Lo = g(
   ({
     children: n,
     slots: t,
     ...o
   }) => {
     const { container: { props: r = {} } = {} } = t ?? {};
-    return /* @__PURE__ */ e(vt, { ...o, children: /* @__PURE__ */ e(bo, { ...r, children: n }) });
+    return /* @__PURE__ */ e(Ct, { ...o, children: /* @__PURE__ */ e(So, { ...r, children: n }) });
   }
 );
 export {
-  tt as BOOKMARK_AREA_DATA_ATTRIBUTE,
-  He as MAX_ZOOM_SCALE,
-  Do as ReactReader
+  nt as BOOKMARK_AREA_DATA_ATTRIBUTE,
+  We as MAX_ZOOM_SCALE,
+  Lo as ReactReader
 };
 //# sourceMappingURL=index.js.map