@alfalab/core-components-pagination 4.0.2 → 4.0.3

package/Component.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-export declare type PaginationProps = {
+export type PaginationProps = {
     /**
      * Текущая страница (с нуля)
      */

package/components/default-view/index.css

@@ -1,7 +1,7 @@
 :root {
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
 }
-.pagination__dots_ups8r {
+.pagination__dots_1b41f {
     width: 32px;
     height: 32px;
     text-align: center;

package/components/default-view/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
 import { type PaginationProps } from '../../Component';
-declare type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
+type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
 export declare const DefaultView: FC<DefaultViewProps>;
 export {};

package/components/default-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/default-view/index.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { type FC, useCallback } from 'react';\n\nimport { type PaginationProps } from '../../Component';\nimport { Tag } from '../tag';\n\nimport styles from './index.module.css';\n\ntype DefaultViewProps = Pick<\n    PaginationProps,\n    'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'\n>;\n\nexport const DefaultView: FC<DefaultViewProps> = ({\n    sidePadding = 2,\n    activePadding = 1,\n    pagesCount,\n    currentPageIndex,\n    onPageChange = () => null,\n}) => {\n    const maxHalfCount = sidePadding + activePadding + 1;\n    const maxElementsCount = maxHalfCount * 2 + 1;\n    const itemsFit = pagesCount <= maxElementsCount;\n    const elementsCount = itemsFit ? pagesCount : maxElementsCount;\n\n    const getPageIndex = useCallback(\n        (elementIndex: number) => {\n            const lastIndex = pagesCount - 1;\n            const reverseIndex = lastIndex - currentPageIndex;\n            const lastElementIndex = elementsCount - 1;\n            const reverseElementIndex = lastElementIndex - elementIndex;\n\n            const hasCollapsedItems = (index: number) => !itemsFit && index >= maxHalfCount;\n\n            if (elementIndex < sidePadding) {\n                return elementIndex;\n            }\n\n            if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex < sidePadding) {\n                return lastIndex - reverseElementIndex;\n            }\n\n            const computedIndex = currentPageIndex - maxHalfCount + elementIndex;\n\n            return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));\n        },\n        [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding],\n    );\n\n    const getPageString = (page: number) => page.toLocaleString('ru-RU');\n\n    return (\n        <React.Fragment>\n            {Array(elementsCount)\n                .fill('')\n                .map((_, i) => {\n                    const pageIndex = getPageIndex(i);\n\n                    if (pageIndex === null) {\n                        return (\n                            <div key={i.toString()} className={styles.dots}>\n                                ...\n                            </div>\n                        );\n                    }\n\n                    const active = currentPageIndex === pageIndex;\n\n                    return (\n                        <Tag\n                            key={i.toString()}\n                            checked={active}\n                            disabled={active}\n                            onClick={() => onPageChange(pageIndex)}\n                        >\n                            {getPageString(pageIndex + 1)}\n                        </Tag>\n                    );\n                })}\n        </React.Fragment>\n    );\n};\n"],"names":["useCallback","React","styles","Tag"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/default-view/index.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { type FC, useCallback } from 'react';\n\nimport { type PaginationProps } from '../../Component';\nimport { Tag } from '../tag';\n\nimport styles from './index.module.css';\n\ntype DefaultViewProps = Pick<\n    PaginationProps,\n    'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'\n>;\n\nexport const DefaultView: FC<DefaultViewProps> = ({\n    sidePadding = 2,\n    activePadding = 1,\n    pagesCount,\n    currentPageIndex,\n    onPageChange = () => null,\n}) => {\n    const maxHalfCount = sidePadding + activePadding + 1;\n    const maxElementsCount = maxHalfCount * 2 + 1;\n    const itemsFit = pagesCount <= maxElementsCount;\n    const elementsCount = itemsFit ? pagesCount : maxElementsCount;\n\n    const getPageIndex = useCallback(\n        (elementIndex: number) => {\n            const lastIndex = pagesCount - 1;\n            const reverseIndex = lastIndex - currentPageIndex;\n            const lastElementIndex = elementsCount - 1;\n            const reverseElementIndex = lastElementIndex - elementIndex;\n\n            const hasCollapsedItems = (index: number) => !itemsFit && index >= maxHalfCount;\n\n            if (elementIndex < sidePadding) {\n                return elementIndex;\n            }\n\n            if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex < sidePadding) {\n                return lastIndex - reverseElementIndex;\n            }\n\n            const computedIndex = currentPageIndex - maxHalfCount + elementIndex;\n\n            return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));\n        },\n        [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding],\n    );\n\n    const getPageString = (page: number) => page.toLocaleString('ru-RU');\n\n    return (\n        <React.Fragment>\n            {Array(elementsCount)\n                .fill('')\n                .map((_, i) => {\n                    const pageIndex = getPageIndex(i);\n\n                    if (pageIndex === null) {\n                        return (\n                            <div key={i.toString()} className={styles.dots}>\n                                ...\n                            </div>\n                        );\n                    }\n\n                    const active = currentPageIndex === pageIndex;\n\n                    return (\n                        <Tag\n                            key={i.toString()}\n                            checked={active}\n                            disabled={active}\n                            onClick={() => onPageChange(pageIndex)}\n                        >\n                            {getPageString(pageIndex + 1)}\n                        </Tag>\n                    );\n                })}\n        </React.Fragment>\n    );\n};\n"],"names":["useCallback","React","styles","Tag"],"mappings":"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"}

package/components/default-view/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"dots":"pagination__dots_ups8r"};
+var styles = {"dots":"pagination__dots_1b41f"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/default-view/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}

package/components/per-page-view/index.css

@@ -3,7 +3,7 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.pagination__component_8qf5y {
+.pagination__component_1c092 {
     display: block;
     margin: var(--gap-0) var(--gap-16);
 }

package/components/per-page-view/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
 import { type PaginationProps } from '../../Component';
-declare type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
+type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
 export declare const PerPageView: FC<PerPageViewProps>;
 export {};

package/components/per-page-view/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"pagination__component_8qf5y"};
+var styles = {"component":"pagination__component_1c092"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/per-page-view/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}

package/components/tag/index.css

@@ -14,7 +14,7 @@
     --gap-0: 0px;
     --gap-6: 6px;
 }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql {
+button.pagination__tag_risa7.pagination__tag_risa7 {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-8);
     border: none;
@@ -23,27 +23,27 @@ button.pagination__tag_5v4ql.pagination__tag_5v4ql {
     min-width: 32px;
     height: 32px;
 }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql:not(.pagination__arrow_5v4ql) {
+button.pagination__tag_risa7.pagination__tag_risa7:not(.pagination__arrow_risa7) {
         padding: var(--gap-0) var(--gap-6);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql:disabled:not(.pagination__checked_5v4ql) {
+button.pagination__tag_risa7.pagination__tag_risa7:disabled:not(.pagination__checked_risa7) {
         opacity: 0.3;
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql:hover:not(:disabled) {
+button.pagination__tag_risa7.pagination__tag_risa7:hover:not(:disabled) {
         background-color: var(--color-light-transparent-default-hover);
         color: var(--color-light-text-primary);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql:active:not(:disabled) {
+button.pagination__tag_risa7.pagination__tag_risa7:active:not(:disabled) {
         background-color: var(--color-light-transparent-default-press);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql.pagination__checked_5v4ql {
+button.pagination__tag_risa7.pagination__tag_risa7.pagination__checked_risa7 {
         cursor: default;
         background-color: var(--color-light-accent-secondary);
         color: var(--color-light-text-primary-inverted);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql.pagination__checked_5v4ql:hover:not(:disabled) {
+button.pagination__tag_risa7.pagination__tag_risa7.pagination__checked_risa7:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql.pagination__checked_5v4ql:active:not(:disabled) {
+button.pagination__tag_risa7.pagination__tag_risa7.pagination__checked_risa7:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/components/tag/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"tag":"pagination__tag_5v4ql","arrow":"pagination__arrow_5v4ql","checked":"pagination__checked_5v4ql"};
+var styles = {"tag":"pagination__tag_risa7","arrow":"pagination__arrow_risa7","checked":"pagination__checked_risa7"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/tag/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: var(--gap-0) var(--gap-6);\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: var(--gap-0) var(--gap-6);\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}

package/cssm/Component.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-export declare type PaginationProps = {
+export type PaginationProps = {
     /**
      * Текущая страница (с нуля)
      */

package/cssm/components/default-view/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
 import { type PaginationProps } from '../../Component';
-declare type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
+type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
 export declare const DefaultView: FC<DefaultViewProps>;
 export {};

package/cssm/components/default-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/default-view/index.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { type FC, useCallback } from 'react';\n\nimport { type PaginationProps } from '../../Component';\nimport { Tag } from '../tag';\n\nimport styles from './index.module.css';\n\ntype DefaultViewProps = Pick<\n    PaginationProps,\n    'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'\n>;\n\nexport const DefaultView: FC<DefaultViewProps> = ({\n    sidePadding = 2,\n    activePadding = 1,\n    pagesCount,\n    currentPageIndex,\n    onPageChange = () => null,\n}) => {\n    const maxHalfCount = sidePadding + activePadding + 1;\n    const maxElementsCount = maxHalfCount * 2 + 1;\n    const itemsFit = pagesCount <= maxElementsCount;\n    const elementsCount = itemsFit ? pagesCount : maxElementsCount;\n\n    const getPageIndex = useCallback(\n        (elementIndex: number) => {\n            const lastIndex = pagesCount - 1;\n            const reverseIndex = lastIndex - currentPageIndex;\n            const lastElementIndex = elementsCount - 1;\n            const reverseElementIndex = lastElementIndex - elementIndex;\n\n            const hasCollapsedItems = (index: number) => !itemsFit && index >= maxHalfCount;\n\n            if (elementIndex < sidePadding) {\n                return elementIndex;\n            }\n\n            if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex < sidePadding) {\n                return lastIndex - reverseElementIndex;\n            }\n\n            const computedIndex = currentPageIndex - maxHalfCount + elementIndex;\n\n            return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));\n        },\n        [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding],\n    );\n\n    const getPageString = (page: number) => page.toLocaleString('ru-RU');\n\n    return (\n        <React.Fragment>\n            {Array(elementsCount)\n                .fill('')\n                .map((_, i) => {\n                    const pageIndex = getPageIndex(i);\n\n                    if (pageIndex === null) {\n                        return (\n                            <div key={i.toString()} className={styles.dots}>\n                                ...\n                            </div>\n                        );\n                    }\n\n                    const active = currentPageIndex === pageIndex;\n\n                    return (\n                        <Tag\n                            key={i.toString()}\n                            checked={active}\n                            disabled={active}\n                            onClick={() => onPageChange(pageIndex)}\n                        >\n                            {getPageString(pageIndex + 1)}\n                        </Tag>\n                    );\n                })}\n        </React.Fragment>\n    );\n};\n"],"names":["useCallback","React","styles","Tag"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/default-view/index.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { type FC, useCallback } from 'react';\n\nimport { type PaginationProps } from '../../Component';\nimport { Tag } from '../tag';\n\nimport styles from './index.module.css';\n\ntype DefaultViewProps = Pick<\n    PaginationProps,\n    'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'\n>;\n\nexport const DefaultView: FC<DefaultViewProps> = ({\n    sidePadding = 2,\n    activePadding = 1,\n    pagesCount,\n    currentPageIndex,\n    onPageChange = () => null,\n}) => {\n    const maxHalfCount = sidePadding + activePadding + 1;\n    const maxElementsCount = maxHalfCount * 2 + 1;\n    const itemsFit = pagesCount <= maxElementsCount;\n    const elementsCount = itemsFit ? pagesCount : maxElementsCount;\n\n    const getPageIndex = useCallback(\n        (elementIndex: number) => {\n            const lastIndex = pagesCount - 1;\n            const reverseIndex = lastIndex - currentPageIndex;\n            const lastElementIndex = elementsCount - 1;\n            const reverseElementIndex = lastElementIndex - elementIndex;\n\n            const hasCollapsedItems = (index: number) => !itemsFit && index >= maxHalfCount;\n\n            if (elementIndex < sidePadding) {\n                return elementIndex;\n            }\n\n            if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex < sidePadding) {\n                return lastIndex - reverseElementIndex;\n            }\n\n            const computedIndex = currentPageIndex - maxHalfCount + elementIndex;\n\n            return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));\n        },\n        [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding],\n    );\n\n    const getPageString = (page: number) => page.toLocaleString('ru-RU');\n\n    return (\n        <React.Fragment>\n            {Array(elementsCount)\n                .fill('')\n                .map((_, i) => {\n                    const pageIndex = getPageIndex(i);\n\n                    if (pageIndex === null) {\n                        return (\n                            <div key={i.toString()} className={styles.dots}>\n                                ...\n                            </div>\n                        );\n                    }\n\n                    const active = currentPageIndex === pageIndex;\n\n                    return (\n                        <Tag\n                            key={i.toString()}\n                            checked={active}\n                            disabled={active}\n                            onClick={() => onPageChange(pageIndex)}\n                        >\n                            {getPageString(pageIndex + 1)}\n                        </Tag>\n                    );\n                })}\n        </React.Fragment>\n    );\n};\n"],"names":["useCallback","React","styles","Tag"],"mappings":"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"}

package/cssm/components/per-page-view/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
 import { type PaginationProps } from '../../Component';
-declare type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
+type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
 export declare const PerPageView: FC<PerPageViewProps>;
 export {};

package/esm/Component.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-export declare type PaginationProps = {
+export type PaginationProps = {
     /**
      * Текущая страница (с нуля)
      */

package/esm/components/default-view/index.css

@@ -1,7 +1,7 @@
 :root {
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
 }
-.pagination__dots_ups8r {
+.pagination__dots_1b41f {
     width: 32px;
     height: 32px;
     text-align: center;

package/esm/components/default-view/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
 import { type PaginationProps } from '../../Component';
-declare type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
+type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
 export declare const DefaultView: FC<DefaultViewProps>;
 export {};

package/esm/components/default-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/default-view/index.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { type FC, useCallback } from 'react';\n\nimport { type PaginationProps } from '../../Component';\nimport { Tag } from '../tag';\n\nimport styles from './index.module.css';\n\ntype DefaultViewProps = Pick<\n    PaginationProps,\n    'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'\n>;\n\nexport const DefaultView: FC<DefaultViewProps> = ({\n    sidePadding = 2,\n    activePadding = 1,\n    pagesCount,\n    currentPageIndex,\n    onPageChange = () => null,\n}) => {\n    const maxHalfCount = sidePadding + activePadding + 1;\n    const maxElementsCount = maxHalfCount * 2 + 1;\n    const itemsFit = pagesCount <= maxElementsCount;\n    const elementsCount = itemsFit ? pagesCount : maxElementsCount;\n\n    const getPageIndex = useCallback(\n        (elementIndex: number) => {\n            const lastIndex = pagesCount - 1;\n            const reverseIndex = lastIndex - currentPageIndex;\n            const lastElementIndex = elementsCount - 1;\n            const reverseElementIndex = lastElementIndex - elementIndex;\n\n            const hasCollapsedItems = (index: number) => !itemsFit && index >= maxHalfCount;\n\n            if (elementIndex < sidePadding) {\n                return elementIndex;\n            }\n\n            if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex < sidePadding) {\n                return lastIndex - reverseElementIndex;\n            }\n\n            const computedIndex = currentPageIndex - maxHalfCount + elementIndex;\n\n            return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));\n        },\n        [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding],\n    );\n\n    const getPageString = (page: number) => page.toLocaleString('ru-RU');\n\n    return (\n        <React.Fragment>\n            {Array(elementsCount)\n                .fill('')\n                .map((_, i) => {\n                    const pageIndex = getPageIndex(i);\n\n                    if (pageIndex === null) {\n                        return (\n                            <div key={i.toString()} className={styles.dots}>\n                                ...\n                            </div>\n                        );\n                    }\n\n                    const active = currentPageIndex === pageIndex;\n\n                    return (\n                        <Tag\n                            key={i.toString()}\n                            checked={active}\n                            disabled={active}\n                            onClick={() => onPageChange(pageIndex)}\n                        >\n                            {getPageString(pageIndex + 1)}\n                        </Tag>\n                    );\n                })}\n        </React.Fragment>\n    );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/default-view/index.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { type FC, useCallback } from 'react';\n\nimport { type PaginationProps } from '../../Component';\nimport { Tag } from '../tag';\n\nimport styles from './index.module.css';\n\ntype DefaultViewProps = Pick<\n    PaginationProps,\n    'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'\n>;\n\nexport const DefaultView: FC<DefaultViewProps> = ({\n    sidePadding = 2,\n    activePadding = 1,\n    pagesCount,\n    currentPageIndex,\n    onPageChange = () => null,\n}) => {\n    const maxHalfCount = sidePadding + activePadding + 1;\n    const maxElementsCount = maxHalfCount * 2 + 1;\n    const itemsFit = pagesCount <= maxElementsCount;\n    const elementsCount = itemsFit ? pagesCount : maxElementsCount;\n\n    const getPageIndex = useCallback(\n        (elementIndex: number) => {\n            const lastIndex = pagesCount - 1;\n            const reverseIndex = lastIndex - currentPageIndex;\n            const lastElementIndex = elementsCount - 1;\n            const reverseElementIndex = lastElementIndex - elementIndex;\n\n            const hasCollapsedItems = (index: number) => !itemsFit && index >= maxHalfCount;\n\n            if (elementIndex < sidePadding) {\n                return elementIndex;\n            }\n\n            if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex < sidePadding) {\n                return lastIndex - reverseElementIndex;\n            }\n\n            const computedIndex = currentPageIndex - maxHalfCount + elementIndex;\n\n            return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));\n        },\n        [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding],\n    );\n\n    const getPageString = (page: number) => page.toLocaleString('ru-RU');\n\n    return (\n        <React.Fragment>\n            {Array(elementsCount)\n                .fill('')\n                .map((_, i) => {\n                    const pageIndex = getPageIndex(i);\n\n                    if (pageIndex === null) {\n                        return (\n                            <div key={i.toString()} className={styles.dots}>\n                                ...\n                            </div>\n                        );\n                    }\n\n                    const active = currentPageIndex === pageIndex;\n\n                    return (\n                        <Tag\n                            key={i.toString()}\n                            checked={active}\n                            disabled={active}\n                            onClick={() => onPageChange(pageIndex)}\n                        >\n                            {getPageString(pageIndex + 1)}\n                        </Tag>\n                    );\n                })}\n        </React.Fragment>\n    );\n};\n"],"names":[],"mappings":"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"}

package/esm/components/default-view/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"dots":"pagination__dots_ups8r"};
+var styles = {"dots":"pagination__dots_1b41f"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/default-view/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}

package/esm/components/per-page-view/index.css

@@ -3,7 +3,7 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.pagination__component_8qf5y {
+.pagination__component_1c092 {
     display: block;
     margin: var(--gap-0) var(--gap-16);
 }

package/esm/components/per-page-view/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
 import { type PaginationProps } from '../../Component';
-declare type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
+type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
 export declare const PerPageView: FC<PerPageViewProps>;
 export {};

package/esm/components/per-page-view/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"pagination__component_8qf5y"};
+var styles = {"component":"pagination__component_1c092"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/per-page-view/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}

package/esm/components/tag/index.css

@@ -14,7 +14,7 @@
     --gap-0: 0px;
     --gap-6: 6px;
 }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql {
+button.pagination__tag_risa7.pagination__tag_risa7 {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-8);
     border: none;
@@ -23,27 +23,27 @@ button.pagination__tag_5v4ql.pagination__tag_5v4ql {
     min-width: 32px;
     height: 32px;
 }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql:not(.pagination__arrow_5v4ql) {
+button.pagination__tag_risa7.pagination__tag_risa7:not(.pagination__arrow_risa7) {
         padding: var(--gap-0) var(--gap-6);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql:disabled:not(.pagination__checked_5v4ql) {
+button.pagination__tag_risa7.pagination__tag_risa7:disabled:not(.pagination__checked_risa7) {
         opacity: 0.3;
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql:hover:not(:disabled) {
+button.pagination__tag_risa7.pagination__tag_risa7:hover:not(:disabled) {
         background-color: var(--color-light-transparent-default-hover);
         color: var(--color-light-text-primary);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql:active:not(:disabled) {
+button.pagination__tag_risa7.pagination__tag_risa7:active:not(:disabled) {
         background-color: var(--color-light-transparent-default-press);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql.pagination__checked_5v4ql {
+button.pagination__tag_risa7.pagination__tag_risa7.pagination__checked_risa7 {
         cursor: default;
         background-color: var(--color-light-accent-secondary);
         color: var(--color-light-text-primary-inverted);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql.pagination__checked_5v4ql:hover:not(:disabled) {
+button.pagination__tag_risa7.pagination__tag_risa7.pagination__checked_risa7:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql.pagination__checked_5v4ql:active:not(:disabled) {
+button.pagination__tag_risa7.pagination__tag_risa7.pagination__checked_risa7:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/esm/components/tag/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"tag":"pagination__tag_5v4ql","arrow":"pagination__arrow_5v4ql","checked":"pagination__checked_5v4ql"};
+var styles = {"tag":"pagination__tag_risa7","arrow":"pagination__arrow_risa7","checked":"pagination__checked_risa7"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/tag/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: var(--gap-0) var(--gap-6);\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: var(--gap-0) var(--gap-6);\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}

package/esm/index.css

@@ -10,10 +10,10 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-button.pagination__arrow_1gvzq.pagination__arrow_1gvzq {
+button.pagination__arrow_1x9pq.pagination__arrow_1x9pq {
     width: 32px;
 }
-.pagination__component_1gvzq {
+.pagination__component_1x9pq {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -25,9 +25,9 @@ button.pagination__arrow_1gvzq.pagination__arrow_1gvzq {
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
-.pagination__defaultView_1gvzq > * {
+.pagination__defaultView_1x9pq > * {
         margin-right: var(--gap-8);
     }
-.pagination__defaultView_1gvzq > *:last-child {
+.pagination__defaultView_1x9pq > *:last-child {
             margin-right: var(--gap-0);
         }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"arrow":"pagination__arrow_1gvzq","component":"pagination__component_1gvzq","defaultView":"pagination__defaultView_1gvzq"};
+var styles = {"arrow":"pagination__arrow_1x9pq","component":"pagination__component_1x9pq","defaultView":"pagination__defaultView_1x9pq"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}

package/index.css

@@ -10,10 +10,10 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-button.pagination__arrow_1gvzq.pagination__arrow_1gvzq {
+button.pagination__arrow_1x9pq.pagination__arrow_1x9pq {
     width: 32px;
 }
-.pagination__component_1gvzq {
+.pagination__component_1x9pq {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -25,9 +25,9 @@ button.pagination__arrow_1gvzq.pagination__arrow_1gvzq {
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
-.pagination__defaultView_1gvzq > * {
+.pagination__defaultView_1x9pq > * {
         margin-right: var(--gap-8);
     }
-.pagination__defaultView_1gvzq > *:last-child {
+.pagination__defaultView_1x9pq > *:last-child {
             margin-right: var(--gap-0);
         }

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"arrow":"pagination__arrow_1gvzq","component":"pagination__component_1gvzq","defaultView":"pagination__defaultView_1gvzq"};
+var styles = {"arrow":"pagination__arrow_1x9pq","component":"pagination__component_1x9pq","defaultView":"pagination__defaultView_1x9pq"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}

package/modern/Component.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-export declare type PaginationProps = {
+export type PaginationProps = {
     /**
      * Текущая страница (с нуля)
      */

package/modern/components/default-view/index.css

@@ -1,7 +1,7 @@
 :root {
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
 }
-.pagination__dots_ups8r {
+.pagination__dots_1b41f {
     width: 32px;
     height: 32px;
     text-align: center;

package/modern/components/default-view/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
 import { type PaginationProps } from '../../Component';
-declare type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
+type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
 export declare const DefaultView: FC<DefaultViewProps>;
 export {};

package/modern/components/default-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/default-view/index.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { type FC, useCallback } from 'react';\n\nimport { type PaginationProps } from '../../Component';\nimport { Tag } from '../tag';\n\nimport styles from './index.module.css';\n\ntype DefaultViewProps = Pick<\n    PaginationProps,\n    'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'\n>;\n\nexport const DefaultView: FC<DefaultViewProps> = ({\n    sidePadding = 2,\n    activePadding = 1,\n    pagesCount,\n    currentPageIndex,\n    onPageChange = () => null,\n}) => {\n    const maxHalfCount = sidePadding + activePadding + 1;\n    const maxElementsCount = maxHalfCount * 2 + 1;\n    const itemsFit = pagesCount <= maxElementsCount;\n    const elementsCount = itemsFit ? pagesCount : maxElementsCount;\n\n    const getPageIndex = useCallback(\n        (elementIndex: number) => {\n            const lastIndex = pagesCount - 1;\n            const reverseIndex = lastIndex - currentPageIndex;\n            const lastElementIndex = elementsCount - 1;\n            const reverseElementIndex = lastElementIndex - elementIndex;\n\n            const hasCollapsedItems = (index: number) => !itemsFit && index >= maxHalfCount;\n\n            if (elementIndex < sidePadding) {\n                return elementIndex;\n            }\n\n            if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex < sidePadding) {\n                return lastIndex - reverseElementIndex;\n            }\n\n            const computedIndex = currentPageIndex - maxHalfCount + elementIndex;\n\n            return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));\n        },\n        [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding],\n    );\n\n    const getPageString = (page: number) => page.toLocaleString('ru-RU');\n\n    return (\n        <React.Fragment>\n            {Array(elementsCount)\n                .fill('')\n                .map((_, i) => {\n                    const pageIndex = getPageIndex(i);\n\n                    if (pageIndex === null) {\n                        return (\n                            <div key={i.toString()} className={styles.dots}>\n                                ...\n                            </div>\n                        );\n                    }\n\n                    const active = currentPageIndex === pageIndex;\n\n                    return (\n                        <Tag\n                            key={i.toString()}\n                            checked={active}\n                            disabled={active}\n                            onClick={() => onPageChange(pageIndex)}\n                        >\n                            {getPageString(pageIndex + 1)}\n                        </Tag>\n                    );\n                })}\n        </React.Fragment>\n    );\n};\n"],"names":[],"mappings":";;;;AAAA;AAaa,MAAA,WAAW,GAAyB,CAAC,EAC9C,WAAW,GAAG,CAAC,EACf,aAAa,GAAG,CAAC,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,GAAG,MAAM,IAAI,GAC5B,KAAI;AACD,IAAA,MAAM,YAAY,GAAG,WAAW,GAAG,aAAa,GAAG,CAAC;AACpD,IAAA,MAAM,gBAAgB,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC;AAC7C,IAAA,MAAM,QAAQ,GAAG,UAAU,IAAI,gBAAgB;IAC/C,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,gBAAgB;AAE9D,IAAA,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,YAAoB,KAAI;AACrB,QAAA,MAAM,SAAS,GAAG,UAAU,GAAG,CAAC;AAChC,QAAA,MAAM,YAAY,GAAG,SAAS,GAAG,gBAAgB;AACjD,QAAA,MAAM,gBAAgB,GAAG,aAAa,GAAG,CAAC;AAC1C,QAAA,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,YAAY;AAE3D,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAK,CAAC,QAAQ,IAAI,KAAK,IAAI,YAAY;QAE/E,IAAI,YAAY,GAAG,WAAW,EAAE;AAC5B,YAAA,OAAO,YAAY;AACtB;QAED,IAAI,YAAY,KAAK,WAAW,IAAI,iBAAiB,CAAC,gBAAgB,CAAC,EAAE;AACrE,YAAA,OAAO,IAAI;AACd;QAED,IAAI,mBAAmB,KAAK,WAAW,IAAI,iBAAiB,CAAC,YAAY,CAAC,EAAE;AACxE,YAAA,OAAO,IAAI;AACd;QAED,IAAI,mBAAmB,GAAG,WAAW,EAAE;YACnC,OAAO,SAAS,GAAG,mBAAmB;AACzC;AAED,QAAA,MAAM,aAAa,GAAG,gBAAgB,GAAG,YAAY,GAAG,YAAY;AAEpE,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,mBAAmB,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAC3F,KAAC,EACD,CAAC,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,CAAC,CACrF;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,IAAY,KAAK,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;IAEpE,QACI,oBAAC,KAAK,CAAC,QAAQ,EACV,IAAA,EAAA,KAAK,CAAC,aAAa;SACf,IAAI,CAAC,EAAE;AACP,SAAA,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACV,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC;QAEjC,IAAI,SAAS,KAAK,IAAI,EAAE;AACpB,YAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,KAAA,CAExC;AAEb;AAED,QAAA,MAAM,MAAM,GAAG,gBAAgB,KAAK,SAAS;AAE7C,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,GAAG,EACA,EAAA,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,YAAY,CAAC,SAAS,CAAC,EAErC,EAAA,aAAa,CAAC,SAAS,GAAG,CAAC,CAAC,CAC3B;KAEb,CAAC,CACO;AAEzB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/default-view/index.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { type FC, useCallback } from 'react';\n\nimport { type PaginationProps } from '../../Component';\nimport { Tag } from '../tag';\n\nimport styles from './index.module.css';\n\ntype DefaultViewProps = Pick<\n    PaginationProps,\n    'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'\n>;\n\nexport const DefaultView: FC<DefaultViewProps> = ({\n    sidePadding = 2,\n    activePadding = 1,\n    pagesCount,\n    currentPageIndex,\n    onPageChange = () => null,\n}) => {\n    const maxHalfCount = sidePadding + activePadding + 1;\n    const maxElementsCount = maxHalfCount * 2 + 1;\n    const itemsFit = pagesCount <= maxElementsCount;\n    const elementsCount = itemsFit ? pagesCount : maxElementsCount;\n\n    const getPageIndex = useCallback(\n        (elementIndex: number) => {\n            const lastIndex = pagesCount - 1;\n            const reverseIndex = lastIndex - currentPageIndex;\n            const lastElementIndex = elementsCount - 1;\n            const reverseElementIndex = lastElementIndex - elementIndex;\n\n            const hasCollapsedItems = (index: number) => !itemsFit && index >= maxHalfCount;\n\n            if (elementIndex < sidePadding) {\n                return elementIndex;\n            }\n\n            if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex < sidePadding) {\n                return lastIndex - reverseElementIndex;\n            }\n\n            const computedIndex = currentPageIndex - maxHalfCount + elementIndex;\n\n            return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));\n        },\n        [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding],\n    );\n\n    const getPageString = (page: number) => page.toLocaleString('ru-RU');\n\n    return (\n        <React.Fragment>\n            {Array(elementsCount)\n                .fill('')\n                .map((_, i) => {\n                    const pageIndex = getPageIndex(i);\n\n                    if (pageIndex === null) {\n                        return (\n                            <div key={i.toString()} className={styles.dots}>\n                                ...\n                            </div>\n                        );\n                    }\n\n                    const active = currentPageIndex === pageIndex;\n\n                    return (\n                        <Tag\n                            key={i.toString()}\n                            checked={active}\n                            disabled={active}\n                            onClick={() => onPageChange(pageIndex)}\n                        >\n                            {getPageString(pageIndex + 1)}\n                        </Tag>\n                    );\n                })}\n        </React.Fragment>\n    );\n};\n"],"names":[],"mappings":";;;;AAAA;AAaa,MAAA,WAAW,GAAyB,CAAC,EAC9C,WAAW,GAAG,CAAC,EACf,aAAa,GAAG,CAAC,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,GAAG,MAAM,IAAI,GAC5B,KAAI;AACD,IAAA,MAAM,YAAY,GAAG,WAAW,GAAG,aAAa,GAAG,CAAC;AACpD,IAAA,MAAM,gBAAgB,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC;AAC7C,IAAA,MAAM,QAAQ,GAAG,UAAU,IAAI,gBAAgB;IAC/C,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,gBAAgB;AAE9D,IAAA,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,YAAoB,KAAI;AACrB,QAAA,MAAM,SAAS,GAAG,UAAU,GAAG,CAAC;AAChC,QAAA,MAAM,YAAY,GAAG,SAAS,GAAG,gBAAgB;AACjD,QAAA,MAAM,gBAAgB,GAAG,aAAa,GAAG,CAAC;AAC1C,QAAA,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,YAAY;AAE3D,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAK,CAAC,QAAQ,IAAI,KAAK,IAAI,YAAY;AAE/E,QAAA,IAAI,YAAY,GAAG,WAAW,EAAE;AAC5B,YAAA,OAAO,YAAY;;QAGvB,IAAI,YAAY,KAAK,WAAW,IAAI,iBAAiB,CAAC,gBAAgB,CAAC,EAAE;AACrE,YAAA,OAAO,IAAI;;QAGf,IAAI,mBAAmB,KAAK,WAAW,IAAI,iBAAiB,CAAC,YAAY,CAAC,EAAE;AACxE,YAAA,OAAO,IAAI;;AAGf,QAAA,IAAI,mBAAmB,GAAG,WAAW,EAAE;YACnC,OAAO,SAAS,GAAG,mBAAmB;;AAG1C,QAAA,MAAM,aAAa,GAAG,gBAAgB,GAAG,YAAY,GAAG,YAAY;AAEpE,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,mBAAmB,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAC3F,KAAC,EACD,CAAC,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,CAAC,CACrF;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,IAAY,KAAK,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;IAEpE,QACI,oBAAC,KAAK,CAAC,QAAQ,EACV,IAAA,EAAA,KAAK,CAAC,aAAa;SACf,IAAI,CAAC,EAAE;AACP,SAAA,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACV,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC;AAEjC,QAAA,IAAI,SAAS,KAAK,IAAI,EAAE;AACpB,YAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,KAAA,CAExC;;AAId,QAAA,MAAM,MAAM,GAAG,gBAAgB,KAAK,SAAS;AAE7C,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,GAAG,EACA,EAAA,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,YAAY,CAAC,SAAS,CAAC,EAErC,EAAA,aAAa,CAAC,SAAS,GAAG,CAAC,CAAC,CAC3B;KAEb,CAAC,CACO;AAEzB;;;;"}

package/modern/components/default-view/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"dots":"pagination__dots_ups8r"};
+const styles = {"dots":"pagination__dots_1b41f"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/default-view/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}

package/modern/components/per-page-view/index.css

@@ -3,7 +3,7 @@
     --gap-0: 0px;
     --gap-16: var(--gap-m);
 }
-.pagination__component_8qf5y {
+.pagination__component_1c092 {
     display: block;
     margin: var(--gap-0) var(--gap-16);
 }

package/modern/components/per-page-view/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
 import { type PaginationProps } from '../../Component';
-declare type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
+type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
 export declare const PerPageView: FC<PerPageViewProps>;
 export {};

package/modern/components/per-page-view/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"pagination__component_8qf5y"};
+const styles = {"component":"pagination__component_1c092"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/per-page-view/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}

package/modern/components/tag/index.css

@@ -14,7 +14,7 @@
     --gap-0: 0px;
     --gap-6: 6px;
 }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql {
+button.pagination__tag_risa7.pagination__tag_risa7 {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-8);
     border: none;
@@ -23,27 +23,27 @@ button.pagination__tag_5v4ql.pagination__tag_5v4ql {
     min-width: 32px;
     height: 32px;
 }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql:not(.pagination__arrow_5v4ql) {
+button.pagination__tag_risa7.pagination__tag_risa7:not(.pagination__arrow_risa7) {
         padding: var(--gap-0) var(--gap-6);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql:disabled:not(.pagination__checked_5v4ql) {
+button.pagination__tag_risa7.pagination__tag_risa7:disabled:not(.pagination__checked_risa7) {
         opacity: 0.3;
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql:hover:not(:disabled) {
+button.pagination__tag_risa7.pagination__tag_risa7:hover:not(:disabled) {
         background-color: var(--color-light-transparent-default-hover);
         color: var(--color-light-text-primary);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql:active:not(:disabled) {
+button.pagination__tag_risa7.pagination__tag_risa7:active:not(:disabled) {
         background-color: var(--color-light-transparent-default-press);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql.pagination__checked_5v4ql {
+button.pagination__tag_risa7.pagination__tag_risa7.pagination__checked_risa7 {
         cursor: default;
         background-color: var(--color-light-accent-secondary);
         color: var(--color-light-text-primary-inverted);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql.pagination__checked_5v4ql:hover:not(:disabled) {
+button.pagination__tag_risa7.pagination__tag_risa7.pagination__checked_risa7:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
     }
-button.pagination__tag_5v4ql.pagination__tag_5v4ql.pagination__checked_5v4ql:active:not(:disabled) {
+button.pagination__tag_risa7.pagination__tag_risa7.pagination__checked_risa7:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/modern/components/tag/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"tag":"pagination__tag_5v4ql","arrow":"pagination__arrow_5v4ql","checked":"pagination__checked_5v4ql"};
+const styles = {"tag":"pagination__tag_risa7","arrow":"pagination__arrow_risa7","checked":"pagination__checked_risa7"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/tag/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: var(--gap-0) var(--gap-6);\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: var(--gap-0) var(--gap-6);\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}

package/modern/index.css

@@ -10,10 +10,10 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-button.pagination__arrow_1gvzq.pagination__arrow_1gvzq {
+button.pagination__arrow_1x9pq.pagination__arrow_1x9pq {
     width: 32px;
 }
-.pagination__component_1gvzq {
+.pagination__component_1x9pq {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -25,9 +25,9 @@ button.pagination__arrow_1gvzq.pagination__arrow_1gvzq {
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
-.pagination__defaultView_1gvzq > * {
+.pagination__defaultView_1x9pq > * {
         margin-right: var(--gap-8);
     }
-.pagination__defaultView_1gvzq > *:last-child {
+.pagination__defaultView_1x9pq > *:last-child {
             margin-right: var(--gap-0);
         }

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"arrow":"pagination__arrow_1gvzq","component":"pagination__component_1gvzq","defaultView":"pagination__defaultView_1gvzq"};
+const styles = {"arrow":"pagination__arrow_1x9pq","component":"pagination__component_1x9pq","defaultView":"pagination__defaultView_1x9pq"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}

package/moderncssm/Component.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-export declare type PaginationProps = {
+export type PaginationProps = {
     /**
      * Текущая страница (с нуля)
      */

package/moderncssm/components/default-view/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
 import { type PaginationProps } from '../../Component';
-declare type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
+type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
 export declare const DefaultView: FC<DefaultViewProps>;
 export {};

package/moderncssm/components/default-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/default-view/index.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { type FC, useCallback } from 'react';\n\nimport { type PaginationProps } from '../../Component';\nimport { Tag } from '../tag';\n\nimport styles from './index.module.css';\n\ntype DefaultViewProps = Pick<\n    PaginationProps,\n    'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'\n>;\n\nexport const DefaultView: FC<DefaultViewProps> = ({\n    sidePadding = 2,\n    activePadding = 1,\n    pagesCount,\n    currentPageIndex,\n    onPageChange = () => null,\n}) => {\n    const maxHalfCount = sidePadding + activePadding + 1;\n    const maxElementsCount = maxHalfCount * 2 + 1;\n    const itemsFit = pagesCount <= maxElementsCount;\n    const elementsCount = itemsFit ? pagesCount : maxElementsCount;\n\n    const getPageIndex = useCallback(\n        (elementIndex: number) => {\n            const lastIndex = pagesCount - 1;\n            const reverseIndex = lastIndex - currentPageIndex;\n            const lastElementIndex = elementsCount - 1;\n            const reverseElementIndex = lastElementIndex - elementIndex;\n\n            const hasCollapsedItems = (index: number) => !itemsFit && index >= maxHalfCount;\n\n            if (elementIndex < sidePadding) {\n                return elementIndex;\n            }\n\n            if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex < sidePadding) {\n                return lastIndex - reverseElementIndex;\n            }\n\n            const computedIndex = currentPageIndex - maxHalfCount + elementIndex;\n\n            return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));\n        },\n        [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding],\n    );\n\n    const getPageString = (page: number) => page.toLocaleString('ru-RU');\n\n    return (\n        <React.Fragment>\n            {Array(elementsCount)\n                .fill('')\n                .map((_, i) => {\n                    const pageIndex = getPageIndex(i);\n\n                    if (pageIndex === null) {\n                        return (\n                            <div key={i.toString()} className={styles.dots}>\n                                ...\n                            </div>\n                        );\n                    }\n\n                    const active = currentPageIndex === pageIndex;\n\n                    return (\n                        <Tag\n                            key={i.toString()}\n                            checked={active}\n                            disabled={active}\n                            onClick={() => onPageChange(pageIndex)}\n                        >\n                            {getPageString(pageIndex + 1)}\n                        </Tag>\n                    );\n                })}\n        </React.Fragment>\n    );\n};\n"],"names":[],"mappings":";;;;AAAA;AAaa,MAAA,WAAW,GAAyB,CAAC,EAC9C,WAAW,GAAG,CAAC,EACf,aAAa,GAAG,CAAC,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,GAAG,MAAM,IAAI,GAC5B,KAAI;AACD,IAAA,MAAM,YAAY,GAAG,WAAW,GAAG,aAAa,GAAG,CAAC;AACpD,IAAA,MAAM,gBAAgB,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC;AAC7C,IAAA,MAAM,QAAQ,GAAG,UAAU,IAAI,gBAAgB;IAC/C,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,gBAAgB;AAE9D,IAAA,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,YAAoB,KAAI;AACrB,QAAA,MAAM,SAAS,GAAG,UAAU,GAAG,CAAC;AAChC,QAAA,MAAM,YAAY,GAAG,SAAS,GAAG,gBAAgB;AACjD,QAAA,MAAM,gBAAgB,GAAG,aAAa,GAAG,CAAC;AAC1C,QAAA,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,YAAY;AAE3D,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAK,CAAC,QAAQ,IAAI,KAAK,IAAI,YAAY;QAE/E,IAAI,YAAY,GAAG,WAAW,EAAE;AAC5B,YAAA,OAAO,YAAY;AACtB;QAED,IAAI,YAAY,KAAK,WAAW,IAAI,iBAAiB,CAAC,gBAAgB,CAAC,EAAE;AACrE,YAAA,OAAO,IAAI;AACd;QAED,IAAI,mBAAmB,KAAK,WAAW,IAAI,iBAAiB,CAAC,YAAY,CAAC,EAAE;AACxE,YAAA,OAAO,IAAI;AACd;QAED,IAAI,mBAAmB,GAAG,WAAW,EAAE;YACnC,OAAO,SAAS,GAAG,mBAAmB;AACzC;AAED,QAAA,MAAM,aAAa,GAAG,gBAAgB,GAAG,YAAY,GAAG,YAAY;AAEpE,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,mBAAmB,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAC3F,KAAC,EACD,CAAC,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,CAAC,CACrF;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,IAAY,KAAK,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;IAEpE,QACI,oBAAC,KAAK,CAAC,QAAQ,EACV,IAAA,EAAA,KAAK,CAAC,aAAa;SACf,IAAI,CAAC,EAAE;AACP,SAAA,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACV,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC;QAEjC,IAAI,SAAS,KAAK,IAAI,EAAE;AACpB,YAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,KAAA,CAExC;AAEb;AAED,QAAA,MAAM,MAAM,GAAG,gBAAgB,KAAK,SAAS;AAE7C,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,GAAG,EACA,EAAA,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,YAAY,CAAC,SAAS,CAAC,EAErC,EAAA,aAAa,CAAC,SAAS,GAAG,CAAC,CAAC,CAC3B;KAEb,CAAC,CACO;AAEzB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/default-view/index.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { type FC, useCallback } from 'react';\n\nimport { type PaginationProps } from '../../Component';\nimport { Tag } from '../tag';\n\nimport styles from './index.module.css';\n\ntype DefaultViewProps = Pick<\n    PaginationProps,\n    'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'\n>;\n\nexport const DefaultView: FC<DefaultViewProps> = ({\n    sidePadding = 2,\n    activePadding = 1,\n    pagesCount,\n    currentPageIndex,\n    onPageChange = () => null,\n}) => {\n    const maxHalfCount = sidePadding + activePadding + 1;\n    const maxElementsCount = maxHalfCount * 2 + 1;\n    const itemsFit = pagesCount <= maxElementsCount;\n    const elementsCount = itemsFit ? pagesCount : maxElementsCount;\n\n    const getPageIndex = useCallback(\n        (elementIndex: number) => {\n            const lastIndex = pagesCount - 1;\n            const reverseIndex = lastIndex - currentPageIndex;\n            const lastElementIndex = elementsCount - 1;\n            const reverseElementIndex = lastElementIndex - elementIndex;\n\n            const hasCollapsedItems = (index: number) => !itemsFit && index >= maxHalfCount;\n\n            if (elementIndex < sidePadding) {\n                return elementIndex;\n            }\n\n            if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex < sidePadding) {\n                return lastIndex - reverseElementIndex;\n            }\n\n            const computedIndex = currentPageIndex - maxHalfCount + elementIndex;\n\n            return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));\n        },\n        [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding],\n    );\n\n    const getPageString = (page: number) => page.toLocaleString('ru-RU');\n\n    return (\n        <React.Fragment>\n            {Array(elementsCount)\n                .fill('')\n                .map((_, i) => {\n                    const pageIndex = getPageIndex(i);\n\n                    if (pageIndex === null) {\n                        return (\n                            <div key={i.toString()} className={styles.dots}>\n                                ...\n                            </div>\n                        );\n                    }\n\n                    const active = currentPageIndex === pageIndex;\n\n                    return (\n                        <Tag\n                            key={i.toString()}\n                            checked={active}\n                            disabled={active}\n                            onClick={() => onPageChange(pageIndex)}\n                        >\n                            {getPageString(pageIndex + 1)}\n                        </Tag>\n                    );\n                })}\n        </React.Fragment>\n    );\n};\n"],"names":[],"mappings":";;;;AAAA;AAaa,MAAA,WAAW,GAAyB,CAAC,EAC9C,WAAW,GAAG,CAAC,EACf,aAAa,GAAG,CAAC,EACjB,UAAU,EACV,gBAAgB,EAChB,YAAY,GAAG,MAAM,IAAI,GAC5B,KAAI;AACD,IAAA,MAAM,YAAY,GAAG,WAAW,GAAG,aAAa,GAAG,CAAC;AACpD,IAAA,MAAM,gBAAgB,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC;AAC7C,IAAA,MAAM,QAAQ,GAAG,UAAU,IAAI,gBAAgB;IAC/C,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,gBAAgB;AAE9D,IAAA,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,YAAoB,KAAI;AACrB,QAAA,MAAM,SAAS,GAAG,UAAU,GAAG,CAAC;AAChC,QAAA,MAAM,YAAY,GAAG,SAAS,GAAG,gBAAgB;AACjD,QAAA,MAAM,gBAAgB,GAAG,aAAa,GAAG,CAAC;AAC1C,QAAA,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,YAAY;AAE3D,QAAA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAK,CAAC,QAAQ,IAAI,KAAK,IAAI,YAAY;AAE/E,QAAA,IAAI,YAAY,GAAG,WAAW,EAAE;AAC5B,YAAA,OAAO,YAAY;;QAGvB,IAAI,YAAY,KAAK,WAAW,IAAI,iBAAiB,CAAC,gBAAgB,CAAC,EAAE;AACrE,YAAA,OAAO,IAAI;;QAGf,IAAI,mBAAmB,KAAK,WAAW,IAAI,iBAAiB,CAAC,YAAY,CAAC,EAAE;AACxE,YAAA,OAAO,IAAI;;AAGf,QAAA,IAAI,mBAAmB,GAAG,WAAW,EAAE;YACnC,OAAO,SAAS,GAAG,mBAAmB;;AAG1C,QAAA,MAAM,aAAa,GAAG,gBAAgB,GAAG,YAAY,GAAG,YAAY;AAEpE,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,mBAAmB,EAAE,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAC3F,KAAC,EACD,CAAC,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,CAAC,CACrF;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,IAAY,KAAK,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;IAEpE,QACI,oBAAC,KAAK,CAAC,QAAQ,EACV,IAAA,EAAA,KAAK,CAAC,aAAa;SACf,IAAI,CAAC,EAAE;AACP,SAAA,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACV,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC;AAEjC,QAAA,IAAI,SAAS,KAAK,IAAI,EAAE;AACpB,YAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,KAAA,CAExC;;AAId,QAAA,MAAM,MAAM,GAAG,gBAAgB,KAAK,SAAS;AAE7C,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,GAAG,EACA,EAAA,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,YAAY,CAAC,SAAS,CAAC,EAErC,EAAA,aAAa,CAAC,SAAS,GAAG,CAAC,CAAC,CAC3B;KAEb,CAAC,CACO;AAEzB;;;;"}

package/moderncssm/components/per-page-view/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
 import { type PaginationProps } from '../../Component';
-declare type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
+type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
 export declare const PerPageView: FC<PerPageViewProps>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pagination",
-    "version": "4.0.2",
+    "version": "4.0.3",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,7 +10,7 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-tag": "^10.0.2",
+        "@alfalab/core-components-tag": "^10.0.3",
         "@alfalab/icons-glyph": "^2.260.0",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
@@ -23,6 +23,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.0.1",
-    "varsVersion": "11.0.1"
+    "themesVersion": "15.0.2",
+    "varsVersion": "11.0.2"
 }

package/src/components/default-view/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .dots {
     width: 32px;

package/src/components/per-page-view/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .component {
     display: block;

package/src/components/tag/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 button.tag.tag {
     color: var(--color-light-text-secondary);

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 button.arrow.arrow {
     width: 32px;