@yamada-ui/react 2.0.10-dev-20260301101758 → 2.1.0-dev-20260302125757

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

@@ -0,0 +1,35 @@
+import { ThemeProps } from "../../core/system/index.types.js";
+import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { NativePopoverStyle } from "./native-popover.style.js";
+import { UseNativePopoverProps } from "./use-native-popover.js";
+import "../../index.js";
+import * as react784 from "react";
+import { FC, PropsWithChildren } from "react";
+
+//#region src/components/native-popover/native-popover.d.ts
+interface NativePopoverRootProps extends UseNativePopoverProps, ThemeProps<NativePopoverStyle>, PropsWithChildren {}
+declare const NativePopoverPropsContext: react784.Context<Partial<NativePopoverRootProps> | undefined>, useNativePopoverPropsContext: () => Partial<NativePopoverRootProps> | undefined;
+/**
+ * `NativePopover` is a component that floats around an element to display information using the native HTML Popover API.
+ *
+ * @see https://yamada-ui.com/docs/components/native-popover
+ */
+declare const NativePopoverRoot: FC<NativePopoverRootProps>;
+interface NativePopoverTriggerProps extends HTMLStyledProps<"button"> {}
+declare const NativePopoverTrigger: Component<"button", NativePopoverTriggerProps>;
+interface NativePopoverAnchorProps extends HTMLStyledProps {}
+declare const NativePopoverAnchor: Component<"div", NativePopoverAnchorProps>;
+interface NativePopoverCloseTriggerProps extends HTMLStyledProps<"button"> {}
+declare const NativePopoverCloseTrigger: Component<"button", NativePopoverCloseTriggerProps>;
+interface NativePopoverContentProps extends HTMLStyledProps, PropsWithChildren {}
+declare const NativePopoverContent: Component<"div", NativePopoverContentProps>;
+interface NativePopoverHeaderProps extends HTMLStyledProps {}
+declare const NativePopoverHeader: Component<"div", NativePopoverHeaderProps>;
+interface NativePopoverBodyProps extends HTMLStyledProps {}
+declare const NativePopoverBody: Component<"div", NativePopoverBodyProps>;
+interface NativePopoverFooterProps extends HTMLStyledProps {}
+declare const NativePopoverFooter: Component<"div", NativePopoverFooterProps>;
+//#endregion
+export { NativePopoverAnchor, NativePopoverAnchorProps, NativePopoverBody, NativePopoverBodyProps, NativePopoverCloseTrigger, NativePopoverCloseTriggerProps, NativePopoverContent, NativePopoverContentProps, NativePopoverFooter, NativePopoverFooterProps, NativePopoverHeader, NativePopoverHeaderProps, NativePopoverPropsContext, NativePopoverRoot, NativePopoverRootProps, NativePopoverTrigger, NativePopoverTriggerProps, useNativePopoverPropsContext };
+//# sourceMappingURL=native-popover.d.ts.map

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

@@ -0,0 +1,39 @@
+import { ComponentSlotStyle } from "../../core/system/index.types.js";
+import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
+import "../../index.js";
+
+//#region src/components/native-popover/native-popover.style.d.ts
+declare const nativePopoverStyle: ComponentSlotStyle<"body" | "footer" | "header" | "content", CSSPropObject<CSSSlotObject<"body" | "footer" | "header" | "content">>, {
+  xs: {
+    content: {
+      "--gap": "spaces.1";
+      "--padding": "spaces.2";
+      fontSize: "xs";
+    };
+  };
+  sm: {
+    content: {
+      "--gap": "spaces.2";
+      "--padding": "spaces.3";
+      fontSize: "sm";
+    };
+  };
+  md: {
+    content: {
+      "--gap": "spaces.3";
+      "--padding": "spaces.4";
+      fontSize: "md";
+    };
+  };
+  lg: {
+    content: {
+      "--gap": "spaces.4";
+      "--padding": "spaces.5";
+      fontSize: "md";
+    };
+  };
+}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "content">>>;
+type NativePopoverStyle = typeof nativePopoverStyle;
+//#endregion
+export { NativePopoverStyle, nativePopoverStyle };
+//# sourceMappingURL=native-popover.style.d.ts.map

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

@@ -0,0 +1,75 @@
+import { Direction } from "../../core/system/index.types.js";
+import { PropGetter } from "../../core/components/index.types.js";
+import "../../core/index.js";
+import { UsePopperProps } from "../../hooks/use-popper/index.js";
+import { RefObject } from "react";
+
+//#region src/components/native-popover/use-native-popover.d.ts
+interface UseNativePopoverProps extends UsePopperProps<"button"> {
+  /**
+   * If `true`, the popover will be disabled.
+   *
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * The placement of the popper relative to its reference.
+   *
+   * @default 'end'
+   */
+  placement?: Direction;
+  /**
+   * The mode of the popover.
+   *
+   * @default 'auto'
+   */
+  popover?: "" | "auto" | "hint" | "manual" | true;
+  /**
+   * The target element ID for the popover trigger.
+   * If not provided, a generated ID will be used.
+   */
+  popoverTarget?: string;
+  /**
+   * The action for the popover target.
+   *
+   * @default 'toggle'
+   */
+  popoverTargetAction?: "hide" | "show" | "toggle";
+  /**
+   * Update the position of the floating element, re-rendering the component if required.
+   */
+  updateRef?: RefObject<() => void>;
+}
+declare const useNativePopover: ({
+  autoUpdate,
+  disabled,
+  elements,
+  flip,
+  gutter,
+  matchWidth,
+  middleware,
+  offset,
+  placement,
+  platform,
+  popover,
+  popoverTarget,
+  popoverTargetAction,
+  preventOverflow,
+  strategy,
+  transform,
+  updateRef,
+  whileElementsMounted
+}?: UseNativePopoverProps) => {
+  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>;
+  getPositionerProps: PropGetter<"div", undefined, undefined>;
+  getTriggerProps: PropGetter<"button", undefined, undefined>;
+};
+type UseNativePopoverReturn = ReturnType<typeof useNativePopover>;
+//#endregion
+export { UseNativePopoverProps, UseNativePopoverReturn, useNativePopover };
+//# sourceMappingURL=use-native-popover.d.ts.map

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

@@ -10,7 +10,7 @@ import "../input/index.js";
 import { NativeSelectStyle } from "./native-select.style.js";
 import { UseNativeSelectProps } from "./use-native-select.js";
 import "../../index.js";
-import * as react824 from "react";
+import * as react781 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/native-select/native-select.d.ts
@@ -32,7 +32,7 @@ interface NativeSelectRootProps extends Omit<HTMLStyledProps<"select">, "size">,
    */
   rootProps?: InputGroupRootProps;
 }
-declare const NativeSelectPropsContext: react824.Context<Partial<NativeSelectRootProps> | undefined>, useNativeSelectPropsContext: () => Partial<NativeSelectRootProps> | undefined;
+declare const NativeSelectPropsContext: react781.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-table/native-table.d.ts

@@ -5,7 +5,7 @@ import "../../core/index.js";
 import { NativeTableStyle } from "./native-table.style.js";
 import "../../index.js";
 import * as react_jsx_runtime2 from "react/jsx-runtime";
-import * as react823 from "react";
+import * as react779 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: react823.Context<Partial<NativeTableRootProps> | undefined>, useNativeTablePropsContext: () => Partial<NativeTableRootProps> | undefined;
+declare const NativeTablePropsContext: react779.Context<Partial<NativeTableRootProps> | undefined>, useNativeTablePropsContext: () => Partial<NativeTableRootProps> | undefined;
 /**
  * `NativeTable` is a component for efficiently organizing and displaying data.
  *

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/number-input/number-input.d.ts

@@ -9,7 +9,7 @@ import "../input/index.js";
 import { NumberInputStyle } from "./number-input.style.js";
 import { UseNumberInputProps } from "./use-number-input.js";
 import "../../index.js";
-import * as react822 from "react";
+import * as react778 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 +34,7 @@ interface NumberInputProps extends Omit<WithoutThemeProps<InputProps, NumberInpu
    */
   rootProps?: InputGroupRootProps;
 }
-declare const NumberInputPropsContext: react822.Context<Partial<NumberInputProps> | undefined>, useNumberInputPropsContext: () => Partial<NumberInputProps> | undefined;
+declare const NumberInputPropsContext: react778.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

@@ -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/pagination/pagination.d.ts

@@ -8,7 +8,7 @@ import "../button/index.js";
 import { PaginationStyle } from "./pagination.style.js";
 import { Page, UsePaginationProps } from "./use-pagination.js";
 import "../../index.js";
-import * as react820 from "react";
+import * as react777 from "react";
 import { FC, ReactNode } from "react";
 
 //#region src/components/pagination/pagination.d.ts
@@ -69,7 +69,7 @@ interface PaginationRootProps extends WithoutThemeProps<Omit<ButtonGroupRootProp
    */
   itemProps?: PaginationItemProps;
 }
-declare const PaginationPropsContext: react820.Context<Partial<PaginationRootProps> | undefined>, usePaginationPropsContext: () => Partial<PaginationRootProps> | undefined;
+declare const PaginationPropsContext: react777.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 react819 from "react";
+import * as react776 from "react";
 
 //#region src/components/pagination/use-pagination.d.ts
 type Page = "ellipsis" | number;
 interface PaginationContext extends Omit<UsePaginationReturn, "getRootProps"> {}
-declare const PaginationContext: react819.Context<PaginationContext>, usePaginationContext: () => PaginationContext;
+declare const PaginationContext: react776.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

@@ -8,7 +8,7 @@ import "../input/index.js";
 import { PasswordInputStyle } from "./password-input.style.js";
 import { UsePasswordInputProps } from "./use-password-input.js";
 import "../../index.js";
-import * as react818 from "react";
+import * as react773 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/password-input/password-input.d.ts
@@ -33,7 +33,7 @@ interface PasswordInputProps extends WithoutThemeProps<InputProps, PasswordInput
    */
   rootProps?: InputGroupRootProps;
 }
-declare const PasswordInputPropsContext: react818.Context<Partial<PasswordInputProps> | undefined>, usePasswordInputPropsContext: () => Partial<PasswordInputProps> | undefined;
+declare const PasswordInputPropsContext: react773.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 react817 from "react";
+import * as react772 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: react817.Context<Partial<StrengthMeterProps> | undefined>, useStrengthMeterPropsContext: () => Partial<StrengthMeterProps> | undefined;
+declare const StrengthMeterPropsContext: react772.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

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

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

@@ -9,11 +9,11 @@ import "../input/index.js";
 import { PinInputStyle } from "./pin-input.style.js";
 import { UsePinInputProps } from "./use-pin-input.js";
 import "../../index.js";
-import * as react814 from "react";
+import * as react771 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: react814.Context<Partial<PinInputRootProps> | undefined>, usePinInputPropsContext: () => Partial<PinInputRootProps> | undefined;
+declare const PinInputPropsContext: react771.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

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

@@ -8,7 +8,7 @@ import { PopoverStyle } from "./popover.style.js";
 import { PortalProps } from "../portal/portal.js";
 import { UsePopoverProps } from "./use-popover.js";
 import "../../index.js";
-import * as react908 from "react";
+import * as react764 from "react";
 import { FC, PropsWithChildren } from "react";
 
 //#region src/components/popover/popover.d.ts
@@ -41,14 +41,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: react908.Context<Partial<PopoverRootProps> | undefined>, usePopoverPropsContext: () => Partial<PopoverRootProps> | undefined;
+declare const PopoverPropsContext: react764.Context<Partial<PopoverRootProps> | undefined>, usePopoverPropsContext: () => Partial<PopoverRootProps> | undefined;
 /**
  * `Popover` is a component that floats around an element to display information.
  *
@@ -57,6 +51,8 @@ declare const PopoverPropsContext: react908.Context<Partial<PopoverRootProps> |
 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 +69,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

@@ -6,7 +6,7 @@ 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 react807 from "react";
+import * as react763 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: react807.Context<Partial<ProgressProps> | undefined>, useProgressPropsContext: () => Partial<ProgressProps> | undefined;
+declare const ProgressPropsContext: react763.Context<Partial<ProgressProps> | undefined>, useProgressPropsContext: () => Partial<ProgressProps> | undefined;
 /**
  * `Progress` is a component for visually indicating progress.
  *