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

package/src/components/MortgageFiltration/MortgageFiltration.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 { 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,

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

@@ -3,6 +3,7 @@ import '../../setup-fixture';
 import { type ComplexBenefitContent } from '../../ui-kit/BenefitItem/BenefitItemContent';
 import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import { ProductBlock } from './ProductBlock';
+import { type ProductBlockContent } from './ProductBlockContent';
 
 const title = 'Кредит до 5 000 000 Р\nбез залога и поручителей';
 const description =
@@ -50,6 +51,12 @@ const benefits: ComplexBenefitContent[] = [
   },
 ];
 
+const benefit: ComplexBenefitContent = {
+  type: 'default',
+  label: 'до 5 млн Р',
+  description: 'Кредитный лимит',
+};
+
 const buttons: ButtonContent[] = [
   {
     href: 'https://rshb.ru',
@@ -73,6 +80,40 @@ const items = [
 
 const props = { title, description, image, buttons };
 
+export const PRODUCT_BLOCK_WITH_IMAGE: ProductBlockContent = {
+  title: 'Акция! “Кредит На все, что хочется!”',
+  headlineVersion: 'S',
+  description: 'Потребительский кредит на любые цели, без залога и поручительства',
+  benefits: [
+    benefit,
+    { ...benefit, label: 'от 12,5%', description: 'Процентная ставка' },
+    {
+      ...benefit,
+      label: 'до 5 лет',
+      description: 'Срок кредитования',
+    },
+  ],
+  buttons: [
+    {
+      text: 'Подробнее',
+      href: '/credit-cards',
+      version: 'secondary',
+    },
+  ],
+  image: {
+    src: 'card-with-diamond.png',
+    alt: 'Кредиты в РСХБ',
+    format: 'webp',
+    size: {
+      height: 200,
+      width: 200,
+    },
+  },
+  isTabularBenefits: true,
+  isFullWidthTitle: true,
+  imageOptions: { isImageSecondary: true },
+};
+
 export default {
   default: (
     <div className="container grid grid-cols-12">

package/src/components/ProductBlock/ProductBlock.fixture.tsx

@@ -36,6 +36,12 @@ const benefits: ComplexBenefitContent[] = [
   },
 ];
 
+const benefit: ComplexBenefitContent = {
+  type: 'default',
+  label: 'до 5 млн Р',
+  description: 'Кредитный лимит',
+};
+
 const buttons: ButtonContent[] = [
   {
     href: 'https://rshb.ru',
@@ -66,6 +72,40 @@ const items = [
   'Расходы для бизнеса на УСН 15% позволят снизить налоговую базу',
 ];
 
+export const PRODUCT_BLOCK_WITH_IMAGE: ProductBlockContent = {
+  title: 'Акция! “Кредит На все, что хочется!”',
+  headlineVersion: 'S',
+  description: 'Потребительский кредит на любые цели, без залога и поручительства',
+  benefits: [
+    benefit,
+    { ...benefit, label: 'от 12,5%', description: 'Процентная ставка' },
+    {
+      ...benefit,
+      label: 'до 5 лет',
+      description: 'Срок кредитования',
+    },
+  ],
+  buttons: [
+    {
+      text: 'Подробнее',
+      href: '/credit-cards',
+      version: 'secondary',
+    },
+  ],
+  image: {
+    src: 'card-with-diamond.png',
+    alt: 'Кредиты в РСХБ',
+    format: 'webp',
+    size: {
+      height: 242,
+      width: 242,
+    },
+  },
+  isTabularBenefits: true,
+  isFullWidthTitle: true,
+  imageOptions: { isImageSecondary: true },
+};
+
 export const PRODUCT_BLOCK: ProductBlockContent = {
   title: 'Оплата проходит в 180 странах мира',
   headlineVersion: 'L',

package/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/src/components/SwipeListControlBlock/SwipeListControlBlock.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 { SwipeListControlBlock } from './SwipeListControlBlock';
 
 const options = {
@@ -17,10 +17,10 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
           ],
         }}
         showDots={true}
@@ -36,8 +36,8 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
           ],
         }}
         listType="vertical-list"
@@ -53,8 +53,8 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
           ],
         }}
         listType="vertical-list"

package/src/components/SwipeListControlBlock/SwipeListControlBlock.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 { SwipeListControlBlock } from './SwipeListControlBlock';
 
 const options = {
@@ -17,8 +17,8 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
           ],
         }}
         listType="vertical-list"
@@ -33,8 +33,8 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
           ],
         }}
         listType="vertical-list"
@@ -50,8 +50,8 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
-            { type: 'ProductTile', content: { ...PRODUCT_TILE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
+            { type: 'ProductBlock', content: { ...PRODUCT_BLOCK_WITH_IMAGE, version: '' } },
           ],
         }}
         listType="vertical-list"
@@ -68,10 +68,10 @@ export default {
         block={{
           type: 'SwipeListControlBlock',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
           ],
         }}
         listType="vertical-list"

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

@@ -4,7 +4,7 @@ import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOpti
 import { type Picture } from '../../model/Picture';
 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 { RICH_TEXT_SEPARATOR } from '../RichTextBlock/RichTextBlock.fixture';
 import { type TextBlockContent } from '../TextBlock/TextBlockContent';
 import { VerticalLayout } from './VerticalLayout';
@@ -50,8 +50,8 @@ export default {
         block={{
           type: 'VerticalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
           ],
         }}
         options={options}

package/src/components/VerticalLayout/VerticalLayout.fixture.tsx

@@ -5,8 +5,8 @@ import { Headline } from '../Headline/Headline';
 import { HorizontalLayout } from '../HorizontalLayout/HorizontalLayout';
 import { type LinkDocsContent } from '../LinkDocs/LinkDocsContent';
 import { ProductBlock } from '../ProductBlock/ProductBlock';
+import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
 import { type ProductBlockContent } from '../ProductBlock/ProductBlockContent';
-import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
 import { RICH_TEXT_SEPARATOR } from '../RichTextBlock/RichTextBlock.fixture';
 import { TEXT_BLOCK } from '../TextBlock/TextBlock.fixture';
 import { VerticalLayout } from './VerticalLayout';
@@ -78,8 +78,8 @@ export default {
         block={{
           type: 'VerticalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
           ],
         }}
         options={options}
@@ -94,8 +94,8 @@ export default {
         block={{
           type: 'VerticalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
           ],
         }}
         options={options}
@@ -111,8 +111,8 @@ export default {
         block={{
           type: 'VerticalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
           ],
         }}
         options={options}
@@ -129,15 +129,14 @@ export default {
         block={{
           type: 'VerticalLayout',
           blocks: [
-            { type: 'ProductTile', content: PRODUCT_TILE },
-            { type: 'ProductTile', content: PRODUCT_TILE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
+            { type: 'ProductBlock', content: PRODUCT_BLOCK_WITH_IMAGE },
           ],
         }}
         options={options}
       />
     </div>
   ),
-
   rollup: (
     <div className="container grid grid-cols-12">
       <VerticalLayout

package/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/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/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/bundle/components/ProductTile/ProductTile.d.ts

@@ -1,5 +0,0 @@
-import { type UniBlockProps } from '../../model/JSXBlock';
-import { type ProductTileContent } from './ProductTileContent';
-export interface ProductTileProps extends ProductTileContent, UniBlockProps {
-}
-export declare const ProductTile: import("@redneckz/uni-jsx").UNIComponent<ProductTileProps, any, any>;

package/bundle/components/ProductTile/ProductTileContent.d.ts

@@ -1,7 +0,0 @@
-import { type AdditionalDescriptionProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
-import { type BaseProductTileContent } from '../../ui-kit/BaseProductTile/BaseProductTileContent';
-/**
- * @title Продуктовая плитка
- */
-export declare type ProductTileContent = UniBlockContent & BaseProductTileContent & AdditionalDescriptionProps;

package/bundle/components/Tile/Tile.d.ts

@@ -1,5 +0,0 @@
-import { type UniBlockProps } from '../../model/JSXBlock';
-import { type TileContent } from './TileContent';
-export interface TileProps extends TileContent, UniBlockProps {
-}
-export declare const Tile: import("@redneckz/uni-jsx").UNIComponent<TileProps, any, any>;

package/bundle/components/Tile/TileContent.d.ts

@@ -1,6 +0,0 @@
-import { type UniBlockContent } from '../../model/JSXBlock';
-import { type BaseProductTileContent } from '../../ui-kit/BaseProductTile/BaseProductTileContent';
-/**
- * @title Плитка
- */
-export declare type TileContent = UniBlockContent & BaseProductTileContent;

package/dist/components/ProductTile/ProductTile.d.ts

@@ -1,5 +0,0 @@
-import { type UniBlockProps } from '../../model/JSXBlock';
-import { type ProductTileContent } from './ProductTileContent';
-export interface ProductTileProps extends ProductTileContent, UniBlockProps {
-}
-export declare const ProductTile: import("@redneckz/uni-jsx").UNIComponent<ProductTileProps, any, any>;

package/dist/components/ProductTile/ProductTile.js

@@ -1,9 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductTile = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const BaseProductTile_1 = require("../../ui-kit/BaseProductTile/BaseProductTile");
-const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
-const Paragraph_1 = require("../../ui-kit/Paragraph/Paragraph");
-exports.ProductTile = (0, uni_jsx_1.JSX)(({ className, padding, headlineVersion = 'S', isTabularBenefits = true, additionalDescription, imageOptions, isFullWidthTitle = true, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: className, padding: "p-0", ...rest, children: (0, jsx_runtime_1.jsx)(BaseProductTile_1.BaseProductTile, { className: "h-full", defaultPadding: "p-4xl sm:p-xl", padding: padding, headlineVersion: headlineVersion, isTabularBenefits: isTabularBenefits, imageOptions: { isImageSecondary: true, ...imageOptions }, isFullWidthTitle: isFullWidthTitle, ...rest, children: additionalDescription ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-m", font: "font-light", color: "group-data-primary:text-secondary-text", children: additionalDescription })) : null }) })));
-//# sourceMappingURL=ProductTile.js.map

package/dist/components/ProductTile/ProductTile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,kFAA+E;AAC/E,4DAAyD;AACzD,gEAA6D;AAKhD,QAAA,WAAW,GAAG,IAAA,aAAG,EAC5B,CAAC,EACC,SAAS,EACT,OAAO,EACP,eAAe,GAAG,GAAG,EACrB,iBAAiB,GAAG,IAAI,EACxB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,GAAG,IAAI,EACvB,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAY,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,KAAK,IAAI,YACxD,uBAAC,iCAAe,IACd,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,eAAe,EAC9B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,EACzD,gBAAgB,EAAE,gBAAgB,KAC9B,IAAI,YAEP,qBAAqB,CAAC,CAAC,CAAC,CACvB,uBAAC,qBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,wCAAwC,YACtF,qBAAqB,GACZ,CACb,CAAC,CAAC,CAAC,IAAI,GACQ,GACL,CAChB,CACF,CAAC"}

package/dist/components/ProductTile/ProductTileContent.d.ts

@@ -1,7 +0,0 @@
-import { type AdditionalDescriptionProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
-import { type BaseProductTileContent } from '../../ui-kit/BaseProductTile/BaseProductTileContent';
-/**
- * @title Продуктовая плитка
- */
-export declare type ProductTileContent = UniBlockContent & BaseProductTileContent & AdditionalDescriptionProps;