@yamada-ui/popover 0.3.37 → 1.0.0

package/dist/{chunk-ZVPGPPOB.mjs → chunk-3I2R34LR.mjs}

@@ -1,7 +1,7 @@
 "use client"
 import {
   usePopover
-} from "./chunk-SQSZBHYI.mjs";
+} from "./chunk-IRD4F7H3.mjs";
 
 // src/popover-close-button.tsx
 import { CloseButton } from "@yamada-ui/close-button";
@@ -35,4 +35,4 @@ var PopoverCloseButton = forwardRef(
 export {
   PopoverCloseButton
 };
-//# sourceMappingURL=chunk-ZVPGPPOB.mjs.map
+//# sourceMappingURL=chunk-3I2R34LR.mjs.map

package/dist/{chunk-EJXJVPKS.mjs → chunk-3IPPBHSY.mjs}

@@ -1,7 +1,7 @@
 "use client"
 import {
   usePopover
-} from "./chunk-SQSZBHYI.mjs";
+} from "./chunk-IRD4F7H3.mjs";
 
 // src/popover-footer.tsx
 import { ui, forwardRef } from "@yamada-ui/core";
@@ -31,4 +31,4 @@ var PopoverFooter = forwardRef(
 export {
   PopoverFooter
 };
-//# sourceMappingURL=chunk-EJXJVPKS.mjs.map
+//# sourceMappingURL=chunk-3IPPBHSY.mjs.map

package/dist/{chunk-GMQSUWR2.mjs → chunk-F4NPARYO.mjs}

@@ -1,10 +1,10 @@
 "use client"
 import {
   PopoverCloseButton
-} from "./chunk-ZVPGPPOB.mjs";
+} from "./chunk-3I2R34LR.mjs";
 import {
   usePopover
-} from "./chunk-SQSZBHYI.mjs";
+} from "./chunk-IRD4F7H3.mjs";
 
 // src/popover-content.tsx
 import { ui, forwardRef } from "@yamada-ui/core";
@@ -140,4 +140,4 @@ var PopoverContent = forwardRef(
 export {
   PopoverContent
 };
-//# sourceMappingURL=chunk-GMQSUWR2.mjs.map
+//# sourceMappingURL=chunk-F4NPARYO.mjs.map

package/dist/{chunk-SQSZBHYI.mjs → chunk-IRD4F7H3.mjs}

@@ -264,4 +264,4 @@ export {
   usePopover,
   Popover
 };
-//# sourceMappingURL=chunk-SQSZBHYI.mjs.map
+//# sourceMappingURL=chunk-IRD4F7H3.mjs.map

package/dist/chunk-IRD4F7H3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/popover.tsx"],"sourcesContent":["/**\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 */\nimport type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { MotionTransitionProperties } 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 type { DOMAttributes, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  getEventRelatedTarget,\n  handlerAll,\n  isContains,\n  mergeRefs,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\n\nexport const popoverProperties: any[] = [\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]\n\ntype 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   * 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`, 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`, 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\"\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?: MotionTransitionProperties[\"duration\"]\n}\n\nexport type PopoverProps = ThemeProps<\"Popover\"> &\n  Omit<UsePopperProps, \"enabled\"> &\n  PropsWithChildren<PopoverOptions>\n\ntype PopoverContext = 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\n  getPopoverProps: PropGetter\n  styles: Record<string, CSSUIObject>\n}\n\nconst [PopoverProvider, usePopover] = createContext<PopoverContext>({\n  strict: false,\n  name: \"PopoverContext\",\n})\n\nexport { usePopover }\n\nexport const Popover: FC<PopoverProps> = (props) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"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    ...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: restoreFocus && trigger === \"click\",\n  })\n\n  useFocusOnShow(popoverRef, {\n    focusRef: initialFocusRef,\n    visible: isOpen,\n    shouldFocus: autoFocus && trigger === \"click\",\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 = useCallback(\n    (props = {}, ref = null) => {\n      const popoverProps: DOMAttributes = {\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\n          const isValidBlur = !targetIsPopover && !targetIsTrigger\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          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    ],\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: DOMAttributes = {\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 === \"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 === false) 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":"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","names":["props"]}

package/dist/{chunk-3Y727M4E.mjs → chunk-JJ6KOE7W.mjs}

@@ -1,7 +1,7 @@
 "use client"
 import {
   usePopover
-} from "./chunk-SQSZBHYI.mjs";
+} from "./chunk-IRD4F7H3.mjs";
 
 // src/popover-anchor.tsx
 import { Children, cloneElement } from "react";
@@ -14,4 +14,4 @@ var PopoverAnchor = ({ children }) => {
 export {
   PopoverAnchor
 };
-//# sourceMappingURL=chunk-3Y727M4E.mjs.map
+//# sourceMappingURL=chunk-JJ6KOE7W.mjs.map

package/dist/{chunk-63TBKC74.mjs → chunk-PK5ZTA2J.mjs}

@@ -1,7 +1,7 @@
 "use client"
 import {
   usePopover
-} from "./chunk-SQSZBHYI.mjs";
+} from "./chunk-IRD4F7H3.mjs";
 
 // src/popover-trigger.tsx
 import { Children, cloneElement } from "react";
@@ -14,4 +14,4 @@ var PopoverTrigger = ({ children }) => {
 export {
   PopoverTrigger
 };
-//# sourceMappingURL=chunk-63TBKC74.mjs.map
+//# sourceMappingURL=chunk-PK5ZTA2J.mjs.map

package/dist/{chunk-DD6KNIP5.mjs → chunk-QUGQS5T5.mjs}

@@ -1,7 +1,7 @@
 "use client"
 import {
   usePopover
-} from "./chunk-SQSZBHYI.mjs";
+} from "./chunk-IRD4F7H3.mjs";
 
 // src/popover-body.tsx
 import { ui, forwardRef } from "@yamada-ui/core";
@@ -31,4 +31,4 @@ var PopoverBody = forwardRef(
 export {
   PopoverBody
 };
-//# sourceMappingURL=chunk-DD6KNIP5.mjs.map
+//# sourceMappingURL=chunk-QUGQS5T5.mjs.map

package/dist/{chunk-CNYYEVQS.mjs → chunk-ZUGSATJI.mjs}

@@ -1,7 +1,7 @@
 "use client"
 import {
   usePopover
-} from "./chunk-SQSZBHYI.mjs";
+} from "./chunk-IRD4F7H3.mjs";
 
 // src/popover-header.tsx
 import { ui, forwardRef } from "@yamada-ui/core";
@@ -31,4 +31,4 @@ var PopoverHeader = forwardRef(
 export {
   PopoverHeader
 };
-//# sourceMappingURL=chunk-CNYYEVQS.mjs.map
+//# sourceMappingURL=chunk-ZUGSATJI.mjs.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/popover.tsx","../src/popover-trigger.tsx","../src/popover-anchor.tsx","../src/popover-close-button.tsx","../src/popover-content.tsx","../src/popover-header.tsx","../src/popover-body.tsx","../src/popover-footer.tsx"],"sourcesContent":["export { Popover, popoverProperties } from \"./popover\"\nexport type { PopoverProps } from \"./popover\"\nexport { PopoverTrigger } from \"./popover-trigger\"\nexport { PopoverAnchor } from \"./popover-anchor\"\nexport { PopoverCloseButton } from \"./popover-close-button\"\nexport type { PopoverCloseButtonProps } from \"./popover-close-button\"\nexport { PopoverContent } from \"./popover-content\"\nexport type { PopoverContentProps } from \"./popover-content\"\nexport { PopoverHeader } from \"./popover-header\"\nexport type { PopoverHeaderProps } from \"./popover-header\"\nexport { PopoverBody } from \"./popover-body\"\nexport type { PopoverBodyProps } from \"./popover-body\"\nexport { PopoverFooter } from \"./popover-footer\"\nexport type { PopoverFooterProps } from \"./popover-footer\"\n","import type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { MotionTransitionProperties } 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 type { DOMAttributes, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  getEventRelatedTarget,\n  handlerAll,\n  isContains,\n  mergeRefs,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\n\nexport const popoverProperties: any[] = [\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]\n\ntype 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   * 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`, 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`, 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\"\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?: MotionTransitionProperties[\"duration\"]\n}\n\nexport type PopoverProps = ThemeProps<\"Popover\"> &\n  Omit<UsePopperProps, \"enabled\"> &\n  PropsWithChildren<PopoverOptions>\n\ntype PopoverContext = 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\n  getPopoverProps: PropGetter\n  styles: Record<string, CSSUIObject>\n}\n\nconst [PopoverProvider, usePopover] = createContext<PopoverContext>({\n  strict: false,\n  name: \"PopoverContext\",\n})\n\nexport { usePopover }\n\nexport const Popover: FC<PopoverProps> = (props) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"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    ...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: restoreFocus && trigger === \"click\",\n  })\n\n  useFocusOnShow(popoverRef, {\n    focusRef: initialFocusRef,\n    visible: isOpen,\n    shouldFocus: autoFocus && trigger === \"click\",\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 = useCallback(\n    (props = {}, ref = null) => {\n      const popoverProps: DOMAttributes = {\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\n          const isValidBlur = !targetIsPopover && !targetIsTrigger\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          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    ],\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: DOMAttributes = {\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 === \"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 === false) 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","import type { FC, PropsWithChildren, ReactElement, RefObject } from \"react\"\nimport { Children, cloneElement } from \"react\"\nimport { usePopover } from \"./popover\"\n\nexport const PopoverTrigger: FC<PropsWithChildren<{}>> = ({ children }) => {\n  const child = Children.only(children) as ReactElement & {\n    ref: RefObject<any>\n  }\n  const { getTriggerProps } = usePopover()\n\n  return cloneElement(child, getTriggerProps(child.props, child.ref))\n}\n","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 { CloseButtonProps } from \"@yamada-ui/close-button\"\nimport { CloseButton } from \"@yamada-ui/close-button\"\nimport type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx, handlerAll } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport type PopoverCloseButtonProps = CloseButtonProps\n\nexport const PopoverCloseButton = forwardRef<PopoverCloseButtonProps, \"button\">(\n  ({ onClick, ...rest }, ref) => {\n    const { styles, onClose } = usePopover()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      ...styles.closeButton,\n    }\n\n    return (\n      <CloseButton\n        ref={ref}\n        className={cx(\"ui-popover__close-button\")}\n        __css={css}\n        onClick={handlerAll(onClick, (ev) => {\n          ev.stopPropagation()\n          onClose?.()\n        })}\n        size=\"sm\"\n        {...rest}\n      />\n    )\n  },\n)\n","import type { HTMLUIProps, CSSUIObject, CSSUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps } from \"@yamada-ui/motion\"\nimport { motion } from \"@yamada-ui/motion\"\nimport { scaleFadeProps, slideFadeProps } from \"@yamada-ui/transitions\"\nimport type { DOMAttributes } from \"@yamada-ui/utils\"\nimport {\n  cx,\n  findChildren,\n  funcAll,\n  getValidChildren,\n  omitObject,\n} from \"@yamada-ui/utils\"\nimport type { ReactNode, RefAttributes } from \"react\"\nimport { usePopover } from \"./popover\"\nimport type { PopoverProps } from \".\"\nimport { PopoverCloseButton } from \".\"\n\nexport type PopoverContentProps = Omit<\n  HTMLUIProps<\"section\">,\n  keyof Omit<HTMLMotionProps<\"section\">, \"children\" | \"translate\" | \"content\">\n> &\n  Omit<\n    HTMLMotionProps<\"section\">,\n    | \"color\"\n    | \"style\"\n    | \"onDrag\"\n    | \"onDragEnd\"\n    | \"onDragStart\"\n    | \"onAnimationStart\"\n    | \"variants\"\n    | \"transition\"\n    | \"translate\"\n    | \"content\"\n  >\n\nconst getPopoverContentProps = (\n  animation: PopoverProps[\"animation\"] = \"scale\",\n  duration?: PopoverProps[\"duration\"],\n) => {\n  const custom = {\n    reverse: true,\n    duration,\n    enter: { visibility: \"visible\" },\n    transitionEnd: { exit: { visibility: \"hidden\" } },\n  }\n\n  switch (animation) {\n    case \"scale\":\n      return {\n        ...scaleFadeProps,\n        custom: { ...custom, scale: 0.95 },\n      }\n    case \"top\":\n      return {\n        ...slideFadeProps,\n        custom: { ...custom, offsetX: 0, offsetY: -16 },\n      }\n    case \"right\":\n      return {\n        ...slideFadeProps,\n        custom: { ...custom, offsetX: 16, offsetY: 0 },\n      }\n    case \"left\":\n      return {\n        ...slideFadeProps,\n        custom: { ...custom, offsetX: -16, offsetY: 0 },\n      }\n    case \"bottom\":\n      return {\n        ...slideFadeProps,\n        custom: { ...custom, offsetX: 0, offsetY: 16 },\n      }\n  }\n}\n\nexport const PopoverContent = forwardRef<PopoverContentProps, \"section\">(\n  (\n    {\n      as = \"section\",\n      className,\n      children,\n      w,\n      width,\n      minW,\n      minWidth,\n      zIndex,\n      __css,\n      ...rest\n    },\n    ref,\n  ) => {\n    const {\n      isOpen,\n      closeOnButton,\n      getPopperProps,\n      getPopoverProps,\n      onAnimationComplete,\n      animation,\n      duration,\n      styles,\n    } = usePopover()\n\n    const validChildren = getValidChildren(children)\n    const [customPopoverCloseButton, ...cloneChildren] = findChildren(\n      validChildren,\n      PopoverCloseButton,\n    )\n\n    const resolvedChildren = (): ReactNode => {\n      return (\n        <>\n          {customPopoverCloseButton ??\n            (closeOnButton ? <PopoverCloseButton /> : null)}\n\n          {cloneChildren}\n        </>\n      )\n    }\n\n    const css: CSSUIObject = {\n      position: \"relative\",\n      w: \"100%\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      outline: 0,\n      ...omitObject(__css ?? styles.container, [\"zIndex\"]),\n    }\n\n    w =\n      w ??\n      width ??\n      ((styles.container?.w ?? styles.container?.width) as CSSUIProps[\"w\"])\n    minW =\n      minW ??\n      minWidth ??\n      ((styles.container?.minW ??\n        styles.container?.minWidth) as CSSUIProps[\"minW\"])\n    zIndex = (zIndex ?? styles.container?.zIndex) as CSSUIProps[\"zIndex\"]\n\n    return (\n      <ui.div\n        {...getPopperProps({\n          style: { visibility: isOpen ? \"visible\" : \"hidden\" },\n        })}\n        className=\"ui-popover\"\n        w={w}\n        minW={minW}\n        zIndex={zIndex}\n      >\n        <ui.section\n          as={motion[as as keyof typeof motion]}\n          className={cx(\"ui-popover__content\", className)}\n          {...(animation !== \"none\"\n            ? getPopoverContentProps(animation, duration)\n            : {})}\n          {...(getPopoverProps(\n            {\n              ...rest,\n              children: resolvedChildren(),\n            },\n            ref,\n          ) as Omit<DOMAttributes & RefAttributes<any>, \"onDrag\">)}\n          initial=\"exit\"\n          animate={isOpen ? \"enter\" : \"exit\"}\n          exit=\"exit\"\n          onAnimationComplete={funcAll(\n            onAnimationComplete,\n            rest.onAnimationComplete,\n          )}\n          __css={css}\n        />\n      </ui.div>\n    )\n  },\n)\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport type PopoverHeaderProps = HTMLUIProps<\"header\">\n\nexport const PopoverHeader = forwardRef<PopoverHeaderProps, \"header\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = usePopover()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"flex-start\",\n      ...styles.header,\n    }\n\n    return (\n      <ui.header\n        ref={ref}\n        className={cx(\"ui-popover__header\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport type PopoverBodyProps = HTMLUIProps<\"main\">\n\nexport const PopoverBody = forwardRef<PopoverBodyProps, \"main\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = usePopover()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: \"column\",\n      alignItems: \"flex-start\",\n      ...styles.body,\n    }\n\n    return (\n      <ui.main\n        ref={ref}\n        className={cx(\"ui-popover__body\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport type PopoverFooterProps = HTMLUIProps<\"footer\">\n\nexport const PopoverFooter = forwardRef<PopoverFooterProps, \"footer\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = usePopover()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"flex-start\",\n      ...styles.footer,\n    }\n\n    return (\n      <ui.footer\n        ref={ref}\n        className={cx(\"ui-popover__footer\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":"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","names":["props","import_react","import_react","import_core","import_utils","import_jsx_runtime","import_core","import_utils","import_jsx_runtime","import_core","import_utils","import_jsx_runtime","import_core","import_utils","import_jsx_runtime","import_core","import_utils","import_jsx_runtime"]}
+{"version":3,"sources":["../src/index.ts","../src/popover.tsx","../src/popover-trigger.tsx","../src/popover-anchor.tsx","../src/popover-close-button.tsx","../src/popover-content.tsx","../src/popover-header.tsx","../src/popover-body.tsx","../src/popover-footer.tsx"],"sourcesContent":["export { Popover, popoverProperties } from \"./popover\"\nexport type { PopoverProps } from \"./popover\"\nexport { PopoverTrigger } from \"./popover-trigger\"\nexport { PopoverAnchor } from \"./popover-anchor\"\nexport { PopoverCloseButton } from \"./popover-close-button\"\nexport type { PopoverCloseButtonProps } from \"./popover-close-button\"\nexport { PopoverContent } from \"./popover-content\"\nexport type { PopoverContentProps } from \"./popover-content\"\nexport { PopoverHeader } from \"./popover-header\"\nexport type { PopoverHeaderProps } from \"./popover-header\"\nexport { PopoverBody } from \"./popover-body\"\nexport type { PopoverBodyProps } from \"./popover-body\"\nexport { PopoverFooter } from \"./popover-footer\"\nexport type { PopoverFooterProps } from \"./popover-footer\"\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 */\nimport type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { MotionTransitionProperties } 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 type { DOMAttributes, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  getEventRelatedTarget,\n  handlerAll,\n  isContains,\n  mergeRefs,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\n\nexport const popoverProperties: any[] = [\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]\n\ntype 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   * 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`, 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`, 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\"\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?: MotionTransitionProperties[\"duration\"]\n}\n\nexport type PopoverProps = ThemeProps<\"Popover\"> &\n  Omit<UsePopperProps, \"enabled\"> &\n  PropsWithChildren<PopoverOptions>\n\ntype PopoverContext = 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\n  getPopoverProps: PropGetter\n  styles: Record<string, CSSUIObject>\n}\n\nconst [PopoverProvider, usePopover] = createContext<PopoverContext>({\n  strict: false,\n  name: \"PopoverContext\",\n})\n\nexport { usePopover }\n\nexport const Popover: FC<PopoverProps> = (props) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"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    ...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: restoreFocus && trigger === \"click\",\n  })\n\n  useFocusOnShow(popoverRef, {\n    focusRef: initialFocusRef,\n    visible: isOpen,\n    shouldFocus: autoFocus && trigger === \"click\",\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 = useCallback(\n    (props = {}, ref = null) => {\n      const popoverProps: DOMAttributes = {\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\n          const isValidBlur = !targetIsPopover && !targetIsTrigger\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          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    ],\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: DOMAttributes = {\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 === \"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 === false) 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","import type { FC, PropsWithChildren, ReactElement, RefObject } from \"react\"\nimport { Children, cloneElement } from \"react\"\nimport { usePopover } from \"./popover\"\n\nexport const PopoverTrigger: FC<PropsWithChildren<{}>> = ({ children }) => {\n  const child = Children.only(children) as ReactElement & {\n    ref: RefObject<any>\n  }\n  const { getTriggerProps } = usePopover()\n\n  return cloneElement(child, getTriggerProps(child.props, child.ref))\n}\n","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 { CloseButtonProps } from \"@yamada-ui/close-button\"\nimport { CloseButton } from \"@yamada-ui/close-button\"\nimport type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx, handlerAll } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport type PopoverCloseButtonProps = CloseButtonProps\n\nexport const PopoverCloseButton = forwardRef<PopoverCloseButtonProps, \"button\">(\n  ({ onClick, ...rest }, ref) => {\n    const { styles, onClose } = usePopover()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      ...styles.closeButton,\n    }\n\n    return (\n      <CloseButton\n        ref={ref}\n        className={cx(\"ui-popover__close-button\")}\n        __css={css}\n        onClick={handlerAll(onClick, (ev) => {\n          ev.stopPropagation()\n          onClose?.()\n        })}\n        size=\"sm\"\n        {...rest}\n      />\n    )\n  },\n)\n","import type { HTMLUIProps, CSSUIObject, CSSUIProps } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps } from \"@yamada-ui/motion\"\nimport { motion } from \"@yamada-ui/motion\"\nimport { scaleFadeProps, slideFadeProps } from \"@yamada-ui/transitions\"\nimport type { DOMAttributes } from \"@yamada-ui/utils\"\nimport {\n  cx,\n  findChildren,\n  funcAll,\n  getValidChildren,\n  omitObject,\n} from \"@yamada-ui/utils\"\nimport type { ReactNode, RefAttributes } from \"react\"\nimport { usePopover } from \"./popover\"\nimport type { PopoverProps } from \".\"\nimport { PopoverCloseButton } from \".\"\n\nexport type PopoverContentProps = Omit<\n  HTMLUIProps<\"section\">,\n  keyof Omit<HTMLMotionProps<\"section\">, \"children\" | \"translate\" | \"content\">\n> &\n  Omit<\n    HTMLMotionProps<\"section\">,\n    | \"color\"\n    | \"style\"\n    | \"onDrag\"\n    | \"onDragEnd\"\n    | \"onDragStart\"\n    | \"onAnimationStart\"\n    | \"variants\"\n    | \"transition\"\n    | \"translate\"\n    | \"content\"\n  >\n\nconst getPopoverContentProps = (\n  animation: PopoverProps[\"animation\"] = \"scale\",\n  duration?: PopoverProps[\"duration\"],\n) => {\n  const custom = {\n    reverse: true,\n    duration,\n    enter: { visibility: \"visible\" },\n    transitionEnd: { exit: { visibility: \"hidden\" } },\n  }\n\n  switch (animation) {\n    case \"scale\":\n      return {\n        ...scaleFadeProps,\n        custom: { ...custom, scale: 0.95 },\n      }\n    case \"top\":\n      return {\n        ...slideFadeProps,\n        custom: { ...custom, offsetX: 0, offsetY: -16 },\n      }\n    case \"right\":\n      return {\n        ...slideFadeProps,\n        custom: { ...custom, offsetX: 16, offsetY: 0 },\n      }\n    case \"left\":\n      return {\n        ...slideFadeProps,\n        custom: { ...custom, offsetX: -16, offsetY: 0 },\n      }\n    case \"bottom\":\n      return {\n        ...slideFadeProps,\n        custom: { ...custom, offsetX: 0, offsetY: 16 },\n      }\n  }\n}\n\nexport const PopoverContent = forwardRef<PopoverContentProps, \"section\">(\n  (\n    {\n      as = \"section\",\n      className,\n      children,\n      w,\n      width,\n      minW,\n      minWidth,\n      zIndex,\n      __css,\n      ...rest\n    },\n    ref,\n  ) => {\n    const {\n      isOpen,\n      closeOnButton,\n      getPopperProps,\n      getPopoverProps,\n      onAnimationComplete,\n      animation,\n      duration,\n      styles,\n    } = usePopover()\n\n    const validChildren = getValidChildren(children)\n    const [customPopoverCloseButton, ...cloneChildren] = findChildren(\n      validChildren,\n      PopoverCloseButton,\n    )\n\n    const resolvedChildren = (): ReactNode => {\n      return (\n        <>\n          {customPopoverCloseButton ??\n            (closeOnButton ? <PopoverCloseButton /> : null)}\n\n          {cloneChildren}\n        </>\n      )\n    }\n\n    const css: CSSUIObject = {\n      position: \"relative\",\n      w: \"100%\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      outline: 0,\n      ...omitObject(__css ?? styles.container, [\"zIndex\"]),\n    }\n\n    w =\n      w ??\n      width ??\n      ((styles.container?.w ?? styles.container?.width) as CSSUIProps[\"w\"])\n    minW =\n      minW ??\n      minWidth ??\n      ((styles.container?.minW ??\n        styles.container?.minWidth) as CSSUIProps[\"minW\"])\n    zIndex = (zIndex ?? styles.container?.zIndex) as CSSUIProps[\"zIndex\"]\n\n    return (\n      <ui.div\n        {...getPopperProps({\n          style: { visibility: isOpen ? \"visible\" : \"hidden\" },\n        })}\n        className=\"ui-popover\"\n        w={w}\n        minW={minW}\n        zIndex={zIndex}\n      >\n        <ui.section\n          as={motion[as as keyof typeof motion]}\n          className={cx(\"ui-popover__content\", className)}\n          {...(animation !== \"none\"\n            ? getPopoverContentProps(animation, duration)\n            : {})}\n          {...(getPopoverProps(\n            {\n              ...rest,\n              children: resolvedChildren(),\n            },\n            ref,\n          ) as Omit<DOMAttributes & RefAttributes<any>, \"onDrag\">)}\n          initial=\"exit\"\n          animate={isOpen ? \"enter\" : \"exit\"}\n          exit=\"exit\"\n          onAnimationComplete={funcAll(\n            onAnimationComplete,\n            rest.onAnimationComplete,\n          )}\n          __css={css}\n        />\n      </ui.div>\n    )\n  },\n)\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport type PopoverHeaderProps = HTMLUIProps<\"header\">\n\nexport const PopoverHeader = forwardRef<PopoverHeaderProps, \"header\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = usePopover()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"flex-start\",\n      ...styles.header,\n    }\n\n    return (\n      <ui.header\n        ref={ref}\n        className={cx(\"ui-popover__header\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport type PopoverBodyProps = HTMLUIProps<\"main\">\n\nexport const PopoverBody = forwardRef<PopoverBodyProps, \"main\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = usePopover()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: \"column\",\n      alignItems: \"flex-start\",\n      ...styles.body,\n    }\n\n    return (\n      <ui.main\n        ref={ref}\n        className={cx(\"ui-popover__body\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport type PopoverFooterProps = HTMLUIProps<\"footer\">\n\nexport const PopoverFooter = forwardRef<PopoverFooterProps, \"footer\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = usePopover()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"flex-start\",\n      ...styles.footer,\n    }\n\n    return (\n      <ui.footer\n        ref={ref}\n        className={cx(\"ui-popover__footer\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":"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","names":["props","import_react","import_react","import_core","import_utils","import_jsx_runtime","import_core","import_utils","import_jsx_runtime","import_core","import_utils","import_jsx_runtime","import_core","import_utils","import_jsx_runtime","import_core","import_utils","import_jsx_runtime"]}

package/dist/index.mjs

@@ -1,29 +1,29 @@
 "use client"
 import {
   PopoverContent
-} from "./chunk-GMQSUWR2.mjs";
+} from "./chunk-F4NPARYO.mjs";
 import {
   PopoverAnchor
-} from "./chunk-3Y727M4E.mjs";
+} from "./chunk-JJ6KOE7W.mjs";
 import {
   PopoverBody
-} from "./chunk-DD6KNIP5.mjs";
+} from "./chunk-QUGQS5T5.mjs";
 import {
   PopoverCloseButton
-} from "./chunk-ZVPGPPOB.mjs";
+} from "./chunk-3I2R34LR.mjs";
 import {
   PopoverFooter
-} from "./chunk-EJXJVPKS.mjs";
+} from "./chunk-3IPPBHSY.mjs";
 import {
   PopoverHeader
-} from "./chunk-CNYYEVQS.mjs";
+} from "./chunk-ZUGSATJI.mjs";
 import {
   PopoverTrigger
-} from "./chunk-63TBKC74.mjs";
+} from "./chunk-PK5ZTA2J.mjs";
 import {
   Popover,
   popoverProperties
-} from "./chunk-SQSZBHYI.mjs";
+} from "./chunk-IRD4F7H3.mjs";
 export {
   Popover,
   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 { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { MotionTransitionProperties } 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 type { DOMAttributes, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  getEventRelatedTarget,\n  handlerAll,\n  isContains,\n  mergeRefs,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\n\nexport const popoverProperties: any[] = [\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]\n\ntype 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   * 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`, 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`, 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\"\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?: MotionTransitionProperties[\"duration\"]\n}\n\nexport type PopoverProps = ThemeProps<\"Popover\"> &\n  Omit<UsePopperProps, \"enabled\"> &\n  PropsWithChildren<PopoverOptions>\n\ntype PopoverContext = 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\n  getPopoverProps: PropGetter\n  styles: Record<string, CSSUIObject>\n}\n\nconst [PopoverProvider, usePopover] = createContext<PopoverContext>({\n  strict: false,\n  name: \"PopoverContext\",\n})\n\nexport { usePopover }\n\nexport const Popover: FC<PopoverProps> = (props) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"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    ...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: restoreFocus && trigger === \"click\",\n  })\n\n  useFocusOnShow(popoverRef, {\n    focusRef: initialFocusRef,\n    visible: isOpen,\n    shouldFocus: autoFocus && trigger === \"click\",\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 = useCallback(\n    (props = {}, ref = null) => {\n      const popoverProps: DOMAttributes = {\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\n          const isValidBlur = !targetIsPopover && !targetIsTrigger\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          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    ],\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: DOMAttributes = {\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 === \"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 === false) 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;;;ACAvC,kBAAuD;AAEvD,2BAAqC;AAErC,4BAAiD;AACjD,uBAIO;AAEP,wBAA4C;AAE5C,mBAOO;AAEP,mBAA+C;AAyW3C;AAvWG,IAAM,oBAA2B;AAAA,EACtC,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;AAsHA,IAAM,CAAC,iBAAiB,UAAU,QAAI,4BAA8B;AAAA,EAClE,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;;;ADjKM,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, 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","/**\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 */\nimport type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { MotionTransitionProperties } 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 type { DOMAttributes, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  getEventRelatedTarget,\n  handlerAll,\n  isContains,\n  mergeRefs,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\n\nexport const popoverProperties: any[] = [\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]\n\ntype 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   * 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`, 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`, 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\"\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?: MotionTransitionProperties[\"duration\"]\n}\n\nexport type PopoverProps = ThemeProps<\"Popover\"> &\n  Omit<UsePopperProps, \"enabled\"> &\n  PropsWithChildren<PopoverOptions>\n\ntype PopoverContext = 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\n  getPopoverProps: PropGetter\n  styles: Record<string, CSSUIObject>\n}\n\nconst [PopoverProvider, usePopover] = createContext<PopoverContext>({\n  strict: false,\n  name: \"PopoverContext\",\n})\n\nexport { usePopover }\n\nexport const Popover: FC<PopoverProps> = (props) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"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    ...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: restoreFocus && trigger === \"click\",\n  })\n\n  useFocusOnShow(popoverRef, {\n    focusRef: initialFocusRef,\n    visible: isOpen,\n    shouldFocus: autoFocus && trigger === \"click\",\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 = useCallback(\n    (props = {}, ref = null) => {\n      const popoverProps: DOMAttributes = {\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\n          const isValidBlur = !targetIsPopover && !targetIsTrigger\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          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    ],\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: DOMAttributes = {\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 === \"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 === false) 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;AAE5C,mBAOO;AAEP,mBAA+C;AAyW3C;AAvWG,IAAM,oBAA2B;AAAA,EACtC,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;AAsHA,IAAM,CAAC,iBAAiB,UAAU,QAAI,4BAA8B;AAAA,EAClE,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;;;ADtKM,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"]}

package/dist/popover-anchor.mjs

@@ -1,8 +1,8 @@
 "use client"
 import {
   PopoverAnchor
-} from "./chunk-3Y727M4E.mjs";
-import "./chunk-SQSZBHYI.mjs";
+} from "./chunk-JJ6KOE7W.mjs";
+import "./chunk-IRD4F7H3.mjs";
 export {
   PopoverAnchor
 };

package/dist/popover-body.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/popover-body.tsx","../src/popover.tsx"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport type PopoverBodyProps = HTMLUIProps<\"main\">\n\nexport const PopoverBody = forwardRef<PopoverBodyProps, \"main\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = usePopover()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: \"column\",\n      alignItems: \"flex-start\",\n      ...styles.body,\n    }\n\n    return (\n      <ui.main\n        ref={ref}\n        className={cx(\"ui-popover__body\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { MotionTransitionProperties } 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 type { DOMAttributes, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  getEventRelatedTarget,\n  handlerAll,\n  isContains,\n  mergeRefs,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\n\nexport const popoverProperties: any[] = [\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]\n\ntype 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   * 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`, 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`, 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\"\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?: MotionTransitionProperties[\"duration\"]\n}\n\nexport type PopoverProps = ThemeProps<\"Popover\"> &\n  Omit<UsePopperProps, \"enabled\"> &\n  PropsWithChildren<PopoverOptions>\n\ntype PopoverContext = 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\n  getPopoverProps: PropGetter\n  styles: Record<string, CSSUIObject>\n}\n\nconst [PopoverProvider, usePopover] = createContext<PopoverContext>({\n  strict: false,\n  name: \"PopoverContext\",\n})\n\nexport { usePopover }\n\nexport const Popover: FC<PopoverProps> = (props) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"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    ...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: restoreFocus && trigger === \"click\",\n  })\n\n  useFocusOnShow(popoverRef, {\n    focusRef: initialFocusRef,\n    visible: isOpen,\n    shouldFocus: autoFocus && trigger === \"click\",\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 = useCallback(\n    (props = {}, ref = null) => {\n      const popoverProps: DOMAttributes = {\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\n          const isValidBlur = !targetIsPopover && !targetIsTrigger\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          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    ],\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: DOMAttributes = {\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 === \"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 === false) 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,eAA+B;AAC/B,IAAAC,gBAAmB;;;ACDnB,kBAAuD;AAEvD,2BAAqC;AAErC,4BAAiD;AACjD,uBAIO;AAEP,wBAA4C;AAE5C,mBAOO;AAEP,mBAA+C;AAyW3C;AAvWG,IAAM,oBAA2B;AAAA,EACtC,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;AAsHA,IAAM,CAAC,iBAAiB,UAAU,QAAI,4BAA8B;AAAA,EAClE,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;;;ADlJK,IAAAC,sBAAA;AAZC,IAAM,kBAAc;AAAA,EACzB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,UAAM,MAAmB;AAAA,MACvB,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,gBAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,oBAAoB,SAAS;AAAA,QAC3C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_core","import_utils","import_jsx_runtime"]}
+{"version":3,"sources":["../src/popover-body.tsx","../src/popover.tsx"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport type PopoverBodyProps = HTMLUIProps<\"main\">\n\nexport const PopoverBody = forwardRef<PopoverBodyProps, \"main\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = usePopover()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: \"column\",\n      alignItems: \"flex-start\",\n      ...styles.body,\n    }\n\n    return (\n      <ui.main\n        ref={ref}\n        className={cx(\"ui-popover__body\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\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 */\nimport type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { MotionTransitionProperties } 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 type { DOMAttributes, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  getEventRelatedTarget,\n  handlerAll,\n  isContains,\n  mergeRefs,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\n\nexport const popoverProperties: any[] = [\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]\n\ntype 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   * 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`, 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`, 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\"\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?: MotionTransitionProperties[\"duration\"]\n}\n\nexport type PopoverProps = ThemeProps<\"Popover\"> &\n  Omit<UsePopperProps, \"enabled\"> &\n  PropsWithChildren<PopoverOptions>\n\ntype PopoverContext = 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\n  getPopoverProps: PropGetter\n  styles: Record<string, CSSUIObject>\n}\n\nconst [PopoverProvider, usePopover] = createContext<PopoverContext>({\n  strict: false,\n  name: \"PopoverContext\",\n})\n\nexport { usePopover }\n\nexport const Popover: FC<PopoverProps> = (props) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"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    ...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: restoreFocus && trigger === \"click\",\n  })\n\n  useFocusOnShow(popoverRef, {\n    focusRef: initialFocusRef,\n    visible: isOpen,\n    shouldFocus: autoFocus && trigger === \"click\",\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 = useCallback(\n    (props = {}, ref = null) => {\n      const popoverProps: DOMAttributes = {\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\n          const isValidBlur = !targetIsPopover && !targetIsTrigger\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          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    ],\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: DOMAttributes = {\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 === \"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 === false) 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,eAA+B;AAC/B,IAAAC,gBAAmB;;;ACInB,kBAAuD;AAEvD,2BAAqC;AAErC,4BAAiD;AACjD,uBAIO;AAEP,wBAA4C;AAE5C,mBAOO;AAEP,mBAA+C;AAyW3C;AAvWG,IAAM,oBAA2B;AAAA,EACtC,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;AAsHA,IAAM,CAAC,iBAAiB,UAAU,QAAI,4BAA8B;AAAA,EAClE,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;;;ADvJK,IAAAC,sBAAA;AAZC,IAAM,kBAAc;AAAA,EACzB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,UAAM,MAAmB;AAAA,MACvB,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,gBAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,oBAAoB,SAAS;AAAA,QAC3C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_core","import_utils","import_jsx_runtime"]}

package/dist/popover-body.mjs

@@ -1,8 +1,8 @@
 "use client"
 import {
   PopoverBody
-} from "./chunk-DD6KNIP5.mjs";
-import "./chunk-SQSZBHYI.mjs";
+} from "./chunk-QUGQS5T5.mjs";
+import "./chunk-IRD4F7H3.mjs";
 export {
   PopoverBody
 };

package/dist/popover-close-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/popover-close-button.tsx","../src/popover.tsx"],"sourcesContent":["import type { CloseButtonProps } from \"@yamada-ui/close-button\"\nimport { CloseButton } from \"@yamada-ui/close-button\"\nimport type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx, handlerAll } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport type PopoverCloseButtonProps = CloseButtonProps\n\nexport const PopoverCloseButton = forwardRef<PopoverCloseButtonProps, \"button\">(\n  ({ onClick, ...rest }, ref) => {\n    const { styles, onClose } = usePopover()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      ...styles.closeButton,\n    }\n\n    return (\n      <CloseButton\n        ref={ref}\n        className={cx(\"ui-popover__close-button\")}\n        __css={css}\n        onClick={handlerAll(onClick, (ev) => {\n          ev.stopPropagation()\n          onClose?.()\n        })}\n        size=\"sm\"\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { MotionTransitionProperties } 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 type { DOMAttributes, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  getEventRelatedTarget,\n  handlerAll,\n  isContains,\n  mergeRefs,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\n\nexport const popoverProperties: any[] = [\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]\n\ntype 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   * 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`, 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`, 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\"\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?: MotionTransitionProperties[\"duration\"]\n}\n\nexport type PopoverProps = ThemeProps<\"Popover\"> &\n  Omit<UsePopperProps, \"enabled\"> &\n  PropsWithChildren<PopoverOptions>\n\ntype PopoverContext = 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\n  getPopoverProps: PropGetter\n  styles: Record<string, CSSUIObject>\n}\n\nconst [PopoverProvider, usePopover] = createContext<PopoverContext>({\n  strict: false,\n  name: \"PopoverContext\",\n})\n\nexport { usePopover }\n\nexport const Popover: FC<PopoverProps> = (props) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"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    ...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: restoreFocus && trigger === \"click\",\n  })\n\n  useFocusOnShow(popoverRef, {\n    focusRef: initialFocusRef,\n    visible: isOpen,\n    shouldFocus: autoFocus && trigger === \"click\",\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 = useCallback(\n    (props = {}, ref = null) => {\n      const popoverProps: DOMAttributes = {\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\n          const isValidBlur = !targetIsPopover && !targetIsTrigger\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          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    ],\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: DOMAttributes = {\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 === \"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 === false) 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,0BAA4B;AAE5B,IAAAA,eAA2B;AAC3B,IAAAC,gBAA+B;;;ACH/B,kBAAuD;AAEvD,2BAAqC;AAErC,4BAAiD;AACjD,uBAIO;AAEP,wBAA4C;AAE5C,mBAOO;AAEP,mBAA+C;AAyW3C;AAvWG,IAAM,oBAA2B;AAAA,EACtC,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;AAsHA,IAAM,CAAC,iBAAiB,UAAU,QAAI,4BAA8B;AAAA,EAClE,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;;;ADlJK,IAAAC,sBAAA;AAVC,IAAM,yBAAqB;AAAA,EAChC,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,QAAQ;AAC7B,UAAM,EAAE,QAAQ,QAAQ,IAAI,WAAW;AAEvC,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,0BAA0B;AAAA,QACxC,OAAO;AAAA,QACP,aAAS,0BAAW,SAAS,CAAC,OAAO;AACnC,aAAG,gBAAgB;AACnB;AAAA,QACF,CAAC;AAAA,QACD,MAAK;AAAA,QACJ,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_core","import_utils","import_jsx_runtime"]}
+{"version":3,"sources":["../src/popover-close-button.tsx","../src/popover.tsx"],"sourcesContent":["import type { CloseButtonProps } from \"@yamada-ui/close-button\"\nimport { CloseButton } from \"@yamada-ui/close-button\"\nimport type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx, handlerAll } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport type PopoverCloseButtonProps = CloseButtonProps\n\nexport const PopoverCloseButton = forwardRef<PopoverCloseButtonProps, \"button\">(\n  ({ onClick, ...rest }, ref) => {\n    const { styles, onClose } = usePopover()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      ...styles.closeButton,\n    }\n\n    return (\n      <CloseButton\n        ref={ref}\n        className={cx(\"ui-popover__close-button\")}\n        __css={css}\n        onClick={handlerAll(onClick, (ev) => {\n          ev.stopPropagation()\n          onClose?.()\n        })}\n        size=\"sm\"\n        {...rest}\n      />\n    )\n  },\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 */\nimport type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { MotionTransitionProperties } 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 type { DOMAttributes, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  getEventRelatedTarget,\n  handlerAll,\n  isContains,\n  mergeRefs,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback, useEffect, useRef } from \"react\"\n\nexport const popoverProperties: any[] = [\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]\n\ntype 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   * 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`, 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`, 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\"\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?: MotionTransitionProperties[\"duration\"]\n}\n\nexport type PopoverProps = ThemeProps<\"Popover\"> &\n  Omit<UsePopperProps, \"enabled\"> &\n  PropsWithChildren<PopoverOptions>\n\ntype PopoverContext = 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\n  getPopoverProps: PropGetter\n  styles: Record<string, CSSUIObject>\n}\n\nconst [PopoverProvider, usePopover] = createContext<PopoverContext>({\n  strict: false,\n  name: \"PopoverContext\",\n})\n\nexport { usePopover }\n\nexport const Popover: FC<PopoverProps> = (props) => {\n  const [styles, mergedProps] = useMultiComponentStyle(\"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    ...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: restoreFocus && trigger === \"click\",\n  })\n\n  useFocusOnShow(popoverRef, {\n    focusRef: initialFocusRef,\n    visible: isOpen,\n    shouldFocus: autoFocus && trigger === \"click\",\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 = useCallback(\n    (props = {}, ref = null) => {\n      const popoverProps: DOMAttributes = {\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\n          const isValidBlur = !targetIsPopover && !targetIsTrigger\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          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    ],\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: DOMAttributes = {\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 === \"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 === false) 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,0BAA4B;AAE5B,IAAAA,eAA2B;AAC3B,IAAAC,gBAA+B;;;ACE/B,kBAAuD;AAEvD,2BAAqC;AAErC,4BAAiD;AACjD,uBAIO;AAEP,wBAA4C;AAE5C,mBAOO;AAEP,mBAA+C;AAyW3C;AAvWG,IAAM,oBAA2B;AAAA,EACtC,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;AAsHA,IAAM,CAAC,iBAAiB,UAAU,QAAI,4BAA8B;AAAA,EAClE,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;;;ADvJK,IAAAC,sBAAA;AAVC,IAAM,yBAAqB;AAAA,EAChC,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,QAAQ;AAC7B,UAAM,EAAE,QAAQ,QAAQ,IAAI,WAAW;AAEvC,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,0BAA0B;AAAA,QACxC,OAAO;AAAA,QACP,aAAS,0BAAW,SAAS,CAAC,OAAO;AACnC,aAAG,gBAAgB;AACnB;AAAA,QACF,CAAC;AAAA,QACD,MAAK;AAAA,QACJ,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_core","import_utils","import_jsx_runtime"]}

package/dist/popover-close-button.mjs

@@ -1,8 +1,8 @@
 "use client"
 import {
   PopoverCloseButton
-} from "./chunk-ZVPGPPOB.mjs";
-import "./chunk-SQSZBHYI.mjs";
+} from "./chunk-3I2R34LR.mjs";
+import "./chunk-IRD4F7H3.mjs";
 export {
   PopoverCloseButton
 };