pdf-tsx 0.1.1 → 0.1.3

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

@@ -1,40 +1,39 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { require_compiler_runtime as t } from "../../node_modules/react/compiler-runtime.js";
-import { useThumbnails as n } from "../../hooks/useThumbnails.js";
-import r from "./PDFThumbnails.module.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";
 //#region src/components/features/PDFThumbnails.tsx
-var o = t();
-function s() {
-	let t = (0, o.c)(12), { pdf: s, rotation: c, currentPage: l, goToPage: u } = e(), d;
-	t[0] !== s || t[1] !== c ? (d = {
+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
-	}, t[0] = s, t[1] = c, t[2] = d) : d = t[2];
-	let { thumbnails: f } = n(d), p;
-	if (t[3] !== l || t[4] !== u || t[5] !== f) {
+	}, 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;
-		t[7] !== l || t[8] !== u ? (e = (e, t) => {
-			let n = l === t + 1;
+		o[7] !== l || o[8] !== u ? (e = (e, t) => {
+			let r = l === t + 1;
 			return /* @__PURE__ */ a("div", {
-				className: `${r.thumbnailItem} ${n ? r.thumbnailItemActive : ""}`,
+				className: `${n.thumbnailItem} ${r ? n.thumbnailItemActive : ""}`,
 				onClick: () => u(t + 1),
 				children: [/* @__PURE__ */ i("img", {
 					src: e,
-					className: `${r.thumbnailImg} ${n ? r.thumbnailImgActive : ""}`,
+					className: `${n.thumbnailImg} ${r ? n.thumbnailImgActive : ""}`,
 					alt: `Anteprima pagina ${t + 1}`
 				}), /* @__PURE__ */ i("div", {
-					className: `${r.thumbnailLabel} ${n ? r.thumbnailLabelActive : ""}`,
+					className: `${n.thumbnailLabel} ${r ? n.thumbnailLabelActive : ""}`,
 					children: t + 1
 				})]
 			}, t);
-		}, t[7] = l, t[8] = u, t[9] = e) : e = t[9], p = f.map(e), t[3] = l, t[4] = u, t[5] = f, t[6] = p;
-	} else p = t[6];
+		}, 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 t[10] === p ? m = t[11] : (m = /* @__PURE__ */ i("div", {
-		className: r.thumbnailList,
+	return o[10] === p ? m = o[11] : (m = /* @__PURE__ */ i("div", {
+		className: n.thumbnailList,
 		children: p
-	}), t[10] = p, t[11] = m), m;
+	}), o[10] = p, o[11] = m), m;
 }
 //#endregion
-export { s as PDFThumbnails };
+export { o as PDFThumbnails };

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

@@ -1,47 +1,46 @@
 import { usePDFViewer as e } from "../../context/PDFViewerContext.js";
-import { require_compiler_runtime as t } from "../../node_modules/react/compiler-runtime.js";
-import { ToolbarButton as n } from "../ui/ToolbarButton.js";
-import r from "./PDFZoomControls.module.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 { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/features/PDFZoomControls.tsx
-var s = t();
-function c(t) {
-	let c = (0, s.c)(18), { zoomOutIcon: d, zoomInIcon: f } = t, { zoom: p, setZoom: m } = e(), h;
-	c[0] === m ? h = c[1] : (h = () => m(u), c[0] = m, c[1] = h);
+function s(s) {
+	let u = r(18), { zoomOutIcon: d, zoomInIcon: f } = s, { zoom: p, setZoom: m } = e(), h;
+	u[0] === m ? h = u[1] : (h = () => m(l), u[0] = m, u[1] = h);
 	let g;
-	c[2] !== h || c[3] !== d ? (g = /* @__PURE__ */ a(n, {
+	u[2] !== h || u[3] !== d ? (g = /* @__PURE__ */ a(t, {
 		onClick: h,
 		title: "Riduci zoom",
 		children: d
-	}), c[2] = h, c[3] = d, c[4] = g) : g = c[4];
+	}), u[2] = h, u[3] = d, u[4] = g) : g = u[4];
 	let _;
-	c[5] === p ? _ = c[6] : (_ = Math.round(p * 100), c[5] = p, c[6] = _);
+	u[5] === p ? _ = u[6] : (_ = Math.round(p * 100), u[5] = p, u[6] = _);
 	let v;
-	c[7] === _ ? v = c[8] : (v = /* @__PURE__ */ o("span", {
-		className: r.zoomLabel,
+	u[7] === _ ? v = u[8] : (v = /* @__PURE__ */ o("span", {
+		className: n.zoomLabel,
 		children: [_, "%"]
-	}), c[7] = _, c[8] = v);
+	}), u[7] = _, u[8] = v);
 	let y;
-	c[9] === m ? y = c[10] : (y = () => m(l), c[9] = m, c[10] = y);
+	u[9] === m ? y = u[10] : (y = () => m(c), u[9] = m, u[10] = y);
 	let b;
-	c[11] !== y || c[12] !== f ? (b = /* @__PURE__ */ a(n, {
+	u[11] !== y || u[12] !== f ? (b = /* @__PURE__ */ a(t, {
 		onClick: y,
 		title: "Aumenta zoom",
 		children: f
-	}), c[11] = y, c[12] = f, c[13] = b) : b = c[13];
+	}), u[11] = y, u[12] = f, u[13] = b) : b = u[13];
 	let x;
-	return c[14] !== g || c[15] !== v || c[16] !== b ? (x = /* @__PURE__ */ o(i, { children: [
+	return u[14] !== g || u[15] !== v || u[16] !== b ? (x = /* @__PURE__ */ o(i, { children: [
 		g,
 		v,
 		b
-	] }), c[14] = g, c[15] = v, c[16] = b, c[17] = x) : x = c[17], x;
+	] }), u[14] = g, u[15] = v, u[16] = b, u[17] = x) : x = u[17], x;
 }
-function l(e) {
+function c(e) {
 	return Math.min(e + .2, 3);
 }
-function u(e) {
+function l(e) {
 	return Math.max(e - .2, .2);
 }
 //#endregion
-export { c as PDFZoomControls };
+export { s as PDFZoomControls };

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

@@ -1,16 +1,15 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import t from "./ToolbarButton.module.js";
+import e from "./ToolbarButton.module.js";
+import { c as t } from "react/compiler-runtime";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/ui/ToolbarButton.tsx
-var r = e();
-function i(e) {
-	let i = (0, r.c)(7), a, o, s;
-	i[0] === e ? (a = i[1], o = i[2], s = i[3]) : ({$primary: a, className: o, ...s} = e, i[0] = e, i[1] = a, i[2] = o, i[3] = s);
-	let c = a ? `${t.btn} ${t.primary}` : t.btn, l = o ? `${c} ${o}` : c, u;
+function r(r) {
+	let i = t(7), a, o, s;
+	i[0] === r ? (a = i[1], o = i[2], s = i[3]) : ({$primary: a, className: o, ...s} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = s);
+	let c = a ? `${e.btn} ${e.primary}` : e.btn, l = o ? `${c} ${o}` : c, u;
 	return i[4] !== s || i[5] !== l ? (u = /* @__PURE__ */ n("button", {
 		className: l,
 		...s
 	}), i[4] = s, i[5] = l, i[6] = u) : u = i[6], u;
 }
 //#endregion
-export { i as ToolbarButton };
+export { r as ToolbarButton };

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

@@ -1,8 +1,8 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
 import "react";
+import { c as e } from "react/compiler-runtime";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/ui/icons.tsx
-var n = e(), r = (e, n = 16) => /* @__PURE__ */ t("svg", {
+var n = (e, n = 16) => /* @__PURE__ */ t("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: n,
 	height: n,
@@ -13,16 +13,16 @@ var n = e(), r = (e, n = 16) => /* @__PURE__ */ t("svg", {
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
 	children: e
-}), i = (e) => {
-	let i = (0, n.c)(3), { size: a } = e, o;
+}), r = (r) => {
+	let i = e(3), { size: a } = r, o;
 	i[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ t("polyline", { points: "9 18 15 12 9 6" }), i[0] = o) : o = i[0];
 	let s;
-	return i[1] === a ? s = i[2] : (s = r(o, a), i[1] = a, i[2] = s), s;
-}, a = (e) => {
-	let i = (0, n.c)(3), { size: a } = e, o;
+	return i[1] === a ? s = i[2] : (s = n(o, a), i[1] = a, i[2] = s), s;
+}, i = (r) => {
+	let i = e(3), { size: a } = r, o;
 	i[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" }), i[0] = o) : o = i[0];
 	let s;
-	return i[1] === a ? s = i[2] : (s = r(o, a), i[1] = a, i[2] = s), s;
+	return i[1] === a ? s = i[2] : (s = n(o, a), i[1] = a, i[2] = s), s;
 };
 //#endregion
-export { a as IconChevronDown, i as IconChevronRight };
+export { i as IconChevronDown, r as IconChevronRight };

package/dist/es/context/ThemeContext.js

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

package/dist/es/hooks/useAnnotationLayer.js

@@ -1,13 +1,12 @@
-import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
-import { isSafeUrl as t } from "../utils/url.js";
-import { useEffect as n, useState as r } from "react";
+import { isSafeUrl as e } from "../utils/url.js";
+import { useEffect as t, useState as n } from "react";
 import "pdfjs-dist";
+import { c as r } from "react/compiler-runtime";
 //#region src/hooks/useAnnotationLayer.ts
-var i = e();
-function a(e) {
-	let a = (0, i.c)(15), { pdf: o, zoom: s, rotation: c, numPages: l, goToPage: u } = e, d;
+function i(i) {
+	let a = r(15), { pdf: o, zoom: s, rotation: c, numPages: l, goToPage: u } = i, d;
 	a[0] === Symbol.for("react.memo_cache_sentinel") ? (d = [], a[0] = d) : d = a[0];
-	let [f, p] = r(d), m, h;
+	let [f, p] = n(d), m, h;
 	a[1] !== l || a[2] !== o || a[3] !== c || a[4] !== s ? (m = () => {
 		if (!o) return;
 		let e = !1;
@@ -43,18 +42,18 @@ function a(e) {
 		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]), n(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]), t(m, h);
 	let g;
-	a[7] !== u || a[8] !== o ? (g = async (e) => {
-		if (e.url) {
-			if (!t(e.url)) return;
-			window.open(e.url, "_blank", "noopener,noreferrer");
+	a[7] !== u || a[8] !== o ? (g = async (t) => {
+		if (t.url) {
+			if (!e(t.url)) return;
+			window.open(t.url, "_blank", "noopener,noreferrer");
 			return;
 		}
-		if (e.dest && o) {
-			let t = null;
-			if (typeof e.dest == "string" ? t = await o.getDestination(e.dest) : Array.isArray(e.dest) && (t = e.dest), !t) return;
-			u(await o.getPageIndex(t[0]) + 1);
+		if (t.dest && o) {
+			let e = null;
+			if (typeof t.dest == "string" ? e = await o.getDestination(t.dest) : Array.isArray(t.dest) && (e = t.dest), !e) return;
+			u(await o.getPageIndex(e[0]) + 1);
 		}
 	}, a[7] = u, a[8] = o, a[9] = g) : g = a[9];
 	let _ = g, v;
@@ -68,4 +67,4 @@ function a(e) {
 	return v;
 }
 //#endregion
-export { a as useAnnotationLayer };
+export { i as useAnnotationLayer };

package/dist/es/hooks/useKeyboardShortcuts.js

@@ -1,11 +1,10 @@
-import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
-import { useEffect as t } from "react";
+import { useEffect as e } from "react";
 import "pdfjs-dist";
+import { c as t } from "react/compiler-runtime";
 //#region src/hooks/useKeyboardShortcuts.ts
-var n = e();
-function r(e) {
-	let r = (0, n.c)(13), { pdf: s, currentPage: c, numPages: l, goToPage: u, setZoom: d, setRotation: f } = e, p;
-	r[0] !== c || r[1] !== u || r[2] !== s || r[3] !== f || r[4] !== d ? (p = () => {
+function n(n) {
+	let o = t(13), { pdf: s, currentPage: c, numPages: l, goToPage: u, setZoom: d, setRotation: f } = n, p;
+	o[0] !== c || o[1] !== u || o[2] !== s || o[3] !== f || o[4] !== d ? (p = () => {
 		if (!s) return;
 		let e = (e) => {
 			let t = e.target.tagName;
@@ -20,35 +19,35 @@ function r(e) {
 					break bb13;
 				case "+":
 				case "=":
-					e.preventDefault(), d(o);
+					e.preventDefault(), d(a);
 					break bb13;
 				case "-":
-					e.preventDefault(), d(a);
+					e.preventDefault(), d(i);
 					break bb13;
 				case "r":
-				case "R": e.preventDefault(), f(i);
+				case "R": e.preventDefault(), f(r);
 			}
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, r[0] = c, r[1] = u, r[2] = s, r[3] = f, r[4] = d, r[5] = p) : p = r[5];
+	}, o[0] = c, o[1] = u, o[2] = s, o[3] = f, o[4] = d, o[5] = p) : p = o[5];
 	let m;
-	r[6] !== c || r[7] !== u || r[8] !== l || r[9] !== s || r[10] !== f || r[11] !== d ? (m = [
+	o[6] !== c || o[7] !== u || o[8] !== l || o[9] !== s || o[10] !== f || o[11] !== d ? (m = [
 		s,
 		c,
 		l,
 		u,
 		d,
 		f
-	], r[6] = c, r[7] = u, r[8] = l, r[9] = s, r[10] = f, r[11] = d, r[12] = m) : m = r[12], t(p, m);
+	], o[6] = c, o[7] = u, o[8] = l, o[9] = s, o[10] = f, o[11] = d, o[12] = m) : m = o[12], e(p, m);
 }
-function i(e) {
+function r(e) {
 	return (e + 90) % 360;
 }
-function a(e) {
+function i(e) {
 	return Math.max(e - .2, .2);
 }
-function o(e) {
+function a(e) {
 	return Math.min(e + .2, 3);
 }
 //#endregion
-export { r as useKeyboardShortcuts };
+export { n as useKeyboardShortcuts };

package/dist/es/hooks/useOutline.js

@@ -1,15 +1,14 @@
-import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
-import { useEffect as t, useState as n } from "react";
+import { useEffect as e, useState as t } from "react";
 import "pdfjs-dist";
+import { c as n } from "react/compiler-runtime";
 //#region src/hooks/useOutline.ts
-var r = e();
-function i(e) {
-	let i = (0, r.c)(7), { pdf: a } = e, o;
+function r(r) {
+	let i = n(7), { pdf: a } = r, o;
 	i[0] === Symbol.for("react.memo_cache_sentinel") ? (o = [], i[0] = o) : o = i[0];
-	let [s, c] = n(o), [l, u] = n(!1), d, f;
+	let [s, c] = t(o), [l, u] = t(!1), d, f;
 	i[1] === a ? (d = i[2], f = i[3]) : (d = () => {
 		a && (u(!0), a.getOutline().then((e) => c(e ?? [])).catch(() => c([])).finally(() => u(!1)));
-	}, f = [a], i[1] = a, i[2] = d, i[3] = f), t(d, f);
+	}, f = [a], i[1] = a, i[2] = d, i[3] = f), e(d, f);
 	let p;
 	return i[4] !== l || i[5] !== s ? (p = {
 		outline: s,
@@ -17,4 +16,4 @@ function i(e) {
 	}, i[4] = l, i[5] = s, i[6] = p) : p = i[6], p;
 }
 //#endregion
-export { i as useOutline };
+export { r as useOutline };

package/dist/es/hooks/useScrollTracking.js

@@ -1,10 +1,10 @@
-import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
-import { useEffect as t, useState as n } from "react";
+import { useEffect as e, useState as t } from "react";
 import "pdfjs-dist";
+import { c as n } from "react/compiler-runtime";
 //#region src/hooks/useScrollTracking.ts
-var r = e(), i = 10;
-function a(e) {
-	let a = (0, r.c)(16), { pdf: o, numPages: s, zoom: c, rotation: l, containerRef: u, canvasRefs: d } = e, [f, p] = n(1), m;
+var r = 10;
+function i(i) {
+	let a = n(16), { pdf: o, numPages: s, zoom: c, rotation: l, containerRef: u, canvasRefs: d } = i, [f, p] = t(1), m;
 	a[0] !== d || a[1] !== u ? (m = () => {
 		let e = u.current;
 		if (!e) return;
@@ -24,13 +24,13 @@ function a(e) {
 		l,
 		u,
 		d
-	], a[3] = d, a[4] = u, a[5] = o, a[6] = l, a[7] = c, a[8] = h) : h = a[8], t(m, h);
+	], a[3] = d, a[4] = u, a[5] = o, a[6] = l, a[7] = c, a[8] = h) : h = a[8], e(m, h);
 	let g;
 	a[9] !== d || a[10] !== u || a[11] !== s ? (g = (e) => {
-		let t = Math.min(Math.max(e, 1), s), n = d.current[t - 1], r = u.current;
-		if (n && r) {
-			let e = (n.parentElement ?? n).getBoundingClientRect().top, a = r.getBoundingClientRect().top, o = r.scrollTop + (e - a) - i;
-			r.scrollTo({
+		let t = Math.min(Math.max(e, 1), s), n = d.current[t - 1], i = u.current;
+		if (n && i) {
+			let e = (n.parentElement ?? n).getBoundingClientRect().top, a = i.getBoundingClientRect().top, o = i.scrollTop + (e - a) - r;
+			i.scrollTo({
 				top: o,
 				behavior: "smooth"
 			}), p(t);
@@ -43,4 +43,4 @@ function a(e) {
 	}, a[13] = f, a[14] = _, a[15] = v) : v = a[15], v;
 }
 //#endregion
-export { a as useScrollTracking };
+export { i as useScrollTracking };

package/dist/es/hooks/useTextLayer.js

@@ -1,29 +1,28 @@
-import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
 /* empty css                                        */
-import { useEffect as t, useRef as n } from "react";
-import * as r from "pdfjs-dist";
+import { useEffect as e, useRef as t } from "react";
+import * as n from "pdfjs-dist";
+import { c as r } from "react/compiler-runtime";
 //#region src/hooks/useTextLayer.ts
-var i = e();
-function a(e) {
-	let a = (0, i.c)(8), { pdf: o, zoom: s, rotation: c, numPages: l, canvasRefs: u } = e, d;
+function i(i) {
+	let a = r(8), { pdf: o, zoom: s, rotation: c, numPages: l, canvasRefs: u } = i, d;
 	a[0] === Symbol.for("react.memo_cache_sentinel") ? (d = [], a[0] = d) : d = a[0];
-	let f = n(d), p, m;
+	let f = t(d), p, m;
 	return a[1] !== u || a[2] !== l || a[3] !== o || a[4] !== c || a[5] !== s ? (p = () => {
 		if (!o) return;
 		let e = !1;
 		return (async () => {
 			for (let t = 1; t <= l && !e; t++) {
-				let n = f.current[t - 1], i = u.current[t - 1];
-				if (!n || !i) continue;
-				n.replaceChildren();
+				let r = f.current[t - 1], i = u.current[t - 1];
+				if (!r || !i) continue;
+				r.replaceChildren();
 				let a = await o.getPage(t), l = a.getViewport({
 					scale: s,
 					rotation: c
 				}), d = await a.getTextContent();
 				if (e) break;
-				n.style.width = `${l.width}px`, n.style.height = `${l.height}px`, await new r.TextLayer({
+				r.style.width = `${l.width}px`, r.style.height = `${l.height}px`, await new n.TextLayer({
 					textContentSource: d,
-					container: n,
+					container: r,
 					viewport: l
 				}).render();
 			}
@@ -36,7 +35,7 @@ function a(e) {
 		c,
 		l,
 		u
-	], a[1] = u, a[2] = l, a[3] = o, a[4] = c, a[5] = s, a[6] = p, a[7] = m) : (p = a[6], m = a[7]), t(p, m), f;
+	], a[1] = u, a[2] = l, a[3] = o, a[4] = c, a[5] = s, a[6] = p, a[7] = m) : (p = a[6], m = a[7]), e(p, m), f;
 }
 //#endregion
-export { a as useTextLayer };
+export { i as useTextLayer };

package/dist/es/hooks/useTextSearch.js

@@ -1,12 +1,11 @@
-import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
-import { useEffect as t, useState as n } from "react";
+import { useEffect as e, useState as t } from "react";
 import "pdfjs-dist";
+import { c as n } from "react/compiler-runtime";
 //#region src/hooks/useTextSearch.ts
-var r = e();
-function i(e) {
-	let i = (0, r.c)(8), { pdf: a, query: o } = e, s;
+function r(r) {
+	let i = n(8), { pdf: a, query: o } = r, s;
 	i[0] === Symbol.for("react.memo_cache_sentinel") ? (s = [], i[0] = s) : s = i[0];
-	let [c, l] = n(s), [u, d] = n(!1), f, p;
+	let [c, l] = t(s), [u, d] = t(!1), f, p;
 	i[1] !== a || i[2] !== o ? (f = () => {
 		let e = o.trim().toLowerCase();
 		if (!a || !e) {
@@ -42,7 +41,7 @@ function i(e) {
 		})(), () => {
 			t = !0;
 		};
-	}, p = [a, o], i[1] = a, i[2] = o, i[3] = f, i[4] = p) : (f = i[3], p = i[4]), t(f, p);
+	}, p = [a, o], i[1] = a, i[2] = o, i[3] = f, i[4] = p) : (f = i[3], p = i[4]), e(f, p);
 	let m;
 	return i[5] !== c || i[6] !== u ? (m = {
 		matches: c,
@@ -50,4 +49,4 @@ function i(e) {
 	}, i[5] = c, i[6] = u, i[7] = m) : m = i[7], m;
 }
 //#endregion
-export { i as useTextSearch };
+export { r as useTextSearch };

package/dist/es/hooks/useThumbnails.js

@@ -1,12 +1,11 @@
-import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
-import { useEffect as t, useState as n } from "react";
+import { useEffect as e, useState as t } from "react";
 import "pdfjs-dist";
+import { c as n } from "react/compiler-runtime";
 //#region src/hooks/useThumbnails.ts
-var r = e();
-function i(e) {
-	let i = (0, r.c)(7), { pdf: a, rotation: o } = e, s;
+function r(r) {
+	let i = n(7), { pdf: a, rotation: o } = r, s;
 	i[0] === Symbol.for("react.memo_cache_sentinel") ? (s = [], i[0] = s) : s = i[0];
-	let [c, l] = n(s), u, d;
+	let [c, l] = t(s), u, d;
 	i[1] !== a || i[2] !== o ? (u = () => {
 		a && (async () => {
 			let e = [];
@@ -23,9 +22,9 @@ function i(e) {
 			}
 			l(e);
 		})();
-	}, d = [a, o], i[1] = a, i[2] = o, i[3] = u, i[4] = d) : (u = i[3], d = i[4]), t(u, d);
+	}, d = [a, o], i[1] = a, i[2] = o, i[3] = u, i[4] = d) : (u = i[3], d = i[4]), e(u, d);
 	let f;
 	return i[5] === c ? f = i[6] : (f = { thumbnails: c }, i[5] = c, i[6] = f), f;
 }
 //#endregion
-export { i as useThumbnails };
+export { r as useThumbnails };

package/package.json

@@ -1,18 +1,23 @@
 {
   "name": "pdf-tsx",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "A fully-featured, composable PDF viewer component for React",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/es/index.js",
   "types": "./dist/index.d.ts",
-  "sideEffects": false,
+  "sideEffects": [
+    "*.css"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/es/index.js",
       "require": "./dist/cjs/index.cjs"
-    }
+    },
+    "./style.css": "./dist/es/pdf-tsx.css",
+    "./dist/es/pdf-tsx.css": "./dist/es/pdf-tsx.css",
+    "./dist/cjs/pdf-tsx.css": "./dist/cjs/pdf-tsx.css"
   },
   "keywords": [
     "pdf",

package/dist/cjs/node_modules/react/cjs/react-compiler-runtime.development.cjs

@@ -1,5 +0,0 @@
-"use strict";var e=require(`../../../_virtual/_rolldown/runtime.cjs`).__commonJSMin((e=>{process.env.NODE_ENV!==`production`&&(function(){var t=require(`react`).__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;e.c=function(e){var n=t.H;return n===null&&console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
-1. You might have mismatching versions of React and the renderer (such as React DOM)
-2. You might be breaking the Rules of Hooks
-3. You might have more than one copy of React in the same app
-See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`),n.useMemoCache(e)}})()}));Object.defineProperty(exports,`default`,{enumerable:!0,get:function(){return e()}});

package/dist/cjs/node_modules/react/cjs/react-compiler-runtime.production.cjs

@@ -1 +0,0 @@
-"use strict";var e=require(`../../../_virtual/_rolldown/runtime.cjs`).__commonJSMin((e=>{var t=require(`react`).__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;e.c=function(e){return t.H.useMemoCache(e)}}));Object.defineProperty(exports,`default`,{enumerable:!0,get:function(){return e()}});

package/dist/cjs/node_modules/react/compiler-runtime.cjs

@@ -1 +0,0 @@
-"use strict";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`./cjs/react-compiler-runtime.production.cjs`),n=require(`./cjs/react-compiler-runtime.development.cjs`);var r=e.__commonJSMin(((e,r)=>{process.env.NODE_ENV===`production`?r.exports=t.default:r.exports=n.default}));Object.defineProperty(exports,`default`,{enumerable:!0,get:function(){return r()}});

package/dist/es/_virtual/_rolldown/runtime.js

@@ -1,7 +0,0 @@
-//#region \0rolldown/runtime.js
-var e = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), t = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-});
-//#endregion
-export { e as __commonJSMin, t as __require };

package/dist/es/node_modules/react/cjs/react-compiler-runtime.development.js

@@ -1,14 +0,0 @@
-import { __commonJSMin as e, __require as t } from "../../../_virtual/_rolldown/runtime.js";
-//#region node_modules/react/cjs/react-compiler-runtime.development.js
-var n = /* @__PURE__ */ e(((e) => {
-	process.env.NODE_ENV !== "production" && (function() {
-		var n = t("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-		e.c = function(e) {
-			var t = n.H;
-			return t === null && console.error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."), t.useMemoCache(e);
-		};
-	})();
-}));
-//#endregion
-export default n();
-export { n as require_react_compiler_runtime_development };