@nypl/web-reader 3.0.0 → 3.1.0

package/dist/esm/index.js

@@ -13648,38 +13648,6 @@ var require_regenerator = __commonJS({
   }
 });
 
-// node_modules/make-event-props/dist/entry.js
-var require_entry = __commonJS({
-  "node_modules/make-event-props/dist/entry.js"(exports2) {
-    "use strict";
-    Object.defineProperty(exports2, "__esModule", {
-      value: true
-    });
-    exports2.default = exports2.focusEvents = exports2.keyboardEvents = exports2.touchEvents = exports2.mouseEvents = void 0;
-    var mouseEvents2 = ["onClick", "onContextMenu", "onDoubleClick", "onDrag", "onDragEnd", "onDragEnter", "onDragExit", "onDragLeave", "onDragOver", "onDragStart", "onDrop", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp"];
-    exports2.mouseEvents = mouseEvents2;
-    var touchEvents2 = ["onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart"];
-    exports2.touchEvents = touchEvents2;
-    var keyboardEvents2 = ["onKeyDown", "onKeyPress", "onKeyUp"];
-    exports2.keyboardEvents = keyboardEvents2;
-    var focusEvents = ["onFocus", "onBlur"];
-    exports2.focusEvents = focusEvents;
-    var makeEventProps4 = function makeEventProps5(props, getArgs) {
-      var eventProps2 = {};
-      [].concat(mouseEvents2, touchEvents2, keyboardEvents2, focusEvents).forEach(function(eventName) {
-        if (props[eventName]) {
-          eventProps2[eventName] = function(event) {
-            return getArgs ? props[eventName](event, getArgs(eventName)) : props[eventName](event);
-          };
-        }
-      });
-      return eventProps2;
-    };
-    var _default = makeEventProps4;
-    exports2.default = _default;
-  }
-});
-
 // node_modules/debounce/index.js
 var require_debounce = __commonJS({
   "node_modules/debounce/index.js"(exports2, module2) {
@@ -14689,7 +14657,7 @@ var processStyleValue = function processStyleValue2(key, value) {
   return value;
 };
 if (false) {
-  contentValuePattern = /(attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/;
+  contentValuePattern = /(var|attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/;
   contentValues = ["normal", "none", "initial", "inherit", "unset"];
   oldProcessStyleValue = processStyleValue;
   msPattern = /^-ms-/;
@@ -16307,9 +16275,9 @@ import * as React7 from "react";
 
 // node_modules/@chakra-ui/hooks/dist/chakra-ui-hooks.esm.js
 import * as React6 from "react";
-import React__default, { useState as useState3, useCallback as useCallback3, useEffect as useEffect4, useRef as useRef4 } from "react";
+import React__default, { useState as useState3, useMemo as useMemo2, useCallback as useCallback3, useEffect as useEffect4, useRef as useRef4 } from "react";
 
-// node_modules/@chakra-ui/hooks/dist/use-animation-state-35233362.esm.js
+// node_modules/@chakra-ui/hooks/dist/use-animation-state-5054a9f7.esm.js
 import * as React5 from "react";
 import { useState, useEffect as useEffect2 } from "react";
 var useSafeLayoutEffect = isBrowser2 ? React5.useLayoutEffect : React5.useEffect;
@@ -16383,22 +16351,22 @@ function useBoolean(initialState2) {
     initialState2 = false;
   }
   var _useState = useState3(initialState2), value = _useState[0], setValue = _useState[1];
-  var on = useCallback3(function() {
-    setValue(true);
-  }, []);
-  var off = useCallback3(function() {
-    setValue(false);
-  }, []);
-  var toggle = useCallback3(function() {
-    setValue(function(prev2) {
-      return !prev2;
-    });
+  var callbacks = useMemo2(function() {
+    return {
+      on: function on() {
+        return setValue(true);
+      },
+      off: function off() {
+        return setValue(false);
+      },
+      toggle: function toggle() {
+        return setValue(function(prev2) {
+          return !prev2;
+        });
+      }
+    };
   }, []);
-  return [value, {
-    on,
-    off,
-    toggle
-  }];
+  return [value, callbacks];
 }
 function useControllableProp(prop2, state2) {
   var isControlled = prop2 !== void 0;
@@ -16947,7 +16915,7 @@ if (__DEV__) {
 }
 
 // node_modules/@chakra-ui/react-env/dist/chakra-ui-react-env.esm.js
-import React8, { useContext as useContext5, useState as useState4, useMemo as useMemo3, createContext as createContext5 } from "react";
+import React8, { useContext as useContext5, useState as useState4, useMemo as useMemo4, createContext as createContext5 } from "react";
 var doc = {
   body: {
     classList: {
@@ -17061,7 +17029,7 @@ function useEnvironment() {
 function EnvironmentProvider(props) {
   var children = props.children, environmentProp = props.environment;
   var _useState = useState4(null), node2 = _useState[0], setNode = _useState[1];
-  var context = useMemo3(function() {
+  var context = useMemo4(function() {
     var _ref;
     var doc3 = node2 == null ? void 0 : node2.ownerDocument;
     var win2 = node2 == null ? void 0 : node2.ownerDocument.defaultView;
@@ -18812,7 +18780,7 @@ function toCSSVar(rawTheme) {
 // node_modules/@chakra-ui/system/dist/chakra-ui-system.esm.js
 var import_react_fast_compare = __toESM(require_react_fast_compare());
 import * as React11 from "react";
-import { useRef as useRef6, useMemo as useMemo6 } from "react";
+import { useRef as useRef6, useMemo as useMemo7 } from "react";
 
 // node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js
 import "react";
@@ -19424,7 +19392,7 @@ function boundAlpha(a2) {
 }
 function convertToPercentage(n) {
   if (n <= 1) {
-    return Number(n) * 100 + "%";
+    return "".concat(Number(n) * 100, "%");
   }
   return n;
 }
@@ -19793,9 +19761,9 @@ function inputToRGB(color3) {
 }
 var CSS_INTEGER = "[-\\+]?\\d+%?";
 var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
   CSS_UNIT: new RegExp(CSS_UNIT),
   rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
@@ -19978,7 +19946,7 @@ var TinyColor = function() {
     var h = Math.round(hsv.h * 360);
     var s = Math.round(hsv.s * 100);
     var v = Math.round(hsv.v * 100);
-    return this.a === 1 ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, " + this.roundA + ")";
+    return this.a === 1 ? "hsv(".concat(h, ", ").concat(s, "%, ").concat(v, "%)") : "hsva(".concat(h, ", ").concat(s, "%, ").concat(v, "%, ").concat(this.roundA, ")");
   };
   TinyColor2.prototype.toHsl = function() {
     var hsl = rgbToHsl(this.r, this.g, this.b);
@@ -19989,7 +19957,7 @@ var TinyColor = function() {
     var h = Math.round(hsl.h * 360);
     var s = Math.round(hsl.s * 100);
     var l = Math.round(hsl.l * 100);
-    return this.a === 1 ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this.roundA + ")";
+    return this.a === 1 ? "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)") : "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(this.roundA, ")");
   };
   TinyColor2.prototype.toHex = function(allow3Char) {
     if (allow3Char === void 0) {
@@ -20027,11 +19995,11 @@ var TinyColor = function() {
     var r = Math.round(this.r);
     var g = Math.round(this.g);
     var b2 = Math.round(this.b);
-    return this.a === 1 ? "rgb(" + r + ", " + g + ", " + b2 + ")" : "rgba(" + r + ", " + g + ", " + b2 + ", " + this.roundA + ")";
+    return this.a === 1 ? "rgb(".concat(r, ", ").concat(g, ", ").concat(b2, ")") : "rgba(".concat(r, ", ").concat(g, ", ").concat(b2, ", ").concat(this.roundA, ")");
   };
   TinyColor2.prototype.toPercentageRgb = function() {
     var fmt = function(x) {
-      return Math.round(bound01(x, 255) * 100) + "%";
+      return "".concat(Math.round(bound01(x, 255) * 100), "%");
     };
     return {
       r: fmt(this.r),
@@ -20044,7 +20012,7 @@ var TinyColor = function() {
     var rnd = function(x) {
       return Math.round(bound01(x, 255) * 100);
     };
-    return this.a === 1 ? "rgb(" + rnd(this.r) + "%, " + rnd(this.g) + "%, " + rnd(this.b) + "%)" : "rgba(" + rnd(this.r) + "%, " + rnd(this.g) + "%, " + rnd(this.b) + "%, " + this.roundA + ")";
+    return this.a === 1 ? "rgb(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%)") : "rgba(".concat(rnd(this.r), "%, ").concat(rnd(this.g), "%, ").concat(rnd(this.b), "%, ").concat(this.roundA, ")");
   };
   TinyColor2.prototype.toName = function() {
     if (this.a === 0) {
@@ -20958,8 +20926,8 @@ var typography2 = {
   }
 };
 
-// node_modules/@chakra-ui/theme/dist/index-7ef32ef8.esm.js
-var baseStyleContainer$3 = {
+// node_modules/@chakra-ui/theme/dist/index-895c67e0.esm.js
+var baseStyleContainer$4 = {
   borderTopWidth: "1px",
   borderColor: "inherit",
   _last: {
@@ -20993,7 +20961,7 @@ var baseStyleIcon$5 = {
 };
 var baseStyle$D = {
   root: {},
-  container: baseStyleContainer$3,
+  container: baseStyleContainer$4,
   button: baseStyleButton$1,
   panel: baseStylePanel,
   icon: baseStyleIcon$5
@@ -21105,7 +21073,7 @@ var baseStyleExcessLabel = function baseStyleExcessLabel2(props) {
     bg: mode("gray.200", "whiteAlpha.400")(props)
   };
 };
-var baseStyleContainer$2 = function baseStyleContainer(props) {
+var baseStyleContainer$3 = function baseStyleContainer(props) {
   var name = props.name, theme3 = props.theme;
   var bg = name ? randomColor({
     string: name
@@ -21126,7 +21094,7 @@ var baseStyle$B = function baseStyle(props) {
   return {
     badge: baseStyleBadge(props),
     excessLabel: baseStyleExcessLabel(props),
-    container: baseStyleContainer$2(props)
+    container: baseStyleContainer$3(props)
   };
 };
 function getSize$3(size3) {
@@ -21449,6 +21417,11 @@ var baseStyleControl$1 = function baseStyleControl(props) {
     }
   };
 };
+var baseStyleContainer$2 = {
+  _disabled: {
+    cursor: "not-allowed"
+  }
+};
 var baseStyleLabel$3 = {
   userSelect: "none",
   _disabled: {
@@ -21462,6 +21435,7 @@ var baseStyleIcon$4 = {
 var baseStyle$x = function baseStyle2(props) {
   return {
     icon: baseStyleIcon$4,
+    container: baseStyleContainer$2,
     control: baseStyleControl$1(props),
     label: baseStyleLabel$3
   };
@@ -22518,6 +22492,7 @@ var baseStyleControl2 = function baseStyleControl3(props) {
 var baseStyle$c = function baseStyle13(props) {
   return {
     label: Checkbox.baseStyle(props).label,
+    container: Checkbox.baseStyle(props).container,
     control: baseStyleControl2(props)
   };
 };
@@ -24252,7 +24227,7 @@ function useMotionRef(visualState, visualElement2, externalRef) {
 }
 
 // node_modules/framer-motion/dist/es/context/MotionContext/create.js
-import { useMemo as useMemo7, useContext as useContext13 } from "react";
+import { useMemo as useMemo8, useContext as useContext13 } from "react";
 
 // node_modules/framer-motion/dist/es/render/utils/variants.js
 function isVariantLabels(v) {
@@ -24315,7 +24290,7 @@ function getCurrentTreeVariants(props, context) {
 // node_modules/framer-motion/dist/es/context/MotionContext/create.js
 function useCreateMotionContext(props, isStatic) {
   var _a = getCurrentTreeVariants(props, useContext13(MotionContext)), initial = _a.initial, animate2 = _a.animate;
-  return useMemo7(function() {
+  return useMemo8(function() {
     return { initial, animate: animate2 };
   }, isStatic ? [
     variantLabelsAsDependency(initial),
@@ -24406,7 +24381,7 @@ function isSVGComponent(Component4) {
 import { createElement as createElement14 } from "react";
 
 // node_modules/framer-motion/dist/es/render/html/use-props.js
-import { useMemo as useMemo8 } from "react";
+import { useMemo as useMemo9 } from "react";
 
 // node_modules/framer-motion/dist/es/render/dom/projection/scale-correction.js
 var valueScaleCorrection = {};
@@ -24854,7 +24829,7 @@ function copyRawValuesOnly(target, source, props) {
 }
 function useInitialMotionValues(_a, visualState, isStatic) {
   var transformTemplate2 = _a.transformTemplate;
-  return useMemo8(function() {
+  return useMemo9(function() {
     var state2 = createHtmlRenderState();
     buildHTMLStyles(state2, visualState, void 0, void 0, { enableHardwareAcceleration: !isStatic }, transformTemplate2);
     var vars = state2.vars, style = state2.style;
@@ -24967,7 +24942,7 @@ function filterProps(props, isDom, forwardMotionProps) {
 }
 
 // node_modules/framer-motion/dist/es/render/svg/use-props.js
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo10 } from "react";
 
 // node_modules/framer-motion/dist/es/render/svg/utils/transform-origin.js
 function calcOrigin(origin, offset2, size3) {
@@ -25039,7 +25014,7 @@ var createSvgRenderState = function() {
 
 // node_modules/framer-motion/dist/es/render/svg/use-props.js
 function useSVGProps(props, visualState) {
-  var visualProps = useMemo9(function() {
+  var visualProps = useMemo10(function() {
     var state2 = createSvgRenderState();
     buildSVGAttrs(state2, visualState, void 0, void 0, { enableHardwareAcceleration: false }, props.transformTemplate);
     return __assign(__assign({}, state2.attrs), { style: __assign({}, state2.style) });
@@ -30533,13 +30508,13 @@ var FormErrorIcon = /* @__PURE__ */ forwardRef3(function(props, ref) {
 if (__DEV__) {
   FormErrorIcon.displayName = "FormErrorIcon";
 }
-var _excluded8 = ["className", "children", "requiredIndicator"];
+var _excluded8 = ["className", "children", "requiredIndicator", "optionalIndicator"];
 var FormLabel = /* @__PURE__ */ forwardRef3(function(passedProps, ref) {
   var _field$getLabelProps;
   var styles2 = useStyleConfig("FormLabel", passedProps);
   var props = omitThemingProps(passedProps);
   props.className;
-  var children = props.children, _props$requiredIndica = props.requiredIndicator, requiredIndicator = _props$requiredIndica === void 0 ? /* @__PURE__ */ React20.createElement(RequiredIndicator, null) : _props$requiredIndica, rest = _objectWithoutPropertiesLoose8(props, _excluded8);
+  var children = props.children, _props$requiredIndica = props.requiredIndicator, requiredIndicator = _props$requiredIndica === void 0 ? /* @__PURE__ */ React20.createElement(RequiredIndicator, null) : _props$requiredIndica, _props$optionalIndica = props.optionalIndicator, optionalIndicator = _props$optionalIndica === void 0 ? null : _props$optionalIndica, rest = _objectWithoutPropertiesLoose8(props, _excluded8);
   var field = useFormControlContext();
   var ownProps = (_field$getLabelProps = field == null ? void 0 : field.getLabelProps(rest, ref)) != null ? _field$getLabelProps : _extends14({
     ref
@@ -30550,7 +30525,7 @@ var FormLabel = /* @__PURE__ */ forwardRef3(function(passedProps, ref) {
       display: "block",
       textAlign: "start"
     }, styles2)
-  }), children, field != null && field.isRequired ? requiredIndicator : null);
+  }), children, field != null && field.isRequired ? requiredIndicator : optionalIndicator);
 });
 if (__DEV__) {
   FormLabel.displayName = "FormLabel";
@@ -31229,18 +31204,28 @@ var Text = /* @__PURE__ */ forwardRef3(function(props, ref) {
 if (__DEV__) {
   Text.displayName = "Text";
 }
-var _excluded$13 = ["spacing", "children", "justify", "direction", "align", "className", "shouldWrapChildren"];
+var _excluded$13 = ["spacing", "spacingX", "spacingY", "children", "justify", "direction", "align", "className", "shouldWrapChildren"];
 var _excluded2$12 = ["className"];
 var Wrap = /* @__PURE__ */ forwardRef3(function(props, ref) {
-  var _props$spacing = props.spacing, spacing3 = _props$spacing === void 0 ? "0.5rem" : _props$spacing, children = props.children, justify = props.justify, direction2 = props.direction, align = props.align, className = props.className, shouldWrapChildren = props.shouldWrapChildren, rest = _objectWithoutPropertiesLoose10(props, _excluded$13);
+  var _props$spacing = props.spacing, spacing3 = _props$spacing === void 0 ? "0.5rem" : _props$spacing, spacingX = props.spacingX, spacingY = props.spacingY, children = props.children, justify = props.justify, direction2 = props.direction, align = props.align, className = props.className, shouldWrapChildren = props.shouldWrapChildren, rest = _objectWithoutPropertiesLoose10(props, _excluded$13);
   var styles2 = React22.useMemo(function() {
+    var _spacingX$spacingY = {
+      spacingX,
+      spacingY
+    }, _spacingX$spacingY$sp = _spacingX$spacingY.spacingX, x = _spacingX$spacingY$sp === void 0 ? spacing3 : _spacingX$spacingY$sp, _spacingX$spacingY$sp2 = _spacingX$spacingY.spacingY, y = _spacingX$spacingY$sp2 === void 0 ? spacing3 : _spacingX$spacingY$sp2;
     return {
-      "--chakra-wrap-spacing": function chakraWrapSpacing(theme3) {
-        return mapResponsive(spacing3, function(value) {
+      "--chakra-wrap-x-spacing": function chakraWrapXSpacing(theme3) {
+        return mapResponsive(x, function(value) {
+          return tokenToCSSVar("space", value)(theme3);
+        });
+      },
+      "--chakra-wrap-y-spacing": function chakraWrapYSpacing(theme3) {
+        return mapResponsive(y, function(value) {
           return tokenToCSSVar("space", value)(theme3);
         });
       },
-      "--wrap-spacing": "calc(var(--chakra-wrap-spacing) / 2)",
+      "--wrap-x-spacing": "calc(var(--chakra-wrap-x-spacing) / 2)",
+      "--wrap-y-spacing": "calc(var(--chakra-wrap-y-spacing) / 2)",
       display: "flex",
       flexWrap: "wrap",
       justifyContent: justify,
@@ -31248,12 +31233,12 @@ var Wrap = /* @__PURE__ */ forwardRef3(function(props, ref) {
       flexDirection: direction2,
       listStyleType: "none",
       padding: "0",
-      margin: "calc(var(--wrap-spacing) * -1)",
+      margin: "calc(var(--wrap-y-spacing) * -1) calc(var(--wrap-x-spacing) * -1)",
       "& > *:not(style)": {
-        margin: "var(--wrap-spacing)"
+        margin: "var(--wrap-y-spacing) var(--wrap-x-spacing)"
       }
     };
-  }, [spacing3, justify, align, direction2]);
+  }, [spacing3, spacingX, spacingY, justify, align, direction2]);
   var childrenToRender = shouldWrapChildren ? React22.Children.map(children, function(child, index) {
     return /* @__PURE__ */ React22.createElement(WrapItem, {
       key: index
@@ -36874,9 +36859,45 @@ function _getPrototypeOf(o) {
 
 // node_modules/react-pdf/dist/esm/Document.js
 var import_prop_types3 = __toESM(require_prop_types());
-var import_make_event_props2 = __toESM(require_entry());
 import React44, { PureComponent } from "react";
 
+// node_modules/make-event-props/dist/esm/index.js
+var clipboardEvents = ["onCopy", "onCut", "onPaste"];
+var compositionEvents = ["onCompositionEnd", "onCompositionStart", "onCompositionUpdate"];
+var keyboardEvents = ["onKeyDown", "onKeyPress", "onKeyUp"];
+var focusEvents = ["onFocus", "onBlur"];
+var formEvents = ["onChange", "onInput", "onInvalid", "onReset", "onSubmit"];
+var genericEvents = ["onError", "onLoad"];
+var mouseEvents = ["onClick", "onContextMenu", "onDoubleClick", "onDrag", "onDragEnd", "onDragEnter", "onDragExit", "onDragLeave", "onDragOver", "onDragStart", "onDrop", "onMouseDown", "onMouseEnter", "onMouseLeave", "onMouseMove", "onMouseOut", "onMouseOver", "onMouseUp"];
+var pointerEvents = ["onPointerDown", "onPointerMove", "onPointerUp", "onPointerCancel", "onGotPointerCapture", "onLostPointerCapture", "onPointerEnter", "onPointerLeave", "onPointerOver", "onPointerOut"];
+var selectionEvents = ["onSelect"];
+var touchEvents = ["onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart"];
+var uiEvents = ["onScroll"];
+var wheelEvents = ["onWheel"];
+var mediaEvents = ["onAbort", "onCanPlay", "onCanPlayThrough", "onDurationChange", "onEmptied", "onEncrypted", "onEnded", "onError", "onLoadedData", "onLoadedMetadata", "onLoadStart", "onPause", "onPlay", "onPlaying", "onProgress", "onRateChange", "onSeeked", "onSeeking", "onStalled", "onSuspend", "onTimeUpdate", "onVolumeChange", "onWaiting"];
+var imageEvents = ["onLoad", "onError"];
+var animationEvents = ["onAnimationStart", "onAnimationEnd", "onAnimationIteration"];
+var transitionEvents = ["onTransitionEnd"];
+var otherEvents = ["onToggle"];
+var allEvents = [].concat(clipboardEvents, compositionEvents, keyboardEvents, focusEvents, formEvents, genericEvents, mouseEvents, pointerEvents, selectionEvents, touchEvents, uiEvents, wheelEvents, mediaEvents, imageEvents, animationEvents, transitionEvents, otherEvents);
+var makeEventProps = function makeEventProps2(props, getArgs) {
+  var eventProps2 = {};
+  allEvents.forEach(function(eventName) {
+    if (!(eventName in props)) {
+      return;
+    }
+    if (!getArgs) {
+      eventProps2[eventName] = props[eventName];
+      return;
+    }
+    eventProps2[eventName] = function(event) {
+      return props[eventName](event, getArgs(eventName));
+    };
+  });
+  return eventProps2;
+};
+var esm_default = makeEventProps;
+
 // node_modules/make-cancellable-promise/dist/esm/index.js
 function makeCancellablePromise(promise) {
   var isCancelled = false;
@@ -37306,10 +37327,9 @@ function _toConsumableArray(arr) {
 
 // node_modules/react-pdf/dist/esm/shared/propTypes.js
 var import_prop_types2 = __toESM(require_prop_types());
-var import_make_event_props = __toESM(require_entry());
 var eventProps = function() {
   var result = {};
-  [].concat(_toConsumableArray(import_make_event_props.mouseEvents), _toConsumableArray(import_make_event_props.touchEvents), _toConsumableArray(import_make_event_props.keyboardEvents)).forEach(function(eventName) {
+  [].concat(_toConsumableArray(mouseEvents), _toConsumableArray(touchEvents), _toConsumableArray(keyboardEvents)).forEach(function(eventName) {
     result[eventName] = import_prop_types2.default.func;
   });
   return result;
@@ -37798,7 +37818,7 @@ var Document = /* @__PURE__ */ function(_PureComponent) {
     key: "eventProps",
     get: function get4() {
       var _this2 = this;
-      return (0, import_make_event_props2.default)(this.props, function() {
+      return esm_default(this.props, function() {
         return _this2.state.pdf;
       });
     }
@@ -37849,7 +37869,6 @@ Document.propTypes = _objectSpread(_objectSpread({}, eventProps), {}, {
 var import_regenerator4 = __toESM(require_regenerator());
 var import_prop_types5 = __toESM(require_prop_types());
 import React46, { PureComponent as PureComponent3 } from "react";
-var import_make_event_props3 = __toESM(require_entry());
 
 // node_modules/react-pdf/dist/esm/OutlineContext.js
 import { createContext as createContext14 } from "react";
@@ -38289,7 +38308,7 @@ var OutlineInternal = /* @__PURE__ */ function(_PureComponent) {
     key: "eventProps",
     get: function get4() {
       var _this2 = this;
-      return (0, import_make_event_props3.default)(this.props, function() {
+      return esm_default(this.props, function() {
         return _this2.state.outline;
       });
     }
@@ -38309,7 +38328,6 @@ OutlineInternal.propTypes = _objectSpread2({
 var import_regenerator8 = __toESM(require_regenerator());
 var import_prop_types11 = __toESM(require_prop_types());
 import React52, { PureComponent as PureComponent9 } from "react";
-var import_make_event_props4 = __toESM(require_entry());
 
 // node_modules/merge-refs/dist/esm/index.js
 function mergeRefs2() {
@@ -39591,7 +39609,7 @@ var PageInternal = /* @__PURE__ */ function(_PureComponent) {
     key: "eventProps",
     get: function get4() {
       var _this2 = this;
-      return (0, import_make_event_props4.default)(this.props, function() {
+      return esm_default(this.props, function() {
         var page = _this2.state.page;
         if (!page) {
           return page;
@@ -40059,6 +40077,7 @@ function LoadingSkeleton({
 // src/PdfReader/index.tsx
 var IFRAME_WRAPPER_ID = "iframe-wrapper";
 var SCALE_STEP = 0.1;
+var START_QUERY = "start";
 function pdfReducer(state2, action) {
   switch (action.type) {
     case "ARGS_CHANGED": {
@@ -40146,6 +40165,11 @@ var loadResource = (resourceUrl, proxyUrl) => __async(void 0, null, function* ()
   }
   return array;
 });
+var getStartPage = (resourceUrl) => {
+  const params = new URL(resourceUrl).searchParams;
+  const startPage = params.get(START_QUERY);
+  return startPage ? parseInt(startPage) : 1;
+};
 function usePdfReader(args) {
   var _a;
   if (args == null ? void 0 : args.pdfWorkerSrc) {
@@ -40278,6 +40302,13 @@ function usePdfReader(args) {
         index: nextIndex,
         shouldNavigateToEnd: false
       });
+      if (manifest == null ? void 0 : manifest.readingOrder[nextIndex]) {
+        const pageNum = getStartPage(manifest == null ? void 0 : manifest.readingOrder[nextIndex].href);
+        dispatch({
+          type: "NAVIGATE_PAGE",
+          pageNum
+        });
+      }
     }
   }), [
     state2.state,
@@ -40292,7 +40323,8 @@ function usePdfReader(args) {
       return;
     if (state2.state !== "ACTIVE")
       return;
-    if (state2.pageNumber > 1 && !state2.settings.isScrolling) {
+    const startPage = (manifest == null ? void 0 : manifest.readingOrder) && (manifest == null ? void 0 : manifest.readingOrder[state2.resourceIndex]) ? getStartPage(manifest == null ? void 0 : manifest.readingOrder[state2.resourceIndex].href) : 1;
+    if (state2.pageNumber > startPage && !state2.settings.isScrolling) {
       dispatch({
         type: "NAVIGATE_PAGE",
         pageNum: state2.pageNumber - 1
@@ -40335,16 +40367,24 @@ function usePdfReader(args) {
       const index = (_a2 = manifest == null ? void 0 : manifest.readingOrder) == null ? void 0 : _a2.findIndex((link2) => {
         return link2.href === href2;
       });
-      if (!index) {
+      if (index < 0) {
         throw new Error("Cannot find resource in readingOrder");
       }
       return index;
     };
+    const resourceIndex = getIndexFromHref(href);
     dispatch({
       type: "SET_CURRENT_RESOURCE",
-      index: getIndexFromHref(href),
+      index: resourceIndex,
       shouldNavigateToEnd: false
     });
+    if ((manifest == null ? void 0 : manifest.readingOrder) && (manifest == null ? void 0 : manifest.readingOrder[resourceIndex])) {
+      const startPage = getStartPage(manifest == null ? void 0 : manifest.readingOrder[resourceIndex].href);
+      dispatch({
+        type: "NAVIGATE_PAGE",
+        pageNum: startPage
+      });
+    }
   }), [manifest == null ? void 0 : manifest.readingOrder]);
   if (!webpubManifestUrl || !manifest)
     return null;