@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

package/dist/cjs/components/OverflowTooltip/OverflowTooltip.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const reactResizeDetector = require("react-resize-detector");
+const OverflowTooltip_styles = require("./OverflowTooltip.styles.cjs");
+const overflowTooltipClasses = require("./overflowTooltipClasses.cjs");
+const Tooltip = require("../Tooltip/Tooltip.cjs");
+const Typography = require("../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const isParagraph = (children) => /\s/.test(children);
+const HvOverflowTooltip = ({
+  id,
+  classes,
+  className,
+  data,
+  open,
+  paragraphOverflow,
+  placement = "top-start",
+  tooltipsProps
+}) => {
+  var _a;
+  const {
+    width = 0,
+    ref
+  } = reactResizeDetector.useResizeDetector({
+    refreshMode: "debounce",
+    refreshOptions: {
+      trailing: true
+    },
+    handleHeight: false
+  });
+  const scrollWidth = ((_a = ref.current) == null ? void 0 : _a.scrollWidth) || 0;
+  const isOverflowing = scrollWidth - width >= 1;
+  const isParag = React.useMemo(() => paragraphOverflow && isParagraph(data == null ? void 0 : data.toString()), [data, paragraphOverflow]);
+  const content = React.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip_styles.StyledDataContainer, { ref, className: clsx__default.default(className, !isParag && clsx__default.default(overflowTooltipClasses.default.tooltipAnchor, classes == null ? void 0 : classes.tooltipAnchor), isParag && clsx__default.default(overflowTooltipClasses.default.tooltipAnchorParagraph, classes == null ? void 0 : classes.tooltipAnchorParagraph)), $isParag: isParag, children: data }), [className, classes == null ? void 0 : classes.tooltipAnchor, classes == null ? void 0 : classes.tooltipAnchorParagraph, data, isParag, ref]);
+  return open || isOverflowing ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { id, disableHoverListener: !isOverflowing, open, placement, title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: clsx__default.default(overflowTooltipClasses.default.tooltipData, classes == null ? void 0 : classes.tooltipData), variant: "body", children: data }), ...tooltipsProps, children: content }) : content;
+};
+exports.HvOverflowTooltip = HvOverflowTooltip;
+//# sourceMappingURL=OverflowTooltip.cjs.map

package/dist/cjs/components/OverflowTooltip/OverflowTooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowTooltip.cjs","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { HvBaseProps } from \"../../types/index\";\nimport { HvTooltip, HvTooltipProps, HvTypography } from \"components\";\nimport { StyledDataContainer } from \"./OverflowTooltip.styles\";\nimport overflowTooltipClasses, {\n  HvOverflowTooltipClasses,\n} from \"./overflowTooltipClasses\";\n\nexport type HvOverflowTooltipProps = HvBaseProps & {\n  /** The node that will be rendered inside the tooltip. */\n  data: React.ReactNode;\n  /** If true, the tooltip is shown. */\n  open?: boolean;\n  /** If `true` the overflow tooltip will always use the paragraph overflow style. */\n  paragraphOverflow?: boolean;\n  /** Tooltip placement. */\n  placement?:\n    | \"bottom-end\"\n    | \"bottom-start\"\n    | \"bottom\"\n    | \"left-end\"\n    | \"left-start\"\n    | \"left\"\n    | \"right-end\"\n    | \"right-start\"\n    | \"right\"\n    | \"top-end\"\n    | \"top-start\"\n    | \"top\";\n  /** Extra properties to add to the tooltip. */\n  tooltipsProps?: HvTooltipProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvOverflowTooltipClasses;\n};\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nexport const HvOverflowTooltip = ({\n  id,\n  classes,\n  className,\n  data,\n  open,\n  paragraphOverflow,\n  placement = \"top-start\",\n  tooltipsProps,\n}: HvOverflowTooltipProps) => {\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n  const scrollWidth = ref.current?.scrollWidth || 0;\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = scrollWidth - width >= 1;\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data?.toString()),\n    [data, paragraphOverflow]\n  );\n\n  const content = useMemo(\n    () => (\n      <StyledDataContainer\n        ref={ref}\n        className={clsx(\n          className,\n          !isParag &&\n            clsx(overflowTooltipClasses.tooltipAnchor, classes?.tooltipAnchor),\n          isParag &&\n            clsx(\n              overflowTooltipClasses.tooltipAnchorParagraph,\n              classes?.tooltipAnchorParagraph\n            )\n        )}\n        $isParag={isParag}\n      >\n        {data}\n      </StyledDataContainer>\n    ),\n    [\n      className,\n      classes?.tooltipAnchor,\n      classes?.tooltipAnchorParagraph,\n      data,\n      isParag,\n      ref,\n    ]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography\n          className={clsx(\n            overflowTooltipClasses.tooltipData,\n            classes?.tooltipData\n          )}\n          variant=\"body\"\n        >\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n"],"names":["isParagraph","children","test","HvOverflowTooltip","id","classes","className","data","open","paragraphOverflow","placement","tooltipsProps","width","ref","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","jsx","StyledDataContainer","clsx","overflowTooltipClasses","tooltipAnchor","tooltipAnchorParagraph","HvTooltip","HvTypography","tooltipData"],"mappings":";;;;;;;;;;;;AAqCA,MAAMA,cAAeC,CAAAA,aAAa,KAAKC,KAAKD,QAAQ;AAK7C,MAAME,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AACsB,MAAM;;AACtB,QAAA;AAAA,IAAEC,QAAQ;AAAA,IAAGC;AAAAA,MAAQC,sCAAkB;AAAA,IAC3CC,aAAa;AAAA,IACbC,gBAAgB;AAAA,MACdC,UAAU;AAAA,IACZ;AAAA,IACAC,cAAc;AAAA,EAAA,CACf;AACKC,QAAAA,gBAAcN,SAAIO,YAAJP,mBAAaM,gBAAe;AAE1CE,QAAAA,gBAAgBF,cAAcP,SAAS;AAE7C,QAAMU,UAAUC,MAAAA,QACd,MAAMd,qBAAqBT,YAAYO,6BAAMiB,UAAU,GACvD,CAACjB,MAAME,iBAAiB,CAAC;AAG3B,QAAMgB,UAAUF,MAAAA,QACd,MACGG,2BAAAA,IAAAC,uBAAAA,qBAAA,EACC,KACA,WAAWC,cAAAA,QACTtB,WACA,CAACgB,WACCM,cAAKC,QAAAA,+BAAuBC,eAAezB,mCAASyB,aAAa,GACnER,WACEM,cAAAA,QACEC,uBAAuBE,QAAAA,wBACvB1B,mCAAS0B,sBAAsB,CAChC,GAEL,UAAUT,SAETf,UACH,MAAA,GAEF,CACED,WACAD,mCAASyB,eACTzB,mCAAS0B,wBACTxB,MACAe,SACAT,GAAG,CACJ;AAGIL,SAAAA,QAAQa,gBACbK,2BAAAA,IAACM,QAAAA,WACC,EAAA,IACA,sBAAsB,CAACX,eACvB,MACA,WACA,OACGK,2BAAAA,IAAAO,WAAAA,cAAA,EACC,WAAWL,cAAAA,QACTC,uBAAuBK,QAAAA,aACvB7B,mCAAS6B,WAAW,GAEtB,SAAQ,QAEP3B,UAAAA,KACH,CAAA,GAEF,GAAII,eAEHc,UAAAA,QAAAA,CACH,IAEAA;AAEJ;;"}

package/dist/cjs/components/OverflowTooltip/OverflowTooltip.styles.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const transientOptions = require("../../utils/transientOptions.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+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);
+}
+const StyledDataContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e199gfye0"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e199gfye0",
+  label: "StyledDataContainer"
+}, transientOptions.transientOptions))(({
+  $isParag
+}) => ({
+  ...$isParag && {
+    overflow: "hidden",
+    display: "-webkit-box"
+  },
+  ...!$isParag && {
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvT3ZlcmZsb3dUb29sdGlwL092ZXJmbG93VG9vbHRpcC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL092ZXJmbG93VG9vbHRpcC9PdmVyZmxvd1Rvb2x0aXAuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREYXRhQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1BhcmFnIH06IHsgJGlzUGFyYWc/OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkaXNQYXJhZyAmJiB7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgZGlzcGxheTogXCItd2Via2l0LWJveFwiLFxuICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IFwiMlwiLFxuICAgIC8vIFwiLXdlYmtpdC1ib3gtb3JpZW50XCI6IFwidmVydGljYWxcIixcbiAgfSksXG4gIC4uLighJGlzUGFyYWcgJiYge1xuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+exports.StyledDataContainer = StyledDataContainer;
+//# sourceMappingURL=OverflowTooltip.styles.cjs.map

package/dist/cjs/components/OverflowTooltip/OverflowTooltip.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowTooltip.styles.cjs","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledDataContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $isParag }: { $isParag?: boolean }) => ({\n  ...($isParag && {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    // \"-webkit-line-clamp\": \"2\",\n    // \"-webkit-box-orient\": \"vertical\",\n  }),\n  ...(!$isParag && {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  }),\n}));\n"],"names":["StyledDataContainer","process","env","NODE_ENV","_extends","target","transientOptions","label","$isParag","overflow","display","whiteSpace","textOverflow"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGaA,MAAAA,+DACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAiC,OAAO;AAAA,EAC3C,GAAIA,YAAY;AAAA,IACdC,UAAU;AAAA,IACVC,SAAS;AAAA,EAGX;AAAA,EACA,GAAI,CAACF,YAAY;AAAA,IACfG,YAAY;AAAA,IACZF,UAAU;AAAA,IACVG,cAAc;AAAA,EAChB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,qrCAAA;;"}

package/dist/cjs/components/OverflowTooltip/overflowTooltipClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "tooltipAnchor", "tooltipAnchorParagraph", "tooltipData"];
+const overflowTooltipClasses = classes.getClasses(classKeys, "HvOverflowTooltip");
+const overflowTooltipClasses$1 = overflowTooltipClasses;
+exports.default = overflowTooltipClasses$1;
+//# sourceMappingURL=overflowTooltipClasses.cjs.map

package/dist/cjs/components/OverflowTooltip/overflowTooltipClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflowTooltipClasses.cjs","sources":["../../../../src/components/OverflowTooltip/overflowTooltipClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvOverflowTooltipClasses = {\n  root?: string;\n  tooltipAnchor?: string;\n  tooltipAnchorParagraph?: string;\n  tooltipData?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"tooltipAnchor\",\n  \"tooltipAnchorParagraph\",\n  \"tooltipData\",\n];\n\nconst overflowTooltipClasses = getClasses<HvOverflowTooltipClasses>(\n  classKeys,\n  \"HvOverflowTooltip\"\n);\n\nexport default overflowTooltipClasses;\n"],"names":["classKeys","overflowTooltipClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAC1B,QACA,iBACA,0BACA,aAAa;AAGf,MAAMC,yBAAyBC,QAC7BF,WAAAA,WACA,mBAAmB;AAGrB,MAAA,2BAAeC;;"}

package/dist/cjs/components/Pagination/ButtonIconTooltip.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Tooltip = require("../Tooltip/Tooltip.cjs");
+const Typography = require("../Typography/Typography.cjs");
+const Button = require("../Button/Button.cjs");
+const ButtonIconTooltip = ({
+  tooltip,
+  children,
+  ...buttonProps
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { children: tooltip }), children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { icon: true, variant: "secondaryGhost", ...buttonProps, children }) }) });
+};
+const ButtonIconTooltip$1 = ButtonIconTooltip;
+exports.default = ButtonIconTooltip$1;
+//# sourceMappingURL=ButtonIconTooltip.cjs.map

package/dist/cjs/components/Pagination/ButtonIconTooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTooltip.cjs","sources":["../../../../src/components/Pagination/ButtonIconTooltip.tsx"],"sourcesContent":["import { HvButton, HvTooltip, HvTypography } from \"components\";\n\nconst ButtonIconTooltip = ({ tooltip, children, ...buttonProps }) => {\n  return (\n    <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n      <div>\n        <HvButton icon variant=\"secondaryGhost\" {...buttonProps}>\n          {children}\n        </HvButton>\n      </div>\n    </HvTooltip>\n  );\n};\nexport default ButtonIconTooltip;\n"],"names":["ButtonIconTooltip","tooltip","children","buttonProps","HvTooltip","HvTypography","jsx","HvButton"],"mappings":";;;;;;AAEA,MAAMA,oBAAoBA,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,KAAaC;AAAY,MAAM;AACnE,wCACGC,QAAAA,WAAU,EAAA,sCAAQC,WAAAA,cAAcJ,EAAAA,UAAAA,QAAQ,CAAA,GACvC,UAACK,2BAAA,IAAA,OAAA,EACC,yCAACC,OAAS,UAAA,EAAA,MAAI,MAAC,SAAQ,kBAAqBJ,GAAAA,aACzCD,SAAAA,CACH,EACF,CAAA,EACF,CAAA;AAEJ;AACA,MAAA,sBAAeF;;"}

package/dist/cjs/components/Pagination/Pagination.cjs

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const material = require("@mui/material");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const Select = require("./Select.cjs");
+const Pagination_styles = require("./Pagination.styles.cjs");
+const utils = require("./utils.cjs");
+const paginationClasses = require("./paginationClasses.cjs");
+const useLabels = require("../../hooks/useLabels.cjs");
+const Typography = require("../Typography/Typography.cjs");
+const setId = require("../../utils/setId.cjs");
+const Input = require("../Input/Input.cjs");
+const keyCheck = require("../../utils/keyboardUtils/keyCheck.cjs");
+const keyboardCodes = require("../../utils/keyboardUtils/keyboardCodes.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const DEFAULT_LABELS = {
+  pageSizePrev: "Show",
+  pageSizeEntryName: "rows",
+  pageSizeSelectorDescription: "Select how many to display",
+  pagesSeparator: "/",
+  paginationFirstPageTitle: "First page",
+  paginationPreviousPageTitle: "Previous page",
+  paginationNextPageTitle: "Next page",
+  paginationLastPageTitle: "Last page",
+  paginationInputLabel: "Current page",
+  firstPage: "First Page",
+  previousPage: "Previous Page",
+  nextPage: "Next Page",
+  lastPage: "Last Page"
+};
+const {
+  Enter
+} = keyboardCodes.keyboardCodes;
+const HvPagination = ({
+  classes,
+  className,
+  id,
+  pages = 1,
+  page = 0,
+  showPageSizeOptions = true,
+  pageSizeOptions = [5, 10, 20, 25, 50, 100],
+  pageSize = 1,
+  showPageJump = true,
+  canPrevious = false,
+  canNext = false,
+  onPageChange,
+  onPageSizeChange,
+  labels: labelsProp,
+  showPageProps,
+  navigationProps,
+  currentPageInputProps,
+  ...others
+}) => {
+  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
+  const [pageInput, handleInputChange] = utils.usePageInput(page);
+  const changePage = React.useCallback((newPage) => {
+    const safePage = utils.getSafePage(newPage, page, pages);
+    onPageChange == null ? void 0 : onPageChange(safePage);
+    handleInputChange(null, safePage + 1);
+  }, [page, pages, onPageChange, handleInputChange]);
+  React.useEffect(() => {
+    if (page >= pages && pages > 0) {
+      changePage(page);
+    }
+  }, [changePage, page, pages]);
+  React.useEffect(() => {
+    if (pageInput !== page + 1) {
+      handleInputChange(null, page + 1);
+    }
+  }, [handleInputChange, page]);
+  const renderPageJump = () => /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageJump, { className: clsx__default.default(paginationClasses.default.pageJump, classes == null ? void 0 : classes.pageJump), children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, { id: setId.setId(id, "currentPage"), labels, inputProps: {
+    "aria-label": labels == null ? void 0 : labels.paginationInputLabel,
+    type: "number"
+  }, classes: {
+    root: clsx__default.default(paginationClasses.default.pageSizeInputContainer, classes == null ? void 0 : classes.pageSizeInputContainer),
+    input: clsx__default.default(paginationClasses.default.pageSizeInput, classes == null ? void 0 : classes.pageSizeInput),
+    inputRoot: clsx__default.default(paginationClasses.default.pageSizeInputRoot, classes == null ? void 0 : classes.pageSizeInputRoot)
+  }, onChange: handleInputChange, value: String(pageInput), onBlur: (evt, value) => changePage(value - 1), onKeyDown: (evt, value) => keyCheck.isKeypress(evt, Enter) && changePage(value - 1), disabled: pageSize === 0, disableClear: true, ...currentPageInputProps }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledRoot, { id, className: clsx__default.default(className, paginationClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizeOptions, { className: clsx__default.default(paginationClasses.default.pageSizeOptions, classes == null ? void 0 : classes.pageSizeOptions), ...showPageProps, children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Hidden, { xsDown: true, children: /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizePrev, { className: clsx__default.default(paginationClasses.default.pageSizeTextContainer, classes == null ? void 0 : classes.pageSizeTextContainer), children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: labels == null ? void 0 : labels.pageSizePrev }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledSelect, { id: setId.setId(id, "pageSize"), disabled: pageSize === 0, className: clsx__default.default(paginationClasses.default.pageSizeOptionsSelect, classes == null ? void 0 : classes.pageSizeOptionsSelect), classes: {}, "aria-label": labels == null ? void 0 : labels.pageSizeSelectorDescription, onChange: (evt, val) => onPageSizeChange == null ? void 0 : onPageSizeChange(val), value: pageSize, children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(Select.Option, { value: option, children: option }, option)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Hidden, { xsDown: true, children: /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizeTextContainer, { className: clsx__default.default(paginationClasses.default.pageSizeTextContainer, classes == null ? void 0 : classes.pageSizeTextContainer), children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: labels == null ? void 0 : labels.pageSizeEntryName }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledPageNavigator, { className: clsx__default.default(paginationClasses.default.pageNavigator, classes == null ? void 0 : classes.pageNavigator), ...navigationProps, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, { id: setId.setId(id, "firstPage-button"), "aria-label": labels == null ? void 0 : labels.firstPage, className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), disabled: !canPrevious, onClick: () => changePage(0), tooltip: labels == null ? void 0 : labels.paginationFirstPageTitle, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Start, { className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon), color: utils.setColor(!canPrevious) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, { id: setId.setId(id, "previousPage-button"), "aria-label": labels == null ? void 0 : labels.previousPage, className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), disabled: !canPrevious, onClick: () => changePage(page - 1), tooltip: labels == null ? void 0 : labels.paginationPreviousPageTitle, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, { className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon), color: utils.setColor(!canPrevious) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledPageInfo, { className: clsx__default.default(paginationClasses.default.pageInfo, classes == null ? void 0 : classes.pageInfo), children: [
+        showPageJump ? renderPageJump() : /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: `${page + 1}` }),
+        /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: `${labels == null ? void 0 : labels.pagesSeparator} ` }),
+        /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { id: setId.setId(id, "totalPages"), component: "span", children: pages })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, { id: setId.setId(id, "nextPage-button"), "aria-label": labels == null ? void 0 : labels.nextPage, className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), disabled: !canNext, onClick: () => changePage(page + 1), tooltip: labels == null ? void 0 : labels.paginationNextPageTitle, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, { className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon), color: utils.setColor(!canNext) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, { id: setId.setId(id, "lastPage-button"), "aria-label": labels == null ? void 0 : labels.lastPage, className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), disabled: !canNext, onClick: () => changePage(pages - 1), tooltip: labels == null ? void 0 : labels.paginationLastPageTitle, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.End, { className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon), color: utils.setColor(!canNext) }) })
+    ] })
+  ] });
+};
+exports.HvPagination = HvPagination;
+//# sourceMappingURL=Pagination.cjs.map

package/dist/cjs/components/Pagination/Pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.cjs","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, HvInputProps, HvTypography } from \"components\";\nimport {\n  Start,\n  End,\n  Backwards,\n  Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { Option } from \"./Select\";\nimport {\n  StyledRoot,\n  StyledPageSizeOptions,\n  StyledPageSizePrev,\n  StyledSelect,\n  StyledPageSizeTextContainer,\n  StyledPageNavigator,\n  StyledButtonIconTooltip,\n  StyledPageJump,\n  StyledPageInfo,\n} from \"./Pagination.styles\";\nimport { paginationClasses, HvPaginationClasses } from \".\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport { useLabels } from \"hooks\";\n\nexport type HvPaginationLabels = {\n  /** The show label. */\n  pageSizePrev?: string;\n  /** Indicate the units of the page size selection. */\n  pageSizeEntryName?: string;\n  /** Used for the aria-label of the selection of number of unit.s */\n  pageSizeSelectorDescription?: string;\n  /** Separator of current page and total pages. */\n  pagesSeparator?: string;\n  /** Title of button `firstPage`. */\n  paginationFirstPageTitle?: string;\n  /** Title of button `previousPage`. */\n  paginationPreviousPageTitle?: string;\n  /** Title of button `nextPage`. */\n  paginationNextPageTitle?: string;\n  /** Title of button `lastPage`. */\n  paginationLastPageTitle?: string;\n  /** Aria-label passed to the page input. */\n  paginationInputLabel?: string;\n  /** Aria-label of the first page button */\n  firstPage?: string;\n  /** Aria-label of the previous page button */\n  previousPage?: string;\n  /** Aria-label of the next page button */\n  nextPage?: string;\n  /** Aria-label of the last page button */\n  lastPage?: string;\n};\n\nexport type HvPaginationProps = HvBaseProps & {\n  /** The number of pages the component has. */\n  pages?: number;\n  /** The currently selected page (0-indexed). */\n  page?: number;\n  /** Controls whether the left page size mechanism should be visible. */\n  showPageSizeOptions?: boolean;\n  /** The array of possible page sizes for the dropdown. */\n  pageSizeOptions?: number[];\n  /** The currently selected page size. */\n  pageSize?: number;\n  /** Controls whether the central page changing mechanism should be visible. */\n  showPageJump?: boolean;\n  /** Controls whether the previous/first page buttons are enabled. */\n  canPrevious?: boolean;\n  /** Controls whether the next/last page buttons are enabled. */\n  canNext?: boolean;\n  /** Function called when the page changes. */\n  onPageChange?: (page: number) => void;\n  /** Function called when the page size changes. */\n  onPageSizeChange?: (pageSize: number) => void;\n  /** An object containing all the labels for the component. */\n  labels?: HvPaginationLabels;\n  /** Other props to show page component. */\n  showPageProps?: HTMLAttributes<HTMLDivElement>;\n  /** Other props to pagination component. */\n  navigationProps?: HTMLAttributes<HTMLDivElement>;\n  /** Extra properties passed to the input component representing the current pages. */\n  currentPageInputProps?: HvInputProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvPaginationClasses;\n};\n\nconst DEFAULT_LABELS = {\n  pageSizePrev: \"Show\",\n  pageSizeEntryName: \"rows\",\n  pageSizeSelectorDescription: \"Select how many to display\",\n  pagesSeparator: \"/\",\n  paginationFirstPageTitle: \"First page\",\n  paginationPreviousPageTitle: \"Previous page\",\n  paginationNextPageTitle: \"Next page\",\n  paginationLastPageTitle: \"Last page\",\n  paginationInputLabel: \"Current page\",\n  firstPage: \"First Page\",\n  previousPage: \"Previous Page\",\n  nextPage: \"Next Page\",\n  lastPage: \"Last Page\",\n};\n\nconst { Enter } = keyboardCodes;\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nexport const HvPagination = ({\n  classes,\n  className,\n  id,\n  pages = 1,\n  page = 0,\n  showPageSizeOptions = true,\n  pageSizeOptions = [5, 10, 20, 25, 50, 100],\n  pageSize = 1,\n  showPageJump = true,\n  canPrevious = false,\n  canNext = false,\n  onPageChange,\n  onPageSizeChange,\n  labels: labelsProp,\n  showPageProps,\n  navigationProps,\n  currentPageInputProps,\n  ...others\n}: HvPaginationProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n\n  const changePage = useCallback(\n    (newPage) => {\n      const safePage: number = getSafePage(newPage, page, pages);\n\n      onPageChange?.(safePage);\n      handleInputChange(null, safePage + 1);\n    },\n    [page, pages, onPageChange, handleInputChange]\n  );\n\n  useEffect(() => {\n    if (page >= pages && pages > 0) {\n      changePage(page);\n    }\n  }, [changePage, page, pages]);\n\n  useEffect(() => {\n    if (pageInput !== page + 1) {\n      handleInputChange(null, page + 1);\n    }\n\n    // we only want to \"fix\" the input's display value when `page` property changed\n    // (either externally or when internally committed - onBlur or Enter),\n    // not while editing the input.\n    // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n    // a bug preventing properly controlling of the `page` property.\n    // fixing it some other way would potentially introduce a breaking change.\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <StyledPageJump\n      className={clsx(paginationClasses.pageJump, classes?.pageJump)}\n    >\n      <HvInput\n        id={setId(id, \"currentPage\")}\n        labels={labels}\n        inputProps={{\n          \"aria-label\": labels?.paginationInputLabel,\n          // we really want the native number input\n          type: \"number\",\n        }}\n        classes={{\n          root: clsx(\n            paginationClasses.pageSizeInputContainer,\n            classes?.pageSizeInputContainer\n          ),\n          input: clsx(paginationClasses.pageSizeInput, classes?.pageSizeInput),\n          inputRoot: clsx(\n            paginationClasses.pageSizeInputRoot,\n            classes?.pageSizeInputRoot\n          ),\n        }}\n        onChange={handleInputChange}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(value - 1)}\n        onKeyDown={(evt, value) =>\n          isKeypress(evt, Enter) && changePage(value - 1)\n        }\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </StyledPageJump>\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, paginationClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledPageSizeOptions\n        className={clsx(\n          paginationClasses.pageSizeOptions,\n          classes?.pageSizeOptions\n        )}\n        {...showPageProps}\n      >\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <StyledPageSizePrev\n                className={clsx(\n                  paginationClasses.pageSizeTextContainer,\n                  classes?.pageSizeTextContainer\n                )}\n              >\n                <HvTypography component=\"span\">\n                  {labels?.pageSizePrev}\n                </HvTypography>\n              </StyledPageSizePrev>\n            </Hidden>\n            <StyledSelect\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={clsx(\n                paginationClasses.pageSizeOptionsSelect,\n                classes?.pageSizeOptionsSelect\n              )}\n              classes={{}}\n              aria-label={labels?.pageSizeSelectorDescription}\n              onChange={(evt, val: number) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </StyledSelect>\n            <Hidden xsDown>\n              <StyledPageSizeTextContainer\n                className={clsx(\n                  paginationClasses.pageSizeTextContainer,\n                  classes?.pageSizeTextContainer\n                )}\n              >\n                <HvTypography component=\"span\">\n                  {labels?.pageSizeEntryName}\n                </HvTypography>\n              </StyledPageSizeTextContainer>\n            </Hidden>\n          </>\n        )}\n      </StyledPageSizeOptions>\n      <StyledPageNavigator\n        className={clsx(\n          paginationClasses.pageNavigator,\n          classes?.pageNavigator\n        )}\n        {...navigationProps}\n      >\n        <StyledButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels?.firstPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels?.paginationFirstPageTitle}\n        >\n          <Start\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canPrevious)}\n          />\n        </StyledButtonIconTooltip>\n        <StyledButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels?.previousPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels?.paginationPreviousPageTitle}\n        >\n          <Backwards\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canPrevious)}\n          />\n        </StyledButtonIconTooltip>\n        <StyledPageInfo\n          className={clsx(paginationClasses.pageInfo, classes?.pageInfo)}\n        >\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n          <HvTypography id={setId(id, \"totalPages\")} component=\"span\">\n            {pages}\n          </HvTypography>\n        </StyledPageInfo>\n        <StyledButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels?.nextPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels?.paginationNextPageTitle}\n        >\n          <Forwards\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canNext)}\n          />\n        </StyledButtonIconTooltip>\n        <StyledButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels?.lastPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels?.paginationLastPageTitle}\n        >\n          <End\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canNext)}\n          />\n        </StyledButtonIconTooltip>\n      </StyledPageNavigator>\n    </StyledRoot>\n  );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","keyboardCodes","HvPagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useLabels","pageInput","handleInputChange","usePageInput","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","jsx","StyledPageJump","clsx","paginationClasses","pageJump","HvInput","setId","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","String","evt","value","isKeypress","jsxs","StyledRoot","StyledPageSizeOptions","Fragment","Hidden","StyledPageSizePrev","pageSizeTextContainer","HvTypography","StyledSelect","pageSizeOptionsSelect","val","map","option","Option","StyledPageSizeTextContainer","StyledPageNavigator","pageNavigator","StyledButtonIconTooltip","iconContainer","Start","icon","setColor","Backwards","StyledPageInfo","pageInfo","Forwards","End"],"mappings":";;;;;;;;;;;;;;;;;;;AA0FA,MAAMA,iBAAiB;AAAA,EACrBC,cAAc;AAAA,EACdC,mBAAmB;AAAA,EACnBC,6BAA6B;AAAA,EAC7BC,gBAAgB;AAAA,EAChBC,0BAA0B;AAAA,EAC1BC,6BAA6B;AAAA,EAC7BC,yBAAyB;AAAA,EACzBC,yBAAyB;AAAA,EACzBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC,cAAc;AAAA,EACdC,UAAU;AAAA,EACVC,UAAU;AACZ;AAEA,MAAM;AAAA,EAAEC;AAAM,IAAIC;AAMX,MAAMC,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC,sBAAsB;AAAA,EACtBC,kBAAkB,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,GAAG;AAAA,EACzCC,WAAW;AAAA,EACXC,eAAe;AAAA,EACfC,cAAc;AAAA,EACdC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACc,MAAM;AACjBL,QAAAA,SAASM,UAAAA,UAAUpC,gBAAgB+B,UAAU;AACnD,QAAM,CAACM,WAAWC,iBAAiB,IAAIC,mBAAalB,IAAI;AAElDmB,QAAAA,aAAaC,kBAChBC,CAAY,YAAA;AACX,UAAMC,WAAmBC,MAAAA,YAAYF,SAASrB,MAAMD,KAAK;AAEzDQ,iDAAee;AACG,sBAAA,MAAMA,WAAW,CAAC;AAAA,KAEtC,CAACtB,MAAMD,OAAOQ,cAAcU,iBAAiB,CAAC;AAGhDO,QAAAA,UAAU,MAAM;AACVxB,QAAAA,QAAQD,SAASA,QAAQ,GAAG;AAC9BoB,iBAAWnB,IAAI;AAAA,IACjB;AAAA,EACC,GAAA,CAACmB,YAAYnB,MAAMD,KAAK,CAAC;AAE5ByB,QAAAA,UAAU,MAAM;AACVR,QAAAA,cAAchB,OAAO,GAAG;AACR,wBAAA,MAAMA,OAAO,CAAC;AAAA,IAClC;AAAA,EAAA,GAQC,CAACiB,mBAAmBjB,IAAI,CAAC;AAE5B,QAAMyB,iBAAiBA,MACrBC,2BAAA,IAACC,oCACC,WAAWC,sBAAKC,kBAAAA,QAAkBC,UAAUlC,mCAASkC,QAAQ,GAE7D,UAAAJ,2BAAAA,IAACK,iBACC,IAAIC,YAAMlC,IAAI,aAAa,GAC3B,QACA,YAAY;AAAA,IACV,cAAcW,iCAAQrB;AAAAA,IAEtB6C,MAAM;AAAA,KAER,SAAS;AAAA,IACPC,MAAMN,cAAAA,QACJC,kBAAAA,QAAkBM,wBAClBvC,mCAASuC,sBAAsB;AAAA,IAEjCC,OAAOR,cAAAA,QAAKC,kBAAAA,QAAkBQ,eAAezC,mCAASyC,aAAa;AAAA,IACnEC,WAAWV,cAAAA,QACTC,kBAAAA,QAAkBU,mBAClB3C,mCAAS2C,iBAAiB;AAAA,EAAA,GAG9B,UAAUtB,mBACV,OAAOuB,OAAOxB,SAAS,GACvB,QAAQ,CAACyB,KAAKC,UAAUvB,WAAWuB,QAAQ,CAAC,GAC5C,WAAW,CAACD,KAAKC,UACfC,SAAWF,WAAAA,KAAKhD,KAAK,KAAK0B,WAAWuB,QAAQ,CAAC,GAEhD,UAAUvC,aAAa,GACvB,cAAY,MACZ,GAAIU,uBAAsB,EAE9B,CAAA;AAGF,SACG+B,2BAAA,KAAAC,kBAAA,YAAA,EACC,IACA,WAAWjB,cAAAA,QAAK/B,WAAWgC,kBAAAA,QAAkBK,MAAMtC,mCAASsC,IAAI,GAC5DpB,GAAAA,QAEJ,UAAA;AAAA,IAACY,2BAAA,IAAAoB,kBAAA,uBAAA,EACC,WAAWlB,cAAAA,QACTC,kBAAAA,QAAkB3B,iBAClBN,mCAASM,eAAe,GAE1B,GAAIS,eAEHV,UAAAA,uBAEG2C,2BAAAA,KAAAG,WAAAA,UAAA,EAAA,UAAA;AAAA,MAAArB,2BAAAA,IAACsB,mBAAO,QAAM,MACZ,yCAACC,kBAAAA,oBACC,EAAA,WAAWrB,sBACTC,kBAAAA,QAAkBqB,uBAClBtD,mCAASsD,qBAAqB,GAGhC,yCAACC,WAAAA,cAAa,EAAA,WAAU,QACrB1C,UAAQ7B,iCAAAA,cACX,GACF,EACF,CAAA;AAAA,qCACCwE,kBAAAA,cACC,EAAA,IAAIpB,YAAMlC,IAAI,UAAU,GACxB,UAAUK,aAAa,GACvB,WAAWyB,sBACTC,kBAAAA,QAAkBwB,uBAClBzD,mCAASyD,qBAAqB,GAEhC,SAAS,CACT,GAAA,cAAY5C,iCAAQ3B,6BACpB,UAAU,CAAC2D,KAAKa,QAAgB9C,qDAAmB8C,MACnD,OAAOnD,UAEND,0BAAgBqD,IAAKC,CAAAA,0CACnBC,eAAoB,EAAA,OAAOD,QACzBA,UADUA,OAAAA,GAAAA,MAEb,CACD,GACH;AAAA,MACA9B,2BAAAA,IAACsB,mBAAO,QAAM,MACZ,yCAACU,kBAAAA,6BACC,EAAA,WAAW9B,sBACTC,kBAAAA,QAAkBqB,uBAClBtD,mCAASsD,qBAAqB,GAGhC,yCAACC,WAAAA,cAAa,EAAA,WAAU,QACrB1C,UAAQ5B,iCAAAA,mBACX,GACF,EACF,CAAA;AAAA,IAAA,EAAA,CACF,EAEJ,CAAA;AAAA,IACA+D,2BAAAA,KAACe,kBACC,qBAAA,EAAA,WAAW/B,cACTC,QAAAA,kBAAAA,QAAkB+B,eAClBhE,mCAASgE,aAAa,GAExB,GAAIhD,iBAEJ,UAAA;AAAA,MAAAc,+BAACmC,kBAAAA,2BACC,IAAI7B,MAAAA,MAAMlC,IAAI,kBAAkB,GAChC,cAAYW,iCAAQpB,WACpB,WAAWuC,cAAAA,QACTC,0BAAkBiC,eAClBlE,mCAASkE,aAAa,GAExB,UAAU,CAACzD,aACX,SAAS,MAAMc,WAAW,CAAC,GAC3B,SAASV,iCAAQzB,0BAEjB,UAAA0C,2BAAA,IAACqC,yBACC,WAAWnC,cAAAA,QAAKC,kBAAAA,QAAkBmC,MAAMpE,mCAASoE,IAAI,GACrD,OAAOC,MAAAA,SAAS,CAAC5D,WAAW,EAAE,CAAA,GAElC;AAAA,qCACCwD,kBAAAA,yBACC,EAAA,IAAI7B,YAAMlC,IAAI,qBAAqB,GACnC,cAAYW,iCAAQnB,cACpB,WAAWsC,sBACTC,kBAAAA,QAAkBiC,eAClBlE,mCAASkE,aAAa,GAExB,UAAU,CAACzD,aACX,SAAS,MAAMc,WAAWnB,OAAO,CAAC,GAClC,SAASS,iCAAQxB,6BAEjB,UAAAyC,2BAAA,IAACwC,6BACC,WAAWtC,cAAAA,QAAKC,kBAAAA,QAAkBmC,MAAMpE,mCAASoE,IAAI,GACrD,OAAOC,MAAAA,SAAS,CAAC5D,WAAW,EAAE,CAAA,GAElC;AAAA,MACAuC,gCAACuB,kBAAAA,kBACC,WAAWvC,cAAAA,QAAKC,0BAAkBuC,UAAUxE,mCAASwE,QAAQ,GAE5DhE,UAAAA;AAAAA,QACCqB,eAAAA,mBAECC,+BAAAyB,WAAAA,cAAA,EAAa,WAAU,QAAS,UAAA,GAAEnD,OAAO,IAAI,CAAA;AAAA,uCAE/CmD,WAAa,cAAA,EAAA,WAAU,QAAS,UAAA,GAAE1C,iCAAQ1B,mBAAkB;AAAA,QAC7D2C,2BAAAA,IAACyB,2BAAa,IAAInB,MAAAA,MAAMlC,IAAI,YAAY,GAAG,WAAU,QAClDC,UACH,MAAA,CAAA;AAAA,MAAA,GACF;AAAA,qCACC8D,kBAAAA,yBACC,EAAA,IAAI7B,YAAMlC,IAAI,iBAAiB,GAC/B,cAAYW,iCAAQlB,UACpB,WAAWqC,sBACTC,kBAAAA,QAAkBiC,eAClBlE,mCAASkE,aAAa,GAExB,UAAU,CAACxD,SACX,SAAS,MAAMa,WAAWnB,OAAO,CAAC,GAClC,SAASS,iCAAQvB,yBAEjB,UAAAwC,2BAAA,IAAC2C,4BACC,WAAWzC,cAAAA,QAAKC,kBAAAA,QAAkBmC,MAAMpE,mCAASoE,IAAI,GACrD,OAAOC,MAAAA,SAAS,CAAC3D,OAAO,EAAE,CAAA,GAE9B;AAAA,qCACCuD,kBAAAA,yBACC,EAAA,IAAI7B,YAAMlC,IAAI,iBAAiB,GAC/B,cAAYW,iCAAQjB,UACpB,WAAWoC,sBACTC,kBAAAA,QAAkBiC,eAClBlE,mCAASkE,aAAa,GAExB,UAAU,CAACxD,SACX,SAAS,MAAMa,WAAWpB,QAAQ,CAAC,GACnC,SAASU,iCAAQtB,yBAEjB,UAAAuC,2BAAA,IAAC4C,uBACC,WAAW1C,cAAAA,QAAKC,kBAAAA,QAAkBmC,MAAMpE,mCAASoE,IAAI,GACrD,OAAOC,MAAAA,SAAS,CAAC3D,OAAO,EAAE,CAAA,GAE9B;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/Pagination/Pagination.styles.cjs

@@ -0,0 +1,173 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const Select = require("./Select.cjs");
+const ButtonIconTooltip = require("./ButtonIconTooltip.cjs");
+const paginationClasses = require("./paginationClasses.cjs");
+const inputClasses = require("../Input/inputClasses.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+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 hoverColor = uikitStyles.theme.colors.atmo3;
+const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tn2n0k8"
+} : {
+  target: "e1tn2n0k8",
+  label: "StyledRoot"
+})({
+  position: "relative",
+  zIndex: 1,
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "stretch",
+  flexWrap: "wrap",
+  marginTop: uikitStyles.theme.space.sm,
+  [`& .${paginationClasses.default.pageSizeInput}`]: {
+    ...uikitStyles.theme.typography.label
+  },
+  [`& .${paginationClasses.default.pageSizeInputContainer}`]: {
+    width: 40,
+    minWidth: 40,
+    maxWidth: uikitStyles.theme.spacing(8),
+    '& input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button': {
+      WebkitAppearance: "none",
+      margin: 0
+    }
+  },
+  [`&& .${paginationClasses.default.pageSizeInputRoot}`]: {
+    backgroundColor: "transparent",
+    "&:focus, &:focus-within, &:hover": {
+      backgroundColor: hoverColor
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBTZWxlY3QgZnJvbSBcIi4vU2VsZWN0XCI7XG5pbXBvcnQgQnV0dG9uSWNvblRvb2x0aXAgZnJvbSBcIi4vQnV0dG9uSWNvblRvb2x0aXBcIjtcbmltcG9ydCB7IGlucHV0Q2xhc3NlcyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBwYWdpbmF0aW9uQ2xhc3NlcyB9IGZyb20gXCIuXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gIH0sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Q29udGFpbmVyfWBdOiB7XG4gICAgd2lkdGg6IDQwLFxuICAgIG1pbldpZHRoOiA0MCxcbiAgICBtYXhXaWR0aDogdGhlbWUuc3BhY2luZyg4KSxcbiAgICAnJiBpbnB1dFt0eXBlPVwibnVtYmVyXCJdOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLCBpbnB1dFt0eXBlPVwibnVtYmVyXCJdOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uJzpcbiAgICAgIHtcbiAgICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICAgIG1hcmdpbjogMCxcbiAgICAgIH0sXG4gIH0sXG4gIFtgJiYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dFJvb3R9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICBcIiY6Zm9jdXMsICY6Zm9jdXMtd2l0aGluLCAmOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlU2l6ZU9wdGlvbnMgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgaGVpZ2h0OiAzMixcbiAgbWFyZ2luUmlnaHQ6IDQwLFxuICB0b3A6IFwiNTAlXCIsXG4gIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKC01MCUpXCIsXG4gIGxlZnQ6IFwiMFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlU2l6ZVByZXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIHBhZGRpbmc6IFwiOHB4IDBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VsZWN0ID0gc3R5bGVkKFNlbGVjdCkoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBtYXJnaW46IGAwcHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB3aWR0aDogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplVGV4dENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgcGFkZGluZzogXCI4cHggMFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlTmF2aWdhdG9yID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBcIiY+KlwiOiB7XG4gICAgbWFyZ2luOiBgMCA0cHhgLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b25JY29uVG9vbHRpcCA9IHN0eWxlZChCdXR0b25JY29uVG9vbHRpcCkoe1xuICBwYWRkaW5nOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlSW5mbyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlSnVtcCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIG1hcmdpblJpZ2h0OiBgNHB4YCxcbiAgW2AmIC4ke2lucHV0Q2xhc3Nlcy5pbnB1dFJvb3R9YF06IHtcbiAgICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dH1gXToge1xuICAgICAgcGFkZGluZ0xlZnQ6IGA0cHhgLFxuICAgICAgcGFkZGluZ1JpZ2h0OiBgNHB4YCxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgIC8vIHRleHRBbGlnbjogdGhlbWUucGFnaW5hdGlvbi5wYWdlSnVtcFRleHRBbGlnbiwgVE9ETzogZml4IHRoaXNcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwidGV4dGZpZWxkXCIsXG4gICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
+const StyledPageSizeOptions = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tn2n0k7"
+} : {
+  target: "e1tn2n0k7",
+  label: "StyledPageSizeOptions"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1y20cq3",
+  styles: "display:flex;position:absolute;height:32px;margin-right:40px;top:50%;transform:translateY(-50%);left:0"
+} : {
+  name: "1y20cq3",
+  styles: "display:flex;position:absolute;height:32px;margin-right:40px;top:50%;transform:translateY(-50%);left:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgU2VsZWN0IGZyb20gXCIuL1NlbGVjdFwiO1xuaW1wb3J0IEJ1dHRvbkljb25Ub29sdGlwIGZyb20gXCIuL0J1dHRvbkljb25Ub29sdGlwXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgcGFnaW5hdGlvbkNsYXNzZXMgfSBmcm9tIFwiLlwiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBob3ZlckNvbG9yID0gdGhlbWUuY29sb3JzLmF0bW8zO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dH1gXToge1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICB9LFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dENvbnRhaW5lcn1gXToge1xuICAgIHdpZHRoOiA0MCxcbiAgICBtaW5XaWR0aDogNDAsXG4gICAgbWF4V2lkdGg6IHRoZW1lLnNwYWNpbmcoOCksXG4gICAgJyYgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiwgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbic6XG4gICAgICB7XG4gICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBtYXJnaW46IDAsXG4gICAgICB9LFxuICB9LFxuICBbYCYmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXRSb290fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmZvY3VzLCAmOmZvY3VzLXdpdGhpbiwgJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVPcHRpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpblJpZ2h0OiA0MCxcbiAgdG9wOiBcIjUwJVwiLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKVwiLFxuICBsZWZ0OiBcIjBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVQcmV2ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdCA9IHN0eWxlZChTZWxlY3QpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luOiBgMHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgd2lkdGg6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlU2l6ZVRleHRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIHBhZGRpbmc6IFwiOHB4IDBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZU5hdmlnYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImPipcIjoge1xuICAgIG1hcmdpbjogYDAgNHB4YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uSWNvblRvb2x0aXAgPSBzdHlsZWQoQnV0dG9uSWNvblRvb2x0aXApKHtcbiAgcGFkZGluZzogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUluZm8gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUp1bXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBtYXJnaW5SaWdodDogYDRweGAsXG4gIFtgJiAuJHtpbnB1dENsYXNzZXMuaW5wdXRSb290fWBdOiB7XG4gICAgW2AmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXR9YF06IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBgNHB4YCxcbiAgICAgIHBhZGRpbmdSaWdodDogYDRweGAsXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAvLyB0ZXh0QWxpZ246IHRoZW1lLnBhZ2luYXRpb24ucGFnZUp1bXBUZXh0QWxpZ24sIFRPRE86IGZpeCB0aGlzXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcInRleHRmaWVsZFwiLFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledPageSizePrev = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tn2n0k6"
+} : {
+  target: "e1tn2n0k6",
+  label: "StyledPageSizePrev"
+})(process.env.NODE_ENV === "production" ? {
+  name: "dohrg0",
+  styles: "display:flex;align-items:center;justify-content:center;height:32px;padding:8px 0"
+} : {
+  name: "dohrg0",
+  styles: "display:flex;align-items:center;justify-content:center;height:32px;padding:8px 0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgU2VsZWN0IGZyb20gXCIuL1NlbGVjdFwiO1xuaW1wb3J0IEJ1dHRvbkljb25Ub29sdGlwIGZyb20gXCIuL0J1dHRvbkljb25Ub29sdGlwXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgcGFnaW5hdGlvbkNsYXNzZXMgfSBmcm9tIFwiLlwiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBob3ZlckNvbG9yID0gdGhlbWUuY29sb3JzLmF0bW8zO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dH1gXToge1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICB9LFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dENvbnRhaW5lcn1gXToge1xuICAgIHdpZHRoOiA0MCxcbiAgICBtaW5XaWR0aDogNDAsXG4gICAgbWF4V2lkdGg6IHRoZW1lLnNwYWNpbmcoOCksXG4gICAgJyYgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiwgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbic6XG4gICAgICB7XG4gICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBtYXJnaW46IDAsXG4gICAgICB9LFxuICB9LFxuICBbYCYmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXRSb290fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmZvY3VzLCAmOmZvY3VzLXdpdGhpbiwgJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVPcHRpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpblJpZ2h0OiA0MCxcbiAgdG9wOiBcIjUwJVwiLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKVwiLFxuICBsZWZ0OiBcIjBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVQcmV2ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdCA9IHN0eWxlZChTZWxlY3QpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luOiBgMHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgd2lkdGg6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlU2l6ZVRleHRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIHBhZGRpbmc6IFwiOHB4IDBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZU5hdmlnYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImPipcIjoge1xuICAgIG1hcmdpbjogYDAgNHB4YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uSWNvblRvb2x0aXAgPSBzdHlsZWQoQnV0dG9uSWNvblRvb2x0aXApKHtcbiAgcGFkZGluZzogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUluZm8gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUp1bXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBtYXJnaW5SaWdodDogYDRweGAsXG4gIFtgJiAuJHtpbnB1dENsYXNzZXMuaW5wdXRSb290fWBdOiB7XG4gICAgW2AmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXR9YF06IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBgNHB4YCxcbiAgICAgIHBhZGRpbmdSaWdodDogYDRweGAsXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAvLyB0ZXh0QWxpZ246IHRoZW1lLnBhZ2luYXRpb24ucGFnZUp1bXBUZXh0QWxpZ24sIFRPRE86IGZpeCB0aGlzXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcInRleHRmaWVsZFwiLFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSelect = /* @__PURE__ */ _styled__default.default(Select.default, process.env.NODE_ENV === "production" ? {
+  target: "e1tn2n0k5"
+} : {
+  target: "e1tn2n0k5",
+  label: "StyledSelect"
+})({
+  display: "inline-block",
+  margin: `0px ${uikitStyles.theme.space.xs}`,
+  width: "auto"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUQ0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgU2VsZWN0IGZyb20gXCIuL1NlbGVjdFwiO1xuaW1wb3J0IEJ1dHRvbkljb25Ub29sdGlwIGZyb20gXCIuL0J1dHRvbkljb25Ub29sdGlwXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgcGFnaW5hdGlvbkNsYXNzZXMgfSBmcm9tIFwiLlwiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBob3ZlckNvbG9yID0gdGhlbWUuY29sb3JzLmF0bW8zO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dH1gXToge1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICB9LFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dENvbnRhaW5lcn1gXToge1xuICAgIHdpZHRoOiA0MCxcbiAgICBtaW5XaWR0aDogNDAsXG4gICAgbWF4V2lkdGg6IHRoZW1lLnNwYWNpbmcoOCksXG4gICAgJyYgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiwgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbic6XG4gICAgICB7XG4gICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBtYXJnaW46IDAsXG4gICAgICB9LFxuICB9LFxuICBbYCYmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXRSb290fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmZvY3VzLCAmOmZvY3VzLXdpdGhpbiwgJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVPcHRpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpblJpZ2h0OiA0MCxcbiAgdG9wOiBcIjUwJVwiLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKVwiLFxuICBsZWZ0OiBcIjBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVQcmV2ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdCA9IHN0eWxlZChTZWxlY3QpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luOiBgMHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgd2lkdGg6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlU2l6ZVRleHRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIHBhZGRpbmc6IFwiOHB4IDBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZU5hdmlnYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImPipcIjoge1xuICAgIG1hcmdpbjogYDAgNHB4YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uSWNvblRvb2x0aXAgPSBzdHlsZWQoQnV0dG9uSWNvblRvb2x0aXApKHtcbiAgcGFkZGluZzogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUluZm8gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUp1bXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBtYXJnaW5SaWdodDogYDRweGAsXG4gIFtgJiAuJHtpbnB1dENsYXNzZXMuaW5wdXRSb290fWBdOiB7XG4gICAgW2AmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXR9YF06IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBgNHB4YCxcbiAgICAgIHBhZGRpbmdSaWdodDogYDRweGAsXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAvLyB0ZXh0QWxpZ246IHRoZW1lLnBhZ2luYXRpb24ucGFnZUp1bXBUZXh0QWxpZ24sIFRPRE86IGZpeCB0aGlzXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcInRleHRmaWVsZFwiLFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+const StyledPageSizeTextContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tn2n0k4"
+} : {
+  target: "e1tn2n0k4",
+  label: "StyledPageSizeTextContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "dohrg0",
+  styles: "display:flex;align-items:center;justify-content:center;height:32px;padding:8px 0"
+} : {
+  name: "dohrg0",
+  styles: "display:flex;align-items:center;justify-content:center;height:32px;padding:8px 0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0QyQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgU2VsZWN0IGZyb20gXCIuL1NlbGVjdFwiO1xuaW1wb3J0IEJ1dHRvbkljb25Ub29sdGlwIGZyb20gXCIuL0J1dHRvbkljb25Ub29sdGlwXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgcGFnaW5hdGlvbkNsYXNzZXMgfSBmcm9tIFwiLlwiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBob3ZlckNvbG9yID0gdGhlbWUuY29sb3JzLmF0bW8zO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dH1gXToge1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICB9LFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dENvbnRhaW5lcn1gXToge1xuICAgIHdpZHRoOiA0MCxcbiAgICBtaW5XaWR0aDogNDAsXG4gICAgbWF4V2lkdGg6IHRoZW1lLnNwYWNpbmcoOCksXG4gICAgJyYgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiwgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbic6XG4gICAgICB7XG4gICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBtYXJnaW46IDAsXG4gICAgICB9LFxuICB9LFxuICBbYCYmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXRSb290fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmZvY3VzLCAmOmZvY3VzLXdpdGhpbiwgJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVPcHRpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpblJpZ2h0OiA0MCxcbiAgdG9wOiBcIjUwJVwiLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKVwiLFxuICBsZWZ0OiBcIjBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVQcmV2ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdCA9IHN0eWxlZChTZWxlY3QpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luOiBgMHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgd2lkdGg6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlU2l6ZVRleHRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIHBhZGRpbmc6IFwiOHB4IDBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZU5hdmlnYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImPipcIjoge1xuICAgIG1hcmdpbjogYDAgNHB4YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uSWNvblRvb2x0aXAgPSBzdHlsZWQoQnV0dG9uSWNvblRvb2x0aXApKHtcbiAgcGFkZGluZzogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUluZm8gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUp1bXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBtYXJnaW5SaWdodDogYDRweGAsXG4gIFtgJiAuJHtpbnB1dENsYXNzZXMuaW5wdXRSb290fWBdOiB7XG4gICAgW2AmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXR9YF06IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBgNHB4YCxcbiAgICAgIHBhZGRpbmdSaWdodDogYDRweGAsXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAvLyB0ZXh0QWxpZ246IHRoZW1lLnBhZ2luYXRpb24ucGFnZUp1bXBUZXh0QWxpZ24sIFRPRE86IGZpeCB0aGlzXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcInRleHRmaWVsZFwiLFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledPageNavigator = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tn2n0k3"
+} : {
+  target: "e1tn2n0k3",
+  label: "StyledPageNavigator"
+})({
+  display: "flex",
+  alignItems: "stretch",
+  height: "32px",
+  "&>*": {
+    margin: `0 4px`
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgU2VsZWN0IGZyb20gXCIuL1NlbGVjdFwiO1xuaW1wb3J0IEJ1dHRvbkljb25Ub29sdGlwIGZyb20gXCIuL0J1dHRvbkljb25Ub29sdGlwXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgcGFnaW5hdGlvbkNsYXNzZXMgfSBmcm9tIFwiLlwiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBob3ZlckNvbG9yID0gdGhlbWUuY29sb3JzLmF0bW8zO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dH1gXToge1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICB9LFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dENvbnRhaW5lcn1gXToge1xuICAgIHdpZHRoOiA0MCxcbiAgICBtaW5XaWR0aDogNDAsXG4gICAgbWF4V2lkdGg6IHRoZW1lLnNwYWNpbmcoOCksXG4gICAgJyYgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiwgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbic6XG4gICAgICB7XG4gICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBtYXJnaW46IDAsXG4gICAgICB9LFxuICB9LFxuICBbYCYmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXRSb290fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmZvY3VzLCAmOmZvY3VzLXdpdGhpbiwgJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVPcHRpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpblJpZ2h0OiA0MCxcbiAgdG9wOiBcIjUwJVwiLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKVwiLFxuICBsZWZ0OiBcIjBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVQcmV2ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdCA9IHN0eWxlZChTZWxlY3QpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luOiBgMHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgd2lkdGg6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlU2l6ZVRleHRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIHBhZGRpbmc6IFwiOHB4IDBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZU5hdmlnYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImPipcIjoge1xuICAgIG1hcmdpbjogYDAgNHB4YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uSWNvblRvb2x0aXAgPSBzdHlsZWQoQnV0dG9uSWNvblRvb2x0aXApKHtcbiAgcGFkZGluZzogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUluZm8gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUp1bXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBtYXJnaW5SaWdodDogYDRweGAsXG4gIFtgJiAuJHtpbnB1dENsYXNzZXMuaW5wdXRSb290fWBdOiB7XG4gICAgW2AmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXR9YF06IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBgNHB4YCxcbiAgICAgIHBhZGRpbmdSaWdodDogYDRweGAsXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAvLyB0ZXh0QWxpZ246IHRoZW1lLnBhZ2luYXRpb24ucGFnZUp1bXBUZXh0QWxpZ24sIFRPRE86IGZpeCB0aGlzXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcInRleHRmaWVsZFwiLFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+const StyledButtonIconTooltip = /* @__PURE__ */ _styled__default.default(ButtonIconTooltip.default, process.env.NODE_ENV === "production" ? {
+  target: "e1tn2n0k2"
+} : {
+  target: "e1tn2n0k2",
+  label: "StyledButtonIconTooltip"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1hcx8jb",
+  styles: "padding:0"
+} : {
+  name: "1hcx8jb",
+  styles: "padding:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Z1QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgU2VsZWN0IGZyb20gXCIuL1NlbGVjdFwiO1xuaW1wb3J0IEJ1dHRvbkljb25Ub29sdGlwIGZyb20gXCIuL0J1dHRvbkljb25Ub29sdGlwXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgcGFnaW5hdGlvbkNsYXNzZXMgfSBmcm9tIFwiLlwiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBob3ZlckNvbG9yID0gdGhlbWUuY29sb3JzLmF0bW8zO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dH1gXToge1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICB9LFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dENvbnRhaW5lcn1gXToge1xuICAgIHdpZHRoOiA0MCxcbiAgICBtaW5XaWR0aDogNDAsXG4gICAgbWF4V2lkdGg6IHRoZW1lLnNwYWNpbmcoOCksXG4gICAgJyYgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiwgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbic6XG4gICAgICB7XG4gICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBtYXJnaW46IDAsXG4gICAgICB9LFxuICB9LFxuICBbYCYmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXRSb290fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmZvY3VzLCAmOmZvY3VzLXdpdGhpbiwgJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVPcHRpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpblJpZ2h0OiA0MCxcbiAgdG9wOiBcIjUwJVwiLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKVwiLFxuICBsZWZ0OiBcIjBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVQcmV2ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdCA9IHN0eWxlZChTZWxlY3QpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luOiBgMHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgd2lkdGg6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlU2l6ZVRleHRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIHBhZGRpbmc6IFwiOHB4IDBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZU5hdmlnYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImPipcIjoge1xuICAgIG1hcmdpbjogYDAgNHB4YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uSWNvblRvb2x0aXAgPSBzdHlsZWQoQnV0dG9uSWNvblRvb2x0aXApKHtcbiAgcGFkZGluZzogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUluZm8gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUp1bXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBtYXJnaW5SaWdodDogYDRweGAsXG4gIFtgJiAuJHtpbnB1dENsYXNzZXMuaW5wdXRSb290fWBdOiB7XG4gICAgW2AmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXR9YF06IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBgNHB4YCxcbiAgICAgIHBhZGRpbmdSaWdodDogYDRweGAsXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAvLyB0ZXh0QWxpZ246IHRoZW1lLnBhZ2luYXRpb24ucGFnZUp1bXBUZXh0QWxpZ24sIFRPRE86IGZpeCB0aGlzXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcInRleHRmaWVsZFwiLFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledPageInfo = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tn2n0k1"
+} : {
+  target: "e1tn2n0k1",
+  label: "StyledPageInfo"
+})(process.env.NODE_ENV === "production" ? {
+  name: "105s69d",
+  styles: "display:inline-block;white-space:nowrap;height:32px;line-height:32px"
+} : {
+  name: "105s69d",
+  styles: "display:inline-block;white-space:nowrap;height:32px;line-height:32px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0Y4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgU2VsZWN0IGZyb20gXCIuL1NlbGVjdFwiO1xuaW1wb3J0IEJ1dHRvbkljb25Ub29sdGlwIGZyb20gXCIuL0J1dHRvbkljb25Ub29sdGlwXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgcGFnaW5hdGlvbkNsYXNzZXMgfSBmcm9tIFwiLlwiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBob3ZlckNvbG9yID0gdGhlbWUuY29sb3JzLmF0bW8zO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dH1gXToge1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICB9LFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dENvbnRhaW5lcn1gXToge1xuICAgIHdpZHRoOiA0MCxcbiAgICBtaW5XaWR0aDogNDAsXG4gICAgbWF4V2lkdGg6IHRoZW1lLnNwYWNpbmcoOCksXG4gICAgJyYgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiwgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbic6XG4gICAgICB7XG4gICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBtYXJnaW46IDAsXG4gICAgICB9LFxuICB9LFxuICBbYCYmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXRSb290fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmZvY3VzLCAmOmZvY3VzLXdpdGhpbiwgJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVPcHRpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpblJpZ2h0OiA0MCxcbiAgdG9wOiBcIjUwJVwiLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKVwiLFxuICBsZWZ0OiBcIjBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVQcmV2ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdCA9IHN0eWxlZChTZWxlY3QpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luOiBgMHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgd2lkdGg6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlU2l6ZVRleHRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIHBhZGRpbmc6IFwiOHB4IDBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZU5hdmlnYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImPipcIjoge1xuICAgIG1hcmdpbjogYDAgNHB4YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uSWNvblRvb2x0aXAgPSBzdHlsZWQoQnV0dG9uSWNvblRvb2x0aXApKHtcbiAgcGFkZGluZzogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUluZm8gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUp1bXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBtYXJnaW5SaWdodDogYDRweGAsXG4gIFtgJiAuJHtpbnB1dENsYXNzZXMuaW5wdXRSb290fWBdOiB7XG4gICAgW2AmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXR9YF06IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBgNHB4YCxcbiAgICAgIHBhZGRpbmdSaWdodDogYDRweGAsXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAvLyB0ZXh0QWxpZ246IHRoZW1lLnBhZ2luYXRpb24ucGFnZUp1bXBUZXh0QWxpZ24sIFRPRE86IGZpeCB0aGlzXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcInRleHRmaWVsZFwiLFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledPageJump = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1tn2n0k0"
+} : {
+  target: "e1tn2n0k0",
+  label: "StyledPageJump"
+})({
+  display: "inline-block",
+  marginRight: `4px`,
+  [`& .${inputClasses.default.inputRoot}`]: {
+    [`& .${paginationClasses.default.pageSizeInput}`]: {
+      paddingLeft: `4px`,
+      paddingRight: `4px`,
+      margin: 0,
+      textAlign: "center",
+      MozAppearance: "textfield",
+      "&:focus": {
+        backgroundColor: hoverColor
+      },
+      "&:hover": {
+        cursor: "pointer"
+      }
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkY4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgU2VsZWN0IGZyb20gXCIuL1NlbGVjdFwiO1xuaW1wb3J0IEJ1dHRvbkljb25Ub29sdGlwIGZyb20gXCIuL0J1dHRvbkljb25Ub29sdGlwXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgcGFnaW5hdGlvbkNsYXNzZXMgfSBmcm9tIFwiLlwiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBob3ZlckNvbG9yID0gdGhlbWUuY29sb3JzLmF0bW8zO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHpJbmRleDogMSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnNtLFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dH1gXToge1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICB9LFxuICBbYCYgLiR7cGFnaW5hdGlvbkNsYXNzZXMucGFnZVNpemVJbnB1dENvbnRhaW5lcn1gXToge1xuICAgIHdpZHRoOiA0MCxcbiAgICBtaW5XaWR0aDogNDAsXG4gICAgbWF4V2lkdGg6IHRoZW1lLnNwYWNpbmcoOCksXG4gICAgJyYgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiwgaW5wdXRbdHlwZT1cIm51bWJlclwiXTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbic6XG4gICAgICB7XG4gICAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgICBtYXJnaW46IDAsXG4gICAgICB9LFxuICB9LFxuICBbYCYmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXRSb290fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmZvY3VzLCAmOmZvY3VzLXdpdGhpbiwgJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVPcHRpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpblJpZ2h0OiA0MCxcbiAgdG9wOiBcIjUwJVwiLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKVwiLFxuICBsZWZ0OiBcIjBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVQcmV2ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdCA9IHN0eWxlZChTZWxlY3QpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luOiBgMHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgd2lkdGg6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlU2l6ZVRleHRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIHBhZGRpbmc6IFwiOHB4IDBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZU5hdmlnYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImPipcIjoge1xuICAgIG1hcmdpbjogYDAgNHB4YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uSWNvblRvb2x0aXAgPSBzdHlsZWQoQnV0dG9uSWNvblRvb2x0aXApKHtcbiAgcGFkZGluZzogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUluZm8gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUp1bXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBtYXJnaW5SaWdodDogYDRweGAsXG4gIFtgJiAuJHtpbnB1dENsYXNzZXMuaW5wdXRSb290fWBdOiB7XG4gICAgW2AmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXR9YF06IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBgNHB4YCxcbiAgICAgIHBhZGRpbmdSaWdodDogYDRweGAsXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICAvLyB0ZXh0QWxpZ246IHRoZW1lLnBhZ2luYXRpb24ucGFnZUp1bXBUZXh0QWxpZ24sIFRPRE86IGZpeCB0aGlzXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcInRleHRmaWVsZFwiLFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+exports.StyledButtonIconTooltip = StyledButtonIconTooltip;
+exports.StyledPageInfo = StyledPageInfo;
+exports.StyledPageJump = StyledPageJump;
+exports.StyledPageNavigator = StyledPageNavigator;
+exports.StyledPageSizeOptions = StyledPageSizeOptions;
+exports.StyledPageSizePrev = StyledPageSizePrev;
+exports.StyledPageSizeTextContainer = StyledPageSizeTextContainer;
+exports.StyledRoot = StyledRoot;
+exports.StyledSelect = StyledSelect;
+//# sourceMappingURL=Pagination.styles.cjs.map

package/dist/cjs/components/Pagination/Pagination.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.styles.cjs","sources":["../../../../src/components/Pagination/Pagination.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport Select from \"./Select\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\nimport { inputClasses } from \"components\";\nimport { paginationClasses } from \".\";\nimport { CSSProperties } from \"react\";\n\nconst hoverColor = theme.colors.atmo3;\n\nexport const StyledRoot = styled(\"div\")({\n  position: \"relative\",\n  zIndex: 1,\n  display: \"flex\",\n  justifyContent: \"center\",\n  alignItems: \"stretch\",\n  flexWrap: \"wrap\",\n  marginTop: theme.space.sm,\n  [`& .${paginationClasses.pageSizeInput}`]: {\n    ...(theme.typography.label as CSSProperties),\n  },\n  [`& .${paginationClasses.pageSizeInputContainer}`]: {\n    width: 40,\n    minWidth: 40,\n    maxWidth: theme.spacing(8),\n    '& input[type=\"number\"]::-webkit-inner-spin-button, input[type=\"number\"]::-webkit-outer-spin-button':\n      {\n        WebkitAppearance: \"none\",\n        margin: 0,\n      },\n  },\n  [`&& .${paginationClasses.pageSizeInputRoot}`]: {\n    backgroundColor: \"transparent\",\n    \"&:focus, &:focus-within, &:hover\": {\n      backgroundColor: hoverColor,\n    },\n  },\n});\n\nexport const StyledPageSizeOptions = styled(\"div\")({\n  display: \"flex\",\n  position: \"absolute\",\n  height: 32,\n  marginRight: 40,\n  top: \"50%\",\n  transform: \"translateY(-50%)\",\n  left: \"0\",\n});\n\nexport const StyledPageSizePrev = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  height: \"32px\",\n  padding: \"8px 0\",\n});\n\nexport const StyledSelect = styled(Select)({\n  display: \"inline-block\",\n  margin: `0px ${theme.space.xs}`,\n  width: \"auto\",\n});\n\nexport const StyledPageSizeTextContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  height: \"32px\",\n  padding: \"8px 0\",\n});\n\nexport const StyledPageNavigator = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"stretch\",\n  height: \"32px\",\n  \"&>*\": {\n    margin: `0 4px`,\n  },\n});\n\nexport const StyledButtonIconTooltip = styled(ButtonIconTooltip)({\n  padding: 0,\n});\n\nexport const StyledPageInfo = styled(\"div\")({\n  display: \"inline-block\",\n  whiteSpace: \"nowrap\",\n  height: \"32px\",\n  lineHeight: \"32px\",\n});\n\nexport const StyledPageJump = styled(\"div\")({\n  display: \"inline-block\",\n  marginRight: `4px`,\n  [`& .${inputClasses.inputRoot}`]: {\n    [`& .${paginationClasses.pageSizeInput}`]: {\n      paddingLeft: `4px`,\n      paddingRight: `4px`,\n      margin: 0,\n      textAlign: \"center\",\n      // textAlign: theme.pagination.pageJumpTextAlign, TODO: fix this\n      MozAppearance: \"textfield\",\n      \"&:focus\": {\n        backgroundColor: hoverColor,\n      },\n      \"&:hover\": {\n        cursor: \"pointer\",\n      },\n    },\n  },\n});\n"],"names":["hoverColor","theme","colors","atmo3","StyledRoot","_styled","process","env","NODE_ENV","target","label","position","zIndex","display","justifyContent","alignItems","flexWrap","marginTop","space","sm","paginationClasses","pageSizeInput","typography","pageSizeInputContainer","width","minWidth","maxWidth","spacing","WebkitAppearance","margin","pageSizeInputRoot","backgroundColor","StyledPageSizeOptions","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledPageSizePrev","StyledSelect","Select","xs","StyledPageSizeTextContainer","StyledPageNavigator","height","StyledButtonIconTooltip","ButtonIconTooltip","StyledPageInfo","StyledPageJump","marginRight","inputClasses","inputRoot","paddingLeft","paddingRight","textAlign","MozAppearance","cursor"],"mappings":"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"}