@redneckz/wildless-cms-uni-blocks 0.2.109 → 0.2.111

package/lib/components/ProductTile/ProductTile.js

@@ -3,16 +3,16 @@ import { JSX } from '@redneckz/uni-jsx';
 import { Tile } from '../Tile/Tile.js';
 export const ProductTile = JSX((props) => {
     const { benefits, version } = props;
-    return (_jsx(Tile, { ...props, children: _jsxs("div", { className: "flex mt-5 mb-1", children: [benefits?.length ? (_jsx("div", { className: "mr-8", children: benefits.map(renderBenefitDescription) })) : null, benefits?.length ? (_jsx("div", { className: "pt-1", children: benefits.map((_, i) => renderBenefitLabel(_, i, version)) })) : null] }) }));
+    return (_jsx(Tile, { ...props, children: _jsxs("div", { className: "flex mt-5 mb-1", children: [benefits?.length ? _jsx("div", { className: "mr-8", children: benefits.map(renderBenefitLabel) }) : null, benefits?.length ? (_jsx("div", { className: "pt-1", children: benefits.map((_, i) => renderBenefitDescription(_, i, version)) })) : null] }) }));
 });
-function renderBenefitLabel(benefit, i, version = 'primary') {
+function renderBenefitLabel(benefit, i) {
+    return (_jsx("div", { className: `text-xl font-medium ${i ? 'mt-2.5' : ''}`, children: benefit.label }, String(i)));
+}
+function renderBenefitDescription(benefit, i, version = 'primary') {
     const labelStyleMap = {
         primary: 'text-secondary-text',
         secondary: 'text-white',
     };
-    return (_jsx("div", { className: `text-sm ${i ? 'mt-4' : ''} ${labelStyleMap[version]}`, children: benefit.label }, String(i)));
-}
-function renderBenefitDescription(benefit, i) {
-    return (_jsx("div", { className: `text-xl font-medium ${i ? 'mt-2.5' : ''}`, children: benefit.description }, String(i)));
+    return (_jsx("div", { className: `text-sm ${i ? 'mt-4' : ''} ${labelStyleMap[version]}`, children: benefit.description }, String(i)));
 }
 //# sourceMappingURL=ProductTile.js.map

package/lib/components/ProductTile/ProductTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,OAAK,KAAK,YACb,eAAK,SAAS,EAAC,gBAAgB,aAC5B,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,GAAG,CAAC,wBAAwB,CAAC,GAAO,CACrE,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAAO,CACxF,CAAC,CAAC,CAAC,IAAI,IACJ,GACD,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,kBAAkB,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAO,GAAG,SAAS;IAC1E,MAAM,aAAa,GAAiC;QAClD,OAAO,EAAE,qBAAqB;QAC9B,SAAS,EAAE,YAAY;KACxB,CAAC;IACF,OAAO,CACL,cAAqB,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE,YACnF,OAAO,CAAC,KAAK,IADN,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC;AACJ,CAAC;AACD,SAAS,wBAAwB,CAAC,OAAgB,EAAE,CAAS;IAC3D,OAAO,CACL,cAAqB,SAAS,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,YACvE,OAAO,CAAC,WAAW,IADZ,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,OAAK,KAAK,YACb,eAAK,SAAS,EAAC,gBAAgB,aAC5B,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,GAAG,CAAC,kBAAkB,CAAC,GAAO,CAAC,CAAC,CAAC,IAAI,EACxF,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,MAAM,YAClB,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAC5D,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACD,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,kBAAkB,CAAC,OAAgB,EAAE,CAAS;IACrD,OAAO,CACL,cAAqB,SAAS,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,YACvE,OAAO,CAAC,KAAK,IADN,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC;AACJ,CAAC;AAED,SAAS,wBAAwB,CAAC,OAAgB,EAAE,CAAS,EAAE,OAAO,GAAG,SAAS;IAChF,MAAM,aAAa,GAAiC;QAClD,OAAO,EAAE,qBAAqB;QAC9B,SAAS,EAAE,YAAY;KACxB,CAAC;IACF,OAAO,CACL,cAAqB,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE,YACnF,OAAO,CAAC,WAAW,IADZ,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC;AACJ,CAAC"}

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

@@ -4,6 +4,9 @@ import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
  * @title Продуктовая плитка
  */
 export interface ProductTileContent extends Omit<BaseTileCommonProps, 'align'> {
-    /** @title Преимущества */
+    /**
+     * @title Преимущества
+     * @maxItems 7
+     */
     benefits?: Omit<Benefit, 'icon'>[];
 }

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

@@ -1,9 +1,4 @@
 declare const _default: {
     default: any;
-    mobile: any;
-    'mobile only desc': any;
-    'mobile small': any;
-    'mobile small multi-options': any;
-    'mobile small icons': any;
 };
 export default _default;

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

@@ -0,0 +1,8 @@
+declare const _default: {
+    default: any;
+    'only desc': any;
+    small: any;
+    'small multi-options': any;
+    'small icons': any;
+};
+export default _default;

package/lib/components/StepsBlock/StepsBlock.mobile.js

@@ -2,16 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { Icon } from '../../ui-kit/Icon/Icon.js';
 import { Title } from '../../ui-kit/Title/Title.js';
-export const StepsBlock = JSX(({ className, title, description, showLines = true, steps, size = 'normal' }) => {
-    return (_jsxs("section", { className: `box-border font-sans text-primary-text bg-white px-20 py-[50px] flex flex-col ${className || ''}`, children: [title && (_jsx(Title, { size: "3XS", className: "font-medium m-0 text-center", children: title })), description && _jsx("p", { className: `text-md text-center ${title && 'mt-2'}`, children: description }), steps?.length ? (_jsx("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: _jsx("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map((step, i, array) => renderStepTitle({ step, size }, i, array)) }) })) : null] }));
+export const StepsBlock = JSX(({ className, title, description, steps, size = 'normal' }) => {
+    return (_jsxs("section", { className: `box-border font-sans text-primary-text bg-white px-20 py-[50px] flex flex-col ${className || ''}`, children: [title && (_jsx(Title, { size: "M", className: "font-medium m-0 text-center", children: title })), description && _jsx("p", { className: `text-m-md text-center ${title && 'mt-2'}`, children: description }), steps?.length ? (_jsx("div", { className: `box-border py-0.5 mb-0.5 mt-5`, children: _jsx("div", { className: "flex flex-col justify-between gap-x-[101px]", children: steps.map((step, i, array) => renderStepTitle({ step, size }, i, array)) }) })) : null] }));
 });
-const renderStepTitle = ({ step: step, size: size }, i, array) => {
+const renderStepTitle = ({ step, size }, i, array) => {
     const isLastStep = array.length - 1 === i;
     const iconAreaSize = size === 'normal'
         ? 'h-[70px] w-[70px] min-w-[70px] min-h-[70px]'
         : 'h-[50px] w-[50px] min-w-[50px] min-h-[50px]';
     const iconSize = size === 'normal' ? '38' : '27';
     const margin = size === 'normal' ? 'ml-[34px]' : 'ml-[24px]';
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex flex-row text-center relative", children: [_jsx("div", { className: `${iconAreaSize} bg-secondary-light rounded-full z-10 mr-3 flex justify-center content-center`, children: _jsx("span", { className: "font-medium text-title-xs text-secondary-text self-center", children: (step.icon && _jsx(Icon, { name: step.icon, width: iconSize, height: iconSize })) || i + 1 }) }), _jsxs("div", { className: "flex flex-col justify-center relative", children: [step.label && (_jsx("div", { className: "font-medium text-mobile-md m-0 text-left", children: step.label })), step.description && (_jsx("div", { className: `font-normal text-sm text-secondary-text text-left ${step.label ? 'mt-1' : ''}`, children: step.description }))] })] }, String(i)), !isLastStep && _jsx("div", { className: `h-8 w-[2px] bg-secondary-light ${margin}` })] }));
+    const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex flex-row text-center relative", children: [_jsx("div", { className: `${iconAreaSize} bg-secondary-light rounded-full z-10 mr-3 flex justify-center content-center`, children: _jsx("span", { className: `font-medium text-secondary-text self-center ${iconTextSize}`, children: (step.icon && _jsx(Icon, { name: step.icon, width: iconSize, height: iconSize })) || i + 1 }) }), _jsxs("div", { className: "flex flex-col justify-center relative", children: [step.label && (_jsx("div", { className: "font-medium text-m-title-xs m-0 text-left", children: step.label })), step.description && (_jsx("div", { className: `font-normal text-sm text-secondary-text text-left ${step.label ? 'mt-1' : ''}`, children: step.description }))] })] }, String(i)), !isLastStep && _jsx("div", { className: `h-8 w-[2px] bg-secondary-light ${margin}` })] }));
 };
 //# sourceMappingURL=StepsBlock.mobile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAKjD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,GAAG,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE;IAC9E,OAAO,CACL,mBACE,SAAS,EAAE,iFACT,SAAS,IAAI,EACf,EAAE,aAED,KAAK,IAAI,CACR,KAAC,KAAK,IAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAC,6BAA6B,YACtD,KAAK,GACA,CACT,EACA,WAAW,IAAI,YAAG,SAAS,EAAE,uBAAuB,KAAK,IAAI,MAAM,EAAE,YAAG,WAAW,GAAK,EACxF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,+BAA+B,YAC7C,cAAK,SAAS,EAAC,6CAA6C,YACzD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GACrE,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAS,EAAE,KAAa,EAAE,EAAE;IAC/E,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,YAAY,GAChB,IAAI,KAAK,QAAQ;QACf,CAAC,CAAC,6CAA6C;QAC/C,CAAC,CAAC,6CAA6C,CAAC;IACpD,MAAM,QAAQ,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;IAC7D,OAAO,CACL,0BACE,eAAqB,SAAS,EAAC,oCAAoC,aACjE,cACE,SAAS,EAAE,GAAG,YAAY,+EAA+E,YAEzG,eAAM,SAAS,EAAC,2DAA2D,YACxE,CAAC,IAAI,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAChF,GACH,EACN,eAAK,SAAS,EAAC,uCAAuC,aACnD,IAAI,CAAC,KAAK,IAAI,CACb,cAAK,SAAS,EAAC,0CAA0C,YAAE,IAAI,CAAC,KAAK,GAAO,CAC7E,EACA,IAAI,CAAC,WAAW,IAAI,CACnB,cACE,SAAS,EAAE,qDACT,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EACxB,EAAE,YAED,IAAI,CAAC,WAAW,GACb,CACP,IACG,KArBE,MAAM,CAAC,CAAC,CAAC,CAsBb,EACL,CAAC,UAAU,IAAI,cAAK,SAAS,EAAE,kCAAkC,MAAM,EAAE,GAAI,IAC1E,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"StepsBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/StepsBlock.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAKjD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE;IAC5D,OAAO,CACL,mBACE,SAAS,EAAE,iFACT,SAAS,IAAI,EACf,EAAE,aAED,KAAK,IAAI,CACR,KAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,6BAA6B,YACpD,KAAK,GACA,CACT,EACA,WAAW,IAAI,YAAG,SAAS,EAAE,yBAAyB,KAAK,IAAI,MAAM,EAAE,YAAG,WAAW,GAAK,EAC1F,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAE,+BAA+B,YAC7C,cAAK,SAAS,EAAC,6CAA6C,YACzD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GACrE,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAS,EAAE,KAAa,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,YAAY,GAChB,IAAI,KAAK,QAAQ;QACf,CAAC,CAAC,6CAA6C;QAC/C,CAAC,CAAC,6CAA6C,CAAC;IACpD,MAAM,QAAQ,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;IAC7D,MAAM,YAAY,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAC5E,OAAO,CACL,0BACE,eAAqB,SAAS,EAAC,oCAAoC,aACjE,cACE,SAAS,EAAE,GAAG,YAAY,+EAA+E,YAEzG,eAAM,SAAS,EAAE,+CAA+C,YAAY,EAAE,YAC3E,CAAC,IAAI,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAChF,GACH,EACN,eAAK,SAAS,EAAC,uCAAuC,aACnD,IAAI,CAAC,KAAK,IAAI,CACb,cAAK,SAAS,EAAC,2CAA2C,YAAE,IAAI,CAAC,KAAK,GAAO,CAC9E,EACA,IAAI,CAAC,WAAW,IAAI,CACnB,cACE,SAAS,EAAE,qDACT,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EACxB,EAAE,YAED,IAAI,CAAC,WAAW,GACb,CACP,IACG,KArBE,MAAM,CAAC,CAAC,CAAC,CAsBb,EACL,CAAC,UAAU,IAAI,cAAK,SAAS,EAAE,kCAAkC,MAAM,EAAE,GAAI,IAC1E,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/index.d.ts

@@ -9,7 +9,6 @@ export type { AsyncDataHook, ContentPageContext, GeolocationHook, HandlerDecorat
 export { ContentPageHead } from './components/ContentPage/ContentPageHead';
 export { toMobilePage } from './components/ContentPage/toMobilePage';
 export { Header } from './components/Header/Header';
-export { MobileBlocks } from './components/MobileBlocks';
 export type { Img, ImgSource, Picture } from './model/Picture';
 export { projectSettings } from './ProjectSettings';
 export type { ProjectSettings } from './ProjectSettings';

package/lib/index.js

@@ -6,7 +6,6 @@ export { ContentPage } from './components/ContentPage/ContentPage.js';
 export { ContentPageHead } from './components/ContentPage/ContentPageHead.js';
 export { toMobilePage } from './components/ContentPage/toMobilePage.js';
 export { Header } from './components/Header/Header.js';
-export { MobileBlocks } from './components/MobileBlocks.js';
 export { projectSettings } from './ProjectSettings.js';
 export { Icon } from './ui-kit/Icon/Icon.js';
 export { joinList } from './utils/joinList.js';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAWnE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,GAAG,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAWnE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,GAAG,MAAM,aAAa,CAAC"}

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

@@ -10,7 +10,7 @@ const LIST_STYLE_MAP = {
     secondary: 'bg-secondary-text',
 };
 export const BlockItem = JSX(({ className = '', isDotted = true, text, children, version = 'primary', white }) => {
-    return (_jsxs("div", { className: `font-sans inline-block flex ${className}`, role: "listitem", children: [isDotted && _jsx("div", { className: getListStyle(version, white) }), _jsx("span", { className: white ? 'text-white' : TEXT_STYLE_MAP[version], children: text || children })] }));
+    return (_jsxs("div", { className: `font-sans inline-block flex items-baseline ${className}`, role: "listitem", children: [isDotted && _jsx("div", { className: getListStyle(version, white) }), _jsx("span", { className: white ? 'text-white' : TEXT_STYLE_MAP[version], children: text || children })] }));
 });
 const getListStyle = (version, white) => {
     const color = white ? 'bg-white' : LIST_STYLE_MAP[version];

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

@@ -1 +1 @@
-{"version":3,"file":"BlockItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,MAAM,kBAAkB,GAAG,gCAAgC,CAAC;AAE5D,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,qBAAqB;CACjC,CAAC;AAEF,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,mBAAmB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IAClF,OAAO,CACL,eAAK,SAAS,EAAE,+BAA+B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACxE,QAAQ,IAAI,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,GAAI,EAC7D,eAAM,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,YAAG,IAAI,IAAI,QAAQ,GAAQ,IACtF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAAqB,EAAE,KAAe,EAAE,EAAE;IAC9D,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3D,MAAM,IAAI,GACR,OAAO,KAAK,SAAS;QACnB,CAAC,CAAC,8CAA8C;QAChD,CAAC,CAAC,gDAAgD,CAAC;IAEvD,OAAO,GAAG,kBAAkB,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;AAClD,CAAC,CAAC"}
+{"version":3,"file":"BlockItem.js","sourceRoot":"","sources":["../../../src/ui-kit/BlockItem/BlockItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,MAAM,kBAAkB,GAAG,gCAAgC,CAAC;AAE5D,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,qBAAqB;CACjC,CAAC;AAEF,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,mBAAmB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAC1B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IAClF,OAAO,CACL,eAAK,SAAS,EAAE,8CAA8C,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACvF,QAAQ,IAAI,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,GAAI,EAC7D,eAAM,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,YAAG,IAAI,IAAI,QAAQ,GAAQ,IACtF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAAqB,EAAE,KAAe,EAAE,EAAE;IAC9D,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3D,MAAM,IAAI,GACR,OAAO,KAAK,SAAS;QACnB,CAAC,CAAC,8CAA8C;QAChD,CAAC,CAAC,gDAAgD,CAAC;IAEvD,OAAO,GAAG,kBAAkB,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;AAClD,CAAC,CAAC"}

package/lib/ui-kit/Img.d.ts

@@ -1,7 +1,7 @@
 import type { ImgSource, Picture } from '../model/Picture';
-export interface TextWithImageProps {
+export interface ImageProps {
     className?: string;
     image: Picture;
 }
-export declare const Img: (props: import("@redneckz/uni-jsx").PropsWithChildren<TextWithImageProps, any>, context?: any) => any;
+export declare const Img: (props: import("@redneckz/uni-jsx").PropsWithChildren<ImageProps, any>, context?: any) => any;
 export declare function formatToMimeType(format: ImgSource['format']): string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../src/ui-kit/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE;IACtF,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAChD,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KACpD,CAAC;IAEF,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,SAAS,IAAI,EAAE,EAAE,aAC/C,KAAK,CAAC,OAAO,EAAE,MAAM;gBACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iBAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;gBACJ,CAAC,CAAC,IAAI,EACR,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,KACR,IAAI,GACR,IACM,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}
+{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../src/ui-kit/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE;IAC9E,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAChD,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KACpD,CAAC;IAEF,OAAO,CACL,mBAAS,SAAS,EAAE,aAAa,SAAS,IAAI,EAAE,EAAE,aAC/C,KAAK,CAAC,OAAO,EAAE,MAAM;gBACpB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,iBAAgC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAA9D,GAAG,KAAK,IAAI,GAAG,EAAE,CAAiD,CAChF,CAAC;gBACJ,CAAC,CAAC,IAAI,EACR,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,KACR,IAAI,GACR,IACM,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB,CAAC,MAA2B;IAC1D,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACxD,CAAC"}

package/lib/ui-kit/Title/Title.d.ts

@@ -1,2 +1,3 @@
-import { TitleProps } from './TitleProps';
+import { TitleSize, TitleProps } from './TitleProps';
+export declare const SizeTableClass: Record<TitleSize, string>;
 export declare const Title: (props: import("@redneckz/uni-jsx").PropsWithChildren<TitleProps, any>, context?: any) => any;

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

@@ -1,6 +1,13 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { SizeTableClass } from './TitleProps.js';
+export const SizeTableClass = {
+    XL: 'text-title-lg',
+    L: 'text-title',
+    M: 'text-title-sm',
+    S: 'text-title-xs',
+    '2XS': 'text-title-2xs',
+    '3XS': 'text-title-2xs',
+};
 export const Title = JSX(({ size = 'L', className, children, ...rest }) => {
     const Tag = size === 'XL' ? 'h1' : 'h2';
     return (_jsx(Tag, { className: getClasses(SizeTableClass[size], className), ...rest, children: children }));

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/ui-kit/Title/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAc,MAAM,cAAc,CAAC;AAE1D,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAa,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpF,MAAM,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACxC,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,YAClE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,CAAC,GAAG,OAA+B,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/ui-kit/Title/Title.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,cAAc,GAA8B;IACvD,EAAE,EAAE,eAAe;IACnB,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,eAAe;IAClB,CAAC,EAAE,eAAe;IAClB,KAAK,EAAE,gBAAgB;IACvB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAa,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpF,MAAM,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACxC,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,YAClE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,CAAC,GAAG,OAA+B,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC"}

package/lib/ui-kit/Title/Title.mobile.d.ts

@@ -0,0 +1,3 @@
+import { TitleSize, TitleProps } from './TitleProps';
+export declare const SizeTableClass: Record<TitleSize, string>;
+export declare const Title: (props: import("@redneckz/uni-jsx").PropsWithChildren<TitleProps, any>, context?: any) => any;

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+export const SizeTableClass = {
+    XL: 'text-m-title',
+    L: 'text-m-title',
+    M: 'text-m-title-md',
+    S: 'text-m-title-xs',
+    '2XS': 'text-m-title-xs',
+    '3XS': 'text-m-title-xs',
+};
+export const Title = JSX(({ size = 'L', className, children, ...rest }) => {
+    const Tag = size === 'XL' || size === 'L' ? 'h1' : 'h2';
+    return (_jsx(Tag, { className: getClasses(SizeTableClass[size], className), ...rest, children: children }));
+});
+const getClasses = (...classes) => classes.filter(Boolean).join(' ');
+//# sourceMappingURL=Title.mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.mobile.js","sourceRoot":"","sources":["../../../src/ui-kit/Title/Title.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,cAAc,GAA8B;IACvD,EAAE,EAAE,cAAc;IAClB,CAAC,EAAE,cAAc;IACjB,CAAC,EAAE,iBAAiB;IACpB,CAAC,EAAE,iBAAiB;IACpB,KAAK,EAAE,iBAAiB;IACxB,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAa,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpF,MAAM,GAAG,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACxD,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,YAClE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,CAAC,GAAG,OAA+B,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC"}

package/lib/ui-kit/Title/TitleProps.d.ts

@@ -1,13 +1,4 @@
-export declare enum SizeTableClass {
-    'XL' = "text-title-lg",
-    'L' = "text-title",
-    'M' = "text-title-sm",
-    'S' = "text-title-xs",
-    'XS' = "text-title-xs",
-    '2XS' = "text-title-2xs",
-    '3XS' = "text-title-3xs"
-}
-export declare type TitleSize = keyof typeof SizeTableClass;
+export declare type TitleSize = 'XL' | 'L' | 'M' | 'S' | '2XS' | '3XS';
 export interface TitleProps extends Partial<HTMLHeadingElement> {
     size?: TitleSize;
 }

package/lib/ui-kit/Title/TitleProps.js

@@ -1,11 +1,2 @@
-export var SizeTableClass;
-(function (SizeTableClass) {
-    SizeTableClass["XL"] = "text-title-lg";
-    SizeTableClass["L"] = "text-title";
-    SizeTableClass["M"] = "text-title-sm";
-    SizeTableClass["S"] = "text-title-xs";
-    SizeTableClass["XS"] = "text-title-xs";
-    SizeTableClass["2XS"] = "text-title-2xs";
-    SizeTableClass["3XS"] = "text-title-3xs";
-})(SizeTableClass || (SizeTableClass = {}));
+export {};
 //# sourceMappingURL=TitleProps.js.map

package/lib/ui-kit/Title/TitleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Title/TitleProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,cAQX;AARD,WAAY,cAAc;IACxB,sCAAsB,CAAA;IACtB,kCAAkB,CAAA;IAClB,qCAAqB,CAAA;IACrB,qCAAqB,CAAA;IACrB,sCAAsB,CAAA;IACtB,wCAAwB,CAAA;IACxB,wCAAwB,CAAA;AAC1B,CAAC,EARW,cAAc,KAAd,cAAc,QAQzB"}
+{"version":3,"file":"TitleProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Title/TitleProps.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.2.109",
+  "version": "0.2.111",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -14,11 +14,21 @@
       "require": "./dist/index.js",
       "types": "./lib/index.d.ts"
     },
+    "./mobile": {
+      "import": "./mobile/lib/index.js",
+      "require": "./mobile/dist/index.js",
+      "types": "./mobile/lib/index.d.ts"
+    },
     "./lib/*.js": {
       "import": "./lib/*.js",
       "require": "./dist/*.js",
       "types": "./lib/*.d.ts"
     },
+    "./mobile/lib/*.js": {
+      "import": "./mobile/lib/*.js",
+      "require": "./mobile/dist/*.js",
+      "types": "./mobile/lib/*.d.ts"
+    },
     "./lib/common.css": "./lib/common.css",
     "./fonts/ubuntu/*": "./fonts/ubuntu/*",
     "./lib/content-page-repository": {
@@ -44,9 +54,13 @@
   },
   "files": [
     "lib",
+    "mobile/lib",
     "dist",
+    "mobile/dist",
     "bundle",
+    "mobile/bundle",
     "fonts",
+    "mobile/src",
     "src"
   ],
   "repository": {
@@ -57,14 +71,20 @@
   },
   "scripts": {
     "start": "npm run cosmos",
-    "build": "npm run build:lib && npm run build:commonjs && npm run bundle && npm run build:style && npm run build:icons && npm run build:design",
+    "start:mobile": "npm run cosmos:mobile",
+    "prebuild": "rimraf ./mobile/src",
+    "build": "npm run build:lib && npm run build:commonjs && npm run bundle && npm run build:style && npm run build:design && npm run build:mobile && npm run build:design:mobile",
+    "prebuild:mobile": "rimraf ./mobile/src && node ./scripts/prebuild-mobile.js ./src ./mobile",
+    "build:mobile": "npm run --prefix ./mobile build",
     "postbuild": "npm run size",
     "build:design": "npm run cosmos:export || exit 0",
     "postbuild:design": "copyfiles --up 1 \"./docs/**/*\" ./build || exit 0",
+    "build:design:mobile": "npm run cosmos:export:mobile || exit 0",
+    "postbuild:design:mobile": "copyfiles --up 1 \"./docs/mobile/**/*\" ./build || exit 0",
     "build:lib": "rimraf ./lib && tsc --build --verbose",
     "postbuild:lib": "replace-in-file --configFile=replace-config.lib.cjs --verbose",
-    "build:commonjs": "rimraf ./dist && tsc --module commonjs --noImplicitUseStrict --outDir dist",
-    "bundle": "rimraf ./bundle && rollup -c && npm run build:schema",
+    "build:commonjs": "rimraf ./dist && tsc --module commonjs --noImplicitUseStrict --outDir ./dist",
+    "bundle": "rimraf ./bundle && rollup --config rollup.config.js && npm run build:schema",
     "build:schema": "ts-json-schema-generator --path './src/**/*Content.ts' --additional-properties --unstable --validation-keywords enumNames --validation-keywords required --minify --no-type-check -o ./bundle/blocks.schema.json",
     "postbuild:schema": "node ./scripts/sort-json-schema.js ./bundle/blocks.schema.json",
     "build:style": "postcss ./src/**/*.css --env production --dir ./lib",
@@ -75,9 +95,13 @@
     "test": "jest --coverage",
     "precosmos": "npm run build:icons",
     "cosmos": "cosmos",
+    "precosmos:mobile": "npm run build:icons",
+    "cosmos:mobile": "cosmos --config cosmos.config.mobile.json",
     "precosmos:export": "npm run build:icons",
-    "cosmos:export": "cosmos-export",
-    "prepare": "husky install && npm run --prefix ./eslint-rules build || exit 0"
+    "cosmos:export": "rimraf ./build && cosmos-export",
+    "prepare": "husky install && npm run --prefix ./eslint-rules build || exit 0",
+    "precosmos:export:mobile": "npm run build:icons",
+    "cosmos:export:mobile": "rimraf ./build && cosmos-export --config cosmos.config.mobile.json"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -110,6 +134,7 @@
     "husky": "^8.0.1",
     "jest": "^28.1.3",
     "lint-staged": "^13.0.1",
+    "npm-watch": "^0.11.0",
     "postcss": "^8.4.14",
     "postcss-cli": "^9.1.0",
     "postcss-loader": "^7.0.0",

package/src/components/BaseTile/BaseTile.tsx

@@ -33,7 +33,7 @@ export const BaseTile = JSX<BaseTileProps>(
       <div className={`font-sans flex flex-col grow h-full items-start`}>
         {title && (
           <Title
-            size={titleSize || getTitleSizeByClassName(className)}
+            size={getTitleSize(titleSize, className)}
             className={`${TITLE_CLASSES} ${version === 'primary' ? 'text-primary-text' : ''}`}
           >
             {title}
@@ -63,7 +63,11 @@ export const BaseTile = JSX<BaseTileProps>(
   },
 );
 
-function getTitleSizeByClassName(className = '') {
+function getTitleSize(titleSize, className = '') {
+  if (titleSize) {
+    return titleSize;
+  }
+
   const colSpan = getColSpan(className);
   if (colSpan <= 4) {
     return 'S';
@@ -95,7 +99,7 @@ function renderButton({ icon, asSVG, ...button }: BaseTileIconButton, i: number)
   return icon ? (
     <Button
       key={String(i)}
-      appendLeft={<Icon name={icon} asSVG width="24" height="24" />}
+      appendLeft={<Icon name={icon} asSVG={asSVG} width="24" height="24" />}
       {...button}
     />
   ) : (

package/src/components/{MobileBlocks.ts → Blocks.mobile.ts}

@@ -1,18 +1,19 @@
 import { ExchangeRateTile } from './ExchangeRateTile/ExchangeRateTile';
-import { Footer } from './Footer/Footer.mobile';
-import { Gallery } from './Gallery/Gallery.mobile';
+import { Footer } from './Footer/Footer';
+import { Gallery } from './Gallery/Gallery';
 import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
 import { Navigation } from './Navigation/Navigation';
 import { PictureText } from './PictureText/PictureText';
 import { Placeholder } from './Placeholder/Placeholder';
-import { ProductBlock } from './ProductBlock/ProductBlock.mobile';
+import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductTile } from './ProductTile/ProductTile';
+import { StepsBlock } from './StepsBlock/StepsBlock';
 import { TextBlock } from './TextBlock/TextBlock';
 import { Tile } from './Tile/Tile';
 
-export const MobileBlocks = {
+export const Blocks = {
   ExchangeRateTile,
   Footer,
   Gallery,
@@ -26,4 +27,5 @@ export const MobileBlocks = {
   TextBlock,
   Tile,
   Navigation,
+  StepsBlock,
 };

package/src/components/ContentPage/ContentPage.fixture.mobile.tsx

@@ -0,0 +1,19 @@
+import { mobileContext } from '../../setup-fixture';
+
+import type { ContentPageDef } from '../../types';
+import { Blocks } from '../Blocks.mobile';
+import { ContentPage } from './ContentPage';
+import { toMobilePage } from './toMobilePage';
+
+import data from './ContentPage.page.json';
+
+export default {
+  default: (
+    <ContentPage
+      className="bg-secondary-text"
+      context={mobileContext}
+      blocksRegistry={Blocks}
+      data={toMobilePage(data as ContentPageDef)}
+    />
+  ),
+};

package/src/components/ContentPage/ContentPage.fixture.tsx

@@ -1,10 +1,8 @@
-import { context, mobileContext } from '../../setup-fixture';
+import { context } from '../../setup-fixture';
 
 import type { ContentPageDef } from '../../types';
 import { Blocks } from '../Blocks';
-import { MobileBlocks } from '../MobileBlocks';
 import { BlockDecorator, ContentPage } from './ContentPage';
-import { toMobilePage } from './toMobilePage';
 
 import data from './ContentPage.page.json';
 
@@ -36,14 +34,6 @@ export default {
       data={data as ContentPageDef}
     />
   ),
-  mobile: (
-    <ContentPage
-      className="bg-secondary-text"
-      context={mobileContext}
-      blocksRegistry={MobileBlocks}
-      data={toMobilePage(data as ContentPageDef)}
-    />
-  ),
   editor: (
     <div style={{ background: "url('grid.svg')", height: '100%' }}>
       <ContentPage

package/src/components/Gallery/Gallery.example.json

@@ -53,19 +53,6 @@
       "description": "Описание 4",
       "href": "/credit-cards",
       "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
-    },
-    {
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 140,
-          "height": 140
-        }
-      },
-      "title": "Заголовок 5",
-      "description": "Описание 5",
-      "href": "/credit-cards",
-      "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
     }
   ]
 }

package/src/components/Gallery/Gallery.fixture.tsx

@@ -1,8 +1,8 @@
 import type { Picture } from '../../model/Picture';
 import { context } from '../../setup-fixture';
 import type { ButtonCommonProps } from '../../ui-kit/Button/Button';
-import { Gallery, GalleryProps } from './Gallery';
-import { Gallery as MobileGallery } from './Gallery.mobile';
+import { Gallery } from './Gallery';
+import type { GalleryProps } from './GalleryProps';
 
 const image: Picture = {
   src: 'money-1.png',
@@ -211,9 +211,4 @@ export default {
       <Gallery className="col-span-12" {...onlyTitleProps} />
     </div>
   ),
-  mobile: (
-    <div className="container grid grid-cols-12">
-      <MobileGallery className="col-span-12" {...defaultProps} />
-    </div>
-  ),
 };

package/src/components/Gallery/Gallery.mobile.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { GalleryProps } from './Gallery';
-import type { GalleryCard } from './GalleryContent';
 import { BlockItem } from '../../ui-kit/BlockItem/BlockItem';
 import { Button } from '../../ui-kit/Button/Button';
 import { Img } from '../../ui-kit/Img';
 import { Title } from '../../ui-kit/Title/Title';
+import type { GalleryCard } from './GalleryContent';
+import type { GalleryProps } from './GalleryProps';
 
 export const Gallery = JSX<GalleryProps>(({ title, description, cards = [], className }) => {
   return (

package/src/components/Gallery/Gallery.tsx

@@ -1,8 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { GalleryContent } from './GalleryContent';
 import { GalleryInner } from './GalleryInner';
-import type { UniBlockProps } from '../../types';
-
-export interface GalleryProps extends GalleryContent, UniBlockProps {}
+import type { GalleryProps } from './GalleryProps';
 
 export const Gallery = JSX<GalleryProps>((props) => <GalleryInner {...props} version="normal" />);

package/src/components/Gallery/GalleryCardInner.tsx

@@ -28,7 +28,7 @@ export const GalleryCardInner = JSX<GalleryCard>(
             </section>
           ) : null}
         </div>
-        {button?.href && <Button className="mt-6" {...button} />}
+        {button?.text && <Button className="mt-6" {...button} />}
       </div>
     );
   },

package/src/components/Gallery/GalleryContent.ts

@@ -11,12 +11,9 @@ export interface GalleryCard {
   /** @title Описание */
   description?: string;
   image?: Picture;
-  /** @title Ссылка */
+  /** @title Кнопка */
   button?: BaseTileIconButton;
-  /**
-   * @title Список
-   * @minItems 4
-   */
+  /** @title Список */
   items?: string[];
   version?: BlockVersion;
 }
@@ -29,6 +26,9 @@ export interface GalleryContent {
   title?: string;
   /** @title Описание */
   description?: string;
-  /** @title Карточки */
+  /**
+   * @title Карточки
+   * @minItems 4
+   */
   cards?: GalleryCard[];
 }

package/src/components/Gallery/GalleryProps.ts

@@ -0,0 +1,4 @@
+import type { UniBlockProps } from '../../types';
+import { GalleryContent } from './GalleryContent';
+
+export interface GalleryProps extends GalleryContent, UniBlockProps {}

package/src/components/MiniGallery/MiniGallery.example.json

@@ -45,17 +45,6 @@
       },
       "title": "Заголовок 4",
       "description": "Описание 4"
-    },
-    {
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 120,
-          "height": 70
-        }
-      },
-      "title": "Заголовок 5",
-      "description": "Описание 5"
     }
   ]
 }

package/src/components/ProductBlock/ProductBlock.mobile.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
-import type { ProductBlockInnerCommonProps } from './ProductBlockContent';
+import type { ProductBlockContent } from './ProductBlockContent';
 import { ProductBlockInner } from './ProductBlockInner';
 
-export interface ProductBlockProps extends ProductBlockInnerCommonProps, UniBlockProps {}
+export interface ProductBlockProps extends ProductBlockContent, UniBlockProps {}
 
 export const ProductBlock = JSX<ProductBlockProps>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars