@auth0/quantum-product 1.11.1 → 2.0.0

package/page/page-header/page-header.d.ts

@@ -5,7 +5,7 @@ import { IRowLayoutProps } from '../../row-layout';
 import { ILabelProps } from '../../label';
 import { ITextProps } from '../../text';
 import { PageHeaderClasses } from './page-header-classes';
-export declare type IPageHeaderOwnerState = Partial<IPageContextValue>;
+export type IPageHeaderOwnerState = Partial<IPageContextValue>;
 export declare const Actions: import("styled-components").StyledComponent<"div", import("../..").ITheme, import("@mui/system").MUIStyledCommonProps<import("../..").ITheme>, never>;
 export interface IPageHeaderProps extends Omit<IRowLayoutProps, 'title'>, Pick<IAvatarBlockProps, 'titleTypographyProps' | 'descriptionTypographyProps'>, Pick<ILabelProps, 'productReleaseStage' | 'productReleaseStageAbbr'> {
     title: React.ReactNode;

package/page/page.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IStyledComponentProps } from '../styled';
 export declare const PageComponentName: "QuantumPage";
-export declare type IPageProps = IStyledComponentProps<{
+export type IPageProps = IStyledComponentProps<{
     props: {
         fullWidth?: boolean;
         compact?: boolean;

package/pagination/pager/pager-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const pagerComponentName: "QuantumPager";
 export declare function getPagerUtilityClass(slot: string): string;
 export declare const pagerClasses: Record<"root" | "previousPageButton" | "nextPageButton", string>;
-export declare type PagerClasses = typeof pagerClasses;
-export declare type PagerClassKey = keyof PagerClasses;
+export type PagerClasses = typeof pagerClasses;
+export type PagerClassKey = keyof PagerClasses;

package/pagination/pagination-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const paginationComponentName: "QuantumPagination";
 export declare function getPaginationUtilityClass(slot: string): string;
 export declare const paginationClasses: Record<"root" | "pageSelect" | "pageLabelText" | "pager", string>;
-export declare type PaginationClasses = typeof paginationClasses;
-export declare type PaginationClassKey = keyof PaginationClasses;
+export type PaginationClasses = typeof paginationClasses;
+export type PaginationClassKey = keyof PaginationClasses;

package/pagination/pagination.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IStyledComponentProps } from '../styled';
 import { PaginationClasses } from './pagination-classes';
 import { IPagerProps } from './pager';
-export declare type IPaginationProps = IStyledComponentProps<{
+export type IPaginationProps = IStyledComponentProps<{
     props: {
         items: number;
         page: number;

package/panel/panel/panel-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const panelComponentName: "QuantumPanel";
 export declare function getPanelUtilityClass(slot: string): string;
 export declare const panelClasses: Record<"fixed" | "content" | "open" | "root" | "sizeSmall" | "sizeMedium" | "sizeLarge" | "closeButton" | "variantFloating" | "variantPersistent" | "variantPermanent" | "placementStart" | "placementEnd", string>;
-export declare type PanelClasses = typeof panelClasses;
-export declare type PanelClassKey = keyof PanelClasses;
+export type PanelClasses = typeof panelClasses;
+export type PanelClassKey = keyof PanelClasses;

package/panel/panel/panel.d.ts

@@ -4,11 +4,11 @@ import { PanelClasses } from './panel-classes';
 import { IIconButtonProps } from '../../icon-button';
 import { IPanelContextValue } from '../panel-context';
 import { IPanelHeaderProps } from '../panel-header';
-export declare type IPanelOwnerState = Pick<IPanelContextValue, 'size' | 'variant' | 'placement' | 'isOpen' | 'isFixed'> & {
+export type IPanelOwnerState = Pick<IPanelContextValue, 'size' | 'variant' | 'placement' | 'isOpen' | 'isFixed'> & {
     /** Sets top offset for panel. Defaults to appbar for fixed panels. All others default to 0. */
     offsetTop?: 'appbar' | number;
 };
-export declare type IPanelProps = IStyledComponentProps<{
+export type IPanelProps = IStyledComponentProps<{
     props: Partial<IPanelOwnerState> & {
         /** Renders a title in the PanelHeader.*/
         title?: React.ReactNode;

package/panel/panel-body/panel-body.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IStyledComponentProps } from '../../styled';
 export declare const panelBodyComponentName: "QuantumPanelBody";
-export declare type IPanelBodyProps = IStyledComponentProps<{
+export type IPanelBodyProps = IStyledComponentProps<{
     props: {
         children?: React.ReactNode;
     };

package/panel/panel-context.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-export declare type PanelSize = 'small' | 'medium' | 'large';
-export declare type PanelVariant = 'floating' | 'persistent' | 'permanent';
-export declare type PanelPlacement = 'start' | 'end';
+export type PanelSize = 'small' | 'medium' | 'large';
+export type PanelVariant = 'floating' | 'persistent' | 'permanent';
+export type PanelPlacement = 'start' | 'end';
 export interface IPanelContextValue {
     /**
      * Panel size.

package/panel/panel-footer/panel-footer.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IStyledComponentProps } from '../../styled';
 export declare const panelFooterComponentName: "QuantumPanelFooter";
-export declare type IPanelFooterProps = IStyledComponentProps<{
+export type IPanelFooterProps = IStyledComponentProps<{
     props: {
         children?: React.ReactNode;
     };

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

@@ -1,5 +1,5 @@
 export declare const panelHeaderComponentName: "QuantumPanelHeader";
 export declare function getPanelHeaderUtilityClass(slot: string): string;
 export declare const panelHeaderClasses: Record<"title" | "content" | "root" | "endAdornment", string>;
-export declare type PanelHeaderClasses = typeof panelHeaderClasses;
-export declare type PanelHeaderClassKey = keyof PanelHeaderClasses;
+export type PanelHeaderClasses = typeof panelHeaderClasses;
+export type PanelHeaderClassKey = keyof PanelHeaderClasses;

package/panel/panel-header/panel-header.d.ts

@@ -3,7 +3,7 @@ import { IStyledComponentProps } from '../../styled';
 import { ITextProps } from '../../text';
 import { PanelHeaderClasses } from './panel-header-classes';
 export declare const panelHeaderComponentName: "QuantumPanelHeader";
-export declare type IPanelHeaderProps = IStyledComponentProps<{
+export type IPanelHeaderProps = IStyledComponentProps<{
     props: {
         title: React.ReactNode;
         titleComponent?: React.ElementType<any>;
@@ -15,7 +15,7 @@ export declare type IPanelHeaderProps = IStyledComponentProps<{
 }>;
 export declare const PanelHeader: React.ForwardRefExoticComponent<{
     title: React.ReactNode;
-    titleComponent?: React.ElementType<any> | undefined;
+    titleComponent?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
     titleTextProps?: Partial<ITextProps<"span", {}>> | undefined;
     endAdornment?: React.ReactNode;
     classes?: Partial<Record<"title" | "content" | "root" | "endAdornment", string>> | undefined;

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

@@ -1,5 +1,5 @@
 export declare const panelLayoutComponentName: "QuantumPanelLayout";
 export declare function getPanelLayoutUtilityClass(slot: string): string;
 export declare const panelLayoutClasses: Record<"content" | "root", string>;
-export declare type PanelLayoutClasses = typeof panelLayoutClasses;
-export declare type PanelLayoutClassKey = keyof PanelLayoutClasses;
+export type PanelLayoutClasses = typeof panelLayoutClasses;
+export type PanelLayoutClassKey = keyof PanelLayoutClasses;

package/panel/panel-layout/panel-layout.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IStyledComponentProps } from '../../styled';
 import { PanelLayoutClasses } from './panel-layout-classes';
-export declare type IPanelLayoutProps = IStyledComponentProps<{
+export type IPanelLayoutProps = IStyledComponentProps<{
     props: {
         startPanel?: React.ReactNode;
         endPanel?: React.ReactNode;

package/promo-banner/promo-banner-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const promoBannerComponentName: "QuantumPromoBanner";
 export declare function getPromoBannerUtilityClass(slot: string): string;
 export declare const promoBannerClasses: Record<"title" | "image" | "action" | "content" | "root" | "secondaryAction" | "actions" | "description" | "primaryAction" | "imageContainer", string>;
-export declare type PromoBannerClasses = typeof promoBannerClasses;
-export declare type PromoBannerClassKey = keyof PromoBannerClasses;
+export type PromoBannerClasses = typeof promoBannerClasses;
+export type PromoBannerClassKey = keyof PromoBannerClasses;

package/promo-banner/promo-banner.d.ts

@@ -18,4 +18,4 @@ export interface IPromoBannerProps extends Omit<IPaperProps, 'title'> {
     image?: Pick<IImageProps, 'src' | 'alt'>;
     classes?: Partial<PromoBannerClasses>;
 }
-export declare const PromoBanner: React.ForwardRefExoticComponent<Pick<IPromoBannerProps, "slot" | "style" | "title" | "image" | "color" | "action" | "hidden" | "square" | "translate" | "className" | "classes" | "children" | "elevation" | "sx" | "variant" | "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" | "component" | "description" | "imagePosition" | "actionSecondary" | "imageFullWidth"> & React.RefAttributes<HTMLDivElement>>;
+export declare const PromoBanner: React.ForwardRefExoticComponent<Omit<IPromoBannerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/pulsing-dot/pulsing-dot.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IStyledComponentProps } from '../styled';
-declare type PulsingDotColor = 'default' | 'primary' | 'danger' | 'success' | 'warning' | 'info';
-export declare type IPulsingDotProps = IStyledComponentProps<{
+type PulsingDotColor = 'default' | 'primary' | 'danger' | 'success' | 'warning' | 'info';
+export type IPulsingDotProps = IStyledComponentProps<{
     props: {
         color?: PulsingDotColor;
     };

package/quantum-provider/quantum-context.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ITheme } from '../theme/create-theme';
-export declare type ThemeColorMode = 'system' | 'light' | 'dark';
+export type ThemeColorMode = 'system' | 'light' | 'dark';
 export declare const DEFAULT_COLOR_MODE = "light";
 export interface IQuantumContextValue {
     theme: ITheme;

package/radio/radio-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const radioComponentName: "QuantumRadio";
 export declare function getRadioUtilityClass(slot: string): string;
 export declare const radioClasses: Record<"radio" | "formControlLabel" | "iconUnchecked" | "iconChecked", string>;
-export declare type RadioClasses = typeof radioClasses;
-export declare type RadioClassKey = keyof RadioClasses;
+export type RadioClasses = typeof radioClasses;
+export type RadioClassKey = keyof RadioClasses;

package/radio/radio-overrides.js

@@ -27,7 +27,7 @@ var createMuiRadioOverrides = function (_a) {
                     duration: transitions.duration.short,
                 }),
                 color: tokens.color_border_input,
-                '&:focus-within svg': __assign({ borderRadius: '50%' }, mixins.focusRing()),
+                '&:focus-within svg': __assign({ borderRadius: '50%', outlineOffset: 2 }, mixins.focusRing()),
                 // switch base is overriding this. Resetting it here.
                 '&&': {
                     padding: 0,

package/radio/radio.d.ts

@@ -10,4 +10,4 @@ export interface IRadioProps extends Omit<RadioProps, 'color' | 'size' | 'classe
     decoration?: React.ReactNode;
     classes?: Partial<RadioClasses>;
 }
-export declare const Radio: React.ForwardRefExoticComponent<Pick<IRadioProps, "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" | "helperText" | "labelPlacement" | "HelperTextProps"> & React.RefAttributes<HTMLButtonElement | HTMLLabelElement>>;
+export declare const Radio: React.ForwardRefExoticComponent<Omit<IRadioProps, "ref"> & React.RefAttributes<HTMLButtonElement | HTMLLabelElement>>;

package/radio-field/radio-field.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { IRadioProps as QuantumRadioProps, IRadioGroupProps as QuantumRadioGroupProps, IRadioGroupProps } from '../radio';
 import { IFormFieldProps } from '../form/form-field';
-export declare type IRadioFieldProps = QuantumRadioGroupProps & IFormFieldProps & {
+export type IRadioFieldProps = QuantumRadioGroupProps & IFormFieldProps & {
     options: IRadioProps[];
     RadioGroupProps?: IRadioGroupProps;
 };
-export declare type IRadioProps = QuantumRadioProps & {
+export type IRadioProps = QuantumRadioProps & {
     label: React.ReactNode;
 };
-export declare const RadioField: React.ForwardRefExoticComponent<Pick<IRadioFieldProps, "label" | "slot" | "style" | "title" | "color" | "error" | "disabled" | "hidden" | "size" | "row" | "translate" | "margin" | "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" | "name" | "fullWidth" | "component" | "focused" | "hiddenLabel" | "required" | "readOnly" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "options" | "ErrorHelperTextProps" | "RadioGroupProps"> & React.RefAttributes<HTMLDivElement>>;
+export declare const RadioField: React.ForwardRefExoticComponent<Omit<IRadioFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/region/flags.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-export declare const JpFlagSvg: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
-export declare const UsFlagSvg: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
-export declare const EuFlagSvg: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
-export declare const AuFlagSvg: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
-export declare const UkFlagSvg: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
-export declare const PiFlagSvg: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const JpFlagSvg: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const UsFlagSvg: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const EuFlagSvg: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const AuFlagSvg: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const UkFlagSvg: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const PiFlagSvg: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/region/region-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const regionComponentName: "QuantumRegion";
 export declare function getRegionUtilityClass(slot: string): string;
 export declare const regionClasses: Record<"label" | "root" | "flag", string>;
-export declare type RegionClasses = typeof regionClasses;
-export declare type RegionClassKey = keyof RegionClasses;
+export type RegionClasses = typeof regionClasses;
+export type RegionClassKey = keyof RegionClasses;

package/region/region.d.ts

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { IStyledComponentProps } from '../styled';
 import { ITextProps } from '../text';
 import { RegionClasses } from './region-classes';
-export declare type RegionSize = 'small' | 'medium';
-export declare type RegionLocality = 'au' | 'eu' | 'us' | 'tus' | 'jp' | 'uk' | 'tuk' | 'pi';
-export declare type IRegionProps = IStyledComponentProps<{
+export type RegionSize = 'small' | 'medium';
+export type RegionLocality = 'au' | 'eu' | 'us' | 'tus' | 'jp' | 'uk' | 'tuk' | 'pi';
+export type IRegionProps = IStyledComponentProps<{
     props: {
         locality?: RegionLocality;
         size?: RegionSize;

package/row-layout/row-layout.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IStyledComponentProps } from '../styled';
 import { ILayoutComponentProps } from '../utils/layouts';
-export declare type IRowLayoutProps = IStyledComponentProps<{
+export type IRowLayoutProps = IStyledComponentProps<{
     props: ILayoutComponentProps;
     defaultComponent: 'div';
 }>;

package/select/select-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const selectComponentName: "QuantumSelect";
 export declare function getSelectUtilityClass(slot: string): string;
 export declare const selectClasses: Record<"select" | "root" | "clearInputAdornment" | "clearButton" | "prefixInputAdornment" | "prefixText" | "selectMenu", string>;
-export declare type SelectClasses = typeof selectClasses;
-export declare type SelectClassKey = keyof SelectClasses;
+export type SelectClasses = typeof selectClasses;
+export type SelectClassKey = keyof SelectClasses;

package/select/select-menu/select-menu.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IStyledComponentProps } from '../../styled';
-export declare type ISelectMenuProps = IStyledComponentProps<{
+export type ISelectMenuProps = IStyledComponentProps<{
     props: {};
     defaultComponent: 'div';
 }>;

package/select/select-menu-actions/select-menu-actions.d.ts

@@ -1,6 +1,6 @@
 import { DialogActions } from '../../dialog';
 import { IStyledComponentProps } from '../../styled';
-export declare type ISelectMenuActionsProps = IStyledComponentProps<{
+export type ISelectMenuActionsProps = IStyledComponentProps<{
     props: {};
     defaultComponent: 'div';
 }>;

package/select/select-menu-body/select-menu-body.d.ts

@@ -1,5 +1,5 @@
 import { IStyledComponentProps } from '../../styled';
-export declare type ISelectMenuBodyProps = IStyledComponentProps<{
+export type ISelectMenuBodyProps = IStyledComponentProps<{
     props: {};
     defaultComponent: 'div';
 }>;

package/select/select-menu-header/select-menu-header.d.ts

@@ -1,5 +1,5 @@
 import { IStyledComponentProps } from '../../styled';
-export declare type ISelectMenuHeaderProps = IStyledComponentProps<{
+export type ISelectMenuHeaderProps = IStyledComponentProps<{
     props: {};
     defaultComponent: 'div';
 }>;

package/select/select-options.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export interface ISelectOption<ValueType = any> {
     text: string;
     value: ValueType;
@@ -9,4 +9,4 @@ export interface IRenderSelectOptionsProps<ValueType = any> {
     value: ValueType;
     options: Array<ISelectOption<ValueType>>;
 }
-export declare const renderSelectOptions: ({ options, value }: IRenderSelectOptionsProps) => JSX.Element[];
+export declare const renderSelectOptions: ({ options, value }: IRenderSelectOptionsProps) => React.JSX.Element[];

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

@@ -1,5 +1,5 @@
 export declare const selectableCardComponentName: "QuantumSelectableCard";
 export declare function getSelectableCardUtilityClass(slot: string): string;
 export declare const selectableCardClasses: Record<"label" | "content" | "root" | "helperText" | "controlRadio" | "controlCheckbox", string>;
-export declare type SelectableCardClasses = typeof selectableCardClasses;
-export declare type SelectableCardClassKey = keyof SelectableCardClasses;
+export type SelectableCardClasses = typeof selectableCardClasses;
+export type SelectableCardClassKey = keyof SelectableCardClasses;

package/selectable-card/selectable-card-group/selectable-card-group-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const selectableCardGroupComponentName: "QuantumSelectableCardGroup";
 export declare function getSelectableCardGroupUtilityClass(slot: string): string;
 export declare const selectableCardGroupClasses: Record<"root" | "radioGroup", string>;
-export declare type SelectableCardGroupClasses = typeof selectableCardGroupClasses;
-export declare type SelectableCardGroupClassKey = keyof SelectableCardGroupClasses;
+export type SelectableCardGroupClasses = typeof selectableCardGroupClasses;
+export type SelectableCardGroupClassKey = keyof SelectableCardGroupClasses;

package/selectable-card/selectable-card-group/selectable-card-group.d.ts

@@ -6,5 +6,6 @@ export interface ISelectableCardGroupProps extends Omit<IFormFieldProps, 'classe
     orientation?: 'horizontal' | 'vertical';
     RadioGroupProps?: IRadioGroupProps;
     classes?: Partial<SelectableCardGroupClasses>;
+    children?: React.ReactNode;
 }
-export declare const SelectableCardGroup: React.ForwardRefExoticComponent<Pick<ISelectableCardGroupProps, "label" | "slot" | "style" | "title" | "error" | "disabled" | "hidden" | "size" | "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" | "orientation" | "component" | "focused" | "hiddenLabel" | "required" | "readOnly" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "ErrorHelperTextProps" | "RadioGroupProps"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectableCardGroup: React.ForwardRefExoticComponent<Omit<ISelectableCardGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/selectable-card/selectable-card.d.ts

@@ -3,8 +3,8 @@ import { ICardHeaderProps, ICardProps } from '../card';
 import { ICheckboxProps } from '../checkbox';
 import { IRadioProps } from '../radio';
 import { SelectableCardClasses } from './selectable-card-classes';
-declare type SelectableControlProps = 'checked' | 'onChange' | 'name' | 'disabled';
-export declare type SelectableCardControlType = 'radio' | 'checkbox';
+type SelectableControlProps = 'checked' | 'onChange' | 'name' | 'disabled';
+export type SelectableCardControlType = 'radio' | 'checkbox';
 export interface ISelectableCardProps extends Omit<ICardProps, SelectableControlProps | 'ref' | 'title'>, Pick<IRadioProps, SelectableControlProps>, Pick<ICheckboxProps, SelectableControlProps>, Pick<ICardHeaderProps, 'avatar' | 'title'> {
     /**
      * Props forwarded to the Checkbox component when type === "checkbox"

package/sidebar/sidebar-banner/sidebar-banner.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IStyledComponentProps } from '../../styled';
 import { IFadeProps } from '../../transitions';
 export declare const sidebarBannerComponentName: "QuantumSidebarBanner";
-export declare type ISidebarBannerProps = IStyledComponentProps<{
+export type ISidebarBannerProps = IStyledComponentProps<{
     props: {
         FadeProps?: Partial<IFadeProps>;
     };

package/sidebar/sidebar-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const sidebarComponentName: "QuantumSidebar";
 export declare function getSidebarUtilityClass(slot: string): string;
 export declare const sidebarClasses: Record<"paper" | "root" | "paperHovered" | "paperCollapsed", string>;
-export declare type SidebarClasses = typeof sidebarClasses;
-export declare type SidebarClassKey = keyof SidebarClasses;
+export type SidebarClasses = typeof sidebarClasses;
+export type SidebarClassKey = keyof SidebarClasses;

package/sidebar/sidebar-items/sidebar-items.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IStyledComponentProps } from '../../styled';
 export declare const sidebarItemsComponentName: "QuantumSidebarItems";
-export declare type ISidebarItemsProps = IStyledComponentProps<{
+export type ISidebarItemsProps = IStyledComponentProps<{
     props: {};
     defaultComponent: 'ul';
 }>;

package/sidebar/sidebar-link/sidebar-link-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const sidebarLinkComponentName: "QuantumSidebarLink";
 export declare function getSidebarLinkUtilityClass(slot: string): string;
 export declare const sidebarLinkClasses: Record<"link" | "title" | "icon" | "root" | "endIcon" | "startIcon" | "availabilityLabel" | "decoration", string>;
-export declare type SidebarLinkClasses = typeof sidebarLinkClasses;
-export declare type SidebarLinkClassKey = keyof SidebarLinkClasses;
+export type SidebarLinkClasses = typeof sidebarLinkClasses;
+export type SidebarLinkClassKey = keyof SidebarLinkClasses;

package/sidebar/sidebar-link/sidebar-link.d.ts

@@ -52,5 +52,5 @@ export interface ISidebarLinkTypeMap<AdditionalProps = {}, DefaultComponent exte
     };
     defaultComponent: DefaultComponent;
 }
-export declare type ISidebarLinkProps<DefaultComponent extends React.ElementType = ISidebarLinkTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ISidebarLinkTypeMap<AdditionalProps, DefaultComponent>, DefaultComponent>;
+export type ISidebarLinkProps<DefaultComponent extends React.ElementType = ISidebarLinkTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ISidebarLinkTypeMap<AdditionalProps, DefaultComponent>, DefaultComponent>;
 export declare const SidebarLink: OverridableComponent<ISidebarLinkTypeMap<{}, "a">>;

package/sidebar/sidebar-menu/sidebar-menu-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const sidebarMenuComponentName: "QuantumSidebarMenu";
 export declare function getSidebarMenuUtilityClass(slot: string): string;
 export declare const sidebarMenuClasses: Record<"region" | "icon" | "root" | "items" | "iconExpanded", string>;
-export declare type SidebarMenuClasses = typeof sidebarMenuClasses;
-export declare type SidebarMenuClassKey = keyof SidebarMenuClasses;
+export type SidebarMenuClasses = typeof sidebarMenuClasses;
+export type SidebarMenuClassKey = keyof SidebarMenuClasses;

package/sidebar/sidebar-menu/sidebar-menu.d.ts

@@ -28,5 +28,5 @@ export interface ISidebarMenuProps<ItemComponent extends React.ElementType = 'a'
      */
     onExpandChange?(newValue: boolean): void;
 }
-export declare function SidebarMenuImpl<LinkComponentType extends React.ElementType = 'a'>(props: ISidebarMenuProps<LinkComponentType>, ref: React.Ref<any>): JSX.Element;
+export declare function SidebarMenuImpl<LinkComponentType extends React.ElementType = 'a'>(props: ISidebarMenuProps<LinkComponentType>, ref: React.Ref<any>): React.JSX.Element;
 export declare const SidebarMenu: typeof SidebarMenuImpl;

package/sidebar/sidebar-new.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { ISidebarProps } from './sidebar-types';
-export declare const Sidebar: React.ForwardRefExoticComponent<Pick<ISidebarProps, "slot" | "style" | "title" | "anchor" | "color" | "hidden" | "open" | "transitionDuration" | "translate" | "container" | "className" | "classes" | "children" | "elevation" | "sx" | "variant" | "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" | "components" | "componentsProps" | "slotProps" | "slots" | "component" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "onTransitionEnter" | "onTransitionExited" | "PaperProps" | "ModalProps" | "SlideProps" | "useNewCollapse" | "collapsed" | "defaultCollapsed" | "onCollapseChange" | "labels"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Sidebar: React.ForwardRefExoticComponent<Omit<ISidebarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/sidebar/sidebar-old.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { ISidebarProps } from './sidebar-types';
-export declare const Sidebar: React.ForwardRefExoticComponent<Pick<ISidebarProps, "slot" | "style" | "title" | "anchor" | "color" | "hidden" | "open" | "transitionDuration" | "translate" | "container" | "className" | "classes" | "children" | "elevation" | "sx" | "variant" | "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" | "components" | "componentsProps" | "slotProps" | "slots" | "component" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "onTransitionEnter" | "onTransitionExited" | "PaperProps" | "ModalProps" | "SlideProps" | "useNewCollapse" | "collapsed" | "defaultCollapsed" | "onCollapseChange" | "labels"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Sidebar: React.ForwardRefExoticComponent<Omit<ISidebarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/sidebar/sidebar.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { ISidebarProps } from './sidebar-types';
-export declare const Sidebar: React.ForwardRefExoticComponent<Pick<ISidebarProps, "slot" | "style" | "title" | "anchor" | "color" | "hidden" | "open" | "transitionDuration" | "translate" | "container" | "className" | "classes" | "children" | "elevation" | "sx" | "variant" | "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" | "components" | "componentsProps" | "slotProps" | "slots" | "component" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "onTransitionEnter" | "onTransitionExited" | "PaperProps" | "ModalProps" | "SlideProps" | "useNewCollapse" | "collapsed" | "defaultCollapsed" | "onCollapseChange" | "labels"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Sidebar: React.ForwardRefExoticComponent<Omit<ISidebarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;