@papillonarts/components 0.49.0 → 0.49.2

package/build/Modern/Link/Link.js

@@ -1,30 +1,27 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UnwrappedLink = exports.Link = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _clsx = require("clsx");
 var _react = require("react");
 var _hooks = require("../hooks");
 var _modernPolymorphic = require("../utils/modern-polymorphic");
 var _LinkModule = _interopRequireDefault(require("./Link.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["as", "className", "inline", "hoverColor"];
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var UnwrappedLink = exports.UnwrappedLink = function UnwrappedLink(props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'a' : _props$as,
-    className = props.className,
-    inline = props.inline,
-    hoverColor = props.hoverColor,
-    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var innerRef = (0, _react.useRef)(null);
+
+const UnwrappedLink = (props, ref) => {
+  const {
+    as: Component = 'a',
+    className,
+    inline,
+    hoverColor,
+    ...restProps
+  } = props;
+  const innerRef = (0, _react.useRef)(null);
   (0, _hooks.useRefObjectAsForwardedRef)(ref, innerRef);
   if (process.env.NODE_ENV !== 'production') {
     /**
@@ -34,22 +31,23 @@ var UnwrappedLink = exports.UnwrappedLink = function UnwrappedLink(props, ref) {
      * shaving precious bytes from the output, and avoiding mounting a noop effect
      */
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    (0, _react.useEffect)(function () {
+    (0, _react.useEffect)(() => {
       if (innerRef.current && !(innerRef.current instanceof HTMLButtonElement) && !(innerRef.current instanceof HTMLAnchorElement)) {
         console.error('Error: Found `Link` component that renders an inaccessible element', innerRef.current, 'Please ensure `Link` always renders as <a> or <button>');
       }
     }, [innerRef]);
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
-    className: (0, _clsx.clsx)(className, _LinkModule["default"].Link),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    className: (0, _clsx.clsx)(className, _LinkModule.default.Link),
     "data-muted": restProps.muted,
     "data-inline": inline,
-    "data-hover-color": hoverColor
-  }, restProps), {}, {
+    "data-hover-color": hoverColor,
+    ...restProps,
     ref: innerRef
-  }));
+  });
 };
-var LinkComponent = (0, _modernPolymorphic.fixedForwardRef)(UnwrappedLink);
-var Link = exports.Link = Object.assign(LinkComponent, {
+exports.UnwrappedLink = UnwrappedLink;
+const LinkComponent = (0, _modernPolymorphic.fixedForwardRef)(UnwrappedLink);
+const Link = exports.Link = Object.assign(LinkComponent, {
   displayName: 'Link'
 });

package/build/Modern/Link/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Link", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Link.Link;
   }
 });

package/build/Modern/Pagination/Pagination.d.ts

@@ -1,6 +1,6 @@
-import { JSX, type MouseEvent, type ReactNode } from 'react';
+import type { JSX, MouseEvent, ReactNode } from 'react';
 import type { ResponsiveValue } from '../hooks/useResponsiveValue';
-import { type PageDataProps } from './Pagination.model';
+import type { PageDataProps } from './Pagination.model';
 export type PageProps = {
     key: string;
     children: ReactNode;

package/build/Modern/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/Modern/Pagination/Pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,GAAG,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAA;AAClF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAElE,OAAO,EAAE,KAAK,aAAa,EAA4C,MAAM,oBAAoB,CAAA;AAejG,MAAM,MAAM,SAAS,GAAG;IAEtB,GAAG,EAAE,MAAM,CAAA;IAEX,QAAQ,EAAE,SAAS,CAAA;IAEnB,MAAM,EAAE,MAAM,CAAA;IAEd,SAAS,EAAE,MAAM,CAAA;CAClB,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAA;AAoE/C,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,CAAA;CAC7C,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAmB,EACnB,WAAgC,EAChC,eAAmB,EACnB,SAAgB,EAChB,oBAAwB,EACxB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAmB/B"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/Modern/Pagination/Pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAElE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAgBvD,MAAM,MAAM,SAAS,GAAG;IAEtB,GAAG,EAAE,MAAM,CAAA;IAEX,QAAQ,EAAE,SAAS,CAAA;IAEnB,MAAM,EAAE,MAAM,CAAA;IAEd,SAAS,EAAE,MAAM,CAAA;CAClB,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,CAAA;AAoE/C,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAC9C,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,CAAA;CAC7C,CAAA;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAmB,EACnB,WAAgC,EAChC,eAAmB,EACnB,SAAgB,EAChB,oBAAwB,EACxB,UAAU,EACV,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAmB/B"}

package/build/Modern/Pagination/Pagination.js

@@ -1,12 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Pagination = Pagination;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _octiconsReact = require("@primer/octicons-react");
 var _clsx = require("clsx");
 var _react = require("react");
@@ -14,14 +12,11 @@ var _useResponsiveValue = require("../hooks/useResponsiveValue");
 var _Pagination = require("./Pagination.model");
 var _PaginationModule = _interopRequireDefault(require("./Pagination.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["className", "pageCount", "currentPage", "onPageChange", "hrefBuilder", "marginPageCount", "showPages", "surroundingPageCount", "renderPage"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @typescript-eslint/consistent-type-definitions */
-var getViewportRangesToHidePages = function getViewportRangesToHidePages(showPages) {
+/* eslint-disable @typescript-eslint/consistent-type-definitions */
+
+const getViewportRangesToHidePages = showPages => {
   if (showPages && typeof showPages !== 'boolean') {
-    return Object.keys(showPages).filter(function (key) {
-      return !showPages[key];
-    });
+    return Object.keys(showPages).filter(key => !showPages[key]);
   }
   if (showPages) {
     return [];
@@ -29,102 +24,96 @@ var getViewportRangesToHidePages = function getViewportRangesToHidePages(showPag
     return Object.keys(_useResponsiveValue.viewportRanges);
   }
 };
-var PageLabel = function PageLabel(_ref) {
-  var children = _ref.children,
-    direction = _ref.direction;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [direction === 'page-prev' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.ChevronLeftIcon, {}) : null, children, direction === 'page-next' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.ChevronRightIcon, {}) : null]
-  });
-};
-function usePaginationPages(_ref2) {
-  var pageCount = _ref2.pageCount,
-    currentPage = _ref2.currentPage,
-    onPageChange = _ref2.onPageChange,
-    hrefBuilder = _ref2.hrefBuilder,
-    marginPageCount = _ref2.marginPageCount,
-    showPages = _ref2.showPages,
-    surroundingPageCount = _ref2.surroundingPageCount,
-    renderPage = _ref2.renderPage;
-  var pageChange = (0, _react.useCallback)(function (n) {
-    return function (e) {
-      return onPageChange(e, n);
-    };
-  }, [onPageChange]);
-  var model = (0, _react.useMemo)(function () {
+const PageLabel = ({
+  children,
+  direction
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  children: [direction === 'page-prev' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.ChevronLeftIcon, {}) : null, children, direction === 'page-next' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_octiconsReact.ChevronRightIcon, {}) : null]
+});
+function usePaginationPages({
+  pageCount,
+  currentPage,
+  onPageChange,
+  hrefBuilder,
+  marginPageCount,
+  showPages,
+  surroundingPageCount,
+  renderPage
+}) {
+  const pageChange = (0, _react.useCallback)(n => e => onPageChange(e, n), [onPageChange]);
+  const model = (0, _react.useMemo)(() => {
     return (0, _Pagination.buildPaginationModel)(pageCount, currentPage, !!showPages, marginPageCount, surroundingPageCount);
   }, [pageCount, currentPage, showPages, marginPageCount, surroundingPageCount]);
-  var children = (0, _react.useMemo)(function () {
-    return model.map(function (page) {
-      var _buildComponentData = (0, _Pagination.buildComponentData)(page, hrefBuilder, pageChange(page.num)),
-        props = _buildComponentData.props,
-        key = _buildComponentData.key,
-        content = _buildComponentData.content;
+  const children = (0, _react.useMemo)(() => {
+    return model.map(page => {
+      const {
+        props,
+        key,
+        content
+      } = (0, _Pagination.buildComponentData)(page, hrefBuilder, pageChange(page.num));
       if (renderPage && props.as !== 'span') {
-        return renderPage(_objectSpread({
-          key: key,
+        return renderPage({
+          key,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PageLabel, {
             direction: key,
             children: content
           }),
           number: page.num,
-          className: _PaginationModule["default"].Page
-        }, props));
+          className: _PaginationModule.default.Page,
+          ...props
+        });
       }
-      var Component = props.as || 'a';
+      const Component = props.as || 'a';
       return (
         /*#__PURE__*/
         // @ts-ignore giving me grief about children and "as" props
-        (0, _jsxRuntime.jsx)(Component, _objectSpread(_objectSpread({
-          className: (0, _clsx.clsx)(_PaginationModule["default"].Page)
-        }, props), {}, {
+        (0, _jsxRuntime.jsx)(Component, {
+          className: (0, _clsx.clsx)(_PaginationModule.default.Page),
+          ...props,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PageLabel, {
             direction: key,
             children: content
           })
-        }), key)
+        }, key)
       );
     });
   }, [model, hrefBuilder, pageChange, renderPage]);
   return children;
 }
-function Pagination(_ref3) {
-  var className = _ref3.className,
-    pageCount = _ref3.pageCount,
-    currentPage = _ref3.currentPage,
-    _ref3$onPageChange = _ref3.onPageChange,
-    onPageChange = _ref3$onPageChange === void 0 ? noop : _ref3$onPageChange,
-    _ref3$hrefBuilder = _ref3.hrefBuilder,
-    hrefBuilder = _ref3$hrefBuilder === void 0 ? defaultHrefBuilder : _ref3$hrefBuilder,
-    _ref3$marginPageCount = _ref3.marginPageCount,
-    marginPageCount = _ref3$marginPageCount === void 0 ? 1 : _ref3$marginPageCount,
-    _ref3$showPages = _ref3.showPages,
-    showPages = _ref3$showPages === void 0 ? true : _ref3$showPages,
-    _ref3$surroundingPage = _ref3.surroundingPageCount,
-    surroundingPageCount = _ref3$surroundingPage === void 0 ? 2 : _ref3$surroundingPage,
-    renderPage = _ref3.renderPage,
-    rest = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
-  var pageElements = usePaginationPages({
-    pageCount: pageCount,
-    currentPage: currentPage,
-    onPageChange: onPageChange,
-    hrefBuilder: hrefBuilder,
-    marginPageCount: marginPageCount,
-    showPages: showPages,
-    surroundingPageCount: surroundingPageCount,
-    renderPage: renderPage
+function Pagination({
+  className,
+  pageCount,
+  currentPage,
+  onPageChange = noop,
+  hrefBuilder = defaultHrefBuilder,
+  marginPageCount = 1,
+  showPages = true,
+  surroundingPageCount = 2,
+  renderPage,
+  ...rest
+}) {
+  const pageElements = usePaginationPages({
+    pageCount,
+    currentPage,
+    onPageChange,
+    hrefBuilder,
+    marginPageCount,
+    showPages,
+    surroundingPageCount,
+    renderPage
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", _objectSpread(_objectSpread({
-    className: (0, _clsx.clsx)(_PaginationModule["default"].PaginationContainer, className),
-    "aria-label": "Pagination"
-  }, rest), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
+    className: (0, _clsx.clsx)(_PaginationModule.default.PaginationContainer, className),
+    "aria-label": "Pagination",
+    ...rest,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _PaginationModule["default"].TablePaginationSteps,
+      className: _PaginationModule.default.TablePaginationSteps,
       "data-hidden-viewport-ranges": getViewportRangesToHidePages(showPages).join(' '),
       children: pageElements
     })
-  }));
+  });
 }
 function defaultHrefBuilder(pageNum) {
-  return "#".concat(pageNum);
+  return `#${pageNum}`;
 }
 function noop() {}

package/build/Modern/Pagination/Pagination.model.js

@@ -1,23 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildComponentData = buildComponentData;
 exports.buildPaginationModel = buildPaginationModel;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /* eslint-disable @typescript-eslint/no-inferrable-types */
 
 function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount, surroundingPageCount) {
-  var prev = {
+  const prev = {
     type: 'PREV',
     num: currentPage - 1,
     disabled: currentPage === 1
   };
-  var next = {
+  const next = {
     type: 'NEXT',
     num: currentPage + 1,
     disabled: currentPage === pageCount
@@ -26,26 +22,27 @@ function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount
     return [prev, next];
   }
   if (pageCount <= 0) {
-    return [prev, _objectSpread(_objectSpread({}, next), {}, {
+    return [prev, {
+      ...next,
       disabled: true
-    })];
+    }];
   }
-  var pages = [];
+  const pages = [];
 
   // number of pages shown on each side of the current page
   // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
   // standardGap: 3
-  var standardGap = surroundingPageCount + marginPageCount;
+  const standardGap = surroundingPageCount + marginPageCount;
 
   // the maximum number of pages that can be shown at a given time (account for current page, left and right ellipsis)
   // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
   // maxVisiblePages: 9
-  var maxVisiblePages = standardGap + standardGap + 3;
+  const maxVisiblePages = standardGap + standardGap + 3;
 
   // if the number of pages is less than the maximum number of pages that can be shown just return all of them
   if (pageCount <= maxVisiblePages) {
     addPages(1, pageCount, false);
-    return [prev].concat(pages, [next]);
+    return [prev, ...pages, next];
   }
 
   // startGap is the number of pages hidden by the start ellipsis
@@ -57,8 +54,8 @@ function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount
   // [1, _2_, 3, 4, 5, 6, ..., 15]
   // startGap = 0
   // startOffset: -3 <--
-  var startGap = 0;
-  var startOffset = 0;
+  let startGap = 0;
+  let startOffset = 0;
 
   // When there is overlap
   if (currentPage - standardGap - 1 <= 1) {
@@ -68,8 +65,8 @@ function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount
   }
 
   // These are equivalent to startGap and startOffset but at the end of the list
-  var endGap = 0;
-  var endOffset = 0;
+  let endGap = 0;
+  let endOffset = 0;
 
   // When there is overlap
   if (pageCount - currentPage - standardGap <= 1) {
@@ -77,8 +74,8 @@ function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount
   } else {
     endGap = pageCount - currentPage - standardGap;
   }
-  var hasStartEllipsis = startGap > 0;
-  var hasEndEllipsis = endGap > 0;
+  const hasStartEllipsis = startGap > 0;
+  const hasEndEllipsis = endGap > 0;
 
   // add pages "before" the start ellipsis (if any)
   // [1, ..., 7, 8, _9_, 10, 11, ..., 15]
@@ -113,16 +110,15 @@ function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount
   // endOffset: 0
   // addPages(15, 15)
   addPages(pageCount - marginPageCount + 1, pageCount);
-  return [prev].concat(pages, [next]);
+  return [prev, ...pages, next];
   function addEllipsis(previousPage) {
     pages.push({
       type: 'BREAK',
       num: previousPage + 1
     });
   }
-  function addPages(start, end) {
-    var precedesBreak = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    for (var i = start; i <= end; i++) {
+  function addPages(start, end, precedesBreak = false) {
+    for (let i = start; i <= end; i++) {
       pages.push({
         type: 'NUM',
         num: i,
@@ -133,9 +129,9 @@ function buildPaginationModel(pageCount, currentPage, showPages, marginPageCount
   }
 }
 function buildComponentData(page, hrefBuilder, onClick) {
-  var props = {};
-  var content = '';
-  var key = '';
+  const props = {};
+  let content = '';
+  let key = '';
   switch (page.type) {
     case 'PREV':
       {
@@ -153,7 +149,7 @@ function buildComponentData(page, hrefBuilder, onClick) {
             href: hrefBuilder(page.num),
             'aria-label': 'Previous Page',
             'data-testid': 'page-prev',
-            onClick: onClick
+            onClick
           });
         }
         break;
@@ -174,29 +170,29 @@ function buildComponentData(page, hrefBuilder, onClick) {
             href: hrefBuilder(page.num),
             'aria-label': 'Next Page',
             'data-testid': 'page-next',
-            onClick: onClick
+            onClick
           });
         }
         break;
       }
     case 'NUM':
       {
-        key = "page-".concat(page.num);
+        key = `page-${page.num}`;
         content = String(page.num);
         Object.assign(props, {
           href: hrefBuilder(page.num),
           // We append "..." to the aria-label for pages that preceed a break because screen readers will
           // change the tone the text is read in.
           // This is a slightly nicer experience than skipping a bunch of numbers unexpectedly.
-          'aria-label': "Page ".concat(page.num).concat(page.precedesBreak ? '...' : ''),
+          'aria-label': `Page ${page.num}${page.precedesBreak ? '...' : ''}`,
           'aria-current': page.selected ? 'page' : undefined,
-          onClick: onClick
+          onClick
         });
         break;
       }
     case 'BREAK':
       {
-        key = "page-".concat(page.num, "-break");
+        key = `page-${page.num}-break`;
         content = '…';
         Object.assign(props, {
           as: 'span',
@@ -205,8 +201,8 @@ function buildComponentData(page, hrefBuilder, onClick) {
       }
   }
   return {
-    props: props,
-    key: key,
-    content: content
+    props,
+    key,
+    content
   };
 }

package/build/Modern/Pagination/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Pagination.Pagination;
   }
 });

package/build/Modern/hooks/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useMedia", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useMedia.useMedia;
   }
 });
 Object.defineProperty(exports, "useRefObjectAsForwardedRef", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useRefObjectAsForwardedRef.useRefObjectAsForwardedRef;
   }
 });

package/build/Modern/hooks/useMedia.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 /**
  * `useMedia` will use the given `mediaQueryString` with `matchMedia` to
  * determine if the document matches the media query string.
@@ -32,6 +32,6 @@ interface MatchMediaProps {
  *   <Children />
  * </MatchMedia>
  */
-export declare function MatchMedia({ children, features }: MatchMediaProps): import("react/jsx-runtime").JSX.Element;
+export declare function MatchMedia({ children, features }: MatchMediaProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=useMedia.d.ts.map

package/build/Modern/hooks/useMedia.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../../src/Modern/hooks/useMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAkD,MAAM,OAAO,CAAA;AAItF;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,WAgExE;AAED,KAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAA;AAO7D,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAA0B,EAAE,EAAE,eAAe,2CAGnF"}
+{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../../src/Modern/hooks/useMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,WAgExE;AAED,KAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAA;AAO7D,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAA0B,EAAE,EAAE,eAAe,+BAGnF"}