cambio/dist/es/index.d.mts

A simple shared animation component for React

import * as react from 'react';
import react__default from 'react';
import { Transition } from 'motion/react';
import * as _base_ui_components_react_cjs_utils_types from '@base-ui-components/react/cjs/utils/types';
import * as motion_dist_react from 'motion/dist/react';
import { Dialog } from '@base-ui-components/react/dialog';

declare const MotionDialog: {
    Root: react.ComponentType<Omit<{
        open?: boolean;
        defaultOpen?: boolean;
        modal?: boolean | "trap-focus";
        onOpenChange?: (open: boolean, event: Event | undefined, reason: Dialog.Root.OpenChangeReason | undefined) => void;
        onOpenChangeComplete?: (open: boolean) => void;
        dismissible?: boolean;
        actionsRef?: react.RefObject<Dialog.Root.Actions>;
    } & motion_dist_react.MotionProps, "children"> & {
        children?: react.ReactNode | motion_dist_react.MotionValue<number> | motion_dist_react.MotionValue<string>;
    }>;
    Trigger: react.ComponentType<Omit<{
        ref?: react.Ref<HTMLButtonElement>;
        form?: string;
        slot?: string;
        title?: string;
        className?: string | ((state: Dialog.Trigger.State) => string);
        key?: react.Key;
        disabled?: boolean;
        formAction?: string | ((formData: FormData) => void | Promise<void>);
        formEncType?: string;
        formMethod?: string;
        formNoValidate?: boolean;
        formTarget?: string;
        name?: string;
        type?: "button" | "submit" | "reset";
        value?: string | number | readonly string[];
        suppressContentEditableWarning?: boolean;
        suppressHydrationWarning?: boolean;
        accessKey?: string;
        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {});
        autoFocus?: boolean;
        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only";
        contextMenu?: string;
        dir?: string;
        draggable?: boolean | "true" | "false";
        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send";
        hidden?: boolean;
        id?: string;
        lang?: string;
        nonce?: string;
        spellCheck?: boolean | "true" | "false";
        tabIndex?: number;
        translate?: "yes" | "no";
        radioGroup?: string;
        role?: react.AriaRole;
        about?: string;
        content?: string;
        datatype?: string;
        inlist?: any;
        prefix?: string;
        property?: string;
        rel?: string;
        resource?: string;
        rev?: string;
        typeof?: string;
        vocab?: string;
        autoCorrect?: string;
        autoSave?: string;
        itemProp?: string;
        itemScope?: boolean;
        itemType?: string;
        itemID?: string;
        itemRef?: string;
        results?: number;
        security?: string;
        unselectable?: "off" | "on";
        popover?: "" | "auto" | "manual";
        popoverTargetAction?: "toggle" | "show" | "hide";
        popoverTarget?: string;
        inert?: boolean;
        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
        is?: string;
        exportparts?: string;
        part?: string;
        "aria-activedescendant"?: string;
        "aria-atomic"?: boolean | "true" | "false";
        "aria-autocomplete"?: "none" | "list" | "inline" | "both";
        "aria-braillelabel"?: string;
        "aria-brailleroledescription"?: string;
        "aria-busy"?: boolean | "true" | "false";
        "aria-checked"?: boolean | "true" | "false" | "mixed";
        "aria-colcount"?: number;
        "aria-colindex"?: number;
        "aria-colindextext"?: string;
        "aria-colspan"?: number;
        "aria-controls"?: string;
        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
        "aria-describedby"?: string;
        "aria-description"?: string;
        "aria-details"?: string;
        "aria-disabled"?: boolean | "true" | "false";
        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
        "aria-errormessage"?: string;
        "aria-expanded"?: boolean | "true" | "false";
        "aria-flowto"?: string;
        "aria-grabbed"?: boolean | "true" | "false";
        "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
        "aria-hidden"?: boolean | "true" | "false";
        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
        "aria-keyshortcuts"?: string;
        "aria-label"?: string;
        "aria-labelledby"?: string;
        "aria-level"?: number;
        "aria-live"?: "off" | "assertive" | "polite";
        "aria-modal"?: boolean | "true" | "false";
        "aria-multiline"?: boolean | "true" | "false";
        "aria-multiselectable"?: boolean | "true" | "false";
        "aria-orientation"?: "horizontal" | "vertical";
        "aria-owns"?: string;
        "aria-placeholder"?: string;
        "aria-posinset"?: number;
        "aria-pressed"?: boolean | "true" | "false" | "mixed";
        "aria-readonly"?: boolean | "true" | "false";
        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
        "aria-required"?: boolean | "true" | "false";
        "aria-roledescription"?: string;
        "aria-rowcount"?: number;
        "aria-rowindex"?: number;
        "aria-rowindextext"?: string;
        "aria-rowspan"?: number;
        "aria-selected"?: boolean | "true" | "false";
        "aria-setsize"?: number;
        "aria-sort"?: "none" | "ascending" | "descending" | "other";
        "aria-valuemax"?: number;
        "aria-valuemin"?: number;
        "aria-valuenow"?: number;
        "aria-valuetext"?: string;
        dangerouslySetInnerHTML?: {
            __html: string | TrustedHTML;
        };
        onCopy?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ClipboardEvent<HTMLButtonElement>>) => void;
        onCopyCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ClipboardEvent<HTMLButtonElement>>) => void;
        onCut?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ClipboardEvent<HTMLButtonElement>>) => void;
        onCutCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ClipboardEvent<HTMLButtonElement>>) => void;
        onPaste?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ClipboardEvent<HTMLButtonElement>>) => void;
        onPasteCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ClipboardEvent<HTMLButtonElement>>) => void;
        onCompositionEnd?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.CompositionEvent<HTMLButtonElement>>) => void;
        onCompositionEndCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.CompositionEvent<HTMLButtonElement>>) => void;
        onCompositionStart?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.CompositionEvent<HTMLButtonElement>>) => void;
        onCompositionStartCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.CompositionEvent<HTMLButtonElement>>) => void;
        onCompositionUpdate?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.CompositionEvent<HTMLButtonElement>>) => void;
        onCompositionUpdateCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.CompositionEvent<HTMLButtonElement>>) => void;
        onFocus?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FocusEvent<HTMLButtonElement, Element>>) => void;
        onFocusCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FocusEvent<HTMLButtonElement, Element>>) => void;
        onBlur?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FocusEvent<HTMLButtonElement, Element>>) => void;
        onBlurCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FocusEvent<HTMLButtonElement, Element>>) => void;
        onChange?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLButtonElement>>) => void;
        onChangeCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLButtonElement>>) => void;
        onBeforeInput?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.InputEvent<HTMLButtonElement>>) => void;
        onBeforeInputCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLButtonElement>>) => void;
        onInput?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLButtonElement>>) => void;
        onInputCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLButtonElement>>) => void;
        onReset?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLButtonElement>>) => void;
        onResetCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLButtonElement>>) => void;
        onSubmit?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLButtonElement>>) => void;
        onSubmitCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLButtonElement>>) => void;
        onInvalid?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLButtonElement>>) => void;
        onInvalidCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLButtonElement>>) => void;
        onLoad?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onLoadCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onError?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onErrorCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onKeyDown?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.KeyboardEvent<HTMLButtonElement>>) => void;
        onKeyDownCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.KeyboardEvent<HTMLButtonElement>>) => void;
        onKeyPress?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.KeyboardEvent<HTMLButtonElement>>) => void;
        onKeyPressCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.KeyboardEvent<HTMLButtonElement>>) => void;
        onKeyUp?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.KeyboardEvent<HTMLButtonElement>>) => void;
        onKeyUpCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.KeyboardEvent<HTMLButtonElement>>) => void;
        onAbort?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onAbortCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onCanPlay?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onCanPlayCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onCanPlayThrough?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onCanPlayThroughCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onDurationChange?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onDurationChangeCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onEmptied?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onEmptiedCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onEncrypted?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onEncryptedCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onEnded?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onEndedCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onLoadedData?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onLoadedDataCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onLoadedMetadata?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onLoadedMetadataCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onLoadStart?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onLoadStartCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onPause?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onPauseCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onPlay?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onPlayCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onPlaying?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onPlayingCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onProgress?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onProgressCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onRateChange?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onRateChangeCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onSeeked?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onSeekedCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onSeeking?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onSeekingCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onStalled?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onStalledCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onSuspend?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onSuspendCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onTimeUpdate?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onTimeUpdateCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onVolumeChange?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onVolumeChangeCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onWaiting?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onWaitingCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onAuxClick?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onAuxClickCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onClick?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onClickCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onContextMenu?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onContextMenuCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onDoubleClick?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onDoubleClickCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onDragCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onDragEndCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onDragEnter?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onDragEnterCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onDragExit?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onDragExitCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onDragLeave?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onDragLeaveCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onDragOver?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onDragOverCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onDragStartCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onDrop?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onDropCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLButtonElement>>) => void;
        onMouseDown?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onMouseDownCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onMouseEnter?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onMouseLeave?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onMouseMove?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onMouseMoveCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onMouseOut?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onMouseOutCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onMouseOver?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onMouseOverCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onMouseUp?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onMouseUpCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLButtonElement, MouseEvent>>) => void;
        onSelect?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onSelectCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLButtonElement, Event>>) => void;
        onTouchCancel?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TouchEvent<HTMLButtonElement>>) => void;
        onTouchCancelCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TouchEvent<HTMLButtonElement>>) => void;
        onTouchEnd?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TouchEvent<HTMLButtonElement>>) => void;
        onTouchEndCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TouchEvent<HTMLButtonElement>>) => void;
        onTouchMove?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TouchEvent<HTMLButtonElement>>) => void;
        onTouchMoveCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TouchEvent<HTMLButtonElement>>) => void;
        onTouchStart?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TouchEvent<HTMLButtonElement>>) => void;
        onTouchStartCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TouchEvent<HTMLButtonElement>>) => void;
        onPointerDown?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerDownCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerMove?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerMoveCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerUp?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerUpCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerCancel?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerCancelCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerEnter?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerLeave?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerOver?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerOverCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerOut?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onPointerOutCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onGotPointerCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onGotPointerCaptureCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onLostPointerCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onLostPointerCaptureCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.PointerEvent<HTMLButtonElement>>) => void;
        onScroll?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.UIEvent<HTMLButtonElement, UIEvent>>) => void;
        onScrollCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.UIEvent<HTMLButtonElement, UIEvent>>) => void;
        onScrollEnd?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.UIEvent<HTMLButtonElement, UIEvent>>) => void;
        onScrollEndCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.UIEvent<HTMLButtonElement, UIEvent>>) => void;
        onWheel?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.WheelEvent<HTMLButtonElement>>) => void;
        onWheelCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.WheelEvent<HTMLButtonElement>>) => void;
        onAnimationStartCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.AnimationEvent<HTMLButtonElement>>) => void;
        onAnimationEnd?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.AnimationEvent<HTMLButtonElement>>) => void;
        onAnimationEndCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.AnimationEvent<HTMLButtonElement>>) => void;
        onAnimationIteration?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.AnimationEvent<HTMLButtonElement>>) => void;
        onAnimationIterationCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.AnimationEvent<HTMLButtonElement>>) => void;
        onToggle?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ToggleEvent<HTMLButtonElement>>) => void;
        onBeforeToggle?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ToggleEvent<HTMLButtonElement>>) => void;
        onTransitionCancel?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TransitionEvent<HTMLButtonElement>>) => void;
        onTransitionCancelCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TransitionEvent<HTMLButtonElement>>) => void;
        onTransitionEnd?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TransitionEvent<HTMLButtonElement>>) => void;
        onTransitionEndCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TransitionEvent<HTMLButtonElement>>) => void;
        onTransitionRun?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TransitionEvent<HTMLButtonElement>>) => void;
        onTransitionRunCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TransitionEvent<HTMLButtonElement>>) => void;
        onTransitionStart?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TransitionEvent<HTMLButtonElement>>) => void;
        onTransitionStartCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.TransitionEvent<HTMLButtonElement>>) => void;
        nativeButton?: boolean;
        render?: react.ReactElement<Record<string, unknown>, string | react.JSXElementConstructor<any>> | _base_ui_components_react_cjs_utils_types.ComponentRenderFn<_base_ui_components_react_cjs_utils_types.HTMLProps<any>, Dialog.Trigger.State>;
    } & motion_dist_react.MotionProps, "children"> & {
        children?: react.ReactNode | motion_dist_react.MotionValue<number> | motion_dist_react.MotionValue<string>;
    }>;
    Portal: react.ComponentType<Omit<{
        keepMounted?: boolean;
        container?: HTMLElement | ShadowRoot | react.RefObject<HTMLElement | ShadowRoot>;
    } & motion_dist_react.MotionProps, "children"> & {
        children?: react.ReactNode | motion_dist_react.MotionValue<number> | motion_dist_react.MotionValue<string>;
    }>;
    Backdrop: react.ComponentType<Omit<{
        ref?: react.Ref<HTMLDivElement>;
        slot?: string;
        title?: string;
        className?: string | ((state: Dialog.Backdrop.State) => string);
        key?: react.Key;
        suppressContentEditableWarning?: boolean;
        suppressHydrationWarning?: boolean;
        accessKey?: string;
        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {});
        autoFocus?: boolean;
        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only";
        contextMenu?: string;
        dir?: string;
        draggable?: boolean | "true" | "false";
        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send";
        hidden?: boolean;
        id?: string;
        lang?: string;
        nonce?: string;
        spellCheck?: boolean | "true" | "false";
        tabIndex?: number;
        translate?: "yes" | "no";
        radioGroup?: string;
        role?: react.AriaRole;
        about?: string;
        content?: string;
        datatype?: string;
        inlist?: any;
        prefix?: string;
        property?: string;
        rel?: string;
        resource?: string;
        rev?: string;
        typeof?: string;
        vocab?: string;
        autoCorrect?: string;
        autoSave?: string;
        itemProp?: string;
        itemScope?: boolean;
        itemType?: string;
        itemID?: string;
        itemRef?: string;
        results?: number;
        security?: string;
        unselectable?: "off" | "on";
        popover?: "" | "auto" | "manual";
        popoverTargetAction?: "toggle" | "show" | "hide";
        popoverTarget?: string;
        inert?: boolean;
        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
        is?: string;
        exportparts?: string;
        part?: string;
        "aria-activedescendant"?: string;
        "aria-atomic"?: boolean | "true" | "false";
        "aria-autocomplete"?: "none" | "list" | "inline" | "both";
        "aria-braillelabel"?: string;
        "aria-brailleroledescription"?: string;
        "aria-busy"?: boolean | "true" | "false";
        "aria-checked"?: boolean | "true" | "false" | "mixed";
        "aria-colcount"?: number;
        "aria-colindex"?: number;
        "aria-colindextext"?: string;
        "aria-colspan"?: number;
        "aria-controls"?: string;
        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
        "aria-describedby"?: string;
        "aria-description"?: string;
        "aria-details"?: string;
        "aria-disabled"?: boolean | "true" | "false";
        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
        "aria-errormessage"?: string;
        "aria-expanded"?: boolean | "true" | "false";
        "aria-flowto"?: string;
        "aria-grabbed"?: boolean | "true" | "false";
        "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
        "aria-hidden"?: boolean | "true" | "false";
        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
        "aria-keyshortcuts"?: string;
        "aria-label"?: string;
        "aria-labelledby"?: string;
        "aria-level"?: number;
        "aria-live"?: "off" | "assertive" | "polite";
        "aria-modal"?: boolean | "true" | "false";
        "aria-multiline"?: boolean | "true" | "false";
        "aria-multiselectable"?: boolean | "true" | "false";
        "aria-orientation"?: "horizontal" | "vertical";
        "aria-owns"?: string;
        "aria-placeholder"?: string;
        "aria-posinset"?: number;
        "aria-pressed"?: boolean | "true" | "false" | "mixed";
        "aria-readonly"?: boolean | "true" | "false";
        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
        "aria-required"?: boolean | "true" | "false";
        "aria-roledescription"?: string;
        "aria-rowcount"?: number;
        "aria-rowindex"?: number;
        "aria-rowindextext"?: string;
        "aria-rowspan"?: number;
        "aria-selected"?: boolean | "true" | "false";
        "aria-setsize"?: number;
        "aria-sort"?: "none" | "ascending" | "descending" | "other";
        "aria-valuemax"?: number;
        "aria-valuemin"?: number;
        "aria-valuenow"?: number;
        "aria-valuetext"?: string;
        dangerouslySetInnerHTML?: {
            __html: string | TrustedHTML;
        };
        onCopy?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ClipboardEvent<HTMLDivElement>>) => void;
        onCopyCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ClipboardEvent<HTMLDivElement>>) => void;
        onCut?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ClipboardEvent<HTMLDivElement>>) => void;
        onCutCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ClipboardEvent<HTMLDivElement>>) => void;
        onPaste?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ClipboardEvent<HTMLDivElement>>) => void;
        onPasteCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.ClipboardEvent<HTMLDivElement>>) => void;
        onCompositionEnd?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.CompositionEvent<HTMLDivElement>>) => void;
        onCompositionEndCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.CompositionEvent<HTMLDivElement>>) => void;
        onCompositionStart?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.CompositionEvent<HTMLDivElement>>) => void;
        onCompositionStartCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.CompositionEvent<HTMLDivElement>>) => void;
        onCompositionUpdate?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.CompositionEvent<HTMLDivElement>>) => void;
        onCompositionUpdateCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.CompositionEvent<HTMLDivElement>>) => void;
        onFocus?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FocusEvent<HTMLDivElement, Element>>) => void;
        onFocusCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FocusEvent<HTMLDivElement, Element>>) => void;
        onBlur?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FocusEvent<HTMLDivElement, Element>>) => void;
        onBlurCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FocusEvent<HTMLDivElement, Element>>) => void;
        onChange?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLDivElement>>) => void;
        onChangeCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLDivElement>>) => void;
        onBeforeInput?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.InputEvent<HTMLDivElement>>) => void;
        onBeforeInputCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLDivElement>>) => void;
        onInput?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLDivElement>>) => void;
        onInputCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLDivElement>>) => void;
        onReset?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLDivElement>>) => void;
        onResetCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLDivElement>>) => void;
        onSubmit?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLDivElement>>) => void;
        onSubmitCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLDivElement>>) => void;
        onInvalid?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLDivElement>>) => void;
        onInvalidCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.FormEvent<HTMLDivElement>>) => void;
        onLoad?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onLoadCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onError?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onErrorCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onKeyDown?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.KeyboardEvent<HTMLDivElement>>) => void;
        onKeyDownCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.KeyboardEvent<HTMLDivElement>>) => void;
        onKeyPress?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.KeyboardEvent<HTMLDivElement>>) => void;
        onKeyPressCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.KeyboardEvent<HTMLDivElement>>) => void;
        onKeyUp?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.KeyboardEvent<HTMLDivElement>>) => void;
        onKeyUpCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.KeyboardEvent<HTMLDivElement>>) => void;
        onAbort?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onAbortCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onCanPlay?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onCanPlayCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onCanPlayThrough?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onCanPlayThroughCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onDurationChange?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onDurationChangeCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onEmptied?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onEmptiedCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onEncrypted?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onEncryptedCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onEnded?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onEndedCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onLoadedData?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onLoadedDataCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onLoadedMetadata?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onLoadedMetadataCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onLoadStart?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onLoadStartCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onPause?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onPauseCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onPlay?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onPlayCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onPlaying?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onPlayingCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onProgress?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onProgressCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onRateChange?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onRateChangeCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onSeeked?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onSeekedCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onSeeking?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onSeekingCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onStalled?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onStalledCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onSuspend?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onSuspendCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onTimeUpdate?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onTimeUpdateCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onVolumeChange?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onVolumeChangeCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onWaiting?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onWaitingCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.SyntheticEvent<HTMLDivElement, Event>>) => void;
        onAuxClick?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onAuxClickCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onClick?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onClickCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onContextMenu?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onContextMenuCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onDoubleClick?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onDoubleClickCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onDragCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onDragEndCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onDragEnter?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onDragEnterCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onDragExit?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onDragExitCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onDragLeave?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onDragLeaveCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onDragOver?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onDragOverCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onDragStartCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onDrop?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onDropCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.DragEvent<HTMLDivElement>>) => void;
        onMouseDown?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onMouseDownCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onMouseEnter?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onMouseLeave?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onMouseMove?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onMouseMoveCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onMouseOut?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onMouseOutCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onMouseOver?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;
        onMouseOverCapture?: (event: _base_ui_components_react_cjs_utils_types.BaseUIEvent<react.MouseEvent<HTMLDivElement, MouseEvent>>) => void;