@vkontakte/vkui 7.4.3 → 7.5.0

package/src/components/Input/Input.tsx

@@ -21,7 +21,7 @@ export interface InputProps
     Omit<FormFieldProps, 'maxHeight'> {}
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Input
+ * @see https://vkui.io/components/input
  */
 export const Input = ({
   type = 'text',

package/src/components/Link/Link.tsx

@@ -23,7 +23,7 @@ export interface LinkProps extends TappableOmitProps {
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Link
+ * @see https://vkui.io/components/link
  */
 export const Link = ({
   before: beforeProp,

package/src/components/List/List.tsx

@@ -12,7 +12,7 @@ export type ListProps = HTMLAttributesWithRootRef<HTMLDivElement> & {
 };
 
 /**
- * @see https://vkcom.github.io/VKUI/#/List
+ * @see https://vkui.io/components/cell#list
  */
 export const List = ({ children, gap = 0, ...restProps }: ListProps): React.ReactNode => {
   return (

package/src/components/LocaleProvider/LocaleProvider.tsx

@@ -18,7 +18,7 @@ export interface LocaleProviderProps {
  * [реестре языковых подметок IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry).
  *
  * @since 5.0.0
- * @see https://vkcom.github.io/VKUI/#/LocaleProvider
+ * @see https://vkui.io/components/locale-provider
  */
 export function LocaleProvider({ value, children }: LocaleProviderProps): React.ReactNode {
   return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;

package/src/components/Mark/Mark.tsx

@@ -10,7 +10,7 @@ export type MarkProps = HTMLAttributesWithRootRef<HTMLDivElement>;
  * например при поиске определенных слов или выделения текста в цитате.
  *
  * @since 6.1.0
- * @see https://vkcom.github.io/VKUI/#/Mark
+ * @see https://vkui.io/components/mark
  */
 export const Mark = (props: MarkProps): React.ReactNode => (
   <RootComponent baseClassName={styles.host} Component="mark" {...props} />

package/src/components/MiniInfoCell/MiniInfoCell.tsx

@@ -57,7 +57,7 @@ export interface MiniInfoCellProps extends HTMLAttributesWithRootRef<HTMLDivElem
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/MiniInfoCell
+ * @see https://vkui.io/components/mini-info-cell
  */
 export const MiniInfoCell = ({
   before,

package/src/components/ModalCard/ModalCard.tsx

@@ -6,7 +6,7 @@ import { ModalCardInternal } from './ModalCardInternal';
 import type { ModalCardProps } from './types';
 
 /**
- * @see https://vkcom.github.io/VKUI/#/ModalCard
+ * @see https://vkui.io/components/modal-card
  */
 export const ModalCard = ({
   id: idProp,

package/src/components/ModalCardBase/ModalCardBase.tsx

@@ -49,12 +49,12 @@ export interface ModalCardBaseProps
   descriptionComponent?: React.ElementType;
 
   /**
-   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:
+   * Кнопки-действия. Принимает [`Button`](https://vkui.io/components/button) с параметрами:
    *
    * - `size="l" mode="primary" stretched`
    * - `size="l" mode="secondary" stretched`.
    *
-   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:
+   * Для набора кнопок используйте [`ButtonGroup`](https://vkui.io/components/button-group) с параметрами:
    *
    * - `gap="s" mode="horizontal" stretched`
    * - `gap="m" mode="vertical" stretched`.
@@ -105,7 +105,7 @@ export interface ModalCardBaseProps
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/ModalCardBase
+ * @see https://vkui.io/components/modal-card-base
  */
 export const ModalCardBase = ({
   icon,

package/src/components/ModalDismissButton/ModalDismissButton.tsx

@@ -16,7 +16,7 @@ export interface ModalDismissButtonProps extends Omit<ModalOutsideButtonProps, '
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/ModalDismissButton
+ * @see https://vkui.io/components/modal-dismiss-button
  */
 export const ModalDismissButton = ({
   children = 'Закрыть',

package/src/components/ModalOutsideButton/ModalOutsideButton.tsx

@@ -17,7 +17,7 @@ export interface ModalOutsideButtonProps extends TappableOmitProps {
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/ModalOutsideButton
+ * @see https://vkui.io/components/modal-outside-button
  */
 export const ModalOutsideButton = ({
   children,

package/src/components/ModalPage/ModalPage.tsx

@@ -11,7 +11,7 @@ import type { ModalPageProps } from './types';
 const snapPointCache = new Map<string, Exclude<SnapPoint, 'auto'>>();
 
 /**
- * @see https://vkcom.github.io/VKUI/#/ModalPage
+ * @see https://vkui.io/components/modal-page
  */
 export const ModalPage = ({
   id: idProp,

package/src/components/ModalPageHeader/ModalPageHeader.tsx

@@ -22,7 +22,7 @@ export interface ModalPageHeaderProps
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/ModalPageHeader
+ * @see https://vkui.io/components/modal-page-header
  */
 export const ModalPageHeader = ({
   children,

package/src/components/ModalRoot/ModalRoot.tsx

@@ -10,7 +10,7 @@ import type { ModalRootProps } from './types';
 
 const warn = warnOnce('ModalRoot');
 /**
- * @see https://vkcom.github.io/VKUI/#/ModalRoot
+ * @see https://vkui.io/components/modal-root
  */
 export const ModalRoot = ({
   activeModal,

package/src/components/NativeSelect/NativeSelect.tsx

@@ -88,7 +88,7 @@ export interface NativeSelectProps
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/NativeSelect
+ * @see https://vkui.io/components/native-select
  */
 export const NativeSelect = ({
   style,

package/src/components/OnboardingTooltip/OnboardingTooltip.tsx

@@ -15,6 +15,7 @@ import {
   useFloatingMiddlewaresBootstrap,
   usePlacementChangeCallback,
 } from '../../lib/floating';
+import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { warnOnce } from '../../lib/warnOnce';
 import { DEFAULT_ARROW_HEIGHT, DEFAULT_ARROW_PADDING } from '../FloatingArrow/DefaultIcon';
 import type { FloatingArrowProps } from '../FloatingArrow/FloatingArrow';
@@ -22,7 +23,6 @@ import { FocusTrap } from '../FocusTrap/FocusTrap';
 import { useNavTransition } from '../NavTransitionContext/NavTransitionContext';
 import { TOOLTIP_MAX_WIDTH, TooltipBase, type TooltipBaseProps } from '../TooltipBase/TooltipBase';
 import { onboardingTooltipContainerAttr } from './OnboardingTooltipContainer';
-import { useOnboardingTooltipContext } from './OnboardingTooltipContext';
 import styles from './OnboardingTooltip.module.css';
 
 const warn = warnOnce('OnboardingTooltip');
@@ -78,7 +78,7 @@ export interface OnboardingTooltipProps
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Tooltip
+ * @see https://vkui.io/components/onboarding-tooltip
  */
 export const OnboardingTooltip = ({
   'id': idProp,
@@ -109,7 +109,6 @@ export const OnboardingTooltip = ({
   const generatedId = React.useId();
   const tooltipId = idProp || generatedId;
   const { entering } = useNavTransition();
-  const { containerRef: tooltipContainerRef } = useOnboardingTooltipContext();
 
   const [arrowRef, setArrowRef] = React.useState<HTMLDivElement | null>(null);
   const [tooltipContainer, setTooltipContainer] = React.useState<HTMLElement | null>(null);
@@ -196,23 +195,18 @@ export const OnboardingTooltip = ({
     );
   }
 
-  React.useEffect(
+  useIsomorphicLayoutEffect(
     function initialize() {
       const referenceEl = childRef.current;
-      if (!referenceEl) {
-        return;
-      }
-      const tooltipContainer =
-        tooltipContainerRef.current ||
-        // eslint-disable-next-line no-restricted-properties
-        referenceEl.closest<HTMLDivElement>(`[${onboardingTooltipContainerAttr}]`);
-      if (tooltipContainer) {
-        setTooltipContainer(tooltipContainer);
+      if (referenceEl) {
+        setTooltipContainer(
+          referenceEl.closest<HTMLDivElement>(`[${onboardingTooltipContainerAttr}]`), // eslint-disable-line no-restricted-properties
+        );
         setPositionStrategy(referenceEl.style.position === 'fixed' ? 'fixed' : 'absolute');
         refs.setReference(referenceEl);
       }
     },
-    [childRef, refs, tooltipContainerRef],
+    [childRef],
   );
 
   if (process.env.NODE_ENV === 'development') {

package/src/components/OnboardingTooltip/OnboardingTooltipContainer.tsx

@@ -1,10 +1,6 @@
-'use client';
-
 import * as React from 'react';
-import { useExternRef } from '../../hooks/useExternRef';
 import { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';
 import type { HasComponent, HasDataAttribute } from '../../types';
-import { OnboardingTooltipContext } from './OnboardingTooltipContext';
 
 export const onboardingTooltipContainerAttr = 'data-onboarding-tooltip-container';
 
@@ -22,16 +18,11 @@ export const OnboardingTooltipContainer: React.ForwardRefExoticComponent<
   // eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames
 > = React.forwardRef<HTMLDivElement, OnboardingTooltipContainerProps>(
   ({ fixed = false, Component = 'div', ...props }, ref) => {
-    const containerRef = useExternRef(ref);
     const dataProps = {
       [onboardingTooltipContainerAttr]: fixed ? 'fixed' : 'true',
     };
 
-    return (
-      <OnboardingTooltipContext.Provider value={{ containerRef }}>
-        <Component {...dataProps} {...props} ref={containerRef} />
-      </OnboardingTooltipContext.Provider>
-    );
+    return <Component {...dataProps} {...props} ref={ref} />;
   },
 );
 

package/src/components/Pagination/Pagination.tsx

@@ -94,13 +94,13 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
   /**
    * Функция для кастомного рендера кнопок страниц.
    *
-   * > Note: `CustomPaginationPageButtonProps` наследует API [Tappable](https://vkcom.github.io/VKUI/#/Tappable).
+   * > Note: `CustomPaginationPageButtonProps` наследует API [Tappable](https://vkui.io/components/tappable).
    */
   renderPageButton?: (props: CustomPaginationPageButtonProps) => React.ReactNode;
   /**
    Функция для кастомного рендера кнопок навигации `prev` и `next`.
    *
-   * > Note: `CustomPaginationNavigationButton` наследует API [Button](https://vkcom.github.io/VKUI/#/Button).
+   * > Note: `CustomPaginationNavigationButton` наследует API [Button](https://vkui.io/components/button).
    */
   renderNavigationButton?: (props: CustomPaginationNavigationButton) => React.ReactNode;
   /**
@@ -118,7 +118,7 @@ export interface PaginationProps extends Omit<HTMLAttributesWithRootRef<HTMLElem
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Pagination
+ * @see https://vkui.io/components/pagination
  */
 export const Pagination = ({
   currentPage = 1,

package/src/components/Panel/Panel.tsx

@@ -34,11 +34,11 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
    * Тип оформления панели.
    *
    * Позволяет переопределить тип оформления панели,
-   * заданный через адаптивность или свойство layout у [AppRoot](https://vkcom.github.io/VKUI/#/AppRoot),
+   * заданный через адаптивность или свойство layout у [AppRoot](https://vkui.io/components/app-root),
    * глобально задающим тип оформления макета.
    *
    * Если установлен `card` - Panel имеет фон отличный от фона контента.
-   * Позволяет компоненту [Group](https://vkcom.github.io/VKUI/#/Group) со свойством mode='card' точечно выглядеть как карточка.
+   * Позволяет компоненту [Group](https://vkui.io/components/group) со свойством mode='card' точечно выглядеть как карточка.
    * Тип `plain` — соответствует фону по умолчанию.
    */
   mode?: 'plain' | 'card';
@@ -49,7 +49,7 @@ export interface PanelProps extends HTMLAttributesWithRootRef<HTMLDivElement>, N
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Panel
+ * @see https://vkui.io/components/panel
  */
 export const Panel = ({
   centered = false,

package/src/components/PanelHeader/PanelHeader.tsx

@@ -132,7 +132,7 @@ const PanelHeaderIn = ({ before, after, children, typographyProps = {} }: PanelH
 };
 
 /**
- * @see https://vkcom.github.io/VKUI/#/PanelHeader
+ * @see https://vkui.io/components/panel-header
  */
 export const PanelHeader = ({
   before,

package/src/components/PanelHeaderBack/PanelHeaderBack.tsx

@@ -59,7 +59,7 @@ const getBackIcon = (platform: PlatformType) => {
 };
 
 /**
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
+ * @see https://vkui.io/components/panel-header#panel-header-back
  */
 export const PanelHeaderBack = ({
   label = 'Назад',

package/src/components/PanelHeaderButton/PanelHeaderButton.tsx

@@ -53,7 +53,7 @@ const ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {
 const warn = warnOnce('PanelHeaderButton');
 
 /**
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
+ * @see https://vkui.io/components/panel-header#panel-header-button
  */
 export const PanelHeaderButton = ({
   children,

package/src/components/PanelHeaderClose/PanelHeaderClose.tsx

@@ -12,7 +12,7 @@ import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';
 export type PanelHeaderCloseProps = Omit<PanelHeaderButtonProps, 'children'>;
 
 /**
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
+ * @see https://vkui.io/components/panel-header#panel-header-close
  */
 export const PanelHeaderClose = ({
   label = 'Отмена',

package/src/components/PanelHeaderContent/PanelHeaderContent.tsx

@@ -65,7 +65,7 @@ const PanelHeaderChildren = ({ hasSubtitle, hasBefore, children }: PanelHeaderCh
 };
 
 /**
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent
+ * @see https://vkui.io/components/panel-header#panel-header-content
  */
 export const PanelHeaderContent = ({
   aside,

package/src/components/PanelHeaderContext/PanelHeaderContext.tsx

@@ -31,7 +31,7 @@ export interface PanelHeaderContextProps extends HTMLAttributesWithRootRef<HTMLD
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext
+ * @see https://vkui.io/components/panel-header-context
  */
 export const PanelHeaderContext = ({
   children,

package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx

@@ -31,7 +31,7 @@ export interface PanelHeaderEditProps extends Omit<PanelHeaderButtonProps, 'labe
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
+ * @see https://vkui.io/components/panel-header#panel-header-edit
  */
 export const PanelHeaderEdit = ({
   isActive = false,

package/src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx

@@ -12,7 +12,7 @@ import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';
 export type PanelHeaderSubmitProps = Omit<PanelHeaderButtonProps, 'children'>;
 
 /**
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
+ * @see https://vkui.io/components/panel-header#panel-header-submit
  */
 export const PanelHeaderSubmit = ({
   label = 'Готово',

package/src/components/PanelSpinner/PanelSpinner.tsx

@@ -10,7 +10,7 @@ export interface PanelSpinnerProps extends SpinnerProps {
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/PanelSpinner
+ * @see https://vkui.io/components/panel#panel-spinner
  */
 // eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames
 export const PanelSpinner = React.memo(

package/src/components/Placeholder/Placeholder.tsx

@@ -76,7 +76,7 @@ export interface PlaceholderProps extends PlaceholderContainerProps {
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Placeholder
+ * @see https://vkui.io/components/placeholder
  */
 export const Placeholder: React.FC<PlaceholderProps> & {
   Container: typeof PlaceholderContainer;

package/src/components/PlatformProvider/PlatformProvider.tsx

@@ -18,7 +18,7 @@ export interface PlatformProviderProps {
  * Компонент, позволяющий переопределить платформу для части приложения.
  *
  * @since 5.1.0
- * @see https://vkcom.github.io/VKUI/#/PlatformProvider
+ * @see https://vkui.io/components/platform-provider
  */
 export function PlatformProvider({ value, children }: PlatformProviderProps): React.ReactNode {
   return (

package/src/components/PopoutWrapper/PopoutWrapper.tsx

@@ -67,7 +67,7 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/PopoutWrapper
+ * @see https://vkui.io/components/popout-wrapper
  */
 export const PopoutWrapper = ({
   alignY = 'center',

package/src/components/Popover/Popover.tsx

@@ -118,7 +118,7 @@ export interface PopoverProps
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Popover
+ * @see https://vkui.io/components/popover
  */
 export const Popover = ({ children, ...restProps }: PopoverProps): React.ReactNode => {
   const { anchorRef, anchorProps, popover } = usePopover<HTMLDivElement>(restProps);

package/src/components/Popper/Popper.tsx

@@ -93,7 +93,7 @@ export interface PopperProps extends PopperCommonProps {
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Popper
+ * @see https://vkui.io/components/popper
  */
 export const Popper = ({
   // UseFloatingMiddlewaresBootstrapProps

package/src/components/Progress/Progress.tsx

@@ -57,7 +57,7 @@ const resolveAppearance = (
 };
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Progress
+ * @see https://vkui.io/components/progress
  */
 export const Progress = ({
   value = 0,

package/src/components/PullToRefresh/PullToRefresh.tsx

@@ -45,7 +45,7 @@ export interface PullToRefreshProps extends DOMProps, TouchProps, HasChildren {
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/PullToRefresh
+ * @see https://vkui.io/components/pull-to-refresh
  */
 export const PullToRefresh = ({
   children,

package/src/components/Radio/Radio.tsx

@@ -30,7 +30,7 @@ export interface RadioProps
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Radio
+ * @see https://vkui.io/components/radio
  */
 export const Radio = ({
   children,

package/src/components/RadioGroup/RadioGroup.tsx

@@ -12,7 +12,7 @@ export interface RadioGroupProps extends HTMLAttributesWithRootRef<HTMLDivElemen
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/RadioGroup
+ * @see https://vkui.io/components/radio-group
  */
 export const RadioGroup = ({
   mode = 'vertical',

package/src/components/RichCell/RichCell.tsx

@@ -51,12 +51,12 @@ export interface RichCellProps extends TappableOmitProps {
    */
   bottom?: React.ReactNode;
   /**
-   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:
+   * Кнопки-действия. Принимает [`Button`](https://vkui.io/components/button) с параметрами:
    *
    * - `mode="primary" size="s"`
    * - `mode="secondary" size="s"`.
    *
-   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:
+   * Для набора кнопок используйте [`ButtonGroup`](https://vkui.io/components/button-group) с параметрами:
    *
    * - `mode="horizontal" gap="s" stretched`.
    */
@@ -96,7 +96,7 @@ export interface RichCellProps extends TappableOmitProps {
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/RichCell
+ * @see https://vkui.io/components/rich-cell
  */
 export const RichCell: React.FC<RichCellProps> & {
   Icon: typeof RichCellIcon;

package/src/components/Root/Root.tsx

@@ -43,7 +43,7 @@ export interface RootState {
 const warn = warnOnce('Root');
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Root
+ * @see https://vkui.io/components/root
  */
 export const Root = ({
   children,

package/src/components/ScreenSpinner/ScreenSpinner.tsx

@@ -13,7 +13,7 @@ import type { ScreenSpinnerProps } from './types';
 export type { ScreenSpinnerProps };
 
 /**
- * @see https://vkcom.github.io/VKUI/#/ScreenSpinner
+ * @see https://vkui.io/components/screen-spinner
  */
 export const ScreenSpinner: React.FC<ScreenSpinnerProps> & {
   Container: typeof ScreenSpinnerContainer;

package/src/components/ScrollArrow/ScrollArrow.tsx

@@ -62,7 +62,7 @@ export interface ScrollArrowProps
  * Компонент стрелки. Используется в [HorizontalScroll](#/HorizontalScroll) и [Gallery](#/Gallery).
  *
  * @since 5.4.0
- * @see https://vkcom.github.io/VKUI/#/ScrollArrow
+ * @see https://vkui.io/components/scroll-arrow
  */
 export const ScrollArrow = ({
   size = 'm',

package/src/components/Search/Search.tsx

@@ -80,7 +80,7 @@ export interface SearchProps
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Search
+ * @see https://vkui.io/components/search
  */
 export const Search = ({
   id: idProp,

package/src/components/SegmentedControl/SegmentedControl.tsx

@@ -71,7 +71,7 @@ export interface SegmentedControlProps
 const warn = warnOnce('SegmentedControl');
 
 /**
- * @see https://vkcom.github.io/VKUI/#/SegmentedControl
+ * @see https://vkui.io/components/segmented-control
  */
 export const SegmentedControl = ({
   size = 'l',

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

@@ -18,9 +18,6 @@ export interface SegmentedControlOptionProps
   before?: React.ReactNode;
 }
 
-/**
- * @see https://vkcom.github.io/VKUI/#/SegmentedControl
- */
 export const SegmentedControlOption = ({
   getRef,
   children,

package/src/components/Select/Select.tsx

@@ -13,7 +13,7 @@ import { NativeSelect, type NativeSelectProps } from '../NativeSelect/NativeSele
 export type SelectType = 'default' | 'plain' | 'accent';
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Select
+ * @see https://vkui.io/components/select
  */
 export const Select = <OptionT extends CustomSelectOptionInterface>({
   children,

package/src/components/SelectMimicry/SelectMimicry.tsx

@@ -38,7 +38,7 @@ export interface SelectMimicryProps
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/SelectMimicry
+ * @see https://vkui.io/components/select-mimicry
  */
 export const SelectMimicry = ({
   tabIndex = 0,

package/src/components/SelectionControl/SelectionControl.tsx

@@ -24,7 +24,7 @@ export interface SelectionControlProps
     > {}
 
 /**
- * @see https://vkcom.github.io/VKUI/#/SelectionControl
+ * @see https://vkui.io/components/selection-control
  */
 export const SelectionControl = (restProps: SelectionControlProps): React.ReactNode => {
   const { sizeY = 'none' } = useAdaptivity();

package/src/components/Separator/Separator.tsx

@@ -48,7 +48,7 @@ const alignClassNames = {
 };
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Separator
+ * @see https://vkui.io/components/separator
  */
 export const Separator = ({
   padding = false,

package/src/components/SimpleCell/SimpleCell.tsx

@@ -82,7 +82,7 @@ export interface SimpleCellOwnProps extends HasComponent {
 export interface SimpleCellProps extends SimpleCellOwnProps, TappableOmitProps {}
 
 /**
- * @see https://vkcom.github.io/VKUI/#/SimpleCell
+ * @see https://vkui.io/components/simple-cell
  */
 export const SimpleCell = ({
   badgeBeforeTitle,

package/src/components/SimpleGrid/SimpleGrid.tsx

@@ -53,6 +53,9 @@ export interface SimpleGridProps extends Omit<RootComponentProps<HTMLElement>, '
   align?: 'start' | 'end' | 'center' | 'stretch' | 'baseline';
 }
 
+/**
+ * @see https://vkui.io/components/simple-grid
+ */
 export const SimpleGrid = ({
   columns = 1,
   gap,