@auth0/quantum-product 1.5.1

package/color-text-field/color-text-field.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IInputAdornmentProps } from '../input';
+import { ITextFieldProps } from '../text-field';
+export interface IColorTextFieldProps extends ITextFieldProps {
+    inputAdornmentProps?: IInputAdornmentProps;
+}
+export declare const ColorTextField: React.ForwardRefExoticComponent<IColorTextFieldProps & React.RefAttributes<HTMLDivElement>>;

package/color-text-field/color-text-field.js

@@ -0,0 +1,74 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorTextField = void 0;
+var React = __importStar(require("react"));
+var input_1 = require("../input");
+var styled_1 = require("../styled");
+var text_field_1 = require("../text-field");
+var colorTextFieldComponentName = 'QuantumColorTextField';
+var Root = (0, styled_1.styled)(text_field_1.TextField, { name: colorTextFieldComponentName, slot: 'Root' })({});
+var ColorPicker = (0, styled_1.styled)('input', { name: colorTextFieldComponentName, slot: 'ColorPicker' })(function (_a) {
+    var theme = _a.theme;
+    return ({
+        height: 30,
+        width: 25,
+        margin: 0,
+        padding: 0,
+        backgroundColor: 'transparent',
+        border: 'none',
+        color: 'transparent',
+        '&:focus': __assign({ outline: 'none' }, theme.mixins.focusRing()),
+    });
+});
+exports.ColorTextField = React.forwardRef(function (props, ref) {
+    var inputAdornmentProps = props.inputAdornmentProps, rootProps = __rest(props, ["inputAdornmentProps"]);
+    return (React.createElement(Root, __assign({ ref: ref }, rootProps, { InputProps: {
+            startAdornment: (React.createElement(input_1.InputAdornment, __assign({ position: "start" }, inputAdornmentProps),
+                React.createElement(ColorPicker, { id: props.id ? "".concat(props.id, "-color-input") : undefined, name: props.name, type: "color", disabled: props.disabled || props.readOnly, value: props.value || props.defaultValue || props.placeholder, onChange: props.onChange }))),
+        } })));
+});

package/color-text-field/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorTextField } from './color-text-field';
+export type { IColorTextFieldProps } from './color-text-field';

package/color-text-field/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorTextField = void 0;
+var color_text_field_1 = require("./color-text-field");
+Object.defineProperty(exports, "ColorTextField", { enumerable: true, get: function () { return color_text_field_1.ColorTextField; } });

package/column-layout/column-layout.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { IStyledComponentProps } from '../styled';
+import { ILayoutComponentProps } from '../utils/layouts';
+export declare type ColumnLayoutDistribution = '1/2 1/2' | '1/3 1/3 1/3' | '2/3 1/3' | '1/3 2/3' | '1/4 1/4 1/4 1/4' | '2/4 1/4 1/4' | '1/4 2/4 1/4' | '1/4 1/4 2/4' | '3/4 1/4' | '1/4 3/4';
+export declare type IColumnLayoutProps = IStyledComponentProps<{
+    props: ILayoutComponentProps & {
+        distribution?: ColumnLayoutDistribution;
+    };
+    defaultComponent: 'div';
+    classKey: 'QuantumColumnLayout';
+}>;
+export declare const ColumnLayout: React.ForwardRefExoticComponent<ILayoutComponentProps & {
+    distribution?: ColumnLayoutDistribution | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | keyof ILayoutComponentProps | "distribution"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLElement>>;

package/column-layout/column-layout.js

@@ -0,0 +1,72 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnLayout = void 0;
+var React = __importStar(require("react"));
+var styled_1 = require("../styled");
+var gridTemplateColumns = {
+    '1/2 1/2': 'repeat(2, minmax(0,1fr))',
+    '1/3 1/3 1/3': 'repeat(3, minmax(0,1fr))',
+    '2/3 1/3': 'minmax(0,2fr) minmax(0,1fr)',
+    '1/3 2/3': 'minmax(0,1fr) minmax(0,2fr)',
+    '1/4 1/4 1/4 1/4': "repeat(4, minmax(0,1fr))",
+    '2/4 1/4 1/4': 'minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)',
+    '1/4 2/4 1/4': 'minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)',
+    '1/4 1/4 2/4': 'minmax(0,1fr) minmax(0,1fr) minmax(0,2fr)',
+    '3/4 1/4': 'minmax(0,3fr) minmax(0,1fr)',
+    '1/4 3/4': 'minmax(0,1fr) minmax(0,3fr)',
+};
+var Root = (0, styled_1.styled)('div', {
+    name: 'QuantumColumnLayout',
+    slot: 'Root',
+})({
+    display: 'grid',
+});
+exports.ColumnLayout = React.forwardRef(function (_a, ref) {
+    var component = _a.component, asProp = _a.as, _b = _a.gutter, gutter = _b === void 0 ? 3 : _b, _c = _a.distribution, distribution = _c === void 0 ? '1/2 1/2' : _c, children = _a.children, sx = _a.sx, rootProps = __rest(_a, ["component", "as", "gutter", "distribution", "children", "sx"]);
+    return (React.createElement(Root, __assign({ as: asProp || component || 'div', ref: ref, sx: __assign({ gridTemplateColumns: ['minmax(0,1fr)', 'minmax(0,1fr)', gridTemplateColumns[distribution]], gap: gutter }, sx) }, rootProps), children));
+});

package/column-layout/index.d.ts

@@ -0,0 +1,2 @@
+export { ColumnLayout } from './column-layout';
+export type { IColumnLayoutProps } from './column-layout';

package/column-layout/index.js

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

package/config-block/config-block-classes.d.ts

@@ -0,0 +1,5 @@
+export declare const configBlockComponentName: "QuantumConfigBlock";
+export declare function getConfigBlockUtilityClass(slot: string): string;
+export declare const configBlockClasses: Record<"root" | "avatar" | "control", string>;
+export declare type ConfigBlockClasses = typeof configBlockClasses;
+export declare type ConfigBlockClassKey = keyof ConfigBlockClasses;

package/config-block/config-block-classes.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configBlockClasses = exports.getConfigBlockUtilityClass = exports.configBlockComponentName = void 0;
+var classes_1 = require("../styles/classes");
+exports.configBlockComponentName = 'QuantumConfigBlock';
+function getConfigBlockUtilityClass(slot) {
+    return (0, classes_1.generateUtilityClass)(exports.configBlockComponentName, slot);
+}
+exports.getConfigBlockUtilityClass = getConfigBlockUtilityClass;
+exports.configBlockClasses = (0, classes_1.generateUtilityClasses)(exports.configBlockComponentName, ['root', 'avatar', 'control']);

package/config-block/config-block.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { IAvatarBlockProps } from '../avatar-block';
+import { IColumnLayoutProps } from '../column-layout';
+import { ConfigBlockClasses } from './config-block-classes';
+interface IControlRenderProps {
+    id?: string;
+    controlId?: string;
+    helperTextId?: string;
+}
+declare type ControlRenderer = (props: IControlRenderProps) => React.ReactNode;
+export interface IConfigBlockProps extends Omit<IColumnLayoutProps, 'title'>, Pick<IAvatarBlockProps, 'avatar' | 'title' | 'titleTypographyProps' | 'description' | 'descriptionTypographyProps'> {
+    AvatarBlockProps?: Partial<IAvatarBlockProps>;
+    control?: ControlRenderer | React.ReactNode;
+    classes?: Partial<ConfigBlockClasses>;
+}
+export declare const ConfigBlock: React.ForwardRefExoticComponent<IConfigBlockProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/config-block/config-block.js

@@ -0,0 +1,110 @@
+"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.ConfigBlock = void 0;
+var React = __importStar(require("react"));
+var avatar_block_1 = require("../avatar-block");
+var column_layout_1 = require("../column-layout");
+var use_id_1 = require("../utils/use-id");
+var styled_1 = require("../styled");
+var clsx_1 = __importDefault(require("../utils/clsx"));
+var classes_1 = require("../styles/classes");
+var config_block_classes_1 = require("./config-block-classes");
+var isControlRenderer = function (node) {
+    return typeof node === 'function';
+};
+var Control = (0, styled_1.styled)('div', {
+    name: config_block_classes_1.configBlockComponentName,
+    slot: 'Control',
+})(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'flex-start'
+        },
+        _b[theme.breakpoints.up('sm')] = {
+            justifyContent: 'flex-end',
+        },
+        _b);
+});
+var useUtilityClasses = function (_a) {
+    var classes = _a.classes;
+    var slots = {
+        root: ['root'],
+        avatar: ['avatar'],
+        control: ['control'],
+    };
+    return (0, classes_1.composeClasses)(slots, config_block_classes_1.getConfigBlockUtilityClass, classes);
+};
+exports.ConfigBlock = React.forwardRef(function (props, ref) {
+    var classes = useUtilityClasses(props);
+    var propId = props.id, avatar = props.avatar, title = props.title, description = props.description, className = props.className, _a = props.titleTypographyProps, titleTypographyProps = _a === void 0 ? {} : _a, _b = props.descriptionTypographyProps, descriptionTypographyProps = _b === void 0 ? {} : _b, _c = props.AvatarBlockProps, AvatarBlockProps = _c === void 0 ? {} : _c, control = props.control, propClasses = props.classes, rootProps = __rest(props, ["id", "avatar", "title", "description", "className", "titleTypographyProps", "descriptionTypographyProps", "AvatarBlockProps", "control", "classes"]);
+    var id = (0, use_id_1.useId)(propId);
+    var controlId = id && "".concat(id, "-control");
+    var helperTextId = id && "".concat(id, "-description");
+    return (React.createElement(column_layout_1.ColumnLayout, __assign({ distribution: "3/4 1/4", gutter: [2, 2, 4], sx: { alignItems: 'center' }, className: (0, clsx_1.default)(classes.root, className) }, rootProps, { ref: ref }),
+        React.createElement(avatar_block_1.AvatarBlock, __assign({ className: classes.avatar, avatar: avatar, title: title, description: description, titleTypographyProps: __assign({ component: 'label', htmlFor: controlId, variant: 'subtitle1' }, titleTypographyProps), descriptionTypographyProps: __assign({ id: helperTextId }, descriptionTypographyProps) }, AvatarBlockProps, { TitleBlockProps: __assign({ gutter: 0.5 }, AvatarBlockProps.TitleBlockProps) })),
+        control && (React.createElement(Control, { className: classes.control }, isControlRenderer(control)
+            ? control({ id: id, controlId: controlId, helperTextId: helperTextId })
+            : React.Children.map(control, function (child) {
+                if (!child) {
+                    return null;
+                }
+                if (!React.isValidElement(child)) {
+                    return child;
+                }
+                return React.cloneElement(child, {
+                    id: controlId,
+                    'aria-describedby': helperTextId,
+                });
+            })))));
+});

package/config-block/index.d.ts

@@ -0,0 +1,3 @@
+export { ConfigBlock } from './config-block';
+export type { IConfigBlockProps } from './config-block';
+export { configBlockClasses } from './config-block-classes';

package/config-block/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configBlockClasses = exports.ConfigBlock = void 0;
+var config_block_1 = require("./config-block");
+Object.defineProperty(exports, "ConfigBlock", { enumerable: true, get: function () { return config_block_1.ConfigBlock; } });
+var config_block_classes_1 = require("./config-block-classes");
+Object.defineProperty(exports, "configBlockClasses", { enumerable: true, get: function () { return config_block_classes_1.configBlockClasses; } });

package/content/content.d.ts

@@ -0,0 +1 @@
+export declare const Content: import("styled-components").StyledComponent<"div", import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;

package/content/content.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = void 0;
+var styled_1 = require("../styled");
+exports.Content = (0, styled_1.styled)('div', { name: 'QuantumContent' })(function (_a) {
+    var theme = _a.theme;
+    return ({
+        '& > *': {
+            marginTop: '1.5em',
+            marginBottom: '1.5em',
+        },
+        // Page title
+        '& > h3': {
+            marginTop: '2.5em',
+            marginBottom: '1em',
+        },
+        '& > h3 > code': {
+            fontSize: '0.8em',
+        },
+        // Quickstart
+        // **************************************
+        // Quickstart title (24px)
+        '& > h4': {
+            marginTop: '2.5em',
+            marginBottom: '0.75em',
+            // Code: fix at theme level
+            fontWeight: theme.typography.fontWeightSemibold,
+        },
+        '& > h4 > code': {
+            fontSize: '0.8em',
+        },
+        // Section title (18px)
+        '& > h5': {
+            marginTop: '2em',
+            marginBottom: '0.75em',
+            // Code: fix at theme level
+            fontWeight: theme.typography.fontWeightSemibold,
+        },
+        // Section subtitle (16px)
+        '& > h6': {
+            marginTop: '1.75em',
+            marginBottom: '0.75em',
+            // Code: fix at theme level
+            fontWeight: theme.typography.fontWeightSemibold,
+        },
+        // Body text (14px)
+        '& > p': {
+            marginTop: '1em',
+            marginBottom: '1em',
+            lineHeight: 1.6,
+        },
+        '& > p > code': {
+            fontSize: '0.8em',
+        },
+        '& strong': {
+            fontWeight: theme.typography.fontWeightSemibold,
+        },
+        // List
+        '& > ul,& > ol': {
+            paddingLeft: '1.25em !important',
+        },
+        '& > ul > li,& > ol > li': {
+            marginBottom: '.25em',
+        },
+        '& > ul > li': {
+            listStyleType: 'square',
+        },
+        '& > ol > li': {
+            listStyleType: 'decimal',
+        },
+        '& code': {
+            // Code: fix at component level
+            paddingTop: '1px',
+            color: theme.tokens.color_fg_bold,
+        },
+        // img
+        '& > img, & > ul img, & > ol img': {
+            marginTop: '1.5em',
+            marginBottom: '1.5em',
+        },
+        '& img': {
+            maxWidth: '100%',
+        },
+        // leading and end spacing
+        '& > *:first-child': {
+            marginTop: 0,
+        },
+        '& > *:last-child': {
+            marginBottom: 0,
+        },
+        // being specifc here for known usecases. We might make this less strict later.
+        '& > a, & > p > a': {
+            color: theme.tokens.color_fg_selected,
+            textDecoration: 'none',
+            '&:hover': {
+                color: theme.tokens.color_bg_selected_hover,
+                textDecoration: 'none',
+            },
+        },
+    });
+});

package/content/index.d.ts

@@ -0,0 +1 @@
+export { Content } from './content';

package/content/index.js

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

package/copy-button/copy-button.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { IIconButtonProps } from '../icon-button';
+export declare type ICopyButtonProps = IIconButtonProps;
+export declare const CopyButton: React.ForwardRefExoticComponent<{
+    variant?: "link" | "outlined" | "contained" | undefined;
+    shape?: "default" | "circular" | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
+} & {
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
+    color?: "inherit" | "primary" | "default" | "danger" | "info" | undefined;
+    disabled?: boolean | undefined;
+    disableFocusRipple?: boolean | undefined;
+    edge?: false | "end" | "start" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+} & Omit<{
+    action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: 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?: React.ElementType<any> | undefined;
+    onFocusVisible?: 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?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref" | "color" | "action" | "disabled" | "size" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "edge" | "target" | "shape"> & React.RefAttributes<HTMLButtonElement>>;

package/copy-button/copy-button.js

@@ -0,0 +1,93 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyButton = void 0;
+var React = __importStar(require("react"));
+var icon_1 = require("../icon");
+var icon_button_1 = require("../icon-button");
+var tooltip_1 = require("../tooltip");
+exports.CopyButton = React.forwardRef(function (_a, ref) {
+    var onClick = _a.onClick, iconButtonProps = __rest(_a, ["onClick"]);
+    var _b = __read(React.useState(false), 2), pressed = _b[0], setPressed = _b[1];
+    React.useEffect(function () {
+        if (!pressed) {
+            return undefined;
+        }
+        var timeout = setTimeout(function () {
+            setPressed(false);
+        }, 5000);
+        return function () { return clearTimeout(timeout); };
+    }, [pressed]);
+    var handleClick = function (event) {
+        if (onClick) {
+            setPressed(true);
+            onClick(event);
+        }
+    };
+    var handleClose = function () { return setPressed(false); };
+    // use title as the key to force a mount/unmount of the tooltip. This drives the feedback transition.
+    var title = pressed ? 'Copied!' : 'Copy';
+    return (React.createElement(tooltip_1.Tooltip, { key: title, title: title, placement: "top", onClose: handleClose },
+        React.createElement(icon_button_1.IconButton, __assign({ ref: ref, onClick: handleClick }, iconButtonProps),
+            React.createElement(icon_1.CopyIcon, null))));
+});

package/copy-button/index.d.ts

@@ -0,0 +1,2 @@
+export { CopyButton } from './copy-button';
+export type { ICopyButtonProps } from './copy-button';

package/copy-button/index.js

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

package/css-baseline/css-baseline-overrides.d.ts

@@ -0,0 +1,2 @@
+import { CssBaselineProps } from '@mui/material/CssBaseline';
+export declare const createMuiCssBaselineOverrides: import("../theme/create-component-overrides").ComponentOverrideCreator<CssBaselineProps, "root">;

package/css-baseline/css-baseline-overrides.js

@@ -0,0 +1,27 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMuiCssBaselineOverrides = void 0;
+var create_component_overrides_1 = require("../theme/create-component-overrides");
+exports.createMuiCssBaselineOverrides = (0, create_component_overrides_1.createComponentOverrides)(function (_a) {
+    var typography = _a.typography;
+    return ({
+        defaultProps: {},
+        styleOverrides: [
+            "\n    html,\n    body,\n    div,\n    span,\n    applet,\n    object,\n    iframe,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    p,\n    blockquote,\n    pre,\n    a,\n    abbr,\n    acronym,\n    address,\n    big,\n    cite,\n    code,\n    del,\n    dfn,\n    em,\n    img,\n    ins,\n    kbd,\n    q,\n    s,\n    samp,\n    small,\n    strike,\n    strong,\n    sub,\n    sup,\n    tt,\n    var,\n    b,\n    u,\n    i,\n    center,\n    dl,\n    dt,\n    dd,\n    ol,\n    ul,\n    li,\n    fieldset,\n    form,\n    label,\n    legend,\n    table,\n    caption,\n    tbody,\n    tfoot,\n    thead,\n    tr,\n    th,\n    td,\n    article,\n    aside,\n    canvas,\n    details,\n    embed,\n    figure,\n    figcaption,\n    footer,\n    header,\n    hgroup,\n    menu,\n    nav,\n    output,\n    ruby,\n    section,\n    summary,\n    time,\n    mark,\n    audio,\n    video {\n      margin: 0;\n      padding: 0;\n      border: 0;\n      font-size: 100%;\n      font: inherit;\n      font-variant-numeric: slashed-zero;\n      vertical-align: baseline;\n    }\n\n    button {\n      font: inherit;\n      text-align: left;\n    }\n\n    article,\n    aside,\n    details,\n    figcaption,\n    figure,\n    footer,\n    header,\n    hgroup,\n    menu,\n    nav,\n    section {\n      display: block;\n    }\n\n    ol,ul {\n      list-style: none;\n    }\n\n    blockquote,q {\n      quotes: none;\n    }\n\n    blockquote:before,blockquote:after,q:before,q:after {\n      content: none;\n    }\n\n    table {\n      border-collapse: collapse;\n      border-spacing: 0;\n    }\n\n    strong, b {\n      font-weight: ".concat(typography.fontWeightBold, ";\n    }\n    "),
+            {
+                'body, input, textarea, button, select': __assign({}, typography.body2),
+            },
+        ],
+    });
+});

package/css-baseline/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CssBaseline } from '@mui/material/CssBaseline';
+export type { CssBaselineProps as ICssBaselineProps } from '@mui/material/CssBaseline';