pdf-tsx 0.4.0 → 0.5.0

package/dist/es/components/features/PDFSignatures.js

@@ -1,140 +1,182 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { useSignatures as t } from "../../hooks/useSignatures.js";
-import n from "./PDFSignatures.module.js";
-import { c as r } from "react/compiler-runtime";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { computeFit as t } from "../../utils/pdfFit.js";
+import { useSignatures as n } from "../../hooks/useSignatures.js";
+import r from "./PDFSignatures.module.js";
+import { c as i } from "react/compiler-runtime";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/features/PDFSignatures.tsx
-function o(e) {
+function s(e) {
 	if (!e) return;
 	let t = e.match(/D:(\d{4})(\d{2})(\d{2})(\d{2})?(\d{2})?(\d{2})?/);
 	if (!t) return e;
 	let [, n, r, i, a = "00", o = "00"] = t;
 	return `${i}/${r}/${n} ${a}:${o}`;
 }
-function s(e) {
-	let t = r(31), { sig: s, onClick: c } = e, l = `${n.card} ${s.signed ? n.cardSigned : ""} ${s.rect ? n.cardClickable : ""}`, u = `${n.statusDot} ${s.signed ? n.statusDotSigned : ""}`, d = s.signed ? "✓" : "○", f;
-	t[0] !== u || t[1] !== d ? (f = /* @__PURE__ */ i("div", {
-		className: u,
-		children: d
-	}), t[0] = u, t[1] = d, t[2] = f) : f = t[2];
-	let p = `${n.statusLabel} ${s.signed ? n.statusLabelSigned : ""}`, m = s.signed ? "Firmato" : "Non firmato", h;
-	t[3] !== p || t[4] !== m ? (h = /* @__PURE__ */ i("span", {
-		className: p,
-		children: m
-	}), t[3] = p, t[4] = m, t[5] = h) : h = t[5];
-	let g;
-	t[6] !== f || t[7] !== h ? (g = /* @__PURE__ */ a("div", {
-		className: n.cardHeader,
-		children: [f, h]
-	}), t[6] = f, t[7] = h, t[8] = g) : g = t[8];
-	let _;
-	t[9] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ i("span", {
-		className: n.fieldLabel,
-		children: "Campo: "
-	}), t[9] = _) : _ = t[9];
+function c() {
+	let e = i(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ a("svg", {
+		width: "10",
+		height: "10",
+		viewBox: "0 0 10 10",
+		fill: "none",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ a("path", {
+			d: "M1.5 5L3.8 7.5L8.5 2.5",
+			stroke: "currentColor",
+			strokeWidth: "1.6",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	}), e[0] = t) : t = e[0], t;
+}
+function l() {
+	let e = i(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ a("svg", {
+		width: "10",
+		height: "10",
+		viewBox: "0 0 10 10",
+		fill: "none",
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ a("circle", {
+			cx: "5",
+			cy: "5",
+			r: "3.7",
+			stroke: "currentColor",
+			strokeWidth: "1.3",
+			strokeDasharray: "2.2 1.4"
+		})
+	}), e[0] = t) : t = e[0], t;
+}
+function u(e) {
+	let t = i(26), { sig: n, onClick: u } = e, d = !!n.rect, f = `${r.card} ${n.signed ? r.cardSigned : ""} ${d ? r.cardClickable : ""}`, p;
+	t[0] === n.fieldName ? p = t[1] : (p = /* @__PURE__ */ a("span", {
+		className: r.fieldName,
+		children: n.fieldName
+	}), t[0] = n.fieldName, t[1] = p);
+	let m = `${r.statusChip} ${n.signed ? r.statusChipSigned : ""}`, h;
+	t[2] === n.signed ? h = t[3] : (h = n.signed ? /* @__PURE__ */ a(c, {}) : /* @__PURE__ */ a(l, {}), t[2] = n.signed, t[3] = h);
+	let g = n.signed ? "Firmato" : "Non firmato", _;
+	t[4] !== m || t[5] !== h || t[6] !== g ? (_ = /* @__PURE__ */ o("span", {
+		className: m,
+		children: [h, g]
+	}), t[4] = m, t[5] = h, t[6] = g, t[7] = _) : _ = t[7];
 	let v;
-	t[10] === s.fieldName ? v = t[11] : (v = /* @__PURE__ */ a("div", {
-		className: n.fieldRow,
-		children: [_, s.fieldName]
-	}), t[10] = s.fieldName, t[11] = v);
+	t[8] !== p || t[9] !== _ ? (v = /* @__PURE__ */ o("div", {
+		className: r.cardHeader,
+		children: [p, _]
+	}), t[8] = p, t[9] = _, t[10] = v) : v = t[10];
 	let y;
-	t[12] === s.signerName ? y = t[13] : (y = s.signerName && /* @__PURE__ */ a("div", {
-		className: n.fieldRow,
-		children: [/* @__PURE__ */ i("span", {
-			className: n.fieldLabel,
-			children: "Firmatario: "
-		}), s.signerName]
-	}), t[12] = s.signerName, t[13] = y);
-	let b;
-	t[14] === s.signDate ? b = t[15] : (b = s.signDate && /* @__PURE__ */ a("div", {
-		className: n.fieldRow,
-		children: [/* @__PURE__ */ i("span", {
-			className: n.fieldLabel,
-			children: "Data: "
-		}), o(s.signDate)]
-	}), t[14] = s.signDate, t[15] = b);
-	let x;
-	t[16] === s.reason ? x = t[17] : (x = s.reason && /* @__PURE__ */ a("div", {
-		className: n.fieldRow,
-		children: [/* @__PURE__ */ i("span", {
-			className: n.fieldLabel,
-			children: "Motivo: "
-		}), s.reason]
-	}), t[16] = s.reason, t[17] = x);
-	let S;
-	t[18] === s.location ? S = t[19] : (S = s.location && /* @__PURE__ */ a("div", {
-		className: n.fieldRow,
-		children: [/* @__PURE__ */ i("span", {
-			className: n.fieldLabel,
-			children: "Luogo: "
-		}), s.location]
-	}), t[18] = s.location, t[19] = S);
-	let C;
-	t[20] !== v || t[21] !== y || t[22] !== b || t[23] !== x || t[24] !== S ? (C = /* @__PURE__ */ a("div", {
-		className: n.fieldList,
+	t[11] !== n.location || t[12] !== n.reason || t[13] !== n.signDate || t[14] !== n.signerName ? (y = (n.signerName || n.signDate || n.reason || n.location) && /* @__PURE__ */ o("div", {
+		className: r.fieldList,
 		children: [
-			v,
-			y,
-			b,
-			x,
-			S
+			n.signerName && /* @__PURE__ */ o("div", {
+				className: r.fieldRow,
+				children: [/* @__PURE__ */ a("span", {
+					className: r.fieldLabel,
+					children: "Firmatario"
+				}), /* @__PURE__ */ a("span", {
+					className: r.fieldValue,
+					children: n.signerName
+				})]
+			}),
+			n.signDate && /* @__PURE__ */ o("div", {
+				className: r.fieldRow,
+				children: [/* @__PURE__ */ a("span", {
+					className: r.fieldLabel,
+					children: "Data"
+				}), /* @__PURE__ */ a("span", {
+					className: r.fieldValue,
+					children: s(n.signDate)
+				})]
+			}),
+			n.reason && /* @__PURE__ */ o("div", {
+				className: r.fieldRow,
+				children: [/* @__PURE__ */ a("span", {
+					className: r.fieldLabel,
+					children: "Motivo"
+				}), /* @__PURE__ */ a("span", {
+					className: r.fieldValue,
+					children: n.reason
+				})]
+			}),
+			n.location && /* @__PURE__ */ o("div", {
+				className: r.fieldRow,
+				children: [/* @__PURE__ */ a("span", {
+					className: r.fieldLabel,
+					children: "Luogo"
+				}), /* @__PURE__ */ a("span", {
+					className: r.fieldValue,
+					children: n.location
+				})]
+			})
 		]
-	}), t[20] = v, t[21] = y, t[22] = b, t[23] = x, t[24] = S, t[25] = C) : C = t[25];
-	let w;
-	return t[26] !== c || t[27] !== l || t[28] !== C || t[29] !== g ? (w = /* @__PURE__ */ a("div", {
-		className: l,
-		onClick: c,
-		children: [g, C]
-	}), t[26] = c, t[27] = l, t[28] = C, t[29] = g, t[30] = w) : w = t[30], w;
+	}), t[11] = n.location, t[12] = n.reason, t[13] = n.signDate, t[14] = n.signerName, t[15] = y) : y = t[15];
+	let b;
+	t[16] !== v || t[17] !== y ? (b = /* @__PURE__ */ o("div", {
+		className: r.cardBody,
+		children: [v, y]
+	}), t[16] = v, t[17] = y, t[18] = b) : b = t[18];
+	let x = b;
+	if (d) {
+		let e;
+		return t[19] !== x || t[20] !== f || t[21] !== u ? (e = /* @__PURE__ */ a("button", {
+			type: "button",
+			className: f,
+			onClick: u,
+			children: x
+		}), t[19] = x, t[20] = f, t[21] = u, t[22] = e) : e = t[22], e;
+	}
+	let S;
+	return t[23] !== x || t[24] !== f ? (S = /* @__PURE__ */ a("div", {
+		className: f,
+		children: x
+	}), t[23] = x, t[24] = f, t[25] = S) : S = t[25], S;
 }
-function c(o) {
-	let s = r(8), { icon: c } = o, { pdf: l } = e(), u;
+function d(t) {
+	let s = i(8), { icon: c } = t, { pdf: l } = e(), u;
 	s[0] === l ? u = s[1] : (u = { pdf: l }, s[0] = l, s[1] = u);
-	let { signatures: d, loading: f } = t(u), p = d.length, m;
-	s[2] !== p || s[3] !== f ? (m = !f && p > 0 && /* @__PURE__ */ i("span", {
-		className: n.badge,
+	let { signatures: d, loading: f } = n(u), p = d.length, m;
+	s[2] !== p || s[3] !== f ? (m = !f && p > 0 && /* @__PURE__ */ a("span", {
+		className: r.badge,
 		children: p > 99 ? "99+" : p
 	}), s[2] = p, s[3] = f, s[4] = m) : m = s[4];
 	let h;
-	return s[5] !== c || s[6] !== m ? (h = /* @__PURE__ */ a("span", {
-		className: n.iconWrapper,
+	return s[5] !== c || s[6] !== m ? (h = /* @__PURE__ */ o("span", {
+		className: r.iconWrapper,
 		children: [c, m]
 	}), s[5] = c, s[6] = m, s[7] = h) : h = s[7], h;
 }
-function l() {
-	let o = r(18), { pdf: c, goToPage: l, setHighlight: u } = e(), d;
-	o[0] === c ? d = o[1] : (d = { pdf: c }, o[0] = c, o[1] = d);
-	let { signatures: f, loading: p } = t(d), m;
-	o[2] !== l || o[3] !== u ? (m = (e) => {
-		l(e.page), e.rect && u({
-			page: e.page,
-			pdfRect: e.rect
-		});
-	}, o[2] = l, o[3] = u, o[4] = m) : m = o[4];
-	let h = m, g;
-	o[5] === p ? g = o[6] : (g = p && /* @__PURE__ */ i("div", {
-		className: n.emptyState,
-		children: "Caricamento..."
-	}), o[5] = p, o[6] = g);
-	let _;
-	o[7] !== p || o[8] !== f ? (_ = !p && f.length === 0 && /* @__PURE__ */ i("div", {
-		className: n.emptyState,
-		children: "Nessuna firma rilevata."
-	}), o[7] = p, o[8] = f, o[9] = _) : _ = o[9];
-	let v;
-	o[10] !== h || o[11] !== p || o[12] !== f ? (v = !p && f.map((e, t) => /* @__PURE__ */ i(s, {
-		sig: e,
-		onClick: () => h(e)
-	}, t)), o[10] = h, o[11] = p, o[12] = f, o[13] = v) : v = o[13];
-	let y;
-	return o[14] !== g || o[15] !== _ || o[16] !== v ? (y = /* @__PURE__ */ a("div", {
-		className: n.list,
+function f() {
+	let s = i(24), { pdf: c, goToPage: l, setHighlight: d, setZoom: f, rotation: p, containerRef: m } = e(), h;
+	s[0] === c ? h = s[1] : (h = { pdf: c }, s[0] = c, s[1] = h);
+	let { signatures: g, loading: _ } = n(h), v, y, b, x;
+	if (s[2] !== m || s[3] !== l || s[4] !== _ || s[5] !== c || s[6] !== p || s[7] !== d || s[8] !== f || s[9] !== g) {
+		let e = async (e) => {
+			c && m.current && f(await t("page", c, m.current, p)), l(e.page), e.rect && d({
+				page: e.page,
+				pdfRect: e.rect
+			});
+		};
+		v = r.list, s[14] === _ ? y = s[15] : (y = _ && /* @__PURE__ */ a("div", {
+			className: r.emptyState,
+			children: "Caricamento..."
+		}), s[14] = _, s[15] = y), s[16] !== _ || s[17] !== g ? (b = !_ && g.length === 0 && /* @__PURE__ */ a("div", {
+			className: r.emptyState,
+			children: "Nessuna firma rilevata."
+		}), s[16] = _, s[17] = g, s[18] = b) : b = s[18], x = !_ && g.map((t, n) => /* @__PURE__ */ a(u, {
+			sig: t,
+			onClick: () => e(t)
+		}, n)), s[2] = m, s[3] = l, s[4] = _, s[5] = c, s[6] = p, s[7] = d, s[8] = f, s[9] = g, s[10] = v, s[11] = y, s[12] = b, s[13] = x;
+	} else v = s[10], y = s[11], b = s[12], x = s[13];
+	let S;
+	return s[19] !== v || s[20] !== y || s[21] !== b || s[22] !== x ? (S = /* @__PURE__ */ o("div", {
+		className: v,
 		children: [
-			g,
-			_,
-			v
+			y,
+			b,
+			x
 		]
-	}), o[14] = g, o[15] = _, o[16] = v, o[17] = y) : y = o[17], y;
+	}), s[19] = v, s[20] = y, s[21] = b, s[22] = x, s[23] = S) : S = s[23], S;
 }
 //#endregion
-export { l as PDFSignatures, c as PDFSignaturesIcon };
+export { f as PDFSignatures, d as PDFSignaturesIcon };

package/dist/es/components/features/PDFSignatures.module.js

@@ -1,20 +1,20 @@
 var e = {
-	list: "_list_11831_1",
-	emptyState: "_emptyState_11831_11",
-	card: "_card_11831_23",
-	cardClickable: "_cardClickable_11831_45",
-	cardSigned: "_cardSigned_11831_61",
-	cardHeader: "_cardHeader_11831_71",
-	statusDot: "_statusDot_11831_85",
-	statusDotSigned: "_statusDotSigned_11831_113",
-	statusLabel: "_statusLabel_11831_121",
-	statusLabelSigned: "_statusLabelSigned_11831_137",
-	fieldList: "_fieldList_11831_145",
-	fieldRow: "_fieldRow_11831_157",
-	fieldLabel: "_fieldLabel_11831_167",
-	disclaimer: "_disclaimer_11831_175",
-	iconWrapper: "_iconWrapper_11831_197",
-	badge: "_badge_11831_211"
+	list: "_list_1ii4b_1",
+	emptyState: "_emptyState_1ii4b_8",
+	card: "_card_1ii4b_15",
+	cardSigned: "_cardSigned_1ii4b_32",
+	cardClickable: "_cardClickable_1ii4b_37",
+	cardBody: "_cardBody_1ii4b_50",
+	cardHeader: "_cardHeader_1ii4b_54",
+	fieldName: "_fieldName_1ii4b_62",
+	statusChip: "_statusChip_1ii4b_73",
+	statusChipSigned: "_statusChipSigned_1ii4b_89",
+	fieldList: "_fieldList_1ii4b_95",
+	fieldRow: "_fieldRow_1ii4b_101",
+	fieldLabel: "_fieldLabel_1ii4b_109",
+	fieldValue: "_fieldValue_1ii4b_114",
+	iconWrapper: "_iconWrapper_1ii4b_119",
+	badge: "_badge_1ii4b_126"
 };
 //#endregion
 export { e as default };

package/dist/es/components/features/PDFThemeToggle.js

@@ -1,12 +1,12 @@
-import { useTheme as e } from "../../context/ThemeContext.js";
-import { ToolbarButton as t } from "../ui/ToolbarButton.js";
-import "react";
+import { ToolbarButton as e } from "../ui/ToolbarButton.js";
+import { useTheme as t } from "../../hooks/useTheme.js";
 import { c as n } from "react/compiler-runtime";
+import "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/features/PDFThemeToggle.tsx
 function i(i) {
-	let a = n(4), { lightIcon: o, darkIcon: s } = i, { isDark: c, toggleTheme: l } = e(), u = c ? "Switch to light mode" : "Switch to dark mode", d = c ? o : s, f;
-	return a[0] !== u || a[1] !== d || a[2] !== l ? (f = /* @__PURE__ */ r(t, {
+	let a = n(4), { lightIcon: o, darkIcon: s } = i, { isDark: c, toggleTheme: l } = t(), u = c ? "Switch to light mode" : "Switch to dark mode", d = c ? o : s, f;
+	return a[0] !== u || a[1] !== d || a[2] !== l ? (f = /* @__PURE__ */ r(e, {
 		onClick: l,
 		title: u,
 		children: d

package/dist/es/components/features/PDFThumbnails.js

@@ -2,38 +2,62 @@ import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
 import { useThumbnails as t } from "../../hooks/useThumbnails.js";
 import n from "./PDFThumbnails.module.js";
 import { c as r } from "react/compiler-runtime";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/features/PDFThumbnails.tsx
-function o() {
-	let o = r(12), { pdf: s, rotation: c, currentPage: l, goToPage: u } = e(), d;
-	o[0] !== s || o[1] !== c ? (d = {
-		pdf: s,
-		rotation: c
-	}, o[0] = s, o[1] = c, o[2] = d) : d = o[2];
-	let { thumbnails: f } = t(d), p;
-	if (o[3] !== l || o[4] !== u || o[5] !== f) {
-		let e;
-		o[7] !== l || o[8] !== u ? (e = (e, t) => {
-			let r = l === t + 1;
-			return /* @__PURE__ */ a("div", {
-				className: `${n.thumbnailItem} ${r ? n.thumbnailItemActive : ""}`,
-				onClick: () => u(t + 1),
-				children: [/* @__PURE__ */ i("img", {
-					src: e,
-					className: `${n.thumbnailImg} ${r ? n.thumbnailImgActive : ""}`,
-					alt: `Anteprima pagina ${t + 1}`
-				}), /* @__PURE__ */ i("div", {
-					className: `${n.thumbnailLabel} ${r ? n.thumbnailLabelActive : ""}`,
-					children: t + 1
+var l = 3;
+function u(e, t, n) {
+	let r = new Set(t);
+	for (let t of e) {
+		if (!t.isIntersecting) continue;
+		let e = Number(t.target.dataset.page);
+		for (let t = Math.max(1, e - l); t <= Math.min(n, e + l); t++) r.add(t);
+	}
+	let i = Array.from(r).sort((e, t) => e - t);
+	return i.join(",") === t.join(",") ? t : i;
+}
+function d() {
+	let l = r(14), { pdf: d, rotation: f, currentPage: p, goToPage: m, numPages: h } = e(), g;
+	l[0] === Symbol.for("react.memo_cache_sentinel") ? (g = [], l[0] = g) : g = l[0];
+	let _ = a(g), v;
+	l[1] === Symbol.for("react.memo_cache_sentinel") ? (v = [], l[1] = v) : v = l[1];
+	let [y, b] = o(v), x;
+	l[2] !== d || l[3] !== f || l[4] !== y ? (x = {
+		pdf: d,
+		rotation: f,
+		visiblePages: y
+	}, l[2] = d, l[3] = f, l[4] = y, l[5] = x) : x = l[5];
+	let { thumbnails: S } = t(x), C, w;
+	l[6] === h ? (C = l[7], w = l[8]) : (C = () => {
+		if (h === 0) return;
+		let e = new IntersectionObserver((e) => b((t) => u(e, t, h)), { threshold: 0 });
+		return _.current.forEach((t) => {
+			t && e.observe(t);
+		}), () => e.disconnect();
+	}, w = [h], l[6] = h, l[7] = C, l[8] = w), i(C, w);
+	let T;
+	return l[9] !== p || l[10] !== m || l[11] !== h || l[12] !== S ? (T = /* @__PURE__ */ s("div", {
+		className: n.thumbnailList,
+		children: Array.from({ length: h }, (e, t) => {
+			let r = t + 1, i = S[t], a = p === r;
+			return /* @__PURE__ */ c("div", {
+				className: `${n.thumbnailItem} ${a ? n.thumbnailItemActive : ""}`,
+				onClick: () => m(r),
+				ref: (e) => {
+					_.current[t] = e;
+				},
+				"data-page": r,
+				children: [i ? /* @__PURE__ */ s("img", {
+					src: i,
+					className: `${n.thumbnailImg} ${a ? n.thumbnailImgActive : ""}`,
+					alt: `Anteprima pagina ${r}`
+				}) : /* @__PURE__ */ s("div", { className: n.thumbnailSkeleton }), /* @__PURE__ */ s("div", {
+					className: `${n.thumbnailLabel} ${a ? n.thumbnailLabelActive : ""}`,
+					children: r
 				})]
 			}, t);
-		}, o[7] = l, o[8] = u, o[9] = e) : e = o[9], p = f.map(e), o[3] = l, o[4] = u, o[5] = f, o[6] = p;
-	} else p = o[6];
-	let m;
-	return o[10] === p ? m = o[11] : (m = /* @__PURE__ */ i("div", {
-		className: n.thumbnailList,
-		children: p
-	}), o[10] = p, o[11] = m), m;
+		})
+	}), l[9] = p, l[10] = m, l[11] = h, l[12] = S, l[13] = T) : T = l[13], T;
 }
 //#endregion
-export { o as PDFThumbnails };
+export { d as PDFThumbnails };

package/dist/es/components/features/PDFThumbnails.module.js

@@ -1,11 +1,13 @@
 var e = {
-	thumbnailList: "_thumbnailList_116om_1",
-	thumbnailItem: "_thumbnailItem_116om_11",
-	thumbnailItemActive: "_thumbnailItemActive_116om_37",
-	thumbnailImg: "_thumbnailImg_116om_55",
-	thumbnailImgActive: "_thumbnailImgActive_116om_67",
-	thumbnailLabel: "_thumbnailLabel_116om_75",
-	thumbnailLabelActive: "_thumbnailLabelActive_116om_89"
+	thumbnailList: "_thumbnailList_qpgpt_1",
+	thumbnailItem: "_thumbnailItem_qpgpt_6",
+	thumbnailItemActive: "_thumbnailItemActive_qpgpt_19",
+	thumbnailImg: "_thumbnailImg_qpgpt_28",
+	thumbnailImgActive: "_thumbnailImgActive_qpgpt_34",
+	thumbnailSkeleton: "_thumbnailSkeleton_qpgpt_38",
+	shimmer: "_shimmer_qpgpt_1",
+	thumbnailLabel: "_thumbnailLabel_qpgpt_52",
+	thumbnailLabelActive: "_thumbnailLabelActive_qpgpt_59"
 };
 //#endregion
 export { e as default };

package/dist/es/components/features/PDFZoomControls.js

@@ -1,8 +1,8 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
 import { ToolbarButton as t } from "../ui/ToolbarButton.js";
 import n from "./PDFZoomControls.module.js";
-import "react";
 import { c as r } from "react/compiler-runtime";
+import "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/features/PDFZoomControls.tsx
 function s(s) {

package/dist/es/components/features/PDFZoomControls.module.js

@@ -1,3 +1,3 @@
-var e = { zoomLabel: "_zoomLabel_1r6if_1" };
+var e = { zoomLabel: "_zoomLabel_m8iv9_1" };
 //#endregion
 export { e as default };

package/dist/es/components/ui/ToolbarButton.module.js

@@ -1,6 +1,6 @@
 var e = {
-	btn: "_btn_12ml0_1",
-	primary: "_primary_12ml0_57"
+	btn: "_btn_1x6vc_1",
+	primary: "_primary_1x6vc_29"
 };
 //#endregion
 export { e as default };

package/dist/es/components/ui/icons.js

@@ -1,5 +1,5 @@
-import "react";
 import { c as e } from "react/compiler-runtime";
+import "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/ui/icons.tsx
 var n = (e, n = 16) => /* @__PURE__ */ t("svg", {

package/dist/es/context/ThemeContext.js

@@ -1,50 +1,45 @@
 import { darkTheme as e, lightTheme as t, themeToCssVars as n } from "../theme.js";
-import { createContext as r, useContext as i, useState as a } from "react";
-import { c as o } from "react/compiler-runtime";
-import { jsx as s } from "react/jsx-runtime";
+import { ThemeContext as r } from "./themeContextValue.js";
+import { c as i } from "react/compiler-runtime";
+import { useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/context/ThemeContext.tsx
-var c = r(null);
-function l(r) {
-	let i = o(17), { children: l, themeOverrides: d, defaultTheme: f } = r, [p, m] = a((f === void 0 ? "light" : f) === "dark"), h, g;
-	i[0] !== p || i[1] !== d?.dark || i[2] !== d?.light ? (g = p ? {
+function s(s) {
+	let l = i(17), { children: u, themeOverrides: d, defaultTheme: f } = s, [p, m] = a((f === void 0 ? "light" : f) === "dark"), h, g;
+	l[0] !== p || l[1] !== d?.dark || l[2] !== d?.light ? (g = p ? {
 		...e,
 		...d?.dark
 	} : {
 		...t,
 		...d?.light
-	}, h = n(g), i[0] = p, i[1] = d?.dark, i[2] = d?.light, i[3] = h, i[4] = g) : (h = i[3], g = i[4]);
+	}, h = n(g), l[0] = p, l[1] = d?.dark, l[2] = d?.light, l[3] = h, l[4] = g) : (h = l[3], g = l[4]);
 	let _ = h, v;
-	i[5] === Symbol.for("react.memo_cache_sentinel") ? (v = () => m(u), i[5] = v) : v = i[5];
+	l[5] === Symbol.for("react.memo_cache_sentinel") ? (v = () => m(c), l[5] = v) : v = l[5];
 	let y;
-	i[6] !== p || i[7] !== g ? (y = {
+	l[6] !== p || l[7] !== g ? (y = {
 		isDark: p,
 		toggleTheme: v,
 		theme: g
-	}, i[6] = p, i[7] = g, i[8] = y) : y = i[8];
+	}, l[6] = p, l[7] = g, l[8] = y) : y = l[8];
 	let b = _, x;
-	i[9] === b ? x = i[10] : (x = {
+	l[9] === b ? x = l[10] : (x = {
 		...b,
 		height: "100%",
 		width: "100%"
-	}, i[9] = b, i[10] = x);
+	}, l[9] = b, l[10] = x);
 	let S;
-	i[11] !== l || i[12] !== x ? (S = /* @__PURE__ */ s("div", {
+	l[11] !== u || l[12] !== x ? (S = /* @__PURE__ */ o("div", {
 		style: x,
-		children: l
-	}), i[11] = l, i[12] = x, i[13] = S) : S = i[13];
+		children: u
+	}), l[11] = u, l[12] = x, l[13] = S) : S = l[13];
 	let C;
-	return i[14] !== y || i[15] !== S ? (C = /* @__PURE__ */ s(c.Provider, {
+	return l[14] !== y || l[15] !== S ? (C = /* @__PURE__ */ o(r.Provider, {
 		value: y,
 		children: S
-	}), i[14] = y, i[15] = S, i[16] = C) : C = i[16], C;
+	}), l[14] = y, l[15] = S, l[16] = C) : C = l[16], C;
 }
-function u(e) {
+function c(e) {
 	return !e;
 }
-function d() {
-	let e = i(c);
-	if (!e) throw Error("useTheme must be used inside <ThemeProvider>");
-	return e;
-}
 //#endregion
-export { l as ThemeProvider, d as useTheme };
+export { s as ThemeProvider };

package/dist/es/context/themeContextValue.js

@@ -0,0 +1,5 @@
+import { createContext as e } from "react";
+//#region src/context/themeContextValue.ts
+var t = e(null);
+//#endregion
+export { t as ThemeContext };

package/dist/es/hooks/useAnnotationLayer.js

@@ -1,26 +1,26 @@
 import { isSafeUrl as e } from "../utils/url.js";
-import { useEffect as t, useState as n } from "react";
+import { c as t } from "react/compiler-runtime";
+import { useEffect as n, useState as r } from "react";
 import "pdfjs-dist";
-import { c as r } from "react/compiler-runtime";
 //#region src/hooks/useAnnotationLayer.ts
 function i(i) {
-	let a = r(15), { pdf: o, zoom: s, rotation: c, numPages: l, goToPage: u } = i, d;
+	let a = t(15), { pdf: o, zoom: s, rotation: c, mountedPages: l, goToPage: u } = i, d;
 	a[0] === Symbol.for("react.memo_cache_sentinel") ? (d = [], a[0] = d) : d = a[0];
-	let [f, p] = n(d), m, h;
+	let [f, p] = r(d), m, h;
 	a[1] !== l || a[2] !== o || a[3] !== c || a[4] !== s ? (m = () => {
 		if (!o) return;
 		let e = !1;
 		return (async () => {
-			p([]);
 			let t = [];
-			for (let n = 1; n <= l && !e; n++) {
-				let e = await o.getPage(n), r = e.getViewport({
+			for (let n of l) {
+				if (e) break;
+				let r = await o.getPage(n), i = r.getViewport({
 					scale: s,
 					rotation: c
-				}), i = await e.getAnnotations();
-				for (let e of i) {
+				}), a = await r.getAnnotations();
+				for (let e of a) {
 					if (e.subtype !== "Link" || !e.rect) continue;
-					let i = e.rect, [a, o, s, c] = r.convertToViewportRectangle(i);
+					let r = e.rect, [a, o, s, c] = i.convertToViewportRectangle(r);
 					t.push({
 						page: n,
 						x: Math.min(a, s),
@@ -42,7 +42,7 @@ function i(i) {
 		s,
 		c,
 		l
-	], a[1] = l, a[2] = o, a[3] = c, a[4] = s, a[5] = m, a[6] = h) : (m = a[5], h = a[6]), t(m, h);
+	], a[1] = l, a[2] = o, a[3] = c, a[4] = s, a[5] = m, a[6] = h) : (m = a[5], h = a[6]), n(m, h);
 	let g;
 	a[7] !== u || a[8] !== o ? (g = async (t) => {
 		if (t.url) {