@redneckz/wildless-cms-uni-blocks 0.3.17 → 0.3.20

package/README.md

@@ -1,5 +1,48 @@
 # Унифицированные блоки для сайтов под управлением Wildless CMS
 
+Набор _core блоков_ для построения сайтов.
+
+_Блок_ - это композиция компонентов UI Kit и (опционально) интеграция с API. Блок по своей сути ближе к понятию _микрофронта_.
+_Блоки_ совместимы и с `React` и c `Vue3` благодаря слою совместимости [Uni JSX](https://github.com/redneckz/uni-jsx/).
+
+> Именно потому импорты из фреймворков недопустимы на уровне блоков.
+
+На низком уровне _блок_ - это совокупность следующего:
+
+- [JSX](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#typescript)
+- Стилизация на [Tailwind CSS](https://tailwindcss.com/)
+- (опционально) Логика на псевдо-хуках (`context.useState(...)` или `context.useAsyncData(...)`)
+
+## Установка пакетов
+
+Требуется Node.js v16 или выше. Для управления версиями Node.js рекомендуется использовать https://github.com/nvm-sh/nvm
+
+```
+$ npm i --force
+```
+
+## Запуск в [React Cosmos](https://github.com/react-cosmos/react-cosmos)
+
+Десктопные блоки http://localhost:5001
+
+```
+$ npm start
+```
+
+Мобильные блоки http://localhost:5002
+
+```
+$ npm run start:mobile
+```
+
+## Сборка
+
+TODO
+
+## Прочие скрипты
+
+TODO
+
 [Документация разработчика](./DEVDOC.md)
 
 Запуск автотестов для Visual Regression блоков:

package/bundle/blocks.schema.json

@@ -1 +1 @@
-{"$schema":"http://json-schema.org/draft-07/schema#","definitions":{"GalleryItem":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок (моб.)"},"text":{"type":"string","title":"Текст"}},"title":"Элемент списка"},"GalleryCard":{"type":"object","properties":{"button":{"$ref":"#/definitions/ButtonWithIconProps","title":"Кнопка"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"items":{"type":"array","items":{"$ref":"#/definitions/GalleryItem"},"title":"Список"},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Карточка"},"Picture":{"type":"object","properties":{"src":{"type":"string","title":"Картинка"},"format":{"type":"string","enum":["jpeg","jpg","png","gif","webp","heif","avif"],"title":"Формат"},"size":{"type":"object","properties":{"width":{"type":"number","title":"Ширина"},"height":{"type":"number","title":"Высота"}},"title":"Размер изображения"},"alt":{"type":"string","title":"Альтернативный текст (alt)"},"sources":{"type":"array","items":{"$ref":"#/definitions/ImgSource"},"title":"Другие форматы"},"className":{"type":"string"},"title":{"type":"string","title":"Текст подсказки (title)"}},"required":["src"],"title":"Изображение"},"Img":{"type":"object","properties":{"src":{"type":"string","title":"Картинка"},"alt":{"type":"string","title":"Альтернативный текст (alt)"},"title":{"type":"string","title":"Текст подсказки (title)"}},"required":["src"]},"ImgSource":{"type":"object","properties":{"src":{"type":"string","title":"Картинка"},"format":{"type":"string","enum":["jpeg","jpg","png","gif","webp","heif","avif"],"title":"Формат"},"size":{"type":"object","properties":{"width":{"type":"number","title":"Ширина"},"height":{"type":"number","title":"Высота"}},"title":"Размер изображения"}},"required":["src"]},"ButtonWithIconProps":{"type":"object","properties":{"rounded":{"type":"boolean","title":"Закругленные углы"},"version":{"$ref":"#/definitions/ButtonVersion"},"aboveText":{"type":"string","title":"Верхний текст"},"icon":{"$ref":"#/definitions/IconName","title":"Иконка"},"text":{"type":"string","title":"Текст","default":"Кнопка"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}}},"ButtonProps":{"type":"object","properties":{"version":{"$ref":"#/definitions/ButtonVersion"},"text":{"type":"string","title":"Текст","default":"Кнопка"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}}},"LinkProps":{"type":"object","properties":{"text":{"type":"string","title":"Текст"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}},"title":"Ссылка","required":["text","href"]},"Target":{"type":"string","enum":["","_self","_blank","_parent","_top"],"title":"Таргет (target)","enumNames":["","self (текущее окно или фрейм)","blank (новое окно)","parent (фрейм-родитель)","top (текущее окно)"]},"ButtonVersion":{"type":"string","enum":["primary","secondary","link"],"title":"Цвет кнопки","default":"primary","enumNames":["Основная","Второстепенная"]},"IconName":{"type":"string","enum":["","ActualBalanceIcon","AppleIcon","AtmIcon","BankIcon","BurgerIcon","BurgerIconWhite","Calendar2Icon","CalendarCircleIcon","CalendarIcon","CalendarTickIcon","CalendarWhiteIcon","CardIcon","CardPosIcon","CardTickIcon","CardWithGemIcon","ChartSquareIcon","ClockIcon","CloseIcon","ComfortableCompIcon","CreditCardsIcon","DiscountShapeIcon","DocIcon","DocIconMonoColor","DocumentTextIcon","DollarIcon","EarthIcon","EmptyWalletChangeIcon","EmptyWalletIcon","EmptyWalletWhiteIcon","EuroIcon","GeolocationIcon","GlassIcon","GlobalIcon","GpsIcon","GridIcon","GridIconWhite","InterestGrowthIcon","InterestIcon","JCBIcon","LoupeIcon","MasterCardIcon","MinusIcon","MirIcon","MoneyIcon","MoneyInsuranceIcon","MonitorMobileIcon","NewDocIcon","OfficeIcon","OkIcon","PassSendIcon","PercentageRoundIcon","PercentageSquareIcon","PercentageSquareWhiteIcon","PersonalCardIcon","PlayMarketIcon","PlusIcon","Profile2UserIcon","ProfileIcon","RoundRubleIcon","SafeIcon","ShieldTickIcon","SignDocsIcon","SmallClockIcon","TelegramIcon","UnionPayIcon","UserTickIcon","VisaIcon","VKIcon","WalletAdd2Icon","WalletAddIcon","WalletIcon","WalletWithMoneyIcon"],"title":"Иконка","enumNames":["","Деньги","Лого «Apple»","Банкомат","Банк","Бургер","Бургер (белый)","Календарь 2","Скруглённый календарь","Календарь","Календарь с галочкой","Календарь белый","Кред. карта","Кред. карта под наклоном","Кред. карта с галочкой","Карта с драгоценностями","Деньги внутри кошелька","Часы","Крестик","Кресло","Кредитные карты","Скидка","Документ","Документ (одноцветный)","Документ с текстом","Доллар","Земля","Пустой кошелёк с возвратом","Пустой кошелёк","Пустой кошелёк (белый)","Евро","Геолокация","Зеркало","Глобус","Gps","Сетка","Сетка (белая)","Диаграмма роста","Скидка","JCB","Лупа","MasterCard","Минус","МИР","Деньги","Денежное страхование","Монитор и мобильный","Новый документ","Офис","Лого «Одноклассники»","Бизнес","Проценты (круг.)","Проценты","Проценты белые","Персональная карта","Лого «PlayMarket»","Плюс","Профиль, 2 персоны","Профиль","Рубль (круг.)","Сейф","Безопасность","Подписанные документы","Маленькие часы","Лого «Telegram»","UnionPay","Пользователь","Visa","Лого «VK»","Пополнение карты","Кошелёк с плюсом","Кошелёк","Кошелёк с деньгами"]},"BlockVersion":{"type":"string","enum":["primary","secondary"],"title":"Цвет блока","enumNames":["Основная","Второстепенная"]},"GalleryContent":{"type":"object","properties":{"isScroll":{"type":"boolean","title":"Горизонтальная прокрутка (для мобильных прокрутка shift+mouseScroll)"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"cards":{"type":"array","items":{"$ref":"#/definitions/GalleryCard"},"title":"Карточки","minItems":4}},"title":"Галерея"},"DescriptionContent":{"type":"object","properties":{"description":{"type":"string","title":"Описание"}}},"HeadingType":{"type":"string","enum":["h1","h2","h3","h4","h5","h6"],"title":"Тип заголовка","enumNames":["h1","h2","h3","h4","h5","h6"]},"HeadingTypeContent":{"type":"object","properties":{"headingType":{"$ref":"#/definitions/HeadingType"}}},"HeadingContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"}}},"HeadlineContent":{"type":"object","properties":{"bgColorHeadline":{"$ref":"#/definitions/BlockVersionWithTransparent"},"title":{"type":"string","title":"Заголовок"},"align":{"$ref":"#/definitions/AlignType"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"}},"title":"Заголовок"},"ImageContent":{"type":"object","properties":{"image":{"$ref":"#/definitions/Picture"}}},"AlignType":{"type":"string","enum":["left","center","right"],"title":"Выравнивание","enumNames":["По левому краю","По центру","По правому краю"]},"BlockVersionWithTransparent":{"type":"string","enum":["transparent","primary","secondary"],"title":"Цвет блока","enumNames":"[\"Прозрачная\", Основная\", \"Второстепенная\"]"},"LinkColumnsMode":{"type":"string","enum":["single","double"],"title":"Отображение списка","enumNames":["Одна колонка","Две колонки"]},"LinkListMode":{"type":"string","enum":["vertical","horizontal"],"title":"Отображение списка (моб.)","enumNames":["Вертикально","Горизонтально"]},"LinkDocsItem":{"type":"object","properties":{"text":{"type":"string","title":"Текст"},"fileSize":{"type":"string","title":"размер файла"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}},"title":"Элемент списка"},"LinkDocsContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"subtitle":{"type":"string","title":"Подзаголовок"},"align":{"$ref":"#/definitions/AlignType"},"columnsMode":{"$ref":"#/definitions/LinkColumnsMode"},"listMode":{"$ref":"#/definitions/LinkListMode"},"hasBorder":{"type":"boolean","title":"Рамка элементов (моб.)"},"icon":{"$ref":"#/definitions/IconName","title":"Название иконки"},"documents":{"type":"array","items":{"$ref":"#/definitions/LinkDocsItem"},"title":"Список"}},"title":"Список документов"},"MiniGalleryContent":{"$ref":"#/definitions/GalleryContent","title":"Мини-галерея"},"TextBenefit":{"type":"object","properties":{"label":{"type":"string","title":"Название"},"description":{"type":"string","title":"Описание"}}},"Benefit":{"type":"object","properties":{"label":{"type":"string","title":"Название"},"description":{"type":"string","title":"Описание"},"icon":{"$ref":"#/definitions/IconName"}},"title":"Преимущество"},"BenefitsBlockContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"benefits":{"type":"array","items":{"$ref":"#/definitions/Benefit"},"title":"Список преимуществ","maxItems":6}},"title":"Блок преимущества"},"TitleWithImageContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"image":{"$ref":"#/definitions/Picture"}}},"PictureTextContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"image":{"$ref":"#/definitions/Picture"},"benefits":{"type":"array","items":{"$ref":"#/definitions/Benefit"},"title":"Список преимуществ"}},"title":"Картинка с текстом"},"ListContent":{"type":"object","properties":{"items":{"type":"array","items":{"type":"string"},"title":"Список"}}},"ProductBlockInnerContent":{"type":"object","properties":{"headingType":{"$ref":"#/definitions/HeadingType"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"benefits":{"type":"array","items":{"$ref":"#/definitions/Benefit"},"title":"Преимущества","minItems":2,"maxItems":3},"items":{"type":"array","items":{"type":"string"},"title":"Список"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}}},"ButtonContent":{"type":"object","properties":{"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4}}},"ProductBlockContent":{"type":"object","properties":{"headingType":{"$ref":"#/definitions/HeadingType"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"breadcrumbs":{"type":"array","items":{"$ref":"#/definitions/LinkProps"},"title":"Хлебные крошки"},"benefits":{"type":"array","items":{"$ref":"#/definitions/Benefit"},"title":"Преимущества","minItems":2,"maxItems":3},"items":{"type":"array","items":{"type":"string"},"title":"Список"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Продуктовый блок"},"ProductTileContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"benefits":{"type":"array","items":{"$ref":"#/definitions/TextBenefit"},"title":"Преимущества","maxItems":7},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Продуктовая плитка"},"TextBlockVersion":{"type":"string","enum":["primary","secondary","secondary-light"],"title":"Цвет плитки","enumNames":["Основная","Второстепенная","Второстепенная прозрачная"]},"TextBlockIconVersion":{"type":"string","enum":["none","small","big"],"title":"Размер иконки","enumNames":["Нет","Маленькая","Большая"]},"TextBlockContent":{"type":"object","properties":{"isDotted":{"type":"boolean","title":"Маркеры списка (моб.)"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"items":{"type":"array","items":{"type":"string"},"title":"Список (моб.)"},"iconVersion":{"$ref":"#/definitions/TextBlockIconVersion"},"blockVersion":{"$ref":"#/definitions/TextBlockVersion"}},"title":"Текстовый блок"},"TileContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"items":{"type":"array","items":{"type":"string"},"title":"Список"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Плитка"},"LinkListContent":{"type":"object","properties":{"documents":{"type":"array","items":{"$ref":"#/definitions/LinkProps"},"title":"Список"}},"title":"Список документов"},"AccordionBlockType":{"type":"string","enum":["Headline","LinkDocs","TextBlock","PictureText","Tile","ProductTile","ProductBlock","Gallery","MiniGallery","LinkList"],"title":"Тип блока"},"HeadlineAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"bgColorHeadline":{"$ref":"#/definitions/BlockVersionWithTransparent"},"title":{"type":"string","title":"Заголовок"},"align":{"$ref":"#/definitions/AlignType"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"}},"required":["accordionBlockType"],"title":"Заголовок"},"LinkDocsAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"title":{"type":"string","title":"Заголовок"},"subtitle":{"type":"string","title":"Подзаголовок"},"align":{"$ref":"#/definitions/AlignType"},"columnsMode":{"$ref":"#/definitions/LinkColumnsMode"},"listMode":{"$ref":"#/definitions/LinkListMode"},"hasBorder":{"type":"boolean","title":"Рамка элементов (моб.)"},"icon":{"$ref":"#/definitions/IconName","title":"Название иконки"},"documents":{"type":"array","items":{"$ref":"#/definitions/LinkDocsItem"},"title":"Список"}},"required":["accordionBlockType"],"title":"Список документов"},"TextBlockAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"isDotted":{"type":"boolean","title":"Маркеры списка (моб.)"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"items":{"type":"array","items":{"type":"string"},"title":"Список (моб.)"},"iconVersion":{"$ref":"#/definitions/TextBlockIconVersion"},"blockVersion":{"$ref":"#/definitions/TextBlockVersion"}},"required":["accordionBlockType"],"title":"Текстовый блок"},"PictureTextAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"title":{"type":"string","title":"Заголовок"},"image":{"$ref":"#/definitions/Picture"},"benefits":{"type":"array","items":{"$ref":"#/definitions/Benefit"},"title":"Список преимуществ"}},"required":["accordionBlockType"],"title":"Картинка с текстом"},"ProductBlockAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"headingType":{"$ref":"#/definitions/HeadingType"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"breadcrumbs":{"type":"array","items":{"$ref":"#/definitions/LinkProps"},"title":"Хлебные крошки"},"benefits":{"type":"array","items":{"$ref":"#/definitions/Benefit"},"title":"Преимущества","minItems":2,"maxItems":3},"items":{"type":"array","items":{"type":"string"},"title":"Список"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"required":["accordionBlockType"],"title":"Продуктовый блок"},"TileAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"items":{"type":"array","items":{"type":"string"},"title":"Список"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"required":["accordionBlockType"],"title":"Плитка"},"ProductTileAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"benefits":{"type":"array","items":{"$ref":"#/definitions/TextBenefit"},"title":"Преимущества","maxItems":7},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"required":["accordionBlockType"],"title":"Продуктовая плитка"},"GalleryAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"isScroll":{"type":"boolean","title":"Горизонтальная прокрутка (для мобильных прокрутка shift+mouseScroll)"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"cards":{"type":"array","items":{"$ref":"#/definitions/GalleryCard"},"title":"Карточки","minItems":4}},"required":["accordionBlockType"],"title":"Галлерея"},"MiniGalleryAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"isScroll":{"type":"boolean","title":"Горизонтальная прокрутка (для мобильных прокрутка shift+mouseScroll)"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"cards":{"type":"array","items":{"$ref":"#/definitions/GalleryCard"},"title":"Карточки","minItems":4}},"required":["accordionBlockType"],"title":"Мини-галлерея"},"LinkListAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"documents":{"type":"array","items":{"$ref":"#/definitions/LinkProps"},"title":"Список"}},"required":["accordionBlockType"],"title":"Список ссылок"},"EmptyOption":{"type":"null","title":"Выберите блок"},"AccordionBlockProps":{"anyOf":[{"$ref":"#/definitions/EmptyOption"},{"$ref":"#/definitions/HeadlineAccordionBlockDef"},{"$ref":"#/definitions/LinkDocsAccordionBlockDef"},{"$ref":"#/definitions/TextBlockAccordionBlockDef"},{"$ref":"#/definitions/PictureTextAccordionBlockDef"},{"$ref":"#/definitions/ProductBlockAccordionBlockDef"},{"$ref":"#/definitions/TileAccordionBlockDef"},{"$ref":"#/definitions/ProductTileAccordionBlockDef"},{"$ref":"#/definitions/GalleryAccordionBlockDef"},{"$ref":"#/definitions/MiniGalleryAccordionBlockDef"},{"$ref":"#/definitions/LinkListAccordionBlockDef"}],"title":"Содержимое аккордеона"},"ColumnsCount":{"type":"number","enum":[1,2],"title":"Количество колонок","enumNames":["1 колонка","2 колонки"]},"AccordionItemCommonProps":{"type":"object","properties":{"label":{"type":"string","title":"Название","default":"Список"},"blocks":{"type":"array","items":{"$ref":"#/definitions/AccordionBlockProps"},"title":"Блоки"},"bordered":{"type":"boolean","title":"Отображать/скрывать обводку элемента","default":false},"columns":{"$ref":"#/definitions/ColumnsCount"}},"title":"Элемент списка"},"AccordionContent":{"type":"object","properties":{"bordered":{"type":"boolean","title":"Отображать/скрывать обводку у элемента списка","default":false},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Подзаголовок"},"accordionItems":{"type":"array","items":{"$ref":"#/definitions/AccordionItemCommonProps"},"title":"Список"}},"title":"Аккордеон"},"CellData":{"type":"object","properties":{"label":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"}},"title":"Ячейка"},"ColumnHeader":{"type":"object","properties":{"link":{"$ref":"#/definitions/LinkProps"},"title":{"type":"string","title":"Заголовок"},"subtitle":{"type":"string","title":"Подзаголовок"},"image":{"$ref":"#/definitions/Picture"},"icon":{"$ref":"#/definitions/IconName"}},"title":"Шапка колонки"},"Column":{"type":"object","properties":{"header":{"$ref":"#/definitions/ColumnHeader"},"data":{"type":"array","items":{"type":"array","items":{"$ref":"#/definitions/CellData"}},"title":"Данные"}},"title":"Продукт"},"RowHeader":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"}},"title":"Параметр"},"ComparisonTableContent":{"type":"object","properties":{"useSwiper":{"type":"boolean","title":"Использовать свайпер (моб.)"},"title":{"type":"string","title":"Заголовок"},"rowHeaders":{"type":"array","items":{"$ref":"#/definitions/RowHeader"},"title":"Параметры"},"columns":{"type":"array","items":{"$ref":"#/definitions/Column"},"title":"Продукты"},"isColoredFirstColumn":{"type":"boolean","title":"Закрасить первую колонку"},"visibleRowLength":{"type":"number","title":"Отображать заданное количество строк"}},"title":"Сравнительная таблица"},"ExchangeRateTileContent":{"$ref":"#/definitions/HeadingContent","title":"Курсы валют"},"ExchangeCurrencyItem":{"type":"object","properties":{"buyExchangeRate":{"type":"number"},"saleExchangeRate":{"type":"number"},"currency":{"type":"object","properties":{"id":{"type":"number"},"code":{"type":"string"},"currency":{"type":"string"},"name":{"type":"string"}}}}},"ContactType":{"type":"string","enum":["tel","email"],"title":"Тип контакта","enumNames":["Телефон","Почта"]},"ContactInfo":{"type":"object","properties":{"type":{"$ref":"#/definitions/ContactType"},"description":{"type":"string","title":"Описание"},"text":{"type":"string","title":"Текст"}},"title":"Контакт"},"SocialMedia":{"type":"object","properties":{"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}},"required":["href"]},"SubMenuItem":{"type":"object","properties":{"icon":{"$ref":"#/definitions/IconName"},"text":{"type":"string","title":"Текст"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}},"title":"Пункт подменю"},"FooterContent":{"type":"object","properties":{"topItems":{"type":"array","items":{"$ref":"#/definitions/TopMenuItem"},"title":"Основное меню"},"dispositions":{"type":"array","items":{"$ref":"#/definitions/DispositionItem"},"title":"Дополнительное меню"},"relatedEnterprises":{"type":"array","items":{"$ref":"#/definitions/LinkProps"},"title":"Другие предприятия"},"contacts":{"type":"array","items":{"$ref":"#/definitions/ContactInfo"},"title":"Контакты"},"socialMedia":{"type":"array","items":{"$ref":"#/definitions/SocialMedia"},"title":"Социальные сети"},"horizontalNavigationTitle":{"type":"string","title":"Заголовок для меню"},"subMenu":{"type":"array","items":{"$ref":"#/definitions/SubMenuItem"},"title":"Подменю"},"documents":{"type":"array","items":{"$ref":"#/definitions/LinkProps"},"title":"Обязательные документы"}},"title":"Подвал","required":["topItems"]},"SitemapProps":{"type":"object","properties":{"topItems":{"type":"array","items":{"$ref":"#/definitions/TopMenuItem"},"title":"Основное меню"},"dispositions":{"type":"array","items":{"$ref":"#/definitions/DispositionItem"},"title":"Дополнительное меню"}}},"TopMenuItem":{"type":"object","properties":{"text":{"type":"string","title":"Текст"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}},"title":"Ссылка","required":["text","href"]},"DispositionItem":{"type":"object","properties":{"text":{"type":"string","title":"Текст"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}},"title":"Ссылка дополнительного меню","required":["text","href"]},"HeaderContent":{"type":"object","properties":{"topItems":{"type":"array","items":{"$ref":"#/definitions/TopMenuItem"},"title":"Основное меню"},"dispositions":{"type":"array","items":{"$ref":"#/definitions/DispositionItem"},"title":"Дополнительное меню"},"defaultLocation":{"type":"string","title":"Город по-умолчанию","default":"Москва"}},"title":"Шапка (для мобильных горизонтальная прокрутка shift+mouseScroll)","required":["defaultLocation","topItems"]},"QRCode":{"type":"object","properties":{"src":{"type":"string","title":"QR код"},"href":{"type":"string","title":"Ссылка"}},"title":"QR код"},"MobileAppTileContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"qr":{"$ref":"#/definitions/QRCode"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"href":{"type":"string","title":"Ссылка"}},"title":"Мобильное приложение"},"NavigationContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonProps"},"title":"Список ссылок"}},"title":"Навигация"},"ProductSlide":{"type":"object","properties":{"nav":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"desc":{"type":"string","title":"Описание"}},"required":["title","desc"],"title":"Превью содержимого слайда на навигации"},"productBlock":{"$ref":"#/definitions/ProductBlockInnerContent","title":"Содержимое слайда"}},"required":["productBlock"],"title":"Слайд"},"ProductGalleryContent":{"type":"object","properties":{"slides":{"type":"array","items":{"$ref":"#/definitions/ProductSlide"},"title":"Слайды"}},"title":"Продуктовая галерея (для мобильных горизонтальная прокрутка shift+mouseScroll)"},"PromoTileContent":{"type":"object","properties":{"date":{"type":"string","title":"Дата публикации"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Акции"},"Step":{"type":"object","properties":{"label":{"type":"string","title":"Название"},"description":{"type":"string","title":"Описание"},"icon":{"$ref":"#/definitions/IconName"}},"title":"Шаг"},"StepsBlockContent":{"type":"object","properties":{"showLines":{"type":"boolean","title":"Линии"},"size":{"$ref":"#/definitions/SizeVersion"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"steps":{"type":"array","items":{"$ref":"#/definitions/Step"},"title":"Шаги","minItems":2,"maxItems":3},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Блок шаги"},"SizeVersion":{"type":"string","enum":["normal","small"],"title":"Размер","enumNames":["Обычный","Уменьшенный"]},"TariffsTableRowData":{"type":"object","properties":{"header":{"$ref":"#/definitions/TariffsTableRowHeader"},"data":{"type":"array","items":{"type":"array","items":{"$ref":"#/definitions/TariffsTableCellData"}}}},"required":["header","data"],"title":"Ряд"},"TariffsTableRowHeader":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"icon":{"$ref":"#/definitions/IconName"}},"title":"Параметр"},"TariffsTableCellData":{"type":"object","properties":{"list":{"$ref":"#/definitions/TariffsTableList"},"label":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4}},"title":"Ячейка"},"TariffsTableList":{"type":"object","properties":{"isDotted":{"type":"boolean","title":"Маркеры"},"items":{"type":"array","items":{"type":"string"},"title":"Список"}},"title":"Список"},"TariffsTableColumn":{"type":"object","properties":{"data":{"type":"array","items":{"type":"array","items":{"$ref":"#/definitions/TariffsTableCellData"}},"title":"Данные"}},"title":"Колонка"},"TariffsTableContent":{"type":"object","properties":{"orientation":{"$ref":"#/definitions/ListOrientation","title":"Направление таблицы (моб.)"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"rowHeaders":{"type":"array","items":{"$ref":"#/definitions/TariffsTableRowHeader"},"title":"Параметры"},"columns":{"type":"array","items":{"$ref":"#/definitions/TariffsTableColumn"},"title":"Колонки"}},"title":"Таблица тарифов"},"ListOrientation":{"type":"string","enum":["vertical","horizontal"],"title":"Направление списка","enumNames":["Вертикально","Горизонтально"]},"CalculatorParams":{"type":"object","properties":{"isAnnuity":{"type":"boolean"},"minSum":{"type":"number"},"maxSum":{"type":"number"},"minMonths":{"type":"number"},"maxMonths":{"type":"number"},"rateWithInsurance":{"type":"number"},"rateWithoutInsurance":{"type":"number"}}},"CreditCalculatorData":{"type":"object","properties":{"rows":{"type":"array","items":{"$ref":"#/definitions/CalculatorParams"}}}},"CreditCalculatorTab":{"type":"object","properties":{"directoryName":{"type":"string","title":"Справочник"},"title":{"type":"string","title":"Имя вкладки"},"description":{"type":"string","title":"Описание"},"icon":{"$ref":"#/definitions/IconName"}},"title":"Вкладка"},"Tab":{"type":"object","properties":{"title":{"type":"string","title":"Имя вкладки"},"description":{"type":"string","title":"Описание"},"icon":{"$ref":"#/definitions/IconName"}},"title":"Вкладка"},"CreditCalculatorContent":{"type":"object","properties":{"tabs":{"type":"array","items":{"$ref":"#/definitions/CreditCalculatorTab"},"title":"Вкладки"}},"title":"Кредитный калькулятор"},"RecommendationCardContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"items":{"type":"array","items":{"type":"string"},"title":"Список"}}},"RecommendationContent":{"type":"object","properties":{"recommendations":{"type":"array","items":{"$ref":"#/definitions/RecommendationCardContent"},"title":"Карточки"},"title":{"type":"string","title":"Заголовок"},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Рекомендации"}}}
+{"$schema":"http://json-schema.org/draft-07/schema#","definitions":{"GalleryItem":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок (моб.)"},"text":{"type":"string","title":"Текст"}},"title":"Элемент списка"},"GalleryCard":{"type":"object","properties":{"button":{"$ref":"#/definitions/ButtonWithIconProps","title":"Кнопка"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"items":{"type":"array","items":{"$ref":"#/definitions/GalleryItem"},"title":"Список"},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Карточка"},"Picture":{"type":"object","properties":{"src":{"type":"string","title":"Картинка"},"format":{"type":"string","enum":["jpeg","jpg","png","gif","webp","heif","avif"],"title":"Формат"},"size":{"type":"object","properties":{"width":{"type":"number","title":"Ширина"},"height":{"type":"number","title":"Высота"}},"title":"Размер изображения"},"alt":{"type":"string","title":"Альтернативный текст (alt)"},"sources":{"type":"array","items":{"$ref":"#/definitions/ImgSource"},"title":"Другие форматы"},"className":{"type":"string"},"title":{"type":"string","title":"Текст подсказки (title)"}},"required":["src"],"title":"Изображение"},"Img":{"type":"object","properties":{"src":{"type":"string","title":"Картинка"},"alt":{"type":"string","title":"Альтернативный текст (alt)"},"title":{"type":"string","title":"Текст подсказки (title)"}},"required":["src"]},"ImgSource":{"type":"object","properties":{"src":{"type":"string","title":"Картинка"},"format":{"type":"string","enum":["jpeg","jpg","png","gif","webp","heif","avif"],"title":"Формат"},"size":{"type":"object","properties":{"width":{"type":"number","title":"Ширина"},"height":{"type":"number","title":"Высота"}},"title":"Размер изображения"}},"required":["src"]},"ButtonWithIconProps":{"type":"object","properties":{"rounded":{"type":"boolean","title":"Закругленные углы"},"version":{"$ref":"#/definitions/ButtonVersion"},"aboveText":{"type":"string","title":"Верхний текст"},"icon":{"$ref":"#/definitions/IconName","title":"Иконка"},"text":{"type":"string","title":"Текст","default":"Кнопка"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}}},"ButtonProps":{"type":"object","properties":{"version":{"$ref":"#/definitions/ButtonVersion"},"text":{"type":"string","title":"Текст","default":"Кнопка"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}}},"LinkProps":{"type":"object","properties":{"text":{"type":"string","title":"Текст"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}},"title":"Ссылка","required":["text","href"]},"Target":{"type":"string","enum":["","_self","_blank","_parent","_top"],"title":"Таргет (target)","enumNames":["","self (текущее окно или фрейм)","blank (новое окно)","parent (фрейм-родитель)","top (текущее окно)"]},"ButtonVersion":{"type":"string","enum":["primary","secondary","link"],"title":"Цвет кнопки","default":"primary","enumNames":["Основная","Второстепенная"]},"IconName":{"type":"string","enum":["","ActualBalanceIcon","AppleIcon","ArrowsRewindRight","AtmIcon","BankIcon","BurgerIcon","BurgerIconWhite","Calendar2Icon","CalendarCircleIcon","CalendarIcon","CalendarTickIcon","CalendarWhiteIcon","CardIcon","CardPosIcon","CardTickIcon","CardWithGemIcon","ChartSquareIcon","ClockIcon","CloseIcon","ComfortableCompIcon","CreditCardsIcon","DiscountShapeIcon","DocIcon","DocIconMonoColor","DocumentTextIcon","DollarIcon","EarthIcon","EmptyWalletChangeIcon","EmptyWalletIcon","EmptyWalletWhiteIcon","EuroIcon","GeolocationIcon","GlassIcon","GlobalIcon","GpsIcon","GridIcon","GridIconWhite","InterestGrowthIcon","InterestIcon","JCBIcon","LoupeIcon","MasterCardIcon","MinusIcon","MirIcon","MoneyIcon","MoneyInsuranceIcon","MonitorMobileIcon","NewDocIcon","OfficeIcon","OkIcon","PassSendIcon","PercentageRoundIcon","PercentageSquareIcon","PercentageSquareWhiteIcon","PersonalCardIcon","PlayMarketIcon","PlusIcon","Profile2UserIcon","ProfileIcon","RoundRubleIcon","SafeIcon","ShieldTickIcon","SignDocsIcon","SmallClockIcon","TelegramIcon","UnionPayIcon","UserTickIcon","VisaIcon","VKIcon","WalletAdd2Icon","WalletAddIcon","WalletIcon","WalletWithMoneyIcon"],"title":"Иконка","enumNames":["","Деньги","Лого «Apple»","ArrowsRewindRight","Банкомат","Банк","Бургер","Бургер (белый)","Календарь 2","Скруглённый календарь","Календарь","Календарь с галочкой","Календарь белый","Кред. карта","Кред. карта под наклоном","Кред. карта с галочкой","Карта с драгоценностями","Деньги внутри кошелька","Часы","Крестик","Кресло","Кредитные карты","Скидка","Документ","Документ (одноцветный)","Документ с текстом","Доллар","Земля","Пустой кошелёк с возвратом","Пустой кошелёк","Пустой кошелёк (белый)","Евро","Геолокация","Зеркало","Глобус","Gps","Сетка","Сетка (белая)","Диаграмма роста","Скидка","JCB","Лупа","MasterCard","Минус","МИР","Деньги","Денежное страхование","Монитор и мобильный","Новый документ","Офис","Лого «Одноклассники»","Бизнес","Проценты (круг.)","Проценты","Проценты белые","Персональная карта","Лого «PlayMarket»","Плюс","Профиль, 2 персоны","Профиль","Рубль (круг.)","Сейф","Безопасность","Подписанные документы","Маленькие часы","Лого «Telegram»","UnionPay","Пользователь","Visa","Лого «VK»","Пополнение карты","Кошелёк с плюсом","Кошелёк","Кошелёк с деньгами"]},"BlockVersion":{"type":"string","enum":["primary","secondary"],"title":"Цвет блока","enumNames":["Основная","Второстепенная"]},"GalleryContent":{"type":"object","properties":{"isScroll":{"type":"boolean","title":"Горизонтальная прокрутка (для мобильных прокрутка shift+mouseScroll)"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"cards":{"type":"array","items":{"$ref":"#/definitions/GalleryCard"},"title":"Карточки","minItems":4}},"title":"Галерея"},"DescriptionContent":{"type":"object","properties":{"description":{"type":"string","title":"Описание"}}},"HeadingType":{"type":"string","enum":["h1","h2","h3","h4","h5","h6"],"title":"Тип заголовка","enumNames":["h1","h2","h3","h4","h5","h6"]},"HeadingTypeContent":{"type":"object","properties":{"headingType":{"$ref":"#/definitions/HeadingType"}}},"HeadingContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"}}},"HeadlineContent":{"type":"object","properties":{"bgColorHeadline":{"$ref":"#/definitions/BlockVersionWithTransparent"},"title":{"type":"string","title":"Заголовок"},"align":{"$ref":"#/definitions/AlignType"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"}},"title":"Заголовок"},"ImageContent":{"type":"object","properties":{"image":{"$ref":"#/definitions/Picture"}}},"AlignType":{"type":"string","enum":["left","center","right"],"title":"Выравнивание","enumNames":["По левому краю","По центру","По правому краю"]},"BlockVersionWithTransparent":{"type":"string","enum":["transparent","primary","secondary"],"title":"Цвет блока","enumNames":"[\"Прозрачная\", Основная\", \"Второстепенная\"]"},"LinkColumnsMode":{"type":"string","enum":["single","double"],"title":"Отображение списка","enumNames":["Одна колонка","Две колонки"]},"LinkListMode":{"type":"string","enum":["vertical","horizontal"],"title":"Отображение списка (моб.)","enumNames":["Вертикально","Горизонтально"]},"LinkDocsItem":{"type":"object","properties":{"text":{"type":"string","title":"Текст"},"fileSize":{"type":"string","title":"размер файла"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}},"title":"Элемент списка"},"LinkDocsContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"subtitle":{"type":"string","title":"Подзаголовок"},"align":{"$ref":"#/definitions/AlignType"},"columnsMode":{"$ref":"#/definitions/LinkColumnsMode"},"listMode":{"$ref":"#/definitions/LinkListMode"},"hasBorder":{"type":"boolean","title":"Рамка элементов (моб.)"},"icon":{"$ref":"#/definitions/IconName","title":"Название иконки"},"documents":{"type":"array","items":{"$ref":"#/definitions/LinkDocsItem"},"title":"Список"}},"title":"Список документов"},"MiniGalleryContent":{"$ref":"#/definitions/GalleryContent","title":"Мини-галерея"},"TextBenefit":{"type":"object","properties":{"label":{"type":"string","title":"Название"},"description":{"type":"string","title":"Описание"}}},"Benefit":{"type":"object","properties":{"label":{"type":"string","title":"Название"},"description":{"type":"string","title":"Описание"},"icon":{"$ref":"#/definitions/IconName"}},"title":"Преимущество"},"BenefitsBlockContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"benefits":{"type":"array","items":{"$ref":"#/definitions/Benefit"},"title":"Список преимуществ","maxItems":6}},"title":"Блок преимущества"},"TitleWithImageContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"image":{"$ref":"#/definitions/Picture"}}},"PictureTextContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"image":{"$ref":"#/definitions/Picture"},"benefits":{"type":"array","items":{"$ref":"#/definitions/Benefit"},"title":"Список преимуществ"}},"title":"Картинка с текстом"},"ListContent":{"type":"object","properties":{"items":{"type":"array","items":{"type":"string"},"title":"Список"}}},"ProductBlockInnerContent":{"type":"object","properties":{"backgroundText":{"type":"string","title":"Фоновый текст под иллюстрацией"},"headingType":{"$ref":"#/definitions/HeadingType"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"benefits":{"type":"array","items":{"$ref":"#/definitions/Benefit"},"title":"Преимущества","minItems":2,"maxItems":3},"items":{"type":"array","items":{"type":"string"},"title":"Список"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}}},"ButtonContent":{"type":"object","properties":{"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4}}},"ProductBlockContent":{"type":"object","properties":{"backgroundText":{"type":"string","title":"Фоновый текст под иллюстрацией"},"headingType":{"$ref":"#/definitions/HeadingType"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"breadcrumbs":{"type":"array","items":{"$ref":"#/definitions/LinkProps"},"title":"Хлебные крошки"},"benefits":{"type":"array","items":{"$ref":"#/definitions/Benefit"},"title":"Преимущества","minItems":2,"maxItems":3},"items":{"type":"array","items":{"type":"string"},"title":"Список"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Продуктовый блок"},"ProductTileContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"benefits":{"type":"array","items":{"$ref":"#/definitions/TextBenefit"},"title":"Преимущества","maxItems":7},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Продуктовая плитка"},"TextBlockVersion":{"type":"string","enum":["primary","secondary","secondary-light"],"title":"Цвет плитки","enumNames":["Основная","Второстепенная","Второстепенная прозрачная"]},"TextBlockIconVersion":{"type":"string","enum":["none","small","big"],"title":"Размер иконки","enumNames":["Нет","Маленькая","Большая"]},"TextBlockContent":{"type":"object","properties":{"isDotted":{"type":"boolean","title":"Маркеры списка (моб.)"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"items":{"type":"array","items":{"type":"string"},"title":"Список (моб.)"},"iconVersion":{"$ref":"#/definitions/TextBlockIconVersion"},"blockVersion":{"$ref":"#/definitions/TextBlockVersion"}},"title":"Текстовый блок"},"TileContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"items":{"type":"array","items":{"type":"string"},"title":"Список"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Плитка"},"LinkListContent":{"type":"object","properties":{"documents":{"type":"array","items":{"$ref":"#/definitions/LinkProps"},"title":"Список"}},"title":"Список документов"},"AccordionBlockType":{"type":"string","enum":["Headline","LinkDocs","TextBlock","PictureText","Tile","ProductTile","ProductBlock","Gallery","MiniGallery","LinkList"],"title":"Тип блока"},"HeadlineAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"bgColorHeadline":{"$ref":"#/definitions/BlockVersionWithTransparent"},"title":{"type":"string","title":"Заголовок"},"align":{"$ref":"#/definitions/AlignType"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"}},"required":["accordionBlockType"],"title":"Заголовок"},"LinkDocsAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"title":{"type":"string","title":"Заголовок"},"subtitle":{"type":"string","title":"Подзаголовок"},"align":{"$ref":"#/definitions/AlignType"},"columnsMode":{"$ref":"#/definitions/LinkColumnsMode"},"listMode":{"$ref":"#/definitions/LinkListMode"},"hasBorder":{"type":"boolean","title":"Рамка элементов (моб.)"},"icon":{"$ref":"#/definitions/IconName","title":"Название иконки"},"documents":{"type":"array","items":{"$ref":"#/definitions/LinkDocsItem"},"title":"Список"}},"required":["accordionBlockType"],"title":"Список документов"},"TextBlockAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"isDotted":{"type":"boolean","title":"Маркеры списка (моб.)"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"items":{"type":"array","items":{"type":"string"},"title":"Список (моб.)"},"iconVersion":{"$ref":"#/definitions/TextBlockIconVersion"},"blockVersion":{"$ref":"#/definitions/TextBlockVersion"}},"required":["accordionBlockType"],"title":"Текстовый блок"},"PictureTextAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"title":{"type":"string","title":"Заголовок"},"image":{"$ref":"#/definitions/Picture"},"benefits":{"type":"array","items":{"$ref":"#/definitions/Benefit"},"title":"Список преимуществ"}},"required":["accordionBlockType"],"title":"Картинка с текстом"},"ProductBlockAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"backgroundText":{"type":"string","title":"Фоновый текст под иллюстрацией"},"headingType":{"$ref":"#/definitions/HeadingType"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"breadcrumbs":{"type":"array","items":{"$ref":"#/definitions/LinkProps"},"title":"Хлебные крошки"},"benefits":{"type":"array","items":{"$ref":"#/definitions/Benefit"},"title":"Преимущества","minItems":2,"maxItems":3},"items":{"type":"array","items":{"type":"string"},"title":"Список"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"required":["accordionBlockType"],"title":"Продуктовый блок"},"TileAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"items":{"type":"array","items":{"type":"string"},"title":"Список"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"required":["accordionBlockType"],"title":"Плитка"},"ProductTileAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"benefits":{"type":"array","items":{"$ref":"#/definitions/TextBenefit"},"title":"Преимущества","maxItems":7},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"required":["accordionBlockType"],"title":"Продуктовая плитка"},"GalleryAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"isScroll":{"type":"boolean","title":"Горизонтальная прокрутка (для мобильных прокрутка shift+mouseScroll)"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"cards":{"type":"array","items":{"$ref":"#/definitions/GalleryCard"},"title":"Карточки","minItems":4}},"required":["accordionBlockType"],"title":"Галлерея"},"MiniGalleryAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"isScroll":{"type":"boolean","title":"Горизонтальная прокрутка (для мобильных прокрутка shift+mouseScroll)"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"cards":{"type":"array","items":{"$ref":"#/definitions/GalleryCard"},"title":"Карточки","minItems":4}},"required":["accordionBlockType"],"title":"Мини-галлерея"},"LinkListAccordionBlockDef":{"type":"object","properties":{"accordionBlockType":{"$ref":"#/definitions/AccordionBlockType"},"documents":{"type":"array","items":{"$ref":"#/definitions/LinkProps"},"title":"Список"}},"required":["accordionBlockType"],"title":"Список ссылок"},"EmptyOption":{"type":"null","title":"Выберите блок"},"AccordionBlockProps":{"anyOf":[{"$ref":"#/definitions/EmptyOption"},{"$ref":"#/definitions/HeadlineAccordionBlockDef"},{"$ref":"#/definitions/LinkDocsAccordionBlockDef"},{"$ref":"#/definitions/TextBlockAccordionBlockDef"},{"$ref":"#/definitions/PictureTextAccordionBlockDef"},{"$ref":"#/definitions/ProductBlockAccordionBlockDef"},{"$ref":"#/definitions/TileAccordionBlockDef"},{"$ref":"#/definitions/ProductTileAccordionBlockDef"},{"$ref":"#/definitions/GalleryAccordionBlockDef"},{"$ref":"#/definitions/MiniGalleryAccordionBlockDef"},{"$ref":"#/definitions/LinkListAccordionBlockDef"}],"title":"Содержимое аккордеона"},"ColumnsCount":{"type":"number","enum":[1,2],"title":"Количество колонок","enumNames":["1 колонка","2 колонки"]},"AccordionItemCommonProps":{"type":"object","properties":{"label":{"type":"string","title":"Название","default":"Список"},"blocks":{"type":"array","items":{"$ref":"#/definitions/AccordionBlockProps"},"title":"Блоки"},"bordered":{"type":"boolean","title":"Отображать/скрывать обводку элемента","default":false},"columns":{"$ref":"#/definitions/ColumnsCount"}},"title":"Элемент списка"},"AccordionContent":{"type":"object","properties":{"bordered":{"type":"boolean","title":"Отображать/скрывать обводку у элемента списка","default":false},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Подзаголовок"},"accordionItems":{"type":"array","items":{"$ref":"#/definitions/AccordionItemCommonProps"},"title":"Список"}},"title":"Аккордеон"},"CellData":{"type":"object","properties":{"label":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"}},"title":"Ячейка"},"ColumnHeader":{"type":"object","properties":{"link":{"$ref":"#/definitions/LinkProps"},"title":{"type":"string","title":"Заголовок"},"subtitle":{"type":"string","title":"Подзаголовок"},"image":{"$ref":"#/definitions/Picture"},"icon":{"$ref":"#/definitions/IconName"}},"title":"Шапка колонки"},"Column":{"type":"object","properties":{"header":{"$ref":"#/definitions/ColumnHeader"},"data":{"type":"array","items":{"type":"array","items":{"$ref":"#/definitions/CellData"}},"title":"Данные"}},"title":"Продукт"},"RowHeader":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"}},"title":"Параметр"},"ComparisonTableContent":{"type":"object","properties":{"useSwiper":{"type":"boolean","title":"Использовать свайпер (моб.)"},"title":{"type":"string","title":"Заголовок"},"rowHeaders":{"type":"array","items":{"$ref":"#/definitions/RowHeader"},"title":"Параметры"},"columns":{"type":"array","items":{"$ref":"#/definitions/Column"},"title":"Продукты"},"isColoredFirstColumn":{"type":"boolean","title":"Закрасить первую колонку"},"visibleRowLength":{"type":"number","title":"Отображать заданное количество строк"}},"title":"Сравнительная таблица"},"ExchangeRateTileContent":{"$ref":"#/definitions/HeadingContent","title":"Курсы валют"},"ExchangeCurrencyItem":{"type":"object","properties":{"buyExchangeRate":{"type":"number"},"saleExchangeRate":{"type":"number"},"currency":{"type":"object","properties":{"id":{"type":"number"},"code":{"type":"string"},"currency":{"type":"string"},"name":{"type":"string"}}}}},"ContactType":{"type":"string","enum":["tel","email"],"title":"Тип контакта","enumNames":["Телефон","Почта"]},"ContactInfo":{"type":"object","properties":{"type":{"$ref":"#/definitions/ContactType"},"description":{"type":"string","title":"Описание"},"text":{"type":"string","title":"Текст"}},"title":"Контакт"},"SocialMedia":{"type":"object","properties":{"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}},"required":["href"]},"SubMenuItem":{"type":"object","properties":{"icon":{"$ref":"#/definitions/IconName"},"text":{"type":"string","title":"Текст"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}},"title":"Пункт подменю"},"FooterContent":{"type":"object","properties":{"topItems":{"type":"array","items":{"$ref":"#/definitions/TopMenuItem"},"title":"Основное меню"},"dispositions":{"type":"array","items":{"$ref":"#/definitions/DispositionItem"},"title":"Дополнительное меню"},"relatedEnterprises":{"type":"array","items":{"$ref":"#/definitions/LinkProps"},"title":"Другие предприятия"},"contacts":{"type":"array","items":{"$ref":"#/definitions/ContactInfo"},"title":"Контакты"},"socialMedia":{"type":"array","items":{"$ref":"#/definitions/SocialMedia"},"title":"Социальные сети"},"horizontalNavigationTitle":{"type":"string","title":"Заголовок для меню"},"subMenu":{"type":"array","items":{"$ref":"#/definitions/SubMenuItem"},"title":"Подменю"},"documents":{"type":"array","items":{"$ref":"#/definitions/LinkProps"},"title":"Обязательные документы"}},"title":"Подвал","required":["topItems"]},"SitemapProps":{"type":"object","properties":{"topItems":{"type":"array","items":{"$ref":"#/definitions/TopMenuItem"},"title":"Основное меню"},"dispositions":{"type":"array","items":{"$ref":"#/definitions/DispositionItem"},"title":"Дополнительное меню"}}},"TopMenuItem":{"type":"object","properties":{"text":{"type":"string","title":"Текст"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}},"title":"Ссылка","required":["text","href"]},"DispositionItem":{"type":"object","properties":{"text":{"type":"string","title":"Текст"},"href":{"type":"string","title":"URL (href)"},"target":{"$ref":"#/definitions/Target"}},"title":"Ссылка дополнительного меню","required":["text","href"]},"HeaderContent":{"type":"object","properties":{"topItems":{"type":"array","items":{"$ref":"#/definitions/TopMenuItem"},"title":"Основное меню"},"dispositions":{"type":"array","items":{"$ref":"#/definitions/DispositionItem"},"title":"Дополнительное меню"},"defaultLocation":{"type":"string","title":"Город по-умолчанию","default":"Москва"}},"title":"Шапка (для мобильных горизонтальная прокрутка shift+mouseScroll)","required":["defaultLocation","topItems"]},"QRCode":{"type":"object","properties":{"src":{"type":"string","title":"QR код"},"href":{"type":"string","title":"Ссылка"}},"title":"QR код"},"MobileAppTileContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"qr":{"$ref":"#/definitions/QRCode"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"href":{"type":"string","title":"Ссылка"}},"title":"Мобильное приложение"},"NavigationContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonProps"},"title":"Список ссылок"}},"title":"Навигация"},"ProductSlide":{"type":"object","properties":{"nav":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"}},"required":["title","description"],"title":"Превью содержимого слайда на навигации"},"productBlock":{"$ref":"#/definitions/ProductBlockInnerContent","title":"Содержимое слайда"}},"required":["productBlock"],"title":"Слайд"},"ProductGalleryContent":{"type":"object","properties":{"slides":{"type":"array","items":{"$ref":"#/definitions/ProductSlide"},"title":"Слайды"}},"title":"Продуктовая галерея (для мобильных горизонтальная прокрутка shift+mouseScroll)"},"PromoTileContent":{"type":"object","properties":{"date":{"type":"string","title":"Дата публикации"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Акции"},"Step":{"type":"object","properties":{"label":{"type":"string","title":"Название"},"description":{"type":"string","title":"Описание"},"icon":{"$ref":"#/definitions/IconName"}},"title":"Шаг"},"StepsBlockContent":{"type":"object","properties":{"showLines":{"type":"boolean","title":"Линии"},"size":{"$ref":"#/definitions/SizeVersion"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"steps":{"type":"array","items":{"$ref":"#/definitions/Step"},"title":"Шаги","minItems":2,"maxItems":3},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Блок шаги"},"SizeVersion":{"type":"string","enum":["normal","small"],"title":"Размер","enumNames":["Обычный","Уменьшенный"]},"TariffsTableRowData":{"type":"object","properties":{"header":{"$ref":"#/definitions/TariffsTableRowHeader"},"data":{"type":"array","items":{"type":"array","items":{"$ref":"#/definitions/TariffsTableCellData"}}}},"required":["header","data"],"title":"Ряд"},"TariffsTableRowHeader":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"icon":{"$ref":"#/definitions/IconName"}},"title":"Параметр"},"TariffsTableCellData":{"type":"object","properties":{"list":{"$ref":"#/definitions/TariffsTableList"},"label":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"buttons":{"type":"array","items":{"$ref":"#/definitions/ButtonWithIconProps"},"title":"Кнопки","maxItems":4}},"title":"Ячейка"},"TariffsTableList":{"type":"object","properties":{"isDotted":{"type":"boolean","title":"Маркеры"},"items":{"type":"array","items":{"type":"string"},"title":"Список"}},"title":"Список"},"TariffsTableColumn":{"type":"object","properties":{"data":{"type":"array","items":{"type":"array","items":{"$ref":"#/definitions/TariffsTableCellData"}},"title":"Данные"}},"title":"Колонка"},"TariffsTableContent":{"type":"object","properties":{"orientation":{"$ref":"#/definitions/ListOrientation","title":"Направление таблицы (моб.)"},"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"rowHeaders":{"type":"array","items":{"$ref":"#/definitions/TariffsTableRowHeader"},"title":"Параметры"},"columns":{"type":"array","items":{"$ref":"#/definitions/TariffsTableColumn"},"title":"Колонки"}},"title":"Таблица тарифов"},"ListOrientation":{"type":"string","enum":["vertical","horizontal"],"title":"Направление списка","enumNames":["Вертикально","Горизонтально"]},"CalculatorParams":{"type":"object","properties":{"isAnnuity":{"type":"boolean"},"minSum":{"type":"number"},"maxSum":{"type":"number"},"minMonths":{"type":"number"},"maxMonths":{"type":"number"},"rateWithInsurance":{"type":"number"},"rateWithoutInsurance":{"type":"number"}}},"CreditCalculatorData":{"type":"object","properties":{"rows":{"type":"array","items":{"$ref":"#/definitions/CalculatorParams"}}}},"CreditCalculatorTab":{"type":"object","properties":{"directoryName":{"type":"string","title":"Справочник"},"title":{"type":"string","title":"Имя вкладки"},"description":{"type":"string","title":"Описание"},"icon":{"$ref":"#/definitions/IconName"}},"title":"Вкладка"},"Tab":{"type":"object","properties":{"title":{"type":"string","title":"Имя вкладки"},"description":{"type":"string","title":"Описание"},"icon":{"$ref":"#/definitions/IconName"}},"title":"Вкладка"},"CreditCalculatorContent":{"type":"object","properties":{"tabs":{"type":"array","items":{"$ref":"#/definitions/CreditCalculatorTab"},"title":"Вкладки"}},"title":"Кредитный калькулятор"},"ProductGalleryGreenContent":{"type":"object","properties":{"slides":{"type":"array","items":{"$ref":"#/definitions/ProductSlide"},"title":"Слайды"}},"title":"Продуктовая галерея"},"RecommendationCardContent":{"type":"object","properties":{"title":{"type":"string","title":"Заголовок"},"description":{"type":"string","title":"Описание"},"image":{"$ref":"#/definitions/Picture"},"items":{"type":"array","items":{"type":"string"},"title":"Список"}}},"RecommendationContent":{"type":"object","properties":{"recommendations":{"type":"array","items":{"$ref":"#/definitions/RecommendationCardContent"},"title":"Карточки"},"title":{"type":"string","title":"Заголовок"},"version":{"$ref":"#/definitions/BlockVersion"}},"title":"Рекомендации"}}}

package/bundle/bundle.umd.js

@@ -195,12 +195,12 @@
       h6: 'text-title-2xs tracking-[0.2px]',
   };
   const Heading = JSX((props) => {
-      const { className, headingType, title } = props;
+      const { className = '', headingType, title } = props;
       if (!headingType) {
           return;
       }
       const Tag = headingType;
-      return (jsx(Tag, { className: `font-sans font-medium m-0 ${HEADING_STYLE_MAP[headingType]} ${className || ''}`, children: title }));
+      return (jsx(Tag, { className: `font-sans font-medium m-0 ${HEADING_STYLE_MAP[headingType]} ${className}`, children: title }));
   });
 
   const projectSettings = new (class {
@@ -484,7 +484,7 @@
   });
 
   const BaseTile = JSX(({ className = '', title, children, buttons, image }) => {
-      return (jsxs("div", { className: `font-sans flex flex-col grow h-full items-start ${className}`, children: [title, jsxs("div", { className: "flex grow w-full justify-between", children: [jsxs("div", { className: "flex flex-col justify-between w-full", children: [jsx("div", { children: children }), buttons?.length ? jsx("div", { children: buttons }) : null] }), image] })] }));
+      return (jsxs("div", { className: `font-sans flex flex-col grow h-full items-start ${className}`, children: [title, jsxs("div", { className: "flex grow w-full justify-between", children: [jsxs("div", { className: "flex flex-col justify-between w-full", children: [jsx("div", { children: children }), buttons ? jsx("div", { children: buttons }) : null] }), image] })] }));
   });
 
   const benefitIconBgStyleMap = {
@@ -503,9 +503,16 @@
       return (jsxs("div", { className: "flex gap-4 items-center", children: [benefit.icon && (jsx(Icon, { className: `w-[50px] h-[50px] min-w-[50px] min-h-[50px] rounded-full p-[10px] box-border ${benefitIconBgStyleMap[version]}`, name: benefit.icon, width: "24", height: "24", asSVG: true })), jsxs("div", { className: "flex gap-1 flex-col h-full max-w-[149px]", children: [jsx("div", { className: `font-medium text-xl m-0 ${benefitTitleStyleMap[version]}`, children: benefit.label }), benefit.description && (jsx("div", { className: `font-normal text-sm ${benefitDescStyleMap[version]}`, children: benefit.description }))] })] }, String(i)));
   }
 
-  const ProductBlockInner = JSX(({ className = '', context, title, headingType = 'h2', description, benefits, buttons, image, items, version = 'primary', }) => {
-      return (jsxs("div", { className: `flex grow justify-between items-stretch ${className}`, children: [jsx("div", { className: 'flex flex-col', children: jsxs(BaseTile, { context: context, title: title && (jsx(Heading, { headingType: headingType, title: title, className: "whitespace-pre-wrap max-w-[600px]" })), buttons: buttons?.length ? (jsx(ButtonSection, { context: context, buttons: buttons, className: "flex mt-9 gap-3" })) : null, children: [description && (jsx(Description, { className: "mt-4 max-w-[600px]", description: description })), benefits?.filter((items) => items.label)?.length ? (jsx("div", { className: "flex gap-6 mt-6", children: benefits.map((_, i) => renderBenefit(_, i, version)) })) : null, items?.length ? (jsx(List, { className: "mt-5", items: items, itemClassName: "mb-[10px]", version: version })) : null] }) }), image?.src && jsx(Img, { className: "mt-auto", image: image })] }));
+  const ProductBlockInner = JSX(({ className = '', context, title, headingType = 'h2', description, benefits, buttons, image, items, version = 'primary', textBlockClassName = '', }) => {
+      const textColor = version === 'secondary' ? 'text-white' : '';
+      return (jsxs("div", { className: `flex grow justify-between items-stretch ${className}`, children: [jsx("div", { className: `flex flex-col ${textBlockClassName}`, children: jsxs(BaseTile, { context: context, title: getTitle(title, headingType, textColor), buttons: getButtons(context, buttons), children: [description && (jsx(Description, { className: "mt-4 max-w-[600px]", description: description })), benefits?.filter((items) => items.label)?.length ? (jsx("div", { className: "flex gap-6 mt-6", children: benefits.map((_, i) => renderBenefit(_, i, version)) })) : null, items?.length ? (jsx(List, { className: "mt-5", items: items, itemClassName: "mb-[10px]", version: version })) : null] }) }), image?.src && jsx(Img, { className: "mt-auto", image: image })] }));
   });
+  const getTitle = (title, headingType, textColor) => {
+      return (title && (jsx(Heading, { headingType: headingType, title: title, className: `whitespace-pre-wrap max-w-[600px] ${textColor}` })));
+  };
+  const getButtons = (context, buttons) => {
+      return buttons?.length ? (jsx(ButtonSection, { context: context, buttons: buttons, className: "flex mt-9 gap-3" })) : null;
+  };
 
   const productBlockStyleMap = {
       primary: 'bg-white text-primary-text',
@@ -1426,7 +1433,7 @@
       const galleryNav = slides.map((s) => s.nav);
       const galleryBlocks = slides.map((s) => s.productBlock);
       const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
-      return (jsxs("section", { className: `font-sans bg-white overflow-hidden w-100 ${className || ''}`, children: [jsx("div", { className: `flex duration-1000`, style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock(_, i, context)) }), jsx("div", { className: "flex", children: galleryNav.map((slide, i) => renderNavButton({
+      return (jsxs("section", { className: `font-sans bg-white overflow-hidden w-100 ${className || ''}`, children: [jsx("div", { className: `flex duration-1000`, style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock$1(_, i, context)) }), jsx("div", { className: "flex", children: galleryNav.map((slide, i) => renderNavButton$1({
                       slide,
                       i,
                       activeSlideIndex,
@@ -1434,16 +1441,42 @@
                       duration,
                   })) })] }));
   });
-  function renderProductBlock(block, i, context) {
+  function renderProductBlock$1(block, i, context) {
       return (jsx("section", { className: "flex grow-0 shrink-0 basis-full", role: "listitem", children: jsx("div", { className: "p-10 flex grow", children: jsx(ProductBlockInner, { className: "pl-2.5 pt-2.5 pb-1.5 pr-[6.25rem]", context: context, ...block }) }) }, String(i)));
   }
-  function renderNavButton({ slide, i, activeSlideIndex, onClick, duration }) {
+  function renderNavButton$1({ slide, i, activeSlideIndex, onClick, duration }) {
       const isActiveBtn = i === activeSlideIndex;
       const progressBarClassName = isActiveBtn ? 'animate-slide' : '';
       const btnTitleClassName = isActiveBtn ? 'text-primary-text' : 'text-secondary-text';
       return (jsxs("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `font-sans group relative overflow-hidden border-0 bg-inherit cursor-pointer text-left px-0 pt-4 pb-[23px] grow basis-0`, children: [jsxs("div", { className: "border-0 border-r border-solid border-main-divider px-6", children: [jsx("div", { className: `text-sm font-medium pb-[3px] group-hover:text-primary-text ${btnTitleClassName}`, children: slide?.title }), jsx("div", { className: "text-xs text-secondary-text", children: slide.desc })] }), jsx("div", { className: `absolute bottom-0 left-0 w-full h-[3px] bg-primary-main -translate-x-full ${progressBarClassName}`, style: { animationDuration: `${duration}s`, animationFillMode: 'forwards' } })] }, String(i)));
   }
 
+  const ProductGalleryGreen = JSX(({ className = '', context, slides = [] }) => {
+      const galleryNav = slides.map((s) => s.nav);
+      const galleryBlocks = slides.map((s) => s.productBlock);
+      const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
+      return (jsxs("section", { className: `box-border pt-[70px] relative font-sans overflow-hidden bg-primary-main w-100 ${className}`, children: [jsx("div", { className: "flex duration-1000 pb-14", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock(_, i, context)) }), jsx("div", { className: "flex items-center absolute bottom-6 left-0 right-0 px-9 box-border", children: galleryNav.map((slide, i) => renderNavButton({
+                      slide,
+                      i,
+                      activeSlideIndex,
+                      onClick: () => setActiveSlideIndex(i),
+                  })) })] }));
+  });
+  function renderProductBlock(block, i, context) {
+      return (jsx("section", { className: "box-border relative flex grow-0 shrink-0 basis-full px-9", role: "listitem", children: jsxs("div", { className: "flex grow", children: [block.backgroundText ? (jsx("div", { className: "absolute text-[454px] font-bold text-white tracking-[-10px] leading-[299px] opacity-[.1] right-12 top-20 z-0", children: block.backgroundText })) : null, jsx(ProductBlockInner, { className: "pl-2.5 pt-2.5 pb-1.5 pr-[6.25rem] z-[1]", context: context, textBlockClassName: "mb-[154px]", version: "secondary", ...block }), jsx(Icon, { className: "absolute right-[460px] top-[200px] z-0 mb-4", name: "ArrowsRewindRight", width: "230", height: "187" })] }) }, String(i)));
+  }
+  function renderNavButton({ slide, i, activeSlideIndex, onClick }) {
+      const isActiveBtn = i === activeSlideIndex;
+      const btnClassName = isActiveBtn
+          ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] max-w-[354px] p-0'
+          : 'bg-white/10 min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300';
+      const btnTitleClassName = isActiveBtn ? 'text-primary-text' : 'text-white';
+      const btnDescClassName = isActiveBtn ? 'text-secondary-text' : 'text-white';
+      return (jsx("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `box-border font-sans group relative overflow-hidden border-white/50 border-[1px] cursor-pointer text-left mb-6a mx-1 grow basis-0 backdrop-blur-sm
+        ${btnClassName}
+      `, children: jsxs("div", { className: "border-0 px-6", children: [jsx("div", { className: `text-sm font-medium pb-[3px] ${btnTitleClassName}`, children: slide?.title }), jsx("div", { className: `text-xs text-secondary-text ${btnDescClassName}`, children: slide.description })] }) }, String(i)));
+  }
+
   const promoTileStyleMap = {
       primary: 'bg-white text-primary-text',
       secondary: 'bg-primary-main text-white',
@@ -1554,6 +1587,7 @@
       PictureText,
       ProductBlock,
       ProductGallery,
+      ProductGalleryGreen,
       ProductTile,
       PromoTile,
       Recommendation,