@yamada-ui/react 2.2.1-dev-20260413015504 → 2.2.1-dev-20260421145002

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 react41 from "react";
+import * as react924 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: react41.Context<{
+declare const TreeDescendantsContext: react924.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: react41.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) => react41.RefCallback<HTMLElement>;
+    register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react924.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: react41.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) => react41.RefCallback<HTMLElement>;
+      register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react924.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: react41.RefCallback<HTMLElement>;
+    register: react924.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: react41.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) => react41.RefCallback<HTMLElement>;
+    register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react924.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: react41.Context<TreeContext>, useTreeContext: () => TreeContext;
+declare const TreeContext: react924.Context<TreeContext>, useTreeContext: () => TreeContext;
 interface TreeItemContext extends Pick<UseTreeItemReturn, "branchOpen" | "groupOpen" | "level" | "onGroupClose" | "onGroupOpen" | "onGroupToggle" | "value"> {}
-declare const TreeItemContext: react41.Context<TreeItemContext | undefined>, useTreeItemContext: () => TreeItemContext | undefined;
+declare const TreeItemContext: react924.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) => react41.RefCallback<HTMLElement>;
+    register: (props?: DescendantProps<HTMLElement, TreeDescendantProps> | undefined) => react924.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: react41.Dispatch<SetStateAction<string[]>>;
+  onCheckedChange: react924.Dispatch<SetStateAction<string[]>>;
   onCollapseAll: () => void;
   onExpandAll: () => void;
   onExpandedChange: (value: string) => void;
@@ -243,11 +243,11 @@ declare const useTreeItem: ({
   props: {
     [key: `data-${string}`]: string | undefined;
     slot?: string | undefined | undefined;
-    style?: react41.CSSProperties | undefined;
+    style?: react924.CSSProperties | undefined;
     title?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
-    ref?: react41.Ref<HTMLDivElement> | undefined;
+    ref?: react924.Ref<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -267,7 +267,7 @@ declare const useTreeItem: ({
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined | undefined;
     radioGroup?: string | undefined | undefined;
-    role?: react41.AriaRole | undefined;
+    role?: react924.AriaRole | undefined;
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
@@ -352,175 +352,175 @@ declare const useTreeItem: ({
     dangerouslySetInnerHTML?: {
       __html: string | TrustedHTML;
     } | undefined | undefined;
-    onCopy?: react41.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: react41.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: react41.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: react41.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: react41.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: react41.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: react41.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: react41.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: react41.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: react41.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: react41.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: react41.CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: react41.FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: react41.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: react41.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: react41.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: react41.ChangeEventHandler<HTMLDivElement, Element> | undefined;
-    onChangeCapture?: react41.ChangeEventHandler<HTMLDivElement, Element> | undefined;
-    onBeforeInput?: react41.InputEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: react41.InputEventHandler<HTMLDivElement> | undefined;
-    onInput?: react41.InputEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: react41.InputEventHandler<HTMLDivElement> | undefined;
-    onReset?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: react41.SubmitEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: react41.SubmitEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoad?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: react41.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: react41.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: react41.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: react41.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: react41.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: react41.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: react41.DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: react41.MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: react41.ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: react41.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: react41.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: react41.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: react41.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: react41.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: react41.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: react41.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: react41.TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: react41.PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: react41.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: react41.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: react41.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: react41.UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: react41.WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: react41.WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: react41.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: react41.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: react41.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: react41.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: react41.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: react41.AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: react41.ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: react41.ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: react41.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: react41.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: react41.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: react41.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: react41.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: react41.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: react41.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: react41.TransitionEventHandler<HTMLDivElement> | undefined;
-    key?: react41.Key | null | undefined;
+    onCopy?: react924.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: react924.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: react924.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: react924.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: react924.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: react924.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: react924.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: react924.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: react924.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: react924.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: react924.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: react924.CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: react924.FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: react924.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: react924.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: react924.FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: react924.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChangeCapture?: react924.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onBeforeInput?: react924.InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: react924.InputEventHandler<HTMLDivElement> | undefined;
+    onInput?: react924.InputEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: react924.InputEventHandler<HTMLDivElement> | undefined;
+    onReset?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: react924.SubmitEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: react924.SubmitEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoad?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: react924.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: react924.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: react924.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: react924.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: react924.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: react924.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: react924.DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: react924.MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: react924.ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: react924.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: react924.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: react924.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: react924.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: react924.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: react924.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: react924.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: react924.TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: react924.PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: react924.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: react924.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: react924.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: react924.UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: react924.WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: react924.WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: react924.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: react924.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: react924.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: react924.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: react924.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: react924.AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: react924.ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: react924.ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: react924.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: react924.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: react924.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: react924.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: react924.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: react924.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: react924.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: react924.TransitionEventHandler<HTMLDivElement> | undefined;
+    key?: react924.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 react223 from "react";
+import * as react923 from "react";
 
 //#region src/components/visually-hidden/visually-hidden.d.ts
 interface VisuallyHiddenProps extends HTMLStyledProps<"span"> {}
-declare const VisuallyHiddenPropsContext: react223.Context<Partial<VisuallyHiddenProps> | undefined>, useVisuallyHiddenPropsContext: () => Partial<VisuallyHiddenProps> | undefined;
+declare const VisuallyHiddenPropsContext: react923.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

@@ -5,11 +5,11 @@ import { FlexProps } from "../flex/flex.js";
 import "../flex/index.js";
 import { WrapStyle } from "./wrap.style.js";
 import "../../index.js";
-import * as react1238 from "react";
+import * as react792 from "react";
 
 //#region src/components/wrap/wrap.d.ts
 interface WrapProps extends WithoutThemeProps<FlexProps, WrapStyle>, ThemeProps<WrapStyle> {}
-declare const WrapPropsContext: react1238.Context<Partial<WrapProps> | undefined>, useWrapPropsContext: () => Partial<WrapProps> | undefined;
+declare const WrapPropsContext: react792.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`.
  *

package/dist/types/core/components/create-component.d.ts

@@ -3,7 +3,7 @@ import { ComponentSlotStyle, ComponentStyle, System, WithoutThemeProps } from ".
 import { StyledOptions } from "../system/styled.js";
 import { CSSObject, CSSSlotObject } from "../css/index.types.js";
 import { As, Component as Component$1, HTMLStyledProps } from "./index.types.js";
-import * as react27 from "react";
+import * as react54 from "react";
 import { FC, FunctionComponent } from "react";
 
 //#region src/core/components/create-component.d.ts
@@ -34,8 +34,8 @@ declare function createComponent<Y extends object = {}, M extends ComponentStyle
     className,
     ...options
   }?: ComponentOptions) => (initialProps?: InitialProps<H>, ...superProps: SuperProps<H>[]) => Component<D_1, H>;
-  ComponentContext: react27.Context<D>;
-  PropsContext: react27.Context<Partial<Y> | undefined>;
+  ComponentContext: react54.Context<D>;
+  PropsContext: react54.Context<Partial<Y> | undefined>;
   useComponentContext: () => D;
   usePropsContext: () => Partial<Y> | undefined;
   withContext: <D_1 extends AsWithFragment = "div", H extends Y = Y, R extends keyof H = keyof H>(el: D_1 | FC<WithoutThemeProps<H, M, R>>, {
@@ -57,16 +57,16 @@ declare function createSlotComponent<Y extends object = {}, M extends ComponentS
     className,
     ...options
   }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => Component<H, R>;
-  ComponentContext: react27.Context<D>;
-  PropsContext: react27.Context<Partial<Y> | undefined>;
-  StyleContext: react27.Context<CSSSlotObject<ComponentSlotName<M>>>;
+  ComponentContext: react54.Context<D>;
+  PropsContext: react54.Context<Partial<Y> | undefined>;
+  StyleContext: react54.Context<CSSSlotObject<ComponentSlotName<M>>>;
   useClassNames: () => {
     [key: string]: string;
   };
   useComponentContext: () => D;
   usePropsContext: () => Partial<Y> | undefined;
   useStyleContext: () => CSSSlotObject<ComponentSlotName<M>>;
-  withContext: <H extends AsWithFragment = "div", R extends Dict = (H extends keyof react27.JSX.IntrinsicElements ? HTMLStyledProps<H> : Dict<any>)>(el: FC<R> | H, slot?: ComponentSlot<ComponentSlotName<M>>, {
+  withContext: <H extends AsWithFragment = "div", R extends Dict = (H extends keyof react54.JSX.IntrinsicElements ? HTMLStyledProps<H> : Dict<any>)>(el: FC<R> | H, slot?: ComponentSlot<ComponentSlotName<M>>, {
     name,
     className,
     withContext,

package/dist/types/core/css/index.d.ts

@@ -1,7 +1,7 @@
 import { AnySelector, AttributeProperty, AttributeProps, Attributes, ConditionProperty, ConditionProps, ConditionSelector, Conditions, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, attributeProperties, attributeSelectors, attributes, conditionProperties, conditionSelectors, conditions, getCondition, groupAttributeProperties, groupAttributeSelectors, groupAttributes, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements } from "./conditions.js";
 import { display } from "./display.js";
 import { AnimationProperty, AspectRatioProperty, AtRuleStyleProperty, BlurProperty, BorderProperty, ColorProperty, DurationProperty, EasingProperty, FontProperty, GradientProperty, KeyframeProperty, PseudoStyleProperty, RadiusProperty, ShadowProperty, ShorthandStyleProperty, SizeProperty, SpaceProperty, StandardStyleProperty, StyleProperty, StyleProps, StyledStyleProperty, Styles, VariableLengthProperty, ZIndexProperty, animationProperties, aspectRatioProperties, atRuleStyles, blurProperties, borderProperties, colorProperties, durationProperties, easingProperties, fontProperties, gradientProperties, keyframeProperties, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, variableLengthProperties, zIndexProperties } from "./styles.js";
-import { CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ConditionObject, ExtractStyleValue, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token } from "./index.types.js";
+import { CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, CSSVariableProps, ColorModeArray, ColorModeValue, ConditionObject, ExtractStyleValue, ExtractStyleValueWithCondition, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token } from "./index.types.js";
 import { colorMix } from "./color-mix.js";
 import { focusRingStyle } from "./focus-ring.js";
 import { gradient } from "./gradient.js";
@@ -12,4 +12,4 @@ import { css, getStyle, transformConditionalValue } from "./css.js";
 import { mergeCSS } from "./merge-css.js";
 import { getCSS, useCSS } from "./use-css.js";
 import { useInjectVarsIntoCss, useInjectVarsIntoProps } from "./use-inject-vars.js";
-export { AnimationProperty, AnySelector, AspectRatioProperty, AtRuleStyleProperty, AttributeProperty, AttributeProps, Attributes, BlurProperty, BorderProperty, CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ColorProperty, ConditionObject, ConditionProperty, ConditionProps, ConditionSelector, Conditions, DurationProperty, EasingProperty, ExtractStyleValue, FontProperty, FunctionCSSInterpolation, GradientProperty, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, KeyframeProperty, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, PseudoStyleProperty, RadiusProperty, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, ShadowProperty, ShorthandStyleProperty, SizeProperty, SpaceProperty, StandardStyleProperty, StyleConfig, StyleConfigs, StyleImportantValue, StyleProperty, StyleProps, StyleValue, StyleValueWithCondition, StyledStyleProperty, Styles, Token, Transforms, VariableLengthProperty, ZIndexProperty, animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, colorMix, colorProperties, conditionProperties, conditionSelectors, conditions, css, display, durationProperties, easingProperties, focusRingStyle, fontProperties, getCSS, getCSSFunction, getCondition, getStyle, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, isCSSFunction, isCSSToken, isCSSVar, keyframeProperties, keyframes, mergeCSS, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, tokenToValue, tokenToVar, transformConditionalValue, transforms, useCSS, useInjectVarsIntoCss, useInjectVarsIntoProps, varToValue, variableLengthProperties, zIndexProperties };
+export { AnimationProperty, AnySelector, AspectRatioProperty, AtRuleStyleProperty, AttributeProperty, AttributeProps, Attributes, BlurProperty, BorderProperty, CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, CSSVariableProps, ColorModeArray, ColorModeValue, ColorProperty, ConditionObject, ConditionProperty, ConditionProps, ConditionSelector, Conditions, DurationProperty, EasingProperty, ExtractStyleValue, ExtractStyleValueWithCondition, FontProperty, FunctionCSSInterpolation, GradientProperty, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, KeyframeProperty, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, PseudoStyleProperty, RadiusProperty, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, ShadowProperty, ShorthandStyleProperty, SizeProperty, SpaceProperty, StandardStyleProperty, StyleConfig, StyleConfigs, StyleImportantValue, StyleProperty, StyleProps, StyleValue, StyleValueWithCondition, StyledStyleProperty, Styles, Token, Transforms, VariableLengthProperty, ZIndexProperty, animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, colorMix, colorProperties, conditionProperties, conditionSelectors, conditions, css, display, durationProperties, easingProperties, focusRingStyle, fontProperties, getCSS, getCSSFunction, getCondition, getStyle, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, isCSSFunction, isCSSToken, isCSSVar, keyframeProperties, keyframes, mergeCSS, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, tokenToValue, tokenToVar, transformConditionalValue, transforms, useCSS, useInjectVarsIntoCss, useInjectVarsIntoProps, varToValue, variableLengthProperties, zIndexProperties };

package/dist/types/core/css/index.types.d.ts

@@ -16,6 +16,7 @@ type StyleValue<Y$1, M = unknown> = ColorModeValue<Y$1, M> | ResponsiveValue<Y$1
 type ExtractStyleValue<Y$1> = Y$1 extends StyleValue<infer M> ? M : never;
 type StyleImportantValue<Y$1 extends string> = `${Y$1}!` | `${Y$1} !important` | Y$1;
 type StyleValueWithCondition<Y$1, M = unknown> = M extends keyof ThemeTokens ? ColorModeArray<ThemeTokens[M] | Y$1> | ResponsiveWithConditionObject<ThemeTokens[M] | Y$1> | ThemeTokens[M] | Y$1 : ColorModeArray<Y$1> | ResponsiveWithConditionObject<Y$1> | Y$1;
+type ExtractStyleValueWithCondition<Y$1> = Y$1 extends StyleValueWithCondition<infer M> ? M : never;
 type CSSVariable = `--${string}`;
 interface CSSVariableProps {
   [key: CSSVariable]: StyleValueWithCondition<number | ThemePath> | undefined;
@@ -131,5 +132,5 @@ interface FunctionCSSInterpolation {
 type CSSObjectOrFunction = CSSObject | FunctionCSSInterpolation;
 type CSSFunction = (system: System, theme?: UsageTheme) => (cssOrFn: CSSObjectOrFunction) => Dict;
 //#endregion
-export { type CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ConditionObject, ExtractStyleValue, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token };
+export { type CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, CSSVariableProps, ColorModeArray, ColorModeValue, ConditionObject, ExtractStyleValue, ExtractStyleValueWithCondition, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token };
 //# sourceMappingURL=index.types.d.ts.map