@pdf-viewer/react 1.4.0 → 1.4.1-rc.0

package/dist/index-71898eb9.js

@@ -0,0 +1,139 @@
+import * as i from "react";
+import { jsx as C } from "react/jsx-runtime";
+function m(e, n) {
+  const t = i.createContext(n), r = (s) => {
+    const { children: o, ...c } = s, a = i.useMemo(() => c, Object.values(c));
+    return /* @__PURE__ */ C(t.Provider, { value: a, children: o });
+  };
+  r.displayName = e + "Provider";
+  function u(s) {
+    const o = i.useContext(t);
+    if (o)
+      return o;
+    if (n !== void 0)
+      return n;
+    throw new Error(`\`${s}\` must be used within \`${e}\``);
+  }
+  return [r, u];
+}
+function E(e, n = []) {
+  let t = [];
+  function r(s, o) {
+    const c = i.createContext(o), a = t.length;
+    t = [...t, o];
+    const f = (d) => {
+      var b;
+      const { scope: l, children: S, ...v } = d, h = ((b = l == null ? void 0 : l[e]) == null ? void 0 : b[a]) || c, z = i.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ C(h.Provider, { value: z, children: S });
+    };
+    f.displayName = s + "Provider";
+    function x(d, l) {
+      var h;
+      const S = ((h = l == null ? void 0 : l[e]) == null ? void 0 : h[a]) || c, v = i.useContext(S);
+      if (v)
+        return v;
+      if (o !== void 0)
+        return o;
+      throw new Error(`\`${d}\` must be used within \`${s}\``);
+    }
+    return [f, x];
+  }
+  const u = () => {
+    const s = t.map((o) => i.createContext(o));
+    return function(c) {
+      const a = (c == null ? void 0 : c[e]) || s;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: a } }),
+        [c, a]
+      );
+    };
+  };
+  return u.scopeName = e, [r, P(u, ...n)];
+}
+function P(...e) {
+  const n = e[0];
+  if (e.length === 1)
+    return n;
+  const t = () => {
+    const r = e.map((u) => ({
+      useScope: u(),
+      scopeName: u.scopeName
+    }));
+    return function(s) {
+      const o = r.reduce((c, { useScope: a, scopeName: f }) => {
+        const d = a(s)[`__scope${f}`];
+        return { ...c, ...d };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${n.scopeName}`]: o }), [o]);
+    };
+  };
+  return t.scopeName = n.scopeName, t;
+}
+function y(e) {
+  const n = i.useRef(e);
+  return i.useEffect(() => {
+    n.current = e;
+  }), i.useMemo(() => (...t) => {
+    var r;
+    return (r = n.current) == null ? void 0 : r.call(n, ...t);
+  }, []);
+}
+var g = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
+};
+function $(e) {
+  const [n, t] = i.useState(void 0);
+  return g(() => {
+    if (e) {
+      t({ width: e.offsetWidth, height: e.offsetHeight });
+      const r = new ResizeObserver((u) => {
+        if (!Array.isArray(u) || !u.length)
+          return;
+        const s = u[0];
+        let o, c;
+        if ("borderBoxSize" in s) {
+          const a = s.borderBoxSize, f = Array.isArray(a) ? a[0] : a;
+          o = f.inlineSize, c = f.blockSize;
+        } else
+          o = e.offsetWidth, c = e.offsetHeight;
+        t({ width: o, height: c });
+      });
+      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
+    } else
+      t(void 0);
+  }, [e]), n;
+}
+function _({
+  prop: e,
+  defaultProp: n,
+  onChange: t = () => {
+  }
+}) {
+  const [r, u] = p({ defaultProp: n, onChange: t }), s = e !== void 0, o = s ? e : r, c = y(t), a = i.useCallback(
+    (f) => {
+      if (s) {
+        const d = typeof f == "function" ? f(e) : f;
+        d !== e && c(d);
+      } else
+        u(f);
+    },
+    [s, e, u, c]
+  );
+  return [o, a];
+}
+function p({
+  defaultProp: e,
+  onChange: n
+}) {
+  const t = i.useState(e), [r] = t, u = i.useRef(r), s = y(n);
+  return i.useEffect(() => {
+    u.current !== r && (s(r), u.current = r);
+  }, [r, u, s]), t;
+}
+export {
+  g as a,
+  _ as b,
+  E as c,
+  $ as d,
+  m as e,
+  y as u
+};

package/dist/main.js

@@ -1,5 +1,5 @@
 import { RPProvider as t } from "./components/RPProvider.js";
-import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-70dc4200.js";
+import { b as x, R as n, c as s, u as m, d as p, e as f } from "./RPDefaultLayout-a5d7b0b8.js";
 import { RPConfig as a } from "./components/RPConfig.js";
 import { RPController as l } from "./components/RPController.js";
 import { RPTheme as P } from "./components/RPTheme.js";

package/dist/types/components/layout/Container.d.ts

@@ -1,7 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 interface Props extends PropsWithChildren {
     getContainerRef?: (element: HTMLDivElement) => void;
-    toolbarRef: HTMLDivElement | null;
     style?: React.CSSProperties;
     className?: string;
 }

package/dist/types/components/layout/LayoutContainer.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    toolbarRef: HTMLDivElement | null;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const LayoutContainer: import('react').ForwardRefExoticComponent<Props & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/utils/types.d.ts

@@ -378,11 +378,12 @@ export interface ConfigContextType {
     workerUrlAdded: boolean;
 }
 export declare enum ThemeVariables {
-    TEXT_COLOR = "--rp-text-color",
-    OUTLINE_COLOR = "--rp-outline-color",
     FONT_FAMILY = "--rp-font-family",
     PRIMARY_COLOR = "--rp-primary-color",
     BORDER_RADIUS = "--rp-border-radius",
+    TEXT_COLOR = "--rp-text-color",
+    OUTLINE_COLOR = "--rp-outline-color",
+    FONT_SIZE = "--rp-font-size",
     DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color",
     LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color",
     ICON_DISABLED = "--rp-icon-disabled",
@@ -391,6 +392,7 @@ export declare enum ThemeVariables {
     TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color",
     TOOLBAR_PADDING = "--rp-toolbar-padding",
     TOOLBAR_GAP = "--rp-toolbar-gap",
+    TOOLBAR_SIZE = "--rp-toolbar-size",
     SIDEBAR_WIDTH = "--rp-sidebar-width",
     THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color",
     THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color",
@@ -401,6 +403,7 @@ export declare enum ThemeVariables {
     INPUT_PADDING = "--rp-input-padding",
     INPUT_BORDER_RADIUS = "--rp-input-border-radius",
     INPUT_BACKGROUND_COLOR = "--rp-input-background-color",
+    INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color",
     PAGES_BACKGROUND_COLOR = "--rp-pages-background-color",
     ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background",
     DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color",
@@ -408,9 +411,15 @@ export declare enum ThemeVariables {
     DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color",
     DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color",
     DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin",
+    DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item",
+    DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size",
+    DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius",
+    SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding",
+    POPOVER_FONT_SIZE = "--rp-popover-font-size",
     POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color",
     POPOVER_COLOR = "--rp-popover-color",
     POPOVER_BORDER_COLOR = "--rp-popover-border-color",
+    POPOVER_BORDER_RADIUS = "--rp-popover-border-radius",
     OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color",
     DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color",
     PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color",
@@ -424,7 +433,19 @@ export declare enum ThemeVariables {
     DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size",
     DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight",
     MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size",
-    PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background"
+    PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background",
+    PRINT_PROGRESS_COLOR = "--rp-print-progress-color",
+    DROP_ZONE_BORDER = "--rp-drop-zone-border",
+    DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color",
+    DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size",
+    DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color",
+    CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius",
+    CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color",
+    HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color",
+    TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius",
+    CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color",
+    TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color",
+    TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius"
 }
 export interface DarkModeProviderProps extends PropsWithChildren, Partial<Omit<DarkMode, 'setDarkMode'>> {
 }

package/dist/utils/hooks/useFileDownload.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
 import "react";
-import { c as A } from "../../RPDefaultLayout-70dc4200.js";
+import { c as A } from "../../RPDefaultLayout-a5d7b0b8.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useLicense.js

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

package/dist/utils/hooks/usePaginate.js

@@ -1,5 +1,5 @@
 import "react";
-import { g as C } from "../../RPDefaultLayout-70dc4200.js";
+import { g as C } from "../../RPDefaultLayout-a5d7b0b8.js";
 import "../../contexts/ScrollStateContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";

package/dist/utils/hooks/usePrint.js

@@ -1,7 +1,7 @@
 import "react";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { i as C } from "../../RPDefaultLayout-70dc4200.js";
+import { i as C } from "../../RPDefaultLayout-a5d7b0b8.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useScrollToPage.js

@@ -2,7 +2,7 @@ import "react";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { f as B } from "../../RPDefaultLayout-70dc4200.js";
+import { f as B } from "../../RPDefaultLayout-a5d7b0b8.js";
 import "../../contexts/DarkModeContext.js";
 import "../types.js";
 import "../../contexts/RotationContext.js";

package/dist/utils/hooks/useSearch.js

@@ -7,7 +7,7 @@ import "pdfjs-dist";
 import "../../contexts/RPDocumentContext.js";
 import "../../contexts/ZoomContext.js";
 import "react/jsx-runtime";
-import { n as E } from "../../RPDefaultLayout-70dc4200.js";
+import { n as E } from "../../RPDefaultLayout-a5d7b0b8.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useThumbnail.js

@@ -2,7 +2,7 @@ import "react";
 import "../renderPage.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { k as D } from "../../RPDefaultLayout-70dc4200.js";
+import { k as D } from "../../RPDefaultLayout-a5d7b0b8.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/hooks/useVirtualReactWindow.js

@@ -3,7 +3,7 @@ import "../types.js";
 import "../../contexts/ScrollModeContext.js";
 import "react/jsx-runtime";
 import "../../contexts/RPDocumentContext.js";
-import { s as A } from "../../RPDefaultLayout-70dc4200.js";
+import { s as A } from "../../RPDefaultLayout-a5d7b0b8.js";
 import "../../contexts/DarkModeContext.js";
 import "../../contexts/RotationContext.js";
 import "../../contexts/LayerContext.js";

package/dist/utils/types.js

@@ -1,20 +1,20 @@
-import { e as O, z as _, i as R, p as I, t as E } from "../th_TH-2c4015a5.js";
-var N = /* @__PURE__ */ ((r) => (r[r.Text = 1] = "Text", r[r.Link = 2] = "Link", r[r.FreeText = 3] = "FreeText", r[r.Line = 4] = "Line", r[r.Square = 5] = "Square", r[r.Circle = 6] = "Circle", r[r.Polygon = 7] = "Polygon", r[r.Polyline = 8] = "Polyline", r[r.Highlight = 9] = "Highlight", r[r.Underline = 10] = "Underline", r[r.Squiggly = 11] = "Squiggly", r[r.StrikeOut = 12] = "StrikeOut", r[r.Stamp = 13] = "Stamp", r[r.Caret = 14] = "Caret", r[r.Ink = 15] = "Ink", r[r.Popup = 16] = "Popup", r[r.FileAttachment = 17] = "FileAttachment", r[r.Widget = 20] = "Widget", r))(N || {}), L = /* @__PURE__ */ ((r) => (r.INTERNAL_LINK = "internal-link", r.LINK = "link", r.FILE_ATTACHMENT = "file-attachment", r.FORM_TEXT = "form-text", r.FORM_SELECT = "form-select", r.FORM_CHECKBOX = "form-checkbox", r.FORM_RADIO = "form-radio", r.FORM_BUTTON = "form-button", r.BUTTON = "button", r))(L || {}), D = /* @__PURE__ */ ((r) => (r.ACTUAL = "Actual", r.PAGE_FIT = "Fit", r.PAGE_WIDTH = "Width", r))(D || {}), p = /* @__PURE__ */ ((r) => (r.Organization = "organization", r.Developer = "developer", r))(p || {}), d = /* @__PURE__ */ ((r) => (r.SINGLE_PAGE = "Single", r.DUAL_PAGE = "Dual", r))(d || {}), C = /* @__PURE__ */ ((r) => (r.TEXT_COLOR = "--rp-text-color", r.OUTLINE_COLOR = "--rp-outline-color", r.FONT_FAMILY = "--rp-font-family", r.PRIMARY_COLOR = "--rp-primary-color", r.BORDER_RADIUS = "--rp-border-radius", r.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", r.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", r.ICON_DISABLED = "--rp-icon-disabled", r.ICON_FONT_SIZE = "--rp-icon-font-size", r.TOOLBAR_BACKGROUND = "--rp-toolbar-background", r.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", r.TOOLBAR_PADDING = "--rp-toolbar-padding", r.TOOLBAR_GAP = "--rp-toolbar-gap", r.SIDEBAR_WIDTH = "--rp-sidebar-width", r.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", r.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", r.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", r.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", r.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", r.BUTTON_PADDING = "--rp-button-padding", r.INPUT_PADDING = "--rp-input-padding", r.INPUT_BORDER_RADIUS = "--rp-input-border-radius", r.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", r.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", r.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", r.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", r.DROPDOWN_PADDING = "--rp-dropdown-padding", r.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", r.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", r.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", r.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", r.POPOVER_COLOR = "--rp-popover-color", r.POPOVER_BORDER_COLOR = "--rp-popover-border-color", r.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", r.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", r.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", r.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", r.PROPERTY_ITEM_GAP = "--rp-property-item-gap", r.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", r.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", r.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", r.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", r.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", r.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", r.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", r.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", r.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", r))(C || {}), P = /* @__PURE__ */ ((r) => (r.PAGE_SCROLLING = "PAGE", r.VERTICAL_SCROLLING = "VERTICAL", r.HORIZONTAL_SCROLLING = "HORIZONTAL", r))(P || {}), o = /* @__PURE__ */ ((r) => (r.TEXT = "TEXT", r.HAND = "HAND", r))(o || {});
+import { e as r, z as _, i as R, p as o, t as p } from "../th_TH-2c4015a5.js";
+var E = /* @__PURE__ */ ((O) => (O[O.Text = 1] = "Text", O[O.Link = 2] = "Link", O[O.FreeText = 3] = "FreeText", O[O.Line = 4] = "Line", O[O.Square = 5] = "Square", O[O.Circle = 6] = "Circle", O[O.Polygon = 7] = "Polygon", O[O.Polyline = 8] = "Polyline", O[O.Highlight = 9] = "Highlight", O[O.Underline = 10] = "Underline", O[O.Squiggly = 11] = "Squiggly", O[O.StrikeOut = 12] = "StrikeOut", O[O.Stamp = 13] = "Stamp", O[O.Caret = 14] = "Caret", O[O.Ink = 15] = "Ink", O[O.Popup = 16] = "Popup", O[O.FileAttachment = 17] = "FileAttachment", O[O.Widget = 20] = "Widget", O))(E || {}), I = /* @__PURE__ */ ((O) => (O.INTERNAL_LINK = "internal-link", O.LINK = "link", O.FILE_ATTACHMENT = "file-attachment", O.FORM_TEXT = "form-text", O.FORM_SELECT = "form-select", O.FORM_CHECKBOX = "form-checkbox", O.FORM_RADIO = "form-radio", O.FORM_BUTTON = "form-button", O.BUTTON = "button", O))(I || {}), D = /* @__PURE__ */ ((O) => (O.ACTUAL = "Actual", O.PAGE_FIT = "Fit", O.PAGE_WIDTH = "Width", O))(D || {}), d = /* @__PURE__ */ ((O) => (O.Organization = "organization", O.Developer = "developer", O))(d || {}), N = /* @__PURE__ */ ((O) => (O.SINGLE_PAGE = "Single", O.DUAL_PAGE = "Dual", O))(N || {}), L = /* @__PURE__ */ ((O) => (O.FONT_FAMILY = "--rp-font-family", O.PRIMARY_COLOR = "--rp-primary-color", O.BORDER_RADIUS = "--rp-border-radius", O.TEXT_COLOR = "--rp-text-color", O.OUTLINE_COLOR = "--rp-outline-color", O.FONT_SIZE = "--rp-font-size", O.DROP_MASK_BACKGROUND_COLOR = "--rp-drop-mask-background-color", O.LOADER_BACKDROP_COLOR = "--rp-loader-backdrop-color", O.ICON_DISABLED = "--rp-icon-disabled", O.ICON_FONT_SIZE = "--rp-icon-font-size", O.TOOLBAR_BACKGROUND = "--rp-toolbar-background", O.TOOLBAR_BORDER_COLOR = "--rp-toolbar-border-color", O.TOOLBAR_PADDING = "--rp-toolbar-padding", O.TOOLBAR_GAP = "--rp-toolbar-gap", O.TOOLBAR_SIZE = "--rp-toolbar-size", O.SIDEBAR_WIDTH = "--rp-sidebar-width", O.THUMBNAIL_BORDER_COLOR = "--rp-thumbnail-border-color", O.THUMBNAIL_BACKGROUND_COLOR = "--rp-thumbnail-background-color", O.THUMBNAIL_ACTIVE_COLOR = "--rp-thumbnail-active-color", O.THUMBNAIL_PADDING_Y = "--rp-thumbnail-padding-y", O.BUTTON_HOVER_BACKGROUND = "--rp-button-hover-background", O.BUTTON_PADDING = "--rp-button-padding", O.INPUT_PADDING = "--rp-input-padding", O.INPUT_BORDER_RADIUS = "--rp-input-border-radius", O.INPUT_BACKGROUND_COLOR = "--rp-input-background-color", O.INPUT_PLACEHOLDER_COLOR = "--rp-input-placeholder-color", O.PAGES_BACKGROUND_COLOR = "--rp-pages-background-color", O.ANNOTATION_LAYER_LINK_HOVER_BACKGROUND = "--rp-annotation-layer__link-hover-background", O.DROPDOWN_BACKGROUND_COLOR = "--rp-dropdown-background-color", O.DROPDOWN_PADDING = "--rp-dropdown-padding", O.DROPDOWN_HOVER_BACKGROUND_COLOR = "--rp-dropdown-hover-background-color", O.DROPDOWN_SEPARATOR_COLOR = "--rp-dropdown-separator-color", O.DROPDOWN_SEPARATOR_MARGIN = "--rp-dropdown-separator-margin", O.DROPDOWN_PADDING_MENU_ITEM = "--rp-dropdown-padding-menu-item", O.DROPDOWN_FONT_SIZE = "--rp-dropdown-font-size", O.DROPDOWN_BORDER_RADIUS = "--rp-dropdown-border-radius", O.SEARCH_TOOL_DROPDOWN_PADDING = "--rp-search-tool-dropdown-padding", O.POPOVER_FONT_SIZE = "--rp-popover-font-size", O.POPOVER_BACKGROUND_COLOR = "--rp-popover-background-color", O.POPOVER_COLOR = "--rp-popover-color", O.POPOVER_BORDER_COLOR = "--rp-popover-border-color", O.POPOVER_BORDER_RADIUS = "--rp-popover-border-radius", O.OVERLAY_BACKGROUND_COLOR = "--rp-overlay-background-color", O.DIALOG_BACKGROUND_COLOR = "--rp-dialog-background-color", O.PROPERTIES_DIVIDER_COLOR = "--rp-properties-divider-color", O.PROPERTIES_DIVIDER_MARGIN = "--rp-properties-divider-margin", O.PROPERTY_ITEM_GAP = "--rp-property-item-gap", O.DIALOG_TITLE_COLOR = "--rp-dialog-title-color", O.PROPERTY_ITEM_LABEL_COLOR = "--rp-property-item-label-color", O.PROPERTY_CLOSE_ICON_SIZE = "--rp-property-close-icon-size", O.PROPERTY_ITEM_FONT_SIZE = "--rp-property-item-font-size", O.PROPERTY_ITEM_FONT_WEIGHT = "--rp-property-item-font-weight", O.DIALOG_TITLE_FONT_SIZE = "--rp-dialog-title-font-size", O.DIALOG_TITLE_FONT_WEIGHT = "--rp-dialog-title-font-weight", O.MENU_ITEM_ICON_SIZE = "--rp-menu-item-icon-size", O.PRINT_PROGRESS_BACKGROUND = "--rp-print-progress-background", O.PRINT_PROGRESS_COLOR = "--rp-print-progress-color", O.DROP_ZONE_BORDER = "--rp-drop-zone-border", O.DROP_ZONE_FONT_COLOR = "--rp-drop-zone-font-color", O.DROP_ZONE_FONT_SIZE = "--rp-drop-zone-font-size", O.DROP_ZONE_BACKGROUND_COLOR = "--rp-drop-zone-background-color", O.CHECKBOX_BORDER_RADIUS = "--rp-checkbox-border-radius", O.CHECKBOX_BORDER_COLOR = "--rp-checkbox-border-color", O.HIGHLIGHT_BACKGROUND_COLOR = "--rp-highlight-background-color", O.TEXT_LAYER_HIGHLIGHT_BORDER_RADIUS = "--rp-text-layer-highlight-border-radius", O.CURRENT_HIGHLIGHT_BACKGROUND_COLOR = "--rp-current-highlight-background-color", O.TOOLTIP_BACKGROUND_COLOR = "--rp-tooltip-background-color", O.TOOLTIP_BORDER_RADIUS = "--rp-tooltip-border-radius", O))(L || {}), C = /* @__PURE__ */ ((O) => (O.PAGE_SCROLLING = "PAGE", O.VERTICAL_SCROLLING = "VERTICAL", O.HORIZONTAL_SCROLLING = "HORIZONTAL", O))(C || {}), P = /* @__PURE__ */ ((O) => (O.TEXT = "TEXT", O.HAND = "HAND", O))(P || {});
 const g = {
-  en_US: O,
+  en_US: r,
   zh_CN: _,
   it_IT: R,
-  pt_PT: I,
-  th_TH: E
+  pt_PT: o,
+  th_TH: p
 };
 export {
-  N as AnnotationSubType,
-  L as AnnotationType,
-  p as LicenseType,
+  E as AnnotationSubType,
+  I as AnnotationType,
+  d as LicenseType,
   g as Locales,
-  P as ScrollMode,
-  o as SelectionMode,
-  C as ThemeVariables,
-  d as ViewMode,
+  C as ScrollMode,
+  P as SelectionMode,
+  L as ThemeVariables,
+  N as ViewMode,
   D as ZoomLevel
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdf-viewer/react",
   "private": false,
   "description": "The PDF Viewer component for React and Next.js",
-  "version": "1.4.0",
+  "version": "1.4.1-rc.0",
   "keywords": [
     "component",
     "frontend",
@@ -88,4 +88,4 @@
   "overrides": {
     "pdfjs-dist": "4.7.76"
   }
-}
+}

package/dist/Container-8fea0875.js

@@ -1,39 +0,0 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { useDarkModeContext as i } from "./contexts/DarkModeContext.js";
-import { c as m } from "./clsx-0c6e471a.js";
-import { useThemeContext as l } from "./contexts/ThemeContext.js";
-import './assets/Container.css';const d = {
-  "rp-layout": "_rp-layout_1965c_1",
-  "rp-content": "_rp-content_1965c_5",
-  "rp-pages": "_rp-pages_1965c_11",
-  "rp-container": "_rp-container_1965c_16",
-  "rp-loader": "_rp-loader_1965c_52",
-  "rp-theme-variables": "_rp-theme-variables_1965c_56",
-  "rp-dark-mode": "_rp-dark-mode_1965c_143"
-}, h = {
-  "rp-container": "_rp-container_1fbrq_1"
-}, b = (t) => {
-  const { children: a, getContainerRef: o, toolbarRef: r, style: s, className: c } = t, { darkMode: e } = i(), { customVariables: n, customDarkVariables: p } = l();
-  return /* @__PURE__ */ _(
-    "div",
-    {
-      ref: o,
-      "data-rp": "container",
-      className: m(
-        h["rp-container"],
-        e ? d["rp-dark-mode"] : "",
-        c
-      ),
-      style: {
-        "--rp-toolbar-height": `${(r == null ? void 0 : r.clientHeight) || 48}px`,
-        ...e ? p : n,
-        ...s
-      },
-      children: a
-    }
-  );
-};
-export {
-  b as C,
-  d as c
-};