@redneckz/wildless-cms-uni-blocks 0.3.31 → 0.3.34

package/dist/components/LinkDocs/LinkDocsVerticalList.d.ts

@@ -1,8 +1,8 @@
-import type { IconName } from '../../icons/IconName';
 import type { LinkDocsItem } from './LinkDocsContent';
+import type { Picture } from '../../model/Picture';
 export interface LinkDocsVerticalListProps {
     hasBorder?: boolean;
     documents?: LinkDocsItem[];
-    icon?: IconName;
+    icon?: Picture;
 }
 export declare const LinkDocsVerticalList: (props: import("@redneckz/uni-jsx").PropsWithChildren<LinkDocsVerticalListProps, any>, context?: any) => any;

package/dist/components/MobileAppTile/MobileAppTile.js

@@ -9,6 +9,6 @@ const getTileHeadingType_1 = require("../BaseTile/getTileHeadingType");
 const getTileMinHeight_1 = require("../BaseTile/getTileMinHeight");
 const getTileRightPadding_1 = require("../BaseTile/getTileRightPadding");
 exports.MobileAppTile = (0, uni_jsx_1.JSX)(({ className = '', context, title = 'Мобильное приложение', qr, buttons = [], anchor = null, }) => {
-    return ((0, jsx_runtime_1.jsx)("section", { className: `bg-white text-primary-text font-sans p-9 box-border ${className}  ${(0, getTileRightPadding_1.getTileRightPadding)(className)} ${(0, getTileMinHeight_1.getTileMinHeight)(className)} `, id: anchor, children: (0, jsx_runtime_1.jsx)(BaseTile_1.BaseTile, { context: context, title: title && ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: (0, getTileHeadingType_1.getTileHeadingType)(className), title: title, className: `whitespace-pre-wrap max-w-[600px]` })), buttons: buttons?.length ? ((0, jsx_runtime_1.jsx)(ButtonSection_1.ButtonSection, { context: context, buttons: buttons, className: "flex mt-9 gap-3" })) : null, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [qr?.src && qr?.href && ((0, jsx_runtime_1.jsx)("a", { href: qr.href, target: "_blank", "aria-label": title, children: (0, jsx_runtime_1.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" }) })), (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)("section", { className: `bg-white text-primary-text font-sans p-9 box-border ${className}  ${(0, getTileRightPadding_1.getTileRightPadding)(className)} ${(0, getTileMinHeight_1.getTileMinHeight)(className)} `, id: anchor, children: (0, jsx_runtime_1.jsx)(BaseTile_1.BaseTile, { context: context, title: title && ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: (0, getTileHeadingType_1.getTileHeadingType)(className), title: title, className: `whitespace-pre-wrap max-w-[600px] mb-7` })), buttons: buttons?.length ? ((0, jsx_runtime_1.jsx)(ButtonSection_1.ButtonSection, { context: context, buttons: buttons, className: "flex mt-7 gap-4" })) : null, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [qr?.src && qr?.href && ((0, jsx_runtime_1.jsx)("a", { href: qr.href, target: "_blank", "aria-label": title, children: (0, jsx_runtime_1.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" }) })), (0, jsx_runtime_1.jsx)("span", { className: "font-light 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/dist/components/MobileAppTile/MobileAppTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileAppTile.js","sourceRoot":"","sources":["../../../src/components/MobileAppTile/MobileAppTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,qEAAkE;AAClE,0DAAuD;AACvD,mDAAgD;AAChD,uEAAoE;AACpE,mEAAgE;AAChE,yEAAsE;AAKzD,QAAA,aAAa,GAAG,IAAA,aAAG,EAC9B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,GAAG,sBAAsB,EAC9B,EAAE,EACF,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,IAAI,GACd,EAAE,EAAE;IACH,OAAO,CACL,oCACE,SAAS,EAAE,uDAAuD,SAAS,KAAK,IAAA,yCAAmB,EACjG,SAAS,CACV,IAAI,IAAA,mCAAgB,EAAC,SAAS,CAAC,GAAG,EACnC,EAAE,EAAE,MAAM,YAEV,uBAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,IAAI,CACP,uBAAC,iBAAO,IACN,WAAW,EAAE,IAAA,uCAAkB,EAAC,SAAS,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,mCAAmC,GAC9C,CACH,EAEH,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,uBAAC,6BAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,YAGV,iCAAK,SAAS,EAAC,mBAAmB,aAC/B,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,IAAI,IAAI,CACtB,8BAAG,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,gBAAa,KAAK,YACjD,gCACE,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,iCAAM,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,+CAAwC;AAExC,qEAAkE;AAClE,0DAAuD;AACvD,mDAAgD;AAChD,uEAAoE;AACpE,mEAAgE;AAChE,yEAAsE;AAKzD,QAAA,aAAa,GAAG,IAAA,aAAG,EAC9B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,GAAG,sBAAsB,EAC9B,EAAE,EACF,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,IAAI,GACd,EAAE,EAAE;IACH,OAAO,CACL,oCACE,SAAS,EAAE,uDAAuD,SAAS,KAAK,IAAA,yCAAmB,EACjG,SAAS,CACV,IAAI,IAAA,mCAAgB,EAAC,SAAS,CAAC,GAAG,EACnC,EAAE,EAAE,MAAM,YAEV,uBAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,IAAI,CACP,uBAAC,iBAAO,IACN,WAAW,EAAE,IAAA,uCAAkB,EAAC,SAAS,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,wCAAwC,GACnD,CACH,EAEH,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,uBAAC,6BAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,YAGV,iCAAK,SAAS,EAAC,mBAAmB,aAC/B,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,IAAI,IAAI,CACtB,8BAAG,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,gBAAa,KAAK,YACjD,gCACE,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,iCAAM,SAAS,EAAC,qCAAqC,+SAE9C,IACH,GACG,GACH,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/PictureText/PictureText.js

@@ -3,12 +3,15 @@ exports.PictureText = void 0;
 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");
 const Img_1 = require("../../ui-kit/Img/Img");
-exports.PictureText = (0, uni_jsx_1.JSX)(({ className = '', title, image, benefits, anchor = null }) => {
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `relative font-sans text-primary-text bg-white p-14 ${className}`, id: anchor, children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: "text-center", title: title }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex justify-center mt-9', children: [image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mr-6", image: image }), benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col", children: benefits.map(renderBenefit) })) : null] })] }));
+const pictureTextStyleMap = {
+    primary: 'bg-white text-primary-text',
+    secondary: 'bg-primary-main text-white',
+};
+exports.PictureText = (0, uni_jsx_1.JSX)(({ className = '', title, image, benefits, version = 'primary', directionRight = false, anchor = null, }) => {
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `relative font-sans p-14 ${pictureTextStyleMap[version]} ${className}`, id: anchor, children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: "text-center", title: title }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex justify-center mt-9', children: [image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: directionRight ? 'order-2 ml-6' : 'mr-6', image: image }), benefits?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col", children: benefits.map((_, i) => renderBenefit(_, i, version)) })) : null] })] }));
 });
-function renderBenefit(benefit, i) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row mb-8", children: [benefit.icon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "w-[48px] h-[48px] bg-main rounded-full box-border p-[12px]", name: benefit.icon, width: "48", height: "48", asSVG: true })), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-col h-full ml-5 max-w-[490px]", children: [benefit.label && ((0, jsx_runtime_1.jsx)("div", { className: "font-medium text-primary-text text-xl m-0", children: benefit.label })), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: "font-normal text-sm text-secondary-text", children: benefit.description }))] })] }, String(i)));
+function renderBenefit(benefit, i, version) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row mb-8", children: [benefit.icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: "w-[48px] h-[48px] bg-main rounded-full box-border p-[12px]", image: benefit.icon, width: "48", height: "48", asSVG: true })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-col h-full ml-5 max-w-[490px]", children: [benefit.label && ((0, jsx_runtime_1.jsx)("div", { className: `font-medium text-xl m-0 ${version === 'primary' ? 'text-primary-text' : ''}`, children: benefit.label })), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: `font-normal text-sm ${version === 'primary' ? 'text-secondary-text' : ''}`, children: benefit.description }))] })] }, String(i)));
 }
 //# sourceMappingURL=PictureText.js.map

package/dist/components/PictureText/PictureText.js.map

@@ -1 +1 @@
-{"version":3,"file":"PictureText.js","sourceRoot":"","sources":["../../../src/components/PictureText/PictureText.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,0DAAuD;AACvD,iDAA8C;AAC9C,8CAA2C;AAK9B,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE;IAC5D,OAAO,CACL,qCACE,SAAS,EAAE,sDAAsD,SAAS,EAAE,EAC5E,EAAE,EAAE,MAAM,aAEV,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,EAClE,iCAAK,SAAS,EAAE,0BAA0B,aACvC,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,EACpD,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,gCAAK,SAAS,EAAC,eAAe,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,GAAO,CACnE,CAAC,CAAC,CAAC,IAAI,IACJ,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAAgB,EAAE,CAAS;IAChD,OAAO,CACL,iCAAqB,SAAS,EAAC,oBAAoB,aAChD,OAAO,CAAC,IAAI,IAAI,CACf,uBAAC,WAAI,IACH,SAAS,EAAC,4DAA4D,EACtE,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,EACD,iCAAK,SAAS,EAAC,+CAA+C,aAC3D,OAAO,CAAC,KAAK,IAAI,CAChB,gCAAK,SAAS,EAAC,2CAA2C,YAAE,OAAO,CAAC,KAAK,GAAO,CACjF,EACA,OAAO,CAAC,WAAW,IAAI,CACtB,gCAAK,SAAS,EAAC,yCAAyC,YAAE,OAAO,CAAC,WAAW,GAAO,CACrF,IACG,KAjBE,MAAM,CAAC,CAAC,CAAC,CAkBb,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PictureText.js","sourceRoot":"","sources":["../../../src/components/PictureText/PictureText.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAKxC,0DAAuD;AACvD,8CAA2C;AAK3C,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,cAAc,GAAG,KAAK,EACtB,MAAM,GAAG,IAAI,GACd,EAAE,EAAE;IACH,OAAO,CACL,qCACE,SAAS,EAAE,2BAA2B,mBAAmB,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EACjF,EAAE,EAAE,MAAM,aAEV,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,EAClE,iCAAK,SAAS,EAAE,0BAA0B,aACvC,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,EACxF,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,gCAAK,SAAS,EAAC,eAAe,YAC3B,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,IACJ,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAe;IACjE,OAAO,CACL,iCAAqB,SAAS,EAAC,oBAAoB,aAChD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,uBAAC,SAAG,IACF,SAAS,EAAC,4DAA4D,EACtE,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACR,iCAAK,SAAS,EAAC,+CAA+C,aAC3D,OAAO,CAAC,KAAK,IAAI,CAChB,gCACE,SAAS,EAAE,2BACT,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAChD,EAAE,YAED,OAAO,CAAC,KAAK,GACV,CACP,EACA,OAAO,CAAC,WAAW,IAAI,CACtB,gCACE,SAAS,EAAE,uBAAuB,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,YAErF,OAAO,CAAC,WAAW,GAChB,CACP,IACG,KA3BE,MAAM,CAAC,CAAC,CAAC,CA4Bb,CACP,CAAC;AACJ,CAAC"}

package/dist/components/PictureText/PictureTextContent.d.ts

@@ -1,3 +1,4 @@
+import { BlockVersion } from '../../model/BlockVersion';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
@@ -6,6 +7,12 @@ export declare type TitleWithImageContent = HeadingContent & ImageContent;
  * @title Картинка с текстом
  */
 export interface PictureTextContent extends TitleWithImageContent {
+    version?: BlockVersion;
     /** @title Список преимуществ */
     benefits?: Benefit[];
+    /**
+     * @title Картинка справа/текст слева
+     * @default false
+     */
+    directionRight?: boolean;
 }

package/dist/components/ProductBlock/ProductBlock.js

@@ -15,9 +15,9 @@ const breadcrumbsStyleMap = {
     secondary: 'text-white/80',
 };
 exports.ProductBlock = (0, uni_jsx_1.JSX)((props) => {
-    const { context, className, breadcrumbs, version = 'primary', anchor = null, ...otherProps } = props;
+    const { context, className = '', breadcrumbs, version = 'primary', anchor = null, ...otherProps } = props;
     const router = context.useRouter();
     const { handlerDecorator } = context;
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans pt-10 pl-[50px] pb-[50px] pr-[7.5rem] box-border min-h-[420px] ${className || ''} ${productBlockStyleMap[version]}`, id: anchor, children: [breadcrumbs?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "text-xs mb-6", children: (0, joinList_1.joinList)((0, jsx_runtime_1.jsx)("span", { className: `mx-2 ${breadcrumbsStyleMap[version]}`, children: "/" }))(breadcrumbs.map((breadcrumb, i) => ((0, jsx_runtime_1.jsx)(Breadcrumb_1.Breadcrumb, { ...(0, useLink_1.useLink)({ router, handlerDecorator }, { className: breadcrumbsStyleMap[version], ...breadcrumb }) }, String(i))))) })) : null, (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { context: context, version: version, ...otherProps })] }));
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans pt-10 pl-[50px] pb-[50px] pr-[7.5rem] box-border min-h-[420px] ${productBlockStyleMap[version]} ${className}`, id: anchor, children: [breadcrumbs?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "text-xs mb-6", children: (0, joinList_1.joinList)((0, jsx_runtime_1.jsx)("span", { className: `mx-2 ${breadcrumbsStyleMap[version]}`, children: "/" }))(breadcrumbs.map((breadcrumb, i) => ((0, jsx_runtime_1.jsx)(Breadcrumb_1.Breadcrumb, { ...(0, useLink_1.useLink)({ router, handlerDecorator }, { className: breadcrumbsStyleMap[version], ...breadcrumb }) }, String(i))))) })) : null, (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { context: context, version: version, ...otherProps })] }));
 });
 //# sourceMappingURL=ProductBlock.js.map

package/dist/components/ProductBlock/ProductBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAG9C,wDAAqD;AACrD,mDAAgD;AAEhD,2DAAwD;AAIxD,MAAM,oBAAoB,GAAiC;IACzD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,eAAe;CAC3B,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,aAAG,EAAoB,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EACJ,OAAO,EACP,SAAS,EACT,WAAW,EACX,OAAO,GAAG,SAAS,EACnB,MAAM,GAAG,IAAI,EACb,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IAErC,OAAO,CACL,qCACE,SAAS,EAAE,4EACT,SAAS,IAAI,EACf,IAAI,oBAAoB,CAAC,OAAO,CAAC,EAAE,EACnC,EAAE,EAAE,MAAM,aAET,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,gCAAK,SAAS,EAAC,cAAc,YAC1B,IAAA,mBAAQ,EAAC,iCAAM,SAAS,EAAE,QAAQ,mBAAmB,CAAC,OAAO,CAAC,EAAE,kBAAU,CAAC,CAC1E,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,uBAAC,uBAAU,OAEL,IAAA,iBAAO,EACT,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAC5B,EAAE,SAAS,EAAE,mBAAmB,CAAC,OAAO,CAAC,EAAE,GAAG,UAAU,EAAE,CAC3D,IAJI,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC,CACH,GACG,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,qCAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KAAM,UAAU,GAAI,IACjE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAG9C,wDAAqD;AACrD,mDAAgD;AAEhD,2DAAwD;AAIxD,MAAM,oBAAoB,GAAiC;IACzD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,eAAe;CAC3B,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,aAAG,EAAoB,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EACJ,OAAO,EACP,SAAS,GAAG,EAAE,EACd,WAAW,EACX,OAAO,GAAG,SAAS,EACnB,MAAM,GAAG,IAAI,EACb,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IAErC,OAAO,CACL,qCACE,SAAS,EAAE,4EAA4E,oBAAoB,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EACnI,EAAE,EAAE,MAAM,aAET,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,gCAAK,SAAS,EAAC,cAAc,YAC1B,IAAA,mBAAQ,EAAC,iCAAM,SAAS,EAAE,QAAQ,mBAAmB,CAAC,OAAO,CAAC,EAAE,kBAAU,CAAC,CAC1E,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,uBAAC,uBAAU,OAEL,IAAA,iBAAO,EACT,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAC5B,EAAE,SAAS,EAAE,mBAAmB,CAAC,OAAO,CAAC,EAAE,GAAG,UAAU,EAAE,CAC3D,IAJI,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC,CACH,GACG,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,qCAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KAAM,UAAU,GAAI,IACjE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -14,7 +14,10 @@ export declare type ProductBlockInnerContent = HeadingContent & HeadingTypeConte
      */
     benefits?: Benefit[];
     version?: BlockVersion;
-    /** @title Буллиты */
+    /**
+     *  @title Буллиты
+     *  @default true
+     */
     isDotted?: boolean;
     /** @title Лейбл (моб.) */
     label?: string;
@@ -23,8 +26,6 @@ export declare type ProductBlockInnerContent = HeadingContent & HeadingTypeConte
      * @hidden
      */
     textBlockClassName?: string;
-    /** @title Фоновый текст под иллюстрацией */
-    backgroundText?: string;
 };
 /**
  * @title Продуктовый блок

package/dist/components/ProductBlock/ProductBlockInner.js

@@ -4,17 +4,17 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const ButtonSection_1 = require("../../ui-kit/Button/ButtonSection");
 const Description_1 = require("../../ui-kit/Description/Description");
-const Heading_1 = require("../../ui-kit/Heading/Heading");
 const Img_1 = require("../../ui-kit/Img/Img");
 const List_1 = require("../../ui-kit/List/List");
 const BaseTile_1 = require("../BaseTile/BaseTile");
 const renderBenefit_1 = require("./renderBenefit");
 exports.ProductBlockInner = (0, uni_jsx_1.JSX)(({ className = '', context, title, headingType = 'h2', description, benefits, buttons, image, items, version = 'primary', isDotted = true, textBlockClassName = '', }) => {
-    const textColor = version === 'secondary' ? 'text-white' : '';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex grow justify-between items-stretch ${className}`, children: [(0, jsx_runtime_1.jsx)("div", { className: `flex flex-col ${textBlockClassName}`, children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { context: context, title: getTitle(title, headingType, textColor), buttons: getButtons(context, buttons), children: [description && ((0, jsx_runtime_1.jsx)(Description_1.Description, { className: "mt-4 max-w-[600px]", description: description })), benefits?.filter((items) => items.label)?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-6 mt-6", children: benefits.map((_, i) => (0, renderBenefit_1.renderBenefit)(_, i, version)) })) : null, items?.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { className: "mt-5 text-m-base", items: items, itemClassName: "mb-[10px]", version: version, isDotted: isDotted })) : null] }) }), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto", image: image })] }));
+    const textColor = version === 'secondary' ? 'text-white' : 'text-primary-text';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex grow justify-between items-stretch ${className}`, children: [(0, jsx_runtime_1.jsx)("div", { className: `flex flex-col ${textBlockClassName}`, children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { context: context, title: getTitle(title, headingType, textColor), buttons: getButtons(context, buttons), children: [description && ((0, jsx_runtime_1.jsx)(Description_1.Description, { className: `mt-[18px] max-w-[600px] text-title-new-sm font-light ${textColor}`, description: description })), benefits?.filter((items) => items.label)?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-6 mt-6", children: benefits.map((_, i) => (0, renderBenefit_1.renderBenefit)(_, i, version)) })) : null, items?.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { className: "mt-5 text-title-new-sm font-light", items: items, itemClassName: "mb-[10px]", version: version, isDotted: isDotted })) : null] }) }), image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto", image: image })] }));
 });
 const getTitle = (title, headingType, textColor) => {
-    return (title && ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: headingType, title: title, className: `whitespace-pre-wrap max-w-[600px] ${textColor}` })));
+    const Tag = headingType;
+    return (title && (0, jsx_runtime_1.jsx)(Tag, { className: `font-sans font-medium m-0 text-title-xl ${textColor}`, children: title }));
 };
 const getButtons = (context, buttons) => {
     return buttons?.length ? ((0, jsx_runtime_1.jsx)(ButtonSection_1.ButtonSection, { context: context, buttons: buttons, className: "flex mt-9 gap-3" })) : null;

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

@@ -1 +1 @@
-{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,qEAAkE;AAClE,sEAAmE;AACnE,0DAAuD;AACvD,8CAA2C;AAC3C,iDAA8C;AAC9C,mDAAgD;AAEhD,mDAAgD;AAInC,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,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,EACnB,QAAQ,GAAG,IAAI,EACf,kBAAkB,GAAG,EAAE,GACxB,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9D,OAAO,CACL,iCAAK,SAAS,EAAE,2CAA2C,SAAS,EAAE,aACpE,gCAAK,SAAS,EAAE,iBAAiB,kBAAkB,EAAE,YACnD,wBAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,EAC9C,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,aAEpC,WAAW,IAAI,CACd,uBAAC,yBAAW,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,gCAAK,SAAS,EAAC,iBAAiB,YAC7B,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAA,6BAAa,EAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GACjD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,uBAAC,WAAI,IACH,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,KAAK,EACZ,aAAa,EAAC,WAAW,EACzB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACC,GACP,EACL,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,IACpD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE;IACjD,OAAO,CACL,KAAK,IAAI,CACP,uBAAC,iBAAO,IACN,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,qCAAqC,SAAS,EAAE,GAC3D,CACH,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;IACtC,OAAO,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACvB,uBAAC,6BAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}
+{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,qEAAkE;AAClE,sEAAmE;AACnE,8CAA2C;AAC3C,iDAA8C;AAC9C,mDAAgD;AAEhD,mDAAgD;AAInC,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,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,EACnB,QAAQ,GAAG,IAAI,EACf,kBAAkB,GAAG,EAAE,GACxB,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAC/E,OAAO,CACL,iCAAK,SAAS,EAAE,2CAA2C,SAAS,EAAE,aACpE,gCAAK,SAAS,EAAE,iBAAiB,kBAAkB,EAAE,YACnD,wBAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,EAC9C,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,aAEpC,WAAW,IAAI,CACd,uBAAC,yBAAW,IACV,SAAS,EAAE,wDAAwD,SAAS,EAAE,EAC9E,WAAW,EAAE,WAAW,GACxB,CACH,EACA,QAAQ,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAClD,gCAAK,SAAS,EAAC,iBAAiB,YAC7B,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAA,6BAAa,EAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GACjD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,uBAAC,WAAI,IACH,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,KAAK,EACZ,aAAa,EAAC,WAAW,EACzB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACC,GACP,EACL,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,GAAI,IACpD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE;IACjD,MAAM,GAAG,GAAG,WAAW,CAAC;IACxB,OAAO,CACL,KAAK,IAAI,uBAAC,GAAG,IAAC,SAAS,EAAE,2CAA2C,SAAS,EAAE,YAAG,KAAK,GAAO,CAC/F,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;IACtC,OAAO,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACvB,uBAAC,6BAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}

package/dist/components/ProductBlock/renderBenefit.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderBenefit = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const Icon_1 = require("../../ui-kit/Icon/Icon");
+const Img_1 = require("../../ui-kit/Img/Img");
 const benefitIconBgStyleMap = {
     primary: 'bg-main',
     secondary: 'bg-white/30',
@@ -15,7 +15,7 @@ const benefitDescStyleMap = {
     secondary: 'text-white',
 };
 function renderBenefit(benefit, i, version) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-center", children: [benefit.icon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: `w-[50px] h-[50px] min-w-[50px] min-h-[50px] rounded-full p-[10px] box-border ${benefitIconBgStyleMap[version]}`, name: benefit.icon, width: "24", height: "24", asSVG: true })), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-col h-full max-w-[149px]", children: [(0, jsx_runtime_1.jsx)("div", { className: `font-medium text-xl m-0 ${benefitTitleStyleMap[version]}`, children: benefit.label }), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: `font-normal text-sm ${benefitDescStyleMap[version]}`, children: benefit.description }))] })] }, String(i)));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-center", children: [benefit.icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: `w-[50px] h-[50px] min-w-[50px] min-h-[50px] rounded-full p-[10px] box-border ${benefitIconBgStyleMap[version]}`, image: benefit.icon, width: "24", height: "24", asSVG: true })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-col h-full max-w-[149px]", children: [(0, jsx_runtime_1.jsx)("div", { className: `font-medium text-xl m-0 ${benefitTitleStyleMap[version]}`, children: benefit.label }), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: `font-normal text-sm ${benefitDescStyleMap[version]}`, children: benefit.description }))] })] }, String(i)));
 }
 exports.renderBenefit = renderBenefit;
 //# sourceMappingURL=renderBenefit.js.map

package/dist/components/ProductBlock/renderBenefit.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.tsx"],"names":[],"mappings":";;;AACA,iDAA8C;AAG9C,MAAM,qBAAqB,GAAiC;IAC1D,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,aAAa;CACzB,CAAC;AACF,MAAM,oBAAoB,GAAiC;IACzD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,SAAgB,aAAa,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAe;IACxE,OAAO,CACL,iCAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,CAAC,IAAI,IAAI,CACf,uBAAC,WAAI,IACH,SAAS,EAAE,gFAAgF,qBAAqB,CAAC,OAAO,CAAC,EAAE,EAC3H,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,EACD,iCAAK,SAAS,EAAC,0CAA0C,aACvD,gCAAK,SAAS,EAAE,2BAA2B,oBAAoB,CAAC,OAAO,CAAC,EAAE,YACvE,OAAO,CAAC,KAAK,GACV,EACL,OAAO,CAAC,WAAW,IAAI,CACtB,gCAAK,SAAS,EAAE,uBAAuB,mBAAmB,CAAC,OAAO,CAAC,EAAE,YAClE,OAAO,CAAC,WAAW,GAChB,CACP,IACG,KAnBE,MAAM,CAAC,CAAC,CAAC,CAoBb,CACP,CAAC;AACJ,CAAC;AAxBD,sCAwBC"}
+{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.tsx"],"names":[],"mappings":";;;AACA,8CAA2C;AAG3C,MAAM,qBAAqB,GAAiC;IAC1D,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,aAAa;CACzB,CAAC;AACF,MAAM,oBAAoB,GAAiC;IACzD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,SAAgB,aAAa,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAe;IACxE,OAAO,CACL,iCAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,uBAAC,SAAG,IACF,SAAS,EAAE,gFAAgF,qBAAqB,CAAC,OAAO,CAAC,EAAE,EAC3H,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACR,iCAAK,SAAS,EAAC,0CAA0C,aACvD,gCAAK,SAAS,EAAE,2BAA2B,oBAAoB,CAAC,OAAO,CAAC,EAAE,YACvE,OAAO,CAAC,KAAK,GACV,EACL,OAAO,CAAC,WAAW,IAAI,CACtB,gCAAK,SAAS,EAAE,uBAAuB,mBAAmB,CAAC,OAAO,CAAC,EAAE,YAClE,OAAO,CAAC,WAAW,GAChB,CACP,IACG,KAnBE,MAAM,CAAC,CAAC,CAAC,CAoBb,CACP,CAAC;AACJ,CAAC;AAxBD,sCAwBC"}

package/dist/components/ProductBlock/renderBenefit.mobile.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderBenefit = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const Icon_1 = require("../../ui-kit/Icon/Icon");
+const Img_1 = require("../../ui-kit/Img/Img");
 const benefitTitleStyleMap = {
     primary: 'text-primary-text',
     secondary: 'text-white',
@@ -11,7 +11,7 @@ const benefitDescStyleMap = {
     secondary: 'text-white',
 };
 function renderBenefit(benefit, i, version) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center mb-2.5 last:mb-0", children: [benefit.icon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "w-6 h-6 rounded-full box-border", name: benefit.icon, width: "24", height: "24", asSVG: true, color: version })), (0, jsx_runtime_1.jsx)("div", { className: `font-medium text-m-title-xs m-0 ${benefitTitleStyleMap[version]}`, children: benefit.label }), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: `font-normal text-m-sm ${benefitDescStyleMap[version]}`, children: benefit.description }))] }, String(i)));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center mb-2.5 last:mb-0", children: [benefit.icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: "w-6 h-6 rounded-full box-border", image: benefit.icon, width: "24", height: "24", asSVG: true, color: version })) : null, (0, jsx_runtime_1.jsx)("div", { className: `font-medium text-m-title-xs m-0 ${benefitTitleStyleMap[version]}`, children: benefit.label }), benefit.description && ((0, jsx_runtime_1.jsx)("div", { className: `font-normal text-m-sm ${benefitDescStyleMap[version]}`, children: benefit.description }))] }, String(i)));
 }
 exports.renderBenefit = renderBenefit;
 //# sourceMappingURL=renderBenefit.mobile.js.map

package/dist/components/ProductBlock/renderBenefit.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderBenefit.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.mobile.tsx"],"names":[],"mappings":";;;AACA,iDAA8C;AAG9C,MAAM,oBAAoB,GAAiC;IACzD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,SAAgB,aAAa,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAqB;IAC9E,OAAO,CACL,iCAAqB,SAAS,EAAC,0CAA0C,aACtE,OAAO,CAAC,IAAI,IAAI,CACf,uBAAC,WAAI,IACH,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,QACL,KAAK,EAAE,OAAO,GACd,CACH,EACD,gCAAK,SAAS,EAAE,mCAAmC,oBAAoB,CAAC,OAAO,CAAC,EAAE,YAC/E,OAAO,CAAC,KAAK,GACV,EACL,OAAO,CAAC,WAAW,IAAI,CACtB,gCAAK,SAAS,EAAE,yBAAyB,mBAAmB,CAAC,OAAO,CAAC,EAAE,YACpE,OAAO,CAAC,WAAW,GAChB,CACP,KAlBO,MAAM,CAAC,CAAC,CAAC,CAmBb,CACP,CAAC;AACJ,CAAC;AAvBD,sCAuBC"}
+{"version":3,"file":"renderBenefit.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.mobile.tsx"],"names":[],"mappings":";;;AACA,8CAA2C;AAG3C,MAAM,oBAAoB,GAAiC;IACzD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,SAAgB,aAAa,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAqB;IAC9E,OAAO,CACL,iCAAqB,SAAS,EAAC,0CAA0C,aACtE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,uBAAC,SAAG,IACF,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,QACL,KAAK,EAAE,OAAO,GACd,CACH,CAAC,CAAC,CAAC,IAAI,EACR,gCAAK,SAAS,EAAE,mCAAmC,oBAAoB,CAAC,OAAO,CAAC,EAAE,YAC/E,OAAO,CAAC,KAAK,GACV,EACL,OAAO,CAAC,WAAW,IAAI,CACtB,gCAAK,SAAS,EAAE,yBAAyB,mBAAmB,CAAC,OAAO,CAAC,EAAE,YACpE,OAAO,CAAC,WAAW,GAChB,CACP,KAlBO,MAAM,CAAC,CAAC,CAAC,CAmBb,CACP,CAAC;AACJ,CAAC;AAvBD,sCAuBC"}

package/dist/components/ProductGallery/ProductGallery.js

@@ -2,12 +2,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductGallery = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const ProductBlockInner_1 = require("../ProductBlock/ProductBlockInner");
+const ProductGalleryBlock_1 = require("./ProductGalleryBlock");
 exports.ProductGallery = (0, uni_jsx_1.JSX)(({ className, context, duration = 0, slides = [], anchor = null }) => {
     const galleryNav = slides.map((s) => s.nav);
     const galleryBlocks = slides.map((s) => s.productBlock);
     const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans bg-white overflow-hidden w-100 ${className || ''}`, id: anchor, children: [(0, jsx_runtime_1.jsx)("div", { className: `flex duration-1000`, style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock(_, i, context)) }), (0, jsx_runtime_1.jsx)("div", { className: "flex", children: galleryNav.map((slide, i) => renderNavButton({
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `font-sans bg-white overflow-hidden w-100 ${className || ''}`, id: anchor, children: [(0, jsx_runtime_1.jsx)("div", { className: `flex duration-1000`, style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => ((0, jsx_runtime_1.jsx)(ProductGalleryBlock_1.ProductGalleryBlock, { context: context, block: _ }, String(i)))) }), (0, jsx_runtime_1.jsx)("div", { className: "flex", children: galleryNav.map((slide, i) => renderNavButton({
                     slide,
                     i,
                     activeSlideIndex,
@@ -15,9 +15,6 @@ exports.ProductGallery = (0, uni_jsx_1.JSX)(({ className, context, duration = 0,
                     duration,
                 })) })] }));
 });
-function renderProductBlock(block, i, context) {
-    return ((0, jsx_runtime_1.jsx)("section", { className: "flex grow-0 shrink-0 basis-full", role: "listitem", children: (0, jsx_runtime_1.jsx)("div", { className: "p-10 flex grow", children: (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { className: "pl-2.5 pt-2.5 pb-1.5 pr-[6.25rem]", context: context, ...block }) }) }, String(i)));
-}
 function renderNavButton({ slide, i, activeSlideIndex, onClick, duration }) {
     const isActiveBtn = i === activeSlideIndex;
     const progressBarClassName = isActiveBtn ? 'animate-slide' : '';

package/dist/components/ProductGallery/ProductGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductGallery.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGallery.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,yEAAsE;AAKzD,QAAA,cAAc,GAAG,IAAA,aAAG,EAC/B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpE,OAAO,CACL,qCACE,SAAS,EAAE,4CAA4C,SAAS,IAAI,EAAE,EAAE,EACxE,EAAE,EAAE,MAAM,aAEV,gCACE,SAAS,EAAE,oBAAoB,EAC/B,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,gBAAgB,MAAM,EAAE,EAC3D,IAAI,EAAC,MAAM,YAEV,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAC3D,EAEN,gCAAK,SAAS,EAAC,MAAM,YAClB,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAC3B,eAAe,CAAC;oBACd,KAAK;oBACL,CAAC;oBACD,gBAAgB;oBAChB,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;oBACrC,QAAQ;iBACT,CAAC,CACH,GACG,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,kBAAkB,CAAC,KAA+B,EAAE,CAAS,EAAE,OAAO;IAC7E,OAAO,CACL,oCAAyB,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAC,UAAU,YAClF,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,uBAAC,qCAAiB,IAChB,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,OAAO,KACZ,KAAK,GACT,GACE,IAPM,MAAM,CAAC,CAAC,CAAC,CAQb,CACX,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,QAAQ,EAAE;IACxE,MAAM,WAAW,GAAG,CAAC,KAAK,gBAAgB,CAAC;IAC3C,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAChE,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IACpF,OAAO,CACL,oCACE,IAAI,EAAC,QAAQ,EAEb,OAAO,EAAE,OAAO,gBACJ,KAAK,EAAE,KAAK,EACxB,SAAS,EAAE,wHAAwH,aAEnI,iCAAK,SAAS,EAAC,yDAAyD,aACtE,gCACE,SAAS,EAAE,8DAA8D,iBAAiB,EAAE,YAE3F,KAAK,EAAE,KAAK,GACT,EACN,gCAAK,SAAS,EAAC,6BAA6B,YAAE,KAAK,CAAC,IAAI,GAAO,IAC3D,EACN,gCACE,SAAS,EAAE,6EAA6E,oBAAoB,EAAE,EAC9G,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAAG,QAAQ,GAAG,EAAE,iBAAiB,EAAE,UAAU,EAAE,GACtE,KAhBF,MAAM,CAAC,CAAC,CAAC,CAiBP,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ProductGallery.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGallery.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,+DAA4D;AAM/C,QAAA,cAAc,GAAG,IAAA,aAAG,EAC/B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpE,OAAO,CACL,qCACE,SAAS,EAAE,4CAA4C,SAAS,IAAI,EAAE,EAAE,EACxE,EAAE,EAAE,MAAM,aAEV,gCACE,SAAS,EAAE,oBAAoB,EAC/B,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,gBAAgB,MAAM,EAAE,EAC3D,IAAI,EAAC,MAAM,YAEV,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,uBAAC,yCAAmB,IAAiB,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,IAArC,MAAM,CAAC,CAAC,CAAC,CAAgC,CACpE,CAAC,GACE,EAEN,gCAAK,SAAS,EAAC,MAAM,YAClB,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAC3B,eAAe,CAAC;oBACd,KAAK;oBACL,CAAC;oBACD,gBAAgB;oBAChB,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;oBACrC,QAAQ;iBACT,CAAC,CACH,GACG,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,QAAQ,EAAE;IACxE,MAAM,WAAW,GAAG,CAAC,KAAK,gBAAgB,CAAC;IAC3C,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAChE,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IACpF,OAAO,CACL,oCACE,IAAI,EAAC,QAAQ,EAEb,OAAO,EAAE,OAAO,gBACJ,KAAK,EAAE,KAAK,EACxB,SAAS,EAAE,wHAAwH,aAEnI,iCAAK,SAAS,EAAC,yDAAyD,aACtE,gCACE,SAAS,EAAE,8DAA8D,iBAAiB,EAAE,YAE3F,KAAK,EAAE,KAAK,GACT,EACN,gCAAK,SAAS,EAAC,6BAA6B,YAAE,KAAK,CAAC,IAAI,GAAO,IAC3D,EACN,gCACE,SAAS,EAAE,6EAA6E,oBAAoB,EAAE,EAC9G,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAAG,QAAQ,GAAG,EAAE,iBAAiB,EAAE,UAAU,EAAE,GACtE,KAhBF,MAAM,CAAC,CAAC,CAAC,CAiBP,CACV,CAAC;AACJ,CAAC"}

package/dist/components/ProductGallery/ProductGalleryBlock.d.ts

@@ -1,6 +1,6 @@
-import type { UniBlockProps } from '../../types';
 import { HeadingType } from '../../ui-kit/Heading/HeadingContent';
 import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
+import type { UniBlockProps } from '../../types';
 export interface ProductGalleryBlockProps extends UniBlockProps {
     headingType?: HeadingType;
     block?: ProductBlockInnerContent;

package/dist/components/ProductGallery/ProductGalleryBlock.js

@@ -3,7 +3,12 @@ exports.ProductGalleryBlock = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const ProductBlockInner_1 = require("../ProductBlock/ProductBlockInner");
-exports.ProductGalleryBlock = (0, uni_jsx_1.JSX)(({ block, headingType, context }) => {
-    return ((0, jsx_runtime_1.jsx)("section", { className: "flex grow-0 shrink-0 basis-full", role: "listitem", children: (0, jsx_runtime_1.jsx)("div", { className: "p-10 flex grow", children: (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { className: "pl-2.5 pt-2.5 pb-1.5 pr-[6.25rem]", context: context, headingType: headingType || 'h2', ...block }) }) }));
+const productGalleryStyleMap = {
+    primary: 'bg-white text-primary-text',
+    secondary: 'bg-primary-main text-white',
+};
+exports.ProductGalleryBlock = (0, uni_jsx_1.JSX)(({ block, headingType, context, className = '' }) => {
+    const version = block?.version ?? 'primary';
+    return ((0, jsx_runtime_1.jsx)("section", { className: `flex grow-0 shrink-0 basis-full ${productGalleryStyleMap[version]} ${className}`, role: "listitem", children: (0, jsx_runtime_1.jsx)("div", { className: "p-10 flex grow", children: (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { className: "pl-2.5 pt-2.5 pb-1.5 pr-[6.25rem]", context: context, headingType: headingType || 'h2', ...block }) }) }));
 });
 //# sourceMappingURL=ProductGalleryBlock.js.map

package/dist/components/ProductGallery/ProductGalleryBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductGalleryBlock.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGalleryBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,yEAAsE;AAOzD,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE;IAClC,OAAO,CACL,oCAAS,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAC,UAAU,YAClE,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,uBAAC,qCAAiB,IAChB,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,IAAI,IAAI,KAC5B,KAAK,GACT,GACE,GACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"ProductGalleryBlock.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGalleryBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,yEAAsE;AAKtE,MAAM,sBAAsB,GAAiC;IAC3D,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAOW,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IAClD,MAAM,OAAO,GAAG,KAAK,EAAE,OAAO,IAAI,SAAS,CAAC;IAE5C,OAAO,CACL,oCACE,SAAS,EAAE,mCAAmC,sBAAsB,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EAC5F,IAAI,EAAC,UAAU,YAEf,gCAAK,SAAS,EAAC,gBAAgB,YAC7B,uBAAC,qCAAiB,IAChB,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,IAAI,IAAI,KAC5B,KAAK,GACT,GACE,GACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/ProductGallery/ProductGalleryBlock.mobile.d.ts

@@ -1,6 +1,6 @@
-import type { UniBlockProps } from '../../types';
 import { HeadingType } from '../../ui-kit/Heading/HeadingContent';
 import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
+import type { UniBlockProps } from '../../types';
 export interface ProductGalleryBlockProps extends UniBlockProps {
     headingType?: HeadingType;
     block?: ProductBlockInnerContent;

package/dist/components/ProductGallery/ProductGalleryBlock.mobile.js

@@ -3,7 +3,12 @@ exports.ProductGalleryBlock = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const ProductBlockInner_1 = require("../ProductBlock/ProductBlockInner");
-exports.ProductGalleryBlock = (0, uni_jsx_1.JSX)(({ block, headingType, context }) => {
-    return ((0, jsx_runtime_1.jsx)("section", { className: "flex grow-0 shrink-0 basis-full px-4 pt-6", children: (0, jsx_runtime_1.jsx)("div", { className: "flex grow", children: (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { context: context, headingType: headingType || 'h2', ...block }) }) }));
+const productGalleryStyleMap = {
+    primary: 'bg-white text-primary-text',
+    secondary: 'bg-primary-main text-white',
+};
+exports.ProductGalleryBlock = (0, uni_jsx_1.JSX)(({ block, headingType, context, className = '' }) => {
+    const version = block?.version ?? 'primary';
+    return ((0, jsx_runtime_1.jsx)("section", { className: `flex grow-0 shrink-0 basis-full px-4 pt-6 ${productGalleryStyleMap[version]} ${className}`, children: (0, jsx_runtime_1.jsx)("div", { className: "flex grow", children: (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { context: context, headingType: headingType || 'h2', ...block }) }) }));
 });
 //# sourceMappingURL=ProductGalleryBlock.mobile.js.map

package/dist/components/ProductGallery/ProductGalleryBlock.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductGalleryBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGalleryBlock.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,yEAAsE;AAOzD,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE;IAClC,OAAO,CACL,oCAAS,SAAS,EAAC,2CAA2C,YAC5D,gCAAK,SAAS,EAAC,WAAW,YACxB,uBAAC,qCAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,IAAI,KAAM,KAAK,GAAI,GAChF,GACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"ProductGalleryBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGalleryBlock.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,yEAAsE;AAKtE,MAAM,sBAAsB,GAAiC;IAC3D,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAOW,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IAClD,MAAM,OAAO,GAAG,KAAK,EAAE,OAAO,IAAI,SAAS,CAAC;IAE5C,OAAO,CACL,oCACE,SAAS,EAAE,6CAA6C,sBAAsB,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,YAEtG,gCAAK,SAAS,EAAC,WAAW,YACxB,uBAAC,qCAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,IAAI,KAAM,KAAK,GAAI,GAChF,GACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/ProductGalleryGreen/ProductGalleryGreen.js

@@ -2,35 +2,54 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductGalleryGreen = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Icon_1 = require("../../ui-kit/Icon/Icon");
 const ProductBlockInner_1 = require("../ProductBlock/ProductBlockInner");
-exports.ProductGalleryGreen = (0, uni_jsx_1.JSX)(({ className = '', context, slides = [], anchor = null }) => {
+const productGalleryGreenStyleMap = {
+    primary: 'bg-white text-primary-text',
+    secondary: 'bg-primary-main text-white',
+};
+const productBlockStyleMap = {
+    primary: { title: 'text-secondary-text', text: 'text-secondary-text' },
+    secondary: { title: 'text-white', text: 'text-white/80' },
+};
+const productSlideStyleMap = {
+    primary: 'bg-white text-primary-text',
+    secondary: 'bg-primary-main text-white',
+};
+exports.ProductGalleryGreen = (0, uni_jsx_1.JSX)(({ className = '', context, slides = [], version = 'primary', duration = 0, anchor = null }) => {
     const galleryNav = slides.map((s) => s.nav);
     const galleryBlocks = slides.map((s) => s.productBlock);
     const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `box-border pt-[70px] relative font-sans overflow-hidden bg-primary-main w-100 ${className}`, id: anchor, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex duration-1000 pb-14", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock(_, i, context)) }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center absolute bottom-6 left-0 right-0 px-9 box-border", children: galleryNav.map((slide, i) => renderNavButton({
+    return ((0, jsx_runtime_1.jsxs)("section", { id: anchor, className: `box-border pt-[50px] overflow-hidden relative font-sans w-100 ${className}
+        ${productGalleryGreenStyleMap[version]}`, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex duration-1000 pb-14", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock({ ..._, version }, i, context)) }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border", children: galleryNav.map((slide, i) => renderNavButton({
                     slide,
                     i,
                     activeSlideIndex,
                     onClick: () => setActiveSlideIndex(i),
+                    version,
+                    duration,
                 })) })] }));
 });
 function renderProductBlock(block, i, context) {
-    return ((0, jsx_runtime_1.jsx)("section", { className: "box-border relative flex grow-0 shrink-0 basis-full px-9", role: "listitem", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex grow", children: [block.backgroundText ? ((0, jsx_runtime_1.jsx)("div", { className: "absolute text-[454px] font-bold text-white tracking-[-10px] leading-[299px] opacity-[.1] right-12 top-20 z-0", children: block.backgroundText })) : null, (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { className: "pl-2.5 pt-2.5 pb-1.5 pr-[6.25rem] z-[1]", context: context, textBlockClassName: "mb-[154px]", version: "secondary", ...block }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "absolute right-[460px] top-[200px] z-0 mb-4", name: "ArrowsRewindRight", width: "230", height: "187" })] }) }, String(i)));
+    const { version } = block;
+    const additionalClass = version ? productBlockStyleMap[version].title : '';
+    return ((0, jsx_runtime_1.jsx)("section", { className: "box-border relative flex grow-0 shrink-0 basis-full", role: "listitem", children: (0, jsx_runtime_1.jsx)("div", { className: "flex grow", children: (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { className: `pl-[50px] pr-2 z-[1] ${additionalClass}`, context: context, textBlockClassName: "mb-[154px]", ...block }) }) }, String(i)));
 }
-function renderNavButton({ slide, i, activeSlideIndex, onClick }) {
+function renderNavButton({ slide, i, activeSlideIndex, onClick, version, duration }) {
     const isActiveBtn = i === activeSlideIndex;
     const btnClassName = isActiveBtn
-        ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] max-w-[354px] p-0'
-        : 'bg-white/10 min-w-[277px] px-0 pt-4 pb-[23px] hover:pt-[21px] hover:pb-7 ease-in duration-300';
+        ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] max-w-[354px] p-0 border-none'
+        : `min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300
+      ${productSlideStyleMap[version]}`;
     const btnTitleClassName = isActiveBtn
-        ? 'text-[18px] text-primary-text pb-[10px]'
-        : 'text-m-base text-white pb-[3px]';
+        ? 'text-primary-text text-title-2xs'
+        : `text-base ${productBlockStyleMap[version].title}`;
     const btnDescClassName = isActiveBtn
-        ? 'text-[18px] text-secondary-text'
-        : 'text-m-base text-white';
-    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `box-border font-sans group relative overflow-hidden border-white/50 border-[1px] cursor-pointer text-left mb-6a mx-1 grow basis-0 backdrop-blur-sm
-        ${btnClassName}
-      `, children: (0, jsx_runtime_1.jsxs)("div", { className: "border-0 px-6", children: [(0, jsx_runtime_1.jsx)("div", { className: `font-medium ${btnTitleClassName}`, children: slide?.title }), (0, jsx_runtime_1.jsx)("div", { className: `text-secondary-text ${btnDescClassName}`, children: slide.description })] }) }, String(i)));
+        ? 'text-secondary-text text-m-title-xs mt-2.5'
+        : `text-m-md mt-1.5 ${productBlockStyleMap[version].text}`;
+    const additionalBorder = version === 'secondary' ? 'border-white/50' : '';
+    const progressBarClassName = isActiveBtn ? 'animate-slide' : '';
+    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `box-border font-sans group relative overflow-hidden border-[1px] cursor-pointer text-left mx-1 grow basis-0 backdrop-blur-sm
+      ${btnClassName} ${additionalBorder}
+      `, children: [(0, jsx_runtime_1.jsxs)("div", { className: "border-0 px-6", children: [(0, jsx_runtime_1.jsx)("div", { className: `font-medium ${btnTitleClassName}`, children: slide?.title }), (0, jsx_runtime_1.jsx)("div", { className: `text-secondary-text ${btnDescClassName}`, children: slide.description })] }), (0, jsx_runtime_1.jsx)("div", { className: `absolute bottom-0 left-0 w-full h-[3px] bg-primary-main -translate-x-full ${progressBarClassName}`, style: { animationDuration: `${duration}s`, animationFillMode: 'forwards' } })] }, String(i)));
 }
 //# sourceMappingURL=ProductGalleryGreen.js.map

package/dist/components/ProductGalleryGreen/ProductGalleryGreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductGalleryGreen.js","sourceRoot":"","sources":["../../../src/components/ProductGalleryGreen/ProductGalleryGreen.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductGalleryGreen.js","sourceRoot":"","sources":["../../../src/components/ProductGalleryGreen/ProductGalleryGreen.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAIxC,yEAAsE;AAUtE,MAAM,2BAA2B,GAAiC;IAChE,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,oBAAoB,GAAoC;IAC5D,OAAO,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,qBAAqB,EAAE;IACtE,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,eAAe,EAAE;CAC1D,CAAC;AAEF,MAAM,oBAAoB,GAAiC;IACzD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,GAAG,EAAE,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7F,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpE,OAAO,CACL,qCACE,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,iEAAiE,SAAS;UACnF,2BAA2B,CAAC,OAAO,CAAC,EAAE,aAExC,gCACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,gBAAgB,MAAM,EAAE,EAC3D,IAAI,EAAC,MAAM,YAEV,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAC3E,EAEN,gCAAK,SAAS,EAAC,yEAAyE,YACrF,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAC3B,eAAe,CAAC;oBACd,KAAK;oBACL,CAAC;oBACD,gBAAgB;oBAChB,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;oBACrC,OAAO;oBACP,QAAQ;iBACT,CAAC,CACH,GACG,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,kBAAkB,CAAC,KAA+B,EAAE,CAAS,EAAE,OAAO;IAC7E,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,eAAe,GAAG,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3E,OAAO,CACL,oCAEE,SAAS,EAAC,qDAAqD,EAC/D,IAAI,EAAC,UAAU,YAEf,gCAAK,SAAS,EAAC,WAAW,YACxB,uBAAC,qCAAiB,IAChB,SAAS,EAAE,wBAAwB,eAAe,EAAE,EACpD,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAC,YAAY,KAC3B,KAAK,GACT,GACE,IAXD,MAAM,CAAC,CAAC,CAAC,CAYN,CACX,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE;IACjF,MAAM,WAAW,GAAG,CAAC,KAAK,gBAAgB,CAAC;IAE3C,MAAM,YAAY,GAAG,WAAW;QAC9B,CAAC,CAAC,8FAA8F;QAChG,CAAC,CAAC;QACE,oBAAoB,CAAC,OAAO,CAAC,EAAE,CAAC;IACtC,MAAM,iBAAiB,GAAG,WAAW;QACnC,CAAC,CAAC,kCAAkC;QACpC,CAAC,CAAC,aAAa,oBAAoB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;IACvD,MAAM,gBAAgB,GAAG,WAAW;QAClC,CAAC,CAAC,4CAA4C;QAC9C,CAAC,CAAC,oBAAoB,oBAAoB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;IAE7D,MAAM,gBAAgB,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1E,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAEhE,OAAO,CACL,oCACE,IAAI,EAAC,QAAQ,EAEb,OAAO,EAAE,OAAO,gBACJ,KAAK,EAAE,KAAK,EACxB,SAAS,EAAE;QACT,YAAY,IAAI,gBAAgB;OACjC,aAED,iCAAK,SAAS,EAAC,eAAe,aAC5B,gCAAK,SAAS,EAAE,eAAe,iBAAiB,EAAE,YAAG,KAAK,EAAE,KAAK,GAAO,EACxE,gCAAK,SAAS,EAAE,uBAAuB,gBAAgB,EAAE,YAAG,KAAK,CAAC,WAAW,GAAO,IAChF,EACN,gCACE,SAAS,EAAE,6EAA6E,oBAAoB,EAAE,EAC9G,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAAG,QAAQ,GAAG,EAAE,iBAAiB,EAAE,UAAU,EAAE,GACtE,KAdF,MAAM,CAAC,CAAC,CAAC,CAeP,CACV,CAAC;AACJ,CAAC"}

package/dist/components/ProductGalleryGreen/ProductGalleryGreenContent.d.ts

@@ -1,4 +1,5 @@
 import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
+import type { BlockVersion } from '../../model/BlockVersion';
 /** @title Кнопка под слайдом */
 interface ProductGalleryNav {
     /** @title Заголовок */
@@ -26,5 +27,6 @@ export interface ProductGalleryGreenContent {
     duration?: number;
     /** @title Слайды */
     slides?: ProductSlide[];
+    version?: BlockVersion;
 }
 export {};

package/dist/components/Recommendation/Recommendation.js

@@ -11,8 +11,8 @@ const CARD_SHIFT = 525;
 exports.Recommendation = (0, uni_jsx_1.JSX)(({ context, recommendations = [], className = '', title, version, anchor = null }) => {
     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 ((0, jsx_runtime_1.jsxs)("section", { className: `relative font-sans p-[50px] overflow-hidden ${blockClassName} ${className}`, id: anchor, children: [title ? (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h3", className: "mb-8", title: title }) : null, (0, jsx_runtime_1.jsx)("div", { className: "flex duration-1000 gap-4", style: { transform: `translateX(-${activeCardIndex * CARD_SHIFT}px)` }, role: "list", children: recommendations?.length
+    const cardClassName = version === 'secondary' ? 'border-white/50' : 'border-main-stroke';
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `relative font-sans p-9 overflow-hidden text-center ${blockClassName} ${className}`, id: anchor, children: [title ? (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: "mb-6", title: title }) : null, (0, jsx_runtime_1.jsx)("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeCardIndex * CARD_SHIFT}px)` }, role: "list", children: recommendations?.length
                     ? recommendations.map(renderRecommendationCard({ context, version, className: cardClassName }))
                     : null }), renderNavButtons({
                 cardsCount: recommendations.length,

package/dist/components/Recommendation/Recommendation.js.map

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

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

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

package/dist/components/Recommendation/RecommendationCard.js

@@ -3,11 +3,11 @@ exports.RecommendationCard = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const Description_1 = require("../../ui-kit/Description/Description");
-const Heading_1 = require("../../ui-kit/Heading/Heading");
 const Img_1 = require("../../ui-kit/Img/Img");
 const List_1 = require("../../ui-kit/List/List");
 const BaseTile_1 = require("../BaseTile/BaseTile");
-exports.RecommendationCard = (0, uni_jsx_1.JSX)(({ context, className = '', title, description, items, image, version }) => {
-    return ((0, jsx_runtime_1.jsx)("section", { className: `border border-solid box-border rounded-md p-7 min-w-[515px] max-w-[515px] ${className}`, role: "listitem", children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { context: context, title: title && (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h4", title: title, className: "mb-4" }), image: image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto ml-7", image: image }), children: [description ? (0, jsx_runtime_1.jsx)(Description_1.Description, { description: description }) : null, items?.length ? (0, jsx_runtime_1.jsx)(List_1.List, { items: items, version: version }) : null] }) }));
+const SocialMedia_1 = require("../Footer/SocialMedia");
+exports.RecommendationCard = (0, uni_jsx_1.JSX)(({ context, className = '', title, description, items, image, version, socialMedia }) => {
+    return ((0, jsx_runtime_1.jsx)("section", { className: `border border-solid box-border py-[30px] px-9 min-w-[515px] max-w-[515px] ${className}`, role: "listitem", children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { context: context, className: "flex justify-between", title: title ? ((0, jsx_runtime_1.jsx)("h4", { className: `font-sans text-title-xs font-normal m-0 mb-3.5`, children: title })) : null, image: image?.src && (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mt-auto ml-7", image: image }), children: [description ? (0, jsx_runtime_1.jsx)(Description_1.Description, { className: "text-left", description: description }) : null, items?.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { className: "text-md font-light flex flex-col gap-2", items: items, version: version })) : null, (0, jsx_runtime_1.jsx)(SocialMedia_1.SocialMedia, { className: "pt-[42px] pb-0", media: socialMedia, context: context })] }) }));
 });
 //# sourceMappingURL=RecommendationCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RecommendationCard.js","sourceRoot":"","sources":["../../../src/components/Recommendation/RecommendationCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,sEAAmE;AACnE,0DAAuD;AACvD,8CAA2C;AAC3C,iDAA8C;AAC9C,mDAAgD;AAOnC,QAAA,kBAAkB,GAAG,IAAA,aAAG,EACnC,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACzE,OAAO,CACL,oCACE,SAAS,EAAE,6EAA6E,SAAS,EAAE,EACnG,IAAI,EAAC,UAAU,YAEf,wBAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAAI,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM,GAAG,EAC3E,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,aAElE,WAAW,CAAC,CAAC,CAAC,uBAAC,yBAAW,IAAC,WAAW,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,IACvD,GACH,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"RecommendationCard.js","sourceRoot":"","sources":["../../../src/components/Recommendation/RecommendationCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,sEAAmE;AACnE,8CAA2C;AAC3C,iDAA8C;AAC9C,mDAAgD;AAChD,uDAAoD;AAMvC,QAAA,kBAAkB,GAAG,IAAA,aAAG,EACnC,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE;IACtF,OAAO,CACL,oCACE,SAAS,EAAE,6EAA6E,SAAS,EAAE,EACnG,IAAI,EAAC,UAAU,YAEf,wBAAC,mBAAQ,IACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,sBAAsB,EAChC,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,+BAAI,SAAS,EAAE,gDAAgD,YAAG,KAAK,GAAM,CAC9E,CAAC,CAAC,CAAC,IAAI,EAEV,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,uBAAC,SAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,aAElE,WAAW,CAAC,CAAC,CAAC,uBAAC,yBAAW,IAAC,SAAS,EAAC,WAAW,EAAC,WAAW,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EACpF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,uBAAC,WAAI,IACH,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,yBAAW,IAAC,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,IACvE,GACH,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,14 +1,16 @@
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { LinkProps } from '../../model/LinkProps';
 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;
+export declare type RecommendationCardTypes = HeadingContent & DescriptionContent & ListContent & ImageContent & RecommendationContent;
 /**
  * @title Рекомендации
  */
 export interface RecommendationContent extends HeadingContent {
     /** @title Карточки */
-    recommendations?: RecommendationCardContent[];
+    recommendations?: RecommendationCardTypes[];
     version?: BlockVersion;
+    socialMedia?: LinkProps[];
 }

package/dist/components/StepsBlock/StepsBlock.js

@@ -3,13 +3,19 @@ exports.StepsBlock = void 0;
 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");
+const Img_1 = require("../../ui-kit/Img/Img");
 const joinList_1 = require("../../utils/joinList");
-exports.StepsBlock = (0, uni_jsx_1.JSX)(({ className, title, showLines = true, steps, anchor = null }) => {
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `box-border font-sans text-primary-text bg-white px-20 py-[50px] flex flex-col items-center ${className || ''}`, id: anchor, children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: "max-w-[47rem] text-center", title: title }), steps?.length ? ((0, jsx_runtime_1.jsxs)("div", { className: `box-border py-0.5 mb-0.5 ${title ? 'mt-9' : ''}`, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center px-[88px]", children: (0, joinList_1.joinList)((0, jsx_runtime_1.jsx)("div", { className: `h-0.5 w-full bg-secondary-light ${!showLines ? 'opacity-0' : ''}` }))(steps.map((step, i) => renderStepIcon(step, i))) }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-between gap-x-[101px]", children: steps.map(renderStepTitle) })] })) : null] }));
+exports.StepsBlock = (0, uni_jsx_1.JSX)(({ className = '', title, showLines = true, steps = [], anchor = null }) => {
+    const shortGaps = steps.length > 3;
+    return ((0, jsx_runtime_1.jsxs)("section", { className: [
+            'box-border font-sans text-primary-text bg-white',
+            shortGaps ? 'px-20' : 'px-[70px]',
+            'py-[50px] flex flex-col items-center',
+            className,
+        ].join(' '), id: anchor, children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h2", className: "max-w-[47rem] text-center", title: title }), steps?.length ? ((0, jsx_runtime_1.jsxs)("div", { className: `box-border py-0.5 mb-0.5 ${title ? 'mt-9' : ''}`, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center px-[88px]", children: (0, joinList_1.joinList)((0, jsx_runtime_1.jsx)("div", { className: `h-0.5 w-full bg-secondary-light ${!showLines ? 'opacity-0' : ''}` }))(steps.map(renderStepIcon)) }), (0, jsx_runtime_1.jsx)("div", { className: `flex justify-between ${shortGaps ? 'gap-x-3' : 'gap-x-[101px]'}`, children: steps.map(renderStepTitle) })] })) : null] }));
 });
 const renderStepIcon = (step, i) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center text-center relative", children: (0, jsx_runtime_1.jsx)("div", { className: "h-[100px] w-[100px] min-w-[100px] min-h-[100px] bg-secondary-light rounded-full p-[26px] box-border z-10", children: (step.icon && (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: step.icon, width: "48", height: "48" })) || ((0, jsx_runtime_1.jsx)("span", { className: "font-medium text-title-sm text-secondary-text", children: i + 1 })) }) }, String(i)));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center text-center relative", children: (0, jsx_runtime_1.jsx)("div", { className: "h-[100px] w-[100px] min-w-[100px] min-h-[100px] bg-secondary-light rounded-full p-[26px] box-border z-10", children: (step.icon?.icon && (0, jsx_runtime_1.jsx)(Img_1.Img, { image: step.icon, width: "48", height: "48" })) || ((0, jsx_runtime_1.jsx)("span", { className: "font-medium text-title-sm text-secondary-text", children: i + 1 })) }) }, String(i)));
 };
 const renderStepTitle = (step, i) => {
     return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center text-center relative w-[276px] whitespace-pre-line overflow-hidden", children: [step.label && (0, jsx_runtime_1.jsx)("div", { className: "font-medium text-xl m-0 mt-4", children: step.label }), step.description && ((0, jsx_runtime_1.jsx)("div", { className: `font-normal text-sm text-secondary-text ${step.label ? 'mt-2' : 'mt-4'}`, children: step.description }))] }, String(i)));