@auth0/quantum-product 1.11.1 → 2.0.0

package/spinner/spinner-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const spinnerComponentName: "QuantumSpinner";
 export declare function getSpinnerUtilityClass(slot: string): string;
 export declare const spinnerClasses: Record<"spinner" | "root" | "logo", string>;
-export declare type SpinnerClasses = typeof spinnerClasses;
-export declare type SpinnerClassKey = keyof SpinnerClasses;
+export type SpinnerClasses = typeof spinnerClasses;
+export type SpinnerClassKey = keyof SpinnerClasses;

package/spinner/spinner.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ILogoProps } from '../logo';
 import { IStyledComponentProps } from '../styled';
 import { SpinnerClasses } from './spinner-classes';
-export declare type ISpinnerProps = IStyledComponentProps<{
+export type ISpinnerProps = IStyledComponentProps<{
     props: {
         /** Invert for dark background */
         inverse?: boolean;

package/stack-layout/stack-layout-item/stack-layout-item.d.ts

@@ -1,6 +1,6 @@
 import { IStyledComponentProps } from '../../styled';
 export declare const StackLayoutItemComponentName: "QuantumStackLayoutItem";
-export declare type IStackLayoutItemProps = IStyledComponentProps<{
+export type IStackLayoutItemProps = IStyledComponentProps<{
     props: {};
     defaultComponent: 'div';
 }>;

package/stack-layout/stack-layout.d.ts

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

package/status/status-dot/status-dot-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const statusDotComponentName: "QuantumStatusDot";
 export declare function getStatusDotUtilityClass(slot: string): string;
 export declare const statusDotClasses: Record<"dot" | "root", string>;
-export declare type StatusDotClasses = typeof statusDotClasses;
-export declare type StatusDotClassKey = keyof StatusDotClasses;
+export type StatusDotClasses = typeof statusDotClasses;
+export type StatusDotClassKey = keyof StatusDotClasses;

package/status/status-dot/status-dot.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IStyledComponentProps } from '../../styled';
 import { ITextProps } from '../../text';
 import { StatusDotClasses } from './status-dot-classes';
-export declare type IStatusDotProps = IStyledComponentProps<{
+export type IStatusDotProps = IStyledComponentProps<{
     props: {
         label: React.ReactNode;
         color?: 'default' | 'warning' | 'danger' | 'success' | 'info';
@@ -16,7 +16,7 @@ export declare type IStatusDotProps = IStyledComponentProps<{
     };
     defaultComponent: 'span';
 }>;
-export declare type IStatusDotOwnerState = Pick<IStatusDotProps, 'color'>;
+export type IStatusDotOwnerState = Pick<IStatusDotProps, 'color'>;
 export declare const StatusDot: React.ForwardRefExoticComponent<{
     label: React.ReactNode;
     color?: "default" | "warning" | "danger" | "success" | "info" | undefined;

package/status/status-icon/status-icon-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const statusIconComponentName: "QuantumStatusIcon";
 export declare function getStatusIconUtilityClass(slot: string): string;
 export declare const statusIconClasses: Record<"icon" | "root", string>;
-export declare type StatusIconClasses = typeof statusIconClasses;
-export declare type StatusIconClassKey = keyof StatusIconClasses;
+export type StatusIconClasses = typeof statusIconClasses;
+export type StatusIconClassKey = keyof StatusIconClasses;

package/status/status-icon/status-icon.d.ts

@@ -4,9 +4,9 @@ import { IStyledComponentProps } from '../../styled';
 import { ITheme } from '../../theme';
 import { StatusIconClasses } from './status-icon-classes';
 import { ThemeColorTokenName } from '../../theme/tokens';
-declare type StatusIconColor = 'default' | 'warning' | 'danger' | 'success' | 'info';
-declare type StatusIconVariant = 'default' | 'filled';
-export declare type IStatusIconProps = IStyledComponentProps<{
+type StatusIconColor = 'default' | 'warning' | 'danger' | 'success' | 'info';
+type StatusIconVariant = 'default' | 'filled';
+export type IStatusIconProps = IStyledComponentProps<{
     props: {
         color?: StatusIconColor;
         label?: string;

package/stepper/step-label/step-label.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { StepLabelProps } from '@mui/material/StepLabel';
-export declare const StepLabel: React.ForwardRefExoticComponent<Pick<StepLabelProps, "slot" | "style" | "title" | "color" | "error" | "hidden" | "icon" | "translate" | "className" | "classes" | "children" | "sx" | "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" | "componentsProps" | "slotProps" | "optional" | "StepIconComponent" | "StepIconProps"> & React.RefAttributes<HTMLDivElement>>;
+export declare const StepLabel: React.ForwardRefExoticComponent<Omit<StepLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/styled.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import type { DefaultComponentProps, OverridableTypeMap } from './overridable-component';
 import { shouldForwardProp, SxProps as MUISxProps } from '@mui/system';
 import { ITheme } from './theme';
-export declare type SxProps = MUISxProps<ITheme>;
+export type SxProps = MUISxProps<ITheme>;
 export interface IStyledCommonProps {
     sx?: SxProps;
     as?: React.ElementType;
@@ -12,7 +12,7 @@ export interface IStyledCommonProps {
 /**
  * Props for components that use a styled component as the root
  */
-export declare type IStyledComponentProps<TypeMap extends OverridableTypeMap> = DefaultComponentProps<TypeMap> & IStyledCommonProps;
+export type IStyledComponentProps<TypeMap extends OverridableTypeMap> = DefaultComponentProps<TypeMap> & IStyledCommonProps;
 export interface IStyledOwnerStateProps<Props = {}> {
     ownerState: Props;
 }

package/svg-icon/svg-icon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IStyledComponentProps } from '../styled';
-export declare type ISVGIconProps = IStyledComponentProps<{
+export type ISVGIconProps = IStyledComponentProps<{
     props: {
         /** Shortcut prop for height and width.
          * @default "1em"

package/switch/switch-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const switchComponentName: "QuantumSwitch";
 export declare function getSwitchUtilityClass(slot: string): string;
 export declare const switchClasses: Record<"switch" | "formControlLabel", string>;
-export declare type SwitchClasses = typeof switchClasses;
-export declare type SwitchClassKey = keyof SwitchClasses;
+export type SwitchClasses = typeof switchClasses;
+export type SwitchClassKey = keyof SwitchClasses;

package/switch/switch-field/switch-field.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { IFormFieldProps } from '../../form';
 import { ISwitchProps } from '../switch';
-declare type PickedSwitchPropKeys = 'onChange' | 'onValueChange' | 'onBlur' | 'checked' | 'value' | 'defaultValue' | 'defaultChecked';
+type PickedSwitchPropKeys = 'onChange' | 'onValueChange' | 'onBlur' | 'checked' | 'value' | 'defaultValue' | 'defaultChecked';
 export interface ISwitchFieldProps extends Omit<IFormFieldProps, PickedSwitchPropKeys>, Pick<ISwitchProps, PickedSwitchPropKeys> {
     switchLabels?: ISwitchProps['labels'];
     switchLabelPlacement?: ISwitchProps['labelPlacement'];
     SwitchProps?: ISwitchProps;
+    children?: React.ReactNode;
 }
-export declare const SwitchField: React.ForwardRefExoticComponent<Pick<ISwitchFieldProps, "label" | "slot" | "style" | "title" | "error" | "disabled" | "hidden" | "size" | "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" | "checked" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "ErrorHelperTextProps" | "onValueChange" | "switchLabels" | "switchLabelPlacement" | "SwitchProps"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SwitchField: React.ForwardRefExoticComponent<Omit<ISwitchFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/switch/switch-overrides.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMuiSwitchOverrides = void 0;
 var Switch_1 = require("@mui/material/Switch");
@@ -22,7 +33,7 @@ var createMuiSwitchOverrides = function (_a) {
                 padding: 0,
                 overflow: 'visible',
                 '&:focus-within,&.Mui-focused': (_b = {},
-                    _b["& .".concat(Switch_1.switchClasses.track)] = mixins.focusRing(),
+                    _b["& .".concat(Switch_1.switchClasses.track)] = __assign({ outlineOffset: 2 }, mixins.focusRing()),
                     _b),
             },
             colorPrimary: (_c = {

package/switch/switch.d.ts

@@ -14,4 +14,4 @@ export interface ISwitchProps extends Omit<SwitchProps, 'size' | 'color' | 'clas
     onValueChange?(newValue: boolean): void;
     classes?: Partial<SwitchClasses>;
 }
-export declare const Switch: React.ForwardRefExoticComponent<Pick<ISwitchProps, "form" | "slot" | "style" | "title" | "type" | "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" | "labels" | "onValueChange"> & React.RefAttributes<HTMLButtonElement | HTMLLabelElement>>;
+export declare const Switch: React.ForwardRefExoticComponent<Omit<ISwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement | HTMLLabelElement>>;

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

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

package/table/table-loading-state/table-loading-state-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const tableLoadingStateComponentName: "QuantumTableLoadingState";
 export declare function getTableLoadingStateUtilityClass(slot: string): string;
 export declare const tableLoadingStateClasses: Record<"spinner" | "root", string>;
-export declare type TableLoadingStateClasses = typeof tableLoadingStateClasses;
-export declare type TableLoadingStateClassKey = keyof TableLoadingStateClasses;
+export type TableLoadingStateClasses = typeof tableLoadingStateClasses;
+export type TableLoadingStateClassKey = keyof TableLoadingStateClasses;

package/table/table-loading-state/table-loading-state.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IStyledComponentProps } from '../../styled';
 import { TableLoadingStateClasses } from './table-loading-state-classes';
-export declare type ITableLoadingStateProps = IStyledComponentProps<{
+export type ITableLoadingStateProps = IStyledComponentProps<{
     props: {
         items?: any[];
         classes?: Partial<TableLoadingStateClasses>;

package/table/table-sort-label/index.d.ts

@@ -1,4 +1,4 @@
 import { TableSortLabelProps } from '@mui/material/TableSortLabel';
 import * as React from 'react';
-export declare type ITableSortLabelProps = TableSortLabelProps;
-export declare const TableSortLabel: React.ForwardRefExoticComponent<Pick<ITableSortLabelProps, "slot" | "style" | "title" | "color" | "action" | "disabled" | "active" | "hidden" | "direction" | "translate" | "className" | "classes" | "children" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "component" | "hideSortIcon" | "IconComponent"> & React.RefAttributes<HTMLAnchorElement>>;
+export type ITableSortLabelProps = TableSortLabelProps;
+export declare const TableSortLabel: React.ForwardRefExoticComponent<Omit<ITableSortLabelProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/tabs/tab/tab-override.js

@@ -1,21 +1,10 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createMuiTabOverrides = void 0;
 var Tab_1 = require("@mui/material/Tab");
 var createMuiTabOverrides = function (_a) {
     var _b, _c;
-    var tokens = _a.tokens, spacing = _a.spacing, breakpoints = _a.breakpoints, typography = _a.typography, mixins = _a.mixins;
+    var tokens = _a.tokens, spacing = _a.spacing, breakpoints = _a.breakpoints, typography = _a.typography;
     return {
         variants: [
             {
@@ -48,7 +37,9 @@ var createMuiTabOverrides = function (_a) {
                 _c['&:hover'] = {
                     color: tokens.color_fg_selected,
                 },
-                _c['&:focus-visible'] = __assign({}, mixins.focusRing({ type: 'inset' })),
+                _c['&:focus-visible'] = {
+                    boxShadow: "0 0 0 2px ".concat(tokens.color_border_focus, " inset"),
+                },
                 _c.color = tokens.color_fg_link_subtle,
                 _c.fontWeight = typography.fontWeightRegular,
                 _c),

package/tabs/tab/tab.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { OverridableComponent, OverrideProps } from '../../overridable-component';
 import { TabTypeMap } from '@mui/material/Tab';
-declare type ITabTypeMap<ExtraPropsType = {}, DefaultElementType extends React.ElementType = TabTypeMap['defaultComponent']> = TabTypeMap<ExtraPropsType & {
+type ITabTypeMap<ExtraPropsType = {}, DefaultElementType extends React.ElementType = TabTypeMap['defaultComponent']> = TabTypeMap<ExtraPropsType & {
     productReleaseStage?: 'beta' | 'earlyAccess' | 'generalAvailability';
 }, DefaultElementType>;
-export declare type ITabProps<D extends React.ElementType = ITabTypeMap['defaultComponent'], P = {}> = OverrideProps<ITabTypeMap<P, D>, D>;
+export type ITabProps<D extends React.ElementType = ITabTypeMap['defaultComponent'], P = {}> = OverrideProps<ITabTypeMap<P, D>, D>;
 export declare const Tab: OverridableComponent<ITabTypeMap<{}, "div">>;
 export {};

package/tabs/tab-list/tab-list.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { TabsProps } from '@mui/material/Tabs';
-export declare type ITabListProps = Omit<TabsProps, 'onChange' | 'value'>;
+export type ITabListProps = Omit<TabsProps, 'onChange' | 'value'>;
 export declare const TabList: React.FC<ITabListProps>;

package/tabs/tab-panel/tab-panel.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IStyledComponentProps } from '../../styled';
-export declare type ITabPanelProps = IStyledComponentProps<{
+export type ITabPanelProps = IStyledComponentProps<{
     props: {
         value: any;
     };

package/tabs/tabs.d.ts

@@ -3,5 +3,6 @@ import { ITabsContextValue } from './tabs-context';
 export interface ITabsProps extends Pick<ITabsContextValue, 'onChange' | 'value' | 'isLazy'> {
     baseId: string;
     fullWidth?: boolean;
+    children?: React.ReactNode;
 }
 export declare const Tabs: React.FC<ITabsProps>;

package/text/index.d.ts

@@ -2,5 +2,5 @@
 import { typographyClasses, TypographyTypeMap } from '@mui/material/Typography';
 import { OverridableComponent, OverrideProps } from '../overridable-component';
 export { typographyClasses };
-export declare type ITextProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = OverrideProps<TypographyTypeMap<P, D>, D>;
+export type ITextProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = OverrideProps<TypographyTypeMap<P, D>, D>;
 export declare const Text: OverridableComponent<TypographyTypeMap<{}, "span">>;

package/theme/colors.d.ts

@@ -1,12 +1,12 @@
 import type { Color as MuiColor } from '@mui/material';
 import { ThemeTokens } from './tokens';
-export declare type Color = Omit<MuiColor, 'A100' | 'A200' | 'A400' | 'A700'>;
-export declare type Shade = 'lightest' | 'lighter' | 'light' | 'base' | 'dark' | 'darker' | 'darkest';
+export type Color = Omit<MuiColor, 'A100' | 'A200' | 'A400' | 'A700'>;
+export type Shade = 'lightest' | 'lighter' | 'light' | 'base' | 'dark' | 'darker' | 'darkest';
 /** @deprecated use tokens */
 export declare const shadeMap: Record<Shade, keyof Color>;
-export declare type ColorName = 'blue' | 'green' | 'magenta' | 'purple' | 'red' | 'yellow' | 'neutral';
+export type ColorName = 'blue' | 'green' | 'magenta' | 'purple' | 'red' | 'yellow' | 'neutral';
 export declare const getColorsFromTokens: (tokens: ThemeTokens) => Record<ColorName, Color>;
 export declare const getBrandColor: (colors: Record<ColorName, Color>, mainBrandColor: string) => Color;
-declare type BrandShadeMap = Record<'light' | 'main' | 'dark' | 'A400' | 'A200' | 'A700', string>;
+type BrandShadeMap = Record<'light' | 'main' | 'dark' | 'A400' | 'A200' | 'A700', string>;
 export declare const getBrandShadeAliasMap: (color: Color, mainColor: string) => BrandShadeMap;
 export {};

package/theme/create-component-overrides.d.ts

@@ -24,5 +24,5 @@ export interface IComponentOverrideMap<Props, ClassKey extends string = 'root'>
         style: CSSObject;
     }>;
 }
-export declare type ComponentOverrideCreator<ComponentProps, ClassKey extends string = 'root'> = (options: ICreateComponentOverridesOptions) => IComponentOverrideMap<ComponentProps, ClassKey>;
+export type ComponentOverrideCreator<ComponentProps, ClassKey extends string = 'root'> = (options: ICreateComponentOverridesOptions) => IComponentOverrideMap<ComponentProps, ClassKey>;
 export declare const createComponentOverrides: <Props = {}, ClassKey extends string = "root">(creator: ComponentOverrideCreator<Props, ClassKey>) => ComponentOverrideCreator<Props, ClassKey>;

package/theme/create-components.d.ts

@@ -1,6 +1,6 @@
 import type { Components } from '@mui/material/styles';
 import type { ICreateComponentOverridesOptions } from './create-component-overrides';
-export declare type IComponents = Components;
+export type IComponents = Components;
 export interface IComponentsOptions extends ICreateComponentOverridesOptions {
     components?: ((options: IComponentsOptions) => IComponents) | IComponents;
 }

package/theme/create-layout.d.ts

@@ -6,7 +6,7 @@ export interface ILayout {
     sidebarWidth: number;
     sidebarWidthCollapsed: number;
 }
-export declare type ILayoutOptions = Partial<ILayout> & {
+export type ILayoutOptions = Partial<ILayout> & {
     tokens?: ThemeTokens;
 };
 export declare const createLayout: (options?: ILayoutOptions) => ILayout;

package/theme/create-mixins.d.ts

@@ -26,7 +26,7 @@ export interface IMixins extends Omit<Mixins, 'toolbar'> {
         dark?: DarkModeValue;
     }): LightModeValue | DarkModeValue;
 }
-export declare type IMixinsOptions = Partial<IMixins>;
+export type IMixinsOptions = Partial<IMixins>;
 export interface ICreateMixinsOptions {
     breakpoints: Breakpoints;
     spacing: Spacing;

package/theme/create-mixins.js

@@ -40,10 +40,9 @@ var createMixins = function (_a) {
     };
     var focusRing = function (options) {
         if (options === void 0) { options = {}; }
-        var _a = options.color, color = _a === void 0 ? tokens.color_border_focus_bold : _a, _b = options.type, type = _b === void 0 ? 'default' : _b, _c = options.opacity, opacity = _c === void 0 ? palette.mode === 'light' ? 0.25 : 0.5 : _c;
-        var shadow = "".concat(opacity === 1 ? color : (0, color_manipulator_1.alpha)(color, opacity), " 0px 0px 0px 0.25em");
+        var _a = options.color, color = _a === void 0 ? tokens.color_border_focus : _a;
         return {
-            boxShadow: type === 'default' ? shadow : "inset ".concat(shadow),
+            outline: "2px solid ".concat(color),
         };
     };
     var borderAsBoxShadow = function (color, width) {
@@ -61,7 +60,7 @@ var createMixins = function (_a) {
             },
             hover: hoverStyles,
             active: hoverStyles,
-            focus: __assign({ color: tokens.color_fg_inverse_static }, focusRing({ color: tokens.color_border_focus_inverse_static, opacity: 1 })),
+            focus: __assign({ color: tokens.color_fg_inverse_static }, focusRing({ color: tokens.color_border_focus_inverse_static })),
         };
     };
     var getColorModeValue = function (_a) {

package/theme/create-palette.d.ts

@@ -2,11 +2,11 @@ import { Palette, PaletteColor, PaletteOptions } from '@mui/material/styles';
 import type { PropTypes, PaletteMode } from '@mui/material';
 import { ThemeTokens } from './tokens';
 export type { PaletteColor, PaletteMode };
-export declare type IPalette = Palette;
-export declare type IPaletteOptions = PaletteOptions;
-export declare type ColorType = BaseColorType | ThemeColorType | StatusColorType | PaletteColor | 'danger';
-export declare type PickColorType<Color extends ColorType = ColorType> = Color;
-export declare type StatusColorType = keyof Pick<IPalette, 'warning' | 'danger' | 'success' | 'info'>;
-export declare type ThemeColorType = keyof Pick<IPalette, 'primary'>;
-export declare type BaseColorType = PropTypes.Color;
+export type IPalette = Palette;
+export type IPaletteOptions = PaletteOptions;
+export type ColorType = BaseColorType | ThemeColorType | StatusColorType | PaletteColor | 'danger';
+export type PickColorType<Color extends ColorType = ColorType> = Color;
+export type StatusColorType = keyof Pick<IPalette, 'warning' | 'danger' | 'success' | 'info'>;
+export type ThemeColorType = keyof Pick<IPalette, 'primary'>;
+export type BaseColorType = PropTypes.Color;
 export declare const createPalette: ({ primary, secondary, mode, ...overrides }: PaletteOptions | undefined, tokens: ThemeTokens) => PaletteOptions;

package/theme/create-theme.d.ts

@@ -4,7 +4,7 @@ import { ILayout } from './create-layout';
 import { IComponentsOptions } from './create-components';
 import { IMixins } from './create-mixins';
 import { ITypography, ITypographyOptions } from './create-typography';
-export declare type IThemeOptions = Omit<ThemeOptions, 'typography'> & {
+export type IThemeOptions = Omit<ThemeOptions, 'typography'> & {
     components?: IComponentsOptions['components'];
     typography?: ((partialTheme: {
         palette: Palette;
@@ -20,6 +20,6 @@ interface IThemeCustomProps {
     tokens: SemanticThemeTokens;
     unsafe_globalTokens: GlobalThemeTokens;
 }
-export declare type ITheme = Theme & IThemeCustomProps;
+export type ITheme = Theme & IThemeCustomProps;
 export declare const createTheme: ({ layout: layoutOptions, components: componentsOptions, palette: paletteOptions, typography: typographyOptions, breakpoints: breakpointsOptions, tokens, ...options }?: IThemeOptions) => ITheme;
 export {};

package/theme/create-typography.d.ts

@@ -1,6 +1,6 @@
 import type { TypographyVariants as Typography, TypographyVariantsOptions as TypographyOptions, TypographyStyle } from '@mui/material/styles';
 import { ThemeTokens } from './tokens';
-export declare type FontWeightKey = 'light' | 'regular' | 'medium' | 'semibold' | 'bold';
+export type FontWeightKey = 'light' | 'regular' | 'medium' | 'semibold' | 'bold';
 export interface ITypography extends Typography {
     fontFamilyMonospace: string;
     code1: TypographyStyle;
@@ -9,5 +9,5 @@ export interface ITypography extends Typography {
     input: TypographyStyle;
     fontWeightSemibold: any;
 }
-export declare type ITypographyOptions = TypographyOptions & Partial<ITypography>;
+export type ITypographyOptions = TypographyOptions & Partial<ITypography>;
 export declare const createTypography: (overrides: ITypographyOptions | undefined, tokens: ThemeTokens) => ITypographyOptions;

package/theme/tokens.d.ts

@@ -1,17 +1,17 @@
 import { okta, auth0 } from '@auth0/quantum-tokens';
-declare type GlobalTokenPatten = `${string}_global_${string}`;
-declare type ColorTokenPattern = `color_${string}`;
-declare type TypeTokenPattern = `type_${string}`;
-export declare type ThemeTokens = typeof okta.light | typeof auth0.light;
-export declare type ThemeTokenName = keyof ThemeTokens;
-declare type FilterGlobalTokens<TokenKey extends string> = TokenKey extends GlobalTokenPatten ? never : TokenKey;
-declare type PickTokenType<Pattern extends string, TokenKey extends string> = TokenKey extends Pattern ? TokenKey : never;
-export declare type GlobalThemeTokenName = PickTokenType<GlobalTokenPatten, ThemeTokenName>;
-export declare type GlobalThemeTokens = Pick<ThemeTokens, GlobalThemeTokenName>;
-export declare type SemanticThemeTokenName = FilterGlobalTokens<ThemeTokenName>;
-export declare type SemanticThemeTokens = Pick<ThemeTokens, SemanticThemeTokenName>;
-export declare type ThemeColorTokenName = FilterGlobalTokens<PickTokenType<ColorTokenPattern, ThemeTokenName>>;
-export declare type ThemeColorTokens = Pick<ThemeTokens, ThemeColorTokenName>;
-export declare type ThemeTypeTokenName = FilterGlobalTokens<PickTokenType<TypeTokenPattern, ThemeTokenName>>;
-export declare type ThemeTypeTokens = Pick<ThemeTokens, ThemeTypeTokenName>;
+type GlobalTokenPatten = `${string}_global_${string}`;
+type ColorTokenPattern = `color_${string}`;
+type TypeTokenPattern = `type_${string}`;
+export type ThemeTokens = typeof okta.light | typeof auth0.light;
+export type ThemeTokenName = keyof ThemeTokens;
+type FilterGlobalTokens<TokenKey extends string> = TokenKey extends GlobalTokenPatten ? never : TokenKey;
+type PickTokenType<Pattern extends string, TokenKey extends string> = TokenKey extends Pattern ? TokenKey : never;
+export type GlobalThemeTokenName = PickTokenType<GlobalTokenPatten, ThemeTokenName>;
+export type GlobalThemeTokens = Pick<ThemeTokens, GlobalThemeTokenName>;
+export type SemanticThemeTokenName = FilterGlobalTokens<ThemeTokenName>;
+export type SemanticThemeTokens = Pick<ThemeTokens, SemanticThemeTokenName>;
+export type ThemeColorTokenName = FilterGlobalTokens<PickTokenType<ColorTokenPattern, ThemeTokenName>>;
+export type ThemeColorTokens = Pick<ThemeTokens, ThemeColorTokenName>;
+export type ThemeTypeTokenName = FilterGlobalTokens<PickTokenType<TypeTokenPattern, ThemeTokenName>>;
+export type ThemeTypeTokens = Pick<ThemeTokens, ThemeTypeTokenName>;
 export {};

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

@@ -1,6 +1,6 @@
 export declare const titleBlockComponentName: "QuantumTitleBlock";
-export declare type TitleBlockSlotKey = 'root' | 'title' | 'description';
+export type TitleBlockSlotKey = 'root' | 'title' | 'description';
 export declare function getTitleBlockUtilityClass(slot: string): string;
 export declare const titleBlockClasses: Record<"title" | "root" | "description", string>;
-export declare type TitleBlockClasses = typeof titleBlockClasses;
-export declare type TitleBlockClassKey = keyof TitleBlockClasses;
+export type TitleBlockClasses = typeof titleBlockClasses;
+export type TitleBlockClassKey = keyof TitleBlockClasses;

package/toast/toast-classes.d.ts

@@ -1,5 +1,5 @@
 export declare const toastComponentName: "QuantumToast";
 export declare function getToastUtilityClass(slot: string): string;
 export declare const toastClasses: Record<"root" | "alert", string>;
-export declare type ToastClasses = typeof toastClasses;
-export declare type ToastClassKey = keyof ToastClasses;
+export type ToastClasses = typeof toastClasses;
+export type ToastClassKey = keyof ToastClasses;

package/toast/toast.d.ts

@@ -7,4 +7,4 @@ export interface IToastProps extends Omit<SnackbarProps, 'onClose' | 'title' | '
     AlertProps?: Partial<Omit<IAlertProps, 'ref'>>;
     onClose?(event: React.SyntheticEvent<any> | Event, reason: SnackbarCloseReason | 'closeClick'): void;
 }
-export declare const Toast: React.ForwardRefExoticComponent<Pick<IToastProps, "slot" | "style" | "title" | "color" | "action" | "hidden" | "open" | "icon" | "transitionDuration" | "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" | "TransitionComponent" | "anchorOrigin" | "TransitionProps" | "onClose" | "dismissible" | "message" | "severity" | "onDismiss" | "autoHideDuration" | "ClickAwayListenerProps" | "ContentProps" | "disableWindowBlurListener" | "resumeHideDuration" | "AlertProps"> & React.RefAttributes<unknown>>;
+export declare const Toast: React.ForwardRefExoticComponent<Omit<IToastProps, "ref"> & React.RefAttributes<unknown>>;

package/utils/layouts.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { ResponsiveStyleValue } from '@mui/system';
-export declare type SpacingFactor = 0 | 0.25 | 0.5 | 0.75 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+export type SpacingFactor = 0 | 0.25 | 0.5 | 0.75 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
 export interface ILayoutComponentProps {
     /** @deprecated use `as` prop instead */
     component?: React.ElementType;

package/utils/responsive-style-value.d.ts

@@ -1,9 +1,9 @@
 import type { ResponsiveStyleValue } from '@mui/system/styleFunctionSx';
 export type { ResponsiveStyleValue };
-export declare type ResponsiveStyleValueMap<Value = any> = {
+export type ResponsiveStyleValueMap<Value = any> = {
     [key: string]: Value;
 };
-export declare type ResponsiveStyleValueArray<Value = any> = Value[];
+export type ResponsiveStyleValueArray<Value = any> = Value[];
 export declare const isBreakPointValueMap: <Value = any>(possibleMap: ResponsiveStyleValue<any>) => possibleMap is ResponsiveStyleValueMap<Value>;
 export declare const isBreakPointValueArray: <Value = any>(possibleMap: ResponsiveStyleValue<any>) => possibleMap is ResponsiveStyleValueArray<Value>;
 export declare const mapResponsiveStyleValue: <PropValue = any, StyleValue = any>(propValue: ResponsiveStyleValue<PropValue>, getStyleValueForPropValue: (value: PropValue | null) => StyleValue) => ResponsiveStyleValue<StyleValue>;