@auth0/quantum-product 1.5.1

package/esm/menu/menu-item/menu-item-overrides.js

@@ -0,0 +1,21 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+export var createMuiMenuItemOverrides = function (_a) {
+    var typography = _a.typography;
+    return {
+        styleOverrides: {
+            root: __assign(__assign({}, typography.body2), { height: 32, border: 'none', '&:last-child': {
+                    borderBottom: 'none',
+                } }),
+        },
+    };
+};

package/esm/menu/menu-list/index.js

@@ -0,0 +1 @@
+export { default as MenuList } from '@mui/material/MenuList';

package/esm/menu/menu-overrides.js

@@ -0,0 +1,23 @@
+export var createMuiMenuOverrides = function (_a) {
+    var tokens = _a.tokens;
+    return {
+        defaultProps: {
+            anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'left',
+            },
+            transformOrigin: {
+                vertical: 'top',
+                horizontal: 'left',
+            },
+            // FIXME: No typing for this. Address during Component Migration
+            // getContentAnchorEl: null,
+        },
+        styleOverrides: {
+            paper: {
+                border: "1px solid ".concat(tokens.color_border_bold),
+                minWidth: 175,
+            },
+        },
+    };
+};

package/esm/menu/menu.js

@@ -0,0 +1 @@
+export { default as Menu } from '@mui/material/Menu';

package/esm/mobile-stepper/index.js

@@ -0,0 +1 @@
+export { default as MobileStepper } from '@mui/material/MobileStepper';

package/esm/mobile-stepper/mobile-stepper-overrides.js

@@ -0,0 +1,10 @@
+export var createMuiMobileStepperOverrides = function (_a) {
+    var spacing = _a.spacing;
+    return {
+        styleOverrides: {
+            dot: {
+                margin: spacing(0, 0.5),
+            },
+        },
+    };
+};

package/esm/no-ssr/index.js

@@ -0,0 +1 @@
+export { default as NoSsr } from '@mui/material/NoSsr';

package/esm/overridable-component.js

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

package/esm/page/index.js

@@ -0,0 +1,2 @@
+export { Page } from './page';
+export * from './page-header';

package/esm/page/page-context.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export var defaultPageSize = false;
+export var defaultCompactSize = false;
+export var PageContext = React.createContext({
+    fullWidth: defaultPageSize,
+    compact: defaultCompactSize,
+});
+export var usePageContext = function () { return React.useContext(PageContext); };

package/esm/page/page-header/index.js

@@ -0,0 +1,2 @@
+export { PageHeader } from './page-header';
+export { pageHeaderClasses } from './page-header-classes';

package/esm/page/page-header/page-header-classes.js

@@ -0,0 +1,15 @@
+import { generateUtilityClass, generateUtilityClasses } from '../../styles/classes';
+export var pageHeaderComponentName = 'QuantumPageHeader';
+export function getPageHeaderUtilityClass(slot) {
+    return generateUtilityClass(pageHeaderComponentName, slot);
+}
+export var pageHeaderClasses = generateUtilityClasses(pageHeaderComponentName, [
+    'root',
+    'actions',
+    'avatarBlock',
+    'avatar',
+    'title',
+    'metadata',
+    'description',
+    'content',
+]);

package/esm/page/page-header/page-header.js

@@ -0,0 +1,79 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { AvatarContext } from '../../avatar';
+import { AvatarBlock } from '../../avatar-block';
+import { usePageContext } from '../page-context';
+import { RowLayout } from '../../row-layout';
+import { styled } from '../../styled';
+import { useMergedClasses } from '../../styles/classes';
+import { Text } from '../../text';
+import { StackLayout, StackLayoutItem } from '../../stack-layout';
+import { getPageHeaderUtilityClass, pageHeaderClasses, pageHeaderComponentName, } from './page-header-classes';
+import clsx from '../../utils/clsx';
+var Root = styled(RowLayout, { name: pageHeaderComponentName, slot: 'Root' })(function (_a) {
+    var theme = _a.theme, ownerState = _a.ownerState;
+    return (__assign(__assign({}, (ownerState.fullWidth && {
+        paddingTop: theme.spacing(3),
+        paddingLeft: theme.spacing(3),
+        paddingRight: theme.spacing(3),
+    })), (ownerState.compact && {
+        padding: theme.spacing(2, 3),
+        borderBottom: "1px solid ".concat(theme.tokens.color_border_default),
+    })));
+});
+export var Actions = styled('div', {
+    name: pageHeaderComponentName,
+    slot: 'Actions',
+})(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        alignItems: 'center',
+        gap: theme.spacing(2),
+    });
+});
+var StyledStackLayout = styled(StackLayout, { name: pageHeaderComponentName, slot: 'StackLayout' })(function (_a) {
+    var theme = _a.theme, ownerState = _a.ownerState;
+    return ({
+        alignItems: 'center',
+        gap: ownerState.compact ? theme.spacing(2) : theme.spacing(0),
+    });
+});
+export var PageHeader = React.forwardRef(function (props, ref) {
+    var _a = usePageContext(), fullWidthContext = _a.fullWidth, compactContext = _a.compact;
+    var breadcrumbs = props.breadcrumbs, startActions = props.startActions, className = props.className, fullWidthProp = props.fullWidth, compactProp = props.compact, title = props.title, _b = props.titleTypographyProps, titleTypographyProps = _b === void 0 ? {} : _b, description = props.description, _c = props.descriptionTypographyProps, descriptionTypographyProps = _c === void 0 ? {} : _c, metadata = props.metadata, _d = props.metadataTypographyProps, metadataTypographyProps = _d === void 0 ? {} : _d, actions = props.actions, avatar = props.avatar, children = props.children, rootProps = __rest(props, ["breadcrumbs", "startActions", "className", "fullWidth", "compact", "title", "titleTypographyProps", "description", "descriptionTypographyProps", "metadata", "metadataTypographyProps", "actions", "avatar", "children"]);
+    var classes = useMergedClasses(pageHeaderClasses, getPageHeaderUtilityClass, props.classes);
+    var fullWidth = fullWidthProp || fullWidthContext;
+    var compact = compactProp || compactContext;
+    return (React.createElement(Root, __assign({ className: clsx(classes.root, className), gutter: 2 }, rootProps, { ownerState: { fullWidth: fullWidth, compact: compact }, ref: ref }),
+        breadcrumbs,
+        React.createElement(StyledStackLayout, { className: classes.content, gutter: 4, ownerState: { compact: compact } },
+            React.createElement(StackLayoutItem, { sx: { alignSelf: 'baseline' } }, startActions),
+            React.createElement(StackLayoutItem, { sx: { flex: 1 } },
+                React.createElement(AvatarBlock, { size: compact ? 'medium' : 'large', classes: {
+                        root: classes.avatarBlock,
+                        avatar: classes.avatar,
+                    }, avatar: avatar && React.createElement(AvatarContext.Provider, { value: { size: 'large' } }, avatar), titleTypographyProps: __assign({ variant: compact ? 'h5' : 'h3', component: 'h1', className: classes.title }, titleTypographyProps), title: title, description: metadata, descriptionTypographyProps: __assign({ component: 'div', className: classes.metadata }, metadataTypographyProps), TitleBlockProps: { gutter: 0.5 }, endAdornment: !!actions && (React.createElement(Actions, { className: classes.actions, sx: { flex: 'none' } }, actions)) }))),
+        !!description && (React.createElement(Text, __assign({ variant: "body2", color: "textSecondary", component: "p", className: classes.description }, descriptionTypographyProps), description))));
+});

package/esm/page/page.js

@@ -0,0 +1,40 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { styled } from '../styled';
+import { PageContext } from './page-context';
+export var PageComponentName = 'QuantumPage';
+var Root = styled('div', { name: 'QuantumPage' })(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'grid',
+        gridGap: theme.spacing(5),
+        gridTemplateColumns: '1fr',
+        flex: 1,
+    });
+});
+export var Page = React.forwardRef(function (props, ref) {
+    var _a = props.fullWidth, fullWidth = _a === void 0 ? false : _a, _b = props.compact, compact = _b === void 0 ? false : _b, children = props.children, rootProps = __rest(props, ["fullWidth", "compact", "children"]);
+    return (React.createElement(PageContext.Provider, { value: { fullWidth: fullWidth, compact: compact } },
+        React.createElement(Root, __assign({}, rootProps, { ref: ref }), children)));
+});

package/esm/pagination/index.js

@@ -0,0 +1,2 @@
+export { Pagination } from './pagination';
+export { paginationClasses } from './pagination-classes';

package/esm/pagination/pagination-classes.js

@@ -0,0 +1,12 @@
+import { generateUtilityClass, generateUtilityClasses } from '../styles/classes';
+export var paginationComponentName = 'QuantumPagination';
+export function getPaginationUtilityClass(slot) {
+    return generateUtilityClass(paginationComponentName, slot);
+}
+export var paginationClasses = generateUtilityClasses(paginationComponentName, [
+    'root',
+    'pageSelect',
+    'pageLabelText',
+    'previousPageButton',
+    'nextPageButton',
+]);

package/esm/pagination/pagination.js

@@ -0,0 +1,109 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { ChevronLeftIcon, ChevronRightIcon } from '../icon';
+import { IconButton } from '../icon-button';
+import { Select } from '../select';
+import { StackLayout, StackLayoutItem } from '../stack-layout';
+import { styled } from '../styled';
+import { useMergedClasses } from '../styles/classes';
+import { Text } from '../text';
+import clsx from '../utils/clsx';
+import { paginationComponentName, paginationClasses, getPaginationUtilityClass, } from './pagination-classes';
+var Root = styled('fieldset', { name: paginationComponentName, slot: 'Root' })(function (_a) {
+    var ownerState = _a.ownerState;
+    return (__assign({ justifyContent: 'space-between', display: 'flex', alignItems: 'center', margin: 0, padding: 0, border: 'none' }, (ownerState.disabled && {
+        opacity: 0.4,
+        cursor: 'not-allowed',
+        pointerEvents: 'none',
+    })));
+});
+var PageSelect = styled(Select, { name: paginationComponentName, slot: 'PageSelect' })(function (_a) {
+    var theme = _a.theme, value = _a.value;
+    var page = Number(value) || 0;
+    var charWidth = 8;
+    var baseWidth = 50;
+    var pageAsString = page.toString();
+    var pageCharLength = pageAsString.length;
+    return {
+        width: theme.typography.pxToRem(pageCharLength * charWidth + baseWidth),
+    };
+});
+var pagesFromItems = function (items, perPage) {
+    return Math.ceil(items / perPage);
+};
+var changePageIfAppropriate = function (_a) {
+    var nextPage = _a.nextPage, total = _a.total, perPage = _a.perPage, onPageChanged = _a.onPageChanged, _b = _a.ignoreNextPageCheck, ignoreNextPageCheck = _b === void 0 ? false : _b;
+    var pageCount = pagesFromItems(total, perPage);
+    var nextPageExists = nextPage > 0 && nextPage <= pageCount;
+    var shouldCallNextPageHandler = ignoreNextPageCheck || nextPageExists;
+    if (shouldCallNextPageHandler && typeof onPageChanged === 'function') {
+        onPageChanged(nextPage);
+    }
+};
+export var Pagination = React.forwardRef(function (props, ref) {
+    var children = props.children, className = props.className, page = props.page, perPage = props.perPage, items = props.items, onPageChanged = props.onPageChanged, disabled = props.disabled, propClasses = props.classes, rootProps = __rest(props, ["children", "className", "page", "perPage", "items", "onPageChanged", "disabled", "classes"]);
+    var classes = useMergedClasses(paginationClasses, getPaginationUtilityClass, propClasses);
+    var pages = pagesFromItems(items, perPage);
+    var pageOptions = React.useMemo(function () {
+        return Array.from({ length: pages }).map(function (_item, idx) {
+            var value = idx + 1;
+            var option = {
+                value: value,
+                text: "".concat(value),
+            };
+            return option;
+        });
+    }, [pages]);
+    // Do not show the pagination toolbar if there is one page or less
+    if (pages <= 1) {
+        return null;
+    }
+    var inFirstPage = page === 1;
+    var inLastPage = page === pages;
+    return (React.createElement(Root, __assign({ ref: ref, ownerState: { disabled: disabled }, className: clsx(classes.root, className) }, rootProps), items > 0 && (React.createElement(React.Fragment, null,
+        React.createElement(StackLayout, { gutter: 1 },
+            React.createElement(StackLayoutItem, null,
+                React.createElement(Text, { className: classes.pageLabelText, variant: "body2" }, "Page")),
+            React.createElement(StackLayoutItem, null,
+                React.createElement(PageSelect, { size: "small", options: pageOptions, className: classes.pageSelect, value: page, onChange: function (_a) {
+                        var value = _a.target.value;
+                        return changePageIfAppropriate({
+                            nextPage: parseInt(value, 0),
+                            total: items,
+                            perPage: perPage,
+                            onPageChanged: onPageChanged,
+                        });
+                    } })),
+            React.createElement(StackLayoutItem, null,
+                React.createElement(Text, { className: classes.pageLabelText, variant: "body2" },
+                    "of ",
+                    pages))),
+        React.createElement(StackLayout, { gutter: 1 },
+            React.createElement(StackLayoutItem, null,
+                React.createElement(IconButton, { variant: "outlined", className: classes.previousPageButton, onClick: function () { return changePageIfAppropriate({ nextPage: page - 1, total: items, perPage: perPage, onPageChanged: onPageChanged }); }, disabled: inFirstPage, "aria-label": "Previous page" },
+                    React.createElement(ChevronLeftIcon, null))),
+            React.createElement(StackLayoutItem, null,
+                React.createElement(IconButton, { variant: "outlined", className: classes.nextPageButton, onClick: function () { return changePageIfAppropriate({ nextPage: page + 1, total: items, perPage: perPage, onPageChanged: onPageChanged }); }, disabled: inLastPage, "aria-label": "Next page" },
+                    React.createElement(ChevronRightIcon, null))))))));
+});

package/esm/panel-layout/index.js

@@ -0,0 +1,4 @@
+export { PanelLayout } from './panel-layout';
+export { Panel } from './panel';
+export { PanelBody } from './panel-body';
+export { PanelTitle } from './panel-title';

package/esm/panel-layout/panel/index.js

@@ -0,0 +1 @@
+export { Panel } from './panel';

package/esm/panel-layout/panel/panel.js

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Grid } from '@mui/material';
+import * as React from 'react';
+import { styled } from '../../styled';
+var panelComponentName = 'QuantumPanel';
+export var Root = styled(Grid, {
+    name: panelComponentName,
+    slot: 'Root',
+})(function (_a) {
+    var theme = _a.theme, position = _a.position;
+    var borderDivider = "1px solid ".concat(theme.tokens.color_border_default);
+    var positionBorder = position === 'start' ? { borderRight: borderDivider } : position === 'end' ? { borderLeft: borderDivider } : {};
+    return __assign({ backgroundColor: theme.tokens.color_bg_layer, overflow: 'hidden', display: 'flex', flexDirection: 'column' }, positionBorder);
+});
+export var Panel = React.forwardRef(function (props, ref) {
+    var position = props.position, children = props.children, rootProps = __rest(props, ["position", "children"]);
+    return (React.createElement(Root, __assign({ ref: ref, position: position }, rootProps), children));
+});

package/esm/panel-layout/panel-body/index.js

@@ -0,0 +1 @@
+export { PanelBody } from './panel-body';

package/esm/panel-layout/panel-body/panel-body.js

@@ -0,0 +1,36 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { styled } from '../../styled';
+var panelBodyComponentName = 'QuantumPanels';
+export var Root = styled('div', {
+    name: panelBodyComponentName,
+    slot: 'Root',
+})(function (_a) {
+    var theme = _a.theme;
+    return { overflowY: 'auto', padding: theme.spacing(3), paddingTop: theme.spacing(0), marginTop: theme.spacing(1) };
+});
+export var PanelBody = React.forwardRef(function (props, ref) {
+    var children = props.children, rootProps = __rest(props, ["children"]);
+    return (React.createElement(Root, __assign({ ref: ref }, rootProps), children));
+});

package/esm/panel-layout/panel-layout.js

@@ -0,0 +1,44 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { Grid } from '@mui/material';
+import { styled } from '../styled';
+import { Panel } from './panel';
+var panelsLayoutComponentName = 'QuantumPanelsLayout';
+var RightPanel = styled(Panel, { name: panelsLayoutComponentName, slot: 'RightPanel' })({
+    width: '320px', // fixed width base on design requirements
+});
+var LeftPanel = styled(Panel, { name: panelsLayoutComponentName, slot: 'LeftPanel' })({
+    width: '265px', // fixed width base on design requirements
+});
+var Root = styled(Grid, { name: panelsLayoutComponentName, slot: 'Root' })({
+    display: 'flex',
+    height: '100%',
+});
+export var PanelLayout = React.forwardRef(function (props, ref) {
+    var startPanel = props.startPanel, endPanel = props.endPanel, children = props.children, rootProps = __rest(props, ["startPanel", "endPanel", "children"]);
+    return (React.createElement(Root, __assign({ ref: ref }, rootProps),
+        !!startPanel && React.createElement(LeftPanel, { position: "start" }, startPanel),
+        React.createElement(Grid, { item: true, xs: true }, children),
+        !!endPanel && React.createElement(RightPanel, { position: "end" }, endPanel)));
+});

package/esm/panel-layout/panel-title/index.js

@@ -0,0 +1 @@
+export { PanelTitle } from './panel-title';

package/esm/panel-layout/panel-title/panel-title.js

@@ -0,0 +1,36 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { styled } from '../../styled';
+var panelTitleComponentName = 'QuantumPanelTitle';
+export var Root = styled('div', {
+    name: panelTitleComponentName,
+    slot: 'Root',
+})(function (_a) {
+    var theme = _a.theme;
+    return { padding: theme.spacing(3) };
+});
+export var PanelTitle = React.forwardRef(function (props, ref) {
+    var children = props.children, rootProps = __rest(props, ["children"]);
+    return (React.createElement(Root, __assign({ ref: ref }, rootProps), children));
+});

package/esm/paper/index.js

@@ -0,0 +1 @@
+export { default as Paper } from '@mui/material/Paper';

package/esm/popover/index.js

@@ -0,0 +1 @@
+export { default as Popover } from '@mui/material/Popover';

package/esm/popper/index.js

@@ -0,0 +1 @@
+export { default as Popper } from '@mui/material/Popper';

package/esm/portal/index.js

@@ -0,0 +1 @@
+export { default as Portal } from '@mui/material/Portal';

package/esm/promo-banner/index.js

@@ -0,0 +1,2 @@
+export { PromoBanner } from './promo-banner';
+export { promoBannerClasses } from './promo-banner-classes';

package/esm/promo-banner/promo-banner-classes.js

@@ -0,0 +1,17 @@
+import { generateUtilityClass, generateUtilityClasses } from '../styles/classes';
+export var promoBannerComponentName = 'QuantumPromoBanner';
+export function getPromoBannerUtilityClass(slot) {
+    return generateUtilityClass(promoBannerComponentName, slot);
+}
+export var promoBannerClasses = generateUtilityClasses(promoBannerComponentName, [
+    'root',
+    'content',
+    'title',
+    'description',
+    'actions',
+    'action',
+    'primaryAction',
+    'secondaryAction',
+    'imageContainer',
+    'image',
+]);