@yamada-ui/popover 1.3.3-dev-20240926165323 → 1.3.3-dev-20240926171200

package/dist/index.mjs

@@ -1,29 +1,29 @@
 "use client"
 import {
   PopoverAnchor
-} from "./chunk-MLEEMVQI.mjs";
+} from "./chunk-FIADAGVP.mjs";
 import {
   PopoverBody
-} from "./chunk-MWWNZ7OL.mjs";
+} from "./chunk-ITQ2KUJZ.mjs";
 import {
   PopoverContent
-} from "./chunk-ZTNVKVLS.mjs";
+} from "./chunk-FAPYWOWO.mjs";
 import {
   PopoverCloseButton
-} from "./chunk-NO5ZQLT6.mjs";
+} from "./chunk-P4MJ5IU7.mjs";
 import {
   PopoverFooter
-} from "./chunk-KDUZQWBX.mjs";
+} from "./chunk-GXJI2MI3.mjs";
 import {
   PopoverHeader
-} from "./chunk-JDFT5ECK.mjs";
+} from "./chunk-2EUPTTRC.mjs";
 import {
   PopoverTrigger
-} from "./chunk-ZUN4C7RP.mjs";
+} from "./chunk-4XXWFN6L.mjs";
 import {
   Popover,
   popoverProperties
-} from "./chunk-L5V3DH65.mjs";
+} from "./chunk-6THCC2BT.mjs";
 export {
   Popover,
   PopoverAnchor,

package/dist/popover-anchor.d.mts

@@ -1,4 +1,5 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC } from '@yamada-ui/core';
+import { PropsWithChildren } from 'react';
 
 declare const PopoverAnchor: FC<PropsWithChildren<{}>>;
 

package/dist/popover-anchor.d.ts

@@ -1,4 +1,5 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC } from '@yamada-ui/core';
+import { PropsWithChildren } from 'react';
 
 declare const PopoverAnchor: FC<PropsWithChildren<{}>>;
 

package/dist/popover-anchor.js

@@ -59,6 +59,224 @@ var [PopoverProvider, usePopover] = (0, import_utils.createContext)({
   strict: false,
   name: "PopoverContext"
 });
+var Popover = (props) => {
+  const [styles, mergedProps] = (0, import_core.useComponentMultiStyle)("Popover", props);
+  const {
+    children,
+    initialFocusRef,
+    restoreFocus = true,
+    autoFocus = true,
+    closeOnBlur = true,
+    closeOnEsc = true,
+    closeOnButton = true,
+    trigger = "click",
+    openDelay = 200,
+    closeDelay = 200,
+    isLazy,
+    lazyBehavior = "unmount",
+    animation = "scale",
+    duration,
+    relatedRef,
+    ...rest
+  } = (0, import_core.omitThemeProps)(mergedProps);
+  const { isOpen, onOpen, onClose, onToggle } = (0, import_use_disclosure.useDisclosure)(mergedProps);
+  const anchorRef = (0, import_react.useRef)(null);
+  const triggerRef = (0, import_react.useRef)(null);
+  const popoverRef = (0, import_react.useRef)(null);
+  const { present, onAnimationComplete } = (0, import_use_animation.useAnimationObserver)({
+    isOpen,
+    ref: popoverRef
+  });
+  const openTimeout = (0, import_react.useRef)(void 0);
+  const closeTimeout = (0, import_react.useRef)(void 0);
+  const isHoveringRef = (0, import_react.useRef)(false);
+  const hasBeenOpened = (0, import_react.useRef)(false);
+  if (isOpen) hasBeenOpened.current = true;
+  const { referenceRef, getPopperProps, forceUpdate, transformOrigin } = (0, import_use_popper.usePopper)({
+    ...rest,
+    enabled: isOpen
+  });
+  (0, import_react.useEffect)(() => {
+    return () => {
+      if (openTimeout.current) clearTimeout(openTimeout.current);
+      if (closeTimeout.current) clearTimeout(closeTimeout.current);
+    };
+  }, []);
+  (0, import_use_focus.useFocusOnPointerDown)({
+    enabled: isOpen,
+    ref: triggerRef
+  });
+  (0, import_use_focus.useFocusOnHide)(popoverRef, {
+    focusRef: triggerRef,
+    visible: isOpen,
+    shouldFocus: restoreFocus && (trigger === "click" || trigger === "contextmenu")
+  });
+  (0, import_use_focus.useFocusOnShow)(popoverRef, {
+    focusRef: initialFocusRef,
+    visible: isOpen,
+    shouldFocus: autoFocus && (trigger === "click" || trigger === "contextmenu")
+  });
+  const shouldRenderChildren = (0, import_use_disclosure.useLazyDisclosure)({
+    wasSelected: hasBeenOpened.current,
+    enabled: isLazy,
+    mode: lazyBehavior,
+    isSelected: present
+  });
+  const getPopoverProps = (0, import_react.useCallback)(
+    (props2 = {}, ref = null) => {
+      const popoverProps = {
+        ...props2,
+        style: {
+          ...props2.style,
+          transformOrigin
+        },
+        ref: (0, import_utils.mergeRefs)(popoverRef, ref),
+        children: shouldRenderChildren ? props2.children : null,
+        tabIndex: -1,
+        onKeyDown: (0, import_utils.handlerAll)(props2.onKeyDown, (ev) => {
+          if (closeOnEsc && ev.key === "Escape") onClose();
+        }),
+        onBlur: (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
+          const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
+          const targetIsPopover = (0, import_utils.isContains)(popoverRef.current, relatedTarget);
+          const targetIsTrigger = (0, import_utils.isContains)(triggerRef.current, relatedTarget);
+          const targetIsRelated = (relatedRef == null ? void 0 : relatedRef.current) ? (0, import_utils.isContains)(relatedRef.current, relatedTarget) : false;
+          const isValidBlur = !targetIsPopover && !targetIsTrigger && !targetIsRelated;
+          if (isOpen && closeOnBlur && isValidBlur) onClose();
+        })
+      };
+      if (trigger === "hover") {
+        popoverProps.onMouseEnter = (0, import_utils.handlerAll)(props2.onMouseEnter, () => {
+          isHoveringRef.current = true;
+        });
+        popoverProps.onMouseLeave = (0, import_utils.handlerAll)(props2.onMouseLeave, (ev) => {
+          if (ev.nativeEvent.relatedTarget === null) return;
+          isHoveringRef.current = false;
+          if (closeOnBlur) setTimeout(onClose, closeDelay);
+        });
+      }
+      return popoverProps;
+    },
+    [
+      closeDelay,
+      closeOnBlur,
+      closeOnEsc,
+      isOpen,
+      onClose,
+      shouldRenderChildren,
+      transformOrigin,
+      trigger,
+      relatedRef
+    ]
+  );
+  const maybeReferenceRef = (0, import_react.useCallback)(
+    (node) => {
+      if (anchorRef.current == null) referenceRef(node);
+    },
+    [referenceRef]
+  );
+  const getTriggerProps = (0, import_react.useCallback)(
+    (props2 = {}, ref = null) => {
+      const triggerProps = {
+        ...props2,
+        ref: (0, import_utils.mergeRefs)(triggerRef, ref, maybeReferenceRef)
+      };
+      if (trigger === "click") {
+        triggerProps.onClick = (0, import_utils.handlerAll)(props2.onClick, onToggle);
+        triggerProps.onBlur = (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
+          const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
+          const isValidBlur = !(0, import_utils.isContains)(popoverRef.current, relatedTarget);
+          if (isOpen && closeOnBlur && isValidBlur) onClose();
+        });
+      }
+      if (trigger === "contextmenu") {
+        triggerProps.onContextMenu = (0, import_utils.handlerAll)(props2.onContextMenu, (ev) => {
+          ev.preventDefault();
+          onOpen();
+        });
+        triggerProps.onBlur = (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
+          const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
+          const isValidBlur = !(0, import_utils.isContains)(popoverRef.current, relatedTarget);
+          if (isOpen && closeOnBlur && isValidBlur) onClose();
+        });
+      }
+      if (trigger === "hover") {
+        triggerProps.onFocus = (0, import_utils.handlerAll)(props2.onFocus, () => {
+          if (openTimeout.current === void 0) onOpen();
+        });
+        triggerProps.onBlur = (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
+          const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
+          const isValidBlur = !(0, import_utils.isContains)(popoverRef.current, relatedTarget);
+          if (isOpen && closeOnBlur && isValidBlur) onClose();
+        });
+        triggerProps.onKeyDown = (0, import_utils.handlerAll)(props2.onKeyDown, (ev) => {
+          if (ev.key === "Escape") onClose();
+        });
+        triggerProps.onMouseEnter = (0, import_utils.handlerAll)(props2.onMouseEnter, () => {
+          isHoveringRef.current = true;
+          openTimeout.current = window.setTimeout(onOpen, openDelay);
+        });
+        triggerProps.onMouseLeave = (0, import_utils.handlerAll)(props2.onMouseLeave, () => {
+          isHoveringRef.current = false;
+          if (openTimeout.current) {
+            clearTimeout(openTimeout.current);
+            openTimeout.current = void 0;
+          }
+          closeTimeout.current = window.setTimeout(() => {
+            if (!isHoveringRef.current) onClose();
+          }, closeDelay);
+        });
+      }
+      return triggerProps;
+    },
+    [
+      closeDelay,
+      closeOnBlur,
+      isOpen,
+      maybeReferenceRef,
+      onClose,
+      onOpen,
+      onToggle,
+      openDelay,
+      trigger
+    ]
+  );
+  const getAnchorProps = (0, import_react.useCallback)(
+    (props2 = {}, ref = null) => {
+      return {
+        ...props2,
+        ref: (0, import_utils.mergeRefs)(ref, anchorRef, referenceRef)
+      };
+    },
+    [anchorRef, referenceRef]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PopoverProvider,
+    {
+      value: {
+        isOpen,
+        onClose,
+        closeOnButton,
+        onAnimationComplete,
+        forceUpdate,
+        getTriggerProps,
+        getAnchorProps,
+        getPopperProps,
+        getPopoverProps,
+        animation,
+        duration,
+        styles
+      },
+      children: (0, import_utils.runIfFunc)(children, {
+        isOpen,
+        onClose,
+        forceUpdate
+      })
+    }
+  );
+};
+Popover.displayName = "Popover";
+Popover.__ui__ = "Popover";
 
 // src/popover-anchor.tsx
 var PopoverAnchor = ({ children }) => {
@@ -66,6 +284,8 @@ var PopoverAnchor = ({ children }) => {
   const { getAnchorProps } = usePopover();
   return (0, import_react2.cloneElement)(child, getAnchorProps(child.props, child.ref));
 };
+PopoverAnchor.displayName = "PopoverAnchor";
+PopoverAnchor.__ui__ = "PopoverAnchor";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PopoverAnchor

package/dist/popover-anchor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/popover-anchor.tsx","../src/popover.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, ReactElement, RefObject } from \"react\"\nimport { Children, cloneElement } from \"react\"\nimport { usePopover } from \"./popover\"\n\nexport const PopoverAnchor: FC<PropsWithChildren<{}>> = ({ children }) => {\n  const child = Children.only(children) as ReactElement & {\n    ref: RefObject<any>\n  }\n  const { getAnchorProps } = usePopover()\n\n  return cloneElement(child, getAnchorProps(child.props, child.ref))\n}\n","import type {\n  CSSUIObject,\n  HTMLUIPropsWithRef,\n  PropGetter,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport { useComponentMultiStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { MotionProps, MotionTransitionProps } from \"@yamada-ui/motion\"\nimport { useAnimationObserver } from \"@yamada-ui/use-animation\"\nimport type { LazyMode } from \"@yamada-ui/use-disclosure\"\nimport { useDisclosure, useLazyDisclosure } from \"@yamada-ui/use-disclosure\"\nimport {\n  useFocusOnHide,\n  useFocusOnShow,\n  useFocusOnPointerDown,\n} from \"@yamada-ui/use-focus\"\nimport type { UsePopperProps } from \"@yamada-ui/use-popper\"\nimport { usePopper, popperProperties } from \"@yamada-ui/use-popper\"\nimport {\n  createContext,\n  getEventRelatedTarget,\n  handlerAll,\n  isContains,\n  mergeRefs,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type {\n  ComponentProps,\n  FC,\n  PropsWithChildren,\n  RefAttributes,\n  RefObject,\n} from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\n\nexport type PopoverProperty = (typeof popoverProperties)[number]\n\nexport const popoverProperties = [\n  ...popperProperties,\n  \"isOpen\",\n  \"defaultIsOpen\",\n  \"onOpen\",\n  \"onClose\",\n  \"initialFocusRef\",\n  \"restoreFocus\",\n  \"autoFocus\",\n  \"closeOnBlur\",\n  \"closeOnEsc\",\n  \"closeOnButton\",\n  \"trigger\",\n  \"openDelay\",\n  \"closeDelay\",\n  \"isLazy\",\n  \"lazyBehavior\",\n  \"animation\",\n  \"duration\",\n] as const\n\nexport interface ComboBoxProps\n  extends Omit<\n      PopoverOptions,\n      | \"initialFocusRef\"\n      | \"relatedRef\"\n      | \"autoFocus\"\n      | \"restoreFocus\"\n      | \"closeOnButton\"\n      | \"trigger\"\n    >,\n    Omit<UsePopperProps, \"enabled\"> {}\n\ninterface PopoverOptions {\n  /**\n   * If `true`, the popover will be opened.\n   */\n  isOpen?: boolean\n  /**\n   * If `true`, the popover will be initially opened.\n   */\n  defaultIsOpen?: boolean\n  /**\n   * Callback fired when the popover opens.\n   */\n  onOpen?: () => void\n  /**\n   * Callback fired when the popover closes.\n   */\n  onClose?: () => void\n  /**\n   * The `ref` of the element that should receive focus when the popover opens.\n   */\n  initialFocusRef?: RefObject<{ focus(): void }>\n  /**\n   * The `ref` of the element related to the popover.\n   * This is used during the `onBlur` event.\n   */\n  relatedRef?: RefObject<HTMLElement>\n  /**\n   * If `true`, focus will be transferred to the first interactive element when the popover opens.\n   *\n   * @default true\n   */\n  autoFocus?: boolean\n  /**\n   * If `true`, focus will be returned to the element that triggers the popover when it closes.\n   *\n   * @default true\n   */\n  restoreFocus?: boolean\n  /**\n   * If `true`, the popover will close when you blur out it by clicking outside or tabbing out.\n   *\n   * @default true\n   */\n  closeOnBlur?: boolean\n  /**\n   * If `true`, the popover will close when you hit the `Esc` key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, display the popover close button.\n   *\n   * @default true\n   */\n  closeOnButton?: boolean\n  /**\n   * The interaction that triggers the popover.\n   *\n   * - `hover`: means the popover will open when you hover with mouse or focus with keyboard on the popover trigger.\n   * - `click`: means the popover will open on click or press `Enter` to `Space` on keyboard.\n   *\n   * @default 'click'\n   */\n  trigger?: \"click\" | \"hover\" | \"never\" | \"contextmenu\"\n  /**\n   * The number of delay time to open.\n   *\n   * @default 200\n   */\n  openDelay?: number\n  /**\n   * The number of delay time to close.\n   *\n   * @default 200\n   */\n  closeDelay?: number\n  /**\n   * If `true`, the PopoverContent rendering will be deferred until the popover is open.\n   *\n   * @default false\n   */\n  isLazy?: boolean\n  /**\n   * The lazy behavior of popover's content when not visible. Only works when `isLazy={true}`\n   *\n   * - `unmount`: The popover's content is always unmounted when not open.\n   * - `keepMounted`: The popover's content initially unmounted, but stays mounted when popover is open.\n   *\n   * @default 'unmount'\n   */\n  lazyBehavior?: LazyMode\n  /**\n   * The animation of the popover.\n   *\n   * @default 'scale'\n   */\n  animation?: \"scale\" | \"top\" | \"right\" | \"left\" | \"bottom\" | \"none\"\n  /**\n   * The animation duration.\n   */\n  duration?: MotionTransitionProps[\"duration\"]\n}\n\nexport interface PopoverProps\n  extends ThemeProps<\"Popover\">,\n    Omit<UsePopperProps, \"enabled\">,\n    PropsWithChildren<PopoverOptions> {}\n\ninterface PopoverContext\n  extends Pick<\n    PopoverOptions,\n    \"isOpen\" | \"onClose\" | \"closeOnButton\" | \"animation\" | \"duration\"\n  > {\n  onAnimationComplete: () => void\n  forceUpdate: () => void | undefined\n  getTriggerProps: PropGetter\n  getAnchorProps: PropGetter\n  getPopperProps: PropGetter<ComponentProps<\"div\">>\n  getPopoverProps: PropGetter<MotionProps<\"section\">, MotionProps<\"section\">>\n  styles: { [key: string]: CSSUIObject }\n}\n\nconst [PopoverProvider, usePopover] = createContext<PopoverContext>({\n  strict: false,\n  name: \"PopoverContext\",\n})\n\nexport { usePopover }\n\n/**\n * `Popover` is a component that floats around an element to display information.\n *\n * @see Docs https://yamada-ui.com/components/overlay/popover\n */\nexport const Popover: FC<PopoverProps> = (props) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Popover\", props)\n  const {\n    children,\n    initialFocusRef,\n    restoreFocus = true,\n    autoFocus = true,\n    closeOnBlur = true,\n    closeOnEsc = true,\n    closeOnButton = true,\n    trigger = \"click\",\n    openDelay = 200,\n    closeDelay = 200,\n    isLazy,\n    lazyBehavior = \"unmount\",\n    animation = \"scale\",\n    duration,\n    relatedRef,\n    ...rest\n  } = omitThemeProps(mergedProps)\n\n  const { isOpen, onOpen, onClose, onToggle } = useDisclosure(mergedProps)\n\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLElement>(null)\n  const popoverRef = useRef<HTMLElement>(null)\n\n  const { present, onAnimationComplete } = useAnimationObserver({\n    isOpen,\n    ref: popoverRef,\n  })\n\n  const openTimeout = useRef<number | undefined>(undefined)\n  const closeTimeout = useRef<number | undefined>(undefined)\n\n  const isHoveringRef = useRef(false)\n\n  const hasBeenOpened = useRef(false)\n\n  if (isOpen) hasBeenOpened.current = true\n\n  const { referenceRef, getPopperProps, forceUpdate, transformOrigin } =\n    usePopper({\n      ...rest,\n      enabled: isOpen,\n    })\n\n  useEffect(() => {\n    return () => {\n      if (openTimeout.current) clearTimeout(openTimeout.current)\n\n      if (closeTimeout.current) clearTimeout(closeTimeout.current)\n    }\n  }, [])\n\n  useFocusOnPointerDown({\n    enabled: isOpen,\n    ref: triggerRef,\n  })\n\n  useFocusOnHide(popoverRef, {\n    focusRef: triggerRef,\n    visible: isOpen,\n    shouldFocus:\n      restoreFocus && (trigger === \"click\" || trigger === \"contextmenu\"),\n  })\n\n  useFocusOnShow(popoverRef, {\n    focusRef: initialFocusRef,\n    visible: isOpen,\n    shouldFocus:\n      autoFocus && (trigger === \"click\" || trigger === \"contextmenu\"),\n  })\n\n  const shouldRenderChildren = useLazyDisclosure({\n    wasSelected: hasBeenOpened.current,\n    enabled: isLazy,\n    mode: lazyBehavior,\n    isSelected: present,\n  })\n\n  const getPopoverProps: PropGetter<\n    MotionProps<\"section\">,\n    MotionProps<\"section\">\n  > = useCallback(\n    (props = {}, ref = null) => {\n      const popoverProps: MotionProps & RefAttributes<any> = {\n        ...props,\n        style: {\n          ...props.style,\n          transformOrigin,\n        },\n        ref: mergeRefs(popoverRef, ref),\n        children: shouldRenderChildren ? props.children : null,\n        tabIndex: -1,\n        onKeyDown: handlerAll(props.onKeyDown, (ev) => {\n          if (closeOnEsc && ev.key === \"Escape\") onClose()\n        }),\n        onBlur: handlerAll(props.onBlur, (ev) => {\n          const relatedTarget = getEventRelatedTarget(ev)\n          const targetIsPopover = isContains(popoverRef.current, relatedTarget)\n          const targetIsTrigger = isContains(triggerRef.current, relatedTarget)\n          const targetIsRelated = relatedRef?.current\n            ? isContains(relatedRef.current, relatedTarget)\n            : false\n\n          const isValidBlur =\n            !targetIsPopover && !targetIsTrigger && !targetIsRelated\n\n          if (isOpen && closeOnBlur && isValidBlur) onClose()\n        }),\n      }\n\n      if (trigger === \"hover\") {\n        popoverProps.onMouseEnter = handlerAll(props.onMouseEnter, () => {\n          isHoveringRef.current = true\n        })\n\n        popoverProps.onMouseLeave = handlerAll(props.onMouseLeave, (ev) => {\n          if (ev.nativeEvent.relatedTarget === null) return\n\n          isHoveringRef.current = false\n\n          if (closeOnBlur) setTimeout(onClose, closeDelay)\n        })\n      }\n\n      return popoverProps\n    },\n    [\n      closeDelay,\n      closeOnBlur,\n      closeOnEsc,\n      isOpen,\n      onClose,\n      shouldRenderChildren,\n      transformOrigin,\n      trigger,\n      relatedRef,\n    ],\n  )\n\n  const maybeReferenceRef = useCallback(\n    (node: Element) => {\n      if (anchorRef.current == null) referenceRef(node)\n    },\n    [referenceRef],\n  )\n\n  const getTriggerProps: PropGetter = useCallback(\n    (props = {}, ref = null) => {\n      const triggerProps: HTMLUIPropsWithRef = {\n        ...props,\n        ref: mergeRefs(triggerRef, ref, maybeReferenceRef),\n      }\n\n      if (trigger === \"click\") {\n        triggerProps.onClick = handlerAll(props.onClick, onToggle)\n        triggerProps.onBlur = handlerAll(props.onBlur, (ev) => {\n          const relatedTarget = getEventRelatedTarget(ev)\n          const isValidBlur = !isContains(popoverRef.current, relatedTarget)\n\n          if (isOpen && closeOnBlur && isValidBlur) onClose()\n        })\n      }\n\n      if (trigger === \"contextmenu\") {\n        triggerProps.onContextMenu = handlerAll(props.onContextMenu, (ev) => {\n          ev.preventDefault()\n          onOpen()\n        })\n        triggerProps.onBlur = handlerAll(props.onBlur, (ev) => {\n          const relatedTarget = getEventRelatedTarget(ev)\n          const isValidBlur = !isContains(popoverRef.current, relatedTarget)\n\n          if (isOpen && closeOnBlur && isValidBlur) onClose()\n        })\n      }\n\n      if (trigger === \"hover\") {\n        triggerProps.onFocus = handlerAll(props.onFocus, () => {\n          if (openTimeout.current === undefined) onOpen()\n        })\n\n        triggerProps.onBlur = handlerAll(props.onBlur, (ev) => {\n          const relatedTarget = getEventRelatedTarget(ev)\n          const isValidBlur = !isContains(popoverRef.current, relatedTarget)\n\n          if (isOpen && closeOnBlur && isValidBlur) onClose()\n        })\n\n        triggerProps.onKeyDown = handlerAll(props.onKeyDown, (ev) => {\n          if (ev.key === \"Escape\") onClose()\n        })\n\n        triggerProps.onMouseEnter = handlerAll(props.onMouseEnter, () => {\n          isHoveringRef.current = true\n          openTimeout.current = window.setTimeout(onOpen, openDelay)\n        })\n\n        triggerProps.onMouseLeave = handlerAll(props.onMouseLeave, () => {\n          isHoveringRef.current = false\n\n          if (openTimeout.current) {\n            clearTimeout(openTimeout.current)\n            openTimeout.current = undefined\n          }\n\n          closeTimeout.current = window.setTimeout(() => {\n            if (!isHoveringRef.current) onClose()\n          }, closeDelay)\n        })\n      }\n\n      return triggerProps\n    },\n    [\n      closeDelay,\n      closeOnBlur,\n      isOpen,\n      maybeReferenceRef,\n      onClose,\n      onOpen,\n      onToggle,\n      openDelay,\n      trigger,\n    ],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    (props = {}, ref = null) => {\n      return {\n        ...props,\n        ref: mergeRefs(ref, anchorRef, referenceRef),\n      }\n    },\n    [anchorRef, referenceRef],\n  )\n\n  return (\n    <PopoverProvider\n      value={{\n        isOpen,\n        onClose,\n        closeOnButton,\n        onAnimationComplete,\n        forceUpdate,\n        getTriggerProps,\n        getAnchorProps,\n        getPopperProps,\n        getPopoverProps,\n        animation,\n        duration,\n        styles,\n      }}\n    >\n      {runIfFunc(children, {\n        isOpen,\n        onClose,\n        forceUpdate,\n      })}\n    </PopoverProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,gBAAuC;;;ACKvC,kBAAuD;AAEvD,2BAAqC;AAErC,4BAAiD;AACjD,uBAIO;AAEP,wBAA4C;AAC5C,mBAOO;AAQP,mBAA+C;AA4Z3C;AAxZG,IAAM,oBAAoB;AAAA,EAC/B,GAAG;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAyIA,IAAM,CAAC,iBAAiB,UAAU,QAAI,4BAA8B;AAAA,EAClE,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;;;ADhMM,IAAM,gBAA2C,CAAC,EAAE,SAAS,MAAM;AACxE,QAAM,QAAQ,uBAAS,KAAK,QAAQ;AAGpC,QAAM,EAAE,eAAe,IAAI,WAAW;AAEtC,aAAO,4BAAa,OAAO,eAAe,MAAM,OAAO,MAAM,GAAG,CAAC;AACnE;","names":["import_react"]}
+{"version":3,"sources":["../src/popover-anchor.tsx","../src/popover.tsx"],"sourcesContent":["import type { FC } from \"@yamada-ui/core\"\nimport type { PropsWithChildren, ReactElement, RefObject } from \"react\"\nimport { Children, cloneElement } from \"react\"\nimport { usePopover } from \"./popover\"\n\nexport const PopoverAnchor: FC<PropsWithChildren<{}>> = ({ children }) => {\n  const child = Children.only(children) as ReactElement & {\n    ref: RefObject<any>\n  }\n  const { getAnchorProps } = usePopover()\n\n  return cloneElement(child, getAnchorProps(child.props, child.ref))\n}\n\nPopoverAnchor.displayName = \"PopoverAnchor\"\nPopoverAnchor.__ui__ = \"PopoverAnchor\"\n","import type {\n  CSSUIObject,\n  FC,\n  HTMLUIPropsWithRef,\n  PropGetter,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport { useComponentMultiStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { MotionProps, MotionTransitionProps } from \"@yamada-ui/motion\"\nimport { useAnimationObserver } from \"@yamada-ui/use-animation\"\nimport type { LazyMode } from \"@yamada-ui/use-disclosure\"\nimport { useDisclosure, useLazyDisclosure } from \"@yamada-ui/use-disclosure\"\nimport {\n  useFocusOnHide,\n  useFocusOnShow,\n  useFocusOnPointerDown,\n} from \"@yamada-ui/use-focus\"\nimport type { UsePopperProps } from \"@yamada-ui/use-popper\"\nimport { usePopper, popperProperties } from \"@yamada-ui/use-popper\"\nimport {\n  createContext,\n  getEventRelatedTarget,\n  handlerAll,\n  isContains,\n  mergeRefs,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type {\n  ComponentProps,\n  PropsWithChildren,\n  RefAttributes,\n  RefObject,\n} from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\n\nexport type PopoverProperty = (typeof popoverProperties)[number]\n\nexport const popoverProperties = [\n  ...popperProperties,\n  \"isOpen\",\n  \"defaultIsOpen\",\n  \"onOpen\",\n  \"onClose\",\n  \"initialFocusRef\",\n  \"restoreFocus\",\n  \"autoFocus\",\n  \"closeOnBlur\",\n  \"closeOnEsc\",\n  \"closeOnButton\",\n  \"trigger\",\n  \"openDelay\",\n  \"closeDelay\",\n  \"isLazy\",\n  \"lazyBehavior\",\n  \"animation\",\n  \"duration\",\n] as const\n\nexport interface ComboBoxProps\n  extends Omit<\n      PopoverOptions,\n      | \"initialFocusRef\"\n      | \"relatedRef\"\n      | \"autoFocus\"\n      | \"restoreFocus\"\n      | \"closeOnButton\"\n      | \"trigger\"\n    >,\n    Omit<UsePopperProps, \"enabled\"> {}\n\ninterface PopoverOptions {\n  /**\n   * If `true`, the popover will be opened.\n   */\n  isOpen?: boolean\n  /**\n   * If `true`, the popover will be initially opened.\n   */\n  defaultIsOpen?: boolean\n  /**\n   * Callback fired when the popover opens.\n   */\n  onOpen?: () => void\n  /**\n   * Callback fired when the popover closes.\n   */\n  onClose?: () => void\n  /**\n   * The `ref` of the element that should receive focus when the popover opens.\n   */\n  initialFocusRef?: RefObject<{ focus(): void }>\n  /**\n   * The `ref` of the element related to the popover.\n   * This is used during the `onBlur` event.\n   */\n  relatedRef?: RefObject<HTMLElement>\n  /**\n   * If `true`, focus will be transferred to the first interactive element when the popover opens.\n   *\n   * @default true\n   */\n  autoFocus?: boolean\n  /**\n   * If `true`, focus will be returned to the element that triggers the popover when it closes.\n   *\n   * @default true\n   */\n  restoreFocus?: boolean\n  /**\n   * If `true`, the popover will close when you blur out it by clicking outside or tabbing out.\n   *\n   * @default true\n   */\n  closeOnBlur?: boolean\n  /**\n   * If `true`, the popover will close when you hit the `Esc` key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, display the popover close button.\n   *\n   * @default true\n   */\n  closeOnButton?: boolean\n  /**\n   * The interaction that triggers the popover.\n   *\n   * - `hover`: means the popover will open when you hover with mouse or focus with keyboard on the popover trigger.\n   * - `click`: means the popover will open on click or press `Enter` to `Space` on keyboard.\n   *\n   * @default 'click'\n   */\n  trigger?: \"click\" | \"hover\" | \"never\" | \"contextmenu\"\n  /**\n   * The number of delay time to open.\n   *\n   * @default 200\n   */\n  openDelay?: number\n  /**\n   * The number of delay time to close.\n   *\n   * @default 200\n   */\n  closeDelay?: number\n  /**\n   * If `true`, the PopoverContent rendering will be deferred until the popover is open.\n   *\n   * @default false\n   */\n  isLazy?: boolean\n  /**\n   * The lazy behavior of popover's content when not visible. Only works when `isLazy={true}`\n   *\n   * - `unmount`: The popover's content is always unmounted when not open.\n   * - `keepMounted`: The popover's content initially unmounted, but stays mounted when popover is open.\n   *\n   * @default 'unmount'\n   */\n  lazyBehavior?: LazyMode\n  /**\n   * The animation of the popover.\n   *\n   * @default 'scale'\n   */\n  animation?: \"scale\" | \"top\" | \"right\" | \"left\" | \"bottom\" | \"none\"\n  /**\n   * The animation duration.\n   */\n  duration?: MotionTransitionProps[\"duration\"]\n}\n\nexport interface PopoverProps\n  extends ThemeProps<\"Popover\">,\n    Omit<UsePopperProps, \"enabled\">,\n    PropsWithChildren<PopoverOptions> {}\n\ninterface PopoverContext\n  extends Pick<\n    PopoverOptions,\n    \"isOpen\" | \"onClose\" | \"closeOnButton\" | \"animation\" | \"duration\"\n  > {\n  onAnimationComplete: () => void\n  forceUpdate: () => void | undefined\n  getTriggerProps: PropGetter\n  getAnchorProps: PropGetter\n  getPopperProps: PropGetter<ComponentProps<\"div\">>\n  getPopoverProps: PropGetter<MotionProps<\"section\">, MotionProps<\"section\">>\n  styles: { [key: string]: CSSUIObject }\n}\n\nconst [PopoverProvider, usePopover] = createContext<PopoverContext>({\n  strict: false,\n  name: \"PopoverContext\",\n})\n\nexport { usePopover }\n\n/**\n * `Popover` is a component that floats around an element to display information.\n *\n * @see Docs https://yamada-ui.com/components/overlay/popover\n */\nexport const Popover: FC<PopoverProps> = (props) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Popover\", props)\n  const {\n    children,\n    initialFocusRef,\n    restoreFocus = true,\n    autoFocus = true,\n    closeOnBlur = true,\n    closeOnEsc = true,\n    closeOnButton = true,\n    trigger = \"click\",\n    openDelay = 200,\n    closeDelay = 200,\n    isLazy,\n    lazyBehavior = \"unmount\",\n    animation = \"scale\",\n    duration,\n    relatedRef,\n    ...rest\n  } = omitThemeProps(mergedProps)\n\n  const { isOpen, onOpen, onClose, onToggle } = useDisclosure(mergedProps)\n\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLElement>(null)\n  const popoverRef = useRef<HTMLElement>(null)\n\n  const { present, onAnimationComplete } = useAnimationObserver({\n    isOpen,\n    ref: popoverRef,\n  })\n\n  const openTimeout = useRef<number | undefined>(undefined)\n  const closeTimeout = useRef<number | undefined>(undefined)\n\n  const isHoveringRef = useRef(false)\n\n  const hasBeenOpened = useRef(false)\n\n  if (isOpen) hasBeenOpened.current = true\n\n  const { referenceRef, getPopperProps, forceUpdate, transformOrigin } =\n    usePopper({\n      ...rest,\n      enabled: isOpen,\n    })\n\n  useEffect(() => {\n    return () => {\n      if (openTimeout.current) clearTimeout(openTimeout.current)\n\n      if (closeTimeout.current) clearTimeout(closeTimeout.current)\n    }\n  }, [])\n\n  useFocusOnPointerDown({\n    enabled: isOpen,\n    ref: triggerRef,\n  })\n\n  useFocusOnHide(popoverRef, {\n    focusRef: triggerRef,\n    visible: isOpen,\n    shouldFocus:\n      restoreFocus && (trigger === \"click\" || trigger === \"contextmenu\"),\n  })\n\n  useFocusOnShow(popoverRef, {\n    focusRef: initialFocusRef,\n    visible: isOpen,\n    shouldFocus:\n      autoFocus && (trigger === \"click\" || trigger === \"contextmenu\"),\n  })\n\n  const shouldRenderChildren = useLazyDisclosure({\n    wasSelected: hasBeenOpened.current,\n    enabled: isLazy,\n    mode: lazyBehavior,\n    isSelected: present,\n  })\n\n  const getPopoverProps: PropGetter<\n    MotionProps<\"section\">,\n    MotionProps<\"section\">\n  > = useCallback(\n    (props = {}, ref = null) => {\n      const popoverProps: MotionProps & RefAttributes<any> = {\n        ...props,\n        style: {\n          ...props.style,\n          transformOrigin,\n        },\n        ref: mergeRefs(popoverRef, ref),\n        children: shouldRenderChildren ? props.children : null,\n        tabIndex: -1,\n        onKeyDown: handlerAll(props.onKeyDown, (ev) => {\n          if (closeOnEsc && ev.key === \"Escape\") onClose()\n        }),\n        onBlur: handlerAll(props.onBlur, (ev) => {\n          const relatedTarget = getEventRelatedTarget(ev)\n          const targetIsPopover = isContains(popoverRef.current, relatedTarget)\n          const targetIsTrigger = isContains(triggerRef.current, relatedTarget)\n          const targetIsRelated = relatedRef?.current\n            ? isContains(relatedRef.current, relatedTarget)\n            : false\n\n          const isValidBlur =\n            !targetIsPopover && !targetIsTrigger && !targetIsRelated\n\n          if (isOpen && closeOnBlur && isValidBlur) onClose()\n        }),\n      }\n\n      if (trigger === \"hover\") {\n        popoverProps.onMouseEnter = handlerAll(props.onMouseEnter, () => {\n          isHoveringRef.current = true\n        })\n\n        popoverProps.onMouseLeave = handlerAll(props.onMouseLeave, (ev) => {\n          if (ev.nativeEvent.relatedTarget === null) return\n\n          isHoveringRef.current = false\n\n          if (closeOnBlur) setTimeout(onClose, closeDelay)\n        })\n      }\n\n      return popoverProps\n    },\n    [\n      closeDelay,\n      closeOnBlur,\n      closeOnEsc,\n      isOpen,\n      onClose,\n      shouldRenderChildren,\n      transformOrigin,\n      trigger,\n      relatedRef,\n    ],\n  )\n\n  const maybeReferenceRef = useCallback(\n    (node: Element) => {\n      if (anchorRef.current == null) referenceRef(node)\n    },\n    [referenceRef],\n  )\n\n  const getTriggerProps: PropGetter = useCallback(\n    (props = {}, ref = null) => {\n      const triggerProps: HTMLUIPropsWithRef = {\n        ...props,\n        ref: mergeRefs(triggerRef, ref, maybeReferenceRef),\n      }\n\n      if (trigger === \"click\") {\n        triggerProps.onClick = handlerAll(props.onClick, onToggle)\n        triggerProps.onBlur = handlerAll(props.onBlur, (ev) => {\n          const relatedTarget = getEventRelatedTarget(ev)\n          const isValidBlur = !isContains(popoverRef.current, relatedTarget)\n\n          if (isOpen && closeOnBlur && isValidBlur) onClose()\n        })\n      }\n\n      if (trigger === \"contextmenu\") {\n        triggerProps.onContextMenu = handlerAll(props.onContextMenu, (ev) => {\n          ev.preventDefault()\n          onOpen()\n        })\n        triggerProps.onBlur = handlerAll(props.onBlur, (ev) => {\n          const relatedTarget = getEventRelatedTarget(ev)\n          const isValidBlur = !isContains(popoverRef.current, relatedTarget)\n\n          if (isOpen && closeOnBlur && isValidBlur) onClose()\n        })\n      }\n\n      if (trigger === \"hover\") {\n        triggerProps.onFocus = handlerAll(props.onFocus, () => {\n          if (openTimeout.current === undefined) onOpen()\n        })\n\n        triggerProps.onBlur = handlerAll(props.onBlur, (ev) => {\n          const relatedTarget = getEventRelatedTarget(ev)\n          const isValidBlur = !isContains(popoverRef.current, relatedTarget)\n\n          if (isOpen && closeOnBlur && isValidBlur) onClose()\n        })\n\n        triggerProps.onKeyDown = handlerAll(props.onKeyDown, (ev) => {\n          if (ev.key === \"Escape\") onClose()\n        })\n\n        triggerProps.onMouseEnter = handlerAll(props.onMouseEnter, () => {\n          isHoveringRef.current = true\n          openTimeout.current = window.setTimeout(onOpen, openDelay)\n        })\n\n        triggerProps.onMouseLeave = handlerAll(props.onMouseLeave, () => {\n          isHoveringRef.current = false\n\n          if (openTimeout.current) {\n            clearTimeout(openTimeout.current)\n            openTimeout.current = undefined\n          }\n\n          closeTimeout.current = window.setTimeout(() => {\n            if (!isHoveringRef.current) onClose()\n          }, closeDelay)\n        })\n      }\n\n      return triggerProps\n    },\n    [\n      closeDelay,\n      closeOnBlur,\n      isOpen,\n      maybeReferenceRef,\n      onClose,\n      onOpen,\n      onToggle,\n      openDelay,\n      trigger,\n    ],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    (props = {}, ref = null) => {\n      return {\n        ...props,\n        ref: mergeRefs(ref, anchorRef, referenceRef),\n      }\n    },\n    [anchorRef, referenceRef],\n  )\n\n  return (\n    <PopoverProvider\n      value={{\n        isOpen,\n        onClose,\n        closeOnButton,\n        onAnimationComplete,\n        forceUpdate,\n        getTriggerProps,\n        getAnchorProps,\n        getPopperProps,\n        getPopoverProps,\n        animation,\n        duration,\n        styles,\n      }}\n    >\n      {runIfFunc(children, {\n        isOpen,\n        onClose,\n        forceUpdate,\n      })}\n    </PopoverProvider>\n  )\n}\n\nPopover.displayName = \"Popover\"\nPopover.__ui__ = \"Popover\"\n"],"mappings":"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","names":["import_react","props"]}

package/dist/popover-anchor.mjs

@@ -1,8 +1,8 @@
 "use client"
 import {
   PopoverAnchor
-} from "./chunk-MLEEMVQI.mjs";
-import "./chunk-L5V3DH65.mjs";
+} from "./chunk-FIADAGVP.mjs";
+import "./chunk-6THCC2BT.mjs";
 export {
   PopoverAnchor
 };

package/dist/popover-body.js

@@ -60,6 +60,224 @@ var [PopoverProvider, usePopover] = (0, import_utils.createContext)({
   strict: false,
   name: "PopoverContext"
 });
+var Popover = (props) => {
+  const [styles, mergedProps] = (0, import_core.useComponentMultiStyle)("Popover", props);
+  const {
+    children,
+    initialFocusRef,
+    restoreFocus = true,
+    autoFocus = true,
+    closeOnBlur = true,
+    closeOnEsc = true,
+    closeOnButton = true,
+    trigger = "click",
+    openDelay = 200,
+    closeDelay = 200,
+    isLazy,
+    lazyBehavior = "unmount",
+    animation = "scale",
+    duration,
+    relatedRef,
+    ...rest
+  } = (0, import_core.omitThemeProps)(mergedProps);
+  const { isOpen, onOpen, onClose, onToggle } = (0, import_use_disclosure.useDisclosure)(mergedProps);
+  const anchorRef = (0, import_react.useRef)(null);
+  const triggerRef = (0, import_react.useRef)(null);
+  const popoverRef = (0, import_react.useRef)(null);
+  const { present, onAnimationComplete } = (0, import_use_animation.useAnimationObserver)({
+    isOpen,
+    ref: popoverRef
+  });
+  const openTimeout = (0, import_react.useRef)(void 0);
+  const closeTimeout = (0, import_react.useRef)(void 0);
+  const isHoveringRef = (0, import_react.useRef)(false);
+  const hasBeenOpened = (0, import_react.useRef)(false);
+  if (isOpen) hasBeenOpened.current = true;
+  const { referenceRef, getPopperProps, forceUpdate, transformOrigin } = (0, import_use_popper.usePopper)({
+    ...rest,
+    enabled: isOpen
+  });
+  (0, import_react.useEffect)(() => {
+    return () => {
+      if (openTimeout.current) clearTimeout(openTimeout.current);
+      if (closeTimeout.current) clearTimeout(closeTimeout.current);
+    };
+  }, []);
+  (0, import_use_focus.useFocusOnPointerDown)({
+    enabled: isOpen,
+    ref: triggerRef
+  });
+  (0, import_use_focus.useFocusOnHide)(popoverRef, {
+    focusRef: triggerRef,
+    visible: isOpen,
+    shouldFocus: restoreFocus && (trigger === "click" || trigger === "contextmenu")
+  });
+  (0, import_use_focus.useFocusOnShow)(popoverRef, {
+    focusRef: initialFocusRef,
+    visible: isOpen,
+    shouldFocus: autoFocus && (trigger === "click" || trigger === "contextmenu")
+  });
+  const shouldRenderChildren = (0, import_use_disclosure.useLazyDisclosure)({
+    wasSelected: hasBeenOpened.current,
+    enabled: isLazy,
+    mode: lazyBehavior,
+    isSelected: present
+  });
+  const getPopoverProps = (0, import_react.useCallback)(
+    (props2 = {}, ref = null) => {
+      const popoverProps = {
+        ...props2,
+        style: {
+          ...props2.style,
+          transformOrigin
+        },
+        ref: (0, import_utils.mergeRefs)(popoverRef, ref),
+        children: shouldRenderChildren ? props2.children : null,
+        tabIndex: -1,
+        onKeyDown: (0, import_utils.handlerAll)(props2.onKeyDown, (ev) => {
+          if (closeOnEsc && ev.key === "Escape") onClose();
+        }),
+        onBlur: (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
+          const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
+          const targetIsPopover = (0, import_utils.isContains)(popoverRef.current, relatedTarget);
+          const targetIsTrigger = (0, import_utils.isContains)(triggerRef.current, relatedTarget);
+          const targetIsRelated = (relatedRef == null ? void 0 : relatedRef.current) ? (0, import_utils.isContains)(relatedRef.current, relatedTarget) : false;
+          const isValidBlur = !targetIsPopover && !targetIsTrigger && !targetIsRelated;
+          if (isOpen && closeOnBlur && isValidBlur) onClose();
+        })
+      };
+      if (trigger === "hover") {
+        popoverProps.onMouseEnter = (0, import_utils.handlerAll)(props2.onMouseEnter, () => {
+          isHoveringRef.current = true;
+        });
+        popoverProps.onMouseLeave = (0, import_utils.handlerAll)(props2.onMouseLeave, (ev) => {
+          if (ev.nativeEvent.relatedTarget === null) return;
+          isHoveringRef.current = false;
+          if (closeOnBlur) setTimeout(onClose, closeDelay);
+        });
+      }
+      return popoverProps;
+    },
+    [
+      closeDelay,
+      closeOnBlur,
+      closeOnEsc,
+      isOpen,
+      onClose,
+      shouldRenderChildren,
+      transformOrigin,
+      trigger,
+      relatedRef
+    ]
+  );
+  const maybeReferenceRef = (0, import_react.useCallback)(
+    (node) => {
+      if (anchorRef.current == null) referenceRef(node);
+    },
+    [referenceRef]
+  );
+  const getTriggerProps = (0, import_react.useCallback)(
+    (props2 = {}, ref = null) => {
+      const triggerProps = {
+        ...props2,
+        ref: (0, import_utils.mergeRefs)(triggerRef, ref, maybeReferenceRef)
+      };
+      if (trigger === "click") {
+        triggerProps.onClick = (0, import_utils.handlerAll)(props2.onClick, onToggle);
+        triggerProps.onBlur = (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
+          const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
+          const isValidBlur = !(0, import_utils.isContains)(popoverRef.current, relatedTarget);
+          if (isOpen && closeOnBlur && isValidBlur) onClose();
+        });
+      }
+      if (trigger === "contextmenu") {
+        triggerProps.onContextMenu = (0, import_utils.handlerAll)(props2.onContextMenu, (ev) => {
+          ev.preventDefault();
+          onOpen();
+        });
+        triggerProps.onBlur = (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
+          const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
+          const isValidBlur = !(0, import_utils.isContains)(popoverRef.current, relatedTarget);
+          if (isOpen && closeOnBlur && isValidBlur) onClose();
+        });
+      }
+      if (trigger === "hover") {
+        triggerProps.onFocus = (0, import_utils.handlerAll)(props2.onFocus, () => {
+          if (openTimeout.current === void 0) onOpen();
+        });
+        triggerProps.onBlur = (0, import_utils.handlerAll)(props2.onBlur, (ev) => {
+          const relatedTarget = (0, import_utils.getEventRelatedTarget)(ev);
+          const isValidBlur = !(0, import_utils.isContains)(popoverRef.current, relatedTarget);
+          if (isOpen && closeOnBlur && isValidBlur) onClose();
+        });
+        triggerProps.onKeyDown = (0, import_utils.handlerAll)(props2.onKeyDown, (ev) => {
+          if (ev.key === "Escape") onClose();
+        });
+        triggerProps.onMouseEnter = (0, import_utils.handlerAll)(props2.onMouseEnter, () => {
+          isHoveringRef.current = true;
+          openTimeout.current = window.setTimeout(onOpen, openDelay);
+        });
+        triggerProps.onMouseLeave = (0, import_utils.handlerAll)(props2.onMouseLeave, () => {
+          isHoveringRef.current = false;
+          if (openTimeout.current) {
+            clearTimeout(openTimeout.current);
+            openTimeout.current = void 0;
+          }
+          closeTimeout.current = window.setTimeout(() => {
+            if (!isHoveringRef.current) onClose();
+          }, closeDelay);
+        });
+      }
+      return triggerProps;
+    },
+    [
+      closeDelay,
+      closeOnBlur,
+      isOpen,
+      maybeReferenceRef,
+      onClose,
+      onOpen,
+      onToggle,
+      openDelay,
+      trigger
+    ]
+  );
+  const getAnchorProps = (0, import_react.useCallback)(
+    (props2 = {}, ref = null) => {
+      return {
+        ...props2,
+        ref: (0, import_utils.mergeRefs)(ref, anchorRef, referenceRef)
+      };
+    },
+    [anchorRef, referenceRef]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PopoverProvider,
+    {
+      value: {
+        isOpen,
+        onClose,
+        closeOnButton,
+        onAnimationComplete,
+        forceUpdate,
+        getTriggerProps,
+        getAnchorProps,
+        getPopperProps,
+        getPopoverProps,
+        animation,
+        duration,
+        styles
+      },
+      children: (0, import_utils.runIfFunc)(children, {
+        isOpen,
+        onClose,
+        forceUpdate
+      })
+    }
+  );
+};
+Popover.displayName = "Popover";
+Popover.__ui__ = "Popover";
 
 // src/popover-body.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -83,6 +301,8 @@ var PopoverBody = (0, import_core2.forwardRef)(
     );
   }
 );
+PopoverBody.displayName = "PopoverBody";
+PopoverBody.__ui__ = "PopoverBody";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PopoverBody