@salutejs/plasma-new-hope 0.175.1-canary.1506.11553215359.0 → 0.175.2-canary.1505.11553165432.0

package/es/components/Pagination/Pagination.css

@@ -38,13 +38,13 @@
 
 .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
 
-.Pagination_styles_1w5oej6_p1m4gnut__3b89d2a5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_1w5oej6_p1m4gnut__3b89d2a5.Pagination_styles_1w5oej6_paginationTypeCompact__3b89d2a5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}.Pagination_styles_1w5oej6_p1m4gnut__3b89d2a5.Pagination_styles_1w5oej6_paginationTypeDefault__3b89d2a5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
-.Pagination_styles_1w5oej6_p195n7xj__3b89d2a5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:0 auto;}
-.Pagination_styles_1w5oej6_p19axp12__3b89d2a5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;gap:0.625rem;}.Pagination_styles_1w5oej6_p19axp12__3b89d2a5.Pagination_styles_1w5oej6_paginationTypeCompact__3b89d2a5{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_1w5oej6_p19axp12__3b89d2a5.Pagination_styles_1w5oej6_paginationHasPerpageSelect__3b89d2a5{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_1w5oej6_p19axp12__3b89d2a5.Pagination_styles_1w5oej6_paginationHasQuickJump__3b89d2a5{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
-.Pagination_styles_1w5oej6_p1rlzvhv__3b89d2a5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
-.Pagination_styles_1w5oej6_pivhg1z__3b89d2a5{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
-.Pagination_styles_1w5oej6_pshury3__3b89d2a5{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_1w5oej6_pshury3__3b89d2a5.Pagination_styles_1w5oej6_paginationPageButtonActive__3b89d2a5{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-current-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color-active);}.Pagination_styles_1w5oej6_pshury3__3b89d2a5.Pagination_styles_1w5oej6_paginationButtonDisabled__3b89d2a5{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_1w5oej6_pshury3__3b89d2a5:focus{outline:none;}.Pagination_styles_1w5oej6_pshury3__3b89d2a5::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_1w5oej6_pshury3__3b89d2a5.Pagination_styles_1w5oej6_focusVisible__3b89d2a5:focus::before,.Pagination_styles_1w5oej6_pshury3__3b89d2a5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
-.Pagination_styles_1w5oej6_pwlctp1__3b89d2a5.Pagination_styles_1w5oej6_pshury3__3b89d2a5{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.Pagination_styles_y6gcva_p1m4gnut__6a3d68ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_y6gcva_p1m4gnut__6a3d68ab.Pagination_styles_y6gcva_paginationTypeCompact__6a3d68ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}.Pagination_styles_y6gcva_p1m4gnut__6a3d68ab.Pagination_styles_y6gcva_paginationTypeDefault__6a3d68ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+.Pagination_styles_y6gcva_p195n7xj__6a3d68ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:0 auto;}
+.Pagination_styles_y6gcva_p19axp12__6a3d68ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;gap:0.625rem;}.Pagination_styles_y6gcva_p19axp12__6a3d68ab.Pagination_styles_y6gcva_paginationTypeCompact__6a3d68ab{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_y6gcva_p19axp12__6a3d68ab.Pagination_styles_y6gcva_paginationHasPerpageSelect__6a3d68ab{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_y6gcva_p19axp12__6a3d68ab.Pagination_styles_y6gcva_paginationHasQuickJump__6a3d68ab{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.Pagination_styles_y6gcva_p1rlzvhv__6a3d68ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
+.Pagination_styles_y6gcva_pivhg1z__6a3d68ab{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
+.Pagination_styles_y6gcva_pshury3__6a3d68ab{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_y6gcva_pshury3__6a3d68ab.Pagination_styles_y6gcva_paginationPageButtonActive__6a3d68ab{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-current-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color-active);}.Pagination_styles_y6gcva_pshury3__6a3d68ab:focus{outline:none;}.Pagination_styles_y6gcva_pshury3__6a3d68ab::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_y6gcva_pshury3__6a3d68ab.Pagination_styles_y6gcva_focusVisible__6a3d68ab:focus::before,.Pagination_styles_y6gcva_pshury3__6a3d68ab[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
+.Pagination_styles_y6gcva_pwlctp1__6a3d68ab.Pagination_styles_y6gcva_pshury3__6a3d68ab{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
 
 .base_ldqogv_b1fjr2lv__916b2a9f .base_ldqogv_paginationIconReverse__916b2a9f{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
 
@@ -138,6 +138,6 @@
 .Select_styles_768h42_ogpldc9__d1d95a37{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-label-font-family);font-size:var(--plasma-select-label-font-size);font-style:var(--plasma-select-label-font-style);font-weight:var(--plasma-select-label-font-weight);-webkit-letter-spacing:var(--plasma-select-label-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-label-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-label-font-letter-spacing);letter-spacing:var(--plasma-select-label-font-letter-spacing);line-height:var(--plasma-select-label-font-line-height);}
 .Select_styles_768h42_h2ef052__d1d95a37{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-select-helper-text-font-family);font-size:var(--plasma-select-helper-text-font-size);font-style:var(--plasma-select-helper-text-font-style);font-weight:var(--plasma-select-helper-text-font-weight);-webkit-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);line-height:var(--plasma-select-helper-text-font-line-height);}
 
-.PaginationSelectPerPage_styles_1fesyfv_s1e57mfu__09044c9e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
-.PaginationSelectPerPage_styles_1fesyfv_s5dck5y__09044c9e{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
-.PaginationSelectPerPage_styles_1fesyfv_squvg2e__09044c9e{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
+.PaginationSelectPerPage_styles_187mk6b_s1e57mfu__a3b3456a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.PaginationSelectPerPage_styles_187mk6b_s5dck5y__a3b3456a{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);}
+.PaginationSelectPerPage_styles_187mk6b_squvg2e__a3b3456a{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}

package/es/components/Pagination/Pagination.js

@@ -11,6 +11,7 @@ import { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/Pagina
 import { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage.js';
 import { isNumber } from '../../utils/isNumber.js';
 
+var _PaginationShorter;
 var _excluded = ["value", "perPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue"];
 var paginationRoot = function paginationRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -125,11 +126,10 @@ var paginationRoot = function paginationRoot(Root) {
     }, /*#__PURE__*/React.createElement(PaginationPages, null, leftContent && /*#__PURE__*/React.createElement(PaginationButtonGroup, {
       isCommonButtonStyles: isCommonButtonStyles
     }, leftContent), sections && sections.map(function (section, indexSection) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, indexSection !== 0 && /*#__PURE__*/React.createElement(PaginationShorter, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, indexSection !== 0 && (_PaginationShorter || (_PaginationShorter = /*#__PURE__*/React.createElement(PaginationShorter, {
         stretching: "fixed",
-        disabled: true,
-        className: classes.buttonDisabled
-      }, "..."), /*#__PURE__*/React.createElement(PaginationSection, {
+        disabled: true
+      }, "..."))), /*#__PURE__*/React.createElement(PaginationSection, {
         key: indexSection
       }, section.map(function (pageValue) {
         return /*#__PURE__*/React.createElement(PaginationButton, {
@@ -140,7 +140,7 @@ var paginationRoot = function paginationRoot(Root) {
             return handlerSetPage(pageValue);
           },
           disabled: disabled.includes(pageValue),
-          className: cx(classes.paginationPageButton, isActiveButton(pageValue), disabled.includes(pageValue) ? classes.buttonDisabled : '')
+          className: cx(classes.paginationPageButton, isActiveButton(pageValue))
         }, pageValue);
       })));
     }), rightContent && /*#__PURE__*/React.createElement(PaginationButtonGroup, {

package/es/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useEffect, useState, forwardRef } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootProps } from '../../engines';\n\nimport {\n    PaginationPages,\n    PaginationActions,\n    PaginationButton,\n    PaginationSection,\n    PaginationButtonGroup,\n    PaginationRoot,\n    PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootProps<HTMLDivElement, PaginationProps>) =>\n    forwardRef<HTMLDivElement, PaginationProps>(\n        (\n            {\n                value = defaultValues.value,\n                perPage,\n                slots = defaultValues.slots,\n\n                view,\n                viewCurrentPage,\n                type = defaultValues.type,\n                size,\n                pilled = defaultValues.pilled,\n                square = defaultValues.square,\n                disabledPages = defaultValues.disabledPages,\n\n                count = defaultValues.value,\n\n                hasQuickJump = defaultValues.hasQuickJump,\n                hasPerPage = defaultValues.hasPerPage,\n                perPageList = defaultValues.perPageList,\n                isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n                placeholderQuickJump = defaultValues.placeholderQuickJump,\n                textQuickJump = defaultValues.textQuickJump,\n                textPerPage = defaultValues.textPerPage,\n\n                leftContent,\n                rightContent,\n\n                listWidth,\n\n                onChangePageValue,\n                onChangePerPageValue,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [page, setPageValue] = useState<number>(1);\n            const [perPageValue, setPerPageValue] = useState(perPage);\n            const [pages, setPagesValue] = useState<number>(value);\n            const [sections, setSections] = useState<number[][] | null>(null);\n\n            const typeClass = classes[`${type}Type` as keyof typeof classes];\n            const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n            const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n            const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n            const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n            const handlerSetPages = (newPerPage?: number) => {\n                if (newPerPage) {\n                    setPagesValue(Math.ceil(count / newPerPage));\n                } else {\n                    setPagesValue(Math.ceil(count / (hasPerPage ? defaultValues.perPage : 1)));\n                }\n            };\n\n            const handlerSetPage = (newPageValue?: number) => {\n                let pageValue = newPageValue ?? defaultValues.value;\n                if (pageValue > pages) {\n                    pageValue = pages;\n                }\n                if (pageValue < 1) {\n                    pageValue = 1;\n                }\n                if (disabled.includes(pageValue)) {\n                    return;\n                }\n                setPageValue(pageValue);\n                onChangePageValue?.(pageValue);\n            };\n\n            const handlerSetPerPage = (newPerPageValue?: number) => {\n                handlerSetPage(1);\n                setPerPageValue(newPerPageValue);\n                onChangePerPageValue?.(newPerPageValue);\n\n                handlerSetPages(newPerPageValue);\n            };\n\n            const isActiveButton = (checkPage: number) => {\n                return page === checkPage ? classes.paginationPageButtonActive : '';\n            };\n\n            useEffect(() => {\n                handlerSetPages(perPage);\n            }, [perPage, count, handlerSetPages]);\n\n            useEffect(() => {\n                handlerSetPage(value);\n            }, [value]);\n\n            useEffect(() => {\n                setSections(getSections(page, pages, slots));\n            }, [page, slots, pages, setSections, getSections]);\n\n            return (\n                <Root\n                    size={size}\n                    view={view}\n                    viewCurrentPage={viewCurrentPage}\n                    className={cx(classes.wrapper, typeClass)}\n                    ref={ref}\n                    {...rest}\n                >\n                    <PaginationRoot className={typeClass}>\n                        <PaginationPages>\n                            {leftContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {leftContent}\n                                </PaginationButtonGroup>\n                            )}\n                            {sections &&\n                                sections.map((section, indexSection) => (\n                                    <>\n                                        {indexSection !== 0 && (\n                                            <PaginationShorter\n                                                stretching=\"fixed\"\n                                                disabled\n                                                className={classes.buttonDisabled}\n                                            >\n                                                ...\n                                            </PaginationShorter>\n                                        )}\n                                        <PaginationSection key={indexSection}>\n                                            {section.map((pageValue) => (\n                                                <PaginationButton\n                                                    square={square}\n                                                    pin={roundedClass}\n                                                    key={pageValue}\n                                                    onClick={() => handlerSetPage(pageValue)}\n                                                    disabled={disabled.includes(pageValue)}\n                                                    className={cx(\n                                                        classes.paginationPageButton,\n                                                        isActiveButton(pageValue),\n                                                        disabled.includes(pageValue) ? classes.buttonDisabled : '',\n                                                    )}\n                                                >\n                                                    {pageValue}\n                                                </PaginationButton>\n                                            ))}\n                                        </PaginationSection>\n                                    </>\n                                ))}\n                            {rightContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {rightContent}\n                                </PaginationButtonGroup>\n                            )}\n                        </PaginationPages>\n                        <PaginationActions\n                            className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n                        >\n                            {hasQuickJump && (\n                                <PaginationQuickJumpToPage\n                                    placeholderQuickJump={placeholderQuickJump}\n                                    textQuickJump={textQuickJump}\n                                    onChangeValue={handlerSetPage}\n                                />\n                            )}\n                            {hasPerPage && (\n                                <PaginationSelectPerPage\n                                    textPerPage={textPerPage}\n                                    perPageValue={perPageValue}\n                                    perPageList={perPageList}\n                                    onChangeValue={handlerSetPerPage}\n                                    size={size}\n                                    listWidth={listWidth}\n                                />\n                            )}\n                        </PaginationActions>\n                    </PaginationRoot>\n                </Root>\n            );\n        },\n    );\n\nexport const paginationConfig = {\n    name: 'Pagination',\n    tag: 'div',\n    layout: paginationRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        type: {\n            css: typeCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'm',\n    },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","_ref$value","value","defaultValues","perPage","_ref$slots","slots","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","listWidth","onChangePageValue","onChangePerPageValue","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","page","setPageValue","_useState3","_useState4","perPageValue","setPerPageValue","_useState5","_useState6","pages","setPagesValue","_useState7","_useState8","sections","setSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","undefined","withHasQuickJump","disabled","map","el","isNumber","Number","handlerSetPages","newPerPage","Math","ceil","handlerSetPage","newPageValue","pageValue","includes","handlerSetPerPage","newPerPageValue","isActiveButton","checkPage","paginationPageButtonActive","useEffect","getSections","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","PaginationShorter","stretching","buttonDisabled","PaginationSection","key","PaginationButton","pin","onClick","paginationPageButton","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useEffect, useState, forwardRef } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootProps } from '../../engines';\n\nimport {\n    PaginationPages,\n    PaginationActions,\n    PaginationButton,\n    PaginationSection,\n    PaginationButtonGroup,\n    PaginationRoot,\n    PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootProps<HTMLDivElement, PaginationProps>) =>\n    forwardRef<HTMLDivElement, PaginationProps>(\n        (\n            {\n                value = defaultValues.value,\n                perPage,\n                slots = defaultValues.slots,\n\n                view,\n                viewCurrentPage,\n                type = defaultValues.type,\n                size,\n                pilled = defaultValues.pilled,\n                square = defaultValues.square,\n                disabledPages = defaultValues.disabledPages,\n\n                count = defaultValues.value,\n\n                hasQuickJump = defaultValues.hasQuickJump,\n                hasPerPage = defaultValues.hasPerPage,\n                perPageList = defaultValues.perPageList,\n                isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n                placeholderQuickJump = defaultValues.placeholderQuickJump,\n                textQuickJump = defaultValues.textQuickJump,\n                textPerPage = defaultValues.textPerPage,\n\n                leftContent,\n                rightContent,\n\n                listWidth,\n\n                onChangePageValue,\n                onChangePerPageValue,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [page, setPageValue] = useState<number>(1);\n            const [perPageValue, setPerPageValue] = useState(perPage);\n            const [pages, setPagesValue] = useState<number>(value);\n            const [sections, setSections] = useState<number[][] | null>(null);\n\n            const typeClass = classes[`${type}Type` as keyof typeof classes];\n            const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n            const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n            const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n            const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n            const handlerSetPages = (newPerPage?: number) => {\n                if (newPerPage) {\n                    setPagesValue(Math.ceil(count / newPerPage));\n                } else {\n                    setPagesValue(Math.ceil(count / (hasPerPage ? defaultValues.perPage : 1)));\n                }\n            };\n\n            const handlerSetPage = (newPageValue?: number) => {\n                let pageValue = newPageValue ?? defaultValues.value;\n                if (pageValue > pages) {\n                    pageValue = pages;\n                }\n                if (pageValue < 1) {\n                    pageValue = 1;\n                }\n                if (disabled.includes(pageValue)) {\n                    return;\n                }\n                setPageValue(pageValue);\n                onChangePageValue?.(pageValue);\n            };\n\n            const handlerSetPerPage = (newPerPageValue?: number) => {\n                handlerSetPage(1);\n                setPerPageValue(newPerPageValue);\n                onChangePerPageValue?.(newPerPageValue);\n\n                handlerSetPages(newPerPageValue);\n            };\n\n            const isActiveButton = (checkPage: number) => {\n                return page === checkPage ? classes.paginationPageButtonActive : '';\n            };\n\n            useEffect(() => {\n                handlerSetPages(perPage);\n            }, [perPage, count, handlerSetPages]);\n\n            useEffect(() => {\n                handlerSetPage(value);\n            }, [value]);\n\n            useEffect(() => {\n                setSections(getSections(page, pages, slots));\n            }, [page, slots, pages, setSections, getSections]);\n\n            return (\n                <Root\n                    size={size}\n                    view={view}\n                    viewCurrentPage={viewCurrentPage}\n                    className={cx(classes.wrapper, typeClass)}\n                    ref={ref}\n                    {...rest}\n                >\n                    <PaginationRoot className={typeClass}>\n                        <PaginationPages>\n                            {leftContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {leftContent}\n                                </PaginationButtonGroup>\n                            )}\n                            {sections &&\n                                sections.map((section, indexSection) => (\n                                    <>\n                                        {indexSection !== 0 && (\n                                            <PaginationShorter stretching=\"fixed\" disabled>\n                                                ...\n                                            </PaginationShorter>\n                                        )}\n                                        <PaginationSection key={indexSection}>\n                                            {section.map((pageValue) => (\n                                                <PaginationButton\n                                                    square={square}\n                                                    pin={roundedClass}\n                                                    key={pageValue}\n                                                    onClick={() => handlerSetPage(pageValue)}\n                                                    disabled={disabled.includes(pageValue)}\n                                                    className={cx(\n                                                        classes.paginationPageButton,\n                                                        isActiveButton(pageValue),\n                                                    )}\n                                                >\n                                                    {pageValue}\n                                                </PaginationButton>\n                                            ))}\n                                        </PaginationSection>\n                                    </>\n                                ))}\n                            {rightContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {rightContent}\n                                </PaginationButtonGroup>\n                            )}\n                        </PaginationPages>\n                        <PaginationActions\n                            className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n                        >\n                            {hasQuickJump && (\n                                <PaginationQuickJumpToPage\n                                    placeholderQuickJump={placeholderQuickJump}\n                                    textQuickJump={textQuickJump}\n                                    onChangeValue={handlerSetPage}\n                                />\n                            )}\n                            {hasPerPage && (\n                                <PaginationSelectPerPage\n                                    textPerPage={textPerPage}\n                                    perPageValue={perPageValue}\n                                    perPageList={perPageList}\n                                    onChangeValue={handlerSetPerPage}\n                                    size={size}\n                                    listWidth={listWidth}\n                                />\n                            )}\n                        </PaginationActions>\n                    </PaginationRoot>\n                </Root>\n            );\n        },\n    );\n\nexport const paginationConfig = {\n    name: 'Pagination',\n    tag: 'div',\n    layout: paginationRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        type: {\n            css: typeCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'm',\n    },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","_ref$value","value","defaultValues","perPage","_ref$slots","slots","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","listWidth","onChangePageValue","onChangePerPageValue","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","page","setPageValue","_useState3","_useState4","perPageValue","setPerPageValue","_useState5","_useState6","pages","setPagesValue","_useState7","_useState8","sections","setSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","undefined","withHasQuickJump","disabled","map","el","isNumber","Number","handlerSetPages","newPerPage","Math","ceil","handlerSetPage","newPageValue","pageValue","includes","handlerSetPerPage","newPerPageValue","isActiveButton","checkPage","paginationPageButtonActive","useEffect","getSections","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","_PaginationShorter","PaginationShorter","stretching","PaginationSection","key","PaginationButton","pin","onClick","paginationPageButton","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}

package/es/components/Pagination/Pagination.styles.js

@@ -1,4 +1,4 @@
-import './Pagination.styles_1w5oej6.css';
+import './Pagination.styles_y6gcva.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../engines/common.js';
 import { buttonConfig } from '../Button/Button.js';
@@ -44,10 +44,10 @@ var PaginationButton = /*#__PURE__*/styled(_exp44())({
   "class": "pshury3",
   propsAsIs: true
 });
-var _exp100 = function _exp100() {
+var _exp93 = function _exp93() {
   return PaginationButton;
 };
-var PaginationShorter = /*#__PURE__*/styled(_exp100())({
+var PaginationShorter = /*#__PURE__*/styled(_exp93())({
   name: "PaginationShorter",
   "class": "pwlctp1",
   propsAsIs: true

package/es/components/Pagination/Pagination.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { buttonGroupConfig, buttonGroupTokens } from '../ButtonGroup';\nimport { component, mergeConfig } from '../../engines';\nimport { addFocus } from '../../mixins';\n\nimport { classes, tokens } from './Pagination.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nconst mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);\nconst ButtonGroup = component(mergedButtonGroupConfig);\n\nexport const PaginationRoot = styled.div`\n    display: flex;\n    color: var(${tokens.paginationColor});\n\n    &.${classes.compactType} {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n    &.${classes.defaultType} {\n        display: flex;\n        justify-content: space-between;\n        flex: 0 0 100%;\n        gap: 1rem;\n        flex-wrap: wrap;\n    }\n`;\n\nexport const PaginationPages = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n    margin: 0 auto;\n`;\n\nexport const PaginationActions = styled.div`\n    display: flex;\n    justify-content: space-between;\n    flex-grow: 1;\n    gap: 0.625rem;\n    &.${classes.compactType} {\n        flex-direction: row;\n    }\n\n    &.${classes.withHasPerPageSelect} {\n        flex-direction: row-reverse;\n    }\n\n    &.${classes.withHasQuickJump} {\n        flex-direction: row;\n    }\n`;\n\nexport const PaginationSection = styled.div`\n    display: flex;\n    gap: 0.125rem;\n`;\n\nexport const PaginationButtonGroup = styled(ButtonGroup)`\n    ${buttonGroupTokens.buttonColor}: var(${tokens.buttonColor});\n    ${buttonGroupTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n    ${buttonGroupTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n    ${buttonGroupTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n    ${buttonGroupTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n    ${buttonGroupTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n    ${buttonGroupTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n    ${buttonGroupTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n    ${buttonGroupTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n    ${buttonGroupTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n    ${buttonGroupTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n    ${buttonGroupTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n    ${buttonGroupTokens.buttonWidth}: var(${tokens.buttonWidth});\n    ${buttonGroupTokens.buttonHeight}: var(${tokens.buttonHeight});\n\n    ${buttonGroupTokens.buttonDefaultRadius}: var(${tokens.buttonRadius});\n    ${buttonGroupTokens.buttonSideRadius}: var(${tokens.buttonRadius});\n    ${buttonGroupTokens.buttonSegmentedRadius}: var(${tokens.buttonRadius});\n    ${buttonGroupTokens.buttonRadiusCircle}: var(${tokens.buttonRadius});\n`;\n\nexport const PaginationButton = styled(Button)`\n    ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n    ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n    ${buttonTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n    ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n    ${buttonTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n    ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n\n    ${buttonTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n    ${buttonTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n    ${buttonTokens.buttonWidth}: var(${tokens.buttonWidth});\n    ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n    ${buttonTokens.buttonRadius}: var(${tokens.buttonRadius});\n\n    ${buttonTokens.buttonDisabledOpacity}: var(${tokens.buttonDisabledOpacity});\n    ${buttonTokens.buttonFocusColor}: var(${tokens.buttonFocusColor});\n\n    &.${classes.paginationPageButtonActive} {\n        ${buttonTokens.buttonColor}: var(${tokens.paginationCurrentButtonColor});\n        ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n        ${buttonTokens.buttonColorHover}: var(${tokens.paginationCurrentButtonHoverColor});\n        ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.paginationCurrentButtonHoverBackgroundColor});\n\n        ${buttonTokens.buttonColorActive}: var(${tokens.paginationCurrentButtonActiveColor});\n        ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.paginationCurrentButtonActiveBackgroundColor});\n    }\n\n    &.${classes.buttonDisabled} {\n        ${buttonTokens.buttonColor}: var(${tokens.paginationDisabledButtonColor}, var(${tokens.buttonColor}));\n        ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationDisabledButtonBackgroundColor}, var(${\n    tokens.buttonBackgroundColor\n}));\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n        outlineSize: 'var(--plasma_private-btn-outline-size)',\n        outlineRadius: 'var(--plasma_private-btn-br)',\n        outlineColor: `var(${tokens.buttonFocusColor})`,\n    })}\n`;\n\nexport const PaginationShorter = styled(PaginationButton)`\n    ${buttonTokens.buttonWidth}: var(${tokens.buttonWidthShorter});\n    ${buttonTokens.buttonPadding}: 0;\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","mergedButtonGroupConfig","buttonGroupConfig","ButtonGroup","PaginationRoot","styled","name","class","propsAsIs","PaginationPages","PaginationActions","PaginationSection","_exp7","PaginationButtonGroup","_exp44","PaginationButton","_exp100","PaginationShorter"],"mappings":";;;;;AASA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAE5C,IAAMK,uBAAuB,gBAAGJ,WAAW,CAACK,iBAAiB,CAAC,CAAA;AAC9D,IAAMC,WAAW,gBAAGH,SAAS,CAACC,uBAAuB,CAAC,CAAA;AAE/C,IAAMG,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBnC,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKpC,EAAA;AAEM,IAAME,iBAAiB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBtC,EAAA;AAEM,IAAMG,iBAAiB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAAC,IAAAI,KAAA,GA5DgBA,SA4DhBA,KAAAA,GAAA;AAAA,EAAA,OAE0CT,WAAW,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMU,qBAAqB,gBAAGR,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAwB1C,EAAA;AAAC,IAAAM,MAAA,GAtFgBA,SAsFhBA,MAAAA,GAAA;AAAA,EAAA,OAEqCf,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMgB,gBAAgB,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAqDrC,EAAA;AAAC,IAAAQ,OAAA,GA7IgBA,SA6IhBA,OAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGZ,MAAM,CAAAW,OAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC;;;;"}
+{"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { buttonGroupConfig, buttonGroupTokens } from '../ButtonGroup';\nimport { component, mergeConfig } from '../../engines';\nimport { addFocus } from '../../mixins';\n\nimport { classes, tokens } from './Pagination.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nconst mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);\nconst ButtonGroup = component(mergedButtonGroupConfig);\n\nexport const PaginationRoot = styled.div`\n    display: flex;\n    color: var(${tokens.paginationColor});\n\n    &.${classes.compactType} {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n    &.${classes.defaultType} {\n        display: flex;\n        justify-content: space-between;\n        flex: 0 0 100%;\n        gap: 1rem;\n        flex-wrap: wrap;\n    }\n`;\n\nexport const PaginationPages = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n    margin: 0 auto;\n`;\n\nexport const PaginationActions = styled.div`\n    display: flex;\n    justify-content: space-between;\n    flex-grow: 1;\n    gap: 0.625rem;\n    &.${classes.compactType} {\n        flex-direction: row;\n    }\n\n    &.${classes.withHasPerPageSelect} {\n        flex-direction: row-reverse;\n    }\n\n    &.${classes.withHasQuickJump} {\n        flex-direction: row;\n    }\n`;\n\nexport const PaginationSection = styled.div`\n    display: flex;\n    gap: 0.125rem;\n`;\n\nexport const PaginationButtonGroup = styled(ButtonGroup)`\n    ${buttonGroupTokens.buttonColor}: var(${tokens.buttonColor});\n    ${buttonGroupTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n    ${buttonGroupTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n    ${buttonGroupTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n    ${buttonGroupTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n    ${buttonGroupTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n    ${buttonGroupTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n    ${buttonGroupTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n    ${buttonGroupTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n    ${buttonGroupTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n    ${buttonGroupTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n    ${buttonGroupTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n    ${buttonGroupTokens.buttonWidth}: var(${tokens.buttonWidth});\n    ${buttonGroupTokens.buttonHeight}: var(${tokens.buttonHeight});\n\n    ${buttonGroupTokens.buttonDefaultRadius}: var(${tokens.buttonRadius});\n    ${buttonGroupTokens.buttonSideRadius}: var(${tokens.buttonRadius});\n    ${buttonGroupTokens.buttonSegmentedRadius}: var(${tokens.buttonRadius});\n    ${buttonGroupTokens.buttonRadiusCircle}: var(${tokens.buttonRadius});\n`;\n\nexport const PaginationButton = styled(Button)`\n    ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n    ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n\n    ${buttonTokens.buttonColorHover}: var(${tokens.buttonHoverColor});\n    ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n\n    ${buttonTokens.buttonColorActive}: var(${tokens.buttonActiveColor});\n    ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n\n\n    ${buttonTokens.buttonFontFamily}: var(${tokens.paginationFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${tokens.paginationFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${tokens.paginationFontStyle});\n    ${buttonTokens.buttonFontWeight}:var(${tokens.paginationFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${tokens.paginationLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${tokens.paginationLineHeight});\n\n    ${buttonTokens.buttonWidth}: var(${tokens.buttonWidth});\n    ${buttonTokens.buttonHeight}: var(${tokens.buttonHeight});\n    ${buttonTokens.buttonRadius}: var(${tokens.buttonRadius});\n\n    ${buttonTokens.buttonDisabledOpacity}: var(${tokens.buttonDisabledOpacity});\n    ${buttonTokens.buttonFocusColor}: var(${tokens.buttonFocusColor});\n\n    &.${classes.paginationPageButtonActive} {\n        ${buttonTokens.buttonColor}: var(${tokens.paginationCurrentButtonColor});\n        ${buttonTokens.buttonBackgroundColor}: var(${tokens.paginationCurrentButtonBackgroundColor});\n\n        ${buttonTokens.buttonColorHover}: var(${tokens.paginationCurrentButtonHoverColor});\n        ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.paginationCurrentButtonHoverBackgroundColor});\n\n        ${buttonTokens.buttonColorActive}: var(${tokens.paginationCurrentButtonActiveColor});\n        ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.paginationCurrentButtonActiveBackgroundColor});\n    }\n\n    :focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',\n        outlineSize: 'var(--plasma_private-btn-outline-size)',\n        outlineRadius: 'var(--plasma_private-btn-br)',\n        outlineColor: `var(${tokens.buttonFocusColor})`,\n    })}\n`;\n\nexport const PaginationShorter = styled(PaginationButton)`\n    ${buttonTokens.buttonWidth}: var(${tokens.buttonWidthShorter});\n    ${buttonTokens.buttonPadding}: 0;\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","mergedButtonGroupConfig","buttonGroupConfig","ButtonGroup","PaginationRoot","styled","name","class","propsAsIs","PaginationPages","PaginationActions","PaginationSection","_exp7","PaginationButtonGroup","_exp44","PaginationButton","_exp93","PaginationShorter"],"mappings":";;;;;AASA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAE5C,IAAMK,uBAAuB,gBAAGJ,WAAW,CAACK,iBAAiB,CAAC,CAAA;AAC9D,IAAMC,WAAW,gBAAGH,SAAS,CAACC,uBAAuB,CAAC,CAAA;AAE/C,IAAMG,cAAc,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBnC,EAAA;AAEM,IAAMC,eAAe,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKpC,EAAA;AAEM,IAAME,iBAAiB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBtC,EAAA;AAEM,IAAMG,iBAAiB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAAC,IAAAI,KAAA,GA5DgBA,SA4DhBA,KAAAA,GAAA;AAAA,EAAA,OAE0CT,WAAW,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMU,qBAAqB,gBAAGR,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAwB1C,EAAA;AAAC,IAAAM,MAAA,GAtFgBA,SAsFhBA,MAAAA,GAAA;AAAA,EAAA,OAEqCf,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMgB,gBAAgB,gBAAGV,MAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8CrC,EAAA;AAAC,IAAAQ,MAAA,GAtIgBA,SAsIhBA,MAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAGZ,MAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC;;;;"}

package/es/components/Pagination/{Pagination.styles_1w5oej6.css → Pagination.styles_y6gcva.css}

@@ -3,5 +3,5 @@
 .p19axp12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;gap:0.625rem;}.p19axp12.pagination-type-compact{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.p19axp12.pagination-has-perpage-select{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.p19axp12.pagination-has-quick-jump{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
 .p1rlzvhv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
 .pivhg1z{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
-.pshury3{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.pshury3.pagination-page-button-active{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-current-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color-active);}.pshury3.pagination-button-disabled{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.pshury3:focus{outline:none;}.pshury3::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.pshury3.focus-visible:focus::before,.pshury3[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
+.pshury3{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.pshury3.pagination-page-button-active{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-current-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color-active);}.pshury3:focus{outline:none;}.pshury3::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.pshury3.focus-visible:focus::before,.pshury3[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
 .pwlctp1.pshury3{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}

package/es/components/Pagination/Pagination.tokens.js

@@ -11,8 +11,7 @@ var classes = {
   withHasPerPageSelect: 'pagination-has-perpage-select',
   paginationPageButton: 'pagination-page-button',
   paginationPageButtonActive: 'pagination-page-button-active',
-  paginationIconReverse: 'pagination-icon-reverse',
-  buttonDisabled: 'pagination-button-disabled'
+  paginationIconReverse: 'pagination-icon-reverse'
 };
 var tokens = {
   paginationWidth: '--plasma-pagination-width',
@@ -36,8 +35,6 @@ var tokens = {
   paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',
   paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',
   paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',
-  paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',
-  paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',
   buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',
   buttonHeight: '--plasma-pagination-button-height',
   buttonWidthShorter: '--plasma-pagination-button-width-shorter',

package/es/components/Pagination/Pagination.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.tokens.js","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"sourcesContent":["export const classes = {\n    wrapper: 'pagination-wrapper',\n    pages: 'pagination-pages',\n    actions: 'pagination-actions',\n    perPage: 'pagination-perpage-select',\n    quickJump: 'pagination-quick-jump-page',\n\n    selectWrapper: 'pagination-select-wrapper',\n\n    defaultType: 'pagination-type-default',\n    compactType: 'pagination-type-compact',\n\n    withHasQuickJump: 'pagination-has-quick-jump',\n    withHasPerPageSelect: 'pagination-has-perpage-select',\n\n    paginationPageButton: 'pagination-page-button',\n    paginationPageButtonActive: 'pagination-page-button-active',\n\n    paginationIconReverse: 'pagination-icon-reverse',\n    buttonDisabled: 'pagination-button-disabled',\n};\n\nexport const tokens = {\n    paginationWidth: '--plasma-pagination-width',\n    paginationColor: '--plasma-pagination-color',\n\n    buttonBackgroundColor: '--plasma-pagination-button-bg-color',\n    buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',\n    buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',\n    buttonColor: '--plasma-pagination-button-color',\n    buttonColorHover: '--plasma-pagination-button-color-hover',\n    buttonColorActive: '--plasma-pagination-button-color-active',\n    buttonHoverColor: '--plasma-pagination-button-color-hover',\n    buttonActiveColor: '--plasma-pagination--button-color-active',\n    buttonFocusColor: '--plasma-pagination--button-color-focus',\n    buttonArrowColor: '--plasma-pagination--button-arrow-color',\n    buttonArrowColorHover: '--plasma-pagination--button-arrow-color-hover',\n    buttonArrowColorActive: '--plasma-pagination--button-arrow-color-active',\n    buttonArrowMargin: '--plasma-pagination--button-arrow-margin',\n\n    paginationCurrentButtonBackgroundColor: '--plasma-pagination-button-current-bg-color',\n    paginationCurrentButtonColor: '--plasma-pagination-button-current-color',\n    paginationCurrentButtonHoverBackgroundColor: '--plasma-pagination-button-current-bg-color-hover',\n    paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',\n    paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',\n    paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',\n    paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',\n    paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',\n\n    buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',\n\n    buttonHeight: '--plasma-pagination-button-height',\n    buttonWidthShorter: '--plasma-pagination-button-width-shorter',\n    buttonWidth: '--plasma-pagination-button-width',\n    paginationInputWidth: '--plasma-pagination-input-width',\n    buttonRadius: '--plasma-pagination-button-radius',\n    paginationIconSize: '--plasma-pagination-icon-size',\n    paginationIconDoubleSize: '--plasma-pagination-icon-double-size',\n\n    paginationFontFamily: '--plasma-pagination-font-family',\n    paginationFontSize: '--plasma-pagination-font-size',\n    paginationFontStyle: '--plasma-pagination-font-style',\n    paginationFontWeight: '--plasma-pagination-font-weight',\n    paginationLetterSpacing: '--plasma-pagination-letter-spacing',\n    paginationLineHeight: '--plasma-pagination-line-height',\n\n    selectHeight: '--plasma-pagination-select-height',\n    selectPaddingTop: '--plasma-pagination-select-padding-top',\n    selectPaddingRight: '--plasma-pagination-select-padding-right',\n    selectPaddingBottom: '--plasma-pagination-select-padding-bottom',\n    selectPaddingLeft: '--plasma-pagination-select-padding-left',\n    selectBackgroundColor: '--plasma-pagination-select-bg-color',\n\n    selectItemHeight: '--plasma-pagination-select-item-height',\n    selectItemPadding: '--plasma-pagination-select-item-padding',\n    selectItemContentLeftWidth: '--plasma-pagination-select-item-content-left-width',\n    selectItemBackground: '--plasma-pagination-select-item-bg-color',\n\n    selectTargetArrowRight: '--plasma-pagination-select-target-arrow-right',\n    selectTargetPadding: '--plasma-pagination-select-target-padding',\n    selectTargetInnerTop: '--plasma-pagination-select-target-inner-top',\n    selectTargetLabelInnerTop: '--plasma-pagination-select-target-label-inner-top',\n\n    inputBackgroundColor: '--plasma-pagination-input-bg-color',\n    inputColor: '--plasma-pagination-input-color',\n    inputBorderRadius: '--plasma-pagination-input-border-radius',\n    inputWidth: '--plasma-pagination-input-width',\n    inputHeight: '--plasma-pagination-input-height',\n    inputBorderColor: '--plasma-pagination-input-border-color',\n    inputBorderWidth: '--plasma-pagination-input-border-width',\n    inputPadding: '--plasma-pagination-input-padding',\n};\n"],"names":["classes","wrapper","pages","actions","perPage","quickJump","selectWrapper","defaultType","compactType","withHasQuickJump","withHasPerPageSelect","paginationPageButton","paginationPageButtonActive","paginationIconReverse","buttonDisabled","tokens","paginationWidth","paginationColor","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonColor","buttonColorHover","buttonColorActive","buttonHoverColor","buttonActiveColor","buttonFocusColor","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","paginationCurrentButtonBackgroundColor","paginationCurrentButtonColor","paginationCurrentButtonHoverBackgroundColor","paginationCurrentButtonHoverColor","paginationCurrentButtonActiveBackgroundColor","paginationCurrentButtonActiveColor","paginationDisabledButtonColor","paginationDisabledButtonBackgroundColor","buttonDisabledOpacity","buttonHeight","buttonWidthShorter","buttonWidth","paginationInputWidth","buttonRadius","paginationIconSize","paginationIconDoubleSize","paginationFontFamily","paginationFontSize","paginationFontStyle","paginationFontWeight","paginationLetterSpacing","paginationLineHeight","selectHeight","selectPaddingTop","selectPaddingRight","selectPaddingBottom","selectPaddingLeft","selectBackgroundColor","selectItemHeight","selectItemPadding","selectItemContentLeftWidth","selectItemBackground","selectTargetArrowRight","selectTargetPadding","selectTargetInnerTop","selectTargetLabelInnerTop","inputBackgroundColor","inputColor","inputBorderRadius","inputWidth","inputHeight","inputBorderColor","inputBorderWidth","inputPadding"],"mappings":"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"}
+{"version":3,"file":"Pagination.tokens.js","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"sourcesContent":["export const classes = {\n    wrapper: 'pagination-wrapper',\n    pages: 'pagination-pages',\n    actions: 'pagination-actions',\n    perPage: 'pagination-perpage-select',\n    quickJump: 'pagination-quick-jump-page',\n\n    selectWrapper: 'pagination-select-wrapper',\n\n    defaultType: 'pagination-type-default',\n    compactType: 'pagination-type-compact',\n\n    withHasQuickJump: 'pagination-has-quick-jump',\n    withHasPerPageSelect: 'pagination-has-perpage-select',\n\n    paginationPageButton: 'pagination-page-button',\n    paginationPageButtonActive: 'pagination-page-button-active',\n\n    paginationIconReverse: 'pagination-icon-reverse',\n};\n\nexport const tokens = {\n    paginationWidth: '--plasma-pagination-width',\n    paginationColor: '--plasma-pagination-color',\n\n    buttonBackgroundColor: '--plasma-pagination-button-bg-color',\n    buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',\n    buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',\n    buttonColor: '--plasma-pagination-button-color',\n    buttonColorHover: '--plasma-pagination-button-color-hover',\n    buttonColorActive: '--plasma-pagination-button-color-active',\n    buttonHoverColor: '--plasma-pagination-button-color-hover',\n    buttonActiveColor: '--plasma-pagination--button-color-active',\n    buttonFocusColor: '--plasma-pagination--button-color-focus',\n    buttonArrowColor: '--plasma-pagination--button-arrow-color',\n    buttonArrowColorHover: '--plasma-pagination--button-arrow-color-hover',\n    buttonArrowColorActive: '--plasma-pagination--button-arrow-color-active',\n    buttonArrowMargin: '--plasma-pagination--button-arrow-margin',\n\n    paginationCurrentButtonBackgroundColor: '--plasma-pagination-button-current-bg-color',\n    paginationCurrentButtonColor: '--plasma-pagination-button-current-color',\n    paginationCurrentButtonHoverBackgroundColor: '--plasma-pagination-button-current-bg-color-hover',\n    paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',\n    paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',\n    paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',\n\n    buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',\n\n    buttonHeight: '--plasma-pagination-button-height',\n    buttonWidthShorter: '--plasma-pagination-button-width-shorter',\n    buttonWidth: '--plasma-pagination-button-width',\n    paginationInputWidth: '--plasma-pagination-input-width',\n    buttonRadius: '--plasma-pagination-button-radius',\n    paginationIconSize: '--plasma-pagination-icon-size',\n    paginationIconDoubleSize: '--plasma-pagination-icon-double-size',\n\n    paginationFontFamily: '--plasma-pagination-font-family',\n    paginationFontSize: '--plasma-pagination-font-size',\n    paginationFontStyle: '--plasma-pagination-font-style',\n    paginationFontWeight: '--plasma-pagination-font-weight',\n    paginationLetterSpacing: '--plasma-pagination-letter-spacing',\n    paginationLineHeight: '--plasma-pagination-line-height',\n\n    selectHeight: '--plasma-pagination-select-height',\n    selectPaddingTop: '--plasma-pagination-select-padding-top',\n    selectPaddingRight: '--plasma-pagination-select-padding-right',\n    selectPaddingBottom: '--plasma-pagination-select-padding-bottom',\n    selectPaddingLeft: '--plasma-pagination-select-padding-left',\n    selectBackgroundColor: '--plasma-pagination-select-bg-color',\n\n    selectItemHeight: '--plasma-pagination-select-item-height',\n    selectItemPadding: '--plasma-pagination-select-item-padding',\n    selectItemContentLeftWidth: '--plasma-pagination-select-item-content-left-width',\n    selectItemBackground: '--plasma-pagination-select-item-bg-color',\n\n    selectTargetArrowRight: '--plasma-pagination-select-target-arrow-right',\n    selectTargetPadding: '--plasma-pagination-select-target-padding',\n    selectTargetInnerTop: '--plasma-pagination-select-target-inner-top',\n    selectTargetLabelInnerTop: '--plasma-pagination-select-target-label-inner-top',\n\n    inputBackgroundColor: '--plasma-pagination-input-bg-color',\n    inputColor: '--plasma-pagination-input-color',\n    inputBorderRadius: '--plasma-pagination-input-border-radius',\n    inputWidth: '--plasma-pagination-input-width',\n    inputHeight: '--plasma-pagination-input-height',\n    inputBorderColor: '--plasma-pagination-input-border-color',\n    inputBorderWidth: '--plasma-pagination-input-border-width',\n    inputPadding: '--plasma-pagination-input-padding',\n};\n"],"names":["classes","wrapper","pages","actions","perPage","quickJump","selectWrapper","defaultType","compactType","withHasQuickJump","withHasPerPageSelect","paginationPageButton","paginationPageButtonActive","paginationIconReverse","tokens","paginationWidth","paginationColor","buttonBackgroundColor","buttonBackgroundColorHover","buttonBackgroundColorActive","buttonColor","buttonColorHover","buttonColorActive","buttonHoverColor","buttonActiveColor","buttonFocusColor","buttonArrowColor","buttonArrowColorHover","buttonArrowColorActive","buttonArrowMargin","paginationCurrentButtonBackgroundColor","paginationCurrentButtonColor","paginationCurrentButtonHoverBackgroundColor","paginationCurrentButtonHoverColor","paginationCurrentButtonActiveBackgroundColor","paginationCurrentButtonActiveColor","buttonDisabledOpacity","buttonHeight","buttonWidthShorter","buttonWidth","paginationInputWidth","buttonRadius","paginationIconSize","paginationIconDoubleSize","paginationFontFamily","paginationFontSize","paginationFontStyle","paginationFontWeight","paginationLetterSpacing","paginationLineHeight","selectHeight","selectPaddingTop","selectPaddingRight","selectPaddingBottom","selectPaddingLeft","selectBackgroundColor","selectItemHeight","selectItemPadding","selectItemContentLeftWidth","selectItemBackground","selectTargetArrowRight","selectTargetPadding","selectTargetInnerTop","selectTargetLabelInnerTop","inputBackgroundColor","inputColor","inputBorderRadius","inputWidth","inputHeight","inputBorderColor","inputBorderWidth","inputPadding"],"mappings":"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"}

package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css

@@ -106,6 +106,6 @@
 .Select_styles_768h42_ogpldc9__d1d95a37{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-label-font-family);font-size:var(--plasma-select-label-font-size);font-style:var(--plasma-select-label-font-style);font-weight:var(--plasma-select-label-font-weight);-webkit-letter-spacing:var(--plasma-select-label-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-label-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-label-font-letter-spacing);letter-spacing:var(--plasma-select-label-font-letter-spacing);line-height:var(--plasma-select-label-font-line-height);}
 .Select_styles_768h42_h2ef052__d1d95a37{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-select-helper-text-font-family);font-size:var(--plasma-select-helper-text-font-size);font-style:var(--plasma-select-helper-text-font-style);font-weight:var(--plasma-select-helper-text-font-weight);-webkit-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);line-height:var(--plasma-select-helper-text-font-line-height);}
 
-.PaginationSelectPerPage_styles_1fesyfv_s1e57mfu__09044c9e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
-.PaginationSelectPerPage_styles_1fesyfv_s5dck5y__09044c9e{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
-.PaginationSelectPerPage_styles_1fesyfv_squvg2e__09044c9e{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
+.PaginationSelectPerPage_styles_187mk6b_s1e57mfu__a3b3456a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
+.PaginationSelectPerPage_styles_187mk6b_s5dck5y__a3b3456a{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);}
+.PaginationSelectPerPage_styles_187mk6b_squvg2e__a3b3456a{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}

package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js

@@ -17,8 +17,8 @@ var PaginationSelectPerPage = function PaginationSelectPerPage(_ref) {
     listWidth = _ref.listWidth,
     rest = _objectWithoutProperties(_ref, _excluded);
   var handleSelectChange = function handleSelectChange(newValue) {
-    if (newValue) {
-      onChangeValue === null || onChangeValue === void 0 || onChangeValue(Number(newValue));
+    if (newValue && !Array.isArray(newValue) && onChangeValue) {
+      onChangeValue(Number(newValue));
     }
   };
   var transformedList = perPageList.map(function (num) {

package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelectPerPage.js","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.tsx"],"sourcesContent":["import React from 'react';\n\nimport { defaultValues } from '../../utils';\nimport { classes } from '../../Pagination.tokens';\n\nimport type { PaginationSelectPerPageProps } from './PaginationSelectPerPage.types';\nimport { SelectPerPageRoot, SelectPerPageTypography, SelectPerPageSelect } from './PaginationSelectPerPage.styles';\n\nexport const PaginationSelectPerPage: React.FC<PaginationSelectPerPageProps> = ({\n    perPageValue = defaultValues.perPage,\n    perPageList = defaultValues.perPageList,\n    textPerPage = defaultValues.textPerPage,\n    onChangeValue,\n    size,\n    listWidth,\n    ...rest\n}) => {\n    const handleSelectChange = (newValue?: string) => {\n        if (newValue) {\n            onChangeValue?.(Number(newValue));\n        }\n    };\n\n    const transformedList = perPageList.map((num) => ({ label: num.toString(), value: num.toString() }));\n\n    return (\n        <SelectPerPageRoot {...rest}>\n            <SelectPerPageTypography>{textPerPage}</SelectPerPageTypography>\n\n            <SelectPerPageSelect\n                className={classes.selectWrapper}\n                items={transformedList}\n                value={perPageValue.toString()}\n                onChange={handleSelectChange}\n                target=\"button-like\"\n                size={size}\n                listWidth={listWidth}\n            />\n        </SelectPerPageRoot>\n    );\n};\n"],"names":["PaginationSelectPerPage","_ref","_ref$perPageValue","perPageValue","defaultValues","perPage","_ref$perPageList","perPageList","_ref$textPerPage","textPerPage","onChangeValue","size","listWidth","rest","_objectWithoutProperties","_excluded","handleSelectChange","newValue","Number","transformedList","map","num","label","toString","value","React","createElement","SelectPerPageRoot","SelectPerPageTypography","SelectPerPageSelect","className","classes","selectWrapper","items","onChange","target"],"mappings":";;;;;;;IAQaA,uBAA+D,GAAG,SAAlEA,uBAA+DA,CAAAC,IAAA,EAQtE;AAAA,EAAA,IAAAC,iBAAA,GAAAD,IAAA,CAPFE,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAGE,aAAa,CAACC,OAAO,GAAAH,iBAAA;IAAAI,gBAAA,GAAAL,IAAA,CACpCM,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAGF,aAAa,CAACG,WAAW,GAAAD,gBAAA;IAAAE,gBAAA,GAAAP,IAAA,CACvCQ,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAGJ,aAAa,CAACK,WAAW,GAAAD,gBAAA;IACvCE,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACbC,IAAI,GAAAV,IAAA,CAAJU,IAAI;IACJC,SAAS,GAAAX,IAAA,CAATW,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,QAAiB,EAAK;AAC9C,IAAA,IAAIA,QAAQ,EAAE;MACVP,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,IAAAA,aAAa,CAAGQ,MAAM,CAACD,QAAQ,CAAC,CAAC,CAAA;AACrC,KAAA;GACH,CAAA;AAED,EAAA,IAAME,eAAe,GAAGZ,WAAW,CAACa,GAAG,CAAC,UAACC,GAAG,EAAA;IAAA,OAAM;AAAEC,MAAAA,KAAK,EAAED,GAAG,CAACE,QAAQ,EAAE;AAAEC,MAAAA,KAAK,EAAEH,GAAG,CAACE,QAAQ,EAAC;KAAG,CAAA;AAAA,GAAC,CAAC,CAAA;EAEpG,oBACIE,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAKd,IAAI,eACvBY,KAAA,CAAAC,aAAA,CAACE,uBAAuB,QAAEnB,WAAqC,CAAC,eAEhEgB,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;IAChBC,SAAS,EAAEC,OAAO,CAACC,aAAc;AACjCC,IAAAA,KAAK,EAAEd,eAAgB;AACvBK,IAAAA,KAAK,EAAErB,YAAY,CAACoB,QAAQ,EAAG;AAC/BW,IAAAA,QAAQ,EAAElB,kBAAmB;AAC7BmB,IAAAA,MAAM,EAAC,aAAa;AACpBxB,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GACxB,CACc,CAAC,CAAA;AAE5B;;;;"}
+{"version":3,"file":"PaginationSelectPerPage.js","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.tsx"],"sourcesContent":["import React from 'react';\n\nimport { defaultValues } from '../../utils';\nimport { classes } from '../../Pagination.tokens';\n\nimport type { PaginationSelectPerPageProps } from './PaginationSelectPerPage.types';\nimport { SelectPerPageRoot, SelectPerPageTypography, SelectPerPageSelect } from './PaginationSelectPerPage.styles';\n\nexport const PaginationSelectPerPage: React.FC<PaginationSelectPerPageProps> = ({\n    perPageValue = defaultValues.perPage,\n    perPageList = defaultValues.perPageList,\n    textPerPage = defaultValues.textPerPage,\n    onChangeValue,\n    size,\n    listWidth,\n    ...rest\n}) => {\n    const handleSelectChange = (newValue: string | number | Array<string | number>) => {\n        if (newValue && !Array.isArray(newValue) && onChangeValue) {\n            onChangeValue(Number(newValue));\n        }\n    };\n\n    const transformedList = perPageList.map((num) => ({ label: num.toString(), value: num.toString() }));\n\n    return (\n        <SelectPerPageRoot {...rest}>\n            <SelectPerPageTypography>{textPerPage}</SelectPerPageTypography>\n\n            <SelectPerPageSelect\n                className={classes.selectWrapper}\n                items={transformedList}\n                value={perPageValue.toString()}\n                onChange={handleSelectChange}\n                target=\"button-like\"\n                size={size}\n                listWidth={listWidth}\n            />\n        </SelectPerPageRoot>\n    );\n};\n"],"names":["PaginationSelectPerPage","_ref","_ref$perPageValue","perPageValue","defaultValues","perPage","_ref$perPageList","perPageList","_ref$textPerPage","textPerPage","onChangeValue","size","listWidth","rest","_objectWithoutProperties","_excluded","handleSelectChange","newValue","Array","isArray","Number","transformedList","map","num","label","toString","value","React","createElement","SelectPerPageRoot","SelectPerPageTypography","SelectPerPageSelect","className","classes","selectWrapper","items","onChange","target"],"mappings":";;;;;;;IAQaA,uBAA+D,GAAG,SAAlEA,uBAA+DA,CAAAC,IAAA,EAQtE;AAAA,EAAA,IAAAC,iBAAA,GAAAD,IAAA,CAPFE,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAGE,aAAa,CAACC,OAAO,GAAAH,iBAAA;IAAAI,gBAAA,GAAAL,IAAA,CACpCM,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAGF,aAAa,CAACG,WAAW,GAAAD,gBAAA;IAAAE,gBAAA,GAAAP,IAAA,CACvCQ,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAGJ,aAAa,CAACK,WAAW,GAAAD,gBAAA;IACvCE,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACbC,IAAI,GAAAV,IAAA,CAAJU,IAAI;IACJC,SAAS,GAAAX,IAAA,CAATW,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,QAAkD,EAAK;IAC/E,IAAIA,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,IAAIP,aAAa,EAAE;AACvDA,MAAAA,aAAa,CAACU,MAAM,CAACH,QAAQ,CAAC,CAAC,CAAA;AACnC,KAAA;GACH,CAAA;AAED,EAAA,IAAMI,eAAe,GAAGd,WAAW,CAACe,GAAG,CAAC,UAACC,GAAG,EAAA;IAAA,OAAM;AAAEC,MAAAA,KAAK,EAAED,GAAG,CAACE,QAAQ,EAAE;AAAEC,MAAAA,KAAK,EAAEH,GAAG,CAACE,QAAQ,EAAC;KAAG,CAAA;AAAA,GAAC,CAAC,CAAA;EAEpG,oBACIE,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAKhB,IAAI,eACvBc,KAAA,CAAAC,aAAA,CAACE,uBAAuB,QAAErB,WAAqC,CAAC,eAEhEkB,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;IAChBC,SAAS,EAAEC,OAAO,CAACC,aAAc;AACjCC,IAAAA,KAAK,EAAEd,eAAgB;AACvBK,IAAAA,KAAK,EAAEvB,YAAY,CAACsB,QAAQ,EAAG;AAC/BW,IAAAA,QAAQ,EAAEpB,kBAAmB;AAC7BqB,IAAAA,MAAM,EAAC,aAAa;AACpB1B,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GACxB,CACc,CAAC,CAAA;AAE5B;;;;"}

package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js

@@ -1,4 +1,4 @@
-import './PaginationSelectPerPage.styles_1fesyfv.css';
+import './PaginationSelectPerPage.styles_187mk6b.css';
 import { styled } from '@linaria/react';
 import { component, mergeConfig } from '../../../../engines/common.js';
 import { selectConfig } from '../../../Select/Select.js';

package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelectPerPage.styles.js","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { selectConfig, selectTokens } from '../../../Select';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../Pagination.tokens';\n\nconst mergedSelectConfig = mergeConfig(selectConfig);\nconst Select = component(mergedSelectConfig);\n\nexport const SelectPerPageRoot = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const SelectPerPageSelect = styled(Select)`\n    ${selectTokens.targetButtonColor}: var(${tokens.buttonColor});\n    ${selectTokens.targetButtonColorHover}: var(${tokens.buttonColorHover});\n    ${selectTokens.targetButtonColorActive}: var(${tokens.buttonColorActive});\n    ${selectTokens.targetButtonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n    ${selectTokens.targetButtonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n    ${selectTokens.targetButtonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n    ${selectTokens.targetHeight}: var(${tokens.buttonHeight});\n    ${selectTokens.targetButtonPadding}: var(${tokens.selectTargetPadding});\n    ${selectTokens.borderRadius}: var(${tokens.buttonRadius});\n    ${selectTokens.targetButtonArrowColor}: var(${tokens.buttonArrowColor});\n    ${selectTokens.targetButtonArrowColorHover}: var(${tokens.buttonArrowColorHover});\n    ${selectTokens.targetButtonArrowColorActive}: var(${tokens.buttonArrowColorActive});\n    ${selectTokens.targetButtonArrowMargin}: var(${tokens.buttonArrowMargin});\n\n    ${selectTokens.padding}: 0.125rem;\n    ${selectTokens.focusOffset}: 0.125rem;\n    ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n    ${selectTokens.itemBorderRadius}: calc(var(${tokens.buttonRadius}) - 0.125rem);\n    ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n    ${selectTokens.itemIconSize}: 1.5rem;\n    ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n\n    ${selectTokens.fontFamily}: var(${tokens.paginationFontFamily});\n    ${selectTokens.fontSize}: var(${tokens.paginationFontSize});\n    ${selectTokens.fontStyle}: var(${tokens.paginationFontStyle});\n    ${selectTokens.fontWeight}: var(${tokens.paginationFontWeight});\n    ${selectTokens.fontLetterSpacing}: var(${tokens.paginationLetterSpacing});\n    ${selectTokens.fontLineHeight}: var(${tokens.paginationLineHeight});\n`;\n\nexport const SelectPerPageTypography = styled.div`\n    font-family: var(${tokens.paginationFontFamily});\n    font-size: var(${tokens.paginationFontSize});\n    font-style: var(${tokens.paginationFontStyle});\n    font-weight: var(${tokens.paginationFontWeight});\n    letter-spacing: var(${tokens.paginationLetterSpacing});\n    line-height: var(${tokens.paginationLineHeight});\n`;\n"],"names":["mergedSelectConfig","mergeConfig","selectConfig","Select","component","SelectPerPageRoot","styled","name","class","propsAsIs","_exp","SelectPerPageSelect","SelectPerPageTypography"],"mappings":";;;;AAMA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,IAAAC,IAAA,GAZgBA,SAYhBA,IAAAA,GAAA;AAAA,EAAA,OAEwCP,MAAM,CAAA;AAAA,CAAA,CAAA;AAAzC,IAAMQ,mBAAmB,gBAAGL,MAAM,CAAAI,IAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA6BxC,EAAA;AAEM,IAAMG,uBAAuB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO5C;;;;"}
+{"version":3,"file":"PaginationSelectPerPage.styles.js","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { selectConfig, selectTokens } from '../../../Select';\nimport { component, mergeConfig } from '../../../../engines';\nimport { tokens } from '../../Pagination.tokens';\n\nconst mergedSelectConfig = mergeConfig(selectConfig);\nconst Select = component(mergedSelectConfig);\n\nexport const SelectPerPageRoot = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n`;\n\nexport const SelectPerPageSelect = styled(Select)`\n    ${selectTokens.targetButtonColor}: var(${tokens.buttonColor});\n    ${selectTokens.targetButtonColorHover}: var(${tokens.buttonColorHover});\n    ${selectTokens.targetButtonColorActive}: var(${tokens.buttonColorActive});\n    ${selectTokens.targetButtonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n    ${selectTokens.targetButtonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n    ${selectTokens.targetButtonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n    ${selectTokens.targetHeight}: var(${tokens.buttonHeight});\n    ${selectTokens.targetButtonPadding}: var(${tokens.selectTargetPadding});\n    ${selectTokens.borderRadius}: var(${tokens.buttonRadius});\n    ${selectTokens.targetButtonArrowColor}: var(${tokens.buttonArrowColor});\n    ${selectTokens.targetButtonArrowColorHover}: var(${tokens.buttonArrowColorHover});\n    ${selectTokens.targetButtonArrowColorActive}: var(${tokens.buttonArrowColorActive});\n    ${selectTokens.targetButtonArrowMargin}: var(${tokens.buttonArrowMargin});\n\n    ${selectTokens.padding}: 0.125rem;\n    ${selectTokens.focusOffset}: 0.125rem;\n    ${selectTokens.itemPadding}: var(${tokens.selectItemPadding});\n    ${selectTokens.itemBorderRadius}: calc(var(${tokens.buttonRadius}) - 0.125rem);\n    ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n    ${selectTokens.itemIconSize}: 1.5rem;\n    ${selectTokens.itemHeight}: var(${tokens.selectItemHeight});\n`;\n\nexport const SelectPerPageTypography = styled.div`\n    font-family: var(${tokens.paginationFontFamily});\n    font-size: var(${tokens.paginationFontSize});\n    font-style: var(${tokens.paginationFontStyle});\n    font-weight: var(${tokens.paginationFontWeight});\n    letter-spacing: var(${tokens.paginationLetterSpacing});\n    line-height: var(${tokens.paginationLineHeight});\n`;\n"],"names":["mergedSelectConfig","mergeConfig","selectConfig","Select","component","SelectPerPageRoot","styled","name","class","propsAsIs","_exp","SelectPerPageSelect","SelectPerPageTypography"],"mappings":";;;;AAMA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,IAAAC,IAAA,GAZgBA,SAYhBA,IAAAA,GAAA;AAAA,EAAA,OAEwCP,MAAM,CAAA;AAAA,CAAA,CAAA;AAAzC,IAAMQ,mBAAmB,gBAAGL,MAAM,CAAAI,IAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsBxC,EAAA;AAEM,IAAMG,uBAAuB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO5C;;;;"}

package/es/components/Pagination/ui/PaginationSelectPerPage/{PaginationSelectPerPage.styles_1fesyfv.css → PaginationSelectPerPage.styles_187mk6b.css}

@@ -1,3 +1,3 @@
 .s1e57mfu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
-.s5dck5y{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
+.s5dck5y{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);}
 .squvg2e{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}

package/es/components/Select/Select.js

@@ -1,11 +1,12 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useMemo, useReducer, useLayoutEffect, createContext } from 'react';
+import React, { forwardRef, useMemo, useReducer, useState, useLayoutEffect, createContext } from 'react';
 import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
 import { usePathMaps } from './hooks/usePathMaps.js';
 import { OuterLabel, StyledPopover, Ul, HelperText, base } from './Select.styles.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { initialItemsTransform } from './utils/initialItemsTransform.js';
+import { getInitialValue } from './utils/getInitialValue.js';
 import { pathReducer } from './reducers/pathReducer.js';
 import { focusedPathReducer } from './reducers/focusedPathReducer.js';
 import { focusedChipIndexReducer } from './reducers/focusedChipIndexReducer.js';
@@ -15,9 +16,9 @@ import { updateDescendants } from './utils/updateDescendants.js';
 import { updateAncestors } from './utils/updateAncestors.js';
 import { updateSingleAncestors } from './utils/updateSingleAncestors.js';
 import { getView } from './utils/getView.js';
+import { getPlacements } from '../../utils/getPopoverPlacement.js';
 import { Target } from './ui/Target/Target.js';
 import { Inner } from './ui/Inner/Inner.js';
-import { getPlacements } from '../../utils/getPopoverPlacement.js';
 
 var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect"];
 var Context = /*#__PURE__*/createContext({});
@@ -58,17 +59,6 @@ var selectRoot = function selectRoot(Root) {
       onItemSelect = props.onItemSelect,
       outerCloseAfterSelect = props.closeAfterSelect,
       rest = _objectWithoutProperties(props, _excluded);
-    var _useState = useState(outerValue || props.multiselect ? [] : ''),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalValue = _useState2[0],
-      setInternalValue = _useState2[1];
-    var value = outerValue || internalValue;
-    var onChange = function onChange(e) {
-      if (outerOnChange) {
-        outerOnChange(e);
-      }
-      setInternalValue(e);
-    };
     var transformedItems = useMemo(function () {
       return initialItemsTransform(items || []);
     }, [items]);
@@ -78,6 +68,12 @@ var selectRoot = function selectRoot(Root) {
       focusedToValueMap = _usePathMaps2[1],
       valueToCheckedMap = _usePathMaps2[2],
       valueToItemMap = _usePathMaps2[3];
+    var value = getInitialValue(outerValue, valueToItemMap);
+    var onChange = function onChange(e) {
+      if (outerOnChange) {
+        outerOnChange(e);
+      }
+    };
     var _useReducer = useReducer(pathReducer, []),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       path = _useReducer2[0],
@@ -90,10 +86,10 @@ var selectRoot = function selectRoot(Root) {
       _useReducer6 = _slicedToArray(_useReducer5, 2),
       focusedChipIndex = _useReducer6[0],
       dispatchFocusedChipIndex = _useReducer6[1];
-    var _useState3 = useState(valueToCheckedMap),
-      _useState4 = _slicedToArray(_useState3, 2),
-      checked = _useState4[0],
-      setChecked = _useState4[1];
+    var _useState = useState(valueToCheckedMap),
+      _useState2 = _slicedToArray(_useState, 2),
+      checked = _useState2[0],
+      setChecked = _useState2[1];
     var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
     var targetRef = useOutsideClick(function () {
       if (focusedChipIndex != null) {
@@ -159,15 +155,7 @@ var selectRoot = function selectRoot(Root) {
         if (e) {
           e.stopPropagation();
         }
-        var checkedCopy = new Map(checked);
-        var isCurrentChecked = checkedCopy.get(item.value);
-        checkedCopy.forEach(function (_, key) {
-          checkedCopy.set(key, false);
-        });
-        if (!isCurrentChecked) {
-          checkedCopy.set(item.value, 'done');
-          updateSingleAncestors(item, checkedCopy, 'dot');
-        }
+        var isCurrentChecked = checked.get(item.value);
         if (closeAfterSelect) {
           dispatchPath({
             type: 'reset'
@@ -239,7 +227,7 @@ var selectRoot = function selectRoot(Root) {
         }
       }
       setChecked(checkedCopy);
-    }, [value]);
+    }, [outerValue, items]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref,
       size: size,