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

package/dist/Pagination/utils.d.ts

@@ -8,12 +8,11 @@ type PaginationUtils = {
     totalPages: number;
 };
 export declare const shouldPagesChange: ({ chapterSize, currentPage, shownPageArray, totalPages, }: PaginationUtils) => boolean;
-export declare const getBackPageNumber: ({ shownPageArray, chapterSize, }: Omit<PaginationUtils, 'totalPages' | 'currentPage'>) => number;
-export declare const getForwardPageNumber: ({ chapterSize, totalPages, shownPageArray, }: Omit<PaginationUtils, 'currentPage'>) => number;
-export declare const getMinWidth: ({ chapterSize, }: Pick<PaginationUtils, 'chapterSize'>) => string;
+export declare const getBackPageNumber: ({ shownPageArray, chapterSize, }: Omit<PaginationUtils, "totalPages" | "currentPage">) => number;
+export declare const getForwardPageNumber: ({ chapterSize, totalPages, shownPageArray, }: Omit<PaginationUtils, "currentPage">) => number;
+export declare const getMinWidth: ({ chapterSize, }: Pick<PaginationUtils, "chapterSize">) => string;
 export declare const wrapWithSlideAnimation: (WrappedComponent: typeof BaseEllipsisButton | typeof PaginationButton) => (props: React.ComponentProps<typeof BaseEllipsisButton>) => import("react/jsx-runtime").JSX.Element;
-export declare const createAnimatedFadeButton: (WrappedComponent: typeof PaginationButton) => (props: Omit<{
-    color?: string | undefined;
+export declare const createAnimatedFadeButton: (WrappedComponent: typeof PaginationButton) => (props: React.ComponentProps<React.ComponentType<Omit<{
     mode?: "light" | "dark" | undefined;
     border?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "border";
@@ -48,7 +47,7 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
         readonly transform: (value: string | number) => string | 0;
     }>;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    ref?: React.Ref<import("..").ButtonBaseElements> | undefined;
+    ref?: React.LegacyRef<import("..").ButtonBaseElements> | undefined;
     key?: React.Key | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -91,10 +90,6 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-    popoverTarget?: string | undefined;
-    inert?: boolean | undefined;
     inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     exportparts?: string | undefined;
@@ -154,170 +149,160 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
-    onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-    onChange?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
-    onChangeCapture?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
-    onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
-    onInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
-    onInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
-    onReset?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onResetCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSubmit?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
-    onSubmitCapture?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
-    onInvalid?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onInvalidCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-    onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-    onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-    onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-    onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
-    onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
-    onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
-    onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
-    onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
-    onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
-    onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-    onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
-    onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
-    onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | (React.ClipboardEventHandler<HTMLButtonElement> & React.ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | (React.ClipboardEventHandler<HTMLButtonElement> & React.ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLButtonElement> | (React.ClipboardEventHandler<HTMLButtonElement> & React.ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | (React.ClipboardEventHandler<HTMLButtonElement> & React.ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | (React.ClipboardEventHandler<HTMLButtonElement> & React.ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | (React.ClipboardEventHandler<HTMLButtonElement> & React.ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | (React.CompositionEventHandler<HTMLButtonElement> & React.CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | (React.CompositionEventHandler<HTMLButtonElement> & React.CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | (React.CompositionEventHandler<HTMLButtonElement> & React.CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | (React.CompositionEventHandler<HTMLButtonElement> & React.CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | (React.CompositionEventHandler<HTMLButtonElement> & React.CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | (React.CompositionEventHandler<HTMLButtonElement> & React.CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onFocus?: React.FocusEventHandler<HTMLButtonElement> | (React.FocusEventHandler<HTMLButtonElement> & React.FocusEventHandler<HTMLAnchorElement>) | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | (React.FocusEventHandler<HTMLButtonElement> & React.FocusEventHandler<HTMLAnchorElement>) | undefined;
+    onBlur?: React.FocusEventHandler<HTMLButtonElement> | (React.FocusEventHandler<HTMLButtonElement> & React.FocusEventHandler<HTMLAnchorElement>) | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | (React.FocusEventHandler<HTMLButtonElement> & React.FocusEventHandler<HTMLAnchorElement>) | undefined;
+    onChange?: React.FormEventHandler<HTMLButtonElement> | (React.FormEventHandler<HTMLButtonElement> & React.FormEventHandler<HTMLAnchorElement>) | undefined;
+    onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | (React.FormEventHandler<HTMLButtonElement> & React.FormEventHandler<HTMLAnchorElement>) | undefined;
+    onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | (React.InputEventHandler<HTMLButtonElement> & React.InputEventHandler<HTMLAnchorElement>) | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | (React.FormEventHandler<HTMLButtonElement> & React.FormEventHandler<HTMLAnchorElement>) | undefined;
+    onInput?: React.FormEventHandler<HTMLButtonElement> | (React.FormEventHandler<HTMLButtonElement> & React.FormEventHandler<HTMLAnchorElement>) | undefined;
+    onInputCapture?: React.FormEventHandler<HTMLButtonElement> | (React.FormEventHandler<HTMLButtonElement> & React.FormEventHandler<HTMLAnchorElement>) | undefined;
+    onReset?: React.FormEventHandler<HTMLButtonElement> | (React.FormEventHandler<HTMLButtonElement> & React.FormEventHandler<HTMLAnchorElement>) | undefined;
+    onResetCapture?: React.FormEventHandler<HTMLButtonElement> | (React.FormEventHandler<HTMLButtonElement> & React.FormEventHandler<HTMLAnchorElement>) | undefined;
+    onSubmit?: React.FormEventHandler<HTMLButtonElement> | (React.FormEventHandler<HTMLButtonElement> & React.FormEventHandler<HTMLAnchorElement>) | undefined;
+    onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | (React.FormEventHandler<HTMLButtonElement> & React.FormEventHandler<HTMLAnchorElement>) | undefined;
+    onInvalid?: React.FormEventHandler<HTMLButtonElement> | (React.FormEventHandler<HTMLButtonElement> & React.FormEventHandler<HTMLAnchorElement>) | undefined;
+    onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | (React.FormEventHandler<HTMLButtonElement> & React.FormEventHandler<HTMLAnchorElement>) | undefined;
+    onLoad?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onError?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | (React.KeyboardEventHandler<HTMLButtonElement> & React.KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | (React.KeyboardEventHandler<HTMLButtonElement> & React.KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | (React.KeyboardEventHandler<HTMLButtonElement> & React.KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | (React.KeyboardEventHandler<HTMLButtonElement> & React.KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | (React.KeyboardEventHandler<HTMLButtonElement> & React.KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | (React.KeyboardEventHandler<HTMLButtonElement> & React.KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onAbort?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEnded?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPause?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPlay?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onProgress?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onStalled?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragExit?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragOver?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDrop?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLButtonElement> | (React.DragEventHandler<HTMLButtonElement> & React.DragEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | (React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onSelect?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | (React.ReactEventHandler<HTMLButtonElement> & React.ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | (React.TouchEventHandler<HTMLButtonElement> & React.TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | (React.TouchEventHandler<HTMLButtonElement> & React.TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | (React.TouchEventHandler<HTMLButtonElement> & React.TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | (React.TouchEventHandler<HTMLButtonElement> & React.TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | (React.TouchEventHandler<HTMLButtonElement> & React.TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | (React.TouchEventHandler<HTMLButtonElement> & React.TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | (React.TouchEventHandler<HTMLButtonElement> & React.TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | (React.TouchEventHandler<HTMLButtonElement> & React.TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | (React.PointerEventHandler<HTMLButtonElement> & React.PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onScroll?: React.UIEventHandler<HTMLButtonElement> | (React.UIEventHandler<HTMLButtonElement> & React.UIEventHandler<HTMLAnchorElement>) | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | (React.UIEventHandler<HTMLButtonElement> & React.UIEventHandler<HTMLAnchorElement>) | undefined;
+    onWheel?: React.WheelEventHandler<HTMLButtonElement> | (React.WheelEventHandler<HTMLButtonElement> & React.WheelEventHandler<HTMLAnchorElement>) | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | (React.WheelEventHandler<HTMLButtonElement> & React.WheelEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | (React.AnimationEventHandler<HTMLButtonElement> & React.AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | (React.AnimationEventHandler<HTMLButtonElement> & React.AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | (React.AnimationEventHandler<HTMLButtonElement> & React.AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | (React.AnimationEventHandler<HTMLButtonElement> & React.AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | (React.AnimationEventHandler<HTMLButtonElement> & React.AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | (React.TransitionEventHandler<HTMLButtonElement> & React.TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | (React.TransitionEventHandler<HTMLButtonElement> & React.TransitionEventHandler<HTMLAnchorElement>) | undefined;
     alignSelf?: import("@codecademy/variance/dist/types/config").Scale<{
         readonly property: "alignSelf";
     }>;
@@ -802,7 +787,7 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
     size?: "small" | "normal" | "large" | undefined;
     variant?: "primary" | "secondary" | "danger" | "interface" | undefined;
     as?: undefined;
-    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+    formAction?: string | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
@@ -813,7 +798,7 @@ export declare const createAnimatedFadeButton: (WrappedComponent: typeof Paginat
     ellipsis?: boolean | undefined;
     buttonType?: "text" | "stroke" | undefined;
     showButton?: "hidden" | "shown" | undefined;
-} & import("framer-motion/dist/types.d-DOCC-kZB").M, "children"> & {
+} & import("framer-motion").MotionProps, "children"> & {
     children?: React.ReactNode | import("motion-dom").MotionValue<number> | import("motion-dom").MotionValue<string>;
-}) => import("react/jsx-runtime").JSX.Element;
+}>>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Popover/Popover.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { PopoverProps } from './types';
 export declare const Popover: React.FC<PopoverProps>;

package/dist/Popover/elements.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyleProps } from '@codecademy/variance';
 import { WithChildrenProp } from '../utils';
 import { raisedDivVariants } from './styles/base';
@@ -7,36 +6,36 @@ export type PopoverVariants = StyleProps<typeof raisedDivVariants> & {
     widthRestricted?: boolean;
 };
 export declare const RaisedDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & import("@codecademy/variance/dist/types/config").VariantProps<"outline", false | "boxShadow" | "outline"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 } & import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "primary" | "secondary"> & import("@codecademy/variance/dist/types/config").VariantProps<"alignment", false | "aligned" | "centered"> & Partial<Record<"widthRestricted", boolean>>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Beak: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import("../Box").BoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "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"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("../Box").BoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "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"> & {
+    theme?: import("@emotion/react").Theme;
 } & Partial<Record<"widthRestricted", boolean>> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 } & import("@codecademy/variance/dist/types/config").VariantProps<"beak", string | number | false> & import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "sml" | "lrg"> & Partial<Record<"hasBorder", boolean>>, {}, {}>;
 export declare const BeakBox: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & import("../Box").FlexBoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "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"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("../Box").FlexBoxProps & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "dir" | "children" | "className" | "aria-hidden" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | keyof import("react").ClassAttributes<HTMLDivElement> | "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"> & {
+    theme?: import("@emotion/react").Theme;
 } & import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "center" | "above" | "below"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const PatternContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & import("@codecademy/variance/dist/types/config").VariantProps<"variant", string | number | false> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const PopoverPortal: React.FC<Pick<PopoverProps, 'animation' | 'isOpen'> & WithChildrenProp>;
 export type PopoverContainerProps = Pick<PopoverProps, 'position' | 'align'>;
 export declare const PopoverContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & PopoverContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/Popover/styles/base.d.ts

@@ -18,8 +18,8 @@ export declare const transformValues: {
     center: string;
 };
 export declare const popoverStates: (props: Partial<Record<"widthRestricted", boolean>> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;
 export declare const raisedDivVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "primary" | "secondary"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }) => import("@codecademy/variance").CSSObject;

package/dist/Popover/styles/beak.d.ts

@@ -18,5 +18,5 @@ export declare const beakBoxY: {
     width: string;
 };
 export declare const beakVariantsArray: string[];
-export declare const getBeakVariant: ({ align, position, beak, variant, }: Pick<PopoverProps, 'align' | 'position' | 'beak' | 'variant'>) => string;
+export declare const getBeakVariant: ({ align, position, beak, variant, }: Pick<PopoverProps, "align" | "position" | "beak" | "variant">) => string;
 export declare const createBeakVariantFromAlignment: (alignment: string) => {};