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

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

@@ -1,76 +1,2 @@
-/**
- * Icons sorted by name
- */
-export var IconMap;
-(function (IconMap) {
-    IconMap[IconMap["ActualBalanceIcon"] = 0] = "ActualBalanceIcon";
-    IconMap[IconMap["AppleIcon"] = 1] = "AppleIcon";
-    IconMap[IconMap["AtmIcon"] = 2] = "AtmIcon";
-    IconMap[IconMap["BankIcon"] = 3] = "BankIcon";
-    IconMap[IconMap["BurgerIcon"] = 4] = "BurgerIcon";
-    IconMap[IconMap["BurgerIconWhite"] = 5] = "BurgerIconWhite";
-    IconMap[IconMap["Calendar2Icon"] = 6] = "Calendar2Icon";
-    IconMap[IconMap["CalendarCircleIcon"] = 7] = "CalendarCircleIcon";
-    IconMap[IconMap["CalendarIcon"] = 8] = "CalendarIcon";
-    IconMap[IconMap["CalendarTickIcon"] = 9] = "CalendarTickIcon";
-    IconMap[IconMap["CalendarWhiteIcon"] = 10] = "CalendarWhiteIcon";
-    IconMap[IconMap["CardIcon"] = 11] = "CardIcon";
-    IconMap[IconMap["CardPosIcon"] = 12] = "CardPosIcon";
-    IconMap[IconMap["CardTickIcon"] = 13] = "CardTickIcon";
-    IconMap[IconMap["CardWithGemIcon"] = 14] = "CardWithGemIcon";
-    IconMap[IconMap["ChartSquareIcon"] = 15] = "ChartSquareIcon";
-    IconMap[IconMap["ClockIcon"] = 16] = "ClockIcon";
-    IconMap[IconMap["CloseIcon"] = 17] = "CloseIcon";
-    IconMap[IconMap["ComfortableCompIcon"] = 18] = "ComfortableCompIcon";
-    IconMap[IconMap["CreditCardsIcon"] = 19] = "CreditCardsIcon";
-    IconMap[IconMap["DocIcon"] = 20] = "DocIcon";
-    IconMap[IconMap["DocumentTextIcon"] = 21] = "DocumentTextIcon";
-    IconMap[IconMap["DollarIcon"] = 22] = "DollarIcon";
-    IconMap[IconMap["EarthIcon"] = 23] = "EarthIcon";
-    IconMap[IconMap["EmptyWalletChangeIcon"] = 24] = "EmptyWalletChangeIcon";
-    IconMap[IconMap["EmptyWalletIcon"] = 25] = "EmptyWalletIcon";
-    IconMap[IconMap["EmptyWalletWhiteIcon"] = 26] = "EmptyWalletWhiteIcon";
-    IconMap[IconMap["EuroIcon"] = 27] = "EuroIcon";
-    IconMap[IconMap["GeolocationIcon"] = 28] = "GeolocationIcon";
-    IconMap[IconMap["GlassIcon"] = 29] = "GlassIcon";
-    IconMap[IconMap["GlobalIcon"] = 30] = "GlobalIcon";
-    IconMap[IconMap["GridIcon"] = 31] = "GridIcon";
-    IconMap[IconMap["GridIconWhite"] = 32] = "GridIconWhite";
-    IconMap[IconMap["InterestGrowthIcon"] = 33] = "InterestGrowthIcon";
-    IconMap[IconMap["InterestIcon"] = 34] = "InterestIcon";
-    IconMap[IconMap["JCBIcon"] = 35] = "JCBIcon";
-    IconMap[IconMap["LoupeIcon"] = 36] = "LoupeIcon";
-    IconMap[IconMap["MasterCardIcon"] = 37] = "MasterCardIcon";
-    IconMap[IconMap["MinusIcon"] = 38] = "MinusIcon";
-    IconMap[IconMap["MirIcon"] = 39] = "MirIcon";
-    IconMap[IconMap["MoneyIcon"] = 40] = "MoneyIcon";
-    IconMap[IconMap["MoneyInsuranceIcon"] = 41] = "MoneyInsuranceIcon";
-    IconMap[IconMap["MonitorMobileIcon"] = 42] = "MonitorMobileIcon";
-    IconMap[IconMap["NewDocIcon"] = 43] = "NewDocIcon";
-    IconMap[IconMap["OfficeIcon"] = 44] = "OfficeIcon";
-    IconMap[IconMap["OkIcon"] = 45] = "OkIcon";
-    IconMap[IconMap["PassSendIcon"] = 46] = "PassSendIcon";
-    IconMap[IconMap["PercentageRoundIcon"] = 47] = "PercentageRoundIcon";
-    IconMap[IconMap["PercentageSquareIcon"] = 48] = "PercentageSquareIcon";
-    IconMap[IconMap["PercentageSquareWhiteIcon"] = 49] = "PercentageSquareWhiteIcon";
-    IconMap[IconMap["PersonalCardIcon"] = 50] = "PersonalCardIcon";
-    IconMap[IconMap["PlayMarketIcon"] = 51] = "PlayMarketIcon";
-    IconMap[IconMap["PlusIcon"] = 52] = "PlusIcon";
-    IconMap[IconMap["Profile2UserIcon"] = 53] = "Profile2UserIcon";
-    IconMap[IconMap["ProfileIcon"] = 54] = "ProfileIcon";
-    IconMap[IconMap["RoundRubleIcon"] = 55] = "RoundRubleIcon";
-    IconMap[IconMap["SafeIcon"] = 56] = "SafeIcon";
-    IconMap[IconMap["ShieldTickIcon"] = 57] = "ShieldTickIcon";
-    IconMap[IconMap["SignDocsIcon"] = 58] = "SignDocsIcon";
-    IconMap[IconMap["SmallClockIcon"] = 59] = "SmallClockIcon";
-    IconMap[IconMap["TelegramIcon"] = 60] = "TelegramIcon";
-    IconMap[IconMap["UnionPayIcon"] = 61] = "UnionPayIcon";
-    IconMap[IconMap["UserTickIcon"] = 62] = "UserTickIcon";
-    IconMap[IconMap["VisaIcon"] = 63] = "VisaIcon";
-    IconMap[IconMap["VKIcon"] = 64] = "VKIcon";
-    IconMap[IconMap["WalletAddIcon"] = 65] = "WalletAddIcon";
-    IconMap[IconMap["WalletAdd2Icon"] = 66] = "WalletAdd2Icon";
-    IconMap[IconMap["WalletIcon"] = 67] = "WalletIcon";
-    IconMap[IconMap["WalletWithMoneyIcon"] = 68] = "WalletWithMoneyIcon";
-})(IconMap || (IconMap = {}));
+export {};
 //# sourceMappingURL=IconProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,OAsEX;AAtED,WAAY,OAAO;IACjB,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,2CAAS,CAAA;IACT,6CAAU,CAAA;IACV,iDAAY,CAAA;IACZ,2DAAiB,CAAA;IACjB,uDAAe,CAAA;IACf,iEAAoB,CAAA;IACpB,qDAAc,CAAA;IACd,6DAAkB,CAAA;IAClB,gEAAmB,CAAA;IACnB,8CAAU,CAAA;IACV,oDAAa,CAAA;IACb,sDAAc,CAAA;IACd,4DAAiB,CAAA;IACjB,4DAAiB,CAAA;IACjB,gDAAW,CAAA;IACX,gDAAW,CAAA;IACX,oEAAqB,CAAA;IACrB,4DAAiB,CAAA;IACjB,4CAAS,CAAA;IACT,8DAAkB,CAAA;IAClB,kDAAY,CAAA;IACZ,gDAAW,CAAA;IACX,wEAAuB,CAAA;IACvB,4DAAiB,CAAA;IACjB,sEAAsB,CAAA;IACtB,8CAAU,CAAA;IACV,4DAAiB,CAAA;IACjB,gDAAW,CAAA;IACX,kDAAY,CAAA;IACZ,8CAAU,CAAA;IACV,wDAAe,CAAA;IACf,kEAAoB,CAAA;IACpB,sDAAc,CAAA;IACd,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,0DAAgB,CAAA;IAChB,gDAAW,CAAA;IACX,4CAAS,CAAA;IACT,gDAAW,CAAA;IACX,kEAAoB,CAAA;IACpB,gEAAmB,CAAA;IACnB,kDAAY,CAAA;IACZ,kDAAY,CAAA;IACZ,0CAAQ,CAAA;IACR,sDAAc,CAAA;IACd,oEAAqB,CAAA;IACrB,sEAAsB,CAAA;IACtB,gFAA2B,CAAA;IAC3B,8DAAkB,CAAA;IAClB,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,8DAAkB,CAAA;IAClB,oDAAa,CAAA;IACb,0DAAgB,CAAA;IAChB,8CAAU,CAAA;IACV,0DAAgB,CAAA;IAChB,sDAAc,CAAA;IACd,0DAAgB,CAAA;IAChB,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,sDAAc,CAAA;IACd,8CAAU,CAAA;IACV,0CAAQ,CAAA;IACR,wDAAe,CAAA;IACf,0DAAgB,CAAA;IAChB,kDAAY,CAAA;IACZ,oEAAqB,CAAA;AACvB,CAAC,EAtEW,OAAO,KAAP,OAAO,QAsElB"}
+{"version":3,"file":"IconProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/IconProps.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 type="h3" className="mb-2 text-center" text={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/BaseTile/BaseTile.tsx

@@ -1,9 +1,9 @@
 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 { BaseTileInner } from './BaseTileInner';
 import type { AlignType, BaseTileCommonProps } from './BaseTileProps';
-import { getTitleSizeByClassName } from './getTitleSizeByClassName';
+import { getHeadingType } from './getHeadingType';
 
 const alignBlock: Record<AlignType, string> = {
   left: 'items-start',
@@ -20,7 +20,7 @@ export const BaseTile = JSX<BaseTileProps>(
     className,
     context,
     title,
-    titleSize,
+    headingType,
     description,
     children,
     buttons,
@@ -32,12 +32,11 @@ export const BaseTile = JSX<BaseTileProps>(
     return (
       <div className={`font-sans flex flex-col grow h-full ${alignBlock[align]}`}>
         {title && (
-          <Title
-            size={titleSize || getTitleSizeByClassName(className)}
+          <Heading
+            type={headingType || getHeadingType(className)}
             className={`${TITLE_CLASSES} ${version === 'primary' ? 'text-primary-text' : ''}`}
-          >
-            {title}
-          </Title>
+            text={title}
+          />
         )}
         <BaseTileInner
           context={context}

package/mobile/src/components/BaseTile/BaseTileProps.ts

@@ -1,8 +1,8 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { Picture } from '../../model/Picture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { HeadingType } from '../../ui-kit/Heading/HeadingProps';
 import type { IconName } from '../../ui-kit/Icon/IconProps';
-import type { TitleSize } from '../../ui-kit/Title/TitleProps';
 
 /**
  * @title Выравнивание
@@ -21,7 +21,7 @@ export interface BaseTileIconButton extends ButtonWithIconProps {
 /**
  * @title Общий компонент плиток
  */
-export interface BaseTileCommonProps extends BaseTileTitleProps, BaseTileMainProps {}
+export type BaseTileCommonProps = BaseTileTitleProps & BaseTileMainProps;
 
 /**
  * @title Заголовк плитки
@@ -30,11 +30,11 @@ export interface BaseTileTitleProps {
   /** @title Заголовок */
   title?: string;
   /**
-   * @title Размер заголовка
-   * @default M
+   * @title Тип заголовка
    */
-  titleSize?: TitleSize;
+  headingType?: HeadingType;
 }
+
 export interface BaseTileMainProps {
   description?: string;
   image?: Picture;

package/mobile/src/components/BaseTile/{getTitleSizeByClassName.ts → getHeadingType.ts}

@@ -1,11 +1,12 @@
 import { getColSpan } from '../../utils/getColSpan';
-export function getTitleSizeByClassName(className = '') {
+
+export function getHeadingType(className = '') {
   const colSpan = getColSpan(className);
   if (colSpan <= 4) {
-    return 'S';
+    return 'h4';
   } else if (colSpan <= 8) {
-    return 'M';
+    return 'h3';
   } else {
-    return 'L';
+    return 'h2';
   }
 }

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

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
-import { Title } from '../../ui-kit/Title/Title';
 import type { Benefit, BenefitsBlockContent } from './BenefitsBlockContent';
 
 export interface BenefitsBlockProps extends BenefitsBlockContent, UniBlockProps {}
@@ -13,7 +13,7 @@ export const BenefitsBlock = JSX<BenefitsBlockProps>(({ className, title, benefi
         className || ''
       }`}
     >
-      {title ? <Title className="font-medium m-0 max-w-[47rem] text-center">{title}</Title> : null}
+      {title ? <Heading type="h2" className="max-w-[47rem] text-center" text={title} /> : null}
       {benefits?.length ? (
         <div className="grid grid-cols-2 gap-5 mt-9">{benefits.map(renderStep)}</div>
       ) : null}

package/mobile/src/components/Blocks.ts

@@ -2,6 +2,7 @@ import { ExchangeRateTile } from './ExchangeRateTile/ExchangeRateTile';
 import { Footer } from './Footer/Footer';
 import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
+import { LinkDocs } from './LinkDocs/LinkDocs';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
@@ -13,6 +14,7 @@ export const Blocks = {
   Footer,
   Header,
   Headline,
+  LinkDocs,
   Placeholder,
   ProductBlock,
   ProductGallery,

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

@@ -3,7 +3,7 @@ import { useComparisonTableScroll } from '../../hooks/useComparisonTableScroll';
 import { useLink } from '../../hooks/useLink';
 import type { UniBlockProps } from '../../types';
 import { ArrowButton } from '../../ui-kit/Button/ArrowButton';
-import { Title } from '../../ui-kit/Title/Title';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import type { ComparisonTableContent } from './ComparisonTableContent';
 import { COLS_LENGTH_FOR_SCROLL, COLUMN_WIDTH, FIRST_CELL_CLASSES } from './constants';
 import { HeaderCell } from './HeaderCell';
@@ -54,7 +54,7 @@ export const ComparisonTable = JSX<ComparisonTableProps>(
           className || ''
         }`}
       >
-        <Title className="font-medium m-0 max-w-[47rem] text-center mb-9 mx-auto">{title}</Title>
+        <Heading type="h2" className="max-w-[47rem] text-center mb-9 mx-auto" text={title} />
         <div role="table">
           {colHeaders?.length ? (
             <TableRowContainer>

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

@@ -2,10 +2,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { LinkProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
 import { Button } from '../../ui-kit/Button/Button';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import type { IconName } from '../../ui-kit/Icon/IconProps';
 import { Img } from '../../ui-kit/Img';
-import { Title } from '../../ui-kit/Title/Title';
 import { BORDER_CLASSES, GRADIENT } from './constants';
 
 export interface HeaderCellProps {
@@ -30,11 +30,7 @@ export const HeaderCell = JSX<HeaderCellProps>(({ icon, image, title, link }) =>
       />
     )}
     {image?.src && <Img className="mb-[18px]" image={image} />}
-    {title && (
-      <Title size="S" className="font-medium m-0 text-center text-white">
-        {title}
-      </Title>
-    )}
+    {title && <Heading type="h4" className="text-center text-white" text={title} />}
     {link?.text && (
       <div className="mt-auto w-full">
         <Button