@redneckz/wildless-cms-uni-blocks 0.5.11 → 0.5.13

package/mobile/bundle/bundle.umd.js

@@ -228,6 +228,10 @@
         return JSXTmpl;
     };
 
+    function style2className(style) {
+        return style ? style.filter(Boolean).join(' ') : '';
+    }
+
     const HeadingClass = {
         h0: 'text-m-title',
         h1: 'text-m-title',
@@ -242,220 +246,28 @@
         return (jsx(Tag, { className: `font-sans font-medium m-0 ${HeadingClass[headingType]} ${className || ''}`, children: title }));
     });
 
-    // Generated. Do not touch
-    /* eslint-disable max-len, max-lines */
-    const IconInverseMap = {
-        ActualBalanceIcon: false, AirPlaneIcon: false, AppleIcon: true, ArrowDownIcon: true, ArrowLeftIcon: true, ArrowUpIcon: true, AtmIcon: true, BankIcon: true, BuildingIcon: true, BurgerIcon: true, Calendar2Icon: true, CalendarCircleIcon: true, CalendarIcon: true, CalendarTickIcon: true, Car2Icon: true, CardIcon: true, CardPosIcon: true, CardTickIcon: true, CardWithGemIcon: false, CarIcon: false, ChartSquareIcon: true, CinemaIcon: false, ClockIcon: false, CloseIcon: true, ComfortableCompIcon: false, CreditCardsIcon: false, DiscountShapeIcon: true, DocDownloadIcon: true, DocIcon: true, DocIconMonoColor: true, DocsIcon: false, DocumentTextIcon: true, DollarIcon: false, DoneIcon: false, DoneSimpleIcon: true, EarthIcon: false, EmptyWalletChangeIcon: true, EmptyWalletIcon: true, EuroIcon: false, GeolocationIcon: true, GlassIcon: false, GlobalIcon: true, GpsIcon: true, GridIcon: true, InterestGrowthIcon: false, InterestIcon: true, JCBIcon: false, LogoIcon: true, LoupeIcon: true, MapMarkerClusterIcon: false, MapMarkerSingleIcon: false, MasterCardIcon: false, MinusIcon: true, MirIcon: false, MoneyIcon: true, MoneyInsuranceIcon: false, MoneysIcon: true, MonitorMobileIcon: true, NewDocIcon: false, OfficeIcon: false, OkIcon: true, PackA4Icon: false, PassSendIcon: false, PercentageRoundIcon: true, PercentageSquareIcon: true, PersonalCardIcon: true, PlayMarketIcon: true, PlusIcon: true, PowerIcon: false, Profile2UserIcon: true, ProfileIcon: true, PumpkinIcon: false, RoundRubleIcon: true, SafeIcon: true, ShieldTickIcon: true, SignDocsIcon: false, SmallClockIcon: true, SoundIcon: false, StrongBoxIcon: true, TelegramIcon: true, UnionPayIcon: false, UserSquareIcon: true, UserTickIcon: true, VisaIcon: false, VKIcon: true, WalletAdd2Icon: true, WalletAddIcon: true, WalletIcon: true, WalletWithMoneyIcon: true, WateringCanIcon: false
-    };
-    var IconMap;
-    (function (IconMap) {
-        IconMap["ActualBalanceIcon"] = "ActualBalanceIcon";
-        IconMap["AirPlaneIcon"] = "AirPlaneIcon";
-        IconMap["AppleIcon"] = "AppleIcon";
-        IconMap["ArrowDownIcon"] = "ArrowDownIcon";
-        IconMap["ArrowLeftIcon"] = "ArrowLeftIcon";
-        IconMap["ArrowUpIcon"] = "ArrowUpIcon";
-        IconMap["AtmIcon"] = "AtmIcon";
-        IconMap["BankIcon"] = "BankIcon";
-        IconMap["BuildingIcon"] = "BuildingIcon";
-        IconMap["BurgerIcon"] = "BurgerIcon";
-        IconMap["Calendar2Icon"] = "Calendar2Icon";
-        IconMap["CalendarCircleIcon"] = "CalendarCircleIcon";
-        IconMap["CalendarIcon"] = "CalendarIcon";
-        IconMap["CalendarTickIcon"] = "CalendarTickIcon";
-        IconMap["Car2Icon"] = "Car2Icon";
-        IconMap["CardIcon"] = "CardIcon";
-        IconMap["CardPosIcon"] = "CardPosIcon";
-        IconMap["CardTickIcon"] = "CardTickIcon";
-        IconMap["CardWithGemIcon"] = "CardWithGemIcon";
-        IconMap["CarIcon"] = "CarIcon";
-        IconMap["ChartSquareIcon"] = "ChartSquareIcon";
-        IconMap["CinemaIcon"] = "CinemaIcon";
-        IconMap["ClockIcon"] = "ClockIcon";
-        IconMap["CloseIcon"] = "CloseIcon";
-        IconMap["ComfortableCompIcon"] = "ComfortableCompIcon";
-        IconMap["CreditCardsIcon"] = "CreditCardsIcon";
-        IconMap["DiscountShapeIcon"] = "DiscountShapeIcon";
-        IconMap["DocDownloadIcon"] = "DocDownloadIcon";
-        IconMap["DocIcon"] = "DocIcon";
-        IconMap["DocIconMonoColor"] = "DocIconMonoColor";
-        IconMap["DocsIcon"] = "DocsIcon";
-        IconMap["DocumentTextIcon"] = "DocumentTextIcon";
-        IconMap["DollarIcon"] = "DollarIcon";
-        IconMap["DoneIcon"] = "DoneIcon";
-        IconMap["DoneSimpleIcon"] = "DoneSimpleIcon";
-        IconMap["EarthIcon"] = "EarthIcon";
-        IconMap["EmptyWalletChangeIcon"] = "EmptyWalletChangeIcon";
-        IconMap["EmptyWalletIcon"] = "EmptyWalletIcon";
-        IconMap["EuroIcon"] = "EuroIcon";
-        IconMap["GeolocationIcon"] = "GeolocationIcon";
-        IconMap["GlassIcon"] = "GlassIcon";
-        IconMap["GlobalIcon"] = "GlobalIcon";
-        IconMap["GpsIcon"] = "GpsIcon";
-        IconMap["GridIcon"] = "GridIcon";
-        IconMap["InterestGrowthIcon"] = "InterestGrowthIcon";
-        IconMap["InterestIcon"] = "InterestIcon";
-        IconMap["JCBIcon"] = "JCBIcon";
-        IconMap["LogoIcon"] = "LogoIcon";
-        IconMap["LoupeIcon"] = "LoupeIcon";
-        IconMap["MapMarkerClusterIcon"] = "MapMarkerClusterIcon";
-        IconMap["MapMarkerSingleIcon"] = "MapMarkerSingleIcon";
-        IconMap["MasterCardIcon"] = "MasterCardIcon";
-        IconMap["MinusIcon"] = "MinusIcon";
-        IconMap["MirIcon"] = "MirIcon";
-        IconMap["MoneyIcon"] = "MoneyIcon";
-        IconMap["MoneyInsuranceIcon"] = "MoneyInsuranceIcon";
-        IconMap["MoneysIcon"] = "MoneysIcon";
-        IconMap["MonitorMobileIcon"] = "MonitorMobileIcon";
-        IconMap["NewDocIcon"] = "NewDocIcon";
-        IconMap["OfficeIcon"] = "OfficeIcon";
-        IconMap["OkIcon"] = "OkIcon";
-        IconMap["PackA4Icon"] = "PackA4Icon";
-        IconMap["PassSendIcon"] = "PassSendIcon";
-        IconMap["PercentageRoundIcon"] = "PercentageRoundIcon";
-        IconMap["PercentageSquareIcon"] = "PercentageSquareIcon";
-        IconMap["PersonalCardIcon"] = "PersonalCardIcon";
-        IconMap["PlayMarketIcon"] = "PlayMarketIcon";
-        IconMap["PlusIcon"] = "PlusIcon";
-        IconMap["PowerIcon"] = "PowerIcon";
-        IconMap["Profile2UserIcon"] = "Profile2UserIcon";
-        IconMap["ProfileIcon"] = "ProfileIcon";
-        IconMap["PumpkinIcon"] = "PumpkinIcon";
-        IconMap["RoundRubleIcon"] = "RoundRubleIcon";
-        IconMap["SafeIcon"] = "SafeIcon";
-        IconMap["ShieldTickIcon"] = "ShieldTickIcon";
-        IconMap["SignDocsIcon"] = "SignDocsIcon";
-        IconMap["SmallClockIcon"] = "SmallClockIcon";
-        IconMap["SoundIcon"] = "SoundIcon";
-        IconMap["StrongBoxIcon"] = "StrongBoxIcon";
-        IconMap["TelegramIcon"] = "TelegramIcon";
-        IconMap["UnionPayIcon"] = "UnionPayIcon";
-        IconMap["UserSquareIcon"] = "UserSquareIcon";
-        IconMap["UserTickIcon"] = "UserTickIcon";
-        IconMap["VisaIcon"] = "VisaIcon";
-        IconMap["VKIcon"] = "VKIcon";
-        IconMap["WalletAdd2Icon"] = "WalletAdd2Icon";
-        IconMap["WalletAddIcon"] = "WalletAddIcon";
-        IconMap["WalletIcon"] = "WalletIcon";
-        IconMap["WalletWithMoneyIcon"] = "WalletWithMoneyIcon";
-        IconMap["WateringCanIcon"] = "WateringCanIcon";
-    })(IconMap || (IconMap = {}));
-    var IconTitleMap;
-    (function (IconTitleMap) {
-        IconTitleMap["ActualBalanceIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438";
-        IconTitleMap["AirPlaneIcon"] = "\u0421\u0430\u043C\u043E\u043B\u0451\u0442";
-        IconTitleMap["AppleIcon"] = "\u041B\u043E\u0433\u043E \u00ABApple\u00BB";
-        IconTitleMap["ArrowDownIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430 '\u0412\u043D\u0438\u0437'";
-        IconTitleMap["ArrowLeftIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430";
-        IconTitleMap["ArrowUpIcon"] = "\u0421\u0442\u0440\u0435\u043B\u043A\u0430 \u0432\u0432\u0435\u0440\u0445";
-        IconTitleMap["AtmIcon"] = "\u0411\u0430\u043D\u043A\u043E\u043C\u0430\u0442";
-        IconTitleMap["BankIcon"] = "\u0411\u0430\u043D\u043A";
-        IconTitleMap["BuildingIcon"] = "\u0417\u0434\u0430\u043D\u0438\u0435 \u0441 \u0434\u0435\u0440\u0435\u0432\u043E\u043C";
-        IconTitleMap["BurgerIcon"] = "\u0411\u0443\u0440\u0433\u0435\u0440";
-        IconTitleMap["Calendar2Icon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C 2";
-        IconTitleMap["CalendarCircleIcon"] = "\u0421\u043A\u0440\u0443\u0433\u043B\u0451\u043D\u043D\u044B\u0439 \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C";
-        IconTitleMap["CalendarIcon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C";
-        IconTitleMap["CalendarTickIcon"] = "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C \u0441 \u0433\u0430\u043B\u043E\u0447\u043A\u043E\u0439";
-        IconTitleMap["Car2Icon"] = "\u041C\u0430\u0448\u0438\u043D\u04302";
-        IconTitleMap["CardIcon"] = "\u041A\u0440\u0435\u0434. \u043A\u0430\u0440\u0442\u0430";
-        IconTitleMap["CardPosIcon"] = "\u041A\u0440\u0435\u0434. \u043A\u0430\u0440\u0442\u0430 \u043F\u043E\u0434 \u043D\u0430\u043A\u043B\u043E\u043D\u043E\u043C";
-        IconTitleMap["CardTickIcon"] = "\u041A\u0440\u0435\u0434. \u043A\u0430\u0440\u0442\u0430 \u0441 \u0433\u0430\u043B\u043E\u0447\u043A\u043E\u0439";
-        IconTitleMap["CardWithGemIcon"] = "\u041A\u0430\u0440\u0442\u0430 \u0441 \u0434\u0440\u0430\u0433\u043E\u0446\u0435\u043D\u043D\u043E\u0441\u0442\u044F\u043C\u0438";
-        IconTitleMap["CarIcon"] = "\u041C\u0430\u0448\u0438\u043D\u0430";
-        IconTitleMap["ChartSquareIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438 \u0432\u043D\u0443\u0442\u0440\u0438 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430";
-        IconTitleMap["CinemaIcon"] = "\u041A\u0438\u043D\u043E\u0442\u0435\u0430\u0442\u0440";
-        IconTitleMap["ClockIcon"] = "\u0427\u0430\u0441\u044B";
-        IconTitleMap["CloseIcon"] = "\u041A\u0440\u0435\u0441\u0442\u0438\u043A";
-        IconTitleMap["ComfortableCompIcon"] = "\u041A\u0440\u0435\u0441\u043B\u043E";
-        IconTitleMap["CreditCardsIcon"] = "\u041A\u0440\u0435\u0434\u0438\u0442\u043D\u044B\u0435 \u043A\u0430\u0440\u0442\u044B";
-        IconTitleMap["DiscountShapeIcon"] = "\u0421\u043A\u0438\u0434\u043A\u0430";
-        IconTitleMap["DocDownloadIcon"] = "\u0421\u043A\u0430\u0447\u0430\u0442\u044C \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
-        IconTitleMap["DocIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
-        IconTitleMap["DocIconMonoColor"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442 (\u043E\u0434\u043D\u043E\u0446\u0432\u0435\u0442\u043D\u044B\u0439)";
-        IconTitleMap["DocsIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B";
-        IconTitleMap["DocumentTextIcon"] = "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C";
-        IconTitleMap["DollarIcon"] = "\u0414\u043E\u043B\u043B\u0430\u0440";
-        IconTitleMap["DoneIcon"] = "\u0417\u0435\u043B\u0451\u043D\u0430\u044F '\u0433\u0430\u043B\u043E\u0447\u043A\u0430' \u0432 \u043A\u0440\u0443\u0433\u0435";
-        IconTitleMap["DoneSimpleIcon"] = "\u0417\u0435\u043B\u0451\u043D\u0430\u044F '\u0433\u0430\u043B\u043E\u0447\u043A\u0430'";
-        IconTitleMap["EarthIcon"] = "\u0417\u0435\u043C\u043B\u044F";
-        IconTitleMap["EmptyWalletChangeIcon"] = "\u041F\u0443\u0441\u0442\u043E\u0439 \u043A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u0432\u043E\u0437\u0432\u0440\u0430\u0442\u043E\u043C";
-        IconTitleMap["EmptyWalletIcon"] = "\u041F\u0443\u0441\u0442\u043E\u0439 \u043A\u043E\u0448\u0435\u043B\u0451\u043A";
-        IconTitleMap["EuroIcon"] = "\u0415\u0432\u0440\u043E";
-        IconTitleMap["GeolocationIcon"] = "\u0413\u0435\u043E\u043B\u043E\u043A\u0430\u0446\u0438\u044F";
-        IconTitleMap["GlassIcon"] = "\u0417\u0435\u0440\u043A\u0430\u043B\u043E";
-        IconTitleMap["GlobalIcon"] = "\u0413\u043B\u043E\u0431\u0443\u0441";
-        IconTitleMap["GpsIcon"] = "Gps";
-        IconTitleMap["GridIcon"] = "\u0421\u0435\u0442\u043A\u0430 (\u0431\u0435\u043B\u0430\u044F)";
-        IconTitleMap["InterestGrowthIcon"] = "\u0414\u0438\u0430\u0433\u0440\u0430\u043C\u043C\u0430 \u0440\u043E\u0441\u0442\u0430";
-        IconTitleMap["InterestIcon"] = "\u0421\u043A\u0438\u0434\u043A\u0430";
-        IconTitleMap["JCBIcon"] = "JCB";
-        IconTitleMap["LogoIcon"] = "Logo";
-        IconTitleMap["LoupeIcon"] = "\u041B\u0443\u043F\u0430";
-        IconTitleMap["MapMarkerClusterIcon"] = "\u041C\u0430\u0440\u043A\u0435\u0440 \u043A\u0430\u0440\u0442\u044B";
-        IconTitleMap["MapMarkerSingleIcon"] = "\u041C\u0430\u0440\u043A\u0435\u0440 \u043A\u0430\u0440\u0442\u044B \u0420\u0421\u0425\u0411";
-        IconTitleMap["MasterCardIcon"] = "MasterCard";
-        IconTitleMap["MinusIcon"] = "\u041C\u0438\u043D\u0443\u0441";
-        IconTitleMap["MirIcon"] = "\u041C\u0418\u0420";
-        IconTitleMap["MoneyIcon"] = "\u0414\u0435\u043D\u044C\u0433\u0438";
-        IconTitleMap["MoneyInsuranceIcon"] = "\u0414\u0435\u043D\u0435\u0436\u043D\u043E\u0435 \u0441\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u043D\u0438\u0435";
-        IconTitleMap["MoneysIcon"] = "\u041A\u0443\u043F\u044E\u0440\u044B";
-        IconTitleMap["MonitorMobileIcon"] = "\u041C\u043E\u043D\u0438\u0442\u043E\u0440 \u0438 \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u0439";
-        IconTitleMap["NewDocIcon"] = "\u041D\u043E\u0432\u044B\u0439 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442";
-        IconTitleMap["OfficeIcon"] = "\u041E\u0444\u0438\u0441";
-        IconTitleMap["OkIcon"] = "\u041B\u043E\u0433\u043E \u00AB\u041E\u0434\u043D\u043E\u043A\u043B\u0430\u0441\u0441\u043D\u0438\u043A\u0438\u00BB";
-        IconTitleMap["PackA4Icon"] = "\u041F\u0430\u0447\u043A\u0430 \u0431\u0443\u043C\u0430\u0433\u0438 \u04104";
-        IconTitleMap["PassSendIcon"] = "\u0411\u0438\u0437\u043D\u0435\u0441";
-        IconTitleMap["PercentageRoundIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B (\u043A\u0440\u0443\u0433.)";
-        IconTitleMap["PercentageSquareIcon"] = "\u041F\u0440\u043E\u0446\u0435\u043D\u0442\u044B";
-        IconTitleMap["PersonalCardIcon"] = "\u041F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u0430\u044F \u043A\u0430\u0440\u0442\u0430";
-        IconTitleMap["PlayMarketIcon"] = "\u041B\u043E\u0433\u043E \u00ABPlayMarket\u00BB";
-        IconTitleMap["PlusIcon"] = "\u041F\u043B\u044E\u0441";
-        IconTitleMap["PowerIcon"] = "\u0429\u0438\u0442";
-        IconTitleMap["Profile2UserIcon"] = "\u041F\u0440\u043E\u0444\u0438\u043B\u044C, 2 \u043F\u0435\u0440\u0441\u043E\u043D\u044B";
-        IconTitleMap["ProfileIcon"] = "\u041F\u0440\u043E\u0444\u0438\u043B\u044C";
-        IconTitleMap["PumpkinIcon"] = "\u0422\u044B\u043A\u0432\u0430";
-        IconTitleMap["RoundRubleIcon"] = "\u0420\u0443\u0431\u043B\u044C (\u043A\u0440\u0443\u0433.)";
-        IconTitleMap["SafeIcon"] = "\u0421\u0435\u0439\u0444";
-        IconTitleMap["ShieldTickIcon"] = "\u0411\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u044C";
-        IconTitleMap["SignDocsIcon"] = "\u041F\u043E\u0434\u043F\u0438\u0441\u0430\u043D\u043D\u044B\u0435 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u044B";
-        IconTitleMap["SmallClockIcon"] = "\u041C\u0430\u043B\u0435\u043D\u044C\u043A\u0438\u0435 \u0447\u0430\u0441\u044B";
-        IconTitleMap["SoundIcon"] = "\u0417\u0432\u0443\u043A";
-        IconTitleMap["StrongBoxIcon"] = "\u042F\u0449\u0438\u043A \u0441 \u0437\u0430\u043C\u043E\u0447\u043D\u043E\u0439 \u0441\u043A\u0432\u0430\u0436\u0438\u043D\u043E\u0439";
-        IconTitleMap["TelegramIcon"] = "\u041B\u043E\u0433\u043E \u00ABTelegram\u00BB";
-        IconTitleMap["UnionPayIcon"] = "UnionPay";
-        IconTitleMap["UserSquareIcon"] = "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C \u0432 \u0440\u0430\u043C\u043A\u0435";
-        IconTitleMap["UserTickIcon"] = "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C";
-        IconTitleMap["VisaIcon"] = "Visa";
-        IconTitleMap["VKIcon"] = "\u041B\u043E\u0433\u043E \u00ABVK\u00BB";
-        IconTitleMap["WalletAdd2Icon"] = "\u041F\u043E\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u043A\u0430\u0440\u0442\u044B";
-        IconTitleMap["WalletAddIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u043F\u043B\u044E\u0441\u043E\u043C";
-        IconTitleMap["WalletIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A";
-        IconTitleMap["WalletWithMoneyIcon"] = "\u041A\u043E\u0448\u0435\u043B\u0451\u043A \u0441 \u0434\u0435\u043D\u044C\u0433\u0430\u043C\u0438";
-        IconTitleMap["WateringCanIcon"] = "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043F\u0440\u043E\u0434\u0443\u043A\u0442";
-    })(IconTitleMap || (IconTitleMap = {}));
-
     const svgUseStyleMap = {
         normal: 'text-primary-main',
         black: 'text-black',
         white: 'text-black',
     };
-    const Icon = JSX(({ className = '', imageClassName = '', name = '', alt = `Иконка ${IconTitleMap[name] || name}`, title = alt, iconVersion = 'normal', asSVG, ...imgProps }) => {
+    const Icon = JSX(({ className = '', imageClassName = '', name = '', alt = `Иконка ${name}`, title = alt, iconVersion = 'normal', asSVG, ...imgProps }) => {
         const href = `${projectSettings.CDN || ''}icons/${name}.svg`;
-        if (asSVG && IconInverseMap[name]) {
+        if (asSVG) {
             return (jsx(Background, { className: className, children: jsxs("svg", { className: [
                         getSvgSize(className, imgProps.width),
                         svgUseStyleMap[iconVersion],
                         imageClassName,
-                        getInvertStyle(name, iconVersion),
+                        getInvertStyle(iconVersion),
                     ].join(' '), ...imgProps, "aria-hidden": "true", children: [title ? jsx("title", { children: title }) : null, alt ? jsx("desc", { children: alt }) : null, jsx("use", { href: `${href}#icon`, xlinkHref: `${href}#icon` })] }) }));
         }
         return (jsx("img", { className: className, src: href, alt: alt, title: title, ...imgProps, "aria-hidden": "true" }));
     });
-    const getInvertStyle = (name, iconVersion) => iconVersion === 'white' && IconInverseMap[name] ? 'invert' : '';
+    const getInvertStyle = (iconVersion) => iconVersion === 'white' ? 'invert' : '';
     const getSvgSize = (className, width) => width ? `width: ${width}px ` : 'w-full h-full';
     const Background = JSX(({ className, children }) => className ? jsx("div", { className: className, children: children }) : children);
 
-    function getIconVersion(image) {
+    function getIconVersion$1(image) {
         return typeof image === 'string' ? 'normal' : image.iconVersion || 'normal';
     }
 
@@ -497,18 +309,12 @@
         // backwards compatibility with existing icons in usage
         const icon = typeof image === 'string' ? image : image.icon;
         if (icon || icon === '') {
-            return icon.length ? (jsx(Icon, { className: className, imageClassName: imageClassName, iconVersion: getIconVersion(image), name: icon, ...iconProps })) : null;
+            return icon.length ? (jsx(Icon, { className: className, imageClassName: imageClassName, iconVersion: getIconVersion$1(image), name: icon, ...iconProps })) : null;
         }
         return (jsx(ImgAsPicture, { className: className, imageClassName: imageClassName, image: image, isMobile: isMobile }));
     });
 
-    const Img = JSX(({ className = '', image, imageClassName, ...iconProps }) => {
-        return (jsx(ImgInner, { className: className, image: image, imageClassName: imageClassName, ...iconProps, isMobile: true }));
-    });
-
-    function style2className(style) {
-        return style ? style.filter(Boolean).join(' ') : '';
-    }
+    const Img = JSX((props) => jsx(ImgInner, { ...props, isMobile: true }));
 
     const ALIGN_TEXT = {
         left: 'text-left',
@@ -785,9 +591,16 @@
         };
     }
 
+    const iconStyleMap = {
+        primary: 'group-hover:brightness-0 group-hover:invert',
+        secondary: 'group-hover:brightness-0 group-hover:invert',
+        white: 'group-hover:brightness-0 group-hover:invert',
+        link: '',
+    };
+
     const ButtonInner = JSX((props) => {
-        const { text, aboveText, appendLeft, appendRight } = props;
-        return (jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? appendLeft : null, isWithText(props) ? (jsxs("div", { children: [jsx("div", { className: "text-xs-light text-left", children: aboveText }), jsx("div", { className: `text-left ${aboveText ? 'text-s -mt-0.5' : 'text-l'}`, children: text })] })) : null, appendRight ? appendRight : null] }));
+        const { text, aboveText, appendLeft, appendRight, version = 'primary' } = props;
+        return (jsxs("div", { className: getButtonStyle(props), children: [appendLeft ? jsx("div", { className: iconStyleMap[version], children: appendLeft }) : null, isWithText(props) ? (jsxs("div", { children: [jsx("div", { className: "text-xs-light text-left", children: aboveText }), jsx("div", { className: `text-left ${aboveText ? 'text-s -mt-0.5' : 'text-l'}`, children: text })] })) : null, appendRight ? jsx("div", { className: iconStyleMap[version], children: appendRight }) : null] }));
     });
     const getButtonStyle = (props) => {
         const { className = '', version, aboveText, rounded } = props;
@@ -820,7 +633,7 @@
     const Button = JSX(({ className, text, aboveText, appendLeft, href, target, onClick, children, disabled, rounded, version = 'primary', ariaLabel, ...rest }) => {
         // It isn't a valid HTML attribute. Must be excluded from "rest"
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const { asSVG, iconRight, appendRight, icon, ...buttonInnerRest } = rest;
+        const { appendRight, ...buttonInnerRest } = rest;
         const buttonInner = children ?? (jsx(ButtonInner, { text: text, aboveText: aboveText, appendLeft: appendLeft, rounded: rounded, version: version }));
         if (disabled) {
             return (jsx("div", { role: "button", "aria-disabled": "true", "aria-label": ariaLabel, tabIndex: -1, className: `inline-block ${styleButton} ${buttonDisabledStyleMap[version] || ''} ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`, children: buttonInner }));
@@ -831,61 +644,48 @@
     const ButtonSection = JSX(({ context, className = '', buttons }) => {
         const { handlerDecorator } = context;
         const router = context.useRouter();
-        return buttons && buttons?.length ? (jsx("div", { className: className, children: buttons.map((button, index) => renderButton$2(useLink({ router, handlerDecorator }, button), index)) })) : null;
+        return buttons && buttons?.length ? (jsx("div", { className: className, children: buttons.map((button, index) => (jsx(ButtonSectionItem, { button: button, handlerDecorator: handlerDecorator, router: router }, String(index)))) })) : null;
+    });
+    const ButtonSectionItem = JSX(({ router, handlerDecorator, button }) => {
+        const buttonProps = useLink({ router, handlerDecorator }, button);
+        return jsx(Button, { ...button, ...buttonProps });
     });
-    function renderButton$2({ icon, iconRight, version = 'primary', ...button }, i) {
-        if (!button?.text) {
-            return null;
-        }
-        const imgStyle = version === 'primary' ? 'group-hover:text-black' : 'group-hover:text-white';
-        const iconVersion = version === 'secondary' ? 'normal' : 'white';
-        return icon ? (jsx(Button, { appendLeft: jsx(Img, { imageClassName: imgStyle, image: { ...icon, iconVersion: iconVersion }, width: "24", height: "24", asSVG: true }), appendRight: jsx(Img, { imageClassName: imgStyle, image: { ...iconRight, iconVersion: iconVersion }, width: "24", height: "24", asSVG: true }), version: version, ...button }, String(i))) : (jsx(Button, { version: version, ...button }, String(i)));
-    }
 
-    const LIST_STYLE_CLASSES = {
-        primary: 'rounded-full inline-block mr-3 mt-2',
-        secondary: 'rounded-full inline-block mr-3 mt-2',
-        gray: 'rounded-full inline-block mr-3 mt-2',
-        tile: 'rounded-full inline-block mr-4 mt-3',
-        'tile-white': 'rounded-full inline-block mr-4 mt-3',
-    };
-    const LIST_DOT_STYLE_MAP = {
+    const LIST_DOT_STYLE_MAP$1 = {
         primary: 'bg-primary-text',
         secondary: 'bg-white',
         gray: 'bg-secondary-text',
-        tile: 'bg-black',
-        'tile-white': 'bg-white',
     };
-    const ListItem = JSX(({ className = '', isDotted = true, children, version = 'primary' }) => {
-        return (jsxs("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted ? jsx("div", { className: getListStyle(version) }) : null, jsx("span", { children: children })] }));
-    });
-    const getListStyle = (version) => {
-        const size = {
-            primary: 'w-2 h-2 min-w-2 min-h-2',
-            secondary: 'w-2 h-2 min-w-2 min-h-2',
-            gray: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5',
-            tile: 'w-[7px] h-[7px] min-w-[7px] min-h-[7px]',
-            'tile-white': 'w-[7px] h-[7px] min-w-[7px] min-h-[7px]',
-        };
-        return `${LIST_STYLE_CLASSES[version]} ${LIST_DOT_STYLE_MAP[version]} ${size[version]}`;
+    const DOT_SIZE_MAP = {
+        L: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-4 mt-3',
+        M: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-3 mt-3',
+        S: 'w-1 h-1 min-w-1 min-h-1 mr-2 mt-2.5',
     };
+    const ListItem = JSX(({ className = '', isDotted = true, children, version = 'primary', size = 'M' }) => {
+        return (jsxs("div", { className: `font-sans flex items-start ${className}`, role: "listitem", children: [isDotted ? (jsx("div", { className: `rounded-full inline-block ${LIST_DOT_STYLE_MAP$1[version]} ${DOT_SIZE_MAP[size]}` })) : null, jsx("span", { children: children })] }));
+    });
 
     const TEXT_STYLE_MAP = {
         primary: 'text-primary-text',
         secondary: 'text-white',
         gray: 'text-secondary-text',
-        tile: 'text-primary-text',
-        'tile-white': 'text-white',
     };
     const TEXT_SIZE_MAP = {
-        M: 'text-xl-light',
-        L: 'text-h5-light',
+        S: 'text-l-light',
+        M: 'text-h6',
+        L: 'text-h5',
+    };
+    const ITEM_INDENT_MAP = {
+        S: 'ml-2',
+        M: 'ml-3',
+        L: 'ml-4',
     };
     const List = JSX((props) => {
-        const { className = '', itemClassName, isDotted, items, listItemSize = 'M', version = 'primary', } = props;
-        return (jsx("section", { className: `${TEXT_STYLE_MAP[version]} ${TEXT_SIZE_MAP[listItemSize]} ${className}`, role: "list", children: items?.length
-                ? items.map((_, i) => (jsx(ListItem, { className: itemClassName, isDotted: isDotted, version: version, children: _ }, String(i))))
-                : null }));
+        const { className = '', hasIndent, isDotted, itemClassName = '', items, listItemSize = 'M', version = 'primary', } = props;
+        if (!items?.length) {
+            return null;
+        }
+        return (jsx("section", { className: `${TEXT_STYLE_MAP[version]} ${TEXT_SIZE_MAP[listItemSize]} ${className} ${hasIndent ? ITEM_INDENT_MAP[listItemSize] : ''}`, role: "list", children: items.map((item, i) => (jsx(ListItem, { className: `${itemClassName} mb-1.5`, isDotted: isDotted, version: version, size: listItemSize, children: item }, String(i)))) }));
     });
 
     const BaseTile = JSX(({ className = '', title = '', children, buttons, image }) => {
@@ -904,7 +704,8 @@
         const { className = '', icon, label, description, version = 'primary', benefitsVersion = 'normal', } = props;
         const isIconWhite = benefitsVersion === 'white' || version === 'secondary';
         const listItemAlign = description ? 'items-start' : 'items-center';
-        return (jsxs("div", { className: `flex gap-5 ${listItemAlign} ${className}`, children: [icon ? (jsx("div", { className: renderBenefitIconBgStyle(version, benefitsVersion), children: jsx(Img, { className: "w-6 h-6", image: { ...icon, iconVersion: isIconWhite ? 'white' : 'normal' }, asSVG: true }) })) : null, jsxs("div", { className: "gap-0.5", children: [label ? jsx("div", { className: `text-h6 ${titleStyleMap[version]}`, children: label }) : null, description ? (jsx("div", { className: `text-m-light ${descStyleMap[version]}`, children: description })) : null] })] }));
+        const iconVersion = getIconVersion(icon, isIconWhite);
+        return (jsxs("div", { className: `flex gap-5 ${listItemAlign} ${className}`, children: [icon ? (jsx("div", { className: renderBenefitIconBgStyle(version, benefitsVersion), children: jsx(Img, { className: "w-6 h-6", image: { ...icon, iconVersion }, asSVG: true }) })) : null, jsxs("div", { className: "gap-0.5", children: [label ? jsx("div", { className: `text-h6 ${titleStyleMap[version]}`, children: label }) : null, description ? (jsx("div", { className: `text-m-light ${descStyleMap[version]}`, children: description })) : null] })] }));
     });
     function renderBenefitIconBgStyle(version, benefitsVersion) {
         let bgColorStyle = 'bg-primary-main text-black';
@@ -916,6 +717,7 @@
         }
         return `w-[50px] h-[50px] min-w-[50px] rounded-full p-2.5 box-border flex items-center justify-center ${bgColorStyle}`;
     }
+    const getIconVersion = (icon, isIconWhite) => icon?.iconVersion || isIconWhite ? 'white' : 'normal';
 
     const renderBenefit = (version = 'primary', benefitsVersion = 'normal') => ({ icon, label, description }, i) => {
         return (jsx(BenefitItem, { icon: icon, label: label, description: description, version: version, benefitsVersion: benefitsVersion }, String(i)));
@@ -979,16 +781,21 @@
     }
     function renderCard(card, key) {
         return (jsxs("div", { className: `h-full justify-between box-border horizontal-list-item border-solid border rounded-md border-main-stroke p-4 flex flex-col
-      ${VersionStyleMap[card.version ?? 'primary']}`, children: [jsxs("div", { children: [card.image?.src ? (jsx("div", { className: "flex justify-center", children: jsx(Img, { className: "mb-3.5", image: card.image }) })) : null, card.title ? jsx("h3", { className: `text-m-title-xs font-medium m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.isDotted, card.version) : null] }), card?.button?.text ? renderButton$1(card.button) : null] }, key));
+      ${VersionStyleMap[card.version ?? 'primary']}`, children: [jsxs("div", { children: [card.image?.src ? (jsx("div", { className: "flex justify-center", children: jsx(Img, { className: "mb-3.5", image: card.image }) })) : null, card.title ? jsx("h3", { className: `text-m-title-xs font-medium m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.isDotted, card.version) : null] }), card?.button?.text ? renderButton(card.button) : null] }, key));
     }
-    function renderButton$1(button) {
+    function renderButton(button) {
         return (jsx(Button, { className: "mt-3", appendLeft: button?.icon && jsx(Img, { image: button?.icon, width: "24px", height: "24px", asSVG: true }), ...button }));
     }
     function renderDescription(card) {
         return (jsx("div", { className: `text-secondary-text mt-1 text-s ${card.version === 'secondary' ? 'text-white opacity-80' : ''}`, children: card.description }));
     }
+    const LIST_DOT_STYLE_MAP = {
+        primary: 'bg-primary-text',
+        secondary: 'bg-white',
+        gray: 'bg-secondary-text',
+    };
     function renderItems(items, isDotted, version = 'primary') {
-        return (jsx("section", { className: "mt-3", children: items.map((item, i) => (jsxs("div", { children: [isDotted ? jsx("div", { className: getListStyle(version) }) : null, jsx("span", { className: "text-m font-medium", children: item.title }), jsx("span", { className: `text-s pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`, children: item.text })] }, String(i)))) }));
+        return (jsx("section", { className: "mt-3", children: items.map((item, i) => (jsxs("div", { children: [isDotted ? (jsx("div", { className: `rounded-full inline-block mr-3 mt-2 w-2 h-2 min-w-2 min-h-2 ${LIST_DOT_STYLE_MAP[version]}` })) : null, jsx("span", { className: "text-m font-medium", children: item.title }), jsx("span", { className: `text-s pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`, children: item.text })] }, String(i)))) }));
     }
 
     class EventBus {
@@ -1035,15 +842,31 @@
         }
     };
 
+    const IntersectionObserverTag = JSX((props) => {
+        const { tag = 'section', observerCallback, observerOptions, className = '', anchor = null, children, } = props;
+        const intersectionObserver = useRef(null);
+        const ref = useCallback((element) => {
+            if (!element) {
+                return;
+            }
+            if (intersectionObserver.current) {
+                intersectionObserver.current.disconnect();
+            }
+            intersectionObserver.current = new IntersectionObserver(observerCallback, observerOptions);
+            intersectionObserver.current.observe(element);
+        }, [observerCallback, observerOptions]);
+        const Tag = tag;
+        return (jsx(Tag, { ref: ref, className: className, id: anchor, children: children }));
+    });
+
     const THRESHOLD_ACCURACY = 100; // Decimals number (100 is for two decimals number, 0.**)
     const THRESHOLD_ARRAY_LENGTH = 18;
     const THRESHOLD_ARRAY_START_VALUE = (THRESHOLD_ACCURACY - THRESHOLD_ARRAY_LENGTH) / THRESHOLD_ACCURACY;
-    const BlockWrapper = JSX(({ anchor, className, context, children, tag = 'section', labels }) => {
+    const BlockWrapper = JSX(({ anchor, className, children, tag = 'section', labels }) => {
         const Tag = tag;
-        const { IntersectionObserverTag } = context;
         const [shouldRenderBlock, setShouldRenderBlock] = useState(true);
         const anchorClickRef = useRef({});
-        const observerCallback = useMemo(() => changeHashOnObserve({ anchor, anchorClickRef }), [anchor, anchorClickRef]);
+        const observerCallback = useMemo(() => changeHashOnObserve({ anchor, anchorClickRef }), [anchor]);
         useEffect(() => {
             const anchorClickCleanup = EventBus.inst.subscribe('anchorClick', (e) => {
                 anchorClickRef.current = e;
@@ -1061,7 +884,7 @@
                 anchorClickCleanup();
                 tabCleanup();
             };
-        }, [anchorClickRef]);
+        }, []);
         if (!shouldRenderBlock) {
             return null;
         }
@@ -1098,7 +921,7 @@
         LinkList,
     };
 
-    const renderBlocksList$1 = ({ blocks, context, className = '' }) => blocks?.length ? blocks.map(renderBlock$1({ context, className })) : null;
+    const renderBlocksList$1 = ({ blocks, context, className = '' }) => blocks?.length ? blocks.map(renderBlock$1({ context, className })) : [];
     const renderBlock$1 = ({ context, className }) => (block, i) => {
         if (!block) {
             return null;
@@ -1112,40 +935,41 @@
         return (jsx(EmbeddedBlock, { className: `${className} ${classNameBlock}`, context: context, ...rest }, `block_${i}`));
     };
 
-    const AccordionItemInner = JSX(({ blocks, context }) => {
-        return (jsx("div", { className: "flex flex-wrap transition-all duration-300 max-h-0 overflow-hidden group-last:last:pb-0", children: renderBlocksList$1({ context, blocks, className: '!px-0' }) }));
+    const Foldable = JSX(({ isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
+        const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
+        const onToggle = useCallback(() => {
+            setIsUnfolded((_) => !_);
+        }, []);
+        const sectionNode = renderFoldableSection({ isUnfolded, onToggle });
+        const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
+        return isFoldButtonOnTop ? (jsxs("div", { children: [buttonNode, sectionNode] })) : (jsxs("div", { children: [sectionNode, buttonNode] }));
     });
 
-    const useActiveHandler = ({ blocks, initialState = false }) => {
-        const [isActive, setIsActive] = useState(initialState);
-        const hasContent = blocks?.length;
-        const icon = isActive ? 'MinusIcon' : 'PlusIcon';
-        const handleToggle = (e) => {
-            const currentTarget = e.currentTarget;
-            if (!currentTarget) {
-                return;
+    const FoldableSection = JSX(({ className = '', isUnfolded, children }) => {
+        const containerRef = useRef(null);
+        useEffect(() => {
+            if (containerRef.current) {
+                containerRef.current.style.maxHeight = isUnfolded
+                    ? `${containerRef.current.scrollHeight}px`
+                    : '';
             }
-            setIsActive(!isActive);
-            const contentBlock = currentTarget.nextSibling;
-            contentBlock.style.maxHeight = contentBlock.style.maxHeight
-                ? ''
-                : `${contentBlock.scrollHeight}px`;
-        };
-        return { isActive, hasContent, icon, handleToggle };
-    };
-
-    const AccordionItem = JSX(({ label, labelIcon, blocks, bordered, context }) => {
-        const { hasContent, icon, handleToggle } = useActiveHandler({ blocks });
-        return (jsxs("li", { className: `${borderedLiClass(bordered)} border-solid border-main-divider`, children: [jsxs("button", { className: `border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text
-          ${bordered ? '' : 'py-[14px] px-0'}
-          ${hasContent ? 'group cursor-pointer' : ''}`, onClick: handleToggle, children: [jsxs("span", { className: `text-m-title-xs font-medium pr-2.5 flex ${hasContent ? 'group-hover:text-primary-main' : ''}`, children: [labelIcon ? (jsx(Img, { image: labelIcon, className: "mr-3 flex-shrink-0", width: "24", height: "24", asSVG: true })) : null, label] }), hasContent ? (jsx(Img, { className: "flex-shrink-0", image: icon, width: "24", height: "24", asSVG: true })) : null] }), hasContent ? jsx(AccordionItemInner, { blocks: blocks, context: context }) : null] }));
+        }, [isUnfolded]);
+        return (jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden max-h-0 ${className}`, children: children }));
     });
+
+    const icons = ['PlusIcon', 'MinusIcon'];
+    const AccordionItem = JSX(({ label = '', labelIcon, bordered, children, hasContent = true }) => (jsx("li", { className: `${borderedLiClass(bordered)} border-solid border-main-divider`, children: jsx(Foldable, { isFoldButtonOnTop: true, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { className: "flex flex-wrap group-last:last:pb-0", isUnfolded: isUnfolded, children: children })), renderFoldButton: ({ isUnfolded, onToggle }) => (jsx(FoldButton, { className: bordered ? '' : 'py-[14px] px-0', label: label, icon: icons[Number(isUnfolded)], primaryIcon: labelIcon, hasContent: hasContent, onClick: onToggle })) }) })));
+    const FoldButton = JSX(({ className, hasContent, icon, label, primaryIcon, onClick }) => (jsxs("button", { className: `border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text
+  ${className}
+  ${hasContent ? 'group cursor-pointer' : ''}`, onClick: onClick, children: [jsxs("span", { className: `text-m-title-xs font-medium pr-2.5 flex ${hasContent ? 'group-hover:text-primary-main' : ''}`, children: [primaryIcon ? (jsx(Img, { image: primaryIcon, className: "mr-3 flex-shrink-0", width: "24", height: "24", asSVG: true })) : null, label] }), hasContent ? (jsx(Img, { className: "flex-shrink-0", image: icon, width: "24", height: "24", asSVG: true })) : null] })));
     function borderedLiClass(bordered) {
         return bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0';
     }
 
-    const Accordion = JSX(({ title, description, accordionItems, context, className = '', bordered }) => {
-        return (jsxs("section", { className: `py-6 px-4 font-sans bg-white text-primary-text ${className}`, children: [title ? jsx(Heading, { headingType: "h3", className: "mb-2 text-center", title: title }) : null, description ? jsx("div", { className: "mb-5 text-m-light text-center", children: description }) : null, accordionItems?.length ? (jsx("ul", { className: "list-none m-0 p-0", children: accordionItems.map((item, i) => (jsx(AccordionItem, { ...item, context: context, bordered: bordered }, `AccordionItem_${i}`))) })) : null] }));
+    const AccordionItemsList = JSX(({ children }) => (jsx("ul", { className: "list-none m-0 p-0", children: children })));
+
+    const Accordion = JSX(({ title, description, accordionItems, context, className = '', bordered, ...rest }) => {
+        return (jsxs(BlockWrapper, { context: context, className: `py-6 px-4 font-sans bg-white text-primary-text ${className}`, ...rest, children: [title ? jsx(Heading, { headingType: "h3", className: "mb-2 text-center", title: title }) : null, description ? jsx("div", { className: "mb-5 text-m-light text-center", children: description }) : null, accordionItems?.length ? (jsx(AccordionItemsList, { children: accordionItems.map((item, i) => (jsx(AccordionItem, { context: context, bordered: bordered, hasContent: Boolean(item.blocks?.length), ...item, children: renderBlocksList$1({ blocks: item.blocks, context, className: '!p-0 mb-5' }) }, `AccordionItem_${i}`))) })) : null] }));
     });
 
     const GRADIENT = 'bg-gradient-to-r from-main-gradient-start to-main-gradient-end';
@@ -1168,69 +992,28 @@
         const buttonVersion = isFillGradient ? 'secondary' : 'primary';
         return (jsxs("div", { className: `border border-main-stroke rounded-md p-4 mb-3.5 ${gradientClassName}`, role: "row", children: [jsx(HeaderCell, { ...header, isFillGradient: isFillGradient }), columnDataView?.length
                     ? columnDataView.map(({ rowHeader, cell }, i) => (jsx(TableCell, { cell: cell, rowHeader: rowHeader, isFillGradient: isFillGradient }, String(i))))
-                    : null, showRow ? renderButton({ header, buttonVersion }) : null, renderToggleButton({ onToggleColumn, isFillGradient, showRow })] }));
+                    : null, showRow && header?.link ? (jsx(Button, { href: header.link.href, target: header.link.target, version: buttonVersion, className: "text-s font-medium mt-4 py-[11px]", children: header.link.text })) : null, renderToggleButton({ onToggleColumn, isFillGradient, showRow })] }));
     });
-    const renderButton = ({ header, buttonVersion }) => {
-        if (!header.link) {
-            return null;
-        }
-        return (jsx(Button, { href: header.link.href, target: header.link.target, version: buttonVersion, className: "text-s font-medium mt-4 py-[11px]", children: header.link.text }));
-    };
-    const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow }) => (jsx("div", { className: "mt-5", role: "cell", children: jsx("a", { role: "link", onClick: onToggleColumn, className: `text-s font-medium cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`, children: !showRow ? 'Показать описание' : 'Скрыть' }) }));
+    const renderToggleButton = ({ onToggleColumn, isFillGradient, showRow, }) => (jsx("div", { className: "mt-5", role: "cell", children: jsx("a", { role: "link", onClick: onToggleColumn, className: `text-s font-medium cursor-pointer ${isFillGradient ? 'text-white/80' : 'text-primary-main'}`, children: !showRow ? 'Показать описание' : 'Скрыть' }) }));
 
-    const ComparisonTable = JSX(({ className, context, title, rowHeaders, columns, visibleRowLength = 0, isColoredFirstColumn = false, orientation = 'vertical', }) => {
-        const tableData = columns?.map(({ data, header }) => ({
-            header,
-            column: data?.map((cell, i) => ({ cell, rowHeader: rowHeaders?.[i]?.title })),
-        })) || [];
+    const ComparisonTable = JSX((props) => {
+        const { className, title } = props;
+        return (jsxs("section", { className: `bg-white font-sans px-4 py-6 overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? (jsx(Heading, { headingType: "h3", className: "font-medium text-center m-0 mb-5", title: title })) : null, jsx("div", { role: "table", children: jsx(TableInner, { ...props }) })] }));
+    });
+    const TableInner = JSX(({ columns, rowHeaders, isColoredFirstColumn, visibleRowLength, orientation, context }) => {
         const [columnsViewState, setColumnsViewState] = useState(new Array(columns?.length || 0).fill(!visibleRowLength));
-        const handleToggleColumn = (i) => {
-            columnsViewState[i] = !columnsViewState[i];
-            setColumnsViewState([...columnsViewState]);
-        };
-        return (jsxs("section", { className: `bg-white font-sans px-4 py-6 overflow-hidden text-primary-text relative ${className || ''}`, children: [title ? (jsx(Heading, { headingType: "h3", className: "font-medium text-center m-0 mb-5", title: title })) : null, renderColumns({
-                    tableData,
-                    context,
-                    visibleRowLength,
-                    isColoredFirstColumn,
-                    columnsViewState,
-                    handleToggleColumn,
-                    orientation,
-                    setColumnsViewState,
-                })] }));
+        const handleToggleColumn = useCallback((colIndex) => {
+            const toggleColState = (colState, i) => i === colIndex ? !colState : colState;
+            setColumnsViewState((_) => _.map(toggleColState));
+        }, []);
+        const handleSlideChange = useCallback(() => setColumnsViewState((_) => new Array(_.length).fill(false)), []);
+        const getColumnData = (cellData) => cellData?.map((cell, i) => ({ cell, rowHeader: rowHeaders?.[i]?.title }));
+        const tableColumns = columns?.map(({ data, header }, colIndex) => (jsx(TableColumn, { context: context, visibleRowLength: visibleRowLength, showRow: columnsViewState[colIndex], header: header, columnData: getColumnData(data), isFillGradient: colIndex === 0 && isColoredFirstColumn, onToggleColumn: () => handleToggleColumn(colIndex) }, String(colIndex))));
+        return orientation === 'horizontal' ? (jsx(SwipeListControl, { context: context, onSlideChange: handleSlideChange, children: tableColumns })) : (tableColumns);
     });
-    const renderColumns = ({ context, tableData, visibleRowLength, isColoredFirstColumn, columnsViewState, handleToggleColumn, orientation = 'horizontal', setColumnsViewState, }) => (jsx("div", { role: "table", children: tableData?.length
-            ? renderInnerTable({
-                orientation,
-                context,
-                columnsViewState,
-                setColumnsViewState,
-                tableData,
-                visibleRowLength,
-                isColoredFirstColumn,
-                handleToggleColumn,
-            })
-            : null }));
-    const renderInnerTable = ({ orientation, context, columnsViewState, setColumnsViewState, tableData, visibleRowLength, isColoredFirstColumn, handleToggleColumn, }) => orientation === 'horizontal' ? (jsx(SwipeListControl, { context: context, onSlideChange: onSlideChange(columnsViewState, setColumnsViewState), children: tableData.map(renderColumn({
-            context,
-            visibleRowLength,
-            isColoredFirstColumn,
-            columnsViewState,
-            handleToggleColumn,
-        })) })) : (tableData.map(renderColumn({
-        context,
-        visibleRowLength,
-        isColoredFirstColumn,
-        columnsViewState,
-        handleToggleColumn,
-    })));
-    const renderColumn = ({ context, visibleRowLength, isColoredFirstColumn, columnsViewState, handleToggleColumn }) => (columnData, i) => (jsx(TableColumn, { context: context, visibleRowLength: visibleRowLength, showRow: columnsViewState[i], header: columnData.header, columnData: columnData.column, isFillGradient: i === 0 && isColoredFirstColumn, onToggleColumn: () => handleToggleColumn(i) }, String(i)));
-    const onSlideChange = (columnsViewState, setColumnsViewState) => () => {
-        setColumnsViewState(new Array(columnsViewState.length).fill(false));
-    };
 
     const consistentDataMap = new Map();
-    function useAsyncData$1(key, fetcher, { fallback } = {}) {
+    function useAsyncData(key, fetcher, { fallback } = {}) {
         const args = useMemo(() => keyToArgs(key), [key]);
         const [data, setData] = useState();
         const [error, setError] = useState();
@@ -1289,18 +1072,6 @@
         }
     }
 
-    let impl = useAsyncData$1;
-    const useAsyncData = (...args) => impl(...args);
-
-    async function fetchJSON(url, options) {
-        try {
-            return await fetchJSONUnsafe(url, options);
-        }
-        catch (err) {
-            console.error(err);
-        }
-        return null;
-    }
     async function fetchJSONUnsafe(url, options) {
         const response = await fetch(url, {
             ...options,
@@ -1312,232 +1083,37 @@
         return await response.json();
     }
 
-    const roundTo = (value, precision = 2) => {
-        const factor = 10 ** precision;
-        return Math.round(parseFloat(String(value)) * factor) / factor;
-    };
-
-    function useExchangeRates() {
-        const { data } = useAsyncData(EXCHANGE_RATES_URL, fetchExchangeRates);
-        const result = data?.hits?.hits?.map((_) => _._source) || [];
-        return result.length ? getCurrencyListByRate(result) : result;
-    }
-    function fetchExchangeRates() {
-        return fetchJSON(EXCHANGE_RATES_URL, {
-            method: 'POST',
-            body: JSON.stringify(EXCHANGE_RATES_BODY),
-        });
+    function useSitemap(fallback = {}) {
+        const { data } = useAsyncData(`/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`, fetchJSONUnsafe, { fallback });
+        return data || {};
     }
-    const EXCHANGE_RATES_URL = 'https://coins.rshb.ru/api/catalog/vue_storefront_magento_1_currency_rates_average/currency_rates_average/_search?size=10000';
-    const EXCHANGE_RATES_BODY = {
-        query: {
-            bool: {
-                must: [
-                    {
-                        term: {
-                            // eslint-disable-next-line camelcase
-                            russian_region_code: '77',
-                        },
-                    },
-                    {
-                        term: {
-                            // eslint-disable-next-line camelcase
-                            from_volume: '0',
-                        },
-                    },
-                    {
-                        terms: {
-                            // eslint-disable-next-line camelcase
-                            currency_pair: ['USD/RUB', 'EUR/RUB'],
-                        },
-                    },
-                ],
-            },
-        },
-    };
-    const getCurrencyListByRate = (currencyRates) => currencyRates.reduce((result, _) => {
-        const currencyInfo = _['currency_first'];
-        const currencyCode = currencyInfo?.code;
-        if (!result.some((i) => i.code === currencyCode)) {
-            result.push({
-                code: currencyCode,
-                buy: roundTo(Number(_.rate_buy), 3),
-                sell: roundTo(Number(_.rate_sell), 3),
-            });
-        }
-        return result;
-    }, []);
-
-    var Currency;
-    (function (Currency) {
-        Currency["RUB"] = "RUB";
-        Currency["EUR"] = "EUR";
-        Currency["USD"] = "USD";
-    })(Currency || (Currency = {}));
-
-    const currencyNumberFormat = new Intl.NumberFormat('ru', {
-        style: 'currency',
-        currency: Currency.RUB,
-    });
-    const formatCurrency = (value) => (value ? currencyNumberFormat.format(value) : '');
 
-    const TABLE_HEAD_STYLE = 'text-left text-m-light text-secondary-text';
-    const CURRENCY_ICONS_MAP = {
-        USD: 'DollarIcon',
-        EUR: 'EuroIcon',
-    };
-    const CurrencyTable = JSX(({ className, exchangeCurrencyItems }) => {
-        return (jsxs("table", { className: `h-fit w-fit ${className}`, children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { className: TABLE_HEAD_STYLE, children: "\u0412\u0430\u043B\u044E\u0442\u0430" }), jsx("th", { className: `${TABLE_HEAD_STYLE} pl-11`, children: "\u041A\u0443\u043F\u0438\u0442\u044C" }), jsx("th", { className: `${TABLE_HEAD_STYLE} pl-11`, children: "\u041F\u0440\u043E\u0434\u0430\u0442\u044C" })] }) }), jsx("tbody", { children: exchangeCurrencyItems.map((item) => renderCurrencyRow(item)) })] }));
-    });
-    const renderCurrencyRow = (exchangeCurrencyItem) => {
-        const code = exchangeCurrencyItem?.code;
-        return (jsxs("tr", { className: "pb-1 text-h6", children: [jsx("td", { className: "pt-4", children: jsxs("div", { className: "flex items-center", children: [code ? jsx(Img, { image: { icon: CURRENCY_ICONS_MAP[code] }, width: "24", height: "24" }) : null, jsx("span", { className: "ml-2", children: code })] }) }), jsx("td", { className: "pt-4 pl-11", children: formatCurrency(exchangeCurrencyItem?.sell) }), jsx("td", { className: "pt-4 pl-11", children: formatCurrency(exchangeCurrencyItem?.buy) })] }, code));
-    };
-
-    const CurrentLocation = JSX(({ className = '', address, distance }) => (jsxs("div", { className: `flex ${className}`, children: [jsx(Img, { image: { icon: 'GpsIcon' }, width: "24", height: "24", asSVG: true }), jsxs("div", { className: "ml-3", children: [address ? jsx("p", { className: "text-primary-main  m-0 mb-1 text-l", children: address }) : null, distance ? (jsxs("p", { className: "text-secondary-text m-0 text-m-light", children: ["\u041A\u0443\u0440\u0441 \u0443\u043A\u0430\u0437\u0430\u043D \u0434\u043B\u044F \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0433\u043E \u043E\u0444\u0438\u0441\u0430 - ", distance] })) : null] })] })));
-
-    const Input = JSX(({ className = '', inputClassName = '', id, name, type = 'text', label, value = '', children, onChange, ...inputProps }) => {
-        const handleChange = useCallback((e) => {
-            const validInputValue = e.target.validity.valid ? e.target.value : value;
-            onChange(validInputValue);
-        }, [onChange]);
-        const paddingStyle = children ? 'pr-8' : '';
-        return (jsxs("div", { className: `relative ${className}`, children: [label ? jsx("label", { className: "block text-m-light mb-2", children: label }) : null, jsx("input", { className: `w-full border rounded-md border-main-stroke hover:border-primary-hover active:border-primary-text
-          focus:border-primary-text text-primary-text outline-none p-4 ${paddingStyle} ${inputClassName}`, id: id, name: name || id, type: type, value: value, onChange: handleChange, ...inputProps }), children] }));
-    });
-
-    const Select = JSX(({ className = '', isBorder = true, label, options = [], value, onChange, placeholder = '' }) => {
-        const [selectedItem, setSelectedItem] = useState(options[0] || { key: '', text: '' });
-        const [isOpen, setIsOpen] = useState(false);
-        const choiceOption = (option) => {
-            setSelectedItem(option);
-            setIsOpen(false);
-            onChange(option);
+    const useSearch = () => {
+        const [term, setTerm] = useState('');
+        return {
+            term,
+            setTerm: (text) => setTerm(text),
         };
-        const isSelected = (option) => Boolean(option.key === selectedItem.key);
-        useEffect(() => {
-            setSelectedItem(value || { key: '', text: '' });
-        }, [value]);
-        return (jsxs("div", { className: `${className}`, children: [label ? jsx("span", { className: "mb-2 flex", children: label }) : null, jsxs("div", { className: `relative ${isOpen ? 'z-20' : 'z-10'}`, children: [jsxs("div", { className: `text-m-light flex justify-between items-center mb-0.5 text-primary-text cursor-pointer
-            ${getBorderStyle(isBorder)}`, onClick: () => setIsOpen(!isOpen), children: [jsx("p", { className: "p-4 pr-8 h-[56px] overflow-hidden text-ellipsis whitespace-nowrap", children: selectedItem?.text || placeholder }), jsx(Icon, { name: "ArrowUpIcon", width: "16", height: "16", className: `absolute right-3 ${isOpen ? '' : 'rotate-180'}` })] }), options?.length ? (jsx("div", { className: `h-0 ${renderOptionsStyle(isOpen)}`, children: jsx("div", { className: `bg-white text-l max-h-[256px] overflow-y-auto overflow-x-hidden rounded-md shadow-[0_4px_25px_rgba(0,0,0,0.07)]`, children: options.map(renderOption(choiceOption, isOpen, isSelected)) }) })) : null] })] }));
-    });
-    const renderOptionsStyle = (isOpen) => (isOpen ? '' : 'overflow-hidden');
-    const renderOption = (choiceOption, isOpen, isSelected) => (option, i) => {
-        return (jsxs("div", { onClick: () => {
-                choiceOption(option);
-            }, className: "flex px-4 py-3 cursor-pointer hover:bg-main-divider pr-11 relative", children: [jsx("span", { className: "min-h-6", children: option.text }), jsx(Icon, { name: "DoneSimpleIcon", width: "16", height: "16", className: ['absolute right-4 pt-0.5', isSelected(option) && isOpen ? '' : 'hidden'].join(' ') })] }, String(i)));
     };
-    const getBorderStyle = (isBorder) => isBorder ? 'border border-main-stroke rounded-md hover:border-primary-hover' : '';
-
-    function renderInput(props) {
-        const { placeholder, rates, selected, value, setValue, setSelected } = props;
-        const ratesOptions = rates.map((_) => ({ key: _.code ?? '', text: _.code ?? '' }));
-        const selectedValue = { key: selected, text: selected };
-        return (jsxs("div", { className: "relative flex", children: [jsx(Input, { className: "shrink-0 h-14 pl-4 pt-4 pb-4 text-l w-full appearance-none mr-[-90px]", placeholder: placeholder, type: "text", value: value, onChange: setValue }), ratesOptions.length ? (jsx(Select, { isBorder: false, onChange: (_) => setSelected(_.key), options: ratesOptions, value: selectedValue })) : null] }));
-    }
 
-    const calculateResult = (value, rate, precision) => {
-        const result = Number(formatValue(value)) * Math.pow(rate, precision ? -1 : 1);
-        return Number.isInteger(result) ? result : roundTo(result);
-    };
-    const formatValue = (value) => value.replace(/[^\d.,]/g, '').replace(',', '.');
-
-    const tableFunc = (table) => (input) => {
-        const [, output] = table.find(([predicate]) => predicate(input)) || [];
-        return output;
-    };
-
-    const callbackCurrencySelect = (props) => tableFunc([
-        [
-            (_) => _.value !== Currency.RUB && _.oppositeValue !== Currency.RUB,
-            () => props.handleConvert(props.value, Currency.RUB),
-        ],
-        [
-            (_) => _.value === Currency.RUB && _.oppositeValue === Currency.RUB,
-            () => props.handleConvert(props.value, Currency.USD),
-        ],
-        [() => true, () => props.handleConvert(props.value)],
-    ])(props)?.();
-
-    const ExchangeCurrencyCalculator = JSX(({ context, className = '', currencyRatesBuy, currencyRatesSell, button }) => {
-        const { useRouter, handlerDecorator } = context;
-        const router = useRouter();
-        const [calcState, setCalcState] = useState({
-            inputSell: '',
-            inputBuy: '',
-            selectSell: currencyRatesBuy?.[0]?.code || Currency.RUB,
-            selectBuy: currencyRatesSell?.[0]?.code || Currency.USD,
-        });
-        const handleSetCalcState = (newState) => {
-            setCalcState((oldState) => ({ ...oldState, ...newState }));
-        };
-        return (jsxs("div", { className: `grid gap-[18px] pt-2 ${className}`, children: [renderInput({
-                    placeholder: 'Хочу продать',
-                    rates: currencyRatesSell,
-                    selected: calcState.selectSell,
-                    setSelected: handleSelectSell(calcState, handleSetCalcState, currencyRatesSell),
-                    value: calcState.inputSell,
-                    setValue: (value) => handleInputSell(handleSetCalcState, currencyRatesSell)(value, calcState.selectSell, calcState.selectBuy),
-                }), renderInput({
-                    placeholder: 'Получу',
-                    rates: currencyRatesBuy,
-                    selected: calcState.selectBuy,
-                    setSelected: handleSelectBuy(calcState, handleSetCalcState, currencyRatesBuy),
-                    value: calcState.inputBuy,
-                    setValue: (value) => handleInputBuy(handleSetCalcState, currencyRatesBuy)(value, calcState.selectBuy, calcState.selectSell),
-                }), button?.text ? (jsx(Button, { className: "py-4 mr-1", version: button?.version, ...useLink({ router, handlerDecorator }, button), children: button.text })) : null] }));
+    const SearchBarInner = JSX(({ className, isMobile = false }) => {
+        const { term, setTerm } = useSearch();
+        const LoupeIconClassName = isMobile ? 'w-5 h-5' : 'w-6 h-6';
+        const SearchBarLabelClassName = isMobile ? 'text-s' : 'text-l-light';
+        const SearchBarInputClassName = isMobile ? ' placeholder-transparent' : 'h-full';
+        const inputPlaceholder = isMobile ? 'some search' : undefined;
+        return (jsxs("form", { className: `font-sans 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: LoupeIconClassName, children: jsx(Img, { image: "LoupeIcon", width: "24", height: "24" }) }), term ? null : (jsx("label", { htmlFor: "search-bar-input", className: `text-secondary-text ${SearchBarLabelClassName}`, 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 text-l text-black border border-solid rounded-md box-border
+              outline-none pr-[6%] border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text ${SearchBarInputClassName}`, value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input", placeholder: inputPlaceholder }), isMobile ? (jsx("button", { className: "visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer border-none", onClick: (e) => {
+                        e.preventDefault();
+                        setTerm('');
+                    }, children: jsx(Img, { image: "CloseIcon", width: "24", height: "24" }) })) : (jsx(Button, { version: "primary", text: "\u041D\u0430\u0439\u0442\u0438", className: "invisible peer-focus:visible absolute top-[3px] right-1", onClick: (ev) => {
+                        ev?.preventDefault();
+                        console.log('click');
+                    }, children: jsx("div", { className: "text-s px-9 py-2.5", children: "\u041D\u0430\u0439\u0442\u0438" }) }))] }));
     });
-    const handleSelectSell = (calcState, setCalcState, currencyRatesSell) => (value) => {
-        setCalcState({ selectSell: value });
-        callbackCurrencySelect({
-            value,
-            oppositeValue: calcState.selectBuy,
-            handleConvert: (codeFrom = calcState.selectSell, codeTo = calcState.selectBuy) => {
-                handleInputSell(setCalcState, currencyRatesSell)(calcState.inputSell, codeFrom, codeTo);
-            },
-        });
-    };
-    const handleSelectBuy = (calcState, setCalcState, currencyRatesBuy) => (value) => {
-        setCalcState({ selectBuy: value });
-        callbackCurrencySelect({
-            value,
-            oppositeValue: calcState.selectSell,
-            handleConvert: (codeTo = calcState.selectBuy, codeFrom = calcState.selectSell) => handleInputBuy(setCalcState, currencyRatesBuy)(calcState.inputBuy, codeTo, codeFrom),
-        });
-    };
-    const handleInputSell = (setCalcState, currencyRatesSell) => (value, codeFrom, codeTo) => {
-        setCalcState({ inputSell: formatValue(value), selectBuy: codeTo });
-        const rate = currencyRatesSell.find((_) => _.code === codeTo)?.buy ||
-            currencyRatesSell.find((_) => _.code === codeFrom)?.sell;
-        if (rate) {
-            setCalcState({
-                inputBuy: String(calculateResult(value, rate, codeFrom === Currency.RUB) || ''),
-            });
-        }
-    };
-    const handleInputBuy = (setCalcState, currencyRatesBuy) => (value, codeTo, codeFrom) => {
-        setCalcState({ inputBuy: formatValue(value), selectSell: codeFrom });
-        const rate = currencyRatesBuy.find((_) => _.code === codeFrom)?.sell ||
-            currencyRatesBuy.find((_) => _.code === codeTo)?.buy;
-        if (rate) {
-            setCalcState({
-                inputSell: String(calculateResult(value, rate, codeTo === Currency.RUB) || ''),
-            });
-        }
-    };
 
-    const DEFAULT_LOCATION = {
-        address: 'Москва, ул.Ленина д.28',
-        distance: '6км',
-    };
-    const ExchangeRateTile = JSX(({ className = '', context, title = 'Курсы обмена валют', button, ...rest }) => {
-        const currencyRates = useExchangeRates();
-        const currencyRatesBuy = currencyRates.filter((_) => _.buy);
-        currencyRatesBuy.unshift({ code: Currency.RUB });
-        const currencyRatesSell = currencyRates.filter((_) => _.sell);
-        currencyRatesSell.push({ code: Currency.RUB });
-        return (jsx(BlockWrapper, { context: context, className: `bg-white text-primary-text font-sans p-9 box-border min-h-[320px] 
-          ${className}`, ...rest, children: jsx(BaseTile, { context: context, title: jsx(Heading, { headingType: "h4", title: title, className: "whitespace-pre-wrap text-h4 mb-5" }), children: jsxs("div", { className: "flex", children: [jsxs("div", { className: "mr-14 pt-4", children: [currencyRates ? (jsx(CurrencyTable, { className: "mb-[30px]", exchangeCurrencyItems: currencyRates })) : null, jsx(CurrentLocation, { ...DEFAULT_LOCATION })] }), currencyRates.length && currencyRatesBuy.length && currencyRatesSell.length ? (jsx(ExchangeCurrencyCalculator, { className: "grow", context: context, currencyRatesBuy: currencyRatesBuy, currencyRatesSell: currencyRatesSell, button: button })) : null] }) }) }));
+    const SearchBar = JSX(({ className = '' }) => {
+        return jsx(SearchBarInner, { className: className, isMobile: true });
     });
 
     const SVG_COLOR = {
@@ -1563,7 +1139,7 @@
                         text: 'Обратная связь',
                         href: '/',
                         target: '_blank',
-                    }) })) : null] }));
+                    }), ariaLabel: "\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C" })) : null] }));
     });
     const renderContact = (item, index) => {
         const { type, text, description } = item;
@@ -1642,54 +1218,11 @@
         return (jsxs("div", { className: `${className || ''}`, children: [jsx("div", { className: "py-6", children: jsx("span", { className: "text-xs-light text-secondary-text", children: `\u00a9\u00A02000-${new Date().getFullYear()}\u00A0АО \u00ABРоссельхозбанк\u00BB Генеральная лицензия Банка России \u2116\u00A03349 от\u00A012.08.2015\u00A0г.` }) }), links?.length ? (jsx("div", { className: `flex flex-col justify-start items-start gap-2`, children: links.map((_, i) => (jsx(TextInformationLink, { index: i, className: "", ...useLink({ router, handlerDecorator }, _) }, String(i)))) })) : null] }));
     });
 
-    function useSitemap(fallback = {}) {
-        const { data } = useAsyncData(`/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`, fetchJSONUnsafe, { fallback });
-        return data || {};
-    }
-
-    const useSearch = () => {
-        const [term, setTerm] = useState('');
-        return {
-            term,
-            setTerm: (text) => setTerm(text),
-        };
-    };
-
-    const SearchBarInner = JSX(({ className, isMobile = false }) => {
-        const { term, setTerm } = useSearch();
-        const LoupeIconClassName = isMobile ? 'w-5 h-5' : 'w-6 h-6';
-        const SearchBarLabelClassName = isMobile ? 'text-s' : 'text-l-light';
-        const SearchBarInputClassName = isMobile ? ' placeholder-transparent' : 'h-full';
-        const inputPlaceholder = isMobile ? 'some search' : undefined;
-        return (jsxs("form", { className: `font-sans 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: LoupeIconClassName, children: jsx(Img, { image: "LoupeIcon", width: "24", height: "24" }) }), term ? null : (jsx("label", { htmlFor: "search-bar-input", className: `text-secondary-text ${SearchBarLabelClassName}`, 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 text-l text-black border border-solid rounded-md box-border
-              outline-none pr-[6%] border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text ${SearchBarInputClassName}`, value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input", placeholder: inputPlaceholder }), isMobile ? (jsx("button", { className: "visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer border-none", onClick: (e) => {
-                        e.preventDefault();
-                        setTerm('');
-                    }, children: jsx(Img, { image: "CloseIcon", width: "24", height: "24" }) })) : (jsx(Button, { version: "primary", text: "\u041D\u0430\u0439\u0442\u0438", className: "invisible peer-focus:visible absolute top-[3px] right-1", onClick: (ev) => {
-                        ev?.preventDefault();
-                        console.log('click');
-                    }, children: jsx("div", { className: "text-s px-9 py-2.5", children: "\u041D\u0430\u0439\u0442\u0438" }) }))] }));
-    });
-
-    const SearchBar = JSX(({ className = '' }) => {
-        return jsx(SearchBarInner, { className: className, isMobile: true });
-    });
-
-    const getAccordionItems = (items) => items?.map((item) => ({
-        label: item.text || '',
-        blocks: [
-            {
-                accordionBlockType: 'LinkList',
-                documents: item.items || [],
-            },
-        ],
-    }));
-
     const Footer = JSX(({ className = '', documents, relatedEnterprises, contacts, socialMedia, context, horizontalNavigationTitle, page, }) => {
         const fallback = page?.fallback;
         const sitemap = useSitemap(fallback);
         const dispositions = sitemap?.dispositions;
-        return (jsxs("footer", { className: `font-sans px-4 py-[26px] bg-white ${className}`, children: [jsx(Contacts, { className: "overflow-hidden", items: contacts, context: context, hasButton: true }), jsx(Accordion, { context: context, className: "!p-0 mb-4", accordionItems: getAccordionItems(sitemap.topItems) }), jsx("div", { children: dispositions?.map(renderSubMenuItem) }), jsx(MobileAppTile, { context: context, title: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435", description: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u043B\u044F IOS \u0438 Android" }), jsx(SearchBar, { context: context, className: "grow" }), jsx(SocialMedia, { className: "pb-4", media: socialMedia, context: context }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises, context: context }), jsx(TextInformation, { links: documents, context: context })] }));
+        return (jsxs("footer", { className: `font-sans px-4 py-[26px] bg-white ${className}`, children: [jsx(Contacts, { className: "overflow-hidden", items: contacts, context: context, hasButton: true }), jsx(AccordionItemsList, { children: sitemap.topItems?.map((item, i) => (jsx(AccordionItem, { context: context, label: item.text, children: jsx(LinkList, { context: context, documents: item.items }) }, String(i)))) }), jsx("div", { children: dispositions?.map(renderSubMenuItem) }), jsx(MobileAppTile, { context: context, title: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435", description: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u043B\u044F IOS \u0438 Android" }), jsx(SearchBar, { context: context, className: "grow" }), jsx(SocialMedia, { className: "pb-4", media: socialMedia, context: context }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises, context: context }), jsx(TextInformation, { links: documents, context: context })] }));
     });
     const renderSubMenuItem = (menu, i) => {
         const { icon, href, text } = menu;
@@ -1769,11 +1302,10 @@
     const HeaderTop = JSX(({ onClick, bgColor }) => (jsxs("div", { className: "flex items-center justify-between border-0 border-b border-main-divider h-[50px]", children: [jsxs("div", { className: "flex items-center", children: [jsx("button", { className: "pl-0 pr-4 border-0 bg-transparent cursor-pointer", onClick: onClick, "aria-label": "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E", children: jsx(Img, { image: { icon: 'BurgerIcon', iconVersion: bgColor === 'bg-white' ? 'black' : 'white' }, className: "text-primary-text w-6 h-6", width: "24", height: "24", asSVG: true }) }), jsx(Logo, { className: "mr-8", bgColor: bgColor })] }), jsx("button", { className: `${bgColor === 'bg-white' ? 'text-primary-main' : 'text-white'} text-s border-0 bg-transparent cursor-pointer`, children: "\u0412\u043E\u0439\u0442\u0438" })] })));
 
     const Header = JSX(({ className = '', defaultLocation, bgColor = 'bg-white', context, topItems, page }) => {
+        const { handlerDecorator } = context;
         const router = context.useRouter();
         const fallback = page?.fallback;
         const sitemap = useSitemap(fallback);
-        const dispositions = sitemap?.dispositions;
-        const { handlerDecorator } = context;
         const mergedItems = mergeTopItems(sitemap.topItems, topItems);
         const activeTopItem = mergedItems.find(isTopItemActive(router));
         const subItems = activeTopItem?.items;
@@ -1784,7 +1316,7 @@
                                     ...useLink({ router, handlerDecorator }, _),
                                     active: _ === activeSubItem,
                                     bgColor,
-                                }, i)) }) })] }), burgerMenuShow ? (jsx(HeaderBurger, { context: context, onClick: toggleBurgerMenu, burgerSubMenu: dispositions, defaultLocation: defaultLocation, children: jsx(Accordion, { context: context, accordionItems: getAccordionItems(sitemap.topItems), className: "!p-0 mb-4" }) })) : null] }));
+                                }, i)) }) })] }), burgerMenuShow ? (jsx(HeaderBurger, { context: context, onClick: toggleBurgerMenu, burgerSubMenu: sitemap?.dispositions, defaultLocation: defaultLocation, children: jsx(AccordionItemsList, { children: sitemap.topItems?.map((item, i) => (jsx(AccordionItem, { context: context, label: item.text, children: jsx(LinkList, { context: context, documents: item.items }) }, String(i)))) }) })) : null] }));
     });
     const renderSubItem = (item, i) => (jsx(HeaderItem, { className: "mr-8 whitespace-nowrap text-s", ...item }, String(i)));
 
@@ -1859,18 +1391,20 @@
         primary: {
             background: 'bg-white',
             title: 'text-primary-text',
-            description: 'text-secondary-text',
+            description: '!text-secondary-text text-l-light',
             iconText: 'text-secondary-text',
             iconBackground: 'bg-main-divider',
             iconConnector: 'bg-secondary-light',
+            dot: 'bg-secondary-text',
         },
         secondary: {
             background: 'bg-primary-main',
             title: 'text-white',
-            description: 'text-white/80',
+            description: '!text-white/80 text-l-light',
             iconText: 'text-white',
             iconBackground: 'bg-white/30',
             iconConnector: 'bg-white',
+            dot: 'bg-white/80',
         },
     };
 
@@ -1905,9 +1439,7 @@
         return (jsx("div", { className: `${iconAreaSize} ${styleMap.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: jsx("span", { className: `font-medium flex self-center ${styleMap.title} ${iconTextSize}`, children: checkIsIconRenderable(step?.icon) ? (jsx(Img, { image: { ...step.icon, iconVersion: STEPS_SVG_VERSION_MAP[version] }, width: iconSize, height: iconSize, asSVG: true })) : (jsx("span", { children: i + 1 })) }) }));
     };
 
-    const getButtonAriaLabel = (icon) => icon?.alt || icon?.title || IconTitleMap[icon?.icon ? icon.icon : ''];
-
-    const renderButtonsCellData = ({ buttons }) => buttons && buttons?.length ? (jsx("div", { children: buttons.map(({ icon, rounded, ...buttonProps }, idx) => (jsx(Button, { className: `mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${icon ? 'w-12 h-12' : ''}`, ariaLabel: getButtonAriaLabel(icon), rounded: rounded, appendLeft: icon?.src || icon?.icon ? jsx(Img, { image: icon, width: "24px", height: "24px", asSVG: true }) : null, ...buttonProps, "aria-label": icon }, String(idx)))) })) : null;
+    const renderButtonsCellData = ({ buttons }) => buttons && buttons?.length ? (jsx("div", { children: buttons.map(({ rounded, appendLeft, ariaLabel, ...buttonProps }, idx) => (jsx(Button, { className: `mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${appendLeft ? 'w-12 h-12' : ''}`, appendLeft: appendLeft, rounded: rounded, ariaLabel: ariaLabel, ...buttonProps }, String(idx)))) })) : null;
     const renderLabelDescriptionCellData = ({ label, description }) => {
         const labelClassName = `text-xl font-medium m-0 ${description ? 'mb-1' : ''}`;
         return (jsxs("div", { children: [label ? jsx("div", { className: labelClassName, children: label }) : null, description ? jsx("div", { className: "text-s text-secondary-text", children: description }) : null] }));
@@ -1963,7 +1495,6 @@
     const Blocks = {
         Accordion,
         ComparisonTable,
-        ExchangeRateTile,
         Footer,
         Gallery,
         Header,
@@ -2022,8 +1553,9 @@
     });
 
     const DEFAULT_SLOT_NAME = null;
+    const DEFAULT_ANCESTORS = [DEFAULT_SLOT_NAME];
 
-    function renderBlock(block, options, ancestors = [DEFAULT_SLOT_NAME]) {
+    function renderBlock(block, options, ancestors = DEFAULT_ANCESTORS) {
         const { key, page, blockDecorator, blocksRegistry, context } = options;
         const { type } = block;
         if (!(type && type in blocksRegistry)) {