@vkontakte/vkui 8.0.2 → 8.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "type": "module",
-  "version": "8.0.2",
+  "version": "8.1.0",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "module": "./dist/index.js",
@@ -87,14 +87,14 @@
     "react-dom": "^18.2.0 || ^19.0.0"
   },
   "dependencies": {
-    "@swc/helpers": "^0.5.20",
+    "@swc/helpers": "^0.5.21",
     "@vkontakte/icons": "^3.0.0",
     "@vkontakte/vkjs": "^2.0.2",
     "@vkontakte/vkui-date-fns-tz": "^0.0.6",
     "@vkontakte/vkui-floating-ui": "^0.2.8"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.9",
+    "@biomejs/biome": "^2.4.11",
     "@types/node": "*",
     "@types/postcss-import": "^14.0.3",
     "react": "^18.3.1",

package/src/components/Accordion/Accordion.tsx

@@ -6,6 +6,7 @@ import { defineComponentDisplayNames } from '../../lib/react/defineComponentDisp
 import type { HasChildren } from '../../types';
 import { AccordionContent } from './AccordionContent';
 import { AccordionContext, type AccordionContextProps } from './AccordionContext';
+import { AccordionIcon } from './AccordionIcon';
 import { AccordionSummary } from './AccordionSummary';
 
 function useAccordionId(id: AccordionProps['id']) {
@@ -20,27 +21,27 @@ export interface AccordionProps extends HasChildren {
   /**
    * Используется для генерации id для заголовка и контента(a11y).
    */
-  id?: string;
+  id?: string | undefined;
   /**
    * Управляет раскрытием и скрытием контента.
    */
-  expanded?: boolean;
+  expanded?: boolean | undefined;
   /**
    * Значение по умолчанию.
    */
-  defaultExpanded?: boolean;
+  defaultExpanded?: boolean | undefined;
   /**
    * Возвращает новое значение при изменении раскрытия/сворачивания контента.
    */
-  onChange?: (newValue: boolean) => void;
+  onChange?: ((newValue: boolean) => void) | undefined;
   /**
    * Блокировка взаимодействия с компонентом.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * Нужно ли удалять из DOM контент при сворачивании.
    */
-  unmountOnCollapsed?: boolean;
+  unmountOnCollapsed?: boolean | undefined;
 }
 
 /**
@@ -49,6 +50,7 @@ export interface AccordionProps extends HasChildren {
 export const Accordion: React.FC<AccordionProps> & {
   Summary: typeof AccordionSummary;
   Content: typeof AccordionContent;
+  Icon: typeof AccordionIcon;
 } = ({
   id,
   expanded: expandedProp,
@@ -83,8 +85,10 @@ export const Accordion: React.FC<AccordionProps> & {
 
 Accordion.Summary = AccordionSummary;
 Accordion.Content = AccordionContent;
+Accordion.Icon = AccordionIcon;
 
 if (process.env.NODE_ENV !== 'production') {
   defineComponentDisplayNames(Accordion.Summary, 'Accordion.Summary');
   defineComponentDisplayNames(Accordion.Content, 'Accordion.Content');
+  defineComponentDisplayNames(Accordion.Icon, 'Accordion.Icon');
 }

package/src/components/Accordion/AccordionIcon.tsx

@@ -0,0 +1,31 @@
+'use client';
+
+import * as React from 'react';
+import { Icon24ChevronDown, Icon24ChevronUp } from '@vkontakte/icons';
+import { classNames } from '@vkontakte/vkjs';
+import { AccordionContext } from './AccordionContext';
+import styles from './Accordion.module.css';
+
+export interface AccordionIconProps extends React.ComponentProps<typeof Icon24ChevronUp> {
+  /**
+   * Иконка для раскрытия контента.
+   */
+  ExpandIcon?: React.ElementType;
+  /**
+   * Иконка для сворачивания контента.
+   */
+  CollapseIcon?: React.ElementType;
+}
+
+export const AccordionIcon = ({
+  ExpandIcon = Icon24ChevronDown,
+  CollapseIcon = Icon24ChevronUp,
+  className,
+  ...restProps
+}: AccordionIconProps) => {
+  const { expanded } = React.useContext(AccordionContext);
+
+  const Icon = expanded ? CollapseIcon : ExpandIcon;
+
+  return <Icon className={classNames(className, 'vkuiIcon', styles.icon)} {...restProps} />;
+};

package/src/components/Accordion/AccordionSummary.tsx

@@ -5,21 +5,21 @@ import { Icon24ChevronDown, Icon24ChevronUp } from '@vkontakte/icons';
 import { callMultiple } from '../../lib/callMultiple';
 import { SimpleCell, type SimpleCellProps } from '../SimpleCell/SimpleCell';
 import { AccordionContext } from './AccordionContext';
-import styles from './Accordion.module.css';
+import { AccordionIcon } from './AccordionIcon';
 
 export interface AccordionSummaryProps extends Omit<SimpleCellProps, 'chevron'> {
   /**
    * Иконка для раскрытия контента.
    */
-  ExpandIcon?: React.ElementType;
+  ExpandIcon?: React.ElementType | undefined;
   /**
    * Иконка для сворачивания контента.
    */
-  CollapseIcon?: React.ElementType;
+  CollapseIcon?: React.ElementType | undefined;
   /**
    * Позиция иконки.
    */
-  iconPosition?: 'before' | 'after';
+  iconPosition?: 'before' | 'after' | 'none' | undefined;
 }
 
 export const AccordionSummary = ({
@@ -34,13 +34,9 @@ export const AccordionSummary = ({
 }: AccordionSummaryProps) => {
   const { expanded, labelId, contentId, onChange } = React.useContext(AccordionContext);
 
-  const Icon = expanded ? CollapseIcon : ExpandIcon;
-
   const icon = (
     // Обертка нужна для правильной работы с отступами в SimpleCell
-    <span className="vkuiIcon">
-      <Icon className={styles.icon} />
-    </span>
+    <AccordionIcon CollapseIcon={CollapseIcon} ExpandIcon={ExpandIcon} />
   );
 
   const toggle = () => onChange(!expanded);

package/src/components/ActionSheet/ActionSheet.tsx

@@ -61,15 +61,15 @@ export interface ActionSheetProps
   /**
    * Заголовок всплывающего окна.
    */
-  title?: React.ReactNode;
+  title?: React.ReactNode | undefined;
   /**
    * Описание всплывающего окна, под заголовком.
    */
-  description?: React.ReactNode;
+  description?: React.ReactNode | undefined;
   /**
    * Обработчик закрытия всплывающего окна.
    */
-  onClose?: (reason: ActionSheetOnCloseReason) => void;
+  onClose?: ((reason: ActionSheetOnCloseReason) => void) | undefined;
   /**
    * Обработчик закрытия всплывающего окна срабатывающий после завершения анимации закрытия.
    *
@@ -80,29 +80,33 @@ export interface ActionSheetProps
   /**
    * Только мобильный iOS.
    */
-  iosCloseItem?: React.ReactNode;
+  iosCloseItem?: React.ReactNode | undefined;
   /**
    * Свойства, которые можно прокинуть внутрь компонента:
    * - `iosCloseItem`: свойства для прокидывания в кнопку отмены на iOS.
    */
-  slotProps?: {
-    iosCloseItem?: Omit<ActionSheetItemProps, 'mode' | 'isCancelItem'> & HasRootRef<HTMLElement>;
-  };
+  slotProps?:
+    | {
+        iosCloseItem?:
+          | (Omit<ActionSheetItemProps, 'mode' | 'isCancelItem'> & HasRootRef<HTMLElement>)
+          | undefined;
+      }
+    | undefined;
   /**
    * Режим отображения компонента:
    *
    * - `sheet` – отображение снизу экрана в виде всплывающего окна, подходит для мобильных устройств
    * - `menu` – отображение в виде всплывающего элемента, относительно якорного элемента.
    */
-  mode?: 'sheet' | 'menu';
+  mode?: 'sheet' | 'menu' | undefined;
   /**
    * @deprecated Since 7.3.0.  Будет удалeно в **VKUI v9**.
    */
-  mount?: boolean; // TODO [>=9]: удалить неиспользуемое свойство
+  mount?: boolean | undefined; // TODO [>=9]: удалить неиспользуемое свойство
   /**
    * @deprecated Since 7.3.0. Будет удалeно в **VKUI v9**.
    */
-  disabled?: boolean; // TODO [>=9]: удалить неиспользуемое свойство
+  disabled?: boolean | undefined; // TODO [>=9]: удалить неиспользуемое свойство
 }
 
 /**

package/src/components/ActionSheet/ActionSheetContext.ts

@@ -28,15 +28,15 @@ export type ActionSheetContextType<T extends Element = Element> = {
   /**
    * Обработчик нажатия на элемент.
    */
-  onItemClick?: ItemClickHandler<T>;
+  onItemClick?: ItemClickHandler<T> | undefined;
   /**
    * Обработчик закрытия `ActionSheet`.
    */
-  onClose?: (onCloseReason: ActionSheetOnCloseReason) => void;
+  onClose?: ((onCloseReason: ActionSheetOnCloseReason) => void) | undefined;
   /**
    * Режим отображения `ActionSheet`.
    */
-  mode?: 'sheet' | 'menu';
+  mode?: 'sheet' | 'menu' | undefined;
 };
 
 export const ActionSheetContext: React.Context<ActionSheetContextType<any>> = React.createContext(

package/src/components/ActionSheet/types.ts

@@ -10,24 +10,24 @@ type UseFocusTrapProps = {
    *
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * Управление поведением автофокуса при появлении всплывающего окна.
    * При прокидывании `true` фокус будет установлен на первый элемент.
    * При прокидывании `root` фокус будет установлен в корень.
    * @default true
    */
-  autoFocus?: boolean | 'root';
+  autoFocus?: boolean | 'root' | undefined;
   /**
    * Управление поведением возврата фокуса при закрытии всплывающего окна.
    * @default true
    */
-  restoreFocus?: boolean | (() => boolean | HTMLElement);
+  restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;
   /**
    * Время в миллисекундах после которого срабатывает автофокус при появлении всплывающего окна.
    * @default 0
    */
-  timeout?: number;
+  timeout?: number | undefined;
 };
 
 export interface SharedDropdownProps
@@ -48,17 +48,17 @@ export interface SharedDropdownProps
    * Позиционирование всплывающего окна для десктопа.
    * Компонент выберет наилучшее расположение сам, но можно задать приоритетное направление с помощью этого свойства.
    */
-  placement?: PlacementWithAuto;
+  placement?: PlacementWithAuto | undefined;
   /**
    * Отступ, где заданное кол-во единиц равняется пикселям.
    * */
-  popupOffsetDistance?: number;
+  popupOffsetDistance?: number | undefined;
   /**
    * По умолчанию событие `onClick` не всплывает.
    */
-  allowClickPropagation?: boolean;
+  allowClickPropagation?: boolean | undefined;
   /**
    * Вызывается при нажатии на кнопку `Escape`.
    */
-  onClose?: VoidFunction;
+  onClose?: VoidFunction | undefined;
 }

package/src/components/ActionSheetItem/ActionSheetItem.module.css

@@ -195,7 +195,6 @@
   color: var(--vkui--color_text_secondary);
 }
 
-.disabled .marker,
 .disabled .before {
   color: var(--vkui--color_icon_secondary);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["./ActionSheetItem.module.css"],"names":["host","container","before","after","ellipsis","content","children","subtitle","meta","menu","ios","modeDestructive","rich","modeCancel","active","centered","disabled","marker","densityCompact"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAaAC,W,WAbA;AAAA,E,aAcAC,Q,WAdA;AAAA,E,aAeAC,O,WAfA;AAAA,E,aAmBAD,Q,WAnBA;AAAA,E,aAoBAC,O,WApBA;AAAA,E,aAwBAF,W,WAxBA;AAAA,E,aA+BAG,U,WA/BA;AAAA,E,aAoCAC,S,WApCA;AAAA,E,aA2CAD,U,WA3CA;AAAA,E,aA2CUC,S,WA3CV;AAAA,E,aA+CAC,U,WA/CA;AAAA,E,aAqDAC,U,WArDA;AAAA,E,aA4DAC,M,WA5DA;AAAA,E,aAkEAN,Q,WAlEA;AAAA,E,aAuEAO,M,WAvEA;AAAA,E,aAuEMP,Q,WAvEN;AAAA,E,aA2EAQ,K,WA3EA;AAAA,E,aA2EKR,Q,WA3EL;AAAA,E,aAgFAS,iB,WAhFA;AAAA,E,aAgFiBV,W,WAhFjB;AAAA,E,aAoFAU,iB,WApFA;AAAA,E,aAoFiBT,Q,WApFjB;AAAA,E,aAwFAC,O,WAxFA;AAAA,E,aAgGAA,O,WAhGA;AAAA,E,aAwGAO,K,WAxGA;AAAA,E,aAgHAE,M,WAhHA;AAAA,E,aAoHAF,K,WApHA;AAAA,E,aAoHIC,iB,WApHJ;AAAA,E,aAwHAD,K,WAxHA;AAAA,E,aAqIAA,K,WArIA;AAAA,E,aAgJEA,K,WAhJF;AAAA,E,aAqJEA,K,WArJF;AAAA,E,aA0JAA,K,WA1JA;AAAA,E,aA2JAG,Y,WA3JA;AAAA,E,aA+JAH,K,WA/JA;AAAA,E,aA+JII,Q,WA/JJ;AAAA,E,aAqKAJ,K,WArKA;AAAA,E,aAqKKT,W,WArKL;AAAA,E,aAyKAS,K,WAzKA;AAAA,E,aAyKKK,U,WAzKL;AAAA,E,aA6KAF,Y,WA7KA;AAAA,E,aAqLAJ,M,WArLA;AAAA,E,aA+LAO,U,WA/LA;AAAA,E,aA+LUV,U,WA/LV;AAAA,E,aAgMAU,U,WAhMA;AAAA,E,aAgMUR,M,WAhMV;AAAA,E,aAiMAQ,U,WAjMA;AAAA,E,aAiMUT,U,WAjMV;AAAA,E,aAqMAS,U,WArMA;AAAA,E,aAqMUC,Q,WArMV;AAAA,E,aAsMAD,U,WAtMA;AAAA,E,aAsMUd,Q,WAtMV;AAAA,E,aA8MAgB,gB,WA9MA;AAAA,E,aAkNAA,gB,WAlNA;AAAA,E,aAkNeR,K,WAlNf;AAAA,E,aAwNAQ,gB,WAxNA;AAAA,E,aAwNoBR,K,WAxNpB;AAAA,E,aAwN4BQ,gB,WAxN5B;AAAA,E,aAwNgDR,K,WAxNhD;AAAA,E,aA4NAQ,gB,WA5NA;AAAA,E,aA4NgBjB,W,WA5NhB;AAAA;AAAA","file":"ActionSheetItem.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./ActionSheetItem.module.css"],"names":["host","container","before","after","ellipsis","content","children","subtitle","meta","menu","ios","modeDestructive","rich","modeCancel","active","centered","disabled","densityCompact"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAaAC,W,WAbA;AAAA,E,aAcAC,Q,WAdA;AAAA,E,aAeAC,O,WAfA;AAAA,E,aAmBAD,Q,WAnBA;AAAA,E,aAoBAC,O,WApBA;AAAA,E,aAwBAF,W,WAxBA;AAAA,E,aA+BAG,U,WA/BA;AAAA,E,aAoCAC,S,WApCA;AAAA,E,aA2CAD,U,WA3CA;AAAA,E,aA2CUC,S,WA3CV;AAAA,E,aA+CAC,U,WA/CA;AAAA,E,aAqDAC,U,WArDA;AAAA,E,aA4DAC,M,WA5DA;AAAA,E,aAkEAN,Q,WAlEA;AAAA,E,aAuEAO,M,WAvEA;AAAA,E,aAuEMP,Q,WAvEN;AAAA,E,aA2EAQ,K,WA3EA;AAAA,E,aA2EKR,Q,WA3EL;AAAA,E,aAgFAS,iB,WAhFA;AAAA,E,aAgFiBV,W,WAhFjB;AAAA,E,aAoFAU,iB,WApFA;AAAA,E,aAoFiBT,Q,WApFjB;AAAA,E,aAwFAC,O,WAxFA;AAAA,E,aAgGAA,O,WAhGA;AAAA,E,aAwGAO,K,WAxGA;AAAA,E,aAgHAE,M,WAhHA;AAAA,E,aAoHAF,K,WApHA;AAAA,E,aAoHIC,iB,WApHJ;AAAA,E,aAwHAD,K,WAxHA;AAAA,E,aAqIAA,K,WArIA;AAAA,E,aAgJEA,K,WAhJF;AAAA,E,aAqJEA,K,WArJF;AAAA,E,aA0JAA,K,WA1JA;AAAA,E,aA2JAG,Y,WA3JA;AAAA,E,aA+JAH,K,WA/JA;AAAA,E,aA+JII,Q,WA/JJ;AAAA,E,aAqKAJ,K,WArKA;AAAA,E,aAqKKT,W,WArKL;AAAA,E,aAyKAS,K,WAzKA;AAAA,E,aAyKKK,U,WAzKL;AAAA,E,aA6KAF,Y,WA7KA;AAAA,E,aAqLAJ,M,WArLA;AAAA,E,aA+LAO,U,WA/LA;AAAA,E,aA+LUV,U,WA/LV;AAAA,E,aAgMAU,U,WAhMA;AAAA,E,aAgMUR,M,WAhMV;AAAA,E,aAiMAQ,U,WAjMA;AAAA,E,aAiMUT,U,WAjMV;AAAA,E,aAqMAS,U,WArMA;AAAA,E,aAqMUd,Q,WArMV;AAAA,E,aA6MAe,gB,WA7MA;AAAA,E,aAiNAA,gB,WAjNA;AAAA,E,aAiNeP,K,WAjNf;AAAA,E,aAuNAO,gB,WAvNA;AAAA,E,aAuNoBP,K,WAvNpB;AAAA,E,aAuN4BO,gB,WAvN5B;AAAA,E,aAuNgDP,K,WAvNhD;AAAA,E,aA2NAO,gB,WA3NA;AAAA,E,aA2NgBhB,W,WA3NhB;AAAA;AAAA","file":"ActionSheetItem.module.css.d.ts","sourceRoot":""}

package/src/components/ActionSheetItem/ActionSheetItem.tsx

@@ -30,62 +30,62 @@ export interface ActionSheetItemProps
    * > Since 8.0.0. Значение `"cancel"` устарело и будет удалено в **VKUI v10**.
    * > Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.
    */
-  mode?: 'default' | 'destructive' | 'cancel';
+  mode?: 'default' | 'destructive' | 'cancel' | undefined;
   /**
    * Если указано, элемент будет использоваться как ссылка.
    */
-  href?: string;
+  href?: string | undefined;
   /**
    * Атрибут `target` для тега `<a>`.
    */
-  target?: string;
+  target?: string | undefined;
   /**
    * Иконка или другой React-элемент для отображения перед основным контентом.
    */
-  before?: React.ReactNode;
+  before?: React.ReactNode | undefined;
   /**
    * Иконка или другой React-элемент для отображения после основного контента.
    */
-  after?: React.ReactNode;
+  after?: React.ReactNode | undefined;
   /**
    * Дополнительная информация, отображаемая рядом с основным контентом.
    */
-  meta?: React.ReactNode;
+  meta?: React.ReactNode | undefined;
   /**
    * Слот для подсказки или вспомогательного текста.
    */
-  subtitle?: React.ReactNode;
+  subtitle?: React.ReactNode | undefined;
   /**
    * По умолчанию нажатие на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство
    * позволяет отключить такое поведение.
    */
-  autoCloseDisabled?: boolean;
+  autoCloseDisabled?: boolean | undefined;
   /**
    * Включает возможность выбрать элемент (отображает радиокнопку).
    */
-  selectable?: boolean;
+  selectable?: boolean | undefined;
   /**
    * Блокировка взаимодействия с компонентом.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * Все текстовые элементы при необходимости занимают несколько строк.
    */
-  multiline?: boolean;
+  multiline?: boolean | undefined;
   /**
    * По умолчанию `onClick` будет вызван после завершения анимации скрытия и после вызова `onClose`.
    * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.
    * Если вам нужен объект события именно на момент нажатия, используйте `onImmediateClick`.
    */
-  onClick?: React.MouseEventHandler<HTMLElement>;
+  onClick?: React.MouseEventHandler<HTMLElement> | undefined;
   /**
    * Обработчик нажатия, вызывающийся непосредственно в момент нажатия (в отличие от `onClick`).
    */
-  onImmediateClick?: React.MouseEventHandler<HTMLElement>;
+  onImmediateClick?: React.MouseEventHandler<HTMLElement> | undefined;
   /**
    * Иконка для `selectable` режима.
    */
-  iconChecked?: React.ReactNode;
+  iconChecked?: React.ReactNode | undefined;
   /**
    * Позволяет отделить `ActionItem` от `CancelItem` для определении того,
    * кто вызвал закрытие `ActionSheet`. Используется в `ActionSheet.onClose()`.
@@ -93,7 +93,7 @@ export interface ActionSheetItemProps
    * @deprecated Since 8.0.0. Свойство устарело и будет удалено в **VKUI v10**.
    * Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.
    */
-  isCancelItem?: boolean;
+  isCancelItem?: boolean | undefined;
 }
 
 /**

package/src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx

@@ -17,7 +17,7 @@ interface ActionSheetItemCheckedProps
   /**
    * Иконка для `checked` режима.
    */
-  children?: React.ReactNode;
+  children?: React.ReactNode | undefined;
 }
 
 export const Radio = ({

package/src/components/AdaptivityProvider/AdaptivityContext.tsx

@@ -13,35 +13,35 @@ export interface DensityProps {
    * Тип размера экрана по горизонтали.
    * @deprecated Since 8.0.0. Будет удалено в **VKUI v10** – используйте `sizeX="compact"` → `viewWidth={ViewWidth.MOBILE}` или `sizeX="compact"` → `viewWidth={ViewWidth.SMALL_TABLET}` (см. Https://github.com/VKCOM/VKUI/issues/9015).
    */
-  sizeX?: SizeTypeValues; // TODO [>=10]: #9015 удалить свойство
+  sizeX?: SizeTypeValues | undefined; // TODO [>=10]: #9015 удалить свойство
   /**
    * Тип размера экрана по вертикали.
    * @deprecated Since 8.0.0. Будет удалено в **VKUI v10** – используйте `density` (см. Https://github.com/VKCOM/VKUI/issues/9015).
    */
-  sizeY?: SizeTypeValues; // TODO [>=10]: #9015 удалить свойство
+  sizeY?: SizeTypeValues | undefined; // TODO [>=10]: #9015 удалить свойство
   /**
    * Тип размера экрана.
    */
-  density?: DensityTypeValues;
+  density?: DensityTypeValues | undefined;
 }
 
 export interface AdaptivityProps extends DensityProps {
   /**
    * Тип ширины экрана для адаптивного отображения.
    */
-  viewWidth?: ViewWidthType;
+  viewWidth?: ViewWidthType | undefined;
   /**
    * Тип высоты экрана для адаптивного отображения.
    */
-  viewHeight?: ViewHeightType;
+  viewHeight?: ViewHeightType | undefined;
   /**
    * Флаг наличия указателя (например, мыши) на устройстве.
    */
-  hasPointer?: boolean;
+  hasPointer?: boolean | undefined;
   /**
    * @deprecated Since 7.3.0. Будет удалено в **VKUI v9** (см. Https://github.com/VKCOM/VKUI/pull/8490).
    */
-  hasHover?: boolean; // TODO [>=9]: удалить неиспользуемое свойство
+  hasHover?: boolean | undefined; // TODO [>=9]: удалить неиспользуемое свойство
 }
 
 export const AdaptivityContext: React.Context<AdaptivityProps> =

package/src/components/Alert/Alert.tsx

@@ -35,12 +35,12 @@ export interface AlertActionInterface
    * то в аргументы `action` передаётся объект с функцией close,
    * вызвав которую можно закрыть `action` вручную.
    */
-  action?: (args?: { close?: VoidFunction }) => void;
+  action?: ((args?: { close?: VoidFunction }) => void) | undefined;
   /**
    * По умолчанию нажатие на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство
    * позволяет отключить такое поведение.
    */
-  autoCloseDisabled?: boolean;
+  autoCloseDisabled?: boolean | undefined;
   /**
    * Режим отображения опции.
    */
@@ -54,31 +54,31 @@ export interface AlertProps
   /**
    * Расположение действий - вертикально или горизонтально.
    */
-  actionsLayout?: 'vertical' | 'horizontal';
+  actionsLayout?: 'vertical' | 'horizontal' | undefined;
   /**
    * Тип выравнивания действий.
    */
-  actionsAlign?: AlignType;
+  actionsAlign?: AlignType | undefined;
   /**
    * Список действий.
    */
-  actions?: AlertActionInterface[];
+  actions?: AlertActionInterface[] | undefined;
   /**
    * Функция для отрисовки действия.
    */
-  renderAction?: (props: AlertActionProps) => React.ReactNode;
+  renderAction?: ((props: AlertActionProps) => React.ReactNode) | undefined;
   /**
    * Заголовок модального окна.
    */
-  title?: React.ReactNode;
+  title?: React.ReactNode | undefined;
   /**
    * Описание модального окна.
    */
-  description?: React.ReactNode;
+  description?: React.ReactNode | undefined;
   /**
    * Обработчик закрытия модального окна.
    */
-  onClose?: (reason: AlertCloseReason) => void;
+  onClose?: ((reason: AlertCloseReason) => void) | undefined;
   /**
    * Обработчик закрытия модального окна, срабатывающий после окончания анимации.
    */
@@ -86,42 +86,42 @@ export interface AlertProps
   /**
    * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.
    */
-  dismissLabel?: string;
+  dismissLabel?: string | undefined;
   /**
    * Расположение кнопки закрытия (внутри и вне `popout'a`)
    * Доступно только в `compact`-режиме, не отображается на `iOS`.
    *
    * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.
    */
-  dismissButtonMode?: 'inside' | 'outside' | 'none';
+  dismissButtonMode?: 'inside' | 'outside' | 'none' | undefined;
   /**
    * Передает атрибут `data-testid` для кнопки закрытия.
    */
-  dismissButtonTestId?: string;
+  dismissButtonTestId?: string | undefined;
   /**
    * Передает атрибут `data-testid` для заголовка.
    */
-  titleTestId?: string;
+  titleTestId?: string | undefined;
   /**
    * Передает атрибут `data-testid` для описания.
    */
-  descriptionTestId?: string;
+  descriptionTestId?: string | undefined;
   /**
    * По умолчанию событие onClick не всплывает.
    */
-  allowClickPropagation?: boolean;
+  allowClickPropagation?: boolean | undefined;
   /**
    * Управление поведением возврата фокуса при закрытии всплывающего окна.
    * @default true
    */
-  restoreFocus?: boolean | (() => boolean | HTMLElement);
+  restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;
   /**
    * Управление поведением автофокуса при появлении всплывающего окна.
    * При прокидывании `true` фокус будет установлен на первый элемент.
    * При прокидывании `root` фокус будет установлен в корень.
    * @default true
    */
-  autoFocus?: boolean | 'root';
+  autoFocus?: boolean | 'root' | undefined;
 }
 
 const warn = warnOnce('Alert');

package/src/components/Alert/AlertBase.tsx

@@ -24,12 +24,12 @@ export interface AlertBaseProps
    * Флаг, определяющий состояние закрытия модального окна.
    * Когда установлен в true, запускает анимацию закрытия окна.
    */
-  closing?: boolean;
+  closing?: boolean | undefined;
   /**
    * Функция обратного вызова для управления состоянием закрытия модального окна.
    * Принимает булево значение, которое определяет, находится ли окно в процессе закрытия.
    */
-  setClosing?: (closing: boolean) => void;
+  setClosing?: ((closing: boolean) => void) | undefined;
 }
 
 export const AlertBase = ({

package/src/components/Alert/AlertTypography.tsx

@@ -12,7 +12,7 @@ import styles from './Alert.module.css';
 
 interface AlertTypography extends HasChildren {
   'id': string;
-  'data-testid'?: string;
+  'data-testid'?: string | undefined;
 }
 export const AlertTitle = (props: AlertTypography): React.ReactNode => {
   const platform = usePlatform();

package/src/components/AppRoot/AppRoot.tsx

@@ -27,38 +27,38 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Режим встраивания.
    */
-  mode?: AppRootMode;
+  mode?: AppRootMode | undefined;
   /**
    * - `global` (по умолчанию) — VKUI-приложение скроллится вместе со страницей.
    * - `contain` — VKUI-приложение живет в отдельной зоне и скроллится независимо внутри `AppRoot` (например, в модалке).
    *
    * Полезно при использовании `mode="embedded"`.
    */
-  scroll?: AppRootScroll;
+  scroll?: AppRootScroll | undefined;
   /**
    * См. Документацию [mdn web docs | env#values](https://developer.mozilla.org/en-US/docs/Web/CSS/env#values).
    */
-  safeAreaInsets?: SafeAreaInsets;
+  safeAreaInsets?: SafeAreaInsets | undefined;
   /**
    * Кастомный root-элемент портала.
    */
-  portalRoot?: HTMLElement | React.RefObject<HTMLElement | null> | null;
+  portalRoot?: HTMLElement | React.RefObject<HTMLElement | null> | null | undefined;
   /**
    * Отключает рендер всплывающих компонентов в отдельном контейнере.
    */
-  disablePortal?: boolean;
+  disablePortal?: boolean | undefined;
   /**
    * По умолчанию, mode="embedded" переносит систему координат элементов с `position: fixed` на
    * свой контейнер через `transform: translate3d(0, 0, 0)`.
    *
    * Это поведение можно отключить с помощью этого параметра.
    */
-  disableParentTransformForPositionFixedElements?: boolean;
+  disableParentTransformForPositionFixedElements?: boolean | undefined;
   /**
    * Глобально задаёт тип оформления макета для компонентов
    * [Panel](https://vkui.io/components/panel) и [Group](https://vkui.io/components/group).
    */
-  layout?: AppRootLayout;
+  layout?: AppRootLayout | undefined;
   /**
    * Задаёт режим выбора текста (выделения текста) для всего приложения.
    * По умолчанию, если режим не задан, запрещает выбор текста в приложениях,
@@ -70,7 +70,7 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
    *
    * @since 6.2.0
    */
-  userSelectMode?: AppRootUserSelectMode;
+  userSelectMode?: AppRootUserSelectMode | undefined;
   /**
    * По умолчанию в режиме `mode="full"` VKUI в рантайме выставляет:
    * - класс .vkui на html элемент
@@ -80,7 +80,7 @@ export interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {
    * Для корректной работы SSR рекоммендуется выставлять эти классы самостоятельно
    * и отключить это поведение.
    */
-  disableSettingVKUIClassesInRuntime?: boolean;
+  disableSettingVKUIClassesInRuntime?: boolean | undefined;
 }
 
 /**