@yamada-ui/react 2.1.4-dev-20260323160112 → 2.1.4-dev-20260323173341

package/dist/types/components/native-table/native-table.d.ts

@@ -4,8 +4,8 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { NativeTableStyle } from "./native-table.style.js";
 import "../../index.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
-import * as react938 from "react";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react820 from "react";
 
 //#region src/components/native-table/native-table.d.ts
 interface NativeTableRootProps extends HTMLStyledProps<"table">, ThemeProps<NativeTableStyle> {
@@ -24,7 +24,7 @@ interface NativeTableRootProps extends HTMLStyledProps<"table">, ThemeProps<Nati
    */
   scrollAreaProps?: NativeTableAreaProps;
 }
-declare const NativeTablePropsContext: react938.Context<Partial<NativeTableRootProps> | undefined>, useNativeTablePropsContext: () => Partial<NativeTableRootProps> | undefined;
+declare const NativeTablePropsContext: react820.Context<Partial<NativeTableRootProps> | undefined>, useNativeTablePropsContext: () => Partial<NativeTableRootProps> | undefined;
 /**
  * `NativeTable` is a component for efficiently organizing and displaying data.
  *
@@ -211,7 +211,7 @@ declare const NativeTableRoot: Component<({
       };
     };
   };
-}>, keyof NativeTableRootProps>) => react_jsx_runtime9.JSX.Element, NativeTableRootProps>;
+}>, keyof NativeTableRootProps>) => react_jsx_runtime7.JSX.Element, NativeTableRootProps>;
 interface NativeTableAreaProps extends HTMLStyledProps, ThemeProps<NativeTableStyle> {}
 interface CaptionProps extends HTMLStyledProps<"caption"> {
   /**

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

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 
 //#region src/components/notice/notice.style.d.ts
-declare const noticeStyle: ComponentSlotStyle<"content" | "closeButton" | "root" | "item", CSSPropObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>>;
+declare const noticeStyle: ComponentSlotStyle<"content" | "root" | "item" | "closeButton", CSSPropObject<CSSSlotObject<"content" | "root" | "item" | "closeButton">>, CSSModifierObject<CSSSlotObject<"content" | "root" | "item" | "closeButton">>, CSSModifierObject<CSSSlotObject<"content" | "root" | "item" | "closeButton">>>;
 type NoticeStyle = typeof noticeStyle;
 //#endregion
 export { NoticeStyle };

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

@@ -2,8 +2,11 @@ import { NoticeConfig } from "../../core/system/index.types.js";
 import { HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { StatusScheme } from "../status/status.js";
+import "../status/index.js";
 import { AlertDescriptionProps, AlertIconProps, AlertLoadingProps, AlertRootProps, AlertTitleProps } from "../alert/alert.js";
+import "../alert/index.js";
 import { CloseButtonProps } from "../close-button/close-button.js";
+import "../close-button/index.js";
 import { ReactNode } from "react";
 
 //#region src/components/notice/use-notice.d.ts

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

@@ -5,10 +5,11 @@ import { InputProps } from "../input/input.js";
 import { InputAddonProps } from "../input/input-addon.js";
 import { InputElementProps } from "../input/input-element.js";
 import { InputGroupRootProps } from "../input/input-group.js";
+import "../input/index.js";
 import { NumberInputStyle } from "./number-input.style.js";
 import { UseNumberInputProps } from "./use-number-input.js";
 import "../../index.js";
-import * as react935 from "react";
+import * as react815 from "react";
 
 //#region src/components/number-input/number-input.d.ts
 interface NumberInputProps extends Omit<WithoutThemeProps<InputProps, NumberInputStyle>, keyof UseNumberInputProps>, ThemeProps<NumberInputStyle>, UseNumberInputProps {
@@ -33,7 +34,7 @@ interface NumberInputProps extends Omit<WithoutThemeProps<InputProps, NumberInpu
    */
   rootProps?: InputGroupRootProps;
 }
-declare const NumberInputPropsContext: react935.Context<Partial<NumberInputProps> | undefined>, useNumberInputPropsContext: () => Partial<NumberInputProps> | undefined;
+declare const NumberInputPropsContext: react815.Context<Partial<NumberInputProps> | undefined>, useNumberInputPropsContext: () => Partial<NumberInputProps> | undefined;
 /**
  * `NumberInput` is a component used to obtain numeric input from the user.
  *

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

@@ -1,6 +1,7 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
+import "../field/index.js";
 import { UseCounterProps } from "../../hooks/use-counter/index.js";
 
 //#region src/components/number-input/use-number-input.d.ts

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

@@ -4,10 +4,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { ButtonGroupRootProps } from "../button/button-group.js";
 import { IconButtonProps } from "../button/icon-button.js";
+import "../button/index.js";
 import { PaginationStyle } from "./pagination.style.js";
 import { Page, UsePaginationProps } from "./use-pagination.js";
 import "../../index.js";
-import * as react1028 from "react";
+import * as react818 from "react";
 import { FC, ReactNode } from "react";
 
 //#region src/components/pagination/pagination.d.ts
@@ -68,7 +69,7 @@ interface PaginationRootProps extends WithoutThemeProps<Omit<ButtonGroupRootProp
    */
   itemProps?: PaginationItemProps;
 }
-declare const PaginationPropsContext: react1028.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined;
+declare const PaginationPropsContext: react818.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined;
 /**
  * `Pagination` is a component for managing the pagination and navigation of content.
  *

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

@@ -1,11 +1,11 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react1027 from "react";
+import * as react817 from "react";
 
 //#region src/components/pagination/use-pagination.d.ts
 type Page = "ellipsis" | number;
 interface PaginationContext extends Omit<UsePaginationReturn, "getRootProps"> {}
-declare const PaginationContext: react1027.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
+declare const PaginationContext: react817.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
 interface UsePaginationProps extends Omit<HTMLProps, "onChange" | "page"> {
   /**
    * The total number of pages in pagination.

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

@@ -4,10 +4,11 @@ import "../../core/index.js";
 import { InputProps } from "../input/input.js";
 import { InputElementProps } from "../input/input-element.js";
 import { InputGroupRootProps } from "../input/input-group.js";
+import "../input/index.js";
 import { PasswordInputStyle } from "./password-input.style.js";
 import { UsePasswordInputProps } from "./use-password-input.js";
 import "../../index.js";
-import * as react930 from "react";
+import * as react811 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/password-input/password-input.d.ts
@@ -32,7 +33,7 @@ interface PasswordInputProps extends WithoutThemeProps<InputProps, PasswordInput
    */
   rootProps?: InputGroupRootProps;
 }
-declare const PasswordInputPropsContext: react930.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined;
+declare const PasswordInputPropsContext: react811.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined;
 /**
  * `PasswordInput` is a component that allows users to input passwords with a visibility toggle.
  *

package/dist/types/components/password-input/strength-meter.d.ts

@@ -2,7 +2,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { UseStrengthMeterProps } from "./use-strength-meter.js";
 import "../../index.js";
-import * as react932 from "react";
+import * as react812 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/password-input/strength-meter.d.ts
@@ -21,7 +21,7 @@ interface StrengthMeterProps extends HTMLStyledProps, UseStrengthMeterProps {
    */
   getIndicatorProps?: (percent: number) => IndicatorProps;
 }
-declare const StrengthMeterPropsContext: react932.Context<Partial<StrengthMeterProps> | undefined>, useStrengthMeterPropsContext: () => Partial<StrengthMeterProps> | undefined;
+declare const StrengthMeterPropsContext: react812.Context<Partial<StrengthMeterProps> | undefined>, useStrengthMeterPropsContext: () => Partial<StrengthMeterProps> | undefined;
 declare const StrengthMeter: Component<"div", StrengthMeterProps>;
 //#endregion
 export { StrengthMeter, StrengthMeterProps, StrengthMeterPropsContext, useStrengthMeterPropsContext };

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

@@ -1,7 +1,8 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
-import * as react933 from "react";
+import "../field/index.js";
+import * as react813 from "react";
 
 //#region src/components/password-input/use-password-input.d.ts
 interface UsePasswordInputProps extends HTMLProps<"input">, FieldProps {
@@ -23,7 +24,7 @@ interface UsePasswordInputProps extends HTMLProps<"input">, FieldProps {
   onVisibleChange?: (visible: boolean) => void;
 }
 declare const usePasswordInput: (props?: UsePasswordInputProps) => {
-  setVisible: react933.Dispatch<react933.SetStateAction<boolean>>;
+  setVisible: react813.Dispatch<react813.SetStateAction<boolean>>;
   visible: boolean;
   getButtonProps: PropGetter<"button", undefined, undefined>;
   getInputProps: PropGetter<"input", undefined, undefined>;

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

@@ -3,6 +3,7 @@ import { ThemeTokens } from "../../core/system/index.types.js";
 import { HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { ImageProps } from "../image/image.js";
+import "../image/index.js";
 import { FC } from "react";
 
 //#region src/components/picture/picture.d.ts

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

@@ -4,14 +4,16 @@ import "../../core/index.js";
 import { UseInputBorderProps } from "../input/use-input-border.js";
 import { InputProps } from "../input/input.js";
 import { GroupProps } from "../group/group.js";
+import "../group/index.js";
+import "../input/index.js";
 import { PinInputStyle } from "./pin-input.style.js";
 import { UsePinInputProps } from "./use-pin-input.js";
 import "../../index.js";
-import * as react917 from "react";
+import * as react1026 from "react";
 
 //#region src/components/pin-input/pin-input.d.ts
 interface PinInputRootProps extends Omit<WithoutThemeProps<GroupProps, PinInputStyle>, "defaultValue" | "mask" | "onChange">, ThemeProps<PinInputStyle>, UseInputBorderProps, UsePinInputProps {}
-declare const PinInputPropsContext: react917.Context<Partial<PinInputRootProps> | undefined>, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined;
+declare const PinInputPropsContext: react1026.Context<Partial<PinInputRootProps> | undefined>, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined;
 /**
  * `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,12 +1,13 @@
 import { HTMLProps, PropGetter, RequiredPropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
+import "../field/index.js";
 import { Descendant } from "../../hooks/use-descendants/index.js";
 import "../../index.js";
-import * as react919 from "react";
+import * as react1020 from "react";
 
 //#region src/components/pin-input/use-pin-input.d.ts
-declare const PinInputDescendantsContext: react919.Context<{
+declare const PinInputDescendantsContext: react1020.Context<{
     active: (target?: HTMLInputElement | Descendant<HTMLInputElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;
@@ -25,7 +26,7 @@ declare const PinInputDescendantsContext: react919.Context<{
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react919.RefCallback<HTMLInputElement>;
+    } | undefined) => react1020.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: () => Descendant<HTMLInputElement, {}>[];
@@ -51,12 +52,12 @@ declare const PinInputDescendantsContext: react919.Context<{
       prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean) => Descendant<HTMLInputElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-      } | undefined) => react919.RefCallback<HTMLInputElement>;
+      } | undefined) => react1020.RefCallback<HTMLInputElement>;
       unregister: (node?: HTMLInputElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
       values: () => Descendant<HTMLInputElement, {}>[];
     };
-    register: react919.RefCallback<HTMLInputElement>;
+    register: react1020.RefCallback<HTMLInputElement>;
   }, usePinInputDescendants: () => {
     active: (target?: HTMLInputElement | Descendant<HTMLInputElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
@@ -76,7 +77,7 @@ declare const PinInputDescendantsContext: react919.Context<{
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react919.RefCallback<HTMLInputElement>;
+    } | undefined) => react1020.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: () => Descendant<HTMLInputElement, {}>[];
@@ -162,7 +163,7 @@ declare const usePinInput: (props?: UsePinInputProps) => {
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react919.RefCallback<HTMLInputElement>;
+    } | undefined) => react1020.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: () => Descendant<HTMLInputElement, {}>[];

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

@@ -3,11 +3,12 @@ import { SimplePlacement, ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { HTMLMotionProps, MotionTransitionProps } from "../motion/index.types.js";
+import "../motion/index.js";
 import { PopoverStyle } from "./popover.style.js";
 import { PortalProps } from "../portal/portal.js";
 import { UsePopoverProps } from "./use-popover.js";
 import "../../index.js";
-import * as react910 from "react";
+import * as react821 from "react";
 import { FC, PropsWithChildren } from "react";
 
 //#region src/components/popover/popover.d.ts
@@ -41,7 +42,7 @@ interface PopoverRootProps extends UsePopoverProps, PopupAnimationProps, ThemePr
    */
   duration?: PopupAnimationProps["duration"];
 }
-declare const PopoverPropsContext: react910.Context<Partial<PopoverRootProps> | undefined>, usePopoverPropsContext: () => Partial<PopoverRootProps> | undefined;
+declare const PopoverPropsContext: react821.Context<Partial<PopoverRootProps> | undefined>, usePopoverPropsContext: () => Partial<PopoverRootProps> | undefined;
 /**
  * `Popover` is a component that floats around an element to display information.
  *

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

@@ -5,8 +5,8 @@ import "../../core/index.js";
 import { ProgressStyle } from "./progress.style.js";
 import { UseProgressProps } from "./use-progress.js";
 import "../../index.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
-import * as react908 from "react";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react806 from "react";
 
 //#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: react908.Context<Partial<ProgressProps> | undefined>, useProgressPropsContext: () => Partial<ProgressProps> | undefined;
+declare const ProgressPropsContext: react806.Context<Partial<ProgressProps> | undefined>, useProgressPropsContext: () => Partial<ProgressProps> | undefined;
 /**
  * `Progress` is a component for visually indicating progress.
  *
@@ -125,7 +125,7 @@ declare const Progress: Component<({
       bg: ["colorScheme.muted", "colorScheme.subtle"];
     };
   };
-}>, keyof ProgressProps>) => react_jsx_runtime8.JSX.Element, ProgressProps>;
+}>, keyof ProgressProps>) => react_jsx_runtime6.JSX.Element, ProgressProps>;
 interface ProgressRangeProps extends HTMLStyledProps {}
 //#endregion
 export { Progress, ProgressProps, ProgressPropsContext, useProgressPropsContext };