@redneckz/wildless-cms-uni-blocks 0.6.33 → 0.6.35

package/lib/components/InsuranceAmountBlock/InsuranceAmountBlockInner.js

@@ -1,52 +1,50 @@
 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 { useCarouselControls } from '../../hooks/useCarouselControls.js';
 import { Button } from '../../ui-kit/Button/Button.js';
 import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers.js';
 export const InsuranceAmountBlockInner = JSX(({ className = '', cards = [], button }) => {
-    const [activeSlideIndex, setActiveSlideIndex] = useState(0);
-    const [tabsShift, setTabsShift] = useState(0);
-    const handleNextClick = () => setTabsShift(tabsShift + 1);
-    const handlePrevClick = () => setTabsShift(tabsShift - 1);
-    const galleryLength = cards?.length ?? 0;
-    const isGalleryScrollAvailable = cards?.length > 2;
-    const showNextButton = isGalleryScrollAvailable && galleryLength > tabsShift + 2;
-    const isLastShift = galleryLength === tabsShift + 2;
-    const showPrevButton = tabsShift > 0;
-    const activeHref = cards[activeSlideIndex]?.href;
+    const [selectedCardIndex, setSelectedCardIndex] = useState(0);
+    const handleSelectedCardIndex = useCallback((_) => setSelectedCardIndex(_), []);
+    const galleryLength = cards.length;
+    const CARD_VIEW_COUNT = 2;
+    const [activeIndex, controls] = useCarouselControls({
+        itemCount: galleryLength,
+        visibleItemCount: CARD_VIEW_COUNT,
+    });
+    const { canDec, canInc } = controls;
+    const activeHref = cards[activeIndex]?.href;
     return (_jsxs("section", { role: "listitem", className: `min-w-full text-center ${className}`, children: [_jsxs("div", { className: "relative overflow-hidden", children: [galleryLength
                         ? renderGallery({
-                            tabsShift,
+                            activeIndex,
                             cards,
-                            activeSlideIndex,
-                            isLastShift,
-                            setActiveSlideIndex,
+                            selectedCardIndex,
+                            onClick: handleSelectedCardIndex,
                         })
                         : null, renderArrows({
-                        handler: [handlePrevClick, handleNextClick],
-                        isShown: [showPrevButton, showNextButton],
+                        ...controls,
                         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] }), _jsx(Button, { className: "w-[240px] text-center", version: "primary", ...button, href: activeHref })] }));
+                    }), canDec ? (_jsx("div", { className: "absolute top-0 left-0 h-full w-[136px] bg-opacity-from-white" })) : null, canInc ? (_jsx("div", { className: "absolute top-0 right-0 h-full w-[136px] bg-opacity-to-white" })) : null] }), _jsx(Button, { className: "w-[240px] text-center", version: "primary", ...button, href: activeHref })] }));
 });
-function renderGallery({ tabsShift, cards, activeSlideIndex, isLastShift, setActiveSlideIndex, }) {
-    const tabsShiftWidth = isLastShift ? tabsShift * 460 - 240 : tabsShift * 460;
+function renderGallery({ activeIndex, cards, selectedCardIndex, onClick }) {
+    const tabsShiftWidth = activeIndex * 460;
     const cardsAlignStyle = cards.length > 2 ? 'justify-start' : 'justify-center';
     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-12 ${cardsAlignStyle}`, children: cards.map((slide, i) => renderSlide({
                 slide,
                 i,
-                activeSlideIndex,
-                onClick: () => setActiveSlideIndex(i),
+                isActive: Boolean(i === selectedCardIndex),
+                onClick: () => onClick(i),
             })) }) }));
 }
-function renderSlide({ slide, i, activeSlideIndex, onClick }) {
-    const isActiveBtn = i === activeSlideIndex;
-    const btnClassName = isActiveBtn
+function renderSlide({ slide, i, isActive, onClick }) {
+    const btnClassName = isActive
         ? '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: "p-5 rounded-full bg-secondary-light mr-[30px]", image: slide.icon, width: "108", height: "108" })) : 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)));
+    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: "p-5 rounded-full bg-secondary-light mr-[30px]", image: slide.icon, width: "108", height: "108" })) : null, _jsxs("div", { className: "flex gap-3.5", children: [slide?.sum ? renderValueBlock('страховая сумма', slide.sum) : null, slide?.fee ? renderValueBlock('страховой взнос', slide.fee) : null] }), renderDoneIcon(isActive)] }, String(i)));
 }
 function renderValueBlock(title, sum) {
     return (_jsxs("div", { className: "flex flex-col text-left whitespace-pre", children: [_jsxs("span", { className: "text-h6", children: [addSpacesBetweenNumbers(sum), " \u20BD"] }), _jsx("span", { className: "text-secondary-text text-l mt-1", children: title })] }));

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 import { InvestmentGalleryProps } from './InvestmentGallery';
 export declare const shortProps: InvestmentGalleryProps;
 declare const _default: {

package/lib/components/InvestmentGallery/InvestmentGallery.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCarouselControls } from '../../hooks/useCarouselControls.js';
 import { VersionStyleMap } from '../../model/BlockVersion.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
@@ -9,26 +9,16 @@ import { InvestmentGalleryCard } from './InvestmentGalleryCard.js';
 const BLUR_BLOCK_CLASSES = 'absolute top-0 bottom-0 w-[84px]';
 const CARD_FULL_VIEW_COUNT = 1;
 export const InvestmentGallery = JSX(({ cards = [], className = '', title, version = 'primary', ...rest }) => {
-    const [activeCardIndex, setActiveCardIndex] = useState(0);
-    const cardWidth = 525;
-    return (_jsxs(BlockWrapper, { className: `relative font-sans p-9 overflow-hidden text-center ${VersionStyleMap[version]} ${className}`, ...rest, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-9", title: title }) : null, _jsxs("div", { children: [_jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeCardIndex * cardWidth}px)` }, role: "list", children: cards?.length ? cards.map(renderInvestmentGalleryCard(className, version)) : null }), renderNavButtons({
-                        cardsCount: cards.length,
-                        activeCardIndex,
-                        setActiveCardIndex,
+    const cardWidth = 710;
+    const [activeIndex, controls] = useCarouselControls({
+        itemCount: cards.length,
+        visibleItemCount: CARD_FULL_VIEW_COUNT,
+    });
+    return (_jsxs(BlockWrapper, { className: `relative font-sans p-9 overflow-hidden text-center ${VersionStyleMap[version]} ${className}`, ...rest, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-9", title: title }) : null, _jsxs("div", { children: [_jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeIndex * cardWidth}px)` }, role: "list", children: cards?.length ? cards.map(renderInvestmentGalleryCard(className, version)) : null }), renderArrows({
+                        ...controls,
+                        btnClass: ['left-8', 'right-8'],
+                        className: 'top-1/2 mt-3',
                     })] }), _jsx("div", { className: `${BLUR_BLOCK_CLASSES} left-0 ${version === 'secondary' ? 'bg-opacity-from-main' : 'bg-opacity-from-white'}` }), _jsx("div", { className: `${BLUR_BLOCK_CLASSES} right-0 ${version === 'secondary' ? 'bg-opacity-to-main' : 'bg-opacity-to-white'}` })] }));
 });
 const renderInvestmentGalleryCard = (className, version) => (card, i) => _jsx(InvestmentGalleryCard, { className: className, version: version, ...card }, String(i));
-const renderNavButtons = ({ cardsCount, activeCardIndex, setActiveCardIndex }) => {
-    const isUseSlider = cardsCount > CARD_FULL_VIEW_COUNT;
-    const showNextButton = isUseSlider && cardsCount - activeCardIndex > CARD_FULL_VIEW_COUNT;
-    const showPrevButton = isUseSlider && activeCardIndex > 0;
-    const handleNextClick = () => setActiveCardIndex(activeCardIndex + 1);
-    const handlePrevClick = () => setActiveCardIndex(activeCardIndex - 1);
-    return (_jsx("div", { children: renderArrows({
-            handler: [handlePrevClick, handleNextClick],
-            isShown: [showPrevButton, showNextButton],
-            btnClass: ['left-8', 'right-8'],
-            className: 'top-1/2 mt-3',
-        }) }));
-};
 //# sourceMappingURL=InvestmentGallery.js.map

package/lib/components/InvestmentGallery/InvestmentGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvestmentGallery.js","sourceRoot":"","sources":["../../../src/components/InvestmentGallery/InvestmentGallery.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InvestmentGallery.js","sourceRoot":"","sources":["../../../src/components/InvestmentGallery/InvestmentGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAMhE,MAAM,kBAAkB,GAAG,kCAAkC,CAAC;AAC9D,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAI/B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACtE,MAAM,SAAS,GAAG,GAAG,CAAC;IAEtB,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,SAAS,EAAE,KAAK,CAAC,MAAM;QACvB,gBAAgB,EAAE,oBAAoB;KACvC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,sDAAsD,eAAe,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,KACpG,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3E,0BACE,cACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,SAAS,KAAK,EAAE,EACjE,IAAI,EAAC,MAAM,YAEV,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,2BAA2B,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAC9E,EACL,YAAY,CAAC;wBACZ,GAAG,QAAQ;wBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;wBAC/B,SAAS,EAAE,cAAc;qBAC1B,CAAC,IACE,EACN,cACE,SAAS,EAAE,GAAG,kBAAkB,WAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBACrD,EAAE,GACF,EACF,cACE,SAAS,EAAE,GAAG,kBAAkB,YAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBACnD,EAAE,GACF,IACW,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,2BAA2B,GAC/B,CAAC,SAAiB,EAAE,OAAsB,EAAE,EAAE,CAAC,CAAC,IAAgC,EAAE,CAAS,EAAE,EAAE,CAC7F,KAAC,qBAAqB,IAAiB,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,KAAM,IAAI,IAA3D,MAAM,CAAC,CAAC,CAAC,CAAsD,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 import type { InvestmentInfoContent } from './InvestmentInfoContent';
 export declare const INVESTMENT_INFO: InvestmentInfoContent;
 declare const _default: {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     'two columns (default)': JSX.Element;
     'one column': JSX.Element;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     'vertical (default)': JSX.Element;
     'vertical, no border': JSX.Element;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 import type { MiniGalleryProps } from './MiniGallery';
 export declare const defaultProps: MiniGalleryProps;
 declare const _default: {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
     secondary: JSX.Element;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
 };

package/lib/components/MobileAppTile/MobileAppTile.js

@@ -13,14 +13,14 @@ export const MobileAppTile = JSX(({ className = '', title = 'Мобильное
     const textColorClass = version === 'primary' ? 'text-primary-text' : '';
     const containerStyle = version === 'secondary' ? 'p-3.5 min-w-[120px]' : 'min-w-[92px]';
     const buttonsWithClass = buttons?.map((_) => ({ ..._, className: 'min-w-[168px]' }));
-    return (_jsxs(BlockWrapper, { className: `flex justify-between font-sans p-9 box-border relative min-h-[320px]
+    return (_jsxs(BlockWrapper, { className: `flex justify-between font-sans p-[50px] box-border relative min-h-[320px]
         ${getTileMinHeight(className)}
         ${VersionStyleMap[version]}
-        ${className}`, ...rest, children: [_jsxs(BaseTile, { className: "z-10", title: title ? (_jsx(Heading, { headingType: headingType, as: "h3", title: title, className: `whitespace-pre-wrap mb-6 w-full
-                  ${textColorClass} ${AlignText[alignTitle]}` })) : null, buttons: buttons?.length ? (_jsx(ButtonSection, { buttons: buttonsWithClass, className: "flex gap-4", ...rest })) : null, children: [renderDescription(description), _jsxs("div", { className: "flex flex-1 items-center", children: [qr?.src ? (_jsx("div", { className: `flex justify-center mr-5 bg-white rounded-md ${containerStyle}`, children: _jsx(Img, { className: "w-fit", image: qr }) })) : null, renderList(version, items)] })] }), image?.src ? (_jsx("div", { className: "absolute right-0 bottom-0", children: _jsx(Img, { image: image }) })) : null] }));
+        ${className}`, ...rest, children: [_jsxs(BaseTile, { className: "z-10", title: title ? (_jsx(Heading, { headingType: headingType, as: "h3", title: title, className: `whitespace-pre-wrap mb-7 w-full
+                  ${textColorClass} ${AlignText[alignTitle]}` })) : null, buttons: buttons?.length ? (_jsx(ButtonSection, { buttons: buttonsWithClass, className: "flex gap-4 mt-8", ...rest })) : null, children: [renderDescription(description), _jsxs("div", { className: "flex flex-1 items-center mb-3", children: [qr?.src ? (_jsx("div", { className: `flex justify-center mr-5 bg-white rounded-md ${containerStyle}`, children: _jsx(Img, { className: "w-fit", image: qr }) })) : null, renderList(version, items)] })] }), image?.src ? (_jsx("div", { className: "absolute right-0 bottom-0", children: _jsx(Img, { image: image }) })) : null] }));
 });
 const renderList = (version, items) => {
     return items?.length ? (_jsx(List, { items: items, itemClassName: "text-l-light mb-2 last:mb-0", version: version })) : (_jsx("span", { className: "text-m-light text-secondary-text", children: "\u041D\u0430\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u0430\u043C\u0435\u0440\u0443 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430 \u043D\u0430 QR-\u043A\u043E\u0434 \u0438 \u0441\u043A\u0430\u0447\u0430\u0439\u0442\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435" }));
 };
-const renderDescription = (description) => description ? _jsx("p", { className: "text-xl-light mb-5", children: description }) : null;
+const renderDescription = (description) => description ? _jsx("p", { className: "text-xl-light mb-5 pt-0.5", children: description }) : null;
 //# sourceMappingURL=MobileAppTile.js.map

package/lib/components/MobileAppTile/MobileAppTile.js.map

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
 };

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
-export declare const OTHER_PRODUCTS_ITEM: JSX.Element;
+import type { BlockDef } from '../../model/ContentPageDef';
+import '../../setup-fixture';
+export declare const OTHER_PRODUCTS_ITEM: BlockDef;
 declare const _default: {
     default: JSX.Element;
 };

package/lib/components/OtherProducts/OtherProducts.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { renderChildren } from '../../BlockRenderer/renderChildren.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-export const OtherProducts = JSX(({ className = '', children, ...rest }) => (_jsx(BlockWrapper, { className: `font-sans text-primary-text ${className}`, ...rest, children: children })));
+export const OtherProducts = JSX(({ className = '', ...rest }) => (_jsx(BlockWrapper, { className: `font-sans text-primary-text ${className}`, ...rest, children: renderChildren(rest) })));
 OtherProducts.childrenTypes = ['OtherProductsItem'];
 //# sourceMappingURL=OtherProducts.js.map

package/lib/components/OtherProducts/OtherProducts.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtherProducts.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/OtherProducts.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,CAAC,MAAM,aAAa,GAAiC,GAAG,CAC5D,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACzC,KAAC,YAAY,IAAC,SAAS,EAAE,+BAA+B,SAAS,EAAE,KAAM,IAAI,YAC1E,QAAQ,GACI,CAChB,CACF,CAAC;AAEF,aAAa,CAAC,aAAa,GAAG,CAAC,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"OtherProducts.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/OtherProducts.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKzD,MAAM,CAAC,MAAM,aAAa,GAAiC,GAAG,CAC5D,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC/B,KAAC,YAAY,IAAC,SAAS,EAAE,+BAA+B,SAAS,EAAE,KAAM,IAAI,YAC1E,cAAc,CAAC,IAAI,CAAC,GACR,CAChB,CACF,CAAC;AAEF,aAAa,CAAC,aAAa,GAAG,CAAC,mBAAmB,CAAC,CAAC"}

package/lib/components/OtherProductsItem/OtherProductsItem.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { getParentBlockContent } from '../../model/getParentBlockContent.js';
+import { getParentBlockContent } from '../../BlockRenderer/getParentBlockContent.js';
+import { renderChildren } from '../../BlockRenderer/renderChildren.js';
 import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton.js';
 import { Foldable } from '../../ui-kit/Foldable/Foldable.js';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
 const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
-export const OtherProductsItem = JSX(({ className, page, ancestors, label = '', isUnfolded: unfoldedByDefault, children }) => {
-    const { colorPalette } = getParentBlockContent(ancestors, {});
-    return (_jsx("div", { className: `border-0 border-b border-solid border-main-divider ${className}`, children: _jsx(Foldable, { unfoldedByDefault: unfoldedByDefault, renderFoldableSection: ({ isUnfolded }) => (_jsx("div", { className: "box-border", children: _jsx(FoldableSection, { className: "grid grid-cols-12 gap-1 border-box", isUnfolded: isUnfolded, children: children }) })), renderFoldButton: ({ isUnfolded, onToggle }) => (_jsx(DefaultFoldButton, { label: label, icon: icons[Number(isUnfolded)], dataTheme: page?.colorPalette || colorPalette, onClick: onToggle })) }) }));
+export const OtherProductsItem = JSX(({ className, label = '', isUnfolded: unfoldedByDefault, ...rest }) => {
+    const { colorPalette } = getParentBlockContent(rest.options, {});
+    return (_jsx("div", { className: `border-0 border-b border-solid border-main-divider ${className}`, children: _jsx(Foldable, { unfoldedByDefault: unfoldedByDefault, renderFoldableSection: ({ isUnfolded }) => (_jsx("div", { className: "box-border", children: _jsx(FoldableSection, { className: "grid grid-cols-12 gap-1 border-box", isUnfolded: isUnfolded, children: renderChildren(rest) }) })), renderFoldButton: ({ isUnfolded, onToggle }) => (_jsx(DefaultFoldButton, { label: label, icon: icons[Number(isUnfolded)], dataTheme: colorPalette || rest.options?.page?.colorPalette, onClick: onToggle })) }) }));
 });
 OtherProductsItem.childrenTypes = []; // All types of blocks are suitable
 //# sourceMappingURL=OtherProductsItem.js.map

package/lib/components/OtherProductsItem/OtherProductsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtherProductsItem.js","sourceRoot":"","sources":["../../../src/components/OtherProductsItem/OtherProductsItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAOxE,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,GAAG,CACpE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtF,MAAM,EAAE,YAAY,EAAE,GAAG,qBAAqB,CAAC,SAAS,EAAE,EAA0B,CAAC,CAAC;IAEtF,OAAO,CACL,cAAK,SAAS,EAAE,sDAAsD,SAAS,EAAE,YAC/E,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,eAAe,IACd,SAAS,EAAC,oCAAoC,EAC9C,UAAU,EAAE,UAAU,YAErB,QAAQ,GACO,GACd,CACP,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9C,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,SAAS,EAAE,IAAI,EAAE,YAAY,IAAI,YAAY,EAC7C,OAAO,EAAE,QAAQ,GACjB,CACH,GACD,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAiB,CAAC,aAAa,GAAG,EAAE,CAAC,CAAC,mCAAmC"}
+{"version":3,"file":"OtherProductsItem.js","sourceRoot":"","sources":["../../../src/components/OtherProductsItem/OtherProductsItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAOxE,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,GAAG,CACpE,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,YAAY,EAAE,GAAG,qBAAqB,CAAC,IAAI,CAAC,OAAO,EAAE,EAA0B,CAAC,CAAC;IAEzF,OAAO,CACL,cAAK,SAAS,EAAE,sDAAsD,SAAS,EAAE,YAC/E,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,eAAe,IACd,SAAS,EAAC,oCAAoC,EAC9C,UAAU,EAAE,UAAU,YAErB,cAAc,CAAC,IAAI,CAAC,GACL,GACd,CACP,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9C,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,SAAS,EAAE,YAAY,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAC3D,OAAO,EAAE,QAAQ,GACjB,CACH,GACD,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAiB,CAAC,aAAa,GAAG,EAAE,CAAC,CAAC,mCAAmC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 import type { PictureTextContent } from './PictureTextContent';
 export declare const PICTURE_TEXT: PictureTextContent;
 export declare const INSURANCE_TEXT: PictureTextContent;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
 };

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: JSX.Element;
 export default _default;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 import type { ProductBlockContent } from './ProductBlockContent';
 export declare const PRODUCT_BLOCK: ProductBlockContent;
 declare const _default: {
@@ -13,5 +13,6 @@ declare const _default: {
     'secondary with list': JSX.Element;
     'secondary without image': JSX.Element;
     'secondary without back button': JSX.Element;
+    'secondary with footnote': JSX.Element;
 };
 export default _default;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
     items: JSX.Element;

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

@@ -1,4 +1,5 @@
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { Footnote } from '../../model/Footnote';
 import type { HeadlineProps } from '../../model/HeadlineType';
 import type { IconVersion } from '../../model/IconVersion';
 import type { LinkProps } from '../../model/LinkProps';
@@ -6,7 +7,7 @@ import type { Picture } from '../../model/Picture';
 import type { BenefitItemProps } from '../../ui-kit/BenefitItem/BenefitItemProps';
 import type { BackwardButtonProps, ButtonContent } from '../../ui-kit/Button/ButtonProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
-export declare type ProductBlockInnerContent = HeadlineProps & ListContent & ButtonContent & {
+export declare type ProductBlockInnerContent = HeadlineProps & ListContent & ButtonContent & Footnote & {
     /**
      * @default {
      *   "format": "webp",

package/lib/components/ProductBlock/ProductBlockInner.js

@@ -6,10 +6,10 @@ import { List } from '../../ui-kit/List/List.js';
 import { BaseTile } from '../BaseTile/BaseTile.js';
 import { Headline } from '../Headline/Headline.js';
 import { renderBenefit } from './renderBenefit.js';
-export const ProductBlockInner = JSX(({ className = '', title, headlineVersion = 'L', description, benefitsCountOfRow = 3, benefits, benefitsVersion, buttons, image, items, version = 'primary', isDotted = true, textBlockClassName = '', ...rest }) => {
+export const ProductBlockInner = JSX(({ className = '', title, headlineVersion = 'L', description, benefitsCountOfRow = 3, benefits, benefitsVersion, buttons, footnote, image, items, version = 'primary', isDotted = true, textBlockClassName = '', ...rest }) => {
     const benefitsCount = benefits?.filter((_) => _.label)?.length;
     const benefitsContainerStyles = getBenefitsContainerStyles(benefitsCountOfRow);
-    return (_jsxs("div", { className: `flex grow justify-between items-stretch h-full ${className}`, children: [_jsxs("div", { className: `flex flex-col ${textBlockClassName}`, children: [_jsx(Headline, { title: title, description: description, className: `!p-0 max-w-[600px]`, bgColorHeadline: version, headlineVersion: headlineVersion, align: "left", ...rest }), _jsxs(BaseTile, { buttons: buttons?.length ? (_jsx(ButtonSection, { buttons: buttons, className: "flex gap-4", ...rest })) : null, children: [benefitsCount ? (_jsx("div", { className: benefitsContainerStyles, children: benefits.map(renderBenefit(version, benefitsVersion)) })) : null, items?.length ? (_jsx(List, { className: "mt-5 text-h6", items: items, itemClassName: "mb-[7px]", version: version, isDotted: isDotted })) : null] })] }), image?.src && _jsx(Img, { className: "mt-[-50px]", image: image })] }));
+    return (_jsxs("div", { className: `flex grow justify-between items-stretch h-full ${className}`, children: [_jsxs("div", { className: `flex flex-col ${textBlockClassName}`, children: [_jsx(Headline, { title: title, description: description, className: `!p-0 max-w-[600px]`, bgColorHeadline: version, headlineVersion: headlineVersion, align: "left", ...rest }), _jsxs("div", { className: "flex flex-col justify-between h-full", children: [_jsxs(BaseTile, { buttons: buttons?.length ? (_jsx(ButtonSection, { buttons: buttons, className: "flex gap-4", ...rest })) : null, children: [benefitsCount ? (_jsx("div", { className: benefitsContainerStyles, children: benefits.map(renderBenefit(version, benefitsVersion)) })) : null, items?.length ? (_jsx(List, { className: "mt-5 text-h6", items: items, itemClassName: "mb-[7px]", version: version, isDotted: isDotted })) : null] }), footnote ? _jsx("p", { className: "text-m-light pt-12", children: footnote }) : null] })] }), image?.src && _jsx(Img, { className: "mt-[-50px]", image: image })] }));
 });
 const getBenefitsContainerStyles = (benefitsCountOfRow = 2) => `gap-6 mt-6 ${benefitsCountOfRow > 2
     ? 'inline-grid grid-cols-[auto_auto_auto]'

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

@@ -1 +1 @@
-{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,eAAe,GAAG,GAAG,EACrB,WAAW,EACX,kBAAkB,GAAG,CAAC,EACtB,QAAQ,EACR,eAAe,EACf,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,IAAI,EACf,kBAAkB,GAAG,EAAE,EACvB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAC/D,MAAM,uBAAuB,GAAG,0BAA0B,CAAC,kBAAkB,CAAC,CAAC;IAE/E,OAAO,CACL,eAAK,SAAS,EAAE,kDAAkD,SAAS,EAAE,aAC3E,eAAK,SAAS,EAAE,iBAAiB,kBAAkB,EAAE,aACnD,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,oBAAoB,EAC/B,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAC,MAAM,KACR,IAAI,GACR,EACF,MAAC,QAAQ,IACP,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,KAAK,IAAI,GAAI,CACrE,CAAC,CAAC,CAAC,IAAI,aAGT,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,uBAAuB,YACpC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,GAClD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAC,UAAU,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACC,IACP,EACL,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,KAAK,GAAI,IACvD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,0BAA0B,GAAG,CAAC,kBAAkB,GAAG,CAAC,EAAE,EAAE,CAC5D,cACE,kBAAkB,GAAG,CAAC;IACpB,CAAC,CAAC,wCAAwC;IAC1C,CAAC,CAAC,mCACN,EAAE,CAAC"}
+{"version":3,"file":"ProductBlockInner.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlockInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,eAAe,GAAG,GAAG,EACrB,WAAW,EACX,kBAAkB,GAAG,CAAC,EACtB,QAAQ,EACR,eAAe,EACf,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,IAAI,EACf,kBAAkB,GAAG,EAAE,EACvB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAC/D,MAAM,uBAAuB,GAAG,0BAA0B,CAAC,kBAAkB,CAAC,CAAC;IAE/E,OAAO,CACL,eAAK,SAAS,EAAE,kDAAkD,SAAS,EAAE,aAC3E,eAAK,SAAS,EAAE,iBAAiB,kBAAkB,EAAE,aACnD,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,oBAAoB,EAC/B,eAAe,EAAE,OAAO,EACxB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAC,MAAM,KACR,IAAI,GACR,EACF,eAAK,SAAS,EAAC,sCAAsC,aACnD,MAAC,QAAQ,IACP,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,KAAK,IAAI,GAAI,CACrE,CAAC,CAAC,CAAC,IAAI,aAGT,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,uBAAuB,YACpC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,GAClD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,KAAC,IAAI,IACH,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAC,UAAU,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACC,EACV,QAAQ,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,IAC/D,IACF,EACL,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,KAAK,GAAI,IACvD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,0BAA0B,GAAG,CAAC,kBAAkB,GAAG,CAAC,EAAE,EAAE,CAC5D,cACE,kBAAkB,GAAG,CAAC;IACpB,CAAC,CAAC,wCAAwC;IAC1C,CAAC,CAAC,mCACN,EAAE,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
     primary: JSX.Element;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 import type { ProductTileContent } from './ProductTileContent';
 export declare const PRODUCT_TILE: ProductTileContent;
 export declare const PRODUCT_PENSION_TILE: ProductTileContent;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     default: JSX.Element;
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 import { RecommendationProps } from './Recommendation';
 export declare const defaultProps: RecommendationProps;
 export declare const shortProps: RecommendationProps;

package/lib/components/Recommendation/Recommendation.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCarouselControls } from '../../hooks/useCarouselControls.js';
 import { VersionStyleMap } from '../../model/BlockVersion.js';
 import { BorderVersionStyleMap } from '../../model/BorderVersion.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
@@ -8,29 +8,19 @@ import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { RecommendationCard } from './RecommendationCard.js';
 const BLUR_BLOCK_CLASSES = 'absolute top-0 bottom-0 w-[84px]';
-const CARD_FULL_VIEW_COUNT = 2;
+const CARD_VIEW_COUNT = 2;
 const CARD_SHIFT = 525;
 export const Recommendation = JSX(({ recommendations = [], className = '', title, version = 'primary', ...rest }) => {
-    const [activeCardIndex, setActiveCardIndex] = useState(0);
-    return (_jsxs(BlockWrapper, { className: `relative font-sans p-9 overflow-hidden text-center ${VersionStyleMap[version]} ${className}`, ...rest, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-6", title: title }) : null, _jsxs("div", { children: [_jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeCardIndex * CARD_SHIFT}px)` }, role: "list", children: recommendations?.length
+    const [activeIndex, controls] = useCarouselControls({
+        itemCount: recommendations.length,
+        visibleItemCount: CARD_VIEW_COUNT,
+    });
+    return (_jsxs(BlockWrapper, { className: `relative font-sans p-9 overflow-hidden text-center ${VersionStyleMap[version]} ${className}`, ...rest, children: [title ? _jsx(Heading, { headingType: "h3", className: "mb-6", title: title }) : null, _jsxs("div", { children: [_jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }, role: "list", children: recommendations.length
                             ? recommendations.map((card, i) => (_jsx(RecommendationCard, { version: version, className: BorderVersionStyleMap[version], ...card }, String(i))))
-                            : null }), renderNavButtons({
-                        cardsCount: recommendations.length,
-                        activeCardIndex,
-                        setActiveCardIndex,
+                            : null }), renderArrows({
+                        ...controls,
+                        btnClass: ['left-8', 'right-8'],
+                        className: 'top-1/2 mt-3',
                     })] }), _jsx("div", { className: `${BLUR_BLOCK_CLASSES} left-0 ${version === 'secondary' ? 'bg-opacity-from-main' : 'bg-opacity-from-white'}` }), _jsx("div", { className: `${BLUR_BLOCK_CLASSES} right-0 ${version === 'secondary' ? 'bg-opacity-to-main' : 'bg-opacity-to-white'}` })] }));
 });
-const renderNavButtons = ({ cardsCount, activeCardIndex, setActiveCardIndex, }) => {
-    const handleNextClick = () => setActiveCardIndex(activeCardIndex + 1);
-    const handlePrevClick = () => setActiveCardIndex(activeCardIndex - 1);
-    const isUseSlider = cardsCount > CARD_FULL_VIEW_COUNT;
-    const showNextButton = isUseSlider && cardsCount - activeCardIndex > CARD_FULL_VIEW_COUNT;
-    const showPrevButton = isUseSlider && activeCardIndex > 0;
-    return (_jsx("div", { children: renderArrows({
-            handler: [handlePrevClick, handleNextClick],
-            isShown: [showPrevButton, showNextButton],
-            btnClass: ['left-8', 'right-8'],
-            className: 'top-1/2 mt-3',
-        }) }));
-};
 //# sourceMappingURL=Recommendation.js.map

package/lib/components/Recommendation/Recommendation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Recommendation.js","sourceRoot":"","sources":["../../../src/components/Recommendation/Recommendation.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Recommendation.js","sourceRoot":"","sources":["../../../src/components/Recommendation/Recommendation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,kBAAkB,GAAG,kCAAkC,CAAC;AAC9D,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAC;AAIvB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,CAAC,EAAE,eAAe,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAChF,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,SAAS,EAAE,eAAe,CAAC,MAAM;QACjC,gBAAgB,EAAE,eAAe;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,sDAAsD,eAAe,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,KACpG,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3E,0BACE,cACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,UAAU,KAAK,EAAE,EAClE,IAAI,EAAC,MAAM,YAEV,eAAe,CAAC,MAAM;4BACrB,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,KAAC,kBAAkB,IAEjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,qBAAqB,CAAC,OAAO,CAAC,KACrC,IAAI,IAHH,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;4BACJ,CAAC,CAAC,IAAI,GACJ,EACL,YAAY,CAAC;wBACZ,GAAG,QAAQ;wBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;wBAC/B,SAAS,EAAE,cAAc;qBAC1B,CAAC,IACE,EACN,cACE,SAAS,EAAE,GAAG,kBAAkB,WAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBACrD,EAAE,GACF,EACF,cACE,SAAS,EAAE,GAAG,kBAAkB,YAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBACnD,EAAE,GACF,IACW,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/RollupItem/RollupItem.js

@@ -1,16 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { renderChildren } from '../../BlockRenderer/renderChildren.js';
 import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton.js';
 import { Foldable } from '../../ui-kit/Foldable/Foldable.js';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { getIconWithVersion } from '../../utils/getIconWithVersion.js';
-export const RollupItem = JSX(({ className = '', label = 'Развернуть', isExpanded, isFoldButtonOnTop = true, version = 'primary', children, }) => (_jsx("div", { className: `border-b border-solid border-main-divider w-full ${className}`, children: _jsx(Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (_jsx("div", { className: "box-border", children: _jsx(FoldableSection, { className: `grid grid-cols-12 gap-1 border-box`, isUnfolded: isUnfolded, children: children }) })), renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({ isUnfolded, onToggle, label, version }) }) })));
+export const RollupItem = JSX(({ className = '', label = 'Развернуть', isExpanded, isFoldButtonOnTop = true, version = 'primary', ...rest }) => (_jsx("div", { className: `border-b border-solid border-main-divider w-full ${className}`, children: _jsx(Foldable, { isFoldButtonOnTop: isFoldButtonOnTop, unfoldedByDefault: isExpanded, renderFoldableSection: ({ isUnfolded }) => (_jsx("div", { className: "box-border", children: _jsx(FoldableSection, { className: `grid grid-cols-12 gap-1 border-box`, isUnfolded: isUnfolded, children: renderChildren(rest) }) })), renderFoldButton: ({ isUnfolded, onToggle }) => renderFoldButton({ isUnfolded, onToggle, label, version }) }) })));
 RollupItem.childrenTypes = [];
 const renderFoldButton = ({ isUnfolded, onToggle, label, version }) => {
-    const icons = ['PlusIcon', 'MinusIcon'];
+    const iconsPrimary = ['PlusIcon', 'MinusIcon'];
+    const iconsSecondary = ['ArrowDownIcon', 'ArrowUpIcon'];
     const labels = label ? [label, label] : ['Развернуть', 'Скрыть'];
-    return version === 'primary' ? (_jsx(FoldButton, { icon: icons[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle })) : (_jsx(DefaultFoldButton, { icon: icons[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle }));
+    return version === 'primary' ? (_jsx(FoldButton, { icon: iconsPrimary[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle })) : (_jsx(DefaultFoldButton, { icon: iconsSecondary[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle }));
 };
 const FoldButton = JSX(({ label, icon, onClick }) => (_jsxs("button", { className: "border-none bg-transparent px-9 pt-5 pb-3.5 flex justify-between text-left w-full font-sans text-h6 group cursor-pointer", onClick: onClick, children: [_jsx("span", { className: "text-xl font-medium pr-2.5", children: label }), icon ? _jsx(Img, { image: getIconWithVersion({ icon }), width: "24", height: "24", asSVG: true }) : null] })));
 //# sourceMappingURL=RollupItem.js.map

package/lib/components/RollupItem/RollupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"RollupItem.js","sourceRoot":"","sources":["../../../src/components/RollupItem/RollupItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAgBpE,MAAM,CAAC,MAAM,UAAU,GAA8B,GAAG,CACtD,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,YAAY,EACpB,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,OAAO,GAAG,SAAS,EACnB,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,oDAAoD,SAAS,EAAE,YAC7E,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,UAAU,EAC7B,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,eAAe,IACd,SAAS,EAAE,oCAAoC,EAC/C,UAAU,EAAE,UAAU,YAErB,QAAQ,GACO,GACd,CACP,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7C,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,GAE5D,GACE,CACP,CACF,CAAC;AAEF,UAAU,CAAC,aAAa,GAAG,EAAE,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAA2B,EAAE,EAAE;IAC7F,MAAM,KAAK,GAAe,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IAEjE,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACpE,kBACE,SAAS,EAAC,0HAA0H,EACpI,OAAO,EAAE,OAAO,aAEhB,eAAM,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAQ,EAC1D,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,IACjF,CACV,CAAC,CAAC"}
+{"version":3,"file":"RollupItem.js","sourceRoot":"","sources":["../../../src/components/RollupItem/RollupItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAgBpE,MAAM,CAAC,MAAM,UAAU,GAA8B,GAAG,CACtD,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,YAAY,EACpB,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,oDAAoD,SAAS,EAAE,YAC7E,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,UAAU,EAC7B,qBAAqB,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACzC,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,eAAe,IACd,SAAS,EAAE,oCAAoC,EAC/C,UAAU,EAAE,UAAU,YAErB,cAAc,CAAC,IAAI,CAAC,GACL,GACd,CACP,EACD,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7C,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,GAE5D,GACE,CACP,CACF,CAAC;AAEF,UAAU,CAAC,aAAa,GAAG,EAAE,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAA2B,EAAE,EAAE;IAC7F,MAAM,YAAY,GAAe,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAC3D,MAAM,cAAc,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IACpE,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IAEjE,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,KAAC,UAAU,IACT,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACtC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,IAChB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACxC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACpE,kBACE,SAAS,EAAC,0HAA0H,EACpI,OAAO,EAAE,OAAO,aAEhB,eAAM,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAQ,EAC1D,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC,CAAC,CAAC,IAAI,IACjF,CACV,CAAC,CAAC"}