@auth0/quantum-product 1.5.1

package/card/card-content/index.js

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

package/card/card-context.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare type CardSize = 'small' | 'medium' | 'large' | 'xlarge';
+export interface ICardContextValue {
+    size: CardSize;
+}
+export declare const defaultCardSize: CardSize;
+export declare const CardContext: React.Context<ICardContextValue>;
+export declare const useCardContext: () => ICardContextValue;

package/card/card-context.js

@@ -0,0 +1,33 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCardContext = exports.CardContext = exports.defaultCardSize = void 0;
+var React = __importStar(require("react"));
+exports.defaultCardSize = 'large';
+exports.CardContext = React.createContext({
+    size: exports.defaultCardSize,
+});
+var useCardContext = function () { return React.useContext(exports.CardContext); };
+exports.useCardContext = useCardContext;

package/card/card-header/card-header-classes.d.ts

@@ -0,0 +1,5 @@
+export declare const cardHeaderComponentName: "QuantumCardHeader";
+export declare function getCardHeaderUtilityClass(slot: string): string;
+export declare const cardHeaderClasses: Record<"title" | "action" | "content" | "root" | "avatar" | "subheader", string>;
+export declare type CardHeaderClasses = typeof cardHeaderClasses;
+export declare type CardHeaderClassKey = keyof CardHeaderClasses;

package/card/card-header/card-header-classes.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cardHeaderClasses = exports.getCardHeaderUtilityClass = exports.cardHeaderComponentName = void 0;
+var classes_1 = require("../../styles/classes");
+exports.cardHeaderComponentName = 'QuantumCardHeader';
+function getCardHeaderUtilityClass(slot) {
+    return (0, classes_1.generateUtilityClass)(exports.cardHeaderComponentName, slot);
+}
+exports.getCardHeaderUtilityClass = getCardHeaderUtilityClass;
+exports.cardHeaderClasses = (0, classes_1.generateUtilityClasses)(exports.cardHeaderComponentName, [
+    'root',
+    'avatar',
+    'action',
+    'content',
+    'title',
+    'subheader',
+]);

package/card/card-header/card-header-overrides.d.ts

@@ -0,0 +1,2 @@
+import { CardHeaderProps } from '@mui/material/CardHeader';
+export declare const createMuiCardHeaderOverrides: import("../../theme/create-component-overrides").ComponentOverrideCreator<CardHeaderProps<"div", {}, "span", "span">, keyof import("@mui/material/CardHeader").CardHeaderClasses>;

package/card/card-header/card-header-overrides.js

@@ -0,0 +1,49 @@
+"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.createMuiCardHeaderOverrides = void 0;
+var create_component_overrides_1 = require("../../theme/create-component-overrides");
+exports.createMuiCardHeaderOverrides = (0, create_component_overrides_1.createComponentOverrides)(function (_a) {
+    var typography = _a.typography, spacing = _a.spacing, tokens = _a.tokens;
+    return ({
+        styleOverrides: {
+            root: {
+                marginBottom: spacing(3),
+                padding: 0,
+                '&:last-child': {
+                    marginBottom: 0,
+                },
+            },
+            content: {
+                minWidth: spacing(0),
+            },
+            avatar: {
+                alignSelf: 'flex-start',
+                paddingTop: spacing(0.5),
+            },
+            title: {
+                marginBottom: spacing(0.5),
+                '&:last-child': {
+                    marginBottom: 0,
+                },
+            },
+            action: {
+                marginRight: 0,
+                marginTop: 0,
+                marginLeft: spacing(1),
+                alignSelf: 'center',
+            },
+            subheader: __assign(__assign({}, typography.body2), { color: tokens.color_fg_default }),
+        },
+    });
+});

package/card/card-header/card-header.d.ts

@@ -0,0 +1,88 @@
+import * as React from 'react';
+import { ICardContextValue } from '../card-context';
+import { IStyledComponentProps } from '../../styled';
+import { ITextProps } from '../../text';
+import { CardHeaderClasses } from './card-header-classes';
+export declare type ICardHeaderProps = IStyledComponentProps<{
+    props: Partial<ICardContextValue> & {
+        /**
+         * The action to display in the card header.
+         */
+        action?: React.ReactNode;
+        /**
+         * The Avatar element to display.
+         */
+        avatar?: React.ReactNode;
+        /**
+         * Override or extend the styles applied to the component.
+         */
+        classes?: Partial<CardHeaderClasses>;
+        /**
+         * If `true`, `subheader` and `title` won't be wrapped by a Typography component.
+         * This can be useful to render an alternative Typography variant by wrapping
+         * the `title` text, and optional `subheader` text
+         * with the Typography component.
+         * @default false
+         */
+        disableTypography?: boolean;
+        /**
+         * The content of the component.
+         */
+        subheader?: React.ReactNode;
+        /**
+         * These props will be forwarded to the subheader
+         * (as long as disableTypography is not `true`).
+         */
+        subheaderTypographyProps?: ITextProps<any>;
+        /**
+         * The content of the component.
+         */
+        title?: React.ReactNode;
+        /**
+         * These props will be forwarded to the title
+         * (as long as disableTypography is not `true`).
+         */
+        titleTypographyProps?: ITextProps<any>;
+    };
+    defaultComponent: 'div';
+}>;
+export declare const CardHeader: React.ForwardRefExoticComponent<Partial<ICardContextValue> & {
+    /**
+     * The action to display in the card header.
+     */
+    action?: React.ReactNode;
+    /**
+     * The Avatar element to display.
+     */
+    avatar?: React.ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: Partial<Record<"title" | "action" | "content" | "root" | "avatar" | "subheader", string>> | undefined;
+    /**
+     * If `true`, `subheader` and `title` won't be wrapped by a Typography component.
+     * This can be useful to render an alternative Typography variant by wrapping
+     * the `title` text, and optional `subheader` text
+     * with the Typography component.
+     * @default false
+     */
+    disableTypography?: boolean | undefined;
+    /**
+     * The content of the component.
+     */
+    subheader?: React.ReactNode;
+    /**
+     * These props will be forwarded to the subheader
+     * (as long as disableTypography is not `true`).
+     */
+    subheaderTypographyProps?: ITextProps<any, {}> | undefined;
+    /**
+     * The content of the component.
+     */
+    title?: React.ReactNode;
+    /**
+     * These props will be forwarded to the title
+     * (as long as disableTypography is not `true`).
+     */
+    titleTypographyProps?: ITextProps<any, {}> | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "ref" | "action" | "size" | "classes" | "avatar" | "disableTypography" | "subheader" | "subheaderTypographyProps" | "titleTypographyProps"> & import("../../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

package/card/card-header/card-header.js

@@ -0,0 +1,95 @@
+"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.CardHeader = void 0;
+var React = __importStar(require("react"));
+var CardHeader_1 = __importDefault(require("@mui/material/CardHeader"));
+var card_context_1 = require("../card-context");
+var styled_1 = require("../../styled");
+var text_1 = require("../../text");
+var card_header_classes_1 = require("./card-header-classes");
+var clsx_1 = __importDefault(require("../../utils/clsx"));
+var classes_1 = require("../../styles/classes");
+var Root = (0, styled_1.styled)(CardHeader_1.default, { name: card_header_classes_1.cardHeaderComponentName })(function (_a) {
+    var _b;
+    var ownerState = _a.ownerState;
+    return (_b = {},
+        _b[".".concat(card_header_classes_1.cardHeaderClasses.avatar)] = {
+            paddingTop: ownerState.size === 'large' || ownerState.size === 'xlarge' ? 5 : ownerState.size === 'small' ? 2 : 4,
+        },
+        _b);
+});
+var Title = (0, styled_1.styled)(text_1.Text, { name: card_header_classes_1.cardHeaderComponentName, slot: 'Title' })(function (_a) {
+    var theme = _a.theme, ownerState = _a.ownerState;
+    return ({
+        marginBottom: ownerState.size === 'small' ? theme.spacing(0.25) : theme.spacing(0.5),
+        '&:last-child': {
+            marginBottom: 0,
+        },
+    });
+});
+var titleVariantMap = {
+    small: 'subtitle2',
+    medium: 'subtitle2',
+    large: 'subtitle1',
+    xlarge: 'subtitle1',
+};
+exports.CardHeader = React.forwardRef(function (props, ref) {
+    var sizeContext = (0, card_context_1.useCardContext)().size;
+    var sizeProp = props.size, _a = props.titleTypographyProps, titleTypographyProps = _a === void 0 ? {} : _a, _b = props.subheaderTypographyProps, subheaderTypographyProps = _b === void 0 ? {} : _b, title = props.title, subheader = props.subheader, propClasses = props.classes, cardProps = __rest(props, ["size", "titleTypographyProps", "subheaderTypographyProps", "title", "subheader", "classes"]);
+    var classes = (0, classes_1.useMergedClasses)(card_header_classes_1.cardHeaderClasses, card_header_classes_1.getCardHeaderUtilityClass, propClasses);
+    var size = sizeProp || sizeContext || card_context_1.defaultCardSize;
+    var titleVariant = titleVariantMap[size];
+    return (React.createElement(Root, __assign({ ref: ref, ownerState: { size: size }, classes: {
+            action: classes.action,
+            avatar: classes.avatar,
+            content: classes.content,
+        }, title: React.createElement(Title, __assign({ variant: titleVariant, color: "textPrimary" }, { component: 'h2' }, { display: "block" }, titleTypographyProps, { className: (0, clsx_1.default)(classes.title, titleTypographyProps.className), ownerState: { size: size } }), title), subheader: subheader ? (React.createElement(text_1.Text, __assign({ variant: "body2", color: "textSecondary", component: "p" }, subheaderTypographyProps, { className: (0, clsx_1.default)(classes.subheader, subheaderTypographyProps.className) }), subheader)) : null }, cardProps, { disableTypography: true })));
+});

package/card/card-header/index.d.ts

@@ -0,0 +1,3 @@
+export { CardHeader } from './card-header';
+export type { ICardHeaderProps } from './card-header';
+export { cardHeaderClasses } from './card-header-classes';

package/card/card-header/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cardHeaderClasses = exports.CardHeader = void 0;
+var card_header_1 = require("./card-header");
+Object.defineProperty(exports, "CardHeader", { enumerable: true, get: function () { return card_header_1.CardHeader; } });
+var card_header_classes_1 = require("./card-header-classes");
+Object.defineProperty(exports, "cardHeaderClasses", { enumerable: true, get: function () { return card_header_classes_1.cardHeaderClasses; } });

package/card/card-overrides.d.ts

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

package/card/card-overrides.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMuiCardOverrides = void 0;
+var create_component_overrides_1 = require("../theme/create-component-overrides");
+exports.createMuiCardOverrides = (0, create_component_overrides_1.createComponentOverrides)(function () { return ({
+    defaultProps: {
+        variant: 'outlined',
+    },
+}); });

package/card/card.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { PaperProps } from '@mui/material/Paper';
+import { OverridableComponent, OverrideProps } from '../overridable-component';
+import { IStyledOwnerStateProps } from '../styled';
+import { ICardContextValue } from './card-context';
+export declare const cardComponentName: "QuantumCard";
+export interface ICardRootOwnerState extends Partial<ICardContextValue> {
+    disabled?: boolean;
+    selectableButton?: boolean;
+    selected?: boolean;
+    button?: boolean;
+}
+export declare const Root: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/Card").CardTypeMap<{}, "div">>, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & IStyledOwnerStateProps<ICardRootOwnerState>, never>;
+export interface ICardTypeMap<P = {}, D extends React.ElementType = 'div'> {
+    props: P & Omit<PaperProps, 'variant' | 'ref' | 'component'> & Partial<ICardRootOwnerState> & {
+        component?: React.ElementType;
+    };
+    defaultComponent: D;
+}
+export declare type ICardProps<D extends React.ElementType = ICardTypeMap['defaultComponent'], P = {}> = OverrideProps<ICardTypeMap<P, D>, D>;
+export declare const Card: OverridableComponent<ICardTypeMap<{}, "div">>;

package/card/card.js

@@ -0,0 +1,126 @@
+"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.Card = exports.Root = exports.cardComponentName = void 0;
+var React = __importStar(require("react"));
+var Card_1 = __importDefault(require("@mui/material/Card"));
+var color_manipulator_1 = require("../styles/color-manipulator");
+var styled_1 = require("../styled");
+var card_context_1 = require("./card-context");
+exports.cardComponentName = 'QuantumCard';
+exports.Root = (0, styled_1.styled)(Card_1.default, {
+    name: exports.cardComponentName,
+    slot: 'Root',
+})(function (_a) {
+    var theme = _a.theme, ownerState = _a.ownerState;
+    var selectedBorderColor = theme.tokens.color_border_selected;
+    var selectedStyle = {
+        boxShadow: theme.mixins.borderAsBoxShadow(selectedBorderColor, 1),
+        borderColor: selectedBorderColor,
+        '&:hover': {
+            boxShadow: theme.mixins.borderAsBoxShadow(selectedBorderColor, 1),
+            borderColor: selectedBorderColor,
+        },
+        '&$disabled': {
+            boxShadow: theme.mixins.borderAsBoxShadow(theme.tokens.color_border_disabled_selected, 2),
+            borderColor: 'transparent',
+        },
+        '&:focus-visible': {
+            boxShadow: "".concat(theme.mixins.borderAsBoxShadow(theme.tokens.color_border_focus_bold, 1), ", ").concat((0, color_manipulator_1.fade)(theme.tokens.color_border_focus_bold, 0.25), " 0px 0px 0px 0.25em"),
+        },
+    };
+    var disabledStyle = {
+        cursor: 'not-allowed',
+        color: theme.tokens.color_fg_disabled,
+        backgroundColor: theme.tokens.color_bg_disabled,
+        '&:hover': {
+            boxShadow: 'none',
+        },
+    };
+    return __assign(__assign(__assign(__assign(__assign({}, (ownerState.button && __assign({
+        borderColor: theme.tokens.color_border_bold,
+        cursor: 'pointer',
+        transition: theme.transitions.create(['box-shadow', 'border-color'], {
+            duration: theme.transitions.duration.shortest,
+        }),
+        '&:hover': theme.palette.mode === 'light'
+            ? {
+                boxShadow: theme.palette.mode === 'light' ? theme.shadows[1] : theme.shadows[2],
+            }
+            : {
+                backgroundColor: (0, color_manipulator_1.fade)(theme.palette.action.hoverBackground, 0.1),
+                boxShadow: theme.shadows[1],
+            },
+        '&:focus': __assign({ outline: 'none' }, theme.mixins.focusRing()),
+    }))), (ownerState.selectableButton && {
+        cursor: 'pointer',
+        transition: theme.transitions.create(['box-shadow', 'border-color'], {
+            duration: theme.transitions.duration.shortest,
+        }),
+    })), (ownerState.selected && __assign({}, selectedStyle))), (ownerState.disabled && __assign({}, disabledStyle))), { borderRadius: ownerState.size === 'large' || ownerState.size === 'xlarge' ? 6 : 4, padding: {
+            small: theme.spacing(2),
+            medium: theme.spacing(3),
+            large: theme.spacing(4),
+            xlarge: theme.spacing(5),
+        }[ownerState.size || 'large'] });
+});
+exports.Card = React.forwardRef(function (props, ref) {
+    var button = props.button, _a = props.component, component = _a === void 0 ? 'div' : _a, disabled = props.disabled, className = props.className, selected = props.selected, selectableButton = props.selectableButton, _b = props.size, size = _b === void 0 ? 'large' : _b, 
+    // remove to prevent passing through to the root
+    propClasses = props.classes, rootProps = __rest(props, ["button", "component", "disabled", "className", "selected", "selectableButton", "size", "classes"]);
+    return (React.createElement(card_context_1.CardContext.Provider, { value: { size: size } },
+        React.createElement(exports.Root, __assign({}, { component: component }, { ownerState: {
+                size: size,
+                disabled: disabled,
+                selectableButton: selectableButton,
+                button: button,
+                selected: selected,
+            } }, rootProps, { className: className, role: button ? 'button' : undefined, tabIndex: button && !disabled ? 0 : undefined, "aria-disabled": disabled, ref: ref }))));
+});

package/card/index.d.ts

@@ -0,0 +1,6 @@
+export { Card } from './card';
+export type { ICardProps } from './card';
+export { CardContext, useCardContext } from './card-context';
+export type { CardSize, ICardContextValue } from './card-context';
+export * from './card-content';
+export * from './card-header';

package/card/index.js

@@ -0,0 +1,24 @@
+"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 });
+exports.useCardContext = exports.CardContext = exports.Card = void 0;
+var card_1 = require("./card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return card_1.Card; } });
+var card_context_1 = require("./card-context");
+Object.defineProperty(exports, "CardContext", { enumerable: true, get: function () { return card_context_1.CardContext; } });
+Object.defineProperty(exports, "useCardContext", { enumerable: true, get: function () { return card_context_1.useCardContext; } });
+__exportStar(require("./card-content"), exports);
+__exportStar(require("./card-header"), exports);

package/checkbox/checkbox-classes.d.ts

@@ -0,0 +1,5 @@
+export declare const checkboxComponentName: "QuantumCheckbox";
+export declare function getCheckboxUtilityClass(slot: string): string;
+export declare const checkboxClasses: Record<"checkbox" | "root" | "rootSpan", string>;
+export declare type CheckboxClasses = typeof checkboxClasses;
+export declare type CheckboxClassKey = keyof CheckboxClasses;

package/checkbox/checkbox-classes.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxClasses = exports.getCheckboxUtilityClass = exports.checkboxComponentName = void 0;
+var classes_1 = require("../styles/classes");
+exports.checkboxComponentName = 'QuantumCheckbox';
+function getCheckboxUtilityClass(slot) {
+    return (0, classes_1.generateUtilityClass)(exports.checkboxComponentName, slot);
+}
+exports.getCheckboxUtilityClass = getCheckboxUtilityClass;
+exports.checkboxClasses = (0, classes_1.generateUtilityClasses)(exports.checkboxComponentName, ['root', 'rootSpan', 'checkbox']);

package/checkbox/checkbox-icons.d.ts

@@ -0,0 +1,3 @@
+import { IconType } from '../icon';
+export declare const CheckboxCheckedIcon: IconType;
+export declare const CheckboxIcon: IconType;

package/checkbox/checkbox-icons.js

@@ -0,0 +1,46 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxIcon = exports.CheckboxCheckedIcon = void 0;
+var React = __importStar(require("react"));
+var use_theme_1 = require("../theme/use-theme");
+var CheckboxCheckedIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 18 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
+    var innerSize = typeof size === 'number' ? size - 4 : size;
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("rect", { width: size, height: size, rx: "4", fill: color }),
+        React.createElement("rect", { x: "2", y: "2", width: innerSize, height: innerSize, rx: "2", fill: color }),
+        React.createElement("path", { d: "M13.6666 6.0835L7.24992 12.5002L4.33325 9.5835", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+exports.CheckboxCheckedIcon = CheckboxCheckedIcon;
+var CheckboxIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 18 : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
+    var theme = (0, use_theme_1.useTheme)();
+    var innerSize = typeof size === 'number' ? size - 4 : size;
+    return (React.createElement("svg", { width: size, height: size, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("rect", { width: size, height: size, rx: "4", fill: color }),
+        React.createElement("rect", { x: "2", y: "2", width: innerSize, height: innerSize, rx: "2", fill: theme.tokens.color_bg_input })));
+};
+exports.CheckboxIcon = CheckboxIcon;

package/checkbox/checkbox-overrides.d.ts

@@ -0,0 +1,3 @@
+import type { CheckboxProps, CheckboxClassKey } from '@mui/material/Checkbox';
+import type { ComponentOverrideCreator } from '../theme/create-component-overrides';
+export declare const createMuiCheckboxOverrides: ComponentOverrideCreator<CheckboxProps, CheckboxClassKey>;