@pdf-viewer/react 1.9.0-beta.6 → 1.9.0-beta.7

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

@@ -1,10 +1,10 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { G as C } from "../../../index-49b9a615.js";
-import { MenuItem as p } from "./MenuItem.js";
-import { useMemo as e, useCallback as a } from "react";
+import "react/jsx-runtime";
+import "../../../index-f4a9ae4d.js";
+import "./MenuItem.js";
+import "react";
 import "../../../contexts/RPDocumentContext.js";
 import "../../../contexts/DocumentPasswordContext.js";
-import { u as x, p as L } from "../../../ToolbarLayout.module-88476995.js";
+import { U as oo } from "../../../ToolbarLayout.module-201969d2.js";
 import "../../../contexts/DarkModeContext.js";
 import "../../../contexts/RotationContext.js";
 import "../../../contexts/LayerContext.js";
@@ -20,7 +20,7 @@ import "../../../contexts/FileInputContext.js";
 import "../../../contexts/DropFileZoneContext.js";
 import "../../../contexts/LayoutContainerContext.js";
 import "../../../contexts/DimensionPagesContext.js";
-import { useLocalizationContext as N } from "../../../contexts/LocalizationContext.js";
+import "../../../contexts/LocalizationContext.js";
 import "../../../contexts/HighlightContext.js";
 import "../../../contexts/LicenseContext.js";
 import "../../../contexts/DownloadContext.js";
@@ -28,54 +28,29 @@ import "../../../contexts/SmoothScrollContext.js";
 import "../../../contexts/ElementPageContext.js";
 import "../../../contexts/PagesRotateContext.js";
 import "../../../contexts/LoaderContext.js";
-import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
-import { useIconToolContext as l } from "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "../../../contexts/IconToolContext.js";
 import "../../../contexts/OtherToolContext.js";
 import "../../RPConfig.js";
+import "../Container.js";
+import "../../../contexts/ViewportContext.js";
+import "../../../contexts/ToolbarComponentContext.js";
+import "../WrapperLayout.js";
+import "../../../contexts/ThemeContext.js";
+import "../../RPDropFileZone.js";
 import "../../ui/Button.js";
+import "../../../SearchCloseButton-cbf182aa.js";
 import "../../ui/Input.js";
-import { useIconContext as d } from "../../../contexts/IconContext.js";
-import { useToolbarComponentContext as v } from "../../../contexts/ToolbarComponentContext.js";
-import "../../../contexts/ViewportContext.js";
-import s from "../../ui/RPTooltip.js";
-import "../../../DropDown.module-a78567cb.js";
-import "../../../utils/dateFormatter.js";
-import "../../../PropertyItem.module-db0150cc.js";
-import { MenuSeparator as F } from "./MenuSeparator.js";
-import "../../../RotateTool.module-03987eba.js";
-import "../../../SearchTool.module-016f3a8d.js";
-import "../../../Checkbox.module-3edaacbb.js";
+import "../../ui/Checkbox.js";
 import "../../icons/LoaderIcon.js";
-import "../../../RPSplitter.module-13d612c4.js";
-import "../../../Container.module-f8b5c306.js";
-import "../../../WrapperLayout.module-147bc943.js";
-import "../../../RPTheme.module-bd9038da.js";
-import "../../../contexts/ThemeContext.js";
-import { GoToDownIcon as u } from "../../icons/GoToDownIcon.js";
-const G = () => {
-  const { goToFirstPageIcon: r } = d(), { goToFirstPageIcon: i } = l();
-  return r || i || /* @__PURE__ */ o(u, { className: L["rp-go-to-Top"] });
-}, j = () => {
-  const { goToLastPageIcon: r } = d(), { goToLastPageIcon: i } = l();
-  return r || i || /* @__PURE__ */ o(u, {});
-}, c = { width: "100%" }, yo = () => {
-  const { goToPage: r, totalPages: i, focusedPage: m } = x(), { jumpNavigationTool: g = !0 } = v(), { jumpNavigationTool: T = !0 } = b(), { localeMessages: t } = N(), P = e(() => m === 1, [m]), f = e(() => m === i, [m, i]), h = a(() => {
-    r(1);
-  }, [r]), I = a(() => {
-    r(i);
-  }, [r, i]);
-  return !g || !T ? null : /* @__PURE__ */ n(C, { children: [
-    /* @__PURE__ */ o(p, { onClick: h, children: /* @__PURE__ */ o(s, { content: t == null ? void 0 : t.firstPageTooltip, style: c, children: /* @__PURE__ */ n("div", { className: "rp-menu-item", "aria-disabled": P, children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(G, {}) }),
-      /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.firstPageLabel })
-    ] }) }) }),
-    /* @__PURE__ */ o(p, { onClick: I, children: /* @__PURE__ */ o(s, { content: t == null ? void 0 : t.lastPageTooltip, style: c, children: /* @__PURE__ */ n("div", { className: "rp-menu-item", "aria-disabled": f, children: [
-      /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(j, {}) }),
-      /* @__PURE__ */ o("span", { children: t == null ? void 0 : t.lastPageLabel })
-    ] }) }) }),
-    /* @__PURE__ */ o(F, {})
-  ] });
-};
+import "../../../contexts/IconContext.js";
+import "../../ui/RPTooltip.js";
+import "../../ui/DropDown.js";
+import "./MenuSeparator.js";
+import "../../../utils/dateFormatter.js";
+import "./PropertyItem.js";
+import "./RotateTool.js";
+import "../../icons/GoToDownIcon.js";
 export {
-  yo as MostPageTool
+  oo as MostPageTool
 };

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

@@ -1,117 +1,24 @@
-import { jsxs as n, Fragment as y, jsx as o } from "react/jsx-runtime";
-import { useLayoutContainer as G } from "../../../contexts/LayoutContainerContext.js";
-import { ThreeDotIcon as L } from "../../icons/ThreeDotIcon.js";
-import { UIButton as V } from "../../ui/Button.js";
-import { UIDropDown as B } from "../../ui/DropDown.js";
-import { DocumentDialog as E } from "./DocumentDialog.js";
-import { o as $ } from "../../../ToolbarLayout.module-88476995.js";
-import { DocumentProperties as q } from "./DocumentProperties.js";
-import { RotateTool as A } from "./RotateTool.js";
-import { ViewModeTool as J } from "./ViewModeTool.js";
-import { ScrollModeTool as K } from "./ScrollModeTool.js";
-import { useViewportContext as Q } from "../../../contexts/ViewportContext.js";
-import { FileUploadTool as W } from "./FileUploadTool.js";
-import { G as X } from "../../../index-49b9a615.js";
-import { MenuSeparator as Y } from "./MenuSeparator.js";
-import { FileDownloadTool as Z } from "./FileDownloadTool.js";
-import { PrintTool as _ } from "./PrintTool.js";
-import { FullScreenTool as oo } from "./FullScreenTool.js";
-import { MostPageTool as eo } from "./MostPageTool.js";
-import to from "../../ui/RPTooltip.js";
-import { SelectionModeTool as ro } from "./SelectionModeTool.js";
-import { useToolbarComponentContext as lo } from "../../../contexts/ToolbarComponentContext.js";
-import { useState as C, useRef as no, useMemo as F, useEffect as io } from "react";
-import { useLocalizationContext as so } from "../../../contexts/LocalizationContext.js";
-import { useToolComponentContext as mo } from "../../../contexts/ToolComponentContext.js";
-const Ho = () => {
-  const [P, S] = C(!1), { container: R, pagesRef: r } = G(), { isSmallScreen: t } = Q(), {
-    openFileTool: i,
-    downloadTool: s,
-    documentProperties: m,
-    scrollModeTool: p,
-    rotateTool: T,
-    selectionModeTool: c,
-    jumpNavigationTool: a,
-    printTool: d,
-    fullscreenTool: f,
-    viewModeTool: j
-  } = lo(), {
-    openFileTool: u,
-    downloadTool: h,
-    documentProperties: O,
-    scrollModeTool: w,
-    rotateTool: M,
-    selectionModeTool: v,
-    jumpNavigationTool: D,
-    printTool: b,
-    fullscreenTool: g,
-    viewModeTool: k
-  } = mo(), { localeMessages: e } = so(), [I, N] = C(0), x = no(
-    new ResizeObserver((l) => {
-      N(l[0].contentRect.height);
-    })
-  ), z = F(() => a || T || c || p || m || j || t && (i || s || d || f), [
-    i,
-    s,
-    d,
-    f,
-    m,
-    p,
-    T,
-    c,
-    a,
-    t
-  ]), H = F(() => D || M || v || w || O || k || t && (u || h || b || g), [
-    u,
-    h,
-    b,
-    g,
-    O,
-    w,
-    M,
-    v,
-    D,
-    t
-  ]);
-  return io(() => (r && x.current.observe(r), () => {
-    x.current.disconnect();
-  }), [r]), !z || !H ? null : /* @__PURE__ */ n(y, { children: [
-    /* @__PURE__ */ o(
-      B,
-      {
-        container: R,
-        onOpenChange: S,
-        triggerComponent: /* @__PURE__ */ o("div", { role: "button", children: /* @__PURE__ */ o(to, { content: e == null ? void 0 : e.moreOptionTooltip, children: /* @__PURE__ */ o(V, { active: P, "aria-label": e == null ? void 0 : e.moreOptionTooltip, children: /* @__PURE__ */ o(L, {}) }) }) }),
-        side: "bottom",
-        avoidCollisions: !1,
-        children: /* @__PURE__ */ n(
-          "div",
-          {
-            style: { maxHeight: `${I}px`, overflow: "auto" },
-            className: $["rp-other-tool-content"],
-            "data-rp": "moreOptionsDropdown",
-            children: [
-              t && /* @__PURE__ */ n(X, { children: [
-                /* @__PURE__ */ o(W, {}),
-                /* @__PURE__ */ o(Z, {}),
-                /* @__PURE__ */ o(_, {}),
-                /* @__PURE__ */ o(oo, {}),
-                /* @__PURE__ */ o(Y, {})
-              ] }),
-              /* @__PURE__ */ o(eo, {}),
-              /* @__PURE__ */ o(A, {}),
-              /* @__PURE__ */ o(ro, {}),
-              /* @__PURE__ */ o(J, {}),
-              /* @__PURE__ */ o(K, {}),
-              /* @__PURE__ */ o(q, {})
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ o(E, {})
-  ] });
-};
+import "react/jsx-runtime";
+import "../../../contexts/LayoutContainerContext.js";
+import "../../icons/ThreeDotIcon.js";
+import "../../ui/Button.js";
+import "../../ui/DropDown.js";
+import { V as n } from "../../../ToolbarLayout.module-201969d2.js";
+import "./DocumentProperties.js";
+import "./RotateTool.js";
+import "./ViewModeTool.js";
+import "./ScrollModeTool.js";
+import "../../../contexts/ViewportContext.js";
+import "./FileUploadTool.js";
+import "../../../index-f4a9ae4d.js";
+import "./MenuSeparator.js";
+import "./FullScreenTool.js";
+import "../../ui/RPTooltip.js";
+import "./SelectionModeTool.js";
+import "../../../contexts/ToolbarComponentContext.js";
+import "react";
+import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/ToolComponentContext.js";
 export {
-  Ho as OtherTool
+  n as OtherTool
 };

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

@@ -1,101 +1,19 @@
-import { jsx as e, jsxs as v } from "react/jsx-runtime";
-import { useState as k, useEffect as D, useCallback as c, useMemo as L } from "react";
-import { ChevronUpIcon as S } from "../../icons/ChevronUpIcon.js";
-import { UIButton as T } from "../../ui/Button.js";
-import { UIInput as V } from "../../ui/Input.js";
-import { u as A, h as g } from "../../../ToolbarLayout.module-88476995.js";
-import { useIconContext as N } from "../../../contexts/IconContext.js";
-import { useToolbarComponentContext as B } from "../../../contexts/ToolbarComponentContext.js";
-import { useViewportContext as G } from "../../../contexts/ViewportContext.js";
-import d from "../../ui/RPTooltip.js";
-import { useLocalizationContext as j } from "../../../contexts/LocalizationContext.js";
-import { useViewModeContext as K } from "../../../contexts/ViewModeContext.js";
-import { useScrollModeContext as O } from "../../../contexts/ScrollModeContext.js";
-import { ViewMode as R, ScrollMode as _ } from "../../../utils/types.js";
-import { useIconToolContext as b } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as z } from "../../../contexts/ToolComponentContext.js";
-const F = () => {
-  const { prevIcon: o } = N(), { prevIcon: n } = b();
-  return o || n || /* @__PURE__ */ e(S, {});
-}, q = () => {
-  const { nextIcon: o } = N(), { nextIcon: n } = b();
-  return o || n || /* @__PURE__ */ e(S, { style: { transform: "rotate(180deg" } });
-}, co = () => {
-  const { focusedPage: o, totalPages: n, setFocusedPage: f, nextPage: p, prevPage: l, goToPage: i } = A(), [u, a] = k(o.toString()), { pageNavigationTool: s = !0 } = B(), { pageNavigationTool: m = !0 } = z(), { isSmallScreen: P } = G(), { viewMode: x } = K(), { scrollMode: C } = O(), { localeMessages: t } = j();
-  D(() => {
-    a(o.toString());
-  }, [o]);
-  const w = c((r) => {
-    const h = r.target.value;
-    a(h);
-  }, []), I = c(async () => {
-    const r = i(u);
-    r.success || a(r.currentPage.toString());
-  }, [i, u, n]), y = c(() => {
-    a(o.toString());
-  }, [o]), E = c(
-    (r) => {
-      r.key === "Enter" && I();
-    },
-    [I]
-  ), U = L(() => x === R.DUAL_PAGE && C === _.PAGE_SCROLLING && o === n - 1 || o === n, [o, n, x, C]);
-  return !s || !m ? null : typeof s != "boolean" ? /* @__PURE__ */ e(
-    s,
-    {
-      total: n,
-      current: o,
-      nextPage: p,
-      prevPage: l,
-      goToPage: i,
-      changePage: f
-    }
-  ) : typeof m != "boolean" ? /* @__PURE__ */ e(
-    m,
-    {
-      total: n,
-      current: o,
-      nextPage: p,
-      prevPage: l,
-      goToPage: i,
-      changePage: f
-    }
-  ) : /* @__PURE__ */ v("div", { className: g["rp-paginate"], children: [
-    !P && /* @__PURE__ */ e(d, { content: t == null ? void 0 : t.previousPageTooltip, children: /* @__PURE__ */ e(
-      T,
-      {
-        onClick: l,
-        "aria-label": t == null ? void 0 : t.previousPageTooltip,
-        "aria-disabled": o === 1,
-        children: /* @__PURE__ */ e(F, {})
-      }
-    ) }),
-    /* @__PURE__ */ e(d, { content: t == null ? void 0 : t.currentPageTooltip, children: /* @__PURE__ */ e(
-      V,
-      {
-        onKeyDown: E,
-        onBlur: y,
-        onChange: w,
-        value: u,
-        className: g["rp-page-input"],
-        id: "page-input",
-        name: "page-input"
-      }
-    ) }),
-    /* @__PURE__ */ v("span", { className: g["rp-total-page"], children: [
-      "/",
-      n
-    ] }),
-    !P && /* @__PURE__ */ e(d, { content: t == null ? void 0 : t.nextPageTooltip, children: /* @__PURE__ */ e(
-      T,
-      {
-        onClick: p,
-        "aria-label": t == null ? void 0 : t.nextPageTooltip,
-        "aria-disabled": U,
-        children: /* @__PURE__ */ e(q, {})
-      }
-    ) })
-  ] });
-};
+import "react/jsx-runtime";
+import "react";
+import "../../icons/ChevronUpIcon.js";
+import "../../ui/Button.js";
+import "../../ui/Input.js";
+import { m as h } from "../../../ToolbarLayout.module-201969d2.js";
+import "../../../contexts/IconContext.js";
+import "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/ViewportContext.js";
+import "../../ui/RPTooltip.js";
+import "../../../contexts/LocalizationContext.js";
+import "../../../contexts/ViewModeContext.js";
+import "../../../contexts/ScrollModeContext.js";
+import "../../../utils/types.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
 export {
-  co as Paginate
+  h as Paginate
 };

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

@@ -1,45 +1,15 @@
-import { jsx as o, jsxs as x } from "react/jsx-runtime";
-import { PrintDefaultTool as d } from "../../icons/PrintDefaultIcon.js";
-import { useToolbarComponentContext as I } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as h } from "../../../contexts/IconContext.js";
-import { UIButton as b } from "../../ui/Button.js";
-import { b as O } from "../../../ToolbarLayout.module-88476995.js";
-import { useViewportContext as k } from "../../../contexts/ViewportContext.js";
-import { useLocalizationContext as j } from "../../../contexts/LocalizationContext.js";
-import { MenuItem as y } from "./MenuItem.js";
-import c from "../../ui/RPTooltip.js";
-import { useIconToolContext as D } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as L } from "../../../contexts/ToolComponentContext.js";
-const l = () => {
-  const { printIcon: n } = h(), { printIcon: t } = D();
-  return n || t || /* @__PURE__ */ o(d, {});
-}, C = ({ children: n, className: t, localeMessages: r }) => /* @__PURE__ */ o(c, { className: t, content: r == null ? void 0 : r.printTooltip, children: n }), N = ({ print: n, localeMessages: t }) => /* @__PURE__ */ o(C, { localeMessages: t, children: /* @__PURE__ */ o(b, { onClick: n, "aria-label": t == null ? void 0 : t.printTooltip, children: /* @__PURE__ */ o(l, {}) }) }), S = ({ print: n, localeMessages: t }) => /* @__PURE__ */ o(y, { onClick: n, children: /* @__PURE__ */ x(C, { className: "rp-menu-item", localeMessages: t, children: [
-  /* @__PURE__ */ o("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ o(l, {}) }),
-  t == null ? void 0 : t.printLabel
-] }) }), H = () => {
-  const { print: n, cancel: t, setOnProgress: r, setOnComplete: u, setOnError: f, progress: T } = O(), { printTool: p = !0 } = I(), { printTool: m = !0 } = L(), { isSmallScreen: P } = k(), { localeMessages: i } = j(), e = i == null ? void 0 : i.printTooltip;
-  return !p || !m ? null : P ? /* @__PURE__ */ o(S, { print: n, localeMessages: i }) : typeof p == "function" ? /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(
-    p,
-    {
-      print: n,
-      cancel: t,
-      setOnProgress: r,
-      setOnError: f,
-      setOnComplete: u,
-      progress: T
-    }
-  ) }) : typeof m == "function" ? /* @__PURE__ */ o(c, { content: e, children: /* @__PURE__ */ o(
-    m,
-    {
-      print: n,
-      cancel: t,
-      setOnProgress: r,
-      setOnError: f,
-      setOnComplete: u,
-      progress: T
-    }
-  ) }) : /* @__PURE__ */ o(N, { print: n, localeMessages: i });
-};
+import "react/jsx-runtime";
+import "../../icons/PrintDefaultIcon.js";
+import "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/IconContext.js";
+import "../../ui/Button.js";
+import { Q as P } from "../../../ToolbarLayout.module-201969d2.js";
+import "../../../contexts/ViewportContext.js";
+import "../../../contexts/LocalizationContext.js";
+import "./MenuItem.js";
+import "../../ui/RPTooltip.js";
+import "../../../contexts/IconToolContext.js";
+import "../../../contexts/ToolComponentContext.js";
 export {
-  H as PrintTool
+  P as PrintTool
 };

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

@@ -1,9 +1,12 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { c as r } from "../../../PropertyItem.module-db0150cc.js";
-const m = ({ label: p, value: s }) => /* @__PURE__ */ t("div", { className: r["rp-property-item-wrapper"], children: [
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import '../../../assets/PropertyItem.css';const r = {
+  "rp-property-item-wrapper": "_rp-property-item-wrapper_jno3l_1",
+  "rp-property-item-label": "_rp-property-item-label_jno3l_11",
+  "rp-property-item-value": "_rp-property-item-value_jno3l_15"
+}, a = ({ label: p, value: t }) => /* @__PURE__ */ l("div", { className: r["rp-property-item-wrapper"], children: [
   /* @__PURE__ */ e("div", { className: r["rp-property-item-label"], children: p }),
-  /* @__PURE__ */ e("div", { className: r["rp-property-item-value"], children: s || "-" })
+  /* @__PURE__ */ e("div", { className: r["rp-property-item-value"], children: t || "-" })
 ] });
 export {
-  m as PropertyItem
+  a as PropertyItem
 };

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

@@ -1,30 +1,9 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { b as p, j as r } from "../../../ToolbarLayout.module-88476995.js";
-import { Paginate as d } from "./Paginate.js";
-import { RPToolbarEnd as c } from "./RPToolbarEnd.js";
-import { ZoomTool as f } from "./ZoomTool.js";
-import { SearchTool as g } from "./SearchTool.js";
-import P from "../../ui/LoadingIndicator.js";
-import { useToolbarComponentContext as h } from "../../../contexts/ToolbarComponentContext.js";
-import { useViewportContext as u } from "../../../contexts/ViewportContext.js";
-import { useToolComponentContext as b } from "../../../contexts/ToolComponentContext.js";
-const R = () => {
-  const { showPrintProgress: s = !0 } = h(), { showPrintProgress: a = !0 } = b(), { progress: n } = p(), { isSmallScreen: i } = u(), { percentage: e } = n || {}, m = () => i ? { gridTemplateColumns: "25% 60% 15%" } : void 0, l = () => {
-    if (!(!s || !a || !e))
-      return /* @__PURE__ */ o(P, { percentage: e });
-  };
-  return /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ o("div", { "data-rp": "topBar", className: r["rp-toolbar-content"], children: /* @__PURE__ */ t("div", { className: r["rp-toolbar-wrapper"], style: m(), children: [
-      /* @__PURE__ */ t("div", { "data-rp": "topBarLeft", className: r["rp-toolbar-start"], children: [
-        /* @__PURE__ */ o(g, {}),
-        /* @__PURE__ */ o(d, {})
-      ] }),
-      /* @__PURE__ */ o("div", { "data-rp": "topBarCenter", className: r["rp-toolbar-middle"], children: /* @__PURE__ */ o(f, {}) }),
-      /* @__PURE__ */ o("div", { "data-rp": "topBarRight", className: r["rp-toolbar-end"], children: /* @__PURE__ */ o(c, {}) })
-    ] }) }),
-    /* @__PURE__ */ o(l, {})
-  ] });
-};
+import "react/jsx-runtime";
+import { X as b } from "../../../ToolbarLayout.module-201969d2.js";
+import "../../../contexts/ToolbarComponentContext.js";
+import "../../../contexts/ViewportContext.js";
+import "../../../contexts/ToolComponentContext.js";
+import "../../../utils/withRef.js";
 export {
-  R as RPToolbar
+  b as RPToolbar
 };

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

@@ -1,24 +1,9 @@
-import { jsxs as r, Fragment as m, jsx as o } from "react/jsx-runtime";
-import { FileUploadTool as l } from "./FileUploadTool.js";
-import { DarkModeTool as e } from "./DarkModeTool.js";
-import { OtherTool as i } from "./OtherTool.js";
-import { FullScreenTool as n } from "./FullScreenTool.js";
-import { FileDownloadTool as p } from "./FileDownloadTool.js";
-import { PrintTool as f } from "./PrintTool.js";
-import { useViewportContext as s } from "../../../contexts/ViewportContext.js";
-const S = () => {
-  const { isSmallScreen: t } = s();
-  return /* @__PURE__ */ r(m, { children: [
-    /* @__PURE__ */ o(e, {}),
-    !t && /* @__PURE__ */ r(m, { children: [
-      /* @__PURE__ */ o(l, {}),
-      /* @__PURE__ */ o(p, {}),
-      /* @__PURE__ */ o(f, {}),
-      /* @__PURE__ */ o(n, {})
-    ] }),
-    /* @__PURE__ */ o(i, {})
-  ] });
-};
+import "react/jsx-runtime";
+import "./FileUploadTool.js";
+import "./DarkModeTool.js";
+import { n } from "../../../ToolbarLayout.module-201969d2.js";
+import "./FullScreenTool.js";
+import "../../../contexts/ViewportContext.js";
 export {
-  S as RPToolbarEnd
+  n as RPToolbarEnd
 };

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

@@ -1,30 +1,31 @@
-import { jsx as t, Fragment as u, jsxs as n } from "react/jsx-runtime";
-import { G as p } from "../../../index-49b9a615.js";
-import { ClockwiseIcon as m } from "../../icons/ClockwiseIcon.js";
+import { jsx as t, Fragment as C, jsxs as n } from "react/jsx-runtime";
+import { G as p } from "../../../index-f4a9ae4d.js";
+import { ClockwiseIcon as l } from "../../icons/ClockwiseIcon.js";
 import { MenuItem as c } from "./MenuItem.js";
-import { c as f } from "../../../RotateTool.module-03987eba.js";
 import { MenuSeparator as k } from "./MenuSeparator.js";
 import { useRotate as w } from "../../../utils/hooks/useRotate.js";
-import { useToolbarComponentContext as d } from "../../../contexts/ToolbarComponentContext.js";
-import { useIconContext as l } from "../../../contexts/IconContext.js";
+import { useToolbarComponentContext as f } from "../../../contexts/ToolbarComponentContext.js";
+import { useIconContext as m } from "../../../contexts/IconContext.js";
 import i from "../../ui/RPTooltip.js";
-import { useLocalizationContext as T } from "../../../contexts/LocalizationContext.js";
-import { useIconToolContext as a } from "../../../contexts/IconToolContext.js";
-import { useToolComponentContext as I } from "../../../contexts/ToolComponentContext.js";
-const h = () => {
-  const { rotateClockwiseIcon: r } = l(), { rotateClockwiseIcon: e } = a();
-  return r || e || /* @__PURE__ */ t(m, {});
+import { useLocalizationContext as d } from "../../../contexts/LocalizationContext.js";
+import { useIconToolContext as s } from "../../../contexts/IconToolContext.js";
+import { useToolComponentContext as T } from "../../../contexts/ToolComponentContext.js";
+import '../../../assets/RotateTool.css';const I = {
+  "rp-rotate-counterclockwise": "_rp-rotate-counterclockwise_1nqcb_1"
+}, h = () => {
+  const { rotateClockwiseIcon: e } = m(), { rotateClockwiseIcon: r } = s();
+  return e || r || /* @__PURE__ */ t(l, {});
 }, x = () => {
-  const { rotateCounterClockwiseIcon: r } = l(), { rotateCounterClockwiseIcon: e } = a();
-  return r || e || /* @__PURE__ */ t(m, { className: f["rp-rotate-counterclockwise"] });
-}, q = () => {
-  const { handleRotateClockwise: r, handleRotateCounterclockwise: e } = w(), { rotateTool: s = !0 } = d(), { rotateTool: C = !0 } = I(), { localeMessages: o } = T();
-  return !s || !C ? null : /* @__PURE__ */ t(u, { children: /* @__PURE__ */ n(p, { children: [
-    /* @__PURE__ */ t(c, { onClick: r, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
+  const { rotateCounterClockwiseIcon: e } = m(), { rotateCounterClockwiseIcon: r } = s();
+  return e || r || /* @__PURE__ */ t(l, { className: I["rp-rotate-counterclockwise"] });
+}, O = () => {
+  const { handleRotateClockwise: e, handleRotateCounterclockwise: r } = w(), { rotateTool: a = !0 } = f(), { rotateTool: u = !0 } = T(), { localeMessages: o } = d();
+  return !a || !u ? null : /* @__PURE__ */ t(C, { children: /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateClockwiseTooltip, children: [
       /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(h, {}) }),
       o == null ? void 0 : o.rotateClockwiseLabel
     ] }) }),
-    /* @__PURE__ */ t(c, { onClick: e, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
+    /* @__PURE__ */ t(c, { onClick: r, children: /* @__PURE__ */ n(i, { className: "rp-menu-item", content: o == null ? void 0 : o.rotateCounterclockwiseTooltip, children: [
       /* @__PURE__ */ t("div", { className: "rp-menu-item-left", children: /* @__PURE__ */ t(x, {}) }),
       o == null ? void 0 : o.rotateCounterclockwiseLabel
     ] }) }),
@@ -32,5 +33,5 @@ const h = () => {
   ] }) });
 };
 export {
-  q as RotateTool
+  O as RotateTool
 };

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

@@ -1,5 +1,5 @@
 import { jsx as r, Fragment as f, jsxs as c } from "react/jsx-runtime";
-import { G as C } from "../../../index-49b9a615.js";
+import { G as C } from "../../../index-f4a9ae4d.js";
 import { MenuItem as m } from "./MenuItem.js";
 import { useToolbarComponentContext as L } from "../../../contexts/ToolbarComponentContext.js";
 import { PageScrollingIcon as h } from "../../icons/PageScrollingIcon.js";

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

@@ -1,21 +1,9 @@
-import { jsx as t } from "react/jsx-runtime";
-import i from "../../ui/RPTooltip.js";
-import { UIButton as c } from "../../ui/Button.js";
-import { CloseIcon as m } from "../../icons/CloseIcon.js";
-import { useLocalizationContext as p } from "../../../contexts/LocalizationContext.js";
-import { c as e } from "../../../SearchTool.module-016f3a8d.js";
-const C = ({ onKeyPress: r, handleClose: n }) => {
-  const { localeMessages: o } = p();
-  return /* @__PURE__ */ t(i, { content: o == null ? void 0 : o.searchCloseButtonTooltip, children: /* @__PURE__ */ t(
-    c,
-    {
-      tabIndex: 0,
-      onKeyDown: r,
-      "aria-label": o == null ? void 0 : o.searchCloseButtonTooltip,
-      children: /* @__PURE__ */ t(m, { onClick: n, className: e["rp-search-tool-input-icon"] })
-    }
-  ) });
-};
+import "react/jsx-runtime";
+import "../../ui/RPTooltip.js";
+import "../../ui/Button.js";
+import "../../icons/CloseIcon.js";
+import "../../../contexts/LocalizationContext.js";
+import { S as a } from "../../../SearchCloseButton-cbf182aa.js";
 export {
-  C as SearchCloseButton
+  a as SearchCloseButton
 };