@redneckz/wildless-cms-uni-blocks 0.12.4 → 0.12.5

package/lib/components/BonusBenefitsBlock/bonusBenefitAlign.mobile.js

@@ -0,0 +1,2 @@
+export const bonusBenefitAlign = 'text-left';
+//# sourceMappingURL=bonusBenefitAlign.mobile.js.map

package/lib/components/BonusBenefitsBlock/bonusBenefitAlign.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bonusBenefitAlign.mobile.js","sourceRoot":"","sources":["../../../src/components/BonusBenefitsBlock/bonusBenefitAlign.mobile.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC"}

package/lib/components/BonusBenefitsBlock/bonusBenefitStyles.d.ts

@@ -0,0 +1 @@
+export declare const bonusBenefitStyles = "items-center";

package/lib/components/BonusBenefitsBlock/bonusBenefitStyles.js

@@ -0,0 +1,2 @@
+export const bonusBenefitStyles = 'items-center';
+//# sourceMappingURL=bonusBenefitStyles.js.map

package/lib/components/BonusBenefitsBlock/bonusBenefitStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bonusBenefitStyles.js","sourceRoot":"","sources":["../../../src/components/BonusBenefitsBlock/bonusBenefitStyles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,cAAc,CAAC"}

package/lib/components/BonusBenefitsBlock/bonusBenefitStyles.mobile.d.ts

@@ -0,0 +1 @@
+export declare const bonusBenefitStyles = "justify-between p-4 h-full border border-gray";

package/lib/components/BonusBenefitsBlock/bonusBenefitStyles.mobile.js

@@ -0,0 +1,2 @@
+export const bonusBenefitStyles = 'justify-between p-4 h-full border border-gray';
+//# sourceMappingURL=bonusBenefitStyles.mobile.js.map

package/lib/components/BonusBenefitsBlock/bonusBenefitStyles.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bonusBenefitStyles.mobile.js","sourceRoot":"","sources":["../../../src/components/BonusBenefitsBlock/bonusBenefitStyles.mobile.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,+CAA+C,CAAC"}

package/lib/components/BonusBenefitsBlock/renderBonusBenefit.d.ts

@@ -0,0 +1,2 @@
+import { BonusBenefit } from './BonusBenefitsBlockContent';
+export declare const renderBonusBenefit: ({ icon, title, description }: BonusBenefit, i: number) => JSX.Element;

package/lib/components/BonusBenefitsBlock/renderBonusBenefit.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { Img } from '../../ui-kit/Img/Img.js';
+import { Text } from '../../ui-kit/Text/Text.js';
+import { style } from '../../utils/style.js';
+import { bonusBenefitAlign } from './bonusBenefitAlign.js';
+import { bonusBenefitStyles } from './bonusBenefitStyles.js';
+export const renderBonusBenefit = ({ icon, title, description }, i) => (_jsxs("div", { className: style('flex flex-col', bonusBenefitStyles, !description && !title ? 'justify-center' : ''), children: [title ? (_jsx(Text, { size: "text-h6", font: "font-normal", align: bonusBenefitAlign, children: title })) : null, icon ? _jsx(Img, { image: icon, height: "180", className: "w-auto" }) : null, description ? (_jsx(Text, { size: "text-h6", font: "font-normal", align: bonusBenefitAlign, children: description })) : null] }, String(i)));
+//# sourceMappingURL=renderBonusBenefit.js.map

package/lib/components/BonusBenefitsBlock/renderBonusBenefit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderBonusBenefit.js","sourceRoot":"","sources":["../../../src/components/BonusBenefitsBlock/renderBonusBenefit.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAgB,EAAE,CAAS,EAAE,EAAE,CAAC,CAC3F,eAEE,SAAS,EAAE,KAAK,CACd,eAAe,EACf,kBAAkB,EAClB,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAC/C,aAEA,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,iBAAiB,YAC7D,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI,EAClE,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,iBAAiB,YAC7D,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,KAjBH,MAAM,CAAC,CAAC,CAAC,CAkBV,CACP,CAAC"}

package/lib/components/BonusBenefitsBlock/renderBonusBenefits.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { AlignType } from '../../model/AlignType';
+import { BonusBenefit, ColumnsCount } from './BonusBenefitsBlockContent';
+export declare const renderBonusBenefits: (bonusBenefits: BonusBenefit[], columnsCount: ColumnsCount, cardTextAlign: AlignType) => JSX.Element;

package/lib/components/BonusBenefitsBlock/renderBonusBenefits.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { AlignText } from '../../model/AlignText.js';
+import { renderBonusBenefit } from './renderBonusBenefit.js';
+export const renderBonusBenefits = (bonusBenefits, columnsCount, cardTextAlign) => (_jsx("div", { className: `grid gap-1 ${AlignText[cardTextAlign]} ${getElementsColsValue(columnsCount)}`, children: bonusBenefits.map(renderBonusBenefit) }));
+const getElementsColsValue = (colValue) => {
+    switch (colValue) {
+        case '3':
+            return 'grid-cols-3';
+        case '4':
+            return 'grid-cols-4';
+        case '5':
+            return 'grid-cols-5';
+        default:
+            return 'grid-cols-5';
+    }
+};
+//# sourceMappingURL=renderBonusBenefits.js.map

package/lib/components/BonusBenefitsBlock/renderBonusBenefits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderBonusBenefits.js","sourceRoot":"","sources":["../../../src/components/BonusBenefitsBlock/renderBonusBenefits.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,aAA6B,EAC7B,YAA0B,EAC1B,aAAwB,EACxB,EAAE,CAAC,CACH,cAAK,SAAS,EAAE,cAAc,SAAS,CAAC,aAAa,CAAC,IAAI,oBAAoB,CAAC,YAAY,CAAC,EAAE,YAC3F,aAAa,CAAC,GAAG,CAAC,kBAAkB,CAAC,GAClC,CACP,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,QAAsB,EAAE,EAAE;IACtD,QAAQ,QAAQ,EAAE;QAChB,KAAK,GAAG;YACN,OAAO,aAAa,CAAC;QACvB,KAAK,GAAG;YACN,OAAO,aAAa,CAAC;QACvB,KAAK,GAAG;YACN,OAAO,aAAa,CAAC;QACvB;YACE,OAAO,aAAa,CAAC;KACxB;AACH,CAAC,CAAC"}

package/lib/components/BonusBenefitsBlock/renderBonusBenefits.mobile.d.ts

@@ -0,0 +1,3 @@
+import { AlignType } from '../../model/AlignType';
+import { BonusBenefit, ColumnsCount } from './BonusBenefitsBlockContent';
+export declare const renderBonusBenefits: (bonusBenefits: BonusBenefit[], columnsCount: ColumnsCount, cardTextAlign: AlignType) => JSX.Element;

package/lib/components/BonusBenefitsBlock/renderBonusBenefits.mobile.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl.js';
+import { renderBonusBenefit } from './renderBonusBenefit.js';
+export const renderBonusBenefits = (bonusBenefits, columnsCount, cardTextAlign) => (_jsx(SwipeListControl, { children: bonusBenefits.map((_, i) => renderBonusBenefit({ ..._ }, i)) }));
+//# sourceMappingURL=renderBonusBenefits.mobile.js.map

package/lib/components/BonusBenefitsBlock/renderBonusBenefits.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderBonusBenefits.mobile.js","sourceRoot":"","sources":["../../../src/components/BonusBenefitsBlock/renderBonusBenefits.mobile.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAElF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,aAA6B,EAC7B,YAA0B,EAC1B,aAAwB,EACxB,EAAE,CAAC,CACH,KAAC,gBAAgB,cACd,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAC5C,CACpB,CAAC"}

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

@@ -1,16 +1,5 @@
 /// <reference types="react" />
 import '../../setup-fixture';
-import type { Picture } from '../../model/Picture';
-import type { ProductColorVersion } from '../../model/ProductColorVersion';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-export declare const CATALOG_CARD: {
-    title: string;
-    description: string;
-    image: Picture;
-    price: number;
-    colors: ProductColorVersion[];
-    button: ButtonWithIconProps;
-};
 declare const _default: {
     default: JSX.Element;
 };

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

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

package/lib/components/CarouselCatalogCard/CarouselCatalogCard.js

@@ -11,6 +11,6 @@ const cardStyleMap = {
     black: 'bg-black',
     white: 'bg-white',
 };
-export const CarouselCatalogCard = JSX(({ className = '', title, description, image, price, button, colors, ...rest }) => (_jsxs(BlockWrapper, { className: style('border box-border border-gray min-w-[392px] h-full flex flex-col justify-left', className), ...rest, children: [image?.src ? _jsx(Img, { className: "mb-5 flex justify-center", image: image }) : null, title ? (_jsx(Heading, { headingType: "h6", as: "h4", className: "text-left mb-1.5", title: title })) : null, description ? (_jsx("div", { className: "mb-4", children: _jsx(Paragraph, { size: "text-m", align: "text-left", font: "font-light", children: description }) })) : null, colors?.length ? (_jsxs("div", { className: "flex mb-4 text-secondary-text", children: [_jsx("div", { className: "mr-1.5", children: _jsx(Text, { size: "text-s", align: "text-left", font: "font-light", children: "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0435 \u0446\u0432\u0435\u0442\u0430:" }) }), colors.map(renderColorOption)] })) : null, price ? (_jsxs(Text, { size: "text-h3", align: "text-left", children: [price, "\u00A0\u20BD"] })) : null, renderButtonsSection([button], { buttonClassName: 'mt-5 w-full' })] })));
-const renderColorOption = (color, i) => (_jsx("div", { role: "figure", className: `w-6 h-6 ml-3 border border-solid border-main-divider rounded-full ${cardStyleMap[color]}` }, String(i)));
+export const CarouselCatalogCard = JSX(({ className = '', title, description, image, price, button, colors, ...rest }) => (_jsxs(BlockWrapper, { className: style('border box-border border-gray p-default sm:p-7 h-full flex flex-col justify-left', className), ...rest, children: [image?.src ? _jsx(Img, { className: "mb-5 flex justify-center", image: image }) : null, title ? (_jsx(Heading, { headingType: "h6", as: "h4", className: "text-left mb-1.5", title: title })) : null, description ? (_jsx("div", { className: "mb-4", children: _jsx(Paragraph, { size: "text-m", align: "text-left", font: "font-light", children: description }) })) : null, colors?.length ? (_jsxs("div", { className: "flex mb-4 text-secondary-text", children: [_jsx("div", { className: "mr-1.5", children: _jsx(Text, { size: "text-s", align: "text-left", font: "font-light", children: "\u0426\u0432\u0435\u0442\u0430:" }) }), colors.map(renderColorOption)] })) : null, price ? (_jsxs(Text, { size: "text-h3", align: "text-left", children: [price, "\u00A0\u20BD"] })) : null, renderButtonsSection([button], { buttonClassName: 'mt-5 w-full' })] })));
+const renderColorOption = (color, i) => (_jsx("div", { role: "figure", className: `w-6 h-6 ml-1 sm:ml-3 border border-solid border-main-divider rounded-full ${cardStyleMap[color]}` }, String(i)));
 //# sourceMappingURL=CarouselCatalogCard.js.map

package/lib/components/CarouselCatalogCard/CarouselCatalogCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselCatalogCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCatalogCard/CarouselCatalogCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,YAAY,GAAwC;IACxD,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACjF,MAAC,YAAY,IACX,SAAS,EAAE,KAAK,CACd,+EAA+E,EAC/E,SAAS,CACV,KACG,IAAI,aAEP,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9E,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,KAAK,GAAI,CAChF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,YAAY,YACzD,WAAW,GACF,GACR,CACP,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,YAAY,uGAEhD,GACH,EACL,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAC1B,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,MAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,WAAW,aACnC,KAAK,oBACD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,oBAAoB,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,IACtD,CAChB,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAA0B,EAAE,CAAS,EAAE,EAAE,CAAC,CACnE,cACE,IAAI,EAAC,QAAQ,EAEb,SAAS,EAAE,qEAAqE,YAAY,CAAC,KAAK,CAAC,EAAE,IADhG,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC"}
+{"version":3,"file":"CarouselCatalogCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCatalogCard/CarouselCatalogCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,YAAY,GAAwC;IACxD,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACjF,MAAC,YAAY,IACX,SAAS,EAAE,KAAK,CACd,kFAAkF,EAClF,SAAS,CACV,KACG,IAAI,aAEP,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9E,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,KAAK,GAAI,CAChF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,YAAY,YACzD,WAAW,GACF,GACR,CACP,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,YAAY,gDAEhD,GACH,EACL,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAC1B,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,MAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,WAAW,aACnC,KAAK,oBACD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,oBAAoB,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,IACtD,CAChB,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAA0B,EAAE,CAAS,EAAE,EAAE,CAAC,CACnE,cACE,IAAI,EAAC,QAAQ,EAEb,SAAS,EAAE,6EAA6E,YAAY,CAAC,KAAK,CAAC,EAAE,IADxG,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC"}

package/lib/components/CarouselCatalogCard/CatalogCard.d.ts

@@ -0,0 +1,9 @@
+import type { ProductColorVersion } from '../../model/ProductColorVersion';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+export declare const CATALOG_CARD: {
+    title: string;
+    description: string;
+    price: number;
+    colors: ProductColorVersion[];
+    button: ButtonWithIconProps;
+};

package/lib/components/CarouselCatalogCard/CatalogCard.js

@@ -0,0 +1,18 @@
+const colors = ['black', 'white'];
+const buttonPrimary = {
+    href: '/credit-cards',
+    text: 'Подробнее',
+    target: '_blank',
+    version: 'primary',
+    icon: {
+        icon: 'AppleIcon',
+    },
+};
+export const CATALOG_CARD = {
+    title: 'SATURN S-VI',
+    description: 'Керамическое кольцо с глянцевой поверхностью и огранкой по внешним контурам',
+    price: 5600,
+    colors: colors,
+    button: buttonPrimary,
+};
+//# sourceMappingURL=CatalogCard.js.map

package/lib/components/CarouselCatalogCard/CatalogCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCatalogCard/CatalogCard.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,GAA0B,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAEzD,MAAM,aAAa,GAAwB;IACzC,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE;QACJ,IAAI,EAAE,WAAW;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,6EAA6E;IAC1F,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,aAAa;CACtB,CAAC"}

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

@@ -4,6 +4,5 @@ import type { CarouselProgramsCardContent } from './CarouselProgramsCardContent'
 export declare const BUSINESS_CARD: CarouselProgramsCardContent;
 declare const _default: {
     default: JSX.Element;
-    secondary: JSX.Element;
 };
 export default _default;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { CarouselProgramsCardContent } from './CarouselProgramsCardContent';
+export declare const BUSINESS_CARD: CarouselProgramsCardContent;
+declare const _default: {
+    default: JSX.Element;
+};
+export default _default;

package/lib/components/CarouselProgramsCard/CarouselProgramsCard.js

@@ -4,9 +4,12 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { Img } from '../../ui-kit/Img/Img.js';
 import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper.js';
+import { Paragraph } from '../../ui-kit/Paragraph/Paragraph.js';
+import { Text } from '../../ui-kit/Text/Text.js';
 import { style } from '../../utils/style.js';
+import { cardDescriptionColor, cardTitleFont } from './programCardStyles.js';
 export const CarouselProgramsCard = JSX(({ className = '', title, icon, list = [], href, target, ...rest }) => {
-    return (_jsx(BlockWrapper, { className: style('border border-gray', className), defaultPadding: "p-0", ...rest, children: _jsxs(LinkWrapper, { className: "flex", href: href, target: target, children: [_jsxs("div", { className: "w-[200px] min-w-[200px] self-center", children: [icon?.icon ? _jsx(Img, { image: icon }) : null, icon?.src ? _jsx(Img, { image: icon }) : null] }), _jsxs("div", { className: "p-8 pl-3 w-full", children: [title ? _jsx(Heading, { className: "mb-3.5", headingType: "h5", title: title }) : null, list.length ? (_jsx("div", { className: "flex flex-col gap-3", children: list?.map(renderList) })) : null] })] }) }));
+    return (_jsx(BlockWrapper, { className: style('border border-gray', className), defaultPadding: "p-lg sm:p-0", ...rest, children: _jsxs(LinkWrapper, { className: "sm:flex sm:items-center", href: href, target: target, children: [_jsx("div", { className: "min-w-[200px] flex justify-center", children: icon?.src || icon?.icon ? _jsx(Img, { image: icon }) : null }), _jsxs("div", { className: "sm:px-3 py-xl", children: [title ? _jsx(Heading, { className: "mb-2 sm:mb-3.5", headingType: "h6", title: title }) : null, list.length ? (_jsx("div", { className: "flex flex-col gap-2 sm:gap-3", children: list?.map(renderList) })) : null] })] }) }));
 });
-const renderList = (_, i) => (_jsxs("div", { className: "break-words", children: [_.title ? _jsx("div", { className: "text-h6", children: _.title }) : null, _.description ? _jsx("span", { className: "text-l-light mt-1", children: _.description }) : null] }, String(i)));
+const renderList = (_, i) => (_jsxs("div", { className: "flex flex-row-reverse justify-between gap-y-1 sm:flex-col", children: [_.title ? (_jsx(Text, { size: "text-l", font: cardTitleFont, children: _.title })) : null, _.description ? (_jsx(Paragraph, { size: "text-l", font: "font-light", color: cardDescriptionColor, children: _.description })) : null] }, String(i)));
 //# sourceMappingURL=CarouselProgramsCard.js.map

package/lib/components/CarouselProgramsCard/CarouselProgramsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselProgramsCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProgramsCard/CarouselProgramsCard.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,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CAAC,oBAAoB,EAAE,SAAS,CAAC,EACjD,cAAc,EAAC,KAAK,KAChB,IAAI,YAER,MAAC,WAAW,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aACtD,eAAK,SAAS,EAAC,qCAAqC,aACjD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EACxC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IACpC,EACN,eAAK,SAAS,EAAC,iBAAiB,aAC7B,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5E,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,qBAAqB,YAAE,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,GAAO,CACnE,CAAC,CAAC,CAAC,IAAI,IACJ,IACM,GACD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,CAAsB,EAAE,CAAS,EAAE,EAAE,CAAC,CACxD,eAAqB,SAAS,EAAC,aAAa,aACzC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACzD,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,mBAAmB,YAAE,CAAC,CAAC,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,KAF1E,MAAM,CAAC,CAAC,CAAC,CAGb,CACP,CAAC"}
+{"version":3,"file":"CarouselProgramsCard.js","sourceRoot":"","sources":["../../../src/components/CarouselProgramsCard/CarouselProgramsCard.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,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI1E,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CAAC,oBAAoB,EAAE,SAAS,CAAC,EACjD,cAAc,EAAC,aAAa,KACxB,IAAI,YAER,MAAC,WAAW,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aACzE,cAAK,SAAS,EAAC,mCAAmC,YAC/C,IAAI,EAAE,GAAG,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,GAClD,EACN,eAAK,SAAS,EAAC,eAAe,aAC3B,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,SAAS,EAAC,gBAAgB,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EACpF,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,8BAA8B,YAAE,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,GAAO,CAC5E,CAAC,CAAC,CAAC,IAAI,IACJ,IACM,GACD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,CAAsB,EAAE,CAAS,EAAE,EAAE,CAAC,CACxD,eAAqB,SAAS,EAAC,2DAA2D,aACvF,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,aAAa,YACpC,CAAC,CAAC,KAAK,GACH,CACR,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CACf,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,oBAAoB,YACnE,CAAC,CAAC,WAAW,GACJ,CACb,CAAC,CAAC,CAAC,IAAI,KAVA,MAAM,CAAC,CAAC,CAAC,CAWb,CACP,CAAC"}

package/lib/components/CarouselProgramsCard/programCardStyles.d.ts

@@ -0,0 +1,2 @@
+export declare const cardTitleFont = "font-normal";
+export declare const cardDescriptionColor = "text-secondary-text";

package/lib/components/CarouselProgramsCard/programCardStyles.js

@@ -0,0 +1,3 @@
+export const cardTitleFont = 'font-normal';
+export const cardDescriptionColor = 'text-secondary-text';
+//# sourceMappingURL=programCardStyles.js.map

package/lib/components/CarouselProgramsCard/programCardStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"programCardStyles.js","sourceRoot":"","sources":["../../../src/components/CarouselProgramsCard/programCardStyles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAC;AAC3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,qBAAqB,CAAC"}

package/lib/components/CarouselProgramsCard/programCardStyles.mobile.d.ts

@@ -0,0 +1,2 @@
+export declare const cardTitleFont = "font-light";
+export declare const cardDescriptionColor = "";

package/lib/components/CarouselProgramsCard/programCardStyles.mobile.js

@@ -0,0 +1,3 @@
+export const cardTitleFont = 'font-light';
+export const cardDescriptionColor = '';
+//# sourceMappingURL=programCardStyles.mobile.js.map

package/lib/components/CarouselProgramsCard/programCardStyles.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"programCardStyles.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselProgramsCard/programCardStyles.mobile.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,YAAY,CAAC;AAC1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC"}

package/lib/components/Tabs/LinkTab.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink.js';
-import { getLinkTabClassName } from './tabItemClasses.js';
+import { style } from '../../utils/style.js';
+import { getTabClassName } from './tabItemClasses.js';
 export const LinkTab = JSX((props) => {
     const { tab, currentTab, onClick, tabsMode } = props;
     const active = currentTab?.type === 'link' && currentTab.href === tab.href;
@@ -11,6 +12,6 @@ export const LinkTab = JSX((props) => {
         adjustedProps.onClick(ev);
         onClick(tab);
     };
-    return (_jsx("a", { role: "tab", className: getLinkTabClassName('link', active, tabsMode), target: tab.target, href: adjustedProps.href, onClick: handleClick, children: _jsx("span", { className: getLinkTabClassName('text', active, tabsMode), children: tab.text }) }));
+    return (_jsx("div", { className: getTabClassName('block', active, tabsMode), role: "tab", "aria-selected": active, onClick: () => onClick(tab), children: _jsx("a", { role: "tab", className: style('flex flex-1 items-center justify-center h-full', getTabClassName('text', active, tabsMode)), target: tab.target, href: adjustedProps.href, onClick: handleClick, children: _jsx("span", { children: tab.text }) }) }));
 });
 //# sourceMappingURL=LinkTab.js.map

package/lib/components/Tabs/LinkTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/LinkTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAUvD,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,MAAM,GAAG,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC;IAE3E,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,CAAC,EAAmC,EAAE,EAAE;QAC1D,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1B,OAAO,CAAC,GAAG,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,YACE,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxD,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,OAAO,EAAE,WAAW,YAEpB,eAAM,SAAS,EAAE,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,YAAG,GAAG,CAAC,IAAI,GAAQ,GAC/E,CACL,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"LinkTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/LinkTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAUnD,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,MAAM,GAAG,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC;IAE3E,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,CAAC,EAAmC,EAAE,EAAE;QAC1D,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1B,OAAO,CAAC,GAAG,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EACrD,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAE3B,YACE,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,KAAK,CACd,gDAAgD,EAChD,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAC1C,EACD,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,OAAO,EAAE,WAAW,YAEpB,yBAAO,GAAG,CAAC,IAAI,GAAQ,GACrB,GACA,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

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

package/lib/components/Tabs/Tabs.js

@@ -3,11 +3,12 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { defaultEventBus } from '../../EventBus/defaultEventBus.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
+import { style } from '../../utils/style.js';
 import { CenteredTabs } from './CenteredTabs.js';
 import { renderTab } from './renderTab.js';
 import { ScrollableTabs } from './ScrollableTabs.js';
 export const Tabs = JSX((props) => {
-    const { className = '', tabs, isSticky, ...rest } = props;
+    const { className = '', isSticky, tabs, ...rest } = props;
     const [currentTab, setCurrentTab] = useState(tabs ? tabs[0] : undefined);
     useEffect(() => {
         if (!tabs || !tabs[0]) {
@@ -24,7 +25,7 @@ export const Tabs = JSX((props) => {
         fireTabEvent(selectedTab);
         setCurrentTab(selectedTab);
     }, []);
-    return (_jsx(BlockWrapper, { className: `relative box-border flex gap-x-1 w-full ${isSticky ? 'sticky top-1 z-20' : ''} ${className}`, defaultPadding: "p-0", role: "tablist", ...rest, children: renderTabs({ tabs, onClick: handleClick, currentTab, ...rest }) }));
+    return (_jsx(BlockWrapper, { className: style('relative box-border flex gap-x-1 w-full overflow-x-auto no-scrollbar', isSticky ? 'sticky top-1 z-20' : '', className), defaultPadding: "p-0", role: "tablist", ...rest, children: renderTabs({ tabs, onClick: handleClick, currentTab, ...rest }) }));
 });
 const renderTabs = ({ tabsMode, tabs, ...rest }) => {
     switch (tabsMode) {

package/lib/components/Tabs/Tabs.js.map

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

package/lib/components/Tabs/renderGroupTab.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { RenderTabProps } from './renderTab';
 import type { GroupTabData } from './TabsContent';
 export declare const renderGroupTab: ({ page, currentTab, showCounter, onClick, tabsMode }: RenderTabProps) => (tab: GroupTabData, i: number) => JSX.Element;

package/lib/components/Tabs/renderGroupTab.js

@@ -1,23 +1,17 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { ACTIVE_TEXT_CLASSES, getGroupTabClassName, INACTIVE_TEXT_CLASSES, TEXT_CLASSES, WHITE_ACTIVE_TEXT_CLASSES, } from './tabItemClasses.js';
-const BADGE_CLASSES = 'min-w-[22px] h-[22px] rounded-full text-xs ml-2 flex justify-center items-center';
-const ACTIVE_BADGE_CLASSES = 'bg-white/30 text-white';
-const INACTIVE_BADGE_CLASSES = 'bg-main-divider text-secondary-text group-hover/btn:text-primary-main';
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { style } from '../../utils/style.js';
+import { getTabClassName } from './tabItemClasses.js';
+const BADGE_CLASSES = 'bg-main-divider min-w-[22px] h-[22px] rounded-full text-xs ml-2 flex justify-center items-center';
+const LIGHT_BADGE_CLASSES = 'bg-white/30 text-white';
+const DARK_BADGE_CLASSES = 'text-secondary-text group-hover/btn:text-primary-main';
 export const renderGroupTab = ({ page, currentTab, showCounter, onClick, tabsMode }) => (tab, i) => {
     const active = currentTab === tab;
     const count = tab.ref && page?.blocks
         ? page.blocks.filter((block) => block?.labels?.includes(tab.ref)).length
         : 0;
-    return (_jsx("div", { className: getGroupTabClassName('div', active, tabsMode), role: "tab", "aria-selected": active, onClick: () => onClick(tab), children: _jsxs("div", { className: `flex flex-1 items-center justify-center ${getGroupTabClassName('text', active, tabsMode)}`, children: [renderTitle(tab.title, active, tabsMode), renderCount(showCounter, count, active)] }) }, `group-${String(i)}`));
+    return (_jsx("div", { className: getTabClassName('block', active, tabsMode), role: "tab", "aria-selected": active, onClick: () => onClick(tab), children: _jsxs("div", { className: style('flex flex-1 items-center justify-center h-full', getTabClassName('text', active, tabsMode)), children: [_jsx("span", { children: tab.title }), showCounter && count ? renderCount(tabsMode, count, active) : null] }) }, `group-${String(i)}`));
 };
-const renderTitle = (title, active, tabsMode) => {
-    const activeClassName = active ? WHITE_ACTIVE_TEXT_CLASSES : INACTIVE_TEXT_CLASSES;
-    const titleClassName = tabsMode === 'scrollable'
-        ? `${TEXT_CLASSES} ${activeClassName}`
-        : `${TEXT_CLASSES} ${active ? ACTIVE_TEXT_CLASSES : INACTIVE_TEXT_CLASSES}`;
-    return title ? _jsx("h3", { className: titleClassName, children: title }) : null;
-};
-const renderCount = (showCounter, count, active) => {
-    return showCounter && count ? (_jsx("div", { className: `${BADGE_CLASSES} ${active ? ACTIVE_BADGE_CLASSES : INACTIVE_BADGE_CLASSES}`, children: count })) : null;
+const renderCount = (tabsMode, count, active) => {
+    return (_jsx("div", { className: style(BADGE_CLASSES, active && tabsMode !== 'scrollable' ? LIGHT_BADGE_CLASSES : DARK_BADGE_CLASSES), children: count }));
 };
 //# sourceMappingURL=renderGroupTab.js.map

package/lib/components/Tabs/renderGroupTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderGroupTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderGroupTab.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,YAAY,EACZ,yBAAyB,GAC1B,MAAM,kBAAkB,CAAC;AAG1B,MAAM,aAAa,GACjB,kFAAkF,CAAC;AACrF,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AACtD,MAAM,sBAAsB,GAC1B,uEAAuE,CAAC;AAE1E,MAAM,CAAC,MAAM,cAAc,GACzB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAkB,EAAE,EAAE,CACzE,CAAC,GAAiB,EAAE,CAAS,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,UAAU,KAAK,GAAG,CAAC;IAElC,MAAM,KAAK,GACT,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,MAAM;QACrB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC,CAAC,MAAM;QAClF,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,cAEE,SAAS,EAAE,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxD,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAE3B,eACE,SAAS,EAAE,2CAA2C,oBAAoB,CACxE,MAAM,EACN,MAAM,EACN,QAAQ,CACT,EAAE,aAEF,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxC,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,IACpC,IAfD,SAAS,MAAM,CAAC,CAAC,CAAC,EAAE,CAgBrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,MAAe,EAAE,QAAmB,EAAE,EAAE;IACtF,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IACnF,MAAM,cAAc,GAClB,QAAQ,KAAK,YAAY;QACvB,CAAC,CAAC,GAAG,YAAY,IAAI,eAAe,EAAE;QACtC,CAAC,CAAC,GAAG,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;IAEhF,OAAO,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAE,cAAc,YAAG,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,WAAgC,EAAE,KAAa,EAAE,MAAe,EAAE,EAAE;IACvF,OAAO,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAC5B,cAAK,SAAS,EAAE,GAAG,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EAAE,YACzF,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}
+{"version":3,"file":"renderGroupTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderGroupTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,MAAM,aAAa,GACjB,kGAAkG,CAAC;AACrG,MAAM,mBAAmB,GAAG,wBAAwB,CAAC;AACrD,MAAM,kBAAkB,GAAG,uDAAuD,CAAC;AAEnF,MAAM,CAAC,MAAM,cAAc,GACzB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAkB,EAAE,EAAE,CACzE,CAAC,GAAiB,EAAE,CAAS,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,UAAU,KAAK,GAAG,CAAC;IAElC,MAAM,KAAK,GACT,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,MAAM;QACrB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC,CAAC,MAAM;QAClF,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,cAEE,SAAS,EAAE,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EACrD,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAE3B,eACE,SAAS,EAAE,KAAK,CACd,gDAAgD,EAChD,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAC1C,aAED,yBAAO,GAAG,CAAC,KAAK,GAAQ,EACvB,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IAC/D,IAdD,SAAS,MAAM,CAAC,CAAC,CAAC,EAAE,CAerB,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,WAAW,GAAG,CAAC,QAA8B,EAAE,KAAa,EAAE,MAAe,EAAE,EAAE;IACrF,OAAO,CACL,cACE,SAAS,EAAE,KAAK,CACd,aAAa,EACb,MAAM,IAAI,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAC/E,YAEA,KAAK,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/Tabs/renderTab.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ContentPageDef } from '../../model/ContentPageDef';
 import type { TabData, TabsMode } from './TabsContent';
 export interface RenderTabProps {

package/lib/components/Tabs/tabItemClasses.d.ts

@@ -6,7 +6,6 @@ export declare const SCROLLABLE_ACTIVE_LINK_CLASSES = "bg-white text-primary-mai
 export declare const WIDESCREEN_ACTIVE_LINK_CLASSES = "bg-primary-main text-white";
 export declare const TEXT_CLASSES = "font-sans text-m text-center";
 export declare const ACTIVE_TEXT_CLASSES = "text-white";
-export declare const INACTIVE_TEXT_CLASSES = "text-secondary-text group-hover/btn:text-primary-main";
+export declare const INACTIVE_TEXT_CLASSES = "text-secondary-text sm:group-hover/btn:text-primary-main";
 export declare const WHITE_ACTIVE_TEXT_CLASSES = "text-primary-main";
-export declare const getGroupTabClassName: (type: string, active: boolean, tabsMode?: TabsMode) => any;
-export declare const getLinkTabClassName: (type: string, active: boolean, tabsMode?: TabsMode) => any;
+export declare const getTabClassName: (type: string, active: boolean, tabsMode?: TabsMode) => string;

package/lib/components/Tabs/tabItemClasses.js

@@ -5,10 +5,10 @@ export const SCROLLABLE_ACTIVE_LINK_CLASSES = 'bg-white text-primary-main';
 export const WIDESCREEN_ACTIVE_LINK_CLASSES = 'bg-primary-main text-white';
 export const TEXT_CLASSES = 'font-sans text-m text-center';
 export const ACTIVE_TEXT_CLASSES = 'text-white';
-export const INACTIVE_TEXT_CLASSES = 'text-secondary-text group-hover/btn:text-primary-main';
+export const INACTIVE_TEXT_CLASSES = 'text-secondary-text sm:group-hover/btn:text-primary-main';
 export const WHITE_ACTIVE_TEXT_CLASSES = 'text-primary-main';
-const GROUP_TAB_CLASSES = {
-    div: {
+const TAB_CLASSES = {
+    block: {
         scrollable: {
             active: `inline-flex px-4 grow whitespace-nowrap ${LINK_CLASSES} ${SCROLLABLE_ACTIVE_LINK_CLASSES}`,
             default: `inline-flex px-4 grow whitespace-nowrap ${LINK_CLASSES} ${INACTIVE_LINK_CLASSES}`,
@@ -24,37 +24,7 @@ const GROUP_TAB_CLASSES = {
     },
     text: {
         scrollable: {
-            active: `h-full border-0 border-b-2`,
-            default: ``,
-        },
-        centered: {
-            active: '',
-            default: '',
-        },
-        wideScreen: {
-            active: '',
-            default: '',
-        },
-    },
-};
-const LINK_TAB_CLASSES = {
-    link: {
-        scrollable: {
-            active: `inline-flex px-4 grow whitespace-nowrap ${LINK_CLASSES} ${SCROLLABLE_ACTIVE_LINK_CLASSES}`,
-            default: `inline-flex px-4 grow whitespace-nowrap ${LINK_CLASSES} ${INACTIVE_LINK_CLASSES}`,
-        },
-        centered: {
-            active: `px-4 rounded-md ${LINK_CLASSES} ${WIDESCREEN_ACTIVE_LINK_CLASSES} whitespace-nowrap`,
-            default: `px-4 rounded-md ${LINK_CLASSES} group/btn bg-transparent whitespace-nowrap`,
-        },
-        wideScreen: {
-            active: `${LINK_CLASSES} ${WIDESCREEN_ACTIVE_LINK_CLASSES}`,
-            default: `${LINK_CLASSES} ${INACTIVE_LINK_CLASSES}`,
-        },
-    },
-    text: {
-        scrollable: {
-            active: `${TEXT_CLASSES} flex items-center h-full border-0 border-b-2 ${WHITE_ACTIVE_TEXT_CLASSES}`,
+            active: `${TEXT_CLASSES} flex items-center h-full border-0 border-b-2`,
             default: `${TEXT_CLASSES} ${INACTIVE_TEXT_CLASSES}`,
         },
         centered: {
@@ -62,19 +32,14 @@ const LINK_TAB_CLASSES = {
             default: `${TEXT_CLASSES} ${INACTIVE_TEXT_CLASSES}`,
         },
         wideScreen: {
-            active: `${TEXT_CLASSES} ${ACTIVE_TEXT_CLASSES}`,
-            default: `${TEXT_CLASSES} ${INACTIVE_TEXT_CLASSES}`,
+            active: `${TEXT_CLASSES} ${ACTIVE_TEXT_CLASSES} text-black px-2.5 bg-white sm:bg-primary-main sm:text-white`,
+            default: `${TEXT_CLASSES} ${INACTIVE_TEXT_CLASSES} px-2.5 bg-white`,
         },
     },
 };
-export const getGroupTabClassName = (type, active, tabsMode) => {
-    const styleActive = active ? 'active' : 'default';
-    const mode = tabsMode || 'wideScreen';
-    return GROUP_TAB_CLASSES[type][mode][styleActive];
-};
-export const getLinkTabClassName = (type, active, tabsMode) => {
+export const getTabClassName = (type, active, tabsMode) => {
     const styleActive = active ? 'active' : 'default';
     const mode = tabsMode || 'wideScreen';
-    return LINK_TAB_CLASSES[type][mode][styleActive];
+    return TAB_CLASSES[type][mode][styleActive];
 };
 //# sourceMappingURL=tabItemClasses.js.map

package/lib/components/Tabs/tabItemClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabItemClasses.js","sourceRoot":"","sources":["../../../src/components/Tabs/tabItemClasses.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tabItemClasses.js","sourceRoot":"","sources":["../../../src/components/Tabs/tabItemClasses.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,6DAA6D,CAAC;AAC1F,MAAM,CAAC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AACrD,MAAM,CAAC,MAAM,qBAAqB,GAAG,oBAAoB,CAAC;AAE1D,MAAM,CAAC,MAAM,8BAA8B,GAAG,4BAA4B,CAAC;AAC3E,MAAM,CAAC,MAAM,8BAA8B,GAAG,4BAA4B,CAAC;AAE3E,MAAM,CAAC,MAAM,YAAY,GAAG,8BAA8B,CAAC;AAC3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,YAAY,CAAC;AAChD,MAAM,CAAC,MAAM,qBAAqB,GAAG,0DAA0D,CAAC;AAEhG,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAAmB,CAAC;AAE7D,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE;QACL,UAAU,EAAE;YACV,MAAM,EAAE,2CAA2C,YAAY,IAAI,8BAA8B,EAAE;YACnG,OAAO,EAAE,2CAA2C,YAAY,IAAI,qBAAqB,EAAE;SAC5F;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,mBAAmB,YAAY,IAAI,8BAA8B,oBAAoB;YAC7F,OAAO,EAAE,mBAAmB,YAAY,6CAA6C;SACtF;QACD,UAAU,EAAE;YACV,MAAM,EAAE,GAAG,YAAY,IAAI,8BAA8B,oBAAoB;YAC7E,OAAO,EAAE,GAAG,YAAY,IAAI,qBAAqB,oBAAoB;SACtE;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,GAAG,YAAY,+CAA+C;YACtE,OAAO,EAAE,GAAG,YAAY,IAAI,qBAAqB,EAAE;SACpD;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,GAAG,YAAY,IAAI,mBAAmB,EAAE;YAChD,OAAO,EAAE,GAAG,YAAY,IAAI,qBAAqB,EAAE;SACpD;QACD,UAAU,EAAE;YACV,MAAM,EAAE,GAAG,YAAY,IAAI,mBAAmB,8DAA8D;YAC5G,OAAO,EAAE,GAAG,YAAY,IAAI,qBAAqB,kBAAkB;SACpE;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAmE,CAC7F,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,EAAE;IACF,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAClD,MAAM,IAAI,GAAG,QAAQ,IAAI,YAAY,CAAC;IAEtC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;AAC9C,CAAC,CAAC"}

package/lib/components/TariffsTable/TariffsTable.mobile.js

@@ -6,7 +6,6 @@ import { TariffsTableVertical } from './TariffsTableVertical.js';
 export const TariffsTable = JSX(({ className, title, description, tariffsColumns: columns, rowHeaders, orientation = 'vertical', ...rest }) => {
     const colData = getColData(columns);
     const tiles = getTiles(rowHeaders, colData);
-    const headingMargin = description ? 'mb-2' : 'mb-8';
     return (_jsxs("section", { className: `p-default bg-white font-sans text-primary-text overflow-x-hidden ${className}`, children: [_jsx(Headline, { title: title, description: description, headlineVersion: "M", align: "text-left", isPadding: false, className: "mb-8" }), orientation === 'vertical' ? (_jsx(TariffsTableVertical, { tiles: tiles, ...rest })) : (_jsx(TariffsTableHorizontal, { tiles: tiles, ...rest }))] }));
 });
 const getColData = (columns) => columns?.[0]?.data ? columns[0].data : [];

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

@@ -1 +1 @@
-{"version":3,"file":"TariffsTable.mobile.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAOhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EACC,SAAS,EACT,KAAK,EACL,WAAW,EACX,cAAc,EAAE,OAAO,EACvB,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAEpD,OAAO,CACL,mBACE,SAAS,EAAE,oEAAoE,SAAS,EAAE,aAE1F,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAC,MAAM,GAChB,EACD,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAC5B,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,GAAI,CACjD,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,GAAI,CACnD,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAyC,EAAE,EAAE,CAC/D,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;AAE5C,MAAM,QAAQ,GAAG,CAAC,UAA+C,EAAE,OAAoB,EAAE,EAAE,CACzF,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9B,MAAM;IACN,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;CAC3B,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TariffsTable.mobile.js","sourceRoot":"","sources":["../../../src/components/TariffsTable/TariffsTable.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAOhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EACC,SAAS,EACT,KAAK,EACL,WAAW,EACX,cAAc,EAAE,OAAO,EACvB,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAE5C,OAAO,CACL,mBACE,SAAS,EAAE,oEAAoE,SAAS,EAAE,aAE1F,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAC,MAAM,GAChB,EACD,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAC5B,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,GAAI,CACjD,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,GAAI,CACnD,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAyC,EAAE,EAAE,CAC/D,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;AAE5C,MAAM,QAAQ,GAAG,CAAC,UAA+C,EAAE,OAAoB,EAAE,EAAE,CACzF,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9B,MAAM;IACN,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;CAC3B,CAAC,CAAC,CAAC"}

package/lib/ui-kit/PhoneInput/PhoneInput.js

@@ -5,6 +5,6 @@ import { Input } from '../Input/Input.js';
 import { normalizePhone } from './normalizePhone.js';
 export const PhoneInput = JSX(({ children, onChange, ...inputProps }) => {
     const handleChange = useCallback((value) => onChange && onChange(normalizePhone(value)), [onChange]);
-    return (_jsx(Input, { onChange: handleChange, onFocus: handleChange, ...inputProps, children: children }));
+    return (_jsx(Input, { onChange: handleChange, onFocus: (event) => handleChange(event?.target?.value || ''), ...inputProps, children: children }));
 });
 //# sourceMappingURL=PhoneInput.js.map

package/lib/ui-kit/PhoneInput/PhoneInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../src/ui-kit/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE;IAClF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAC9D,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,KAAM,UAAU,YACjE,QAAQ,GACH,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../src/ui-kit/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE;IAClF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAC9D,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IACJ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAE,KAAK,EAAE,MAAM,EAAE,KAAgB,IAAI,EAAE,CAAC,KACpE,UAAU,YAEb,QAAQ,GACH,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}