@gravity-ui/page-constructor 5.15.3 → 5.16.1

package/README.md

@@ -25,7 +25,7 @@ The page constructor is imported as a React component. To make sure it runs prop
 ```jsx
 import {PageConstructor, PageConstructorProvider} from '@gravity-ui/page-constructor';
 
-const Page: WithChildren<PageProps> = ({content}) => (
+const Page: React.PropsWithChildren<PageProps> = ({content}) => (
   <PageConstructorProvider>
     <PageConstructor content={content} />
   </PageConstructorProvider>

package/build/cjs/blocks/CardLayout/CardLayout.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps, WithChildren } from '../../models';
-export type CardLayoutBlockProps = WithChildren<Omit<CardLayoutBlockParams, 'children'>> & ClassNameProps;
+import { CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps } from '../../models';
+export type CardLayoutBlockProps = React.PropsWithChildren<Omit<CardLayoutBlockParams, 'children'>> & ClassNameProps;
 declare const CardLayout: React.FC<CardLayoutBlockProps>;
 export default CardLayout;

package/build/cjs/blocks/Header/Header.d.ts

@@ -1,4 +1,5 @@
-import { ClassNameProps, HeaderBlockProps, WithChildren } from '../../models';
+import React from 'react';
+import { ClassNameProps, HeaderBlockProps } from '../../models';
 type HeaderBlockFullProps = HeaderBlockProps & ClassNameProps;
-export declare const HeaderBlock: (props: WithChildren<HeaderBlockFullProps>) => JSX.Element;
+export declare const HeaderBlock: (props: React.PropsWithChildren<HeaderBlockFullProps>) => JSX.Element;
 export default HeaderBlock;

package/build/cjs/blocks/Slider/Slider.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { Settings } from 'react-slick';
-import { ClassNameProps, Refable, SliderProps as SliderParams, WithChildren } from '../../models';
+import { ClassNameProps, Refable, SliderProps as SliderParams } from '../../models';
 export interface SliderProps extends Omit<SliderParams, 'children'>, Refable<HTMLDivElement>, ClassNameProps, Pick<Settings, 'lazyLoad'> {
     type?: string;
     anchorId?: string;
@@ -9,5 +10,5 @@ export interface SliderProps extends Omit<SliderParams, 'children'>, Refable<HTM
     blockClassName?: string;
     arrowSize?: number;
 }
-export declare const SliderBlock: (props: WithChildren<SliderProps>) => JSX.Element;
+export declare const SliderBlock: (props: React.PropsWithChildren<SliderProps>) => JSX.Element;
 export default SliderBlock;

package/build/cjs/components/AnimateBlock/AnimateBlock.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { AnimateContextProps } from '../../context/animateContext/AnimateContext';
-import { QAProps, WithChildren } from '../../models';
+import { QAProps } from '../../models';
 export interface AnimateBlockProps extends AnimateContextProps, QAProps {
     animate?: boolean;
     offset?: number;
@@ -8,5 +8,5 @@ export interface AnimateBlockProps extends AnimateContextProps, QAProps {
     style?: CSSProperties;
     onScroll?: () => void;
 }
-declare const AnimateBlock: (props: WithChildren<AnimateBlockProps>) => JSX.Element;
+declare const AnimateBlock: (props: React.PropsWithChildren<AnimateBlockProps>) => JSX.Element;
 export default AnimateBlock;

package/build/cjs/components/Author/Author.d.ts

@@ -1,3 +1,4 @@
-import { AuthorProps, WithChildren } from '../../models';
-declare const Author: (props: WithChildren<AuthorProps>) => JSX.Element;
+import React from 'react';
+import { AuthorProps } from '../../models';
+declare const Author: (props: React.PropsWithChildren<AuthorProps>) => JSX.Element;
 export default Author;

package/build/cjs/components/BackgroundImage/BackgroundImage.d.ts

@@ -1,4 +1,5 @@
-import { BackgroundImageProps, WithChildren } from '../../models';
+import React from 'react';
+import { BackgroundImageProps } from '../../models';
 export declare const qaIdByDefault = "background-image";
-declare const BackgroundImage: (props: WithChildren<BackgroundImageProps>) => JSX.Element;
+declare const BackgroundImage: (props: React.PropsWithChildren<BackgroundImageProps>) => JSX.Element;
 export default BackgroundImage;

package/build/cjs/components/BalancedMasonry/BalancedMasonry.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { QAProps, WithChildren } from '../../models';
+import React, { ReactNode } from 'react';
+import { QAProps } from '../../models';
 export interface BalancedMasonryProps extends QAProps {
     className: string;
     columnClassName: string;
@@ -8,5 +8,5 @@ export interface BalancedMasonryProps extends QAProps {
         [key: number]: number;
     };
 }
-declare const BalancedMasonry: (props: WithChildren<BalancedMasonryProps>) => JSX.Element;
+declare const BalancedMasonry: (props: React.PropsWithChildren<BalancedMasonryProps>) => JSX.Element;
 export default BalancedMasonry;

package/build/cjs/components/ErrorWrapper/ErrorWrapper.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ClassNameProps, WithChildren } from '../../models';
+import { ClassNameProps } from '../../models';
 export interface ErrorWrapperProps extends ClassNameProps {
     text: string;
     handler: () => void;
@@ -7,5 +7,5 @@ export interface ErrorWrapperProps extends ClassNameProps {
     buttonText: string;
     children: React.ReactNode;
 }
-declare const ErrorWrapper: ({ text, buttonText, className, handler, isError, children, }: WithChildren<ErrorWrapperProps>) => JSX.Element;
+declare const ErrorWrapper: ({ text, buttonText, className, handler, isError, children, }: React.PropsWithChildren<ErrorWrapperProps>) => JSX.Element;
 export default ErrorWrapper;

package/build/cjs/components/FileLink/FileLink.d.ts

@@ -1,4 +1,5 @@
-import { FileLinkProps, WithChildren } from '../../models';
+import React from 'react';
+import { FileLinkProps } from '../../models';
 export declare enum FileExtension {
     PDF = "pdf",
     DOC = "doc",
@@ -8,5 +9,5 @@ export declare enum FileExtension {
     ZIP = "zip"
 }
 export declare function getFileExt(name: string): string;
-declare const FileLink: (props: WithChildren<FileLinkProps>) => JSX.Element;
+declare const FileLink: (props: React.PropsWithChildren<FileLinkProps>) => JSX.Element;
 export default FileLink;

package/build/cjs/components/Foldable/Foldable.d.ts

@@ -1,7 +1,8 @@
-import { QAProps, WithChildren } from '../../models';
+import React from 'react';
+import { QAProps } from '../../models';
 export interface FoldableProps extends QAProps {
     isOpened: boolean;
     className?: string;
 }
-declare const Foldable: ({ isOpened, children, className, qa }: WithChildren<FoldableProps>) => JSX.Element;
+declare const Foldable: ({ isOpened, children, className, qa }: React.PropsWithChildren<FoldableProps>) => JSX.Element;
 export default Foldable;

package/build/cjs/components/HTML/HTML.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { WithChildren } from '../../models';
 import { QAProps } from '../../models/common';
 export interface HTMLProps {
     children?: string;
@@ -8,7 +7,7 @@ export interface HTMLProps {
     itemProp?: string;
     id?: string;
 }
-declare const HTML: ({ children, block, className, itemProp, id, qa, }: WithChildren<HTMLProps & QAProps>) => React.DetailedReactHTMLElement<{
+declare const HTML: ({ children, block, className, itemProp, id, qa, }: React.PropsWithChildren<HTMLProps & QAProps>) => React.DetailedReactHTMLElement<{
     dangerouslySetInnerHTML: {
         __html: string | (string & React.ReactElement<any, string | React.JSXElementConstructor<any>>) | (string & React.ReactFragment) | (string & React.ReactPortal);
     };

package/build/cjs/components/Link/Link.d.ts

@@ -1,5 +1,6 @@
-import { ClassNameProps, LinkProps, Tabbable, WithChildren } from '../../models';
+import React from 'react';
+import { ClassNameProps, LinkProps, Tabbable } from '../../models';
 import { QAProps } from '../../models/common';
 export type LinkFullProps = LinkProps & ClassNameProps & Tabbable & QAProps;
-declare const LinkBlock: (props: WithChildren<LinkFullProps>) => JSX.Element;
+declare const LinkBlock: (props: React.PropsWithChildren<LinkFullProps>) => JSX.Element;
 export default LinkBlock;

package/build/cjs/components/RouterLink/RouterLink.d.ts

@@ -1,7 +1,7 @@
-import { WithChildren } from '../../models';
+import React from 'react';
 export interface RouterLinkProps {
     href: string;
     [key: string]: unknown;
 }
-declare const RouterLink: ({ href, children }: WithChildren<RouterLinkProps>) => JSX.Element;
+declare const RouterLink: ({ href, children }: React.PropsWithChildren<RouterLinkProps>) => JSX.Element;
 export default RouterLink;

package/build/cjs/components/UnpublishedLabel/UnpublishedLabel.d.ts

@@ -1,8 +1,8 @@
-import { WithChildren } from '../../models';
+import React from 'react';
 export type LabeLType = 'label' | 'line';
 export interface UnpublishedLabelProps {
     type?: LabeLType;
     className?: string;
 }
-declare const UnpublishedLabel: ({ className, children, type, }: WithChildren<UnpublishedLabelProps>) => JSX.Element;
+declare const UnpublishedLabel: ({ className, children, type, }: React.PropsWithChildren<UnpublishedLabelProps>) => JSX.Element;
 export default UnpublishedLabel;

package/build/cjs/constructor-items.d.ts

@@ -1,5 +1,5 @@
 export declare const blockMap: {
-    "slider-block": (props: import("./models").WithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
+    "slider-block": (props: import("react").PropsWithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
     "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
     "promo-features-block": (props: import("./models").PromoFeaturesProps) => JSX.Element;
     "questions-block": (props: import("./models").QuestionsProps) => JSX.Element;
@@ -9,7 +9,7 @@ export declare const blockMap: {
     "info-block": (props: import("./models").InfoBlockProps) => JSX.Element;
     "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
     "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("./models").TabsBlockProps) => JSX.Element;
-    "header-block": (props: import("./models").WithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
+    "header-block": (props: import("react").PropsWithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
     "icons-block": ({ title, description, size, colSizes, items }: import("./models").IconsBlockProps) => JSX.Element;
     "header-slider-block": ({ items, arrows, ...props }: import("./models").HeaderSliderBlockProps) => JSX.Element;
     "card-layout-block": import("react").FC<import("./blocks/CardLayout/CardLayout").CardLayoutBlockProps>;

package/build/cjs/containers/PageConstructor/Provider.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { AnalyticsContextProps } from '../../context/analyticsContext';
 import { FormsContextProps } from '../../context/formsContext/FormsContext';
 import { ImageContextProps } from '../../context/imageContext';
@@ -6,7 +7,7 @@ import { LocationContextProps } from '../../context/locationContext';
 import { MapsContextType } from '../../context/mapsContext/mapsContext';
 import { ProjectSettingsContextProps } from '../../context/projectSettingsContext';
 import { SSRContextProps } from '../../context/ssrContext';
-import { Theme, WithChildren } from '../../models';
+import { Theme } from '../../models';
 export interface PageConstructorProviderProps {
     isMobile?: boolean;
     locale?: LocaleContextProps;
@@ -19,4 +20,4 @@ export interface PageConstructorProviderProps {
     forms?: FormsContextProps;
     image?: ImageContextProps;
 }
-export declare const PageConstructorProvider: (props: WithChildren<PageConstructorProviderProps>) => JSX.Element;
+export declare const PageConstructorProvider: (props: React.PropsWithChildren<PageConstructorProviderProps>) => JSX.Element;

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BlockDecorationProps, ConstructorBlock as ConstructorBlockType, WithChildren } from '../../../../models';
+import { BlockDecorationProps, ConstructorBlock as ConstructorBlockType } from '../../../../models';
 interface ConstructorBlockProps extends Pick<BlockDecorationProps, 'index'> {
     data: ConstructorBlockType;
 }
-export declare const ConstructorBlock: React.FC<WithChildren<ConstructorBlockProps>>;
+export declare const ConstructorBlock: ({ index, data, children, }: React.PropsWithChildren<ConstructorBlockProps>) => JSX.Element;
 export {};

package/build/cjs/containers/PageConstructor/components/ConstructorItem/ConstructorItem.d.ts

@@ -1,7 +1,8 @@
-import { ConstructorBlock, WithChildren } from '../../../../models';
+import React from 'react';
+import { ConstructorBlock } from '../../../../models';
 export interface ConstructorItemProps {
     data: ConstructorBlock;
     blockKey: string;
 }
-export declare const ConstructorItem: ({ data, blockKey, children }: WithChildren<ConstructorItemProps>) => JSX.Element;
+export declare const ConstructorItem: ({ data, blockKey, children, }: React.PropsWithChildren<ConstructorItemProps>) => JSX.Element;
 export declare const ConstructorHeader: ({ data, blockKey, }: Pick<ConstructorItemProps, 'data' | 'blockKey'>) => JSX.Element;

package/build/cjs/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js

@@ -6,7 +6,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const blockIdContext_1 = require("../../../../context/blockIdContext");
 const innerContext_1 = require("../../../../context/innerContext");
 const BlockDecoration_1 = require("../../../../customization/BlockDecoration");
-const ConstructorItem = ({ data, blockKey, children }) => {
+const ConstructorItem = ({ data, blockKey, children, }) => {
     const { itemMap } = (0, react_1.useContext)(innerContext_1.InnerContext);
     const { type } = data, rest = tslib_1.__rest(data, ["type"]);
     const Component = itemMap[type];

package/build/cjs/containers/PageConstructor/components/ConstructorRow/ConstructorRow.d.ts

@@ -1,2 +1,2 @@
-import { WithChildren } from '../../../../models';
-export declare const ConstructorRow: ({ children }: WithChildren<{}>) => JSX.Element | null;
+import React from 'react';
+export declare const ConstructorRow: ({ children }: React.PropsWithChildren<{}>) => JSX.Element | null;

package/build/cjs/context/locationContext/locationContext.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { RouterLinkProps } from '../../components/RouterLink/RouterLink';
-import { WithChildren } from '../../models';
 export interface History {
     action: 'PUSH' | 'POP' | 'REPLACE' | '';
     replace(location: Partial<Location>): void;
@@ -8,7 +7,7 @@ export interface History {
     goBack(): void;
     length: number;
 }
-export type RouterLink = React.ComponentClass<RouterLinkProps> | React.FC<WithChildren<RouterLinkProps>>;
+export type RouterLink = React.ComponentClass<RouterLinkProps> | React.FC<React.PropsWithChildren<RouterLinkProps>>;
 export type LocationContextProps = {
     history?: History;
     search?: string;

package/build/cjs/grid/Col/Col.d.ts

@@ -1,8 +1,8 @@
 import React, { CSSProperties } from 'react';
-import { QAProps, Refable, Roleable, WithChildren } from '../../models';
+import { QAProps, Refable, Roleable } from '../../models';
 import { GridColumnClassParams } from '../types';
 export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivElement>, QAProps, Roleable {
     style?: CSSProperties;
     children?: React.ReactNode;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "sizes" | "className" | "hidden" | "role" | "qa" | "reset" | "visible" | "offsets" | "orders" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<GridColumnProps>, "style" | "children" | "sizes" | "className" | "hidden" | "role" | "qa" | "reset" | "visible" | "offsets" | "orders" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/grid/Grid/Grid.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import { WithChildren } from '../../models';
 export interface GridProps {
     debug?: boolean;
     className?: string;
     containerClass?: string;
     style?: React.CSSProperties;
 }
-export declare const Grid: ({ debug, children, className, style, containerClass, }: WithChildren<GridProps>) => JSX.Element;
+export declare const Grid: ({ debug, children, className, style, containerClass, }: React.PropsWithChildren<GridProps>) => JSX.Element;

package/build/cjs/models/constructor.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps, WithChildren } from './';
+import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps } from './';
 export interface PageData {
     content: PageContent;
 }
@@ -28,7 +28,7 @@ export type FetchLoadableData<TData = LoadableData> = (params: FetchLoadableData
 export type ShouldRenderBlock = (block: ConstructorBlock, blockKey: string) => Boolean;
 export type OnInit = (data: InitConstrucorState) => void;
 type ComponentProps = React.ComponentProps<React.ComponentClass<any>>;
-export type CustomItem = WithChildren<ComponentProps> | React.ComponentType<PropsWithChildren<ComponentProps>>;
+export type CustomItem = React.PropsWithChildren<ComponentProps> | React.ComponentType<PropsWithChildren<ComponentProps>>;
 export type CustomItems = Record<string, CustomItem>;
 export interface LoadableConfigItem {
     fetch: FetchLoadableData;

package/build/cjs/models/index.d.ts

@@ -3,6 +3,5 @@ export * from './constructor-items';
 export * from './common';
 export * from './components';
 export * from './guards';
-export * from './react';
 export * from './navigation';
 export * from './customization';

package/build/cjs/models/index.js

@@ -6,6 +6,5 @@ tslib_1.__exportStar(require("./constructor-items"), exports);
 tslib_1.__exportStar(require("./common"), exports);
 tslib_1.__exportStar(require("./components"), exports);
 tslib_1.__exportStar(require("./guards"), exports);
-tslib_1.__exportStar(require("./react"), exports);
 tslib_1.__exportStar(require("./navigation"), exports);
 tslib_1.__exportStar(require("./customization"), exports);

package/build/cjs/navigation/components/Navigation/Navigation.js

@@ -27,7 +27,7 @@ const Navigation = ({ data, logo, className }) => {
         if (!withBorderOnScroll)
             return () => { };
         const showBorderOnScroll = () => {
-            if (!showBorder) {
+            if (!withBorder) {
                 setShowBorder(window.scrollY > 0);
             }
         };

package/build/esm/blocks/CardLayout/CardLayout.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps, WithChildren } from '../../models';
+import { CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps } from '../../models';
 import './CardLayout.css';
-export type CardLayoutBlockProps = WithChildren<Omit<CardLayoutBlockParams, 'children'>> & ClassNameProps;
+export type CardLayoutBlockProps = React.PropsWithChildren<Omit<CardLayoutBlockParams, 'children'>> & ClassNameProps;
 declare const CardLayout: React.FC<CardLayoutBlockProps>;
 export default CardLayout;

package/build/esm/blocks/Header/Header.d.ts

@@ -1,5 +1,6 @@
-import { ClassNameProps, HeaderBlockProps, WithChildren } from '../../models';
+import React from 'react';
+import { ClassNameProps, HeaderBlockProps } from '../../models';
 import './Header.css';
 type HeaderBlockFullProps = HeaderBlockProps & ClassNameProps;
-export declare const HeaderBlock: (props: WithChildren<HeaderBlockFullProps>) => JSX.Element;
+export declare const HeaderBlock: (props: React.PropsWithChildren<HeaderBlockFullProps>) => JSX.Element;
 export default HeaderBlock;

package/build/esm/blocks/Slider/Slider.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { Settings } from 'react-slick';
-import { ClassNameProps, Refable, SliderProps as SliderParams, WithChildren } from '../../models';
+import { ClassNameProps, Refable, SliderProps as SliderParams } from '../../models';
 import './Slider.css';
 export interface SliderProps extends Omit<SliderParams, 'children'>, Refable<HTMLDivElement>, ClassNameProps, Pick<Settings, 'lazyLoad'> {
     type?: string;
@@ -10,5 +11,5 @@ export interface SliderProps extends Omit<SliderParams, 'children'>, Refable<HTM
     blockClassName?: string;
     arrowSize?: number;
 }
-export declare const SliderBlock: (props: WithChildren<SliderProps>) => JSX.Element;
+export declare const SliderBlock: (props: React.PropsWithChildren<SliderProps>) => JSX.Element;
 export default SliderBlock;

package/build/esm/components/AnimateBlock/AnimateBlock.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { AnimateContextProps } from '../../context/animateContext/AnimateContext';
-import { QAProps, WithChildren } from '../../models';
+import { QAProps } from '../../models';
 export interface AnimateBlockProps extends AnimateContextProps, QAProps {
     animate?: boolean;
     offset?: number;
@@ -8,5 +8,5 @@ export interface AnimateBlockProps extends AnimateContextProps, QAProps {
     style?: CSSProperties;
     onScroll?: () => void;
 }
-declare const AnimateBlock: (props: WithChildren<AnimateBlockProps>) => JSX.Element;
+declare const AnimateBlock: (props: React.PropsWithChildren<AnimateBlockProps>) => JSX.Element;
 export default AnimateBlock;

package/build/esm/components/Author/Author.d.ts

@@ -1,4 +1,5 @@
-import { AuthorProps, WithChildren } from '../../models';
+import React from 'react';
+import { AuthorProps } from '../../models';
 import './Author.css';
-declare const Author: (props: WithChildren<AuthorProps>) => JSX.Element;
+declare const Author: (props: React.PropsWithChildren<AuthorProps>) => JSX.Element;
 export default Author;

package/build/esm/components/BackgroundImage/BackgroundImage.d.ts

@@ -1,5 +1,6 @@
-import { BackgroundImageProps, WithChildren } from '../../models';
+import React from 'react';
+import { BackgroundImageProps } from '../../models';
 import './BackgroundImage.css';
 export declare const qaIdByDefault = "background-image";
-declare const BackgroundImage: (props: WithChildren<BackgroundImageProps>) => JSX.Element;
+declare const BackgroundImage: (props: React.PropsWithChildren<BackgroundImageProps>) => JSX.Element;
 export default BackgroundImage;

package/build/esm/components/BalancedMasonry/BalancedMasonry.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { QAProps, WithChildren } from '../../models';
+import React, { ReactNode } from 'react';
+import { QAProps } from '../../models';
 import './BalancedMasonry.css';
 export interface BalancedMasonryProps extends QAProps {
     className: string;
@@ -9,5 +9,5 @@ export interface BalancedMasonryProps extends QAProps {
         [key: number]: number;
     };
 }
-declare const BalancedMasonry: (props: WithChildren<BalancedMasonryProps>) => JSX.Element;
+declare const BalancedMasonry: (props: React.PropsWithChildren<BalancedMasonryProps>) => JSX.Element;
 export default BalancedMasonry;

package/build/esm/components/ErrorWrapper/ErrorWrapper.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ClassNameProps, WithChildren } from '../../models';
+import { ClassNameProps } from '../../models';
 import './ErrorWrapper.css';
 export interface ErrorWrapperProps extends ClassNameProps {
     text: string;
@@ -8,5 +8,5 @@ export interface ErrorWrapperProps extends ClassNameProps {
     buttonText: string;
     children: React.ReactNode;
 }
-declare const ErrorWrapper: ({ text, buttonText, className, handler, isError, children, }: WithChildren<ErrorWrapperProps>) => JSX.Element;
+declare const ErrorWrapper: ({ text, buttonText, className, handler, isError, children, }: React.PropsWithChildren<ErrorWrapperProps>) => JSX.Element;
 export default ErrorWrapper;

package/build/esm/components/FileLink/FileLink.d.ts

@@ -1,4 +1,5 @@
-import { FileLinkProps, WithChildren } from '../../models';
+import React from 'react';
+import { FileLinkProps } from '../../models';
 import './FileLink.css';
 export declare enum FileExtension {
     PDF = "pdf",
@@ -9,5 +10,5 @@ export declare enum FileExtension {
     ZIP = "zip"
 }
 export declare function getFileExt(name: string): string;
-declare const FileLink: (props: WithChildren<FileLinkProps>) => JSX.Element;
+declare const FileLink: (props: React.PropsWithChildren<FileLinkProps>) => JSX.Element;
 export default FileLink;

package/build/esm/components/Foldable/Foldable.d.ts

@@ -1,8 +1,9 @@
-import { QAProps, WithChildren } from '../../models';
+import React from 'react';
+import { QAProps } from '../../models';
 import './Foldable.css';
 export interface FoldableProps extends QAProps {
     isOpened: boolean;
     className?: string;
 }
-declare const Foldable: ({ isOpened, children, className, qa }: WithChildren<FoldableProps>) => JSX.Element;
+declare const Foldable: ({ isOpened, children, className, qa }: React.PropsWithChildren<FoldableProps>) => JSX.Element;
 export default Foldable;

package/build/esm/components/HTML/HTML.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { WithChildren } from '../../models';
 import { QAProps } from '../../models/common';
 export interface HTMLProps {
     children?: string;
@@ -8,7 +7,7 @@ export interface HTMLProps {
     itemProp?: string;
     id?: string;
 }
-declare const HTML: ({ children, block, className, itemProp, id, qa, }: WithChildren<HTMLProps & QAProps>) => React.DetailedReactHTMLElement<{
+declare const HTML: ({ children, block, className, itemProp, id, qa, }: React.PropsWithChildren<HTMLProps & QAProps>) => React.DetailedReactHTMLElement<{
     dangerouslySetInnerHTML: {
         __html: string | (string & React.ReactElement<any, string | React.JSXElementConstructor<any>>) | (string & React.ReactFragment) | (string & React.ReactPortal);
     };

package/build/esm/components/Link/Link.d.ts

@@ -1,6 +1,7 @@
-import { ClassNameProps, LinkProps, Tabbable, WithChildren } from '../../models';
+import React from 'react';
+import { ClassNameProps, LinkProps, Tabbable } from '../../models';
 import { QAProps } from '../../models/common';
 import './Link.css';
 export type LinkFullProps = LinkProps & ClassNameProps & Tabbable & QAProps;
-declare const LinkBlock: (props: WithChildren<LinkFullProps>) => JSX.Element;
+declare const LinkBlock: (props: React.PropsWithChildren<LinkFullProps>) => JSX.Element;
 export default LinkBlock;

package/build/esm/components/Link/Link.js

@@ -4,7 +4,7 @@ import { Icon } from '@gravity-ui/uikit';
 import { LocaleContext } from '../../context/localeContext';
 import { LocationContext } from '../../context/locationContext';
 import { useAnalytics } from '../../hooks';
-import { DefaultEventNames, } from '../../models';
+import { DefaultEventNames } from '../../models';
 import { block, getLinkProps, setUrlTld } from '../../utils';
 import { getQaAttrubutes } from '../../utils/index';
 import BackLink from '../BackLink/BackLink';

package/build/esm/components/RouterLink/RouterLink.d.ts

@@ -1,7 +1,7 @@
-import { WithChildren } from '../../models';
+import React from 'react';
 export interface RouterLinkProps {
     href: string;
     [key: string]: unknown;
 }
-declare const RouterLink: ({ href, children }: WithChildren<RouterLinkProps>) => JSX.Element;
+declare const RouterLink: ({ href, children }: React.PropsWithChildren<RouterLinkProps>) => JSX.Element;
 export default RouterLink;

package/build/esm/components/UnpublishedLabel/UnpublishedLabel.d.ts

@@ -1,9 +1,9 @@
-import { WithChildren } from '../../models';
+import React from 'react';
 import './UnpublishedLabel.css';
 export type LabeLType = 'label' | 'line';
 export interface UnpublishedLabelProps {
     type?: LabeLType;
     className?: string;
 }
-declare const UnpublishedLabel: ({ className, children, type, }: WithChildren<UnpublishedLabelProps>) => JSX.Element;
+declare const UnpublishedLabel: ({ className, children, type, }: React.PropsWithChildren<UnpublishedLabelProps>) => JSX.Element;
 export default UnpublishedLabel;

package/build/esm/constructor-items.d.ts

@@ -1,5 +1,5 @@
 export declare const blockMap: {
-    "slider-block": (props: import("./models").WithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
+    "slider-block": (props: import("react").PropsWithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
     "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
     "promo-features-block": (props: import("./models").PromoFeaturesProps) => JSX.Element;
     "questions-block": (props: import("./models").QuestionsProps) => JSX.Element;
@@ -9,7 +9,7 @@ export declare const blockMap: {
     "info-block": (props: import("./models").InfoBlockProps) => JSX.Element;
     "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
     "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("./models").TabsBlockProps) => JSX.Element;
-    "header-block": (props: import("./models").WithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
+    "header-block": (props: import("react").PropsWithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
     "icons-block": ({ title, description, size, colSizes, items }: import("./models").IconsBlockProps) => JSX.Element;
     "header-slider-block": ({ items, arrows, ...props }: import("./models").HeaderSliderBlockProps) => JSX.Element;
     "card-layout-block": import("react").FC<import("./blocks/CardLayout/CardLayout").CardLayoutBlockProps>;

package/build/esm/containers/PageConstructor/Provider.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { AnalyticsContextProps } from '../../context/analyticsContext';
 import { FormsContextProps } from '../../context/formsContext/FormsContext';
 import { ImageContextProps } from '../../context/imageContext';
@@ -6,7 +7,7 @@ import { LocationContextProps } from '../../context/locationContext';
 import { MapsContextType } from '../../context/mapsContext/mapsContext';
 import { ProjectSettingsContextProps } from '../../context/projectSettingsContext';
 import { SSRContextProps } from '../../context/ssrContext';
-import { Theme, WithChildren } from '../../models';
+import { Theme } from '../../models';
 export interface PageConstructorProviderProps {
     isMobile?: boolean;
     locale?: LocaleContextProps;
@@ -19,4 +20,4 @@ export interface PageConstructorProviderProps {
     forms?: FormsContextProps;
     image?: ImageContextProps;
 }
-export declare const PageConstructorProvider: (props: WithChildren<PageConstructorProviderProps>) => JSX.Element;
+export declare const PageConstructorProvider: (props: React.PropsWithChildren<PageConstructorProviderProps>) => JSX.Element;

package/build/esm/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { BlockDecorationProps, ConstructorBlock as ConstructorBlockType, WithChildren } from '../../../../models';
+import { BlockDecorationProps, ConstructorBlock as ConstructorBlockType } from '../../../../models';
 import './ConstructorBlock.css';
 interface ConstructorBlockProps extends Pick<BlockDecorationProps, 'index'> {
     data: ConstructorBlockType;
 }
-export declare const ConstructorBlock: React.FC<WithChildren<ConstructorBlockProps>>;
+export declare const ConstructorBlock: ({ index, data, children, }: React.PropsWithChildren<ConstructorBlockProps>) => JSX.Element;
 export {};

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.d.ts

@@ -1,7 +1,8 @@
-import { ConstructorBlock, WithChildren } from '../../../../models';
+import React from 'react';
+import { ConstructorBlock } from '../../../../models';
 export interface ConstructorItemProps {
     data: ConstructorBlock;
     blockKey: string;
 }
-export declare const ConstructorItem: ({ data, blockKey, children }: WithChildren<ConstructorItemProps>) => JSX.Element;
+export declare const ConstructorItem: ({ data, blockKey, children, }: React.PropsWithChildren<ConstructorItemProps>) => JSX.Element;
 export declare const ConstructorHeader: ({ data, blockKey, }: Pick<ConstructorItemProps, 'data' | 'blockKey'>) => JSX.Element;