@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/{pdf-viewer.agent-CfIHhcHx.js → pdf-viewer.agent-BaGEDheA.js}

@@ -1,43 +1,43 @@
 import { jsx as a, jsxs as Z } from "react/jsx-runtime";
-import { forwardRef as Ae, useId as Re, useMemo as Oe, useState as h, useEffect as x, useRef as R, useCallback as L, useImperativeHandle as je } from "react";
-import * as ie from "pdfjs-dist";
+import { forwardRef as Re, useId as Oe, useMemo as je, useState as m, useEffect as w, useRef as A, useCallback as L, useImperativeHandle as Ve } from "react";
+import * as de from "pdfjs-dist";
 import { c as W } from "./index-D2ZczOXr.js";
-import { useTranslation as de } from "react-i18next";
+import { useTranslation as ce } from "react-i18next";
 import * as X from "@radix-ui/react-popover";
-import ke from "pdfjs-dist/build/pdf.worker.min.mjs?url";
-import { S as Ve } from "./spinner-GCcv67vh.js";
-import { A as ge } from "./alert-BlOUMkXj.js";
-import { X as Fe } from "./x-CCcI3eJp.js";
-import { C as Ee } from "./chevron-left-CX1jqD2M.js";
-import { C as _e } from "./chevron-right-BrpYejk0.js";
-import { c as ze } from "./createLucideIcon-CrFbzy84.js";
-import { S as Le } from "./search-BonnQsHv.js";
-import { P as Ze } from "./printer-CeVEWfQq.js";
+import ze from "pdfjs-dist/build/pdf.worker.min.mjs?url";
+import { S as Fe } from "./spinner-GCcv67vh.js";
+import { A as ve } from "./alert-BlOUMkXj.js";
+import { X as Ee } from "./x-CCcI3eJp.js";
+import { C as _e } from "./chevron-left-CX1jqD2M.js";
+import { C as Le } from "./chevron-right-BrpYejk0.js";
+import { c as Pe } from "./createLucideIcon-CrFbzy84.js";
+import { S as Ze } from "./search-BonnQsHv.js";
+import { P as Be } from "./printer-CeVEWfQq.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Be = [
+const Ke = [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65", key: "13gj7c" }],
   ["line", { x1: "11", x2: "11", y1: "8", y2: "14", key: "1vmskp" }],
   ["line", { x1: "8", x2: "14", y1: "11", y2: "11", key: "durymu" }]
-], Ke = ze("zoom-in", Be);
+], He = Pe("zoom-in", Ke);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const He = [
+const Qe = [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65", key: "13gj7c" }],
   ["line", { x1: "8", x2: "14", y1: "11", y2: "11", key: "durymu" }]
-], Qe = ze("zoom-out", He);
-ie.GlobalWorkerOptions.workerSrc = ke;
-const ve = W(
+], We = Pe("zoom-out", Qe);
+de.GlobalWorkerOptions.workerSrc = ze;
+const be = W(
   [
     "ds:pdf-viewer-alfadocs ds:flex ds:flex-col",
     "ds:gap-[var(--spacing-sm)]",
@@ -49,7 +49,7 @@ const ve = W(
     "ds:focus-visible:outline-[var(--ring)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), We = W(
+), qe = W(
   [
     "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
     "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
@@ -57,7 +57,7 @@ const ve = W(
     "ds:bg-[var(--background)]",
     "ds:border-b ds:border-[color:var(--border)]"
   ].join(" ")
-), be = W(
+), ye = W(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:min-block-size-[var(--min-target-size)]",
@@ -74,7 +74,7 @@ const ve = W(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), ye = W(
+), xe = W(
   [
     "ds:min-block-size-[var(--min-target-size)]",
     "ds:inline-size-[4rem] ds:text-center",
@@ -86,7 +86,7 @@ const ve = W(
     "ds:focus-visible:outline-[var(--ring)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), qe = W(
+), Ue = W(
   [
     "ds:min-block-size-[var(--min-target-size)]",
     "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
@@ -97,7 +97,7 @@ const ve = W(
     "ds:focus-visible:outline-[var(--ring)]",
     "ds:forced-colors:focus-visible:outline-[CanvasText]"
   ].join(" ")
-), Ue = W(
+), Je = W(
   [
     "ds:relative ds:flex ds:flex-col ds:items-center",
     "ds:gap-[var(--spacing-md)]",
@@ -107,14 +107,14 @@ const ve = W(
     "ds:min-block-size-[30rem]",
     "ds:max-block-size-[80vh]"
   ].join(" ")
-), Je = W(
+), $e = W(
   [
     "ds:relative ds:flex ds:items-center ds:justify-center",
     "ds:bg-[var(--background)]",
     "ds:shadow-[var(--shadow-md)]",
     "ds:rounded-[var(--radius-sm)]"
   ].join(" ")
-), $e = [
+), Xe = [
   "fit-width",
   "fit-page",
   "actual-size",
@@ -125,232 +125,233 @@ const ve = W(
   1.5,
   2
 ];
-function J(s) {
-  return typeof s == "number";
+function J(i) {
+  return typeof i == "number";
 }
-function xe(s, t, u) {
-  if (J(s)) return s;
-  if (s === "actual-size" || !u) return 1;
-  const f = window.getComputedStyle(u), m = parseFloat(f.paddingInlineStart || "0") + parseFloat(f.paddingInlineEnd || "0"), g = parseFloat(f.paddingBlockStart || "0") + parseFloat(f.paddingBlockEnd || "0"), N = Math.max(u.clientWidth - m, 1), p = Math.max(u.clientHeight - g, 1), D = t.width, I = t.height;
-  return s === "fit-width" ? N / D : Math.min(N / D, p / I);
+function we(i, t, u) {
+  if (J(i)) return i;
+  if (i === "actual-size" || !u) return 1;
+  const h = window.getComputedStyle(u), f = parseFloat(h.paddingInlineStart || "0") + parseFloat(h.paddingInlineEnd || "0"), g = parseFloat(h.paddingBlockStart || "0") + parseFloat(h.paddingBlockEnd || "0"), k = Math.max(u.clientWidth - f, 1), p = Math.max(u.clientHeight - g, 1), N = t.width, P = t.height;
+  return i === "fit-width" ? k / N : Math.min(k / N, p / P);
 }
-const Xe = Ae(
+const Ge = Re(
   ({
-    src: s,
-    initialPage: t = 1,
-    initialZoom: u = "fit-width",
+    id: i,
+    src: t,
+    initialPage: u = 1,
+    initialZoom: h = "fit-width",
     onPageChange: f,
-    onLoadComplete: m,
-    onError: g,
-    toolbar: N = !0,
-    ariaLabel: p,
-    className: D
-  }, I) => {
-    const { t: v } = de(), q = Re(), B = Oe(
-      () => `pdf-${q.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [q]
-    ), [z, V] = h(!1), [K, b] = h(!1);
-    x(() => {
+    onLoadComplete: g,
+    onError: k,
+    toolbar: p = !0,
+    ariaLabel: N,
+    className: P
+  }, R) => {
+    const { t: S } = ce(), V = Oe(), B = je(
+      () => `pdf-${V.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [V]
+    ), [z, q] = m(!1), [v, K] = m(!1);
+    w(() => {
       if (typeof document > "u") return;
-      V(document.documentElement.dir === "rtl");
-      const e = window.matchMedia("(prefers-reduced-motion: reduce)"), r = () => b(e.matches);
+      q(document.documentElement.dir === "rtl");
+      const e = window.matchMedia("(prefers-reduced-motion: reduce)"), r = () => K(e.matches);
       return r(), e.addEventListener("change", r), () => e.removeEventListener("change", r);
     }, []);
-    const [o, F] = h(null), [E, l] = h(null), [d, w] = h(t), [P, S] = h(u), [O, j] = h(
-      { start: Math.max(1, t - 1), end: t + 1 }
-    ), [M, n] = h(""), [y, k] = h(!1), [ce, le] = h(""), [Pe, Se] = h(
+    const [s, F] = m(null), [c, b] = m(null), [l, E] = m(u), [O, y] = m(h), [I, M] = m(
+      { start: Math.max(1, u - 1), end: u + 1 }
+    ), [n, x] = m(""), [j, G] = m(!1), [le, ue] = m(""), [Se, Me] = m(
       { current: 0, total: 0 }
-    ), G = R(f), Y = R(m), ee = R(g);
-    x(() => {
-      G.current = f, Y.current = m, ee.current = g;
-    }, [f, m, g]);
-    const ae = R(null);
-    x(() => {
-      ae.current = o;
-    }, [o]), x(() => {
+    ), Y = A(f), ee = A(g), te = A(k);
+    w(() => {
+      Y.current = f, ee.current = g, te.current = k;
+    }, [f, g, k]);
+    const se = A(null);
+    w(() => {
+      se.current = s;
+    }, [s]), w(() => {
       let e = !1;
-      F(null), l(null);
+      F(null), b(null);
       const r = {
         disableJavaScript: !0,
         isEvalSupported: !1
-      }, c = ie.getDocument(
-        typeof s == "string" ? { url: s, ...r } : s instanceof Uint8Array ? { data: s, ...r } : { data: new Uint8Array(s), ...r }
+      }, d = de.getDocument(
+        typeof t == "string" ? { url: t, ...r } : t instanceof Uint8Array ? { data: t, ...r } : { data: new Uint8Array(t), ...r }
       );
-      return c.promise.then(
-        async (i) => {
+      return d.promise.then(
+        async (o) => {
           var H;
           if (e) return;
           let C;
           try {
-            const Q = await i.getMetadata(), A = Q == null ? void 0 : Q.info;
-            C = A == null ? void 0 : A.Title;
+            const Q = await o.getMetadata(), T = Q == null ? void 0 : Q.info;
+            C = T == null ? void 0 : T.Title;
           } catch {
             C = void 0;
           }
           if (e) {
             try {
-              await i.destroy();
+              await o.destroy();
             } catch {
             }
             return;
           }
-          const _ = { doc: i, numPages: i.numPages, title: C };
-          F(_), (H = Y.current) == null || H.call(Y, { numPages: i.numPages, title: C });
+          const _ = { doc: o, numPages: o.numPages, title: C };
+          F(_), (H = ee.current) == null || H.call(ee, { numPages: o.numPages, title: C });
         },
-        (i) => {
+        (o) => {
           var _;
           if (e) return;
-          const C = i instanceof Error ? i : new Error(String(i));
-          l(C), (_ = ee.current) == null || _.call(ee, C);
+          const C = o instanceof Error ? o : new Error(String(o));
+          b(C), (_ = te.current) == null || _.call(te, C);
         }
       ), () => {
-        e = !0, c.destroy();
-        const i = ae.current;
-        if (i) {
+        e = !0, d.destroy();
+        const o = se.current;
+        if (o) {
           try {
-            i.doc.destroy();
+            o.doc.destroy();
           } catch {
           }
-          ae.current = null;
+          se.current = null;
         }
       };
-    }, [s]), x(() => {
+    }, [t]), w(() => {
       var e;
-      o && (n(
-        v("pdf.pageOf", { current: d, total: o.numPages })
-      ), (e = G.current) == null || e.call(G, d));
-    }, [d, o, v]);
-    const te = R(null), se = R([]), T = L(
+      s && (x(
+        S("pdf.pageOf", { current: l, total: s.numPages })
+      ), (e = Y.current) == null || e.call(Y, l));
+    }, [l, s, S]);
+    const re = A(null), oe = A([]), D = L(
       (e) => {
-        if (!o) return;
-        const r = Math.max(1, Math.min(e, o.numPages));
-        w(r);
-        const c = se.current[r - 1];
-        c && c.scrollIntoView({
+        if (!s) return;
+        const r = Math.max(1, Math.min(e, s.numPages));
+        E(r);
+        const d = oe.current[r - 1];
+        d && d.scrollIntoView({
           behavior: "auto",
           block: "start"
         });
       },
-      [o, K]
-    ), ue = L((e) => {
-      S(e);
+      [s, v]
+    ), fe = L((e) => {
+      y(e);
     }, []), $ = L(() => {
       typeof window < "u" && window.print();
-    }, []), fe = L((e) => {
-      le(e), k(e.length > 0);
+    }, []), pe = L((e) => {
+      ue(e), G(e.length > 0);
     }, []);
-    je(
-      I,
+    Ve(
+      R,
       () => ({
-        goToPage: T,
-        setZoom: ue,
-        search: fe,
+        goToPage: D,
+        setZoom: fe,
+        search: pe,
         print: $
       }),
-      [T, ue, fe, $]
+      [D, fe, pe, $]
     );
-    const Me = L(
+    const Ce = L(
       (e) => {
-        if (!o) return;
+        if (!s) return;
         const r = e.metaKey || e.ctrlKey;
         if (e.key === "PageDown") {
-          e.preventDefault(), T(d + 1);
+          e.preventDefault(), D(l + 1);
           return;
         }
         if (e.key === "PageUp") {
-          e.preventDefault(), T(d - 1);
+          e.preventDefault(), D(l - 1);
           return;
         }
         if (e.key === "Home") {
-          e.preventDefault(), T(1);
+          e.preventDefault(), D(1);
           return;
         }
         if (e.key === "End") {
-          e.preventDefault(), T(o.numPages);
+          e.preventDefault(), D(s.numPages);
           return;
         }
         if (r && e.key.toLowerCase() === "f") {
-          e.preventDefault(), k(!0);
+          e.preventDefault(), G(!0);
           return;
         }
         if (r && (e.key === "+" || e.key === "=")) {
-          e.preventDefault(), S((c) => J(c) ? Math.min(c * 1.25, 4) : 1.25);
+          e.preventDefault(), y((d) => J(d) ? Math.min(d * 1.25, 4) : 1.25);
           return;
         }
         if (r && e.key === "-") {
-          e.preventDefault(), S((c) => J(c) ? Math.max(c / 1.25, 0.25) : 0.75);
+          e.preventDefault(), y((d) => J(d) ? Math.max(d / 1.25, 0.25) : 0.75);
           return;
         }
         if (r && e.key === "0") {
-          e.preventDefault(), S("fit-width");
+          e.preventDefault(), y("fit-width");
           return;
         }
         r && e.key.toLowerCase() === "p" && (e.preventDefault(), $());
       },
-      [d, T, $, o]
-    ), oe = R(d);
-    x(() => {
-      oe.current = d;
-    }, [d]), x(() => {
-      if (!o) return;
-      const e = te.current;
+      [l, D, $, s]
+    ), ie = A(l);
+    w(() => {
+      ie.current = l;
+    }, [l]), w(() => {
+      if (!s) return;
+      const e = re.current;
       if (!e) return;
-      const r = /* @__PURE__ */ new Map(), c = new IntersectionObserver(
-        (i) => {
-          for (const A of i) {
-            const U = A.target.dataset.pageNumber;
+      const r = /* @__PURE__ */ new Map(), d = new IntersectionObserver(
+        (o) => {
+          for (const T of o) {
+            const U = T.target.dataset.pageNumber;
             if (!U) continue;
-            const Te = Number(U);
-            r.set(Te, A.intersectionRatio);
+            const Ae = Number(U);
+            r.set(Ae, T.intersectionRatio);
           }
-          let C = oe.current, _ = 0, H = 1 / 0, Q = -1 / 0;
-          for (const [A, U] of r.entries())
-            U > _ && (C = A, _ = U), U > 0 && (H = Math.min(H, A), Q = Math.max(Q, A));
-          _ > 0 && C !== oe.current && w(C), H !== 1 / 0 && j({
+          let C = ie.current, _ = 0, H = 1 / 0, Q = -1 / 0;
+          for (const [T, U] of r.entries())
+            U > _ && (C = T, _ = U), U > 0 && (H = Math.min(H, T), Q = Math.max(Q, T));
+          _ > 0 && C !== ie.current && E(C), H !== 1 / 0 && M({
             start: Math.max(1, H - 1),
-            end: Math.min(o.numPages, Q + 1)
+            end: Math.min(s.numPages, Q + 1)
           });
         },
         { root: e, threshold: [0, 0.25, 0.5, 0.75, 1] }
       );
-      return se.current.forEach((i) => {
-        i && c.observe(i);
-      }), () => c.disconnect();
-    }, [o]);
-    const [Ce, Ne] = h(0);
-    x(() => {
-      const e = te.current;
+      return oe.current.forEach((o) => {
+        o && d.observe(o);
+      }), () => d.disconnect();
+    }, [s]);
+    const [Ne, Ie] = m(0);
+    w(() => {
+      const e = re.current;
       if (!e || typeof ResizeObserver > "u") return;
       const r = new ResizeObserver(() => {
-        (P === "fit-width" || P === "fit-page") && Ne((c) => c + 1);
+        (O === "fit-width" || O === "fit-page") && Ie((d) => d + 1);
       });
       return r.observe(e), () => r.disconnect();
-    }, [P]);
-    const pe = R([]), [re, me] = h(0), De = L(
+    }, [O]);
+    const me = A([]), [ne, he] = m(0), De = L(
       (e) => (r) => {
-        pe.current[e] = r;
+        me.current[e] = r;
       },
       []
-    ), he = L((e) => {
-      const r = pe.current[e];
+    ), ge = L((e) => {
+      const r = me.current[e];
       r && r.focus();
-    }, []), ne = 8, Ie = L(
+    }, []), ae = 8, Te = L(
       (e) => {
-        const r = z ? "ArrowLeft" : "ArrowRight", c = z ? "ArrowRight" : "ArrowLeft";
-        let i = null;
-        e.key === r ? i = (re + 1) % ne : e.key === c ? i = (re - 1 + ne) % ne : e.key === "Home" ? i = 0 : e.key === "End" && (i = ne - 1), i !== null && (e.preventDefault(), me(i), he(i));
+        const r = z ? "ArrowLeft" : "ArrowRight", d = z ? "ArrowRight" : "ArrowLeft";
+        let o = null;
+        e.key === r ? o = (ne + 1) % ae : e.key === d ? o = (ne - 1 + ae) % ae : e.key === "Home" ? o = 0 : e.key === "End" && (o = ae - 1), o !== null && (e.preventDefault(), he(o), ge(o));
       },
-      [he, z, re]
+      [ge, z, ne]
     );
-    return E ? /* @__PURE__ */ a(
+    return c ? /* @__PURE__ */ a(
       "div",
       {
-        className: [ve(), D].filter(Boolean).join(" "),
-        "aria-label": p ?? v("pdf.error"),
-        children: /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ a(ge, { variant: "error", live: "polite", children: /* @__PURE__ */ Z(ge.Description, { children: [
-          v("pdf.error"),
+        className: [be(), P].filter(Boolean).join(" "),
+        "aria-label": N ?? S("pdf.error"),
+        children: /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ a(ve, { variant: "error", live: "polite", children: /* @__PURE__ */ Z(ve.Description, { children: [
+          S("pdf.error"),
           ": ",
-          E.message
+          c.message
         ] }) }) })
       }
     ) : /* @__PURE__ */ Z(
@@ -358,47 +359,48 @@ const Xe = Ae(
       {
         id: B,
         role: "region",
-        "aria-label": p ?? v("pdf.toolbarLabel"),
-        className: [ve(), D].filter(Boolean).join(" "),
+        "aria-label": N ?? S("pdf.toolbarLabel"),
+        className: [be(), P].filter(Boolean).join(" "),
         dir: z ? "rtl" : void 0,
-        onKeyDown: Me,
+        onKeyDown: Ce,
         tabIndex: -1,
         "data-component": "pdf-viewer",
-        "data-pdfjs-worker-src": ke,
+        "data-component-id": i,
+        "data-pdfjs-worker-src": ze,
         children: [
-          N ? /* @__PURE__ */ a(
-            Ge,
+          p ? /* @__PURE__ */ a(
+            Ye,
             {
-              currentPage: d,
-              numPages: (o == null ? void 0 : o.numPages) ?? 0,
-              zoom: P,
-              onPrev: () => T(d - 1),
-              onNext: () => T(d + 1),
-              onJump: (e) => T(e),
+              currentPage: l,
+              numPages: (s == null ? void 0 : s.numPages) ?? 0,
+              zoom: O,
+              onPrev: () => D(l - 1),
+              onNext: () => D(l + 1),
+              onJump: (e) => D(e),
               onZoomIn: () => {
-                S(
+                y(
                   (e) => J(e) ? Math.min(e * 1.25, 4) : 1.25
                 );
               },
               onZoomOut: () => {
-                S(
+                y(
                   (e) => J(e) ? Math.max(e / 1.25, 0.25) : 0.75
                 );
               },
-              onZoomPreset: (e) => S(e),
-              onOpenSearch: () => k(!0),
+              onZoomPreset: (e) => y(e),
+              onOpenSearch: () => G(!0),
               onPrint: $,
-              searchOpen: y,
-              onSearchOpenChange: k,
-              searchQuery: ce,
+              searchOpen: j,
+              onSearchOpenChange: G,
+              searchQuery: le,
               onSearchQueryChange: (e) => {
-                le(e);
+                ue(e);
               },
-              searchMatches: Pe,
+              searchMatches: Se,
               register: De,
-              focusIndex: re,
-              setFocusIndex: me,
-              onToolbarKeyDown: Ie,
+              focusIndex: ne,
+              setFocusIndex: he,
+              onToolbarKeyDown: Te,
               isRtl: z
             }
           ) : null,
@@ -408,34 +410,34 @@ const Xe = Ae(
               "aria-live": "polite",
               "aria-atomic": "true",
               className: "ds:sr-only",
-              children: M
+              children: n
             }
           ),
           /* @__PURE__ */ a(
             "div",
             {
-              ref: te,
-              className: Ue(),
+              ref: re,
+              className: Je(),
               "data-testid": "pdf-pages-container",
-              children: o ? Array.from({ length: o.numPages }, (e, r) => r + 1).map(
+              children: s ? Array.from({ length: s.numPages }, (e, r) => r + 1).map(
                 (e) => /* @__PURE__ */ a(
-                  Ye,
+                  et,
                   {
                     pageNumber: e,
-                    totalPages: o.numPages,
-                    doc: o.doc,
-                    zoom: P,
-                    container: te.current,
-                    resizeTick: Ce,
-                    shouldRender: e >= O.start && e <= O.end,
+                    totalPages: s.numPages,
+                    doc: s.doc,
+                    zoom: O,
+                    container: re.current,
+                    resizeTick: Ne,
+                    shouldRender: e >= I.start && e <= I.end,
                     registerRef: (r) => {
-                      se.current[e - 1] = r;
+                      oe.current[e - 1] = r;
                     },
-                    searchQuery: ce,
+                    searchQuery: le,
                     onMatchCount: (r) => {
-                      Se((c) => r === 0 && c.total === 0 ? c : {
-                        current: Math.min(c.current || 1, r || 1),
-                        total: Math.max(c.total, r)
+                      Me((d) => r === 0 && d.total === 0 ? d : {
+                        current: Math.min(d.current || 1, r || 1),
+                        total: Math.max(d.total, r)
                       });
                     }
                   },
@@ -446,8 +448,8 @@ const Xe = Ae(
                 {
                   className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[var(--muted-foreground)] ds:p-[var(--spacing-lg)]",
                   children: [
-                    /* @__PURE__ */ a(Ve, { size: "sm", label: v("pdf.loading") }),
-                    /* @__PURE__ */ a("span", { children: v("pdf.loading") })
+                    /* @__PURE__ */ a(Fe, { size: "sm", label: S("pdf.loading") }),
+                    /* @__PURE__ */ a("span", { children: S("pdf.loading") })
                   ]
                 }
               )
@@ -458,58 +460,58 @@ const Xe = Ae(
     );
   }
 );
-Xe.displayName = "PDFViewer";
-function Ge(s) {
-  const { t } = de(), {
+Ge.displayName = "PDFViewer";
+function Ye(i) {
+  const { t } = ce(), {
     currentPage: u,
-    numPages: f,
-    zoom: m,
+    numPages: h,
+    zoom: f,
     onPrev: g,
-    onNext: N,
+    onNext: k,
     onJump: p,
-    onZoomIn: D,
-    onZoomOut: I,
-    onZoomPreset: v,
-    onOpenSearch: q,
-    onPrint: B,
-    searchOpen: z,
-    onSearchOpenChange: V,
-    searchQuery: K,
-    onSearchQueryChange: b,
-    searchMatches: o,
-    register: F,
-    focusIndex: E,
-    setFocusIndex: l,
-    onToolbarKeyDown: d
-  } = s, [w, P] = h(String(u));
-  x(() => {
-    P(String(u));
+    onZoomIn: N,
+    onZoomOut: P,
+    onZoomPreset: R,
+    onOpenSearch: S,
+    onPrint: V,
+    searchOpen: B,
+    onSearchOpenChange: z,
+    searchQuery: q,
+    onSearchQueryChange: v,
+    searchMatches: K,
+    register: s,
+    focusIndex: F,
+    setFocusIndex: c,
+    onToolbarKeyDown: b
+  } = i, [l, E] = m(String(u));
+  w(() => {
+    E(String(u));
   }, [u]);
-  const S = u <= 1, O = u >= f;
-  function j() {
-    const n = Number(w);
-    Number.isFinite(n) && n >= 1 ? p(Math.min(n, f)) : P(String(u));
+  const O = u <= 1, y = u >= h;
+  function I() {
+    const n = Number(l);
+    Number.isFinite(n) && n >= 1 ? p(Math.min(n, h)) : E(String(u));
   }
   function M(n) {
     return /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        ref: F(n.index),
-        tabIndex: n.index === E ? 0 : -1,
-        onFocus: () => l(n.index),
-        onKeyDown: d,
+        ref: s(n.index),
+        tabIndex: n.index === F ? 0 : -1,
+        onFocus: () => c(n.index),
+        onKeyDown: b,
         "aria-label": n.label,
         "aria-disabled": n.disabled || void 0,
         title: n.label,
-        onClick: (y) => {
+        onClick: (x) => {
           if (n.disabled) {
-            y.preventDefault();
+            x.preventDefault();
             return;
           }
           n.onActivate();
         },
-        className: be(),
+        className: ye(),
         children: n.icon
       }
     );
@@ -519,15 +521,15 @@ function Ge(s) {
     {
       role: "toolbar",
       "aria-label": t("pdf.toolbarLabel"),
-      className: We(),
+      className: qe(),
       children: [
         M({
           index: 0,
           label: t("pdf.previousPage"),
-          disabled: S,
+          disabled: O,
           onActivate: g,
           icon: /* @__PURE__ */ a(
-            Ee,
+            _e,
             {
               "aria-hidden": "true",
               className: "ds:block-size-4 ds:inline-size-4 ds:rtl:rotate-180"
@@ -537,10 +539,10 @@ function Ge(s) {
         M({
           index: 1,
           label: t("pdf.nextPage"),
-          disabled: O,
-          onActivate: N,
+          disabled: y,
+          onActivate: k,
           icon: /* @__PURE__ */ a(
-            _e,
+            Le,
             {
               "aria-hidden": "true",
               className: "ds:block-size-4 ds:inline-size-4 ds:rtl:rotate-180"
@@ -552,18 +554,18 @@ function Ge(s) {
           {
             type: "number",
             min: 1,
-            max: Math.max(f, 1),
-            value: w,
-            onChange: (n) => P(n.target.value),
+            max: Math.max(h, 1),
+            value: l,
+            onChange: (n) => E(n.target.value),
             onKeyDown: (n) => {
-              n.key === "Enter" && (n.preventDefault(), j());
+              n.key === "Enter" && (n.preventDefault(), I());
             },
-            onBlur: j,
-            onFocus: () => l(2),
-            ref: F(2),
-            tabIndex: E === 2 ? 0 : -1,
+            onBlur: I,
+            onFocus: () => c(2),
+            ref: s(2),
+            tabIndex: F === 2 ? 0 : -1,
             "aria-label": t("pdf.currentPageInput"),
-            className: ye()
+            className: xe()
           }
         ),
         /* @__PURE__ */ a(
@@ -571,7 +573,7 @@ function Ge(s) {
           {
             "aria-hidden": "true",
             className: "type-body-sm ds:text-[var(--muted-foreground)]",
-            children: t("pdf.pageOf", { current: u, total: f || 0 })
+            children: t("pdf.pageOf", { current: u, total: h || 0 })
           }
         ),
         /* @__PURE__ */ a(
@@ -584,48 +586,48 @@ function Ge(s) {
         M({
           index: 3,
           label: t("pdf.zoom.out"),
-          onActivate: I,
-          icon: /* @__PURE__ */ a(Qe, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          onActivate: P,
+          icon: /* @__PURE__ */ a(We, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
         }),
         M({
           index: 4,
           label: t("pdf.zoom.in"),
-          onActivate: D,
-          icon: /* @__PURE__ */ a(Ke, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          onActivate: N,
+          icon: /* @__PURE__ */ a(He, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
         }),
         /* @__PURE__ */ Z(
           "select",
           {
             "aria-label": t("pdf.zoom.preset"),
-            value: typeof m == "number" ? String(m) : m,
+            value: typeof f == "number" ? String(f) : f,
             onChange: (n) => {
-              const y = n.target.value;
-              if (y === "fit-width" || y === "fit-page" || y === "actual-size")
-                v(y);
+              const x = n.target.value;
+              if (x === "fit-width" || x === "fit-page" || x === "actual-size")
+                R(x);
               else {
-                const k = Number(y);
-                Number.isFinite(k) && v(k);
+                const j = Number(x);
+                Number.isFinite(j) && R(j);
               }
             },
-            ref: F(5),
-            tabIndex: E === 5 ? 0 : -1,
-            onFocus: () => l(5),
-            onKeyDown: d,
-            className: qe(),
+            ref: s(5),
+            tabIndex: F === 5 ? 0 : -1,
+            onFocus: () => c(5),
+            onKeyDown: b,
+            className: Ue(),
             children: [
               /* @__PURE__ */ a("option", { value: "fit-width", children: t("pdf.zoom.fitWidth") }),
               /* @__PURE__ */ a("option", { value: "fit-page", children: t("pdf.zoom.fitPage") }),
               /* @__PURE__ */ a("option", { value: "actual-size", children: t("pdf.zoom.actualSize") }),
-              $e.filter(J).map((n) => /* @__PURE__ */ a("option", { value: String(n), children: `${Math.round(n * 100)}%` }, n))
+              Xe.filter(J).map((n) => /* @__PURE__ */ a("option", { value: String(n), children: `${Math.round(n * 100)}%` }, n))
             ]
           }
         ),
-        /* @__PURE__ */ Z(X.Root, { open: z, onOpenChange: V, children: [
+        /* @__PURE__ */ Z(X.Root, { open: B, onOpenChange: z, children: [
           /* @__PURE__ */ a(X.Trigger, { asChild: !0, children: M({
             index: 6,
             label: t("pdf.search.open"),
-            onActivate: q,
-            icon: /* @__PURE__ */ a(Le, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+            onActivate: S,
+            icon: /* @__PURE__ */ a(Ze, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
           }) }),
           /* @__PURE__ */ a(X.Portal, { children: /* @__PURE__ */ Z(
             X.Content,
@@ -645,11 +647,11 @@ function Ge(s) {
                   {
                     type: "search",
                     autoFocus: !0,
-                    value: K,
-                    onChange: (n) => b(n.target.value),
+                    value: q,
+                    onChange: (n) => v(n.target.value),
                     placeholder: t("pdf.search.placeholder"),
                     "aria-label": t("pdf.search.placeholder"),
-                    className: ye({ className: "ds:inline-size-[16rem] ds:text-start" })
+                    className: xe({ className: "ds:inline-size-[16rem] ds:text-start" })
                   }
                 ),
                 /* @__PURE__ */ a(
@@ -657,10 +659,10 @@ function Ge(s) {
                   {
                     "aria-live": "polite",
                     className: "type-meta ds:text-[var(--muted-foreground)]",
-                    children: o.total > 0 ? t("pdf.search.countOfTotal", {
-                      current: o.current,
-                      total: o.total
-                    }) : K ? t("pdf.search.noResults") : ""
+                    children: K.total > 0 ? t("pdf.search.countOfTotal", {
+                      current: K.current,
+                      total: K.total
+                    }) : q ? t("pdf.search.noResults") : ""
                   }
                 ),
                 /* @__PURE__ */ a(X.Close, { asChild: !0, children: /* @__PURE__ */ a(
@@ -668,8 +670,8 @@ function Ge(s) {
                   {
                     type: "button",
                     "aria-label": t("pdf.search.close"),
-                    className: be(),
-                    children: /* @__PURE__ */ a(Fe, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+                    className: ye(),
+                    children: /* @__PURE__ */ a(Ee, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
                   }
                 ) })
               ]
@@ -679,67 +681,67 @@ function Ge(s) {
         M({
           index: 7,
           label: t("pdf.print"),
-          onActivate: B,
-          icon: /* @__PURE__ */ a(Ze, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
+          onActivate: V,
+          icon: /* @__PURE__ */ a(Be, { "aria-hidden": "true", className: "ds:block-size-4 ds:inline-size-4" })
         })
       ]
     }
   );
 }
-function Ye(s) {
+function et(i) {
   const {
     pageNumber: t,
     totalPages: u,
-    doc: f,
-    zoom: m,
+    doc: h,
+    zoom: f,
     container: g,
-    resizeTick: N,
+    resizeTick: k,
     shouldRender: p,
-    registerRef: D,
-    searchQuery: I,
-    onMatchCount: v
-  } = s, { t: q } = de(), B = R(null), z = R(null), [V, K] = h({
+    registerRef: N,
+    searchQuery: P,
+    onMatchCount: R
+  } = i, { t: S } = ce(), V = A(null), B = A(null), [z, q] = m({
     width: 612,
     height: 792
-  }), [b, o] = h(null);
-  x(() => {
-    let l = !1;
-    return f.getPage(t).then((d) => {
-      l || o(d);
+  }), [v, K] = m(null);
+  w(() => {
+    let c = !1;
+    return h.getPage(t).then((b) => {
+      c || K(b);
     }), () => {
-      l = !0;
+      c = !0;
     };
-  }, [f, t]), x(() => {
-    if (!b) return;
-    const l = b.getViewport({ scale: 1 }), d = xe(m, l, g), w = b.getViewport({ scale: d });
-    K({ width: Math.floor(w.width), height: Math.floor(w.height) });
-  }, [b, m, g, N]), x(() => {
-    if (!b || !p) {
-      const k = B.current;
-      k && !p && (k.width = 0);
+  }, [h, t]), w(() => {
+    if (!v) return;
+    const c = v.getViewport({ scale: 1 }), b = we(f, c, g), l = v.getViewport({ scale: b });
+    q({ width: Math.floor(l.width), height: Math.floor(l.height) });
+  }, [v, f, g, k]), w(() => {
+    if (!v || !p) {
+      const j = V.current;
+      j && !p && (j.width = 0);
       return;
     }
-    const l = B.current, d = z.current;
+    const c = V.current, b = B.current;
+    if (!c) return;
+    const l = c.getContext("2d");
     if (!l) return;
-    const w = l.getContext("2d");
-    if (!w) return;
-    const P = b.getViewport({ scale: 1 }), S = xe(m, P, g), O = b.getViewport({ scale: S }), j = Math.max(1, window.devicePixelRatio || 1);
-    l.width = Math.floor(O.width * j), l.height = Math.floor(O.height * j), w.setTransform(j, 0, 0, j, 0, 0);
-    const M = b.render({
-      canvas: l,
-      canvasContext: w,
-      viewport: O
+    const E = v.getViewport({ scale: 1 }), O = we(f, E, g), y = v.getViewport({ scale: O }), I = Math.max(1, window.devicePixelRatio || 1);
+    c.width = Math.floor(y.width * I), c.height = Math.floor(y.height * I), l.setTransform(I, 0, 0, I, 0, 0);
+    const M = v.render({
+      canvas: c,
+      canvasContext: l,
+      viewport: y
     });
-    let n = !1, y = null;
+    let n = !1, x = null;
     return M.promise.then(async () => {
-      if (n || !d) return;
-      d.textContent = "";
-      const k = await b.getTextContent();
-      n || (y = new ie.TextLayer({
-        textContentSource: k,
-        container: d,
-        viewport: O
-      }), await y.render(), we(d, I, v));
+      if (n || !b) return;
+      b.textContent = "";
+      const j = await v.getTextContent();
+      n || (x = new de.TextLayer({
+        textContentSource: j,
+        container: b,
+        viewport: y
+      }), await x.render(), ke(b, P, R));
     }).catch(() => {
     }), () => {
       n = !0;
@@ -747,40 +749,40 @@ function Ye(s) {
         M.cancel();
       } catch {
       }
-      if (y)
+      if (x)
         try {
-          y.cancel();
+          x.cancel();
         } catch {
         }
     };
-  }, [b, p, m, g, N, I, v]), x(() => {
+  }, [v, p, f, g, k, P, R]), w(() => {
     if (!p) return;
-    const l = z.current;
-    l && we(l, I, v);
-  }, [I, p, v]);
-  const F = {
-    width: V.width,
-    height: V.height
-  }, E = {
-    width: V.width,
-    height: V.height
+    const c = B.current;
+    c && ke(c, P, R);
+  }, [P, p, R]);
+  const s = {
+    width: z.width,
+    height: z.height
+  }, F = {
+    width: z.width,
+    height: z.height
   };
   return /* @__PURE__ */ Z(
     "article",
     {
-      ref: (l) => {
-        D(l);
+      ref: (c) => {
+        N(c);
       },
       "data-page-number": t,
-      "aria-label": q("pdf.pageOf", { current: t, total: u }),
-      className: Je(),
-      style: E,
+      "aria-label": S("pdf.pageOf", { current: t, total: u }),
+      className: $e(),
+      style: F,
       children: [
-        /* @__PURE__ */ a("canvas", { ref: B, style: F }),
+        /* @__PURE__ */ a("canvas", { ref: V, style: s }),
         /* @__PURE__ */ a(
           "div",
           {
-            ref: z,
+            ref: B,
             "aria-hidden": "false",
             className: [
               "ds:absolute ds:inset-0",
@@ -798,20 +800,20 @@ function Ye(s) {
     }
   );
 }
-function we(s, t, u) {
-  if (s.querySelectorAll("[data-match]").forEach((p) => {
+function ke(i, t, u) {
+  if (i.querySelectorAll("[data-match]").forEach((p) => {
     p.removeAttribute("data-match");
   }), !t) {
     u(0);
     return;
   }
-  const m = t.toLowerCase();
+  const f = t.toLowerCase();
   let g = 0;
-  s.querySelectorAll("span").forEach((p) => {
-    (p.textContent ?? "").toLowerCase().includes(m) && (p.setAttribute("data-match", "true"), g += 1);
+  i.querySelectorAll("span").forEach((p) => {
+    (p.textContent ?? "").toLowerCase().includes(f) && (p.setAttribute("data-match", "true"), g += 1);
   }), u(g);
 }
-const pt = {
+const mt = {
   id: "pdf-viewer",
   capabilities: ["paginate", "view_change", "filter"],
   state: {},
@@ -820,40 +822,45 @@ const pt = {
       safety: "read",
       argsType: "{ page: number }",
       description: "Navigate to a specific 1-indexed page.",
-      invoke: (s, t) => {
-        s.goToPage(t.page);
+      invoke: (i, t) => {
+        i.goToPage(t.page);
       }
     },
     set_zoom: {
       safety: "read",
       argsType: "{ zoom: PDFZoomPreset }",
       description: "Apply a zoom preset.",
-      invoke: (s, t) => {
-        s.setZoom(t.zoom);
+      invoke: (i, t) => {
+        i.setZoom(t.zoom);
       }
     },
     search: {
       safety: "read",
       argsType: "{ query: string }",
       description: "Search the document for the given query and highlight matches.",
-      invoke: (s, t) => {
-        s.search(t.query);
+      invoke: (i, t) => {
+        i.search(t.query);
       }
     },
     print: {
       safety: "read",
       description: "Open the browser print dialog for the document.",
-      invoke: (s) => {
-        s.print();
+      invoke: (i) => {
+        i.print();
       }
     }
   },
   domHooks: {
-    root: { attr: "data-component", value: "pdf-viewer" }
+    root: { attr: "data-component", value: "pdf-viewer" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
   }
 };
 export {
-  Xe as P,
-  pt as p
+  Ge as P,
+  mt as p
 };
-//# sourceMappingURL=pdf-viewer.agent-CfIHhcHx.js.map
+//# sourceMappingURL=pdf-viewer.agent-BaGEDheA.js.map