@gravity-ui/navigation 2.32.0 → 3.0.0-beta-lunory.0

package/README.md

@@ -33,6 +33,6 @@ npm install --dev @gravity-ui/uikit@^6.15.0 @gravity-ui/icons@2.2.0 @gravity-ui/
 - MobileFooter
 - [HotkeysPanel](https://github.com/gravity-ui/navigation/tree/main/src/components/HotkeysPanel/README.md)
 
-## CSS variables
+## CSS API
 
 Used for themization Navigation's components

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

@@ -9,15 +9,15 @@ declare const PublicActionBar: {
     displayName: string;
 } & {
     Section: {
-        ({ children, type }: import("./Section/ActionBarSection").Props): React.JSX.Element;
+        ({ children, type }: import(".").ActionBarSectionProps): React.JSX.Element;
         displayName: string;
     };
     Group: {
-        ({ children, className, pull }: import("./Group/ActionBarGroup").Props): React.JSX.Element;
+        ({ children, className, pull }: import(".").ActionBarGroupProps): React.JSX.Element;
         displayName: string;
     };
     Item: {
-        ({ children, className, pull, spacing }: import("./Item/ActionBarItem").Props): React.JSX.Element;
+        ({ children, className, pull, spacing }: import(".").ActionBarItemProps): React.JSX.Element;
         displayName: string;
     };
     Separator: {

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { Meta } from '@storybook/react';
+import { ActionBar } from '../ActionBar';
+declare const _default: Meta<typeof ActionBar>;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    'aria-label'?: string;
+    className?: string;
+} & {
+    children?: React.ReactNode | undefined;
+}>;
+export declare const SingleSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    'aria-label'?: string;
+    className?: string;
+} & {
+    children?: React.ReactNode | undefined;
+}>;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ActionBarShowcase(): React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ActionBarSingleSection(): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import * as DefaultActionBarStories from '../__stories__/ActionBar.stories';
-declare const stories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultActionBarStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+declare const stories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultActionBarStories>, keyof import("@storybook/core/types").Store_CSFExports>;
 type ActionBarStoriesType = typeof stories;
 export declare const ActionBarStories: ActionBarStoriesType;
 export {};

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

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

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

@@ -1,2 +1,6 @@
-declare const _default: (key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: ((key: "menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "gn-AllPagesPanel": Record<"menu-item.all-pages.title" | "all-panel.menu.category.allOther" | "all-panel.resetToDefault" | "all-panel.title.editing" | "all-panel.title.main", import("@gravity-ui/i18n").KeyData>;
+    };
+};
 export default _default;

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

@@ -5,7 +5,7 @@ export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
     menuItems: MenuItem[];
     defaultMenuItems?: MenuItem[];
     allPagesIsAvailable: boolean;
-    onItemClick: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onItemClick: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 export declare const AsideHeaderInnerContext: React.Context<AsideHeaderInnerContextType | undefined>;
 export declare const AsideHeaderInnerContextProvider: React.Provider<AsideHeaderInnerContextType | undefined>;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const Compact: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const MultipleTooltip: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const CustomTheme: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const CustomBackground: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const AdvancedUsage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const HeaderAlert: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const HeaderAlertCentered: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const Fallback: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    headerDecoration: boolean;
+    subheaderItemsCount: number;
+}>;
+/** @type {StoryFn} */
+export declare function LineClamp(): React.JSX.Element;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TopAlertProps } from '../..';
+import './AsideHeaderShowcase.scss';
+interface AsideHeaderShowcaseProps {
+    multipleTooltip?: boolean;
+    initialCompact?: boolean;
+    topAlert?: TopAlertProps;
+    customBackground?: React.ReactNode;
+    customBackgroundClassName?: string;
+    headerDecoration?: boolean;
+    hideCollapseButton?: boolean;
+}
+export declare const AsideHeaderShowcase: React.FC<AsideHeaderShowcaseProps>;
+export {};

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

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

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

@@ -0,0 +1,6 @@
+import { AsideHeaderContextType } from '../AsideHeaderContext';
+import { AsideHeaderProps } from '../types';
+export declare const EMPTY_CONTEXT_VALUE: AsideHeaderContextType;
+export declare const menuItemsShowcase: AsideHeaderProps['menuItems'];
+export declare const text = "\nDid you attend? He sang by grove ripe -\nThe bard of love, the singer of his mourning.\nWhen fields were silent by the early morning,\nTo sad and simple sounds of a pipe\nDid you attend?\n\nDid you behold in dark of forest leaf\nThe bard of love, the singer of his sadness?\nThe trace of tears, the smile, the utter paleness,\nThe quiet look, full of eternal grief,\nDid you behold?\n\nThen did you sigh when hearing how cries\nThe bard of love, the singer of his dole?\nWhen in the woods you saw the young man, sole,\nAnd met the look of his extinguished eyes,\nThen did you sigh?\n";
+export declare const menuItemsClamped: import("../..").MenuItem[];

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

@@ -1,2 +1,2 @@
 import * as DefaultAsideHeaderStories from '../__stories__/AsideHeader.stories';
-export declare const AsideHeaderStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultAsideHeaderStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const AsideHeaderStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultAsideHeaderStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -1,2 +1 @@
 export { FirstPanel } from './FirstPanel';
-export { TopPanel } from './TopPanel';

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

@@ -1,2 +1,6 @@
-declare const _default: (key: "button_collapse" | "button_expand" | "label_more", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: ((key: "button_collapse" | "button_expand" | "label_more", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "gn-AsideHeader": Record<"button_collapse" | "button_expand" | "label_more", import("@gravity-ui/i18n").KeyData>;
+    };
+};
 export default _default;

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

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { QAProps } from '@gravity-ui/uikit';
 import { RenderContentType } from '../Content';
 import { DrawerItemProps } from '../Drawer/Drawer';
-import { AsideHeaderTopAlertProps, LogoProps, MenuItem, OpenModalSubscriber, SubheaderMenuItem } from '../types';
+import { LogoProps, MenuItem, OpenModalSubscriber, SubheaderMenuItem, TopAlertProps } from '../types';
 import { AsideHeaderContextType } from './AsideHeaderContext';
 export interface LayoutProps {
     compact: boolean;
     className?: string;
-    topAlert?: AsideHeaderTopAlertProps;
+    topAlert?: TopAlertProps;
 }
 export interface EditMenuProps {
     onOpenEditMode?: () => void;
@@ -23,7 +22,7 @@ export interface AsideHeaderGeneralProps extends QAProps {
     collapseTitle?: string;
     expandTitle?: string;
     menuMoreTitle?: string;
-    topAlert?: AsideHeaderTopAlertProps;
+    topAlert?: TopAlertProps;
     customBackground?: React.ReactNode;
     customBackgroundClassName?: string;
     hideCollapseButton?: boolean;

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

@@ -10,7 +10,7 @@ type CompositeBarItems = {
     items: SubheaderMenuItem[];
 };
 export type CompositeBarProps = CompositeBarItems & {
-    onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     multipleTooltip?: boolean;
     menuMoreTitle?: string;
     onMoreClick?: () => void;

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

@@ -3,7 +3,7 @@ import './HighlightedItem.scss';
 interface ItemInnerProps {
     iconRef: React.RefObject<HTMLDivElement>;
     iconNode: React.ReactNode;
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onClickCapture?: (event: React.SyntheticEvent) => void;
 }
 export declare const HighlightedItem: React.FC<ItemInnerProps>;

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

@@ -4,18 +4,31 @@ import { MenuItem } from '../../types';
 import './Item.scss';
 interface ItemPopup {
     popupVisible?: PopupProps['open'];
+    /**
+     * floating element anchor ref object
+     *
+     * @deprecated Use `popupAnchorElement` instead
+     * */
     popupAnchor?: PopupProps['anchorRef'];
+    popupAnchorElement?: PopupProps['anchorElement'];
     popupPlacement?: PopupProps['placement'];
     popupOffset?: PopupProps['offset'];
     popupKeepMounted?: PopupProps['keepMounted'];
-    popupContentClassName?: PopupProps['contentClassName'];
     renderPopupContent?: () => React.ReactNode;
+    /**
+     * This callback will be called when Escape key pressed on keyboard, or click outside was made
+     * This behaviour could be disabled with `disableEscapeKeyDown`
+     * and `disableOutsideClick` options
+     *
+     * @deprecated Use `onOpenChangePopup` instead
+     */
     onClosePopup?: () => void;
+    onOpenChangePopup?: PopupProps['onOpenChange'];
 }
 export interface ItemProps extends ItemPopup {
     item: MenuItem;
     enableTooltip?: boolean;
-    onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onItemClickCapture?: (event: React.SyntheticEvent) => void;
     onCollapseItemClick?: () => void;
     bringForward?: boolean;

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

@@ -48,11 +48,6 @@ type DrawerChild = React.ReactElement<DrawerItemProps>;
 export interface DrawerProps {
     /** Child components to be rendered within the drawer. This can be a single child or an array of children. */
     children: DrawerChild | DrawerChild[];
-    /**
-     * Optional flag to prevent the body from scrolling when the drawer is open, `true` by default.
-     * @default true
-     */
-    preventScrollBody?: boolean;
     /** Optional additional class names to style the drawer component. */
     className?: string;
     /** Optional inline styles to be applied to the drawer component. */

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import './DisablePortal.scss';
+export declare function DisablePortalShowcase(): React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import type { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const ResizableItem: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const DisablePortal: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const HideVeil: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import './DrawerShowcase.scss';
+export declare function DrawerShowcase(): React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import './HideVeil.scss';
+export declare function HideVeilShowcase(): React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import './ResizableItem.scss';
+export declare function ResizableItemShowcase(): React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function PlaceholderText(): React.JSX.Element;

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

@@ -1,2 +1,2 @@
 import * as DefaultDrawerStories from '../__stories__/Drawer.stories';
-export declare const DrawerStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultDrawerStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const DrawerStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultDrawerStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -24,7 +24,7 @@ export interface UseResizableDrawerItemParams {
 export declare function useResizableDrawerItem(params: UseResizableDrawerItemParams): {
     resizedWidth: number;
     resizerHandlers: {
-        onMouseDown: (e: React.MouseEvent<Element, MouseEvent> | React.TouchEvent<Element>) => void;
-        onTouchStart: (e: React.MouseEvent<Element, MouseEvent> | React.TouchEvent<Element>) => void;
+        onMouseDown: (e: React.MouseEvent | React.TouchEvent) => void;
+        onTouchStart: (e: React.MouseEvent | React.TouchEvent) => void;
     };
 };

package/build/cjs/components/Footer/desktop/__stories__/Footer.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { Footer } from '..';
+import { FooterProps } from '../../types';
+declare const _default: Meta<typeof Footer>;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;
+export declare const ManyItems: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;
+export declare const ClearView: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;

package/build/cjs/components/Footer/desktop/__stories__/FooterShowcase.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FooterProps } from '../../types';
+import './FooterShowcase.scss';
+export declare function FooterShowcase({ className, ...footerProps }: FooterProps): React.JSX.Element;

package/build/cjs/components/Footer/desktop/__stories__/moc.d.ts

@@ -0,0 +1,3 @@
+import { FooterMenuItem } from '../../types';
+export declare const menuItems: FooterMenuItem[];
+export declare const longMenuItems: FooterMenuItem[];

package/build/cjs/components/Footer/desktop/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultFooterStories from '../__stories__/Footer.stories';
-export declare const FooterStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultFooterStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const FooterStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultFooterStories>, keyof import("@storybook/core/types").Store_CSFExports>;

package/build/cjs/components/Footer/mobile/__stories__/MobileFooter.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { MobileFooter } from '..';
+import { FooterProps } from '../../types';
+declare const _default: Meta<typeof MobileFooter>;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;
+export declare const ManyItems: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;
+export declare const ClearView: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;

package/build/cjs/components/Footer/mobile/__stories__/MobileFooterShowcase.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { FooterProps } from '../../types';
+import './MobileFooterShowcase.scss';
+export declare function MobileFooterShowcase({ className, ...footerProps }: FooterProps): React.JSX.Element;

package/build/cjs/components/Footer/mobile/__stories__/moc.d.ts

@@ -0,0 +1,3 @@
+import { FooterMenuItem } from '../../types';
+export declare const menuItems: FooterMenuItem[];
+export declare const longMenuItems: FooterMenuItem[];

package/build/cjs/components/Footer/mobile/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultMobileFooterStories from '../__stories__/MobileFooter.stories';
-export declare const MobileFooterStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultMobileFooterStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const MobileFooterStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultMobileFooterStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react';
+import { FooterItemProps } from '../FooterItem';
+import './FooterItemShowcase.scss';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterItemProps>;

package/build/cjs/components/FooterItem/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultFooterItemStories from '../__stories__/FooterItem.stories';
-export declare const FooterItemStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultFooterItemStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const FooterItemStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultFooterItemStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import type { ListProps } from '@gravity-ui/uikit';
-import type { DrawerProps } from '../Drawer/Drawer';
 import type { HotkeysGroup, HotkeysListItem } from './types';
 import './HotkeysPanel.scss';
 export type HotkeysPanelProps<T> = {
@@ -20,6 +19,5 @@ export type HotkeysPanelProps<T> = {
     listClassName?: string;
     leftOffset?: number | string;
     topOffset?: number | string;
-    preventScrollBody?: DrawerProps['preventScrollBody'];
 } & Omit<ListProps<HotkeysListItem>, 'items' | 'emptyPlaceholder' | 'className' | 'size' | 'renderItem' | 'filterable' | 'autoFocus' | 'filterPlaceholder' | 'filterClassName' | 'filter' | 'filterItem' | 'onFilterEnd' | 'onFilterUpdate'>;
-export declare function HotkeysPanel<T = {}>({ visible, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, preventScrollBody, hotkeys, itemClassName, filterable, filterPlaceholder, title, emptyState, ...listProps }: HotkeysPanelProps<T>): React.JSX.Element;
+export declare function HotkeysPanel<T = {}>({ visible, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, hotkeys, itemClassName, filterable, filterPlaceholder, title, emptyState, ...listProps }: HotkeysPanelProps<T>): React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import type { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const WithoutFilter: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { HotkeysGroup, HotkeysPanelProps } from '../../../components/HotkeysPanel';
+import './HotkeysPanelShowcase.scss';
+type HotkeysPanelShowcaseProps = Pick<HotkeysPanelProps<HotkeysGroup>, 'filterable'>;
+export declare function HotkeysPanelShowcase({ filterable }: HotkeysPanelShowcaseProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { HotkeysGroup } from '..';
+export declare const hotkeys: HotkeysGroup[];

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

@@ -1,2 +1,2 @@
 import * as DefaultHotkeysPanelStories from '../__stories__/HotkeysPanel.stories';
-export declare const HotkeysPanelStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultHotkeysPanelStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const HotkeysPanelStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultHotkeysPanelStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -4,5 +4,5 @@ import './Logo.scss';
 export declare const Logo: React.FC<LogoProps & {
     compact?: boolean;
     buttonClassName?: string;
-    buttonWrapperClassName?: string;
+    iconPlaceClassName?: string;
 }>;

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

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react';
+import { Logo } from '..';
+import type { LogoProps } from '../../types';
+declare const _default: Meta<typeof Logo>;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, LogoProps>;

package/build/cjs/components/Logo/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultLogoStories from '../__stories__/Logo.stories';
-export declare const LogoStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultLogoStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const LogoStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultLogoStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react';
+import { BurgerMenuInnerProps } from '../BurgerMenu';
+import './BurgerMenuShowcase.scss';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, BurgerMenuInnerProps>;

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

@@ -0,0 +1,2 @@
+import { MobileMenuItem } from '../../types';
+export declare const mobileMenuItemsShowcase: MobileMenuItem[];

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

@@ -1,2 +1,2 @@
 import * as DefaultBurgerMenuStories from '../__stories__/BurgerMenu.stories';
-export declare const BurgerMenuStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultBurgerMenuStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const BurgerMenuStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultBurgerMenuStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RenderContentType } from '../Content';
 import { DrawerItemProps } from '../Drawer/Drawer';
-import { LogoProps } from '../types';
+import { LogoProps, TopAlertProps } from '../types';
 import { BurgerMenuInnerProps } from './BurgerMenu/BurgerMenu';
 import { OverlapPanelProps as CommonOverlapPanelProps } from './OverlapPanel/OverlapPanel';
 import { MobileHeaderEvent } from './types';
@@ -22,6 +22,7 @@ export interface MobileHeaderProps {
     burgerCloseTitle?: string;
     burgerOpenTitle?: string;
     panelItems?: PanelItem[];
+    topAlert?: TopAlertProps;
     renderContent?: RenderContentType;
     sideItemRenderContent?: RenderContentType;
     onEvent?: (itemName: string, eventName: MobileHeaderEvent) => void;

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

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react';
+import { OverlapPanelProps } from '../OverlapPanel';
+import './OverlapPanel.scss';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, OverlapPanelProps>;

package/build/cjs/components/MobileHeader/OverlapPanel/__stories__/moc.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function PlaceholderText(): React.JSX.Element;

package/build/cjs/components/MobileHeader/OverlapPanel/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultOverlapPanelStories from '../__stories__/OverlapPanel.stories';
-export declare const OverlapPanelStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultOverlapPanelStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const OverlapPanelStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultOverlapPanelStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -0,0 +1,4 @@
+import type { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import './MobileHeaderShowcase.scss';
+export declare function MobileHeaderShowcase(): React.JSX.Element;

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

@@ -0,0 +1 @@
+export declare const text = "\nDid you attend? He sang by grove ripe -\nThe bard of love, the singer of his mourning.\nWhen fields were silent by the early morning,\nTo sad and simple sounds of a pipe\nDid you attend?\n\nDid you behold in dark of forest leaf\nThe bard of love, the singer of his sadness?\nThe trace of tears, the smile, the utter paleness,\nThe quiet look, full of eternal grief,\nDid you behold?\n\nThen did you sigh when hearing how cries\nThe bard of love, the singer of his dole?\nWhen in the woods you saw the young man, sole,\nAnd met the look of his extinguished eyes,\nThen did you sigh?\n";

package/build/cjs/components/MobileHeader/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultMobileHeaderStories from '../__stories__/MobileHeader.stories';
-export declare const MobileHeaderStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultMobileHeaderStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const MobileHeaderStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultMobileHeaderStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -1,2 +1,6 @@
-declare const _default: (key: "burger_button_close" | "burger_button_open" | "overlap_button_close", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: ((key: "burger_button_close" | "burger_button_open" | "overlap_button_close", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "gn-MobileHeader": Record<"burger_button_close" | "burger_button_open" | "overlap_button_close", import("@gravity-ui/i18n").KeyData>;
+    };
+};
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuItem } from '../types';
 export interface ModalItem {
     visible: boolean;

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

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react';
+import { MobileLogo } from '..';
+import type { MobileLogoProps } from '..';
+declare const _default: Meta<typeof MobileLogo>;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MobileLogoProps>;

package/build/cjs/components/MobileLogo/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultMobileLogoStories from '../__stories__/MobileLogo.stories';
-export declare const MobileLogoStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultMobileLogoStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const MobileLogoStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultMobileLogoStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -28,7 +28,7 @@ export interface SettingsGroupProps {
 }
 export interface SettingsPageProps {
     id?: string;
-    title: string;
+    title?: string;
     icon?: IconProps;
     children: React.ReactNode;
 }
@@ -38,8 +38,6 @@ export interface SettingsSectionProps {
     header?: React.ReactNode;
     children: React.ReactNode;
     withBadge?: boolean;
-    showTitle?: boolean;
-    onlyChild?: boolean;
 }
 export interface SettingsItemProps {
     id?: string;

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

@@ -0,0 +1,5 @@
+import type { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const ViewMobile: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import './SettingsDemo.scss';
+export interface DemoProps {
+    title: string;
+}
+export interface DemoRowProps {
+    title: string;
+}
+export declare const SettingsComponent: React.MemoExoticComponent<({ initialPage, withBadge, onClose, }: {
+    initialPage?: string;
+    withBadge?: boolean;
+    onClose: () => void;
+}) => React.JSX.Element>;
+export declare function SettingsDemo(): React.JSX.Element;