@redneckz/wildless-cms-uni-blocks 0.11.1 → 0.11.3

package/mobile/lib/ui-kit/BenefitItem/BenefitItem.js

@@ -1,18 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { style } from '../../utils/style.js';
 import { Img } from '../Img/Img.js';
+import { style } from '../../utils/style.js';
+import { labelSize } from './labelSize.js';
 import { Paragraph } from '../Paragraph/Paragraph.js';
 import { Text } from '../Text/Text.js';
-export const BenefitItem = JSX(({ className, icon, label, description, version = 'primary', benefitsVersion = 'normal' }) => (_jsxs("div", { className: style('flex gap-5', description ? 'items-start' : 'items-center', className), children: [icon ? (_jsx("div", { className: getBenefitIconBgStyle(version, benefitsVersion), children: _jsx(Img, { className: "w-6 h-6", image: { ...icon, iconVersion: icon.iconVersion || benefitsVersion } }) })) : null, _jsxs("div", { children: [label ? (_jsx(Text, { size: "text-h6", color: "text-primary-text group-data-secondary:text-white", children: label })) : null, description ? (_jsx(Paragraph, { size: "text-m-light", color: "text-secondary-text group-data-secondary:text-white", children: description })) : null] })] })));
-function getBenefitIconBgStyle(version, benefitsVersion) {
-    let bgColorStyle = 'bg-primary-main text-black';
-    if (version === 'secondary') {
-        bgColorStyle = 'bg-white/30 text-black';
-    }
-    else if (benefitsVersion === 'normal') {
-        bgColorStyle = 'bg-secondary-light text-primary-main';
-    }
-    return `w-12 h-12 min-w-12 rounded-full p-2.5 box-border flex items-center justify-center ${bgColorStyle}`;
+export const BenefitItem = JSX((props) => {
+    const { className = '', icon, label, description, benefitsVersion = 'normal' } = props;
+    const listItemAlign = description ? 'items-start' : 'items-center';
+    return (_jsxs("div", { className: `flex gap-5 ${listItemAlign} ${className}`, children: [icon ? (_jsx("div", { className: getBenefitIconBgStyle(benefitsVersion), children: _jsx(Img, { className: "w-6 h-6", image: { ...icon, iconVersion: icon.iconVersion || benefitsVersion } }) })) : null, _jsxs("div", { className: "gap-0.5", children: [label ? (_jsx(Text, { color: "text-primary-text group-data-secondary:text-white", size: labelSize, children: label })) : null, description ? (_jsx(Paragraph, { font: "font-light", size: "text-m", color: "text-secondary-text group-data-secondary:text-white", children: description })) : null] })] }));
+});
+function getBenefitIconBgStyle(benefitsVersion) {
+    const bgColorStyle = benefitsVersion === 'normal'
+        ? 'bg-secondary-light text-primary-main'
+        : 'bg-primary-main text-black group-data-secondary:bg-white/30 group-data-secondary:text-black';
+    return style('w-12 h-12 min-w-12 p-2.5 box-border flex items-center justify-center rounded-icon', bgColorStyle);
 }
 //# sourceMappingURL=BenefitItem.js.map

package/mobile/lib/ui-kit/BenefitItem/BenefitItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BenefitItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitItem/BenefitItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,GAAG,SAAS,EAAE,eAAe,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC5F,eAAK,SAAS,EAAE,KAAK,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,EAAE,SAAS,CAAC,aACzF,IAAI,CAAC,CAAC,CAAC,CACN,cAAK,SAAS,EAAE,qBAAqB,CAAC,OAAO,EAAE,eAAe,CAAC,YAC7D,KAAC,GAAG,IACF,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,eAAe,EAAE,GACpE,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,0BACG,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,mDAAmD,YAC3E,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,IACR,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,qDAAqD,YAE1D,WAAW,GACF,CACb,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CACF,CAAC;AAEF,SAAS,qBAAqB,CAAC,OAAqB,EAAE,eAA4B;IAChF,IAAI,YAAY,GAAG,4BAA4B,CAAC;IAEhD,IAAI,OAAO,KAAK,WAAW,EAAE;QAC3B,YAAY,GAAG,wBAAwB,CAAC;KACzC;SAAM,IAAI,eAAe,KAAK,QAAQ,EAAE;QACvC,YAAY,GAAG,sCAAsC,CAAC;KACvD;IAED,OAAO,qFAAqF,YAAY,EAAE,CAAC;AAC7G,CAAC"}
+{"version":3,"file":"BenefitItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitItem/BenefitItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,EAAE;IAC5D,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC;IAEnE,OAAO,CACL,eAAK,SAAS,EAAE,cAAc,aAAa,IAAI,SAAS,EAAE,aACvD,IAAI,CAAC,CAAC,CAAC,CACN,cAAK,SAAS,EAAE,qBAAqB,CAAC,eAAe,CAAC,YACpD,KAAC,GAAG,IACF,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,eAAe,EAAE,GACpE,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,SAAS,aACrB,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IAAC,KAAK,EAAC,mDAAmD,EAAC,IAAI,EAAE,SAAS,YAC5E,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,IACR,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,qDAAqD,YAE1D,WAAW,GACF,CACb,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAED,SAAS,qBAAqB,CAAC,eAA4B;IACnD,MAAM,YAAY,GAClB,eAAe,KAAK,QAAQ;QAC5B,CAAC,CAAC,sCAAsC;QACxC,CAAC,CAAC,6FAA6F,CAAC;IAEhG,OAAO,KAAK,CACZ,mFAAmF,EACnF,YAAY,CACX,CAAC;AACJ,CAAC"}

package/mobile/lib/ui-kit/BenefitItem/labelSize.d.ts

@@ -0,0 +1 @@
+export declare const labelSize = "text-l";

package/mobile/lib/ui-kit/BenefitItem/labelSize.js

@@ -0,0 +1,2 @@
+export const labelSize = 'text-l';
+//# sourceMappingURL=labelSize.js.map

package/mobile/lib/ui-kit/BenefitItem/labelSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelSize.js","sourceRoot":"","sources":["../../../src/ui-kit/BenefitItem/labelSize.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC"}

package/mobile/lib/ui-kit/Button/renderButtonsSection.js

@@ -2,12 +2,12 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { style } from '../../utils/style.js';
 import { Img } from '../Img/Img.js';
 import { Button } from './Button.js';
-export const renderButtonsSection = (buttons, { className = '', buttonClassName, isVertical } = {}) => buttons?.length && buttons.some((_) => _?.text || _?.icon?.icon) ? (_jsx("div", { className: style('flex', isVertical ? 'flex-col gap-2' : 'flex-wrap gap-4', className), children: buttons.map(renderButton(buttonClassName)) })) : null;
+export const renderButtonsSection = (buttons, { className = '', buttonClassName, isVertical } = {}) => buttons?.length && buttons.some((_) => _?.text || _?.icon?.icon) ? (_jsx("div", { className: style('flex', isVertical ? 'flex-col gap-2 justify-items-stretch' : 'flex-wrap gap-4', className), children: buttons.map(renderButton(buttonClassName)) })) : null;
 const renderButton = (buttonClassName = '') => (button, index) => {
     const { text, icon, iconRight, version, ...rest } = button || {};
     const iconVersionDefault = version === 'secondary' ? 'color' : 'white';
     const iconVersion = icon?.iconVersion ? icon?.iconVersion : iconVersionDefault;
-    return text || icon?.icon ? (_jsx(Button, { className: buttonClassName, appendLeft: renderButtonIcon({ ...icon, iconVersion }), appendRight: renderButtonIcon({ ...iconRight, iconVersion }), version: version, text: text, ...rest }, index ? String(index) : '')) : null;
+    return text || icon?.icon ? (_jsx(Button, { className: style('basis-full sm:basis-auto', buttonClassName), appendLeft: renderButtonIcon({ ...icon, iconVersion }), appendRight: renderButtonIcon({ ...iconRight, iconVersion }), version: version, text: text, ...rest }, index ? String(index) : '')) : null;
 };
 const DEFAULT_ICON_W = 24;
 const renderButtonIcon = (icon) => icon?.icon || icon?.src ? (_jsx(Img, { image: icon, width: String(icon?.size?.width || DEFAULT_ICON_W), height: String(DEFAULT_ICON_W) })) : null;

package/mobile/lib/ui-kit/Button/renderButtonsSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderButtonsSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/renderButtonsSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,OAA6C,EAC7C,EAAE,SAAS,GAAG,EAAE,EAAE,eAAe,EAAE,UAAU,KAA4B,EAAE,EAC3E,EAAE,CACF,OAAO,EAAE,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CACjE,cAAK,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,YACxF,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,GACvC,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AAEX,MAAM,YAAY,GAChB,CAAC,eAAe,GAAG,EAAE,EAAE,EAAE,CACzB,CAAC,MAA4B,EAAE,KAAc,EAAE,EAAE;IAC/C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IACjE,MAAM,kBAAkB,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IACvE,MAAM,WAAW,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAE/E,OAAO,IAAI,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,MAAM,IAEL,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,gBAAgB,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,CAAC,EACtD,WAAW,EAAE,gBAAgB,CAAC,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE,CAAC,EAC5D,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,KACN,IAAI,IANH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAO/B,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEJ,MAAM,cAAc,GAAG,EAAE,CAAC;AAE1B,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE,CACzC,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CACxB,KAAC,GAAG,IACF,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,cAAc,CAAC,EAClD,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC,GAC9B,CACH,CAAC,CAAC,CAAC,IAAI,CAAC"}
+{"version":3,"file":"renderButtonsSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/renderButtonsSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AASlC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,OAA6C,EAC7C,EAAE,SAAS,GAAG,EAAE,EAAE,eAAe,EAAE,UAAU,KAA4B,EAAE,EAC3E,EAAE,CACF,OAAO,EAAE,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CACjE,cACE,SAAS,EAAE,KAAK,CACd,MAAM,EACN,UAAU,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,iBAAiB,EACvE,SAAS,CACV,YAEA,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,GACvC,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AAEX,MAAM,YAAY,GAChB,CAAC,eAAe,GAAG,EAAE,EAAE,EAAE,CACzB,CAAC,MAA4B,EAAE,KAAc,EAAE,EAAE;IAC/C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IACjE,MAAM,kBAAkB,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IACvE,MAAM,WAAW,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAE/E,OAAO,IAAI,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,MAAM,IAEL,SAAS,EAAE,KAAK,CAAC,0BAA0B,EAAE,eAAe,CAAC,EAC7D,UAAU,EAAE,gBAAgB,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,CAAC,EACtD,WAAW,EAAE,gBAAgB,CAAC,EAAE,GAAG,SAAS,EAAE,WAAW,EAAE,CAAC,EAC5D,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,KACN,IAAI,IANH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAO/B,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEJ,MAAM,cAAc,GAAG,EAAE,CAAC;AAE1B,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE,CACzC,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CACxB,KAAC,GAAG,IACF,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,cAAc,CAAC,EAClD,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC,GAC9B,CACH,CAAC,CAAC,CAAC,IAAI,CAAC"}

package/mobile/lib/ui-kit/Heading/Heading.js

@@ -1,16 +1,17 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-const HeadingClass = {
-    h0: 'text-m-title',
-    h1: 'text-m-title',
-    h2: 'text-m-title',
-    h3: 'text-h6',
-    h4: 'text-m-title-xs',
-    h5: 'text-m-title-xs',
-    h6: 'text-m-title-xs',
+import { headingTag } from './headingTag.js';
+const styles = {
+    h0: 'text-h0',
+    h1: 'text-h1',
+    h2: 'text-h2',
+    h3: 'text-h3',
+    h4: 'text-h4',
+    h5: 'text-h5',
+    h6: 'text-h6', // 20
 };
-export const Heading = JSX((props) => {
-    const { className, headingType = 'h3', title, as: Tag = 'h3' } = props;
-    return (_jsx(Tag, { className: `font-sans font-medium m-0 ${HeadingClass[headingType]} ${className || ''}`, children: title }));
+export const Heading = JSX(({ className = '', headingType = 'h3', as = 'h3', title, children }) => {
+    const Tag = headingTag(as);
+    return (_jsx(Tag, { className: `font-sans m-0 ${styles[headingType]} ${className}`, children: title || children }));
 });
 //# sourceMappingURL=Heading.js.map

package/mobile/lib/ui-kit/Heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/ui-kit/Heading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,YAAY,GAAgC;IAChD,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvE,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,6BAA6B,YAAY,CAAC,WAAW,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,YACxF,KAAK,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/ui-kit/Heading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,MAAM,GAAgC;IAC1C,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS,EAAE,KAAK;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CACxB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,GAAG,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrE,MAAM,GAAG,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IAE3B,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,iBAAiB,MAAM,CAAC,WAAW,CAAC,IAAI,SAAS,EAAE,YAAG,KAAK,IAAI,QAAQ,GAAO,CAC/F,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/Heading/headingTag.d.ts

@@ -0,0 +1,2 @@
+import { HeadingTagType } from './HeadingProps';
+export declare const headingTag: (tag: HeadingTagType) => HeadingTagType;

package/mobile/lib/ui-kit/Heading/headingTag.js

@@ -0,0 +1,10 @@
+const mobileHeadingTagMap = {
+    h1: 'h1',
+    h2: 'h1',
+    h3: 'h2',
+    h4: 'h2',
+    h5: 'h3',
+    h6: 'h3',
+};
+export const headingTag = (tag) => mobileHeadingTagMap[tag] || 'h3';
+//# sourceMappingURL=headingTag.js.map

package/mobile/lib/ui-kit/Heading/headingTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headingTag.js","sourceRoot":"","sources":["../../../src/ui-kit/Heading/headingTag.ts"],"names":[],"mappings":"AAEA,MAAM,mBAAmB,GAA2C;IAClE,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAmB,EAAkB,EAAE,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC"}

package/mobile/lib/ui-kit/Icon/IconProps.d.ts

@@ -1,6 +1,14 @@
 import type { IconName } from '../../icons/IconName';
 import type { IconVersion } from '../../model/IconVersion';
 export type { IconName };
+/**
+ * @title Цвет фона иконки
+ * @enumNames [
+ *    "Основной",
+ *    "Второстепенный",
+ *    "Второстепенный светлый"
+ * ]
+ */
 export declare type IconBgVersion = 'primary' | 'secondary' | 'secondary-light';
 export interface IconCompatibilityFields {
     /** @title Альтернативный текст (alt) */
@@ -18,6 +26,3 @@ export declare type IconProps = IconCompatibilityFields & {
     name?: IconName;
     iconVersion?: IconVersion;
 };
-export interface RoundedIconProps extends IconProps {
-    iconBgVersion?: IconBgVersion;
-}

package/mobile/lib/ui-kit/Icon/RoundedIcon.d.ts

@@ -1,2 +1,6 @@
-import type { RoundedIconProps } from './IconProps';
+import type { IconBgVersion } from './IconProps';
+import type { Picture } from '../../model/Picture';
+export interface RoundedIconProps extends Picture {
+    iconBgVersion?: IconBgVersion;
+}
 export declare const RoundedIcon: import("@redneckz/uni-jsx").UNIComponent<RoundedIconProps, any, any>;

package/mobile/lib/ui-kit/Icon/RoundedIcon.js

@@ -7,5 +7,9 @@ const iconBgStyles = {
     secondary: 'bg-white/30',
     'secondary-light': 'bg-secondary-light',
 };
-export const RoundedIcon = JSX(({ iconBgVersion = 'primary', ...rest }) => (_jsx("div", { className: style('rounded-icon p-2.5 mr-3', iconBgStyles[iconBgVersion]), children: _jsx(Icon, { ...rest }) })));
+export const RoundedIcon = JSX(({ iconBgVersion = 'primary', size, icon, ...rest }) => {
+    const width = String(size?.width || 24);
+    const height = String(size?.height || 24);
+    return icon ? (_jsx("div", { className: style('rounded-icon p-2.5 mr-3', iconBgStyles[iconBgVersion]), children: _jsx(Icon, { ...rest, width: width, height: height, name: icon }) })) : null;
+});
 //# sourceMappingURL=RoundedIcon.js.map

package/mobile/lib/ui-kit/Icon/RoundedIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoundedIcon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/RoundedIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,YAAY,GAAkC;IAClD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,aAAa;IACxB,iBAAiB,EAAE,oBAAoB;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,aAAa,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC3F,cAAK,SAAS,EAAE,KAAK,CAAC,yBAAyB,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,YAC3E,KAAC,IAAI,OAAK,IAAI,GAAI,GACd,CACP,CAAC,CAAC"}
+{"version":3,"file":"RoundedIcon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/RoundedIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,MAAM,YAAY,GAAkC;IAClD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,aAAa;IACxB,iBAAiB,EAAE,oBAAoB;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,aAAa,GAAG,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACrD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC;IAE1C,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAE,KAAK,CAAC,yBAAyB,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,YAC3E,KAAC,IAAI,OAAK,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAI,GACxD,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/mobile/src/components/BaseTile/BaseTile.tsx

@@ -26,15 +26,18 @@ export const BaseTile = JSX<BaseTileProps>(
     <div className={style('relative flex flex-col font-sans', className)}>
       {backImage ? <div className="absolute bottom-0 right-0 z-0">{backImage}</div> : null}
       {title}
-      <div className="grow relative flex flex-wrap md:flex-nowrap justify-between items-stretch gap-8">
-        {leftImage}
+      <div className="grow relative flex flex-wrap sm:flex-nowrap justify-between items-stretch gap-8">
+        {renderImageContainer(leftImage)}
         <div className={style('flex flex-col gap-8', leftImage ? '' : 'grow')}>
           {insetTitle}
           <div className="grow">{children}</div>
           {buttons}
         </div>
-        {rightImage ? <div className="-order-1 lg:order-1">{rightImage}</div> : null}
+        {renderImageContainer(rightImage, { className: '-order-1 sm:order-1' })}
       </div>
     </div>
   ),
 );
+
+const renderImageContainer = (image: VNode, { className }: { className?: string } = {}) =>
+  image ? <div className={style('flex-none', className)}>{image}</div> : null;

package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -35,7 +35,7 @@ const renderStep = (benefit: BenefitBlockItemProps, i: number) => {
     <div key={String(i)} className="flex items-center basis-1/2 max-w-[500px] mb-14">
       {benefit?.icon?.icon ? (
         <Img
-          className="w-12 h-12 min-w-12 p-3 rounded-full bg-main-divider text-primary-main group-data-secondary:bg-white/30 group-data-secondary:text-black"
+          className="w-12 h-12 min-w-12 p-3 rounded-icon bg-main-divider text-primary-main group-data-secondary:bg-white/30 group-data-secondary:text-black"
           image={benefit.icon}
         />
       ) : null}

package/mobile/src/components/Blocks.ts

@@ -1,5 +1,8 @@
 import type { BlocksRegistry } from '../model/BlocksRegistry';
+import { ButtonsBlock } from './ButtonsBlock/ButtonsBlock';
+import { CardTransfer } from './CardTransfer/CardTransfer';
 import { Carousel } from './Carousel/Carousel';
+import { CarouselProgramsCard } from './CarouselProgramsCard/CarouselProgramsCard';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard/CarouselRecommendationCard';
 import { CarouselTariffsCard } from './CarouselTariffsCard/CarouselTariffsCard';
 import { ComparisonTable } from './ComparisonTable/ComparisonTable';
@@ -9,8 +12,10 @@ import { Headline } from './Headline/Headline';
 import { ImgBlock } from './ImgBlock/ImgBlock';
 import { LinkDocs } from './LinkDocs/LinkDocs';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
+import { PictureText } from './PictureText/PictureText';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
+import { ProductGallery } from './ProductGallery/ProductGallery';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
 import { StepsBlock } from './StepsBlock/StepsBlock';
@@ -19,6 +24,8 @@ import { TextBlock } from './TextBlock/TextBlock';
 import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 
 export const Blocks: BlocksRegistry = {
+  ButtonsBlock,
+  CardTransfer,
   Carousel,
   CarouselTariffsCard,
   ComparisonTable,
@@ -28,6 +35,7 @@ export const Blocks: BlocksRegistry = {
   ImgBlock,
   LinkDocs,
   MobileAppTile,
+  PictureText,
   Placeholder,
   ProductBlock,
   StepsBlock,
@@ -37,4 +45,6 @@ export const Blocks: BlocksRegistry = {
   RollupItem,
   VerticalLayout,
   CarouselRecommendationCard,
+  CarouselProgramsCard,
+  ProductGallery,
 };

package/mobile/src/components/Bonus/Bonus.tsx

@@ -72,4 +72,4 @@ const renderBonusCount = (_: BonusCountDef) => (
 );
 
 const renderBonusImage = (_: BonusImageDef) =>
-  _.image ? <Img className={`w-12 h-12 min-w-12 p-3 rounded-full`} image={_.image} /> : null;
+  _.image ? <Img className={`w-12 h-12 min-w-12 p-3 rounded-icon`} image={_.image} /> : null;

package/mobile/src/components/BusinessBlock/BusinessCard.tsx

@@ -28,7 +28,7 @@ const renderItem = (item: BusinessCardItemProps, key: string) => {
   return (
     <li key={key} className="flex items-center gap-3.5 mb-3 last:mb-0">
       {icon?.icon ? (
-        <Img image={icon} className="w-12 h-12 min-w-12 p-3 rounded-full bg-main-divider" />
+        <Img image={icon} className="w-12 h-12 min-w-12 p-3 rounded-icon bg-main-divider" />
       ) : null}
       {icon?.src ? <Img image={icon} /> : null}
       <span className="text-xl-light">{text}</span>

package/mobile/src/components/ButtonsBlock/ButtonsBlock.example.json

@@ -0,0 +1,14 @@
+{
+  "content": {
+    "buttons": [
+      {
+        "href": "#",
+        "text": "Кнопка",
+        "target": "_blank",
+        "version": "primary",
+        "icon": { "format": "webp", "size": { "width": 24, "height": 24 } },
+        "iconRight": { "format": "webp", "size": { "width": 24, "height": 24 } }
+      }
+    ]
+  }
+}

package/{src/components/ButtonBlock/ButtonBlock.tsx → mobile/src/components/ButtonsBlock/ButtonsBlock.tsx}

@@ -3,12 +3,12 @@ import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { style } from '../../utils/style';
-import type { ButtonBlockContent } from './ButtonBlockContent';
+import type { ButtonsBlockContent } from './ButtonsBlockContent';
 
-interface ButtonBlockProps extends ButtonBlockContent, UniBlockProps {}
+interface ButtonsBlockProps extends ButtonsBlockContent, UniBlockProps {}
 
-export const ButtonBlock = JSX<ButtonBlockProps>(({ button, className, ...rest }) => (
+export const ButtonsBlock = JSX<ButtonsBlockProps>(({ buttons, className, ...rest }) => (
   <BlockWrapper className={style('!bg-transparent', className)} {...rest}>
-    {renderButtonsSection([button])}
+    {renderButtonsSection(buttons)}
   </BlockWrapper>
 ));

package/mobile/src/components/ButtonsBlock/ButtonsBlock.ui.json

@@ -0,0 +1,14 @@
+{
+  "content": {
+    "buttons": {
+      "items": {
+        "icon": {
+          "ui:field": "icon"
+        },
+        "iconRight": {
+          "ui:field": "icon"
+        }
+      }
+    }
+  }
+}

package/mobile/src/components/ButtonsBlock/ButtonsBlockContent.ts

@@ -0,0 +1,9 @@
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+
+/**
+ * @title Блок кнопок
+ */
+export interface ButtonsBlockContent {
+  /** @title Кнопки */
+  buttons?: ButtonWithIconProps[];
+}

package/mobile/src/components/CardTransfer/CardTransfer.tsx

@@ -43,8 +43,14 @@ export const CardTransfer = JSX<CardTransferProps>(
 
     return (
       <BlockWrapper className={style('p-default flex flex-col items-center', className)} {...rest}>
-        {title ? <Heading className="max-w-[684px] pb-9" headingType="h2" title={title} /> : null}
-        <form className="w-[468px]" method="POST" action={FORM_URL}>
+        {title ? (
+          <Heading
+            className="pb-5 xl:pb-9 self-start xl:self-center"
+            headingType="h2"
+            title={title}
+          />
+        ) : null}
+        <form className="w-full xl:max-w-[468px]" method="POST" action={FORM_URL}>
           <CurrencyInput
             name={AMOUNT_KEY}
             valid={!isDisabled}
@@ -55,7 +61,7 @@ export const CardTransfer = JSX<CardTransferProps>(
           {button?.text ? (
             <button
               type="submit"
-              className={style('w-full p-4 mt-6', buttonStyle)}
+              className={style('w-full p-4 mt-5 xl:mt-6', buttonStyle)}
               disabled={isDisabled}
               {...link(button)}
             >

package/mobile/src/components/CarouselCard/CarouselCard.tsx

@@ -1,23 +1,24 @@
+import type { CarouselCardContent } from './CarouselCardContent';
+import { Headline } from '../Headline/Headline';
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
-import type { SizeVersion } from '../../model/SizeVersion';
+import { getCardWidth } from './getCardWidth';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
-import { Headline } from '../Headline/Headline';
-import type { CarouselCardContent } from './CarouselCardContent';
+import { style } from '../../utils/style';
+import { titleSize } from './titleSize';
 
 export interface CarouselCardProps extends CarouselCardContent, UniBlockProps {}
 
-const BLOCK_CLASSES = 'absolute border border-solid border-gray w-full h-full';
-
-const CARD_WIDTH_MAP: Record<SizeVersion, string> = {
-  normal: 'min-w-[970px]',
-  small: 'min-w-[355px]',
-};
+const BLOCK_CLASSES = 'absolute border border-solid border-gray w-full h-full sm:hidden';
 
 export const CarouselCard = JSX<CarouselCardProps>(
   ({ className = '', button, description, title, carouselVersion = 'normal', version = '' }) => (
     <section
-      className={`flex pb-9 pl-12 border-box h-full ${CARD_WIDTH_MAP[carouselVersion]} ${className}`}
+      className={style(
+        'flex pb-9 pl-12 sm:p-5 border-box h-full sm:max-w-[375px]',
+        getCardWidth(className, carouselVersion),
+        className,
+      )}
     >
       <div className="relative w-full">
         <div className={`${BLOCK_CLASSES} z-10 top-9 right-12 bg-green-dark`} />
@@ -28,11 +29,14 @@ export const CarouselCard = JSX<CarouselCardProps>(
             className="!p-0"
             title={title}
             description={description}
-            headlineVersion="L"
+            headlineVersion={titleSize}
             align="text-left"
             version={version}
           />
-          {renderButtonsSection([button], { className: 'mt-14' })}
+          {renderButtonsSection([button], {
+            className: 'mt-14 sm:justify-center',
+            isVertical: true,
+          })}
         </div>
       </div>
     </section>

package/mobile/src/components/CarouselCard/getCardWidth.tsx

@@ -0,0 +1,16 @@
+import type { SizeVersion } from '../../model/SizeVersion';
+import { getColSpan } from '../../utils/getColSpan';
+
+const CARD_WIDTH_MAP: Record<SizeVersion, string> = {
+  normal: 'min-w-[970px]',
+  small: 'min-w-[355px]',
+};
+
+export function getCardWidth(className = '', carouselVersion = 'normal') {
+  const colSpan = getColSpan(className);
+  if (colSpan <= 4) {
+    return 'w-[375px]';
+  } else {
+    return CARD_WIDTH_MAP[carouselVersion] as string;
+  }
+}

package/mobile/src/components/CarouselCard/titleSize.tsx

@@ -0,0 +1 @@
+export const titleSize = 'XS';

package/mobile/src/components/CarouselProductCard/CarouselProductCard.tsx

@@ -63,9 +63,7 @@ export const CarouselProductCard = JSX<CarouselProductCardProps>(
 const renderImage = (image?: Picture) => (
   <div className="flex justify-center">
     {image?.src ? <Img className="mb-5" image={image} /> : null}
-    {image?.icon ? (
-      <Img className={`w-[32px] h-[32px] min-w-[32px] mb-5 rounded-full`} image={image} />
-    ) : null}
+    {image?.icon ? <Img className={`w-8 h-8 min-w-8 mb-5`} image={image} /> : null}
   </div>
 );
 

package/mobile/src/components/Footer/Contacts.tsx

@@ -1,16 +1,17 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Button } from '../../ui-kit/Button/Button';
-import type { ContactInfo } from './FooterContent';
+import { Text } from '../../ui-kit/Text/Text';
+import type { ContactGroup, ContactInfo } from './FooterContent';
 
 export interface ContactsProps {
   className?: string;
-  items?: ContactInfo[];
+  items?: ContactGroup[];
   hasButton?: boolean;
 }
 
 export const Contacts = JSX<ContactsProps>(({ className = '', items, hasButton }) => (
   <div className={className}>
-    {items?.length ? items.map(renderContact) : null}
+    {items?.length ? items.map(renderContactsGroup) : null}
     {hasButton ? (
       <Button
         version="primary"
@@ -24,16 +25,23 @@ export const Contacts = JSX<ContactsProps>(({ className = '', items, hasButton }
   </div>
 ));
 
-const renderContact = (item: ContactInfo, index: number) => {
-  const { type, text, description } = item;
-
-  return (
-    <div className="mb-4" key={String(index)}>
-      <div>{renderText(type, text)}</div>
-      <div className="mt-1 text-s-light text-secondary-text">{description}</div>
+const renderContactsGroup = (item: ContactGroup, i: number) => (
+  <div className="mb-6" key={String(i)}>
+    <div className="mb-4">
+      <Text size="text-l" font="font-medium">
+        {item?.title}
+      </Text>
     </div>
-  );
-};
+    <div>{item.items?.map(renderContact)}</div>
+  </div>
+);
+
+const renderContact = (item: ContactInfo, index: number) => (
+  <div className="mb-4" key={String(index)}>
+    <div>{renderText(item.type, item.text)}</div>
+    <div className="mt-1 text-s-light text-secondary-text">{item.description}</div>
+  </div>
+);
 
 const renderText = (type: ContactInfo['type'], text = '') => {
   switch (type) {

package/mobile/src/components/Footer/FooterContent.ts

@@ -1,7 +1,7 @@
 import type { DescriptionProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
 import type { LinkProps } from '../../model/LinkProps';
 import type { IconProps } from '../../model/Picture';
-import type { UniBlockContent } from '../../model/JSXBlock';
 
 /**
  * @title Тип контакта
@@ -21,6 +21,15 @@ export type ContactInfo = DescriptionProps & {
   type?: ContactType;
 };
 
+/**
+ * @title Группа контактов
+ */
+export type ContactGroup = {
+  /** @title Имя */
+  title?: string;
+  items?: ContactInfo[];
+};
+
 /**
  * @title Пункт подменю
  */

package/mobile/src/components/Footer/FooterDataProps.ts

@@ -1,12 +1,12 @@
 import type { LinkCommonProps, LinkProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
 import type { SitemapData } from '../../services/sitemap/SitemapData';
-import type { ContactInfo, SubMenuItem } from './FooterContent';
+import type { ContactGroup, SubMenuItem } from './FooterContent';
 
 export interface FooterDataProps extends SitemapData {
   documents?: LinkProps[];
   relatedEnterprises?: LinkProps[];
-  contacts?: ContactInfo[];
+  contacts?: ContactGroup[];
   socialMedia?: LinkCommonProps[];
   mobileApps?: LinkCommonProps[];
   horizontalNavigationTitle?: string; // TODO: для мобильной версии