@prose-reader/react-reader 20.0.1 → 21.0.1

package/dist/index.js

@@ -1,32 +1,32 @@
 import { c as e } from "react/compiler-runtime";
 import { Box as t, Button as n, Collapsible as r, Dialog as i, Drawer as a, Field as o, Fieldset as s, For as c, HStack as l, Heading as u, IconButton as d, Input as f, Kbd as p, Link as m, List as h, Popover as g, Portal as _, Presence as v, Progress as y, RadioGroup as b, Slider as x, Spinner as S, Stack as C, Tabs as w, Text as T, Textarea as E, Toast as D, Toaster as O, chakra as k, createToaster as A, useBreakpointValue as j } from "@chakra-ui/react";
 import * as M from "react";
-import N, { createContext as P, memo as F, useCallback as I, useContext as L, useEffect as R, useLayoutEffect as z, useRef as B, useState as V } from "react";
-import { FaEdit as H } from "react-icons/fa";
-import { LuArrowBigLeft as U, LuArrowBigRight as W, LuBookmark as G, LuCheck as K, LuChevronDown as q, LuCircleCheck as J, LuCircleHelp as ee, LuColumns2 as te, LuGalleryHorizontal as ne, LuNotebookPen as re, LuPause as ie, LuPlay as ae, LuSearch as oe, LuTableOfContents as se, LuX as ce, LuZoomIn as le, LuZoomOut as ue } from "react-icons/lu";
-import { isDefined as de, signal as fe, useConstant as pe, useLiveRef as me, useMemoCompare as he, useObserve as Y, useSignalState as ge, useSignalValue as _e, useSubscribe as ve } from "reactjrx";
-import { BehaviorSubject as ye, EMPTY as be, NEVER as xe, Observable as Se, Subject as Ce, animationFrameScheduler as we, combineLatest as Te, debounceTime as Ee, distinctUntilChanged as De, filter as Oe, finalize as ke, first as Ae, map as X, merge as je, mergeMap as Me, of as Ne, shareReplay as Pe, skip as Fe, startWith as Ie, switchMap as Le, tap as Re, throttleTime as ze, timer as Be, withLatestFrom as Ve } from "rxjs";
-import { isHtmlTagElement as He, isShallowEqual as Ue, observeIntersection as We, pick as Ge, setPropertyIfChanged as Ke, setStylePropertyIfChanged as qe, watchKeys as Je } from "@prose-reader/core";
-import { Fragment as Ye, jsx as Z, jsxs as Q } from "react/jsx-runtime";
-import { createPortal as Xe } from "react-dom";
-import { isShallowEqual as Ze } from "@prose-reader/shared";
-import { MdFullscreen as Qe, MdFullscreenExit as $e, MdOutlineFitScreen as et, MdScreenRotation as tt } from "react-icons/md";
-import { BiFontSize as nt } from "react-icons/bi";
-import { BsBookmarks as rt } from "react-icons/bs";
-import { RiGalleryView2 as it } from "react-icons/ri";
-import { RxDoubleArrowDown as at, RxDoubleArrowLeft as ot, RxDoubleArrowRight as st, RxDoubleArrowUp as ct } from "react-icons/rx";
-import lt from "rc-slider";
+import N, { createContext as P, memo as F, useCallback as I, useContext as L, useEffect as R, useLayoutEffect as ee, useRef as z, useState as B } from "react";
+import { FaEdit as V } from "react-icons/fa";
+import { LuArrowBigLeft as H, LuArrowBigRight as te, LuBookmark as U, LuCheck as W, LuChevronDown as ne, LuCircleCheck as G, LuCircleHelp as re, LuColumns2 as ie, LuGalleryHorizontal as ae, LuNotebookPen as oe, LuPause as se, LuPlay as ce, LuSearch as le, LuTableOfContents as ue, LuX as de, LuZoomIn as fe, LuZoomOut as pe } from "react-icons/lu";
+import { isDefined as me, signal as he, useConstant as ge, useLiveRef as _e, useMemoCompare as ve, useObserve as K, useSignalState as ye, useSignalValue as be, useSubscribe as q } from "reactjrx";
+import { BehaviorSubject as xe, EMPTY as Se, NEVER as Ce, Observable as we, Subject as Te, animationFrameScheduler as Ee, combineLatest as De, debounceTime as Oe, distinctUntilChanged as J, filter as ke, finalize as Ae, first as je, map as Y, merge as Me, mergeMap as Ne, of as Pe, shareReplay as Fe, skip as Ie, startWith as Le, switchMap as Re, tap as ze, throttleTime as Be, timer as Ve, withLatestFrom as He } from "rxjs";
+import { isHtmlTagElement as Ue, isShallowEqual as We, observeIntersection as Ge, pick as Ke, setPropertyIfChanged as qe, setStylePropertyIfChanged as Je, watchKeys as Ye } from "@prose-reader/core";
+import { Fragment as Xe, jsx as X, jsxs as Z } from "react/jsx-runtime";
+import { createPortal as Ze } from "react-dom";
+import { isShallowEqual as Qe } from "@prose-reader/shared";
+import { MdFullscreen as $e, MdFullscreenExit as et, MdOutlineFitScreen as tt, MdScreenRotation as nt } from "react-icons/md";
+import { BiFontSize as rt } from "react-icons/bi";
+import { BsBookmarks as it } from "react-icons/bs";
+import { RiGalleryView2 as at } from "react-icons/ri";
+import { RxDoubleArrowDown as ot, RxDoubleArrowLeft as st, RxDoubleArrowRight as ct, RxDoubleArrowUp as lt } from "react-icons/rx";
+import ut from "rc-slider";
 import "rc-slider/assets/index.css";
-import { HiOutlineInformationCircle as ut } from "react-icons/hi";
-import { IoIosArrowBack as dt, IoMdMore as ft } from "react-icons/io";
-import pt from "screenfull";
+import { HiOutlineInformationCircle as dt } from "react-icons/hi";
+import { IoIosArrowBack as ft, IoMdMore as pt } from "react-icons/io";
+import mt from "screenfull";
 //#region src/constants.ts
-var mt = "data-bookmark-area", ht = 5, gt = () => ({
+var ht = "data-bookmark-area", gt = 5, _t = () => ({
 	_quickMenuOpen: !1,
 	_onQuickMenuOpenChange: (e) => e,
 	reader: void 0,
-	quickMenuBottomBarBoundingBoxSignal: fe({ default: void 0 }),
-	notificationsSubject: new Ce(),
+	quickMenuBottomBarBoundingBoxSignal: he({ default: void 0 }),
+	notificationsSubject: new Te(),
 	refitMenuOpen: !1,
 	onRefitMenuOpenChange: () => {},
 	fontSizeMenuOpen: !1,
@@ -34,32 +34,33 @@ var mt = "data-bookmark-area", ht = 5, gt = () => ({
 	fontSizeMin: .2,
 	fontSizeMax: 5,
 	uncontrolledFontSize: 1,
+	uncontrolledSpreadMode: "auto",
 	enableFloatingProgress: !0,
 	selectedHighlight: void 0
-}), _t = P(fe({ default: gt() })), vt = (t) => {
-	let n = e(9), r = L(_t), i;
-	n[0] !== r || n[1] !== t ? (i = () => r.pipe(Je(t)), n[0] = r, n[1] = t, n[2] = i) : i = n[2];
+}), vt = P(he({ default: _t() })), Q = (t) => {
+	let n = e(9), r = L(vt), i;
+	n[0] !== r || n[1] !== t ? (i = () => r.pipe(Ye(t)), n[0] = r, n[1] = t, n[2] = i) : i = n[2];
 	let a;
-	n[3] !== r.value || n[4] !== t ? (a = Ge(r.value, t), n[3] = r.value, n[4] = t, n[5] = a) : a = n[5];
+	n[3] !== r.value || n[4] !== t ? (a = Ke(r.value, t), n[3] = r.value, n[4] = t, n[5] = a) : a = n[5];
 	let o;
 	n[6] === a ? o = n[7] : (o = {
-		compareFn: Ue,
+		compareFn: We,
 		defaultValue: a
 	}, n[6] = a, n[7] = o);
 	let s;
-	return n[8] === Symbol.for("react.memo_cache_sentinel") ? (s = [], n[8] = s) : s = n[8], Y(i, o, s).data;
-}, yt = () => L(_t), bt = 24, xt = F((t) => {
+	return n[8] === Symbol.for("react.memo_cache_sentinel") ? (s = [], n[8] = s) : s = n[8], K(i, o, s).data;
+}, yt = () => L(vt), bt = 24, xt = F((t) => {
 	let n = e(9), r, i;
 	n[0] === t ? (r = n[1], i = n[2]) : ({children: r, ...i} = t, n[0] = t, n[1] = r, n[2] = i);
 	let a;
 	n[3] === Symbol.for("react.memo_cache_sentinel") ? (a = ["quickMenuBottomBarBoundingBoxSignal", "zoomMaxScale"], n[3] = a) : a = n[3];
-	let { quickMenuBottomBarBoundingBoxSignal: o } = vt(a), s = _e(o)?.borderBoxSize?.[0]?.blockSize || bt, c;
+	let { quickMenuBottomBarBoundingBoxSignal: o } = Q(a), s = be(o)?.borderBoxSize?.[0]?.blockSize || bt, c;
 	n[4] === Symbol.for("react.memo_cache_sentinel") ? (c = {
 		_open: "fade-in",
 		_closed: "fade-out"
 	}, n[4] = c) : c = n[4];
 	let l = `calc(${s}px + var(--chakra-spacing-4))`, u;
-	return n[5] !== r || n[6] !== i || n[7] !== l ? (u = /* @__PURE__ */ Z(v, {
+	return n[5] !== r || n[6] !== i || n[7] !== l ? (u = /* @__PURE__ */ X(v, {
 		animationName: c,
 		animationDuration: "moderate",
 		position: "absolute",
@@ -78,7 +79,7 @@ var mt = "data-bookmark-area", ht = 5, gt = () => ({
 }), $ = () => {
 	let t = e(1), n;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = ["reader"], t[0] = n) : n = t[0];
-	let { reader: r } = vt(n);
+	let { reader: r } = Q(n);
 	return r;
 }, St = (e) => !!e && "__PROSE_READER_ENHANCER_SEARCH" in e, Ct = (e) => !!e && "__PROSE_READER_ENHANCER_AUDIO" in e, wt = (e) => !!e && "__PROSE_READER_ENHANCER_ANNOTATIONS" in e, Tt = (e) => !!e && "__PROSE_READER_ENHANCER_GALLERY" in e, Et = (e) => !!e && "__PROSE_READER_ENHANCER_REFIT" in e, Dt = (e) => !!e && "__PROSE_READER_ENHANCER_CBZ" in e, Ot = () => {
 	let t = e(2), n = $(), r;
@@ -86,13 +87,13 @@ var mt = "data-bookmark-area", ht = 5, gt = () => ({
 }, kt = () => {
 	let t = e(16), r = Ot(), i = yt(), a;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = ["selectedHighlight"], t[0] = a) : a = t[0];
-	let { selectedHighlight: o } = vt(a), s;
-	t[1] === r ? s = t[2] : (s = () => r?.selection.selectionOver$.pipe(Le(() => r.selection.selectionEnd$.pipe(X(At), Ie(!0)))) ?? be, t[1] = r, t[2] = s);
+	let { selectedHighlight: o } = Q(a), s;
+	t[1] === r ? s = t[2] : (s = () => r?.selection.selectionOver$.pipe(Re(() => r.selection.selectionEnd$.pipe(Y(At), Le(!0)))) ?? Se, t[1] = r, t[2] = s);
 	let c;
 	t[3] === Symbol.for("react.memo_cache_sentinel") ? (c = { defaultValue: !1 }, t[3] = c) : c = t[3];
 	let l;
 	t[4] === r ? l = t[5] : (l = [r], t[4] = r, t[5] = l);
-	let { data: u } = Y(s, c, l), d = u && !o, f;
+	let { data: u } = K(s, c, l), d = u && !o, f;
 	t[6] !== i || t[7] !== r?.selection ? (f = () => {
 		let e = r?.selection.getSelection();
 		e && i.update((t) => ({
@@ -101,23 +102,23 @@ var mt = "data-bookmark-area", ht = 5, gt = () => ({
 		}));
 	}, t[6] = i, t[7] = r?.selection, t[8] = f) : f = t[8];
 	let p;
-	t[9] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ Z(H, {}), t[9] = p) : p = t[9];
+	t[9] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ X(V, {}), t[9] = p) : p = t[9];
 	let m;
-	t[10] === f ? m = t[11] : (m = /* @__PURE__ */ Q(n, {
+	t[10] === f ? m = t[11] : (m = /* @__PURE__ */ Z(n, {
 		variant: "outline",
 		size: "sm",
 		onClick: f,
 		children: [p, "Annotate"]
 	}), t[10] = f, t[11] = m);
 	let h;
-	t[12] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ Q(n, {
+	t[12] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ Z(n, {
 		variant: "outline",
 		size: "sm",
 		disabled: !0,
-		children: [/* @__PURE__ */ Z(re, {}), "Bookmark"]
+		children: [/* @__PURE__ */ X(oe, {}), "Bookmark"]
 	}), t[12] = h) : h = t[12];
 	let g;
-	return t[13] !== d || t[14] !== m ? (g = /* @__PURE__ */ Q(xt, {
+	return t[13] !== d || t[14] !== m ? (g = /* @__PURE__ */ Z(xt, {
 		present: d,
 		children: [m, h]
 	}), t[13] = d, t[14] = m, t[15] = g) : g = t[15], g;
@@ -129,9 +130,9 @@ function At() {
 //#region src/common/utils.ts
 var jt = (e, t = 50) => e.length <= t ? e : `${e.slice(0, t)}...`, Mt = M.forwardRef(function(t, n) {
 	let r = e(6), i;
-	r[0] === t.children ? i = r[1] : (i = t.children ?? /* @__PURE__ */ Z(ce, {}), r[0] = t.children, r[1] = i);
+	r[0] === t.children ? i = r[1] : (i = t.children ?? /* @__PURE__ */ X(de, {}), r[0] = t.children, r[1] = i);
 	let a;
-	return r[2] !== t || r[3] !== n || r[4] !== i ? (a = /* @__PURE__ */ Z(d, {
+	return r[2] !== t || r[3] !== n || r[4] !== i ? (a = /* @__PURE__ */ X(d, {
 		variant: "ghost",
 		"aria-label": "Close",
 		ref: n,
@@ -142,19 +143,19 @@ var jt = (e, t = 50) => e.length <= t ? e : `${e.slice(0, t)}...`, Mt = M.forwar
 	let r = e(17), i, o, s, c, l;
 	r[0] === t ? (i = r[1], o = r[2], s = r[3], c = r[4], l = r[5]) : ({children: i, portalled: l, portalRef: s, offset: o, ...c} = t, r[0] = t, r[1] = i, r[2] = o, r[3] = s, r[4] = c, r[5] = l);
 	let u = !(l === void 0 || l), d;
-	r[6] !== i || r[7] !== n || r[8] !== c ? (d = /* @__PURE__ */ Z(a.Content, {
+	r[6] !== i || r[7] !== n || r[8] !== c ? (d = /* @__PURE__ */ X(a.Content, {
 		ref: n,
 		...c,
 		asChild: !1,
 		children: i
 	}), r[6] = i, r[7] = n, r[8] = c, r[9] = d) : d = r[9];
 	let f;
-	r[10] !== o || r[11] !== d ? (f = /* @__PURE__ */ Z(a.Positioner, {
+	r[10] !== o || r[11] !== d ? (f = /* @__PURE__ */ X(a.Positioner, {
 		padding: o,
 		children: d
 	}), r[10] = o, r[11] = d, r[12] = f) : f = r[12];
 	let p;
-	return r[13] !== s || r[14] !== u || r[15] !== f ? (p = /* @__PURE__ */ Z(_, {
+	return r[13] !== s || r[14] !== u || r[15] !== f ? (p = /* @__PURE__ */ X(_, {
 		disabled: u,
 		container: s,
 		children: f
@@ -162,12 +163,12 @@ var jt = (e, t = 50) => e.length <= t ? e : `${e.slice(0, t)}...`, Mt = M.forwar
 });
 M.forwardRef(function(t, n) {
 	let r = e(5), i;
-	r[0] === n ? i = r[1] : (i = /* @__PURE__ */ Z(Mt, {
+	r[0] === n ? i = r[1] : (i = /* @__PURE__ */ X(Mt, {
 		size: "sm",
 		ref: n
 	}), r[0] = n, r[1] = i);
 	let o;
-	return r[2] !== t || r[3] !== i ? (o = /* @__PURE__ */ Z(a.CloseTrigger, {
+	return r[2] !== t || r[3] !== i ? (o = /* @__PURE__ */ X(a.CloseTrigger, {
 		position: "absolute",
 		top: "2",
 		insetEnd: "2",
@@ -196,7 +197,7 @@ var Rt = [
 		"onAnnotationUpdate",
 		"onAnnotationDelete"
 	], r[0] = a) : a = r[0];
-	let { selectedHighlight: o, onAnnotationCreate: s, onAnnotationUpdate: c, onAnnotationDelete: l } = vt(a), u = yt(), { highlight: d, selection: f } = o ?? {}, [p, m] = V(Rt[0]), [h, g] = V(""), _ = !!(f ?? d), v;
+	let { selectedHighlight: o, onAnnotationCreate: s, onAnnotationUpdate: c, onAnnotationDelete: l } = Q(a), u = yt(), { highlight: d, selection: f } = o ?? {}, [p, m] = B(Rt[0]), [h, g] = B(""), _ = !!(f ?? d), v;
 	r[1] === u ? v = r[2] : (v = () => {
 		u.update(Bt);
 	}, r[1] = u, r[2] = v);
@@ -216,23 +217,23 @@ var Rt = [
 	}, [S, _]);
 	let k;
 	r[9] !== u || r[10] !== i?.annotations.highlightTap$ ? (k = function() {
-		return i?.annotations.highlightTap$.pipe(Re((e) => {
+		return i?.annotations.highlightTap$.pipe(ze((e) => {
 			let { highlight: t } = e;
 			u.update((e) => ({
 				...e,
 				selectedHighlight: { highlight: t }
 			}));
 		}));
-	}, r[9] = u, r[10] = i?.annotations.highlightTap$, r[11] = k) : k = r[11], ve(k);
+	}, r[9] = u, r[10] = i?.annotations.highlightTap$, r[11] = k) : k = r[11], q(k);
 	let A = Pt, j;
-	r[12] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ Z(Lt, {}), r[12] = j) : j = r[12];
+	r[12] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ X(Lt, {}), r[12] = j) : j = r[12];
 	let M = Nt, N = Ft, P = d ? "Highlight" : `Selection: "${jt(f?.selection?.toString() ?? "", 10)}"`, F;
-	r[13] !== N || r[14] !== P ? (F = /* @__PURE__ */ Z(N, {
+	r[13] !== N || r[14] !== P ? (F = /* @__PURE__ */ X(N, {
 		borderBottomWidth: "1px",
 		children: P
 	}), r[13] = N, r[14] = P, r[15] = F) : F = r[15];
 	let I;
-	r[16] !== p || r[17] !== m ? (I = Rt.map((e) => /* @__PURE__ */ Z(t, {
+	r[16] !== p || r[17] !== m ? (I = Rt.map((e) => /* @__PURE__ */ X(t, {
 		bgColor: e,
 		height: 10,
 		width: 10,
@@ -242,28 +243,28 @@ var Rt = [
 		onClick: () => m(e)
 	}, e)), r[16] = p, r[17] = m, r[18] = I) : I = r[18];
 	let L;
-	r[19] === I ? L = r[20] : (L = /* @__PURE__ */ Z(C, {
+	r[19] === I ? L = r[20] : (L = /* @__PURE__ */ X(C, {
 		gap: 2,
 		flexDirection: "row",
 		children: I
 	}), r[19] = I, r[20] = L);
+	let ee;
+	r[21] === Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ X(T, { children: "Annotation:" }), r[21] = ee) : ee = r[21];
 	let z;
-	r[21] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ Z(T, { children: "Annotation:" }), r[21] = z) : z = r[21];
-	let B;
-	r[22] === g ? B = r[23] : (B = (e) => g(e.target.value), r[22] = g, r[23] = B);
-	let H;
-	r[24] !== h || r[25] !== B ? (H = /* @__PURE__ */ Z(E, {
+	r[22] === g ? z = r[23] : (z = (e) => g(e.target.value), r[22] = g, r[23] = z);
+	let V;
+	r[24] !== h || r[25] !== z ? (V = /* @__PURE__ */ X(E, {
 		value: h,
-		onChange: B
-	}), r[24] = h, r[25] = B, r[26] = H) : H = r[26];
-	let U;
-	r[27] !== L || r[28] !== H ? (U = /* @__PURE__ */ Q(C, { children: [
+		onChange: z
+	}), r[24] = h, r[25] = z, r[26] = V) : V = r[26];
+	let H;
+	r[27] !== L || r[28] !== V ? (H = /* @__PURE__ */ Z(C, { children: [
 		L,
-		z,
-		H
-	] }), r[27] = L, r[28] = H, r[29] = U) : U = r[29];
-	let W;
-	r[30] !== h || r[31] !== s || r[32] !== y || r[33] !== i?.annotations || r[34] !== p || r[35] !== f ? (W = !!f && /* @__PURE__ */ Z(n, {
+		ee,
+		V
+	] }), r[27] = L, r[28] = V, r[29] = H) : H = r[29];
+	let te;
+	r[30] !== h || r[31] !== s || r[32] !== y || r[33] !== i?.annotations || r[34] !== p || r[35] !== f ? (te = !!f && /* @__PURE__ */ X(n, {
 		onClick: () => {
 			y();
 			let e = i?.annotations.createAnnotation({
@@ -274,11 +275,11 @@ var Rt = [
 			e && s?.(e);
 		},
 		children: "Highlight"
-	}), r[30] = h, r[31] = s, r[32] = y, r[33] = i?.annotations, r[34] = p, r[35] = f, r[36] = W) : W = r[36];
-	let G;
-	r[37] !== h || r[38] !== d || r[39] !== l || r[40] !== c || r[41] !== y || r[42] !== p ? (G = !!d && /* @__PURE__ */ Q(C, {
+	}), r[30] = h, r[31] = s, r[32] = y, r[33] = i?.annotations, r[34] = p, r[35] = f, r[36] = te) : te = r[36];
+	let U;
+	r[37] !== h || r[38] !== d || r[39] !== l || r[40] !== c || r[41] !== y || r[42] !== p ? (U = !!d && /* @__PURE__ */ Z(C, {
 		direction: "row",
-		children: [/* @__PURE__ */ Z(n, {
+		children: [/* @__PURE__ */ X(n, {
 			flex: 1,
 			onClick: () => {
 				y(), c?.({
@@ -288,7 +289,7 @@ var Rt = [
 				});
 			},
 			children: "Update"
-		}), /* @__PURE__ */ Z(n, {
+		}), /* @__PURE__ */ X(n, {
 			flex: 1,
 			variant: "surface",
 			onClick: () => {
@@ -296,28 +297,28 @@ var Rt = [
 			},
 			children: "Remove"
 		})]
-	}), r[37] = h, r[38] = d, r[39] = l, r[40] = c, r[41] = y, r[42] = p, r[43] = G) : G = r[43];
-	let K;
-	r[44] !== U || r[45] !== W || r[46] !== G ? (K = /* @__PURE__ */ Q(It, {
+	}), r[37] = h, r[38] = d, r[39] = l, r[40] = c, r[41] = y, r[42] = p, r[43] = U) : U = r[43];
+	let W;
+	r[44] !== H || r[45] !== te || r[46] !== U ? (W = /* @__PURE__ */ Z(It, {
 		gap: 4,
 		display: "flex",
 		flexDirection: "column",
 		pb: 4,
 		children: [
-			U,
-			W,
-			G
+			H,
+			te,
+			U
 		]
-	}), r[44] = U, r[45] = W, r[46] = G, r[47] = K) : K = r[47];
-	let q;
-	r[48] !== M || r[49] !== F || r[50] !== K ? (q = /* @__PURE__ */ Q(M, { children: [F, K] }), r[48] = M, r[49] = F, r[50] = K, r[51] = q) : q = r[51];
-	let J;
-	return r[52] !== A || r[53] !== _ || r[54] !== x || r[55] !== q || r[56] !== j ? (J = /* @__PURE__ */ Q(A, {
+	}), r[44] = H, r[45] = te, r[46] = U, r[47] = W) : W = r[47];
+	let ne;
+	r[48] !== M || r[49] !== F || r[50] !== W ? (ne = /* @__PURE__ */ Z(M, { children: [F, W] }), r[48] = M, r[49] = F, r[50] = W, r[51] = ne) : ne = r[51];
+	let G;
+	return r[52] !== A || r[53] !== _ || r[54] !== x || r[55] !== ne || r[56] !== j ? (G = /* @__PURE__ */ Z(A, {
 		placement: "bottom",
 		onOpenChange: x,
 		open: _,
-		children: [j, q]
-	}), r[52] = A, r[53] = _, r[54] = x, r[55] = q, r[56] = j, r[57] = J) : J = r[57], J;
+		children: [j, ne]
+	}), r[52] = A, r[53] = _, r[54] = x, r[55] = ne, r[56] = j, r[57] = G) : G = r[57], G;
 });
 function Bt(e) {
 	return {
@@ -331,29 +332,29 @@ var Vt = M.forwardRef(function(t, n) {
 	let r = e(17), a, o, s, c, l;
 	r[0] === t ? (a = r[1], o = r[2], s = r[3], c = r[4], l = r[5]) : ({children: a, portalled: c, portalRef: o, backdrop: l, ...s} = t, r[0] = t, r[1] = a, r[2] = o, r[3] = s, r[4] = c, r[5] = l);
 	let u = c === void 0 || c, d = l === void 0 || l, f = !u, p;
-	r[6] === d ? p = r[7] : (p = d && /* @__PURE__ */ Z(i.Backdrop, {}), r[6] = d, r[7] = p);
+	r[6] === d ? p = r[7] : (p = d && /* @__PURE__ */ X(i.Backdrop, {}), r[6] = d, r[7] = p);
 	let m;
-	r[8] !== a || r[9] !== n || r[10] !== s ? (m = /* @__PURE__ */ Z(i.Positioner, { children: /* @__PURE__ */ Z(i.Content, {
+	r[8] !== a || r[9] !== n || r[10] !== s ? (m = /* @__PURE__ */ X(i.Positioner, { children: /* @__PURE__ */ X(i.Content, {
 		ref: n,
 		...s,
 		asChild: !1,
 		children: a
 	}) }), r[8] = a, r[9] = n, r[10] = s, r[11] = m) : m = r[11];
 	let h;
-	return r[12] !== o || r[13] !== f || r[14] !== p || r[15] !== m ? (h = /* @__PURE__ */ Q(_, {
+	return r[12] !== o || r[13] !== f || r[14] !== p || r[15] !== m ? (h = /* @__PURE__ */ Z(_, {
 		disabled: f,
 		container: o,
 		children: [p, m]
 	}), r[12] = o, r[13] = f, r[14] = p, r[15] = m, r[16] = h) : h = r[16], h;
 }), Ht = M.forwardRef(function(t, n) {
 	let r = e(6), a;
-	r[0] !== t.children || r[1] !== n ? (a = /* @__PURE__ */ Z(Mt, {
+	r[0] !== t.children || r[1] !== n ? (a = /* @__PURE__ */ X(Mt, {
 		size: "sm",
 		ref: n,
 		children: t.children
 	}), r[0] = t.children, r[1] = n, r[2] = a) : a = r[2];
 	let o;
-	return r[3] !== t || r[4] !== a ? (o = /* @__PURE__ */ Z(i.CloseTrigger, {
+	return r[3] !== t || r[4] !== a ? (o = /* @__PURE__ */ X(i.CloseTrigger, {
 		position: "absolute",
 		top: "2",
 		insetEnd: "2",
@@ -374,22 +375,22 @@ var Jt = i.ActionTrigger, Yt = (t) => {
 		md: "lg"
 	}, r[2] = d) : d = r[2];
 	let f;
-	r[3] === o ? f = r[4] : (f = /* @__PURE__ */ Z(Gt, { children: /* @__PURE__ */ Z(qt, { children: o }) }), r[3] = o, r[4] = f);
+	r[3] === o ? f = r[4] : (f = /* @__PURE__ */ X(Gt, { children: /* @__PURE__ */ X(qt, { children: o }) }), r[3] = o, r[4] = f);
 	let p;
-	r[5] !== l || r[6] !== s ? (p = /* @__PURE__ */ Z(Kt, {
+	r[5] !== l || r[6] !== s ? (p = /* @__PURE__ */ X(Kt, {
 		...l,
 		children: s
 	}), r[5] = l, r[6] = s, r[7] = p) : p = r[7];
 	let m, h;
-	r[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ Z(Wt, { children: /* @__PURE__ */ Z(Jt, {
+	r[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ X(Wt, { children: /* @__PURE__ */ X(Jt, {
 		asChild: !0,
-		children: /* @__PURE__ */ Z(n, {
+		children: /* @__PURE__ */ X(n, {
 			variant: "outline",
 			children: "Cancel"
 		})
-	}) }), h = /* @__PURE__ */ Z(Ht, {}), r[8] = m, r[9] = h) : (m = r[8], h = r[9]);
+	}) }), h = /* @__PURE__ */ X(Ht, {}), r[8] = m, r[9] = h) : (m = r[8], h = r[9]);
 	let g;
-	r[10] !== c || r[11] !== f || r[12] !== p ? (g = /* @__PURE__ */ Q(Vt, {
+	r[10] !== c || r[11] !== f || r[12] !== p ? (g = /* @__PURE__ */ Z(Vt, {
 		...c,
 		children: [
 			f,
@@ -399,7 +400,7 @@ var Jt = i.ActionTrigger, Yt = (t) => {
 		]
 	}), r[10] = c, r[11] = f, r[12] = p, r[13] = g) : g = r[13];
 	let _;
-	return r[14] !== i || r[15] !== u || r[16] !== g ? (_ = /* @__PURE__ */ Z(Ut, {
+	return r[14] !== i || r[15] !== u || r[16] !== g ? (_ = /* @__PURE__ */ X(Ut, {
 		lazyMount: !0,
 		placement: "center",
 		open: i,
@@ -412,9 +413,9 @@ var Jt = i.ActionTrigger, Yt = (t) => {
 	let n = e(7), r = $(), i;
 	n[0] === r ? i = n[1] : (i = wt(r) ? r : void 0, n[0] = r, n[1] = i);
 	let a = i, o;
-	n[2] !== t || n[3] !== a ? (o = () => a?.annotations.annotations$.pipe(X((e) => e.find((e) => e.id === t)), Oe(de), Le((e) => a.locateResource(e))), n[2] = t, n[3] = a, n[4] = o) : o = n[4];
+	n[2] !== t || n[3] !== a ? (o = () => a?.annotations.annotations$.pipe(Y((e) => e.find((e) => e.id === t)), ke(me), Re((e) => a.locateResource(e))), n[2] = t, n[3] = a, n[4] = o) : o = n[4];
 	let s;
-	return n[5] === a ? s = n[6] : (s = [a], n[5] = a, n[6] = s), Y(o, s);
+	return n[5] === a ? s = n[6] : (s = [a], n[5] = a, n[6] = s), K(o, s);
 }, Zt = (t) => {
 	let n = e(22), { id: r, onNavigate: i, allowLeftIcon: a } = t, o = a === void 0 || a, s = $(), { data: c } = Xt(r), l;
 	n[0] !== c?.meta.node?.textContent || n[1] !== c?.meta.range ? (l = c?.meta.range?.toString() || c?.meta.node?.textContent, n[0] = c?.meta.node?.textContent, n[1] = c?.meta.range, n[2] = l) : l = n[2];
@@ -423,39 +424,39 @@ var Jt = i.ActionTrigger, Yt = (t) => {
 		i(), s?.navigation.goToCfi(c?.meta.cfi ?? "");
 	}, n[3] = c?.meta, n[4] = i, n[5] = s?.navigation, n[6] = d) : d = n[6];
 	let f;
-	n[7] !== o || n[8] !== c?.resource?.notes ? (f = c?.resource?.notes ? /* @__PURE__ */ Z(h.Indicator, {
+	n[7] !== o || n[8] !== c?.resource?.notes ? (f = c?.resource?.notes ? /* @__PURE__ */ X(h.Indicator, {
 		asChild: !0,
-		children: /* @__PURE__ */ Z(re, {})
-	}) : o ? /* @__PURE__ */ Z(h.Indicator, {
+		children: /* @__PURE__ */ X(oe, {})
+	}) : o ? /* @__PURE__ */ X(h.Indicator, {
 		asChild: !0,
 		visibility: "hidden",
-		children: /* @__PURE__ */ Z(re, {})
+		children: /* @__PURE__ */ X(oe, {})
 	}) : null, n[7] = o, n[8] = c?.resource?.notes, n[9] = f) : f = n[9];
 	let p;
-	n[10] !== c?.meta || n[11] !== u ? (p = u ? /* @__PURE__ */ Z(T, {
+	n[10] !== c?.meta || n[11] !== u ? (p = u ? /* @__PURE__ */ X(T, {
 		lineClamp: 2,
 		fontSize: "md",
 		children: u
-	}) : /* @__PURE__ */ Q(T, {
+	}) : /* @__PURE__ */ Z(T, {
 		lineClamp: 2,
 		fontSize: "md",
 		fontStyle: "italic",
 		children: ["Page ", (c?.meta.absolutePageIndex ?? 0) + 1]
 	}), n[10] = c?.meta, n[11] = u, n[12] = p) : p = n[12];
 	let g = `Book page: ${c?.meta?.absolutePageIndex === void 0 ? "unknown (not loaded)" : c.meta.absolutePageIndex + 1}`, _;
-	n[13] === g ? _ = n[14] : (_ = /* @__PURE__ */ Z(T, {
+	n[13] === g ? _ = n[14] : (_ = /* @__PURE__ */ X(T, {
 		fontStyle: "italic",
 		fontWeight: "bold",
 		fontSize: "sm",
 		children: g
 	}), n[13] = g, n[14] = _);
 	let v;
-	n[15] !== p || n[16] !== _ ? (v = /* @__PURE__ */ Q(C, {
+	n[15] !== p || n[16] !== _ ? (v = /* @__PURE__ */ Z(C, {
 		gap: 0,
 		children: [p, _]
 	}), n[15] = p, n[16] = _, n[17] = v) : v = n[17];
 	let y;
-	return n[18] !== d || n[19] !== f || n[20] !== v ? (y = /* @__PURE__ */ Z(h.Item, { children: /* @__PURE__ */ Q(m, {
+	return n[18] !== d || n[19] !== f || n[20] !== v ? (y = /* @__PURE__ */ X(h.Item, { children: /* @__PURE__ */ Z(m, {
 		href: "#",
 		onClick: d,
 		children: [f, v]
@@ -464,7 +465,7 @@ var Jt = i.ActionTrigger, Yt = (t) => {
 	let t = e(5), n = $(), r;
 	t[0] === n ? r = t[1] : (r = wt(n) ? n : void 0, t[0] = n, t[1] = r);
 	let i = r, a, o;
-	return t[2] === i ? (a = t[3], o = t[4]) : (a = () => i?.annotations.annotations$.pipe(Le((e) => i.locateResource(e))), o = [i], t[2] = i, t[3] = a, t[4] = o), Y(a, o);
+	return t[2] === i ? (a = t[3], o = t[4]) : (a = () => i?.annotations.annotations$.pipe(Re((e) => i.locateResource(e))), o = [i], t[2] = i, t[3] = a, t[4] = o), K(a, o);
 }, $t = () => {
 	let t = e(4), { data: n } = Qt(), r;
 	t[0] === n ? r = t[1] : (r = n?.filter(en), t[0] = n, t[1] = r);
@@ -478,12 +479,12 @@ function en(e) {
 //#region src/annotations/AnnotationsList.tsx
 var tn = (t) => {
 	let n = e(5), { onNavigate: r } = t, { data: i } = $t(), a;
-	n[0] !== i || n[1] !== r ? (a = i?.map((e) => /* @__PURE__ */ Z(Zt, {
+	n[0] !== i || n[1] !== r ? (a = i?.map((e) => /* @__PURE__ */ X(Zt, {
 		id: e.resource.id,
 		onNavigate: r
 	}, e.resource.id)), n[0] = i, n[1] = r, n[2] = a) : a = n[2];
 	let o;
-	return n[3] === a ? o = n[4] : (o = /* @__PURE__ */ Z(h.Root, {
+	return n[3] === a ? o = n[4] : (o = /* @__PURE__ */ X(h.Root, {
 		overflowY: "auto",
 		gap: 3,
 		pt: 4,
@@ -503,13 +504,13 @@ function rn(e) {
 //#region src/annotations/bookmarks/BookmarksList.tsx
 var an = (t) => {
 	let n = e(5), { onNavigate: r } = t, { data: i } = nn(), a;
-	n[0] !== i || n[1] !== r ? (a = i?.map((e) => /* @__PURE__ */ Z(Zt, {
+	n[0] !== i || n[1] !== r ? (a = i?.map((e) => /* @__PURE__ */ X(Zt, {
 		id: e.resource.id,
 		onNavigate: r,
 		allowLeftIcon: !1
 	}, e.resource.id)), n[0] = i, n[1] = r, n[2] = a) : a = n[2];
 	let o;
-	return n[3] === a ? o = n[4] : (o = /* @__PURE__ */ Z(h.Root, {
+	return n[3] === a ? o = n[4] : (o = /* @__PURE__ */ X(h.Root, {
 		overflowY: "auto",
 		gap: 3,
 		pt: 4,
@@ -517,34 +518,34 @@ var an = (t) => {
 		children: a
 	}), n[3] = a, n[4] = o), o;
 }, on = F((t) => {
-	let n = e(11), { onNavigate: r, defaultTab: i } = t, [a, o] = V(i ?? "bookmarks"), s;
+	let n = e(11), { onNavigate: r, defaultTab: i } = t, [a, o] = B(i ?? "bookmarks"), s;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (s = (e) => o(e.value), n[0] = s) : s = n[0];
 	let c;
-	n[1] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Q(w.Trigger, {
+	n[1] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Z(w.Trigger, {
 		value: "bookmarks",
-		children: [/* @__PURE__ */ Z(G, {}), "Bookmarks"]
+		children: [/* @__PURE__ */ X(U, {}), "Bookmarks"]
 	}), n[1] = c) : c = n[1];
 	let l;
-	n[2] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ Q(w.List, { children: [
+	n[2] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ Z(w.List, { children: [
 		c,
-		/* @__PURE__ */ Q(w.Trigger, {
+		/* @__PURE__ */ Z(w.Trigger, {
 			value: "annotations",
-			children: [/* @__PURE__ */ Z(re, {}), "Annotations"]
+			children: [/* @__PURE__ */ X(oe, {}), "Annotations"]
 		}),
-		/* @__PURE__ */ Z(w.Indicator, {})
+		/* @__PURE__ */ X(w.Indicator, {})
 	] }), n[2] = l) : l = n[2];
 	let u;
-	n[3] === r ? u = n[4] : (u = /* @__PURE__ */ Z(w.Content, {
+	n[3] === r ? u = n[4] : (u = /* @__PURE__ */ X(w.Content, {
 		value: "bookmarks",
-		children: /* @__PURE__ */ Z(an, { onNavigate: r })
+		children: /* @__PURE__ */ X(an, { onNavigate: r })
 	}), n[3] = r, n[4] = u);
 	let d;
-	n[5] === r ? d = n[6] : (d = /* @__PURE__ */ Z(w.Content, {
+	n[5] === r ? d = n[6] : (d = /* @__PURE__ */ X(w.Content, {
 		value: "annotations",
-		children: /* @__PURE__ */ Z(tn, { onNavigate: r })
+		children: /* @__PURE__ */ X(tn, { onNavigate: r })
 	}), n[5] = r, n[6] = d);
 	let f;
-	return n[7] !== u || n[8] !== d || n[9] !== a ? (f = /* @__PURE__ */ Q(w.Root, {
+	return n[7] !== u || n[8] !== d || n[9] !== a ? (f = /* @__PURE__ */ Z(w.Root, {
 		value: a,
 		onValueChange: s,
 		children: [
@@ -557,12 +558,12 @@ var an = (t) => {
 	let n = e(9), { openWith: r, setOpen: i, onNavigate: a } = t, o = !!r, s, c;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (s = { height: "100%" }, c = { flex: 1 }, n[0] = s, n[1] = c) : (s = n[0], c = n[1]);
 	let l;
-	n[2] !== a || n[3] !== r ? (l = /* @__PURE__ */ Z(on, {
+	n[2] !== a || n[3] !== r ? (l = /* @__PURE__ */ X(on, {
 		onNavigate: a,
 		defaultTab: r
 	}), n[2] = a, n[3] = r, n[4] = l) : l = n[4];
 	let u;
-	return n[5] !== i || n[6] !== o || n[7] !== l ? (u = /* @__PURE__ */ Z(Yt, {
+	return n[5] !== i || n[6] !== o || n[7] !== l ? (u = /* @__PURE__ */ X(Yt, {
 		open: o,
 		onOpenChange: i,
 		title: "Annotations",
@@ -572,11 +573,11 @@ var an = (t) => {
 	}), n[5] = i, n[6] = o, n[7] = l, n[8] = u) : u = n[8], u;
 }), cn = (t) => {
 	let n = e(5), { absolutePageIndex: r, itemIndex: i } = t, a = $(), o, s;
-	return n[0] !== r || n[1] !== i || n[2] !== a ? (o = () => a ? i === void 0 ? r === void 0 ? be : a.spine.pages.observeFromAbsolutePageIndex(r).pipe(X((e) => a.spine.spineItemsManager.get(e?.itemIndex))) : Ne(a.spine.spineItemsManager.get(i)) : be, s = [
+	return n[0] !== r || n[1] !== i || n[2] !== a ? (o = () => a ? i === void 0 ? r === void 0 ? Se : a.spine.pages.observeFromAbsolutePageIndex(r).pipe(Y((e) => a.spine.spineItemsManager.get(e?.itemIndex))) : Pe(a.spine.spineItemsManager.get(i)) : Se, s = [
 		i,
 		r,
 		a
-	], n[0] = r, n[1] = i, n[2] = a, n[3] = o, n[4] = s) : (o = n[3], s = n[4]), Y(o, s);
+	], n[0] = r, n[1] = i, n[2] = a, n[3] = o, n[4] = s) : (o = n[3], s = n[4]), K(o, s);
 }, ln = (t) => {
 	let n = e(9), { absolutePageIndex: r, itemIndex: i } = t, a;
 	n[0] !== r || n[1] !== i ? (a = {
@@ -584,8 +585,8 @@ var an = (t) => {
 		itemIndex: i
 	}, n[0] = r, n[1] = i, n[2] = a) : a = n[2];
 	let { data: o } = cn(a), s, c;
-	n[3] === o ? (s = n[4], c = n[5]) : (s = () => o ? o.isReady$ : xe, c = [o], n[3] = o, n[4] = s, n[5] = c);
-	let { data: l } = Y(s, c), u;
+	n[3] === o ? (s = n[4], c = n[5]) : (s = () => o ? o.isReady$ : Ce, c = [o], n[3] = o, n[4] = s, n[5] = c);
+	let { data: l } = K(s, c), u;
 	return n[6] !== l || n[7] !== o ? (u = {
 		spineItem: o,
 		isReady: l
@@ -614,8 +615,8 @@ var an = (t) => {
 		borderLeft: y
 	}, r[6] = _, r[7] = y, r[8] = b) : b = r[8];
 	let x;
-	r[9] !== p || r[10] !== g || r[11] !== b || r[12] !== o ? (x = /* @__PURE__ */ Z(t, {
-		"data-bookmark-area": mt,
+	r[9] !== p || r[10] !== g || r[11] !== b || r[12] !== o ? (x = /* @__PURE__ */ X(t, {
+		"data-bookmark-area": ht,
 		position: "absolute",
 		left: g,
 		transform: "translateX(-100%)",
@@ -626,7 +627,7 @@ var an = (t) => {
 		_before: b
 	}), r[9] = p, r[10] = g, r[11] = b, r[12] = o, r[13] = x) : x = r[13];
 	let S;
-	return r[14] !== m || r[15] !== x ? (S = /* @__PURE__ */ Z(v, {
+	return r[14] !== m || r[15] !== x ? (S = /* @__PURE__ */ X(v, {
 		present: m,
 		lazyMount: !0,
 		animationName: h,
@@ -638,14 +639,14 @@ var an = (t) => {
 	t[0] === n?.layoutInfo$ ? r = t[1] : (r = () => n?.layoutInfo$, t[0] = n?.layoutInfo$, t[1] = r);
 	let i;
 	t[2] === n ? i = t[3] : (i = [n], t[2] = n, t[3] = i);
-	let { data: a } = Y(r, i), o;
+	let { data: a } = K(r, i), o;
 	t[4] === a?.pages ? o = t[5] : (o = a?.pages.map(fn), t[4] = a?.pages, t[5] = o);
 	let s;
-	return t[6] === o ? s = t[7] : (s = /* @__PURE__ */ Z(Ye, { children: o }), t[6] = o, t[7] = s), s;
+	return t[6] === o ? s = t[7] : (s = /* @__PURE__ */ X(Xe, { children: o }), t[6] = o, t[7] = s), s;
 });
 function fn(e, t) {
 	let { absoluteLayout: n } = e, { left: r, top: i, width: a } = n;
-	return /* @__PURE__ */ Z(un, {
+	return /* @__PURE__ */ X(un, {
 		absolutePageIndex: t,
 		left: r,
 		top: i,
@@ -662,7 +663,7 @@ var pn = !0, mn = 10, hn = ({ position: e, containerSize: t, sizePercent: n }) =
 	t[0] !== r || t[1] !== n || t[2] !== i ? (a = () => {
 		if (n) return n.gestures.hooks.register("beforeTapGesture", (e) => {
 			let { event$: t } = e;
-			return t.pipe(Ve(n?.annotations.candidates$), X((e) => {
+			return t.pipe(He(n?.annotations.candidates$), Y((e) => {
 				let [t, a] = e;
 				if (!t.page) return pn;
 				let { spineItem: o, spineItemPageIndex: s, spineItemPagePosition: c, pageSize: l } = t.page;
@@ -692,19 +693,19 @@ var pn = !0, mn = 10, hn = ({ position: e, containerSize: t, sizePercent: n }) =
 	let t = e(2), n = Ot(), r;
 	t[0] === n ? r = t[1] : (r = () => n?.gestures.hooks.register("beforeTapGesture", (e) => {
 		let { event$: t } = e;
-		return t.pipe(Ve(n.selection.lastSelectionOnPointerdown$), X((e) => {
+		return t.pipe(He(n.selection.lastSelectionOnPointerdown$), Y((e) => {
 			let [t, r] = e, { event: i } = t, a = i.event.target;
 			return !(a && n.annotations.isTargetWithinHighlight(a) || r);
 		}));
-	}), t[0] = n, t[1] = r), ve(r);
+	}), t[0] = n, t[1] = r), q(r);
 }, vn = () => {
 	let t = e(3), n = Ot(), r = yt(), i;
 	t[0] !== r || t[1] !== n ? (i = () => {
 		if (n) {
-			let e = r.pipe(X(yn), De()), t = r.pipe(X(bn), De()), i = Te([t, e]).pipe(X(xn));
+			let e = r.pipe(Y(yn), J()), t = r.pipe(Y(bn), J()), i = De([t, e]).pipe(Y(xn));
 			n.annotations.update({ annotations$: i });
 		}
-	}, t[0] = r, t[1] = n, t[2] = i) : i = t[2], ve(i);
+	}, t[0] = r, t[1] = n, t[2] = i) : i = t[2], q(i);
 };
 function yn(e) {
 	return e.selectedHighlight?.highlight?.id;
@@ -729,18 +730,18 @@ var Sn = () => {
 	n[0] !== i?.audio || n[1] !== r ? (a = () => r ? i?.audio.visualizer$ : void 0, n[0] = i?.audio, n[1] = r, n[2] = a) : a = n[2];
 	let o;
 	n[3] !== i || n[4] !== r ? (o = [r, i], n[3] = i, n[4] = r, n[5] = o) : o = n[5];
-	let { data: s } = Y(a, o);
+	let { data: s } = K(a, o);
 	return s;
 }, wn = (t) => {
 	let n = e(8), { enabled: r, trackId: i } = t, a = r === void 0 || r, o = Sn(), s;
-	n[0] !== o?.audio || n[1] !== a || n[2] !== i ? (s = () => a ? o?.audio.state$.pipe(X((e) => e.currentTrack?.id === i), De()) : void 0, n[0] = o?.audio, n[1] = a, n[2] = i, n[3] = s) : s = n[3];
+	n[0] !== o?.audio || n[1] !== a || n[2] !== i ? (s = () => a ? o?.audio.state$.pipe(Y((e) => e.currentTrack?.id === i), J()) : void 0, n[0] = o?.audio, n[1] = a, n[2] = i, n[3] = s) : s = n[3];
 	let c;
 	n[4] !== o || n[5] !== a || n[6] !== i ? (c = [
 		a,
 		i,
 		o
 	], n[4] = o, n[5] = a, n[6] = i, n[7] = c) : c = n[7];
-	let { data: l } = Y(s, c);
+	let { data: l } = K(s, c);
 	return l !== void 0 && l;
 }, Tn = "#93c5fd", En = "#3b82f6", Dn = .1, On = .25, kn = .15, An = .02, jn = .145, Mn = .52, Nn = .16, Pn = .5, Fn = .34, In = (e, t, n) => Math.min(Math.max(e, t), n), Ln = (e, t, n) => {
 	if (e === t) return Number(n >= t);
@@ -794,14 +795,14 @@ var Sn = () => {
 		xl: 49
 	}) ?? 29, o;
 	r[0] === a ? o = r[1] : (o = Hn(a), r[0] = a, r[1] = o);
-	let s = o, c = B(null), l = B(null), u = B(void 0), d = B(i ?? Kn), f;
+	let s = o, c = z(null), l = z(null), u = z(void 0), d = z(i ?? Kn), f;
 	r[2] === Symbol.for("react.memo_cache_sentinel") ? (f = [], r[2] = f) : f = r[2];
-	let p = B(f), m = B(En), h;
+	let p = z(f), m = z(En), h;
 	r[3] === Symbol.for("react.memo_cache_sentinel") ? (h = {
 		width: 0,
 		height: 0
 	}, r[3] = h) : h = r[3];
-	let g = B(h), _;
+	let g = z(h), _;
 	r[4] === Symbol.for("react.memo_cache_sentinel") ? (_ = () => {
 		let e = c.current;
 		if (!e || g.current.height <= 0) return;
@@ -853,7 +854,7 @@ var Sn = () => {
 		g.current = {
 			width: n,
 			height: r
-		}, Ke(e, "width", a), Ke(e, "height", o), qe(e.style, "width", `${n}px`), qe(e.style, "height", `${r}px`);
+		}, qe(e, "width", a), qe(e, "height", o), Je(e.style, "width", `${n}px`), Je(e.style, "height", `${r}px`);
 		let s = e.getContext("2d");
 		s && s.setTransform(i, 0, 0, i, 0, 0), v(), b();
 	}, r[10] = b, r[11] = T);
@@ -883,7 +884,7 @@ var Sn = () => {
 		};
 	}, A = [E, S], r[17] = E, r[18] = k, r[19] = A), R(k, A);
 	let M;
-	return r[20] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ Z(t, {
+	return r[20] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ X(t, {
 		ref: l,
 		position: "absolute",
 		inset: 0,
@@ -901,7 +902,7 @@ var Sn = () => {
 			WebkitMaskImage: "linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%)",
 			maskImage: "linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%)"
 		},
-		children: /* @__PURE__ */ Z("canvas", { ref: c })
+		children: /* @__PURE__ */ X("canvas", { ref: c })
 	}), r[20] = M) : M = r[20], M;
 }, Jn = (t) => {
 	let n = e(16), { item: r } = t, i = Sn(), a;
@@ -910,7 +911,7 @@ var Sn = () => {
 	n[3] === s ? c = n[4] : (c = () => s?.watch("documentContainer"), n[3] = s, n[4] = c);
 	let l;
 	n[5] !== s || n[6] !== o ? (l = [s, o], n[5] = s, n[6] = o, n[7] = l) : l = n[7];
-	let { data: u } = Y(c, l), d = !!u, f;
+	let { data: u } = K(c, l), d = !!u, f;
 	n[8] !== r.item.id || n[9] !== d ? (f = {
 		enabled: d,
 		trackId: r.item.id
@@ -918,34 +919,34 @@ var Sn = () => {
 	let p = wn(f), m = Cn(p);
 	if (!u) return null;
 	let h = p ? m : void 0, g;
-	n[11] === h ? g = n[12] : (g = /* @__PURE__ */ Z(qn, { visualizer: h }), n[11] = h, n[12] = g);
+	n[11] === h ? g = n[12] : (g = /* @__PURE__ */ X(qn, { visualizer: h }), n[11] = h, n[12] = g);
 	let _;
-	return n[13] !== u || n[14] !== g ? (_ = Xe(g, u), n[13] = u, n[14] = g, n[15] = _) : _ = n[15], _;
+	return n[13] !== u || n[14] !== g ? (_ = Ze(g, u), n[13] = u, n[14] = g, n[15] = _) : _ = n[15], _;
 }, Yn = F((t) => {
 	let n = e(7), { item: r } = t, i = r.containerElement, a;
-	n[0] === r ? a = n[1] : (a = /* @__PURE__ */ Z(Jn, { item: r }), n[0] = r, n[1] = a);
+	n[0] === r ? a = n[1] : (a = /* @__PURE__ */ X(Jn, { item: r }), n[0] = r, n[1] = a);
 	let o;
-	n[2] !== i || n[3] !== a ? (o = Xe(a, i), n[2] = i, n[3] = a, n[4] = o) : o = n[4];
+	n[2] !== i || n[3] !== a ? (o = Ze(a, i), n[2] = i, n[3] = a, n[4] = o) : o = n[4];
 	let s;
-	return n[5] === o ? s = n[6] : (s = /* @__PURE__ */ Z(Ye, { children: o }), n[5] = o, n[6] = s), s;
+	return n[5] === o ? s = n[6] : (s = /* @__PURE__ */ X(Xe, { children: o }), n[5] = o, n[6] = s), s;
 }), Xn = F((t) => {
 	let n = e(14), { children: r } = t, i = $(), a;
 	n[0] === i?.spine.element$ ? a = n[1] : (a = () => i?.spine.element$, n[0] = i?.spine.element$, n[1] = a);
 	let o;
 	n[2] === i ? o = n[3] : (o = [i], n[2] = i, n[3] = o);
-	let { data: s } = Y(a, o), c = i?.spineItemsManager.items;
+	let { data: s } = K(a, o), c = i?.spineItemsManager.items;
 	if (!s) return null;
 	let l;
 	n[4] === c ? l = n[5] : (l = c?.map(Zn), n[4] = c, n[5] = l);
 	let u;
-	n[6] !== r || n[7] !== l ? (u = /* @__PURE__ */ Q(Ye, { children: [r, l] }), n[6] = r, n[7] = l, n[8] = u) : u = n[8];
+	n[6] !== r || n[7] !== l ? (u = /* @__PURE__ */ Z(Xe, { children: [r, l] }), n[6] = r, n[7] = l, n[8] = u) : u = n[8];
 	let d;
-	n[9] !== s || n[10] !== u ? (d = Xe(u, s), n[9] = s, n[10] = u, n[11] = d) : d = n[11];
+	n[9] !== s || n[10] !== u ? (d = Ze(u, s), n[9] = s, n[10] = u, n[11] = d) : d = n[11];
 	let f;
-	return n[12] === d ? f = n[13] : (f = /* @__PURE__ */ Z(Ye, { children: d }), n[12] = d, n[13] = f), f;
+	return n[12] === d ? f = n[13] : (f = /* @__PURE__ */ X(Xe, { children: d }), n[12] = d, n[13] = f), f;
 });
 function Zn(e) {
-	return /* @__PURE__ */ Z(Yn, { item: e }, e.index);
+	return /* @__PURE__ */ X(Yn, { item: e }, e.index);
 }
 //#endregion
 //#region src/components/ui/toaster.tsx
@@ -954,28 +955,28 @@ var Qn = A({
 	pauseOnPageIdle: !0
 }), $n = () => {
 	let t = e(1), n;
-	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ Z(_, { children: /* @__PURE__ */ Z(O, {
+	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ X(_, { children: /* @__PURE__ */ X(O, {
 		toaster: Qn,
 		insetInline: { mdDown: "4" },
 		children: er
 	}) }), t[0] = n) : n = t[0], n;
 };
 function er(e) {
-	return /* @__PURE__ */ Q(D.Root, {
+	return /* @__PURE__ */ Z(D.Root, {
 		width: { md: "sm" },
 		children: [
-			e.type === "loading" ? /* @__PURE__ */ Z(S, {
+			e.type === "loading" ? /* @__PURE__ */ X(S, {
 				size: "sm",
 				color: "blue.solid"
-			}) : /* @__PURE__ */ Z(D.Indicator, {}),
-			/* @__PURE__ */ Q(C, {
+			}) : /* @__PURE__ */ X(D.Indicator, {}),
+			/* @__PURE__ */ Z(C, {
 				gap: "1",
 				flex: "1",
 				maxWidth: "100%",
-				children: [e.title && /* @__PURE__ */ Z(D.Title, { children: e.title }), e.description && /* @__PURE__ */ Z(D.Description, { children: e.description })]
+				children: [e.title && /* @__PURE__ */ X(D.Title, { children: e.title }), e.description && /* @__PURE__ */ X(D.Description, { children: e.description })]
 			}),
-			e.action && /* @__PURE__ */ Z(D.ActionTrigger, { children: e.action.label }),
-			e.meta?.closable && /* @__PURE__ */ Z(D.CloseTrigger, {})
+			e.action && /* @__PURE__ */ X(D.ActionTrigger, { children: e.action.label }),
+			e.meta?.closable && /* @__PURE__ */ X(D.CloseTrigger, {})
 		]
 	});
 }
@@ -984,9 +985,9 @@ function er(e) {
 var tr = (t) => {
 	let n = e(25), r, i;
 	n[0] === t ? (r = n[1], i = n[2]) : ({children: r, ...i} = t, n[0] = t, n[1] = r, n[2] = i);
-	let a = pe(rr), o;
-	n[3] === a.value.fontSizeMenuOpen ? o = n[4] : (o = () => fe({ default: a.value.fontSizeMenuOpen }), n[3] = a.value.fontSizeMenuOpen, n[4] = o);
-	let s = pe(o), c = _e(s), l;
+	let a = ge(rr), o;
+	n[3] === a.value.fontSizeMenuOpen ? o = n[4] : (o = () => he({ default: a.value.fontSizeMenuOpen }), n[3] = a.value.fontSizeMenuOpen, n[4] = o);
+	let s = ge(o), c = be(s), l;
 	n[5] === s ? l = n[6] : (l = (e) => {
 		s.update(e);
 	}, n[5] = s, n[6] = l);
@@ -998,12 +999,12 @@ var tr = (t) => {
 		}));
 	}, n[7] = a, n[8] = d);
 	let f = d, p;
-	n[9] === a.value.refitMenuOpen ? p = n[10] : (p = () => fe({ default: a.value.refitMenuOpen }), n[9] = a.value.refitMenuOpen, n[10] = p);
-	let m = pe(p), h;
+	n[9] === a.value.refitMenuOpen ? p = n[10] : (p = () => he({ default: a.value.refitMenuOpen }), n[9] = a.value.refitMenuOpen, n[10] = p);
+	let m = ge(p), h;
 	n[11] === m ? h = n[12] : (h = (e) => {
 		m.update(e);
 	}, n[11] = m, n[12] = h);
-	let g = h, _ = _e(m), v = he(i, Ze), y, b;
+	let g = h, _ = be(m), v = ve(i, Qe), y, b;
 	n[13] !== f || n[14] !== v || n[15] !== c || n[16] !== u || n[17] !== g || n[18] !== _ || n[19] !== a ? (y = () => {
 		a.update((e) => ({
 			...e,
@@ -1024,7 +1025,7 @@ var tr = (t) => {
 		g
 	], n[13] = f, n[14] = v, n[15] = c, n[16] = u, n[17] = g, n[18] = _, n[19] = a, n[20] = y, n[21] = b) : (y = n[20], b = n[21]), R(y, b);
 	let x;
-	return n[22] !== r || n[23] !== a ? (x = /* @__PURE__ */ Z(_t.Provider, {
+	return n[22] !== r || n[23] !== a ? (x = /* @__PURE__ */ X(vt.Provider, {
 		value: a,
 		children: r
 	}), n[22] = r, n[23] = a, n[24] = x) : x = n[24], x;
@@ -1032,61 +1033,39 @@ var tr = (t) => {
 	let n = e(6), r, i;
 	n[0] === t ? (r = n[1], i = n[2]) : ({children: r, ...i} = t, n[0] = t, n[1] = r, n[2] = i);
 	let a;
-	return n[3] !== r || n[4] !== i ? (a = /* @__PURE__ */ Z(tr, {
+	return n[3] !== r || n[4] !== i ? (a = /* @__PURE__ */ X(tr, {
 		...i,
 		children: r
 	}), n[3] = r, n[4] = i, n[5] = a) : a = n[5], a;
 });
 function rr() {
-	return fe({ default: gt() });
+	return he({ default: _t() });
 }
 //#endregion
-//#region src/components/ui/radio.tsx
-var ir = M.forwardRef(function(t, n) {
-	let r = e(16), i, a, o, s;
-	r[0] === t ? (i = r[1], a = r[2], o = r[3], s = r[4]) : ({children: i, inputProps: a, rootRef: s, ...o} = t, r[0] = t, r[1] = i, r[2] = a, r[3] = o, r[4] = s);
-	let c;
-	r[5] !== a || r[6] !== n ? (c = /* @__PURE__ */ Z(b.ItemHiddenInput, {
-		ref: n,
-		...a
-	}), r[5] = a, r[6] = n, r[7] = c) : c = r[7];
-	let l;
-	r[8] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ Z(b.ItemIndicator, {}), r[8] = l) : l = r[8];
-	let u;
-	r[9] === i ? u = r[10] : (u = i && /* @__PURE__ */ Z(b.ItemText, { children: i }), r[9] = i, r[10] = u);
-	let d;
-	return r[11] !== o || r[12] !== s || r[13] !== c || r[14] !== u ? (d = /* @__PURE__ */ Q(b.Item, {
-		ref: s,
-		...o,
-		children: [
-			c,
-			l,
-			u
-		]
-	}), r[11] = o, r[12] = s, r[13] = c, r[14] = u, r[15] = d) : d = r[15], d;
-}), ar = b.Root, or = M.memo(function(t) {
+//#region src/components/ui/slider.tsx
+var ir = M.memo(function(t) {
 	let n = e(29), r, i, a, o, s, c, u;
 	if (n[0] !== t) {
 		let { ref: e, ...l } = t;
 		a = e;
 		let { marks: d, label: f, showValue: p, ...m } = l;
-		r = f, s = p, o = m, u = l.defaultValue ?? l.value, i = d?.map(ur), c = i?.some(dr), n[0] = t, n[1] = r, n[2] = i, n[3] = a, n[4] = o, n[5] = s, n[6] = c, n[7] = u;
+		r = f, s = p, o = m, u = l.defaultValue ?? l.value, i = d?.map(cr), c = i?.some(lr), n[0] = t, n[1] = r, n[2] = i, n[3] = a, n[4] = o, n[5] = s, n[6] = c, n[7] = u;
 	} else r = n[1], i = n[2], a = n[3], o = n[4], s = n[5], c = n[6], u = n[7];
 	let d = !!c, f;
-	n[8] !== r || n[9] !== s ? (f = r && !s && /* @__PURE__ */ Z(x.Label, { children: r }), n[8] = r, n[9] = s, n[10] = f) : f = n[10];
+	n[8] !== r || n[9] !== s ? (f = r && !s && /* @__PURE__ */ X(x.Label, { children: r }), n[8] = r, n[9] = s, n[10] = f) : f = n[10];
 	let p;
-	n[11] !== r || n[12] !== s ? (p = r && s && /* @__PURE__ */ Q(l, {
+	n[11] !== r || n[12] !== s ? (p = r && s && /* @__PURE__ */ Z(l, {
 		justify: "space-between",
-		children: [/* @__PURE__ */ Z(x.Label, { children: r }), /* @__PURE__ */ Z(x.ValueText, {})]
+		children: [/* @__PURE__ */ X(x.Label, { children: r }), /* @__PURE__ */ X(x.ValueText, {})]
 	}), n[11] = r, n[12] = s, n[13] = p) : p = n[13];
 	let m = d || void 0, h;
-	n[14] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ Z(x.Track, { children: /* @__PURE__ */ Z(x.Range, {}) }), n[14] = h) : h = n[14];
+	n[14] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ X(x.Track, { children: /* @__PURE__ */ X(x.Range, {}) }), n[14] = h) : h = n[14];
 	let g;
-	n[15] === u ? g = n[16] : (g = /* @__PURE__ */ Z(sr, { value: u }), n[15] = u, n[16] = g);
+	n[15] === u ? g = n[16] : (g = /* @__PURE__ */ X(ar, { value: u }), n[15] = u, n[16] = g);
 	let _;
-	n[17] === i ? _ = n[18] : (_ = /* @__PURE__ */ Z(lr, { marks: i }), n[17] = i, n[18] = _);
+	n[17] === i ? _ = n[18] : (_ = /* @__PURE__ */ X(sr, { marks: i }), n[17] = i, n[18] = _);
 	let v;
-	n[19] !== m || n[20] !== g || n[21] !== _ ? (v = /* @__PURE__ */ Q(x.Control, {
+	n[19] !== m || n[20] !== g || n[21] !== _ ? (v = /* @__PURE__ */ Z(x.Control, {
 		"data-has-mark-label": m,
 		children: [
 			h,
@@ -1095,7 +1074,7 @@ var ir = M.forwardRef(function(t, n) {
 		]
 	}), n[19] = m, n[20] = g, n[21] = _, n[22] = v) : v = n[22];
 	let y;
-	return n[23] !== a || n[24] !== o || n[25] !== f || n[26] !== p || n[27] !== v ? (y = /* @__PURE__ */ Q(x.Root, {
+	return n[23] !== a || n[24] !== o || n[25] !== f || n[26] !== p || n[27] !== v ? (y = /* @__PURE__ */ Z(x.Root, {
 		ref: a,
 		thumbAlignment: "center",
 		...o,
@@ -1106,49 +1085,71 @@ var ir = M.forwardRef(function(t, n) {
 		]
 	}), n[23] = a, n[24] = o, n[25] = f, n[26] = p, n[27] = v, n[28] = y) : y = n[28], y;
 });
-function sr(t) {
+function ar(t) {
 	let n = e(2), { value: r } = t, i;
-	return n[0] === r ? i = n[1] : (i = /* @__PURE__ */ Z(c, {
+	return n[0] === r ? i = n[1] : (i = /* @__PURE__ */ X(c, {
 		each: r,
-		children: cr
+		children: or
 	}), n[0] = r, n[1] = i), i;
 }
-function cr(e, t) {
-	return /* @__PURE__ */ Z(x.Thumb, {
+function or(e, t) {
+	return /* @__PURE__ */ X(x.Thumb, {
 		index: t,
-		children: /* @__PURE__ */ Z(x.HiddenInput, {})
+		children: /* @__PURE__ */ X(x.HiddenInput, {})
 	}, t);
 }
-var lr = M.forwardRef(function(t, n) {
+var sr = M.forwardRef(function(t, n) {
 	let r = e(5), { marks: i } = t;
 	if (!i?.length) return null;
 	let a;
-	r[0] === i ? a = r[1] : (a = i.map(fr), r[0] = i, r[1] = a);
+	r[0] === i ? a = r[1] : (a = i.map(ur), r[0] = i, r[1] = a);
 	let o;
-	return r[2] !== n || r[3] !== a ? (o = /* @__PURE__ */ Z(x.MarkerGroup, {
+	return r[2] !== n || r[3] !== a ? (o = /* @__PURE__ */ X(x.MarkerGroup, {
 		ref: n,
 		children: a
 	}), r[2] = n, r[3] = a, r[4] = o) : o = r[4], o;
 });
-function ur(e) {
+function cr(e) {
 	return typeof e == "number" ? {
 		value: e,
 		label: void 0
 	} : e;
 }
-function dr(e) {
+function lr(e) {
 	return e.label;
 }
-function fr(e, t) {
+function ur(e, t) {
 	let n = typeof e == "number" ? e : e.value, r = typeof e == "number" ? void 0 : e.label;
-	return /* @__PURE__ */ Q(x.Marker, {
+	return /* @__PURE__ */ Z(x.Marker, {
 		value: n,
-		children: [/* @__PURE__ */ Z(x.MarkerIndicator, {}), r]
+		children: [/* @__PURE__ */ X(x.MarkerIndicator, {}), r]
 	}, t);
 }
 //#endregion
-//#region src/settings/types.ts
-var pr = [
+//#region src/components/ui/radio.tsx
+var dr = M.forwardRef(function(t, n) {
+	let r = e(16), i, a, o, s;
+	r[0] === t ? (i = r[1], a = r[2], o = r[3], s = r[4]) : ({children: i, inputProps: a, rootRef: s, ...o} = t, r[0] = t, r[1] = i, r[2] = a, r[3] = o, r[4] = s);
+	let c;
+	r[5] !== a || r[6] !== n ? (c = /* @__PURE__ */ X(b.ItemHiddenInput, {
+		ref: n,
+		...a
+	}), r[5] = a, r[6] = n, r[7] = c) : c = r[7];
+	let l;
+	r[8] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ X(b.ItemIndicator, {}), r[8] = l) : l = r[8];
+	let u;
+	r[9] === i ? u = r[10] : (u = i && /* @__PURE__ */ X(b.ItemText, { children: i }), r[9] = i, r[10] = u);
+	let d;
+	return r[11] !== o || r[12] !== s || r[13] !== c || r[14] !== u ? (d = /* @__PURE__ */ Z(b.Item, {
+		ref: s,
+		...o,
+		children: [
+			c,
+			l,
+			u
+		]
+	}), r[11] = o, r[12] = s, r[13] = c, r[14] = u, r[15] = d) : d = r[15], d;
+}), fr = b.Root, pr = [
 	{
 		value: "global",
 		references: ["global"]
@@ -1165,10 +1166,83 @@ var pr = [
 			"desktop"
 		]
 	}
-], mr = pr.map((e) => e.value), hr = pr.flatMap((e) => e.references), gr = (e) => {
-	if (e) return pr.find((t) => t.references.includes(e))?.value;
-}, _r = F(() => {
-	let t = e(52), r = yt(), i;
+], mr = pr.map((e) => e.value), hr = pr.flatMap((e) => e.references), gr = (e) => mr.some((t) => t === e), _r = (e) => hr.some((t) => t === e), vr = (e) => pr.find(function(t) {
+	let n = t.references;
+	return e !== void 0 && n.includes(e);
+})?.value, yr = F(function(t) {
+	let n = e(32), { scopeHelperText: r, activeScope: i, onActiveScopeChange: a, renderScopeValue: o } = t, [c, u] = B(i ?? "global"), d, f;
+	n[0] === i ? (d = n[1], f = n[2]) : (d = function() {
+		u(i ?? "global");
+	}, f = [i], n[0] = i, n[1] = d, n[2] = f), R(d, f);
+	let p;
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ X(s.Legend, { children: "Scope" }), n[3] = p) : p = n[3];
+	let m;
+	n[4] === r ? m = n[5] : (m = /* @__PURE__ */ X(s.HelperText, { children: r }), n[4] = r, n[5] = m);
+	let h;
+	n[6] === i ? h = n[7] : (h = vr(i) ?? "global", n[6] = i, n[7] = h);
+	let g = !a, _;
+	n[8] === a ? _ = n[9] : (_ = function(e) {
+		let { value: t } = e;
+		t !== null && gr(t) && a?.(t);
+	}, n[8] = a, n[9] = _);
+	let v;
+	n[10] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ X(l, {
+		gap: 2,
+		children: mr.map(br)
+	}), n[10] = v) : v = n[10];
+	let y;
+	n[11] !== h || n[12] !== g || n[13] !== _ ? (y = /* @__PURE__ */ X(s.Content, { children: /* @__PURE__ */ X(fr, {
+		value: h,
+		disabled: g,
+		onValueChange: _,
+		children: v
+	}) }), n[11] = h, n[12] = g, n[13] = _, n[14] = y) : y = n[14];
+	let b;
+	n[15] !== m || n[16] !== y ? (b = /* @__PURE__ */ Z(s.Root, { children: [
+		p,
+		m,
+		y
+	] }), n[15] = m, n[16] = y, n[17] = b) : b = n[17];
+	let x;
+	n[18] === Symbol.for("react.memo_cache_sentinel") ? (x = function(e) {
+		let { value: t } = e;
+		_r(t) && u(t);
+	}, n[18] = x) : x = n[18];
+	let S;
+	n[19] === i ? S = n[20] : (S = hr.map((e) => /* @__PURE__ */ Z(w.Trigger, {
+		value: e,
+		textTransform: "capitalize",
+		disabled: e !== "global" && !i,
+		children: [i === e && /* @__PURE__ */ X(W, {}), e]
+	}, e)), n[19] = i, n[20] = S);
+	let C;
+	n[21] === S ? C = n[22] : (C = /* @__PURE__ */ X(w.List, { children: S }), n[21] = S, n[22] = C);
+	let T;
+	n[23] === o ? T = n[24] : (T = hr.map((e) => /* @__PURE__ */ X(w.Content, {
+		value: e,
+		children: o(e)
+	}, e)), n[23] = o, n[24] = T);
+	let E;
+	n[25] !== c || n[26] !== C || n[27] !== T ? (E = /* @__PURE__ */ Z(w.Root, {
+		value: c,
+		onValueChange: x,
+		fitted: !1,
+		size: "sm",
+		children: [C, T]
+	}), n[25] = c, n[26] = C, n[27] = T, n[28] = E) : E = n[28];
+	let D;
+	return n[29] !== b || n[30] !== E ? (D = /* @__PURE__ */ Z(Xe, { children: [b, E] }), n[29] = b, n[30] = E, n[31] = D) : D = n[31], D;
+});
+function br(e) {
+	return /* @__PURE__ */ X(dr, {
+		value: e,
+		children: e
+	}, e);
+}
+//#endregion
+//#region src/fonts/FontSizeControlsDialog.tsx
+var xr = F(() => {
+	let t = e(25), r = yt(), i;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = [
 		"fontSizeMenuOpen",
 		"onFontSizeMenuOpenChange",
@@ -1181,178 +1255,85 @@ var pr = [
 		"uncontrolledFontSize",
 		"fontSizeValues"
 	], t[0] = i) : i = t[0];
-	let { fontSizeMenuOpen: a, onFontSizeMenuOpenChange: o, uncontrolledFontSize: c, fontSize: u, fontSizeMin: d, fontSizeMax: f, fontSizeScope: p, fontSizeValues: m, onFontSizeChange: h, onFontSizeScopeChange: g } = vt(i), _ = u === void 0 ? c : u, v = me(h), [y, b] = V(p ?? "global"), x;
-	t[1] !== r || t[2] !== v ? (x = (e, t) => {
-		v.current ? v.current(e, t) : r.update((e) => ({
+	let { fontSizeMenuOpen: a, onFontSizeMenuOpenChange: o, uncontrolledFontSize: s, fontSize: c, fontSizeMin: l, fontSizeMax: u, fontSizeScope: d, fontSizeValues: f, onFontSizeChange: p, onFontSizeScopeChange: m } = Q(i), h = c === void 0 ? s : c, g = _e(p), _;
+	t[1] !== r || t[2] !== g ? (_ = (e, t) => {
+		g.current ? g.current(e, t) : r.update((e) => ({
 			...e,
 			uncontrolledFontSize: t
 		}));
-	}, t[1] = r, t[2] = v, t[3] = x) : x = t[3];
-	let S = x, T;
-	t[4] !== _ || t[5] !== m ? (T = (e) => m?.[e] ?? _, t[4] = _, t[5] = m, t[6] = T) : T = t[6];
-	let E = T, D;
-	t[7] === g ? D = t[8] : (D = (e) => {
-		let t = e.value;
-		g?.(t);
-	}, t[7] = g, t[8] = D);
-	let O = D, k;
-	t[9] === Symbol.for("react.memo_cache_sentinel") ? (k = (e) => {
-		b(e.value);
-	}, t[9] = k) : k = t[9];
-	let A = k, j;
-	t[10] !== S || t[11] !== y ? (j = (e) => {
-		let t = e.value[0] ?? 0;
-		S(y, t / 100);
-	}, t[10] = S, t[11] = y, t[12] = j) : j = t[12];
-	let M = j, N, P;
-	t[13] === p ? (N = t[14], P = t[15]) : (N = function() {
-		b(p ?? "global");
-	}, P = [p], t[13] = p, t[14] = N, t[15] = P), R(N, P);
-	let F;
-	t[16] === o ? F = t[17] : (F = (e) => {
+	}, t[1] = r, t[2] = g, t[3] = _) : _ = t[3];
+	let v = _, y;
+	t[4] === o ? y = t[5] : (y = (e) => {
 		o(e.open);
-	}, t[16] = o, t[17] = F);
-	let I;
-	t[18] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ Z(Gt, { children: /* @__PURE__ */ Z(qt, { children: "Font size" }) }), t[18] = I) : I = t[18];
-	let L, z;
-	t[19] === Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ Z(s.Legend, { children: "Scope" }), z = /* @__PURE__ */ Z(s.HelperText, { children: "The scope to which apply the font size for this book." }), t[19] = L, t[20] = z) : (L = t[19], z = t[20]);
-	let B;
-	t[21] === p ? B = t[22] : (B = gr(p) ?? "global", t[21] = p, t[22] = B);
-	let H = !g, U;
-	t[23] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ Z(l, {
-		gap: 2,
-		children: mr.map(vr)
-	}), t[23] = U) : U = t[23];
-	let W;
-	t[24] !== O || t[25] !== B || t[26] !== H ? (W = /* @__PURE__ */ Q(s.Root, { children: [
-		L,
-		z,
-		/* @__PURE__ */ Z(s.Content, { children: /* @__PURE__ */ Z(ar, {
-			onValueChange: O,
-			value: B,
-			disabled: H,
-			children: U
-		}) })
-	] }), t[24] = O, t[25] = B, t[26] = H, t[27] = W) : W = t[27];
-	let G;
-	t[28] === p ? G = t[29] : (G = hr.map((e) => /* @__PURE__ */ Q(w.Trigger, {
-		value: e,
-		textTransform: "capitalize",
-		disabled: e !== "global" && !p,
-		children: [p === e && /* @__PURE__ */ Z(K, {}), e]
-	}, e)), t[28] = p, t[29] = G);
-	let q;
-	t[30] === G ? q = t[31] : (q = /* @__PURE__ */ Z(w.List, { children: G }), t[30] = G, t[31] = q);
-	let J;
-	t[32] !== f || t[33] !== d || t[34] !== E || t[35] !== M ? (J = hr.map((e) => /* @__PURE__ */ Z(w.Content, {
-		value: e,
-		children: /* @__PURE__ */ Z(or, {
-			label: "%",
-			value: [(E(e) ?? 1) * 100],
-			onValueChange: M,
-			showValue: !0,
-			marks: [
-				{
-					value: 100,
-					label: "Publisher"
-				},
-				{
-					value: d * 100,
-					label: `${d * 100}%`
-				},
-				{
-					value: f * 100,
-					label: `${f * 100}%`
-				}
-			],
-			max: f * 100,
-			min: d * 100,
-			width: "100%",
-			step: 10
-		})
-	}, e)), t[32] = f, t[33] = d, t[34] = E, t[35] = M, t[36] = J) : J = t[36];
-	let ee;
-	t[37] !== q || t[38] !== J || t[39] !== y ? (ee = /* @__PURE__ */ Q(w.Root, {
-		value: y,
-		onValueChange: A,
-		fitted: !1,
-		size: "sm",
-		children: [q, J]
-	}), t[37] = q, t[38] = J, t[39] = y, t[40] = ee) : ee = t[40];
-	let te;
-	t[41] !== W || t[42] !== ee ? (te = /* @__PURE__ */ Z(Kt, { children: /* @__PURE__ */ Q(C, {
+	}, t[4] = o, t[5] = y);
+	let b;
+	t[6] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ X(Gt, { children: /* @__PURE__ */ X(qt, { children: "Font size" }) }), t[6] = b) : b = t[6];
+	let x;
+	t[7] !== h || t[8] !== u || t[9] !== l || t[10] !== f || t[11] !== v ? (x = (e) => /* @__PURE__ */ X(ir, {
+		label: "%",
+		value: [(f?.[e] ?? h ?? 1) * 100],
+		onValueChange: (t) => {
+			v(e, (t.value[0] ?? 0) / 100);
+		},
+		showValue: !0,
+		marks: [
+			{
+				value: 100,
+				label: "Publisher"
+			},
+			{
+				value: l * 100,
+				label: `${l * 100}%`
+			},
+			{
+				value: u * 100,
+				label: `${u * 100}%`
+			}
+		],
+		max: u * 100,
+		min: l * 100,
+		width: "100%",
+		step: 10
+	}), t[7] = h, t[8] = u, t[9] = l, t[10] = f, t[11] = v, t[12] = x) : x = t[12];
+	let S;
+	t[13] !== d || t[14] !== m || t[15] !== x ? (S = /* @__PURE__ */ X(Kt, { children: /* @__PURE__ */ X(C, {
 		gap: 4,
 		flex: 1,
-		children: [W, ee]
-	}) }), t[41] = W, t[42] = ee, t[43] = te) : te = t[43];
-	let ne, re;
-	t[44] === Symbol.for("react.memo_cache_sentinel") ? (ne = /* @__PURE__ */ Z(Wt, { children: /* @__PURE__ */ Z(Jt, {
+		children: /* @__PURE__ */ X(yr, {
+			scopeHelperText: "The scope to which apply the font size for this book.",
+			activeScope: d,
+			onActiveScopeChange: m,
+			renderScopeValue: x
+		})
+	}) }), t[13] = d, t[14] = m, t[15] = x, t[16] = S) : S = t[16];
+	let w, T;
+	t[17] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ X(Wt, { children: /* @__PURE__ */ X(Jt, {
 		asChild: !0,
-		children: /* @__PURE__ */ Z(n, {
+		children: /* @__PURE__ */ X(n, {
 			variant: "outline",
 			children: "Close"
 		})
-	}) }), re = /* @__PURE__ */ Z(Ht, {}), t[44] = ne, t[45] = re) : (ne = t[44], re = t[45]);
-	let ie;
-	t[46] === te ? ie = t[47] : (ie = /* @__PURE__ */ Q(Vt, {
+	}) }), T = /* @__PURE__ */ X(Ht, {}), t[17] = w, t[18] = T) : (w = t[17], T = t[18]);
+	let E;
+	t[19] === S ? E = t[20] : (E = /* @__PURE__ */ Z(Vt, {
 		maxH: "40vh",
 		overflow: "auto",
 		children: [
-			I,
-			te,
-			ne,
-			re
+			b,
+			S,
+			w,
+			T
 		]
-	}), t[46] = te, t[47] = ie);
-	let ae;
-	return t[48] !== a || t[49] !== ie || t[50] !== F ? (ae = /* @__PURE__ */ Z(Ut, {
+	}), t[19] = S, t[20] = E);
+	let D;
+	return t[21] !== a || t[22] !== y || t[23] !== E ? (D = /* @__PURE__ */ X(Ut, {
 		lazyMount: !0,
 		open: a,
-		onOpenChange: F,
+		onOpenChange: y,
 		placement: "center",
-		children: ie
-	}), t[48] = a, t[49] = ie, t[50] = F, t[51] = ae) : ae = t[51], ae;
-});
-function vr(e) {
-	return /* @__PURE__ */ Z(ir, {
-		value: e,
-		children: e
-	}, e);
-}
-//#endregion
-//#region src/fonts/SyncFontSettings.ts
-var yr = () => {
-	let t = e(8), n = $(), r = yt(), i;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = [
-		"fontSize",
-		"uncontrolledFontSize",
-		"onFontSizeChange"
-	], t[0] = i) : i = t[0];
-	let { fontSize: a, uncontrolledFontSize: o } = vt(i), s = a ?? o, c, l;
-	t[1] !== s || t[2] !== n ? (c = function() {
-		if (n && s) {
-			let e = setTimeout(() => {
-				n.settings.update({ fontScale: s });
-			}, 200);
-			return () => clearTimeout(e);
-		}
-	}, l = [n, s], t[1] = s, t[2] = n, t[3] = c, t[4] = l) : (c = t[3], l = t[4]), R(c, l);
-	let u;
-	return t[5] !== r || t[6] !== n?.settings.values$ ? (u = function() {
-		return n?.settings.values$.pipe(X(br)).subscribe((e) => {
-			e !== (r.value.fontSize ?? r.value.uncontrolledFontSize) && (r.value.onFontSizeChange?.("internal", e), r.update((t) => ({
-				...t,
-				uncontrolledFontSize: e
-			})));
-		});
-	}, t[5] = r, t[6] = n?.settings.values$, t[7] = u) : u = t[7], ve(u), null;
-};
-function br(e) {
-	return e.fontScale;
-}
-//#endregion
-//#region src/common/useMeasure.ts
-var xr = {
+		children: E
+	}), t[21] = a, t[22] = y, t[23] = E, t[24] = D) : D = t[24], D;
+}), Sr = {
 	x: 0,
 	y: 0,
 	width: 0,
@@ -1362,8 +1343,8 @@ var xr = {
 	bottom: 0,
 	right: 0
 };
-function Sr() {
-	let t = e(7), [n, r] = V(null), [i, a] = V(xr), o;
+function Cr() {
+	let t = e(7), [n, r] = B(null), [i, a] = B(Sr), o;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = new ResizeObserver((e) => {
 		if (e[0]) {
 			let { x: t, y: n, width: r, height: i, top: o, left: s, bottom: c, right: l } = e[0].contentRect;
@@ -1384,7 +1365,7 @@ function Sr() {
 		if (n) return s.observe(n), () => {
 			s.disconnect();
 		};
-	}, l = [n, s], t[1] = n, t[2] = c, t[3] = l), z(c, l);
+	}, l = [n, s], t[1] = n, t[2] = c, t[3] = l), ee(c, l);
 	let u;
 	return t[4] !== n || t[5] !== i ? (u = [
 		r,
@@ -1394,38 +1375,38 @@ function Sr() {
 }
 //#endregion
 //#region src/gallery/useAttachSnapshot.ts
-var Cr = (t, n, r) => {
+var wr = (t, n, r) => {
 	let i = e(7), a = $(), o;
 	i[0] === a ? o = i[1] : (o = Tt(a) ? a : void 0, i[0] = a, i[1] = o);
 	let s = o, c;
 	i[2] !== t || i[3] !== n || i[4] !== r || i[5] !== s ? (c = () => {
-		if (!s || !t) return xe;
-		let e = n.didLayout$.pipe(Ie(n.layoutInfo), De(Ue), ze(100, void 0, { trailing: !0 })), i = We(t).pipe(X(Tr), Ie(!1), De());
-		return Te([e, i]).pipe(Le((e) => {
+		if (!s || !t) return Ce;
+		let e = n.didLayout$.pipe(Le(n.layoutInfo), J(We), Be(100, void 0, { trailing: !0 })), i = Ge(t).pipe(Y(Er), Le(!1), J());
+		return De([e, i]).pipe(Re((e) => {
 			let [, i] = e;
-			return i ? (t.innerHTML = "", s.gallery.snapshot(n, t, r)) : (t.innerHTML = "", xe);
+			return i ? (t.innerHTML = "", s.gallery.snapshot(n, t, r)) : (t.innerHTML = "", Ce);
 		}));
-	}, i[2] = t, i[3] = n, i[4] = r, i[5] = s, i[6] = c) : c = i[6], ve(c);
+	}, i[2] = t, i[3] = n, i[4] = r, i[5] = s, i[6] = c) : c = i[6], q(c);
 };
-function wr(e) {
+function Tr(e) {
 	return e.isIntersecting;
 }
-function Tr(e) {
-	return e.some(wr);
+function Er(e) {
+	return e.some(Tr);
 }
 //#endregion
 //#region src/gallery/GalleryDialog.tsx
-var Er = F((n) => {
-	let r = e(17), { item: i, onNavigated: a } = n, [o, s, c] = Sr(), l = $();
-	Cr(c, i, s);
+var Dr = F((n) => {
+	let r = e(17), { item: i, onNavigated: a } = n, [o, s, c] = Cr(), l = $();
+	wr(c, i, s);
 	let u, d;
 	r[0] !== i || r[1] !== l ? (u = () => l?.locateResource(i, { mode: "shallow" }), d = [l, i], r[0] = i, r[1] = l, r[2] = u, r[3] = d) : (u = r[2], d = r[3]);
-	let { data: f } = Y(u, d), p;
+	let { data: f } = K(u, d), p;
 	r[4] !== i || r[5] !== a || r[6] !== l?.navigation ? (p = () => {
 		a(), l?.navigation.goToSpineItem({ indexOrId: i });
 	}, r[4] = i, r[5] = a, r[6] = l?.navigation, r[7] = p) : p = r[7];
 	let m;
-	r[8] === o ? m = r[9] : (m = /* @__PURE__ */ Z(t, {
+	r[8] === o ? m = r[9] : (m = /* @__PURE__ */ X(t, {
 		height: "100%",
 		width: "100%",
 		overflow: "hidden",
@@ -1433,14 +1414,14 @@ var Er = F((n) => {
 		ref: o
 	}), r[8] = o, r[9] = m);
 	let h;
-	r[10] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ Z(t, {
+	r[10] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ X(t, {
 		position: "absolute",
 		inset: 0,
 		zIndex: 1,
 		"aria-hidden": "true"
 	}), r[10] = h) : h = r[10];
 	let g = (f?.meta?.absolutePageIndex ?? 0) + 1, _;
-	r[11] === g ? _ = r[12] : (_ = /* @__PURE__ */ Q(T, {
+	r[11] === g ? _ = r[12] : (_ = /* @__PURE__ */ Z(T, {
 		position: "absolute",
 		bottom: 0,
 		left: "0",
@@ -1454,7 +1435,7 @@ var Er = F((n) => {
 		children: ["Page ", g]
 	}), r[11] = g, r[12] = _);
 	let v;
-	return r[13] !== p || r[14] !== m || r[15] !== _ ? (v = /* @__PURE__ */ Q(t, {
+	return r[13] !== p || r[14] !== m || r[15] !== _ ? (v = /* @__PURE__ */ Z(t, {
 		width: "100%",
 		aspectRatio: "2/3",
 		border: "1px solid",
@@ -1471,7 +1452,7 @@ var Er = F((n) => {
 			_
 		]
 	}), r[13] = p, r[14] = m, r[15] = _, r[16] = v) : v = r[16], v;
-}), Dr = F((n) => {
+}), Or = F((n) => {
 	let r = e(12), { open: i, setOpen: a } = n, o = $()?.spineItemsManager.items, s;
 	r[0] === Symbol.for("react.memo_cache_sentinel") ? (s = { height: "100%" }, r[0] = s) : s = r[0];
 	let c;
@@ -1479,14 +1460,14 @@ var Er = F((n) => {
 	let l;
 	r[2] === Symbol.for("react.memo_cache_sentinel") ? (l = [2, 4], r[2] = l) : l = r[2];
 	let u;
-	r[3] !== o || r[4] !== a ? (u = o?.map((e) => /* @__PURE__ */ Z(Er, {
+	r[3] !== o || r[4] !== a ? (u = o?.map((e) => /* @__PURE__ */ X(Dr, {
 		item: e,
 		onNavigated: () => {
 			a(!1);
 		}
 	}, e.item.id)), r[3] = o, r[4] = a, r[5] = u) : u = r[5];
 	let d;
-	r[6] === u ? d = r[7] : (d = /* @__PURE__ */ Z(t, {
+	r[6] === u ? d = r[7] : (d = /* @__PURE__ */ X(t, {
 		gridTemplateColumns: c,
 		display: "grid",
 		gap: l,
@@ -1495,14 +1476,14 @@ var Er = F((n) => {
 		children: u
 	}), r[6] = u, r[7] = d);
 	let f;
-	return r[8] !== i || r[9] !== a || r[10] !== d ? (f = /* @__PURE__ */ Z(Yt, {
+	return r[8] !== i || r[9] !== a || r[10] !== d ? (f = /* @__PURE__ */ X(Yt, {
 		open: i,
 		onOpenChange: a,
 		title: "Gallery",
 		contentProps: s,
 		children: d
 	}), r[8] = i, r[9] = a, r[10] = d, r[11] = f) : f = r[11], f;
-}), Or = "@prose-reader/react-reader", kr = "20.0.0", Ar = F((t) => {
+}), kr = "@prose-reader/react-reader", Ar = "21.0.0", jr = F((t) => {
 	let n = e(12), { open: r, setOpen: i } = t, a;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (a = {
 		overflowY: "auto",
@@ -1512,63 +1493,63 @@ var Er = F((n) => {
 		gap: 4
 	}, n[0] = a) : a = n[0];
 	let o;
-	n[1] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ Z(u, {
+	n[1] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ X(u, {
 		mb: 2,
 		as: "h3",
 		size: "lg",
 		children: "Shortcuts"
 	}), n[1] = o) : o = n[1];
 	let s;
-	n[2] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ Z(p, { children: /* @__PURE__ */ Z(W, {}) }), n[2] = s) : s = n[2];
+	n[2] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ X(p, { children: /* @__PURE__ */ X(te, {}) }), n[2] = s) : s = n[2];
 	let c;
-	n[3] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Q(l, {
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Z(l, {
 		mb: 1,
 		children: [
 			s,
 			" ",
-			/* @__PURE__ */ Z(T, { children: "Navigate to right page" })
+			/* @__PURE__ */ X(T, { children: "Navigate to right page" })
 		]
 	}), n[3] = c) : c = n[3];
 	let d;
-	n[4] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ Z(p, { children: /* @__PURE__ */ Z(U, {}) }), n[4] = d) : d = n[4];
+	n[4] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ X(p, { children: /* @__PURE__ */ X(H, {}) }), n[4] = d) : d = n[4];
 	let f;
-	n[5] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ Q(C, { children: [
+	n[5] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ Z(C, { children: [
 		o,
 		c,
-		/* @__PURE__ */ Q(l, {
+		/* @__PURE__ */ Z(l, {
 			mb: 1,
 			children: [
 				d,
 				" ",
-				/* @__PURE__ */ Z(T, { children: "Navigate to left page" })
+				/* @__PURE__ */ X(T, { children: "Navigate to left page" })
 			]
 		})
 	] }), n[5] = f) : f = n[5];
 	let m;
-	n[6] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ Z(u, {
+	n[6] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ X(u, {
 		mb: 2,
 		as: "h3",
 		size: "lg",
 		children: "Bookmarks"
 	}), n[6] = m) : m = n[6];
 	let h;
-	n[7] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ Q(C, { children: [m, /* @__PURE__ */ Z(l, {
+	n[7] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ Z(C, { children: [m, /* @__PURE__ */ X(l, {
 		mb: 1,
-		children: /* @__PURE__ */ Z(T, { children: "Tap on the top right corner of a page bookmark it" })
+		children: /* @__PURE__ */ X(T, { children: "Tap on the top right corner of a page bookmark it" })
 	})] }), n[7] = h) : h = n[7];
 	let g;
-	n[8] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ Q(C, { children: [/* @__PURE__ */ Z(u, {
+	n[8] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ Z(C, { children: [/* @__PURE__ */ X(u, {
 		mb: 2,
 		as: "h3",
 		size: "lg",
 		children: "About"
-	}), /* @__PURE__ */ Q(T, { children: [
-		Or,
+	}), /* @__PURE__ */ Z(T, { children: [
+		kr,
 		" version: ",
-		kr
+		Ar
 	] })] }), n[8] = g) : g = n[8];
 	let _;
-	return n[9] !== r || n[10] !== i ? (_ = /* @__PURE__ */ Q(Yt, {
+	return n[9] !== r || n[10] !== i ? (_ = /* @__PURE__ */ Z(Yt, {
 		open: r,
 		onOpenChange: i,
 		title: "Help",
@@ -1579,110 +1560,127 @@ var Er = F((n) => {
 			g
 		]
 	}), n[9] = r, n[10] = i, n[11] = _) : _ = n[11], _;
-}), jr = [
+}), Mr = [
 	"auto",
 	"always",
 	"never"
-], Mr = F(() => {
-	let t = e(16), n = $(), r, i;
-	t[0] === n ? (r = t[1], i = t[2]) : (r = () => n ? Te([
-		n.settings.watch(["spreadMode"]),
-		n.viewport.watch("isSpread"),
-		n.context.watch("isSpreadAllowed")
-	]).pipe(X(Nr)) : xe, i = [n], t[0] = n, t[1] = r, t[2] = i);
-	let { data: a } = Y(r, i);
-	if (!a) return null;
-	let o;
-	t[3] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ Z(s.Legend, { children: "Spread" }), t[3] = o) : o = t[3];
-	let c = a.isSpreadAllowed ? a.isSpread ? "Two pages are shown side by side." : "One page is shown at a time." : "This book is never shown in a spread.", l;
-	t[4] === c ? l = t[5] : (l = /* @__PURE__ */ Z(s.HelperText, { children: c }), t[4] = c, t[5] = l);
-	let u = !a.isSpreadAllowed, d;
-	t[6] === n?.settings ? d = t[7] : (d = (e) => {
-		let t = jr.find((t) => t === e.value);
-		t && n?.settings.update({ spreadMode: t });
-	}, t[6] = n?.settings, t[7] = d);
-	let f;
-	t[8] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ Q(C, {
-		gap: 2,
-		children: [
-			/* @__PURE__ */ Z(ir, {
-				value: "auto",
-				children: "Automatic, from the screen and the book (default)"
-			}),
-			/* @__PURE__ */ Z(ir, {
-				value: "always",
-				children: "Always two pages"
-			}),
-			/* @__PURE__ */ Z(ir, {
-				value: "never",
-				children: "Always one page"
-			})
-		]
-	}), t[8] = f) : f = t[8];
-	let p;
-	t[9] !== a.spreadMode || t[10] !== u || t[11] !== d ? (p = /* @__PURE__ */ Z(s.Content, { children: /* @__PURE__ */ Z(ar, {
-		value: a.spreadMode,
-		disabled: u,
-		onValueChange: d,
-		children: f
-	}) }), t[9] = a.spreadMode, t[10] = u, t[11] = d, t[12] = p) : p = t[12];
-	let m;
-	return t[13] !== l || t[14] !== p ? (m = /* @__PURE__ */ Q(s.Root, { children: [
-		o,
-		l,
-		p
-	] }), t[13] = l, t[14] = p, t[15] = m) : m = t[15], m;
+], Nr = F(() => {
+	let t = e(22), n = $(), r = yt(), i;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = [
+		"uncontrolledSpreadMode",
+		"spreadMode",
+		"spreadModeScope",
+		"spreadModeValues",
+		"onSpreadModeChange",
+		"onSpreadModeScopeChange"
+	], t[0] = i) : i = t[0];
+	let { uncontrolledSpreadMode: a, spreadMode: o, spreadModeScope: c, spreadModeValues: l, onSpreadModeChange: u, onSpreadModeScopeChange: d } = Q(i), f = o === void 0 ? a : o, p = _e(u), m, h;
+	t[1] === n ? (m = t[2], h = t[3]) : (m = () => n ? De([n.viewport.watch("isSpread"), n.context.watch("isSpreadAllowed")]).pipe(Y(Pr)) : Ce, h = [n], t[1] = n, t[2] = m, t[3] = h);
+	let { data: g } = K(m, h), _;
+	t[4] !== r || t[5] !== p ? (_ = (e, t) => {
+		p.current ? p.current(e, t) : r.update((e) => ({
+			...e,
+			uncontrolledSpreadMode: t
+		}));
+	}, t[4] = r, t[5] = p, t[6] = _) : _ = t[6];
+	let v = _;
+	if (!g) return null;
+	let y;
+	t[7] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ X(s.Legend, { children: "Spread" }), t[7] = y) : y = t[7];
+	let b = g.isSpreadAllowed ? g.isSpread ? "Two pages are shown side by side." : "One page is shown at a time." : "This book is never shown in a spread.", x;
+	t[8] === b ? x = t[9] : (x = /* @__PURE__ */ X(s.HelperText, { children: b }), t[8] = b, t[9] = x);
+	let S;
+	t[10] !== f || t[11] !== l || t[12] !== g.isSpreadAllowed || t[13] !== v ? (S = (e) => /* @__PURE__ */ X(fr, {
+		value: l?.[e] ?? f,
+		disabled: !g.isSpreadAllowed,
+		onValueChange: (t) => {
+			let { value: n } = t, r = Mr.find((e) => e === n);
+			r && v(e, r);
+		},
+		children: /* @__PURE__ */ Z(C, {
+			gap: 2,
+			children: [
+				/* @__PURE__ */ X(dr, {
+					value: "auto",
+					children: "Automatic, from the screen and the book (default)"
+				}),
+				/* @__PURE__ */ X(dr, {
+					value: "always",
+					children: "Always two pages"
+				}),
+				/* @__PURE__ */ X(dr, {
+					value: "never",
+					children: "Always one page"
+				})
+			]
+		})
+	}), t[10] = f, t[11] = l, t[12] = g.isSpreadAllowed, t[13] = v, t[14] = S) : S = t[14];
+	let w;
+	t[15] !== d || t[16] !== c || t[17] !== S ? (w = /* @__PURE__ */ X(s.Content, { children: /* @__PURE__ */ X(C, {
+		gap: 4,
+		children: /* @__PURE__ */ X(yr, {
+			scopeHelperText: "The scope to which apply the spread for this book.",
+			activeScope: c,
+			onActiveScopeChange: d,
+			renderScopeValue: S
+		})
+	}) }), t[15] = d, t[16] = c, t[17] = S, t[18] = w) : w = t[18];
+	let T;
+	return t[19] !== x || t[20] !== w ? (T = /* @__PURE__ */ Z(s.Root, { children: [
+		y,
+		x,
+		w
+	] }), t[19] = x, t[20] = w, t[21] = T) : T = t[21], T;
 });
-function Nr(e) {
-	let [t, n, r] = e, { spreadMode: i } = t;
+function Pr(e) {
+	let [t, n] = e;
 	return {
-		spreadMode: i,
-		isSpread: n,
-		isSpreadAllowed: r
+		isSpread: t,
+		isSpreadAllowed: n
 	};
 }
 //#endregion
 //#region src/layout/LayoutDialog.tsx
-var Pr = F((t) => {
+var Fr = F((t) => {
 	let r = e(8), { open: i, setOpen: a } = t, o;
 	r[0] === a ? o = r[1] : (o = (e) => a(e.open), r[0] = a, r[1] = o);
 	let s;
-	r[2] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ Z(Gt, { children: /* @__PURE__ */ Z(qt, { children: "Layout" }) }), r[2] = s) : s = r[2];
+	r[2] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ X(Gt, { children: /* @__PURE__ */ X(qt, { children: "Layout" }) }), r[2] = s) : s = r[2];
 	let c;
-	r[3] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Z(Kt, { children: /* @__PURE__ */ Z(C, {
+	r[3] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ X(Kt, { children: /* @__PURE__ */ X(C, {
 		gap: 6,
-		children: /* @__PURE__ */ Z(Mr, {})
+		children: /* @__PURE__ */ X(Nr, {})
 	}) }), r[3] = c) : c = r[3];
 	let l;
-	r[4] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ Q(Vt, { children: [
+	r[4] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ Z(Vt, { children: [
 		s,
 		c,
-		/* @__PURE__ */ Z(Wt, { children: /* @__PURE__ */ Z(Jt, {
+		/* @__PURE__ */ X(Wt, { children: /* @__PURE__ */ X(Jt, {
 			asChild: !0,
-			children: /* @__PURE__ */ Z(n, {
+			children: /* @__PURE__ */ X(n, {
 				variant: "outline",
 				children: "Close"
 			})
 		}) }),
-		/* @__PURE__ */ Z(Ht, {})
+		/* @__PURE__ */ X(Ht, {})
 	] }), r[4] = l) : l = r[4];
 	let u;
-	return r[5] !== i || r[6] !== o ? (u = /* @__PURE__ */ Z(Ut, {
+	return r[5] !== i || r[6] !== o ? (u = /* @__PURE__ */ X(Ut, {
 		lazyMount: !0,
 		open: i,
 		onOpenChange: o,
 		placement: "center",
 		children: l
 	}), r[5] = i, r[6] = o, r[7] = u) : u = r[7], u;
-}), Fr = () => {
+}), Ir = () => {
 	let t = e(3), n = $(), r, i;
-	return t[0] === n ? (r = t[1], i = t[2]) : (r = () => n ? Te([n.pagination.state$, n.context]).pipe(X(Lr)) : xe, i = [n], t[0] = n, t[1] = r, t[2] = i), Y(r, i).data;
+	return t[0] === n ? (r = t[1], i = t[2]) : (r = () => n ? De([n.pagination.state$, n.context]).pipe(Y(Rr)) : Ce, i = [n], t[0] = n, t[1] = r, t[2] = i), K(r, i).data;
 };
-function Ir(e) {
+function Lr(e) {
 	return e.mediaType?.startsWith("image/");
 }
-function Lr(e) {
-	let [t, n] = e, r = n.manifest?.spineItems.every(Ir);
+function Rr(e) {
+	let [t, n] = e, r = n.manifest?.spineItems.every(Lr);
 	return {
 		...t,
 		hasChapters: !n.isFullyPrePaginated && !r
@@ -1690,16 +1688,16 @@ function Lr(e) {
 }
 //#endregion
 //#region src/navigation/FloatingProgress.tsx
-var Rr = {
+var zr = {
 	_open: "fade-in",
 	_closed: "fade-out"
-}, zr = () => {
+}, Br = () => {
 	let n = e(6), r;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (r = ["enableFloatingProgress", "quickMenuOpen"], n[0] = r) : r = n[0];
-	let { enableFloatingProgress: i, quickMenuOpen: a } = vt(r), o = Fr(), s = Math.floor((o?.percentageEstimateOfBook ?? 0) * 100), c = s > 0 ? s : 1;
+	let { enableFloatingProgress: i, quickMenuOpen: a } = Q(r), o = Ir(), s = Math.floor((o?.percentageEstimateOfBook ?? 0) * 100), c = s > 0 ? s : 1;
 	if (o?.percentageEstimateOfBook === void 0 || !i) return null;
 	let l = !a, u;
-	n[1] === c ? u = n[2] : (u = /* @__PURE__ */ Z(t, {
+	n[1] === c ? u = n[2] : (u = /* @__PURE__ */ X(t, {
 		position: "absolute",
 		right: 0,
 		bottom: 0,
@@ -1709,43 +1707,43 @@ var Rr = {
 		pointerEvents: "none",
 		letterSpacing: 1,
 		color: "white",
-		children: /* @__PURE__ */ Q(T, {
+		children: /* @__PURE__ */ Z(T, {
 			fontSize: "sm",
 			children: [c, " %"]
 		})
 	}), n[1] = c, n[2] = u);
 	let d;
-	return n[3] !== l || n[4] !== u ? (d = /* @__PURE__ */ Z(v, {
+	return n[3] !== l || n[4] !== u ? (d = /* @__PURE__ */ X(v, {
 		present: l,
-		animationName: Rr,
+		animationName: zr,
 		animationDuration: "moderate",
 		children: u
 	}), n[3] = l, n[4] = u, n[5] = d) : d = n[5], d;
-}, Br = () => {
+}, Vr = () => {
 	let t = e(3), n;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ new Date(), t[0] = n) : n = t[0];
-	let [r, i] = V(n), a, o;
+	let [r, i] = B(n), a, o;
 	return t[1] === Symbol.for("react.memo_cache_sentinel") ? (a = () => {
 		let e = setInterval(() => {
 			i(/* @__PURE__ */ new Date());
 		}, 6e4);
 		return () => clearInterval(e);
 	}, o = [], t[1] = a, t[2] = o) : (a = t[1], o = t[2]), R(a, o), r;
-}, Vr = (t) => {
-	let n = e(5), r = Br(), i;
+}, Hr = (t) => {
+	let n = e(5), r = Vr(), i;
 	n[0] === r ? i = n[1] : (i = r.toLocaleTimeString(navigator.language, {
 		hour: "2-digit",
 		minute: "2-digit"
 	}), n[0] = r, n[1] = i);
 	let a;
-	return n[2] !== t || n[3] !== i ? (a = /* @__PURE__ */ Z(T, {
+	return n[2] !== t || n[3] !== i ? (a = /* @__PURE__ */ X(T, {
 		fontSize: "sm",
 		...t,
 		children: i
 	}), n[2] = t, n[3] = i, n[4] = a) : a = n[4], a;
-}, Hr = F(() => {
+}, Ur = F(() => {
 	let n = e(1), r;
-	return n[0] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ Z(t, {
+	return n[0] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ X(t, {
 		position: "absolute",
 		left: 0,
 		bottom: 0,
@@ -1755,10 +1753,10 @@ var Rr = {
 		paintOrder: "stroke fill",
 		pointerEvents: "none",
 		letterSpacing: 1,
-		children: /* @__PURE__ */ Z(Vr, {})
+		children: /* @__PURE__ */ X(Hr, {})
 	}), n[0] = r) : r = n[0], r;
-}), Ur = (t, n) => {
-	let r = e(4), [i, a] = V(), o, s;
+}), Wr = (t, n) => {
+	let r = e(4), [i, a] = B(), o, s;
 	return r[0] !== n || r[1] !== t ? (o = () => {
 		if (t === void 0) {
 			a(void 0);
@@ -1772,40 +1770,40 @@ var Rr = {
 			window.clearTimeout(e);
 		};
 	}, s = [n, t], r[0] = n, r[1] = t, r[2] = o, r[3] = s) : (o = r[2], s = r[3]), R(o, s), i;
-}, Wr = { pulse: "_pulse_1detk_1" }, Gr = 100, Kr = 900, qr = {
+}, Gr = { pulse: "_pulse_1detk_1" }, Kr = 100, qr = 900, Jr = {
 	_open: "fade-in",
 	_closed: "fade-out",
 	_motionReduce: "none"
-}, Jr = {
+}, Yr = {
 	base: "moderate",
 	_motionReduce: "0ms"
-}, Yr = ({ pagination: e, isSpread: t, viewportState: n, wouldSpreadWhenRotated: r, isPanorama: i }) => {
+}, Xr = ({ pagination: e, isSpread: t, viewportState: n, wouldSpreadWhenRotated: r, isPanorama: i }) => {
 	if (n === "free" && !t && r && i) return [
 		e.beginSpineItemIndex,
 		e.beginPageIndexInSpineItem,
 		e.endSpineItemIndex,
 		e.endPageIndexInSpineItem
 	].map((e) => e ?? "none").join(":");
-}, Xr = (e) => e.pagination.state$.pipe(X(({ begin: e, end: t }) => ({
+}, Zr = (e) => e.pagination.state$.pipe(Y(({ begin: e, end: t }) => ({
 	beginPageIndexInSpineItem: e.pageIndexInSpineItem,
 	beginSpineItemIndex: e.spineItemIndex,
 	endPageIndexInSpineItem: t.pageIndexInSpineItem,
 	endSpineItemIndex: t.spineItemIndex
-})), De(Ze), Pe({
+})), J(Qe), Fe({
 	bufferSize: 1,
 	refCount: !0
-})), Zr = ({ pagination$: e, reader: t }) => e.pipe(X(({ beginSpineItemIndex: e }) => e === void 0 ? void 0 : t.spineItemsManager.items[e]), De(), Le((e) => e ? e.isReady$.pipe(X((t) => ({
+})), Qr = ({ pagination$: e, reader: t }) => e.pipe(Y(({ beginSpineItemIndex: e }) => e === void 0 ? void 0 : t.spineItemsManager.items[e]), J(), Re((e) => e ? e.isReady$.pipe(Y((t) => ({
 	spineItem: e,
 	isReady: t
-}))) : Ne({
+}))) : Pe({
 	spineItem: void 0,
 	isReady: !1
-}))), Qr = (e) => {
-	let t = Xr(e), n = Zr({
+}))), $r = (e) => {
+	let t = Zr(e), n = Qr({
 		pagination$: t,
 		reader: e
 	}), r = Dt(e) ? e : void 0;
-	return Te([
+	return De([
 		t,
 		e.viewportState$,
 		e.viewport.watch([
@@ -1815,9 +1813,9 @@ var Rr = {
 		]),
 		e.settings.watch(["spreadMode"]),
 		n
-	]).pipe(Ee(Gr), X(([t, n, { isSpread: i, ...a }, o, { spineItem: s, isReady: c }]) => {
+	]).pipe(Oe(Kr), Y(([t, n, { isSpread: i, ...a }, o, { spineItem: s, isReady: c }]) => {
 		let l = c && r !== void 0 && s !== void 0 && r.cbz.isPanoramaSpineItem(s);
-		return Yr({
+		return Xr({
 			pagination: t,
 			isSpread: i,
 			viewportState: n,
@@ -1827,29 +1825,29 @@ var Rr = {
 			}),
 			isPanorama: l
 		});
-	}), De());
-}, $r = () => {
+	}), J());
+}, ei = () => {
 	let t = e(3), n = $(), r, i;
-	return t[0] === n ? (r = t[1], i = t[2]) : (r = () => n ? Qr(n) : xe, i = [n], t[0] = n, t[1] = r, t[2] = i), Y(r, i).data;
-}, ei = F(() => {
-	let n = e(6), r = Ur($r(), Kr), i = r !== void 0, a;
-	n[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ Z(t, {
+	return t[0] === n ? (r = t[1], i = t[2]) : (r = () => n ? $r(n) : Ce, i = [n], t[0] = n, t[1] = r, t[2] = i), K(r, i).data;
+}, ti = F(() => {
+	let n = e(6), r = Wr(ei(), qr), i = r !== void 0, a;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ X(t, {
 		alignItems: "center",
 		bg: "bg.inverted/72",
 		borderRadius: "full",
-		className: Wr.pulse,
+		className: Gr.pulse,
 		color: "fg.inverted",
 		display: "flex",
 		height: "68px",
 		justifyContent: "center",
 		width: "68px",
-		children: /* @__PURE__ */ Z(tt, {
+		children: /* @__PURE__ */ X(nt, {
 			focusable: !1,
 			size: 34
 		})
 	}), n[0] = a) : a = n[0];
 	let o;
-	n[1] === r ? o = n[2] : (o = /* @__PURE__ */ Z(t, {
+	n[1] === r ? o = n[2] : (o = /* @__PURE__ */ X(t, {
 		"aria-hidden": !0,
 		position: "absolute",
 		left: "50%",
@@ -1861,20 +1859,20 @@ var Rr = {
 		children: a
 	}, r), n[1] = r, n[2] = o);
 	let s;
-	return n[3] !== i || n[4] !== o ? (s = /* @__PURE__ */ Z(v, {
+	return n[3] !== i || n[4] !== o ? (s = /* @__PURE__ */ X(v, {
 		present: i,
 		lazyMount: !0,
 		unmountOnExit: !0,
-		animationName: qr,
-		animationDuration: Jr,
+		animationName: Jr,
+		animationDuration: Yr,
 		children: o
 	}), n[3] = i, n[4] = o, n[5] = s) : s = n[5], s;
-}), ti = () => {
+}), ni = () => {
 	let t = e(2), n = $(), r;
-	t[0] === n?.links$ ? r = t[1] : (r = () => n?.links$.subscribe(ni), t[0] = n?.links$, t[1] = r), ve(r);
+	t[0] === n?.links$ ? r = t[1] : (r = () => n?.links$.subscribe(ri), t[0] = n?.links$, t[1] = r), q(r);
 };
-function ni(e) {
-	if (e.type === "click" && He(e.target, "a")) {
+function ri(e) {
+	if (e.type === "click" && Ue(e.target, "a")) {
 		if (!e.target.href) return;
 		let t = new URL(e.target.href);
 		window.location.host !== t.host && confirm("You are going to be redirected to external link") && window.open(e.target.href, "__blank");
@@ -1882,12 +1880,12 @@ function ni(e) {
 }
 //#endregion
 //#region src/fonts/useFontSizeNotifications.ts
-var ri = () => {
+var ii = () => {
 	let t = e(3), n;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = ["notificationsSubject"], t[0] = n) : n = t[0];
-	let { notificationsSubject: r } = vt(n), i;
-	t[1] === r ? i = t[2] : (i = () => r.pipe(Oe(de), Me((e) => {
-		let t = e.duration ?? 3e3, n = new Se((n) => {
+	let { notificationsSubject: r } = Q(n), i;
+	t[1] === r ? i = t[2] : (i = () => r.pipe(ke(me), Ne((e) => {
+		let t = e.duration ?? 3e3, n = new we((n) => {
 			try {
 				queueMicrotask(() => {
 					let r = Qn.create({
@@ -1901,14 +1899,14 @@ var ri = () => {
 				let t = e;
 				n.error(t);
 			}
-		}), i = r.pipe(Fe(1), Oe((t) => !!e.key && t?.key === e.key));
-		return n.pipe(Le((n) => je(Be(t), e.abort ?? xe, i).pipe(Ae(), ke(() => {
+		}), i = r.pipe(Ie(1), ke((t) => !!e.key && t?.key === e.key));
+		return n.pipe(Re((n) => Me(Ve(t), e.abort ?? Ce, i).pipe(je(), Ae(() => {
 			queueMicrotask(() => {
 				Qn.dismiss(n);
 			});
 		}))));
-	})), t[1] = r, t[2] = i), ve(i);
-}, ii = k(lt), ai = F((n) => {
+	})), t[1] = r, t[2] = i), q(i);
+}, ai = k(ut), oi = F((n) => {
 	let r = e(10), i;
 	r[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {
 		"--bg": "colors.bg",
@@ -1956,10 +1954,10 @@ var ri = () => {
 		}
 	}, r[5] = l, r[6] = u);
 	let d;
-	return r[7] !== n || r[8] !== u ? (d = /* @__PURE__ */ Z(t, {
+	return r[7] !== n || r[8] !== u ? (d = /* @__PURE__ */ X(t, {
 		display: "contents",
 		css: i,
-		children: /* @__PURE__ */ Z(ii, {
+		children: /* @__PURE__ */ X(ai, {
 			keyboard: !1,
 			style: a,
 			css: o,
@@ -1967,14 +1965,14 @@ var ri = () => {
 			...n
 		})
 	}), r[7] = n, r[8] = u, r[9] = d) : d = r[9], d;
-}), oi = () => {
+}), si = () => {
 	let t = e(4), n = Sn(), r;
 	t[0] === n?.audio.state$ ? r = t[1] : (r = () => n?.audio.state$, t[0] = n?.audio.state$, t[1] = r);
 	let i;
 	t[2] === n ? i = t[3] : (i = [n], t[2] = n, t[3] = i);
-	let { data: a } = Y(r, i);
+	let { data: a } = K(r, i);
 	return a;
-}, si = (e) => {
+}, ci = (e) => {
 	if (!Number.isFinite(e) || e < 0) return "00:00";
 	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60;
 	return n > 0 ? [
@@ -1982,19 +1980,19 @@ var ri = () => {
 		r,
 		i
 	].map((e) => String(e).padStart(2, "0")).join(":") : [r, i].map((e) => String(e).padStart(2, "0")).join(":");
-}, ci = (t) => {
-	let n = e(42), r = Sn(), i = oi(), a = !!i?.currentTrack || (i?.tracks.length ?? 0) > 0, o = i?.duration, s = Math.max(0, o ?? 0), c = typeof o == "number" && o > 0 ? o : void 0, u = c !== void 0, f = c ?? 1, p = u ? Math.min(Math.max(0, i?.currentTime ?? 0), c) : 0, m = !a || !!i?.isLoading || !u, [h, g] = V(p), _ = pe(li), v;
-	if (n[0] !== r?.audio.state$ || n[1] !== _ ? (v = () => r?.audio.state$.pipe(X(ui), Re((e) => {
+}, li = (t) => {
+	let n = e(42), r = Sn(), i = si(), a = !!i?.currentTrack || (i?.tracks.length ?? 0) > 0, o = i?.duration, s = Math.max(0, o ?? 0), c = typeof o == "number" && o > 0 ? o : void 0, u = c !== void 0, f = c ?? 1, p = u ? Math.min(Math.max(0, i?.currentTime ?? 0), c) : 0, m = !a || !!i?.isLoading || !u, [h, g] = B(p), _ = ge(ui), v;
+	if (n[0] !== r?.audio.state$ || n[1] !== _ ? (v = () => r?.audio.state$.pipe(Y(di), ze((e) => {
 		_.value || (g(e), _.next(!1));
-	})), n[0] = r?.audio.state$, n[1] = _, n[2] = v) : v = n[2], ve(v), !i) return null;
+	})), n[0] = r?.audio.state$, n[1] = _, n[2] = v) : v = n[2], q(v), !i) return null;
 	let y = i.isPlaying ? "Pause audio" : "Play audio", b;
 	n[3] === r?.audio ? b = n[4] : (b = () => {
 		r?.audio.toggle();
 	}, n[3] = r?.audio, n[4] = b);
 	let x = !a || i.isLoading, S;
-	n[5] === i.isPlaying ? S = n[6] : (S = i.isPlaying ? /* @__PURE__ */ Z(ie, {}) : /* @__PURE__ */ Z(ae, {}), n[5] = i.isPlaying, n[6] = S);
+	n[5] === i.isPlaying ? S = n[6] : (S = i.isPlaying ? /* @__PURE__ */ X(se, {}) : /* @__PURE__ */ X(ce, {}), n[5] = i.isPlaying, n[6] = S);
 	let w;
-	n[7] !== y || n[8] !== b || n[9] !== x || n[10] !== S ? (w = /* @__PURE__ */ Z(d, {
+	n[7] !== y || n[8] !== b || n[9] !== x || n[10] !== S ? (w = /* @__PURE__ */ X(d, {
 		"aria-label": y,
 		size: "sm",
 		variant: "ghost",
@@ -2017,7 +2015,7 @@ var ri = () => {
 		g(t), r?.audio.setCurrentTime(t), _.next(!1);
 	}, n[14] = r?.audio, n[15] = _, n[16] = D) : D = n[16];
 	let O;
-	n[17] !== h || n[18] !== m || n[19] !== f || n[20] !== E || n[21] !== D ? (O = /* @__PURE__ */ Z(ai, {
+	n[17] !== h || n[18] !== m || n[19] !== f || n[20] !== E || n[21] !== D ? (O = /* @__PURE__ */ X(oi, {
 		value: h,
 		min: 0,
 		max: f,
@@ -2026,36 +2024,36 @@ var ri = () => {
 		onChangeComplete: D
 	}), n[17] = h, n[18] = m, n[19] = f, n[20] = E, n[21] = D, n[22] = O) : O = n[22];
 	let k;
-	n[23] !== i.isLoading || n[24] !== h ? (k = i.isLoading ? "Loading audio..." : si(h), n[23] = i.isLoading, n[24] = h, n[25] = k) : k = n[25];
+	n[23] !== i.isLoading || n[24] !== h ? (k = i.isLoading ? "Loading audio..." : ci(h), n[23] = i.isLoading, n[24] = h, n[25] = k) : k = n[25];
 	let A;
-	n[26] === k ? A = n[27] : (A = /* @__PURE__ */ Z(T, {
+	n[26] === k ? A = n[27] : (A = /* @__PURE__ */ X(T, {
 		fontSize: "xs",
 		color: "fg.muted",
 		children: k
 	}), n[26] = k, n[27] = A);
 	let j;
-	n[28] === s ? j = n[29] : (j = si(s), n[28] = s, n[29] = j);
+	n[28] === s ? j = n[29] : (j = ci(s), n[28] = s, n[29] = j);
 	let M;
-	n[30] === j ? M = n[31] : (M = /* @__PURE__ */ Z(T, {
+	n[30] === j ? M = n[31] : (M = /* @__PURE__ */ X(T, {
 		fontSize: "xs",
 		color: "fg.muted",
 		children: j
 	}), n[30] = j, n[31] = M);
 	let N;
-	n[32] !== A || n[33] !== M ? (N = /* @__PURE__ */ Q(l, {
+	n[32] !== A || n[33] !== M ? (N = /* @__PURE__ */ Z(l, {
 		justifyContent: "space-between",
 		mt: 1,
 		children: [A, M]
 	}), n[32] = A, n[33] = M, n[34] = N) : N = n[34];
 	let P;
-	n[35] !== N || n[36] !== O ? (P = /* @__PURE__ */ Q(C, {
+	n[35] !== N || n[36] !== O ? (P = /* @__PURE__ */ Z(C, {
 		gap: 0,
 		minW: 0,
 		flex: 1,
 		children: [O, N]
 	}), n[35] = N, n[36] = O, n[37] = P) : P = n[37];
 	let F;
-	return n[38] !== t || n[39] !== P || n[40] !== w ? (F = /* @__PURE__ */ Q(l, {
+	return n[38] !== t || n[39] !== P || n[40] !== w ? (F = /* @__PURE__ */ Z(l, {
 		width: "100%",
 		maxW: "100%",
 		gap: 3,
@@ -2067,28 +2065,28 @@ var ri = () => {
 		children: [w, P]
 	}), n[38] = t, n[39] = P, n[40] = w, n[41] = F) : F = n[41], F;
 };
-function li() {
-	return new ye(!1);
+function ui() {
+	return new xe(!1);
 }
-function ui(e) {
+function di(e) {
 	return e.currentTime;
 }
 //#endregion
 //#region src/audio/useHasVisibleAudioTracks.ts
-var di = () => {
+var fi = () => {
 	let t = e(4), n = Sn(), r;
-	t[0] === n?.audio.visibleTrackIds$ ? r = t[1] : (r = () => n?.audio.visibleTrackIds$.pipe(X(fi), De()), t[0] = n?.audio.visibleTrackIds$, t[1] = r);
+	t[0] === n?.audio.visibleTrackIds$ ? r = t[1] : (r = () => n?.audio.visibleTrackIds$.pipe(Y(pi), J()), t[0] = n?.audio.visibleTrackIds$, t[1] = r);
 	let i;
 	t[2] === n ? i = t[3] : (i = [n], t[2] = n, t[3] = i);
-	let { data: a } = Y(r, i);
+	let { data: a } = K(r, i);
 	return a !== void 0 && a;
 };
-function fi(e) {
+function pi(e) {
 	return e.length > 0;
 }
 //#endregion
 //#region src/components/ui/toggle-tip.tsx
-var pi = M.forwardRef(function(t, n) {
+var mi = M.forwardRef(function(t, n) {
 	let r = e(26), i, a, o, s, c, l;
 	r[0] === t ? (i = r[1], a = r[2], o = r[3], s = r[4], c = r[5], l = r[6]) : ({showArrow: c, children: i, portalled: l, content: a, portalRef: o, ...s} = t, r[0] = t, r[1] = i, r[2] = a, r[3] = o, r[4] = s, r[5] = c, r[6] = l);
 	let u = l === void 0 || l, d;
@@ -2097,14 +2095,14 @@ var pi = M.forwardRef(function(t, n) {
 		gutter: 4
 	}, r[7] = s.positioning, r[8] = d);
 	let f;
-	r[9] === i ? f = r[10] : (f = /* @__PURE__ */ Z(g.Trigger, {
+	r[9] === i ? f = r[10] : (f = /* @__PURE__ */ X(g.Trigger, {
 		asChild: !0,
 		children: i
 	}), r[9] = i, r[10] = f);
 	let p = !u, m;
-	r[11] === c ? m = r[12] : (m = c && /* @__PURE__ */ Z(g.Arrow, { children: /* @__PURE__ */ Z(g.ArrowTip, {}) }), r[11] = c, r[12] = m);
+	r[11] === c ? m = r[12] : (m = c && /* @__PURE__ */ X(g.Arrow, { children: /* @__PURE__ */ X(g.ArrowTip, {}) }), r[11] = c, r[12] = m);
 	let h;
-	r[13] !== a || r[14] !== n || r[15] !== m ? (h = /* @__PURE__ */ Z(g.Positioner, { children: /* @__PURE__ */ Q(g.Content, {
+	r[13] !== a || r[14] !== n || r[15] !== m ? (h = /* @__PURE__ */ X(g.Positioner, { children: /* @__PURE__ */ Z(g.Content, {
 		width: "auto",
 		px: "2",
 		py: "1",
@@ -2114,40 +2112,40 @@ var pi = M.forwardRef(function(t, n) {
 		children: [m, a]
 	}) }), r[13] = a, r[14] = n, r[15] = m, r[16] = h) : h = r[16];
 	let v;
-	r[17] !== o || r[18] !== p || r[19] !== h ? (v = /* @__PURE__ */ Z(_, {
+	r[17] !== o || r[18] !== p || r[19] !== h ? (v = /* @__PURE__ */ X(_, {
 		disabled: p,
 		container: o,
 		children: h
 	}), r[17] = o, r[18] = p, r[19] = h, r[20] = v) : v = r[20];
 	let y;
-	return r[21] !== s || r[22] !== d || r[23] !== f || r[24] !== v ? (y = /* @__PURE__ */ Q(g.Root, {
+	return r[21] !== s || r[22] !== d || r[23] !== f || r[24] !== v ? (y = /* @__PURE__ */ Z(g.Root, {
 		...s,
 		positioning: d,
 		children: [f, v]
 	}), r[21] = s, r[22] = d, r[23] = f, r[24] = v, r[25] = y) : y = r[25], y;
-}), mi = M.forwardRef(function(t, n) {
+}), hi = M.forwardRef(function(t, n) {
 	let r = e(8), i, a;
 	r[0] === t ? (i = r[1], a = r[2]) : ({children: i, ...a} = t, r[0] = t, r[1] = i, r[2] = a);
 	let o;
-	r[3] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ Z(d, {
+	r[3] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ X(d, {
 		variant: "ghost",
 		"aria-label": "info",
 		size: "2xs",
 		colorPalette: "gray",
-		children: /* @__PURE__ */ Z(ut, {})
+		children: /* @__PURE__ */ X(dt, {})
 	}), r[3] = o) : o = r[3];
 	let s;
-	return r[4] !== i || r[5] !== n || r[6] !== a ? (s = /* @__PURE__ */ Z(pi, {
+	return r[4] !== i || r[5] !== n || r[6] !== a ? (s = /* @__PURE__ */ X(mi, {
 		content: i,
 		...a,
 		ref: n,
 		children: o
 	}), r[4] = i, r[5] = n, r[6] = a, r[7] = s) : s = r[7], s;
-}), hi = M.forwardRef(function(t, n) {
+}), gi = M.forwardRef(function(t, n) {
 	let r = e(4), i;
-	r[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ Z(y.Range, {}), r[0] = i) : i = r[0];
+	r[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ X(y.Range, {}), r[0] = i) : i = r[0];
 	let a;
-	return r[1] !== t || r[2] !== n ? (a = /* @__PURE__ */ Z(y.Track, {
+	return r[1] !== t || r[2] !== n ? (a = /* @__PURE__ */ X(y.Track, {
 		...t,
 		ref: n,
 		children: i
@@ -2157,16 +2155,16 @@ M.forwardRef(function(t, n) {
 	let r = e(11), i, a, o;
 	r[0] === t ? (i = r[1], a = r[2], o = r[3]) : ({children: i, info: a, ...o} = t, r[0] = t, r[1] = i, r[2] = a, r[3] = o);
 	let s;
-	r[4] === a ? s = r[5] : (s = a && /* @__PURE__ */ Z(mi, { children: a }), r[4] = a, r[5] = s);
+	r[4] === a ? s = r[5] : (s = a && /* @__PURE__ */ X(hi, { children: a }), r[4] = a, r[5] = s);
 	let c;
-	return r[6] !== i || r[7] !== n || r[8] !== o || r[9] !== s ? (c = /* @__PURE__ */ Q(y.Label, {
+	return r[6] !== i || r[7] !== n || r[8] !== o || r[9] !== s ? (c = /* @__PURE__ */ Z(y.Label, {
 		...o,
 		ref: n,
 		children: [i, s]
 	}), r[6] = i, r[7] = n, r[8] = o, r[9] = s, r[10] = c) : c = r[10], c;
 });
-var gi = y.Root, _i = y.ValueText, vi = () => {
-	let e = Fr(), t = e?.numberOfTotalPages === 1, n = (e?.begin.numberOfPagesInSpineItem ?? 0) > 1, r = (e?.end.numberOfPagesInSpineItem ?? 0) > 1, i = (e?.hasChapters ? e?.begin.pageIndexInSpineItem : e?.begin.absolutePageIndex) ?? 0, a = (e?.hasChapters ? e?.end.pageIndexInSpineItem : e?.end.absolutePageIndex) ?? 0, [o = 0, s = 0] = [i, a].sort((e, t) => e - t);
+var _i = y.Root, vi = y.ValueText, yi = () => {
+	let e = Ir(), t = e?.numberOfTotalPages === 1, n = (e?.begin.numberOfPagesInSpineItem ?? 0) > 1, r = (e?.end.numberOfPagesInSpineItem ?? 0) > 1, i = (e?.hasChapters ? e?.begin.pageIndexInSpineItem : e?.begin.absolutePageIndex) ?? 0, a = (e?.hasChapters ? e?.end.pageIndexInSpineItem : e?.end.absolutePageIndex) ?? 0, [o = 0, s = 0] = [i, a].sort((e, t) => e - t);
 	return {
 		hasOnlyOnePage: t,
 		beginPageIndex: i,
@@ -2178,8 +2176,8 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		leftPageIndex: o,
 		rightPageIndex: s
 	};
-}, yi = () => {
-	let t = e(24), n = Fr(), { hasOnlyOnePage: r, leftPageIndex: i, rightPageIndex: a, totalApproximatePages: o, beginAndEndAreDifferent: s } = vi(), c;
+}, bi = () => {
+	let t = e(24), n = Ir(), { hasOnlyOnePage: r, leftPageIndex: i, rightPageIndex: a, totalApproximatePages: o, beginAndEndAreDifferent: s } = yi(), c;
 	t[0] === n?.percentageEstimateOfBook ? c = t[1] : (c = Math.round((n?.percentageEstimateOfBook ?? 0) * 100), t[0] = n?.percentageEstimateOfBook, t[1] = c);
 	let u = c, d;
 	if (t[2] !== n?.begin.chapterInfo) {
@@ -2187,21 +2185,21 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		d = e(n?.begin.chapterInfo), t[2] = n?.begin.chapterInfo, t[3] = d;
 	} else d = t[3];
 	let f = d, p;
-	t[4] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ Z(hi, { width: 110 }), t[4] = p) : p = t[4];
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ X(gi, { width: 110 }), t[4] = p) : p = t[4];
 	let m = `${u}%`, h;
-	t[5] === m ? h = t[6] : (h = /* @__PURE__ */ Q(l, {
+	t[5] === m ? h = t[6] : (h = /* @__PURE__ */ Z(l, {
 		justifyContent: "space-between",
-		children: [p, /* @__PURE__ */ Z(_i, { children: m })]
+		children: [p, /* @__PURE__ */ X(vi, { children: m })]
 	}), t[5] = m, t[6] = h);
 	let g;
-	t[7] !== u || t[8] !== h ? (g = /* @__PURE__ */ Z(gi, {
+	t[7] !== u || t[8] !== h ? (g = /* @__PURE__ */ X(_i, {
 		value: u,
 		size: "xs",
 		width: 150,
 		children: h
 	}), t[7] = u, t[8] = h, t[9] = g) : g = t[9];
 	let _ = f ? `Chapter: ${f}` : "\xA0", v;
-	t[10] === _ ? v = t[11] : (v = /* @__PURE__ */ Z(T, {
+	t[10] === _ ? v = t[11] : (v = /* @__PURE__ */ X(T, {
 		truncate: !0,
 		maxWidth: "100%",
 		fontSize: "sm",
@@ -2209,10 +2207,10 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		children: _
 	}), t[10] = _, t[11] = v);
 	let y;
-	t[12] !== s || t[13] !== r || t[14] !== i || t[15] !== n?.begin || t[16] !== n?.hasChapters || t[17] !== a || t[18] !== o ? (y = !r && /* @__PURE__ */ Q(l, { children: [/* @__PURE__ */ Z(T, {
+	t[12] !== s || t[13] !== r || t[14] !== i || t[15] !== n?.begin || t[16] !== n?.hasChapters || t[17] !== a || t[18] !== o ? (y = !r && /* @__PURE__ */ Z(l, { children: [/* @__PURE__ */ X(T, {
 		fontSize: "xs",
 		children: s ? `${i + 1} - ${a + 1} of ${o}` : `${i + 1} of ${o}`
-	}), !!n?.hasChapters && /* @__PURE__ */ Q(Ye, { children: [/* @__PURE__ */ Z(T, { children: "-" }), /* @__PURE__ */ Q(T, {
+	}), !!n?.hasChapters && /* @__PURE__ */ Z(Xe, { children: [/* @__PURE__ */ X(T, { children: "-" }), /* @__PURE__ */ Z(T, {
 		fontSize: "xs",
 		children: [
 			"(",
@@ -2221,7 +2219,7 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		]
 	})] })] }), t[12] = s, t[13] = r, t[14] = i, t[15] = n?.begin, t[16] = n?.hasChapters, t[17] = a, t[18] = o, t[19] = y) : y = t[19];
 	let b;
-	return t[20] !== g || t[21] !== v || t[22] !== y ? (b = /* @__PURE__ */ Q(C, {
+	return t[20] !== g || t[21] !== v || t[22] !== y ? (b = /* @__PURE__ */ Z(C, {
 		alignItems: "center",
 		gap: 1,
 		maxW: "100%",
@@ -2232,7 +2230,7 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 			y
 		]
 	}), t[20] = g, t[21] = v, t[22] = y, t[23] = b) : b = t[23], b;
-}, bi = F((t) => {
+}, xi = F((t) => {
 	let n = e(12), r, i, a;
 	n[0] === t ? (r = n[1], i = n[2], a = n[3]) : ({children: r, position: i, ...a} = t, n[0] = t, n[1] = r, n[2] = i, n[3] = a);
 	let o, s;
@@ -2244,7 +2242,7 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		_closed: "slide-to-top, fade-out"
 	}, n[4] = i, n[5] = o, n[6] = s);
 	let c;
-	return n[7] !== r || n[8] !== a || n[9] !== o || n[10] !== s ? (c = /* @__PURE__ */ Z(v, {
+	return n[7] !== r || n[8] !== a || n[9] !== o || n[10] !== s ? (c = /* @__PURE__ */ X(v, {
 		display: "flex",
 		flexDirection: "row",
 		width: "100%",
@@ -2260,10 +2258,10 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		...a,
 		children: r
 	}), n[7] = r, n[8] = a, n[9] = o, n[10] = s, n[11] = c) : c = n[11], c;
-}), xi = () => {
-	let t = e(10), n = Fr()?.isUsingSpread, { beginPageIndex: r, totalApproximatePages: i } = vi(), a = i === void 0 ? 0 : i, o = n ? Math.floor((r || 0) / 2) : r, s;
-	t[0] === o ? s = t[1] : (s = () => fe({ default: o || 0 }), t[0] = o, t[1] = s);
-	let [c, l] = ge(s), u = Math.max(0, n ? Math.floor((a - 1) / 2) : a - 1), d, f;
+}), Si = () => {
+	let t = e(10), n = Ir()?.isUsingSpread, { beginPageIndex: r, totalApproximatePages: i } = yi(), a = i === void 0 ? 0 : i, o = n ? Math.floor((r || 0) / 2) : r, s;
+	t[0] === o ? s = t[1] : (s = () => he({ default: o || 0 }), t[0] = o, t[1] = s);
+	let [c, l] = ye(s), u = Math.max(0, n ? Math.floor((a - 1) / 2) : a - 1), d, f;
 	t[2] !== o || t[3] !== l ? (d = () => {
 		l.update(o || 0);
 	}, f = [o, l], t[2] = o, t[3] = l, t[4] = d, t[5] = f) : (d = t[4], f = t[5]), R(d, f);
@@ -2274,10 +2272,10 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		min: 0,
 		max: u
 	}, t[6] = u, t[7] = c, t[8] = l, t[9] = p) : p = t[9], p;
-}, Si = (n) => {
-	let r = e(21), i = $(), a = Fr(), { data: o } = Y(() => i?.context, [i]) ?? {}, s;
+}, Ci = (n) => {
+	let r = e(21), i = $(), a = Ir(), { data: o } = K(() => i?.context, [i]) ?? {}, s;
 	r[0] === o ? s = r[1] : (s = o === void 0 ? {} : o, r[0] = o, r[1] = s);
-	let { manifest: c } = s, l = c?.readingDirection === "rtl", u = a?.isUsingSpread, { totalApproximatePages: d, isBeginWithinChapter: f } = vi(), p = d === void 0 ? 0 : d, m = f, { value: h, valueSignal: g, min: _, max: v } = xi(), y;
+	let { manifest: c } = s, l = c?.readingDirection === "rtl", u = a?.isUsingSpread, { totalApproximatePages: d, isBeginWithinChapter: f } = yi(), p = d === void 0 ? 0 : d, m = f, { value: h, valueSignal: g, min: _, max: v } = Si(), y;
 	r[2] !== m || r[3] !== u || r[4] !== i || r[5] !== g ? (y = (e) => {
 		let [t] = Array.isArray(e) ? e : [e], n = t === void 0 ? 0 : t;
 		g.update(n);
@@ -2295,14 +2293,14 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 	if (r[7] !== i?.navigation || r[8] !== g.subject ? (x = () => i?.navigation.throttleLock({
 		duration: 100,
 		trigger: g.subject
-	}), r[7] = i?.navigation, r[8] = g.subject, r[9] = x) : x = r[9], ve(x), p === 1 || u && p === 2) {
+	}), r[7] = i?.navigation, r[8] = g.subject, r[9] = x) : x = r[9], q(x), p === 1 || u && p === 2) {
 		let e;
-		return r[10] === n.style ? e = r[11] : (e = /* @__PURE__ */ Z(t, { style: n.style }), r[10] = n.style, r[11] = e), e;
+		return r[10] === n.style ? e = r[11] : (e = /* @__PURE__ */ X(t, { style: n.style }), r[10] = n.style, r[11] = e), e;
 	}
 	let S;
 	r[12] === h ? S = r[13] : (S = [h], r[12] = h, r[13] = S);
 	let C;
-	return r[14] !== v || r[15] !== _ || r[16] !== b || r[17] !== n || r[18] !== l || r[19] !== S ? (C = /* @__PURE__ */ Z(ai, {
+	return r[14] !== v || r[15] !== _ || r[16] !== b || r[17] !== n || r[18] !== l || r[19] !== S ? (C = /* @__PURE__ */ X(oi, {
 		value: S,
 		max: v,
 		min: _,
@@ -2311,26 +2309,26 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		onChange: b,
 		...n
 	}), r[14] = v, r[15] = _, r[16] = b, r[17] = n, r[18] = l, r[19] = S, r[20] = C) : C = r[20], C;
-}, Ci = F((n) => {
-	let i = e(115), { open: a, onItemClick: o } = n, s = B(null), c = $(), u;
+}, wi = F((n) => {
+	let i = e(115), { open: a, onItemClick: o } = n, s = z(null), c = $(), u;
 	i[0] === Symbol.for("react.memo_cache_sentinel") ? (u = [
 		"quickMenuBottomBarBoundingBoxSignal",
 		"onFontSizeMenuOpenChange",
 		"onRefitMenuOpenChange"
 	], i[0] = u) : u = i[0];
-	let { quickMenuBottomBarBoundingBoxSignal: f, onFontSizeMenuOpenChange: p, onRefitMenuOpenChange: m } = vt(u), h;
+	let { quickMenuBottomBarBoundingBoxSignal: f, onFontSizeMenuOpenChange: p, onRefitMenuOpenChange: m } = Q(u), h;
 	i[1] === c?.navigation.state$ ? h = i[2] : (h = () => c?.navigation.state$, i[1] = c?.navigation.state$, i[2] = h);
 	let g;
 	i[3] === c ? g = i[4] : (g = [c], i[3] = c, i[4] = g);
-	let { data: _ } = Y(h, g), v;
+	let { data: _ } = K(h, g), v;
 	i[5] === c?.settings.values$ ? v = i[6] : (v = () => c?.settings.values$, i[5] = c?.settings.values$, i[6] = v);
 	let y;
 	i[7] === c ? y = i[8] : (y = [c], i[7] = c, i[8] = y);
-	let { data: b } = Y(v, y), x;
-	i[9] === c?.zoom.state$ ? x = i[10] : (x = () => c?.zoom.state$.pipe(X(wi)), i[9] = c?.zoom.state$, i[10] = x);
+	let { data: b } = K(v, y), x;
+	i[9] === c?.zoom.state$ ? x = i[10] : (x = () => c?.zoom.state$.pipe(Y(Ti)), i[9] = c?.zoom.state$, i[10] = x);
 	let S;
 	i[11] === c ? S = i[12] : (S = [c], i[11] = c, i[12] = S);
-	let { data: w } = Y(x, S), T = w === "in", E = w === "out", D = b?.computedPageTurnMode === "scrollable", O = b?.computedPageTurnDirection === "vertical", k = di(), [A, j] = V(!0), M, N;
+	let { data: w } = K(x, S), T = w === "in", E = w === "out", D = b?.computedPageTurnMode === "scrollable", O = b?.computedPageTurnDirection === "vertical", k = fi(), [A, j] = B(!0), M, N;
 	i[13] === f ? (M = i[14], N = i[15]) : (M = () => {
 		if (!s.current) return;
 		let e = new ResizeObserver((e) => {
@@ -2341,18 +2339,18 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		};
 	}, N = [f], i[13] = f, i[14] = M, i[15] = N), R(M, N);
 	let P;
-	i[16] === k ? P = i[17] : (P = k && /* @__PURE__ */ Z(l, {
+	i[16] === k ? P = i[17] : (P = k && /* @__PURE__ */ X(l, {
 		px: 4,
 		justifyContent: "center",
 		width: "100%",
-		children: /* @__PURE__ */ Z(ci, { maxW: 400 })
+		children: /* @__PURE__ */ X(li, { maxW: 400 })
 	}), i[16] = k, i[17] = P);
 	let F;
 	i[18] === c?.navigation ? F = i[19] : (F = () => c?.navigation.goToLeftOrTopSpineItem(), i[18] = c?.navigation, i[19] = F);
 	let I = !_?.canGoLeftSpineItem && !_?.canGoTopSpineItem, L;
-	i[20] === O ? L = i[21] : (L = Z(O ? ct : ot, {}), i[20] = O, i[21] = L);
-	let z;
-	i[22] !== F || i[23] !== I || i[24] !== L ? (z = /* @__PURE__ */ Z(d, {
+	i[20] === O ? L = i[21] : (L = X(O ? lt : st, {}), i[20] = O, i[21] = L);
+	let ee;
+	i[22] !== F || i[23] !== I || i[24] !== L ? (ee = /* @__PURE__ */ X(d, {
 		"aria-label": "left",
 		size: "lg",
 		variant: "ghost",
@@ -2360,11 +2358,11 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		onClick: F,
 		disabled: I,
 		children: L
-	}), i[22] = F, i[23] = I, i[24] = L, i[25] = z) : z = i[25];
+	}), i[22] = F, i[23] = I, i[24] = L, i[25] = ee) : ee = i[25];
+	let V;
+	i[26] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ X(bi, {}), i[26] = V) : V = i[26];
 	let H;
-	i[26] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ Z(yi, {}), i[26] = H) : H = i[26];
-	let U;
-	i[27] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ Q(C, {
+	i[27] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ Z(C, {
 		flex: 1,
 		minW: 0,
 		maxW: 400,
@@ -2372,30 +2370,30 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		alignItems: "center",
 		overflow: "auto",
 		px: 4,
-		children: [H, /* @__PURE__ */ Z(Si, { style: {
+		children: [V, /* @__PURE__ */ X(Ci, { style: {
 			width: "100%",
 			maxWidth: "300px",
 			height: "35px"
 		} })]
-	}), i[27] = U) : U = i[27];
-	let W = !_?.canGoRightSpineItem && !_?.canGoBottomSpineItem, G;
-	i[28] === c?.navigation ? G = i[29] : (G = () => {
+	}), i[27] = H) : H = i[27];
+	let te = !_?.canGoRightSpineItem && !_?.canGoBottomSpineItem, U;
+	i[28] === c?.navigation ? U = i[29] : (U = () => {
 		c?.navigation.goToRightOrBottomSpineItem();
-	}, i[28] = c?.navigation, i[29] = G);
-	let K;
-	i[30] === O ? K = i[31] : (K = Z(O ? at : st, {}), i[30] = O, i[31] = K);
-	let J;
-	i[32] !== W || i[33] !== G || i[34] !== K ? (J = /* @__PURE__ */ Z(d, {
+	}, i[28] = c?.navigation, i[29] = U);
+	let W;
+	i[30] === O ? W = i[31] : (W = X(O ? ot : ct, {}), i[30] = O, i[31] = W);
+	let G;
+	i[32] !== te || i[33] !== U || i[34] !== W ? (G = /* @__PURE__ */ X(d, {
 		"aria-label": "right",
 		size: "lg",
 		flexShrink: 0,
 		variant: "ghost",
-		disabled: W,
-		onClick: G,
-		children: K
-	}), i[32] = W, i[33] = G, i[34] = K, i[35] = J) : J = i[35];
-	let ie;
-	i[36] !== z || i[37] !== J ? (ie = /* @__PURE__ */ Q(l, {
+		disabled: te,
+		onClick: U,
+		children: W
+	}), i[32] = te, i[33] = U, i[34] = W, i[35] = G) : G = i[35];
+	let se;
+	i[36] !== ee || i[37] !== G ? (se = /* @__PURE__ */ Z(l, {
 		flex: 1,
 		alignSelf: "stretch",
 		alignItems: "center",
@@ -2403,117 +2401,117 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		maxWidth: "100%",
 		px: 4,
 		children: [
-			z,
-			U,
-			J
+			ee,
+			H,
+			G
 		]
-	}), i[36] = z, i[37] = J, i[38] = ie) : ie = i[38];
-	let ae;
-	i[39] === Symbol.for("react.memo_cache_sentinel") ? (ae = (e) => {
+	}), i[36] = ee, i[37] = G, i[38] = se) : se = i[38];
+	let ce;
+	i[39] === Symbol.for("react.memo_cache_sentinel") ? (ce = (e) => {
 		let { open: t } = e;
 		j(t);
-	}, i[39] = ae) : ae = i[39];
-	let ce = A ? "rotate(0deg)" : "rotate(180deg)", de;
-	i[40] === ce ? de = i[41] : (de = /* @__PURE__ */ Z(r.Trigger, {
+	}, i[39] = ce) : ce = i[39];
+	let de = A ? "rotate(0deg)" : "rotate(180deg)", me;
+	i[40] === de ? me = i[41] : (me = /* @__PURE__ */ X(r.Trigger, {
 		paddingY: "3",
 		width: "100%",
 		display: "flex",
 		justifyContent: "center",
-		children: /* @__PURE__ */ Z(q, { style: { transform: ce } })
-	}), i[40] = ce, i[41] = de);
-	let fe;
-	i[42] === o ? fe = i[43] : (fe = () => o("help"), i[42] = o, i[43] = fe);
-	let pe;
-	i[44] === Symbol.for("react.memo_cache_sentinel") ? (pe = /* @__PURE__ */ Z(ee, {}), i[44] = pe) : pe = i[44];
-	let me;
-	i[45] === fe ? me = i[46] : (me = /* @__PURE__ */ Z(d, {
-		"aria-label": "Help",
-		size: "lg",
-		variant: "ghost",
-		onClick: fe,
-		children: pe
-	}), i[45] = fe, i[46] = me);
+		children: /* @__PURE__ */ X(ne, { style: { transform: de } })
+	}), i[40] = de, i[41] = me);
 	let he;
-	i[47] === o ? he = i[48] : (he = () => o("toc"), i[47] = o, i[48] = he);
+	i[42] === o ? he = i[43] : (he = () => o("help"), i[42] = o, i[43] = he);
 	let ge;
-	i[49] === Symbol.for("react.memo_cache_sentinel") ? (ge = /* @__PURE__ */ Z(se, {}), i[49] = ge) : ge = i[49];
+	i[44] === Symbol.for("react.memo_cache_sentinel") ? (ge = /* @__PURE__ */ X(re, {}), i[44] = ge) : ge = i[44];
 	let _e;
-	i[50] === he ? _e = i[51] : (_e = /* @__PURE__ */ Z(d, {
-		"aria-label": "Table of contents",
+	i[45] === he ? _e = i[46] : (_e = /* @__PURE__ */ X(d, {
+		"aria-label": "Help",
 		size: "lg",
 		variant: "ghost",
 		onClick: he,
 		children: ge
-	}), i[50] = he, i[51] = _e);
+	}), i[45] = he, i[46] = _e);
 	let ve;
-	i[52] !== o || i[53] !== c ? (ve = St(c) && /* @__PURE__ */ Z(d, {
+	i[47] === o ? ve = i[48] : (ve = () => o("toc"), i[47] = o, i[48] = ve);
+	let ye;
+	i[49] === Symbol.for("react.memo_cache_sentinel") ? (ye = /* @__PURE__ */ X(ue, {}), i[49] = ye) : ye = i[49];
+	let be;
+	i[50] === ve ? be = i[51] : (be = /* @__PURE__ */ X(d, {
+		"aria-label": "Table of contents",
+		size: "lg",
+		variant: "ghost",
+		onClick: ve,
+		children: ye
+	}), i[50] = ve, i[51] = be);
+	let q;
+	i[52] !== o || i[53] !== c ? (q = St(c) && /* @__PURE__ */ X(d, {
 		"aria-label": "Search",
 		size: "lg",
 		variant: "ghost",
 		onClick: () => o("search"),
-		children: /* @__PURE__ */ Z(oe, {})
-	}), i[52] = o, i[53] = c, i[54] = ve) : ve = i[54];
-	let ye = T ? "solid" : "ghost", be;
-	i[55] !== T || i[56] !== c?.zoom ? (be = () => {
+		children: /* @__PURE__ */ X(le, {})
+	}), i[52] = o, i[53] = c, i[54] = q) : q = i[54];
+	let xe = T ? "solid" : "ghost", Se;
+	i[55] !== T || i[56] !== c?.zoom ? (Se = () => {
 		T ? c?.zoom.exit({ animate: !0 }) : c?.zoom.enter({
 			animate: !0,
 			scale: 2
 		});
-	}, i[55] = T, i[56] = c?.zoom, i[57] = be) : be = i[57];
-	let xe;
-	i[58] === T ? xe = i[59] : (xe = Z(T ? ue : le, {}), i[58] = T, i[59] = xe);
-	let Se;
-	i[60] !== ye || i[61] !== be || i[62] !== xe ? (Se = /* @__PURE__ */ Z(d, {
-		"aria-label": "Zoom",
-		size: "lg",
-		variant: ye,
-		onClick: be,
-		children: xe
-	}), i[60] = ye, i[61] = be, i[62] = xe, i[63] = Se) : Se = i[63];
+	}, i[55] = T, i[56] = c?.zoom, i[57] = Se) : Se = i[57];
 	let Ce;
-	i[64] === p ? Ce = i[65] : (Ce = () => {
-		p(!0);
-	}, i[64] = p, i[65] = Ce);
+	i[58] === T ? Ce = i[59] : (Ce = X(T ? pe : fe, {}), i[58] = T, i[59] = Ce);
 	let we;
-	i[66] === Symbol.for("react.memo_cache_sentinel") ? (we = /* @__PURE__ */ Z(nt, {}), i[66] = we) : we = i[66];
+	i[60] !== xe || i[61] !== Se || i[62] !== Ce ? (we = /* @__PURE__ */ X(d, {
+		"aria-label": "Zoom",
+		size: "lg",
+		variant: xe,
+		onClick: Se,
+		children: Ce
+	}), i[60] = xe, i[61] = Se, i[62] = Ce, i[63] = we) : we = i[63];
 	let Te;
-	i[67] === Ce ? Te = i[68] : (Te = /* @__PURE__ */ Z(d, {
+	i[64] === p ? Te = i[65] : (Te = () => {
+		p(!0);
+	}, i[64] = p, i[65] = Te);
+	let Ee;
+	i[66] === Symbol.for("react.memo_cache_sentinel") ? (Ee = /* @__PURE__ */ X(rt, {}), i[66] = Ee) : Ee = i[66];
+	let De;
+	i[67] === Te ? De = i[68] : (De = /* @__PURE__ */ X(d, {
 		"aria-label": "font size",
 		size: "lg",
-		onClick: Ce,
+		onClick: Te,
 		variant: "ghost",
-		children: we
-	}), i[67] = Ce, i[68] = Te);
-	let Ee;
-	i[69] === o ? Ee = i[70] : (Ee = () => o("layout"), i[69] = o, i[70] = Ee);
-	let De;
-	i[71] === Symbol.for("react.memo_cache_sentinel") ? (De = /* @__PURE__ */ Z(te, {}), i[71] = De) : De = i[71];
+		children: Ee
+	}), i[67] = Te, i[68] = De);
 	let Oe;
-	i[72] === Ee ? Oe = i[73] : (Oe = /* @__PURE__ */ Z(d, {
+	i[69] === o ? Oe = i[70] : (Oe = () => o("layout"), i[69] = o, i[70] = Oe);
+	let J;
+	i[71] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ X(ie, {}), i[71] = J) : J = i[71];
+	let ke;
+	i[72] === Oe ? ke = i[73] : (ke = /* @__PURE__ */ X(d, {
 		"aria-label": "Layout",
 		size: "lg",
 		variant: "ghost",
-		onClick: Ee,
-		children: De
-	}), i[72] = Ee, i[73] = Oe);
-	let ke;
-	i[74] !== o || i[75] !== c ? (ke = wt(c) && /* @__PURE__ */ Z(d, {
+		onClick: Oe,
+		children: J
+	}), i[72] = Oe, i[73] = ke);
+	let Ae;
+	i[74] !== o || i[75] !== c ? (Ae = wt(c) && /* @__PURE__ */ X(d, {
 		"aria-label": "Bookmarks",
 		size: "lg",
 		variant: "ghost",
 		onClick: () => o("bookmarks"),
-		children: /* @__PURE__ */ Z(rt, {})
-	}), i[74] = o, i[75] = c, i[76] = ke) : ke = i[76];
-	let Ae;
-	i[77] !== o || i[78] !== c ? (Ae = wt(c) && /* @__PURE__ */ Z(d, {
+		children: /* @__PURE__ */ X(it, {})
+	}), i[74] = o, i[75] = c, i[76] = Ae) : Ae = i[76];
+	let je;
+	i[77] !== o || i[78] !== c ? (je = wt(c) && /* @__PURE__ */ X(d, {
 		"aria-label": "Annotations",
 		size: "lg",
 		variant: "ghost",
 		onClick: () => o("annotations"),
-		children: /* @__PURE__ */ Z(re, {})
-	}), i[77] = o, i[78] = c, i[79] = Ae) : Ae = i[79];
-	let je;
-	i[80] !== D || i[81] !== m || i[82] !== c ? (je = Et(c) && /* @__PURE__ */ Z(d, {
+		children: /* @__PURE__ */ X(oe, {})
+	}), i[77] = o, i[78] = c, i[79] = je) : je = i[79];
+	let Me;
+	i[80] !== D || i[81] !== m || i[82] !== c ? (Me = Et(c) && /* @__PURE__ */ X(d, {
 		"aria-label": "Refit",
 		size: "lg",
 		variant: "ghost",
@@ -2521,72 +2519,72 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 			m(!0);
 		},
 		disabled: !D,
-		children: /* @__PURE__ */ Z(et, {})
-	}), i[80] = D, i[81] = m, i[82] = c, i[83] = je) : je = i[83];
-	let Me = E ? "solid" : "ghost", Ne;
-	i[84] !== E || i[85] !== c?.zoom ? (Ne = () => {
+		children: /* @__PURE__ */ X(tt, {})
+	}), i[80] = D, i[81] = m, i[82] = c, i[83] = Me) : Me = i[83];
+	let Ne = E ? "solid" : "ghost", Pe;
+	i[84] !== E || i[85] !== c?.zoom ? (Pe = () => {
 		E ? c?.zoom.exit({ animate: !0 }) : c?.zoom.enter({
 			animate: !0,
 			scale: .5
 		});
-	}, i[84] = E, i[85] = c?.zoom, i[86] = Ne) : Ne = i[86];
-	let Pe;
-	i[87] === Symbol.for("react.memo_cache_sentinel") ? (Pe = /* @__PURE__ */ Z(ne, {}), i[87] = Pe) : Pe = i[87];
+	}, i[84] = E, i[85] = c?.zoom, i[86] = Pe) : Pe = i[86];
 	let Fe;
-	i[88] !== Me || i[89] !== Ne ? (Fe = /* @__PURE__ */ Z(d, {
+	i[87] === Symbol.for("react.memo_cache_sentinel") ? (Fe = /* @__PURE__ */ X(ae, {}), i[87] = Fe) : Fe = i[87];
+	let Ie;
+	i[88] !== Ne || i[89] !== Pe ? (Ie = /* @__PURE__ */ X(d, {
 		"aria-label": "Thumbnails",
 		size: "lg",
-		variant: Me,
-		onClick: Ne,
-		children: Pe
-	}), i[88] = Me, i[89] = Ne, i[90] = Fe) : Fe = i[90];
-	let Ie;
-	i[91] !== o || i[92] !== c ? (Ie = Tt(c) && /* @__PURE__ */ Z(d, {
+		variant: Ne,
+		onClick: Pe,
+		children: Fe
+	}), i[88] = Ne, i[89] = Pe, i[90] = Ie) : Ie = i[90];
+	let Le;
+	i[91] !== o || i[92] !== c ? (Le = Tt(c) && /* @__PURE__ */ X(d, {
 		"aria-label": "Gallery",
 		size: "lg",
 		variant: "ghost",
 		onClick: () => o("gallery"),
-		children: /* @__PURE__ */ Z(it, {})
-	}), i[91] = o, i[92] = c, i[93] = Ie) : Ie = i[93];
-	let Le;
-	i[94] !== me || i[95] !== _e || i[96] !== ve || i[97] !== Se || i[98] !== Te || i[99] !== Oe || i[100] !== ke || i[101] !== Ae || i[102] !== je || i[103] !== Fe || i[104] !== Ie ? (Le = /* @__PURE__ */ Z(r.Content, {
+		children: /* @__PURE__ */ X(at, {})
+	}), i[91] = o, i[92] = c, i[93] = Le) : Le = i[93];
+	let Re;
+	i[94] !== _e || i[95] !== be || i[96] !== q || i[97] !== we || i[98] !== De || i[99] !== ke || i[100] !== Ae || i[101] !== je || i[102] !== Me || i[103] !== Ie || i[104] !== Le ? (Re = /* @__PURE__ */ X(r.Content, {
 		display: "flex",
 		justifyContent: "center",
-		children: /* @__PURE__ */ Q(t, {
+		children: /* @__PURE__ */ Z(t, {
 			display: "flex",
 			overflowX: "auto",
 			px: 4,
 			pb: 1,
 			children: [
-				me,
 				_e,
-				ve,
-				Se,
-				Te,
-				Oe,
+				be,
+				q,
+				we,
+				De,
 				ke,
 				Ae,
 				je,
-				Fe,
-				Ie
+				Me,
+				Ie,
+				Le
 			]
 		})
-	}), i[94] = me, i[95] = _e, i[96] = ve, i[97] = Se, i[98] = Te, i[99] = Oe, i[100] = ke, i[101] = Ae, i[102] = je, i[103] = Fe, i[104] = Ie, i[105] = Le) : Le = i[105];
-	let Re;
-	i[106] !== A || i[107] !== de || i[108] !== Le ? (Re = /* @__PURE__ */ Z(l, {
+	}), i[94] = _e, i[95] = be, i[96] = q, i[97] = we, i[98] = De, i[99] = ke, i[100] = Ae, i[101] = je, i[102] = Me, i[103] = Ie, i[104] = Le, i[105] = Re) : Re = i[105];
+	let ze;
+	i[106] !== A || i[107] !== me || i[108] !== Re ? (ze = /* @__PURE__ */ X(l, {
 		alignSelf: "stretch",
 		alignItems: "center",
 		justifyContent: "center",
-		children: /* @__PURE__ */ Q(r.Root, {
+		children: /* @__PURE__ */ Z(r.Root, {
 			open: A,
 			flex: 1,
-			onOpenChange: ae,
+			onOpenChange: ce,
 			width: "100%",
-			children: [de, Le]
+			children: [me, Re]
 		})
-	}), i[106] = A, i[107] = de, i[108] = Le, i[109] = Re) : Re = i[109];
-	let ze;
-	return i[110] !== a || i[111] !== P || i[112] !== ie || i[113] !== Re ? (ze = /* @__PURE__ */ Q(bi, {
+	}), i[106] = A, i[107] = me, i[108] = Re, i[109] = ze) : ze = i[109];
+	let Be;
+	return i[110] !== a || i[111] !== P || i[112] !== se || i[113] !== ze ? (Be = /* @__PURE__ */ Z(xi, {
 		present: a,
 		position: "bottom",
 		display: "flex",
@@ -2598,32 +2596,32 @@ var gi = y.Root, _i = y.ValueText, vi = () => {
 		gap: 4,
 		children: [
 			P,
-			ie,
-			Re
+			se,
+			ze
 		]
-	}), i[110] = a, i[111] = P, i[112] = ie, i[113] = Re, i[114] = ze) : ze = i[114], ze;
+	}), i[110] = a, i[111] = P, i[112] = se, i[113] = ze, i[114] = Be) : Be = i[114], Be;
 });
-function wi(e) {
+function Ti(e) {
 	return e.currentScale > 1 ? "in" : e.currentScale < 1 ? "out" : void 0;
 }
 //#endregion
 //#region src/common/useFullscreen.ts
-var Ti = () => pt.isEnabled, Ei = () => pt.isEnabled ? pt.isFullscreen : !1, Di = () => {
-	let [e, t] = V(!1), [n, r] = V(!1), i = I(() => {
+var Ei = () => mt.isEnabled, Di = () => mt.isEnabled ? mt.isFullscreen : !1, Oi = () => {
+	let [e, t] = B(!1), [n, r] = B(!1), i = I(() => {
 		t((e) => {
-			let t = Ei();
+			let t = Di();
 			return e === t ? e : t;
 		}), r((e) => {
-			let t = Ti();
+			let t = Ei();
 			return e === t ? e : t;
 		});
 	}, []), a = I(async () => {
-		if (!pt.isEnabled) {
+		if (!mt.isEnabled) {
 			i();
 			return;
 		}
 		try {
-			pt.isFullscreen ? await pt.exit() : await pt.request(document.documentElement, { navigationUI: "hide" });
+			mt.isFullscreen ? await mt.exit() : await mt.request(document.documentElement, { navigationUI: "hide" });
 		} catch (e) {
 			console.error(e);
 		} finally {
@@ -2631,21 +2629,21 @@ var Ti = () => pt.isEnabled, Ei = () => pt.isEnabled ? pt.isFullscreen : !1, Di
 		}
 	}, [i]);
 	return R(() => {
-		if (i(), pt.isEnabled) return pt.on("change", i), pt.on("error", i), () => {
-			pt.off("change", i), pt.off("error", i);
+		if (i(), mt.isEnabled) return mt.on("change", i), mt.on("error", i), () => {
+			mt.off("change", i), mt.off("error", i);
 		};
 	}, [i]), {
 		isFullscreen: e,
 		isFullscreenSupported: n,
 		onToggleFullscreenClick: a
 	};
-}, Oi = F((t) => {
-	let n = e(24), { open: r, onItemClick: i } = t, a = $()?.context.manifest, { isFullscreen: o, isFullscreenSupported: s, onToggleFullscreenClick: c } = Di(), u;
+}, ki = F((t) => {
+	let n = e(24), { open: r, onItemClick: i } = t, a = $()?.context.manifest, { isFullscreen: o, isFullscreenSupported: s, onToggleFullscreenClick: c } = Oi(), u;
 	n[0] === i ? u = n[1] : (u = () => i("back"), n[0] = i, n[1] = u);
 	let f;
-	n[2] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ Z(dt, {}), n[2] = f) : f = n[2];
+	n[2] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ X(ft, {}), n[2] = f) : f = n[2];
 	let p;
-	n[3] === u ? p = n[4] : (p = /* @__PURE__ */ Z(d, {
+	n[3] === u ? p = n[4] : (p = /* @__PURE__ */ X(d, {
 		"aria-label": "left",
 		size: "lg",
 		variant: "ghost",
@@ -2654,14 +2652,14 @@ var Ti = () => pt.isEnabled, Ei = () => pt.isEnabled ? pt.isFullscreen : !1, Di
 		children: f
 	}), n[3] = u, n[4] = p);
 	let m = a?.title, h;
-	n[5] === m ? h = n[6] : (h = /* @__PURE__ */ Z(C, {
+	n[5] === m ? h = n[6] : (h = /* @__PURE__ */ X(C, {
 		flex: 1,
 		maxW: 600,
 		gap: 1,
 		alignItems: "center",
 		overflow: "auto",
 		px: 4,
-		children: /* @__PURE__ */ Z(T, {
+		children: /* @__PURE__ */ X(T, {
 			truncate: !0,
 			maxWidth: "100%",
 			children: m
@@ -2670,9 +2668,9 @@ var Ti = () => pt.isEnabled, Ei = () => pt.isEnabled ? pt.isFullscreen : !1, Di
 	let g;
 	n[7] === i ? g = n[8] : (g = () => i("more"), n[7] = i, n[8] = g);
 	let _;
-	n[9] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ Z(ft, {}), n[9] = _) : _ = n[9];
+	n[9] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ X(pt, {}), n[9] = _) : _ = n[9];
 	let v;
-	n[10] === g ? v = n[11] : (v = /* @__PURE__ */ Z(d, {
+	n[10] === g ? v = n[11] : (v = /* @__PURE__ */ X(d, {
 		"aria-label": "right",
 		size: "lg",
 		flexShrink: 0,
@@ -2681,18 +2679,18 @@ var Ti = () => pt.isEnabled, Ei = () => pt.isEnabled ? pt.isFullscreen : !1, Di
 		children: _
 	}), n[10] = g, n[11] = v);
 	let y;
-	n[12] !== o || n[13] !== s || n[14] !== c ? (y = s && /* @__PURE__ */ Z(d, {
+	n[12] !== o || n[13] !== s || n[14] !== c ? (y = s && /* @__PURE__ */ X(d, {
 		"aria-label": o ? "Exit fullscreen" : "Enter fullscreen",
 		size: "lg",
 		flexShrink: 0,
 		variant: "ghost",
 		onClick: c,
-		children: Z(o ? $e : Qe, {})
+		children: X(o ? et : $e, {})
 	}), n[12] = o, n[13] = s, n[14] = c, n[15] = y) : y = n[15];
 	let b;
-	n[16] !== v || n[17] !== y ? (b = /* @__PURE__ */ Q(l, { children: [v, y] }), n[16] = v, n[17] = y, n[18] = b) : b = n[18];
+	n[16] !== v || n[17] !== y ? (b = /* @__PURE__ */ Z(l, { children: [v, y] }), n[16] = v, n[17] = y, n[18] = b) : b = n[18];
 	let x;
-	return n[19] !== r || n[20] !== b || n[21] !== p || n[22] !== h ? (x = /* @__PURE__ */ Q(bi, {
+	return n[19] !== r || n[20] !== b || n[21] !== p || n[22] !== h ? (x = /* @__PURE__ */ Z(xi, {
 		present: r,
 		position: "top",
 		height: "80px",
@@ -2703,7 +2701,7 @@ var Ti = () => pt.isEnabled, Ei = () => pt.isEnabled ? pt.isFullscreen : !1, Di
 			b
 		]
 	}), n[19] = r, n[20] = b, n[21] = p, n[22] = h, n[23] = x) : x = n[23], x;
-}), ki = () => {
+}), Ai = () => {
 	let t = e(4), n;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = [
 		"quickMenuOpen",
@@ -2711,53 +2709,53 @@ var Ti = () => pt.isEnabled, Ei = () => pt.isEnabled ? pt.isFullscreen : !1, Di
 		"_quickMenuOpen",
 		"_onQuickMenuOpenChange"
 	], t[0] = n) : n = t[0];
-	let { quickMenuOpen: r, onQuickMenuOpenChange: i, _quickMenuOpen: a, _onQuickMenuOpenChange: o } = vt(n), s = r ?? a, c = i ?? o, l;
+	let { quickMenuOpen: r, onQuickMenuOpenChange: i, _quickMenuOpen: a, _onQuickMenuOpenChange: o } = Q(n), s = r ?? a, c = i ?? o, l;
 	return t[1] !== s || t[2] !== c ? (l = [s, c], t[1] = s, t[2] = c, t[3] = l) : l = t[3], l;
-}, Ai = F((t) => {
-	let n = e(10), { onItemClick: r } = t, [i] = ki(), a;
+}, ji = F((t) => {
+	let n = e(10), { onItemClick: r } = t, [i] = Ai(), a;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (a = [
 		"refitMenuOpen",
 		"fontSizeMenuOpen",
 		"selectedHighlight"
 	], n[0] = a) : a = n[0];
-	let { refitMenuOpen: o, fontSizeMenuOpen: s, selectedHighlight: c } = vt(a), l = i && !o && !s && !c, u;
-	n[1] !== r || n[2] !== l ? (u = /* @__PURE__ */ Z(Oi, {
+	let { refitMenuOpen: o, fontSizeMenuOpen: s, selectedHighlight: c } = Q(a), l = i && !o && !s && !c, u;
+	n[1] !== r || n[2] !== l ? (u = /* @__PURE__ */ X(ki, {
 		open: l,
 		onItemClick: r
 	}), n[1] = r, n[2] = l, n[3] = u) : u = n[3];
 	let d = i && !o && !s, f;
-	n[4] !== r || n[5] !== d ? (f = /* @__PURE__ */ Z(Ci, {
+	n[4] !== r || n[5] !== d ? (f = /* @__PURE__ */ X(wi, {
 		open: d,
 		onItemClick: r
 	}), n[4] = r, n[5] = d, n[6] = f) : f = n[6];
 	let p;
-	return n[7] !== u || n[8] !== f ? (p = /* @__PURE__ */ Q(Ye, { children: [u, f] }), n[7] = u, n[8] = f, n[9] = p) : p = n[9], p;
-}), ji = () => {
-	let t = e(3), [, n] = ki(), r = $(), i;
-	t[0] !== n || t[1] !== r ? (i = () => r?.gestures.gestures$.pipe(Oe(Mi), Ve(r.selection.selection$, r.selection.lastSelectionOnPointerdown$), Re((e) => {
+	return n[7] !== u || n[8] !== f ? (p = /* @__PURE__ */ Z(Xe, { children: [u, f] }), n[7] = u, n[8] = f, n[9] = p) : p = n[9], p;
+}), Mi = () => {
+	let t = e(3), [, n] = Ai(), r = $(), i;
+	t[0] !== n || t[1] !== r ? (i = () => r?.gestures.gestures$.pipe(ke(Ni), He(r.selection.selection$, r.selection.lastSelectionOnPointerdown$), ze((e) => {
 		let [, t, r] = e;
-		n(t || r ? !1 : Ni);
-	})), t[0] = n, t[1] = r, t[2] = i) : i = t[2], ve(i);
+		n(t || r ? !1 : Pi);
+	})), t[0] = n, t[1] = r, t[2] = i) : i = t[2], q(i);
 };
-function Mi(e) {
+function Ni(e) {
 	return e.type === "tap" && !e.handled;
 }
-function Ni(e) {
+function Pi(e) {
 	return !e;
 }
 //#endregion
 //#region src/components/ui/field.tsx
-var Pi = M.forwardRef(function(t, n) {
+var Fi = M.forwardRef(function(t, n) {
 	let r = e(21), i, a, s, c, l, u;
 	r[0] === t ? (i = r[1], a = r[2], s = r[3], c = r[4], l = r[5], u = r[6]) : ({label: c, children: i, helperText: s, errorText: a, optionalText: l, ...u} = t, r[0] = t, r[1] = i, r[2] = a, r[3] = s, r[4] = c, r[5] = l, r[6] = u);
 	let d;
-	r[7] !== c || r[8] !== l ? (d = c && /* @__PURE__ */ Q(o.Label, { children: [c, /* @__PURE__ */ Z(o.RequiredIndicator, { fallback: l })] }), r[7] = c, r[8] = l, r[9] = d) : d = r[9];
+	r[7] !== c || r[8] !== l ? (d = c && /* @__PURE__ */ Z(o.Label, { children: [c, /* @__PURE__ */ X(o.RequiredIndicator, { fallback: l })] }), r[7] = c, r[8] = l, r[9] = d) : d = r[9];
 	let f;
-	r[10] === s ? f = r[11] : (f = s && /* @__PURE__ */ Z(o.HelperText, { children: s }), r[10] = s, r[11] = f);
+	r[10] === s ? f = r[11] : (f = s && /* @__PURE__ */ X(o.HelperText, { children: s }), r[10] = s, r[11] = f);
 	let p;
-	r[12] === a ? p = r[13] : (p = a && /* @__PURE__ */ Z(o.ErrorText, { children: a }), r[12] = a, r[13] = p);
+	r[12] === a ? p = r[13] : (p = a && /* @__PURE__ */ X(o.ErrorText, { children: a }), r[12] = a, r[13] = p);
 	let m;
-	return r[14] !== i || r[15] !== n || r[16] !== u || r[17] !== d || r[18] !== f || r[19] !== p ? (m = /* @__PURE__ */ Q(o.Root, {
+	return r[14] !== i || r[15] !== n || r[16] !== u || r[17] !== d || r[18] !== f || r[19] !== p ? (m = /* @__PURE__ */ Z(o.Root, {
 		ref: n,
 		...u,
 		children: [
@@ -2767,21 +2765,21 @@ var Pi = M.forwardRef(function(t, n) {
 			p
 		]
 	}), r[14] = i, r[15] = n, r[16] = u, r[17] = d, r[18] = f, r[19] = p, r[20] = m) : m = r[20], m;
-}), Fi = F(() => {
+}), Ii = F(() => {
 	let t = e(39), r;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = ["refitMenuOpen", "onRefitMenuOpenChange"], t[0] = r) : r = t[0];
-	let { refitMenuOpen: i, onRefitMenuOpenChange: a } = vt(r), o = $(), c;
+	let { refitMenuOpen: i, onRefitMenuOpenChange: a } = Q(r), o = $(), c;
 	t[1] === o ? c = t[2] : (c = Et(o) ? o : void 0, t[1] = o, t[2] = c);
 	let l = c, u;
 	t[3] === l?.refit.settings$ ? u = t[4] : (u = () => l?.refit.settings$, t[3] = l?.refit.settings$, t[4] = u);
 	let d;
 	t[5] === l ? d = t[6] : (d = [l], t[5] = l, t[6] = d);
-	let { data: f } = Y(u, d), p;
+	let { data: f } = K(u, d), p;
 	t[7] === a ? p = t[8] : (p = (e) => a(e.open), t[7] = a, t[8] = p);
 	let m;
-	t[9] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ Z(Gt, { children: /* @__PURE__ */ Z(qt, { children: "Viewport fit" }) }), t[9] = m) : m = t[9];
+	t[9] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ X(Gt, { children: /* @__PURE__ */ X(qt, { children: "Viewport fit" }) }), t[9] = m) : m = t[9];
 	let h;
-	t[10] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ Z(s.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }), t[10] = h) : h = t[10];
+	t[10] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ X(s.HelperText, { children: "Adjust the viewport for a more comfortable reading experience." }), t[10] = h) : h = t[10];
 	let g;
 	t[11] === l?.refit ? g = t[12] : (g = (e) => {
 		let t = e.value;
@@ -2791,37 +2789,37 @@ var Pi = M.forwardRef(function(t, n) {
 		});
 	}, t[11] = l?.refit, t[12] = g);
 	let _ = f?.viewportFit ?? "fit", v;
-	t[13] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ Z(ir, {
+	t[13] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ X(dr, {
 		value: "desktop",
 		children: "Desktop"
 	}), t[13] = v) : v = t[13];
 	let y;
-	t[14] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ Z(ir, {
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ X(dr, {
 		value: "tablet",
 		children: "Tablet"
 	}), t[14] = y) : y = t[14];
 	let b;
-	t[15] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ Z(ir, {
+	t[15] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ X(dr, {
 		value: "fit",
 		children: "Full width (default)"
 	}), t[15] = b) : b = t[15];
 	let x;
-	t[16] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ Q(C, {
+	t[16] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ Z(C, {
 		gap: 2,
 		children: [
 			v,
 			y,
 			b,
-			/* @__PURE__ */ Z(ir, {
+			/* @__PURE__ */ X(dr, {
 				value: "custom",
 				children: "Custom"
 			})
 		]
 	}), t[16] = x) : x = t[16];
 	let S;
-	t[17] !== g || t[18] !== _ ? (S = /* @__PURE__ */ Z(Pi, {
+	t[17] !== g || t[18] !== _ ? (S = /* @__PURE__ */ X(Fi, {
 		label: "Profile",
-		children: /* @__PURE__ */ Z(ar, {
+		children: /* @__PURE__ */ X(fr, {
 			defaultValue: "fit",
 			onValueChange: g,
 			value: _,
@@ -2836,7 +2834,7 @@ var Pi = M.forwardRef(function(t, n) {
 		l?.refit.update({ customWidth: t });
 	}, t[22] = l?.refit, t[23] = D);
 	let O;
-	t[24] !== w || t[25] !== E || t[26] !== D ? (O = /* @__PURE__ */ Z(or, {
+	t[24] !== w || t[25] !== E || t[26] !== D ? (O = /* @__PURE__ */ X(ir, {
 		label: "Maximum width (%)",
 		showValue: !0,
 		max: 100,
@@ -2847,31 +2845,31 @@ var Pi = M.forwardRef(function(t, n) {
 		onValueChange: D
 	}), t[24] = w, t[25] = E, t[26] = D, t[27] = O) : O = t[27];
 	let k;
-	t[28] !== S || t[29] !== O ? (k = /* @__PURE__ */ Z(Kt, { children: /* @__PURE__ */ Q(s.Root, { children: [h, /* @__PURE__ */ Q(s.Content, { children: [S, O] })] }) }), t[28] = S, t[29] = O, t[30] = k) : k = t[30];
+	t[28] !== S || t[29] !== O ? (k = /* @__PURE__ */ X(Kt, { children: /* @__PURE__ */ Z(s.Root, { children: [h, /* @__PURE__ */ Z(s.Content, { children: [S, O] })] }) }), t[28] = S, t[29] = O, t[30] = k) : k = t[30];
 	let A, j;
-	t[31] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ Z(Wt, { children: /* @__PURE__ */ Z(Jt, {
+	t[31] === Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ X(Wt, { children: /* @__PURE__ */ X(Jt, {
 		asChild: !0,
-		children: /* @__PURE__ */ Z(n, {
+		children: /* @__PURE__ */ X(n, {
 			variant: "outline",
 			children: "Close"
 		})
-	}) }), j = /* @__PURE__ */ Z(Ht, {}), t[31] = A, t[32] = j) : (A = t[31], j = t[32]);
+	}) }), j = /* @__PURE__ */ X(Ht, {}), t[31] = A, t[32] = j) : (A = t[31], j = t[32]);
 	let M;
-	t[33] === k ? M = t[34] : (M = /* @__PURE__ */ Q(Vt, { children: [
+	t[33] === k ? M = t[34] : (M = /* @__PURE__ */ Z(Vt, { children: [
 		m,
 		k,
 		A,
 		j
 	] }), t[33] = k, t[34] = M);
 	let N;
-	return t[35] !== i || t[36] !== M || t[37] !== p ? (N = /* @__PURE__ */ Z(Ut, {
+	return t[35] !== i || t[36] !== M || t[37] !== p ? (N = /* @__PURE__ */ X(Ut, {
 		lazyMount: !0,
 		open: i,
 		onOpenChange: p,
 		placement: "center",
 		children: M
 	}), t[35] = i, t[36] = M, t[37] = p, t[38] = N) : N = t[38], N;
-}), Ii = F((t) => {
+}), Li = F((t) => {
 	let n = e(26), { contextText: r, startOffset: i, text: a, cfi: o, onClick: s, absolutePageIndex: c } = t, l = r === void 0 ? "" : r, u = i === void 0 ? 0 : i, d = o === void 0 ? "#" : o, f;
 	n[0] !== l || n[1] !== u ? (f = l.substring(Math.max(u - 15, 0), Math.max(u, 0)), n[0] = l, n[1] = u, n[2] = f) : f = n[2];
 	let p = f, h;
@@ -2888,9 +2886,9 @@ var Pi = M.forwardRef(function(t, n) {
 	let y;
 	n[11] === Symbol.for("react.memo_cache_sentinel") ? (y = { display: "block" }, n[11] = y) : y = n[11];
 	let b;
-	n[12] === a ? b = n[13] : (b = /* @__PURE__ */ Z("b", { children: a }), n[12] = a, n[13] = b);
+	n[12] === a ? b = n[13] : (b = /* @__PURE__ */ X("b", { children: a }), n[12] = a, n[13] = b);
 	let x;
-	n[14] !== g || n[15] !== p || n[16] !== b ? (x = /* @__PURE__ */ Q(T, {
+	n[14] !== g || n[15] !== p || n[16] !== b ? (x = /* @__PURE__ */ Z(T, {
 		lineClamp: 1,
 		as: "cite",
 		style: y,
@@ -2905,14 +2903,14 @@ var Pi = M.forwardRef(function(t, n) {
 	let S;
 	n[18] === Symbol.for("react.memo_cache_sentinel") ? (S = { textDecoration: "none" }, n[18] = S) : S = n[18];
 	let C = `Book page: ${c === void 0 ? "unknown (not loaded)" : c + 1}`, w;
-	n[19] === C ? w = n[20] : (w = /* @__PURE__ */ Z(T, {
+	n[19] === C ? w = n[20] : (w = /* @__PURE__ */ X(T, {
 		fontSize: "sm",
 		color: "gray.500",
 		style: S,
 		children: C
 	}), n[19] = C, n[20] = w);
 	let E;
-	return n[21] !== d || n[22] !== x || n[23] !== w || n[24] !== v ? (E = /* @__PURE__ */ Q(m, {
+	return n[21] !== d || n[22] !== x || n[23] !== w || n[24] !== v ? (E = /* @__PURE__ */ Z(m, {
 		href: d,
 		style: _,
 		onClick: v,
@@ -2922,15 +2920,15 @@ var Pi = M.forwardRef(function(t, n) {
 		gap: 0,
 		children: [x, w]
 	}), n[21] = d, n[22] = x, n[23] = w, n[24] = v, n[25] = E) : E = n[25], E;
-}), Li = 500, Ri = () => {
-	let t = e(13), n = pe(zi), { data: r } = Y(n), i = $(), a;
+}), Ri = 500, zi = () => {
+	let t = e(13), n = ge(Bi), { data: r } = K(n), i = $(), a;
 	t[0] === i ? a = t[1] : (a = St(i) ? i : void 0, t[0] = i, t[1] = a);
 	let o = a, s, c;
-	t[2] !== o || t[3] !== n ? (s = () => n.pipe(De(), Le((e) => e === "" || !o ? Ne(void 0) : je(Ne({
+	t[2] !== o || t[3] !== n ? (s = () => n.pipe(J(), Re((e) => e === "" || !o ? Pe(void 0) : Me(Pe({
 		type: "start",
 		data: void 0
-	}), Be(Li).pipe(Le(() => o.search.search(e)), X(Bi))))), c = [o, n], t[2] = o, t[3] = n, t[4] = s, t[5] = c) : (s = t[4], c = t[5]);
-	let { data: l } = Y(s, c), u;
+	}), Ve(Ri).pipe(Re(() => o.search.search(e)), Y(Vi))))), c = [o, n], t[2] = o, t[3] = n, t[4] = s, t[5] = c) : (s = t[4], c = t[5]);
+	let { data: l } = K(s, c), u;
 	t[6] === n ? u = t[7] : (u = n.next.bind(n), t[6] = n, t[7] = u);
 	let d = l?.type ?? "idle", f = l?.data, p;
 	return t[8] !== r || t[9] !== u || t[10] !== d || t[11] !== f ? (p = {
@@ -2940,10 +2938,10 @@ var Pi = M.forwardRef(function(t, n) {
 		data: f
 	}, t[8] = r, t[9] = u, t[10] = d, t[11] = f, t[12] = p) : p = t[12], p;
 };
-function zi() {
-	return new ye("");
+function Bi() {
+	return new xe("");
 }
-function Bi(e) {
+function Vi(e) {
 	return {
 		type: "end",
 		data: e
@@ -2951,8 +2949,8 @@ function Bi(e) {
 }
 //#endregion
 //#region src/search/SearchDialogContent.tsx
-var Vi = F((t) => {
-	let n = e(31), { onNavigate: r } = t, i = $(), { value: a, setValue: o, status: s, data: c } = Ri(), l;
+var Hi = F((t) => {
+	let n = e(31), { onNavigate: r } = t, i = $(), { value: a, setValue: o, status: s, data: c } = zi(), l;
 	n[0] === o ? l = n[1] : (l = (e) => {
 		o(e.target.value);
 	}, n[0] = o, n[1] = l);
@@ -2964,8 +2962,8 @@ var Vi = F((t) => {
 	n[5] !== c || n[6] !== i ? (m = () => i?.locateResource(c?.slice(0, 100) ?? []), n[5] = c, n[6] = i, n[7] = m) : m = n[7];
 	let h;
 	n[8] === c ? h = n[9] : (h = [c], n[8] = c, n[9] = h);
-	let { data: g } = Y(m, h), _;
-	n[10] !== u || n[11] !== a ? (_ = /* @__PURE__ */ Z(f, {
+	let { data: g } = K(m, h), _;
+	n[10] !== u || n[11] !== a ? (_ = /* @__PURE__ */ X(f, {
 		placeholder: "Type something...",
 		value: a,
 		onChange: u,
@@ -2983,16 +2981,16 @@ var Vi = F((t) => {
 		overflowY: "auto"
 	}, n[13] = v) : v = n[13];
 	let y;
-	n[14] === s ? y = n[15] : (y = s === "start" && /* @__PURE__ */ Z(T, { children: "Searching ..." }), n[14] = s, n[15] = y);
+	n[14] === s ? y = n[15] : (y = s === "start" && /* @__PURE__ */ X(T, { children: "Searching ..." }), n[14] = s, n[15] = y);
 	let b;
-	n[16] === c?.length ? b = n[17] : (b = c?.length === 0 && /* @__PURE__ */ Z(T, { children: "No results" }), n[16] = c?.length, n[17] = b);
+	n[16] === c?.length ? b = n[17] : (b = c?.length === 0 && /* @__PURE__ */ X(T, { children: "No results" }), n[16] = c?.length, n[17] = b);
 	let x;
-	n[18] !== g || n[19] !== c?.length || n[20] !== p || n[21] !== a || n[22] !== s ? (x = s === "end" && (c?.length ?? 0) > 0 && /* @__PURE__ */ Q(C, { children: [/* @__PURE__ */ Q(T, {
+	n[18] !== g || n[19] !== c?.length || n[20] !== p || n[21] !== a || n[22] !== s ? (x = s === "end" && (c?.length ?? 0) > 0 && /* @__PURE__ */ Z(C, { children: [/* @__PURE__ */ Z(T, {
 		fontSize: "md",
 		children: [c?.length, " result(s)"]
-	}), /* @__PURE__ */ Z(C, {
+	}), /* @__PURE__ */ X(C, {
 		gap: 0,
-		children: g?.map((e, t) => /* @__PURE__ */ Z(Ii, {
+		children: g?.map((e, t) => /* @__PURE__ */ X(Li, {
 			contextText: e.meta?.range?.startContainer.parentElement?.textContent ?? "",
 			pageIndex: e.meta?.itemPageIndex,
 			startOffset: e.meta?.range?.startOffset ?? 0,
@@ -3003,7 +3001,7 @@ var Vi = F((t) => {
 		}, t))
 	})] }), n[18] = g, n[19] = c?.length, n[20] = p, n[21] = a, n[22] = s, n[23] = x) : x = n[23];
 	let S;
-	n[24] !== y || n[25] !== b || n[26] !== x ? (S = /* @__PURE__ */ Q(C, {
+	n[24] !== y || n[25] !== b || n[26] !== x ? (S = /* @__PURE__ */ Z(C, {
 		style: v,
 		overflow: "auto",
 		px: 4,
@@ -3015,22 +3013,22 @@ var Vi = F((t) => {
 		]
 	}), n[24] = y, n[25] = b, n[26] = x, n[27] = S) : S = n[27];
 	let w;
-	return n[28] !== S || n[29] !== _ ? (w = /* @__PURE__ */ Q(C, {
+	return n[28] !== S || n[29] !== _ ? (w = /* @__PURE__ */ Z(C, {
 		flex: 1,
 		height: "100%",
 		gap: 2,
 		children: [_, S]
 	}), n[28] = S, n[29] = _, n[30] = w) : w = n[30], w;
-}), Hi = F((t) => {
+}), Ui = F((t) => {
 	let n = e(8), { open: r, setOpen: i, onNavigate: a } = t, o, s;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (o = { height: "100%" }, s = {
 		flex: 1,
 		p: 0
 	}, n[0] = o, n[1] = s) : (o = n[0], s = n[1]);
 	let c;
-	n[2] === a ? c = n[3] : (c = /* @__PURE__ */ Z(Vi, { onNavigate: a }), n[2] = a, n[3] = c);
+	n[2] === a ? c = n[3] : (c = /* @__PURE__ */ X(Hi, { onNavigate: a }), n[2] = a, n[3] = c);
 	let l;
-	return n[4] !== r || n[5] !== i || n[6] !== c ? (l = /* @__PURE__ */ Z(Yt, {
+	return n[4] !== r || n[5] !== i || n[6] !== c ? (l = /* @__PURE__ */ X(Yt, {
 		open: r,
 		onOpenChange: i,
 		title: "Search",
@@ -3038,41 +3036,118 @@ var Vi = F((t) => {
 		bodyProps: s,
 		children: c
 	}), n[4] = r, n[5] = i, n[6] = c, n[7] = l) : l = n[7], l;
-}), Ui = F((t) => {
-	let n = e(5), { onNavigate: r } = t, i = $(), { data: a } = Y(() => i?.context, [i]) ?? {}, { manifest: o } = a === void 0 ? {} : a, { nav: s } = o ?? {}, c = Fr();
+}), Wi = 200, Gi = (t) => {
+	let n = e(11), { appValue: r, uncontrolledValue: i, readReaderValue: a, toReaderSettings: o, onReaderValueChange: s } = t, c = $(), l = r ?? i, u = _e(l), d = _e(r !== void 0), f = _e(a), p = _e(o), m = _e(s), h, g;
+	n[0] !== l || n[1] !== c || n[2] !== p ? (h = function() {
+		if (!c) return;
+		let e = setTimeout(function() {
+			c.settings.update(p.current(l));
+		}, Wi);
+		return function() {
+			clearTimeout(e);
+		};
+	}, g = [
+		c,
+		l,
+		p
+	], n[0] = l, n[1] = c, n[2] = p, n[3] = h, n[4] = g) : (h = n[3], g = n[4]), R(h, g);
+	let _;
+	n[5] !== d || n[6] !== u || n[7] !== m || n[8] !== f || n[9] !== c?.settings.values$ ? (_ = function() {
+		return c?.settings.values$.pipe(Y((e) => f.current(e)), J(), ke(function(e, t) {
+			let n = t === 0 && d.current;
+			return e !== u.current && !n;
+		})).subscribe(function(e) {
+			m.current(e);
+		});
+	}, n[5] = d, n[6] = u, n[7] = m, n[8] = f, n[9] = c?.settings.values$, n[10] = _) : _ = n[10], q(_);
+}, Ki = () => {
+	let t = e(13), n = yt(), r;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = [
+		"fontSize",
+		"uncontrolledFontSize",
+		"spreadMode",
+		"uncontrolledSpreadMode"
+	], t[0] = r) : r = t[0];
+	let { fontSize: i, uncontrolledFontSize: a, spreadMode: o, uncontrolledSpreadMode: s } = Q(r), c;
+	t[1] === n ? c = t[2] : (c = function(e) {
+		n.value.onFontSizeChange?.("internal", e), n.update((t) => ({
+			...t,
+			uncontrolledFontSize: e
+		}));
+	}, t[1] = n, t[2] = c);
+	let l;
+	t[3] !== i || t[4] !== c || t[5] !== a ? (l = {
+		appValue: i,
+		uncontrolledValue: a,
+		readReaderValue: qi,
+		toReaderSettings: Ji,
+		onReaderValueChange: c
+	}, t[3] = i, t[4] = c, t[5] = a, t[6] = l) : l = t[6], Gi(l);
+	let u;
+	t[7] === n ? u = t[8] : (u = function(e) {
+		n.value.onSpreadModeChange?.("internal", e), n.update((t) => ({
+			...t,
+			uncontrolledSpreadMode: e
+		}));
+	}, t[7] = n, t[8] = u);
+	let d;
+	t[9] !== o || t[10] !== u || t[11] !== s ? (d = {
+		appValue: o,
+		uncontrolledValue: s,
+		readReaderValue: Yi,
+		toReaderSettings: Xi,
+		onReaderValueChange: u
+	}, t[9] = o, t[10] = u, t[11] = s, t[12] = d) : d = t[12], Gi(d);
+};
+function qi(e) {
+	return e.fontScale;
+}
+function Ji(e) {
+	return { fontScale: e };
+}
+function Yi(e) {
+	return e.spreadMode;
+}
+function Xi(e) {
+	return { spreadMode: e };
+}
+//#endregion
+//#region src/toc/TableOfContentsDialogContent.tsx
+var Zi = F((t) => {
+	let n = e(5), { onNavigate: r } = t, i = $(), { data: a } = K(() => i?.context, [i]) ?? {}, { manifest: o } = a === void 0 ? {} : a, { nav: s } = o ?? {}, c = Ir();
 	s?.toc;
 	let l = c?.begin.absolutePageIndex, u;
 	if (n[0] !== c?.begin.chapterInfo) {
 		for (u = c?.begin.chapterInfo; u?.subChapter;) u = u?.subChapter;
 		n[0] = c?.begin.chapterInfo, n[1] = u;
 	} else u = n[1];
-	let d = (e, t, n) => /* @__PURE__ */ Q(N.Fragment, { children: [/* @__PURE__ */ Z(h.Item, {
+	let d = (e, t, n) => /* @__PURE__ */ Z(N.Fragment, { children: [/* @__PURE__ */ X(h.Item, {
 		pl: 4 * (n + 1),
 		style: {
 			display: "flex",
 			alignItems: "center"
 		},
-		children: /* @__PURE__ */ Q(m, {
+		children: /* @__PURE__ */ Z(m, {
 			onClick: () => {
 				r(), i?.navigation.goToUrl(e.href);
 			},
 			href: "#",
 			children: [
-				u?.path === e.path && /* @__PURE__ */ Z(h.Indicator, {
+				u?.path === e.path && /* @__PURE__ */ X(h.Indicator, {
 					asChild: !0,
-					children: /* @__PURE__ */ Z(J, {})
+					children: /* @__PURE__ */ X(G, {})
 				}),
-				u?.path !== e.path && /* @__PURE__ */ Z(h.Indicator, {
+				u?.path !== e.path && /* @__PURE__ */ X(h.Indicator, {
 					asChild: !0,
 					visibility: "hidden",
-					children: /* @__PURE__ */ Z(J, {})
+					children: /* @__PURE__ */ X(G, {})
 				}),
-				/* @__PURE__ */ Q(C, {
+				/* @__PURE__ */ Z(C, {
 					gap: 0,
-					children: [/* @__PURE__ */ Z(T, {
+					children: [/* @__PURE__ */ X(T, {
 						fontSize: "md",
 						children: e.title || e.path
-					}), u?.path === e.path && l !== void 0 && /* @__PURE__ */ Z(T, {
+					}), u?.path === e.path && l !== void 0 && /* @__PURE__ */ X(T, {
 						fontStyle: "italic",
 						fontWeight: "bold",
 						fontSize: "sm",
@@ -3081,63 +3156,63 @@ var Vi = F((t) => {
 				})
 			]
 		})
-	}), e.contents.length > 0 && /* @__PURE__ */ Z(h.Root, {
+	}), e.contents.length > 0 && /* @__PURE__ */ X(h.Root, {
 		as: "div",
 		gap: 2,
 		children: e.contents.map((e, t) => d(e, t, n + 1))
 	})] }, t), f = h, p = s?.toc.map((e, t) => d(e, t, 0)), g;
-	return n[2] !== f.Root || n[3] !== p ? (g = /* @__PURE__ */ Z(f.Root, {
+	return n[2] !== f.Root || n[3] !== p ? (g = /* @__PURE__ */ X(f.Root, {
 		gap: 3,
 		overflowY: "auto",
 		py: 4,
 		flex: 1,
 		children: p
 	}), n[2] = f.Root, n[3] = p, n[4] = g) : g = n[4], g;
-}), Wi = F((t) => {
+}), Qi = F((t) => {
 	let n = e(7), { open: r, setOpen: i, onNavigate: a } = t, o;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (o = {
 		overflowY: "auto",
 		flex: 1
 	}, n[0] = o) : o = n[0];
 	let s;
-	n[1] === a ? s = n[2] : (s = /* @__PURE__ */ Z(Ui, { onNavigate: a }), n[1] = a, n[2] = s);
+	n[1] === a ? s = n[2] : (s = /* @__PURE__ */ X(Zi, { onNavigate: a }), n[1] = a, n[2] = s);
 	let c;
-	return n[3] !== r || n[4] !== i || n[5] !== s ? (c = /* @__PURE__ */ Z(Yt, {
+	return n[3] !== r || n[4] !== i || n[5] !== s ? (c = /* @__PURE__ */ X(Yt, {
 		open: r,
 		onOpenChange: i,
 		title: "Table of Contents",
 		bodyProps: o,
 		children: s
 	}), n[3] = r, n[4] = i, n[5] = s, n[6] = c) : c = n[6], c;
-}), Gi = () => {
+}), $i = () => {
 	let t = e(7), n = $(), r;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = ["zoomMaxScale"], t[0] = r) : r = t[0];
-	let { zoomMaxScale: i } = vt(r), a;
+	let { zoomMaxScale: i } = Q(r), a;
 	t[1] !== n?.gestures.settings || t[2] !== i ? (a = function() {
 		n?.gestures.settings.update({ zoomMaxScale: i ?? 5 });
 	}, t[1] = n?.gestures.settings, t[2] = i, t[3] = a) : a = t[3];
 	let o;
 	t[4] !== n || t[5] !== i ? (o = [n, i], t[4] = n, t[5] = i, t[6] = o) : o = t[6], R(a, o);
-}, Ki = .5, qi = 1, Ji = (e, t, n, r) => {
+}, ea = .5, ta = 1, na = (e, t, n, r) => {
 	if (e > t && e < t + r) return t + r;
 	let i = Math.round((Math.min(Math.max(e, t), n) - t) / r) * r + t;
 	return Math.round(i * 100) / 100;
-}, Yi = F(() => {
+}, ra = F(() => {
 	let t = e(23), n;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = ["zoomMaxScale"], t[0] = n) : n = t[0];
-	let { zoomMaxScale: r } = vt(n), i = r === void 0 ? 5 : r, a = $(), o;
-	t[1] === a?.zoom.state$ ? o = t[2] : (o = () => a?.zoom.state$.pipe(X(Xi), ze(100, we, {
+	let { zoomMaxScale: r } = Q(n), i = r === void 0 ? 5 : r, a = $(), o;
+	t[1] === a?.zoom.state$ ? o = t[2] : (o = () => a?.zoom.state$.pipe(Y(ia), Be(100, Ee, {
 		leading: !0,
 		trailing: !0
 	})), t[1] = a?.zoom.state$, t[2] = o);
 	let s;
 	t[3] === a ? s = t[4] : (s = [a], t[3] = a, t[4] = s);
-	let { data: c } = Y(o, s), l = c === void 0 ? 1 : c, u;
-	t[5] === a?.zoom.state$ ? u = t[6] : (u = () => a?.zoom.state$.pipe(X(Zi)), t[5] = a?.zoom.state$, t[6] = u);
+	let { data: c } = K(o, s), l = c === void 0 ? 1 : c, u;
+	t[5] === a?.zoom.state$ ? u = t[6] : (u = () => a?.zoom.state$.pipe(Y(aa)), t[5] = a?.zoom.state$, t[6] = u);
 	let d;
 	t[7] === a ? d = t[8] : (d = [a], t[7] = a, t[8] = d);
-	let { data: f } = Y(u, d), p = f !== void 0 && f, m;
-	t[9] !== i || t[10] !== l ? (m = Ji(l, qi, i, Ki), t[9] = i, t[10] = l, t[11] = m) : m = t[11];
+	let { data: f } = K(u, d), p = f !== void 0 && f, m;
+	t[9] !== i || t[10] !== l ? (m = na(l, ta, i, ea), t[9] = i, t[10] = l, t[11] = m) : m = t[11];
 	let h = m, g = p && l > 1, _;
 	t[12] === h ? _ = t[13] : (_ = [h], t[12] = h, t[13] = _);
 	let v;
@@ -3146,42 +3221,42 @@ var Vi = F((t) => {
 		t === 1 ? a?.zoom.exit() : a?.zoom.scaleAt(t, { constrain: "within-viewport" });
 	}, t[14] = a?.zoom, t[15] = v);
 	let y;
-	t[16] !== _ || t[17] !== v || t[18] !== i ? (y = /* @__PURE__ */ Z(or, {
+	t[16] !== _ || t[17] !== v || t[18] !== i ? (y = /* @__PURE__ */ X(ir, {
 		value: _,
-		min: qi,
+		min: ta,
 		max: i,
-		step: Ki,
+		step: ea,
 		minWidth: 200,
 		onValueChange: v
 	}), t[16] = _, t[17] = v, t[18] = i, t[19] = y) : y = t[19];
 	let b;
-	return t[20] !== y || t[21] !== g ? (b = /* @__PURE__ */ Z(xt, {
+	return t[20] !== y || t[21] !== g ? (b = /* @__PURE__ */ X(xt, {
 		present: g,
 		children: y
 	}), t[20] = y, t[21] = g, t[22] = b) : b = t[22], b;
 });
-function Xi(e) {
+function ia(e) {
 	return e.currentScale;
 }
-function Zi(e) {
+function aa(e) {
 	return e.isZooming;
 }
 //#endregion
 //#region src/ReactReader.tsx
-var Qi = {
+var oa = {
 	_open: "fade-in",
 	_closed: "fade-out"
-}, $i = F(() => (gn(), null)), ea = F(() => {
+}, sa = F(() => (gn(), null)), ca = F(() => {
 	let t = e(1);
-	Gi(), ti(), ri(), ji(), _n(), vn();
+	$i(), ni(), ii(), Mi(), _n(), vn(), Ki();
 	let n;
-	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ Q(Ye, { children: [/* @__PURE__ */ Z(yr, {}), /* @__PURE__ */ Z($i, {})] }), t[0] = n) : n = t[0], n;
-}), ta = F((n) => {
+	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ X(sa, {}), t[0] = n) : n = t[0], n;
+}), la = F((n) => {
 	let r = e(50), i, a;
 	r[0] === n ? (i = r[1], a = r[2]) : ({children: i, ...a} = n, r[0] = n, r[1] = i, r[2] = a);
 	let o;
 	r[3] === Symbol.for("react.memo_cache_sentinel") ? (o = ["enableFloatingTime", "onItemClick"], r[3] = o) : o = r[3];
-	let { enableFloatingTime: s, onItemClick: c } = vt(o), [l, u] = V(!1), [d, f] = V(!1), [p, m] = V(!1), [h, g] = V(void 0), [_, y] = V(!1), [b, x] = V(!1), [S, C] = ki(), w;
+	let { enableFloatingTime: s, onItemClick: c } = Q(o), [l, u] = B(!1), [d, f] = B(!1), [p, m] = B(!1), [h, g] = B(void 0), [_, y] = B(!1), [b, x] = B(!1), [S, C] = Ai(), w;
 	r[4] === C ? w = r[5] : (w = () => {
 		u(!1), f(!1), m(!1), g(void 0), C(!1), y(!1);
 	}, r[4] = C, r[5] = w);
@@ -3190,63 +3265,63 @@ var Qi = {
 		e === "annotations" ? g("annotations") : e === "search" ? m(!0) : e === "help" ? f(!0) : e === "toc" ? u(!0) : e === "bookmarks" ? g("bookmarks") : e === "gallery" ? y(!0) : e === "layout" && x(!0), c?.(e);
 	}, r[6] = c, r[7] = E);
 	let D = E, O;
-	r[8] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ Z(ea, {}), r[8] = O) : O = r[8];
+	r[8] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ X(ca, {}), r[8] = O) : O = r[8];
 	let k, A, j;
-	r[9] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ Z(Xn, { children: /* @__PURE__ */ Z(dn, {}) }), A = /* @__PURE__ */ Z(zr, {}), j = /* @__PURE__ */ Z(ei, {}), r[9] = k, r[10] = A, r[11] = j) : (k = r[9], A = r[10], j = r[11]);
+	r[9] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ X(Xn, { children: /* @__PURE__ */ X(dn, {}) }), A = /* @__PURE__ */ X(Br, {}), j = /* @__PURE__ */ X(ti, {}), r[9] = k, r[10] = A, r[11] = j) : (k = r[9], A = r[10], j = r[11]);
 	let M;
-	r[12] === _ ? M = r[13] : (M = /* @__PURE__ */ Z(Dr, {
+	r[12] === _ ? M = r[13] : (M = /* @__PURE__ */ X(Or, {
 		open: _,
 		setOpen: y
 	}), r[12] = _, r[13] = M);
 	let N;
-	r[14] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ Z(Fi, {}), r[14] = N) : N = r[14];
+	r[14] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ X(Ii, {}), r[14] = N) : N = r[14];
 	let P;
-	r[15] === b ? P = r[16] : (P = /* @__PURE__ */ Z(Pr, {
+	r[15] === b ? P = r[16] : (P = /* @__PURE__ */ X(Fr, {
 		open: b,
 		setOpen: x
 	}), r[15] = b, r[16] = P);
 	let F;
-	r[17] === D ? F = r[18] : (F = /* @__PURE__ */ Z(Ai, { onItemClick: D }), r[17] = D, r[18] = F);
-	let I, L, R, z;
-	r[19] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ Z(Yi, {}), L = /* @__PURE__ */ Z(kt, {}), R = /* @__PURE__ */ Z(zt, {}), z = /* @__PURE__ */ Z(_r, {}), r[19] = I, r[20] = L, r[21] = R, r[22] = z) : (I = r[19], L = r[20], R = r[21], z = r[22]);
-	let B;
-	r[23] === d ? B = r[24] : (B = /* @__PURE__ */ Z(Ar, {
+	r[17] === D ? F = r[18] : (F = /* @__PURE__ */ X(ji, { onItemClick: D }), r[17] = D, r[18] = F);
+	let I, L, R, ee;
+	r[19] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ X(ra, {}), L = /* @__PURE__ */ X(kt, {}), R = /* @__PURE__ */ X(zt, {}), ee = /* @__PURE__ */ X(xr, {}), r[19] = I, r[20] = L, r[21] = R, r[22] = ee) : (I = r[19], L = r[20], R = r[21], ee = r[22]);
+	let z;
+	r[23] === d ? z = r[24] : (z = /* @__PURE__ */ X(jr, {
 		open: d,
 		setOpen: f
-	}), r[23] = d, r[24] = B);
-	let H;
-	r[25] !== l || r[26] !== T ? (H = /* @__PURE__ */ Z(Wi, {
+	}), r[23] = d, r[24] = z);
+	let V;
+	r[25] !== l || r[26] !== T ? (V = /* @__PURE__ */ X(Qi, {
 		open: l,
 		setOpen: u,
 		onNavigate: T
-	}), r[25] = l, r[26] = T, r[27] = H) : H = r[27];
-	let U;
-	r[28] !== p || r[29] !== T ? (U = /* @__PURE__ */ Z(Hi, {
+	}), r[25] = l, r[26] = T, r[27] = V) : V = r[27];
+	let H;
+	r[28] !== p || r[29] !== T ? (H = /* @__PURE__ */ X(Ui, {
 		open: p,
 		setOpen: m,
 		onNavigate: T
-	}), r[28] = p, r[29] = T, r[30] = U) : U = r[30];
-	let W;
-	r[31] === Symbol.for("react.memo_cache_sentinel") ? (W = (e) => g(e ? "annotations" : void 0), r[31] = W) : W = r[31];
-	let G;
-	r[32] !== h || r[33] !== T ? (G = /* @__PURE__ */ Z(sn, {
+	}), r[28] = p, r[29] = T, r[30] = H) : H = r[30];
+	let te;
+	r[31] === Symbol.for("react.memo_cache_sentinel") ? (te = (e) => g(e ? "annotations" : void 0), r[31] = te) : te = r[31];
+	let U;
+	r[32] !== h || r[33] !== T ? (U = /* @__PURE__ */ X(sn, {
 		openWith: h,
-		setOpen: W,
+		setOpen: te,
 		onNavigate: T
-	}), r[32] = h, r[33] = T, r[34] = G) : G = r[34];
-	let K = s || S, q;
-	r[35] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ Z(Hr, {}), r[35] = q) : q = r[35];
-	let J;
-	r[36] === K ? J = r[37] : (J = /* @__PURE__ */ Z(v, {
-		present: K,
-		animationName: Qi,
+	}), r[32] = h, r[33] = T, r[34] = U) : U = r[34];
+	let W = s || S, ne;
+	r[35] === Symbol.for("react.memo_cache_sentinel") ? (ne = /* @__PURE__ */ X(Ur, {}), r[35] = ne) : ne = r[35];
+	let G;
+	r[36] === W ? G = r[37] : (G = /* @__PURE__ */ X(v, {
+		present: W,
+		animationName: oa,
 		animationDuration: "slow",
-		children: q
-	}), r[36] = K, r[37] = J);
-	let ee;
-	r[38] === Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ Z($n, {}), r[38] = ee) : ee = r[38];
-	let te;
-	return r[39] !== i || r[40] !== a || r[41] !== P || r[42] !== F || r[43] !== B || r[44] !== H || r[45] !== U || r[46] !== G || r[47] !== J || r[48] !== M ? (te = /* @__PURE__ */ Q(Ye, { children: [O, /* @__PURE__ */ Q(t, {
+		children: ne
+	}), r[36] = W, r[37] = G);
+	let re;
+	r[38] === Symbol.for("react.memo_cache_sentinel") ? (re = /* @__PURE__ */ X($n, {}), r[38] = re) : re = r[38];
+	let ie;
+	return r[39] !== i || r[40] !== a || r[41] !== P || r[42] !== F || r[43] !== z || r[44] !== V || r[45] !== H || r[46] !== U || r[47] !== G || r[48] !== M ? (ie = /* @__PURE__ */ Z(Xe, { children: [O, /* @__PURE__ */ Z(t, {
 		position: "absolute",
 		top: 0,
 		left: 0,
@@ -3267,16 +3342,16 @@ var Qi = {
 			I,
 			L,
 			R,
+			ee,
 			z,
-			B,
+			V,
 			H,
 			U,
 			G,
-			J,
-			ee
+			re
 		]
-	})] }), r[39] = i, r[40] = a, r[41] = P, r[42] = F, r[43] = B, r[44] = H, r[45] = U, r[46] = G, r[47] = J, r[48] = M, r[49] = te) : te = r[49], te;
-}), na = F((t) => {
+	})] }), r[39] = i, r[40] = a, r[41] = P, r[42] = F, r[43] = z, r[44] = V, r[45] = H, r[46] = U, r[47] = G, r[48] = M, r[49] = ie) : ie = r[49], ie;
+}), ua = F((t) => {
 	let n = e(16), r, i, a;
 	n[0] === t ? (r = n[1], i = n[2], a = n[3]) : ({children: r, slots: a, ...i} = t, n[0] = t, n[1] = r, n[2] = i, n[3] = a);
 	let o;
@@ -3286,17 +3361,17 @@ var Qi = {
 	let { props: l } = c, u;
 	n[8] === l ? u = n[9] : (u = l === void 0 ? {} : l, n[8] = l, n[9] = u);
 	let d = u, f;
-	n[10] !== r || n[11] !== d ? (f = /* @__PURE__ */ Z(ta, {
+	n[10] !== r || n[11] !== d ? (f = /* @__PURE__ */ X(la, {
 		...d,
 		children: r
 	}), n[10] = r, n[11] = d, n[12] = f) : f = n[12];
 	let p;
-	return n[13] !== i || n[14] !== f ? (p = /* @__PURE__ */ Z(nr, {
+	return n[13] !== i || n[14] !== f ? (p = /* @__PURE__ */ X(nr, {
 		...i,
 		children: f
 	}), n[13] = i, n[14] = f, n[15] = p) : p = n[15], p;
 });
 //#endregion
-export { mt as BOOKMARK_AREA_DATA_ATTRIBUTE, ht as MAX_ZOOM_SCALE, na as ReactReader };
+export { ht as BOOKMARK_AREA_DATA_ATTRIBUTE, gt as MAX_ZOOM_SCALE, ua as ReactReader };
 
 //# sourceMappingURL=index.js.map