@redneckz/wildless-cms-uni-blocks 0.2.112 → 0.2.113

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

@@ -5,66 +5,72 @@ export var IconMap;
 (function (IconMap) {
     IconMap[IconMap["ActualBalanceIcon"] = 0] = "ActualBalanceIcon";
     IconMap[IconMap["AppleIcon"] = 1] = "AppleIcon";
-    IconMap[IconMap["Calendar2Icon"] = 2] = "Calendar2Icon";
-    IconMap[IconMap["CalendarCircleIcon"] = 3] = "CalendarCircleIcon";
-    IconMap[IconMap["CalendarIcon"] = 4] = "CalendarIcon";
-    IconMap[IconMap["CalendarTickIcon"] = 5] = "CalendarTickIcon";
-    IconMap[IconMap["CalendarWhiteIcon"] = 6] = "CalendarWhiteIcon";
-    IconMap[IconMap["CardIcon"] = 7] = "CardIcon";
-    IconMap[IconMap["CardPosIcon"] = 8] = "CardPosIcon";
-    IconMap[IconMap["CardTickIcon"] = 9] = "CardTickIcon";
-    IconMap[IconMap["CardWithGemIcon"] = 10] = "CardWithGemIcon";
-    IconMap[IconMap["ChartSquareIcon"] = 11] = "ChartSquareIcon";
-    IconMap[IconMap["ClockIcon"] = 12] = "ClockIcon";
-    IconMap[IconMap["ComfortableCompIcon"] = 13] = "ComfortableCompIcon";
-    IconMap[IconMap["CreditCardsIcon"] = 14] = "CreditCardsIcon";
-    IconMap[IconMap["DocIcon"] = 15] = "DocIcon";
-    IconMap[IconMap["DocumentTextIcon"] = 16] = "DocumentTextIcon";
-    IconMap[IconMap["DollarIcon"] = 17] = "DollarIcon";
-    IconMap[IconMap["EarthIcon"] = 18] = "EarthIcon";
-    IconMap[IconMap["EmptyWalletChangeIcon"] = 19] = "EmptyWalletChangeIcon";
-    IconMap[IconMap["EmptyWalletIcon"] = 20] = "EmptyWalletIcon";
-    IconMap[IconMap["EmptyWalletWhiteIcon"] = 21] = "EmptyWalletWhiteIcon";
-    IconMap[IconMap["EuroIcon"] = 22] = "EuroIcon";
-    IconMap[IconMap["GlassIcon"] = 23] = "GlassIcon";
-    IconMap[IconMap["GlobalIcon"] = 24] = "GlobalIcon";
-    IconMap[IconMap["GridIcon"] = 25] = "GridIcon";
-    IconMap[IconMap["GridIconWhite"] = 26] = "GridIconWhite";
-    IconMap[IconMap["InterestGrowthIcon"] = 27] = "InterestGrowthIcon";
-    IconMap[IconMap["InterestIcon"] = 28] = "InterestIcon";
-    IconMap[IconMap["JCBIcon"] = 29] = "JCBIcon";
-    IconMap[IconMap["LoupeIcon"] = 30] = "LoupeIcon";
-    IconMap[IconMap["MasterCardIcon"] = 31] = "MasterCardIcon";
-    IconMap[IconMap["MinusIcon"] = 32] = "MinusIcon";
-    IconMap[IconMap["MirIcon"] = 33] = "MirIcon";
-    IconMap[IconMap["MoneyIcon"] = 34] = "MoneyIcon";
-    IconMap[IconMap["MoneyInsuranceIcon"] = 35] = "MoneyInsuranceIcon";
-    IconMap[IconMap["MonitorMobileIcon"] = 36] = "MonitorMobileIcon";
-    IconMap[IconMap["NewDocIcon"] = 37] = "NewDocIcon";
-    IconMap[IconMap["OfficeIcon"] = 38] = "OfficeIcon";
-    IconMap[IconMap["OkIcon"] = 39] = "OkIcon";
-    IconMap[IconMap["PassSendIcon"] = 40] = "PassSendIcon";
-    IconMap[IconMap["PercentageRoundIcon"] = 41] = "PercentageRoundIcon";
-    IconMap[IconMap["PercentageSquareIcon"] = 42] = "PercentageSquareIcon";
-    IconMap[IconMap["PercentageSquareWhiteIcon"] = 43] = "PercentageSquareWhiteIcon";
-    IconMap[IconMap["PersonalCardIcon"] = 44] = "PersonalCardIcon";
-    IconMap[IconMap["PlayMarketIcon"] = 45] = "PlayMarketIcon";
-    IconMap[IconMap["PlusIcon"] = 46] = "PlusIcon";
-    IconMap[IconMap["Profile2UserIcon"] = 47] = "Profile2UserIcon";
-    IconMap[IconMap["ProfileIcon"] = 48] = "ProfileIcon";
-    IconMap[IconMap["RoundRubleIcon"] = 49] = "RoundRubleIcon";
-    IconMap[IconMap["SafeIcon"] = 50] = "SafeIcon";
-    IconMap[IconMap["ShieldTickIcon"] = 51] = "ShieldTickIcon";
-    IconMap[IconMap["SignDocsIcon"] = 52] = "SignDocsIcon";
-    IconMap[IconMap["SmallClockIcon"] = 53] = "SmallClockIcon";
-    IconMap[IconMap["TelegramIcon"] = 54] = "TelegramIcon";
-    IconMap[IconMap["UnionPayIcon"] = 55] = "UnionPayIcon";
-    IconMap[IconMap["UserTickIcon"] = 56] = "UserTickIcon";
-    IconMap[IconMap["VisaIcon"] = 57] = "VisaIcon";
-    IconMap[IconMap["VKIcon"] = 58] = "VKIcon";
-    IconMap[IconMap["WalletAddIcon"] = 59] = "WalletAddIcon";
-    IconMap[IconMap["WalletAdd2Icon"] = 60] = "WalletAdd2Icon";
-    IconMap[IconMap["WalletIcon"] = 61] = "WalletIcon";
-    IconMap[IconMap["WalletWithMoneyIcon"] = 62] = "WalletWithMoneyIcon";
+    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 = {}));
 //# 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,OAgEX;AAhED,WAAY,OAAO;IACjB,+DAAmB,CAAA;IACnB,+CAAW,CAAA;IACX,uDAAe,CAAA;IACf,iEAAoB,CAAA;IACpB,qDAAc,CAAA;IACd,6DAAkB,CAAA;IAClB,+DAAmB,CAAA;IACnB,6CAAU,CAAA;IACV,mDAAa,CAAA;IACb,qDAAc,CAAA;IACd,4DAAiB,CAAA;IACjB,4DAAiB,CAAA;IACjB,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,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,EAhEW,OAAO,KAAP,OAAO,QAgElB"}
+{"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"}

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

@@ -1,13 +1,13 @@
 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: { size, ...image } }) => {
+export const Img = JSX(({ className = '', image: { size, ...image } }) => {
     const style = {
         width: size?.width ? `${size?.width}px` : '100%',
         height: size?.height ? `${size?.height}px` : '100%',
     };
-    return (_jsxs("picture", { className: `flex-none ${className || ''}`, children: [image.sources?.length
+    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, alt: image.alt || image.title, title: image.title, style: style, ...size })] }));
+                : null, _jsx("img", { src: image.src, className: `m-auto ${image.className || ''}`, alt: image.alt || image.title, title: image.title, style: style, ...size })] }));
 });
 export function formatToMimeType(format) {
     return format ? `image/${String(format)}` : undefined;

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

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

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

@@ -3,5 +3,6 @@ export interface LogoProps {
     href: string;
     targetBlank: boolean;
     bgColor?: string;
+    hideTitle?: boolean;
 }
 export declare const Logo: (props: import("@redneckz/uni-jsx").PropsWithChildren<Partial<LogoProps>, any>, context?: any) => any;

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

@@ -16,7 +16,7 @@ const TEXT_COLOR = {
     'bg-white': 'text-black',
     transparent: 'text-white',
 };
-export const Logo = JSX(({ className, href, children, targetBlank, bgColor = 'bg-white' }) => {
-    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`, viewBox: "0 0 40 45", paths: LOGO_PATHS.map((d) => ({ d })) }), _jsx("span", { className: `${TEXT_COLOR[bgColor]} text-base font-medium ml-2.5`, children: children || 'Россельхозбанк' })] }));
+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 || 'Россельхозбанк' }))] }));
 });
 //# 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;AAS7B,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,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,GAAG,UAAU,EAAE,EAAE,EAAE;IACnE,OAAO,CACL,aACE,SAAS,EAAE,mDAAmD,SAAS,IAAI,EAAE,EAAE,EAC/E,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,OAAO,EACvC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACrC,EACF,eAAM,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,+BAA+B,YACnE,QAAQ,IAAI,gBAAgB,GACxB,IACL,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,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"}

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

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

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Button } from '../Button/Button.js';
+import { Icon } from '../Icon/Icon.js';
+export const SearchBar = JSX(({ className, context }) => {
+    const { term, setTerm } = context.useSearch();
+    return (_jsxs("form", { className: `relative ${className || ''}`, children: [_jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [_jsx("div", { className: "w-[20px] h-[20px]", children: _jsx(Icon, { name: "LoupeIcon", width: "24", height: "24" }) }), !term && (_jsx("label", { htmlFor: "search-bar-input", className: "font-sans font-normal text-sm text-secondary-text", children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), _jsx("input", { id: "search-bar-input", className: 'h-12 pl-12 w-full peer font-sans font-normal text-base text-black border border-solid rounded h-full box-border outline-none pr-[6%] border-main-divider focus:border-primary-text', value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input" }), _jsx(Button, { version: "primary", text: "\u041D\u0430\u0439\u0442\u0438", className: "w-auto invisible peer-focus:visible absolute top-1 right-1", onClick: (e) => {
+                    e.preventDefault();
+                    console.log('click');
+                }, children: _jsx("div", { className: "font-normal text-sm px-9 py-[9px]", children: "\u041D\u0430\u0439\u0442\u0438" }) })] }));
+});
+//# sourceMappingURL=SearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAC9C,OAAO,CACL,gBAAM,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,aAC5C,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,CAAC,IAAI,IAAI,CACR,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,mDAAmD,2FAGvD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EACP,oLAAoL,EAEtL,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,GACvB,EACF,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,gCAAO,EACZ,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC,YAED,cAAK,SAAS,EAAC,mCAAmC,+CAAY,GACvD,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/utils/getAccordionItems.d.ts

@@ -0,0 +1 @@
+export declare const getAccordionItems: (items: any) => any;

package/mobile/lib/utils/getAccordionItems.js

@@ -0,0 +1,10 @@
+export const getAccordionItems = (items) => items?.map((item) => ({
+    label: item.text || '',
+    blocks: [
+        {
+            accordionBlockType: 'LinkDocs',
+            documents: item.items || [],
+        },
+    ],
+}));
+//# sourceMappingURL=getAccordionItems.js.map

package/mobile/lib/utils/getAccordionItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAccordionItems.js","sourceRoot":"","sources":["../../src/utils/getAccordionItems.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,EAAE,CACzC,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACpB,KAAK,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE;IACtB,MAAM,EAAE;QACN;YACE,kBAAkB,EAAE,UAAU;YAC9B,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;SAC5B;KACF;CACF,CAAC,CAAC,CAAC"}

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

@@ -6,17 +6,33 @@ import { AccordionItem } from './AccordionItem';
 
 export interface AccordionProps extends AccordionContent, UniBlockProps {}
 
-export const Accordion = JSX<AccordionProps>(({ title, accordionItems, context, className }) => {
-  return (
-    <section className={`p-[50px] font-sans bg-white text-primary-text ${className || ''}`}>
-      {title ? <Title className="m-0 mb-2.5">{title}</Title> : null}
-      {accordionItems?.length ? (
-        <ul className="list-none m-0 p-0">
-          {accordionItems.map((item, i) => (
-            <AccordionItem key={`AccordionItem${i}`} {...item} context={context} />
-          ))}
-        </ul>
-      ) : null}
-    </section>
-  );
-});
+export const Accordion = JSX<AccordionProps>(
+  ({ title, description, accordionItems, context, className = '', bordered }) => {
+    return (
+      <section
+        className={`py-6 font-sans bg-white text-primary-text ${
+          bordered ? 'px-4' : ''
+        } ${className}`}
+      >
+        {title ? (
+          <Title className="m-0 mb-2 font-medium text-center" size="M">
+            {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">
+            {accordionItems.map((item, i) => (
+              <AccordionItem
+                key={`AccordionItem${i}`}
+                {...item}
+                context={context}
+                bordered={bordered}
+              />
+            ))}
+          </ul>
+        ) : null}
+      </section>
+    );
+  },
+);

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

@@ -66,6 +66,11 @@ export interface AccordionItemCommonProps {
   label?: string;
   /** @title Блоки */
   blocks?: AccordionBlockProps[];
+  /**
+   * @title Отображать/скрывать обводку элемента
+   * @default false
+   */
+  bordered?: boolean; // TODO: только для мобильной версии
 }
 
 /**
@@ -76,4 +81,11 @@ export interface AccordionContent {
   title?: string;
   /** @title Список */
   accordionItems?: AccordionItemCommonProps[];
+  /** @title Подзаголовок */
+  description?: string; // TODO: только для мобильной версии
+  /**
+   * @title Отображать/скрывать обводку у элемента списка
+   * @default false
+   */
+  bordered?: boolean; // TODO: только для мобильной версии
 }

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

@@ -1,39 +1,31 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
 import { Icon } from '../../ui-kit/Icon/Icon';
-import type { JSXBlock } from '../ContentPage/ContentPage';
-import { ContentPageContext } from '../ContentPage/ContentPageContext';
-import { AccordionBlocks } from './AccordionBlocks';
-import type { AccordionBlockProps, AccordionItemCommonProps } from './AccordionContent';
+import type { AccordionItemCommonProps } from './AccordionContent';
+import { AccordionItemInner } from './AccordionItemInner';
+import { isActiveHandler } from './utils/isActiveHandler';
 
 export interface AccordionItemProps extends AccordionItemCommonProps, UniBlockProps {}
 
-export const AccordionItem = JSX<AccordionItemProps>(({ label, blocks, context }) => {
-  const [isActive, setIsActive] = context.useState(false);
-  const hasContent = blocks?.length;
-  const icon = isActive ? 'MinusIcon' : 'PlusIcon';
-
-  const handleToggle = (e: MouseEvent) => {
-    if (!hasContent) {
-      return;
-    }
-
-    setIsActive(!isActive);
-    const contentBlock = getContentBlock(e);
-    contentBlock.style.maxHeight = contentBlock.style.maxHeight
-      ? null
-      : `${contentBlock.scrollHeight}px`;
-  };
+export const AccordionItem = JSX<AccordionItemProps>(({ label, blocks, bordered, context }) => {
+  const { hasContent, icon, handleToggle } = isActiveHandler({
+    context,
+    blocks,
+  });
 
   return (
-    <li className="border-0 border-b border-solid border-main-divider last:border-b-0">
+    <li
+      className={`${
+        bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0 py-[14px]'
+      } border-solid border-main-divider`}
+    >
       <button
-        className={`border-none bg-transparent px-0 py-5 flex justify-between text-left w-full font-sans text-primary-text
+        className={`border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text
         ${hasContent ? 'group cursor-pointer' : ''}`}
         onClick={handleToggle}
       >
         <span
-          className={`m-0 text-xl pr-2.5 font-medium ${
+          className={`text-m-title-xs pr-2.5 font-medium ${
             hasContent ? 'group-hover:text-primary-main' : ''
           }`}
         >
@@ -41,32 +33,7 @@ export const AccordionItem = JSX<AccordionItemProps>(({ label, blocks, context }
         </span>
         {hasContent ? <Icon name={icon} width="24" height="24" /> : null}
       </button>
-      {hasContent ? (
-        <div
-          className={`${
-            isActive ? 'pb-5' : ''
-          } text-sm transition-all duration-300 max-h-0 overflow-hidden group-last:last:pb-0 `}
-        >
-          {blocks?.length ? blocks.map((block, i) => renderBlock(block, i, context)) : null}
-        </div>
-      ) : null}
+      {hasContent ? <AccordionItemInner blocks={blocks} context={context} /> : null}
     </li>
   );
 });
-
-const renderBlock = (block: AccordionBlockProps, i: number, context: ContentPageContext) => {
-  const type = block?.accordionBlockType;
-  if (!type || !(type in AccordionBlocks)) {
-    return null;
-  }
-
-  const AccordionBlock: JSXBlock = AccordionBlocks[type];
-  return (
-    <div className="mb-5 last:mb-0" key={`block_${i}`}>
-      <AccordionBlock context={context} {...block} />
-    </div>
-  );
-};
-
-const getContentBlock = ({ target }) =>
-  target.tagName === 'BUTTON' ? target.nextSibling : target.parentNode.nextSibling;

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

@@ -0,0 +1,28 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { JSXBlock } from '../ContentPage/ContentPage';
+import type { ContentPageContext } from '../ContentPage/ContentPageContext';
+import { AccordionBlocks } from './AccordionBlocks';
+import type { AccordionBlockProps } from './AccordionContent';
+import type { AccordionItemProps } from './AccordionItem';
+
+export const AccordionItemInner = JSX<AccordionItemProps>(({ blocks, context }) => {
+  return (
+    <div className={`transition-all duration-300 max-h-0 overflow-hidden group-last:last:pb-0 `}>
+      {blocks?.length ? blocks.map(renderBlock(context)) : null}
+    </div>
+  );
+});
+
+const renderBlock = (context: ContentPageContext) => (block: AccordionBlockProps, i: number) => {
+  const type = block?.accordionBlockType;
+  if (!type || !(type in AccordionBlocks)) {
+    return null;
+  }
+
+  const AccordionBlock: JSXBlock = AccordionBlocks[type];
+  return (
+    <div className="mb-5 last:mb-0 py-2.5" key={`block_${i}`}>
+      <AccordionBlock context={context} {...block} className="!p-0" />
+    </div>
+  );
+};

package/mobile/src/components/Accordion/utils/isActiveHandler.ts

@@ -0,0 +1,24 @@
+import type { IconName } from '../../../ui-kit/Icon/IconProps';
+
+export const isActiveHandler = ({ context, blocks }) => {
+  const [isActive, setIsActive] = context.useState(false);
+  const hasContent = blocks?.length;
+  const icon: IconName = isActive ? 'MinusIcon' : 'PlusIcon';
+
+  const getContentBlock = ({ target }) =>
+    target.tagName === 'BUTTON' ? target.nextSibling : target.parentNode.nextSibling;
+
+  const handleToggle = (e: MouseEvent) => {
+    if (!hasContent) {
+      return;
+    }
+
+    setIsActive(!isActive);
+    const contentBlock = getContentBlock(e);
+    contentBlock.style.maxHeight = contentBlock.style.maxHeight
+      ? null
+      : `${contentBlock.scrollHeight}px`;
+  };
+
+  return { isActive, hasContent, icon, handleToggle };
+};

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

@@ -1,14 +1,15 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../../hooks/useLink';
-import type { BlockVersion } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../types';
-import { BlockItem } from '../../ui-kit/BlockItem/BlockItem';
-import { Button } from '../../ui-kit/Button/Button';
-import { Icon } from '../../ui-kit/Icon/Icon';
-import { Img } from '../../ui-kit/Img';
 import { Title } from '../../ui-kit/Title/Title';
-import { getColSpan } from '../../utils/getColSpan';
-import type { BaseTileCommonProps, BaseTileIconButton } from './BaseTileProps';
+import { BaseTileInner } from './BaseTileInner';
+import type { AlignType, BaseTileCommonProps } from './BaseTileProps';
+import { getTitleSizeByClassName } from './getTitleSizeByClassName';
+
+const alignBlock: Record<AlignType, string> = {
+  left: 'items-start',
+  center: 'items-center',
+  right: 'items-end',
+};
 
 export interface BaseTileProps extends BaseTileCommonProps, UniBlockProps {}
 
@@ -26,83 +27,27 @@ export const BaseTile = JSX<BaseTileProps>(
     image,
     items,
     version = 'primary',
+    align = 'left',
   }) => {
-    const router = context.useRouter();
-    const { handlerDecorator } = context;
     return (
-      <div className={`font-sans flex flex-col grow h-full items-start`}>
+      <div className={`font-sans flex flex-col grow h-full ${alignBlock[align]}`}>
         {title && (
           <Title
-            size={getTitleSize(titleSize, className)}
+            size={titleSize || getTitleSizeByClassName(className)}
             className={`${TITLE_CLASSES} ${version === 'primary' ? 'text-primary-text' : ''}`}
           >
             {title}
           </Title>
         )}
-        <div className="flex grow w-full justify-between">
-          <div className="flex flex-col justify-between items-start">
-            <div>
-              {description && (
-                <div className={`font-normal text-base mt-4 max-w-[600px]`}>{description}</div>
-              )}
-              {children}
-              {items?.length ? renderItems(items, version) : null}
-            </div>
-            {buttons?.length ? (
-              <div className="flex mt-9 gap-3">
-                {buttons.map((button, index) =>
-                  renderButton(useLink({ router, handlerDecorator }, button), index),
-                )}
-              </div>
-            ) : null}
-          </div>
-          {image?.src && <Img className="mt-auto ml-7" image={image} />}
-        </div>
+        <BaseTileInner
+          context={context}
+          buttons={buttons}
+          image={image}
+          children={children}
+          description={description}
+          items={items}
+        />
       </div>
     );
   },
 );
-
-function getTitleSize(titleSize, className = '') {
-  if (titleSize) {
-    return titleSize;
-  }
-
-  const colSpan = getColSpan(className);
-  if (colSpan <= 4) {
-    return 'S';
-  } else if (colSpan <= 8) {
-    return 'M';
-  } else {
-    return 'L';
-  }
-}
-
-function renderItems(items: string[] = [], version?: BlockVersion) {
-  return (
-    <section className="max-w-[600px] mt-5" role="list">
-      {items.map((_, i) => (
-        <BlockItem
-          key={String(i)}
-          className={i ? 'mt-2.5' : ''}
-          text={_}
-          white={version !== 'primary'}
-        />
-      ))}
-    </section>
-  );
-}
-
-function renderButton({ icon, asSVG, ...button }: BaseTileIconButton, i: number) {
-  if (!button?.text) return;
-
-  return icon ? (
-    <Button
-      key={String(i)}
-      appendLeft={<Icon name={icon} asSVG={asSVG} width="24" height="24" />}
-      {...button}
-    />
-  ) : (
-    <Button key={String(i)} {...button} />
-  );
-}

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

@@ -0,0 +1,31 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
+import type { UniBlockProps } from '../../types';
+import { Img } from '../../ui-kit/Img';
+import type { BaseTileMainProps } from './BaseTileProps';
+import { renderButton } from './renderButton';
+import { renderItems } from './renderItems';
+
+export interface BaseTileInnerProps extends BaseTileMainProps, UniBlockProps {}
+
+export const BaseTileInner = JSX<BaseTileInnerProps>(
+  ({ context, description, children, buttons, image, items, version = 'primary' }) => {
+    const router = context.useRouter();
+    const { handlerDecorator } = context;
+    return (
+      <div>
+        {description && <div className={`font-normal text-base mt-3`}>{description}</div>}
+        {children}
+        {items?.length && renderItems(items, version)}
+        {buttons?.length && (
+          <div className="mt-[18px]">
+            {buttons.map((button, index) =>
+              renderButton(useLink({ router, handlerDecorator }, button), index),
+            )}
+          </div>
+        )}
+        {image?.src && <Img className="mt-auto ml-7" image={image} />}
+      </div>
+    );
+  },
+);