@vkontakte/vkui 7.2.1 → 7.3.1

package/src/components/ModalRoot/useModalManager.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 import { useContext, useId, useState } from 'react';
 import { getNavId } from '../../lib/getNavId';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';

package/src/components/ModalRoot/withModalRootContext.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-/** TODO [>=8] Удалить HOC */
+/** TODO [>=8] Удалить HOC. */
 import * as React from 'react';
 import { ModalRootContext } from './ModalRootContext';
 import type { ModalRootContextInterface } from './types';
@@ -8,7 +8,7 @@ import type { ModalRootContextInterface } from './types';
 type PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;
 
 /**
- * @deprecated HOC не актуален и будет удалён в **VKUI v8**, т.к. вызывать `updateModalHeight()`
+ * @deprecated HOC не актуален и будет удалён в **VKUI v8**, так как вызывать `updateModalHeight()`
  *  для модальных окон с `dynamicContentHeight` больше не требуется.
  */
 export function withModalRootContext<P extends PickedProps>(

package/src/components/NativeSelect/NativeSelect.tsx

@@ -55,25 +55,34 @@ export interface NativeSelectProps
    *
    * > ⚠️  Важно: При прокидывании `undefined` компонент будет считаться `Uncontrolled`.
    * >
-   * > Не используйте `undefined`, чтобы показать невыбранное состояние. Вместо этого используйте `null`
+   * > Не используйте `undefined`, чтобы показать невыбранное состояние. Вместо этого используйте `null`.
    */
   value?: SelectValue;
   /**
-   * см. `value`
+   * См. `value`.
    */
   defaultValue?: SelectValue;
   /**
-   * Коллбэк срабатывающий при изменении выбранного значения.
-   * Вторым параметром прокидывается новое значение
+   * Обработчик, срабатывающий при изменении выбранного значения.
+   * Вторым параметром прокидывается новое значение.
    *
-   * > ⚠️ Лучше использовать второй параметр при работе с компонентом
+   * > ⚠️ Лучше использовать второй параметр при работе с компонентом.
    */
   onChange?: (e: ChangeEvent<HTMLSelectElement>, newValue: SelectValue) => void;
+  /**
+   * Текст-подсказка при отсутствии выбранного значения.
+   */
   placeholder?: string;
+  /**
+   * Флаг для включения многострочного режима.
+   */
   multiline?: boolean;
+  /**
+   * Тип селекта, влияющий на отображение.
+   */
   selectType?: SelectType;
   /**
-   * Иконка раскрывающегося списка
+   * Иконка раскрывающегося списка.
    */
   icon?: React.ReactNode;
 }

package/src/components/NavTransitionContext/NavTransitionContext.tsx

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./OnboardingTooltip.module.css"],"names":["overlay"],"mappings":"AAAA;AAAA,E,aAAAA,S,WAAA;AAAA,E,aAgBAA,S,WAhBA;AAAA,E,aAiBAA,S,WAjBA;AAAA;AAAA","file":"OnboardingTooltip.module.css.d.ts","sourceRoot":""}

package/src/components/OnboardingTooltip/OnboardingTooltip.tsx

@@ -68,11 +68,11 @@ export interface OnboardingTooltipProps
    */
   disableArrow?: boolean;
   /**
-   * Callback, который вызывается при клике по любому месту в пределах экрана.
+   * Обработчик, который вызывается при нажатии по любому месту в пределах экрана.
    */
   onClose?: (this: void) => void;
   /**
-   * [a11y] Метка для подложки-кнопки, для описания того, что произойдёт при клике.
+   * [a11y] Метка для подложки-кнопки, для описания того, что произойдёт при нажатии.
    */
   overlayLabel?: string;
 }

package/src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx

@@ -2,6 +2,7 @@
 
 import * as React from 'react';
 import { useExternRef } from '../../hooks/useExternRef';
+import { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';
 import type { HasComponent, HasDataAttribute } from '../../types';
 import { OnboardingTooltipContext } from './OnboardingTooltipContext';
 
@@ -10,11 +11,15 @@ export const onboardingTooltipContainerAttr = 'data-onboarding-tooltip-container
 type OnboardingTooltipContainerProps = React.HTMLAttributes<HTMLDivElement> &
   HasComponent &
   HasDataAttribute & {
+    /**
+     * Фиксированное отображение тултипа.
+     */
     fixed?: boolean;
   };
 
 export const OnboardingTooltipContainer: React.ForwardRefExoticComponent<
   React.PropsWithoutRef<OnboardingTooltipContainerProps> & React.RefAttributes<HTMLDivElement>
+  // eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames
 > = React.forwardRef<HTMLDivElement, OnboardingTooltipContainerProps>(
   ({ fixed = false, Component = 'div', ...props }, ref) => {
     const containerRef = useExternRef(ref);
@@ -30,4 +35,6 @@ export const OnboardingTooltipContainer: React.ForwardRefExoticComponent<
   },
 );
 
-OnboardingTooltipContainer.displayName = 'OnboardingTooltipContainer';
+if (process.env.NODE_ENV !== 'production') {
+  defineComponentDisplayNames(OnboardingTooltipContainer, 'OnboardingTooltipContainer');
+}

package/src/components/OnboardingTooltip/OnboardingTooltipContext.tsx

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Pagination.module.css"],"names":["list","prevButtonContainer","nextButtonContainer"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,qB,WAPA;AAAA,E,aAWAC,qB,WAXA;AAAA;AAAA","file":"Pagination.module.css.d.ts","sourceRoot":""}

package/src/components/Pagination/Pagination.tsx

@@ -38,7 +38,7 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
    */
   totalPages?: number;
   /**
-   * Блокировка всех кнопок.
+   * Блокировка взаимодействия с компонентом.
    */
   disabled?: boolean;
   /**
@@ -65,6 +65,9 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
    * [a11y] Метка для обозначения блока навигации.
    */
   navigationLabel?: string;
+  /**
+   * Тип элемента отрисовки блока навигации.
+   */
   navigationLabelComponent?: HasComponent['Component'];
   /**
    * [a11y] Метка для кнопки навигации назад.
@@ -84,6 +87,9 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
    * так как будет зачитываться для каждой кнопки при перемещении по списку.
    */
   getPageLabel?: (isCurrent: boolean) => string;
+  /**
+   * Обработчик изменения выбранной страницы.
+   */
   onChange?: (page: number, event: React.MouseEvent<HTMLElement>) => void;
   /**
    * Функция для кастомного рендера кнопок страниц.
@@ -98,15 +104,15 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
    */
   renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;
   /**
-   * Передает атрибут `data-testid` для кнопок страниц
+   * Передает атрибут `data-testid` для кнопок страниц.
    */
   pageButtonTestId?: (day: PaginationPageType, active: boolean) => string;
   /**
-   * Передает атрибут `data-testid` для кнопки `prev`
+   * Передает атрибут `data-testid` для кнопки `prev`.
    */
   prevButtonTestId?: string;
   /**
-   * Передает атрибут `data-testid` для кнопки `next`
+   * Передает атрибут `data-testid` для кнопки `next`.
    */
   nextButtonTestId?: string;
 }

package/src/components/Pagination/PaginationNavigationButton/PaginationNavigationButton.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 import * as React from 'react';
 import { Button, type ButtonProps } from '../../Button/Button';
 import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden';

package/src/components/Pagination/PaginationPage/PaginationPage.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./PaginationPage.module.css"],"names":["host","stateHover","stateActive","current","disabled","sizeYCompact","sizeYNone","typeEllipsis"],"mappings":"AAAA;AAAA,E,aACAA,M,WADA;AAAA,E,aAgBAC,Y,WAhBA;AAAA,E,aAoBAC,a,WApBA;AAAA,E,aAqBAC,S,WArBA;AAAA,E,aA0BAC,U,WA1BA;AAAA,E,aA8BAC,c,WA9BA;AAAA,E,aAoCEC,W,WApCF;AAAA,E,aA0CAC,c,WA1CA;AAAA;AAAA","file":"PaginationPage.module.css.d.ts","sourceRoot":""}

package/src/components/Pagination/PaginationPage/PaginationPageButton.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
 import { type SizeTypeValues } from '../../../lib/adaptivity';

package/src/components/Pagination/PaginationPage/PaginationPageEllipsis.tsx

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

package/src/components/Pagination/PaginationPage/usePaginationPageClasses.ts

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 import { classNames } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../../hooks/useAdaptivity';
 import type { SizeTypeValues } from '../../../lib/adaptivity';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Panel.module.css"],"names":["host","in","centered","sizeXCompact","sizeXNone","sizeXRegular","inBefore","inAfter","modeNone","modePlain","modeCard","disableBackground"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAMAC,I,WANA;AAAA,E,aAeAC,U,WAfA;AAAA,E,aA2BAA,U,WA3BA;AAAA,E,aAgCAC,c,WAhCA;AAAA,E,aAgCcD,U,WAhCd;AAAA,E,aAsCEE,W,WAtCF;AAAA,E,aAsCaF,U,WAtCb;AAAA,E,aA4CAG,c,WA5CA;AAAA,E,aA4CcH,U,WA5Cd;AAAA,E,aAkDEE,W,WAlDF;AAAA,E,aAkDaF,U,WAlDb;AAAA,E,aA8DgCD,I,WA9DhC;AAAA,E,aAyEsCA,I,WAzEtC;AAAA,E,aAgFAK,U,WAhFA;AAAA,E,aAqFAC,S,WArFA;AAAA,E,aA0FAC,U,WA1FA;AAAA,E,aA0FUP,I,WA1FV;AAAA,E,aA2FAQ,W,WA3FA;AAAA,E,aA2FWR,I,WA3FX;AAAA,E,aA+FAS,U,WA/FA;AAAA,E,aA+FUT,I,WA/FV;AAAA,E,aAoGEO,U,WApGF;AAAA,E,aAoGYP,I,WApGZ;AAAA,E,aAyGAU,mB,WAzGA;AAAA,E,aAyGmBV,I,WAzGnB;AAAA;AAAA","file":"Panel.module.css.d.ts","sourceRoot":""}

package/src/components/Panel/Panel.tsx

@@ -26,6 +26,9 @@ const stylesMode = {
 };
 
 export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {
+  /**
+   * Центрирование содержимого.
+   */
   centered?: boolean;
   /**
    * Тип оформления панели.
@@ -40,7 +43,7 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
    */
   mode?: 'plain' | 'card';
   /**
-   * Отключает задний фон
+   * Отключает задний фон.
    */
   disableBackground?: boolean;
 }

package/src/components/PanelHeader/PanelHeader.module.css

@@ -31,12 +31,12 @@
 }
 
 .sizeXRegular.shadow .in {
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 0 4px rgb(0, 0, 0, 0.08);
 }
 
 @media (--sizeX-regular) {
   .sizeXNone.shadow .in {
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
+    box-shadow: 0 0 4px rgb(0, 0, 0, 0.08);
   }
 }
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./PanelHeader.module.css"],"names":["host","static","hasFixed","fixed","in","trnsp","sizeXRegular","shadow","sizeXNone","before","content","contentIn","after","ios","primitive","noBefore","noAfter","android","sizeYCompact","vkcom","sizeYNone","sep","separator"],"mappings":"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","file":"PanelHeader.module.css.d.ts","sourceRoot":""}

package/src/components/PanelHeader/PanelHeader.tsx

@@ -40,6 +40,11 @@ const sizeYClassNames = {
 export interface PanelHeaderProps
   extends HTMLAttributesWithRootRef<HTMLDivElement>,
     HasRef<HTMLDivElement> {
+  /**
+   * Добавляет элемент слева.
+   *
+   * При передаче нескольких элементов, расставляет отступы между ними.
+   */
   before?: React.ReactNode;
   /**
    * Добавляет элемент справа.
@@ -55,13 +60,19 @@ export interface PanelHeaderProps
    *      - либо платформа `vkcom`
    *      - либо платформа `android`/`ios` при `<AdaptivityProvider sizeX="compact" />`
    * - `"spacing"` включает отступ, если это платформа `android`/`ios` при `<AdaptivityProvider sizeX="regular" />`
-   * - `"auto"` автоматически подбирает либо `"separator"`, либо `"spacing"` по их условиям
+   * - `"auto"` автоматически подбирает либо `"separator"`, либо `"spacing"` по их условиям.
    */
   delimiter?: 'auto' | 'none' | 'separator' | 'spacing';
+  /**
+   * Прозрачный фон компонента.
+   */
   transparent?: boolean;
+  /**
+   * Добавление теней для компонента.
+   */
   shadow?: boolean;
   /**
-   * Высота шапки будет игнорироваться контентом панели
+   * Высота шапки будет игнорироваться контентом панели.
    */
   float?: boolean;
   /**
@@ -74,12 +85,14 @@ export interface PanelHeaderProps
   typographyProps?: HasComponent & React.HTMLAttributes<HTMLElement> & HasDataAttribute;
 }
 
+/* eslint-disable jsdoc/require-jsdoc */
 interface PanelHeaderInProps {
   before?: PanelHeaderProps['before'];
   after?: PanelHeaderProps['after'];
   children?: PanelHeaderProps['children'];
   typographyProps?: PanelHeaderProps['typographyProps'];
 }
+/* eslint-enable jsdoc/require-jsdoc */
 
 const PanelHeaderIn = ({ before, after, children, typographyProps = {} }: PanelHeaderInProps) => {
   const { Component = 'span', ...restProps } = typographyProps;

package/src/components/PanelHeaderBack/PanelHeaderBack.tsx

@@ -27,7 +27,13 @@ const sizeXClassNames = {
 };
 
 export type PanelHeaderBackProps = Omit<PanelHeaderButtonProps, 'children'> & {
+  /**
+   * Скрыть надпись на платформе `vkcom`.
+   */
   hideLabelOnVKCom?: boolean;
+  /**
+   * Скрыть надпись на платформе `ios`.
+   */
   hideLabelOnIOS?: boolean;
 };
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./PanelHeaderButton.module.css"],"names":["host","primitive","rtl","ios","backIos","android","notPrimitive","vkcom","backVkcom","hover","active","backHasLabel","backSizeXCompact","label","backSizeXNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAaAA,M,WAbA;AAAA,E,aAiBAA,M,WAjBA;AAAA,E,aAqBAC,W,WArBA;AAAA,E,aA6BAC,K,WA7BA;AAAA,E,aAsCAC,K,WAtCA;AAAA,E,aA6CAA,K,WA7CA;AAAA,E,aA6CIF,W,WA7CJ;AAAA,E,aAmDAE,K,WAnDA;AAAA,E,aAwDAA,K,WAxDA;AAAA,E,aA6DAC,S,WA7DA;AAAA,E,aAqEAC,S,WArEA;AAAA,E,aAqEQC,c,WArER;AAAA,E,aA0EAD,S,WA1EA;AAAA,E,aA4EAA,S,WA5EA;AAAA,E,aAmFAE,O,WAnFA;AAAA,E,aAwFAC,W,WAxFA;AAAA,E,aA6FAD,O,WA7FA;AAAA,E,aAmGAA,O,WAnGA;AAAA,E,aAmGME,O,WAnGN;AAAA,E,aAqGAF,O,WArGA;AAAA,E,aAqGMG,Q,WArGN;AAAA,E,aAyGAH,O,WAzGA;AAAA,E,aA+GAA,O,WA/GA;AAAA,E,aA+GMD,c,WA/GN;AAAA,E,aAmHAE,W,WAnHA;AAAA,E,aAmHUG,c,WAnHV;AAAA,E,aAwHEP,S,WAxHF;AAAA,E,aAwHUO,c,WAxHV;AAAA,E,aAwH4BC,kB,WAxH5B;AAAA,E,aA6HAA,kB,WA7HA;AAAA,E,aA6HiBR,S,WA7HjB;AAAA,E,aA6H0BS,O,WA7H1B;AAAA,E,aAkIEC,e,WAlIF;AAAA,E,aAkIgBV,S,WAlIhB;AAAA,E,aAkIyBS,O,WAlIzB;AAAA,E,aA6IAb,M,WA7IA;AAAA,E,aAqJAA,M,WArJA;AAAA,E,aAuJAG,K,WAvJA;AAAA,E,aAkKAH,M,WAlKA;AAAA,E,aAyKAA,M,WAzKA;AAAA,E,aA2KAG,K,WA3KA;AAAA;AAAA","file":"PanelHeaderButton.module.css.d.ts","sourceRoot":""}

package/src/components/PanelHeaderButton/PanelHeaderButton.tsx

@@ -17,12 +17,22 @@ const platformClassNames = {
 };
 
 export interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {
+  /**
+   * Флаг для обозначения первичной кнопки
+   * Влияет на стилизацию кнопки.
+   */
   primary?: boolean;
-  // TODO [>=8]: добавить св-во `indicator`, чтобы разграничить кейсы
-  label?: React.ReactNode;
+  /**
+   * Текст или содержимое кнопки.
+   */
+  label?: React.ReactNode; // TODO [>=8]: добавить св-во indicator, чтобы разграничить кейсы.
 }
 
 interface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {
+  /**
+   * Флаг для обозначения первичной кнопки
+   * Наследуется от PanelHeaderButtonProps['primary'].
+   */
   primary?: PanelHeaderButtonProps['primary'];
 }
 
@@ -90,10 +100,10 @@ export const PanelHeaderButton = ({
   return (
     <Tappable
       Component={restProps.href ? 'a' : 'button'}
-      {...restProps}
       hoverMode={hoverMode}
       activeEffectDelay={200}
       activeMode={activeMode}
+      {...restProps}
       baseClassName={classNames(
         styles.host,
         platformClassNames.hasOwnProperty(platform)

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./PanelHeaderContent.module.css"],"names":["host","before","in","subtitle","childrenIn","childrenText","children","aside","width","inCentered","ios","android","vkcom","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAWAC,Q,WAXA;AAAA,E,aAgBAC,I,WAhBA;AAAA,E,aA0BAC,U,WA1BA;AAAA,E,aA2BAC,Y,WA3BA;AAAA,E,aA4BAC,c,WA5BA;AAAA,E,aAkCAF,U,WAlCA;AAAA,E,aAyCAG,U,WAzCA;AAAA,E,aA+CAF,Y,WA/CA;AAAA,E,aAoDAG,O,WApDA;AAAA,E,aA4DAC,O,WA5DA;AAAA,E,aAgEAC,Y,WAhEA;AAAA,E,aAwEAC,K,WAxEA;AAAA,E,aAwEKN,Y,WAxEL;AAAA,E,aAmFAO,S,WAnFA;AAAA,E,aAmFSP,Y,WAnFT;AAAA,E,aA8F6CQ,O,WA9F7C;AAAA,E,aAqGAC,c,WArGA;AAAA,E,aAqGkBD,O,WArGlB;AAAA,E,aAqG0BR,Y,WArG1B;AAAA,E,aA0GEU,W,WA1GF;AAAA,E,aA0GiBF,O,WA1GjB;AAAA,E,aA0GyBR,Y,WA1GzB;AAAA;AAAA","file":"PanelHeaderContent.module.css.d.ts","sourceRoot":""}

package/src/components/PanelHeaderContent/PanelHeaderContent.tsx

@@ -23,13 +23,28 @@ const sizeYClassNames = {
 };
 
 export interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
+  /**
+   * Компонент отображаемый после содержимого.
+   */
   aside?: React.ReactNode;
+  /**
+   * Компонент отображаемый до содержимого.
+   */
   before?: React.ReactNode;
+  /**
+   * Подпись под основным текстом.
+   */
   subtitle?: React.ReactNode;
 }
 
 interface PanelHeaderChildrenProps extends HasChildren {
+  /**
+   * Есть ли подпись.
+   */
   hasSubtitle: boolean;
+  /**
+   * Есть ли `before`.
+   */
   hasBefore: boolean;
 }
 

package/src/components/PanelHeaderContext/PanelHeaderContext.module.css

@@ -37,7 +37,7 @@
   display: var(--vkui_internal--PanelHeaderContext__fade_display);
   inline-size: 100%;
   block-size: 100%;
-  background: rgba(0, 0, 0, 0.4);
+  background: rgb(0, 0, 0, 0.4);
 }
 
 .opened .fade {
@@ -110,8 +110,8 @@
 
 .sizeXRegular .content {
   box-shadow:
-    0 0 4px rgba(0, 0, 0, 0.08),
-    0 8px 8px rgba(0, 0, 0, 0.16);
+    0 0 4px rgb(0, 0, 0, 0.08),
+    0 8px 8px rgb(0, 0, 0, 0.16);
 }
 
 @media (--sizeX-regular) {
@@ -126,8 +126,8 @@
 
   .sizeXNone .content {
     box-shadow:
-      0 0 4px rgba(0, 0, 0, 0.08),
-      0 8px 8px rgba(0, 0, 0, 0.16);
+      0 0 4px rgb(0, 0, 0, 0.08),
+      0 8px 8px rgb(0, 0, 0, 0.16);
   }
 }
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./PanelHeaderContext.module.css"],"names":["host","sizeXCompact","sizeXNone","in","fade","opened","closing","content","ios","sizeXRegular"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAQAC,c,WARA;AAAA,E,aAeEC,W,WAfF;AAAA,E,aAsBAC,I,WAtBA;AAAA,E,aA+BAC,M,WA/BA;AAAA,E,aA0CAC,Q,WA1CA;AAAA,E,aA0CQD,M,WA1CR;AAAA,E,aA8CAE,S,WA9CA;AAAA,E,aA8CSF,M,WA9CT;AAAA,E,aAkDAC,Q,WAlDA;AAAA,E,aAkDQF,I,WAlDR;AAAA,E,aAsDAG,S,WAtDA;AAAA,E,aAsDSH,I,WAtDT;AAAA,E,aA2DEE,Q,WA3DF;AAAA,E,aA2DUF,I,WA3DV;AAAA,E,aA+DEG,S,WA/DF;AAAA,E,aA+DWH,I,WA/DX;AAAA,E,aAoEAI,S,WApEA;AAAA,E,aAyEAC,K,WAzEA;AAAA,E,aAyEKL,I,WAzEL;AAAA,E,aAkFAH,M,WAlFA;AAAA,E,aAkFUQ,K,WAlFV;AAAA,E,aAkFgBD,S,WAlFhB;AAAA,E,aAmFAE,c,WAnFA;AAAA,E,aAmFaD,K,WAnFb;AAAA,E,aAmFkBD,S,WAnFlB;AAAA,E,aA0FEL,W,WA1FF;AAAA,E,aA0FYM,K,WA1FZ;AAAA,E,aA0FiBD,S,WA1FjB;AAAA,E,aAqGAE,c,WArGA;AAAA,E,aAqGcN,I,WArGd;AAAA,E,aA0GAM,c,WA1GA;AAAA,E,aA0GcF,S,WA1Gd;AAAA,E,aA8GAE,c,WA9GA;AAAA,E,aA8GcF,S,WA9Gd;AAAA,E,aAqHEL,W,WArHF;AAAA,E,aAqHaC,I,WArHb;AAAA,E,aA0HED,W,WA1HF;AAAA,E,aA0HaK,S,WA1Hb;AAAA,E,aA8HEL,W,WA9HF;AAAA,E,aA8HaK,S,WA9Hb;AAAA;AAAA","file":"PanelHeaderContext.module.css.d.ts","sourceRoot":""}

package/src/components/PanelHeaderContext/PanelHeaderContext.tsx

@@ -18,7 +18,15 @@ const sizeXClassNames = {
 };
 
 export interface PanelHeaderContextProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
+  /**
+   * Управление состоянием всплывающего элемента
+   * true - элемент открыт, false - элемент закрыт.
+   */
   opened: boolean;
+
+  /**
+   * Обработчик закрытия всплывающего элемента.
+   */
   onClose: VoidFunction;
 }
 

package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx

@@ -17,15 +17,15 @@ import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';
 
 export interface PanelHeaderEditProps extends Omit<PanelHeaderButtonProps, 'label' | 'children'> {
   /**
-   * Включен ли режим редактирования
+   * Включен ли режим редактирования.
    */
   isActive?: boolean;
   /**
-   * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS
+   * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS.
    */
   editLabel?: string;
   /**
-   * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS
+   * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS.
    */
   doneLabel?: string;
 }

package/src/components/PanelSpinner/PanelSpinner.tsx

@@ -1,17 +1,24 @@
 import * as React from 'react';
+import { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';
 import { Spinner, type SpinnerProps } from '../Spinner/Spinner';
 
 export interface PanelSpinnerProps extends SpinnerProps {
+  /**
+   * Высота компонента.
+   */
   height?: number;
 }
 
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelSpinner
  */
-export const PanelSpinner: React.FC<PanelSpinnerProps> = React.memo(
+// eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames
+export const PanelSpinner = React.memo(
   ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (
     <Spinner size="m" {...restProps} style={{ height, ...style }} />
   ),
 );
 
-PanelSpinner.displayName = 'PanelSpinner';
+if (process.env.NODE_ENV !== 'production') {
+  defineComponentDisplayNames(PanelSpinner, 'PanelSpinner');
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Placeholder.module.css"],"names":["host","withPadding","stretched","icon","title","description","action"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,a,WATA;AAAA,E,aAcAC,W,WAdA;AAAA,E,aAmBAC,M,WAnBA;AAAA,E,aA0BAC,O,WA1BA;AAAA,E,aA8BAC,a,WA9BA;AAAA,E,aAkCAD,O,WAlCA;AAAA,E,aAkCSC,a,WAlCT;AAAA,E,aAsCAC,Q,WAtCA;AAAA;AAAA","file":"Placeholder.module.css.d.ts","sourceRoot":""}

package/src/components/Placeholder/Placeholder.tsx

@@ -9,11 +9,11 @@ import styles from './Placeholder.module.css';
 export interface PlaceholderContainerProps
   extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {
   /**
-   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер
+   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер.
    */
   stretched?: boolean;
   /**
-   * Убирает отступы у компонента
+   * Убирает отступы у компонента.
    */
   noPadding?: boolean;
 }
@@ -62,15 +62,15 @@ const PlaceholderActions = (props: PlaceholderActionsProps): React.ReactNode =>
 
 export interface PlaceholderProps extends PlaceholderContainerProps {
   /**
-   * Иконка
+   * Иконка.
    */
   icon?: React.ReactNode;
   /**
-   * Заголовок плейсхолдера
+   * Заголовок плейсхолдера.
    */
   title?: React.ReactNode;
   /**
-   * Кнопка действия
+   * Кнопка действия.
    */
   action?: React.ReactNode;
 }

package/src/components/PlatformProvider/PlatformProvider.tsx

@@ -5,14 +5,17 @@ import { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride
 
 export interface PlatformProviderProps {
   /**
-   * Платформа
+   * Платформа.
    */
   value: PlatformType;
+  /**
+   * Содержимое.
+   */
   children: React.ReactNode;
 }
 
 /**
- * Компонент, позволяющий переопределить платформу для части приложения
+ * Компонент, позволяющий переопределить платформу для части приложения.
  *
  * @since 5.1.0
  * @see https://vkcom.github.io/VKUI/#/PlatformProvider

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./PopoutWrapper.module.css"],"names":["host","opened","closing","fixed","absolute","overlay","masked","container","content","alignYCenter","alignYBottom","alignYTop","alignXCenter","alignXLeft","alignXRight"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,Q,WATA;AAAA,E,aAaAC,S,WAbA;AAAA,E,aAiBAC,O,WAjBA;AAAA,E,aAqBAC,U,WArBA;AAAA,E,aAyBAC,S,WAzBA;AAAA,E,aAkCAJ,Q,WAlCA;AAAA,E,aAkCQI,S,WAlCR;AAAA,E,aAsCAH,S,WAtCA;AAAA,E,aAsCSG,S,WAtCT;AAAA,E,aA4CAC,Q,WA5CA;AAAA,E,aA4CQD,S,WA5CR;AAAA,E,aAgDAF,O,WAhDA;AAAA,E,aAgDOE,S,WAhDP;AAAA,E,aAiDAD,U,WAjDA;AAAA,E,aAiDUC,S,WAjDV;AAAA,E,aAqDAE,W,WArDA;AAAA,E,aA6DAC,S,WA7DA;AAAA,E,aAsEAA,S,WAtEA;AAAA,E,aA0EAC,c,WA1EA;AAAA,E,aA0EcF,W,WA1Ed;AAAA,E,aA8EAG,c,WA9EA;AAAA,E,aA8EcH,W,WA9Ed;AAAA,E,aAkFAI,W,WAlFA;AAAA,E,aAkFWJ,W,WAlFX;AAAA,E,aAsFAK,c,WAtFA;AAAA,E,aAsFcL,W,WAtFd;AAAA,E,aA0FAM,Y,WA1FA;AAAA,E,aA0FYN,W,WA1FZ;AAAA,E,aA8FAO,a,WA9FA;AAAA,E,aA8FaP,W,WA9Fb;AAAA;AAAA","file":"PopoutWrapper.module.css.d.ts","sourceRoot":""}

package/src/components/PopoutWrapper/PopoutWrapper.tsx

@@ -26,11 +26,11 @@ const stylesStrategy = {
 
 export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
   /**
-   * Позволяет сделать прозрачную подложку
+   * Позволяет сделать прозрачную подложку.
    */
   noBackground?: boolean;
   /**
-   * @deprecated будет удалён в **VKUI v8**
+   * @deprecated Будет удалён в **VKUI v8**
    * Используйте `strategy` вместо этого свойства.
    *
    * Включает фиксированное позиционирование.
@@ -43,7 +43,7 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
    *
    * - `fixed`: у контейнера выставлен `position: fixed`
    * - `absolute`: у контейнера выставлен `position: absolute`
-   * - `none`: у контейнера не выставлен `position`
+   * - `none`: у контейнера не выставлен `position`.
    *
    * @default 'fixed'
    */
@@ -61,7 +61,7 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
    */
   closing?: boolean;
   /**
-   * Позволяет задать z-index через токен или числом
+   * Позволяет задать z-index через токен или числом.
    */
   zIndex?: number | string;
 }

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Popover.module.css"],"names":["host","in","inWithStyling","arrow","hidden"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAKAA,M,WALA;AAAA,E,aAWAC,I,WAXA;AAAA,E,aAeAC,e,WAfA;AAAA,E,aAqBAC,O,WArBA;AAAA,E,aAyBAC,Q,WAzBA;AAAA;AAAA","file":"Popover.module.css.d.ts","sourceRoot":""}