@gravity-ui/navigation 0.10.1 → 0.11.1

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

@@ -1,27 +1,27 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import './ActionBar.scss';
-export declare type Props = PropsWithChildren<{
+export type Props = PropsWithChildren<{
     'aria-label'?: string;
     className?: string;
 }>;
 declare const PublicActionBar: {
-    ({ children, className, "aria-label": ariaLabel }: Props): JSX.Element;
+    ({ children, className, "aria-label": ariaLabel }: Props): React.JSX.Element;
     displayName: string;
 } & {
     Section: {
-        ({ children, type }: import("./Section/ActionBarSection").Props): JSX.Element;
+        ({ children, type }: import("./Section/ActionBarSection").Props): React.JSX.Element;
         displayName: string;
     };
     Group: {
-        ({ children, className, pull }: import("./Group/ActionBarGroup").Props): JSX.Element;
+        ({ children, className, pull }: import("./Group/ActionBarGroup").Props): React.JSX.Element;
         displayName: string;
     };
     Item: {
-        ({ children, className, pull, spacing }: import("./Item/ActionBarItem").Props): JSX.Element;
+        ({ children, className, pull, spacing }: import("./Item/ActionBarItem").Props): React.JSX.Element;
         displayName: string;
     };
     Separator: {
-        (): JSX.Element;
+        (): React.JSX.Element;
         displayName: string;
     };
 };

package/build/cjs/components/ActionBar/Group/ActionBarGroup.d.ts

@@ -1,10 +1,10 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { PropsWithPull } from '../types';
 import './ActionBarGroup.scss';
-export declare type Props = PropsWithChildren<PropsWithPull<{
+export type Props = PropsWithChildren<PropsWithPull<{
     className?: string;
 }>>;
 export declare const ActionBarGroup: {
-    ({ children, className, pull }: Props): JSX.Element;
+    ({ children, className, pull }: Props): React.JSX.Element;
     displayName: string;
 };

package/build/cjs/components/ActionBar/Item/ActionBarItem.d.ts

@@ -1,11 +1,11 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { PropsWithPull } from '../types';
 import './ActionBarItem.scss';
-export declare type Props = PropsWithChildren<PropsWithPull<{
+export type Props = PropsWithChildren<PropsWithPull<{
     spacing?: boolean;
     className?: string;
 }>>;
 export declare const ActionBarItem: {
-    ({ children, className, pull, spacing }: Props): JSX.Element;
+    ({ children, className, pull, spacing }: Props): React.JSX.Element;
     displayName: string;
 };

package/build/cjs/components/ActionBar/Section/ActionBarSection.d.ts

@@ -1,9 +1,9 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import './ActionBarSection.scss';
-export declare type Props = PropsWithChildren<{
+export type Props = PropsWithChildren<{
     type?: 'primary' | 'secondary';
 }>;
 export declare const ActionBarSection: {
-    ({ children, type }: Props): JSX.Element;
+    ({ children, type }: Props): React.JSX.Element;
     displayName: string;
 };

package/build/cjs/components/ActionBar/Separator/ActionBarSeparator.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import './ActionBarSeparator.scss';
 export declare const ActionBarSeparator: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     displayName: string;
 };

package/build/cjs/components/ActionBar/__stories__/ActionBar.stories.d.ts

@@ -1,65 +1,20 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<{
-    ({ children, className, "aria-label": ariaLabel }: import("../ActionBar").Props): JSX.Element;
-    displayName: string;
+import React from 'react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
+    'aria-label'?: string | undefined;
+    className?: string | undefined;
 } & {
-    Section: {
-        ({ children, type }: import("..").ActionBarSectionProps): JSX.Element;
-        displayName: string;
-    };
-    Group: {
-        ({ children, className, pull }: import("..").ActionBarGroupProps): JSX.Element;
-        displayName: string;
-    };
-    Item: {
-        ({ children, className, pull, spacing }: import("..").ActionBarItemProps): JSX.Element;
-        displayName: string;
-    };
-    Separator: {
-        (): JSX.Element;
-        displayName: string;
-    };
+    children?: React.ReactNode;
 }>;
 export default _default;
-export declare const Showcase: ComponentStory<{
-    ({ children, className, "aria-label": ariaLabel }: import("../ActionBar").Props): JSX.Element;
-    displayName: string;
+export declare const Showcase: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+    'aria-label'?: string | undefined;
+    className?: string | undefined;
 } & {
-    Section: {
-        ({ children, type }: import("..").ActionBarSectionProps): JSX.Element;
-        displayName: string;
-    };
-    Group: {
-        ({ children, className, pull }: import("..").ActionBarGroupProps): JSX.Element;
-        displayName: string;
-    };
-    Item: {
-        ({ children, className, pull, spacing }: import("..").ActionBarItemProps): JSX.Element;
-        displayName: string;
-    };
-    Separator: {
-        (): JSX.Element;
-        displayName: string;
-    };
+    children?: React.ReactNode;
 }>;
-export declare const SingleSection: ComponentStory<{
-    ({ children, className, "aria-label": ariaLabel }: import("../ActionBar").Props): JSX.Element;
-    displayName: string;
+export declare const SingleSection: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+    'aria-label'?: string | undefined;
+    className?: string | undefined;
 } & {
-    Section: {
-        ({ children, type }: import("..").ActionBarSectionProps): JSX.Element;
-        displayName: string;
-    };
-    Group: {
-        ({ children, className, pull }: import("..").ActionBarGroupProps): JSX.Element;
-        displayName: string;
-    };
-    Item: {
-        ({ children, className, pull, spacing }: import("..").ActionBarItemProps): JSX.Element;
-        displayName: string;
-    };
-    Separator: {
-        (): JSX.Element;
-        displayName: string;
-    };
+    children?: React.ReactNode;
 }>;

package/build/cjs/components/ActionBar/__stories__/ActionBarShowcase.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function ActionBarShowcase(): JSX.Element;
+import React from 'react';
+export declare function ActionBarShowcase(): React.JSX.Element;

package/build/cjs/components/ActionBar/__stories__/ActionBarSingleSection.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function ActionBarSingleSection(): JSX.Element;
+import React from 'react';
+export declare function ActionBarSingleSection(): React.JSX.Element;

package/build/cjs/components/ActionBar/types.d.ts

@@ -1,3 +1,3 @@
-export declare type PropsWithPull<T> = T & {
+export type PropsWithPull<T> = T & {
     pull?: 'left' | 'right' | 'center';
 };

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

@@ -26,11 +26,11 @@ interface AsideHeaderDefaultProps {
 }
 export interface AsideHeaderProps extends AsideHeaderGeneralProps, Partial<AsideHeaderDefaultProps> {
 }
-declare type AsideHeaderInnerProps = AsideHeaderGeneralProps & AsideHeaderDefaultProps;
+type AsideHeaderInnerProps = AsideHeaderGeneralProps & AsideHeaderDefaultProps;
 export declare class AsideHeader extends React.Component<AsideHeaderInnerProps> {
     static defaultProps: AsideHeaderDefaultProps;
     asideRef: React.RefObject<HTMLDivElement>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private renderFirstPane;
     private renderSecondPane;
     private renderLogo;

package/build/cjs/components/AsideHeader/__stories__/AsideHeader.stories.d.ts

@@ -1,6 +1,5 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Showcase: Story<import("@storybook/react/types-6-0").Args>;
-export declare const Compact: Story<import("@storybook/react/types-6-0").Args>;
-export declare const MultipleTooltip: Story<import("@storybook/react/types-6-0").Args>;
+export declare const Showcase: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export declare const Compact: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export declare const MultipleTooltip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;

package/build/cjs/components/AsideHeader/__stories__/getAsideHeaderWrapper.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { AsideHeaderProps } from '../AsideHeader';
-export declare function getAsideHeaderWrapper(props?: AsideHeaderProps): (Story: FC) => JSX.Element;
+export declare function getAsideHeaderWrapper(props?: AsideHeaderProps): (Story: FC) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { AsideHeaderDict, MenuItem } from './../types';
+import { AsideHeaderDict, MenuItem } from '../types';
 import './CompositeBar.scss';
 interface CompositeBarBaseProps {
     items: MenuItem[];

package/build/cjs/components/CompositeBar/MultipleTooltip/MultipleTooltip.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { PopupProps } from '@gravity-ui/uikit';
 import { MenuItem } from '../../types';
 import './MultipleTooltip.scss';
-export declare type MultipleTooltipProps = Pick<PopupProps, 'open' | 'anchorRef' | 'placement'> & {
+export type MultipleTooltipProps = Pick<PopupProps, 'open' | 'anchorRef' | 'placement'> & {
     items: MenuItem[];
 };
 export declare const MultipleTooltip: React.FC<MultipleTooltipProps>;

package/build/cjs/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.d.ts

@@ -7,7 +7,7 @@ interface MultipleTooltipContextProps {
     setValue<K extends keyof Omit<MultipleTooltipContextProps, 'setValue'>>(value: Pick<Omit<MultipleTooltipContextProps, 'setValue'>, K> | Omit<MultipleTooltipContextProps, 'setValue'>): void;
 }
 export declare const MultipleTooltipContext: React.Context<MultipleTooltipContextProps>;
-declare type MultipleTooltipProviderState = Omit<MultipleTooltipContextProps, 'setValue'>;
+type MultipleTooltipProviderState = Omit<MultipleTooltipContextProps, 'setValue'>;
 export declare class MultipleTooltipProvider extends React.PureComponent<{
     children: React.ReactNode;
 }, MultipleTooltipProviderState> {
@@ -19,6 +19,6 @@ export declare class MultipleTooltipProvider extends React.PureComponent<{
         setValue: () => void;
     };
     setValue: MultipleTooltipContextProps['setValue'];
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/build/cjs/components/CompositeBar/__stories__/CompositeBar.stories.d.ts

@@ -1,7 +1,5 @@
-import { Meta } from '@storybook/react/types-6-0';
-import { Story } from '@storybook/react';
 import { CompositeBarProps } from '../CompositeBar';
 import './CompositeBarShowcase.scss';
-declare const _default: Meta<import("@storybook/react").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: Story<CompositeBarProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CompositeBarProps>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type RenderContentType = (data: {
+export type RenderContentType = (data: {
     size: number;
 }) => React.ReactNode;
 interface ContentProps {

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

@@ -8,7 +8,7 @@ export interface DrawerItemProps {
     className?: string;
 }
 export declare const DrawerItem: React.FC<DrawerItemProps>;
-declare type DrawerChild = React.ReactElement<DrawerItemProps>;
+type DrawerChild = React.ReactElement<DrawerItemProps>;
 export interface DrawerProps {
     children: DrawerChild | DrawerChild[];
     preventScrollBody?: boolean;

package/build/cjs/components/Drawer/__stories__/Drawer.stories.d.ts

@@ -1,4 +1,3 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Showcase: Story<import("@storybook/react/types-6-0").Args>;
+export declare const Showcase: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;

package/build/cjs/components/Drawer/__stories__/DrawerShowcase.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import './DrawerShowcase.scss';
-export declare function DrawerShowcase(): JSX.Element;
+export declare function DrawerShowcase(): React.JSX.Element;

package/build/cjs/components/FooterItem/__stories__/FooterItem.stories.d.ts

@@ -1,7 +1,5 @@
-import { Meta } from '@storybook/react/types-6-0';
-import { Story } from '@storybook/react';
 import { FooterItemProps } from '../FooterItem';
 import './FooterItemShowcase.scss';
-declare const _default: Meta<import("@storybook/react").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: Story<FooterItemProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FooterItemProps>;

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

@@ -1,9 +1,10 @@
+import React from 'react';
 import type { ReactNode } from 'react';
 import type { ListProps } from '@gravity-ui/uikit';
 import type { DrawerProps } from '../Drawer/Drawer';
 import type { HotkeysListItem, HotkeysGroup } from './types';
 import './HotkeysPanel.scss';
-export declare type HotkeysPanelProps<T> = {
+export type HotkeysPanelProps<T> = {
     hotkeys: HotkeysGroup<T>[];
     title?: ReactNode;
     filterPlaceholder?: string;
@@ -15,4 +16,4 @@ export declare type HotkeysPanelProps<T> = {
     topOffset?: number | string;
     preventScrollBody?: DrawerProps['preventScrollBody'];
 } & Omit<ListProps<HotkeysListItem>, 'items' | 'emptyPlaceholder'>;
-export declare function HotkeysPanel<T = {}>({ visible, onClose, leftOffset, topOffset, className, preventScrollBody, hotkeys, itemClassName, filterPlaceholder, title, emptyState, ...listProps }: HotkeysPanelProps<T>): JSX.Element;
+export declare function HotkeysPanel<T = {}>({ visible, onClose, leftOffset, topOffset, className, preventScrollBody, hotkeys, itemClassName, filterPlaceholder, title, emptyState, ...listProps }: HotkeysPanelProps<T>): React.JSX.Element;

package/build/cjs/components/HotkeysPanel/__stories__/HotkeysPanel.stories.d.ts

@@ -1,4 +1,3 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Showcase: Story<import("@storybook/react/types-6-0").Args>;
+export declare const Showcase: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;

package/build/cjs/components/HotkeysPanel/__stories__/HotkeysPanelShowcase.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import './HotkeysPanelShowcase.scss';
-export declare function HotkeysPanelShowcase(): JSX.Element;
+export declare function HotkeysPanelShowcase(): React.JSX.Element;

package/build/cjs/components/HotkeysPanel/types.d.ts

@@ -1,12 +1,12 @@
-export declare type HotkeysItem = {
+export type HotkeysItem = {
     title: string;
     value: string;
 };
-export declare type HotkeysGroup<T = {}> = {
+export type HotkeysGroup<T = {}> = {
     title: string;
     items: HotkeysItem[];
 } & T;
-export declare type HotkeysListItem = {
+export type HotkeysListItem = {
     title: string;
     group?: boolean;
     value?: string;

package/build/cjs/components/MobileHeader/Burger/Burger.d.ts

@@ -5,4 +5,4 @@ export interface BurgerProps {
     className?: string;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
 }
-export declare const Burger: React.MemoExoticComponent<({ opened, className, onClick }: BurgerProps) => JSX.Element>;
+export declare const Burger: React.MemoExoticComponent<({ opened, className, onClick }: BurgerProps) => React.JSX.Element>;

package/build/cjs/components/MobileHeader/BurgerMenu/BurgerCompositeBar/BurgerCompositeBar.d.ts

@@ -5,5 +5,5 @@ interface BurgerCompositeBarProps {
     items: MobileMenuItem[];
     onItemClick?: (item: MobileMenuItem) => void;
 }
-export declare const BurgerCompositeBar: React.MemoExoticComponent<({ items, onItemClick }: BurgerCompositeBarProps) => JSX.Element>;
+export declare const BurgerCompositeBar: React.MemoExoticComponent<({ items, onItemClick }: BurgerCompositeBarProps) => React.JSX.Element>;
 export {};

package/build/cjs/components/MobileHeader/BurgerMenu/BurgerMenu.d.ts

@@ -8,4 +8,4 @@ export interface BurgerMenuInnerProps {
     onItemClick?: (item: MobileMenuItem) => void;
     className?: string;
 }
-export declare const BurgerMenu: React.MemoExoticComponent<({ items, renderFooter, modalItem, className, onItemClick }: BurgerMenuInnerProps) => JSX.Element>;
+export declare const BurgerMenu: React.MemoExoticComponent<({ items, renderFooter, modalItem, className, onItemClick }: BurgerMenuInnerProps) => React.JSX.Element>;

package/build/cjs/components/MobileHeader/BurgerMenu/__stories__/BurgerMenu.stories.d.ts

@@ -1,7 +1,5 @@
-import { Meta } from '@storybook/react/types-6-0';
-import { Story } from '@storybook/react';
 import { BurgerMenuInnerProps } from '../BurgerMenu';
 import './BurgerMenuShowcase.scss';
-declare const _default: Meta<import("@storybook/react").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Showcase: Story<BurgerMenuInnerProps>;
+export declare const Showcase: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BurgerMenuInnerProps>;

package/build/cjs/components/MobileHeader/FooterItem/FooterItem.d.ts

@@ -9,4 +9,4 @@ export interface FooterItemProps {
     modalItem: ModalItem;
     onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
-export declare const FooterItem: ({ icon, iconSize, className, modalItem, onClick, }: FooterItemProps) => JSX.Element;
+export declare const FooterItem: ({ icon, iconSize, className, modalItem, onClick, }: FooterItemProps) => React.JSX.Element;

package/build/cjs/components/MobileHeader/__stories__/MobileHeader.stories.d.ts

@@ -1,4 +1,3 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Showcase: Story<import("@storybook/react/types-6-0").Args>;
+export declare const Showcase: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;

package/build/cjs/components/MobileHeader/__stories__/MobileHeaderShowcase.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import './MobileHeaderShowcase.scss';
-export declare function MobileHeaderShowcase(): JSX.Element;
+export declare function MobileHeaderShowcase(): React.JSX.Element;

package/build/cjs/components/MobileHeader/types.d.ts

@@ -10,19 +10,19 @@ export interface ModalItem {
     renderContent?: () => void;
     onClose?: () => void;
 }
-export declare type MobileMenuItemType = 'regular' | 'divider';
+export type MobileMenuItemType = 'regular' | 'divider';
 export interface MobileMenuItem extends Omit<MenuItem, 'tooltipText' | 'pinned' | 'rightAdornment' | 'afterMoreButton' | 'itemWrapper' | 'onItemClick'> {
     type?: MobileMenuItemType;
     closeMenuOnClick?: boolean;
     onItemClick?: (item: MobileMenuItem) => void;
     itemWrapper?: (node: React.ReactNode, item: MobileMenuItem) => React.ReactNode;
 }
-export declare type MobileHeaderEvent = 'MOBILE_PANEL_TOGGLE' | 'MOBILE_PANEL_CLOSE' | 'MOBILE_PANEL_OPEN';
-export declare type ItemEventsConfig = {
+export type MobileHeaderEvent = 'MOBILE_PANEL_TOGGLE' | 'MOBILE_PANEL_CLOSE' | 'MOBILE_PANEL_OPEN';
+export type ItemEventsConfig = {
     closeEvent: MobileHeaderEvent;
     openEvent: MobileHeaderEvent;
     toggleEvent?: MobileHeaderEvent;
 };
-export declare type MobileHeaderEventOptions = {
+export type MobileHeaderEventOptions = {
     panelName?: string;
 };

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

@@ -12,8 +12,8 @@ interface SettingsProps {
     view?: 'normal' | 'mobile';
     onClose?: () => void;
 }
-declare type SettingsDict = Record<SettingsDictKeys, string>;
-declare type SettingsDictKeys = 'heading_settings' | 'placeholder_search' | 'not_found';
+type SettingsDict = Record<SettingsDictKeys, string>;
+type SettingsDictKeys = 'heading_settings' | 'placeholder_search' | 'not_found';
 interface SettingsGroupProps {
     id?: string;
     groupTitle: string;
@@ -41,14 +41,14 @@ interface SettingsItemProps {
     mode?: 'row';
     description?: string;
 }
-export declare function Settings({ loading, renderLoading, children, view, ...props }: SettingsProps): JSX.Element;
+export declare function Settings({ loading, renderLoading, children, view, ...props }: SettingsProps): React.JSX.Element;
 export declare namespace Settings {
     var defaultProps: {
         dict: SettingsDict;
     };
-    var Group: ({ children }: SettingsGroupProps) => JSX.Element;
-    var Page: ({ children }: SettingsPageProps) => JSX.Element;
-    var Section: ({ children }: SettingsSectionProps) => JSX.Element;
-    var Item: ({ title, children, align, withBadge, renderTitleComponent, mode, description, }: SettingsItemProps) => JSX.Element;
+    var Group: ({ children }: SettingsGroupProps) => React.JSX.Element;
+    var Page: ({ children }: SettingsPageProps) => React.JSX.Element;
+    var Section: ({ children }: SettingsSectionProps) => React.JSX.Element;
+    var Item: ({ title, children, align, withBadge, renderTitleComponent, mode, description, }: SettingsItemProps) => React.JSX.Element;
 }
 export {};

package/build/cjs/components/Settings/SettingsMenuMobile/SettingsMenuMobile.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { SettingsMenuProps } from '../types';
 import './SettingsMenuMobile.scss';
-export declare const SettingsMenuMobile: ({ items, onChange, activeItemId, className, }: SettingsMenuProps) => JSX.Element;
+export declare const SettingsMenuMobile: ({ items, onChange, activeItemId, className, }: SettingsMenuProps) => React.JSX.Element;

package/build/cjs/components/Settings/SettingsSearch/SettingsSearch.d.ts

@@ -9,5 +9,5 @@ interface SettingsSearchProps {
     placeholder?: string;
     autoFocus?: boolean;
 }
-export declare function SettingsSearch({ className, onChange, debounce, inputRef, inputSize, placeholder, autoFocus, }: SettingsSearchProps): JSX.Element;
+export declare function SettingsSearch({ className, onChange, debounce, inputRef, inputSize, placeholder, autoFocus, }: SettingsSearchProps): React.JSX.Element;
 export {};

package/build/cjs/components/Settings/__stories__/Settings.stories.d.ts

@@ -1,5 +1,4 @@
-import { Meta, Story } from '@storybook/react/types-6-0';
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Showcase: Story<import("@storybook/react/types-6-0").Args>;
-export declare const ViewMobile: Story<import("@storybook/react/types-6-0").Args>;
+export declare const Showcase: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export declare const ViewMobile: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;

package/build/cjs/components/Settings/__stories__/SettingsDemo.d.ts

@@ -10,5 +10,5 @@ export declare const SettingsComponent: React.MemoExoticComponent<({ initialPage
     initialPage?: string | undefined;
     withBadge?: boolean | undefined;
     onClose: () => void;
-}) => JSX.Element>;
-export declare function SettingsDemo(): JSX.Element;
+}) => React.JSX.Element>;
+export declare function SettingsDemo(): React.JSX.Element;

package/build/cjs/components/Settings/__stories__/SettingsMobileDemo.d.ts

@@ -4,5 +4,5 @@ export declare const SettingsMobileComponent: React.MemoExoticComponent<({ initi
     initialPage?: string | undefined;
     withBadge?: boolean | undefined;
     onClose?: (() => void) | undefined;
-}) => JSX.Element>;
-export declare function SettingsMobileDemo(): JSX.Element;
+}) => React.JSX.Element>;
+export declare function SettingsMobileDemo(): React.JSX.Element;

package/build/cjs/components/Settings/collect-settings.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconProps } from '@gravity-ui/uikit';
-export declare type SettingsMenu = (SettingsMenuGroup | SettingsMenuItem)[];
+export type SettingsMenu = (SettingsMenuGroup | SettingsMenuItem)[];
 interface SettingsMenuGroup {
     groupTitle: string;
     items: SettingsMenuItem[];

package/build/cjs/components/Settings/helpers.d.ts

@@ -1,4 +1,4 @@
-declare type AnyFunc = (...args: any[]) => any;
+type AnyFunc = (...args: any[]) => any;
 export declare function useStableCallback<T extends AnyFunc>(func: T): (...args: Parameters<T>) => ReturnType<T> | undefined;
 export declare function useCurrent<T>(value: T): () => T;
 export declare function invariant(cond: boolean, message: string): void;

package/build/cjs/components/Settings/types.d.ts

@@ -10,7 +10,7 @@ export interface Item {
     disabled?: boolean;
     withBadge?: boolean;
 }
-declare type SettingsMenuItems = (GroupItem | Item)[];
+type SettingsMenuItems = (GroupItem | Item)[];
 export interface SettingsMenuProps {
     items: SettingsMenuItems;
     onChange: (id: string) => void;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import './Title.scss';
-declare type TitleDictKeys = 'close';
-declare type TitleDict = Record<TitleDictKeys, string>;
+type TitleDictKeys = 'close';
+type TitleDict = Record<TitleDictKeys, string>;
 interface TitleProps {
     hasSeparator?: boolean;
     dict?: TitleDict;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function fakeDisplayName<T extends {}>(newDisplayName: string, Component: React.FC<T>): {
+    (props: T): React.JSX.Element;
+    displayName: string;
+};

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

@@ -7,3 +7,4 @@ export * from './HotkeysPanel';
 export * from './Settings';
 export * from './MobileHeader';
 export * from './types';
+export { Lang, configure } from './utils/configure';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconProps } from '@gravity-ui/uikit';
-export declare type MenuItemType = 'regular' | 'action' | 'divider';
+export type MenuItemType = 'regular' | 'action' | 'divider';
 export interface MakeItemParams {
     icon?: React.ReactNode;
     title: React.ReactNode;
@@ -33,7 +33,7 @@ export declare enum Dict {
     CollapseButton = "button_collapse",
     MoreButton = "button_more"
 }
-export declare type AsideHeaderDict = Record<Dict, string>;
+export type AsideHeaderDict = Record<Dict, string>;
 export interface LogoProps {
     text: (() => React.ReactNode) | string;
     icon?: IconProps['data'];

package/build/cjs/components/utils/cn.d.ts

@@ -1,5 +1,5 @@
 import bemBlock from 'bem-cn-lite';
-export declare type CnBlock = ReturnType<typeof bemBlock>;
-export declare type CnMods = Record<string, string | boolean | undefined>;
+export type CnBlock = ReturnType<typeof bemBlock>;
+export type CnMods = Record<string, string | boolean | undefined>;
 export declare const NAMESPACE = "ycn-";
 export declare function block(name: string): CnBlock;