@hitachivantara/uikit-react-core 4.4.1 → 5.0.0-next.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.cjs","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, 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?: Function;\n  /** Function called when the page size changes. */\n  onPageSizeChange?: Function;\n  /** An object containing all the labels for the component. */\n  labels?: HvPaginationLabels;\n  /** Other props to show page component. */\n  showPageProps?: object;\n  /** Other props to pagination component. */\n  navigationProps?: object;\n  /** Extra properties passed to the input component representing the current pages. */\n  currentPageInputProps?: object;\n  /** A Jss Object used to override or extend the styles applied to the empty state 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 = 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 externaly or when internally commited - 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 controling of the `page` property.\n    // fixing it some other way would potentialy 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) => 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","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","value","String","onBlur","evt","onKeyDown","isKeypress","disabled","disableClear","StyledRoot","StyledPageSizeOptions","_jsxs","_Fragment","Hidden","xsDown","StyledPageSizePrev","pageSizeTextContainer","HvTypography","component","StyledSelect","pageSizeOptionsSelect","val","map","option","Option","StyledPageSizeTextContainer","StyledPageNavigator","pageNavigator","StyledButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","StyledPageInfo","pageInfo","Forwards","End"],"mappings":"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"}

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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"}

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

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const clsx = require("clsx");
+const Select_styles = require("./Select.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const ListItem = require("../ListContainer/ListItem/ListItem.cjs");
+const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
+const Typography = require("../Typography/Typography.cjs");
+const Panel = require("../Panel/Panel.cjs");
+const SelectionList = require("../SelectionList/SelectionList.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const Option = ({
+  children,
+  ...others
+}) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, {
+  ...others,
+  children
+});
+const HvSelect = ({
+  className,
+  classes,
+  onChange,
+  disabled,
+  value,
+  children,
+  ...others
+}) => {
+  const [open, setOpen] = React.useState(false);
+  const handleSelect = (evt, val) => {
+    onChange == null ? void 0 : onChange(evt, val);
+    setOpen(false);
+  };
+  const handleToggle = (_evt, s) => {
+    setOpen(s);
+  };
+  const setFocusToContent = (containerRef) => {
+    const listItems = containerRef != null ? [...containerRef.getElementsByTagName("li")] : [];
+    listItems.every((listItem) => {
+      if (listItem.tabIndex >= 0) {
+        listItem.focus();
+        return false;
+      }
+      return true;
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Select_styles.StyledRoot, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown.HvBaseDropdown, {
+      className,
+      classes: {
+        root: clsx__default.default(classes.base, classes.root),
+        anchor: classes.anchor,
+        header: classes.header,
+        headerOpen: classes.headerOpen
+      },
+      expanded: open,
+      onToggle: handleToggle,
+      onContainerCreation: setFocusToContent,
+      placeholder: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+        children: value
+      }),
+      disabled,
+      variableWidth: true,
+      ...others,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Panel.HvPanel, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(SelectionList.HvSelectionList, {
+          value,
+          onChange: handleSelect,
+          children
+        })
+      })
+    })
+  });
+};
+exports.Option = Option;
+exports.default = HvSelect;
+//# sourceMappingURL=Select.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs","sources":["../../../../src/components/Pagination/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport {\n  HvBaseDropdown,\n  HvSelectionList,\n  HvListItem,\n  HvPanel,\n  HvTypography,\n} from \"../index\";\nimport { StyledRoot } from \"./Select.styles\";\n\nexport const Option = ({ children, ...others }) => (\n  <HvListItem {...others}>{children}</HvListItem>\n);\n\nconst HvSelect = ({\n  className,\n  classes,\n  onChange,\n  disabled,\n  value,\n  children,\n  ...others\n}) => {\n  const [open, setOpen] = useState(false);\n\n  const handleSelect = (evt, val) => {\n    onChange?.(evt, val);\n    setOpen(false);\n  };\n\n  const handleToggle = (_evt, s) => {\n    setOpen(s);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const listItems =\n      containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  return (\n    <StyledRoot>\n      <HvBaseDropdown\n        className={className}\n        classes={{\n          root: clsx(classes.base, classes.root),\n          anchor: classes.anchor,\n          header: classes.header,\n          headerOpen: classes.headerOpen,\n        }}\n        expanded={open}\n        onToggle={handleToggle}\n        onContainerCreation={setFocusToContent}\n        placeholder={<HvTypography>{value}</HvTypography>}\n        disabled={disabled}\n        variableWidth\n        {...others}\n      >\n        <HvPanel>\n          <HvSelectionList value={value} onChange={handleSelect}>\n            {children}\n          </HvSelectionList>\n        </HvPanel>\n      </HvBaseDropdown>\n    </StyledRoot>\n  );\n};\n\nexport default HvSelect;\n"],"names":["Option","children","others","HvListItem","HvSelect","className","classes","onChange","disabled","value","open","setOpen","useState","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","StyledRoot","HvBaseDropdown","root","clsx","base","anchor","header","headerOpen","expanded","onToggle","onContainerCreation","placeholder","HvTypography","variableWidth","HvPanel","HvSelectionList"],"mappings":";;;;;;;;;;;;;AAWO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,KAAaC;AAAO,qCAC1CC,SAAAA,YAAU;AAAA,EAAA,GAAKD;AAAAA,EAAMD;AAAW,CAClC;AAED,MAAMG,WAAWA,CAAC;AAAA,EAChBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAR;AAAAA,KACGC;AACL,MAAM;AACJ,QAAM,CAACQ,MAAMC,OAAO,IAAIC,eAAS,KAAK;AAEhCC,QAAAA,eAAeA,CAACC,KAAKC,QAAQ;AACjCR,yCAAWO,KAAKC;AAChBJ,YAAQ,KAAK;AAAA,EAAA;AAGTK,QAAAA,eAAeA,CAACC,MAAMC,MAAM;AAChCP,YAAQO,CAAC;AAAA,EAAA;AAGX,QAAMC,oBAAqBC,CAAiB,iBAAA;AACpCC,UAAAA,YACJD,gBAAgB,OAAO,CAAC,GAAGA,aAAaE,qBAAqB,IAAI,CAAC,IAAI;AACxED,cAAUE,MAAOC,CAAa,aAAA;AACxBA,UAAAA,SAASC,YAAY,GAAG;AAC1BD,iBAASE,MAAO;AACT,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,wCACGC,cAAAA,YAAU;AAAA,IAAA1B,yCACR2B,6BAAc;AAAA,MACbvB;AAAAA,MACAC,SAAS;AAAA,QACPuB,MAAMC,cAAAA,QAAKxB,QAAQyB,MAAMzB,QAAQuB,IAAI;AAAA,QACrCG,QAAQ1B,QAAQ0B;AAAAA,QAChBC,QAAQ3B,QAAQ2B;AAAAA,QAChBC,YAAY5B,QAAQ4B;AAAAA,MACtB;AAAA,MACAC,UAAUzB;AAAAA,MACV0B,UAAUpB;AAAAA,MACVqB,qBAAqBlB;AAAAA,MACrBmB,4CAAcC,yBAAY;AAAA,QAAAtC,UAAEQ;AAAAA,MAAAA,CAAsB;AAAA,MAClDD;AAAAA,MACAgC,eAAa;AAAA,MAAA,GACTtC;AAAAA,MAAMD,yCAETwC,eAAO;AAAA,QAAAxC,yCACLyC,+BAAe;AAAA,UAACjC;AAAAA,UAAcF,UAAUM;AAAAA,UAAaZ;AAAAA,QAAAA,CAC3C;AAAA,MAAA,CACO;AAAA,IAAA,CACV;AAAA,EAAA,CAED;AAEjB;;;"}

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

@@ -0,0 +1,34 @@
+"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 baseDropdownClasses = require("../BaseDropdown/baseDropdownClasses.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "eakxe9u0"
+} : {
+  target: "eakxe9u0",
+  label: "StyledRoot"
+})({
+  [`& .${baseDropdownClasses.default.root}`]: {
+    width: "auto",
+    [`& > div.${baseDropdownClasses.default.anchor}`]: {
+      width: "auto"
+    },
+    [`& .${baseDropdownClasses.default.header}`]: {
+      backgroundColor: "transparent",
+      borderColor: "transparent"
+    },
+    [`& .${baseDropdownClasses.default.headerOpen}`]: {
+      backgroundColor: uikitStyles.theme.colors.atmo1,
+      borderColor: uikitStyles.theme.colors.atmo1
+    },
+    [`& .${baseDropdownClasses.default.selection}`]: {
+      borderRadius: uikitStyles.theme.pagination.pageSizeBorderRadius,
+      border: `1px solid ${uikitStyles.theme.pagination.pageSizeBorderColor}`
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9TZWxlY3Quc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL1NlbGVjdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBiYXNlRHJvcGRvd25DbGFzc2VzIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBbYCYgLiR7YmFzZURyb3Bkb3duQ2xhc3Nlcy5yb290fWBdOiB7XG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuXG4gICAgW2AmID4gZGl2LiR7YmFzZURyb3Bkb3duQ2xhc3Nlcy5hbmNob3J9YF06IHtcbiAgICAgIHdpZHRoOiBcImF1dG9cIixcbiAgICB9LFxuICAgIFtgJiAuJHtiYXNlRHJvcGRvd25DbGFzc2VzLmhlYWRlcn1gXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBib3JkZXJDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0sXG4gICAgW2AmIC4ke2Jhc2VEcm9wZG93bkNsYXNzZXMuaGVhZGVyT3Blbn1gXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIH0sXG4gICAgW2AmIC4ke2Jhc2VEcm9wZG93bkNsYXNzZXMuc2VsZWN0aW9ufWBdOiB7XG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnBhZ2luYXRpb24ucGFnZVNpemVCb3JkZXJSYWRpdXMsXG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5wYWdpbmF0aW9uLnBhZ2VTaXplQm9yZGVyQ29sb3J9YCxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
+exports.StyledRoot = StyledRoot;
+//# sourceMappingURL=Select.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.styles.cjs","sources":["../../../../src/components/Pagination/Select.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { baseDropdownClasses } from \"components\";\n\nexport const StyledRoot = styled(\"div\")({\n  [`& .${baseDropdownClasses.root}`]: {\n    width: \"auto\",\n\n    [`& > div.${baseDropdownClasses.anchor}`]: {\n      width: \"auto\",\n    },\n    [`& .${baseDropdownClasses.header}`]: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n    },\n    [`& .${baseDropdownClasses.headerOpen}`]: {\n      backgroundColor: theme.colors.atmo1,\n      borderColor: theme.colors.atmo1,\n    },\n    [`& .${baseDropdownClasses.selection}`]: {\n      borderRadius: theme.pagination.pageSizeBorderRadius,\n      border: `1px solid ${theme.pagination.pageSizeBorderColor}`,\n    },\n  },\n});\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","baseDropdownClasses","root","width","anchor","header","backgroundColor","borderColor","headerOpen","theme","colors","atmo1","selection","borderRadius","pagination","pageSizeBorderRadius","border","pageSizeBorderColor"],"mappings":";;;;;;;AAIO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtC,CAAE,MAAKC,4BAAoBC,SAAS;AAAA,IAClCC,OAAO;AAAA,IAEP,CAAE,WAAUF,4BAAoBG,WAAW;AAAA,MACzCD,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKF,4BAAoBI,WAAW;AAAA,MACpCC,iBAAiB;AAAA,MACjBC,aAAa;AAAA,IACf;AAAA,IACA,CAAE,MAAKN,4BAAoBO,eAAe;AAAA,MACxCF,iBAAiBG,YAAAA,MAAMC,OAAOC;AAAAA,MAC9BJ,aAAaE,YAAAA,MAAMC,OAAOC;AAAAA,IAC5B;AAAA,IACA,CAAE,MAAKV,4BAAoBW,cAAc;AAAA,MACvCC,cAAcJ,YAAAA,MAAMK,WAAWC;AAAAA,MAC/BC,QAAS,aAAYP,YAAAA,MAAMK,WAAWG;AAAAA,IACxC;AAAA,EACF;AACF,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ihDAAA;;"}

package/dist/cjs/components/Pagination/paginationClasses.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", "pageSizeOptions", "pageSizeOptionsSelect", "pageSizeTextContainer", "pageNavigator", "pageInfo", "pageJump", "pageSizeInput", "pageSizeInputRoot", "pageSizeInputContainer", "iconContainer", "icon"];
+const paginationClasses = classes.getClasses(classKeys, "HvPagination");
+const paginationClasses$1 = paginationClasses;
+exports.default = paginationClasses$1;
+//# sourceMappingURL=paginationClasses.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paginationClasses.cjs","sources":["../../../../src/components/Pagination/paginationClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvPaginationClasses = {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the page size selector container. */\n  pageSizeOptions?: string;\n  /** Styles applied to the page size selector dropdown element. */\n  pageSizeOptionsSelect?: string;\n  /** Styles applied to the element that holds the labels for the page size selector */\n  pageSizeTextContainer?: string;\n  /** Styles applied to the page navigation container. */\n  pageNavigator?: string;\n  /** Styles applied to the central page information container. */\n  pageInfo?: string;\n  /** Styles applied to the page selector input container. */\n  pageJump?: string;\n  /** Styles passed down to the page selector Input component as `input`. */\n  pageSizeInput?: string;\n  /** Styles passed down to the page selector Input root. */\n  pageSizeInputRoot?: string;\n  /** Styles passed down to the page selector Input component as `container`. */\n  pageSizeInputContainer?: string;\n  /** Styles applied to each navigation `HvButton` icon container. */\n  iconContainer?: string;\n  /** Styles applied to each navigation icon. */\n  icon?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"pageSizeOptions\",\n  \"pageSizeOptionsSelect\",\n  \"pageSizeTextContainer\",\n  \"pageNavigator\",\n  \"pageInfo\",\n  \"pageJump\",\n  \"pageSizeInput\",\n  \"pageSizeInputRoot\",\n  \"pageSizeInputContainer\",\n  \"iconContainer\",\n  \"icon\",\n];\n\nconst paginationClasses = getClasses<HvPaginationClasses>(\n  classKeys,\n  \"HvPagination\"\n);\n\nexport default paginationClasses;\n"],"names":["classKeys","paginationClasses","getClasses"],"mappings":";;;AA6BA,MAAMA,YAAsB,CAC1B,QACA,mBACA,yBACA,yBACA,iBACA,YACA,YACA,iBACA,qBACA,0BACA,iBACA,MAAM;AAGR,MAAMC,oBAAoBC,QACxBF,WAAAA,WACA,cAAc;AAGhB,MAAA,sBAAeC;;"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const setColor = (condition) => condition ? "atmo5" : void 0;
+const getSafePage = (inPage, page, pages) => Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);
+const usePageInput = (initialPage) => {
+  const [page, setPage] = React.useState(initialPage + 1);
+  const handleChange = React.useCallback((evt, newPage) => setPage(newPage), []);
+  return [page, handleChange];
+};
+exports.getSafePage = getSafePage;
+exports.setColor = setColor;
+exports.usePageInput = usePageInput;
+//# sourceMappingURL=utils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/Pagination/utils.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const setColor = (condition: boolean) =>\n  condition ? \"atmo5\" : undefined;\n\nexport const getSafePage = (inPage: number, page: number, pages: number) =>\n  Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);\n\nexport const usePageInput = (initialPage: number) => {\n  const [page, setPage] = useState<number>(initialPage + 1);\n\n  const handleChange = useCallback(\n    (evt, newPage: number) => setPage(newPage),\n    []\n  );\n\n  return [page, handleChange] as const;\n};\n"],"names":["setColor","condition","undefined","getSafePage","inPage","page","pages","Number","isNaN","Math","min","max","usePageInput","initialPage","setPage","useState","handleChange","useCallback","evt","newPage"],"mappings":";;;AAEO,MAAMA,WAAWA,CAACC,cACvBA,YAAY,UAAUC;AAEjB,MAAMC,cAAcA,CAACC,QAAgBC,MAAcC,UACxDC,OAAOC,MAAMJ,MAAM,IAAIC,OAAOI,KAAKC,IAAID,KAAKE,IAAIP,QAAQ,CAAC,GAAGE,QAAQ,CAAC;AAE1DM,MAAAA,eAAeA,CAACC,gBAAwB;AACnD,QAAM,CAACR,MAAMS,OAAO,IAAIC,MAAAA,SAAiBF,cAAc,CAAC;AAElDG,QAAAA,eAAeC,kBACnB,CAACC,KAAKC,YAAoBL,QAAQK,OAAO,GACzC,CAAA,CAAE;AAGG,SAAA,CAACd,MAAMW,YAAY;AAC5B;;;;"}

package/dist/cjs/components/Panel/Panel.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const clsx = require("clsx");
+const Panel_styles = require("./Panel.styles.cjs");
+const panelClasses = require("./panelClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvPanel = (props) => {
+  const {
+    id,
+    className,
+    classes,
+    children,
+    ...others
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(Panel_styles.StyledDiv, {
+    id,
+    className: clsx__default.default(className, panelClasses.default.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children
+  });
+};
+exports.HvPanel = HvPanel;
+//# sourceMappingURL=Panel.cjs.map

package/dist/cjs/components/Panel/Panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.cjs","sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledDiv } from \"./Panel.styles\";\nimport panelClasses, { HvPanelClasses } from \"./panelClasses\";\n\nexport type PanelProps = HvBaseProps & {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** Class names to be applied. */\n  className?: string;\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvPanelClasses;\n};\n\n/**\n * A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).\n * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.\n * Regardless of its content, a panel look and feel should be consistent.\n */\nexport const HvPanel = (props: PanelProps) => {\n  const { id, className, classes, children, ...others } = props;\n\n  return (\n    <StyledDiv\n      id={id}\n      className={clsx(className, panelClasses.root, classes?.root)}\n      {...others}\n    >\n      {children}\n    </StyledDiv>\n  );\n};\n"],"names":["HvPanel","props","id","className","classes","children","others","StyledDiv","clsx","panelClasses","root"],"mappings":";;;;;;;;AAmBaA,MAAAA,UAAUA,CAACC,UAAsB;AACtC,QAAA;AAAA,IAAEC;AAAAA,IAAIC;AAAAA,IAAWC;AAAAA,IAASC;AAAAA,OAAaC;AAAAA,EAAWL,IAAAA;AAExD,wCACGM,aAAAA,WAAS;AAAA,IACRL;AAAAA,IACAC,WAAWK,cAAKL,QAAAA,WAAWM,aAAaC,QAAAA,MAAMN,mCAASM,IAAI;AAAA,IAAE,GACzDJ;AAAAA,IAAMD;AAAAA,EAAAA,CAGA;AAEhB;;"}

package/dist/cjs/components/Panel/Panel.styles.cjs

@@ -0,0 +1,19 @@
+"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 _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const StyledDiv = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yqctam0"
+} : {
+  target: "e1yqctam0",
+  label: "StyledDiv"
+})({
+  position: "relative",
+  padding: uikitStyles.theme.space.sm,
+  backgroundColor: uikitStyles.theme.colors.atmo1,
+  overflow: "auto"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFuZWwvUGFuZWwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9QYW5lbC9QYW5lbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBwYWRkaW5nOiB0aGVtZS5zcGFjZS5zbSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIG92ZXJmbG93OiBcImF1dG9cIixcbn0pO1xuIl19 */");
+exports.StyledDiv = StyledDiv;
+//# sourceMappingURL=Panel.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.styles.cjs","sources":["../../../../src/components/Panel/Panel.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledDiv = styled(\"div\")({\n  position: \"relative\",\n  padding: theme.space.sm,\n  backgroundColor: theme.colors.atmo1,\n  overflow: \"auto\",\n});\n"],"names":["StyledDiv","_styled","process","env","NODE_ENV","target","label","position","padding","theme","space","sm","backgroundColor","colors","atmo1","overflow"],"mappings":";;;;;;AAGO,MAAMA,YAAmBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACrCC,UAAU;AAAA,EACVC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,EACrBC,iBAAiBH,YAAAA,MAAMI,OAAOC;AAAAA,EAC9BC,UAAU;AACZ,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,yyBAAA;;"}

package/dist/cjs/components/Panel/panelClasses.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"];
+const panelClasses = classes.getClasses(classKeys, "HvPanel");
+const panelClasses$1 = panelClasses;
+exports.default = panelClasses$1;
+//# sourceMappingURL=panelClasses.cjs.map

package/dist/cjs/components/Panel/panelClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelClasses.cjs","sources":["../../../../src/components/Panel/panelClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvPanelClasses = {\n  /** Styles applied to the component root class. */\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst panelClasses = getClasses<HvPanelClasses>(classKeys, \"HvPanel\");\n\nexport default panelClasses;\n"],"names":["classKeys","panelClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,eAAeC,QAA2BF,WAAAA,WAAW,SAAS;AAEpE,MAAA,iBAAeC;;"}