@auth0/quantum-product 1.9.0 → 1.10.0

package/accordion/accordion.d.ts

@@ -1,4 +1,22 @@
-import MuiAccordion, { AccordionProps as MuiAccordionProps } from '@mui/material/Accordion';
+/// <reference types="react" />
+import { AccordionProps as MuiAccordionProps } from '@mui/material/Accordion';
 export declare const AccordionComponentName: "QuantumAcccordion";
 export declare type IAccordionProps = MuiAccordionProps;
-export declare const Accordion: import("styled-components").StyledComponent<typeof MuiAccordion, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme> & MuiAccordionProps, never>;
+export declare const Accordion: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/Accordion").AccordionTypeMap<{}, "div">>, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme> & {
+    children: boolean | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal;
+    classes?: Partial<import("@mui/material/Accordion").AccordionClasses> | undefined;
+    defaultExpanded?: boolean | undefined;
+    disabled?: boolean | undefined;
+    disableGutters?: boolean | undefined;
+    expanded?: boolean | undefined;
+    onChange?: ((event: import("react").SyntheticEvent<Element, Event>, expanded: boolean) => void) | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    TransitionComponent?: import("react").JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
+        children?: import("react").ReactElement<any, any> | undefined;
+    }> | undefined;
+    TransitionProps?: import("@mui/material/transitions").TransitionProps | undefined;
+} & import("@mui/material/Accordion").AccordionSlotsAndSlotProps & Omit<import("@mui/material").PaperOwnProps, "classes" | "onChange"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "disabled" | "expanded" | "square" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "elevation" | "sx" | "variant" | "onChange" | "TransitionComponent" | "disableGutters" | "defaultExpanded" | "TransitionProps" | keyof import("@mui/material/Accordion").AccordionSlotsAndSlotProps> & {
+    component?: import("react").ElementType<any> | undefined;
+}, never>;

package/alert/alert.d.ts

@@ -142,4 +142,4 @@ export declare const Alert: React.ForwardRefExoticComponent<{
      * @deprecated Backwards compatible prop for Cosmos migration. Maps to `onClose` prop. Use onClose if possible
      */
     onDismiss?(event: React.MouseEvent<HTMLButtonElement>): void;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "action" | "icon" | "classes" | "elevation" | "variant" | "role" | "onClose" | "message" | "closeText" | "dismissible" | "iconMapping" | "severity" | "onDismiss"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "action" | "icon" | "classes" | "elevation" | "variant" | "role" | "onClose" | "closeText" | "dismissible" | "iconMapping" | "message" | "severity" | "onDismiss"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

package/app-bar/app-bar-button/app-bar-button.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { IButtonProps } from '../../button';
 import { ExtendButton, IExtendButtonTypeMap } from '../../button/button';
-import { IStyledOwnerStateProps } from '../../styled';
 import { OverrideProps } from '../../overridable-component';
 declare type IAppBarButtonTypeMap<P = {}, D extends React.ElementType = 'button'> = IExtendButtonTypeMap<{
     props: P & {
@@ -15,8 +14,5 @@ declare type IAppBarButtonTypeMap<P = {}, D extends React.ElementType = 'button'
     defaultComponent: D;
 }>;
 export declare type IAppBarButtonProps<ElementType extends React.ElementType = IAppBarButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<IAppBarButtonTypeMap<AdditionalProps, ElementType>, ElementType>;
-export declare const Root: import("styled-components").StyledComponent<import("../../overridable-component").OverridableComponent<import("../../button/button").IButtonTypeMap<{}, "button">>, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme> & IStyledOwnerStateProps<{
-    active?: boolean | undefined;
-}>, never>;
 export declare const AppBarButton: ExtendButton<IAppBarButtonTypeMap<{}, "button">>;
 export {};

package/app-bar/app-bar-button/app-bar-button.js

@@ -45,12 +45,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppBarButton = exports.Root = void 0;
+exports.AppBarButton = void 0;
 var React = __importStar(require("react"));
 var button_1 = require("../../button");
 var styled_1 = require("../../styled");
 var appBarButtonName = 'QuantumAppBarButton';
-exports.Root = (0, styled_1.styled)(button_1.Button, { name: appBarButtonName, slot: 'Root' })(function (_a) {
+var Root = (0, styled_1.styled)(button_1.Button, { name: appBarButtonName, slot: 'Root' })(function (_a) {
     var theme = _a.theme, variant = _a.variant, ownerState = _a.ownerState;
     var _b = theme.mixins.appBarAction(), focus = _b.focus, hover = _b.hover, activeStyle = _b.active, root = _b.root;
     return __assign(__assign(__assign(__assign(__assign({}, root), { whiteSpace: 'nowrap', textTransform: 'initial', minHeight: theme.typography.pxToRem(36), paddingTop: 0, paddingBottom: 0, fontWeight: theme.typography.fontWeightRegular, boxSizing: 'border-box', '&:focus,&.Mui-focus': focus, '&:hover,&.Mui-hover': hover, '&:active,&.Mui-active': activeStyle, color: 'inherit' }), (variant === 'outlined' && __assign(__assign({ borderColor: theme.tokens.color_border_inverse_static }, (ownerState.active && {
@@ -66,5 +66,5 @@ exports.AppBarButton = React.forwardRef(function (props, ref) {
     var color = props.color, className = props.className, active = props.active, _a = props.variant, variant = _a === void 0 ? 'link' : _a, _b = props.ButtonProps, ButtonProps = _b === void 0 ? {} : _b, children = props.children, 
     // remove to avoid sending to IconButton
     propClasses = props.classes, rootProps = __rest(props, ["color", "className", "active", "variant", "ButtonProps", "children", "classes"]);
-    return (React.createElement(exports.Root, __assign({ ref: ref, ownerState: { active: active }, variant: variant }, rootProps, { color: "inherit" }, ButtonProps), children));
+    return (React.createElement(Root, __assign({ ref: ref, ownerState: { active: active }, variant: variant }, rootProps, { color: "inherit" }, ButtonProps), children));
 });

package/app-bar/app-bar-icon-button/app-bar-icon-button.d.ts

@@ -2,7 +2,6 @@ import * as React from 'react';
 import { IExtendIconButtonTypeMap, ExtendIconButton } from '../../icon-button/icon-button';
 import { IIconButtonProps } from '../../icon-button';
 import { OverrideProps } from '../../overridable-component';
-import { IStyledOwnerStateProps } from '../../styled';
 declare type IAppBarIconButtonTypeMap<P = {}, D extends React.ElementType = 'button'> = IExtendIconButtonTypeMap<{
     props: P & {
         color?: never;
@@ -16,9 +15,5 @@ declare type IAppBarIconButtonTypeMap<P = {}, D extends React.ElementType = 'but
     defaultComponent: D;
 }>;
 export declare type IAppBarIconButtonProps<ElementType extends React.ElementType = IAppBarIconButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<IAppBarIconButtonTypeMap<AdditionalProps, ElementType>, ElementType>;
-export declare const Root: import("styled-components").StyledComponent<import("../../overridable-component").OverridableComponent<import("../../icon-button/icon-button").IIconButtonTypeMap<{}, "button">>, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme> & IStyledOwnerStateProps<{
-    active?: boolean | undefined;
-    circular?: boolean | undefined;
-}>, never>;
 export declare const AppBarIconButton: ExtendIconButton<IAppBarIconButtonTypeMap<{}, "button">>;
 export {};

package/app-bar/app-bar-icon-button/app-bar-icon-button.js

@@ -45,15 +45,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppBarIconButton = exports.Root = void 0;
+exports.AppBarIconButton = void 0;
 var React = __importStar(require("react"));
 var icon_button_1 = require("../../icon-button");
 var styled_1 = require("../../styled");
 var appBarIconButtonName = 'QuantumAppBarIconButton';
-exports.Root = (0, styled_1.styled)(icon_button_1.IconButton, { name: appBarIconButtonName, slot: 'Root' })(function (_a) {
+var Root = (0, styled_1.styled)(icon_button_1.IconButton, { name: appBarIconButtonName, slot: 'Root' })(function (_a) {
     var theme = _a.theme, ownerState = _a.ownerState;
     var _b = theme.mixins.appBarAction(), focus = _b.focus, hover = _b.hover, activeStyle = _b.active, root = _b.root;
-    return __assign(__assign(__assign(__assign({}, root), { height: theme.typography.pxToRem(36), width: theme.typography.pxToRem(36), paddingTop: 0, paddingBottom: 0, '&:focus,&.Mui-focus': focus, '&:hover,&.Mui-hover': hover, '&:active,&.Mui-active': activeStyle, '& > svg:first-child': {
+    return __assign(__assign(__assign(__assign({}, root), { height: theme.typography.pxToRem(36), width: theme.typography.pxToRem(36), paddingTop: 0, paddingBottom: 0, '&:focus,&.Mui-focus': focus, '&:hover,&.Mui-hover': hover, '&:active,&.Mui-active': activeStyle, '& > svg': {
             flexShrink: 0,
             width: 'auto',
             height: 'auto',
@@ -61,5 +61,5 @@ exports.Root = (0, styled_1.styled)(icon_button_1.IconButton, { name: appBarIcon
 });
 exports.AppBarIconButton = React.forwardRef(function (props, ref) {
     var color = props.color, className = props.className, active = props.active, _a = props.variant, variant = _a === void 0 ? 'link' : _a, circular = props.circular, _b = props.IconButtonProps, IconButtonProps = _b === void 0 ? {} : _b, children = props.children, rootProps = __rest(props, ["color", "className", "active", "variant", "circular", "IconButtonProps", "children"]);
-    return (React.createElement(exports.Root, __assign({}, { ref: ref }, { className: className, ownerState: { active: active, circular: circular } }, rootProps, { variant: variant, color: "inherit" }, IconButtonProps), children));
+    return (React.createElement(Root, __assign({}, { ref: ref }, { className: className, ownerState: { active: active, circular: circular } }, rootProps, { variant: variant, color: "inherit" }, IconButtonProps), children));
 });

package/app-layout/app-layout-classes.d.ts

@@ -1,6 +1,6 @@
 export declare const appLayoutComponentName: "QuantumAppLayout";
 export declare type AppLayoutSlotKey = 'root' | 'main' | 'container' | 'content';
 export declare function getAppLayoutUtilityClass(slot: string): string;
-export declare const appLayoutClasses: Record<"main" | "content" | "root" | "container", string>;
+export declare const appLayoutClasses: Record<"main" | "content" | "container" | "root", string>;
 export declare type AppLayoutClasses = typeof appLayoutClasses;
 export declare type AppLayoutClassKey = keyof AppLayoutClasses;

package/autocomplete/autocomplete-overrides.js

@@ -17,7 +17,7 @@ var createMuiAutocompleteOverrides = function (_a) {
                     },
                     _c["& .".concat(Autocomplete_1.autocompleteClasses.input)] = {
                         padding: spacing(0.5, 1),
-                        '&:first-child': {
+                        '&:first-of-type': {
                             paddingLeft: spacing(1.75),
                         },
                     },

package/avatar/avatar.d.ts

@@ -74,4 +74,4 @@ export declare const Avatar: React.ForwardRefExoticComponent<IAvatarImageProps &
     initials?: string | undefined;
     /** instructs the avatar where it is being rendered */
     placement?: "default" | "badge" | undefined;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "color" | "size" | "classes" | "children" | "variant" | "placement" | "alt" | "imgProps" | keyof IAvatarImageProps | "imgFit" | "includePadding" | "showBorder" | "fallbackIconOverride" | "initials"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "color" | "size" | "classes" | "children" | "variant" | "alt" | "imgProps" | "placement" | keyof IAvatarImageProps | "imgFit" | "includePadding" | "showBorder" | "fallbackIconOverride" | "initials"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,6 @@
 export declare const avatarBlockComponentName: "QuantumAvatarBlock";
 export declare type AvatarBlockSlotKey = 'root' | 'avatar' | 'titleBlock' | 'endAdornment';
 export declare function getAvatarBlockUtilityClass(slot: string): string;
-export declare const avatarBlockClasses: Record<"root" | "endAdornment" | "avatar" | "titleBlock", string>;
+export declare const avatarBlockClasses: Record<"root" | "avatar" | "endAdornment" | "titleBlock", string>;
 export declare type AvatarBlockClasses = typeof avatarBlockClasses;
 export declare type AvatarBlockClassKey = keyof AvatarBlockClasses;

package/avatar-block/avatar-block.d.ts

@@ -17,6 +17,6 @@ export declare const AvatarBlock: React.ForwardRefExoticComponent<Pick<ITitleBlo
     avatar?: React.ReactNode;
     size?: "medium" | "large" | undefined;
     TitleBlockProps?: Partial<ITitleBlockProps> | undefined;
-    classes?: Partial<Record<"root" | "endAdornment" | "avatar" | "titleBlock", string>> | undefined;
+    classes?: Partial<Record<"root" | "avatar" | "endAdornment" | "titleBlock", string>> | undefined;
     endAdornment?: React.ReactNode;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "ref" | "size" | "classes" | "endAdornment" | "avatar" | "titleTypographyProps" | "description" | "descriptionTypographyProps" | "TitleBlockProps"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "title" | "ref" | "size" | "classes" | "avatar" | "titleTypographyProps" | "endAdornment" | "description" | "descriptionTypographyProps" | "TitleBlockProps"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

package/banner/banner.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { IStyledComponentProps } from '../styled';
-export declare const Root: import("styled-components").StyledComponent<"div", import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;
 export interface IBannerContentOwnerState {
     center?: boolean;
     padding?: number;

package/banner/banner.js

@@ -45,12 +45,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Banner = exports.Root = void 0;
+exports.Banner = void 0;
 var React = __importStar(require("react"));
 var row_layout_1 = require("../row-layout");
 var styled_1 = require("../styled");
 var banner_classes_1 = require("./banner-classes");
-exports.Root = (0, styled_1.styled)('div', { name: banner_classes_1.bannerComponentName, slot: 'Root' })(function (_a) {
+var Root = (0, styled_1.styled)('div', { name: banner_classes_1.bannerComponentName, slot: 'Root' })(function (_a) {
     var theme = _a.theme;
     return ({
         borderBottom: "1px solid ".concat(theme.tokens.color_border_default),
@@ -73,6 +73,6 @@ var Content = (0, styled_1.styled)(row_layout_1.RowLayout, {
 });
 exports.Banner = React.forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.center, center = _b === void 0 ? false : _b, _c = _a.padding, padding = _c === void 0 ? 5 : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, rootProps = __rest(_a, ["children", "center", "padding", "fullWidth"]);
-    return (React.createElement(exports.Root, __assign({ ref: ref }, rootProps),
+    return (React.createElement(Root, __assign({ ref: ref }, rootProps),
         React.createElement(Content, { ownerState: { center: center, padding: padding, fullWidth: fullWidth } }, children)));
 });

package/breadcrumbs/breadcrumbs.d.ts

@@ -5,4 +5,4 @@ export interface IBreadcrumbsProps extends BreadcrumbsProps {
     /** alternative to using children and rendering the BreadcrumbsItems */
     items?: IBreadcrumbsItemProps[];
 }
-export declare const Breadcrumbs: React.ForwardRefExoticComponent<Pick<IBreadcrumbsProps, "slot" | "style" | "title" | "color" | "hidden" | "separator" | "translate" | "className" | "classes" | "children" | "sx" | "key" | "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" | "expandText" | "itemsAfterCollapse" | "itemsBeforeCollapse" | "maxItems" | "items"> & React.RefAttributes<HTMLElement>>;
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<Pick<IBreadcrumbsProps, "slot" | "style" | "title" | "color" | "hidden" | "separator" | "translate" | "className" | "classes" | "children" | "sx" | "key" | "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" | "slotProps" | "slots" | "expandText" | "itemsAfterCollapse" | "itemsBeforeCollapse" | "maxItems" | "component" | "items"> & React.RefAttributes<HTMLElement>>;

package/button/button-overrides.js

@@ -235,21 +235,21 @@ exports.createMuiButtonOverrides = (0, create_component_overrides_1.createCompon
                 padding: spacing(1, 2),
             },
             iconSizeLarge: {
-                '& > *:first-child': {
+                '& > *:first-of-type': {
                     fontSize: '1rem',
                     height: '1em',
                     width: '1em',
                 },
             },
             iconSizeMedium: {
-                '& > *:first-child': {
+                '& > *:first-of-type': {
                     fontSize: '1rem',
                     height: '1em',
                     width: '1em',
                 },
             },
             iconSizeSmall: {
-                '& > *:first-child': {
+                '& > *:first-of-type': {
                     fontSize: '1rem',
                     height: '1em',
                     width: '1em',

package/card/card.d.ts

@@ -1,7 +1,6 @@
 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> {
@@ -10,7 +9,6 @@ export interface ICardRootOwnerState extends Partial<ICardContextValue> {
     selected?: boolean;
     button?: boolean;
 }
-export declare const Root: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/Card").CardTypeMap<{}, "div">>, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme> & IStyledOwnerStateProps<ICardRootOwnerState>, never>;
 export interface ICardTypeMap<P = {}, D extends React.ElementType = 'div'> {
     props: P & Omit<PaperProps, 'variant' | 'ref' | 'component'> & Partial<ICardRootOwnerState> & {
         component?: React.ElementType;

package/card/card.js

@@ -48,14 +48,14 @@ 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;
+exports.Card = 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, {
+var Root = (0, styled_1.styled)(Card_1.default, {
     name: exports.cardComponentName,
     slot: 'Root',
 })(function (_a) {
@@ -116,7 +116,7 @@ exports.Card = React.forwardRef(function (props, ref) {
     // 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: {
+        React.createElement(Root, __assign({}, { component: component }, { ownerState: {
                 size: size,
                 disabled: disabled,
                 selectableButton: selectableButton,

package/checkbox/checkbox.d.ts

@@ -12,4 +12,4 @@ export interface ICheckboxProps extends Omit<CheckboxProps, 'color' | 'size' | '
     decoration?: React.ReactNode;
     classes?: Partial<CheckboxClasses>;
 }
-export declare const Checkbox: React.ForwardRefExoticComponent<Pick<ICheckboxProps, "form" | "slot" | "style" | "title" | "action" | "disabled" | "hidden" | "icon" | "translate" | "className" | "classes" | "children" | "sx" | "key" | "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" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "noWrap" | "required" | "edge" | "inputProps" | "inputRef" | "readOnly" | "checked" | "checkedIcon" | "indeterminate" | "indeterminateIcon" | "helperText" | "decoration" | "labelPlacement" | "HelperTextProps" | "helpText"> & React.RefAttributes<HTMLButtonElement | HTMLLabelElement>>;
+export declare const Checkbox: React.ForwardRefExoticComponent<Pick<ICheckboxProps, "form" | "slot" | "style" | "title" | "action" | "disabled" | "hidden" | "icon" | "translate" | "className" | "classes" | "children" | "sx" | "key" | "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" | "value" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "disableFocusRipple" | "noWrap" | "component" | "required" | "edge" | "decoration" | "readOnly" | "inputProps" | "inputRef" | "checked" | "checkedIcon" | "indeterminate" | "indeterminateIcon" | "helperText" | "labelPlacement" | "HelperTextProps" | "helpText"> & React.RefAttributes<HTMLButtonElement | HTMLLabelElement>>;

package/checkbox-field/checkbox-field.d.ts

@@ -12,4 +12,4 @@ export declare type ICheckboxFieldProps = Pick<IFormGroupProps, 'row'> & Omit<IF
 export declare type ICheckboxOptionProps = QuantumCheckboxProps & {
     label: React.ReactNode;
 };
-export declare const CheckboxField: React.ForwardRefExoticComponent<Pick<ICheckboxFieldProps, "label" | "slot" | "style" | "title" | "error" | "disabled" | "hidden" | "size" | "row" | "translate" | "margin" | "className" | "classes" | "children" | "sx" | "key" | "defaultChecked" | "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" | "fullWidth" | "focused" | "name" | "value" | "component" | "hiddenLabel" | "required" | "readOnly" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "options" | "ErrorHelperTextProps" | "CheckboxProps" | "FormGroupProps"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CheckboxField: React.ForwardRefExoticComponent<Pick<ICheckboxFieldProps, "label" | "slot" | "style" | "title" | "error" | "disabled" | "hidden" | "size" | "row" | "translate" | "margin" | "className" | "classes" | "children" | "sx" | "key" | "defaultChecked" | "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" | "value" | "name" | "fullWidth" | "component" | "focused" | "hiddenLabel" | "required" | "readOnly" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "options" | "ErrorHelperTextProps" | "CheckboxProps" | "FormGroupProps"> & React.RefAttributes<HTMLDivElement>>;

package/chip/chip.d.ts

@@ -4,4 +4,4 @@ export declare const chipComponentName: "QuantumChip";
 export interface IChipProps extends Omit<ChipProps, 'color' | 'variant'> {
     selected?: boolean;
 }
-export declare const Chip: React.ForwardRefExoticComponent<Pick<IChipProps, "label" | "slot" | "style" | "title" | "disabled" | "selected" | "hidden" | "size" | "icon" | "translate" | "className" | "classes" | "children" | "sx" | "key" | "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" | "avatar" | "clickable" | "deleteIcon" | "onDelete"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Chip: React.ForwardRefExoticComponent<Pick<IChipProps, "label" | "slot" | "style" | "title" | "disabled" | "selected" | "hidden" | "size" | "icon" | "translate" | "className" | "classes" | "children" | "sx" | "key" | "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" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled" | "component"> & React.RefAttributes<HTMLDivElement>>;

package/code/code.d.ts

@@ -2,7 +2,6 @@ import * as React from 'react';
 import { IStyledComponentProps } from '../styled';
 import { ITextProps } from '../text';
 export declare const CodeComponentName: "QuantumCode";
-export declare const Root: import("styled-components").StyledComponent<import("../overridable-component").OverridableComponent<import("@mui/material").TypographyTypeMap<{}, "span">>, import("..").ITheme, import("@mui/system").MUIStyledCommonProps<import("..").ITheme>, never>;
 export declare type ICodeProps = IStyledComponentProps<{
     props: {
         variant?: 'code1' | 'code2';

package/code/code.js

@@ -45,12 +45,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Code = exports.Root = exports.CodeComponentName = void 0;
+exports.Code = exports.CodeComponentName = void 0;
 var React = __importStar(require("react"));
 var styled_1 = require("../styled");
 var text_1 = require("../text");
 exports.CodeComponentName = 'QuantumCode';
-exports.Root = (0, styled_1.styled)(text_1.Text, { name: exports.CodeComponentName, slot: 'Root' })(function (_a) {
+var Root = (0, styled_1.styled)(text_1.Text, { name: exports.CodeComponentName, slot: 'Root' })(function (_a) {
     var theme = _a.theme;
     return ({
         display: 'inline',
@@ -62,5 +62,5 @@ exports.Root = (0, styled_1.styled)(text_1.Text, { name: exports.CodeComponentNa
 });
 exports.Code = React.forwardRef(function (props, ref) {
     var children = props.children, _a = props.variant, variant = _a === void 0 ? 'code2' : _a, textProps = __rest(props, ["children", "variant"]);
-    return (React.createElement(exports.Root, __assign({ ref: ref }, { component: 'span' }, { color: "textSecondary", variant: variant }, textProps), children));
+    return (React.createElement(Root, __assign({ ref: ref }, { component: 'span' }, { color: "textSecondary", variant: variant }, textProps), children));
 });

package/content/content.js

@@ -82,7 +82,8 @@ exports.Content = (0, styled_1.styled)('div', { name: 'QuantumContent' })(functi
             maxWidth: '100%',
         },
         // leading and end spacing
-        '& > *:first-child': {
+        // *:not(:not(:last-child) ~ *) = first-child. https://github.com/emotion-js/emotion/issues/2917
+        '*:not(:not(:last-child) ~ *)': {
             marginTop: 0,
         },
         '& > *:last-child': {

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

@@ -9,29 +9,4 @@ export declare const CopyButton: React.ForwardRefExoticComponent<{
     href?: string | undefined;
     label: string;
     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>, "label" | "ref" | "color" | "action" | "disabled" | "size" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "edge" | "target" | "shape" | "tooltipPlacement" | "onTooltipClose"> & React.RefAttributes<HTMLButtonElement>>;
+} & import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "label" | "ref" | "action" | "variant" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | keyof import("@mui/material").IconButtonOwnProps | "target" | "shape" | "tooltipPlacement" | "onTooltipClose"> & React.RefAttributes<HTMLButtonElement>>;

package/danger-zone/danger-zone-item/danger-zone-item.d.ts

@@ -2,9 +2,6 @@ import * as React from 'react';
 import { IStyledComponentProps } from '../../styled';
 import { IDangerZoneItemActionProps } from '../danger-zone-item-action';
 import { ITitleBlockProps } from '../../title-block';
-export declare const Root: import("styled-components").StyledComponent<"li", import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;
-export declare const StyledTitleBlock: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<ITitleBlockProps & React.RefAttributes<HTMLDivElement>>, import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;
-export declare const ActionContainer: import("styled-components").StyledComponent<"div", import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;
 export declare type IDangerZoneItemProps = IStyledComponentProps<{
     props: Pick<ITitleBlockProps, 'title' | 'titleTypographyProps' | 'description' | 'descriptionTypographyProps'> & {
         action: IDangerZoneItemActionProps;

package/danger-zone/danger-zone-item/danger-zone-item.js

@@ -45,14 +45,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DangerZoneItem = exports.ActionContainer = exports.StyledTitleBlock = exports.Root = void 0;
+exports.DangerZoneItem = void 0;
 var React = __importStar(require("react"));
 var styled_1 = require("../../styled");
 // import { BaseProps } from "@mui/material/OverridableComponent";
 var danger_zone_item_action_1 = require("../danger-zone-item-action");
 var title_block_1 = require("../../title-block");
 var dangerZoneItemComponentName = 'QuantumDangerZoneItem';
-exports.Root = (0, styled_1.styled)('li', {
+var Root = (0, styled_1.styled)('li', {
     name: dangerZoneItemComponentName,
     slot: 'Root',
 })(function (_a) {
@@ -66,7 +66,7 @@ exports.Root = (0, styled_1.styled)('li', {
         borderRadius: theme.shape.borderRadius,
     });
 });
-exports.StyledTitleBlock = (0, styled_1.styled)(title_block_1.TitleBlock, {
+var StyledTitleBlock = (0, styled_1.styled)(title_block_1.TitleBlock, {
     name: dangerZoneItemComponentName,
     slot: 'TitleBlock',
 })(function (_a) {
@@ -76,7 +76,7 @@ exports.StyledTitleBlock = (0, styled_1.styled)(title_block_1.TitleBlock, {
         marginRight: theme.spacing(3),
     });
 });
-exports.ActionContainer = (0, styled_1.styled)('div', {
+var ActionContainer = (0, styled_1.styled)('div', {
     name: dangerZoneItemComponentName,
     slot: 'ActionContainer',
 })(function () { return ({
@@ -84,8 +84,8 @@ exports.ActionContainer = (0, styled_1.styled)('div', {
 }); });
 exports.DangerZoneItem = React.forwardRef(function (props, ref) {
     var className = props.className, title = props.title, _a = props.titleTypographyProps, titleTypographyProps = _a === void 0 ? {} : _a, description = props.description, _b = props.descriptionTypographyProps, descriptionTypographyProps = _b === void 0 ? {} : _b, _c = props.action, action = _c === void 0 ? {} : _c, children = props.children, rootProps = __rest(props, ["className", "title", "titleTypographyProps", "description", "descriptionTypographyProps", "action", "children"]);
-    return (React.createElement(exports.Root, __assign({ ref: ref, className: className, component: "li" }, rootProps),
-        React.createElement(exports.StyledTitleBlock, { gutter: 0.5, title: title, titleTypographyProps: __assign({ color: 'inherit' }, titleTypographyProps), description: description, descriptionTypographyProps: __assign({ color: 'inherit' }, descriptionTypographyProps) }),
-        React.createElement(exports.ActionContainer, null,
+    return (React.createElement(Root, __assign({ ref: ref, className: className, component: "li" }, rootProps),
+        React.createElement(StyledTitleBlock, { gutter: 0.5, title: title, titleTypographyProps: __assign({ color: 'inherit' }, titleTypographyProps), description: description, descriptionTypographyProps: __assign({ color: 'inherit' }, descriptionTypographyProps) }),
+        React.createElement(ActionContainer, null,
             React.createElement(danger_zone_item_action_1.DangerZoneItemAction, __assign({}, action), action.children || action.label))));
 });