@gravity-ui/navigation 4.0.3 → 4.0.5

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

@@ -1,5 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { DOMProps, QAProps } from '@gravity-ui/uikit';
+import './ActionBar.scss';
 export type Props = DOMProps & QAProps & PropsWithChildren<{
     'aria-label'?: string;
 }>;

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

@@ -1,6 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import { DOMProps, QAProps } from '@gravity-ui/uikit';
 import { PropsWithPull } from '../types';
+import './ActionBarGroup.scss';
 export type Props = DOMProps & QAProps & PropsWithChildren<PropsWithPull<{
     stretchContainer?: boolean;
 }>>;

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

@@ -1,6 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import { DOMProps, QAProps } from '@gravity-ui/uikit';
 import { PropsWithPull } from '../types';
+import './ActionBarItem.scss';
 export type Props = DOMProps & QAProps & PropsWithChildren<PropsWithPull<{
     spacing?: boolean;
 }>>;

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

@@ -1,5 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { DOMProps, QAProps } from '@gravity-ui/uikit';
+import './ActionBarSection.scss';
 export type Props = DOMProps & QAProps & PropsWithChildren<{
     type?: 'primary' | 'secondary';
 }>;

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

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

package/build/{esm/components/AsideHeader → cjs}/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { AsideHeaderItem } from 'src/components/AsideHeader/types';
+import { MenuItem } from '../../types';
+import './AllPagesListItem.scss';
 interface AllPagesListItemProps {
-    item: AsideHeaderItem;
+    item: MenuItem;
     editMode?: boolean;
     enableSorting?: boolean;
     onToggle: () => void;

package/build/{esm/components/AsideHeader → cjs}/components/AllPagesPanel/AllPagesPanel.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './AllPagesPanel.scss';
 interface AllPagesPanelProps {
     className?: string;
     startEditIcon?: React.ReactNode;

package/build/cjs/components/AllPagesPanel/constants.d.ts

@@ -0,0 +1,3 @@
+import { MenuItem } from '../types';
+export declare const ALL_PAGES_ID: "all-pages";
+export declare function getAllPagesMenuItem(): MenuItem;

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

@@ -0,0 +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) => 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/AllPagesPanel/useGroupedMenuItems.d.ts

@@ -0,0 +1,4 @@
+import { MenuItem } from '../types';
+export declare const useGroupedMenuItems: (items: MenuItem[]) => {
+    [key: string]: MenuItem[];
+};

package/build/cjs/components/AllPagesPanel/useVisibleMenuItems.d.ts

@@ -0,0 +1,2 @@
+import { MenuItem } from '../types';
+export declare const useVisibleMenuItems: () => MenuItem[];

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

@@ -1,10 +1,11 @@
 import React from 'react';
-import { AsideHeaderInnerProps, AsideHeaderItem } from './types';
+import { MenuItem } from '../types';
+import { AsideHeaderInnerProps } from './types';
 export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
-    menuItems: AsideHeaderItem[];
-    defaultMenuItems?: AsideHeaderItem[];
+    menuItems: MenuItem[];
+    defaultMenuItems?: MenuItem[];
     allPagesIsAvailable: boolean;
-    onItemClick: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onItemClick: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 export declare const AsideHeaderInnerContextProvider: React.Provider<AsideHeaderInnerContextType | undefined>;
 export declare const useAsideHeaderInnerContext: () => AsideHeaderInnerContextType;

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

@@ -10,4 +10,4 @@ export declare const DEFAULT_LOGO: {
     onClick: () => void;
     'aria-label': string;
 };
-export declare const menuItemsClamped: import("..").AsideHeaderItem[];
+export declare const menuItemsClamped: import("../..").MenuItem[];

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import './CollapseButton.scss';
 interface CollapseButtonProps {
     className?: string;
 }

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

@@ -1,6 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import { ContentProps } from '../../../Content';
 import { LayoutProps } from '../../types';
+import '../../AsideHeader.scss';
 export interface PageLayoutProps extends PropsWithChildren<LayoutProps> {
 }
 declare const PageLayout: (({ compact, className, children, topAlert }: PageLayoutProps) => React.JSX.Element) & {

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

@@ -1,12 +1,4 @@
 declare const _default: ((key: "button_collapse" | "button_expand" | "label_more", params?: import("@gravity-ui/i18n").Params) => string) & {
-    Translation: import("react").ComponentType<{
-        children: (props: {
-            t: (key: "button_collapse" | "button_expand" | "label_more", params?: import("@gravity-ui/i18n").Params) => string;
-        }) => React.ReactNode;
-    }>;
-    useTranslation: () => {
-        t: (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>;
     };

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

@@ -1,11 +1,9 @@
 import * as React from 'react';
-import { DrawerProps, PopupProps, QAProps } from '@gravity-ui/uikit';
+import { QAProps } from '@gravity-ui/uikit';
 import { RenderContentType } from '../Content';
-import { LogoProps, MenuItem, OpenModalSubscriber, TopAlertProps } from '../types';
+import { DrawerItemProps } from '../Drawer/Drawer';
+import { LogoProps, MenuItem, OpenModalSubscriber, SubheaderMenuItem, TopAlertProps } from '../types';
 import { AsideHeaderContextType } from './AsideHeaderContext';
-export interface PanelItemProps extends DrawerProps {
-    id: string;
-}
 export interface LayoutProps {
     compact: boolean;
     className?: string;
@@ -13,10 +11,10 @@ export interface LayoutProps {
 }
 interface EditMenuProps {
     onOpenEditMode?: () => void;
-    onToggleMenuItem?: (changedItem: AsideHeaderItem) => void;
+    onToggleMenuItem?: (changedItem: MenuItem) => void;
     onResetSettingsToDefault?: () => void;
     enableSorting?: boolean;
-    onChangeItemsOrder?: (changedItem: AsideHeaderItem, oldIndex: number, newIndex: number) => void;
+    onChangeItemsOrder?: (changedItem: MenuItem, oldIndex: number, newIndex: number) => void;
 }
 interface AsideHeaderGeneralProps extends QAProps {
     logo?: LogoProps;
@@ -47,11 +45,11 @@ interface AsideHeaderGeneralProps extends QAProps {
     openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;
 }
 interface AsideHeaderDefaultProps {
-    panelItems?: PanelItemProps[];
-    subheaderItems?: AsideHeaderItem[];
-    menuItems?: AsideHeaderItem[];
-    defaultMenuItems?: AsideHeaderItem[];
-    onMenuItemsChanged?: (items: AsideHeaderItem[]) => void;
+    panelItems?: DrawerItemProps[];
+    subheaderItems?: SubheaderMenuItem[];
+    menuItems?: MenuItem[];
+    defaultMenuItems?: MenuItem[];
+    onMenuItemsChanged?: (items: MenuItem[]) => void;
     headerDecoration?: boolean;
 }
 export type AsideHeaderInnerProps = AsideHeaderGeneralProps & AsideHeaderDefaultProps & AsideHeaderContextType;
@@ -60,44 +58,4 @@ export interface AsideHeaderProps extends AsideHeaderGeneralProps, LayoutProps,
 export declare enum InnerPanels {
     AllPages = "all-pages"
 }
-export interface AsideHeaderItem extends MenuItem {
-    enableTooltip?: boolean;
-    onItemClick?: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    bringForward?: boolean;
-    compact?: boolean;
-    /**
-     * @deprecated Use itemWrapper instead for popup functionality
-     */
-    popupVisible?: PopupProps['open'];
-    /**
-     * Floating element anchor ref object
-     *
-     * @deprecated Use itemWrapper instead for popup functionality
-     */
-    popupRef?: React.RefObject<HTMLElement>;
-    /**
-     * @deprecated Use itemWrapper instead for popup functionality
-     */
-    popupPlacement?: PopupProps['placement'];
-    /**
-     * @deprecated Use itemWrapper instead for popup functionality
-     */
-    popupOffset?: PopupProps['offset'];
-    /**
-     * @deprecated Use itemWrapper instead for popup functionality
-     */
-    popupKeepMounted?: PopupProps['keepMounted'];
-    /**
-     * @deprecated Use itemWrapper instead for popup functionality
-     */
-    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 itemWrapper instead for popup functionality
-     */
-    onOpenChangePopup?: PopupProps['onOpenChange'];
-}
 export {};

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

@@ -1,6 +1 @@
-export declare const b: {
-    (): string;
-    (mods?: import("@bem-react/classname").NoStrictEntityMods | null, mix?: string | string[] | undefined): string;
-    (elemName: string, elemMix?: string | string[] | undefined): string;
-    (elemName: string, elemMods?: import("@bem-react/classname").NoStrictEntityMods | null, elemMix?: string | string[] | undefined): string;
-};
+export declare const b: import("@bem-react/classname").ClassNameFormatter;

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

@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { MenuItem, SubheaderMenuItem } from '../types';
+import './CompositeBar.scss';
+export type CompositeBarItem = MenuItem | SubheaderMenuItem;
+type CompositeBarItems = {
+    type: 'menu';
+    items: MenuItem[];
+} | {
+    type: 'subheader';
+    items: SubheaderMenuItem[];
+};
+type CompositeBarProps = CompositeBarItems & {
+    onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    multipleTooltip?: boolean;
+    menuMoreTitle?: string;
+    onMoreClick?: () => void;
+    compositeId?: string;
+};
+export declare const CompositeBar: FC<CompositeBarProps>;
+export {};

package/build/{esm/components/AsideHeader → cjs}/components/CompositeBar/HighlightedItem/HighlightedItem.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './HighlightedItem.scss';
 interface ItemInnerProps {
     iconRef: React.RefObject<HTMLDivElement>;
     iconNode: React.ReactNode;

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import { PopupProps } from '@gravity-ui/uikit';
+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'];
+    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<HTMLElement, MouseEvent>) => void;
+    onItemClickCapture?: (event: React.SyntheticEvent) => void;
+    onCollapseItemClick?: () => void;
+    bringForward?: boolean;
+}
+interface ItemInnerProps extends ItemProps {
+    className?: string;
+    collapseItems?: MenuItem[];
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+}
+export declare const Item: React.FC<ItemInnerProps>;
+export {};

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

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

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

@@ -0,0 +1,12 @@
+import { CompositeBarItem } from '../CompositeBar/CompositeBar';
+import { MenuItem } from './../types';
+export declare function getItemHeight(item: CompositeBarItem): 40 | 50 | 15;
+export declare function getItemsHeight<T extends CompositeBarItem>(items: T[]): number;
+export declare function getSelectedItemIndex(items: MenuItem[]): number | undefined;
+export declare function getItemsMinHeight(items: MenuItem[]): number;
+export declare function getMoreButtonItem(menuMoreTitle?: string): MenuItem;
+export declare function getAutosizeListItems(items: MenuItem[], height: number, collapseItem: MenuItem): {
+    listItems: MenuItem[];
+    collapseItems: MenuItem[];
+};
+export declare function isMenuItem(item: CompositeBarItem): item is MenuItem;

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

@@ -0,0 +1,87 @@
+import React from 'react';
+import { type DrawerDirection, type OnResizeContinueHandler, type OnResizeHandler } from './utils';
+import './Drawer.scss';
+export interface DrawerItemProps {
+    /** Unique identifier for the drawer item. */
+    id: string;
+    /**
+     * Content to be displayed within the drawer item.
+     * @deprecated Use `children` instead.
+     */
+    content?: React.ReactNode;
+    /** Content to be displayed within the drawer item, preferable over the deprecated `content`. */
+    children?: React.ReactNode;
+    /** Determines whether the drawer item is visible or hidden. */
+    visible: boolean;
+    /** Specifies the direction from which the drawer should slide in, `left` by default.
+     * @default left
+     */
+    direction?: DrawerDirection;
+    /** Additional custom class name applied to the drawer item. */
+    className?: string;
+    /** Determines whether the drawer item can be resized */
+    resizable?: boolean;
+    /**
+     * The width of the resizable drawer item.
+     * If not provided, the width will be stored internally.
+     */
+    width?: number;
+    /** Called at the start of resizing. */
+    onResizeStart?: VoidFunction;
+    /**
+     * Called at the end of resizing. Can be used to save the new width.
+     * @param width The new width of the drawer item
+     * @param event The original event
+     */
+    onResize?: OnResizeHandler;
+    /**
+     * Callback function called each time when the drawer item is resizing.
+     * Do not use it to store the new width for DrawerItem `width` prop. Use `onResize` instead.
+     * @param width The new width of the drawer item
+     */
+    onResizeContinue?: OnResizeContinueHandler;
+    /** The minimum width of the resizable drawer item */
+    minResizeWidth?: number;
+    /** The maximum width of the resizable drawer item */
+    maxResizeWidth?: number;
+    /**
+     * Keep child components mounted when closed, prioritized over Drawer.keepMounted property
+     * @default false
+     * */
+    keepMounted?: boolean;
+    /** Optional inline styles to be applied to the DrawerItem component. */
+    style?: React.CSSProperties;
+}
+export declare const DrawerItem: React.ForwardRefExoticComponent<DrawerItemProps & React.RefAttributes<HTMLDivElement>>;
+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 additional class names to style the drawer component. */
+    className?: string;
+    /** Optional inline styles to be applied to the drawer component. */
+    style?: React.CSSProperties;
+    /** Optional additional class names to style the background veil element. */
+    veilClassName?: string;
+    /** Optional callback function that is called when the veil (overlay) is clicked. */
+    onVeilClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    /** Optional callback function that is called when the escape key is pressed if the drawer is open. */
+    onEscape?: (event: KeyboardEvent) => void;
+    /** Optional flag to hide the background darkening */
+    hideVeil?: boolean;
+    /** Optional flag to doesn't use `Portal` for drawer */
+    disablePortal?: boolean;
+    /**
+     * Keep child components mounted when closed
+     * @default false
+     * */
+    keepMounted?: boolean;
+    /**
+     * Whether to lock page scroll when drawer is open.
+     * Applied only when hideVeil=true and disablePortal=false.
+     * @default false
+     */
+    scrollLock?: boolean;
+}
+export declare const Drawer: React.FC<DrawerProps>;
+export {};

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,9 @@
+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>;
+export declare const ScrollLock: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const UsePortal: 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__/ScrollLock.d.ts

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import './UsePortal.scss';
+export declare function UsePortalShowcase(): 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

@@ -0,0 +1,2 @@
+import * as DefaultDrawerStories from '../__stories__/Drawer.stories';
+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/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Drawer';
+export type { DrawerDirection } from './utils';

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export type DrawerDirection = 'right' | 'left' | 'top' | 'bottom';
+export type OnResizeHandler = (width: number, event: MouseEvent | TouchEvent) => void;
+export type OnResizeContinueHandler = (width: number) => void;
+export declare function useScrollLock(enabled: boolean): void;
+interface UseResizableDrawerItemParams {
+    direction?: DrawerDirection;
+    width?: number;
+    minResizeWidth?: number;
+    maxResizeWidth?: number;
+    onResizeStart?: VoidFunction;
+    onResize?: OnResizeHandler;
+    onResizeContinue?: OnResizeContinueHandler;
+}
+export declare function useResizableDrawerItem(params: UseResizableDrawerItemParams): {
+    resizedWidth: number;
+    resizerHandlers: {
+        onMouseDown: (e: React.MouseEvent | React.TouchEvent) => void;
+        onTouchStart: (e: React.MouseEvent | React.TouchEvent) => void;
+    };
+    isResizing: boolean;
+};
+export {};

package/build/cjs/components/Footer/MenuItem/MenuItem.d.ts

@@ -1,5 +1,6 @@
 import type { FC } from 'react';
 import { FooterMenuItem } from '../types';
+import './MenuItem.scss';
 type MenuItemProps = FooterMenuItem;
 export declare const MenuItem: FC<MenuItemProps>;
 export {};

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

@@ -1,3 +1,4 @@
 import type { FC } from 'react';
 import { FooterProps } from '../types';
+import './Footer.scss';
 export declare const Footer: FC<FooterProps>;

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

@@ -1,3 +1,4 @@
 import type { FC } from 'react';
 import { FooterProps } from '../types';
+import './Footer.scss';
 export declare const MobileFooter: FC<FooterProps>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ItemProps } from '../CompositeBar/Item/Item';
+import './FooterItem.scss';
+export interface FooterItemProps extends Omit<ItemProps, 'onItemClick' | 'onItemClickCapture'> {
+    compact: boolean;
+}
+export declare const FooterItem: React.FC<FooterItemProps>;

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

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

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { LogoProps } from '../types';
+import './Logo.scss';
 export declare const Logo: React.FC<LogoProps & {
     compact?: boolean;
     buttonClassName?: string;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import './Burger.scss';
 interface BurgerProps {
     closeTitle: string;
     openTitle: string;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { MobileMenuItem } from '../../types';
+import './BurgerCompositeBar.scss';
 interface BurgerCompositeBarProps {
     items: MobileMenuItem[];
     onItemClick?: (item: MobileMenuItem) => void;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { MobileMenuItem, ModalItem } from '../types';
+import './BurgerMenu.scss';
 export interface BurgerMenuInnerProps {
     items?: MobileMenuItem[];
     modalItem?: ModalItem;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { IconProps } from '@gravity-ui/uikit';
 import { ModalItem } from '../types';
+import './FooterItem.scss';
 export interface FooterItemProps {
     icon?: IconProps['data'];
     iconSize?: string | number;

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

@@ -1,24 +1,27 @@
 import React from 'react';
-import { PanelItemProps } from '../AsideHeader';
 import { RenderContentType } from '../Content';
+import { DrawerItemProps } from '../Drawer/Drawer';
 import { LogoProps, TopAlertProps } from '../types';
 import { BurgerMenuInnerProps } from './BurgerMenu/BurgerMenu';
 import { OverlapPanelProps as CommonOverlapPanelProps } from './OverlapPanel/OverlapPanel';
 import { MobileHeaderEvent } from './types';
+import './MobileHeader.scss';
 interface BurgerMenuProps extends Omit<BurgerMenuInnerProps, 'renderFooter'> {
     renderFooter?: (data: {
         size: number;
         isCompact: boolean;
     }) => React.ReactNode;
 }
-type OverlapPanelProps = Omit<CommonOverlapPanelProps, 'onClose' | 'open'>;
+type OverlapPanelProps = Omit<CommonOverlapPanelProps, 'onClose' | 'visible'>;
+interface PanelItem extends Omit<DrawerItemProps, 'visible'> {
+}
 export interface MobileHeaderProps {
     logo: LogoProps;
     burgerMenu: BurgerMenuProps;
     overlapPanel?: OverlapPanelProps;
     burgerCloseTitle?: string;
     burgerOpenTitle?: string;
-    panelItems?: PanelItemProps[];
+    panelItems?: PanelItem[];
     topAlert?: TopAlertProps;
     renderContent?: RenderContentType;
     sideItemRenderContent?: RenderContentType;