@prose-reader/react-reader 21.0.2 → 22.0.0

package/dist/index.js

@@ -1,11 +1,11 @@
 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 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 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 ee, LuBookmark as W, LuCheck as G, LuChevronDown as te, LuCircleCheck as K, LuCircleHelp as ne, LuColumns2 as re, LuGalleryHorizontal as ie, LuNotebookPen as ae, LuPause as oe, LuPlay as se, LuSearch as ce, LuTableOfContents as le, LuX as ue, LuZoomIn as de, LuZoomOut as fe } from "react-icons/lu";
+import { isDefined as pe, signal as me, useConstant as he, useLiveRef as ge, useMemoCompare as _e, useObserve as q, useSignalState as ve, useSignalValue as ye, useSubscribe as J } from "reactjrx";
+import { BehaviorSubject as be, EMPTY as xe, NEVER as Se, Observable as Ce, Subject as we, animationFrameScheduler as Te, combineLatest as Ee, debounceTime as De, distinctUntilChanged as Oe, 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";
@@ -25,8 +25,8 @@ var ht = "data-bookmark-area", gt = 5, _t = () => ({
 	_quickMenuOpen: !1,
 	_onQuickMenuOpenChange: (e) => e,
 	reader: void 0,
-	quickMenuBottomBarBoundingBoxSignal: he({ default: void 0 }),
-	notificationsSubject: new Te(),
+	quickMenuBottomBarBoundingBoxSignal: me({ default: void 0 }),
+	notificationsSubject: new we(),
 	refitMenuOpen: !1,
 	onRefitMenuOpenChange: () => {},
 	fontSizeMenuOpen: !1,
@@ -37,7 +37,7 @@ var ht = "data-bookmark-area", gt = 5, _t = () => ({
 	uncontrolledSpreadMode: "auto",
 	enableFloatingProgress: !0,
 	selectedHighlight: void 0
-}), vt = P(he({ default: _t() })), Q = (t) => {
+}), vt = P(me({ 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;
@@ -48,13 +48,13 @@ var ht = "data-bookmark-area", gt = 5, _t = () => ({
 		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], K(i, o, s).data;
+	return n[8] === Symbol.for("react.memo_cache_sentinel") ? (s = [], n[8] = s) : s = n[8], q(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 } = Q(a), s = be(o)?.borderBoxSize?.[0]?.blockSize || bt, c;
+	let { quickMenuBottomBarBoundingBoxSignal: o } = Q(a), s = ye(o)?.borderBoxSize?.[0]?.blockSize || bt, c;
 	n[4] === Symbol.for("react.memo_cache_sentinel") ? (c = {
 		_open: "fade-in",
 		_closed: "fade-out"
@@ -88,12 +88,12 @@ var ht = "data-bookmark-area", gt = 5, _t = () => ({
 	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 } = 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);
+	t[1] === r ? s = t[2] : (s = () => r?.selection.selectionOver$.pipe(Re(() => r.selection.selectionEnd$.pipe(Y(At), Le(!0)))) ?? xe, 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 } = K(s, c, l), d = u && !o, f;
+	let { data: u } = q(s, c, l), d = u && !o, f;
 	t[6] !== i || t[7] !== r?.selection ? (f = () => {
 		let e = r?.selection.getSelection();
 		e && i.update((t) => ({
@@ -102,7 +102,7 @@ var ht = "data-bookmark-area", gt = 5, _t = () => ({
 		}));
 	}, 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__ */ X(V, {}), t[9] = p) : p = t[9];
+	t[9] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ X(H, {}), t[9] = p) : p = t[9];
 	let m;
 	t[10] === f ? m = t[11] : (m = /* @__PURE__ */ Z(n, {
 		variant: "outline",
@@ -115,7 +115,7 @@ var ht = "data-bookmark-area", gt = 5, _t = () => ({
 		variant: "outline",
 		size: "sm",
 		disabled: !0,
-		children: [/* @__PURE__ */ X(oe, {}), "Bookmark"]
+		children: [/* @__PURE__ */ X(ae, {}), "Bookmark"]
 	}), t[12] = h) : h = t[12];
 	let g;
 	return t[13] !== d || t[14] !== m ? (g = /* @__PURE__ */ Z(xt, {
@@ -130,7 +130,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__ */ X(de, {}), r[0] = t.children, r[1] = i);
+	r[0] === t.children ? i = r[1] : (i = t.children ?? /* @__PURE__ */ X(ue, {}), r[0] = t.children, r[1] = i);
 	let a;
 	return r[2] !== t || r[3] !== n || r[4] !== i ? (a = /* @__PURE__ */ X(d, {
 		variant: "ghost",
@@ -197,7 +197,7 @@ var Rt = [
 		"onAnnotationUpdate",
 		"onAnnotationDelete"
 	], r[0] = a) : a = r[0];
-	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;
+	let { selectedHighlight: o, onAnnotationCreate: s, onAnnotationUpdate: c, onAnnotationDelete: l } = Q(a), u = yt(), { highlight: d, selection: f } = o ?? {}, [p, m] = V(Rt[0]), [h, g] = V(""), _ = !!(f ?? d), v;
 	r[1] === u ? v = r[2] : (v = () => {
 		u.update(Bt);
 	}, r[1] = u, r[2] = v);
@@ -224,7 +224,7 @@ var Rt = [
 				selectedHighlight: { highlight: t }
 			}));
 		}));
-	}, r[9] = u, r[10] = i?.annotations.highlightTap$, r[11] = k) : k = r[11], q(k);
+	}, r[9] = u, r[10] = i?.annotations.highlightTap$, r[11] = k) : k = r[11], J(k);
 	let A = Pt, j;
 	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;
@@ -248,23 +248,23 @@ var Rt = [
 		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[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: z
-	}), r[24] = h, r[25] = z, r[26] = V) : V = r[26];
+	r[21] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ X(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[27] !== L || r[28] !== V ? (H = /* @__PURE__ */ Z(C, { children: [
+	r[24] !== h || r[25] !== B ? (H = /* @__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__ */ Z(C, { children: [
 		L,
-		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, {
+		z,
+		H
+	] }), r[27] = L, r[28] = H, r[29] = U) : U = r[29];
+	let ee;
+	r[30] !== h || r[31] !== s || r[32] !== y || r[33] !== i?.annotations || r[34] !== p || r[35] !== f ? (ee = !!f && /* @__PURE__ */ X(n, {
 		onClick: () => {
 			y();
 			let e = i?.annotations.createAnnotation({
@@ -275,9 +275,9 @@ 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] = 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, {
+	}), r[30] = h, r[31] = s, r[32] = y, r[33] = i?.annotations, r[34] = p, r[35] = f, r[36] = ee) : ee = r[36];
+	let W;
+	r[37] !== h || r[38] !== d || r[39] !== l || r[40] !== c || r[41] !== y || r[42] !== p ? (W = !!d && /* @__PURE__ */ Z(C, {
 		direction: "row",
 		children: [/* @__PURE__ */ X(n, {
 			flex: 1,
@@ -297,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] = U) : U = r[43];
-	let W;
-	r[44] !== H || r[45] !== te || r[46] !== U ? (W = /* @__PURE__ */ Z(It, {
+	}), r[37] = h, r[38] = d, r[39] = l, r[40] = c, r[41] = y, r[42] = p, r[43] = W) : W = r[43];
+	let G;
+	r[44] !== U || r[45] !== ee || r[46] !== W ? (G = /* @__PURE__ */ Z(It, {
 		gap: 4,
 		display: "flex",
 		flexDirection: "column",
 		pb: 4,
 		children: [
-			H,
-			te,
-			U
+			U,
+			ee,
+			W
 		]
-	}), 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, {
+	}), r[44] = U, r[45] = ee, r[46] = W, r[47] = G) : G = r[47];
+	let te;
+	r[48] !== M || r[49] !== F || r[50] !== G ? (te = /* @__PURE__ */ Z(M, { children: [F, G] }), r[48] = M, r[49] = F, r[50] = G, r[51] = te) : te = r[51];
+	let K;
+	return r[52] !== A || r[53] !== _ || r[54] !== x || r[55] !== te || r[56] !== j ? (K = /* @__PURE__ */ Z(A, {
 		placement: "bottom",
 		onOpenChange: x,
 		open: _,
-		children: [j, ne]
-	}), r[52] = A, r[53] = _, r[54] = x, r[55] = ne, r[56] = j, r[57] = G) : G = r[57], G;
+		children: [j, te]
+	}), r[52] = A, r[53] = _, r[54] = x, r[55] = te, r[56] = j, r[57] = K) : K = r[57], K;
 });
 function Bt(e) {
 	return {
@@ -413,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(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];
+	n[2] !== t || n[3] !== a ? (o = () => a?.annotations.annotations$.pipe(Y((e) => e.find((e) => e.id === t)), ke(pe), 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), K(o, s);
+	return n[5] === a ? s = n[6] : (s = [a], n[5] = a, n[6] = s), q(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];
@@ -426,11 +426,11 @@ var Jt = i.ActionTrigger, Yt = (t) => {
 	let f;
 	n[7] !== o || n[8] !== c?.resource?.notes ? (f = c?.resource?.notes ? /* @__PURE__ */ X(h.Indicator, {
 		asChild: !0,
-		children: /* @__PURE__ */ X(oe, {})
+		children: /* @__PURE__ */ X(ae, {})
 	}) : o ? /* @__PURE__ */ X(h.Indicator, {
 		asChild: !0,
 		visibility: "hidden",
-		children: /* @__PURE__ */ X(oe, {})
+		children: /* @__PURE__ */ X(ae, {})
 	}) : 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__ */ X(T, {
@@ -465,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(Re((e) => i.locateResource(e))), o = [i], t[2] = i, t[3] = a, t[4] = o), K(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), q(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);
@@ -518,19 +518,19 @@ 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] = B(i ?? "bookmarks"), s;
+	let n = e(11), { onNavigate: r, defaultTab: i } = t, [a, o] = V(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__ */ Z(w.Trigger, {
 		value: "bookmarks",
-		children: [/* @__PURE__ */ X(U, {}), "Bookmarks"]
+		children: [/* @__PURE__ */ X(W, {}), "Bookmarks"]
 	}), n[1] = c) : c = n[1];
 	let l;
 	n[2] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ Z(w.List, { children: [
 		c,
 		/* @__PURE__ */ Z(w.Trigger, {
 			value: "annotations",
-			children: [/* @__PURE__ */ X(oe, {}), "Annotations"]
+			children: [/* @__PURE__ */ X(ae, {}), "Annotations"]
 		}),
 		/* @__PURE__ */ X(w.Indicator, {})
 	] }), n[2] = l) : l = n[2];
@@ -573,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 ? Se : a.spine.pages.observeFromAbsolutePageIndex(r).pipe(Y((e) => a.spine.spineItemsManager.get(e?.itemIndex))) : Pe(a.spine.spineItemsManager.get(i)) : Se, s = [
+	return n[0] !== r || n[1] !== i || n[2] !== a ? (o = () => a ? i === void 0 ? r === void 0 ? xe : a.spine.pages.observeFromAbsolutePageIndex(r).pipe(Y((e) => a.spine.spineItemsManager.get(e?.itemIndex))) : Pe(a.spine.spineItemsManager.get(i)) : xe, 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]), K(o, s);
+	], n[0] = r, n[1] = i, n[2] = a, n[3] = o, n[4] = s) : (o = n[3], s = n[4]), q(o, s);
 }, ln = (t) => {
 	let n = e(9), { absolutePageIndex: r, itemIndex: i } = t, a;
 	n[0] !== r || n[1] !== i ? (a = {
@@ -585,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$ : Ce, c = [o], n[3] = o, n[4] = s, n[5] = c);
-	let { data: l } = K(s, c), u;
+	n[3] === o ? (s = n[4], c = n[5]) : (s = () => o ? o.isReady$ : Se, c = [o], n[3] = o, n[4] = s, n[5] = c);
+	let { data: l } = q(s, c), u;
 	return n[6] !== l || n[7] !== o ? (u = {
 		spineItem: o,
 		isReady: l
@@ -639,7 +639,7 @@ 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 } = K(r, i), o;
+	let { data: a } = q(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__ */ X(Xe, { children: o }), t[6] = o, t[7] = s), s;
@@ -697,15 +697,15 @@ var pn = !0, mn = 10, hn = ({ position: e, containerSize: t, sizePercent: n }) =
 			let [t, r] = e, { event: i } = t, a = i.event.target;
 			return !(a && n.annotations.isTargetWithinHighlight(a) || r);
 		}));
-	}), t[0] = n, t[1] = r), q(r);
+	}), t[0] = n, t[1] = r), J(r);
 }, vn = () => {
 	let t = e(3), n = Ot(), r = yt(), i;
 	t[0] !== r || t[1] !== n ? (i = () => {
 		if (n) {
-			let e = r.pipe(Y(yn), J()), t = r.pipe(Y(bn), J()), i = De([t, e]).pipe(Y(xn));
+			let e = r.pipe(Y(yn), Oe()), t = r.pipe(Y(bn), Oe()), i = Ee([t, e]).pipe(Y(xn));
 			n.annotations.update({ annotations$: i });
 		}
-	}, t[0] = r, t[1] = n, t[2] = i) : i = t[2], q(i);
+	}, t[0] = r, t[1] = n, t[2] = i) : i = t[2], J(i);
 };
 function yn(e) {
 	return e.selectedHighlight?.highlight?.id;
@@ -730,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 } = K(a, o);
+	let { data: s } = q(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(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];
+	n[0] !== o?.audio || n[1] !== a || n[2] !== i ? (s = () => a ? o?.audio.state$.pipe(Y((e) => e.currentTrack?.id === i), Oe()) : 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 } = K(s, c);
+	let { data: l } = q(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);
@@ -795,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 = z(null), l = z(null), u = z(void 0), d = z(i ?? Kn), f;
+	let s = o, c = B(null), l = B(null), u = B(void 0), d = B(i ?? Kn), f;
 	r[2] === Symbol.for("react.memo_cache_sentinel") ? (f = [], r[2] = f) : f = r[2];
-	let p = z(f), m = z(En), h;
+	let p = B(f), m = B(En), h;
 	r[3] === Symbol.for("react.memo_cache_sentinel") ? (h = {
 		width: 0,
 		height: 0
 	}, r[3] = h) : h = r[3];
-	let g = z(h), _;
+	let g = B(h), _;
 	r[4] === Symbol.for("react.memo_cache_sentinel") ? (_ = () => {
 		let e = c.current;
 		if (!e || g.current.height <= 0) return;
@@ -911,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 } = K(c, l), d = !!u, f;
+	let { data: u } = q(c, l), d = !!u, f;
 	n[8] !== r.item.id || n[9] !== d ? (f = {
 		enabled: d,
 		trackId: r.item.id
@@ -934,7 +934,7 @@ var Sn = () => {
 	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 } = K(a, o), c = i?.spineItemsManager.items;
+	let { data: s } = q(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);
@@ -985,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 = 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;
+	let a = he(rr), o;
+	n[3] === a.value.fontSizeMenuOpen ? o = n[4] : (o = () => me({ default: a.value.fontSizeMenuOpen }), n[3] = a.value.fontSizeMenuOpen, n[4] = o);
+	let s = he(o), c = ye(s), l;
 	n[5] === s ? l = n[6] : (l = (e) => {
 		s.update(e);
 	}, n[5] = s, n[6] = l);
@@ -999,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 = () => he({ default: a.value.refitMenuOpen }), n[9] = a.value.refitMenuOpen, n[10] = p);
-	let m = ge(p), h;
+	n[9] === a.value.refitMenuOpen ? p = n[10] : (p = () => me({ default: a.value.refitMenuOpen }), n[9] = a.value.refitMenuOpen, n[10] = p);
+	let m = he(p), h;
 	n[11] === m ? h = n[12] : (h = (e) => {
 		m.update(e);
 	}, n[11] = m, n[12] = h);
-	let g = h, _ = be(m), v = ve(i, Qe), y, b;
+	let g = h, _ = ye(m), v = _e(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,
@@ -1039,7 +1039,7 @@ var tr = (t) => {
 	}), n[3] = r, n[4] = i, n[5] = a) : a = n[5], a;
 });
 function rr() {
-	return he({ default: _t() });
+	return me({ default: _t() });
 }
 //#endregion
 //#region src/components/ui/slider.tsx
@@ -1170,7 +1170,7 @@ var dr = M.forwardRef(function(t, n) {
 	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;
+	let n = e(32), { scopeHelperText: r, activeScope: i, onActiveScopeChange: a, renderScopeValue: o } = t, [c, u] = V(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);
@@ -1213,7 +1213,7 @@ var dr = M.forwardRef(function(t, n) {
 		value: e,
 		textTransform: "capitalize",
 		disabled: e !== "global" && !i,
-		children: [i === e && /* @__PURE__ */ X(W, {}), e]
+		children: [i === e && /* @__PURE__ */ X(G, {}), 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);
@@ -1255,7 +1255,7 @@ var xr = F(() => {
 		"uncontrolledFontSize",
 		"fontSizeValues"
 	], t[0] = i) : i = t[0];
-	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), _;
+	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 = ge(p), _;
 	t[1] !== r || t[2] !== g ? (_ = (e, t) => {
 		g.current ? g.current(e, t) : r.update((e) => ({
 			...e,
@@ -1344,7 +1344,7 @@ var xr = F(() => {
 	right: 0
 };
 function Cr() {
-	let t = e(7), [n, r] = B(null), [i, a] = B(Sr), o;
+	let t = e(7), [n, r] = V(null), [i, a] = V(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;
@@ -1365,7 +1365,7 @@ function Cr() {
 		if (n) return s.observe(n), () => {
 			s.disconnect();
 		};
-	}, l = [n, s], t[1] = n, t[2] = c, t[3] = l), ee(c, l);
+	}, l = [n, s], t[1] = n, t[2] = c, t[3] = l), z(c, l);
 	let u;
 	return t[4] !== n || t[5] !== i ? (u = [
 		r,
@@ -1380,13 +1380,13 @@ var wr = (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 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) => {
+		if (!s || !t) return Se;
+		let e = n.didLayout$.pipe(Le(n.layoutInfo), Oe(We), Be(100, void 0, { trailing: !0 })), i = Ge(t).pipe(Y(Er), Le(!1), Oe());
+		return Ee([e, i]).pipe(Re((e) => {
 			let [, i] = e;
-			return i ? (t.innerHTML = "", s.gallery.snapshot(n, t, r)) : (t.innerHTML = "", Ce);
+			return i ? (t.innerHTML = "", s.gallery.snapshot(n, t, r)) : (t.innerHTML = "", Se);
 		}));
-	}, i[2] = t, i[3] = n, i[4] = r, i[5] = s, i[6] = c) : c = i[6], q(c);
+	}, i[2] = t, i[3] = n, i[4] = r, i[5] = s, i[6] = c) : c = i[6], J(c);
 };
 function Tr(e) {
 	return e.isIntersecting;
@@ -1401,7 +1401,7 @@ var Dr = F((n) => {
 	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 } = K(u, d), p;
+	let { data: f } = q(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];
@@ -1483,7 +1483,7 @@ var Dr = F((n) => {
 		contentProps: s,
 		children: d
 	}), r[8] = i, r[9] = a, r[10] = d, r[11] = f) : f = r[11], f;
-}), kr = "@prose-reader/react-reader", Ar = "21.0.1", jr = F((t) => {
+}), kr = "@prose-reader/react-reader", Ar = "21.0.2", jr = F((t) => {
 	let n = e(12), { open: r, setOpen: i } = t, a;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (a = {
 		overflowY: "auto",
@@ -1500,7 +1500,7 @@ var Dr = F((n) => {
 		children: "Shortcuts"
 	}), n[1] = o) : o = n[1];
 	let s;
-	n[2] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ X(p, { children: /* @__PURE__ */ X(te, {}) }), n[2] = s) : s = n[2];
+	n[2] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ X(p, { children: /* @__PURE__ */ X(ee, {}) }), n[2] = s) : s = n[2];
 	let c;
 	n[3] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Z(l, {
 		mb: 1,
@@ -1511,7 +1511,7 @@ var Dr = F((n) => {
 		]
 	}), n[3] = c) : c = n[3];
 	let d;
-	n[4] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ X(p, { children: /* @__PURE__ */ X(H, {}) }), n[4] = d) : d = n[4];
+	n[4] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ X(p, { children: /* @__PURE__ */ X(U, {}) }), n[4] = d) : d = n[4];
 	let f;
 	n[5] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ Z(C, { children: [
 		o,
@@ -1574,9 +1574,9 @@ var Dr = F((n) => {
 		"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), _;
+	let { uncontrolledSpreadMode: a, spreadMode: o, spreadModeScope: c, spreadModeValues: l, onSpreadModeChange: u, onSpreadModeScopeChange: d } = Q(i), f = o === void 0 ? a : o, p = ge(u), m, h;
+	t[1] === n ? (m = t[2], h = t[3]) : (m = () => n ? Ee([n.viewport.watch("isSpread"), n.context.watch("isSpreadAllowed")]).pipe(Y(Pr)) : Se, h = [n], t[1] = n, t[2] = m, t[3] = h);
+	let { data: g } = q(m, h), _;
 	t[4] !== r || t[5] !== p ? (_ = (e, t) => {
 		p.current ? p.current(e, t) : r.update((e) => ({
 			...e,
@@ -1674,7 +1674,7 @@ var Fr = F((t) => {
 	}), r[5] = i, r[6] = o, r[7] = u) : u = r[7], u;
 }), Ir = () => {
 	let t = e(3), n = $(), r, i;
-	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;
+	return t[0] === n ? (r = t[1], i = t[2]) : (r = () => n ? Ee([n.pagination.state$, n.context]).pipe(Y(Rr)) : Se, i = [n], t[0] = n, t[1] = r, t[2] = i), q(r, i).data;
 };
 function Lr(e) {
 	return e.mediaType?.startsWith("image/");
@@ -1722,7 +1722,7 @@ var zr = {
 }, 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] = B(n), a, o;
+	let [r, i] = V(n), a, o;
 	return t[1] === Symbol.for("react.memo_cache_sentinel") ? (a = () => {
 		let e = setInterval(() => {
 			i(/* @__PURE__ */ new Date());
@@ -1756,7 +1756,7 @@ var zr = {
 		children: /* @__PURE__ */ X(Hr, {})
 	}), n[0] = r) : r = n[0], r;
 }), Wr = (t, n) => {
-	let r = e(4), [i, a] = B(), o, s;
+	let r = e(4), [i, a] = V(), o, s;
 	return r[0] !== n || r[1] !== t ? (o = () => {
 		if (t === void 0) {
 			a(void 0);
@@ -1777,33 +1777,27 @@ var zr = {
 }, Yr = {
 	base: "moderate",
 	_motionReduce: "0ms"
-}, 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(":");
-}, Zr = (e) => e.pagination.state$.pipe(Y(({ begin: e, end: t }) => ({
+}, Xr = (e) => e.pagination.state$.pipe(Y(({ begin: e, end: t }) => ({
 	beginPageIndexInSpineItem: e.pageIndexInSpineItem,
 	beginSpineItemIndex: e.spineItemIndex,
 	endPageIndexInSpineItem: t.pageIndexInSpineItem,
 	endSpineItemIndex: t.spineItemIndex
-})), J(Qe), Fe({
+})), Oe(Qe), Fe({
 	bufferSize: 1,
 	refCount: !0
-})), 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) => ({
+})), Zr = ({ pagination$: e, reader: t }) => e.pipe(Y(({ beginSpineItemIndex: e }) => e === void 0 ? void 0 : t.spineItemsManager.items[e]), Oe(), Re((e) => e ? e.isReady$.pipe(Y((t) => ({
 	spineItem: e,
 	isReady: t
 }))) : Pe({
 	spineItem: void 0,
 	isReady: !1
-}))), $r = (e) => {
-	let t = Zr(e), n = Qr({
+}))), Qr = (e) => {
+	if (!Dt(e)) return Pe(void 0);
+	let t = Xr(e), n = Zr({
 		pagination$: t,
 		reader: e
-	}), r = Dt(e) ? e : void 0;
-	return De([
+	});
+	return Ee([
 		t,
 		e.viewportState$,
 		e.viewport.watch([
@@ -1813,24 +1807,22 @@ var zr = {
 		]),
 		e.settings.watch(["spreadMode"]),
 		n
-	]).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 Xr({
-			pagination: t,
-			isSpread: i,
-			viewportState: n,
-			wouldSpreadWhenRotated: e.viewport.wouldSpreadAt({
-				width: a.height,
-				height: a.width
-			}),
-			isPanorama: l
-		});
-	}), J());
-}, ei = () => {
+	]).pipe(De(Kr), Y(([t, n, { isSpread: r, width: i, height: a }, o, { spineItem: s, isReady: c }]) => {
+		if (n === "free" && !r && e.viewport.wouldSpreadAt({
+			width: a,
+			height: i
+		}) && c && s && e.cbz.isPanoramaSpineItem(s)) return [
+			t.beginSpineItemIndex,
+			t.beginPageIndexInSpineItem,
+			t.endSpineItemIndex,
+			t.endPageIndexInSpineItem
+		].map((e) => e ?? "none").join(":");
+	}), Oe());
+}, $r = () => {
 	let t = e(3), n = $(), r, i;
-	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;
+	return t[0] === n ? (r = t[1], i = t[2]) : (r = () => n ? Qr(n) : Se, i = [n], t[0] = n, t[1] = r, t[2] = i), q(r, i).data;
+}, ei = F(() => {
+	let n = e(6), r = Wr($r(), qr), i = r !== void 0, a;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ X(t, {
 		alignItems: "center",
 		bg: "bg.inverted/72",
@@ -1867,11 +1859,11 @@ var zr = {
 		animationDuration: Yr,
 		children: o
 	}), n[3] = i, n[4] = o, n[5] = s) : s = n[5], s;
-}), ni = () => {
+}), ti = () => {
 	let t = e(2), n = $(), r;
-	t[0] === n?.links$ ? r = t[1] : (r = () => n?.links$.subscribe(ri), t[0] = n?.links$, t[1] = r), q(r);
+	t[0] === n?.links$ ? r = t[1] : (r = () => n?.links$.subscribe(ni), t[0] = n?.links$, t[1] = r), J(r);
 };
-function ri(e) {
+function ni(e) {
 	if (e.type === "click" && Ue(e.target, "a")) {
 		if (!e.target.href) return;
 		let t = new URL(e.target.href);
@@ -1880,12 +1872,12 @@ function ri(e) {
 }
 //#endregion
 //#region src/fonts/useFontSizeNotifications.ts
-var ii = () => {
+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 } = 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) => {
+	t[1] === r ? i = t[2] : (i = () => r.pipe(ke(pe), Ne((e) => {
+		let t = e.duration ?? 3e3, n = new Ce((n) => {
 			try {
 				queueMicrotask(() => {
 					let r = Qn.create({
@@ -1900,13 +1892,13 @@ var ii = () => {
 				n.error(t);
 			}
 		}), 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(() => {
+		return n.pipe(Re((n) => Me(Ve(t), e.abort ?? Se, i).pipe(je(), Ae(() => {
 			queueMicrotask(() => {
 				Qn.dismiss(n);
 			});
 		}))));
-	})), t[1] = r, t[2] = i), q(i);
-}, ai = k(ut), oi = F((n) => {
+	})), t[1] = r, t[2] = i), J(i);
+}, ii = k(ut), ai = F((n) => {
 	let r = e(10), i;
 	r[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {
 		"--bg": "colors.bg",
@@ -1957,7 +1949,7 @@ var ii = () => {
 	return r[7] !== n || r[8] !== u ? (d = /* @__PURE__ */ X(t, {
 		display: "contents",
 		css: i,
-		children: /* @__PURE__ */ X(ai, {
+		children: /* @__PURE__ */ X(ii, {
 			keyboard: !1,
 			style: a,
 			css: o,
@@ -1965,14 +1957,14 @@ var ii = () => {
 			...n
 		})
 	}), r[7] = n, r[8] = u, r[9] = d) : d = r[9], d;
-}), si = () => {
+}), 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 } = K(r, i);
+	let { data: a } = q(r, i);
 	return a;
-}, ci = (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 ? [
@@ -1980,17 +1972,17 @@ var ii = () => {
 		r,
 		i
 	].map((e) => String(e).padStart(2, "0")).join(":") : [r, i].map((e) => String(e).padStart(2, "0")).join(":");
-}, 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) => {
+}, 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), _ = he(li), v;
+	if (n[0] !== r?.audio.state$ || n[1] !== _ ? (v = () => r?.audio.state$.pipe(Y(ui), ze((e) => {
 		_.value || (g(e), _.next(!1));
-	})), n[0] = r?.audio.state$, n[1] = _, n[2] = v) : v = n[2], q(v), !i) return null;
+	})), n[0] = r?.audio.state$, n[1] = _, n[2] = v) : v = n[2], J(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__ */ X(se, {}) : /* @__PURE__ */ X(ce, {}), n[5] = i.isPlaying, n[6] = S);
+	n[5] === i.isPlaying ? S = n[6] : (S = i.isPlaying ? /* @__PURE__ */ X(oe, {}) : /* @__PURE__ */ X(se, {}), n[5] = i.isPlaying, n[6] = S);
 	let w;
 	n[7] !== y || n[8] !== b || n[9] !== x || n[10] !== S ? (w = /* @__PURE__ */ X(d, {
 		"aria-label": y,
@@ -2015,7 +2007,7 @@ var ii = () => {
 		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__ */ X(oi, {
+	n[17] !== h || n[18] !== m || n[19] !== f || n[20] !== E || n[21] !== D ? (O = /* @__PURE__ */ X(ai, {
 		value: h,
 		min: 0,
 		max: f,
@@ -2024,7 +2016,7 @@ var ii = () => {
 		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..." : ci(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__ */ X(T, {
 		fontSize: "xs",
@@ -2032,7 +2024,7 @@ var ii = () => {
 		children: k
 	}), n[26] = k, n[27] = A);
 	let j;
-	n[28] === s ? j = n[29] : (j = ci(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__ */ X(T, {
 		fontSize: "xs",
@@ -2065,28 +2057,28 @@ var ii = () => {
 		children: [w, P]
 	}), n[38] = t, n[39] = P, n[40] = w, n[41] = F) : F = n[41], F;
 };
-function ui() {
-	return new xe(!1);
+function li() {
+	return new be(!1);
 }
-function di(e) {
+function ui(e) {
 	return e.currentTime;
 }
 //#endregion
 //#region src/audio/useHasVisibleAudioTracks.ts
-var fi = () => {
+var di = () => {
 	let t = e(4), n = Sn(), 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);
+	t[0] === n?.audio.visibleTrackIds$ ? r = t[1] : (r = () => n?.audio.visibleTrackIds$.pipe(Y(fi), Oe()), 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 } = K(r, i);
+	let { data: a } = q(r, i);
 	return a !== void 0 && a;
 };
-function pi(e) {
+function fi(e) {
 	return e.length > 0;
 }
 //#endregion
 //#region src/components/ui/toggle-tip.tsx
-var mi = 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;
@@ -2123,7 +2115,7 @@ var mi = 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;
-}), hi = 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;
@@ -2135,13 +2127,13 @@ var mi = M.forwardRef(function(t, n) {
 		children: /* @__PURE__ */ X(dt, {})
 	}), r[3] = o) : o = r[3];
 	let s;
-	return r[4] !== i || r[5] !== n || r[6] !== a ? (s = /* @__PURE__ */ X(mi, {
+	return r[4] !== i || r[5] !== n || r[6] !== a ? (s = /* @__PURE__ */ X(pi, {
 		content: i,
 		...a,
 		ref: n,
 		children: o
 	}), r[4] = i, r[5] = n, r[6] = a, r[7] = s) : s = r[7], s;
-}), gi = 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__ */ X(y.Range, {}), r[0] = i) : i = r[0];
 	let a;
@@ -2155,7 +2147,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__ */ X(hi, { children: a }), r[4] = a, r[5] = s);
+	r[4] === a ? s = r[5] : (s = a && /* @__PURE__ */ X(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__ */ Z(y.Label, {
 		...o,
@@ -2163,7 +2155,7 @@ 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 _i = y.Root, vi = y.ValueText, yi = () => {
+var gi = y.Root, _i = y.ValueText, vi = () => {
 	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,
@@ -2176,8 +2168,8 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		leftPageIndex: o,
 		rightPageIndex: s
 	};
-}, bi = () => {
-	let t = e(24), n = Ir(), { hasOnlyOnePage: r, leftPageIndex: i, rightPageIndex: a, totalApproximatePages: o, beginAndEndAreDifferent: s } = yi(), c;
+}, yi = () => {
+	let t = e(24), n = Ir(), { 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) {
@@ -2185,14 +2177,14 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		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__ */ X(gi, { width: 110 }), t[4] = p) : p = t[4];
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ X(hi, { width: 110 }), t[4] = p) : p = t[4];
 	let m = `${u}%`, h;
 	t[5] === m ? h = t[6] : (h = /* @__PURE__ */ Z(l, {
 		justifyContent: "space-between",
-		children: [p, /* @__PURE__ */ X(vi, { children: m })]
+		children: [p, /* @__PURE__ */ X(_i, { children: m })]
 	}), t[5] = m, t[6] = h);
 	let g;
-	t[7] !== u || t[8] !== h ? (g = /* @__PURE__ */ X(_i, {
+	t[7] !== u || t[8] !== h ? (g = /* @__PURE__ */ X(gi, {
 		value: u,
 		size: "xs",
 		width: 150,
@@ -2230,7 +2222,7 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 			y
 		]
 	}), t[20] = g, t[21] = v, t[22] = y, t[23] = b) : b = t[23], b;
-}, xi = 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;
@@ -2258,10 +2250,10 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		...a,
 		children: r
 	}), n[7] = r, n[8] = a, n[9] = o, n[10] = s, n[11] = c) : c = n[11], c;
-}), 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;
+}), xi = () => {
+	let t = e(10), n = Ir()?.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 = () => me({ default: o || 0 }), t[0] = o, t[1] = s);
+	let [c, l] = ve(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);
@@ -2272,10 +2264,10 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		min: 0,
 		max: u
 	}, t[6] = u, t[7] = c, t[8] = l, t[9] = p) : p = t[9], p;
-}, Ci = (n) => {
-	let r = e(21), i = $(), a = Ir(), { data: o } = K(() => i?.context, [i]) ?? {}, s;
+}, Si = (n) => {
+	let r = e(21), i = $(), a = Ir(), { data: o } = q(() => 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 } = yi(), p = d === void 0 ? 0 : d, m = f, { value: h, valueSignal: g, min: _, max: v } = Si(), 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);
@@ -2293,14 +2285,14 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 	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], q(x), p === 1 || u && p === 2) {
+	}), r[7] = i?.navigation, r[8] = g.subject, r[9] = x) : x = r[9], J(x), p === 1 || u && p === 2) {
 		let 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__ */ X(oi, {
+	return r[14] !== v || r[15] !== _ || r[16] !== b || r[17] !== n || r[18] !== l || r[19] !== S ? (C = /* @__PURE__ */ X(ai, {
 		value: S,
 		max: v,
 		min: _,
@@ -2309,8 +2301,8 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		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;
-}, wi = F((n) => {
-	let i = e(115), { open: a, onItemClick: o } = n, s = z(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",
@@ -2320,15 +2312,15 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 	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: _ } = K(h, g), v;
+	let { data: _ } = q(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 } = 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 { data: b } = q(v, y), x;
+	i[9] === c?.zoom.state$ ? x = i[10] : (x = () => c?.zoom.state$.pipe(Y(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 } = 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;
+	let { data: w } = q(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) => {
@@ -2343,14 +2335,14 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		px: 4,
 		justifyContent: "center",
 		width: "100%",
-		children: /* @__PURE__ */ X(li, { maxW: 400 })
+		children: /* @__PURE__ */ X(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);
 	let I = !_?.canGoLeftSpineItem && !_?.canGoTopSpineItem, L;
 	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, {
+	let z;
+	i[22] !== F || i[23] !== I || i[24] !== L ? (z = /* @__PURE__ */ X(d, {
 		"aria-label": "left",
 		size: "lg",
 		variant: "ghost",
@@ -2358,11 +2350,11 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		onClick: F,
 		disabled: I,
 		children: L
-	}), 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];
+	}), i[22] = F, i[23] = I, i[24] = L, i[25] = z) : z = i[25];
 	let H;
-	i[27] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ Z(C, {
+	i[26] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ X(yi, {}), i[26] = H) : H = i[26];
+	let U;
+	i[27] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ Z(C, {
 		flex: 1,
 		minW: 0,
 		maxW: 400,
@@ -2370,30 +2362,30 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		alignItems: "center",
 		overflow: "auto",
 		px: 4,
-		children: [V, /* @__PURE__ */ X(Ci, { style: {
+		children: [H, /* @__PURE__ */ X(Si, { style: {
 			width: "100%",
 			maxWidth: "300px",
 			height: "35px"
 		} })]
-	}), i[27] = H) : H = i[27];
-	let te = !_?.canGoRightSpineItem && !_?.canGoBottomSpineItem, U;
-	i[28] === c?.navigation ? U = i[29] : (U = () => {
+	}), i[27] = U) : U = i[27];
+	let ee = !_?.canGoRightSpineItem && !_?.canGoBottomSpineItem, W;
+	i[28] === c?.navigation ? W = i[29] : (W = () => {
 		c?.navigation.goToRightOrBottomSpineItem();
-	}, 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);
+	}, i[28] = c?.navigation, i[29] = W);
 	let G;
-	i[32] !== te || i[33] !== U || i[34] !== W ? (G = /* @__PURE__ */ X(d, {
+	i[30] === O ? G = i[31] : (G = X(O ? ot : ct, {}), i[30] = O, i[31] = G);
+	let K;
+	i[32] !== ee || i[33] !== W || i[34] !== G ? (K = /* @__PURE__ */ X(d, {
 		"aria-label": "right",
 		size: "lg",
 		flexShrink: 0,
 		variant: "ghost",
-		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, {
+		disabled: ee,
+		onClick: W,
+		children: G
+	}), i[32] = ee, i[33] = W, i[34] = G, i[35] = K) : K = i[35];
+	let oe;
+	i[36] !== z || i[37] !== K ? (oe = /* @__PURE__ */ Z(l, {
 		flex: 1,
 		alignSelf: "stretch",
 		alignItems: "center",
@@ -2401,99 +2393,99 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		maxWidth: "100%",
 		px: 4,
 		children: [
-			ee,
-			H,
-			G
+			z,
+			U,
+			K
 		]
-	}), i[36] = ee, i[37] = G, i[38] = se) : se = i[38];
-	let ce;
-	i[39] === Symbol.for("react.memo_cache_sentinel") ? (ce = (e) => {
+	}), i[36] = z, i[37] = K, i[38] = oe) : oe = i[38];
+	let se;
+	i[39] === Symbol.for("react.memo_cache_sentinel") ? (se = (e) => {
 		let { open: t } = e;
 		j(t);
-	}, 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, {
+	}, i[39] = se) : se = i[39];
+	let ue = A ? "rotate(0deg)" : "rotate(180deg)", pe;
+	i[40] === ue ? pe = i[41] : (pe = /* @__PURE__ */ X(r.Trigger, {
 		paddingY: "3",
 		width: "100%",
 		display: "flex",
 		justifyContent: "center",
-		children: /* @__PURE__ */ X(ne, { style: { transform: de } })
-	}), i[40] = de, i[41] = me);
+		children: /* @__PURE__ */ X(te, { style: { transform: ue } })
+	}), i[40] = ue, i[41] = pe);
+	let me;
+	i[42] === o ? me = i[43] : (me = () => o("help"), i[42] = o, i[43] = me);
 	let he;
-	i[42] === o ? he = i[43] : (he = () => o("help"), i[42] = o, i[43] = he);
+	i[44] === Symbol.for("react.memo_cache_sentinel") ? (he = /* @__PURE__ */ X(ne, {}), i[44] = he) : he = i[44];
 	let ge;
-	i[44] === Symbol.for("react.memo_cache_sentinel") ? (ge = /* @__PURE__ */ X(re, {}), i[44] = ge) : ge = i[44];
-	let _e;
-	i[45] === he ? _e = i[46] : (_e = /* @__PURE__ */ X(d, {
+	i[45] === me ? ge = i[46] : (ge = /* @__PURE__ */ X(d, {
 		"aria-label": "Help",
 		size: "lg",
 		variant: "ghost",
-		onClick: he,
-		children: ge
-	}), i[45] = he, i[46] = _e);
+		onClick: me,
+		children: he
+	}), i[45] = me, i[46] = ge);
+	let _e;
+	i[47] === o ? _e = i[48] : (_e = () => o("toc"), i[47] = o, i[48] = _e);
 	let ve;
-	i[47] === o ? ve = i[48] : (ve = () => o("toc"), i[47] = o, i[48] = ve);
+	i[49] === Symbol.for("react.memo_cache_sentinel") ? (ve = /* @__PURE__ */ X(le, {}), i[49] = ve) : ve = i[49];
 	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, {
+	i[50] === _e ? ye = i[51] : (ye = /* @__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, {
+		onClick: _e,
+		children: ve
+	}), i[50] = _e, i[51] = ye);
+	let J;
+	i[52] !== o || i[53] !== c ? (J = St(c) && /* @__PURE__ */ X(d, {
 		"aria-label": "Search",
 		size: "lg",
 		variant: "ghost",
 		onClick: () => o("search"),
-		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 = () => {
+		children: /* @__PURE__ */ X(ce, {})
+	}), i[52] = o, i[53] = c, i[54] = J) : J = i[54];
+	let be = T ? "solid" : "ghost", xe;
+	i[55] !== T || i[56] !== c?.zoom ? (xe = () => {
 		T ? c?.zoom.exit({ animate: !0 }) : c?.zoom.enter({
 			animate: !0,
 			scale: 2
 		});
-	}, i[55] = T, i[56] = c?.zoom, i[57] = Se) : Se = i[57];
+	}, i[55] = T, i[56] = c?.zoom, i[57] = xe) : xe = i[57];
+	let Se;
+	i[58] === T ? Se = i[59] : (Se = X(T ? fe : de, {}), i[58] = T, i[59] = Se);
 	let Ce;
-	i[58] === T ? Ce = i[59] : (Ce = X(T ? pe : fe, {}), i[58] = T, i[59] = Ce);
-	let we;
-	i[60] !== xe || i[61] !== Se || i[62] !== Ce ? (we = /* @__PURE__ */ X(d, {
+	i[60] !== be || i[61] !== xe || i[62] !== Se ? (Ce = /* @__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[64] === p ? Te = i[65] : (Te = () => {
+		variant: be,
+		onClick: xe,
+		children: Se
+	}), i[60] = be, i[61] = xe, i[62] = Se, i[63] = Ce) : Ce = i[63];
+	let we;
+	i[64] === p ? we = i[65] : (we = () => {
 		p(!0);
-	}, i[64] = p, i[65] = Te);
+	}, i[64] = p, i[65] = we);
+	let Te;
+	i[66] === Symbol.for("react.memo_cache_sentinel") ? (Te = /* @__PURE__ */ X(rt, {}), i[66] = Te) : Te = i[66];
 	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, {
+	i[67] === we ? Ee = i[68] : (Ee = /* @__PURE__ */ X(d, {
 		"aria-label": "font size",
 		size: "lg",
-		onClick: Te,
+		onClick: we,
 		variant: "ghost",
-		children: Ee
-	}), i[67] = Te, i[68] = De);
+		children: Te
+	}), i[67] = we, i[68] = Ee);
+	let De;
+	i[69] === o ? De = i[70] : (De = () => o("layout"), i[69] = o, i[70] = De);
 	let Oe;
-	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];
+	i[71] === Symbol.for("react.memo_cache_sentinel") ? (Oe = /* @__PURE__ */ X(re, {}), i[71] = Oe) : Oe = i[71];
 	let ke;
-	i[72] === Oe ? ke = i[73] : (ke = /* @__PURE__ */ X(d, {
+	i[72] === De ? ke = i[73] : (ke = /* @__PURE__ */ X(d, {
 		"aria-label": "Layout",
 		size: "lg",
 		variant: "ghost",
-		onClick: Oe,
-		children: J
-	}), i[72] = Oe, i[73] = ke);
+		onClick: De,
+		children: Oe
+	}), i[72] = De, i[73] = ke);
 	let Ae;
 	i[74] !== o || i[75] !== c ? (Ae = wt(c) && /* @__PURE__ */ X(d, {
 		"aria-label": "Bookmarks",
@@ -2508,7 +2500,7 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		size: "lg",
 		variant: "ghost",
 		onClick: () => o("annotations"),
-		children: /* @__PURE__ */ X(oe, {})
+		children: /* @__PURE__ */ X(ae, {})
 	}), 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, {
@@ -2529,7 +2521,7 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		});
 	}, i[84] = E, i[85] = c?.zoom, i[86] = Pe) : Pe = i[86];
 	let Fe;
-	i[87] === Symbol.for("react.memo_cache_sentinel") ? (Fe = /* @__PURE__ */ X(ae, {}), i[87] = Fe) : Fe = i[87];
+	i[87] === Symbol.for("react.memo_cache_sentinel") ? (Fe = /* @__PURE__ */ X(ie, {}), i[87] = Fe) : Fe = i[87];
 	let Ie;
 	i[88] !== Ne || i[89] !== Pe ? (Ie = /* @__PURE__ */ X(d, {
 		"aria-label": "Thumbnails",
@@ -2547,7 +2539,7 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		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, {
+	i[94] !== ge || i[95] !== ye || i[96] !== J || i[97] !== Ce || i[98] !== Ee || 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__ */ Z(t, {
@@ -2556,11 +2548,11 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 			px: 4,
 			pb: 1,
 			children: [
-				_e,
-				be,
-				q,
-				we,
-				De,
+				ge,
+				ye,
+				J,
+				Ce,
+				Ee,
 				ke,
 				Ae,
 				je,
@@ -2569,22 +2561,22 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 				Le
 			]
 		})
-	}), 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];
+	}), i[94] = ge, i[95] = ye, i[96] = J, i[97] = Ce, i[98] = Ee, 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, {
+	i[106] !== A || i[107] !== pe || i[108] !== Re ? (ze = /* @__PURE__ */ X(l, {
 		alignSelf: "stretch",
 		alignItems: "center",
 		justifyContent: "center",
 		children: /* @__PURE__ */ Z(r.Root, {
 			open: A,
 			flex: 1,
-			onOpenChange: ce,
+			onOpenChange: se,
 			width: "100%",
-			children: [me, Re]
+			children: [pe, Re]
 		})
-	}), i[106] = A, i[107] = me, i[108] = Re, i[109] = ze) : ze = i[109];
+	}), i[106] = A, i[107] = pe, 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, {
+	return i[110] !== a || i[111] !== P || i[112] !== oe || i[113] !== ze ? (Be = /* @__PURE__ */ Z(bi, {
 		present: a,
 		position: "bottom",
 		display: "flex",
@@ -2596,23 +2588,23 @@ var _i = y.Root, vi = y.ValueText, yi = () => {
 		gap: 4,
 		children: [
 			P,
-			se,
+			oe,
 			ze
 		]
-	}), i[110] = a, i[111] = P, i[112] = se, i[113] = ze, i[114] = Be) : Be = i[114], Be;
+	}), i[110] = a, i[111] = P, i[112] = oe, i[113] = ze, i[114] = Be) : Be = i[114], Be;
 });
-function Ti(e) {
+function wi(e) {
 	return e.currentScale > 1 ? "in" : e.currentScale < 1 ? "out" : void 0;
 }
 //#endregion
 //#region src/common/useFullscreen.ts
-var Ei = () => mt.isEnabled, Di = () => mt.isEnabled ? mt.isFullscreen : !1, Oi = () => {
-	let [e, t] = B(!1), [n, r] = B(!1), i = I(() => {
+var Ti = () => mt.isEnabled, Ei = () => mt.isEnabled ? mt.isFullscreen : !1, Di = () => {
+	let [e, t] = V(!1), [n, r] = V(!1), i = I(() => {
 		t((e) => {
-			let t = Di();
+			let t = Ei();
 			return e === t ? e : t;
 		}), r((e) => {
-			let t = Ei();
+			let t = Ti();
 			return e === t ? e : t;
 		});
 	}, []), a = I(async () => {
@@ -2637,8 +2629,8 @@ var Ei = () => mt.isEnabled, Di = () => mt.isEnabled ? mt.isFullscreen : !1, Oi
 		isFullscreenSupported: n,
 		onToggleFullscreenClick: a
 	};
-}, ki = F((t) => {
-	let n = e(24), { open: r, onItemClick: i } = t, a = $()?.context.manifest, { isFullscreen: o, isFullscreenSupported: s, onToggleFullscreenClick: c } = Oi(), 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__ */ X(ft, {}), n[2] = f) : f = n[2];
@@ -2690,7 +2682,7 @@ var Ei = () => mt.isEnabled, Di = () => mt.isEnabled ? mt.isFullscreen : !1, Oi
 	let b;
 	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__ */ Z(xi, {
+	return n[19] !== r || n[20] !== b || n[21] !== p || n[22] !== h ? (x = /* @__PURE__ */ Z(bi, {
 		present: r,
 		position: "top",
 		height: "80px",
@@ -2701,7 +2693,7 @@ var Ei = () => mt.isEnabled, Di = () => mt.isEnabled ? mt.isFullscreen : !1, Oi
 			b
 		]
 	}), n[19] = r, n[20] = b, n[21] = p, n[22] = h, n[23] = x) : x = n[23], x;
-}), Ai = () => {
+}), ki = () => {
 	let t = e(4), n;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = [
 		"quickMenuOpen",
@@ -2711,41 +2703,41 @@ var Ei = () => mt.isEnabled, Di = () => mt.isEnabled ? mt.isFullscreen : !1, Oi
 	], t[0] = n) : n = t[0];
 	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;
-}, ji = F((t) => {
-	let n = e(10), { onItemClick: r } = t, [i] = Ai(), 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 } = Q(a), l = i && !o && !s && !c, u;
-	n[1] !== r || n[2] !== l ? (u = /* @__PURE__ */ X(ki, {
+	n[1] !== r || n[2] !== l ? (u = /* @__PURE__ */ X(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__ */ X(wi, {
+	n[4] !== r || n[5] !== d ? (f = /* @__PURE__ */ X(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__ */ 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) => {
+}), ji = () => {
+	let t = e(3), [, n] = ki(), r = $(), i;
+	t[0] !== n || t[1] !== r ? (i = () => r?.gestures.gestures$.pipe(ke(Mi), He(r.selection.selection$, r.selection.lastSelectionOnPointerdown$), ze((e) => {
 		let [, t, r] = e;
-		n(t || r ? !1 : Pi);
-	})), t[0] = n, t[1] = r, t[2] = i) : i = t[2], q(i);
+		n(t || r ? !1 : Ni);
+	})), t[0] = n, t[1] = r, t[2] = i) : i = t[2], J(i);
 };
-function Ni(e) {
+function Mi(e) {
 	return e.type === "tap" && !e.handled;
 }
-function Pi(e) {
+function Ni(e) {
 	return !e;
 }
 //#endregion
 //#region src/components/ui/field.tsx
-var Fi = 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;
@@ -2765,7 +2757,7 @@ var Fi = 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;
-}), Ii = 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 } = Q(r), o = $(), c;
@@ -2774,7 +2766,7 @@ var Fi = M.forwardRef(function(t, n) {
 	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 } = K(u, d), p;
+	let { data: f } = q(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__ */ X(Gt, { children: /* @__PURE__ */ X(qt, { children: "Viewport fit" }) }), t[9] = m) : m = t[9];
@@ -2817,7 +2809,7 @@ var Fi = M.forwardRef(function(t, n) {
 		]
 	}), t[16] = x) : x = t[16];
 	let S;
-	t[17] !== g || t[18] !== _ ? (S = /* @__PURE__ */ X(Fi, {
+	t[17] !== g || t[18] !== _ ? (S = /* @__PURE__ */ X(Pi, {
 		label: "Profile",
 		children: /* @__PURE__ */ X(fr, {
 			defaultValue: "fit",
@@ -2869,7 +2861,7 @@ var Fi = 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;
-}), Li = 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;
@@ -2920,15 +2912,15 @@ var Fi = 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;
-}), Ri = 500, zi = () => {
-	let t = e(13), n = ge(Bi), { data: r } = K(n), i = $(), a;
+}), Li = 500, Ri = () => {
+	let t = e(13), n = he(zi), { data: r } = q(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(J(), Re((e) => e === "" || !o ? Pe(void 0) : Me(Pe({
+	t[2] !== o || t[3] !== n ? (s = () => n.pipe(Oe(), Re((e) => e === "" || !o ? Pe(void 0) : Me(Pe({
 		type: "start",
 		data: void 0
-	}), 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;
+	}), Ve(Li).pipe(Re(() => o.search.search(e)), Y(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 } = q(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 = {
@@ -2938,10 +2930,10 @@ var Fi = 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 Bi() {
-	return new xe("");
+function zi() {
+	return new be("");
 }
-function Vi(e) {
+function Bi(e) {
 	return {
 		type: "end",
 		data: e
@@ -2949,8 +2941,8 @@ function Vi(e) {
 }
 //#endregion
 //#region src/search/SearchDialogContent.tsx
-var Hi = F((t) => {
-	let n = e(31), { onNavigate: r } = t, i = $(), { value: a, setValue: o, status: s, data: c } = zi(), 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);
@@ -2962,7 +2954,7 @@ var Hi = 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 } = K(m, h), _;
+	let { data: g } = q(m, h), _;
 	n[10] !== u || n[11] !== a ? (_ = /* @__PURE__ */ X(f, {
 		placeholder: "Type something...",
 		value: a,
@@ -2990,7 +2982,7 @@ var Hi = F((t) => {
 		children: [c?.length, " result(s)"]
 	}), /* @__PURE__ */ X(C, {
 		gap: 0,
-		children: g?.map((e, t) => /* @__PURE__ */ X(Li, {
+		children: g?.map((e, t) => /* @__PURE__ */ X(Ii, {
 			contextText: e.meta?.range?.startContainer.parentElement?.textContent ?? "",
 			pageIndex: e.meta?.itemPageIndex,
 			startOffset: e.meta?.range?.startOffset ?? 0,
@@ -3019,14 +3011,14 @@ var Hi = F((t) => {
 		gap: 2,
 		children: [_, S]
 	}), n[28] = S, n[29] = _, n[30] = w) : w = n[30], w;
-}), Ui = 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__ */ X(Hi, { onNavigate: a }), n[2] = a, n[3] = c);
+	n[2] === a ? c = n[3] : (c = /* @__PURE__ */ X(Vi, { onNavigate: a }), n[2] = a, n[3] = c);
 	let l;
 	return n[4] !== r || n[5] !== i || n[6] !== c ? (l = /* @__PURE__ */ X(Yt, {
 		open: r,
@@ -3036,13 +3028,13 @@ var Hi = F((t) => {
 		bodyProps: s,
 		children: c
 	}), n[4] = r, n[5] = i, n[6] = c, n[7] = l) : l = n[7], l;
-}), 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;
+}), Ui = 200, Wi = (t) => {
+	let n = e(11), { appValue: r, uncontrolledValue: i, readReaderValue: a, toReaderSettings: o, onReaderValueChange: s } = t, c = $(), l = r ?? i, u = ge(l), d = ge(r !== void 0), f = ge(a), p = ge(o), m = ge(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);
+		}, Ui);
 		return function() {
 			clearTimeout(e);
 		};
@@ -3053,14 +3045,14 @@ var Hi = F((t) => {
 	], 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) {
+		return c?.settings.values$.pipe(Y((e) => f.current(e)), Oe(), 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 = () => {
+	}, n[5] = d, n[6] = u, n[7] = m, n[8] = f, n[9] = c?.settings.values$, n[10] = _) : _ = n[10], J(_);
+}, Gi = () => {
 	let t = e(13), n = yt(), r;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = [
 		"fontSize",
@@ -3079,10 +3071,10 @@ var Hi = F((t) => {
 	t[3] !== i || t[4] !== c || t[5] !== a ? (l = {
 		appValue: i,
 		uncontrolledValue: a,
-		readReaderValue: qi,
-		toReaderSettings: Ji,
+		readReaderValue: Ki,
+		toReaderSettings: qi,
 		onReaderValueChange: c
-	}, t[3] = i, t[4] = c, t[5] = a, t[6] = l) : l = t[6], Gi(l);
+	}, t[3] = i, t[4] = c, t[5] = a, t[6] = l) : l = t[6], Wi(l);
 	let u;
 	t[7] === n ? u = t[8] : (u = function(e) {
 		n.value.onSpreadModeChange?.("internal", e), n.update((t) => ({
@@ -3094,27 +3086,27 @@ var Hi = F((t) => {
 	t[9] !== o || t[10] !== u || t[11] !== s ? (d = {
 		appValue: o,
 		uncontrolledValue: s,
-		readReaderValue: Yi,
-		toReaderSettings: Xi,
+		readReaderValue: Ji,
+		toReaderSettings: Yi,
 		onReaderValueChange: u
-	}, t[9] = o, t[10] = u, t[11] = s, t[12] = d) : d = t[12], Gi(d);
+	}, t[9] = o, t[10] = u, t[11] = s, t[12] = d) : d = t[12], Wi(d);
 };
-function qi(e) {
+function Ki(e) {
 	return e.fontScale;
 }
-function Ji(e) {
+function qi(e) {
 	return { fontScale: e };
 }
-function Yi(e) {
+function Ji(e) {
 	return e.spreadMode;
 }
-function Xi(e) {
+function Yi(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();
+var Xi = F((t) => {
+	let n = e(5), { onNavigate: r } = t, i = $(), { data: a } = q(() => 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) {
@@ -3135,12 +3127,12 @@ var Zi = F((t) => {
 			children: [
 				u?.path === e.path && /* @__PURE__ */ X(h.Indicator, {
 					asChild: !0,
-					children: /* @__PURE__ */ X(G, {})
+					children: /* @__PURE__ */ X(K, {})
 				}),
 				u?.path !== e.path && /* @__PURE__ */ X(h.Indicator, {
 					asChild: !0,
 					visibility: "hidden",
-					children: /* @__PURE__ */ X(G, {})
+					children: /* @__PURE__ */ X(K, {})
 				}),
 				/* @__PURE__ */ Z(C, {
 					gap: 0,
@@ -3168,14 +3160,14 @@ var Zi = F((t) => {
 		flex: 1,
 		children: p
 	}), n[2] = f.Root, n[3] = p, n[4] = g) : g = n[4], g;
-}), Qi = F((t) => {
+}), Zi = 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__ */ X(Zi, { onNavigate: a }), n[1] = a, n[2] = s);
+	n[1] === a ? s = n[2] : (s = /* @__PURE__ */ X(Xi, { onNavigate: a }), n[1] = a, n[2] = s);
 	let c;
 	return n[3] !== r || n[4] !== i || n[5] !== s ? (c = /* @__PURE__ */ X(Yt, {
 		open: r,
@@ -3184,7 +3176,7 @@ var Zi = F((t) => {
 		bodyProps: o,
 		children: s
 	}), n[3] = r, n[4] = i, n[5] = s, n[6] = c) : c = n[6], c;
-}), $i = () => {
+}), Qi = () => {
 	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 } = Q(r), a;
@@ -3193,26 +3185,26 @@ var Zi = 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);
-}, ea = .5, ta = 1, na = (e, t, n, r) => {
+}, $i = .5, ea = 1, ta = (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;
-}, ra = F(() => {
+}, na = 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 } = 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, {
+	t[1] === a?.zoom.state$ ? o = t[2] : (o = () => a?.zoom.state$.pipe(Y(ra), Be(100, Te, {
 		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 } = 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 { data: c } = q(o, s), l = c === void 0 ? 1 : c, u;
+	t[5] === a?.zoom.state$ ? u = t[6] : (u = () => a?.zoom.state$.pipe(Y(ia)), 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 } = 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 { data: f } = q(u, d), p = f !== void 0 && f, m;
+	t[9] !== i || t[10] !== l ? (m = ta(l, ea, i, $i), 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;
@@ -3223,9 +3215,9 @@ var Zi = F((t) => {
 	let y;
 	t[16] !== _ || t[17] !== v || t[18] !== i ? (y = /* @__PURE__ */ X(ir, {
 		value: _,
-		min: ta,
+		min: ea,
 		max: i,
-		step: ea,
+		step: $i,
 		minWidth: 200,
 		onValueChange: v
 	}), t[16] = _, t[17] = v, t[18] = i, t[19] = y) : y = t[19];
@@ -3235,28 +3227,28 @@ var Zi = F((t) => {
 		children: y
 	}), t[20] = y, t[21] = g, t[22] = b) : b = t[22], b;
 });
-function ia(e) {
+function ra(e) {
 	return e.currentScale;
 }
-function aa(e) {
+function ia(e) {
 	return e.isZooming;
 }
 //#endregion
 //#region src/ReactReader.tsx
-var oa = {
+var aa = {
 	_open: "fade-in",
 	_closed: "fade-out"
-}, sa = F(() => (gn(), null)), ca = F(() => {
+}, oa = F(() => (gn(), null)), sa = F(() => {
 	let t = e(1);
-	$i(), ni(), ii(), Mi(), _n(), vn(), Ki();
+	Qi(), ti(), ri(), ji(), _n(), vn(), Gi();
 	let n;
-	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ X(sa, {}), t[0] = n) : n = t[0], n;
-}), la = F((n) => {
+	return t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ X(oa, {}), t[0] = n) : n = t[0], n;
+}), ca = 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 } = 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;
+	let { enableFloatingTime: s, onItemClick: c } = Q(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);
@@ -3265,63 +3257,63 @@ var oa = {
 		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__ */ X(ca, {}), r[8] = O) : O = r[8];
+	r[8] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ X(sa, {}), r[8] = O) : O = r[8];
 	let k, A, j;
-	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]);
+	r[9] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ X(Xn, { children: /* @__PURE__ */ X(dn, {}) }), A = /* @__PURE__ */ X(Br, {}), j = /* @__PURE__ */ X(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__ */ X(Or, {
 		open: _,
 		setOpen: y
 	}), r[12] = _, r[13] = M);
 	let N;
-	r[14] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ X(Ii, {}), r[14] = N) : N = r[14];
+	r[14] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ X(Fi, {}), r[14] = N) : N = r[14];
 	let P;
 	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__ */ 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, {
+	r[17] === D ? F = r[18] : (F = /* @__PURE__ */ X(Ai, { onItemClick: D }), r[17] = D, r[18] = F);
+	let I, L, R, z;
+	r[19] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ X(na, {}), L = /* @__PURE__ */ X(kt, {}), R = /* @__PURE__ */ X(zt, {}), z = /* @__PURE__ */ X(xr, {}), 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__ */ X(jr, {
 		open: d,
 		setOpen: f
-	}), r[23] = d, r[24] = z);
-	let V;
-	r[25] !== l || r[26] !== T ? (V = /* @__PURE__ */ X(Qi, {
+	}), r[23] = d, r[24] = B);
+	let H;
+	r[25] !== l || r[26] !== T ? (H = /* @__PURE__ */ X(Zi, {
 		open: l,
 		setOpen: u,
 		onNavigate: T
-	}), r[25] = l, r[26] = T, r[27] = V) : V = r[27];
-	let H;
-	r[28] !== p || r[29] !== T ? (H = /* @__PURE__ */ X(Ui, {
+	}), r[25] = l, r[26] = T, r[27] = H) : H = r[27];
+	let U;
+	r[28] !== p || r[29] !== T ? (U = /* @__PURE__ */ X(Hi, {
 		open: p,
 		setOpen: m,
 		onNavigate: T
-	}), 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, {
+	}), r[28] = p, r[29] = T, r[30] = U) : U = r[30];
+	let ee;
+	r[31] === Symbol.for("react.memo_cache_sentinel") ? (ee = (e) => g(e ? "annotations" : void 0), r[31] = ee) : ee = r[31];
+	let W;
+	r[32] !== h || r[33] !== T ? (W = /* @__PURE__ */ X(sn, {
 		openWith: h,
-		setOpen: te,
+		setOpen: ee,
 		onNavigate: T
-	}), 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,
+	}), r[32] = h, r[33] = T, r[34] = W) : W = r[34];
+	let G = s || S, te;
+	r[35] === Symbol.for("react.memo_cache_sentinel") ? (te = /* @__PURE__ */ X(Ur, {}), r[35] = te) : te = r[35];
+	let K;
+	r[36] === G ? K = r[37] : (K = /* @__PURE__ */ X(v, {
+		present: G,
+		animationName: aa,
 		animationDuration: "slow",
-		children: ne
-	}), r[36] = W, r[37] = G);
+		children: te
+	}), r[36] = G, r[37] = K);
+	let ne;
+	r[38] === Symbol.for("react.memo_cache_sentinel") ? (ne = /* @__PURE__ */ X($n, {}), r[38] = ne) : ne = r[38];
 	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, {
+	return r[39] !== i || r[40] !== a || r[41] !== P || r[42] !== F || r[43] !== B || r[44] !== H || r[45] !== U || r[46] !== W || r[47] !== K || r[48] !== M ? (re = /* @__PURE__ */ Z(Xe, { children: [O, /* @__PURE__ */ Z(t, {
 		position: "absolute",
 		top: 0,
 		left: 0,
@@ -3342,16 +3334,16 @@ var oa = {
 			I,
 			L,
 			R,
-			ee,
 			z,
-			V,
+			B,
 			H,
 			U,
-			G,
-			re
+			W,
+			K,
+			ne
 		]
-	})] }), 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) => {
+	})] }), r[39] = i, r[40] = a, r[41] = P, r[42] = F, r[43] = B, r[44] = H, r[45] = U, r[46] = W, r[47] = K, r[48] = M, r[49] = re) : re = r[49], re;
+}), la = 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;
@@ -3361,7 +3353,7 @@ var oa = {
 	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__ */ X(la, {
+	n[10] !== r || n[11] !== d ? (f = /* @__PURE__ */ X(ca, {
 		...d,
 		children: r
 	}), n[10] = r, n[11] = d, n[12] = f) : f = n[12];
@@ -3372,6 +3364,6 @@ var oa = {
 	}), n[13] = i, n[14] = f, n[15] = p) : p = n[15], p;
 });
 //#endregion
-export { ht as BOOKMARK_AREA_DATA_ATTRIBUTE, gt as MAX_ZOOM_SCALE, ua as ReactReader };
+export { ht as BOOKMARK_AREA_DATA_ATTRIBUTE, gt as MAX_ZOOM_SCALE, la as ReactReader };
 
 //# sourceMappingURL=index.js.map