@react-pdf-kit/viewer 2.1.0-beta.0 → 2.1.0-beta.2

package/dist/components/layout/toolbar/DocumentDialog.js

@@ -1,16 +1,16 @@
 import { jsx as a, jsxs as C, Fragment as x } from "react/jsx-runtime";
 import * as c from "react";
 import { useMemo as J } from "react";
-import { c as Q, a as P, P as D, b as v, d as y, e as X, f as M, g as ee } from "../../../index-c0faa594.js";
-import { D as te, u as R } from "../../../index-e3ee9457.js";
+import { c as Q, a as R, P as D, b as v, d as y, e as X, f as M, g as ee } from "../../../index-c0faa594.js";
+import { D as te, u as P } from "../../../index-e3ee9457.js";
 import { R as oe, h as re, u as ne, F as ie, P as ae } from "../../../Combination-136ff99c.js";
 import { useLayoutContainer as le } from "../../../contexts/LayoutContainerContext.js";
 import { CloseIcon as ce } from "../../icons/CloseIcon.js";
 import { dateFormatter as A } from "../../../utils/dateFormatter.js";
 import { useDocumentContext as se } from "../../../contexts/RPDocumentContext.js";
 import { PropertyItem as ue } from "./PropertyItem.js";
-import { useOtherToolContext as de } from "../../../contexts/OtherToolContext.js";
-import { useLocalizationContext as pe } from "../../../contexts/LocalizationContext.js";
+import { useOtherToolContext as pe } from "../../../contexts/OtherToolContext.js";
+import { useLocalizationContext as de } from "../../../contexts/LocalizationContext.js";
 import "react-dom";
 import "../../../utils/hooks/useLoadPdf.js";
 import "pdfjs-dist";
@@ -32,7 +32,7 @@ var h = "Dialog", [T, tt] = Q(h), [fe, u] = T(h), L = (t) => {
     defaultOpen: e,
     onOpenChange: o,
     modal: l = !0
-  } = t, s = c.useRef(null), d = c.useRef(null), [p, g] = M({
+  } = t, s = c.useRef(null), p = c.useRef(null), [d, g] = M({
     prop: i,
     defaultProp: e ?? !1,
     onChange: o,
@@ -43,11 +43,11 @@ var h = "Dialog", [T, tt] = Q(h), [fe, u] = T(h), L = (t) => {
     {
       scope: r,
       triggerRef: s,
-      contentRef: d,
-      contentId: R(),
-      titleId: R(),
-      descriptionId: R(),
-      open: p,
+      contentRef: p,
+      contentId: P(),
+      titleId: P(),
+      descriptionId: P(),
+      open: d,
       onOpenChange: g,
       onOpenToggle: c.useCallback(() => g((_) => !_), [g]),
       modal: l,
@@ -58,7 +58,7 @@ var h = "Dialog", [T, tt] = Q(h), [fe, u] = T(h), L = (t) => {
 L.displayName = h;
 var w = "DialogTrigger", me = c.forwardRef(
   (t, r) => {
-    const { __scopeDialog: n, ...i } = t, e = u(w, n), o = P(r, e.triggerRef);
+    const { __scopeDialog: n, ...i } = t, e = u(w, n), o = R(r, e.triggerRef);
     return /* @__PURE__ */ a(
       D.button,
       {
@@ -115,7 +115,7 @@ var ve = ee("DialogOverlay.RemoveScroll"), De = c.forwardRef(
 k.displayName = m;
 var _e = c.forwardRef(
   (t, r) => {
-    const n = u(m, t.__scopeDialog), i = c.useRef(null), e = P(r, n.contentRef, i);
+    const n = u(m, t.__scopeDialog), i = c.useRef(null), e = R(r, n.contentRef, i);
     return c.useEffect(() => {
       const o = i.current;
       if (o)
@@ -157,17 +157,17 @@ var _e = c.forwardRef(
           (l = t.onCloseAutoFocus) == null || l.call(t, o), o.defaultPrevented || (i.current || (s = n.triggerRef.current) == null || s.focus(), o.preventDefault()), i.current = !1, e.current = !1;
         },
         onInteractOutside: (o) => {
-          var d, p;
-          (d = t.onInteractOutside) == null || d.call(t, o), o.defaultPrevented || (i.current = !0, o.detail.originalEvent.type === "pointerdown" && (e.current = !0));
+          var p, d;
+          (p = t.onInteractOutside) == null || p.call(t, o), o.defaultPrevented || (i.current = !0, o.detail.originalEvent.type === "pointerdown" && (e.current = !0));
           const l = o.target;
-          ((p = n.triggerRef.current) == null ? void 0 : p.contains(l)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && e.current && o.preventDefault();
+          ((d = n.triggerRef.current) == null ? void 0 : d.contains(l)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && e.current && o.preventDefault();
         }
       }
     );
   }
 ), q = c.forwardRef(
   (t, r) => {
-    const { __scopeDialog: n, trapFocus: i, onOpenAutoFocus: e, onCloseAutoFocus: o, ...l } = t, s = u(m, n), d = c.useRef(null), p = P(r, d);
+    const { __scopeDialog: n, trapFocus: i, onOpenAutoFocus: e, onCloseAutoFocus: o, ...l } = t, s = u(m, n), p = c.useRef(null), d = R(r, p);
     return ne(), /* @__PURE__ */ C(x, { children: [
       /* @__PURE__ */ a(
         ie,
@@ -186,7 +186,7 @@ var _e = c.forwardRef(
               "aria-labelledby": s.titleId,
               "data-state": E(s.open),
               ...l,
-              ref: p,
+              ref: d,
               onDismiss: () => s.onOpenChange(!1)
             }
           )
@@ -194,7 +194,7 @@ var _e = c.forwardRef(
       ),
       /* @__PURE__ */ C(x, { children: [
         /* @__PURE__ */ a(he, { titleId: s.titleId }),
-        /* @__PURE__ */ a(Pe, { contentRef: d, descriptionId: s.descriptionId })
+        /* @__PURE__ */ a(Re, { contentRef: p, descriptionId: s.descriptionId })
       ] })
     ] });
   }
@@ -243,8 +243,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${r.do
   return c.useEffect(() => {
     t && (document.getElementById(t) || console.error(n));
   }, [n, t]), null;
-}, Re = "DialogDescriptionWarning", Pe = ({ contentRef: t, descriptionId: r }) => {
-  const i = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${V(Re).contentName}}.`;
+}, Pe = "DialogDescriptionWarning", Re = ({ contentRef: t, descriptionId: r }) => {
+  const i = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${V(Pe).contentName}}.`;
   return c.useEffect(() => {
     var o;
     const e = (o = t.current) == null ? void 0 : o.getAttribute("aria-describedby");
@@ -260,14 +260,14 @@ const f = {
   "rp-dialog-close": "_rp-dialog-close_slqo7_47",
   "rp-properties-divider": "_rp-properties-divider_slqo7_55"
 }, rt = () => {
-  const { pdfProperties: t } = se(), { container: r } = le(), { activeDocumentProperties: n, setActiveDocumentProperties: i } = de(), { localeMessages: e } = pe(), o = J(() => {
+  const { pdfProperties: t } = se(), { container: r } = le(), { activeDocumentProperties: n, setActiveDocumentProperties: i } = pe(), { localeMessages: e } = de(), o = J(() => {
     if (!t)
       return [];
     const {
       fileSize: l,
       filename: s,
-      title: d,
-      author: p,
+      title: p,
+      author: d,
       subject: g,
       createdOn: _,
       creator: H,
@@ -281,8 +281,8 @@ const f = {
       { label: e == null ? void 0 : e.propertiesFilenameLabel, value: s },
       { label: e == null ? void 0 : e.propertiesFileSizeLabel, value: l },
       { separate: !0 },
-      { label: e == null ? void 0 : e.propertiesTitleLabel, value: d },
-      { label: e == null ? void 0 : e.propertiesAuthorLabel, value: p },
+      { label: e == null ? void 0 : e.propertiesTitleLabel, value: p },
+      { label: e == null ? void 0 : e.propertiesAuthorLabel, value: d },
       { label: e == null ? void 0 : e.propertiesSubjectLabel, value: g },
       { label: e == null ? void 0 : e.propertiesKeywordLabel, value: K },
       { label: e == null ? void 0 : e.propertiesCreatorLabel, value: H },
@@ -302,9 +302,17 @@ const f = {
   }, [t, e]);
   return /* @__PURE__ */ a(ye, { open: n, onOpenChange: i, children: /* @__PURE__ */ a(Ne, { container: r, children: /* @__PURE__ */ C("div", { className: f["rp-dialog-wrapper"], children: [
     /* @__PURE__ */ a(Oe, { className: f["rp-dialog-overlay"] }),
-    /* @__PURE__ */ C(Ee, { className: f["rp-document-dialog"], "aria-labelledby": "document-properties-title", children: [
-      /* @__PURE__ */ a(Ie, { id: "document-properties-title", className: f["rp-dialog-title"], children: e == null ? void 0 : e.documentPropertiesLabel }),
-      /* @__PURE__ */ a("div", { className: f["rp-document-properties"], role: "region", "aria-labelledby": "document-properties-title", children: o.map((l, s) => /* @__PURE__ */ a("div", { children: l.separate ? /* @__PURE__ */ a("div", { className: f["rp-properties-divider"], role: "separator", "aria-orientation": "horizontal" }) : /* @__PURE__ */ a(ue, { label: l.label, value: l.value }) }, s)) }),
+    /* @__PURE__ */ C(Ee, { className: f["rp-document-dialog"], children: [
+      /* @__PURE__ */ a(Ie, { className: f["rp-dialog-title"], children: (e == null ? void 0 : e.documentPropertiesLabel) ?? "Document properties" }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: f["rp-document-properties"],
+          role: "region",
+          "aria-label": (e == null ? void 0 : e.documentPropertiesLabel) ?? "Document properties",
+          children: o.map((l, s) => /* @__PURE__ */ a("div", { children: l.separate ? /* @__PURE__ */ a("div", { className: f["rp-properties-divider"], role: "separator", "aria-orientation": "horizontal" }) : /* @__PURE__ */ a(ue, { label: l.label, value: l.value }) }, s))
+        }
+      ),
       /* @__PURE__ */ a(xe, { asChild: !0, className: f["rp-dialog-close"], "aria-label": (e == null ? void 0 : e.searchCloseButtonTooltip) || "Close dialog", children: /* @__PURE__ */ a(ce, { "aria-hidden": "true" }) })
     ] })
   ] }) }) });

package/dist/components/layout/toolbar/SearchResultNavigator.js

@@ -1,10 +1,10 @@
-import { jsxs as l, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as h, Fragment as l, jsx as r } from "react/jsx-runtime";
 import m from "../../ui/RPTooltip.js";
 import { UIButton as a } from "../../ui/Button.js";
-import { ChevronUpIcon as e } from "../../icons/ChevronUpIcon.js";
-import { useLocalizationContext as h } from "../../../contexts/LocalizationContext.js";
-import { useSearchContext as s } from "../../../contexts/SearchContext.js";
-import { c as i } from "../../../SearchTool.module-99f60dc7.js";
+import { ChevronUpIcon as n } from "../../icons/ChevronUpIcon.js";
+import { useLocalizationContext as s } from "../../../contexts/LocalizationContext.js";
+import { useSearchContext as d } from "../../../contexts/SearchContext.js";
+import { c as o } from "../../../SearchTool.module-99f60dc7.js";
 import "react";
 import "../../../index-c0faa594.js";
 import "react-dom";
@@ -50,29 +50,22 @@ import "../../../contexts/SmoothScrollContext.js";
 import "../../../utils/getScrollDistance.js";
 import "../../../utils/calculatePage.js";
 import "../../../utils/getWordPositionInPage.js";
-const ht = () => {
-  const { totalMatches: p, nextMatch: n, prevMatch: c } = s(), { localeMessages: t } = h(), o = !p || p === 0;
-  return /* @__PURE__ */ l(d, { children: [
+const st = () => {
+  const { totalMatches: i, nextMatch: e, prevMatch: c } = d(), { localeMessages: t } = s(), p = !i || i === 0;
+  return /* @__PURE__ */ h(l, { children: [
     /* @__PURE__ */ r(
       m,
       {
         content: t == null ? void 0 : t.searchPrevTooltip,
-        className: i["rp-search-tool-result-navigator"],
+        className: o["rp-search-tool-result-navigator"],
         children: /* @__PURE__ */ r(
           a,
           {
             tabIndex: 0,
             onClick: c,
             "aria-label": t == null ? void 0 : t.searchPrevTooltip,
-            disabled: o,
-            "aria-disabled": o,
-            children: /* @__PURE__ */ r(
-              e,
-              {
-                className: i["rp-search-tool-input-icon"],
-                "aria-hidden": "true"
-              }
-            )
+            "aria-disabled": p,
+            children: /* @__PURE__ */ r(n, { className: o["rp-search-tool-input-icon"], "aria-hidden": "true" })
           }
         )
       }
@@ -81,20 +74,19 @@ const ht = () => {
       m,
       {
         content: t == null ? void 0 : t.searchNextTooltip,
-        className: i["rp-search-tool-result-navigator"],
+        className: o["rp-search-tool-result-navigator"],
         children: /* @__PURE__ */ r(
           a,
           {
             tabIndex: 0,
-            onClick: n,
+            onClick: e,
             "aria-label": t == null ? void 0 : t.searchNextTooltip,
-            disabled: o,
-            "aria-disabled": o,
+            "aria-disabled": p,
             children: /* @__PURE__ */ r(
-              e,
+              n,
               {
                 style: { transform: "rotate(180deg" },
-                className: i["rp-search-tool-input-icon"],
+                className: o["rp-search-tool-input-icon"],
                 "aria-hidden": "true"
               }
             )
@@ -105,5 +97,5 @@ const ht = () => {
   ] });
 };
 export {
-  ht as SearchResultNavigator
+  st as SearchResultNavigator
 };

package/dist/components/ui/Input.js

@@ -1,25 +1,25 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import { c as u } from "../../clsx-0c6e471a.js";
 import { withRef as l } from "../../utils/withRef.js";
 import "react";
 const t = {
-  "rp-input": "_rp-input_3rj4v_1",
-  "rp-input-wrapper": "_rp-input-wrapper_3rj4v_22",
-  "rp-input-icon": "_rp-input-icon_3rj4v_26"
+  "rp-input": "_rp-input_5b7ag_1",
+  "rp-input-wrapper": "_rp-input-wrapper_5b7ag_28",
+  "rp-input-icon": "_rp-input-icon_5b7ag_32"
 }, h = l((n, e) => {
-  const { className: o, icon: p, children: s, ...r } = n, c = r.role || (r.type === "text" || !r.type ? "textbox" : void 0);
-  return /* @__PURE__ */ a("div", { className: t["rp-input-wrapper"], children: [
+  const { className: o, icon: r, children: s, ...p } = n, a = p.role || (p.type === "text" || !p.type ? "textbox" : void 0);
+  return /* @__PURE__ */ c("div", { className: t["rp-input-wrapper"], children: [
     /* @__PURE__ */ i(
       "input",
       {
-        ...r,
-        role: c,
-        "data-icon": !!p,
+        ...p,
+        role: a,
+        "data-icon": !!r,
         ref: e,
         className: u(o, t["rp-input"], "ignore-hover")
       }
     ),
-    p && /* @__PURE__ */ i("span", { className: t["rp-input-icon"], "aria-hidden": "true", children: p }),
+    r && /* @__PURE__ */ i("span", { className: t["rp-input-icon"], "aria-hidden": "true", children: r }),
     s
   ] });
 });

package/dist/utils/highlight.js

@@ -1,21 +1,21 @@
 import { getCharacterType as D } from "./charators.js";
-function _(r, c, m, i) {
+function _(l, c, m, i) {
   const s = [];
-  for (const n of r) {
+  for (const n of l) {
     const o = y(c, n, i);
     s.push(...R(o, c, m));
   }
   return s;
 }
-const L = (r, c) => {
+const L = (l, c) => {
   const m = ["g"];
   c.matchCase || m.push("i");
-  let s = r.replace(/[.^$*+?()[{|\\]/g, (n) => `\\${n}`).trim();
+  let s = l.replace(/[.^$*+?()[{|\\]/g, (n) => `\\${n}`).trim();
   return new RegExp(s, m.join(""));
 };
-function y(r, c, m) {
+function y(l, c, m) {
   const i = [];
-  for (const t of r.items)
+  for (const t of l.items)
     if (t.hasEOL)
       if (t.str.endsWith("-")) {
         const d = t.str.lastIndexOf("-");
@@ -34,14 +34,14 @@ function y(r, c, m) {
     m.wholeWords && !W(s, e.index, e[0].length) || o.push([e.index, e[0].length, e[0]]);
   return o;
 }
-function R(r, c, m) {
+function R(l, c, m) {
   function i(d) {
     return d.hasEOL ? d.str.endsWith("-") ? -1 : 1 : 0;
   }
   let s = 0, n = 0;
   const o = c.items, e = o.length - 1, t = [];
-  for (let d = 0; d < r.length; d++) {
-    let h = r[d][0];
+  for (let d = 0; d < l.length; d++) {
+    let h = l[d][0];
     for (; s !== e && h >= n + o[s].str.length; ) {
       const x = o[s];
       n += x.str.length + i(x), s++;
@@ -50,19 +50,19 @@ function R(r, c, m) {
       idx: s,
       offset: h - n
     };
-    for (h += r[d][1]; s !== e && h > n + o[s].str.length; ) {
+    for (h += l[d][1]; s !== e && h > n + o[s].str.length; ) {
       const x = o[s];
       n += x.str.length + i(x), s++;
     }
-    const l = {
+    const r = {
       idx: s,
       offset: h - n
     };
     t.push({
       start: g,
-      end: l,
-      str: r[d][2],
-      oIndex: r[d][0],
+      end: r,
+      str: l[d][2],
+      oIndex: l[d][0],
       pageIndex: m,
       rect: { left: 0, bottom: 0, width: 0, height: 0 },
       rects: []
@@ -71,45 +71,45 @@ function R(r, c, m) {
   for (const d of t) {
     const h = [];
     for (let g = d.start.idx; g <= d.end.idx; g++) {
-      const l = o[g], x = l.transform[4], C = l.transform[5], a = l.str.length > 0 ? l.width / l.str.length : 0, M = g === d.start.idx ? d.start.offset : 0, N = g === d.end.idx ? d.end.offset : l.str.length, f = x + M * a, E = (N - M) * a, u = (c.styles ?? {})[l.fontName], T = (u == null ? void 0 : u.ascent) ?? 1, v = (u == null ? void 0 : u.descent) != null ? Math.abs(u.descent) : 1 - T, b = C - v * l.height;
-      (E > 0 || l.height > 0) && h.push({
+      const r = o[g], x = r.transform[4], C = r.transform[5], a = r.str.length > 0 ? r.width / r.str.length : 0, M = g === d.start.idx ? d.start.offset : 0, N = g === d.end.idx ? d.end.offset : r.str.length, f = x + M * a, E = (N - M) * a, u = (c.styles ?? {})[r.fontName], T = (u == null ? void 0 : u.ascent) ?? 1, v = (u == null ? void 0 : u.descent) != null ? Math.abs(u.descent) : 1 - T, b = C - v * r.height;
+      r.height > 0 && r.width > 0 && h.push({
         left: f,
         bottom: b,
         width: E,
-        height: l.height
+        height: r.height
       });
     }
     d.rect = h[0], d.rects = h;
   }
   return t;
 }
-function W(r, c, m) {
-  let i = r.slice(0, c).match(/([^\p{M}])\p{M}*$/u);
+function W(l, c, m) {
+  let i = l.slice(0, c).match(/([^\p{M}])\p{M}*$/u);
   if (i) {
-    const s = r.charCodeAt(c), n = i[1].charCodeAt(0);
+    const s = l.charCodeAt(c), n = i[1].charCodeAt(0);
     if (D(s) === D(n))
       return !1;
   }
-  if (i = r.slice(c + m).match(/^\p{M}*([^\p{M}])/u), i) {
-    const s = r.charCodeAt(c + m - 1), n = i[1].charCodeAt(0);
+  if (i = l.slice(c + m).match(/^\p{M}*([^\p{M}])/u), i) {
+    const s = l.charCodeAt(c + m - 1), n = i[1].charCodeAt(0);
     if (D(s) === D(n))
       return !1;
   }
   return !0;
 }
-function I(r, c, m) {
+function I(l, c, m) {
   const i = [];
   function s(n, o, e = -1, t = -1, d = "") {
     const h = c.items[n], g = [];
-    let l = "", x = "", C = "", a = m[n];
+    let r = "", x = "", C = "", a = m[n];
     if (!a)
       return;
     if (a.nodeType === Node.TEXT_NODE) {
       const f = document.createElement("span");
       a.before(f), f.append(a), m[n] = f, a = f;
     }
-    e >= 0 && t >= 0 ? l = h.str.substring(e, t) : e < 0 && t < 0 ? l = h.str : e >= 0 ? l = h.str.substring(e) : t >= 0 && (l = h.str.substring(0, t));
-    const M = document.createTextNode(l), N = document.createElement("span");
+    e >= 0 && t >= 0 ? r = h.str.substring(e, t) : e < 0 && t < 0 ? r = h.str : e >= 0 ? r = h.str.substring(e) : t >= 0 && (r = h.str.substring(0, t));
+    const M = document.createTextNode(r), N = document.createElement("span");
     if (N.className = "highlight appended " + d, N.setAttribute("data-match-index", `${o}`), N.append(M), g.push(N), i.push({ element: N, index: o }), e > 0)
       if (a.childNodes.length === 1 && a.childNodes[0].nodeType === Node.TEXT_NODE) {
         x = h.str.substring(0, e);
@@ -135,7 +135,7 @@ function I(r, c, m) {
     }
     a.replaceChildren(...g);
   }
-  for (const [n, o] of r.entries())
+  for (const [n, o] of l.entries())
     if (o.start.idx === o.end.idx)
       s(o.start.idx, n, o.start.offset, o.end.offset);
     else
@@ -143,8 +143,8 @@ function I(r, c, m) {
         e === o.start.idx ? s(e, n, o.start.offset, -1, "begin") : e === o.end.idx ? s(e, n, -1, o.end.offset, "end") : s(e, n, -1, -1, "middle");
   return i;
 }
-function V(r, c) {
-  const m = r.items.map((i) => i.str);
+function V(l, c) {
+  const m = l.items.map((i) => i.str);
   for (let i = 0; i < c.length; i++) {
     const s = c[i];
     if (s && s.nodeType !== Node.TEXT_NODE) {
@@ -153,19 +153,19 @@ function V(r, c) {
     }
   }
 }
-function H(r = {}) {
-  return { matchCase: !1, wholeWords: !1, ...r };
+function H(l = {}) {
+  return { matchCase: !1, wholeWords: !1, ...l };
 }
-function S(r, c, m) {
+function S(l, c, m) {
   const i = [];
   function s(n, o, e = -1, t = -1, d) {
     var f, E;
     const h = c.items[n], g = [];
-    let l = "", x = "", C = "", a = m[n];
+    let r = "", x = "", C = "", a = m[n];
     if (!a)
       return;
-    e >= 0 && t >= 0 ? l = h.str.substring(e, t) : e < 0 && t < 0 ? l = h.str : e >= 0 ? l = h.str.substring(e) : t >= 0 && (l = h.str.substring(0, t));
-    const M = document.createTextNode(l), N = document.createElement("span");
+    e >= 0 && t >= 0 ? r = h.str.substring(e, t) : e < 0 && t < 0 ? r = h.str : e >= 0 ? r = h.str.substring(e) : t >= 0 && (r = h.str.substring(0, t));
+    const M = document.createTextNode(r), N = document.createElement("span");
     if (N.style.background = d, N.append(M), g.push(N), e > 0)
       if (a.childNodes.length === 1 && a.childNodes[0].nodeType === Node.TEXT_NODE) {
         x = h.str.substring(0, e);
@@ -205,7 +205,7 @@ function S(r, c, m) {
       }
     a.replaceChildren(...g), i.push({ element: N, index: o });
   }
-  for (const [n, o] of r.entries()) {
+  for (const [n, o] of l.entries()) {
     const { start: e, end: t, color: d } = o;
     e.idx === t.idx && s(e.idx, n, e.offset, t.offset, d);
   }

package/dist/utils/hooks/useHighlight.js

@@ -1,55 +1,93 @@
-import { useState as m, useCallback as r, useEffect as C } from "react";
-import { getHighlightOptionsWithDefaults as H, findMatches as M } from "../highlight.js";
+import { useState as f, useCallback as p, useEffect as w } from "react";
+import { getHighlightOptionsWithDefaults as k, findMatches as P } from "../highlight.js";
 import "../charators.js";
-const k = (s) => {
-  const [n, c] = m(void 0), [f, l] = m([]), u = r(async (t) => {
-    if (!t)
+const x = (n) => {
+  const e = Math.min(...n.map((s) => s.left)), c = Math.max(...n.map((s) => s.left + s.width)), o = Math.min(...n.map((s) => s.bottom)), t = Math.max(...n.map((s) => s.height));
+  return { left: e, bottom: o, width: c - e, height: t };
+}, N = (n) => n.flatMap((e) => e.rects ?? (e.rect ? [e.rect] : [])), O = (n) => {
+  const e = n.reduce((o, t) => {
+    const s = Math.round(t.bottom);
+    return o[s] || (o[s] = []), o[s].push(t), o;
+  }, {});
+  return Object.entries(e).sort((o, t) => Number(t[0]) - Number(o[0])).map(([o, t]) => x(t));
+}, L = (n) => {
+  const e = {};
+  for (const c of n) {
+    const o = c.keyword, t = e[o] ?? [];
+    t.push(c), e[o] = t;
+  }
+  return e;
+}, j = (n, e) => {
+  const c = n[0], o = N(n), t = o.length > 0 ? O(o) : c.rect ? [c.rect] : [];
+  return {
+    ...c,
+    pageMatchIdx: e,
+    rect: t[0] ?? c.rect,
+    rects: t
+  };
+}, v = (n) => {
+  const e = {};
+  for (const t of n) {
+    const s = e[t.page] ?? [];
+    s.push(t), e[t.page] = s;
+  }
+  let c = 0;
+  const o = [];
+  for (const t of Object.values(e)) {
+    const s = L(t);
+    for (const g of Object.values(s))
+      o.push(j(g, c++));
+  }
+  return o;
+}, K = (n) => {
+  const [e, c] = f(void 0), [o, t] = f([]), s = p(async (r) => {
+    if (!r)
       return {};
-    const i = t.numPages, e = {};
-    for (let o = 1; o <= i; o++) {
-      const h = await t.getPage(o);
-      e[o.toString()] = await h.getTextContent();
+    const i = r.numPages, h = {};
+    for (let a = 1; a <= i; a++) {
+      const u = await r.getPage(a);
+      h[a.toString()] = await u.getTextContent();
     }
-    return e;
-  }, []), p = r(async (t) => {
-    c(t);
-  }, []), g = r(() => {
-    l([]), c(void 0);
+    return h;
+  }, []), g = p(async (r) => {
+    c(r);
+  }, []), l = p(() => {
+    t([]), c(void 0);
   }, []);
-  return C(() => {
-    s && u(s).then((t) => {
+  return w(() => {
+    n && s(n).then((r) => {
       let i = [];
-      for (const { keyword: e, highlightColor: o, options: h } of n) {
-        if (!e)
+      for (const { keyword: h, highlightColor: a, options: u } of e) {
+        if (!h)
           continue;
-        const y = H(h);
-        for (const a of Object.keys(t)) {
-          const b = M(
-            [e],
-            t[a],
-            Number(a) - 1,
-            y
-          ).map((w, x) => ({
-            ...w,
-            page: Number(a),
-            pageMatchIdx: x,
-            color: o,
-            keyword: e
+        const b = k(u);
+        for (const m of Object.keys(r)) {
+          const d = P(
+            [h],
+            r[m],
+            Number(m) - 1,
+            b
+          ).map((M, y) => ({
+            ...M,
+            page: Number(m),
+            pageMatchIdx: y,
+            color: a,
+            keyword: h
           }));
-          i = [...i, ...b];
+          i = [...i, ...d];
         }
       }
-      l(i);
+      t(v(i));
     }).catch(() => {
-      g();
+      l();
     });
-  }, [n, s, g, u]), {
-    highlight: p,
-    clear: g,
-    highlightMatches: f,
-    highlightKeywords: n
+  }, [e, n, l, s]), {
+    highlight: g,
+    clear: l,
+    highlightMatches: o,
+    highlightKeywords: e
   };
 };
 export {
-  k as useHighlight
+  K as useHighlight
 };

package/dist/utils/hooks/useLicense.js

@@ -1,6 +1,6 @@
 import { useState as E, useCallback as h, useEffect as A } from "react";
 import { appConsole as l } from "../appConsole.js";
-const b = /* @__PURE__ */ new Date("2026-02-25T12:07:51.705Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
+const b = /* @__PURE__ */ new Date("2026-03-04T09:04:06.326Z"), d = "Please visit https://www.react-pdf.dev/manage-license/ to generate a new license key.", s = {
   invalidLicense: `You are currently using without a valid license. ${d}`,
   mismatchedDomain: `Your license key is not valid for the current domain / IP. ${d}`,
   expired: `Your license key has expired. ${d}`,