@yamada-ui/react 2.2.1-dev-20260412133159 → 2.2.1-dev-20260412134023

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

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 
 //#region src/components/pagination/pagination.style.d.ts
-declare const paginationStyle: ComponentSlotStyle<"text" | "item" | "root", CSSPropObject<CSSSlotObject<"text" | "item" | "root">>, {
+declare const paginationStyle: ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
   xs: {
     item: {
       fontSize: "{font-size}";

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 react1209 from "react";
+import * as react1197 from "react";
 
 //#region src/components/pagination/use-pagination.d.ts
 type Page = "ellipsis" | number;
 interface PaginationContext extends Omit<UsePaginationReturn, "getRootProps"> {}
-declare const PaginationContext: react1209.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
+declare const PaginationContext: react1197.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 react1237 from "react";
+import * as react1193 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: react1237.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined;
+declare const PasswordInputPropsContext: react1193.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 react1236 from "react";
+import * as react1194 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: react1236.Context<Partial<StrengthMeterProps> | undefined>, useStrengthMeterPropsContext: () => Partial<StrengthMeterProps> | undefined;
+declare const StrengthMeterPropsContext: react1194.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/strength-meter.style.d.ts

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 
 //#region src/components/password-input/strength-meter.style.d.ts
-declare const strengthMeterStyle: ComponentSlotStyle<"label" | "indicator" | "root" | "indicators", CSSPropObject<CSSSlotObject<"label" | "indicator" | "root" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "indicator" | "root" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "indicator" | "root" | "indicators">>>;
+declare const strengthMeterStyle: ComponentSlotStyle<"label" | "root" | "indicator" | "indicators", CSSPropObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>>;
 type StrengthMeterStyle = typeof strengthMeterStyle;
 //#endregion
 export { StrengthMeterStyle, strengthMeterStyle };

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 react1238 from "react";
+import "../field/index.js";
+import * as react1195 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: react1238.Dispatch<react1238.SetStateAction<boolean>>;
+  setVisible: react1195.Dispatch<react1195.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 react118 from "react";
+import * as react1192 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: react118.Context<Partial<PinInputRootProps> | undefined>, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined;
+declare const PinInputPropsContext: react1192.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 react112 from "react";
+import * as react1186 from "react";
 
 //#region src/components/pin-input/use-pin-input.d.ts
-declare const PinInputDescendantsContext: react112.Context<{
+declare const PinInputDescendantsContext: react1186.Context<{
     active: (target?: HTMLInputElement | Descendant<HTMLInputElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<{}> | undefined) => number;
     destroy: () => void;
@@ -25,7 +26,7 @@ declare const PinInputDescendantsContext: react112.Context<{
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react112.RefCallback<HTMLInputElement>;
+    } | undefined) => react1186.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}>[];
@@ -51,12 +52,12 @@ declare const PinInputDescendantsContext: react112.Context<{
       prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-      } | undefined) => react112.RefCallback<HTMLInputElement>;
+      } | undefined) => react1186.RefCallback<HTMLInputElement>;
       unregister: (node?: HTMLInputElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
       values: (props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}>[];
     };
-    register: react112.RefCallback<HTMLInputElement>;
+    register: react1186.RefCallback<HTMLInputElement>;
   }, usePinInputDescendants: () => {
     active: (target?: HTMLInputElement | Descendant<HTMLInputElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: (props?: Partial<{}> | undefined) => number;
@@ -76,7 +77,7 @@ declare const PinInputDescendantsContext: react112.Context<{
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react112.RefCallback<HTMLInputElement>;
+    } | undefined) => react1186.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}>[];
@@ -162,7 +163,7 @@ declare const usePinInput: (props?: UsePinInputProps) => {
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean, props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react112.RefCallback<HTMLInputElement>;
+    } | undefined) => react1186.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: (props?: Partial<{}> | undefined) => Descendant<HTMLInputElement, {}>[];

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

@@ -6,10 +6,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { PopoverStyle } from "./popover.style.js";
 import { HTMLMotionProps, MotionTransitionProps } from "../motion/index.types.js";
+import "../motion/index.js";
 import { PortalProps } from "../portal/portal.js";
 import { UsePopoverProps } from "./use-popover.js";
 import "../../index.js";
-import * as react493 from "react";
+import * as react1185 from "react";
 import { FC, PropsWithChildren } from "react";
 import * as _floating_ui_react_dom0 from "@floating-ui/react-dom";
 
@@ -79,7 +80,7 @@ interface PopoverRootProps extends Merge<UsePopoverProps, UsePopoverStyleProps>,
     onClose: () => void;
   }>;
 }
-declare const PopoverPropsContext: react493.Context<Partial<PopoverRootProps> | undefined>, usePopoverPropsContext: () => Partial<PopoverRootProps> | undefined;
+declare const PopoverPropsContext: react1185.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_runtime11 from "react/jsx-runtime";
-import * as react1206 from "react";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react1184 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: react1206.Context<Partial<ProgressProps> | undefined>, useProgressPropsContext: () => Partial<ProgressProps> | undefined;
+declare const ProgressPropsContext: react1184.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_runtime11.JSX.Element, ProgressProps>;
+}>, keyof ProgressProps>) => react_jsx_runtime10.JSX.Element, ProgressProps>;
 interface ProgressRangeProps extends HTMLStyledProps {}
 //#endregion
 export { Progress, ProgressProps, ProgressPropsContext, useProgressPropsContext };