@redneckz/wildless-cms-uni-blocks 0.3.30 → 0.3.33

package/lib/components/Header/HeaderBurger.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { Icon } from '../../ui-kit/Icon/Icon.js';
+import { Img } from '../../ui-kit/Img/Img.js';
 import { SearchBar } from '../../ui-kit/SearchBar/SearchBar.js';
 export const HeaderBurger = JSX(({ context, burgerSubMenu, onClick, defaultLocation = '', children }) => {
     const [city, getCity] = context.useGeolocation(defaultLocation);
-    return (_jsxs("div", { className: "absolute top-0 left-0 w-full h-full bg-white p-4 box-border z-20", children: [_jsx("button", { className: "absolute top-4 right-4 border-none bg-transparent cursor-pointer", onClick: onClick, children: _jsx(Icon, { name: "CloseIcon", width: "24", height: "24", asSVG: true }) }), _jsxs("button", { onClick: getCity, className: "flex items-center text-sm text-secondary-text p-0 mb-4 bg-transparent cursor-pointer", children: [_jsx(Icon, { name: "GeolocationIcon", width: "20", height: "20", className: "text-primary-main box-border mr-2", asSVG: true }), city] }), children, _jsx("div", { className: "mb-7", children: burgerSubMenu?.map(renderBurgerSubMenuItem) }), _jsx(SearchBar, { context: context, className: "grow" })] }));
+    return (_jsxs("div", { className: "absolute top-0 left-0 w-full h-full bg-white p-4 box-border z-20", children: [_jsx("button", { className: "absolute top-4 right-4 border-none bg-transparent cursor-pointer", onClick: onClick, children: _jsx(Img, { image: "CloseIcon", width: "24", height: "24", asSVG: true }) }), _jsxs("button", { onClick: getCity, className: "flex items-center text-sm text-secondary-text p-0 mb-4 bg-transparent cursor-pointer", children: [_jsx(Img, { image: "GeolocationIcon", width: "20", height: "20", className: "text-primary-main box-border mr-2", asSVG: true }), city] }), children, _jsx("div", { className: "mb-7", children: burgerSubMenu?.map(renderBurgerSubMenuItem) }), _jsx(SearchBar, { context: context, className: "grow" })] }));
 });
 const renderBurgerSubMenuItem = (menu, i) => {
     const { icon, href, text } = menu;
-    return (_jsxs("a", { href: href, className: "flex text-sm mb-4 hover:text-primary-main", children: [icon ? (_jsx(Icon, { className: "text-primary-main pr-1", name: icon, width: "24", height: "24", asSVG: true })) : null, _jsx("span", { className: "pl-0.5 font-medium", children: text })] }, `headerSubMenu-${i}`));
+    return (_jsxs("a", { href: href, className: "flex text-sm mb-4 hover:text-primary-main", children: [icon ? (_jsx(Img, { className: "text-primary-main pr-1", image: icon, width: "24", height: "24", asSVG: true })) : null, _jsx("span", { className: "pl-0.5 font-medium", children: text })] }, `headerSubMenu-${i}`));
 };
 //# sourceMappingURL=HeaderBurger.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderBurger.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderBurger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAY7D,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,eAAe,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAChE,OAAO,CACL,eAAK,SAAS,EAAC,kEAAkE,aAC/E,iBACE,SAAS,EAAC,kEAAkE,EAC5E,OAAO,EAAE,OAAO,YAEhB,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,GAC/C,EACT,kBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,sFAAsF,aAEhG,KAAC,IAAI,IACH,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,mCAAmC,EAC7C,KAAK,SACL,EACD,IAAI,IACE,EACR,QAAQ,EACT,cAAK,SAAS,EAAC,MAAM,YAAE,aAAa,EAAE,GAAG,CAAC,uBAAuB,CAAC,GAAO,EACzE,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,GAAG,IAC5C,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,IAAqB,EAAE,CAAS,EAAE,EAAE;IACnE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAClC,OAAO,CACL,aAA8B,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,2CAA2C,aAC5F,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CACrF,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,oBAAoB,YAAE,IAAI,GAAQ,KAJ5C,iBAAiB,CAAC,EAAE,CAKxB,CACL,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"HeaderBurger.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderBurger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAY7D,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,eAAe,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAChE,OAAO,CACL,eAAK,SAAS,EAAC,kEAAkE,aAC/E,iBACE,SAAS,EAAC,kEAAkE,EAC5E,OAAO,EAAE,OAAO,YAEhB,KAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,GAC/C,EACT,kBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,sFAAsF,aAEhG,KAAC,GAAG,IACF,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,mCAAmC,EAC7C,KAAK,SACL,EACD,IAAI,IACE,EACR,QAAQ,EACT,cAAK,SAAS,EAAC,MAAM,YAAE,aAAa,EAAE,GAAG,CAAC,uBAAuB,CAAC,GAAO,EACzE,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,GAAG,IAC5C,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,IAAqB,EAAE,CAAS,EAAE,EAAE;IACnE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAClC,OAAO,CACL,aAA8B,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,2CAA2C,aAC5F,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IAAC,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CACrF,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,oBAAoB,YAAE,IAAI,GAAQ,KAJ5C,iBAAiB,CAAC,EAAE,CAKxB,CACL,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,12 +1,12 @@
 import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { LinkProps } from '../../model/LinkProps';
 import type { SitemapProps } from '../../services/sitemap/SitemapProps';
-import type { IconName } from '../../icons/IconName';
+import type { Picture } from '../../model/Picture';
 /**
  * @title Пункт подменю
  */
 export interface SubMenuItem extends LinkProps {
-    icon?: IconName;
+    icon?: Picture;
 }
 /**
  * @title Ссылка дополнительного меню
@@ -14,7 +14,7 @@ export interface SubMenuItem extends LinkProps {
  */
 export interface DispositionItem extends LinkProps {
     /** @hidden */
-    icon?: IconName;
+    icon?: Picture;
 }
 /**
  * @title Шапка (для мобильных горизонтальная прокрутка shift+mouseScroll)

package/lib/components/Header/HeaderSecondaryMenu.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { Icon } from '../../ui-kit/Icon/Icon.js';
+import { Img } from '../../ui-kit/Img/Img.js';
 import { TopItem } from '../../ui-kit/TopItem/TopItem.js';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton.js';
 const COLORS_MAP = {
@@ -17,6 +17,6 @@ const DOP_LINKS_ICON_NAME_MAP = {
 };
 export const HeaderSecondaryMenu = JSX(({ context, className, defaultLocation = '', bgColor = 'bg-white' }) => {
     const [city, getCity] = context.useGeolocation(defaultLocation);
-    return (_jsxs("div", { className: `flex items-center ${className || ''}`, children: [_jsx(TopItem, { className: "mr-5", flat: true, href: "#", text: city, ariaLabel: "\u041C\u0435\u0441\u0442\u043E\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435", onClick: getCity, bgColor: bgColor }), _jsx(TopItem, { className: "mr-7", flat: true, href: "#", text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B", ariaLabel: "\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u0441\u0435\u0445 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043E\u0444\u0438\u0441\u043E\u0432 \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u043E\u0432", bgColor: bgColor }), _jsx(HeaderSecondaryMenuButton, { className: `mr-5 ${COLORS_MAP[bgColor]}`, ariaLabel: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443", children: _jsx(Icon, { name: "LoupeIcon", className: "h-full", asSVG: true, color: "none" }) }), _jsx(HeaderSecondaryMenuButton, { className: `mr-5 ${COLORS_MAP[bgColor]}`, ariaLabel: "\u041F\u0440\u043E\u0444\u0438\u043B\u044C", children: _jsx(Icon, { name: "ProfileIcon", className: "h-full", asSVG: true, color: "none" }) }), _jsx(HeaderSecondaryMenuButton, { className: `${DOP_LINKS_COLORS_MAP[bgColor]} min-w-[32px] min-h-[32px]`, ariaLabel: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0441\u0441\u044B\u043B\u043A\u0438", children: _jsx(Icon, { name: DOP_LINKS_ICON_NAME_MAP[bgColor], className: "h-full", asSVG: true, color: "none" }) })] }));
+    return (_jsxs("div", { className: `flex items-center ${className || ''}`, children: [_jsx(TopItem, { className: "mr-5", flat: true, href: "#", text: city, ariaLabel: "\u041C\u0435\u0441\u0442\u043E\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435", onClick: getCity, bgColor: bgColor }), _jsx(TopItem, { className: "mr-7", flat: true, href: "#", text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B", ariaLabel: "\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u0441\u0435\u0445 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043E\u0444\u0438\u0441\u043E\u0432 \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u043E\u0432", bgColor: bgColor }), _jsx(HeaderSecondaryMenuButton, { className: `mr-5 ${COLORS_MAP[bgColor]}`, ariaLabel: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443", children: _jsx(Img, { image: "LoupeIcon", className: "h-full", asSVG: true, color: "none" }) }), _jsx(HeaderSecondaryMenuButton, { className: `mr-5 ${COLORS_MAP[bgColor]}`, ariaLabel: "\u041F\u0440\u043E\u0444\u0438\u043B\u044C", children: _jsx(Img, { image: "ProfileIcon", className: "h-full", asSVG: true, color: "none" }) }), _jsx(HeaderSecondaryMenuButton, { className: `${DOP_LINKS_COLORS_MAP[bgColor]} min-w-[32px] min-h-[32px]`, ariaLabel: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0441\u0441\u044B\u043B\u043A\u0438", children: _jsx(Img, { image: DOP_LINKS_ICON_NAME_MAP[bgColor], className: "h-full", asSVG: true, color: "none" }) })] }));
 });
 //# sourceMappingURL=HeaderSecondaryMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderSecondaryMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AASxE,MAAM,UAAU,GAAmC;IACjD,UAAU,EAAE,2CAA2C;IACvD,WAAW,EAAE,YAAY;CAC1B,CAAC;AACF,MAAM,oBAAoB,GAAmC;IAC3D,UAAU,EAAE,iDAAiD;IAC7D,WAAW,EAAE,YAAY;CAC1B,CAAC;AACF,MAAM,uBAAuB,GAAqC;IAChE,UAAU,EAAE,UAAU;IACtB,WAAW,EAAE,eAAe;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,GAAG,EAAE,EAAE,OAAO,GAAG,UAAU,EAAE,EAAE,EAAE;IACrE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAChE,OAAO,CACL,eAAK,SAAS,EAAE,qBAAqB,SAAS,IAAI,EAAE,EAAE,aACpD,KAAC,OAAO,IACN,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,sFAAgB,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,OAAO,IACN,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,8FAAmB,EACxB,SAAS,EAAC,+NAA2C,EACrD,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,yBAAyB,IACxB,SAAS,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,EAAE,EACxC,SAAS,EAAC,4EAAgB,YAE1B,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAC,MAAM,GAAG,GACrC,EAC5B,KAAC,yBAAyB,IAAC,SAAS,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,SAAS,EAAC,4CAAS,YACtF,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAC,MAAM,GAAG,GACvC,EAC5B,KAAC,yBAAyB,IACxB,SAAS,EAAE,GAAG,oBAAoB,CAAC,OAAO,CAAC,4BAA4B,EACvE,SAAS,EAAC,2HAAuB,YAEjC,KAAC,IAAI,IAAC,IAAI,EAAE,uBAAuB,CAAC,OAAO,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAC,MAAM,GAAG,GAC5D,IACxB,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"HeaderSecondaryMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AASxE,MAAM,UAAU,GAAmC;IACjD,UAAU,EAAE,2CAA2C;IACvD,WAAW,EAAE,YAAY;CAC1B,CAAC;AACF,MAAM,oBAAoB,GAAmC;IAC3D,UAAU,EAAE,iDAAiD;IAC7D,WAAW,EAAE,YAAY;CAC1B,CAAC;AACF,MAAM,uBAAuB,GAAqC;IAChE,UAAU,EAAE,UAAU;IACtB,WAAW,EAAE,eAAe;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,GAAG,EAAE,EAAE,OAAO,GAAG,UAAU,EAAE,EAAE,EAAE;IACrE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAChE,OAAO,CACL,eAAK,SAAS,EAAE,qBAAqB,SAAS,IAAI,EAAE,EAAE,aACpD,KAAC,OAAO,IACN,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,sFAAgB,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,OAAO,IACN,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,8FAAmB,EACxB,SAAS,EAAC,+NAA2C,EACrD,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,yBAAyB,IACxB,SAAS,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,EAAE,EACxC,SAAS,EAAC,4EAAgB,YAE1B,KAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAC,MAAM,GAAG,GACrC,EAC5B,KAAC,yBAAyB,IAAC,SAAS,EAAE,QAAQ,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,SAAS,EAAC,4CAAS,YACtF,KAAC,GAAG,IAAC,KAAK,EAAC,aAAa,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAC,MAAM,GAAG,GACvC,EAC5B,KAAC,yBAAyB,IACxB,SAAS,EAAE,GAAG,oBAAoB,CAAC,OAAO,CAAC,4BAA4B,EACvE,SAAS,EAAC,2HAAuB,YAEjC,KAAC,GAAG,IAAC,KAAK,EAAE,uBAAuB,CAAC,OAAO,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAC,MAAM,GAAG,GAC5D,IACxB,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/Header/HeaderTop.js

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

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

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

package/lib/components/LinkDocs/LinkDocs.js

@@ -15,7 +15,7 @@ const linkColumnsModeStyleMap = {
     double: 'flex gap-x-5 gap-y-[26px] flex-wrap',
     single: 'flex gap-3.5 flex-col',
 };
-export const LinkDocs = JSX(({ className = '', title, subtitle, align, documents, icon = 'DocIcon', columnsMode = 'double', anchor = null, }) => {
+export const LinkDocs = JSX(({ className = '', title, subtitle, align, documents, icon = { icon: 'DocIcon' }, columnsMode = 'double', anchor = null, }) => {
     return (_jsxs("section", { className: `font-sans text-primary-text p-12 bg-white ${className}`, id: anchor, children: [title ? (_jsx(Heading, { headingType: "h2", className: `${subtitle ? 'mb-2.5' : titleMarginsStyleMap[columnsMode]} ${titleAlignStyleMap[align ?? 'center']}`, title: title })) : null, subtitle ? (_jsx("h3", { className: `text-base mt-0 font-normal ${titleMarginsStyleMap[columnsMode]} ${titleAlignStyleMap[align ?? 'center']}`, children: subtitle })) : null, _jsx(LinkDocsList, { className: linkColumnsModeStyleMap[columnsMode], columnsMode: columnsMode, documents: documents, icon: icon })] }));
 });
 //# sourceMappingURL=LinkDocs.js.map

package/lib/components/LinkDocs/LinkDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkDocs.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,kBAAkB,GAA8B;IACpD,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,MAAM,oBAAoB,GAAoC;IAC5D,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,uBAAuB,GAAoC;IAC/D,MAAM,EAAE,qCAAqC;IAC7C,MAAM,EAAE,uBAAuB;CAChC,CAAC;AAIF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,WAAW,GAAG,QAAQ,EACtB,MAAM,GAAG,IAAI,GACd,EAAE,EAAE;IACH,OAAO,CACL,mBAAS,SAAS,EAAE,6CAA6C,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,aACrF,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,WAAW,CAAC,IACnE,kBAAkB,CAAC,KAAK,IAAI,QAAQ,CACtC,EAAE,EACF,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,aACE,SAAS,EAAE,8BAA8B,oBAAoB,CAAC,WAAW,CAAC,IACxE,kBAAkB,CAAC,KAAK,IAAI,QAAQ,CACtC,EAAE,YAED,QAAQ,GACN,CACN,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,YAAY,IACX,SAAS,EAAE,uBAAuB,CAAC,WAAW,CAAC,EAC/C,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,GACV,IACM,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"LinkDocs.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,kBAAkB,GAA8B;IACpD,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,MAAM,oBAAoB,GAAoC;IAC5D,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,uBAAuB,GAAoC;IAC/D,MAAM,EAAE,qCAAqC;IAC7C,MAAM,EAAE,uBAAuB;CAChC,CAAC;AAIF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,IAAI,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAC1B,WAAW,GAAG,QAAQ,EACtB,MAAM,GAAG,IAAI,GACd,EAAE,EAAE;IACH,OAAO,CACL,mBAAS,SAAS,EAAE,6CAA6C,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,aACrF,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,WAAW,CAAC,IACnE,kBAAkB,CAAC,KAAK,IAAI,QAAQ,CACtC,EAAE,EACF,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,aACE,SAAS,EAAE,8BAA8B,oBAAoB,CAAC,WAAW,CAAC,IACxE,kBAAkB,CAAC,KAAK,IAAI,QAAQ,CACtC,EAAE,YAED,QAAQ,GACN,CACN,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,YAAY,IACX,SAAS,EAAE,uBAAuB,CAAC,WAAW,CAAC,EAC/C,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,GACV,IACM,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/LinkDocs/LinkDocs.mobile.js

@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { LinkDocsHorizontalList } from './LinkDocsHorizontalList.js';
 import { LinkDocsVerticalList } from './LinkDocsVerticalList.js';
-export const LinkDocs = JSX(({ className = '', context, title, subtitle, icon = 'DocIconMonoColor', documents, orientation = 'vertical', hasBorder = true, }) => {
+export const LinkDocs = JSX(({ className = '', context, title, subtitle, icon = { icon: 'DocIconMonoColor' }, documents, orientation = 'vertical', hasBorder = true, }) => {
     return (_jsxs("section", { className: `font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`, children: [title ? (_jsx(Heading, { headingType: "h2", className: `text-center ${subtitle ? 'mb-2' : 'mb-5'}`, title: title })) : null, subtitle ? (_jsx("h3", { className: "mt-0 font-normal mb-5 text-center text-m-md", children: subtitle })) : null, orientation === 'vertical' ? (_jsx(LinkDocsVerticalList, { hasBorder: hasBorder, documents: documents, icon: icon })) : (_jsx(LinkDocsHorizontalList, { context: context, hasBorder: hasBorder, documents: documents, icon: icon }))] }));
 });
 //# sourceMappingURL=LinkDocs.mobile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkDocs.mobile.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocs.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,kBAAkB,EACzB,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,SAAS,GAAG,IAAI,GACjB,EAAE,EAAE;IACH,OAAO,CACL,mBACE,SAAS,EAAE,oEAAoE,SAAS,EAAE,aAEzF,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EACtD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,aAAI,SAAS,EAAC,6CAA6C,YAAE,QAAQ,GAAM,CAC5E,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAC5B,KAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,GACV,CACH,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"LinkDocs.mobile.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocs.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,EAAE,IAAI,EAAE,kBAAkB,EAAE,EACnC,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,SAAS,GAAG,IAAI,GACjB,EAAE,EAAE;IACH,OAAO,CACL,mBACE,SAAS,EAAE,oEAAoE,SAAS,EAAE,aAEzF,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IACN,WAAW,EAAC,IAAI,EAChB,SAAS,EAAE,eAAe,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EACtD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,aAAI,SAAS,EAAC,6CAA6C,YAAE,QAAQ,GAAM,CAC5E,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAC5B,KAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,GACV,CACH,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/LinkDocs/LinkDocsContent.d.ts

@@ -1,7 +1,7 @@
 import type { LinkProps } from '../../model/LinkProps';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { AlignType } from '../BaseTile/BaseTileProps';
 import type { ListOrientation } from '../../model/ListOrientation';
+import type { Picture } from '../../model/Picture';
 /**
  * @title Отображение списка
  * @enumNames [
@@ -26,7 +26,7 @@ export interface LinkDocsContent {
     /** @title Описание */
     subtitle?: string;
     /** @title Название иконки */
-    icon?: IconName;
+    icon?: Picture;
     /** @title Список */
     documents?: LinkDocsItem[];
     columnsMode?: LinkColumnsMode;

package/lib/components/LinkDocs/LinkDocsList.d.ts

@@ -1,9 +1,9 @@
-import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { LinkColumnsMode, LinkDocsItem } from './LinkDocsContent';
+import type { Picture } from '../../model/Picture';
 export interface LinkDocsListProps {
     className?: string;
     documents?: LinkDocsItem[];
     columnsMode?: LinkColumnsMode;
-    icon?: IconName;
+    icon?: Picture;
 }
 export declare const LinkDocsList: (props: import("@redneckz/uni-jsx").PropsWithChildren<LinkDocsListProps, any>, context?: any) => any;

package/lib/components/LinkDocs/LinkDocsListItemBase.d.ts

@@ -1,9 +1,9 @@
-import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { LinkDocsItem } from './LinkDocsContent';
+import type { Picture } from '../../model/Picture';
 export interface LinkDocsListItemProps {
     className?: string;
     doc: LinkDocsItem;
-    icon?: IconName;
+    icon?: Picture;
 }
 export interface LinkDocsListItemBaseProps extends LinkDocsListItemProps {
     iconClassName?: string;

package/lib/components/LinkDocs/LinkDocsListItemBase.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { Icon } from '../../ui-kit/Icon/Icon.js';
+import { Img } from '../../ui-kit/Img/Img.js';
 export const LinkDocsListItemBase = JSX(({ className, iconClassName, textClassName, suffixClassName, doc, icon }) => {
     const { text, fileSize, ...linkProps } = doc;
-    return (_jsxs("a", { className: className, role: "link", ...linkProps, children: [icon ? (_jsx(Icon, { className: iconClassName, name: icon, width: "24px", height: "24px", asSVG: true })) : null, text ? (_jsxs("span", { className: textClassName, children: [text, _jsx("span", { className: suffixClassName, children: linkProps?.href && formatSuffix(getExtFromHref(linkProps.href), fileSize) })] })) : null] }));
+    return (_jsxs("a", { className: className, role: "link", ...linkProps, children: [icon ? (_jsx(Img, { className: iconClassName, image: icon, width: "24px", height: "24px", asSVG: true })) : null, text ? (_jsxs("span", { className: textClassName, children: [text, _jsx("span", { className: suffixClassName, children: linkProps?.href && formatSuffix(getExtFromHref(linkProps.href), fileSize) })] })) : null] }));
 });
 const formatSuffix = (ext, fileSize) => {
     const prefix = ext || fileSize ? ',' : '';

package/lib/components/LinkDocs/LinkDocsListItemBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkDocsListItemBase.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsListItemBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAgB9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC;IAC7C,OAAO,CACL,aAAG,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,KAAK,SAAS,aAC/C,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,IAAI,IAAC,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,SAAG,CAChF,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,CACN,gBAAM,SAAS,EAAE,aAAa,aAC3B,IAAI,EACL,eAAM,SAAS,EAAE,eAAe,YAC7B,SAAS,EAAE,IAAI,IAAI,YAAY,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,GACrE,IACF,CACR,CAAC,CAAC,CAAC,IAAI,IACN,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,GAAY,EAAE,QAAiB,EAAE,EAAE;IACvD,MAAM,MAAM,GAAG,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,OAAO,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,EAAE;IACtC,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACpC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACvD,CAAC,CAAC"}
+{"version":3,"file":"LinkDocsListItemBase.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsListItemBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAgB3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC;IAC7C,OAAO,CACL,aAAG,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,KAAK,SAAS,aAC/C,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,SAAG,CAChF,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,CACN,gBAAM,SAAS,EAAE,aAAa,aAC3B,IAAI,EACL,eAAM,SAAS,EAAE,eAAe,YAC7B,SAAS,EAAE,IAAI,IAAI,YAAY,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,GACrE,IACF,CACR,CAAC,CAAC,CAAC,IAAI,IACN,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,GAAY,EAAE,QAAiB,EAAE,EAAE;IACvD,MAAM,MAAM,GAAG,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,OAAO,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,EAAE;IACtC,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACpC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACvD,CAAC,CAAC"}

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

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

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

package/lib/components/OtherProducts/OtherProductsContent.d.ts

@@ -14,11 +14,6 @@ export interface blockItemCommonProps {
     isExpanded?: boolean;
     /** @title Блоки */
     blocks?: BlockDef[];
-    /**
-     * @title Отображать/скрывать обводку элемента
-     * @default false
-     */
-    bordered?: boolean;
     columns?: ColumnsCount;
 }
 /**
@@ -27,13 +22,9 @@ export interface blockItemCommonProps {
 export interface OtherProductsContent {
     /** @title Заголовок */
     title?: string;
-    /** @title Список */
-    blockItems?: blockItemCommonProps[];
-    /** @title Подзаголовок */
-    description?: string;
     /**
-     * @title Отображать/скрывать обводку у элемента списка
-     * @default false
+     * @title Список
+     * @maxItems 10
      */
-    bordered?: boolean;
+    blockItems?: blockItemCommonProps[];
 }

package/lib/components/PictureText/PictureText.js

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

package/lib/components/PictureText/PictureText.js.map

@@ -1 +1 @@
-{"version":3,"file":"PictureText.js","sourceRoot":"","sources":["../../../src/components/PictureText/PictureText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAK3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,EAAE,EAAE;IAC5D,OAAO,CACL,mBACE,SAAS,EAAE,sDAAsD,SAAS,EAAE,EAC5E,EAAE,EAAE,MAAM,aAEV,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,EAClE,eAAK,SAAS,EAAE,0BAA0B,aACvC,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,EACpD,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,cAAK,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,eAAqB,SAAS,EAAC,oBAAoB,aAChD,OAAO,CAAC,IAAI,IAAI,CACf,KAAC,IAAI,IACH,SAAS,EAAC,4DAA4D,EACtE,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,EACD,eAAK,SAAS,EAAC,+CAA+C,aAC3D,OAAO,CAAC,KAAK,IAAI,CAChB,cAAK,SAAS,EAAC,2CAA2C,YAAE,OAAO,CAAC,KAAK,GAAO,CACjF,EACA,OAAO,CAAC,WAAW,IAAI,CACtB,cAAK,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAKxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAK3C,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,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,mBACE,SAAS,EAAE,2BAA2B,mBAAmB,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EACjF,EAAE,EAAE,MAAM,aAEV,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,EAClE,eAAK,SAAS,EAAE,0BAA0B,aACvC,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,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,cAAK,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,eAAqB,SAAS,EAAC,oBAAoB,aAChD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,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,eAAK,SAAS,EAAC,+CAA+C,aAC3D,OAAO,CAAC,KAAK,IAAI,CAChB,cACE,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,cACE,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/lib/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/lib/components/ProductBlock/ProductBlock.js

@@ -13,9 +13,9 @@ const breadcrumbsStyleMap = {
     secondary: 'text-white/80',
 };
 export const ProductBlock = 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 (_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 ? (_jsx("div", { className: "text-xs mb-6", children: joinList(_jsx("span", { className: `mx-2 ${breadcrumbsStyleMap[version]}`, children: "/" }))(breadcrumbs.map((breadcrumb, i) => (_jsx(Breadcrumb, { ...useLink({ router, handlerDecorator }, { className: breadcrumbsStyleMap[version], ...breadcrumb }) }, String(i))))) })) : null, _jsx(ProductBlockInner, { context: context, version: version, ...otherProps })] }));
+    return (_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 ? (_jsx("div", { className: "text-xs mb-6", children: joinList(_jsx("span", { className: `mx-2 ${breadcrumbsStyleMap[version]}`, children: "/" }))(breadcrumbs.map((breadcrumb, i) => (_jsx(Breadcrumb, { ...useLink({ router, handlerDecorator }, { className: breadcrumbsStyleMap[version], ...breadcrumb }) }, String(i))))) })) : null, _jsx(ProductBlockInner, { context: context, version: version, ...otherProps })] }));
 });
 //# sourceMappingURL=ProductBlock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;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;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAoB,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,mBACE,SAAS,EAAE,4EACT,SAAS,IAAI,EACf,IAAI,oBAAoB,CAAC,OAAO,CAAC,EAAE,EACnC,EAAE,EAAE,MAAM,aAET,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAC,cAAc,YAC1B,QAAQ,CAAC,eAAM,SAAS,EAAE,QAAQ,mBAAmB,CAAC,OAAO,CAAC,EAAE,kBAAU,CAAC,CAC1E,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,KAAC,UAAU,OAEL,OAAO,CACT,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,KAAC,iBAAiB,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;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;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAoB,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,mBACE,SAAS,EAAE,4EAA4E,oBAAoB,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EACnI,EAAE,EAAE,MAAM,aAET,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB,cAAK,SAAS,EAAC,cAAc,YAC1B,QAAQ,CAAC,eAAM,SAAS,EAAE,QAAQ,mBAAmB,CAAC,OAAO,CAAC,EAAE,kBAAU,CAAC,CAC1E,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,KAAC,UAAU,OAEL,OAAO,CACT,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,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KAAM,UAAU,GAAI,IACjE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,WAAW,GAAG,IAAI,EAClB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,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,eAAK,SAAS,EAAE,2CAA2C,SAAS,EAAE,aACpE,cAAK,SAAS,EAAE,iBAAiB,kBAAkB,EAAE,YACnD,MAAC,QAAQ,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,KAAC,WAAW,IAAC,SAAS,EAAC,oBAAoB,EAAC,WAAW,EAAE,WAAW,GAAI,CACzE,EACA,QAAQ,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAClD,cAAK,SAAS,EAAC,iBAAiB,YAC7B,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GACjD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,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,KAAC,GAAG,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,KAAC,OAAO,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,KAAC,aAAa,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,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,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,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,eAAK,SAAS,EAAE,2CAA2C,SAAS,EAAE,aACpE,cAAK,SAAS,EAAE,iBAAiB,kBAAkB,EAAE,YACnD,MAAC,QAAQ,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,KAAC,WAAW,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,cAAK,SAAS,EAAC,iBAAiB,YAC7B,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GACjD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,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,KAAC,GAAG,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,KAAC,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,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}

package/lib/components/ProductBlock/renderBenefit.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { Icon } from '../../ui-kit/Icon/Icon.js';
+import { Img } from '../../ui-kit/Img/Img.js';
 const benefitIconBgStyleMap = {
     primary: 'bg-main',
     secondary: 'bg-white/30',
@@ -13,6 +13,6 @@ const benefitDescStyleMap = {
     secondary: 'text-white',
 };
 export function renderBenefit(benefit, i, version) {
-    return (_jsxs("div", { className: "flex gap-4 items-center", children: [benefit.icon && (_jsx(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 })), _jsxs("div", { className: "flex gap-1 flex-col h-full max-w-[149px]", children: [_jsx("div", { className: `font-medium text-xl m-0 ${benefitTitleStyleMap[version]}`, children: benefit.label }), benefit.description && (_jsx("div", { className: `font-normal text-sm ${benefitDescStyleMap[version]}`, children: benefit.description }))] })] }, String(i)));
+    return (_jsxs("div", { className: "flex gap-4 items-center", children: [benefit.icon ? (_jsx(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, _jsxs("div", { className: "flex gap-1 flex-col h-full max-w-[149px]", children: [_jsx("div", { className: `font-medium text-xl m-0 ${benefitTitleStyleMap[version]}`, children: benefit.label }), benefit.description && (_jsx("div", { className: `font-normal text-sm ${benefitDescStyleMap[version]}`, children: benefit.description }))] })] }, String(i)));
 }
 //# sourceMappingURL=renderBenefit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;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,MAAM,UAAU,aAAa,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAe;IACxE,OAAO,CACL,eAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,CAAC,IAAI,IAAI,CACf,KAAC,IAAI,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,eAAK,SAAS,EAAC,0CAA0C,aACvD,cAAK,SAAS,EAAE,2BAA2B,oBAAoB,CAAC,OAAO,CAAC,EAAE,YACvE,OAAO,CAAC,KAAK,GACV,EACL,OAAO,CAAC,WAAW,IAAI,CACtB,cAAK,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"}
+{"version":3,"file":"renderBenefit.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;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,MAAM,UAAU,aAAa,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAe;IACxE,OAAO,CACL,eAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,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,eAAK,SAAS,EAAC,0CAA0C,aACvD,cAAK,SAAS,EAAE,2BAA2B,oBAAoB,CAAC,OAAO,CAAC,EAAE,YACvE,OAAO,CAAC,KAAK,GACV,EACL,OAAO,CAAC,WAAW,IAAI,CACtB,cAAK,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"}

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

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

package/lib/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,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;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,MAAM,UAAU,aAAa,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAqB;IAC9E,OAAO,CACL,eAAqB,SAAS,EAAC,0CAA0C,aACtE,OAAO,CAAC,IAAI,IAAI,CACf,KAAC,IAAI,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,cAAK,SAAS,EAAE,mCAAmC,oBAAoB,CAAC,OAAO,CAAC,EAAE,YAC/E,OAAO,CAAC,KAAK,GACV,EACL,OAAO,CAAC,WAAW,IAAI,CACtB,cAAK,SAAS,EAAE,yBAAyB,mBAAmB,CAAC,OAAO,CAAC,EAAE,YACpE,OAAO,CAAC,WAAW,GAChB,CACP,KAlBO,MAAM,CAAC,CAAC,CAAC,CAmBb,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"renderBenefit.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/renderBenefit.mobile.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;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,MAAM,UAAU,aAAa,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAqB;IAC9E,OAAO,CACL,eAAqB,SAAS,EAAC,0CAA0C,aACtE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,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,cAAK,SAAS,EAAE,mCAAmC,oBAAoB,CAAC,OAAO,CAAC,EAAE,YAC/E,OAAO,CAAC,KAAK,GACV,EACL,OAAO,CAAC,WAAW,IAAI,CACtB,cAAK,SAAS,EAAE,yBAAyB,mBAAmB,CAAC,OAAO,CAAC,EAAE,YACpE,OAAO,CAAC,WAAW,GAChB,CACP,KAlBO,MAAM,CAAC,CAAC,CAAC,CAmBb,CACP,CAAC;AACJ,CAAC"}

package/lib/components/ProductGallery/ProductGallery.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { ProductBlockInner } from '../ProductBlock/ProductBlockInner.js';
+import { ProductGalleryBlock } from './ProductGalleryBlock.js';
 export const ProductGallery = 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 (_jsxs("section", { className: `font-sans bg-white overflow-hidden w-100 ${className || ''}`, id: anchor, children: [_jsx("div", { className: `flex duration-1000`, style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock(_, i, context)) }), _jsx("div", { className: "flex", children: galleryNav.map((slide, i) => renderNavButton({
+    return (_jsxs("section", { className: `font-sans bg-white overflow-hidden w-100 ${className || ''}`, id: anchor, children: [_jsx("div", { className: `flex duration-1000`, style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => (_jsx(ProductGalleryBlock, { context: context, block: _ }, String(i)))) }), _jsx("div", { className: "flex", children: galleryNav.map((slide, i) => renderNavButton({
                     slide,
                     i,
                     activeSlideIndex,
@@ -13,9 +13,6 @@ export const ProductGallery = JSX(({ className, context, duration = 0, slides =
                     duration,
                 })) })] }));
 });
-function renderProductBlock(block, i, context) {
-    return (_jsx("section", { className: "flex grow-0 shrink-0 basis-full", role: "listitem", children: _jsx("div", { className: "p-10 flex grow", children: _jsx(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/lib/components/ProductGallery/ProductGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductGallery.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAKtE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/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,mBACE,SAAS,EAAE,4CAA4C,SAAS,IAAI,EAAE,EAAE,EACxE,EAAE,EAAE,MAAM,aAEV,cACE,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,cAAK,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,kBAAyB,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAC,UAAU,YAClF,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,iBAAiB,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,kBACE,IAAI,EAAC,QAAQ,EAEb,OAAO,EAAE,OAAO,gBACJ,KAAK,EAAE,KAAK,EACxB,SAAS,EAAE,wHAAwH,aAEnI,eAAK,SAAS,EAAC,yDAAyD,aACtE,cACE,SAAS,EAAE,8DAA8D,iBAAiB,EAAE,YAE3F,KAAK,EAAE,KAAK,GACT,EACN,cAAK,SAAS,EAAC,6BAA6B,YAAE,KAAK,CAAC,IAAI,GAAO,IAC3D,EACN,cACE,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAM5D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/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,mBACE,SAAS,EAAE,4CAA4C,SAAS,IAAI,EAAE,EAAE,EACxE,EAAE,EAAE,MAAM,aAEV,cACE,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,KAAC,mBAAmB,IAAiB,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,IAArC,MAAM,CAAC,CAAC,CAAC,CAAgC,CACpE,CAAC,GACE,EAEN,cAAK,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,kBACE,IAAI,EAAC,QAAQ,EAEb,OAAO,EAAE,OAAO,gBACJ,KAAK,EAAE,KAAK,EACxB,SAAS,EAAE,wHAAwH,aAEnI,eAAK,SAAS,EAAC,yDAAyD,aACtE,cACE,SAAS,EAAE,8DAA8D,iBAAiB,EAAE,YAE3F,KAAK,EAAE,KAAK,GACT,EACN,cAAK,SAAS,EAAC,6BAA6B,YAAE,KAAK,CAAC,IAAI,GAAO,IAC3D,EACN,cACE,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/lib/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/lib/components/ProductGallery/ProductGalleryBlock.js

@@ -1,7 +1,12 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { ProductBlockInner } from '../ProductBlock/ProductBlockInner.js';
-export const ProductGalleryBlock = JSX(({ block, headingType, context }) => {
-    return (_jsx("section", { className: "flex grow-0 shrink-0 basis-full", role: "listitem", children: _jsx("div", { className: "p-10 flex grow", children: _jsx(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',
+};
+export const ProductGalleryBlock = JSX(({ block, headingType, context, className = '' }) => {
+    const version = block?.version ?? 'primary';
+    return (_jsx("section", { className: `flex grow-0 shrink-0 basis-full ${productGalleryStyleMap[version]} ${className}`, role: "listitem", children: _jsx("div", { className: "p-10 flex grow", children: _jsx(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/lib/components/ProductGallery/ProductGalleryBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductGalleryBlock.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGalleryBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAOtE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE;IAClC,OAAO,CACL,kBAAS,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAC,UAAU,YAClE,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,iBAAiB,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAKtE,MAAM,sBAAsB,GAAiC;IAC3D,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAOF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,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,kBACE,SAAS,EAAE,mCAAmC,sBAAsB,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EAC5F,IAAI,EAAC,UAAU,YAEf,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,iBAAiB,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/lib/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;