@auth0/quantum-product 1.11.1 → 2.0.0

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

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

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

@@ -6,8 +6,9 @@ interface IControlRenderProps {
     id?: string;
     controlId?: string;
     helperTextId?: string;
+    'aria-describedby'?: string;
 }
-declare type ControlRenderer = (props: IControlRenderProps) => React.ReactNode;
+type ControlRenderer = (props: IControlRenderProps) => React.ReactNode;
 export interface IConfigBlockProps extends Omit<IColumnLayoutProps, 'title'>, Pick<IAvatarBlockProps, 'avatar' | 'title' | 'titleTypographyProps' | 'description' | 'descriptionTypographyProps'> {
     AvatarBlockProps?: Partial<IAvatarBlockProps>;
     control?: ControlRenderer | React.ReactNode;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IIconButtonProps } from '../icon-button';
-export declare type ICopyButtonProps = IIconButtonProps;
+export type ICopyButtonProps = IIconButtonProps;
 export declare const CopyButton: React.ForwardRefExoticComponent<{
     variant?: "link" | "outlined" | "contained" | undefined;
     shape?: "default" | "circular" | undefined;

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IStyledComponentProps } from '../../styled';
 import { IDangerZoneItemActionProps } from '../danger-zone-item-action';
 import { ITitleBlockProps } from '../../title-block';
-export declare type IDangerZoneItemProps = IStyledComponentProps<{
+export type IDangerZoneItemProps = IStyledComponentProps<{
     props: Pick<ITitleBlockProps, 'title' | 'titleTypographyProps' | 'description' | 'descriptionTypographyProps'> & {
         action: IDangerZoneItemActionProps;
     };

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { IButtonProps } from '../../button';
 export declare const dangerZoneItemActionComponentName: "QuantumDangerZoneItemAction";
-export declare type IDangerZoneItemActionProps = IButtonProps;
-export declare const DangerZoneItemAction: React.ForwardRefExoticComponent<Pick<IDangerZoneItemActionProps, "form" | "label" | "slot" | "style" | "title" | "color" | "type" | "action" | "disabled" | "hidden" | "size" | "translate" | "className" | "classes" | "children" | "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" | "value" | "centerRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "endIcon" | "fullWidth" | "href" | "startIcon" | "component" | "rel" | "target" | "isLoading" | "SpinnerProps"> & React.RefAttributes<HTMLButtonElement>>;
+export type IDangerZoneItemActionProps = IButtonProps;
+export declare const DangerZoneItemAction: React.ForwardRefExoticComponent<Omit<IDangerZoneItemActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/data-table/data-table-row.d.ts

@@ -18,4 +18,4 @@ export interface IDataTableRowProps<ItemType extends object = any> extends ITabl
     componentRenderer?(item: ItemType, index: number): React.ElementType<HTMLTableRowElement>;
 }
 export declare const isRenderableColumn: (column: IDataTableColumn) => column is IDataTableColumnRenderable<any>;
-export declare function DataTableRow<ItemType extends object = any>(props: IDataTableRowProps<ItemType>): JSX.Element;
+export declare function DataTableRow<ItemType extends object = any>(props: IDataTableRowProps<ItemType>): React.JSX.Element;

package/data-table/data-table-types.d.ts

@@ -4,15 +4,15 @@ export interface IDataTableCellData<ItemType extends object = any> {
     item: ItemType;
     index: number;
 }
-export declare type DataTableSortDirectionType = TableCellSortDirection;
-export declare type IDataTableRowClickHandler<ItemType extends object = any> = (event: React.MouseEvent<HTMLTableRowElement>, item: IDataTableCellData<ItemType>) => void;
+export type DataTableSortDirectionType = TableCellSortDirection;
+export type IDataTableRowClickHandler<ItemType extends object = any> = (event: React.MouseEvent<HTMLTableRowElement>, item: IDataTableCellData<ItemType>) => void;
 interface IDataColumnBase {
     title: React.ReactNode;
     width?: string | number;
     align?: ITableCellProps['align'];
     padding?: ITableCellProps['padding'];
 }
-export declare type UnionOrString<T> = (string & {}) | T;
+export type UnionOrString<T> = (string & {}) | T;
 export interface IDataTableColumnSimple<ItemType extends object = any> extends IDataColumnBase {
     field: UnionOrString<keyof ItemType>;
     sortable?: boolean;
@@ -20,5 +20,5 @@ export interface IDataTableColumnSimple<ItemType extends object = any> extends I
 export interface IDataTableColumnRenderable<ItemType extends object = any> extends IDataColumnBase {
     render(params: IDataTableCellData<ItemType>): React.ReactNode;
 }
-export declare type IDataTableColumn<ItemType extends object = any> = IDataTableColumnSimple<ItemType> | IDataTableColumnRenderable<ItemType>;
+export type IDataTableColumn<ItemType extends object = any> = IDataTableColumnSimple<ItemType> | IDataTableColumnRenderable<ItemType>;
 export {};

package/data-table/data-table.d.ts

@@ -33,4 +33,4 @@ export interface IDataTableProps<ItemType extends object = any> extends ITableCo
      */
     rowRenderer?(item: ItemType, index: number): React.ElementType<HTMLTableRowElement>;
 }
-export declare const DataTable: <ItemType extends object = any>(props: IDataTableProps<ItemType>, ref: React.Ref<HTMLDivElement>) => JSX.Element;
+export declare const DataTable: <ItemType extends object = any>(props: IDataTableProps<ItemType>, ref: React.Ref<HTMLDivElement>) => React.JSX.Element;

package/description-block/description-block.d.ts

@@ -5,7 +5,7 @@ interface IDescriptionBlockRootOwnerState {
     layout?: 'default' | 'inline';
     label?: React.ReactNode;
 }
-export declare type IDescriptionBlockProps = IStyledComponentProps<{
+export type IDescriptionBlockProps = IStyledComponentProps<{
     props: IDescriptionBlockRootOwnerState & {
         description: React.ReactNode;
         code?: boolean;

package/dialog/dialog-title/dialog-title-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const dialogTitleComponentName: "QuantumDialogTitle";
 export declare function getDialogTitleUtilityClass(slot: string): string;
 export declare const dialogTitleClasses: Record<"title" | "root" | "closeButton", string>;
-export declare type DialogTitleClasses = typeof dialogTitleClasses;
-export declare type DialogTitleClassKey = keyof DialogTitleClasses;
+export type DialogTitleClasses = typeof dialogTitleClasses;
+export type DialogTitleClassKey = keyof DialogTitleClasses;

package/dialog/dialog-title/dialog-title.d.ts

@@ -6,4 +6,4 @@ export interface IDialogTitleProps extends Omit<DialogTitleProps, 'classes'> {
     onClose?(event: {}, reason: 'closeClick'): void;
     classes?: Partial<DialogTitleClasses>;
 }
-export declare const DialogTitle: React.ForwardRefExoticComponent<Pick<IDialogTitleProps, "p" | "slot" | "style" | "title" | "color" | "border" | "boxShadow" | "hidden" | "left" | "right" | "bottom" | "top" | "flex" | "position" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "visibility" | "whiteSpace" | "width" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "className" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "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" | "disableTypography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "component" | "onClose"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<IDialogTitleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dialog/dialog.d.ts

@@ -12,4 +12,4 @@ export interface IDialogProps extends Omit<DialogProps, 'title' | 'onClose'> {
     onClose?(event: {}, reason: 'backdropClick' | 'escapeKeyDown' | 'closeClick'): void;
 }
 export declare const dialogComponentName = "QuantumDialog";
-export declare const Dialog: React.ForwardRefExoticComponent<Pick<IDialogProps, "slot" | "style" | "title" | "color" | "hidden" | "scroll" | "open" | "maxWidth" | "transitionDuration" | "translate" | "container" | "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" | "components" | "componentsProps" | "slotProps" | "slots" | "TransitionComponent" | "fullWidth" | "component" | "TransitionProps" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "onTransitionEnter" | "onTransitionExited" | "PaperProps" | "actions" | "PaperComponent" | "fullScreen" | "disableBackdropClick" | "disableContentWrap"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Dialog: React.ForwardRefExoticComponent<Omit<IDialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/divider/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Divider } from '@mui/material/Divider';
 import type { DividerProps } from '@mui/material/Divider';
-export declare type IDividerProps = Omit<DividerProps, 'light'>;
+export type IDividerProps = Omit<DividerProps, 'light'>;

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

@@ -1,5 +1,5 @@
 export declare const dropdownMenuComponentName: "QuantumDropdownMenu";
 export declare function getDropdownMenuUtilityClass(slot: string): string;
 export declare const dropdownMenuClasses: Record<"paper" | "root", string>;
-export declare type DropdownMenuClasses = typeof dropdownMenuClasses;
-export declare type DropdownMenuClassKey = keyof DropdownMenuClasses;
+export type DropdownMenuClasses = typeof dropdownMenuClasses;
+export type DropdownMenuClassKey = keyof DropdownMenuClasses;

package/dropdown-menu/dropdown-menu-divider/dropdown-menu-divider.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { IDividerProps } from '../../divider';
-export declare type IDropdownMenuDividerProps = IDividerProps;
-export declare const DropdownMenuDivider: React.ForwardRefExoticComponent<Pick<IDividerProps, "slot" | "style" | "title" | "color" | "hidden" | "absolute" | "textAlign" | "translate" | "className" | "classes" | "children" | "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" | "orientation" | "component" | "flexItem"> & React.RefAttributes<HTMLHRElement>>;
+export type IDropdownMenuDividerProps = IDividerProps;
+export declare const DropdownMenuDivider: React.ForwardRefExoticComponent<Omit<IDividerProps, "ref"> & React.RefAttributes<HTMLHRElement>>;

package/dropdown-menu/dropdown-menu-group/dropdown-menu-group-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const dropdownMenuGroupComponentName: "QuantumDropdownMenuGroup";
 export declare function getDropdownMenuGroupUtilityClass(slot: string): string;
 export declare const dropdownMenuGroupClasses: Record<"title", string>;
-export declare type DropdownMenuGroupClasses = typeof dropdownMenuGroupClasses;
-export declare type DropdownMenuGroupClassKey = keyof DropdownMenuGroupClasses;
+export type DropdownMenuGroupClasses = typeof dropdownMenuGroupClasses;
+export type DropdownMenuGroupClassKey = keyof DropdownMenuGroupClasses;

package/dropdown-menu/dropdown-menu-item/dropdown-menu-item.d.ts

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

package/dropdown-menu/dropdown-menu-list/dropdown-menu-list.d.ts

@@ -3,7 +3,7 @@ import { IDropdownMenuGroupProps } from '../dropdown-menu-group';
 import { IDropdownMenuListItemProps } from '../dropdown-menu-list-item';
 import { IMenuListProps } from '../../menu';
 export declare const dropdownMenuListComponentName: "QuantumDropdownMenuList";
-declare type DropdownMenuListItemValue = {
+type DropdownMenuListItemValue = {
     type: 'divider';
 } | ({
     type: 'group';
@@ -13,5 +13,5 @@ declare type DropdownMenuListItemValue = {
 export interface IDropdownMenuListProps extends IMenuListProps {
     items?: DropdownMenuListItemValue[];
 }
-export declare const DropdownMenuList: React.ForwardRefExoticComponent<Pick<IDropdownMenuListProps, "slot" | "style" | "title" | "color" | "hidden" | "dense" | "translate" | "className" | "classes" | "children" | "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" | "autoFocus" | "subheader" | "component" | "disablePadding" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "items"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuList: React.ForwardRefExoticComponent<Omit<IDropdownMenuListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dropdown-menu/dropdown-menu-list-item/dropdown-menu-list-item-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const dropdownMenuListItemComponentName: "QuantumDropdownMenuListItem";
 export declare function getDropdownMenuListItemUtilityClass(slot: string): string;
 export declare const dropdownMenuListItemClasses: Record<"title" | "disabled" | "selected" | "content" | "icon" | "root" | "endIcon" | "startIcon" | "sizeLarge" | "description" | "detailed" | "colorDanger" | "selectedIcon", string>;
-export declare type DropdownMenuListItemClasses = typeof dropdownMenuListItemClasses;
-export declare type DropdownMenuListItemClassKey = keyof DropdownMenuListItemClasses;
+export type DropdownMenuListItemClasses = typeof dropdownMenuListItemClasses;
+export type DropdownMenuListItemClassKey = keyof DropdownMenuListItemClasses;

package/dropdown-menu/dropdown-menu-list-item/dropdown-menu-list-item.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IMenuItemProps } from '../../menu';
 import { DropdownMenuListItemClasses } from './dropdown-menu-list-item-classes';
 export interface IDropdownMenuListItemProps extends Omit<IMenuItemProps, 'title' | 'classes'> {
-    component?: React.ReactType;
+    component?: React.ElementType;
     title?: React.ReactNode;
     description?: React.ReactNode;
     startIcon?: React.ReactNode;
@@ -15,4 +15,4 @@ export interface IDropdownMenuListItemProps extends Omit<IMenuItemProps, 'title'
     rel?: string;
     classes?: Partial<DropdownMenuListItemClasses>;
 }
-export declare const DropdownMenuListItem: React.ForwardRefExoticComponent<Pick<IDropdownMenuListItemProps, "slot" | "style" | "title" | "color" | "divider" | "action" | "disabled" | "selected" | "hidden" | "dense" | "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" | "endIcon" | "href" | "startIcon" | "disableGutters" | "component" | "rel" | "target" | "description"> & React.RefAttributes<HTMLElement>>;
+export declare const DropdownMenuListItem: React.ForwardRefExoticComponent<Omit<IDropdownMenuListItemProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dropdown-menu/dropdown-menu-search/dropdown-menu-search-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const dropdownMenuSearchComponentName: "QuantumDropdownMenuSearch";
 export declare function getDropdownMenuSearchUtilityClass(slot: string): string;
 export declare const dropdownMenuSearchClasses: Record<"input" | "root", string>;
-export declare type DropdownMenuSearchClasses = typeof dropdownMenuSearchClasses;
-export declare type DropdownMenuSearchClassKey = keyof DropdownMenuSearchClasses;
+export type DropdownMenuSearchClasses = typeof dropdownMenuSearchClasses;
+export type DropdownMenuSearchClassKey = keyof DropdownMenuSearchClasses;

package/dropdown-menu/dropdown-menu-search/dropdown-menu-search.d.ts

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { IInputProps } from '../../input';
 import { IStyledComponentProps } from '../../styled';
 import { DropdownMenuSearchClasses } from './dropdown-menu-search-classes';
-declare type InputPropKeys = 'aria-label' | 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'placeholder' | 'inputRef';
-export declare type IDropdownMenuSearchProps = IStyledComponentProps<{
+type InputPropKeys = 'aria-label' | 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'placeholder' | 'inputRef';
+export type IDropdownMenuSearchProps = IStyledComponentProps<{
     props: Pick<IInputProps, InputPropKeys> & {
         InputProps?: Partial<IInputProps>;
         classes?: Partial<DropdownMenuSearchClasses>;

package/dropdown-menu/dropdown-menu-state/dropdown-menu-state.d.ts

@@ -7,7 +7,7 @@ export interface IDropdownMenuTriggerProps {
     id?: string;
     onClick(event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>): void;
 }
-export declare type IDropdownMenuProps = Pick<IDropdownMenuComponentProps, 'open' | 'anchorEl' | 'onClose' | 'id'>;
+export type IDropdownMenuProps = Pick<IDropdownMenuComponentProps, 'open' | 'anchorEl' | 'onClose' | 'id'>;
 export interface IDropdownMenuStateValue {
     triggerProps: IDropdownMenuTriggerProps;
     menuProps: IDropdownMenuProps;
@@ -21,5 +21,5 @@ interface IDropdownMenuStateProviderProps extends IDropdownMenuStateProps {
 }
 export declare const DropdownMenuStateContext: React.Context<IDropdownMenuStateValue>;
 export declare const useDropdownMenuStateContext: () => IDropdownMenuStateValue;
-export declare const DropdownMenuStateProvider: ({ children, ...props }: IDropdownMenuStateProviderProps) => JSX.Element;
+export declare const DropdownMenuStateProvider: ({ children, ...props }: IDropdownMenuStateProviderProps) => React.JSX.Element;
 export {};

package/dropdown-menu/dropdown-menu.d.ts

@@ -14,4 +14,4 @@ export interface IDropdownMenuProps extends Omit<IPopoverProps, 'classes'>, Part
     onClose?(event: {}, reason: 'backdropClick' | 'escapeKeyDown' | 'itemSelect'): void;
     classes?: Partial<DropdownMenuClasses>;
 }
-export declare const DropdownMenu: React.ForwardRefExoticComponent<Pick<IDropdownMenuProps, "slot" | "style" | "title" | "color" | "action" | "hidden" | "size" | "open" | "maxHeight" | "maxWidth" | "transformOrigin" | "transitionDuration" | "translate" | "container" | "className" | "classes" | "children" | "elevation" | "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" | "components" | "componentsProps" | "slotProps" | "slots" | "TransitionComponent" | "anchorOrigin" | "component" | "TransitionProps" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "onBackdropClick" | "onClose" | "onTransitionEnter" | "onTransitionExited" | "anchorEl" | "placement" | "anchorPosition" | "anchorReference" | "marginThreshold" | "PaperProps" | "items" | "closeOnSelect"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenu: React.ForwardRefExoticComponent<Omit<IDropdownMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/empty-state/empty-state-action/empty-state-action.d.ts

@@ -1,3 +1,3 @@
 import { IButtonProps } from '../../button';
-export declare type IEmptyStateActionProps = Omit<IButtonProps, 'size'>;
+export type IEmptyStateActionProps = Omit<IButtonProps, 'size'>;
 export declare const EmptyStateAction: import("../../overridable-component").OverridableComponent<import("../../button/button").IButtonTypeMap<{}, "button">>;

package/empty-state/empty-state-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const emptyStateComponentName: "QuantumEmptyState";
 export declare function getEmptyStateUtilityClass(slot: string): string;
 export declare const emptyStateClasses: Record<"link" | "content" | "icon" | "root" | "message" | "card" | "pageHeader" | "subtitle" | "actions", string>;
-export declare type EmptyStateClasses = typeof emptyStateClasses;
-export declare type EmptyStateClassKey = keyof EmptyStateClasses;
+export type EmptyStateClasses = typeof emptyStateClasses;
+export type EmptyStateClassKey = keyof EmptyStateClasses;

package/esm/breadcrumbs/breadcrumbs-overrides.js

@@ -1,12 +1,28 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { buttonBaseClasses } from '@mui/material';
 import { createComponentOverrides } from '../theme/create-component-overrides';
 export var createMuiBreadcrumbsOverrides = createComponentOverrides(function (_a) {
-    var tokens = _a.tokens;
+    var _b;
+    var mixins = _a.mixins, tokens = _a.tokens;
     return ({
         styleOverrides: {
             separator: {
                 color: tokens.color_fg_decorative,
                 fontSize: '0.875rem',
             },
+            root: (_b = {},
+                _b["& .".concat(buttonBaseClasses.root, ":focus")] = __assign({ outlineOffset: 2 }, mixins.focusRing()),
+                _b),
         },
     });
 });

package/esm/button/button-overrides.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { buttonClasses } from '@mui/material/Button';
 import { createComponentOverrides } from '../theme/create-component-overrides';
 export var createMuiButtonOverrides = createComponentOverrides(function (_a) {
@@ -207,9 +218,9 @@ export var createMuiButtonOverrides = createComponentOverrides(function (_a) {
             {
                 props: { color: 'danger' },
                 style: (_b = {},
-                    _b["&:focus,&.".concat(buttonClasses.focusVisible)] = mixins.focusRing({
+                    _b["&:focus,&.".concat(buttonClasses.focusVisible)] = __assign({ outlineOffset: 2 }, mixins.focusRing({
                         color: tokens.color_border_focus_state_danger,
-                    }),
+                    })),
                     _b),
             },
         ],
@@ -224,6 +235,9 @@ export var createMuiButtonOverrides = createComponentOverrides(function (_a) {
                     backgroundColor: tokens.color_bg_button_disabled,
                     borderColor: tokens.color_border_disabled,
                 },
+                _c["&:focus,&.".concat(buttonClasses.focusVisible)] = {
+                    outlineOffset: 2,
+                },
                 _c),
             fullWidth: {
                 width: '100%',

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

@@ -62,5 +62,5 @@ export var CardHeader = React.forwardRef(function (props, ref) {
             action: classes.action,
             avatar: classes.avatar,
             content: classes.content,
-        }, title: React.createElement(Title, __assign({ variant: titleVariant, color: "textPrimary" }, { component: 'h2' }, { display: "block" }, titleTypographyProps, { className: clsx(classes.title, titleTypographyProps.className), ownerState: { size: size } }), title), subheader: subheader ? (React.createElement(Text, __assign({ variant: "body2", color: "textSecondary", component: "p" }, subheaderTypographyProps, { className: clsx(classes.subheader, subheaderTypographyProps.className) }), subheader)) : null }, cardProps, { disableTypography: true })));
+        }, title: React.createElement(Title, __assign({ variant: titleVariant, color: "textPrimary" }, { component: 'p' }, { role: "heading", display: "block" }, titleTypographyProps, { className: clsx(classes.title, titleTypographyProps.className), ownerState: { size: size } }), title), subheader: subheader ? (React.createElement(Text, __assign({ variant: "body2", color: "textSecondary", component: "p" }, subheaderTypographyProps, { className: clsx(classes.subheader, subheaderTypographyProps.className) }), subheader)) : null }, cardProps, { disableTypography: true })));
 });

package/esm/card/card.js

@@ -69,7 +69,7 @@ var Root = styled(MuiCard, {
                 backgroundColor: fade(theme.palette.action.hoverBackground, 0.1),
                 boxShadow: theme.shadows[1],
             },
-        '&:focus': __assign({ outline: 'none' }, theme.mixins.focusRing()),
+        '&:focus': __assign({ outlineOffset: 2 }, theme.mixins.focusRing()),
     }))), (ownerState.selectableButton && {
         cursor: 'pointer',
         transition: theme.transitions.create(['box-shadow', 'border-color'], {

package/esm/checkbox/checkbox-overrides.js

@@ -24,7 +24,7 @@ export var createMuiCheckboxOverrides = function (_a) {
                     duration: transitions.duration.short,
                 }),
                 color: tokens.color_border_input,
-                '&:focus-within svg': __assign({ borderRadius: 4 }, mixins.focusRing()),
+                '&:focus-within svg': __assign({ borderRadius: 4, outlineOffset: 2 }, mixins.focusRing()),
             },
             colorPrimary: (_b = {
                     '&:hover,': {

package/esm/chip/chip-overrides.js

@@ -37,11 +37,7 @@ export var createMuiChipOverrides = createComponentOverrides(function (_a) {
                         boxShadow: mixins.borderAsBoxShadow(tokens.color_border_button),
                         backgroundColor: tokens.color_bg_link_hover,
                     },
-                    '&:focus,&.Mui-focusVisible': {
-                        cursor: 'pointer',
-                        boxShadow: mixins.borderAsBoxShadow(tokens.color_border_button),
-                        backgroundColor: tokens.color_bg_link_hover,
-                    }
+                    '&:focus,&.Mui-focusVisible': __assign({ cursor: 'pointer', boxShadow: mixins.borderAsBoxShadow(tokens.color_border_button), backgroundColor: tokens.color_bg_link_hover, outlineOffset: 2 }, mixins.focusRing())
                 },
                 _c["&.".concat(chipClasses.disabled)] = {
                     opacity: 1,

package/esm/chip/chip.js

@@ -48,13 +48,7 @@ var Root = styled(MuiChip, { name: chipComponentName, slot: 'Root' })(function (
             boxShadow: theme.mixins.borderAsBoxShadow(theme.tokens.color_border_selected, 2),
             backgroundColor: theme.tokens.color_bg_selected_subtle_pressed,
         },
-        _b["&:focus:not(&.".concat(chipClasses.disabled, "),&.Mui-focusVisible:not(&.").concat(chipClasses.disabled, ")")] = {
-            backgroundColor: theme.tokens.color_bg_selected_subtle_hover,
-            boxShadow: [
-                theme.mixins.borderAsBoxShadow(theme.tokens.color_border_selected, 2),
-                theme.mixins.focusRing().boxShadow,
-            ],
-        },
+        _b["&:focus:not(&.".concat(chipClasses.disabled, "),&.Mui-focusVisible:not(&.").concat(chipClasses.disabled, ")")] = __assign({ backgroundColor: theme.tokens.color_bg_selected_subtle_hover, boxShadow: theme.mixins.borderAsBoxShadow(theme.tokens.color_border_selected, 2) }, theme.mixins.focusRing()),
         _b[".".concat(checkboxClasses.colorPrimary, ".").concat(checkboxClasses.checked, ":not(.").concat(checkboxClasses.disabled, ")")] = {
             color: theme.tokens.color_bg_selected,
         },