@astral/ui 1.39.3 → 1.40.0

package/esm/PageHeader/PageHeaderDashboardStory.js

@@ -0,0 +1,281 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AddOutlineMd, CompanyOutlineMd, EyeFillMd, ProfileOutlineMd, QuitOutlineMd, SearchOutlineMd, SendOutlineMd, SettingsFillMd, } from '@astral/icons';
+import { Box, Stack } from '@mui/material';
+import { Fragment, useState } from 'react';
+import { ActionCell } from '../ActionCell';
+import { DashboardLayout } from '../DashboardLayout';
+import { DataGrid } from '../DataGrid';
+import { DataGridPagination } from '../DataGridPagination';
+import { Divider } from '../Divider';
+import { ListItemIcon } from '../ListItemIcon';
+import { ListItemText } from '../ListItemText';
+import { Menu } from '../Menu';
+import { MenuItem } from '../MenuItem';
+import { PageLayout } from '../PageLayout';
+import { ProductSwitcher } from '../ProductSwitcher';
+import { handleGetProducts } from '../ProductSwitcher/ProductSwitcher.stories';
+import { Select } from '../Select';
+import { TextField } from '../TextField';
+const ACTIONS = {
+    main: [
+        {
+            icon: _jsx(EyeFillMd, {}),
+            name: 'Просмотреть',
+            onClick: () => console.log('main'),
+        },
+        {
+            icon: _jsx(SendOutlineMd, {}),
+            nested: true,
+            name: 'Отправить',
+            actions: [
+                { name: 'Туда', onClick: () => console.log('nested 1') },
+                { name: 'Сюда', onClick: () => console.log('nested 2') },
+            ],
+        },
+    ],
+    secondary: [
+        { name: 'Редактировать', onClick: () => console.log('secondary 1') },
+        { name: 'Удалить', onClick: () => console.log('secondary 2') },
+    ],
+};
+const data = [
+    {
+        id: '1',
+        documentName: 'Документ 1',
+        direction: 'ФНС',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '2',
+        documentName: 'Документ 2',
+        direction: 'ФСС',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '3',
+        documentName: 'Документ 3',
+        direction: 'ПФР',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '4',
+        documentName: 'Документ 4',
+        direction: 'РПН',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '5',
+        documentName: 'Документ 5',
+        direction: 'ФНС',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '6',
+        documentName: 'Документ 6',
+        direction: 'РПН',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '7',
+        documentName: 'Документ 7',
+        direction: 'ПФР',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '8',
+        documentName: 'Документ 8',
+        direction: 'ФНС',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '9',
+        documentName: 'Документ 9',
+        direction: 'ФНС',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '10',
+        documentName: 'Документ 10',
+        direction: 'ФСС',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '11',
+        documentName: 'Документ 11',
+        direction: 'ФНС',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '12',
+        documentName: 'Документ 12',
+        direction: 'РПН',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '13',
+        documentName: 'Документ 13',
+        direction: 'ФНС',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '15',
+        documentName: 'Документ 14',
+        direction: 'ФСС',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '14',
+        documentName: 'Документ 15',
+        direction: 'ФНС',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+    {
+        id: '16',
+        documentName: 'Документ 12',
+        direction: 'РПН',
+        createDate: '2022-03-24T17:50:40.206Z',
+    },
+];
+const columns = [
+    {
+        field: 'documentName',
+        label: 'Наименование документа',
+        sortable: true,
+    },
+    {
+        field: 'direction',
+        label: 'Направление',
+        sortable: true,
+    },
+    {
+        field: 'createDate',
+        label: 'Дата создания',
+        sortable: true,
+        format: ({ createDate }) => new Date(createDate).toLocaleDateString(),
+    },
+    {
+        label: 'Действия',
+        sortable: false,
+        align: 'center',
+        width: '1%',
+        renderCell: (row) => _jsx(ActionCell, { actions: ACTIONS, row: row }),
+    },
+];
+export const PageHeaderDashboardStory = () => {
+    const [selected, setSelected] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [slicedData, setSlicedData] = useState(data.slice(0, 10));
+    const [page, setPage] = useState(1);
+    const header = {
+        productSwitcher() {
+            return (_jsx(Box, { children: _jsx(ProductSwitcher, { getProducts: handleGetProducts }) }));
+        },
+        product: {
+            name: 'Астрал.ЭДО',
+            logo() {
+                return (_jsxs("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M6.5 6.10352e-05C5.1195 6.10352e-05 4 1.11956 4 2.50006V3.00006H13.75C15.545 3.00006 17 4.45506 17 6.25006V11.2501C17 12.2166 16.2165 13.0001 15.25 13.0001H8.75C7.7835 13.0001 7 12.2166 7 11.2501V8.00006H5C4.4475 8.00006 4 8.44756 4 9.00006V13.5001C4 14.8806 5.1195 16.0001 6.5 16.0001H17.5C18.8805 16.0001 20 14.8806 20 13.5001V2.50006C20 1.11956 18.8805 6.10352e-05 17.5 6.10352e-05H6.5Z", fill: "#8566FF" }), _jsx("path", { d: "M2.5 4.00006C1.1195 4.00006 0 5.11956 0 6.50006V17.5001C0 18.8806 1.1195 20.0001 2.5 20.0001H13.5C14.8805 20.0001 16 18.8806 16 17.5001V17.0001H6.25C4.455 17.0001 3 15.5451 3 13.7501V8.75006C3 7.78356 3.7835 7.00006 4.75 7.00006H11.25C12.2165 7.00006 13 7.78356 13 8.75006V12.0001H15C15.5525 12.0001 16 11.5526 16 11.0001V6.50006C16 5.11956 14.8805 4.00006 13.5 4.00006H2.5Z", fill: "#5D3FD4" })] })));
+            },
+        },
+        profile: {
+            displayName: 'Григорьев Виталий',
+            annotation: 'vitatiy_grig@mail.ru',
+            avatar: {
+                alt: 'Григорьев Виталий',
+                children: 'ГВ',
+            },
+            menu(props) {
+                return (_jsxs(Menu, Object.assign({}, props, { children: [_jsxs(MenuItem, { children: [_jsx(ListItemIcon, { children: _jsx(ProfileOutlineMd, {}) }), _jsx(ListItemText, { children: "\u041C\u043E\u0439 \u043F\u0440\u043E\u0444\u0438\u043B\u044C" })] }), _jsxs(MenuItem, { children: [_jsx(ListItemIcon, { children: _jsx(CompanyOutlineMd, {}) }), _jsx(ListItemText, { children: "\u041C\u043E\u0438 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438" })] }), _jsxs(MenuItem, { children: [_jsx(ListItemIcon, { children: _jsx(SettingsFillMd, {}) }), _jsx(ListItemText, { children: "\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438" })] }), _jsx(Divider, {}), _jsxs(MenuItem, { children: [_jsx(ListItemIcon, { children: _jsx(QuitOutlineMd, {}) }), _jsx(ListItemText, { children: "\u0412\u044B\u0439\u0442\u0438" })] })] })));
+            },
+        },
+    };
+    const sidebar = {
+        menu: {
+            items: [
+                [
+                    'documents',
+                    {
+                        icon: _jsx(ProfileOutlineMd, {}),
+                        text: 'Документы',
+                        items: [
+                            [
+                                'incoming-documents',
+                                {
+                                    text: 'Входящие документы',
+                                    active: true,
+                                },
+                            ],
+                            [
+                                'outgoing-documents',
+                                {
+                                    text: 'Исходящие документы',
+                                    active: false,
+                                },
+                            ],
+                        ],
+                    },
+                ],
+                [
+                    'counterparties',
+                    {
+                        icon: _jsx(ProfileOutlineMd, {}),
+                        text: 'Контрагенты',
+                        items: [
+                            [
+                                'invitations',
+                                {
+                                    text: 'Приглашения',
+                                    active: false,
+                                },
+                            ],
+                        ],
+                    },
+                ],
+                [
+                    'organizations',
+                    {
+                        icon: _jsx(CompanyOutlineMd, {}),
+                        text: 'Мои организации',
+                        active: true,
+                    },
+                ],
+            ],
+        },
+    };
+    const handleChangePage = (_event, newPage) => {
+        setLoading(true);
+        setPage(newPage);
+        setTimeout(() => {
+            setLoading(false);
+            setSlicedData(data.slice((newPage - 1) * 10, newPage * 10));
+        }, 1500);
+    };
+    const handleSelect = (rows) => setSelected(rows);
+    const handleRowClick = (row) => console.log('row clicked', row);
+    return (_jsxs(DashboardLayout, { children: [_jsx(DashboardLayout.Header, Object.assign({}, header)), _jsx(DashboardLayout.Sidebar, Object.assign({}, sidebar)), _jsx(DashboardLayout.Main, { children: _jsx(PageLayout, { header: {
+                        title: 'Черновики',
+                        breadcrumbs: [
+                            _jsx(Fragment, { children: "\u041F\u0435\u0440\u0432\u044B\u0439 \u0442\u0435\u043A\u0441\u0442" }, "1"),
+                            _jsx(Fragment, { children: "\u0422\u0435\u043A\u0441\u0442 \u0441 \u0440\u0430\u0437\u0434\u0435\u043B\u0438\u0442\u0435\u043B\u0435\u043C" }, "2"),
+                            _jsx(Fragment, { children: "\u0422\u0435\u043A\u0441\u0442 \u0441 \u0440\u0430\u0437\u0434\u0435\u043B\u0438\u0442\u0435\u043B\u0435\u043C" }, "3"),
+                        ],
+                        actions: {
+                            main: [
+                                {
+                                    text: 'Основное действие',
+                                    startIcon: _jsx(AddOutlineMd, {}),
+                                },
+                            ],
+                            secondary: [
+                                {
+                                    text: 'Кнопка',
+                                },
+                            ],
+                        },
+                        subheader: (_jsxs(Stack, Object.assign({ flexDirection: "row", flexWrap: "wrap", gap: 2 }, { children: [_jsx(TextField, { placeholder: "\u041F\u043E\u0438\u0441\u043A \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435...", size: "small", InputProps: {
+                                        startAdornment: _jsx(SearchOutlineMd, {}),
+                                    } }), _jsx(Select, { value: "", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442", size: "small" }), _jsx(Select, { value: "", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442", size: "small" })] }))),
+                    }, content: {
+                        children: (_jsx(DataGrid, { keyId: "id", rows: slicedData, columns: columns, selectedRows: selected, onSelectRow: handleSelect, onRowClick: handleRowClick, minDisplayRows: 10, loading: loading, Footer: _jsx(DataGridPagination, { totalCount: data.length, onChange: handleChangePage, page: page }) })),
+                        isPaddingDisabled: false,
+                    } }) })] }));
+};

package/esm/PageHeader/index.d.ts

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

package/esm/PageHeader/index.js

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

package/esm/PageHeader/styles.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+export declare const PageHeaderWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const PageHeaderBreadcrumbs: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").BreadcrumbsClasses> | undefined;
+    expandText?: string | undefined;
+    itemsAfterCollapse?: number | undefined;
+    itemsBeforeCollapse?: number | undefined;
+    maxItems?: number | undefined;
+    separator?: import("react").ReactNode;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "css" | "key" | keyof import("react").HTMLAttributes<HTMLElement>> & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
+}, "sx" | "children" | "separator" | keyof import("@mui/material/OverridableComponent").CommonProps | "expandText" | "itemsAfterCollapse" | "itemsBeforeCollapse" | "maxItems"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const PageHeaderBackButton: import("@emotion/styled").StyledComponent<Pick<import("..").BaseButtonProps, "color" | "translate" | keyof import("@mui/base").ButtonUnstyledOwnProps | "form" | "slot" | "style" | "title" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "variant" | "size" | "selected"> & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const PageSubheader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PageHeaderDescription: import("@emotion/styled").StyledComponent<Pick<import("react").PropsWithChildren<import("../Typography").TypographyProps>, string | number | symbol> & import("react").RefAttributes<HTMLElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const PageHeaderTitle: import("@emotion/styled").StyledComponent<Pick<import("react").PropsWithChildren<import("../Typography").TypographyProps>, string | number | symbol> & import("react").RefAttributes<HTMLElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/esm/PageHeader/styles.js

@@ -0,0 +1,35 @@
+import { styled } from '../styles';
+import { IconButton } from '../IconButton';
+import { Typography } from '../Typography';
+import { Breadcrumbs } from '../Breadcrumbs';
+export const PageHeaderWrapper = styled.header `
+  display: grid;
+  grid-area: header;
+  grid-template:
+    'breadcrumbs breadcrumbs breadcrumbs'
+    'back-btn title actions'
+    'back-btn description description'
+    'sub-header sub-header sub-header' / min-content 1fr auto;
+  padding: ${({ theme }) => theme.spacing(0, 6)};
+`;
+export const PageHeaderBreadcrumbs = styled(Breadcrumbs) `
+  grid-area: breadcrumbs;
+  margin-bottom: ${({ theme }) => theme.spacing(1)};
+`;
+export const PageHeaderBackButton = styled(IconButton) `
+  grid-area: back-btn;
+  margin-right: ${({ theme }) => theme.spacing(2.5)};
+`;
+export const PageSubheader = styled.div `
+  grid-area: sub-header;
+  padding-top: ${({ theme }) => theme.spacing(6)};
+`;
+export const PageHeaderDescription = styled(Typography) `
+  grid-area: description;
+  padding-top: ${({ theme }) => theme.spacing(2)};
+`;
+export const PageHeaderTitle = styled(Typography) `
+  display: flex;
+  grid-area: title;
+  align-items: center;
+`;

package/esm/PageLayout/PageLayout.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { PageAsideProps } from '../PageAside';
+import { PageContentProps } from '../PageContent';
+import { PageHeaderProps } from '../PageHeader';
+export type PageLayoutProps = {
+    /**
+     * @example <PageLayout header={{
+     *  title: 'Заголовок страницы',
+     *  description: 'Описание страницы',
+     * }} />
+     * Конфигурация PageHeader
+     */
+    header: PageHeaderProps;
+    /**
+     * @example <PageLayout content={{
+     *  children: 'Контент страницы',
+     *  isPaddingDisabled: false,
+     * }} />
+     * Конфигурация PageContent
+     */
+    content: Omit<PageContentProps, 'isSeparatorShown'>;
+    /**
+     * @example <PageLayout aside={{
+     *  children: 'Боковая панель страницы',
+     * }} />
+     * Конфигурация PageAside
+     */
+    aside?: PageAsideProps;
+};
+export declare const PageLayout: (props: PageLayoutProps) => JSX.Element;

package/esm/PageLayout/PageLayout.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PageAside } from '../PageAside';
+import { PageContent } from '../PageContent';
+import { PageHeader } from '../PageHeader';
+import { PageLayoutContainer } from '../PageLayoutContainer';
+export const PageLayout = (props) => {
+    const { header, content, aside } = props;
+    const isSeparatorShown = Boolean(aside);
+    return (_jsxs(PageLayoutContainer, { children: [_jsx(PageHeader, Object.assign({}, header)), _jsx(PageContent, Object.assign({ isSeparatorShown: isSeparatorShown }, content)), aside && _jsx(PageAside, Object.assign({}, aside))] }));
+};

package/esm/PageLayout/index.d.ts

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

package/esm/PageLayout/index.js

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

package/esm/PageLayoutContainer/PageLayoutContainer.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export type PageLayoutContainerProps = {
+    children: ReactNode;
+};
+export declare const PageLayoutContainer: ({ children }: PageLayoutContainerProps) => JSX.Element;

package/esm/PageLayoutContainer/PageLayoutContainer.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PageLayoutContainerWrapper } from './styles';
+export const PageLayoutContainer = ({ children }) => (_jsx(PageLayoutContainerWrapper, { children: children }));

package/esm/PageLayoutContainer/index.d.ts

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

package/esm/PageLayoutContainer/index.js

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

package/esm/PageLayoutContainer/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const PageLayoutContainerWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/esm/PageLayoutContainer/styles.js

@@ -0,0 +1,13 @@
+import { styled } from '../styles';
+export const PageLayoutContainerWrapper = styled.div `
+  display: grid;
+  grid-row-gap: ${({ theme }) => theme.spacing(4)};
+  grid-template:
+    'header header' auto
+    'content aside' 1fr
+    / 1fr min-content;
+  height: 100%;
+  padding-top: ${({ theme }) => theme.spacing(6)};
+
+  background-color: ${({ theme }) => theme.palette.common.white};
+`;

package/esm/Pagination/types.d.ts

@@ -1,3 +1,3 @@
 import { PaginationProps as MuiPaginationProps } from '@mui/material';
 import { WithoutEmotionSpecific } from '../types';
-export declare type PaginationProps = Omit<WithoutEmotionSpecific<MuiPaginationProps>, 'shape'>;
+export type PaginationProps = Omit<WithoutEmotionSpecific<MuiPaginationProps>, 'shape'>;

package/esm/Placeholder/Placeholder.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type PlaceholderProps = {
+export type PlaceholderProps = {
     /**
      * Ссылка на изображение
      */

package/esm/Product/Product.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ProductProps } from './types';
-export declare const Product: import("react").ForwardRefExoticComponent<Pick<ProductProps, "disabled" | "action" | "color" | "translate" | "href" | "onFocusVisible" | "tabIndex" | "type" | "children" | "form" | "slot" | "title" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "variant" | "size" | "selected" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon" | "loading" | "loadingIndicator" | "loadingPosition" | "logo"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Product: import("react").ForwardRefExoticComponent<Pick<ProductProps, "disabled" | "action" | "color" | "translate" | "href" | "onFocusVisible" | "tabIndex" | "type" | "children" | "form" | "slot" | "title" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "variant" | "size" | "selected" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon" | "loading" | "loadingIndicator" | "loadingPosition" | "logo"> & import("react").RefAttributes<HTMLButtonElement>>;
 export default Product;

package/esm/Product/types.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { ButtonProps } from '../Button';
-export declare type ProductProps = ButtonProps & {
+export type ProductProps = ButtonProps & {
     logo: (props: PropsWithChildren<{}>) => JSX.Element;
     name: string;
 };

package/esm/ProductSwitcher/ProductSwitcher.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { WidgetProduct } from './types';
-export declare type ProductSwitcherProps = {
+export type ProductSwitcherProps = {
     getProducts: () => Promise<Array<WidgetProduct>>;
 };
 export declare const ProductSwitcher: ({ getProducts }: ProductSwitcherProps) => JSX.Element;

package/esm/ProductSwitcher/ProductSwitcher.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ComponentMeta } from '@storybook/react';
+import { WidgetProduct } from './types';
+declare const _default: ComponentMeta<({ getProducts }: import("./ProductSwitcher").ProductSwitcherProps) => JSX.Element>;
+export default _default;
+export declare const handleReject: () => Promise<WidgetProduct[]>;
+export declare const handleGetProducts: () => Promise<WidgetProduct[]>;
+export declare const Default: () => JSX.Element;

package/esm/ProductSwitcher/ProductSwitcher.stories.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { ExampleTemplate } from '../docs';
+import { Typography } from '../Typography';
+import { Grid } from '../Grid';
+import { DashboardLayout } from '../DashboardLayout';
+import { ProductSwitcher } from './ProductSwitcher';
+export default {
+    title: 'Components/ProductSwitcher',
+    component: ProductSwitcher,
+    excludeStories: ['handleGetProducts', 'handleReject'],
+};
+export const handleReject = () => {
+    return new Promise((_resolve, reject) => reject(''));
+};
+export const handleGetProducts = () => {
+    return new Promise((resolve) => setTimeout(() => resolve([
+        {
+            url: '',
+            name: 'Астрал.Отчет',
+            logoUrl: 'https://identity.astral.ru/api/Files/06a5fb56-210c-4f08-bb7b-253a9103560f',
+            color: '#2d77ff',
+        },
+        {
+            url: '',
+            name: 'Астрал.ЭДО',
+            logoUrl: 'https://identity.astral.ru/api/Files/b5b06b5a-2d0e-491b-9815-043d82f104aa',
+            color: 'rgb(117 90 253)',
+        },
+        {
+            url: '',
+            name: 'Астрал.КЭДО',
+            logoUrl: 'https://identity.astral.ru/api/Files/f0519e97-7a50-4796-a8d2-877cd15c7668',
+            color: 'rgb(117 90 253)',
+        },
+        {
+            url: '',
+            name: 'Астрал.ОФД',
+            logoUrl: 'https://identity.astral.ru/api/Files/f0519e97-7a50-4796-a8d2-877cd15c7668',
+            color: 'rgb(117 90 253)',
+        },
+        {
+            url: '',
+            name: 'Астрал.ЭТ',
+            logoUrl: 'https://identity.astral.ru/api/Files/ac497150-1926-47be-9e5f-42e739e7279c',
+            color: 'rgb(55 103 152)',
+        },
+        {
+            url: '',
+            name: 'Личный кабинет',
+            logoUrl: 'https://identity.astral.ru/api/Files/9d214f12-c518-44e2-a711-fa1bf2b89fdd',
+            color: 'rgb(10, 124, 255)',
+        },
+        {
+            url: '',
+            name: 'Кабинет партнера',
+            logoUrl: 'https://identity.astral.ru/api/Files/f0519e97-7a50-4796-a8d2-877cd15c7668',
+            color: 'rgb(117 90 253)',
+        },
+    ]), 1500));
+};
+const header = {
+    productSwitcher() {
+        return (_jsx(Box, { children: _jsx(ProductSwitcher, { getProducts: handleGetProducts }) }));
+    },
+    product: {
+        name: 'Астрал.ЭДО',
+        logo() {
+            return (_jsxs("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M6.5 6.10352e-05C5.1195 6.10352e-05 4 1.11956 4 2.50006V3.00006H13.75C15.545 3.00006 17 4.45506 17 6.25006V11.2501C17 12.2166 16.2165 13.0001 15.25 13.0001H8.75C7.7835 13.0001 7 12.2166 7 11.2501V8.00006H5C4.4475 8.00006 4 8.44756 4 9.00006V13.5001C4 14.8806 5.1195 16.0001 6.5 16.0001H17.5C18.8805 16.0001 20 14.8806 20 13.5001V2.50006C20 1.11956 18.8805 6.10352e-05 17.5 6.10352e-05H6.5Z", fill: "#8566FF" }), _jsx("path", { d: "M2.5 4.00006C1.1195 4.00006 0 5.11956 0 6.50006V17.5001C0 18.8806 1.1195 20.0001 2.5 20.0001H13.5C14.8805 20.0001 16 18.8806 16 17.5001V17.0001H6.25C4.455 17.0001 3 15.5451 3 13.7501V8.75006C3 7.78356 3.7835 7.00006 4.75 7.00006H11.25C12.2165 7.00006 13 7.78356 13 8.75006V12.0001H15C15.5525 12.0001 16 11.5526 16 11.0001V6.50006C16 5.11956 14.8805 4.00006 13.5 4.00006H2.5Z", fill: "#5D3FD4" })] })));
+        },
+    },
+    profile: {
+        displayName: 'Григорьев Виталий',
+        annotation: 'vitatiy_grig@mail.ru',
+        avatar: {
+            alt: 'Григорьев Виталий',
+            children: 'ГВ',
+        },
+        menu: () => null,
+    },
+};
+export const Default = () => {
+    return (_jsxs(ExampleTemplate, { children: [_jsx(Typography, Object.assign({ paragraph: true, variant: "h3" }, { children: "Product Switcher" })), _jsx(Typography, Object.assign({ paragraph: true }, { children: "Product Switcher \u0434\u0430\u0435\u0442 \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u044C \u0431\u044B\u0441\u0442\u0440\u043E\u0433\u043E \u043F\u0435\u0440\u0435\u0445\u043E\u0434\u0430 \u043A \u0434\u0440\u0443\u0433\u043E\u043C\u0443 \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0432 \u0445\u044D\u0434\u0435\u0440\u0435 \u0441\u0438\u0441\u0442\u0435\u043C\u044B" })), _jsx(Typography, Object.assign({ variant: "h4", paragraph: true }, { children: "\u0422\u0438\u043F\u044B \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430" })), _jsx(ExampleTemplate.Case, Object.assign({ title: "\u041F\u0435\u0440\u0435\u0445\u043E\u0434 \u043A \u0434\u0440\u0443\u0433\u043E\u043C\u0443 \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443", descriptionList: [''] }, { children: _jsxs(Grid, Object.assign({ container: true, justifyContent: "center", autoFlow: "column", spacing: 4 }, { children: [_jsx(ProductSwitcher, { getProducts: handleGetProducts }), _jsx(ProductSwitcher, { getProducts: handleReject })] })) })), _jsx(Typography, Object.assign({ variant: "h5", paragraph: true }, { children: "\u041F\u0440\u0438\u043C\u0435\u0440 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F" })), _jsx(DashboardLayout, { children: _jsx(DashboardLayout.Header, Object.assign({}, header)) })] }));
+};

package/esm/ProductSwitcher/ProductSwitcherContent/ProductSwitcherContent.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { WidgetProduct } from '../types';
-declare type ProductSwitcherContentProps = {
+type ProductSwitcherContentProps = {
     isLoading: boolean;
     products: Array<WidgetProduct>;
     isError: boolean;