@vkontakte/vkui 8.0.2 → 8.1.1

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

@@ -1 +1 @@
-{"version":3,"sources":["./SimpleCell.module.css"],"names":["host","mult","children","disabled","before","beforeIos","middle","overTitle","text","subtitle","extraSubtitle","content","badge","indicator","after","chevronIcon","densityCompact","densityNone"],"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,aAkIAA,O,WAlIA;AAAA,E,aAwIAA,O,WAxIA;AAAA,E,aA4IAC,a,WA5IA;AAAA,E,aAgJAA,a,WAhJA;AAAA,E,aAwJAC,gB,WAxJA;AAAA,E,aA4JAA,gB,WA5JA;AAAA,E,aA4JgBZ,Q,WA5JhB;AAAA,E,aAiKEa,a,WAjKF;AAAA,E,aAqKEA,a,WArKF;AAAA,E,aAqKeb,Q,WArKf;AAAA,E,aA+KiCJ,M,WA/KjC;AAAA;AAAA","file":"SimpleCell.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./SimpleCell.module.css"],"names":["host","mult","children","disabled","before","beforeIos","middle","overTitle","text","subtitle","extraSubtitle","content","badge","indicator","after","chevronIcon","densityCompact","densityNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAUAC,M,WAVA;AAAA,E,aAcAA,M,WAdA;AAAA,E,aAcMC,U,WAdN;AAAA,E,aAkBAC,U,WAlBA;AAAA,E,aAsBAC,Q,WAtBA;AAAA,E,aAgCAA,Q,WAhCA;AAAA,E,aAsCAC,W,WAtCA;AAAA,E,aA0CAD,Q,WA1CA;AAAA,E,aA8CAE,Q,WA9CA;AAAA,E,aA0DAA,Q,WA1DA;AAAA,E,aA8DAC,W,WA9DA;AAAA,E,aAkEAC,M,WAlEA;AAAA,E,aAuEAC,U,WAvEA;AAAA,E,aAwEAC,e,WAxEA;AAAA,E,aA4EAV,M,WA5EA;AAAA,E,aA4EMW,S,WA5EN;AAAA,E,aAoFAT,U,WApFA;AAAA,E,aA2FAD,M,WA3FA;AAAA,E,aA2FMC,U,WA3FN;AAAA,E,aA4FAD,M,WA5FA;AAAA,E,aA4FMQ,U,WA5FN;AAAA,E,aAgGAG,O,WAhGA;AAAA,E,aAwGAD,S,WAxGA;AAAA,E,aA4GAE,W,WA5GA;AAAA,E,aAsHAC,O,WAtHA;AAAA,E,aAgIAA,O,WAhIA;AAAA,E,aAsIAA,O,WAtIA;AAAA,E,aA0IAC,a,WA1IA;AAAA,E,aA8IAA,a,WA9IA;AAAA,E,aAsJAC,gB,WAtJA;AAAA,E,aA0JAA,gB,WA1JA;AAAA,E,aA0JgBZ,Q,WA1JhB;AAAA,E,aA+JEa,a,WA/JF;AAAA,E,aAmKEA,a,WAnKF;AAAA,E,aAmKeb,Q,WAnKf;AAAA,E,aA6KiCJ,M,WA7KjC;AAAA;AAAA","file":"SimpleCell.module.css.d.ts","sourceRoot":""}

package/src/components/SimpleCell/SimpleCell.tsx

@@ -22,62 +22,62 @@ export interface SimpleCellOwnProps extends HasComponent {
   /**
    * Иконка 28 или `<Avatar size={28|32|40|48|72} />`.
    */
-  before?: React.ReactNode;
+  before?: React.ReactNode | undefined;
   /**
    * Иконка 12 или `<Badge />`. Добавится слева от текста `children`.
    */
-  badgeBeforeTitle?: React.ReactNode;
+  badgeBeforeTitle?: React.ReactNode | undefined;
   /**
    * Иконка 12 или `<Badge />`. Добавится справа от текста `children`.
    */
-  badgeAfterTitle?: React.ReactNode;
+  badgeAfterTitle?: React.ReactNode | undefined;
   /**
    * Иконка 12. Добавится слева от текста `subtitle`.
    */
-  badgeBeforeSubtitle?: React.ReactNode;
+  badgeBeforeSubtitle?: React.ReactNode | undefined;
   /**
    * Иконка 12. Добавится справа от текста `subtitle`.
    */
-  badgeAfterSubtitle?: React.ReactNode;
+  badgeAfterSubtitle?: React.ReactNode | undefined;
   /**
    * Контейнер для текста справа от `children`.
    */
-  indicator?: React.ReactNode;
+  indicator?: React.ReactNode | undefined;
   /**
    * Дополнительная строка текста над `children`.
    */
-  overTitle?: React.ReactNode;
+  overTitle?: React.ReactNode | undefined;
   /**
    * Дополнительная строка текста под `children`.
    */
-  subtitle?: React.ReactNode;
+  subtitle?: React.ReactNode | undefined;
   /**
    * Дополнительная строка текста под `children` и `subtitle`.
    */
-  extraSubtitle?: React.ReactNode;
+  extraSubtitle?: React.ReactNode | undefined;
   /**
    * Иконка 24|28 или `<Switch />`. Располагается справа от `indicator`.
    */
-  after?: React.ReactNode;
+  after?: React.ReactNode | undefined;
   /**
    * Блокировка взаимодействия с компонентом.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * Управляет видимостью иконки шеврона `›`.
    *
    * - `auto` - добавляет шеврон справа только для платформы `ios`;
    * - `always` - всегда показывает шеврон.
    */
-  chevron?: 'auto' | 'always';
+  chevron?: 'auto' | 'always' | undefined;
   /**
    * Размер chevron.
    */
-  chevronSize?: 's' | 'm';
+  chevronSize?: 's' | 'm' | undefined;
   /**
    * Включает многострочный режим для отображения текста.
    */
-  multiline?: boolean;
+  multiline?: boolean | undefined;
 }
 
 export interface SimpleCellProps extends SimpleCellOwnProps, TappableOmitProps {}

package/src/components/SimpleGrid/SimpleGrid.tsx

@@ -35,13 +35,13 @@ export interface SimpleGridProps extends RootComponentProps<HTMLElement>, Layout
   /**
    * Количество колонок.
    */
-  columns?: number;
+  columns?: number | undefined;
   /**
    * Отступы между элементами.
    * Значение из списка предопределённых пресетов или число, которое будет приведено к пикселям.
    * Через массив можно задать отступ между столбцами и строками [row, column], если они отличаются.
    */
-  gap?: GapsProp;
+  gap?: GapsProp | undefined;
   /**
    * Управляет отступами вокруг контейнера
    * Значение `none` позволяет отключить отступы
@@ -49,19 +49,19 @@ export interface SimpleGridProps extends RootComponentProps<HTMLElement>, Layout
    * Значение `auto-inline` позволяет задать платформенные inline-отступы
    * Значение `auto-block` позволяет задать платформенные block-отступы.
    */
-  margin?: 'none' | 'auto' | 'auto-inline' | 'auto-block';
+  margin?: 'none' | 'auto' | 'auto-inline' | 'auto-block' | undefined;
   /**
    * Вместо задания количества колонок, можно указать минимальную ширину элементов.
    */
-  minColWidth?: number;
+  minColWidth?: number | undefined;
   /**
    * Выравнивание элементов по вспомогательной оси, эквивалентно `align-items`.
    */
-  align?: 'start' | 'end' | 'center' | 'stretch' | 'baseline';
+  align?: 'start' | 'end' | 'center' | 'stretch' | 'baseline' | undefined;
   /**
    * Возможность задать css-свойство `display`.
    */
-  display?: 'none' | 'grid' | 'inline-grid';
+  display?: 'none' | 'grid' | 'inline-grid' | undefined;
 }
 
 /**

package/src/components/Skeleton/Skeleton.tsx

@@ -107,27 +107,27 @@ export interface SkeletonProps
   /**
    * Начальный цвет анимации.
    */
-  colorFrom?: string;
+  colorFrom?: string | undefined;
 
   /**
    * Финальный цвет анимации.
    */
-  colorTo?: string;
+  colorTo?: string | undefined;
 
   /**
    * Выключает анимацию, в результате чего показывается только один цвет.
    */
-  noAnimation?: boolean;
+  noAnimation?: boolean | undefined;
 
   /**
    * Длительность анимации в секундах.
    */
-  duration?: number;
+  duration?: number | undefined;
 
   /**
    * Задерживает отрисовку элемента на заданное количество миллисекунд.
    */
-  visibilityDelay?: number;
+  visibilityDelay?: number | undefined;
 }
 
 /**

package/src/components/Slider/Slider.tsx

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

package/src/components/Slider/SliderThumb/SliderThumb.tsx

@@ -20,13 +20,15 @@ import { TooltipBase } from '../../TooltipBase/TooltipBase';
 import styles from './SliderThumb.module.css';
 
 interface SliderThumbProps extends HasRootRef<HTMLSpanElement>, HasDataAttribute {
-  className?: string;
-  style?: React.CSSProperties;
-  inputProps?: React.InputHTMLAttributes<HTMLInputElement> &
-    React.RefAttributes<HTMLInputElement> &
-    HasDataAttribute;
-  withTooltip?: boolean;
-  isActive?: boolean;
+  className?: string | undefined;
+  style?: React.CSSProperties | undefined;
+  inputProps?:
+    | (React.InputHTMLAttributes<HTMLInputElement> &
+        React.RefAttributes<HTMLInputElement> &
+        HasDataAttribute)
+    | undefined;
+  withTooltip?: boolean | undefined;
+  isActive?: boolean | undefined;
 }
 
 export const SliderThumb = ({

package/src/components/Snackbar/Snackbar.tsx

@@ -59,12 +59,18 @@ export interface SnackbarProps
    * - `root`: свойства для прокидывания в корень компонента;
    * - `action`: свойства для прокидывания в кнопку действия.
    */
-  slotProps?: {
-    root?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> &
-      HasRootRef<HTMLDivElement> &
-      HasDataAttribute;
-    action?: React.HTMLAttributes<HTMLElement> & HasRootRef<HTMLElement> & HasDataAttribute;
-  };
+  slotProps?:
+    | {
+        root?:
+          | (Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> &
+              HasRootRef<HTMLDivElement> &
+              HasDataAttribute)
+          | undefined;
+        action?:
+          | (React.HTMLAttributes<HTMLElement> & HasRootRef<HTMLElement> & HasDataAttribute)
+          | undefined;
+      }
+    | undefined;
   /**
    * Задаёт расположение компонента.
    *
@@ -76,24 +82,24 @@ export interface SnackbarProps
    * > - `"bottom-start"`/`"bottom-end"` закрываются смахиванием в любое из направлений
    * >   по горизонтальной оси.
    */
-  placement?: SnackbarPlacement;
+  placement?: SnackbarPlacement | undefined;
   /**
    * Название кнопки действия в уведомлении
    * Не может использоваться одновременно с `subtitle`.
    */
-  action?: React.ReactNode;
+  action?: React.ReactNode | undefined;
   /**
    * Будет вызвано при нажатии на кнопку действия.
    */
-  onActionClick?: (event: React.MouseEvent) => void;
+  onActionClick?: ((event: React.MouseEvent) => void) | undefined;
   /**
    * Время в миллисекундах, через которое плашка скроется.
    */
-  duration?: number | null;
+  duration?: number | null | undefined;
   /**
    * Обработчик закрытия уведомления.
    */
-  onClose?: (reason: SnackbarCloseReason) => void;
+  onClose?: ((reason: SnackbarCloseReason) => void) | undefined;
   /**
    * Обработчик закрытия уведомления, срабатывающий после окончания анимации.
    */
@@ -101,11 +107,11 @@ export interface SnackbarProps
   /**
    * Величина отступа снизу. Используется для позиционирования элемента в случае, когда нежелательно, чтобы Snackbar при появлении перекрывал важные элементы интерфейса.
    */
-  offsetY?: React.CSSProperties['bottom'];
+  offsetY?: React.CSSProperties['bottom'] | undefined;
   /**
    * Для контролируемого управления состоянием открытия снекбара.
    */
-  open?: boolean;
+  open?: boolean | undefined;
 }
 
 /**

package/src/components/Snackbar/subcomponents/Basic/Basic.module.css

@@ -104,14 +104,12 @@
   }
 }
 @media (--viewWidth-smallTabletPlus) {
-  .layoutNone .content,
-  .layoutVerticalMq .content {
+  .layoutNone .content {
     flex-direction: column;
     align-items: flex-start;
   }
 
-  .layoutNone .action,
-  .layoutVerticalMq .action {
+  .layoutNone .action {
     min-block-size: initial;
     margin-block-start: 2px;
     margin-block-end: var(--vkui_internal--snackbar-body_layout_vertical_action_shift);

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

@@ -1 +1 @@
-{"version":3,"sources":["./Basic.module.css"],"names":["body","densityRegular","densityNone","modeDark","before","after","content","contentText","contentSubtitle","layoutHorizontal","action","layoutVertical","layoutNone","layoutVerticalMq"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAoBAC,gB,WApBA;AAAA,E,aAgCEC,a,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":""}
+{"version":3,"sources":["./Basic.module.css"],"names":["body","densityRegular","densityNone","modeDark","before","after","content","contentText","contentSubtitle","layoutHorizontal","action","layoutVertical","layoutNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAoBAC,gB,WApBA;AAAA,E,aAgCEC,a,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,aA+GEM,Y,WA/GF;AAAA,E,aA+GcF,Q,WA/Gd;AAAA;AAAA","file":"Basic.module.css.d.ts","sourceRoot":""}

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

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

package/src/components/Snackbar/utils.ts

@@ -5,7 +5,7 @@ import type { ShiftData, SnackbarPlacement } from './types';
 
 export function resolveOffsetYCssStyle(
   placement: SnackbarPlacement,
-  offsetY?: React.CSSProperties['inset'],
+  offsetY?: React.CSSProperties['inset'] | undefined,
 ): React.CSSProperties | undefined {
   if (offsetY === undefined) {
     return undefined;

package/src/components/Spacing/Spacing.tsx

@@ -13,11 +13,11 @@ export interface SpacingProps extends HTMLAttributesWithRootRef<HTMLDivElement>
    *
    * Принимает значения дизайн-системы, числовые значения и css-переменные.
    */
-  size?: SpacingSizeProp;
+  size?: SpacingSizeProp | undefined;
   /**
    * @deprecated 7.0.0.Будет удалeно в **VKUI v9**.
    */
-  children?: React.ReactNode; // TODO [>=9]: удалить неиспользуемое свойство
+  children?: React.ReactNode | undefined; // TODO [>=9]: удалить неиспользуемое свойство
 }
 /**
  * @see https://vkui.io/components/spacing

package/src/components/Spinner/Spinner.tsx

@@ -21,19 +21,19 @@ export interface SpinnerProps extends HTMLAttributesWithRootRef<HTMLSpanElement>
   /**
    * Размер спиннера.
    */
-  size?: 's' | 'm' | 'l' | 'xl';
+  size?: 's' | 'm' | 'l' | 'xl' | undefined;
   /**
    * Отключение анимации.
    */
-  disableAnimation?: boolean;
+  disableAnimation?: boolean | undefined;
   /**
    * Задать цвет можно будет через свойство color родителя.
    */
-  noColor?: boolean;
+  noColor?: boolean | undefined;
   /**
    * Задерживает отрисовку элемента на заданное количество миллисекунд.
    */
-  visibilityDelay?: number;
+  visibilityDelay?: number | undefined;
 }
 
 /**

package/src/components/SplitCol/SplitCol.tsx

@@ -51,31 +51,31 @@ export interface SplitColProps extends HTMLAttributesWithRootRef<HTMLDivElement>
   /**
    * Ширина колонки.
    */
-  width?: number | string;
+  width?: number | string | undefined;
   /**
    * Максимальная ширина колонки.
    */
-  maxWidth?: number | string;
+  maxWidth?: number | string | undefined;
   /**
    * Минимальная ширина колонки.
    */
-  minWidth?: number | string;
+  minWidth?: number | string | undefined;
   /**
    * Если false, то переходы между Panel происходят без анимации.
    */
-  animate?: boolean;
+  animate?: boolean | undefined;
   /**
    * Если true, то добавляются боковые отступы фиксированной величины при ширине больше чем `smallTablet`.
    */
-  autoSpaced?: boolean;
+  autoSpaced?: boolean | undefined;
   /**
    * Фиксированное положение колонки.
    */
-  fixed?: boolean;
+  fixed?: boolean | undefined;
   /**
    * Если true, то ширина контейнера становится 100% при ширине меньше чем `tablet`.
    */
-  stretchedOnMobile?: boolean;
+  stretchedOnMobile?: boolean | undefined;
 }
 
 /**

package/src/components/SplitLayout/SplitLayout.tsx

@@ -16,16 +16,22 @@ export interface SplitLayoutProps extends HTMLAttributesWithRootRef<HTMLDivEleme
    * @deprecated Since 7.9.0. Будет удалeно в **VKUI v9**.
    * Вместо этого используйте `slotProps={ content: { getRootRef: ... } }`.
    */
-  getRef?: React.Ref<HTMLDivElement>;
+  getRef?: React.Ref<HTMLDivElement> | undefined;
   /**
    * Свойства, которые можно прокинуть внутрь компонента:
    * - `root`: свойства для прокидывания в корень компонента;
    * - `content`: свойства для прокидывания в контент;.
    */
-  slotProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & HasRootRef<HTMLDivElement> & HasDataAttribute;
-    content?: React.HTMLAttributes<HTMLDivElement> & HasRootRef<HTMLDivElement> & HasDataAttribute;
-  };
+  slotProps?:
+    | {
+        root?:
+          | (React.HTMLAttributes<HTMLDivElement> & HasRootRef<HTMLDivElement> & HasDataAttribute)
+          | undefined;
+        content?:
+          | (React.HTMLAttributes<HTMLDivElement> & HasRootRef<HTMLDivElement> & HasDataAttribute)
+          | undefined;
+      }
+    | undefined;
   /**
    * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.
    *
@@ -33,7 +39,7 @@ export interface SplitLayoutProps extends HTMLAttributesWithRootRef<HTMLDivEleme
    * Начиная с **VKUI v7** компоненты можно располагать в любом
    * месте приложения в пределах `AppRoot`.
    */
-  popout?: React.ReactNode;
+  popout?: React.ReactNode | undefined;
   /**
    * Свойство для отрисовки `ModalRoot`.
    *
@@ -41,15 +47,15 @@ export interface SplitLayoutProps extends HTMLAttributesWithRootRef<HTMLDivEleme
    * Начиная с **VKUI v7**  `ModalRoot` можно располагать в любом
    * месте приложения в пределах `AppRoot`.
    */
-  modal?: React.ReactNode;
+  modal?: React.ReactNode | undefined;
   /**
    * Компонент для отрисовки заголовка.
    */
-  header?: React.ReactNode;
+  header?: React.ReactNode | undefined;
   /**
    * Центрирует контент.
    */
-  center?: boolean;
+  center?: boolean | undefined;
 }
 
 /**

package/src/components/SubnavigationBar/SubnavigationBar.tsx

@@ -22,11 +22,11 @@ export interface SubnavigationBarProps
   /**
    * Отключение возможности прокручивания компонента по горизонтали.
    */
-  fixed?: boolean;
+  fixed?: boolean | undefined;
   /**
    * Отключает отступы. Рекомендуется использовать с `mode="outline"` у [`SubnavigationButton`](https://vkui.io/components/subnavigation-button).
    */
-  noPadding?: boolean;
+  noPadding?: boolean | undefined;
 }
 
 const defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;

package/src/components/SubnavigationButton/SubnavigationButton.tsx

@@ -36,35 +36,35 @@ export interface SubnavigationButtonProps extends Omit<TappableOmitProps, 'size'
   /**
    * Стиль отображения кнопки.
    */
-  mode?: 'primary' | 'outline' | 'tertiary';
+  mode?: 'primary' | 'outline' | 'tertiary' | undefined;
   /**
    * Тип внешнего вида кнопки.
    */
-  appearance?: 'accent' | 'neutral';
+  appearance?: 'accent' | 'neutral' | undefined;
   /**
    * Размер кнопки.
    */
-  size?: 's' | 'm' | 'l';
+  size?: 's' | 'm' | 'l' | undefined;
   /**
    * Выбранное состояние.
    */
-  selected?: boolean;
+  selected?: boolean | undefined;
   /**
    * Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar fixed />`.
    */
-  textLevel?: '1' | '2' | '3';
+  textLevel?: '1' | '2' | '3' | undefined;
   /**
    * Рекомендуется использовать только иконки с размером 24.
    */
-  before?: React.ReactNode;
+  before?: React.ReactNode | undefined;
   /**
    * Рекомендуется использовать только `<Counter size="s" />` или `<Badge />`.
    */
-  after?: React.ReactNode;
+  after?: React.ReactNode | undefined;
   /**
    * Нужно ли отображать иконку `"chevron"`.
    */
-  chevron?: boolean;
+  chevron?: boolean | undefined;
 }
 
 type SubnavigationButtonTypographyProps = Pick<