@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.90e90c2b

package/cjs/nav-menu/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "NavMenuItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _NavMenuItem.default;
   }
 });
 var _NavMenuItem = _interopRequireDefault(require("./NavMenuItem"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/pagination/Pagination.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+type Option = {
+    disabled?: boolean;
+    label: string;
+    value: number;
+};
+export type PaginationProps = {
+    /**
+     * The current page.
+     */
+    currentPage?: number;
+    /**
+     * The current offset
+     */
+    offset?: number;
+    /**
+     * Callback when the page is changed.
+     */
+    onChangePageLimit?: (e: any) => void;
+    /**
+     * Callback when the page is changed.
+     */
+    onPageChange?: (event: React.ChangeEvent<unknown>, page: number) => void;
+    /**
+     * Options passed to the PageLimitSelector
+     */
+    options?: Option[] | null;
+    /**
+     * Number of records per page.
+     */
+    pageLimit: number;
+    /**
+     * Total number of records.
+     */
+    totalRecords: number;
+    /**
+     * Returns the content of the overview.
+     *
+     * Use this if you need to localize the overview being rendered.
+     */
+    renderOverview?: (rangeShown: string, totalRecords: number) => React.ReactNode;
+};
+export declare const Pagination: ({ currentPage, offset, onChangePageLimit, onPageChange, options, pageLimit, totalRecords, renderOverview, }: PaginationProps) => React.JSX.Element;
+export default Pagination;

package/cjs/pagination/Pagination.js

@@ -11,24 +11,24 @@ var _ReactSelect = _interopRequireDefault(require("../forms/reactselect/ReactSel
 var _Pagination = require("./Pagination.styles");
 var _material = require("@mui/material");
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const defaultOverview = (rangeShown, totalRecords) => `Showing ${rangeShown} of ${totalRecords}`;
-const PaginationItem = _ref3 => {
-  let item = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
-  return (0, _react2.jsx)(_material.PaginationItem, _extends({
-    css: _Pagination.paginationItemStyles
-  }, item));
+const PaginationItem = ({
+  ...item
+}) => {
+  return (0, _jsxRuntime.jsx)(_material.PaginationItem, {
+    css: _Pagination.paginationItemStyles,
+    ...item
+  });
 };
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "e3viwr",
   styles: "display:flex;justify-content:center;width:100%"
 } : {
   name: "1efb196-Pagination",
-  styles: "display:flex;justify-content:center;width:100%;label:Pagination;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlJb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7XG4gIFBhZ2VMaW1pdFN0eWxlcyxcbiAgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyxcbiAgUGFnZU92ZXJ2aWV3U3R5bGVzLFxuICBwYWdpbmF0aW9uSXRlbVN0eWxlcyxcbiAgVGV4dFN0eWxlcyxcbiAgd3JhcHBlclN0eWxlcyxcbn0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e1BhZ2VMaW1pdFN0eWxlc31cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgY3NzPXtQYWdlT3ZlcnZpZXdTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2hvd0ZpcnN0QnV0dG9uXG4gICAgICAgICAgICAgIHNob3dMYXN0QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjc3M9e1BhZ2VMaW1pdFdyYXBwZXJTdHlsZXN9PntQYWdlTGltaXRTZWxlY3Rvcn08L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBjc3M9e1RleHRTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgYm91bmRhcnlDb3VudD17MX1cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2libGluZ0NvdW50PXswfVxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
+  styles: "display:flex;justify-content:center;width:100%;label:Pagination;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlJb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7XG4gIFBhZ2VMaW1pdFN0eWxlcyxcbiAgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyxcbiAgUGFnZU92ZXJ2aWV3U3R5bGVzLFxuICBwYWdpbmF0aW9uSXRlbVN0eWxlcyxcbiAgVGV4dFN0eWxlcyxcbiAgd3JhcHBlclN0eWxlcyxcbn0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e1BhZ2VMaW1pdFN0eWxlc31cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgY3NzPXtQYWdlT3ZlcnZpZXdTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2hvd0ZpcnN0QnV0dG9uXG4gICAgICAgICAgICAgIHNob3dMYXN0QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjc3M9e1BhZ2VMaW1pdFdyYXBwZXJTdHlsZXN9PntQYWdlTGltaXRTZWxlY3Rvcn08L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBjc3M9e1RleHRTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgYm91bmRhcnlDb3VudD17MX1cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2libGluZ0NvdW50PXswfVxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -36,8 +36,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "align-items:center;display:flex;justify-content:space-between;width:100%"
 } : {
   name: "dsnjin-Pagination",
-  styles: "align-items:center;display:flex;justify-content:space-between;width:100%;label:Pagination;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7XG4gIFBhZ2VMaW1pdFN0eWxlcyxcbiAgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyxcbiAgUGFnZU92ZXJ2aWV3U3R5bGVzLFxuICBwYWdpbmF0aW9uSXRlbVN0eWxlcyxcbiAgVGV4dFN0eWxlcyxcbiAgd3JhcHBlclN0eWxlcyxcbn0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e1BhZ2VMaW1pdFN0eWxlc31cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgY3NzPXtQYWdlT3ZlcnZpZXdTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2hvd0ZpcnN0QnV0dG9uXG4gICAgICAgICAgICAgIHNob3dMYXN0QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjc3M9e1BhZ2VMaW1pdFdyYXBwZXJTdHlsZXN9PntQYWdlTGltaXRTZWxlY3Rvcn08L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBjc3M9e1RleHRTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgYm91bmRhcnlDb3VudD17MX1cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2libGluZ0NvdW50PXswfVxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
+  styles: "align-items:center;display:flex;justify-content:space-between;width:100%;label:Pagination;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7XG4gIFBhZ2VMaW1pdFN0eWxlcyxcbiAgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyxcbiAgUGFnZU92ZXJ2aWV3U3R5bGVzLFxuICBwYWdpbmF0aW9uSXRlbVN0eWxlcyxcbiAgVGV4dFN0eWxlcyxcbiAgd3JhcHBlclN0eWxlcyxcbn0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e1BhZ2VMaW1pdFN0eWxlc31cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgY3NzPXtQYWdlT3ZlcnZpZXdTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2hvd0ZpcnN0QnV0dG9uXG4gICAgICAgICAgICAgIHNob3dMYXN0QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjc3M9e1BhZ2VMaW1pdFdyYXBwZXJTdHlsZXN9PntQYWdlTGltaXRTZWxlY3Rvcn08L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBjc3M9e1RleHRTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgYm91bmRhcnlDb3VudD17MX1cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2libGluZ0NvdW50PXswfVxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const Pagination = ({
@@ -50,17 +49,18 @@ const Pagination = ({
   totalRecords = 1,
   renderOverview = defaultOverview
 }) => {
-  const _useBreakpoint = (0, _theme.useBreakpoint)(),
-    greaterThan = _useBreakpoint.greaterThan;
+  const {
+    greaterThan
+  } = (0, _theme.useBreakpoint)();
   const totalPages = Math.ceil(totalRecords / pageLimit);
   const rangeShown = totalRecords === 1 ? String(totalRecords) : `${totalRecords === 0 ? totalRecords : offset + 1}-${pageLimit + offset > totalRecords ? totalRecords : pageLimit + offset}`;
   const currentPageLimit = () => {
-    const option = options === null || options === void 0 ? void 0 : options.find(option => {
+    const option = options?.find(option => {
       return option.value === pageLimit;
     });
     return option;
   };
-  const PageLimitSelector = (0, _react2.jsx)(_ReactSelect.default, {
+  const PageLimitSelector = (0, _jsxRuntime.jsx)(_ReactSelect.default, {
     onChange: onChangePageLimit,
     options: options,
     size: "small",
@@ -68,38 +68,49 @@ const Pagination = ({
     css: _Pagination.PageLimitStyles,
     menuPlacement: "auto"
   });
-  return (0, _react2.jsx)(_react.default.Fragment, null, greaterThan('l') ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", {
-    css: _Pagination.wrapperStyles
-  }, (0, _react2.jsx)(_typography.Text, {
-    css: _Pagination.PageOverviewStyles,
-    styledAs: "bodyInterface"
-  }, renderOverview(rangeShown, totalRecords)), (0, _react2.jsx)(_material.Pagination, {
-    count: totalPages,
-    onChange: onPageChange,
-    page: currentPage,
-    renderItem: PaginationItem,
-    showFirstButton: true,
-    showLastButton: true,
-    size: "large"
-  }), (0, _react2.jsx)("div", {
-    css: _Pagination.PageLimitWrapperStyles
-  }, PageLimitSelector))) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", {
-    css: _ref2
-  }, (0, _react2.jsx)(_typography.Text, {
-    css: _Pagination.TextStyles,
-    styledAs: "bodyInterfaceSmall"
-  }, renderOverview(rangeShown, totalRecords)), PageLimitSelector), (0, _react2.jsx)("div", {
-    css: _ref
-  }, (0, _react2.jsx)(_material.Pagination, {
-    boundaryCount: 1,
-    count: totalPages,
-    onChange: onPageChange,
-    page: currentPage,
-    renderItem: PaginationItem,
-    siblingCount: 0,
-    size: "large"
-  }))));
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: greaterThan('l') ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: (0, _jsxRuntime.jsxs)("div", {
+        css: _Pagination.wrapperStyles,
+        children: [(0, _jsxRuntime.jsx)(_typography.Text, {
+          css: _Pagination.PageOverviewStyles,
+          styledAs: "bodyInterface",
+          children: renderOverview(rangeShown, totalRecords)
+        }), (0, _jsxRuntime.jsx)(_material.Pagination, {
+          count: totalPages,
+          onChange: onPageChange,
+          page: currentPage,
+          renderItem: PaginationItem,
+          showFirstButton: true,
+          showLastButton: true,
+          size: "large"
+        }), (0, _jsxRuntime.jsx)("div", {
+          css: _Pagination.PageLimitWrapperStyles,
+          children: PageLimitSelector
+        })]
+      })
+    }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsxs)("div", {
+        css: _ref2,
+        children: [(0, _jsxRuntime.jsx)(_typography.Text, {
+          css: _Pagination.TextStyles,
+          styledAs: "bodyInterfaceSmall",
+          children: renderOverview(rangeShown, totalRecords)
+        }), PageLimitSelector]
+      }), (0, _jsxRuntime.jsx)("div", {
+        css: _ref,
+        children: (0, _jsxRuntime.jsx)(_material.Pagination, {
+          boundaryCount: 1,
+          count: totalPages,
+          onChange: onPageChange,
+          page: currentPage,
+          renderItem: PaginationItem,
+          siblingCount: 0,
+          size: "large"
+        })
+      })]
+    })
+  });
 };
 exports.Pagination = Pagination;
-var _default = Pagination;
-exports.default = _default;
+var _default = exports.default = Pagination;

package/cjs/pagination/Pagination.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const paginationItemStyles: import("@emotion/utils").SerializedStyles;
+export declare const wrapperStyles: import("@emotion/utils").SerializedStyles;
+export declare const TextStyles: import("@emotion/utils").SerializedStyles;
+export declare const PageOverviewStyles: import("@emotion/utils").SerializedStyles;
+export declare const PageLimitStyles: import("@emotion/utils").SerializedStyles;
+export declare const PageLimitWrapperStyles: import("@emotion/utils").SerializedStyles;

package/cjs/pagination/Pagination.styles.js

@@ -7,27 +7,20 @@ exports.wrapperStyles = exports.paginationItemStyles = exports.TextStyles = expo
 var _theme = require("@dfds-ui/theme");
 var _react = require("@emotion/react");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const paginationItemStyles = /*#__PURE__*/(0, _react.css)("&&{&:hover,&.Mui-selected:hover{background-color:rgba(73, 162, 223, 0.08);}&:focus,&.Mui-selected,&.Mui-selected:focus{background-color:rgba(73, 162, 223, 0.12);}&.MuiPaginationItem-sizeLarge{border-radius:0;}&.MuiPaginationItem-root:hover>.MuiPaginationItem-icon,.MuiPaginationItem-root:focus>.MuiPaginationItem-icon{color:", _theme.theme.colors.secondary.main, ";}&.MuiPaginationItem-root:active>.MuiPaginationItem-icon{color:", _theme.theme.colors.secondary.dark, ";}&.MuiPaginationItem-root .MuiTouchRipple-root{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:paginationItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUsIG1lZGlhIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IHBhZ2luYXRpb25JdGVtU3R5bGVzID0gY3NzYFxuICAmJiB7XG4gICAgJjpob3ZlcixcbiAgICAmLk11aS1zZWxlY3RlZDpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgfVxuXG4gICAgJjpmb2N1cyxcbiAgICAmLk11aS1zZWxlY3RlZCxcbiAgICAmLk11aS1zZWxlY3RlZDpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xMik7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1zaXplTGFyZ2Uge1xuICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICB9XG5cbiAgICAmLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6aG92ZXIgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbixcbiAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDpmb2N1cyA+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmFjdGl2ZSA+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290IC5NdWlUb3VjaFJpcHBsZS1yb290IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcblxuICAke21lZGlhLmxlc3NUaGFuKCdsJylgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYH1cbmBcblxuZXhwb3J0IGNvbnN0IFRleHRTdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgcGFnZUxpbWl0V2lkdGggPSAnMTUwcHgnXG5cbmV4cG9ydCBjb25zdCBQYWdlT3ZlcnZpZXdTdHlsZXMgPSBjc3NgXG4gICR7VGV4dFN0eWxlc31cbiAgZmxleC1ncm93OiAxO1xuICBtaW4td2lkdGg6ICR7cGFnZUxpbWl0V2lkdGh9O1xuYFxuXG5leHBvcnQgY29uc3QgUGFnZUxpbWl0U3R5bGVzID0gY3NzYFxuICBtaW4td2lkdGg6ICR7cGFnZUxpbWl0V2lkdGh9O1xuYFxuXG5leHBvcnQgY29uc3QgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcbiJdfQ== */");
-exports.paginationItemStyles = paginationItemStyles;
-const wrapperStyles = /*#__PURE__*/(0, _react.css)("align-items:center;background-color:white;display:flex;justify-content:space-between;width:100%;", _theme.media.lessThan('l')`
+const paginationItemStyles = exports.paginationItemStyles = /*#__PURE__*/(0, _react.css)("&&{&:hover,&.Mui-selected:hover{background-color:rgba(73, 162, 223, 0.08);}&:focus,&.Mui-selected,&.Mui-selected:focus{background-color:rgba(73, 162, 223, 0.12);}&.MuiPaginationItem-sizeLarge{border-radius:0;}&.MuiPaginationItem-root:hover>.MuiPaginationItem-icon,.MuiPaginationItem-root:focus>.MuiPaginationItem-icon{color:", _theme.theme.colors.secondary.main, ";}&.MuiPaginationItem-root:active>.MuiPaginationItem-icon{color:", _theme.theme.colors.secondary.dark, ";}&.MuiPaginationItem-root .MuiTouchRipple-root{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:paginationItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUsIG1lZGlhIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IHBhZ2luYXRpb25JdGVtU3R5bGVzID0gY3NzYFxuICAmJiB7XG4gICAgJjpob3ZlcixcbiAgICAmLk11aS1zZWxlY3RlZDpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgfVxuXG4gICAgJjpmb2N1cyxcbiAgICAmLk11aS1zZWxlY3RlZCxcbiAgICAmLk11aS1zZWxlY3RlZDpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xMik7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1zaXplTGFyZ2Uge1xuICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICB9XG5cbiAgICAmLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6aG92ZXIgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbixcbiAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDpmb2N1cyA+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmFjdGl2ZSA+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290IC5NdWlUb3VjaFJpcHBsZS1yb290IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcblxuICAke21lZGlhLmxlc3NUaGFuKCdsJylgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYH1cbmBcblxuZXhwb3J0IGNvbnN0IFRleHRTdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgcGFnZUxpbWl0V2lkdGggPSAnMTUwcHgnXG5cbmV4cG9ydCBjb25zdCBQYWdlT3ZlcnZpZXdTdHlsZXMgPSBjc3NgXG4gICR7VGV4dFN0eWxlc31cbiAgZmxleC1ncm93OiAxO1xuICBtaW4td2lkdGg6ICR7cGFnZUxpbWl0V2lkdGh9O1xuYFxuXG5leHBvcnQgY29uc3QgUGFnZUxpbWl0U3R5bGVzID0gY3NzYFxuICBtaW4td2lkdGg6ICR7cGFnZUxpbWl0V2lkdGh9O1xuYFxuXG5leHBvcnQgY29uc3QgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcbiJdfQ== */");
+const wrapperStyles = exports.wrapperStyles = /*#__PURE__*/(0, _react.css)("align-items:center;background-color:white;display:flex;justify-content:space-between;width:100%;", _theme.media.lessThan('l')`
     flex-direction: column;
     justify-content: center;
   `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2dDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
-exports.wrapperStyles = wrapperStyles;
-const TextStyles = process.env.NODE_ENV === "production" ? {
+const TextStyles = exports.TextStyles = process.env.NODE_ENV === "production" ? {
   name: "ti75j2",
   styles: "margin:0"
 } : {
   name: "1rtv2aa-TextStyles",
-  styles: "margin:0;label:TextStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDZCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */",
+  styles: "margin:0;label:TextStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDZCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-exports.TextStyles = TextStyles;
 const pageLimitWidth = '150px';
-const PageOverviewStyles = /*#__PURE__*/(0, _react.css)(TextStyles, " flex-grow:1;min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageOverviewStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRHFDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
-exports.PageOverviewStyles = PageOverviewStyles;
-const PageLimitStyles = /*#__PURE__*/(0, _react.css)("min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageLimitStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RGtDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
-exports.PageLimitStyles = PageLimitStyles;
-const PageLimitWrapperStyles = /*#__PURE__*/(0, _react.css)("display:flex;flex-grow:1;justify-content:end;min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageLimitWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRXlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
-exports.PageLimitWrapperStyles = PageLimitWrapperStyles;
+const PageOverviewStyles = exports.PageOverviewStyles = /*#__PURE__*/(0, _react.css)(TextStyles, " flex-grow:1;min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageOverviewStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRHFDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
+const PageLimitStyles = exports.PageLimitStyles = /*#__PURE__*/(0, _react.css)("min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageLimitStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RGtDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
+const PageLimitWrapperStyles = exports.PageLimitWrapperStyles = /*#__PURE__*/(0, _react.css)("display:flex;flex-grow:1;justify-content:end;min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageLimitWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRXlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");

package/cjs/pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './Pagination';

package/cjs/pagination/index.js

@@ -9,7 +9,7 @@ Object.keys(_Pagination).forEach(function (key) {
   if (key in exports && exports[key] === _Pagination[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Pagination[key];
     }
   });

package/cjs/popper/Popper.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { PopperProps, PopperPlacementType } from '@mui/material';
+export type PopperBaseProps = {
+    open?: boolean;
+    children: React.ReactElement | string;
+    anchorEl?: any;
+    id?: string;
+    placement?: PopperPlacementType;
+    disablePortal?: PopperProps['disablePortal'];
+    /**
+     * By default the max-width will be set to 100%. This will allow for child elements to have a width of 100vw and also
+     * a max-width of 100% so it will not be overflowing the potential vertical scrollbars.
+     *
+     * You can disable this by setting `noMaxWidthRestriction` to `false`
+     */
+    noMaxWidthRestriction?: boolean;
+    role?: string;
+    onClickAway?: (e: any) => void;
+    className?: string;
+    style?: PopperProps['style'];
+    popperRef?: PopperProps['popperRef'];
+    modifiers?: PopperProps['modifiers'];
+};
+export declare const PopperBase: ({ open, children, anchorEl, id, placement, onClickAway, className, noMaxWidthRestriction, ...rest }: PopperBaseProps) => React.JSX.Element;
+type PopperComponentProps = {
+    setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+} & Omit<PopperBaseProps, 'onClickAway'>;
+declare const Popper: ({ children, anchorEl, id, setAnchorEl, placement, popperRef, ...rest }: PopperComponentProps) => React.JSX.Element;
+export default Popper;

package/cjs/popper/Popper.js

@@ -6,69 +6,68 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.PopperBase = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
-var _base = require("@mui/base");
 var _theme = require("@dfds-ui/theme");
 var _react2 = require("@emotion/react");
-const _excluded = ["open", "children", "anchorEl", "id", "placement", "onClickAway", "className", "noMaxWidthRestriction"],
-  _excluded2 = ["children", "anchorEl", "id", "setAnchorEl", "placement", "popperRef"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "qhxz92",
   styles: "max-width:100%"
 } : {
   name: "h02qvt-PopperBase",
-  styles: "max-width:100%;label:PopperBase;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRFciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BvcHBlci9Qb3BwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wcGVyIGFzIE1hdGVyaWFsUG9wcGVyLCBQb3BwZXJQcm9wcywgUG9wcGVyUGxhY2VtZW50VHlwZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyBDbGlja0F3YXlMaXN0ZW5lciB9IGZyb20gJ0BtdWkvYmFzZSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgUG9wcGVyQmFzZVByb3BzID0ge1xuICBvcGVuPzogYm9vbGVhblxuICAvLyBUT0RPOiBDb25zaWRlciBjaGFuZ2luZyB0aGUgdHlwZSB0byBSZWFjdC5SZWFjdE5vZGVcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudCB8IHN0cmluZ1xuICBhbmNob3JFbD86IGFueVxuICBpZD86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQb3BwZXJQbGFjZW1lbnRUeXBlXG4gIGRpc2FibGVQb3J0YWw/OiBQb3BwZXJQcm9wc1snZGlzYWJsZVBvcnRhbCddXG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBtYXgtd2lkdGggd2lsbCBiZSBzZXQgdG8gMTAwJS4gVGhpcyB3aWxsIGFsbG93IGZvciBjaGlsZCBlbGVtZW50cyB0byBoYXZlIGEgd2lkdGggb2YgMTAwdncgYW5kIGFsc29cbiAgICogYSBtYXgtd2lkdGggb2YgMTAwJSBzbyBpdCB3aWxsIG5vdCBiZSBvdmVyZmxvd2luZyB0aGUgcG90ZW50aWFsIHZlcnRpY2FsIHNjcm9sbGJhcnMuXG4gICAqXG4gICAqIFlvdSBjYW4gZGlzYWJsZSB0aGlzIGJ5IHNldHRpbmcgYG5vTWF4V2lkdGhSZXN0cmljdGlvbmAgdG8gYGZhbHNlYFxuICAgKi9cbiAgbm9NYXhXaWR0aFJlc3RyaWN0aW9uPzogYm9vbGVhblxuICByb2xlPzogc3RyaW5nXG4gIG9uQ2xpY2tBd2F5PzogKGU6IGFueSkgPT4gdm9pZFxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc3R5bGU/OiBQb3BwZXJQcm9wc1snc3R5bGUnXVxuICBwb3BwZXJSZWY/OiBQb3BwZXJQcm9wc1sncG9wcGVyUmVmJ11cbiAgbW9kaWZpZXJzPzogUG9wcGVyUHJvcHNbJ21vZGlmaWVycyddXG59XG5cbmV4cG9ydCBjb25zdCBQb3BwZXJCYXNlID0gKHtcbiAgb3BlbiA9IGZhbHNlLFxuICBjaGlsZHJlbixcbiAgYW5jaG9yRWwsXG4gIGlkLFxuICBwbGFjZW1lbnQsXG4gIG9uQ2xpY2tBd2F5LFxuICBjbGFzc05hbWUsXG4gIG5vTWF4V2lkdGhSZXN0cmljdGlvbiA9IGZhbHNlLFxuICAuLi5yZXN0XG59OiBQb3BwZXJCYXNlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TWF0ZXJpYWxQb3BwZXJcbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgaWQ9e2lkfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgY3NzPXtcbiAgICAgICAgIW5vTWF4V2lkdGhSZXN0cmljdGlvbiAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgICBgXG4gICAgICB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8Q2xpY2tBd2F5TGlzdGVuZXJcbiAgICAgICAgb25DbGlja0F3YXk9eyhlKSA9PiB7XG4gICAgICAgICAgb25DbGlja0F3YXkgJiYgb25DbGlja0F3YXkoZSlcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L0NsaWNrQXdheUxpc3RlbmVyPlxuICAgIDwvTWF0ZXJpYWxQb3BwZXI+XG4gIClcbn1cblxudHlwZSBQb3BwZXJDb21wb25lbnRQcm9wcyA9IHtcbiAgc2V0QW5jaG9yRWw6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPEhUTUxFbGVtZW50IHwgbnVsbD4+XG59ICYgT21pdDxQb3BwZXJCYXNlUHJvcHMsICdvbkNsaWNrQXdheSc+XG5cbmNvbnN0IFBvcHBlciA9ICh7IGNoaWxkcmVuLCBhbmNob3JFbCwgaWQsIHNldEFuY2hvckVsLCBwbGFjZW1lbnQsIHBvcHBlclJlZiwgLi4ucmVzdCB9OiBQb3BwZXJDb21wb25lbnRQcm9wcykgPT4ge1xuICBjb25zdCBvcGVuID0gQm9vbGVhbihhbmNob3JFbClcblxuICByZXR1cm4gKFxuICAgIDxQb3BwZXJCYXNlXG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIG9uQ2xpY2tBd2F5PXsoKSA9PiBzZXRBbmNob3JFbChudWxsKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsxNl19O1xuICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1BvcHBlckJhc2U+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUG9wcGVyXG4iXX0= */",
+  styles: "max-width:100%;label:PopperBase;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRFciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BvcHBlci9Qb3BwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wcGVyIGFzIE1hdGVyaWFsUG9wcGVyLCBQb3BwZXJQcm9wcywgUG9wcGVyUGxhY2VtZW50VHlwZSwgQ2xpY2tBd2F5TGlzdGVuZXIgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBQb3BwZXJCYXNlUHJvcHMgPSB7XG4gIG9wZW4/OiBib29sZWFuXG4gIC8vIFRPRE86IENvbnNpZGVyIGNoYW5naW5nIHRoZSB0eXBlIHRvIFJlYWN0LlJlYWN0Tm9kZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgc3RyaW5nXG4gIGFuY2hvckVsPzogYW55XG4gIGlkPzogc3RyaW5nXG4gIHBsYWNlbWVudD86IFBvcHBlclBsYWNlbWVudFR5cGVcbiAgZGlzYWJsZVBvcnRhbD86IFBvcHBlclByb3BzWydkaXNhYmxlUG9ydGFsJ11cbiAgLyoqXG4gICAqIEJ5IGRlZmF1bHQgdGhlIG1heC13aWR0aCB3aWxsIGJlIHNldCB0byAxMDAlLiBUaGlzIHdpbGwgYWxsb3cgZm9yIGNoaWxkIGVsZW1lbnRzIHRvIGhhdmUgYSB3aWR0aCBvZiAxMDB2dyBhbmQgYWxzb1xuICAgKiBhIG1heC13aWR0aCBvZiAxMDAlIHNvIGl0IHdpbGwgbm90IGJlIG92ZXJmbG93aW5nIHRoZSBwb3RlbnRpYWwgdmVydGljYWwgc2Nyb2xsYmFycy5cbiAgICpcbiAgICogWW91IGNhbiBkaXNhYmxlIHRoaXMgYnkgc2V0dGluZyBgbm9NYXhXaWR0aFJlc3RyaWN0aW9uYCB0byBgZmFsc2VgXG4gICAqL1xuICBub01heFdpZHRoUmVzdHJpY3Rpb24/OiBib29sZWFuXG4gIHJvbGU/OiBzdHJpbmdcbiAgb25DbGlja0F3YXk/OiAoZTogYW55KSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzdHlsZT86IFBvcHBlclByb3BzWydzdHlsZSddXG4gIHBvcHBlclJlZj86IFBvcHBlclByb3BzWydwb3BwZXJSZWYnXVxuICBtb2RpZmllcnM/OiBQb3BwZXJQcm9wc1snbW9kaWZpZXJzJ11cbn1cblxuZXhwb3J0IGNvbnN0IFBvcHBlckJhc2UgPSAoe1xuICBvcGVuID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBhbmNob3JFbCxcbiAgaWQsXG4gIHBsYWNlbWVudCxcbiAgb25DbGlja0F3YXksXG4gIGNsYXNzTmFtZSxcbiAgbm9NYXhXaWR0aFJlc3RyaWN0aW9uID0gZmFsc2UsXG4gIC4uLnJlc3Rcbn06IFBvcHBlckJhc2VQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxNYXRlcmlhbFBvcHBlclxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBpZD17aWR9XG4gICAgICBvcGVuPXtvcGVufVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICBjc3M9e1xuICAgICAgICAhbm9NYXhXaWR0aFJlc3RyaWN0aW9uICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICAgIGBcbiAgICAgIH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrQXdheT17KGUpID0+IHtcbiAgICAgICAgICBvbkNsaWNrQXdheSAmJiBvbkNsaWNrQXdheShlKVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgPC9NYXRlcmlhbFBvcHBlcj5cbiAgKVxufVxuXG50eXBlIFBvcHBlckNvbXBvbmVudFByb3BzID0ge1xuICBzZXRBbmNob3JFbDogUmVhY3QuRGlzcGF0Y2g8UmVhY3QuU2V0U3RhdGVBY3Rpb248SFRNTEVsZW1lbnQgfCBudWxsPj5cbn0gJiBPbWl0PFBvcHBlckJhc2VQcm9wcywgJ29uQ2xpY2tBd2F5Jz5cblxuY29uc3QgUG9wcGVyID0gKHsgY2hpbGRyZW4sIGFuY2hvckVsLCBpZCwgc2V0QW5jaG9yRWwsIHBsYWNlbWVudCwgcG9wcGVyUmVmLCAuLi5yZXN0IH06IFBvcHBlckNvbXBvbmVudFByb3BzKSA9PiB7XG4gIGNvbnN0IG9wZW4gPSBCb29sZWFuKGFuY2hvckVsKVxuXG4gIHJldHVybiAoXG4gICAgPFBvcHBlckJhc2VcbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgaWQ9e2lkfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgIHsuLi5yZXN0fVxuICAgICAgb25DbGlja0F3YXk9eygpID0+IHNldEFuY2hvckVsKG51bGwpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWzE2XX07XG4gICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvUG9wcGVyQmFzZT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQb3BwZXJcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-const PopperBase = _ref2 => {
-  let _ref2$open = _ref2.open,
-    open = _ref2$open === void 0 ? false : _ref2$open,
-    children = _ref2.children,
-    anchorEl = _ref2.anchorEl,
-    id = _ref2.id,
-    placement = _ref2.placement,
-    _onClickAway = _ref2.onClickAway,
-    className = _ref2.className,
-    _ref2$noMaxWidthRestr = _ref2.noMaxWidthRestriction,
-    noMaxWidthRestriction = _ref2$noMaxWidthRestr === void 0 ? false : _ref2$noMaxWidthRestr,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  return (0, _react2.jsx)(_material.Popper, _extends({
+const PopperBase = ({
+  open = false,
+  children,
+  anchorEl,
+  id,
+  placement,
+  onClickAway,
+  className,
+  noMaxWidthRestriction = false,
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(_material.Popper, {
     placement: placement,
     id: id,
     open: open,
     className: className,
     anchorEl: anchorEl,
-    css: !noMaxWidthRestriction && _ref
-  }, rest), (0, _react2.jsx)(_base.ClickAwayListener, {
-    onClickAway: e => {
-      _onClickAway && _onClickAway(e);
-    }
-  }, (0, _react2.jsx)("div", null, children)));
+    css: !noMaxWidthRestriction && _ref,
+    ...rest,
+    children: (0, _jsxRuntime.jsx)(_material.ClickAwayListener, {
+      onClickAway: e => {
+        onClickAway && onClickAway(e);
+      },
+      children: (0, _jsxRuntime.jsx)("div", {
+        children: children
+      })
+    })
+  });
 };
 exports.PopperBase = PopperBase;
-const Popper = _ref3 => {
-  let children = _ref3.children,
-    anchorEl = _ref3.anchorEl,
-    id = _ref3.id,
-    setAnchorEl = _ref3.setAnchorEl,
-    placement = _ref3.placement,
-    popperRef = _ref3.popperRef,
-    rest = _objectWithoutProperties(_ref3, _excluded2);
+const Popper = ({
+  children,
+  anchorEl,
+  id,
+  setAnchorEl,
+  placement,
+  popperRef,
+  ...rest
+}) => {
   const open = Boolean(anchorEl);
-  return (0, _react2.jsx)(PopperBase, _extends({
+  return (0, _jsxRuntime.jsx)(PopperBase, {
     placement: placement,
     id: id,
     open: open,
-    anchorEl: anchorEl
-  }, rest, {
+    anchorEl: anchorEl,
+    ...rest,
     onClickAway: () => setAnchorEl(null),
-    css: /*#__PURE__*/(0, _react2.css)("background:", _theme.theme.colors.surface.primary, ";box-shadow:", _theme.theme.elevation[16], ";padding:", _theme.theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Popper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BvcHBlci9Qb3BwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wcGVyIGFzIE1hdGVyaWFsUG9wcGVyLCBQb3BwZXJQcm9wcywgUG9wcGVyUGxhY2VtZW50VHlwZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyBDbGlja0F3YXlMaXN0ZW5lciB9IGZyb20gJ0BtdWkvYmFzZSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgUG9wcGVyQmFzZVByb3BzID0ge1xuICBvcGVuPzogYm9vbGVhblxuICAvLyBUT0RPOiBDb25zaWRlciBjaGFuZ2luZyB0aGUgdHlwZSB0byBSZWFjdC5SZWFjdE5vZGVcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudCB8IHN0cmluZ1xuICBhbmNob3JFbD86IGFueVxuICBpZD86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQb3BwZXJQbGFjZW1lbnRUeXBlXG4gIGRpc2FibGVQb3J0YWw/OiBQb3BwZXJQcm9wc1snZGlzYWJsZVBvcnRhbCddXG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBtYXgtd2lkdGggd2lsbCBiZSBzZXQgdG8gMTAwJS4gVGhpcyB3aWxsIGFsbG93IGZvciBjaGlsZCBlbGVtZW50cyB0byBoYXZlIGEgd2lkdGggb2YgMTAwdncgYW5kIGFsc29cbiAgICogYSBtYXgtd2lkdGggb2YgMTAwJSBzbyBpdCB3aWxsIG5vdCBiZSBvdmVyZmxvd2luZyB0aGUgcG90ZW50aWFsIHZlcnRpY2FsIHNjcm9sbGJhcnMuXG4gICAqXG4gICAqIFlvdSBjYW4gZGlzYWJsZSB0aGlzIGJ5IHNldHRpbmcgYG5vTWF4V2lkdGhSZXN0cmljdGlvbmAgdG8gYGZhbHNlYFxuICAgKi9cbiAgbm9NYXhXaWR0aFJlc3RyaWN0aW9uPzogYm9vbGVhblxuICByb2xlPzogc3RyaW5nXG4gIG9uQ2xpY2tBd2F5PzogKGU6IGFueSkgPT4gdm9pZFxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc3R5bGU/OiBQb3BwZXJQcm9wc1snc3R5bGUnXVxuICBwb3BwZXJSZWY/OiBQb3BwZXJQcm9wc1sncG9wcGVyUmVmJ11cbiAgbW9kaWZpZXJzPzogUG9wcGVyUHJvcHNbJ21vZGlmaWVycyddXG59XG5cbmV4cG9ydCBjb25zdCBQb3BwZXJCYXNlID0gKHtcbiAgb3BlbiA9IGZhbHNlLFxuICBjaGlsZHJlbixcbiAgYW5jaG9yRWwsXG4gIGlkLFxuICBwbGFjZW1lbnQsXG4gIG9uQ2xpY2tBd2F5LFxuICBjbGFzc05hbWUsXG4gIG5vTWF4V2lkdGhSZXN0cmljdGlvbiA9IGZhbHNlLFxuICAuLi5yZXN0XG59OiBQb3BwZXJCYXNlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TWF0ZXJpYWxQb3BwZXJcbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgaWQ9e2lkfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgY3NzPXtcbiAgICAgICAgIW5vTWF4V2lkdGhSZXN0cmljdGlvbiAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgICBgXG4gICAgICB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8Q2xpY2tBd2F5TGlzdGVuZXJcbiAgICAgICAgb25DbGlja0F3YXk9eyhlKSA9PiB7XG4gICAgICAgICAgb25DbGlja0F3YXkgJiYgb25DbGlja0F3YXkoZSlcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L0NsaWNrQXdheUxpc3RlbmVyPlxuICAgIDwvTWF0ZXJpYWxQb3BwZXI+XG4gIClcbn1cblxudHlwZSBQb3BwZXJDb21wb25lbnRQcm9wcyA9IHtcbiAgc2V0QW5jaG9yRWw6IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPEhUTUxFbGVtZW50IHwgbnVsbD4+XG59ICYgT21pdDxQb3BwZXJCYXNlUHJvcHMsICdvbkNsaWNrQXdheSc+XG5cbmNvbnN0IFBvcHBlciA9ICh7IGNoaWxkcmVuLCBhbmNob3JFbCwgaWQsIHNldEFuY2hvckVsLCBwbGFjZW1lbnQsIHBvcHBlclJlZiwgLi4ucmVzdCB9OiBQb3BwZXJDb21wb25lbnRQcm9wcykgPT4ge1xuICBjb25zdCBvcGVuID0gQm9vbGVhbihhbmNob3JFbClcblxuICByZXR1cm4gKFxuICAgIDxQb3BwZXJCYXNlXG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIG9uQ2xpY2tBd2F5PXsoKSA9PiBzZXRBbmNob3JFbChudWxsKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsxNl19O1xuICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1BvcHBlckJhc2U+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUG9wcGVyXG4iXX0= */")
-  }), children);
+    css: /*#__PURE__*/(0, _react2.css)("background:", _theme.theme.colors.surface.primary, ";box-shadow:", _theme.theme.elevation[16], ";padding:", _theme.theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Popper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BvcHBlci9Qb3BwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wcGVyIGFzIE1hdGVyaWFsUG9wcGVyLCBQb3BwZXJQcm9wcywgUG9wcGVyUGxhY2VtZW50VHlwZSwgQ2xpY2tBd2F5TGlzdGVuZXIgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBQb3BwZXJCYXNlUHJvcHMgPSB7XG4gIG9wZW4/OiBib29sZWFuXG4gIC8vIFRPRE86IENvbnNpZGVyIGNoYW5naW5nIHRoZSB0eXBlIHRvIFJlYWN0LlJlYWN0Tm9kZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgc3RyaW5nXG4gIGFuY2hvckVsPzogYW55XG4gIGlkPzogc3RyaW5nXG4gIHBsYWNlbWVudD86IFBvcHBlclBsYWNlbWVudFR5cGVcbiAgZGlzYWJsZVBvcnRhbD86IFBvcHBlclByb3BzWydkaXNhYmxlUG9ydGFsJ11cbiAgLyoqXG4gICAqIEJ5IGRlZmF1bHQgdGhlIG1heC13aWR0aCB3aWxsIGJlIHNldCB0byAxMDAlLiBUaGlzIHdpbGwgYWxsb3cgZm9yIGNoaWxkIGVsZW1lbnRzIHRvIGhhdmUgYSB3aWR0aCBvZiAxMDB2dyBhbmQgYWxzb1xuICAgKiBhIG1heC13aWR0aCBvZiAxMDAlIHNvIGl0IHdpbGwgbm90IGJlIG92ZXJmbG93aW5nIHRoZSBwb3RlbnRpYWwgdmVydGljYWwgc2Nyb2xsYmFycy5cbiAgICpcbiAgICogWW91IGNhbiBkaXNhYmxlIHRoaXMgYnkgc2V0dGluZyBgbm9NYXhXaWR0aFJlc3RyaWN0aW9uYCB0byBgZmFsc2VgXG4gICAqL1xuICBub01heFdpZHRoUmVzdHJpY3Rpb24/OiBib29sZWFuXG4gIHJvbGU/OiBzdHJpbmdcbiAgb25DbGlja0F3YXk/OiAoZTogYW55KSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzdHlsZT86IFBvcHBlclByb3BzWydzdHlsZSddXG4gIHBvcHBlclJlZj86IFBvcHBlclByb3BzWydwb3BwZXJSZWYnXVxuICBtb2RpZmllcnM/OiBQb3BwZXJQcm9wc1snbW9kaWZpZXJzJ11cbn1cblxuZXhwb3J0IGNvbnN0IFBvcHBlckJhc2UgPSAoe1xuICBvcGVuID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBhbmNob3JFbCxcbiAgaWQsXG4gIHBsYWNlbWVudCxcbiAgb25DbGlja0F3YXksXG4gIGNsYXNzTmFtZSxcbiAgbm9NYXhXaWR0aFJlc3RyaWN0aW9uID0gZmFsc2UsXG4gIC4uLnJlc3Rcbn06IFBvcHBlckJhc2VQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxNYXRlcmlhbFBvcHBlclxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBpZD17aWR9XG4gICAgICBvcGVuPXtvcGVufVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICBjc3M9e1xuICAgICAgICAhbm9NYXhXaWR0aFJlc3RyaWN0aW9uICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICAgIGBcbiAgICAgIH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrQXdheT17KGUpID0+IHtcbiAgICAgICAgICBvbkNsaWNrQXdheSAmJiBvbkNsaWNrQXdheShlKVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgPC9NYXRlcmlhbFBvcHBlcj5cbiAgKVxufVxuXG50eXBlIFBvcHBlckNvbXBvbmVudFByb3BzID0ge1xuICBzZXRBbmNob3JFbDogUmVhY3QuRGlzcGF0Y2g8UmVhY3QuU2V0U3RhdGVBY3Rpb248SFRNTEVsZW1lbnQgfCBudWxsPj5cbn0gJiBPbWl0PFBvcHBlckJhc2VQcm9wcywgJ29uQ2xpY2tBd2F5Jz5cblxuY29uc3QgUG9wcGVyID0gKHsgY2hpbGRyZW4sIGFuY2hvckVsLCBpZCwgc2V0QW5jaG9yRWwsIHBsYWNlbWVudCwgcG9wcGVyUmVmLCAuLi5yZXN0IH06IFBvcHBlckNvbXBvbmVudFByb3BzKSA9PiB7XG4gIGNvbnN0IG9wZW4gPSBCb29sZWFuKGFuY2hvckVsKVxuXG4gIHJldHVybiAoXG4gICAgPFBvcHBlckJhc2VcbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgaWQ9e2lkfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgIHsuLi5yZXN0fVxuICAgICAgb25DbGlja0F3YXk9eygpID0+IHNldEFuY2hvckVsKG51bGwpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWzE2XX07XG4gICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvUG9wcGVyQmFzZT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQb3BwZXJcbiJdfQ== */"),
+    children: children
+  });
 };
-var _default = Popper;
-exports.default = _default;
+var _default = exports.default = Popper;

package/cjs/popper/index.d.ts

@@ -0,0 +1 @@
+export { default as Popper } from './Popper';

package/cjs/popper/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Popper", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Popper.default;
   }
 });
 var _Popper = _interopRequireDefault(require("./Popper"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type ProgressBarProps = {
+    light?: boolean;
+    indeterminate?: boolean;
+    progress?: number;
+};
+declare const ProgressBar: ({ light, indeterminate, progress }: ProgressBarProps) => React.JSX.Element;
+export default ProgressBar;