@auth0/quantum-product 1.5.1

package/esm/theme/create-palette.js

@@ -0,0 +1,90 @@
+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 deepmerge from '@mui/utils/deepmerge';
+import { getColorsFromTokens } from './colors';
+export var createPalette = function (_a, tokens) {
+    if (_a === void 0) { _a = {}; }
+    var primary = _a.primary, secondary = _a.secondary, _b = _a.mode, mode = _b === void 0 ? 'light' : _b, overrides = __rest(_a, ["primary", "secondary", "mode"]);
+    var tokenColors = getColorsFromTokens(tokens);
+    var defaultOptions = __assign(__assign({ mode: mode, primary: primary || __assign(__assign({}, tokenColors.purple), { light: tokenColors.purple[300], main: tokenColors.purple[500], dark: tokenColors.purple[600] }), secondary: secondary || __assign(__assign({}, tokenColors.purple), { light: tokenColors.purple[300], main: tokenColors.purple[500], dark: tokenColors.purple[600], 
+            // these colors are secondary specific
+            A400: tokenColors.purple[500], A200: tokenColors.purple[400], A700: tokenColors.purple[600] }), text: {
+            primary: tokens.color_fg_bold,
+            secondary: tokens.color_fg_default,
+            disabled: tokens.color_fg_default,
+        }, default: {
+            light: tokens.color_bg_state_neutral_subtle,
+            main: tokens.color_bg_state_neutral,
+            dark: tokens.color_fg_on_state_neutral_subtle,
+        }, warning: {
+            light: tokens.color_bg_state_caution_subtle,
+            main: tokens.color_bg_state_caution,
+            dark: tokens.color_fg_on_state_caution_subtle,
+        }, error: {
+            light: tokens.color_bg_state_danger_subtle,
+            main: tokens.color_bg_state_danger,
+            dark: tokens.color_fg_on_state_danger_subtle,
+        }, danger: {
+            light: tokens.color_bg_state_danger_subtle,
+            main: tokens.color_bg_state_danger,
+            dark: tokens.color_fg_on_state_danger_subtle,
+        }, success: {
+            light: tokens.color_bg_state_success_subtle,
+            main: tokens.color_bg_state_success,
+            dark: tokens.color_fg_on_state_success_subtle,
+        }, info: {
+            light: tokens.color_bg_state_info_subtle,
+            main: tokens.color_bg_state_info,
+            dark: tokens.color_fg_on_state_info_subtle,
+        }, action: {
+            disabledOpacity: 0.5,
+            disabledBackground: tokens.color_bg_disabled,
+            //TODO: This needs some work. It might not be used anywhere and we dont have a semantictoken for it.
+            hover: mode === 'light'
+                ? tokens.color_global_functional_light_neutral_400
+                : tokens.color_global_functional_dark_neutral_300,
+            hoverBackground: tokens.color_bg_interactive_hover,
+            activeBackground: tokens.color_bg_interactive_pressed,
+        }, background: {
+            default: tokens.color_bg_page,
+            paper: tokens.color_bg_layer,
+            surface: tokens.color_bg_layer,
+        }, border: {
+            primary: tokens.color_border_bold,
+            secondary: tokens.color_border_default,
+            light: tokens.color_border_default,
+            dark: tokens.color_border_bold,
+        }, divider: tokens.color_border_default, grey: tokenColors.neutral, identicons: {
+            default: {
+                light: tokens.color_fg_identicon_subtlest,
+                base: tokens.color_fg_identicon_subtle,
+                dark: tokens.color_fg_identicon,
+            },
+            primary: {
+                light: tokens.color_fg_identicon_highlight_subtlest,
+                base: tokens.color_fg_identicon_highlight_subtle,
+                dark: tokens.color_fg_identicon_highlight,
+            },
+        } }, tokenColors), tokens);
+    return deepmerge(defaultOptions, overrides);
+};

package/esm/theme/create-quantum-theme.js

@@ -0,0 +1,22 @@
+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);
+};
+import { okta } from '@auth0/quantum-tokens';
+import { createTheme } from './create-theme';
+export var createQuantumTheme = function (_a) {
+    var _b = _a.tokens, tokens = _b === void 0 ? okta : _b, themeOptions = _a.themeOptions;
+    var light = createTheme(__assign(__assign({}, themeOptions), { tokens: tokens.light, palette: __assign({ mode: 'light' }, themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.palette) }));
+    var dark = createTheme(__assign(__assign({}, themeOptions), { tokens: tokens.dark, palette: __assign({ mode: 'dark' }, themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.palette) }));
+    return {
+        dark: dark,
+        light: light,
+    };
+};

package/esm/theme/create-theme.js

@@ -0,0 +1,94 @@
+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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { createTheme as createMuiTheme } from '@mui/material/styles';
+import { createBreakpoints } from '@mui/system';
+import { createLayout } from './create-layout';
+import { createComponents } from './create-components';
+import { createMixins } from './create-mixins';
+import { createPalette } from './create-palette';
+import { createTypography } from './create-typography';
+import { auth0 } from '@auth0/quantum-tokens';
+var defaultThemeTokens = auth0;
+export var createTheme = function (_a) {
+    if (_a === void 0) { _a = {}; }
+    var layoutOptions = _a.layout, componentsOptions = _a.components, paletteOptions = _a.palette, typographyOptions = _a.typography, _b = _a.breakpoints, breakpointsOptions = _b === void 0 ? {} : _b, tokens = _a.tokens, options = __rest(_a, ["layout", "components", "palette", "typography", "breakpoints", "tokens"]);
+    var colorMode = (paletteOptions === null || paletteOptions === void 0 ? void 0 : paletteOptions.mode) || 'light';
+    // Ensure we have all global tokens as well. Not exposing global to the consumer at this time.
+    var completeThemeTokens = __assign(__assign({}, defaultThemeTokens[colorMode]), tokens);
+    var breakpoints = createBreakpoints(breakpointsOptions);
+    var baseTheme = createMuiTheme(__assign({ palette: createPalette(paletteOptions, completeThemeTokens), tokens: completeThemeTokens, breakpoints: breakpoints, typography: function (p) {
+            return createTypography(typeof typographyOptions === 'function' ? typographyOptions({ palette: p, breakpoints: breakpoints }) : typographyOptions, completeThemeTokens);
+        } }, options));
+    var mixins = createMixins({
+        palette: baseTheme.palette,
+        spacing: baseTheme.spacing,
+        breakpoints: baseTheme.breakpoints,
+        overrides: baseTheme.mixins,
+        tokens: completeThemeTokens,
+    });
+    var layout = createLayout(__assign(__assign({}, layoutOptions), { tokens: completeThemeTokens }));
+    var components = createComponents(__assign(__assign({}, baseTheme), { mixins: mixins, layout: layout, components: componentsOptions }));
+    var themeOptions = {
+        palette: __assign({}, baseTheme.palette),
+        typography: baseTheme.typography,
+        breakpoints: baseTheme.breakpoints,
+        mixins: mixins,
+        components: components,
+        layout: layout,
+        spacingPX: function (factor) { return factor * 8; },
+        // flatten this internally to make reference easier
+        tokens: completeThemeTokens,
+        shadows: __spreadArray([
+            'none',
+            '0px 2px 4px rgba(0, 0, 0, 0.12)',
+            '0px 6px 8px rgba(0, 0, 0, 0.1)',
+            '0px 12px 12px rgba(0, 0, 0, 0.1)'
+        ], __read(Array.from({ length: 20 }).map(function () { return '0px 16px 16px rgba(0, 0, 0, 0.1)'; })), false),
+    };
+    return createMuiTheme(themeOptions);
+};

package/esm/theme/create-typography.js

@@ -0,0 +1,51 @@
+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);
+};
+import { deepmerge } from '@mui/utils';
+export var createTypography = function (overrides, tokens) {
+    if (overrides === void 0) { overrides = {}; }
+    var fontFamily = overrides.fontFamily || tokens.type_body_100.fontFamily;
+    var fontFamilyMonospace = overrides.fontFamilyMonospace || tokens.type_global_monospace_10.fontFamily;
+    var fontWeightMapping = {
+        light: overrides.fontWeightLight || 300,
+        regular: overrides.fontWeightRegular || 400,
+        medium: overrides.fontWeightMedium || 500,
+        semibold: overrides.fontWeightSemibold || 600,
+        bold: overrides.fontWeightBold || 700,
+    };
+    var defaultOptions = {
+        fontWeightMedium: fontWeightMapping.medium,
+        fontWeightBold: fontWeightMapping.bold,
+        fontWeightLight: fontWeightMapping.light,
+        fontWeightRegular: fontWeightMapping.regular,
+        fontWeightSemibold: fontWeightMapping.semibold,
+        fontFamily: fontFamily,
+        fontFamilyMonospace: fontFamilyMonospace,
+        h1: tokens.type_heading_500,
+        h2: tokens.type_heading_400,
+        h3: tokens.type_heading_300,
+        h4: tokens.type_heading_200,
+        h5: tokens.type_heading_100,
+        h6: tokens.type_body_300_emphasis,
+        subtitle1: tokens.type_body_200_emphasis,
+        subtitle2: tokens.type_body_100_emphasis,
+        body1: tokens.type_body_200,
+        body2: tokens.type_body_100,
+        button: __assign(__assign({}, tokens.type_preset_button), { textTransform: 'capitalize' }),
+        caption: tokens.type_preset_caption,
+        overline: tokens.type_preset_overline,
+        code1: tokens.type_code_100,
+        code2: tokens.type_code_50,
+        label: tokens.type_preset_form_label,
+        input: tokens.type_preset_form_text,
+    };
+    return deepmerge(defaultOptions, overrides);
+};

package/esm/theme/default-theme.js

@@ -0,0 +1,7 @@
+import { auth0 } from '@auth0/quantum-tokens';
+import { createQuantumTheme } from './create-quantum-theme';
+import { createTheme } from './create-theme';
+export var defaultTheme = createTheme();
+export var defaultQuantumTheme = createQuantumTheme({
+    tokens: auth0,
+});

package/esm/theme/index.js

@@ -0,0 +1,6 @@
+export { createTheme } from './create-theme';
+export { useTheme } from './use-theme';
+export { ThemeProvider } from './theme-provider';
+export { defaultTheme } from './default-theme';
+export { shadeMap } from './colors';
+export { createQuantumTheme } from './create-quantum-theme';

package/esm/theme/theme-provider.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
+import { defaultTheme } from './default-theme';
+export var ThemeProvider = function (_a) {
+    var _b = _a.theme, theme = _b === void 0 ? defaultTheme : _b, children = _a.children;
+    return React.createElement(MuiThemeProvider, { theme: theme }, children);
+};

package/esm/theme/tokens.js

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

package/esm/theme/use-theme-props.js

@@ -0,0 +1,7 @@
+import { useThemeProps as muiUseThemeProps } from '@mui/material/styles';
+export function useThemeProps(options) {
+    // ts-ignore to help with TS performance.
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    return muiUseThemeProps(options);
+}

package/esm/theme/use-theme.js

@@ -0,0 +1,3 @@
+import { useThemeWithoutDefault } from '@mui/system';
+import { defaultTheme } from './default-theme';
+export var useTheme = function () { return useThemeWithoutDefault(defaultTheme); };

package/esm/title-block/index.js

@@ -0,0 +1 @@
+export { TitleBlock } from './title-block';

package/esm/title-block/title-block-classes.js

@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '../styles/classes';
+export var titleBlockComponentName = 'QuantumTitleBlock';
+export function getTitleBlockUtilityClass(slot) {
+    return generateUtilityClass(titleBlockComponentName, slot);
+}
+export var titleBlockClasses = generateUtilityClasses(titleBlockComponentName, ['root', 'title', 'description']);

package/esm/title-block/title-block.js

@@ -0,0 +1,33 @@
+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 { RowLayout } from '../row-layout';
+import { Text } from '../text';
+import clsx from '../utils/clsx';
+import { titleBlockClasses } from './title-block-classes';
+export var TitleBlock = React.forwardRef(function (_a, ref) {
+    var title = _a.title, _b = _a.titleTypographyProps, titleTypographyProps = _b === void 0 ? {} : _b, description = _a.description, _c = _a.descriptionTypographyProps, descriptionTypographyProps = _c === void 0 ? {} : _c, className = _a.className, rootProps = __rest(_a, ["title", "titleTypographyProps", "description", "descriptionTypographyProps", "className"]);
+    return (React.createElement(RowLayout, __assign({ gutter: 0, className: clsx(titleBlockClasses.root, className) }, rootProps, { ref: ref }),
+        React.createElement(Text, __assign({ className: titleBlockClasses.title, variant: "subtitle2", color: "inherit" }, titleTypographyProps), title),
+        !!description && (React.createElement(Text, __assign({ variant: "body2", color: "textSecondary", className: titleBlockClasses.description }, descriptionTypographyProps), description))));
+});

package/esm/toast/index.js

@@ -0,0 +1,3 @@
+export { Toast } from './toast';
+export { toastClasses } from './toast-classes';
+export { ToastProvider, useToast } from './toast-provider';

package/esm/toast/toast-classes.js

@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '../styles/classes';
+export var toastComponentName = 'QuantumToast';
+export function getToastUtilityClass(slot) {
+    return generateUtilityClass(toastComponentName, slot);
+}
+export var toastClasses = generateUtilityClasses(toastComponentName, ['root', 'alert']);

package/esm/toast/toast-overrides.js

@@ -0,0 +1,28 @@
+export var createMuiSnackbarOverrides = function (_a) {
+    var _b, _c;
+    var typography = _a.typography, breakpoints = _a.breakpoints, tokens = _a.tokens;
+    var top = tokens.size_layout_app_top + tokens.size_layout_app_bar_height + 24;
+    return {
+        defaultProps: {
+            anchorOrigin: {
+                vertical: 'top',
+                horizontal: 'right',
+            },
+        },
+        styleOverrides: {
+            root: {
+                maxWidth: typography.pxToRem(640),
+            },
+            anchorOriginTopRight: (_b = {},
+                _b[breakpoints.up('sm')] = {
+                    top: top,
+                },
+                _b),
+            anchorOriginTopCenter: (_c = {},
+                _c[breakpoints.up('sm')] = {
+                    top: top,
+                },
+                _c),
+        },
+    };
+};

package/esm/toast/toast-provider.js

@@ -0,0 +1,50 @@
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import * as React from 'react';
+import { Toast } from './toast';
+var ToastContext = React.createContext({
+    openToast: function () { return undefined; },
+    closeToast: function () { return undefined; },
+});
+export var ToastProvider = function (_a) {
+    var children = _a.children;
+    var _b = __read(React.useState(null), 2), toast = _b[0], setToast = _b[1];
+    var _c = __read(React.useState(false), 2), isOpen = _c[0], setisOpen = _c[1];
+    var openToast = function (message, severity, options) {
+        if (options === void 0) { options = {}; }
+        setisOpen(true);
+        setToast(__assign({ message: message, severity: severity }, options));
+    };
+    var closeToast = React.useCallback(function () {
+        setisOpen(false);
+    }, []);
+    return (React.createElement(ToastContext.Provider, { value: { openToast: openToast, closeToast: closeToast } },
+        !!toast && (React.createElement(Toast, __assign({ open: isOpen }, toast, { onClose: closeToast, TransitionProps: { onExited: function () { return setToast(null); } } }))),
+        children));
+};
+export var useToast = function () { return React.useContext(ToastContext); };

package/esm/toast/toast.js

@@ -0,0 +1,51 @@
+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 Snackbar from '@mui/material/Snackbar';
+import { Alert } from '../alert';
+import { styled } from '../styled';
+import { toastComponentName, getToastUtilityClass, toastClasses } from './toast-classes';
+import { useMergedClasses } from '../styles/classes';
+import { Slide } from '../transitions';
+import { useThemeProps } from '../theme/use-theme-props';
+var autoHideDurationDefaults = {
+    danger: 8000,
+    warning: 8000,
+    success: 5000,
+    info: 5000,
+    default: 5000,
+};
+var Root = styled(Snackbar, { name: toastComponentName, slot: 'Root' })({});
+var DefaultSnackbarTransition = function (props) { return React.createElement(Slide, __assign({}, props, { direction: "left" })); };
+export var Toast = React.forwardRef(function (inProps, ref) {
+    // this is needed to make testing easier. It allows overrideing the Transition component.
+    var props = useThemeProps({
+        props: inProps,
+        name: 'MuiSnackbar',
+    });
+    var action = props.action, propAutoHideDuration = props.autoHideDuration, children = props.children, dismissible = props.dismissible, message = props.message, onClose = props.onClose, onDismiss = props.onDismiss, _a = props.severity, severity = _a === void 0 ? 'default' : _a, title = props.title, icon = props.icon, _b = props.AlertProps, AlertProps = _b === void 0 ? {} : _b, _c = props.TransitionComponent, TransitionComponent = _c === void 0 ? DefaultSnackbarTransition : _c, propClasses = props.classes, rootProps = __rest(props, ["action", "autoHideDuration", "children", "dismissible", "message", "onClose", "onDismiss", "severity", "title", "icon", "AlertProps", "TransitionComponent", "classes"]);
+    var classes = useMergedClasses(toastClasses, getToastUtilityClass, propClasses);
+    // allow null to disable autoHide
+    var autoHideDuration = propAutoHideDuration !== null ? propAutoHideDuration || autoHideDurationDefaults[severity] : null;
+    return (React.createElement(Root, __assign({ TransitionComponent: TransitionComponent, autoHideDuration: autoHideDuration, onClose: onClose, ref: ref, className: classes.root }, rootProps), children || (React.createElement(Alert, __assign({ elevation: 4, severity: severity, title: title, icon: icon, onClose: onClose ? function (event) { return onClose(event, 'closeClick'); } : undefined, action: action, dismissible: dismissible, onDismiss: onDismiss, variant: "outlined", className: classes.alert }, AlertProps), message))));
+});

package/esm/tooltip/index.js

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

package/esm/tooltip/tooltip-overrides.js

@@ -0,0 +1,26 @@
+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);
+};
+import { createComponentOverrides } from '../theme/create-component-overrides';
+export var createMuiTooltipOverrides = createComponentOverrides(function (_a) {
+    var typography = _a.typography, spacing = _a.spacing, tokens = _a.tokens;
+    return ({
+        defaultProps: {
+            arrow: true,
+        },
+        styleOverrides: {
+            tooltip: __assign(__assign({}, typography.caption), { fontWeight: typography.fontWeightMedium, color: tokens.color_fg_inverse, backgroundColor: tokens.color_bg_layer_boldest, padding: spacing(1, 1.5) }),
+            arrow: {
+                color: tokens.color_bg_layer_boldest,
+            },
+        },
+    });
+});

package/esm/transitions/index.js

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

package/esm/use-media-query/index.js

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

package/esm/utils/clsx.js

@@ -0,0 +1,4 @@
+import * as clsx from 'clsx';
+// this is needed to support jest's loading of the module using commonjs while esModuleInterop is enabled in quantum-product.
+var exportFn = clsx.default || clsx;
+export default exportFn;

package/esm/utils/index.js

@@ -0,0 +1,3 @@
+export { default as clsx } from './clsx';
+export { useControlled } from './use-controlled';
+export { useId } from './use-id';

package/esm/utils/layouts.js

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

package/esm/utils/md5.js

@@ -0,0 +1,4 @@
+import * as md5 from 'md5';
+// this is needed to support jest's loading of the module using commonjs while esModuleInterop is enabled in quantum-product.
+var exportFn = md5.default || md5;
+export default exportFn;

package/esm/utils/responsive-style-value.js

@@ -0,0 +1,18 @@
+export var isBreakPointValueMap = function (possibleMap) {
+    return !Array.isArray(possibleMap) && typeof possibleMap === 'object';
+};
+export var isBreakPointValueArray = function (possibleMap) {
+    return Array.isArray(possibleMap);
+};
+export var mapResponsiveStyleValue = function (propValue, getStyleValueForPropValue) {
+    if (isBreakPointValueArray(propValue)) {
+        return propValue.map(function (propValueItem) { return getStyleValueForPropValue(propValueItem); });
+    }
+    if (isBreakPointValueMap(propValue)) {
+        return Object.keys(propValue).reduce(function (acc, key) {
+            acc[key] = getStyleValueForPropValue(propValue[key]);
+            return acc;
+        }, {});
+    }
+    return getStyleValueForPropValue(propValue);
+};

package/esm/utils/use-controlled.js

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

package/esm/utils/use-id.js

@@ -0,0 +1,37 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import * as React from 'react';
+// Implementation taken from here: https://github.com/mui-org/material-ui/blob/next/packages/material-ui/src/utils/useId.js#L6
+export var useId = function (idOverride) {
+    var _a = __read(React.useState(idOverride), 2), defaultId = _a[0], setDefaultId = _a[1];
+    var id = idOverride || defaultId;
+    React.useEffect(function () {
+        var _a;
+        if (defaultId == null) {
+            if (((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'test') {
+                setDefaultId("quantum-product-mocked");
+            }
+            else {
+                // Fallback to this default id when possible.
+                // Use the random value for client-side rendering only.
+                // We can't use it server-side.
+                setDefaultId("quantum-product-".concat(Math.round(Math.random() * 1e5)));
+            }
+        }
+    }, [defaultId]);
+    return id;
+};

package/expansion-panel/expansion-panel-details.d.ts

@@ -0,0 +1,3 @@
+import AccordionDetails, { AccordionDetailsProps } from '@mui/material/AccordionDetails';
+export declare type IExpansionPanelDetailsProps = AccordionDetailsProps;
+export declare const ExpansionPanelDetails: import("styled-components").StyledComponent<typeof AccordionDetails, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;

package/expansion-panel/expansion-panel-details.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpansionPanelDetails = void 0;
+var AccordionDetails_1 = __importDefault(require("@mui/material/AccordionDetails"));
+var styled_1 = require("../styled");
+var expansionPanelDetailsComponentName = 'QuantumExpansionPanelDetails';
+exports.ExpansionPanelDetails = (0, styled_1.styled)(AccordionDetails_1.default, {
+    name: expansionPanelDetailsComponentName,
+    slot: 'Root',
+})(function (_a) {
+    var theme = _a.theme;
+    return {
+        display: 'flex',
+        padding: 0,
+        marginTop: theme.spacing(3),
+        flexDirection: 'column',
+    };
+});