@salt-ds/lab 1.0.0-alpha.0

package/dist-types/color-chooser/colorMap.d.ts

@@ -0,0 +1,108 @@
+export declare const saltlight: {
+    saltred10: string;
+    saltred20: string;
+    saltred30: string;
+    saltred40: string;
+    saltred50: string;
+    saltred100: string;
+    saltred200: string;
+    saltred300: string;
+    saltred400: string;
+    saltred500: string;
+    saltred600: string;
+    saltred700: string;
+    saltred800: string;
+    saltred900: string;
+    saltorange10: string;
+    saltorange20: string;
+    saltorange30: string;
+    saltorange40: string;
+    saltorange50: string;
+    saltorange100: string;
+    saltorange200: string;
+    saltorange300: string;
+    saltorange400: string;
+    saltorange500: string;
+    saltorange600: string;
+    saltorange700: string;
+    saltorange800: string;
+    saltorange900: string;
+    saltgreen10: string;
+    saltgreen20: string;
+    saltgreen30: string;
+    saltgreen40: string;
+    saltgreen50: string;
+    saltgreen100: string;
+    saltgreen200: string;
+    saltgreen300: string;
+    saltgreen400: string;
+    saltgreen500: string;
+    saltgreen600: string;
+    saltgreen700: string;
+    saltgreen800: string;
+    saltgreen900: string;
+    saltteal10: string;
+    saltteal20: string;
+    saltteal30: string;
+    saltteal40: string;
+    saltteal50: string;
+    saltteal100: string;
+    saltteal200: string;
+    saltteal300: string;
+    saltteal400: string;
+    saltteal500: string;
+    saltteal600: string;
+    saltteal700: string;
+    saltteal800: string;
+    saltteal900: string;
+    saltblue10: string;
+    saltblue20: string;
+    saltblue30: string;
+    saltblue40: string;
+    saltblue50: string;
+    saltblue100: string;
+    saltblue200: string;
+    saltblue300: string;
+    saltblue400: string;
+    saltblue500: string;
+    saltblue600: string;
+    saltblue700: string;
+    saltblue800: string;
+    saltblue900: string;
+    saltblue1000: string;
+    saltpurple10: string;
+    saltpurple20: string;
+    saltpurple30: string;
+    saltpurple40: string;
+    saltpurple50: string;
+    saltpurple100: string;
+    saltpurple200: string;
+    saltpurple300: string;
+    saltpurple400: string;
+    saltpurple500: string;
+    saltpurple600: string;
+    saltpurple700: string;
+    saltpurple800: string;
+    saltpurple900: string;
+    saltgray10: string;
+    saltgray20: string;
+    saltgray30: string;
+    saltgray40: string;
+    saltgray50: string;
+    saltgray60: string;
+    saltgray70: string;
+    saltgray80: string;
+    saltgray90: string;
+    saltgray100: string;
+    saltgray200: string;
+    saltgray300: string;
+    saltgray400: string;
+    saltgray500: string;
+    saltgray600: string;
+    saltgray700: string;
+    saltgray800: string;
+    saltgray900: string;
+    saltwhite: string;
+    saltblack: string;
+};
+export declare const saltColorMap: Record<string, string>;

package/dist-types/color-chooser/createTabsMapping.d.ts

@@ -0,0 +1,17 @@
+import { ChangeEvent } from "react";
+import { Color } from "./Color";
+import { DictTabsProps } from "./DictTabs";
+interface TabsMappingProps {
+    swatches: boolean;
+    colorPicker: boolean;
+    disableAlphaChooser: boolean;
+    allColors: string[][];
+    color: Color | undefined;
+    alpha: number;
+    handleColorChange: (color: Color | undefined, finalSelection: boolean, e?: ChangeEvent) => void;
+    displayColorName: string | undefined;
+    placeholder: string | undefined;
+    onDialogClosed: () => void;
+}
+export declare const createTabsMapping: ({ swatches, colorPicker, disableAlphaChooser, allColors, color, alpha, handleColorChange, displayColorName, placeholder, onDialogClosed, }: TabsMappingProps) => DictTabsProps["tabs"];
+export {};

package/dist-types/color-chooser/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./ColorChooser";
+export * from "./Color";
+export * from "./ColorPicker";
+export * from "./GetColorPalettes";
+export * from "./ColorHelpers";
+export * from "./SwatchesPicker";
+export * from "./Swatch";
+export * from "./colorMap";

package/dist-types/combo-box/ComboBox.d.ts

@@ -0,0 +1,17 @@
+import { ForwardedRef, ReactElement } from "react";
+import { DropdownBaseProps } from "../dropdown";
+import { ListProps } from "../list";
+import { InputProps } from "../input";
+import { SelectionProps, SelectionStrategy } from "../common-hooks";
+export interface ComboBoxProps<Item = string, Selection extends SelectionStrategy = "default"> extends Omit<DropdownBaseProps, "triggerComponent" | "onBlur" | "onChange" | "onFocus">, Pick<InputProps, "onBlur" | "onChange" | "onFocus" | "onSelect">, Pick<ListProps<Item, Selection>, "ListItem" | "itemToString" | "source" | "width">, Pick<SelectionProps<Item, Selection>, "onSelectionChange" | "selectionStrategy"> {
+    InputProps?: InputProps;
+    ListProps?: Omit<ListProps<Item, Selection>, "ListItem" | "itemToString" | "source">;
+    allowFreeText?: boolean;
+    defaultValue?: string;
+    getFilterRegex?: (inputValue: string) => RegExp;
+    stringToItem?: (value?: string) => Item | null | undefined;
+    value?: string;
+}
+export declare const ComboBox: <Item, Selection_1 extends SelectionStrategy = "default">(props: ComboBoxProps<Item, Selection_1> & {
+    ref?: ForwardedRef<HTMLDivElement> | undefined;
+}) => ReactElement<ComboBoxProps<Item, Selection_1>, string | import("react").JSXElementConstructor<any>>;

package/dist-types/combo-box/index.d.ts

@@ -0,0 +1 @@
+export * from "./ComboBox";

package/dist-types/combo-box/useCombobox.d.ts

@@ -0,0 +1,19 @@
+import { ListHookProps, ListHookResult } from "../list";
+import { DropdownHookResult, DropdownHookProps } from "../dropdown";
+import { SelectionStrategy } from "../common-hooks";
+import { InputProps } from "../input";
+export interface ComboboxHookProps<Item, Strategy extends SelectionStrategy> extends Partial<Omit<DropdownHookProps, "id" | "onKeyDown">>, Pick<InputProps, "onBlur" | "onChange" | "onFocus" | "onSelect">, Omit<ListHookProps<Item, Strategy>, "containerRef" | "defaultSelected" | "selected" | "onSelect"> {
+    InputProps?: InputProps;
+    allowFreeText?: boolean;
+    ariaLabel?: string;
+    defaultValue?: string;
+    id: string;
+    itemToString?: (item: Item) => string;
+    stringToItem?: (value?: string) => Item | null | undefined;
+    value?: string;
+}
+export interface ComboboxHookResult<Item, Selection extends SelectionStrategy> extends Pick<ListHookResult<Item, Selection>, "focusVisible" | "highlightedIndex" | "listControlProps" | "listHandlers" | "selected">, Partial<DropdownHookResult> {
+    inputProps: InputProps;
+    onOpenChange: (isOpen: boolean) => void;
+}
+export declare const useCombobox: <Item, Selection_1 extends SelectionStrategy = "default">({ allowFreeText, ariaLabel, collectionHook, defaultIsOpen, defaultValue, disabled, onBlur, onFocus, onChange, onSelect, id, isOpen: isOpenProp, itemToString, onOpenChange, onSelectionChange, selectionStrategy, stringToItem, value: valueProp, InputProps: inputProps, }: ComboboxHookProps<Item, Selection_1>) => ComboboxHookResult<Item, Selection_1>;

package/dist-types/combo-box-deprecated/ComboBoxDeprecated.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from "react";
+import { DefaultComboBoxProps } from "./internal/DefaultComboBox";
+import { MultiSelectComboBoxProps } from "./internal/MultiSelectComboBox";
+import "./ComboBox.css";
+export declare type ComboBoxDeprecatedProps = Omit<DefaultComboBoxProps<any> | MultiSelectComboBoxProps<any>, "rootRef"> & {
+    rootRef?: Ref<HTMLElement>;
+    delimiter?: string | string[];
+};
+export declare const ComboBoxDeprecated: import("react").ForwardRefExoticComponent<Omit<DefaultComboBoxProps<any> | MultiSelectComboBoxProps<any>, "rootRef"> & {
+    rootRef?: Ref<HTMLElement> | undefined;
+    delimiter?: string | string[] | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/combo-box-deprecated/filterHelpers.d.ts

@@ -0,0 +1,3 @@
+export declare type GetFilterRegex = (inputValue: string) => RegExp;
+export declare const getDefaultFilterRegex: GetFilterRegex;
+export declare const getDefaultFilter: (inputValue?: string, getFilterRegex?: GetFilterRegex) => (itemValue?: string) => boolean;

package/dist-types/combo-box-deprecated/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ComboBoxDeprecated";
+export * from "./filterHelpers";

package/dist-types/combo-box-deprecated/internal/DefaultComboBox.d.ts

@@ -0,0 +1,35 @@
+import { ComponentType, HTMLAttributes, ReactNode, Ref, RefObject } from "react";
+import { IndexedListItemProps, ListProps, ListSelectionVariant } from "../../list-deprecated";
+import { GetFilterRegex } from "../filterHelpers";
+import { WindowProps } from "../../window";
+import { TooltipContextProps } from "../../tooltip";
+import { InputProps } from "../../input";
+export declare type BaseComboBoxProps<Item, Variant extends ListSelectionVariant = "default"> = Omit<HTMLAttributes<HTMLDivElement>, "children" | "onChange" | "onSelect" | "onFocus" | "onBlur" | "onClick"> & Pick<ListProps<Item, Variant>, "displayedItemCount" | "itemToString" | "listRef" | "onChange" | "onSelect" | "overscanCount" | "tooltipEnterDelay" | "tooltipLeaveDelay" | "tooltipPlacement" | "virtualized" | "width"> & {
+    ListItem?: ComponentType<IndexedListItemProps<Item>>;
+    ListProps?: Partial<ListProps<Item, Variant>>;
+    Tooltip?: TooltipContextProps["Tooltip"];
+    WindowProps?: Partial<WindowProps>;
+    allowFreeText?: boolean;
+    disabled?: boolean;
+    getFilterRegex?: GetFilterRegex;
+    initialOpen?: boolean;
+    inputRef?: Ref<HTMLInputElement>;
+    inputValue?: string;
+    listWidth?: number | string;
+    rootWidth?: string | number;
+    rootRef: RefObject<HTMLElement>;
+    disabledPortal?: boolean;
+    source: ReadonlyArray<Item>;
+};
+export interface DefaultComboBoxProps<Item> extends BaseComboBoxProps<Item>, Pick<InputProps, "onFocus" | "onBlur"> {
+    InputProps?: InputProps;
+    initialSelectedItem?: Item;
+    selectedItem?: Item;
+    multiSelect?: false;
+    onInputFocus?: InputProps["onFocus"];
+    onInputBlur?: InputProps["onBlur"];
+    onInputChange?: InputProps["onChange"];
+    onInputSelect?: InputProps["onSelect"];
+    stringToItem?: (value?: string) => Item | null | undefined;
+}
+export declare const DefaultComboBox: <Item>(props: DefaultComboBoxProps<Item>) => ReactNode;

package/dist-types/combo-box-deprecated/internal/MultiSelectComboBox.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TokenizedInputProps } from "../../tokenized-input";
+import { BaseComboBoxProps } from "./DefaultComboBox";
+export declare type MultiSelectComboBoxProps<Item> = BaseComboBoxProps<Item, "multiple"> & Pick<TokenizedInputProps<Item>, "onFocus" | "onBlur" | "onInputFocus" | "onInputBlur" | "onInputChange" | "onInputSelect" | "stringToItem"> & {
+    InputProps?: Partial<TokenizedInputProps<Item>>;
+    initialSelectedItem?: Item[];
+    selectedItem?: Item[];
+    multiSelect: true;
+    delimiter?: string | string[];
+};
+export declare function MultiSelectComboBox<Item>(props: MultiSelectComboBoxProps<Item>): JSX.Element;

package/dist-types/combo-box-deprecated/internal/getAnnouncement.d.ts

@@ -0,0 +1 @@
+export declare function getAnnouncement(itemCount: number | undefined, firstItem: string | null): string;

package/dist-types/combo-box-deprecated/internal/useComboBox.d.ts

@@ -0,0 +1,309 @@
+import { MouseEvent } from "react";
+import { DefaultComboBoxProps } from "./DefaultComboBox";
+import { InputProps } from "../../input";
+export declare type UseComboBoxProps<Item> = Omit<DefaultComboBoxProps<Item>, "ListItem" | "Tooltip" | "tooltipEnterDelay" | "tooltipLeaveDelay" | "tooltipPlacement" | "rootRef" | "listRef" | "inputRef" | "rootWidth" | "listWidth">;
+export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
+    inputRef: import("react").Ref<any>;
+    listContext: {
+        state: import("../../list-deprecated").ListState<Item, "default">;
+        helpers: import("../../list-deprecated").ListHelpers<Item, "default">;
+    };
+    inputProps: Partial<InputProps> & {
+        allowAnnouncement: boolean;
+    };
+    listProps: {
+        source: readonly Item[];
+        itemToString: (item: Item) => string;
+        itemTextHighlightPattern: RegExp | undefined;
+        onClick: (event: MouseEvent) => void;
+        isListOpen: boolean;
+        Tooltip?: import("react").ComponentType<import("../..").TooltipProps> | undefined;
+        disableTypeToSelect?: boolean | undefined;
+        getItemIndex?: ((item: Item) => number) | undefined;
+        highlightedIndex?: number | undefined;
+        initialSelectedItem?: Item | undefined;
+        onChange?: import("../../list-deprecated").ListChangeHandler<Item, "default"> | undefined;
+        onSelect?: import("../../list-deprecated").ListSelectHandler<Item> | undefined;
+        selectedItem?: Item | undefined;
+        selectionVariant?: "default" | undefined;
+        tabToSelect?: boolean | undefined;
+        tooltipEnterDelay?: number | undefined;
+        tooltipLeaveDelay?: number | undefined;
+        tooltipPlacement?: import("@floating-ui/core").Placement | undefined;
+        ListItem?: any;
+        ListPlaceholder?: any;
+        borderless?: boolean | undefined;
+        disableFocus?: boolean | undefined;
+        disableMouseDown?: boolean | undefined;
+        disabled?: boolean | undefined;
+        displayedItemCount?: number | undefined;
+        getItemAtIndex?: ((index: number) => Item) | undefined;
+        getItemHeight?: ((index?: number | undefined) => number) | undefined;
+        getItemId?: ((index: number) => string) | undefined;
+        height?: string | number | undefined;
+        itemCount?: number | undefined;
+        itemGapSize?: number | undefined;
+        itemHeight?: string | number | undefined;
+        listRef?: import("react").Ref<HTMLElement> | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        overscanCount?: number | undefined;
+        restoreLastFocus?: boolean | undefined;
+        virtualized?: boolean | undefined;
+        width?: string | number | undefined;
+        children?: import("react").ReactNode;
+        slot?: string | undefined;
+        style?: import("react").CSSProperties | undefined;
+        title?: string | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        dir?: string | undefined;
+        accessKey?: string | undefined;
+        id?: string | undefined;
+        className?: string | undefined;
+        color?: string | undefined;
+        lang?: string | undefined;
+        role: (import("react").AriaRole | undefined) & string;
+        tabIndex?: number | undefined;
+        'aria-atomic'?: (boolean | "true" | "false") | undefined;
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+        'aria-busy'?: (boolean | "true" | "false") | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+        'aria-colcount'?: number | undefined;
+        'aria-colindex'?: number | undefined;
+        'aria-colspan'?: number | undefined;
+        'aria-controls'?: string | undefined;
+        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+        'aria-describedby'?: string | undefined;
+        'aria-details'?: string | undefined;
+        'aria-disabled'?: (boolean | "true" | "false") | undefined;
+        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "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 | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+        'aria-hidden'?: (boolean | "true" | "false") | undefined;
+        'aria-invalid'?: boolean | "true" | "false" | "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 | "true" | "false" | "mixed" | undefined;
+        'aria-readonly'?: (boolean | "true" | "false") | undefined;
+        'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals 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-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;
+        dangerouslySetInnerHTML?: {
+            __html: string;
+        } | undefined;
+        onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+        onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+        onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+        onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+        onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contextMenu?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        hidden?: boolean | undefined;
+        placeholder?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        translate?: "yes" | "no" | undefined;
+        radioGroup?: string | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        resource?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: 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;
+        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        is?: string | undefined;
+    };
+};