@prose-reader/react-reader 1.254.0 → 1.256.0

package/dist/index.js

@@ -1,23 +1,23 @@
-import { jsxs as l, jsx as e, Fragment as xe } from "react/jsx-runtime";
-import * as w from "react";
-import on, { createContext as rn, useContext as an, useEffect as j, memo as m, useCallback as B, useState as y, useMemo as ln, useLayoutEffect as sn, useRef as cn } from "react";
-import { signal as V, useObserve as f, useConstant as H, useSignalValue as te, isDefined as $e, useSubscribe as ce, useSignalState as dn } from "reactjrx";
-import { Subject as un, map as E, filter as ue, switchMap as N, EMPTY as Ce, of as he, withLatestFrom as hn, NEVER as ke, startWith as pn, distinctUntilChanged as Ie, throttleTime as He, tap as We, first as Ne, combineLatest as gn, mergeMap as fn, Observable as mn, skip as je, merge as qe, timer as Ge, finalize as bn, BehaviorSubject as Sn, animationFrameScheduler as Cn } from "rxjs";
-import { IconButton as v, Portal as ze, Dialog as O, List as A, Link as Oe, Stack as k, Text as g, Tabs as $, Button as q, Presence as ae, Box as F, createToaster as vn, Toaster as xn, Toast as ee, Spinner as kn, Field as re, Slider as R, HStack as _, For as In, Fieldset as W, Heading as be, Kbd as Fe, Popover as ne, Progress as le, chakra as zn, Collapsible as Se, RadioGroup as ie, Input as On } from "@chakra-ui/react";
-import { LuX as Rn, LuNotebookPen as pe, LuBookmark as Mn, LuArrowBigRight as Tn, LuArrowBigLeft as yn, LuChevronDown as wn, LuCircleHelp as Pn, LuTableOfContents as Bn, LuSearch as An, LuZoomOut as En, LuZoomIn as Fn, LuGalleryHorizontal as Dn, LuCircleCheck as De } from "react-icons/lu";
-import { createPortal as Vn } from "react-dom";
-import { isPositionInArea as _n } from "@prose-reader/enhancer-gestures";
-import { isShallowEqual as Ln, observeIntersection as $n, isHtmlTagElement as Hn } from "@prose-reader/core";
-import { BiFontSize as Wn } from "react-icons/bi";
-import { BsBookmarks as Nn } from "react-icons/bs";
-import { MdOutlineFitScreen as jn, MdFullscreenExit as qn, MdFullscreen as Gn } from "react-icons/md";
-import { RiGalleryView2 as Yn } from "react-icons/ri";
-import { RxDoubleArrowUp as Qn, RxDoubleArrowLeft as Un, RxDoubleArrowDown as Zn, RxDoubleArrowRight as Kn } from "react-icons/rx";
-import { HiOutlineInformationCircle as Xn } from "react-icons/hi";
-import Jn from "rc-slider";
+import { jsxs as l, jsx as e, Fragment as Ce } from "react/jsx-runtime";
+import * as B from "react";
+import Ue, { createContext as Ye, useContext as Ae, useEffect as N, memo as v, useCallback as D, useState as y, useMemo as Ze, useLayoutEffect as Xe, useRef as Ke } from "react";
+import { signal as V, useObserve as b, useConstant as oe, useSignalValue as ce, isDefined as De, useLiveRef as Je, useSubscribe as pe, useSignalState as en } from "reactjrx";
+import { Subject as nn, map as L, filter as de, switchMap as W, EMPTY as Te, of as ue, withLatestFrom as tn, NEVER as Se, startWith as on, distinctUntilChanged as Fe, throttleTime as _e, tap as rn, first as Le, combineLatest as an, mergeMap as ln, Observable as sn, skip as cn, merge as $e, timer as Ve, finalize as dn, BehaviorSubject as un, animationFrameScheduler as hn } from "rxjs";
+import { IconButton as I, Portal as xe, Dialog as T, List as A, Link as ke, Stack as O, Text as m, Tabs as E, Button as G, Presence as ae, Box as _, createToaster as pn, Toaster as gn, Toast as J, Spinner as fn, RadioGroup as re, Slider as w, HStack as F, For as mn, useMediaQuery as bn, Fieldset as H, Heading as me, Kbd as ze, Popover as ee, Progress as le, chakra as vn, Collapsible as be, Field as te, Input as Cn } from "@chakra-ui/react";
+import { LuX as Sn, LuNotebookPen as he, LuBookmark as xn, LuCheck as kn, LuArrowBigRight as In, LuArrowBigLeft as Rn, LuChevronDown as On, LuCircleHelp as Mn, LuTableOfContents as Tn, LuSearch as zn, LuZoomOut as wn, LuZoomIn as yn, LuGalleryHorizontal as Pn, LuCircleCheck as we } from "react-icons/lu";
+import { createPortal as En } from "react-dom";
+import { isPositionInArea as Bn } from "@prose-reader/enhancer-gestures";
+import { isShallowEqual as An, observeIntersection as Dn, isHtmlTagElement as Fn } from "@prose-reader/core";
+import { BiFontSize as _n } from "react-icons/bi";
+import { BsBookmarks as Ln } from "react-icons/bs";
+import { MdOutlineFitScreen as $n, MdFullscreenExit as Vn, MdFullscreen as Hn } from "react-icons/md";
+import { RiGalleryView2 as Wn } from "react-icons/ri";
+import { RxDoubleArrowUp as Nn, RxDoubleArrowLeft as Gn, RxDoubleArrowDown as qn, RxDoubleArrowRight as jn } from "react-icons/rx";
+import { HiOutlineInformationCircle as Qn } from "react-icons/hi";
+import Un 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", Ye = () => ({
+import { IoIosArrowBack as Yn, IoMdMore as Zn } from "react-icons/io";
+const Xn = "data-bookmark-area", He = () => ({
   reader: void 0,
   quickMenuOpen: !1,
   onQuickMenuOpenChange: () => {
@@ -25,135 +25,117 @@ const tt = "data-bookmark-area", Ye = () => ({
   quickMenuBottomBarBoundingBoxSignal: V({
     default: void 0
   }),
-  notificationsSubject: new un(),
+  notificationsSubject: new nn(),
   refitMenuOpen: !1,
   onRefitMenuOpenChange: () => {
   },
-  fontSizeMenuOpen: !0,
+  fontSizeMenuOpen: !1,
   onFontSizeMenuOpenChange: () => {
   },
-  fontSize: 1,
   fontSizeMin: 0.2,
   fontSizeMax: 5,
-  fontSizeScopeValue: "book",
-  onFontSizeValueChange: () => {
-  },
-  onFontSizeScopeValueChange: () => {
-  }
-}), Qe = rn(
-  V({ default: Ye() })
-), D = (n) => {
-  const t = an(Qe);
-  return f(t, n);
-}, b = () => {
-  const { reader: n } = D(["reader"]);
+  uncontrolledFontSize: 1
+}), Ie = Ye(
+  V({ default: He() })
+), $ = (n) => {
+  const t = Ae(Ie);
+  return b(t, n);
+}, Kn = () => Ae(Ie), C = () => {
+  const { reader: n } = $(["reader"]);
   return n;
-}, Ue = (n) => !!n && "__PROSE_READER_ENHANCER_SEARCH" in n, se = (n) => !!n && "__PROSE_READER_ENHANCER_ANNOTATIONS" in n, Ze = (n) => !!n && "__PROSE_READER_ENHANCER_GALLERY" in n, Ke = (n) => !!n && "__PROSE_READER_ENHANCER_REFIT" in n, ot = () => {
-  const n = b(), { fontSize: t } = D(["fontSize"]);
-  return j(() => {
-    if (n && t !== void 0) {
-      const o = setTimeout(() => {
+}, We = (n) => !!n && "__PROSE_READER_ENHANCER_SEARCH" in n, se = (n) => !!n && "__PROSE_READER_ENHANCER_ANNOTATIONS" in n, Ne = (n) => !!n && "__PROSE_READER_ENHANCER_GALLERY" in n, Ge = (n) => !!n && "__PROSE_READER_ENHANCER_REFIT" in n, Jn = () => {
+  const n = C(), { fontSize: t, uncontrolledFontSize: o } = $([
+    "fontSize",
+    "uncontrolledFontSize"
+  ]), r = t ?? o;
+  return N(() => {
+    if (n && r) {
+      const i = setTimeout(() => {
         n.settings.update({
-          fontScale: t
+          fontScale: r
         });
       }, 200);
-      return () => clearTimeout(o);
+      return () => clearTimeout(i);
     }
-  }, [n, t]), null;
-}, rt = ({
+  }, [n, r]), null;
+}, et = ({
   children: n,
   onQuickMenuOpenChange: t,
   quickMenuOpen: o,
   fontSizeScope: r,
-  onFontSizeScopeValueChange: i,
+  onFontSizeScopeChange: i,
   fontSize: a,
-  onFontSizeValueChange: s,
+  onFontSizeChange: s,
   ...c
 }) => {
-  const d = H(() => V({ default: Ye() })), u = H(
+  const d = oe(() => V({ default: He() })), u = oe(
     () => V({ default: d.value.fontSizeMenuOpen })
-  ), p = te(
+  ), g = ce(
     u
-  ), h = B(
-    (T) => {
-      u.update(T);
+  ), p = D(
+    (M) => {
+      u.update(M);
     },
     [u]
-  ), S = H(
-    () => V({ default: d.value.fontSize })
-  ), I = te(S), x = B(
-    (T) => {
-      S.update(T);
-    },
-    [S]
-  ), P = a ?? I, C = s ?? x, z = H(
-    () => V({ default: d.value.fontSizeScopeValue })
-  ), L = te(
-    z
-  ), M = B(
-    (T) => {
-      z.update(T);
-    },
-    [z]
-  ), ye = r ?? L, we = i ?? M, fe = H(
+  ), f = oe(
     () => V({ default: d.value.quickMenuOpen })
-  ), nn = B(
-    (T) => {
-      fe.update(T);
+  ), S = D(
+    (M) => {
+      f.update(M);
     },
-    [fe]
-  ), tn = te(
-    fe
-  ), Pe = o ?? tn, Be = t ?? nn, me = H(
+    [f]
+  ), k = ce(
+    f
+  ), z = o ?? k, x = t ?? S, R = oe(
     () => V({ default: d.value.refitMenuOpen })
-  ), Ae = B(
-    (T) => {
-      me.update(T);
+  ), P = D(
+    (M) => {
+      R.update(M);
     },
-    [me]
-  ), Ee = te(
-    me
+    [R]
+  ), h = ce(
+    R
   );
-  return j(() => {
-    d.update((T) => ({
-      ...T,
+  return N(() => {
+    d.update((M) => ({
+      ...M,
       ...c,
-      onQuickMenuOpenChange: Be,
-      quickMenuOpen: Pe,
-      onFontSizeMenuOpenChange: h,
-      fontSizeMenuOpen: p,
-      onRefitMenuOpenChange: Ae,
-      refitMenuOpen: Ee,
-      fontSizeScopeValue: ye,
-      onFontSizeScopeValueChange: we,
-      fontSize: P,
-      onFontSizeValueChange: C
+      onQuickMenuOpenChange: x,
+      quickMenuOpen: z,
+      onFontSizeMenuOpenChange: p,
+      fontSizeMenuOpen: g,
+      onRefitMenuOpenChange: P,
+      refitMenuOpen: h,
+      fontSizeScope: r,
+      onFontSizeScopeChange: i,
+      fontSize: a,
+      onFontSizeChange: s
     }));
   }, [
     ...Object.values(c),
-    Pe,
-    Be,
-    ye,
-    we,
-    P,
-    C,
+    z,
+    x,
+    r,
+    i,
+    a,
+    s,
     d,
+    g,
     p,
     h,
-    Ee,
-    Ae
-  ]), /* @__PURE__ */ e(Qe.Provider, { value: d, children: n });
-}, wo = m(
+    P
+  ]), /* @__PURE__ */ e(Ie.Provider, { value: d, children: n });
+}, To = v(
   ({
     children: n,
     ...t
-  }) => /* @__PURE__ */ l(rt, { ...t, children: [
-    /* @__PURE__ */ e(ot, {}),
+  }) => /* @__PURE__ */ l(et, { ...t, children: [
+    /* @__PURE__ */ e(Jn, {}),
     n
   ] })
-), it = w.forwardRef(function(t, o) {
-  return /* @__PURE__ */ e(v, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(Rn, {}) });
-}), G = w.forwardRef(function(t, o) {
+), nt = B.forwardRef(function(t, o) {
+  return /* @__PURE__ */ e(I, { variant: "ghost", "aria-label": "Close", ref: o, ...t, children: t.children ?? /* @__PURE__ */ e(Sn, {}) });
+}), q = B.forwardRef(function(t, o) {
   const {
     children: r,
     portalled: i = !0,
@@ -161,59 +143,59 @@ const tt = "data-bookmark-area", Ye = () => ({
     backdrop: s = !0,
     ...c
   } = t;
-  return /* @__PURE__ */ l(ze, { disabled: !i, container: a, children: [
-    s && /* @__PURE__ */ e(O.Backdrop, {}),
-    /* @__PURE__ */ e(O.Positioner, { children: /* @__PURE__ */ e(O.Content, { ref: o, ...c, asChild: !1, children: r }) })
+  return /* @__PURE__ */ l(xe, { disabled: !i, container: a, children: [
+    s && /* @__PURE__ */ e(T.Backdrop, {}),
+    /* @__PURE__ */ e(T.Positioner, { children: /* @__PURE__ */ e(T.Content, { ref: o, ...c, asChild: !1, children: r }) })
   ] });
-}), Y = w.forwardRef(function(t, o) {
+}), j = B.forwardRef(function(t, o) {
   return /* @__PURE__ */ e(
-    O.CloseTrigger,
+    T.CloseTrigger,
     {
       position: "absolute",
       top: "2",
       insetEnd: "2",
       ...t,
       asChild: !0,
-      children: /* @__PURE__ */ e(it, { size: "sm", ref: o, children: t.children })
+      children: /* @__PURE__ */ e(nt, { size: "sm", ref: o, children: t.children })
     }
   );
-}), Q = O.Root, U = O.Footer, Z = O.Header, K = O.Body;
-O.Backdrop;
-const X = O.Title;
-O.Description;
-O.Trigger;
-const J = O.ActionTrigger, at = (n) => {
-  const t = b(), o = se(t) ? t : void 0;
-  return { data: f(
+}), Q = T.Root, U = T.Footer, Y = T.Header, Z = T.Body;
+T.Backdrop;
+const X = T.Title;
+T.Description;
+T.Trigger;
+const K = T.ActionTrigger, tt = (n) => {
+  const t = C(), o = se(t) ? t : void 0;
+  return { data: b(
     () => o?.annotations.annotations$.pipe(
-      E((i) => i.find((a) => a.id === n)),
-      ue($e),
-      N((i) => o.locateResource(i))
+      L((i) => i.find((a) => a.id === n)),
+      de(De),
+      W((i) => o.locateResource(i))
     ),
     [o]
   ) };
-}, Xe = ({
+}, qe = ({
   id: n,
   onNavigate: t,
   allowLeftIcon: o = !0
 }) => {
-  const r = b(), { data: i } = at(n), a = i?.meta.range?.toString() || i?.meta.node?.textContent;
+  const r = C(), { data: i } = tt(n), a = i?.meta.range?.toString() || i?.meta.node?.textContent;
   return /* @__PURE__ */ e(A.Item, { children: /* @__PURE__ */ l(
-    Oe,
+    ke,
     {
       href: "#",
       onClick: () => {
         t(), r?.navigation.goToCfi(i?.meta.cfi ?? "");
       },
       children: [
-        i?.resource?.notes ? /* @__PURE__ */ e(A.Indicator, { asChild: !0, children: /* @__PURE__ */ e(pe, {}) }) : o ? /* @__PURE__ */ e(A.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(pe, {}) }) : null,
-        /* @__PURE__ */ l(k, { gap: 0, children: [
-          a ? /* @__PURE__ */ e(g, { lineClamp: 2, fontSize: "md", children: a }) : /* @__PURE__ */ l(g, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
+        i?.resource?.notes ? /* @__PURE__ */ e(A.Indicator, { asChild: !0, children: /* @__PURE__ */ e(he, {}) }) : o ? /* @__PURE__ */ e(A.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(he, {}) }) : null,
+        /* @__PURE__ */ l(O, { gap: 0, children: [
+          a ? /* @__PURE__ */ e(m, { lineClamp: 2, fontSize: "md", children: a }) : /* @__PURE__ */ l(m, { lineClamp: 2, fontSize: "md", fontStyle: "italic", children: [
             "Page ",
             (i?.meta.absolutePageIndex ?? 0) + 1
           ] }),
           /* @__PURE__ */ e(
-            g,
+            m,
             {
               fontStyle: "italic",
               fontWeight: "bold",
@@ -226,41 +208,41 @@ const J = O.ActionTrigger, at = (n) => {
     }
   ) });
 }, ge = () => {
-  const n = b(), t = se(n) ? n : void 0;
-  return { data: f(
+  const n = C(), t = se(n) ? n : void 0;
+  return { data: b(
     () => t?.annotations.annotations$.pipe(
-      N(
+      W(
         (r) => t.locateResource(r)
       )
     ),
     [t]
   ) };
-}, lt = () => {
+}, ot = () => {
   const { data: n } = ge();
   return {
     data: n?.filter((t) => t.meta.isCfiRange)
   };
-}, st = ({ onNavigate: n }) => {
-  const { data: t } = lt();
+}, rt = ({ onNavigate: n }) => {
+  const { data: t } = ot();
   return /* @__PURE__ */ e(A.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ e(
-    Xe,
+    qe,
     {
       id: o.resource.id,
       onNavigate: n
     },
     o.resource.id
   )) });
-}, ct = () => {
+}, it = () => {
   const { data: n } = ge();
   return {
     data: n?.filter(
       (t) => !t.meta.isCfiRange && !t.resource.notes
     )
   };
-}, dt = ({ onNavigate: n }) => {
-  const { data: t } = ct();
+}, at = ({ onNavigate: n }) => {
+  const { data: t } = it();
   return /* @__PURE__ */ e(A.Root, { overflowY: "auto", gap: 3, pt: 4, variant: "plain", children: t?.map((o) => /* @__PURE__ */ e(
-    Xe,
+    qe,
     {
       id: o.resource.id,
       onNavigate: n,
@@ -268,36 +250,36 @@ const J = O.ActionTrigger, at = (n) => {
     },
     o.resource.id
   )) });
-}, ut = m(
+}, lt = v(
   ({
     onNavigate: n,
     defaultTab: t
   }) => {
     const [o, r] = y(t ?? "bookmarks");
     return /* @__PURE__ */ l(
-      $.Root,
+      E.Root,
       {
         value: o,
         onValueChange: (i) => r(i.value),
         children: [
-          /* @__PURE__ */ l($.List, { children: [
-            /* @__PURE__ */ l($.Trigger, { value: "bookmarks", children: [
-              /* @__PURE__ */ e(Mn, {}),
+          /* @__PURE__ */ l(E.List, { children: [
+            /* @__PURE__ */ l(E.Trigger, { value: "bookmarks", children: [
+              /* @__PURE__ */ e(xn, {}),
               "Bookmarks"
             ] }),
-            /* @__PURE__ */ l($.Trigger, { value: "annotations", children: [
-              /* @__PURE__ */ e(pe, {}),
+            /* @__PURE__ */ l(E.Trigger, { value: "annotations", children: [
+              /* @__PURE__ */ e(he, {}),
               "Annotations"
             ] }),
-            /* @__PURE__ */ e($.Indicator, {})
+            /* @__PURE__ */ e(E.Indicator, {})
           ] }),
-          /* @__PURE__ */ e($.Content, { value: "bookmarks", children: /* @__PURE__ */ e(dt, { onNavigate: n }) }),
-          /* @__PURE__ */ e($.Content, { value: "annotations", children: /* @__PURE__ */ e(st, { onNavigate: n }) })
+          /* @__PURE__ */ e(E.Content, { value: "bookmarks", children: /* @__PURE__ */ e(at, { onNavigate: n }) }),
+          /* @__PURE__ */ e(E.Content, { value: "annotations", children: /* @__PURE__ */ e(rt, { onNavigate: n }) })
         ]
       }
     );
   }
-), ht = m(
+), st = v(
   ({
     openWith: n,
     setOpen: t,
@@ -311,50 +293,50 @@ const J = O.ActionTrigger, at = (n) => {
       onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ l(G, { height: "100%", children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Annotations" }) }),
-        /* @__PURE__ */ e(K, { flex: 1, children: /* @__PURE__ */ e(
-          ut,
+      children: /* @__PURE__ */ l(q, { height: "100%", children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Annotations" }) }),
+        /* @__PURE__ */ e(Z, { flex: 1, children: /* @__PURE__ */ e(
+          lt,
           {
             onNavigate: o,
             defaultTab: n
           }
         ) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(Y, {})
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(G, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(j, {})
       ] })
     }
   )
-), pt = m(({ children: n }) => {
-  const t = b(), o = f(() => t?.spine.element$, [t]);
-  return o ? /* @__PURE__ */ e(xe, { children: Vn(n, o) }) : null;
-}), gt = ({
+), ct = v(({ children: n }) => {
+  const t = C(), o = b(() => t?.spine.element$, [t]);
+  return o ? /* @__PURE__ */ e(Ce, { children: En(n, o) }) : null;
+}), dt = ({
   absolutePageIndex: n,
   itemIndex: t
 }) => {
-  const o = b();
+  const o = C();
   return {
-    spineItem: f(() => o ? t !== void 0 ? he(o.spine.spineItemsManager.get(t)) : n !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(n).pipe(
-      E((i) => o.spine.spineItemsManager.get(i?.itemIndex))
-    ) : Ce : Ce, [t, n, o])
+    spineItem: b(() => o ? t !== void 0 ? ue(o.spine.spineItemsManager.get(t)) : n !== void 0 ? o.spine.pages.observeFromAbsolutePageIndex(n).pipe(
+      L((i) => o.spine.spineItemsManager.get(i?.itemIndex))
+    ) : Te : Te, [t, n, o])
   };
-}, ft = ({
+}, ut = ({
   absolutePageIndex: n,
   itemIndex: t
 }) => {
-  const { spineItem: o } = gt({ absolutePageIndex: n, itemIndex: t }), r = f(
-    () => o?.isReady$ ?? he(!1),
+  const { spineItem: o } = dt({ absolutePageIndex: n, itemIndex: t }), r = b(
+    () => o?.isReady$ ?? ue(!1),
     [o]
   );
   return { spineItem: o, isReady: r };
-}, mt = m(
+}, ht = v(
   ({
     absolutePageIndex: n,
     left: t,
     top: o,
     width: r
   }) => {
-    const { isReady: i } = ft({
+    const { isReady: i } = ut({
       absolutePageIndex: n
     }), { data: a } = ge(), s = a?.find(
       (d) => d?.meta?.absolutePageIndex === n && d.meta.range === void 0
@@ -369,9 +351,9 @@ const J = O.ActionTrigger, at = (n) => {
         animationName: { _open: "fade-in", _closed: "fade-out" },
         animationDuration: "moderate",
         children: /* @__PURE__ */ e(
-          F,
+          _,
           {
-            "data-bookmark-area": tt,
+            "data-bookmark-area": Xn,
             position: "absolute",
             left: t + r,
             transform: "translateX(-100%)",
@@ -394,11 +376,11 @@ const J = O.ActionTrigger, at = (n) => {
       }
     );
   }
-), bt = m(() => {
-  const n = b(), t = f(() => n?.layoutInfo$, [n]);
-  return /* @__PURE__ */ e(pt, { children: t?.pages.map(
+), pt = v(() => {
+  const n = C(), t = b(() => n?.layoutInfo$, [n]);
+  return /* @__PURE__ */ e(ct, { children: t?.pages.map(
     ({ absoluteLayout: { left: o, top: r, width: i } }, a) => /* @__PURE__ */ e(
-      mt,
+      ht,
       {
         absolutePageIndex: a,
         left: o,
@@ -408,16 +390,16 @@ const J = O.ActionTrigger, at = (n) => {
       a
     )
   ) });
-}), St = () => {
-  const n = b();
+}), gt = () => {
+  const n = C();
   return se(n) ? n : void 0;
-}, Ct = () => {
-  const n = St(), { data: t } = ge();
-  j(() => n ? n.gestures.hooks.register(
+}, ft = () => {
+  const n = gt(), { data: t } = ge();
+  N(() => n ? n.gestures.hooks.register(
     "beforeTapGesture",
     ({ event$: r }) => r.pipe(
-      hn(n?.annotations.candidates$),
-      E(([i, a]) => {
+      tn(n?.annotations.candidates$),
+      L(([i, a]) => {
         if (!i.page) return !0;
         const {
           spineItem: s,
@@ -425,7 +407,7 @@ const J = O.ActionTrigger, at = (n) => {
           spineItemPagePosition: d,
           pageSize: u
         } = i.page;
-        if (_n(
+        if (Bn(
           d,
           {
             type: "corner",
@@ -435,144 +417,201 @@ const J = O.ActionTrigger, at = (n) => {
           },
           u
         )) {
-          const h = n.spine.pages.fromSpineItemPageIndex(
+          const p = n.spine.pages.fromSpineItemPageIndex(
             s,
             c
           );
-          if (!h) return !0;
-          const S = t?.find(
-            (x) => x?.meta?.absolutePageIndex === h.absolutePageIndex && x.meta.range === void 0
+          if (!p) return !0;
+          const f = t?.find(
+            (k) => k?.meta?.absolutePageIndex === p.absolutePageIndex && k.meta.range === void 0
           );
-          if (S)
-            return n?.annotations.delete(S.resource.id), !1;
-          if (a?.[h.absolutePageIndex])
+          if (f)
+            return n?.annotations.delete(f.resource.id), !1;
+          if (a?.[p.absolutePageIndex])
             return n?.annotations.annotateAbsolutePage({
-              absolutePageIndex: h.absolutePageIndex
+              absolutePageIndex: p.absolutePageIndex
             }), !1;
         }
         return !0;
       })
     )
   ) : void 0, [n, t]);
-}, ve = vn({
+}, ve = pn({
   placement: "bottom-end",
   pauseOnPageIdle: !0
-}), vt = () => /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(xn, { toaster: ve, insetInline: { mdDown: "4" }, children: (n) => /* @__PURE__ */ l(ee.Root, { width: { md: "sm" }, children: [
-  n.type === "loading" ? /* @__PURE__ */ e(kn, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ e(ee.Indicator, {}),
-  /* @__PURE__ */ l(k, { gap: "1", flex: "1", maxWidth: "100%", children: [
-    n.title && /* @__PURE__ */ e(ee.Title, { children: n.title }),
-    n.description && /* @__PURE__ */ e(ee.Description, { children: n.description })
+}), mt = () => /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(gn, { toaster: ve, insetInline: { mdDown: "4" }, children: (n) => /* @__PURE__ */ l(J.Root, { width: { md: "sm" }, children: [
+  n.type === "loading" ? /* @__PURE__ */ e(fn, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ e(J.Indicator, {}),
+  /* @__PURE__ */ l(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(ee.ActionTrigger, { children: n.action.label }),
-  n.meta?.closable && /* @__PURE__ */ e(ee.CloseTrigger, {})
-] }) }) }), Je = w.forwardRef(
+  n.action && /* @__PURE__ */ e(J.ActionTrigger, { children: n.action.label }),
+  n.meta?.closable && /* @__PURE__ */ e(J.CloseTrigger, {})
+] }) }) }), ie = B.forwardRef(
   function(t, o) {
-    const { label: r, children: i, helperText: a, errorText: s, optionalText: c, ...d } = t;
-    return /* @__PURE__ */ l(re.Root, { ref: o, ...d, children: [
-      r && /* @__PURE__ */ l(re.Label, { children: [
-        r,
-        /* @__PURE__ */ e(re.RequiredIndicator, { fallback: c })
-      ] }),
-      i,
-      a && /* @__PURE__ */ e(re.HelperText, { children: a }),
-      s && /* @__PURE__ */ e(re.ErrorText, { children: s })
+    const { children: r, inputProps: i, rootRef: a, ...s } = t;
+    return /* @__PURE__ */ l(re.Item, { ref: a, ...s, children: [
+      /* @__PURE__ */ e(re.ItemHiddenInput, { ref: o, ...i }),
+      /* @__PURE__ */ e(re.ItemIndicator, {}),
+      r && /* @__PURE__ */ e(re.ItemText, { children: r })
     ] });
   }
-), Re = w.forwardRef(
+), je = re.Root, Re = B.forwardRef(
   function(t, o) {
-    const { marks: r, label: i, showValue: a, ...s } = 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__ */ l(R.Root, { ref: o, thumbAlignment: "center", ...s, children: [
-      i && !a && /* @__PURE__ */ e(R.Label, { children: i }),
-      i && a && /* @__PURE__ */ l(_, { justify: "space-between", children: [
-        /* @__PURE__ */ e(R.Label, { children: i }),
-        /* @__PURE__ */ e(R.ValueText, {})
+    const { marks: r, label: i, showValue: a, ...s } = t, c = t.defaultValue ?? t.value, d = r?.map((g) => typeof g == "number" ? { value: g, label: void 0 } : g), u = !!d?.some((g) => g.label);
+    return /* @__PURE__ */ l(w.Root, { ref: o, thumbAlignment: "center", ...s, children: [
+      i && !a && /* @__PURE__ */ e(w.Label, { children: i }),
+      i && a && /* @__PURE__ */ l(F, { justify: "space-between", children: [
+        /* @__PURE__ */ e(w.Label, { children: i }),
+        /* @__PURE__ */ e(w.ValueText, {})
       ] }),
-      /* @__PURE__ */ l(R.Control, { "data-has-mark-label": u || void 0, children: [
-        /* @__PURE__ */ e(R.Track, { children: /* @__PURE__ */ e(R.Range, {}) }),
-        /* @__PURE__ */ e(xt, { value: c }),
-        /* @__PURE__ */ e(kt, { marks: d })
+      /* @__PURE__ */ l(w.Control, { "data-has-mark-label": u || void 0, children: [
+        /* @__PURE__ */ e(w.Track, { children: /* @__PURE__ */ e(w.Range, {}) }),
+        /* @__PURE__ */ e(bt, { value: c }),
+        /* @__PURE__ */ e(vt, { marks: d })
       ] })
     ] });
   }
 );
-function xt(n) {
+function bt(n) {
   const { value: t } = n;
-  return /* @__PURE__ */ e(In, { each: t, children: (o, r) => /* @__PURE__ */ e(R.Thumb, { index: r, children: /* @__PURE__ */ e(R.HiddenInput, {}) }, r) });
+  return /* @__PURE__ */ e(mn, { each: t, children: (o, r) => /* @__PURE__ */ e(w.Thumb, { index: r, children: /* @__PURE__ */ e(w.HiddenInput, {}) }, r) });
 }
-const kt = w.forwardRef(
+const vt = B.forwardRef(
   function(t, o) {
     const { marks: r } = t;
-    return r?.length ? /* @__PURE__ */ e(R.MarkerGroup, { ref: o, children: r.map((i, a) => {
+    return r?.length ? /* @__PURE__ */ e(w.MarkerGroup, { ref: o, children: r.map((i, a) => {
       const s = typeof i == "number" ? i : i.value, c = typeof i == "number" ? void 0 : i.label;
-      return /* @__PURE__ */ l(R.Marker, { value: s, children: [
-        /* @__PURE__ */ e(R.MarkerIndicator, {}),
+      return /* @__PURE__ */ l(w.Marker, { value: s, children: [
+        /* @__PURE__ */ e(w.MarkerIndicator, {}),
         c
       ] }, a);
     }) }) : null;
   }
-), It = m(() => {
-  const {
-    fontSizeMenuOpen: n,
-    onFontSizeMenuOpenChange: t,
-    fontSize: o,
-    fontSizeMin: r,
-    fontSizeMax: i,
-    fontSizeScopeValue: a,
-    onFontSizeValueChange: s
-  } = D([
+), Ct = ["global", "book", "device"], ye = [
+  "global",
+  "book",
+  "mobile",
+  "tablet",
+  "desktop"
+], St = "(max-width: 767px)", xt = "(max-width: 1023px)", kt = v(() => {
+  const n = Kn(), {
+    fontSizeMenuOpen: t,
+    onFontSizeMenuOpenChange: o,
+    uncontrolledFontSize: r,
+    fontSize: i = r,
+    fontSizeMin: a,
+    fontSizeMax: s,
+    fontSizeScope: c,
+    onFontSizeChange: d,
+    onFontSizeScopeChange: u
+  } = $([
     "fontSizeMenuOpen",
     "onFontSizeMenuOpenChange",
     "fontSize",
     "fontSizeMin",
     "fontSizeMax",
-    "fontSizeScopeValue",
-    "onFontSizeValueChange"
-  ]), c = {
+    "fontSizeScope",
+    "onFontSizeChange",
+    "onFontSizeScopeChange",
+    "uncontrolledFontSize"
+  ]), g = Je(d), [p, f] = bn([
+    St,
+    xt
+  ]), S = c === "book" ? "book" : c === "device" ? p ? "mobile" : f ? "tablet" : "desktop" : "global", [k, z] = y(S), x = D(
+    (h, M) => {
+      h === S && (g.current ? g.current(M) : n.update((fe) => ({
+        ...fe,
+        fontSize: M
+      })));
+    },
+    [S, g, n]
+  ), R = D(
+    (h) => i,
+    [i]
+  );
+  console.log({ activeReferenceScope: S, fontSizeScope: c, fontSize: i });
+  const P = {
     showValue: !0,
-    max: i * 100,
-    min: r * 100,
+    max: s * 100,
+    min: a * 100,
     width: "100%",
     step: 0.1 * 100,
     marks: [
       { value: 100, label: "Publisher" },
-      { value: r * 100, label: `${r * 100}%` },
-      { value: i * 100, label: `${i * 100}%` }
+      { value: a * 100, label: `${a * 100}%` },
+      { value: s * 100, label: `${s * 100}%` }
     ]
   };
   return /* @__PURE__ */ e(
     Q,
     {
       lazyMount: !0,
-      open: n,
-      onOpenChange: (d) => {
-        t(d.open);
+      open: t,
+      onOpenChange: (h) => {
+        o(h.open);
       },
       placement: "center",
-      children: /* @__PURE__ */ l(G, { maxH: "40vh", overflow: "auto", children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Font size" }) }),
-        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(k, { gap: 8, flex: 1, children: /* @__PURE__ */ l(W.Root, { children: [
-          /* @__PURE__ */ e(W.Legend, { children: "Font scale" }),
-          /* @__PURE__ */ e(W.HelperText, { children: "Only the one related to the scope will be applied." }),
-          /* @__PURE__ */ e(W.Content, { children: /* @__PURE__ */ e(Je, { label: "Book", children: /* @__PURE__ */ e(
-            Re,
+      children: /* @__PURE__ */ l(q, { maxH: "40vh", overflow: "auto", children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Font size" }) }),
+        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ l(O, { gap: 8, flex: 1, children: [
+          /* @__PURE__ */ l(H.Root, { children: [
+            /* @__PURE__ */ e(H.Legend, { children: "Scope" }),
+            /* @__PURE__ */ e(H.HelperText, { children: "The scope to which apply the font size for this book." }),
+            /* @__PURE__ */ e(H.Content, { children: /* @__PURE__ */ e(
+              je,
+              {
+                onValueChange: (h) => {
+                  const M = h.value;
+                  u?.(M);
+                },
+                value: c ?? "global",
+                disabled: !c,
+                children: /* @__PURE__ */ e(F, { gap: 2, children: Ct.map((h) => /* @__PURE__ */ e(ie, { value: h, children: h === "device" ? p ? "device (Mobile)" : f ? "device (Tablet)" : "device (Desktop)" : h }, h)) })
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ l(
+            E.Root,
             {
-              label: "%",
-              disabled: a !== "book",
-              value: [(o ?? 1) * 100],
-              onValueChange: (d) => {
-                const u = d.value[0] ?? 0;
-                s(u / 100);
-              },
-              ...c
+              value: k,
+              onValueChange: (h) => z(h.value),
+              children: [
+                /* @__PURE__ */ e(E.List, { children: ye.map((h) => /* @__PURE__ */ l(
+                  E.Trigger,
+                  {
+                    value: h,
+                    textTransform: "capitalize",
+                    disabled: h !== "global" && !c,
+                    children: [
+                      S === h && /* @__PURE__ */ e(kn, {}),
+                      h
+                    ]
+                  },
+                  h
+                )) }),
+                ye.map((h) => /* @__PURE__ */ e(E.Content, { value: h, children: /* @__PURE__ */ e(
+                  Re,
+                  {
+                    label: "%",
+                    value: [(R(h) ?? 1) * 100],
+                    onValueChange: (M) => {
+                      const fe = M.value[0] ?? 0;
+                      x(h, fe / 100);
+                    },
+                    ...P
+                  }
+                ) }, h))
+              ]
             }
-          ) }) })
-        ] }) }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Close" }) }) }),
-        /* @__PURE__ */ e(Y, {})
+          )
+        ] }) }),
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(G, { variant: "outline", children: "Close" }) }) }),
+        /* @__PURE__ */ e(j, {})
       ] })
     }
   );
-}), zt = {
+}), It = {
   x: 0,
   y: 0,
   width: 0,
@@ -582,43 +621,43 @@ const kt = w.forwardRef(
   bottom: 0,
   right: 0
 };
-function Ot() {
-  const [n, t] = y(null), [o, r] = y(zt), i = ln(
+function Rt() {
+  const [n, t] = y(null), [o, r] = y(It), i = Ze(
     () => new ResizeObserver((a) => {
       if (a[0]) {
-        const { x: s, y: c, width: d, height: u, top: p, left: h, bottom: S, right: I } = a[0].contentRect;
-        r({ x: s, y: c, width: d, height: u, top: p, left: h, bottom: S, right: I });
+        const { x: s, y: c, width: d, height: u, top: g, left: p, bottom: f, right: S } = a[0].contentRect;
+        r({ x: s, y: c, width: d, height: u, top: g, left: p, bottom: f, right: S });
       }
     }),
     []
   );
-  return sn(() => {
+  return Xe(() => {
     if (n)
       return i.observe(n), () => {
         i.disconnect();
       };
   }, [n, i]), [t, o, n];
 }
-const Rt = (n, t, o) => {
-  const r = b(), i = Ze(r) ? r : void 0;
-  ce(() => {
-    if (!i || !n) return ke;
+const Ot = (n, t, o) => {
+  const r = C(), i = Ne(r) ? r : void 0;
+  pe(() => {
+    if (!i || !n) return Se;
     const a = t.layout.layout$.pipe(
-      pn(t.layout.layoutInfo),
-      Ie(Ln)
-    ), s = $n(
+      on(t.layout.layoutInfo),
+      Fe(An)
+    ), s = Dn(
       n
-    ).pipe(E((c) => c.some((d) => d.isIntersecting)));
+    ).pipe(L((c) => c.some((d) => d.isIntersecting)));
     return a.pipe(
-      He(100, void 0, { trailing: !0 }),
-      N(() => s.pipe(
-        We((c) => {
+      _e(100, void 0, { trailing: !0 }),
+      W(() => s.pipe(
+        rn((c) => {
           c || (n.innerHTML = "");
         }),
-        ue((c) => c),
-        Ne()
+        de((c) => c),
+        Le()
       ).pipe(
-        N(() => (n.innerHTML = "", i?.gallery.snapshot(
+        W(() => (n.innerHTML = "", i?.gallery.snapshot(
           t,
           n,
           o
@@ -626,16 +665,16 @@ const Rt = (n, t, o) => {
       ))
     );
   }, [i, t, o, n]);
-}, Mt = m(
+}, Mt = v(
   ({ item: n, onNavigated: t }) => {
-    const [o, r, i] = Ot(), a = b();
-    Rt(i, n, r);
-    const s = f(
+    const [o, r, i] = Rt(), a = C();
+    Ot(i, n, r);
+    const s = b(
       () => a?.locateResource(n, { mode: "shallow" }),
       [a, n]
     );
     return /* @__PURE__ */ l(
-      F,
+      _,
       {
         width: "100%",
         aspectRatio: "2/3",
@@ -651,7 +690,7 @@ const Rt = (n, t, o) => {
         },
         children: [
           /* @__PURE__ */ e(
-            F,
+            _,
             {
               height: "100%",
               width: "100%",
@@ -661,7 +700,7 @@ const Rt = (n, t, o) => {
             }
           ),
           /* @__PURE__ */ l(
-            g,
+            m,
             {
               position: "absolute",
               bottom: 0,
@@ -681,9 +720,9 @@ const Rt = (n, t, o) => {
       }
     );
   }
-), Tt = m(
+), Tt = v(
   ({ open: n, setOpen: t }) => {
-    const o = b(), r = f(() => o?.spineItemsManager.items$, [o]);
+    const o = C(), r = b(() => o?.spineItemsManager.items$, [o]);
     return /* @__PURE__ */ e(
       Q,
       {
@@ -693,10 +732,10 @@ const Rt = (n, t, o) => {
         onOpenChange: (i) => t(i.open),
         size: { mdDown: "full", md: "lg" },
         scrollBehavior: "inside",
-        children: /* @__PURE__ */ l(G, { height: "100%", children: [
-          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Gallery" }) }),
-          /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
-            F,
+        children: /* @__PURE__ */ l(q, { height: "100%", children: [
+          /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Gallery" }) }),
+          /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(
+            _,
             {
               gridTemplateColumns: [
                 "repeat(2, minmax(0, 1fr))",
@@ -718,13 +757,13 @@ const Rt = (n, t, o) => {
               ))
             }
           ) }),
-          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Cancel" }) }) }),
-          /* @__PURE__ */ e(Y, {})
+          /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(G, { variant: "outline", children: "Cancel" }) }) }),
+          /* @__PURE__ */ e(j, {})
         ] })
       }
     );
   }
-), yt = "@prose-reader/react-reader", wt = "1.253.0", Pt = m(
+), zt = "@prose-reader/react-reader", wt = "1.255.0", yt = v(
   ({ open: n, setOpen: t }) => /* @__PURE__ */ e(
     Q,
     {
@@ -734,10 +773,10 @@ const Rt = (n, t, o) => {
       onOpenChange: (o) => t(o.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ l(G, { children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Help" }) }),
+      children: /* @__PURE__ */ l(q, { children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Help" }) }),
         /* @__PURE__ */ l(
-          K,
+          Z,
           {
             overflowY: "auto",
             flex: 1,
@@ -745,27 +784,27 @@ const Rt = (n, t, o) => {
             flexDirection: "column",
             gap: 4,
             children: [
-              /* @__PURE__ */ l(k, { children: [
-                /* @__PURE__ */ e(be, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
-                /* @__PURE__ */ l(_, { mb: 1, children: [
-                  /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(Tn, {}) }),
+              /* @__PURE__ */ l(O, { children: [
+                /* @__PURE__ */ e(me, { mb: 2, as: "h3", size: "lg", children: "Shortcuts" }),
+                /* @__PURE__ */ l(F, { mb: 1, children: [
+                  /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(In, {}) }),
                   " ",
-                  /* @__PURE__ */ e(g, { children: "Navigate to right page" })
+                  /* @__PURE__ */ e(m, { children: "Navigate to right page" })
                 ] }),
-                /* @__PURE__ */ l(_, { mb: 1, children: [
-                  /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(yn, {}) }),
+                /* @__PURE__ */ l(F, { mb: 1, children: [
+                  /* @__PURE__ */ e(ze, { children: /* @__PURE__ */ e(Rn, {}) }),
                   " ",
-                  /* @__PURE__ */ e(g, { children: "Navigate to left page" })
+                  /* @__PURE__ */ e(m, { children: "Navigate to left page" })
                 ] })
               ] }),
-              /* @__PURE__ */ l(k, { children: [
-                /* @__PURE__ */ e(be, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }),
-                /* @__PURE__ */ e(_, { mb: 1, children: /* @__PURE__ */ e(g, { children: "Tap on the top right corner of a page bookmark it" }) })
+              /* @__PURE__ */ l(O, { children: [
+                /* @__PURE__ */ e(me, { mb: 2, as: "h3", size: "lg", children: "Bookmarks" }),
+                /* @__PURE__ */ e(F, { mb: 1, children: /* @__PURE__ */ e(m, { children: "Tap on the top right corner of a page bookmark it" }) })
               ] }),
-              /* @__PURE__ */ l(k, { children: [
-                /* @__PURE__ */ e(be, { mb: 2, as: "h3", size: "lg", children: "About" }),
-                /* @__PURE__ */ l(g, { children: [
-                  yt,
+              /* @__PURE__ */ l(O, { children: [
+                /* @__PURE__ */ e(me, { mb: 2, as: "h3", size: "lg", children: "About" }),
+                /* @__PURE__ */ l(m, { children: [
+                  zt,
                   " version: ",
                   wt
                 ] })
@@ -773,16 +812,16 @@ const Rt = (n, t, o) => {
             ]
           }
         ),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(Y, {})
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(G, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(j, {})
       ] })
     }
   )
-), oe = () => {
-  const n = b();
-  return f(
-    () => n ? gn([n.pagination.state$, n.context]).pipe(
-      E(([t, o]) => {
+), ne = () => {
+  const n = C();
+  return b(
+    () => n ? an([n.pagination.state$, n.context]).pipe(
+      L(([t, o]) => {
         const r = o.manifest?.spineItems.every(
           (i) => i.mediaType?.startsWith("image/")
         );
@@ -791,55 +830,55 @@ const Rt = (n, t, o) => {
           hasChapters: !o.isFullyPrePaginated && !r
         };
       })
-    ) : ke,
+    ) : Se,
     [n]
   );
-}, Bt = () => {
-  const n = oe(), t = Math.floor(
+}, Pt = () => {
+  const n = ne(), t = Math.floor(
     (n?.percentageEstimateOfBook ?? 0) * 100
   ), o = t > 0 ? t : 1;
-  return n?.percentageEstimateOfBook === void 0 ? null : /* @__PURE__ */ e(F, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ l(g, { fontSize: "sm", children: [
+  return n?.percentageEstimateOfBook === void 0 ? null : /* @__PURE__ */ e(_, { position: "absolute", right: 0, bottom: 0, p: 2, color: "black", children: /* @__PURE__ */ l(m, { fontSize: "sm", children: [
     o,
     " %"
   ] }) });
-}, At = () => {
+}, Et = () => {
   const [n, t] = y(/* @__PURE__ */ new Date());
-  return j(() => {
+  return N(() => {
     const o = setInterval(() => {
       t(/* @__PURE__ */ new Date());
     }, 6e4);
     return () => clearInterval(o);
   }, []), n;
-}, Et = (n) => {
-  const t = At();
-  return /* @__PURE__ */ e(g, { fontSize: "xs", ...n, children: t.toLocaleTimeString(navigator.language, {
+}, Bt = (n) => {
+  const t = Et();
+  return /* @__PURE__ */ e(m, { fontSize: "xs", ...n, children: t.toLocaleTimeString(navigator.language, {
     hour: "2-digit",
     minute: "2-digit"
   }) });
-}, Me = () => {
-  const { quickMenuOpen: n, onQuickMenuOpenChange: t } = D([
+}, Oe = () => {
+  const { quickMenuOpen: n, onQuickMenuOpenChange: t } = $([
     "quickMenuOpen",
     "onQuickMenuOpenChange"
   ]);
   return [n, t];
-}, Ft = () => {
-  const [n] = Me();
+}, At = () => {
+  const [n] = Oe();
   return /* @__PURE__ */ e(
-    F,
+    _,
     {
       position: "absolute",
       left: 0,
       bottom: 0,
       p: 2,
       color: n ? void 0 : "colorPalette.contrast",
-      children: /* @__PURE__ */ e(Et, {})
+      children: /* @__PURE__ */ e(Bt, {})
     }
   );
 }, Dt = () => {
-  const n = b();
-  ce(
+  const n = C();
+  pe(
     () => n?.links$.subscribe((t) => {
-      if (t.type === "click" && Hn(t.target, "a")) {
+      if (t.type === "click" && Fn(t.target, "a")) {
         if (!t.target.href) return;
         const o = new URL(t.target.href);
         window.location.host !== o.host && confirm(
@@ -849,37 +888,15 @@ const Rt = (n, t, o) => {
     }),
     [n]
   );
-}, Vt = {
-  fontScaleChange: "fontScaleChange"
-}, _t = () => {
-  const n = b(), { notificationsSubject: t, fontSizeMenuOpen: o } = D([
-    "notificationsSubject",
-    "fontSizeMenuOpen"
-  ]);
-  ce(
-    () => o ? Ce : n?.settings.values$.pipe(
-      E(({ fontScale: r }) => r),
-      Ie(),
-      je(1),
-      We((r) => {
-        t.next({
-          key: Vt.fontScaleChange,
-          title: "Font size changed",
-          description: `${r * 100} %`
-        });
-      })
-    ),
-    [n, t, o]
-  );
-}, Lt = () => {
-  const { notificationsSubject: n } = D([
+}, Ft = () => {
+  const { notificationsSubject: n } = $([
     "notificationsSubject"
   ]);
-  _t(), ce(
+  pe(
     () => n.pipe(
-      ue($e),
-      fn((t) => {
-        const o = t.duration ?? 3e3, r = new mn((a) => {
+      de(De),
+      ln((t) => {
+        const o = t.duration ?? 3e3, r = new sn((a) => {
           try {
             queueMicrotask(() => {
               const s = ve.create({
@@ -893,18 +910,18 @@ const Rt = (n, t, o) => {
             a.error(s);
           }
         }), i = n.pipe(
-          je(1),
-          ue((a) => !!t.key && a?.key === t.key)
+          cn(1),
+          de((a) => !!t.key && a?.key === t.key)
         );
         return r.pipe(
-          N(
-            (a) => qe(
-              Ge(o),
-              t.abort ?? ke,
+          W(
+            (a) => $e(
+              Ve(o),
+              t.abort ?? Se,
               i
             ).pipe(
-              Ne(),
-              bn(() => {
+              Le(),
+              dn(() => {
                 queueMicrotask(() => {
                   ve.dismiss(a);
                 });
@@ -916,7 +933,7 @@ const Rt = (n, t, o) => {
     ),
     [n]
   );
-}, $t = w.forwardRef(
+}, _t = B.forwardRef(
   function(t, o) {
     const {
       showArrow: r,
@@ -927,14 +944,14 @@ const Rt = (n, t, o) => {
       ...d
     } = t;
     return /* @__PURE__ */ l(
-      ne.Root,
+      ee.Root,
       {
         ...d,
         positioning: { ...d.positioning, gutter: 4 },
         children: [
-          /* @__PURE__ */ e(ne.Trigger, { asChild: !0, children: i }),
-          /* @__PURE__ */ e(ze, { disabled: !a, container: c, children: /* @__PURE__ */ e(ne.Positioner, { children: /* @__PURE__ */ l(
-            ne.Content,
+          /* @__PURE__ */ e(ee.Trigger, { asChild: !0, children: i }),
+          /* @__PURE__ */ e(xe, { disabled: !a, container: c, children: /* @__PURE__ */ e(ee.Positioner, { children: /* @__PURE__ */ l(
+            ee.Content,
             {
               width: "auto",
               px: "2",
@@ -943,7 +960,7 @@ const Rt = (n, t, o) => {
               rounded: "sm",
               ref: o,
               children: [
-                r && /* @__PURE__ */ e(ne.Arrow, { children: /* @__PURE__ */ e(ne.ArrowTip, {}) }),
+                r && /* @__PURE__ */ e(ee.Arrow, { children: /* @__PURE__ */ e(ee.ArrowTip, {}) }),
                 s
               ]
             }
@@ -952,33 +969,33 @@ const Rt = (n, t, o) => {
       }
     );
   }
-), Ht = w.forwardRef(function(t, o) {
+), Lt = B.forwardRef(function(t, o) {
   const { children: r, ...i } = t;
-  return /* @__PURE__ */ e($t, { content: r, ...i, ref: o, children: /* @__PURE__ */ e(
-    v,
+  return /* @__PURE__ */ e(_t, { content: r, ...i, ref: o, children: /* @__PURE__ */ e(
+    I,
     {
       variant: "ghost",
       "aria-label": "info",
       size: "2xs",
       colorPalette: "gray",
-      children: /* @__PURE__ */ e(Xn, {})
+      children: /* @__PURE__ */ e(Qn, {})
     }
   ) });
-}), Wt = w.forwardRef(function(t, o) {
+}), $t = B.forwardRef(function(t, o) {
   return /* @__PURE__ */ e(le.Track, { ...t, ref: o, children: /* @__PURE__ */ e(le.Range, {}) });
 });
-w.forwardRef(function(t, o) {
+B.forwardRef(function(t, o) {
   const { children: r, info: i, ...a } = t;
   return /* @__PURE__ */ l(le.Label, { ...a, ref: o, children: [
     r,
-    i && /* @__PURE__ */ e(Ht, { children: i })
+    i && /* @__PURE__ */ e(Lt, { children: i })
   ] });
 });
-const Nt = le.Root, jt = le.ValueText, Te = () => {
-  const n = oe(), 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, [s = 0, c = 0] = [
+const Vt = le.Root, Ht = le.ValueText, Me = () => {
+  const n = ne(), 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, [s = 0, c = 0] = [
     i,
     a
-  ].sort((p, h) => p - h), d = n?.beginPageIndexInSpineItem !== n?.endPageIndexInSpineItem || n?.beginSpineItemIndex !== n?.endSpineItemIndex, u = n?.hasChapters ? n?.beginNumberOfPagesInSpineItem : n?.numberOfTotalPages;
+  ].sort((g, p) => g - p), d = n?.beginPageIndexInSpineItem !== n?.endPageIndexInSpineItem || n?.beginSpineItemIndex !== n?.endSpineItemIndex, u = n?.hasChapters ? n?.beginNumberOfPagesInSpineItem : n?.numberOfTotalPages;
   return {
     hasOnlyOnePage: t,
     beginPageIndex: i,
@@ -990,25 +1007,25 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
     leftPageIndex: s,
     rightPageIndex: c
   };
-}, qt = () => {
-  const n = oe(), {
+}, Wt = () => {
+  const n = ne(), {
     hasOnlyOnePage: t,
     leftPageIndex: o,
     rightPageIndex: r,
     totalApproximatePages: i,
     beginAndEndAreDifferent: a
-  } = Te(), s = Math.round((n?.percentageEstimateOfBook ?? 0) * 100), c = (u) => u?.subChapter ? `${u.title} / ${c(u.subChapter)}` : u?.title || "", d = c(n?.beginChapterInfo);
-  return /* @__PURE__ */ l(k, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
-    /* @__PURE__ */ e(Nt, { value: s, size: "xs", width: 150, children: /* @__PURE__ */ l(_, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(Wt, { width: 110 }),
-      /* @__PURE__ */ e(jt, { children: `${s}%` })
+  } = Me(), s = Math.round((n?.percentageEstimateOfBook ?? 0) * 100), c = (u) => u?.subChapter ? `${u.title} / ${c(u.subChapter)}` : u?.title || "", d = c(n?.beginChapterInfo);
+  return /* @__PURE__ */ l(O, { alignItems: "center", gap: 1, maxW: "100%", overflow: "auto", children: [
+    /* @__PURE__ */ e(Vt, { value: s, size: "xs", width: 150, children: /* @__PURE__ */ l(F, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ e($t, { width: 110 }),
+      /* @__PURE__ */ e(Ht, { children: `${s}%` })
     ] }) }),
-    /* @__PURE__ */ e(g, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: d ? `Chapter: ${d}` : " " }),
-    !t && /* @__PURE__ */ l(_, { children: [
-      /* @__PURE__ */ e(g, { fontSize: "xs", children: a ? `${o + 1} - ${r + 1} of ${i}` : `${o + 1} of ${i}` }),
-      !!n?.hasChapters && /* @__PURE__ */ l(xe, { children: [
-        /* @__PURE__ */ e(g, { children: "-" }),
-        /* @__PURE__ */ l(g, { fontSize: "xs", children: [
+    /* @__PURE__ */ e(m, { truncate: !0, maxWidth: "100%", fontSize: "sm", mt: 1, children: d ? `Chapter: ${d}` : " " }),
+    !t && /* @__PURE__ */ l(F, { children: [
+      /* @__PURE__ */ e(m, { fontSize: "xs", children: a ? `${o + 1} - ${r + 1} of ${i}` : `${o + 1} of ${i}` }),
+      !!n?.hasChapters && /* @__PURE__ */ l(Ce, { children: [
+        /* @__PURE__ */ e(m, { children: "-" }),
+        /* @__PURE__ */ l(m, { fontSize: "xs", children: [
           "(",
           (n?.beginAbsolutePageIndex ?? 0) + 1,
           ")"
@@ -1016,7 +1033,7 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       ] })
     ] })
   ] });
-}, en = m(
+}, Qe = v(
   ({
     children: n,
     position: t,
@@ -1046,8 +1063,8 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       children: n
     }
   )
-), Gt = zn(Jn), Yt = m((n) => /* @__PURE__ */ e(
-  F,
+), Nt = vn(Un), Gt = v((n) => /* @__PURE__ */ e(
+  _,
   {
     display: "contents",
     css: {
@@ -1056,7 +1073,7 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       "--color-solid": "colors.colorPalette.solid"
     },
     children: /* @__PURE__ */ e(
-      Gt,
+      Nt,
       {
         keyboard: !1,
         style: {
@@ -1100,8 +1117,8 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       }
     )
   }
-)), Qt = () => {
-  const t = oe()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = Te(), i = t ? Math.floor((o || 0) / 2) : o, [a, s] = dn(
+)), qt = () => {
+  const t = ne()?.isUsingSpread, { beginPageIndex: o, totalApproximatePages: r = 0 } = Me(), i = t ? Math.floor((o || 0) / 2) : o, [a, s] = en(
     () => V({
       default: i || 0
     })
@@ -1109,7 +1126,7 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
     0,
     t ? Math.floor((r - 1) / 2) : r - 1
   );
-  return j(() => {
+  return N(() => {
     s.update(i || 0);
   }, [i, s]), {
     value: a,
@@ -1117,73 +1134,73 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
     min: c,
     max: d
   };
-}, Ut = (n) => {
-  const t = b(), o = oe(), { manifest: r } = f(() => t?.context, [t]) ?? {}, i = r?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: s = 0, isBeginWithinChapter: c } = Te(), d = 1, u = c, { value: p, valueSignal: h, min: S, max: I } = Qt(), x = B(
-    (C) => {
-      const [z = 0] = Array.isArray(C) ? C : [C];
-      h.update(z);
-      const L = a ? Math.floor(z) * 2 : Math.floor(z);
+}, jt = (n) => {
+  const t = C(), o = ne(), { manifest: r } = b(() => t?.context, [t]) ?? {}, i = r?.readingDirection === "rtl", a = o?.isUsingSpread, { totalApproximatePages: s = 0, isBeginWithinChapter: c } = Me(), d = 1, u = c, { value: g, valueSignal: p, min: f, max: S } = qt(), k = D(
+    (x) => {
+      const [R = 0] = Array.isArray(x) ? x : [x];
+      p.update(R);
+      const P = a ? Math.floor(R) * 2 : Math.floor(R);
       u ? t?.navigation.goToPageOfSpineItem({
-        pageIndex: L,
+        pageIndex: P,
         spineItemId: t.pagination.state.beginSpineItemIndex ?? 0,
         animation: !1
       }) : t?.navigation.goToAbsolutePageIndex({
-        absolutePageIndex: L,
+        absolutePageIndex: P,
         animation: !1
       });
     },
-    [t, a, h, u]
+    [t, a, p, u]
   );
-  return ce(
+  return pe(
     () => t?.navigation.throttleLock({
       duration: 100,
-      trigger: h.subject
+      trigger: p.subject
     }),
-    [t, h]
-  ), s === 1 || a && s === 2 ? /* @__PURE__ */ e(F, { style: n.style }) : /* @__PURE__ */ e(
-    Yt,
+    [t, p]
+  ), s === 1 || a && s === 2 ? /* @__PURE__ */ e(_, { style: n.style }) : /* @__PURE__ */ e(
+    Gt,
     {
-      value: [p],
-      max: I,
-      min: S,
+      value: [g],
+      max: S,
+      min: f,
       reverse: i,
       step: d,
-      onChange: x,
+      onChange: k,
       ...n
     }
   );
-}, Zt = m(
+}, Qt = v(
   ({
     open: n,
     onItemClick: t
   }) => {
-    const o = cn(null), r = b(), {
+    const o = Ke(null), r = C(), {
       quickMenuBottomBarBoundingBoxSignal: i,
       onFontSizeMenuOpenChange: a,
       onRefitMenuOpenChange: s
-    } = D([
+    } = $([
       "quickMenuBottomBarBoundingBoxSignal",
       "onFontSizeMenuOpenChange",
       "onRefitMenuOpenChange"
-    ]), c = f(() => r?.navigation.state$, [r]), d = f(() => r?.settings.values$, [r]), u = f(
+    ]), c = b(() => r?.navigation.state$, [r]), d = b(() => r?.settings.values$, [r]), u = b(
       () => r?.zoom.state$.pipe(
-        E(
-          (C) => C.currentScale > 1 ? "in" : C.currentScale < 1 ? "out" : void 0
+        L(
+          (x) => x.currentScale > 1 ? "in" : x.currentScale < 1 ? "out" : void 0
         )
       ),
       [r]
-    ), p = u === "in", h = u === "out", S = d?.computedPageTurnMode === "scrollable", I = d?.computedPageTurnDirection === "vertical", [x, P] = y(!0);
-    return j(() => {
+    ), g = u === "in", p = u === "out", f = d?.computedPageTurnMode === "scrollable", S = d?.computedPageTurnDirection === "vertical", [k, z] = y(!0);
+    return N(() => {
       if (!o.current) return;
-      const C = new ResizeObserver((z) => {
-        for (const L of z)
-          i.update(L);
+      const x = new ResizeObserver((R) => {
+        for (const P of R)
+          i.update(P);
       });
-      return C.observe(o.current), () => {
-        C.disconnect();
+      return x.observe(o.current), () => {
+        x.disconnect();
       };
     }, [i]), /* @__PURE__ */ l(
-      en,
+      Qe,
       {
         present: n,
         position: "bottom",
@@ -1195,7 +1212,7 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
         ref: o,
         children: [
           /* @__PURE__ */ l(
-            _,
+            F,
             {
               flex: 1,
               alignItems: "center",
@@ -1204,7 +1221,7 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
               px: 4,
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  I,
                   {
                     "aria-label": "left",
                     size: "lg",
@@ -1212,11 +1229,11 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
                     flexShrink: 0,
                     onClick: () => r?.navigation.goToLeftOrTopSpineItem(),
                     disabled: !c?.canGoLeftSpineItem && !c?.canGoTopSpineItem,
-                    children: I ? /* @__PURE__ */ e(Qn, {}) : /* @__PURE__ */ e(Un, {})
+                    children: S ? /* @__PURE__ */ e(Nn, {}) : /* @__PURE__ */ e(Gn, {})
                   }
                 ),
                 /* @__PURE__ */ l(
-                  k,
+                  O,
                   {
                     flex: 1,
                     maxW: 400,
@@ -1225,9 +1242,9 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
                     overflow: "auto",
                     px: 4,
                     children: [
-                      /* @__PURE__ */ e(qt, {}),
+                      /* @__PURE__ */ e(Wt, {}),
                       /* @__PURE__ */ e(
-                        Ut,
+                        jt,
                         {
                           style: {
                             width: "100%",
@@ -1240,7 +1257,7 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
                   }
                 ),
                 /* @__PURE__ */ e(
-                  v,
+                  I,
                   {
                     "aria-label": "right",
                     size: "lg",
@@ -1250,87 +1267,87 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
                     onClick: () => {
                       r?.navigation.goToRightOrBottomSpineItem();
                     },
-                    children: I ? /* @__PURE__ */ e(Zn, {}) : /* @__PURE__ */ e(Kn, {})
+                    children: S ? /* @__PURE__ */ e(qn, {}) : /* @__PURE__ */ e(jn, {})
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ e(_, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ l(
-            Se.Root,
+          /* @__PURE__ */ e(F, { alignSelf: "stretch", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ l(
+            be.Root,
             {
-              open: x,
+              open: k,
               flex: 1,
-              onOpenChange: ({ open: C }) => {
-                P(C);
+              onOpenChange: ({ open: x }) => {
+                z(x);
               },
               width: "100%",
               children: [
                 /* @__PURE__ */ e(
-                  Se.Trigger,
+                  be.Trigger,
                   {
                     paddingY: "3",
                     width: "100%",
                     display: "flex",
                     justifyContent: "center",
                     children: /* @__PURE__ */ e(
-                      wn,
+                      On,
                       {
                         style: {
-                          transform: x ? "rotate(0deg)" : "rotate(180deg)"
+                          transform: k ? "rotate(0deg)" : "rotate(180deg)"
                         }
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ e(Se.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ l(F, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
+                /* @__PURE__ */ e(be.Content, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ l(_, { display: "flex", overflowX: "auto", px: 4, pb: 1, children: [
                   /* @__PURE__ */ e(
-                    v,
+                    I,
                     {
                       "aria-label": "Help",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("help"),
-                      children: /* @__PURE__ */ e(Pn, {})
+                      children: /* @__PURE__ */ e(Mn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    v,
+                    I,
                     {
                       "aria-label": "Table of contents",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("toc"),
-                      children: /* @__PURE__ */ e(Bn, {})
+                      children: /* @__PURE__ */ e(Tn, {})
                     }
                   ),
-                  Ue(r) && /* @__PURE__ */ e(
-                    v,
+                  We(r) && /* @__PURE__ */ e(
+                    I,
                     {
                       "aria-label": "Search",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("search"),
-                      children: /* @__PURE__ */ e(An, {})
+                      children: /* @__PURE__ */ e(zn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    v,
+                    I,
                     {
                       "aria-label": "Zoom",
                       size: "lg",
-                      variant: p ? "solid" : "ghost",
+                      variant: g ? "solid" : "ghost",
                       onClick: () => {
-                        p ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
+                        g ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
                           animate: !0,
                           scale: 2
                         });
                       },
-                      children: p ? /* @__PURE__ */ e(En, {}) : /* @__PURE__ */ e(Fn, {})
+                      children: g ? /* @__PURE__ */ e(wn, {}) : /* @__PURE__ */ e(yn, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    v,
+                    I,
                     {
                       "aria-label": "font size",
                       size: "lg",
@@ -1338,31 +1355,31 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
                         a(!0);
                       },
                       variant: "ghost",
-                      children: /* @__PURE__ */ e(Wn, {})
+                      children: /* @__PURE__ */ e(_n, {})
                     }
                   ),
                   se(r) && /* @__PURE__ */ e(
-                    v,
+                    I,
                     {
                       "aria-label": "Bookmarks",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("bookmarks"),
-                      children: /* @__PURE__ */ e(Nn, {})
+                      children: /* @__PURE__ */ e(Ln, {})
                     }
                   ),
                   se(r) && /* @__PURE__ */ e(
-                    v,
+                    I,
                     {
                       "aria-label": "Annotations",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("annotations"),
-                      children: /* @__PURE__ */ e(pe, {})
+                      children: /* @__PURE__ */ e(he, {})
                     }
                   ),
-                  Ke(r) && /* @__PURE__ */ e(
-                    v,
+                  Ge(r) && /* @__PURE__ */ e(
+                    I,
                     {
                       "aria-label": "Refit",
                       size: "lg",
@@ -1370,33 +1387,33 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
                       onClick: () => {
                         s(!0);
                       },
-                      disabled: !S,
-                      children: /* @__PURE__ */ e(jn, {})
+                      disabled: !f,
+                      children: /* @__PURE__ */ e($n, {})
                     }
                   ),
                   /* @__PURE__ */ e(
-                    v,
+                    I,
                     {
                       "aria-label": "Thumbnails",
                       size: "lg",
-                      variant: h ? "solid" : "ghost",
+                      variant: p ? "solid" : "ghost",
                       onClick: () => {
-                        h ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
+                        p ? r?.zoom.exit({ animate: !0 }) : r?.zoom.enter({
                           animate: !0,
                           scale: 0.5
                         });
                       },
-                      children: /* @__PURE__ */ e(Dn, {})
+                      children: /* @__PURE__ */ e(Pn, {})
                     }
                   ),
-                  Ze(r) && /* @__PURE__ */ e(
-                    v,
+                  Ne(r) && /* @__PURE__ */ e(
+                    I,
                     {
                       "aria-label": "Gallery",
                       size: "lg",
                       variant: "ghost",
                       onClick: () => t("gallery"),
-                      children: /* @__PURE__ */ e(Yn, {})
+                      children: /* @__PURE__ */ e(Wn, {})
                     }
                   )
                 ] }) })
@@ -1407,13 +1424,13 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       }
     );
   }
-), Kt = () => {
-  const [n, t] = y(!1), o = B(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
+), Ut = () => {
+  const [n, t] = y(!1), o = D(() => document.fullscreenElement ? document.exitFullscreen().catch(console.error).then(() => {
     t(!1);
   }) : document.documentElement.requestFullscreen({ navigationUI: "hide" }).catch(console.error).then(() => {
     t(!0);
   }), []);
-  return j(() => {
+  return N(() => {
     function r() {
       t(!!document.fullscreenElement);
     }
@@ -1424,14 +1441,14 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
     isFullscreen: n,
     onToggleFullscreenClick: o
   };
-}, Xt = m(
+}, Yt = v(
   ({
     open: n,
     onItemClick: t
   }) => {
-    const o = b(), r = f(() => o?.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: a } = Kt();
+    const o = C(), r = b(() => o?.context.manifest$, [o]), { isFullscreen: i, onToggleFullscreenClick: a } = Ut();
     return /* @__PURE__ */ l(
-      en,
+      Qe,
       {
         present: n,
         position: "top",
@@ -1439,18 +1456,18 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
         justifyContent: "space-between",
         children: [
           /* @__PURE__ */ e(
-            v,
+            I,
             {
               "aria-label": "left",
               size: "lg",
               variant: "ghost",
               flexShrink: 0,
               onClick: () => t("back"),
-              children: /* @__PURE__ */ e(et, {})
+              children: /* @__PURE__ */ e(Yn, {})
             }
           ),
           /* @__PURE__ */ e(
-            k,
+            O,
             {
               flex: 1,
               maxW: 600,
@@ -1458,30 +1475,30 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
               alignItems: "center",
               overflow: "auto",
               px: 4,
-              children: /* @__PURE__ */ e(g, { truncate: !0, maxWidth: "100%", children: r?.title })
+              children: /* @__PURE__ */ e(m, { truncate: !0, maxWidth: "100%", children: r?.title })
             }
           ),
-          /* @__PURE__ */ l(_, { children: [
+          /* @__PURE__ */ l(F, { children: [
             /* @__PURE__ */ e(
-              v,
+              I,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: () => t("more"),
-                children: /* @__PURE__ */ e(nt, {})
+                children: /* @__PURE__ */ e(Zn, {})
               }
             ),
             /* @__PURE__ */ e(
-              v,
+              I,
               {
                 "aria-label": "right",
                 size: "lg",
                 flexShrink: 0,
                 variant: "ghost",
                 onClick: a,
-                children: i ? /* @__PURE__ */ e(qn, {}) : /* @__PURE__ */ e(Gn, {})
+                children: i ? /* @__PURE__ */ e(Vn, {}) : /* @__PURE__ */ e(Hn, {})
               }
             )
           ] })
@@ -1489,24 +1506,24 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       }
     );
   }
-), Jt = m(
+), Zt = v(
   ({
     onItemClick: n
   }) => {
-    const [t] = Me(), { refitMenuOpen: o, fontSizeMenuOpen: r } = D([
+    const [t] = Oe(), { refitMenuOpen: o, fontSizeMenuOpen: r } = $([
       "refitMenuOpen",
       "fontSizeMenuOpen"
     ]);
-    return /* @__PURE__ */ l(xe, { children: [
+    return /* @__PURE__ */ l(Ce, { children: [
       /* @__PURE__ */ e(
-        Xt,
+        Yt,
         {
           open: t && !o && !r,
           onItemClick: n
         }
       ),
       /* @__PURE__ */ e(
-        Zt,
+        Qt,
         {
           open: t && !o && !r,
           onItemClick: n
@@ -1514,20 +1531,24 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       )
     ] });
   }
-), de = w.forwardRef(
+), Xt = B.forwardRef(
   function(t, o) {
-    const { children: r, inputProps: i, rootRef: a, ...s } = t;
-    return /* @__PURE__ */ l(ie.Item, { ref: a, ...s, children: [
-      /* @__PURE__ */ e(ie.ItemHiddenInput, { ref: o, ...i }),
-      /* @__PURE__ */ e(ie.ItemIndicator, {}),
-      r && /* @__PURE__ */ e(ie.ItemText, { children: r })
+    const { label: r, children: i, helperText: a, errorText: s, optionalText: c, ...d } = t;
+    return /* @__PURE__ */ l(te.Root, { ref: o, ...d, children: [
+      r && /* @__PURE__ */ l(te.Label, { children: [
+        r,
+        /* @__PURE__ */ e(te.RequiredIndicator, { fallback: c })
+      ] }),
+      i,
+      a && /* @__PURE__ */ e(te.HelperText, { children: a }),
+      s && /* @__PURE__ */ e(te.ErrorText, { children: s })
     ] });
   }
-), eo = ie.Root, no = m(() => {
-  const { refitMenuOpen: t, onRefitMenuOpenChange: o } = D([
+), Kt = v(() => {
+  const { refitMenuOpen: t, onRefitMenuOpenChange: o } = $([
     "refitMenuOpen",
     "onRefitMenuOpenChange"
-  ]), r = b(), i = Ke(r) ? r : void 0, a = f(
+  ]), r = C(), i = Ge(r) ? r : void 0, a = b(
     () => i?.refit.settings$,
     [i]
   );
@@ -1538,13 +1559,13 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       open: t,
       onOpenChange: (s) => o(s.open),
       placement: "center",
-      children: /* @__PURE__ */ l(G, { children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Viewport fit" }) }),
-        /* @__PURE__ */ e(K, { children: /* @__PURE__ */ l(W.Root, { children: [
-          /* @__PURE__ */ e(W.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }),
-          /* @__PURE__ */ l(W.Content, { children: [
-            /* @__PURE__ */ e(Je, { label: "Profile", children: /* @__PURE__ */ e(
-              eo,
+      children: /* @__PURE__ */ l(q, { children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Viewport fit" }) }),
+        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ l(H.Root, { children: [
+          /* @__PURE__ */ e(H.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }),
+          /* @__PURE__ */ l(H.Content, { children: [
+            /* @__PURE__ */ e(Xt, { label: "Profile", children: /* @__PURE__ */ e(
+              je,
               {
                 defaultValue: "fit",
                 onValueChange: (s) => {
@@ -1555,11 +1576,11 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
                   });
                 },
                 value: a?.viewportFit ?? "fit",
-                children: /* @__PURE__ */ l(k, { gap: 2, children: [
-                  /* @__PURE__ */ e(de, { value: "desktop", children: "Desktop" }),
-                  /* @__PURE__ */ e(de, { value: "tablet", children: "Tablet" }),
-                  /* @__PURE__ */ e(de, { value: "fit", children: "Full width (default)" }),
-                  /* @__PURE__ */ e(de, { value: "custom", children: "Custom" })
+                children: /* @__PURE__ */ l(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)" }),
+                  /* @__PURE__ */ e(ie, { value: "custom", children: "Custom" })
                 ] })
               }
             ) }),
@@ -1583,12 +1604,12 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Close" }) }) }),
-        /* @__PURE__ */ e(Y, {})
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(G, { variant: "outline", children: "Close" }) }) }),
+        /* @__PURE__ */ e(j, {})
       ] })
     }
   );
-}), to = m(
+}), Jt = v(
   ({
     contextText: n = "",
     startOffset: t = 0,
@@ -1608,7 +1629,7 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       )
     );
     return /* @__PURE__ */ l(
-      Oe,
+      ke,
       {
         href: r,
         style: { margin: 5, overflow: "hidden" },
@@ -1620,30 +1641,30 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
         alignItems: "flex-start",
         gap: 0,
         children: [
-          /* @__PURE__ */ l(g, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
+          /* @__PURE__ */ l(m, { lineClamp: 1, as: "cite", style: { display: "block" }, children: [
             '"',
             c,
             /* @__PURE__ */ e("b", { children: o }),
             d,
             '"'
           ] }),
-          /* @__PURE__ */ e(g, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${a !== void 0 ? a + 1 : "unknown (not loaded)"}` })
+          /* @__PURE__ */ e(m, { fontSize: "sm", color: "gray.500", style: { textDecoration: "none" }, children: `Book page: ${a !== void 0 ? a + 1 : "unknown (not loaded)"}` })
         ]
       }
     );
   }
-), oo = 500, ro = () => {
-  const n = H(() => new Sn("")), t = f(n), o = b(), r = Ue(o) ? o : void 0, i = f(() => n.pipe(
-    Ie(),
-    N(
-      (a) => a === "" || !r ? he(void 0) : qe(
-        he({
+), eo = 500, no = () => {
+  const n = oe(() => new un("")), t = b(n), o = C(), r = We(o) ? o : void 0, i = b(() => n.pipe(
+    Fe(),
+    W(
+      (a) => a === "" || !r ? ue(void 0) : $e(
+        ue({
           type: "start",
           data: void 0
         }),
-        Ge(oo).pipe(
-          N(() => r.search.search(a)),
-          E((s) => ({ type: "end", data: s }))
+        Ve(eo).pipe(
+          W(() => r.search.search(a)),
+          L((s) => ({ type: "end", data: s }))
         )
       )
     )
@@ -1654,22 +1675,22 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
     status: i?.type ?? "idle",
     data: i?.data
   };
-}, io = m(
+}, to = v(
   ({ onNavigate: n }) => {
-    const t = b(), { value: o, setValue: r, status: i, data: a } = ro(), s = (u) => {
+    const t = C(), { value: o, setValue: r, status: i, data: a } = no(), s = (u) => {
       r(u.target.value);
-    }, c = B(
+    }, c = D(
       (u) => {
         n(), t?.navigation.goToCfi(u);
       },
       [t, n]
-    ), d = f(
+    ), d = b(
       () => t?.locateResource(a?.slice(0, 100) ?? []),
       [a]
     );
-    return /* @__PURE__ */ l(k, { flex: 1, height: "100%", gap: 2, children: [
+    return /* @__PURE__ */ l(O, { flex: 1, height: "100%", gap: 2, children: [
       /* @__PURE__ */ e(
-        On,
+        Cn,
         {
           placeholder: "Type something...",
           value: o,
@@ -1684,22 +1705,22 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
         }
       ),
       /* @__PURE__ */ l(
-        k,
+        O,
         {
           style: { overflow: "hidden", overflowY: "auto" },
           overflow: "auto",
           px: 4,
           flex: 1,
           children: [
-            i === "start" && /* @__PURE__ */ e(g, { children: "Searching ..." }),
-            a?.length === 0 && /* @__PURE__ */ e(g, { children: "No results" }),
-            i === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ l(k, { children: [
-              /* @__PURE__ */ l(g, { fontSize: "md", children: [
+            i === "start" && /* @__PURE__ */ e(m, { children: "Searching ..." }),
+            a?.length === 0 && /* @__PURE__ */ e(m, { children: "No results" }),
+            i === "end" && (a?.length ?? 0) > 0 && /* @__PURE__ */ l(O, { children: [
+              /* @__PURE__ */ l(m, { fontSize: "md", children: [
                 a?.length,
                 " result(s)"
               ] }),
-              /* @__PURE__ */ e(k, { gap: 0, children: d?.map((u, p) => /* @__PURE__ */ e(
-                to,
+              /* @__PURE__ */ e(O, { gap: 0, children: d?.map((u, g) => /* @__PURE__ */ e(
+                Jt,
                 {
                   contextText: u.meta?.range?.startContainer.parentElement?.textContent ?? "",
                   pageIndex: u.meta?.itemPageIndex,
@@ -1709,7 +1730,7 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
                   onClick: c,
                   absolutePageIndex: u.meta?.absolutePageIndex
                 },
-                p
+                g
               )) })
             ] })
           ]
@@ -1717,7 +1738,7 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       )
     ] });
   }
-), ao = m(
+), oo = v(
   ({
     open: n,
     setOpen: t,
@@ -1731,45 +1752,45 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ l(G, { height: "100%", children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Search" }) }),
-        /* @__PURE__ */ e(K, { flex: 1, p: 0, children: /* @__PURE__ */ e(io, { onNavigate: o }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(Y, {})
+      children: /* @__PURE__ */ l(q, { height: "100%", children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Search" }) }),
+        /* @__PURE__ */ e(Z, { flex: 1, p: 0, children: /* @__PURE__ */ e(to, { onNavigate: o }) }),
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(G, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(j, {})
       ] })
     }
   )
-), lo = m(
+), ro = v(
   ({ onNavigate: n }) => {
-    const t = b(), { manifest: o, assumedRenditionLayout: r } = f(() => t?.context, [t]) ?? {}, { nav: i } = o ?? {}, a = oe();
+    const t = C(), { manifest: o, assumedRenditionLayout: r } = b(() => t?.context, [t]) ?? {}, { nav: i } = o ?? {}, a = ne();
     i?.toc;
     const { beginSpineItemIndex: s, beginPageIndexInSpineItem: c } = a ?? {}, d = (r === "reflowable" ? c : s) || 0;
     let u = a?.beginChapterInfo;
     for (; u?.subChapter; )
       u = u?.subChapter;
-    const p = (h, S, I) => /* @__PURE__ */ l(on.Fragment, { children: [
+    const g = (p, f, S) => /* @__PURE__ */ l(Ue.Fragment, { children: [
       /* @__PURE__ */ e(
         A.Item,
         {
-          pl: 4 * (I + 1),
+          pl: 4 * (S + 1),
           style: {
             display: "flex",
             alignItems: "center"
           },
           children: /* @__PURE__ */ l(
-            Oe,
+            ke,
             {
               onClick: () => {
-                n(), t?.navigation.goToUrl(h.href);
+                n(), t?.navigation.goToUrl(p.href);
               },
               href: "#",
               children: [
-                u?.path === h.path && /* @__PURE__ */ e(A.Indicator, { asChild: !0, children: /* @__PURE__ */ e(De, {}) }),
-                u?.path !== h.path && /* @__PURE__ */ e(A.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(De, {}) }),
-                /* @__PURE__ */ l(k, { gap: 0, children: [
-                  /* @__PURE__ */ e(g, { fontSize: "md", children: h.title || h.path }),
-                  u?.path === h.path && /* @__PURE__ */ e(
-                    g,
+                u?.path === p.path && /* @__PURE__ */ e(A.Indicator, { asChild: !0, children: /* @__PURE__ */ e(we, {}) }),
+                u?.path !== p.path && /* @__PURE__ */ e(A.Indicator, { asChild: !0, visibility: "hidden", children: /* @__PURE__ */ e(we, {}) }),
+                /* @__PURE__ */ l(O, { gap: 0, children: [
+                  /* @__PURE__ */ e(m, { fontSize: "md", children: p.title || p.path }),
+                  u?.path === p.path && /* @__PURE__ */ e(
+                    m,
                     {
                       fontStyle: "italic",
                       fontWeight: "bold",
@@ -1783,13 +1804,13 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
           )
         }
       ),
-      h.contents.length > 0 && /* @__PURE__ */ e(A.Root, { as: "div", gap: 2, children: h.contents.map(
-        (x, P) => p(x, P, I + 1)
+      p.contents.length > 0 && /* @__PURE__ */ e(A.Root, { as: "div", gap: 2, children: p.contents.map(
+        (k, z) => g(k, z, S + 1)
       ) })
-    ] }, S);
-    return /* @__PURE__ */ e(A.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i?.toc.map((h, S) => p(h, S, 0)) });
+    ] }, f);
+    return /* @__PURE__ */ e(A.Root, { gap: 3, overflowY: "auto", py: 4, flex: 1, children: i?.toc.map((p, f) => g(p, f, 0)) });
   }
-), so = m(
+), io = v(
   ({
     open: n,
     setOpen: t,
@@ -1803,41 +1824,41 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       onOpenChange: (r) => t(r.open),
       size: { mdDown: "full", md: "lg" },
       scrollBehavior: "inside",
-      children: /* @__PURE__ */ l(G, { children: [
-        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(X, { children: "Table of Contents" }) }),
-        /* @__PURE__ */ e(K, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e(lo, { onNavigate: o }) }),
-        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(q, { variant: "outline", children: "Cancel" }) }) }),
-        /* @__PURE__ */ e(Y, {})
+      children: /* @__PURE__ */ l(q, { children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(X, { children: "Table of Contents" }) }),
+        /* @__PURE__ */ e(Z, { overflowY: "auto", flex: 1, children: /* @__PURE__ */ e(ro, { onNavigate: o }) }),
+        /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(G, { variant: "outline", children: "Cancel" }) }) }),
+        /* @__PURE__ */ e(j, {})
       ] })
     }
   )
-), Ve = 0.5, _e = 1, Le = 5, co = (n, t, o, r) => {
+), Pe = 0.5, Ee = 1, Be = 5, ao = (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;
-}, uo = m(() => {
-  const { quickMenuBottomBarBoundingBoxSignal: n } = D([
+}, lo = v(() => {
+  const { quickMenuBottomBarBoundingBoxSignal: n } = $([
     "quickMenuBottomBarBoundingBoxSignal"
-  ]), t = te(
+  ]), t = ce(
     n
-  ), o = b(), r = f(
+  ), o = C(), r = b(
     () => o?.zoom.state$.pipe(
-      E((c) => c.currentScale),
-      He(100, Cn, {
+      L((c) => c.currentScale),
+      _e(100, hn, {
         leading: !0,
         trailing: !0
       })
     ),
     [o]
-  ) ?? 1, i = f(
-    () => o?.zoom.state$.pipe(E((c) => c.isZooming)),
+  ) ?? 1, i = b(
+    () => o?.zoom.state$.pipe(L((c) => c.isZooming)),
     [o]
-  ) ?? !1, a = co(
+  ) ?? !1, a = ao(
     r,
-    _e,
-    Le,
-    Ve
+    Ee,
+    Be,
+    Pe
   ), s = t?.borderBoxSize?.[0]?.blockSize ?? 1;
   return /* @__PURE__ */ e(
     ae,
@@ -1856,9 +1877,9 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
         Re,
         {
           value: [a],
-          min: _e,
-          max: Le,
-          step: Ve,
+          min: Ee,
+          max: Be,
+          step: Pe,
           minWidth: 200,
           onValueChange: (c) => {
             const d = c.value?.[0] ?? 1;
@@ -1868,23 +1889,23 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
       )
     }
   );
-}), Po = ({
+}), zo = ({
   enableFloatingTime: n = !0,
   enableFloatingProgress: t = !0,
   onItemClick: o,
   children: r,
   ...i
 }) => {
-  const [a, s] = y(!1), [c, d] = y(!1), [u, p] = y(!1), [h, S] = y(void 0), [I, x] = y(!1), [P, C] = Me(), z = B(() => {
-    s(!1), d(!1), p(!1), S(void 0), C(!1), x(!1);
-  }, [C]), L = B(
-    (M) => {
-      M === "annotations" ? S("annotations") : M === "search" ? p(!0) : M === "help" ? d(!0) : M === "toc" ? s(!0) : M === "bookmarks" ? S("bookmarks") : M === "gallery" && x(!0), o?.(M);
+  const [a, s] = y(!1), [c, d] = y(!1), [u, g] = y(!1), [p, f] = y(void 0), [S, k] = y(!1), [z, x] = Oe(), R = D(() => {
+    s(!1), d(!1), g(!1), f(void 0), x(!1), k(!1);
+  }, [x]), P = D(
+    (h) => {
+      h === "annotations" ? f("annotations") : h === "search" ? g(!0) : h === "help" ? d(!0) : h === "toc" ? s(!0) : h === "bookmarks" ? f("bookmarks") : h === "gallery" && k(!0), o?.(h);
     },
     [o]
   );
-  return Dt(), Lt(), Ct(), /* @__PURE__ */ l(
-    F,
+  return Dt(), Ft(), ft(), /* @__PURE__ */ l(
+    _,
     {
       position: "absolute",
       top: 0,
@@ -1899,61 +1920,61 @@ const Nt = le.Root, jt = le.ValueText, Te = () => {
         t && /* @__PURE__ */ e(
           ae,
           {
-            present: !P,
+            present: !z,
             animationName: { _open: "fade-in", _closed: "fade-out" },
             animationDuration: "moderate",
-            children: /* @__PURE__ */ e(Bt, {})
+            children: /* @__PURE__ */ e(Pt, {})
           }
         ),
-        /* @__PURE__ */ e(Tt, { open: I, setOpen: x }),
-        /* @__PURE__ */ e(no, {}),
-        /* @__PURE__ */ e(Jt, { onItemClick: L }),
-        /* @__PURE__ */ e(uo, {}),
-        /* @__PURE__ */ e(It, {}),
-        /* @__PURE__ */ e(bt, {}),
-        /* @__PURE__ */ e(Pt, { open: c, setOpen: d }),
+        /* @__PURE__ */ e(Tt, { open: S, setOpen: k }),
+        /* @__PURE__ */ e(Kt, {}),
+        /* @__PURE__ */ e(Zt, { onItemClick: P }),
+        /* @__PURE__ */ e(lo, {}),
+        /* @__PURE__ */ e(kt, {}),
+        /* @__PURE__ */ e(pt, {}),
+        /* @__PURE__ */ e(yt, { open: c, setOpen: d }),
         /* @__PURE__ */ e(
-          so,
+          io,
           {
             open: a,
             setOpen: s,
-            onNavigate: z
+            onNavigate: R
           }
         ),
         /* @__PURE__ */ e(
-          ao,
+          oo,
           {
             open: u,
-            setOpen: p,
-            onNavigate: z
+            setOpen: g,
+            onNavigate: R
           }
         ),
         /* @__PURE__ */ e(
-          ht,
+          st,
           {
-            openWith: h,
-            setOpen: (M) => S(M ? "annotations" : void 0),
-            onNavigate: z
+            openWith: p,
+            setOpen: (h) => f(h ? "annotations" : void 0),
+            onNavigate: R
           }
         ),
         /* @__PURE__ */ e(
           ae,
           {
-            present: n || P,
+            present: n || z,
             animationName: { _open: "fade-in", _closed: "fade-out" },
             animationDuration: "slow",
             overflow: "hidden",
-            children: /* @__PURE__ */ e(Ft, {})
+            children: /* @__PURE__ */ e(At, {})
           }
         ),
-        /* @__PURE__ */ e(vt, {})
+        /* @__PURE__ */ e(mt, {})
       ]
     }
   );
 };
 export {
-  tt as BOOKMARK_AREA_DATA_ATTRIBUTE,
-  Po as ReactReader,
-  wo as ReactReaderProvider
+  Xn as BOOKMARK_AREA_DATA_ATTRIBUTE,
+  zo as ReactReader,
+  To as ReactReaderProvider
 };
 //# sourceMappingURL=index.js.map