@redneckz/wildless-cms-uni-blocks 0.14.49 → 0.14.50

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

@@ -1,17 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { renderBackwardButton } from '../../components/ProductBlock/renderBackwardButton.js';
+import { useRouter } from '../../hooks/useRouter.js';
 import { style } from '../../utils/style.js';
 const imageAlignmentMap = {
     start: '@xl:self-start',
     center: '@xl:self-center',
     end: '@xl:self-end',
 };
-export const BaseTile = JSX(({ className, defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, isImageAlwaysOnRight = false, isImageSecondary = false, children, }) => (_jsxs("div", { className: style('relative flex flex-col gap-3xl overflow-hidden', padding || defaultPadding, className), children: [title ? _jsx("div", { className: "relative", children: title }) : null, _jsxs("div", { className: style('grow relative flex flex-col @xl:flex-row gap-3xl', leftImage ? 'self-start' : ''), children: [renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' }), _jsxs("div", { className: style('grid gap-3xl', rightImage ? '@xl:grid-cols-2' : '', leftImage ? '' : 'grow'), children: [_jsxs("div", { className: "grow space-y-lg min-w-fit", children: [insetTitle, children] }), renderImageContainer(rightImage, {
-                            className: style('@xl:justify-self-end @xl:col-start-2', buttons ? rowSpanStyle(isImageAlwaysOnRight) : '', positionStyle(isImageAlwaysOnRight), imageSecondaryStyle(isImageSecondary)),
-                            imageAlign,
-                        }), renderButtons(buttons)] })] })] })));
+export const BaseTile = JSX(({ className, version = 'primary', defaultPadding, padding, title = '', insetTitle = '', buttons, leftImage, rightImage, imageAlign, isImageAlwaysOnRight = false, isImageSecondary = false, backwardButton, children, }) => {
+    const router = useRouter();
+    const handleClick = useCallback((ev) => {
+        ev?.preventDefault();
+        router.back();
+    }, []);
+    return (_jsxs("div", { className: getStyle(padding, defaultPadding, className), children: [backwardButton ? renderBackwardButton(version, handleClick) : null, title ? _jsx("div", { className: "relative", children: title }) : null, _jsxs("div", { className: style('grow relative flex flex-col @xl:flex-row gap-3xl', leftImage ? 'self-start' : ''), children: [renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' }), _jsxs("div", { className: style('grid gap-3xl', rightImage ? '@xl:grid-cols-2' : '', leftImage ? '' : 'grow'), children: [_jsxs("div", { className: "grow space-y-lg min-w-fit", children: [insetTitle, children] }), renderImageContainer(rightImage, {
+                                className: style('@xl:justify-self-end @xl:col-start-2', buttons ? rowSpanStyle(isImageAlwaysOnRight) : '', positionStyle(isImageAlwaysOnRight), imageSecondaryStyle(isImageSecondary)),
+                                imageAlign,
+                            }), renderButtons(buttons)] })] })] }));
+});
+const getStyle = (padding = '', defaultPadding = '', className = '') => style('relative flex flex-col gap-3xl overflow-hidden', padding || defaultPadding, className);
 const rowSpanStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'row-span-2' : '@xl:row-span-2';
-const positionStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'justify-self-end col-start-2 self-center' : '';
+const positionStyle = (isImageAlwaysOnRight) => isImageAlwaysOnRight ? 'col-start-2 self-center' : '';
 const renderButtons = (buttons) => buttons ? _jsx("div", { className: "self-end", children: buttons }) : null;
 const renderImageContainer = (image, { className, imageAlign }) => image ? (_jsx("div", { className: style('shrink-1/2 justify-self-center', imageAlign && imageAlignmentMap[imageAlign], className), children: image })) : null;
 const imageSecondaryStyle = (isImageSecondary) => isImageSecondary ? 'hidden @xl:block' : '';

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C,MAAM,iBAAiB,GAA0B;IAC/C,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,iBAAiB;IACzB,GAAG,EAAE,cAAc;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,EACT,cAAc,EACd,OAAO,EACP,KAAK,GAAG,EAAE,EACV,UAAU,GAAG,EAAE,EACf,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,KAAK,EACxB,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EAAE,KAAK,CACd,gDAAgD,EAChD,OAAO,IAAI,cAAc,EACzB,SAAS,CACV,aAEA,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,UAAU,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACvD,eACE,SAAS,EAAE,KAAK,CACd,kDAAkD,EAClD,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAC9B,aAEA,oBAAoB,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EACtE,eACE,SAAS,EAAE,KAAK,CACd,cAAc,EACd,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EACnC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CACxB,aAED,eAAK,SAAS,EAAC,2BAA2B,aACvC,UAAU,EACV,QAAQ,IACL,EACL,oBAAoB,CAAC,UAAU,EAAE;4BAChC,SAAS,EAAE,KAAK,CACd,sCAAsC,EACtC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,EAAE,EACjD,aAAa,CAAC,oBAAoB,CAAC,EACnC,mBAAmB,CAAC,gBAAgB,CAAC,CACtC;4BACD,UAAU;yBACX,CAAC,EACD,aAAa,CAAC,OAAO,CAAC,IACnB,IACF,IACF,CACP,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,oBAA6B,EAAE,EAAE,CACrD,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC;AAEzD,MAAM,aAAa,GAAG,CAAC,oBAA6B,EAAE,EAAE,CACtD,oBAAoB,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,EAAE,CAAC;AAEzE,MAAM,aAAa,GAAG,CAAC,OAAc,EAAE,EAAE,CACvC,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,UAAU,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAE7D,MAAM,oBAAoB,GAAG,CAC3B,KAAwB,EACxB,EAAE,SAAS,EAAE,UAAU,EAA8C,EACrE,EAAE,CACF,KAAK,CAAC,CAAC,CAAC,CACN,cACE,SAAS,EAAE,KAAK,CACd,gCAAgC,EAChC,UAAU,IAAI,iBAAiB,CAAC,UAAU,CAAC,EAC3C,SAAS,CACV,YAEA,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AAEX,MAAM,mBAAmB,GAAG,CAAC,gBAAyB,EAAE,EAAE,CACxD,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC"}
+{"version":3,"file":"BaseTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseTile/BaseTile.tsx"],"names":[],"mappings":"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"}

package/mobile/src/common.css

@@ -204,6 +204,10 @@ html {
     @apply text-h1;
   }
 
+  .md-container blockquote {
+    @apply text-m font-light group-data-primary:text-secondary-text;
+  }
+
   .md-container p.h2 {
     @apply text-h2;
   }

package/mobile/src/components/Blocks.ts

@@ -29,7 +29,6 @@ import { OfficesAtmsMap } from './OfficesAtmsMap/OfficesAtmsMap';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
-import { ProductTile } from './ProductTile/ProductTile';
 import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo/RepresentativeOfficeInfo';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
@@ -39,7 +38,6 @@ import { StickyBottomMenu } from './StickyBottomMenu/StickyBottomMenu';
 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';
 
 export const Blocks: BlocksRegistry = {
@@ -73,7 +71,6 @@ export const Blocks: BlocksRegistry = {
   Placeholder,
   ProductBlock,
   ProductGallery,
-  ProductTile,
   RepresentativeOfficeInfo,
   RichTextBlock,
   RollupItem,
@@ -83,6 +80,5 @@ export const Blocks: BlocksRegistry = {
   Tabs,
   TariffsTable,
   TextBlock,
-  Tile,
   VerticalLayout,
 };

package/mobile/src/components/ProductBlock/ProductBlock.tsx

@@ -1,44 +1,25 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useRouter } from '../../hooks/useRouter';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
 import { getBorderStyle } from '../../utils/getBorderStyle';
 import { style } from '../../utils/style';
 import { type ProductBlockContent } from './ProductBlockContent';
-import { renderBackwardButton } from './renderBackwardButton';
 
 export interface ProductBlockProps extends UniBlockProps, ProductBlockContent {}
 
 export const ProductBlock = JSX<ProductBlockProps>(
-  ({ className, padding, backwardButton, showBorder, ...rest }) => {
-    const router = useRouter();
-    const handleClick = useCallback((ev?: PreventableEvent) => {
-      ev?.preventDefault();
-      router.back();
-    }, []);
-
-    return (
-      <BlockWrapper
-        className={style(
-          'overflow-hidden flex flex-col gap-3xl box-border',
-          getBorderStyle(showBorder),
-          className,
-        )}
-        defaultPadding="p-6xl"
-        padding={padding}
-        {...rest}
-      >
-        {backwardButton
-          ? renderBackwardButton(
-              !rest.version || rest.version === 'primary' ? 'primary' : 'white',
-              handleClick,
-            )
-          : null}
-        <BaseProductTile className="grow h-full" {...rest} />
-      </BlockWrapper>
-    );
-  },
+  ({ className, padding, showBorder, ...rest }) => (
+    <BlockWrapper
+      className={style(
+        'overflow-hidden flex flex-col gap-3xl box-border',
+        getBorderStyle(showBorder),
+        className,
+      )}
+      padding="p-0"
+      {...rest}
+    >
+      <BaseProductTile defaultPadding="p-6xl" padding={padding} className="grow h-full" {...rest} />
+    </BlockWrapper>
+  ),
 );

package/mobile/src/model/JSXBlock.ts

@@ -9,9 +9,9 @@ import { type VNode } from './VNode';
 /**
  * @title Внутренний отступ
  * @default ""
- * @enumNames ["По умолчанию", "Большой", "Средний", "Маленький", "Оч. маленький", "Нулевой"]
+ * @enumNames ["По умолчанию", "Оч. Большой", "Большой", "Средний", "Маленький", "Оч. маленький", "Нулевой"]
  */
-export type UniBlockPadding = '' | 'p-3xl' | 'p-xl' | 'p-m' | 'p-xs' | 'p-0';
+export type UniBlockPadding = '' | 'p-6xl' | 'p-3xl' | 'p-xl' | 'p-m' | 'p-xs' | 'p-0';
 
 export interface UniBlockContent {
   version?: BlockVersion;

package/mobile/src/ui-kit/BaseProductTile/BaseProductTile.tsx

@@ -14,7 +14,9 @@ import { Tags } from '../Tags/Tags';
 import { type TextAlign } from '../Text/TextProps';
 import { type BaseProductTileContent } from './BaseProductTileContent';
 
-interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {}
+interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {
+  backwardButton?: boolean;
+}
 
 export const BaseProductTile = JSX<BaseProductTileProps>(
   ({
@@ -43,6 +45,7 @@ export const BaseProductTile = JSX<BaseProductTileProps>(
       isImageAlwaysOnRight,
       isImageSecondary = false,
     } = {},
+    backwardButton,
     children,
   }) => {
     const img = image?.src ? <Img image={image} /> : null;
@@ -62,6 +65,7 @@ export const BaseProductTile = JSX<BaseProductTileProps>(
         imageAlign={imageAlign}
         isImageAlwaysOnRight={isImageAlwaysOnRight}
         buttons={renderButtonsSection(buttons)}
+        backwardButton={backwardButton}
       >
         <div className="flex flex-col sm:gap-xl gap-4xl">
           {filteredBenefits?.length ? (

package/mobile/src/ui-kit/BaseTile/BaseTile.tsx

@@ -1,8 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { renderBackwardButton } from '../../components/ProductBlock/renderBackwardButton';
+import { useRouter } from '../../hooks/useRouter';
 import { type Align } from '../../model/Align';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type VNode } from '../../model/VNode';
 import { style } from '../../utils/style';
+import { type PreventableEvent } from '../PreventableEvent';
 
 interface BaseTileProps extends UniBlockProps {
   title?: VNode;
@@ -13,6 +17,7 @@ interface BaseTileProps extends UniBlockProps {
   buttons?: VNode;
   isImageAlwaysOnRight?: boolean;
   isImageSecondary?: boolean;
+  backwardButton?: boolean;
 }
 
 const imageAlignmentMap: Record<Align, string> = {
@@ -24,6 +29,7 @@ const imageAlignmentMap: Record<Align, string> = {
 export const BaseTile = JSX<BaseTileProps>(
   ({
     className,
+    version = 'primary',
     defaultPadding,
     padding,
     title = '',
@@ -34,55 +40,62 @@ export const BaseTile = JSX<BaseTileProps>(
     imageAlign,
     isImageAlwaysOnRight = false,
     isImageSecondary = false,
+    backwardButton,
     children,
-  }) => (
-    <div
-      className={style(
-        'relative flex flex-col gap-3xl overflow-hidden',
-        padding || defaultPadding,
-        className,
-      )}
-    >
-      {title ? <div className="relative">{title}</div> : null}
-      <div
-        className={style(
-          'grow relative flex flex-col @xl:flex-row gap-3xl',
-          leftImage ? 'self-start' : '',
-        )}
-      >
-        {renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' })}
+  }) => {
+    const router = useRouter();
+    const handleClick = useCallback((ev?: PreventableEvent) => {
+      ev?.preventDefault();
+      router.back();
+    }, []);
+
+    return (
+      <div className={getStyle(padding, defaultPadding, className)}>
+        {backwardButton ? renderBackwardButton(version, handleClick) : null}
+        {title ? <div className="relative">{title}</div> : null}
         <div
           className={style(
-            'grid gap-3xl',
-            rightImage ? '@xl:grid-cols-2' : '',
-            leftImage ? '' : 'grow',
+            'grow relative flex flex-col @xl:flex-row gap-3xl',
+            leftImage ? 'self-start' : '',
           )}
         >
-          <div className="grow space-y-lg min-w-fit">
-            {insetTitle}
-            {children}
+          {renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' })}
+          <div
+            className={style(
+              'grid gap-3xl',
+              rightImage ? '@xl:grid-cols-2' : '',
+              leftImage ? '' : 'grow',
+            )}
+          >
+            <div className="grow space-y-lg min-w-fit">
+              {insetTitle}
+              {children}
+            </div>
+            {renderImageContainer(rightImage, {
+              className: style(
+                '@xl:justify-self-end @xl:col-start-2',
+                buttons ? rowSpanStyle(isImageAlwaysOnRight) : '',
+                positionStyle(isImageAlwaysOnRight),
+                imageSecondaryStyle(isImageSecondary),
+              ),
+              imageAlign,
+            })}
+            {renderButtons(buttons)}
           </div>
-          {renderImageContainer(rightImage, {
-            className: style(
-              '@xl:justify-self-end @xl:col-start-2',
-              buttons ? rowSpanStyle(isImageAlwaysOnRight) : '',
-              positionStyle(isImageAlwaysOnRight),
-              imageSecondaryStyle(isImageSecondary),
-            ),
-            imageAlign,
-          })}
-          {renderButtons(buttons)}
         </div>
       </div>
-    </div>
-  ),
+    );
+  },
 );
 
+const getStyle = (padding = '', defaultPadding = '', className = '') =>
+  style('relative flex flex-col gap-3xl overflow-hidden', padding || defaultPadding, className);
+
 const rowSpanStyle = (isImageAlwaysOnRight: boolean) =>
   isImageAlwaysOnRight ? 'row-span-2' : '@xl:row-span-2';
 
 const positionStyle = (isImageAlwaysOnRight: boolean) =>
-  isImageAlwaysOnRight ? 'justify-self-end col-start-2 self-center' : '';
+  isImageAlwaysOnRight ? 'col-start-2 self-center' : '';
 
 const renderButtons = (buttons: VNode) =>
   buttons ? <div className="self-end">{buttons}</div> : null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.49",
+  "version": "0.14.50",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/common.css

@@ -204,6 +204,10 @@ html {
     @apply text-h1;
   }
 
+  .md-container blockquote {
+    @apply text-m font-light group-data-primary:text-secondary-text;
+  }
+
   .md-container p.h2 {
     @apply text-h2;
   }

package/src/components/Blocks.mobile.ts

@@ -29,7 +29,6 @@ import { OfficesAtmsMap } from './OfficesAtmsMap/OfficesAtmsMap';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
-import { ProductTile } from './ProductTile/ProductTile';
 import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo/RepresentativeOfficeInfo';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
@@ -39,7 +38,6 @@ import { StickyBottomMenu } from './StickyBottomMenu/StickyBottomMenu';
 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';
 
 export const Blocks: BlocksRegistry = {
@@ -73,7 +71,6 @@ export const Blocks: BlocksRegistry = {
   Placeholder,
   ProductBlock,
   ProductGallery,
-  ProductTile,
   RepresentativeOfficeInfo,
   RichTextBlock,
   RollupItem,
@@ -83,6 +80,5 @@ export const Blocks: BlocksRegistry = {
   Tabs,
   TariffsTable,
   TextBlock,
-  Tile,
   VerticalLayout,
 };

package/src/components/Blocks.ts

@@ -36,7 +36,6 @@ import { ParagraphBlock } from './ParagraphBlock/ParagraphBlock';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
-import { ProductTile } from './ProductTile/ProductTile';
 import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo/RepresentativeOfficeInfo';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
@@ -47,7 +46,6 @@ import { SwipeListControlBlock } from './SwipeListControlBlock/SwipeListControlB
 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 { Video } from './Video/Video';
 
@@ -89,7 +87,6 @@ export const Blocks: BlocksRegistry = {
   Placeholder,
   ProductBlock,
   ProductGallery,
-  ProductTile,
   RepresentativeOfficeInfo,
   RichTextBlock,
   RollupItem,
@@ -100,7 +97,6 @@ export const Blocks: BlocksRegistry = {
   Tabs,
   TariffsTable,
   TextBlock,
-  Tile,
   VerticalLayout,
   Video,
 };

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

@@ -2,7 +2,7 @@ import '../../setup-fixture';
 
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
-import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
 import { DepositFiltration } from './DepositFiltration';
 import { type DepositFiltrationContent } from './DepositFiltrationContent';
 
@@ -43,7 +43,7 @@ const PERCENTS_EACH_MONTH = {
 };
 
 const generateBlock = (...presets: any[]) => ({
-  type: 'ProductTile',
+  type: 'ProductBlock',
   style: ['col-span-6'],
   content: { ...presets.reduce((acc, p) => ({ ...acc, ...p })) },
 });
@@ -115,7 +115,7 @@ export default {
           type: 'DepositFiltration',
           blocks: [
             generateBlock(
-              { ...PRODUCT_TILE, title: 'Карточка 1' },
+              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 1' },
               CURRENCY_RUB,
               OPTIONS_WITHDRAWAL,
               OPTIONS_PENSIONER,
@@ -128,7 +128,7 @@ export default {
               },
             ),
             generateBlock(
-              { ...PRODUCT_TILE, title: 'Карточка 2' },
+              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 2' },
               CURRENCY_USD,
               OPTIONS_ADD,
               OPTIONS_ONLINE,
@@ -141,7 +141,7 @@ export default {
               },
             ),
             generateBlock(
-              { ...PRODUCT_TILE, title: 'Карточка 3' },
+              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 3' },
               CURRENCY_EUR,
               OPTIONS_ADD,
               OPTIONS_ONLINE,

package/src/components/DepositFiltration/DepositFiltration.fixture.tsx

@@ -2,7 +2,7 @@ import '../../setup-fixture';
 
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
-import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
 import { DepositFiltration } from './DepositFiltration';
 import { type DepositFiltrationContent } from './DepositFiltrationContent';
 
@@ -43,7 +43,7 @@ const PERCENTS_EACH_MONTH = {
 };
 
 const generateBlock = (...presets: any[]) => ({
-  type: 'ProductTile',
+  type: 'ProductBlock',
   style: ['col-span-6'],
   content: { ...presets.reduce((acc, p) => ({ ...acc, ...p })) },
 });
@@ -115,7 +115,7 @@ export default {
           type: 'DepositFiltration',
           blocks: [
             generateBlock(
-              { ...PRODUCT_TILE, title: 'Карточка 1' },
+              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 1' },
               CURRENCY_RUB,
               OPTIONS_WITHDRAWAL,
               OPTIONS_PENSIONER,
@@ -128,7 +128,7 @@ export default {
               },
             ),
             generateBlock(
-              { ...PRODUCT_TILE, title: 'Карточка 2' },
+              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 2' },
               CURRENCY_USD,
               OPTIONS_ADD,
               OPTIONS_ONLINE,
@@ -141,7 +141,7 @@ export default {
               },
             ),
             generateBlock(
-              { ...PRODUCT_TILE, title: 'Карточка 3' },
+              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 3' },
               CURRENCY_EUR,
               OPTIONS_ADD,
               OPTIONS_ONLINE,

package/src/components/HorizontalLayout/HorizontalLayout.fixture.tsx

@@ -3,7 +3,7 @@ import '../../setup-fixture';
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
 import { type LinkDocsContent } from '../LinkDocs/LinkDocsContent';
-import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
 import { HorizontalLayout } from './HorizontalLayout';
 
 export const linkDocsExample: LinkDocsContent = {
@@ -27,8 +27,8 @@ export default {
         block={{
           type: 'HorizontalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
           ],
         }}
         options={options}
@@ -43,8 +43,8 @@ export default {
         block={{
           type: 'HorizontalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
           ],
         }}
         options={options}
@@ -58,7 +58,7 @@ export default {
         className="col-span-12"
         block={{
           type: 'HorizontalLayout',
-          blocks: [{ type: 'ProductTile', content: PRODUCT_TILE }],
+          blocks: [{ type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE }],
         }}
         options={options}
       />
@@ -71,9 +71,9 @@ export default {
         block={{
           type: 'HorizontalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-4'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-4'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-4'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-4'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-4'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-4'] },
           ],
         }}
         options={options}
@@ -90,12 +90,12 @@ export default {
         block={{
           type: 'HorizontalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
-            { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE, style: ['col-span-6'] },
           ],
         }}
         options={options}

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

@@ -2,7 +2,7 @@ import '../../setup-fixture';
 
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
-import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
 import { MortgageFiltration } from './MortgageFiltration';
 import {
   type MortgageFiltrationContent,
@@ -46,7 +46,7 @@ const CATEGORY_SALARY = {
 };
 
 const generateBlock = (...presets: any[]) => ({
-  type: 'ProductTile',
+  type: 'ProductBlock',
   style: ['col-span-6'],
   content: { ...presets.reduce((acc, p) => ({ ...acc, ...p })) },
 });
@@ -155,42 +155,42 @@ export default {
           type: 'MortgageFiltration',
           blocks: [
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_APARTMENT,
               STAGE_IN_PROGRESS,
               EXTRA_MORTGAGE,
               CATEGORY_IT,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_APARTMENT,
               STAGE_BUILT,
               EXTRA_CHILDREN,
               CATEGORY_SALARY,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_FLAT,
               STAGE_IN_PROGRESS,
               EXTRA_MORTGAGE,
               CATEGORY_SALARY,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_FLAT,
               STAGE_BUILT,
               EXTRA_MORTGAGE,
               CATEGORY_SALARY,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_APARTMENT,
               STAGE_BUILT,
               EXTRA_CHILDREN,
               CATEGORY_IT,
             ),
             generateBlock(
-              PRODUCT_TILE,
+              PRODUCT_BLOCK_WITH_IMAGE,
               PROPERTY_HOUSE,
               STAGE_BUILT,
               EXTRA_MORTGAGE,