@codecademy/gamut 68.1.3-alpha.76714f.0 → 68.1.3-alpha.77bf63.0

package/dist/Button/shared/InlineIconButton.d.ts

@@ -1,12 +1,31 @@
-/// <reference types="react" />
-import type { ButtonBaseElements } from '../../ButtonBase/ButtonBase';
-import type { FillButtonProps } from '../FillButton';
-import type { StrokeButtonProps } from '../StrokeButton';
-import type { TextButtonProps } from '../TextButton';
-type InlineIconButtonProps = FillButtonProps | StrokeButtonProps | TextButtonProps;
-type InlineIconButtonType = InlineIconButtonProps & {
-    button: React.ComponentType<InlineIconButtonProps>;
+import { ButtonBaseElements } from '../../ButtonBase/ButtonBase';
+import { FillButtonProps } from '../FillButton';
+import { StrokeButtonProps } from '../StrokeButton';
+import { TextButtonProps } from '../TextButton';
+type InlineIconButtonComponents = FillButtonProps | StrokeButtonProps | TextButtonProps;
+export declare const InlineIconButton: import("react").ForwardRefExoticComponent<(Omit<Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+} & import("./types").ButtonBaseProps & Partial<import("../..").IconComponentType> & {
+    iconPosition?: "right" | "left";
+} & {
+    button: React.ComponentType<InlineIconButtonComponents>;
     iconSize?: number;
-};
-export declare const InlineIconButton: import("react").ForwardRefExoticComponent<InlineIconButtonType & import("react").RefAttributes<ButtonBaseElements>>;
+}, "ref"> | Omit<Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value"> & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "type" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "media" | "ping" | "target" | "referrerPolicy">, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+} & import("./types").ButtonBaseProps & Partial<import("../..").IconComponentType> & {
+    iconPosition?: "right" | "left";
+} & {
+    button: React.ComponentType<InlineIconButtonComponents>;
+    iconSize?: number;
+}, "ref">) & import("react").RefAttributes<ButtonBaseElements>>;
 export {};

package/dist/Button/shared/InlineIconButton.js

@@ -15,8 +15,7 @@ export const InlineIconButton = /*#__PURE__*/forwardRef(({
     iconSize: props.size === 'small' ? 12 : 16,
     children
   });
-  const ButtonWithRef = Button;
-  return /*#__PURE__*/_jsx(ButtonWithRef, {
+  return /*#__PURE__*/_jsx(Button, {
     ...props,
     ref: ref,
     variant: variant,

package/dist/Button/shared/styles.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { CSSObject, ThemeProps } from '@codecademy/variance';
 import { ButtonBaseProps } from './types';
 export declare const config: {
-    shouldForwardProp: (prop: PropertyKey) => prop is "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "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-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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value";
+    shouldForwardProp: (prop: PropertyKey) => prop is "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value";
 };
 export declare const buttonProps: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").Compose<[import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly flexBasis: {
@@ -513,19 +512,23 @@ export declare const buttonProps: import("@codecademy/variance/dist/types/config
     };
 }>>]>>;
 export declare const templateVariants: <Variant extends string, Styles>(variants: readonly Variant[], template: (colors: Variant) => Styles) => (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", unknown> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => CSSObject;
 export declare const buttonVariants: readonly ["primary", "secondary", "danger", "interface"];
-export declare const buttonStyles: (props: {
-    theme?: import("@emotion/react").Theme | undefined;
-}) => CSSObject;
-export declare const createButtonComponent: <P>(...args: (<T extends {
-    theme?: import("@emotion/react").Theme | undefined;
-}>(props: T) => CSSObject)[]) => import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Partial<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">> & {
-    as?: undefined;
-} & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & ButtonBaseProps & P, {}, {}>;
+export declare const buttonStyles: (props: ThemeProps) => CSSObject;
+export declare const createButtonComponent: <P>(...args: (<T extends ThemeProps>(props: T) => CSSObject)[]) => import("@emotion/styled").StyledComponent<(((Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value">, "ref"> | Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value"> & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "type" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "media" | "ping" | "target" | "referrerPolicy">, "ref">) & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>) & {
+    theme?: import("@emotion/react").Theme;
+}) & ButtonBaseProps & P, {}, {}>;
 export declare const iconSizeMapping: {
     normal: number;
     small: number;

package/dist/Button/shared/types.d.ts

@@ -1,7 +1,6 @@
 import { ColorModes } from '@codecademy/gamut-styles';
 import { StyleProps } from '@codecademy/variance';
-import type { ComponentPropsWithoutRef } from 'react';
-import { ComponentProps } from 'react';
+import { ComponentProps, HTMLProps } from 'react';
 import { ButtonBase } from '../../ButtonBase';
 import { IconComponentType } from '../../utils';
 import { CTAButton } from '../CTAButton';
@@ -10,9 +9,8 @@ import { IconButton } from '../IconButton';
 import { StrokeButton } from '../StrokeButton';
 import { TextButton } from '../TextButton';
 import { buttonProps, buttonVariants } from './styles';
-/** Shared HTML attributes for button/anchor elements used by ButtonBase. */
-export type ButtonElementProps = ComponentPropsWithoutRef<'button'>;
 export interface ButtonBaseProps extends StyleProps<typeof buttonProps> {
+    onClick?: HTMLProps<HTMLButtonElement>['onClick'];
     variant?: (typeof buttonVariants)[number];
     size?: 'normal' | 'small' | 'large';
     as?: never;

package/dist/Button/shared/variants.d.ts

@@ -1,18 +1,18 @@
 export declare const fillButtonVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", unknown> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const textButtonVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", unknown> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const strokeButtonVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", unknown> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const ctaButtonVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", unknown> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const sizeVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "small" | "normal" | "large"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const iconSizeVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "small" | "normal" | "large"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;

package/dist/ButtonBase/ButtonBase.d.ts

@@ -1,4 +1,3 @@
-import type { ComponentPropsWithoutRef, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLProps, Ref } from 'react';
 export type ButtonBaseElements = HTMLAnchorElement | HTMLButtonElement;
 export type ButtonBaseRef = Ref<ButtonBaseElements | null>;
@@ -26,18 +25,20 @@ export declare enum Selectors {
     DISABLED = "&[disabled], &:disabled",
     FOCUS_VISIBLE = "&:focus-visible"
 }
-export declare const resetStyles: (props: {
-    theme?: import("@emotion/react").Theme | undefined;
-}) => import("@codecademy/variance").CSSObject;
-/** Props for ButtonBase. Use this type when wrapping or composing ButtonBase. */
-export type ButtonBaseProps = ComponentPropsWithoutRef<'button'> & Partial<ComponentPropsWithoutRef<'a'>> & {
-    as?: never;
-};
+export declare const resetStyles: (props: import("@codecademy/variance").ThemeProps) => import("@codecademy/variance").CSSObject;
 /**
  * Narrows a ref union (anchor | button) to the element type for the current render branch.
  * Use when forwarding refs from components that render either an anchor or a button (e.g. ButtonBase, Anchor).
  */
 export declare function narrowButtonBaseRef<T extends ButtonBaseElements>(ref: Ref<ButtonBaseElements | null>): Ref<T>;
-export declare const ButtonBase: ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Partial<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">> & {
-    as?: undefined;
-} & RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export declare const ButtonBase: import("react").ForwardRefExoticComponent<(Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value">, "ref"> | Omit<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+} & Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "name" | "form" | "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("react").ClassAttributes<HTMLButtonElement> | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value"> & Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "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-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" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "type" | keyof import("react").ClassAttributes<HTMLAnchorElement> | "download" | "hrefLang" | "media" | "ping" | "target" | "referrerPolicy">, "ref">) & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;

package/dist/ButtonBase/ButtonBase.js

@@ -44,14 +44,11 @@ export const resetStyles = css({
 const ResetElement = /*#__PURE__*/_styled('button', _extends({}, {
   target: "e1bhhzie1",
   label: "ResetElement"
-}, styledOptions()))(resetStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEcUIiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbkJhc2UvQnV0dG9uQmFzZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHR5cGUge1xuICBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWYsXG4gIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQsXG4gIFJlZkF0dHJpYnV0ZXMsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENvbXBvbmVudFByb3BzLCBmb3J3YXJkUmVmLCBIVE1MUHJvcHMsIFJlZiB9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IHR5cGUgQnV0dG9uQmFzZUVsZW1lbnRzID0gSFRNTEFuY2hvckVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudDtcbmV4cG9ydCB0eXBlIEJ1dHRvbkJhc2VSZWYgPSBSZWY8QnV0dG9uQmFzZUVsZW1lbnRzIHwgbnVsbD47XG5cbmV4cG9ydCB0eXBlIEJ1dHRvbkJhc2VFbGVtZW50UHJvcHMgPSBIVE1MUHJvcHM8XG4gIEhUTUxBbmNob3JFbGVtZW50IHwgSFRNTEJ1dHRvbkVsZW1lbnRcbj4gJiB7XG4gIGFzPzogbmV2ZXI7XG4gIHJlZj86IEJ1dHRvbkJhc2VSZWY7XG59O1xuXG5leHBvcnQgZW51bSBCdXR0b25TZWxlY3RvcnMge1xuICBIT1ZFUiA9ICcmOmhvdmVyJyxcbiAgQUNUSVZFID0gJyY6YWN0aXZlJyxcbiAgRk9DVVMgPSAnJjpmb2N1cycsXG4gIERJU0FCTEVEID0gXCJbZGlzYWJsZWRdLCAmOmRpc2FibGVkLCAmW2FyaWEtZGlzYWJsZWQ9J3RydWUnXVwiLFxuICBGT0NVU19WSVNJQkxFID0gJyAmOmZvY3VzLXZpc2libGUnLFxuICBPVVRMSU5FID0gJyY6YmVmb3JlJyxcbiAgT1VUTElORV9GT0NVU19WSVNJQkxFID0gJyY6Zm9jdXMtdmlzaWJsZTpiZWZvcmUnLFxuICBTSEFET1cgPSAnJjphZnRlcicsXG4gIFNIQURPV19IT1ZFUiA9ICcmOmhvdmVyOmFmdGVyJyxcbiAgU0hBRE9XX0FDVElWRSA9ICcmOmFjdGl2ZTphZnRlcicsXG4gIFNIQURPV19ESVNBQkxFRCA9IFwiW2Rpc2FibGVkXTphZnRlciwgJjpkaXNhYmxlZDphZnRlciwgJlthcmlhLWRpc2FibGVkPSd0cnVlJ106YWZ0ZXJcIixcbn1cblxuZXhwb3J0IGVudW0gU2VsZWN0b3JzIHtcbiAgQkVGT1JFID0gJyY6OmJlZm9yZScsXG4gIEhPVkVSID0gJyY6aG92ZXInLFxuICBGT0NVUyA9ICcmOmZvY3VzJyxcbiAgRElTQUJMRUQgPSAnJltkaXNhYmxlZF0sICY6ZGlzYWJsZWQnLFxuICBGT0NVU19WSVNJQkxFID0gJyY6Zm9jdXMtdmlzaWJsZScsXG59XG5cbmV4cG9ydCBjb25zdCByZXNldFN0eWxlcyA9IGNzcyh7XG4gIGJhY2tncm91bmQ6ICdub25lJyxcbiAgYm94U2hhZG93OiAnbm9uZScsXG4gIGJvcmRlcjogJ25vbmUnLFxuICB0ZXh0Q29sb3I6ICd0ZXh0JyxcbiAgcDogMCxcbiAgZm9udFNpemU6ICdpbmhlcml0JyxcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gIFtTZWxlY3RvcnMuSE9WRVJdOiB7XG4gICAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgfSxcbiAgW1NlbGVjdG9ycy5GT0NVU106IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG59KTtcblxuY29uc3QgUmVzZXRFbGVtZW50ID0gc3R5bGVkKCdidXR0b24nLCBzdHlsZWRPcHRpb25zPCdidXR0b24nPigpKShyZXNldFN0eWxlcyk7XG5jb25zdCBSZXNldEVsZW1lbnRBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkocmVzZXRTdHlsZXMpO1xuXG4vKiogUHJvcHMgZm9yIEJ1dHRvbkJhc2UuIFVzZSB0aGlzIHR5cGUgd2hlbiB3cmFwcGluZyBvciBjb21wb3NpbmcgQnV0dG9uQmFzZS4gKi9cbmV4cG9ydCB0eXBlIEJ1dHRvbkJhc2VQcm9wcyA9IENvbXBvbmVudFByb3BzV2l0aG91dFJlZjwnYnV0dG9uJz4gJlxuICBQYXJ0aWFsPENvbXBvbmVudFByb3BzV2l0aG91dFJlZjwnYSc+PiAmIHsgYXM/OiBuZXZlciB9O1xuXG50eXBlIEJ1dHRvbkJhc2VQcm9wc0ludGVybmFsID1cbiAgfCBDb21wb25lbnRQcm9wczx0eXBlb2YgUmVzZXRFbGVtZW50PlxuICB8IChFeGNsdWRlPENvbXBvbmVudFByb3BzPHR5cGVvZiBSZXNldEVsZW1lbnQ+LCAncmVmJz4gJlxuICAgICAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIFJlc2V0RWxlbWVudEFuY2hvcj4pO1xuXG4vKipcbiAqIE5hcnJvd3MgYSByZWYgdW5pb24gKGFuY2hvciB8IGJ1dHRvbikgdG8gdGhlIGVsZW1lbnQgdHlwZSBmb3IgdGhlIGN1cnJlbnQgcmVuZGVyIGJyYW5jaC5cbiAqIFVzZSB3aGVuIGZvcndhcmRpbmcgcmVmcyBmcm9tIGNvbXBvbmVudHMgdGhhdCByZW5kZXIgZWl0aGVyIGFuIGFuY2hvciBvciBhIGJ1dHRvbiAoZS5nLiBCdXR0b25CYXNlLCBBbmNob3IpLlxuICovXG5leHBvcnQgZnVuY3Rpb24gbmFycm93QnV0dG9uQmFzZVJlZjxUIGV4dGVuZHMgQnV0dG9uQmFzZUVsZW1lbnRzPihcbiAgcmVmOiBSZWY8QnV0dG9uQmFzZUVsZW1lbnRzIHwgbnVsbD5cbik6IFJlZjxUPiB7XG4gIHJldHVybiByZWYgYXMgUmVmPFQ+O1xufVxuXG5jb25zdCBCdXR0b25CYXNlQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxcbiAgSFRNTEJ1dHRvbkVsZW1lbnQgfCBIVE1MQW5jaG9yRWxlbWVudCxcbiAgQnV0dG9uQmFzZVByb3BzSW50ZXJuYWxcbj4oKHsgZGlzYWJsZWQsIGNoaWxkcmVuLCByb2xlLCB0eXBlID0gJ2J1dHRvbicsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gIGlmICghKCdocmVmJyBpbiByZXN0KSB8fCByZXN0Py5ocmVmID09PSB1bmRlZmluZWQgfHwgZGlzYWJsZWQpIHtcbiAgICAvLyBAdHMtZXhwZWN0LWVycm9yIHdlIG5lZWQgdGhpcyB0byB0dXJuIGEgZGlzYWJsZWQgYW5jaG9yIGludG8gYSBidXR0b24gd2l0aG91dCBwYXNzaW5nIG9uIHRoZSBocmVmIHByb3BcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICBjb25zdCB7IGhyZWYsIC4uLmZpbHRlcmVkUHJvcHMgfSA9IHJlc3Q7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFJlc2V0RWxlbWVudFxuICAgICAgICB7Li4uZmlsdGVyZWRQcm9wc31cbiAgICAgICAgYXM9XCJidXR0b25cIlxuICAgICAgICBkaXNhYmxlZD17ISFkaXNhYmxlZH1cbiAgICAgICAgcmVmPXtuYXJyb3dCdXR0b25CYXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihyZWYpfVxuICAgICAgICByb2xlPXtyb2xlfVxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1Jlc2V0RWxlbWVudD5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8UmVzZXRFbGVtZW50QW5jaG9yXG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGFzPVwiYVwiXG4gICAgICBocmVmPXtyZXN0Py5ocmVmfVxuICAgICAgcmVmPXtuYXJyb3dCdXR0b25CYXNlUmVmPEhUTUxBbmNob3JFbGVtZW50PihyZWYpfVxuICAgICAgcm9sZT17cm9sZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9SZXNldEVsZW1lbnRBbmNob3I+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkJhc2UgPVxuICBCdXR0b25CYXNlQ29tcG9uZW50IGFzIHVua25vd24gYXMgRm9yd2FyZFJlZkV4b3RpY0NvbXBvbmVudDxcbiAgICBCdXR0b25CYXNlUHJvcHMgJiBSZWZBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50IHwgSFRNTEFuY2hvckVsZW1lbnQ+XG4gID47XG4iXX0= */");
+}, styledOptions()))(resetStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEcUIiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbkJhc2UvQnV0dG9uQmFzZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIGZvcndhcmRSZWYsIEhUTUxQcm9wcywgUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBCdXR0b25CYXNlRWxlbWVudHMgPSBIVE1MQW5jaG9yRWxlbWVudCB8IEhUTUxCdXR0b25FbGVtZW50O1xuZXhwb3J0IHR5cGUgQnV0dG9uQmFzZVJlZiA9IFJlZjxCdXR0b25CYXNlRWxlbWVudHMgfCBudWxsPjtcblxuZXhwb3J0IHR5cGUgQnV0dG9uQmFzZUVsZW1lbnRQcm9wcyA9IEhUTUxQcm9wczxcbiAgSFRNTEFuY2hvckVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudFxuPiAmIHtcbiAgYXM/OiBuZXZlcjtcbiAgcmVmPzogQnV0dG9uQmFzZVJlZjtcbn07XG5cbmV4cG9ydCBlbnVtIEJ1dHRvblNlbGVjdG9ycyB7XG4gIEhPVkVSID0gJyY6aG92ZXInLFxuICBBQ1RJVkUgPSAnJjphY3RpdmUnLFxuICBGT0NVUyA9ICcmOmZvY3VzJyxcbiAgRElTQUJMRUQgPSBcIltkaXNhYmxlZF0sICY6ZGlzYWJsZWQsICZbYXJpYS1kaXNhYmxlZD0ndHJ1ZSddXCIsXG4gIEZPQ1VTX1ZJU0lCTEUgPSAnICY6Zm9jdXMtdmlzaWJsZScsXG4gIE9VVExJTkUgPSAnJjpiZWZvcmUnLFxuICBPVVRMSU5FX0ZPQ1VTX1ZJU0lCTEUgPSAnJjpmb2N1cy12aXNpYmxlOmJlZm9yZScsXG4gIFNIQURPVyA9ICcmOmFmdGVyJyxcbiAgU0hBRE9XX0hPVkVSID0gJyY6aG92ZXI6YWZ0ZXInLFxuICBTSEFET1dfQUNUSVZFID0gJyY6YWN0aXZlOmFmdGVyJyxcbiAgU0hBRE9XX0RJU0FCTEVEID0gXCJbZGlzYWJsZWRdOmFmdGVyLCAmOmRpc2FibGVkOmFmdGVyLCAmW2FyaWEtZGlzYWJsZWQ9J3RydWUnXTphZnRlclwiLFxufVxuXG5leHBvcnQgZW51bSBTZWxlY3RvcnMge1xuICBCRUZPUkUgPSAnJjo6YmVmb3JlJyxcbiAgSE9WRVIgPSAnJjpob3ZlcicsXG4gIEZPQ1VTID0gJyY6Zm9jdXMnLFxuICBESVNBQkxFRCA9ICcmW2Rpc2FibGVkXSwgJjpkaXNhYmxlZCcsXG4gIEZPQ1VTX1ZJU0lCTEUgPSAnJjpmb2N1cy12aXNpYmxlJyxcbn1cblxuZXhwb3J0IGNvbnN0IHJlc2V0U3R5bGVzID0gY3NzKHtcbiAgYmFja2dyb3VuZDogJ25vbmUnLFxuICBib3hTaGFkb3c6ICdub25lJyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIHRleHRDb2xvcjogJ3RleHQnLFxuICBwOiAwLFxuICBmb250U2l6ZTogJ2luaGVyaXQnLFxuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgW1NlbGVjdG9ycy5IT1ZFUl06IHtcbiAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB9LFxuICBbU2VsZWN0b3JzLkZPQ1VTXToge1xuICAgIG91dGxpbmU6ICdub25lJyxcbiAgfSxcbn0pO1xuXG5jb25zdCBSZXNldEVsZW1lbnQgPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKHJlc2V0U3R5bGVzKTtcbmNvbnN0IFJlc2V0RWxlbWVudEFuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShyZXNldFN0eWxlcyk7XG5cbnR5cGUgQnV0dG9uQmFzZVByb3BzID1cbiAgfCBDb21wb25lbnRQcm9wczx0eXBlb2YgUmVzZXRFbGVtZW50PlxuICB8IChFeGNsdWRlPENvbXBvbmVudFByb3BzPHR5cGVvZiBSZXNldEVsZW1lbnQ+LCAncmVmJz4gJlxuICAgICAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIFJlc2V0RWxlbWVudEFuY2hvcj4pO1xuXG4vKipcbiAqIE5hcnJvd3MgYSByZWYgdW5pb24gKGFuY2hvciB8IGJ1dHRvbikgdG8gdGhlIGVsZW1lbnQgdHlwZSBmb3IgdGhlIGN1cnJlbnQgcmVuZGVyIGJyYW5jaC5cbiAqIFVzZSB3aGVuIGZvcndhcmRpbmcgcmVmcyBmcm9tIGNvbXBvbmVudHMgdGhhdCByZW5kZXIgZWl0aGVyIGFuIGFuY2hvciBvciBhIGJ1dHRvbiAoZS5nLiBCdXR0b25CYXNlLCBBbmNob3IpLlxuICovXG5leHBvcnQgZnVuY3Rpb24gbmFycm93QnV0dG9uQmFzZVJlZjxUIGV4dGVuZHMgQnV0dG9uQmFzZUVsZW1lbnRzPihcbiAgcmVmOiBSZWY8QnV0dG9uQmFzZUVsZW1lbnRzIHwgbnVsbD5cbik6IFJlZjxUPiB7XG4gIHJldHVybiByZWYgYXMgUmVmPFQ+O1xufVxuXG5leHBvcnQgY29uc3QgQnV0dG9uQmFzZSA9IGZvcndhcmRSZWY8XG4gIEhUTUxCdXR0b25FbGVtZW50IHwgSFRNTEFuY2hvckVsZW1lbnQsXG4gIEJ1dHRvbkJhc2VQcm9wc1xuPigoeyBkaXNhYmxlZCwgY2hpbGRyZW4sIHJvbGUsIHR5cGUgPSAnYnV0dG9uJywgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgaWYgKCEoJ2hyZWYnIGluIHJlc3QpIHx8IHJlc3Q/LmhyZWYgPT09IHVuZGVmaW5lZCB8fCBkaXNhYmxlZCkge1xuICAgIC8vIEB0cy1leHBlY3QtZXJyb3Igd2UgbmVlZCB0aGlzIHRvIHR1cm4gYSBkaXNhYmxlZCBhbmNob3IgaW50byBhIGJ1dHRvbiB3aXRob3V0IHBhc3Npbmcgb24gdGhlIGhyZWYgcHJvcFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZVxuICAgIGNvbnN0IHsgaHJlZiwgLi4uZmlsdGVyZWRQcm9wcyB9ID0gcmVzdDtcblxuICAgIHJldHVybiAoXG4gICAgICA8UmVzZXRFbGVtZW50XG4gICAgICAgIHsuLi5maWx0ZXJlZFByb3BzfVxuICAgICAgICBhcz1cImJ1dHRvblwiXG4gICAgICAgIGRpc2FibGVkPXshIWRpc2FibGVkfVxuICAgICAgICByZWY9e25hcnJvd0J1dHRvbkJhc2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KHJlZil9XG4gICAgICAgIHJvbGU9e3JvbGV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvUmVzZXRFbGVtZW50PlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSZXNldEVsZW1lbnRBbmNob3JcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgYXM9XCJhXCJcbiAgICAgIGhyZWY9e3Jlc3Q/LmhyZWZ9XG4gICAgICByZWY9e25hcnJvd0J1dHRvbkJhc2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KHJlZil9XG4gICAgICByb2xlPXtyb2xlfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1Jlc2V0RWxlbWVudEFuY2hvcj5cbiAgKTtcbn0pO1xuIl19 */");
 const ResetElementAnchor = /*#__PURE__*/_styled('a', _extends({}, {
   target: "e1bhhzie0",
   label: "ResetElementAnchor"
-}, styledOptions()))(resetStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEMkIiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbkJhc2UvQnV0dG9uQmFzZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHR5cGUge1xuICBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWYsXG4gIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQsXG4gIFJlZkF0dHJpYnV0ZXMsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENvbXBvbmVudFByb3BzLCBmb3J3YXJkUmVmLCBIVE1MUHJvcHMsIFJlZiB9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IHR5cGUgQnV0dG9uQmFzZUVsZW1lbnRzID0gSFRNTEFuY2hvckVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudDtcbmV4cG9ydCB0eXBlIEJ1dHRvbkJhc2VSZWYgPSBSZWY8QnV0dG9uQmFzZUVsZW1lbnRzIHwgbnVsbD47XG5cbmV4cG9ydCB0eXBlIEJ1dHRvbkJhc2VFbGVtZW50UHJvcHMgPSBIVE1MUHJvcHM8XG4gIEhUTUxBbmNob3JFbGVtZW50IHwgSFRNTEJ1dHRvbkVsZW1lbnRcbj4gJiB7XG4gIGFzPzogbmV2ZXI7XG4gIHJlZj86IEJ1dHRvbkJhc2VSZWY7XG59O1xuXG5leHBvcnQgZW51bSBCdXR0b25TZWxlY3RvcnMge1xuICBIT1ZFUiA9ICcmOmhvdmVyJyxcbiAgQUNUSVZFID0gJyY6YWN0aXZlJyxcbiAgRk9DVVMgPSAnJjpmb2N1cycsXG4gIERJU0FCTEVEID0gXCJbZGlzYWJsZWRdLCAmOmRpc2FibGVkLCAmW2FyaWEtZGlzYWJsZWQ9J3RydWUnXVwiLFxuICBGT0NVU19WSVNJQkxFID0gJyAmOmZvY3VzLXZpc2libGUnLFxuICBPVVRMSU5FID0gJyY6YmVmb3JlJyxcbiAgT1VUTElORV9GT0NVU19WSVNJQkxFID0gJyY6Zm9jdXMtdmlzaWJsZTpiZWZvcmUnLFxuICBTSEFET1cgPSAnJjphZnRlcicsXG4gIFNIQURPV19IT1ZFUiA9ICcmOmhvdmVyOmFmdGVyJyxcbiAgU0hBRE9XX0FDVElWRSA9ICcmOmFjdGl2ZTphZnRlcicsXG4gIFNIQURPV19ESVNBQkxFRCA9IFwiW2Rpc2FibGVkXTphZnRlciwgJjpkaXNhYmxlZDphZnRlciwgJlthcmlhLWRpc2FibGVkPSd0cnVlJ106YWZ0ZXJcIixcbn1cblxuZXhwb3J0IGVudW0gU2VsZWN0b3JzIHtcbiAgQkVGT1JFID0gJyY6OmJlZm9yZScsXG4gIEhPVkVSID0gJyY6aG92ZXInLFxuICBGT0NVUyA9ICcmOmZvY3VzJyxcbiAgRElTQUJMRUQgPSAnJltkaXNhYmxlZF0sICY6ZGlzYWJsZWQnLFxuICBGT0NVU19WSVNJQkxFID0gJyY6Zm9jdXMtdmlzaWJsZScsXG59XG5cbmV4cG9ydCBjb25zdCByZXNldFN0eWxlcyA9IGNzcyh7XG4gIGJhY2tncm91bmQ6ICdub25lJyxcbiAgYm94U2hhZG93OiAnbm9uZScsXG4gIGJvcmRlcjogJ25vbmUnLFxuICB0ZXh0Q29sb3I6ICd0ZXh0JyxcbiAgcDogMCxcbiAgZm9udFNpemU6ICdpbmhlcml0JyxcbiAgY3Vyc29yOiAncG9pbnRlcicsXG4gIHRleHREZWNvcmF0aW9uOiAnbm9uZScsXG4gIFtTZWxlY3RvcnMuSE9WRVJdOiB7XG4gICAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgfSxcbiAgW1NlbGVjdG9ycy5GT0NVU106IHtcbiAgICBvdXRsaW5lOiAnbm9uZScsXG4gIH0sXG59KTtcblxuY29uc3QgUmVzZXRFbGVtZW50ID0gc3R5bGVkKCdidXR0b24nLCBzdHlsZWRPcHRpb25zPCdidXR0b24nPigpKShyZXNldFN0eWxlcyk7XG5jb25zdCBSZXNldEVsZW1lbnRBbmNob3IgPSBzdHlsZWQoJ2EnLCBzdHlsZWRPcHRpb25zPCdhJz4oKSkocmVzZXRTdHlsZXMpO1xuXG4vKiogUHJvcHMgZm9yIEJ1dHRvbkJhc2UuIFVzZSB0aGlzIHR5cGUgd2hlbiB3cmFwcGluZyBvciBjb21wb3NpbmcgQnV0dG9uQmFzZS4gKi9cbmV4cG9ydCB0eXBlIEJ1dHRvbkJhc2VQcm9wcyA9IENvbXBvbmVudFByb3BzV2l0aG91dFJlZjwnYnV0dG9uJz4gJlxuICBQYXJ0aWFsPENvbXBvbmVudFByb3BzV2l0aG91dFJlZjwnYSc+PiAmIHsgYXM/OiBuZXZlciB9O1xuXG50eXBlIEJ1dHRvbkJhc2VQcm9wc0ludGVybmFsID1cbiAgfCBDb21wb25lbnRQcm9wczx0eXBlb2YgUmVzZXRFbGVtZW50PlxuICB8IChFeGNsdWRlPENvbXBvbmVudFByb3BzPHR5cGVvZiBSZXNldEVsZW1lbnQ+LCAncmVmJz4gJlxuICAgICAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIFJlc2V0RWxlbWVudEFuY2hvcj4pO1xuXG4vKipcbiAqIE5hcnJvd3MgYSByZWYgdW5pb24gKGFuY2hvciB8IGJ1dHRvbikgdG8gdGhlIGVsZW1lbnQgdHlwZSBmb3IgdGhlIGN1cnJlbnQgcmVuZGVyIGJyYW5jaC5cbiAqIFVzZSB3aGVuIGZvcndhcmRpbmcgcmVmcyBmcm9tIGNvbXBvbmVudHMgdGhhdCByZW5kZXIgZWl0aGVyIGFuIGFuY2hvciBvciBhIGJ1dHRvbiAoZS5nLiBCdXR0b25CYXNlLCBBbmNob3IpLlxuICovXG5leHBvcnQgZnVuY3Rpb24gbmFycm93QnV0dG9uQmFzZVJlZjxUIGV4dGVuZHMgQnV0dG9uQmFzZUVsZW1lbnRzPihcbiAgcmVmOiBSZWY8QnV0dG9uQmFzZUVsZW1lbnRzIHwgbnVsbD5cbik6IFJlZjxUPiB7XG4gIHJldHVybiByZWYgYXMgUmVmPFQ+O1xufVxuXG5jb25zdCBCdXR0b25CYXNlQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxcbiAgSFRNTEJ1dHRvbkVsZW1lbnQgfCBIVE1MQW5jaG9yRWxlbWVudCxcbiAgQnV0dG9uQmFzZVByb3BzSW50ZXJuYWxcbj4oKHsgZGlzYWJsZWQsIGNoaWxkcmVuLCByb2xlLCB0eXBlID0gJ2J1dHRvbicsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gIGlmICghKCdocmVmJyBpbiByZXN0KSB8fCByZXN0Py5ocmVmID09PSB1bmRlZmluZWQgfHwgZGlzYWJsZWQpIHtcbiAgICAvLyBAdHMtZXhwZWN0LWVycm9yIHdlIG5lZWQgdGhpcyB0byB0dXJuIGEgZGlzYWJsZWQgYW5jaG9yIGludG8gYSBidXR0b24gd2l0aG91dCBwYXNzaW5nIG9uIHRoZSBocmVmIHByb3BcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICBjb25zdCB7IGhyZWYsIC4uLmZpbHRlcmVkUHJvcHMgfSA9IHJlc3Q7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFJlc2V0RWxlbWVudFxuICAgICAgICB7Li4uZmlsdGVyZWRQcm9wc31cbiAgICAgICAgYXM9XCJidXR0b25cIlxuICAgICAgICBkaXNhYmxlZD17ISFkaXNhYmxlZH1cbiAgICAgICAgcmVmPXtuYXJyb3dCdXR0b25CYXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihyZWYpfVxuICAgICAgICByb2xlPXtyb2xlfVxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1Jlc2V0RWxlbWVudD5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8UmVzZXRFbGVtZW50QW5jaG9yXG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGFzPVwiYVwiXG4gICAgICBocmVmPXtyZXN0Py5ocmVmfVxuICAgICAgcmVmPXtuYXJyb3dCdXR0b25CYXNlUmVmPEhUTUxBbmNob3JFbGVtZW50PihyZWYpfVxuICAgICAgcm9sZT17cm9sZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9SZXNldEVsZW1lbnRBbmNob3I+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkJhc2UgPVxuICBCdXR0b25CYXNlQ29tcG9uZW50IGFzIHVua25vd24gYXMgRm9yd2FyZFJlZkV4b3RpY0NvbXBvbmVudDxcbiAgICBCdXR0b25CYXNlUHJvcHMgJiBSZWZBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50IHwgSFRNTEFuY2hvckVsZW1lbnQ+XG4gID47XG4iXX0= */");
-
-/** Props for ButtonBase. Use this type when wrapping or composing ButtonBase. */
-
+}, styledOptions()))(resetStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEMkIiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbkJhc2UvQnV0dG9uQmFzZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZE9wdGlvbnMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIGZvcndhcmRSZWYsIEhUTUxQcm9wcywgUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBCdXR0b25CYXNlRWxlbWVudHMgPSBIVE1MQW5jaG9yRWxlbWVudCB8IEhUTUxCdXR0b25FbGVtZW50O1xuZXhwb3J0IHR5cGUgQnV0dG9uQmFzZVJlZiA9IFJlZjxCdXR0b25CYXNlRWxlbWVudHMgfCBudWxsPjtcblxuZXhwb3J0IHR5cGUgQnV0dG9uQmFzZUVsZW1lbnRQcm9wcyA9IEhUTUxQcm9wczxcbiAgSFRNTEFuY2hvckVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudFxuPiAmIHtcbiAgYXM/OiBuZXZlcjtcbiAgcmVmPzogQnV0dG9uQmFzZVJlZjtcbn07XG5cbmV4cG9ydCBlbnVtIEJ1dHRvblNlbGVjdG9ycyB7XG4gIEhPVkVSID0gJyY6aG92ZXInLFxuICBBQ1RJVkUgPSAnJjphY3RpdmUnLFxuICBGT0NVUyA9ICcmOmZvY3VzJyxcbiAgRElTQUJMRUQgPSBcIltkaXNhYmxlZF0sICY6ZGlzYWJsZWQsICZbYXJpYS1kaXNhYmxlZD0ndHJ1ZSddXCIsXG4gIEZPQ1VTX1ZJU0lCTEUgPSAnICY6Zm9jdXMtdmlzaWJsZScsXG4gIE9VVExJTkUgPSAnJjpiZWZvcmUnLFxuICBPVVRMSU5FX0ZPQ1VTX1ZJU0lCTEUgPSAnJjpmb2N1cy12aXNpYmxlOmJlZm9yZScsXG4gIFNIQURPVyA9ICcmOmFmdGVyJyxcbiAgU0hBRE9XX0hPVkVSID0gJyY6aG92ZXI6YWZ0ZXInLFxuICBTSEFET1dfQUNUSVZFID0gJyY6YWN0aXZlOmFmdGVyJyxcbiAgU0hBRE9XX0RJU0FCTEVEID0gXCJbZGlzYWJsZWRdOmFmdGVyLCAmOmRpc2FibGVkOmFmdGVyLCAmW2FyaWEtZGlzYWJsZWQ9J3RydWUnXTphZnRlclwiLFxufVxuXG5leHBvcnQgZW51bSBTZWxlY3RvcnMge1xuICBCRUZPUkUgPSAnJjo6YmVmb3JlJyxcbiAgSE9WRVIgPSAnJjpob3ZlcicsXG4gIEZPQ1VTID0gJyY6Zm9jdXMnLFxuICBESVNBQkxFRCA9ICcmW2Rpc2FibGVkXSwgJjpkaXNhYmxlZCcsXG4gIEZPQ1VTX1ZJU0lCTEUgPSAnJjpmb2N1cy12aXNpYmxlJyxcbn1cblxuZXhwb3J0IGNvbnN0IHJlc2V0U3R5bGVzID0gY3NzKHtcbiAgYmFja2dyb3VuZDogJ25vbmUnLFxuICBib3hTaGFkb3c6ICdub25lJyxcbiAgYm9yZGVyOiAnbm9uZScsXG4gIHRleHRDb2xvcjogJ3RleHQnLFxuICBwOiAwLFxuICBmb250U2l6ZTogJ2luaGVyaXQnLFxuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgW1NlbGVjdG9ycy5IT1ZFUl06IHtcbiAgICB0ZXh0RGVjb3JhdGlvbjogJ25vbmUnLFxuICB9LFxuICBbU2VsZWN0b3JzLkZPQ1VTXToge1xuICAgIG91dGxpbmU6ICdub25lJyxcbiAgfSxcbn0pO1xuXG5jb25zdCBSZXNldEVsZW1lbnQgPSBzdHlsZWQoJ2J1dHRvbicsIHN0eWxlZE9wdGlvbnM8J2J1dHRvbic+KCkpKHJlc2V0U3R5bGVzKTtcbmNvbnN0IFJlc2V0RWxlbWVudEFuY2hvciA9IHN0eWxlZCgnYScsIHN0eWxlZE9wdGlvbnM8J2EnPigpKShyZXNldFN0eWxlcyk7XG5cbnR5cGUgQnV0dG9uQmFzZVByb3BzID1cbiAgfCBDb21wb25lbnRQcm9wczx0eXBlb2YgUmVzZXRFbGVtZW50PlxuICB8IChFeGNsdWRlPENvbXBvbmVudFByb3BzPHR5cGVvZiBSZXNldEVsZW1lbnQ+LCAncmVmJz4gJlxuICAgICAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIFJlc2V0RWxlbWVudEFuY2hvcj4pO1xuXG4vKipcbiAqIE5hcnJvd3MgYSByZWYgdW5pb24gKGFuY2hvciB8IGJ1dHRvbikgdG8gdGhlIGVsZW1lbnQgdHlwZSBmb3IgdGhlIGN1cnJlbnQgcmVuZGVyIGJyYW5jaC5cbiAqIFVzZSB3aGVuIGZvcndhcmRpbmcgcmVmcyBmcm9tIGNvbXBvbmVudHMgdGhhdCByZW5kZXIgZWl0aGVyIGFuIGFuY2hvciBvciBhIGJ1dHRvbiAoZS5nLiBCdXR0b25CYXNlLCBBbmNob3IpLlxuICovXG5leHBvcnQgZnVuY3Rpb24gbmFycm93QnV0dG9uQmFzZVJlZjxUIGV4dGVuZHMgQnV0dG9uQmFzZUVsZW1lbnRzPihcbiAgcmVmOiBSZWY8QnV0dG9uQmFzZUVsZW1lbnRzIHwgbnVsbD5cbik6IFJlZjxUPiB7XG4gIHJldHVybiByZWYgYXMgUmVmPFQ+O1xufVxuXG5leHBvcnQgY29uc3QgQnV0dG9uQmFzZSA9IGZvcndhcmRSZWY8XG4gIEhUTUxCdXR0b25FbGVtZW50IHwgSFRNTEFuY2hvckVsZW1lbnQsXG4gIEJ1dHRvbkJhc2VQcm9wc1xuPigoeyBkaXNhYmxlZCwgY2hpbGRyZW4sIHJvbGUsIHR5cGUgPSAnYnV0dG9uJywgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgaWYgKCEoJ2hyZWYnIGluIHJlc3QpIHx8IHJlc3Q/LmhyZWYgPT09IHVuZGVmaW5lZCB8fCBkaXNhYmxlZCkge1xuICAgIC8vIEB0cy1leHBlY3QtZXJyb3Igd2UgbmVlZCB0aGlzIHRvIHR1cm4gYSBkaXNhYmxlZCBhbmNob3IgaW50byBhIGJ1dHRvbiB3aXRob3V0IHBhc3Npbmcgb24gdGhlIGhyZWYgcHJvcFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZVxuICAgIGNvbnN0IHsgaHJlZiwgLi4uZmlsdGVyZWRQcm9wcyB9ID0gcmVzdDtcblxuICAgIHJldHVybiAoXG4gICAgICA8UmVzZXRFbGVtZW50XG4gICAgICAgIHsuLi5maWx0ZXJlZFByb3BzfVxuICAgICAgICBhcz1cImJ1dHRvblwiXG4gICAgICAgIGRpc2FibGVkPXshIWRpc2FibGVkfVxuICAgICAgICByZWY9e25hcnJvd0J1dHRvbkJhc2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KHJlZil9XG4gICAgICAgIHJvbGU9e3JvbGV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvUmVzZXRFbGVtZW50PlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxSZXNldEVsZW1lbnRBbmNob3JcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgYXM9XCJhXCJcbiAgICAgIGhyZWY9e3Jlc3Q/LmhyZWZ9XG4gICAgICByZWY9e25hcnJvd0J1dHRvbkJhc2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KHJlZil9XG4gICAgICByb2xlPXtyb2xlfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1Jlc2V0RWxlbWVudEFuY2hvcj5cbiAgKTtcbn0pO1xuIl19 */");
 /**
  * Narrows a ref union (anchor | button) to the element type for the current render branch.
  * Use when forwarding refs from components that render either an anchor or a button (e.g. ButtonBase, Anchor).
@@ -59,7 +56,7 @@ const ResetElementAnchor = /*#__PURE__*/_styled('a', _extends({}, {
 export function narrowButtonBaseRef(ref) {
   return ref;
 }
-const ButtonBaseComponent = /*#__PURE__*/forwardRef(({
+export const ButtonBase = /*#__PURE__*/forwardRef(({
   disabled,
   children,
   role,
@@ -91,5 +88,4 @@ const ButtonBaseComponent = /*#__PURE__*/forwardRef(({
     role: role,
     children: children
   });
-});
-export const ButtonBase = ButtonBaseComponent;
+});