@factorialco/f0-react 8.16.0 → 8.16.1

package/dist/{index-D9SNDC4b.js → index-C6DiQWUC.js}

@@ -1,14 +1,14 @@
-import { S as V, y as _e, u as Q, z as Ce, w as Fe, i as Le, j as De, k as Ve, A as Te, l as He, B as Ee, E as Ue, G as We } from "./F0CanvasPanel-CqHQYY7O.js";
-import { jsx as n, jsxs as P } from "react/jsx-runtime";
-import { lazy as X, forwardRef as se, Suspense as je, useState as H, useRef as J, useCallback as w, useMemo as re, useEffect as E } from "react";
-import { e as Oe, D as $e, P as Be, c as Me } from "./pdfWorker-D4oJ8ZbR.js";
-import { F as ze } from "./Printer-BD-FEi_2.js";
-import { d as I } from "./tooltip-CrXp1Uaz.js";
-import './index2.css';const Ie = ({
+import { S as E, y as Ce, u as X, z as Te, w as Le, i as Fe, j as De, k as Ve, A as Ee, l as He, B as Ue, E as Oe, G as We, H as je } from "./F0CanvasPanel-CqwBZSlw.js";
+import { jsx as r, jsxs as P } from "react/jsx-runtime";
+import { lazy as Y, forwardRef as ce, Suspense as $e, useState as U, useRef as A, useCallback as w, useMemo as ie, useEffect as V } from "react";
+import { e as ze, D as Me, P as Be, c as Ie } from "./pdfWorker-D58h5D59.js";
+import { F as Ae } from "./Printer-BD-FEi_2.js";
+import { d as G } from "./tooltip-CrXp1Uaz.js";
+import './index2.css';const Ge = ({
   label: e,
   width: t,
   height: o
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ r(
   "div",
   {
     role: "status",
@@ -16,21 +16,21 @@ import './index2.css';const Ie = ({
     "aria-live": "polite",
     "aria-busy": !0,
     className: "F0DocumentViewer__page mx-auto w-fit px-4 pt-4 last:pb-4",
-    children: /* @__PURE__ */ n(
-      V,
+    children: /* @__PURE__ */ r(
+      E,
       {
         style: { width: t, height: o },
         className: "rounded-lg border border-solid border-f1-border-secondary shadow-md"
       }
     )
   }
-), N = ({
+), _ = ({
   label: e,
   icon: t,
   onClick: o,
   size: i = "md"
-}) => /* @__PURE__ */ n(
-  _e,
+}) => /* @__PURE__ */ r(
+  Ce,
   {
     label: e,
     icon: t,
@@ -39,14 +39,14 @@ import './index2.css';const Ie = ({
     variant: "outline",
     size: i
   }
-), Ae = (e) => I(
+), Ze = (e) => G(
   "z-10 flex flex-row items-center gap-2",
   e === "top" ? "F0DocumentViewer__surface sticky top-0 justify-between px-6 py-4" : "absolute bottom-4 left-1/2 w-max max-w-[calc(100%-2rem)] -translate-x-1/2 gap-4 rounded-xl bg-f1-background-inverse p-2 text-f1-foreground-inverse shadow-lg backdrop-blur-sm"
-), Ge = (e, t) => I(
+), qe = (e, t) => G(
   "flex flex-row items-center gap-2",
   e === "floating" && "dark",
   t
-), ie = ({
+), le = ({
   toolbarRef: e,
   currentPage: t,
   totalPages: o,
@@ -57,15 +57,15 @@ import './index2.css';const Ie = ({
   onNextPage: h,
   onZoomIn: u,
   onZoomOut: b,
-  onScaleChange: _,
+  onScaleChange: N,
   rotatable: v,
   onRotate: x,
-  onPrint: U,
+  onPrint: O,
   onDownload: m,
   actions: C,
   placement: y
 }) => {
-  const { pdfViewer: p } = Q(), g = Ge(y);
+  const { pdfViewer: p } = X(), g = qe(y);
   return /* @__PURE__ */ P(
     "div",
     {
@@ -73,13 +73,13 @@ import './index2.css';const Ie = ({
       role: "toolbar",
       "aria-label": p.toolbar,
       "data-placement": y,
-      className: Ae(y),
+      className: Ze(y),
       children: [
         i ? /* @__PURE__ */ P(
           "span",
           {
             "aria-live": "polite",
-            className: I(
+            className: G(
               "whitespace-nowrap text-sm font-medium",
               y === "top" ? "text-f1-foreground-secondary" : "pl-2 text-f1-foreground-inverse"
             ),
@@ -91,80 +91,80 @@ import './index2.css';const Ie = ({
           }
         ) : null,
         /* @__PURE__ */ P("div", { className: g, children: [
-          /* @__PURE__ */ n(
-            N,
+          /* @__PURE__ */ r(
+            _,
             {
               label: p.previousPage,
               onClick: c,
-              icon: Ce,
+              icon: Te,
               size: "sm"
             }
           ),
-          /* @__PURE__ */ n(
-            N,
+          /* @__PURE__ */ r(
+            _,
             {
               label: p.nextPage,
               onClick: h,
-              icon: Fe,
+              icon: Le,
               size: "sm"
             }
           )
         ] }),
         /* @__PURE__ */ P("div", { className: g, children: [
-          /* @__PURE__ */ n(
-            N,
+          /* @__PURE__ */ r(
+            _,
             {
               label: p.zoomOut,
               onClick: b,
-              icon: Le
+              icon: Fe
             }
           ),
-          /* @__PURE__ */ n(
-            N,
+          /* @__PURE__ */ r(
+            _,
             {
               label: p.zoomIn,
               onClick: u,
               icon: De
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ r(
             Ve,
             {
               hideLabel: !0,
               label: p.scaleSelector,
               options: s,
               value: l,
-              onChange: (R) => _(R)
+              onChange: (R) => N(R)
             }
           )
         ] }),
         /* @__PURE__ */ P("div", { className: g, children: [
-          v ? /* @__PURE__ */ n(
-            N,
+          v ? /* @__PURE__ */ r(
+            _,
             {
               label: p.rotate,
               onClick: x,
-              icon: Te
+              icon: Ee
             }
           ) : null,
-          /* @__PURE__ */ n(
-            N,
+          /* @__PURE__ */ r(
+            _,
             {
               label: p.print,
-              onClick: U,
-              icon: ze
+              onClick: O,
+              icon: Ae
             }
           ),
-          /* @__PURE__ */ n(
-            N,
+          /* @__PURE__ */ r(
+            _,
             {
               label: p.download,
               onClick: m,
               icon: He
             }
           ),
-          C?.map((R, S) => /* @__PURE__ */ n(
-            N,
+          C?.map((R, S) => /* @__PURE__ */ r(
+            _,
             {
               label: R.label,
               onClick: R.onClick,
@@ -176,15 +176,15 @@ import './index2.css';const Ie = ({
       ]
     }
   );
-}, qe = (e, t) => t ? (Math.round(t * e) + 1e-3) / t : e, Ze = (e, t = window.devicePixelRatio || 1) => {
+}, Je = (e, t) => t ? (Math.round(t * e) + 1e-3) / t : e, Ke = (e, t = window.devicePixelRatio || 1) => {
   !e || e.width === 0 || e.height === 0 || (e.style.width = `${e.width / t}px`, e.style.height = `${e.height / t}px`);
-}, ce = async (e) => {
+}, de = async (e) => {
   const t = await e.saveDocument();
   return new Blob([new Uint8Array(t)], { type: "application/pdf" });
-}, Je = async (e) => {
+}, Qe = async (e) => {
   if (!e)
     return;
-  const t = URL.createObjectURL(await ce(e)), o = document.createElement("iframe");
+  const t = URL.createObjectURL(await de(e)), o = document.createElement("iframe");
   o.style.display = "none", o.src = t, o.onload = () => {
     o.focus(), o.contentWindow?.print();
     const i = () => {
@@ -192,12 +192,12 @@ import './index2.css';const Ie = ({
     };
     o.contentWindow?.addEventListener("afterprint", i), setTimeout(i, 6e4);
   }, document.body.appendChild(o);
-}, Ke = async (e, t) => {
+}, Xe = async (e, t) => {
   if (!e)
     return;
-  const o = URL.createObjectURL(await ce(e)), i = document.createElement("a");
+  const o = URL.createObjectURL(await de(e)), i = document.createElement("a");
   i.href = o, i.download = t.length > 0 ? t : "document.pdf", document.body.appendChild(i), i.click(), i.remove(), URL.revokeObjectURL(o);
-}, ut = async (e, t, o = !0) => {
+}, gt = async (e, t, o = !0) => {
   let i = e, l;
   try {
     const c = await fetch(e, {
@@ -210,7 +210,7 @@ import './index2.css';const Ie = ({
   }
   const s = document.createElement("a");
   s.href = i, s.download = t ?? "", s.rel = "noreferrer", l || (s.target = "_blank"), document.body.appendChild(s), s.click(), s.remove(), l && URL.revokeObjectURL(l);
-}, K = [
+}, Q = [
   "0.5",
   "0.75",
   "1",
@@ -219,12 +219,12 @@ import './index2.css';const Ie = ({
   "2",
   "3",
   "4"
-], de = K.map(Number), Qe = (e) => de.find((t) => t > e), Xe = (e) => [...de].reverse().find((t) => t < e), Ye = (e, t, o) => {
+], fe = Q.map(Number), Ye = (e) => fe.find((t) => t > e), et = (e) => [...fe].reverse().find((t) => t < e), tt = (e, t, o) => {
   let i = null, l = 0;
   return t.forEach((s, c) => {
     if (!s)
       return;
-    const h = s.offsetHeight, u = s.offsetTop, b = u + h, _ = e.offsetHeight - o, v = e.scrollTop + o, x = v + _;
+    const h = s.offsetHeight, u = s.offsetTop, b = u + h, N = e.offsetHeight - o, v = e.scrollTop + o, x = v + N;
     if (!(v < b && x > u))
       return;
     let m;
@@ -237,35 +237,35 @@ import './index2.css';const Ie = ({
     m > l && (l = m, i = c + 1);
   }), i;
 };
-Oe();
-const et = X(() => import("./SheetViewer-DS9G1QPI.js")), tt = X(() => import("./DocxViewer-BuFtxAm5.js")), ot = X(() => import("./TextViewer-BN5Dsxmb.js")), le = 48, fe = se((e, t) => {
+ze();
+const ot = Y(() => import("./SheetViewer-CzYl8GLG.js")), nt = Y(() => import("./DocxViewer-B3fLc2DK.js")), rt = Y(() => import("./TextViewer-B2jfln7v.js")), se = 48, at = 150, ue = ce((e, t) => {
   const { kind: o = "pdf", mimeType: i, toolbar: l = "top", ...s } = e;
   if (o === "pdf")
-    return /* @__PURE__ */ n(ue, { ref: t, toolbar: l, ...s });
+    return /* @__PURE__ */ r(me, { ref: t, toolbar: l, ...s });
   const {
     url: c,
     filename: h,
     actions: u,
     withCredentials: b = !0,
-    page: _,
+    page: N,
     pagesToDisplay: v,
     initialScale: x,
-    rotatable: U,
+    rotatable: O,
     initialRotation: m,
     onRotationChange: C,
     onPdfLoaded: y,
     onPageChange: p,
     ...g
   } = s;
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     "div",
     {
       ref: t,
       ...g,
       className: "F0DocumentViewer__surface relative flex h-full w-full flex-col overflow-hidden border border-solid border-f1-border-secondary",
-      children: /* @__PURE__ */ P(je, { fallback: /* @__PURE__ */ n(V, { className: "h-full w-full rounded-none" }), children: [
-        o === "sheet" ? /* @__PURE__ */ n(
-          et,
+      children: /* @__PURE__ */ P($e, { fallback: /* @__PURE__ */ r(E, { className: "h-full w-full rounded-none" }), children: [
+        o === "sheet" ? /* @__PURE__ */ r(
+          ot,
           {
             url: c,
             filename: h,
@@ -274,8 +274,8 @@ const et = X(() => import("./SheetViewer-DS9G1QPI.js")), tt = X(() => import("./
             toolbar: l
           }
         ) : null,
-        o === "docx" ? /* @__PURE__ */ n(
-          tt,
+        o === "docx" ? /* @__PURE__ */ r(
+          nt,
           {
             url: c,
             filename: h,
@@ -284,8 +284,8 @@ const et = X(() => import("./SheetViewer-DS9G1QPI.js")), tt = X(() => import("./
             toolbar: l
           }
         ) : null,
-        o === "text" ? /* @__PURE__ */ n(
-          ot,
+        o === "text" ? /* @__PURE__ */ r(
+          rt,
           {
             url: c,
             name: h ?? "",
@@ -299,8 +299,8 @@ const et = X(() => import("./SheetViewer-DS9G1QPI.js")), tt = X(() => import("./
     }
   );
 });
-fe.displayName = "F0DocumentViewer";
-const ue = se((e, t) => {
+ue.displayName = "F0DocumentViewer";
+const me = ce((e, t) => {
   const {
     url: o,
     filename: i = "document.pdf",
@@ -310,132 +310,143 @@ const ue = se((e, t) => {
     withCredentials: h = !0,
     rotatable: u = !1,
     initialRotation: b = 0,
-    onRotationChange: _,
+    onRotationChange: N,
     onPdfLoaded: v,
     onPageChange: x,
-    actions: U,
+    actions: O,
     toolbar: m = "top",
     ...C
-  } = e, { pdfViewer: y } = Q(), p = Math.max(
+  } = e, { pdfViewer: y } = X(), p = Math.max(
     2,
     typeof window > "u" ? 1 : window.devicePixelRatio || 1
-  ), [g, R] = H(null), [S, Y] = H([]), [F, A] = H(1), [k, ee] = H(0), [j, G] = H(c), [L, pe] = H(b), q = J(null), Z = J(null), W = J([]), O = s.length > 0 ? s.length : g?.numPages, $ = w(
-    () => m === "top" ? Z.current?.offsetHeight ?? 0 : 0,
+  ), [g, R] = U(null), [S, ee] = U([]), [T, Z] = U(1), [k, te] = U(0), [L, q] = U(c), [F, ge] = U(b), $ = A(null), J = A(null), W = A([]), z = s.length > 0 ? s.length : g?.numPages, M = w(
+    () => m === "top" ? J.current?.offsetHeight ?? 0 : 0,
     [m]
-  ), te = S.find(Boolean), oe = (te?.originalWidth ?? 595) * F, ne = (te?.originalHeight ?? 842) * F, ge = re(
+  ), oe = S.find(Boolean), ne = (oe?.originalWidth ?? 595) * T, re = (oe?.originalHeight ?? 842) * T, he = ie(
     () => [
       { value: "page-width", label: y.pageWidth },
       { value: "page-fit", label: y.pageFit },
-      ...K.map((a) => ({
-        value: a,
-        label: `${Number(a) * 100}%`
+      ...Q.map((n) => ({
+        value: n,
+        label: `${Number(n) * 100}%`
       }))
     ],
     [y.pageWidth, y.pageFit]
-  ), he = re(() => ({ url: o, withCredentials: h }), [o, h]), T = w(
-    (a) => {
-      const r = (O ?? 1) - 1, d = Math.min(Math.max(a, 0), r), f = W.current[d], D = f?.offsetParent;
-      f && D instanceof HTMLElement && (D.scrollTop = f.offsetTop - $() - 10);
+  ), be = ie(() => ({ url: o, withCredentials: h }), [o, h]), H = w(
+    (n) => {
+      const a = (z ?? 1) - 1, d = Math.min(Math.max(n, 0), a), f = W.current[d], D = f?.offsetParent;
+      f && D instanceof HTMLElement && (D.scrollTop = f.offsetTop - M() - 10);
     },
-    [O, $]
-  ), B = w(
-    (a) => {
-      const r = S[k - 1], d = q.current;
-      if (!r || !d)
+    [z, M]
+  ), j = w(
+    (n) => {
+      const a = S[k - 1], d = $.current;
+      if (!a || !d)
         return;
-      const f = Z.current?.offsetHeight ?? 0, D = L === 90 || L === 270, z = D ? r.originalHeight : r.originalWidth, ke = D ? r.originalWidth : r.originalHeight, Ne = a === "page-width" ? (d.clientWidth - le) / z : (d.clientHeight - f - le) / ke;
-      A(Ne), G(a);
+      const f = J.current?.offsetHeight ?? 0, D = F === 90 || F === 270, I = D ? a.originalHeight : a.originalWidth, _e = D ? a.originalWidth : a.originalHeight, Ne = n === "page-width" ? (d.clientWidth - se) / I : (d.clientHeight - f - se) / _e;
+      Z(Ne), q(n);
     },
-    [S, k, L]
-  ), be = w(
-    (a) => {
-      if (a === "page-width" || a === "page-fit") {
-        B(a);
+    [S, k, F]
+  ), we = w(
+    (n) => {
+      if (n === "page-width" || n === "page-fit") {
+        j(n);
         return;
       }
-      A(Number(a)), G(a);
+      Z(Number(n)), q(n);
     },
-    [B]
-  ), M = w((a) => {
-    if (a === void 0)
+    [j]
+  ), B = w((n) => {
+    if (n === void 0)
       return;
-    A(a);
-    const r = K.find((d) => Number(d) === a);
-    r && G(r);
-  }, []), we = w(
-    () => M(Qe(F)),
-    [F, M]
-  ), xe = w(
-    () => M(Xe(F)),
-    [F, M]
-  ), ye = w(() => {
-    pe((a) => {
-      const r = (a + 90) % 360;
-      return _?.(r), r;
+    Z(n);
+    const a = Q.find((d) => Number(d) === n);
+    a && q(a);
+  }, []), xe = w(
+    () => B(Ye(T)),
+    [T, B]
+  ), ye = w(
+    () => B(et(T)),
+    [T, B]
+  ), ve = w(() => {
+    ge((n) => {
+      const a = (n + 90) % 360;
+      return N?.(a), a;
     });
-  }, [_]), ve = w(
-    (a) => {
-      R(a), v?.(a), setTimeout(() => {
-        ee(l + 1), T(l);
+  }, [N]), Pe = w(
+    (n) => {
+      R(n), v?.(n), setTimeout(() => {
+        te(l + 1), H(l);
       }, 0);
     },
-    [v, l, T]
-  ), Pe = w(
-    (a) => {
-      const r = a.target;
-      if (!(r instanceof HTMLElement))
+    [v, l, H]
+  ), Re = w(
+    (n) => {
+      const a = n.target;
+      if (!(a instanceof HTMLElement))
         return;
-      const d = Ye(
-        r,
+      const d = tt(
+        a,
         W.current,
-        $()
+        M()
       );
-      d && ee(d);
+      d && te(d);
     },
-    [$]
-  ), Re = w(() => {
-    Je(g);
-  }, [g]), Se = w(() => {
-    Ke(g, i);
+    [M]
+  ), Se = w(() => {
+    Qe(g);
+  }, [g]), ke = w(() => {
+    Xe(g, i);
   }, [g, i]);
-  E(() => {
-    R(null), Y([]), W.current = [];
-  }, [o]), E(() => {
-    T(l);
-  }, [l, T]), E(() => {
+  V(() => {
+    R(null), ee([]), W.current = [];
+  }, [o]), V(() => {
+    H(l);
+  }, [l, H]), V(() => {
     k > 0 && x?.(k);
-  }, [k, x]), E(() => {
-    S.length > 0 && (c === "page-width" || c === "page-fit") && B(c);
-  }, [S.length, c]), E(() => {
-    (j === "page-width" || j === "page-fit") && B(j);
-  }, [L]), E(() => {
-    const a = q.current;
-    if (!a)
+  }, [k, x]), V(() => {
+    S.length > 0 && (c === "page-width" || c === "page-fit") && j(c);
+  }, [S.length, c]), V(() => {
+    (L === "page-width" || L === "page-fit") && j(L);
+  }, [F]);
+  const K = A();
+  Ue({
+    ref: $,
+    onResize: () => {
+      clearTimeout(K.current), K.current = setTimeout(() => {
+        (L === "page-width" || L === "page-fit") && j(L);
+      }, at);
+    }
+  }), V(function() {
+    return () => clearTimeout(K.current);
+  }, []), V(() => {
+    const n = $.current;
+    if (!n)
       return;
-    const r = (d) => {
+    const a = (d) => {
       const f = d.target;
       f instanceof HTMLAnchorElement && (f.target = "_blank", f.rel = "noopener noreferrer");
     };
-    return a.addEventListener("click", r, !0), () => a.removeEventListener("click", r, !0);
+    return n.addEventListener("click", a, !0), () => n.removeEventListener("click", a, !0);
   }, []);
   const ae = {
-    toolbarRef: Z,
+    toolbarRef: J,
     placement: m,
     currentPage: k,
-    totalPages: O,
+    totalPages: z,
     hasDocument: !!g?.numPages,
-    selectedScale: j,
-    scaleOptions: ge,
-    onPreviousPage: () => T(k - 2),
-    onNextPage: () => T(k),
-    onZoomIn: we,
-    onZoomOut: xe,
-    onScaleChange: be,
+    selectedScale: L,
+    scaleOptions: he,
+    onPreviousPage: () => H(k - 2),
+    onNextPage: () => H(k),
+    onZoomIn: xe,
+    onZoomOut: ye,
+    onScaleChange: we,
     rotatable: u,
-    onRotate: ye,
-    onPrint: Re,
-    onDownload: Se,
-    actions: U
+    onRotate: ve,
+    onPrint: Se,
+    onDownload: ke,
+    actions: O
   };
   return /* @__PURE__ */ P(
     "div",
@@ -447,74 +458,74 @@ const ue = se((e, t) => {
         /* @__PURE__ */ P(
           "div",
           {
-            ref: q,
-            onScroll: Pe,
+            ref: $,
+            onScroll: Re,
             className: "F0DocumentViewer__surface relative flex h-full flex-col overflow-auto [scrollbar-gutter:stable_both-edges]",
             children: [
-              m === "top" ? /* @__PURE__ */ n(ie, { ...ae }) : null,
-              o ? /* @__PURE__ */ n(
-                $e,
+              m === "top" ? /* @__PURE__ */ r(le, { ...ae }) : null,
+              o ? /* @__PURE__ */ r(
+                Me,
                 {
-                  file: he,
-                  onLoadSuccess: ve,
-                  loading: /* @__PURE__ */ n(
-                    Ie,
+                  file: be,
+                  onLoadSuccess: Pe,
+                  loading: /* @__PURE__ */ r(
+                    Ge,
                     {
                       label: y.loading,
-                      width: oe,
-                      height: ne
+                      width: ne,
+                      height: re
                     }
                   ),
-                  children: g ? Array.from({ length: O ?? 0 }).map((a, r) => {
-                    const d = (s.length > 0 ? s[r] : r) + 1;
-                    return /* @__PURE__ */ n(
+                  children: g ? Array.from({ length: z ?? 0 }).map((n, a) => {
+                    const d = (s.length > 0 ? s[a] : a) + 1;
+                    return /* @__PURE__ */ r(
                       "div",
                       {
                         className: "F0DocumentViewer__page mx-auto w-fit px-4 pt-4 last:pb-4",
-                        children: /* @__PURE__ */ n(
+                        children: /* @__PURE__ */ r(
                           Be,
                           {
                             className: "overflow-hidden rounded-lg border border-solid border-f1-border-secondary shadow-md",
                             pageNumber: d,
-                            scale: qe(
-                              F,
-                              L === 90 || L === 270 ? S[r]?.originalHeight : S[r]?.originalWidth
+                            scale: Je(
+                              T,
+                              F === 90 || F === 270 ? S[a]?.originalHeight : S[a]?.originalWidth
                             ),
-                            rotate: L,
+                            rotate: F,
                             devicePixelRatio: p,
-                            loading: /* @__PURE__ */ n(
-                              V,
+                            loading: /* @__PURE__ */ r(
+                              E,
                               {
                                 style: {
-                                  width: oe,
-                                  height: ne
+                                  width: ne,
+                                  height: re
                                 }
                               }
                             ),
                             renderForms: !0,
                             renderTextLayer: !0,
                             inputRef: (f) => {
-                              W.current[r] = f;
+                              W.current[a] = f;
                             },
-                            onRenderSuccess: () => Ze(
-                              W.current[r]?.querySelector(
+                            onRenderSuccess: () => Ke(
+                              W.current[a]?.querySelector(
                                 "canvas"
                               ),
                               p
                             ),
                             onLoadSuccess: (f) => {
-                              Y((D) => {
-                                const z = [...D];
-                                return z[r] = {
+                              ee((D) => {
+                                const I = [...D];
+                                return I[a] = {
                                   originalWidth: f.originalWidth,
                                   originalHeight: f.originalHeight
-                                }, z;
+                                }, I;
                               });
                             }
                           }
                         )
                       },
-                      r
+                      a
                     );
                   }) : null
                 }
@@ -522,14 +533,14 @@ const ue = se((e, t) => {
             ]
           }
         ),
-        m === "floating" ? /* @__PURE__ */ n(ie, { ...ae }) : null
+        m === "floating" ? /* @__PURE__ */ r(le, { ...ae }) : null
       ]
     }
   );
 });
-ue.displayName = "PdfViewerBase";
-const nt = () => {
-  const { pdfViewer: e } = Q();
+me.displayName = "PdfViewerBase";
+const it = () => {
+  const { pdfViewer: e } = X();
   return /* @__PURE__ */ P(
     "div",
     {
@@ -537,21 +548,21 @@ const nt = () => {
       "aria-busy": "true",
       "aria-live": "polite",
       "aria-label": e.loading,
-      className: I(
+      className: G(
         "F0DocumentViewer__surface flex h-full w-full flex-col overflow-hidden",
         "border border-solid border-f1-border-secondary"
       ),
       children: [
         /* @__PURE__ */ P("div", { className: "flex flex-row items-center justify-between gap-2 px-6 py-4", children: [
-          /* @__PURE__ */ n(V, { className: "h-8 w-24 rounded-md" }),
-          /* @__PURE__ */ n(V, { className: "h-8 w-40 rounded-md" }),
-          /* @__PURE__ */ n(V, { className: "h-8 w-20 rounded-md" })
+          /* @__PURE__ */ r(E, { className: "h-8 w-24 rounded-md" }),
+          /* @__PURE__ */ r(E, { className: "h-8 w-40 rounded-md" }),
+          /* @__PURE__ */ r(E, { className: "h-8 w-20 rounded-md" })
         ] }),
-        /* @__PURE__ */ n("div", { className: "flex flex-1 justify-center p-4", children: /* @__PURE__ */ n(V, { className: "h-full w-full max-w-[600px] rounded-md" }) })
+        /* @__PURE__ */ r("div", { className: "flex flex-1 justify-center p-4", children: /* @__PURE__ */ r(E, { className: "h-full w-full max-w-[600px] rounded-md" }) })
       ]
     }
   );
-}, at = [
+}, lt = [
   "page-width",
   "page-fit",
   "0.5",
@@ -562,28 +573,28 @@ const nt = () => {
   "2",
   "3",
   "4"
-], me = Ee(
-  Ue(
+], pe = Oe(
+  We(
     "F0DocumentViewer",
-    We(fe, nt)
+    je(ue, it)
   )
-), rt = me, mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+), st = pe, ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  F0DocumentViewer: me,
-  F0PdfViewer: rt,
-  configurePdfWorker: Me,
-  pdfScales: at
+  F0DocumentViewer: pe,
+  F0PdfViewer: st,
+  configurePdfWorker: Ie,
+  pdfScales: lt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  me as F,
-  N as T,
-  Xe as a,
-  Ge as b,
-  rt as c,
-  ut as d,
-  K as f,
-  mt as i,
-  Qe as n,
-  at as p,
-  Ae as t
+  pe as F,
+  _ as T,
+  et as a,
+  qe as b,
+  st as c,
+  gt as d,
+  Q as f,
+  ht as i,
+  Ye as n,
+  lt as p,
+  Ze as t
 };