@yamada-ui/react 2.2.6-dev-20260730073118 → 2.2.6

package/dist/types/components/chart/polar-chart.style.d.ts

@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 //#region src/components/chart/polar-chart.style.d.ts
-declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
+declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
 type PolarChartStyle = typeof polarChartStyle;
 //#endregion
 export { PolarChartStyle, polarChartStyle };

package/dist/types/components/focus-lock/focus-lock.d.ts

@@ -1,5 +1,6 @@
 import { FC, PropsWithChildren, RefObject } from "react";
 //#region src/components/focus-lock/focus-lock.d.ts
+declare const useFocusLockShard: () => ((shard: HTMLElement) => () => void) | undefined;
 interface FocusLockProps extends PropsWithChildren {
   /**
    * If `true`, the first focusable element within the `children` will auto-focused once `FocusLock` mounts.
@@ -53,5 +54,5 @@ interface FocusLockProps extends PropsWithChildren {
  */
 declare const FocusLock: FC<FocusLockProps>;
 //#endregion
-export { FocusLock, FocusLockProps };
+export { FocusLock, FocusLockProps, useFocusLockShard };
 //# sourceMappingURL=focus-lock.d.ts.map

package/dist/types/components/focus-lock/index.d.ts

@@ -1,2 +1,2 @@
-import { FocusLock, FocusLockProps } from "./focus-lock.js";
-export { FocusLock, type FocusLockProps };
+import { FocusLock, FocusLockProps, useFocusLockShard } from "./focus-lock.js";
+export { FocusLock, type FocusLockProps, useFocusLockShard };

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

@@ -11,7 +11,7 @@ import { PortalProps } from "../portal/portal.js";
 import "../portal/index.js";
 import { UsePopoverProps } from "./use-popover.js";
 import "../../index.js";
-import { FC, PropsWithChildren } from "react";
+import { FC, PropsWithChildren, ReactNode } from "react";
 //#region src/components/popover/popover.d.ts
 interface UsePopupAnimationProps {
   /**
@@ -69,7 +69,11 @@ declare const usePopoverStyleProps: (props?: UsePopoverStyleProps) => {
   placement: Direction | undefined;
   strategy: import("@floating-ui/react-dom").Strategy | undefined;
 };
-interface PopoverRootProps extends Merge<UsePopoverProps, UsePopoverStyleProps>, UsePopupAnimationProps, ThemeProps<PopoverStyle> {
+interface PopoverRootProps extends Merge<UsePopoverProps, UsePopoverStyleProps>, UsePopupAnimationProps, ThemeProps<PopoverStyle>, ShorthandPopoverContentProps {
+  /**
+   * The popover anchor to use.
+   */
+  anchor?: ReactNode;
   /**
    * The children of the popover.
    */
@@ -77,6 +81,38 @@ interface PopoverRootProps extends Merge<UsePopoverProps, UsePopoverStyleProps>,
     open: boolean;
     onClose: () => void;
   }>;
+  /**
+   * The popover trigger to use.
+   */
+  trigger?: ReactNode;
+  /**
+   * Props for anchor element.
+   */
+  anchorProps?: Omit<PopoverAnchorProps, "asChild" | "children">;
+  /**
+   * Props for body element.
+   */
+  bodyProps?: Omit<PopoverBodyProps, "children">;
+  /**
+   * Props for close trigger element.
+   */
+  closeTriggerProps?: Omit<PopoverCloseTriggerProps, "asChild" | "children">;
+  /**
+   * Props for content element.
+   */
+  contentProps?: Omit<PopoverContentProps, "children">;
+  /**
+   * Props for footer element.
+   */
+  footerProps?: Omit<PopoverFooterProps, "children">;
+  /**
+   * Props for header element.
+   */
+  headerProps?: Omit<PopoverHeaderProps, "children">;
+  /**
+   * Props for trigger element.
+   */
+  triggerProps?: Omit<PopoverTriggerProps, "asChild" | "children">;
 }
 declare const PopoverPropsContext: import("react").Context<Partial<PopoverRootProps> | undefined>, usePopoverPropsContext: () => Partial<PopoverRootProps> | undefined;
 /**
@@ -103,6 +139,20 @@ interface PopoverContentProps extends Omit<HTMLMotionProps, "children">, PropsWi
   positionerProps?: Omit<PopoverPositionerProps, "children">;
 }
 declare const PopoverContent: Component<"div", PopoverContentProps>;
+interface ShorthandPopoverContentProps {
+  /**
+   * The popover body to use.
+   */
+  body?: PopoverBodyProps | ReactNode;
+  /**
+   * The popover footer to use.
+   */
+  footer?: PopoverFooterProps | ReactNode;
+  /**
+   * The popover header to use.
+   */
+  header?: PopoverHeaderProps | ReactNode;
+}
 interface PopoverHeaderProps extends HTMLStyledProps {}
 declare const PopoverHeader: Component<"div", PopoverHeaderProps>;
 interface PopoverBodyProps extends HTMLStyledProps {}