@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260508120223

package/dist/types/components/timeline/timeline.style.d.ts

@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import "../../index.js";
 
 //#region src/components/timeline/timeline.style.d.ts
-declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "root" | "description" | "indicator" | "item" | "connector", {
+declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "root" | "description" | "item" | "connector" | "indicator", {
   /**
    * The alignment of the timeline.
    *

package/dist/types/components/toggle/toggle.d.ts

@@ -10,13 +10,13 @@ import "../button/index.js";
 import { ToggleStyle } from "./toggle.style.js";
 import { UseToggleProps } from "./use-toggle.js";
 import "../../index.js";
-import * as react474 from "react";
+import * as react60 from "react";
 import { ReactElement } from "react";
-import * as _yamada_ui_utils19 from "@yamada-ui/utils";
+import * as _yamada_ui_utils3 from "@yamada-ui/utils";
 
 //#region src/components/toggle/toggle.d.ts
 interface ToggleProps<Y extends string = string> extends Omit<WithoutThemeProps<IconButtonProps, ToggleStyle>, "aria-label" | "onChange" | "ref" | "value">, UseToggleProps<Y>, Pick<UseInputBorderProps, "errorBorderColor">, ThemeProps<ToggleStyle> {}
-declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils19.Dict = _yamada_ui_utils19.Dict<any>>(el: H | react474.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root", {
+declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3.Dict = _yamada_ui_utils3.Dict<any>>(el: H | react60.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root", {
     fullRounded: {
       true: {
         root: {
@@ -175,7 +175,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react474.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, TogglePropsContext: react474.Context<Partial<ToggleProps<string>> | undefined>, useTogglePropsContext: () => Partial<ToggleProps<string>> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils19.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root", {
+  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react60.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, TogglePropsContext: react60.Context<Partial<ToggleProps<string>> | undefined>, useTogglePropsContext: () => Partial<ToggleProps<string>> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils3.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root", {
     fullRounded: {
       true: {
         root: {
@@ -334,7 +334,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils19.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "root", {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils3.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "root", {
     fullRounded: {
       true: {
         root: {

package/dist/types/components/toggle/use-toggle-group.d.ts

@@ -1,6 +1,6 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react477 from "react";
+import * as react59 from "react";
 import { RefObject } from "react";
 
 //#region src/components/toggle/use-toggle-group.d.ts
@@ -11,7 +11,7 @@ interface ToggleGroupContext {
   value?: string | string[];
   onChange?: <Y extends string = string>(value: undefined | Y) => void;
 }
-declare const ToggleGroupContext: react477.Context<ToggleGroupContext | undefined>, useToggleGroupContext: () => ToggleGroupContext | undefined;
+declare const ToggleGroupContext: react59.Context<ToggleGroupContext | undefined>, useToggleGroupContext: () => ToggleGroupContext | undefined;
 interface UseToggleGroupProps<Y extends string | string[] = string> extends Omit<HTMLProps, "defaultValue" | "onChange" | "value"> {
   /**
    * The initial value of the toggle button group.

package/dist/types/components/toggle/use-toggle.d.ts

@@ -3,7 +3,7 @@ import { HTMLProps, HTMLRefAttributes, PropGetter } from "../../core/components/
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
 import "../field/index.js";
-import * as react478 from "react";
+import * as react64 from "react";
 
 //#region src/components/toggle/use-toggle.d.ts
 interface UseToggleProps<Y extends string = string> extends FieldProps, HTMLRefAttributes<"input">, Omit<HTMLProps<"button">, "onChange" | "ref" | "value"> {
@@ -34,7 +34,7 @@ interface UseToggleProps<Y extends string = string> extends FieldProps, HTMLRefA
 }
 declare const useToggle: <Y extends string = string>(props?: UseToggleProps<Y>) => {
   checked: boolean;
-  setChecked: react478.Dispatch<react478.SetStateAction<boolean>>;
+  setChecked: react64.Dispatch<react64.SetStateAction<boolean>>;
   getButtonProps: PropGetter<"button", undefined, Merge<HTMLProps<"button">, {
     "aria-label": string;
   }>>;

package/dist/types/components/tooltip/tooltip.d.ts

@@ -7,7 +7,7 @@ import { UsePopupAnimationProps } from "../popover/popover.js";
 import "../popover/index.js";
 import { TooltipStyle } from "./tooltip.style.js";
 import { UseTooltipProps } from "./use-tooltip.js";
-import * as react473 from "react";
+import * as react66 from "react";
 import { FC, PropsWithChildren, ReactNode } from "react";
 
 //#region src/components/tooltip/tooltip.d.ts
@@ -31,7 +31,7 @@ interface TooltipProps extends UseTooltipProps, PropsWithChildren, UsePopupAnima
    */
   portalProps?: Omit<PortalProps, "children">;
 }
-declare const TooltipPropsContext: react473.Context<Partial<TooltipProps> | undefined>, useTooltipPropsContext: () => Partial<TooltipProps> | undefined;
+declare const TooltipPropsContext: react66.Context<Partial<TooltipProps> | undefined>, useTooltipPropsContext: () => Partial<TooltipProps> | undefined;
 /**
  * `Tooltip` is a component that displays short information, such as supplementary details for an element.
  *

package/dist/types/components/tree/tree.d.ts

@@ -12,7 +12,7 @@ import "../collapse/index.js";
 import { TreeStyle } from "./tree.style.js";
 import { UseTreeItemProps, UseTreeProps } from "./use-tree.js";
 import "../../index.js";
-import * as react470 from "react";
+import * as react1150 from "react";
 import { ReactElement, ReactNode } from "react";
 
 //#region src/components/tree/tree.d.ts
@@ -48,7 +48,7 @@ interface TreeRootProps<Multiple extends boolean = false> extends HTMLStyledProp
    */
   itemProps?: Omit<TreeItemProps, "children" | "label" | "open" | "query" | "value">;
 }
-declare const TreePropsContext: react470.Context<Partial<TreeRootProps<false>> | undefined>, useTreePropsContext: () => Partial<TreeRootProps<false>> | undefined;
+declare const TreePropsContext: react1150.Context<Partial<TreeRootProps<false>> | undefined>, useTreePropsContext: () => Partial<TreeRootProps<false>> | undefined;
 /**
  * `Tree` is a component used to display hierarchical data structures in an expandable tree format.
  *

package/dist/types/components/tree/tree.style.d.ts

@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import "../../index.js";
 
 //#region src/components/tree/tree.style.d.ts
-declare const treeStyle: ComponentSlotStyle<"label" | "checkbox" | "group" | "end" | "start" | "element" | "root" | "indicator" | "item", {
+declare const treeStyle: ComponentSlotStyle<"label" | "checkbox" | "group" | "end" | "start" | "element" | "root" | "item" | "indicator", {
   /**
    * The shape of the component
    *

package/dist/types/components/tree/use-tree.d.ts

@@ -5,7 +5,7 @@ import { Descendant, DescendantProps } from "../../hooks/use-descendants/index.j
 import { UseCheckboxProps } from "../checkbox/use-checkbox.js";
 import "../checkbox/index.js";
 import "../../index.js";
-import * as react288 from "react";
+import * as react969 from "react";
 import { ReactNode, RefObject, SetStateAction } from "react";
 
 //#region src/components/tree/use-tree.d.ts
@@ -20,7 +20,7 @@ interface TreeDescendantProps {
   value: string;
   query?: string;
 }
-declare const TreeDescendantsContext: react288.Context<{
+declare const TreeDescendantsContext: react969.Context<{
     active: (target?: HTMLElement | Descendant<HTMLElement, TreeDescendantProps> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<TreeDescendantProps> | undefined) => number;
     destroy: () => void;
@@ -37,7 +37,7 @@ declare const TreeDescendantsContext: react288.Context<{
     lastValue: (props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLElement | Descendant<HTMLElement, TreeDescendantProps> | null, loop?: boolean, props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLElement | Descendant<HTMLElement, TreeDescendantProps> | null, loop?: boolean, props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react288.RefCallback<HTMLElement>;
+    register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react969.RefCallback<HTMLElement>;
     unregister: (node?: HTMLElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLElement | null) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
     values: (props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps>[];
@@ -59,12 +59,12 @@ declare const TreeDescendantsContext: react288.Context<{
       lastValue: (props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
       nextValue: (indexOrNode: number | HTMLElement | Descendant<HTMLElement, TreeDescendantProps> | null, loop?: boolean, props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
       prevValue: (indexOrNode: number | HTMLElement | Descendant<HTMLElement, TreeDescendantProps> | null, loop?: boolean, props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
-      register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react288.RefCallback<HTMLElement>;
+      register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react969.RefCallback<HTMLElement>;
       unregister: (node?: HTMLElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLElement | null) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
       values: (props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps>[];
     };
-    register: react288.RefCallback<HTMLElement>;
+    register: react969.RefCallback<HTMLElement>;
   }, useTreeDescendants: () => {
     active: (target?: HTMLElement | Descendant<HTMLElement, TreeDescendantProps> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<TreeDescendantProps> | undefined) => number;
@@ -82,15 +82,15 @@ declare const TreeDescendantsContext: react288.Context<{
     lastValue: (props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLElement | Descendant<HTMLElement, TreeDescendantProps> | null, loop?: boolean, props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLElement | Descendant<HTMLElement, TreeDescendantProps> | null, loop?: boolean, props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react288.RefCallback<HTMLElement>;
+    register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react969.RefCallback<HTMLElement>;
     unregister: (node?: HTMLElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLElement | null) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
     values: (props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps>[];
   };
 interface TreeContext extends Omit<UseTreeReturn, "descendants" | "getRootProps"> {}
-declare const TreeContext: react288.Context<TreeContext>, useTreeContext: () => TreeContext;
+declare const TreeContext: react969.Context<TreeContext>, useTreeContext: () => TreeContext;
 interface TreeItemContext extends Pick<UseTreeItemReturn, "branchOpen" | "groupOpen" | "level" | "onGroupClose" | "onGroupOpen" | "onGroupToggle" | "value"> {}
-declare const TreeItemContext: react288.Context<TreeItemContext | undefined>, useTreeItemContext: () => TreeItemContext | undefined;
+declare const TreeItemContext: react969.Context<TreeItemContext | undefined>, useTreeItemContext: () => TreeItemContext | undefined;
 interface UseTreeProps<Multiple extends boolean = false> extends HTMLProps<"ul"> {
   /**
    * If `true`, the tree will allow checkable items.
@@ -181,7 +181,7 @@ declare const useTree: <Multiple extends boolean = false>({
     lastValue: (props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLElement | Descendant<HTMLElement, TreeDescendantProps> | null, loop?: boolean, props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLElement | Descendant<HTMLElement, TreeDescendantProps> | null, loop?: boolean, props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react288.RefCallback<HTMLElement>;
+    register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react969.RefCallback<HTMLElement>;
     unregister: (node?: HTMLElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLElement | null) => Descendant<HTMLElement, TreeDescendantProps> | undefined;
     values: (props?: Partial<TreeDescendantProps> | undefined) => Descendant<HTMLElement, TreeDescendantProps>[];
@@ -191,7 +191,7 @@ declare const useTree: <Multiple extends boolean = false>({
   selectedValue: Multiple extends true ? string[] : string;
   getRootProps: PropGetter<"ul", undefined, undefined>;
   onActiveDescendant: (descendant?: Descendant<HTMLElement, TreeDescendantProps>, shouldFocus?: boolean) => void;
-  onCheckedChange: react288.Dispatch<SetStateAction<string[]>>;
+  onCheckedChange: react969.Dispatch<SetStateAction<string[]>>;
   onCollapseAll: () => void;
   onExpandAll: () => void;
   onExpandedChange: (value: string) => void;
@@ -243,14 +243,13 @@ declare const useTreeItem: ({
   props: {
     [key: `data-${string}`]: string | undefined;
     slot?: string | undefined | undefined;
-    style?: react288.CSSProperties | undefined;
+    style?: react969.CSSProperties | undefined;
     title?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
-    key?: react288.Key | null | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    ref?: react288.Ref<HTMLDivElement> | undefined;
+    ref?: react969.Ref<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
     accessKey?: string | undefined | undefined;
@@ -268,7 +267,7 @@ declare const useTreeItem: ({
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined | undefined;
     radioGroup?: string | undefined | undefined;
-    role?: react288.AriaRole | undefined;
+    role?: react969.AriaRole | undefined;
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
@@ -353,174 +352,175 @@ declare const useTreeItem: ({
     dangerouslySetInnerHTML?: {
       __html: string | TrustedHTML;
     } | undefined | undefined;
-    onCopy?: react288.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: react288.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: react288.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: react288.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: react288.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: react288.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: react288.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: react288.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: react288.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: react288.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: react288.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: react288.CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: react288.FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: react288.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: react288.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: react288.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react288.ChangeEventHandler<HTMLDivElement, Element> | undefined;
-    onChangeCapture?: react288.ChangeEventHandler<HTMLDivElement, Element> | undefined;
-    onBeforeInput?: react288.InputEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react288.InputEventHandler<HTMLDivElement> | undefined;
-    onInput?: react288.InputEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react288.InputEventHandler<HTMLDivElement> | undefined;
-    onReset?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react288.SubmitEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react288.SubmitEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoad?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: react288.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: react288.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: react288.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: react288.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: react288.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: react288.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: react288.DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: react288.MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: react288.ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: react288.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: react288.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: react288.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: react288.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: react288.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: react288.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: react288.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: react288.TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: react288.PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: react288.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: react288.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: react288.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: react288.UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: react288.WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: react288.WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: react288.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: react288.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: react288.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: react288.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: react288.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: react288.AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: react288.ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: react288.ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: react288.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: react288.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: react288.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: react288.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: react288.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: react288.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: react288.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: react288.TransitionEventHandler<HTMLDivElement> | undefined;
+    onCopy?: react969.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: react969.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: react969.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: react969.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: react969.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: react969.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: react969.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: react969.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: react969.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: react969.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: react969.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: react969.CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: react969.FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: react969.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: react969.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: react969.FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: react969.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChangeCapture?: react969.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onBeforeInput?: react969.InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: react969.InputEventHandler<HTMLDivElement> | undefined;
+    onInput?: react969.InputEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: react969.InputEventHandler<HTMLDivElement> | undefined;
+    onReset?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: react969.SubmitEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: react969.SubmitEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoad?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: react969.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: react969.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: react969.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: react969.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: react969.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: react969.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: react969.DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: react969.MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: react969.ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: react969.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: react969.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: react969.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: react969.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: react969.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: react969.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: react969.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: react969.TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: react969.PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: react969.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: react969.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: react969.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: react969.UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: react969.WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: react969.WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: react969.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: react969.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: react969.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: react969.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: react969.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: react969.AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: react969.ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: react969.ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: react969.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: react969.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: react969.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: react969.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: react969.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: react969.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: react969.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: react969.TransitionEventHandler<HTMLDivElement> | undefined;
+    key?: react969.Key | null | undefined;
   };
   selected: boolean;
   value: string;

package/dist/types/components/visually-hidden/visually-hidden.d.ts

@@ -1,11 +1,11 @@
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import "../../index.js";
-import * as react471 from "react";
+import * as react968 from "react";
 
 //#region src/components/visually-hidden/visually-hidden.d.ts
 interface VisuallyHiddenProps extends HTMLStyledProps<"span"> {}
-declare const VisuallyHiddenPropsContext: react471.Context<Partial<VisuallyHiddenProps> | undefined>, useVisuallyHiddenPropsContext: () => Partial<VisuallyHiddenProps> | undefined;
+declare const VisuallyHiddenPropsContext: react968.Context<Partial<VisuallyHiddenProps> | undefined>, useVisuallyHiddenPropsContext: () => Partial<VisuallyHiddenProps> | undefined;
 /**
  * `VisuallyHidden` is a common technique used in web accessibility to hide content from the visual client, but keep it readable for screen readers.
  *