@yamada-ui/react 2.0.0-dev-20250626070331 → 2.0.0-dev-20250626073729

package/dist/types/components/pin-input/pin-input.d.ts

@@ -7,8 +7,8 @@ import { UseInputBorderProps } from "../input/use-input-border.js";
 import { InputProps } from "../input/input.js";
 import { PinInputStyle } from "./pin-input.style.js";
 import { UsePinInputProps } from "./use-pin-input.js";
-import * as react3342 from "react";
-import * as _yamada_ui_utils3345 from "@yamada-ui/utils";
+import * as react3190 from "react";
+import * as _yamada_ui_utils3193 from "@yamada-ui/utils";
 
 //#region src/components/pin-input/pin-input.d.ts
 interface ComponentContext extends UseInputBorderProps {
@@ -24,7 +24,7 @@ interface PinInputRootProps extends Omit<WithoutThemeProps<GroupProps, PinInputS
    */
   items?: number;
 }
-declare const ComponentContext: react3342.Context<ComponentContext>, PinInputPropsContext: react3342.Context<Partial<PinInputRootProps> | undefined>, useComponentContext: () => ComponentContext, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3345.Dict = (H extends keyof react3342.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3345.Dict<any>)>(el: H | react3342.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"root" | "field", CSSPropObject<CSSSlotObject<"root" | "field">>, {
+declare const ComponentContext: react3190.Context<ComponentContext>, PinInputPropsContext: react3190.Context<Partial<PinInputRootProps> | undefined>, useComponentContext: () => ComponentContext, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3193.Dict = (H extends keyof react3190.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3193.Dict<any>)>(el: H | react3190.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"root" | "field", CSSPropObject<CSSSlotObject<"root" | "field">>, {
     xs: {
       field: {
         boxSize: string | undefined;
@@ -119,7 +119,7 @@ declare const ComponentContext: react3342.Context<ComponentContext>, PinInputPro
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3342.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends PinInputRootProps = PinInputRootProps, T extends keyof R = keyof R>(el: H | react3342.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"root" | "field", CSSPropObject<CSSSlotObject<"root" | "field">>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3190.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends PinInputRootProps = PinInputRootProps, T extends keyof R = keyof R>(el: H | react3190.FC<Omit<R, keyof R extends T ? "size" | "variant" : Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"root" | "field", CSSPropObject<CSSSlotObject<"root" | "field">>, {
     xs: {
       field: {
         boxSize: string | undefined;
@@ -305,7 +305,7 @@ declare const ComponentContext: react3342.Context<ComponentContext>, PinInputPro
         };
       } | undefined;
     };
-  }>, T>[]) => H extends "fragment" ? react3342.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react3190.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `PinInput` is a component used to capture pin codes or OTP (One-Time Password) inputs.
  *

package/dist/types/components/pin-input/use-pin-input.d.ts

@@ -1,10 +1,10 @@
 import { HTMLProps, PropGetter, RequiredPropGetter } from "../../core/components/index.types.js";
 import { FieldProps } from "../field/field.js";
 import { Descendant, FilterDescendant } from "../../hooks/use-descendant/index.js";
-import * as react3663 from "react";
+import * as react3283 from "react";
 
 //#region src/components/pin-input/use-pin-input.d.ts
-declare const PinInputDescendantsContext: react3663.Context<{
+declare const PinInputDescendantsContext: react3283.Context<{
     count: (filter?: FilterDescendant<HTMLInputElement, {}> | undefined) => number;
     destroy: () => void;
     enabledCount: (filter?: FilterDescendant<HTMLInputElement, {}> | undefined) => number;

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

@@ -7,9 +7,9 @@ import { HTMLMotionProps, MotionTransitionProps } from "../motion/index.types.js
 import { PortalProps } from "../portal/portal.js";
 import { PopoverStyle } from "./popover.style.js";
 import { UsePopoverProps, UsePopoverReturn } from "./use-popover.js";
-import * as react3589 from "react";
+import * as react3623 from "react";
 import { FC, PropsWithChildren } from "react";
-import * as _yamada_ui_utils3600 from "@yamada-ui/utils";
+import * as _yamada_ui_utils3634 from "@yamada-ui/utils";
 
 //#region src/components/popover/popover.d.ts
 interface PopupAnimationProps {
@@ -50,7 +50,7 @@ interface PopoverRootProps extends UsePopoverProps, PopupAnimationProps, ThemePr
    */
   withCloseButton?: boolean;
 }
-declare const PopoverContext: react3589.Context<PopoverContext>, PopoverPropsContext: react3589.Context<Partial<PopoverRootProps> | undefined>, StyleContext: react3589.Context<CSSSlotObject<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "content", CSSPropObject<CSSSlotObject<"body" | "footer" | "header" | "content">>, {
+declare const PopoverContext: react3623.Context<PopoverContext>, PopoverPropsContext: react3623.Context<Partial<PopoverRootProps> | undefined>, StyleContext: react3623.Context<CSSSlotObject<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "content", CSSPropObject<CSSSlotObject<"body" | "footer" | "header" | "content">>, {
     xs: {
       content: {
         "--gap": "spaces.1";
@@ -79,7 +79,7 @@ declare const PopoverContext: react3589.Context<PopoverContext>, PopoverPropsCon
         fontSize: "md";
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "content">>>>>>, usePopoverContext: () => PopoverContext, usePopoverPropsContext: () => Partial<PopoverRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3600.Dict = (H extends keyof react3589.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3600.Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "content", CSSPropObject<CSSSlotObject<"body" | "footer" | "header" | "content">>, {
+  }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "content">>>>>>, usePopoverContext: () => PopoverContext, usePopoverPropsContext: () => Partial<PopoverRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3634.Dict = (H extends keyof react3623.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3634.Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "content", CSSPropObject<CSSSlotObject<"body" | "footer" | "header" | "content">>, {
     xs: {
       content: {
         "--gap": "spaces.1";
@@ -113,7 +113,7 @@ declare const PopoverContext: react3589.Context<PopoverContext>, PopoverPropsCon
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3589.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, useRootComponentProps: <Y extends _yamada_ui_utils3600.Dict = _yamada_ui_utils3600.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "content", CSSPropObject<CSSSlotObject<"body" | "footer" | "header" | "content">>, {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3623.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, useRootComponentProps: <Y extends _yamada_ui_utils3634.Dict = _yamada_ui_utils3634.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"body" | "footer" | "header" | "content", CSSPropObject<CSSSlotObject<"body" | "footer" | "header" | "content">>, {
     xs: {
       content: {
         "--gap": "spaces.1";
@@ -146,7 +146,7 @@ declare const PopoverContext: react3589.Context<PopoverContext>, PopoverPropsCon
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils3600.Merge<Omit<Y, keyof Y extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>, {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils3634.Merge<Omit<Y, keyof Y extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>, {
     css?: CSSObject | CSSObject[];
   }>];
 /**

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

@@ -4,9 +4,9 @@ import { As, Component, HTMLStyledProps } from "../../core/components/index.type
 import { ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { ProgressStyle } from "./progress.style.js";
 import { UseProgressProps } from "./use-progress.js";
-import * as react4402 from "react";
-import * as react_jsx_runtime4427 from "react/jsx-runtime";
-import * as _yamada_ui_utils4404 from "@yamada-ui/utils";
+import * as react4194 from "react";
+import * as react_jsx_runtime4219 from "react/jsx-runtime";
+import * as _yamada_ui_utils4196 from "@yamada-ui/utils";
 
 //#region src/components/progress/progress.d.ts
 interface ProgressProps extends HTMLStyledProps, UseProgressProps, ThemeProps<ProgressStyle> {
@@ -27,7 +27,7 @@ interface ProgressProps extends HTMLStyledProps, UseProgressProps, ThemeProps<Pr
    */
   rangeProps?: ProgressRangeProps;
 }
-declare const ProgressPropsContext: react4402.Context<Partial<ProgressProps> | undefined>, useProgressPropsContext: () => Partial<ProgressProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils4404.Dict = (H extends keyof react4402.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils4404.Dict<any>)>(el: H | react4402.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"range" | "root", {
+declare const ProgressPropsContext: react4194.Context<Partial<ProgressProps> | undefined>, useProgressPropsContext: () => Partial<ProgressProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils4196.Dict = (H extends keyof react4194.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils4196.Dict<any>)>(el: H | react4194.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"range" | "root", {
     animated: {
       true: {
         range: {
@@ -115,7 +115,7 @@ declare const ProgressPropsContext: react4402.Context<Partial<ProgressProps> | u
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react4402.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends ProgressProps = ProgressProps, T extends keyof R = keyof R>(el: H | react4402.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "shape" | "striped" | "animated" : Exclude<"shape", T> | Exclude<"striped", T> | Exclude<"animated", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"range" | "root", {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react4194.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends ProgressProps = ProgressProps, T extends keyof R = keyof R>(el: H | react4194.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "shape" | "striped" | "animated" : Exclude<"shape", T> | Exclude<"striped", T> | Exclude<"animated", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"range" | "root", {
     animated: {
       true: {
         range: {
@@ -287,7 +287,7 @@ declare const ProgressPropsContext: react4402.Context<Partial<ProgressProps> | u
         bg: ["colorScheme.muted", "colorScheme.subtle"];
       };
     };
-  }>, T>[]) => H extends "fragment" ? react4402.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react4194.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `Progress` is a component for visually indicating progress.
  *
@@ -302,7 +302,7 @@ declare const Progress: Component<({
   value,
   rangeProps,
   ...rest
-}: Omit<ProgressProps, ("size" | "variant") | "shape" | "striped" | "animated">) => react_jsx_runtime4427.JSX.Element, ProgressProps>;
+}: Omit<ProgressProps, ("size" | "variant") | "shape" | "striped" | "animated">) => react_jsx_runtime4219.JSX.Element, ProgressProps>;
 interface ProgressRangeProps extends HTMLStyledProps {}
 //#endregion
 export { Progress, ProgressProps, ProgressPropsContext, useProgressPropsContext, withContext, withProvider };

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

@@ -5,9 +5,9 @@ import { ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialP
 import { HTMLMotionProps } from "../motion/index.types.js";
 import { ReorderStyle } from "./reorder.style.js";
 import { UseReorderItemProps, UseReorderProps } from "./use-reorder.js";
-import * as react3521 from "react";
+import * as react4035 from "react";
 import { PropsWithChildren, ReactElement } from "react";
-import * as _yamada_ui_utils3523 from "@yamada-ui/utils";
+import * as _yamada_ui_utils4037 from "@yamada-ui/utils";
 
 //#region src/components/reorder/reorder.d.ts
 interface ReorderRootProps<Y = string> extends index_d_exports.Merge<HTMLMotionProps<"ul">, Omit<UseReorderProps<Y>, "item" | "items" | "orientation">>, ThemeProps<ReorderStyle> {
@@ -17,7 +17,7 @@ interface ReorderRootProps<Y = string> extends index_d_exports.Merge<HTMLMotionP
    */
   items?: ReorderItemProps<Y>[];
 }
-declare const ReorderPropsContext: react3521.Context<Partial<ReorderRootProps<string>> | undefined>, useReorderPropsContext: () => Partial<ReorderRootProps<string>> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3523.Dict = (H extends keyof react3521.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3523.Dict<any>)>(el: H | react3521.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"item" | "root" | "trigger", {
+declare const ReorderPropsContext: react4035.Context<Partial<ReorderRootProps<string>> | undefined>, useReorderPropsContext: () => Partial<ReorderRootProps<string>> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils4037.Dict = (H extends keyof react4035.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils4037.Dict<any>)>(el: H | react4035.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"root" | "item" | "trigger", {
     orientation: {
       horizontal: {
         root: {
@@ -118,7 +118,7 @@ declare const ReorderPropsContext: react3521.Context<Partial<ReorderRootProps<st
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3521.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends ReorderRootProps<string> = ReorderRootProps<string>, T extends keyof R = keyof R>(el: H | react3521.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "orientation" : Exclude<"orientation", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"item" | "root" | "trigger", {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react4035.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends ReorderRootProps<string> = ReorderRootProps<string>, T extends keyof R = keyof R>(el: H | react4035.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "orientation" : Exclude<"orientation", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"root" | "item" | "trigger", {
     orientation: {
       horizontal: {
         root: {
@@ -220,7 +220,7 @@ declare const ReorderPropsContext: react3521.Context<Partial<ReorderRootProps<st
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"item" | "root" | "trigger", {
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"root" | "item" | "trigger", {
     orientation: {
       horizontal: {
         root: {
@@ -316,7 +316,7 @@ declare const ReorderPropsContext: react3521.Context<Partial<ReorderRootProps<st
         layerStyle: "surface";
       };
     };
-  }>, T>[]) => H extends "fragment" ? react3521.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react4035.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `Reorder` is a component that allows you to change the order of items using drag and drop.
  *

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

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 
 //#region src/components/reorder/reorder.style.d.ts
-declare const reorderStyle: ComponentSlotStyle<"item" | "root" | "trigger", {
+declare const reorderStyle: ComponentSlotStyle<"root" | "item" | "trigger", {
   /**
    * The orientation of the reorder.
    *

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

@@ -1,7 +1,7 @@
 import { index_d_exports } from "../../utils/index.js";
 import { Orientation } from "../../core/system/index.types.js";
 import { PropGetter } from "../../core/components/index.types.js";
-import * as react3958 from "react";
+import * as react4081 from "react";
 import { PropsWithChildren, ReactElement, ReactNode } from "react";
 import { HTMLMotionProps, Reorder } from "motion/react";
 
@@ -9,11 +9,11 @@ import { HTMLMotionProps, Reorder } from "motion/react";
 type ReorderGroupProps<Y = string> = index_d_exports.Merge<HTMLMotionProps<"ul">, Pick<Parameters<typeof Reorder.Group<Y>>[0], "axis" | "onReorder" | "values">>;
 type ReorderItemProps<Y = string> = index_d_exports.Merge<HTMLMotionProps<"li">, Partial<Pick<Parameters<typeof Reorder.Item<Y>>[0], "layout" | "value">>>;
 interface ReorderContext extends Pick<UseReorderProps, "orientation"> {}
-declare const ReorderContext: react3958.Context<ReorderContext>, useReorderContext: () => ReorderContext;
+declare const ReorderContext: react4081.Context<ReorderContext>, useReorderContext: () => ReorderContext;
 interface ReorderItemContext {
   getTriggerProps: PropGetter;
 }
-declare const ReorderItemContext: react3958.Context<ReorderItemContext>, useReorderItemContext: () => ReorderItemContext;
+declare const ReorderItemContext: react4081.Context<ReorderItemContext>, useReorderItemContext: () => ReorderItemContext;
 interface UseReorderProps<Y = string> extends Partial<Omit<ReorderGroupProps<Y>, "children" | "onChange" | "values">>, PropsWithChildren {
   /**
    * The component to be used for the item.

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

@@ -4,9 +4,9 @@ import { As, Component, HTMLStyledProps, HTMLStyledPropsWithoutAs } from "../../
 import { ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { ResizableStyle } from "./resizable.style.js";
 import { UseResizableItemProps, UseResizableProps, UseResizableTriggerProps } from "./use-resizable.js";
-import * as react3378 from "react";
+import * as react3416 from "react";
 import { FC, ForwardedRef, ReactElement } from "react";
-import * as _yamada_ui_utils3380 from "@yamada-ui/utils";
+import * as _yamada_ui_utils3418 from "@yamada-ui/utils";
 
 //#region src/components/resizable/resizable.d.ts
 /**
@@ -20,7 +20,7 @@ interface ResizableRootProps extends HTMLStyledProps, ThemeProps<ResizableStyle>
    */
   rootRef?: ForwardedRef<HTMLDivElement>;
 }
-declare const ResizablePropsContext: react3378.Context<Partial<ResizableRootProps> | undefined>, useResizablePropsContext: () => Partial<ResizableRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3380.Dict = (H extends keyof react3378.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3380.Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "item" | "root" | "trigger", {
+declare const ResizablePropsContext: react3416.Context<Partial<ResizableRootProps> | undefined>, useResizablePropsContext: () => Partial<ResizableRootProps> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils3418.Dict = (H extends keyof react3416.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils3418.Dict<any>)>(el: H | FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "item" | "trigger", {
     orientation: {
       horizontal: {
         icon: {
@@ -33,7 +33,7 @@ declare const ResizablePropsContext: react3378.Context<Partial<ResizableRootProp
         };
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root" | "trigger">>, {
+  }, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item" | "trigger">>, {
     border: {
       icon: {
         bg: "colorScheme.muted";
@@ -103,7 +103,7 @@ declare const ResizablePropsContext: react3378.Context<Partial<ResizableRootProp
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3378.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends ResizableRootProps = ResizableRootProps, T extends keyof R = keyof R>(el: H | FC<Omit<R, keyof R extends T ? ("size" | "variant") | "orientation" : Exclude<"orientation", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "item" | "root" | "trigger", {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react3416.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends ResizableRootProps = ResizableRootProps, T extends keyof R = keyof R>(el: H | FC<Omit<R, keyof R extends T ? ("size" | "variant") | "orientation" : Exclude<"orientation", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"icon" | "root" | "item" | "trigger", {
     orientation: {
       horizontal: {
         icon: {
@@ -116,7 +116,7 @@ declare const ResizablePropsContext: react3378.Context<Partial<ResizableRootProp
         };
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root" | "trigger">>, {
+  }, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item" | "trigger">>, {
     border: {
       icon: {
         bg: "colorScheme.muted";
@@ -187,7 +187,7 @@ declare const ResizablePropsContext: react3378.Context<Partial<ResizableRootProp
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"icon" | "item" | "root" | "trigger", {
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"icon" | "root" | "item" | "trigger", {
     orientation: {
       horizontal: {
         icon: {
@@ -200,7 +200,7 @@ declare const ResizablePropsContext: react3378.Context<Partial<ResizableRootProp
         };
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root" | "trigger">>, {
+  }, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item" | "trigger">>, {
     border: {
       icon: {
         bg: "colorScheme.muted";
@@ -265,7 +265,7 @@ declare const ResizablePropsContext: react3378.Context<Partial<ResizableRootProp
         };
       };
     };
-  }>, T>[]) => H extends "fragment" ? react3378.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }>, T>[]) => H extends "fragment" ? react3416.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 declare const ResizableRoot: FC<ResizableRootProps>;
 interface ResizableItemProps extends Omit<HTMLStyledPropsWithoutAs, "order">, UseResizableItemProps {}
 declare const ResizableItem: Component<"div", ResizableItemProps>;

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

@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 
 //#region src/components/resizable/resizable.style.d.ts
-declare const resizableStyle: ComponentSlotStyle<"icon" | "item" | "root" | "trigger", {
+declare const resizableStyle: ComponentSlotStyle<"icon" | "root" | "item" | "trigger", {
   /**
    * The orientation of the resizable.
    *
@@ -20,7 +20,7 @@ declare const resizableStyle: ComponentSlotStyle<"icon" | "item" | "root" | "tri
       };
     };
   };
-}, CSSModifierObject<CSSSlotObject<"icon" | "item" | "root" | "trigger">>, {
+}, CSSModifierObject<CSSSlotObject<"icon" | "root" | "item" | "trigger">>, {
   border: {
     icon: {
       bg: "colorScheme.muted";

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

@@ -1,12 +1,12 @@
 import { Orientation } from "../../core/system/index.types.js";
 import { HTMLProps, HTMLRefAttributes, PropGetter } from "../../core/components/index.types.js";
-import * as react3757 from "react";
+import * as react3677 from "react";
 import { RefObject } from "react";
 import { ImperativePanelGroupHandle, ImperativePanelHandle, PanelGroupOnLayout, PanelGroupProps, PanelGroupStorage, PanelProps, PanelResizeHandleProps } from "react-resizable-panels";
 
 //#region src/components/resizable/use-resizable.d.ts
 interface ResizableContext extends Omit<UseResizableReturn, "getGroupProps" | "getRootProps"> {}
-declare const ResizableContext: react3757.Context<ResizableContext>, useResizableContext: () => ResizableContext;
+declare const ResizableContext: react3677.Context<ResizableContext>, useResizableContext: () => ResizableContext;
 interface ResizableStorage extends PanelGroupStorage {}
 interface ResizableGroupControl extends ImperativePanelGroupHandle {}
 interface ResizableItemControl extends ImperativePanelHandle {}

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

@@ -5,7 +5,7 @@ import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } fro
 import { HTMLMotionProps } from "../motion/index.types.js";
 import { RippleStyle } from "./ripple.style.js";
 import { RippleOptions } from "./use-ripple.js";
-import * as react3960 from "react";
+import * as react4069 from "react";
 import { FC, Key } from "react";
 
 //#region src/components/ripple/ripple.d.ts
@@ -25,13 +25,13 @@ interface RippleProps extends HTMLMotionProps<"span">, ThemeProps<RippleStyle> {
    */
   disabled?: boolean;
 }
-declare const RipplePropsContext: react3960.Context<Partial<RippleProps> | undefined>, useRipplePropsContext: () => Partial<RippleProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends RippleProps = RippleProps, R extends keyof H = keyof H>(el: D | FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const RipplePropsContext: react4069.Context<Partial<RippleProps> | undefined>, useRipplePropsContext: () => Partial<RippleProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends RippleProps = RippleProps, R extends keyof H = keyof H>(el: D | FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react3960.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react4069.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Ripple` is a component that adds a ripple effect to elements, allowing users to recognize when they have clicked.
  *

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

@@ -1,4 +1,4 @@
-import * as react4105 from "react";
+import * as react3954 from "react";
 import { Key, MouseEventHandler } from "react";
 
 //#region src/components/ripple/use-ripple.d.ts
@@ -18,7 +18,7 @@ declare const useRipple: <T = HTMLElement>({
 }?: UseRippleProps<T>) => {
   ripples: RippleOptions[];
   onClear: (key: Key) => void;
-  onClick: (event: react4105.MouseEvent<T, MouseEvent>) => void;
+  onClick: (event: react3954.MouseEvent<T, MouseEvent>) => void;
 };
 type UseRippleReturn = ReturnType<typeof useRipple>;
 //#endregion

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

@@ -4,7 +4,7 @@ import { As, Component } from "../../core/components/index.types.js";
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { HTMLMotionProps } from "../motion/index.types.js";
 import { RotateStyle } from "./rotate.style.js";
-import * as react4122 from "react";
+import * as react3989 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/rotate/rotate.d.ts
@@ -62,13 +62,13 @@ interface RotateProps extends Omit<HTMLMotionProps<"button">, "onChange" | "rota
    */
   onChange?: (value: KeyframeIdent) => void;
 }
-declare const RotatePropsContext: react4122.Context<Partial<RotateProps> | undefined>, useRotatePropsContext: () => Partial<RotateProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends RotateProps = RotateProps, R extends keyof H = keyof H>(el: D | react4122.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const RotatePropsContext: react3989.Context<Partial<RotateProps> | undefined>, useRotatePropsContext: () => Partial<RotateProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends RotateProps = RotateProps, R extends keyof H = keyof H>(el: D | react3989.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react4122.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react3989.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Rotate` is an animation component that alternately rotates two elements as they switch.
  *

package/dist/types/components/scroll-area/scroll-area.d.ts

@@ -4,18 +4,18 @@ import { As, Component, HTMLStyledProps } from "../../core/components/index.type
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { ScrollAreaStyle } from "./scroll-area.style.js";
 import { UseScrollAreaProps } from "./use-scroll-area.js";
-import * as react3571 from "react";
-import * as react_jsx_runtime3584 from "react/jsx-runtime";
+import * as react4018 from "react";
+import * as react_jsx_runtime4031 from "react/jsx-runtime";
 
 //#region src/components/scroll-area/scroll-area.d.ts
 interface ScrollAreaProps extends HTMLStyledProps, ThemeProps<ScrollAreaStyle>, UseScrollAreaProps {}
-declare const ScrollAreaPropsContext: react3571.Context<Partial<ScrollAreaProps> | undefined>, useScrollAreaPropsContext: () => Partial<ScrollAreaProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends ScrollAreaProps = ScrollAreaProps, R extends keyof H = keyof H>(el: D | react3571.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const ScrollAreaPropsContext: react4018.Context<Partial<ScrollAreaProps> | undefined>, useScrollAreaPropsContext: () => Partial<ScrollAreaProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends ScrollAreaProps = ScrollAreaProps, R extends keyof H = keyof H>(el: D | react4018.FC<Omit<H, keyof H extends R ? "size" | "variant" : Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react3571.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }?: ComponentWithContextOptions<R>) => (initialProps?: InitialProps<H>, ...superProps: SuperWithoutThemeProps<H, ComponentStyle<CSSPropObject<CSSObject>, CSSModifierObject, CSSModifierObject>, R>[]) => D extends "fragment" ? react4018.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `ScrollArea` is a component that displays a customized scrollbar.
  *
@@ -24,7 +24,7 @@ declare const ScrollAreaPropsContext: react3571.Context<Partial<ScrollAreaProps>
 declare const ScrollArea: Component<({
   children,
   ...rest
-}: Omit<ScrollAreaProps, "size" | "variant">) => react_jsx_runtime3584.JSX.Element, ScrollAreaProps>;
+}: Omit<ScrollAreaProps, "size" | "variant">) => react_jsx_runtime4031.JSX.Element, ScrollAreaProps>;
 //#endregion
 export { ScrollArea, ScrollAreaProps, ScrollAreaPropsContext, useScrollAreaPropsContext, withContext };
 //# sourceMappingURL=scroll-area.d.ts.map

package/dist/types/components/segmented-control/segmented-control.d.ts

@@ -4,9 +4,9 @@ import { As, Component, GenericsComponent, HTMLStyledProps } from "../../core/co
 import { ComponentSlot, ComponentSlotName, ComponentWithContextOptions, InitialProps, SuperProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { SegmentedControlStyle } from "./segmented-control.style.js";
 import { UseSegmentedControlItemProps, UseSegmentedControlProps } from "./use-segmented-control.js";
-import * as react4677 from "react";
+import * as react4132 from "react";
 import { ReactElement, ReactNode } from "react";
-import * as _yamada_ui_utils4679 from "@yamada-ui/utils";
+import * as _yamada_ui_utils4134 from "@yamada-ui/utils";
 
 //#region src/components/segmented-control/segmented-control.d.ts
 interface SegmentedControlItem extends SegmentedControlItemProps {
@@ -20,7 +20,7 @@ interface SegmentedControlRootProps<Y extends string = string> extends Omit<HTML
    */
   items?: SegmentedControlItem[];
 }
-declare const SegmentedControlPropsContext: react4677.Context<Partial<SegmentedControlRootProps<string>> | undefined>, useSegmentedControlPropsContext: () => Partial<SegmentedControlRootProps<string>> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils4679.Dict = (H extends keyof react4677.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils4679.Dict<any>)>(el: H | react4677.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"item" | "root", {
+declare const SegmentedControlPropsContext: react4132.Context<Partial<SegmentedControlRootProps<string>> | undefined>, useSegmentedControlPropsContext: () => Partial<SegmentedControlRootProps<string>> | undefined, withContext: <H extends "fragment" | As = "div", R extends _yamada_ui_utils4134.Dict = (H extends keyof react4132.JSX.IntrinsicElements ? HTMLStyledProps<Y> : _yamada_ui_utils4134.Dict<any>)>(el: H | react4132.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"root" | "item", {
     fullRounded: {
       true: {
         item: {
@@ -116,12 +116,12 @@ declare const SegmentedControlPropsContext: react4677.Context<Partial<SegmentedC
         _vertical: {};
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"item" | "root">>>>> | undefined, {
+  }, CSSModifierObject<CSSSlotObject<"root" | "item">>>>> | undefined, {
     name,
     className,
     withContext,
     ...options
-  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react4677.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends SegmentedControlRootProps<string> = SegmentedControlRootProps<string>, T extends keyof R = keyof R>(el: H | react4677.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "fullRounded" | "orientation" : Exclude<"fullRounded", T> | Exclude<"orientation", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"item" | "root", {
+  }?: Omit<ComponentWithContextOptions, "transferProps">) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react4132.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, withProvider: <H extends "fragment" | As = "div", R extends SegmentedControlRootProps<string> = SegmentedControlRootProps<string>, T extends keyof R = keyof R>(el: H | react4132.FC<Omit<R, keyof R extends T ? ("size" | "variant") | "fullRounded" | "orientation" : Exclude<"fullRounded", T> | Exclude<"orientation", T> | Exclude<"size", T> | Exclude<"variant", T>>>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"root" | "item", {
     fullRounded: {
       true: {
         item: {
@@ -217,13 +217,13 @@ declare const SegmentedControlPropsContext: react4677.Context<Partial<SegmentedC
         _vertical: {};
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"item" | "root">>>>>, {
+  }, CSSModifierObject<CSSSlotObject<"root" | "item">>>>>, {
     name,
     className,
     withContext,
     transferProps,
     ...options
-  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"item" | "root", {
+  }?: ComponentWithContextOptions<T>) => (initialProps?: InitialProps<R>, ...superProps: SuperWithoutThemeProps<R, ComponentSlotStyle<"root" | "item", {
     fullRounded: {
       true: {
         item: {
@@ -319,7 +319,7 @@ declare const SegmentedControlPropsContext: react4677.Context<Partial<SegmentedC
         _vertical: {};
       };
     };
-  }, CSSModifierObject<CSSSlotObject<"item" | "root">>>, T>[]) => H extends "fragment" ? react4677.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
+  }, CSSModifierObject<CSSSlotObject<"root" | "item">>>, T>[]) => H extends "fragment" ? react4132.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>;
 /**
  * `SegmentedControl` is a component used for allowing users to select one option from multiple choices.
  *

package/dist/types/components/segmented-control/segmented-control.style.d.ts

@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 
 //#region src/components/segmented-control/segmented-control.style.d.ts
-declare const segmentedControlStyle: ComponentSlotStyle<"item" | "root", {
+declare const segmentedControlStyle: ComponentSlotStyle<"root" | "item", {
   /**
    * If `true`, the segmented control will be full rounded.
    *
@@ -108,7 +108,7 @@ declare const segmentedControlStyle: ComponentSlotStyle<"item" | "root", {
       _vertical: {};
     };
   };
-}, CSSModifierObject<CSSSlotObject<"item" | "root">>>;
+}, CSSModifierObject<CSSSlotObject<"root" | "item">>>;
 type SegmentedControlStyle = typeof segmentedControlStyle;
 //#endregion
 export { SegmentedControlStyle, segmentedControlStyle };

package/dist/types/components/segmented-control/use-segmented-control.d.ts

@@ -2,12 +2,12 @@ import { Orientation } from "../../core/system/index.types.js";
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import { FieldProps } from "../field/field.js";
 import { Descendant, FilterDescendant } from "../../hooks/use-descendant/index.js";
-import * as react3829 from "react";
+import * as react3450 from "react";
 
 //#region src/components/segmented-control/use-segmented-control.d.ts
 interface SegmentedControlContext extends Omit<UseSegmentedControlReturn, "descendants" | "getRootProps"> {}
-declare const SegmentedControlContext: react3829.Context<SegmentedControlContext>, useSegmentedControlContext: () => SegmentedControlContext;
-declare const DescendantsContext: react3829.Context<{
+declare const SegmentedControlContext: react3450.Context<SegmentedControlContext>, useSegmentedControlContext: () => SegmentedControlContext;
+declare const DescendantsContext: react3450.Context<{
     count: (filter?: FilterDescendant<HTMLInputElement, {}> | undefined) => number;
     destroy: () => void;
     enabledCount: (filter?: FilterDescendant<HTMLInputElement, {}> | undefined) => number;
@@ -166,7 +166,7 @@ declare const useSegmentedControl: <Y extends string = string>({
   disabled: boolean | undefined;
   orientation: Orientation;
   readOnly: boolean | undefined;
-  setValue: react3829.Dispatch<react3829.SetStateAction<Y>>;
+  setValue: react3450.Dispatch<react3450.SetStateAction<Y>>;
   value: Y;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

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

@@ -3,11 +3,11 @@ import { CSSModifierObject } from "../../core/css/index.types.js";
 import { As, Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import { ComponentWithContextOptions, InitialProps, SuperWithoutThemeProps } from "../../core/components/create-component.js";
 import { SeparatorStyle } from "./separator.style.js";
-import * as react4391 from "react";
+import * as react3832 from "react";
 
 //#region src/components/separator/separator.d.ts
 interface SeparatorProps extends HTMLStyledProps<"hr">, ThemeProps<SeparatorStyle> {}
-declare const SeparatorPropsContext: react4391.Context<Partial<SeparatorProps> | undefined>, useSeparatorPropsContext: () => Partial<SeparatorProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends SeparatorProps = SeparatorProps, R extends keyof H = keyof H>(el: D | react4391.FC<Omit<H, keyof H extends R ? ("size" | "variant") | "orientation" : Exclude<"orientation", R> | Exclude<"size", R> | Exclude<"variant", R>>>, {
+declare const SeparatorPropsContext: react3832.Context<Partial<SeparatorProps> | undefined>, useSeparatorPropsContext: () => Partial<SeparatorProps> | undefined, withContext: <D extends "fragment" | As = "div", H extends SeparatorProps = SeparatorProps, R extends keyof H = keyof H>(el: D | react3832.FC<Omit<H, keyof H extends R ? ("size" | "variant") | "orientation" : Exclude<"orientation", R> | Exclude<"size", R> | Exclude<"variant", R>>>, {
     name,
     className,
     withContext,
@@ -34,7 +34,7 @@ declare const SeparatorPropsContext: react4391.Context<Partial<SeparatorProps> |
     solid: {
       borderStyle: "solid";
     };
-  }>, R>[]) => D extends "fragment" ? react4391.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
+  }>, R>[]) => D extends "fragment" ? react3832.FunctionComponent<H> : Component<Exclude<D, "fragment">, H>;
 /**
  * `Separator` is a component that represents a division between elements.
  *