acinguiux-ds-react-framework 0.1.18 → 0.1.20

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

@@ -1,19 +1,23 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),t=require("../../../Avatar/DropdownAvatar.js"),i=e.styled.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("styled-components"),s=require("../../../../react-base/src/components/Menu/Menu.consts.js"),i=require("../../../Avatar/DropdownAvatar.js"),n=e.styled.div`
   display: flex;
   flex-shrink: 0;
   align-items: center;
   padding: 4px;
   transition: all 0.3s ease;
   overflow: hidden;
-`,s=e.styled(t)`
+`,r=e.styled(i)`
   flex: 1 1 0;
   margin: 0;
   position: relative;
-  justify-content: flex-start;
   min-width: 0;
 
+  ${({size:t})=>e.css`
+    justify-content: flex-start;
+    margin-right: ${s.consts[t].itemListMarginLeft}px;
+  `};
+
   &:focus-visible {
     outline-offset: 0;
   }
-`;exports.Area=i;exports.StyledAvatar=s;
+`;exports.Area=n;exports.StyledAvatar=r;
 //# sourceMappingURL=LastArea.styles.js.map

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 { styled } from 'styled-components';\n\nimport DropdownAvatar from '../../../Avatar/DropdownAvatar';\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)`\n  flex: 1 1 0;\n  margin: 0;\n  position: relative;\n  justify-content: flex-start;\n  min-width: 0;\n\n  &:focus-visible {\n    outline-offset: 0;\n  }\n`;\n\nexport { Area, StyledAvatar };\n"],"names":["Area","styled","StyledAvatar","DropdownAvatar"],"mappings":"gMAIMA,EAAOC,EAAAA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASdC,EAAeD,EAAAA,OAAOE,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;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';\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"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),Z=require("classnames"),H=require("../../react-base/src/consts/index.js"),J=require("react-i18next"),m=require("../Text/components/Label/Label.js"),x=require("./DefaultPagination.styles.js"),L=require("./utils/getPagesToDisplay.js"),D=require("./components/PaginationButtons.js"),Q=require("../../react-base/src/consts/classes.js"),w=1,S=1,O=10,A=20,W=50,X=[O,A,W],K=({moreButton:r,onPageClick:t,size:u,t:E,currentPage:i,total:j})=>{const[p,d]=a.useState(i);return a.useEffect(()=>{d(L.enforceInRange(i,j))},[i,j]),a.useMemo(()=>L.getPagesToDisplay(i,p,j,r),[r,p,j,i]).map(({page:g,current:C,more:P})=>P?e.jsx(D.PageButton,{onClick:f=>{f.preventDefault(),d(g)},page:g,more:P,size:u,t:E},`more-${P}`):e.jsx(D.PageButton,{page:g,current:C,onClick:f=>{f.preventDefault(),t(g)},more:!1,size:u,t:E},`page-${g}`))},V=({size:r,t,onChange:u})=>e.jsxs(x.QuickJumperContainer,{children:[e.jsx(m,{size:r,children:t("jumpTo")}),e.jsx(x.TextInput,{onBlur:u,placeholder:t("jumpToPagePlaceholder"),size:r})]}),_=(r,t)=>Math.min(Math.max(r,1),t),Y=({className:r,size:t=H.Sizes.Medium,current:u,quickJumper:E,startEndButtons:i,allowedPageSizes:j=X,pageSize:p=A,onPageSizeChange:d,totalItems:T,showTotalItems:g=!0,moreButton:C=!1,onPageChange:P,i18n:f,...y})=>{const{t:c}=J.useTranslation("pagination",{i18n:f}),[s,I]=a.useState(u),[N,h]=a.useState(p),l=a.useMemo(()=>Math.ceil(Math.max(T,0)/(N||A))||w,[T,N]),M=a.useMemo(()=>s===S,[s]),q=a.useMemo(()=>s===l,[s,l]);a.useEffect(()=>{I(_(u,l))},[u,l]),a.useEffect(()=>{h(p)},[p]);const n=a.useCallback((o,b)=>{const k=_(o,l);I(k),P==null||P(k,b)},[P,l]),F=a.useCallback(o=>{const b=Number(o.target.value);if(o.target.value="",Number.isNaN(b)){o.preventDefault(),o.stopPropagation();return}const k=_(b,l);n(k,s)},[n,l,s]),G=a.useCallback(o=>{h(o),d==null||d(o),n(S,s)},[d,n,s]),v=a.useCallback(()=>n(1,s),[n,s]),B=a.useCallback(()=>n(l,s),[n,l,s]),$=a.useCallback(()=>n(s-1,s),[n,s]),R=a.useCallback(o=>n(o,s),[n,s]),U=a.useCallback(()=>n(s+1,s),[n,s]);return e.jsxs(x.DefaultPaginationWrapper,{className:Z(Q.PAGINATION_CLASS,r),$size:t,...y,children:[e.jsxs(x.DefaultPaginationContainer,{"aria-label":"pagination",children:[g&&e.jsxs(x.TotalItems,{children:[e.jsx(m,{size:t,children:c("total")}),e.jsx(m,{size:t,children:T}),e.jsx(m,{size:t,children:c("item",{count:T})})]}),e.jsxs(x.PaginationList,{children:[i&&e.jsx(D.FirstPageButton,{onClick:v,size:t,disabled:M,t:c}),e.jsx(D.PrevPageButton,{onClick:$,size:t,disabled:M,t:c}),e.jsx(K,{moreButton:C,onPageClick:R,size:t,t:c,currentPage:s,total:l}),e.jsx(D.NextPageButton,{onClick:U,size:t,disabled:q,t:c}),i&&e.jsx(D.LastPageButton,{onClick:B,size:t,disabled:q,t:c})]}),E&&e.jsx(V,{t:c,size:t,onChange:F})]}),e.jsxs(x.DefaultPaginationItemsPerPageContainer,{children:[e.jsx(m,{size:t,children:c("displayingItemsPerPage")}),e.jsx(x.Select,{size:t,value:N,onSelect:G,allowClear:!1,options:j.map(o=>({label:`${o}`,value:o}))}),e.jsx(m,{size:t,children:`${c("item",{count:4})} ${c("itemsPerPage")}`})]})]})};module.exports=Y;
+"use strict";const e=require("react/jsx-runtime"),t=require("react"),H=require("classnames"),J=require("../../react-base/src/consts/index.js"),Q=require("../../libs/i18next/hooks/useTranslation.js"),j=require("../Text/components/Label/Label.js"),g=require("./DefaultPagination.styles.js"),F=require("./utils/getPagesToDisplay.js"),C=require("./components/PaginationButtons.js"),w=require("./utils/numberFormatter.js"),O=require("../../react-base/src/consts/classes.js"),W=1,M=1,X=10,_=20,K=50,V=[X,_,K],Y=({moreButton:c,onPageClick:s,size:u,t:b,currentPage:i,total:d})=>{const[m,p]=t.useState(i);return t.useEffect(()=>{p(F.enforceInRange(i,d))},[i,d]),t.useMemo(()=>F.getPagesToDisplay(i,m,d,c),[c,m,d,i]).map(({page:P,current:E,more:x})=>x?e.jsx(C.PageButton,{onClick:T=>{T.preventDefault(),p(P)},page:P,more:x,size:u,t:b},`more-${x}`):e.jsx(C.PageButton,{page:P,current:E,onClick:T=>{T.preventDefault(),s(P)},more:!1,size:u,t:b},`page-${P}`))},z=({size:c,t:s,onChange:u})=>e.jsxs(g.QuickJumperContainer,{children:[e.jsx(j,{size:c,children:s("jumpTo")}),e.jsx(g.TextInput,{onBlur:u,placeholder:s("jumpToPagePlaceholder"),size:c})]}),N=(c,s)=>Math.min(Math.max(c,1),s),ee=({className:c,size:s=J.Sizes.Medium,current:u,quickJumper:b,startEndButtons:i,allowedPageSizes:d=V,pageSize:m=_,onPageSizeChange:p,totalItems:f,showTotalItems:P=!0,moreButton:E=!1,onPageChange:x,i18n:T,numberFormatter:L=w.defaultNumberFormatter(),...y})=>{const{t:r}=Q.useTranslation("pagination",{i18n:T}),[a,A]=t.useState(u),[k,S]=t.useState(m),l=t.useMemo(()=>Math.ceil(Math.max(f,0)/(k||_))||W,[f,k]),I=t.useMemo(()=>a===M,[a]),q=t.useMemo(()=>a===l,[a,l]);t.useEffect(()=>{A(N(u,l))},[u,l]),t.useEffect(()=>{S(m)},[m]);const n=t.useCallback((o,D)=>{const h=N(o,l);A(h),x?.(h,D)},[x,l]),G=t.useCallback(o=>{const D=Number(o.target.value);if(o.target.value="",Number.isNaN(D)){o.preventDefault(),o.stopPropagation();return}const h=N(D,l);n(h,a)},[n,l,a]),v=t.useCallback(o=>{S(o),p?.(o),n(M,a)},[p,n,a]),B=t.useCallback(()=>n(1,a),[n,a]),$=t.useCallback(()=>n(l,a),[n,l,a]),R=t.useCallback(()=>n(a-1,a),[n,a]),U=t.useCallback(o=>n(o,a),[n,a]),Z=t.useCallback(()=>n(a+1,a),[n,a]);return e.jsxs(g.DefaultPaginationWrapper,{className:H(O.PAGINATION_CLASS,c),$size:s,...y,children:[e.jsxs(g.DefaultPaginationContainer,{"aria-label":"pagination",children:[P&&e.jsxs(g.TotalItems,{children:[e.jsx(j,{size:s,children:r("total")}),e.jsx(j,{size:s,children:L.format(f)}),e.jsx(j,{size:s,children:r("item",{count:f})})]}),e.jsxs(g.PaginationList,{children:[i&&e.jsx(C.FirstPageButton,{onClick:B,size:s,disabled:I,t:r}),e.jsx(C.PrevPageButton,{onClick:R,size:s,disabled:I,t:r}),e.jsx(Y,{moreButton:E,onPageClick:U,size:s,t:r,currentPage:a,total:l}),e.jsx(C.NextPageButton,{onClick:Z,size:s,disabled:q,t:r}),i&&e.jsx(C.LastPageButton,{onClick:$,size:s,disabled:q,t:r})]}),b&&e.jsx(z,{t:r,size:s,onChange:G})]}),e.jsxs(g.DefaultPaginationItemsPerPageContainer,{children:[e.jsx(j,{size:s,children:r("displayingItemsPerPage")}),e.jsx(g.Select,{size:s,value:k,onSelect:v,allowClear:!1,options:d.map(o=>({label:`${o}`,value:o}))}),e.jsx(j,{size:s,children:`${r("item",{count:4})} ${r("itemsPerPage")}`})]})]})};module.exports=ee;
 //# sourceMappingURL=DefaultPagination.js.map

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';\nimport { useTranslation } from 'react-i18next';\nimport type { TFunction } from 'i18next';\n\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';\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  ...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}>{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","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":"iZA0BMA,EAAY,EACZC,EAAa,EACbC,EAAwB,GACxBC,EAAoB,GACpBC,EAA6B,GAE7BC,EAAqB,CAACH,EAAuBC,EAAmBC,CAA0B,EAW1FE,EAAQ,CAAC,CAAE,WAAAC,EAAY,YAAAC,EAAa,KAAAC,EAAM,EAAAC,EAAG,YAAAC,EAAa,MAAAC,KAAwB,CACtF,KAAM,CAACC,EAAkBC,CAAmB,EAAIC,EAAAA,SAASJ,CAAW,EAEpEK,OAAAA,EAAAA,UAAU,IAAM,CACdF,EAAoBG,EAAAA,eAAeN,EAAaC,CAAK,CAAC,CACxD,EAAG,CAACD,EAAaC,CAAK,CAAC,EAEDM,EAAAA,QACpB,IAAMC,EAAAA,kBAAkBR,EAAaE,EAAkBD,EAAOL,CAAU,EACxE,CAACA,EAAYM,EAAkBD,EAAOD,CAAW,CAAA,EAG9B,IAAI,CAAC,CAAE,KAAAS,EAAM,QAAAC,EAAS,KAAAC,CAAA,IACzCA,EACEC,EAAAA,IAACC,EAAAA,WAAA,CAEC,QAAUC,GAAM,CACdA,EAAE,eAAA,EACFX,EAAoBM,CAAI,CAC1B,EACA,KAAAA,EACA,KAAAE,EACA,KAAAb,EACA,EAAAC,CAAA,EARK,QAAQY,CAAI,EAAA,EAWnBC,EAAAA,IAACC,EAAAA,WAAA,CAEC,KAAAJ,EACA,QAAAC,EACA,QAAUI,GAAM,CACdA,EAAE,eAAA,EACFjB,EAAYY,CAAI,CAClB,EACA,KAAM,GACN,KAAAX,EACA,EAAAC,CAAA,EATK,QAAQU,CAAI,EAAA,CAUnB,CAGN,EAEMM,EAAqB,CAAC,CAAE,KAAAjB,EAAM,EAAG,SAAAkB,KACrCC,EAAAA,KAACC,uBAAA,CACC,SAAA,CAAAN,EAAAA,IAACO,EAAA,CAAM,KAAArB,EAAa,SAAA,EAAE,QAAQ,EAAE,EAChCc,MAACQ,EAAAA,UAAA,CAAiB,OAAQJ,EAAU,YAAa,EAAE,uBAAuB,EAAG,KAAAlB,CAAA,CAAY,CAAA,EAC3F,EAIIuB,EAAoB,CAACZ,EAAcR,IAA0B,KAAK,IAAI,KAAK,IAAIQ,EAAM,CAAC,EAAGR,CAAK,EAE9FqB,EAAoB,CAAC,CACzB,UAAAC,EACA,KAAAzB,EAAO0B,EAAAA,MAAM,OACb,QAAAd,EACA,YAAAe,EACA,gBAAAC,EACA,iBAAAC,EAAmBjC,EACnB,SAAAkC,EAAWpC,EACX,iBAAAqC,EACA,WAAAC,EACA,eAAAC,EAAiB,GACjB,WAAAnC,EAAa,GACb,aAAAoC,EACA,KAAAC,EACA,GAAGC,CACL,IAA6C,CAC3C,KAAM,CAAE,EAAAnC,CAAA,EAAMoC,EAAAA,eAAe,aAAc,CAAE,KAAAF,EAAM,EAC7C,CAACjC,EAAaoC,CAAc,EAAIhC,EAAAA,SAASM,CAAO,EAChD,CAAC2B,EAAiBC,CAAkB,EAAIlC,EAAAA,SAASwB,CAAQ,EAEzD3B,EAAQM,EAAAA,QAEZ,IAAM,KAAK,KAAK,KAAK,IAAIuB,EAAY,CAAC,GAAKO,GAAmB7C,EAAkB,GAAKH,EACrF,CAACyC,EAAYO,CAAe,CAAA,EAExBE,EAAchC,EAAAA,QAAQ,IAAMP,IAAgBV,EAAY,CAACU,CAAW,CAAC,EACrEwC,EAAajC,EAAAA,QAAQ,IAAMP,IAAgBC,EAAO,CAACD,EAAaC,CAAK,CAAC,EAE5EI,EAAAA,UAAU,IAAM,CACd+B,EAAef,EAAkBX,EAAST,CAAK,CAAC,CAClD,EAAG,CAACS,EAAST,CAAK,CAAC,EAEnBI,EAAAA,UAAU,IAAM,CACdiC,EAAmBV,CAAQ,CAC7B,EAAG,CAACA,CAAQ,CAAC,EAEb,MAAMa,EAAsBC,EAAAA,YAC1B,CAACjC,EAAckC,IAAqB,CAClC,MAAMC,EAAUvB,EAAkBZ,EAAMR,CAAK,EAC7CmC,EAAeQ,CAAO,EACtBZ,GAAA,MAAAA,EAAeY,EAASD,EAC1B,EACA,CAACX,EAAc/B,CAAK,CAAA,EAGhB4C,EAA6BH,EAAAA,YAChCI,GAA+C,CAC9C,MAAMC,EAAa,OAAOD,EAAM,OAAO,KAAK,EAI5C,GAFAA,EAAM,OAAO,MAAQ,GAEjB,OAAO,MAAMC,CAAU,EAAG,CAC5BD,EAAM,eAAA,EACNA,EAAM,gBAAA,EAEN,MACF,CAEA,MAAMF,EAAUvB,EAAkB0B,EAAY9C,CAAK,EAEnDwC,EAAoBG,EAAS5C,CAAW,CAC1C,EACA,CAACyC,EAAqBxC,EAAOD,CAAW,CAAA,EAGpCgD,EAA0BN,EAAAA,YAC7BO,GAAwB,CACvBX,EAAmBW,CAAW,EAC9BpB,GAAA,MAAAA,EAAmBoB,GACnBR,EAAoBnD,EAAYU,CAAW,CAC7C,EACA,CAAC6B,EAAkBY,EAAqBzC,CAAW,CAAA,EAG/CkD,EAAgBR,cAAY,IAAMD,EAAoB,EAAGzC,CAAW,EAAG,CAACyC,EAAqBzC,CAAW,CAAC,EACzGmD,EAAeT,EAAAA,YACnB,IAAMD,EAAoBxC,EAAOD,CAAW,EAC5C,CAACyC,EAAqBxC,EAAOD,CAAW,CAAA,EAEpCoD,EAAeV,EAAAA,YACnB,IAAMD,EAAoBzC,EAAc,EAAGA,CAAW,EACtD,CAACyC,EAAqBzC,CAAW,CAAA,EAE7BqD,EAAWX,EAAAA,YACdK,GAAuBN,EAAoBM,EAAY/C,CAAW,EACnE,CAACyC,EAAqBzC,CAAW,CAAA,EAE7BsD,EAAeZ,EAAAA,YACnB,IAAMD,EAAoBzC,EAAc,EAAGA,CAAW,EACtD,CAACyC,EAAqBzC,CAAW,CAAA,EAGnC,OACEiB,OAACsC,EAAAA,yBAAA,CAAgC,UAAWC,EAAWC,EAAAA,iBAAkBlC,CAAS,EAAG,MAAOzB,EAAO,GAAGoC,EACpG,SAAA,CAAAjB,EAAAA,KAACyC,EAAAA,2BAAA,CAAkC,aAAW,aAC3C,SAAA,CAAA3B,GACCd,EAAAA,KAAC0C,aAAA,CACC,SAAA,CAAA/C,EAAAA,IAACO,EAAA,CAAM,KAAArB,EAAa,SAAAC,EAAE,OAAO,EAAE,EAC/Ba,EAAAA,IAACO,EAAA,CAAM,KAAArB,EAAa,SAAAgC,CAAA,CAAW,EAC/BlB,MAACO,GAAM,KAAArB,EAAa,SAAAC,EAAE,OAAQ,CAAE,MAAO+B,CAAA,CAAY,CAAA,CAAE,CAAA,EACvD,EAEFb,OAAC2C,EAAAA,eAAA,CACE,SAAA,CAAAlC,SAAoBmC,EAAAA,gBAAA,CAAgB,QAASX,EAAe,KAAApD,EAAY,SAAUyC,EAAa,EAAAxC,EAAM,QACrG+D,EAAAA,eAAA,CAAe,QAASV,EAAc,KAAAtD,EAAY,SAAUyC,EAAa,EAAAxC,EAAM,EAChFa,EAAAA,IAACjB,EAAA,CACC,WAAAC,EACA,YAAayD,EACb,KAAAvD,EACA,EAAAC,EACA,YAAAC,EACA,MAAAC,CAAA,CAAA,QAED8D,EAAAA,eAAA,CAAe,QAAST,EAAc,KAAAxD,EAAY,SAAU0C,EAAY,EAAAzC,EAAM,EAC9E2B,SAAoBsC,EAAAA,eAAA,CAAe,QAASb,EAAc,KAAArD,EAAY,SAAU0C,EAAY,EAAAzC,CAAA,CAAM,CAAA,EACrG,EACC0B,GAAeb,EAAAA,IAACG,EAAA,CAAmB,EAAAhB,EAAM,KAAAD,EAAY,SAAU+C,CAAA,CAA4B,CAAA,EAC9F,EACA5B,OAACgD,EAAAA,uCAAA,CACC,SAAA,CAAArD,EAAAA,IAACO,EAAA,CAAM,KAAArB,EAAa,SAAAC,EAAE,wBAAwB,EAAE,EAChDa,EAAAA,IAACsD,EAAAA,OAAA,CACC,KAAApE,EACA,MAAOuC,EACP,SAAUW,EACV,WAAY,GACZ,QAASrB,EAAiB,IAAKwC,IAAW,CAAE,MAAO,GAAGA,CAAK,GAAI,MAAOA,CAAA,EAAQ,CAAA,CAAA,EAEhFvD,EAAAA,IAACO,EAAA,CAAM,KAAArB,EAAa,SAAA,GAAGC,EAAE,OAAQ,CAAE,MAAO,CAAA,CAAG,CAAC,IAAIA,EAAE,cAAc,CAAC,EAAA,CAAG,CAAA,CAAA,CACxE,CAAA,EACF,CAEJ"}
+{"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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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),e=require("../../react-base/src/components/Pagination/Pagination.consts.js"),u=require("../TextInput/TextInput.js"),d=require("../Select/Select.js"),a=require("./components/PaginationButtons.styles.js"),i=n.styled.ul`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),e=require("../../react-base/src/components/Pagination/Pagination.consts.js"),d=require("../TextInput/TextInput.js"),u=require("../Select/Select.js"),a=require("./components/PaginationButtons.styles.js"),i=n.styled.ul`
   display: flex;
   list-style: none;
   padding: 0;
@@ -11,7 +11,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-`,o=n.styled(u)``,l=n.styled(d)``,c=n.styled.div`
+`,o=n.styled(d)``,l=n.styled(u)``,c=n.styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -51,7 +51,10 @@
 
       & > ${a.PaginationListItem} {
         & > ${a.ToggleButton} {
-          width: ${e.consts[t].default.container.pagination.itemWidth}px;
+          min-width: ${e.consts[t].default.container.pagination.itemWidth}px;
+          & > div {
+            padding: 0;
+          }
         }
       }
     }

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          width: ${PaginationConsts.consts[$size].default.container.pagination.itemWidth}px;\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,mBACPF,EAAAA,OAAwBD,CAAK,EAAE,QAAQ,UAAU,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,UAK9ET,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';\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"}

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

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("react"),B=require("classnames"),p=require("../../react-base/src/consts/index.js"),J=require("react-i18next"),S=require("../Text/components/Label/Label.js"),l=require("./SimplePagination.styles.js"),m=require("./components/PaginationButtons.js"),Q=require("../../react-base/src/consts/classes.js"),v=({size:r,t,current:c,total:s,onChange:b})=>n.jsxs(l.QuickJumperPaginationListItem,{children:[n.jsx(l.TextInput,{value:c,onChange:b,size:r}),n.jsxs(l.QuickJumperText,{children:[n.jsx(S,{size:r,contrast:p.Contrasts.Subtle,children:t("ofTotal")}),n.jsx(S,{size:r,contrast:p.Contrasts.Subtle,children:s})]})]}),d=(r,t)=>Math.min(Math.max(r,1),t),A=({className:r,size:t=p.Sizes.Medium,current:c=1,total:s=1,quickJumper:b,startEndButtons:k,onPageChange:g,i18n:q,...T})=>{const{t:o}=J.useTranslation("pagination",{i18n:q}),[e,j]=i.useState(c),C=i.useMemo(()=>e===1,[e]),N=i.useMemo(()=>e===s,[e,s]);i.useEffect(()=>{j(d(c,s))},[c,s]);const a=i.useCallback((u,x)=>{const P=d(u,s);j(P),g==null||g(P,x)},[g,s]),L=i.useCallback(u=>{const x=Number(u.target.value);if(Number.isNaN(x)){u.preventDefault(),u.stopPropagation();return}const P=d(x,s);a(P,e)},[a,s,e]),h=i.useCallback(()=>a(1,e),[a,e]),I=i.useCallback(()=>a(s,e),[a,s,e]),f=i.useCallback(()=>a(e-1,e),[a,e]),M=i.useCallback(()=>a(e+1,e),[a,e]);return n.jsx(l.SimplePaginationContainer,{className:B(Q.PAGINATION_CLASS,r),$size:t,"aria-label":"pagination",...T,children:n.jsxs(l.PaginationList,{children:[k&&n.jsx(m.FirstPageButton,{onClick:h,size:t,disabled:C,t:o}),n.jsx(m.PrevPageButton,{onClick:f,size:t,disabled:C,t:o}),b&&n.jsx(v,{size:t,current:e,total:s,t:o,onChange:L}),n.jsx(m.NextPageButton,{onClick:M,size:t,disabled:N,t:o}),k&&n.jsx(m.LastPageButton,{onClick:I,size:t,disabled:N,t:o})]})})};module.exports=A;
+"use strict";const n=require("react/jsx-runtime"),r=require("react"),B=require("classnames"),C=require("../../react-base/src/consts/index.js"),J=require("../../libs/i18next/hooks/useTranslation.js"),h=require("../Text/components/Label/Label.js"),l=require("./SimplePagination.styles.js"),b=require("./components/PaginationButtons.js"),Q=require("./utils/numberFormatter.js"),v=require("../../react-base/src/consts/classes.js"),A=({size:i,t:a,current:o,total:s,onChange:x,numberFormatter:g})=>n.jsxs(l.QuickJumperPaginationListItem,{children:[n.jsx(l.TextInput,{value:o,onChange:x,size:i}),n.jsxs(l.QuickJumperText,{children:[n.jsx(h,{size:i,contrast:C.Contrasts.Subtle,children:a("ofTotal")}),n.jsx(h,{size:i,contrast:C.Contrasts.Subtle,children:g.format(s)})]})]}),d=(i,a)=>Math.min(Math.max(i,1),a),w=({className:i,size:a=C.Sizes.Medium,current:o=1,total:s=1,quickJumper:x,startEndButtons:g,onPageChange:p,i18n:q,numberFormatter:S=Q.defaultNumberFormatter(),...T})=>{const{t:u}=J.useTranslation("pagination",{i18n:q}),[e,k]=r.useState(o),j=r.useMemo(()=>e===1,[e]),N=r.useMemo(()=>e===s,[e,s]);r.useEffect(()=>{k(d(o,s))},[o,s]);const t=r.useCallback((c,m)=>{const P=d(c,s);k(P),p?.(P,m)},[p,s]),f=r.useCallback(c=>{const m=Number(c.target.value);if(Number.isNaN(m)){c.preventDefault(),c.stopPropagation();return}const P=d(m,s);t(P,e)},[t,s,e]),F=r.useCallback(()=>t(1,e),[t,e]),L=r.useCallback(()=>t(s,e),[t,s,e]),I=r.useCallback(()=>t(e-1,e),[t,e]),M=r.useCallback(()=>t(e+1,e),[t,e]);return n.jsx(l.SimplePaginationContainer,{className:B(v.PAGINATION_CLASS,i),$size:a,"aria-label":"pagination",...T,children:n.jsxs(l.PaginationList,{children:[g&&n.jsx(b.FirstPageButton,{onClick:F,size:a,disabled:j,t:u}),n.jsx(b.PrevPageButton,{onClick:I,size:a,disabled:j,t:u}),x&&n.jsx(A,{size:a,current:e,total:s,t:u,onChange:f,numberFormatter:S}),n.jsx(b.NextPageButton,{onClick:M,size:a,disabled:N,t:u}),g&&n.jsx(b.LastPageButton,{onClick:L,size:a,disabled:N,t:u})]})})};module.exports=w;
 //# sourceMappingURL=SimplePagination.js.map

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';\nimport { useTranslation } from 'react-i18next';\nimport type { TFunction } from 'i18next';\n\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';\n\ntype QuickJumperProps = {\n  size: PaginationTypes.Size;\n  t: TFunction<'pagination'>;\n  current: number;\n  total: number;\n  onChange: ChangeEventHandler<HTMLInputElement>;\n};\n\nconst SimpleQuickJumper = ({ size, t, current, total, onChange }: 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        {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  ...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          />\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","current","total","onChange","jsxs","Styled.QuickJumperPaginationListItem","jsx","Styled.TextInput","Styled.QuickJumperText","Label","Contrasts","ensurePageInRange","page","SimplePagination","className","Sizes","quickJumper","startEndButtons","onPageChange","i18n","rest","t","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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"}
+{"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":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=()=>Intl.NumberFormat("en-GB",{style:"decimal"});exports.defaultNumberFormatter=e;
+//# sourceMappingURL=numberFormatter.js.map

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

@@ -0,0 +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"}

package/build/cjs/components/Popconfirm/components/PopconfirmActions/PopconfirmActions.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("react/jsx-runtime"),S=require("../../../../react-base/src/components/Popconfirm/Popconfirm.utils.js"),i=require("../../../../react-base/src/utils/sizesUtils.js"),q=require("../../Popconfirm.styles.js"),f=require("../../../Button/Button.js"),x=require("../../../Button/SentimentButton.js"),j=({actions:r,size:s,sentiment:b})=>l.jsx(q.PopconfirmActions,{$size:s,children:r==null?void 0:r.map(e=>{var p;const m=S.getButtonSentiment(b,(p=e.props)==null?void 0:p.variant);return m?l.jsx(x,{sentiment:m,size:i.getSmallerSize(s),onClick:e==null?void 0:e.action,label:e.label,...e.props},e.label):l.jsx(f,{size:i.getSmallerSize(s),onClick:e==null?void 0:e.action,label:e.label,...e.props},e.label)})});module.exports=j;
+"use strict";const s=require("react/jsx-runtime"),o=require("../../../../react-base/src/components/Popconfirm/Popconfirm.utils.js"),l=require("../../../../react-base/src/utils/sizesUtils.js"),c=require("../../Popconfirm.styles.js"),m=require("../../../Button/Button.js"),p=require("../../../Button/SentimentButton.js"),b=({actions:n,size:r,sentiment:t})=>s.jsx(c.PopconfirmActions,{$size:r,children:n?.map(e=>{const i=o.getButtonSentiment(t,e.props?.variant);return i?s.jsx(p,{sentiment:i,size:l.getSmallerSize(r),onClick:e?.action,label:e.label,...e.props},e.label):s.jsx(m,{size:l.getSmallerSize(r),onClick:e?.action,label:e.label,...e.props},e.label)})});module.exports=b;
 //# sourceMappingURL=PopconfirmActions.js.map

package/build/cjs/components/Popconfirm/components/PopconfirmActions/PopconfirmActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopconfirmActions.js","sources":["../../../../../../src/components/Popconfirm/components/PopconfirmActions/PopconfirmActions.tsx"],"sourcesContent":["import { PopconfirmUtils } from 'acinguiux-ds-react-base/components/Popconfirm';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { ButtonTypes } from 'acinguiux-ds-react-base/components/Button';\n\nimport * as Styled from '../../Popconfirm.styles';\nimport type { IPopconfirmActionsProps } from './PopconfirmActions.types';\nimport Button from '../../../Button/Button';\nimport SentimentButton from '../../../Button/SentimentButton';\n\nconst PopconfirmActions = ({ actions, size, sentiment }: IPopconfirmActionsProps) => (\n  <Styled.PopconfirmActions $size={size}>\n    {actions?.map((actionButton) => {\n      const buttonSentiment = PopconfirmUtils.getButtonSentiment(sentiment, actionButton.props?.variant);\n\n      if (!buttonSentiment) {\n        return (\n          <Button\n            key={actionButton.label}\n            size={getSmallerSize(size) as ButtonTypes.Size}\n            onClick={actionButton?.action}\n            label={actionButton.label}\n            {...actionButton.props}\n          />\n        );\n      }\n\n      return (\n        <SentimentButton\n          key={actionButton.label}\n          sentiment={buttonSentiment}\n          size={getSmallerSize(size) as ButtonTypes.Size}\n          onClick={actionButton?.action}\n          label={actionButton.label}\n          {...actionButton.props}\n        />\n      );\n    })}\n  </Styled.PopconfirmActions>\n);\n\nexport default PopconfirmActions;\n"],"names":["PopconfirmActions","actions","size","sentiment","jsx","Styled.PopconfirmActions","actionButton","buttonSentiment","PopconfirmUtils.getButtonSentiment","_a","SentimentButton","getSmallerSize","Button"],"mappings":"+TASMA,EAAoB,CAAC,CAAE,QAAAC,EAAS,KAAAC,EAAM,UAAAC,KAC1CC,EAAAA,IAACC,EAAAA,kBAAA,CAAyB,MAAOH,EAC9B,SAAAD,GAAA,YAAAA,EAAS,IAAKK,GAAiB,OAC9B,MAAMC,EAAkBC,EAAAA,mBAAmCL,GAAWM,EAAAH,EAAa,QAAb,YAAAG,EAAoB,OAAO,EAEjG,OAAKF,EAaHH,EAAAA,IAACM,EAAA,CAEC,UAAWH,EACX,KAAMI,EAAAA,eAAeT,CAAI,EACzB,QAASI,GAAA,YAAAA,EAAc,OACvB,MAAOA,EAAa,MACnB,GAAGA,EAAa,KAAA,EALZA,EAAa,KAAA,EAZlBF,EAAAA,IAACQ,EAAA,CAEC,KAAMD,EAAAA,eAAeT,CAAI,EACzB,QAASI,GAAA,YAAAA,EAAc,OACvB,MAAOA,EAAa,MACnB,GAAGA,EAAa,KAAA,EAJZA,EAAa,KAAA,CAmB1B,EAAC,CACH"}
+{"version":3,"file":"PopconfirmActions.js","sources":["../../../../../../src/components/Popconfirm/components/PopconfirmActions/PopconfirmActions.tsx"],"sourcesContent":["import { PopconfirmUtils } from 'acinguiux-ds-react-base/components/Popconfirm';\nimport { getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { ButtonTypes } from 'acinguiux-ds-react-base/components/Button';\n\nimport * as Styled from '../../Popconfirm.styles';\nimport type { IPopconfirmActionsProps } from './PopconfirmActions.types';\nimport Button from '../../../Button/Button';\nimport SentimentButton from '../../../Button/SentimentButton';\n\nconst PopconfirmActions = ({ actions, size, sentiment }: IPopconfirmActionsProps) => (\n  <Styled.PopconfirmActions $size={size}>\n    {actions?.map((actionButton) => {\n      const buttonSentiment = PopconfirmUtils.getButtonSentiment(sentiment, actionButton.props?.variant);\n\n      if (!buttonSentiment) {\n        return (\n          <Button\n            key={actionButton.label}\n            size={getSmallerSize(size) as ButtonTypes.Size}\n            onClick={actionButton?.action}\n            label={actionButton.label}\n            {...actionButton.props}\n          />\n        );\n      }\n\n      return (\n        <SentimentButton\n          key={actionButton.label}\n          sentiment={buttonSentiment}\n          size={getSmallerSize(size) as ButtonTypes.Size}\n          onClick={actionButton?.action}\n          label={actionButton.label}\n          {...actionButton.props}\n        />\n      );\n    })}\n  </Styled.PopconfirmActions>\n);\n\nexport default PopconfirmActions;\n"],"names":["PopconfirmActions","actions","size","sentiment","jsx","Styled.PopconfirmActions","actionButton","buttonSentiment","PopconfirmUtils.getButtonSentiment","SentimentButton","getSmallerSize","Button"],"mappings":"+TASMA,EAAoB,CAAC,CAAE,QAAAC,EAAS,KAAAC,EAAM,UAAAC,KAC1CC,EAAAA,IAACC,EAAAA,kBAAA,CAAyB,MAAOH,EAC9B,SAAAD,GAAS,IAAKK,GAAiB,CAC9B,MAAMC,EAAkBC,EAAAA,mBAAmCL,EAAWG,EAAa,OAAO,OAAO,EAEjG,OAAKC,EAaHH,EAAAA,IAACK,EAAA,CAEC,UAAWF,EACX,KAAMG,EAAAA,eAAeR,CAAI,EACzB,QAASI,GAAc,OACvB,MAAOA,EAAa,MACnB,GAAGA,EAAa,KAAA,EALZA,EAAa,KAAA,EAZlBF,EAAAA,IAACO,EAAA,CAEC,KAAMD,EAAAA,eAAeR,CAAI,EACzB,QAASI,GAAc,OACvB,MAAOA,EAAa,MACnB,GAAGA,EAAa,KAAA,EAJZA,EAAa,KAAA,CAmB1B,CAAC,CAAA,CACH"}

package/build/cjs/components/RadioButton/RadioButton.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),$=require("react"),q=require("classnames"),n=require("../../react-base/src/consts/index.js"),s=require("./RadioButton.styles.js"),B=require("../../react-base/src/consts/classes.js"),f=$.forwardRef(({className:d="",label:i,size:t=`${n.Sizes.Medium}`,wrapperProps:u,checked:a,disabled:r=!1,invalid:o=!1,multiline:c=!1,onChange:l=n.NOOP,...R},x)=>e.jsxs(s.RadioButtonWrapper,{$size:t,className:q(B.RADIO_BUTTON_CLASS,d),$disabled:r,$checked:a,$multiline:c,$invalid:o,...u,children:[e.jsx(s.RadioButton,{type:"radio",onChange:l,disabled:r,checked:a,tabIndex:0,"aria-invalid":o,ref:x,...R}),e.jsx(s.FakeRadio,{"aria-hidden":!0}),!!i&&e.jsx(s.RadioButtonLabel,{$size:t,children:i})]}));module.exports=f;
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),q=require("classnames"),c=require("../../react-base/src/consts/index.js"),s=require("./RadioButton.styles.js"),f=require("../../react-base/src/consts/classes.js"),j=d.forwardRef(({id:t,className:l="",label:i,size:r=`${c.Sizes.Medium}`,wrapperProps:R,checked:o,disabled:a=!1,invalid:n=!1,multiline:x=!1,onChange:B=c.NOOP,...$},m)=>{const u=d.useId();return e.jsxs(s.RadioButtonWrapper,{$size:r,className:q(f.RADIO_BUTTON_CLASS,l),$disabled:a,$checked:o,$multiline:x,$invalid:n,...R,children:[e.jsx(s.RadioButton,{id:t??u,type:"radio",onChange:B,disabled:a,checked:o,tabIndex:0,"aria-invalid":n,ref:m,...$}),e.jsx(s.RadioButtonIcon,{"aria-hidden":!0}),!!i&&e.jsx(s.RadioButtonLabel,{htmlFor:t??u,$size:r,children:i})]})});module.exports=j;
 //# sourceMappingURL=RadioButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, NOOP, RADIO_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './RadioButton.styles';\nimport type { IRadioButtonProps } from './RadioButton.types';\n\nconst RadioButton = forwardRef<HTMLInputElement, IRadioButtonProps>(\n  (\n    {\n      className = '',\n      label,\n      size = `${Sizes.Medium}`,\n      wrapperProps,\n      checked,\n      disabled = false,\n      invalid = false,\n      multiline = false,\n      onChange = NOOP,\n      ...rest\n    }: IRadioButtonProps,\n    ref,\n  ) => (\n    <Styled.RadioButtonWrapper\n      $size={size}\n      className={classNames(RADIO_BUTTON_CLASS, className)}\n      $disabled={disabled}\n      $checked={checked}\n      $multiline={multiline}\n      $invalid={invalid}\n      {...wrapperProps}\n    >\n      <Styled.RadioButton\n        type=\"radio\"\n        onChange={onChange}\n        disabled={disabled}\n        checked={checked}\n        tabIndex={0}\n        aria-invalid={invalid}\n        ref={ref}\n        {...rest}\n      />\n      <Styled.FakeRadio aria-hidden={true} />\n      {!!label && <Styled.RadioButtonLabel $size={size}>{label}</Styled.RadioButtonLabel>}\n    </Styled.RadioButtonWrapper>\n  ),\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","className","label","size","Sizes","wrapperProps","checked","disabled","invalid","multiline","onChange","NOOP","rest","ref","jsxs","Styled.RadioButtonWrapper","classNames","RADIO_BUTTON_CLASS","jsx","Styled.RadioButton","Styled.FakeRadio","Styled.RadioButtonLabel"],"mappings":"wOAQMA,EAAcC,EAAAA,WAClB,CACE,CACE,UAAAC,EAAY,GACZ,MAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,aAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,SAAAC,EAAWC,EAAAA,KACX,GAAGC,CAAA,EAELC,IAEAC,EAAAA,KAACC,EAAAA,mBAAA,CACC,MAAOZ,EACP,UAAWa,EAAWC,EAAAA,mBAAoBhB,CAAS,EACnD,UAAWM,EACX,SAAUD,EACV,WAAYG,EACZ,SAAUD,EACT,GAAGH,EAEJ,SAAA,CAAAa,EAAAA,IAACC,EAAAA,YAAA,CACC,KAAK,QACL,SAAAT,EACA,SAAAH,EACA,QAAAD,EACA,SAAU,EACV,eAAcE,EACd,IAAAK,EACC,GAAGD,CAAA,CAAA,EAENM,EAAAA,IAACE,EAAAA,UAAA,CAAiB,cAAa,EAAA,CAAM,EACpC,CAAC,CAAClB,GAASgB,EAAAA,IAACG,EAAAA,iBAAA,CAAwB,MAAOlB,EAAO,SAAAD,CAAA,CAAM,CAAA,CAAA,CAAA,CAG/D"}
+{"version":3,"file":"RadioButton.js","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, NOOP, RADIO_BUTTON_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport * as Styled from './RadioButton.styles';\nimport type { IRadioButtonProps } from './RadioButton.types';\n\nconst RadioButton = forwardRef<HTMLInputElement, IRadioButtonProps>(\n  (\n    {\n      id,\n      className = '',\n      label,\n      size = `${Sizes.Medium}`,\n      wrapperProps,\n      checked,\n      disabled = false,\n      invalid = false,\n      multiline = false,\n      onChange = NOOP,\n      ...rest\n    }: IRadioButtonProps,\n    ref,\n  ) => {\n    const uid = useId();\n\n    return (\n      <Styled.RadioButtonWrapper\n        $size={size}\n        className={classNames(RADIO_BUTTON_CLASS, className)}\n        $disabled={disabled}\n        $checked={checked}\n        $multiline={multiline}\n        $invalid={invalid}\n        {...wrapperProps}\n      >\n        <Styled.RadioButton\n          id={id ?? uid}\n          type=\"radio\"\n          onChange={onChange}\n          disabled={disabled}\n          checked={checked}\n          tabIndex={0}\n          aria-invalid={invalid}\n          ref={ref}\n          {...rest}\n        />\n        <Styled.RadioButtonIcon aria-hidden={true} />\n        {!!label && (\n          <Styled.RadioButtonLabel htmlFor={id ?? uid} $size={size}>\n            {label}\n          </Styled.RadioButtonLabel>\n        )}\n      </Styled.RadioButtonWrapper>\n    );\n  },\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","id","className","label","size","Sizes","wrapperProps","checked","disabled","invalid","multiline","onChange","NOOP","rest","ref","uid","useId","jsxs","Styled.RadioButtonWrapper","classNames","RADIO_BUTTON_CLASS","jsx","Styled.RadioButton","Styled.RadioButtonIcon","Styled.RadioButtonLabel"],"mappings":"wOAQMA,EAAcC,EAAAA,WAClB,CACE,CACE,GAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,aAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,SAAAC,EAAWC,EAAAA,KACX,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAMC,EAAAA,MAAA,EAEZ,OACEC,EAAAA,KAACC,EAAAA,mBAAA,CACC,MAAOd,EACP,UAAWe,EAAWC,EAAAA,mBAAoBlB,CAAS,EACnD,UAAWM,EACX,SAAUD,EACV,WAAYG,EACZ,SAAUD,EACT,GAAGH,EAEJ,SAAA,CAAAe,EAAAA,IAACC,EAAAA,YAAA,CACC,GAAIrB,GAAMc,EACV,KAAK,QACL,SAAAJ,EACA,SAAAH,EACA,QAAAD,EACA,SAAU,EACV,eAAcE,EACd,IAAAK,EACC,GAAGD,CAAA,CAAA,EAENQ,EAAAA,IAACE,EAAAA,gBAAA,CAAuB,cAAa,EAAA,CAAM,EAC1C,CAAC,CAACpB,GACDkB,MAACG,EAAAA,iBAAA,CAAwB,QAASvB,GAAMc,EAAK,MAAOX,EACjD,SAAAD,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CACF"}

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

@@ -1,36 +1,33 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("styled-components"),p=require("../../react-base/src/utils/stylesUtils.js"),h=require("../../react-base/src/components/RadioButton/RadioButton.consts.js"),g=require("../../react-base/src/components/RadioButton/RadioButton.styles.js"),x=require("../../react-base/src/components/RadioButton/RadioButton.utils.js"),b=require("../../react-base/src/components/Input/Input.utils.js"),s=require("acinguiux-ds-fabrics"),F=require("../../react-base/src/utils/sizesUtils.js"),$=require("../../react-base/src/consts/index.js"),{consts:o}=h,a=r.styled.div`
-  ${g.FakeRadioButtonStyles};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("styled-components"),p=require("../../react-base/src/utils/stylesUtils.js"),f=require("../../react-base/src/components/RadioButton/RadioButton.consts.js"),h=require("../../react-base/src/components/RadioButton/RadioButton.utils.js"),b=require("../../react-base/src/components/Input/Input.utils.js"),o=require("acinguiux-ds-fabrics"),v=require("../../react-base/src/utils/sizesUtils.js"),g=require("../../react-base/src/consts/index.js"),{consts:s}=f,i=r.styled.div`
+  position: relative;
+  border-radius: 100%;
+  pointer-events: none;
 `,n=r.styled.input`
-  ${g.RadioButtonStyles};
-`,S=r.styled.span`
-  ${({$size:e,theme:i})=>r.css`
-    ${i.typography("label",F.getLabelTypographySize(e))};
+  position: absolute;
+  opacity: 0;
+`,$=r.styled.label`
+  ${({$size:e,theme:a})=>r.css`
+    ${a.typography("label",v.getLabelTypographySize(e))};
   `};
-`,R=(e=!1,i=!1)=>e?"invalid":i?"none":"normal",k=r.styled.label`
-  ${({$size:e,$checked:i,$disabled:l,$invalid:d,$multiline:c,theme:u})=>{const t=(y=s.FabricsVariables.States.Resting,f=!1)=>x.getStyles(u,y,l,d,i||f);return r.css`
+`,x=(e=!1,a=!1)=>e?"invalid":a?"none":"normal",F=r.styled.div`
+  ${({$size:e,$checked:a,$disabled:c,$invalid:d,$multiline:l,theme:u})=>{const t=(y=o.FabricsVariables.States.Resting,S=!1)=>h.getStyles(u,y,c,d,a||S);return r.css`
+      position: relative;
       width: fit-content;
       display: flex;
       flex-direction: row;
-      align-items: ${c?"flex-start":"center"};
-      gap: ${o[e].labelSpacing}px;
-      cursor: ${l?"default":"pointer"};
+      align-items: ${l?"flex-start":"center"};
+      gap: ${s[e].labelSpacing}px;
 
-      ${!c&&r.css`
-        max-width: 100%;
+      ${!l&&r.css`
         min-width: 0;
       `};
 
-      ${n} {
-        height: ${o[e].size}px;
-        width: ${o[e].size}px;
-      }
-
-      ${S} {
-        ${p.getLabelFontStyles(u,l)};
-        ${c?r.css`
+      ${$} {
+        ${p.getLabelFontStyles(u,c)};
+        ${l?r.css`
               white-space: pre-line;
 
-              ${[`${$.Sizes.Large}`,`${$.Sizes.Medium}`].includes(e)&&r.css`
+              ${[`${g.Sizes.Large}`,`${g.Sizes.Medium}`].includes(e)&&r.css`
                 padding-top: 2px;
               `};
             `:r.css`
@@ -40,82 +37,95 @@
             `};
       }
 
-      ${a} {
-        height: ${o[e].size}px;
-        width: ${o[e].size}px;
-        pointer-events: ${l?"none":""};
-        ${b.getInputBorderStyles(e,R(d,i),!0)};
+      ${n} {
+        height: ${s[e].size}px;
+        width: ${s[e].size}px;
+      }
+
+      ${i} {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: ${s[e].size}px;
+        width: ${s[e].size}px;
+        ${b.getInputBorderStyles(e,x(d,a),!0)};
+        transition:
+          background-color 200ms,
+          border 200ms,
+          color 200ms;
+
         ${t()};
 
         &::after {
-          width: ${o[e].innerCircleSize}px;
-          height: ${o[e].innerCircleSize}px;
+          width: ${s[e].innerCircleSize}px;
+          height: ${s[e].innerCircleSize}px;
           content: '';
-          position: absolute;
-          top: 50%;
-          left: 50%;
-          transform: translate(-50%, -50%);
           border-radius: 100%;
           background-color: ${t().color};
+          opacity: 1;
+          transition:
+            opacity 200ms,
+            transform 200ms;
 
-          ${!i&&r.css`
-            display: none;
+          ${!a&&r.css`
+            opacity: 0;
           `}
         }
       }
 
-      ${!l&&r.css`
+      ${!c&&r.css`
         &:hover {
-          ${a} {
-            ${t(s.FabricsVariables.States.Hover)};
+          ${i} {
+            ${t(o.FabricsVariables.States.Hover)};
             &::after {
-              display: block;
-              background-color: ${t(s.FabricsVariables.States.Hover).color};
+              opacity: 1;
+              background-color: ${t(o.FabricsVariables.States.Hover).color};
             }
           }
         }
 
         &:active {
-          ${a} {
-            ${t(s.FabricsVariables.States.Press)};
+          ${i} {
+            ${t(o.FabricsVariables.States.Press)};
             &::after {
-              display: block;
-              background-color: ${t(s.FabricsVariables.States.Press).color};
-              width: ${o[e].innerCircleSize-2}px;
-              height: ${o[e].innerCircleSize-2}px;
+              opacity: 1;
+              transform: scale(0.95);
+              background-color: ${t(o.FabricsVariables.States.Press).color};
+              width: ${s[e].innerCircleSize-2}px;
+              height: ${s[e].innerCircleSize-2}px;
             }
           }
         }
 
-        ${n}:checked ~ ${a} {
+        ${n}:checked ~ ${i} {
           ${b.getInputBorderStyles(e,"none",!0)};
-          ${t(s.FabricsVariables.States.Resting,!0)};
+          ${t(o.FabricsVariables.States.Resting,!0)};
           &::after {
-            display: block;
-            background-color: ${t(s.FabricsVariables.States.Resting,!0).color};
+            opacity: 1;
+            background-color: ${t(o.FabricsVariables.States.Resting,!0).color};
           }
         }
 
-        ${n}:checked:hover ~ ${a} {
-          ${t(s.FabricsVariables.States.Hover,!0)};
+        ${n}:checked:hover ~ ${i} {
+          ${t(o.FabricsVariables.States.Hover,!0)};
           &::after {
-            display: block;
-            background-color: ${t(s.FabricsVariables.States.Hover,!0).color};
+            opacity: 1;
+            background-color: ${t(o.FabricsVariables.States.Hover,!0).color};
           }
         }
 
-        ${n}:checked:active ~ ${a} {
-          ${t(s.FabricsVariables.States.Press,!0)};
+        ${n}:checked:active ~ ${i} {
+          ${t(o.FabricsVariables.States.Press,!0)};
           &::after {
-            display: block;
-            background-color: ${t(s.FabricsVariables.States.Press,!0).color};
+            opacity: 1;
+            background-color: ${t(o.FabricsVariables.States.Press,!0).color};
           }
         }
       `}
 
-      ${n}:focus-visible ~ ${a} {
+      ${n}:focus-visible ~ ${i} {
         ${p.getFocusStyles(u)};
       }
     `}}
-`;exports.FakeRadio=a;exports.RadioButton=n;exports.RadioButtonLabel=S;exports.RadioButtonWrapper=k;
+`;exports.RadioButton=n;exports.RadioButtonIcon=i;exports.RadioButtonLabel=$;exports.RadioButtonWrapper=F;
 //# sourceMappingURL=RadioButton.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.styles.js","sources":["../../../../src/components/RadioButton/RadioButton.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { getLabelFontStyles, getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport {\n  RadioButtonUtils,\n  RadioButtonStyles,\n  RadioButtonConsts,\n} from 'acinguiux-ds-react-base/components/RadioButton';\nimport { InputUtils } from 'acinguiux-ds-react-base/components/Input';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport type { IRadioButtonProps } from './RadioButton.types';\n\ntype RadioButtonWrapperPropKeys = 'checked' | 'disabled' | 'invalid' | 'multiline';\ntype WrapperProps = Required<PickTransient<IRadioButtonProps, 'size'>> &\n  PickTransient<IRadioButtonProps, RadioButtonWrapperPropKeys>;\n\nconst { consts } = RadioButtonConsts;\n\nconst FakeRadio = styled.div`\n  ${RadioButtonStyles.FakeRadioButtonStyles};\n`;\n\nconst RadioButton = styled.input`\n  ${RadioButtonStyles.RadioButtonStyles};\n`;\n\nconst RadioButtonLabel = styled.span<PickTransient<IRadioButtonProps, 'size'>>`\n  ${({ $size, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n  `};\n`;\n\nconst getBorderKind = (invalid = false, checked = false) => {\n  if (invalid) {\n    return 'invalid';\n  }\n\n  if (checked) {\n    return 'none';\n  }\n\n  return 'normal';\n};\n\nconst RadioButtonWrapper = styled.label<WrapperProps>`\n  ${({ $size, $checked, $disabled, $invalid, $multiline, theme }) => {\n    const getStyles = (state: FabricsVariables.StateType = FabricsVariables.States.Resting, checked = false) =>\n      RadioButtonUtils.getStyles(theme, state, $disabled, $invalid, $checked || checked);\n\n    return css`\n      width: fit-content;\n      display: flex;\n      flex-direction: row;\n      align-items: ${$multiline ? 'flex-start' : 'center'};\n      gap: ${consts[$size].labelSpacing}px;\n      cursor: ${$disabled ? 'default' : 'pointer'};\n\n      ${!$multiline &&\n      css`\n        max-width: 100%;\n        min-width: 0;\n      `};\n\n      ${RadioButton} {\n        height: ${consts[$size].size}px;\n        width: ${consts[$size].size}px;\n      }\n\n      ${RadioButtonLabel} {\n        ${getLabelFontStyles(theme, $disabled)};\n        ${!$multiline\n          ? css`\n              white-space: nowrap;\n              text-overflow: ellipsis;\n              overflow: hidden;\n            `\n          : css`\n              white-space: pre-line;\n\n              ${[`${Sizes.Large}`, `${Sizes.Medium}`].includes($size) &&\n              css`\n                padding-top: 2px;\n              `};\n            `};\n      }\n\n      ${FakeRadio} {\n        height: ${consts[$size].size}px;\n        width: ${consts[$size].size}px;\n        pointer-events: ${$disabled ? 'none' : ''};\n        ${InputUtils.getInputBorderStyles($size, getBorderKind($invalid, $checked), true)};\n        ${getStyles()};\n\n        &::after {\n          width: ${consts[$size].innerCircleSize}px;\n          height: ${consts[$size].innerCircleSize}px;\n          content: '';\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          border-radius: 100%;\n          background-color: ${getStyles().color};\n\n          ${!$checked &&\n          css`\n            display: none;\n          `}\n        }\n      }\n\n      ${!$disabled &&\n      css`\n        &:hover {\n          ${FakeRadio} {\n            ${getStyles(FabricsVariables.States.Hover)};\n            &::after {\n              display: block;\n              background-color: ${getStyles(FabricsVariables.States.Hover).color};\n            }\n          }\n        }\n\n        &:active {\n          ${FakeRadio} {\n            ${getStyles(FabricsVariables.States.Press)};\n            &::after {\n              display: block;\n              background-color: ${getStyles(FabricsVariables.States.Press).color};\n              width: ${consts[$size].innerCircleSize - 2}px;\n              height: ${consts[$size].innerCircleSize - 2}px;\n            }\n          }\n        }\n\n        ${RadioButton}:checked ~ ${FakeRadio} {\n          ${InputUtils.getInputBorderStyles($size, 'none', true)};\n          ${getStyles(FabricsVariables.States.Resting, true)};\n          &::after {\n            display: block;\n            background-color: ${getStyles(FabricsVariables.States.Resting, true).color};\n          }\n        }\n\n        ${RadioButton}:checked:hover ~ ${FakeRadio} {\n          ${getStyles(FabricsVariables.States.Hover, true)};\n          &::after {\n            display: block;\n            background-color: ${getStyles(FabricsVariables.States.Hover, true).color};\n          }\n        }\n\n        ${RadioButton}:checked:active ~ ${FakeRadio} {\n          ${getStyles(FabricsVariables.States.Press, true)};\n          &::after {\n            display: block;\n            background-color: ${getStyles(FabricsVariables.States.Press, true).color};\n          }\n        }\n      `}\n\n      ${RadioButton}:focus-visible ~ ${FakeRadio} {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  }}\n`;\n\nexport { RadioButton, FakeRadio, RadioButtonWrapper, RadioButtonLabel };\n"],"names":["consts","RadioButtonConsts","FakeRadio","styled","RadioButtonStyles.FakeRadioButtonStyles","RadioButton","RadioButtonStyles.RadioButtonStyles","RadioButtonLabel","$size","theme","css","getLabelTypographySize","getBorderKind","invalid","checked","RadioButtonWrapper","$checked","$disabled","$invalid","$multiline","getStyles","state","FabricsVariables","RadioButtonUtils.getStyles","getLabelFontStyles","Sizes","InputUtils.getInputBorderStyles","getFocusStyles"],"mappings":"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"}
+{"version":3,"file":"RadioButton.styles.js","sources":["../../../../src/components/RadioButton/RadioButton.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { getLabelFontStyles, getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\nimport { RadioButtonUtils, RadioButtonConsts } from 'acinguiux-ds-react-base/components/RadioButton';\nimport { InputUtils } from 'acinguiux-ds-react-base/components/Input';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { getLabelTypographySize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport type { IRadioButtonProps } from './RadioButton.types';\n\ntype RadioButtonWrapperPropKeys = 'checked' | 'disabled' | 'invalid' | 'multiline';\ntype WrapperProps = Required<PickTransient<IRadioButtonProps, 'size'>> &\n  PickTransient<IRadioButtonProps, RadioButtonWrapperPropKeys>;\n\nconst { consts } = RadioButtonConsts;\n\nconst RadioButtonIcon = styled.div`\n  position: relative;\n  border-radius: 100%;\n  pointer-events: none;\n`;\n\nconst RadioButton = styled.input`\n  position: absolute;\n  opacity: 0;\n`;\n\nconst RadioButtonLabel = styled.label<PickTransient<IRadioButtonProps, 'size'>>`\n  ${({ $size, theme }) => css`\n    ${theme.typography('label', getLabelTypographySize($size))};\n  `};\n`;\n\nconst getBorderKind = (invalid = false, checked = false) => {\n  if (invalid) {\n    return 'invalid';\n  }\n\n  if (checked) {\n    return 'none';\n  }\n\n  return 'normal';\n};\n\nconst RadioButtonWrapper = styled.div<WrapperProps>`\n  ${({ $size, $checked, $disabled, $invalid, $multiline, theme }) => {\n    const getStyles = (state: FabricsVariables.StateType = FabricsVariables.States.Resting, checked = false) =>\n      RadioButtonUtils.getStyles(theme, state, $disabled, $invalid, $checked || checked);\n\n    return css`\n      position: relative;\n      width: fit-content;\n      display: flex;\n      flex-direction: row;\n      align-items: ${$multiline ? 'flex-start' : 'center'};\n      gap: ${consts[$size].labelSpacing}px;\n\n      ${!$multiline &&\n      css`\n        min-width: 0;\n      `};\n\n      ${RadioButtonLabel} {\n        ${getLabelFontStyles(theme, $disabled)};\n        ${!$multiline\n          ? css`\n              white-space: nowrap;\n              text-overflow: ellipsis;\n              overflow: hidden;\n            `\n          : css`\n              white-space: pre-line;\n\n              ${[`${Sizes.Large}`, `${Sizes.Medium}`].includes($size) &&\n              css`\n                padding-top: 2px;\n              `};\n            `};\n      }\n\n      ${RadioButton} {\n        height: ${consts[$size].size}px;\n        width: ${consts[$size].size}px;\n      }\n\n      ${RadioButtonIcon} {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: ${consts[$size].size}px;\n        width: ${consts[$size].size}px;\n        ${InputUtils.getInputBorderStyles($size, getBorderKind($invalid, $checked), true)};\n        transition:\n          background-color 200ms,\n          border 200ms,\n          color 200ms;\n\n        ${getStyles()};\n\n        &::after {\n          width: ${consts[$size].innerCircleSize}px;\n          height: ${consts[$size].innerCircleSize}px;\n          content: '';\n          border-radius: 100%;\n          background-color: ${getStyles().color};\n          opacity: 1;\n          transition:\n            opacity 200ms,\n            transform 200ms;\n\n          ${!$checked &&\n          css`\n            opacity: 0;\n          `}\n        }\n      }\n\n      ${!$disabled &&\n      css`\n        &:hover {\n          ${RadioButtonIcon} {\n            ${getStyles(FabricsVariables.States.Hover)};\n            &::after {\n              opacity: 1;\n              background-color: ${getStyles(FabricsVariables.States.Hover).color};\n            }\n          }\n        }\n\n        &:active {\n          ${RadioButtonIcon} {\n            ${getStyles(FabricsVariables.States.Press)};\n            &::after {\n              opacity: 1;\n              transform: scale(0.95);\n              background-color: ${getStyles(FabricsVariables.States.Press).color};\n              width: ${consts[$size].innerCircleSize - 2}px;\n              height: ${consts[$size].innerCircleSize - 2}px;\n            }\n          }\n        }\n\n        ${RadioButton}:checked ~ ${RadioButtonIcon} {\n          ${InputUtils.getInputBorderStyles($size, 'none', true)};\n          ${getStyles(FabricsVariables.States.Resting, true)};\n          &::after {\n            opacity: 1;\n            background-color: ${getStyles(FabricsVariables.States.Resting, true).color};\n          }\n        }\n\n        ${RadioButton}:checked:hover ~ ${RadioButtonIcon} {\n          ${getStyles(FabricsVariables.States.Hover, true)};\n          &::after {\n            opacity: 1;\n            background-color: ${getStyles(FabricsVariables.States.Hover, true).color};\n          }\n        }\n\n        ${RadioButton}:checked:active ~ ${RadioButtonIcon} {\n          ${getStyles(FabricsVariables.States.Press, true)};\n          &::after {\n            opacity: 1;\n            background-color: ${getStyles(FabricsVariables.States.Press, true).color};\n          }\n        }\n      `}\n\n      ${RadioButton}:focus-visible ~ ${RadioButtonIcon} {\n        ${getFocusStyles(theme)};\n      }\n    `;\n  }}\n`;\n\nexport { RadioButton, RadioButtonIcon, RadioButtonWrapper, RadioButtonLabel };\n"],"names":["consts","RadioButtonConsts","RadioButtonIcon","styled","RadioButton","RadioButtonLabel","$size","theme","css","getLabelTypographySize","getBorderKind","invalid","checked","RadioButtonWrapper","$checked","$disabled","$invalid","$multiline","getStyles","state","FabricsVariables","RadioButtonUtils.getStyles","getLabelFontStyles","Sizes","InputUtils.getInputBorderStyles","getFocusStyles"],"mappings":"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"}