@prose-reader/react-reader 13.0.5 → 15.0.0

package/dist/index.js

@@ -3,10 +3,10 @@ import { Box as t, Button as n, Collapsible as r, Dialog as i, Drawer as a, Fiel
 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, LuGalleryHorizontal as te, LuNotebookPen as ne, LuPause as re, LuPlay as ie, LuSearch as ae, LuTableOfContents as oe, LuX as se, LuZoomIn as ce, LuZoomOut as le } from "react-icons/lu";
-import { isDefined as ue, signal as de, useConstant as fe, useLiveRef as pe, useMemoCompare as me, useObserve as Y, useSignalState as he, useSignalValue as ge, useSubscribe as _e } from "reactjrx";
-import { BehaviorSubject as ve, EMPTY as ye, NEVER as be, Observable as xe, Subject as Se, animationFrameScheduler as Ce, combineLatest as we, debounceTime as Te, distinctUntilChanged as Ee, filter as De, finalize as Oe, first as ke, map as X, merge as Ae, mergeMap as je, of as Me, shareReplay as Ne, skip as Pe, startWith as Fe, switchMap as Ie, tap as Le, throttleTime as Re, timer as ze, withLatestFrom as Be } from "rxjs";
-import { isHtmlTagElement as Ve, isShallowEqual as He, observeIntersection as Ue, pick as We, setPropertyIfChanged as Ge, setStylePropertyIfChanged as Ke, shouldUseSpreadModeForViewport as qe, watchKeys as Je } from "@prose-reader/core";
+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";
@@ -25,8 +25,8 @@ var mt = "data-bookmark-area", ht = 5, gt = () => ({
 	_quickMenuOpen: !1,
 	_onQuickMenuOpenChange: (e) => e,
 	reader: void 0,
-	quickMenuBottomBarBoundingBoxSignal: de({ default: void 0 }),
-	notificationsSubject: new Se(),
+	quickMenuBottomBarBoundingBoxSignal: fe({ default: void 0 }),
+	notificationsSubject: new Ce(),
 	refitMenuOpen: !1,
 	onRefitMenuOpenChange: () => {},
 	fontSizeMenuOpen: !1,
@@ -36,14 +36,14 @@ var mt = "data-bookmark-area", ht = 5, gt = () => ({
 	uncontrolledFontSize: 1,
 	enableFloatingProgress: !0,
 	selectedHighlight: void 0
-}), _t = P(de({ default: gt() })), vt = (t) => {
+}), _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];
 	let a;
-	n[3] !== r.value || n[4] !== t ? (a = We(r.value, t), n[3] = r.value, n[4] = t, n[5] = a) : a = n[5];
+	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];
 	let o;
 	n[6] === a ? o = n[7] : (o = {
-		compareFn: He,
+		compareFn: Ue,
 		defaultValue: a
 	}, n[6] = a, n[7] = o);
 	let s;
@@ -53,7 +53,7 @@ var mt = "data-bookmark-area", ht = 5, gt = () => ({
 	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 = ge(o)?.borderBoxSize?.[0]?.blockSize || bt, c;
+	let { quickMenuBottomBarBoundingBoxSignal: o } = vt(a), s = _e(o)?.borderBoxSize?.[0]?.blockSize || bt, c;
 	n[4] === Symbol.for("react.memo_cache_sentinel") ? (c = {
 		_open: "fade-in",
 		_closed: "fade-out"
@@ -87,7 +87,7 @@ var mt = "data-bookmark-area", ht = 5, gt = () => ({
 	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(Ie(() => r.selection.selectionEnd$.pipe(X(At), Fe(!0)))) ?? ye, t[1] = r, t[2] = 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 c;
 	t[3] === Symbol.for("react.memo_cache_sentinel") ? (c = { defaultValue: !1 }, t[3] = c) : c = t[3];
 	let l;
@@ -114,7 +114,7 @@ var mt = "data-bookmark-area", ht = 5, gt = () => ({
 		variant: "outline",
 		size: "sm",
 		disabled: !0,
-		children: [/* @__PURE__ */ Z(ne, {}), "Bookmark"]
+		children: [/* @__PURE__ */ Z(re, {}), "Bookmark"]
 	}), t[12] = h) : h = t[12];
 	let g;
 	return t[13] !== d || t[14] !== m ? (g = /* @__PURE__ */ Q(xt, {
@@ -129,7 +129,7 @@ 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(se, {}), r[0] = t.children, r[1] = i);
+	r[0] === t.children ? i = r[1] : (i = t.children ?? /* @__PURE__ */ Z(ce, {}), r[0] = t.children, r[1] = i);
 	let a;
 	return r[2] !== t || r[3] !== n || r[4] !== i ? (a = /* @__PURE__ */ Z(d, {
 		variant: "ghost",
@@ -216,14 +216,14 @@ var Rt = [
 	}, [S, _]);
 	let k;
 	r[9] !== u || r[10] !== i?.annotations.highlightTap$ ? (k = function() {
-		return i?.annotations.highlightTap$.pipe(Le((e) => {
+		return i?.annotations.highlightTap$.pipe(Re((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], _e(k);
+	}, r[9] = u, r[10] = i?.annotations.highlightTap$, r[11] = k) : k = r[11], ve(k);
 	let A = Pt, j;
 	r[12] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ Z(Lt, {}), r[12] = j) : j = r[12];
 	let M = Nt, N = Ft, P = d ? "Highlight" : `Selection: "${jt(f?.selection?.toString() ?? "", 10)}"`, F;
@@ -412,7 +412,7 @@ 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)), De(ue), Ie((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(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];
 	let s;
 	return n[5] === a ? s = n[6] : (s = [a], n[5] = a, n[6] = s), Y(o, s);
 }, Zt = (t) => {
@@ -425,11 +425,11 @@ var Jt = i.ActionTrigger, Yt = (t) => {
 	let f;
 	n[7] !== o || n[8] !== c?.resource?.notes ? (f = c?.resource?.notes ? /* @__PURE__ */ Z(h.Indicator, {
 		asChild: !0,
-		children: /* @__PURE__ */ Z(ne, {})
+		children: /* @__PURE__ */ Z(re, {})
 	}) : o ? /* @__PURE__ */ Z(h.Indicator, {
 		asChild: !0,
 		visibility: "hidden",
-		children: /* @__PURE__ */ Z(ne, {})
+		children: /* @__PURE__ */ Z(re, {})
 	}) : 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, {
@@ -464,7 +464,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(Ie((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(Le((e) => i.locateResource(e))), o = [i], t[2] = i, t[3] = a, t[4] = o), Y(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);
@@ -529,7 +529,7 @@ var an = (t) => {
 		c,
 		/* @__PURE__ */ Q(w.Trigger, {
 			value: "annotations",
-			children: [/* @__PURE__ */ Z(ne, {}), "Annotations"]
+			children: [/* @__PURE__ */ Z(re, {}), "Annotations"]
 		}),
 		/* @__PURE__ */ Z(w.Indicator, {})
 	] }), n[2] = l) : l = n[2];
@@ -572,7 +572,7 @@ 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 ? ye : a.spine.pages.observeFromAbsolutePageIndex(r).pipe(X((e) => a.spine.spineItemsManager.get(e?.itemIndex))) : Me(a.spine.spineItemsManager.get(i)) : ye, 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 = [
 		i,
 		r,
 		a
@@ -584,7 +584,7 @@ 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$ : be, c = [o], n[3] = o, n[4] = s, n[5] = 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;
 	return n[6] !== l || n[7] !== o ? (u = {
 		spineItem: o,
@@ -662,7 +662,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(Be(n?.annotations.candidates$), X((e) => {
+			return t.pipe(Ve(n?.annotations.candidates$), X((e) => {
 				let [t, a] = e;
 				if (!t.page) return pn;
 				let { spineItem: o, spineItemPageIndex: s, spineItemPagePosition: c, pageSize: l } = t.page;
@@ -692,19 +692,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(Be(n.selection.lastSelectionOnPointerdown$), X((e) => {
+		return t.pipe(Ve(n.selection.lastSelectionOnPointerdown$), X((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), _e(r);
+	}), t[0] = n, t[1] = r), ve(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), Ee()), t = r.pipe(X(bn), Ee()), i = we([t, e]).pipe(X(xn));
+			let e = r.pipe(X(yn), De()), t = r.pipe(X(bn), De()), i = Te([t, e]).pipe(X(xn));
 			n.annotations.update({ annotations$: i });
 		}
-	}, t[0] = r, t[1] = n, t[2] = i) : i = t[2], _e(i);
+	}, t[0] = r, t[1] = n, t[2] = i) : i = t[2], ve(i);
 };
 function yn(e) {
 	return e.selectedHighlight?.highlight?.id;
@@ -733,7 +733,7 @@ var Sn = () => {
 	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), Ee()) : 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(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];
 	let c;
 	n[4] !== o || n[5] !== a || n[6] !== i ? (c = [
 		a,
@@ -853,7 +853,7 @@ var Sn = () => {
 		g.current = {
 			width: n,
 			height: r
-		}, Ge(e, "width", a), Ge(e, "height", o), Ke(e.style, "width", `${n}px`), Ke(e.style, "height", `${r}px`);
+		}, Ke(e, "width", a), Ke(e, "height", o), qe(e.style, "width", `${n}px`), qe(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);
@@ -984,9 +984,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 = fe(rr), o;
-	n[3] === a.value.fontSizeMenuOpen ? o = n[4] : (o = () => de({ default: a.value.fontSizeMenuOpen }), n[3] = a.value.fontSizeMenuOpen, n[4] = o);
-	let s = fe(o), c = ge(s), l;
+	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;
 	n[5] === s ? l = n[6] : (l = (e) => {
 		s.update(e);
 	}, n[5] = s, n[6] = l);
@@ -998,12 +998,12 @@ var tr = (t) => {
 		}));
 	}, n[7] = a, n[8] = d);
 	let f = d, p;
-	n[9] === a.value.refitMenuOpen ? p = n[10] : (p = () => de({ default: a.value.refitMenuOpen }), n[9] = a.value.refitMenuOpen, n[10] = p);
-	let m = fe(p), h;
+	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[11] === m ? h = n[12] : (h = (e) => {
 		m.update(e);
 	}, n[11] = m, n[12] = h);
-	let g = h, _ = ge(m), v = me(i, Ze), y, b;
+	let g = h, _ = _e(m), v = he(i, Ze), 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,
@@ -1038,7 +1038,7 @@ var tr = (t) => {
 	}), n[3] = r, n[4] = i, n[5] = a) : a = n[5], a;
 });
 function rr() {
-	return de({ default: gt() });
+	return fe({ default: gt() });
 }
 //#endregion
 //#region src/components/ui/radio.tsx
@@ -1181,7 +1181,7 @@ 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 = pe(h), [y, b] = V(p ?? "global"), x;
+	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) => ({
 			...e,
@@ -1345,7 +1345,7 @@ var yr = () => {
 				uncontrolledFontSize: e
 			})));
 		});
-	}, t[5] = r, t[6] = n?.settings.values$, t[7] = u) : u = t[7], _e(u), null;
+	}, t[5] = r, t[6] = n?.settings.values$, t[7] = u) : u = t[7], ve(u), null;
 };
 function br(e) {
 	return e.fontScale;
@@ -1399,13 +1399,13 @@ var Cr = (t, n, r) => {
 	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 be;
-		let e = n.didLayout$.pipe(Fe(n.layoutInfo), Ee(He), Re(100, void 0, { trailing: !0 })), i = Ue(t).pipe(X(Tr), Fe(!1), Ee());
-		return we([e, i]).pipe(Ie((e) => {
+		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) => {
 			let [, i] = e;
-			return i ? (t.innerHTML = "", s.gallery.snapshot(n, t, r)) : (t.innerHTML = "", be);
+			return i ? (t.innerHTML = "", s.gallery.snapshot(n, t, r)) : (t.innerHTML = "", xe);
 		}));
-	}, i[2] = t, i[3] = n, i[4] = r, i[5] = s, i[6] = c) : c = i[6], _e(c);
+	}, i[2] = t, i[3] = n, i[4] = r, i[5] = s, i[6] = c) : c = i[6], ve(c);
 };
 function wr(e) {
 	return e.isIntersecting;
@@ -1502,7 +1502,7 @@ var Er = F((n) => {
 		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 = "13.0.4", Ar = F((t) => {
+}), Or = "@prose-reader/react-reader", kr = "14.0.0", Ar = F((t) => {
 	let n = e(12), { open: r, setOpen: i } = t, a;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (a = {
 		overflowY: "auto",
@@ -1579,15 +1579,110 @@ var Er = F((n) => {
 			g
 		]
 	}), n[9] = r, n[10] = i, n[11] = _) : _ = n[11], _;
-}), jr = () => {
+}), jr = [
+	"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;
+});
+function Nr(e) {
+	let [t, n, r] = e, { spreadMode: i } = t;
+	return {
+		spreadMode: i,
+		isSpread: n,
+		isSpreadAllowed: r
+	};
+}
+//#endregion
+//#region src/layout/LayoutDialog.tsx
+var Pr = 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];
+	let c;
+	r[3] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Z(Kt, { children: /* @__PURE__ */ Z(C, {
+		gap: 6,
+		children: /* @__PURE__ */ Z(Mr, {})
+	}) }), r[3] = c) : c = r[3];
+	let l;
+	r[4] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ Q(Vt, { children: [
+		s,
+		c,
+		/* @__PURE__ */ Z(Wt, { children: /* @__PURE__ */ Z(Jt, {
+			asChild: !0,
+			children: /* @__PURE__ */ Z(n, {
+				variant: "outline",
+				children: "Close"
+			})
+		}) }),
+		/* @__PURE__ */ Z(Ht, {})
+	] }), r[4] = l) : l = r[4];
+	let u;
+	return r[5] !== i || r[6] !== o ? (u = /* @__PURE__ */ Z(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 = () => {
 	let t = e(3), n = $(), r, i;
-	return t[0] === n ? (r = t[1], i = t[2]) : (r = () => n ? we([n.pagination.state$, n.context]).pipe(X(Nr)) : be, 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 ? 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;
 };
-function Mr(e) {
+function Ir(e) {
 	return e.mediaType?.startsWith("image/");
 }
-function Nr(e) {
-	let [t, n] = e, r = n.manifest?.spineItems.every(Mr);
+function Lr(e) {
+	let [t, n] = e, r = n.manifest?.spineItems.every(Ir);
 	return {
 		...t,
 		hasChapters: !n.isFullyPrePaginated && !r
@@ -1595,13 +1690,13 @@ function Nr(e) {
 }
 //#endregion
 //#region src/navigation/FloatingProgress.tsx
-var Pr = {
+var Rr = {
 	_open: "fade-in",
 	_closed: "fade-out"
-}, Fr = () => {
+}, zr = () => {
 	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 = jr(), s = Math.floor((o?.percentageEstimateOfBook ?? 0) * 100), c = s > 0 ? s : 1;
+	let { enableFloatingProgress: i, quickMenuOpen: a } = vt(r), o = Fr(), 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, {
@@ -1622,11 +1717,11 @@ var Pr = {
 	let d;
 	return n[3] !== l || n[4] !== u ? (d = /* @__PURE__ */ Z(v, {
 		present: l,
-		animationName: Pr,
+		animationName: Rr,
 		animationDuration: "moderate",
 		children: u
 	}), n[3] = l, n[4] = u, n[5] = d) : d = n[5], d;
-}, Ir = () => {
+}, Br = () => {
 	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;
@@ -1636,8 +1731,8 @@ var Pr = {
 		}, 6e4);
 		return () => clearInterval(e);
 	}, o = [], t[1] = a, t[2] = o) : (a = t[1], o = t[2]), R(a, o), r;
-}, Lr = (t) => {
-	let n = e(5), r = Ir(), i;
+}, Vr = (t) => {
+	let n = e(5), r = Br(), i;
 	n[0] === r ? i = n[1] : (i = r.toLocaleTimeString(navigator.language, {
 		hour: "2-digit",
 		minute: "2-digit"
@@ -1648,7 +1743,7 @@ var Pr = {
 		...t,
 		children: i
 	}), n[2] = t, n[3] = i, n[4] = a) : a = n[4], a;
-}, Rr = F(() => {
+}, Hr = F(() => {
 	let n = e(1), r;
 	return n[0] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ Z(t, {
 		position: "absolute",
@@ -1660,9 +1755,9 @@ var Pr = {
 		paintOrder: "stroke fill",
 		pointerEvents: "none",
 		letterSpacing: 1,
-		children: /* @__PURE__ */ Z(Lr, {})
+		children: /* @__PURE__ */ Z(Vr, {})
 	}), n[0] = r) : r = n[0], r;
-}), zr = (t, n) => {
+}), Ur = (t, n) => {
 	let r = e(4), [i, a] = V(), o, s;
 	return r[0] !== n || r[1] !== t ? (o = () => {
 		if (t === void 0) {
@@ -1677,51 +1772,40 @@ var Pr = {
 			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;
-}, Br = { pulse: "_pulse_1detk_1" }, Vr = 100, Hr = 900, Ur = {
+}, Wr = { pulse: "_pulse_1detk_1" }, Gr = 100, Kr = 900, qr = {
 	_open: "fade-in",
 	_closed: "fade-out",
 	_motionReduce: "none"
-}, Wr = {
+}, Jr = {
 	base: "moderate",
 	_motionReduce: "0ms"
-}, Gr = ({ manifest: e, spreadMode: t, viewport: n }) => n.width !== n.height && qe({
-	spreadMode: t,
-	manifest: e,
-	viewport: {
-		height: n.width,
-		width: n.height
-	}
-}), Kr = ({ manifest: e, pagination: t, spreadMode: n, isSpread: r, viewportState: i, viewport: a, isPanorama: o }) => {
-	if (i === "free" && !r && Gr({
-		manifest: e,
-		spreadMode: n,
-		viewport: a
-	}) && o) return [
-		t.beginSpineItemIndex,
-		t.beginPageIndexInSpineItem,
-		t.endSpineItemIndex,
-		t.endPageIndexInSpineItem
+}, Yr = ({ 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(":");
-}, qr = (e) => e.pagination.state$.pipe(X(({ begin: e, end: t }) => ({
+}, Xr = (e) => e.pagination.state$.pipe(X(({ begin: e, end: t }) => ({
 	beginPageIndexInSpineItem: e.pageIndexInSpineItem,
 	beginSpineItemIndex: e.spineItemIndex,
 	endPageIndexInSpineItem: t.pageIndexInSpineItem,
 	endSpineItemIndex: t.spineItemIndex
-})), Ee(Ze), Ne({
+})), De(Ze), Pe({
 	bufferSize: 1,
 	refCount: !0
-})), Jr = ({ pagination$: e, reader: t }) => e.pipe(X(({ beginSpineItemIndex: e }) => e === void 0 ? void 0 : t.spineItemsManager.items[e]), Ee(), Ie((e) => e ? e.isReady$.pipe(X((t) => ({
+})), 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) => ({
 	spineItem: e,
 	isReady: t
-}))) : Me({
+}))) : Ne({
 	spineItem: void 0,
 	isReady: !1
-}))), Yr = (e) => {
-	let t = qr(e), n = Jr({
+}))), Qr = (e) => {
+	let t = Xr(e), n = Zr({
 		pagination$: t,
 		reader: e
 	}), r = Dt(e) ? e : void 0;
-	return we([
+	return Te([
 		t,
 		e.viewportState$,
 		e.viewport.watch([
@@ -1731,28 +1815,29 @@ var Pr = {
 		]),
 		e.settings.watch(["spreadMode"]),
 		n
-	]).pipe(Te(Vr), X(([t, n, { isSpread: i, ...a }, { spreadMode: o }, { spineItem: s, isReady: c }]) => {
-		let l = e.context.manifest;
-		return Kr({
-			manifest: l,
+	]).pipe(Ee(Gr), X(([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({
 			pagination: t,
-			spreadMode: o,
 			isSpread: i,
 			viewportState: n,
-			viewport: a,
-			isPanorama: c && r !== void 0 && s !== void 0 && r.cbz.isPanoramaSpineItem(s)
+			wouldSpreadWhenRotated: e.viewport.wouldSpreadAt({
+				width: a.height,
+				height: a.width
+			}),
+			isPanorama: l
 		});
-	}), Ee());
-}, Xr = () => {
+	}), De());
+}, $r = () => {
 	let t = e(3), n = $(), r, i;
-	return t[0] === n ? (r = t[1], i = t[2]) : (r = () => n ? Yr(n) : be, i = [n], t[0] = n, t[1] = r, t[2] = i), Y(r, i).data;
-}, Zr = F(() => {
-	let n = e(6), r = zr(Xr(), Hr), i = r !== void 0, a;
+	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, {
 		alignItems: "center",
 		bg: "bg.inverted/72",
 		borderRadius: "full",
-		className: Br.pulse,
+		className: Wr.pulse,
 		color: "fg.inverted",
 		display: "flex",
 		height: "68px",
@@ -1780,16 +1865,16 @@ var Pr = {
 		present: i,
 		lazyMount: !0,
 		unmountOnExit: !0,
-		animationName: Ur,
-		animationDuration: Wr,
+		animationName: qr,
+		animationDuration: Jr,
 		children: o
 	}), n[3] = i, n[4] = o, n[5] = s) : s = n[5], s;
-}), Qr = () => {
+}), ti = () => {
 	let t = e(2), n = $(), r;
-	t[0] === n?.links$ ? r = t[1] : (r = () => n?.links$.subscribe($r), t[0] = n?.links$, t[1] = r), _e(r);
+	t[0] === n?.links$ ? r = t[1] : (r = () => n?.links$.subscribe(ni), t[0] = n?.links$, t[1] = r), ve(r);
 };
-function $r(e) {
-	if (e.type === "click" && Ve(e.target, "a")) {
+function ni(e) {
+	if (e.type === "click" && He(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");
@@ -1797,12 +1882,12 @@ function $r(e) {
 }
 //#endregion
 //#region src/fonts/useFontSizeNotifications.ts
-var ei = () => {
+var ri = () => {
 	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(De(ue), je((e) => {
-		let t = e.duration ?? 3e3, n = new xe((n) => {
+	t[1] === r ? i = t[2] : (i = () => r.pipe(Oe(de), Me((e) => {
+		let t = e.duration ?? 3e3, n = new Se((n) => {
 			try {
 				queueMicrotask(() => {
 					let r = Qn.create({
@@ -1816,14 +1901,14 @@ var ei = () => {
 				let t = e;
 				n.error(t);
 			}
-		}), i = r.pipe(Pe(1), De((t) => !!e.key && t?.key === e.key));
-		return n.pipe(Ie((n) => Ae(ze(t), e.abort ?? be, i).pipe(ke(), Oe(() => {
+		}), 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(() => {
 			queueMicrotask(() => {
 				Qn.dismiss(n);
 			});
 		}))));
-	})), t[1] = r, t[2] = i), _e(i);
-}, ti = k(lt), ni = F((n) => {
+	})), t[1] = r, t[2] = i), ve(i);
+}, ii = k(lt), ai = F((n) => {
 	let r = e(10), i;
 	r[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {
 		"--bg": "colors.bg",
@@ -1874,7 +1959,7 @@ var ei = () => {
 	return r[7] !== n || r[8] !== u ? (d = /* @__PURE__ */ Z(t, {
 		display: "contents",
 		css: i,
-		children: /* @__PURE__ */ Z(ti, {
+		children: /* @__PURE__ */ Z(ii, {
 			keyboard: !1,
 			style: a,
 			css: o,
@@ -1882,14 +1967,14 @@ var ei = () => {
 			...n
 		})
 	}), r[7] = n, r[8] = u, r[9] = d) : d = r[9], d;
-}), ri = () => {
+}), oi = () => {
 	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);
 	return a;
-}, ii = (e) => {
+}, si = (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 ? [
@@ -1897,17 +1982,17 @@ var ei = () => {
 		r,
 		i
 	].map((e) => String(e).padStart(2, "0")).join(":") : [r, i].map((e) => String(e).padStart(2, "0")).join(":");
-}, ai = (t) => {
-	let n = e(42), r = Sn(), i = ri(), 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), _ = fe(oi), v;
-	if (n[0] !== r?.audio.state$ || n[1] !== _ ? (v = () => r?.audio.state$.pipe(X(si), Le((e) => {
+}, 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) => {
 		_.value || (g(e), _.next(!1));
-	})), n[0] = r?.audio.state$, n[1] = _, n[2] = v) : v = n[2], _e(v), !i) return null;
+	})), n[0] = r?.audio.state$, n[1] = _, n[2] = v) : v = n[2], ve(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(re, {}) : /* @__PURE__ */ Z(ie, {}), n[5] = i.isPlaying, n[6] = S);
+	n[5] === i.isPlaying ? S = n[6] : (S = i.isPlaying ? /* @__PURE__ */ Z(ie, {}) : /* @__PURE__ */ Z(ae, {}), 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, {
 		"aria-label": y,
@@ -1932,7 +2017,7 @@ var ei = () => {
 		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(ni, {
+	n[17] !== h || n[18] !== m || n[19] !== f || n[20] !== E || n[21] !== D ? (O = /* @__PURE__ */ Z(ai, {
 		value: h,
 		min: 0,
 		max: f,
@@ -1941,7 +2026,7 @@ var ei = () => {
 		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..." : ii(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..." : si(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, {
 		fontSize: "xs",
@@ -1949,7 +2034,7 @@ var ei = () => {
 		children: k
 	}), n[26] = k, n[27] = A);
 	let j;
-	n[28] === s ? j = n[29] : (j = ii(s), n[28] = s, n[29] = j);
+	n[28] === s ? j = n[29] : (j = si(s), n[28] = s, n[29] = j);
 	let M;
 	n[30] === j ? M = n[31] : (M = /* @__PURE__ */ Z(T, {
 		fontSize: "xs",
@@ -1982,28 +2067,28 @@ var ei = () => {
 		children: [w, P]
 	}), n[38] = t, n[39] = P, n[40] = w, n[41] = F) : F = n[41], F;
 };
-function oi() {
-	return new ve(!1);
+function li() {
+	return new ye(!1);
 }
-function si(e) {
+function ui(e) {
 	return e.currentTime;
 }
 //#endregion
 //#region src/audio/useHasVisibleAudioTracks.ts
-var ci = () => {
+var di = () => {
 	let t = e(4), n = Sn(), r;
-	t[0] === n?.audio.visibleTrackIds$ ? r = t[1] : (r = () => n?.audio.visibleTrackIds$.pipe(X(li), Ee()), t[0] = n?.audio.visibleTrackIds$, t[1] = 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);
 	let i;
 	t[2] === n ? i = t[3] : (i = [n], t[2] = n, t[3] = i);
 	let { data: a } = Y(r, i);
 	return a !== void 0 && a;
 };
-function li(e) {
+function fi(e) {
 	return e.length > 0;
 }
 //#endregion
 //#region src/components/ui/toggle-tip.tsx
-var ui = M.forwardRef(function(t, n) {
+var pi = 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;
@@ -2040,7 +2125,7 @@ var ui = M.forwardRef(function(t, n) {
 		positioning: d,
 		children: [f, v]
 	}), r[21] = s, r[22] = d, r[23] = f, r[24] = v, r[25] = y) : y = r[25], y;
-}), di = M.forwardRef(function(t, n) {
+}), mi = 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;
@@ -2052,13 +2137,13 @@ var ui = M.forwardRef(function(t, n) {
 		children: /* @__PURE__ */ Z(ut, {})
 	}), r[3] = o) : o = r[3];
 	let s;
-	return r[4] !== i || r[5] !== n || r[6] !== a ? (s = /* @__PURE__ */ Z(ui, {
+	return r[4] !== i || r[5] !== n || r[6] !== a ? (s = /* @__PURE__ */ Z(pi, {
 		content: i,
 		...a,
 		ref: n,
 		children: o
 	}), r[4] = i, r[5] = n, r[6] = a, r[7] = s) : s = r[7], s;
-}), fi = M.forwardRef(function(t, n) {
+}), hi = 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];
 	let a;
@@ -2072,7 +2157,7 @@ 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(di, { children: a }), r[4] = a, r[5] = s);
+	r[4] === a ? s = r[5] : (s = a && /* @__PURE__ */ Z(mi, { 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, {
 		...o,
@@ -2080,8 +2165,8 @@ M.forwardRef(function(t, n) {
 		children: [i, s]
 	}), r[6] = i, r[7] = n, r[8] = o, r[9] = s, r[10] = c) : c = r[10], c;
 });
-var pi = y.Root, mi = y.ValueText, hi = () => {
-	let e = jr(), 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 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);
 	return {
 		hasOnlyOnePage: t,
 		beginPageIndex: i,
@@ -2093,8 +2178,8 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 		leftPageIndex: o,
 		rightPageIndex: s
 	};
-}, gi = () => {
-	let t = e(24), n = jr(), { hasOnlyOnePage: r, leftPageIndex: i, rightPageIndex: a, totalApproximatePages: o, beginAndEndAreDifferent: s } = hi(), c;
+}, yi = () => {
+	let t = e(24), n = Fr(), { hasOnlyOnePage: r, leftPageIndex: i, rightPageIndex: a, totalApproximatePages: o, beginAndEndAreDifferent: s } = vi(), 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) {
@@ -2102,14 +2187,14 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 		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(fi, { width: 110 }), t[4] = p) : p = t[4];
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ Z(hi, { width: 110 }), t[4] = p) : p = t[4];
 	let m = `${u}%`, h;
 	t[5] === m ? h = t[6] : (h = /* @__PURE__ */ Q(l, {
 		justifyContent: "space-between",
-		children: [p, /* @__PURE__ */ Z(mi, { children: m })]
+		children: [p, /* @__PURE__ */ Z(_i, { children: m })]
 	}), t[5] = m, t[6] = h);
 	let g;
-	t[7] !== u || t[8] !== h ? (g = /* @__PURE__ */ Z(pi, {
+	t[7] !== u || t[8] !== h ? (g = /* @__PURE__ */ Z(gi, {
 		value: u,
 		size: "xs",
 		width: 150,
@@ -2147,7 +2232,7 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 			y
 		]
 	}), t[20] = g, t[21] = v, t[22] = y, t[23] = b) : b = t[23], b;
-}, _i = F((t) => {
+}, bi = 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;
@@ -2175,10 +2260,10 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 		...a,
 		children: r
 	}), n[7] = r, n[8] = a, n[9] = o, n[10] = s, n[11] = c) : c = n[11], c;
-}), vi = () => {
-	let t = e(10), n = jr()?.isUsingSpread, { beginPageIndex: r, totalApproximatePages: i } = hi(), a = i === void 0 ? 0 : i, o = n ? Math.floor((r || 0) / 2) : r, s;
-	t[0] === o ? s = t[1] : (s = () => de({ default: o || 0 }), t[0] = o, t[1] = s);
-	let [c, l] = he(s), u = Math.max(0, n ? Math.floor((a - 1) / 2) : a - 1), d, f;
+}), 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;
 	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);
@@ -2189,10 +2274,10 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 		min: 0,
 		max: u
 	}, t[6] = u, t[7] = c, t[8] = l, t[9] = p) : p = t[9], p;
-}, yi = (n) => {
-	let r = e(21), i = $(), a = jr(), { data: o } = Y(() => i?.context, [i]) ?? {}, s;
+}, Si = (n) => {
+	let r = e(21), i = $(), a = Fr(), { data: o } = Y(() => 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 } = hi(), p = d === void 0 ? 0 : d, m = f, { value: h, valueSignal: g, min: _, max: v } = vi(), y;
+	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;
 	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);
@@ -2210,14 +2295,14 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 	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], _e(x), p === 1 || u && p === 2) {
+	}), r[7] = i?.navigation, r[8] = g.subject, r[9] = x) : x = r[9], ve(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;
 	}
 	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(ni, {
+	return r[14] !== v || r[15] !== _ || r[16] !== b || r[17] !== n || r[18] !== l || r[19] !== S ? (C = /* @__PURE__ */ Z(ai, {
 		value: S,
 		max: v,
 		min: _,
@@ -2226,8 +2311,8 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 		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;
-}, bi = F((n) => {
-	let i = e(109), { open: a, onItemClick: o } = n, s = B(null), c = $(), u;
+}, Ci = F((n) => {
+	let i = e(115), { open: a, onItemClick: o } = n, s = B(null), c = $(), u;
 	i[0] === Symbol.for("react.memo_cache_sentinel") ? (u = [
 		"quickMenuBottomBarBoundingBoxSignal",
 		"onFontSizeMenuOpenChange",
@@ -2242,10 +2327,10 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 	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(xi)), i[9] = c?.zoom.state$, i[10] = 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 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 = ci(), [A, j] = V(!0), M, N;
+	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;
 	i[13] === f ? (M = i[14], N = i[15]) : (M = () => {
 		if (!s.current) return;
 		let e = new ResizeObserver((e) => {
@@ -2260,7 +2345,7 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 		px: 4,
 		justifyContent: "center",
 		width: "100%",
-		children: /* @__PURE__ */ Z(ai, { maxW: 400 })
+		children: /* @__PURE__ */ Z(ci, { 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);
@@ -2277,7 +2362,7 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 		children: L
 	}), i[22] = F, i[23] = I, i[24] = L, i[25] = z) : z = i[25];
 	let H;
-	i[26] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ Z(gi, {}), i[26] = H) : H = i[26];
+	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, {
 		flex: 1,
@@ -2287,7 +2372,7 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 		alignItems: "center",
 		overflow: "auto",
 		px: 4,
-		children: [H, /* @__PURE__ */ Z(yi, { style: {
+		children: [H, /* @__PURE__ */ Z(Si, { style: {
 			width: "100%",
 			maxWidth: "300px",
 			height: "35px"
@@ -2309,8 +2394,8 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 		onClick: G,
 		children: K
 	}), i[32] = W, i[33] = G, i[34] = K, i[35] = J) : J = i[35];
-	let re;
-	i[36] !== z || i[37] !== J ? (re = /* @__PURE__ */ Q(l, {
+	let ie;
+	i[36] !== z || i[37] !== J ? (ie = /* @__PURE__ */ Q(l, {
 		flex: 1,
 		alignSelf: "stretch",
 		alignItems: "center",
@@ -2322,101 +2407,113 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 			U,
 			J
 		]
-	}), i[36] = z, i[37] = J, i[38] = re) : re = i[38];
-	let ie;
-	i[39] === Symbol.for("react.memo_cache_sentinel") ? (ie = (e) => {
+	}), i[36] = z, i[37] = J, i[38] = ie) : ie = i[38];
+	let ae;
+	i[39] === Symbol.for("react.memo_cache_sentinel") ? (ae = (e) => {
 		let { open: t } = e;
 		j(t);
-	}, i[39] = ie) : ie = i[39];
-	let se = A ? "rotate(0deg)" : "rotate(180deg)", ue;
-	i[40] === se ? ue = i[41] : (ue = /* @__PURE__ */ Z(r.Trigger, {
+	}, 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, {
 		paddingY: "3",
 		width: "100%",
 		display: "flex",
 		justifyContent: "center",
-		children: /* @__PURE__ */ Z(q, { style: { transform: se } })
-	}), i[40] = se, i[41] = ue);
-	let de;
-	i[42] === o ? de = i[43] : (de = () => o("help"), i[42] = o, i[43] = de);
+		children: /* @__PURE__ */ Z(q, { style: { transform: ce } })
+	}), i[40] = ce, i[41] = de);
 	let fe;
-	i[44] === Symbol.for("react.memo_cache_sentinel") ? (fe = /* @__PURE__ */ Z(ee, {}), i[44] = fe) : fe = i[44];
+	i[42] === o ? fe = i[43] : (fe = () => o("help"), i[42] = o, i[43] = fe);
 	let pe;
-	i[45] === de ? pe = i[46] : (pe = /* @__PURE__ */ Z(d, {
+	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: de,
-		children: fe
-	}), i[45] = de, i[46] = pe);
-	let me;
-	i[47] === o ? me = i[48] : (me = () => o("toc"), i[47] = o, i[48] = me);
+		onClick: fe,
+		children: pe
+	}), i[45] = fe, i[46] = me);
 	let he;
-	i[49] === Symbol.for("react.memo_cache_sentinel") ? (he = /* @__PURE__ */ Z(oe, {}), i[49] = he) : he = i[49];
+	i[47] === o ? he = i[48] : (he = () => o("toc"), i[47] = o, i[48] = he);
 	let ge;
-	i[50] === me ? ge = i[51] : (ge = /* @__PURE__ */ Z(d, {
+	i[49] === Symbol.for("react.memo_cache_sentinel") ? (ge = /* @__PURE__ */ Z(se, {}), i[49] = ge) : ge = i[49];
+	let _e;
+	i[50] === he ? _e = i[51] : (_e = /* @__PURE__ */ Z(d, {
 		"aria-label": "Table of contents",
 		size: "lg",
 		variant: "ghost",
-		onClick: me,
-		children: he
-	}), i[50] = me, i[51] = ge);
-	let _e;
-	i[52] !== o || i[53] !== c ? (_e = St(c) && /* @__PURE__ */ Z(d, {
+		onClick: he,
+		children: ge
+	}), i[50] = he, i[51] = _e);
+	let ve;
+	i[52] !== o || i[53] !== c ? (ve = St(c) && /* @__PURE__ */ Z(d, {
 		"aria-label": "Search",
 		size: "lg",
 		variant: "ghost",
 		onClick: () => o("search"),
-		children: /* @__PURE__ */ Z(ae, {})
-	}), i[52] = o, i[53] = c, i[54] = _e) : _e = i[54];
-	let ve = T ? "solid" : "ghost", ye;
-	i[55] !== T || i[56] !== c?.zoom ? (ye = () => {
+		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 = () => {
 		T ? c?.zoom.exit({ animate: !0 }) : c?.zoom.enter({
 			animate: !0,
 			scale: 2
 		});
-	}, i[55] = T, i[56] = c?.zoom, i[57] = ye) : ye = i[57];
-	let be;
-	i[58] === T ? be = i[59] : (be = Z(T ? le : ce, {}), i[58] = T, i[59] = be);
+	}, i[55] = T, i[56] = c?.zoom, i[57] = be) : be = i[57];
 	let xe;
-	i[60] !== ve || i[61] !== ye || i[62] !== be ? (xe = /* @__PURE__ */ Z(d, {
+	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: ve,
-		onClick: ye,
-		children: be
-	}), i[60] = ve, i[61] = ye, i[62] = be, i[63] = xe) : xe = i[63];
-	let Se;
-	i[64] === p ? Se = i[65] : (Se = () => {
-		p(!0);
-	}, i[64] = p, i[65] = Se);
+		variant: ye,
+		onClick: be,
+		children: xe
+	}), i[60] = ye, i[61] = be, i[62] = xe, i[63] = Se) : Se = i[63];
 	let Ce;
-	i[66] === Symbol.for("react.memo_cache_sentinel") ? (Ce = /* @__PURE__ */ Z(nt, {}), i[66] = Ce) : Ce = i[66];
+	i[64] === p ? Ce = i[65] : (Ce = () => {
+		p(!0);
+	}, i[64] = p, i[65] = Ce);
 	let we;
-	i[67] === Se ? we = i[68] : (we = /* @__PURE__ */ Z(d, {
+	i[66] === Symbol.for("react.memo_cache_sentinel") ? (we = /* @__PURE__ */ Z(nt, {}), i[66] = we) : we = i[66];
+	let Te;
+	i[67] === Ce ? Te = i[68] : (Te = /* @__PURE__ */ Z(d, {
 		"aria-label": "font size",
 		size: "lg",
-		onClick: Se,
+		onClick: Ce,
 		variant: "ghost",
-		children: Ce
-	}), i[67] = Se, i[68] = we);
-	let Te;
-	i[69] !== o || i[70] !== c ? (Te = wt(c) && /* @__PURE__ */ Z(d, {
+		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];
+	let Oe;
+	i[72] === Ee ? Oe = i[73] : (Oe = /* @__PURE__ */ Z(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, {
 		"aria-label": "Bookmarks",
 		size: "lg",
 		variant: "ghost",
 		onClick: () => o("bookmarks"),
 		children: /* @__PURE__ */ Z(rt, {})
-	}), i[69] = o, i[70] = c, i[71] = Te) : Te = i[71];
-	let Ee;
-	i[72] !== o || i[73] !== c ? (Ee = wt(c) && /* @__PURE__ */ Z(d, {
+	}), 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, {
 		"aria-label": "Annotations",
 		size: "lg",
 		variant: "ghost",
 		onClick: () => o("annotations"),
-		children: /* @__PURE__ */ Z(ne, {})
-	}), i[72] = o, i[73] = c, i[74] = Ee) : Ee = i[74];
-	let De;
-	i[75] !== D || i[76] !== m || i[77] !== c ? (De = Et(c) && /* @__PURE__ */ Z(d, {
+		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, {
 		"aria-label": "Refit",
 		size: "lg",
 		variant: "ghost",
@@ -2425,34 +2522,34 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 		},
 		disabled: !D,
 		children: /* @__PURE__ */ Z(et, {})
-	}), i[75] = D, i[76] = m, i[77] = c, i[78] = De) : De = i[78];
-	let Oe = E ? "solid" : "ghost", ke;
-	i[79] !== E || i[80] !== c?.zoom ? (ke = () => {
+	}), 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 = () => {
 		E ? c?.zoom.exit({ animate: !0 }) : c?.zoom.enter({
 			animate: !0,
 			scale: .5
 		});
-	}, i[79] = E, i[80] = c?.zoom, i[81] = ke) : ke = i[81];
-	let Ae;
-	i[82] === Symbol.for("react.memo_cache_sentinel") ? (Ae = /* @__PURE__ */ Z(te, {}), i[82] = Ae) : Ae = i[82];
-	let je;
-	i[83] !== Oe || i[84] !== ke ? (je = /* @__PURE__ */ Z(d, {
+	}, 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];
+	let Fe;
+	i[88] !== Me || i[89] !== Ne ? (Fe = /* @__PURE__ */ Z(d, {
 		"aria-label": "Thumbnails",
 		size: "lg",
-		variant: Oe,
-		onClick: ke,
-		children: Ae
-	}), i[83] = Oe, i[84] = ke, i[85] = je) : je = i[85];
-	let Me;
-	i[86] !== o || i[87] !== c ? (Me = Tt(c) && /* @__PURE__ */ Z(d, {
+		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, {
 		"aria-label": "Gallery",
 		size: "lg",
 		variant: "ghost",
 		onClick: () => o("gallery"),
 		children: /* @__PURE__ */ Z(it, {})
-	}), i[86] = o, i[87] = c, i[88] = Me) : Me = i[88];
-	let Ne;
-	i[89] !== pe || i[90] !== ge || i[91] !== _e || i[92] !== xe || i[93] !== we || i[94] !== Te || i[95] !== Ee || i[96] !== De || i[97] !== je || i[98] !== Me ? (Ne = /* @__PURE__ */ Z(r.Content, {
+	}), 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, {
 		display: "flex",
 		justifyContent: "center",
 		children: /* @__PURE__ */ Q(t, {
@@ -2461,34 +2558,35 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 			px: 4,
 			pb: 1,
 			children: [
-				pe,
-				ge,
+				me,
 				_e,
-				xe,
-				we,
+				ve,
+				Se,
 				Te,
-				Ee,
-				De,
+				Oe,
+				ke,
+				Ae,
 				je,
-				Me
+				Fe,
+				Ie
 			]
 		})
-	}), i[89] = pe, i[90] = ge, i[91] = _e, i[92] = xe, i[93] = we, i[94] = Te, i[95] = Ee, i[96] = De, i[97] = je, i[98] = Me, i[99] = Ne) : Ne = i[99];
-	let Pe;
-	i[100] !== A || i[101] !== ue || i[102] !== Ne ? (Pe = /* @__PURE__ */ Z(l, {
+	}), 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, {
 		alignSelf: "stretch",
 		alignItems: "center",
 		justifyContent: "center",
 		children: /* @__PURE__ */ Q(r.Root, {
 			open: A,
 			flex: 1,
-			onOpenChange: ie,
+			onOpenChange: ae,
 			width: "100%",
-			children: [ue, Ne]
+			children: [de, Le]
 		})
-	}), i[100] = A, i[101] = ue, i[102] = Ne, i[103] = Pe) : Pe = i[103];
-	let Fe;
-	return i[104] !== a || i[105] !== P || i[106] !== re || i[107] !== Pe ? (Fe = /* @__PURE__ */ Q(_i, {
+	}), 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, {
 		present: a,
 		position: "bottom",
 		display: "flex",
@@ -2500,23 +2598,23 @@ var pi = y.Root, mi = y.ValueText, hi = () => {
 		gap: 4,
 		children: [
 			P,
-			re,
-			Pe
+			ie,
+			Re
 		]
-	}), i[104] = a, i[105] = P, i[106] = re, i[107] = Pe, i[108] = Fe) : Fe = i[108], Fe;
+	}), i[110] = a, i[111] = P, i[112] = ie, i[113] = Re, i[114] = ze) : ze = i[114], ze;
 });
-function xi(e) {
+function wi(e) {
 	return e.currentScale > 1 ? "in" : e.currentScale < 1 ? "out" : void 0;
 }
 //#endregion
 //#region src/common/useFullscreen.ts
-var Si = () => pt.isEnabled, Ci = () => pt.isEnabled ? pt.isFullscreen : !1, wi = () => {
+var Ti = () => pt.isEnabled, Ei = () => pt.isEnabled ? pt.isFullscreen : !1, Di = () => {
 	let [e, t] = V(!1), [n, r] = V(!1), i = I(() => {
 		t((e) => {
-			let t = Ci();
+			let t = Ei();
 			return e === t ? e : t;
 		}), r((e) => {
-			let t = Si();
+			let t = Ti();
 			return e === t ? e : t;
 		});
 	}, []), a = I(async () => {
@@ -2541,8 +2639,8 @@ var Si = () => pt.isEnabled, Ci = () => pt.isEnabled ? pt.isFullscreen : !1, wi
 		isFullscreenSupported: n,
 		onToggleFullscreenClick: a
 	};
-}, Ti = F((t) => {
-	let n = e(24), { open: r, onItemClick: i } = t, a = $()?.context.manifest, { isFullscreen: o, isFullscreenSupported: s, onToggleFullscreenClick: c } = wi(), u;
+}, Oi = F((t) => {
+	let n = e(24), { open: r, onItemClick: i } = t, a = $()?.context.manifest, { isFullscreen: o, isFullscreenSupported: s, onToggleFullscreenClick: c } = Di(), 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];
@@ -2594,7 +2692,7 @@ var Si = () => pt.isEnabled, Ci = () => pt.isEnabled ? pt.isFullscreen : !1, wi
 	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];
 	let x;
-	return n[19] !== r || n[20] !== b || n[21] !== p || n[22] !== h ? (x = /* @__PURE__ */ Q(_i, {
+	return n[19] !== r || n[20] !== b || n[21] !== p || n[22] !== h ? (x = /* @__PURE__ */ Q(bi, {
 		present: r,
 		position: "top",
 		height: "80px",
@@ -2605,7 +2703,7 @@ var Si = () => pt.isEnabled, Ci = () => pt.isEnabled ? pt.isFullscreen : !1, wi
 			b
 		]
 	}), n[19] = r, n[20] = b, n[21] = p, n[22] = h, n[23] = x) : x = n[23], x;
-}), Ei = () => {
+}), ki = () => {
 	let t = e(4), n;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = [
 		"quickMenuOpen",
@@ -2615,41 +2713,41 @@ var Si = () => pt.isEnabled, Ci = () => pt.isEnabled ? pt.isFullscreen : !1, wi
 	], t[0] = n) : n = t[0];
 	let { quickMenuOpen: r, onQuickMenuOpenChange: i, _quickMenuOpen: a, _onQuickMenuOpenChange: o } = vt(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;
-}, Di = F((t) => {
-	let n = e(10), { onItemClick: r } = t, [i] = Ei(), a;
+}, Ai = F((t) => {
+	let n = e(10), { onItemClick: r } = t, [i] = ki(), 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(Ti, {
+	n[1] !== r || n[2] !== l ? (u = /* @__PURE__ */ Z(Oi, {
 		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(bi, {
+	n[4] !== r || n[5] !== d ? (f = /* @__PURE__ */ Z(Ci, {
 		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;
-}), Oi = () => {
-	let t = e(3), [, n] = Ei(), r = $(), i;
-	t[0] !== n || t[1] !== r ? (i = () => r?.gestures.gestures$.pipe(De(ki), Be(r.selection.selection$, r.selection.lastSelectionOnPointerdown$), Le((e) => {
+}), 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) => {
 		let [, t, r] = e;
-		n(t || r ? !1 : Ai);
-	})), t[0] = n, t[1] = r, t[2] = i) : i = t[2], _e(i);
+		n(t || r ? !1 : Ni);
+	})), t[0] = n, t[1] = r, t[2] = i) : i = t[2], ve(i);
 };
-function ki(e) {
+function Mi(e) {
 	return e.type === "tap" && !e.handled;
 }
-function Ai(e) {
+function Ni(e) {
 	return !e;
 }
 //#endregion
 //#region src/components/ui/field.tsx
-var ji = M.forwardRef(function(t, n) {
+var Pi = 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;
@@ -2669,7 +2767,7 @@ var ji = 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;
-}), Mi = F(() => {
+}), Fi = 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;
@@ -2721,7 +2819,7 @@ var ji = M.forwardRef(function(t, n) {
 		]
 	}), t[16] = x) : x = t[16];
 	let S;
-	t[17] !== g || t[18] !== _ ? (S = /* @__PURE__ */ Z(ji, {
+	t[17] !== g || t[18] !== _ ? (S = /* @__PURE__ */ Z(Pi, {
 		label: "Profile",
 		children: /* @__PURE__ */ Z(ar, {
 			defaultValue: "fit",
@@ -2773,7 +2871,7 @@ var ji = M.forwardRef(function(t, n) {
 		placement: "center",
 		children: M
 	}), t[35] = i, t[36] = M, t[37] = p, t[38] = N) : N = t[38], N;
-}), Ni = F((t) => {
+}), Ii = 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;
@@ -2824,14 +2922,14 @@ var ji = 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;
-}), Pi = 500, Fi = () => {
-	let t = e(13), n = fe(Ii), { data: r } = Y(n), i = $(), a;
+}), Li = 500, Ri = () => {
+	let t = e(13), n = pe(zi), { data: r } = Y(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(Ee(), Ie((e) => e === "" || !o ? Me(void 0) : Ae(Me({
+	t[2] !== o || t[3] !== n ? (s = () => n.pipe(De(), Le((e) => e === "" || !o ? Ne(void 0) : je(Ne({
 		type: "start",
 		data: void 0
-	}), ze(Pi).pipe(Ie(() => o.search.search(e)), X(Li))))), c = [o, n], t[2] = o, t[3] = n, t[4] = s, t[5] = c) : (s = t[4], c = t[5]);
+	}), 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;
 	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;
@@ -2842,10 +2940,10 @@ var ji = 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 Ii() {
-	return new ve("");
+function zi() {
+	return new ye("");
 }
-function Li(e) {
+function Bi(e) {
 	return {
 		type: "end",
 		data: e
@@ -2853,8 +2951,8 @@ function Li(e) {
 }
 //#endregion
 //#region src/search/SearchDialogContent.tsx
-var Ri = F((t) => {
-	let n = e(31), { onNavigate: r } = t, i = $(), { value: a, setValue: o, status: s, data: c } = Fi(), l;
+var Vi = F((t) => {
+	let n = e(31), { onNavigate: r } = t, i = $(), { value: a, setValue: o, status: s, data: c } = Ri(), l;
 	n[0] === o ? l = n[1] : (l = (e) => {
 		o(e.target.value);
 	}, n[0] = o, n[1] = l);
@@ -2894,7 +2992,7 @@ var Ri = F((t) => {
 		children: [c?.length, " result(s)"]
 	}), /* @__PURE__ */ Z(C, {
 		gap: 0,
-		children: g?.map((e, t) => /* @__PURE__ */ Z(Ni, {
+		children: g?.map((e, t) => /* @__PURE__ */ Z(Ii, {
 			contextText: e.meta?.range?.startContainer.parentElement?.textContent ?? "",
 			pageIndex: e.meta?.itemPageIndex,
 			startOffset: e.meta?.range?.startOffset ?? 0,
@@ -2923,14 +3021,14 @@ var Ri = F((t) => {
 		gap: 2,
 		children: [_, S]
 	}), n[28] = S, n[29] = _, n[30] = w) : w = n[30], w;
-}), zi = F((t) => {
+}), Hi = 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(Ri, { onNavigate: a }), n[2] = a, n[3] = c);
+	n[2] === a ? c = n[3] : (c = /* @__PURE__ */ Z(Vi, { onNavigate: a }), n[2] = a, n[3] = c);
 	let l;
 	return n[4] !== r || n[5] !== i || n[6] !== c ? (l = /* @__PURE__ */ Z(Yt, {
 		open: r,
@@ -2940,8 +3038,8 @@ var Ri = F((t) => {
 		bodyProps: s,
 		children: c
 	}), n[4] = r, n[5] = i, n[6] = c, n[7] = l) : l = n[7], l;
-}), Bi = 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 = jr();
+}), 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();
 	s?.toc;
 	let l = c?.begin.absolutePageIndex, u;
 	if (n[0] !== c?.begin.chapterInfo) {
@@ -2995,14 +3093,14 @@ var Ri = F((t) => {
 		flex: 1,
 		children: p
 	}), n[2] = f.Root, n[3] = p, n[4] = g) : g = n[4], g;
-}), Vi = F((t) => {
+}), Wi = 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(Bi, { onNavigate: a }), n[1] = a, n[2] = s);
+	n[1] === a ? s = n[2] : (s = /* @__PURE__ */ Z(Ui, { onNavigate: a }), n[1] = a, n[2] = s);
 	let c;
 	return n[3] !== r || n[4] !== i || n[5] !== s ? (c = /* @__PURE__ */ Z(Yt, {
 		open: r,
@@ -3011,7 +3109,7 @@ var Ri = F((t) => {
 		bodyProps: o,
 		children: s
 	}), n[3] = r, n[4] = i, n[5] = s, n[6] = c) : c = n[6], c;
-}), Hi = () => {
+}), Gi = () => {
 	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;
@@ -3020,26 +3118,26 @@ var Ri = F((t) => {
 	}, 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);
-}, Ui = .5, Wi = 1, Gi = (e, t, n, r) => {
+}, Ki = .5, qi = 1, Ji = (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;
-}, Ki = F(() => {
+}, Yi = 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(qi), Re(100, Ce, {
+	t[1] === a?.zoom.state$ ? o = t[2] : (o = () => a?.zoom.state$.pipe(X(Xi), ze(100, we, {
 		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(Ji)), t[5] = a?.zoom.state$, t[6] = 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 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 = Gi(l, Wi, i, Ui), t[9] = i, t[10] = l, t[11] = m) : m = t[11];
+	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 h = m, g = p && l > 1, _;
 	t[12] === h ? _ = t[13] : (_ = [h], t[12] = h, t[13] = _);
 	let v;
@@ -3050,9 +3148,9 @@ var Ri = F((t) => {
 	let y;
 	t[16] !== _ || t[17] !== v || t[18] !== i ? (y = /* @__PURE__ */ Z(or, {
 		value: _,
-		min: Wi,
+		min: qi,
 		max: i,
-		step: Ui,
+		step: Ki,
 		minWidth: 200,
 		onValueChange: v
 	}), t[16] = _, t[17] = v, t[18] = i, t[19] = y) : y = t[19];
@@ -3062,88 +3160,93 @@ var Ri = F((t) => {
 		children: y
 	}), t[20] = y, t[21] = g, t[22] = b) : b = t[22], b;
 });
-function qi(e) {
+function Xi(e) {
 	return e.currentScale;
 }
-function Ji(e) {
+function Zi(e) {
 	return e.isZooming;
 }
 //#endregion
 //#region src/ReactReader.tsx
-var Yi = {
+var Qi = {
 	_open: "fade-in",
 	_closed: "fade-out"
-}, Xi = F(() => (gn(), null)), Zi = F(() => {
+}, $i = F(() => (gn(), null)), ea = F(() => {
 	let t = e(1);
-	Hi(), Qr(), ei(), Oi(), _n(), vn();
+	Gi(), ti(), ri(), ji(), _n(), vn();
 	let n;
-	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ Q(Ye, { children: [/* @__PURE__ */ Z(yr, {}), /* @__PURE__ */ Z(Xi, {})] }), t[0] = n) : n = t[0], n;
-}), Qi = F((n) => {
-	let r = e(47), i, a;
+	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) => {
+	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] = Ei(), S;
-	r[4] === x ? S = r[5] : (S = () => {
-		u(!1), f(!1), m(!1), g(void 0), x(!1), y(!1);
-	}, r[4] = x, r[5] = S);
-	let C = S, w;
-	r[6] === c ? w = r[7] : (w = (e) => {
-		e === "annotations" ? g("annotations") : e === "search" ? m(!0) : e === "help" ? f(!0) : e === "toc" ? u(!0) : e === "bookmarks" ? g("bookmarks") : e === "gallery" && y(!0), c?.(e);
-	}, r[6] = c, r[7] = w);
+	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;
+	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);
 	let T = w, E;
-	r[8] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ Z(Zi, {}), r[8] = E) : E = r[8];
-	let D, O, k;
-	r[9] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ Z(Xn, { children: /* @__PURE__ */ Z(dn, {}) }), O = /* @__PURE__ */ Z(Fr, {}), k = /* @__PURE__ */ Z(Zr, {}), r[9] = D, r[10] = O, r[11] = k) : (D = r[9], O = r[10], k = r[11]);
-	let A;
-	r[12] === _ ? A = r[13] : (A = /* @__PURE__ */ Z(Dr, {
+	r[6] === c ? E = r[7] : (E = (e) => {
+		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];
+	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]);
+	let M;
+	r[12] === _ ? M = r[13] : (M = /* @__PURE__ */ Z(Dr, {
 		open: _,
 		setOpen: y
-	}), r[12] = _, r[13] = A);
-	let j;
-	r[14] === Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ Z(Mi, {}), r[14] = j) : j = r[14];
-	let M;
-	r[15] === T ? M = r[16] : (M = /* @__PURE__ */ Z(Di, { onItemClick: T }), r[15] = T, r[16] = M);
-	let N, P, F, I;
-	r[17] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ Z(Ki, {}), P = /* @__PURE__ */ Z(kt, {}), F = /* @__PURE__ */ Z(zt, {}), I = /* @__PURE__ */ Z(_r, {}), r[17] = N, r[18] = P, r[19] = F, r[20] = I) : (N = r[17], P = r[18], F = r[19], I = r[20]);
-	let L;
-	r[21] === d ? L = r[22] : (L = /* @__PURE__ */ Z(Ar, {
+	}), 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];
+	let P;
+	r[15] === b ? P = r[16] : (P = /* @__PURE__ */ Z(Pr, {
+		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, {
 		open: d,
 		setOpen: f
-	}), r[21] = d, r[22] = L);
-	let R;
-	r[23] !== l || r[24] !== C ? (R = /* @__PURE__ */ Z(Vi, {
+	}), r[23] = d, r[24] = B);
+	let H;
+	r[25] !== l || r[26] !== T ? (H = /* @__PURE__ */ Z(Wi, {
 		open: l,
 		setOpen: u,
-		onNavigate: C
-	}), r[23] = l, r[24] = C, r[25] = R) : R = r[25];
-	let z;
-	r[26] !== p || r[27] !== C ? (z = /* @__PURE__ */ Z(zi, {
+		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, {
 		open: p,
 		setOpen: m,
-		onNavigate: C
-	}), r[26] = p, r[27] = C, r[28] = z) : z = r[28];
-	let B;
-	r[29] === Symbol.for("react.memo_cache_sentinel") ? (B = (e) => g(e ? "annotations" : void 0), r[29] = B) : B = r[29];
-	let H;
-	r[30] !== h || r[31] !== C ? (H = /* @__PURE__ */ Z(sn, {
-		openWith: h,
-		setOpen: B,
-		onNavigate: C
-	}), r[30] = h, r[31] = C, r[32] = H) : H = r[32];
-	let U = s || b, W;
-	r[33] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ Z(Rr, {}), r[33] = W) : W = r[33];
+		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[34] === U ? G = r[35] : (G = /* @__PURE__ */ Z(v, {
-		present: U,
-		animationName: Yi,
+	r[32] !== h || r[33] !== T ? (G = /* @__PURE__ */ Z(sn, {
+		openWith: h,
+		setOpen: W,
+		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,
 		animationDuration: "slow",
-		children: W
-	}), r[34] = U, r[35] = G);
-	let K;
-	r[36] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ Z($n, {}), r[36] = K) : K = r[36];
-	let q;
-	return r[37] !== i || r[38] !== a || r[39] !== M || r[40] !== L || r[41] !== R || r[42] !== z || r[43] !== H || r[44] !== G || r[45] !== A ? (q = /* @__PURE__ */ Q(Ye, { children: [E, /* @__PURE__ */ Q(t, {
+		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, {
 		position: "absolute",
 		top: 0,
 		left: 0,
@@ -3154,8 +3257,6 @@ var Yi = {
 		...a,
 		children: [
 			i,
-			D,
-			O,
 			k,
 			A,
 			j,
@@ -3167,12 +3268,15 @@ var Yi = {
 			L,
 			R,
 			z,
+			B,
 			H,
+			U,
 			G,
-			K
+			J,
+			ee
 		]
-	})] }), r[37] = i, r[38] = a, r[39] = M, r[40] = L, r[41] = R, r[42] = z, r[43] = H, r[44] = G, r[45] = A, r[46] = q) : q = r[46], q;
-}), $i = F((t) => {
+	})] }), 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) => {
 	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;
@@ -3182,7 +3286,7 @@ var Yi = {
 	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(Qi, {
+	n[10] !== r || n[11] !== d ? (f = /* @__PURE__ */ Z(ta, {
 		...d,
 		children: r
 	}), n[10] = r, n[11] = d, n[12] = f) : f = n[12];
@@ -3193,6 +3297,6 @@ var Yi = {
 	}), 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, $i as ReactReader };
+export { mt as BOOKMARK_AREA_DATA_ATTRIBUTE, ht as MAX_ZOOM_SCALE, na as ReactReader };
 
 //# sourceMappingURL=index.js.map