@redneckz/wildless-cms-uni-blocks 0.2.115 → 0.3.1

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import type { Picture } from '../../model/Picture';
+export interface ImageContent {
+    image?: Picture;
+}
+export interface ImageProps extends ImageContent {
+    className?: string;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { ListItem } from './ListItem.js';
+export const List = JSX((props) => {
+    const { className = '', itemClassName, isDotted, items, version } = props;
+    return (_jsx("section", { className: `${className}`, role: "list", children: items?.length
+            ? items.map((_, i) => (_jsx(ListItem, { className: itemClassName, isDotted: isDotted, version: version, children: _ }, String(i))))
+            : null }));
+});
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1E,OAAO,CACL,kBAAS,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,IAAI,EAAC,MAAM,YAC5C,KAAK,EAAE,MAAM;YACZ,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,KAAC,QAAQ,IAEP,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,YAEf,CAAC,IALG,MAAM,CAAC,CAAC,CAAC,CAML,CACZ,CAAC;YACJ,CAAC,CAAC,IAAI,GACA,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/List/ListContent.d.ts

@@ -0,0 +1,4 @@
+export interface ListContent {
+    /** @title Список */
+    items?: string[];
+}

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

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

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

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

package/mobile/lib/ui-kit/List/ListItem.d.ts

@@ -0,0 +1,11 @@
+import { ListItemVersion } from './ListProps';
+/**
+ * @title Параметры элемента списка
+ */
+export interface ListItemProps {
+    className?: string;
+    version?: ListItemVersion;
+    text?: string;
+    isDotted?: boolean;
+}
+export declare const ListItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<ListItemProps, any>, context?: any) => any;

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

@@ -0,0 +1,21 @@
+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 TEXT_STYLE_MAP = {
+    primary: 'text-primary-text',
+    secondary: 'text-white',
+    gray: 'text-secondary-text',
+};
+const LIST_STYLE_MAP = {
+    primary: 'bg-primary-main',
+    secondary: 'bg-white',
+    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 })] }));
+});
+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';
+    return `${LIST_STYLE_CLASSES} ${LIST_STYLE_MAP[version]} ${size}`;
+};
+//# sourceMappingURL=ListItem.js.map

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

@@ -0,0 +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"}

package/mobile/lib/ui-kit/List/ListProps.d.ts

@@ -0,0 +1,14 @@
+import type { ListContent } from './ListContent';
+/**
+ * @title Версия списка
+ */
+export declare type ListItemVersion = 'primary' | 'secondary' | 'gray';
+/**
+ * @title Содержимое списка
+ */
+export interface ListProps extends ListContent {
+    className?: string;
+    isDotted?: boolean;
+    version?: ListItemVersion;
+    itemClassName?: string;
+}

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

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

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

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

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

@@ -17,6 +17,6 @@ const TEXT_COLOR = {
     transparent: 'text-white',
 };
 export const Logo = JSX(({ className = '', href, children, targetBlank, bgColor = 'bg-white', hideTitle }) => {
-    return (_jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', children: [_jsx(SVG, { className: `${SVG_COLOR[bgColor]} w-10 h-[38px]`, viewBox: "0 0 40 45", paths: LOGO_PATHS.map((d) => ({ d })) }), !hideTitle && (_jsx("span", { className: `${TEXT_COLOR[bgColor]} text-sm font-medium ml-2.5`, children: children || 'Россельхозбанк' }))] }));
+    return (_jsxs("a", { className: `inline-flex items-center font-sans no-underline ${className}`, href: href || 'https://rshb.ru/', target: targetBlank ? '_blank' : '_self', "aria-label": "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A", children: [_jsx(SVG, { className: `${SVG_COLOR[bgColor]} w-10 h-[38px]`, viewBox: "0 0 40 45", paths: LOGO_PATHS.map((d) => ({ d })) }), !hideTitle && (_jsx("span", { className: `${TEXT_COLOR[bgColor]} text-sm font-medium ml-2.5`, children: children || 'Россельхозбанк' }))] }));
 });
 //# sourceMappingURL=Logo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/ui-kit/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAU7B,MAAM,UAAU,GAAG;IACjB,w5CAAw5C;IACx5C,2OAA2O;IAC3O,0JAA0J;IAC1J,gpBAAgpB;IAChpB,kDAAkD;CACnD,CAAC;AACF,MAAM,SAAS,GAAmC;IAChD,UAAU,EAAE,mBAAmB;IAC/B,WAAW,EAAE,YAAY;CAC1B,CAAC;AACF,MAAM,UAAU,GAAmC;IACjD,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,GAAG,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;IACnF,OAAO,CACL,aACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,IAAI,EAAE,IAAI,IAAI,kBAAkB,EAChC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,aAExC,KAAC,GAAG,IACF,SAAS,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,gBAAgB,EAChD,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACrC,EACD,CAAC,SAAS,IAAI,CACb,eAAM,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,6BAA6B,YACjE,QAAQ,IAAI,gBAAgB,GACxB,CACR,IACC,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/ui-kit/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAU7B,MAAM,UAAU,GAAG;IACjB,w5CAAw5C;IACx5C,2OAA2O;IAC3O,0JAA0J;IAC1J,gpBAAgpB;IAChpB,kDAAkD;CACnD,CAAC;AACF,MAAM,SAAS,GAAmC;IAChD,UAAU,EAAE,mBAAmB;IAC/B,WAAW,EAAE,YAAY;CAC1B,CAAC;AACF,MAAM,UAAU,GAAmC;IACjD,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,GAAG,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;IACnF,OAAO,CACL,aACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,IAAI,EAAE,IAAI,IAAI,kBAAkB,EAChC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,gBAC7B,sFAAgB,aAE3B,KAAC,GAAG,IACF,SAAS,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,gBAAgB,EAChD,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACrC,EACD,CAAC,SAAS,IAAI,CACb,eAAM,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,6BAA6B,YACjE,QAAQ,IAAI,gBAAgB,GACxB,CACR,IACC,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}

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

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

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { getScrollPoints } from './utils/getScrollPoints.js';
+import { getIndexParts } from './utils/getIndexParts.js';
+import { SwipeListControlList } from './SwipeListControlList.js';
+import { SwipeListControlDots } from './SwipeListControlDots.js';
+import { DEFAULT_GAP, DEFAULT_PADDING } from './constants.js';
+export const SwipeListControl = JSX(({ className, context, children, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, }) => {
+    const [activeIndex, setActiveIndex] = context.useState(0);
+    const [indexFraction, setIndexFraction] = context.useState(0);
+    const handleScroll = (e) => {
+        const { scrollLeft, clientWidth, childElementCount, scrollWidth, children } = e.currentTarget;
+        // horizontal PADDING / 2 to compensate padding-margin combo of child container
+        // without CSS calc function, as wrapper element gets bigger in the DOM, remaining same visually
+        const itemWidth = children[0].offsetWidth - padding / 2;
+        const scrollPoints = getScrollPoints({
+            gap,
+            padding,
+            clientWidth,
+            scrollWidth,
+            childElementCount,
+            itemWidth,
+        });
+        const { index, fraction } = getIndexParts(scrollLeft, scrollPoints);
+        setActiveIndex(index);
+        setIndexFraction(fraction);
+    };
+    return (_jsxs("div", { className: className, children: [_jsx(SwipeListControlList, { gap: gap, padding: padding, activeIndex: activeIndex, onScroll: handleScroll, children: children }), _jsx(SwipeListControlDots, { activeIndex: activeIndex, indexFraction: indexFraction, showDots: showDots, children: children })] }));
+});
+//# sourceMappingURL=SwipeListControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeListControl.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE3D,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,GAChB,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,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,IACnB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACY,IACnB,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.d.ts

@@ -0,0 +1,6 @@
+export interface SwipeListControlDotsProps {
+    activeIndex: number;
+    indexFraction: number;
+    showDots?: boolean;
+}
+export declare const SwipeListControlDots: (props: import("@redneckz/uni-jsx").PropsWithChildren<SwipeListControlDotsProps, any>, context?: any) => any;

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+const DOT_STYLES = 'bg-primary-main opacity-30 w-1.5 h-1.5 min-w-1.5 min-h-1.5 rounded-full';
+const BASE_DOT_WIDTH = 6;
+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;
+});
+const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
+    if (currentIdx < activeIndex || currentIdx > activeIndex + 1)
+        return null;
+    const leftIndexMod = 1 - indexFraction;
+    const rightIndexMod = indexFraction;
+    return currentIdx === activeIndex
+        ? {
+            opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * leftIndexMod}`,
+            width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * leftIndexMod}px`,
+        }
+        : {
+            opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * rightIndexMod}`,
+            width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * rightIndexMod}px`,
+        };
+};
+//# sourceMappingURL=SwipeListControlDots.js.map

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

@@ -0,0 +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"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlItem.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title Элемент списка
+ */
+export interface SwipeListControlItemProps {
+    className?: string;
+    style?: Record<string, string>;
+    'aria-current'?: boolean;
+}
+export declare const SwipeListControlItem: (props: import("@redneckz/uni-jsx").PropsWithChildren<SwipeListControlItemProps, any>, context?: any) => any;

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

@@ -0,0 +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 }));
+});
+//# sourceMappingURL=SwipeListControlItem.js.map

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

@@ -0,0 +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"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlList.d.ts

@@ -0,0 +1,10 @@
+import { SwipeContainer } from './SwipeListControlProps';
+/**
+ * @title Список
+ */
+export interface SwipeListControlListProps extends SwipeContainer {
+    className?: string;
+    activeIndex: number;
+    onScroll?: (e: UIEvent) => void;
+}
+export declare const SwipeListControlList: (props: import("@redneckz/uni-jsx").PropsWithChildren<SwipeListControlListProps, any>, context?: any) => any;

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { SwipeListControlItem } from './SwipeListControlItem.js';
+import { getContainerStyle } from './utils/getContainerStyle.js';
+import { DEFAULT_GAP, DEFAULT_PADDING } from './constants.js';
+export const SwipeListControlList = JSX(({ className = '', children, activeIndex, onScroll, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, }) => {
+    return (_jsx("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...getContainerStyle(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children?.length ? (children?.map((child, idx) => (_jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : (_jsx(SwipeListControlItem, { children: children })) }));
+});
+//# sourceMappingURL=SwipeListControlList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeListControlList.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAY3D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,GAC1B,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,KAAK,EAAE,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,EACzD,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,KAAC,oBAAoB,IAEnB,KAAK,EAAE,iBAAiB,CAAC,OAAO,GAAG,CAAC,CAAC,kBACvB,OAAO,CAAC,WAAW,KAAK,GAAG,CAAC,YAEzC,KAAK,IAJD,MAAM,CAAC,GAAG,CAAC,CAKK,CACxB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,cAAE,QAAQ,GAAwB,CACxD,GACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlProps.d.ts

@@ -0,0 +1,17 @@
+import type { UniBlockProps } from '../../types';
+/**
+ * @title Контейнер
+ */
+export interface SwipeContainer {
+    /** @title Расстояние между элементами */
+    gap?: number;
+    /** @title Отступы */
+    padding?: number;
+}
+/**
+ * @title Swipe-контроллер
+ */
+export interface SwipeListControlProps extends SwipeContainer, UniBlockProps {
+    /** @title Точки-индикаторы */
+    showDots?: boolean;
+}

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

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

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

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

package/mobile/lib/ui-kit/SwipeListControl/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_GAP = 14;
+export declare const DEFAULT_PADDING = 16;

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

@@ -0,0 +1,10 @@
+// column-gap between children of SwipeListControl container
+export const DEFAULT_GAP = 14;
+/*
+  Horizontal padding used on a container above SwipeListControl.
+  Same value used on a SwipeListControlChildren container to compensate it
+  and get rid of a clipping effect caused by overflow: hidden.
+ */
+export const DEFAULT_PADDING = 16;
+// Classes used to compensate outer container padding, so that child elements won't be clipped
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/constants.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAC9B;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAElC,8FAA8F"}

package/mobile/lib/ui-kit/SwipeListControl/utils/getContainerStyle.d.ts

@@ -0,0 +1 @@
+export declare const getContainerStyle: (padding: number) => Record<string, string>;

package/mobile/lib/ui-kit/SwipeListControl/utils/getContainerStyle.js

@@ -0,0 +1,10 @@
+// styles used to compensate outer container padding to get rid of clipping effect
+export const getContainerStyle = (padding) => {
+    return {
+        marginLeft: `${-padding}px`,
+        marginRight: `${-padding}px`,
+        paddingLeft: `${padding}px`,
+        paddingRight: `${padding}px`,
+    };
+};
+//# sourceMappingURL=getContainerStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getContainerStyle.js","sourceRoot":"","sources":["../../../../src/ui-kit/SwipeListControl/utils/getContainerStyle.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAA0B,EAAE;IAC3E,OAAO;QACL,UAAU,EAAE,GAAG,CAAC,OAAO,IAAI;QAC3B,WAAW,EAAE,GAAG,CAAC,OAAO,IAAI;QAC5B,WAAW,EAAE,GAAG,OAAO,IAAI;QAC3B,YAAY,EAAE,GAAG,OAAO,IAAI;KAC7B,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/utils/getIndexParts.d.ts

@@ -0,0 +1,4 @@
+export declare const getIndexParts: (scrollLeft: number, scrollPoints: [number, number][]) => {
+    index: number;
+    fraction: number;
+};

package/mobile/lib/ui-kit/SwipeListControl/utils/getIndexParts.js

@@ -0,0 +1,15 @@
+/*
+  Returns object containing whole index part, and it's decimal part for a given
+  scrollLeft value of a container and an array of tuple containing values of a
+  start and end boundaries of a scrollable child, right boundary non-inclusive.
+  Returns object with index equal -1 and fraction equal 0 if scrollLeft is outside given scrollPoints
+ */
+export const getIndexParts = (scrollLeft, scrollPoints) => {
+    const index = scrollPoints.findIndex(([start, end]) => start <= scrollLeft && scrollLeft < end);
+    if (index < 0)
+        return { index, fraction: 0 };
+    const [start, end] = scrollPoints[index];
+    const fraction = (scrollLeft - start) / (end - start);
+    return { index, fraction };
+};
+//# sourceMappingURL=getIndexParts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getIndexParts.js","sourceRoot":"","sources":["../../../../src/ui-kit/SwipeListControl/utils/getIndexParts.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,UAAkB,EAClB,YAAgC,EAIhC,EAAE;IACF,MAAM,KAAK,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,UAAU,IAAI,UAAU,GAAG,GAAG,CAAC,CAAC;IAChG,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,CAAC,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC;IACtD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC7B,CAAC,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/utils/getScrollPoints.d.ts

@@ -0,0 +1,8 @@
+export declare const getScrollPoints: ({ gap, padding, clientWidth, scrollWidth, childElementCount, itemWidth, }: {
+    gap: number;
+    padding: number;
+    clientWidth: number;
+    scrollWidth: number;
+    childElementCount: number;
+    itemWidth: number;
+}) => [number, number][];

package/mobile/lib/ui-kit/SwipeListControl/utils/getScrollPoints.js

@@ -0,0 +1,24 @@
+/*
+ Calculates array of breakpoints for each scrollable element in container.
+ Returns array of tuples consisting of [start, end] boundary scrollLeft values.
+*/
+export const getScrollPoints = ({ gap, padding, clientWidth, scrollWidth, childElementCount, itemWidth, }) => {
+    const scrollItemWidth = itemWidth + gap;
+    const scrollableDistance = scrollWidth - clientWidth;
+    const edgeScrollDistance = clientWidth - gap - padding;
+    const lastScrollableIdx = childElementCount - 2;
+    const scrollPoints = new Array(childElementCount)
+        .fill(0)
+        .map((_, idx) => idx === 0 || idx === lastScrollableIdx
+        ? [
+            idx > 0 ? scrollableDistance - edgeScrollDistance : 0,
+            idx > 0 ? scrollableDistance : edgeScrollDistance,
+        ]
+        : [
+            (idx - 1) * scrollItemWidth + edgeScrollDistance,
+            idx * scrollItemWidth + edgeScrollDistance,
+        ]);
+    scrollPoints[childElementCount - 1] = [scrollableDistance, scrollWidth];
+    return scrollPoints;
+};
+//# sourceMappingURL=getScrollPoints.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getScrollPoints.js","sourceRoot":"","sources":["../../../../src/ui-kit/SwipeListControl/utils/getScrollPoints.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,GAAG,EACH,OAAO,EACP,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,SAAS,GAQV,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,SAAS,GAAG,GAAG,CAAC;IACxC,MAAM,kBAAkB,GAAG,WAAW,GAAG,WAAW,CAAC;IACrD,MAAM,kBAAkB,GAAG,WAAW,GAAG,GAAG,GAAG,OAAO,CAAC;IAEvD,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,CAAC,CAAC;IAChD,MAAM,YAAY,GAAuB,IAAI,KAAK,CAAC,iBAAiB,CAAC;SAClE,IAAI,CAAC,CAAC,CAAC;SACP,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CACd,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,iBAAiB;QACpC,CAAC,CAAC;YACE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,kBAAkB,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC;YACrD,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,kBAAkB;SAClD;QACH,CAAC,CAAC;YACE,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,eAAe,GAAG,kBAAkB;YAChD,GAAG,GAAG,eAAe,GAAG,kBAAkB;SAC3C,CACN,CAAC;IACJ,YAAY,CAAC,iBAAiB,GAAG,CAAC,CAAC,GAAG,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;IAExE,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC"}

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

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
-import { Title } from '../../ui-kit/Title/Title';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import type { AccordionContent } from './AccordionContent';
 import { AccordionItem } from './AccordionItem';
 
@@ -14,11 +14,7 @@ export const Accordion = JSX<AccordionProps>(
           bordered ? 'px-4' : ''
         } ${className}`}
       >
-        {title ? (
-          <Title className="m-0 mb-2 font-medium text-center" size="M">
-            {title}
-          </Title>
-        ) : null}
+        {title ? <Heading headingType="h3" className="mb-2 text-center" title={title} /> : null}
         {description ? <div className="mb-5 text-m-md text-center">{description}</div> : null}
         {accordionItems?.length ? (
           <ul className="list-none m-0 p-0">

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

@@ -2,10 +2,18 @@ import { Headline } from '../Headline/Headline';
 import { LinkDocs } from '../LinkDocs/LinkDocs';
 import { PictureText } from '../PictureText/PictureText';
 import { TextBlock } from '../TextBlock/TextBlock';
+import { Tile } from '../Tile/Tile';
+import { ProductTile } from '../ProductTile/ProductTile';
+import { Gallery } from '../Gallery/Gallery';
+import { MiniGallery } from '../MiniGallery/MiniGallery';
 
 export const AccordionBlocks = {
   Headline,
   LinkDocs,
   TextBlock,
   PictureText,
+  Tile,
+  ProductTile,
+  Gallery,
+  MiniGallery,
 };

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

@@ -1,44 +1,68 @@
+import type { GalleryContent } from '../Gallery/GalleryContent';
 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 { ProductTileContent } from '../ProductTile/ProductTileContent';
 import type { TextBlockContent } from '../TextBlock/TextBlockContent';
+import type { TileContent } from '../Tile/TileContent';
 
 /**
  * @title Тип блока
  */
-export type AccordionTypeBlock = 'Headline' | 'LinkDocs' | 'TextBlock' | 'PictureText';
+export type AccordionBlockType =
+  | 'Headline'
+  | 'LinkDocs'
+  | 'TextBlock'
+  | 'PictureText'
+  | 'Tile'
+  | 'ProductTile'
+  | 'Gallery'
+  | 'MiniGallery';
+
+interface AccordionBlockDef {
+  accordionBlockType: AccordionBlockType;
+}
 
 /**
  * @title Заголовок
  */
-export interface HeadlineAccordionBlock extends HeadlineContent {
-  /** @default Headline */
-  accordionBlockType: AccordionTypeBlock;
-}
+export type HeadlineAccordionBlockDef = HeadlineContent & AccordionBlockDef;
 
 /**
  * @title Список документов
  */
-export interface LinkDocsAccordionBlock extends LinkDocsContent {
-  /** @default LinkDocs */
-  accordionBlockType: AccordionTypeBlock;
-}
+export type LinkDocsAccordionBlockDef = LinkDocsContent & AccordionBlockDef;
 
 /**
  * @title Текстовый блок
  */
-export interface TextBlockAccordionBlock extends TextBlockContent {
-  /** @default TextBlock */
-  accordionBlockType: AccordionTypeBlock;
-}
+export type TextBlockAccordionBlockDef = TextBlockContent & AccordionBlockDef;
 
 /**
  * @title Картинка с текстом
  */
-export interface PictureTextAccordionBlock extends PictureTextContent {
-  /** @default PictureText */
-  accordionBlockType: AccordionTypeBlock;
-}
+export type PictureTextAccordionBlockDef = PictureTextContent & AccordionBlockDef;
+
+/**
+ * @title Плитка
+ */
+export type TileAccordionBlockDef = TileContent & AccordionBlockDef;
+
+/**
+ * @title Продуктовая плитка
+ */
+export type ProductTileAccordionBlockDef = ProductTileContent & AccordionBlockDef;
+
+/**
+ * @title Галлерея
+ */
+export type GalleryAccordionBlockDef = GalleryContent & AccordionBlockDef;
+
+/**
+ * @title Мини-галлерея
+ */
+export type MiniGalleryAccordionBlockDef = MiniGalleryContent & AccordionBlockDef;
 
 /**
  * @title Выберите блок
@@ -50,10 +74,14 @@ export type EmptyOption = null;
  */
 export type AccordionBlockProps =
   | EmptyOption
-  | HeadlineAccordionBlock
-  | LinkDocsAccordionBlock
-  | TextBlockAccordionBlock
-  | PictureTextAccordionBlock;
+  | HeadlineAccordionBlockDef
+  | LinkDocsAccordionBlockDef
+  | TextBlockAccordionBlockDef
+  | PictureTextAccordionBlockDef
+  | TileAccordionBlockDef
+  | ProductTileAccordionBlockDef
+  | GalleryAccordionBlockDef
+  | MiniGalleryAccordionBlockDef;
 
 /**
  * @title Элемент списка

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

@@ -31,7 +31,7 @@ export const AccordionItem = JSX<AccordionItemProps>(({ label, blocks, bordered,
         >
           {label}
         </span>
-        {hasContent ? <Icon name={icon} width="24" height="24" /> : null}
+        {hasContent ? <Icon name={icon} width="24" height="24" asSVG /> : null}
       </button>
       {hasContent ? <AccordionItemInner blocks={blocks} context={context} /> : null}
     </li>