@redneckz/wildless-cms-uni-blocks 0.3.13 → 0.3.16

package/mobile/dist/components/StepsBlock/StepsBlock.js

@@ -4,21 +4,43 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const Heading_1 = require("../../ui-kit/Heading/Heading");
 const Icon_1 = require("../../ui-kit/Icon/Icon");
-exports.StepsBlock = (0, uni_jsx_1.JSX)(({ className, title, description, steps, size = 'normal' }) => {
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `box-border font-sans text-primary-text bg-white px-4 py-6 flex flex-col ${className || ''}`, children: [title && (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h3", className: "text-center", title: title }), description && (0, jsx_runtime_1.jsx)("p", { className: `text-m-md text-center ${title && 'mt-2'}`, children: description }), steps?.length ? ((0, jsx_runtime_1.jsx)("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map((step, i) => renderStepTitle({ step, size, i, length: steps.length })) }) })) : null] }));
+const STEPS_BLOCK_STYLE_MAPS = {
+    primary: {
+        background: 'bg-white',
+        title: 'text-primary-text',
+        description: 'text-secondary-text',
+        iconBackground: 'bg-secondary-light',
+        iconConnector: 'bg-secondary-light',
+    },
+    secondary: {
+        background: 'bg-primary-main',
+        title: 'text-white',
+        description: 'text-white/80',
+        iconBackground: 'bg-white/30',
+        iconConnector: 'bg-white',
+    },
+};
+const styleMaps = (version) => STEPS_BLOCK_STYLE_MAPS[version];
+exports.StepsBlock = (0, uni_jsx_1.JSX)(({ className, title, description, steps, size = 'normal', version = 'primary' }) => {
+    const style = styleMaps(version);
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `box-border font-sans bg-white px-4 py-6 flex flex-col
+        ${style.background} ${style.title} ${className || ''}`, children: [title && ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h3", className: `text-center ${style.title}`, title: title })), description && ((0, jsx_runtime_1.jsx)("p", { className: `text-m-md text-center ${style.description} ${title && 'mt-2'}`, children: description })), steps?.length ? ((0, jsx_runtime_1.jsx)("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map((step, i) => renderStepTitle({ step, size, i, length: steps.length, version: version })) }) })) : null] }));
 });
 const renderStepTitle = (params) => {
-    const { step, size, i, length } = params;
+    const { step, size, i, length, version } = params;
     const isLastStep = length - 1 === i;
     const margin = size === 'normal' ? 'ml-[34px]' : 'ml-[24px]';
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row text-center relative", children: [(0, jsx_runtime_1.jsxs)("div", { children: [renderIconArea(step, size, i), !isLastStep && (0, jsx_runtime_1.jsx)("div", { className: `min-h-8 h-full w-[2px] bg-secondary-light ${margin}` })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-start relative", children: [step.label && ((0, jsx_runtime_1.jsx)("div", { className: "font-medium text-m-title-xs m-0 text-left", children: step.label })), step.description && ((0, jsx_runtime_1.jsx)("div", { className: `font-normal text-sm text-secondary-text text-left ${step.label ? 'mt-1' : ''}`, children: step.description }))] })] }, String(i)) }, String(i)));
+    const style = styleMaps(version);
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row text-center relative", children: [(0, jsx_runtime_1.jsxs)("div", { className: "overflow-hidden", children: [renderIconArea(params), !isLastStep && ((0, jsx_runtime_1.jsx)("div", { className: `min-h-8 h-full w-[2px] ${style.iconConnector} ${margin}` }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-start relative", children: [step.label && ((0, jsx_runtime_1.jsx)("div", { className: "font-medium text-m-title-xs m-0 text-left", children: step.label })), step.description && ((0, jsx_runtime_1.jsx)("div", { className: `font-normal text-sm ${style.description} text-left ${step.label ? 'mt-1' : ''}`, children: step.description }))] })] }, String(i)) }, String(i)));
 };
-const renderIconArea = (step, size, i) => {
+const renderIconArea = (params) => {
+    const { step, size, i, version } = params;
+    const style = styleMaps(version);
     const iconAreaSize = size === 'normal'
         ? 'h-[70px] w-[70px] min-w-[70px] min-h-[70px]'
         : 'h-[50px] w-[50px] min-w-[50px] min-h-[50px]';
     const iconSize = size === 'normal' ? '38' : '27';
     const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
-    return ((0, jsx_runtime_1.jsx)("div", { className: `${iconAreaSize} bg-secondary-light rounded-full z-10 mr-3 flex justify-center content-center`, children: (0, jsx_runtime_1.jsx)("span", { className: `font-medium text-secondary-text self-center ${iconTextSize}`, children: (step.icon && (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: step.icon, width: iconSize, height: iconSize })) || i + 1 }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: `${iconAreaSize} ${style.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: (0, jsx_runtime_1.jsx)("span", { className: `font-medium flex self-center ${style.title} ${iconTextSize}`, children: (step.icon && (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: step.icon, width: iconSize, height: iconSize, asSVG: true })) || i + 1 }) }));
 };
 //# sourceMappingURL=StepsBlock.js.map

package/mobile/dist/components/StepsBlock/StepsBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}

package/mobile/dist/components/StepsBlock/StepsBlockContent.d.ts

@@ -1,5 +1,6 @@
 import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { SizeVersion } from '../../model/SizeVersion';
+import type { BlockVersion } from '../../model/BlockVersion';
 /**
  * @title Шаг
  */
@@ -27,4 +28,5 @@ export interface StepsBlockContent {
      */
     steps?: Step[];
     size?: SizeVersion;
+    version?: BlockVersion;
 }

package/mobile/dist/model/BlockVersion.d.ts

@@ -1,5 +1,10 @@
 /**
- * @title Цвет плитки
+ * @title Цвет блока
  * @enumNames ["Основная", "Второстепенная"]
  */
 export declare type BlockVersion = 'primary' | 'secondary';
+/**
+ * @title Цвет блока
+ * @enumNames ["Прозрачная", Основная", "Второстепенная"]
+ */
+export declare type BlockVersionWithTransparent = 'transparent' | 'primary' | 'secondary';

package/mobile/dist/ui-kit/Description/Description.js

@@ -4,6 +4,6 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 exports.Description = (0, uni_jsx_1.JSX)((props) => {
     const { className = '', description } = props;
-    return (0, jsx_runtime_1.jsx)("div", { className: `font-normal text-m-md ${className}`, children: description });
+    return (0, jsx_runtime_1.jsx)("div", { className: `font-normal text-base ${className}`, children: description });
 });
 //# sourceMappingURL=Description.js.map

package/mobile/lib/components/ContentPage/ContentPageHead.js

@@ -7,7 +7,7 @@ export const ContentPageHead = JSX(({ HeadComponent, data, children }) => {
 });
 function renderOpenGraph(og) {
     return og
-        ? Object.entries(og).map(([key, value]) => (_jsx("meta", { name: `og:${key}`, content: value }, key)))
+        ? Object.entries(og).map(([key, value]) => (_jsx("meta", { property: `og:${key}`, content: value }, key)))
         : null;
 }
 function renderTwitter(twitter) {

package/mobile/lib/components/ContentPage/ContentPageHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentPageHead.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPageHead.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAuB,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7F,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IAChE,OAAO,CACL,MAAC,aAAa,eACZ,0BAAQ,KAAK,GAAS,EACtB,eAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,qCAAqC,GAAG,EACrE,WAAW,IAAI,eAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,WAAW,GAAI,EAChE,QAAQ,IAAI,eAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAI,EACjE,MAAM,IAAI,eAAM,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAI,EAC3D,eAAe,CAAC,EAAE,CAAC,EACnB,aAAa,CAAC,OAAO,CAAC,EACtB,SAAS,IAAI,eAAM,GAAG,EAAC,WAAW,EAAC,IAAI,EAAE,SAAS,GAAI,EACtD,MAAM,IAAI,iBAAQ,IAAI,EAAC,qBAAqB,YAAE,MAAM,GAAU,EAC9D,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,eAAe,CAAC,EAAsC;IAC7D,OAAO,EAAE;QACP,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACvC,eAAgB,IAAI,EAAE,MAAM,GAAG,EAAE,EAAE,OAAO,EAAE,KAAK,IAAtC,GAAG,CAAuC,CACtD,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,SAAS,aAAa,CAAC,OAA2C;IAChE,OAAO,OAAO;QACZ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC5C,eAAgB,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,OAAO,EAAE,KAAK,IAA3C,GAAG,CAA4C,CAC3D,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}
+{"version":3,"file":"ContentPageHead.js","sourceRoot":"","sources":["../../../src/components/ContentPage/ContentPageHead.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAuB,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7F,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IAChE,OAAO,CACL,MAAC,aAAa,eACZ,0BAAQ,KAAK,GAAS,EACtB,eAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,qCAAqC,GAAG,EACrE,WAAW,IAAI,eAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,WAAW,GAAI,EAChE,QAAQ,IAAI,eAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAI,EACjE,MAAM,IAAI,eAAM,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAI,EAC3D,eAAe,CAAC,EAAE,CAAC,EACnB,aAAa,CAAC,OAAO,CAAC,EACtB,SAAS,IAAI,eAAM,GAAG,EAAC,WAAW,EAAC,IAAI,EAAE,SAAS,GAAI,EACtD,MAAM,IAAI,iBAAQ,IAAI,EAAC,qBAAqB,YAAE,MAAM,GAAU,EAC9D,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,eAAe,CAAC,EAAsC;IAC7D,OAAO,EAAE;QACP,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACvC,eAAgB,QAAQ,EAAE,MAAM,GAAG,EAAE,EAAE,OAAO,EAAE,KAAK,IAA1C,GAAG,CAA2C,CAC1D,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,SAAS,aAAa,CAAC,OAA2C;IAChE,OAAO,OAAO;QACZ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC5C,eAAgB,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,OAAO,EAAE,KAAK,IAA3C,GAAG,CAA4C,CAC3D,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}

package/mobile/lib/components/Footer/Footer.js

@@ -6,11 +6,11 @@ import { Contacts } from './Contacts.js';
 import { HorizontalNavigation } from './HorizontalNavigation.js';
 import { SocialMedia } from './SocialMedia.js';
 import { TextInformation } from './TextInformation.js';
+import { useSitemap } from '../../services/sitemap/useSitemap.js';
 import { Button } from '../../ui-kit/Button/Button.js';
 import { Icon } from '../../ui-kit/Icon/Icon.js';
 import { SearchBar } from '../../ui-kit/SearchBar/SearchBar.js';
 import { getAccordionItems } from '../../utils/getAccordionItems.js';
-import { useSitemap } from "../../services/sitemap/useSitemap.js';
 export const Footer = JSX(({ className = '', documents, relatedEnterprises, contacts, socialMedia, context, horizontalNavigationTitle, }) => {
     const sitemap = useSitemap(context.useAsyncData);
     const dispositions = sitemap?.dispositions;

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAI/D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,WAAW,EACX,OAAO,EACP,yBAAyB,GAC1B,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,OAAO,EAAE,YAAY,CAAA;IAC1C,OAAO,CACL,kBAAQ,SAAS,EAAE,2BAA2B,SAAS,EAAE,aACvD,KAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,SAAG,EACrF,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,WAAW,EACrB,cAAc,EAAE,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,GACnD,EACF,wBAAM,YAAY,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAO,EACjD,KAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,qHAAsB,EAC5B,WAAW,EAAC,8FAA6B,GACzC,EACF,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,GAAG,EAChD,KAAC,WAAW,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,EACtE,KAAC,oBAAoB,IACnB,KAAK,EAAE,yBAAyB,EAChC,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,eAAe,IAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,IAChD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,IAAiB,EAAE,CAAS,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAClC,OAAO,CACL,MAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAqB,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,mBAAmB,aACjF,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,EACjF,eAAM,SAAS,EAAC,sCAAsC,YAAE,IAAI,GAAQ,KAF1C,UAAU,CAAC,EAAE,CAGhC,CACV,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAIlE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,WAAW,EACX,OAAO,EACP,yBAAyB,GAC1B,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,OAAO,EAAE,YAAY,CAAC;IAC3C,OAAO,CACL,kBAAQ,SAAS,EAAE,2BAA2B,SAAS,EAAE,aACvD,KAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,SAAG,EACrF,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,WAAW,EACrB,cAAc,EAAE,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,GACnD,EACF,wBAAM,YAAY,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAO,EACjD,KAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,qHAAsB,EAC5B,WAAW,EAAC,8FAA6B,GACzC,EACF,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,GAAG,EAChD,KAAC,WAAW,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,EACtE,KAAC,oBAAoB,IACnB,KAAK,EAAE,yBAAyB,EAChC,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,eAAe,IAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,IAChD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,IAAiB,EAAE,CAAS,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAClC,OAAO,CACL,MAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAqB,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,mBAAmB,aACjF,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,EACjF,eAAM,SAAS,EAAC,sCAAsC,YAAE,IAAI,GAAQ,KAF1C,UAAU,CAAC,EAAE,CAGhC,CACV,CAAC;AACJ,CAAC,CAAC"}

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

@@ -2,7 +2,9 @@ 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, HEADLINE_BLOCK_STYLE_MAPS } from './constants.js';
+export const Headline = JSX(({ bgColorHeadline = 'transparent', className = '', title, description, image, align = 'left', }) => {
+    const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
+    return (_jsxs("section", { className: `px-4 py-6 ${STYLE_MAPS.background} ${className}`, children: [title && (_jsx(Heading, { headingType: "h2", className: `${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`, title: title })), description && (_jsx("p", { className: `font-normal text-m-md ${STYLE_MAPS.description} ${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.js.map

package/mobile/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;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.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,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAKpE,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,MAAM,UAAU,GAAG,yBAAyB,CAAC,eAAe,CAAC,CAAC;IAC9D,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,UAAU,CAAC,UAAU,IAAI,SAAS,EAAE,aAClE,KAAK,IAAI,CACR,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,GAAG,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,EACpD,KAAK,EAAE,KAAK,GACZ,CACH,EACA,WAAW,IAAI,CACd,YACE,SAAS,EAAE,yBAAyB,UAAU,CAAC,WAAW,IAAI,UAAU,CAAC,KAAK,CAAC,IAC7E,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EACrB,EAAE,YAED,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/mobile/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/mobile/lib/components/Headline/constants.d.ts

@@ -0,0 +1,10 @@
+import type { AlignType } from '../BaseTile/BaseTileProps';
+import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
+export declare const ALIGN_TEXT: Record<AlignType, string>;
+declare type StyleType = {
+    background: string;
+    text: string;
+    description: string;
+};
+export declare const HEADLINE_BLOCK_STYLE_MAPS: Record<BlockVersionWithTransparent, StyleType>;
+export {};

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

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

package/mobile/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;AAQF,MAAM,CAAC,MAAM,yBAAyB,GAAmD;IACvF,WAAW,EAAE;QACX,UAAU,EAAE,gBAAgB;QAC5B,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,mBAAmB;KACjC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,mBAAmB;KACjC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,iBAAiB;QAC7B,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,eAAe;KAC7B;CACF,CAAC"}

package/mobile/lib/components/ProductBlock/ProductBlockInner.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/mobile/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,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.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,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/mobile/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/mobile/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/mobile/lib/components/Recommendation/Recommendation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Recommendation.js","sourceRoot":"","sources":["../../../src/components/Recommendation/Recommendation.tsx"],"names":[],"mappings":"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"}

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

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

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

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

package/mobile/lib/components/StepsBlock/StepsBlock.js

@@ -2,21 +2,43 @@ 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 StepsBlock = JSX(({ className, title, description, steps, size = 'normal' }) => {
-    return (_jsxs("section", { className: `box-border font-sans text-primary-text bg-white px-4 py-6 flex flex-col ${className || ''}`, children: [title && _jsx(Heading, { headingType: "h3", className: "text-center", title: title }), description && _jsx("p", { className: `text-m-md text-center ${title && 'mt-2'}`, children: description }), steps?.length ? (_jsx("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: _jsx("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map((step, i) => renderStepTitle({ step, size, i, length: steps.length })) }) })) : null] }));
+const STEPS_BLOCK_STYLE_MAPS = {
+    primary: {
+        background: 'bg-white',
+        title: 'text-primary-text',
+        description: 'text-secondary-text',
+        iconBackground: 'bg-secondary-light',
+        iconConnector: 'bg-secondary-light',
+    },
+    secondary: {
+        background: 'bg-primary-main',
+        title: 'text-white',
+        description: 'text-white/80',
+        iconBackground: 'bg-white/30',
+        iconConnector: 'bg-white',
+    },
+};
+const styleMaps = (version) => STEPS_BLOCK_STYLE_MAPS[version];
+export const StepsBlock = JSX(({ className, title, description, steps, size = 'normal', version = 'primary' }) => {
+    const style = styleMaps(version);
+    return (_jsxs("section", { className: `box-border font-sans bg-white px-4 py-6 flex flex-col
+        ${style.background} ${style.title} ${className || ''}`, children: [title && (_jsx(Heading, { headingType: "h3", className: `text-center ${style.title}`, title: title })), description && (_jsx("p", { className: `text-m-md text-center ${style.description} ${title && 'mt-2'}`, children: description })), steps?.length ? (_jsx("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: _jsx("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map((step, i) => renderStepTitle({ step, size, i, length: steps.length, version: version })) }) })) : null] }));
 });
 const renderStepTitle = (params) => {
-    const { step, size, i, length } = params;
+    const { step, size, i, length, version } = params;
     const isLastStep = length - 1 === i;
     const margin = size === 'normal' ? 'ml-[34px]' : 'ml-[24px]';
-    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-row text-center relative", children: [_jsxs("div", { children: [renderIconArea(step, size, i), !isLastStep && _jsx("div", { className: `min-h-8 h-full w-[2px] bg-secondary-light ${margin}` })] }), _jsxs("div", { className: "flex flex-col justify-start relative", children: [step.label && (_jsx("div", { className: "font-medium text-m-title-xs m-0 text-left", children: step.label })), step.description && (_jsx("div", { className: `font-normal text-sm text-secondary-text text-left ${step.label ? 'mt-1' : ''}`, children: step.description }))] })] }, String(i)) }, String(i)));
+    const style = styleMaps(version);
+    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-row text-center relative", children: [_jsxs("div", { className: "overflow-hidden", children: [renderIconArea(params), !isLastStep && (_jsx("div", { className: `min-h-8 h-full w-[2px] ${style.iconConnector} ${margin}` }))] }), _jsxs("div", { className: "flex flex-col justify-start relative", children: [step.label && (_jsx("div", { className: "font-medium text-m-title-xs m-0 text-left", children: step.label })), step.description && (_jsx("div", { className: `font-normal text-sm ${style.description} text-left ${step.label ? 'mt-1' : ''}`, children: step.description }))] })] }, String(i)) }, String(i)));
 };
-const renderIconArea = (step, size, i) => {
+const renderIconArea = (params) => {
+    const { step, size, i, version } = params;
+    const style = styleMaps(version);
     const iconAreaSize = size === 'normal'
         ? 'h-[70px] w-[70px] min-w-[70px] min-h-[70px]'
         : 'h-[50px] w-[50px] min-w-[50px] min-h-[50px]';
     const iconSize = size === 'normal' ? '38' : '27';
     const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
-    return (_jsx("div", { className: `${iconAreaSize} bg-secondary-light rounded-full z-10 mr-3 flex justify-center content-center`, children: _jsx("span", { className: `font-medium text-secondary-text self-center ${iconTextSize}`, children: (step.icon && _jsx(Icon, { name: step.icon, width: iconSize, height: iconSize })) || i + 1 }) }));
+    return (_jsx("div", { className: `${iconAreaSize} ${style.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: _jsx("span", { className: `font-medium flex self-center ${style.title} ${iconTextSize}`, children: (step.icon && _jsx(Icon, { name: step.icon, width: iconSize, height: iconSize, asSVG: true })) || i + 1 }) }));
 };
 //# sourceMappingURL=StepsBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StepsBlock.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/components/StepsBlock/StepsBlockContent.d.ts

@@ -1,5 +1,6 @@
 import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { SizeVersion } from '../../model/SizeVersion';
+import type { BlockVersion } from '../../model/BlockVersion';
 /**
  * @title Шаг
  */
@@ -27,4 +28,5 @@ export interface StepsBlockContent {
      */
     steps?: Step[];
     size?: SizeVersion;
+    version?: BlockVersion;
 }

package/mobile/lib/model/BlockVersion.d.ts

@@ -1,5 +1,10 @@
 /**
- * @title Цвет плитки
+ * @title Цвет блока
  * @enumNames ["Основная", "Второстепенная"]
  */
 export declare type BlockVersion = 'primary' | 'secondary';
+/**
+ * @title Цвет блока
+ * @enumNames ["Прозрачная", Основная", "Второстепенная"]
+ */
+export declare type BlockVersionWithTransparent = 'transparent' | 'primary' | 'secondary';

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

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 export const Description = JSX((props) => {
     const { className = '', description } = props;
-    return _jsx("div", { className: `font-normal text-m-md ${className}`, children: description });
+    return _jsx("div", { className: `font-normal text-base ${className}`, children: description });
 });
 //# sourceMappingURL=Description.js.map

package/mobile/src/components/ContentPage/ContentPage.page.json

@@ -1882,6 +1882,80 @@
       "type": "CreditCalculator",
       "style": ["col-span-12"]
     },
+    {
+      "type": "Recommendation",
+      "style": ["col-span-12"],
+      "content": {
+        "title": "С этим продуктом приобретают",
+        "recommendations": [
+          {
+            "title": "Кредиты",
+            "items": ["до 10 000 000 ₽", "до 10 лет"],
+            "image": {
+              "src": "chair.png",
+              "alt": "Варианты потребительского кредита",
+              "format": "webp",
+              "size": {
+                "width": 180,
+                "height": 180
+              }
+            }
+          },
+          {
+            "title": "Кредитные карты",
+            "description": "Льготный период 120 дней",
+            "image": {
+              "src": "credit-card-1.png",
+              "alt": "Варианты потребительского кредита",
+              "format": "webp",
+              "size": {
+                "width": 180,
+                "height": 180
+              }
+            }
+          },
+          {
+            "title": "Кредитные карты",
+            "description": "Льготный период 120 дней",
+            "image": {
+              "src": "credit-card-1.png",
+              "alt": "Варианты потребительского кредита",
+              "format": "webp",
+              "size": {
+                "width": 180,
+                "height": 180
+              }
+            }
+          },
+          {
+            "title": "Кредитные карты",
+            "description": "Льготный период 120 дней",
+            "image": {
+              "src": "credit-card-1.png",
+              "alt": "Варианты потребительского кредита",
+              "format": "webp",
+              "size": {
+                "width": 180,
+                "height": 180
+              }
+            }
+          },
+          {
+            "title": "Кредитные карты",
+            "description": "Льготный период 120 дней",
+            "image": {
+              "src": "credit-card-1.png",
+              "alt": "Варианты потребительского кредита",
+              "format": "webp",
+              "size": {
+                "width": 180,
+                "height": 180
+              }
+            }
+          }
+        ]
+      }
+    },
     {
       "type": "Footer",
       "style": ["col-span-12"],

package/mobile/src/components/ContentPage/ContentPageHead.tsx

@@ -28,7 +28,7 @@ export const ContentPageHead = JSX<ContentPageHeadProps>(({ HeadComponent, data,
 function renderOpenGraph(og: Record<string, string> | undefined) {
   return og
     ? Object.entries(og).map(([key, value]) => (
-        <meta key={key} name={`og:${key}`} content={value} />
+        <meta key={key} property={`og:${key}`} content={value} />
       ))
     : null;
 }

package/mobile/src/components/Footer/Footer.tsx

@@ -8,11 +8,11 @@ import { HorizontalNavigation } from './HorizontalNavigation';
 import { SocialMedia } from './SocialMedia';
 import { TextInformation } from './TextInformation';
 
+import { useSitemap } from '../../services/sitemap/useSitemap';
 import { Button } from '../../ui-kit/Button/Button';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { SearchBar } from '../../ui-kit/SearchBar/SearchBar';
 import { getAccordionItems } from '../../utils/getAccordionItems';
-import { useSitemap } from "../../services/sitemap/useSitemap";
 
 export interface FooterProps extends FooterContent, UniBlockProps {}
 
@@ -27,7 +27,7 @@ export const Footer = JSX<FooterProps>(
     horizontalNavigationTitle,
   }) => {
     const sitemap = useSitemap(context.useAsyncData);
-    const dispositions = sitemap?.dispositions
+    const dispositions = sitemap?.dispositions;
     return (
       <footer className={`px-4 py-[26px] bg-white ${className}`}>
         <Contacts className="overflow-hidden" items={contacts} context={context} hasButton />

package/mobile/src/components/Headline/Headline.example.json

@@ -2,5 +2,5 @@
   "title": "Заголовок",
   "description": "Описание",
   "align": "center",
-  "bgColor": "transparent"
+  "bgColorHeadline": "transparent"
 }