@yamada-ui/react 2.0.10-dev-20260301102815 → 2.1.0-dev-20260302130356

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

@@ -2,15 +2,13 @@ import { ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLProps, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
-import "../field/index.js";
 import { UseInputBorderProps } from "../input/use-input-border.js";
 import { InputElementProps } from "../input/input-element.js";
 import { InputGroupRootProps } from "../input/input-group.js";
-import "../input/index.js";
 import { NativeSelectStyle } from "./native-select.style.js";
 import { UseNativeSelectProps } from "./use-native-select.js";
 import "../../index.js";
-import * as react805 from "react";
+import * as react940 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/native-select/native-select.d.ts
@@ -32,7 +30,7 @@ interface NativeSelectRootProps extends Omit<HTMLStyledProps<"select">, "size">,
    */
   rootProps?: InputGroupRootProps;
 }
-declare const NativeSelectPropsContext: react805.Context<Partial<NativeSelectRootProps> | undefined>, useNativeSelectPropsContext: () => Partial<NativeSelectRootProps> | undefined;
+declare const NativeSelectPropsContext: react940.Context<Partial<NativeSelectRootProps> | undefined>, useNativeSelectPropsContext: () => Partial<NativeSelectRootProps> | undefined;
 /**
  * `NativeSelect` is a component used for allowing users to select one option from a list. It displays a native dropdown list provided by the browser (user agent).
  *

package/dist/types/components/native-select/native-select.style.d.ts

@@ -286,6 +286,12 @@ declare const nativeSelectStyle: ComponentSlotStyle<"icon" | "root" | "field", C
       border: "1px solid transparent";
       focusRingColor: "{focus-border-color}";
       focusVisibleRing: "inside";
+      _container: {
+        css: {
+          bg: "bg";
+        };
+        style: string;
+      }[];
       _invalid: {
         borderColor: "{error-border-color}";
         focusRingColor: "{error-border-color}";
@@ -325,6 +331,12 @@ declare const nativeSelectStyle: ComponentSlotStyle<"icon" | "root" | "field", C
       border: "1px solid {colors.border}";
       focusRingColor: "{focus-border-color}";
       focusVisibleRing: "inside";
+      _container: {
+        css: {
+          bg: "bg";
+        };
+        style: string;
+      }[];
       _invalid: {
         borderColor: "{error-border-color}";
         focusRingColor: "{error-border-color}";

package/dist/types/components/native-select/use-native-select.d.ts

@@ -1,7 +1,6 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
-import "../field/index.js";
 
 //#region src/components/native-select/use-native-select.d.ts
 interface NativeSelectSharedItem extends Omit<HTMLProps<"option">, "children" | "label" | "value"> {

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_runtime3 from "react/jsx-runtime";
-import * as react803 from "react";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react867 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: react803.Context<Partial<NativeTableRootProps> | undefined>, useNativeTablePropsContext: () => Partial<NativeTableRootProps> | undefined;
+declare const NativeTablePropsContext: react867.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_runtime3.JSX.Element, NativeTableRootProps>;
+}>, keyof NativeTableRootProps>) => react_jsx_runtime9.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" | "root" | "item" | "closeButton", CSSPropObject<CSSSlotObject<"content" | "root" | "item" | "closeButton">>, CSSModifierObject<CSSSlotObject<"content" | "root" | "item" | "closeButton">>, CSSModifierObject<CSSSlotObject<"content" | "root" | "item" | "closeButton">>>;
+declare const noticeStyle: ComponentSlotStyle<"content" | "closeButton" | "item" | "root", CSSPropObject<CSSSlotObject<"content" | "closeButton" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "item" | "root">>>;
 type NoticeStyle = typeof noticeStyle;
 //#endregion
 export { NoticeStyle };

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

@@ -2,11 +2,8 @@ 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,11 +5,10 @@ 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 react801 from "react";
+import * as react1045 from "react";
 
 //#region src/components/number-input/number-input.d.ts
 interface NumberInputProps extends Omit<WithoutThemeProps<InputProps, NumberInputStyle>, keyof UseNumberInputProps>, ThemeProps<NumberInputStyle>, UseNumberInputProps {
@@ -34,7 +33,7 @@ interface NumberInputProps extends Omit<WithoutThemeProps<InputProps, NumberInpu
    */
   rootProps?: InputGroupRootProps;
 }
-declare const NumberInputPropsContext: react801.Context<Partial<NumberInputProps> | undefined>, useNumberInputPropsContext: () => Partial<NumberInputProps> | undefined;
+declare const NumberInputPropsContext: react1045.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/number-input.style.d.ts

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 
 //#region src/components/number-input/number-input.style.d.ts
-declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" | "decrement" | "increment" | "control", CSSPropObject<CSSSlotObject<"button" | "root" | "field" | "decrement" | "increment" | "control">>, {
+declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "control" | "field" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "control" | "field" | "decrement" | "increment">>, {
   xs: {
     control: {
       boxSize: "calc({--height} - {spaces.2})";
@@ -371,6 +371,12 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       border: "1px solid transparent";
       focusRingColor: "{focus-border-color}";
       focusVisibleRing: "inside";
+      _container: {
+        css: {
+          bg: "bg";
+        };
+        style: string;
+      }[];
       _invalid: {
         borderColor: "{error-border-color}";
         focusRingColor: "{error-border-color}";
@@ -410,6 +416,12 @@ declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" |
       border: "1px solid {colors.border}";
       focusRingColor: "{focus-border-color}";
       focusVisibleRing: "inside";
+      _container: {
+        css: {
+          bg: "bg";
+        };
+        style: string;
+      }[];
       _invalid: {
         borderColor: "{error-border-color}";
         focusRingColor: "{error-border-color}";

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

@@ -1,7 +1,6 @@
 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,11 +4,10 @@ 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 react60 from "react";
+import * as react1044 from "react";
 import { FC, ReactNode } from "react";
 
 //#region src/components/pagination/pagination.d.ts
@@ -69,7 +68,7 @@ interface PaginationRootProps extends WithoutThemeProps<Omit<ButtonGroupRootProp
    */
   itemProps?: PaginationItemProps;
 }
-declare const PaginationPropsContext: react60.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined;
+declare const PaginationPropsContext: react1044.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/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" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
+declare const paginationStyle: ComponentSlotStyle<"text" | "item" | "root", CSSPropObject<CSSSlotObject<"text" | "item" | "root">>, {
   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 react59 from "react";
+import * as react1043 from "react";
 
 //#region src/components/pagination/use-pagination.d.ts
 type Page = "ellipsis" | number;
 interface PaginationContext extends Omit<UsePaginationReturn, "getRootProps"> {}
-declare const PaginationContext: react59.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
+declare const PaginationContext: react1043.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,11 +4,10 @@ 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 react797 from "react";
+import * as react1039 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/password-input/password-input.d.ts
@@ -33,7 +32,7 @@ interface PasswordInputProps extends WithoutThemeProps<InputProps, PasswordInput
    */
   rootProps?: InputGroupRootProps;
 }
-declare const PasswordInputPropsContext: react797.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined;
+declare const PasswordInputPropsContext: react1039.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/password-input.style.d.ts

@@ -371,6 +371,12 @@ declare const passwordInputStyle: ComponentSlotStyle<"button" | "root" | "field"
       border: "1px solid transparent";
       focusRingColor: "{focus-border-color}";
       focusVisibleRing: "inside";
+      _container: {
+        css: {
+          bg: "bg";
+        };
+        style: string;
+      }[];
       _invalid: {
         borderColor: "{error-border-color}";
         focusRingColor: "{error-border-color}";
@@ -410,6 +416,12 @@ declare const passwordInputStyle: ComponentSlotStyle<"button" | "root" | "field"
       border: "1px solid {colors.border}";
       focusRingColor: "{focus-border-color}";
       focusVisibleRing: "inside";
+      _container: {
+        css: {
+          bg: "bg";
+        };
+        style: string;
+      }[];
       _invalid: {
         borderColor: "{error-border-color}";
         focusRingColor: "{error-border-color}";

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 react798 from "react";
+import * as react1040 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: react798.Context<Partial<StrengthMeterProps> | undefined>, useStrengthMeterPropsContext: () => Partial<StrengthMeterProps> | undefined;
+declare const StrengthMeterPropsContext: react1040.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" | "root" | "indicator" | "indicators", CSSPropObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>, CSSModifierObject<CSSSlotObject<"label" | "root" | "indicator" | "indicators">>>;
+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">>>;
 type StrengthMeterStyle = typeof strengthMeterStyle;
 //#endregion
 export { StrengthMeterStyle, strengthMeterStyle };

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

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

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

@@ -3,7 +3,6 @@ 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,16 +4,14 @@ 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 react796 from "react";
+import * as react1030 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: react796.Context<Partial<PinInputRootProps> | undefined>, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined;
+declare const PinInputPropsContext: react1030.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/pin-input.style.d.ts

@@ -47,6 +47,12 @@ declare const pinInputStyle: ComponentSlotStyle<"root" | "field", CSSPropObject<
       border: "1px solid transparent";
       focusRingColor: "{focus-border-color}";
       focusVisibleRing: "inside";
+      _container: {
+        css: {
+          bg: "bg";
+        };
+        style: string;
+      }[];
       _invalid: {
         borderColor: "{error-border-color}";
         focusRingColor: "{error-border-color}";
@@ -77,6 +83,12 @@ declare const pinInputStyle: ComponentSlotStyle<"root" | "field", CSSPropObject<
       border: "1px solid {colors.border}";
       focusRingColor: "{focus-border-color}";
       focusVisibleRing: "inside";
+      _container: {
+        css: {
+          bg: "bg";
+        };
+        style: string;
+      }[];
       _invalid: {
         borderColor: "{error-border-color}";
         focusRingColor: "{error-border-color}";

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

@@ -1,13 +1,12 @@
 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 react790 from "react";
+import * as react1024 from "react";
 
 //#region src/components/pin-input/use-pin-input.d.ts
-declare const PinInputDescendantsContext: react790.Context<{
+declare const PinInputDescendantsContext: react1024.Context<{
     active: (target?: HTMLInputElement | Descendant<HTMLInputElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;
@@ -26,7 +25,7 @@ declare const PinInputDescendantsContext: react790.Context<{
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react790.RefCallback<HTMLInputElement>;
+    } | undefined) => react1024.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: () => Descendant<HTMLInputElement, {}>[];
@@ -52,12 +51,12 @@ declare const PinInputDescendantsContext: react790.Context<{
       prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean) => Descendant<HTMLInputElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-      } | undefined) => react790.RefCallback<HTMLInputElement>;
+      } | undefined) => react1024.RefCallback<HTMLInputElement>;
       unregister: (node?: HTMLInputElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
       values: () => Descendant<HTMLInputElement, {}>[];
     };
-    register: react790.RefCallback<HTMLInputElement>;
+    register: react1024.RefCallback<HTMLInputElement>;
   }, usePinInputDescendants: () => {
     active: (target?: HTMLInputElement | Descendant<HTMLInputElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
@@ -77,7 +76,7 @@ declare const PinInputDescendantsContext: react790.Context<{
     prevValue: (indexOrNode: number | HTMLInputElement | Descendant<HTMLInputElement, {}> | null, loop?: boolean) => Descendant<HTMLInputElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLInputElement) => boolean) | undefined;
-    } | undefined) => react790.RefCallback<HTMLInputElement>;
+    } | undefined) => react1024.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: () => Descendant<HTMLInputElement, {}>[];
@@ -163,7 +162,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) => react790.RefCallback<HTMLInputElement>;
+    } | undefined) => react1024.RefCallback<HTMLInputElement>;
     unregister: (node?: HTMLInputElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLInputElement | null) => Descendant<HTMLInputElement, {}> | undefined;
     values: () => Descendant<HTMLInputElement, {}>[];

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

@@ -1,5 +1,5 @@
 import { PopoverStyle, popoverStyle } from "./popover.style.js";
 import { UsePopoverProps, UsePopoverReturn, popoverProps, usePopover, usePopoverProps } from "./use-popover.js";
-import { PopoverAnchor, PopoverAnchorProps, PopoverBody, PopoverBodyProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverPropsContext, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, PopupAnimationProps, getPopupAnimationProps, usePopoverPropsContext } from "./popover.js";
+import { PopoverAnchor, PopoverAnchorProps, PopoverBody, PopoverBodyProps, PopoverCloseTrigger, PopoverCloseTriggerProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverPropsContext, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, PopupAnimationProps, getPopupAnimationProps, usePopoverPropsContext } from "./popover.js";
 import { namespace_d_exports } from "./namespace.js";
-export { namespace_d_exports as Popover, PopoverAnchor, type PopoverAnchorProps, PopoverBody, type PopoverBodyProps, PopoverContent, type PopoverContentProps, PopoverFooter, type PopoverFooterProps, PopoverHeader, type PopoverHeaderProps, PopoverPropsContext, PopoverRoot, type PopoverRootProps, PopoverStyle, PopoverTrigger, type PopoverTriggerProps, type PopupAnimationProps, UsePopoverProps, UsePopoverReturn, getPopupAnimationProps, popoverProps, popoverStyle, usePopover, usePopoverProps, usePopoverPropsContext };
+export { namespace_d_exports as Popover, PopoverAnchor, type PopoverAnchorProps, PopoverBody, type PopoverBodyProps, PopoverCloseTrigger, type PopoverCloseTriggerProps, PopoverContent, type PopoverContentProps, PopoverFooter, type PopoverFooterProps, PopoverHeader, type PopoverHeaderProps, PopoverPropsContext, PopoverRoot, type PopoverRootProps, PopoverStyle, PopoverTrigger, type PopoverTriggerProps, type PopupAnimationProps, UsePopoverProps, UsePopoverReturn, getPopupAnimationProps, popoverProps, popoverStyle, usePopover, usePopoverProps, usePopoverPropsContext };

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

@@ -1,8 +1,8 @@
-import { PopoverAnchor, PopoverAnchorProps, PopoverBody, PopoverBodyProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverPropsContext, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, usePopoverPropsContext } from "./popover.js";
+import { PopoverAnchor, PopoverAnchorProps, PopoverBody, PopoverBodyProps, PopoverCloseTrigger, PopoverCloseTriggerProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverPropsContext, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, usePopoverPropsContext } from "./popover.js";
 
 //#region src/components/popover/namespace.d.ts
 declare namespace namespace_d_exports {
-  export { PopoverAnchor as Anchor, PopoverAnchorProps as AnchorProps, PopoverBody as Body, PopoverBodyProps as BodyProps, PopoverContent as Content, PopoverContentProps as ContentProps, PopoverFooter as Footer, PopoverFooterProps as FooterProps, PopoverHeader as Header, PopoverHeaderProps as HeaderProps, PopoverPropsContext as PropsContext, PopoverRoot as Root, PopoverRootProps as RootProps, PopoverTrigger as Trigger, PopoverTriggerProps as TriggerProps, usePopoverPropsContext as usePropsContext };
+  export { PopoverAnchor as Anchor, PopoverAnchorProps as AnchorProps, PopoverBody as Body, PopoverBodyProps as BodyProps, PopoverCloseTrigger as CloseTrigger, PopoverCloseTriggerProps as CloseTriggerProps, PopoverContent as Content, PopoverContentProps as ContentProps, PopoverFooter as Footer, PopoverFooterProps as FooterProps, PopoverHeader as Header, PopoverHeaderProps as HeaderProps, PopoverPropsContext as PropsContext, PopoverRoot as Root, PopoverRootProps as RootProps, PopoverTrigger as Trigger, PopoverTriggerProps as TriggerProps, usePopoverPropsContext as usePropsContext };
 }
 //#endregion
 export { namespace_d_exports };

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

@@ -3,12 +3,11 @@ 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 react62 from "react";
+import * as react1047 from "react";
 import { FC, PropsWithChildren } from "react";
 
 //#region src/components/popover/popover.d.ts
@@ -41,14 +40,8 @@ interface PopoverRootProps extends UsePopoverProps, PopupAnimationProps, ThemePr
    * @default 0.2
    */
   duration?: PopupAnimationProps["duration"];
-  /**
-   * If `true`, display the popover close button.
-   *
-   * @default true
-   */
-  withCloseButton?: boolean;
 }
-declare const PopoverPropsContext: react62.Context<Partial<PopoverRootProps> | undefined>, usePopoverPropsContext: () => Partial<PopoverRootProps> | undefined;
+declare const PopoverPropsContext: react1047.Context<Partial<PopoverRootProps> | undefined>, usePopoverPropsContext: () => Partial<PopoverRootProps> | undefined;
 /**
  * `Popover` is a component that floats around an element to display information.
  *
@@ -57,6 +50,8 @@ declare const PopoverPropsContext: react62.Context<Partial<PopoverRootProps> | u
 declare const PopoverRoot: FC<PopoverRootProps>;
 interface PopoverTriggerProps extends HTMLStyledProps<"button"> {}
 declare const PopoverTrigger: Component<"button", PopoverTriggerProps>;
+interface PopoverCloseTriggerProps extends HTMLStyledProps<"button"> {}
+declare const PopoverCloseTrigger: Component<"button", PopoverCloseTriggerProps>;
 interface PopoverAnchorProps extends HTMLStyledProps {}
 declare const PopoverAnchor: Component<"div", PopoverAnchorProps>;
 interface PopoverContentProps extends Omit<HTMLMotionProps, "children">, PropsWithChildren {
@@ -73,5 +68,5 @@ declare const PopoverBody: Component<"div", PopoverBodyProps>;
 interface PopoverFooterProps extends HTMLStyledProps {}
 declare const PopoverFooter: Component<"div", PopoverFooterProps>;
 //#endregion
-export { PopoverAnchor, PopoverAnchorProps, PopoverBody, PopoverBodyProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverPropsContext, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, PopupAnimationProps, getPopupAnimationProps, usePopoverPropsContext };
+export { PopoverAnchor, PopoverAnchorProps, PopoverBody, PopoverBodyProps, PopoverCloseTrigger, PopoverCloseTriggerProps, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverPropsContext, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, PopupAnimationProps, getPopupAnimationProps, usePopoverPropsContext };
 //# sourceMappingURL=popover.d.ts.map

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

@@ -114,6 +114,7 @@ declare const usePopover: ({
   open: boolean;
   getAnchorProps: PropGetter<"div", undefined, undefined>;
   getBodyProps: PropGetter<"div", undefined, undefined>;
+  getCloseTriggerProps: PropGetter<"button", undefined, undefined>;
   getContentProps: PropGetter<"div", undefined, undefined>;
   getFooterProps: PropGetter<"div", undefined, undefined>;
   getHeaderProps: PropGetter<"div", undefined, undefined>;

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_runtime1 from "react/jsx-runtime";
-import * as react789 from "react";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react826 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: react789.Context<Partial<ProgressProps> | undefined>, useProgressPropsContext: () => Partial<ProgressProps> | undefined;
+declare const ProgressPropsContext: react826.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_runtime1.JSX.Element, ProgressProps>;
+}>, keyof ProgressProps>) => react_jsx_runtime6.JSX.Element, ProgressProps>;
 interface ProgressRangeProps extends HTMLStyledProps {}
 //#endregion
 export { Progress, ProgressProps, ProgressPropsContext, useProgressPropsContext };