@redneckz/wildless-cms-uni-blocks 0.7.1 → 0.7.2

package/dist/components/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,2DAAwD;AACxD,0EAAuE;AACvE,4DAAyD;AACzD,iDAA8C;AAC9C,gEAA6D;AAC7D,yCAAsC;AAGtC,iEAA8D;AAC9D,uCAAoC;AACpC,+CAA4C;AAC5C,uDAAoD;AAEpD,MAAM,sBAAsB,GAAG,WAAW,CAAC;AAI9B,QAAA,MAAM,GAAG,IAAA,aAAG,EAAc,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAChE,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC;IAE9C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,GACxF,IAAA,+BAAc,EAAkB,iCAAe,CAAC,MAAM,IAAI,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEhF,OAAO,CACL,wBAAC,2BAAY,IAAC,GAAG,EAAC,QAAQ,EAAC,SAAS,EAAE,0BAA0B,SAAS,IAAI,EAAE,EAAE,KAAM,IAAI,aACzF,iCAAK,SAAS,EAAC,kDAAkD,aAC/D,uBAAC,WAAI,IAAC,SAAS,EAAE,sBAAsB,EAAE,IAAI,EAAE,IAAI,GAAI,EACvD,uBAAC,qBAAS,IAAC,SAAS,EAAC,MAAM,GAAG,IAC1B,EACN,iCAAK,SAAS,EAAC,wCAAwC,aACrD,iCAAK,SAAS,EAAE,GAAG,sBAAsB,yCAAyC,aAChF,uBAAC,mBAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,SAAG,EACvC,uBAAC,yBAAW,IAAC,KAAK,EAAE,WAAW,2DAAuB,EACtD,uBAAC,yBAAW,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,UAAU,oIAEjC,IACV,EACN,uBAAC,iBAAO,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,IACjE,EACN,uBAAC,2CAAoB,IAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,kBAAkB,GAAI,EACzE,uBAAC,iCAAe,IAAC,KAAK,EAAE,SAAS,GAAI,IACxB,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,2DAAwD;AACxD,0EAAuE;AACvE,4DAAyD;AACzD,iDAA8C;AAC9C,gEAA6D;AAC7D,yCAAsC;AAGtC,iEAA8D;AAC9D,uCAAoC;AACpC,+CAA4C;AAC5C,uDAAoD;AAEpD,MAAM,sBAAsB,GAAG,WAAW,CAAC;AAI9B,QAAA,MAAM,GAAG,IAAA,aAAG,EAAc,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACrE,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC;IAE9C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,GACxF,IAAA,+BAAc,EAAkB,iCAAe,CAAC,MAAM,IAAI,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEhF,OAAO,CACL,wBAAC,2BAAY,IAAC,GAAG,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,SAAS,EAAE,KAAM,IAAI,aAChE,iCAAK,SAAS,EAAC,kDAAkD,aAC/D,uBAAC,WAAI,IAAC,SAAS,EAAE,sBAAsB,EAAE,IAAI,EAAE,IAAI,GAAI,EACvD,uBAAC,qBAAS,IAAC,SAAS,EAAC,MAAM,GAAG,IAC1B,EACN,iCAAK,SAAS,EAAC,wCAAwC,aACrD,iCAAK,SAAS,EAAE,GAAG,sBAAsB,yCAAyC,aAChF,uBAAC,mBAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,SAAG,EACvC,uBAAC,yBAAW,IAAC,KAAK,EAAE,WAAW,2DAAuB,EACtD,uBAAC,yBAAW,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,UAAU,oIAEjC,IACV,EACN,uBAAC,iBAAO,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,IACjE,EACN,uBAAC,2CAAoB,IAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,kBAAkB,GAAI,EACzE,uBAAC,iCAAe,IAAC,KAAK,EAAE,SAAS,GAAI,IACxB,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Footer/MediaButton.d.ts

@@ -1,10 +1,10 @@
-import type { BlockVersion } from '../../model/BlockVersion';
+import type { IconVersion } from '../../model/IconVersion';
 export declare type ButtonSize = 'default' | 'small';
 interface MediaButtonProps {
     href?: string;
-    version?: BlockVersion;
     isRounded?: boolean;
     buttonSize?: ButtonSize;
+    iconVersion?: IconVersion;
 }
 export declare const MediaButton: import("@redneckz/uni-jsx").UNIComponent<MediaButtonProps, any, any>;
 export {};

package/dist/components/Footer/MediaButton.js

@@ -5,6 +5,7 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
 const useLink_1 = require("../../hooks/useLink");
 const Img_1 = require("../../ui-kit/Img/Img");
 const getIconWithVersion_1 = require("../../utils/getIconWithVersion");
+const style_1 = require("../../utils/style");
 const ICONS_MAP = [
     {
         origins: ['t.me', 'telegram.org'],
@@ -31,23 +32,21 @@ const ICONS_MAP = [
         icon: { icon: 'PlayMarketIcon' },
         label: 'Google Play',
     },
+    {
+        origins: ['youtube.com'],
+        icon: { icon: 'YoutubeIcon' },
+        label: 'Youtube',
+    },
 ];
-const BUTTON_SIZE = {
-    default: ' w-14 h-14',
-    small: ' w-12 h-12',
+const buttonSizeStyles = {
+    default: 'w-14 h-14',
+    small: 'w-12 h-12',
 };
-exports.MediaButton = (0, uni_jsx_1.JSX)(({ version = 'primary', isRounded = false, buttonSize = 'default', ...rest }) => {
+exports.MediaButton = (0, uni_jsx_1.JSX)(({ isRounded = false, buttonSize = 'default', iconVersion = 'color', ...rest }) => {
     const link = (0, useLink_1.useLink)();
     const { href, onClick } = link(rest);
     const { icon, label } = ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
-    if (!icon) {
-        return null;
-    }
-    const classes = version === 'secondary'
-        ? 'bg-white hover:bg-secondary-hover'
-        : 'border-solid border border-main-divider hover:border-transparent hover:bg-primary-main';
-    const isPrimary = version === 'primary' ? 'hover:text-black' : '';
-    const rounded = isRounded ? 'rounded-full' : 'rounded-md';
-    return ((0, jsx_runtime_1.jsx)("a", { className: `flex items-center justify-center group box-border ${classes} ${rounded} ${isPrimary} ${BUTTON_SIZE[buttonSize]}`, href: href, "aria-label": label, target: "_blank", rel: "noopener noreferrer", onClick: onClick, children: icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: (0, getIconWithVersion_1.getIconWithVersion)(icon), imageClassName: "group-hover:text-white", width: "24", height: "24", asSVG: true })) : null }));
+    const iconWithVersion = icon ? { ...(0, getIconWithVersion_1.getIconWithVersion)(icon), iconVersion } : null;
+    return icon ? ((0, jsx_runtime_1.jsx)("a", { className: (0, style_1.style)('group/media flex items-center justify-center box-border', buttonSizeStyles[buttonSize], isRounded ? 'rounded-full' : 'rounded-md', 'border-solid border border-main-divider hover:border-transparent', 'hover:bg-primary-main hover:text-black', 'group-data-secondary:bg-white group-data-secondary:hover:bg-secondary-hover'), href: href, "aria-label": label, target: "_blank", rel: "noopener noreferrer", onClick: onClick, children: iconWithVersion ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { image: iconWithVersion, imageClassName: "group-hover/media:text-white", width: "24", height: "24", asSVG: true })) : null })) : null;
 });
 //# sourceMappingURL=MediaButton.js.map

package/dist/components/Footer/MediaButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaButton.js","sourceRoot":"","sources":["../../../src/components/Footer/MediaButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAG9C,8CAA2C;AAC3C,uEAAoE;AAEpE,MAAM,SAAS,GAIV;IACH;QACE,OAAO,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC;QACjC,IAAI,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;QAC9B,KAAK,EAAE,UAAU;KAClB;IACD;QACE,OAAO,EAAE,CAAC,QAAQ,CAAC;QACnB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QACxB,KAAK,EAAE,WAAW;KACnB;IACD;QACE,OAAO,EAAE,CAAC,OAAO,CAAC;QAClB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QACxB,KAAK,EAAE,eAAe;KACvB;IACD;QACE,OAAO,EAAE,CAAC,gBAAgB,CAAC;QAC3B,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;QAC3B,KAAK,EAAE,WAAW;KACnB;IACD;QACE,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,IAAI,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;QAChC,KAAK,EAAE,aAAa;KACrB;CACF,CAAC;AAWF,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,UAAU,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9E,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GACnB,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAEhF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,MAAM,OAAO,GACX,OAAO,KAAK,WAAW;QACrB,CAAC,CAAC,mCAAmC;QACrC,CAAC,CAAC,wFAAwF,CAAC;IAE/F,MAAM,SAAS,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClE,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IAE1D,OAAO,CACL,8BACE,SAAS,EAAE,qDAAqD,OAAO,IAAI,OAAO,IAAI,SAAS,IAAI,WAAW,CAAC,UAAU,CAAC,EAAE,EAC5H,IAAI,EAAE,IAAI,gBACE,KAAK,EACjB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,OAAO,EAAE,OAAO,YAEf,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,SAAG,IACF,KAAK,EAAE,IAAA,uCAAkB,EAAC,IAAI,CAAC,EAC/B,cAAc,EAAC,wBAAwB,EACvC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,GACN,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"MediaButton.js","sourceRoot":"","sources":["../../../src/components/Footer/MediaButton.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,8CAA2C;AAC3C,uEAAoE;AACpE,6CAA0C;AAI1C,MAAM,SAAS,GAIV;IACH;QACE,OAAO,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC;QACjC,IAAI,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;QAC9B,KAAK,EAAE,UAAU;KAClB;IACD;QACE,OAAO,EAAE,CAAC,QAAQ,CAAC;QACnB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QACxB,KAAK,EAAE,WAAW;KACnB;IACD;QACE,OAAO,EAAE,CAAC,OAAO,CAAC;QAClB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QACxB,KAAK,EAAE,eAAe;KACvB;IACD;QACE,OAAO,EAAE,CAAC,gBAAgB,CAAC;QAC3B,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;QAC3B,KAAK,EAAE,WAAW;KACnB;IACD;QACE,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,IAAI,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;QAChC,KAAK,EAAE,aAAa;KACrB;IACD;QACE,OAAO,EAAE,CAAC,aAAa,CAAC;QACxB,IAAI,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE;QAC7B,KAAK,EAAE,SAAS;KACjB;CACF,CAAC;AAWF,MAAM,gBAAgB,GAAG;IACvB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,UAAU,GAAG,SAAS,EAAE,WAAW,GAAG,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAChF,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GACnB,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAChF,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,IAAA,uCAAkB,EAAC,IAAI,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnF,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,8BACE,SAAS,EAAE,IAAA,aAAK,EACd,yDAAyD,EACzD,gBAAgB,CAAC,UAAU,CAAC,EAC5B,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EACzC,kEAAkE,EAClE,wCAAwC,EACxC,6EAA6E,CAC9E,EACD,IAAI,EAAE,IAAI,gBACE,KAAK,EACjB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,OAAO,EAAE,OAAO,YAEf,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,SAAG,IACF,KAAK,EAAE,eAAe,EACtB,cAAc,EAAC,8BAA8B,EAC7C,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,GACN,CACL,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/dist/components/Footer/SocialMedia.d.ts

@@ -1,10 +1,8 @@
-import type { BlockVersion } from '../../model/BlockVersion';
 import type { LinkProps } from '../../model/LinkProps';
 import { type ButtonSize } from './MediaButton';
 export interface SocialMediaProps {
     className?: string;
-    media?: Omit<LinkProps, 'text'>[];
-    version?: BlockVersion;
+    media?: LinkProps[];
     isRounded?: boolean;
     buttonSize?: ButtonSize;
 }

package/dist/components/Footer/SocialMedia.js

@@ -3,5 +3,5 @@ exports.SocialMedia = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const MediaButton_1 = require("./MediaButton");
-exports.SocialMedia = (0, uni_jsx_1.JSX)(({ className = '', media, version, isRounded = false, buttonSize, children }) => ((0, jsx_runtime_1.jsxs)("div", { className: "font-sans", children: [(0, jsx_runtime_1.jsx)("div", { className: `flex gap-2.5 ${className}`, children: media?.map((_, index) => ((0, jsx_runtime_1.jsx)(MediaButton_1.MediaButton, { version: version, isRounded: isRounded, buttonSize: buttonSize, ..._ }, String(index)))) }), (0, jsx_runtime_1.jsx)("span", { className: "text-s-light text-secondary-text", children: children })] })));
+exports.SocialMedia = (0, uni_jsx_1.JSX)(({ className = '', media, isRounded = false, buttonSize, children }) => ((0, jsx_runtime_1.jsxs)("div", { className: "font-sans", children: [(0, jsx_runtime_1.jsx)("div", { className: `flex gap-2.5 ${className}`, children: media?.map((_, index) => ((0, jsx_runtime_1.jsx)(MediaButton_1.MediaButton, { isRounded: isRounded, buttonSize: buttonSize, ..._ }, String(index)))) }), (0, jsx_runtime_1.jsx)("span", { className: "text-s-light text-secondary-text", children: children })] })));
 //# sourceMappingURL=SocialMedia.js.map

package/dist/components/Footer/SocialMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"SocialMedia.js","sourceRoot":"","sources":["../../../src/components/Footer/SocialMedia.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,+CAA6D;AAUhD,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,GAAG,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC/E,iCAAK,SAAS,EAAC,WAAW,aACxB,gCAAK,SAAS,EAAE,gBAAgB,SAAS,EAAE,YACxC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uBAAC,yBAAW,IAEV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,KAClB,CAAC,IAJA,MAAM,CAAC,KAAK,CAAC,CAKlB,CACH,CAAC,GACE,EACN,iCAAM,SAAS,EAAC,kCAAkC,YAAE,QAAQ,GAAQ,IAChE,CACP,CACF,CAAC"}
+{"version":3,"file":"SocialMedia.js","sourceRoot":"","sources":["../../../src/components/Footer/SocialMedia.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,+CAA6D;AAShD,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtE,iCAAK,SAAS,EAAC,WAAW,aACxB,gCAAK,SAAS,EAAE,gBAAgB,SAAS,EAAE,YACxC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uBAAC,yBAAW,IAAqB,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,KAAM,CAAC,IAAlE,MAAM,CAAC,KAAK,CAAC,CAAyD,CACzF,CAAC,GACE,EACN,iCAAM,SAAS,EAAC,kCAAkC,YAAE,QAAQ,GAAQ,IAChE,CACP,CACF,CAAC"}

package/dist/components/Footer/SocialMedia.mobile.d.ts

@@ -1,8 +1,6 @@
-import type { BlockVersion } from '../../model/BlockVersion';
 import type { LinkProps } from '../../model/LinkProps';
 export interface SocialMediaProps {
     className?: string;
     media?: Omit<LinkProps, 'text'>[];
-    version?: BlockVersion;
 }
 export declare const SocialMedia: import("@redneckz/uni-jsx").UNIComponent<SocialMediaProps, any, any>;

package/dist/components/Footer/SocialMedia.mobile.js

@@ -3,5 +3,5 @@ exports.SocialMedia = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const MediaButton_1 = require("./MediaButton");
-exports.SocialMedia = (0, uni_jsx_1.JSX)(({ className = '', media, version }) => ((0, jsx_runtime_1.jsx)("div", { className: `flex gap-2 items-start justify-start pt-6 pb-6 ${className}`, children: media?.map((_, index) => ((0, jsx_runtime_1.jsx)(MediaButton_1.MediaButton, { version: version, ..._ }, String(index)))) })));
+exports.SocialMedia = (0, uni_jsx_1.JSX)(({ className = '', media }) => ((0, jsx_runtime_1.jsx)("div", { className: `flex gap-2 items-start justify-start pt-6 pb-6 ${className}`, children: media?.map((_, index) => ((0, jsx_runtime_1.jsx)(MediaButton_1.MediaButton, { ..._ }, String(index)))) })));
 //# sourceMappingURL=SocialMedia.mobile.js.map

package/dist/components/Footer/SocialMedia.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"SocialMedia.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/SocialMedia.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,+CAA4C;AAQ/B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACvF,gCAAK,SAAS,EAAE,kDAAkD,SAAS,EAAE,YAC1E,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uBAAC,yBAAW,IAAqB,OAAO,EAAE,OAAO,KAAM,CAAC,IAAtC,MAAM,CAAC,KAAK,CAAC,CAA6B,CAC7D,CAAC,GACE,CACP,CAAC,CAAC"}
+{"version":3,"file":"SocialMedia.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/SocialMedia.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,+CAA4C;AAO/B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9E,gCAAK,SAAS,EAAE,kDAAkD,SAAS,EAAE,YAC1E,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uBAAC,yBAAW,OAAyB,CAAC,IAApB,MAAM,CAAC,KAAK,CAAC,CAAW,CAC3C,CAAC,GACE,CACP,CAAC,CAAC"}

package/dist/components/Gallery/Gallery.js

@@ -3,5 +3,5 @@ exports.Gallery = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const GalleryInner_1 = require("./GalleryInner");
-exports.Gallery = (0, uni_jsx_1.JSX)((props) => (0, jsx_runtime_1.jsx)(GalleryInner_1.GalleryInner, { ...props, version: "normal" }));
+exports.Gallery = (0, uni_jsx_1.JSX)((props) => ((0, jsx_runtime_1.jsx)(GalleryInner_1.GalleryInner, { ...props, galleryVersion: "normal" })));
 //# sourceMappingURL=Gallery.js.map

package/dist/components/Gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAGjC,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAC,2BAAY,OAAK,KAAK,EAAE,OAAO,EAAC,QAAQ,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Gallery.js","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAGjC,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE,CAAC,CAClD,uBAAC,2BAAY,OAAK,KAAK,EAAE,cAAc,EAAC,QAAQ,GAAG,CACpD,CAAC,CAAC"}

package/dist/components/Gallery/Gallery.mobile.js

@@ -2,21 +2,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Gallery = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const BlockVersion_1 = require("../../model/BlockVersion");
+const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
 const Button_1 = require("../../ui-kit/Button/Button");
 const Heading_1 = require("../../ui-kit/Heading/Heading");
 const Img_1 = require("../../ui-kit/Img/Img");
 const SwipeListControl_1 = require("../../ui-kit/SwipeListControl/SwipeListControl");
-exports.Gallery = (0, uni_jsx_1.JSX)(({ title, description, cards = [], className, orientation = 'horizontal' }) => {
-    const headingClassName = description ? 'mb-2' : 'mb-5';
-    return ((0, jsx_runtime_1.jsxs)("section", { className: `relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center mb-5", children: [title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h3", className: `text-center ${headingClassName}`, title: title })) : null, description ? ((0, jsx_runtime_1.jsx)("div", { className: "text-m max-w-[600px] text-center mb-5", children: description })) : null] }), renderCardsLayout(orientation, cards)] }));
-});
+exports.Gallery = (0, uni_jsx_1.JSX)(({ className = '', title, description, cards = [], orientation = 'horizontal', ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: `relative px-4 py-6 overflow-hidden ${className}`, ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center mb-5", children: [title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h3", className: `text-center ${description ? 'mb-2' : 'mb-5'}`, title: title })) : null, description ? ((0, jsx_runtime_1.jsx)("div", { className: "text-m max-w-[600px] text-center mb-5", children: description })) : null] }), renderCardsLayout(orientation, cards)] })));
 function renderCardsLayout(orientation, cards) {
     return orientation === 'horizontal' ? ((0, jsx_runtime_1.jsx)(SwipeListControl_1.SwipeListControl, { children: cards?.map(renderCard) })) : ((0, jsx_runtime_1.jsx)("div", { className: "grid gap-3.5", children: cards?.map(renderCard) }));
 }
 function renderCard(card, key) {
     return ((0, jsx_runtime_1.jsxs)("div", { className: `w-full h-full flex flex-col justify-between shrink-0 box-border snap-start snap-always border-solid border rounded-md border-gray p-4
-      ${BlockVersion_1.VersionStyleMap[card.version ?? 'primary']}`, children: [(0, jsx_runtime_1.jsxs)("div", { children: [renderImage(card.icon), card.title ? (0, jsx_runtime_1.jsx)("h3", { className: `text-m-title-xs font-medium m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.isDotted, card.version) : null] }), card?.button?.text ? renderButton(card.button) : null] }, key));
+      ${BlockWrapper_1.blockStyles[card.version ?? 'primary']}`, children: [(0, jsx_runtime_1.jsxs)("div", { children: [renderImage(card.icon), card.title ? (0, jsx_runtime_1.jsx)("h3", { className: `text-m-title-xs font-medium m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.isDotted, card.version) : null] }), card?.button?.text ? renderButton(card.button) : null] }, key));
 }
 const renderImage = (image) => image?.src || image?.icon ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-3.5", image: image }) })) : null;
 function renderButton(button) {
@@ -28,7 +25,9 @@ function renderDescription(card) {
 const LIST_DOT_STYLE_MAP = {
     primary: 'bg-primary-text',
     secondary: 'bg-white',
-    gray: 'bg-secondary-text',
+    gray: 'bg-primary-text',
+    transparent: '',
+    '': '',
 };
 function renderItems(items, isDotted, version = 'primary') {
     return ((0, jsx_runtime_1.jsx)("section", { className: "mt-3", children: items.map((item, i) => ((0, jsx_runtime_1.jsxs)("div", { children: [isDotted ? ((0, jsx_runtime_1.jsx)("div", { className: `rounded-full inline-block mr-3 mt-2 w-2 h-2 min-w-2 min-h-2 ${LIST_DOT_STYLE_MAP[version]}` })) : null, (0, jsx_runtime_1.jsx)("span", { className: "text-m font-medium", children: item.title }), (0, jsx_runtime_1.jsx)("span", { className: `text-s pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`, children: item.text })] }, String(i)))) }));

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

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

package/dist/components/Gallery/GalleryCardInner.js

@@ -3,21 +3,18 @@ exports.GalleryCardInner = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const AlignText_1 = require("../../model/AlignText");
-const BlockVersion_1 = require("../../model/BlockVersion");
-const ButtonSection_1 = require("../../ui-kit/Button/ButtonSection");
+const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
+const renderButtonsSection_1 = require("../../ui-kit/Button/renderButtonsSection");
 const Img_1 = require("../../ui-kit/Img/Img");
 const List_1 = require("../../ui-kit/List/List");
 const getIconWithVersion_1 = require("../../utils/getIconWithVersion");
 const headlineVersionStyles_1 = require("../Headline/headlineVersionStyles");
-exports.GalleryCardInner = (0, uni_jsx_1.JSX)(({ title, headlineSmallVersion = 'H6', description, additionalDescription, icon, items, button, version, isFullWidth = true, isDotted = true, align = 'center', }) => ((0, jsx_runtime_1.jsxs)("div", { className: `h-full flex flex-col justify-between ${AlignText_1.AlignText[align]}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col h-full", children: [renderImage(icon, version), renderCardTitle(headlineSmallVersion, title), renderDescription(description, title), items?.length ? renderItems(items, isDotted, version) : null, renderAdditionalDescription(additionalDescription, version)] }), button?.text
-            ? (0, ButtonSection_1.renderButton)({
-                button,
-                buttonClassName: `mt-6 ${isFullWidth ? '' : 'self-center'}`,
-            })
-            : null] })));
-const renderImage = (image, version) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center", children: [image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-5", image: image }) : null, image?.icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: `w-8 h-8 min-w-8 mb-5 rounded-full`, image: (0, getIconWithVersion_1.getIconWithVersion)(image, version), asSVG: true })) : null] }));
+exports.GalleryCardInner = (0, uni_jsx_1.JSX)(({ title, headlineSmallVersion = 'H6', description, additionalDescription, icon, items, button, isFullWidth = true, isDotted = true, align = 'center', ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: `h-full flex flex-col justify-between ${AlignText_1.AlignText[align]}`, tag: "div", ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col h-full", children: [renderImage(icon), renderCardTitle(headlineSmallVersion, title), renderDescription(description, title), items?.length ? renderItems(items, isDotted) : null, renderAdditionalDescription(additionalDescription)] }), (0, renderButtonsSection_1.renderButtonsSection)([button], {
+            buttonClassName: `mt-6 ${isFullWidth ? 'w-full' : 'self-center'}`,
+        })] })));
+const renderImage = (image) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center", children: [image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { className: "mb-5", image: image }) : null, image?.icon ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: `w-8 h-8 min-w-8 mb-5 rounded-full`, image: (0, getIconWithVersion_1.getIconWithVersion)(image), asSVG: true })) : null] }));
 const renderCardTitle = (headlineSmallVersion, title) => title ? (0, jsx_runtime_1.jsx)("div", { className: headlineVersionStyles_1.HEADLINE_SMALL_VERSION[headlineSmallVersion], children: title }) : null;
 const renderDescription = (description, title) => description ? (0, jsx_runtime_1.jsx)("div", { className: `text-l ${title ? 'mt-2' : ''}`, children: description }) : null;
-const renderAdditionalDescription = (additionalDescription, version) => additionalDescription ? ((0, jsx_runtime_1.jsx)("div", { className: `text-m-light mt-auto ${BlockVersion_1.VersionAdditionalStyleMap[version ?? 'primary']}`, children: additionalDescription })) : null;
-const renderItems = (items, isDotted, version = 'primary') => ((0, jsx_runtime_1.jsx)(List_1.List, { className: `max-w-[308px] mt-2 text-s ${version === 'primary' ? '!text-secondary-text' : ''}`, itemClassName: "text-left", items: items.filter((item) => item?.text).map((item) => item.text), isDotted: isDotted, version: version }));
+const renderAdditionalDescription = (additionalDescription) => additionalDescription ? ((0, jsx_runtime_1.jsx)("div", { className: `text-m-light mt-auto group-data-primary:text-secondary-text`, children: additionalDescription })) : null;
+const renderItems = (items, isDotted) => ((0, jsx_runtime_1.jsx)(List_1.List, { className: "max-w-[308px] mt-2 text-s group-data-primary:text-secondary-text", itemClassName: "text-left", items: items.filter((item) => item?.text).map((item) => item.text), isDotted: isDotted }));
 //# sourceMappingURL=GalleryCardInner.js.map

package/dist/components/Gallery/GalleryCardInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryCardInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryCardInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,qDAAkD;AAElD,2DAAqE;AAErE,qEAAiE;AACjE,8CAA2C;AAC3C,iDAA8C;AAC9C,uEAAoE;AACpE,6EAA2E;AAG9D,QAAA,gBAAgB,GAAG,IAAA,aAAG,EACjC,CAAC,EACC,KAAK,EACL,oBAAoB,GAAG,IAAI,EAC3B,WAAW,EACX,qBAAqB,EACrB,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,QAAQ,GACjB,EAAE,EAAE,CAAC,CACJ,iCAAK,SAAS,EAAE,wCAAwC,qBAAS,CAAC,KAAK,CAAC,EAAE,aACxE,iCAAK,SAAS,EAAC,sBAAsB,aAClC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,EAC1B,eAAe,CAAC,oBAAoB,EAAE,KAAK,CAAC,EAC5C,iBAAiB,CAAC,WAAW,EAAE,KAAK,CAAC,EACrC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAC5D,2BAA2B,CAAC,qBAAqB,EAAE,OAAO,CAAC,IACxD,EACL,MAAM,EAAE,IAAI;YACX,CAAC,CAAC,IAAA,4BAAY,EAAC;gBACX,MAAM;gBACN,eAAe,EAAE,QAAQ,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE;aAC5D,CAAC;YACJ,CAAC,CAAC,IAAI,IACJ,CACP,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAe,EAAE,OAAsB,EAAE,EAAE,CAAC,CAC/D,iCAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC1D,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CACb,uBAAC,SAAG,IACF,SAAS,EAAE,mCAAmC,EAC9C,KAAK,EAAE,IAAA,uCAAkB,EAAC,KAAK,EAAE,OAAO,CAAC,EACzC,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,oBAA4B,EAAE,KAAc,EAAE,EAAE,CACvE,KAAK,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,8CAAsB,CAAC,oBAAoB,CAAC,YAAG,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAE7F,MAAM,iBAAiB,GAAG,CAAC,WAAoB,EAAE,KAAc,EAAE,EAAE,CACjE,WAAW,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,UAAU,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAE5F,MAAM,2BAA2B,GAAG,CAAC,qBAA8B,EAAE,OAAsB,EAAE,EAAE,CAC7F,qBAAqB,CAAC,CAAC,CAAC,CACtB,gCAAK,SAAS,EAAE,wBAAwB,wCAAyB,CAAC,OAAO,IAAI,SAAS,CAAC,EAAE,YACtF,qBAAqB,GAClB,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AAEX,MAAM,WAAW,GAAG,CAClB,KAAyB,EACzB,QAAiB,EACjB,UAAwB,SAAS,EACjC,EAAE,CAAC,CACH,uBAAC,WAAI,IACH,SAAS,EAAE,6BAA6B,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7F,aAAa,EAAC,WAAW,EACzB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAc,CAAC,EAC5E,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC"}
+{"version":3,"file":"GalleryCardInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryCardInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,qDAAkD;AAElD,4DAAyD;AACzD,mFAAgF;AAChF,8CAA2C;AAC3C,iDAA8C;AAC9C,uEAAoE;AACpE,6EAA2E;AAG9D,QAAA,gBAAgB,GAAG,IAAA,aAAG,EACjC,CAAC,EACC,KAAK,EACL,oBAAoB,GAAG,IAAI,EAC3B,WAAW,EACX,qBAAqB,EACrB,IAAI,EACJ,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,QAAQ,EAChB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,wBAAC,2BAAY,IACX,SAAS,EAAE,wCAAwC,qBAAS,CAAC,KAAK,CAAC,EAAE,EACrE,GAAG,EAAC,KAAK,KACL,IAAI,aAER,iCAAK,SAAS,EAAC,sBAAsB,aAClC,WAAW,CAAC,IAAI,CAAC,EACjB,eAAe,CAAC,oBAAoB,EAAE,KAAK,CAAC,EAC5C,iBAAiB,CAAC,WAAW,EAAE,KAAK,CAAC,EACrC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EACnD,2BAA2B,CAAC,qBAAqB,CAAC,IAC/C,EACL,IAAA,2CAAoB,EAAC,CAAC,MAAM,CAAC,EAAE;YAC9B,eAAe,EAAE,QAAQ,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,EAAE;SAClE,CAAC,IACW,CAChB,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CACvC,iCAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC1D,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CACb,uBAAC,SAAG,IACF,SAAS,EAAE,mCAAmC,EAC9C,KAAK,EAAE,IAAA,uCAAkB,EAAC,KAAK,CAAC,EAChC,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,oBAA4B,EAAE,KAAc,EAAE,EAAE,CACvE,KAAK,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,8CAAsB,CAAC,oBAAoB,CAAC,YAAG,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAE7F,MAAM,iBAAiB,GAAG,CAAC,WAAoB,EAAE,KAAc,EAAE,EAAE,CACjE,WAAW,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,UAAU,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAE5F,MAAM,2BAA2B,GAAG,CAAC,qBAA8B,EAAE,EAAE,CACrE,qBAAqB,CAAC,CAAC,CAAC,CACtB,gCAAK,SAAS,EAAE,6DAA6D,YAC1E,qBAAqB,GAClB,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AAEX,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,QAAiB,EAAE,EAAE,CAAC,CACpE,uBAAC,WAAI,IACH,SAAS,EAAC,kEAAkE,EAC5E,aAAa,EAAC,WAAW,EACzB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAc,CAAC,EAC5E,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC"}

package/dist/components/Gallery/GalleryContainer.d.ts

@@ -6,6 +6,6 @@ export interface GalleryContainerProps extends GalleryInnerProps {
 }
 export interface GalleryCardData {
     card: GalleryCardProps;
-    version: GalleryVersion;
+    galleryVersion: GalleryVersion;
 }
 export declare const GalleryContainer: import("@redneckz/uni-jsx").UNIComponent<GalleryContainerProps, any, any>;

package/dist/components/Gallery/GalleryContainer.js

@@ -2,13 +2,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GalleryContainer = void 0;
 const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
-const BlockVersion_1 = require("../../model/BlockVersion");
+const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
 const Headline_1 = require("../Headline/Headline");
 const constants_1 = require("./constants");
 const GalleryCardInner_1 = require("./GalleryCardInner");
-exports.GalleryContainer = (0, uni_jsx_1.JSX)(({ headlineVersion = 'M', cards = [], version = 'normal', activeIndex, ...rest }) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { ...rest, className: "!p-0", headlineVersion: headlineVersion }), (0, jsx_runtime_1.jsx)("div", { className: `flex mt-8 ${cards?.length <= constants_1.galleryLengthForScrollMap[version] ? 'justify-center' : ''} duration-1000`, style: { transform: `translateX(-${activeIndex * constants_1.cardWidthMap[version]}px)` }, role: "list", children: cards?.map((card, i) => renderCard({ card, version }, i)) })] })));
-function renderCard({ card, version }, i) {
+exports.GalleryContainer = (0, uni_jsx_1.JSX)(({ headlineVersion = 'M', cards = [], galleryVersion = 'normal', activeIndex, title, description, }) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { className: "!p-0", title: title, description: description, headlineVersion: headlineVersion }), (0, jsx_runtime_1.jsx)("div", { className: `flex mt-8 ${cards?.length <= constants_1.galleryLengthForScrollMap[galleryVersion] ? 'justify-center' : ''} duration-1000`, style: { transform: `translateX(-${activeIndex * constants_1.cardWidthMap[galleryVersion]}px)` }, role: "list", children: cards?.map((card, i) => renderCard({ card, galleryVersion }, i)) })] })));
+function renderCard({ card, galleryVersion }, i) {
     return ((0, jsx_runtime_1.jsx)("section", { className: `box-border border-solid border border-gray p-6 mx-2 flex flex-col justify-between
-        items-stretch ${constants_1.cardStyleMap[version]} ${BlockVersion_1.VersionStyleMap[card.version ?? 'primary']} w-full col-span-4`, role: "listitem", children: (0, jsx_runtime_1.jsx)(GalleryCardInner_1.GalleryCardInner, { ...card }) }, String(i)));
+        items-stretch ${constants_1.cardStyleMap[galleryVersion]} ${BlockWrapper_1.blockStyles[card.version ?? 'primary'] // TODO Replace with direct BlockWrapper usage
+        } w-full col-span-4`, role: "listitem", children: (0, jsx_runtime_1.jsx)(GalleryCardInner_1.GalleryCardInner, { ...card }) }, String(i)));
 }
 //# sourceMappingURL=GalleryContainer.js.map

package/dist/components/Gallery/GalleryContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryContainer.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryContainer.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,2DAA2D;AAE3D,mDAAgD;AAChD,2CAAoF;AACpF,yDAAsD;AAazC,QAAA,gBAAgB,GAAG,IAAA,aAAG,EACjC,CAAC,EAAE,eAAe,GAAG,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,OAAO,GAAG,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACnF,4CACE,uBAAC,mBAAQ,OAAK,IAAI,EAAE,SAAS,EAAC,MAAM,EAAC,eAAe,EAAE,eAAe,GAAI,EACzE,gCACE,SAAS,EAAE,aACT,KAAK,EAAE,MAAM,IAAI,qCAAyB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAC3E,gBAAgB,EAChB,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,wBAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAC7E,IAAI,EAAC,MAAM,YAEV,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,GACtD,IACF,CACP,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAmB,EAAE,CAAS;IAC/D,OAAO,CACL,oCACE,SAAS,EAAE;wBACO,wBAAY,CAAC,OAAO,CAAC,IACrC,8BAAe,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,CAC3C,oBAAoB,EAEpB,IAAI,EAAC,UAAU,YAEf,uBAAC,mCAAgB,OAAK,IAAI,GAAI,IAHzB,MAAM,CAAC,CAAC,CAAC,CAIN,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"GalleryContainer.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryContainer.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,4DAAwD;AACxD,mDAAgD;AAChD,2CAAoF;AACpF,yDAAsD;AAazC,QAAA,gBAAgB,GAAG,IAAA,aAAG,EACjC,CAAC,EACC,eAAe,GAAG,GAAG,EACrB,KAAK,GAAG,EAAE,EACV,cAAc,GAAG,QAAQ,EACzB,WAAW,EACX,KAAK,EACL,WAAW,GACZ,EAAE,EAAE,CAAC,CACJ,4CACE,uBAAC,mBAAQ,IACP,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,GAChC,EACF,gCACE,SAAS,EAAE,aACT,KAAK,EAAE,MAAM,IAAI,qCAAyB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAClF,gBAAgB,EAChB,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,wBAAY,CAAC,cAAc,CAAC,KAAK,EAAE,EACpF,IAAI,EAAC,MAAM,YAEV,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,GAC7D,IACF,CACP,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,cAAc,EAAmB,EAAE,CAAS;IACtE,OAAO,CACL,oCACE,SAAS,EAAE;wBACO,wBAAY,CAAC,cAAc,CAAC,IAC5C,0BAAW,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,8CAA8C;QACvF,oBAAoB,EAEpB,IAAI,EAAC,UAAU,YAEf,uBAAC,mCAAgB,OAAK,IAAI,GAAI,IAHzB,MAAM,CAAC,CAAC,CAAC,CAIN,CACX,CAAC;AACJ,CAAC"}

package/dist/components/Gallery/GalleryInner.d.ts

@@ -2,6 +2,6 @@ import type { GalleryVersion } from '../../model/GalleryVersion';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import type { GalleryContent } from './GalleryContent';
 export interface GalleryInnerProps extends GalleryContent, UniBlockProps {
-    version?: GalleryVersion;
+    galleryVersion?: GalleryVersion;
 }
 export declare const GalleryInner: import("@redneckz/uni-jsx").UNIComponent<GalleryInnerProps, any, any>;

package/dist/components/Gallery/GalleryInner.js

@@ -4,20 +4,20 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const uni_jsx_1 = require("@redneckz/uni-jsx");
 const useCarouselControls_1 = require("../../hooks/useCarouselControls");
 const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
-const ButtonSection_1 = require("../../ui-kit/Button/ButtonSection");
+const renderButtonsSection_1 = require("../../ui-kit/Button/renderButtonsSection");
 const renderArrows_1 = require("../../ui-kit/Button/renderArrows");
 const constants_1 = require("./constants");
 const GalleryContainer_1 = require("./GalleryContainer");
-exports.GalleryInner = (0, uni_jsx_1.JSX)(({ cards = [], className = '', version = 'normal', button, ...rest }) => {
+exports.GalleryInner = (0, uni_jsx_1.JSX)(({ cards = [], className = '', galleryVersion = 'normal', button, ...rest }) => {
     const [activeIndex, controls] = (0, useCarouselControls_1.useCarouselControls)({
         itemCount: cards?.length,
-        visibleItemCount: constants_1.galleryLengthForScrollMap[version],
+        visibleItemCount: constants_1.galleryLengthForScrollMap[galleryVersion],
     });
     const { isScrollAvailable } = controls;
-    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: `relative font-sans text-primary-text bg-white p-[42px] overflow-hidden flex flex-col ${className}`, ...rest, children: [(0, jsx_runtime_1.jsx)(GalleryContainer_1.GalleryContainer, { cards: cards, version: version, activeIndex: activeIndex, ...rest }), (0, renderArrows_1.renderArrows)({
+    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: `relative p-[42px] overflow-hidden flex flex-col ${className}`, ...rest, children: [(0, jsx_runtime_1.jsx)(GalleryContainer_1.GalleryContainer, { cards: cards, galleryVersion: galleryVersion, activeIndex: activeIndex, ...rest }), (0, renderArrows_1.renderArrows)({
                 ...controls,
                 btnClass: ['left-8', 'right-8'],
                 className: 'top-1/2',
-            }), isScrollAvailable ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 left-0 bottom-0 w-[82px] bg-opacity-from-white" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 right-0 bottom-0 w-[82px] bg-opacity-to-white" })] })) : null, button ? (0, ButtonSection_1.renderButton)({ button, buttonClassName: 'mt-8 mx-auto' }) : null] }));
+            }), isScrollAvailable ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 left-0 bottom-0 w-[82px] bg-opacity-from-white" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 right-0 bottom-0 w-[82px] bg-opacity-to-white" })] })) : null, (0, renderButtonsSection_1.renderButtonsSection)([button], { className: 'mt-8 mx-auto' })] }));
 });
 //# sourceMappingURL=GalleryInner.js.map

package/dist/components/Gallery/GalleryInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yEAAsE;AAGtE,4DAAyD;AACzD,qEAAiE;AACjE,mEAAgE;AAChE,2CAAwD;AACxD,yDAAsD;AAOzC,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAA,yCAAmB,EAAC;QAClD,SAAS,EAAE,KAAK,EAAE,MAAM;QACxB,gBAAgB,EAAE,qCAAyB,CAAC,OAAO,CAAC;KACrD,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,QAAQ,CAAC;IAEvC,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,wFAAwF,SAAS,EAAE,KAC1G,IAAI,aAER,uBAAC,mCAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,KAAM,IAAI,GAAI,EACvF,IAAA,2BAAY,EAAC;gBACZ,GAAG,QAAQ;gBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;gBAC/B,SAAS,EAAE,SAAS;aACrB,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,4CACE,gCAAK,SAAS,EAAC,+DAA+D,GAAG,EACjF,gCAAK,SAAS,EAAC,8DAA8D,GAAG,IAC5E,CACP,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,IAAA,4BAAY,EAAC,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IAC7D,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"GalleryInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yEAAsE;AAGtE,4DAAyD;AACzD,mFAAgF;AAChF,mEAAgE;AAChE,2CAAwD;AACxD,yDAAsD;AAOzC,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,cAAc,GAAG,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7E,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAA,yCAAmB,EAAC;QAClD,SAAS,EAAE,KAAK,EAAE,MAAM;QACxB,gBAAgB,EAAE,qCAAyB,CAAC,cAAc,CAAC;KAC5D,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,QAAQ,CAAC;IAEvC,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,mDAAmD,SAAS,EAAE,KACrE,IAAI,aAER,uBAAC,mCAAgB,IACf,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,EACD,IAAA,2BAAY,EAAC;gBACZ,GAAG,QAAQ;gBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;gBAC/B,SAAS,EAAE,SAAS;aACrB,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,4CACE,gCAAK,SAAS,EAAC,+DAA+D,GAAG,EACjF,gCAAK,SAAS,EAAC,8DAA8D,GAAG,IAC5E,CACP,CAAC,CAAC,CAAC,IAAI,EACP,IAAA,2CAAoB,EAAC,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,IACjD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/GracePeriod/GracePeriod.js

@@ -5,7 +5,7 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
 const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
 const Img_1 = require("../../ui-kit/Img/Img");
 const Headline_1 = require("../Headline/Headline");
-exports.GracePeriod = (0, uni_jsx_1.JSX)(({ className = '', title, description, calendar, ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: `font-sans bg-white p-12 ${className}`, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { className: "!p-0 mb-4", title: title, description: description, headlineVersion: "M", ...rest }), calendar ? renderCalendar(calendar) : null] })));
+exports.GracePeriod = (0, uni_jsx_1.JSX)(({ className = '', title, description, calendar, ...rest }) => ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: `p-12 ${className}`, ...rest, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { className: "!p-0 mb-4", title: title, description: description, headlineVersion: "M" }), calendar ? renderCalendar(calendar) : null] })));
 const renderCalendar = (calendar) => {
     const colCount = calendar.reduce((accumulator, currentValue) => currentValue?.month?.length ? accumulator + currentValue.month.length : accumulator, 0) || 1;
     const colSize = 100 / colCount;

package/dist/components/GracePeriod/GracePeriod.js.map

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

package/dist/components/Header/DropdownMenu.d.ts

@@ -1,10 +1,8 @@
-import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { LinkProps } from '../../model/LinkProps';
 interface DropdownMenuProps {
     className?: string;
     items: LinkProps[];
     activeItem?: LinkProps;
-    bgColor?: BgColorVersion;
 }
 export declare const DropdownMenu: import("@redneckz/uni-jsx").UNIComponent<DropdownMenuProps, any, any>;
 export {};

package/dist/components/Header/DropdownMenu.js

@@ -5,17 +5,14 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
 const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
 const useLink_1 = require("../../hooks/useLink");
 const useOutsideClick_1 = require("../../hooks/useOutsideClick");
-const DOT_BG_COLORS_MAP = {
-    'bg-white': 'bg-primary-text',
-    transparent: 'bg-white',
-};
-exports.DropdownMenu = (0, uni_jsx_1.JSX)(({ className = '', items, activeItem, bgColor }) => {
+exports.DropdownMenu = (0, uni_jsx_1.JSX)(({ className = '', items, activeItem }) => {
     const link = (0, useLink_1.useLink)();
     const [visible, setVisible] = (0, hooks_1.useState)(false);
     const handleToggle = (0, hooks_1.useCallback)(() => setVisible((_) => !_), []);
     const handleClickOutside = (0, hooks_1.useCallback)(() => setVisible(false), []);
     const ref = (0, useOutsideClick_1.useOutsideClick)(handleClickOutside);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `${visible ? 'bg-white rounded-md shadow-blue-gray' : ''} ${className}`, ref: ref, children: [(0, jsx_runtime_1.jsx)("button", { className: "flex justify-between items-center cursor-pointer h-6 ml-6", "aria-label": `${visible ? 'Скрыть другие разделы' : 'Показать другие разделы'}`, onClick: handleToggle, children: Array(3).fill(bgColor).map(renderDot) }), (0, jsx_runtime_1.jsx)("div", { className: `flex flex-col rounded-md bg-white p-6 pb-2 ${visible ? '' : 'hidden'}`, "aria-hidden": !visible, children: items?.map((item, i) => ((0, jsx_runtime_1.jsx)("a", { className: `text-l-light pb-4 hover:text-primary-main ${item === activeItem ? 'text-primary-main' : ''}`, ...link(item), children: item.text }, item.href || String(i)))) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `${visible ? 'bg-white rounded-md shadow-blue-gray' : ''} ${className}`, ref: ref, children: [(0, jsx_runtime_1.jsx)("button", { className: "group/btn flex justify-between items-center h-6 ml-6", "aria-label": `${visible ? 'Скрыть другие разделы' : 'Показать другие разделы'}`, onClick: handleToggle, children: Array(3)
+                    .fill(null)
+                    .map((_, i) => ((0, jsx_runtime_1.jsx)("div", { className: "w-[3px] h-[3px] rounded mr-1 bg-primary-text group-hover/btn:bg-primary-hover group-data-transparent:bg-white" }, String(i)))) }), (0, jsx_runtime_1.jsx)("div", { className: `flex flex-col rounded-md bg-white p-6 pb-2 ${visible ? '' : 'hidden'}`, "aria-hidden": !visible, children: items?.map((item, i) => ((0, jsx_runtime_1.jsx)("a", { className: `text-l-light pb-4 hover:text-primary-main ${item === activeItem ? 'text-primary-main' : ''}`, ...link(item), children: item.text }, item.href || String(i)))) })] }));
 });
-const renderDot = (bgColor, i) => ((0, jsx_runtime_1.jsx)("div", { className: `w-[3px] h-[3px] rounded mr-1 ${DOT_BG_COLORS_MAP[bgColor]}` }, String(i)));
 //# sourceMappingURL=DropdownMenu.js.map

package/dist/components/Header/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/components/Header/DropdownMenu.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AACpE,iDAA8C;AAC9C,iEAA8D;AAI9D,MAAM,iBAAiB,GAAmC;IACxD,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,UAAU;CACxB,CAAC;AASW,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IACjD,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IAEvB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACpE,MAAM,GAAG,GAAG,IAAA,iCAAe,EAAiB,kBAAkB,CAAC,CAAC;IAEhE,OAAO,CACL,iCACE,SAAS,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EAClF,GAAG,EAAE,GAAG,aAER,mCACE,SAAS,EAAC,2DAA2D,gBACzD,GAAG,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,yBAAyB,EAAE,EAC9E,OAAO,EAAE,YAAY,YAEpB,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,GAC/B,EACT,gCACE,SAAS,EAAE,8CAA8C,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,iBACrE,CAAC,OAAO,YAEpB,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,8BAEE,SAAS,EAAE,6CACT,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAC9C,EAAE,KACE,IAAI,CAAC,IAAI,CAAC,YAEb,IAAI,CAAC,IAAI,IANL,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CAOzB,CACL,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,OAAuB,EAAE,CAAS,EAAE,EAAE,CAAC,CACxD,gCAAqB,SAAS,EAAE,gCAAgC,iBAAiB,CAAC,OAAO,CAAC,EAAE,IAAlF,MAAM,CAAC,CAAC,CAAC,CAA6E,CACjG,CAAC"}
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/components/Header/DropdownMenu.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AACpE,iDAA8C;AAC9C,iEAA8D;AASjD,QAAA,YAAY,GAAG,IAAA,aAAG,EAAoB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3F,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IAEvB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACpE,MAAM,GAAG,GAAG,IAAA,iCAAe,EAAiB,kBAAkB,CAAC,CAAC;IAEhE,OAAO,CACL,iCACE,SAAS,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EAClF,GAAG,EAAE,GAAG,aAER,mCACE,SAAS,EAAC,sDAAsD,gBACpD,GAAG,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,yBAAyB,EAAE,EAC9E,OAAO,EAAE,YAAY,YAEpB,KAAK,CAAC,CAAC,CAAC;qBACN,IAAI,CAAC,IAAI,CAAC;qBACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,gCAEE,SAAS,EAAC,+GAA+G,IADpH,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC,GACG,EACT,gCACE,SAAS,EAAE,8CAA8C,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,iBACrE,CAAC,OAAO,YAEpB,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,8BAEE,SAAS,EAAE,6CACT,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAC9C,EAAE,KACE,IAAI,CAAC,IAAI,CAAC,YAEb,IAAI,CAAC,IAAI,IANL,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CAOzB,CACL,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Header/Header.js

@@ -11,15 +11,15 @@ const Logo_1 = require("../../ui-kit/Logo/Logo");
 const TopItem_1 = require("../../ui-kit/TopItem/TopItem");
 const HeaderSecondaryMenu_1 = require("./HeaderSecondaryMenu");
 const HeaderSubMenu_1 = require("./HeaderSubMenu");
-const BORDER_COLORS = {
-    'bg-white': 'bg-main-divider',
-    transparent: 'bg-main-divider opacity-30',
+const BG_COLOR_TO_BLOCK_VERSION = {
+    'bg-white': 'primary',
+    transparent: 'transparent',
 };
-exports.Header = (0, uni_jsx_1.JSX)(({ bgColor = 'bg-white', className = '', showSubMenu = true, ...rest }) => {
+exports.Header = (0, uni_jsx_1.JSX)(({ bgColor = 'bg-white', className = '', showSubMenu = true, version = BG_COLOR_TO_BLOCK_VERSION[bgColor], ...rest }) => {
     const router = (0, useRouter_1.useRouter)();
     const { topItems, logo, defaultLocation, foreignOffices, officesLink } = (0, useSWRResource_1.useSWRResource)(ProjectSettings_1.projectSettings.SITEMAP || 'sitemap', rest.options?.page?.fallback);
     const activeTopItem = topItems?.find((0, isTopItemActive_1.isTopItemActive)(router));
-    const topMenu = topItems?.map((_, i) => ((0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { active: _ === activeTopItem, "aria-label": _.text, bgColor: bgColor, ..._ }, String(i))));
-    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { tag: "header", className: `pt-6 px-20 ${bgColor} ${className} ${showSubMenu && activeTopItem?.items?.length ? 'pb-4' : 'pb-5'}`, ...rest, children: (0, jsx_runtime_1.jsxs)("div", { className: "container", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)(Logo_1.Logo, { className: "mr-8", bgColor: bgColor, logo: logo }), topMenu, (0, jsx_runtime_1.jsx)(HeaderSecondaryMenu_1.HeaderSecondaryMenu, { className: "ml-auto", foreignOffices: foreignOffices, defaultLocation: defaultLocation, officesLink: officesLink, bgColor: bgColor })] }), (0, jsx_runtime_1.jsx)("div", { className: `mt-6 h-px ${BORDER_COLORS[bgColor]}` }), showSubMenu && activeTopItem?.items?.length ? ((0, jsx_runtime_1.jsx)(HeaderSubMenu_1.HeaderSubMenu, { subItems: activeTopItem.items, bgColor: bgColor })) : null] }) }));
+    const topMenu = topItems?.map((_, i) => ((0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { active: _ === activeTopItem, "aria-label": _.text, ..._ }, String(i))));
+    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { tag: "header", className: `pt-6 px-20 ${className} ${showSubMenu && activeTopItem?.items?.length ? 'pb-4' : 'pb-5'}`, version: version, ...rest, children: (0, jsx_runtime_1.jsxs)("div", { className: "container", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)(Logo_1.Logo, { className: "mr-8", bgColor: bgColor, logo: logo }), topMenu, (0, jsx_runtime_1.jsx)(HeaderSecondaryMenu_1.HeaderSecondaryMenu, { version: version, className: "ml-auto", foreignOffices: foreignOffices, defaultLocation: defaultLocation, officesLink: officesLink })] }), (0, jsx_runtime_1.jsx)("div", { className: `mt-6 h-px bg-main-divider${version === 'transparent' ? ' opacity-30' : ''}` }), showSubMenu && activeTopItem?.items?.length ? ((0, jsx_runtime_1.jsx)(HeaderSubMenu_1.HeaderSubMenu, { subItems: activeTopItem.items })) : null] }) }));
 });
 //# sourceMappingURL=Header.js.map

package/dist/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,qDAAkD;AAGlD,2DAAwD;AACxD,4EAAyE;AAEzE,0EAAuE;AACvE,4DAAyD;AACzD,iDAA8C;AAC9C,0DAAuD;AAEvD,+DAA4D;AAC5D,mDAAgD;AAEhD,MAAM,aAAa,GAAmC;IACpD,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,4BAA4B;CAC1C,CAAC;AAIW,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EAAE,OAAO,GAAG,UAAU,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxE,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAE3B,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,GACpE,IAAA,+BAAc,EACZ,iCAAe,CAAC,OAAO,IAAI,SAAS,EACpC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAC7B,CAAC;IAEJ,MAAM,aAAa,GAAG,QAAQ,EAAE,IAAI,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAE9D,MAAM,OAAO,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtC,uBAAC,iBAAO,IAEN,MAAM,EAAE,CAAC,KAAK,aAAa,gBACf,CAAC,CAAC,IAAI,EAClB,OAAO,EAAE,OAAO,KACZ,CAAC,IAJA,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,2BAAY,IACX,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,cAAc,OAAO,IAAI,SAAS,IAC3C,WAAW,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MACzD,EAAE,KACE,IAAI,YAER,iCAAK,SAAS,EAAC,WAAW,aACxB,iCAAK,SAAS,EAAC,mBAAmB,aAChC,uBAAC,WAAI,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EACtD,OAAO,EACR,uBAAC,yCAAmB,IAClB,SAAS,EAAC,SAAS,EACnB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,IACE,EACN,gCAAK,SAAS,EAAE,aAAa,aAAa,CAAC,OAAO,CAAC,EAAE,GAAI,EACxD,WAAW,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAC7C,uBAAC,6BAAa,IAAC,QAAQ,EAAE,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CACnE,CAAC,CAAC,CAAC,IAAI,IACJ,GACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,qDAAkD;AAIlD,2DAAwD;AACxD,4EAAyE;AAEzE,0EAAuE;AACvE,4DAAyD;AACzD,iDAA8C;AAC9C,0DAAuD;AAEvD,+DAA4D;AAC5D,mDAAgD;AAIhD,MAAM,yBAAyB,GAAyC;IACtE,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EACC,OAAO,GAAG,UAAU,EACpB,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,IAAI,EAClB,OAAO,GAAG,yBAAyB,CAAC,OAAO,CAAC,EAC5C,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAE3B,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,GACpE,IAAA,+BAAc,EACZ,iCAAe,CAAC,OAAO,IAAI,SAAS,EACpC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAC7B,CAAC;IAEJ,MAAM,aAAa,GAAG,QAAQ,EAAE,IAAI,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAE9D,MAAM,OAAO,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtC,uBAAC,iBAAO,IAAiB,MAAM,EAAE,CAAC,KAAK,aAAa,gBAAc,CAAC,CAAC,IAAI,KAAM,CAAC,IAAjE,MAAM,CAAC,CAAC,CAAC,CAA4D,CACpF,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,2BAAY,IACX,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,cAAc,SAAS,IAChC,WAAW,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MACzD,EAAE,EACF,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,iCAAK,SAAS,EAAC,WAAW,aACxB,iCAAK,SAAS,EAAC,mBAAmB,aAChC,uBAAC,WAAI,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EACtD,OAAO,EACR,uBAAC,yCAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,SAAS,EACnB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,GACxB,IACE,EACN,gCACE,SAAS,EAAE,4BAA4B,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,GACvF,EACD,WAAW,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAC7C,uBAAC,6BAAa,IAAC,QAAQ,EAAE,aAAa,CAAC,KAAK,GAAI,CACjD,CAAC,CAAC,CAAC,IAAI,IACJ,GACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/Header/Header.mobile.js

@@ -8,13 +8,18 @@ const ProjectSettings_1 = require("../../ProjectSettings");
 const findActiveSubItem_1 = require("../../services/sitemap/findActiveSubItem");
 const isTopItemActive_1 = require("../../services/sitemap/isTopItemActive");
 const useSWRResource_1 = require("../../services/sitemap/useSWRResource");
+const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
 const HeaderItem_1 = require("../../ui-kit/HeaderItem/HeaderItem");
 const AccordionItemsList_1 = require("../Accordion/AccordionItemsList");
 const AccordionItem_1 = require("../AccordionItem/AccordionItem");
 const LinkList_1 = require("../LinkList/LinkList");
 const HeaderBurger_1 = require("./HeaderBurger");
 const HeaderTop_1 = require("./HeaderTop");
-exports.Header = (0, uni_jsx_1.JSX)(({ className = '', bgColor = 'bg-white', ...rest }) => {
+const BG_COLOR_TO_BLOCK_VERSION = {
+    'bg-white': 'primary',
+    transparent: 'transparent',
+};
+exports.Header = (0, uni_jsx_1.JSX)(({ bgColor = 'bg-white', version = BG_COLOR_TO_BLOCK_VERSION[bgColor], ...rest }) => {
     const router = (0, useRouter_1.useRouter)();
     const fallback = rest.options?.page?.fallback;
     const { topItems, dispositions, defaultLocation, logo } = (0, useSWRResource_1.useSWRResource)(ProjectSettings_1.projectSettings.SITEMAP || 'sitemap', fallback);
@@ -23,6 +28,6 @@ exports.Header = (0, uni_jsx_1.JSX)(({ className = '', bgColor = 'bg-white', ...
     const activeSubItem = (0, findActiveSubItem_1.findActiveSubItem)(router)(subItems);
     const [burgerMenuShow, setBurgerMenuShow] = (0, hooks_1.useState)(false);
     const handleBurgerMenuShow = (0, hooks_1.useCallback)(() => setBurgerMenuShow((_) => !_), []);
-    return ((0, jsx_runtime_1.jsxs)("header", { className: `${bgColor} ${className}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "container px-4 py-0 box-border", children: [(0, jsx_runtime_1.jsx)(HeaderTop_1.HeaderTop, { onClick: handleBurgerMenuShow, bgColor: bgColor, logo: logo }), (0, jsx_runtime_1.jsx)("nav", { className: "flex items-center m-0 p-0 overflow-y-hidden w-full h-12", children: (0, jsx_runtime_1.jsx)("div", { className: "flex no-scrollbar horizontal-list h-full items-center", children: subItems?.map((_, i) => ((0, jsx_runtime_1.jsx)(HeaderItem_1.HeaderItem, { className: "mr-8 whitespace-nowrap text-s", active: _ === activeSubItem, bgColor: bgColor, ..._ }, String(i)))) }) })] }), burgerMenuShow ? ((0, jsx_runtime_1.jsx)(HeaderBurger_1.HeaderBurger, { onClick: handleBurgerMenuShow, burgerSubMenu: dispositions, defaultLocation: defaultLocation, children: (0, jsx_runtime_1.jsx)(AccordionItemsList_1.AccordionItemsList, { children: topItems?.map((item, i) => ((0, jsx_runtime_1.jsx)(AccordionItem_1.AccordionItem, { label: item.text, children: (0, jsx_runtime_1.jsx)(LinkList_1.LinkList, { documents: item.items }) }, String(i)))) }) })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { tag: "header", version: version, ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "container px-4 py-0 box-border", children: [(0, jsx_runtime_1.jsx)(HeaderTop_1.HeaderTop, { onClick: handleBurgerMenuShow, bgColor: bgColor, logo: logo }), (0, jsx_runtime_1.jsx)("nav", { className: "flex items-center m-0 p-0 overflow-y-hidden w-full h-12", children: (0, jsx_runtime_1.jsx)("div", { className: "flex no-scrollbar horizontal-list h-full items-center", children: subItems?.map((_, i) => ((0, jsx_runtime_1.jsx)(HeaderItem_1.HeaderItem, { className: "mr-8 whitespace-nowrap text-s", active: _ === activeSubItem, ..._ }, String(i)))) }) })] }), burgerMenuShow ? ((0, jsx_runtime_1.jsx)(HeaderBurger_1.HeaderBurger, { onClick: handleBurgerMenuShow, burgerSubMenu: dispositions, defaultLocation: defaultLocation, children: (0, jsx_runtime_1.jsx)(AccordionItemsList_1.AccordionItemsList, { children: topItems?.map((item, i) => ((0, jsx_runtime_1.jsx)(AccordionItem_1.AccordionItem, { label: item.text, children: (0, jsx_runtime_1.jsx)(LinkList_1.LinkList, { documents: item.items }) }, String(i)))) }) })) : null] }));
 });
 //# sourceMappingURL=Header.mobile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.mobile.js","sourceRoot":"","sources":["../../../src/components/Header/Header.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AACpE,qDAAkD;AAGlD,2DAAwD;AACxD,gFAA6E;AAC7E,4EAAyE;AAEzE,0EAAuE;AACvE,mEAAgE;AAChE,wEAAqE;AACrE,kEAA+D;AAC/D,mDAAgD;AAChD,iDAA8C;AAE9C,2CAAwC;AAI3B,QAAA,MAAM,GAAG,IAAA,aAAG,EAAc,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAE3B,MAAM,QAAQ,GAAyB,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC;IACpE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,IAAA,+BAAc,EACtE,iCAAe,CAAC,OAAO,IAAI,SAAS,EACpC,QAAQ,CACT,CAAC;IAEF,MAAM,aAAa,GAAG,QAAQ,EAAE,IAAI,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,aAAa,EAAE,KAAK,CAAC;IACtC,MAAM,aAAa,GAAG,IAAA,qCAAiB,EAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEjF,OAAO,CACL,oCAAQ,SAAS,EAAE,GAAG,OAAO,IAAI,SAAS,EAAE,aAC1C,iCAAK,SAAS,EAAC,gCAAgC,aAC7C,uBAAC,qBAAS,IAAC,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EAC1E,gCAAK,SAAS,EAAC,yDAAyD,YACtE,gCAAK,SAAS,EAAC,uDAAuD,YACnE,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,uBAAC,uBAAU,IAET,SAAS,EAAC,+BAA+B,EACzC,MAAM,EAAE,CAAC,KAAK,aAAa,EAC3B,OAAO,EAAE,OAAO,KACZ,CAAC,IAJA,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC,GACE,GACF,IACF,EACL,cAAc,CAAC,CAAC,CAAC,CAChB,uBAAC,2BAAY,IACX,OAAO,EAAE,oBAAoB,EAC7B,aAAa,EAAE,YAAY,EAC3B,eAAe,EAAE,eAAe,YAEhC,uBAAC,uCAAkB,cAChB,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,uBAAC,6BAAa,IAAiB,KAAK,EAAE,IAAI,CAAC,IAAI,YAC7C,uBAAC,mBAAQ,IAAC,SAAS,EAAE,IAAI,CAAC,KAAK,GAAI,IADjB,MAAM,CAAC,CAAC,CAAC,CAEb,CACjB,CAAC,GACiB,GACR,CAChB,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Header.mobile.js","sourceRoot":"","sources":["../../../src/components/Header/Header.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AACpE,qDAAkD;AAKlD,2DAAwD;AACxD,gFAA6E;AAC7E,4EAAyE;AAEzE,0EAAuE;AACvE,4DAAyD;AACzD,mEAAgE;AAChE,wEAAqE;AACrE,kEAA+D;AAC/D,mDAAgD;AAChD,iDAA8C;AAE9C,2CAAwC;AAIxC,MAAM,yBAAyB,GAAyC;IACtE,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,aAAG,EACvB,CAAC,EAAE,OAAO,GAAG,UAAU,EAAE,OAAO,GAAG,yBAAyB,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAClF,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAE3B,MAAM,QAAQ,GAAyB,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC;IACpE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,IAAA,+BAAc,EACtE,iCAAe,CAAC,OAAO,IAAI,SAAS,EACpC,QAAQ,CACT,CAAC;IAEF,MAAM,aAAa,GAAG,QAAQ,EAAE,IAAI,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,aAAa,EAAE,KAAK,CAAC;IACtC,MAAM,aAAa,GAAG,IAAA,qCAAiB,EAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEjF,OAAO,CACL,wBAAC,2BAAY,IAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,KAAM,IAAI,aACnD,iCAAK,SAAS,EAAC,gCAAgC,aAC7C,uBAAC,qBAAS,IAAC,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EAC1E,gCAAK,SAAS,EAAC,yDAAyD,YACtE,gCAAK,SAAS,EAAC,uDAAuD,YACnE,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,uBAAC,uBAAU,IAET,SAAS,EAAC,+BAA+B,EACzC,MAAM,EAAE,CAAC,KAAK,aAAa,KACvB,CAAC,IAHA,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC,GACE,GACF,IACF,EACL,cAAc,CAAC,CAAC,CAAC,CAChB,uBAAC,2BAAY,IACX,OAAO,EAAE,oBAAoB,EAC7B,aAAa,EAAE,YAAY,EAC3B,eAAe,EAAE,eAAe,YAEhC,uBAAC,uCAAkB,cAChB,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,uBAAC,6BAAa,IAAiB,KAAK,EAAE,IAAI,CAAC,IAAI,YAC7C,uBAAC,mBAAQ,IAAC,SAAS,EAAE,IAAI,CAAC,KAAK,GAAI,IADjB,MAAM,CAAC,CAAC,CAAC,CAEb,CACjB,CAAC,GACiB,GACR,CAChB,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/Header/HeaderSecondaryMenu.d.ts

@@ -1,9 +1,9 @@
-import type { BgColorVersion } from '../../model/BgColorVersion';
+import type { BlockVersion } from '../../model/BlockVersion';
 import type { ForeignOffice } from '../../services/sitemap/SitemapProps';
 interface HeaderSecondaryMenuContent {
+    version?: BlockVersion;
     defaultLocation?: string;
     officesLink?: string;
-    bgColor?: BgColorVersion;
     foreignOffices?: ForeignOffice[];
 }
 export interface HeaderSecondaryMenuProps extends HeaderSecondaryMenuContent {

package/dist/components/Header/HeaderSecondaryMenu.js

@@ -8,27 +8,16 @@ const Img_1 = require("../../ui-kit/Img/Img");
 const Location_1 = require("../../ui-kit/Location/Location");
 const TopItem_1 = require("../../ui-kit/TopItem/TopItem");
 const HeaderSecondaryMenuButton_1 = require("./HeaderSecondaryMenuButton");
-const COLORS_MAP = {
-    'bg-white': 'text-primary-text hover:text-primary-main',
-    transparent: 'text-white',
-};
-const LINKS_COLORS_MAP = {
-    'bg-white': 'text-secondary-light hover:text-secondary-hover',
-    transparent: 'text-white',
-};
-const LINKS_ICON_VERSION_MAP = {
-    'bg-white': 'black',
-    transparent: 'white',
-};
-exports.HeaderSecondaryMenu = (0, uni_jsx_1.JSX)(({ className, officesLink, defaultLocation = 'Москва', foreignOffices, bgColor = 'bg-white', }) => {
+exports.HeaderSecondaryMenu = (0, uni_jsx_1.JSX)(({ version, className, officesLink, defaultLocation = 'Москва', foreignOffices }) => {
     const [isShowLocationModal, setShowLocationModal] = (0, hooks_1.useState)(false);
     const [location, onChangeLocation] = (0, useLocation_1.useLocation)(defaultLocation);
-    const showLocationModal = () => {
+    const showLocationModal = (0, hooks_1.useCallback)(() => {
         setShowLocationModal(true);
-    };
-    const hideLocationModal = () => {
+    }, []);
+    const hideLocationModal = (0, hooks_1.useCallback)(() => {
         setShowLocationModal(false);
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex items-center ${className || ''}`, children: [(0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { className: "mr-5", flat: true, href: "#", text: location.name, ariaLabel: "\u041C\u0435\u0441\u0442\u043E\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435", onClick: showLocationModal, bgColor: bgColor }), officesLink ? ((0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { className: "mr-7", flat: true, href: officesLink, 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 })) : null, (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: `mr-5 group ${COLORS_MAP[bgColor]}`, ariaLabel: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: { icon: 'LoupeIcon', iconVersion: LINKS_ICON_VERSION_MAP[bgColor] }, className: "h-full pointer-events-none", imageClassName: "group-hover:text-primary-hover group-hover:invert-0 pointer-events-none", asSVG: true }) }), (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: `${LINKS_COLORS_MAP[bgColor]} group min-w-8 min-h-8`, ariaLabel: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0441\u0441\u044B\u043B\u043A\u0438", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: { icon: 'GridIcon', iconVersion: LINKS_ICON_VERSION_MAP[bgColor] }, className: "h-full bg-main-divider/20 rounded-full pointer-events-none", imageClassName: "group-hover:text-primary-hover group-hover:invert-0", asSVG: true }) }), isShowLocationModal ? ((0, jsx_runtime_1.jsx)(Location_1.Location, { currentLocation: location, foreignOffices: foreignOffices, onChangeLocation: onChangeLocation, close: hideLocationModal })) : null] }));
+    }, []);
+    const iconVersion = version === 'transparent' ? 'white' : 'black';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex items-center ${className || ''}`, children: [(0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { className: "mr-5", flat: true, href: "#", text: location.name, ariaLabel: "\u041C\u0435\u0441\u0442\u043E\u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435", onClick: showLocationModal }), officesLink ? ((0, jsx_runtime_1.jsx)(TopItem_1.TopItem, { className: "mr-7", flat: true, href: officesLink, 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" })) : null, (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: "mr-5 group/btn text-primary-text hover:text-primary-main group-data-transparent:text-white", ariaLabel: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: { icon: 'LoupeIcon', iconVersion }, className: "h-full pointer-events-none", imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0 pointer-events-none", asSVG: true }) }), (0, jsx_runtime_1.jsx)(HeaderSecondaryMenuButton_1.HeaderSecondaryMenuButton, { className: "group/btn min-w-8 min-h-8 text-secondary-light hover:text-secondary-hover group-data-transparent:text-white", ariaLabel: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0441\u0441\u044B\u043B\u043A\u0438", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: { icon: 'GridIcon', iconVersion }, className: "h-full bg-main-divider/20 rounded-full pointer-events-none", imageClassName: "group-hover/btn:text-primary-hover group-hover/btn:invert-0", asSVG: true }) }), isShowLocationModal ? ((0, jsx_runtime_1.jsx)(Location_1.Location, { currentLocation: location, foreignOffices: foreignOffices, onChangeLocation: onChangeLocation, close: hideLocationModal })) : null] }));
 });
 //# sourceMappingURL=HeaderSecondaryMenu.js.map