@vkontakte/vkui 7.2.1 → 7.3.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./SegmentedControl.module.css"],"names":["host","sizeL","in","slider","rtl","sizeYRegular","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,O,WATA;AAAA,E,aAaAC,I,WAbA;AAAA,E,aAsBAC,Q,WAtBA;AAAA,E,aAyCAC,K,WAzCA;AAAA,E,aAyCKD,Q,WAzCL;AAAA,E,aAgDAE,c,WAhDA;AAAA,E,aAoDAA,c,WApDA;AAAA,E,aAoDaJ,O,WApDb;AAAA,E,aAyDEK,W,WAzDF;AAAA,E,aA6DEA,W,WA7DF;AAAA,E,aA6DYL,O,WA7DZ;AAAA;AAAA","file":"SegmentedControl.module.css.d.ts","sourceRoot":""}

package/src/components/SegmentedControl/SegmentedControl.tsx

@@ -27,20 +27,44 @@ export interface SegmentedControlOptionInterface
   extends Omit<React.HTMLAttributes<HTMLElement>, 'label'> {
   /**
    * Вставляет элемент перед основным контентом.
-   * Рекомендуется использовать только иконки с размером 20
+   * Рекомендуется использовать только иконки с размером 20.
    */
   before?: React.ReactNode;
+  /**
+   * Текст или React-элемент, отображаемый в качестве метки опции.
+   */
   label: React.ReactNode;
+  /**
+   * Значение опции, которое будет передано в обработчик onChange при выборе.
+   */
   value: SegmentedControlValue;
 }
 
 export interface SegmentedControlProps
   extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange'> {
+  /**
+   * Массив опций для отображения в компоненте.
+   */
   options: SegmentedControlOptionInterface[];
+  /**
+   * Размер компонента.
+   */
   size?: 'm' | 'l';
+  /**
+   * Имя для input-элементов внутри компонента.
+   */
   name?: string;
+  /**
+   * Обработчик изменения выбранного значения.
+   */
   onChange?: (value: SegmentedControlValue) => void;
+  /**
+   * Текущее выбранное значение (для контролируемого компонента).
+   */
   value?: SegmentedControlValue;
+  /**
+   * Значение по умолчанию (для неконтролируемого компонента).
+   */
   defaultValue?: SegmentedControlValue;
 }
 

package/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./SegmentedControlOption.module.css"],"names":["host","hover","before"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAkBAC,O,WAlBA;AAAA,E,aAsBAC,Q,WAtBA;AAAA;AAAA","file":"SegmentedControlOption.module.css.d.ts","sourceRoot":""}

package/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Select.module.css"],"names":["host","el","container","hasBefore","multiline","sizeYCompact","sizeYNone","title","empty","alignRight","alignCenter"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,I,WAPA;AAAA,E,aAsBAC,W,WAtBA;AAAA,E,aAkCAC,W,WAlCA;AAAA,E,aAkCWD,W,WAlCX;AAAA,E,aAsCAE,W,WAtCA;AAAA,E,aAsCWF,W,WAtCX;AAAA,E,aA0CAG,c,WA1CA;AAAA,E,aA0CaD,W,WA1Cb;AAAA,E,aA0CwBF,W,WA1CxB;AAAA,E,aA+CEI,W,WA/CF;AAAA,E,aA+CYF,W,WA/CZ;AAAA,E,aA+CuBF,W,WA/CvB;AAAA,E,aAoDAK,O,WApDA;AAAA,E,aAwDAP,M,WAxDA;AAAA,E,aAwDUI,W,WAxDV;AAAA,E,aAwDsBG,O,WAxDtB;AAAA,E,aA8DAC,O,WA9DA;AAAA,E,aA8DOD,O,WA9DP;AAAA,E,aAkEAE,Y,WAlEA;AAAA,E,aAkEYF,O,WAlEZ;AAAA,E,aAsEAG,a,WAtEA;AAAA,E,aAsEaH,O,WAtEb;AAAA,E,aA+E6CL,W,WA/E7C;AAAA;AAAA","file":"Select.module.css.d.ts","sourceRoot":""}

package/src/components/SelectMimicry/SelectMimicry.tsx

@@ -23,8 +23,17 @@ export interface SelectMimicryProps
     HasRootRef<HTMLElement>,
     HasAlign,
     Pick<FormFieldProps, 'before' | 'after' | 'status'> {
+  /**
+   * Включает многострочный режим отображения.
+   */
   multiline?: boolean;
+  /**
+   * Блокировка взаимодействия с компонентом.
+   */
   disabled?: boolean;
+  /**
+   * Тип селекта, влияющий на внешний вид компонента.
+   */
   selectType?: SelectType;
 }
 

package/src/components/SelectTypography/SelectTypography.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 import type { SelectType } from '../Select/Select';
 import { Text, type TextProps } from '../Typography/Text/Text';
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./SelectionControl.module.css"],"names":["host","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAe+BA,M,WAf/B;AAAA,E,aAoBAA,M,WApBA;AAAA,E,aAwBAC,c,WAxBA;AAAA,E,aA6BEC,W,WA7BF;AAAA;AAAA","file":"SelectionControl.module.css.d.ts","sourceRoot":""}

package/src/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./SelectionControlLabel.module.css"],"names":["host","description","titleLayout","title","titleAfter","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAA,M,WATA;AAAA,E,aAaAC,a,WAbA;AAAA,E,aAmBAC,a,WAnBA;AAAA,E,aAyBAC,O,WAzBA;AAAA,E,aA6BAC,Y,WA7BA;AAAA,E,aAmCAC,c,WAnCA;AAAA,E,aAwCEC,W,WAxCF;AAAA;AAAA","file":"SelectionControlLabel.module.css.d.ts","sourceRoot":""}

package/src/components/SelectionControl/SelectionControlLabel/SelectionControlLabel.tsx

@@ -1,4 +1,5 @@
 'use client';
+/* eslint-disable jsdoc/require-jsdoc */
 
 import { classNames, hasReactNode } from '@vkontakte/vkjs';
 import { useAdaptivity } from '../../../hooks/useAdaptivity';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Separator.module.css"],"names":["appearancePrimary","appearanceSecondary","appearancePrimaryAlpha","alignStart","alignEnd","directionVertical","sized","directionHorizontal","in","padded"],"mappings":"AAAA;AAAA,E,aAAAA,mB,WAAA;AAAA,E,aAIAC,qB,WAJA;AAAA,E,aAQAC,wB,WARA;AAAA,E,aAYAC,Y,WAZA;AAAA,E,aAgBAC,U,WAhBA;AAAA,E,aAoBAC,mB,WApBA;AAAA,E,aAyBAC,O,WAzBA;AAAA,E,aAyBMC,qB,WAzBN;AAAA,E,aA+BAD,O,WA/BA;AAAA,E,aA+BMD,mB,WA/BN;AAAA,E,aAoCAG,I,WApCA;AAAA,E,aA2CAD,qB,WA3CA;AAAA,E,aA2CqBC,I,WA3CrB;AAAA,E,aA+CAH,mB,WA/CA;AAAA,E,aA+CmBG,I,WA/CnB;AAAA,E,aAmDAF,O,WAnDA;AAAA,E,aAmDMC,qB,WAnDN;AAAA,E,aAmD2BC,I,WAnD3B;AAAA,E,aAuDAD,qB,WAvDA;AAAA,E,aAuDoBE,Q,WAvDpB;AAAA,E,aAuD4BD,I,WAvD5B;AAAA,E,aA2DAH,mB,WA3DA;AAAA,E,aA2DkBI,Q,WA3DlB;AAAA,E,aA2D0BD,I,WA3D1B;AAAA,E,aAoE+CC,Q,WApE/C;AAAA,E,aA2E8CA,Q,WA3E9C;AAAA;AAAA","file":"Separator.module.css.d.ts","sourceRoot":""}

package/src/components/Separator/Separator.tsx

@@ -8,25 +8,25 @@ export const CUSTOM_CSS_TOKEN_FOR_USER_SIZE = '--vkui_internal--spacing_size';
 
 export interface SeparatorProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
   /**
-   * Стиль отображения разделителя
+   * Стиль отображения разделителя.
    */
   appearance?: 'primary' | 'secondary' | 'primary-alpha';
   /**
-   * Добавляет стандартные отступы у разделителя
+   * Добавляет стандартные отступы у разделителя.
    */
   padding?: boolean;
   /**
-   * Направление отображения разделителя
+   * Направление отображения разделителя.
    */
   direction?: 'horizontal' | 'vertical';
   /**
-   * Размер контейнера, в который вложен разделитель
+   * Размер контейнера, в который вложен разделитель.
    *
-   * Принимает значения дизайн-системы, числовые значения и css-переменные
+   * Принимает значения дизайн-системы, числовые значения и css-переменные.
    */
   size?: SpacingSizeProp;
   /**
-   * Выравнивание разделителя в контейнере
+   * Выравнивание разделителя в контейнере.
    */
   align?: 'start' | 'center' | 'end';
 }

package/src/components/SimpleCell/Chevron/Chevron.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 import * as React from 'react';
 import { Icon16Chevron, Icon24ChevronCompactRight } from '@vkontakte/icons';
 

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./SimpleCell.module.css"],"names":["host","mult","children","disabled","before","beforeIos","middle","overTitle","text","subtitle","extraSubtitle","content","badge","indicator","after","chevronIcon","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAYAC,M,WAZA;AAAA,E,aAgBAA,M,WAhBA;AAAA,E,aAgBMC,U,WAhBN;AAAA,E,aAoBAC,U,WApBA;AAAA,E,aAwBAC,Q,WAxBA;AAAA,E,aAkCAA,Q,WAlCA;AAAA,E,aAwCAC,W,WAxCA;AAAA,E,aA4CAD,Q,WA5CA;AAAA,E,aAgDAE,Q,WAhDA;AAAA,E,aA4DAA,Q,WA5DA;AAAA,E,aAgEAC,W,WAhEA;AAAA,E,aAoEAC,M,WApEA;AAAA,E,aAyEAC,U,WAzEA;AAAA,E,aA0EAC,e,WA1EA;AAAA,E,aA8EAV,M,WA9EA;AAAA,E,aA8EMW,S,WA9EN;AAAA,E,aAsFAT,U,WAtFA;AAAA,E,aA6FAD,M,WA7FA;AAAA,E,aA6FMC,U,WA7FN;AAAA,E,aA8FAD,M,WA9FA;AAAA,E,aA8FMQ,U,WA9FN;AAAA,E,aAkGAG,O,WAlGA;AAAA,E,aA0GAD,S,WA1GA;AAAA,E,aA8GAE,W,WA9GA;AAAA,E,aAwHAC,O,WAxHA;AAAA,E,aAiIAA,O,WAjIA;AAAA,E,aAuIAA,O,WAvIA;AAAA,E,aA2IAC,a,WA3IA;AAAA,E,aAoJAC,c,WApJA;AAAA,E,aAwJAA,c,WAxJA;AAAA,E,aAwJcZ,Q,WAxJd;AAAA,E,aA6JEa,W,WA7JF;AAAA,E,aAiKEA,W,WAjKF;AAAA,E,aAiKab,Q,WAjKb;AAAA,E,aA2KiCJ,M,WA3KjC;AAAA;AAAA","file":"SimpleCell.module.css.d.ts","sourceRoot":""}

package/src/components/SimpleCell/SimpleCell.tsx

@@ -19,7 +19,7 @@ const sizeYClassNames = {
 
 export interface SimpleCellOwnProps extends HasComponent {
   /**
-   * Иконка 28 или `<Avatar size={28|32|40|48|72} />`
+   * Иконка 28 или `<Avatar size={28|32|40|48|72} />`.
    */
   before?: React.ReactNode;
   /**
@@ -59,22 +59,22 @@ export interface SimpleCellOwnProps extends HasComponent {
    */
   after?: React.ReactNode;
   /**
-   * Помечает ячейку неактивной
+   * Блокировка взаимодействия с компонентом.
    */
   disabled?: boolean;
   /**
-   * Управляет видимостью иконки шеврона `›`
+   * Управляет видимостью иконки шеврона `›`.
    *
    * - `auto` - добавляет шеврон справа только для платформы `ios`;
    * - `always` - всегда показывает шеврон.
    */
   chevron?: 'auto' | 'always';
   /**
-   * Размер chevron
+   * Размер chevron.
    */
   chevronSize?: 's' | 'm';
   /**
-   * Включает многострочный режим для отображения текста
+   * Включает многострочный режим для отображения текста.
    */
   multiline?: boolean;
 }

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./SimpleGrid.module.css"],"names":["host","marginAuto","marginAutoInline","marginAutoBlock","withMinWidth","alignStart","alignEnd","alignCenter","alignStretch","alignBaseline"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,Y,WATA;AAAA,E,aAcAC,kB,WAdA;AAAA,E,aAkBAC,iB,WAlBA;AAAA,E,aAsBAC,c,WAtBA;AAAA,E,aA0BAC,Y,WA1BA;AAAA,E,aA8BAC,U,WA9BA;AAAA,E,aAkCAC,a,WAlCA;AAAA,E,aAsCAC,c,WAtCA;AAAA,E,aA0CAC,e,WA1CA;AAAA;AAAA","file":"SimpleGrid.module.css.d.ts","sourceRoot":""}

package/src/components/SimpleGrid/SimpleGrid.tsx

@@ -26,7 +26,7 @@ const alignClassNames = {
 
 export interface SimpleGridProps extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'> {
   /**
-   * Количество колонок
+   * Количество колонок.
    */
   columns?: number;
   /**
@@ -40,15 +40,15 @@ export interface SimpleGridProps extends Omit<RootComponentProps<HTMLElement>, '
    * Значение `none` позволяет отключить отступы
    * Значение `auto` позволяет задать платформенные отступы
    * Значение `auto-inline` позволяет задать платформенные inline-отступы
-   * Значение `auto-block` позволяет задать платформенные block-отступы
+   * Значение `auto-block` позволяет задать платформенные block-отступы.
    */
   margin?: 'none' | 'auto' | 'auto-inline' | 'auto-block';
   /**
-   * Вместо задания количества колонок, можно указать минимальную ширину элементов
+   * Вместо задания количества колонок, можно указать минимальную ширину элементов.
    */
   minColWidth?: number;
   /**
-   * Выравнивание элементов по вспомогательной оси, эквивалентно `align-items`
+   * Выравнивание элементов по вспомогательной оси, эквивалентно `align-items`.
    */
   align?: 'start' | 'end' | 'center' | 'stretch' | 'baseline';
 }

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Skeleton.module.css"],"names":["host","disableAnimation"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAiBAA,M,WAjBA;AAAA,E,aAiBMA,M,WAjBN;AAAA,E,aAsBAA,M,WAtBA;AAAA,E,aAsBMA,M,WAtBN;AAAA,E,aAsBYA,M,WAtBZ;AAAA,E,aA2BAA,M,WA3BA;AAAA,E,aAsDAC,kB,WAtDA;AAAA,E,aAgEED,M,WAhEF;AAAA;AAAA","file":"Skeleton.module.css.d.ts","sourceRoot":""}

package/src/components/Skeleton/Skeleton.tsx

@@ -14,18 +14,18 @@ import styles from './Skeleton.module.css';
 const CUSTOM_PROPERTY_GRADIENT_LEFT = '--vkui_internal--skeleton_gradient_left';
 
 /**
- * Синхронизирует анимацию скелетонов с помощью временных отрезков
+ * Синхронизирует анимацию скелетонов с помощью временных отрезков.
  *
  * ## visibilitychange
  *
  * В синхронизацию не заложен механизм перехода на оптимизации браузеров при
  * переходе на другую вкладку, поскольку нет уверенности в реальности таких
  * кейсов со скелетонами. Если такой кейс принесут, необходимо обработать
- * событие `visibilitychange` используя функцию `syncAnimation`
+ * событие `visibilitychange` используя функцию `syncAnimation`.
  *
- * https://developer.chrome.com/blog/page-lifecycle-api/
+ * Смотри https://developer.chrome.com/blog/page-lifecycle-api/.
  *
- * @param duration длительность анимации в секундах
+ * @param duration Длительность анимации в секундах.
  */
 function useSkeletonSyncAnimation(disableAnimation: boolean, duration = 1.5) {
   const [isAnimationStarted, setIsAnimationStarted] = React.useState<boolean>(false);
@@ -60,7 +60,7 @@ function useSkeletonSyncAnimation(disableAnimation: boolean, duration = 1.5) {
 }
 
 /**
- * Вычисляет позицию скелетона
+ * Вычисляет позицию скелетона.
  */
 function useSkeletonPosition(rootRef: React.RefObject<HTMLElement | null>) {
   const { document, window } = useDOM();
@@ -100,22 +100,22 @@ export interface SkeletonProps
       | 'margin'
     > {
   /**
-   * Начальный цвет анимации
+   * Начальный цвет анимации.
    */
   colorFrom?: string;
 
   /**
-   * Финальный цвет анимации
+   * Финальный цвет анимации.
    */
   colorTo?: string;
 
   /**
-   * Выключает анимацию, в результате чего показывается только один цвет
+   * Выключает анимацию, в результате чего показывается только один цвет.
    */
   noAnimation?: boolean;
 
   /**
-   * Длительность анимации в секундах
+   * Длительность анимации в секундах.
    */
   duration?: number;
 }

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Slider.module.css"],"names":["host","disabled","track","trackFill","multiple","thumbs","thumb","rtl","thumbStart","thumbEnd","sizeL","sizeM","sizeS","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,U,WATA;AAAA,E,aAcAC,O,WAdA;AAAA,E,aAeAC,W,WAfA;AAAA,E,aAuBAD,O,WAvBA;AAAA,E,aA4BAC,W,WA5BA;AAAA,E,aAiCAC,U,WAjCA;AAAA,E,aAiCUD,W,WAjCV;AAAA,E,aAuCAE,Q,WAvCA;AAAA,E,aA8CAC,O,WA9CA;AAAA,E,aAmDAC,K,WAnDA;AAAA,E,aAmDKD,O,WAnDL;AAAA,E,aAuDAE,Y,WAvDA;AAAA,E,aA2DAC,U,WA3DA;AAAA,E,aA+DAC,O,WA/DA;AAAA,E,aAmEAC,O,WAnEA;AAAA,E,aAuEAC,O,WAvEA;AAAA,E,aA+EAC,c,WA/EA;AAAA,E,aA+EaH,O,WA/Eb;AAAA,E,aAmFAG,c,WAnFA;AAAA,E,aAmFaF,O,WAnFb;AAAA,E,aAuFAE,c,WAvFA;AAAA,E,aAuFaD,O,WAvFb;AAAA,E,aA4FEE,W,WA5FF;AAAA,E,aA4FYJ,O,WA5FZ;AAAA,E,aAgGEI,W,WAhGF;AAAA,E,aAgGYH,O,WAhGZ;AAAA,E,aAoGEG,W,WApGF;AAAA,E,aAoGYF,O,WApGZ;AAAA;AAAA","file":"Slider.module.css.d.ts","sourceRoot":""}

package/src/components/Slider/Slider.tsx

@@ -36,9 +36,21 @@ const sizeClassNames = {
 
 export interface SliderBaseProps
   extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'> {
+  /**
+   * Минимальное значение слайдера.
+   */
   min?: number;
+  /**
+   * Максимальное значение слайдера.
+   */
   max?: number;
+  /**
+   * Шаг изменения значения слайдера.
+   */
   step?: number;
+  /**
+   * Блокировка взаимодействия с компонентом.
+   */
   disabled?: boolean;
   /**
    * Тоже самое, что и `aria-label`, но на вход можно получать индекс текущего ползунка и в зависимости от этого выдавать разный текст.
@@ -54,32 +66,59 @@ export interface SliderBaseProps
    * > Перебивает `aria-valuetext`.
    */
   getAriaValueText?: (value: number, index: number) => string;
+  /**
+   * Включает отображение всплывающей подсказки при взаимодействии с ползунком.
+   */
   withTooltip?: boolean;
   /**
    * Размер ползунка.
    */
   size?: 's' | 'm' | 'l';
   /**
-   * Передает атрибут `data-testid` для первого ползунка
+   * Передает атрибут `data-testid` для первого ползунка.
    */
   startThumbTestId?: string;
   /**
-   * Передает атрибут `data-testid` для второго ползунка когда `multiple=true`
+   * Передает атрибут `data-testid` для второго ползунка когда `multiple=true`.
    */
   endThumbTestId?: string;
 }
 
 export interface SliderProps extends SliderBaseProps {
+  /**
+   * Флаг множественного выбора (должен быть false или не указан).
+   */
   multiple?: false;
+  /**
+   * Текущее значение слайдера.
+   */
   value?: number;
+  /**
+   * Значение слайдера по умолчанию.
+   */
   defaultValue?: number;
+  /**
+   * Обработчик изменения значения слайдера.
+   */
   onChange?: (value: number, event: CustomTouchEvent | React.ChangeEvent) => void;
 }
 
 export interface SliderMultipleProps extends SliderBaseProps {
+  /**
+   * Флаг множественного выбора (должен быть true).
+   */
   multiple: true;
+  /**
+   * Текущие значения слайдера в виде массива [начальное, конечное].
+   */
   value?: [number, number];
+  /**
+   * Значения слайдера по умолчанию в виде массива [начальное, конечное].
+   */
   defaultValue?: [number, number];
+  /**
+   * Обработчик изменения значений слайдера.
+   */
   onChange?: (value: [number, number], event: CustomTouchEvent | React.ChangeEvent) => void;
 }
 

package/src/components/Slider/SliderThumb/SliderThumb.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./SliderThumb.module.css"],"names":["host","focusVisible","hover","active","nativeInput"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAcAC,c,WAdA;AAAA,E,aAmBAC,O,WAnBA;AAAA,E,aAuBAC,Q,WAvBA;AAAA,E,aA8BAC,a,WA9BA;AAAA;AAAA","file":"SliderThumb.module.css.d.ts","sourceRoot":""}

package/src/components/Slider/SliderThumb/SliderThumb.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/Slider/types.ts

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 export type InternalValueState = [number, number | null];
 
 export type InternalDraggingType = 'start' | 'end';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./Snackbar.module.css"],"names":["host","ios","rtl","placementTopStart","placementTop","placementTopEnd","placementBottomStart","placementBottomEnd","placementBottom","in","stateEnter","stateEntering","stateEntered","touched","stateExit","stateExiting"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAkBAC,K,WAlBA;AAAA,E,aAsBAC,K,WAtBA;AAAA,E,aA0BAC,mB,WA1BA;AAAA,E,aA2BAC,c,WA3BA;AAAA,E,aA4BAC,iB,WA5BA;AAAA,E,aAmCAC,sB,WAnCA;AAAA,E,aAyCAC,oB,WAzCA;AAAA,E,aA+CAD,sB,WA/CA;AAAA,E,aAgDAE,iB,WAhDA;AAAA,E,aAiDAD,oB,WAjDA;AAAA,E,aA6DEP,M,WA7DF;AAAA,E,aAkEEI,c,WAlEF;AAAA,E,aAmEII,iB,WAnEJ;AAAA,E,aAuEEA,iB,WAvEF;AAAA,E,aAgFEL,mB,WAhFF;AAAA,E,aAiFIG,sB,WAjFJ;AAAA,E,aAiGED,iB,WAjGF;AAAA,E,aAkGIE,oB,WAlGJ;AAAA,E,aAmHAE,I,WAnHA;AAAA,E,aA0HAN,mB,WA1HA;AAAA,E,aA0HmBM,I,WA1HnB;AAAA,E,aA2HAL,c,WA3HA;AAAA,E,aA2HcK,I,WA3Hd;AAAA,E,aA4HAJ,iB,WA5HA;AAAA,E,aA4HiBI,I,WA5HjB;AAAA,E,aAgIAH,sB,WAhIA;AAAA,E,aAgIsBG,I,WAhItB;AAAA,E,aAiIAD,iB,WAjIA;AAAA,E,aAiIiBC,I,WAjIjB;AAAA,E,aAkIAF,oB,WAlIA;AAAA,E,aAkIoBE,I,WAlIpB;AAAA,E,aAuIEA,I,WAvIF;AAAA,E,aA2IEN,mB,WA3IF;AAAA,E,aA2IqBM,I,WA3IrB;AAAA,E,aA4IIH,sB,WA5IJ;AAAA,E,aA4I0BG,I,WA5I1B;AAAA,E,aA6IIJ,iB,WA7IJ;AAAA,E,aA6IqBI,I,WA7IrB;AAAA,E,aA8IIF,oB,WA9IJ;AAAA,E,aA8IwBE,I,WA9IxB;AAAA,E,aAkJED,iB,WAlJF;AAAA,E,aAkJmBC,I,WAlJnB;AAAA,E,aAuJAC,Y,WAvJA;AAAA,E,aAuJYD,I,WAvJZ;AAAA,E,aAwJAE,e,WAxJA;AAAA,E,aAwJeF,I,WAxJf;AAAA,E,aA6JEC,Y,WA7JF;AAAA,E,aA6JcD,I,WA7Jd;AAAA,E,aA8JIE,e,WA9JJ;AAAA,E,aA8JmBF,I,WA9JnB;AAAA,E,aAmKAG,c,WAnKA;AAAA,E,aAmKcH,I,WAnKd;AAAA,E,aAyKAI,S,WAzKA;AAAA,E,aAyKSJ,I,WAzKT;AAAA,E,aA6KAK,W,WA7KA;AAAA,E,aA6KWL,I,WA7KX;AAAA,E,aA8KAM,c,WA9KA;AAAA,E,aA8KcN,I,WA9Kd;AAAA,E,aAmLEK,W,WAnLF;AAAA,E,aAmLaL,I,WAnLb;AAAA,E,aAoLIM,c,WApLJ;AAAA,E,aAoLkBN,I,WApLlB;AAAA;AAAA","file":"Snackbar.module.css.d.ts","sourceRoot":""}

package/src/components/Snackbar/Snackbar.tsx

@@ -60,19 +60,19 @@ export interface SnackbarProps
   placement?: SnackbarPlacement;
   /**
    * Название кнопки действия в уведомлении
-   * Не может использоваться одновременно с `subtitle`
+   * Не может использоваться одновременно с `subtitle`.
    */
   action?: React.ReactNode;
   /**
-   * Будет вызвано при клике на кнопку действия
+   * Будет вызвано при нажатии на кнопку действия.
    */
   onActionClick?: (event: React.MouseEvent) => void;
   /**
-   * Время в миллисекундах, через которое плашка скроется
+   * Время в миллисекундах, через которое плашка скроется.
    */
   duration?: number;
   /**
-   * Обработчик закрытия уведомления
+   * Обработчик закрытия уведомления.
    */
   onClose: () => void;
   /**

package/src/components/Snackbar/subcomponents/Basic/Basic.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Basic.module.css"],"names":["body","sizeYRegular","sizeYNone","modeDark","before","after","content","contentText","contentSubtitle","layoutHorizontal","action","layoutVertical","layoutNone","layoutVerticalMq"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAoBAC,c,WApBA;AAAA,E,aAgCEC,W,WAhCF;AAAA,E,aA4CAC,U,WA5CA;AAAA,E,aAgDAC,Q,WAhDA;AAAA,E,aAoDAC,O,WApDA;AAAA,E,aAwDAC,S,WAxDA;AAAA,E,aA+DAC,a,WA/DA;AAAA,E,aAyEAC,iB,WAzEA;AAAA,E,aA8EAL,U,WA9EA;AAAA,E,aA8EUI,a,WA9EV;AAAA,E,aAmFAE,kB,WAnFA;AAAA,E,aAmFkBC,Q,WAnFlB;AAAA,E,aAwFAC,gB,WAxFA;AAAA,E,aAwFgBL,S,WAxFhB;AAAA,E,aA6FAK,gB,WA7FA;AAAA,E,aA6FgBD,Q,WA7FhB;AAAA,E,aAoGEE,Y,WApGF;AAAA,E,aAoGcF,Q,WApGd;AAAA,E,aA0GEE,Y,WA1GF;AAAA,E,aA0GcN,S,WA1Gd;AAAA,E,aA2GIO,kB,WA3GJ;AAAA,E,aA2GsBP,S,WA3GtB;AAAA,E,aAgHEM,Y,WAhHF;AAAA,E,aAgHcF,Q,WAhHd;AAAA,E,aAiHIG,kB,WAjHJ;AAAA,E,aAiHsBH,Q,WAjHtB;AAAA;AAAA","file":"Basic.module.css.d.ts","sourceRoot":""}

package/src/components/Snackbar/subcomponents/Basic/Basic.tsx

@@ -23,19 +23,19 @@ const sizeYClassNames = {
 export interface BasicProps {
   /**
    * Элемент действия.
-   * Не может использоваться одновременно с `subtitle`
+   * Не может использоваться одновременно с `subtitle`.
    */
   action?: React.ReactNode;
 
   /**
-   * Контент в правой части, может быть иконкой 24x24
+   * Контент в правой части, может быть иконкой 24x24.
    */
   after?: React.ReactNode;
 
   /**
    * Варианты расположения кнопки действия
    * По умолчанию на десктопах, или при наличии элементов `after` или `subtitle`
-   * имеет значение `vertical`, в остальных случаях `horizontal`
+   * имеет значение `vertical`, в остальных случаях `horizontal`.
    */
   layout?: 'vertical' | 'horizontal';
 
@@ -43,18 +43,18 @@ export interface BasicProps {
    * Может быть следующими компонентами:
    *  - цветная иконка 24x24 или 28x28 пикселя
    *  - `<Avatar size={32} />`
-   *  - `<Image size={40} />`
+   *  - `<Image size={40} />`.
    */
   before?: React.ReactNode;
 
   /**
-   * Задает стиль снекбара
+   * Задает стиль снекбара.
    */
   mode?: 'default' | 'dark';
 
   /**
    * Дополнительная строка текста под `children`.
-   * Не может использоваться одновременно с `action`
+   * Не может использоваться одновременно с `action`.
    */
   subtitle?: React.ReactNode;
 }

package/src/components/Snackbar/types.ts

@@ -1,3 +1,5 @@
+/* eslint-disable jsdoc/require-jsdoc */
+
 export type SnackbarPlacement =
   | 'top-start'
   | 'top'

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

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

package/src/components/Spacing/Spacing.tsx

@@ -9,13 +9,13 @@ export const CUSTOM_CSS_TOKEN_FOR_USER_GAP = '--vkui_internal--spacing_size';
 
 export interface SpacingProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
   /**
-   * Высота спэйсинга
+   * Высота спэйсинга.
    *
-   * Принимает значения дизайн-системы, числовые значения и css-переменные
+   * Принимает значения дизайн-системы, числовые значения и css-переменные.
    */
   size?: SpacingSizeProp;
   /**
-   * @deprecated 7.0.0
+   * @deprecated 7.0.0.
    *
    * Свойство устарело и будет удалено в v8.
    */

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

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

package/src/components/Spinner/Spinner.tsx

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { Icon16Spinner, Icon24Spinner, Icon32Spinner, Icon44Spinner } from '@vkontakte/icons';
 import { classNames, hasReactNode } from '@vkontakte/vkjs';
+import { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';
 import type { HTMLAttributesWithRootRef } from '../../types';
 import { RootComponent } from '../RootComponent/RootComponent';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';
 import { SpinnerAnimation } from './SpinnerAnimation';
+import { Icon16Spinner, Icon24Spinner, Icon32Spinner, Icon44Spinner } from './icons';
 import styles from './Spinner.module.css';
 
 const spinnerIconMap = {
@@ -15,10 +16,16 @@ const spinnerIconMap = {
 };
 
 export interface SpinnerProps extends HTMLAttributesWithRootRef<HTMLSpanElement> {
+  /**
+   * Размер спиннера.
+   */
   size?: 's' | 'm' | 'l' | 'xl';
+  /**
+   * Отключение анимации.
+   */
   disableAnimation?: boolean;
   /**
-   * Задать цвет можно будет через свойство color родителя
+   * Задать цвет можно будет через свойство color родителя.
    */
   noColor?: boolean;
 }
@@ -26,7 +33,8 @@ export interface SpinnerProps extends HTMLAttributesWithRootRef<HTMLSpanElement>
 /**
  * @see https://vkcom.github.io/VKUI/#/Spinner
  */
-export const Spinner: React.FC<SpinnerProps> = React.memo(
+// eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames
+export const Spinner = React.memo(
   ({
     size = 'm',
     children = 'Загружается...',
@@ -50,4 +58,6 @@ export const Spinner: React.FC<SpinnerProps> = React.memo(
   },
 );
 
-Spinner.displayName = 'Spinner';
+if (process.env.NODE_ENV !== 'production') {
+  defineComponentDisplayNames(Spinner, 'Spinner');
+}

package/src/components/Spinner/SpinnerAnimation.tsx

@@ -1,4 +1,5 @@
 'use client';
+/* eslint-disable jsdoc/require-jsdoc */
 
 import { useReducedMotion } from '../../lib/animation';
 import { type SpinnerProps } from './Spinner';

package/src/components/Spinner/icons.tsx

@@ -0,0 +1,53 @@
+import * as React from 'react';
+
+export function Icon16Spinner({ children }: React.PropsWithChildren) {
+  return (
+    <svg aria-hidden="true" width="16" height="16">
+      <path
+        fill="currentColor"
+        d="M8 3.25a4.75 4.75 0 0 0-4.149 7.065.75.75 0 1 1-1.31.732A6.25 6.25 0 1 1 8 14.25a.75.75 0 0 1 .001-1.5 4.75 4.75 0 1 0 0-9.5Z"
+      >
+        {children}
+      </path>
+    </svg>
+  );
+}
+
+export function Icon24Spinner({ children }: React.PropsWithChildren) {
+  return (
+    <svg aria-hidden="true" width="24" height="24">
+      <path
+        fill="currentColor"
+        d="M16.394 5.077A8.2 8.2 0 0 0 4.58 15.49a.9.9 0 0 1-1.628.767A10 10 0 1 1 12 22a.9.9 0 0 1 0-1.8 8.2 8.2 0 0 0 4.394-15.123"
+      >
+        {children}
+      </path>
+    </svg>
+  );
+}
+
+export function Icon32Spinner({ children }: React.PropsWithChildren) {
+  return (
+    <svg aria-hidden="true" width="32" height="32">
+      <path
+        fill="currentColor"
+        d="M16 32a1.5 1.5 0 0 1 0-3c7.18 0 13-5.82 13-13S23.18 3 16 3 3 8.82 3 16c0 1.557.273 3.074.8 4.502A1.5 1.5 0 1 1 .986 21.54 16 16 0 0 1 0 16C0 7.163 7.163 0 16 0s16 7.163 16 16-7.163 16-16 16"
+      >
+        {children}
+      </path>
+    </svg>
+  );
+}
+
+export function Icon44Spinner({ children }: React.PropsWithChildren) {
+  return (
+    <svg aria-hidden="true" width="44" height="44">
+      <path
+        fill="currentColor"
+        d="M22 44a1.5 1.5 0 0 1 0-3c10.493 0 19-8.507 19-19S32.493 3 22 3 3 11.507 3 22c0 2.208.376 4.363 1.103 6.397a1.5 1.5 0 1 1-2.825 1.01A22 22 0 0 1 0 22C0 9.85 9.85 0 22 0s22 9.85 22 22-9.85 22-22 22"
+      >
+        {children}
+      </path>
+    </svg>
+  );
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["./SplitCol.module.css"],"names":["host","viewWidthSmallTabletPlus","spacedAuto","viewWidthNone","viewWidthTabletMinus","stretchedOnMobile","fixed","fixedInner"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAQAC,0B,WARA;AAAA,E,aAQyBC,Y,WARzB;AAAA,E,aAcEC,e,WAdF;AAAA,E,aAcgBD,Y,WAdhB;AAAA,E,aAoBAE,sB,WApBA;AAAA,E,aAoBqBC,mB,WApBrB;AAAA,E,aA4BEF,e,WA5BF;AAAA,E,aA4BgBE,mB,WA5BhB;AAAA,E,aAoCAC,O,WApCA;AAAA,E,aA2CAC,Y,WA3CA;AAAA;AAAA","file":"SplitCol.module.css.d.ts","sourceRoot":""}