@redneckz/wildless-cms-uni-blocks 0.3.5 → 0.3.8

package/mobile/lib/components/ProductGallery/ProductGallery.js

@@ -1,20 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl.js';
 import { ProductGalleryBlock } from './ProductGalleryBlock.js';
-export const ProductGallery = JSX(({ className, context, duration = 0, slides = [] }) => {
+export const ProductGallery = JSX(({ className, context, slides = [] }) => {
     const galleryBlocks = slides.map((s) => s.productBlock);
-    const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
-    return (_jsxs("section", { className: `font-sans bg-white overflow-hidden w-100 ${className || ''}`, children: [_jsx("div", { className: `flex duration-1000`, style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((block, i) => (_jsx(ProductGalleryBlock, { block: block, context: context }, String(i)))) }), _jsx("div", { className: "flex px-4 py-6", children: slides.map((_, i) => renderNavButton({
-                    slide: _.productBlock,
-                    i,
-                    activeSlideIndex,
-                    onClick: () => setActiveSlideIndex(i),
-                    duration,
-                })) })] }));
+    return (_jsx("section", { className: `font-sans bg-white overflow-hidden w-100 pb-6 ${className || ''}`, children: _jsx(SwipeListControl, { context: context, children: galleryBlocks.map((block, i) => (_jsx(ProductGalleryBlock, { block: block, context: context }, String(i)))) }) }));
 });
-function renderNavButton({ slide, i, activeSlideIndex, onClick, duration }) {
-    const isActiveBtn = i === activeSlideIndex;
-    const progressBarClassName = isActiveBtn ? 'animate-slide bg-primary-main' : 'bg-main-divider';
-    return (_jsx("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `relative overflow-hidden border-0 bg-inherit cursor-pointer pl-0 mr-1.5 pt-4 pb-5 last:mr-0 grow basis-0`, children: _jsx("div", { className: `absolute bottom-0 left-0 w-full h-[3px] ${progressBarClassName}`, style: { animationDuration: `${duration}s`, animationFillMode: 'forwards' } }) }, String(i)));
-}
 //# sourceMappingURL=ProductGallery.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductGallery.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAK5D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,EAAE,EAAE;IACpD,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpE,OAAO,CACL,mBAAS,SAAS,EAAE,4CAA4C,SAAS,IAAI,EAAE,EAAE,aAC/E,cACE,SAAS,EAAE,oBAAoB,EAC/B,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,gBAAgB,MAAM,EAAE,EAC3D,IAAI,EAAC,MAAM,YAEV,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,KAAC,mBAAmB,IAAiB,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAzC,MAAM,CAAC,CAAC,CAAC,CAAoC,CACxE,CAAC,GACE,EAEN,cAAK,SAAS,EAAC,gBAAgB,YAC5B,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACnB,eAAe,CAAC;oBACd,KAAK,EAAE,CAAC,CAAC,YAAY;oBACrB,CAAC;oBACD,gBAAgB;oBAChB,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;oBACrC,QAAQ;iBACT,CAAC,CACH,GACG,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,QAAQ,EAAE;IACxE,MAAM,WAAW,GAAG,CAAC,KAAK,gBAAgB,CAAC;IAC3C,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAC/F,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EAEb,OAAO,EAAE,OAAO,gBACJ,KAAK,EAAE,KAAK,EACxB,SAAS,EAAE,0GAA0G,YAErH,cACE,SAAS,EAAE,2CAA2C,oBAAoB,EAAE,EAC5E,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAAG,QAAQ,GAAG,EAAE,iBAAiB,EAAE,UAAU,EAAE,GACtE,IARF,MAAM,CAAC,CAAC,CAAC,CASP,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ProductGallery.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAsB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,EAAE,EAAE,EAAE,EAAE;IAC7F,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IAExD,OAAO,CACL,kBAAS,SAAS,EAAE,iDAAiD,SAAS,IAAI,EAAE,EAAE,YACpF,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,YAC/B,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,KAAC,mBAAmB,IAAiB,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAzC,MAAM,CAAC,CAAC,CAAC,CAAoC,CACxE,CAAC,GACe,GACX,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/components/ProductGallery/ProductGalleryBlock.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { ProductBlockInner } from '../ProductBlock/ProductBlockInner.js';
 export const ProductGalleryBlock = JSX(({ block, headingType, context }) => {
-    return (_jsx("section", { className: "flex grow-0 shrink-0 basis-full px-4 py-6", role: "listitem", children: _jsx("div", { className: "flex grow", children: _jsx(ProductBlockInner, { context: context, headingType: headingType || 'h2', ...block }) }) }));
+    return (_jsx("section", { className: "flex grow-0 shrink-0 basis-full px-4 pt-6", role: "listitem", children: _jsx("div", { className: "flex grow", children: _jsx(ProductBlockInner, { context: context, headingType: headingType || 'h2', ...block }) }) }));
 });
 //# sourceMappingURL=ProductGalleryBlock.js.map

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

@@ -9,7 +9,7 @@ const renderStepTitle = (params) => {
     const { step, size, i, length } = params;
     const isLastStep = length - 1 === i;
     const margin = size === 'normal' ? 'ml-[34px]' : 'ml-[24px]';
-    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-row text-center relative", children: [_jsxs("div", { children: [renderIconArea(step, size, i), !isLastStep && _jsx("div", { className: `min-h-8 h-full w-[2px] bg-secondary-light ${margin}` })] }), _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)) }, String(i)));
+    return (_jsx("div", { children: _jsxs("div", { className: "flex flex-row text-center relative", children: [_jsxs("div", { children: [renderIconArea(step, size, i), !isLastStep && _jsx("div", { className: `min-h-8 h-full w-[2px] bg-secondary-light ${margin}` })] }), _jsxs("div", { className: "flex flex-col justify-start 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)) }, String(i)));
 };
 const renderIconArea = (step, size, i) => {
     const iconAreaSize = size === 'normal'
@@ -17,6 +17,6 @@ const renderIconArea = (step, size, i) => {
         : 'h-[50px] w-[50px] min-w-[50px] min-h-[50px]';
     const iconSize = size === 'normal' ? '38' : '27';
     const iconTextSize = size === 'normal' ? 'text-m-title' : 'text-m-title-xs';
-    return (_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, asSVG: true })) || i + 1 }) }));
+    return (_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 }) }));
 };
 //# sourceMappingURL=StepsBlock.js.map

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

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

package/mobile/lib/components/Tile/Tile.js

@@ -15,6 +15,10 @@ const tileStyleMap = {
 };
 export const Tile = JSX((props) => {
     const { context, title, description, items, children, buttons, image, className = '', version = 'primary', role, } = props;
-    return (_jsx("section", { className: `font-sans p-9 box-border ${className} ${tileStyleMap[version]} ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, role: role, children: _jsxs(BaseTile, { context: context, title: title && (_jsx(Heading, { headingType: getTileHeadingType(className), title: title, className: `whitespace-pre-wrap max-w-[600px] ${version === 'primary' ? 'text-primary-text' : ''}` })), buttons: buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons, className: "flex mt-9 gap-3" })) : null, image: image?.src && _jsx(Img, { className: "mt-auto ml-7", image: image }), children: [description && _jsx(Description, { className: "mt-4 max-w-[600px]", description: description }), children, items?.length ? _jsx(List, { items: items }) : null] }) }));
+    return (_jsx("section", { className: `font-sans p-9 box-border ${className} ${tileStyleMap[version]} ${getTileRightPadding(className)} ${getTileMinHeight(className)} `, role: role, children: _jsxs(BaseTile, { context: context, title: title && (_jsx(Heading, { headingType: getTileHeadingType(className), title: title, className: `whitespace-pre-wrap max-w-[600px] ${title ? 'mb-3' : ''}
+              ${version === 'primary' ? 'text-primary-text' : ''}` })), buttons: buttons?.length ? (_jsx(ButtonSection, { context: context, buttons: buttons, className: "flex mt-9 gap-3" })) : null, image: image?.src && _jsx(Img, { className: "mt-auto ml-7", image: image }), children: [description && _jsx(Description, { className: "mt-4 max-w-[600px]", description: description }), children, renderList(items, version)] }) }));
 });
+function renderList(items, version) {
+    return items?.length ? _jsx(List, { items: items, version: version }) : null;
+}
 //# sourceMappingURL=Tile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAOtE,MAAM,YAAY,GAAiC;IACjD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EACJ,OAAO,EACP,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,SAAS,EACnB,IAAI,GACL,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,kBACE,SAAS,EAAE,4BAA4B,SAAS,IAC9C,YAAY,CAAC,OAAO,CACtB,IAAI,mBAAmB,CAAC,SAAS,CAAC,IAAI,gBAAgB,CAAC,SAAS,CAAC,GAAG,EACpE,IAAI,EAAE,IAAI,YAEV,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,IAAI,CACP,KAAC,OAAO,IACN,WAAW,EAAE,kBAAkB,CAAC,SAAS,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,qCACT,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAChD,EAAE,GACF,CACH,EAEH,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,EAEV,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,aAElE,WAAW,IAAI,KAAC,WAAW,IAAC,SAAS,EAAC,oBAAoB,EAAC,WAAW,EAAE,WAAW,GAAI,EACvF,QAAQ,EACR,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IACrC,GACH,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAOtE,MAAM,YAAY,GAAiC;IACjD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EACJ,OAAO,EACP,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,SAAS,EACnB,IAAI,GACL,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,kBACE,SAAS,EAAE,4BAA4B,SAAS,IAC9C,YAAY,CAAC,OAAO,CACtB,IAAI,mBAAmB,CAAC,SAAS,CAAC,IAAI,gBAAgB,CAAC,SAAS,CAAC,GAAG,EACpE,IAAI,EAAE,IAAI,YAEV,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,IAAI,CACP,KAAC,OAAO,IACN,WAAW,EAAE,kBAAkB,CAAC,SAAS,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,qCAAqC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;gBACjE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,GACpD,CACH,EAEH,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,EAEV,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,aAElE,WAAW,IAAI,KAAC,WAAW,IAAC,SAAS,EAAC,oBAAoB,EAAC,WAAW,EAAE,WAAW,GAAI,EACvF,QAAQ,EACR,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,IAClB,GACH,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,KAAK,EAAE,OAAO;IAChC,OAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AACzE,CAAC"}

package/mobile/lib/types.d.ts

@@ -20,12 +20,17 @@ export interface SlotsMap {
     header?: Slot;
 }
 export interface ContentPageMeta {
-    title: string;
-    slug: string;
-    description?: string;
-    keywords?: string[];
-    robots?: string[];
+    title?: string;
+    slug?: string;
+    main?: {
+        description?: string;
+        keywords?: string[];
+        canonical?: string;
+        robots?: string[];
+    };
     og?: Record<string, string>;
+    twitter?: Record<string, string>;
+    jsonLd?: string;
 }
 export interface ContentPageDef extends ContentPageMeta {
     style?: string[];

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-const LIST_STYLE_CLASSES = 'rounded-full inline-block mr-3';
+const LIST_STYLE_CLASSES = 'rounded-full inline-block mr-3 mt-2';
 const TEXT_STYLE_MAP = {
-    primary: 'text-primary-text',
+    primary: 'text-secondary-text',
     secondary: 'text-white',
     gray: 'text-secondary-text',
 };
@@ -12,7 +12,7 @@ const LIST_STYLE_MAP = {
     gray: 'bg-secondary-text',
 };
 export const BlockItem = JSX(({ className = '', isDotted = true, text, children, version = 'primary' }) => {
-    return (_jsxs("div", { className: `font-sans flex items-center ${className}`, role: "listitem", children: [isDotted && _jsx("div", { className: getListStyle(version) }), _jsx("span", { className: TEXT_STYLE_MAP[version], children: text || children })] }));
+    return (_jsxs("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted && _jsx("div", { className: getListStyle(version) }), "!!!!!", _jsx("span", { className: TEXT_STYLE_MAP[version], children: text || children })] }));
 });
 const getListStyle = (version) => {
     const size = version === 'gray' ? 'w-[6px] h-[6px] min-w-[6px] min-h-[6px]' : 'w-2 h-2 min-w-2 min-h-2';

package/mobile/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;AAGxC,MAAM,kBAAkB,GAAG,gCAAgC,CAAC;AAE5D,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,qBAAqB;CAC5B,CAAC;AAEF,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;CAC1B,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,EAAE,EAAE;IAC3E,OAAO,CACL,eAAK,SAAS,EAAE,+BAA+B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACxE,QAAQ,IAAI,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,GAAI,EACtD,eAAM,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,YAAG,IAAI,IAAI,QAAQ,GAAQ,IAC/D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAAyB,EAAE,EAAE;IACjD,MAAM,IAAI,GACR,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,yBAAyB,CAAC;IAC7F,OAAO,GAAG,kBAAkB,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;AACpE,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;AAGxC,MAAM,kBAAkB,GAAG,qCAAqC,CAAC;AAEjE,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,qBAAqB;IAC9B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,qBAAqB;CAC5B,CAAC;AAEF,MAAM,cAAc,GAAqC;IACvD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;CAC1B,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,EAAE,EAAE;IAC3E,OAAO,CACL,eAAK,SAAS,EAAE,8BAA8B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACvE,QAAQ,IAAI,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,GAAI,WACtD,eAAM,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,YAAG,IAAI,IAAI,QAAQ,GAAQ,IAC/D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAAyB,EAAE,EAAE;IACjD,MAAM,IAAI,GACR,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,yBAAyB,CAAC;IAC7F,OAAO,GAAG,kBAAkB,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;AACpE,CAAC,CAAC"}

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

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 export const Description = JSX((props) => {
     const { className, description } = props;
-    return _jsx("div", { className: `font-normal text-base ${className || ''}`, children: description });
+    return _jsx("div", { className: `font-normal text-m-md ${className || ''}`, children: description });
 });
 //# sourceMappingURL=Description.js.map

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

@@ -14,6 +14,6 @@ export const Heading = JSX((props) => {
         return;
     }
     const Tag = headingType;
-    return (_jsx(Tag, { className: `font-sans font-medium ${HeadingClass[headingType]} ${className || ''}`, children: title }));
+    return (_jsx(Tag, { className: `font-sans font-medium m-0 ${HeadingClass[headingType]} ${className || ''}`, children: title }));
 });
 //# 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;AAOxC,MAAM,YAAY,GAAgC;IAChD,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,iBAAiB;IACrB,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,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAChD,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO;KACR;IACD,MAAM,GAAG,GAAG,WAAW,CAAC;IAExB,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,yBAAyB,YAAY,CAAC,WAAW,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,YACpF,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;AAOxC,MAAM,YAAY,GAAgC;IAChD,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,iBAAiB;IACrB,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,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAChD,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO;KACR;IACD,MAAM,GAAG,GAAG,WAAW,CAAC;IAExB,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"}

package/mobile/lib/ui-kit/List/ListItem.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-const LIST_STYLE_CLASSES = 'rounded-full inline-block mr-3';
+const LIST_STYLE_CLASSES = 'rounded-full inline-block mr-3 mt-2';
 const TEXT_STYLE_MAP = {
     primary: 'text-primary-text',
     secondary: 'text-white',
@@ -12,7 +12,7 @@ const LIST_STYLE_MAP = {
     gray: 'bg-secondary-text',
 };
 export const ListItem = JSX(({ className = '', isDotted = true, children, version = 'primary' }) => {
-    return (_jsxs("div", { className: `font-sans flex items-center ${className}`, role: "listitem", children: [isDotted && _jsx("div", { className: getListStyle(version) }), _jsx("span", { className: TEXT_STYLE_MAP[version], children: children })] }));
+    return (_jsxs("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted && _jsx("div", { className: getListStyle(version) }), _jsx("span", { className: `text-m-md ${TEXT_STYLE_MAP[version]}`, children: children })] }));
 });
 const getListStyle = (version) => {
     const size = version === 'gray' ? 'w-[6px] h-[6px] min-w-[6px] min-h-[6px]' : 'w-2 h-2 min-w-2 min-h-2';

package/mobile/lib/ui-kit/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAaxC,MAAM,kBAAkB,GAAG,gCAAgC,CAAC;AAE5D,MAAM,cAAc,GAAoC;IACtD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,qBAAqB;CAC5B,CAAC;AAEF,MAAM,cAAc,GAAoC;IACtD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IACrE,OAAO,CACL,eAAK,SAAS,EAAE,+BAA+B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACxE,QAAQ,IAAI,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,GAAI,EACtD,eAAM,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,YAAG,QAAQ,GAAQ,IACvD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAAwB,EAAE,EAAE;IAChD,MAAM,IAAI,GACR,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,yBAAyB,CAAC;IAC7F,OAAO,GAAG,kBAAkB,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;AACpE,CAAC,CAAC"}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAaxC,MAAM,kBAAkB,GAAG,qCAAqC,CAAC;AAEjE,MAAM,cAAc,GAAoC;IACtD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,qBAAqB;CAC5B,CAAC;AAEF,MAAM,cAAc,GAAoC;IACtD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,mBAAmB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE;IACrE,OAAO,CACL,eAAK,SAAS,EAAE,8BAA8B,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aACvE,QAAQ,IAAI,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,GAAI,EACtD,eAAM,SAAS,EAAE,aAAa,cAAc,CAAC,OAAO,CAAC,EAAE,YAAG,QAAQ,GAAQ,IACtE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAAwB,EAAE,EAAE;IAChD,MAAM,IAAI,GACR,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,yBAAyB,CAAC;IAC7F,OAAO,GAAG,kBAAkB,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;AACpE,CAAC,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.js

@@ -6,7 +6,7 @@ const ACTIVE_DOT_WIDTH_CHANGE = 16;
 const BASE_DOT_OPACITY = 0.3;
 const ACTIVE_DOT_OPACITY_CHANGE = 0.7;
 export const SwipeListControlDots = JSX(({ children, activeIndex, indexFraction, showDots }) => {
-    return showDots && children?.length ? (_jsx("div", { className: "flex gap-2 mx-auto mt-[22px] w-fit", children: children?.map((_, idx) => (_jsx("div", { className: `${DOT_STYLES}`, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx)))) })) : null;
+    return showDots && children?.length ? (_jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children?.map((_, idx) => (_jsx("div", { className: `${DOT_STYLES}`, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx)))) })) : null;
 });
 const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
     if (currentIdx < activeIndex || currentIdx > activeIndex + 1)

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,MAAM,UAAU,GAAG,yEAAyE,CAAC;AAC7F,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAQtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrD,OAAO,QAAQ,IAAI,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CACpC,cAAK,SAAS,EAAC,oCAAoC,YAChD,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACzB,cAEE,SAAS,EAAE,GAAG,UAAU,EAAE,EAC1B,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,yBAF/C,MAAM,CAAC,GAAG,CAAC,CAIhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,UAAkB,EAClB,WAAmB,EACnB,aAAqB,EACU,EAAE;IACjC,IAAI,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAE1E,MAAM,YAAY,GAAG,CAAC,GAAG,aAAa,CAAC;IACvC,MAAM,aAAa,GAAG,aAAa,CAAC;IAEpC,OAAO,UAAU,KAAK,WAAW;QAC/B,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,YAAY,EAAE;YACzE,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,YAAY,IAAI;SACtE;QACH,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,EAAE;YAC1E,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,aAAa,IAAI;SACvE,CAAC;AACR,CAAC,CAAC"}
+{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,MAAM,UAAU,GAAG,yEAAyE,CAAC;AAC7F,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAQtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrD,OAAO,QAAQ,IAAI,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CACpC,cAAK,SAAS,EAAC,+BAA+B,YAC3C,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACzB,cAEE,SAAS,EAAE,GAAG,UAAU,EAAE,EAC1B,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,yBAF/C,MAAM,CAAC,GAAG,CAAC,CAIhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,UAAkB,EAClB,WAAmB,EACnB,aAAqB,EACU,EAAE;IACjC,IAAI,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAE1E,MAAM,YAAY,GAAG,CAAC,GAAG,aAAa,CAAC;IACvC,MAAM,aAAa,GAAG,aAAa,CAAC;IAEpC,OAAO,UAAU,KAAK,WAAW;QAC/B,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,YAAY,EAAE;YACzE,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,YAAY,IAAI;SACtE;QACH,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,EAAE;YAC1E,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,aAAa,IAAI;SACvE,CAAC;AACR,CAAC,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlItem.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 export const SwipeListControlItem = JSX(({ className = '', children, ...rest }) => {
-    return (_jsx("div", { className: `snap-center snap-always min-w-full ${className}`, role: "listitem", ...rest, children: children }));
+    return (_jsx("div", { className: `snap-center snap-always min-w-full box-border ${className}`, role: "listitem", ...rest, children: children }));
 });
 //# sourceMappingURL=SwipeListControlItem.js.map

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControlItem.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAWxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxC,OAAO,CACL,cAAK,SAAS,EAAE,sCAAsC,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,KAAK,IAAI,YACxF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SwipeListControlItem.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAWxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxC,OAAO,CACL,cACE,SAAS,EAAE,iDAAiD,SAAS,EAAE,EACvE,IAAI,EAAC,UAAU,KACX,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -9,8 +9,8 @@ export const BaseTile = JSX<BaseTileProps>(
     return (
       <div className={`font-sans flex flex-col grow h-full items-start ${className}`}>
         {title}
-        <div className={`flex grow w-full justify-between`}>
-          <div className={`flex flex-col justify-between`}>
+        <div className="flex grow w-full justify-between">
+          <div className="flex flex-col justify-between w-full">
             <div>{children}</div>
             <div>{buttons}</div>
           </div>

package/mobile/src/components/Blocks.ts

@@ -1,11 +1,11 @@
 import { Accordion } from './Accordion/Accordion';
 import { ExchangeRateTile } from './ExchangeRateTile/ExchangeRateTile';
 import { Footer } from './Footer/Footer';
+import { Gallery } from './Gallery/Gallery';
 import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
 import { LinkDocs } from './LinkDocs/LinkDocs';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
-import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
 import { StepsBlock } from './StepsBlock/StepsBlock';
@@ -15,11 +15,11 @@ export const Blocks = {
   Accordion,
   ExchangeRateTile,
   Footer,
+  Gallery,
   Header,
   Headline,
   LinkDocs,
   MobileAppTile,
-  Placeholder,
   ProductBlock,
   ProductGallery,
   StepsBlock,

package/mobile/src/components/ContentPage/ContentPage.page.json

@@ -1,13 +1,20 @@
 {
   "title": "Кредиты",
   "slug": "credits",
-  "description": "Акционерное общество «Российский Сельскохозяйственный банк»* — один из крупнейших банков в России. Созданный в 2000 году в целях развития национальной кредитно-финансовой системы.",
-  "keywords": ["кредит", "акция"],
-  "robots": ["index", "follow"],
+  "main": {
+    "description": "Акционерное общество «Российский Сельскохозяйственный банк»* — один из крупнейших банков в России. Созданный в 2000 году в целях развития национальной кредитно-финансовой системы.",
+    "keywords": ["кредит", "акция"],
+    "canonical": "canonical url",
+    "robots": ["index", "follow"]
+  },
   "og": {
     "type": "article",
     "url": "https://foo.com/bar/baz"
   },
+  "twitter": {
+    "card": "summary_large_image"
+  },
+  "jsonLd": "json",
   "date": "2022-04-08",
   "style": ["bg-secondary-light"],
   "likeControl": true,
@@ -121,7 +128,13 @@
                 "size": {
                   "width": 280,
                   "height": 280
-                }
+                },
+                "sources": [
+                  {
+                    "src": "money-2.png 1x, money-2-2x.png 2x",
+                    "format": "png"
+                  }
+                ]
               }
             }
           },

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

@@ -7,7 +7,8 @@ export interface ContentPageHeadProps {
 }
 
 export const ContentPageHead = JSX<ContentPageHeadProps>(({ HeadComponent, data, children }) => {
-  const { title, description, keywords, robots, og } = data;
+  const { title, main, og, twitter, jsonLd } = data;
+  const { description, keywords, canonical, robots } = main || {};
   return (
     <HeadComponent>
       <title>{title}</title>
@@ -15,12 +16,27 @@ export const ContentPageHead = JSX<ContentPageHeadProps>(({ HeadComponent, data,
       {description && <meta name="description" content={description} />}
       {keywords && <meta name="keywords" content={keywords.join(',')} />}
       {robots && <meta name="robots" content={robots.join(',')} />}
-      {og
-        ? Object.entries(og).map(([key, value]) => (
-            <meta key={key} name={`og:${key}`} content={value} />
-          ))
-        : null}
+      {renderOpenGraph(og)}
+      {renderTwitter(twitter)}
+      {canonical && <link rel="canonical" href={canonical} />}
+      {jsonLd && <script type="application/ld+json">{jsonLd}</script>}
       {children}
     </HeadComponent>
   );
 });
+
+function renderOpenGraph(og: Record<string, string> | undefined) {
+  return og
+    ? Object.entries(og).map(([key, value]) => (
+        <meta key={key} name={`og:${key}`} content={value} />
+      ))
+    : null;
+}
+
+function renderTwitter(twitter: Record<string, string> | undefined) {
+  return twitter
+    ? Object.entries(twitter).map(([key, value]) => (
+        <meta key={key} name={`twitter:${key}`} content={value} />
+      ))
+    : null;
+}

package/mobile/src/components/ExchangeRateTile/ExchangeRateTile.tsx

@@ -44,7 +44,7 @@ export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
               <Heading
                 headingType={getTileHeadingType(className)}
                 title={title}
-                className={`whitespace-pre-wrap max-w-[600px]`}
+                className={`whitespace-pre-wrap max-w-[600px] ${title ? 'mb-3' : ''}`}
               />
             )
           }

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

@@ -3,10 +3,11 @@ import type { BlockVersion } from '../../model/BlockVersion';
 import { BlockItem } from '../../ui-kit/BlockItem/BlockItem';
 import { Button } from '../../ui-kit/Button/Button';
 import { Img } from '../../ui-kit/Img/Img';
-import type { GalleryCard, GalleryItem } from './GalleryContent';
+import type { GalleryCard } from './GalleryContent';
 
 export const GalleryCardInner = JSX<GalleryCard>(
   ({ title, description, image, items, button, version }) => {
+    const titleStyleClasses = getTitleStyle(version, description, items);
     return (
       <div>
         <div>
@@ -15,15 +16,11 @@ export const GalleryCardInner = JSX<GalleryCard>(
               <Img className="mb-6" image={image} />
             </div>
           ) : null}
-          {title && renderCardTitle(title, description, items)}
-          {description ? <div className={`font-normal text-sm mt-2`}>{description}</div> : null}
-          {items?.length ? (
-            <section className={`max-w-[308px] mt-2`} role="list">
-              {items
-                .filter((item) => item?.text)
-                .map((item, i) => renderItem(item.text as string, i, version))}
-            </section>
+          {title ? renderCardTitle(title, titleStyleClasses) : null}
+          {description ? (
+            <div className={`font-normal text-sm ${title ? 'mt-2' : ''}`}>{description}</div>
           ) : null}
+          {items?.length ? renderItems(items, version) : null}
         </div>
         {button?.text && <Button className="mt-6" {...button} />}
       </div>
@@ -31,13 +28,17 @@ export const GalleryCardInner = JSX<GalleryCard>(
   },
 );
 
-function renderCardTitle(title: string, description?: string, items?: GalleryItem[]) {
+function renderCardTitle(title: string, className: string) {
+  return <div className={`font-medium text-xl m-0 ${className}`}>{title}</div>;
+}
+
+function renderItems(items, version) {
   return (
-    <div
-      className={`font-medium text-xl m-0 ${!description && !items?.length ? 'text-center' : ''}`}
-    >
-      {title}
-    </div>
+    <section className={`max-w-[308px] mt-2`} role="list">
+      {items
+        .filter((item) => item?.text)
+        .map((item, i) => renderItem(item.text as string, i, version))}
+    </section>
   );
 }
 
@@ -48,3 +49,10 @@ function renderItem(item: string, i: number, version?: BlockVersion) {
     </BlockItem>
   );
 }
+
+function getTitleStyle(version, description, items) {
+  return `font-medium text-xl m-0
+        ${version !== 'secondary' ? 'text-primary-text' : ''}
+        ${!description && !items?.length ? 'text-center' : ''}
+      `;
+}

package/mobile/src/components/Header/Header.tsx

@@ -32,7 +32,7 @@ export const Header = JSX<HeaderProps>(
 
     return (
       <header className={`${bgColor} ${className}`}>
-        <div className="container px-4 py-0">
+        <div className="container px-4 py-0 box-border">
           <HeaderTop onClick={toggleBurgerMenu} bgColor={bgColor} />
           <nav className="flex items-center m-0 p-0 overflow-y-hidden w-full h-[50px]">
             <div className="flex">

package/mobile/src/components/Header/HeaderBurger.tsx

@@ -18,8 +18,8 @@ export const HeaderBurger = JSX<HeaderBurgerProps>(
     const [city, getCity] = context.useGeolocation(defaultLocation);
 
     return (
-      <div className="absolute top-0 left-0 w-full h-full bg-white p-4">
-        <button className="absolute top-4 right-4" onClick={onClick}>
+      <div className="absolute top-0 left-0 w-full h-full bg-white p-4 box-border z-20">
+        <button className="absolute top-4 right-4 border-none bg-transparent" onClick={onClick}>
           <Icon name="CloseIcon" width="24" height="24" asSVG />
         </button>
         <Button onClick={getCity} className="flex items-center text-sm text-secondary-text mb-4">

package/mobile/src/components/Header/HeaderTop.tsx

@@ -11,7 +11,7 @@ export interface HeaderTopProps {
 export const HeaderTop = JSX<HeaderTopProps>(({ onClick, bgColor }) => (
   <div className="flex items-center justify-between border-0 border-b border-main-divider h-[50px]">
     <div className="flex items-center">
-      <button className="pr-4" onClick={onClick} aria-label="Открыть меню">
+      <button className="pr-4 border-0 bg-transparent" onClick={onClick} aria-label="Открыть меню">
         <Icon
           name={bgColor === 'bg-white' ? 'BurgerIcon' : 'BurgerIconWhite'}
           width="24"
@@ -21,7 +21,11 @@ export const HeaderTop = JSX<HeaderTopProps>(({ onClick, bgColor }) => (
       </button>
       <Logo bgColor={bgColor} />
     </div>
-    <button className={`${bgColor === 'bg-white' ? 'text-primary-main' : 'text-white'} text-sm`}>
+    <button
+      className={`${
+        bgColor === 'bg-white' ? 'text-primary-main' : 'text-white'
+      } text-sm  border-0 bg-transparent`}
+    >
       Войти
     </button>
   </div>

package/mobile/src/components/LinkDocs/LinkDocsListItem.tsx

@@ -4,7 +4,7 @@ import type { LinkDocsListItemProps } from './LinkDocsListItemBase';
 
 export const LinkDocsListItem = JSX<LinkDocsListItemProps>(({ className = '', doc, icon }) => (
   <LinkDocsListItemBase
-    className={`flex h-full ${className}`}
+    className={`flex h-full box-border ${className}`}
     iconClassName="mr-3 min-w-6 min-h-6"
     doc={doc}
     icon={icon}

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

@@ -13,5 +13,6 @@
       "text": "Кнопка",
       "version": "secondary"
     }
-  ]
+  ],
+  "version": "primary"
 }

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

@@ -25,7 +25,7 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
     version = 'primary',
   }) => {
     return (
-      <div className={`${className}`}>
+      <div className={`w-full text-primary-text ${className}`}>
         <div>
           <BaseTile
             context={context}
@@ -34,31 +34,37 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
                 <Heading
                   headingType={headingType}
                   title={title}
-                  className={`whitespace-pre-wrap max-w-[600px]`}
+                  className={`whitespace-pre-wrap max-w-[600px] ${title ? 'mb-3' : ''}`}
                 />
               )
             }
             buttons={
               buttons?.length ? (
-                <ButtonSection context={context} buttons={buttons} className="flex mt-9 gap-3" />
+                <ButtonSection
+                  context={context}
+                  buttons={buttons}
+                  className="flex flex-col mt-5 gap-2.5"
+                />
               ) : null
             }
           >
             {description && <Description description={description} />}
             {benefits?.length ? (
-              <div className="mt-[19px]">
-                {benefits.map((_, i) => renderBenefit(_, i, version))}
-              </div>
+              <div className="mt-5">{benefits.map((_, i) => renderBenefit(_, i, version))}</div>
             ) : null}
             {items?.length ? <List items={items} /> : null}
           </BaseTile>
         </div>
-        {image?.src && (
-          <div className="mt-5">
-            <Img image={{ className: 'block', ...image }} />
-          </div>
-        )}
+        {renderImage(image)}
       </div>
     );
   },
 );
+
+function renderImage(image) {
+  return image?.src ? (
+    <div className="mt-5">
+      <Img image={{ className: 'block', ...image }} />
+    </div>
+  ) : null;
+}

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

@@ -16,14 +16,14 @@ export function renderBenefit(benefit: Benefit, i: number, version: string) {
     <div key={String(i)} className="flex gap-3 items-center mb-2.5 last:mb-0">
       {benefit.icon && (
         <Icon
-          className="w-[25px] h-[25px] rounded-full box-border"
+          className="w-6 h-6 rounded-full box-border"
           name={benefit.icon}
           width="24"
           height="24"
           asSVG
         />
       )}
-      <div className={`font-medium text-m-base m-0 ${benefitTitleStyleMap[version]}`}>
+      <div className={`font-medium text-m-title-xs m-0 ${benefitTitleStyleMap[version]}`}>
         {benefit.label}
       </div>
       {benefit.description && (