@redneckz/wildless-cms-uni-blocks 0.6.26 → 0.6.28

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

@@ -1,6 +1,6 @@
 import { DEFAULT_SLOT_NAME } from '../../model/BlockDecorator';
 import type { BlockDef, ContentPageDef } from '../../model/ContentPageDef';
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 import { AccordionItem } from '../AccordionItem/AccordionItem';
 import { Headline } from '../Headline/Headline';
 import { HEADLINE } from '../Headline/Headline.fixture';
@@ -13,13 +13,11 @@ import { Accordion } from './Accordion';
 
 const page = {} as ContentPageDef;
 
-const TEXT_BLOCK_ACCORDION_BLOCK = <TextBlock context={context} {...TEXT_BLOCK} />;
+const TEXT_BLOCK_ACCORDION_BLOCK = <TextBlock {...TEXT_BLOCK} />;
 
-const HEADLINE_ACCORDION_BLOCK = <Headline context={context} {...HEADLINE} />;
+const HEADLINE_ACCORDION_BLOCK = <Headline {...HEADLINE} />;
 
-const LINK_DOCS_ACCORDION_BLOCK = (
-  <LinkDocs context={context} {...linkDocsContentExample} title="" />
-);
+const LINK_DOCS_ACCORDION_BLOCK = <LinkDocs {...linkDocsContentExample} title="" />;
 
 const ACCORDION_BLOCK_DEF: BlockDef = {
   type: 'Accordion',
@@ -32,7 +30,6 @@ const ACCORDION_BLOCK_DEF: BlockDef = {
 
 export const ACCORDION_ITEM = (
   <AccordionItem
-    context={context}
     ancestors={[
       [page, DEFAULT_SLOT_NAME],
       [ACCORDION_BLOCK_DEF, DEFAULT_SLOT_NAME],
@@ -47,10 +44,9 @@ export const ACCORDION_ITEM = (
 export default {
   default: (
     <div className="container grid grid-cols-12">
-      <Accordion className="col-span-12" context={context} {...ACCORDION_BLOCK_DEF.content}>
+      <Accordion className="col-span-12" {...ACCORDION_BLOCK_DEF.content}>
         {ACCORDION_ITEM}
         <AccordionItem
-          context={context}
           ancestors={[
             [page, DEFAULT_SLOT_NAME],
             [ACCORDION_BLOCK_DEF, DEFAULT_SLOT_NAME],
@@ -60,7 +56,6 @@ export default {
           {[HEADLINE_ACCORDION_BLOCK]}
         </AccordionItem>
         <AccordionItem
-          context={context}
           ancestors={[
             [page, DEFAULT_SLOT_NAME],
             [ACCORDION_BLOCK_DEF, DEFAULT_SLOT_NAME],

package/src/components/Accordion/Accordion.fixture.tsx

@@ -1,4 +1,4 @@
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 import { AccordionItem } from '../AccordionItem/AccordionItem';
 import { Gallery } from '../Gallery/Gallery';
 import { defaultProps as GALLERY } from '../Gallery/Gallery.fixture';
@@ -18,34 +18,26 @@ import { Tile } from '../Tile/Tile';
 import { TILE } from '../Tile/Tile.fixture';
 import { Accordion } from './Accordion';
 
-const TEXT_BLOCK_ACCORDION_BLOCK = (
-  <TextBlock className="col-span-12" context={context} {...TEXT_BLOCK} />
-);
+const TEXT_BLOCK_ACCORDION_BLOCK = <TextBlock className="col-span-12" {...TEXT_BLOCK} />;
 
-const HEADLINE_ACCORDION_BLOCK = (
-  <Headline className="col-span-12" context={context} {...HEADLINE} />
-);
+const HEADLINE_ACCORDION_BLOCK = <Headline className="col-span-12" {...HEADLINE} />;
 
-const PICTURE_TEXT_ACCORDION_BLOCK = (
-  <PictureText className="col-span-12" context={context} {...PICTURE_TEXT} />
-);
+const PICTURE_TEXT_ACCORDION_BLOCK = <PictureText className="col-span-12" {...PICTURE_TEXT} />;
 
 const LINK_DOCS_ACCORDION_BLOCK = (
-  <LinkDocs className="col-span-12" context={context} {...linkDocsContentExample} title="" />
+  <LinkDocs className="col-span-12" {...linkDocsContentExample} title="" />
 );
 
-const TILES_ACCORDION_BLOCK = <Tile className="col-span-6" context={context} {...TILE} />;
+const TILES_ACCORDION_BLOCK = <Tile className="col-span-6" {...TILE} />;
 
-const PRODUCT_TILES_ACCORDION_BLOCK = (
-  <ProductTile className="col-span-6" context={context} {...PRODUCT_TILE} />
-);
+const PRODUCT_TILES_ACCORDION_BLOCK = <ProductTile className="col-span-6" {...PRODUCT_TILE} />;
 
 const GALLERY_ACCORDION_BLOCK = <Gallery className="col-span-12" {...GALLERY} />;
 
 const MINI_GALLERY_ACCORDION_BLOCK = <MiniGallery className="col-span-12" {...MINI_GALLERY} />;
 
 export const ACCORDION_ITEM = (
-  <AccordionItem context={context} label="Accordion label 1">
+  <AccordionItem label="Accordion label 1">
     {[TEXT_BLOCK_ACCORDION_BLOCK, TEXT_BLOCK_ACCORDION_BLOCK]}
   </AccordionItem>
 );
@@ -55,32 +47,21 @@ export default {
     <div className="container grid grid-cols-12">
       <Accordion
         className="col-span-12"
-        context={context}
         title="Accordion title"
         description="Accordion description"
       >
         {ACCORDION_ITEM}
-        <AccordionItem context={context} label="Accordion label 2">
-          {[PICTURE_TEXT_ACCORDION_BLOCK]}
-        </AccordionItem>
-        <AccordionItem context={context} label="Accordion label 3">
-          {[HEADLINE_ACCORDION_BLOCK]}
-        </AccordionItem>
-        <AccordionItem context={context} label="Accordion label 4">
-          {[LINK_DOCS_ACCORDION_BLOCK]}
-        </AccordionItem>
-        <AccordionItem context={context} label="Accordion label 5">
+        <AccordionItem label="Accordion label 2">{[PICTURE_TEXT_ACCORDION_BLOCK]}</AccordionItem>
+        <AccordionItem label="Accordion label 3">{[HEADLINE_ACCORDION_BLOCK]}</AccordionItem>
+        <AccordionItem label="Accordion label 4">{[LINK_DOCS_ACCORDION_BLOCK]}</AccordionItem>
+        <AccordionItem label="Accordion label 5">
           {[TILES_ACCORDION_BLOCK, TILES_ACCORDION_BLOCK]}
         </AccordionItem>
-        <AccordionItem context={context} label="Accordion label 6">
+        <AccordionItem label="Accordion label 6">
           {[PRODUCT_TILES_ACCORDION_BLOCK, PRODUCT_TILES_ACCORDION_BLOCK]}
         </AccordionItem>
-        <AccordionItem context={context} label="Accordion label 7">
-          {[GALLERY_ACCORDION_BLOCK]}
-        </AccordionItem>
-        <AccordionItem context={context} label="Accordion label 8">
-          {[MINI_GALLERY_ACCORDION_BLOCK]}
-        </AccordionItem>
+        <AccordionItem label="Accordion label 7">{[GALLERY_ACCORDION_BLOCK]}</AccordionItem>
+        <AccordionItem label="Accordion label 8">{[MINI_GALLERY_ACCORDION_BLOCK]}</AccordionItem>
       </Accordion>
     </div>
   ),
@@ -88,17 +69,14 @@ export default {
     <div className="container grid grid-cols-12">
       <Accordion
         className="col-span-12"
-        context={context}
         title="Accordion title"
         accordionAlignTitle="right"
         description="Accordion description"
       >
-        <AccordionItem context={context} label="Accordion label 1">
+        <AccordionItem label="Accordion label 1">
           {[TEXT_BLOCK_ACCORDION_BLOCK, TEXT_BLOCK_ACCORDION_BLOCK]}
         </AccordionItem>
-        <AccordionItem context={context} label="Accordion label 2">
-          {[PICTURE_TEXT_ACCORDION_BLOCK]}
-        </AccordionItem>
+        <AccordionItem label="Accordion label 2">{[PICTURE_TEXT_ACCORDION_BLOCK]}</AccordionItem>
       </Accordion>
     </div>
   ),

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

@@ -8,9 +8,8 @@ import { AccordionItemsList } from './AccordionItemsList';
 export interface AccordionProps extends AccordionContent, UniBlockProps {}
 
 export const Accordion: JSXBlock<AccordionProps> = JSX<AccordionProps>(
-  ({ title, description, context, className = '', children, ...rest }) => (
+  ({ title, description, className = '', children, ...rest }) => (
     <BlockWrapper
-      context={context}
       className={`py-6 px-4 font-sans bg-white text-primary-text ${className}`}
       {...rest}
     >

package/src/components/Accordion/Accordion.tsx

@@ -9,17 +9,8 @@ import { AccordionItemsList } from './AccordionItemsList';
 export interface AccordionProps extends AccordionContent, UniBlockProps {}
 
 export const Accordion: JSXBlock<AccordionProps> = JSX<AccordionProps>(
-  ({
-    className = '',
-    context,
-    title,
-    accordionAlignTitle = 'center',
-    description,
-    children,
-    ...rest
-  }) => (
+  ({ className = '', title, accordionAlignTitle = 'center', description, children, ...rest }) => (
     <BlockWrapper
-      context={context}
       className={`p-[50px] mb-1 last:mb-0 font-sans bg-white text-primary-text ${className}`}
       {...rest}
     >

package/src/components/BaseTile/BaseTile.tsx

@@ -1,22 +1,21 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/JSXBlock';
 import type { BaseTileCommonProps } from './BaseTileProps';
 
-export interface BaseTileProps extends BaseTileCommonProps, UniBlockProps {}
+export interface BaseTileProps extends BaseTileCommonProps {
+  className?: string;
+}
 
 export const BaseTile = JSX<BaseTileProps>(
-  ({ className = '', title = '', children, buttons, image }) => {
-    return (
-      <div className={`font-sans flex flex-col grow h-full items-start ${className}`}>
-        {title}
-        <div className="flex grow w-full justify-between">
-          <div className="flex flex-col justify-between w-full">
-            <div className="h-full">{children}</div>
-            {buttons ? <div className="mt-auto pt-8">{buttons}</div> : null}
-          </div>
-          {image}
+  ({ className = '', title = '', buttons, image, children }) => (
+    <div className={`font-sans flex flex-col grow h-full items-start ${className}`}>
+      {title}
+      <div className="flex grow w-full justify-between">
+        <div className="flex flex-col justify-between w-full">
+          <div className="h-full">{children}</div>
+          {buttons ? <div className="mt-auto pt-8">{buttons}</div> : null}
         </div>
+        {image}
       </div>
-    );
-  },
+    </div>
+  ),
 );

package/src/components/BenefitsBlock/BenefitsBlock.fixture.tsx

@@ -1,7 +1,7 @@
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 
-import { BenefitsBlock } from './BenefitsBlock';
 import type { Picture } from '../../model/Picture';
+import { BenefitsBlock } from './BenefitsBlock';
 
 const itemsList = [
   'Комиссия за выдачу',
@@ -24,7 +24,6 @@ export default {
   'desc-img': (
     <div className="container grid grid-cols-12">
       <BenefitsBlock
-        context={context}
         className="col-span-12"
         title="Преимущества кредита"
         benefitList={[
@@ -68,7 +67,6 @@ export default {
   'desc-icon': (
     <div className="container grid grid-cols-12">
       <BenefitsBlock
-        context={context}
         className="col-span-12"
         title="Преимущества кредита"
         benefitList={[
@@ -112,7 +110,6 @@ export default {
   list: (
     <div className="container grid grid-cols-12">
       <BenefitsBlock
-        context={context}
         className="col-span-12"
         title="Преимущества кредита"
         benefitList={[
@@ -159,7 +156,6 @@ export default {
   'list-green': (
     <div className="container grid grid-cols-12">
       <BenefitsBlock
-        context={context}
         className="col-span-12"
         title="Преимущества кредита"
         benefitList={[
@@ -207,7 +203,6 @@ export default {
   'desc-icon-green': (
     <div className="container grid grid-cols-12">
       <BenefitsBlock
-        context={context}
         className="col-span-12"
         title="Преимущества кредита"
         benefitList={[

package/src/components/Blocks.mobile.ts

@@ -11,7 +11,6 @@ import { LinkList } from './LinkList/LinkList';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
-import { ProductGallery } from './ProductGallery/ProductGallery';
 import { StepsBlock } from './StepsBlock/StepsBlock';
 import { TariffsTable } from './TariffsTable/TariffsTable';
 import { TextBlock } from './TextBlock/TextBlock';
@@ -28,7 +27,6 @@ export const Blocks: BlocksRegistry = {
   LinkList,
   MobileAppTile,
   ProductBlock,
-  ProductGallery,
   StepsBlock,
   TariffsTable,
   TextBlock,

package/src/components/Blocks.ts

@@ -4,6 +4,7 @@ import { AccordionItem } from './AccordionItem/AccordionItem';
 import { BenefitsBlock } from './BenefitsBlock/BenefitsBlock';
 import { Bonus } from './Bonus/Bonus';
 import { BonusBenefitsBlock } from './BonusBenefitsBlock/BonusBenefitsBlock';
+import { BusinessBlock } from './BusinessBlock/BusinessBlock';
 import { Calculator } from './Calculator/Calculator';
 import { CardTransfer } from './CardTransfer/CardTransfer';
 import { Catalog } from './Catalog/Catalog';
@@ -38,18 +39,22 @@ import { Tabs } from './Tabs/Tabs';
 import { TariffsTable } from './TariffsTable/TariffsTable';
 import { TextBlock } from './TextBlock/TextBlock';
 import { Tile } from './Tile/Tile';
+import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 import { InvestmentGallery } from './InvestmentGallery/InvestmentGallery';
 
 export const Blocks: BlocksRegistry = {
   Accordion,
   AccordionItem,
   BenefitsBlock,
+  BusinessBlock,
   Bonus,
+  BonusBenefitsBlock,
   CardTransfer,
   ComparisonTable,
   Calculator,
   Catalog,
   ContactsBlock,
+  ErrorBlock,
   ExchangeRateTile,
   Footer,
   Gallery,
@@ -58,10 +63,12 @@ export const Blocks: BlocksRegistry = {
   Headline,
   InsuranceAmountBlock,
   InvestmentInfo,
+  InvestmentGallery,
   LinkDocs,
   MiniGallery,
   MobileAppTile,
   PictureText,
+  Placeholder,
   ProductBlock,
   ProductGallery,
   ProductTile,
@@ -71,14 +78,11 @@ export const Blocks: BlocksRegistry = {
   OtherProducts,
   OtherProductsItem,
   Recommendation,
+  SafeDepositRental,
   StepsBlock,
+  Tabs,
   TariffsTable,
   TextBlock,
   Tile,
-  Placeholder,
-  BonusBenefitsBlock,
-  SafeDepositRental,
-  Tabs,
-  ErrorBlock,
-  InvestmentGallery,
+  VerticalLayout,
 };

package/src/components/Bonus/Bonus.fixture.tsx

@@ -1,5 +1,5 @@
 import type { Picture } from '../../model/Picture';
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { Bonus } from './Bonus';
 import type { BonusContent } from './BonusContent';
@@ -65,7 +65,7 @@ export const BONUS: BonusContent = {
 export default {
   default: (
     <div className="container grid grid-cols-12">
-      <Bonus className="col-span-12" context={context} {...BONUS} />
+      <Bonus className="col-span-12" {...BONUS} />
     </div>
   ),
 };

package/src/components/Bonus/Bonus.tsx

@@ -9,22 +9,18 @@ import type { BonusContent, BonusCountDef, BonusImageDef } from './BonusContent'
 export interface BonusProps extends BonusContent, UniBlockProps {}
 
 export const Bonus = JSX<BonusProps>((props) => {
-  const { context, className = '', title, description, bonusItems, ...rest } = props;
+  const { className = '', title, description, bonusItems, ...rest } = props;
 
   return (
-    <BlockWrapper
-      className={`font-sans bg-white p-[50px] pb-9 ${className}`}
-      context={context}
-      {...rest}
-    >
+    <BlockWrapper className={`font-sans bg-white p-[50px] pb-9 ${className}`} {...rest}>
       <div className="container">
         <Headline
-          context={context}
           className="!p-0"
           title={title}
           description={description}
           headlineVersion="M"
           align="center"
+          {...rest}
         />
         <div className="flex flex-wrap w-full mt-9">
           {bonusItems?.length
@@ -40,9 +36,7 @@ export const Bonus = JSX<BonusProps>((props) => {
                           <div className="text-h4">{_.title}</div>
                           <div className="text-xl-light mt-2 max-w-[488px]">{_.description}</div>
                         </div>
-                        {_?.buttons?.length ? (
-                          <ButtonSection context={context} buttons={_?.buttons} />
-                        ) : null}
+                        {_?.buttons?.length ? <ButtonSection buttons={_?.buttons} /> : null}
                       </div>
                       {_.bonusItemContent?.bonusType
                         ? renderBonusItemContent(_.bonusItemContent)

package/src/components/BonusBenefitsBlock/BonusBenefitsBlock.fixture.tsx

@@ -1,4 +1,4 @@
-import { context } from '../../react/setup-fixture';
+import '../../react/setup-fixture';
 
 import { BonusBenefitsBlock } from './BonusBenefitsBlock';
 import { BonusBenefit } from './BonusBenefitsBlockContent';
@@ -42,7 +42,6 @@ export default {
   default: (
     <div className="container grid grid-cols-12">
       <BonusBenefitsBlock
-        context={context}
         className="col-span-12"
         title="Преимущества кредита"
         subtitle="Удобный каталог с большим ассортиментом товаров и сервисов"
@@ -53,7 +52,6 @@ export default {
   '5-cols': (
     <div className="container grid grid-cols-12">
       <BonusBenefitsBlock
-        context={context}
         className="col-span-12"
         title="Преимущества кредита"
         subtitle="Удобный каталог с большим ассортиментом товаров и сервисов"

package/src/components/BonusBenefitsBlock/BonusBenefitsBlock.tsx

@@ -12,19 +12,18 @@ import type {
 export interface BenefitsBlockProps extends BonusBenefitsBlockContent, UniBlockProps {}
 
 export const BonusBenefitsBlock = JSX<BenefitsBlockProps>(
-  ({ context, className = '', title, subtitle, bonusBenefits, columnsCount = '4', ...rest }) => (
+  ({ className = '', title, subtitle, bonusBenefits, columnsCount = '4', ...rest }) => (
     <BlockWrapper
       className={`font-sans text-primary-text bg-white p-[50px] flex flex-col text-center ${className}`}
-      context={context}
       {...rest}
     >
       <Headline
-        context={context}
         className="!p-0"
         title={title}
         description={subtitle}
         headlineVersion="M"
         align="center"
+        {...rest}
       />
       {bonusBenefits?.length ? (
         <div className={`grid gap-1 mt-8 ${getElementsColsValue(columnsCount)}`}>

package/src/components/BusinessBlock/BusinessBlock.example.json

@@ -0,0 +1,65 @@
+{
+  "title": "Заголовок блока",
+  "cards": [
+    {
+      "image": {
+        "format": "webp",
+        "size": {
+          "width": 319,
+          "height": 230
+        }
+      },
+      "title": "Заголовок карточки",
+      "cardItems": [
+        {
+          "icon": { "icon": "RoundRubleIcon" },
+          "text": "Пункт 1"
+        },
+        {
+          "icon": { "icon": "EmptyWalletIcon" },
+          "text": "Пункт 2"
+        },
+        {
+          "icon": { "icon": "PercentageSquareIcon" },
+          "text": "Пункт 3"
+        }
+      ],
+      "button": {
+        "href": "#",
+        "text": "Подробнее",
+        "target": "_blank",
+        "version": "secondary"
+      }
+    },
+    {
+      "image": {
+        "format": "webp",
+        "size": {
+          "width": 304,
+          "height": 237
+        }
+      },
+      "title": "Заголовок карточки",
+      "cardItems": [
+        {
+          "icon": { "icon": "RoundRubleIcon" },
+          "text": "Пункт 1"
+        },
+        {
+          "icon": { "icon": "EmptyWalletIcon" },
+          "text": "Пункт 2"
+        },
+        {
+          "icon": { "icon": "PercentageSquareIcon" },
+          "text": "Пункт 3"
+        }
+      ],
+      "button": {
+        "href": "#",
+        "text": "Подробнее",
+        "target": "_blank",
+        "version": "secondary"
+      }
+    }
+  ]
+}

package/src/components/BusinessBlock/BusinessBlock.fixture.tsx

@@ -0,0 +1,74 @@
+import '../../react/setup-fixture';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import { BusinessBlock } from './BusinessBlock';
+import type {
+  BusinessBlockContent,
+  BusinessCardItemProps,
+  BusinessCardProps,
+} from './BusinessBlockContent';
+
+const button: ButtonWithIconProps = {
+  href: '#',
+  text: 'Подробнее',
+  target: '_blank',
+  version: 'secondary',
+};
+
+const items: BusinessCardItemProps[] = [
+  {
+    icon: { icon: 'RoundRubleIcon' },
+    text: 'Пункт 1',
+  },
+  {
+    icon: { icon: 'EmptyWalletIcon' },
+    text: 'Пункт 2',
+  },
+  {
+    icon: { icon: 'PercentageSquareIcon' },
+    text: 'Пункт 3',
+  },
+];
+
+const cards: BusinessCardProps[] = [
+  {
+    image: {
+      src: 'business-block-1.png',
+      format: 'png',
+      size: {
+        width: 319,
+        height: 230,
+      },
+      title: 'business-block-1',
+    },
+    title: 'Заголовок карточки',
+    cardItems: items,
+    button,
+  },
+  {
+    image: {
+      src: 'business-block-2.png',
+      format: 'png',
+      size: {
+        width: 304,
+        height: 237,
+      },
+      title: 'business-block-2',
+    },
+    title: 'Заголовок карточки',
+    cardItems: items,
+    button,
+  },
+];
+
+const PROPS: BusinessBlockContent = {
+  title: 'Заголовок блока',
+  cards,
+};
+
+export default {
+  default: (
+    <div className="container grid grid-cols-12">
+      <BusinessBlock className="col-span-12" {...PROPS} />
+    </div>
+  ),
+};

package/src/components/BusinessBlock/BusinessBlock.tsx

@@ -0,0 +1,19 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { BusinessBlockContent } from './BusinessBlockContent';
+import { BusinessCard } from './BusinessCard';
+
+export interface BusinessBlockProps extends BusinessBlockContent, UniBlockProps {}
+
+export const BusinessBlock = JSX<BusinessBlockProps>(
+  ({ className = '', title, cards, ...rest }) => (
+    <BlockWrapper className={`font-sans bg-white p-[50px] pb-9 ${className}`} {...rest}>
+      <Heading headingType="h3" title={title} className="text-center mb-8" />
+      <div className="flex gap-5">
+        {cards?.length ? cards.map((_, i) => <BusinessCard key={String(i)} {..._} />) : null}
+      </div>
+    </BlockWrapper>
+  ),
+);

package/src/components/BusinessBlock/BusinessBlock.ui.json

@@ -0,0 +1,26 @@
+{
+  "content": {
+    "cards": {
+      "items": {
+        "image": {
+          "ui:field": "picture"
+        },
+        "button": {
+          "icon": {
+            "ui:field": "icon"
+          },
+          "iconRight": {
+            "ui:field": "icon"
+          }
+        },
+        "cardItems": {
+          "items": {
+            "icon": {
+              "ui:field": "icon"
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/components/BusinessBlock/BusinessBlockContent.ts

@@ -0,0 +1,31 @@
+import type { IconProps, Picture } from '../../model/Picture';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+
+export type BusinessCardItemProps = IconProps & {
+  /** @title Текст */
+  text?: string;
+};
+
+export interface BusinessCardProps {
+  /** @title Заголовок карточки */
+  title?: string;
+  image?: Picture;
+  /** @title Список */
+  cardItems?: BusinessCardItemProps[];
+  /** @title Кнопка */
+  button?: ButtonWithIconProps;
+}
+
+/**
+ * @title Бизнес блок
+ */
+export interface BusinessBlockContent {
+  /** @title Заголовок блока */
+  title?: string;
+  /**
+   * @title Карточки
+   * @minItems 2
+   * @maxItems 2
+   */
+  cards?: BusinessCardProps[];
+}