@digdir/designsystemet-react 1.20.0 → 1.20.1

package/dist/types/utilities/hooks/use-checkbox-group/use-checkbox-group.d.ts

@@ -1,67 +0,0 @@
-import type { Dispatch, ForwardedRef, ReactNode, SetStateAction } from 'react';
-import type { CheckboxProps } from '../../../components';
-export type UseCheckboxGroupProps = {
-    /**
-     * Disables all checkboxes in the group.
-     */
-    disabled?: boolean;
-    /**
-     * Error message for the group.
-     * If set, all checkboxes will have `aria-invalid` set to `true`.
-     */
-    error?: ReactNode;
-    /**
-     * Name of the group.
-     * If not set, a random id will be generated.
-     */
-    name?: string;
-    /**
-     * Makes all checkboxes in the group read-only.
-     * If set, all checkboxes will have `aria-readonly` set to `true`.
-     */
-    readOnly?: boolean;
-    /**
-     * Initial value of the group
-     * @default []
-     */
-    value?: string[];
-    /**
-     * Makes all checkboxes in the group required.
-     * If set, all checkboxes will have `required` set to `true`.
-     */
-    required?: boolean;
-    /**
-     * Callback that is called when the value of the group changes.
-     * @param nextValue string[]
-     * @param currentValue string[]
-     * @returns void
-     */
-    onChange?: (nextValue: string[], currentValue: string[]) => void;
-    /**
-     * If outline, all checkboxes in the group will have a border
-     */
-    variant?: CheckboxProps['variant'];
-};
-/**
- * Get anything that is set on a checkbox, but
- * remove anything that comes from the group itself.
- */
-export type GetCheckboxProps = Omit<CheckboxProps, 'prefix' | 'role' | 'type' | 'size' | 'aria-label' | 'aria-labelledby' | 'label' | 'checked' | 'value'> & {
-    /** Enables indeterminate handling for this `Checkbox` and `CheckboxGroup` */
-    allowIndeterminate?: boolean;
-    ref?: ForwardedRef<HTMLInputElement>;
-    checked?: boolean;
-    value?: string;
-};
-type useCheckboxGroupReturn = {
-    value: string[];
-    setValue: Dispatch<SetStateAction<string[]>>;
-    getCheckboxProps: (propsOrValue?: string | GetCheckboxProps) => GetCheckboxProps;
-    validationMessageProps: {
-        children: ReactNode;
-        hidden: boolean;
-        id: string;
-    };
-};
-export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): useCheckboxGroupReturn;
-export {};

package/dist/types/utilities/hooks/use-merge-refs/use-merge-refs.d.ts

@@ -1,5 +0,0 @@
-import type { Ref, RefCallback } from 'react';
-/**
- * Merges an array of refs into a single memoized callback ref or `null`.
- */
-export declare function useMergeRefs<Instance>(refs: Array<Ref<Instance> | undefined>): null | RefCallback<Instance>;

package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts

@@ -1,81 +0,0 @@
-import type { MouseEvent } from 'react';
-import type { PaginationButtonProps } from '../../../components';
-export type UsePaginationProps = {
-    /**
-     * The current page number
-     * @default 1
-     */
-    currentPage: number;
-    /**
-     * The total number of pages
-     * @default 1
-     */
-    totalPages: number;
-    /**
-     * The maximum number of pages to show
-     * @default 7
-     */
-    showPages?: number;
-    /**
-     * Callback to set the current page
-     */
-    setCurrentPage?: (page: number) => void;
-    /**
-     * Callback when the page changes
-     */
-    onChange?: (event: MouseEvent<HTMLElement>, page: number) => void;
-};
-/**
- * Hook to help manage pagination state
- *
- * @example
- * const { pages, nextButtonProps, prevButtonProps } = usePagination({
- *   currentPage: page,
- *   totalPages: 10,
- *   showPages: 7,
- *   setCurrentPage,
- * })
- *
- * <Pagination>
- *   <Pagination.Item>
- *     <Pagination.Button {...prevButtonProps}>Forrige</Pagination.Button>
- *   </Pagination.Item>
- *   {pages.map(({ page, itemKey, buttonProps }) => (
- *     <Pagination.Item key={itemKey}>
- *       {typeof page === 'number' && (
- *         <Pagination.Button {...buttonProps} aria-label={`Side ${page}`}>
- *           {page}
- *         </Pagination.Button>
- *       )}
- *     </Pagination.Item>
- *   ))}
- *   <Pagination.Item>
- *     <Pagination.Button {...nextButtonProps}>Neste</Pagination.Button>
- *   </Pagination.Item>
- * </Pagination>
- **/
-export declare const usePagination: ({ currentPage: current, setCurrentPage, onChange, totalPages: total, showPages: show, }: UsePaginationProps) => {
-    /** Number of steps */
-    pages: {
-        /**
-         * Page number or "ellipsis" for the ellipsis item
-         */
-        page: string | number;
-        /**
-         * Unique key for the item
-         */
-        itemKey: string;
-        /**
-         * Properties to spread on Pagination.Button
-         */
-        buttonProps: PaginationButtonProps | null;
-    }[];
-    /** Properties to spread on Pagination.Button used for previous navigation */
-    prevButtonProps: PaginationButtonProps;
-    /** Properties to spread on Pagination.Button used for next navigation */
-    nextButtonProps: PaginationButtonProps;
-    /** Indication if previous page action should be shown or not */
-    hasPrev: boolean;
-    /** Indication if next page action should be shown or not */
-    hasNext: boolean;
-};

package/dist/types/utilities/hooks/use-radio-group/use-radio-group.d.ts

@@ -1,59 +0,0 @@
-import type { Dispatch, ForwardedRef, ReactNode, SetStateAction } from 'react';
-import type { RadioProps } from '../../../components';
-export type UseRadioGroupProps = {
-    /** Set disabled state of all radios */
-    disabled?: boolean;
-    /** Shared error message for all radios */
-    error?: ReactNode;
-    /** Name of all radios.
-     * @default string of auto-generated name
-     */
-    name?: string;
-    /** Set read only state of all radios */
-    readOnly?: boolean;
-    /** Set required state of all radios */
-    required?: boolean;
-    /**
-     * Initial value of the group
-     */
-    value?: string;
-    /** Callback when selected radios changes */
-    onChange?: (nextValue: string, prevValue: string) => void;
-    /**
-     * If outline, all radios in the group will have a border
-     */
-    variant?: RadioProps['variant'];
-};
-/**
- * Get anything that is set on a radio, but
- * remove anything that comes from the group itself.
- */
-export type GetRadioProps = Omit<RadioProps, 'prefix' | 'role' | 'type' | 'size' | 'aria-label' | 'aria-labelledby' | 'label' | 'name' | 'checked' | 'value'> & {
-    ref?: ForwardedRef<HTMLInputElement>;
-    value?: string;
-};
-type useRadioGroupReturn = {
-    value: string;
-    setValue: Dispatch<SetStateAction<string>>;
-    getRadioProps: (propsOrValue: string | GetRadioProps) => GetRadioProps;
-    validationMessageProps: {
-        children: ReactNode;
-        hidden: boolean;
-        id: string;
-    };
-};
-/**
- * useRadioGroup is used to group multiple <Radio> components
- * @example
- * const { getRadioProps, validationMessageProps, value, setValue } = useRadioGroup({
- *   disabled: false,
- *   error: 'Validation message text',
- *   name: 'group-name',
- *   onChange: (nextValue, prevValue) => {},
- *   readOnly: false,
- *   required: true,
- *   value: '',
- * });
- */
-export declare function useRadioGroup(props?: UseRadioGroupProps): useRadioGroupReturn;
-export {};

package/dist/types/utilities/hooks/use-synchronized-animation/use-synchronized-animation.d.ts

@@ -1,15 +0,0 @@
-import { useEffect } from 'react';
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
-/**
- * Synchronizes the css animation of multiple elements with the same `animationName`.
- *
- * @example
- * ```tsx
- *  const ref = useSynchronizedAnimation<HTMLDivElement>('spin');
- *
- *  <div
- *   ref={ref}
- *  />
- * ```
- */
-export declare function useSynchronizedAnimation<T>(animationName: string): import("react").RefObject<T | null>;

package/dist/types/utilities/index.d.ts

@@ -1,12 +0,0 @@
-export type { UseCheckboxGroupProps, UsePaginationProps, UseRadioGroupProps, } from './hooks';
-export { useCheckboxGroup, useDebounceCallback, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useRadioGroup, useSynchronizedAnimation, } from './hooks';
-export { getNextFocusableValue, getPrevFocusableValue, RovingFocusItem, } from './roving-focus/roving-focus-item';
-export { RovingFocusRoot } from './roving-focus/roving-focus-root';
-export { useRovingFocus } from './roving-focus/use-roving-focus';
-export type { MergeRight } from './types';
-declare global {
-    interface Window {
-        dsWarnings?: boolean;
-    }
-}
-export declare const warn: (message: string, ...args: Parameters<typeof console.warn>) => true | void;

package/dist/types/utilities/roving-focus/roving-focus-item.d.ts

@@ -1,16 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import type { RovingFocusElement } from './roving-focus-root';
-/** Get the next focusable RovingFocusItem */
-export declare function getNextFocusableValue(items: RovingFocusElement[], value: string): RovingFocusElement | undefined;
-/** Get the previous focusable RovingFocusItem */
-export declare function getPrevFocusableValue(items: RovingFocusElement[], value: string): RovingFocusElement | undefined;
-/** @deprecated RovingFocusItem is deprecated.*/
-export declare const RovingFocusItem: import("react").ForwardRefExoticComponent<{
-    /** The value of the `RovingFocusItem` used to determine which item should have focus. */
-    value?: string;
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: boolean;
-} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;

package/dist/types/utilities/roving-focus/roving-focus-root.d.ts

@@ -1,33 +0,0 @@
-import type { HTMLAttributes, MutableRefObject, ReactNode } from 'react';
-export type RovingFocusElement = {
-    value: string;
-    element: HTMLElement;
-};
-export type RovingFocusProps = {
-    elements: MutableRefObject<Map<string, HTMLElement>>;
-    getOrderedItems: () => RovingFocusElement[];
-    setFocusableValue: (value: string) => void;
-    focusableValue: string | null;
-    onShiftTab: () => void;
-    orientation: 'vertical' | 'horizontal' | 'ambiguous';
-};
-export declare const RovingFocusContext: import("react").Context<RovingFocusProps>;
-/** @deprecated RovingFocusRoot is deprecated. */
-export declare const RovingFocusRoot: import("react").ForwardRefExoticComponent<{
-    /** The children of the `RovingFocusRoot`. The children should get their roving-relevant props from the `useRovingFocus` hook. */
-    children: ReactNode;
-    /** The value of the element that should be focused when the `RovingFocusRoot` receives focus. */
-    activeValue?: string;
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: boolean;
-    /**
-     * Changes what arrow keys are used to navigate the roving focus.
-     * Sets correct `aria-orientation` attribute, if `vertical` or `horizontal`.
-     *
-     * @default 'horizontal'
-     */
-    orientation?: "vertical" | "horizontal" | "ambiguous";
-} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;

package/dist/types/utilities/roving-focus/use-roving-focus.d.ts

@@ -1,299 +0,0 @@
-import type { FocusEvent, HTMLAttributes, KeyboardEvent } from 'react';
-/**
-@deprecated useRovingFocus is deprecated.
-Handles props for `RovingFocus` in context with `RovingFocusRoot` */
-export declare const useRovingFocus: (value: string) => {
-    getOrderedItems: () => import("./roving-focus-root").RovingFocusElement[];
-    isFocusable: boolean;
-    orientation: "horizontal" | "vertical" | "ambiguous";
-    getRovingProps: <T extends HTMLElement>(props: HTMLAttributes<T>) => {
-        ref: (element: HTMLElement | null) => void;
-        onKeyDown: (e: KeyboardEvent<T>) => void;
-        onFocus: (e: FocusEvent<T>) => void;
-        'data-roving-tabindex-item': boolean;
-        tabIndex: number;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
-        autoFocus?: boolean | undefined;
-        className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: import("react").CSSProperties | undefined;
-        title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        role?: import("react").AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined;
-        popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-        popoverTarget?: string | undefined;
-        inert?: boolean | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | undefined;
-        exportparts?: string | undefined;
-        part?: string | undefined;
-        popovertarget?: string;
-        'data-size'?: DefaultProps;
-        'data-color'?: DefaultProps;
-        'data-color-scheme'?: import("@digdir/designsystemet-types").ColorScheme | (string & {});
-        focusgroup?: string;
-        focusgroupstart?: boolean | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
-        children?: import("react").ReactNode | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: import("react").ClipboardEventHandler<T> | undefined;
-        onCopyCapture?: import("react").ClipboardEventHandler<T> | undefined;
-        onCut?: import("react").ClipboardEventHandler<T> | undefined;
-        onCutCapture?: import("react").ClipboardEventHandler<T> | undefined;
-        onPaste?: import("react").ClipboardEventHandler<T> | undefined;
-        onPasteCapture?: import("react").ClipboardEventHandler<T> | undefined;
-        onCompositionEnd?: import("react").CompositionEventHandler<T> | undefined;
-        onCompositionEndCapture?: import("react").CompositionEventHandler<T> | undefined;
-        onCompositionStart?: import("react").CompositionEventHandler<T> | undefined;
-        onCompositionStartCapture?: import("react").CompositionEventHandler<T> | undefined;
-        onCompositionUpdate?: import("react").CompositionEventHandler<T> | undefined;
-        onCompositionUpdateCapture?: import("react").CompositionEventHandler<T> | undefined;
-        onFocusCapture?: import("react").FocusEventHandler<T> | undefined;
-        onBlur?: import("react").FocusEventHandler<T> | undefined;
-        onBlurCapture?: import("react").FocusEventHandler<T> | undefined;
-        onChange?: import("react").ChangeEventHandler<T, Element> | undefined;
-        onChangeCapture?: import("react").ChangeEventHandler<T, Element> | undefined;
-        onBeforeInput?: import("react").InputEventHandler<T> | undefined;
-        onBeforeInputCapture?: import("react").InputEventHandler<T> | undefined;
-        onInput?: import("react").InputEventHandler<T> | undefined;
-        onInputCapture?: import("react").InputEventHandler<T> | undefined;
-        onReset?: import("react").ReactEventHandler<T> | undefined;
-        onResetCapture?: import("react").ReactEventHandler<T> | undefined;
-        onSubmit?: import("react").SubmitEventHandler<T> | undefined;
-        onSubmitCapture?: import("react").SubmitEventHandler<T> | undefined;
-        onInvalid?: import("react").ReactEventHandler<T> | undefined;
-        onInvalidCapture?: import("react").ReactEventHandler<T> | undefined;
-        onLoad?: import("react").ReactEventHandler<T> | undefined;
-        onLoadCapture?: import("react").ReactEventHandler<T> | undefined;
-        onError?: import("react").ReactEventHandler<T> | undefined;
-        onErrorCapture?: import("react").ReactEventHandler<T> | undefined;
-        onKeyDownCapture?: import("react").KeyboardEventHandler<T> | undefined;
-        onKeyPress?: import("react").KeyboardEventHandler<T> | undefined;
-        onKeyPressCapture?: import("react").KeyboardEventHandler<T> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<T> | undefined;
-        onKeyUpCapture?: import("react").KeyboardEventHandler<T> | undefined;
-        onAbort?: import("react").ReactEventHandler<T> | undefined;
-        onAbortCapture?: import("react").ReactEventHandler<T> | undefined;
-        onCanPlay?: import("react").ReactEventHandler<T> | undefined;
-        onCanPlayCapture?: import("react").ReactEventHandler<T> | undefined;
-        onCanPlayThrough?: import("react").ReactEventHandler<T> | undefined;
-        onCanPlayThroughCapture?: import("react").ReactEventHandler<T> | undefined;
-        onDurationChange?: import("react").ReactEventHandler<T> | undefined;
-        onDurationChangeCapture?: import("react").ReactEventHandler<T> | undefined;
-        onEmptied?: import("react").ReactEventHandler<T> | undefined;
-        onEmptiedCapture?: import("react").ReactEventHandler<T> | undefined;
-        onEncrypted?: import("react").ReactEventHandler<T> | undefined;
-        onEncryptedCapture?: import("react").ReactEventHandler<T> | undefined;
-        onEnded?: import("react").ReactEventHandler<T> | undefined;
-        onEndedCapture?: import("react").ReactEventHandler<T> | undefined;
-        onLoadedData?: import("react").ReactEventHandler<T> | undefined;
-        onLoadedDataCapture?: import("react").ReactEventHandler<T> | undefined;
-        onLoadedMetadata?: import("react").ReactEventHandler<T> | undefined;
-        onLoadedMetadataCapture?: import("react").ReactEventHandler<T> | undefined;
-        onLoadStart?: import("react").ReactEventHandler<T> | undefined;
-        onLoadStartCapture?: import("react").ReactEventHandler<T> | undefined;
-        onPause?: import("react").ReactEventHandler<T> | undefined;
-        onPauseCapture?: import("react").ReactEventHandler<T> | undefined;
-        onPlay?: import("react").ReactEventHandler<T> | undefined;
-        onPlayCapture?: import("react").ReactEventHandler<T> | undefined;
-        onPlaying?: import("react").ReactEventHandler<T> | undefined;
-        onPlayingCapture?: import("react").ReactEventHandler<T> | undefined;
-        onProgress?: import("react").ReactEventHandler<T> | undefined;
-        onProgressCapture?: import("react").ReactEventHandler<T> | undefined;
-        onRateChange?: import("react").ReactEventHandler<T> | undefined;
-        onRateChangeCapture?: import("react").ReactEventHandler<T> | undefined;
-        onSeeked?: import("react").ReactEventHandler<T> | undefined;
-        onSeekedCapture?: import("react").ReactEventHandler<T> | undefined;
-        onSeeking?: import("react").ReactEventHandler<T> | undefined;
-        onSeekingCapture?: import("react").ReactEventHandler<T> | undefined;
-        onStalled?: import("react").ReactEventHandler<T> | undefined;
-        onStalledCapture?: import("react").ReactEventHandler<T> | undefined;
-        onSuspend?: import("react").ReactEventHandler<T> | undefined;
-        onSuspendCapture?: import("react").ReactEventHandler<T> | undefined;
-        onTimeUpdate?: import("react").ReactEventHandler<T> | undefined;
-        onTimeUpdateCapture?: import("react").ReactEventHandler<T> | undefined;
-        onVolumeChange?: import("react").ReactEventHandler<T> | undefined;
-        onVolumeChangeCapture?: import("react").ReactEventHandler<T> | undefined;
-        onWaiting?: import("react").ReactEventHandler<T> | undefined;
-        onWaitingCapture?: import("react").ReactEventHandler<T> | undefined;
-        onAuxClick?: import("react").MouseEventHandler<T> | undefined;
-        onAuxClickCapture?: import("react").MouseEventHandler<T> | undefined;
-        onClick?: import("react").MouseEventHandler<T> | undefined;
-        onClickCapture?: import("react").MouseEventHandler<T> | undefined;
-        onContextMenu?: import("react").MouseEventHandler<T> | undefined;
-        onContextMenuCapture?: import("react").MouseEventHandler<T> | undefined;
-        onDoubleClick?: import("react").MouseEventHandler<T> | undefined;
-        onDoubleClickCapture?: import("react").MouseEventHandler<T> | undefined;
-        onDrag?: import("react").DragEventHandler<T> | undefined;
-        onDragCapture?: import("react").DragEventHandler<T> | undefined;
-        onDragEnd?: import("react").DragEventHandler<T> | undefined;
-        onDragEndCapture?: import("react").DragEventHandler<T> | undefined;
-        onDragEnter?: import("react").DragEventHandler<T> | undefined;
-        onDragEnterCapture?: import("react").DragEventHandler<T> | undefined;
-        onDragExit?: import("react").DragEventHandler<T> | undefined;
-        onDragExitCapture?: import("react").DragEventHandler<T> | undefined;
-        onDragLeave?: import("react").DragEventHandler<T> | undefined;
-        onDragLeaveCapture?: import("react").DragEventHandler<T> | undefined;
-        onDragOver?: import("react").DragEventHandler<T> | undefined;
-        onDragOverCapture?: import("react").DragEventHandler<T> | undefined;
-        onDragStart?: import("react").DragEventHandler<T> | undefined;
-        onDragStartCapture?: import("react").DragEventHandler<T> | undefined;
-        onDrop?: import("react").DragEventHandler<T> | undefined;
-        onDropCapture?: import("react").DragEventHandler<T> | undefined;
-        onMouseDown?: import("react").MouseEventHandler<T> | undefined;
-        onMouseDownCapture?: import("react").MouseEventHandler<T> | undefined;
-        onMouseEnter?: import("react").MouseEventHandler<T> | undefined;
-        onMouseLeave?: import("react").MouseEventHandler<T> | undefined;
-        onMouseMove?: import("react").MouseEventHandler<T> | undefined;
-        onMouseMoveCapture?: import("react").MouseEventHandler<T> | undefined;
-        onMouseOut?: import("react").MouseEventHandler<T> | undefined;
-        onMouseOutCapture?: import("react").MouseEventHandler<T> | undefined;
-        onMouseOver?: import("react").MouseEventHandler<T> | undefined;
-        onMouseOverCapture?: import("react").MouseEventHandler<T> | undefined;
-        onMouseUp?: import("react").MouseEventHandler<T> | undefined;
-        onMouseUpCapture?: import("react").MouseEventHandler<T> | undefined;
-        onSelect?: import("react").ReactEventHandler<T> | undefined;
-        onSelectCapture?: import("react").ReactEventHandler<T> | undefined;
-        onTouchCancel?: import("react").TouchEventHandler<T> | undefined;
-        onTouchCancelCapture?: import("react").TouchEventHandler<T> | undefined;
-        onTouchEnd?: import("react").TouchEventHandler<T> | undefined;
-        onTouchEndCapture?: import("react").TouchEventHandler<T> | undefined;
-        onTouchMove?: import("react").TouchEventHandler<T> | undefined;
-        onTouchMoveCapture?: import("react").TouchEventHandler<T> | undefined;
-        onTouchStart?: import("react").TouchEventHandler<T> | undefined;
-        onTouchStartCapture?: import("react").TouchEventHandler<T> | undefined;
-        onPointerDown?: import("react").PointerEventHandler<T> | undefined;
-        onPointerDownCapture?: import("react").PointerEventHandler<T> | undefined;
-        onPointerMove?: import("react").PointerEventHandler<T> | undefined;
-        onPointerMoveCapture?: import("react").PointerEventHandler<T> | undefined;
-        onPointerUp?: import("react").PointerEventHandler<T> | undefined;
-        onPointerUpCapture?: import("react").PointerEventHandler<T> | undefined;
-        onPointerCancel?: import("react").PointerEventHandler<T> | undefined;
-        onPointerCancelCapture?: import("react").PointerEventHandler<T> | undefined;
-        onPointerEnter?: import("react").PointerEventHandler<T> | undefined;
-        onPointerLeave?: import("react").PointerEventHandler<T> | undefined;
-        onPointerOver?: import("react").PointerEventHandler<T> | undefined;
-        onPointerOverCapture?: import("react").PointerEventHandler<T> | undefined;
-        onPointerOut?: import("react").PointerEventHandler<T> | undefined;
-        onPointerOutCapture?: import("react").PointerEventHandler<T> | undefined;
-        onGotPointerCapture?: import("react").PointerEventHandler<T> | undefined;
-        onGotPointerCaptureCapture?: import("react").PointerEventHandler<T> | undefined;
-        onLostPointerCapture?: import("react").PointerEventHandler<T> | undefined;
-        onLostPointerCaptureCapture?: import("react").PointerEventHandler<T> | undefined;
-        onScroll?: import("react").UIEventHandler<T> | undefined;
-        onScrollCapture?: import("react").UIEventHandler<T> | undefined;
-        onScrollEnd?: import("react").UIEventHandler<T> | undefined;
-        onScrollEndCapture?: import("react").UIEventHandler<T> | undefined;
-        onWheel?: import("react").WheelEventHandler<T> | undefined;
-        onWheelCapture?: import("react").WheelEventHandler<T> | undefined;
-        onAnimationStart?: import("react").AnimationEventHandler<T> | undefined;
-        onAnimationStartCapture?: import("react").AnimationEventHandler<T> | undefined;
-        onAnimationEnd?: import("react").AnimationEventHandler<T> | undefined;
-        onAnimationEndCapture?: import("react").AnimationEventHandler<T> | undefined;
-        onAnimationIteration?: import("react").AnimationEventHandler<T> | undefined;
-        onAnimationIterationCapture?: import("react").AnimationEventHandler<T> | undefined;
-        onToggle?: import("react").ToggleEventHandler<T> | undefined;
-        onBeforeToggle?: import("react").ToggleEventHandler<T> | undefined;
-        onTransitionCancel?: import("react").TransitionEventHandler<T> | undefined;
-        onTransitionCancelCapture?: import("react").TransitionEventHandler<T> | undefined;
-        onTransitionEnd?: import("react").TransitionEventHandler<T> | undefined;
-        onTransitionEndCapture?: import("react").TransitionEventHandler<T> | undefined;
-        onTransitionRun?: import("react").TransitionEventHandler<T> | undefined;
-        onTransitionRunCapture?: import("react").TransitionEventHandler<T> | undefined;
-        onTransitionStart?: import("react").TransitionEventHandler<T> | undefined;
-        onTransitionStartCapture?: import("react").TransitionEventHandler<T> | undefined;
-    };
-};