@redneckz/wildless-cms-uni-blocks 0.3.69 → 0.3.71

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

@@ -17,7 +17,7 @@ function renderCardsLayout(orientation, cards, context) {
 }
 function renderCard(card, key) {
     return (_jsxs("div", { className: `h-full justify-between box-border horizontal-list-item border-solid border rounded-md border-main-stroke p-4 flex flex-col
-      ${blockStyle[card.version ?? 'primary']}`, children: [_jsxs("div", { children: [card.image?.src ? (_jsx("div", { className: "flex justify-center", children: _jsx(Img, { className: "mb-3.5", image: card.image }) })) : null, card.title ? _jsx("h3", { className: `font-medium text-m-title-xs m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.version, card.isDotted) : null] }), card?.button?.text ? renderButton(card.button) : null] }, key));
+      ${blockStyle[card.version ?? 'primary']}`, children: [_jsxs("div", { children: [card.image?.src ? (_jsx("div", { className: "flex justify-center", children: _jsx(Img, { className: "mb-3.5", image: card.image }) })) : null, card.title ? _jsx("h3", { className: `font-medium text-m-title-xs 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));
 }
 function renderButton(button) {
     return (_jsx(Button, { className: "mt-3", appendLeft: button?.icon && _jsx(Img, { image: button?.icon, width: "24px", height: "24px", asSVG: true }), ...button }));
@@ -25,7 +25,7 @@ function renderButton(button) {
 function renderDescription(card) {
     return (_jsx("div", { className: `text-secondary-text mt-1 text-m-sm ${card.version === 'secondary' ? 'text-white opacity-80' : ''}`, children: card.description }));
 }
-function renderItems(items, version = 'primary', isDotted) {
+function renderItems(items, isDotted, version = 'primary') {
     return (_jsx("section", { className: "mt-3", children: items.map((item, i) => (_jsxs("div", { children: [isDotted ? _jsx("div", { className: getListStyle(version) }) : null, _jsx("span", { className: "text-m-md font-medium", children: item.title }), _jsx("span", { className: `text-m-sm pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`, children: item.text })] }, String(i)))) }));
 }
 //# sourceMappingURL=Gallery.mobile.js.map

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

@@ -5,7 +5,7 @@ import { Img } from '../../ui-kit/Img/Img.js';
 import { List } from '../../ui-kit/List/List.js';
 export const GalleryCardInner = JSX(({ title, description, image, items, button, version, isDotted = true }) => {
     const titleStyleClasses = getTitleStyle(version);
-    return (_jsxs("div", { className: "h-full flex flex-col justify-between text-center", children: [_jsxs("div", { children: [image?.src ? (_jsx("div", { className: "flex justify-center", children: _jsx(Img, { className: "mb-6", image: image }) })) : null, title ? renderCardTitle(title, titleStyleClasses) : null, description ? (_jsx("div", { className: `font-light text-m-md-new ${title ? 'mt-2' : ''}`, children: description })) : null, items?.length ? renderItems(items, version, isDotted) : null] }), button?.text ? renderButton(button) : null] }));
+    return (_jsxs("div", { className: "h-full flex flex-col justify-between text-center", children: [_jsxs("div", { children: [image?.src ? (_jsx("div", { className: "flex justify-center", children: _jsx(Img, { className: "mb-6", image: image }) })) : null, title ? renderCardTitle(title, titleStyleClasses) : null, description ? (_jsx("div", { className: `font-light text-m-md-new ${title ? 'mt-2' : ''}`, children: description })) : null, items?.length ? renderItems(items, isDotted, version) : null] }), button?.text ? renderButton(button) : null] }));
 });
 function renderButton(button) {
     return (_jsx(Button, { className: "mt-6 w-full", appendLeft: button.icon && _jsx(Img, { image: button.icon, width: "24px", height: "24px", asSVG: true }), ...button }));
@@ -13,7 +13,7 @@ function renderButton(button) {
 function renderCardTitle(title, className) {
     return _jsx("div", { className: `text-xl m-0 ${className}`, children: title });
 }
-function renderItems(items, version = 'primary', isDotted) {
+function renderItems(items, isDotted, version = 'primary') {
     return (_jsx(List, { className: `max-w-[308px] mt-2 text-sm ${version === 'primary' ? '!text-secondary-text' : ''}`, itemClassName: "mt-1 first:mt-0", items: items.filter((item) => item?.text).map((item) => item.text), isDotted: isDotted, version: version }));
 }
 function getTitleStyle(version) {

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryCardInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryCardInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACjD,OAAO,CACL,eAAK,SAAS,EAAC,kDAAkD,aAC/D,0BACG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,GAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,GAClC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,EACxD,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,4BAA4B,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,YAAG,WAAW,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,IACzD,EACL,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IACvC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,YAAY,CAAC,MAAM;IAC1B,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAC,aAAa,EACvB,UAAU,EAAE,MAAM,CAAC,IAAI,IAAI,KAAC,GAAG,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,SAAG,KACnF,MAAM,GACV,CACH,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAAa,EAAE,SAAiB;IACvD,OAAO,cAAK,SAAS,EAAE,eAAe,SAAS,EAAE,YAAG,KAAK,GAAO,CAAC;AACnE,CAAC;AAED,SAAS,WAAW,CAAC,KAAoB,EAAE,UAAwB,SAAS,EAAE,QAAiB;IAC7F,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,8BACT,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EACnD,EAAE,EACF,aAAa,EAAC,iBAAiB,EAC/B,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;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,OAAO;IAC5B,OAAO;UACC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE;OACrD,CAAC;AACR,CAAC"}
+{"version":3,"file":"GalleryCardInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryCardInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACjD,OAAO,CACL,eAAK,SAAS,EAAC,kDAAkD,aAC/D,0BACG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,GAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,GAClC,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,EACxD,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,4BAA4B,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,YAAG,WAAW,GAAO,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,IACzD,EACL,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IACvC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,YAAY,CAAC,MAAM;IAC1B,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAC,aAAa,EACvB,UAAU,EAAE,MAAM,CAAC,IAAI,IAAI,KAAC,GAAG,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,SAAG,KACnF,MAAM,GACV,CACH,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAAa,EAAE,SAAiB;IACvD,OAAO,cAAK,SAAS,EAAE,eAAe,SAAS,EAAE,YAAG,KAAK,GAAO,CAAC;AACnE,CAAC;AAED,SAAS,WAAW,CAAC,KAAoB,EAAE,QAAiB,EAAE,UAAwB,SAAS;IAC7F,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,8BACT,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EACnD,EAAE,EACF,aAAa,EAAC,iBAAiB,EAC/B,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;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,OAAO;IAC5B,OAAO;UACC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE;OACrD,CAAC;AACR,CAAC"}

package/lib/components/Gallery/GalleryInner.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { ArrowButton } from '../../ui-kit/Button/ArrowButton.js';
 import { galleryLengthForScrollMap } from './constants.js';
 import { GalleryContainer } from './GalleryContainer.js';
+import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
 export const GalleryInner = JSX(({ context, cards = [], className = '', version = 'normal', anchor = null, ...rest }) => {
     const [activeCardIndex, setActiveCardIndex] = context.useState(0);
     const handleNextClick = () => setActiveCardIndex(activeCardIndex + 1);
@@ -11,6 +11,11 @@ export const GalleryInner = JSX(({ context, cards = [], className = '', version
     const showNextButton = isGalleryScrollAvailable &&
         cards?.length - activeCardIndex > galleryLengthForScrollMap[version];
     const showPrevButton = isGalleryScrollAvailable && activeCardIndex > 0;
-    return (_jsxs("section", { className: `relative font-sans text-primary-text bg-white p-[42px] overflow-hidden ${className}`, id: anchor, children: [_jsx(GalleryContainer, { context: context, cards: cards, version: version, activeCardIndex: activeCardIndex, ...rest }), showPrevButton ? (_jsx(ArrowButton, { className: "absolute top-1/2 left-8 z-10 mt-[25px]", onClick: handlePrevClick, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E", "data-block-control": "scroll-left" })) : null, showNextButton ? (_jsx(ArrowButton, { className: "absolute top-1/2 right-8 z-10 mt-[25px] rotate-180", onClick: handleNextClick, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E", "data-block-control": "scroll-right" })) : null, _jsx("div", { className: "absolute top-0 left-0 bottom-0 w-[84px] bg-opacity-from-white" }), _jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[100px] bg-opacity-to-white" })] }));
+    return (_jsxs("section", { className: `relative font-sans text-primary-text bg-white p-[42px] overflow-hidden ${className}`, id: anchor, children: [_jsx(GalleryContainer, { context: context, cards: cards, version: version, activeCardIndex: activeCardIndex, ...rest }), renderArrows({
+                handler: [handlePrevClick, handleNextClick],
+                isShown: [showPrevButton, showNextButton],
+                btnClass: ['left-8', 'right-8'],
+                className: 'top-1/2',
+            }), _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" })] }));
 });
 //# 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;AAGxC,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,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,OAAO,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IACtE,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IAEtE,MAAM,wBAAwB,GAAG,KAAK,EAAE,MAAM,GAAG,yBAAyB,CAAC,OAAO,CAAC,CAAC;IAEpF,MAAM,cAAc,GAClB,wBAAwB;QACxB,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,yBAAyB,CAAC,OAAO,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,wBAAwB,IAAI,eAAe,GAAG,CAAC,CAAC;IAEvE,OAAO,CACL,mBACE,SAAS,EAAE,0EAA0E,SAAS,EAAE,EAChG,EAAE,EAAE,MAAM,aAEV,KAAC,gBAAgB,IACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,KAC5B,IAAI,GACR,EACD,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,WAAW,IACV,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAE,eAAe,EACxB,SAAS,EAAC,6FAAkB,wBACT,aAAa,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,WAAW,IACV,SAAS,EAAC,oDAAoD,EAC9D,OAAO,EAAE,eAAe,EACxB,SAAS,EAAC,mGAAmB,wBACV,cAAc,GACjC,CACH,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,+DAA+D,GAAG,EACjF,cAAK,SAAS,EAAC,+DAA+D,GAAG,IACzE,CACX,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;AAIxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAMhE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElE,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IACtE,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IAEtE,MAAM,wBAAwB,GAAG,KAAK,EAAE,MAAM,GAAG,yBAAyB,CAAC,OAAO,CAAC,CAAC;IAEpF,MAAM,cAAc,GAClB,wBAAwB;QACxB,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,yBAAyB,CAAC,OAAO,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,wBAAwB,IAAI,eAAe,GAAG,CAAC,CAAC;IAEvE,OAAO,CACL,mBACE,SAAS,EAAE,0EAA0E,SAAS,EAAE,EAChG,EAAE,EAAE,MAAM,aAEV,KAAC,gBAAgB,IACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,KAC5B,IAAI,GACR,EACD,YAAY,CAAC;gBACZ,OAAO,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;gBAC3C,OAAO,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC;gBACzC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;gBAC/B,SAAS,EAAE,SAAS;aACrB,CAAC,EACF,cAAK,SAAS,EAAC,+DAA+D,GAAG,EACjF,cAAK,SAAS,EAAC,8DAA8D,GAAG,IACxE,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/GroupBlock/BlocksTypeProps.d.ts

@@ -8,7 +8,10 @@ export interface ActiveHandler {
     initialState?: boolean;
 }
 export interface GroupBlockCommonProps {
-    /** @title Стиль */
+    /**
+     * @title Стиль
+     * @default ["col-span-12"]
+     */
     style?: string[];
     /** @title Теги */
     tags?: string[];

package/lib/components/GroupBlock/GroupBlock.fixture.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
     default: any;
+    'without-counter': any;
 };
 export default _default;

package/lib/components/GroupBlock/GroupBlock.js

@@ -3,15 +3,15 @@ import { JSX } from '@redneckz/uni-jsx';
 import { GroupBlockTabs } from './GroupBlockTabs.js';
 import { GroupBlocksItem } from './GroupBlocksItem.js';
 import { filterBlocksByTag } from './filterBlocksByTag.js';
-export const GroupBlock = JSX(({ className = '', tabs, context, anchor = null, groupBlocks = [] }) => {
+export const GroupBlock = JSX(({ className = '', tabs, context, anchor = null, groupBlocks = [], isShowCounter }) => {
     const [currentTag, setCurrentTag] = context.useState(tabs?.[0]?.tag);
     const filteredBlocks = filterBlocksByTag(groupBlocks, currentTag);
     const tabsNewMap = tabs?.map((tab) => {
         const count = tab.tag
-            ? groupBlocks.filter((block) => block?.tags?.includes(`${tab.tag}`)).length
+            ? groupBlocks.filter((block) => block?.tags?.includes(tab.tag)).length
             : groupBlocks.length;
         return { ...tab, count };
     });
-    return (_jsxs("section", { id: anchor, className: `box-border gap-1 h-12 ${className}`, children: [tabsNewMap?.length ? (_jsx(GroupBlockTabs, { currentTag: currentTag, onTabClick: setCurrentTag, tabs: tabsNewMap })) : null, groupBlocks.length ? (_jsx(GroupBlocksItem, { context: context, groupBlocks: filteredBlocks })) : null] }));
+    return (_jsxs("section", { id: anchor, className: `box-border gap-1 ${className}`, children: [tabsNewMap?.length ? (_jsx(GroupBlockTabs, { currentTag: currentTag, onTabClick: setCurrentTag, tabs: tabsNewMap, isShowCounter: isShowCounter })) : null, groupBlocks.length ? (_jsx(GroupBlocksItem, { context: context, groupBlocks: filteredBlocks })) : null] }));
 });
 //# sourceMappingURL=GroupBlock.js.map

package/lib/components/GroupBlock/GroupBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupBlock.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAUxD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,EAAE,EAAE;IACrE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAErE,MAAM,cAAc,GAAG,iBAAiB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAElE,MAAM,UAAU,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACnC,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG;YACnB,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM;YAC3E,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC;QAEvB,OAAO,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,mBAAS,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,yBAAyB,SAAS,EAAE,aACjE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CACpB,KAAC,cAAc,IAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,GAAI,CACxF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CACpB,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,GAAI,CACnE,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"GroupBlock.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAUxD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE;IACpF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAErE,MAAM,cAAc,GAAG,iBAAiB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAElE,MAAM,UAAU,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACnC,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG;YACnB,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC,CAAC,MAAM;YAChF,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC;QAEvB,OAAO,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,mBAAS,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB,SAAS,EAAE,aAC5D,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CACpB,KAAC,cAAc,IACb,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,aAAa,EACzB,IAAI,EAAE,UAAU,EAChB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CACpB,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,GAAI,CACnE,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/GroupBlock/GroupBlockTabs.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 export const GroupBlockTabs = JSX((props) => {
-    const { tabs, currentTag, onTabClick, className = '', isShowCounter = true } = props;
+    const { tabs, currentTag, onTabClick, className = '', isShowCounter } = props;
     return (_jsx("div", { className: `mb-2 box-border flex gap-x-1 ${className}`, role: "tablist", children: tabs?.map(renderTab(onTabClick, isShowCounter, currentTag)) }));
 });
 const badgeStyle = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-m-sm';
@@ -11,6 +11,6 @@ const renderTab = (onTabClick, isShowCounter, currentTag) => (tab, i) => {
     const tabText = isActive ? 'text-white' : 'text-secondary-text group-hover:text-primary-main';
     const counterBlockStyle = `${badgeStyle} 
       ${isActive ? 'bg-white/30 text-white' : 'bg-secondary-light text-secondary-text'}`;
-    return (_jsx("div", { className: `flex h-full w-full h-12 flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`, role: "tab", onClick: () => onTabClick(tab.tag), "aria-selected": String(isActive), tag: tab?.tag, children: _jsxs("div", { className: "flex flex-1 items-center justify-center", children: [tab?.title ? _jsx("h3", { className: `mr-8 ${tabText}`, children: tab?.title }) : null, isShowCounter ? (_jsx("div", { className: `flex items-center justify-center ${counterBlockStyle}`, children: _jsx("span", { children: tab.count }) })) : null] }) }, String(i)));
+    return (_jsx("div", { className: `flex h-full w-full h-12 flex-1 cursor-pointer mr-2 last:mr-0 box-content ${tabBg}`, role: "tab", onClick: () => onTabClick(tab.tag), "aria-selected": String(isActive), tag: tab?.tag, children: _jsxs("div", { className: "flex flex-1 items-center justify-center", children: [tab?.title ? _jsx("h3", { className: tabText, children: tab?.title }) : null, isShowCounter ? (_jsx("div", { className: `flex items-center justify-center ml-8 ${counterBlockStyle}`, children: _jsx("span", { children: tab.count }) })) : null] }) }, String(i)));
 };
 //# sourceMappingURL=GroupBlockTabs.js.map

package/lib/components/GroupBlock/GroupBlockTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupBlockTabs.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlockTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAaxC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErF,OAAO,CACL,cAAK,SAAS,EAAE,gCAAgC,SAAS,EAAE,EAAE,IAAI,EAAC,SAAS,YACxE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,UAAU,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,GACxD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,uDAAuD,CAAC;AAE3E,MAAM,SAAS,GACb,CAAC,UAA2B,EAAE,aAAsB,EAAE,UAAmB,EAAE,EAAE,CAC7E,CAAC,GAAkB,EAAE,CAAS,EAAE,EAAE;IAChC,MAAM,QAAQ,GAAG,UAAU,KAAK,GAAG,CAAC,GAAG,CAAC;IACxC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC9D,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mDAAmD,CAAC;IAC9F,MAAM,iBAAiB,GAAG,GAAG,UAAU;QACnC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,wCAAwC,EAAE,CAAC;IAErF,OAAO,CACL,cAEE,SAAS,EAAE,4EAA4E,KAAK,EAAE,EAC9F,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,mBACnB,MAAM,CAAC,QAAQ,CAAC,EAC/B,GAAG,EAAE,GAAG,EAAE,GAAG,YAEb,eAAK,SAAS,EAAC,yCAAyC,aACrD,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAE,QAAQ,OAAO,EAAE,YAAG,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EACvE,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,oCAAoC,iBAAiB,EAAE,YACrE,yBAAO,GAAG,CAAC,KAAK,GAAQ,GACpB,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IAdD,MAAM,CAAC,CAAC,CAAC,CAeV,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"GroupBlockTabs.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlockTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAaxC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAE9E,OAAO,CACL,cAAK,SAAS,EAAE,gCAAgC,SAAS,EAAE,EAAE,IAAI,EAAC,SAAS,YACxE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,UAAU,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,GACxD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,uDAAuD,CAAC;AAE3E,MAAM,SAAS,GACb,CAAC,UAA2B,EAAE,aAAuB,EAAE,UAAmB,EAAE,EAAE,CAC9E,CAAC,GAAkB,EAAE,CAAS,EAAE,EAAE;IAChC,MAAM,QAAQ,GAAG,UAAU,KAAK,GAAG,CAAC,GAAG,CAAC;IACxC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAC9D,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mDAAmD,CAAC;IAC9F,MAAM,iBAAiB,GAAG,GAAG,UAAU;QACnC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,wCAAwC,EAAE,CAAC;IAErF,OAAO,CACL,cAEE,SAAS,EAAE,4EAA4E,KAAK,EAAE,EAC9F,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,mBACnB,MAAM,CAAC,QAAQ,CAAC,EAC/B,GAAG,EAAE,GAAG,EAAE,GAAG,YAEb,eAAK,SAAS,EAAC,yCAAyC,aACrD,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAE,OAAO,YAAG,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC7D,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,yCAAyC,iBAAiB,EAAE,YAC1E,yBAAO,GAAG,CAAC,KAAK,GAAQ,GACpB,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IAdD,MAAM,CAAC,CAAC,CAAC,CAeV,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/GroupBlock/GroupBlocksItem.js

@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { style2className } from '../../utils/style2className.js';
 import { EmbeddableGroupBlocks } from './EmbeddableGroupBlocks.js';
 export const GroupBlocksItem = JSX(({ groupBlocks, context }) => {
-    return (_jsx("div", { className: 'grid grid-cols-12 gap-2 box-border', children: groupBlocks?.length ? groupBlocks.map(renderBlock(context)) : null }));
+    return (_jsx("div", { className: "grid grid-cols-12 gap-2 box-border", children: groupBlocks?.length ? groupBlocks.map(renderBlock(context)) : null }));
 });
 export const renderBlock = (context) => (block, i) => {
     const type = block?.blockType;

package/lib/components/GroupBlock/GroupBlocksItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupBlocksItem.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlocksItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAKhE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAmB,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,cAAK,SAAS,EAAE,oCAAoC,YACjD,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAC/D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAA2B,EAAE,EAAE,CAAC,CAAC,KAAoB,EAAE,CAAS,EAAE,EAAE;IAC9F,MAAM,IAAI,GAAG,KAAK,EAAE,SAAS,CAAC;IAC9B,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,qBAAqB,CAAC,EAAE;QAC7C,OAAO,IAAI,CAAC;KACb;IACD,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACrD,MAAM,aAAa,GAAa,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC5D,OAAO,CACL,KAAC,aAAa,IAAoB,OAAO,EAAE,OAAO,KAAM,KAAK,EAAE,SAAS,EAAE,cAAc,IAApE,SAAS,CAAC,EAAE,CAA4D,CAC7F,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"GroupBlocksItem.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlocksItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAKhE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAmB,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,cAAK,SAAS,EAAC,oCAAoC,YAChD,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAC/D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAA2B,EAAE,EAAE,CAAC,CAAC,KAAoB,EAAE,CAAS,EAAE,EAAE;IAC9F,MAAM,IAAI,GAAG,KAAK,EAAE,SAAS,CAAC;IAC9B,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,qBAAqB,CAAC,EAAE;QAC7C,OAAO,IAAI,CAAC;KACb;IACD,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACrD,MAAM,aAAa,GAAa,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC5D,OAAO,CACL,KAAC,aAAa,IAAoB,OAAO,EAAE,OAAO,KAAM,KAAK,EAAE,SAAS,EAAE,cAAc,IAApE,SAAS,CAAC,EAAE,CAA4D,CAC7F,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { BgColorVersion } from '../../model/BgColorVersion';
+import type { LinkProps } from '../../model/LinkProps';
+import type { UniBlockProps } from '../../types';
+import type { ContentPageContext } from '../ContentPage/ContentPageContext';
+interface DropdownMenuProps extends UniBlockProps {
+    menuVisible: boolean;
+    toggleMenu: () => void;
+    menuItems: LinkProps[];
+    bgColor?: BgColorVersion;
+    context: ContentPageContext;
+}
+export declare const DropdownMenu: (props: import("@redneckz/uni-jsx").PropsWithChildren<DropdownMenuProps, any>, context?: any) => any;
+export {};

package/lib/components/Header/DropdownMenu.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink.js';
+const DOT_BG_COLORS_MAP = {
+    'bg-white': 'bg-primary-text',
+    transparent: 'bg-white',
+};
+export const DropdownMenu = JSX((props) => {
+    const { menuVisible, toggleMenu, menuItems, bgColor, context } = props;
+    const { useRouter, handlerDecorator } = context;
+    const router = useRouter();
+    return (_jsxs("div", { className: `absolute w-52 -top-4 right-0 pt-4 z-40 ${menuVisible ? 'bg-white rounded-md shadow-blue-gray/24' : ''}`, children: [_jsx("button", { className: "flex justify-between items-center cursor-pointer h-6 ml-6", onClick: toggleMenu, "aria-label": `${menuVisible ? 'Скрыть другие разделы' : 'Показать другие разделы'}`, children: Array(3).fill(bgColor).map(renderDot) }), _jsx("div", { className: `flex flex-col rounded-md bg-white p-6 pb-2 ${menuVisible ? '' : 'hidden'}`, "aria-hidden": !menuVisible, children: renderDotsSubMenuItems(menuItems, router, handlerDecorator) })] }));
+});
+const renderDotsSubMenuItems = (menuItems, router, handlerDecorator) => menuItems?.map((_) => (_jsx("a", { ...useLink({ router, handlerDecorator }, _), className: "text-base font-light pb-4 hover:text-primary-main", children: _.text }, _.href)));
+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

@@ -0,0 +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,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAU9C,MAAM,iBAAiB,GAAmC;IACxD,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,UAAU;CACxB,CAAC;AAUF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAoB,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEvE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IAEhD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,eACE,SAAS,EAAE,0CACT,WAAW,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,EAC5D,EAAE,aAEF,iBACE,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAE,UAAU,gBACP,GAAG,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,yBAAyB,EAAE,YAEjF,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,GAC/B,EACT,cACE,SAAS,EAAE,8CAA8C,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,iBACzE,CAAC,WAAW,YAExB,sBAAsB,CAAC,SAAS,EAAE,MAAM,EAAE,gBAAgB,CAAC,GACxD,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,CAC7B,SAAsB,EACtB,MAAc,EACd,gBAA8C,EAC9C,EAAE,CACF,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,eAEM,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC,EAC5C,SAAS,EAAC,mDAAmD,YAE5D,CAAC,CAAC,IAAI,IAJF,CAAC,CAAC,IAAI,CAKT,CACL,CAAC,CAAC;AAEL,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"}

package/lib/components/Header/HeaderSubMenu.js

@@ -3,40 +3,27 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink.js';
 import { findActiveSubItem } from '../../services/sitemap/findActiveSubItem.js';
 import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem.js';
-import { isSSR } from '../../utils/isSSR.js';
-import { headerSubMenuObserver } from './HeaderSubMenuObserver.js';
-const DOT_BG_COLORS_MAP = {
-    'bg-white': 'bg-primary-text',
-    transparent: 'bg-white',
-};
-export const HeaderSubMenu = JSX(({ context, subItems, bgColor }) => {
-    const [subMenuIsShow, setHiddenMenuIsShow] = context.useState(false);
+import { DropdownMenu } from './DropdownMenu.js';
+export const HeaderSubMenu = JSX(({ context, subItems = [], bgColor }) => {
+    const [menuVisible, setMenuVisible] = context.useState(false);
     const router = context.useRouter();
-    const { handlerDecorator } = context;
-    setTimeout(() => {
-        if (isSSR()) {
+    const { handlerDecorator, IntersectionObserverTag } = context;
+    const [visibleItemsCount, setVisibleItemsCount] = context.useState(subItems.length);
+    const dropDownMenuItems = subItems.slice(visibleItemsCount);
+    const activeSubItem = findActiveSubItem(router)(subItems);
+    const toggleMenu = () => setMenuVisible(!menuVisible);
+    const observerCallback = (itemIndex) => (entries) => {
+        if (!entries.length) {
             return;
         }
-        const headerSubMenu = globalThis.document.querySelectorAll('[data-item-name=header-submenu]');
-        headerSubMenu.forEach((_) => {
-            headerSubMenuObserver?.observe(_);
-        });
-    }, 200);
-    const activeSubItem = findActiveSubItem(router)(subItems);
-    const toggleSubMenu = () => setHiddenMenuIsShow(!subMenuIsShow);
-    const subMenu = subItems?.map((_) => (_jsx(HeaderItem, { className: "mr-8", active: _ === activeSubItem, ...useLink({ router, handlerDecorator }, _), dataItemName: "header-submenu", bgColor: bgColor }, _.href)));
-    return (_jsxs("nav", { className: "relative mt-5", children: [_jsx("div", { className: "overflow-hidden whitespace-nowrap mr-52", children: subMenu }), renderDotsSubMenu({
-                subMenuIsShow,
-                toggleSubMenu,
-                subItems,
-                bgColor,
-                router,
-                handlerDecorator,
-            })] }));
+        const entry = entries[0];
+        if (entry.intersectionRatio < 1) {
+            setVisibleItemsCount((prev) => Math.min(prev, itemIndex));
+        }
+        else {
+            setVisibleItemsCount((prev) => Math.max(prev, itemIndex + 1));
+        }
+    };
+    return (_jsxs("nav", { className: "relative mt-5", children: [_jsx("div", { className: "overflow-hidden whitespace-nowrap mr-52", children: subItems.map((_, i) => (_jsx(IntersectionObserverTag, { Tag: "span", observerCallback: observerCallback(i), observerOptions: { threshold: 1 }, children: _jsx(HeaderItem, { className: `mr-8 ${visibleItemsCount - 1 < i ? 'invisible' : ''}`, active: _ === activeSubItem, ...useLink({ router, handlerDecorator }, _), bgColor: bgColor }) }, String(i)))) }), dropDownMenuItems.length ? (_jsx(DropdownMenu, { context: context, menuVisible: menuVisible, toggleMenu: toggleMenu, menuItems: dropDownMenuItems, bgColor: bgColor })) : null] }));
 });
-// TODO: add types
-const renderDotsSubMenu = ({ subMenuIsShow, toggleSubMenu, subItems, bgColor, router, handlerDecorator, }) => (_jsxs("div", { className: `absolute w-52 -top-4 right-0 pt-4 z-40 ${subMenuIsShow ? 'bg-white rounded-md shadow-blue-gray/24' : ''}`, "data-header-submenu-visible": "toggled", children: [_jsx("button", { className: "flex justify-between items-center cursor-pointer h-6 ml-6", onClick: toggleSubMenu, "aria-label": `${subMenuIsShow ? 'Скрыть другие разделы' : 'Показать другие разделы'}`, children: Array(3).fill(bgColor).map(renderDot) }), _jsx("div", { className: `flex flex-col rounded-md bg-white p-6 pb-2 ${subMenuIsShow ? '' : 'hidden'}`, "aria-hidden": !subMenuIsShow, children: renderDotsSubMenuItems(subItems, router, handlerDecorator) })] }));
-// TODO: add types
-const renderDotsSubMenuItems = (subItems, router, handlerDecorator) => subItems?.map((_) => (_jsx("a", { ...useLink({ router, handlerDecorator }, _), "data-item-name": "dots-header-submenu", className: "text-base font-light pb-4 hover:text-primary-main", children: _.text }, _.href)));
-const renderDot = (bgColor, i) => (_jsx("div", { className: `w-[3px] h-[3px] rounded mr-1 ${DOT_BG_COLORS_MAP[bgColor]}` }, String(i)));
 //# sourceMappingURL=HeaderSubMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderSubMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"HeaderSubMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3F,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,GAAG,OAAO,CAAC;IAE9D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAS,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAE5D,MAAM,aAAa,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC;IAEtD,MAAM,gBAAgB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC,OAAoC,EAAE,EAAE;QACvF,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACnB,OAAO;SACR;QAED,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAEzB,IAAI,KAAK,CAAC,iBAAiB,GAAG,CAAC,EAAE;YAC/B,oBAAoB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;SAC3D;aAAM;YACL,oBAAoB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC;SAC/D;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,yCAAyC,YACrD,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,uBAAuB,IACtB,GAAG,EAAC,MAAM,EACV,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,EACrC,eAAe,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAGjC,KAAC,UAAU,IACT,SAAS,EAAE,QAAQ,iBAAiB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EACjE,MAAM,EAAE,CAAC,KAAK,aAAa,KACvB,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC,EAC5C,OAAO,EAAE,OAAO,GAChB,IAPG,MAAM,CAAC,CAAC,CAAC,CAQU,CAC3B,CAAC,GACE,EACL,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1B,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/Headline/Headline.fixture.d.ts

@@ -3,8 +3,14 @@ export declare const HEADLINE: HeadlineContent;
 export declare const HEADLINE_PRIMARY: HeadlineContent;
 export declare const HEADLINE_SECONDARY: HeadlineContent;
 declare const _default: {
-    default: any;
-    primary: any;
-    secondary: any;
+    'default left alignment': any;
+    'default center alignment': any;
+    'default right alignment': any;
+    'primary left alignment': any;
+    'primary center alignment': any;
+    'primary right alignment': any;
+    'secondary left alignment': any;
+    'secondary center alignment': any;
+    'secondary right alignment': any;
 };
 export default _default;

package/lib/components/Headline/Headline.fixture.mobile.d.ts

@@ -1,8 +1,18 @@
 import { HeadlineContent } from './HeadlineContent';
 export declare const HEADLINE: HeadlineContent;
 declare const _default: {
-    default: any;
-    primary: any;
-    secondary: any;
+    'default left alignment': any;
+    'default center alignment': any;
+    'default right alignment': any;
+    'primary left alignment': any;
+    'primary center alignment': any;
+    'primary right alignment': any;
+    'primary without description': any;
+    'primary without title': any;
+    'secondary left alignment': any;
+    'secondary center alignment': any;
+    'secondary right alignment': any;
+    'secondary without description': any;
+    'secondary without title': any;
 };
 export default _default;

package/lib/components/Insurance/Insurance.fixture.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
-    default: any;
+    'without monthly payment': any;
+    'with monthly payment': any;
 };
 export default _default;

package/lib/components/Insurance/Insurance.js

@@ -3,15 +3,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers.js';
-export const Insurance = JSX(({ className = '', title, description, image, benefits, insuranceSum, monthLimit }) => {
-    return (_jsxs("section", { className: `px-[100px] py-[50px] bg-white text-primary-text ${className}`, children: [title ? _jsx(Heading, { headingType: "h3", title: title, className: "text-center" }) : null, description ? _jsx("div", { className: "text-center text-md mt-3", children: description }) : null, _jsx("div", { children: _jsxs("div", { className: "mt-5 mx-auto flex justify-center gap-[120px] mt-[30px]", children: [image?.src ? _jsx(Img, { image: image }) : null, _jsxs("div", { className: "w-[558px] m-auto", children: [benefits ? (_jsx("div", { className: "flex flex-col gap-4", children: benefits.map(renderBenefit) })) : null, _jsxs("div", { className: "bg-secondary-light h-15 flex mt-7 gap-6 px-5 py-4", children: [insuranceSum
-                                            ? renderValueBlock('Страховая сумма:', insuranceSum, Boolean(monthLimit))
-                                            : null, monthLimit
-                                            ? renderValueBlock('Ежемесячный лимит:', monthLimit, Boolean(insuranceSum))
+export const Insurance = JSX(({ className = '', title, description, image, benefits, sum, monthLimit }) => {
+    return (_jsxs("section", { className: `px-[100px] py-[50px] bg-white text-primary-text ${className}`, children: [title ? _jsx(Heading, { headingType: "h3", title: title, className: "text-center" }) : null, description ? _jsx("div", { className: "text-center text-md mt-3", children: description }) : null, _jsx("div", { children: _jsxs("div", { className: "mt-5 mx-auto flex justify-center gap-[120px] mt-[30px]", children: [image?.src ? _jsx(Img, { image: image }) : null, _jsxs("div", { className: "w-[558px] m-auto", children: [benefits ? (_jsx("div", { className: "flex flex-col gap-4", children: benefits.map(renderBenefit) })) : null, _jsxs("div", { className: "bg-secondary-light h-15 flex mt-7 gap-6 px-5 py-4", children: [sum ? renderValueBlock('Страховая сумма:', sum, Boolean(monthLimit)) : null, monthLimit
+                                            ? renderValueBlock('Ежемесячный лимит:', monthLimit, Boolean(sum))
                                             : null] })] })] }) })] }));
 });
 function renderBenefit(benefit, i) {
-    return (_jsxs("div", { className: "flex items-center gap-5", children: [benefit?.icon ? (_jsx(Img, { className: "w-[50px] h-[50px] min-w-[50px] p-3 rounded-full bg-secondary-light", image: benefit.icon, width: "24", height: "24", asSVG: true })) : null, _jsx("div", { className: "flex", children: _jsx("div", { className: "text-title-2xs", children: benefit.label }) })] }, String(i)));
+    return (_jsxs("div", { className: "flex items-center gap-5", children: [benefit?.icon ? (_jsx(Img, { className: "w-[50px] h-[50px] min-w-[50px] p-3 rounded-full bg-secondary-light", image: benefit.icon, width: "24", height: "24", asSVG: true })) : null, _jsxs("div", { children: [benefit?.label ? _jsx("div", { className: "text-title-2xs", children: benefit.label }) : null, benefit?.description ? (_jsx("div", { className: "mt-2 font-light text-secondary-text", children: benefit.description })) : null] })] }, String(i)));
 }
 function renderValueBlock(title, sum, isAnotherBlock) {
     const widthStyle = isAnotherBlock ? 'w-fit' : 'w-full';

package/lib/components/Insurance/Insurance.js.map

@@ -1 +1 @@
-{"version":3,"file":"Insurance.js","sourceRoot":"","sources":["../../../src/components/Insurance/Insurance.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,EAAE;IACpF,OAAO,CACL,mBAAS,SAAS,EAAE,mDAAmD,SAAS,EAAE,aAC/E,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,aAAa,GAAG,CAAC,CAAC,CAAC,IAAI,EACjF,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,0BAA0B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACnF,wBACE,eAAK,SAAS,EAAC,wDAAwD,aACpE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC1C,eAAK,SAAS,EAAC,kBAAkB,aAC9B,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,GAAO,CACzE,CAAC,CAAC,CAAC,IAAI,EAER,eAAK,SAAS,EAAC,mDAAmD,aAC/D,YAAY;4CACX,CAAC,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,YAAY,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;4CACzE,CAAC,CAAC,IAAI,EACP,UAAU;4CACT,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,UAAU,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;4CAC3E,CAAC,CAAC,IAAI,IACJ,IACF,IACF,GACF,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAAgB,EAAE,CAAS;IAChD,OAAO,CACL,eAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CACf,KAAC,GAAG,IACF,SAAS,EAAC,oEAAoE,EAC9E,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,MAAM,YACnB,cAAK,SAAS,EAAC,gBAAgB,YAAE,OAAO,CAAC,KAAK,GAAO,GACjD,KAZE,MAAM,CAAC,CAAC,CAAC,CAab,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc;IAClD,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvD,OAAO,CACL,eAAK,SAAS,EAAE,kDAAkD,UAAU,EAAE,aAC5E,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAQ,EAC9D,gBAAM,SAAS,EAAC,kCAAkC,aAAE,uBAAuB,CAAC,GAAG,CAAC,eAAU,IACtF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Insurance.js","sourceRoot":"","sources":["../../../src/components/Insurance/Insurance.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAM9E,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,mBAAS,SAAS,EAAE,mDAAmD,SAAS,EAAE,aAC/E,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,aAAa,GAAG,CAAC,CAAC,CAAC,IAAI,EACjF,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,0BAA0B,YAAE,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,EACnF,wBACE,eAAK,SAAS,EAAC,wDAAwD,aACpE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC1C,eAAK,SAAS,EAAC,kBAAkB,aAC9B,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,GAAO,CACzE,CAAC,CAAC,CAAC,IAAI,EAER,eAAK,SAAS,EAAC,mDAAmD,aAC/D,GAAG,CAAC,CAAC,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAC3E,UAAU;4CACT,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;4CAClE,CAAC,CAAC,IAAI,IACJ,IACF,IACF,GACF,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAAgB,EAAE,CAAS;IAChD,OAAO,CACL,eAAqB,SAAS,EAAC,yBAAyB,aACrD,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CACf,KAAC,GAAG,IACF,SAAS,EAAC,oEAAoE,EAC9E,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACR,0BACG,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,gBAAgB,YAAE,OAAO,CAAC,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC7E,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CACtB,cAAK,SAAS,EAAC,qCAAqC,YAAE,OAAO,CAAC,WAAW,GAAO,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,KAfE,MAAM,CAAC,CAAC,CAAC,CAgBb,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc;IAClD,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvD,OAAO,CACL,eAAK,SAAS,EAAE,kDAAkD,UAAU,EAAE,aAC5E,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAQ,EAC9D,gBAAM,SAAS,EAAC,kCAAkC,aAAE,uBAAuB,CAAC,GAAG,CAAC,eAAU,IACtF,CACP,CAAC;AACJ,CAAC"}

package/lib/components/Insurance/InsuranceContent.d.ts

@@ -1,13 +1,10 @@
 import type { Picture } from '../../model/Picture';
 import type { BenefitsBlockContent } from '../BenefitsBlock/BenefitsBlockContent';
-export declare type InsuranceContent = BenefitsBlockContent & {
+import type { InsuranceProps } from '../../model/Insurance';
+export declare type InsuranceContent = BenefitsBlockContent & InsuranceProps & {
     /** @title Заголовок */
     title?: string;
     /** @title Описание */
     description?: string;
-    /** @title Ежемесячный лимит */
-    monthLimit?: number;
-    /** @title Страховая сумма */
-    insuranceSum?: number;
     image?: Picture;
 };

package/lib/components/InsuranceAmountBlock/InsuranceAmountBlock.d.ts

@@ -0,0 +1,5 @@
+import type { UniBlockProps } from '../../types';
+import type { InsuranceAmountBlockContent } from './InsuranceAmountBlockContent';
+export interface InsuranceAmountBlockProps extends InsuranceAmountBlockContent, UniBlockProps {
+}
+export declare const InsuranceAmountBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<InsuranceAmountBlockProps, any>, context?: any) => any;

package/lib/components/InsuranceAmountBlock/InsuranceAmountBlock.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { InsuranceAmountBlockInner } from './InsuranceAmountBlockInner.js';
+import { Heading } from '../../ui-kit/Heading/Heading.js';
+import { Button } from '../../ui-kit/Button/Button.js';
+export const InsuranceAmountBlock = JSX(({ className = '', context, title, insuranceTabs = [], button, anchor = null }) => {
+    const insuranceGalleries = insuranceTabs.map((_) => _.cards);
+    const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
+    return (_jsxs("section", { id: anchor, className: `box-border py-[50px] overflow-hidden relative font-sans w-100 bg-white ${className}`, children: [title ? _jsx(Heading, { className: "text-center", title: title, headingType: "h3" }) : null, _jsx("div", { className: "p-1.5 bg-secondary-light w-fit m-auto rounded-md mt-[34px]", children: insuranceTabs.map((item, i) => renderNavButton({
+                    title: item?.title,
+                    i,
+                    activeSlideIndex,
+                    onClick: () => setActiveSlideIndex(i),
+                })) }), _jsx("div", { className: "flex", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: renderInsuranceGalleries({
+                    context,
+                    className,
+                    insuranceGalleries,
+                }) }), button?.text ? (_jsx("div", { className: "flex justify-center", children: _jsx(Button, { className: "box-border p-4 h-14 w-full max-w-[240px]", version: button?.version || 'primary', href: button.href, children: button.text }) })) : null] }));
+});
+const renderInsuranceGalleries = ({ insuranceGalleries, context, className }) => {
+    return insuranceGalleries?.length
+        ? insuranceGalleries.map((cards) => (_jsx(InsuranceAmountBlockInner, { context: context, className: className, cards: cards })))
+        : null;
+};
+function renderNavButton({ title, i, activeSlideIndex, onClick }) {
+    const isActiveBtn = i === activeSlideIndex;
+    const btnClassName = isActiveBtn
+        ? 'bg-primary-main text-white rounded-md'
+        : `text-secondary-text`;
+    return (_jsx("button", { type: "button", onClick: onClick, "aria-label": title, className: `box-border px-4 py-3 text-m-md ${btnClassName}`, children: title }, String(i)));
+}
+//# sourceMappingURL=InsuranceAmountBlock.js.map

package/lib/components/InsuranceAmountBlock/InsuranceAmountBlock.js.map

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

package/lib/components/InsuranceAmountBlock/InsuranceAmountBlockContent.d.ts

@@ -0,0 +1,30 @@
+import type { Picture } from '../../model/Picture';
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import type { InsuranceProps } from '../../model/Insurance';
+/**
+ * @title Кнопка выбора программы
+ */
+export declare type cardItem = InsuranceProps & {
+    icon?: Picture;
+    /** @title Страховой взнос */
+    fee?: number;
+};
+/**
+ * @title Вкладка
+ */
+export interface InsuranceAmountBlockTabs {
+    /** @title Заголовок вкладки */
+    title?: string;
+    /** @title Содержимое вкладки */
+    cards?: cardItem[];
+}
+/**
+ * @title Страховые суммы
+ */
+export interface InsuranceAmountBlockContent {
+    /** @title Заголовок */
+    title?: string;
+    /** @title Список вкладок */
+    insuranceTabs?: InsuranceAmountBlockTabs[];
+    button?: ButtonProps;
+}

package/lib/components/InsuranceAmountBlock/InsuranceAmountBlockContent.js

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

package/lib/components/InsuranceAmountBlock/InsuranceAmountBlockContent.js.map

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

package/lib/components/InsuranceAmountBlock/InsuranceAmountBlockInner.d.ts

@@ -0,0 +1,5 @@
+import type { UniBlockProps } from '../../types';
+import type { InsuranceAmountBlockTabs } from './InsuranceAmountBlockContent';
+export interface InsuranceAmountBlockInnerProps extends InsuranceAmountBlockTabs, UniBlockProps {
+}
+export declare const InsuranceAmountBlockInner: (props: import("@redneckz/uni-jsx").PropsWithChildren<InsuranceAmountBlockInnerProps, any>, context?: any) => any;

package/lib/components/InsuranceAmountBlock/InsuranceAmountBlockInner.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Img } from '../../ui-kit/Img/Img.js';
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers.js';
+import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
+export const InsuranceAmountBlockInner = JSX(({ className = '', context, cards = [], anchor = null }) => {
+    const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
+    const [tabsShift, setTabsShift] = context.useState(0);
+    const handleNextClick = () => setTabsShift(tabsShift + 1);
+    const handlePrevClick = () => setTabsShift(tabsShift - 1);
+    const galleryLength = cards?.length;
+    const isGalleryScrollAvailable = cards?.length > 2;
+    const showNextButton = isGalleryScrollAvailable && galleryLength > tabsShift + 2;
+    const isLastShift = galleryLength === tabsShift + 2;
+    const showPrevButton = tabsShift > 0;
+    return (_jsx("section", { id: anchor, className: `min-w-full ${className}`, children: _jsxs("div", { className: "relative mt-7 overflow-hidden", children: [galleryLength > 1
+                    ? renderGallery({
+                        tabsShift,
+                        cards,
+                        activeSlideIndex,
+                        isLastShift,
+                        setActiveSlideIndex,
+                    })
+                    : null, renderArrows({
+                    handler: [handlePrevClick, handleNextClick],
+                    isShown: [showPrevButton, showNextButton],
+                    btnClass: ['left-[50px]', 'right-[50px]'],
+                    className: 'top-[62px]',
+                }), showPrevButton ? (_jsx("div", { className: "absolute top-0 left-0 h-full w-[136px] bg-opacity-from-white" })) : null, showNextButton ? (_jsx("div", { className: "absolute top-0 right-0 h-full w-[136px] bg-opacity-to-white" })) : null] }) }));
+});
+function renderGallery({ tabsShift, cards, activeSlideIndex, isLastShift, setActiveSlideIndex, }) {
+    const tabsShiftWidth = isLastShift ? tabsShift * 460 - 240 : tabsShift * 460;
+    return (_jsx("div", { style: { transform: `translateX(-${tabsShiftWidth}px)` }, className: "duration-1000 px-[50px]", children: _jsx("div", { className: "w-full flex flex-nowrap gap-3.5 pb-[38px]", children: cards.map((slide, i) => renderSlide({
+                slide,
+                i,
+                activeSlideIndex,
+                onClick: () => setActiveSlideIndex(i),
+            })) }) }));
+}
+function renderSlide({ slide, i, activeSlideIndex, onClick }) {
+    const isActiveBtn = i === activeSlideIndex;
+    const btnClassName = isActiveBtn
+        ? 'shadow-dark-blue/42 border-primary-main'
+        : `ease-in duration-300 border-main-stroke`;
+    return (_jsxs("button", { type: "button", onClick: onClick, className: `p-[30px] min-w-[460px] flex items-center bg-white border-solid border relative ${btnClassName}`, children: [slide?.icon ? (_jsx(Img, { className: `h-[108px] w-[108px] p-3 rounded-full bg-secondary-light mr-[30px]`, image: slide.icon, width: "24", height: "24" })) : null, _jsxs("div", { className: "flex gap-3.5", children: [slide?.sum ? renderValueBlock('страховая сумма', slide.sum) : null, slide?.fee ? renderValueBlock('страховой взнос', slide.fee) : null] }), renderDoneIcon(isActiveBtn)] }, String(i)));
+}
+function renderValueBlock(title, sum) {
+    return (_jsxs("div", { className: "flex flex-col text-left", children: [_jsxs("span", { className: "whitespace-pre text-title-2xs", children: [addSpacesBetweenNumbers(sum), " \u20BD"] }), _jsx("span", { className: "whitespace-pre text-secondary-text font-light text-base mt-1", children: title })] }));
+}
+function renderDoneIcon(isActive) {
+    return isActive ? (_jsx(Img, { className: `h-[24px] w-[24px] min-w-[24px] min-h-[24px] absolute right-4 top-4`, image: "DoneIcon", width: "24", height: "24" })) : null;
+}
+//# sourceMappingURL=InsuranceAmountBlockInner.js.map