@astral/ui 1.17.0 → 1.19.0

package/ConfigProvider/ConfigProvider.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 export declare type ConfigContextProps = {
-    locale?: Locale;
-    captureException?: (error: any) => void;
+    locale: Locale;
+    captureException: (error: any) => void;
 };
-export declare type ConfigProviderProps = ConfigContextProps & {
+export declare type ConfigProviderProps = Partial<ConfigContextProps> & {
     children: ReactNode;
 };
 export declare const ConfigContext: import("react").Context<ConfigContextProps>;

package/ConfigProvider/ConfigProvider.js

@@ -18,6 +18,9 @@ const ConfigProvider = ({ children, locale = ru_1.default, captureException, })
                 'На данный момент все ошибки, отлавливаемые в ErrorBoundary будут выводиться только в консоль');
         }
     }, []);
-    return ((0, jsx_runtime_1.jsx)(exports.ConfigContext.Provider, Object.assign({ value: { locale, captureException } }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(exports.ConfigContext.Provider, Object.assign({ value: {
+            locale,
+            captureException: captureException || ((error) => console.error(error)),
+        } }, { children: children })));
 };
 exports.ConfigProvider = ConfigProvider;

package/DashboardLayout/Header/Header.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ProductProps } from '../../Product';
-import { ProfileProps } from '../../Profile/types';
+import { ProfileProps } from '../../Profile';
 export declare type HeaderProps = {
     product: ProductProps;
     productSwitcher?: React.FC;

package/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 declare type Props = {
     children: ReactNode;
-    captureException?: (error: any) => void;
+    captureException: (error: any) => void;
 };
 declare type State = {
     error: boolean;

package/ErrorBoundary/ErrorBoundary.js

@@ -19,8 +19,7 @@ class ErrorBoundary extends react_1.default.Component {
         return { error: true };
     }
     componentDidCatch(error) {
-        var _a, _b;
-        (_b = (_a = this.props).captureException) === null || _b === void 0 ? void 0 : _b.call(_a, error);
+        this.props.captureException(error);
     }
     handleReloadPage() {
         location.reload();

package/ProductSwitcher/ProductSwitcher.d.ts

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

package/ProductSwitcher/ProductSwitcher.js

@@ -0,0 +1,46 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductSwitcher = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@astral/icons");
+const react_1 = require("react");
+const ConfigProvider_1 = require("../ConfigProvider");
+const IconButton_1 = require("../IconButton");
+const hooks_1 = require("../hooks");
+const ProductSwitcherContent_1 = require("./ProductSwitcherContent");
+const styles_1 = require("./styles");
+const ProductSwitcher = ({ getProducts }) => {
+    const [products, setProducts] = (0, react_1.useState)([]);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [isError, setIsError] = (0, react_1.useState)(false);
+    const { captureException } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)();
+    const handleShowProducts = () => __awaiter(void 0, void 0, void 0, function* () {
+        handleOpenMenu();
+        if (!products.length) {
+            setIsLoading(true);
+            try {
+                const productsList = yield getProducts();
+                setProducts(productsList);
+            }
+            catch (error) {
+                setIsError(true);
+                captureException(error);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        }
+    });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ ref: anchorRef, selected: open, variant: "text", onClick: handleShowProducts }, { children: (0, jsx_runtime_1.jsx)(icons_1.ProductsFillMd, {}) })), (0, jsx_runtime_1.jsx)(styles_1.WidgetMenu, Object.assign({ open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu }, { children: (0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { children: (0, jsx_runtime_1.jsx)(ProductSwitcherContent_1.ProductSwitcherContent, { isLoading: isLoading, isError: isError, products: products }) }) }))] }));
+};
+exports.ProductSwitcher = ProductSwitcher;

package/ProductSwitcher/ProductSwitcherContent/ProductSwitcherContent.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { WidgetProduct } from '../types';
+declare type ProductSwitcherContentProps = {
+    isLoading: boolean;
+    products: Array<WidgetProduct>;
+    isError: boolean;
+};
+export declare const ProductSwitcherContent: ({ isLoading, isError, products, }: ProductSwitcherContentProps) => JSX.Element;
+export {};

package/ProductSwitcher/ProductSwitcherContent/ProductSwitcherContent.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductSwitcherContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ContentState_1 = require("../../ContentState");
+const styles_1 = require("./styles");
+const ProductSwitcherContent = ({ isLoading, isError, products = [], }) => {
+    return ((0, jsx_runtime_1.jsx)(ContentState_1.ContentState, Object.assign({ isLoading: isLoading, isCustom: isError, customState: {
+            imgAlt: 'Что-то пошло не так',
+            title: 'Что-то пошло не так',
+            description: 'Произошла ошибка. Повторите попытку позже.',
+            // TODO: imgSrc обязательный параметр, а в title не засунуть текст с иконкой. Соответствующая доработка в задаче:
+            // https://astraltrack.atlassian.net/jira/software/c/projects/UIKIT/boards/142?modal=detail&selectedIssue=UIKIT-435
+            imgSrc: '',
+        } }, { children: products.map((product) => ((0, jsx_runtime_1.jsxs)(styles_1.ProductItem, Object.assign({}, product, { children: [(0, jsx_runtime_1.jsx)(styles_1.Logo, { src: product.logoUrl, color: product.color }), product.name] }), product.name))) })));
+};
+exports.ProductSwitcherContent = ProductSwitcherContent;

package/ProductSwitcher/ProductSwitcherContent/index.d.ts

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

package/ProductSwitcher/ProductSwitcherContent/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ProductSwitcherContent"), exports);

package/ProductSwitcher/ProductSwitcherContent/styles.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+export declare const ProductItem: import("@emotion/styled").StyledComponent<{
+    autoFocus?: boolean | undefined;
+    classes?: Partial<import("@mui/material").MenuItemClasses> | undefined;
+    dense?: boolean | undefined;
+    disabled?: boolean | undefined;
+    disableGutters?: boolean | undefined;
+    divider?: boolean | undefined;
+    selected?: boolean | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | "css" | keyof import("react").LiHTMLAttributes<HTMLLIElement>> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "disabled" | "action" | "divider" | "onFocusVisible" | "tabIndex" | "children" | "autoFocus" | "selected" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "sx" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const Logo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/ProductSwitcher/ProductSwitcherContent/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logo = exports.ProductItem = void 0;
+const styles_1 = require("../../styles");
+const MenuItem_1 = require("../../MenuItem");
+exports.ProductItem = (0, styles_1.styled)(MenuItem_1.MenuItem) `
+  width: 100%;
+
+  border-radius: ${({ theme }) => theme.shape.small};
+`;
+exports.Logo = styles_1.styled.img `
+  width: 40px;
+  height: 40px;
+  margin-right: ${({ theme }) => theme.spacing(2)};
+
+  background-color: ${({ color }) => color};
+  border-radius: ${({ theme }) => theme.shape.small};
+`;

package/ProductSwitcher/index.d.ts

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

package/ProductSwitcher/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ProductSwitcher"), exports);
+__exportStar(require("./types"), exports);

package/ProductSwitcher/styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const ContentWrapper: 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 WidgetMenu: import("@emotion/styled").StyledComponent<import("@mui/material/Menu/Menu").MenuProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/ProductSwitcher/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetMenu = exports.ContentWrapper = void 0;
+const styles_1 = require("../styles");
+const Menu_1 = require("../Menu");
+exports.ContentWrapper = styles_1.styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-width: 240px;
+  max-width: 280px;
+  min-height: 150px;
+  padding: ${({ theme }) => theme.spacing(2)};
+`;
+exports.WidgetMenu = (0, styles_1.styled)(Menu_1.Menu) `
+  .MuiList-root {
+    padding: 0;
+  }
+`;

package/ProductSwitcher/types.d.ts

@@ -0,0 +1,6 @@
+export declare type WidgetProduct = {
+    url: string;
+    name: string;
+    logoUrl: string;
+    color: string;
+};

package/ProductSwitcher/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/esm/ConfigProvider/ConfigProvider.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 export declare type ConfigContextProps = {
-    locale?: Locale;
-    captureException?: (error: any) => void;
+    locale: Locale;
+    captureException: (error: any) => void;
 };
-export declare type ConfigProviderProps = ConfigContextProps & {
+export declare type ConfigProviderProps = Partial<ConfigContextProps> & {
     children: ReactNode;
 };
 export declare const ConfigContext: import("react").Context<ConfigContextProps>;

package/esm/ConfigProvider/ConfigProvider.js

@@ -12,5 +12,8 @@ export const ConfigProvider = ({ children, locale = ru, captureException, }) =>
                 'На данный момент все ошибки, отлавливаемые в ErrorBoundary будут выводиться только в консоль');
         }
     }, []);
-    return (_jsx(ConfigContext.Provider, Object.assign({ value: { locale, captureException } }, { children: children })));
+    return (_jsx(ConfigContext.Provider, Object.assign({ value: {
+            locale,
+            captureException: captureException || ((error) => console.error(error)),
+        } }, { children: children })));
 };

package/esm/DashboardLayout/Header/Header.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ProductProps } from '../../Product';
-import { ProfileProps } from '../../Profile/types';
+import { ProfileProps } from '../../Profile';
 export declare type HeaderProps = {
     product: ProductProps;
     productSwitcher?: React.FC;

package/esm/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 declare type Props = {
     children: ReactNode;
-    captureException?: (error: any) => void;
+    captureException: (error: any) => void;
 };
 declare type State = {
     error: boolean;

package/esm/ErrorBoundary/ErrorBoundary.js

@@ -14,8 +14,7 @@ class ErrorBoundary extends React.Component {
         return { error: true };
     }
     componentDidCatch(error) {
-        var _a, _b;
-        (_b = (_a = this.props).captureException) === null || _b === void 0 ? void 0 : _b.call(_a, error);
+        this.props.captureException(error);
     }
     handleReloadPage() {
         location.reload();

package/esm/ProductSwitcher/ProductSwitcher.d.ts

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

package/esm/ProductSwitcher/ProductSwitcher.js

@@ -0,0 +1,42 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ProductsFillMd } from '@astral/icons';
+import { useContext, useState } from 'react';
+import { ConfigContext } from '../ConfigProvider';
+import { IconButton } from '../IconButton';
+import { useMenu } from '../hooks';
+import { ProductSwitcherContent } from './ProductSwitcherContent';
+import { ContentWrapper, WidgetMenu } from './styles';
+export const ProductSwitcher = ({ getProducts }) => {
+    const [products, setProducts] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isError, setIsError] = useState(false);
+    const { captureException } = useContext(ConfigContext);
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = useMenu();
+    const handleShowProducts = () => __awaiter(void 0, void 0, void 0, function* () {
+        handleOpenMenu();
+        if (!products.length) {
+            setIsLoading(true);
+            try {
+                const productsList = yield getProducts();
+                setProducts(productsList);
+            }
+            catch (error) {
+                setIsError(true);
+                captureException(error);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        }
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(IconButton, Object.assign({ ref: anchorRef, selected: open, variant: "text", onClick: handleShowProducts }, { children: _jsx(ProductsFillMd, {}) })), _jsx(WidgetMenu, Object.assign({ open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu }, { children: _jsx(ContentWrapper, { children: _jsx(ProductSwitcherContent, { isLoading: isLoading, isError: isError, products: products }) }) }))] }));
+};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { WidgetProduct } from '../types';
+declare type ProductSwitcherContentProps = {
+    isLoading: boolean;
+    products: Array<WidgetProduct>;
+    isError: boolean;
+};
+export declare const ProductSwitcherContent: ({ isLoading, isError, products, }: ProductSwitcherContentProps) => JSX.Element;
+export {};

package/esm/ProductSwitcher/ProductSwitcherContent/ProductSwitcherContent.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContentState } from '../../ContentState';
+import { Logo, ProductItem } from './styles';
+export const ProductSwitcherContent = ({ isLoading, isError, products = [], }) => {
+    return (_jsx(ContentState, Object.assign({ isLoading: isLoading, isCustom: isError, customState: {
+            imgAlt: 'Что-то пошло не так',
+            title: 'Что-то пошло не так',
+            description: 'Произошла ошибка. Повторите попытку позже.',
+            // TODO: imgSrc обязательный параметр, а в title не засунуть текст с иконкой. Соответствующая доработка в задаче:
+            // https://astraltrack.atlassian.net/jira/software/c/projects/UIKIT/boards/142?modal=detail&selectedIssue=UIKIT-435
+            imgSrc: '',
+        } }, { children: products.map((product) => (_jsxs(ProductItem, Object.assign({}, product, { children: [_jsx(Logo, { src: product.logoUrl, color: product.color }), product.name] }), product.name))) })));
+};

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

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

package/esm/ProductSwitcher/ProductSwitcherContent/index.js

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

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

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+export declare const ProductItem: import("@emotion/styled").StyledComponent<{
+    autoFocus?: boolean | undefined;
+    classes?: Partial<import("@mui/material").MenuItemClasses> | undefined;
+    dense?: boolean | undefined;
+    disabled?: boolean | undefined;
+    disableGutters?: boolean | undefined;
+    divider?: boolean | undefined;
+    selected?: boolean | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | "css" | keyof import("react").LiHTMLAttributes<HTMLLIElement>> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "disabled" | "action" | "divider" | "onFocusVisible" | "tabIndex" | "children" | "autoFocus" | "selected" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "sx" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const Logo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

package/esm/ProductSwitcher/ProductSwitcherContent/styles.js

@@ -0,0 +1,15 @@
+import { styled } from '../../styles';
+import { MenuItem } from '../../MenuItem';
+export const ProductItem = styled(MenuItem) `
+  width: 100%;
+
+  border-radius: ${({ theme }) => theme.shape.small};
+`;
+export const Logo = styled.img `
+  width: 40px;
+  height: 40px;
+  margin-right: ${({ theme }) => theme.spacing(2)};
+
+  background-color: ${({ color }) => color};
+  border-radius: ${({ theme }) => theme.shape.small};
+`;

package/esm/ProductSwitcher/index.d.ts

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

package/esm/ProductSwitcher/index.js

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

package/esm/ProductSwitcher/styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const ContentWrapper: 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 WidgetMenu: import("@emotion/styled").StyledComponent<import("@mui/material/Menu/Menu").MenuProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/esm/ProductSwitcher/styles.js

@@ -0,0 +1,17 @@
+import { styled } from '../styles';
+import { Menu } from '../Menu';
+export const ContentWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-width: 240px;
+  max-width: 280px;
+  min-height: 150px;
+  padding: ${({ theme }) => theme.spacing(2)};
+`;
+export const WidgetMenu = styled(Menu) `
+  .MuiList-root {
+    padding: 0;
+  }
+`;

package/esm/ProductSwitcher/types.d.ts

@@ -0,0 +1,6 @@
+export declare type WidgetProduct = {
+    url: string;
+    name: string;
+    logoUrl: string;
+    color: string;
+};

package/esm/ProductSwitcher/types.js

@@ -0,0 +1 @@
+export {};

package/esm/index.d.ts

@@ -47,6 +47,7 @@ export * from './MenuGroup';
 export * from './OverflowTypography';
 export * from './Placeholder';
 export * from './Product';
+export * from './ProductSwitcher';
 export * from './Profile';
 export * from './Radio';
 export * from './RadioGroup';

package/esm/index.js

@@ -47,6 +47,7 @@ export * from './MenuGroup';
 export * from './OverflowTypography';
 export * from './Placeholder';
 export * from './Product';
+export * from './ProductSwitcher';
 export * from './Profile';
 export * from './Radio';
 export * from './RadioGroup';

package/index.d.ts

@@ -47,6 +47,7 @@ export * from './MenuGroup';
 export * from './OverflowTypography';
 export * from './Placeholder';
 export * from './Product';
+export * from './ProductSwitcher';
 export * from './Profile';
 export * from './Radio';
 export * from './RadioGroup';

package/index.js

@@ -63,6 +63,7 @@ __exportStar(require("./MenuGroup"), exports);
 __exportStar(require("./OverflowTypography"), exports);
 __exportStar(require("./Placeholder"), exports);
 __exportStar(require("./Product"), exports);
+__exportStar(require("./ProductSwitcher"), exports);
 __exportStar(require("./Profile"), exports);
 __exportStar(require("./Radio"), exports);
 __exportStar(require("./RadioGroup"), exports);

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@astral/ui",
-  "version": "1.17.0",
+  "version": "1.19.0",
   "browser": "./src/index.ts",
   "main": "./index.js",
   "dependencies": {
-    "@astral/icons": "^1.17.0",
+    "@astral/icons": "^1.19.0",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",