@redneckz/wildless-cms-uni-blocks 0.3.12 → 0.3.13

package/mobile/lib/model/SitemapProps.d.ts

@@ -1,4 +1,5 @@
 import type { LinkProps } from './LinkProps';
+import { IconName } from '../icons/IconName';
 /**
  * @title Меню
  * @required ["text", "href"]
@@ -7,7 +8,17 @@ export interface TopMenuItem extends LinkProps {
     /** @title Ссылки */
     items?: LinkProps[];
 }
+/**
+ * @title Ссылка дополнительного меню
+ * @required ["text", "href"]
+ */
+export interface DispositionItem extends LinkProps {
+    /** @hidden */
+    icon?: IconName;
+}
 export interface SitemapProps {
     /** @title Дополнительное меню */
     topItems?: TopMenuItem[];
+    /** @title Дополнительное меню */
+    dispositions?: DispositionItem[];
 }

package/mobile/lib/services/sitemap/SitemapProps.d.ts

@@ -1,4 +1,5 @@
 import type { LinkProps } from '../../model/LinkProps';
+import { IconName } from '../../icons/IconName';
 /**
  * @title Ссылка
  * @required ["text", "href"]
@@ -7,7 +8,17 @@ export interface TopMenuItem extends LinkProps {
     /** @hidden */
     items?: LinkProps[];
 }
+/**
+ * @title Ссылка дополнительного меню
+ * @required ["text", "href"]
+ */
+export interface DispositionItem extends LinkProps {
+    /** @hidden */
+    icon?: IconName;
+}
 export interface SitemapProps {
-    /** @title Дополнительное меню */
+    /** @title Основное меню */
     topItems?: TopMenuItem[];
+    /** @title Дополнительное меню */
+    dispositions?: DispositionItem[];
 }

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

@@ -1,14 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-export const ButtonInner = JSX(({ text, aboveText, appendLeft, rounded, version }) => {
-    const withoutText = !text && !aboveText && Boolean(appendLeft);
-    const buttonInnerClasses = version !== 'link'
-        ? `flex items-center justify-center
-          ${withoutText ? 'h-12 w-12' : `px-8 gap-2 ${aboveText ? 'py-2' : 'py-3.5'}`} ${rounded ? 'rounded-full' : ''}`
-        : null;
-    return renderButtonInner({ buttonInnerClasses, appendLeft, withoutText, aboveText, text });
+export const ButtonInner = JSX((props) => {
+    const { text, aboveText, appendLeft } = props;
+    return (_jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? (_jsxs("div", { children: [_jsx("div", { className: "text-m-2xs text-left", children: aboveText }), _jsx("div", { className: "text-m-button font-medium text-left", children: text })] })) : null] }));
 });
-function renderButtonInner({ buttonInnerClasses, appendLeft, withoutText, aboveText, text }) {
-    return (_jsxs("div", { className: buttonInnerClasses, children: [appendLeft ? appendLeft : null, withoutText ? null : (_jsxs("div", { children: [_jsx("div", { className: "text-m-2xs text-left", children: aboveText }), _jsx("div", { className: "text-m-button font-medium text-left", children: text })] }))] }));
-}
+const getButtonStyle = (props) => {
+    const { version, aboveText, rounded } = props;
+    if (version === 'link') {
+        return '';
+    }
+    const withTextStyle = `px-8 gap-2 ${aboveText ? 'py-2' : 'py-3.5'}`;
+    return [
+        'flex items-center justify-center',
+        isWithText(props) ? withTextStyle : 'h-12 w-12',
+        rounded ? 'rounded-full' : '',
+    ].join(' ');
+};
+const isWithText = ({ text, aboveText, appendLeft }) => Boolean(text || aboveText || !appendLeft);
 //# sourceMappingURL=ButtonInner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE;IACpD,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC;IAE/D,MAAM,kBAAkB,GACtB,OAAO,KAAK,MAAM;QAChB,CAAC,CAAC;YACE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,IACzE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAC7B,EAAE;QACJ,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,iBAAiB,CAAC,EAAE,kBAAkB,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;AAC7F,CAAC,CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,EAAE,kBAAkB,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE;IACzF,OAAO,CACL,eAAK,SAAS,EAAE,kBAAkB,aAC/B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACpB,0BACE,cAAK,SAAS,EAAC,sBAAsB,YAAE,SAAS,GAAO,EACvD,cAAK,SAAS,EAAC,qCAAqC,YAAE,IAAI,GAAO,IAC7D,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC9C,OAAO,CACL,eAAK,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,aAClC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAC,sBAAsB,YAAE,SAAS,GAAO,EACvD,cAAK,SAAS,EAAC,qCAAqC,YAAE,IAAI,GAAO,IAC7D,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,aAAa,GAAG,cAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAEpE,OAAO;QACL,kCAAkC;QAClC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW;QAC/C,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;KAC9B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAoB,EAAE,EAAE,CACvE,OAAO,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC,UAAU,CAAC,CAAC"}

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

@@ -1,4 +1,8 @@
-import type { ImgSource } from '../../model/Picture';
-import { ImageProps } from './ImgProps';
+import type { Picture, ImgSource } from '../../model/Picture';
+export interface ImageProps {
+    className?: string;
+    imageClassName?: string;
+    image: Picture;
+}
 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/mobile/lib/ui-kit/Img/Img.js

@@ -1,17 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-export const Img = JSX(({ className = '', image }) => {
+export const Img = JSX(({ className = '', image, imageClassName }) => {
     if (!image) {
         return null;
     }
+    return (_jsxs("picture", { className: className, children: [image.sources?.length
+                ? image.sources.map(({ src, format }, index) => (_jsx("source", { srcSet: src, type: formatToMimeType(format) }, `${index}_${src}`)))
+                : null, renderImg(image, imageClassName)] }));
+});
+const renderImg = (image, imageClassName = '') => {
     const style = {
         width: image.size?.width ? `${image.size?.width}px` : '100%',
         height: image.size?.height ? `${image.size?.height}px` : '100%',
     };
-    return (_jsxs("picture", { className: className, children: [image.sources?.length
-                ? image.sources.map(({ src, format }, index) => (_jsx("source", { srcSet: src, type: formatToMimeType(format) }, `${index}_${src}`)))
-                : null, _jsx("img", { src: image.src, className: `m-auto ${image.className || ''}`, alt: image.alt || image.title, title: image.title, style: style, ...image.size })] }));
-});
+    const title = image.title || '';
+    const alt = image.alt || image.title;
+    return (_jsx("img", { src: image.src, className: `m-auto ${imageClassName}`, alt: alt, title: title, style: style, ...image.size }));
+};
 export function formatToMimeType(format) {
     return format ? `image/${String(format)}` : undefined;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Img.js","sourceRoot":"","sources":["../../../src/ui-kit/Img/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CAAa,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IAC/D,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IACD,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAC5D,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KAChE,CAAC;IAEF,OAAO,CACL,mBAAS,SAAS,EAAE,SAAS,aAC1B,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,SAAS,EAAE,UAAU,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAC5C,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,KACR,KAAK,CAAC,IAAI,GACd,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/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AASxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CAAa,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE;IAC/E,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,mBAAS,SAAS,EAAE,SAAS,aAC1B,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,EACP,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,IACzB,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,EAAE;IAC/C,MAAM,KAAK,GAAG;QACZ,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;QAC5D,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;KAChE,CAAC;IACF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAChC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC;IAErC,OAAO,CACL,cACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,UAAU,cAAc,EAAE,EACrC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,KAAK,CAAC,IAAI,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,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/mobile/lib/ui-kit/SwipeListControl/SwipeListControl.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { DEFAULT_GAP, DEFAULT_PADDING } from './constants.js';
 import { SwipeListControlDots } from './SwipeListControlDots.js';
@@ -8,6 +8,12 @@ import { getScrollPoints } from './utils/getScrollPoints.js';
 export const SwipeListControl = JSX(({ className, context, children, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, onSlideChange, }) => {
     const [activeIndex, setActiveIndex] = context.useState(0);
     const [indexFraction, setIndexFraction] = context.useState(0);
+    const dotsProps = {
+        activeIndex,
+        indexFraction,
+        showDots,
+        children,
+    };
     const handleScroll = (e) => {
         const { scrollLeft, clientWidth, childElementCount, scrollWidth, children } = e.currentTarget;
         // horizontal PADDING / 2 to compensate padding-margin combo of child container
@@ -28,8 +34,6 @@ export const SwipeListControl = JSX(({ className, context, children, gap = DEFAU
         setActiveIndex(index);
         setIndexFraction(fraction);
     };
-    return (_jsxs("div", { className: className, children: [renderSwipeList({ gap, padding, activeIndex, handleScroll, children }), renderSwipelistDots({ activeIndex, indexFraction, showDots, children })] }));
+    return (_jsxs("div", { className: className, children: [_jsx(SwipeListControlList, { gap: gap, padding: padding, activeIndex: activeIndex, onScroll: handleScroll, children: children }), _jsx(SwipeListControlDots, { ...dotsProps })] }));
 });
-const renderSwipeList = ({ gap, padding, activeIndex, handleScroll, children }) => (_jsx(SwipeListControlList, { gap: gap, padding: padding, activeIndex: activeIndex, onScroll: handleScroll, children: children }));
-const renderSwipelistDots = ({ activeIndex, indexFraction, showDots, children }) => (_jsx(SwipeListControlDots, { activeIndex: activeIndex, indexFraction: indexFraction, showDots: showDots, children: children }));
 //# sourceMappingURL=SwipeListControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControl.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,aAAa,GACd,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAEtE,MAAM,YAAY,GAAG,CAAC,CAAU,EAAE,EAAE;QAClC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,QAAQ,EAAE,GACzE,CAAC,CAAC,aAA4B,CAAC;QAEjC,+EAA+E;QAC/E,gGAAgG;QAChG,MAAM,SAAS,GAAI,QAAQ,CAAC,CAAC,CAAiB,CAAC,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC;QACzE,MAAM,YAAY,GAAG,eAAe,CAAC;YACnC,GAAG;YACH,OAAO;YACP,WAAW;YACX,WAAW;YACX,iBAAiB;YACjB,SAAS;SACV,CAAC,CAAC;QAEH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QACpE,IAAI,KAAK,KAAK,WAAW,IAAI,aAAa,EAAE;YAC1C,aAAa,EAAE,CAAC;SACjB;QACD,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACtB,eAAe,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EACtE,mBAAmB,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,IACpE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACjF,KAAC,oBAAoB,IACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,YAErB,QAAQ,GACY,CACxB,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAClF,KAAC,oBAAoB,IAAC,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,YAC7F,QAAQ,GACY,CACxB,CAAC"}
+{"version":3,"file":"SwipeListControl.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,aAAa,GACd,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAS,CAAC,CAAC,CAAC;IAEtE,MAAM,SAAS,GAAG;QAChB,WAAW;QACX,aAAa;QACb,QAAQ;QACR,QAAQ;KACT,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAU,EAAE,EAAE;QAClC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,QAAQ,EAAE,GACzE,CAAC,CAAC,aAA4B,CAAC;QAEjC,+EAA+E;QAC/E,gGAAgG;QAChG,MAAM,SAAS,GAAI,QAAQ,CAAC,CAAC,CAAiB,CAAC,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC;QACzE,MAAM,YAAY,GAAG,eAAe,CAAC;YACnC,GAAG;YACH,OAAO;YACP,WAAW;YACX,WAAW;YACX,iBAAiB;YACjB,SAAS;SACV,CAAC,CAAC;QAEH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QACpE,IAAI,KAAK,KAAK,WAAW,IAAI,aAAa,EAAE;YAC1C,aAAa,EAAE,CAAC;SACjB;QACD,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,KAAC,oBAAoB,IACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,YAErB,QAAQ,GACY,EACvB,KAAC,oBAAoB,OAAK,SAAS,GAAI,IACnC,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -6,7 +6,15 @@ 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-5 w-fit", children: children?.map((_, idx) => (_jsx("div", { className: `${DOT_STYLES}`, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx)))) })) : null;
+    const handleClick = (idx) => (e) => {
+        if (idx === activeIndex) {
+            return;
+        }
+        const contentContainer = e.currentTarget.parentElement
+            ?.previousElementSibling;
+        contentContainer?.children[idx]?.scrollIntoView({ behavior: 'smooth' });
+    };
+    return showDots && children?.length ? (_jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children?.map((_, idx) => (_jsx("div", { onClick: handleClick(idx), 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,+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"}
+{"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,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,CAAQ,EAAE,EAAE;QAChD,IAAI,GAAG,KAAK,WAAW,EAAE;YACvB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAI,CAAC,CAAC,aAA6B,CAAC,aAAa;YACrE,EAAE,sBAAsB,CAAC;QAE3B,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,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,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,GAAG,UAAU,EAAE,EAC1B,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,yBAH/C,MAAM,CAAC,GAAG,CAAC,CAKhB,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/TableArrowScrollControl/TableArrowScrollControl.d.ts

@@ -0,0 +1,2 @@
+import type { TableArrowScrollControlProps } from './TableArrowScrollControlProps';
+export declare const TableArrowScrollControl: (props: import("@redneckz/uni-jsx").PropsWithChildren<TableArrowScrollControlProps, any>, context?: any) => any;

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { ArrowButton } from '../Button/ArrowButton.js';
+export const TableArrowScrollControl = JSX(({ isScrollAvailable, onNextClick, onPrevClick, showNextButton, showPrevButton }) => {
+    return isScrollAvailable ? (_jsx("div", { children: _jsxs("div", { className: "absolute top-7 right-7 z-10", children: [_jsx(ArrowButton, { onClick: onNextClick, disabled: !showNextButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E", "data-block-control": "scroll-right" }), _jsx(ArrowButton, { className: "mt-4 rotate-180", onClick: onPrevClick, disabled: !showPrevButton, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E", "data-block-control": "scroll-left" })] }) })) : null;
+});
+//# sourceMappingURL=TableArrowScrollControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableArrowScrollControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TableArrowScrollControl/TableArrowScrollControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE;IAClF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,wBACE,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,WAAW,IACV,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,cAAc,EACzB,SAAS,EAAC,mGAAmB,wBACV,cAAc,GACjC,EACF,KAAC,WAAW,IACV,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,cAAc,EACzB,SAAS,EAAC,6FAAkB,wBACT,aAAa,GAChC,IACE,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/TableArrowScrollControl/TableArrowScrollControlProps.d.ts

@@ -0,0 +1,7 @@
+export interface TableArrowScrollControlProps {
+    isScrollAvailable?: boolean;
+    onNextClick?: (ev?: MouseEvent) => void;
+    onPrevClick?: (ev?: MouseEvent) => void;
+    showNextButton?: boolean;
+    showPrevButton?: boolean;
+}

package/mobile/lib/ui-kit/TableArrowScrollControl/TableArrowScrollControlProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TableArrowScrollControlProps.js.map

package/mobile/lib/ui-kit/TableArrowScrollControl/TableArrowScrollControlProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableArrowScrollControlProps.js","sourceRoot":"","sources":["../../../src/ui-kit/TableArrowScrollControl/TableArrowScrollControlProps.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import type { TabsProps } from './TabsProps';
+export declare const Tabs: (props: import("@redneckz/uni-jsx").PropsWithChildren<TabsProps, any>, context?: any) => any;

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

@@ -0,0 +1,14 @@
+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';
+const TAB_STYLE = 'px-2 h-14 pb-2 pt-3 border border-b-0 border-main-stroke';
+const ACTIVE_TAB_STYLE = 'px-2 h-16 pt-4 pb-2 text-white bg-primary-main';
+export const Tabs = JSX(({ tabs, currentTabIndex, onTabClick }) => {
+    return (_jsx("div", { className: "flex items-end border-b border-main-stroke", role: "tablist", children: tabs?.map(renderTab(currentTabIndex, onTabClick)) }));
+});
+const renderTab = (currentTabIndex, onTabClick) => (tab, index) => {
+    const isActive = currentTabIndex === index;
+    return (_jsxs("div", { className: `flex h-full flex-1 cursor-pointer mr-2 last:mr-0 ${isActive ? ACTIVE_TAB_STYLE : TAB_STYLE}`, role: "tab", onClick: () => onTabClick(index), "aria-selected": String(isActive), children: [tab?.icon ? renderIcon(tab, isActive) : null, _jsxs("div", { children: [tab?.title ? _jsx("h3", { className: "font-medium m-0 text-base", children: tab?.title }) : null, tab?.description ? (_jsx("span", { className: `font-light text-xs ${isActive ? '' : 'text-secondary-text'}`, children: tab?.description })) : null] })] }, String(index)));
+};
+const renderIcon = (tab, isActive) => (_jsx("div", { className: "h-full mt-1", style: isActive ? { filter: 'invert(1)' } : null, children: _jsx(Icon, { className: "w-5 h-5 mr-3", name: tab?.icon || 'CardIcon', asSVG: !isActive }) }));
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,MAAM,SAAS,GAAG,0DAA0D,CAAC;AAC7E,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;AAE1E,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,EAAC,IAAI,EAAC,SAAS,YACvE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,SAAS,GACb,CAAC,eAAuB,EAAE,UAA2B,EAAE,EAAE,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,eAAe,KAAK,KAAK,CAAC;IAC3C,OAAO,CACL,eAEE,SAAS,EAAE,oDACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAChC,EAAE,EACF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,mBACjB,MAAM,CAAC,QAAQ,CAAC,aAE9B,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7C,0BACG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,2BAA2B,YAAE,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC/E,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAE,sBAAsB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,YAC3E,GAAG,EAAE,WAAW,GACZ,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,KAhBD,MAAM,CAAC,KAAK,CAAC,CAiBd,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,QAAiB,EAAE,EAAE,CAAC,CAClD,cAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,YAC3E,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAAE,KAAK,EAAE,CAAC,QAAQ,GAAI,GAC9E,CACP,CAAC"}

package/mobile/lib/ui-kit/Tabs/TabsProps.d.ts

@@ -0,0 +1,17 @@
+import type { IconName } from '../../icons/IconName';
+/**
+ * @title Вкладка
+ */
+export interface Tab {
+    /** @title Имя вкладки */
+    title?: string;
+    /** @title Описание */
+    description?: string;
+    icon?: IconName;
+}
+export declare type TabClickHandler = (value: number) => void;
+export interface TabsProps {
+    tabs?: Tab[];
+    currentTabIndex: number;
+    onTabClick: TabClickHandler;
+}

package/mobile/lib/ui-kit/Tabs/TabsProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TabsProps.js.map

package/mobile/lib/ui-kit/Tabs/TabsProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/TabsProps.ts"],"names":[],"mappings":""}

package/mobile/src/components/Accordion/AccordionBlocks.tsx

@@ -1,6 +1,7 @@
 import { Headline } from '../Headline/Headline';
 import { LinkDocs } from '../LinkDocs/LinkDocs';
 import { PictureText } from '../PictureText/PictureText';
+import { ProductBlock } from '../ProductBlock/ProductBlock';
 import { TextBlock } from '../TextBlock/TextBlock';
 import { Tile } from '../Tile/Tile';
 import { ProductTile } from '../ProductTile/ProductTile';
@@ -13,6 +14,7 @@ export const AccordionBlocks = {
   LinkDocs,
   TextBlock,
   PictureText,
+  ProductBlock,
   Tile,
   ProductTile,
   Gallery,

package/mobile/src/components/Accordion/AccordionContent.ts

@@ -3,6 +3,7 @@ import type { HeadlineContent } from '../Headline/HeadlineContent';
 import type { LinkDocsContent } from '../LinkDocs/LinkDocsContent';
 import type { MiniGalleryContent } from '../MiniGallery/MiniGalleryContent';
 import type { PictureTextContent } from '../PictureText/PictureTextContent';
+import type { ProductBlockContent } from '../ProductBlock/ProductBlockContent';
 import type { ProductTileContent } from '../ProductTile/ProductTileContent';
 import type { TextBlockContent } from '../TextBlock/TextBlockContent';
 import type { TileContent } from '../Tile/TileContent';
@@ -18,6 +19,7 @@ export type AccordionBlockType =
   | 'PictureText'
   | 'Tile'
   | 'ProductTile'
+  | 'ProductBlock'
   | 'Gallery'
   | 'MiniGallery'
   | 'LinkList';
@@ -46,6 +48,11 @@ export type TextBlockAccordionBlockDef = TextBlockContent & AccordionBlockDef;
  */
 export type PictureTextAccordionBlockDef = PictureTextContent & AccordionBlockDef;
 
+/**
+ * @title Продуктовый блок
+ */
+export type ProductBlockAccordionBlockDef = ProductBlockContent & AccordionBlockDef;
+
 /**
  * @title Плитка
  */
@@ -85,12 +92,19 @@ export type AccordionBlockProps =
   | LinkDocsAccordionBlockDef
   | TextBlockAccordionBlockDef
   | PictureTextAccordionBlockDef
+  | ProductBlockAccordionBlockDef
   | TileAccordionBlockDef
   | ProductTileAccordionBlockDef
   | GalleryAccordionBlockDef
   | MiniGalleryAccordionBlockDef
   | LinkListAccordionBlockDef;
 
+/**
+ * @title Количество колонок
+ * @enumNames ["1 колонка", "2 колонки"]
+ */
+export type ColumnsCount = 1 | 2;
+
 /**
  * @title Элемент списка
  */
@@ -107,6 +121,8 @@ export interface AccordionItemCommonProps {
    * @default false
    */
   bordered?: boolean; // TODO: только для мобильной версии
+
+  columns?: ColumnsCount;
 }
 
 /**

package/mobile/src/components/Accordion/AccordionItem.tsx

@@ -26,13 +26,13 @@ export const AccordionItem = JSX<AccordionItemProps>(({ label, blocks, bordered,
         onClick={handleToggle}
       >
         <span
-          className={`text-sm pr-2.5 font-medium ${
+          className={`text-m-title-xs pr-2.5 font-medium ${
             hasContent ? 'group-hover:text-primary-main' : ''
           }`}
         >
           {label}
         </span>
-        {hasContent ? <Icon name={icon} width="20" height="20" asSVG /> : null}
+        {hasContent ? <Icon name={icon} width="24" height="24" asSVG /> : null}
       </button>
       {hasContent ? <AccordionItemInner blocks={blocks} context={context} /> : null}
     </li>

package/mobile/src/components/Accordion/AccordionItemInner.tsx

@@ -21,7 +21,7 @@ const renderBlock = (context: ContentPageContext) => (block: AccordionBlockProps
 
   const AccordionBlock: JSXBlock = AccordionBlocks[type];
   return (
-    <div className="mb-5 last:mb-0" key={`block_${i}`}>
+    <div className="mb-5 last:mb-0 first:mt-2" key={`block_${i}`}>
       <AccordionBlock context={context} {...block} className="!p-0" />
     </div>
   );

package/mobile/src/components/Blocks.ts

@@ -1,29 +1,33 @@
 import { Accordion } from './Accordion/Accordion';
+import { ComparisonTable } from './ComparisonTable/ComparisonTable';
 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 { LinkList } from './LinkList/LinkList';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
 import { StepsBlock } from './StepsBlock/StepsBlock';
+import { TariffsTable } from './TariffsTable/TariffsTable';
 import { TextBlock } from './TextBlock/TextBlock';
-import { LinkList } from './LinkList/LinkList';
 
 export const Blocks = {
   Accordion,
+  ComparisonTable,
   ExchangeRateTile,
   Footer,
   Gallery,
   Header,
   Headline,
   LinkDocs,
+  LinkList,
   MobileAppTile,
   ProductBlock,
   ProductGallery,
   StepsBlock,
+  TariffsTable,
   TextBlock,
-  LinkList,
 };

package/mobile/src/components/ComparisonTable/ComparisonTableBody.tsx

@@ -0,0 +1,68 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { ComparisonTableColumnHeaders } from './ComparisonTableColumnHeaders';
+import { ComparisonTableRows } from './ComparisonTableRows';
+import { useTableArrowScrollControl } from '../../hooks/useTableArrowScrollControl';
+import { COLS_LENGTH_FOR_SCROLL } from './constants';
+import { ContentPageContext } from '../ContentPage/ContentPageContext';
+import { Column, RowHeader } from './ComparisonTableContent';
+
+interface ComparisonTableBodyProps {
+  context: ContentPageContext;
+  columns?: Column[];
+  rowHeaders?: RowHeader[];
+  isShowAllRow: boolean;
+  isColoredFirstColumn: boolean;
+  visibleRowLength: number;
+}
+
+export const ComparisonTableBody = JSX<ComparisonTableBodyProps>(
+  ({ context, columns, rowHeaders, isShowAllRow, visibleRowLength, isColoredFirstColumn }) => {
+    const router = context.useRouter();
+    const { handlerDecorator } = context;
+
+    const colHeaders = columns?.map(({ header }) => header || {});
+    const colData = columns?.map(({ data }) => data) || [];
+    const rowData = rowHeaders
+      ?.map((header, i) => ({
+        header,
+        data: colData.map((col) => col?.[i] || [{}]),
+      }))
+      .slice(0, isShowAllRow ? rowHeaders.length : visibleRowLength);
+
+    const [activeCardIndex, setActiveCardIndex] = context.useState(0);
+
+    const tableArrowScrollProps = useTableArrowScrollControl({
+      columnsLength: colData.length,
+      colsLengthForScroll: COLS_LENGTH_FOR_SCROLL,
+      activeCardIndex,
+      setActiveCardIndex,
+    });
+    const { isScrollAvailable } = tableArrowScrollProps;
+
+    return (
+      <div>
+        <div role="table">
+          {colHeaders?.length ? (
+            <ComparisonTableColumnHeaders
+              colHeaders={colHeaders}
+              activeCardIndex={activeCardIndex}
+              router={router}
+              handlerDecorator={handlerDecorator}
+            />
+          ) : null}
+          {rowData?.length ? (
+            <ComparisonTableRows
+              rowData={rowData}
+              activeCardIndex={activeCardIndex}
+              isColoredFirstColumn={isColoredFirstColumn}
+              {...tableArrowScrollProps}
+            />
+          ) : null}
+        </div>
+        {isScrollAvailable ? (
+          <div className="absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" />
+        ) : null}
+      </div>
+    );
+  },
+);

package/mobile/src/components/ComparisonTable/ComparisonTableColumnHeaders.tsx

@@ -0,0 +1,34 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { TableRowContainer } from './TableRowContainer';
+import { COLUMN_WIDTH, FIRST_CELL_CLASSES } from './constants';
+import { TableCarouselContainer } from './TableCarouselContainer';
+import { HeaderCell } from './HeaderCell';
+import { useLink } from '../../hooks/useLink';
+import type { ColumnHeader } from './ComparisonTableContent';
+import type { HandlerDecorator, Router } from '../ContentPage/ContentPageContext';
+
+interface ComparisonTableColumnHeadersProps {
+  colHeaders: ColumnHeader[];
+  activeCardIndex: number;
+  router: Router;
+  handlerDecorator: HandlerDecorator | undefined;
+}
+
+export const ComparisonTableColumnHeaders = JSX<ComparisonTableColumnHeadersProps>(
+  ({ colHeaders, activeCardIndex, router, handlerDecorator }) => {
+    return (
+      <TableRowContainer>
+        <div className={FIRST_CELL_CLASSES} role="columnheader" scope="col" />
+        <TableCarouselContainer activeCardIndex={activeCardIndex} columnWidth={COLUMN_WIDTH}>
+          {colHeaders.map((header, i) => (
+            <HeaderCell
+              key={String(i)}
+              {...header}
+              link={header.link && useLink({ router, handlerDecorator }, header.link)}
+            />
+          ))}
+        </TableCarouselContainer>
+      </TableRowContainer>
+    );
+  },
+);

package/mobile/src/components/ComparisonTable/ComparisonTableContent.ts

@@ -63,6 +63,6 @@ export interface ComparisonTableContent {
   isColoredFirstColumn?: boolean;
   /** @title Отображать заданное количество строк */
   visibleRowLength?: number;
-  /** @title Использовать свайпер- */
+  /** @title Использовать свайпер (моб.) */
   useSwiper?: boolean;
 }

package/mobile/src/components/ComparisonTable/ComparisonTableRows.tsx

@@ -0,0 +1,32 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { TableRow } from './TableRow';
+import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl';
+import type { TableArrowScrollControlProps } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControlProps';
+import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+import type { CellData } from './ComparisonTableContent';
+
+type ComparisonTableRowsProps = TableArrowScrollControlProps & {
+  rowData: { header: HeadingContent; data: CellData[][] }[];
+  activeCardIndex: number;
+  isColoredFirstColumn: boolean;
+};
+
+export const ComparisonTableRows = JSX<ComparisonTableRowsProps>(
+  ({ rowData, activeCardIndex, isColoredFirstColumn, ...tableArrowScrollProps }) => {
+    return (
+      <div className="relative">
+        {rowData.map((row, i, { length }) => (
+          <TableRow
+            key={String(i)}
+            row={row}
+            isFirstRow={i === 0}
+            isLastRow={i + 1 === length}
+            activeCardIndex={activeCardIndex}
+            isColoredFirstColumn={isColoredFirstColumn}
+          />
+        ))}
+        <TableArrowScrollControl {...tableArrowScrollProps} />
+      </div>
+    );
+  },
+);

package/mobile/src/components/ComparisonTable/TableColumn.tsx

@@ -21,7 +21,10 @@ export const TableColumn = JSX<TableColumnProps>(
     const gradientClassName = isFillGradient ? GRADIENT : '';
     const buttonVersion: ButtonVersion = isFillGradient ? 'secondary' : 'primary';
     return (
-      <div className={`border border-main-stroke rounded-md p-4 mb-3.5 ${gradientClassName}`}>
+      <div
+        className={`border border-main-stroke rounded-md p-4 mb-3.5 ${gradientClassName}`}
+        role="row"
+      >
         <HeaderCell {...header} isFillGradient={isFillGradient} />
         {columnDataView?.length
           ? columnDataView.map(({ rowHeader, cell }, i) => (
@@ -53,8 +56,9 @@ const renderButton = ({ header, buttonVersion }) => (
 );
 
 const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow }) => (
-  <div className="mt-5">
+  <div className="mt-5" role="cell">
     <a
+      role="link"
       onClick={onToggleColumn}
       className={`font-medium text-m-sm cursor-pointer ${
         isFillGradient ? 'text-white/80' : 'text-primary-main'