@salutejs/plasma-new-hope 0.324.1-canary.1988.15209032570.0 → 0.325.0-canary.1715.15255555914.0

package/es/components/Note/Note.styles.js

@@ -1,6 +1,11 @@
-import './Note.styles_178qpj9.css';
+import './Note.styles_thpfhk.css';
 import { styled } from '@linaria/react';
+import { tokens } from './Note.tokens.js';
+import { component, mergeConfig } from '../../engines/common.js';
+import { buttonConfig } from '../Button/Button.js';
 
+var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
+var Button = /*#__PURE__*/component(mergedButtonConfig);
 var base = "b1eqam57";
 var ContentBefore = /*#__PURE__*/styled('div')({
   name: "ContentBefore",
@@ -12,10 +17,19 @@ var ContentWrapper = /*#__PURE__*/styled('div')({
   "class": "cendmch",
   propsAsIs: false
 });
+var _exp = function _exp() {
+  return function (_ref) {
+    var hasClose = _ref.hasClose;
+    return hasClose ? "var(".concat(tokens.titlePaddingRight, ")") : 0;
+  };
+};
 var Title = /*#__PURE__*/styled('div')({
   name: "Title",
   "class": "t1wkjxug",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "t1wkjxug-0": [/*#__PURE__*/_exp()]
+  }
 });
 var TitleHelper = /*#__PURE__*/styled('div')({
   name: "TitleHelper",
@@ -32,6 +46,14 @@ var TextHelper = /*#__PURE__*/styled('span')({
   "class": "tf1lafs",
   propsAsIs: false
 });
+var _exp2 = function _exp2() {
+  return Button;
+};
+var CloseIconWrapper = /*#__PURE__*/styled(_exp2())({
+  name: "CloseIconWrapper",
+  "class": "cvkhqd3",
+  propsAsIs: true
+});
 
-export { ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper, base };
+export { CloseIconWrapper, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper, base };
 //# sourceMappingURL=Note.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Note.styles.js","sources":["../../../src/components/Note/Note.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    box-sizing: border-box;\n`;\n\nexport const ContentBefore = styled.div`\n    display: flex;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n`;\n\nexport const Title = styled.div``;\nexport const TitleHelper = styled.div`\n    visibility: hidden;\n    position: absolute;\n    z-index: -9999;\n    opacity: 0;\n`;\n\nexport const Text = styled.span`\n    display: block;\n    position: relative;\n`;\nexport const TextHelper = styled.span`\n    visibility: hidden;\n    position: absolute;\n    z-index: -9999;\n    opacity: 0;\n    top: 0;\n    left: 0;\n`;\n"],"names":["base","ContentBefore","styled","name","class","propsAsIs","ContentWrapper","Title","TitleHelper","Text","TextHelper"],"mappings":";;AAGO,IAAMA,IAAI,GAIhB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAInC,EAAA;AAEM,IAAME,KAAK,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAC1B,IAAMG,WAAW,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMI,IAAI,gBAAGP,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzB,EAAA;AACM,IAAMK,UAAU,gBAAGR,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B;;;;"}
+{"version":3,"file":"Note.styles.js","sources":["../../../src/components/Note/Note.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { buttonConfig } from '../Button';\n\nimport { tokens } from './Note.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    box-sizing: border-box;\n`;\n\nexport const ContentBefore = styled.div`\n    display: flex;\n`;\n\nexport const ContentWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n`;\n\nexport const Title = styled.div<{ hasClose?: boolean }>`\n    padding-right: ${({ hasClose }) => (hasClose ? `var(${tokens.titlePaddingRight})` : 0)};\n    box-sizing: border-box;\n`;\n\nexport const TitleHelper = styled.div`\n    visibility: hidden;\n    position: absolute;\n    z-index: -9999;\n    opacity: 0;\n`;\n\nexport const Text = styled.span`\n    display: block;\n    position: relative;\n`;\nexport const TextHelper = styled.span`\n    visibility: hidden;\n    position: absolute;\n    z-index: -9999;\n    opacity: 0;\n    top: 0;\n    left: 0;\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n    position: absolute;\n    right: var(${tokens.closeIconRight});\n    top: var(${tokens.closeIconTop});\n    width: var(${tokens.closeIconButtonSize});\n    height: var(${tokens.closeIconButtonSize});\n\n    color: var(${tokens.closeIconColor});\n\n    :hover {\n        color: var(${tokens.closeIconColorOnHover});\n    }\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","base","ContentBefore","styled","name","class","propsAsIs","ContentWrapper","_exp","_ref","hasClose","concat","tokens","titlePaddingRight","Title","vars","TitleHelper","Text","TextHelper","_exp2","CloseIconWrapper"],"mappings":";;;;;AAQA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAErC,IAAMK,IAAI,GAIhB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAInC,EAAA;AAAC,IAAAE,IAAA,GAxBgBA,SAwBhBA,IAAAA,GAAA;AAAA,EAAA,OAGmB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;IAAAA,OAAgBA,QAAQ,UAAAC,MAAA,CAAUC,MAAM,CAACC,iBAAiB,SAAM,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADnF,IAAMC,KAAK,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACNP,IAAqE,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzF,EAAA;AAEM,IAAMQ,WAAW,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMW,IAAI,gBAAGd,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzB,EAAA;AACM,IAAMY,UAAU,gBAAGf,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B,EAAA;AAAC,IAAAa,KAAA,GAjDgBA,SAiDhBA,KAAAA,GAAA;AAAA,EAAA,OAEqCpB,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMqB,gBAAgB,gBAAGjB,MAAM,CAAAgB,KAAA,EAAA,CAAA,CAAA;AAAAf,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYrC;;;;"}

package/es/components/Note/{Note.styles_178qpj9.css → Note.styles_thpfhk.css}

@@ -1,7 +1,8 @@
 .b1eqam57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .c1i6bkpn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 .cendmch{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;}
-
+.t1wkjxug{padding-right:var(--t1wkjxug-0);box-sizing:border-box;}
 .te86upw{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
 .t1kp0wa7{display:block;position:relative;}
 .tf1lafs{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}
+.cvkhqd3{position:absolute;right:var(--plasma-note-close-icon-right);top:var(--plasma-note-close-icon-top);width:var(--plasma-note-close-icon-button-size);height:var(--plasma-note-close-icon-button-size);color:var(--plasma-note-close-icon-color);}.cvkhqd3:hover{color:var(--plasma-note-close-icon-color-on-hover);}

package/es/components/Note/Note.tokens.js

@@ -1,5 +1,6 @@
 var classes = {
   stretch: 'note-stretch',
+  closeIcon: 'note-close-icon',
   contentAlignCenter: 'note-content-align-center'
 };
 var privateTokens = {
@@ -26,12 +27,19 @@ var tokens = {
   titleFontWeight: '--plasma-note-title-font-weight',
   titleLetterSpacing: '--plasma-note-title-letter-spacing',
   titleLineHeight: '--plasma-note-title-line-height',
+  titlePaddingRight: '--plasma-note-title-padding-right',
   textFontFamily: '--plasma-note-text-font-family',
   textFontSize: '--plasma-note-text-font-size',
   textFontStyle: '--plasma-note-text-font-style',
   textFontWeight: '--plasma-note-text-font-weight',
   textLetterSpacing: '--plasma-note-text-letter-spacing',
-  textLineHeight: '--plasma-note-text-line-height'
+  textLineHeight: '--plasma-note-text-line-height',
+  closeIconTop: '--plasma-note-close-icon-top',
+  closeIconRight: '--plasma-note-close-icon-right',
+  closeIconColor: '--plasma-note-close-icon-color',
+  closeIconColorOnHover: '--plasma-note-close-icon-color-on-hover',
+  closeIconSize: '--plasma-note-close-icon-size',
+  closeIconButtonSize: '--plasma-note-close-icon-button-size'
 };
 
 export { classes, privateTokens, tokens };

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

@@ -1 +1 @@
-{"version":3,"file":"Note.tokens.js","sources":["../../../src/components/Note/Note.tokens.ts"],"sourcesContent":["export const classes = {\n    stretch: 'note-stretch',\n    contentAlignCenter: 'note-content-align-center',\n};\n\nexport const privateTokens = {\n    width: '--plasma_private-note-width',\n    height: '--plasma_private-note-height',\n    contentWidthWithOffset: '--plasma_private-note-content-width-with-offset',\n};\n\nexport const tokens = {\n    background: '--plasma-note-background',\n    color: '--plasma-note-color',\n    contentBeforeColor: '--plasma-note-content-before-color',\n\n    padding: '--plasma-note-padding',\n    paddingScalable: '--plasma-note-padding-scalable',\n    borderRadius: '--plasma-note-border-radius',\n    gap: '--plasma-note-gap',\n    gapScalable: '--plasma-note-gap-scalable',\n    contentGap: '--plasma-note-content-gap',\n\n    fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',\n    fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',\n    fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',\n\n    titleFontFamily: '--plasma-note-title-font-family',\n    titleFontSize: '--plasma-note-title-font-size',\n    titleFontStyle: '--plasma-note-title-font-style',\n    titleFontWeight: '--plasma-note-title-font-weight',\n    titleLetterSpacing: '--plasma-note-title-letter-spacing',\n    titleLineHeight: '--plasma-note-title-line-height',\n\n    textFontFamily: '--plasma-note-text-font-family',\n    textFontSize: '--plasma-note-text-font-size',\n    textFontStyle: '--plasma-note-text-font-style',\n    textFontWeight: '--plasma-note-text-font-weight',\n    textLetterSpacing: '--plasma-note-text-letter-spacing',\n    textLineHeight: '--plasma-note-text-line-height',\n};\n"],"names":["classes","stretch","contentAlignCenter","privateTokens","width","height","contentWidthWithOffset","tokens","background","color","contentBeforeColor","padding","paddingScalable","borderRadius","gap","gapScalable","contentGap","fixedContentBeforeWidth","fixedContentBeforeHeight","fixedContentBeforePadding","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","textFontFamily","textFontSize","textFontStyle","textFontWeight","textLetterSpacing","textLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,kBAAkB,EAAE,2BAAA;AACxB,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,KAAK,EAAE,6BAA6B;AACpCC,EAAAA,MAAM,EAAE,8BAA8B;AACtCC,EAAAA,sBAAsB,EAAE,iDAAA;AAC5B,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,kBAAkB,EAAE,oCAAoC;AAExDC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,GAAG,EAAE,mBAAmB;AACxBC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AAEvEC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,eAAe,EAAE,iCAAiC;AAElDC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,cAAc,EAAE,gCAAA;AACpB;;;;"}
+{"version":3,"file":"Note.tokens.js","sources":["../../../src/components/Note/Note.tokens.ts"],"sourcesContent":["export const classes = {\n    stretch: 'note-stretch',\n    closeIcon: 'note-close-icon',\n    contentAlignCenter: 'note-content-align-center',\n};\n\nexport const privateTokens = {\n    width: '--plasma_private-note-width',\n    height: '--plasma_private-note-height',\n    contentWidthWithOffset: '--plasma_private-note-content-width-with-offset',\n};\n\nexport const tokens = {\n    background: '--plasma-note-background',\n    color: '--plasma-note-color',\n    contentBeforeColor: '--plasma-note-content-before-color',\n\n    padding: '--plasma-note-padding',\n    paddingScalable: '--plasma-note-padding-scalable',\n    borderRadius: '--plasma-note-border-radius',\n    gap: '--plasma-note-gap',\n    gapScalable: '--plasma-note-gap-scalable',\n    contentGap: '--plasma-note-content-gap',\n\n    fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',\n    fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',\n    fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',\n\n    titleFontFamily: '--plasma-note-title-font-family',\n    titleFontSize: '--plasma-note-title-font-size',\n    titleFontStyle: '--plasma-note-title-font-style',\n    titleFontWeight: '--plasma-note-title-font-weight',\n    titleLetterSpacing: '--plasma-note-title-letter-spacing',\n    titleLineHeight: '--plasma-note-title-line-height',\n    titlePaddingRight: '--plasma-note-title-padding-right',\n\n    textFontFamily: '--plasma-note-text-font-family',\n    textFontSize: '--plasma-note-text-font-size',\n    textFontStyle: '--plasma-note-text-font-style',\n    textFontWeight: '--plasma-note-text-font-weight',\n    textLetterSpacing: '--plasma-note-text-letter-spacing',\n    textLineHeight: '--plasma-note-text-line-height',\n\n    closeIconTop: '--plasma-note-close-icon-top',\n    closeIconRight: '--plasma-note-close-icon-right',\n    closeIconColor: '--plasma-note-close-icon-color',\n    closeIconColorOnHover: '--plasma-note-close-icon-color-on-hover',\n    closeIconSize: '--plasma-note-close-icon-size',\n    closeIconButtonSize: '--plasma-note-close-icon-button-size',\n};\n"],"names":["classes","stretch","closeIcon","contentAlignCenter","privateTokens","width","height","contentWidthWithOffset","tokens","background","color","contentBeforeColor","padding","paddingScalable","borderRadius","gap","gapScalable","contentGap","fixedContentBeforeWidth","fixedContentBeforeHeight","fixedContentBeforePadding","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","titlePaddingRight","textFontFamily","textFontSize","textFontStyle","textFontWeight","textLetterSpacing","textLineHeight","closeIconTop","closeIconRight","closeIconColor","closeIconColorOnHover","closeIconSize","closeIconButtonSize"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,SAAS,EAAE,iBAAiB;AAC5BC,EAAAA,kBAAkB,EAAE,2BAAA;AACxB,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,KAAK,EAAE,6BAA6B;AACpCC,EAAAA,MAAM,EAAE,8BAA8B;AACtCC,EAAAA,sBAAsB,EAAE,iDAAA;AAC5B,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,kBAAkB,EAAE,oCAAoC;AAExDC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,GAAG,EAAE,mBAAmB;AACxBC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AAEvCC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AAEvEC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,iBAAiB,EAAE,mCAAmC;AAEtDC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,cAAc,EAAE,gCAAgC;AAEhDC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,mBAAmB,EAAE,sCAAA;AACzB;;;;"}

package/es/components/NumberFormat/NumberFormat.js

@@ -19,13 +19,18 @@ var composeNumberFormat = function composeNumberFormat(InputComponent) {
         onChange(changeEvent, values);
       }
     };
+    var InputComponentWithoutEllipsis = /*#__PURE__*/forwardRef(function (props, ref) {
+      return /*#__PURE__*/React.createElement(InputComponent, _extends({
+        ref: ref,
+        _textEllipsisDisable: true
+      }, props));
+    });
     return /*#__PURE__*/React.createElement(NumericFormat, _extends({
       thousandSeparator: thousandSeparator,
       decimalScale: decimalScale,
       decimalSeparator: decimalSeparator,
-      customInput: InputComponent,
+      customInput: InputComponentWithoutEllipsis,
       getInputRef: outerRef,
-      _textEllipsisDisable: true,
       onValueChange: handleChangeValue
     }, rest));
   });

package/es/components/NumberFormat/NumberFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFormat.js","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { ChangeEvent, FC } from 'react';\nimport { NumericFormat } from 'react-number-format';\nimport type { NumberFormatValues, SourceInfo } from 'react-number-format';\n\nimport type {\n    CustomNumberFormatProps,\n    CustomNumericFormatProps,\n    InputComponentOmittedProps,\n} from './NumberFormat.types';\n\nexport const composeNumberFormat = <T extends InputComponentOmittedProps>(InputComponent: FC<T>) => {\n    return forwardRef<HTMLInputElement, T & CustomNumberFormatProps & CustomNumericFormatProps>(\n        ({ thousandSeparator = ' ', decimalScale = 3, decimalSeparator = '.', onChange, ...rest }, outerRef) => {\n            const handleChangeValue = (values: NumberFormatValues, sourceInfo: SourceInfo) => {\n                if (onChange) {\n                    const changeEvent = sourceInfo.event as ChangeEvent<HTMLInputElement>;\n                    onChange(changeEvent, values);\n                }\n            };\n\n            return (\n                <NumericFormat\n                    thousandSeparator={thousandSeparator}\n                    decimalScale={decimalScale}\n                    decimalSeparator={decimalSeparator}\n                    customInput={InputComponent}\n                    getInputRef={outerRef}\n                    _textEllipsisDisable\n                    onValueChange={handleChangeValue}\n                    {...rest}\n                />\n            );\n        },\n    );\n};\n"],"names":["composeNumberFormat","InputComponent","forwardRef","_ref","outerRef","_ref$thousandSeparato","thousandSeparator","_ref$decimalScale","decimalScale","_ref$decimalSeparator","decimalSeparator","onChange","rest","_objectWithoutProperties","_excluded","handleChangeValue","values","sourceInfo","changeEvent","event","React","createElement","NumericFormat","_extends","customInput","getInputRef","_textEllipsisDisable","onValueChange"],"mappings":";;;;;IAWaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAA0CC,cAAqB,EAAK;AAChG,EAAA,oBAAOC,UAAU,CACb,UAAAC,IAAA,EAA2FC,QAAQ,EAAK;AAAA,IAAA,IAAAC,qBAAA,GAAAF,IAAA,CAArGG,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,qBAAA;MAAAE,iBAAA,GAAAJ,IAAA,CAAEK,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA;MAAAE,qBAAA,GAAAN,IAAA,CAAEO,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,qBAAA;MAAEE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;IACnF,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAA0B,EAAEC,UAAsB,EAAK;AAC9E,MAAA,IAAIN,QAAQ,EAAE;AACV,QAAA,IAAMO,WAAW,GAAGD,UAAU,CAACE,KAAsC,CAAA;AACrER,QAAAA,QAAQ,CAACO,WAAW,EAAEF,MAAM,CAAC,CAAA;AACjC,OAAA;KACH,CAAA;AAED,IAAA,oBACII,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAAC,QAAA,CAAA;AACVjB,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCE,MAAAA,YAAY,EAAEA,YAAa;AAC3BE,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCc,MAAAA,WAAW,EAAEvB,cAAe;AAC5BwB,MAAAA,WAAW,EAAErB,QAAS;MACtBsB,oBAAoB,EAAA,IAAA;AACpBC,MAAAA,aAAa,EAAEZ,iBAAAA;KACXH,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,GACJ,CAAC,CAAA;AACL;;;;"}
+{"version":3,"file":"NumberFormat.js","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { ChangeEvent, FC } from 'react';\nimport { NumericFormat } from 'react-number-format';\nimport type { NumberFormatValues, SourceInfo } from 'react-number-format';\n\nimport type {\n    CustomNumberFormatProps,\n    CustomNumericFormatProps,\n    InputComponentOmittedProps,\n} from './NumberFormat.types';\n\nexport const composeNumberFormat = <T extends InputComponentOmittedProps>(InputComponent: FC<T>) => {\n    return forwardRef<HTMLInputElement, T & CustomNumberFormatProps & CustomNumericFormatProps>(\n        ({ thousandSeparator = ' ', decimalScale = 3, decimalSeparator = '.', onChange, ...rest }, outerRef) => {\n            const handleChangeValue = (values: NumberFormatValues, sourceInfo: SourceInfo) => {\n                if (onChange) {\n                    const changeEvent = sourceInfo.event as ChangeEvent<HTMLInputElement>;\n                    onChange(changeEvent, values);\n                }\n            };\n\n            const InputComponentWithoutEllipsis = forwardRef((props: T, ref) => {\n                return <InputComponent ref={ref} _textEllipsisDisable {...props} />;\n            });\n\n            return (\n                <NumericFormat\n                    thousandSeparator={thousandSeparator}\n                    decimalScale={decimalScale}\n                    decimalSeparator={decimalSeparator}\n                    customInput={InputComponentWithoutEllipsis}\n                    getInputRef={outerRef}\n                    onValueChange={handleChangeValue}\n                    {...rest}\n                />\n            );\n        },\n    );\n};\n"],"names":["composeNumberFormat","InputComponent","forwardRef","_ref","outerRef","_ref$thousandSeparato","thousandSeparator","_ref$decimalScale","decimalScale","_ref$decimalSeparator","decimalSeparator","onChange","rest","_objectWithoutProperties","_excluded","handleChangeValue","values","sourceInfo","changeEvent","event","InputComponentWithoutEllipsis","props","ref","React","createElement","_extends","_textEllipsisDisable","NumericFormat","customInput","getInputRef","onValueChange"],"mappings":";;;;;IAWaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAA0CC,cAAqB,EAAK;AAChG,EAAA,oBAAOC,UAAU,CACb,UAAAC,IAAA,EAA2FC,QAAQ,EAAK;AAAA,IAAA,IAAAC,qBAAA,GAAAF,IAAA,CAArGG,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,qBAAA;MAAAE,iBAAA,GAAAJ,IAAA,CAAEK,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA;MAAAE,qBAAA,GAAAN,IAAA,CAAEO,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,qBAAA;MAAEE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;IACnF,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAA0B,EAAEC,UAAsB,EAAK;AAC9E,MAAA,IAAIN,QAAQ,EAAE;AACV,QAAA,IAAMO,WAAW,GAAGD,UAAU,CAACE,KAAsC,CAAA;AACrER,QAAAA,QAAQ,CAACO,WAAW,EAAEF,MAAM,CAAC,CAAA;AACjC,OAAA;KACH,CAAA;IAED,IAAMI,6BAA6B,gBAAGlB,UAAU,CAAC,UAACmB,KAAQ,EAAEC,GAAG,EAAK;AAChE,MAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACvB,cAAc,EAAAwB,QAAA,CAAA;AAACH,QAAAA,GAAG,EAAEA,GAAI;QAACI,oBAAoB,EAAA,IAAA;OAAKL,EAAAA,KAAK,CAAG,CAAC,CAAA;AACvE,KAAC,CAAC,CAAA;AAEF,IAAA,oBACIE,KAAA,CAAAC,aAAA,CAACG,aAAa,EAAAF,QAAA,CAAA;AACVnB,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCE,MAAAA,YAAY,EAAEA,YAAa;AAC3BE,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCkB,MAAAA,WAAW,EAAER,6BAA8B;AAC3CS,MAAAA,WAAW,EAAEzB,QAAS;AACtB0B,MAAAA,aAAa,EAAEf,iBAAAA;KACXH,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,GACJ,CAAC,CAAA;AACL;;;;"}

package/es/components/PaginationDots/PaginationDot.js

@@ -0,0 +1,54 @@
+import './PaginationDot_baul9c.css';
+import { styled } from '@linaria/react';
+
+/**
+ * Элемент пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+var _exp = function _exp() {
+  return function (_ref) {
+    var isActive = _ref.isActive;
+    return isActive ? '1.75rem' : '0.375rem';
+  };
+};
+var _exp2 = function _exp2() {
+  return function (_ref2) {
+    var isActive = _ref2.isActive;
+    return isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)';
+  };
+};
+var DotBase = /*#__PURE__*/styled('li')({
+  name: "DotBase",
+  "class": "d1mcs0w2",
+  propsAsIs: false,
+  vars: {
+    "d1mcs0w2-0": [/*#__PURE__*/_exp()],
+    "d1mcs0w2-1": [/*#__PURE__*/_exp2()]
+  }
+});
+
+/**
+ * Элемент пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ * @deprecated
+ */
+var _exp3 = function _exp3() {
+  return DotBase;
+};
+var _exp4 = function _exp4() {
+  return function (_ref3) {
+    var isActive = _ref3.isActive;
+    return isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)';
+  };
+};
+var PaginationDot = /*#__PURE__*/styled(_exp3())({
+  name: "PaginationDot",
+  "class": "poypaki",
+  propsAsIs: true,
+  vars: {
+    "poypaki-0": [/*#__PURE__*/_exp4()]
+  }
+});
+
+export { DotBase, PaginationDot };
+//# sourceMappingURL=PaginationDot.js.map

package/es/components/PaginationDots/PaginationDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationDot.js","sources":["../../../src/components/PaginationDots/PaginationDot.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport interface PaginationDotProps extends React.LiHTMLAttributes<HTMLLIElement> {\n    /**\n     * Элемент активен\n     */\n    isActive: boolean;\n}\n\n/**\n * Элемент пагинации точками.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const DotBase = styled.li<PaginationDotProps>`\n    width: ${({ isActive }) => (isActive ? '1.75rem' : '0.375rem')};\n    height: 0.375rem;\n    border-radius: 1rem;\n    background: ${({ isActive }) => (isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)')};\n    transition: width 0.1s ease-in-out, background 0.3s ease-in-out;\n    font-size: 0.5rem;\n\n    & + & {\n        margin-left: 0.375rem;\n    }\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\n/**\n * Элемент пагинации точками.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n * @deprecated\n */\nexport const PaginationDot = styled(DotBase)<PaginationDotProps>`\n    cursor: pointer;\n\n    background: ${({ isActive }) => (isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)')};\n\n    &:hover {\n        background: var(--text-accent);\n    }\n`;\n"],"names":["_exp","_ref","isActive","_exp2","_ref2","DotBase","styled","name","class","propsAsIs","vars","_exp3","_exp4","_ref3","PaginationDot"],"mappings":";;AASA;AACA;AACA;AACA;AAHA,IAAAA,IAAA,GARkBA,SAQlBA,IAAAA,GAAA;AAAA,EAAA,OAKa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,SAAS,GAAG,UAAW,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAbhDA,SAagDA,KAAAA,GAAA;AAAA,EAAA,OAGhD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,qBAAqB,GAAG,qCAAsC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJvG,IAAMG,OAAO,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAChBV,IAAqD,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAGhDG,KAA4F,EAAA,CAAA;AAAA,GAAA;AAAA,CAW7G,EAAA;;AAED;AACA;AACA;AACA;AACA;AAJA,IAAAQ,KAAA,GA7BkBA,SA6BlBA,KAAAA,GAAA;AAAA,EAAA,OAKoCN,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAO,KAAA,GAlCzBA,SAkCyBA,KAAAA,GAAA;AAAA,EAAA,OAGzB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGX,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,oBAAoB,GAAG,qCAAsC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHtG,IAAMY,aAAa,gBAAGR,MAAM,CAAAK,KAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGjBE,KAA2F,EAAA,CAAA;AAAA,GAAA;AAAA,CAK5G;;;;"}

package/es/components/PaginationDots/PaginationDot_baul9c.css

@@ -0,0 +1,2 @@
+.d1mcs0w2{width:var(--d1mcs0w2-0);height:0.375rem;border-radius:1rem;background:var(--d1mcs0w2-1);-webkit-transition:width 0.1s ease-in-out,background 0.3s ease-in-out;transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;}.d1mcs0w2 + .d1mcs0w2{margin-left:0.375rem;}.d1mcs0w2:focus{outline:0 none;}
+.poypaki.d1mcs0w2{cursor:pointer;background:var(--poypaki-0);}.poypaki.d1mcs0w2:hover{background:var(--text-accent);}

package/es/components/PaginationDots/PaginationDots.js

@@ -0,0 +1,29 @@
+import './PaginationDots_fm2ha5.css';
+import { styled } from '@linaria/react';
+
+/**
+ * Оборачивающий компонент для пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ */
+var DotsBase = /*#__PURE__*/styled('ul')({
+  name: "DotsBase",
+  "class": "dut2ldg",
+  propsAsIs: false
+});
+
+/**
+ * Оборачивающий компонент для пагинации точками.
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ * @deprecated
+ */
+var _exp = function _exp() {
+  return DotsBase;
+};
+var PaginationDots = /*#__PURE__*/styled(_exp())({
+  name: "PaginationDots",
+  "class": "p1m9slup",
+  propsAsIs: true
+});
+
+export { DotsBase, PaginationDots };
+//# sourceMappingURL=PaginationDots.js.map

package/es/components/PaginationDots/PaginationDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationDots.js","sources":["../../../src/components/PaginationDots/PaginationDots.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\n/**\n * Оборачивающий компонент для пагинации точками.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const DotsBase = styled.ul`\n    display: flex;\n    flex-wrap: wrap;\n    align-self: center;\n    align-items: center;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n`;\n\n/**\n * Оборачивающий компонент для пагинации точками.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n * @deprecated\n */\nexport const PaginationDots = styled(DotsBase)``;\n"],"names":["DotsBase","styled","name","class","propsAsIs","_exp","PaginationDots"],"mappings":";;AAEA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ7B,EAAA;;AAED;AACA;AACA;AACA;AACA;AAJA,IAAAC,IAAA,GAfkBA,SAelBA,IAAAA,GAAA;AAAA,EAAA,OAKqCL,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMM,cAAc,gBAAGL,MAAM,CAAAI,IAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAY;;;;"}

package/es/components/PaginationDots/PaginationDots_fm2ha5.css

@@ -0,0 +1,2 @@
+.dut2ldg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none;}
+

package/es/components/PaginationDots/SmartPaginationDots.css

@@ -0,0 +1,5 @@
+.PaginationDots_fm2ha5_dut2ldg__db2a2205{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none;}
+
+
+.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{width:var(--d1mcs0w2-0);height:0.375rem;border-radius:1rem;background:var(--d1mcs0w2-1);-webkit-transition:width 0.1s ease-in-out,background 0.3s ease-in-out;transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2 + .PaginationDot_baul9c_d1mcs0w2__b1eb09b2{margin-left:0.375rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:focus{outline:0 none;}
+.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{cursor:pointer;background:var(--poypaki-0);}.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:hover{background:var(--text-accent);}

package/es/components/PaginationDots/SmartPaginationDots.js

@@ -0,0 +1,39 @@
+import { objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import { usePaginationDots } from './usePaginationDots.js';
+import { PaginationDots } from './PaginationDots.js';
+import { PaginationDot } from './PaginationDot.js';
+
+var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
+/**
+ * Компонент для отображения точек пагинации
+ * с возможностью ограничения количества видимых элементов.
+ * @deprecated
+ */
+var SmartPaginationDots = function SmartPaginationDots(_ref) {
+  var items = _ref.items,
+    index = _ref.index,
+    visibleItems = _ref.visibleItems,
+    onIndexChange = _ref.onIndexChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _usePaginationDots = usePaginationDots({
+      items: items,
+      index: index,
+      visibleItems: visibleItems
+    }),
+    sliced = _usePaginationDots.sliced,
+    activeId = _usePaginationDots.activeId;
+  return /*#__PURE__*/React.createElement(PaginationDots, rest, sliced.map(function (_ref2, i) {
+    var id = _ref2.id;
+    return /*#__PURE__*/React.createElement(PaginationDot, {
+      key: "item:".concat(i),
+      isActive: id === activeId,
+      onClick: function onClick() {
+        return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
+      }
+    });
+  }));
+};
+
+export { SmartPaginationDots };
+//# sourceMappingURL=SmartPaginationDots.js.map

package/es/components/PaginationDots/SmartPaginationDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartPaginationDots.js","sources":["../../../src/components/PaginationDots/SmartPaginationDots.tsx"],"sourcesContent":["import React from 'react';\n\nimport { usePaginationDots, SmartPaginationDotsProps as BaseProps } from './usePaginationDots';\nimport { PaginationDots } from './PaginationDots';\nimport { PaginationDot } from './PaginationDot';\n\nexport interface SmartPaginationDotsProps extends BaseProps, React.HTMLAttributes<HTMLUListElement> {\n    /**\n     * Обработчик изменения индекса\n     */\n    onIndexChange?: (index: number) => void;\n}\n\n/**\n * Компонент для отображения точек пагинации\n * с возможностью ограничения количества видимых элементов.\n * @deprecated\n */\nexport const SmartPaginationDots: React.FC<SmartPaginationDotsProps> = ({\n    items,\n    index,\n    visibleItems,\n    onIndexChange,\n    ...rest\n}) => {\n    const { sliced, activeId } = usePaginationDots({ items, index, visibleItems });\n\n    return (\n        <PaginationDots {...rest}>\n            {sliced.map(({ id }, i) => (\n                <PaginationDot key={`item:${i}`} isActive={id === activeId} onClick={() => onIndexChange?.(i)} />\n            ))}\n        </PaginationDots>\n    );\n};\n"],"names":["SmartPaginationDots","_ref","items","index","visibleItems","onIndexChange","rest","_objectWithoutProperties","_excluded","_usePaginationDots","usePaginationDots","sliced","activeId","React","createElement","PaginationDots","map","_ref2","i","id","PaginationDot","key","concat","isActive","onClick"],"mappings":";;;;;;;AAaA;AACA;AACA;AACA;AACA;IACaA,mBAAuD,GAAG,SAA1DA,mBAAuDA,CAAAC,IAAA,EAM9D;AAAA,EAAA,IALFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;AACVC,IAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;EAEP,IAAAC,kBAAA,GAA6BC,iBAAiB,CAAC;AAAER,MAAAA,KAAK,EAALA,KAAK;AAAEC,MAAAA,KAAK,EAALA,KAAK;AAAEC,MAAAA,YAAY,EAAZA,YAAAA;AAAa,KAAC,CAAC;IAAtEO,MAAM,GAAAF,kBAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,kBAAA,CAARG,QAAQ,CAAA;AAExB,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,cAAc,EAAKT,IAAI,EACnBK,MAAM,CAACK,GAAG,CAAC,UAAAC,KAAA,EAASC,CAAC,EAAA;AAAA,IAAA,IAAPC,EAAE,GAAAF,KAAA,CAAFE,EAAE,CAAA;AAAA,IAAA,oBACbN,KAAA,CAAAC,aAAA,CAACM,aAAa,EAAA;AAACC,MAAAA,GAAG,EAAAC,OAAAA,CAAAA,MAAA,CAAUJ,CAAC,CAAG;MAACK,QAAQ,EAAEJ,EAAE,KAAKP,QAAS;MAACY,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,QAAA,OAAMnB,aAAa,KAAbA,IAAAA,IAAAA,aAAa,uBAAbA,aAAa,CAAGa,CAAC,CAAC,CAAA;AAAA,OAAA;AAAC,KAAE,CAAC,CAAA;AAAA,GACpG,CACW,CAAC,CAAA;AAEzB;;;;"}

package/es/components/PaginationDots/usePaginationDots.js

@@ -0,0 +1,36 @@
+import { useRef } from 'react';
+
+var usePaginationDots = function usePaginationDots(_ref) {
+  var items = _ref.items,
+    index = _ref.index,
+    _ref$visibleItems = _ref.visibleItems,
+    visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
+  var activeId = items[index].id;
+  var prevIndex = useRef(null);
+  var direction = 0;
+  if (prevIndex.current !== null) {
+    direction = index > prevIndex.current ? 1 : -1;
+  }
+  var start;
+  var end;
+  if (direction === 1) {
+    end = Math.min(Math.max(index + 2, visibleItems), items.length);
+    start = Math.max(end - visibleItems, 0);
+  } else if (direction === -1) {
+    start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
+    end = start + visibleItems;
+  } else {
+    start = Math.max(index - Math.floor(visibleItems / 2), 0);
+    end = Math.min(start + visibleItems, items.length);
+    start = end - visibleItems;
+  }
+  var sliced = items.slice(start, end);
+  prevIndex.current = index;
+  return {
+    sliced: sliced,
+    activeId: activeId
+  };
+};
+
+export { usePaginationDots };
+//# sourceMappingURL=usePaginationDots.js.map

package/es/components/PaginationDots/usePaginationDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaginationDots.js","sources":["../../../src/components/PaginationDots/usePaginationDots.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport interface SmartPaginationDotsProps {\n    items: Array<{ id: number | string }>;\n    index: number;\n    visibleItems?: number;\n}\n\nexport const usePaginationDots = ({ items, index, visibleItems = 7 }: SmartPaginationDotsProps) => {\n    const activeId = items[index].id;\n    const prevIndex = useRef<number | null>(null);\n    let direction = 0;\n\n    if (prevIndex.current !== null) {\n        direction = index > prevIndex.current ? 1 : -1;\n    }\n\n    let start: number;\n    let end: number;\n\n    if (direction === 1) {\n        end = Math.min(Math.max(index + 2, visibleItems), items.length);\n        start = Math.max(end - visibleItems, 0);\n    } else if (direction === -1) {\n        start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);\n        end = start + visibleItems;\n    } else {\n        start = Math.max(index - Math.floor(visibleItems / 2), 0);\n        end = Math.min(start + visibleItems, items.length);\n        start = end - visibleItems;\n    }\n\n    const sliced = items.slice(start, end);\n\n    prevIndex.current = index;\n\n    return {\n        sliced,\n        activeId,\n    };\n};\n"],"names":["usePaginationDots","_ref","items","index","_ref$visibleItems","visibleItems","activeId","id","prevIndex","useRef","direction","current","start","end","Math","min","max","length","floor","sliced","slice"],"mappings":";;IAQaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAqE;AAAA,EAAA,IAA/DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,iBAAA,GAAAH,IAAA,CAAEI,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA,CAAA;AAC9D,EAAA,IAAME,QAAQ,GAAGJ,KAAK,CAACC,KAAK,CAAC,CAACI,EAAE,CAAA;AAChC,EAAA,IAAMC,SAAS,GAAGC,MAAM,CAAgB,IAAI,CAAC,CAAA;EAC7C,IAAIC,SAAS,GAAG,CAAC,CAAA;AAEjB,EAAA,IAAIF,SAAS,CAACG,OAAO,KAAK,IAAI,EAAE;IAC5BD,SAAS,GAAGP,KAAK,GAAGK,SAAS,CAACG,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAClD,GAAA;AAEA,EAAA,IAAIC,KAAa,CAAA;AACjB,EAAA,IAAIC,GAAW,CAAA;EAEf,IAAIH,SAAS,KAAK,CAAC,EAAE;AACjBG,IAAAA,GAAG,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACb,KAAK,GAAG,CAAC,EAAEE,YAAY,CAAC,EAAEH,KAAK,CAACe,MAAM,CAAC,CAAA;IAC/DL,KAAK,GAAGE,IAAI,CAACE,GAAG,CAACH,GAAG,GAAGR,YAAY,EAAE,CAAC,CAAC,CAAA;AAC3C,GAAC,MAAM,IAAIK,SAAS,KAAK,CAAC,CAAC,EAAE;IACzBE,KAAK,GAAGE,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACb,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,EAAED,KAAK,CAACe,MAAM,GAAGZ,YAAY,CAAC,CAAA;IACrEQ,GAAG,GAAGD,KAAK,GAAGP,YAAY,CAAA;AAC9B,GAAC,MAAM;AACHO,IAAAA,KAAK,GAAGE,IAAI,CAACE,GAAG,CAACb,KAAK,GAAGW,IAAI,CAACI,KAAK,CAACb,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACzDQ,IAAAA,GAAG,GAAGC,IAAI,CAACC,GAAG,CAACH,KAAK,GAAGP,YAAY,EAAEH,KAAK,CAACe,MAAM,CAAC,CAAA;IAClDL,KAAK,GAAGC,GAAG,GAAGR,YAAY,CAAA;AAC9B,GAAA;EAEA,IAAMc,MAAM,GAAGjB,KAAK,CAACkB,KAAK,CAACR,KAAK,EAAEC,GAAG,CAAC,CAAA;EAEtCL,SAAS,CAACG,OAAO,GAAGR,KAAK,CAAA;EAEzB,OAAO;AACHgB,IAAAA,MAAM,EAANA,MAAM;AACNb,IAAAA,QAAQ,EAARA,QAAAA;GACH,CAAA;AACL;;;;"}

package/es/index.css

@@ -901,13 +901,14 @@
 
 .base_14g19gh_bnp62xb__2fa012c5{padding:var(--plasma-note-padding);border-radius:var(--plasma-note-border-radius);height:var(--plasma_private-note-height);width:var(--plasma_private-note-width);gap:var(--plasma-note-gap);}.base_14g19gh_bnp62xb__2fa012c5.base_14g19gh_noteStretch__2fa012c5{width:100%;height:100%;}.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_c1i6bkpn__2fa012c5{width:var(--plasma-note-fixed-content-before-width);height:var(--plasma-note-fixed-content-before-height);padding:var(--plasma-note-fixed-content-before-padding);box-sizing:border-box;}.base_14g19gh_bnp62xb__2fa012c5.base_14g19gh_noteContentAlignCenter__2fa012c5{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-note-padding-scalable);gap:var(--plasma-note-gap-scalable);}.base_14g19gh_bnp62xb__2fa012c5.base_14g19gh_noteContentAlignCenter__2fa012c5 .base_14g19gh_c1i6bkpn__2fa012c5{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:unset;}.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_cendmch__2fa012c5{width:var(--plasma_private-note-content-width-with-offset);gap:var(--plasma-note-content-gap);}.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_t1wkjxug__2fa012c5,.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_te86upw__2fa012c5{width:100%;min-height:var(--plasma-note-title-line-height);font-family:var(--plasma-note-title-font-family);font-size:var(--plasma-note-title-font-size);font-style:var(--plasma-note-title-font-style);font-weight:var(--plasma-note-title-font-weight);-webkit-letter-spacing:var(--plasma-note-title-letter-spacing);-moz-letter-spacing:var(--plasma-note-title-letter-spacing);-ms-letter-spacing:var(--plasma-note-title-letter-spacing);letter-spacing:var(--plasma-note-title-letter-spacing);line-height:var(--plasma-note-title-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_t1kp0wa7__2fa012c5,.base_14g19gh_bnp62xb__2fa012c5 .base_14g19gh_tf1lafs__2fa012c5{font-family:var(--plasma-note-text-font-family);font-size:var(--plasma-note-text-font-size);font-style:var(--plasma-note-text-font-style);font-weight:var(--plasma-note-text-font-weight);-webkit-letter-spacing:var(--plasma-note-text-letter-spacing);-moz-letter-spacing:var(--plasma-note-text-letter-spacing);-ms-letter-spacing:var(--plasma-note-text-letter-spacing);letter-spacing:var(--plasma-note-text-letter-spacing);line-height:var(--plasma-note-text-line-height);word-break:break-all;}
 
-.Note_styles_178qpj9_b1eqam57__381585e2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
-.Note_styles_178qpj9_c1i6bkpn__381585e2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.Note_styles_178qpj9_cendmch__381585e2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;}
-
-.Note_styles_178qpj9_te86upw__381585e2{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
-.Note_styles_178qpj9_t1kp0wa7__381585e2{display:block;position:relative;}
-.Note_styles_178qpj9_tf1lafs__381585e2{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}
+.Note_styles_thpfhk_b1eqam57__3331b1ad{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Note_styles_thpfhk_c1i6bkpn__3331b1ad{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Note_styles_thpfhk_cendmch__3331b1ad{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;}
+.Note_styles_thpfhk_t1wkjxug__3331b1ad{padding-right:var(--t1wkjxug-0);box-sizing:border-box;}
+.Note_styles_thpfhk_te86upw__3331b1ad{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
+.Note_styles_thpfhk_t1kp0wa7__3331b1ad{display:block;position:relative;}
+.Note_styles_thpfhk_tf1lafs__3331b1ad{visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;}
+.Note_styles_thpfhk_cvkhqd3__3331b1ad{position:absolute;right:var(--plasma-note-close-icon-right);top:var(--plasma-note-close-icon-top);width:var(--plasma-note-close-icon-button-size);height:var(--plasma-note-close-icon-button-size);color:var(--plasma-note-close-icon-color);}.Note_styles_thpfhk_cvkhqd3__3331b1ad:hover{color:var(--plasma-note-close-icon-color-on-hover);}
 
 .HeadCell_styles_155gsrn_c14eoxb5__5c959fae{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
 .HeadCell_styles_155gsrn_t1179z8p__5c959fae{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-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
@@ -969,3 +970,9 @@
 .Carousel_styles_zmchjj_c1c6iuz8__ccd8212a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding-left:var(--c1c6iuz8-0);padding-right:var(--c1c6iuz8-1);}.Carousel_styles_zmchjj_cmeqer1__ccd8212a .Carousel_styles_zmchjj_c1c6iuz8__ccd8212a{padding-right:var(--c1c6iuz8-2);}
 
 .CarouselItem_cqjszm_s13at6mi__7ff91d05{-webkit-scroll-snap-align:var(--s13at6mi-0);-moz-scroll-snap-align:var(--s13at6mi-0);-ms-scroll-snap-align:var(--s13at6mi-0);scroll-snap-align:var(--s13at6mi-0);-webkit-scroll-snap-stop:var(--s13at6mi-1);-moz-scroll-snap-stop:var(--s13at6mi-1);-ms-scroll-snap-stop:var(--s13at6mi-1);scroll-snap-stop:var(--s13at6mi-1);}
+
+.PaginationDots_fm2ha5_dut2ldg__db2a2205{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none;}
+
+
+.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{width:var(--d1mcs0w2-0);height:0.375rem;border-radius:1rem;background:var(--d1mcs0w2-1);-webkit-transition:width 0.1s ease-in-out,background 0.3s ease-in-out;transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2 + .PaginationDot_baul9c_d1mcs0w2__b1eb09b2{margin-left:0.375rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:focus{outline:0 none;}
+.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{cursor:pointer;background:var(--poypaki-0);}.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:hover{background:var(--text-accent);}

package/es/index.js

@@ -233,4 +233,7 @@ export { tokens as toastNewTokens } from './components/Toast/ToastNew/ToastNew.t
 export { carouselConfig, carouselRoot } from './components/Carousel/Carousel.js';
 export { CarouselGridWrapper } from './components/Carousel/Carousel.styles.js';
 export { CarouselItem } from './components/Carousel/CarouselItem.js';
+export { SmartPaginationDots } from './components/PaginationDots/SmartPaginationDots.js';
+export { PaginationDots } from './components/PaginationDots/PaginationDots.js';
+export { PaginationDot } from './components/PaginationDots/PaginationDot.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.324.1-canary.1988.15209032570.0",
+  "version": "0.325.0-canary.1715.15255555914.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "850ab010e46fb5def771b89bc96eeb449f895daf"
+  "gitHead": "67beef396b7b7932375ccbb8a101665909aea22a"
 }

package/styled-components/cjs/components/Calendar/hooks/useMonths.js

@@ -18,7 +18,8 @@ var useMonths = exports.useMonths = function useMonths(_ref) {
     min = _ref.min,
     max = _ref.max,
     _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'ru' : _ref$locale;
+    locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
+    includeEdgeDates = _ref.includeEdgeDates;
   return (0, _react.useMemo)(function () {
     var months = _utils.SHORT_MONTH_NAME[locale].map(function (monthName, monthIndex) {
       return {
@@ -43,6 +44,7 @@ var useMonths = exports.useMonths = function useMonths(_ref) {
         type: _types.CalendarState.Months,
         min: min,
         max: max,
+        includeEdgeDates: includeEdgeDates,
         eventList: eventList,
         disabledList: disabledList
       });

package/styled-components/cjs/components/Calendar/hooks/useQuarters.js

@@ -16,7 +16,8 @@ var useQuarters = exports.useQuarters = function useQuarters(_ref) {
     eventList = _ref.eventList,
     disabledList = _ref.disabledList,
     min = _ref.min,
-    max = _ref.max;
+    max = _ref.max,
+    includeEdgeDates = _ref.includeEdgeDates;
   return (0, _react.useMemo)(function () {
     var quarters = _utils.QUARTER_NAMES.map(function (quarterName) {
       var _quarterDates$quarter = _utils.quarterDates[quarterName],
@@ -42,6 +43,7 @@ var useQuarters = exports.useQuarters = function useQuarters(_ref) {
         type: _types.CalendarState.Quarters,
         min: min,
         max: max,
+        includeEdgeDates: includeEdgeDates,
         eventList: eventList,
         disabledList: disabledList
       });

package/styled-components/cjs/components/Calendar/hooks/useYears.js

@@ -17,7 +17,8 @@ var useYears = exports.useYears = function useYears(_ref) {
     eventList = _ref.eventList,
     disabledList = _ref.disabledList,
     min = _ref.min,
-    max = _ref.max;
+    max = _ref.max,
+    includeEdgeDates = _ref.includeEdgeDates;
   return (0, _react.useMemo)(function () {
     // type-coverage:ignore-next-line
     var years = Array.from(Array(_utils.YEAR_RENDER_COUNT), function (_, i) {
@@ -42,6 +43,7 @@ var useYears = exports.useYears = function useYears(_ref) {
         type: _types.CalendarState.Years,
         min: min,
         max: max,
+        includeEdgeDates: includeEdgeDates,
         eventList: eventList,
         disabledList: disabledList
       });