@redneckz/wildless-cms-uni-blocks 0.8.15 → 0.8.16

package/mobile/lib/components/Gallery/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Gallery/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,yBAAyB,GAAmC;IACvE,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAmC;IAC1D,MAAM,EAAE,yBAAyB;IACjC,IAAI,EAAE,yBAAyB;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAmC;IAC1D,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;CACV,CAAC"}

package/mobile/lib/components/MiniGallery/MiniGallery.d.ts

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

package/mobile/lib/components/MiniGallery/MiniGallery.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { GalleryInner } from '../Gallery/GalleryInner.js';
-export const MiniGallery = JSX((props) => (_jsx(GalleryInner, { ...props, galleryVersion: "mini" })));
-//# sourceMappingURL=MiniGallery.js.map

package/mobile/lib/components/MiniGallery/MiniGallery.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MiniGallery.js","sourceRoot":"","sources":["../../../src/components/MiniGallery/MiniGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAKvD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1D,KAAC,YAAY,OAAK,KAAK,EAAE,cAAc,EAAC,MAAM,GAAG,CAClD,CAAC,CAAC"}

package/mobile/lib/components/MiniGallery/MiniGalleryContent.d.ts

@@ -1,12 +0,0 @@
-import type { GalleryCardProps, GalleryContent } from '../Gallery/GalleryContent';
-/**
- * @title Мини-галерея
- * @default {"headlineVersion": "L"}
- */
-export interface MiniGalleryContent extends GalleryContent {
-    /**
-     * @title Карточки
-     * @minItems 4
-     */
-    cards?: GalleryCardProps[];
-}

package/mobile/lib/components/MiniGallery/MiniGalleryContent.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MiniGalleryContent.js.map

package/mobile/lib/components/MiniGallery/MiniGalleryContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MiniGalleryContent.js","sourceRoot":"","sources":["../../../src/components/MiniGallery/MiniGalleryContent.ts"],"names":[],"mappings":""}

package/mobile/lib/model/GalleryVersion.d.ts

@@ -1 +0,0 @@
-export declare type GalleryVersion = 'normal' | 'mini';

package/mobile/lib/model/GalleryVersion.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=GalleryVersion.js.map

package/mobile/lib/model/GalleryVersion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GalleryVersion.js","sourceRoot":"","sources":["../../src/model/GalleryVersion.ts"],"names":[],"mappings":""}

package/mobile/src/components/Catalog/Catalog.example.json

@@ -1,59 +0,0 @@
-{
-  "content": {
-    "title": "Каталог",
-    "description": "Описание",
-    "cards": [
-      {
-        "title": "Заголовок карточки 1",
-        "description": "Описание карточки",
-        "image": {
-          "format": "webp",
-          "size": {
-            "width": 230,
-            "height": 230
-          }
-        },
-        "button": {
-          "href": "#Accordion-0",
-          "text": "Подробнее",
-          "target": "_self",
-          "version": "primary"
-        }
-      },
-      {
-        "title": "Заголовок карточки 2",
-        "description": "Описание карточки",
-        "image": {
-          "format": "webp",
-          "size": {
-            "width": 230,
-            "height": 230
-          }
-        },
-        "button": {
-          "href": "",
-          "text": "Подробнее",
-          "target": "_self",
-          "version": "primary"
-        }
-      },
-      {
-        "title": "Заголовок карточки 3",
-        "description": "Описание карточки",
-        "image": {
-          "format": "webp",
-          "size": {
-            "width": 230,
-            "height": 230
-          }
-        },
-        "button": {
-          "href": "",
-          "text": "Подробнее",
-          "target": "_self",
-          "version": "primary"
-        }
-      }
-    ]
-  }
-}

package/mobile/src/components/Catalog/Catalog.tsx

@@ -1,49 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCarouselControls } from '../../hooks/useCarouselControls';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderArrows } from '../../ui-kit/Button/renderArrows';
-import { Headline } from '../Headline/Headline';
-import { CatalogCard } from './CatalogCard';
-import type { CatalogContent } from './CatalogContent';
-
-export interface CatalogProps extends CatalogContent, UniBlockProps {}
-
-const BLUR_BLOCK_CLASSES = 'absolute top-0 bottom-0 w-[84px]';
-const CARD_VIEW_COUNT = 3;
-const CARD_SHIFT = 430;
-
-export const Catalog = JSX<CatalogProps>(
-  ({ cards = [], className = '', title, description, ...rest }) => {
-    const [activeIndex, controls] = useCarouselControls({
-      itemCount: cards?.length,
-      visibleItemCount: CARD_VIEW_COUNT,
-    });
-
-    return (
-      <BlockWrapper className={`p-12 overflow-hidden text-center ${className}`} {...rest}>
-        <Headline
-          className="!p-0"
-          title={title}
-          description={description}
-          headlineVersion="M"
-          {...rest}
-        />
-        <div
-          className="flex duration-1000 gap-3.5 mt-8"
-          style={{ transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }}
-          role="list"
-        >
-          {cards?.length ? cards.map((card, i) => <CatalogCard key={String(i)} {...card} />) : null}
-        </div>
-        {renderArrows({
-          ...controls,
-          btnClass: ['left-8', 'right-8'],
-          className: 'top-1/2 z-10 mt-6',
-        })}
-        <div className={`${BLUR_BLOCK_CLASSES} left-0 bg-opacity-from-white`} />
-        <div className={`${BLUR_BLOCK_CLASSES} right-0 bg-opacity-to-white`} />
-      </BlockWrapper>
-    );
-  },
-);

package/mobile/src/components/Catalog/Catalog.ui.json

@@ -1,11 +0,0 @@
-{
-  "content": {
-    "cards": {
-      "items": {
-        "price": {
-          "ui:field": "number"
-        }
-      }
-    }
-  }
-}

package/mobile/src/components/Catalog/CatalogCard.tsx

@@ -1,47 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { ProductColorVersion } from '../../model/ProductColorVersion';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { Img } from '../../ui-kit/Img/Img';
-import type { CatalogCardType } from './CatalogContent';
-
-export interface CatalogCardProps extends CatalogCardType {
-  className?: string;
-  version?: BlockVersion;
-}
-
-const cardStyleMap: Record<ProductColorVersion, string> = {
-  black: 'bg-black',
-  white: 'bg-white',
-};
-
-export const CatalogCard = JSX<CatalogCardProps>(
-  ({ className = '', title, description, image, price, button, colors }) => (
-    <section
-      className={`border border-solid box-border border-gray p-[30px] min-w-[402px] flex flex-col justify-left ${className}`}
-      role="listitem"
-    >
-      {image?.src ? <Img className="mb-5 flex justify-center" image={image} /> : null}
-      {title ? (
-        <Heading headingType="h6" as="h4" className="text-left mb-1.5" title={title} />
-      ) : null}
-      {description ? <div className="text-m-light text-left mb-4">{description}</div> : null}
-      {colors?.length ? (
-        <div className="flex mb-4 text-s-light text-secondary-text">
-          <div className="mr-1.5">Доступные цвета: </div>
-          {colors.map(renderColorOption)}
-        </div>
-      ) : null}
-      {price ? <div className="text-h3 text-left">{price}&nbsp;₽</div> : null}
-      {renderButtonsSection([button], { buttonClassName: 'mt-5 w-full' })}
-    </section>
-  ),
-);
-
-const renderColorOption = (color: ProductColorVersion, i: number) => (
-  <span
-    key={String(i)}
-    className={`w-6 h-6 ml-3 border border-solid border-main-divider rounded-full ${cardStyleMap[color]}`}
-  />
-);

package/mobile/src/components/Catalog/CatalogContent.ts

@@ -1,29 +0,0 @@
-import type { HeadlineCommonProps } from '../../model/HeadlineType';
-import type { ProductColorVersion } from '../../model/ProductColorVersion';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import type { ImageContent } from '../../ui-kit/Img/ImgProps';
-import type { BlockVersion } from '../../model/BlockVersion';
-
-export interface CatalogCardType extends HeadlineCommonProps, ImageContent {
-  /** @title Цена в рублях */
-  price?: number;
-  /** @title Доступные цвета */
-  colors?: ProductColorVersion[];
-  /**
-   * @title Кнопка
-   * @default {
-   *  "icon": { "format": "webp", "size": { "width": 24, "height": 24 } },
-   *  "iconRight" : { "format": "webp", "size": { "width": 24, "height": 24 } }
-   * }
-   */
-  button?: ButtonWithIconProps;
-}
-
-/**
- * @title Каталог
- */
-export type CatalogContent = HeadlineCommonProps & {
-  /** @title Список карточек */
-  cards?: CatalogCardType[];
-  version?: BlockVersion;
-};

package/mobile/src/components/Gallery/Gallery.example.json

@@ -1,66 +0,0 @@
-{
-  "content": {
-    "title": "Галерея",
-    "description": "Описание",
-    "orientation": "horizontal",
-    "cards": [
-      {
-        "icon": {
-          "format": "webp",
-          "size": {
-            "width": 150,
-            "height": 150
-          }
-        },
-        "title": "Заголовок 1",
-        "description": "Описание 1",
-        "href": "/credit-cards",
-        "version": "primary",
-        "isDotted": true,
-        "items": [
-          { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
-          { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
-          { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
-        ]
-      },
-      {
-        "icon": {
-          "format": "webp",
-          "size": {
-            "width": 140,
-            "height": 140
-          }
-        },
-        "title": "Заголовок 2",
-        "description": "Описание 2",
-        "href": "/credit-cards",
-        "version": "primary",
-        "isDotted": true,
-        "items": [
-          { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
-          { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
-          { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
-        ]
-      },
-      {
-        "image": {
-          "format": "webp",
-          "size": {
-            "width": 140,
-            "height": 140
-          }
-        },
-        "title": "Заголовок 3",
-        "description": "Описание 3",
-        "href": "/credit-cards",
-        "version": "primary",
-        "isDotted": true,
-        "items": [
-          { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
-          { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
-          { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
-        ]
-      }
-    ]
-  }
-}

package/mobile/src/components/Gallery/Gallery.tsx

@@ -1,113 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { ListOrientation } from '../../model/ListOrientation';
-import type { Picture } from '../../model/Picture';
-import { blockStyles, BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Button } from '../../ui-kit/Button/Button';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { Img } from '../../ui-kit/Img/Img';
-import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
-import type { GalleryCardProps, GalleryItemProps } from './GalleryContent';
-import type { GalleryProps } from './GalleryProps';
-
-export const Gallery = JSX<GalleryProps>(
-  ({ className = '', title, description, cards = [], orientation = 'horizontal', ...rest }) => (
-    <BlockWrapper className={`relative px-4 py-6 overflow-hidden ${className}`} {...rest}>
-      <div className="flex flex-col items-center mb-5">
-        {title ? (
-          <Heading
-            headingType="h3"
-            className={`text-center ${description ? 'mb-2' : 'mb-5'}`}
-            title={title}
-          />
-        ) : null}
-        {description ? (
-          <div className="text-m max-w-[600px] text-center mb-5">{description}</div>
-        ) : null}
-      </div>
-      {renderCardsLayout(orientation, cards)}
-    </BlockWrapper>
-  ),
-);
-
-function renderCardsLayout(orientation: ListOrientation, cards: GalleryCardProps[]) {
-  return orientation === 'horizontal' ? (
-    <SwipeListControl>{cards?.map(renderCard)}</SwipeListControl>
-  ) : (
-    <div className="grid gap-3.5">{cards?.map(renderCard)}</div>
-  );
-}
-
-function renderCard(card: GalleryCardProps, key: number) {
-  return (
-    <div
-      className={`w-full h-full flex flex-col justify-between shrink-0 box-border snap-start snap-always border-solid border rounded-md border-gray p-4
-      ${blockStyles[card.version ?? 'primary']}`}
-      key={key}
-    >
-      <div>
-        {renderImage(card.icon)}
-        {card.title ? <h3 className={`text-m-title-xs font-medium m-0`}>{card.title}</h3> : null}
-        {card.description ? renderDescription(card) : null}
-        {card.items?.length ? renderItems(card.items, card.isDotted, card.version) : null}
-      </div>
-      {card?.button?.text ? renderButton(card.button) : null}
-    </div>
-  );
-}
-
-const renderImage = (image?: Picture) =>
-  image?.src || image?.icon ? (
-    <div className="flex justify-center">
-      <Img className="mb-3.5" image={image} />
-    </div>
-  ) : null;
-
-function renderButton(button?: ButtonWithIconProps) {
-  return <Button className="mt-3" {...button} />;
-}
-
-function renderDescription(card: GalleryCardProps) {
-  return (
-    <div
-      className={`text-secondary-text mt-1 text-s ${
-        card.version === 'secondary' ? 'text-white opacity-80' : ''
-      }`}
-    >
-      {card.description}
-    </div>
-  );
-}
-
-const LIST_DOT_STYLE_MAP: Record<BlockVersion, string> = {
-  primary: 'bg-primary-text',
-  secondary: 'bg-white',
-  gray: 'bg-primary-text',
-  transparent: '',
-  '': '',
-};
-
-function renderItems(
-  items: GalleryItemProps[],
-  isDotted?: boolean,
-  version: BlockVersion = 'primary',
-) {
-  return (
-    <section className="mt-3">
-      {items.map((item, i) => (
-        <div key={String(i)}>
-          {isDotted ? (
-            <div
-              className={`rounded-full inline-block mr-3 mt-2 w-2 h-2 min-w-2 min-h-2 ${LIST_DOT_STYLE_MAP[version]}`}
-            />
-          ) : null}
-          <span className="text-m font-medium">{item.title}</span>
-          <span className={`text-s pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`}>
-            {item.text}
-          </span>
-        </div>
-      ))}
-    </section>
-  );
-}

package/mobile/src/components/Gallery/Gallery.ui.json

@@ -1,22 +0,0 @@
-{
-  "content": {
-    "cards": {
-      "items": {
-        "additionalDescription": {
-          "ui:field": "hidden"
-        },
-        "icon": {
-          "ui:field": "picture"
-        },
-        "button": {
-          "icon": {
-            "ui:field": "icon"
-          },
-          "iconRight": {
-            "ui:field": "icon"
-          }
-        }
-      }
-    }
-  }
-}

package/mobile/src/components/Gallery/GalleryCardInner.tsx

@@ -1,78 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { AlignText } from '../../model/AlignText';
-import type { Picture } from '../../model/Picture';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
-import { Img } from '../../ui-kit/Img/Img';
-import { List } from '../../ui-kit/List/List';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
-import { HEADLINE_SMALL_VERSION } from '../Headline/headlineVersionStyles';
-import type { GalleryCardProps, GalleryItemProps } from './GalleryContent';
-
-export const GalleryCardInner = JSX<GalleryCardProps>(
-  ({
-    title,
-    headlineSmallVersion = 'H6',
-    description,
-    additionalDescription,
-    icon,
-    items,
-    button,
-    isFullWidth = true,
-    isDotted = true,
-    align = 'center',
-    ...rest
-  }) => (
-    <BlockWrapper
-      className={`h-full flex flex-col justify-between ${AlignText[align]}`}
-      tag="div"
-      {...rest}
-    >
-      <div className="flex flex-col h-full">
-        {renderImage(icon)}
-        {renderCardTitle(headlineSmallVersion, title)}
-        {renderDescription(description, title)}
-        {items?.length ? renderItems(items, isDotted) : null}
-        {renderAdditionalDescription(additionalDescription)}
-      </div>
-      {renderButtonsSection([button], {
-        buttonClassName: `mt-6 ${isFullWidth ? 'w-full' : 'self-center'}`,
-      })}
-    </BlockWrapper>
-  ),
-);
-
-const renderImage = (image?: Picture) => (
-  <div className="flex justify-center">
-    {image?.src ? <Img className="mb-5" image={image} /> : null}
-    {image?.icon ? (
-      <Img
-        className={`w-8 h-8 min-w-8 mb-5 rounded-full`}
-        image={getIconWithVersion(image)}
-        asSVG
-      />
-    ) : null}
-  </div>
-);
-
-const renderCardTitle = (headlineSmallVersion: string, title?: string) =>
-  title ? <div className={HEADLINE_SMALL_VERSION[headlineSmallVersion]}>{title}</div> : null;
-
-const renderDescription = (description?: string, title?: string) =>
-  description ? <div className={`text-l ${title ? 'mt-2' : ''}`}>{description}</div> : null;
-
-const renderAdditionalDescription = (additionalDescription?: string) =>
-  additionalDescription ? (
-    <div className={`text-m-light mt-auto group-data-primary:text-secondary-text`}>
-      {additionalDescription}
-    </div>
-  ) : null;
-
-const renderItems = (items: GalleryItemProps[], isDotted: boolean) => (
-  <List
-    className="max-w-[308px] mt-2 text-s group-data-primary:text-secondary-text"
-    itemClassName="text-left"
-    items={items.filter((item) => item?.text).map((item) => item.text as string)}
-    isDotted={isDotted}
-  />
-);

package/mobile/src/components/Gallery/GalleryContainer.tsx

@@ -1,61 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { GalleryVersion } from '../../model/GalleryVersion';
-import { blockStyles } from '../../ui-kit/BlockWrapper';
-import { Headline } from '../Headline/Headline';
-import { cardStyleMap, cardWidthMap, galleryLengthForScrollMap } from './constants';
-import { GalleryCardInner } from './GalleryCardInner';
-import type { GalleryCardProps } from './GalleryContent';
-import type { GalleryInnerProps } from './GalleryInner';
-
-export interface GalleryContainerProps extends GalleryInnerProps {
-  activeIndex: number;
-}
-
-export interface GalleryCardData {
-  card: GalleryCardProps;
-  galleryVersion: GalleryVersion;
-}
-
-export const GalleryContainer = JSX<GalleryContainerProps>(
-  ({
-    headlineVersion = 'M',
-    cards = [],
-    galleryVersion = 'normal',
-    activeIndex,
-    title,
-    description,
-  }) => (
-    <div>
-      <Headline
-        className="!p-0"
-        title={title}
-        description={description}
-        headlineVersion={headlineVersion}
-      />
-      <div
-        className={`flex mt-8 ${
-          cards?.length <= galleryLengthForScrollMap[galleryVersion] ? 'justify-center' : ''
-        } duration-1000`}
-        style={{ transform: `translateX(-${activeIndex * cardWidthMap[galleryVersion]}px)` }}
-        role="list"
-      >
-        {cards?.map((card, i) => renderCard({ card, galleryVersion }, i))}
-      </div>
-    </div>
-  ),
-);
-
-function renderCard({ card, galleryVersion }: GalleryCardData, i: number) {
-  return (
-    <section
-      className={`box-border border-solid border border-gray p-6 mx-2 flex flex-col justify-between
-        items-stretch ${cardStyleMap[galleryVersion]} ${
-        blockStyles[card.version ?? 'primary'] // TODO Replace with direct BlockWrapper usage
-      } w-full col-span-4`}
-      key={String(i)}
-      role="listitem"
-    >
-      <GalleryCardInner {...card} />
-    </section>
-  );
-}

package/mobile/src/components/Gallery/GalleryContent.ts

@@ -1,74 +0,0 @@
-import type { AlignType } from '../../model/AlignType';
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { HeadlineProps, HeadlineSmallProps } from '../../model/HeadlineType';
-import type { ListOrientation } from '../../model/ListOrientation';
-import type { Picture } from '../../model/Picture';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-
-/**
- * @title Элемент списка
- */
-export interface GalleryItemProps {
-  /** @title Заголовок (моб.) */
-  title?: string; //TODO: for mobile
-  /** @title Текст */
-  text?: string;
-}
-
-/**
- * @title Карточка
- * @default {"headlineSmallVersion": "XL_L"}
- */
-export type GalleryCardProps = HeadlineSmallProps & {
-  /** @title Дополнительное описание */
-  additionalDescription?: string;
-  /**
-   * @default {
-   *   "format": "webp",
-   *   "size": {
-   *       "width": 140
-   *   },
-   *   "sources": [{
-   *       "media": 1279,
-   *       "width": 84,
-   *       "format": "webp",
-   *       "alignment": "center"
-   *   }]
-   * }
-   */
-  icon?: Picture;
-  /** @title Кнопка */
-  button?: ButtonWithIconProps;
-  /**
-   * @title Буллиты
-   * @default true
-   */
-  isDotted?: boolean;
-  /** @title Список */
-  items?: GalleryItemProps[];
-  version?: BlockVersion;
-  /**
-   * @title Выравнивание
-   * @default center
-   */
-  align?: AlignType;
-  /**
-   * @title Кнопка по всей ширине
-   * @default true
-   */
-  isFullWidth?: boolean;
-};
-
-/**
- * @title Галерея
- */
-export type GalleryContent = HeadlineProps & {
-  /**
-   * @title Карточки
-   * @minItems 3
-   */
-  cards?: GalleryCardProps[];
-  /** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
-  orientation?: ListOrientation; //TODO: for mobile
-  button?: ButtonWithIconProps;
-};