@yamada-ui/react 2.2.1-dev-20260430051304 → 2.2.1-dev-20260501154625

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

@@ -3,9 +3,8 @@ import "../../core/index.js";
 import { UseDisclosureProps } from "../../hooks/use-disclosure/use-disclosure.js";
 import { Descendant, DescendantProps } from "../../hooks/use-descendants/index.js";
 import { UseCheckboxProps } from "../checkbox/use-checkbox.js";
-import "../checkbox/index.js";
 import "../../index.js";
-import * as react136 from "react";
+import * as react983 from "react";
 import { ReactNode, RefObject, SetStateAction } from "react";
 
 //#region src/components/tree/use-tree.d.ts
@@ -20,7 +19,7 @@ interface TreeDescendantProps {
   value: string;
   query?: string;
 }
-declare const TreeDescendantsContext: react136.Context<{
+declare const TreeDescendantsContext: react983.Context<{
     active: (target?: HTMLElement | Descendant<HTMLElement, TreeDescendantProps> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<TreeDescendantProps> | undefined) => number;
     destroy: () => void;
@@ -37,7 +36,7 @@ declare const TreeDescendantsContext: react136.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) => react136.RefCallback<HTMLElement>;
+    register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react983.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 +58,12 @@ declare const TreeDescendantsContext: react136.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) => react136.RefCallback<HTMLElement>;
+      register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react983.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: react136.RefCallback<HTMLElement>;
+    register: react983.RefCallback<HTMLElement>;
   }, useTreeDescendants: () => {
     active: (target?: HTMLElement | Descendant<HTMLElement, TreeDescendantProps> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<TreeDescendantProps> | undefined) => number;
@@ -82,15 +81,15 @@ declare const TreeDescendantsContext: react136.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) => react136.RefCallback<HTMLElement>;
+    register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react983.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: react136.Context<TreeContext>, useTreeContext: () => TreeContext;
+declare const TreeContext: react983.Context<TreeContext>, useTreeContext: () => TreeContext;
 interface TreeItemContext extends Pick<UseTreeItemReturn, "branchOpen" | "groupOpen" | "level" | "onGroupClose" | "onGroupOpen" | "onGroupToggle" | "value"> {}
-declare const TreeItemContext: react136.Context<TreeItemContext | undefined>, useTreeItemContext: () => TreeItemContext | undefined;
+declare const TreeItemContext: react983.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 +180,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) => react136.RefCallback<HTMLElement>;
+    register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react983.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 +190,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: react136.Dispatch<SetStateAction<string[]>>;
+  onCheckedChange: react983.Dispatch<SetStateAction<string[]>>;
   onCollapseAll: () => void;
   onExpandAll: () => void;
   onExpandedChange: (value: string) => void;
@@ -242,61 +241,20 @@ declare const useTreeItem: ({
   level: number;
   props: {
     [key: `data-${string}`]: string | undefined;
+    ref?: react983.Ref<HTMLDivElement> | undefined;
     slot?: string | undefined | undefined;
-    style?: react136.CSSProperties | undefined;
+    style?: react983.CSSProperties | undefined;
     title?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
-    id?: string | undefined | undefined;
-    key?: react136.Key | null | undefined;
-    ref?: react136.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;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
     className?: string | undefined | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined | undefined;
-    radioGroup?: string | undefined | undefined;
-    role?: react136.AriaRole | undefined;
-    about?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    rev?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autoCorrect?: string | undefined | undefined;
-    autoSave?: string | undefined | undefined;
-    itemProp?: string | undefined | undefined;
-    itemScope?: boolean | undefined | undefined;
-    itemType?: string | undefined | undefined;
-    itemID?: string | undefined | undefined;
-    itemRef?: string | undefined | undefined;
-    results?: number | undefined | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
-    exportparts?: string | undefined | undefined;
     part?: string | undefined | undefined;
+    role?: react983.AriaRole | undefined;
+    tabIndex?: number | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -353,174 +311,215 @@ declare const useTreeItem: ({
     dangerouslySetInnerHTML?: {
       __html: string | TrustedHTML;
     } | undefined | undefined;
-    onCopy?: react136.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: react136.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: react136.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: react136.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: react136.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: react136.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: react136.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: react136.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: react136.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: react136.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: react136.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: react136.CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: react136.FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: react136.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: react136.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: react136.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react136.ChangeEventHandler<HTMLDivElement, Element> | undefined;
-    onChangeCapture?: react136.ChangeEventHandler<HTMLDivElement, Element> | undefined;
-    onBeforeInput?: react136.InputEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react136.InputEventHandler<HTMLDivElement> | undefined;
-    onInput?: react136.InputEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react136.InputEventHandler<HTMLDivElement> | undefined;
-    onReset?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react136.SubmitEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react136.SubmitEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoad?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: react136.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: react136.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: react136.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: react136.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: react136.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: react136.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: react136.DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: react136.MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: react136.ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: react136.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: react136.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: react136.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: react136.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: react136.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: react136.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: react136.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: react136.TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: react136.PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: react136.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: react136.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: react136.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: react136.UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: react136.WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: react136.WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: react136.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: react136.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: react136.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: react136.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: react136.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: react136.AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: react136.ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: react136.ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: react136.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: react136.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: react136.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: react136.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: react136.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: react136.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: react136.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: react136.TransitionEventHandler<HTMLDivElement> | undefined;
+    onCopy?: react983.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: react983.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: react983.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: react983.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: react983.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: react983.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: react983.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: react983.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: react983.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: react983.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: react983.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: react983.CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: react983.FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: react983.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: react983.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: react983.FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: react983.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChangeCapture?: react983.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onBeforeInput?: react983.InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: react983.InputEventHandler<HTMLDivElement> | undefined;
+    onInput?: react983.InputEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: react983.InputEventHandler<HTMLDivElement> | undefined;
+    onReset?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: react983.SubmitEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: react983.SubmitEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoad?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: react983.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: react983.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: react983.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: react983.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: react983.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: react983.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: react983.DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: react983.MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: react983.ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: react983.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: react983.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: react983.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: react983.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: react983.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: react983.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: react983.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: react983.TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: react983.PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: react983.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: react983.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: react983.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: react983.UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: react983.WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: react983.WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: react983.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: react983.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: react983.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: react983.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: react983.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: react983.AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: react983.ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: react983.ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: react983.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: react983.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: react983.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: react983.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: react983.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: react983.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: react983.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: react983.TransitionEventHandler<HTMLDivElement> | undefined;
+    key?: react983.Key | null | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    radioGroup?: string | undefined | undefined;
+    about?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | 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 react125 from "react";
+import * as react981 from "react";
 
 //#region src/components/visually-hidden/visually-hidden.d.ts
 interface VisuallyHiddenProps extends HTMLStyledProps<"span"> {}
-declare const VisuallyHiddenPropsContext: react125.Context<Partial<VisuallyHiddenProps> | undefined>, useVisuallyHiddenPropsContext: () => Partial<VisuallyHiddenProps> | undefined;
+declare const VisuallyHiddenPropsContext: react981.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.
  *

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

@@ -2,14 +2,13 @@ import { ThemeProps, WithoutThemeProps } from "../../core/system/index.types.js"
 import { Component } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FlexProps } from "../flex/flex.js";
-import "../flex/index.js";
 import { WrapStyle } from "./wrap.style.js";
 import "../../index.js";
-import * as react1097 from "react";
+import * as react982 from "react";
 
 //#region src/components/wrap/wrap.d.ts
 interface WrapProps extends WithoutThemeProps<FlexProps, WrapStyle>, ThemeProps<WrapStyle> {}
-declare const WrapPropsContext: react1097.Context<Partial<WrapProps> | undefined>, useWrapPropsContext: () => Partial<WrapProps> | undefined;
+declare const WrapPropsContext: react982.Context<Partial<WrapProps> | undefined>, useWrapPropsContext: () => Partial<WrapProps> | undefined;
 /**
  * `Wrap` is a component that has `wrap` set on `Flex`. It inherits convenient style shorthand from `Flex`.
  *