@vkontakte/vkui 8.0.1 → 8.1.0

package/src/components/PanelHeaderButton/PanelHeaderButton.tsx

@@ -33,11 +33,11 @@ export interface PanelHeaderButtonProps extends Omit<TappableOmitProps, 'label'>
    * Флаг для обозначения первичной кнопки
    * Влияет на стилизацию кнопки.
    */
-  primary?: boolean;
+  primary?: boolean | undefined;
   /**
    * Текст или содержимое кнопки.
    */
-  label?: React.ReactNode; // TODO [>=9]: добавить св-во indicator, чтобы разграничить кейсы.
+  label?: React.ReactNode | undefined; // TODO [>=9]: добавить св-во indicator, чтобы разграничить кейсы.
 }
 
 interface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {
@@ -45,7 +45,7 @@ interface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {
    * Флаг для обозначения первичной кнопки
    * Наследуется от PanelHeaderButtonProps['primary'].
    */
-  primary?: PanelHeaderButtonProps['primary'];
+  primary?: PanelHeaderButtonProps['primary'] | undefined;
 }
 
 const ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {

package/src/components/PanelHeaderContent/PanelHeaderContent.tsx

@@ -26,15 +26,15 @@ export interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<HTMLD
   /**
    * Компонент отображаемый после содержимого.
    */
-  aside?: React.ReactNode;
+  aside?: React.ReactNode | undefined;
   /**
    * Компонент отображаемый до содержимого.
    */
-  before?: React.ReactNode;
+  before?: React.ReactNode | undefined;
   /**
    * Подпись под основным текстом.
    */
-  subtitle?: React.ReactNode;
+  subtitle?: React.ReactNode | undefined;
 }
 
 interface PanelHeaderChildrenProps extends HasChildren {

package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx

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

package/src/components/PanelSpinner/PanelSpinner.tsx

@@ -6,7 +6,7 @@ export interface PanelSpinnerProps extends SpinnerProps {
   /**
    * Высота компонента.
    */
-  height?: number;
+  height?: number | undefined;
 }
 
 /**

package/src/components/Placeholder/Placeholder.tsx

@@ -11,11 +11,11 @@ export interface PlaceholderContainerProps
   /**
    * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер.
    */
-  stretched?: boolean;
+  stretched?: boolean | undefined;
   /**
    * Убирает отступы у компонента.
    */
-  noPadding?: boolean;
+  noPadding?: boolean | undefined;
 }
 
 const PlaceholderContainer = ({
@@ -64,15 +64,15 @@ export interface PlaceholderProps extends PlaceholderContainerProps {
   /**
    * Иконка.
    */
-  icon?: React.ReactNode;
+  icon?: React.ReactNode | undefined;
   /**
    * Заголовок плейсхолдера.
    */
-  title?: React.ReactNode;
+  title?: React.ReactNode | undefined;
   /**
    * Кнопка действия.
    */
-  action?: React.ReactNode;
+  action?: React.ReactNode | undefined;
 }
 
 /**

package/src/components/PopoutWrapper/PopoutWrapper.tsx

@@ -28,7 +28,7 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
   /**
    * Позволяет сделать прозрачную подложку.
    */
-  noBackground?: boolean;
+  noBackground?: boolean | undefined;
   /**
    * Стратегия позиционирования:
    *
@@ -38,23 +38,23 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
    *
    * @default 'fixed'
    */
-  strategy?: 'fixed' | 'absolute' | 'none';
+  strategy?: 'fixed' | 'absolute' | 'none' | undefined;
   /**
    * Выравнивает контент по горизонтали.
    */
-  alignX?: 'left' | 'center' | 'right';
+  alignX?: 'left' | 'center' | 'right' | undefined;
   /**
    * Выравнивает контент по вертикали.
    */
-  alignY?: 'top' | 'center' | 'bottom';
+  alignY?: 'top' | 'center' | 'bottom' | undefined;
   /**
    * Спрячет компонент через fade-out анимацию.
    */
-  closing?: boolean;
+  closing?: boolean | undefined;
   /**
    * Позволяет задать z-index через токен или числом.
    */
-  zIndex?: number | string;
+  zIndex?: number | string | undefined;
 }
 
 /**

package/src/components/Popover/Popover.tsx

@@ -88,11 +88,11 @@ export interface PopoverProps
    * Используется в случае, если необходимо стилизовать по своему. Для `arrow` _color_ можно
    * определить через в `arrowProps.iconClassName` или `arrowProps.iconStyle`.
    */
-  noStyling?: boolean;
+  noStyling?: boolean | undefined;
   /**
    * Позволяет набросить на стрелку пользовательские атрибуты.
    */
-  arrowProps?: PopoverArrowProps;
+  arrowProps?: PopoverArrowProps | undefined;
   /**
    * Пользовательская SVG иконка.
    *
@@ -106,15 +106,15 @@ export interface PopoverProps
    * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.
    * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill="currentColor"`.
    */
-  ArrowIcon?: FloatingArrowPropsPrivate['Icon'];
+  ArrowIcon?: FloatingArrowPropsPrivate['Icon'] | undefined;
   /**
    * Используется для того, чтобы не удалять всплывающий элемент из DOM дерева при скрытии.
    */
-  keepMounted?: boolean;
+  keepMounted?: boolean | undefined;
   /**
    * Управление автоматическим фокусом при открытии всплывающего элемента.
    */
-  autoFocus?: boolean | 'root';
+  autoFocus?: boolean | 'root' | undefined;
 }
 
 /**

package/src/components/Popper/Popper.tsx

@@ -67,7 +67,7 @@ export interface PopperCommonProps
   /**
    * Позволяет набросить на стрелку пользовательские атрибуты.
    */
-  arrowProps?: FloatingArrowProps;
+  arrowProps?: FloatingArrowProps | undefined;
   /**
    * Пользовательская SVG иконка.
    *
@@ -81,15 +81,15 @@ export interface PopperCommonProps
    * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.
    * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill="currentColor"`.
    */
-  ArrowIcon?: FloatingArrowPropsPrivate['Icon'];
+  ArrowIcon?: FloatingArrowPropsPrivate['Icon'] | undefined;
   /**
    * Подписывается на изменение геометрии `targetRef`, чтобы пересчитать свою позицию.
    */
-  autoUpdateOnTargetResize?: boolean;
+  autoUpdateOnTargetResize?: boolean | undefined;
   /**
    * Пытаться обновлять позицию всплывающего элемента каждый фрейм.
    */
-  autoUpdateOnAnimationFrame?: boolean;
+  autoUpdateOnAnimationFrame?: boolean | undefined;
 }
 
 export interface PopperProps extends PopperCommonProps {
@@ -167,18 +167,20 @@ export const Popper = ({
     refs,
     middlewareData,
   } = useFloating({
-    placement: strictPlacement,
-    strategy: strategyProp,
+    ...(strictPlacement !== undefined && { placement: strictPlacement }),
+    ...(strategyProp !== undefined && { strategy: strategyProp }),
     middleware: middlewares,
-    whileElementsMounted: isLock
-      ? undefined
-      : (...args) => {
-          /* istanbul ignore next: не знаю как проверить */
-          return autoUpdateFloatingElement(...args, {
-            elementResize: autoUpdateOnTargetResize,
-            animationFrame: autoUpdateOnAnimationFrame,
-          });
-        },
+    ...(isLock
+      ? {}
+      : {
+          whileElementsMounted: (...args) => {
+            /* istanbul ignore next: не знаю как проверить */
+            return autoUpdateFloatingElement(...args, {
+              elementResize: autoUpdateOnTargetResize,
+              animationFrame: autoUpdateOnAnimationFrame,
+            });
+          },
+        }),
   });
 
   usePlacementChangeCallback(placementProp, resolvedPlacement, onPlacementChange);

package/src/components/Progress/Progress.tsx

@@ -24,19 +24,19 @@ export interface ProgressProps extends HTMLAttributesWithRootRef<HTMLDivElement>
   /**
    * Стиль отображения прогрессбара.
    */
-  appearance?: 'accent' | 'positive' | 'negative' | `var(--${string})` | `#${string}`;
+  appearance?: 'accent' | 'positive' | 'negative' | `var(--${string})` | `#${string}` | undefined;
   /**
    * Значение прогресса.
    */
-  value?: number;
+  value?: number | undefined;
   /**
    * Высота элемента.
    */
-  height?: number;
+  height?: number | undefined;
   /**
    * Сделать прогрессбар прозрачным.
    */
-  trackDisable?: boolean;
+  trackDisable?: boolean | undefined;
 }
 
 const PROGRESS_MIN_VALUE = 0;

package/src/components/PullToRefresh/PullToRefresh.tsx

@@ -39,9 +39,9 @@ export interface PullToRefreshProps extends DOMProps, TouchProps, HasChildren {
   /**
    * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`.
    */
-  isFetching?: boolean;
+  isFetching?: boolean | undefined;
   /** @ignore */
-  scroll?: ScrollContextInterface;
+  scroll?: ScrollContextInterface | undefined;
 }
 
 /**

package/src/components/PullToRefresh/PullToRefreshSpinner.tsx

@@ -12,10 +12,10 @@ function calcStrokeDashOffset(value: number, radius: number) {
 }
 
 export interface PullToRefreshSpinnerProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
-  size?: number;
-  strokeWidth?: number;
-  on?: boolean;
-  progress?: number;
+  size?: number | undefined;
+  strokeWidth?: number | undefined;
+  on?: boolean | undefined;
+  progress?: number | undefined;
 }
 
 export const PullToRefreshSpinner = ({

package/src/components/Radio/Radio.tsx

@@ -41,30 +41,36 @@ export interface RadioProps
    * - `root`: свойства для прокидывания в корень компонента;
    * - `input`: свойства для прокидывания в скрытый `input`.
    */
-  slotProps?: {
-    root?: Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &
-      HasRootRef<HTMLLabelElement> &
-      HasDataAttribute;
-    input?: React.ComponentProps<'input'> & HasRootRef<HTMLInputElement> & HasDataAttribute;
-  };
+  slotProps?:
+    | {
+        root?:
+          | (Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &
+              HasRootRef<HTMLLabelElement> &
+              HasDataAttribute)
+          | undefined;
+        input?:
+          | (React.ComponentProps<'input'> & HasRootRef<HTMLInputElement> & HasDataAttribute)
+          | undefined;
+      }
+    | undefined;
   /**
    * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.
    */
-  getRef?: React.Ref<HTMLInputElement>;
+  getRef?: React.Ref<HTMLInputElement> | undefined;
   /**
    * Дополнительное описание под основным текстом.
    */
-  description?: React.ReactNode;
+  description?: React.ReactNode | undefined;
   /**
    * Элемент после основного текста.
    */
-  titleAfter?: React.ReactNode;
+  titleAfter?: React.ReactNode | undefined;
   /**
    * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ root: {...} }`.
    *
    * Позволяет передавать data-* аттрибуты элементу label.
    **/
-  labelProps?: HasDataAttribute;
+  labelProps?: HasDataAttribute | undefined;
 }
 
 /**
@@ -120,7 +126,7 @@ export const Radio = ({
       ...labelProps,
       ...restProps,
     },
-    slotProps?.root,
+    slotProps?.root ?? undefined,
   );
 
   const inputRest = useMergeProps(
@@ -140,7 +146,7 @@ export const Radio = ({
       onFocus,
       onBlur,
     },
-    slotProps?.input,
+    slotProps?.input ?? undefined,
   );
 
   return (

package/src/components/Radio/RadioInput/RadioInput.tsx

@@ -60,18 +60,24 @@ export interface RadioInputProps
    * - `root`: свойства для прокидывания в корень компонента;
    * - `input`: свойства для прокидывания в скрытый `input`.
    */
-  slotProps?: {
-    root?: Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &
-      HasRootRef<HTMLLabelElement> &
-      HasDataAttribute;
-    input?: Omit<React.ComponentProps<'input'>, 'type'> &
-      HasRootRef<HTMLInputElement> &
-      HasDataAttribute;
-  };
+  slotProps?:
+    | {
+        root?:
+          | (Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> &
+              HasRootRef<HTMLLabelElement> &
+              HasDataAttribute)
+          | undefined;
+        input?:
+          | (Omit<React.ComponentProps<'input'>, 'type'> &
+              HasRootRef<HTMLInputElement> &
+              HasDataAttribute)
+          | undefined;
+      }
+    | undefined;
   /**
    * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.
    */
-  getRef?: React.Ref<HTMLInputElement>;
+  getRef?: React.Ref<HTMLInputElement> | undefined;
 }
 
 export function RadioInput({

package/src/components/RadioGroup/RadioGroup.tsx

@@ -8,7 +8,7 @@ export interface RadioGroupProps extends HTMLAttributesWithRootRef<HTMLDivElemen
   /**
    * Режим расположения элементов.
    */
-  mode?: 'vertical' | 'horizontal';
+  mode?: 'vertical' | 'horizontal' | undefined;
 }
 
 /**

package/src/components/Removable/Removable.module.css

@@ -43,10 +43,6 @@
   align-self: flex-start;
 }
 
-.disabled {
-  opacity: var(--vkui--opacity_disable);
-}
-
 /**
  * iOS
  */

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

@@ -1 +1 @@
-{"version":3,"sources":["./Removable.module.css"],"names":["content","withPadding","rtl","action","ios","indentation","alignStart","disabled","remove","removeIn","toggle","toggleIn","indent","offset"],"mappings":"AAAA;AAAA,E,aAAAA,S,WAAA;AAAA,E,aAgBAC,a,WAhBA;AAAA,E,aAoBAC,K,WApBA;AAAA,E,aAwBAC,Q,WAxBA;AAAA,E,aAgCAC,K,WAhCA;AAAA,E,aAgCKD,Q,WAhCL;AAAA,E,aAgCYE,a,WAhCZ;AAAA,E,aAiCAF,Q,WAjCA;AAAA,E,aAiCOE,a,WAjCP;AAAA,E,aAqCAD,K,WArCA;AAAA,E,aAqCKD,Q,WArCL;AAAA,E,aAqCYE,a,WArCZ;AAAA,E,aAyCAC,Y,WAzCA;AAAA,E,aAyCYH,Q,WAzCZ;AAAA,E,aA6CAI,U,WA7CA;AAAA,E,aAoDAH,K,WApDA;AAAA,E,aAwDAI,Q,WAxDA;AAAA,E,aAuEAC,U,WAvEA;AAAA,E,aA+EAC,Q,WA/EA;AAAA,E,aAwFAC,U,WAxFA;AAAA,E,aAmGAA,U,WAnGA;AAAA,E,aA2GAA,U,WA3GA;AAAA,E,aAoHAP,K,WApHA;AAAA,E,aAoHKJ,S,WApHL;AAAA,E,aAyHAY,Q,WAzHA;AAAA,E,aAyHQT,Q,WAzHR;AAAA,E,aAoI0CH,S,WApI1C;AAAA,E,aAuIEA,S,WAvIF;AAAA,E,aA4IAa,Q,WA5IA;AAAA,E,aAiJoFA,Q,WAjJpF;AAAA,E,aAsJIA,Q,WAtJJ;AAAA,E,aAgKIA,Q,WAhKJ;AAAA,E,aAqKIA,Q,WArKJ;AAAA,E,aA8KQA,Q,WA9KR;AAAA,E,aAmLQA,Q,WAnLR;AAAA;AAAA","file":"Removable.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./Removable.module.css"],"names":["content","withPadding","rtl","action","ios","indentation","alignStart","remove","removeIn","toggle","toggleIn","indent","offset"],"mappings":"AAAA;AAAA,E,aAAAA,S,WAAA;AAAA,E,aAgBAC,a,WAhBA;AAAA,E,aAoBAC,K,WApBA;AAAA,E,aAwBAC,Q,WAxBA;AAAA,E,aAgCAC,K,WAhCA;AAAA,E,aAgCKD,Q,WAhCL;AAAA,E,aAgCYE,a,WAhCZ;AAAA,E,aAiCAF,Q,WAjCA;AAAA,E,aAiCOE,a,WAjCP;AAAA,E,aAqCAD,K,WArCA;AAAA,E,aAqCKD,Q,WArCL;AAAA,E,aAqCYE,a,WArCZ;AAAA,E,aAyCAC,Y,WAzCA;AAAA,E,aAyCYH,Q,WAzCZ;AAAA,E,aAgDAC,K,WAhDA;AAAA,E,aAoDAG,Q,WApDA;AAAA,E,aAmEAC,U,WAnEA;AAAA,E,aA2EAC,Q,WA3EA;AAAA,E,aAoFAC,U,WApFA;AAAA,E,aA+FAA,U,WA/FA;AAAA,E,aAuGAA,U,WAvGA;AAAA,E,aAgHAN,K,WAhHA;AAAA,E,aAgHKJ,S,WAhHL;AAAA,E,aAqHAW,Q,WArHA;AAAA,E,aAqHQR,Q,WArHR;AAAA,E,aAgI0CH,S,WAhI1C;AAAA,E,aAmIEA,S,WAnIF;AAAA,E,aAwIAY,Q,WAxIA;AAAA,E,aA6IoFA,Q,WA7IpF;AAAA,E,aAkJIA,Q,WAlJJ;AAAA,E,aA4JIA,Q,WA5JJ;AAAA,E,aAiKIA,Q,WAjKJ;AAAA,E,aA0KQA,Q,WA1KR;AAAA,E,aA+KQA,Q,WA/KR;AAAA;AAAA","file":"Removable.module.css.d.ts","sourceRoot":""}

package/src/components/Removable/Removable.tsx

@@ -15,23 +15,23 @@ export interface RemovableProps {
   /**
    * Текст кнопки удаления ячейки. Визуально скрыт везде, кроме iOS. На iOS появляется в выезжающей кнопке для удаления ячейки.
    */
-  removePlaceholder?: React.ReactNode;
+  removePlaceholder?: React.ReactNode | undefined;
   /**
    * Обработчик, срабатывающий при нажатии на контрол удаления.
    */
-  onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;
+  onRemove?: ((e: React.MouseEvent, rootEl?: HTMLElement | null) => void) | undefined;
   /**
    * Передает атрибут `data-testid` для кнопки, которая активирует кнопку удаления (iOS only).
    */
-  toggleButtonTestId?: string;
+  toggleButtonTestId?: string | undefined;
   /**
    * Передает атрибут `data-testid` для кнопки удаления.
    */
-  removeButtonTestId?: string;
+  removeButtonTestId?: string | undefined;
   /**
    * Блокировка взаимодействия с компонентом.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
 }
 /* eslint-disable jsdoc/require-jsdoc */
 interface RemovableCommonOwnProps
@@ -39,7 +39,7 @@ interface RemovableCommonOwnProps
     RemovableOwnProps,
     'noPadding' | 'children' | 'removeButtonTestId' | 'disabled' | 'indent'
   > {
-  removePlaceholderString?: string;
+  removePlaceholderString?: string | undefined;
   onRemoveClick: (e: React.MouseEvent) => void;
 }
 /* eslint-enable jsdoc/require-jsdoc */
@@ -99,20 +99,23 @@ interface RemovableOwnProps
   /**
    * Расположение кнопки удаления.
    */
-  align?: 'start' | 'center';
+  align?: 'start' | 'center' | undefined;
   /**
    * Скрывает кнопку, но оставляет отступ.
    * @since 5.4.0
    */
-  indent?: boolean;
+  indent?: boolean | undefined;
   /**
    * Убирает базовые отступы для базовой платформы.
    */
-  noPadding?: boolean;
+  noPadding?: boolean | undefined;
   /**
    * Содержимое. Можно передать функцию для отрисовки.
    */
-  children?: React.ReactNode | ((renderProps: RemovableIosRenderProps) => React.ReactNode);
+  children?:
+    | React.ReactNode
+    | ((renderProps: RemovableIosRenderProps) => React.ReactNode)
+    | undefined;
 }
 
 export const Removable = ({

package/src/components/Removable/RemovableIos.tsx

@@ -13,9 +13,12 @@ import styles from './Removable.module.css';
 
 /* eslint-disable jsdoc/require-jsdoc */
 interface RemovableIosOwnProps extends RemovableProps {
-  indent?: boolean;
-  removePlaceholderString?: string;
-  children?: React.ReactNode | ((renderProps: RemovableIosRenderProps) => React.ReactNode);
+  indent?: boolean | undefined;
+  removePlaceholderString?: string | undefined;
+  children?:
+    | React.ReactNode
+    | ((renderProps: RemovableIosRenderProps) => React.ReactNode)
+    | undefined;
 }
 /* eslint-enable jsdoc/require-jsdoc */
 

package/src/components/RichCell/RichCell.tsx

@@ -40,19 +40,19 @@ export interface RichCellProps extends TappableOmitProps {
   /**
    * Контейнер для текста над `children`.
    */
-  overTitle?: React.ReactNode;
+  overTitle?: React.ReactNode | undefined;
   /**
    * Контейнер для текста под `children`.
    */
-  subtitle?: React.ReactNode;
+  subtitle?: React.ReactNode | undefined;
   /**
    * Контейнер для текста под `subtitle`.
    */
-  extraSubtitle?: React.ReactNode;
+  extraSubtitle?: React.ReactNode | undefined;
   /**
    * Контейнер для контента под `caption`. Например `<UsersStack size="m" />`.
    */
-  bottom?: React.ReactNode;
+  bottom?: React.ReactNode | undefined;
   /**
    * Кнопки-действия. Принимает [`Button`](https://vkui.io/components/button) с параметрами:
    *
@@ -63,52 +63,52 @@ export interface RichCellProps extends TappableOmitProps {
    *
    * - `mode="horizontal" gap="s" stretched`.
    */
-  actions?: React.ReactNode;
+  actions?: React.ReactNode | undefined;
   /**
    * `<Avatar size={40|48|72} />`.
    */
-  before?: React.ReactNode;
+  before?: React.ReactNode | undefined;
   /**
    * Иконка 28 или текст после центрального контента.
    */
-  after?: React.ReactNode;
+  after?: React.ReactNode | undefined;
   /**
    * Текст под `after`.
    *
    * @deprecated Since 8.0.0. Будет удален в **VKUI v10**.
    * Используйте вместо этого свойство `submeta`.
    */
-  afterCaption?: React.ReactNode;
+  afterCaption?: React.ReactNode | undefined;
   /**
    * Текст после основного контента.
    */
-  meta?: React.ReactNode;
+  meta?: React.ReactNode | undefined;
   /**
    * Текст под `meta`.
    */
-  submeta?: React.ReactNode;
+  submeta?: React.ReactNode | undefined;
   /**
    * Выравнивание before компонента по вертикали.
    */
-  beforeAlign?: Align;
+  beforeAlign?: Align | undefined;
   /**
    * Выравнивание центрального контента по вертикали.
    */
-  contentAlign?: Align;
+  contentAlign?: Align | undefined;
   /**
    * Выравнивание after компонента по вертикали.
    *
    * > Работает только для `after` и `afterCaption`.
    */
-  afterAlign?: Align;
+  afterAlign?: Align | undefined;
   /**
    * Блокировка взаимодействия с компонентом. Убирает анимацию нажатия.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * Включает многострочный режим для `subhead`, `children`, `text` и `caption`.
    */
-  multiline?: boolean;
+  multiline?: boolean | undefined;
 }
 
 /**

package/src/components/Root/Root.tsx

@@ -25,7 +25,7 @@ export interface RootProps extends HTMLAttributesWithRootRef<HTMLDivElement>, Na
   /**
    * Обработчик, который вызывается при завершении анимации смены активной `View`.
    */
-  onTransition?: (params: { isBack: boolean; from: string; to: string }) => void;
+  onTransition?: ((params: { isBack: boolean; from: string; to: string }) => void) | undefined;
   /**
    * Коллекция `View`. У каждой `View` должен быть `id`.
    */
@@ -36,8 +36,8 @@ export interface RootProps extends HTMLAttributesWithRootRef<HTMLDivElement>, Na
 export interface RootState {
   activeView: string;
   transition: boolean;
-  isBack?: boolean;
-  prevView?: string;
+  isBack?: boolean | undefined;
+  prevView?: string | undefined;
 }
 /* eslint-enable jsdoc/require-jsdoc */
 

package/src/components/RootComponent/RootComponent.tsx

@@ -13,11 +13,11 @@ export interface RootComponentExtendProps {
   /**
    * Базовый класс.
    */
-  baseClassName?: string | false;
+  baseClassName?: string | false | undefined;
   /**
    * Базовые стили.
    */
-  baseStyle?: React.CSSProperties;
+  baseStyle?: React.CSSProperties | undefined;
 }
 
 export interface RootComponentInternalProps<T>

package/src/components/ScreenSpinner/ScreenSpinnerSwapIcon.tsx

@@ -14,7 +14,7 @@ import type { ScreenSpinnerProps } from './types';
 import styles from './ScreenSpinner.module.css';
 
 type ScreenSpinnerSwapIconProps = HTMLAttributesWithRootRef<HTMLElement> & {
-  cancelLabel?: ScreenSpinnerProps['cancelLabel'];
+  cancelLabel?: ScreenSpinnerProps['cancelLabel'] | undefined;
 };
 
 const ScreenSpinnerCancelIcon = ({

package/src/components/ScreenSpinner/context.ts

@@ -11,11 +11,11 @@ export interface ScreenSpinnerContextProps {
   /**
    * Текст под иконкой.
    */
-  label?: ScreenSpinnerProps['label'];
+  label?: ScreenSpinnerProps['label'] | undefined;
   /**
    * Кастомная иконка, работает совместно со `state="custom"`.
    */
-  customIcon?: ScreenSpinnerProps['customIcon'];
+  customIcon?: ScreenSpinnerProps['customIcon'] | undefined;
 }
 
 export const ScreenSpinnerContext: React.Context<ScreenSpinnerContextProps> =