@vkontakte/vkui 7.2.1 → 7.3.0

package/src/components/InfoRow/InfoRow.tsx

@@ -7,6 +7,9 @@ import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';
 import styles from './InfoRow.module.css';
 
 export interface InfoRowProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
+  /**
+   * Элемент, отображаемый над содержимым.
+   */
   header: React.ReactNode;
 }
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Input.module.css"],"names":["host","alignCenter","el","alignRight","sizeYCompact","sizeYNone","hasBefore","hasAfter"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAMAC,a,WANA;AAAA,E,aAMaC,I,WANb;AAAA,E,aAUAC,Y,WAVA;AAAA,E,aAUYD,I,WAVZ;AAAA,E,aAcAA,I,WAdA;AAAA,E,aA0BAE,c,WA1BA;AAAA,E,aA0BcF,I,WA1Bd;AAAA,E,aA+BEG,W,WA/BF;AAAA,E,aA+BaH,I,WA/Bb;AAAA,E,aAoCAI,W,WApCA;AAAA,E,aAoCWJ,I,WApCX;AAAA,E,aAwCAK,U,WAxCA;AAAA,E,aAwCUL,I,WAxCV;AAAA,E,aA4CAA,I,WA5CA;AAAA,E,aAkDAA,I,WAlDA;AAAA;AAAA","file":"Input.module.css.d.ts","sourceRoot":""}

package/src/components/InputLike/InputLike.module.css

@@ -28,6 +28,6 @@
   letter-spacing: 1px !important;
 }
 
-.full + .divider {
+.host + .divider {
   color: var(--vkui--color_text_primary);
 }

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./InputLike.module.css"],"names":["mask","lastCharacter","divider","host"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAKAA,M,WALA;AAAA,E,aAeAA,M,WAfA;AAAA,E,aAmBAC,e,WAnBA;AAAA,E,aAwBAC,S,WAxBA;AAAA,E,aA8BAC,M,WA9BA;AAAA,E,aA8BQD,S,WA9BR;AAAA;AAAA","file":"InputLike.module.css.d.ts","sourceRoot":""}

package/src/components/InputLike/InputLike.tsx

@@ -1,4 +1,5 @@
 'use client';
+/* eslint-disable jsdoc/require-jsdoc */
 
 import * as React from 'react';
 import { callMultiple } from '../../lib/callMultiple';
@@ -29,7 +30,7 @@ function getMaskElements(length: number) {
   return result;
 }
 
-export const InputLike: React.FC<InputLikeProps> = ({
+export const InputLike = ({
   value,
   length,
   index,
@@ -50,10 +51,10 @@ export const InputLike: React.FC<InputLikeProps> = ({
   return (
     <RootComponent
       Component="span"
-      baseClassName={value?.length === length ? styles.full : undefined}
+      baseClassName={value?.length === length ? styles.host : undefined}
       tabIndex={0}
-      onClick={callMultiple(onClick, handleElementSelect)}
-      onFocus={callMultiple(stopPropagation, onFocus)}
+      onClick={onClick}
+      onFocus={callMultiple(onFocus, handleElementSelect)}
       {...restProps}
     >
       {label && <VisuallyHidden>{label}</VisuallyHidden>}
@@ -67,5 +68,3 @@ export const InputLike: React.FC<InputLikeProps> = ({
     </RootComponent>
   );
 };
-
-InputLike.displayName = 'InputLike';

package/src/components/Link/Link.module.css

@@ -13,10 +13,8 @@
   border-radius: 0;
 }
 
-@media (--hover-has) {
-  .withUnderline:hover {
-    text-decoration: underline;
-  }
+.withUnderline.hover {
+  text-decoration: underline;
 }
 
 .hasVisited:visited {

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Link.module.css"],"names":["host","withUnderline","hover","hasVisited","before","after"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAeAC,e,WAfA;AAAA,E,aAecC,O,WAfd;AAAA,E,aAmBAC,Y,WAnBA;AAAA,E,aAuBAC,Q,WAvBA;AAAA,E,aAwBAC,O,WAxBA;AAAA,E,aA6BAD,Q,WA7BA;AAAA,E,aAiCAC,O,WAjCA;AAAA;AAAA","file":"Link.module.css.d.ts","sourceRoot":""}

package/src/components/Link/Link.tsx

@@ -38,17 +38,15 @@ export const Link = ({
 
   return (
     <Tappable
-      Component={restProps.href ? 'a' : 'button'}
+      activeMode="opacity"
+      hoverMode={styles.hover}
+      focusVisibleMode="outside"
       {...restProps}
       baseClassName={classNames(
         styles.host,
         hasVisited && styles.hasVisited,
-        noUnderline ? undefined : styles.withUnderline,
+        !noUnderline && styles.withUnderline,
       )}
-      hasHover={false}
-      activeMode="opacity"
-      hoverMode="none"
-      focusVisibleMode="outside"
     >
       {before}
       {children}

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

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

package/src/components/List/List.tsx

@@ -6,7 +6,7 @@ import styles from './List.module.css';
 
 export type ListProps = HTMLAttributesWithRootRef<HTMLDivElement> & {
   /**
-   * Задает отступ между элементами
+   * Задает отступ между элементами.
    */
   gap?: number;
 };

package/src/components/LocaleProvider/LocaleProvider.tsx

@@ -4,15 +4,18 @@ import { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride
 
 export interface LocaleProviderProps {
   /**
-   * Строка с языковой меткой BCP 47
+   * Строка с языковой меткой BCP 47.
    */
   value: ConfigProviderContextInterface['locale'];
+  /**
+   * Содержимое.
+   */
   children: React.ReactNode;
 }
 
 /**
  * Компонент, прокидывающий локаль. Список можно найти в
- * [реестре языковых подметок IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)
+ * [реестре языковых подметок IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry).
  *
  * @since 5.0.0
  * @see https://vkcom.github.io/VKUI/#/LocaleProvider

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./MiniInfoCell.module.css"],"names":["host","modeAccent","before","middle","content","textWrapShort","textWrapFull","textWrapNowrap","after","modeAdd","modeMore"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,Y,WAPA;AAAA,E,aAWAC,Q,WAXA;AAAA,E,aAgBAC,Q,WAhBA;AAAA,E,aAwBAC,S,WAxBA;AAAA,E,aAiCAC,e,WAjCA;AAAA,E,aAiCeD,S,WAjCf;AAAA,E,aAyCAE,c,WAzCA;AAAA,E,aAyCcF,S,WAzCd;AAAA,E,aA8CAG,gB,WA9CA;AAAA,E,aA8CgBH,S,WA9ChB;AAAA,E,aAkDAI,O,WAlDA;AAAA,E,aAuDAC,S,WAvDA;AAAA,E,aAwDAC,U,WAxDA;AAAA,E,aA4DAD,S,WA5DA;AAAA,E,aA4DSP,Q,WA5DT;AAAA,E,aA6DAQ,U,WA7DA;AAAA,E,aA6DUR,Q,WA7DV;AAAA,E,aAiEAQ,U,WAjEA;AAAA,E,aAsEAP,Q,WAtEA;AAAA,E,aA4EAM,S,WA5EA;AAAA,E,aA4ESN,Q,WA5ET;AAAA,E,aA8EAO,U,WA9EA;AAAA,E,aA8EUP,Q,WA9EV;AAAA;AAAA","file":"MiniInfoCell.module.css.d.ts","sourceRoot":""}

package/src/components/MiniInfoCell/MiniInfoCell.tsx

@@ -28,7 +28,7 @@ export interface MiniInfoCellProps extends HTMLAttributesWithRootRef<HTMLDivElem
 
   /**
    * Содержимое справа.<br />
-   * `<UsersStack size="s" />` или `<Avatar size={24} />`
+   * `<UsersStack size="s" />` или `<Avatar size={24} />`.
    */
   after?: React.ReactNode;
 
@@ -47,12 +47,12 @@ export interface MiniInfoCellProps extends HTMLAttributesWithRootRef<HTMLDivElem
    *
    * - `nowrap` – в одну строку, текст не переносится и обрезается.
    * - `short` – максимально отображается 3 строки, остальное обрезается.
-   * - `full` – текст отображается полностью. В дизайне это свойство `multiline`
+   * - `full` – текст отображается полностью. В дизайне это свойство `multiline`.
    */
   textWrap?: 'nowrap' | 'short' | 'full';
 
   /**
-   * Передавать `true`, если предполагается переход при клике по ячейке.
+   * Передавать `true`, если предполагается переход при нажатии на ячейку.
    */
   chevron?: boolean;
 }

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./ModalCard.module.css"],"names":["host","hostMaxWidthS","hostMaxWidthM","hostMaxWidthL","hostMobile","hostStateEnter","hostStateEntering","hostStateExiting","hostStateExited","hostDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAMAA,M,WANA;AAAA,E,aAUAC,e,WAVA;AAAA,E,aAcAC,e,WAdA;AAAA,E,aAkBAC,e,WAlBA;AAAA,E,aAuBAC,Y,WAvBA;AAAA,E,aAoCAA,Y,WApCA;AAAA,E,aAoCWC,gB,WApCX;AAAA,E,aAyCAD,Y,WAzCA;AAAA,E,aAyCWE,mB,WAzCX;AAAA,E,aA6CAF,Y,WA7CA;AAAA,E,aA6CWG,kB,WA7CX;AAAA,E,aAkDAH,Y,WAlDA;AAAA,E,aAkDWI,iB,WAlDX;AAAA,E,aAwDAC,a,WAxDA;AAAA,E,aA+DAA,a,WA/DA;AAAA,E,aA+DYJ,gB,WA/DZ;AAAA,E,aAoEAI,a,WApEA;AAAA,E,aAoEYH,mB,WApEZ;AAAA,E,aAwEAG,a,WAxEA;AAAA,E,aAwEYF,kB,WAxEZ;AAAA,E,aA4EAE,a,WA5EA;AAAA,E,aA4EYD,iB,WA5EZ;AAAA;AAAA","file":"ModalCard.module.css.d.ts","sourceRoot":""}

package/src/components/ModalCard/ModalCardInternal.tsx

@@ -1,4 +1,5 @@
 'use client';
+/* eslint-disable jsdoc/require-jsdoc */
 
 import { type ComponentType, type KeyboardEvent, type ReactNode, useCallback } from 'react';
 import { classNames, noop } from '@vkontakte/vkjs';

package/src/components/ModalCard/types.ts

@@ -53,7 +53,7 @@ export interface ModalCardProps
   /**
    * Позволяет отключить захват фокуса.
    *
-   * Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали
+   * Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали.
    */
   disableFocusTrap?: UseFocusTrapProps['disabled'];
 }

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./ModalCardBase.module.css"],"names":["container","withSafeZone","containerSoftwareKeyboardOpened","title","description","icon","actions","dismiss","ios","desktop"],"mappings":"AAAA;AAAA,E,aAAAA,W,WAAA;AAAA,E,aAmBAC,c,WAnBA;AAAA,E,aAmBcD,W,WAnBd;AAAA,E,aA0BAE,iC,WA1BA;AAAA,E,aA8BAC,O,WA9BA;AAAA,E,aA+BAC,a,WA/BA;AAAA,E,aAuCAD,O,WAvCA;AAAA,E,aA2CAC,a,WA3CA;AAAA,E,aA+CAC,M,WA/CA;AAAA,E,aAqDAC,S,WArDA;AAAA,E,aAyDAC,S,WAzDA;AAAA,E,aAoEAC,K,WApEA;AAAA,E,aAoEKR,W,WApEL;AAAA,E,aA+EAS,S,WA/EA;AAAA,E,aA+ESF,S,WA/ET;AAAA,E,aAoFAE,S,WApFA;AAAA,E,aAoFST,W,WApFT;AAAA,E,aA0FAS,S,WA1FA;AAAA,E,aA0FQD,K,WA1FR;AAAA,E,aA0FaR,W,WA1Fb;AAAA,E,aA+FAC,c,WA/FA;AAAA,E,aA+FaQ,S,WA/Fb;AAAA,E,aA+FsBT,W,WA/FtB;AAAA;AAAA","file":"ModalCardBase.module.css.d.ts","sourceRoot":""}

package/src/components/ModalCardBase/ModalCardBase.tsx

@@ -22,43 +22,51 @@ export interface ModalCardBaseProps
   /**
    * Иконка.
    *
-   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src="" />`
+   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src="" />`.
    */
   icon?: React.ReactNode;
 
   /**
-   * Заголовок карточки
+   * Заголовок карточки.
    */
   title?: React.ReactNode;
-  /* Позволяет поменять тег используемый для заголовка */
+  /**
+   * Позволяет поменять тег используемый для заголовка.
+   */
   titleComponent?: React.ElementType;
-  /* Позволяет задать id для заголовка. Используется, чтобы связать модальное окно и title через aria-labelledby, тем самым задав модальному окну имя через title */
+  /**
+   * Позволяет задать id для заголовка. Используется, чтобы связать модальное окно и title через aria-labelledby, тем самым задав модальному окну имя через title.
+   */
   titleId?: string;
 
   /**
-   * Описание
+   * Описание.
    */
   description?: React.ReactNode;
-  /* Позволяет поменять тег используемый для описания */
+  /**
+   * Позволяет поменять тег используемый для описания.
+   */
   descriptionComponent?: React.ElementType;
 
   /**
    * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:
    *
    * - `size="l" mode="primary" stretched`
-   * - `size="l" mode="secondary" stretched`
+   * - `size="l" mode="secondary" stretched`.
    *
    * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:
    *
    * - `gap="s" mode="horizontal" stretched`
-   * - `gap="m" mode="vertical" stretched`
+   * - `gap="m" mode="vertical" stretched`.
    */
   actions?: React.ReactNode;
-
+  /**
+   * Обработчик закрытия модального окна.
+   */
   onClose?: VoidFunction;
 
   /**
-   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий
+   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.
    */
   dismissLabel?: string;
 
@@ -68,29 +76,29 @@ export interface ModalCardBaseProps
   size?: number;
 
   /**
-   * Передает атрибут `data-testid` для кнопки закрытия
+   * Передает атрибут `data-testid` для кнопки закрытия.
    */
   modalDismissButtonTestId?: string;
   /**
-   * Расположение кнопки закрытия (внутри и вне `popout'a`)
+   * Расположение кнопки закрытия (внутри и вне `popout'a`).
    *
-   * Доступно только в `compact`-режиме
+   * Доступно только в `compact`-режиме.
    *
-   * На `iOS` в `regular`-режиме всегда включен `inside`
+   * На `iOS` в `regular`-режиме всегда включен `inside`.
    *
-   * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте
+   * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.
    */
   dismissButtonMode?: 'inside' | 'outside' | 'none';
   /**
-   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)
+   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, нажатие на подложку).
    *
-   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте
+   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте.
    */
   preventClose?: boolean;
   /**
    * Управляющие элементы под кнопкой закрытия.
    *
-   * Доступно только в `compact`-режиме. Рекомендуется размещать иконки размера 20, обернутые в ModalOutsideButton
+   * Доступно только в `compact`-режиме. Рекомендуется размещать иконки размера 20, обернутые в ModalOutsideButton.
    *
    */
   outsideButtons?: React.ReactNode;

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

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

package/src/components/ModalDismissButton/ModalDismissButton.tsx

@@ -9,6 +9,9 @@ import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';
 import styles from './ModalDismissButton.module.css';
 
 export interface ModalDismissButtonProps extends Omit<ModalOutsideButtonProps, 'children'> {
+  /**
+   * Содержимое кнопки.
+   */
   children?: React.ReactNode;
 }
 

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

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

package/src/components/ModalOutlet/ModalOutlet.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 import { classNames } from '@vkontakte/vkjs';
 import type { HTMLAttributesWithRootRef } from '../../types';
 import styles from './ModalOutlet.module.css';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./ModalOutsideButton.module.css"],"names":["host","hover","active"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAQAA,M,WARA;AAAA,E,aAmBAA,M,WAnBA;AAAA,E,aAuBAC,O,WAvBA;AAAA,E,aA2BAC,Q,WA3BA;AAAA;AAAA","file":"ModalOutsideButton.module.css.d.ts","sourceRoot":""}

package/src/components/ModalOutsideButton/ModalOutsideButton.tsx

@@ -7,11 +7,11 @@ import styles from './ModalOutsideButton.module.css';
 
 export interface ModalOutsideButtonProps extends TappableProps {
   /**
-   * Текст для скринридера
+   * Текст для скринридера.
    */
   'aria-label'?: string;
   /**
-   * Рекомендуется использовать иконки размером `20px`
+   * Рекомендуется использовать иконки размером `20px`.
    */
   'children': React.ReactNode;
 }

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

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

package/src/components/ModalOverlay/ModalOverlay.module.css

@@ -1,7 +1,7 @@
 .host {
   inset: 0;
   user-select: none;
-  background-color: rgba(0, 0, 0, 0.4);
+  background-color: rgb(0, 0, 0, 0.4);
   transition: opacity 0.3s linear;
   will-change: opacity;
   -webkit-tap-highlight-color: transparent;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./ModalOverlay.module.css"],"names":["host","nonInteractive","hostPositionAbsolute","hostPositionFixed","hostStateEnter","hostStateEntering","hostStateEntered","hostStateExit","hostStateExiting","hostStateExited"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,gB,WATA;AAAA,E,aAcAC,sB,WAdA;AAAA,E,aAkBAC,mB,WAlBA;AAAA,E,aAuBAC,gB,WAvBA;AAAA,E,aA4BAC,mB,WA5BA;AAAA,E,aAgCAC,kB,WAhCA;AAAA,E,aAoCAC,e,WApCA;AAAA,E,aAyCAC,kB,WAzCA;AAAA,E,aA6CAC,iB,WA7CA;AAAA,E,aAmDEJ,mB,WAnDF;AAAA,E,aAoDIG,kB,WApDJ;AAAA,E,aA0DEH,mB,WA1DF;AAAA,E,aA8DEG,kB,WA9DF;AAAA;AAAA","file":"ModalOverlay.module.css.d.ts","sourceRoot":""}

package/src/components/ModalOverlay/ModalOverlay.tsx

@@ -1,4 +1,5 @@
 'use client';
+/* eslint-disable jsdoc/require-jsdoc */
 
 import type { DataHTMLAttributes } from 'react';
 import { classNames } from '@vkontakte/vkjs';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./ModalPage.module.css"],"names":["host","hostMobile","hostMobileSafeAreaInsetTop","hostMobileSafeAreaInsetTopWithCustomOffset","hostDesktop","hostDesktopMaxWidthS","hostDesktopMaxWidthM","hostDesktopMaxWidthL","document","documentMobile","documentStateEnter","documentStateEntering","documentStateExiting","documentStateExited","documentDesktop","children","childrenDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,Y,WATA;AAAA,E,aAoBAC,4B,WApBA;AAAA,E,aAwBAC,4C,WAxBA;AAAA,E,aA+BAC,a,WA/BA;AAAA,E,aAgDEA,a,WAhDF;AAAA,E,aAuDAC,sB,WAvDA;AAAA,E,aA2DAC,sB,WA3DA;AAAA,E,aA+DAC,sB,WA/DA;AAAA,E,aAmEAC,U,WAnEA;AAAA,E,aAgFAC,gB,WAhFA;AAAA,E,aAkGAA,gB,WAlGA;AAAA,E,aAkGeC,oB,WAlGf;AAAA,E,aAsGAD,gB,WAtGA;AAAA,E,aAsGeE,uB,WAtGf;AAAA,E,aA2GAF,gB,WA3GA;AAAA,E,aA2GeG,sB,WA3Gf;AAAA,E,aAgHAH,gB,WAhHA;AAAA,E,aAgHeI,qB,WAhHf;AAAA,E,aAqHAC,iB,WArHA;AAAA,E,aA0HAA,iB,WA1HA;AAAA,E,aA0HgBJ,oB,WA1HhB;AAAA,E,aA8HAI,iB,WA9HA;AAAA,E,aA8HgBH,uB,WA9HhB;AAAA,E,aAmIAG,iB,WAnIA;AAAA,E,aAmIgBF,sB,WAnIhB;AAAA,E,aAwIAE,iB,WAxIA;AAAA,E,aAwIgBD,qB,WAxIhB;AAAA,E,aA4IAE,U,WA5IA;AAAA,E,aAgKAC,iB,WAhKA;AAAA;AAAA","file":"ModalPage.module.css.d.ts","sourceRoot":""}

package/src/components/ModalPage/ModalPageBase.tsx

@@ -1,4 +1,5 @@
 'use client';
+/* eslint-disable jsdoc/require-jsdoc */
 
 import { Icon20Cancel } from '@vkontakte/icons';
 import { classNames, hasReactNode, noop } from '@vkontakte/vkjs';
@@ -31,7 +32,7 @@ export interface ModalPageBaseProps
   closable?: boolean;
 }
 
-export const ModalPageBase: React.FC<ModalPageBaseProps> = ({
+export const ModalPageBase = ({
   isDesktop,
   getRef,
   disableContentPanningGesture,
@@ -46,7 +47,7 @@ export const ModalPageBase: React.FC<ModalPageBaseProps> = ({
   closable,
   onClose = noop,
   ...restProps
-}) => {
+}: ModalPageBaseProps) => {
   const disableContentPanningGestureProp = disableContentPanningGesture
     ? BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE
     : undefined;

package/src/components/ModalPage/ModalPageInternal.tsx

@@ -1,4 +1,5 @@
 'use client';
+/* eslint-disable jsdoc/require-jsdoc */
 
 import { type ComponentType, type KeyboardEvent, useCallback } from 'react';
 import { classNames, noop } from '@vkontakte/vkjs';

package/src/components/ModalPage/types.ts

@@ -10,6 +10,9 @@ export type ModalPageCloseReason =
   | 'swipe-down';
 
 type OmittedStyleAttribute = {
+  /**
+   * Дополнительные стили.
+   */
   style?: Omit<CSSProperties, 'height' | 'maxWidth' | 'maxHeight'>;
 };
 
@@ -31,11 +34,11 @@ export interface ModalPageProps
    */
   keepMounted?: boolean;
   /**
-   * Шапка модальной страницы, `<ModalPageHeader />`
+   * Шапка модальной страницы, `<ModalPageHeader />`.
    */
   header?: ReactNode;
   /**
-   * Подвал модальной страницы, `<ModalPageFooter />`
+   * Подвал модальной страницы, `<ModalPageFooter />`.
    */
   footer?: ReactNode;
   /**
@@ -66,7 +69,7 @@ export interface ModalPageProps
    */
   noFocusToDialog?: boolean;
   /**
-   * Скрывает кнопку закрытия (актуально для iOS, т.к. можно отрисовать кнопку закрытия внутри модалки)
+   * Скрывает кнопку закрытия (актуально для iOS, так как можно отрисовать кнопку закрытия внутри модалки).
    */
   hideCloseButton?: boolean;
   /**
@@ -86,13 +89,13 @@ export interface ModalPageProps
    */
   modalDismissButtonTestId?: string;
   /**
-   * Текст для скринридера
+   * Текст для скринридера.
    */
   modalDismissButtonLabel?: string;
   /**
-   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)
+   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, нажатие на подложку).
    *
-   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте
+   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте.
    */
   preventClose?: boolean;
   /**
@@ -118,14 +121,14 @@ export interface ModalPageProps
   /**
    * Управляющие элементы под кнопкой закрытия.
    *
-   * Доступно только в `compact`-режиме. Рекомендуется размещать иконки размера 20, обернутые в ModalOutsideButton
+   * Доступно только в `compact`-режиме. Рекомендуется размещать иконки размера 20, обернутые в ModalOutsideButton.
    *
    */
   outsideButtons?: React.ReactNode;
   /**
    * Позволяет отключить захват фокуса.
    *
-   * Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали
+   * Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали.
    */
   disableFocusTrap?: UseFocusTrapProps['disabled'];
 }

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./ModalPageFooter.module.css"],"names":["host","Separator","hostMobile","padded","hostDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAYAC,W,WAZA;AAAA,E,aAmBAC,Y,WAnBA;AAAA,E,aAmBWC,Q,WAnBX;AAAA,E,aAyBAC,a,WAzBA;AAAA,E,aAyBYD,Q,WAzBZ;AAAA;AAAA","file":"ModalPageFooter.module.css.d.ts","sourceRoot":""}

package/src/components/ModalPageFooter/ModalPageFooter.tsx

@@ -8,7 +8,13 @@ import { Separator } from '../Separator/Separator';
 import styles from './ModalPageFooter.module.css';
 
 export interface ModalPageFooterProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
+  /**
+   * Отключение отображения разделителя.
+   */
   noSeparator?: boolean;
+  /**
+   * Отключение отступов сверху и снизу.
+   */
   noPadding?: boolean;
 }
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./ModalPageHeader.module.css"],"names":["host","hostWithGaps","hostDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,c,WATA;AAAA,E,aAaAC,a,WAbA;AAAA,E,aAaYD,c,WAbZ;AAAA,E,aAkBAD,M,WAlBA;AAAA,E,aAoBAA,M,WApBA;AAAA;AAAA","file":"ModalPageHeader.module.css.d.ts","sourceRoot":""}

package/src/components/ModalPageHeader/ModalPageHeader.tsx

@@ -15,6 +15,9 @@ export interface ModalPageHeaderProps
     Omit<PanelHeaderProps, 'fixed' | 'shadow' | 'delimiter'>,
     HasRef<HTMLDivElement>,
     HasRootRef<HTMLDivElement> {
+  /**
+   * Отключение разделителя.
+   */
   noSeparator?: boolean;
 }
 

package/src/components/ModalRoot/VisuallyHiddenModalOverlay/VisuallyHiddenModalOverlay.module.css.d.ts.map

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

package/src/components/ModalRoot/types.ts

@@ -1,19 +1,21 @@
-/** TODO [>=8] Удалить deprecated типы */
+/* eslint-disable jsdoc/require-jsdoc */
+
+/** TODO [>=8] Удалить deprecated типы. */
 
 import type { AppRootPortalProps } from '../AppRoot/AppRootPortal';
 
 /**
- * @deprecated будет удалён в **VKUI v8**
+ * @deprecated Будет удалён в **VKUI v8**.
  */
 export type ModalType = 'page' | 'card';
 
 /**
- * @deprecated будет удалён в **VKUI v8**
+ * @deprecated Будет удалён в **VKUI v8**.
  */
 export type TranslateRange = [number, number];
 
 /**
- * @deprecated будет удалён в **VKUI v8**
+ * @deprecated Будет удалён в **VKUI v8**.
  */
 export interface ModalElements {
   modalElement?: HTMLElement | null;
@@ -24,7 +26,7 @@ export interface ModalElements {
 }
 
 /**
- * @deprecated будет удалён в **VKUI v8**
+ * @deprecated Будет удалён в **VKUI v8**.
  */
 export interface ModalsStateEntry extends ModalElements {
   id: string | null;
@@ -50,15 +52,15 @@ export interface ModalsStateEntry extends ModalElements {
   expandable?: boolean;
 
   /**
-   * Процент текущего сдвига модалки
+   * Процент текущего сдвига модалки.
    */
   translateY?: number;
   /**
-   * Процент сдвига модалки в изначальном состоянии
+   * Процент сдвига модалки в изначальном состоянии.
    */
   translateYFrom?: number;
   /**
-   * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)
+   * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть).
    */
   translateYCurrent?: number;
 
@@ -77,7 +79,7 @@ export interface ModalsStateEntry extends ModalElements {
   collapsedRange?: TranslateRange;
   hiddenRange?: TranslateRange;
   /**
-   * Отключает возможность закрыть модалку стандартными способами
+   * Отключает возможность закрыть модалку стандартными способами.
    */
   preventClose?: boolean;
 }
@@ -87,10 +89,13 @@ export type ModalRootActiveModal = string | null;
 export type ModalRootCallbackFunction = (modalId: string) => void;
 
 type ModalRootBaseProps = {
+  /**
+   * Открывает модальное окно с переданным id.
+   */
   activeModal?: ModalRootActiveModal;
 
   /**
-   * `data-testid` для маски
+   * `data-testid` для маски.
    */
   modalOverlayTestId?: string;
 
@@ -101,22 +106,22 @@ type ModalRootBaseProps = {
 
   usePortal?: AppRootPortalProps['usePortal'];
   /**
-   * Будет вызвано при начале открытия активной модалки с её id
+   * Будет вызвано при начале открытия активной модалки с её id.
    */
   onOpen?: ModalRootCallbackFunction;
 
   /**
-   * Будет вызвано при окончательном открытии активной модалки с её id
+   * Будет вызвано при окончательном открытии активной модалки с её id.
    */
   onOpened?: ModalRootCallbackFunction;
 
   /**
-   * Будет вызвано при начале закрытия активной модалки с её id
+   * Будет вызвано при начале закрытия активной модалки с её id.
    */
   onClose?: ModalRootCallbackFunction;
 
   /**
-   * Будет вызвано при окончательном закрытии активной модалки с её id
+   * Будет вызвано при окончательном закрытии активной модалки с её id.
    */
   onClosed?: ModalRootCallbackFunction;
 };
@@ -134,14 +139,14 @@ type ModalRootContextBaseInterface = {
   /**
    * С **VKUI v7** задача с обновлением высоты контента при `dynamicContentHeight` решается через CSS.
    *
-   * @deprecated будет удалён в **VKUI v8**
+   * @deprecated Будет удалён в **VKUI v8**.
    */
   updateModalHeight: VoidFunction;
 
   /**
    * С **VKUI v7** регистрация модальных окон больше не требуется.
    *
-   * @deprecated будет удалён в **VKUI v8**
+   * @deprecated Будет удалён в **VKUI v8**.
    */
   registerModal: (data: ModalElements & Required<Pick<ModalsStateEntry, 'type' | 'id'>>) => void;
 };