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

package/lib/components/Calculator/Calculator.js

@@ -1,6 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx } 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 { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
 import { Img } from '../../ui-kit/Img/Img.js';
@@ -8,46 +9,45 @@ import { renderCalculatorBlock } from './renderCalculatorBlock.js';
 export const Calculator = JSX(({ className = '', calculatorTabs = [], ...rest }) => {
     const tabsNav = calculatorTabs.map((_) => _.nav || {});
     const calculatorBlocks = calculatorTabs.map(({ calculatorBlock }) => calculatorBlock || {});
-    const [activeSlideIndex, setActiveSlideIndex] = useState(0);
-    const [tabsShift, setTabsShift] = useState(0);
-    const handleNextClick = () => setTabsShift(tabsShift + 1);
-    const handlePrevClick = () => setTabsShift(tabsShift - 1);
-    const isGalleryScrollAvailable = calculatorTabs?.length > 3;
-    const showNextButton = isGalleryScrollAvailable && calculatorTabs?.length > tabsShift + 3;
-    const showPrevButton = tabsShift > 0;
+    const [slideIndexShift, setSlideIndexShift] = useState(0);
+    const handleSlideIndexShift = useCallback((_) => setSlideIndexShift(_), []);
+    const COLUMNS_FOR_SCROLL = 3;
+    const [activeIndex, controls] = useCarouselControls({
+        itemCount: calculatorTabs?.length,
+        visibleItemCount: COLUMNS_FOR_SCROLL,
+    });
     return (_jsxs(BlockWrapper, { className: `box-border overflow-hidden relative font-sans w-100 text-primary-text bg-white ${className}`, ...rest, children: [_jsxs("div", { className: "bg-white", children: [tabsNav.length > 1
-                        ? renderTabs({ tabsShift, tabsNav, activeSlideIndex, setActiveSlideIndex })
+                        ? renderTabs({ activeIndex, tabsNav, slideIndexShift, onClick: handleSlideIndexShift })
                         : null, renderArrows({
-                        handler: [handlePrevClick, handleNextClick],
-                        isShown: [showPrevButton, showNextButton],
+                        ...controls,
                         btnClass: ['left-3', 'right-3'],
                         className: 'top-8',
-                    })] }), _jsx("div", { className: "flex", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: calculatorBlocks?.length ? calculatorBlocks.map(renderCalculatorBlock) : null })] }));
+                    })] }), _jsx("div", { className: "flex", style: { transform: `translateX(-${slideIndexShift}00%)` }, role: "list", children: calculatorBlocks?.length ? calculatorBlocks.map(renderCalculatorBlock) : null })] }));
 });
-function renderNavButton({ tab, i, activeSlideIndex, onClick }) {
-    const isActiveBtn = i === activeSlideIndex;
-    const btnClassName = isActiveBtn
+function renderNavButton({ tab, i, isActive, onClick }) {
+    const btnClassName = isActive
         ? 'h-[88px] w-[387px] min-w-[387px] p-5 border-none bg-primary-main text-white'
         : `h-[77px] w-[328px] min-w-[328px] px-5 py-4 ease-in duration-300 bg-white text-primary-text`;
-    const btnTitleClassName = isActiveBtn ? 'text-xl mb-1.5' : `text-l mb-[3px]`;
-    const btnDescClassName = isActiveBtn
+    const btnTitleClassName = isActive ? 'text-xl mb-1.5' : `text-l mb-[3px]`;
+    const btnDescClassName = isActive
         ? 'text-l-light text-white'
         : `text-m-light text-secondary-text`;
-    const iconClassName = isActiveBtn ? '' : `text-primary-main`;
+    const iconClassName = isActive ? '' : `text-primary-main`;
     const iconVersion = tab?.icon?.iconVersion;
-    const activeIconStyle = isActiveBtn ? 'white' : 'normal';
+    const activeIconStyle = isActive ? 'white' : 'normal';
     return (_jsxs("button", { type: "button", onClick: onClick, "aria-label": tab?.title, className: `box-border relative border border-main-stroke cursor-pointer text-left border-b-0 flex hover:h-[88px]
       ${btnClassName}`, children: [_jsx(Img, { className: `h-6 w-6 min-w-6 min-h-6 mr-4 ${iconClassName}`, image: {
                     ...tab?.icon,
                     iconVersion: iconVersion ?? activeIconStyle,
                 }, width: "24", height: "24", asSVG: true }), _jsxs("div", { className: "border-0", children: [_jsx("div", { className: `${btnTitleClassName}`, children: tab?.title }), _jsx("div", { className: `${btnDescClassName}`, children: tab.description })] })] }, String(i)));
 }
-function renderTabs({ tabsShift, tabsNav, activeSlideIndex, setActiveSlideIndex }) {
-    return (_jsxs("div", { children: [_jsx("div", { style: { transform: `translateX(-${tabsShift * 388}px)` }, className: "flex flex-col justify-end items-center h-[126px] pt-9 box-border duration-1000", children: _jsx("div", { className: "w-full flex flex-nowrap items-end gap-2", children: tabsNav.map((tab, i) => renderNavButton({
+function renderTabs({ activeIndex, tabsNav, slideIndexShift, onClick }) {
+    const CARD_SHIFT = 388;
+    return (_jsxs("div", { children: [_jsx("div", { style: { transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }, className: "flex flex-col justify-end items-center h-[126px] pt-9 box-border duration-1000", children: _jsx("div", { className: "w-full flex flex-nowrap items-end gap-2", children: tabsNav.map((tab, i) => renderNavButton({
                         tab,
                         i,
-                        activeSlideIndex,
-                        onClick: () => setActiveSlideIndex(i),
+                        isActive: Boolean(i === slideIndexShift),
+                        onClick: () => onClick(i),
                     })) }) }), _jsx("div", { className: "w-full h-2 bg-primary-main" })] }));
 }
 //# sourceMappingURL=Calculator.js.map

package/lib/components/Calculator/Calculator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calculator.js","sourceRoot":"","sources":["../../../src/components/Calculator/Calculator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAkBhE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACnD,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,IAAK,EAAoB,CAAC,CAAC;IAC1E,MAAM,gBAAgB,GAAG,cAAc,CAAC,GAAG,CACzC,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,eAAe,IAAK,EAAyB,CACvE,CAAC;IACF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IAC1D,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IAE1D,MAAM,wBAAwB,GAAG,cAAc,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,wBAAwB,IAAI,cAAc,EAAE,MAAM,GAAG,SAAS,GAAG,CAAC,CAAC;IAC1F,MAAM,cAAc,GAAG,SAAS,GAAG,CAAC,CAAC;IAErC,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,kFAAkF,SAAS,EAAE,KACpG,IAAI,aAER,eAAK,SAAS,EAAC,UAAU,aACtB,OAAO,CAAC,MAAM,GAAG,CAAC;wBACjB,CAAC,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;wBAC3E,CAAC,CAAC,IAAI,EACP,YAAY,CAAC;wBACZ,OAAO,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;wBAC3C,OAAO,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC;wBACzC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;wBAC/B,SAAS,EAAE,OAAO;qBACnB,CAAC,IACE,EACN,cACE,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,gBAAgB,MAAM,EAAE,EAC3D,IAAI,EAAC,MAAM,YAEV,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,IAAI,GAC1E,IACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAkB;IAC5E,MAAM,WAAW,GAAG,CAAC,KAAK,gBAAgB,CAAC;IAE3C,MAAM,YAAY,GAAG,WAAW;QAC9B,CAAC,CAAC,6EAA6E;QAC/E,CAAC,CAAC,4FAA4F,CAAC;IACjG,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAC7E,MAAM,gBAAgB,GAAG,WAAW;QAClC,CAAC,CAAC,yBAAyB;QAC3B,CAAC,CAAC,kCAAkC,CAAC;IACvC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAC7D,MAAM,WAAW,GAAG,GAAG,EAAE,IAAI,EAAE,WAAW,CAAC;IAC3C,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEzD,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EAEb,OAAO,EAAE,OAAO,gBACJ,GAAG,EAAE,KAAK,EACtB,SAAS,EAAE;QACT,YAAY,EAAE,aAEhB,KAAC,GAAG,IACF,SAAS,EAAE,gCAAgC,aAAa,EAAE,EAC1D,KAAK,EAAE;oBACL,GAAG,GAAG,EAAE,IAAI;oBACZ,WAAW,EAAE,WAAW,IAAI,eAAe;iBAC5C,EACD,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,EACF,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAE,GAAG,iBAAiB,EAAE,YAAG,GAAG,EAAE,KAAK,GAAO,EAC1D,cAAK,SAAS,EAAE,GAAG,gBAAgB,EAAE,YAAG,GAAG,CAAC,WAAW,GAAO,IAC1D,KAnBD,MAAM,CAAC,CAAC,CAAC,CAoBP,CACV,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAa;IAC1F,OAAO,CACL,0BACE,cACE,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,SAAS,GAAG,GAAG,KAAK,EAAE,EACzD,SAAS,EAAC,gFAAgF,YAE1F,cAAK,SAAS,EAAC,yCAAyC,YACrD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CACtB,eAAe,CAAC;wBACd,GAAG;wBACH,CAAC;wBACD,gBAAgB;wBAChB,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;qBACtC,CAAC,CACH,GACG,GACF,EACN,cAAK,SAAS,EAAC,4BAA4B,GAAG,IAC1C,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Calculator.js","sourceRoot":"","sources":["../../../src/components/Calculator/Calculator.tsx"],"names":[],"mappings":"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"}

package/lib/components/Calculator/CalculatorValueBlock.js

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers.js';
-export const CalculatorValueBlock = JSX(({ title, value, postfix = '', prefix, className = '' }) => {
-    return (_jsxs("div", { className: `mb-7 ${className}`, children: [title ? _jsx("div", { className: "text-l-light text-secondary-text", children: title }) : null, value ? (_jsxs("div", { className: "text-h3", children: [prefix, " ", addSpacesBetweenNumbers(Math.round(value)), " ", postfix] })) : null] }));
-});
+export const CalculatorValueBlock = JSX(({ title, value, postfix = '', prefix, className = '' }) => (_jsxs("div", { className: `mb-7 ${className}`, children: [title ? _jsx("div", { className: "text-l-light text-secondary-text", children: title }) : null, value ? (_jsxs("div", { className: "text-h3", children: [prefix, " ", addSpacesBetweenNumbers(Math.round(value)), " ", postfix] })) : null] })));
 //# sourceMappingURL=CalculatorValueBlock.js.map

package/lib/components/Calculator/CalculatorValueBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalculatorValueBlock.js","sourceRoot":"","sources":["../../../src/components/Calculator/CalculatorValueBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAU9E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAG,EAAE,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IACzD,OAAO,CACL,eAAK,SAAS,EAAE,QAAQ,SAAS,EAAE,aAChC,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC9E,KAAK,CAAC,CAAC,CAAC,CACP,eAAK,SAAS,EAAC,SAAS,aACrB,MAAM,OAAG,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAG,OAAO,IAC1D,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"CalculatorValueBlock.js","sourceRoot":"","sources":["../../../src/components/Calculator/CalculatorValueBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAU9E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAG,EAAE,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAC1D,eAAK,SAAS,EAAE,QAAQ,SAAS,EAAE,aAChC,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC9E,KAAK,CAAC,CAAC,CAAC,CACP,eAAK,SAAS,EAAC,SAAS,aACrB,MAAM,OAAG,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAG,OAAO,IAC1D,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CACF,CAAC"}

package/lib/components/CardTransfer/CardTransfer.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/CardTransfer/CardTransfer.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 { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useLink } from '../../hooks/useLink.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { getDisabledButtonClasses } from '../../ui-kit/Button/getDisabledButtonClasses.js';
@@ -15,11 +15,12 @@ const DEFAULT_LABEL = 'Сумма перевода';
 const DEFAULT_PLACEHOLDER = '1500';
 export const CardTransfer = JSX(({ className = '', title = DEFAULT_TITLE, label = DEFAULT_LABEL, placeholder = DEFAULT_PLACEHOLDER, button, ...rest }) => {
     const [value, setValue] = useState('');
+    const handleChange = useCallback((_) => setValue(_), []);
     const isDisabled = !Number(getSanitizedValue(value));
     const buttonStyle = isDisabled
         ? getDisabledButtonClasses({ version: button?.version })
         : getRegularButtonClasses({ className: 'text-white', version: button?.version });
     const link = useLink();
-    return (_jsxs(BlockWrapper, { className: `p-[50px] flex flex-col items-center font-sans bg-white ${className}`, ...rest, children: [title ? _jsx(Heading, { className: "max-w-[684px] pb-9", headingType: "h2", title: title }) : null, _jsxs("form", { className: "w-[468px]", method: "POST", action: FORM_URL, children: [_jsx(CurrencyInput, { name: AMOUNT_KEY, value: value, onChange: setValue, valid: value === '' || !isDisabled, placeholder: placeholder, label: label }), button?.text ? (_jsx("button", { type: "submit", className: `w-full p-4 mt-6 ${buttonStyle} `, disabled: isDisabled, ...link(button), children: button.text })) : null] })] }));
+    return (_jsxs(BlockWrapper, { className: `p-[50px] flex flex-col items-center font-sans bg-white ${className}`, ...rest, children: [title ? _jsx(Heading, { className: "max-w-[684px] pb-9", headingType: "h2", title: title }) : null, _jsxs("form", { className: "w-[468px]", method: "POST", action: FORM_URL, children: [_jsx(CurrencyInput, { name: AMOUNT_KEY, value: value, onChange: handleChange, valid: value === '' || !isDisabled, placeholder: placeholder, label: label }), button?.text ? (_jsx("button", { type: "submit", className: `w-full p-4 mt-6 ${buttonStyle} `, disabled: isDisabled, ...link(button), children: button.text })) : null] })] }));
 });
 //# sourceMappingURL=CardTransfer.js.map

package/lib/components/CardTransfer/CardTransfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardTransfer.js","sourceRoot":"","sources":["../../../src/components/CardTransfer/CardTransfer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,UAAU,GAAG,QAAQ,CAAC;AAC5B,MAAM,QAAQ,GAAG,0BAA0B,CAAC;AAC5C,MAAM,aAAa,GAAG,wBAAwB,CAAC;AAC/C,MAAM,aAAa,GAAG,gBAAgB,CAAC;AACvC,MAAM,mBAAmB,GAAG,MAAM,CAAC;AAInC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,aAAa,EACrB,KAAK,GAAG,aAAa,EACrB,WAAW,GAAG,mBAAmB,EACjC,MAAM,EACN,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,CAAC,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,UAAU;QAC5B,CAAC,CAAC,wBAAwB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QACxD,CAAC,CAAC,uBAAuB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAEnF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,0DAA0D,SAAS,EAAE,KAC5E,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,SAAS,EAAC,oBAAoB,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EACzF,gBAAM,SAAS,EAAC,WAAW,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAE,QAAQ,aACxD,KAAC,aAAa,IACZ,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,KAAK,EAAE,IAAI,CAAC,UAAU,EAClC,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,GACZ,EACD,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACd,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,mBAAmB,WAAW,GAAG,EAC5C,QAAQ,EAAE,UAAU,KAChB,IAAI,CAAC,MAAM,CAAC,YAEf,MAAM,CAAC,IAAI,GACL,CACV,CAAC,CAAC,CAAC,IAAI,IACH,IACM,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"CardTransfer.js","sourceRoot":"","sources":["../../../src/components/CardTransfer/CardTransfer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,UAAU,GAAG,QAAQ,CAAC;AAC5B,MAAM,QAAQ,GAAG,0BAA0B,CAAC;AAC5C,MAAM,aAAa,GAAG,wBAAwB,CAAC;AAC/C,MAAM,aAAa,GAAG,gBAAgB,CAAC;AACvC,MAAM,mBAAmB,GAAG,MAAM,CAAC;AAInC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,aAAa,EACrB,KAAK,GAAG,aAAa,EACrB,WAAW,GAAG,mBAAmB,EACjC,MAAM,EACN,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,CAAC,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,UAAU;QAC5B,CAAC,CAAC,wBAAwB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QACxD,CAAC,CAAC,uBAAuB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAEnF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,0DAA0D,SAAS,EAAE,KAC5E,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,SAAS,EAAC,oBAAoB,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EACzF,gBAAM,SAAS,EAAC,WAAW,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAE,QAAQ,aACxD,KAAC,aAAa,IACZ,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,KAAK,EAAE,IAAI,CAAC,UAAU,EAClC,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,GACZ,EACD,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACd,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,mBAAmB,WAAW,GAAG,EAC5C,QAAQ,EAAE,UAAU,KAChB,IAAI,CAAC,MAAM,CAAC,YAEf,MAAM,CAAC,IAAI,GACL,CACV,CAAC,CAAC,CAAC,IAAI,IACH,IACM,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/Carousel/Carousel.d.ts

@@ -1,5 +1,6 @@
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import type { CarouselContent } from './CarouselContent';
 export interface CarouselProps extends CarouselContent, UniBlockProps {
+    itemCount?: number;
 }
 export declare const Carousel: JSXBlock<CarouselProps>;

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

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

package/lib/components/Carousel/Carousel.js

@@ -1,26 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { useRef } from '@redneckz/uni-jsx/lib/hooks';
+import { renderChildren } from '../../BlockRenderer/renderChildren.js';
 import { useCarouselControls } from '../../hooks/useCarouselControls.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
 import { CarouselContainer } from './CarouselContainer.js';
-export const Carousel = JSX(({ cardFullViewCount = 1, children, cardWidth = '1007', className = '', isBlur = true, isCyclic = false, block, ...rest }) => {
-    const blurClasses = isBlur ? 'absolute top-0 bottom-0 w-[84px]' : '';
-    const { blocks: childBlocks } = block || {};
-    const childBlocksLength = childBlocks !== undefined ? childBlocks.length : 0;
-    const isScrollAvailable = childBlocksLength > cardFullViewCount;
+const blurBaseStyle = 'absolute top-0 bottom-0 z-50 w-[84px]';
+export const Carousel = JSX(({ className = '', itemCount, visibleItemCount, isBlur = true, isCyclic = false, ...rest }) => {
+    const { blocks: childBlocks } = rest.block || {};
+    const count = itemCount || childBlocks?.length || 0;
+    const containerRef = useRef(null);
     const [activeIndex, controls] = useCarouselControls({
-        itemsCount: childBlocksLength,
-        visibleItemCount: cardFullViewCount,
+        itemCount: count,
+        visibleItemCount,
         isCyclic,
+        container: containerRef.current,
     });
-    const { inc, dec, canDec, canInc } = controls;
-    return (_jsxs(BlockWrapper, { className: `box-border h-full relative font-sans flex flex-col justify-center overflow-hidden ${className}`, ...rest, children: [_jsx(CarouselContainer, { activeItem: activeIndex, cardFullViewCount: cardFullViewCount, cardWidth: cardWidth, children: children }), isScrollAvailable ? (_jsx("div", { children: renderArrows({
-                    handler: [dec, inc],
-                    isShown: [canDec, canInc],
-                    btnClass: ['left-8', 'right-8'],
-                    className: 'top-1/2 z-10',
-                }) })) : null, isScrollAvailable ? (_jsxs("div", { children: [_jsx("div", { className: `${blurClasses} left-0 bg-opacity-from-white` }), _jsx("div", { className: `${blurClasses} right-0 bg-opacity-to-white` })] })) : null] }));
+    const { isScrollAvailable } = controls;
+    return (_jsxs(BlockWrapper, { className: `relative font-sans overflow-hidden ${className}`, ...rest, children: [_jsx(CarouselContainer, { activeIndex: activeIndex, itemCount: count, visibleItemCount: visibleItemCount, containerRef: containerRef, children: renderChildren(rest) }), isScrollAvailable && isBlur ? (_jsxs("div", { children: [_jsx("div", { className: `${blurBaseStyle} left-0 bg-opacity-from-white` }), _jsx("div", { className: `${blurBaseStyle} right-0 bg-opacity-to-white` })] })) : null, renderArrows({
+                ...controls,
+                btnClass: ['left-8', 'right-8'],
+                className: 'top-1/2',
+            })] }));
 });
 Carousel.childrenTypes = ['CarouselCard', 'CarouselTariffsCard'];
 //# sourceMappingURL=Carousel.js.map

package/lib/components/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,CAAC,MAAM,QAAQ,GAA4B,GAAG,CAClD,CAAC,EACC,iBAAiB,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IAE5C,MAAM,iBAAiB,GAAG,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAE7E,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;IAEhE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,UAAU,EAAE,iBAAiB;QAC7B,gBAAgB,EAAE,iBAAiB;QACnC,QAAQ;KACT,CAAC,CAAC;IACH,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IAE9C,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,qFAAqF,SAAS,EAAE,KACvG,IAAI,aAER,KAAC,iBAAiB,IAChB,UAAU,EAAE,WAAW,EACvB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACS,EACnB,iBAAiB,CAAC,CAAC,CAAC,CACnB,wBACG,YAAY,CAAC;oBACZ,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;oBACnB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;oBACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;oBAC/B,SAAS,EAAE,cAAc;iBAC1B,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAE,GAAG,WAAW,+BAA+B,GAAI,EACjE,cAAK,SAAS,EAAE,GAAG,WAAW,8BAA8B,GAAI,IAC5D,CACP,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,aAAa,GAAG,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOxD,MAAM,aAAa,GAAG,uCAAuC,CAAC;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAA4B,GAAG,CAClD,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC5F,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;IACjD,MAAM,KAAK,GAAG,SAAS,IAAI,WAAW,EAAE,MAAM,IAAI,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,SAAS,EAAE,KAAK;QAChB,gBAAgB;QAChB,QAAQ;QACR,SAAS,EAAE,YAAY,CAAC,OAAO;KAChC,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,QAAQ,CAAC;IAEvC,OAAO,CACL,MAAC,YAAY,IAAC,SAAS,EAAE,sCAAsC,SAAS,EAAE,KAAM,IAAI,aAClF,KAAC,iBAAiB,IAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,KAAK,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,YAEzB,cAAc,CAAC,IAAI,CAAC,GACH,EACnB,iBAAiB,IAAI,MAAM,CAAC,CAAC,CAAC,CAC7B,0BACE,cAAK,SAAS,EAAE,GAAG,aAAa,+BAA+B,GAAI,EACnE,cAAK,SAAS,EAAE,GAAG,aAAa,8BAA8B,GAAI,IAC9D,CACP,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,CAAC;gBACZ,GAAG,QAAQ;gBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;gBAC/B,SAAS,EAAE,SAAS;aACrB,CAAC,IACW,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,aAAa,GAAG,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC"}

package/lib/components/Carousel/CarouselContainer.d.ts

@@ -1,7 +1,10 @@
-import type { CardWidth } from './CarouselContent';
-export interface CarouselContainerProps {
-    activeItem: number;
-    cardFullViewCount: number;
-    cardWidth: CardWidth;
+interface CarouselContainerProps {
+    activeIndex: number;
+    itemCount: number;
+    visibleItemCount?: number;
+    containerRef?: {
+        current: HTMLDivElement | null;
+    };
 }
 export declare const CarouselContainer: import("@redneckz/uni-jsx").UNIComponent<CarouselContainerProps, any, any>;
+export {};

package/lib/components/Carousel/CarouselContainer.js

@@ -1,9 +1,12 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-export const CarouselContainer = JSX(({ children, activeItem, cardFullViewCount, cardWidth }) => {
-    const cardFullViewStyles = cardFullViewCount === 1
-        ? `translateX(-${activeItem}00%)`
-        : `translateX(-${activeItem * Number(cardWidth)}px)`;
-    return (_jsx("div", { className: "w-auto flex flex-1 duration-1000", style: { transform: `${cardFullViewStyles}` }, role: "list", children: children }));
+const childStyleMap = ['[&>*]:min-w-[100%]', '[&>*]:min-w-[50%]', '[&>*]:min-w-[33.33%]'];
+export const CarouselContainer = JSX(({ activeIndex, itemCount, visibleItemCount, containerRef, children }) => {
+    const scrollWidth = containerRef?.current?.scrollWidth || 0;
+    const maxScrollLeft = scrollWidth - (containerRef?.current?.clientWidth || 0);
+    const translateX = visibleItemCount
+        ? `${-Math.round((100 * activeIndex) / visibleItemCount)}%`
+        : `${-Math.round(Math.min((scrollWidth * activeIndex) / (itemCount || 1), maxScrollLeft))}px`;
+    return (_jsx("div", { className: `flex gap-1 duration-1000 ${visibleItemCount ? childStyleMap[visibleItemCount - 1] : ''}`, style: { transform: `translateX(${translateX})` }, role: "list", ref: containerRef, children: children }));
 });
 //# sourceMappingURL=CarouselContainer.js.map

package/lib/components/Carousel/CarouselContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselContainer.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,EAAE;IACzD,MAAM,kBAAkB,GACtB,iBAAiB,KAAK,CAAC;QACrB,CAAC,CAAC,eAAe,UAAU,MAAM;QACjC,CAAC,CAAC,eAAe,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;IAEzD,OAAO,CACL,cACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,EAAE,EAC7C,IAAI,EAAC,MAAM,YAEV,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"CarouselContainer.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,aAAa,GAAG,CAAC,oBAAoB,EAAE,mBAAmB,EAAE,sBAAsB,CAAC,CAAC;AAE1F,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvE,MAAM,WAAW,GAAG,YAAY,EAAE,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,WAAW,GAAG,CAAC,YAAY,EAAE,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC,CAAC;IAE9E,MAAM,UAAU,GAAG,gBAAgB;QACjC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,gBAAgB,CAAC,GAAG;QAC3D,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,CAAC;IAEhG,OAAO,CACL,cACE,SAAS,EAAE,4BACT,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3D,EAAE,EACF,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,UAAU,GAAG,EAAE,EACjD,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,YAAY,YAEhB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/Carousel/CarouselContent.d.ts

@@ -1,15 +1,12 @@
 /**
  * @title Карусель
  */
-/**
- * @title Ширина карточек
- * @enumNames [ "1007", "833", "350", "322" ]
- */
-export declare type CardWidth = '322' | '350' | '832' | '1007';
 export interface CarouselContent {
-    /** @title Количество видимых карточек */
-    cardFullViewCount?: number;
-    cardWidth?: CardWidth;
+    /**
+     * @title Количество видимых карточек
+     * @enumNames ["auto", "1", "2", "3"]
+     */
+    visibleItemCount?: 0 | 1 | 2 | 3;
     /** @title Добавление  блюра */
     isBlur?: boolean;
     /** @title Цикличность */

package/lib/components/Carousel/CarouselContent.js

@@ -1,5 +1,2 @@
-/**
- * @title Карусель
- */
 export {};
 //# sourceMappingURL=CarouselContent.js.map

package/lib/components/Carousel/CarouselContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselContent.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContent.ts"],"names":[],"mappings":"AAAA;;GAEG"}
+{"version":3,"file":"CarouselContent.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContent.ts"],"names":[],"mappings":""}

package/lib/components/CarouselCard/CarouselCard.d.ts

@@ -1,7 +1,5 @@
-import type { CarouselCardVersion } from '../../model/CarouselCardVersion';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import type { CarouselCardContent } from './CarouselCardContent';
 export interface CarouselCardProps extends CarouselCardContent, UniBlockProps {
-    version?: CarouselCardVersion;
 }
 export declare const CarouselCard: import("@redneckz/uni-jsx").UNIComponent<CarouselCardProps, any, any>;

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

@@ -1,11 +1,12 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 import type { CarouselCardContent } from './CarouselCardContent';
 export declare const CARD: CarouselCardContent;
 export declare const CARD_NEW: CarouselCardContent;
 export declare const CARD_MINI: CarouselCardContent;
 declare const _default: {
     default: JSX.Element;
+    new: JSX.Element;
     mini: JSX.Element;
 };
 export default _default;

package/lib/components/CarouselCard/CarouselCard.js

@@ -2,17 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { renderButton } from '../../ui-kit/Button/ButtonSection.js';
 import { Headline } from '../Headline/Headline.js';
-const BLOCK_CLASSES = 'absolute border border-solid border-main-stroke w-[100%] h-[100%]';
-const CARD_STYLE_MAP = {
-    normal: 'min-w-[100%] justify-center items-center my-7 col-span-12',
-    mini: 'justify-center items-center mx-4 my-9 col-span-4',
-};
+const BLOCK_CLASSES = 'absolute border border-solid border-main-stroke w-full h-full';
 const CARD_WIDTH_MAP = {
-    normal: 'w-[1007px]',
-    mini: 'w-[350px]',
+    normal: `w-[${1007 + 48}px]`,
+    mini: `w-[${350 + 48}px]`,
 };
-export const CarouselCard = JSX(({ button, className = '', description, title, version = 'normal' }) => {
-    return (_jsx("section", { className: `flex ${CARD_STYLE_MAP[version]}`, children: _jsxs("div", { className: `relative ${CARD_WIDTH_MAP[version]}`, children: [_jsxs("div", { className: `relative bg-white py-6 px-10 z-10
-              border border-solid border-green-light ${className}`, children: [_jsx(Headline, { className: "!p-0", title: title, description: description, headlineVersion: "M", align: "center" }), button ? renderButton({ button, buttonClassName: 'mt-6 w-[158px]' }) : null] }), _jsx("div", { className: `top-9 right-12 bg-green-dark ${BLOCK_CLASSES}` }), _jsx("div", { className: `top-6 right-8 bg-green ${BLOCK_CLASSES}` }), _jsx("div", { className: `top-3 right-4 bg-green-light ${BLOCK_CLASSES}` })] }) }));
-});
+export const CarouselCard = JSX(({ className = '', button, description, title, version = 'normal' }) => (_jsx("section", { className: `flex pb-9 pl-12 ${CARD_WIDTH_MAP[version]} ${className}`, children: _jsxs("div", { className: "relative w-full", children: [_jsx("div", { className: `${BLOCK_CLASSES} z-10 top-9 right-12 bg-green-dark` }), _jsx("div", { className: `${BLOCK_CLASSES} z-10 top-6 right-8 bg-green` }), _jsx("div", { className: `${BLOCK_CLASSES} z-10 top-3 right-4 bg-green-light` }), _jsxs("div", { className: "relative bg-white z-10 py-6 px-10 border border-solid border-green-light", children: [_jsx(Headline, { className: "!p-0", title: title, description: description, headlineVersion: "M", align: "center" }), button ? _jsx("div", { className: "mt-6", children: renderButton({ button }) }) : null] })] }) })));
 //# sourceMappingURL=CarouselCard.js.map

package/lib/components/CarouselCard/CarouselCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCard/CarouselCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAOhD,MAAM,aAAa,GAAG,mEAAmE,CAAC;AAE1F,MAAM,cAAc,GAAwC;IAC1D,MAAM,EAAE,2DAA2D;IACnE,IAAI,EAAE,kDAAkD;CACzD,CAAC;AAEF,MAAM,cAAc,GAAwC;IAC1D,MAAM,EAAE,YAAY;IACpB,IAAI,EAAE,WAAW;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,EAAE,EAAE;IACrE,OAAO,CACL,kBAAS,SAAS,EAAE,QAAQ,cAAc,CAAC,OAAO,CAAC,EAAE,YACnD,eAAK,SAAS,EAAE,YAAY,cAAc,CAAC,OAAO,CAAC,EAAE,aACnD,eACE,SAAS,EAAE;uDACgC,SAAS,EAAE,aAEtD,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,KAAK,EAAC,QAAQ,GACd,EACD,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IACxE,EACN,cAAK,SAAS,EAAE,gCAAgC,aAAa,EAAE,GAAI,EACnE,cAAK,SAAS,EAAE,0BAA0B,aAAa,EAAE,GAAI,EAC7D,cAAK,SAAS,EAAE,gCAAgC,aAAa,EAAE,GAAI,IAC/D,GACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"CarouselCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCard/CarouselCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKhD,MAAM,aAAa,GAAG,+DAA+D,CAAC;AAEtF,MAAM,cAAc,GAAwC;IAC1D,MAAM,EAAE,MAAM,IAAI,GAAG,EAAE,KAAK;IAC5B,IAAI,EAAE,MAAM,GAAG,GAAG,EAAE,KAAK;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtE,kBAAS,SAAS,EAAE,mBAAmB,cAAc,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,YAC3E,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cAAK,SAAS,EAAE,GAAG,aAAa,oCAAoC,GAAI,EACxE,cAAK,SAAS,EAAE,GAAG,aAAa,8BAA8B,GAAI,EAClE,cAAK,SAAS,EAAE,GAAG,aAAa,oCAAoC,GAAI,EACxE,eAAK,SAAS,EAAC,0EAA0E,aACvF,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,KAAK,EAAC,QAAQ,GACd,EACD,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC,GAAO,CAAC,CAAC,CAAC,IAAI,IACnE,IACF,GACE,CACX,CACF,CAAC"}

package/lib/components/CarouselLinks/CarouselLinks.js

@@ -1,18 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton.js';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
-import { sliceArray } from '../../utils/sliceArray.js';
 import { Carousel } from '../Carousel/Carousel.js';
+import { Headline } from '../Headline/Headline.js';
 const MAX_LINKS_COUNT = 12;
-export const CarouselLinks = JSX(({ additionalDescription, description, links, title, className = '', ...rest }) => {
-    return (_jsxs(BlockWrapper, { className: `bg-primary-main flex w-full p-10 overflow-hidden justify-between font-sans ${className}`, ...rest, children: [_jsxs("div", { className: "flex flex-col max-w-96 pr-9 text-white text-xl-light", children: [title ? _jsx(Heading, { title: title, as: "h1", headingType: "h0", className: "pb-0.5" }) : null, description ? (_jsx("div", { className: "pt-5", children: _jsx(Paragraph, { size: "text-xl", font: "font-light", children: description }) })) : null, additionalDescription ? (_jsx("div", { className: "pt-6", children: _jsx(Paragraph, { children: additionalDescription }) })) : null] }), links?.length ? renderLinks(links) : null] }));
+export const CarouselLinks = JSX(({ className = '', additionalDescription, description, links, title, ...rest }) => {
+    return (_jsxs(BlockWrapper, { className: `bg-primary-main flex w-full p-10 overflow-hidden justify-between font-sans ${className}`, ...rest, children: [_jsxs("div", { className: "flex flex-col max-w-96 pr-9 text-white text-xl-light", children: [_jsx(Headline, { title: title, as: "h1", description: description, align: "left", className: "p-0", bgColorHeadline: "secondary" }), additionalDescription ? (_jsx("div", { className: "pt-6", children: _jsx(Paragraph, { children: additionalDescription }) })) : null] }), links?.length ? renderLinks(links) : null] }));
 });
 const renderLinks = (links) => {
-    const slicedLinks = sliceArray(links, MAX_LINKS_COUNT);
-    const slides = slicedLinks.map((slide) => (_jsx("div", { className: "w-[672px] min-w-[672px] ml-20 mr-20 flex flex-wrap self-start", children: slide.map((link, index) => (_jsx(LinkButton, { className: "m-1", ...link }, String(index)))) })));
-    return (_jsx(Carousel, { className: "min-w-[832px] w-[832px]", isBlur: false, cardFullViewCount: 1, cardWidth: '832', isCyclic: true, block: { type: 'Carousel', blocks: slides }, children: slides }));
+    const itemCount = Math.ceil(links.length / MAX_LINKS_COUNT);
+    return (_jsx(Carousel, { className: "min-w-[832px] w-[832px]", isBlur: false, isCyclic: true, itemCount: itemCount, children: new Array(itemCount).fill(null).map((_, groupIndex) => (_jsx("div", { className: "w-[672px] min-w-[672px] ml-20 mr-20 flex flex-wrap self-start", children: links
+                .slice(groupIndex * MAX_LINKS_COUNT, (groupIndex + 1) * MAX_LINKS_COUNT)
+                .map((link, index) => (_jsx(LinkButton, { className: "m-1", ...link }, String(index)))) }, String(groupIndex)))) }));
 };
 //# sourceMappingURL=CarouselLinks.js.map

package/lib/components/CarouselLinks/CarouselLinks.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselLinks.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKhD,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,8EAA8E,SAAS,EAAE,KAChG,IAAI,aAER,eAAK,SAAS,EAAC,sDAAsD,aAClE,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI,EACpF,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,SAAS,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,YACxC,WAAW,GACF,GACR,CACP,CAAC,CAAC,CAAC,IAAI,EACP,qBAAqB,CAAC,CAAC,CAAC,CACvB,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,SAAS,cAAE,qBAAqB,GAAa,GAC1C,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAC7B,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,EAAE;IACzC,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IAEvD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACxC,cAAK,SAAS,EAAC,+DAA+D,YAC3E,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,KAAC,UAAU,IAAC,SAAS,EAAC,KAAK,KAAyB,IAAI,IAAvB,MAAM,CAAC,KAAK,CAAC,CAAc,CAC7D,CAAC,GACE,CACP,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAC,yBAAyB,EACnC,MAAM,EAAE,KAAK,EACb,iBAAiB,EAAE,CAAC,EACpB,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,YAE1C,MAAM,GACE,CACZ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CarouselLinks.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKhD,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,8EAA8E,SAAS,EAAE,KAChG,IAAI,aAER,eAAK,SAAS,EAAC,sDAAsD,aACnE,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,EAAE,EAAC,IAAI,EACP,WAAW,EAAE,WAAW,EACxB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,KAAK,EACf,eAAe,EAAC,WAAW,GAC3B,EACD,qBAAqB,CAAC,CAAC,CAAC,CACvB,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,SAAS,cAAE,qBAAqB,GAAa,GAC1C,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAC7B,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,EAAE;IACzC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,eAAe,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAC,yBAAyB,EACnC,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,SAAS,YAEnB,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,CAAC,CACtD,cAEE,SAAS,EAAC,+DAA+D,YAExE,KAAK;iBACH,KAAK,CAAC,UAAU,GAAG,eAAe,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC;iBACvE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpB,KAAC,UAAU,IAAqB,SAAS,EAAC,KAAK,KAAK,IAAI,IAAvC,MAAM,CAAC,KAAK,CAAC,CAA8B,CAC7D,CAAC,IAPC,MAAM,CAAC,UAAU,CAAC,CAQnB,CACP,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/CarouselTariffsCard/CarouselTariffsCard.js

@@ -15,11 +15,11 @@ export const CarouselTariffsCard = JSX(({ className = '', title, icon, isHighlig
         rowsNode.slice(0, VISIBLE_ROWS_COUNT),
         rowsNode.slice(VISIBLE_ROWS_COUNT),
     ];
-    return (_jsxs(BlockWrapper, { className: `font-sans bg-white p-[50px] p-8 border border-main-stroke relative w-[322px] min-w-[322px] -ml-[1px] ${hitStyle} ${className}`, ...rest, children: [isHighlighting ? renderHitIcon() : null, icon?.src ? _jsx(Img, { className: "flex justify-center", image: icon }) : null, title ? (_jsx(Heading, { className: "text-primary-text text-center pt-2", headingType: "h5", title: title })) : null, button ? _jsx(Button, { className: "w-full mt-4", ...button }) : null, rows?.length ? (_jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (_jsxs("div", { children: [visibleRows, _jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenRows })] })), renderFoldButton: rows.length > 1 ? renderFoldButton : null })) : null] }));
+    return (_jsxs(BlockWrapper, { className: `font-sans bg-white p-8 border border-main-stroke relative w-[322px] min-w-[322px] -ml-[1px] ${hitStyle} ${className}`, ...rest, children: [isHighlighting ? renderHitIcon() : null, icon?.src ? _jsx(Img, { className: "flex justify-center", image: icon }) : null, title ? (_jsx(Heading, { className: "text-primary-text text-center pt-2", headingType: "h5", title: title })) : null, button ? _jsx(Button, { className: "w-full mt-4", ...button }) : null, rows?.length ? (_jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (_jsxs("div", { children: [visibleRows, _jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenRows })] })), renderFoldButton: rows.length > 1 ? renderFoldButton : null })) : null] }));
 });
 const getHitStyle = (isHighlighting) => isHighlighting ? 'mt-9 pt-[71px]' : 'mt-[70px] pt-9';
 const renderFoldButton = ({ isUnfolded, onToggle }) => (_jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-5 flex justify-between items-center", onClick: onToggle, children: [_jsx("div", { children: isUnfolded ? 'Скрыть' : 'Подробнее о тарифе' }), _jsx(Icon, { className: "text-primary-text", name: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16", asSVG: true })] }));
-const renderCardInfo = (cell) => (_jsxs("div", { className: "py-5 border-b border-main-divider flex flex-col gap-1", children: [cell?.title ? (_jsx("div", { className: "text-secondary-text text-m-light opacity-80", children: cell.title })) : null, cell?.description ? _jsx("div", { className: "text-primary-text text-h6", children: cell.description }) : null] }));
+const renderCardInfo = (cell, i) => (_jsxs("div", { className: "py-5 border-b border-main-divider flex flex-col gap-1", children: [cell?.title ? (_jsx("div", { className: "text-secondary-text text-m-light opacity-80", children: cell.title })) : null, cell?.description ? _jsx("div", { className: "text-primary-text text-h6", children: cell.description }) : null] }, String(i)));
 const renderHitIcon = () => {
     const POSITION_STYLE = 'absolute -top-7 -right-4';
     return (_jsxs("div", { className: `h-[60px] w-[60px] bg-white flex flex-col items-center justify-center shadow-[0_4px_25px_rgba(0,0,0,0.07)] ${POSITION_STYLE}`, children: [_jsx(Icon, { iconVersion: "black", name: "HeartIcon", width: "23", height: "22", asSVG: true }), _jsx("div", { className: "text-center", children: "\u0425\u0438\u0442" })] }));

package/lib/components/CarouselTariffsCard/CarouselTariffsCard.js.map

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

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

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

package/lib/components/Catalog/Catalog.js

@@ -1,23 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCarouselControls } from '../../hooks/useCarouselControls.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
 import { Headline } from '../Headline/Headline.js';
 import { CatalogCard } from './CatalogCard.js';
 const BLUR_BLOCK_CLASSES = 'absolute top-0 bottom-0 w-[84px]';
-const CARD_FULL_VIEW_COUNT = 3;
+const CARD_VIEW_COUNT = 3;
 const CARD_SHIFT = 430;
 export const Catalog = JSX(({ cards = [], className = '', title, description, ...rest }) => {
-    const [activeCardIndex, setActiveCardIndex] = useState(0);
-    const handleNextClick = useCallback(() => setActiveCardIndex((_) => _ + 1), []);
-    const handlePrevClick = useCallback(() => setActiveCardIndex((_) => _ - 1), []);
-    const isUseSlider = cards.length > CARD_FULL_VIEW_COUNT;
-    const showNextButton = isUseSlider && cards.length - activeCardIndex > CARD_FULL_VIEW_COUNT;
-    const showPrevButton = isUseSlider && activeCardIndex > 0;
-    return (_jsxs(BlockWrapper, { className: `bg-white relative font-sans p-[50px] overflow-hidden text-center ${className}`, ...rest, children: [_jsx(Headline, { className: "!p-0", title: title, description: description, headlineVersion: "M", align: "center", ...rest }), _jsx("div", { className: "flex duration-1000 gap-3.5 mt-8", style: { transform: `translateX(-${activeCardIndex * CARD_SHIFT}px)` }, role: "list", children: cards?.length ? cards.map((card, i) => _jsx(CatalogCard, { ...card }, String(i))) : null }), renderArrows({
-                handler: [handlePrevClick, handleNextClick],
-                isShown: [showPrevButton, showNextButton],
+    const [activeIndex, controls] = useCarouselControls({
+        itemCount: cards?.length,
+        visibleItemCount: CARD_VIEW_COUNT,
+    });
+    return (_jsxs(BlockWrapper, { className: `bg-white relative font-sans p-[50px] overflow-hidden text-center ${className}`, ...rest, children: [_jsx(Headline, { className: "!p-0", title: title, description: description, headlineVersion: "M", align: "center", ...rest }), _jsx("div", { className: "flex duration-1000 gap-3.5 mt-8", style: { transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }, role: "list", children: cards?.length ? cards.map((card, i) => _jsx(CatalogCard, { ...card }, String(i))) : null }), renderArrows({
+                ...controls,
                 btnClass: ['left-8', 'right-8'],
                 className: 'top-1/2 z-10 mt-6',
             }), _jsx("div", { className: `${BLUR_BLOCK_CLASSES} left-0 bg-opacity-from-white` }), _jsx("div", { className: `${BLUR_BLOCK_CLASSES} right-0 bg-opacity-to-white` })] }));

package/lib/components/Catalog/Catalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Catalog.js","sourceRoot":"","sources":["../../../src/components/Catalog/Catalog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,kBAAkB,GAAG,kCAAkC,CAAC;AAC9D,MAAM,oBAAoB,GAAG,CAAC,CAAC;AAC/B,MAAM,UAAU,GAAG,GAAG,CAAC;AAEvB,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CACxB,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE1D,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAChF,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhF,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,oBAAoB,CAAC;IACxD,MAAM,cAAc,GAAG,WAAW,IAAI,KAAK,CAAC,MAAM,GAAG,eAAe,GAAG,oBAAoB,CAAC;IAC5F,MAAM,cAAc,GAAG,WAAW,IAAI,eAAe,GAAG,CAAC,CAAC;IAE1D,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,oEAAoE,SAAS,EAAE,KACtF,IAAI,aAER,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,KAAK,EAAC,QAAQ,KACV,IAAI,GACR,EACF,cACE,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,eAAe,GAAG,UAAU,KAAK,EAAE,EACtE,IAAI,EAAC,MAAM,YAEV,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,KAAC,WAAW,OAAqB,IAAI,IAAnB,MAAM,CAAC,CAAC,CAAC,CAAc,CAAC,CAAC,CAAC,CAAC,IAAI,GACrF,EACL,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,mBAAmB;aAC/B,CAAC,EACF,cAAK,SAAS,EAAE,GAAG,kBAAkB,+BAA+B,GAAI,EACxE,cAAK,SAAS,EAAE,GAAG,kBAAkB,8BAA8B,GAAI,IAC1D,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Catalog.js","sourceRoot":"","sources":["../../../src/components/Catalog/Catalog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,MAAM,kBAAkB,GAAG,kCAAkC,CAAC;AAC9D,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAC;AAEvB,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CACxB,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9D,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,SAAS,EAAE,KAAK,EAAE,MAAM;QACxB,gBAAgB,EAAE,eAAe;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,oEAAoE,SAAS,EAAE,KACtF,IAAI,aAER,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,KAAK,EAAC,QAAQ,KACV,IAAI,GACR,EACF,cACE,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,UAAU,KAAK,EAAE,EAClE,IAAI,EAAC,MAAM,YAEV,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,KAAC,WAAW,OAAqB,IAAI,IAAnB,MAAM,CAAC,CAAC,CAAC,CAAc,CAAC,CAAC,CAAC,CAAC,IAAI,GACrF,EACL,YAAY,CAAC;gBACZ,GAAG,QAAQ;gBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;gBAC/B,SAAS,EAAE,mBAAmB;aAC/B,CAAC,EACF,cAAK,SAAS,EAAE,GAAG,kBAAkB,+BAA+B,GAAI,EACxE,cAAK,SAAS,EAAE,GAAG,kBAAkB,8BAA8B,GAAI,IAC1D,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import '../../react/setup-fixture';
+import '../../setup-fixture';
 declare const _default: {
     'with images': JSX.Element;
     'with images and hidden rows': JSX.Element;
-    'with images and colored first column': JSX.Element;
+    'with images and colored column': JSX.Element;
     'with icons': JSX.Element;
     'with icons and two cols': JSX.Element;
 };

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

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

package/lib/components/ComparisonTable/ComparisonTable.mobile.js

@@ -8,8 +8,8 @@ export const ComparisonTable = JSX((props) => {
     const { className, title } = props;
     return (_jsxs("section", { className: `bg-white font-sans px-4 py-6 overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? (_jsx(Heading, { headingType: "h3", className: "font-medium text-center m-0 mb-5", title: title })) : null, _jsx("div", { role: "table", children: _jsx(TableInner, { ...props }) })] }));
 });
-const TableInner = JSX(({ columns, rowHeaders, isColoredFirstColumn, visibleRowLength, orientation, ...rest }) => {
-    const [columnsViewState, setColumnsViewState] = useState(new Array(columns?.length || 0).fill(!visibleRowLength));
+const TableInner = JSX(({ columns = [], rowHeaders, isColoredFirstColumn, visibleRowLength, orientation, ...rest }) => {
+    const [columnsViewState, setColumnsViewState] = useState(new Array(columns.length).fill(!visibleRowLength));
     const handleToggleColumn = useCallback((colIndex) => {
         const toggleColState = (colState, i) => i === colIndex ? !colState : colState;
         setColumnsViewState((_) => _.map(toggleColState));

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

@@ -1 +1 @@
-{"version":3,"file":"ComparisonTable.mobile.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTable.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAuB,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEnC,OAAO,CACL,mBACE,SAAS,EAAE,2EACT,SAAS,IAAI,EACf,EAAE,aAED,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,kCAAkC,EAAC,KAAK,EAAE,KAAK,GAAI,CACxF,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,IAAI,EAAC,OAAO,YACf,KAAC,UAAU,OAAK,KAAK,GAAI,GACrB,IACE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,GAAG,CACpB,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CACtD,IAAI,KAAK,CAAU,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,CACjE,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QAC1D,MAAM,cAAc,GAAG,CAAC,QAAiB,EAAE,CAAS,EAAE,EAAE,CACtD,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;QAExC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,WAAW,CACnC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EACjE,EAAE,CACH,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,QAAuB,EAAE,EAAE,CAChD,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAE5E,MAAM,YAAY,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,CAAC,CAChE,KAAC,WAAW,IAEV,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,gBAAgB,CAAC,QAAQ,CAAC,EACnC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,EAC/B,cAAc,EAAE,QAAQ,KAAK,CAAC,IAAI,oBAAoB,EACtD,cAAc,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,KAC9C,IAAI,IAPH,MAAM,CAAC,QAAQ,CAAC,CAQrB,CACH,CAAC,CAAC;IAEH,OAAO,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,CACpC,KAAC,gBAAgB,IAAC,aAAa,EAAE,iBAAiB,YAAG,YAAY,GAAoB,CACtF,CAAC,CAAC,CAAC,CACF,YAAY,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"ComparisonTable.mobile.js","sourceRoot":"","sources":["../../../src/components/ComparisonTable/ComparisonTable.mobile.tsx"],"names":[],"mappings":"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"}