@vkontakte/vkui 7.4.4 → 7.5.1

package/src/components/FormField/FormField.tsx

@@ -46,7 +46,7 @@ export interface FormFieldProps {
    * Рекомендации:
    *
    * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.
-   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна иконка, реагирующая на нажатие.
+   * - Используйте [IconButton](https://vkui.io/components/icon-button), если вам нужна иконка, реагирующая на нажатие.
    */
   before?: React.ReactNode;
   /**
@@ -59,7 +59,7 @@ export interface FormFieldProps {
    * Рекомендации:
    *
    * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.
-   * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна иконка, реагируюущая на нажатие.
+   * - Используйте [IconButton](https://vkui.io/components/icon-button), если вам нужна иконка, реагируюущая на нажатие.
    */
   after?: React.ReactNode;
   /**
@@ -91,7 +91,7 @@ export interface FormFieldOwnProps
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/FormField
+ * @see https://vkui.io/components/form-field
  */
 export const FormField = ({
   Component = 'span',

package/src/components/FormItem/FormItem.tsx

@@ -82,7 +82,7 @@ export interface FormItemProps
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/FormItem
+ * @see https://vkui.io/components/form-item
  */
 export const FormItem: React.FC<FormItemProps> & {
   Top: typeof FormItemTop;

package/src/components/FormLayoutGroup/FormLayoutGroup.tsx

@@ -35,7 +35,7 @@ export interface FormLayoutGroupProps
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup
+ * @see https://vkui.io/components/form-layout-group
  */
 export const FormLayoutGroup = ({
   children,

package/src/components/FormStatus/FormStatus.tsx

@@ -16,7 +16,7 @@ export interface FormStatusProps extends Omit<HTMLAttributesWithRootRef<HTMLDivE
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/FormStatus
+ * @see https://vkui.io/components/form-status
  */
 export const FormStatus = ({
   mode,

package/src/components/Gallery/Gallery.tsx

@@ -20,7 +20,7 @@ export interface GalleryProps extends BaseGalleryProps {
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Gallery
+ * @see https://vkui.io/components/gallery
  */
 export const Gallery = ({
   initialSlideIndex = 0,

package/src/components/Gradient/Gradient.tsx

@@ -20,7 +20,7 @@ export interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement>
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Gradient
+ * @see https://vkui.io/components/gradient
  */
 export const Gradient = ({
   mode = 'default',

package/src/components/GridAvatar/GridAvatar.tsx

@@ -20,7 +20,7 @@ export interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackI
 const warn = warnOnce('GridAvatar');
 
 /**
- * @see https://vkcom.github.io/VKUI/#/GridAvatar
+ * @see https://vkui.io/components/grid-avatar
  */
 export const GridAvatar: React.FC<GridAvatarProps> & { Badge: typeof GridAvatarBadge } = ({
   src = [],

package/src/components/Group/Group.tsx

@@ -18,7 +18,7 @@ export interface GroupProps extends GroupContainerProps {
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Group
+ * @see https://vkui.io/components/group
  */
 export const Group: React.FC<GroupProps> & {
   Container: typeof GroupContainer;

package/src/components/Header/Header.tsx

@@ -98,7 +98,7 @@ const Subtitle: React.FC<
 };
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Header
+ * @see https://vkui.io/components/group#header
  */
 export const Header = ({
   size = 'm',

package/src/components/HorizontalCell/HorizontalCell.tsx

@@ -68,7 +68,7 @@ export interface HorizontalCellProps
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/HorizontalCell
+ * @see https://vkui.io/components/horizontal-cell
  */
 export const HorizontalCell = ({
   className,

package/src/components/HorizontalScroll/HorizontalCellShowMore/HorizontalCellShowMore.tsx

@@ -43,6 +43,9 @@ export interface HorizontalCellShowMoreProps
   centered?: boolean;
 }
 
+/**
+ * @see https://vkui.io/components/horizontal-scroll#horizontal-cell-show-more
+ */
 export const HorizontalCellShowMore = ({
   className,
   style,

package/src/components/HorizontalScroll/HorizontalScroll.tsx

@@ -194,7 +194,7 @@ function doScroll({
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/HorizontalScroll
+ * @see https://vkui.io/components/horizontal-scroll
  */
 export const HorizontalScroll = ({
   children,

package/src/components/IconButton/IconButton.tsx

@@ -24,7 +24,7 @@ export interface IconButtonProps extends TappableOmitProps {
 const warn = warnOnce('IconButton');
 
 /**
- * @see https://vkcom.github.io/VKUI/#/IconButton
+ * @see https://vkui.io/components/icon-button
  */
 export const IconButton = ({ label, children, ...restProps }: IconButtonProps): React.ReactNode => {
   const platform = usePlatform();

package/src/components/Image/Image.tsx

@@ -104,7 +104,7 @@ const getBorderRadiusBySizeInPx = (
 };
 
 /**
- * @see https://vkcom.github.io/VKUI/#/Image
+ * @see https://vkui.io/components/image
  */
 export const Image: React.FC<ImageProps> & {
   Badge: typeof ImageBadge;

package/src/components/ImageBase/ImageBase.tsx

@@ -152,7 +152,7 @@ const sizeToNumber = (size: number | string | undefined): number | undefined =>
 };
 
 /**
- * @see https://vkcom.github.io/VKUI/#/ImageBase
+ * @see https://vkui.io/components/image-base
  */
 export const ImageBase: React.FC<ImageBaseProps> & {
   Badge: typeof ImageBaseBadge;

package/src/components/InfoRow/InfoRow.tsx

@@ -14,7 +14,7 @@ export interface InfoRowProps extends HTMLAttributesWithRootRef<HTMLDivElement>
 }
 
 /**
- * @see https://vkcom.github.io/VKUI/#/InfoRow
+ * @see https://vkui.io/components/info-row
  */
 export const InfoRow = ({
   header,

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.module.css

@@ -1,6 +1,4 @@
 .host {
-  inline-size: 100%;
-  padding: var(--vkui--spacing_size_m);
   margin-inline: auto;
 }
 
@@ -26,16 +24,22 @@
   --vkui_internal_ModalCard--safeAreaInsetBottom: var(--vkui_internal--safe_area_inset_bottom);
 
   position: absolute;
-  inset-block-end: 0;
-  inset-inline: 0;
+  /*
+   * Используем inset вместо padding, чтобы срабатывала логика с закрытие с Click Outside.
+   * Для этого также нужны `inline-size: auto` и `margin-inline: auto`.
+   */
+  inset-block-end: calc(
+    var(--vkui--spacing_size_m) + var(--vkui_internal_ModalCard--safeAreaInsetBottom)
+  );
+  inset-inline: var(--vkui--spacing_size_m);
   box-sizing: border-box;
-  margin-block-end: var(--vkui_internal_ModalCard--safeAreaInsetBottom);
+  inline-size: auto;
   transform: translate3d(0, calc(100% - var(--vkui_internal_ModalCard--translateY)), 0);
   transition: transform 0.4s var(--vkui_internal--spring-easing);
 }
 
 .hostMobile.hostStateEnter {
-  transform: translate3d(0, 100%, 0);
+  transform: translate3d(0, calc(100% + var(--vkui_internal_ModalCard--safeAreaInsetBottom)), 0);
   transition: none;
 }
 
@@ -44,18 +48,20 @@
 }
 
 .hostMobile.hostStateExiting {
-  transform: translate3d(0, 100%, 0);
+  transform: translate3d(0, calc(100% + var(--vkui_internal_ModalCard--safeAreaInsetBottom)), 0);
   transition: transform 0.2s ease;
 }
 
 .hostMobile.hostStateExited {
-  transform: translate3d(0, 100%, 0);
+  transform: translate3d(0, calc(100% + var(--vkui_internal_ModalCard--safeAreaInsetBottom)), 0);
   transition: none;
 }
 
 /* Desktop */
 .hostDesktop {
   box-sizing: content-box;
+  inline-size: 100%;
+  padding: var(--vkui--spacing_size_m);
   margin-block: auto;
   opacity: 1;
   transition: opacity 340ms var(--vkui--animation_easing_platform);

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

@@ -1 +1 @@
-{"version":3,"sources":["./ModalCard.module.css"],"names":["host","hostMaxWidthS","hostMaxWidthM","hostMaxWidthL","hostMobile","hostStateEnter","hostStateEntering","hostStateExiting","hostStateExited","hostDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAMAA,M,WANA;AAAA,E,aAUAC,e,WAVA;AAAA,E,aAcAC,e,WAdA;AAAA,E,aAkBAC,e,WAlBA;AAAA,E,aAuBAC,Y,WAvBA;AAAA,E,aAoCAA,Y,WApCA;AAAA,E,aAoCWC,gB,WApCX;AAAA,E,aAyCAD,Y,WAzCA;AAAA,E,aAyCWE,mB,WAzCX;AAAA,E,aA6CAF,Y,WA7CA;AAAA,E,aA6CWG,kB,WA7CX;AAAA,E,aAkDAH,Y,WAlDA;AAAA,E,aAkDWI,iB,WAlDX;AAAA,E,aAwDAC,a,WAxDA;AAAA,E,aA+DAA,a,WA/DA;AAAA,E,aA+DYJ,gB,WA/DZ;AAAA,E,aAoEAI,a,WApEA;AAAA,E,aAoEYH,mB,WApEZ;AAAA,E,aAwEAG,a,WAxEA;AAAA,E,aAwEYF,kB,WAxEZ;AAAA,E,aA4EAE,a,WA5EA;AAAA,E,aA4EYD,iB,WA5EZ;AAAA;AAAA","file":"ModalCard.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./ModalCard.module.css"],"names":["host","hostMaxWidthS","hostMaxWidthM","hostMaxWidthL","hostMobile","hostStateEnter","hostStateEntering","hostStateExiting","hostStateExited","hostDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAA,M,WAJA;AAAA,E,aAQAC,e,WARA;AAAA,E,aAYAC,e,WAZA;AAAA,E,aAgBAC,e,WAhBA;AAAA,E,aAqBAC,Y,WArBA;AAAA,E,aAwCAA,Y,WAxCA;AAAA,E,aAwCWC,gB,WAxCX;AAAA,E,aA6CAD,Y,WA7CA;AAAA,E,aA6CWE,mB,WA7CX;AAAA,E,aAiDAF,Y,WAjDA;AAAA,E,aAiDWG,kB,WAjDX;AAAA,E,aAsDAH,Y,WAtDA;AAAA,E,aAsDWI,iB,WAtDX;AAAA,E,aA4DAC,a,WA5DA;AAAA,E,aAqEAA,a,WArEA;AAAA,E,aAqEYJ,gB,WArEZ;AAAA,E,aA0EAI,a,WA1EA;AAAA,E,aA0EYH,mB,WA1EZ;AAAA,E,aA8EAG,a,WA9EA;AAAA,E,aA8EYF,kB,WA9EZ;AAAA,E,aAkFAE,a,WAlFA;AAAA,E,aAkFYD,iB,WAlFZ;AAAA;AAAA","file":"ModalCard.module.css.d.ts","sourceRoot":""}

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.module.css

@@ -89,7 +89,6 @@
   inset-inline-start: 0;
   block-size: var(--vkui_internal_ModalPageDocument--snapPoint);
   max-block-size: 100%;
-  padding-block-end: var(--vkui_internal_ModalPageDocument--safeAreaInsetBottom);
   pointer-events: auto;
   touch-action: pan-y;
   transform: translate3d(0, 0, 0);
@@ -139,6 +138,7 @@
 }
 
 .children {
+  box-sizing: border-box;
   /*
    * Удерживает высоту в пределах 100% родителя при переполнении контента.
    *
@@ -157,6 +157,10 @@
   border-start-end-radius: var(--vkui--size_border_radius_paper--regular);
 }
 
+.childrenMobile {
+  padding-block-end: var(--vkui_internal_ModalPageDocument--safeAreaInsetBottom);
+}
+
 /* Desktop */
 .childrenDesktop {
   border-end-start-radius: var(--vkui--size_border_radius_paper--regular);

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

@@ -1 +1 @@
-{"version":3,"sources":["./ModalPage.module.css"],"names":["host","hostMobile","hostMobileSafeAreaInsetTop","hostMobileSafeAreaInsetTopWithCustomOffset","hostDesktop","hostDesktopMaxWidthS","hostDesktopMaxWidthM","hostDesktopMaxWidthL","document","documentMobile","documentStateEnter","documentStateEntering","documentStateExiting","documentStateExited","documentDesktop","children","childrenDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,Y,WATA;AAAA,E,aAoBAC,4B,WApBA;AAAA,E,aAwBAC,4C,WAxBA;AAAA,E,aA+BAC,a,WA/BA;AAAA,E,aAgDEA,a,WAhDF;AAAA,E,aAuDAC,sB,WAvDA;AAAA,E,aA2DAC,sB,WA3DA;AAAA,E,aA+DAC,sB,WA/DA;AAAA,E,aAmEAC,U,WAnEA;AAAA,E,aAgFAC,gB,WAhFA;AAAA,E,aAkGAA,gB,WAlGA;AAAA,E,aAkGeC,oB,WAlGf;AAAA,E,aAsGAD,gB,WAtGA;AAAA,E,aAsGeE,uB,WAtGf;AAAA,E,aA2GAF,gB,WA3GA;AAAA,E,aA2GeG,sB,WA3Gf;AAAA,E,aAgHAH,gB,WAhHA;AAAA,E,aAgHeI,qB,WAhHf;AAAA,E,aAqHAC,iB,WArHA;AAAA,E,aA0HAA,iB,WA1HA;AAAA,E,aA0HgBJ,oB,WA1HhB;AAAA,E,aA8HAI,iB,WA9HA;AAAA,E,aA8HgBH,uB,WA9HhB;AAAA,E,aAmIAG,iB,WAnIA;AAAA,E,aAmIgBF,sB,WAnIhB;AAAA,E,aAwIAE,iB,WAxIA;AAAA,E,aAwIgBD,qB,WAxIhB;AAAA,E,aA4IAE,U,WA5IA;AAAA,E,aAgKAC,iB,WAhKA;AAAA;AAAA","file":"ModalPage.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./ModalPage.module.css"],"names":["host","hostMobile","hostMobileSafeAreaInsetTop","hostMobileSafeAreaInsetTopWithCustomOffset","hostDesktop","hostDesktopMaxWidthS","hostDesktopMaxWidthM","hostDesktopMaxWidthL","document","documentMobile","documentStateEnter","documentStateEntering","documentStateExiting","documentStateExited","documentDesktop","children","childrenMobile","childrenDesktop"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aASAC,Y,WATA;AAAA,E,aAoBAC,4B,WApBA;AAAA,E,aAwBAC,4C,WAxBA;AAAA,E,aA+BAC,a,WA/BA;AAAA,E,aAgDEA,a,WAhDF;AAAA,E,aAuDAC,sB,WAvDA;AAAA,E,aA2DAC,sB,WA3DA;AAAA,E,aA+DAC,sB,WA/DA;AAAA,E,aAmEAC,U,WAnEA;AAAA,E,aAgFAC,gB,WAhFA;AAAA,E,aAiGAA,gB,WAjGA;AAAA,E,aAiGeC,oB,WAjGf;AAAA,E,aAqGAD,gB,WArGA;AAAA,E,aAqGeE,uB,WArGf;AAAA,E,aA0GAF,gB,WA1GA;AAAA,E,aA0GeG,sB,WA1Gf;AAAA,E,aA+GAH,gB,WA/GA;AAAA,E,aA+GeI,qB,WA/Gf;AAAA,E,aAoHAC,iB,WApHA;AAAA,E,aAyHAA,iB,WAzHA;AAAA,E,aAyHgBJ,oB,WAzHhB;AAAA,E,aA6HAI,iB,WA7HA;AAAA,E,aA6HgBH,uB,WA7HhB;AAAA,E,aAkIAG,iB,WAlIA;AAAA,E,aAkIgBF,sB,WAlIhB;AAAA,E,aAuIAE,iB,WAvIA;AAAA,E,aAuIgBD,qB,WAvIhB;AAAA,E,aA2IAE,U,WA3IA;AAAA,E,aA+JAC,gB,WA/JA;AAAA,E,aAoKAC,iB,WApKA;AAAA;AAAA","file":"ModalPage.module.css.d.ts","sourceRoot":""}

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/ModalPage/ModalPageBase.tsx

@@ -61,7 +61,7 @@ export const ModalPageBase = ({
             ? function handleDismissButtonClick(event) {
                 onClose('click-close-button', event);
               }
-            : undefined
+            : noop
         }
         aria-label={modalDismissButtonLabel}
       >
@@ -71,7 +71,12 @@ export const ModalPageBase = ({
 
   return (
     <RootComponent role="document" baseClassName={styles.document} {...restProps}>
-      <div className={classNames(styles.children, isDesktop && styles.childrenDesktop)}>
+      <div
+        className={classNames(
+          styles.children,
+          isDesktop ? styles.childrenDesktop : styles.childrenMobile,
+        )}
+      >
         {hasReactNode(header) && header}
         <ModalPageContent
           getRootRef={getRef}

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

@@ -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,

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;