@hitachivantara/uikit-react-core 5.16.0 → 5.17.0

package/dist/esm/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","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 \"@core/components\";\nimport {\n  Start,\n  End,\n  Backwards,\n  Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useLabels } from \"@core/hooks\";\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 \"./paginationClasses\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\n\nexport interface 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 interface HvPaginationProps extends 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={(event, value) => handleInputChange(event, Number(value))}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(Number(value) - 1)}\n        onKeyDown={(evt, value) =>\n          isKeypress(evt, Enter) && changePage(Number(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              aria-label={labels?.pageSizeSelectorDescription}\n              onChange={(_, 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","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","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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"}
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, HvInputProps, HvTypography } from \"@core/components\";\nimport {\n  Start,\n  End,\n  Backwards,\n  Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useLabels } from \"@core/hooks\";\nimport HvSelect, { Option } from \"./Select\";\nimport { staticClasses, useClasses } from \"./Pagination.styles\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\n\nexport { staticClasses as paginationClasses };\n\nexport type HvPaginationClasses = ExtractNames<typeof useClasses>;\n\nexport interface 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 interface HvPaginationProps extends 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?: Partial<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\nconst defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];\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: classesProp = {},\n  className,\n  id,\n  pages = 1,\n  page = 0,\n  showPageSizeOptions = true,\n  pageSizeOptions = defaultPageSizeOptions,\n  pageSize = defaultPageSizeOptions[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  const { classes, cx } = useClasses(classesProp);\n\n  const changePage = useCallback(\n    (newPage: number) => {\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    <div className={classes.pageJump}>\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: classes?.pageSizeInputContainer,\n          input: classes?.pageSizeInput,\n          inputRoot: classes?.pageSizeInputRoot,\n        }}\n        onChange={(event, value) => handleInputChange(event, Number(value))}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(Number(value) - 1)}\n        onKeyDown={(evt, value) =>\n          isKeypress(evt, Enter) && changePage(Number(value) - 1)\n        }\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </div>\n  );\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      <div className={classes.pageSizeOptions} {...showPageProps}>\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <HvTypography\n                component=\"span\"\n                className={classes?.pageSizeTextContainer}\n              >\n                {labels?.pageSizePrev}\n              </HvTypography>\n            </Hidden>\n            <HvSelect\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={classes.pageSizeOptionsSelect}\n              aria-label={labels?.pageSizeSelectorDescription}\n              onChange={(_, val: number) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </HvSelect>\n            <Hidden xsDown>\n              <HvTypography\n                component=\"span\"\n                className={classes.pageSizeTextContainer}\n              >\n                {labels?.pageSizeEntryName}\n              </HvTypography>\n            </Hidden>\n          </>\n        )}\n      </div>\n      <div className={classes.pageNavigator} {...navigationProps}>\n        <ButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels?.firstPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels?.paginationFirstPageTitle}\n        >\n          <Start className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels?.previousPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels?.paginationPreviousPageTitle}\n        >\n          <Backwards className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <div className={classes.pageInfo}>\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n          <HvTypography component=\"span\" id={setId(id, \"totalPages\")}>\n            {pages}\n          </HvTypography>\n        </div>\n        <ButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels?.nextPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels?.paginationNextPageTitle}\n        >\n          <Forwards className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels?.lastPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels?.paginationLastPageTitle}\n        >\n          <End className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n      </div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","keyboardCodes","defaultPageSizeOptions","HvPagination","classes","classesProp","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useLabels","pageInput","handleInputChange","usePageInput","cx","useClasses","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","_jsx","pageJump","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","String","onBlur","evt","onKeyDown","isKeypress","disabled","disableClear","_jsxs","_Fragment","Hidden","xsDown","HvTypography","component","pageSizeTextContainer","HvSelect","pageSizeOptionsSelect","_","val","map","option","Option","pageNavigator","ButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","pageInfo","Forwards","End"],"mappings":"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"}

package/dist/esm/components/Pagination/Pagination.styles.js

@@ -1,168 +1,108 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import HvSelect from "./Select.js";
-import ButtonIconTooltip from "./ButtonIconTooltip.js";
-import paginationClasses from "./paginationClasses.js";
 import inputClasses from "../Input/inputClasses.js";
-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).";
-}
+import { createClasses } from "../../utils/classes.js";
 const hoverColor = theme.colors.atmo3;
-const StyledRoot = /* @__PURE__ */ _styled("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: theme.space.sm,
-  [`& .${paginationClasses.pageSizeInput}`]: {
-    ...theme.typography.label
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvPagination", {
+  /** Styles applied to the component root class. */
+  root: {
+    position: "relative",
+    zIndex: 1,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "stretch",
+    flexWrap: "wrap",
+    marginTop: theme.space.sm,
+    [`& $pageSizeInput`]: {
+      ...theme.typography.label
+    },
+    [`& $pageSizeInputContainer`]: {
+      width: 40,
+      minWidth: 40,
+      maxWidth: theme.spacing(8)
+    },
+    [`&& $pageSizeInputRoot`]: {
+      backgroundColor: "transparent",
+      "&:focus, &:focus-within, &:hover": {
+        backgroundColor: hoverColor
+      }
+    }
   },
-  [`& .${paginationClasses.pageSizeInputContainer}`]: {
-    width: 40,
-    minWidth: 40,
-    maxWidth: theme.spacing(8)
+  /** Styles applied to the page size selector container. */
+  pageSizeOptions: {
+    display: "flex",
+    position: "absolute",
+    height: 32,
+    top: "50%",
+    transform: "translateY(-50%)",
+    left: "0"
   },
-  [`&& .${paginationClasses.pageSizeInputRoot}`]: {
-    backgroundColor: "transparent",
-    "&:focus, &:focus-within, &:hover": {
-      backgroundColor: hoverColor
-    }
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGlucHV0Q2xhc3NlcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgU2VsZWN0IGZyb20gXCIuL1NlbGVjdFwiO1xuaW1wb3J0IEJ1dHRvbkljb25Ub29sdGlwIGZyb20gXCIuL0J1dHRvbkljb25Ub29sdGlwXCI7XG5pbXBvcnQgcGFnaW5hdGlvbkNsYXNzZXMgZnJvbSBcIi4vcGFnaW5hdGlvbkNsYXNzZXNcIjtcblxuY29uc3QgaG92ZXJDb2xvciA9IHRoZW1lLmNvbG9ycy5hdG1vMztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB6SW5kZXg6IDEsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJzdHJldGNoXCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgW2AmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXR9YF06IHtcbiAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgfSxcbiAgW2AmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXRDb250YWluZXJ9YF06IHtcbiAgICB3aWR0aDogNDAsXG4gICAgbWluV2lkdGg6IDQwLFxuICAgIG1heFdpZHRoOiB0aGVtZS5zcGFjaW5nKDgpLFxuICB9LFxuICBbYCYmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXRSb290fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmZvY3VzLCAmOmZvY3VzLXdpdGhpbiwgJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVPcHRpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGhlaWdodDogMzIsXG4gIG1hcmdpblJpZ2h0OiA0MCxcbiAgdG9wOiBcIjUwJVwiLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgtNTAlKVwiLFxuICBsZWZ0OiBcIjBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVQcmV2ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdCA9IHN0eWxlZChTZWxlY3QpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luOiBgMHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgd2lkdGg6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYWdlU2l6ZVRleHRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIHBhZGRpbmc6IFwiOHB4IDBcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZU5hdmlnYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgXCImPipcIjoge1xuICAgIG1hcmdpbjogYDAgNHB4YCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uSWNvblRvb2x0aXAgPSBzdHlsZWQoQnV0dG9uSWNvblRvb2x0aXApKHtcbiAgcGFkZGluZzogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUluZm8gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBsaW5lSGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZUp1bXAgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBtYXJnaW5SaWdodDogYDRweGAsXG4gIFtgJiAuJHtpbnB1dENsYXNzZXMuaW5wdXRSb290fWBdOiB7XG4gICAgW2AmIC4ke3BhZ2luYXRpb25DbGFzc2VzLnBhZ2VTaXplSW5wdXR9YF06IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBgNHB4YCxcbiAgICAgIHBhZGRpbmdSaWdodDogYDRweGAsXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLmJhc2UsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcInRleHRmaWVsZFwiLFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
-const StyledPageSizeOptions = /* @__PURE__ */ _styled("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFNlbGVjdCBmcm9tIFwiLi9TZWxlY3RcIjtcbmltcG9ydCBCdXR0b25JY29uVG9vbHRpcCBmcm9tIFwiLi9CdXR0b25JY29uVG9vbHRpcFwiO1xuaW1wb3J0IHBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL3BhZ2luYXRpb25DbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gIH0sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Q29udGFpbmVyfWBdOiB7XG4gICAgd2lkdGg6IDQwLFxuICAgIG1pbldpZHRoOiA0MCxcbiAgICBtYXhXaWR0aDogdGhlbWUuc3BhY2luZyg4KSxcbiAgfSxcbiAgW2AmJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Um9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpmb2N1cywgJjpmb2N1cy13aXRoaW4sICY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplT3B0aW9ucyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBoZWlnaHQ6IDMyLFxuICBtYXJnaW5SaWdodDogNDAsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSlcIixcbiAgbGVmdDogXCIwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplUHJldiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgcGFkZGluZzogXCI4cHggMFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3QgPSBzdHlsZWQoU2VsZWN0KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG4gIHdpZHRoOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VOYXZpZ2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJzdHJldGNoXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJj4qXCI6IHtcbiAgICBtYXJnaW46IGAwIDRweGAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbkljb25Ub29sdGlwID0gc3R5bGVkKEJ1dHRvbkljb25Ub29sdGlwKSh7XG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VJbmZvID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VKdW1wID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luUmlnaHQ6IGA0cHhgLFxuICBbYCYgLiR7aW5wdXRDbGFzc2VzLmlucHV0Um9vdH1gXToge1xuICAgIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgICBwYWRkaW5nTGVmdDogYDRweGAsXG4gICAgICBwYWRkaW5nUmlnaHQ6IGA0cHhgLFxuICAgICAgbWFyZ2luOiAwLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJ0ZXh0ZmllbGRcIixcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledPageSizePrev = /* @__PURE__ */ _styled("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFNlbGVjdCBmcm9tIFwiLi9TZWxlY3RcIjtcbmltcG9ydCBCdXR0b25JY29uVG9vbHRpcCBmcm9tIFwiLi9CdXR0b25JY29uVG9vbHRpcFwiO1xuaW1wb3J0IHBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL3BhZ2luYXRpb25DbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gIH0sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Q29udGFpbmVyfWBdOiB7XG4gICAgd2lkdGg6IDQwLFxuICAgIG1pbldpZHRoOiA0MCxcbiAgICBtYXhXaWR0aDogdGhlbWUuc3BhY2luZyg4KSxcbiAgfSxcbiAgW2AmJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Um9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpmb2N1cywgJjpmb2N1cy13aXRoaW4sICY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplT3B0aW9ucyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBoZWlnaHQ6IDMyLFxuICBtYXJnaW5SaWdodDogNDAsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSlcIixcbiAgbGVmdDogXCIwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplUHJldiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgcGFkZGluZzogXCI4cHggMFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3QgPSBzdHlsZWQoU2VsZWN0KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG4gIHdpZHRoOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VOYXZpZ2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJzdHJldGNoXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJj4qXCI6IHtcbiAgICBtYXJnaW46IGAwIDRweGAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbkljb25Ub29sdGlwID0gc3R5bGVkKEJ1dHRvbkljb25Ub29sdGlwKSh7XG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VJbmZvID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VKdW1wID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luUmlnaHQ6IGA0cHhgLFxuICBbYCYgLiR7aW5wdXRDbGFzc2VzLmlucHV0Um9vdH1gXToge1xuICAgIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgICBwYWRkaW5nTGVmdDogYDRweGAsXG4gICAgICBwYWRkaW5nUmlnaHQ6IGA0cHhgLFxuICAgICAgbWFyZ2luOiAwLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJ0ZXh0ZmllbGRcIixcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledSelect = /* @__PURE__ */ _styled(HvSelect, process.env.NODE_ENV === "production" ? {
-  target: "e1tn2n0k5"
-} : {
-  target: "e1tn2n0k5",
-  label: "StyledSelect"
-})({
-  display: "inline-block",
-  margin: `0px ${theme.space.xs}`,
-  width: "auto"
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0Q0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFNlbGVjdCBmcm9tIFwiLi9TZWxlY3RcIjtcbmltcG9ydCBCdXR0b25JY29uVG9vbHRpcCBmcm9tIFwiLi9CdXR0b25JY29uVG9vbHRpcFwiO1xuaW1wb3J0IHBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL3BhZ2luYXRpb25DbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gIH0sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Q29udGFpbmVyfWBdOiB7XG4gICAgd2lkdGg6IDQwLFxuICAgIG1pbldpZHRoOiA0MCxcbiAgICBtYXhXaWR0aDogdGhlbWUuc3BhY2luZyg4KSxcbiAgfSxcbiAgW2AmJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Um9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpmb2N1cywgJjpmb2N1cy13aXRoaW4sICY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplT3B0aW9ucyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBoZWlnaHQ6IDMyLFxuICBtYXJnaW5SaWdodDogNDAsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSlcIixcbiAgbGVmdDogXCIwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplUHJldiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgcGFkZGluZzogXCI4cHggMFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3QgPSBzdHlsZWQoU2VsZWN0KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG4gIHdpZHRoOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VOYXZpZ2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJzdHJldGNoXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJj4qXCI6IHtcbiAgICBtYXJnaW46IGAwIDRweGAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbkljb25Ub29sdGlwID0gc3R5bGVkKEJ1dHRvbkljb25Ub29sdGlwKSh7XG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VJbmZvID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VKdW1wID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luUmlnaHQ6IGA0cHhgLFxuICBbYCYgLiR7aW5wdXRDbGFzc2VzLmlucHV0Um9vdH1gXToge1xuICAgIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgICBwYWRkaW5nTGVmdDogYDRweGAsXG4gICAgICBwYWRkaW5nUmlnaHQ6IGA0cHhgLFxuICAgICAgbWFyZ2luOiAwLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJ0ZXh0ZmllbGRcIixcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
-const StyledPageSizeTextContainer = /* @__PURE__ */ _styled("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEQyQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFNlbGVjdCBmcm9tIFwiLi9TZWxlY3RcIjtcbmltcG9ydCBCdXR0b25JY29uVG9vbHRpcCBmcm9tIFwiLi9CdXR0b25JY29uVG9vbHRpcFwiO1xuaW1wb3J0IHBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL3BhZ2luYXRpb25DbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gIH0sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Q29udGFpbmVyfWBdOiB7XG4gICAgd2lkdGg6IDQwLFxuICAgIG1pbldpZHRoOiA0MCxcbiAgICBtYXhXaWR0aDogdGhlbWUuc3BhY2luZyg4KSxcbiAgfSxcbiAgW2AmJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Um9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpmb2N1cywgJjpmb2N1cy13aXRoaW4sICY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplT3B0aW9ucyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBoZWlnaHQ6IDMyLFxuICBtYXJnaW5SaWdodDogNDAsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSlcIixcbiAgbGVmdDogXCIwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplUHJldiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgcGFkZGluZzogXCI4cHggMFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3QgPSBzdHlsZWQoU2VsZWN0KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG4gIHdpZHRoOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VOYXZpZ2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJzdHJldGNoXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJj4qXCI6IHtcbiAgICBtYXJnaW46IGAwIDRweGAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbkljb25Ub29sdGlwID0gc3R5bGVkKEJ1dHRvbkljb25Ub29sdGlwKSh7XG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VJbmZvID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VKdW1wID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luUmlnaHQ6IGA0cHhgLFxuICBbYCYgLiR7aW5wdXRDbGFzc2VzLmlucHV0Um9vdH1gXToge1xuICAgIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgICBwYWRkaW5nTGVmdDogYDRweGAsXG4gICAgICBwYWRkaW5nUmlnaHQ6IGA0cHhgLFxuICAgICAgbWFyZ2luOiAwLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJ0ZXh0ZmllbGRcIixcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledPageNavigator = /* @__PURE__ */ _styled("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFNlbGVjdCBmcm9tIFwiLi9TZWxlY3RcIjtcbmltcG9ydCBCdXR0b25JY29uVG9vbHRpcCBmcm9tIFwiLi9CdXR0b25JY29uVG9vbHRpcFwiO1xuaW1wb3J0IHBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL3BhZ2luYXRpb25DbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gIH0sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Q29udGFpbmVyfWBdOiB7XG4gICAgd2lkdGg6IDQwLFxuICAgIG1pbldpZHRoOiA0MCxcbiAgICBtYXhXaWR0aDogdGhlbWUuc3BhY2luZyg4KSxcbiAgfSxcbiAgW2AmJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Um9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpmb2N1cywgJjpmb2N1cy13aXRoaW4sICY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplT3B0aW9ucyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBoZWlnaHQ6IDMyLFxuICBtYXJnaW5SaWdodDogNDAsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSlcIixcbiAgbGVmdDogXCIwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplUHJldiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgcGFkZGluZzogXCI4cHggMFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3QgPSBzdHlsZWQoU2VsZWN0KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG4gIHdpZHRoOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VOYXZpZ2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJzdHJldGNoXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJj4qXCI6IHtcbiAgICBtYXJnaW46IGAwIDRweGAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbkljb25Ub29sdGlwID0gc3R5bGVkKEJ1dHRvbkljb25Ub29sdGlwKSh7XG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VJbmZvID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VKdW1wID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luUmlnaHQ6IGA0cHhgLFxuICBbYCYgLiR7aW5wdXRDbGFzc2VzLmlucHV0Um9vdH1gXToge1xuICAgIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgICBwYWRkaW5nTGVmdDogYDRweGAsXG4gICAgICBwYWRkaW5nUmlnaHQ6IGA0cHhgLFxuICAgICAgbWFyZ2luOiAwLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJ0ZXh0ZmllbGRcIixcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
-const StyledButtonIconTooltip = /* @__PURE__ */ _styled(ButtonIconTooltip, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkV1QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFNlbGVjdCBmcm9tIFwiLi9TZWxlY3RcIjtcbmltcG9ydCBCdXR0b25JY29uVG9vbHRpcCBmcm9tIFwiLi9CdXR0b25JY29uVG9vbHRpcFwiO1xuaW1wb3J0IHBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL3BhZ2luYXRpb25DbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gIH0sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Q29udGFpbmVyfWBdOiB7XG4gICAgd2lkdGg6IDQwLFxuICAgIG1pbldpZHRoOiA0MCxcbiAgICBtYXhXaWR0aDogdGhlbWUuc3BhY2luZyg4KSxcbiAgfSxcbiAgW2AmJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Um9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpmb2N1cywgJjpmb2N1cy13aXRoaW4sICY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplT3B0aW9ucyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBoZWlnaHQ6IDMyLFxuICBtYXJnaW5SaWdodDogNDAsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSlcIixcbiAgbGVmdDogXCIwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplUHJldiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgcGFkZGluZzogXCI4cHggMFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3QgPSBzdHlsZWQoU2VsZWN0KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG4gIHdpZHRoOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VOYXZpZ2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJzdHJldGNoXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJj4qXCI6IHtcbiAgICBtYXJnaW46IGAwIDRweGAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbkljb25Ub29sdGlwID0gc3R5bGVkKEJ1dHRvbkljb25Ub29sdGlwKSh7XG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VJbmZvID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VKdW1wID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luUmlnaHQ6IGA0cHhgLFxuICBbYCYgLiR7aW5wdXRDbGFzc2VzLmlucHV0Um9vdH1gXToge1xuICAgIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgICBwYWRkaW5nTGVmdDogYDRweGAsXG4gICAgICBwYWRkaW5nUmlnaHQ6IGA0cHhgLFxuICAgICAgbWFyZ2luOiAwLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJ0ZXh0ZmllbGRcIixcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledPageInfo = /* @__PURE__ */ _styled("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0U4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFNlbGVjdCBmcm9tIFwiLi9TZWxlY3RcIjtcbmltcG9ydCBCdXR0b25JY29uVG9vbHRpcCBmcm9tIFwiLi9CdXR0b25JY29uVG9vbHRpcFwiO1xuaW1wb3J0IHBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL3BhZ2luYXRpb25DbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gIH0sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Q29udGFpbmVyfWBdOiB7XG4gICAgd2lkdGg6IDQwLFxuICAgIG1pbldpZHRoOiA0MCxcbiAgICBtYXhXaWR0aDogdGhlbWUuc3BhY2luZyg4KSxcbiAgfSxcbiAgW2AmJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Um9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpmb2N1cywgJjpmb2N1cy13aXRoaW4sICY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplT3B0aW9ucyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBoZWlnaHQ6IDMyLFxuICBtYXJnaW5SaWdodDogNDAsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSlcIixcbiAgbGVmdDogXCIwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplUHJldiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgcGFkZGluZzogXCI4cHggMFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3QgPSBzdHlsZWQoU2VsZWN0KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG4gIHdpZHRoOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VOYXZpZ2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJzdHJldGNoXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJj4qXCI6IHtcbiAgICBtYXJnaW46IGAwIDRweGAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbkljb25Ub29sdGlwID0gc3R5bGVkKEJ1dHRvbkljb25Ub29sdGlwKSh7XG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VJbmZvID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VKdW1wID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luUmlnaHQ6IGA0cHhgLFxuICBbYCYgLiR7aW5wdXRDbGFzc2VzLmlucHV0Um9vdH1gXToge1xuICAgIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgICBwYWRkaW5nTGVmdDogYDRweGAsXG4gICAgICBwYWRkaW5nUmlnaHQ6IGA0cHhgLFxuICAgICAgbWFyZ2luOiAwLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJ0ZXh0ZmllbGRcIixcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledPageJump = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1tn2n0k0"
-} : {
-  target: "e1tn2n0k0",
-  label: "StyledPageJump"
-})({
-  display: "inline-block",
-  marginRight: `4px`,
-  [`& .${inputClasses.inputRoot}`]: {
-    [`& .${paginationClasses.pageSizeInput}`]: {
-      paddingLeft: `4px`,
-      paddingRight: `4px`,
-      margin: 0,
-      textAlign: "center",
-      borderRadius: theme.radii.base,
-      MozAppearance: "textfield",
-      "&:focus": {
-        backgroundColor: hoverColor
-      },
-      "&:hover": {
-        cursor: "pointer"
+  /** Styles applied to the element that holds the labels for the page size selector */
+  pageSizeTextContainer: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "32px",
+    padding: "8px 0"
+  },
+  /** Styles applied to the page size selector dropdown element. */
+  pageSizeOptionsSelect: {
+    display: "inline-block",
+    margin: `0px ${theme.space.xs}`,
+    width: "auto"
+  },
+  /** Styles applied to the page navigation container. */
+  pageNavigator: {
+    display: "flex",
+    alignItems: "stretch",
+    height: "32px",
+    gap: 8
+  },
+  /** Styles applied to each navigation `HvButton` icon container. */
+  iconContainer: {
+    padding: 0
+  },
+  /** Styles applied to each navigation icon. */
+  icon: {},
+  /** Styles applied to the central page information container. */
+  pageInfo: {
+    display: "inline-block",
+    whiteSpace: "nowrap",
+    height: "32px",
+    lineHeight: "32px"
+  },
+  /** Styles applied to the page selector input container. */
+  pageJump: {
+    display: "inline-block",
+    marginRight: `4px`,
+    [`& .${inputClasses.inputRoot}`]: {
+      [`& $pageSizeInput`]: {
+        paddingLeft: `4px`,
+        paddingRight: `4px`,
+        margin: 0,
+        textAlign: "center",
+        borderRadius: theme.radii.base,
+        MozAppearance: "textfield",
+        "&:focus": {
+          backgroundColor: hoverColor
+        },
+        "&:hover": {
+          cursor: "pointer"
+        }
       }
     }
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0Y4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBpbnB1dENsYXNzZXMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFNlbGVjdCBmcm9tIFwiLi9TZWxlY3RcIjtcbmltcG9ydCBCdXR0b25JY29uVG9vbHRpcCBmcm9tIFwiLi9CdXR0b25JY29uVG9vbHRpcFwiO1xuaW1wb3J0IHBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL3BhZ2luYXRpb25DbGFzc2VzXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiAxLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkubGFiZWwgYXMgQ1NTUHJvcGVydGllcyksXG4gIH0sXG4gIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Q29udGFpbmVyfWBdOiB7XG4gICAgd2lkdGg6IDQwLFxuICAgIG1pbldpZHRoOiA0MCxcbiAgICBtYXhXaWR0aDogdGhlbWUuc3BhY2luZyg4KSxcbiAgfSxcbiAgW2AmJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0Um9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpmb2N1cywgJjpmb2N1cy13aXRoaW4sICY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplT3B0aW9ucyA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBoZWlnaHQ6IDMyLFxuICBtYXJnaW5SaWdodDogNDAsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSlcIixcbiAgbGVmdDogXCIwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VTaXplUHJldiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgcGFkZGluZzogXCI4cHggMFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3QgPSBzdHlsZWQoU2VsZWN0KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIG1hcmdpbjogYDBweCAke3RoZW1lLnNwYWNlLnhzfWAsXG4gIHdpZHRoOiBcImF1dG9cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFnZVNpemVUZXh0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBwYWRkaW5nOiBcIjhweCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VOYXZpZ2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJzdHJldGNoXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIFwiJj4qXCI6IHtcbiAgICBtYXJnaW46IGAwIDRweGAsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbkljb25Ub29sdGlwID0gc3R5bGVkKEJ1dHRvbkljb25Ub29sdGlwKSh7XG4gIHBhZGRpbmc6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VJbmZvID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhZ2VKdW1wID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgbWFyZ2luUmlnaHQ6IGA0cHhgLFxuICBbYCYgLiR7aW5wdXRDbGFzc2VzLmlucHV0Um9vdH1gXToge1xuICAgIFtgJiAuJHtwYWdpbmF0aW9uQ2xhc3Nlcy5wYWdlU2l6ZUlucHV0fWBdOiB7XG4gICAgICBwYWRkaW5nTGVmdDogYDRweGAsXG4gICAgICBwYWRkaW5nUmlnaHQ6IGA0cHhgLFxuICAgICAgbWFyZ2luOiAwLFxuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5iYXNlLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJ0ZXh0ZmllbGRcIixcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
+  },
+  /** Styles passed down to the page selector Input component as `input`. */
+  pageSizeInput: {},
+  /** Styles passed down to the page selector Input root. */
+  pageSizeInputRoot: {},
+  /** Styles passed down to the page selector Input component as `container`. */
+  pageSizeInputContainer: {}
+});
 export {
-  StyledButtonIconTooltip,
-  StyledPageInfo,
-  StyledPageJump,
-  StyledPageNavigator,
-  StyledPageSizeOptions,
-  StyledPageSizePrev,
-  StyledPageSizeTextContainer,
-  StyledRoot,
-  StyledSelect
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Pagination.styles.js.map

package/dist/esm/components/Pagination/Pagination.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.styles.js","sources":["../../../../src/components/Pagination/Pagination.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { inputClasses } from \"@core/components\";\nimport { CSSProperties } from \"react\";\nimport Select from \"./Select\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\nimport paginationClasses from \"./paginationClasses\";\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  },\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      borderRadius: theme.radii.base,\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","process","env","NODE_ENV","target","label","position","zIndex","display","justifyContent","alignItems","flexWrap","marginTop","space","sm","paginationClasses","pageSizeInput","typography","pageSizeInputContainer","width","minWidth","maxWidth","spacing","pageSizeInputRoot","backgroundColor","StyledPageSizeOptions","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledPageSizePrev","StyledSelect","Select","margin","xs","StyledPageSizeTextContainer","StyledPageNavigator","height","StyledButtonIconTooltip","ButtonIconTooltip","StyledPageInfo","StyledPageJump","marginRight","inputClasses","inputRoot","paddingLeft","paddingRight","textAlign","borderRadius","radii","base","MozAppearance","cursor"],"mappings":"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"}
+{"version":3,"file":"Pagination.styles.js","sources":["../../../../src/components/Pagination/Pagination.styles.tsx"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { inputClasses } from \"@core/components\";\nimport { createClasses } from \"@core/utils\";\n\nconst hoverColor = theme.colors.atmo3;\n\nexport const { staticClasses, useClasses } = createClasses(\"HvPagination\", {\n  /** Styles applied to the component root class. */\n  root: {\n    position: \"relative\",\n    zIndex: 1,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"stretch\",\n    flexWrap: \"wrap\",\n    marginTop: theme.space.sm,\n    [`& $pageSizeInput`]: {\n      ...(theme.typography.label as CSSProperties),\n    },\n    [`& $pageSizeInputContainer`]: {\n      width: 40,\n      minWidth: 40,\n      maxWidth: theme.spacing(8),\n    },\n    [`&& $pageSizeInputRoot`]: {\n      backgroundColor: \"transparent\",\n      \"&:focus, &:focus-within, &:hover\": {\n        backgroundColor: hoverColor,\n      },\n    },\n  },\n  /** Styles applied to the page size selector container. */\n  pageSizeOptions: {\n    display: \"flex\",\n    position: \"absolute\",\n    height: 32,\n    top: \"50%\",\n    transform: \"translateY(-50%)\",\n    left: \"0\",\n  },\n  /** Styles applied to the element that holds the labels for the page size selector */\n  pageSizeTextContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    height: \"32px\",\n    padding: \"8px 0\",\n  },\n  /** Styles applied to the page size selector dropdown element. */\n  pageSizeOptionsSelect: {\n    display: \"inline-block\",\n    margin: `0px ${theme.space.xs}`,\n    width: \"auto\",\n  },\n  /** Styles applied to the page navigation container. */\n  pageNavigator: {\n    display: \"flex\",\n    alignItems: \"stretch\",\n    height: \"32px\",\n    gap: 8,\n  },\n  /** Styles applied to each navigation `HvButton` icon container. */\n  iconContainer: {\n    padding: 0,\n  },\n  /** Styles applied to each navigation icon. */\n  icon: {},\n  /** Styles applied to the central page information container. */\n  pageInfo: {\n    display: \"inline-block\",\n    whiteSpace: \"nowrap\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n  },\n  /** Styles applied to the page selector input container. */\n  pageJump: {\n    display: \"inline-block\",\n    marginRight: `4px`,\n    [`& .${inputClasses.inputRoot}`]: {\n      [`& $pageSizeInput`]: {\n        paddingLeft: `4px`,\n        paddingRight: `4px`,\n        margin: 0,\n        textAlign: \"center\",\n        borderRadius: theme.radii.base,\n        MozAppearance: \"textfield\",\n        \"&:focus\": {\n          backgroundColor: hoverColor,\n        },\n        \"&:hover\": {\n          cursor: \"pointer\",\n        },\n      },\n    },\n  },\n  /** Styles passed down to the page selector Input component as `input`. */\n  pageSizeInput: {},\n  /** Styles passed down to the page selector Input root. */\n  pageSizeInputRoot: {},\n  /** Styles passed down to the page selector Input component as `container`. */\n  pageSizeInputContainer: {},\n});\n"],"names":["hoverColor","theme","colors","atmo3","staticClasses","useClasses","createClasses","root","position","zIndex","display","justifyContent","alignItems","flexWrap","marginTop","space","sm","typography","label","width","minWidth","maxWidth","spacing","backgroundColor","pageSizeOptions","height","top","transform","left","pageSizeTextContainer","padding","pageSizeOptionsSelect","margin","xs","pageNavigator","gap","iconContainer","icon","pageInfo","whiteSpace","lineHeight","pageJump","marginRight","inputClasses","inputRoot","paddingLeft","paddingRight","textAlign","borderRadius","radii","base","MozAppearance","cursor","pageSizeInput","pageSizeInputRoot","pageSizeInputContainer"],"mappings":";;;AAKA,MAAMA,aAAaC,MAAMC,OAAOC;AAEnB,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAAc,gBAAgB;AAAA;AAAA,EAEzEC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,UAAU;AAAA,IACVC,WAAWb,MAAMc,MAAMC;AAAAA,IACvB,CAAE,kBAAiB,GAAG;AAAA,MACpB,GAAIf,MAAMgB,WAAWC;AAAAA,IACvB;AAAA,IACA,CAAE,2BAA0B,GAAG;AAAA,MAC7BC,OAAO;AAAA,MACPC,UAAU;AAAA,MACVC,UAAUpB,MAAMqB,QAAQ,CAAC;AAAA,IAC3B;AAAA,IACA,CAAE,uBAAsB,GAAG;AAAA,MACzBC,iBAAiB;AAAA,MACjB,oCAAoC;AAAA,QAClCA,iBAAiBvB;AAAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAEAwB,iBAAiB;AAAA,IACfd,SAAS;AAAA,IACTF,UAAU;AAAA,IACViB,QAAQ;AAAA,IACRC,KAAK;AAAA,IACLC,WAAW;AAAA,IACXC,MAAM;AAAA,EACR;AAAA;AAAA,EAEAC,uBAAuB;AAAA,IACrBnB,SAAS;AAAA,IACTE,YAAY;AAAA,IACZD,gBAAgB;AAAA,IAChBc,QAAQ;AAAA,IACRK,SAAS;AAAA,EACX;AAAA;AAAA,EAEAC,uBAAuB;AAAA,IACrBrB,SAAS;AAAA,IACTsB,QAAS,OAAM/B,MAAMc,MAAMkB;AAAAA,IAC3Bd,OAAO;AAAA,EACT;AAAA;AAAA,EAEAe,eAAe;AAAA,IACbxB,SAAS;AAAA,IACTE,YAAY;AAAA,IACZa,QAAQ;AAAA,IACRU,KAAK;AAAA,EACP;AAAA;AAAA,EAEAC,eAAe;AAAA,IACbN,SAAS;AAAA,EACX;AAAA;AAAA,EAEAO,MAAM,CAAC;AAAA;AAAA,EAEPC,UAAU;AAAA,IACR5B,SAAS;AAAA,IACT6B,YAAY;AAAA,IACZd,QAAQ;AAAA,IACRe,YAAY;AAAA,EACd;AAAA;AAAA,EAEAC,UAAU;AAAA,IACR/B,SAAS;AAAA,IACTgC,aAAc;AAAA,IACd,CAAE,MAAKC,aAAaC,WAAW,GAAG;AAAA,MAChC,CAAE,kBAAiB,GAAG;AAAA,QACpBC,aAAc;AAAA,QACdC,cAAe;AAAA,QACfd,QAAQ;AAAA,QACRe,WAAW;AAAA,QACXC,cAAc/C,MAAMgD,MAAMC;AAAAA,QAC1BC,eAAe;AAAA,QACf,WAAW;AAAA,UACT5B,iBAAiBvB;AAAAA,QACnB;AAAA,QACA,WAAW;AAAA,UACToD,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAEAC,eAAe,CAAC;AAAA;AAAA,EAEhBC,mBAAmB,CAAC;AAAA;AAAA,EAEpBC,wBAAwB,CAAC;AAC3B,CAAC;"}

package/dist/esm/components/Pagination/Select.js

@@ -65,8 +65,9 @@ const HvSelect = ({
     })
   });
 };
+const HvSelect$1 = HvSelect;
 export {
   Option,
-  HvSelect as default
+  HvSelect$1 as default
 };
 //# sourceMappingURL=Select.js.map

package/dist/esm/components/Pagination/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Pagination/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { HvBaseDropdown, HvSelectionList, HvListItem, HvPanel } from \"..\";\nimport { useClasses } from \"./Select.styles\";\n\nexport const Option = ({ children, ...others }) => (\n  <HvListItem {...others}>{children}</HvListItem>\n);\n\nconst HvSelect = ({\n  className,\n  classes: classesProp = {},\n  onChange,\n  disabled,\n  value,\n  children,\n  ...others\n}) => {\n  const { classes } = useClasses(classesProp);\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    <HvBaseDropdown\n      className={className}\n      classes={{\n        selection: classes.selection,\n        header: classes.header,\n        headerOpen: classes.headerOpen,\n      }}\n      expanded={open}\n      onToggle={handleToggle}\n      onContainerCreation={setFocusToContent}\n      placeholder={value}\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  );\n};\n\nexport default HvSelect;\n"],"names":["Option","children","others","HvListItem","HvSelect","className","classes","classesProp","onChange","disabled","value","useClasses","open","setOpen","useState","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","HvBaseDropdown","selection","header","headerOpen","expanded","onToggle","onContainerCreation","placeholder","variableWidth","HvPanel","HvSelectionList"],"mappings":";;;;;;;AAIO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAU,GAAGC;AAAO,0BAC1CC,YAAU;AAAA,EAAA,GAAKD;AAAAA,EAAMD;AAAW,CAAa;AAGhD,MAAMG,WAAWA,CAAC;AAAA,EAChBC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAT;AAAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IAAEI;AAAAA,EAAAA,IAAYK,WAAWJ,WAAW;AAC1C,QAAM,CAACK,MAAMC,OAAO,IAAIC,SAAS,KAAK;AAEhCC,QAAAA,eAAeA,CAACC,KAAKC,QAAQ;AACjCT,yCAAWQ,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,MAAM;AACR,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,6BACGC,gBAAc;AAAA,IACbxB;AAAAA,IACAC,SAAS;AAAA,MACPwB,WAAWxB,QAAQwB;AAAAA,MACnBC,QAAQzB,QAAQyB;AAAAA,MAChBC,YAAY1B,QAAQ0B;AAAAA,IACtB;AAAA,IACAC,UAAUrB;AAAAA,IACVsB,UAAUhB;AAAAA,IACViB,qBAAqBd;AAAAA,IACrBe,aAAa1B;AAAAA,IACbD;AAAAA,IACA4B,eAAa;AAAA,IAAA,GACTnC;AAAAA,IAAMD,8BAETqC,SAAO;AAAA,MAAArC,8BACLsC,iBAAe;AAAA,QAAC7B;AAAAA,QAAcF,UAAUO;AAAAA,QAAad;AAAAA,MAAAA,CAErC;AAAA,IAAA,CACV;AAAA,EAAA,CACK;AAEpB;"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Pagination/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { HvBaseDropdown, HvSelectionList, HvListItem, HvPanel } from \"..\";\nimport { useClasses } from \"./Select.styles\";\n\nexport const Option = ({ children, ...others }) => (\n  <HvListItem {...others}>{children}</HvListItem>\n);\n\nconst HvSelect = ({\n  className,\n  classes: classesProp = {},\n  onChange,\n  disabled,\n  value,\n  children,\n  ...others\n}) => {\n  const { classes } = useClasses(classesProp);\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    <HvBaseDropdown\n      className={className}\n      classes={{\n        selection: classes.selection,\n        header: classes.header,\n        headerOpen: classes.headerOpen,\n      }}\n      expanded={open}\n      onToggle={handleToggle}\n      onContainerCreation={setFocusToContent}\n      placeholder={value}\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  );\n};\n\nexport default HvSelect;\n"],"names":["Option","children","others","HvListItem","HvSelect","className","classes","classesProp","onChange","disabled","value","useClasses","open","setOpen","useState","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","HvBaseDropdown","selection","header","headerOpen","expanded","onToggle","onContainerCreation","placeholder","variableWidth","HvPanel","HvSelectionList"],"mappings":";;;;;;;AAIO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAU,GAAGC;AAAO,0BAC1CC,YAAU;AAAA,EAAA,GAAKD;AAAAA,EAAMD;AAAW,CAAa;AAGhD,MAAMG,WAAWA,CAAC;AAAA,EAChBC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAT;AAAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IAAEI;AAAAA,EAAAA,IAAYK,WAAWJ,WAAW;AAC1C,QAAM,CAACK,MAAMC,OAAO,IAAIC,SAAS,KAAK;AAEhCC,QAAAA,eAAeA,CAACC,KAAKC,QAAQ;AACjCT,yCAAWQ,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,MAAM;AACR,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,6BACGC,gBAAc;AAAA,IACbxB;AAAAA,IACAC,SAAS;AAAA,MACPwB,WAAWxB,QAAQwB;AAAAA,MACnBC,QAAQzB,QAAQyB;AAAAA,MAChBC,YAAY1B,QAAQ0B;AAAAA,IACtB;AAAA,IACAC,UAAUrB;AAAAA,IACVsB,UAAUhB;AAAAA,IACViB,qBAAqBd;AAAAA,IACrBe,aAAa1B;AAAAA,IACbD;AAAAA,IACA4B,eAAa;AAAA,IAAA,GACTnC;AAAAA,IAAMD,8BAETqC,SAAO;AAAA,MAAArC,8BACLsC,iBAAe;AAAA,QAAC7B;AAAAA,QAAcF,UAAUO;AAAAA,QAAad;AAAAA,MAAAA,CAErC;AAAA,IAAA,CACV;AAAA,EAAA,CACK;AAEpB;AAEA,MAAA,aAAeG;"}

package/dist/esm/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js

@@ -1,5 +1,5 @@
-import { ClassNames } from "@emotion/react";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useClasses } from "./ConfirmationDialog.styles.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvDialog } from "../../Dialog/Dialog.js";
 import { HvDialogTitle } from "../../Dialog/Title/Title.js";
 import { HvDialogContent } from "../../Dialog/Content/Content.js";
@@ -15,43 +15,40 @@ const ConfirmationDialog = ({
   cancelButtonLabel,
   closeButtonTooltip
 }) => {
-  const handleClose = (event, reason) => {
+  const {
+    classes
+  } = useClasses();
+  const handleClose = (_, reason) => {
     if (reason !== "backdropClick") {
       onCancel == null ? void 0 : onCancel();
     }
   };
-  return /* @__PURE__ */ jsx(ClassNames, {
-    children: ({
-      css
-    }) => /* @__PURE__ */ jsxs(HvDialog, {
-      classes: {
-        paper: css({
-          width: 500
-        })
-      },
-      open: isOpen,
-      onClose: handleClose,
-      firstFocusable: "confirmation-dialog-cancel",
-      buttonTitle: closeButtonTooltip,
-      children: [/* @__PURE__ */ jsx(HvDialogTitle, {
-        variant: "warning",
-        children: title
-      }), /* @__PURE__ */ jsx(HvDialogContent, {
-        indentContent: true,
-        children: message
-      }), /* @__PURE__ */ jsxs(HvDialogActions, {
-        children: [/* @__PURE__ */ jsx(HvButton, {
-          variant: "primaryGhost",
-          onClick: onConfirm,
-          children: confirmButtonLabel
-        }), /* @__PURE__ */ jsx(HvButton, {
-          id: "confirmation-dialog-cancel",
-          variant: "primaryGhost",
-          onClick: () => onCancel == null ? void 0 : onCancel(),
-          children: cancelButtonLabel
-        })]
+  return /* @__PURE__ */ jsxs(HvDialog, {
+    classes: {
+      paper: classes.paper
+    },
+    open: isOpen,
+    onClose: handleClose,
+    firstFocusable: "confirmation-dialog-cancel",
+    buttonTitle: closeButtonTooltip,
+    children: [/* @__PURE__ */ jsx(HvDialogTitle, {
+      variant: "warning",
+      children: title
+    }), /* @__PURE__ */ jsx(HvDialogContent, {
+      indentContent: true,
+      children: message
+    }), /* @__PURE__ */ jsxs(HvDialogActions, {
+      children: [/* @__PURE__ */ jsx(HvButton, {
+        variant: "primaryGhost",
+        onClick: onConfirm,
+        children: confirmButtonLabel
+      }), /* @__PURE__ */ jsx(HvButton, {
+        id: "confirmation-dialog-cancel",
+        variant: "primaryGhost",
+        onClick: () => onCancel == null ? void 0 : onCancel(),
+        children: cancelButtonLabel
       })]
-    })
+    })]
   });
 };
 export {