@max-ts/components 0.4.0 → 0.5.1

package/lib/components/ActionGroup/SecondaryActions/SecondaryActions.d.ts

@@ -1,6 +1,6 @@
 import { ElementType } from 'react';
 import { ListItemButtonProps, TooltipProps } from '../..';
-export type SecondaryAction<TSecondaryActionComponent extends ElementType> = Omit<ListItemButtonProps<TSecondaryActionComponent>, 'children'> & {
+export type SecondaryAction<TSecondaryActionComponent extends ElementType> = ListItemButtonProps<TSecondaryActionComponent> & {
     /**
      * Название действия
      */

package/lib/components/Alert/Alert.d.ts

@@ -0,0 +1,31 @@
+import { AlertProps as MuiAlertProps } from '@mui/material';
+import { ReactNode } from 'react';
+import { WithoutEmotionSpecific } from '../types';
+import { AlertSeverity } from './types';
+export type AlertProps = Omit<WithoutEmotionSpecific<MuiAlertProps>, 'severity' | 'variant' | 'action' | 'color' | 'iconMapping'> & {
+    /**
+     * Тип тоста
+     */
+    severity?: `${AlertSeverity}`;
+    /**
+     * @example <Alert title="Заголовок">Сообщение</Alert>
+     * Заголовок
+     */
+    title?: string;
+    /**
+     * @example <Alert actions={
+     *   <>
+     *     <button>действие 1</button>
+     *     <button>действие 2</button>
+     *   </>
+     * }>Сообщение</Alert>
+     * Используется для отображения набора действий
+     */
+    actions?: ReactNode;
+    /**
+     * @example <Alert display={false}>Сообщение</Alert>
+     * Флаг для отображения/скрытия компонента Alert
+     */
+    isVisible?: boolean;
+};
+export declare const Alert: ({ children, title, closeText, isVisible, actions, onClose, ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Alert';
+export * from './types';

package/lib/components/Alert/styles.d.ts

@@ -0,0 +1,13 @@
+export declare const StyledAlert: import('@emotion/styled').StyledComponent<import('@mui/material').AlertProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const Actions: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledIconButton: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('..').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('..').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & {
+    loading?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/Alert/types.d.ts

@@ -0,0 +1 @@
+export type AlertSeverity = 'info' | 'success' | 'warning' | 'error';

package/lib/components/Avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import { AvatarProps as MuiAvatarProps } from '@mui/material';
+export type AvatarProps = MuiAvatarProps;
+export declare const Avatar: import('react').ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/lib/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './Avatar';

package/lib/components/Avatar/styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledAvatar: import('@emotion/styled').StyledComponent<import('@mui/material').AvatarOwnProps & import('@mui/material').AvatarSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "sx" | "classes" | "className" | "style" | "children" | "variant" | "slots" | "slotProps" | "alt" | "imgProps" | "sizes" | "src" | "srcSet"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/ConfigProvider/ConfigProvider.d.ts

@@ -41,8 +41,6 @@ export type ConfigContextProps = {
     captureException: (error: unknown) => void;
     /**
      * Карта для типовых изображений.
-     * Используется в компонентах ui-kit, где требуется отображение декоративных
-     * img
      */
     imagesMap: ImagesMap;
     /**

package/lib/components/Layout/Header/Header.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { ProductProps, ProfileProps } from '../..';
+export type HeaderProps = {
+    profile?: ProfileProps;
+    product?: ProductProps;
+    children?: ReactNode;
+};
+export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Layout/Header/index.d.ts

@@ -0,0 +1 @@
+export * from './Header';

package/lib/components/{DataGridOld/Head → Layout/Header}/styles.d.ts

@@ -1,4 +1,3 @@
-export declare const StyledHead: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $height: number;
-    $gridTemplateColumns: string;
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    isFocusedMode: boolean;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').HTMLAttributes<HTMLElement> | keyof import('react').ClassAttributes<HTMLElement>>, {}>;

package/lib/components/Layout/Layout.d.ts

@@ -0,0 +1,13 @@
+export type LayoutProps = {
+    children: React.ReactNode;
+    isFocusedMode?: boolean;
+};
+export declare const Layout: {
+    ({ children, isFocusedMode }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+    Header: (props: import('./Header').HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Sidebar: (props: import('./Sidebar').SidebarProps) => import("react/jsx-runtime").JSX.Element;
+    Main: ({ children }: {
+        children: import('react').ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Alert: ({ children, title, closeText, isVisible, actions, onClose, ...props }: import('..').AlertProps) => import("react/jsx-runtime").JSX.Element;
+};

package/lib/components/Layout/LayoutContext/LayoutContext.d.ts

@@ -0,0 +1,6 @@
+export type LayoutContextProps = {
+    isFocusedMode: boolean;
+    collapsedIn: boolean;
+    onToggleSidebar: () => void;
+};
+export declare const LayoutContext: import('react').Context<LayoutContextProps>;

package/lib/components/Layout/LayoutContext/index.d.ts

@@ -0,0 +1 @@
+export * from './LayoutContext';

package/lib/components/Layout/Main/Main.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type MainProps = {
+    children: ReactNode;
+};
+/**
+ * Основной контент приложения
+ */
+export declare const Main: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Layout/Main/index.d.ts

@@ -0,0 +1 @@
+export * from './Main';

package/lib/components/Layout/Main/styles.d.ts

@@ -0,0 +1 @@
+export declare const MainRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/lib/components/Layout/Sidebar/Sidebar.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { NavMenuProps } from '../..';
+export type SidebarProps = {
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Пропс для передачи контента в заголовок сайдбара
+     * @example <Sidebar header={<SidebarButton />>} >
+     */
+    header?: ReactNode;
+    /**
+     * Описание меню
+     */
+    menu: {
+        /**
+         * Пункты меню
+         */
+        items: NavMenuProps['items'];
+    };
+};
+/**
+ * Основной sidebar приложения
+ */
+export declare const Sidebar: (props: SidebarProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Layout/Sidebar/SidebarNav/SidebarNav.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+export type SidebarNavProps = {
+    menu: ReactElement;
+};
+export declare const SidebarNav: (props: SidebarNavProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Layout/Sidebar/SidebarNav/index.d.ts

@@ -0,0 +1 @@
+export * from './SidebarNav';

package/lib/components/Layout/Sidebar/SidebarNav/styles.d.ts

@@ -0,0 +1 @@
+export declare const Navigation: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/lib/components/Layout/Sidebar/Toggler/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps } from '../../../..';
+export type TogglerButtonProps = ButtonProps<'button'> & {
+    collapsedIn: boolean;
+};
+export declare const ToggleButton: (props: TogglerButtonProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Layout/Sidebar/Toggler/ToggleButton/index.d.ts

@@ -0,0 +1 @@
+export * from './ToggleButton';

package/lib/components/Layout/Sidebar/Toggler/ToggleButton/styles.d.ts

@@ -0,0 +1,10 @@
+export declare const TogglerButtonRoot: import('@emotion/styled').StyledComponent<Omit<import('../../../../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('../../../..').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../../../..').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const TogglerIconWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Layout/Sidebar/Toggler/Toggler.d.ts

@@ -0,0 +1,5 @@
+export type TogglerProps = {
+    collapsedIn: boolean;
+    onToggle: () => void;
+};
+export declare const Toggler: (props: TogglerProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Layout/Sidebar/Toggler/index.d.ts

@@ -0,0 +1 @@
+export * from './Toggler';

package/lib/components/Layout/Sidebar/Toggler/styles.d.ts

@@ -0,0 +1,12 @@
+export declare const TogglerRoot: import('@emotion/styled').StyledComponent<Omit<import('../../../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<"button">>, "color" | "variant"> & {
+    variant?: `${import('../../..').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../../..').ButtonColors}`;
+    component?: "button" | undefined;
+    selected?: boolean;
+} & {
+    collapsedIn: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const TogglerContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/lib/components/Layout/Sidebar/constants.d.ts

@@ -0,0 +1 @@
+export declare const LAYOUT_SIDEBAR_CLASSNAME = "layout-sidebar";

package/lib/components/Layout/Sidebar/index.d.ts

@@ -0,0 +1 @@
+export * from './Sidebar';

package/lib/components/Layout/Sidebar/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const SidebarRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $collapsedIn: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const SidebarHeader: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const SidebarContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SidebarFooter: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/lib/components/Layout/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const HEADER_HEIGHT = "60px";
+export declare const LAYOUT_CLASSNAME = "app-layout";
+export declare const LOCAL_STORAGE_KEY = "sidebar::collapsedIn";

package/lib/components/Layout/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useSidebar';

package/lib/components/Layout/hooks/useSidebar/index.d.ts

@@ -0,0 +1 @@
+export * from './useSidebar';

package/lib/components/Layout/hooks/useSidebar/useSidebar.d.ts

@@ -0,0 +1,7 @@
+type ReturnedSidebarHook = {
+    collapsedIn: boolean;
+    onToggleSidebar: () => void;
+};
+type UseSidebarHook = (localStorageKey: string, isFocusedMode: boolean) => ReturnedSidebarHook;
+export declare const useSidebar: UseSidebarHook;
+export {};

package/lib/components/Layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Layout';
+export * from './LayoutContext';
+export type { SidebarProps } from './Sidebar';

package/lib/components/Layout/styles.d.ts

@@ -0,0 +1,5 @@
+import { Alert } from '../Alert';
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    isFocusedMode: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledAlert: typeof Alert;

package/lib/components/ListItemButton/ListItemButton.d.ts

@@ -1,8 +1,8 @@
-import { ListItemButtonTypeMap, ListItemButtonProps as MuiListItemButtonProps } from '@mui/material';
+import { ListItemButtonProps as MuiListItemButtonProps } from '@mui/material';
 import { ElementType } from 'react';
 import { TooltipProps } from '../Tooltip';
 import { WithoutEmotionSpecific } from '../types';
-export type ListItemButtonProps<RootComponent extends React.ElementType = ListItemButtonTypeMap['defaultComponent']> = Omit<WithoutEmotionSpecific<MuiListItemButtonProps<RootComponent>>, 'disableRipple'> & {
+export type ListItemButtonProps<RootComponent extends React.ElementType> = Omit<WithoutEmotionSpecific<MuiListItemButtonProps<RootComponent>>, 'disableRipple'> & {
     tooltipPlacement?: TooltipProps['placement'];
     /**
      * Текст тултипа при заблокированном состоянии элемента меню
@@ -12,10 +12,10 @@ export type ListItemButtonProps<RootComponent extends React.ElementType = ListIt
      * Текст тултипа при наведении на элемент меню
      */
     note?: string;
-    component?: ElementType;
     /**
      * withoutContainer необходим для обратной совместимости и рендерит компонент без тега li
      */
     withoutContainer?: boolean;
+    component?: RootComponent;
 };
-export declare const ListItemButton: <RootComponent extends React.ElementType = "div">(props: ListItemButtonProps<RootComponent>) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemButton: <RootComponent extends React.ElementType = ElementType>(props: ListItemButtonProps<RootComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/NavMenu/Item/ItemButton/styles.d.ts

@@ -2,8 +2,8 @@ export declare const StyledListItemButton: import('@emotion/styled').StyledCompo
     tooltipPlacement?: import('../../..').TooltipProps["placement"];
     disabledReason?: string;
     note?: string;
-    component?: import('react').ElementType;
     withoutContainer?: boolean;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     $isGroupTitleItem: boolean;
 }, {}, {}>;

package/lib/components/NavMenu/NavMenu.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ElementType } from 'react';
+import { ElementType } from 'react';
 import { ItemProps } from './Item';
 export type NavMenuProps<TComponent extends ElementType = ElementType> = {
     /**
@@ -9,7 +9,7 @@ export type NavMenuProps<TComponent extends ElementType = ElementType> = {
         key: ItemProps['item'][0],
         value: ItemProps['item'][1] & {
             component?: TComponent;
-        } & Omit<ComponentProps<ElementType extends TComponent ? 'button' : TComponent>, ''>
+        }
     ][];
 };
 export declare const NavMenu: <TComponent extends ElementType>(props: NavMenuProps<TComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/PageLayout/Aside/Aside.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type PageAsideProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare const Aside: ({ children, className }: PageAsideProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/PageLayout/Aside/index.d.ts

@@ -0,0 +1 @@
+export * from './Aside';

package/lib/components/PageLayout/Aside/styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/lib/components/PageLayout/Content/Content.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type PageContentProps = {
+    children: ReactNode;
+    /**
+     * Флаг, растягивающий контейнер на 100% высоты
+     */
+    isFullHeight?: boolean;
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+};
+export declare const Content: (props: PageContentProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/PageLayout/Content/index.d.ts

@@ -0,0 +1 @@
+export * from './Content';

package/lib/components/PageLayout/Content/styles.d.ts

@@ -0,0 +1,5 @@
+type PageContentWrapperProps = {
+    $isFullHeight?: boolean;
+};
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & PageContentWrapperProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export {};

package/lib/components/PageLayout/Footer/Footer.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type PageLayoutFooterProps = {
+    className?: string;
+    children: ReactNode;
+};
+export declare const Footer: (props: PageLayoutFooterProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/PageLayout/Footer/index.d.ts

@@ -0,0 +1 @@
+export * from './Footer';

package/lib/components/PageLayout/Footer/styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/lib/components/PageLayout/Header/Header.d.ts

@@ -0,0 +1,66 @@
+import { ElementType, ReactNode } from 'react';
+import { ActionGroupProps } from '../../ActionGroup';
+import { ButtonProps } from '../../Button';
+import { Theme } from '../../../theme';
+export type PageHeaderProps<TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType, TBackButtonComponent extends ElementType = ElementType> = {
+    /**
+     * Заголовок страницы
+     * @example <PageHeader title="Заголовок страницы" />
+     */
+    title: ReactNode;
+    /**
+     * Описание страницы
+     * @example <PageHeader description="Описание страницы" />
+     */
+    description?: ReactNode;
+    /**
+     * Набор компонент, отображаемый в нижней части блока
+     * @example <PageHeader subheader={<TextField placeholder="Поиск на странице..." size="small" />} />
+     */
+    subheader?: ReactNode;
+    /**
+     * Хлебные крошки
+     * @example <PageHeader breadcrumbs={
+     *  [
+     *    <Link>Первая ссылка</Link>,
+     *    <Link>Вторая ссылка</Link>,
+     *    <>Текст</>,
+     *  ]
+     * } />
+     */
+    breadcrumbs?: ReactNode[];
+    /**
+     * Набор кнопок, видимые конфигурируются через объект main, скрытые в меню - через secondary
+     * @example <PageHeader actions={{
+     *  main: [
+     *    {
+     *      text: 'Основное действие',
+     *    },
+     *  ],
+     *  secondary: [
+     *    {
+     *      text: 'Вспомогательное действие',
+     *    },
+     *  ]
+     * }} />
+     */
+    actions?: ActionGroupProps<TMainActionComponent, TSecondaryActionComponent>;
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Кнопка возврата на предыдущий экран
+     * @example
+     * <PageHeader
+     *  backButton={{
+     *    onClick: () => {},
+     *  }}
+     * />
+     */
+    backButton?: Omit<ButtonProps<TBackButtonComponent>, 'children' | 'variant'> & {
+        component?: TBackButtonComponent;
+        theme?: Theme | undefined;
+    };
+};
+export declare const Header: <TMainActionComponent extends ElementType, TSecondaryActionComponent extends ElementType, TBackButtonComponent extends ElementType>(props: PageHeaderProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/PageLayout/Header/index.d.ts

@@ -0,0 +1 @@
+export * from './Header';

package/lib/components/PageLayout/Header/styles.d.ts

@@ -0,0 +1,45 @@
+import { ActionGroup } from '../../ActionGroup';
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const StyledBreadcrumbs: import('@emotion/styled').StyledComponent<import('@mui/material').BreadcrumbsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "sx" | "classes" | "className" | "style" | "children" | "separator" | "slots" | "slotProps" | "expandText" | "itemsAfterCollapse" | "itemsBeforeCollapse" | "maxItems"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const BackButton: import('@emotion/styled').StyledComponent<Omit<import('../../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('../..').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../..').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & {
+    loading?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const PageSubheader: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Description: import('@emotion/styled').StyledComponent<{
+    children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+} & {
+    color?: import('../../Typography').TypographyColor;
+    variant?: import('../../Typography').TypographyVariant;
+    colorIntensity?: import('../../Typography').Intensity;
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
+    isUpperCase?: boolean;
+} & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const Title: import('@emotion/styled').StyledComponent<{
+    children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+} & {
+    color?: import('../../Typography').TypographyColor;
+    variant?: import('../../Typography').TypographyVariant;
+    colorIntensity?: import('../../Typography').Intensity;
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
+    isUpperCase?: boolean;
+} & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const Actions: typeof ActionGroup;
+export declare const MobileWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/PageLayout/PageLayout.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type PageLayoutProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare const PageLayout: {
+    ({ children, className }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
+    Header: <TMainActionComponent extends import('react').ElementType, TSecondaryActionComponent extends import('react').ElementType, TBackButtonComponent extends import('react').ElementType>(props: import('./Header').PageHeaderProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>) => import("react/jsx-runtime").JSX.Element;
+    Content: (props: import('./Content').PageContentProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: (props: import('./Footer').PageLayoutFooterProps) => import("react/jsx-runtime").JSX.Element;
+    Aside: ({ children, className }: import('./Aside').PageAsideProps) => import("react/jsx-runtime").JSX.Element;
+};

package/lib/components/PageLayout/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const PAGE_CONTENT_WRAPPER_CLASSNAME = "page-content__wrapper";
+export declare const PAGE_CONTENT_CLASSNAME = "page-content";
+export declare const PAGE_HEADER_ACTIONS_CLASSNAME = "page_header_actions";
+export declare const PAGE_HEADER_CLASSNAME = "page_header";
+export declare const PAGE_ASIDE_CLASSNAME = "page_aside";

package/lib/components/PageLayout/index.d.ts

@@ -0,0 +1 @@
+export * from './PageLayout';

package/lib/components/PageLayout/styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Product/Product.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from '../Button';
+export type ProductProps = ButtonProps<'button'> & {
+    logo: () => React.ReactNode;
+    name: string;
+};
+export declare const Product: (props: ProductProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Product/index.d.ts

@@ -0,0 +1 @@
+export * from './Product';

package/lib/components/Product/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const StyledButton: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('../Button').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../Button').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/Profile/MenuList/MenuList.d.ts

@@ -0,0 +1,10 @@
+import { MenuProps as MuiMenuProps } from '@mui/material';
+import { ProfileMenuItemData } from '../Profile';
+type MenuListProps = MuiMenuProps & {
+    menuList?: Array<ProfileMenuItemData>;
+};
+/**
+ * Компонент для рендера menu с помощью массива данных
+ */
+export declare const MenuList: (props: MenuListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Profile/MenuList/index.d.ts

@@ -0,0 +1 @@
+export * from './MenuList';