acinguiux-ds-react-framework 0.1.26 → 0.1.28

package/build/cjs/components/NavBar/components/FirstArea/FirstArea.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FirstArea.styles.js","sources":["../../../../../../src/components/NavBar/components/FirstArea/FirstArea.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { NavBarConsts } from 'acinguiux-ds-react-base/components/NavBar';\nimport { type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\n\nimport type { INavBarProps, INavBarPropsWithReqSize } from '../../NavBar.types';\nimport Label from '../../../Text/components/Label/Label';\nimport Pecten from '../../../Pecten/Pecten';\n\nconst Area = styled.div<INavBarPropsWithReqSize>`\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 4px;\n  overflow: hidden;\n`;\n\nconst HeaderPectenUrlWrapper = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n`;\n\nconst HeaderPecten = styled(Pecten)`\n  flex-shrink: 0;\n`;\n\nconst DescriptionLabel = styled(Label)`\n  align-self: flex-start;\n`;\n\nconst IconContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst TitleContainer = styled.div<PickTransient<INavBarPropsWithReqSize, 'size'>>(\n  ({ $size, theme }) => css`\n    display: flex;\n    flex-direction: row;\n    gap: ${NavBarConsts.consts[$size].lockupGap}px;\n\n    svg {\n      fill: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\n      width: ${NavBarConsts.consts[$size].iconSize}px;\n      height: ${NavBarConsts.consts[$size].iconSize}px;\n    }\n  `,\n);\n\nconst LockupContent = styled.div<PickTransient<INavBarProps, 'collapsed'>>(\n  ({ $collapsed }) => css`\n    display: flex;\n    flex-direction: column;\n    flex-shrink: 0;\n    transition: opacity 0.3s;\n\n    ${$collapsed &&\n    css`\n      display: none;\n      opacity: 0;\n    `}\n  `,\n);\n\nconst Header = styled.button<PickTransient<INavBarPropsWithReqSize, 'size'> & Pick<INavBarPropsWithReqSize, 'onClick'>>`\n  ${({ theme, $size }) => {\n    const modes: ModesType = { foundation: 'surface' };\n\n    return css`\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      align-self: stretch;\n      cursor: pointer;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      min-height: ${NavBarConsts.consts[$size].headerMinHeight}px;\n      border: unset;\n      border-radius: 8px;\n      padding: ${NavBarConsts.consts[$size].headerPadding};\n      gap: ${NavBarConsts.consts[$size].headerGap}px;\n      background-color: ${theme.layer(modes)[Variables.BackgroundFoundation]};\n\n      &:focus-visible {\n        ${getFocusStyles(theme)};\n        outline-offset: 0;\n      }\n\n      &:not(:disabled):hover {\n        background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\n          Variables.BackgroundFoundation\n        ]};\n      }\n\n      &:not(:disabled):active {\n        background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\n          Variables.BackgroundFoundation\n        ]};\n      }\n    `;\n  }}\n`;\n\nexport {\n  Area,\n  Header,\n  HeaderPecten,\n  TitleContainer,\n  LockupContent,\n  IconContainer,\n  HeaderPectenUrlWrapper,\n  DescriptionLabel,\n};\n"],"names":["Area","styled","HeaderPectenUrlWrapper","HeaderPecten","Pecten","DescriptionLabel","Label","IconContainer","TitleContainer","$size","theme","css","NavBarConsts.consts","Variables","LockupContent","$collapsed","Header","modes","getFocusStyles","FabricsVariables"],"mappings":"odAWMA,EAAOC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQdC,EAAyBD,EAAAA,OAAO;AAAA;AAAA;AAAA,EAKhCE,EAAeF,EAAAA,OAAOG,CAAM;AAAA;AAAA,EAI5BC,EAAmBJ,EAAAA,OAAOK,CAAK;AAAA;AAAA,EAI/BC,EAAgBN,EAAAA,OAAO;AAAA;AAAA;AAAA,EAKvBO,EAAiBP,EAAAA,OAAO,IAC5B,CAAC,CAAE,MAAAQ,EAAO,MAAAC,CAAA,IAAYC,EAAAA;AAAAA;AAAAA;AAAAA,WAGbC,EAAAA,OAAoBH,CAAK,EAAE,SAAS;AAAA;AAAA;AAAA,cAGjCC,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEG,EAAAA,UAAU,sBAAsB,CAAC;AAAA,eACvED,EAAAA,OAAoBH,CAAK,EAAE,QAAQ;AAAA,gBAClCG,EAAAA,OAAoBH,CAAK,EAAE,QAAQ;AAAA;AAAA,GAGnD,EAEMK,EAAgBb,EAAAA,OAAO,IAC3B,CAAC,CAAE,WAAAc,CAAA,IAAiBJ,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAMhBI,GACFJ,EAAAA;AAAAA;AAAAA;AAAAA,KAGC;AAAA,GAEL,EAEMK,EAASf,EAAAA,OAAO;AAAA,IAClB,CAAC,CAAE,MAAAS,EAAO,MAAAD,KAAY,CACtB,MAAMQ,EAAmB,CAAE,WAAY,SAAA,EAEvC,OAAON,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,oBASSC,EAAAA,OAAoBH,CAAK,EAAE,eAAe;AAAA;AAAA;AAAA,iBAG7CG,EAAAA,OAAoBH,CAAK,EAAE,aAAa;AAAA,aAC5CG,EAAAA,OAAoBH,CAAK,EAAE,SAAS;AAAA,0BACvBC,EAAM,MAAMO,CAAK,EAAEJ,EAAAA,UAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,UAGlEK,EAAAA,eAAeR,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKHA,EAAM,MAAM,CAAE,GAAGO,EAAO,MAAOE,mBAAiB,OAAO,KAAA,CAAO,EAChFN,EAAAA,UAAU,oBACZ,CAAC;AAAA;AAAA;AAAA;AAAA,4BAImBH,EAAM,MAAM,CAAE,GAAGO,EAAO,MAAOE,mBAAiB,OAAO,KAAA,CAAO,EAChFN,EAAAA,UAAU,oBACZ,CAAC;AAAA;AAAA,KAGP,CAAC;AAAA"}
+{"version":3,"file":"FirstArea.styles.js","sources":["../../../../../../src/components/NavBar/components/FirstArea/FirstArea.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport { NavBarConsts } from 'acinguiux-ds-react-base/components/NavBar';\r\nimport { type ModesType, Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\n\r\nimport type { INavBarProps, INavBarPropsWithReqSize } from '../../NavBar.types';\r\nimport Label from '../../../Text/components/Label/Label';\r\nimport Pecten from '../../../Pecten/Pecten';\r\n\r\nconst Area = styled.div<INavBarPropsWithReqSize>`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-shrink: 0;\r\n  padding: 4px;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst HeaderPectenUrlWrapper = styled.a`\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n`;\r\n\r\nconst HeaderPecten = styled(Pecten)`\r\n  flex-shrink: 0;\r\n`;\r\n\r\nconst DescriptionLabel = styled(Label)`\r\n  align-self: flex-start;\r\n`;\r\n\r\nconst IconContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nconst TitleContainer = styled.div<PickTransient<INavBarPropsWithReqSize, 'size'>>(\r\n  ({ $size, theme }) => css`\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: ${NavBarConsts.consts[$size].lockupGap}px;\r\n\r\n    svg {\r\n      fill: ${theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong]};\r\n      width: ${NavBarConsts.consts[$size].iconSize}px;\r\n      height: ${NavBarConsts.consts[$size].iconSize}px;\r\n    }\r\n  `,\r\n);\r\n\r\nconst LockupContent = styled.div<PickTransient<INavBarProps, 'collapsed'>>(\r\n  ({ $collapsed }) => css`\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-shrink: 0;\r\n    transition: opacity 0.3s;\r\n\r\n    ${$collapsed &&\r\n    css`\r\n      display: none;\r\n      opacity: 0;\r\n    `}\r\n  `,\r\n);\r\n\r\nconst Header = styled.button<PickTransient<INavBarPropsWithReqSize, 'size'> & Pick<INavBarPropsWithReqSize, 'onClick'>>`\r\n  ${({ theme, $size }) => {\r\n    const modes: ModesType = { foundation: 'surface' };\r\n\r\n    return css`\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      align-self: stretch;\r\n      cursor: pointer;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      min-height: ${NavBarConsts.consts[$size].headerMinHeight}px;\r\n      border: unset;\r\n      border-radius: 8px;\r\n      padding: ${NavBarConsts.consts[$size].headerPadding};\r\n      gap: ${NavBarConsts.consts[$size].headerGap}px;\r\n      background-color: ${theme.layer(modes)[Variables.BackgroundFoundation]};\r\n\r\n      &:focus-visible {\r\n        ${getFocusStyles(theme)};\r\n        outline-offset: 0;\r\n      }\r\n\r\n      &:not(:disabled):hover {\r\n        background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Hover })[\r\n          Variables.BackgroundFoundation\r\n        ]};\r\n      }\r\n\r\n      &:not(:disabled):active {\r\n        background-color: ${theme.layer({ ...modes, state: FabricsVariables.States.Press })[\r\n          Variables.BackgroundFoundation\r\n        ]};\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport {\r\n  Area,\r\n  Header,\r\n  HeaderPecten,\r\n  TitleContainer,\r\n  LockupContent,\r\n  IconContainer,\r\n  HeaderPectenUrlWrapper,\r\n  DescriptionLabel,\r\n};\r\n"],"names":["Area","styled","HeaderPectenUrlWrapper","HeaderPecten","Pecten","DescriptionLabel","Label","IconContainer","TitleContainer","$size","theme","css","NavBarConsts.consts","Variables","LockupContent","$collapsed","Header","modes","getFocusStyles","FabricsVariables"],"mappings":"odAWMA,EAAOC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQdC,EAAyBD,EAAAA,OAAO;AAAA;AAAA;AAAA,EAKhCE,EAAeF,EAAAA,OAAOG,CAAM;AAAA;AAAA,EAI5BC,EAAmBJ,EAAAA,OAAOK,CAAK;AAAA;AAAA,EAI/BC,EAAgBN,EAAAA,OAAO;AAAA;AAAA;AAAA,EAKvBO,EAAiBP,EAAAA,OAAO,IAC5B,CAAC,CAAE,MAAAQ,EAAO,MAAAC,CAAA,IAAYC,EAAAA;AAAAA;AAAAA;AAAAA,WAGbC,EAAAA,OAAoBH,CAAK,EAAE,SAAS;AAAA;AAAA;AAAA,cAGjCC,EAAM,MAAM,CAAE,WAAY,UAAW,EAAEG,EAAAA,UAAU,sBAAsB,CAAC;AAAA,eACvED,EAAAA,OAAoBH,CAAK,EAAE,QAAQ;AAAA,gBAClCG,EAAAA,OAAoBH,CAAK,EAAE,QAAQ;AAAA;AAAA,GAGnD,EAEMK,EAAgBb,EAAAA,OAAO,IAC3B,CAAC,CAAE,WAAAc,CAAA,IAAiBJ,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAMhBI,GACFJ,EAAAA;AAAAA;AAAAA;AAAAA,KAGC;AAAA,GAEL,EAEMK,EAASf,EAAAA,OAAO;AAAA,IAClB,CAAC,CAAE,MAAAS,EAAO,MAAAD,KAAY,CACtB,MAAMQ,EAAmB,CAAE,WAAY,SAAA,EAEvC,OAAON,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,oBASSC,EAAAA,OAAoBH,CAAK,EAAE,eAAe;AAAA;AAAA;AAAA,iBAG7CG,EAAAA,OAAoBH,CAAK,EAAE,aAAa;AAAA,aAC5CG,EAAAA,OAAoBH,CAAK,EAAE,SAAS;AAAA,0BACvBC,EAAM,MAAMO,CAAK,EAAEJ,EAAAA,UAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,UAGlEK,EAAAA,eAAeR,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAKHA,EAAM,MAAM,CAAE,GAAGO,EAAO,MAAOE,mBAAiB,OAAO,KAAA,CAAO,EAChFN,EAAAA,UAAU,oBACZ,CAAC;AAAA;AAAA;AAAA;AAAA,4BAImBH,EAAM,MAAM,CAAE,GAAGO,EAAO,MAAOE,mBAAiB,OAAO,KAAA,CAAO,EAChFN,EAAAA,UAAU,oBACZ,CAAC;AAAA;AAAA,KAGP,CAAC;AAAA"}

package/build/cjs/components/NavBar/components/LastArea/LastArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"LastArea.js","sources":["../../../../../../src/components/NavBar/components/LastArea/LastArea.tsx"],"sourcesContent":["import type { NavBarTypes } from 'acinguiux-ds-react-base/components/NavBar';\n\nimport type { FlagName } from '../../../Flag/Flag.types';\nimport type { INavBarProps } from '../../NavBar.types';\nimport { StyledAvatar, Area } from './LastArea.styles';\nimport { Popover, PopoverTrigger, PopoverContent } from '../../../Popover/Popover';\n\nconst getAvatar = (\n  size: NavBarTypes.Size,\n  collapsed: boolean,\n  avatarProps: NavBarTypes.ILastAreaProps<FlagName>['avatarProps'],\n) => {\n  let currentProps = { ...avatarProps };\n\n  if (avatarProps && !avatarProps.popoverContent) {\n    currentProps = { ...currentProps, icon: false, interactive: false };\n  }\n\n  if (collapsed) {\n    currentProps = { ...currentProps, title: null, label: null, icon: false };\n  }\n\n  return <StyledAvatar size={size} {...currentProps} />;\n};\n\nconst LastArea = ({\n  size = 'medium',\n  avatarArea,\n  avatarProps,\n  collapsed = false,\n}: NavBarTypes.ILastAreaProps<FlagName> & Pick<INavBarProps, 'collapsed' | 'size'>) => (\n  <>\n    {!!avatarArea && !avatarProps && <Area>{avatarArea}</Area>}\n    {!!avatarProps && (\n      <Area>\n        {avatarProps.popoverContent ? (\n          <Popover>\n            <PopoverTrigger asChild={true}>{getAvatar(size, collapsed, avatarProps)}</PopoverTrigger>\n            <PopoverContent padding={false} align=\"end\" side=\"bottom\">\n              {avatarProps.popoverContent}\n            </PopoverContent>\n          </Popover>\n        ) : (\n          getAvatar(size, collapsed, avatarProps)\n        )}\n      </Area>\n    )}\n  </>\n);\n\nexport default LastArea;\n"],"names":["getAvatar","size","collapsed","avatarProps","currentProps","jsx","StyledAvatar","LastArea","avatarArea","jsxs","Fragment","Area","Popover","PopoverTrigger","PopoverContent"],"mappings":"6HAOMA,EAAY,CAChBC,EACAC,EACAC,IACG,CACH,IAAIC,EAAe,CAAE,GAAGD,CAAA,EAExB,OAAIA,GAAe,CAACA,EAAY,iBAC9BC,EAAe,CAAE,GAAGA,EAAc,KAAM,GAAO,YAAa,EAAA,GAG1DF,IACFE,EAAe,CAAE,GAAGA,EAAc,MAAO,KAAM,MAAO,KAAM,KAAM,EAAA,GAG7DC,EAAAA,IAACC,EAAAA,aAAA,CAAa,KAAAL,EAAa,GAAGG,CAAA,CAAc,CACrD,EAEMG,EAAW,CAAC,CAChB,KAAAN,EAAO,SACP,WAAAO,EACA,YAAAL,EACA,UAAAD,EAAY,EACd,IACEO,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAAC,CAACF,GAAc,CAACL,GAAeE,EAAAA,IAACM,EAAAA,MAAM,SAAAH,EAAW,EAClD,CAAC,CAACL,GACDE,MAACM,EAAAA,MACE,SAAAR,EAAY,sBACVS,EAAAA,QAAA,CACC,SAAA,CAAAP,EAAAA,IAACQ,EAAAA,gBAAe,QAAS,GAAO,WAAUZ,EAAMC,EAAWC,CAAW,EAAE,EACxEE,EAAAA,IAACS,EAAAA,gBAAe,QAAS,GAAO,MAAM,MAAM,KAAK,SAC9C,SAAAX,EAAY,cAAA,CACf,CAAA,CAAA,CACF,EAEAH,EAAUC,EAAMC,EAAWC,CAAW,CAAA,CAE1C,CAAA,CAAA,CAEJ"}
+{"version":3,"file":"LastArea.js","sources":["../../../../../../src/components/NavBar/components/LastArea/LastArea.tsx"],"sourcesContent":["import type { NavBarTypes } from 'acinguiux-ds-react-base/components/NavBar';\r\n\r\nimport type { FlagName } from '../../../Flag/Flag.types';\r\nimport type { INavBarProps } from '../../NavBar.types';\r\nimport { StyledAvatar, Area } from './LastArea.styles';\r\nimport { Popover, PopoverTrigger, PopoverContent } from '../../../Popover/Popover';\r\n\r\nconst getAvatar = (\r\n  size: NavBarTypes.Size,\r\n  collapsed: boolean,\r\n  avatarProps: NavBarTypes.ILastAreaProps<FlagName>['avatarProps'],\r\n) => {\r\n  let currentProps = { ...avatarProps };\r\n\r\n  if (avatarProps && !avatarProps.popoverContent) {\r\n    currentProps = { ...currentProps, icon: false, interactive: false };\r\n  }\r\n\r\n  if (collapsed) {\r\n    currentProps = { ...currentProps, title: null, label: null, icon: false };\r\n  }\r\n\r\n  return <StyledAvatar size={size} {...currentProps} />;\r\n};\r\n\r\nconst LastArea = ({\r\n  size = 'medium',\r\n  avatarArea,\r\n  avatarProps,\r\n  collapsed = false,\r\n}: NavBarTypes.ILastAreaProps<FlagName> & Pick<INavBarProps, 'collapsed' | 'size'>) => (\r\n  <>\r\n    {!!avatarArea && !avatarProps && <Area>{avatarArea}</Area>}\r\n    {!!avatarProps && (\r\n      <Area>\r\n        {avatarProps.popoverContent ? (\r\n          <Popover>\r\n            <PopoverTrigger asChild={true}>{getAvatar(size, collapsed, avatarProps)}</PopoverTrigger>\r\n            <PopoverContent padding={false} align=\"end\" side=\"bottom\">\r\n              {avatarProps.popoverContent}\r\n            </PopoverContent>\r\n          </Popover>\r\n        ) : (\r\n          getAvatar(size, collapsed, avatarProps)\r\n        )}\r\n      </Area>\r\n    )}\r\n  </>\r\n);\r\n\r\nexport default LastArea;\r\n"],"names":["getAvatar","size","collapsed","avatarProps","currentProps","jsx","StyledAvatar","LastArea","avatarArea","jsxs","Fragment","Area","Popover","PopoverTrigger","PopoverContent"],"mappings":"6HAOMA,EAAY,CAChBC,EACAC,EACAC,IACG,CACH,IAAIC,EAAe,CAAE,GAAGD,CAAA,EAExB,OAAIA,GAAe,CAACA,EAAY,iBAC9BC,EAAe,CAAE,GAAGA,EAAc,KAAM,GAAO,YAAa,EAAA,GAG1DF,IACFE,EAAe,CAAE,GAAGA,EAAc,MAAO,KAAM,MAAO,KAAM,KAAM,EAAA,GAG7DC,EAAAA,IAACC,EAAAA,aAAA,CAAa,KAAAL,EAAa,GAAGG,CAAA,CAAc,CACrD,EAEMG,EAAW,CAAC,CAChB,KAAAN,EAAO,SACP,WAAAO,EACA,YAAAL,EACA,UAAAD,EAAY,EACd,IACEO,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAAC,CAACF,GAAc,CAACL,GAAeE,EAAAA,IAACM,EAAAA,MAAM,SAAAH,EAAW,EAClD,CAAC,CAACL,GACDE,MAACM,EAAAA,MACE,SAAAR,EAAY,sBACVS,EAAAA,QAAA,CACC,SAAA,CAAAP,EAAAA,IAACQ,EAAAA,gBAAe,QAAS,GAAO,WAAUZ,EAAMC,EAAWC,CAAW,EAAE,EACxEE,EAAAA,IAACS,EAAAA,gBAAe,QAAS,GAAO,MAAM,MAAM,KAAK,SAC9C,SAAAX,EAAY,cAAA,CACf,CAAA,CAAA,CACF,EAEAH,EAAUC,EAAMC,EAAWC,CAAW,CAAA,CAE1C,CAAA,CAAA,CAEJ"}

package/build/cjs/components/NavBar/components/LastArea/LastArea.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"LastArea.styles.js","sources":["../../../../../../src/components/NavBar/components/LastArea/LastArea.styles.ts"],"sourcesContent":["import { css, styled } from 'styled-components';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\n\nimport DropdownAvatar from '../../../Avatar/DropdownAvatar';\nimport { type IDropdownAvatarProps } from '../../../Avatar/Avatar.types';\n\nconst Area = styled.div`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  padding: 4px;\n  transition: all 0.3s ease;\n  overflow: hidden;\n`;\n\nconst StyledAvatar = styled(DropdownAvatar)<Required<Pick<IDropdownAvatarProps, 'size'>>>`\n  flex: 1 1 0;\n  margin: 0;\n  position: relative;\n  min-width: 0;\n\n  ${({ size }) => css`\n    justify-content: flex-start;\n    margin-right: ${MenuConsts.consts[size].itemListMarginLeft}px;\n  `};\n\n  &:focus-visible {\n    outline-offset: 0;\n  }\n`;\n\nexport { Area, StyledAvatar };\n"],"names":["Area","styled","StyledAvatar","DropdownAvatar","size","css","MenuConsts.consts"],"mappings":"uQAMMA,EAAOC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASdC,EAAeD,EAAAA,OAAOE,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMtC,CAAC,CAAE,KAAAC,CAAA,IAAWC,EAAAA;AAAAA;AAAAA,oBAEEC,EAAAA,OAAkBF,CAAI,EAAE,kBAAkB;AAAA,GAC3D;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"LastArea.styles.js","sources":["../../../../../../src/components/NavBar/components/LastArea/LastArea.styles.ts"],"sourcesContent":["import { css, styled } from 'styled-components';\r\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\r\n\r\nimport DropdownAvatar from '../../../Avatar/DropdownAvatar';\r\nimport { type IDropdownAvatarProps } from '../../../Avatar/Avatar.types';\r\n\r\nconst Area = styled.div`\r\n  display: flex;\r\n  flex-shrink: 0;\r\n  align-items: center;\r\n  padding: 4px;\r\n  transition: all 0.3s ease;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst StyledAvatar = styled(DropdownAvatar)<Required<Pick<IDropdownAvatarProps, 'size'>>>`\r\n  flex: 1 1 0;\r\n  margin: 0;\r\n  position: relative;\r\n  min-width: 0;\r\n\r\n  ${({ size }) => css`\r\n    justify-content: flex-start;\r\n    margin-right: ${MenuConsts.consts[size].itemListMarginLeft}px;\r\n  `};\r\n\r\n  &:focus-visible {\r\n    outline-offset: 0;\r\n  }\r\n`;\r\n\r\nexport { Area, StyledAvatar };\r\n"],"names":["Area","styled","StyledAvatar","DropdownAvatar","size","css","MenuConsts.consts"],"mappings":"uQAMMA,EAAOC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASdC,EAAeD,EAAAA,OAAOE,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMtC,CAAC,CAAE,KAAAC,CAAA,IAAWC,EAAAA;AAAAA;AAAAA,oBAEEC,EAAAA,OAAkBF,CAAI,EAAE,kBAAkB;AAAA,GAC3D;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/build/cjs/components/Pagination/DefaultPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultPagination.js","sources":["../../../../src/components/Pagination/DefaultPagination.tsx"],"sourcesContent":["import { type ChangeEventHandler, type ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { PAGINATION_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { PaginationTypes } from 'acinguiux-ds-react-base/components/Pagination';\n\nimport { useTranslation } from '../../libs/i18next/hooks/useTranslation';\nimport type { TFunction } from '../../libs/i18next/types';\nimport Label from '../Text/components/Label/Label';\nimport * as Styled from './DefaultPagination.styles';\nimport type { IDefaultPaginationProps } from './Pagination.types';\nimport { enforceInRange, getPagesToDisplay } from './utils/getPagesToDisplay';\nimport {\n  FirstPageButton,\n  LastPageButton,\n  NextPageButton,\n  PageButton,\n  PrevPageButton,\n} from './components/PaginationButtons';\nimport { defaultNumberFormatter } from './utils/numberFormatter';\n\ntype QuickJumperProps = {\n  size: PaginationTypes.Size;\n  t: TFunction<'pagination'>;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n};\n\nconst MIN_PAGES = 1;\nconst FIRST_PAGE = 1;\nconst DEFAULT_MIN_PAGE_SIZE = 10;\nconst DEFAULT_PAGE_SIZE = 20;\nconst DEFAULT_EXTENDED_PAGE_SIZE = 50;\n\nconst DEFAULT_PAGE_SIZES = [DEFAULT_MIN_PAGE_SIZE, DEFAULT_PAGE_SIZE, DEFAULT_EXTENDED_PAGE_SIZE];\n\ntype PagesProps = {\n  moreButton: boolean;\n  onPageClick: (pageNumber: number) => void;\n  size: PaginationTypes.Size;\n  t: TFunction<'pagination'>;\n  currentPage: number;\n  total: number;\n};\n\nconst Pages = ({ moreButton, onPageClick, size, t, currentPage, total }: PagesProps) => {\n  const [currentDisplayed, setCurrentDisplayed] = useState(currentPage);\n\n  useEffect(() => {\n    setCurrentDisplayed(enforceInRange(currentPage, total));\n  }, [currentPage, total]);\n\n  const pageToDisplay = useMemo(\n    () => getPagesToDisplay(currentPage, currentDisplayed, total, moreButton),\n    [moreButton, currentDisplayed, total, currentPage],\n  );\n\n  return pageToDisplay.map(({ page, current, more }) =>\n    more ? (\n      <PageButton\n        key={`more-${more}`}\n        onClick={(e) => {\n          e.preventDefault();\n          setCurrentDisplayed(page);\n        }}\n        page={page}\n        more={more}\n        size={size}\n        t={t}\n      />\n    ) : (\n      <PageButton\n        key={`page-${page}`}\n        page={page}\n        current={current}\n        onClick={(e) => {\n          e.preventDefault();\n          onPageClick(page);\n        }}\n        more={false}\n        size={size}\n        t={t}\n      />\n    ),\n  );\n};\n\nconst DefaultQuickJumper = ({ size, t, onChange }: QuickJumperProps) => (\n  <Styled.QuickJumperContainer>\n    <Label size={size}>{t('jumpTo')}</Label>\n    <Styled.TextInput onBlur={onChange} placeholder={t('jumpToPagePlaceholder')} size={size} />\n  </Styled.QuickJumperContainer>\n);\n\n// ensure page is > 1 and <= total\nconst ensurePageInRange = (page: number, total: number): number => Math.min(Math.max(page, 1), total);\n\nconst DefaultPagination = ({\n  className,\n  size = Sizes.Medium,\n  current,\n  quickJumper,\n  startEndButtons,\n  allowedPageSizes = DEFAULT_PAGE_SIZES,\n  pageSize = DEFAULT_PAGE_SIZE,\n  onPageSizeChange,\n  totalItems,\n  showTotalItems = true,\n  moreButton = false,\n  onPageChange,\n  i18n,\n  numberFormatter = defaultNumberFormatter(),\n  ...rest\n}: IDefaultPaginationProps): ReactElement => {\n  const { t } = useTranslation('pagination', { i18n });\n  const [currentPage, setCurrentPage] = useState(current);\n  const [currentPageSize, setCurrentPageSize] = useState(pageSize);\n\n  const total = useMemo(\n    // calculate total pages based on total items and current page size, totalItems >= 0, ensures MIN_PAGES minimum pages\n    () => Math.ceil(Math.max(totalItems, 0) / (currentPageSize || DEFAULT_PAGE_SIZE)) || MIN_PAGES,\n    [totalItems, currentPageSize],\n  );\n  const isFirstPage = useMemo(() => currentPage === FIRST_PAGE, [currentPage]);\n  const isLastPage = useMemo(() => currentPage === total, [currentPage, total]);\n\n  useEffect(() => {\n    setCurrentPage(ensurePageInRange(current, total));\n  }, [current, total]);\n\n  useEffect(() => {\n    setCurrentPageSize(pageSize);\n  }, [pageSize]);\n\n  const onPageChangeHandler = useCallback(\n    (page: number, prevPage: number) => {\n      const newPage = ensurePageInRange(page, total);\n      setCurrentPage(newPage);\n      onPageChange?.(newPage, prevPage);\n    },\n    [onPageChange, total],\n  );\n\n  const onQuickJumperChangeHandler = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const pageNumber = Number(event.target.value);\n\n      event.target.value = '';\n\n      if (Number.isNaN(pageNumber)) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        return;\n      }\n\n      const newPage = ensurePageInRange(pageNumber, total);\n\n      onPageChangeHandler(newPage, currentPage);\n    },\n    [onPageChangeHandler, total, currentPage],\n  );\n\n  const onPageSizeChangeHandler = useCallback(\n    (newPageSize: number) => {\n      setCurrentPageSize(newPageSize);\n      onPageSizeChange?.(newPageSize);\n      onPageChangeHandler(FIRST_PAGE, currentPage);\n    },\n    [onPageSizeChange, onPageChangeHandler, currentPage],\n  );\n\n  const goToFirstPage = useCallback(() => onPageChangeHandler(1, currentPage), [onPageChangeHandler, currentPage]);\n  const goToLastPage = useCallback(\n    () => onPageChangeHandler(total, currentPage),\n    [onPageChangeHandler, total, currentPage],\n  );\n  const goToPrevPage = useCallback(\n    () => onPageChangeHandler(currentPage - 1, currentPage),\n    [onPageChangeHandler, currentPage],\n  );\n  const goToPage = useCallback(\n    (pageNumber: number) => onPageChangeHandler(pageNumber, currentPage),\n    [onPageChangeHandler, currentPage],\n  );\n  const goToNextPage = useCallback(\n    () => onPageChangeHandler(currentPage + 1, currentPage),\n    [onPageChangeHandler, currentPage],\n  );\n\n  return (\n    <Styled.DefaultPaginationWrapper className={classNames(PAGINATION_CLASS, className)} $size={size} {...rest}>\n      <Styled.DefaultPaginationContainer aria-label=\"pagination\">\n        {showTotalItems && (\n          <Styled.TotalItems>\n            <Label size={size}>{t('total')}</Label>\n            <Label size={size}>{numberFormatter.format(totalItems)}</Label>\n            <Label size={size}>{t('item', { count: totalItems })}</Label>\n          </Styled.TotalItems>\n        )}\n        <Styled.PaginationList>\n          {startEndButtons && <FirstPageButton onClick={goToFirstPage} size={size} disabled={isFirstPage} t={t} />}\n          <PrevPageButton onClick={goToPrevPage} size={size} disabled={isFirstPage} t={t} />\n          <Pages\n            moreButton={moreButton}\n            onPageClick={goToPage}\n            size={size}\n            t={t}\n            currentPage={currentPage}\n            total={total}\n          />\n          <NextPageButton onClick={goToNextPage} size={size} disabled={isLastPage} t={t} />\n          {startEndButtons && <LastPageButton onClick={goToLastPage} size={size} disabled={isLastPage} t={t} />}\n        </Styled.PaginationList>\n        {quickJumper && <DefaultQuickJumper t={t} size={size} onChange={onQuickJumperChangeHandler} />}\n      </Styled.DefaultPaginationContainer>\n      <Styled.DefaultPaginationItemsPerPageContainer>\n        <Label size={size}>{t('displayingItemsPerPage')}</Label>\n        <Styled.Select\n          size={size}\n          value={currentPageSize}\n          onSelect={onPageSizeChangeHandler}\n          allowClear={false}\n          options={allowedPageSizes.map((pSize) => ({ label: `${pSize}`, value: pSize }))}\n        />\n        <Label size={size}>{`${t('item', { count: 4 })} ${t('itemsPerPage')}`}</Label>\n      </Styled.DefaultPaginationItemsPerPageContainer>\n    </Styled.DefaultPaginationWrapper>\n  );\n};\n\nexport default DefaultPagination;\n"],"names":["MIN_PAGES","FIRST_PAGE","DEFAULT_MIN_PAGE_SIZE","DEFAULT_PAGE_SIZE","DEFAULT_EXTENDED_PAGE_SIZE","DEFAULT_PAGE_SIZES","Pages","moreButton","onPageClick","size","t","currentPage","total","currentDisplayed","setCurrentDisplayed","useState","useEffect","enforceInRange","useMemo","getPagesToDisplay","page","current","more","jsx","PageButton","e","DefaultQuickJumper","onChange","jsxs","Styled.QuickJumperContainer","Label","Styled.TextInput","ensurePageInRange","DefaultPagination","className","Sizes","quickJumper","startEndButtons","allowedPageSizes","pageSize","onPageSizeChange","totalItems","showTotalItems","onPageChange","i18n","numberFormatter","defaultNumberFormatter","rest","useTranslation","setCurrentPage","currentPageSize","setCurrentPageSize","isFirstPage","isLastPage","onPageChangeHandler","useCallback","prevPage","newPage","onQuickJumperChangeHandler","event","pageNumber","onPageSizeChangeHandler","newPageSize","goToFirstPage","goToLastPage","goToPrevPage","goToPage","goToNextPage","Styled.DefaultPaginationWrapper","classNames","PAGINATION_CLASS","Styled.DefaultPaginationContainer","Styled.TotalItems","Styled.PaginationList","FirstPageButton","PrevPageButton","NextPageButton","LastPageButton","Styled.DefaultPaginationItemsPerPageContainer","Styled.Select","pSize"],"mappings":"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"}
+{"version":3,"file":"DefaultPagination.js","sources":["../../../../src/components/Pagination/DefaultPagination.tsx"],"sourcesContent":["import { type ChangeEventHandler, type ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { PAGINATION_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport type { PaginationTypes } from 'acinguiux-ds-react-base/components/Pagination';\r\n\r\nimport { useTranslation } from '../../libs/i18next/hooks/useTranslation';\r\nimport type { TFunction } from '../../libs/i18next/types';\r\nimport Label from '../Text/components/Label/Label';\r\nimport * as Styled from './DefaultPagination.styles';\r\nimport type { IDefaultPaginationProps } from './Pagination.types';\r\nimport { enforceInRange, getPagesToDisplay } from './utils/getPagesToDisplay';\r\nimport {\r\n  FirstPageButton,\r\n  LastPageButton,\r\n  NextPageButton,\r\n  PageButton,\r\n  PrevPageButton,\r\n} from './components/PaginationButtons';\r\nimport { defaultNumberFormatter } from './utils/numberFormatter';\r\n\r\ntype QuickJumperProps = {\r\n  size: PaginationTypes.Size;\r\n  t: TFunction<'pagination'>;\r\n  onChange: ChangeEventHandler<HTMLInputElement>;\r\n};\r\n\r\nconst MIN_PAGES = 1;\r\nconst FIRST_PAGE = 1;\r\nconst DEFAULT_MIN_PAGE_SIZE = 10;\r\nconst DEFAULT_PAGE_SIZE = 20;\r\nconst DEFAULT_EXTENDED_PAGE_SIZE = 50;\r\n\r\nconst DEFAULT_PAGE_SIZES = [DEFAULT_MIN_PAGE_SIZE, DEFAULT_PAGE_SIZE, DEFAULT_EXTENDED_PAGE_SIZE];\r\n\r\ntype PagesProps = {\r\n  moreButton: boolean;\r\n  onPageClick: (pageNumber: number) => void;\r\n  size: PaginationTypes.Size;\r\n  t: TFunction<'pagination'>;\r\n  currentPage: number;\r\n  total: number;\r\n};\r\n\r\nconst Pages = ({ moreButton, onPageClick, size, t, currentPage, total }: PagesProps) => {\r\n  const [currentDisplayed, setCurrentDisplayed] = useState(currentPage);\r\n\r\n  useEffect(() => {\r\n    setCurrentDisplayed(enforceInRange(currentPage, total));\r\n  }, [currentPage, total]);\r\n\r\n  const pageToDisplay = useMemo(\r\n    () => getPagesToDisplay(currentPage, currentDisplayed, total, moreButton),\r\n    [moreButton, currentDisplayed, total, currentPage],\r\n  );\r\n\r\n  return pageToDisplay.map(({ page, current, more }) =>\r\n    more ? (\r\n      <PageButton\r\n        key={`more-${more}`}\r\n        onClick={(e) => {\r\n          e.preventDefault();\r\n          setCurrentDisplayed(page);\r\n        }}\r\n        page={page}\r\n        more={more}\r\n        size={size}\r\n        t={t}\r\n      />\r\n    ) : (\r\n      <PageButton\r\n        key={`page-${page}`}\r\n        page={page}\r\n        current={current}\r\n        onClick={(e) => {\r\n          e.preventDefault();\r\n          onPageClick(page);\r\n        }}\r\n        more={false}\r\n        size={size}\r\n        t={t}\r\n      />\r\n    ),\r\n  );\r\n};\r\n\r\nconst DefaultQuickJumper = ({ size, t, onChange }: QuickJumperProps) => (\r\n  <Styled.QuickJumperContainer>\r\n    <Label size={size}>{t('jumpTo')}</Label>\r\n    <Styled.TextInput onBlur={onChange} placeholder={t('jumpToPagePlaceholder')} size={size} />\r\n  </Styled.QuickJumperContainer>\r\n);\r\n\r\n// ensure page is > 1 and <= total\r\nconst ensurePageInRange = (page: number, total: number): number => Math.min(Math.max(page, 1), total);\r\n\r\nconst DefaultPagination = ({\r\n  className,\r\n  size = Sizes.Medium,\r\n  current,\r\n  quickJumper,\r\n  startEndButtons,\r\n  allowedPageSizes = DEFAULT_PAGE_SIZES,\r\n  pageSize = DEFAULT_PAGE_SIZE,\r\n  onPageSizeChange,\r\n  totalItems,\r\n  showTotalItems = true,\r\n  moreButton = false,\r\n  onPageChange,\r\n  i18n,\r\n  numberFormatter = defaultNumberFormatter(),\r\n  ...rest\r\n}: IDefaultPaginationProps): ReactElement => {\r\n  const { t } = useTranslation('pagination', { i18n });\r\n  const [currentPage, setCurrentPage] = useState(current);\r\n  const [currentPageSize, setCurrentPageSize] = useState(pageSize);\r\n\r\n  const total = useMemo(\r\n    // calculate total pages based on total items and current page size, totalItems >= 0, ensures MIN_PAGES minimum pages\r\n    () => Math.ceil(Math.max(totalItems, 0) / (currentPageSize || DEFAULT_PAGE_SIZE)) || MIN_PAGES,\r\n    [totalItems, currentPageSize],\r\n  );\r\n  const isFirstPage = useMemo(() => currentPage === FIRST_PAGE, [currentPage]);\r\n  const isLastPage = useMemo(() => currentPage === total, [currentPage, total]);\r\n\r\n  useEffect(() => {\r\n    setCurrentPage(ensurePageInRange(current, total));\r\n  }, [current, total]);\r\n\r\n  useEffect(() => {\r\n    setCurrentPageSize(pageSize);\r\n  }, [pageSize]);\r\n\r\n  const onPageChangeHandler = useCallback(\r\n    (page: number, prevPage: number) => {\r\n      const newPage = ensurePageInRange(page, total);\r\n      setCurrentPage(newPage);\r\n      onPageChange?.(newPage, prevPage);\r\n    },\r\n    [onPageChange, total],\r\n  );\r\n\r\n  const onQuickJumperChangeHandler = useCallback(\r\n    (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      const pageNumber = Number(event.target.value);\r\n\r\n      event.target.value = '';\r\n\r\n      if (Number.isNaN(pageNumber)) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n\r\n        return;\r\n      }\r\n\r\n      const newPage = ensurePageInRange(pageNumber, total);\r\n\r\n      onPageChangeHandler(newPage, currentPage);\r\n    },\r\n    [onPageChangeHandler, total, currentPage],\r\n  );\r\n\r\n  const onPageSizeChangeHandler = useCallback(\r\n    (newPageSize: number) => {\r\n      setCurrentPageSize(newPageSize);\r\n      onPageSizeChange?.(newPageSize);\r\n      onPageChangeHandler(FIRST_PAGE, currentPage);\r\n    },\r\n    [onPageSizeChange, onPageChangeHandler, currentPage],\r\n  );\r\n\r\n  const goToFirstPage = useCallback(() => onPageChangeHandler(1, currentPage), [onPageChangeHandler, currentPage]);\r\n  const goToLastPage = useCallback(\r\n    () => onPageChangeHandler(total, currentPage),\r\n    [onPageChangeHandler, total, currentPage],\r\n  );\r\n  const goToPrevPage = useCallback(\r\n    () => onPageChangeHandler(currentPage - 1, currentPage),\r\n    [onPageChangeHandler, currentPage],\r\n  );\r\n  const goToPage = useCallback(\r\n    (pageNumber: number) => onPageChangeHandler(pageNumber, currentPage),\r\n    [onPageChangeHandler, currentPage],\r\n  );\r\n  const goToNextPage = useCallback(\r\n    () => onPageChangeHandler(currentPage + 1, currentPage),\r\n    [onPageChangeHandler, currentPage],\r\n  );\r\n\r\n  return (\r\n    <Styled.DefaultPaginationWrapper className={classNames(PAGINATION_CLASS, className)} $size={size} {...rest}>\r\n      <Styled.DefaultPaginationContainer aria-label=\"pagination\">\r\n        {showTotalItems && (\r\n          <Styled.TotalItems>\r\n            <Label size={size}>{t('total')}</Label>\r\n            <Label size={size}>{numberFormatter.format(totalItems)}</Label>\r\n            <Label size={size}>{t('item', { count: totalItems })}</Label>\r\n          </Styled.TotalItems>\r\n        )}\r\n        <Styled.PaginationList>\r\n          {startEndButtons && <FirstPageButton onClick={goToFirstPage} size={size} disabled={isFirstPage} t={t} />}\r\n          <PrevPageButton onClick={goToPrevPage} size={size} disabled={isFirstPage} t={t} />\r\n          <Pages\r\n            moreButton={moreButton}\r\n            onPageClick={goToPage}\r\n            size={size}\r\n            t={t}\r\n            currentPage={currentPage}\r\n            total={total}\r\n          />\r\n          <NextPageButton onClick={goToNextPage} size={size} disabled={isLastPage} t={t} />\r\n          {startEndButtons && <LastPageButton onClick={goToLastPage} size={size} disabled={isLastPage} t={t} />}\r\n        </Styled.PaginationList>\r\n        {quickJumper && <DefaultQuickJumper t={t} size={size} onChange={onQuickJumperChangeHandler} />}\r\n      </Styled.DefaultPaginationContainer>\r\n      <Styled.DefaultPaginationItemsPerPageContainer>\r\n        <Label size={size}>{t('displayingItemsPerPage')}</Label>\r\n        <Styled.Select\r\n          size={size}\r\n          value={currentPageSize}\r\n          onSelect={onPageSizeChangeHandler}\r\n          allowClear={false}\r\n          options={allowedPageSizes.map((pSize) => ({ label: `${pSize}`, value: pSize }))}\r\n        />\r\n        <Label size={size}>{`${t('item', { count: 4 })} ${t('itemsPerPage')}`}</Label>\r\n      </Styled.DefaultPaginationItemsPerPageContainer>\r\n    </Styled.DefaultPaginationWrapper>\r\n  );\r\n};\r\n\r\nexport default DefaultPagination;\r\n"],"names":["MIN_PAGES","FIRST_PAGE","DEFAULT_MIN_PAGE_SIZE","DEFAULT_PAGE_SIZE","DEFAULT_EXTENDED_PAGE_SIZE","DEFAULT_PAGE_SIZES","Pages","moreButton","onPageClick","size","t","currentPage","total","currentDisplayed","setCurrentDisplayed","useState","useEffect","enforceInRange","useMemo","getPagesToDisplay","page","current","more","jsx","PageButton","e","DefaultQuickJumper","onChange","jsxs","Styled.QuickJumperContainer","Label","Styled.TextInput","ensurePageInRange","DefaultPagination","className","Sizes","quickJumper","startEndButtons","allowedPageSizes","pageSize","onPageSizeChange","totalItems","showTotalItems","onPageChange","i18n","numberFormatter","defaultNumberFormatter","rest","useTranslation","setCurrentPage","currentPageSize","setCurrentPageSize","isFirstPage","isLastPage","onPageChangeHandler","useCallback","prevPage","newPage","onQuickJumperChangeHandler","event","pageNumber","onPageSizeChangeHandler","newPageSize","goToFirstPage","goToLastPage","goToPrevPage","goToPage","goToNextPage","Styled.DefaultPaginationWrapper","classNames","PAGINATION_CLASS","Styled.DefaultPaginationContainer","Styled.TotalItems","Styled.PaginationList","FirstPageButton","PrevPageButton","NextPageButton","LastPageButton","Styled.DefaultPaginationItemsPerPageContainer","Styled.Select","pSize"],"mappings":"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"}

package/build/cjs/components/Pagination/DefaultPagination.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultPagination.styles.js","sources":["../../../../src/components/Pagination/DefaultPagination.styles.ts"],"sourcesContent":["import type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { styled } from 'styled-components';\nimport { PaginationConsts } from 'acinguiux-ds-react-base/components/Pagination';\n\nimport type { IDefaultPaginationProps } from './Pagination.types';\nimport _TextInput from '../TextInput/TextInput';\nimport _Select from '../Select/Select';\nimport { PaginationListItem, ToggleButton } from './components/PaginationButtons.styles';\n\nexport const PaginationList = styled.ul`\n  display: flex;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: nowrap;\n  width: fit-content;\n`;\n\nexport const QuickJumperContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const TextInput = styled(_TextInput)``;\nexport const Select = styled(_Select)``;\n\nexport const DefaultPaginationItemsPerPageContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const TotalItems = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const DefaultPaginationContainer = styled.nav`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n`;\n\ntype DefaultPaginationWrapperProps = Required<PickTransient<IDefaultPaginationProps, 'size'>>;\nexport const DefaultPaginationWrapper = styled.div<DefaultPaginationWrapperProps>(\n  ({ $size }) => `\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: ${PaginationConsts.consts[$size].default.gap}px;\n\n  & > ${DefaultPaginationItemsPerPageContainer} {\n    gap: ${PaginationConsts.consts[$size].default.itemsPerPage.gap}px;\n\n    & > ${Select} {\n      min-width: 0;\n      width: ${PaginationConsts.consts[$size].default.itemsPerPage.selectWidth}px;\n    }\n  }\n\n  & > ${DefaultPaginationContainer} {\n    gap: ${PaginationConsts.consts[$size].default.container.gap}px;\n\n    & > ${TotalItems} {\n      gap: ${PaginationConsts.consts[$size].default.container.totalGap}px;\n    }\n\n    & > ${PaginationList} {\n      gap: ${PaginationConsts.consts[$size].default.container.pagination.gap}px;\n\n      & > ${PaginationListItem} {\n        & > ${ToggleButton} {\n          min-width: ${PaginationConsts.consts[$size].default.container.pagination.itemWidth}px;\n          & > div {\n            padding: 0;\n          }\n        }\n      }\n    }\n\n    & > ${QuickJumperContainer} {\n      gap: ${PaginationConsts.consts[$size].default.container.jumper.gap}px;\n\n      & > ${TextInput} {\n        width: ${PaginationConsts.consts[$size].default.container.jumper.inputWidth}px;\n      }\n    }\n  }\n`,\n);\n"],"names":["PaginationList","styled","QuickJumperContainer","TextInput","_TextInput","Select","_Select","DefaultPaginationItemsPerPageContainer","TotalItems","DefaultPaginationContainer","DefaultPaginationWrapper","$size","PaginationConsts.consts","PaginationListItem","ToggleButton"],"mappings":"4VASaA,EAAiBC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWxBC,EAAuBD,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,EAM9BE,EAAYF,EAAAA,OAAOG,CAAU,IAC7BC,EAASJ,EAAAA,OAAOK,CAAO,IAEvBC,EAAyCN,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,EAMhDO,EAAaP,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,EAMpBQ,EAA6BR,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,EAOpCS,EAA2BT,EAAAA,OAAO,IAC7C,CAAC,CAAE,MAAAU,CAAA,IAAY;AAAA;AAAA;AAAA;AAAA;AAAA,SAKRC,SAAwBD,CAAK,EAAE,QAAQ,GAAG;AAAA;AAAA,QAE3CJ,CAAsC;AAAA,WACnCK,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,aAAa,GAAG;AAAA;AAAA,UAExDN,CAAM;AAAA;AAAA,eAEDO,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,aAAa,WAAW;AAAA;AAAA;AAAA;AAAA,QAItEF,CAA0B;AAAA,WACvBG,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,GAAG;AAAA;AAAA,UAErDH,CAAU;AAAA,aACPI,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,QAAQ;AAAA;AAAA;AAAA,UAG5DX,CAAc;AAAA,aACXY,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,WAAW,GAAG;AAAA;AAAA,YAEhEE,oBAAkB;AAAA,cAChBC,cAAY;AAAA,uBACHF,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQlFT,CAAoB;AAAA,aACjBU,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,OAAO,GAAG;AAAA;AAAA,YAE5DR,CAAS;AAAA,iBACJS,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,CAKnF"}
+{"version":3,"file":"DefaultPagination.styles.js","sources":["../../../../src/components/Pagination/DefaultPagination.styles.ts"],"sourcesContent":["import type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { styled } from 'styled-components';\r\nimport { PaginationConsts } from 'acinguiux-ds-react-base/components/Pagination';\r\n\r\nimport type { IDefaultPaginationProps } from './Pagination.types';\r\nimport _TextInput from '../TextInput/TextInput';\r\nimport _Select from '../Select/Select';\r\nimport { PaginationListItem, ToggleButton } from './components/PaginationButtons.styles';\r\n\r\nexport const PaginationList = styled.ul`\r\n  display: flex;\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-wrap: nowrap;\r\n  width: fit-content;\r\n`;\r\n\r\nexport const QuickJumperContainer = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nexport const TextInput = styled(_TextInput)``;\r\nexport const Select = styled(_Select)``;\r\n\r\nexport const DefaultPaginationItemsPerPageContainer = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nexport const TotalItems = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nexport const DefaultPaginationContainer = styled.nav`\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: space-between;\r\n`;\r\n\r\ntype DefaultPaginationWrapperProps = Required<PickTransient<IDefaultPaginationProps, 'size'>>;\r\nexport const DefaultPaginationWrapper = styled.div<DefaultPaginationWrapperProps>(\r\n  ({ $size }) => `\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: ${PaginationConsts.consts[$size].default.gap}px;\r\n\r\n  & > ${DefaultPaginationItemsPerPageContainer} {\r\n    gap: ${PaginationConsts.consts[$size].default.itemsPerPage.gap}px;\r\n\r\n    & > ${Select} {\r\n      min-width: 0;\r\n      width: ${PaginationConsts.consts[$size].default.itemsPerPage.selectWidth}px;\r\n    }\r\n  }\r\n\r\n  & > ${DefaultPaginationContainer} {\r\n    gap: ${PaginationConsts.consts[$size].default.container.gap}px;\r\n\r\n    & > ${TotalItems} {\r\n      gap: ${PaginationConsts.consts[$size].default.container.totalGap}px;\r\n    }\r\n\r\n    & > ${PaginationList} {\r\n      gap: ${PaginationConsts.consts[$size].default.container.pagination.gap}px;\r\n\r\n      & > ${PaginationListItem} {\r\n        & > ${ToggleButton} {\r\n          min-width: ${PaginationConsts.consts[$size].default.container.pagination.itemWidth}px;\r\n          & > div {\r\n            padding: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    & > ${QuickJumperContainer} {\r\n      gap: ${PaginationConsts.consts[$size].default.container.jumper.gap}px;\r\n\r\n      & > ${TextInput} {\r\n        width: ${PaginationConsts.consts[$size].default.container.jumper.inputWidth}px;\r\n      }\r\n    }\r\n  }\r\n`,\r\n);\r\n"],"names":["PaginationList","styled","QuickJumperContainer","TextInput","_TextInput","Select","_Select","DefaultPaginationItemsPerPageContainer","TotalItems","DefaultPaginationContainer","DefaultPaginationWrapper","$size","PaginationConsts.consts","PaginationListItem","ToggleButton"],"mappings":"4VASaA,EAAiBC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWxBC,EAAuBD,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,EAM9BE,EAAYF,EAAAA,OAAOG,CAAU,IAC7BC,EAASJ,EAAAA,OAAOK,CAAO,IAEvBC,EAAyCN,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,EAMhDO,EAAaP,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,EAMpBQ,EAA6BR,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA,EAOpCS,EAA2BT,EAAAA,OAAO,IAC7C,CAAC,CAAE,MAAAU,CAAA,IAAY;AAAA;AAAA;AAAA;AAAA;AAAA,SAKRC,SAAwBD,CAAK,EAAE,QAAQ,GAAG;AAAA;AAAA,QAE3CJ,CAAsC;AAAA,WACnCK,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,aAAa,GAAG;AAAA;AAAA,UAExDN,CAAM;AAAA;AAAA,eAEDO,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,aAAa,WAAW;AAAA;AAAA;AAAA;AAAA,QAItEF,CAA0B;AAAA,WACvBG,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,GAAG;AAAA;AAAA,UAErDH,CAAU;AAAA,aACPI,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,QAAQ;AAAA;AAAA;AAAA,UAG5DX,CAAc;AAAA,aACXY,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,WAAW,GAAG;AAAA;AAAA,YAEhEE,oBAAkB;AAAA,cAChBC,cAAY;AAAA,uBACHF,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQlFT,CAAoB;AAAA,aACjBU,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,OAAO,GAAG;AAAA;AAAA,YAE5DR,CAAS;AAAA,iBACJS,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,CAKnF"}

package/build/cjs/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { type ReactElement, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport { Positions, Sizes, PAGINATION_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport ChevronLeft from '../Icon/components/ChevronLeft';\nimport ChevronRight from '../Icon/components/ChevronRight';\nimport PaginationSelect from './components/PaginationSelect';\nimport enGB from './data/en_GB';\nimport * as Styled from './Pagination.styles';\nimport type { IPaginationProps } from './Pagination.types';\nimport { PaginationContext } from './hooks/usePagination';\n\n/**\n * @deprecated `Pagination` is deprecated. Please use DefaultPagination or SimplePagination instead.\n */\nconst Pagination = ({\n  className,\n  size = Sizes.Medium,\n  position = Positions.Center,\n  showSizeChanger,\n  ...rest\n}: IPaginationProps): ReactElement => {\n  const value = useMemo(() => ({ size }), [size]);\n\n  const showSizeChangerProps = {\n    ...(showSizeChanger && { showSizeChanger, sizeChangerRender: PaginationSelect }),\n  };\n\n  return (\n    <PaginationContext.Provider value={value}>\n      <Styled.Pagination\n        prefixCls={PAGINATION_CLASS}\n        className={classNames(PAGINATION_CLASS, className)}\n        prevIcon={<ChevronLeft />}\n        nextIcon={<ChevronRight />}\n        jumpPrevIcon=\"...\"\n        jumpNextIcon=\"...\"\n        locale={enGB}\n        position={position}\n        size={size}\n        {...showSizeChangerProps}\n        {...rest}\n      />\n    </PaginationContext.Provider>\n  );\n};\n\nexport default Pagination;\n"],"names":["Pagination","className","size","Sizes","position","Positions","showSizeChanger","rest","value","useMemo","showSizeChangerProps","PaginationSelect","jsx","PaginationContext","Styled.Pagination","PAGINATION_CLASS","classNames","ChevronLeft","ChevronRight","enGB"],"mappings":"ubAgBMA,EAAa,CAAC,CAClB,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,SAAAC,EAAWC,EAAAA,UAAU,OACrB,gBAAAC,EACA,GAAGC,CACL,IAAsC,CACpC,MAAMC,EAAQC,EAAAA,QAAQ,KAAO,CAAE,KAAAP,IAAS,CAACA,CAAI,CAAC,EAExCQ,EAAuB,CAC3B,GAAIJ,GAAmB,CAAE,gBAAAA,EAAiB,kBAAmBK,CAAA,CAAiB,EAGhF,OACEC,EAAAA,IAACC,EAAAA,kBAAkB,SAAlB,CAA2B,MAAAL,EAC1B,SAAAI,EAAAA,IAACE,EAAAA,WAAA,CACC,UAAWC,EAAAA,iBACX,UAAWC,EAAWD,EAAAA,iBAAkBd,CAAS,EACjD,eAAWgB,EAAA,EAAY,EACvB,eAAWC,EAAA,EAAa,EACxB,aAAa,MACb,aAAa,MACb,OAAQC,EACR,SAAAf,EACA,KAAAF,EACC,GAAGQ,EACH,GAAGH,CAAA,CAAA,EAER,CAEJ"}
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { type ReactElement, useMemo } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Positions, Sizes, PAGINATION_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport ChevronLeft from '../Icon/components/ChevronLeft';\r\nimport ChevronRight from '../Icon/components/ChevronRight';\r\nimport PaginationSelect from './components/PaginationSelect';\r\nimport enGB from './data/en_GB';\r\nimport * as Styled from './Pagination.styles';\r\nimport type { IPaginationProps } from './Pagination.types';\r\nimport { PaginationContext } from './hooks/usePagination';\r\n\r\n/**\r\n * @deprecated `Pagination` is deprecated. Please use DefaultPagination or SimplePagination instead.\r\n */\r\nconst Pagination = ({\r\n  className,\r\n  size = Sizes.Medium,\r\n  position = Positions.Center,\r\n  showSizeChanger,\r\n  ...rest\r\n}: IPaginationProps): ReactElement => {\r\n  const value = useMemo(() => ({ size }), [size]);\r\n\r\n  const showSizeChangerProps = {\r\n    ...(showSizeChanger && { showSizeChanger, sizeChangerRender: PaginationSelect }),\r\n  };\r\n\r\n  return (\r\n    <PaginationContext.Provider value={value}>\r\n      <Styled.Pagination\r\n        prefixCls={PAGINATION_CLASS}\r\n        className={classNames(PAGINATION_CLASS, className)}\r\n        prevIcon={<ChevronLeft />}\r\n        nextIcon={<ChevronRight />}\r\n        jumpPrevIcon=\"...\"\r\n        jumpNextIcon=\"...\"\r\n        locale={enGB}\r\n        position={position}\r\n        size={size}\r\n        {...showSizeChangerProps}\r\n        {...rest}\r\n      />\r\n    </PaginationContext.Provider>\r\n  );\r\n};\r\n\r\nexport default Pagination;\r\n"],"names":["Pagination","className","size","Sizes","position","Positions","showSizeChanger","rest","value","useMemo","showSizeChangerProps","PaginationSelect","jsx","PaginationContext","Styled.Pagination","PAGINATION_CLASS","classNames","ChevronLeft","ChevronRight","enGB"],"mappings":"ubAgBMA,EAAa,CAAC,CAClB,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,SAAAC,EAAWC,EAAAA,UAAU,OACrB,gBAAAC,EACA,GAAGC,CACL,IAAsC,CACpC,MAAMC,EAAQC,EAAAA,QAAQ,KAAO,CAAE,KAAAP,IAAS,CAACA,CAAI,CAAC,EAExCQ,EAAuB,CAC3B,GAAIJ,GAAmB,CAAE,gBAAAA,EAAiB,kBAAmBK,CAAA,CAAiB,EAGhF,OACEC,EAAAA,IAACC,EAAAA,kBAAkB,SAAlB,CAA2B,MAAAL,EAC1B,SAAAI,EAAAA,IAACE,EAAAA,WAAA,CACC,UAAWC,EAAAA,iBACX,UAAWC,EAAWD,EAAAA,iBAAkBd,CAAS,EACjD,eAAWgB,EAAA,EAAY,EACvB,eAAWC,EAAA,EAAa,EACxB,aAAa,MACb,aAAa,MACb,OAAQC,EACR,SAAAf,EACA,KAAAF,EACC,GAAGQ,EACH,GAAGH,CAAA,CAAA,EAER,CAEJ"}

package/build/cjs/components/Pagination/Pagination.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.styles.js","sources":["../../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import RCPagination from 'rc-pagination';\nimport { styled, css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport {\n  type PaginationTypes,\n  PaginationConsts,\n  PaginationUtils,\n} from 'acinguiux-ds-react-base/components/Pagination';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\ninterface PaginationProps {\n  prefixCls: string;\n  position: PaginationTypes.Position;\n  size: PaginationTypes.Size;\n}\n\nconst { consts } = PaginationConsts;\n\nconst Pagination = styled(RCPagination)<PaginationProps>`\n  ${({ prefixCls, position, size, theme }) => css`\n    display: flex;\n    justify-content: ${position};\n    align-items: stretch;\n    padding: 0;\n    gap: ${consts.textGap[size]};\n    list-style-type: none;\n    user-select: none;\n    height: ${consts.size[size]};\n    ${PaginationUtils.getTextFontStyle(theme, size)}\n\n    .${prefixCls} {\n      &-item,\n      &-prev,\n      &-next,\n      &-jump-prev,\n      &-jump-next {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        width: ${consts.size[size]};\n        border-radius: ${consts.radius[size]};\n\n        &,\n        & > a {\n          color: ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, false).color};\n        }\n\n        ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, false)};\n        ${PaginationUtils.getPaginationNumbersFontStyle(theme, size)};\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\n        }\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\n        }\n\n        &:focus-visible {\n          ${getFocusStyles(theme)};\n        }\n      }\n\n      &-prev,\n      &-next,\n      &-jump-prev,\n      &-jump-next {\n        > svg {\n          width: 24px;\n          height: 24px;\n\n          ${size !== Sizes.Large &&\n          css`\n            width: 20px;\n            height: 20px;\n          `}\n        }\n\n        &.${prefixCls}-disabled {\n          background-color: ${theme.layer({ disabled: true })[Variables.BackgroundFoundation]};\n          border-color: ${theme.layer({ disabled: true })[Variables.BorderOnFoundationMedium]};\n          color: ${theme.layer({ disabled: true })[Variables.TextOnFoundationSubtle]};\n          cursor: not-allowed;\n        }\n      }\n\n      &-prev {\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\n        }\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\n        }\n      }\n\n      &-item-active {\n        &,\n        & > a {\n          color: ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, true).color};\n        }\n        ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, true)};\n      }\n\n      &-options-quick-jumper,\n      &-simple-pager {\n        input {\n          height: 100%;\n          padding: ${consts.inputPadding[size]};\n          border-radius: ${consts.radius[size]};\n          text-align: center;\n          outline: none;\n          opacity: 1;\n\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, false)};\n        }\n      }\n\n      &-options-size-changer .rc-select-selector {\n        min-height: initial;\n        height: 100%;\n        ${PaginationUtils.getTextFontStyle(theme, size)}\n      }\n\n      &-options {\n        display: flex;\n        flex-direction: row-reverse;\n        justify-content: center;\n        align-items: stretch;\n        margin-left: auto;\n        padding-left: calc(${consts.margin[size]} / 2);\n        white-space: nowrap;\n        gap: ${consts.margin[size]};\n\n        input {\n          max-width: 120px;\n        }\n\n        &-quick-jumper {\n          display: flex;\n          align-items: center;\n          gap: ${consts.textGap[size]};\n\n          input {\n            order: 3;\n            max-width: ${consts.jumperWidth[size]};\n          }\n        }\n      }\n\n      &-total-text {\n        display: flex;\n        align-items: center;\n      }\n    }\n\n    &.${prefixCls}-simple {\n      li {\n        border-radius: ${consts.radius[size]};\n\n        &:focus-visible {\n          border-radius: ${consts.radius[size]};\n        }\n      }\n\n      .${prefixCls}-prev {\n        margin-right: ${consts.simpleMargin};\n        background-color: unset;\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\n        }\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\n        }\n      }\n\n      .${prefixCls}-next {\n        margin-left: ${consts.simpleMargin};\n        background-color: unset;\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\n        }\n\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\n        }\n      }\n\n      .${prefixCls}-disabled {\n        background-color: ${theme.layer({ disabled: true })[Variables.BackgroundFoundation]};\n      }\n\n      .${prefixCls}-simple-pager {\n        display: flex;\n        align-items: center;\n\n        .${prefixCls}-slash {\n          margin: 0 ${consts.simpleMargin} 0 ${consts.simpleMargin};\n        }\n      }\n    }\n  `}\n`;\n\nexport { Pagination };\n"],"names":["consts","PaginationConsts","Pagination","styled","RCPagination","prefixCls","position","size","theme","css","PaginationUtils.getTextFontStyle","PaginationUtils.getStylesForState","FabricsVariables","PaginationUtils.getPaginationNumbersFontStyle","getFocusStyles","Sizes","Variables"],"mappings":"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"}
+{"version":3,"file":"Pagination.styles.js","sources":["../../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import RCPagination from 'rc-pagination';\r\nimport { styled, css } from 'styled-components';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\nimport {\r\n  type PaginationTypes,\r\n  PaginationConsts,\r\n  PaginationUtils,\r\n} from 'acinguiux-ds-react-base/components/Pagination';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\ninterface PaginationProps {\r\n  prefixCls: string;\r\n  position: PaginationTypes.Position;\r\n  size: PaginationTypes.Size;\r\n}\r\n\r\nconst { consts } = PaginationConsts;\r\n\r\nconst Pagination = styled(RCPagination)<PaginationProps>`\r\n  ${({ prefixCls, position, size, theme }) => css`\r\n    display: flex;\r\n    justify-content: ${position};\r\n    align-items: stretch;\r\n    padding: 0;\r\n    gap: ${consts.textGap[size]};\r\n    list-style-type: none;\r\n    user-select: none;\r\n    height: ${consts.size[size]};\r\n    ${PaginationUtils.getTextFontStyle(theme, size)}\r\n\r\n    .${prefixCls} {\r\n      &-item,\r\n      &-prev,\r\n      &-next,\r\n      &-jump-prev,\r\n      &-jump-next {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        width: ${consts.size[size]};\r\n        border-radius: ${consts.radius[size]};\r\n\r\n        &,\r\n        & > a {\r\n          color: ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, false).color};\r\n        }\r\n\r\n        ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, false)};\r\n        ${PaginationUtils.getPaginationNumbersFontStyle(theme, size)};\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\r\n        }\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\r\n        }\r\n\r\n        &:focus-visible {\r\n          ${getFocusStyles(theme)};\r\n        }\r\n      }\r\n\r\n      &-prev,\r\n      &-next,\r\n      &-jump-prev,\r\n      &-jump-next {\r\n        > svg {\r\n          width: 24px;\r\n          height: 24px;\r\n\r\n          ${size !== Sizes.Large &&\r\n          css`\r\n            width: 20px;\r\n            height: 20px;\r\n          `}\r\n        }\r\n\r\n        &.${prefixCls}-disabled {\r\n          background-color: ${theme.layer({ disabled: true })[Variables.BackgroundFoundation]};\r\n          border-color: ${theme.layer({ disabled: true })[Variables.BorderOnFoundationMedium]};\r\n          color: ${theme.layer({ disabled: true })[Variables.TextOnFoundationSubtle]};\r\n          cursor: not-allowed;\r\n        }\r\n      }\r\n\r\n      &-prev {\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\r\n        }\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\r\n        }\r\n      }\r\n\r\n      &-item-active {\r\n        &,\r\n        & > a {\r\n          color: ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, true).color};\r\n        }\r\n        ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, true)};\r\n      }\r\n\r\n      &-options-quick-jumper,\r\n      &-simple-pager {\r\n        input {\r\n          height: 100%;\r\n          padding: ${consts.inputPadding[size]};\r\n          border-radius: ${consts.radius[size]};\r\n          text-align: center;\r\n          outline: none;\r\n          opacity: 1;\r\n\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Resting, false)};\r\n        }\r\n      }\r\n\r\n      &-options-size-changer .rc-select-selector {\r\n        min-height: initial;\r\n        height: 100%;\r\n        ${PaginationUtils.getTextFontStyle(theme, size)}\r\n      }\r\n\r\n      &-options {\r\n        display: flex;\r\n        flex-direction: row-reverse;\r\n        justify-content: center;\r\n        align-items: stretch;\r\n        margin-left: auto;\r\n        padding-left: calc(${consts.margin[size]} / 2);\r\n        white-space: nowrap;\r\n        gap: ${consts.margin[size]};\r\n\r\n        input {\r\n          max-width: 120px;\r\n        }\r\n\r\n        &-quick-jumper {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: ${consts.textGap[size]};\r\n\r\n          input {\r\n            order: 3;\r\n            max-width: ${consts.jumperWidth[size]};\r\n          }\r\n        }\r\n      }\r\n\r\n      &-total-text {\r\n        display: flex;\r\n        align-items: center;\r\n      }\r\n    }\r\n\r\n    &.${prefixCls}-simple {\r\n      li {\r\n        border-radius: ${consts.radius[size]};\r\n\r\n        &:focus-visible {\r\n          border-radius: ${consts.radius[size]};\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-prev {\r\n        margin-right: ${consts.simpleMargin};\r\n        background-color: unset;\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\r\n        }\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-next {\r\n        margin-left: ${consts.simpleMargin};\r\n        background-color: unset;\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):hover {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Hover, false)};\r\n        }\r\n\r\n        &:not(.${prefixCls}-disabled):not(.${prefixCls}-item-active):active {\r\n          ${PaginationUtils.getStylesForState(theme, FabricsVariables.States.Press, false)};\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-disabled {\r\n        background-color: ${theme.layer({ disabled: true })[Variables.BackgroundFoundation]};\r\n      }\r\n\r\n      .${prefixCls}-simple-pager {\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        .${prefixCls}-slash {\r\n          margin: 0 ${consts.simpleMargin} 0 ${consts.simpleMargin};\r\n        }\r\n      }\r\n    }\r\n  `}\r\n`;\r\n\r\nexport { Pagination };\r\n"],"names":["consts","PaginationConsts","Pagination","styled","RCPagination","prefixCls","position","size","theme","css","PaginationUtils.getTextFontStyle","PaginationUtils.getStylesForState","FabricsVariables","PaginationUtils.getPaginationNumbersFontStyle","getFocusStyles","Sizes","Variables"],"mappings":"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"}

package/build/cjs/components/Pagination/SimplePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimplePagination.js","sources":["../../../../src/components/Pagination/SimplePagination.tsx"],"sourcesContent":["import { type ChangeEventHandler, type ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport classNames from 'classnames';\nimport { Contrasts, PAGINATION_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { PaginationTypes } from 'acinguiux-ds-react-base/components/Pagination';\n\nimport { useTranslation } from '../../libs/i18next/hooks/useTranslation';\nimport type { TFunction } from '../../libs/i18next/types';\nimport Label from '../Text/components/Label/Label';\nimport * as Styled from './SimplePagination.styles';\nimport type { ISimplePaginationProps } from './Pagination.types';\nimport { FirstPageButton, LastPageButton, NextPageButton, PrevPageButton } from './components/PaginationButtons';\nimport { defaultNumberFormatter } from './utils/numberFormatter';\n\ntype QuickJumperProps = {\n  size: PaginationTypes.Size;\n  t: TFunction<'pagination'>;\n  current: number;\n  total: number;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n  numberFormatter: Intl.NumberFormat;\n};\n\nconst SimpleQuickJumper = ({ size, t, current, total, onChange, numberFormatter }: QuickJumperProps) => (\n  <Styled.QuickJumperPaginationListItem>\n    <Styled.TextInput value={current} onChange={onChange} size={size} />\n    <Styled.QuickJumperText>\n      <Label size={size} contrast={Contrasts.Subtle}>\n        {t('ofTotal')}\n      </Label>\n      <Label size={size} contrast={Contrasts.Subtle}>\n        {numberFormatter.format(total)}\n      </Label>\n    </Styled.QuickJumperText>\n  </Styled.QuickJumperPaginationListItem>\n);\n\n// ensure page is > 1 and <= total\nconst ensurePageInRange = (page: number, total: number): number => Math.min(Math.max(page, 1), total);\n\nconst SimplePagination = ({\n  className,\n  size = Sizes.Medium,\n  current = 1,\n  total = 1,\n  quickJumper,\n  startEndButtons,\n  onPageChange,\n  i18n,\n  numberFormatter = defaultNumberFormatter(),\n  ...rest\n}: ISimplePaginationProps): ReactElement => {\n  const { t } = useTranslation('pagination', { i18n });\n  const [currentPage, setCurrentPage] = useState(current);\n  const isFirstPage = useMemo(() => currentPage === 1, [currentPage]);\n  const isLastPage = useMemo(() => currentPage === total, [currentPage, total]);\n\n  useEffect(() => {\n    setCurrentPage(ensurePageInRange(current, total));\n  }, [current, total]);\n\n  const onPageChangeHandler = useCallback(\n    (page: number, prevPage: number) => {\n      const newPage = ensurePageInRange(page, total);\n      setCurrentPage(newPage);\n      onPageChange?.(newPage, prevPage);\n    },\n    [onPageChange, total],\n  );\n\n  const onQuickJumperChangeHandler = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const pageNumber = Number(event.target.value);\n\n      if (Number.isNaN(pageNumber)) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        return;\n      }\n\n      const newPage = ensurePageInRange(pageNumber, total);\n\n      onPageChangeHandler(newPage, currentPage);\n    },\n    [onPageChangeHandler, total, currentPage],\n  );\n\n  const goToFirstPage = useCallback(() => onPageChangeHandler(1, currentPage), [onPageChangeHandler, currentPage]);\n  const goToLastPage = useCallback(\n    () => onPageChangeHandler(total, currentPage),\n    [onPageChangeHandler, total, currentPage],\n  );\n  const goToPrevPage = useCallback(\n    () => onPageChangeHandler(currentPage - 1, currentPage),\n    [onPageChangeHandler, currentPage],\n  );\n  const goToNextPage = useCallback(\n    () => onPageChangeHandler(currentPage + 1, currentPage),\n    [onPageChangeHandler, currentPage],\n  );\n\n  return (\n    <Styled.SimplePaginationContainer\n      className={classNames(PAGINATION_CLASS, className)}\n      $size={size}\n      aria-label=\"pagination\"\n      {...rest}\n    >\n      <Styled.PaginationList>\n        {startEndButtons && <FirstPageButton onClick={goToFirstPage} size={size} disabled={isFirstPage} t={t} />}\n        <PrevPageButton onClick={goToPrevPage} size={size} disabled={isFirstPage} t={t} />\n        {quickJumper && (\n          <SimpleQuickJumper\n            size={size}\n            current={currentPage}\n            total={total}\n            t={t}\n            onChange={onQuickJumperChangeHandler}\n            numberFormatter={numberFormatter}\n          />\n        )}\n        <NextPageButton onClick={goToNextPage} size={size} disabled={isLastPage} t={t} />\n        {startEndButtons && <LastPageButton onClick={goToLastPage} size={size} disabled={isLastPage} t={t} />}\n      </Styled.PaginationList>\n    </Styled.SimplePaginationContainer>\n  );\n};\n\nexport default SimplePagination;\n"],"names":["SimpleQuickJumper","size","t","current","total","onChange","numberFormatter","jsxs","Styled.QuickJumperPaginationListItem","jsx","Styled.TextInput","Styled.QuickJumperText","Label","Contrasts","ensurePageInRange","page","SimplePagination","className","Sizes","quickJumper","startEndButtons","onPageChange","i18n","defaultNumberFormatter","rest","useTranslation","currentPage","setCurrentPage","useState","isFirstPage","useMemo","isLastPage","useEffect","onPageChangeHandler","useCallback","prevPage","newPage","onQuickJumperChangeHandler","event","pageNumber","goToFirstPage","goToLastPage","goToPrevPage","goToNextPage","Styled.SimplePaginationContainer","classNames","PAGINATION_CLASS","Styled.PaginationList","FirstPageButton","PrevPageButton","NextPageButton","LastPageButton"],"mappings":"2aAuBMA,EAAoB,CAAC,CAAE,KAAAC,EAAM,EAAAC,EAAG,QAAAC,EAAS,MAAAC,EAAO,SAAAC,EAAU,gBAAAC,CAAA,IAC9DC,EAAAA,KAACC,EAAAA,8BAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,UAAA,CAAiB,MAAOP,EAAS,SAAAE,EAAoB,KAAAJ,EAAY,EAClEM,OAACI,EAAAA,gBAAA,CACC,SAAA,CAAAF,EAAAA,IAACG,GAAM,KAAAX,EAAY,SAAUY,EAAAA,UAAU,OACpC,SAAAX,EAAE,SAAS,EACd,EACAO,EAAAA,IAACG,GAAM,KAAAX,EAAY,SAAUY,EAAAA,UAAU,OACpC,SAAAP,EAAgB,OAAOF,CAAK,CAAA,CAC/B,CAAA,CAAA,CACF,CAAA,EACF,EAIIU,EAAoB,CAACC,EAAcX,IAA0B,KAAK,IAAI,KAAK,IAAIW,EAAM,CAAC,EAAGX,CAAK,EAE9FY,EAAmB,CAAC,CACxB,UAAAC,EACA,KAAAhB,EAAOiB,EAAAA,MAAM,OACb,QAAAf,EAAU,EACV,MAAAC,EAAQ,EACR,YAAAe,EACA,gBAAAC,EACA,aAAAC,EACA,KAAAC,EAAA,gBACAhB,EAAkBiB,EAAAA,uBAAA,EAClB,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,EAAAtB,CAAA,EAAMuB,EAAAA,eAAe,aAAc,CAAE,KAAAH,EAAM,EAC7C,CAACI,EAAaC,CAAc,EAAIC,EAAAA,SAASzB,CAAO,EAChD0B,EAAcC,EAAAA,QAAQ,IAAMJ,IAAgB,EAAG,CAACA,CAAW,CAAC,EAC5DK,EAAaD,EAAAA,QAAQ,IAAMJ,IAAgBtB,EAAO,CAACsB,EAAatB,CAAK,CAAC,EAE5E4B,EAAAA,UAAU,IAAM,CACdL,EAAeb,EAAkBX,EAASC,CAAK,CAAC,CAClD,EAAG,CAACD,EAASC,CAAK,CAAC,EAEnB,MAAM6B,EAAsBC,EAAAA,YAC1B,CAACnB,EAAcoB,IAAqB,CAClC,MAAMC,EAAUtB,EAAkBC,EAAMX,CAAK,EAC7CuB,EAAeS,CAAO,EACtBf,IAAee,EAASD,CAAQ,CAClC,EACA,CAACd,EAAcjB,CAAK,CAAA,EAGhBiC,EAA6BH,EAAAA,YAChCI,GAA+C,CAC9C,MAAMC,EAAa,OAAOD,EAAM,OAAO,KAAK,EAE5C,GAAI,OAAO,MAAMC,CAAU,EAAG,CAC5BD,EAAM,eAAA,EACNA,EAAM,gBAAA,EAEN,MACF,CAEA,MAAMF,EAAUtB,EAAkByB,EAAYnC,CAAK,EAEnD6B,EAAoBG,EAASV,CAAW,CAC1C,EACA,CAACO,EAAqB7B,EAAOsB,CAAW,CAAA,EAGpCc,EAAgBN,cAAY,IAAMD,EAAoB,EAAGP,CAAW,EAAG,CAACO,EAAqBP,CAAW,CAAC,EACzGe,EAAeP,EAAAA,YACnB,IAAMD,EAAoB7B,EAAOsB,CAAW,EAC5C,CAACO,EAAqB7B,EAAOsB,CAAW,CAAA,EAEpCgB,EAAeR,EAAAA,YACnB,IAAMD,EAAoBP,EAAc,EAAGA,CAAW,EACtD,CAACO,EAAqBP,CAAW,CAAA,EAE7BiB,EAAeT,EAAAA,YACnB,IAAMD,EAAoBP,EAAc,EAAGA,CAAW,EACtD,CAACO,EAAqBP,CAAW,CAAA,EAGnC,OACEjB,EAAAA,IAACmC,EAAAA,0BAAA,CACC,UAAWC,EAAWC,EAAAA,iBAAkB7B,CAAS,EACjD,MAAOhB,EACP,aAAW,aACV,GAAGuB,EAEJ,SAAAjB,EAAAA,KAACwC,iBAAA,CACE,SAAA,CAAA3B,SAAoB4B,EAAAA,gBAAA,CAAgB,QAASR,EAAe,KAAAvC,EAAY,SAAU4B,EAAa,EAAA3B,EAAM,QACrG+C,EAAAA,eAAA,CAAe,QAASP,EAAc,KAAAzC,EAAY,SAAU4B,EAAa,EAAA3B,EAAM,EAC/EiB,GACCV,EAAAA,IAACT,EAAA,CACC,KAAAC,EACA,QAASyB,EACT,MAAAtB,EACA,EAAAF,EACA,SAAUmC,EAAA,gBACV/B,CAAA,CAAA,QAGH4C,EAAAA,eAAA,CAAe,QAASP,EAAc,KAAA1C,EAAY,SAAU8B,EAAY,EAAA7B,EAAM,EAC9EkB,SAAoB+B,EAAAA,eAAA,CAAe,QAASV,EAAc,KAAAxC,EAAY,SAAU8B,EAAY,EAAA7B,CAAA,CAAM,CAAA,CAAA,CACrG,CAAA,CAAA,CAGN"}
+{"version":3,"file":"SimplePagination.js","sources":["../../../../src/components/Pagination/SimplePagination.tsx"],"sourcesContent":["import { type ChangeEventHandler, type ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Contrasts, PAGINATION_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport type { PaginationTypes } from 'acinguiux-ds-react-base/components/Pagination';\r\n\r\nimport { useTranslation } from '../../libs/i18next/hooks/useTranslation';\r\nimport type { TFunction } from '../../libs/i18next/types';\r\nimport Label from '../Text/components/Label/Label';\r\nimport * as Styled from './SimplePagination.styles';\r\nimport type { ISimplePaginationProps } from './Pagination.types';\r\nimport { FirstPageButton, LastPageButton, NextPageButton, PrevPageButton } from './components/PaginationButtons';\r\nimport { defaultNumberFormatter } from './utils/numberFormatter';\r\n\r\ntype QuickJumperProps = {\r\n  size: PaginationTypes.Size;\r\n  t: TFunction<'pagination'>;\r\n  current: number;\r\n  total: number;\r\n  onChange: ChangeEventHandler<HTMLInputElement>;\r\n  numberFormatter: Intl.NumberFormat;\r\n};\r\n\r\nconst SimpleQuickJumper = ({ size, t, current, total, onChange, numberFormatter }: QuickJumperProps) => (\r\n  <Styled.QuickJumperPaginationListItem>\r\n    <Styled.TextInput value={current} onChange={onChange} size={size} />\r\n    <Styled.QuickJumperText>\r\n      <Label size={size} contrast={Contrasts.Subtle}>\r\n        {t('ofTotal')}\r\n      </Label>\r\n      <Label size={size} contrast={Contrasts.Subtle}>\r\n        {numberFormatter.format(total)}\r\n      </Label>\r\n    </Styled.QuickJumperText>\r\n  </Styled.QuickJumperPaginationListItem>\r\n);\r\n\r\n// ensure page is > 1 and <= total\r\nconst ensurePageInRange = (page: number, total: number): number => Math.min(Math.max(page, 1), total);\r\n\r\nconst SimplePagination = ({\r\n  className,\r\n  size = Sizes.Medium,\r\n  current = 1,\r\n  total = 1,\r\n  quickJumper,\r\n  startEndButtons,\r\n  onPageChange,\r\n  i18n,\r\n  numberFormatter = defaultNumberFormatter(),\r\n  ...rest\r\n}: ISimplePaginationProps): ReactElement => {\r\n  const { t } = useTranslation('pagination', { i18n });\r\n  const [currentPage, setCurrentPage] = useState(current);\r\n  const isFirstPage = useMemo(() => currentPage === 1, [currentPage]);\r\n  const isLastPage = useMemo(() => currentPage === total, [currentPage, total]);\r\n\r\n  useEffect(() => {\r\n    setCurrentPage(ensurePageInRange(current, total));\r\n  }, [current, total]);\r\n\r\n  const onPageChangeHandler = useCallback(\r\n    (page: number, prevPage: number) => {\r\n      const newPage = ensurePageInRange(page, total);\r\n      setCurrentPage(newPage);\r\n      onPageChange?.(newPage, prevPage);\r\n    },\r\n    [onPageChange, total],\r\n  );\r\n\r\n  const onQuickJumperChangeHandler = useCallback(\r\n    (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      const pageNumber = Number(event.target.value);\r\n\r\n      if (Number.isNaN(pageNumber)) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n\r\n        return;\r\n      }\r\n\r\n      const newPage = ensurePageInRange(pageNumber, total);\r\n\r\n      onPageChangeHandler(newPage, currentPage);\r\n    },\r\n    [onPageChangeHandler, total, currentPage],\r\n  );\r\n\r\n  const goToFirstPage = useCallback(() => onPageChangeHandler(1, currentPage), [onPageChangeHandler, currentPage]);\r\n  const goToLastPage = useCallback(\r\n    () => onPageChangeHandler(total, currentPage),\r\n    [onPageChangeHandler, total, currentPage],\r\n  );\r\n  const goToPrevPage = useCallback(\r\n    () => onPageChangeHandler(currentPage - 1, currentPage),\r\n    [onPageChangeHandler, currentPage],\r\n  );\r\n  const goToNextPage = useCallback(\r\n    () => onPageChangeHandler(currentPage + 1, currentPage),\r\n    [onPageChangeHandler, currentPage],\r\n  );\r\n\r\n  return (\r\n    <Styled.SimplePaginationContainer\r\n      className={classNames(PAGINATION_CLASS, className)}\r\n      $size={size}\r\n      aria-label=\"pagination\"\r\n      {...rest}\r\n    >\r\n      <Styled.PaginationList>\r\n        {startEndButtons && <FirstPageButton onClick={goToFirstPage} size={size} disabled={isFirstPage} t={t} />}\r\n        <PrevPageButton onClick={goToPrevPage} size={size} disabled={isFirstPage} t={t} />\r\n        {quickJumper && (\r\n          <SimpleQuickJumper\r\n            size={size}\r\n            current={currentPage}\r\n            total={total}\r\n            t={t}\r\n            onChange={onQuickJumperChangeHandler}\r\n            numberFormatter={numberFormatter}\r\n          />\r\n        )}\r\n        <NextPageButton onClick={goToNextPage} size={size} disabled={isLastPage} t={t} />\r\n        {startEndButtons && <LastPageButton onClick={goToLastPage} size={size} disabled={isLastPage} t={t} />}\r\n      </Styled.PaginationList>\r\n    </Styled.SimplePaginationContainer>\r\n  );\r\n};\r\n\r\nexport default SimplePagination;\r\n"],"names":["SimpleQuickJumper","size","t","current","total","onChange","numberFormatter","jsxs","Styled.QuickJumperPaginationListItem","jsx","Styled.TextInput","Styled.QuickJumperText","Label","Contrasts","ensurePageInRange","page","SimplePagination","className","Sizes","quickJumper","startEndButtons","onPageChange","i18n","defaultNumberFormatter","rest","useTranslation","currentPage","setCurrentPage","useState","isFirstPage","useMemo","isLastPage","useEffect","onPageChangeHandler","useCallback","prevPage","newPage","onQuickJumperChangeHandler","event","pageNumber","goToFirstPage","goToLastPage","goToPrevPage","goToNextPage","Styled.SimplePaginationContainer","classNames","PAGINATION_CLASS","Styled.PaginationList","FirstPageButton","PrevPageButton","NextPageButton","LastPageButton"],"mappings":"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"}

package/build/cjs/components/Pagination/SimplePagination.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimplePagination.styles.js","sources":["../../../../src/components/Pagination/SimplePagination.styles.ts"],"sourcesContent":["import type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { styled } from 'styled-components';\nimport { PaginationConsts } from 'acinguiux-ds-react-base/components/Pagination';\n\nimport type { ISimplePaginationProps } from './Pagination.types';\nimport _TextInput from '../TextInput/TextInput';\nimport { PaginationListItem } from './components/PaginationButtons.styles';\n\nexport const PaginationList = styled.ul`\n  display: flex;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n`;\n\nexport const QuickJumperText = styled.span`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  min-width: 0;\n`;\n\nexport const QuickJumperPaginationListItem = styled(PaginationListItem)``;\n\nexport const TextInput = styled(_TextInput)``;\n\ntype SimplePaginationContainerProps = Required<PickTransient<ISimplePaginationProps, 'size'>>;\nexport const SimplePaginationContainer = styled.nav<SimplePaginationContainerProps>(\n  ({ $size }) => `\n  display: flex;\n\n  & > ${PaginationList} {\n    gap: ${PaginationConsts.consts[$size].simple.gap}px;\n\n    & > ${QuickJumperPaginationListItem} {\n      gap: ${PaginationConsts.consts[$size].simple.quickJumper.gap}px;\n      padding-inline: ${PaginationConsts.consts[$size].simple.quickJumper.paddingInline}px;\n\n      & > ${TextInput} {\n        width: ${PaginationConsts.consts[$size].simple.quickJumper.inputWidth}px;\n      }\n\n      & > ${QuickJumperText} {\n        gap: ${PaginationConsts.consts[$size].simple.quickJumper.textGap}px;\n      }\n    }\n  }\n`,\n);\n"],"names":["PaginationList","styled","QuickJumperText","QuickJumperPaginationListItem","PaginationListItem","TextInput","_TextInput","SimplePaginationContainer","$size","PaginationConsts.consts"],"mappings":"2TAQaA,EAAiBC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaxBC,EAAkBD,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASzBE,EAAgCF,EAAAA,OAAOG,EAAAA,kBAAkB,IAEzDC,EAAYJ,EAAAA,OAAOK,CAAU,IAG7BC,EAA4BN,EAAAA,OAAO,IAC9C,CAAC,CAAE,MAAAO,CAAA,IAAY;AAAA;AAAA;AAAA,QAGTR,CAAc;AAAA,WACXS,SAAwBD,CAAK,EAAE,OAAO,GAAG;AAAA;AAAA,UAE1CL,CAA6B;AAAA,aAC1BM,EAAAA,OAAwBD,CAAK,EAAE,OAAO,YAAY,GAAG;AAAA,wBAC1CC,EAAAA,OAAwBD,CAAK,EAAE,OAAO,YAAY,aAAa;AAAA;AAAA,YAE3EH,CAAS;AAAA,iBACJI,EAAAA,OAAwBD,CAAK,EAAE,OAAO,YAAY,UAAU;AAAA;AAAA;AAAA,YAGjEN,CAAe;AAAA,eACZO,EAAAA,OAAwBD,CAAK,EAAE,OAAO,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA,CAKxE"}
+{"version":3,"file":"SimplePagination.styles.js","sources":["../../../../src/components/Pagination/SimplePagination.styles.ts"],"sourcesContent":["import type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { styled } from 'styled-components';\r\nimport { PaginationConsts } from 'acinguiux-ds-react-base/components/Pagination';\r\n\r\nimport type { ISimplePaginationProps } from './Pagination.types';\r\nimport _TextInput from '../TextInput/TextInput';\r\nimport { PaginationListItem } from './components/PaginationButtons.styles';\r\n\r\nexport const PaginationList = styled.ul`\r\n  display: flex;\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  flex: 1;\r\n  min-width: 0;\r\n  max-width: 100%;\r\n`;\r\n\r\nexport const QuickJumperText = styled.span`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 0;\r\n  margin: 0;\r\n  min-width: 0;\r\n`;\r\n\r\nexport const QuickJumperPaginationListItem = styled(PaginationListItem)``;\r\n\r\nexport const TextInput = styled(_TextInput)``;\r\n\r\ntype SimplePaginationContainerProps = Required<PickTransient<ISimplePaginationProps, 'size'>>;\r\nexport const SimplePaginationContainer = styled.nav<SimplePaginationContainerProps>(\r\n  ({ $size }) => `\r\n  display: flex;\r\n\r\n  & > ${PaginationList} {\r\n    gap: ${PaginationConsts.consts[$size].simple.gap}px;\r\n\r\n    & > ${QuickJumperPaginationListItem} {\r\n      gap: ${PaginationConsts.consts[$size].simple.quickJumper.gap}px;\r\n      padding-inline: ${PaginationConsts.consts[$size].simple.quickJumper.paddingInline}px;\r\n\r\n      & > ${TextInput} {\r\n        width: ${PaginationConsts.consts[$size].simple.quickJumper.inputWidth}px;\r\n      }\r\n\r\n      & > ${QuickJumperText} {\r\n        gap: ${PaginationConsts.consts[$size].simple.quickJumper.textGap}px;\r\n      }\r\n    }\r\n  }\r\n`,\r\n);\r\n"],"names":["PaginationList","styled","QuickJumperText","QuickJumperPaginationListItem","PaginationListItem","TextInput","_TextInput","SimplePaginationContainer","$size","PaginationConsts.consts"],"mappings":"2TAQaA,EAAiBC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaxBC,EAAkBD,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASzBE,EAAgCF,EAAAA,OAAOG,EAAAA,kBAAkB,IAEzDC,EAAYJ,EAAAA,OAAOK,CAAU,IAG7BC,EAA4BN,EAAAA,OAAO,IAC9C,CAAC,CAAE,MAAAO,CAAA,IAAY;AAAA;AAAA;AAAA,QAGTR,CAAc;AAAA,WACXS,SAAwBD,CAAK,EAAE,OAAO,GAAG;AAAA;AAAA,UAE1CL,CAA6B;AAAA,aAC1BM,EAAAA,OAAwBD,CAAK,EAAE,OAAO,YAAY,GAAG;AAAA,wBAC1CC,EAAAA,OAAwBD,CAAK,EAAE,OAAO,YAAY,aAAa;AAAA;AAAA,YAE3EH,CAAS;AAAA,iBACJI,EAAAA,OAAwBD,CAAK,EAAE,OAAO,YAAY,UAAU;AAAA;AAAA;AAAA,YAGjEN,CAAe;AAAA,eACZO,EAAAA,OAAwBD,CAAK,EAAE,OAAO,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA,CAKxE"}

package/build/cjs/components/Pagination/components/PaginationButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationButtons.js","sources":["../../../../../src/components/Pagination/components/PaginationButtons.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport type { PaginationTypes } from 'acinguiux-ds-react-base/components/Pagination';\nimport type { TFunction } from 'i18next';\n\nimport * as Styled from './PaginationButtons.styles';\nimport Button from '../../Button/Button';\nimport ChevronDoubleLeft from '../../Icon/components/ChevronDoubleLeft';\nimport ChevronLeft from '../../Icon/components/ChevronLeft';\nimport ChevronDoubleRight from '../../Icon/components/ChevronDoubleRight';\nimport ChevronRight from '../../Icon/components/ChevronRight';\nimport { MORE_BUTTON_OFFSET } from '../utils/getPagesToDisplay';\n\ntype PaginationButtonProps = {\n  size: PaginationTypes.Size;\n  disabled: boolean;\n  t: TFunction<'pagination'>;\n  onClick: MouseEventHandler<HTMLButtonElement>;\n};\n\ntype PageButtonProps = {\n  page: number;\n  size: PaginationTypes.Size;\n  more: 'left' | 'right' | false;\n  current?: boolean;\n  t: TFunction<'pagination'>;\n  onClick: MouseEventHandler<HTMLButtonElement>;\n};\n\nexport const FirstPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\n  <Styled.PaginationListItem>\n    <Button\n      onClick={onClick}\n      variant=\"outlined\"\n      iconOnly={true}\n      icon={<ChevronDoubleLeft />}\n      size={size}\n      disabled={disabled}\n      aria-disabled={disabled}\n      aria-label={t('startPage')}\n    />\n  </Styled.PaginationListItem>\n);\n\nexport const LastPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\n  <Styled.PaginationListItem>\n    <Button\n      onClick={onClick}\n      variant=\"outlined\"\n      iconOnly={true}\n      icon={<ChevronDoubleRight />}\n      size={size}\n      disabled={disabled}\n      aria-disabled={disabled}\n      aria-label={t('endPage')}\n    />\n  </Styled.PaginationListItem>\n);\n\nexport const PrevPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\n  <Styled.PaginationListItem>\n    <Button\n      onClick={onClick}\n      variant=\"outlined\"\n      iconOnly={true}\n      icon={<ChevronLeft />}\n      size={size}\n      disabled={disabled}\n      aria-disabled={disabled}\n      aria-label={t('prevPage')}\n    />\n  </Styled.PaginationListItem>\n);\n\nexport const NextPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\n  <Styled.PaginationListItem>\n    <Button\n      onClick={onClick}\n      variant=\"outlined\"\n      iconOnly={true}\n      icon={<ChevronRight />}\n      size={size}\n      disabled={disabled}\n      aria-disabled={disabled}\n      aria-label={t('nextPage')}\n    />\n  </Styled.PaginationListItem>\n);\n\n// eslint-disable-next-line id-length\nconst getLabel = (t: TFunction<'pagination'>, page: number, more: 'left' | 'right' | false) => {\n  if (more === 'left') {\n    return t('prevNPages', { pages: MORE_BUTTON_OFFSET });\n  }\n  if (more === 'right') {\n    return t('nextNPages', { pages: MORE_BUTTON_OFFSET });\n  }\n  return `${t('page')} ${page}`;\n};\n\nexport const PageButton = ({ size, more, current, page, t, onClick }: PageButtonProps) => (\n  <Styled.PaginationListItem>\n    <Styled.ToggleButton\n      onClick={onClick}\n      outlined={!current}\n      selected={current}\n      size={size}\n      primaryLabel={more ? '...' : `${page}`}\n      aria-label={getLabel(t, page, more)}\n      title={getLabel(t, page, more)}\n    />\n  </Styled.PaginationListItem>\n);\n"],"names":["FirstPageButton","size","disabled","t","onClick","jsx","Styled.PaginationListItem","Button","ChevronDoubleLeft","LastPageButton","ChevronDoubleRight","PrevPageButton","ChevronLeft","NextPageButton","ChevronRight","getLabel","page","more","MORE_BUTTON_OFFSET","PageButton","current","Styled.ToggleButton"],"mappings":"ieA6BaA,EAAkB,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,EAAAC,EAAG,QAAAC,CAAA,IACnDC,MAACC,EAAAA,mBAAA,CACC,SAAAD,EAAAA,IAACE,EAAA,CACC,QAAAH,EACA,QAAQ,WACR,SAAU,GACV,WAAOI,EAAA,EAAkB,EACzB,KAAAP,EACA,SAAAC,EACA,gBAAeA,EACf,aAAYC,EAAE,WAAW,CAAA,CAC3B,CAAA,CACF,EAGWM,EAAiB,CAAC,CAAE,KAAAR,EAAM,SAAAC,EAAU,EAAAC,EAAG,QAAAC,CAAA,IAClDC,MAACC,EAAAA,mBAAA,CACC,SAAAD,EAAAA,IAACE,EAAA,CACC,QAAAH,EACA,QAAQ,WACR,SAAU,GACV,WAAOM,EAAA,EAAmB,EAC1B,KAAAT,EACA,SAAAC,EACA,gBAAeA,EACf,aAAYC,EAAE,SAAS,CAAA,CACzB,CAAA,CACF,EAGWQ,EAAiB,CAAC,CAAE,KAAAV,EAAM,SAAAC,EAAU,EAAAC,EAAG,QAAAC,CAAA,IAClDC,MAACC,EAAAA,mBAAA,CACC,SAAAD,EAAAA,IAACE,EAAA,CACC,QAAAH,EACA,QAAQ,WACR,SAAU,GACV,WAAOQ,EAAA,EAAY,EACnB,KAAAX,EACA,SAAAC,EACA,gBAAeA,EACf,aAAYC,EAAE,UAAU,CAAA,CAC1B,CAAA,CACF,EAGWU,EAAiB,CAAC,CAAE,KAAAZ,EAAM,SAAAC,EAAU,EAAAC,EAAG,QAAAC,CAAA,IAClDC,MAACC,EAAAA,mBAAA,CACC,SAAAD,EAAAA,IAACE,EAAA,CACC,QAAAH,EACA,QAAQ,WACR,SAAU,GACV,WAAOU,EAAA,EAAa,EACpB,KAAAb,EACA,SAAAC,EACA,gBAAeA,EACf,aAAYC,EAAE,UAAU,CAAA,CAC1B,CAAA,CACF,EAIIY,EAAW,CAACZ,EAA4Ba,EAAcC,IACtDA,IAAS,OACJd,EAAE,aAAc,CAAE,MAAOe,EAAAA,mBAAoB,EAElDD,IAAS,QACJd,EAAE,aAAc,CAAE,MAAOe,EAAAA,mBAAoB,EAE/C,GAAGf,EAAE,MAAM,CAAC,IAAIa,CAAI,GAGhBG,EAAa,CAAC,CAAE,KAAAlB,EAAM,KAAAgB,EAAM,QAAAG,EAAS,KAAAJ,EAAM,EAAAb,EAAG,QAAAC,CAAA,IACzDC,EAAAA,IAACC,qBAAA,CACC,SAAAD,EAAAA,IAACgB,EAAAA,aAAA,CACC,QAAAjB,EACA,SAAU,CAACgB,EACX,SAAUA,EACV,KAAAnB,EACA,aAAcgB,EAAO,MAAQ,GAAGD,CAAI,GACpC,aAAYD,EAASZ,EAAGa,EAAMC,CAAI,EAClC,MAAOF,EAASZ,EAAGa,EAAMC,CAAI,CAAA,CAC/B,CAAA,CACF"}
+{"version":3,"file":"PaginationButtons.js","sources":["../../../../../src/components/Pagination/components/PaginationButtons.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\r\n\r\nimport type { PaginationTypes } from 'acinguiux-ds-react-base/components/Pagination';\r\nimport type { TFunction } from 'i18next';\r\n\r\nimport * as Styled from './PaginationButtons.styles';\r\nimport Button from '../../Button/Button';\r\nimport ChevronDoubleLeft from '../../Icon/components/ChevronDoubleLeft';\r\nimport ChevronLeft from '../../Icon/components/ChevronLeft';\r\nimport ChevronDoubleRight from '../../Icon/components/ChevronDoubleRight';\r\nimport ChevronRight from '../../Icon/components/ChevronRight';\r\nimport { MORE_BUTTON_OFFSET } from '../utils/getPagesToDisplay';\r\n\r\ntype PaginationButtonProps = {\r\n  size: PaginationTypes.Size;\r\n  disabled: boolean;\r\n  t: TFunction<'pagination'>;\r\n  onClick: MouseEventHandler<HTMLButtonElement>;\r\n};\r\n\r\ntype PageButtonProps = {\r\n  page: number;\r\n  size: PaginationTypes.Size;\r\n  more: 'left' | 'right' | false;\r\n  current?: boolean;\r\n  t: TFunction<'pagination'>;\r\n  onClick: MouseEventHandler<HTMLButtonElement>;\r\n};\r\n\r\nexport const FirstPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\r\n  <Styled.PaginationListItem>\r\n    <Button\r\n      onClick={onClick}\r\n      variant=\"outlined\"\r\n      iconOnly={true}\r\n      icon={<ChevronDoubleLeft />}\r\n      size={size}\r\n      disabled={disabled}\r\n      aria-disabled={disabled}\r\n      aria-label={t('startPage')}\r\n    />\r\n  </Styled.PaginationListItem>\r\n);\r\n\r\nexport const LastPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\r\n  <Styled.PaginationListItem>\r\n    <Button\r\n      onClick={onClick}\r\n      variant=\"outlined\"\r\n      iconOnly={true}\r\n      icon={<ChevronDoubleRight />}\r\n      size={size}\r\n      disabled={disabled}\r\n      aria-disabled={disabled}\r\n      aria-label={t('endPage')}\r\n    />\r\n  </Styled.PaginationListItem>\r\n);\r\n\r\nexport const PrevPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\r\n  <Styled.PaginationListItem>\r\n    <Button\r\n      onClick={onClick}\r\n      variant=\"outlined\"\r\n      iconOnly={true}\r\n      icon={<ChevronLeft />}\r\n      size={size}\r\n      disabled={disabled}\r\n      aria-disabled={disabled}\r\n      aria-label={t('prevPage')}\r\n    />\r\n  </Styled.PaginationListItem>\r\n);\r\n\r\nexport const NextPageButton = ({ size, disabled, t, onClick }: PaginationButtonProps) => (\r\n  <Styled.PaginationListItem>\r\n    <Button\r\n      onClick={onClick}\r\n      variant=\"outlined\"\r\n      iconOnly={true}\r\n      icon={<ChevronRight />}\r\n      size={size}\r\n      disabled={disabled}\r\n      aria-disabled={disabled}\r\n      aria-label={t('nextPage')}\r\n    />\r\n  </Styled.PaginationListItem>\r\n);\r\n\r\n// eslint-disable-next-line id-length\r\nconst getLabel = (t: TFunction<'pagination'>, page: number, more: 'left' | 'right' | false) => {\r\n  if (more === 'left') {\r\n    return t('prevNPages', { pages: MORE_BUTTON_OFFSET });\r\n  }\r\n  if (more === 'right') {\r\n    return t('nextNPages', { pages: MORE_BUTTON_OFFSET });\r\n  }\r\n  return `${t('page')} ${page}`;\r\n};\r\n\r\nexport const PageButton = ({ size, more, current, page, t, onClick }: PageButtonProps) => (\r\n  <Styled.PaginationListItem>\r\n    <Styled.ToggleButton\r\n      onClick={onClick}\r\n      outlined={!current}\r\n      selected={current}\r\n      size={size}\r\n      primaryLabel={more ? '...' : `${page}`}\r\n      aria-label={getLabel(t, page, more)}\r\n      title={getLabel(t, page, more)}\r\n    />\r\n  </Styled.PaginationListItem>\r\n);\r\n"],"names":["FirstPageButton","size","disabled","t","onClick","jsx","Styled.PaginationListItem","Button","ChevronDoubleLeft","LastPageButton","ChevronDoubleRight","PrevPageButton","ChevronLeft","NextPageButton","ChevronRight","getLabel","page","more","MORE_BUTTON_OFFSET","PageButton","current","Styled.ToggleButton"],"mappings":"ieA6BaA,EAAkB,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,EAAAC,EAAG,QAAAC,CAAA,IACnDC,MAACC,EAAAA,mBAAA,CACC,SAAAD,EAAAA,IAACE,EAAA,CACC,QAAAH,EACA,QAAQ,WACR,SAAU,GACV,WAAOI,EAAA,EAAkB,EACzB,KAAAP,EACA,SAAAC,EACA,gBAAeA,EACf,aAAYC,EAAE,WAAW,CAAA,CAC3B,CAAA,CACF,EAGWM,EAAiB,CAAC,CAAE,KAAAR,EAAM,SAAAC,EAAU,EAAAC,EAAG,QAAAC,CAAA,IAClDC,MAACC,EAAAA,mBAAA,CACC,SAAAD,EAAAA,IAACE,EAAA,CACC,QAAAH,EACA,QAAQ,WACR,SAAU,GACV,WAAOM,EAAA,EAAmB,EAC1B,KAAAT,EACA,SAAAC,EACA,gBAAeA,EACf,aAAYC,EAAE,SAAS,CAAA,CACzB,CAAA,CACF,EAGWQ,EAAiB,CAAC,CAAE,KAAAV,EAAM,SAAAC,EAAU,EAAAC,EAAG,QAAAC,CAAA,IAClDC,MAACC,EAAAA,mBAAA,CACC,SAAAD,EAAAA,IAACE,EAAA,CACC,QAAAH,EACA,QAAQ,WACR,SAAU,GACV,WAAOQ,EAAA,EAAY,EACnB,KAAAX,EACA,SAAAC,EACA,gBAAeA,EACf,aAAYC,EAAE,UAAU,CAAA,CAC1B,CAAA,CACF,EAGWU,EAAiB,CAAC,CAAE,KAAAZ,EAAM,SAAAC,EAAU,EAAAC,EAAG,QAAAC,CAAA,IAClDC,MAACC,EAAAA,mBAAA,CACC,SAAAD,EAAAA,IAACE,EAAA,CACC,QAAAH,EACA,QAAQ,WACR,SAAU,GACV,WAAOU,EAAA,EAAa,EACpB,KAAAb,EACA,SAAAC,EACA,gBAAeA,EACf,aAAYC,EAAE,UAAU,CAAA,CAC1B,CAAA,CACF,EAIIY,EAAW,CAACZ,EAA4Ba,EAAcC,IACtDA,IAAS,OACJd,EAAE,aAAc,CAAE,MAAOe,EAAAA,mBAAoB,EAElDD,IAAS,QACJd,EAAE,aAAc,CAAE,MAAOe,EAAAA,mBAAoB,EAE/C,GAAGf,EAAE,MAAM,CAAC,IAAIa,CAAI,GAGhBG,EAAa,CAAC,CAAE,KAAAlB,EAAM,KAAAgB,EAAM,QAAAG,EAAS,KAAAJ,EAAM,EAAAb,EAAG,QAAAC,CAAA,IACzDC,EAAAA,IAACC,qBAAA,CACC,SAAAD,EAAAA,IAACgB,EAAAA,aAAA,CACC,QAAAjB,EACA,SAAU,CAACgB,EACX,SAAUA,EACV,KAAAnB,EACA,aAAcgB,EAAO,MAAQ,GAAGD,CAAI,GACpC,aAAYD,EAASZ,EAAGa,EAAMC,CAAI,EAClC,MAAOF,EAASZ,EAAGa,EAAMC,CAAI,CAAA,CAC/B,CAAA,CACF"}

package/build/cjs/components/Pagination/components/PaginationButtons.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationButtons.styles.js","sources":["../../../../../src/components/Pagination/components/PaginationButtons.styles.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nimport _ToggleButton from '../../ToggleButton/ToggleButton';\n\nexport const PaginationListItem = styled.li`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  min-width: 0;\n  max-width: 100%;\n`;\n\nexport const ToggleButton = styled(_ToggleButton)``;\n"],"names":["PaginationListItem","styled","ToggleButton","_ToggleButton"],"mappings":"iMAIaA,EAAqBC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU5BC,EAAeD,EAAAA,OAAOE,CAAa"}
+{"version":3,"file":"PaginationButtons.styles.js","sources":["../../../../../src/components/Pagination/components/PaginationButtons.styles.tsx"],"sourcesContent":["import { styled } from 'styled-components';\r\n\r\nimport _ToggleButton from '../../ToggleButton/ToggleButton';\r\n\r\nexport const PaginationListItem = styled.li`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 0;\r\n  margin: 0;\r\n  min-width: 0;\r\n  max-width: 100%;\r\n`;\r\n\r\nexport const ToggleButton = styled(_ToggleButton)``;\r\n"],"names":["PaginationListItem","styled","ToggleButton","_ToggleButton"],"mappings":"iMAIaA,EAAqBC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU5BC,EAAeD,EAAAA,OAAOE,CAAa"}

package/build/cjs/components/Pagination/components/PaginationSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelect.js","sources":["../../../../../src/components/Pagination/components/PaginationSelect.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { SizeChangerRender } from 'rc-pagination/lib/Options';\n\nimport Select from '../../Select/Select';\nimport { usePagination } from '../hooks/usePagination';\n\nconst PaginationSelect = ({ onSizeChange, size: pageSize, options, ...props }: Parameters<SizeChangerRender>[0]) => {\n  const { size = Sizes.Medium } = usePagination()!;\n\n  return (\n    <Select\n      allowClear={false}\n      size={size}\n      value={pageSize ?? options[0].value}\n      onChange={onSizeChange}\n      options={options}\n      {...props}\n    />\n  );\n};\n\nexport default PaginationSelect;\n"],"names":["PaginationSelect","onSizeChange","pageSize","options","props","size","Sizes","usePagination","jsx","Select"],"mappings":"kLAMMA,EAAmB,CAAC,CAAE,aAAAC,EAAc,KAAMC,EAAU,QAAAC,EAAS,GAAGC,KAA8C,CAClH,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,cAAA,EAEhC,OACEC,EAAAA,IAACC,EAAA,CACC,WAAY,GACZ,KAAAJ,EACA,MAAOH,GAAYC,EAAQ,CAAC,EAAE,MAC9B,SAAUF,EACV,QAAAE,EACC,GAAGC,CAAA,CAAA,CAGV"}
+{"version":3,"file":"PaginationSelect.js","sources":["../../../../../src/components/Pagination/components/PaginationSelect.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport type { SizeChangerRender } from 'rc-pagination/lib/Options';\r\n\r\nimport Select from '../../Select/Select';\r\nimport { usePagination } from '../hooks/usePagination';\r\n\r\nconst PaginationSelect = ({ onSizeChange, size: pageSize, options, ...props }: Parameters<SizeChangerRender>[0]) => {\r\n  const { size = Sizes.Medium } = usePagination()!;\r\n\r\n  return (\r\n    <Select\r\n      allowClear={false}\r\n      size={size}\r\n      value={pageSize ?? options[0].value}\r\n      onChange={onSizeChange}\r\n      options={options}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport default PaginationSelect;\r\n"],"names":["PaginationSelect","onSizeChange","pageSize","options","props","size","Sizes","usePagination","jsx","Select"],"mappings":"kLAMMA,EAAmB,CAAC,CAAE,aAAAC,EAAc,KAAMC,EAAU,QAAAC,EAAS,GAAGC,KAA8C,CAClH,KAAM,CAAE,KAAAC,EAAOC,EAAAA,MAAM,MAAA,EAAWC,EAAAA,cAAA,EAEhC,OACEC,EAAAA,IAACC,EAAA,CACC,WAAY,GACZ,KAAAJ,EACA,MAAOH,GAAYC,EAAQ,CAAC,EAAE,MAC9B,SAAUF,EACV,QAAAE,EACC,GAAGC,CAAA,CAAA,CAGV"}

package/build/cjs/components/Pagination/data/en_GB.js.map

@@ -1 +1 @@
-{"version":3,"file":"en_GB.js","sources":["../../../../../src/components/Pagination/data/en_GB.ts"],"sourcesContent":["export default {\n  items_per_page: '/ page',\n  jump_to: 'Go to',\n  jump_to_confirm: 'confirm',\n  page: 'page',\n  prev_page: 'Previous Page',\n  next_page: 'Next Page',\n  prev_5: 'Previous 5 Pages',\n  next_5: 'Next 5 Pages',\n  prev_3: 'Previous 3 Pages',\n  next_3: 'Next 3 Pages',\n  page_size: 'Page Size',\n};\n"],"names":["enGB"],"mappings":"aAAA,MAAAA,EAAe,CACb,eAAgB,SAChB,QAAS,QACT,gBAAiB,UACjB,KAAM,OACN,UAAW,gBACX,UAAW,YACX,OAAQ,mBACR,OAAQ,eACR,OAAQ,mBACR,OAAQ,eACR,UAAW,WACb"}
+{"version":3,"file":"en_GB.js","sources":["../../../../../src/components/Pagination/data/en_GB.ts"],"sourcesContent":["export default {\r\n  items_per_page: '/ page',\r\n  jump_to: 'Go to',\r\n  jump_to_confirm: 'confirm',\r\n  page: 'page',\r\n  prev_page: 'Previous Page',\r\n  next_page: 'Next Page',\r\n  prev_5: 'Previous 5 Pages',\r\n  next_5: 'Next 5 Pages',\r\n  prev_3: 'Previous 3 Pages',\r\n  next_3: 'Next 3 Pages',\r\n  page_size: 'Page Size',\r\n};\r\n"],"names":["enGB"],"mappings":"aAAA,MAAAA,EAAe,CACb,eAAgB,SAChB,QAAS,QACT,gBAAiB,UACjB,KAAM,OACN,UAAW,gBACX,UAAW,YACX,OAAQ,mBACR,OAAQ,eACR,OAAQ,mBACR,OAAQ,eACR,UAAW,WACb"}

package/build/cjs/components/Pagination/data/es_ES.js.map

@@ -1 +1 @@
-{"version":3,"file":"es_ES.js","sources":["../../../../../src/components/Pagination/data/es_ES.ts"],"sourcesContent":["export default {\n  items_per_page: '/ página',\n  jump_to: 'Ir a',\n  jump_to_confirm: 'confirmar',\n  page: 'página',\n  prev_page: 'Página anterior',\n  next_page: 'Página siguiente',\n  prev_5: '5 páginas previas',\n  next_5: '5 páginas siguientes',\n  prev_3: '3 páginas previas',\n  next_3: '3 páginas siguientes',\n  page_size: 'tamaño de página',\n};\n"],"names":["es_ES"],"mappings":"aAAA,MAAAA,EAAe,CACb,eAAgB,WAChB,QAAS,OACT,gBAAiB,YACjB,KAAM,SACN,UAAW,kBACX,UAAW,mBACX,OAAQ,oBACR,OAAQ,uBACR,OAAQ,oBACR,OAAQ,uBACR,UAAW,kBACb"}
+{"version":3,"file":"es_ES.js","sources":["../../../../../src/components/Pagination/data/es_ES.ts"],"sourcesContent":["export default {\r\n  items_per_page: '/ página',\r\n  jump_to: 'Ir a',\r\n  jump_to_confirm: 'confirmar',\r\n  page: 'página',\r\n  prev_page: 'Página anterior',\r\n  next_page: 'Página siguiente',\r\n  prev_5: '5 páginas previas',\r\n  next_5: '5 páginas siguientes',\r\n  prev_3: '3 páginas previas',\r\n  next_3: '3 páginas siguientes',\r\n  page_size: 'tamaño de página',\r\n};\r\n"],"names":["es_ES"],"mappings":"aAAA,MAAAA,EAAe,CACb,eAAgB,WAChB,QAAS,OACT,gBAAiB,YACjB,KAAM,SACN,UAAW,kBACX,UAAW,mBACX,OAAQ,oBACR,OAAQ,uBACR,OAAQ,oBACR,OAAQ,uBACR,UAAW,kBACb"}

package/build/cjs/components/Pagination/data/pl_PL.js.map

@@ -1 +1 @@
-{"version":3,"file":"pl_PL.js","sources":["../../../../../src/components/Pagination/data/pl_PL.ts"],"sourcesContent":["export default {\n  items_per_page: 'na stronę',\n  jump_to: 'Idź do',\n  jump_to_confirm: 'potwierdź',\n  page: 'strony',\n  prev_page: 'Poprzednia strona',\n  next_page: 'Następna strona',\n  prev_5: 'Poprzednie 5 stron',\n  next_5: 'Następne 5 stron',\n  prev_3: 'Poprzednie 3 strony',\n  next_3: 'Następne 3 strony',\n  page_size: 'rozmiar strony',\n};\n"],"names":["pl_PL"],"mappings":"aAAA,MAAAA,EAAe,CACb,eAAgB,YAChB,QAAS,SACT,gBAAiB,YACjB,KAAM,SACN,UAAW,oBACX,UAAW,kBACX,OAAQ,qBACR,OAAQ,mBACR,OAAQ,sBACR,OAAQ,oBACR,UAAW,gBACb"}
+{"version":3,"file":"pl_PL.js","sources":["../../../../../src/components/Pagination/data/pl_PL.ts"],"sourcesContent":["export default {\r\n  items_per_page: 'na stronę',\r\n  jump_to: 'Idź do',\r\n  jump_to_confirm: 'potwierdź',\r\n  page: 'strony',\r\n  prev_page: 'Poprzednia strona',\r\n  next_page: 'Następna strona',\r\n  prev_5: 'Poprzednie 5 stron',\r\n  next_5: 'Następne 5 stron',\r\n  prev_3: 'Poprzednie 3 strony',\r\n  next_3: 'Następne 3 strony',\r\n  page_size: 'rozmiar strony',\r\n};\r\n"],"names":["pl_PL"],"mappings":"aAAA,MAAAA,EAAe,CACb,eAAgB,YAChB,QAAS,SACT,gBAAiB,YACjB,KAAM,SACN,UAAW,oBACX,UAAW,kBACX,OAAQ,qBACR,OAAQ,mBACR,OAAQ,sBACR,OAAQ,oBACR,UAAW,gBACb"}

package/build/cjs/components/Pagination/hooks/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sources":["../../../../../src/components/Pagination/hooks/usePagination.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { IPaginationProps } from '../Pagination.types';\n\nexport const PaginationContext = createContext<IPaginationProps | null>(null);\n\nexport const usePagination = () => useContext(PaginationContext);\n"],"names":["PaginationContext","createContext","usePagination","useContext"],"mappings":"qIAIaA,EAAoBC,EAAAA,cAAuC,IAAI,EAE/DC,EAAgB,IAAMC,EAAAA,WAAWH,CAAiB"}
+{"version":3,"file":"usePagination.js","sources":["../../../../../src/components/Pagination/hooks/usePagination.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\r\n\r\nimport type { IPaginationProps } from '../Pagination.types';\r\n\r\nexport const PaginationContext = createContext<IPaginationProps | null>(null);\r\n\r\nexport const usePagination = () => useContext(PaginationContext);\r\n"],"names":["PaginationContext","createContext","usePagination","useContext"],"mappings":"qIAIaA,EAAoBC,EAAAA,cAAuC,IAAI,EAE/DC,EAAgB,IAAMC,EAAAA,WAAWH,CAAiB"}

package/build/cjs/components/Pagination/utils/getPagesToDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"getPagesToDisplay.js","sources":["../../../../../src/components/Pagination/utils/getPagesToDisplay.ts"],"sourcesContent":["const FIRST_PAGE = 1;\nexport const MORE_BUTTON_OFFSET = 5;\nconst OFFSET = 2;\n\nexport const enforceInRange = (page: number, total: number): number => {\n  if (page < FIRST_PAGE + OFFSET) {\n    return Math.min(FIRST_PAGE + OFFSET, total);\n  }\n  if (page > total - OFFSET) {\n    return Math.max(FIRST_PAGE, total - OFFSET);\n  }\n\n  return page;\n};\n\nexport const getPagesToDisplay = (\n  currentPage: number,\n  currentDisplayed: number,\n  totalPages: number,\n  moreButton = false,\n) => {\n  const pages: { page: number; current: boolean; more: 'left' | 'right' | false }[] = [\n    { page: FIRST_PAGE, current: currentPage === FIRST_PAGE, more: false },\n  ];\n\n  const currentDisplayedInRange = enforceInRange(currentDisplayed, totalPages);\n\n  // Add the \"more\" button to the left if the current displayed page is more than OFFSET pages away from the first page\n  if (currentDisplayedInRange - OFFSET - 1 > FIRST_PAGE && moreButton) {\n    pages.push({ page: Math.max(currentDisplayed - MORE_BUTTON_OFFSET, 1), current: false, more: 'left' });\n  }\n\n  // Add the offset pages to the left of the current displayed page\n  for (let leftOffset = OFFSET; leftOffset > 0; leftOffset--) {\n    if (currentDisplayedInRange - leftOffset > FIRST_PAGE) {\n      pages.push({\n        page: currentDisplayedInRange - leftOffset,\n        current: currentPage === currentDisplayedInRange - leftOffset,\n        more: false,\n      });\n    }\n  }\n\n  // Add the current displayed page\n  if (currentDisplayedInRange > FIRST_PAGE && currentDisplayedInRange < totalPages) {\n    pages.push({ page: currentDisplayedInRange, current: currentPage === currentDisplayedInRange, more: false });\n  }\n\n  // Add the offset pages to the right of the current displayed page\n  for (let rightOffset = 1; rightOffset <= OFFSET; rightOffset++) {\n    if (currentDisplayedInRange + rightOffset < totalPages) {\n      pages.push({\n        page: currentDisplayedInRange + rightOffset,\n        current: currentPage === currentDisplayedInRange + rightOffset,\n        more: false,\n      });\n    }\n  }\n  // Add the \"more\" button to the right if the current displayed page is less than totalPages - OFFSET pages away from the last page\n  if (currentDisplayedInRange + OFFSET + 1 < totalPages && moreButton) {\n    pages.push({ page: Math.min(currentDisplayed + MORE_BUTTON_OFFSET, totalPages), current: false, more: 'right' });\n  }\n\n  // Add the last page\n  if (FIRST_PAGE < totalPages) {\n    pages.push({ page: totalPages, current: currentPage === totalPages, more: false });\n  }\n\n  return pages;\n};\n"],"names":["FIRST_PAGE","MORE_BUTTON_OFFSET","OFFSET","enforceInRange","page","total","getPagesToDisplay","currentPage","currentDisplayed","totalPages","moreButton","pages","currentDisplayedInRange","leftOffset","rightOffset"],"mappings":"4GAAA,MAAMA,EAAa,EACNC,EAAqB,EAC5BC,EAAS,EAEFC,EAAiB,CAACC,EAAcC,IACvCD,EAAOJ,EAAaE,EACf,KAAK,IAAIF,EAAaE,EAAQG,CAAK,EAExCD,EAAOC,EAAQH,EACV,KAAK,IAAIF,EAAYK,EAAQH,CAAM,EAGrCE,EAGIE,EAAoB,CAC/BC,EACAC,EACAC,EACAC,EAAa,KACV,CACH,MAAMC,EAA8E,CAClF,CAAE,KAAMX,EAAY,QAASO,IAAgBP,EAAY,KAAM,EAAA,CAAM,EAGjEY,EAA0BT,EAAeK,EAAkBC,CAAU,EAGvEG,EAA0BV,EAAS,EAAIF,GAAcU,GACvDC,EAAM,KAAK,CAAE,KAAM,KAAK,IAAIH,EAAmBP,EAAoB,CAAC,EAAG,QAAS,GAAO,KAAM,OAAQ,EAIvG,QAASY,EAAaX,EAAQW,EAAa,EAAGA,IACxCD,EAA0BC,EAAab,GACzCW,EAAM,KAAK,CACT,KAAMC,EAA0BC,EAChC,QAASN,IAAgBK,EAA0BC,EACnD,KAAM,EAAA,CACP,EAKDD,EAA0BZ,GAAcY,EAA0BH,GACpEE,EAAM,KAAK,CAAE,KAAMC,EAAyB,QAASL,IAAgBK,EAAyB,KAAM,GAAO,EAI7G,QAASE,EAAc,EAAGA,GAAeZ,EAAQY,IAC3CF,EAA0BE,EAAcL,GAC1CE,EAAM,KAAK,CACT,KAAMC,EAA0BE,EAChC,QAASP,IAAgBK,EAA0BE,EACnD,KAAM,EAAA,CACP,EAIL,OAAIF,EAA0BV,EAAS,EAAIO,GAAcC,GACvDC,EAAM,KAAK,CAAE,KAAM,KAAK,IAAIH,EAAmBP,EAAoBQ,CAAU,EAAG,QAAS,GAAO,KAAM,QAAS,EAI7GT,EAAaS,GACfE,EAAM,KAAK,CAAE,KAAMF,EAAY,QAASF,IAAgBE,EAAY,KAAM,GAAO,EAG5EE,CACT"}
+{"version":3,"file":"getPagesToDisplay.js","sources":["../../../../../src/components/Pagination/utils/getPagesToDisplay.ts"],"sourcesContent":["const FIRST_PAGE = 1;\r\nexport const MORE_BUTTON_OFFSET = 5;\r\nconst OFFSET = 2;\r\n\r\nexport const enforceInRange = (page: number, total: number): number => {\r\n  if (page < FIRST_PAGE + OFFSET) {\r\n    return Math.min(FIRST_PAGE + OFFSET, total);\r\n  }\r\n  if (page > total - OFFSET) {\r\n    return Math.max(FIRST_PAGE, total - OFFSET);\r\n  }\r\n\r\n  return page;\r\n};\r\n\r\nexport const getPagesToDisplay = (\r\n  currentPage: number,\r\n  currentDisplayed: number,\r\n  totalPages: number,\r\n  moreButton = false,\r\n) => {\r\n  const pages: { page: number; current: boolean; more: 'left' | 'right' | false }[] = [\r\n    { page: FIRST_PAGE, current: currentPage === FIRST_PAGE, more: false },\r\n  ];\r\n\r\n  const currentDisplayedInRange = enforceInRange(currentDisplayed, totalPages);\r\n\r\n  // Add the \"more\" button to the left if the current displayed page is more than OFFSET pages away from the first page\r\n  if (currentDisplayedInRange - OFFSET - 1 > FIRST_PAGE && moreButton) {\r\n    pages.push({ page: Math.max(currentDisplayed - MORE_BUTTON_OFFSET, 1), current: false, more: 'left' });\r\n  }\r\n\r\n  // Add the offset pages to the left of the current displayed page\r\n  for (let leftOffset = OFFSET; leftOffset > 0; leftOffset--) {\r\n    if (currentDisplayedInRange - leftOffset > FIRST_PAGE) {\r\n      pages.push({\r\n        page: currentDisplayedInRange - leftOffset,\r\n        current: currentPage === currentDisplayedInRange - leftOffset,\r\n        more: false,\r\n      });\r\n    }\r\n  }\r\n\r\n  // Add the current displayed page\r\n  if (currentDisplayedInRange > FIRST_PAGE && currentDisplayedInRange < totalPages) {\r\n    pages.push({ page: currentDisplayedInRange, current: currentPage === currentDisplayedInRange, more: false });\r\n  }\r\n\r\n  // Add the offset pages to the right of the current displayed page\r\n  for (let rightOffset = 1; rightOffset <= OFFSET; rightOffset++) {\r\n    if (currentDisplayedInRange + rightOffset < totalPages) {\r\n      pages.push({\r\n        page: currentDisplayedInRange + rightOffset,\r\n        current: currentPage === currentDisplayedInRange + rightOffset,\r\n        more: false,\r\n      });\r\n    }\r\n  }\r\n  // Add the \"more\" button to the right if the current displayed page is less than totalPages - OFFSET pages away from the last page\r\n  if (currentDisplayedInRange + OFFSET + 1 < totalPages && moreButton) {\r\n    pages.push({ page: Math.min(currentDisplayed + MORE_BUTTON_OFFSET, totalPages), current: false, more: 'right' });\r\n  }\r\n\r\n  // Add the last page\r\n  if (FIRST_PAGE < totalPages) {\r\n    pages.push({ page: totalPages, current: currentPage === totalPages, more: false });\r\n  }\r\n\r\n  return pages;\r\n};\r\n"],"names":["FIRST_PAGE","MORE_BUTTON_OFFSET","OFFSET","enforceInRange","page","total","getPagesToDisplay","currentPage","currentDisplayed","totalPages","moreButton","pages","currentDisplayedInRange","leftOffset","rightOffset"],"mappings":"4GAAA,MAAMA,EAAa,EACNC,EAAqB,EAC5BC,EAAS,EAEFC,EAAiB,CAACC,EAAcC,IACvCD,EAAOJ,EAAaE,EACf,KAAK,IAAIF,EAAaE,EAAQG,CAAK,EAExCD,EAAOC,EAAQH,EACV,KAAK,IAAIF,EAAYK,EAAQH,CAAM,EAGrCE,EAGIE,EAAoB,CAC/BC,EACAC,EACAC,EACAC,EAAa,KACV,CACH,MAAMC,EAA8E,CAClF,CAAE,KAAMX,EAAY,QAASO,IAAgBP,EAAY,KAAM,EAAA,CAAM,EAGjEY,EAA0BT,EAAeK,EAAkBC,CAAU,EAGvEG,EAA0BV,EAAS,EAAIF,GAAcU,GACvDC,EAAM,KAAK,CAAE,KAAM,KAAK,IAAIH,EAAmBP,EAAoB,CAAC,EAAG,QAAS,GAAO,KAAM,OAAQ,EAIvG,QAASY,EAAaX,EAAQW,EAAa,EAAGA,IACxCD,EAA0BC,EAAab,GACzCW,EAAM,KAAK,CACT,KAAMC,EAA0BC,EAChC,QAASN,IAAgBK,EAA0BC,EACnD,KAAM,EAAA,CACP,EAKDD,EAA0BZ,GAAcY,EAA0BH,GACpEE,EAAM,KAAK,CAAE,KAAMC,EAAyB,QAASL,IAAgBK,EAAyB,KAAM,GAAO,EAI7G,QAASE,EAAc,EAAGA,GAAeZ,EAAQY,IAC3CF,EAA0BE,EAAcL,GAC1CE,EAAM,KAAK,CACT,KAAMC,EAA0BE,EAChC,QAASP,IAAgBK,EAA0BE,EACnD,KAAM,EAAA,CACP,EAIL,OAAIF,EAA0BV,EAAS,EAAIO,GAAcC,GACvDC,EAAM,KAAK,CAAE,KAAM,KAAK,IAAIH,EAAmBP,EAAoBQ,CAAU,EAAG,QAAS,GAAO,KAAM,QAAS,EAI7GT,EAAaS,GACfE,EAAM,KAAK,CAAE,KAAMF,EAAY,QAASF,IAAgBE,EAAY,KAAM,GAAO,EAG5EE,CACT"}

package/build/cjs/components/Pagination/utils/numberFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"numberFormatter.js","sources":["../../../../../src/components/Pagination/utils/numberFormatter.ts"],"sourcesContent":["// eslint-disable-next-line new-cap\nexport const defaultNumberFormatter = () => Intl.NumberFormat('en-GB', { style: 'decimal' });\n"],"names":["defaultNumberFormatter"],"mappings":"4GACO,MAAMA,EAAyB,IAAM,KAAK,aAAa,QAAS,CAAE,MAAO,UAAW"}
+{"version":3,"file":"numberFormatter.js","sources":["../../../../../src/components/Pagination/utils/numberFormatter.ts"],"sourcesContent":["// eslint-disable-next-line new-cap\r\nexport const defaultNumberFormatter = () => Intl.NumberFormat('en-GB', { style: 'decimal' });\r\n"],"names":["defaultNumberFormatter"],"mappings":"4GACO,MAAMA,EAAyB,IAAM,KAAK,aAAa,QAAS,CAAE,MAAO,UAAW"}

package/build/cjs/components/Pecten/Pecten.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pecten.js","sources":["../../../../src/components/Pecten/Pecten.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, PECTEN_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './Pecten.styles';\nimport type { IPectenProps } from './Pecten.types';\n\nconst Pecten = ({\n  className,\n  size = Sizes.Medium,\n  muted = false,\n  emphasis = false,\n  padding = 'none',\n  ...rest\n}: IPectenProps): ReactElement => (\n  <Styled.Pecten\n    className={classNames(PECTEN_CLASS, className)}\n    prefixCls={PECTEN_CLASS}\n    $size={size}\n    $muted={muted ?? emphasis}\n    $padding={padding}\n    {...rest}\n  />\n);\nexport default Pecten;\n"],"names":["Pecten","className","size","Sizes","muted","emphasis","padding","rest","jsx","Styled.Pecten","classNames","PECTEN_CLASS"],"mappings":"gNAQMA,EAAS,CAAC,CACd,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,MAAAC,EAAQ,GACR,SAAAC,EAAW,GACX,QAAAC,EAAU,OACV,GAAGC,CACL,IACEC,EAAAA,IAACC,EAAAA,OAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcV,CAAS,EAC7C,UAAWU,EAAAA,aACX,MAAOT,EACP,OAAQE,GAASC,EACjB,SAAUC,EACT,GAAGC,CAAA,CACN"}
+{"version":3,"file":"Pecten.js","sources":["../../../../src/components/Pecten/Pecten.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, PECTEN_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nimport * as Styled from './Pecten.styles';\r\nimport type { IPectenProps } from './Pecten.types';\r\n\r\nconst Pecten = ({\r\n  className,\r\n  size = Sizes.Medium,\r\n  muted = false,\r\n  emphasis = false,\r\n  padding = 'none',\r\n  ...rest\r\n}: IPectenProps): ReactElement => (\r\n  <Styled.Pecten\r\n    className={classNames(PECTEN_CLASS, className)}\r\n    prefixCls={PECTEN_CLASS}\r\n    $size={size}\r\n    $muted={muted ?? emphasis}\r\n    $padding={padding}\r\n    {...rest}\r\n  />\r\n);\r\nexport default Pecten;\r\n"],"names":["Pecten","className","size","Sizes","muted","emphasis","padding","rest","jsx","Styled.Pecten","classNames","PECTEN_CLASS"],"mappings":"gNAQMA,EAAS,CAAC,CACd,UAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,MAAAC,EAAQ,GACR,SAAAC,EAAW,GACX,QAAAC,EAAU,OACV,GAAGC,CACL,IACEC,EAAAA,IAACC,EAAAA,OAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcV,CAAS,EAC7C,UAAWU,EAAAA,aACX,MAAOT,EACP,OAAQE,GAASC,EACjB,SAAUC,EACT,GAAGC,CAAA,CACN"}

package/build/cjs/components/Pecten/Pecten.styles.js

@@ -1,18 +1,22 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("styled-components"),i=require("../../react-base/src/components/Pecten/Pecten.consts.js"),a=require("../../react-base/src/theme/types/layer.js"),d=require("./components/PectenIcon.js"),g=o.styled(d)(({prefixCls:e,$size:t,$muted:n,$padding:c,theme:s})=>{const r=typeof t=="number"?t:i.pectenSizes[t],u=`${i.pectenPaddings[c]}`,l=s.layer({muted:n});return o.css`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("styled-components"),c=require("../../react-base/src/components/Pecten/Pecten.consts.js"),o=require("../../react-base/src/theme/types/layer.js"),d=require("./components/PectenIcon.js"),g=a.styled(d)(({prefixCls:e,$size:i,$muted:n,$padding:u,theme:l})=>{const r=typeof i=="number"?i:c.pectenSizes[i],s=`${c.pectenPaddings[u]}`,t=l.layer({muted:n});return a.css`
     height: ${r}px;
     width: ${r}px;
-    padding: ${u}px;
+    padding: ${s}px;
 
     .${e}-border {
-      fill: rgb(255 255 255);
+      fill: ${t[o.Variables.BackgroundFoundation]};
     }
 
     .${e}-outer-acinguiux {
-      fill: ${n?l[a.Variables.TextOnFoundationStrong]:"#DD1D21"};
+      fill: ${n?t[o.Variables.TextOnFoundationStrong]:"#DD1D21"};
     }
 
     .${e}-inner-acinguiux {
-      fill: ${n?"white":"#FFC600"};
+      fill: ${n?t[o.Variables.TextOnFoundationSubtle]:"#FFC600"};
+    }
+
+    .${e}-symbol-acinguiux {
+      fill: ${n?t[o.Variables.BackgroundFoundation]:"#DD1D21"};
     }
   `});exports.Pecten=g;
 //# sourceMappingURL=Pecten.styles.js.map

package/build/cjs/components/Pecten/Pecten.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pecten.styles.js","sources":["../../../../src/components/Pecten/Pecten.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { PectenConsts } from 'acinguiux-ds-react-base/components/Pecten';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\n\nimport PectenSVG from './components/PectenIcon';\nimport type { IPectenProps } from './Pecten.types';\n\nconst Pecten = styled(PectenSVG)<\n  Required<PickTransient<IPectenProps, 'size' | 'padding'>> & PickTransient<IPectenProps, 'muted'>\n>(({ prefixCls, $size, $muted, $padding, theme }) => {\n  const width = typeof $size === 'number' ? $size : PectenConsts.pectenSizes[$size];\n  const padding = `${PectenConsts.pectenPaddings[$padding]}`;\n  const layer = theme.layer({ muted: $muted });\n\n  return css`\n    height: ${width}px;\n    width: ${width}px;\n    padding: ${padding}px;\n\n    .${prefixCls}-border {\n      fill: rgb(255 255 255);\n    }\n\n    .${prefixCls}-outer-acinguiux {\n      fill: ${$muted ? layer[Variables.TextOnFoundationStrong] : '#DD1D21'};\n    }\n\n    .${prefixCls}-inner-acinguiux {\n      fill: ${$muted ? 'white' : '#FFC600'};\n    }\n  `;\n});\n\nexport { Pecten };\n"],"names":["Pecten","styled","PectenSVG","prefixCls","$size","$muted","$padding","theme","width","PectenConsts.pectenSizes","padding","PectenConsts.pectenPaddings","layer","css","Variables"],"mappings":"qTAQMA,EAASC,EAAAA,OAAOC,CAAS,EAE7B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,KAAY,CACnD,MAAMC,EAAQ,OAAOJ,GAAU,SAAWA,EAAQK,EAAAA,YAAyBL,CAAK,EAC1EM,EAAU,GAAGC,iBAA4BL,CAAQ,CAAC,GAClDM,EAAQL,EAAM,MAAM,CAAE,MAAOF,EAAQ,EAE3C,OAAOQ,EAAAA;AAAAA,cACKL,CAAK;AAAA,aACNA,CAAK;AAAA,eACHE,CAAO;AAAA;AAAA,OAEfP,CAAS;AAAA;AAAA;AAAA;AAAA,OAITA,CAAS;AAAA,cACFE,EAASO,EAAME,EAAAA,UAAU,sBAAsB,EAAI,SAAS;AAAA;AAAA;AAAA,OAGnEX,CAAS;AAAA,cACFE,EAAS,QAAU,SAAS;AAAA;AAAA,GAG1C,CAAC"}
+{"version":3,"file":"Pecten.styles.js","sources":["../../../../src/components/Pecten/Pecten.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\r\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { PectenConsts } from 'acinguiux-ds-react-base/components/Pecten';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\n\r\nimport PectenSVG from './components/PectenIcon';\r\nimport type { IPectenProps } from './Pecten.types';\r\n\r\nconst Pecten = styled(PectenSVG)<\r\n  Required<PickTransient<IPectenProps, 'size' | 'padding'>> & PickTransient<IPectenProps, 'muted'>\r\n>(({ prefixCls, $size, $muted, $padding, theme }) => {\r\n  const width = typeof $size === 'number' ? $size : PectenConsts.pectenSizes[$size];\r\n  const padding = `${PectenConsts.pectenPaddings[$padding]}`;\r\n  const layer = theme.layer({ muted: $muted });\r\n\r\n  return css`\r\n    height: ${width}px;\r\n    width: ${width}px;\r\n    padding: ${padding}px;\r\n\r\n    .${prefixCls}-border {\r\n      fill: ${layer[Variables.BackgroundFoundation]};\r\n    }\r\n\r\n    .${prefixCls}-outer-acinguiux {\r\n      fill: ${$muted ? layer[Variables.TextOnFoundationStrong] : '#DD1D21'};\r\n    }\r\n\r\n    .${prefixCls}-inner-acinguiux {\r\n      fill: ${$muted ? layer[Variables.TextOnFoundationSubtle] : '#FFC600'};\r\n    }\r\n\r\n    .${prefixCls}-symbol-acinguiux {\r\n      fill: ${$muted ? layer[Variables.BackgroundFoundation] : '#DD1D21'};\r\n    }\r\n  `;\r\n});\r\n\r\nexport { Pecten };\r\n"],"names":["Pecten","styled","PectenSVG","prefixCls","$size","$muted","$padding","theme","width","PectenConsts.pectenSizes","padding","PectenConsts.pectenPaddings","layer","css","Variables"],"mappings":"qTAQMA,EAASC,EAAAA,OAAOC,CAAS,EAE7B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,KAAY,CACnD,MAAMC,EAAQ,OAAOJ,GAAU,SAAWA,EAAQK,EAAAA,YAAyBL,CAAK,EAC1EM,EAAU,GAAGC,iBAA4BL,CAAQ,CAAC,GAClDM,EAAQL,EAAM,MAAM,CAAE,MAAOF,EAAQ,EAE3C,OAAOQ,EAAAA;AAAAA,cACKL,CAAK;AAAA,aACNA,CAAK;AAAA,eACHE,CAAO;AAAA;AAAA,OAEfP,CAAS;AAAA,cACFS,EAAME,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA,OAG5CX,CAAS;AAAA,cACFE,EAASO,EAAME,EAAAA,UAAU,sBAAsB,EAAI,SAAS;AAAA;AAAA;AAAA,OAGnEX,CAAS;AAAA,cACFE,EAASO,EAAME,EAAAA,UAAU,sBAAsB,EAAI,SAAS;AAAA;AAAA;AAAA,OAGnEX,CAAS;AAAA,cACFE,EAASO,EAAME,EAAAA,UAAU,oBAAoB,EAAI,SAAS;AAAA;AAAA,GAGxE,CAAC"}

package/build/cjs/components/Pecten/components/PectenIcon.js

@@ -1,2 +1,2 @@
-"use strict";const L=require("react/jsx-runtime"),H=({className:s,prefixCls:C,...e})=>L.jsxs("svg",{className:s,viewBox:"0 0 120 120",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[L.jsx("path",{className:`${C}-border`,d:"M59.9999 4.43053C27.0842 4.43053 0.317871 31.2123 0.317871 64.1125C0.317871 68.1089 0.720603 72.1207 1.52607 76.0551L1.89783 77.8829L18.6113 90.0424L21.4614 112.828H51.9917L52.3324 113.076C54.5785 114.702 57.2272 115.569 59.9999 115.569C62.7725 115.569 65.4368 114.702 67.6673 113.076L68.0081 112.828H98.5384L101.388 90.0424L118.102 77.8829L118.474 76.0551C119.279 72.1362 119.682 68.1089 119.682 64.1125C119.682 31.1968 92.9001 4.43053 59.9999 4.43053ZM113.78 75.0948L96.881 87.3781L94.2942 108.026H66.4436L64.8327 109.188C63.4231 110.21 61.7347 110.768 59.9844 110.768C58.234 110.768 56.5457 110.21 55.1361 109.188L53.5252 108.026H25.6746L23.0878 87.3781L6.18849 75.0948C5.44498 71.4857 5.07322 67.7991 5.07322 64.1125C5.07322 33.8146 29.6555 9.23235 59.9534 9.23235C90.2514 9.23235 114.834 33.8146 114.834 64.1125C114.834 67.7991 114.462 71.4702 113.734 75.0948H113.78Z"}),L.jsx("path",{className:`${C}-inner-acinguiux`,d:"M53.5408 108.025H25.6902L23.1034 87.3775L6.20413 75.0942C5.46062 71.4851 5.08887 67.7985 5.08887 64.1119C5.08887 33.814 29.6711 9.23175 59.969 9.23175C90.267 9.23175 114.849 33.814 114.849 64.1119C114.849 67.7985 114.477 71.4696 113.749 75.0942L96.8501 87.3775L94.2634 108.025H66.4128L64.8019 109.187C63.3923 110.209 61.7039 110.767 59.9536 110.767C58.2032 110.767 56.5148 110.209 55.1053 109.187L53.4943 108.025H53.5408Z"}),L.jsx("path",{className:`${C}-outer-acinguiux`,d:"M59.9993 9.23175C29.7014 9.23175 5.11914 33.814 5.11914 64.1119C5.11914 67.7985 5.4909 71.4696 6.2344 75.0942L23.1337 87.3775L25.7205 108.025H53.5711L55.182 109.187C56.5916 110.209 58.28 110.767 60.0303 110.767C61.7806 110.767 63.469 110.209 64.8786 109.187L66.4895 108.025H94.3401L96.9269 87.3775L113.826 75.0942C114.554 71.4851 114.926 67.7985 114.926 64.1119C114.926 33.814 90.3283 9.23175 60.0458 9.23175H59.9993ZM103.247 54.6012C104.579 57.5907 105.276 60.8281 105.276 64.1119C105.276 66.0791 105.028 68.0308 104.532 69.9206L87.8654 82.0491L85.8207 98.4062H65.5756L62.5861 100.59C61.8426 101.132 60.9287 101.427 59.9993 101.427C59.0699 101.427 58.1715 101.132 57.4125 100.59L54.423 98.4062H34.1779L32.1333 82.0491L15.4663 69.9206C14.9706 68.0153 14.7228 66.0636 14.7228 64.1119C14.7228 60.8281 15.4198 57.5907 16.7519 54.6012L46.2754 84.45L17.5729 49.0249C18.7037 44.4245 21.1975 40.2887 24.7447 37.1443L50.4731 81.5534L27.6722 32.9311C30.6153 29.0122 34.7355 26.1156 39.4289 24.6595L55.1665 79.7721L43.6731 22.3825C47.1738 20.4154 51.1237 19.3775 55.1355 19.3775C55.9875 19.3775 56.8394 19.424 57.6759 19.5169L60.0148 79.1989L62.3538 19.5169C63.1902 19.424 64.0421 19.3775 64.8941 19.3775C68.9059 19.3775 72.8558 20.4154 76.3565 22.3825L64.8631 79.7721L80.6007 24.6595C85.2941 26.1156 89.3989 28.9967 92.3574 32.9311L69.5565 81.5534L95.285 37.1443C98.8321 40.2887 101.326 44.4245 102.457 49.0249L73.7542 84.45L103.278 54.6012H103.247Z"})]});module.exports=H;
+"use strict";const C=require("react/jsx-runtime"),s=({className:L,prefixCls:e,...l})=>C.jsxs("svg",{className:L,viewBox:"0 0 104 104",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l,children:[C.jsx("path",{className:`${e}-border`,fillRule:"evenodd",clipRule:"evenodd",d:"M87 67.3507C86.9999 68.281 86.7435 69.1948 86.2565 70.0004C85.7695 70.8061 85.0692 71.4751 84.2257 71.9402L52.7742 89.2899C51.9308 89.7551 50.974 90 50 90C49.026 90 48.0692 89.7551 47.2258 89.2899L15.7743 71.9402C14.9308 71.4751 14.2305 70.8061 13.7435 70.0004C13.2565 69.1948 13.0001 68.281 13 67.3507V32.6493C12.9983 31.7174 13.2539 30.8015 13.741 29.9941C14.228 29.1867 14.9294 28.5162 15.7743 28.0502L47.2258 10.7101C48.0692 10.2449 49.026 10 50 10C50.974 10 51.9308 10.2449 52.7742 10.7101L84.2257 28.0502C85.0706 28.5162 85.772 29.1867 86.259 29.9941C86.7461 30.8015 87.0017 31.7174 87 32.6493V67.3507Z"}),C.jsx("path",{className:`${e}-inner-acinguiux`,d:"M81.8286 63.1613C81.8284 64.4138 81.4831 65.6442 80.8274 66.7289C80.1718 67.8136 79.2289 68.7144 78.0934 69.3408L53.9696 82.6522C52.8336 83.2786 51.5451 83.6085 50.2334 83.6085C48.9217 83.6085 47.6331 83.2786 46.4972 82.6522L22.3733 69.3408C21.2376 68.7142 20.2945 67.8131 19.6388 66.7281C18.9832 65.643 18.638 64.4122 18.6381 63.1594V36.5385C18.6366 35.2877 18.9791 34.0585 19.6315 32.9739C20.2839 31.8894 21.2231 30.9877 22.3552 30.3591L46.4871 17.0515C47.6231 16.425 48.9117 16.0952 50.2233 16.0952C51.535 16.0952 52.8236 16.425 53.9595 17.0515L78.0834 30.3629C79.2201 30.9878 80.1647 31.8874 80.8221 32.9715C81.4795 34.0555 81.8266 35.2857 81.8286 36.5385V63.1613Z"}),C.jsx("path",{className:`${e}-outer-acinguiux`,fillRule:"evenodd",clipRule:"evenodd",d:"M76.4296 62.0966C76.4297 62.8502 76.222 63.5906 75.8275 64.2432C75.4329 64.8958 74.8654 65.4377 74.1821 65.8143L52.2434 77.9121C51.5604 78.2888 50.7856 78.4871 49.9969 78.4871C49.2082 78.4871 48.4334 78.2888 47.7504 77.9121L25.8117 65.8143C25.1284 65.4377 24.5609 64.8958 24.1663 64.2432C23.7718 63.5906 23.5641 62.8502 23.5642 62.0966V37.903C23.5652 37.1497 23.7739 36.4099 24.1691 35.758C24.5643 35.106 25.1322 34.565 25.8157 34.1892L47.7524 22.0914C48.4354 21.7147 49.2102 21.5164 49.9989 21.5164C50.7876 21.5164 51.5624 21.7147 52.2454 22.0914L74.1821 34.1892C74.8648 34.5655 75.4319 35.1067 75.8264 35.7586C76.221 36.4105 76.429 37.15 76.4296 37.903V62.0966Z"}),C.jsx("path",{className:`${e}-symbol-acinguiux`,fillRule:"evenodd",clipRule:"evenodd",d:"M43.1911 57.7631V53.3675L35.1719 50.7924L43.1911 48.1501V43.7508L30.1602 48.8491V52.6647L43.1911 57.7631ZM47.9495 61.2023L55.3596 38.8156H51.741L44.3289 61.2004L47.9495 61.2023ZM56.7949 57.7631L69.8258 52.6244V48.8222L56.7949 43.7508V48.2558L64.0803 50.9941L56.7949 53.2735V57.7631Z"})]});module.exports=s;
 //# sourceMappingURL=PectenIcon.js.map

package/build/cjs/components/Pecten/components/PectenIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"PectenIcon.js","sources":["../../../../../src/components/Pecten/components/PectenIcon.tsx"],"sourcesContent":["import type { IPectenIconProps } from './PectenIcon.types';\n\nconst PectenIcon = ({ className, prefixCls, ...rest }: IPectenIconProps) => (\n  <svg className={className} viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...rest}>\n    <path\n      className={`${prefixCls}-border`}\n      d=\"M59.9999 4.43053C27.0842 4.43053 0.317871 31.2123 0.317871 64.1125C0.317871 68.1089 0.720603 72.1207 1.52607 76.0551L1.89783 77.8829L18.6113 90.0424L21.4614 112.828H51.9917L52.3324 113.076C54.5785 114.702 57.2272 115.569 59.9999 115.569C62.7725 115.569 65.4368 114.702 67.6673 113.076L68.0081 112.828H98.5384L101.388 90.0424L118.102 77.8829L118.474 76.0551C119.279 72.1362 119.682 68.1089 119.682 64.1125C119.682 31.1968 92.9001 4.43053 59.9999 4.43053ZM113.78 75.0948L96.881 87.3781L94.2942 108.026H66.4436L64.8327 109.188C63.4231 110.21 61.7347 110.768 59.9844 110.768C58.234 110.768 56.5457 110.21 55.1361 109.188L53.5252 108.026H25.6746L23.0878 87.3781L6.18849 75.0948C5.44498 71.4857 5.07322 67.7991 5.07322 64.1125C5.07322 33.8146 29.6555 9.23235 59.9534 9.23235C90.2514 9.23235 114.834 33.8146 114.834 64.1125C114.834 67.7991 114.462 71.4702 113.734 75.0948H113.78Z\"\n    />\n    <path\n      className={`${prefixCls}-inner-acinguiux`}\n      d=\"M53.5408 108.025H25.6902L23.1034 87.3775L6.20413 75.0942C5.46062 71.4851 5.08887 67.7985 5.08887 64.1119C5.08887 33.814 29.6711 9.23175 59.969 9.23175C90.267 9.23175 114.849 33.814 114.849 64.1119C114.849 67.7985 114.477 71.4696 113.749 75.0942L96.8501 87.3775L94.2634 108.025H66.4128L64.8019 109.187C63.3923 110.209 61.7039 110.767 59.9536 110.767C58.2032 110.767 56.5148 110.209 55.1053 109.187L53.4943 108.025H53.5408Z\"\n    />\n    <path\n      className={`${prefixCls}-outer-acinguiux`}\n      d=\"M59.9993 9.23175C29.7014 9.23175 5.11914 33.814 5.11914 64.1119C5.11914 67.7985 5.4909 71.4696 6.2344 75.0942L23.1337 87.3775L25.7205 108.025H53.5711L55.182 109.187C56.5916 110.209 58.28 110.767 60.0303 110.767C61.7806 110.767 63.469 110.209 64.8786 109.187L66.4895 108.025H94.3401L96.9269 87.3775L113.826 75.0942C114.554 71.4851 114.926 67.7985 114.926 64.1119C114.926 33.814 90.3283 9.23175 60.0458 9.23175H59.9993ZM103.247 54.6012C104.579 57.5907 105.276 60.8281 105.276 64.1119C105.276 66.0791 105.028 68.0308 104.532 69.9206L87.8654 82.0491L85.8207 98.4062H65.5756L62.5861 100.59C61.8426 101.132 60.9287 101.427 59.9993 101.427C59.0699 101.427 58.1715 101.132 57.4125 100.59L54.423 98.4062H34.1779L32.1333 82.0491L15.4663 69.9206C14.9706 68.0153 14.7228 66.0636 14.7228 64.1119C14.7228 60.8281 15.4198 57.5907 16.7519 54.6012L46.2754 84.45L17.5729 49.0249C18.7037 44.4245 21.1975 40.2887 24.7447 37.1443L50.4731 81.5534L27.6722 32.9311C30.6153 29.0122 34.7355 26.1156 39.4289 24.6595L55.1665 79.7721L43.6731 22.3825C47.1738 20.4154 51.1237 19.3775 55.1355 19.3775C55.9875 19.3775 56.8394 19.424 57.6759 19.5169L60.0148 79.1989L62.3538 19.5169C63.1902 19.424 64.0421 19.3775 64.8941 19.3775C68.9059 19.3775 72.8558 20.4154 76.3565 22.3825L64.8631 79.7721L80.6007 24.6595C85.2941 26.1156 89.3989 28.9967 92.3574 32.9311L69.5565 81.5534L95.285 37.1443C98.8321 40.2887 101.326 44.4245 102.457 49.0249L73.7542 84.45L103.278 54.6012H103.247Z\"\n    />\n  </svg>\n);\n\nexport default PectenIcon;\n"],"names":["PectenIcon","className","prefixCls","rest","jsxs","jsx"],"mappings":"kDAEMA,EAAa,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,GAAGC,KAC7CC,EAAAA,KAAC,MAAA,CAAI,UAAAH,EAAsB,QAAQ,cAAc,KAAK,OAAO,MAAM,6BAA8B,GAAGE,EAClG,SAAA,CAAAE,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,UACvB,EAAE,02BAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,mBACvB,EAAE,uaAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,mBACvB,EAAE,k6CAAA,CAAA,CACJ,CAAA,CACF"}
+{"version":3,"file":"PectenIcon.js","sources":["../../../../../src/components/Pecten/components/PectenIcon.tsx"],"sourcesContent":["import type { IPectenIconProps } from './PectenIcon.types';\r\n\r\nconst PectenIcon = ({ className, prefixCls, ...rest }: IPectenIconProps) => (\r\n  <svg className={className} viewBox=\"0 0 104 104\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...rest}>\r\n    <path\r\n      className={`${prefixCls}-border`}\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M87 67.3507C86.9999 68.281 86.7435 69.1948 86.2565 70.0004C85.7695 70.8061 85.0692 71.4751 84.2257 71.9402L52.7742 89.2899C51.9308 89.7551 50.974 90 50 90C49.026 90 48.0692 89.7551 47.2258 89.2899L15.7743 71.9402C14.9308 71.4751 14.2305 70.8061 13.7435 70.0004C13.2565 69.1948 13.0001 68.281 13 67.3507V32.6493C12.9983 31.7174 13.2539 30.8015 13.741 29.9941C14.228 29.1867 14.9294 28.5162 15.7743 28.0502L47.2258 10.7101C48.0692 10.2449 49.026 10 50 10C50.974 10 51.9308 10.2449 52.7742 10.7101L84.2257 28.0502C85.0706 28.5162 85.772 29.1867 86.259 29.9941C86.7461 30.8015 87.0017 31.7174 87 32.6493V67.3507Z\"\r\n    />\r\n    <path\r\n      className={`${prefixCls}-inner-acinguiux`}\r\n      d=\"M81.8286 63.1613C81.8284 64.4138 81.4831 65.6442 80.8274 66.7289C80.1718 67.8136 79.2289 68.7144 78.0934 69.3408L53.9696 82.6522C52.8336 83.2786 51.5451 83.6085 50.2334 83.6085C48.9217 83.6085 47.6331 83.2786 46.4972 82.6522L22.3733 69.3408C21.2376 68.7142 20.2945 67.8131 19.6388 66.7281C18.9832 65.643 18.638 64.4122 18.6381 63.1594V36.5385C18.6366 35.2877 18.9791 34.0585 19.6315 32.9739C20.2839 31.8894 21.2231 30.9877 22.3552 30.3591L46.4871 17.0515C47.6231 16.425 48.9117 16.0952 50.2233 16.0952C51.535 16.0952 52.8236 16.425 53.9595 17.0515L78.0834 30.3629C79.2201 30.9878 80.1647 31.8874 80.8221 32.9715C81.4795 34.0555 81.8266 35.2857 81.8286 36.5385V63.1613Z\"\r\n    />\r\n    <path\r\n      className={`${prefixCls}-outer-acinguiux`}\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M76.4296 62.0966C76.4297 62.8502 76.222 63.5906 75.8275 64.2432C75.4329 64.8958 74.8654 65.4377 74.1821 65.8143L52.2434 77.9121C51.5604 78.2888 50.7856 78.4871 49.9969 78.4871C49.2082 78.4871 48.4334 78.2888 47.7504 77.9121L25.8117 65.8143C25.1284 65.4377 24.5609 64.8958 24.1663 64.2432C23.7718 63.5906 23.5641 62.8502 23.5642 62.0966V37.903C23.5652 37.1497 23.7739 36.4099 24.1691 35.758C24.5643 35.106 25.1322 34.565 25.8157 34.1892L47.7524 22.0914C48.4354 21.7147 49.2102 21.5164 49.9989 21.5164C50.7876 21.5164 51.5624 21.7147 52.2454 22.0914L74.1821 34.1892C74.8648 34.5655 75.4319 35.1067 75.8264 35.7586C76.221 36.4105 76.429 37.15 76.4296 37.903V62.0966Z\"\r\n    />\r\n    <path\r\n      className={`${prefixCls}-symbol-acinguiux`}\r\n      fillRule=\"evenodd\"\r\n      clipRule=\"evenodd\"\r\n      d=\"M43.1911 57.7631V53.3675L35.1719 50.7924L43.1911 48.1501V43.7508L30.1602 48.8491V52.6647L43.1911 57.7631ZM47.9495 61.2023L55.3596 38.8156H51.741L44.3289 61.2004L47.9495 61.2023ZM56.7949 57.7631L69.8258 52.6244V48.8222L56.7949 43.7508V48.2558L64.0803 50.9941L56.7949 53.2735V57.7631Z\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport default PectenIcon;\r\n"],"names":["PectenIcon","className","prefixCls","rest","jsxs","jsx"],"mappings":"kDAEMA,EAAa,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,GAAGC,KAC7CC,EAAAA,KAAC,MAAA,CAAI,UAAAH,EAAsB,QAAQ,cAAc,KAAK,OAAO,MAAM,6BAA8B,GAAGE,EAClG,SAAA,CAAAE,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,UACvB,SAAS,UACT,SAAS,UACT,EAAE,kmBAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,mBACvB,EAAE,8pBAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,mBACvB,SAAS,UACT,SAAS,UACT,EAAE,ypBAAA,CAAA,EAEJG,EAAAA,IAAC,OAAA,CACC,UAAW,GAAGH,CAAS,oBACvB,SAAS,UACT,SAAS,UACT,EAAE,4RAAA,CAAA,CACJ,CAAA,CACF"}