@vkontakte/vkui 7.2.1 → 7.3.0

package/src/components/Epic/Epic.tsx

@@ -10,8 +10,18 @@ import { ScrollSaver } from './ScrollSaver';
 import styles from './Epic.module.css';
 
 export interface EpicProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
+  /**
+   * Компонент Tabbar, который будет отображаться снизу.
+   */
   tabbar?: React.ReactNode;
+  /**
+   * `id` активного окна.
+   */
   activeStory: string;
+  /**
+   * Внутри `Epic` может находиться либо коллекция `Root`,
+   * либо коллекция `View`. У каждого элемента коллекции должен быть уникальный `id`.
+   */
   children: React.ReactElement | Iterable<React.ReactElement>;
 }
 

package/src/components/Epic/ScrollSaver.tsx

@@ -1,4 +1,5 @@
 'use client';
+/* eslint-disable jsdoc/require-jsdoc */
 
 import * as React from 'react';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';

package/src/components/FixedLayout/FixedLayout.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./FixedLayout.module.css"],"names":["host","filled","verticalTop","verticalBottom"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAmBAC,Q,WAnBA;AAAA,E,aAuBAC,a,WAvBA;AAAA,E,aA4BAC,gB,WA5BA;AAAA,E,aAuCsCA,gB,WAvCtC;AAAA,E,aAkDoCD,a,WAlDpC;AAAA,E,aAmDsCA,a,WAnDtC;AAAA;AAAA","file":"FixedLayout.module.css.d.ts","sourceRoot":""}

package/src/components/FixedLayout/FixedLayout.tsx

@@ -18,6 +18,9 @@ const stylesVertical = {
 };
 
 export interface FixedLayoutProps extends HTMLAttributesWithRootRef<HTMLDivElement>, HasComponent {
+  /**
+   * Положение по вертикали, либо сверху, либо снизу.
+   */
   vertical?: 'top' | 'bottom';
   /**
    * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.
@@ -31,13 +34,6 @@ export interface FixedLayoutProps extends HTMLAttributesWithRootRef<HTMLDivEleme
   useParentWidth?: boolean;
 }
 
-export interface FixedLayoutState {
-  position: 'absolute' | null;
-  top: number;
-  bottom: number;
-  width: string;
-}
-
 /**
  * @see https://vkcom.github.io/VKUI/#/FixedLayout
  */

package/src/components/Flex/Flex.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Flex.module.css"],"names":["host","marginAuto","directionColumn","reverse","wrap","justifyStart","justifyEnd","justifyCenter","justifySpaceAround","justifySpaceBetween","justifySpaceEvenly","alignStart","alignEnd","alignCenter","alignStretch","alignBaseline"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,Y,WAPA;AAAA,E,aAqBED,M,WArBF;AAAA,E,aA0BEA,M,WA1BF;AAAA,E,aAoCEA,M,WApCF;AAAA,E,aAoCOA,M,WApCP;AAAA,E,aA0CAA,M,WA1CA;AAAA,E,aA0CQC,Y,WA1CR;AAAA,E,aA+CAC,iB,WA/CA;AAAA,E,aAmDAC,S,WAnDA;AAAA,E,aAuDAD,iB,WAvDA;AAAA,E,aAuDgBC,S,WAvDhB;AAAA,E,aA2DAC,M,WA3DA;AAAA,E,aAiEAC,c,WAjEA;AAAA,E,aAqEAC,Y,WArEA;AAAA,E,aAyEAC,e,WAzEA;AAAA,E,aA6EAC,oB,WA7EA;AAAA,E,aAiFAC,qB,WAjFA;AAAA,E,aAqFAC,oB,WArFA;AAAA,E,aA2FAC,Y,WA3FA;AAAA,E,aA+FAC,U,WA/FA;AAAA,E,aAmGAC,a,WAnGA;AAAA,E,aAuGAC,c,WAvGA;AAAA,E,aA2GAC,e,WA3GA;AAAA;AAAA","file":"Flex.module.css.d.ts","sourceRoot":""}

package/src/components/Flex/FlexItem/FlexItem.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./FlexItem.module.css"],"names":["flexGrow","flexShrink","flexContent","flexFixed","alignSelfStart","alignSelfEnd","alignSelfCenter","alignSelfBaseline","alignSelfStretch"],"mappings":"AAAA;AAAA,E,aAEAA,U,WAFA;AAAA,E,aAMAC,Y,WANA;AAAA,E,aAUAC,a,WAVA;AAAA,E,aAcAC,W,WAdA;AAAA,E,aAoBAC,gB,WApBA;AAAA,E,aAwBAC,c,WAxBA;AAAA,E,aA4BAC,iB,WA5BA;AAAA,E,aAgCAC,mB,WAhCA;AAAA,E,aAoCAC,kB,WApCA;AAAA;AAAA","file":"FlexItem.module.css.d.ts","sourceRoot":""}

package/src/components/Flex/FlexItem/FlexItem.tsx

@@ -23,7 +23,7 @@ export interface FlexItemProps
   extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'>,
     HasChildren {
   /**
-   * Для задания выравнивания, отлично от родительского, эквивалентно `align-self`
+   * Для задания выравнивания, отлично от родительского, эквивалентно `align-self`.
    */
   alignSelf?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
   /**
@@ -32,11 +32,11 @@ export interface FlexItemProps
    * - `grow` соответствует значению `1 0 auto`
    * - `shrink` соответствует значению `0 1 auto`
    * - `content` соответствует значению `1 1 auto`
-   * - `fixed` соответствует значению `0 0 auto`
+   * - `fixed` соответствует значению `0 0 auto`.
    */
   flex?: 'grow' | 'shrink' | 'content' | 'fixed';
   /**
-   * Изначальный размер элемента, эквивалентно `flex-basis`
+   * Изначальный размер элемента, эквивалентно `flex-basis`.
    */
   flexBasis?: number | string;
 }

package/src/components/FloatingArrow/DefaultIcon.tsx

@@ -20,7 +20,7 @@ const ARROW_HEIGHT_WITH_WHITE_SPACE = DEFAULT_ARROW_HEIGHT + PLATFORM_HEIGHT;
  * 1. Прибавить высоту платформы к `height` и `viewBox` SVG контейнера.
  * 2. Сместить положение SVG контейнера на высоту платформы – сделано в CSS через `translateY(1px)`.
  *
- * https://github.com/VKCOM/VKUI/issues/2123
+ * Смотри https://github.com/VKCOM/VKUI/issues/2123.
  *
  * @since 7.0.0
  */

package/src/components/FloatingArrow/FloatingArrow.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./FloatingArrow.module.css"],"names":["host","in","placementRight","placementBottom","placementLeft"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAC,I,WAJA;AAAA,E,aAYAC,gB,WAZA;AAAA,E,aAiBAC,iB,WAjBA;AAAA,E,aAqBAC,e,WArBA;AAAA;AAAA","file":"FloatingArrow.module.css.d.ts","sourceRoot":""}

package/src/components/FloatingArrow/FloatingArrow.tsx

@@ -7,7 +7,9 @@ import { DefaultIcon } from './DefaultIcon';
 import styles from './FloatingArrow.module.css';
 
 export type Coords = {
+  /** Координата x. */
   x?: number;
+  /** Координата y. */
   y?: number;
 };
 
@@ -28,10 +30,25 @@ export interface FloatingArrowProps
    * Включает абсолютное смещение по `offset`.
    */
   isStaticOffset?: boolean;
+  /**
+   * Координаты стрелки.
+   */
   coords?: Coords;
+  /**
+   * Расположение всплывающего элемента.
+   */
   placement?: Placement;
+  /**
+   * Стили иконки.
+   */
   iconStyle?: React.CSSProperties;
+  /**
+   * `className` для иконки.
+   */
   iconClassName?: string;
+  /**
+   * Иконка для отображения стрелки.
+   */
   Icon?: React.ComponentType<React.SVGAttributes<SVGSVGElement>>;
 }
 

package/src/components/FocusTrap/FocusTrap.tsx

@@ -24,6 +24,7 @@ export const FocusTrap = <T extends HTMLElement = HTMLElement>({
   timeout = 0,
   getRootRef,
   children,
+  captureEscapeKeyboardEvent = true,
   ...restProps
 }: FocusTrapProps<T>): React.ReactNode => {
   const ref = useExternRef<T>(getRootRef);
@@ -35,6 +36,7 @@ export const FocusTrap = <T extends HTMLElement = HTMLElement>({
     mount,
     timeout,
     onClose,
+    captureEscapeKeyboardEvent,
   });
 
   return (

package/src/components/Footer/Footer.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Footer.module.css"],"names":["host"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA;AAAA","file":"Footer.module.css.d.ts","sourceRoot":""}

package/src/components/FormField/FormField.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./FormField.module.css"],"names":["host","scrollContainer","content","sizeYCompact","sizeYNone","iconWrapper","before","after","iconAlignStart","iconAlignEnd","border","modeDefault","hover","focusVisible","statusError","statusValid","disabled"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAYAC,iB,WAZA;AAAA,E,aAqBAC,S,WArBA;AAAA,E,aA4BAC,c,WA5BA;AAAA,E,aAiCEC,W,WAjCF;AAAA,E,aAuCAJ,M,WAvCA;AAAA,E,aA4CAK,a,WA5CA;AAAA,E,aAoDAC,Q,WApDA;AAAA,E,aAqDAC,O,WArDA;AAAA,E,aA+DAJ,c,WA/DA;AAAA,E,aA+DcG,Q,WA/Dd;AAAA,E,aAgEAH,c,WAhEA;AAAA,E,aAgEcI,O,WAhEd;AAAA,E,aAqEEH,W,WArEF;AAAA,E,aAqEaE,Q,WArEb;AAAA,E,aAsEIF,W,WAtEJ;AAAA,E,aAsEeG,O,WAtEf;AAAA,E,aA2EAC,gB,WA3EA;AAAA,E,aA+EAC,c,WA/EA;AAAA,E,aAmFAH,Q,WAnFA;AAAA,E,aAuFAC,O,WAvFA;AAAA,E,aA2FAG,Q,WA3FA;AAAA,E,aAyGAC,a,WAzGA;AAAA,E,aAyGeD,Q,WAzGf;AAAA,E,aA6GAC,a,WA7GA;AAAA,E,aAiHAC,O,WAjHA;AAAA,E,aAqHAD,a,WArHA;AAAA,E,aAqHYC,O,WArHZ;AAAA,E,aAqHqBF,Q,WArHrB;AAAA,E,aA8HAG,c,WA9HA;AAAA,E,aA8HaA,c,WA9Hb;AAAA,E,aA8H6BH,Q,WA9H7B;AAAA,E,aAwI6CC,a,WAxI7C;AAAA,E,aAwI4DD,Q,WAxI5D;AAAA,E,aA0I6CG,c,WA1I7C;AAAA,E,aA0I6DH,Q,WA1I7D;AAAA,E,aA2IAI,a,WA3IA;AAAA,E,aA2IYH,a,WA3IZ;AAAA,E,aA2I2BD,Q,WA3I3B;AAAA,E,aA4IAI,a,WA5IA;AAAA,E,aA4IYD,c,WA5IZ;AAAA,E,aA4I4BH,Q,WA5I5B;AAAA,E,aAkJ6CV,M,WAlJ7C;AAAA,E,aAmJAc,a,WAnJA;AAAA,E,aAyJ6CH,a,WAzJ7C;AAAA,E,aAyJ4DD,Q,WAzJ5D;AAAA,E,aA2J6CG,c,WA3J7C;AAAA,E,aA2J6DH,Q,WA3J7D;AAAA,E,aA4JAK,a,WA5JA;AAAA,E,aA4JYJ,a,WA5JZ;AAAA,E,aA4J2BD,Q,WA5J3B;AAAA,E,aA6JAK,a,WA7JA;AAAA,E,aA6JYF,c,WA7JZ;AAAA,E,aA6J4BH,Q,WA7J5B;AAAA,E,aAmK6CV,M,WAnK7C;AAAA,E,aAmKuDW,a,WAnKvD;AAAA,E,aAoKAI,a,WApKA;AAAA,E,aAoKiBJ,a,WApKjB;AAAA,E,aAyKAK,U,WAzKA;AAAA,E,aAoLmCT,O,WApLnC;AAAA,E,aA6L6CA,O,WA7L7C;AAAA,E,aAuMiDP,M,WAvMjD;AAAA,E,aAkNEA,M,WAlNF;AAAA,E,aA4NEA,M,WA5NF;AAAA,E,aAsOEA,M,WAtOF;AAAA,E,aAgPEA,M,WAhPF;AAAA;AAAA","file":"FormField.module.css.d.ts","sourceRoot":""}

package/src/components/FormField/FormField.tsx

@@ -36,6 +36,9 @@ const renderIcon = (icon: React.ReactNode, align: FieldIconsAlign, className: st
 export type FieldIconsAlign = 'start' | 'center' | 'end';
 
 export interface FormFieldProps {
+  /**
+   * Статус отображения поля в форме.
+   */
   status?: 'default' | 'error' | 'valid';
   /**
    * Добавляет иконку слева.
@@ -43,11 +46,11 @@ export interface FormFieldProps {
    * Рекомендации:
    *
    * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.
-   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.
+   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна иконка, реагирующая на нажатие.
    */
   before?: React.ReactNode;
   /**
-   * Вертикальное выравнивание иконки слева
+   * Вертикальное выравнивание иконки слева.
    */
   beforeAlign?: FieldIconsAlign;
   /**
@@ -56,11 +59,11 @@ export interface FormFieldProps {
    * Рекомендации:
    *
    * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.
-   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.
+   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна иконка, реагируюущая на нажатие.
    */
   after?: React.ReactNode;
   /**
-   * Вертикальное выравнивание иконки справа
+   * Вертикальное выравнивание иконки справа.
    */
   afterAlign?: FieldIconsAlign;
   /**
@@ -71,7 +74,7 @@ export interface FormFieldProps {
    */
   mode?: 'default' | 'plain';
   /**
-   * Максимальная высота поля
+   * Максимальная высота поля.
    */
   maxHeight?: number;
 }
@@ -81,6 +84,9 @@ export interface FormFieldOwnProps
     HasRootRef<HTMLElement>,
     HasComponent,
     FormFieldProps {
+  /**
+   * Блокировка взаимодействия с компонентом.
+   */
   disabled?: boolean;
 }
 

package/src/components/FormFieldClearButton/FormFieldClearButton.tsx

@@ -7,8 +7,17 @@ import type { HasDataAttribute } from '../../types';
 import { IconButton } from '../IconButton/IconButton';
 
 export interface FormFieldClearButtonProps extends HasDataAttribute {
+  /**
+   * `className` для компонента.
+   */
   className?: string;
+  /**
+   * Обработчик нажатия на кнопку.
+   */
   onClick: () => void;
+  /**
+   * Блокировка взаимодействия с компонентом.
+   */
   disabled?: boolean;
 }
 

package/src/components/FormItem/FormItem.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./FormItem.module.css"],"names":["host","withPadding","withRemovable","removable","top","label","aside","labelMultiline","labelRequired","bottom","statusError","statusValid","verified","sizeYCompact","sizeYNone","withTop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAC,a,WAJA;AAAA,E,aASAC,e,WATA;AAAA,E,aAaAC,W,WAbA;AAAA,E,aAuBAC,K,WAvBA;AAAA,E,aA8BAC,O,WA9BA;AAAA,E,aA+BAC,O,WA/BA;AAAA,E,aAqCAD,O,WArCA;AAAA,E,aAyCAC,O,WAzCA;AAAA,E,aA8CAA,O,WA9CA;AAAA,E,aAkDAC,gB,WAlDA;AAAA,E,aAuDAC,e,WAvDA;AAAA,E,aA4DAC,Q,WA5DA;AAAA,E,aAiEAC,a,WAjEA;AAAA,E,aAiEaD,Q,WAjEb;AAAA,E,aAqEAE,a,WArEA;AAAA,E,aAqEaF,Q,WArEb;AAAA,E,aAsEAG,U,WAtEA;AAAA,E,aAsEUH,Q,WAtEV;AAAA,E,aA8EAI,c,WA9EA;AAAA,E,aA8EcT,K,WA9Ed;AAAA,E,aAkFAS,c,WAlFA;AAAA,E,aAkFcJ,Q,WAlFd;AAAA,E,aAuFEK,W,WAvFF;AAAA,E,aAuFaV,K,WAvFb;AAAA,E,aA2FEU,W,WA3FF;AAAA,E,aA2FaL,Q,WA3Fb;AAAA,E,aAqGuDT,M,WArGvD;AAAA,E,aAgHEA,M,WAhHF;AAAA,E,aAiHIA,M,WAjHJ;AAAA,E,aAuHEA,M,WAvHF;AAAA,E,aAwHIA,M,WAxHJ;AAAA,E,aA8HEA,M,WA9HF;AAAA,E,aA+HIA,M,WA/HJ;AAAA,E,aAsIEA,M,WAtIF;AAAA,E,aA2IuDe,S,WA3IvD;AAAA,E,aA4IAA,S,WA5IA;AAAA,E,aA4ISZ,W,WA5IT;AAAA,E,aAoJuDU,c,WApJvD;AAAA,E,aAoJoEE,S,WApJpE;AAAA,E,aAqJAF,c,WArJA;AAAA,E,aAqJaE,S,WArJb;AAAA,E,aAqJsBZ,W,WArJtB;AAAA,E,aA8JyDW,W,WA9JzD;AAAA,E,aA8JmEC,S,WA9JnE;AAAA,E,aA+JID,W,WA/JJ;AAAA,E,aA+JcC,S,WA/Jd;AAAA,E,aA+JuBZ,W,WA/JvB;AAAA;AAAA","file":"FormItem.module.css.d.ts","sourceRoot":""}

package/src/components/FormItem/FormItem.tsx

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { classNames, hasReactNode, isPrimitiveReactNode } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../hooks/useAdaptivity';
 import { useExternRef } from '../../hooks/useExternRef';
+import { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';
 import type { HasComponent, HasRootRef } from '../../types';
 import { Removable, type RemovableProps } from '../Removable/Removable';
 import { RootComponent } from '../RootComponent/RootComponent';
@@ -29,7 +30,15 @@ export interface FormItemProps
     HasRootRef<HTMLElement>,
     HasComponent,
     RemovableProps {
+  /**
+   * Дополнительный элемент, отображаемый над содержимым.
+   */
   top?: React.ReactNode;
+  /**
+   * Передаётся при использовании `top`.
+   *
+   * `id` для `top`.
+   */
   topId?: string;
   /**
    * Многострочный вывод заголовка. По умолчанию текст не переносится при переполнении.
@@ -41,6 +50,9 @@ export interface FormItemProps
    * Если оставить пустым и использовать htmlFor, то тег top будет label.
    */
   topComponent?: React.ElementType;
+  /**
+   * Дополнительный элемент, отображаемый под содержимым.
+   */
   bottom?: React.ReactNode;
   /**
    * Передаётся при использовании `bottom`.
@@ -48,20 +60,23 @@ export interface FormItemProps
    * Должен совпадать с `aria-describedby`, который передаётся в компонент, отвечающий за пользовательский ввод.
    */
   bottomId?: string;
+  /**
+   * Статус, влияющий на стиль отображения компонента.
+   */
   status?: 'default' | 'error' | 'valid';
   /**
    * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.
    *
-   * Режим `indent` предназначен для визуального отступа
+   * Режим `indent` предназначен для визуального отступа.
    */
   removable?: boolean | 'indent';
   /**
-   * Удаляет внешние отступы вокруг компонента
+   * Удаляет внешние отступы вокруг компонента.
    * @since 5.8.0
    */
   noPadding?: boolean;
   /**
-   * Помечает поле обязательным
+   * Помечает поле обязательным.
    */
   required?: boolean;
 }
@@ -159,13 +174,12 @@ export const FormItem: React.FC<FormItemProps> & {
   );
 };
 
-FormItem.displayName = 'FormItem';
-
 FormItem.Top = FormItemTop;
-FormItem.Top.displayName = 'FormItem.Top';
-
 FormItem.TopLabel = FormItemTopLabel;
-FormItem.TopLabel.displayName = 'FormItem.TopLabel';
-
 FormItem.TopAside = FormItemTopAside;
-FormItem.TopAside.displayName = 'FormItem.TopAside';
+
+if (process.env.NODE_ENV !== 'production') {
+  defineComponentDisplayNames(FormItem.Top, 'FormItem.Top');
+  defineComponentDisplayNames(FormItem.TopLabel, 'FormItem.TopLabel');
+  defineComponentDisplayNames(FormItem.TopAside, 'FormItem.TopAside');
+}

package/src/components/FormItem/FormItemTop/FormItemTop.tsx

@@ -10,8 +10,6 @@ export interface FormItemTopProps extends HTMLAttributesWithRootRef<HTMLDivEleme
  * @since 6.1.0
  *
  */
-export const FormItemTop: React.FC<FormItemTopProps> = (props: FormItemTopProps) => (
+export const FormItemTop = (props: FormItemTopProps) => (
   <RootComponent {...props} baseClassName={styles.top} />
 );
-
-FormItemTop.displayName = 'FormItemTop';

package/src/components/FormItem/FormItemTop/FormItemTopAside.tsx

@@ -14,15 +14,10 @@ export interface FormItemTopAsideProps
  * @since 6.1.0
  *
  */
-export const FormItemTopAside: React.FC<FormItemTopAsideProps> = ({
-  children,
-  ...restProps
-}: FormItemTopAsideProps) => {
+export const FormItemTopAside = ({ children, ...restProps }: FormItemTopAsideProps) => {
   return (
     <Subhead className={styles.aside} {...restProps}>
       {children}
     </Subhead>
   );
 };
-
-FormItemTopAside.displayName = 'FormItemTopAside';

package/src/components/FormItem/FormItemTop/FormItemTopLabel.tsx

@@ -19,7 +19,7 @@ export interface FormItemTopLabelProps
  * @since 6.1.0
  *
  */
-export const FormItemTopLabel: React.FC<FormItemTopLabelProps> = ({
+export const FormItemTopLabel = ({
   children,
   Component: componentProp,
   htmlFor,
@@ -44,5 +44,3 @@ export const FormItemTopLabel: React.FC<FormItemTopLabelProps> = ({
     </Subhead>
   );
 };
-
-FormItemTopLabel.displayName = 'FormItemTopLabel';

package/src/components/FormItem/context.ts

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 import * as React from 'react';
 
 interface FormItemContextProps {

package/src/components/FormLayoutGroup/FormLayoutGroup.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./FormLayoutGroup.module.css"],"names":["host","modeHorizontal","removable","offset","sizeYCompact","sizeYNone","withRemovable","segmented"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,gB,WAPA;AAAA,E,aAeAC,W,WAfA;AAAA,E,aAqBAC,Q,WArBA;AAAA,E,aA0BAF,gB,WA1BA;AAAA,E,aA0B0DE,Q,WA1B1D;AAAA,E,aAkCAC,c,WAlCA;AAAA,E,aAkCaH,gB,WAlCb;AAAA,E,aAkCuEE,Q,WAlCvE;AAAA,E,aAwCEE,W,WAxCF;AAAA,E,aAwCYJ,gB,WAxCZ;AAAA,E,aAwCsEE,Q,WAxCtE;AAAA,E,aA6CAG,e,WA7CA;AAAA,E,aAiDAC,W,WAjDA;AAAA;AAAA","file":"FormLayoutGroup.module.css.d.ts","sourceRoot":""}

package/src/components/FormLayoutGroup/FormLayoutGroup.tsx

@@ -17,6 +17,9 @@ const sizeYClassNames = {
 export interface FormLayoutGroupProps
   extends HTMLAttributesWithRootRef<HTMLDivElement>,
     RemovableProps {
+  /**
+   * Направление отображения элементов формы.
+   */
   mode?: 'vertical' | 'horizontal';
   /**
    * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.

package/src/components/FormStatus/FormStatus.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./FormStatus.module.css"],"names":["modeError"],"mappings":"AAAA;AAAA,E,aAAAA,W,WAAA;AAAA;AAAA","file":"FormStatus.module.css.d.ts","sourceRoot":""}

package/src/components/FormStatus/FormStatus.tsx

@@ -5,7 +5,13 @@ import { Banner } from '../Banner/Banner';
 import styles from './FormStatus.module.css';
 
 export interface FormStatusProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {
+  /**
+   * Режим отображения компонента.
+   */
   mode?: 'default' | 'error';
+  /**
+   * Основной текст.
+   */
   title?: React.ReactNode;
 }
 

package/src/components/Gallery/Gallery.tsx

@@ -9,7 +9,13 @@ import type { BaseGalleryProps } from '../CarouselBase/types';
 import { useAutoPlay } from './hooks';
 
 export interface GalleryProps extends BaseGalleryProps {
+  /**
+   * Индекс слайда по умолчанию.
+   */
   initialSlideIndex?: number;
+  /**
+   * При передаче происходит автоматический переход к следующему слайду через переданное время в ms.
+   */
   timeout?: number;
 }
 

package/src/components/Gallery/hooks.ts

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 import * as React from 'react';
 import { useStableCallback } from '../../hooks/useStableCallback';
 import { useDOM } from '../../lib/dom';

package/src/components/Gradient/Gradient.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Gradient.module.css"],"names":["host","toBottom","modeTint","modeOverlay"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAMAC,U,WANA;AAAA,E,aAUAC,U,WAVA;AAAA,E,aAcAC,a,WAdA;AAAA;AAAA","file":"Gradient.module.css.d.ts","sourceRoot":""}

package/src/components/Gradient/Gradient.tsx

@@ -10,11 +10,11 @@ const modeStyles = {
 
 export interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
   /**
-   * Тип градиента
+   * Тип градиента.
    */
   mode?: 'tint' | 'default' | 'overlay';
   /**
-   * Направление градиента
+   * Направление градиента.
    */
   to?: 'top' | 'bottom';
 }

package/src/components/GridAvatar/GridAvatar.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./GridAvatar.module.css"],"names":["host","in","item"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAC,I,WAJA;AAAA,E,aAaAC,M,WAbA;AAAA,E,aAqBAA,M,WArBA;AAAA,E,aAyBAA,M,WAzBA;AAAA,E,aA0BAA,M,WA1BA;AAAA,E,aA+BAA,M,WA/BA;AAAA,E,aA+B8BA,M,WA/B9B;AAAA,E,aAiCAA,M,WAjCA;AAAA;AAAA","file":"GridAvatar.module.css.d.ts","sourceRoot":""}

package/src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./GridAvatarBadge.module.css"],"names":["host","shifted"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAKAC,S,WALA;AAAA;AAAA","file":"GridAvatarBadge.module.css.d.ts","sourceRoot":""}

package/src/components/Group/Group.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Group.module.css"],"names":["host","paddingS","paddingM","modeCard","sizeXRegular","modeNone","sizeXNone","sizeXCompact","header","modePlain","description","separatorSibling","separatorSiblingForced","modePlainInsideModal","expandedContentInline","expandedContentBlock"],"mappings":"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","file":"Group.module.css.d.ts","sourceRoot":""}

package/src/components/Group/Group.tsx

@@ -1,12 +1,19 @@
 import * as React from 'react';
 import { hasReactNode } from '@vkontakte/vkjs';
+import { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';
 import { GroupContainer, type GroupContainerProps } from './GroupContainer';
 import { GroupDescription } from './GroupDescription';
 import { GroupExpandedContent } from './GroupExpandedContent';
 import { GroupHeader } from './GroupHeader';
 
 export interface GroupProps extends GroupContainerProps {
+  /**
+   * Элемент заголовка группы.
+   */
   header?: React.ReactNode;
+  /**
+   * Подпись под содержимым.
+   */
   description?: React.ReactNode;
 }
 
@@ -28,12 +35,14 @@ export const Group: React.FC<GroupProps> & {
   );
 };
 
-Group.displayName = 'Group';
 Group.Container = GroupContainer;
-Group.Container.displayName = 'Group.Container';
 Group.Header = GroupHeader;
-Group.Header.displayName = 'Group.Header';
 Group.Description = GroupDescription;
-Group.Description.displayName = 'Group.Description';
 Group.ExpandedContent = GroupExpandedContent;
-Group.ExpandedContent.displayName = 'Group.ExpandedContent';
+
+if (process.env.NODE_ENV !== 'production') {
+  defineComponentDisplayNames(Group.Container, 'Group.Container');
+  defineComponentDisplayNames(Group.Header, 'Group.Header');
+  defineComponentDisplayNames(Group.Description, 'Group.Description');
+  defineComponentDisplayNames(Group.ExpandedContent, 'Group.ExpandedContent');
+}

package/src/components/Group/GroupContainer.tsx

@@ -82,7 +82,7 @@ export type GroupContainerProps = HTMLAttributesWithRootRef<HTMLElement> &
 
 const warn = warnOnce('Group');
 
-export const GroupContainer: React.FC<GroupContainerProps> = ({
+export const GroupContainer = ({
   children,
   separator = 'auto',
   mode: modeProps,
@@ -148,4 +148,3 @@ export const GroupContainer: React.FC<GroupContainerProps> = ({
     </>
   );
 };
-GroupContainer.displayName = 'GroupContainer';

package/src/components/Group/GroupDescription.tsx

@@ -1,14 +1,10 @@
-import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import type { HasComponent, HTMLAttributesWithRootRef } from '../../types';
 import { Footnote } from '../Typography/Footnote/Footnote';
 import styles from './Group.module.css';
 
 export type GroupDescriptionProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;
-export const GroupDescription: React.FC<GroupDescriptionProps> = ({
-  className,
-  ...restProps
-}: GroupDescriptionProps): React.ReactNode => (
+
+export const GroupDescription = ({ className, ...restProps }: GroupDescriptionProps) => (
   <Footnote className={classNames(className, styles.description)} {...restProps} />
 );
-GroupDescription.displayName = 'GroupDescription';

package/src/components/Group/GroupExpandedContent.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
 import type { HasComponent, HTMLAttributesWithRootRef } from '../../types';
 import { RootComponent } from '../RootComponent/RootComponent';
 import styles from './Group.module.css';
@@ -11,17 +9,16 @@ const stylesDirection = {
 
 export type GroupExpandedContentProps = HTMLAttributesWithRootRef<HTMLElement> &
   HasComponent & {
+    /**
+     * Направление отображения контента.
+     */
     direction?: 'inline' | 'block';
   };
-export const GroupExpandedContent: React.FC<GroupExpandedContentProps> = ({
+export const GroupExpandedContent = ({
   direction = 'inline',
   ...restProps
 }: GroupExpandedContentProps) => {
   return (
-    <RootComponent
-      Component="div"
-      {...restProps}
-      baseClassName={classNames(styles.expandedContent, stylesDirection[direction])}
-    />
+    <RootComponent Component="div" {...restProps} baseClassName={stylesDirection[direction]} />
   );
 };

package/src/components/Group/GroupHeader.tsx

@@ -1,13 +1,8 @@
-import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import type { HasComponent, HTMLAttributesWithRootRef } from '../../types';
 import styles from './Group.module.css';
 
 export type GroupHeaderProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;
-export const GroupHeader: React.FC<GroupHeaderProps> = ({
-  className,
-  ...restProps
-}: GroupHeaderProps): React.ReactNode => (
+export const GroupHeader = ({ className, ...restProps }: GroupHeaderProps) => (
   <div className={classNames(className, styles.header)} {...restProps} />
 );
-GroupHeader.displayName = 'GroupHeader';

package/src/components/Header/Header.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Header.module.css"],"names":["host","before","subtitleBefore","subtitleAfter","contentBefore","contentAfter","beforeWithSubtitle","subtitleWrapper","main","content","contentIn","subtitle","contentMultiline","sizeS","indicator","pi","after","sizeM","sizeL","sizeXl"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAQAC,Q,WARA;AAAA,E,aASAC,gB,WATA;AAAA,E,aAUAC,e,WAVA;AAAA,E,aAWAC,e,WAXA;AAAA,E,aAYAC,c,WAZA;AAAA,E,aAiBAJ,Q,WAjBA;AAAA,E,aAuBAK,oB,WAvBA;AAAA,E,aA2BAC,iB,WA3BA;AAAA,E,aAgCAL,gB,WAhCA;AAAA,E,aAoCAC,e,WApCA;AAAA,E,aAwCAC,e,WAxCA;AAAA,E,aA4CAC,c,WA5CA;AAAA,E,aAgDAG,M,WAhDA;AAAA,E,aAsDAC,S,WAtDA;AAAA,E,aA2DAC,W,WA3DA;AAAA,E,aA4DAC,U,WA5DA;AAAA,E,aAkEAC,kB,WAlEA;AAAA,E,aAuEAD,U,WAvEA;AAAA,E,aA4EAE,O,WA5EA;AAAA,E,aA4EOH,W,WA5EP;AAAA,E,aAgFAI,W,WAhFA;AAAA,E,aAsFAd,M,WAtFA;AAAA,E,aAsFUe,I,WAtFV;AAAA,E,aAsFeD,W,WAtFf;AAAA,E,aA0FAE,O,WA1FA;AAAA,E,aAgGAA,O,WAhGA;AAAA,E,aAgGMA,O,WAhGN;AAAA,E,aAqGAH,O,WArGA;AAAA,E,aAqGOG,O,WArGP;AAAA,E,aAqGaA,O,WArGb;AAAA,E,aAyGAC,O,WAzGA;AAAA,E,aAyGOD,O,WAzGP;AAAA,E,aAyGaA,O,WAzGb;AAAA,E,aA6GAE,O,WA7GA;AAAA,E,aA6GOF,O,WA7GP;AAAA,E,aA6GaA,O,WA7Gb;AAAA,E,aAiHAG,Q,WAjHA;AAAA,E,aAiHQH,O,WAjHR;AAAA,E,aAiHcA,O,WAjHd;AAAA,E,aAsHAA,O,WAtHA;AAAA,E,aA4HAH,O,WA5HA;AAAA,E,aA4HOG,O,WA5HP;AAAA,E,aAgIAC,O,WAhIA;AAAA,E,aAgIOD,O,WAhIP;AAAA,E,aAoIAE,O,WApIA;AAAA,E,aAoIOF,O,WApIP;AAAA,E,aAwIAG,Q,WAxIA;AAAA,E,aAwIQH,O,WAxIR;AAAA,E,aA6IAH,O,WA7IA;AAAA,E,aA6IOG,O,WA7IP;AAAA,E,aAiJAC,O,WAjJA;AAAA,E,aAiJOD,O,WAjJP;AAAA,E,aAqJAE,O,WArJA;AAAA,E,aAqJOF,O,WArJP;AAAA,E,aAyJAG,Q,WAzJA;AAAA,E,aAyJQH,O,WAzJR;AAAA,E,aA6JAP,S,WA7JA;AAAA,E,aAiKAA,S,WAjKA;AAAA,E,aAqKAF,iB,WArKA;AAAA,E,aAgL8DP,M,WAhL9D;AAAA,E,aAmLIA,M,WAnLJ;AAAA,E,aA2LQA,M,WA3LR;AAAA,E,aA8LQA,M,WA9LR;AAAA,E,aAqMyCA,M,WArMzC;AAAA,E,aAqMmDiB,O,WArMnD;AAAA,E,aAwMIjB,M,WAxMJ;AAAA,E,aAwMciB,O,WAxMd;AAAA,E,aAgNQjB,M,WAhNR;AAAA,E,aAgNkBiB,O,WAhNlB;AAAA,E,aAmNQjB,M,WAnNR;AAAA,E,aAmNkBiB,O,WAnNlB;AAAA,E,aA6NAD,O,WA7NA;AAAA;AAAA","file":"Header.module.css.d.ts","sourceRoot":""}