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

package/lib/components/Footer/MediaButton.js

@@ -3,6 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
+import { style } from '../../utils/style.js';
 const ICONS_MAP = [
     {
         origins: ['t.me', 'telegram.org'],
@@ -29,23 +30,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',
 };
-export const MediaButton = JSX(({ version = 'primary', isRounded = false, buttonSize = 'default', ...rest }) => {
+export const MediaButton = JSX(({ isRounded = false, buttonSize = 'default', iconVersion = 'color', ...rest }) => {
     const link = 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 (_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 ? (_jsx(Img, { image: getIconWithVersion(icon), imageClassName: "group-hover:text-white", width: "24", height: "24", asSVG: true })) : null }));
+    const iconWithVersion = icon ? { ...getIconWithVersion(icon), iconVersion } : null;
+    return icon ? (_jsx("a", { className: 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 ? (_jsx(Img, { image: iconWithVersion, imageClassName: "group-hover/media:text-white", width: "24", height: "24", asSVG: true })) : null })) : null;
 });
 //# sourceMappingURL=MediaButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MediaButton.js","sourceRoot":"","sources":["../../../src/components/Footer/MediaButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;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;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,UAAU,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9E,MAAM,IAAI,GAAG,OAAO,EAAE,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,YACE,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,KAAC,GAAG,IACF,KAAK,EAAE,kBAAkB,CAAC,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":"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"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { MediaButton } from './MediaButton.js';
-export const SocialMedia = JSX(({ className = '', media, version, isRounded = false, buttonSize, children }) => (_jsxs("div", { className: "font-sans", children: [_jsx("div", { className: `flex gap-2.5 ${className}`, children: media?.map((_, index) => (_jsx(MediaButton, { version: version, isRounded: isRounded, buttonSize: buttonSize, ..._ }, String(index)))) }), _jsx("span", { className: "text-s-light text-secondary-text", children: children })] })));
+export const SocialMedia = JSX(({ className = '', media, isRounded = false, buttonSize, children }) => (_jsxs("div", { className: "font-sans", children: [_jsx("div", { className: `flex gap-2.5 ${className}`, children: media?.map((_, index) => (_jsx(MediaButton, { isRounded: isRounded, buttonSize: buttonSize, ..._ }, String(index)))) }), _jsx("span", { className: "text-s-light text-secondary-text", children: children })] })));
 //# sourceMappingURL=SocialMedia.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SocialMedia.js","sourceRoot":"","sources":["../../../src/components/Footer/SocialMedia.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAmB,WAAW,EAAE,MAAM,eAAe,CAAC;AAU7D,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,GAAG,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC/E,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAE,gBAAgB,SAAS,EAAE,YACxC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,WAAW,IAEV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,KAClB,CAAC,IAJA,MAAM,CAAC,KAAK,CAAC,CAKlB,CACH,CAAC,GACE,EACN,eAAM,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAmB,MAAM,eAAe,CAAC;AAS7D,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtE,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAE,gBAAgB,SAAS,EAAE,YACxC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,WAAW,IAAqB,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,KAAM,CAAC,IAAlE,MAAM,CAAC,KAAK,CAAC,CAAyD,CACzF,CAAC,GACE,EACN,eAAM,SAAS,EAAC,kCAAkC,YAAE,QAAQ,GAAQ,IAChE,CACP,CACF,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { MediaButton } from './MediaButton.js';
-export const SocialMedia = JSX(({ className = '', media, version }) => (_jsx("div", { className: `flex gap-2 items-start justify-start pt-6 pb-6 ${className}`, children: media?.map((_, index) => (_jsx(MediaButton, { version: version, ..._ }, String(index)))) })));
+export const SocialMedia = JSX(({ className = '', media }) => (_jsx("div", { className: `flex gap-2 items-start justify-start pt-6 pb-6 ${className}`, children: media?.map((_, index) => (_jsx(MediaButton, { ..._ }, String(index)))) })));
 //# sourceMappingURL=SocialMedia.mobile.js.map

package/lib/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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACvF,cAAK,SAAS,EAAE,kDAAkD,SAAS,EAAE,YAC1E,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,WAAW,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAO5C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9E,cAAK,SAAS,EAAE,kDAAkD,SAAS,EAAE,YAC1E,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,WAAW,OAAyB,CAAC,IAApB,MAAM,CAAC,KAAK,CAAC,CAAW,CAC3C,CAAC,GACE,CACP,CAAC,CAAC"}

package/lib/components/Gallery/Gallery.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { GalleryInner } from './GalleryInner.js';
-export const Gallery = JSX((props) => _jsx(GalleryInner, { ...props, version: "normal" }));
+export const Gallery = JSX((props) => (_jsx(GalleryInner, { ...props, galleryVersion: "normal" })));
 //# sourceMappingURL=Gallery.js.map

package/lib/components/Gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,YAAY,OAAK,KAAK,EAAE,OAAO,EAAC,QAAQ,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Gallery.js","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE,CAAC,CAClD,KAAC,YAAY,OAAK,KAAK,EAAE,cAAc,EAAC,QAAQ,GAAG,CACpD,CAAC,CAAC"}

package/lib/components/Gallery/Gallery.mobile.js

@@ -1,20 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { VersionStyleMap } from '../../model/BlockVersion.js';
+import { blockStyles, BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { Button } from '../../ui-kit/Button/Button.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl.js';
-export const Gallery = JSX(({ title, description, cards = [], className, orientation = 'horizontal' }) => {
-    const headingClassName = description ? 'mb-2' : 'mb-5';
-    return (_jsxs("section", { className: `relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`, children: [_jsxs("div", { className: "flex flex-col items-center mb-5", children: [title ? (_jsx(Heading, { headingType: "h3", className: `text-center ${headingClassName}`, title: title })) : null, description ? (_jsx("div", { className: "text-m max-w-[600px] text-center mb-5", children: description })) : null] }), renderCardsLayout(orientation, cards)] }));
-});
+export const Gallery = JSX(({ className = '', title, description, cards = [], orientation = 'horizontal', ...rest }) => (_jsxs(BlockWrapper, { className: `relative px-4 py-6 overflow-hidden ${className}`, ...rest, children: [_jsxs("div", { className: "flex flex-col items-center mb-5", children: [title ? (_jsx(Heading, { headingType: "h3", className: `text-center ${description ? 'mb-2' : 'mb-5'}`, title: title })) : null, description ? (_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' ? (_jsx(SwipeListControl, { children: cards?.map(renderCard) })) : (_jsx("div", { className: "grid gap-3.5", children: cards?.map(renderCard) }));
 }
 function renderCard(card, key) {
     return (_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
-      ${VersionStyleMap[card.version ?? 'primary']}`, children: [_jsxs("div", { children: [renderImage(card.icon), card.title ? _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));
+      ${blockStyles[card.version ?? 'primary']}`, children: [_jsxs("div", { children: [renderImage(card.icon), card.title ? _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 ? (_jsx("div", { className: "flex justify-center", children: _jsx(Img, { className: "mb-3.5", image: image }) })) : null;
 function renderButton(button) {
@@ -26,7 +23,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 (_jsx("section", { className: "mt-3", children: items.map((item, i) => (_jsxs("div", { children: [isDotted ? (_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, _jsx("span", { className: "text-m font-medium", children: item.title }), _jsx("span", { className: `text-s pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`, children: item.text })] }, String(i)))) }));

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

@@ -1,21 +1,18 @@
 import { jsxs as _jsxs, jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { AlignText } from '../../model/AlignText.js';
-import { VersionAdditionalStyleMap } from '../../model/BlockVersion.js';
-import { renderButton } from '../../ui-kit/Button/ButtonSection.js';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { List } from '../../ui-kit/List/List.js';
 import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
 import { HEADLINE_SMALL_VERSION } from '../Headline/headlineVersionStyles.js';
-export const GalleryCardInner = JSX(({ title, headlineSmallVersion = 'H6', description, additionalDescription, icon, items, button, version, isFullWidth = true, isDotted = true, align = 'center', }) => (_jsxs("div", { className: `h-full flex flex-col justify-between ${AlignText[align]}`, children: [_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
-            ? renderButton({
-                button,
-                buttonClassName: `mt-6 ${isFullWidth ? '' : 'self-center'}`,
-            })
-            : null] })));
-const renderImage = (image, version) => (_jsxs("div", { className: "flex justify-center", children: [image?.src ? _jsx(Img, { className: "mb-5", image: image }) : null, image?.icon ? (_jsx(Img, { className: `w-8 h-8 min-w-8 mb-5 rounded-full`, image: getIconWithVersion(image, version), asSVG: true })) : null] }));
+export const GalleryCardInner = JSX(({ title, headlineSmallVersion = 'H6', description, additionalDescription, icon, items, button, isFullWidth = true, isDotted = true, align = 'center', ...rest }) => (_jsxs(BlockWrapper, { className: `h-full flex flex-col justify-between ${AlignText[align]}`, tag: "div", ...rest, children: [_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)] }), renderButtonsSection([button], {
+            buttonClassName: `mt-6 ${isFullWidth ? 'w-full' : 'self-center'}`,
+        })] })));
+const renderImage = (image) => (_jsxs("div", { className: "flex justify-center", children: [image?.src ? _jsx(Img, { className: "mb-5", image: image }) : null, image?.icon ? (_jsx(Img, { className: `w-8 h-8 min-w-8 mb-5 rounded-full`, image: getIconWithVersion(image), asSVG: true })) : null] }));
 const renderCardTitle = (headlineSmallVersion, title) => title ? _jsx("div", { className: HEADLINE_SMALL_VERSION[headlineSmallVersion], children: title }) : null;
 const renderDescription = (description, title) => description ? _jsx("div", { className: `text-l ${title ? 'mt-2' : ''}`, children: description }) : null;
-const renderAdditionalDescription = (additionalDescription, version) => additionalDescription ? (_jsx("div", { className: `text-m-light mt-auto ${VersionAdditionalStyleMap[version ?? 'primary']}`, children: additionalDescription })) : null;
-const renderItems = (items, isDotted, version = 'primary') => (_jsx(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 ? (_jsx("div", { className: `text-m-light mt-auto group-data-primary:text-secondary-text`, children: additionalDescription })) : null;
+const renderItems = (items, isDotted) => (_jsx(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/lib/components/Gallery/GalleryCardInner.js.map

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryContainer.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAatD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,eAAe,GAAG,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,OAAO,GAAG,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACnF,0BACE,KAAC,QAAQ,OAAK,IAAI,EAAE,SAAS,EAAC,MAAM,EAAC,eAAe,EAAE,eAAe,GAAI,EACzE,cACE,SAAS,EAAE,aACT,KAAK,EAAE,MAAM,IAAI,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAC3E,gBAAgB,EAChB,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,YAAY,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,kBACE,SAAS,EAAE;wBACO,YAAY,CAAC,OAAO,CAAC,IACrC,eAAe,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,CAC3C,oBAAoB,EAEpB,IAAI,EAAC,UAAU,YAEf,KAAC,gBAAgB,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAatD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,eAAe,GAAG,GAAG,EACrB,KAAK,GAAG,EAAE,EACV,cAAc,GAAG,QAAQ,EACzB,WAAW,EACX,KAAK,EACL,WAAW,GACZ,EAAE,EAAE,CAAC,CACJ,0BACE,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,GAChC,EACF,cACE,SAAS,EAAE,aACT,KAAK,EAAE,MAAM,IAAI,yBAAyB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAClF,gBAAgB,EAChB,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,YAAY,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,kBACE,SAAS,EAAE;wBACO,YAAY,CAAC,cAAc,CAAC,IAC5C,WAAW,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,8CAA8C;QACvF,oBAAoB,EAEpB,IAAI,EAAC,UAAU,YAEf,KAAC,gBAAgB,OAAK,IAAI,GAAI,IAHzB,MAAM,CAAC,CAAC,CAAC,CAIN,CACX,CAAC;AACJ,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,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,mBAAmB,CAAC;QAClD,SAAS,EAAE,KAAK,EAAE,MAAM;QACxB,gBAAgB,EAAE,yBAAyB,CAAC,OAAO,CAAC;KACrD,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,QAAQ,CAAC;IAEvC,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,wFAAwF,SAAS,EAAE,KAC1G,IAAI,aAER,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,KAAM,IAAI,GAAI,EACvF,YAAY,CAAC;gBACZ,GAAG,QAAQ;gBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;gBAC/B,SAAS,EAAE,SAAS;aACrB,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAC,+DAA+D,GAAG,EACjF,cAAK,SAAS,EAAC,8DAA8D,GAAG,IAC5E,CACP,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,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,mBAAmB,CAAC;QAClD,SAAS,EAAE,KAAK,EAAE,MAAM;QACxB,gBAAgB,EAAE,yBAAyB,CAAC,cAAc,CAAC;KAC5D,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,QAAQ,CAAC;IAEvC,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,mDAAmD,SAAS,EAAE,KACrE,IAAI,aAER,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,EACD,YAAY,CAAC;gBACZ,GAAG,QAAQ;gBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;gBAC/B,SAAS,EAAE,SAAS;aACrB,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAC,+DAA+D,GAAG,EACjF,cAAK,SAAS,EAAC,8DAA8D,GAAG,IAC5E,CACP,CAAC,CAAC,CAAC,IAAI,EACP,oBAAoB,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,IACjD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/GracePeriod/GracePeriod.js

@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { Headline } from '../Headline/Headline.js';
-export const GracePeriod = JSX(({ className = '', title, description, calendar, ...rest }) => (_jsxs(BlockWrapper, { className: `font-sans bg-white p-12 ${className}`, ...rest, children: [_jsx(Headline, { className: "!p-0 mb-4", title: title, description: description, headlineVersion: "M", ...rest }), calendar ? renderCalendar(calendar) : null] })));
+export const GracePeriod = JSX(({ className = '', title, description, calendar, ...rest }) => (_jsxs(BlockWrapper, { className: `p-12 ${className}`, ...rest, children: [_jsx(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/lib/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/lib/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/lib/components/Header/DropdownMenu.js

@@ -3,17 +3,14 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useLink } from '../../hooks/useLink.js';
 import { useOutsideClick } from '../../hooks/useOutsideClick.js';
-const DOT_BG_COLORS_MAP = {
-    'bg-white': 'bg-primary-text',
-    transparent: 'bg-white',
-};
-export const DropdownMenu = JSX(({ className = '', items, activeItem, bgColor }) => {
+export const DropdownMenu = JSX(({ className = '', items, activeItem }) => {
     const link = useLink();
     const [visible, setVisible] = useState(false);
     const handleToggle = useCallback(() => setVisible((_) => !_), []);
     const handleClickOutside = useCallback(() => setVisible(false), []);
     const ref = useOutsideClick(handleClickOutside);
-    return (_jsxs("div", { className: `${visible ? 'bg-white rounded-md shadow-blue-gray' : ''} ${className}`, ref: ref, children: [_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) }), _jsx("div", { className: `flex flex-col rounded-md bg-white p-6 pb-2 ${visible ? '' : 'hidden'}`, "aria-hidden": !visible, children: items?.map((item, i) => (_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 (_jsxs("div", { className: `${visible ? 'bg-white rounded-md shadow-blue-gray' : ''} ${className}`, ref: ref, children: [_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) => (_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)))) }), _jsx("div", { className: `flex flex-col rounded-md bg-white p-6 pb-2 ${visible ? '' : 'hidden'}`, "aria-hidden": !visible, children: items?.map((item, i) => (_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) => (_jsx("div", { className: `w-[3px] h-[3px] rounded mr-1 ${DOT_BG_COLORS_MAP[bgColor]}` }, String(i)));
 //# sourceMappingURL=DropdownMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/components/Header/DropdownMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAI9D,MAAM,iBAAiB,GAAmC;IACxD,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,UAAU;CACxB,CAAC;AASF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IACjD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACpE,MAAM,GAAG,GAAG,eAAe,CAAiB,kBAAkB,CAAC,CAAC;IAEhE,OAAO,CACL,eACE,SAAS,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EAClF,GAAG,EAAE,GAAG,aAER,iBACE,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,cACE,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,YAEE,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,cAAqB,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAS9D,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAoB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3F,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACpE,MAAM,GAAG,GAAG,eAAe,CAAiB,kBAAkB,CAAC,CAAC;IAEhE,OAAO,CACL,eACE,SAAS,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EAClF,GAAG,EAAE,GAAG,aAER,iBACE,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,cAEE,SAAS,EAAC,+GAA+G,IADpH,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC,GACG,EACT,cACE,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,YAEE,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/lib/components/Header/Header.js

@@ -9,15 +9,15 @@ import { Logo } from '../../ui-kit/Logo/Logo.js';
 import { TopItem } from '../../ui-kit/TopItem/TopItem.js';
 import { HeaderSecondaryMenu } from './HeaderSecondaryMenu.js';
 import { HeaderSubMenu } from './HeaderSubMenu.js';
-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',
 };
-export const Header = JSX(({ bgColor = 'bg-white', className = '', showSubMenu = true, ...rest }) => {
+export const Header = JSX(({ bgColor = 'bg-white', className = '', showSubMenu = true, version = BG_COLOR_TO_BLOCK_VERSION[bgColor], ...rest }) => {
     const router = useRouter();
     const { topItems, logo, defaultLocation, foreignOffices, officesLink } = useSWRResource(projectSettings.SITEMAP || 'sitemap', rest.options?.page?.fallback);
     const activeTopItem = topItems?.find(isTopItemActive(router));
-    const topMenu = topItems?.map((_, i) => (_jsx(TopItem, { active: _ === activeTopItem, "aria-label": _.text, bgColor: bgColor, ..._ }, String(i))));
-    return (_jsx(BlockWrapper, { tag: "header", className: `pt-6 px-20 ${bgColor} ${className} ${showSubMenu && activeTopItem?.items?.length ? 'pb-4' : 'pb-5'}`, ...rest, children: _jsxs("div", { className: "container", children: [_jsxs("div", { className: "flex items-center", children: [_jsx(Logo, { className: "mr-8", bgColor: bgColor, logo: logo }), topMenu, _jsx(HeaderSecondaryMenu, { className: "ml-auto", foreignOffices: foreignOffices, defaultLocation: defaultLocation, officesLink: officesLink, bgColor: bgColor })] }), _jsx("div", { className: `mt-6 h-px ${BORDER_COLORS[bgColor]}` }), showSubMenu && activeTopItem?.items?.length ? (_jsx(HeaderSubMenu, { subItems: activeTopItem.items, bgColor: bgColor })) : null] }) }));
+    const topMenu = topItems?.map((_, i) => (_jsx(TopItem, { active: _ === activeTopItem, "aria-label": _.text, ..._ }, String(i))));
+    return (_jsx(BlockWrapper, { tag: "header", className: `pt-6 px-20 ${className} ${showSubMenu && activeTopItem?.items?.length ? 'pb-4' : 'pb-5'}`, version: version, ...rest, children: _jsxs("div", { className: "container", children: [_jsxs("div", { className: "flex items-center", children: [_jsx(Logo, { className: "mr-8", bgColor: bgColor, logo: logo }), topMenu, _jsx(HeaderSecondaryMenu, { version: version, className: "ml-auto", foreignOffices: foreignOffices, defaultLocation: defaultLocation, officesLink: officesLink })] }), _jsx("div", { className: `mt-6 h-px bg-main-divider${version === 'transparent' ? ' opacity-30' : ''}` }), showSubMenu && activeTopItem?.items?.length ? (_jsx(HeaderSubMenu, { subItems: activeTopItem.items })) : null] }) }));
 });
 //# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,aAAa,GAAmC;IACpD,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,4BAA4B;CAC1C,CAAC;AAIF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EAAE,OAAO,GAAG,UAAU,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,GACpE,cAAc,CACZ,eAAe,CAAC,OAAO,IAAI,SAAS,EACpC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAC7B,CAAC;IAEJ,MAAM,aAAa,GAAG,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9D,MAAM,OAAO,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtC,KAAC,OAAO,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,KAAC,YAAY,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,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EACtD,OAAO,EACR,KAAC,mBAAmB,IAClB,SAAS,EAAC,SAAS,EACnB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,IACE,EACN,cAAK,SAAS,EAAE,aAAa,aAAa,CAAC,OAAO,CAAC,EAAE,GAAI,EACxD,WAAW,IAAI,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAC7C,KAAC,aAAa,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,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,yBAAyB,GAAyC;IACtE,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,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,SAAS,EAAE,CAAC;IAE3B,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,GACpE,cAAc,CACZ,eAAe,CAAC,OAAO,IAAI,SAAS,EACpC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAC7B,CAAC;IAEJ,MAAM,aAAa,GAAG,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9D,MAAM,OAAO,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtC,KAAC,OAAO,IAAiB,MAAM,EAAE,CAAC,KAAK,aAAa,gBAAc,CAAC,CAAC,IAAI,KAAM,CAAC,IAAjE,MAAM,CAAC,CAAC,CAAC,CAA4D,CACpF,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,YAAY,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,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,EACtD,OAAO,EACR,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,SAAS,EACnB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,GACxB,IACE,EACN,cACE,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,KAAC,aAAa,IAAC,QAAQ,EAAE,aAAa,CAAC,KAAK,GAAI,CACjD,CAAC,CAAC,CAAC,IAAI,IACJ,GACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/Header/Header.mobile.js

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

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

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

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

@@ -1,32 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useLocation } from '../../hooks/useLocation.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { Location } from '../../ui-kit/Location/Location.js';
 import { TopItem } from '../../ui-kit/TopItem/TopItem.js';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton.js';
-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',
-};
-export const HeaderSecondaryMenu = JSX(({ className, officesLink, defaultLocation = 'Москва', foreignOffices, bgColor = 'bg-white', }) => {
+export const HeaderSecondaryMenu = JSX(({ version, className, officesLink, defaultLocation = 'Москва', foreignOffices }) => {
     const [isShowLocationModal, setShowLocationModal] = useState(false);
     const [location, onChangeLocation] = useLocation(defaultLocation);
-    const showLocationModal = () => {
+    const showLocationModal = useCallback(() => {
         setShowLocationModal(true);
-    };
-    const hideLocationModal = () => {
+    }, []);
+    const hideLocationModal = useCallback(() => {
         setShowLocationModal(false);
-    };
-    return (_jsxs("div", { className: `flex items-center ${className || ''}`, children: [_jsx(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 ? (_jsx(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, _jsx(HeaderSecondaryMenuButton, { className: `mr-5 group ${COLORS_MAP[bgColor]}`, ariaLabel: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443", children: _jsx(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 }) }), _jsx(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: _jsx(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 ? (_jsx(Location, { currentLocation: location, foreignOffices: foreignOffices, onChangeLocation: onChangeLocation, close: hideLocationModal })) : null] }));
+    }, []);
+    const iconVersion = version === 'transparent' ? 'white' : 'black';
+    return (_jsxs("div", { className: `flex items-center ${className || ''}`, children: [_jsx(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 ? (_jsx(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, _jsx(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: _jsx(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 }) }), _jsx(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: _jsx(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 ? (_jsx(Location, { currentLocation: location, foreignOffices: foreignOffices, onChangeLocation: onChangeLocation, close: hideLocationModal })) : null] }));
 });
 //# 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":"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"}
+{"version":3,"file":"HeaderSecondaryMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSecondaryMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAaxE,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,GAAG,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IAClF,MAAM,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE7E,MAAM,CAAC,QAAQ,EAAE,gBAAgB,CAAC,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAElE,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAgB,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAE/E,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,QAAQ,CAAC,IAAI,EACnB,SAAS,EAAC,sFAAgB,EAC1B,OAAO,EAAE,iBAAiB,GAC1B,EACD,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,OAAO,IACN,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,WAAW,EACjB,IAAI,EAAC,8FAAmB,EACxB,SAAS,EAAC,+NAA2C,GACrD,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,yBAAyB,IACxB,SAAS,EAAC,4FAA4F,EACtG,SAAS,EAAC,4EAAgB,YAE1B,KAAC,GAAG,IACF,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,EACzC,SAAS,EAAC,4BAA4B,EACtC,cAAc,EAAC,iFAAiF,EAChG,KAAK,SACL,GACwB,EAC5B,KAAC,yBAAyB,IACxB,SAAS,EAAC,6GAA6G,EACvH,SAAS,EAAC,2HAAuB,YAEjC,KAAC,GAAG,IACF,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,EACxC,SAAS,EAAC,4DAA4D,EACtE,cAAc,EAAC,6DAA6D,EAC5E,KAAK,SACL,GACwB,EAC3B,mBAAmB,CAAC,CAAC,CAAC,CACrB,KAAC,QAAQ,IACP,eAAe,EAAE,QAAQ,EACzB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,iBAAiB,GACxB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}