@yamada-ui/react 2.2.0 → 2.3.0-next-20260411030430

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

@@ -1,12 +1,17 @@
 import { AnyString, Dict, Merge } from "../../utils/index.js";
 import { ComponentSlotStyle, ComponentStyle, System, WithoutThemeProps } from "../system/index.types.js";
 import { StyledOptions } from "../system/styled.js";
+import "../system/index.js";
 import { CSSObject, CSSSlotObject } from "../css/index.types.js";
+import "../css/index.js";
 import { As, Component as Component$1, HTMLStyledProps } from "./index.types.js";
-import * as react29 from "react";
+import * as react981 from "react";
 import { FC, FunctionComponent } from "react";
 
 //#region src/core/components/create-component.d.ts
+interface HydrationContext {
+  suppressHydrationWarning?: boolean;
+}
 type AsWithFragment = "fragment" | As;
 type ClassName = ((system: System) => string) | string;
 type Component<Y extends AsWithFragment = AsWithFragment, M extends object = {}> = Y extends "fragment" ? FunctionComponent<M> : Component$1<Exclude<Y, "fragment">, M>;
@@ -28,15 +33,17 @@ interface ComponentOptions extends Omit<StyledOptions, "transferProps"> {
   shouldStyleProps?: boolean;
 }
 interface ComponentWithContextOptions<Y extends number | string | symbol = string> extends ComponentOptions, UseComponentPropsOptions<Y> {}
-declare function createComponent<Y extends object = {}, M extends ComponentStyle = Dict, D extends Dict = Dict>(name: string, style?: M): {
+declare function createComponent<Y extends Dict = {}, M extends ComponentStyle = Dict, D extends Dict = Dict>(name: string, style?: M): {
   component: <D_1 extends AsWithFragment = "div", H extends Dict = Y>(el: D_1 | FC<H>, {
     name,
     className,
     ...options
   }?: ComponentOptions) => (initialProps?: InitialProps<H>, ...superProps: SuperProps<H>[]) => Component<D_1, H>;
-  ComponentContext: react29.Context<D>;
-  PropsContext: react29.Context<Partial<Y> | undefined>;
+  ComponentContext: react981.Context<D>;
+  HydrationContext: react981.Context<HydrationContext | undefined>;
+  PropsContext: react981.Context<Partial<Y> | undefined>;
   useComponentContext: () => D;
+  useHydrationContext: () => HydrationContext | undefined;
   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>>, {
     name,
@@ -57,16 +64,18 @@ declare function createSlotComponent<Y extends object = {}, M extends ComponentS
     className,
     ...options
   }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => Component<H, R>;
-  ComponentContext: react29.Context<D>;
-  PropsContext: react29.Context<Partial<Y> | undefined>;
-  StyleContext: react29.Context<CSSSlotObject<ComponentSlotName<M>>>;
+  ComponentContext: react981.Context<D>;
+  HydrationContext: react981.Context<HydrationContext | undefined>;
+  PropsContext: react981.Context<Partial<Y> | undefined>;
+  StyleContext: react981.Context<CSSSlotObject<ComponentSlotName<M>>>;
   useClassNames: () => {
     [key: string]: string;
   };
   useComponentContext: () => D;
+  useHydrationContext: () => HydrationContext | undefined;
   usePropsContext: () => Partial<Y> | undefined;
   useStyleContext: () => CSSSlotObject<ComponentSlotName<M>>;
-  withContext: <H extends AsWithFragment = "div", R extends Dict = (H extends keyof react29.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 react981.JSX.IntrinsicElements ? HTMLStyledProps<H> : Dict<any>)>(el: FC<R> | H, slot?: ComponentSlot<ComponentSlotName<M>>, {
     name,
     className,
     withContext,
@@ -88,11 +97,13 @@ declare function createSlotComponent<Y extends object = {}, M extends ComponentS
   }>];
   useSlotComponentProps: <Y_1 extends Dict = {}>(props: Y_1, slot?: ComponentSlot<ComponentSlotName<M>>, {
     className
-  }?: Omit<UseComponentPropsOptions, "transferProps">) => Y_1 & {
+  }?: Omit<UseComponentPropsOptions, "transferProps">) => {
+    suppressHydrationWarning?: boolean;
+  } & Y_1 & {
     className: string | undefined;
     css: CSSObject | CSSObject[] | undefined;
   };
 };
 //#endregion
-export { ComponentOptions, ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps, UseComponentPropsOptions, createComponent, createSlotComponent };
+export { ComponentOptions, ComponentSlot, ComponentSlotName, ComponentWithContextOptions, HydrationContext, InitialProps, SuperProps, SuperWithoutThemeProps, UseComponentPropsOptions, createComponent, createSlotComponent };
 //# sourceMappingURL=create-component.d.ts.map

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

@@ -1,6 +1,6 @@
 import { As, Component, ComponentArgs, DOMElement, GenericsComponent, HTMLElementProps, HTMLProps, HTMLRefAttributes, HTMLStyledProps, HTMLStyledPropsWithoutAs, HTMLStyledPropsWithoutRef, OmitProps, PropGetter, RequiredPropGetter, StyledComponent, StyledProps, WithoutAs, WithoutRef } from "./index.types.js";
-import { ComponentOptions, ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps, UseComponentPropsOptions, createComponent, createSlotComponent } from "./create-component.js";
+import { ComponentOptions, ComponentSlot, ComponentSlotName, ComponentWithContextOptions, HydrationContext, InitialProps, SuperProps, SuperWithoutThemeProps, UseComponentPropsOptions, createComponent, createSlotComponent } from "./create-component.js";
 import { UseComponentSlotStyleOptions, UseComponentStyleOptions, getSlotClassName, mergeSlotCSS, useComponentSlotStyle, useComponentStyle } from "./use-component-style.js";
 import { ShouldForwardProp, chainProps, createShouldForwardProp, cssProps, extractProps, isEqualProps, mergeProps, useExtractProps, useSplitProps } from "./props.js";
 import { getClassName, getDisplayName } from "./utils.js";
-export { As, Component, ComponentArgs, ComponentOptions, ComponentSlot, ComponentSlotName, ComponentWithContextOptions, DOMElement, GenericsComponent, HTMLElementProps, HTMLProps, HTMLRefAttributes, HTMLStyledProps, HTMLStyledPropsWithoutAs, HTMLStyledPropsWithoutRef, InitialProps, OmitProps, PropGetter, RequiredPropGetter, ShouldForwardProp, StyledComponent, StyledProps, SuperProps, SuperWithoutThemeProps, UseComponentPropsOptions, UseComponentSlotStyleOptions, UseComponentStyleOptions, WithoutAs, WithoutRef, chainProps, createComponent, createShouldForwardProp, createSlotComponent, cssProps, extractProps, getClassName, getDisplayName, getSlotClassName, isEqualProps, mergeProps, mergeSlotCSS, useComponentSlotStyle, useComponentStyle, useExtractProps, useSplitProps };
+export { As, Component, ComponentArgs, ComponentOptions, ComponentSlot, ComponentSlotName, ComponentWithContextOptions, DOMElement, GenericsComponent, HTMLElementProps, HTMLProps, HTMLRefAttributes, HTMLStyledProps, HTMLStyledPropsWithoutAs, HTMLStyledPropsWithoutRef, HydrationContext, InitialProps, OmitProps, PropGetter, RequiredPropGetter, ShouldForwardProp, StyledComponent, StyledProps, SuperProps, SuperWithoutThemeProps, UseComponentPropsOptions, UseComponentSlotStyleOptions, UseComponentStyleOptions, WithoutAs, WithoutRef, chainProps, createComponent, createShouldForwardProp, createSlotComponent, cssProps, extractProps, getClassName, getDisplayName, getSlotClassName, isEqualProps, mergeProps, mergeSlotCSS, useComponentSlotStyle, useComponentStyle, useExtractProps, useSplitProps };

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

@@ -1,5 +1,6 @@
 import { Merge } from "../../utils/index.js";
 import { CSSProps } from "../css/index.types.js";
+import "../css/index.js";
 import * as React from "react";
 
 //#region src/core/components/index.types.d.ts