@auth0/quantum-product 1.5.1

package/status/status-dot/status-dot.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { IStyledComponentProps } from '../../styled';
+import { ITextProps } from '../../text';
+import { StatusDotClasses } from './status-dot-classes';
+export declare type IStatusDotProps = IStyledComponentProps<{
+    props: {
+        label: React.ReactNode;
+        color?: 'default' | 'warning' | 'danger' | 'success' | 'info';
+        details?: React.ReactNode;
+        textVariant?: ITextProps['variant'];
+        textColor?: ITextProps['color'];
+        /**
+         * Override or extend the styles applied to the component.
+         */
+        classes?: Partial<StatusDotClasses>;
+    };
+    defaultComponent: 'span';
+}>;
+export declare type IStatusDotOwnerState = Pick<IStatusDotProps, 'color'>;
+export declare const StatusDot: React.ForwardRefExoticComponent<{
+    label: React.ReactNode;
+    color?: "default" | "warning" | "danger" | "success" | "info" | undefined;
+    details?: React.ReactNode;
+    textVariant?: ITextProps['variant'];
+    textColor?: ITextProps['color'];
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: Partial<Record<"dot" | "root", string>> | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "details" | "label" | "ref" | "color" | "classes" | "textColor" | "textVariant"> & import("../../styled").IStyledCommonProps & React.RefAttributes<HTMLSpanElement>>;

package/status/status-dot/status-dot.js

@@ -0,0 +1,101 @@
+"use strict";
+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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusDot = void 0;
+var React = __importStar(require("react"));
+var styled_1 = require("../../styled");
+var icon_1 = require("../../icon");
+var text_1 = require("../../text");
+var tooltip_1 = require("../../tooltip");
+var clsx_1 = __importDefault(require("../../utils/clsx"));
+var status_dot_classes_1 = require("./status-dot-classes");
+var classes_1 = require("../../styles/classes");
+var Root = (0, styled_1.styled)(text_1.Text, { name: status_dot_classes_1.statusDotComponentName, slot: 'Root' })(function () { return ({
+    display: 'inline-flex',
+    alignItems: 'center',
+}); });
+var Dot = (0, styled_1.styled)('span', { name: status_dot_classes_1.statusDotComponentName, slot: 'Dot' })(function (_a) {
+    var theme = _a.theme, _b = _a.ownerState, _c = _b === void 0 ? {} : _b, _d = _c.color, color = _d === void 0 ? 'default' : _d;
+    return (__assign({ display: 'inline-block', height: theme.typography.pxToRem(7), width: theme.typography.pxToRem(7), borderRadius: '50%', marginRight: theme.spacing(1), backgroundColor: theme.tokens.color_fg_state_neutral }, {
+        info: {
+            backgroundColor: theme.tokens.color_fg_state_info,
+        },
+        success: {
+            backgroundColor: theme.tokens.color_fg_state_success,
+        },
+        warning: {
+            backgroundColor: theme.tokens.color_fg_state_caution,
+        },
+        error: {
+            backgroundColor: theme.tokens.color_fg_state_danger,
+        },
+    }[color]));
+});
+var DetailsIcon = (0, styled_1.styled)('div', { name: status_dot_classes_1.statusDotComponentName, slot: 'DetailsIcon' })(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'inline-flex',
+        marginLeft: theme.spacing(0.5),
+    });
+});
+exports.StatusDot = React.forwardRef(function (props, ref) {
+    var _a = props.color, color = _a === void 0 ? 'default' : _a, textColor = props.textColor, _b = props.textVariant, textVariant = _b === void 0 ? 'body2' : _b, className = props.className, children = props.children, label = props.label, details = props.details, // remove to prevent passing through to the root
+    propClasses = props.classes, rootProps = __rest(props, ["color", "textColor", "textVariant", "className", "children", "label", "details", "classes"]);
+    var classes = (0, classes_1.useMergedClasses)(status_dot_classes_1.statusDotClasses, status_dot_classes_1.getStatusDotUtilityClass, propClasses);
+    var ownerState = {
+        color: color,
+    };
+    return (React.createElement(Root, __assign({ ref: ref, component: "span", variant: textVariant, color: textColor, className: (0, clsx_1.default)(classes.root, className) }, rootProps),
+        React.createElement(Dot, { role: "img", ownerState: ownerState, className: classes.dot }),
+        label,
+        !!details && (React.createElement(tooltip_1.Tooltip, { title: details },
+            React.createElement(DetailsIcon, null,
+                React.createElement(icon_1.HelpCircleIcon, { size: "1em" }))))));
+});

package/status/status-icon/index.d.ts

@@ -0,0 +1,3 @@
+export { StatusIcon } from './status-icon';
+export type { IStatusIconProps } from './status-icon';
+export { statusIconClasses } from './status-icon-classes';

package/status/status-icon/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.statusIconClasses = exports.StatusIcon = void 0;
+var status_icon_1 = require("./status-icon");
+Object.defineProperty(exports, "StatusIcon", { enumerable: true, get: function () { return status_icon_1.StatusIcon; } });
+var status_icon_classes_1 = require("./status-icon-classes");
+Object.defineProperty(exports, "statusIconClasses", { enumerable: true, get: function () { return status_icon_classes_1.statusIconClasses; } });

package/status/status-icon/status-icon-classes.d.ts

@@ -0,0 +1,5 @@
+export declare const statusIconComponentName: "QuantumStatusIcon";
+export declare function getStatusIconUtilityClass(slot: string): string;
+export declare const statusIconClasses: Record<"icon" | "root", string>;
+export declare type StatusIconClasses = typeof statusIconClasses;
+export declare type StatusIconClassKey = keyof StatusIconClasses;

package/status/status-icon/status-icon-classes.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.statusIconClasses = exports.getStatusIconUtilityClass = exports.statusIconComponentName = void 0;
+var classes_1 = require("../../styles/classes");
+exports.statusIconComponentName = 'QuantumStatusIcon';
+function getStatusIconUtilityClass(slot) {
+    return (0, classes_1.generateUtilityClass)(exports.statusIconComponentName, slot);
+}
+exports.getStatusIconUtilityClass = getStatusIconUtilityClass;
+exports.statusIconClasses = (0, classes_1.generateUtilityClasses)(exports.statusIconComponentName, ['root', 'icon']);

package/status/status-icon/status-icon.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { IconType } from '../../icon';
+import { IStyledComponentProps } from '../../styled';
+import { ITheme } from '../../theme';
+import { StatusIconClasses } from './status-icon-classes';
+import { ThemeColorTokenName } from '../../theme/tokens';
+declare type StatusIconColor = 'default' | 'warning' | 'danger' | 'success' | 'info';
+declare type StatusIconVariant = 'default' | 'filled';
+export declare type IStatusIconProps = IStyledComponentProps<{
+    props: {
+        color?: StatusIconColor;
+        label?: string;
+        icon?: IconType;
+        variant?: StatusIconVariant;
+        classes?: Partial<StatusIconClasses>;
+    };
+    defaultComponent: 'span';
+}>;
+export declare const getStatusIconStyles: (theme: ITheme, bgColor: ThemeColorTokenName, fgColor?: ThemeColorTokenName) => {
+    background: string;
+    color: string;
+};
+export declare const StatusIcon: React.ForwardRefExoticComponent<{
+    color?: StatusIconColor | undefined;
+    label?: string | undefined;
+    icon?: IconType | undefined;
+    variant?: StatusIconVariant | undefined;
+    classes?: Partial<Record<"icon" | "root", string>> | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "label" | "ref" | "color" | "icon" | "classes" | "variant"> & import("../../styled").IStyledCommonProps & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/status/status-icon/status-icon.js

@@ -0,0 +1,128 @@
+"use strict";
+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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusIcon = exports.getStatusIconStyles = void 0;
+var React = __importStar(require("react"));
+var icon_1 = require("../../icon");
+var styled_1 = require("../../styled");
+var status_icon_classes_1 = require("./status-icon-classes");
+var clsx_1 = __importDefault(require("../../utils/clsx"));
+var classes_1 = require("../../styles/classes");
+var getStatusIconStyles = function (theme, bgColor, fgColor) { return ({
+    background: theme.tokens[bgColor],
+    color: fgColor ? theme.tokens[fgColor] : theme.tokens.color_fg_inverse_static,
+}); };
+exports.getStatusIconStyles = getStatusIconStyles;
+var defaultForegroundColorMap = {
+    default: 'color_fg_on_state_neutral_subtle',
+    danger: 'color_fg_on_state_danger_subtle',
+    warning: 'color_fg_on_state_caution_subtle',
+    info: 'color_fg_on_state_info_subtle',
+    success: 'color_fg_on_state_success_subtle',
+};
+var defaultColorMap = {
+    default: 'color_bg_state_neutral_subtle',
+    danger: 'color_bg_state_danger_subtle',
+    warning: 'color_bg_state_caution_subtle',
+    info: 'color_bg_state_info_subtle',
+    success: 'color_bg_state_success_subtle',
+};
+var filledColorMap = {
+    default: 'color_bg_state_neutral',
+    danger: 'color_bg_state_danger',
+    warning: 'color_bg_state_caution',
+    info: 'color_bg_state_info',
+    success: 'color_bg_state_success',
+};
+var Root = (0, styled_1.styled)('span', {
+    shouldForwardProp: function (prop) { return (0, styled_1.rootShouldForwardProp)(prop) && prop !== 'color' && prop !== 'variant'; },
+    name: status_icon_classes_1.statusIconComponentName,
+    slot: 'Root',
+})(function (_a) {
+    var theme = _a.theme, ownerState = _a.ownerState;
+    var iconClass;
+    var defaultVariant = {
+        backgroundColor: theme.tokens.color_bg_state_neutral,
+        color: theme.tokens.color_fg_inverse_static,
+    };
+    var showDefaultVariant = ownerState.variant === 'default' && defaultVariant;
+    if (ownerState.variant === 'filled') {
+        var filledColorName = ownerState.color && filledColorMap[ownerState.color];
+        iconClass = filledColorName && (0, exports.getStatusIconStyles)(theme, filledColorName);
+    }
+    else {
+        var colorName = ownerState.color && defaultColorMap[ownerState.color];
+        var fgColorName = ownerState.color && defaultForegroundColorMap[ownerState.color];
+        iconClass = colorName && fgColorName && (0, exports.getStatusIconStyles)(theme, colorName, fgColorName);
+    }
+    return __assign(__assign(__assign({}, showDefaultVariant), iconClass), { height: 20, width: 20, fontSize: 12, display: 'inline-flex', alignItems: 'center', justifyContent: 'center', borderRadius: '50%' });
+});
+var statusIconMap = {
+    danger: icon_1.XIcon,
+    default: icon_1.InfoIcon,
+    info: icon_1.InfoIcon,
+    success: icon_1.CheckIcon,
+    warning: icon_1.AlertTriangleIcon,
+};
+var labelMap = {
+    danger: 'Error',
+    default: 'Information',
+    info: 'Information',
+    success: 'Success',
+    warning: 'Warning',
+};
+exports.StatusIcon = React.forwardRef(function (props, ref) {
+    var _a = props.color, color = _a === void 0 ? 'default' : _a, _b = props.variant, variant = _b === void 0 ? 'default' : _b, children = props.children, label = props.label, className = props.className, propClasses = props.classes, IconProp = props.icon, rootProps = __rest(props, ["color", "variant", "children", "label", "className", "classes", "icon"]);
+    var classes = (0, classes_1.useMergedClasses)(status_icon_classes_1.statusIconClasses, status_icon_classes_1.getStatusIconUtilityClass, propClasses);
+    var Icon = IconProp || statusIconMap[color];
+    var ariaLabel = label || labelMap[color];
+    return (React.createElement(Root, __assign({ ref: ref, ownerState: { variant: variant, color: color }, className: (0, clsx_1.default)(classes.root, className) }, rootProps),
+        React.createElement(Icon, { className: classes.icon, "aria-label": ariaLabel, role: "img", size: "1em" })));
+});

package/stepper/index.d.ts

@@ -0,0 +1,4 @@
+export * from './stepper';
+export * from './step';
+export * from './step-label';
+export * from './step-content';

package/stepper/index.js

@@ -0,0 +1,20 @@
+"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("./stepper"), exports);
+__exportStar(require("./step"), exports);
+__exportStar(require("./step-label"), exports);
+__exportStar(require("./step-content"), exports);

package/stepper/step/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Step } from '@mui/material/Step';
+export type { StepProps as IStepProps, StepClassKey } from '@mui/material/Step';

package/stepper/step/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Step = void 0;
+var Step_1 = require("@mui/material/Step");
+Object.defineProperty(exports, "Step", { enumerable: true, get: function () { return __importDefault(Step_1).default; } });

package/stepper/step-content/index.d.ts

@@ -0,0 +1,2 @@
+export { default as StepContent } from '@mui/material/StepContent';
+export type { StepContentProps as IStepContentProps, StepContentClassKey } from '@mui/material/StepContent';

package/stepper/step-content/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepContent = void 0;
+var StepContent_1 = require("@mui/material/StepContent");
+Object.defineProperty(exports, "StepContent", { enumerable: true, get: function () { return __importDefault(StepContent_1).default; } });

package/stepper/step-label/index.d.ts

@@ -0,0 +1,2 @@
+export { StepLabel } from './step-label';
+export type { StepLabelProps as IStepLabelProps, StepLabelClassKey } from '@mui/material/StepLabel';

package/stepper/step-label/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepLabel = void 0;
+var step_label_1 = require("./step-label");
+Object.defineProperty(exports, "StepLabel", { enumerable: true, get: function () { return step_label_1.StepLabel; } });

package/stepper/step-label/step-label.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { StepLabelProps } from '@mui/material/StepLabel';
+export declare const StepLabel: React.ForwardRefExoticComponent<Pick<StepLabelProps, "slot" | "style" | "title" | "color" | "error" | "hidden" | "icon" | "translate" | "className" | "classes" | "children" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "componentsProps" | "optional" | "StepIconComponent" | "StepIconProps"> & React.RefAttributes<HTMLDivElement>>;

package/stepper/step-label/step-label.js

@@ -0,0 +1,50 @@
+"use strict";
+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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepLabel = void 0;
+var React = __importStar(require("react"));
+var StepLabel_1 = __importDefault(require("@mui/material/StepLabel"));
+var quantum_product_1 = require("@a0/quantum-product");
+var CustomStepIcon = function (_a) {
+    var active = _a.active, completed = _a.completed;
+    return (React.createElement(quantum_product_1.StatusIcon, { icon: quantum_product_1.CheckIcon, variant: active || completed ? 'filled' : 'default', color: completed ? 'success' : 'default' }));
+};
+exports.StepLabel = React.forwardRef(function (props, ref) {
+    return React.createElement(StepLabel_1.default, __assign({ StepIconComponent: CustomStepIcon }, props, { ref: ref }));
+});

package/stepper/stepper.d.ts

@@ -0,0 +1,2 @@
+export { default as Stepper } from '@mui/material/Stepper';
+export type { StepperProps as IStepperProps, StepperClassKey } from '@mui/material/Stepper';

package/stepper/stepper.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stepper = void 0;
+var Stepper_1 = require("@mui/material/Stepper");
+Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return __importDefault(Stepper_1).default; } });

package/styled.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { DefaultComponentProps, OverridableTypeMap } from './overridable-component';
+import { shouldForwardProp, SxProps as MUISxProps } from '@mui/system';
+import { ITheme } from './theme';
+export declare type SxProps = MUISxProps<ITheme>;
+export interface IStyledCommonProps {
+    sx?: SxProps;
+    as?: React.ElementType;
+    /** @deprecated use `as` */
+    component?: React.ElementType;
+}
+/**
+ * Props for components that use a styled component as the root
+ */
+export declare type IStyledComponentProps<TypeMap extends OverridableTypeMap> = DefaultComponentProps<TypeMap> & IStyledCommonProps;
+export interface IStyledOwnerStateProps<Props = {}> {
+    ownerState: Props;
+}
+export declare const rootShouldForwardProp: typeof shouldForwardProp;
+export declare const styled: import("@mui/system").CreateMUIStyled<import("@mui/material").Theme>;

package/styled.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styled = exports.rootShouldForwardProp = void 0;
+var system_1 = require("@mui/system");
+var theme_1 = require("./theme");
+var rootShouldForwardProp = function (prop) { return (0, system_1.shouldForwardProp)(prop) && prop !== 'classes'; };
+exports.rootShouldForwardProp = rootShouldForwardProp;
+exports.styled = (0, system_1.createStyled)({
+    defaultTheme: theme_1.defaultTheme,
+    rootShouldForwardProp: exports.rootShouldForwardProp,
+});

package/styles/classes.d.ts

@@ -0,0 +1,5 @@
+export { default as generateUtilityClass } from '@mui/base/generateUtilityClass';
+export { default as generateUtilityClasses } from '@mui/base/generateUtilityClasses';
+import composeClasses from '@mui/base/composeClasses';
+export { composeClasses };
+export declare function useMergedClasses<ClassKey extends string>(allClasses: Record<ClassKey, string>, getUtilityClass: (key: string) => string, propClasses?: Record<string, string | undefined> | undefined): Record<ClassKey, string>;

package/styles/classes.js

@@ -0,0 +1,58 @@
+"use strict";
+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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMergedClasses = exports.composeClasses = exports.generateUtilityClasses = exports.generateUtilityClass = void 0;
+var generateUtilityClass_1 = require("@mui/base/generateUtilityClass");
+Object.defineProperty(exports, "generateUtilityClass", { enumerable: true, get: function () { return __importDefault(generateUtilityClass_1).default; } });
+var generateUtilityClasses_1 = require("@mui/base/generateUtilityClasses");
+Object.defineProperty(exports, "generateUtilityClasses", { enumerable: true, get: function () { return __importDefault(generateUtilityClasses_1).default; } });
+var composeClasses_1 = __importDefault(require("@mui/base/composeClasses"));
+exports.composeClasses = composeClasses_1.default;
+var React = __importStar(require("react"));
+function useMergedClasses(allClasses, getUtilityClass, propClasses) {
+    if (propClasses === void 0) { propClasses = {}; }
+    var slotMap = React.useMemo(function () {
+        return Object.keys(allClasses).reduce(function (prev, key) {
+            var _a;
+            return (__assign(__assign({}, prev), (_a = {}, _a[key] = [key], _a)));
+        }, {});
+    }, [allClasses]);
+    return (0, composeClasses_1.default)(slotMap, getUtilityClass, propClasses);
+}
+exports.useMergedClasses = useMergedClasses;

package/styles/color-manipulator.d.ts

@@ -0,0 +1 @@
+export { alpha, alpha as fade, getContrastRatio, lighten, darken } from '@mui/system';

package/styles/color-manipulator.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darken = exports.lighten = exports.getContrastRatio = exports.fade = exports.alpha = void 0;
+var system_1 = require("@mui/system");
+Object.defineProperty(exports, "alpha", { enumerable: true, get: function () { return system_1.alpha; } });
+Object.defineProperty(exports, "fade", { enumerable: true, get: function () { return system_1.alpha; } });
+Object.defineProperty(exports, "getContrastRatio", { enumerable: true, get: function () { return system_1.getContrastRatio; } });
+Object.defineProperty(exports, "lighten", { enumerable: true, get: function () { return system_1.lighten; } });
+Object.defineProperty(exports, "darken", { enumerable: true, get: function () { return system_1.darken; } });

package/styles/index.d.ts

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

package/styles/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("./color-manipulator"), exports);

package/svg-icon/index.d.ts

@@ -0,0 +1,2 @@
+export { SvgIcon } from './svg-icon';
+export type { ISVGIconProps } from './svg-icon';

package/svg-icon/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SvgIcon = void 0;
+var svg_icon_1 = require("./svg-icon");
+Object.defineProperty(exports, "SvgIcon", { enumerable: true, get: function () { return svg_icon_1.SvgIcon; } });