@redneckz/wildless-cms-uni-blocks 0.3.11 → 0.3.14

package/lib/components/Header/HeaderContent.d.ts

@@ -1,7 +1,7 @@
 import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { LinkProps } from '../../model/LinkProps';
 import type { SitemapProps } from '../../services/sitemap/SitemapProps';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
+import type { IconName } from '../../icons/IconName';
 /**
  * @title Пункт подменю
  */
@@ -9,7 +9,15 @@ export interface SubMenuItem extends LinkProps {
     icon?: IconName;
 }
 /**
- * @title Шапка
+ * @title Ссылка дополнительного меню
+ * @required ["text", "href"]
+ */
+export interface DispositionItem extends LinkProps {
+    /** @hidden */
+    icon?: IconName;
+}
+/**
+ * @title Шапка (для мобильных горизонтальная прокрутка shift+mouseScroll)
  * @required ["defaultLocation", "topItems"]
  */
 export interface HeaderContent extends SitemapProps {
@@ -24,6 +32,4 @@ export interface HeaderContent extends SitemapProps {
      * @default white
      */
     bgColor?: BgColorVersion;
-    /** @title Подменю */
-    burgerSubMenu?: SubMenuItem[];
 }

package/lib/components/Header/HeaderTop.js

@@ -2,5 +2,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { Icon } from '../../ui-kit/Icon/Icon.js';
 import { Logo } from '../../ui-kit/Logo/Logo.js';
-export const HeaderTop = JSX(({ onClick, bgColor }) => (_jsxs("div", { className: "flex items-center justify-between border-0 border-b border-main-divider h-[50px]", children: [_jsxs("div", { className: "flex items-center", children: [_jsx("button", { className: "pr-4 border-0 bg-transparent cursor-pointer", onClick: onClick, "aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E", children: _jsx(Icon, { name: bgColor === 'bg-white' ? 'BurgerIcon' : 'BurgerIconWhite', width: "24", height: "24", asSVG: true }) }), _jsx(Logo, { bgColor: bgColor })] }), _jsx("button", { className: `${bgColor === 'bg-white' ? 'text-primary-main' : 'text-white'} text-sm  border-0 bg-transparent cursor-pointer`, children: "\u0412\u043E\u0439\u0442\u0438" })] })));
+export const HeaderTop = JSX(({ onClick, bgColor }) => (_jsxs("div", { className: "flex items-center justify-between border-0 border-b border-main-divider h-[50px]", children: [_jsxs("div", { className: "flex items-center", children: [_jsx("button", { className: "pl-0 pr-4 border-0 bg-transparent cursor-pointer", onClick: onClick, "aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E", children: _jsx(Icon, { name: bgColor === 'bg-white' ? 'BurgerIcon' : 'BurgerIconWhite', width: "24", height: "24", asSVG: true }) }), _jsx(Logo, { bgColor: bgColor })] }), _jsx("button", { className: `${bgColor === 'bg-white' ? 'text-primary-main' : 'text-white'} text-sm  border-0 bg-transparent cursor-pointer`, children: "\u0412\u043E\u0439\u0442\u0438" })] })));
 //# sourceMappingURL=HeaderTop.js.map

package/lib/components/Header/HeaderTop.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTop.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderTop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAO9C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAiB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACrE,eAAK,SAAS,EAAC,kFAAkF,aAC/F,eAAK,SAAS,EAAC,mBAAmB,aAChC,iBAAQ,SAAS,EAAC,6CAA6C,EAAC,OAAO,EAAE,OAAO,gBAAa,qEAAc,YACzG,KAAC,IAAI,IACH,IAAI,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAC/D,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,GACK,EACT,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,GAAI,IACtB,EACN,iBACE,SAAS,EAAE,GACT,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,YACjD,kDAAkD,+CAG3C,IACL,CACP,CAAC,CAAC"}
+{"version":3,"file":"HeaderTop.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderTop.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAO9C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAiB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACrE,eAAK,SAAS,EAAC,kFAAkF,aAC/F,eAAK,SAAS,EAAC,mBAAmB,aAChC,iBACE,SAAS,EAAC,kDAAkD,EAC5D,OAAO,EAAE,OAAO,gBACL,qEAAc,YAEzB,KAAC,IAAI,IACH,IAAI,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAC/D,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,GACK,EACT,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,GAAI,IACtB,EACN,iBACE,SAAS,EAAE,GACT,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,YACjD,kDAAkD,+CAG3C,IACL,CACP,CAAC,CAAC"}

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

@@ -1,8 +1,10 @@
 import { HeadlineContent } from './HeadlineContent';
 export declare const HEADLINE: HeadlineContent;
+export declare const HEADLINE_PRIMARY: HeadlineContent;
+export declare const HEADLINE_SECONDARY: HeadlineContent;
 declare const _default: {
     default: any;
-    'left white': any;
-    'right transparent': any;
+    primary: any;
+    secondary: any;
 };
 export default _default;

package/lib/components/Headline/Headline.fixture.mobile.d.ts

@@ -2,8 +2,7 @@ import { HeadlineContent } from './HeadlineContent';
 export declare const HEADLINE: HeadlineContent;
 declare const _default: {
     default: any;
-    'title-img': any;
-    'desc-img': any;
-    white: any;
+    primary: any;
+    secondary: any;
 };
 export default _default;

package/lib/components/Headline/Headline.js

@@ -1,13 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
-const alignText = {
-    left: 'text-left',
-    center: 'text-center',
-    right: 'text-right',
-};
-export const Headline = JSX(({ bgColor = 'transparent', align = 'left', className = '', title, description }) => {
-    const textClasses = alignText[align];
-    return (_jsxs("section", { className: `p-[50px] ${bgColor} ${className}`, children: [title && (_jsx(Heading, { headingType: "h2", className: `text-primary-text ${textClasses}`, title: title })), description && (_jsx("p", { className: `font-normal text-base mt-4 ${textClasses}`, children: description }))] }));
+import { ALIGN_TEXT, BACKGROUND_COLOR } from './constants.js';
+export const Headline = JSX(({ bgColorHeadline = 'transparent', align = 'left', className = '', title, description }) => {
+    return (_jsxs("section", { className: `p-[50px] ${BACKGROUND_COLOR[bgColorHeadline]} ${className}`, children: [title && (_jsx(Heading, { headingType: "h2", className: `text-primary-text ${ALIGN_TEXT[align]}`, title: title })), description && (_jsx("p", { className: `font-normal text-base mt-4 ${ALIGN_TEXT[align]}`, children: description }))] }));
 });
 //# sourceMappingURL=Headline.js.map

package/lib/components/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAMvD,MAAM,SAAS,GAA8B;IAC3C,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,OAAO,GAAG,aAAa,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;IAClF,MAAM,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACrC,OAAO,CACL,mBAAS,SAAS,EAAE,YAAY,OAAO,IAAI,SAAS,EAAE,aACnD,KAAK,IAAI,CACR,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAE,qBAAqB,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAC1F,EACA,WAAW,IAAI,CACd,YAAG,SAAS,EAAE,8BAA8B,WAAW,EAAE,YAAG,WAAW,GAAK,CAC7E,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAK3D,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,eAAe,GAAG,aAAa,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;IAC1F,OAAO,CACL,mBAAS,SAAS,EAAE,YAAY,gBAAgB,CAAC,eAAe,CAAC,IAAI,SAAS,EAAE,aAC7E,KAAK,IAAI,CACR,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,qBAAqB,UAAU,CAAC,KAAK,CAAC,EAAE,EACnD,KAAK,EAAE,KAAK,GACZ,CACH,EACA,WAAW,IAAI,CACd,YAAG,SAAS,EAAE,8BAA8B,UAAU,CAAC,KAAK,CAAC,EAAE,YAAG,WAAW,GAAK,CACnF,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/Headline/Headline.mobile.js

@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { Img } from '../../ui-kit/Img/Img.js';
-export const Headline = JSX(({ bgColor = 'transparent', className = '', title, description, image }) => {
-    return (_jsxs("section", { className: `px-4 py-6 ${bgColor} ${className}`, children: [title && _jsx(Heading, { headingType: "h2", className: "text-primary-text", title: title }), description && (_jsx("p", { className: `font-normal text-m-md ${title ? 'mt-2.5' : ''}`, children: description })), image?.src && (_jsx("div", { className: "mt-5 mx-auto flex justify-center", children: _jsx(Img, { image: image }) }))] }));
+import { ALIGN_TEXT, BACKGROUND_COLOR } from './constants.js';
+export const Headline = JSX(({ bgColorHeadline = 'transparent', className = '', title, description, image, align = 'left', }) => {
+    return (_jsxs("section", { className: `px-4 py-6 ${BACKGROUND_COLOR[bgColorHeadline]} ${className}`, children: [title && (_jsx(Heading, { headingType: "h2", className: `text-primary-text ${ALIGN_TEXT[align]}`, title: title })), description && (_jsx("p", { className: `font-normal text-m-md ${ALIGN_TEXT[align]} ${title ? 'mt-2.5' : ''}`, children: description })), image?.src && (_jsx("div", { className: "mt-5 mx-auto flex justify-center", children: _jsx(Img, { image: image }) }))] }));
 });
 //# sourceMappingURL=Headline.mobile.js.map

package/lib/components/Headline/Headline.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headline.mobile.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAK3C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,OAAO,GAAG,aAAa,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IACzE,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,OAAO,IAAI,SAAS,EAAE,aACpD,KAAK,IAAI,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,KAAK,GAAI,EACjF,WAAW,IAAI,CACd,YAAG,SAAS,EAAE,yBAAyB,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,YAAG,WAAW,GAAK,CAClF,EACA,KAAK,EAAE,GAAG,IAAI,CACb,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,GACjB,CACP,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Headline.mobile.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAK3D,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,eAAe,GAAG,aAAa,EAC/B,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,GAAG,MAAM,GACf,EAAE,EAAE;IACH,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,gBAAgB,CAAC,eAAe,CAAC,IAAI,SAAS,EAAE,aAC9E,KAAK,IAAI,CACR,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,qBAAqB,UAAU,CAAC,KAAK,CAAC,EAAE,EACnD,KAAK,EAAE,KAAK,GACZ,CACH,EACA,WAAW,IAAI,CACd,YAAG,SAAS,EAAE,yBAAyB,UAAU,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,YAChF,WAAW,GACV,CACL,EACA,KAAK,EAAE,GAAG,IAAI,CACb,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,GACjB,CACP,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/Headline/HeadlineContent.d.ts

@@ -1,4 +1,4 @@
-import type { BgColorVersion } from '../../model/BgColorVersion';
+import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
 import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
@@ -8,5 +8,5 @@ import type { AlignType } from '../BaseTile/BaseTileProps';
  */
 export declare type HeadlineContent = HeadingContent & DescriptionContent & ImageContent & {
     align?: AlignType;
-    bgColor?: BgColorVersion;
+    bgColorHeadline?: BlockVersionWithTransparent;
 };

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

@@ -0,0 +1,4 @@
+import type { AlignType } from '../BaseTile/BaseTileProps';
+import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
+export declare const ALIGN_TEXT: Record<AlignType, string>;
+export declare const BACKGROUND_COLOR: Record<BlockVersionWithTransparent, string>;

package/lib/components/Headline/constants.js

@@ -0,0 +1,11 @@
+export const ALIGN_TEXT = {
+    left: 'text-left',
+    center: 'text-center',
+    right: 'text-right',
+};
+export const BACKGROUND_COLOR = {
+    transparent: 'bg-transparent',
+    primary: 'bg-white',
+    secondary: 'bg-primary-main',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Headline/constants.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,UAAU,GAA8B;IACnD,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAgD;IAC3E,WAAW,EAAE,gBAAgB;IAC7B,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,iBAAiB;CAC7B,CAAC"}

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+declare const _default: {
+    default: any;
+};
 export default _default;

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+declare const _default: {
+    default: any;
+};
 export default _default;

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+declare const _default: {
+    default: any;
+};
 export default _default;

package/lib/components/MobileAppTile/MobileAppTile.fixture.mobile.d.ts

@@ -1,2 +1,4 @@
-declare const _default: any;
+declare const _default: {
+    default: any;
+};
 export default _default;

package/lib/components/MobileAppTile/MobileAppTile.js

@@ -7,6 +7,6 @@ import { getTileHeadingType } from '../BaseTile/getTileHeadingType.js';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight.js';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding.js';
 export const MobileAppTile = JSX(({ className = '', context, title = 'Мобильное приложение', qr, buttons = [] }) => {
-    return (_jsx("section", { className: `bg-white text-primary-text font-sans p-9 box-border ${className}  ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, children: _jsx(BaseTile, { context: context, title: title && (_jsx(Heading, { headingType: getTileHeadingType(className), title: title, className: `whitespace-pre-wrap max-w-[600px]` })), buttons: buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons, className: "flex mt-9 gap-3" })) : null, children: _jsxs("div", { className: "flex items-center", children: [qr?.src && qr?.href && (_jsx("a", { href: qr.href, target: "_blank", children: _jsx("img", { src: qr.src, alt: title, title: title, width: "164", height: "164", className: "w-[90px] h-[90px] min-w-[90px] min-h-[90px] bg-secondary-light" }) })), _jsx("span", { className: "font-normal text-sm text-secondary-text ml-4", children: "\u041D\u0430\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u0430\u043C\u0435\u0440\u0443 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u043D\u0430 QR-\u043A\u043E\u0434 \u0438 \u0441\u043A\u0430\u0447\u0430\u0439\u0442\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435" })] }) }) }));
+    return (_jsx("section", { className: `bg-white text-primary-text font-sans p-9 box-border ${className}  ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, children: _jsx(BaseTile, { context: context, title: title && (_jsx(Heading, { headingType: getTileHeadingType(className), title: title, className: `whitespace-pre-wrap max-w-[600px]` })), buttons: buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons, className: "flex mt-9 gap-3" })) : null, children: _jsxs("div", { className: "flex items-center", children: [qr?.src && qr?.href && (_jsx("a", { href: qr.href, target: "_blank", "aria-label": title, children: _jsx("img", { src: qr.src, alt: title, title: title, width: "164", height: "164", className: "w-[90px] h-[90px] min-w-[90px] min-h-[90px] bg-secondary-light" }) })), _jsx("span", { className: "font-normal text-sm text-secondary-text ml-4", children: "\u041D\u0430\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u0430\u043C\u0435\u0440\u0443 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u043D\u0430 QR-\u043A\u043E\u0434 \u0438 \u0441\u043A\u0430\u0447\u0430\u0439\u0442\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435" })] }) }) }));
 });
 //# sourceMappingURL=MobileAppTile.js.map

package/lib/components/MobileAppTile/MobileAppTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileAppTile.js","sourceRoot":"","sources":["../../../src/components/MobileAppTile/MobileAppTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAKtE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,KAAK,GAAG,sBAAsB,EAAE,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,kBACE,SAAS,EAAE,uDAAuD,SAAS,KAAK,mBAAmB,CACjG,SAAS,CACV,IAAI,gBAAgB,CAAC,SAAS,CAAC,GAAG,YAEnC,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,IAAI,CACP,KAAC,OAAO,IACN,WAAW,EAAE,kBAAkB,CAAC,SAAS,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,mCAAmC,GAC9C,CACH,EAEH,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,YAGV,eAAK,SAAS,EAAC,mBAAmB,aAC/B,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,IAAI,IAAI,CACtB,YAAG,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,YAC/B,cACE,GAAG,EAAE,EAAE,CAAC,GAAG,EACX,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,SAAS,EAAC,gEAAgE,GAC1E,GACA,CACL,EACD,eAAM,SAAS,EAAC,8CAA8C,+SAEvD,IACH,GACG,GACH,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"MobileAppTile.js","sourceRoot":"","sources":["../../../src/components/MobileAppTile/MobileAppTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAKtE,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,KAAK,GAAG,sBAAsB,EAAE,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,kBACE,SAAS,EAAE,uDAAuD,SAAS,KAAK,mBAAmB,CACjG,SAAS,CACV,IAAI,gBAAgB,CAAC,SAAS,CAAC,GAAG,YAEnC,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,IAAI,CACP,KAAC,OAAO,IACN,WAAW,EAAE,kBAAkB,CAAC,SAAS,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,mCAAmC,GAC9C,CACH,EAEH,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,YAGV,eAAK,SAAS,EAAC,mBAAmB,aAC/B,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,IAAI,IAAI,CACtB,YAAG,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,gBAAa,KAAK,YACjD,cACE,GAAG,EAAE,EAAE,CAAC,GAAG,EACX,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,SAAS,EAAC,gEAAgE,GAC1E,GACA,CACL,EACD,eAAM,SAAS,EAAC,8CAA8C,+SAEvD,IACH,GACG,GACH,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,2 +1,4 @@
-declare const _default: () => any;
+declare const _default: {
+    default: any;
+};
 export default _default;

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+declare const _default: {
+    default: any;
+};
 export default _default;

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

@@ -1,6 +1,9 @@
+import type { ProductBlockContent } from './ProductBlockContent';
+export declare const PRODUCT_BLOCK: ProductBlockContent;
 declare const _default: {
     default: any;
     secondary: any;
     'with items': any;
+    'without image': any;
 };
 export default _default;

package/lib/components/ProductBlock/ProductBlockContent.d.ts

@@ -14,6 +14,7 @@ export declare type ProductBlockInnerContent = HeadingContent & HeadingTypeConte
      */
     benefits?: Benefit[];
     version?: BlockVersion;
+    buttons?: ButtonContent[];
 };
 /**
  * @title Продуктовый блок

package/lib/components/ProductBlock/ProductBlockInner.js

@@ -8,6 +8,6 @@ import { List } from '../../ui-kit/List/List.js';
 import { BaseTile } from '../BaseTile/BaseTile.js';
 import { renderBenefit } from './renderBenefit.js';
 export const ProductBlockInner = JSX(({ className = '', context, title, headingType = 'h2', description, benefits, buttons, image, items, version = 'primary', }) => {
-    return (_jsxs("div", { className: `flex grow justify-between items-stretch ${className}`, children: [_jsx("div", { className: 'flex flex-col', children: _jsxs(BaseTile, { context: context, title: title && (_jsx(Heading, { headingType: headingType, title: title, className: "whitespace-pre-wrap max-w-[600px]" })), buttons: buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons, className: "flex mt-9 gap-3" })) : null, children: [description && (_jsx(Description, { className: "text-m-base mt-4 max-w-[600px]", description: description })), benefits?.filter((items) => items.label)?.length ? (_jsx("div", { className: "flex gap-6 mt-6", children: benefits.map((_, i) => renderBenefit(_, i, version)) })) : null, items?.length ? (_jsx(List, { className: "mt-5", items: items, itemClassName: "mb-[10px]", version: version })) : null] }) }), image?.src && _jsx(Img, { className: "mt-auto", image: image })] }));
+    return (_jsxs("div", { className: `flex grow justify-between items-stretch ${className}`, children: [_jsx("div", { className: 'flex flex-col', children: _jsxs(BaseTile, { context: context, title: title && (_jsx(Heading, { headingType: headingType, title: title, className: "whitespace-pre-wrap max-w-[600px]" })), buttons: buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons, className: "flex mt-9 gap-3" })) : null, children: [description && (_jsx(Description, { className: "mt-4 max-w-[600px]", description: description })), benefits?.filter((items) => items.label)?.length ? (_jsx("div", { className: "flex gap-6 mt-6", children: benefits.map((_, i) => renderBenefit(_, i, version)) })) : null, items?.length ? (_jsx(List, { className: "mt-5", items: items, itemClassName: "mb-[10px]", version: version })) : null] }) }), image?.src && _jsx(Img, { className: "mt-auto", image: image })] }));
 });
 //# sourceMappingURL=ProductBlockInner.js.map

package/lib/components/ProductBlock/ProductBlockInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,WAAW,GAAG,IAAI,EAClB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACpB,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,2CAA2C,SAAS,EAAE,aACpE,cAAK,SAAS,EAAE,eAAe,YAC7B,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,IAAI,CACP,KAAC,OAAO,IACN,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,mCAAmC,GAC7C,CACH,EAEH,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,aAGT,WAAW,IAAI,CACd,KAAC,WAAW,IAAC,SAAS,EAAC,gCAAgC,EAAC,WAAW,EAAE,WAAW,GAAI,CACrF,EACA,QAAQ,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAClD,cAAK,SAAS,EAAC,iBAAiB,YAC7B,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GACjD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,GAAI,CACpF,CAAC,CAAC,CAAC,IAAI,IACC,GACP,EACL,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,IACpD,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,WAAW,GAAG,IAAI,EAClB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACpB,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,2CAA2C,SAAS,EAAE,aACpE,cAAK,SAAS,EAAE,eAAe,YAC7B,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,IAAI,CACP,KAAC,OAAO,IACN,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,mCAAmC,GAC7C,CACH,EAEH,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,aAGT,WAAW,IAAI,CACd,KAAC,WAAW,IAAC,SAAS,EAAC,oBAAoB,EAAC,WAAW,EAAE,WAAW,GAAI,CACzE,EACA,QAAQ,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAClD,cAAK,SAAS,EAAC,iBAAiB,YAC7B,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GACjD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,GAAI,CACpF,CAAC,CAAC,CAAC,IAAI,IACC,GACP,EACL,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,IACpD,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/ProductBlock/ProductBlockInner.mobile.js

@@ -8,7 +8,7 @@ import { List } from '../../ui-kit/List/List.js';
 import { BaseTile } from '../BaseTile/BaseTile.js';
 import { renderBenefit } from './renderBenefit.js';
 export const ProductBlockInner = JSX(({ className = '', context, title, headingType = 'h2', description, benefits, buttons, image, items, version = 'primary', }) => {
-    return (_jsxs("div", { className: `w-full text-primary-text ${className}`, children: [_jsx("div", { children: _jsxs(BaseTile, { context: context, title: title && (_jsx(Heading, { headingType: headingType, title: title, className: "whitespace-pre-wrap max-w-[600px]" })), buttons: buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons, className: "flex flex-col mt-5 gap-2.5" })) : null, children: [description ? _jsx(Description, { className: "mt-3", description: description }) : null, benefits?.filter((items) => items.label)?.length ? (_jsx("div", { className: "mt-3", children: benefits.map((_, i) => renderBenefit(_, i, version)) })) : null, items?.length ? _jsx(List, { className: "mt-3", items: items }) : null] }) }), renderImage(image)] }));
+    return (_jsxs("div", { className: `w-full text-primary-text ${className}`, children: [_jsx("div", { children: _jsxs(BaseTile, { context: context, title: title && (_jsx(Heading, { headingType: headingType, title: title, className: "whitespace-pre-wrap max-w-[600px]" })), buttons: buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons, className: "flex flex-col mt-5 gap-2.5" })) : null, children: [description ? (_jsx(Description, { className: "mt-3 text-m-md", description: description })) : null, benefits?.filter((items) => items.label)?.length ? (_jsx("div", { className: "mt-3", children: benefits.map((_, i) => renderBenefit(_, i, version)) })) : null, items?.length ? _jsx(List, { className: "mt-3", items: items }) : null] }) }), renderImage(image)] }));
 });
 function renderImage(image) {
     return image?.src ? (_jsx("div", { className: "mt-5", children: _jsx(Img, { image: { className: 'block', ...image } }) })) : null;

package/lib/components/ProductBlock/ProductBlockInner.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductBlockInner.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,WAAW,GAAG,IAAI,EAClB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACpB,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,4BAA4B,SAAS,EAAE,aACrD,wBACE,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,IAAI,CACP,KAAC,OAAO,IACN,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,mCAAmC,GAC7C,CACH,EAEH,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,4BAA4B,GACtC,CACH,CAAC,CAAC,CAAC,IAAI,aAGT,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,SAAS,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/E,QAAQ,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAClD,cAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAAO,CACnF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IACtD,GACP,EACL,WAAW,CAAC,KAAK,CAAC,IACf,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,WAAW,CAAC,KAAK;IACxB,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAI,GAC5C,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}
+{"version":3,"file":"ProductBlockInner.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,WAAW,GAAG,IAAI,EAClB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACpB,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,4BAA4B,SAAS,EAAE,aACrD,wBACE,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,IAAI,CACP,KAAC,OAAO,IACN,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,mCAAmC,GAC7C,CACH,EAEH,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,4BAA4B,GACtC,CACH,CAAC,CAAC,CAAC,IAAI,aAGT,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,WAAW,IAAC,SAAS,EAAC,gBAAgB,EAAC,WAAW,EAAE,WAAW,GAAI,CACrE,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAClD,cAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAAO,CACnF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IACtD,GACP,EACL,WAAW,CAAC,KAAK,CAAC,IACf,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,WAAW,CAAC,KAAK;IACxB,OAAO,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAI,GAC5C,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+declare const _default: {
+    default: any;
+};
 export default _default;

package/lib/components/ProductGallery/ProductGalleryContent.d.ts

@@ -16,7 +16,7 @@ export interface ProductSlide {
     productBlock: ProductBlockInnerContent;
 }
 /**
- * @title Продуктовая галерея
+ * @title Продуктовая галерея (для мобильных горизонтальная прокрутка shift+mouseScroll)
  */
 export interface ProductGalleryContent {
     /**

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

@@ -1,5 +1,6 @@
-import { ProductTileContent } from './ProductTileContent';
+import type { ProductTileContent } from './ProductTileContent';
 export declare const PRODUCT_TILE: ProductTileContent;
+export declare const PRODUCT_PENSION_TILE: ProductTileContent;
 declare const _default: {
     credit: any;
     pension: any;

package/lib/components/Recommendation/Recommendation.d.ts

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

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

@@ -0,0 +1,6 @@
+import { RecommendationProps } from './Recommendation';
+export declare const defaultProps: RecommendationProps;
+declare const _default: {
+    default: any;
+};
+export default _default;

package/lib/components/Recommendation/Recommendation.js

@@ -0,0 +1,32 @@
+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 { Heading } from '../../ui-kit/Heading/Heading.js';
+import { RecommendationCard } from './RecommendationCard.js';
+const BLUR_BLOCK_CLASSES = 'absolute top-0 bottom-0 w-[84px]';
+const CARD_FULL_VIEW_COUNT = 2;
+const CARD_SHIFT = 525;
+export const Recommendation = JSX(({ context, recommendations = [], className = '', title, version }) => {
+    const [activeCardIndex, setActiveCardIndex] = context.useState(0);
+    const blockClassName = version === 'secondary' ? 'bg-primary-main text-white' : 'bg-white text-primary-text';
+    const cardClassName = version === 'secondary' ? 'border-main-divider' : 'border-main-stroke';
+    return (_jsxs("section", { className: `relative font-sans p-[50px] overflow-hidden ${blockClassName} ${className}`, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-8", title: title }) : null, _jsx("div", { className: "flex duration-1000 gap-4", style: { transform: `translateX(-${activeCardIndex * CARD_SHIFT}px)` }, role: "list", children: recommendations?.length
+                    ? recommendations.map(renderRecommendationCard({ context, version, className: cardClassName }))
+                    : null }), renderNavButtons({
+                cardsCount: recommendations.length,
+                activeCardIndex,
+                setActiveCardIndex,
+            }), _jsx("div", { className: `${BLUR_BLOCK_CLASSES} left-0 ${version === 'secondary' ? 'bg-opacity-from-main' : 'bg-opacity-from-white'}` }), _jsx("div", { className: `${BLUR_BLOCK_CLASSES} right-0 ${version === 'secondary' ? 'bg-opacity-to-main' : 'bg-opacity-to-white'}` })] }));
+});
+const renderRecommendationCard = ({ context, version, className }) => (card, i) => {
+    return (_jsx(RecommendationCard, { context: context, ...card, version: version, className: className }, String(i)));
+};
+const renderNavButtons = ({ cardsCount, activeCardIndex, setActiveCardIndex, }) => {
+    const handleNextClick = () => setActiveCardIndex(activeCardIndex + 1);
+    const handlePrevClick = () => setActiveCardIndex(activeCardIndex - 1);
+    const isUseSlider = cardsCount > CARD_FULL_VIEW_COUNT;
+    const showNextButton = isUseSlider && cardsCount - activeCardIndex > CARD_FULL_VIEW_COUNT;
+    const showPrevButton = isUseSlider && activeCardIndex > 0;
+    return (_jsxs("div", { children: [showPrevButton && (_jsx(ArrowButton, { className: "absolute top-1/2 left-8 rotate-180 z-10 mt-6", onClick: handlePrevClick, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E" })), showNextButton && (_jsx(ArrowButton, { className: "absolute top-1/2 right-8 z-10 mt-6", onClick: handleNextClick, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E" }))] }));
+};
+//# sourceMappingURL=Recommendation.js.map

package/lib/components/Recommendation/Recommendation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Recommendation.js","sourceRoot":"","sources":["../../../src/components/Recommendation/Recommendation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,kBAAkB,GAAG,kCAAkC,CAAC;AAC9D,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAC/B,MAAM,UAAU,GAAG,GAAG,CAAC;AAIvB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,CAAC,EAAE,OAAO,EAAE,eAAe,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACpE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,cAAc,GAClB,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,4BAA4B,CAAC;IACxF,MAAM,aAAa,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAE7F,OAAO,CACL,mBACE,SAAS,EAAE,+CAA+C,cAAc,IAAI,SAAS,EAAE,aAEtF,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3E,cACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,eAAe,GAAG,UAAU,KAAK,EAAE,EACtE,IAAI,EAAC,MAAM,YAEV,eAAe,EAAE,MAAM;oBACtB,CAAC,CAAC,eAAe,CAAC,GAAG,CACjB,wBAAwB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,CACzE;oBACH,CAAC,CAAC,IAAI,GACJ,EACL,gBAAgB,CAAC;gBAChB,UAAU,EAAE,eAAe,CAAC,MAAM;gBAClC,eAAe;gBACf,kBAAkB;aACnB,CAAC,EACF,cACE,SAAS,EAAE,GAAG,kBAAkB,WAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBACrD,EAAE,GACF,EACF,cACE,SAAS,EAAE,GAAG,kBAAkB,YAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBACnD,EAAE,GACF,IACM,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,wBAAwB,GAC5B,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,CACpC,CAAC,IAA+B,EAAE,CAAS,EAAE,EAAE;IAC7C,OAAO,CACL,KAAC,kBAAkB,IAEjB,OAAO,EAAE,OAAO,KACZ,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAJf,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,gBAAgB,GAAG,CAAC,EACxB,UAAU,EACV,eAAe,EACf,kBAAkB,GAKnB,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IACtE,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IACtE,MAAM,WAAW,GAAG,UAAU,GAAG,oBAAoB,CAAC;IACtD,MAAM,cAAc,GAAG,WAAW,IAAI,UAAU,GAAG,eAAe,GAAG,oBAAoB,CAAC;IAC1F,MAAM,cAAc,GAAG,WAAW,IAAI,eAAe,GAAG,CAAC,CAAC;IAE1D,OAAO,CACL,0BACG,cAAc,IAAI,CACjB,KAAC,WAAW,IACV,SAAS,EAAC,8CAA8C,EACxD,OAAO,EAAE,eAAe,EACxB,SAAS,EAAC,6FAAkB,GAC5B,CACH,EACA,cAAc,IAAI,CACjB,KAAC,WAAW,IACV,SAAS,EAAC,oCAAoC,EAC9C,OAAO,EAAE,eAAe,EACxB,SAAS,EAAC,mGAAmB,GAC7B,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/Recommendation/RecommendationCard.d.ts

@@ -0,0 +1,7 @@
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { UniBlockProps } from '../../types';
+import type { RecommendationCardContent } from './RecommendationContent';
+export interface RecommendationCardProps extends RecommendationCardContent, UniBlockProps {
+    version?: BlockVersion;
+}
+export declare const RecommendationCard: (props: import("@redneckz/uni-jsx").PropsWithChildren<RecommendationCardProps, any>, context?: any) => any;

package/lib/components/Recommendation/RecommendationCard.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 { Description } from '../../ui-kit/Description/Description.js';
+import { Heading } from '../../ui-kit/Heading/Heading.js';
+import { Img } from '../../ui-kit/Img/Img.js';
+import { List } from '../../ui-kit/List/List.js';
+import { BaseTile } from '../BaseTile/BaseTile.js';
+export const RecommendationCard = JSX(({ context, className = '', title, description, items, image, version }) => {
+    return (_jsx("section", { className: `border border-solid box-border rounded-md p-7 min-w-[515px] max-w-[515px] ${className}`, role: "listitem", children: _jsxs(BaseTile, { context: context, title: title && _jsx(Heading, { headingType: "h4", title: title, className: "mb-4" }), image: image?.src && _jsx(Img, { className: "mt-auto ml-7", image: image }), children: [description ? _jsx(Description, { description: description }) : null, items?.length ? _jsx(List, { items: items, version: version }) : null] }) }));
+});
+//# sourceMappingURL=RecommendationCard.js.map

package/lib/components/Recommendation/RecommendationCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationCard.js","sourceRoot":"","sources":["../../../src/components/Recommendation/RecommendationCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAOhD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACzE,OAAO,CACL,kBACE,SAAS,EAAE,6EAA6E,SAAS,EAAE,EACnG,IAAI,EAAC,UAAU,YAEf,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAAI,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM,GAAG,EAC3E,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,aAElE,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,IACvD,GACH,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/Recommendation/RecommendationContent.d.ts

@@ -0,0 +1,14 @@
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
+import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+import type { ListContent } from '../../ui-kit/List/ListContent';
+export declare type RecommendationCardContent = HeadingContent & DescriptionContent & ListContent & ImageContent;
+/**
+ * @title Рекомендации
+ */
+export interface RecommendationContent extends HeadingContent {
+    /** @title Карточки */
+    recommendations?: RecommendationCardContent[];
+    version?: BlockVersion;
+}

package/lib/components/Recommendation/RecommendationContent.js

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

package/lib/components/Recommendation/RecommendationContent.js.map

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

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

@@ -0,0 +1,2 @@
+import type { TariffsTableRowHeader } from './TariffsTableContent';
+export declare const TableTileHeader: (props: import("@redneckz/uni-jsx").PropsWithChildren<TariffsTableRowHeader, any>, context?: any) => any;

package/lib/components/TariffsTable/TableTileHeader.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Heading } from '../../ui-kit/Heading/Heading.js';
+import { Icon } from '../../ui-kit/Icon/Icon.js';
+export const TableTileHeader = JSX(({ title, icon }) => {
+    return (_jsxs("div", { className: "flex gap-2.5 mb-2", children: [title ? _jsx(Heading, { headingType: "h3", className: "font-medium", title: title }) : null, icon ? (_jsx(Icon, { className: "ml-auto max-w-6 max-h-6", name: icon, width: "24px", height: "24px" })) : null] }));
+});
+//# sourceMappingURL=TableTileHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableTileHeader.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TableTileHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAwB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5E,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAC/B,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EACjF,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CACpF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+declare const _default: {
+    'default (vertical)': any;
+    horizontal: any;
+};
+export default _default;

package/lib/components/TariffsTable/TariffsTable.js

@@ -1,23 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useComparisonTableScroll } from '../../hooks/useComparisonTableScroll.js';
-import { ArrowButton } from '../../ui-kit/Button/ArrowButton.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { COLS_LENGTH_FOR_SCROLL } from './constants.js';
 import { TariffsTableRow } from './TariffsTableRow.js';
-export const TariffsTable = JSX(({ className, context, title, rowHeaders, columns }) => {
+import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl.js';
+import { useTableArrowScrollControl } from '../../hooks/useTableArrowScrollControl.js';
+export const TariffsTable = JSX(({ className, context, title, description, 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,
+    const colData = getColData(columns);
+    const rowData = getRowData(rowHeaders, colData);
+    const tableArrowScrollControlProps = useTableArrowScrollControl({
+        columnsLength: colData.length,
         colsLengthForScroll: 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(Heading, { headingType: "h2", className: "max-w-[47rem] text-center mb-9 mx-auto", title: title }), _jsxs("div", { role: "table", children: [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] })] }));
+    const { isScrollAvailable } = tableArrowScrollControlProps;
+    return (_jsxs("section", { className: `bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? (_jsx(Heading, { headingType: "h2", className: `text-center ${description ? 'mb-2.5' : 'mb-9'}`, title: title })) : null, description ? _jsx("div", { className: "mb-9 text-center text-m-base", children: description }) : null, rowData?.length ? (_jsxs("div", { role: "table", children: [_jsxs("div", { className: "relative", children: [rowData.map((row, i) => (_jsx(TariffsTableRow, { row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex }, String(i)))), _jsx(TableArrowScrollControl, { ...tableArrowScrollControlProps })] }), isScrollAvailable ? (_jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] })) : null] }));
 });
+const getColData = (columns) => columns?.map(({ data }) => data) || [];
+const getRowData = (rowHeaders, colData) => rowHeaders?.map((header, i) => ({
+    header,
+    data: colData.map((col) => col?.[i] || [{}]),
+}));
 //# sourceMappingURL=TariffsTable.js.map

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

@@ -1 +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,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,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,CAAC;QACvB,OAAO;QACP,mBAAmB,EAAE,sBAAsB;QAC3C,eAAe;QACf,kBAAkB;KACnB,CAAC,CAAC;IAEL,OAAO,CACL,mBACE,SAAS,EAAE,qFACT,SAAS,IAAI,EACf,EAAE,aAEF,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,KAAK,GACZ,EACF,eAAK,IAAI,EAAC,OAAO,aACd,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,IACJ,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"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,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AAQvG,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AAIpF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAEhD,MAAM,4BAA4B,GAAG,0BAA0B,CAAC;QAC9D,aAAa,EAAE,OAAO,CAAC,MAAM;QAC7B,mBAAmB,EAAE,sBAAsB;QAC3C,eAAe;QACf,kBAAkB;KACnB,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,4BAA4B,CAAC;IAE3D,OAAO,CACL,mBACE,SAAS,EAAE,qFACT,SAAS,IAAI,EACf,EAAE,aAED,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,EAC3D,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,8BAA8B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACtF,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,eAAK,IAAI,EAAC,OAAO,aACf,eAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,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,EACF,KAAC,uBAAuB,OAAK,4BAA4B,GAAI,IACzD,EACL,iBAAiB,CAAC,CAAC,CAAC,CACnB,cAAK,SAAS,EAAC,8DAA8D,GAAG,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAKF,MAAM,UAAU,GAAG,CAAC,OAAyC,EAAe,EAAE,CAC5E,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAEzC,MAAM,UAAU,GAAG,CACjB,UAA+C,EAC/C,OAAoB,EACP,EAAE,CACf,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9B,MAAM;IACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;CAC7C,CAAC,CAAC,CAAC"}

package/lib/components/TariffsTable/TariffsTable.mobile.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.mobile.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Heading } from '../../ui-kit/Heading/Heading.js';
+import { TariffsTableVertical } from './TariffsTableVertical.js';
+import { TariffsTableHorizontal } from './TariffsTableHorizontal.js';
+export 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] }));
+});
+function renderOrientationTable(orientation, tiles, context) {
+    return orientation === 'vertical' ? (_jsx(TariffsTableVertical, { tiles: tiles })) : (_jsx(TariffsTableHorizontal, { context: context, tiles: tiles }));
+}
+const getColData = (columns) => columns?.[0].data ? columns[0].data : [];
+const getTiles = (rowHeaders, colData) => rowHeaders?.map((header, i) => ({
+    header,
+    data: colData?.[i] || [{}],
+}));
+//# sourceMappingURL=TariffsTable.mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TariffsTable.mobile.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,GAAG,UAAU,EAAE,EAAE,EAAE;IAC5F,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAE5C,OAAO,CACL,mBAAS,SAAS,EAAE,kDAAkD,SAAS,EAAE,aAC9E,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EACzD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,4BAA4B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACpF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,IACnE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,sBAAsB,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO;IACzD,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAClC,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,GAAI,CACvC,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CAC3D,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,OAAyC,EAAE,EAAE,CAC/D,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;AAE3C,MAAM,QAAQ,GAAG,CACf,UAA+C,EAC/C,OAAiC,EACjC,EAAE,CACF,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9B,MAAM;IACN,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;CAC3B,CAAC,CAAC,CAAC"}

package/lib/components/TariffsTable/TariffsTableCell.js

@@ -6,9 +6,9 @@ import { Icon } from '../../ui-kit/Icon/Icon.js';
 import { Img } from '../../ui-kit/Img/Img.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' : ''}`;
-    return (_jsx("div", { className: cellWrapperClasses, role: "cell", children: _jsx("div", { children: cell.map((item, i) => renderCellInner(item, i)) }) }));
+    return (_jsx("div", { className: cellWrapperClasses, role: "cell", children: _jsx("div", { children: cell.map(renderCellInner) }) }));
 });
-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("div", { 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", { role: "list", children: list.items.map((text, idx) => (_jsx(BlockItem, { className: "text-sm", text: text, version: "gray", isDotted: list.isDotted ?? true }, String(idx)))) }) })) : null, image && _jsx(Img, { image: image }), buttons?.length
+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("div", { className: "text-xl font-medium m-0", children: label }) : null, description ? _jsx("div", { className: "text-sm text-secondary-text", children: description }) : null, list?.items?.length ? (_jsx("div", { className: "flex flex-col justify-between items-start", children: _jsx("div", { role: "list", children: list.items.map((text, idx) => (_jsx(BlockItem, { className: "text-sm", text: text, version: "gray", 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", asSVG: true }), ...buttonProps }, String(idx))))
             : null] }, String(i)));
 //# sourceMappingURL=TariffsTableCell.js.map