@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/button.d.mts

@@ -1,14 +1,30 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-export { default as Button } from '@mui/material/Button';
+import * as react from 'react';
+import react__default, { ComponentProps } from 'react';
+import MuiButton from '@mui/material/Button';
+import Box from '@mui/material/Box';
 import * as _mui_material_IconButton from '@mui/material/IconButton';
-export { default as IconButton } from '@mui/material/IconButton';
+import _mui_material_IconButton__default from '@mui/material/IconButton';
+import * as _mui_material_Tooltip from '@mui/material/Tooltip';
+import { TooltipProps } from '@mui/material/Tooltip';
+import * as _emotion_styled from '@emotion/styled';
+import * as _mui_system from '@mui/system';
 import * as _mui_material_styles from '@mui/material/styles';
-import * as react from 'react';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import * as _mui_material_ButtonBase from '@mui/material/ButtonBase';
+import * as _mui_types from '@mui/types';
+import * as _mui_material_Chip from '@mui/material/Chip';
 
-declare function Button(p: {
-    primary?: boolean;
+/**
+ * A modified MUI Button that truncates long text with ellipsis.
+ *
+ * [Doc](https://mui.com/material-ui/react-button/)
+ * [API](https://mui.com/material-ui/api/button/)
+ */
+declare function Button(p: react__default.ComponentProps<typeof MuiButton> & {
+    slotProps?: {
+        innerBox?: react__default.ComponentProps<typeof Box>;
+    };
 }): react_jsx_runtime.JSX.Element;
 
 declare const buttonTheme: {
@@ -16,40 +32,226 @@ declare const buttonTheme: {
         readonly variant: "outlined";
         readonly focusRipple: false;
         readonly disableRipple: true;
+        readonly size: "small";
     };
     readonly styleOverrides: {
         readonly root: {
+            readonly textTransform: "capitalize";
+            readonly transition: "background-color 0s, border-color 0s, color 0s, box-shadow 0s";
+            readonly '--button-color': "var(--mui-palette-text-primary)";
+            readonly '--button-filled-bg': "var(--mui-palette-primary-background)";
+            readonly '--button-hover-border-color': "var(--mui-palette-border-hover-1)";
+            readonly "--variant-outlinedColor": "var(--button-color)";
+            readonly "--variant-outlinedBg": "transparent";
+            readonly "--variant-containedColor": "var(--button-color)";
+            readonly "--variant-containedBg": "var(--button-filled-bg)";
+            readonly "--variant-textBorderColor": "transparent";
+            readonly "&:hover": {
+                readonly "--variant-textBorderColor": "var(--button-hover-border-color)";
+            };
+            readonly "&.MuiButton-colorError": {
+                readonly '--button-color': "var(--mui-palette-error-main)";
+                readonly '--button-filled-bg': "var(--mui-palette-error-background)";
+                readonly '--button-hover-border-color': "var(--mui-palette-error-dark)";
+            };
+            readonly "&.MuiButton-colorInfo": {
+                readonly '--button-color': "var(--mui-palette-info-main)";
+                readonly '--button-filled-bg': "var(--mui-palette-info-background)";
+                readonly '--button-hover-border-color': "var(--mui-palette-info-dark)";
+            };
+            readonly "&.MuiButton-colorSuccess": {
+                readonly '--button-color': "var(--mui-palette-success-dark)";
+                readonly '--button-filled-bg': "var(--mui-palette-success-background)";
+                readonly '--button-hover-border-color': "var(--mui-palette-success-dark)";
+            };
+            readonly "&.MuiButton-colorWarning": {
+                readonly '--button-color': "var(--mui-palette-warning-main)";
+                readonly '--button-filled-bg': "var(--mui-palette-warning-background)";
+                readonly '--button-hover-border-color': "var(--mui-palette-warning-dark)";
+            };
+            readonly "&.MuiButton-colorSystem": {
+                readonly '--button-color': "var(--mui-palette-system-main)";
+                readonly '--button-filled-bg': "var(--mui-palette-system-background)";
+                readonly '--button-hover-border-color': "var(--mui-palette-system-dark)";
+            };
+            readonly "&.MuiButton-colorInsight": {
+                readonly '--button-color': "var(--mui-palette-insight-main)";
+                readonly '--button-filled-bg': "var(--mui-palette-insight-background)";
+                readonly '--button-hover-border-color': "var(--mui-palette-insight-dark)";
+            };
+            readonly "&.MuiButton-colorSecondary": {
+                readonly '--button-color': "var(--mui-palette-secondary-main)";
+                readonly '--button-filled-bg': "var(--mui-palette-secondary-background)";
+                readonly '--button-hover-border-color': "var(--mui-palette-border-hover-1)";
+            };
+            readonly "&.MuiButton-colorPrimary": {
+                readonly '--button-color': "var(--mui-palette-primary-emphasis)";
+                readonly '--button-filled-bg': "var(--mui-palette-container-bg-primary)";
+                readonly '--button-hover-border-color': "var(--mui-palette-primary-emphasis)";
+                readonly '--variant-outlinedBorder': "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 62%)";
+                readonly '--variant-textColor': "var(--mui-palette-primary-emphasis)";
+                readonly '--variant-containedColor': "var(--mui-palette-text-primary)";
+                readonly '&.MuiButton-outlined': {
+                    readonly color: "var(--mui-palette-primary-emphasis)";
+                    readonly borderColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 62%)";
+                    readonly '&:hover': {
+                        readonly color: "var(--mui-palette-primary-emphasis)";
+                        readonly borderColor: "var(--mui-palette-primary-emphasis)";
+                        readonly backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 94%)";
+                    };
+                };
+                readonly '&.MuiButton-contained': {
+                    readonly color: "var(--mui-palette-primary-emphasis)";
+                    readonly backgroundColor: "var(--mui-palette-container-bg-primary)";
+                    readonly '&:hover': {
+                        readonly color: "var(--mui-palette-primary-emphasis)";
+                        readonly borderColor: "var(--mui-palette-border-hover-1)";
+                        readonly backgroundColor: "var(--mui-palette-container-bg-primary)";
+                    };
+                };
+                readonly '&.MuiButton-text': {
+                    readonly color: "var(--mui-palette-primary-emphasis)";
+                    readonly '&:hover': {
+                        readonly color: "var(--mui-palette-primary-emphasis)";
+                        readonly borderColor: "var(--mui-palette-primary-emphasis)";
+                        readonly backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 94%)";
+                    };
+                };
+            };
             readonly "&:active": {
                 readonly scale: "0.9";
             };
         };
+        readonly outlined: {
+            readonly "&:hover": {
+                readonly borderColor: "var(--button-hover-border-color)";
+            };
+        };
+        readonly contained: {
+            readonly boxShadow: "none";
+            readonly border: "1px solid transparent";
+            readonly '&:hover': {
+                readonly boxShadow: "none";
+                readonly borderColor: "var(--button-hover-border-color)";
+                readonly backgroundColor: "var(--button-filled-bg)";
+            };
+        };
+        readonly text: {
+            readonly border: "1px solid transparent";
+            readonly borderColor: "var(--variant-textBorderColor)";
+        };
     };
 };
 declare const buttonBaseTheme: {
     readonly styleOverrides: {
         readonly root: {
-            readonly borderRadius: "var(--mui-shape-borderRadius)";
-            readonly "& svg.MuiSvgIcon-root": {
-                readonly color: "var(--mui-palette-secondary-dark)";
-            };
+            readonly textTransform: "capitalize";
         };
     };
 };
+
+type IconButtonProps = React.ComponentProps<typeof _mui_material_IconButton__default>;
+type Props = {
+    /** The Icon to render */
+    children: React.ReactNode;
+    /** The title of the tooltip */
+    title?: string;
+    /**
+     * The color theme of the entire component.
+     * @default 'secondary' (from theme)
+     */
+    color?: IconButtonProps['color'];
+    /**
+     * The size of the component.
+     * @default 'small' (from theme)
+     */
+    size?: IconButtonProps['size'];
+    selected?: boolean;
+    slotProps?: {
+        tooltip?: Omit<TooltipProps, "children">;
+    };
+} & Omit<IconButtonProps, "color" | "size">;
+/**
+ * A MuiIconButton wrapped in a MuiTooltip.
+ * Default props like `size` and `color` are handled by the theme.
+ */
+declare const IconButton: react.ForwardRefExoticComponent<Omit<Props, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const _default: _emotion_styled.StyledComponent<Omit<{
+    children: React.ReactNode;
+    title?: string;
+    color?: _mui_types.OverridableStringUnion<"inherit" | "error" | "default" | "primary" | "secondary" | "success" | "info" | "warning", _mui_material_IconButton.IconButtonPropsColorOverrides> | undefined;
+    size?: _mui_types.OverridableStringUnion<"small" | "medium" | "large", _mui_material_IconButton.IconButtonPropsSizeOverrides> | undefined;
+    selected?: boolean;
+    slotProps?: {
+        tooltip?: Omit<_mui_material_Tooltip.TooltipProps, "children">;
+    };
+} & Omit<_mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material_ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "edge">, "color" | "size">, "ref"> & react.RefAttributes<HTMLButtonElement> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+
+type IconButtonFadeProps = ComponentProps<typeof IconButton> & {
+    /**
+     * element that is shown temporarily when the button is activated (usually
+     * another icon).  the component will fade from `children` to this element
+     * and then automatically back again after `fadeDuration`.
+     */
+    fadeIcon: React.ReactNode;
+    /** how long (in ms) the fade icon remains visible before reverting */
+    fadeDuration?: number;
+};
+declare const IconButtonFade: react.ForwardRefExoticComponent<Omit<IconButtonFadeProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
 declare const iconButtonTheme: {
     readonly defaultProps: {
         readonly focusRipple: false;
         readonly disableRipple: true;
+        readonly color: "secondary";
+        readonly size: "small";
     };
     readonly styleOverrides: {
-        readonly root: ({ theme }: _mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material_ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "edge"> & {
-            component?: React.ElementType;
+        readonly root: ({ theme }: _mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material_ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "edge"> & {
+            component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
-            ownerState: _mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material_ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "edge"> & {
-                component?: React.ElementType;
+            ownerState: _mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material_ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "edge"> & {
+                component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {
             theme: Omit<_mui_material_styles.Theme, "components" | "palette"> & _mui_material_styles.CssVarsTheme;
         }) => {
+            transition: "background-color 0s, border-color 0s, color 0s";
+            '--button-color': string;
+            '--button-hover-border-color': string;
+            "&.MuiIconButton-colorError": {
+                '--button-color': string;
+                '--button-hover-border-color': string;
+            };
+            "&.MuiIconButton-colorInfo": {
+                '--button-color': string;
+                '--button-hover-border-color': string;
+            };
+            "&.MuiIconButton-colorSuccess": {
+                '--button-color': string;
+                '--button-hover-border-color': string;
+            };
+            "&.MuiIconButton-colorWarning": {
+                '--button-color': string;
+                '--button-hover-border-color': string;
+            };
+            "&.MuiIconButton-colorSecondary": {
+                '--button-color': string;
+                '--button-hover-border-color': string;
+            };
+            "&.MuiIconButton-colorPrimary": {
+                '--button-color': string;
+                '--button-hover-border-color': string;
+            };
+            "&.MuiIconButton-colorSystem": {
+                '--button-color': string;
+                '--button-hover-border-color': string;
+            };
+            "&.MuiIconButton-colorInsight": {
+                '--button-color': string;
+                '--button-hover-border-color': string;
+            };
             '--color-p': string;
             '--bg': string;
             padding: string;
@@ -68,48 +270,24 @@ declare const iconButtonTheme: {
                     color: string;
                 };
             };
-        };
-        readonly colorError: {
-            readonly '--color-p': "var(--mui-palette-error-main)";
-            readonly '& svg.MuiSvgIcon-root': {
-                readonly color: "var(--color-p)";
-            };
-        };
-    };
-};
-declare const buttonGroupTheme: {
-    readonly defaultProps: {
-        readonly disableRipple: true;
-    };
-    readonly styleOverrides: {
-        readonly root: {
-            readonly borderRadius: "var(--mui-shape-borderRadius)";
-            readonly "& .MuiButtonGroup-grouped": {
-                readonly borderRadius: "var(--mui-shape-borderRadius)";
-                readonly borderColor: "var(--mui-palette-divider)";
-                readonly "&.Mui-disabled": {
-                    readonly borderColor: "var(--mui-palette-action-disabled)";
-                };
+            border: string;
+            "&:hover": {
+                borderColor: string;
             };
-            readonly "& .MuiButton-root": {
-                readonly "&.MuiButtonGroup-firstButton": {
-                    readonly borderTopRightRadius: "0px";
-                    readonly borderBottomRightRadius: "0px";
-                };
-                readonly "&.MuiButtonGroup-middleButton": {
-                    readonly borderRadius: "0px";
-                };
-                readonly "&.MuiButtonGroup-lastButton": {
-                    readonly borderTopLeftRadius: "0px";
-                    readonly borderBottomLeftRadius: "0px";
-                };
-                readonly "&:hover": {
-                    readonly borderColor: "transparent";
-                    readonly backgroundColor: "var(--mui-palette-focus-1)";
-                };
+            "&:active": {
+                scale: string;
             };
         };
     };
 };
 
-export { buttonBaseTheme, buttonGroupTheme, buttonTheme, Button as default, iconButtonTheme };
+/**
+ * A styled Mui Chip component
+ *
+ * [Doc](https://mui.com/material-ui/react-chip/)
+ */
+declare const TagButton: _emotion_styled.StyledComponent<Pick<_mui_material_Chip.ChipOwnProps & _mui_material_Chip.ChipSlotsAndSlotProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "label" | "tabIndex" | "size" | "icon" | "disabled" | "variant" | "slotProps" | "slots" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & {
+    component?: React.ElementType | undefined;
+}, "color" | "content" | "translate" | "className" | "style" | "classes" | "children" | "ref" | "sx" | "label" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "size" | "icon" | "disabled" | "variant" | "slotProps" | "slots" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+
+export { Button, IconButton, IconButtonFade, _default as IconButtonSpin, TagButton, buttonBaseTheme, buttonTheme, iconButtonTheme };