@redneckz/wildless-cms-uni-blocks 0.3.20 → 0.3.23

package/lib/ui-kit/BlocksList/BlocksListProps.d.ts

@@ -0,0 +1,99 @@
+import type { GalleryContent } from '../../components/Gallery/GalleryContent';
+import type { HeadlineContent } from '../../components/Headline/HeadlineContent';
+import type { LinkDocsContent } from '../../components/LinkDocs/LinkDocsContent';
+import type { MiniGalleryContent } from '../../components/MiniGallery/MiniGalleryContent';
+import type { PictureTextContent } from '../../components/PictureText/PictureTextContent';
+import type { ProductBlockContent } from '../../components/ProductBlock/ProductBlockContent';
+import type { ProductTileContent } from '../../components/ProductTile/ProductTileContent';
+import type { TextBlockContent } from '../../components/TextBlock/TextBlockContent';
+import type { TileContent } from '../../components/Tile/TileContent';
+import type { LinkListContent } from '../../components/LinkList/LinkListContent';
+import { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
+export interface ActiveHandler {
+    context: ContentPageContext;
+    blocks?: BlockDef[];
+    initialState?: boolean;
+}
+/**
+ * @title Количество колонок
+ * @enumNames ["1 колонка", "2 колонки"]
+ */
+export declare type ColumnsCount = 1 | 2;
+/**
+ * @title Заголовок
+ * @default {"blockListType": "Headline"}
+ */
+export declare type HeadlineBlockListDef = HeadlineContent & {
+    blockListType: 'Headline';
+};
+/**
+ * @title Список документов
+ * @default {"blockListType": "LinkDocs"}
+ */
+export declare type LinkDocsBlockListDef = LinkDocsContent & {
+    blockListType: 'LinkDocs';
+};
+/**
+ * @title Текстовый блок
+ * @default {"blockListType": "TextBlock"}
+ */
+export declare type TextBlockBlockListDef = TextBlockContent & {
+    blockListType: 'TextBlock';
+};
+/**
+ * @title Картинка с текстом
+ * @default {"blockListType": "PictureText"}
+ */
+export declare type PictureTextBlockListDef = PictureTextContent & {
+    blockListType: 'PictureText';
+};
+/**
+ * @title Продуктовый блок
+ * @default {"blockListType": "ProductBlock"}
+ */
+export declare type ProductBlockBlockListDef = ProductBlockContent & {
+    blockListType: 'ProductBlock';
+};
+/**
+ * @title Плитка
+ * @default {"blockListType": "Tile"}
+ */
+export declare type TileBlockListDef = TileContent & {
+    blockListType: 'Tile';
+};
+/**
+ * @title Продуктовая плитка
+ * @default {"blockListType": "ProductTile"}
+ */
+export declare type ProductTileBlockListDef = ProductTileContent & {
+    blockListType: 'ProductTile';
+};
+/**
+ * @title Галлерея
+ * @default {"blockListType": "Gallery"}
+ */
+export declare type GalleryBlockListDef = GalleryContent & {
+    blockListType: 'Gallery';
+};
+/**
+ * @title Мини-галлерея
+ * @default {"blockListType": "MiniGallery"}
+ */
+export declare type MiniGalleryBlockListDef = MiniGalleryContent & {
+    blockListType: 'MiniGallery';
+};
+/**
+ * @title Список ссылок
+ * @default {"blockListType": "LinkList"}
+ */
+export declare type LinkListBlockListDef = LinkListContent & {
+    blockListType: 'LinkList';
+};
+/**
+ * @title Выберите блок
+ */
+export declare type EmptyOption = null;
+/**
+ * @title Содержимое блока
+ */
+export declare type BlockDef = EmptyOption | HeadlineBlockListDef | LinkDocsBlockListDef | TextBlockBlockListDef | PictureTextBlockListDef | ProductBlockBlockListDef | TileBlockListDef | ProductTileBlockListDef | GalleryBlockListDef | MiniGalleryBlockListDef | LinkListBlockListDef;

package/lib/ui-kit/BlocksList/BlocksListProps.js

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

package/lib/ui-kit/BlocksList/BlocksListProps.js.map

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

package/lib/ui-kit/BlocksList/EmbeddableBlocks.d.ts

@@ -0,0 +1,12 @@
+export declare const EmbeddableBlocks: {
+    Headline: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../../components/Headline/Headline").HeadlineProps, any>, context?: any) => any;
+    LinkDocs: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../../components/LinkDocs/LinkDocs").LinkDocsProps, any>, context?: any) => any;
+    TextBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../../components/TextBlock/TextBlock").TextBlockProps, any>, context?: any) => any;
+    PictureText: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../../components/PictureText/PictureText").PictureTextProps, any>, context?: any) => any;
+    ProductBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../../components/ProductBlock/ProductBlock").ProductBlockProps, any>, context?: any) => any;
+    Tile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../../components/Tile/Tile").TileProps, any>, context?: any) => any;
+    ProductTile: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../../components/ProductTile/ProductTile").ProductTileProps, any>, context?: any) => any;
+    Gallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../../components/Gallery/GalleryProps").GalleryProps, any>, context?: any) => any;
+    MiniGallery: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../../components/MiniGallery/MiniGallery").MiniGalleryProps, any>, context?: any) => any;
+    LinkList: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("../../components/LinkList/LinkList").LinkListProps, any>, context?: any) => any;
+};

package/lib/ui-kit/BlocksList/EmbeddableBlocks.js

@@ -0,0 +1,23 @@
+import { Headline } from '../../components/Headline/Headline.js';
+import { LinkDocs } from '../../components/LinkDocs/LinkDocs.js';
+import { PictureText } from '../../components/PictureText/PictureText.js';
+import { ProductBlock } from '../../components/ProductBlock/ProductBlock.js';
+import { TextBlock } from '../../components/TextBlock/TextBlock.js';
+import { Tile } from '../../components/Tile/Tile.js';
+import { ProductTile } from '../../components/ProductTile/ProductTile.js';
+import { Gallery } from '../../components/Gallery/Gallery.js';
+import { MiniGallery } from '../../components/MiniGallery/MiniGallery.js';
+import { LinkList } from '../../components/LinkList/LinkList.js';
+export const EmbeddableBlocks = {
+    Headline,
+    LinkDocs,
+    TextBlock,
+    PictureText,
+    ProductBlock,
+    Tile,
+    ProductTile,
+    Gallery,
+    MiniGallery,
+    LinkList,
+};
+//# sourceMappingURL=EmbeddableBlocks.js.map

package/lib/ui-kit/BlocksList/EmbeddableBlocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddableBlocks.js","sourceRoot":"","sources":["../../../src/ui-kit/BlocksList/EmbeddableBlocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,WAAW;IACX,YAAY;IACZ,IAAI;IACJ,WAAW;IACX,OAAO;IACP,WAAW;IACX,QAAQ;CACT,CAAC"}

package/lib/ui-kit/BlocksList/renderBlocksList.d.ts

@@ -0,0 +1,13 @@
+import type { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
+import type { BlockDef, ColumnsCount } from './BlocksListProps';
+import { BlockVersion } from '../../model/BlockVersion';
+declare type EmbeddableBlocksProps = {
+    blocks?: BlockDef[];
+    context: ContentPageContext;
+    columns?: ColumnsCount;
+    className?: string;
+    version?: BlockVersion;
+};
+export declare const renderBlocksList: ({ blocks, context, className, columns, version, }: EmbeddableBlocksProps) => any[] | null;
+export declare const renderBlock: ({ context, columns, className, version }: EmbeddableBlocksProps) => (block: BlockDef, i: number) => any;
+export {};

package/lib/ui-kit/BlocksList/renderBlocksList.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { EmbeddableBlocks } from './EmbeddableBlocks.js';
+export const renderBlocksList = ({ blocks, context, className, columns, version, }) => blocks?.length ? blocks.map(renderBlock({ context, className, columns, version })) : null;
+export const renderBlock = ({ context, columns, className, version }) => (block, i) => {
+    const type = block?.blockListType;
+    if (!type || !(type in EmbeddableBlocks)) {
+        return null;
+    }
+    const columnsCountClass = columns === 2 ? 'w-1/2' : '';
+    const EmbeddedBlock = EmbeddableBlocks[type];
+    return (_jsx("div", { className: `${className} ${columnsCountClass}`, children: _jsx(EmbeddedBlock, { context: context, ...block, blockVersion: version, className: "!p-0" }) }, `block_${i}`));
+};
+//# sourceMappingURL=renderBlocksList.js.map

package/lib/ui-kit/BlocksList/renderBlocksList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderBlocksList.js","sourceRoot":"","sources":["../../../src/ui-kit/BlocksList/renderBlocksList.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAWtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,GACe,EAAE,EAAE,CAC1B,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAE5F,MAAM,CAAC,MAAM,WAAW,GACtB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAyB,EAAE,EAAE,CACpE,CAAC,KAAe,EAAE,CAAS,EAAE,EAAE;IAC7B,MAAM,IAAI,GAAG,KAAK,EAAE,aAAa,CAAC;IAClC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,gBAAgB,CAAC,EAAE;QACxC,OAAO,IAAI,CAAC;KACb;IACD,MAAM,iBAAiB,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACvD,MAAM,aAAa,GAAa,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACvD,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,SAAS,IAAI,iBAAiB,EAAE,YACjD,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,KAAM,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,GAAG,IAD9B,SAAS,CAAC,EAAE,CAEhE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/ui-kit/Heading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAOxC,MAAM,iBAAiB,GAAgC;IACrD,EAAE,EAAE,iCAAiC;IACrC,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,iCAAiC;IACrC,EAAE,EAAE,iCAAiC;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACrD,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO;KACR;IACD,MAAM,GAAG,GAAG,WAAW,CAAC;IAExB,OAAO,CACL,KAAC,GAAG,IACF,SAAS,EAAE,6BAA6B,iBAAiB,CAAC,WAAW,CAAC,IAAI,SAAS,EAAE,YAEpF,KAAK,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/ui-kit/Heading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAOxC,MAAM,iBAAiB,GAAgC;IACrD,EAAE,EAAE,iCAAiC;IACrC,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,iCAAiC;IACrC,EAAE,EAAE,iCAAiC;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACrD,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO;KACR;IACD,MAAM,GAAG,GAAG,WAAW,CAAC;IAExB,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,6BAA6B,iBAAiB,CAAC,WAAW,CAAC,IAAI,SAAS,EAAE,YACvF,KAAK,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { projectSettings } from '../../ProjectSettings.js';
+import { IconTitleMap } from '../../icons/IconName.js';
 const svgColorsMap = {
     none: '',
     primary: 'text-primary-main',
 };
-export const Icon = JSX(({ className = '', name, alt = `Icon ${name}`, title = alt, asSVG, color = 'primary', ...imgProps }) => {
+export const Icon = JSX(({ className = '', name, alt = `Иконка ${IconTitleMap[name] || name}`, title = alt, asSVG, color = 'primary', ...imgProps }) => {
     const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
     if (asSVG) {
         return (_jsxs("svg", { className: `${svgColorsMap[color]} ${className}`, ...imgProps, "aria-hidden": "true", children: [title ? _jsx("title", { children: title }) : null, alt ? _jsx("desc", { children: alt }) : null, _jsx("use", { href: `${href}#icon`, xlinkHref: `${href}#icon` })] }));

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,MAAM,YAAY,GAA8B;IAC9C,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,mBAAmB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,GAAG,GAAG,QAAQ,IAAI,EAAE,EACpB,KAAK,GAAG,GAAG,EACX,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,GAAG,QAAQ,EACZ,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAE7D,IAAI,KAAK,EAAE;QACT,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,SAAS,EAAE,KAAM,QAAQ,iBAAc,MAAM,aACpF,KAAK,CAAC,CAAC,CAAC,0BAAQ,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,CAAC,CAAC,CAAC,yBAAO,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,cAAK,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,OAAO,GAAI,IACpD,CACP,CAAC;KACH;IAED,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,KACR,QAAQ,iBACA,MAAM,GAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,MAAM,YAAY,GAA8B;IAC9C,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,mBAAmB;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,GAAG,GAAG,UAAU,YAAY,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAC5C,KAAK,GAAG,GAAG,EACX,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,GAAG,QAAQ,EACZ,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAE7D,IAAI,KAAK,EAAE;QACT,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,SAAS,EAAE,KAAM,QAAQ,iBAAc,MAAM,aACpF,KAAK,CAAC,CAAC,CAAC,0BAAQ,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACrC,GAAG,CAAC,CAAC,CAAC,yBAAO,GAAG,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChC,cAAK,IAAI,EAAE,GAAG,IAAI,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,OAAO,GAAI,IACpD,CACP,CAAC;KACH;IAED,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,KACR,QAAQ,iBACA,MAAM,GAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/ui-kit/SearchBar/SearchBar.mobile.js

@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { Icon } from '../Icon/Icon.js';
 export const SearchBar = JSX(({ className, context }) => {
     const { term, setTerm } = context.useSearch();
-    return (_jsxs("form", { className: `relative ${className || ''}`, children: [_jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [_jsx("div", { className: "w-[20px] h-[20px]", children: _jsx(Icon, { name: "LoupeIcon", width: "24", height: "24" }) }), !term && (_jsx("label", { htmlFor: "search-bar-input", className: "font-sans font-normal text-sm text-secondary-text", children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), _jsx("input", { id: "search-bar-input", className: 'h-12 pl-12 w-full peer placeholder-transparent font-sans font-normal text-base text-black border border-solid rounded box-border outline-none pr-[6%] border-main-divider focus:border-primary-text', value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input", placeholder: "some search" }), _jsx("button", { className: "visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer", onClick: (e) => {
+    return (_jsxs("form", { className: `relative ${className || ''}`, children: [_jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [_jsx("div", { className: "w-[20px] h-[20px]", children: _jsx(Icon, { name: "LoupeIcon", width: "24", height: "24" }) }), !term && (_jsx("label", { htmlFor: "search-bar-input", className: "font-sans font-normal text-sm text-secondary-text", children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), _jsx("input", { id: "search-bar-input", className: 'h-12 pl-12 w-full peer placeholder-transparent font-sans font-normal text-base text-black border border-solid rounded box-border outline-none pr-[6%] border-main-divider focus:border-primary-text', value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input", placeholder: "some search" }), _jsx("button", { className: "visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer border-none", onClick: (e) => {
                     e.preventDefault();
                     setTerm('');
                 }, children: _jsx(Icon, { name: "CloseIcon", width: "24", height: "24" }) })] }));

package/lib/ui-kit/SearchBar/SearchBar.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBar.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAC9C,OAAO,CACL,gBAAM,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,aAC5C,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,CAAC,IAAI,IAAI,CACR,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,mDAAmD,2FAGvD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EACP,qMAAqM,EAEvM,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,EACvB,WAAW,EAAC,aAAa,GACzB,EACF,iBACE,SAAS,EAAC,2GAA2G,EACrH,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,EAAE,CAAC,CAAC;gBACd,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACzC,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SearchBar.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBar.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAC9C,OAAO,CACL,gBAAM,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,aAC5C,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,CAAC,IAAI,IAAI,CACR,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,mDAAmD,2FAGvD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EACP,qMAAqM,EAEvM,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,EACvB,WAAW,EAAC,aAAa,GACzB,EACF,iBACE,SAAS,EAAC,uHAAuH,EACjI,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,EAAE,CAAC,CAAC;gBACd,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACzC,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/bundle/bundle.umd.js

@@ -234,11 +234,170 @@
       }
   })();
 
+  // Generated. Do not touch
+  /* eslint-disable max-lines */
+  var IconMap;
+  (function (IconMap) {
+      IconMap["ActualBalanceIcon"] = "ActualBalanceIcon";
+      IconMap["AppleIcon"] = "AppleIcon";
+      IconMap["ArrowDownIcon"] = "ArrowDownIcon";
+      IconMap["ArrowsRewindRight"] = "ArrowsRewindRight";
+      IconMap["ArrowUpIcon"] = "ArrowUpIcon";
+      IconMap["AtmIcon"] = "AtmIcon";
+      IconMap["BankIcon"] = "BankIcon";
+      IconMap["BurgerIcon"] = "BurgerIcon";
+      IconMap["BurgerIconWhite"] = "BurgerIconWhite";
+      IconMap["Calendar2Icon"] = "Calendar2Icon";
+      IconMap["CalendarCircleIcon"] = "CalendarCircleIcon";
+      IconMap["CalendarIcon"] = "CalendarIcon";
+      IconMap["CalendarTickIcon"] = "CalendarTickIcon";
+      IconMap["CalendarWhiteIcon"] = "CalendarWhiteIcon";
+      IconMap["CardIcon"] = "CardIcon";
+      IconMap["CardPosIcon"] = "CardPosIcon";
+      IconMap["CardTickIcon"] = "CardTickIcon";
+      IconMap["CardWithGemIcon"] = "CardWithGemIcon";
+      IconMap["ChartSquareIcon"] = "ChartSquareIcon";
+      IconMap["ClockIcon"] = "ClockIcon";
+      IconMap["CloseIcon"] = "CloseIcon";
+      IconMap["ComfortableCompIcon"] = "ComfortableCompIcon";
+      IconMap["CreditCardsIcon"] = "CreditCardsIcon";
+      IconMap["DiscountShapeIcon"] = "DiscountShapeIcon";
+      IconMap["DocIcon"] = "DocIcon";
+      IconMap["DocIconMonoColor"] = "DocIconMonoColor";
+      IconMap["DocumentTextIcon"] = "DocumentTextIcon";
+      IconMap["DollarIcon"] = "DollarIcon";
+      IconMap["EarthIcon"] = "EarthIcon";
+      IconMap["EmptyWalletChangeIcon"] = "EmptyWalletChangeIcon";
+      IconMap["EmptyWalletIcon"] = "EmptyWalletIcon";
+      IconMap["EmptyWalletWhiteIcon"] = "EmptyWalletWhiteIcon";
+      IconMap["EuroIcon"] = "EuroIcon";
+      IconMap["GeolocationIcon"] = "GeolocationIcon";
+      IconMap["GlassIcon"] = "GlassIcon";
+      IconMap["GlobalIcon"] = "GlobalIcon";
+      IconMap["GpsIcon"] = "GpsIcon";
+      IconMap["GridIcon"] = "GridIcon";
+      IconMap["GridIconWhite"] = "GridIconWhite";
+      IconMap["InterestGrowthIcon"] = "InterestGrowthIcon";
+      IconMap["InterestIcon"] = "InterestIcon";
+      IconMap["JCBIcon"] = "JCBIcon";
+      IconMap["LoupeIcon"] = "LoupeIcon";
+      IconMap["MasterCardIcon"] = "MasterCardIcon";
+      IconMap["MinusIcon"] = "MinusIcon";
+      IconMap["MirIcon"] = "MirIcon";
+      IconMap["MoneyIcon"] = "MoneyIcon";
+      IconMap["MoneyInsuranceIcon"] = "MoneyInsuranceIcon";
+      IconMap["MonitorMobileIcon"] = "MonitorMobileIcon";
+      IconMap["NewDocIcon"] = "NewDocIcon";
+      IconMap["OfficeIcon"] = "OfficeIcon";
+      IconMap["OkIcon"] = "OkIcon";
+      IconMap["PassSendIcon"] = "PassSendIcon";
+      IconMap["PercentageRoundIcon"] = "PercentageRoundIcon";
+      IconMap["PercentageSquareIcon"] = "PercentageSquareIcon";
+      IconMap["PercentageSquareWhiteIcon"] = "PercentageSquareWhiteIcon";
+      IconMap["PersonalCardIcon"] = "PersonalCardIcon";
+      IconMap["PlayMarketIcon"] = "PlayMarketIcon";
+      IconMap["PlusIcon"] = "PlusIcon";
+      IconMap["Profile2UserIcon"] = "Profile2UserIcon";
+      IconMap["ProfileIcon"] = "ProfileIcon";
+      IconMap["RoundRubleIcon"] = "RoundRubleIcon";
+      IconMap["SafeIcon"] = "SafeIcon";
+      IconMap["ShieldTickIcon"] = "ShieldTickIcon";
+      IconMap["SignDocsIcon"] = "SignDocsIcon";
+      IconMap["SmallClockIcon"] = "SmallClockIcon";
+      IconMap["TelegramIcon"] = "TelegramIcon";
+      IconMap["UnionPayIcon"] = "UnionPayIcon";
+      IconMap["UserTickIcon"] = "UserTickIcon";
+      IconMap["VisaIcon"] = "VisaIcon";
+      IconMap["VKIcon"] = "VKIcon";
+      IconMap["WalletAdd2Icon"] = "WalletAdd2Icon";
+      IconMap["WalletAddIcon"] = "WalletAddIcon";
+      IconMap["WalletIcon"] = "WalletIcon";
+      IconMap["WalletWithMoneyIcon"] = "WalletWithMoneyIcon";
+  })(IconMap || (IconMap = {}));
+  var IconTitleMap;
+  (function (IconTitleMap) {
+      IconTitleMap["ActualBalanceIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438";
+      IconTitleMap["AppleIcon"] = "\u041B\u043E\u0433\u043E \u00ABApple\u00BB";
+      IconTitleMap["ArrowDownIcon"] = "ArrowDownIcon";
+      IconTitleMap["ArrowsRewindRight"] = "ArrowsRewindRight";
+      IconTitleMap["ArrowUpIcon"] = "ArrowUpIcon";
+      IconTitleMap["AtmIcon"] = "\u0411\u0430\u043D\u043A\u043E\u043C\u0430\u0442";
+      IconTitleMap["BankIcon"] = "\u0411\u0430\u043D\u043A";
+      IconTitleMap["BurgerIcon"] = "\u0411\u0443\u0440\u0433\u0435\u0440";
+      IconTitleMap["BurgerIconWhite"] = "\u0411\u0443\u0440\u0433\u0435\u0440 (\u0431\u0435\u043B\u044B\u0439)";
+      IconTitleMap["Calendar2Icon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C 2";
+      IconTitleMap["CalendarCircleIcon"] = "\u0421\u043A\u0440\u0443\u0433\u043B\u0451\u043D\u043D\u044B\u0439 \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C";
+      IconTitleMap["CalendarIcon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C";
+      IconTitleMap["CalendarTickIcon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C \u0441 \u0433\u0430\u043B\u043E\u0447\u043A\u043E\u0439";
+      IconTitleMap["CalendarWhiteIcon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C \u0431\u0435\u043B\u044B\u0439";
+      IconTitleMap["CardIcon"] = "\u041A\u0440\u0435\u0434. \u043A\u0430\u0440\u0442\u0430";
+      IconTitleMap["CardPosIcon"] = "\u041A\u0440\u0435\u0434. \u043A\u0430\u0440\u0442\u0430 \u043F\u043E\u0434 \u043D\u0430\u043A\u043B\u043E\u043D\u043E\u043C";
+      IconTitleMap["CardTickIcon"] = "\u041A\u0440\u0435\u0434. \u043A\u0430\u0440\u0442\u0430 \u0441 \u0433\u0430\u043B\u043E\u0447\u043A\u043E\u0439";
+      IconTitleMap["CardWithGemIcon"] = "\u041A\u0430\u0440\u0442\u0430 \u0441 \u0434\u0440\u0430\u0433\u043E\u0446\u0435\u043D\u043D\u043E\u0441\u0442\u044F\u043C\u0438";
+      IconTitleMap["ChartSquareIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438 \u0432\u043D\u0443\u0442\u0440\u0438 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430";
+      IconTitleMap["ClockIcon"] = "\u0427\u0430\u0441\u044B";
+      IconTitleMap["CloseIcon"] = "\u041A\u0440\u0435\u0441\u0442\u0438\u043A";
+      IconTitleMap["ComfortableCompIcon"] = "\u041A\u0440\u0435\u0441\u043B\u043E";
+      IconTitleMap["CreditCardsIcon"] = "\u041A\u0440\u0435\u0434\u0438\u0442\u043D\u044B\u0435 \u043A\u0430\u0440\u0442\u044B";
+      IconTitleMap["DiscountShapeIcon"] = "\u0421\u043A\u0438\u0434\u043A\u0430";
+      IconTitleMap["DocIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
+      IconTitleMap["DocIconMonoColor"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442 (\u043E\u0434\u043D\u043E\u0446\u0432\u0435\u0442\u043D\u044B\u0439)";
+      IconTitleMap["DocumentTextIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C";
+      IconTitleMap["DollarIcon"] = "\u0414\u043E\u043B\u043B\u0430\u0440";
+      IconTitleMap["EarthIcon"] = "\u0417\u0435\u043C\u043B\u044F";
+      IconTitleMap["EmptyWalletChangeIcon"] = "\u041F\u0443\u0441\u0442\u043E\u0439 \u043A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u0432\u043E\u0437\u0432\u0440\u0430\u0442\u043E\u043C";
+      IconTitleMap["EmptyWalletIcon"] = "\u041F\u0443\u0441\u0442\u043E\u0439 \u043A\u043E\u0448\u0435\u043B\u0451\u043A";
+      IconTitleMap["EmptyWalletWhiteIcon"] = "\u041F\u0443\u0441\u0442\u043E\u0439 \u043A\u043E\u0448\u0435\u043B\u0451\u043A (\u0431\u0435\u043B\u044B\u0439)";
+      IconTitleMap["EuroIcon"] = "\u0415\u0432\u0440\u043E";
+      IconTitleMap["GeolocationIcon"] = "\u0413\u0435\u043E\u043B\u043E\u043A\u0430\u0446\u0438\u044F";
+      IconTitleMap["GlassIcon"] = "\u0417\u0435\u0440\u043A\u0430\u043B\u043E";
+      IconTitleMap["GlobalIcon"] = "\u0413\u043B\u043E\u0431\u0443\u0441";
+      IconTitleMap["GpsIcon"] = "Gps";
+      IconTitleMap["GridIcon"] = "\u0421\u0435\u0442\u043A\u0430";
+      IconTitleMap["GridIconWhite"] = "\u0421\u0435\u0442\u043A\u0430 (\u0431\u0435\u043B\u0430\u044F)";
+      IconTitleMap["InterestGrowthIcon"] = "\u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0440\u043E\u0441\u0442\u0430";
+      IconTitleMap["InterestIcon"] = "\u0421\u043A\u0438\u0434\u043A\u0430";
+      IconTitleMap["JCBIcon"] = "JCB";
+      IconTitleMap["LoupeIcon"] = "\u041B\u0443\u043F\u0430";
+      IconTitleMap["MasterCardIcon"] = "MasterCard";
+      IconTitleMap["MinusIcon"] = "\u041C\u0438\u043D\u0443\u0441";
+      IconTitleMap["MirIcon"] = "\u041C\u0418\u0420";
+      IconTitleMap["MoneyIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438";
+      IconTitleMap["MoneyInsuranceIcon"] = "\u0414\u0435\u043D\u0435\u0436\u043D\u043E\u0435 \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u043D\u0438\u0435";
+      IconTitleMap["MonitorMobileIcon"] = "\u041C\u043E\u043D\u0438\u0442\u043E\u0440 \u0438 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u0439";
+      IconTitleMap["NewDocIcon"] = "\u041D\u043E\u0432\u044B\u0439 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
+      IconTitleMap["OfficeIcon"] = "\u041E\u0444\u0438\u0441";
+      IconTitleMap["OkIcon"] = "\u041B\u043E\u0433\u043E \u00AB\u041E\u0434\u043D\u043E\u043A\u043B\u0430\u0441\u0441\u043D\u0438\u043A\u0438\u00BB";
+      IconTitleMap["PassSendIcon"] = "\u0411\u0438\u0437\u043D\u0435\u0441";
+      IconTitleMap["PercentageRoundIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B (\u043A\u0440\u0443\u0433.)";
+      IconTitleMap["PercentageSquareIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B";
+      IconTitleMap["PercentageSquareWhiteIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B \u0431\u0435\u043B\u044B\u0435";
+      IconTitleMap["PersonalCardIcon"] = "\u041F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u0430\u044F \u043A\u0430\u0440\u0442\u0430";
+      IconTitleMap["PlayMarketIcon"] = "\u041B\u043E\u0433\u043E \u00ABPlayMarket\u00BB";
+      IconTitleMap["PlusIcon"] = "\u041F\u043B\u044E\u0441";
+      IconTitleMap["Profile2UserIcon"] = "\u041F\u0440\u043E\u0444\u0438\u043B\u044C, 2 \u043F\u0435\u0440\u0441\u043E\u043D\u044B";
+      IconTitleMap["ProfileIcon"] = "\u041F\u0440\u043E\u0444\u0438\u043B\u044C";
+      IconTitleMap["RoundRubleIcon"] = "\u0420\u0443\u0431\u043B\u044C (\u043A\u0440\u0443\u0433.)";
+      IconTitleMap["SafeIcon"] = "\u0421\u0435\u0439\u0444";
+      IconTitleMap["ShieldTickIcon"] = "\u0411\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u044C";
+      IconTitleMap["SignDocsIcon"] = "\u041F\u043E\u0434\u043F\u0438\u0441\u0430\u043D\u043D\u044B\u0435 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B";
+      IconTitleMap["SmallClockIcon"] = "\u041C\u0430\u043B\u0435\u043D\u044C\u043A\u0438\u0435 \u0447\u0430\u0441\u044B";
+      IconTitleMap["TelegramIcon"] = "\u041B\u043E\u0433\u043E \u00ABTelegram\u00BB";
+      IconTitleMap["UnionPayIcon"] = "UnionPay";
+      IconTitleMap["UserTickIcon"] = "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C";
+      IconTitleMap["VisaIcon"] = "Visa";
+      IconTitleMap["VKIcon"] = "\u041B\u043E\u0433\u043E \u00ABVK\u00BB";
+      IconTitleMap["WalletAdd2Icon"] = "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u043A\u0430\u0440\u0442\u044B";
+      IconTitleMap["WalletAddIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u043F\u043B\u044E\u0441\u043E\u043C";
+      IconTitleMap["WalletIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A";
+      IconTitleMap["WalletWithMoneyIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u0434\u0435\u043D\u044C\u0433\u0430\u043C\u0438";
+  })(IconTitleMap || (IconTitleMap = {}));
+
   const svgColorsMap = {
       none: '',
       primary: 'text-primary-main',
   };
-  const Icon = JSX(({ className = '', name, alt = `Icon ${name}`, title = alt, asSVG, color = 'primary', ...imgProps }) => {
+  const Icon = JSX(({ className = '', name, alt = `Иконка ${IconTitleMap[name] || name}`, title = alt, asSVG, color = 'primary', ...imgProps }) => {
       const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
       if (asSVG) {
           return (jsxs("svg", { className: `${svgColorsMap[color]} ${className}`, ...imgProps, "aria-hidden": "true", children: [title ? jsx("title", { children: title }) : null, alt ? jsx("desc", { children: alt }) : null, jsx("use", { href: `${href}#icon`, xlinkHref: `${href}#icon` })] }));
@@ -447,18 +606,18 @@
 
   const LinkDocsHorizontalList = JSX(({ context, hasBorder = true, documents, icon }) => {
       return (jsx(SwipeListControl, { context: context, className: "text-m-sm text-primary-main", children: documents?.length
-              ? documents.map((doc, i) => (jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border p-4' : '', doc: doc, icon: icon }, String(i))))
+              ? documents.map((doc, i) => (jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : '', doc: doc, icon: icon }, String(i))))
               : null }));
   });
 
   const LinkDocsVerticalList = JSX(({ hasBorder = true, documents, icon }) => {
       return (jsx("div", { className: `text-m-sm text-primary-main flex flex-col ${hasBorder ? 'gap-3.5' : 'gap-2'}`, role: "list", children: documents?.length
-              ? documents.map((doc, i) => (jsx("div", { role: "listitem", children: jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border p-4' : '', doc: doc, icon: icon }) }, String(i))))
+              ? documents.map((doc, i) => (jsx("div", { role: "listitem", children: jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : '', doc: doc, icon: icon }) }, String(i))))
               : null }));
   });
 
   const LinkDocs = JSX(({ className = '', context, title, subtitle, icon = 'DocIconMonoColor', documents, listMode = 'vertical', hasBorder = true, }) => {
-      return (jsxs("section", { className: `font-sans text-primary-text py-6 px-4 bg-white ${className}`, children: [title ? (jsx(Heading, { headingType: "h2", className: `text-center ${subtitle ? 'mb-2' : 'mb-5'}`, title: title })) : null, subtitle ? (jsx("h3", { className: "mt-0 font-normal mb-5 text-center text-m-md", children: subtitle })) : null, listMode === 'vertical' ? (jsx(LinkDocsVerticalList, { hasBorder: hasBorder, documents: documents, icon: icon })) : (jsx(LinkDocsHorizontalList, { context: context, hasBorder: hasBorder, documents: documents, icon: icon }))] }));
+      return (jsxs("section", { className: `font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`, children: [title ? (jsx(Heading, { headingType: "h2", className: `text-center ${subtitle ? 'mb-2' : 'mb-5'}`, title: title })) : null, subtitle ? (jsx("h3", { className: "mt-0 font-normal mb-5 text-center text-m-md", children: subtitle })) : null, listMode === 'vertical' ? (jsx(LinkDocsVerticalList, { hasBorder: hasBorder, documents: documents, icon: icon })) : (jsx(LinkDocsHorizontalList, { context: context, hasBorder: hasBorder, documents: documents, icon: icon }))] }));
   });
 
   const PictureText = JSX(({ className = '', title, image, benefits }) => {
@@ -877,7 +1036,7 @@
       });
   };
 
-  const AccordionBlocks = {
+  const EmbeddableBlocks = {
       Headline,
       LinkDocs,
       TextBlock,
@@ -890,20 +1049,25 @@
       LinkList,
   };
 
-  const AccordionItemInner = JSX(({ blocks, context }) => {
-      return (jsx("div", { className: "transition-all duration-300 max-h-0 overflow-hidden group-last:last:pb-0", children: blocks?.length ? blocks.map(renderBlock$1(context)) : null }));
-  });
-  const renderBlock$1 = (context) => (block, i) => {
-      const type = block?.accordionBlockType;
-      if (!type || !(type in AccordionBlocks)) {
+  const renderBlocksList = ({ blocks, context, className, columns, version, }) => blocks?.length ? blocks.map(renderBlock$1({ context, className, columns, version })) : null;
+  const renderBlock$1 = ({ context, columns, className, version }) => (block, i) => {
+      const type = block?.blockListType;
+      if (!type || !(type in EmbeddableBlocks)) {
           return null;
       }
-      const AccordionBlock = AccordionBlocks[type];
-      return (jsx("div", { className: "mb-5 last:mb-0 first:mt-2", children: jsx(AccordionBlock, { context: context, ...block, className: "!p-0" }) }, `block_${i}`));
+      const columnsCountClass = columns === 2 ? 'w-1/2' : '';
+      const EmbeddedBlock = EmbeddableBlocks[type];
+      return (jsx("div", { className: `${className} ${columnsCountClass}`, children: jsx(EmbeddedBlock, { context: context, ...block, blockVersion: version, className: "!p-0" }) }, `block_${i}`));
   };
 
-  const isActiveHandler = ({ context, blocks }) => {
-      const [isActive, setIsActive] = context.useState(false);
+  const AccordionItemInner = JSX(({ blocks, context, version = 'primary' }) => {
+      const className = 'mb-5 last:mb-0 first:mt-2';
+      const columns = 1;
+      return (jsx("div", { className: "transition-all duration-300 max-h-0 overflow-hidden group-last:last:pb-0", children: renderBlocksList({ context, className, columns, blocks, version }) }));
+  });
+
+  const useActiveHandler = ({ context, blocks, initialState = false }) => {
+      const [isActive, setIsActive] = context.useState(initialState);
       const hasContent = blocks?.length;
       const icon = isActive ? 'MinusIcon' : 'PlusIcon';
       const getContentBlock = ({ currentTarget }) => currentTarget.nextSibling;
@@ -921,7 +1085,7 @@
   };
 
   const AccordionItem = JSX(({ label, blocks, bordered, context }) => {
-      const { hasContent, icon, handleToggle } = isActiveHandler({
+      const { hasContent, icon, handleToggle } = useActiveHandler({
           context,
           blocks,
       });
@@ -1094,7 +1258,7 @@
   });
 
   const MobileAppTile = JSX(({ className, title = 'Мобильное приложение', description, href = '#' }) => {
-      return (jsx("div", { className: `col-span-12 rounded-md cursor-pointer p-4 mt-6 mb-6 bg-secondary-light ${className || ''}`, children: href ? (jsxs("div", { className: "flex", children: [jsx("div", { className: "flex justify-center align-middle rounded-md bg-primary-main w-[50px] h-[50px]", children: jsx(Logo, { className: "w-[33px]", bgColor: "transparent", hideTitle: true }) }), jsxs("a", { href: href, target: "_blank", className: "flex flex-col justify-center pl-3", children: [jsx("div", { className: "text-m-button font-medium mb-[3px]", children: title }), jsx("div", { className: "text-m-button text-secondary-text", children: description })] })] })) : null }));
+      return (jsx("div", { className: `col-span-12 rounded-md cursor-pointer p-4 mt-6 mb-6 bg-secondary-light ${className || ''}`, children: href ? (jsxs("div", { className: "flex", children: [jsx("div", { className: "flex justify-center align-middle rounded-md bg-primary-main w-[50px] h-[50px]", children: jsx(Logo, { className: "w-[33px]", bgColor: "transparent", hideTitle: true }) }), jsxs("a", { href: href, target: "_blank", className: "flex flex-col justify-center pl-3 font-sans", children: [jsx("div", { className: "text-m-button font-medium mb-[3px]", children: title }), jsx("div", { className: "text-m-button text-secondary-text", children: description })] })] })) : null }));
   });
 
   const Contacts = JSX(({ className, items, hasButton, context }) => {
@@ -1174,7 +1338,7 @@
 
   const SearchBar = JSX(({ className, context }) => {
       const { term, setTerm } = context.useSearch();
-      return (jsxs("form", { className: `relative ${className || ''}`, children: [jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [jsx("div", { className: "w-[20px] h-[20px]", children: jsx(Icon, { name: "LoupeIcon", width: "24", height: "24" }) }), !term && (jsx("label", { htmlFor: "search-bar-input", className: "font-sans font-normal text-sm text-secondary-text", children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), jsx("input", { id: "search-bar-input", className: 'h-12 pl-12 w-full peer placeholder-transparent font-sans font-normal text-base text-black border border-solid rounded box-border outline-none pr-[6%] border-main-divider focus:border-primary-text', value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input", placeholder: "some search" }), jsx("button", { className: "visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer", onClick: (e) => {
+      return (jsxs("form", { className: `relative ${className || ''}`, children: [jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [jsx("div", { className: "w-[20px] h-[20px]", children: jsx(Icon, { name: "LoupeIcon", width: "24", height: "24" }) }), !term && (jsx("label", { htmlFor: "search-bar-input", className: "font-sans font-normal text-sm text-secondary-text", children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), jsx("input", { id: "search-bar-input", className: 'h-12 pl-12 w-full peer placeholder-transparent font-sans font-normal text-base text-black border border-solid rounded box-border outline-none pr-[6%] border-main-divider focus:border-primary-text', value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input", placeholder: "some search" }), jsx("button", { className: "visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer border-none", onClick: (e) => {
                       e.preventDefault();
                       setTerm('');
                   }, children: jsx(Icon, { name: "CloseIcon", width: "24", height: "24" }) })] }));
@@ -1341,7 +1505,7 @@
   const TariffsTable = JSX(({ className, context, title, description, columns, rowHeaders, orientation = 'vertical' }) => {
       const colData = getColData(columns);
       const tiles = getTiles(rowHeaders, colData);
-      return (jsxs("section", { className: `px-4 py-6 bg-white font-sans text-primary-text ${className}`, children: [title ? (jsx(Heading, { headingType: "h2", className: `text-center ${description ? 'mb-2' : 'mb-5'}`, title: title })) : null, description ? jsx("div", { className: "mb-5 text-center text-m-md", children: description }) : null, tiles?.length ? renderOrientationTable(orientation, tiles, context) : null] }));
+      return (jsxs("section", { className: `px-4 py-6 bg-white font-sans text-primary-text overflow-x-hidden ${className}`, children: [title ? (jsx(Heading, { headingType: "h2", className: `text-center ${description ? 'mb-2' : 'mb-5'}`, title: title })) : null, description ? jsx("div", { className: "mb-5 text-center text-m-md", children: description }) : null, tiles?.length ? renderOrientationTable(orientation, tiles, context) : null] }));
   });
   function renderOrientationTable(orientation, tiles, context) {
       return orientation === 'vertical' ? (jsx(TariffsTableVertical, { tiles: tiles })) : (jsx(TariffsTableHorizontal, { context: context, tiles: tiles }));