@redneckz/wildless-cms-uni-blocks 0.2.91 → 0.2.92

package/lib/components/ComparisonTable/ComparisonTable.js

@@ -7,7 +7,8 @@ import { TableCarouselContainer } from './TableCarouselContainer.js';
 import { useLink } from '../../hooks/useLink.js';
 import { HeaderCell } from './HeaderCell.js';
 import { TableRow } from './TableRow.js';
-import { COLS_LENGTH_FOR_SCROLL, FIRST_CELL_CLASSES } from './constants.js';
+import { COLS_LENGTH_FOR_SCROLL, COLUMN_WIDTH, FIRST_CELL_CLASSES } from './constants.js';
+import { useComparisonTableScroll } from '../../hooks/useComparisonTableScroll.js';
 export const ComparisonTable = JSX(({ className, context, title, rowHeaders, columns, visibleRowLength = 0, isColoredFirstColumn = false, }) => {
     const router = context.useRouter();
     const { handlerDecorator } = context;
@@ -21,12 +22,8 @@ export const ComparisonTable = JSX(({ className, context, title, rowHeaders, col
         data: colData.map((col) => col?.[i] || [{}]),
     }))
         .slice(0, isShowAllRow ? rowHeaders.length : visibleRowLength);
-    const nextClick = () => setActiveCardIndex(activeCardIndex + 1);
-    const prevClick = () => setActiveCardIndex(activeCardIndex - 1);
+    const { nextClick, prevClick, isScrollAvailable, showNextButton, showPrevButton } = useComparisonTableScroll(colData, COLS_LENGTH_FOR_SCROLL, activeCardIndex, setActiveCardIndex);
     const showToggle = () => setIsShowAllRow(!isShowAllRow);
-    const isScrollAvailable = colData?.length && colData.length > COLS_LENGTH_FOR_SCROLL;
-    const showNextButton = isScrollAvailable && colData?.length - activeCardIndex > COLS_LENGTH_FOR_SCROLL;
-    const showPrevButton = isScrollAvailable && activeCardIndex > 0;
-    return (_jsxs("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [_jsx(Title, { className: "font-medium m-0 max-w-[47rem] text-center mb-9 mx-auto", children: title }), _jsxs("div", { role: "table", children: [colHeaders?.length ? (_jsxs(TableRowContainer, { children: [_jsx("div", { className: FIRST_CELL_CLASSES, role: "columnheader", scope: "col" }), _jsx(TableCarouselContainer, { activeCardIndex: activeCardIndex, children: colHeaders.map((header, i) => (_jsx(HeaderCell, { ...header, link: header.link && useLink({ router, handlerDecorator }, header.link) }, String(i)))) })] })) : null, rowData?.length ? (_jsxs("div", { className: "relative", children: [rowData.map((row, i, { length }) => (_jsx(TableRow, { row: row, isFirstRow: i === 0, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex, isColoredFirstColumn: isColoredFirstColumn }, String(i)))), isScrollAvailable ? (_jsx("div", { children: _jsxs("div", { className: "absolute top-7 right-7 z-10", children: [_jsx(ArrowButton, { onClick: nextClick, disabled: !showNextButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E" }), _jsx(ArrowButton, { className: "mt-4 rotate-180", onClick: prevClick, disabled: !showPrevButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E" })] }) })) : null] })) : null] }), isScrollAvailable ? (_jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null, visibleRowLength ? (_jsx("div", { className: "pr-[50px]", children: _jsxs("div", { className: "flex w-full", children: [_jsx("div", { className: FIRST_CELL_CLASSES }), _jsx("button", { onClick: showToggle, className: "mt-5 flex-1 border-main-stroke border-solid border text-primary-text bg-white hover:border-primary-main hover:text-primary-main", children: _jsx("div", { className: "font-sans font-medium text-xs py-[11px]", children: !isShowAllRow ? 'Показать все параметры' : 'Скрыть' }) })] }) })) : null] }));
+    return (_jsxs("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [_jsx(Title, { className: "font-medium m-0 max-w-[47rem] text-center mb-9 mx-auto", children: title }), _jsxs("div", { role: "table", children: [colHeaders?.length ? (_jsxs(TableRowContainer, { children: [_jsx("div", { className: FIRST_CELL_CLASSES, role: "columnheader", scope: "col" }), _jsx(TableCarouselContainer, { activeCardIndex: activeCardIndex, columnWidth: COLUMN_WIDTH, children: colHeaders.map((header, i) => (_jsx(HeaderCell, { ...header, link: header.link && useLink({ router, handlerDecorator }, header.link) }, String(i)))) })] })) : null, rowData?.length ? (_jsxs("div", { className: "relative", children: [rowData.map((row, i, { length }) => (_jsx(TableRow, { row: row, isFirstRow: i === 0, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex, isColoredFirstColumn: isColoredFirstColumn }, String(i)))), isScrollAvailable ? (_jsx("div", { children: _jsxs("div", { className: "absolute top-7 right-7 z-10", children: [_jsx(ArrowButton, { onClick: nextClick, disabled: !showNextButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E" }), _jsx(ArrowButton, { className: "mt-4 rotate-180", onClick: prevClick, disabled: !showPrevButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E" })] }) })) : null] })) : null] }), isScrollAvailable ? (_jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null, visibleRowLength ? (_jsx("div", { className: "pr-[50px]", children: _jsxs("div", { className: "flex w-full", children: [_jsx("div", { className: FIRST_CELL_CLASSES }), _jsx("button", { onClick: showToggle, className: "mt-5 flex-1 border-main-stroke border-solid border text-primary-text bg-white hover:border-primary-main hover:text-primary-main", children: _jsx("div", { className: "font-sans font-medium text-xs py-[11px]", children: !isShowAllRow ? 'Показать все параметры' : 'Скрыть' }) })] }) })) : null] }));
 });
 //# sourceMappingURL=ComparisonTable.js.map

package/lib/components/ComparisonTable/ComparisonTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonTable.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAIzE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EACC,SAAS,EACT,OAAO,EACP,KAAK,EACL,UAAU,EACV,OAAO,EACP,gBAAgB,GAAG,CAAC,EACpB,oBAAoB,GAAG,KAAK,GAC7B,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACrC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAE5E,MAAM,UAAU,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvD,MAAM,OAAO,GAAY,UAAU;QACjC,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACpB,MAAM;QACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC7C,CAAC,CAAC;SACF,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAEjE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IAChE,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;IAExD,MAAM,iBAAiB,GAAG,OAAO,EAAE,MAAM,IAAI,OAAO,CAAC,MAAM,GAAG,sBAAsB,CAAC;IACrF,MAAM,cAAc,GAClB,iBAAiB,IAAI,OAAO,EAAE,MAAM,GAAG,eAAe,GAAG,sBAAsB,CAAC;IAClF,MAAM,cAAc,GAAG,iBAAiB,IAAI,eAAe,GAAG,CAAC,CAAC;IAEhE,OAAO,CACL,mBACE,SAAS,EAAE,qFACT,SAAS,IAAI,EACf,EAAE,aAEF,KAAC,KAAK,IAAC,SAAS,EAAC,wDAAwD,YAAE,KAAK,GAAS,EACzF,eAAK,IAAI,EAAC,OAAO,aACd,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CACpB,MAAC,iBAAiB,eAChB,cAAK,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,KAAK,GAAG,EACtE,KAAC,sBAAsB,IAAC,eAAe,EAAE,eAAe,YACrD,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,KAAC,UAAU,OAEL,MAAM,EACV,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,IAFlE,MAAM,CAAC,CAAC,CAAC,CAGd,CACH,CAAC,GACqB,IACP,CACrB,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,eAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,IAEP,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,CAAC,KAAK,CAAC,EACnB,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,IALrC,MAAM,CAAC,CAAC,CAAC,CAMd,CACH,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,wBACE,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,WAAW,IACV,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,cAAc,EACzB,SAAS,EAAC,mGAAmB,GAC7B,EACF,KAAC,WAAW,IACV,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,cAAc,EACzB,SAAS,EAAC,6FAAkB,GAC5B,IACE,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EAEL,iBAAiB,CAAC,CAAC,CAAC,CACnB,cAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,EAEP,gBAAgB,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,WAAW,YACxB,eAAK,SAAS,EAAC,aAAa,aAC1B,cAAK,SAAS,EAAE,kBAAkB,GAAI,EACtC,iBACE,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,iIAAiI,YAE3I,cAAK,SAAS,EAAC,yCAAyC,YACrD,CAAC,YAAY,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,QAAQ,GAChD,GACC,IACL,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"ComparisonTable.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTable.tsx"],"names":[],"mappings":"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"}

package/lib/components/ComparisonTable/ComparisonTableContent.d.ts

@@ -1,6 +1,5 @@
 import type { LinkProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
-import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import type { IconName } from '../../ui-kit/Icon/IconProps';
 /**
  * @hidden
@@ -9,10 +8,6 @@ export declare type Row = {
     header: RowHeader;
     data: CellData[][];
 };
-/**
- * @hidden
- */
-export declare type RowData = Row[] | undefined;
 /**
  * @title Ячейка
  */
@@ -21,18 +16,6 @@ export interface CellData {
     label?: string;
     /** @title Описание */
     description?: string;
-    /**
-     *  @title Иконки
-     *  @hidden
-     */
-    icons?: IconName[];
-    /** @hidden */
-    image?: Picture;
-    /**
-     * @title Кнопки
-     * @hidden
-     */
-    buttons?: ButtonProps[];
 }
 /**
  * @title Шапка колонки
@@ -59,7 +42,6 @@ export interface Column {
 export interface RowHeader {
     /** @title Заголовок */
     title?: string;
-    icon?: IconName;
 }
 /**
  * @title Сравнительная таблица

package/lib/components/ComparisonTable/TableCarouselContainer.d.ts

@@ -1,4 +1,7 @@
+import { TableVersion } from '../../model/TableVersion';
 export interface TableCarouselContainerProps {
     activeCardIndex: number;
+    columnWidth: number;
+    version?: TableVersion;
 }
 export declare const TableCarouselContainer: (props: import("@redneckz/uni-jsx").PropsWithChildren<TableCarouselContainerProps, any>, context?: any) => any;

package/lib/components/ComparisonTable/TableCarouselContainer.js

@@ -1,5 +1,8 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { COLUMN_WIDTH } from './constants.js';
-export const TableCarouselContainer = JSX(({ children, activeCardIndex }) => (_jsx("div", { className: "flex flex-1 overflow-hidden", children: _jsx("div", { className: "flex gap-4 duration-1000", style: { transform: `translateX(-${activeCardIndex * COLUMN_WIDTH}px)` }, children: children }) })));
+const carouselContainerClassesMap = {
+    comparison: 'flex gap-4 duration-1000',
+    tariff: 'flex flex-grow duration-1000',
+};
+export const TableCarouselContainer = JSX(({ children, activeCardIndex, columnWidth, version = 'comparison' }) => (_jsx("div", { className: "flex flex-1 overflow-hidden", children: _jsx("div", { className: carouselContainerClassesMap[version], style: { transform: `translateX(-${activeCardIndex * columnWidth}px)` }, children: children }) })));
 //# sourceMappingURL=TableCarouselContainer.js.map

package/lib/components/ComparisonTable/TableCarouselContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCarouselContainer.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableCarouselContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAM3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACjC,cAAK,SAAS,EAAC,6BAA6B,YAC1C,cACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,eAAe,GAAG,YAAY,KAAK,EAAE,YAEvE,QAAQ,GACL,GACF,CACP,CACF,CAAC"}
+{"version":3,"file":"TableCarouselContainer.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableCarouselContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,2BAA2B,GAAiC;IAChE,UAAU,EAAE,0BAA0B;IACtC,MAAM,EAAE,8BAA8B;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,OAAO,GAAG,YAAY,EAAE,EAAE,EAAE,CAAC,CACtE,cAAK,SAAS,EAAC,6BAA6B,YAC1C,cACE,SAAS,EAAE,2BAA2B,CAAC,OAAO,CAAC,EAC/C,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,eAAe,GAAG,WAAW,KAAK,EAAE,YAEtE,QAAQ,GACL,GACF,CACP,CACF,CAAC"}

package/lib/components/ComparisonTable/TableRow.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { DIVIDER_CLASSES, FIRST_CELL_CLASSES } from './constants.js';
+import { COLUMN_WIDTH, DIVIDER_CLASSES, FIRST_CELL_CLASSES } from './constants.js';
 import { TableCarouselContainer } from './TableCarouselContainer.js';
 import { TableCell } from './TableCell.js';
 import { TableRowContainer } from './TableRowContainer.js';
-export const TableRow = JSX(({ row: { header, data }, activeCardIndex, isColoredFirstColumn, isFirstRow, isLastRow }) => (_jsxs(TableRowContainer, { children: [header?.title ? (_jsx("div", { className: `text-sm py-7 ${DIVIDER_CLASSES} ${FIRST_CELL_CLASSES} ${!isLastRow ? 'border-solid' : ''}`, children: header.title })) : null, data?.length ? (_jsx(TableCarouselContainer, { activeCardIndex: activeCardIndex, children: data.map((cell, i) => (_jsx(TableCell, { cell: cell, isFirstRow: isFirstRow, isLastRow: isLastRow, isFillGradient: isColoredFirstColumn && i === 0 }, String(i)))) })) : null] })));
+export const TableRow = JSX(({ row: { header, data }, activeCardIndex, isColoredFirstColumn, isFirstRow, isLastRow }) => (_jsxs(TableRowContainer, { children: [header?.title ? (_jsx("div", { className: `text-sm py-7 ${DIVIDER_CLASSES} ${FIRST_CELL_CLASSES} ${!isLastRow ? 'border-solid' : ''}`, children: header.title })) : null, data?.length ? (_jsx(TableCarouselContainer, { activeCardIndex: activeCardIndex, columnWidth: COLUMN_WIDTH, children: data.map((cell, i) => (_jsx(TableCell, { cell: cell, isFirstRow: isFirstRow, isLastRow: isLastRow, isFillGradient: isColoredFirstColumn && i === 0 }, String(i)))) })) : null] })));
 //# sourceMappingURL=TableRow.js.map

package/lib/components/ComparisonTable/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAWxD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC3F,MAAC,iBAAiB,eACf,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CACf,cACE,SAAS,EAAE,gBAAgB,eAAe,IAAI,kBAAkB,IAC9D,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAChC,EAAE,YAED,MAAM,CAAC,KAAK,GACT,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,sBAAsB,IAAC,eAAe,EAAE,eAAe,YACrD,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,KAAC,SAAS,IAER,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,oBAAoB,IAAI,CAAC,KAAK,CAAC,IAJ1C,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC,GACqB,CAC1B,CAAC,CAAC,CAAC,IAAI,IACU,CACrB,CACF,CAAC"}
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAWxD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC3F,MAAC,iBAAiB,eACf,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CACf,cACE,SAAS,EAAE,gBAAgB,eAAe,IAAI,kBAAkB,IAC9D,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAChC,EAAE,YAED,MAAM,CAAC,KAAK,GACT,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,sBAAsB,IAAC,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,YAChF,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,KAAC,SAAS,IAER,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,oBAAoB,IAAI,CAAC,KAAK,CAAC,IAJ1C,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC,GACqB,CAC1B,CAAC,CAAC,CAAC,IAAI,IACU,CACrB,CACF,CAAC"}

package/lib/components/TariffsTable/TariffsTable.d.ts

@@ -0,0 +1,5 @@
+import type { UniBlockProps } from '../../types';
+import type { TariffsTableContent } from './TariffsTableContent';
+export interface TariffsTableProps extends TariffsTableContent, UniBlockProps {
+}
+export declare const TariffsTable: (props: import("@redneckz/uni-jsx").PropsWithChildren<TariffsTableProps, any>, context?: any) => any;

package/lib/components/TariffsTable/TariffsTable.fixture.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    default: any;
+    '1 column': any;
+    '2 columns': any;
+    '3 columns': any;
+};
+export default _default;

package/lib/components/TariffsTable/TariffsTable.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { ArrowButton } from '../../ui-kit/Button/ArrowButton.js';
+import { Title } from '../../ui-kit/Title/Title.js';
+import { COLS_LENGTH_FOR_SCROLL } from './constants.js';
+import { TariffsTableRow } from './TariffsTableRow.js';
+import { useComparisonTableScroll } from '../../hooks/useComparisonTableScroll.js';
+export const TariffsTable = JSX(({ className, context, title, rowHeaders, columns }) => {
+    const [activeCardIndex, setActiveCardIndex] = context.useState(0);
+    const colData = columns?.map(({ data }) => data) || [];
+    const rowData = rowHeaders?.map((header, i) => ({
+        header,
+        data: colData.map((col) => col?.[i] || [{}]),
+    }));
+    const { nextClick, prevClick, isScrollAvailable, showNextButton, showPrevButton } = useComparisonTableScroll(colData, COLS_LENGTH_FOR_SCROLL, activeCardIndex, setActiveCardIndex);
+    return (_jsxs("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [_jsx(Title, { className: "font-medium m-0 max-w-[47rem] text-center mb-9 mx-auto", children: title }), rowData?.length ? (_jsxs("div", { className: "relative", children: [rowData.map((row, i, { length }) => (_jsx(TariffsTableRow, { row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex }, String(i)))), isScrollAvailable ? (_jsx("div", { children: _jsxs("div", { className: "absolute top-7 right-7 z-10", children: [_jsx(ArrowButton, { onClick: nextClick, disabled: !showNextButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E" }), _jsx(ArrowButton, { className: "mt-4 rotate-180", onClick: prevClick, disabled: !showPrevButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E" })] }) })) : null] })) : null, isScrollAvailable ? (_jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] }));
+});
+//# sourceMappingURL=TariffsTable.js.map

package/lib/components/TariffsTable/TariffsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TariffsTable.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIhF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IACrD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvD,MAAM,OAAO,GAAG,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC9C,MAAM;QACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC7C,CAAC,CAAC,CAAC;IAEJ,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,GAC/E,wBAAwB,CACtB,OAAO,EACP,sBAAsB,EACtB,eAAe,EACf,kBAAkB,CACnB,CAAC;IAEJ,OAAO,CACL,mBACE,SAAS,EAAE,qFACT,SAAS,IAAI,EACf,EAAE,aAEF,KAAC,KAAK,IAAC,SAAS,EAAC,wDAAwD,YAAE,KAAK,GAAS,EACxF,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,eAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACnC,KAAC,eAAe,IAEd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,GAAG,CAAC,KAAK,MAAM,EAC3B,eAAe,EAAE,eAAe,IAH3B,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,wBACE,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,WAAW,IACV,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,cAAc,EACzB,SAAS,EAAC,mGAAmB,GAC7B,EACF,KAAC,WAAW,IACV,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,cAAc,EACzB,SAAS,EAAC,6FAAkB,GAC5B,IACE,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,CAAC,CAAC,CACnB,cAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/TariffsTable/TariffsTableCell.d.ts

@@ -0,0 +1,6 @@
+import type { TariffsTableCellData } from './TariffsTableContent';
+export interface TariffsTableCellProps {
+    cell: TariffsTableCellData[];
+    isLastRow: boolean;
+}
+export declare const TariffsTableCell: (props: import("@redneckz/uni-jsx").PropsWithChildren<TariffsTableCellProps, any>, context?: any) => any;

package/lib/components/TariffsTable/TariffsTableCell.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { DIVIDER_CLASSES } from './constants.js';
+import { BlockItem } from '../../ui-kit/BlockItem/BlockItem.js';
+import { Img } from '../../ui-kit/Img.js';
+import { Button } from '../../ui-kit/Button/Button.js';
+import { Icon } from '../../ui-kit/Icon/Icon.js';
+export const TariffsTableCell = JSX(({ cell, isLastRow }) => {
+    const cellWrapperClasses = `first:pl-0 pl-10 w-80 flex-grow flex flex-col border-solid border-main-divider border border-t-0 border-x-0 ${isLastRow ? 'border-t-0 rounded-b-md' : ''}`;
+    const cellClasses = `h-full ${DIVIDER_CLASSES}`;
+    return (_jsx("div", { className: cellWrapperClasses, children: _jsx("div", { className: cellClasses, children: cell.map((item, i) => renderCellInner(item, i)) }) }));
+});
+const renderCellInner = ({ label, description, list, image, buttons }, i) => (_jsxs("div", { className: "first:pt-5 last:pb-5", children: [i > 0 && (_jsx("div", { className: "border-main-divider border border-solid border-t-0 border-x-0 my-4" })), label && _jsx("h5", { className: "text-xl font-medium m-0", children: label }), description && _jsx("div", { className: "text-sm text-secondary-text", children: description }), list?.items?.length ? (_jsx("div", { className: "flex flex-col justify-between items-start", children: _jsx("div", { children: list.items.map((text, idx) => (_jsx(BlockItem, { text: text, version: list.version ?? 'secondary', isDotted: list.isDotted ?? true }, String(idx)))) }) })) : null, image && _jsx(Img, { image: image }), buttons?.length
+            ? buttons.map(({ icon, ...buttonProps }, idx) => (_jsx(Button, { className: `${idx > 0 ? 'ml-3' : ''} w-12 h-12`, appendLeft: icon && _jsx(Icon, { name: icon, width: "24px", height: "24px" }), ...buttonProps }, String(idx))))
+            : null] }));
+//# sourceMappingURL=TariffsTableCell.js.map

package/lib/components/TariffsTable/TariffsTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TariffsTableCell.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAO9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAwB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IACjF,MAAM,kBAAkB,GAAG,+GACzB,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAC1C,EAAE,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,eAAe,EAAE,CAAC;IAEhD,OAAO,CACL,cAAK,SAAS,EAAE,kBAAkB,YAChC,cAAK,SAAS,EAAE,WAAW,YAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,GAAO,GAChF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CACtB,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAwB,EAClE,CAAS,EACT,EAAE,CAAC,CACH,eAAK,SAAS,EAAC,sBAAsB,aAClC,CAAC,GAAG,CAAC,IAAI,CACR,cAAK,SAAS,EAAC,oEAAoE,GAAG,CACvF,EACA,KAAK,IAAI,aAAI,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAM,EAC7D,WAAW,IAAI,cAAK,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAO,EAC/E,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAC,2CAA2C,YACxD,wBACG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,KAAC,SAAS,IAER,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,WAAW,EACpC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,IAH1B,MAAM,CAAC,GAAG,CAAC,CAIhB,CACH,CAAC,GACE,GACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,IAAI,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,EAC9B,OAAO,EAAE,MAAM;YACd,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7C,KAAC,MAAM,IACL,SAAS,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,EAE/C,UAAU,EAAE,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,KAC/D,WAAW,IAFV,MAAM,CAAC,GAAG,CAAC,CAGhB,CACH,CAAC;YACJ,CAAC,CAAC,IAAI,IACJ,CACP,CAAC"}

package/lib/components/TariffsTable/TariffsTableContent.d.ts

@@ -0,0 +1,55 @@
+import type { CellData, RowHeader } from '../ComparisonTable/ComparisonTableContent';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
+import type { Picture } from '../../model/Picture';
+import type { BlockItemVersion } from '../../ui-kit/BlockItem/BlockItemProps';
+import type { BaseTileIconButton } from '../BaseTile/BaseTileProps';
+/**
+ * @title Ряд
+ */
+export declare type TariffsTableRowData = {
+    header: TariffsTableRowHeader;
+    data: TariffsTableCellData[][];
+};
+/**
+ * @title Колонка
+ */
+export interface TariffsTableColumn {
+    /** @title Данные */
+    data?: TariffsTableCellData[][];
+}
+/**
+ * @title Список
+ */
+export interface TariffsTableList {
+    version?: BlockItemVersion;
+    /** @title Маркеры */
+    isDotted?: boolean;
+    /** @title Элементы списка */
+    items?: string[];
+}
+/**
+ * @title Ячейка
+ */
+export interface TariffsTableCellData extends CellData {
+    list?: TariffsTableList;
+    image?: Picture;
+    /** @title Кнопки */
+    buttons?: BaseTileIconButton[];
+}
+/**
+ * @title Параметр
+ */
+export interface TariffsTableRowHeader extends RowHeader {
+    icon?: IconName;
+}
+/**
+ * @title Таблица тарифов
+ */
+export interface TariffsTableContent {
+    /** @title Заголовок */
+    title?: string;
+    /** @title Колонки */
+    columns?: TariffsTableColumn[];
+    /** @title Параметры */
+    rowHeaders?: TariffsTableRowHeader[];
+}

package/lib/components/TariffsTable/TariffsTableContent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TariffsTableContent.js.map

package/lib/components/TariffsTable/TariffsTableContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TariffsTableContent.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableContent.ts"],"names":[],"mappings":""}

package/lib/components/TariffsTable/TariffsTableRow.d.ts

@@ -0,0 +1,8 @@
+import type { TariffsTableRowData } from './TariffsTableContent';
+export interface TariffsTableRowProps {
+    className?: string;
+    row: TariffsTableRowData;
+    activeCardIndex: number;
+    isLastRow: boolean;
+}
+export declare const TariffsTableRow: (props: import("@redneckz/uni-jsx").PropsWithChildren<TariffsTableRowProps, any>, context?: any) => any;

package/lib/components/TariffsTable/TariffsTableRow.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { COLUMN_WIDTH, DIVIDER_CLASSES, FIRST_CELL_CLASSES } from './constants.js';
+import { Icon } from '../../ui-kit/Icon/Icon.js';
+import { TariffsTableCell } from './TariffsTableCell.js';
+import { TableRowContainer } from '../ComparisonTable/TableRowContainer.js';
+import { TableCarouselContainer } from '../ComparisonTable/TableCarouselContainer.js';
+export const TariffsTableRow = JSX(({ row: { header, data }, activeCardIndex, isLastRow }) => {
+    return (_jsxs(TableRowContainer, { children: [_jsx("div", { className: `text-sm py-5 ${FIRST_CELL_CLASSES} ${DIVIDER_CLASSES} ${!isLastRow ? 'border-solid' : ''}`, children: _jsxs("div", { className: "flex items-center text-primary-text", children: [header?.icon && (_jsx(Icon, { className: "pr-[14px]", name: header.icon, width: "24px", height: "24px" })), header?.title] }) }), data?.length ? (_jsx(TableCarouselContainer, { activeCardIndex: activeCardIndex, columnWidth: COLUMN_WIDTH, version: "tariff", children: data.map((cell, i) => (_jsx(TariffsTableCell, { cell: cell, isLastRow: isLastRow }, String(i)))) })) : null] }));
+});
+//# sourceMappingURL=TariffsTableRow.js.map

package/lib/components/TariffsTable/TariffsTableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TariffsTableRow.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAUnF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,EAAE;IACxD,OAAO,CACL,MAAC,iBAAiB,eAChB,cACE,SAAS,EAAE,gBAAgB,kBAAkB,IAAI,eAAe,IAC9D,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAChC,EAAE,YAEF,eAAK,SAAS,EAAC,qCAAqC,aACjD,MAAM,EAAE,IAAI,IAAI,CACf,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CAC7E,EACA,MAAM,EAAE,KAAK,IACV,GACF,EACL,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,KAAC,sBAAsB,IACrB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,YAAY,EACzB,OAAO,EAAC,QAAQ,YAEf,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,KAAC,gBAAgB,IAAiB,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,IAA3C,MAAM,CAAC,CAAC,CAAC,CAAsC,CACvE,CAAC,GACqB,CAC1B,CAAC,CAAC,CAAC,IAAI,IACU,CACrB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/TariffsTable/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const DIVIDER_CLASSES = "border-main-divider border border-t-0 border-x-0";
+export declare const FIRST_CELL_CLASSES = "w-[354px] flex-shrink-0";
+export declare const COLS_LENGTH_FOR_SCROLL = 2;
+export declare const COLUMN_WIDTH: number;

package/lib/components/TariffsTable/constants.js

@@ -0,0 +1,5 @@
+export const DIVIDER_CLASSES = 'border-main-divider border border-t-0 border-x-0';
+export const FIRST_CELL_CLASSES = 'w-[354px] flex-shrink-0';
+export const COLS_LENGTH_FOR_SCROLL = 2;
+export const COLUMN_WIDTH = 4 * 80 + 40; // w-80 + pl-10 = 360px
+//# sourceMappingURL=constants.js.map

package/lib/components/TariffsTable/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,kDAAkD,CAAC;AAClF,MAAM,CAAC,MAAM,kBAAkB,GAAG,yBAAyB,CAAC;AAC5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,uBAAuB"}

package/lib/components/TextBlock/TextBlock.d.ts

@@ -1,5 +1,5 @@
-import type { TextBlockContent } from './TextBlockContent';
 import type { UniBlockProps } from '../../types';
+import type { TextBlockContent } from './TextBlockContent';
 export interface TextBlockProps extends TextBlockContent, UniBlockProps {
 }
 export declare const TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<TextBlockProps, any>, context?: any) => any;

package/lib/components/TextBlock/TextBlock.js

@@ -26,7 +26,7 @@ export const TextBlock = JSX(({ title, description, blockVersion = 'primary', ic
     return (_jsxs("section", { className: `font-sans px-9 py-4 flex ${textBlockStyleMap.background} ${className || ''}`, children: [iconVersion && iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null, iconVersion && iconVersion === 'big' ? renderImage(image) : null, _jsxs("div", { className: "py-0.5", children: [title && (_jsx("div", { className: `font-medium text-base mb-1 ${textBlockStyleMap.title}`, children: title })), description && (_jsx("div", { className: `text-sm ${textBlockStyleMap.description}`, children: description }))] })] }));
 });
 function renderIcon(className) {
-    return (_jsx("div", { className: `pt-1.5 pr-4`, children: _jsx("div", { className: `rounded-full h-4 w-4 text-center text-xs ${className}`, children: "i" }) }));
+    return (_jsx("div", { className: `pt-1.5 pl-1 pr-4`, children: _jsx("div", { className: `rounded-full h-4 w-4 text-center text-xs ${className}`, children: "i" }) }));
 }
 function renderImage(image) {
     return image?.src ? _jsx(Img, { className: "pt-0.5 pr-3", image: image }) : null;

package/lib/components/TextBlock/TextBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextBlock.js","sourceRoot":"","sources":["../../../src/components/TextBlock/TextBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAIvC,MAAM,kBAAkB,GAGpB;IACF,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,YAAY;KAC1B;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,oBAAoB;QAChC,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IAClF,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC3D,OAAO,CACL,mBACE,SAAS,EAAE,4BAA4B,iBAAiB,CAAC,UAAU,IAAI,SAAS,IAAI,EAAE,EAAE,aAEvF,WAAW,IAAI,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAClF,WAAW,IAAI,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EACjE,eAAK,SAAS,EAAC,QAAQ,aACpB,KAAK,IAAI,CACR,cAAK,SAAS,EAAE,8BAA8B,iBAAiB,CAAC,KAAK,EAAE,YAAG,KAAK,GAAO,CACvF,EACA,WAAW,IAAI,CACd,cAAK,SAAS,EAAE,WAAW,iBAAiB,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,CAChF,IACG,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,SAAiB;IACnC,OAAO,CACL,cAAK,SAAS,EAAE,aAAa,YAC3B,cAAK,SAAS,EAAE,4CAA4C,SAAS,EAAE,kBAAS,GAC5E,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAe;IAClC,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3E,CAAC"}
+{"version":3,"file":"TextBlock.js","sourceRoot":"","sources":["../../../src/components/TextBlock/TextBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAKvC,MAAM,kBAAkB,GAGpB;IACF,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,YAAY;KAC1B;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,oBAAoB;QAChC,IAAI,EAAE,4BAA4B;QAClC,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,GAAG,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IAClF,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC3D,OAAO,CACL,mBACE,SAAS,EAAE,4BAA4B,iBAAiB,CAAC,UAAU,IAAI,SAAS,IAAI,EAAE,EAAE,aAEvF,WAAW,IAAI,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAClF,WAAW,IAAI,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EACjE,eAAK,SAAS,EAAC,QAAQ,aACpB,KAAK,IAAI,CACR,cAAK,SAAS,EAAE,8BAA8B,iBAAiB,CAAC,KAAK,EAAE,YAAG,KAAK,GAAO,CACvF,EACA,WAAW,IAAI,CACd,cAAK,SAAS,EAAE,WAAW,iBAAiB,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,CAChF,IACG,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,SAAiB;IACnC,OAAO,CACL,cAAK,SAAS,EAAE,kBAAkB,YAChC,cAAK,SAAS,EAAE,4CAA4C,SAAS,EAAE,kBAAS,GAC5E,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAe;IAClC,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3E,CAAC"}

package/lib/hooks/useComparisonTableScroll.d.ts

@@ -0,0 +1,7 @@
+export declare const useComparisonTableScroll: <COL_DATA>(colData: COL_DATA[], colsLengthForScroll: number, activeCardIndex: number, setActiveCardIndex: (_: number) => void) => {
+    nextClick: () => void;
+    prevClick: () => void;
+    isScrollAvailable: boolean | 0;
+    showNextButton: boolean | 0;
+    showPrevButton: boolean | 0;
+};

package/lib/hooks/useComparisonTableScroll.js

@@ -0,0 +1,9 @@
+export const useComparisonTableScroll = (colData, colsLengthForScroll, activeCardIndex, setActiveCardIndex) => {
+    const nextClick = () => setActiveCardIndex(activeCardIndex + 1);
+    const prevClick = () => setActiveCardIndex(activeCardIndex - 1);
+    const isScrollAvailable = colData?.length && colData.length > colsLengthForScroll;
+    const showNextButton = isScrollAvailable && colData?.length - activeCardIndex > colsLengthForScroll;
+    const showPrevButton = isScrollAvailable && activeCardIndex > 0;
+    return { nextClick, prevClick, isScrollAvailable, showNextButton, showPrevButton };
+};
+//# sourceMappingURL=useComparisonTableScroll.js.map

package/lib/hooks/useComparisonTableScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComparisonTableScroll.js","sourceRoot":"","sources":["../../src/hooks/useComparisonTableScroll.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,OAAmB,EACnB,mBAA2B,EAC3B,eAAuB,EACvB,kBAAuC,EACvC,EAAE;IACF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IAEhE,MAAM,iBAAiB,GAAG,OAAO,EAAE,MAAM,IAAI,OAAO,CAAC,MAAM,GAAG,mBAAmB,CAAC;IAClF,MAAM,cAAc,GAClB,iBAAiB,IAAI,OAAO,EAAE,MAAM,GAAG,eAAe,GAAG,mBAAmB,CAAC;IAC/E,MAAM,cAAc,GAAG,iBAAiB,IAAI,eAAe,GAAG,CAAC,CAAC;IAEhE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AACrF,CAAC,CAAC"}

package/lib/model/TableVersion.d.ts

@@ -0,0 +1 @@
+export declare type TableVersion = 'comparison' | 'tariff';

package/lib/model/TableVersion.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TableVersion.js.map

package/lib/model/TableVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableVersion.js","sourceRoot":"","sources":["../../src/model/TableVersion.ts"],"names":[],"mappings":""}

package/lib/ui-kit/BlockItem/BlockItem.d.ts

@@ -1,10 +1,2 @@
-declare type BlockItemVersion = 'primary' | 'secondary';
-export interface BlockItemContent {
-    text?: string;
-}
-export interface BlockItemProps extends BlockItemContent {
-    className?: string;
-    version?: BlockItemVersion;
-}
+import { BlockItemProps } from './BlockItemProps';
 export declare const BlockItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<BlockItemProps, any>, context?: any) => any;
-export {};

package/lib/ui-kit/BlockItem/BlockItem.fixture.d.ts

@@ -1,3 +1,8 @@
 import '../../setup-fixture';
-declare const _default: any;
+declare const _default: {
+    primary: any;
+    'primary without dot': any;
+    secondary: any;
+    'secondary without dot': any;
+};
 export default _default;

package/lib/ui-kit/BlockItem/BlockItem.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 const listStyleMap = {
-    primary: 'bg-primary-main',
-    secondary: 'bg-white',
+    primary: 'bg-primary-main w-[8px] h-[8px] min-w-[8px] min-h-[8px] mt-2 rounded-full',
+    secondary: 'bg-secondary-text w-[6px] h-[6px] min-w-[6px] min-h-[6px] mt-2.5 rounded-full',
 };
 const textStyleMap = {
     primary: 'text-primary-text',
-    secondary: 'text-white',
+    secondary: 'text-secondary-text',
 };
-export const BlockItem = JSX(({ className, text, children, version = 'primary' }) => {
-    return (_jsxs("div", { className: `inline-block flex ${className || ''}`, role: "listitem", children: [_jsx("div", { className: `inline-block w-[8px] h-[8px] min-w-[8px] min-h-[8px] rounded-full mt-2 ${listStyleMap[version]}` }), _jsx("span", { className: `text-base font-normal font-sans mx-3 ${textStyleMap[version]}`, children: text || children })] }));
+export const BlockItem = JSX(({ className, isDotted = true, text, children, version = 'primary' }) => {
+    return (_jsxs("div", { className: `inline-block flex ${className || ''}`, role: "listitem", children: [isDotted && _jsx("div", { className: `inline-block mr-3 ${listStyleMap[version]}` }), _jsx("span", { className: `text-base font-normal font-sans mr-3 ${textStyleMap[version]}`, children: text || children })] }));
 });
 //# sourceMappingURL=BlockItem.js.map

package/lib/ui-kit/BlockItem/BlockItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAYxC,MAAM,YAAY,GAAqC;IACrD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;CACtB,CAAC;AAEF,MAAM,YAAY,GAAqC;IACrD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IACrD,OAAO,CACL,eAAK,SAAS,EAAE,qBAAqB,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,UAAU,aACrE,cACE,SAAS,EAAE,0EAA0E,YAAY,CAAC,OAAO,CAAC,EAAE,GACvG,EACP,eAAM,SAAS,EAAE,wCAAwC,YAAY,CAAC,OAAO,CAAC,EAAE,YAC7E,IAAI,IAAI,QAAQ,GACZ,IACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"BlockItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,YAAY,GAAqC;IACrD,OAAO,EAAE,2EAA2E;IACpF,SAAS,EAAE,+EAA+E;CAC3F,CAAC;AAEF,MAAM,YAAY,GAAqC;IACrD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,qBAAqB;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,eAAK,SAAS,EAAE,qBAAqB,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,UAAU,aACpE,QAAQ,IAAI,cAAK,SAAS,EAAE,qBAAqB,YAAY,CAAC,OAAO,CAAC,EAAE,GAAI,EAC7E,eAAM,SAAS,EAAE,wCAAwC,YAAY,CAAC,OAAO,CAAC,EAAE,YAC7E,IAAI,IAAI,QAAQ,GACZ,IACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/ui-kit/BlockItem/BlockItemProps.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @title Версия списка
+ */
+export declare type BlockItemVersion = 'primary' | 'secondary';
+/**
+ * @title Содержимое элемента блока
+ */
+export interface BlockItemContent {
+    /** @title Текст */
+    text?: string;
+}
+/**
+ * @title Параметры элемента блока
+ */
+export interface BlockItemProps extends BlockItemContent {
+    className?: string;
+    version?: BlockItemVersion;
+    /** @title Маркер */
+    isDotted?: boolean;
+}

package/lib/ui-kit/BlockItem/BlockItemProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BlockItemProps.js.map

package/lib/ui-kit/BlockItem/BlockItemProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockItemProps.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItemProps.ts"],"names":[],"mappings":""}

package/lib/ui-kit/Icon/IconProps.d.ts

@@ -4,58 +4,90 @@
 export declare enum IconMap {
     'ActualBalanceIcon' = 0,
     'AppleIcon' = 1,
-    'CalendarIcon' = 2,
-    'ClockIcon' = 3,
-    'ComfortableCompIcon' = 4,
-    'DiscountShape' = 5,
-    'DocIcon' = 6,
-    'DocumentText' = 7,
-    'DollarIcon' = 8,
-    'EmptyWalletIcon' = 9,
-    'EuroIcon' = 10,
-    'GlassIcon' = 11,
-    'GridIcon' = 12,
-    'LoupeIcon' = 13,
-    'MinusIcon' = 14,
-    'NewDocIcon' = 15,
-    'OkIcon' = 16,
-    'PassSendIcon' = 17,
-    'PercentageSquareIcon' = 18,
-    'PlayMarketIcon' = 19,
-    'PlusIcon' = 20,
-    'ProfileIcon' = 21,
-    'SignDocsIcon' = 22,
-    'TelegramIcon' = 23,
-    'VKIcon' = 24
+    'CalendarCircleIcon' = 2,
+    'CalendarIcon' = 3,
+    'CardIcon' = 4,
+    'CardPosIcon' = 5,
+    'CardTickIcon' = 6,
+    'ClockIcon' = 7,
+    'ComfortableCompIcon' = 8,
+    'DiscountShape' = 9,
+    'DocIcon' = 10,
+    'DocumentText' = 11,
+    'DollarIcon' = 12,
+    'EmptyWalletChangeIcon' = 13,
+    'EmptyWalletIcon' = 14,
+    'EuroIcon' = 15,
+    'GlassIcon' = 16,
+    'GridIcon' = 17,
+    'JCBIcon' = 18,
+    'LoupeIcon' = 19,
+    'MasterCardIcon' = 20,
+    'MinusIcon' = 21,
+    'MirIcon' = 22,
+    'MoneyIcon' = 23,
+    'MonitorMobileIcon' = 24,
+    'NewDocIcon' = 25,
+    'OkIcon' = 26,
+    'PassSendIcon' = 27,
+    'PercentageSquareIcon' = 28,
+    'PlayMarketIcon' = 29,
+    'PlusIcon' = 30,
+    'Profile2UserIcon' = 31,
+    'ProfileIcon' = 32,
+    'ShieldTickIcon' = 33,
+    'SignDocsIcon' = 34,
+    'TelegramIcon' = 35,
+    'UnionPayIcon' = 36,
+    'UserIcon' = 37,
+    'VisaIcon' = 38,
+    'VKIcon' = 39,
+    'WalletIcon' = 40
 }
 /**
  * @title Иконка
  * @enumNames [
  *    "Деньги",
  *    "Лого «Apple»",
+ *    "Скруглённый календарь",
  *    "Календарь",
+ *    "Кред. карта",
+ *    "Кред. карта под наклоном",
+ *    "Кред. карта с галочкой",
  *    "Часы",
  *    "Кресло",
  *    "Скидка",
  *    "Документ",
  *    "Документ с текстом",
  *    "Доллар",
- *    "Кошелек",
+ *    "Пустой кошелёк с возвратом",
+ *    "Пустой кошелёк",
  *    "Евро",
  *    "Зеркало",
  *    "Сетка",
+ *    "JCB",
  *    "Лупа",
+ *    "MasterCard",
  *    "Минус",
+ *    "МИР",
+ *    "Деньги",
+ *    "Монитор и мобильный",
  *    "Новый документ",
  *    "Лого «Одноклассники»",
  *    "Бизнес",
  *    "Проценты",
  *    "Лого «PlayMarket»",
  *    "Плюс",
+ *    "Профиль, 2 персоны",
  *    "Профиль",
+ *    "Безопасность",
  *    "Подписанные документы",
  *    "Лого «Telegram»",
- *    "Лого «VK»"
+ *    "UnionPay",
+ *    "Пользователь",
+ *    "Visa",
+ *    "Лого «VK»",
+ *    "Кошелёк",
  *  ]
  */
 export declare type IconName = keyof typeof IconMap;