@yamada-ui/react 2.2.7-dev-20260817094722 → 2.2.7-dev-20260819081352

package/dist/cjs/components/popover/use-popover.cjs

@@ -65,10 +65,9 @@ const usePopover = ({ autoFocus = true, autoUpdate, modal = false, blockScrollOn
 	]);
 	const onBlur = (0, react.useCallback)((ev) => {
 		const relatedTarget = require_dom.getEventRelatedTarget(ev);
-		const popup = relatedTarget?.hasAttribute("data-popup");
+		if (relatedTarget?.closest("[data-popup]")) return;
 		if ((0, require_utils_index.utils_exports.contains)(triggerRef.current, relatedTarget)) return;
 		if ((0, require_utils_index.utils_exports.contains)(contentRef.current, relatedTarget)) return;
-		if ((0, require_utils_index.utils_exports.contains)(contentRef.current, ev.target) && popup) return;
 		if (closeOnBlur) onClose();
 	}, [closeOnBlur, onClose]);
 	require_hooks_use_event_listener_index.useEventListener(getDocument(), "scroll", () => {

package/dist/cjs/components/popover/use-popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-popover.cjs","names":["useEnvironment","useId","useRef","useDisclosure","usePopper","useCallback","getEventRelatedTarget","mergeRefs","popperProps","useSplitProps"],"sources":["../../../../src/components/popover/use-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FocusEvent, KeyboardEvent, RefObject } from \"react\"\nimport type { Direction, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport type { Dict } from \"../../utils\"\nimport type { UsePopupAnimationProps } from \"./popover\"\nimport { useCallback, useEffect, useId, useRef } from \"react\"\nimport { useEnvironment, useSplitProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useFocusOnShow } from \"../../hooks/use-focus\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { popperProps, usePopper } from \"../../hooks/use-popper\"\nimport {\n  ariaAttr,\n  assignRef,\n  contains,\n  dataAttr,\n  focusTransfer,\n  focusTrap,\n  getEventRelatedTarget,\n  handlerAll,\n  mergeRefs,\n  runKeyAction,\n  scrollLock,\n  setAttribute,\n  useSafeLayoutEffect,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UsePopoverProps\n  extends Omit<UseDisclosureProps, \"timing\">, UsePopperProps<\"button\"> {\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`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default false\n   */\n  blockScrollOnMount?: 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 hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the popover will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The `ref` of the element that should receive focus when the popover opens.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the popover will be modal.\n   *\n   * - scrolling is blocked.\n   * - focus is trapped within the popover.\n   *\n   * @default false\n   */\n  modal?: boolean\n  /**\n   * If `true`, the popover will be opened when click on the field.\n   *\n   * @default true\n   */\n  openOnClick?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: Direction\n  /**\n   * If `true`, the focus will be transferred to the popover content when the tab key is pressed.\n   *\n   * @default true\n   */\n  transferFocus?: boolean\n  /**\n   * Update the position of the floating element, re-rendering the component if required.\n   */\n  updateRef?: RefObject<() => void>\n}\n\nexport const usePopover = ({\n  autoFocus = true,\n  autoUpdate,\n  modal = false,\n  blockScrollOnMount = modal,\n  closeOnBlur = true,\n  closeOnEsc = true,\n  closeOnScroll,\n  defaultOpen,\n  disabled,\n  elements,\n  flip,\n  gutter,\n  initialFocusRef,\n  matchWidth,\n  middleware,\n  offset,\n  open: openProp,\n  openOnClick = true,\n  placement = \"end\",\n  platform,\n  preventOverflow,\n  strategy,\n  transferFocus = true,\n  transform,\n  updateRef,\n  whileElementsMounted,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UsePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const contentId = useId()\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { refs, update, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    open,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  assignRef(updateRef, update)\n\n  const onRestoreFocus = useCallback(() => {\n    clearTimeout(closeTimeout.current)\n    closeTimeout.current = setTimeout(() => {\n      triggerRef.current?.focus()\n    })\n  }, [])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLElement>) => {\n      runKeyAction(ev, {\n        Escape: () => {\n          if (!closeOnEsc) return\n\n          onClose()\n          onRestoreFocus()\n        },\n      })\n    },\n    [closeOnEsc, onClose, onRestoreFocus],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLDivElement>) => {\n      const relatedTarget = getEventRelatedTarget(ev)\n      const popup = relatedTarget?.hasAttribute(\"data-popup\")\n\n      if (contains(triggerRef.current, relatedTarget)) return\n      if (contains(contentRef.current, relatedTarget)) return\n      if (contains(contentRef.current, ev.target) && popup) return\n\n      if (closeOnBlur) onClose()\n    },\n    [closeOnBlur, onClose],\n  )\n\n  useEventListener(getDocument(), \"scroll\", () => {\n    if (open && closeOnScroll) onClose()\n  })\n\n  useFocusOnShow(contentRef, {\n    focusTarget: initialFocusRef,\n    shouldFocus: autoFocus,\n    visible: open,\n  })\n\n  useOutsideClick({\n    ref: [contentRef, triggerRef],\n    enabled: open && closeOnBlur,\n    handler: onClose,\n  })\n\n  useSafeLayoutEffect(() => {\n    const el = contentRef.current\n    const hasHeader = !!getDocument()?.getElementById(headerId)\n    const hasBody = !!getDocument()?.getElementById(bodyId)\n\n    if (el && hasHeader) setAttribute(el, \"aria-labelledby\", headerId)\n    if (el && hasBody) setAttribute(el, \"aria-describedby\", bodyId)\n  }, [open, headerId, bodyId])\n\n  useEffect(() => {\n    if (!open || !modal) return\n\n    return focusTrap(contentRef.current)\n  }, [open, modal])\n\n  useEffect(() => {\n    if (!open || !blockScrollOnMount) return\n\n    return scrollLock(contentRef.current)\n  }, [open, modal, blockScrollOnMount])\n\n  useEffect(() => {\n    if (!open || modal || !transferFocus) return\n\n    return focusTransfer(contentRef.current, triggerRef.current)\n  }, [open, modal, transferFocus])\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      role: \"button\",\n      ...props,\n      ref: mergeRefs(ref, triggerRef, (node) => {\n        if (anchorRef.current == null) refs.setReference(node)\n      }),\n      onBlur: handlerAll(props.onBlur, (ev) =>\n        !contains(contentRef.current, getEventRelatedTarget(ev)) && closeOnBlur\n          ? onClose()\n          : void 0,\n      ),\n      onClick: handlerAll(\n        props.onClick,\n        !open ? (!disabled && openOnClick ? onOpen : undefined) : onClose,\n      ),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      closeOnBlur,\n      contentId,\n      disabled,\n      onClose,\n      onKeyDown,\n      onOpen,\n      open,\n      openOnClick,\n      refs,\n    ],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, anchorRef, refs.setReference),\n    }),\n    [refs.setReference],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => getPopperProps(props),\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: contentId,\n      \"aria-hidden\": !open,\n      \"aria-modal\": modal ? \"true\" : undefined,\n      \"data-close\": dataAttr(!open),\n      \"data-open\": dataAttr(open),\n      \"data-popup\": dataAttr(true),\n      role: \"dialog\",\n      tabIndex: -1,\n      ...props,\n      ref: mergeRefs(ref, contentRef),\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [contentId, open, modal, onBlur, onKeyDown],\n  )\n\n  const getHeaderProps: PropGetter = useCallback(\n    (props) => ({ id: headerId, ...props }),\n    [headerId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({ id: bodyId, ...props }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      ...props,\n      onClick: handlerAll(props.onClick, () => {\n        onClose()\n        onRestoreFocus()\n      }),\n    }),\n    [onClose, onRestoreFocus],\n  )\n\n  return {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UsePopoverReturn = ReturnType<typeof usePopover>\n\nexport const popoverProps: (\n  | keyof UsePopoverProps\n  | keyof UsePopupAnimationProps\n)[] = [\n  ...popperProps,\n  \"autoFocus\",\n  \"transferFocus\",\n  \"blockScrollOnMount\",\n  \"closeOnBlur\",\n  \"closeOnEsc\",\n  \"closeOnScroll\",\n  \"openOnClick\",\n  \"disabled\",\n  \"initialFocusRef\",\n  \"modal\",\n  \"updateRef\",\n  \"defaultOpen\",\n  \"onOpen\",\n  \"onClose\",\n  \"animationScheme\",\n  \"duration\",\n]\n\nexport const usePopoverProps = <\n  Y extends Dict = Dict,\n  M extends keyof UsePopoverProps | keyof UsePopupAnimationProps =\n    | keyof UsePopoverProps\n    | keyof UsePopupAnimationProps,\n>(\n  props: Y,\n  omitKeys?: M[],\n) => {\n  return useSplitProps(\n    props,\n    popoverProps.filter((key) => !omitKeys?.includes(key as M)),\n  ) as unknown as [\n    keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n      ? UsePopoverProps & UsePopupAnimationProps\n      : Omit<UsePopoverProps & UsePopupAnimationProps, M>,\n    Omit<\n      Y,\n      keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n        ? keyof UsePopoverProps | keyof UsePopupAnimationProps\n        : Exclude<keyof UsePopoverProps | keyof UsePopupAnimationProps, M>\n    >,\n  ]\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-popover.cjs","names":["useEnvironment","useId","useRef","useDisclosure","usePopper","useCallback","getEventRelatedTarget","mergeRefs","popperProps","useSplitProps"],"sources":["../../../../src/components/popover/use-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FocusEvent, KeyboardEvent, RefObject } from \"react\"\nimport type { Direction, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport type { Dict } from \"../../utils\"\nimport type { UsePopupAnimationProps } from \"./popover\"\nimport { useCallback, useEffect, useId, useRef } from \"react\"\nimport { useEnvironment, useSplitProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useFocusOnShow } from \"../../hooks/use-focus\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { popperProps, usePopper } from \"../../hooks/use-popper\"\nimport {\n  ariaAttr,\n  assignRef,\n  contains,\n  dataAttr,\n  focusTransfer,\n  focusTrap,\n  getEventRelatedTarget,\n  handlerAll,\n  mergeRefs,\n  runKeyAction,\n  scrollLock,\n  setAttribute,\n  useSafeLayoutEffect,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UsePopoverProps\n  extends Omit<UseDisclosureProps, \"timing\">, UsePopperProps<\"button\"> {\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`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default false\n   */\n  blockScrollOnMount?: 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 hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the popover will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The `ref` of the element that should receive focus when the popover opens.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the popover will be modal.\n   *\n   * - scrolling is blocked.\n   * - focus is trapped within the popover.\n   *\n   * @default false\n   */\n  modal?: boolean\n  /**\n   * If `true`, the popover will be opened when click on the field.\n   *\n   * @default true\n   */\n  openOnClick?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: Direction\n  /**\n   * If `true`, the focus will be transferred to the popover content when the tab key is pressed.\n   *\n   * @default true\n   */\n  transferFocus?: boolean\n  /**\n   * Update the position of the floating element, re-rendering the component if required.\n   */\n  updateRef?: RefObject<() => void>\n}\n\nexport const usePopover = ({\n  autoFocus = true,\n  autoUpdate,\n  modal = false,\n  blockScrollOnMount = modal,\n  closeOnBlur = true,\n  closeOnEsc = true,\n  closeOnScroll,\n  defaultOpen,\n  disabled,\n  elements,\n  flip,\n  gutter,\n  initialFocusRef,\n  matchWidth,\n  middleware,\n  offset,\n  open: openProp,\n  openOnClick = true,\n  placement = \"end\",\n  platform,\n  preventOverflow,\n  strategy,\n  transferFocus = true,\n  transform,\n  updateRef,\n  whileElementsMounted,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UsePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const contentId = useId()\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { refs, update, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    open,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  assignRef(updateRef, update)\n\n  const onRestoreFocus = useCallback(() => {\n    clearTimeout(closeTimeout.current)\n    closeTimeout.current = setTimeout(() => {\n      triggerRef.current?.focus()\n    })\n  }, [])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLElement>) => {\n      runKeyAction(ev, {\n        Escape: () => {\n          if (!closeOnEsc) return\n\n          onClose()\n          onRestoreFocus()\n        },\n      })\n    },\n    [closeOnEsc, onClose, onRestoreFocus],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLDivElement>) => {\n      const relatedTarget = getEventRelatedTarget(ev)\n      const popup = relatedTarget?.closest(\"[data-popup]\")\n\n      if (popup) return\n      if (contains(triggerRef.current, relatedTarget)) return\n      if (contains(contentRef.current, relatedTarget)) return\n\n      if (closeOnBlur) onClose()\n    },\n    [closeOnBlur, onClose],\n  )\n\n  useEventListener(getDocument(), \"scroll\", () => {\n    if (open && closeOnScroll) onClose()\n  })\n\n  useFocusOnShow(contentRef, {\n    focusTarget: initialFocusRef,\n    shouldFocus: autoFocus,\n    visible: open,\n  })\n\n  useOutsideClick({\n    ref: [contentRef, triggerRef],\n    enabled: open && closeOnBlur,\n    handler: onClose,\n  })\n\n  useSafeLayoutEffect(() => {\n    const el = contentRef.current\n    const hasHeader = !!getDocument()?.getElementById(headerId)\n    const hasBody = !!getDocument()?.getElementById(bodyId)\n\n    if (el && hasHeader) setAttribute(el, \"aria-labelledby\", headerId)\n    if (el && hasBody) setAttribute(el, \"aria-describedby\", bodyId)\n  }, [open, headerId, bodyId])\n\n  useEffect(() => {\n    if (!open || !modal) return\n\n    return focusTrap(contentRef.current)\n  }, [open, modal])\n\n  useEffect(() => {\n    if (!open || !blockScrollOnMount) return\n\n    return scrollLock(contentRef.current)\n  }, [open, modal, blockScrollOnMount])\n\n  useEffect(() => {\n    if (!open || modal || !transferFocus) return\n\n    return focusTransfer(contentRef.current, triggerRef.current)\n  }, [open, modal, transferFocus])\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      role: \"button\",\n      ...props,\n      ref: mergeRefs(ref, triggerRef, (node) => {\n        if (anchorRef.current == null) refs.setReference(node)\n      }),\n      onBlur: handlerAll(props.onBlur, (ev) =>\n        !contains(contentRef.current, getEventRelatedTarget(ev)) && closeOnBlur\n          ? onClose()\n          : void 0,\n      ),\n      onClick: handlerAll(\n        props.onClick,\n        !open ? (!disabled && openOnClick ? onOpen : undefined) : onClose,\n      ),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      closeOnBlur,\n      contentId,\n      disabled,\n      onClose,\n      onKeyDown,\n      onOpen,\n      open,\n      openOnClick,\n      refs,\n    ],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, anchorRef, refs.setReference),\n    }),\n    [refs.setReference],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => getPopperProps(props),\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: contentId,\n      \"aria-hidden\": !open,\n      \"aria-modal\": modal ? \"true\" : undefined,\n      \"data-close\": dataAttr(!open),\n      \"data-open\": dataAttr(open),\n      \"data-popup\": dataAttr(true),\n      role: \"dialog\",\n      tabIndex: -1,\n      ...props,\n      ref: mergeRefs(ref, contentRef),\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [contentId, open, modal, onBlur, onKeyDown],\n  )\n\n  const getHeaderProps: PropGetter = useCallback(\n    (props) => ({ id: headerId, ...props }),\n    [headerId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({ id: bodyId, ...props }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      ...props,\n      onClick: handlerAll(props.onClick, () => {\n        onClose()\n        onRestoreFocus()\n      }),\n    }),\n    [onClose, onRestoreFocus],\n  )\n\n  return {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UsePopoverReturn = ReturnType<typeof usePopover>\n\nexport const popoverProps: (\n  | keyof UsePopoverProps\n  | keyof UsePopupAnimationProps\n)[] = [\n  ...popperProps,\n  \"autoFocus\",\n  \"transferFocus\",\n  \"blockScrollOnMount\",\n  \"closeOnBlur\",\n  \"closeOnEsc\",\n  \"closeOnScroll\",\n  \"openOnClick\",\n  \"disabled\",\n  \"initialFocusRef\",\n  \"modal\",\n  \"updateRef\",\n  \"defaultOpen\",\n  \"onOpen\",\n  \"onClose\",\n  \"animationScheme\",\n  \"duration\",\n]\n\nexport const usePopoverProps = <\n  Y extends Dict = Dict,\n  M extends keyof UsePopoverProps | keyof UsePopupAnimationProps =\n    | keyof UsePopoverProps\n    | keyof UsePopupAnimationProps,\n>(\n  props: Y,\n  omitKeys?: M[],\n) => {\n  return useSplitProps(\n    props,\n    popoverProps.filter((key) => !omitKeys?.includes(key as M)),\n  ) as unknown as [\n    keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n      ? UsePopoverProps & UsePopupAnimationProps\n      : Omit<UsePopoverProps & UsePopupAnimationProps, M>,\n    Omit<\n      Y,\n      keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n        ? keyof UsePopoverProps | keyof UsePopupAnimationProps\n        : Exclude<keyof UsePopoverProps | keyof UsePopupAnimationProps, M>\n    >,\n  ]\n}\n"],"mappings":"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"}

package/dist/cjs/index.cjs

@@ -4814,7 +4814,6 @@ var src_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	getInputHeightStyle: () => require_input_style.getInputHeightStyle,
 	getInputPaddingEndResetStyle: () => require_input_style.getInputPaddingEndResetStyle,
 	getInputPaddingStartResetStyle: () => require_input_style.getInputPaddingStartResetStyle,
-	getLanguage: () => require_i18n_provider.getLanguage,
 	getLoadingComponent: () => require_use_loading_component.getLoadingComponent,
 	getMonthDays: () => require_use_calendar.getMonthDays,
 	getPreventTransition: () => require_theme_provider.getPreventTransition,
@@ -8245,7 +8244,6 @@ exports.getFormatNumber = require_use_format_number.getFormatNumber;
 exports.getInputHeightStyle = require_input_style.getInputHeightStyle;
 exports.getInputPaddingEndResetStyle = require_input_style.getInputPaddingEndResetStyle;
 exports.getInputPaddingStartResetStyle = require_input_style.getInputPaddingStartResetStyle;
-exports.getLanguage = require_i18n_provider.getLanguage;
 exports.getLoadingComponent = require_use_loading_component.getLoadingComponent;
 exports.getMonthDays = require_use_calendar.getMonthDays;
 exports.getPreventTransition = require_theme_provider.getPreventTransition;

package/dist/cjs/providers/i18n-provider/i18n-provider.cjs

@@ -14,36 +14,72 @@ const DEFAULT_LANGUAGE = {
 	locale: require_constant.DEFAULT_LOCALE
 };
 const LOCALES = Object.keys(require_providers_i18n_provider_intl_index);
-function getLanguage(locale, dir) {
-	locale ??= (0, require_utils_index.utils_exports.createdDom)() ? navigator.language : require_constant.DEFAULT_LOCALE;
-	try {
-		Intl.DateTimeFormat.supportedLocalesOf([locale]);
-	} catch (_err) {
-		locale = require_constant.DEFAULT_LOCALE;
-	}
-	dir ??= (0, require_utils_index.utils_exports.isRtl)(locale) ? "rtl" : "ltr";
-	return {
-		dir,
-		locale
-	};
-}
 const I18nContext = (0, react.createContext)({
 	...DEFAULT_LANGUAGE,
 	changeLanguage: require_utils_index.utils_exports.noop,
 	getTranslation: () => () => "",
 	t: () => ""
 });
-const I18nProvider = ({ children, dir: forcedDir, formats, intl = require_providers_i18n_provider_intl_index, intlMessageFormatOptions, locale: forcedLocale }) => {
-	const [language, setLanguage] = (0, react.useState)(getLanguage(forcedLocale, forcedDir));
+const I18nProvider = ({ children, dir: forcedDir, fallbackLocale = require_constant.DEFAULT_LOCALE, formats, intl: forcedIntl, intlMessageFormatOptions, locale: forcedLocale }) => {
+	const intl = (0, react.useMemo)(() => {
+		if (!forcedIntl) return require_providers_i18n_provider_intl_index;
+		if ((0, require_utils_index.utils_exports.isEmptyObject)(forcedIntl)) return require_providers_i18n_provider_intl_index;
+		return forcedIntl;
+	}, [forcedIntl]);
+	const locales = (0, react.useMemo)(() => Object.keys(intl), [intl]);
+	const getFallbackLocale = (0, react.useCallback)((language) => {
+		if (language) {
+			for (const key of locales) if (key.startsWith(language)) return key;
+		}
+		if (locales.includes(fallbackLocale)) return fallbackLocale;
+		if ((0, require_utils_index.utils_exports.createdDom)()) try {
+			const { language } = new Intl.Locale(fallbackLocale);
+			for (const key of locales) if (key.startsWith(language)) return key;
+		} catch {
+			return locales[0];
+		}
+		else {
+			const language = fallbackLocale.split("-")[0];
+			for (const key of locales) if (key.startsWith(language)) return key;
+		}
+		return locales[0];
+	}, [locales, fallbackLocale]);
+	const getLocale = (0, react.useCallback)((forcedLocale) => {
+		if (forcedLocale) {
+			if (locales.includes(forcedLocale)) return forcedLocale;
+			const language = forcedLocale.split("-")[0];
+			return getFallbackLocale(language);
+		} else if ((0, require_utils_index.utils_exports.createdDom)()) try {
+			const { language, region } = new Intl.Locale(navigator.language);
+			const locale = `${language}-${region}`;
+			return locales.includes(locale) ? locale : getFallbackLocale(language);
+		} catch {
+			return getFallbackLocale();
+		}
+		else return getFallbackLocale();
+	}, [locales, getFallbackLocale]);
+	const getLanguage = (0, react.useCallback)((locale, dir) => {
+		locale = getLocale(locale);
+		try {
+			Intl.DateTimeFormat.supportedLocalesOf([locale]);
+		} catch {
+			locale = getFallbackLocale();
+		}
+		dir ??= (0, require_utils_index.utils_exports.isRtl)(locale) ? "rtl" : "ltr";
+		return {
+			dir,
+			locale
+		};
+	}, [getLocale, getFallbackLocale]);
+	const [{ dir, locale }, setLanguage] = (0, react.useState)(getLanguage(forcedLocale, forcedDir));
 	const controlled = !(0, require_utils_index.utils_exports.isUndefined)(forcedLocale);
-	const { locale } = language;
 	const messages = (0, react.useMemo)(() => intl[locale], [intl, locale]);
 	const changeSystemLanguage = (0, react.useCallback)(() => {
 		setLanguage(getLanguage());
-	}, []);
+	}, [getLanguage]);
 	const changeLanguage = (0, react.useCallback)((locale, dir) => {
 		setLanguage(getLanguage(locale, dir));
-	}, []);
+	}, [getLanguage]);
 	const getValue = (0, react.useCallback)((path) => {
 		const value = (0, require_utils_index.utils_exports.getMemoizedObject)(messages, path);
 		if (!(0, require_utils_index.utils_exports.isUndefined)(value)) return value;
@@ -74,20 +110,17 @@ const I18nProvider = ({ children, dir: forcedDir, formats, intl = require_provid
 		formats,
 		intlMessageFormatOptions
 	]);
-	const value = (0, react.useMemo)(() => {
-		const rest = {
-			changeLanguage,
-			getTranslation,
-			t: getTranslation()
-		};
-		return {
-			...language,
-			...rest
-		};
-	}, [
+	const value = (0, react.useMemo)(() => ({
+		changeLanguage,
+		dir,
+		getTranslation,
+		locale,
+		t: getTranslation()
+	}), [
 		changeLanguage,
+		dir,
 		getTranslation,
-		language
+		locale
 	]);
 	(0, react.useEffect)(() => {
 		if (controlled) return;
@@ -98,7 +131,11 @@ const I18nProvider = ({ children, dir: forcedDir, formats, intl = require_provid
 	}, [controlled, changeSystemLanguage]);
 	require_effect.useUpdateEffect(() => {
 		setLanguage(getLanguage(forcedLocale, forcedDir));
-	}, [forcedLocale, forcedDir]);
+	}, [
+		forcedLocale,
+		forcedDir,
+		getLanguage
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(I18nContext, {
 		value,
 		children
@@ -122,7 +159,6 @@ function useI18n(key) {
 exports.I18nContext = I18nContext;
 exports.I18nProvider = I18nProvider;
 exports.LOCALES = LOCALES;
-exports.getLanguage = getLanguage;
 exports.useI18n = useI18n;
 
 //# sourceMappingURL=i18n-provider.cjs.map

package/dist/cjs/providers/i18n-provider/i18n-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"i18n-provider.cjs","names":["DEFAULT_LOCALE","INTL","createContext","useState","useMemo","useCallback","get","IntlMessageFormat","useContext"],"sources":["../../../../src/providers/i18n-provider/i18n-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Formats, Options } from \"intl-messageformat\"\nimport type { FC, ReactNode } from \"react\"\nimport type { TextDirection } from \"../../core\"\nimport type { AnyString, Dict, Path, Value } from \"../../utils\"\nimport type { IcuArgs } from \"./icu.types\"\nimport type { DefaultIntlData } from \"./intl\"\nimport IntlMessageFormat from \"intl-messageformat\"\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { DEFAULT_DIRECTION, DEFAULT_LOCALE } from \"../../core\"\nimport {\n  createdDom,\n  getMemoizedObject as get,\n  isEmptyObject,\n  isRtl,\n  isString,\n  isUndefined,\n  noop,\n  useUpdateEffect,\n} from \"../../utils\"\nimport INTL from \"./intl\"\n\nexport interface Language {\n  dir: TextDirection\n  locale: string\n}\n\nconst DEFAULT_LANGUAGE: Language = {\n  dir: DEFAULT_DIRECTION,\n  locale: DEFAULT_LOCALE,\n}\n\nexport const LOCALES = Object.keys(INTL) as readonly Locale[]\n\nexport function getLanguage(locale?: string, dir?: TextDirection): Language {\n  locale ??= createdDom() ? navigator.language : DEFAULT_LOCALE\n\n  try {\n    Intl.DateTimeFormat.supportedLocalesOf([locale])\n  } catch (_err) {\n    locale = DEFAULT_LOCALE\n  }\n\n  dir ??= isRtl(locale) ? \"rtl\" : \"ltr\"\n\n  return { dir, locale }\n}\n\ntype IntlData = DefaultIntlData\ntype IntlKey = keyof IntlData\ntype IntlPath = Path<IntlData>\n\nexport type Locale = keyof typeof INTL\n\ntype Translation<Y extends object = IntlData, M extends string = IntlPath> = <\n  D extends M,\n>(\n  path: D,\n  ...args: IcuArgs<Value<Y, D>> extends never\n    ? [replaceValues?: IcuArgs<Value<Y, D>, IntlPath | M>]\n    : [replaceValues: IcuArgs<Value<Y, D>, IntlPath | M>]\n) => string\n\ninterface I18nContext<\n  Y extends object = IntlData,\n  M extends string = IntlPath,\n> extends Language {\n  t: Translation<Y, M>\n  changeLanguage: (locale?: string, dir?: TextDirection) => void\n  getTranslation: (key?: IntlKey) => Translation<Y, M>\n}\n\nexport const I18nContext = createContext<I18nContext>({\n  ...DEFAULT_LANGUAGE,\n  changeLanguage: noop,\n  getTranslation: () => () => \"\",\n  t: () => \"\",\n})\n\nexport interface I18nProviderProps {\n  children?: ReactNode\n  /**\n   * The text direction to apply to the application.\n   *\n   * If not provided, the direction will be determined by the locale.\n   */\n  dir?: TextDirection\n  /**\n   * The formats to pass to the `intlMessageFormat` instance.\n   */\n  formats?: Formats\n  /**\n   * The internationalization messages to apply to the application.\n   *\n   * This prop expects a dictionary object where the keys are locale strings (e.g., \"en-US\").\n   */\n  intl?: Dict\n  /**\n   * The options to pass to the `intlMessageFormat` instance.\n   */\n  intlMessageFormatOptions?: Options\n  /**\n   * The locale to apply to the application.\n   *\n   * If not provided, the locale will be determined by the browser.\n   */\n  locale?: AnyString | Locale\n}\n\nexport const I18nProvider: FC<I18nProviderProps> = ({\n  children,\n  dir: forcedDir,\n  formats,\n  intl = INTL as Dict,\n  intlMessageFormatOptions,\n  locale: forcedLocale,\n}) => {\n  const [language, setLanguage] = useState(getLanguage(forcedLocale, forcedDir))\n  const controlled = !isUndefined(forcedLocale)\n  const { locale } = language\n\n  const messages = useMemo(() => intl[locale], [intl, locale])\n\n  const changeSystemLanguage = useCallback(() => {\n    setLanguage(getLanguage())\n  }, [])\n\n  const changeLanguage = useCallback((locale?: string, dir?: TextDirection) => {\n    setLanguage(getLanguage(locale, dir))\n  }, [])\n\n  const getValue = useCallback(\n    (path: number | string) => {\n      const value = get<string | undefined>(messages, path)\n\n      if (!isUndefined(value)) {\n        return value\n      } else {\n        path = path.toString().replace(/^[^.]+\\./g, \"\")\n\n        return get<string | undefined>(messages, path)\n      }\n    },\n    [messages],\n  )\n\n  const getTranslation = useCallback(\n    (key?: IntlKey) =>\n      <Y extends IntlPath>(\n        path: Y,\n        replaceValues?: IcuArgs<Value<IntlData, Y>, IntlPath>,\n      ) => {\n        const value = getValue(key ? `${key}.${path}` : path) ?? path\n\n        if (isUndefined(replaceValues)) return value\n\n        try {\n          const resolvedReplaceValues = Object.entries(replaceValues).reduce<{\n            [key: string]: any\n          }>((prev, [key, pathOrValue]) => {\n            if (isString(pathOrValue)) {\n              const resolvedPathOrValue = String(pathOrValue)\n              const value =\n                getValue(\n                  key ? `${key}.${resolvedPathOrValue}` : resolvedPathOrValue,\n                ) ?? resolvedPathOrValue\n\n              prev[key] = value\n            } else {\n              prev[key] = pathOrValue\n            }\n\n            return prev\n          }, {})\n\n          const message = new IntlMessageFormat(\n            value,\n            locale,\n            formats,\n            intlMessageFormatOptions,\n          )\n\n          return message.format(resolvedReplaceValues) as string\n        } catch (e) {\n          if (e instanceof Error) console.warn(e.message)\n\n          return value\n        }\n      },\n    [getValue, locale, formats, intlMessageFormatOptions],\n  )\n\n  const value = useMemo(() => {\n    const rest = { changeLanguage, getTranslation, t: getTranslation() }\n\n    return { ...language, ...rest }\n  }, [changeLanguage, getTranslation, language])\n\n  useEffect(() => {\n    if (controlled) return\n\n    window.addEventListener(\"languagechange\", changeSystemLanguage)\n\n    return () => {\n      window.removeEventListener(\"languagechange\", changeSystemLanguage)\n    }\n  }, [controlled, changeSystemLanguage])\n\n  useUpdateEffect(() => {\n    setLanguage(getLanguage(forcedLocale, forcedDir))\n  }, [forcedLocale, forcedDir])\n\n  return <I18nContext value={value}>{children}</I18nContext>\n}\n\nexport function useI18n(): I18nContext\n\nexport function useI18n<Y extends IntlKey>(\n  key: Y,\n): I18nContext<IntlData[Y], Path<IntlData[Y]>>\n\nexport function useI18n<Y extends IntlKey>(key?: Y) {\n  const context = useContext(I18nContext)\n\n  const translation = useCallback(\n    <M extends Path<IntlData[Y]>>(\n      path: M,\n      replaceValues?: IcuArgs<\n        Value<IntlData[Y], M>,\n        IntlPath | Path<IntlData[Y]>\n      >,\n    ) => context.getTranslation(key)(path as any, replaceValues as any),\n    [key, context],\n  )\n\n  if (isEmptyObject(context))\n    return {\n      ...DEFAULT_LANGUAGE,\n      changeLanguage: noop,\n      t: () => \"\",\n    }\n\n  if (key) return { ...context, t: translation }\n  else return context\n}\n"],"mappings":"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"}
+{"version":3,"file":"i18n-provider.cjs","names":["DEFAULT_LOCALE","INTL","createContext","useMemo","useCallback","useState","get","IntlMessageFormat","useContext"],"sources":["../../../../src/providers/i18n-provider/i18n-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Formats, Options } from \"intl-messageformat\"\nimport type { FC, ReactNode } from \"react\"\nimport type { TextDirection } from \"../../core\"\nimport type { AnyString, Dict, Path, Value } from \"../../utils\"\nimport type { IcuArgs } from \"./icu.types\"\nimport type { DefaultIntlData } from \"./intl\"\nimport IntlMessageFormat from \"intl-messageformat\"\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { DEFAULT_DIRECTION, DEFAULT_LOCALE } from \"../../core\"\nimport {\n  createdDom,\n  getMemoizedObject as get,\n  isEmptyObject,\n  isRtl,\n  isString,\n  isUndefined,\n  noop,\n  useUpdateEffect,\n} from \"../../utils\"\nimport INTL from \"./intl\"\n\nexport interface Language {\n  dir: TextDirection\n  locale: string\n}\n\nconst DEFAULT_LANGUAGE: Language = {\n  dir: DEFAULT_DIRECTION,\n  locale: DEFAULT_LOCALE,\n}\n\nexport const LOCALES = Object.keys(INTL) as readonly Locale[]\n\ntype IntlData = DefaultIntlData\ntype IntlKey = keyof IntlData\ntype IntlPath = Path<IntlData>\n\nexport type Locale = keyof typeof INTL\n\ntype Translation<Y extends object = IntlData, M extends string = IntlPath> = <\n  D extends M,\n>(\n  path: D,\n  ...args: IcuArgs<Value<Y, D>> extends never\n    ? [replaceValues?: IcuArgs<Value<Y, D>, IntlPath | M>]\n    : [replaceValues: IcuArgs<Value<Y, D>, IntlPath | M>]\n) => string\n\ninterface I18nContext<\n  Y extends object = IntlData,\n  M extends string = IntlPath,\n> extends Language {\n  t: Translation<Y, M>\n  changeLanguage: (locale?: string, dir?: TextDirection) => void\n  getTranslation: (key?: IntlKey) => Translation<Y, M>\n}\n\nexport const I18nContext = createContext<I18nContext>({\n  ...DEFAULT_LANGUAGE,\n  changeLanguage: noop,\n  getTranslation: () => () => \"\",\n  t: () => \"\",\n})\n\nexport interface I18nProviderProps {\n  children?: ReactNode\n  /**\n   * The text direction to apply to the application.\n   *\n   * If not provided, the direction will be determined by the locale.\n   */\n  dir?: TextDirection\n  /**\n   * The fallback locale to use if no matching locale is available.\n   */\n  fallbackLocale?: AnyString | Locale\n  /**\n   * The formats to pass to the `intlMessageFormat` instance.\n   */\n  formats?: Formats\n  /**\n   * The internationalization messages to apply to the application.\n   *\n   * This prop expects a dictionary object where the keys are locale strings (e.g., \"en-US\").\n   */\n  intl?: Dict\n  /**\n   * The options to pass to the `intlMessageFormat` instance.\n   */\n  intlMessageFormatOptions?: Options\n  /**\n   * The locale to apply to the application.\n   *\n   * If not provided, the locale will be determined by the browser.\n   */\n  locale?: AnyString | Locale\n}\n\nexport const I18nProvider: FC<I18nProviderProps> = ({\n  children,\n  dir: forcedDir,\n  fallbackLocale = DEFAULT_LOCALE,\n  formats,\n  intl: forcedIntl,\n  intlMessageFormatOptions,\n  locale: forcedLocale,\n}) => {\n  const intl = useMemo<Dict>(() => {\n    if (!forcedIntl) return INTL\n\n    if (isEmptyObject(forcedIntl)) return INTL\n\n    return forcedIntl\n  }, [forcedIntl])\n  const locales = useMemo(() => Object.keys(intl), [intl])\n\n  const getFallbackLocale = useCallback(\n    (language?: string) => {\n      if (language)\n        for (const key of locales) if (key.startsWith(language)) return key\n\n      if (locales.includes(fallbackLocale)) return fallbackLocale\n\n      if (createdDom()) {\n        try {\n          const { language } = new Intl.Locale(fallbackLocale)\n\n          for (const key of locales) if (key.startsWith(language)) return key\n        } catch {\n          return locales[0]!\n        }\n      } else {\n        const language = fallbackLocale.split(\"-\")[0]!\n\n        for (const key of locales) if (key.startsWith(language)) return key\n      }\n\n      return locales[0]!\n    },\n    [locales, fallbackLocale],\n  )\n\n  const getLocale = useCallback(\n    (forcedLocale?: string) => {\n      if (forcedLocale) {\n        if (locales.includes(forcedLocale)) return forcedLocale\n\n        const language = forcedLocale.split(\"-\")[0]!\n\n        return getFallbackLocale(language)\n      } else if (createdDom()) {\n        try {\n          const { language, region } = new Intl.Locale(navigator.language)\n          const locale = `${language}-${region}`\n\n          return locales.includes(locale) ? locale : getFallbackLocale(language)\n        } catch {\n          return getFallbackLocale()\n        }\n      } else {\n        return getFallbackLocale()\n      }\n    },\n    [locales, getFallbackLocale],\n  )\n\n  const getLanguage = useCallback(\n    (locale?: string, dir?: TextDirection): Language => {\n      locale = getLocale(locale)\n\n      try {\n        Intl.DateTimeFormat.supportedLocalesOf([locale])\n      } catch {\n        locale = getFallbackLocale()\n      }\n\n      dir ??= isRtl(locale) ? \"rtl\" : \"ltr\"\n\n      return { dir, locale }\n    },\n    [getLocale, getFallbackLocale],\n  )\n\n  const [{ dir, locale }, setLanguage] = useState(\n    getLanguage(forcedLocale, forcedDir),\n  )\n  const controlled = !isUndefined(forcedLocale)\n\n  const messages = useMemo(() => intl[locale], [intl, locale])\n\n  const changeSystemLanguage = useCallback(() => {\n    setLanguage(getLanguage())\n  }, [getLanguage])\n\n  const changeLanguage = useCallback(\n    (locale?: string, dir?: TextDirection) => {\n      setLanguage(getLanguage(locale, dir))\n    },\n    [getLanguage],\n  )\n\n  const getValue = useCallback(\n    (path: number | string) => {\n      const value = get<string | undefined>(messages, path)\n\n      if (!isUndefined(value)) {\n        return value\n      } else {\n        path = path.toString().replace(/^[^.]+\\./g, \"\")\n\n        return get<string | undefined>(messages, path)\n      }\n    },\n    [messages],\n  )\n\n  const getTranslation = useCallback(\n    (key?: IntlKey) =>\n      <Y extends IntlPath>(\n        path: Y,\n        replaceValues?: IcuArgs<Value<IntlData, Y>, IntlPath>,\n      ) => {\n        const value = getValue(key ? `${key}.${path}` : path) ?? path\n\n        if (isUndefined(replaceValues)) return value\n\n        try {\n          const resolvedReplaceValues = Object.entries(replaceValues).reduce<{\n            [key: string]: any\n          }>((prev, [key, pathOrValue]) => {\n            if (isString(pathOrValue)) {\n              const resolvedPathOrValue = String(pathOrValue)\n              const value =\n                getValue(\n                  key ? `${key}.${resolvedPathOrValue}` : resolvedPathOrValue,\n                ) ?? resolvedPathOrValue\n\n              prev[key] = value\n            } else {\n              prev[key] = pathOrValue\n            }\n\n            return prev\n          }, {})\n\n          const message = new IntlMessageFormat(\n            value,\n            locale,\n            formats,\n            intlMessageFormatOptions,\n          )\n\n          return message.format(resolvedReplaceValues) as string\n        } catch (e) {\n          if (e instanceof Error) console.warn(e.message)\n\n          return value\n        }\n      },\n    [getValue, locale, formats, intlMessageFormatOptions],\n  )\n\n  const value = useMemo(\n    () => ({\n      changeLanguage,\n      dir,\n      getTranslation,\n      locale,\n      t: getTranslation(),\n    }),\n    [changeLanguage, dir, getTranslation, locale],\n  )\n\n  useEffect(() => {\n    if (controlled) return\n\n    window.addEventListener(\"languagechange\", changeSystemLanguage)\n\n    return () => {\n      window.removeEventListener(\"languagechange\", changeSystemLanguage)\n    }\n  }, [controlled, changeSystemLanguage])\n\n  useUpdateEffect(() => {\n    setLanguage(getLanguage(forcedLocale, forcedDir))\n  }, [forcedLocale, forcedDir, getLanguage])\n\n  return <I18nContext value={value}>{children}</I18nContext>\n}\n\nexport function useI18n(): I18nContext\n\nexport function useI18n<Y extends IntlKey>(\n  key: Y,\n): I18nContext<IntlData[Y], Path<IntlData[Y]>>\n\nexport function useI18n<Y extends IntlKey>(key?: Y) {\n  const context = useContext(I18nContext)\n\n  const translation = useCallback(\n    <M extends Path<IntlData[Y]>>(\n      path: M,\n      replaceValues?: IcuArgs<\n        Value<IntlData[Y], M>,\n        IntlPath | Path<IntlData[Y]>\n      >,\n    ) => context.getTranslation(key)(path as any, replaceValues as any),\n    [key, context],\n  )\n\n  if (isEmptyObject(context))\n    return {\n      ...DEFAULT_LANGUAGE,\n      changeLanguage: noop,\n      t: () => \"\",\n    }\n\n  if (key) return { ...context, t: translation }\n  else return context\n}\n"],"mappings":"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"}

package/dist/cjs/providers/i18n-provider/index.cjs

@@ -4,6 +4,5 @@ const require_i18n_provider = require("./i18n-provider.cjs");
 exports.I18nContext = require_i18n_provider.I18nContext;
 exports.I18nProvider = require_i18n_provider.I18nProvider;
 exports.LOCALES = require_i18n_provider.LOCALES;
-exports.getLanguage = require_i18n_provider.getLanguage;
 exports.i18nCache = require_i18n_cache.i18nCache;
 exports.useI18n = require_i18n_provider.useI18n;

package/dist/cjs/providers/ui-provider/ui-provider.cjs

@@ -13,12 +13,15 @@ let react_jsx_runtime = require("react/jsx-runtime");
 /**
 * The global provider that must be added to make all Yamada UI components work correctly.
 */
-const UIProvider = ({ children, colorMode, colorModeStorageKey, config: config$1 = require_config.config, cookie, dir, intl, locale, rootNode, storage, theme: theme$1 = require_theme_index.theme, themeSchemeStorageKey }) => {
+const UIProvider = ({ children, colorMode, colorModeStorageKey, config: config$1 = require_config.config, cookie, dir, fallbackLocale, formats, intl, intlMessageFormatOptions, locale, rootNode, storage, theme: theme$1 = require_theme_index.theme, themeSchemeStorageKey }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_environment_provider.EnvironmentProvider, {
 		value: rootNode,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_i18n_provider.I18nProvider, {
 			dir,
+			fallbackLocale,
+			formats,
 			intl,
+			intlMessageFormatOptions,
 			locale,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_system_provider.SystemProvider, {
 				config: config$1,

package/dist/cjs/providers/ui-provider/ui-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ui-provider.cjs","names":["defaultConfig","defaultTheme","EnvironmentProvider","I18nProvider","SystemProvider","config","theme","ThemeProvider","ColorModeProvider","LoadingProvider","NoticeProvider"],"sources":["../../../../src/providers/ui-provider/ui-provider.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type {\n  ColorModeProviderProps,\n  EnvironmentProviderProps,\n  ThemeConfig,\n  ThemeProviderProps,\n  UsageTheme,\n} from \"../../core\"\nimport type { DeepMerge } from \"../../utils\"\nimport type { I18nProviderProps } from \"../i18n-provider\"\nimport { LoadingProvider } from \"../../components/loading\"\nimport { NoticeProvider } from \"../../components/notice\"\nimport {\n  ColorModeProvider,\n  EnvironmentProvider,\n  SystemProvider,\n  ThemeProvider,\n} from \"../../core\"\nimport { config as defaultConfig, theme as defaultTheme } from \"../../theme\"\nimport { merge } from \"../../utils\"\nimport { I18nProvider } from \"../i18n-provider\"\n\nexport interface UIProviderProps\n  extends\n    Omit<ThemeProviderProps, \"storageKey\">,\n    Pick<ColorModeProviderProps, \"colorMode\">,\n    I18nProviderProps {\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  colorModeStorageKey?: string\n  /**\n   * The root node to use.\n   */\n  rootNode?: EnvironmentProviderProps[\"value\"]\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  themeSchemeStorageKey?: string\n}\n\n/**\n * The global provider that must be added to make all Yamada UI components work correctly.\n */\nexport const UIProvider: FC<UIProviderProps> = ({\n  children,\n  colorMode,\n  colorModeStorageKey,\n  config = defaultConfig,\n  cookie,\n  dir,\n  intl,\n  locale,\n  rootNode,\n  storage,\n  theme = defaultTheme,\n  themeSchemeStorageKey,\n}) => {\n  return (\n    <EnvironmentProvider value={rootNode}>\n      <I18nProvider dir={dir} intl={intl} locale={locale}>\n        <SystemProvider config={config} theme={theme}>\n          <ThemeProvider\n            config={config}\n            cookie={cookie}\n            storage={storage}\n            storageKey={themeSchemeStorageKey}\n            theme={theme}\n          >\n            <ColorModeProvider\n              colorMode={colorMode}\n              config={config}\n              cookie={cookie}\n              storage={storage}\n              storageKey={colorModeStorageKey}\n            >\n              <LoadingProvider {...config.loading}>\n                <NoticeProvider {...config.notice}>{children}</NoticeProvider>\n              </LoadingProvider>\n            </ColorModeProvider>\n          </ThemeProvider>\n        </SystemProvider>\n      </I18nProvider>\n    </EnvironmentProvider>\n  )\n}\n\ntype DefaultTheme = typeof defaultTheme\n\nexport const extendTheme = <Y extends UsageTheme>(theme: Y) => {\n  return merge<DeepMerge<DefaultTheme, Y>>(defaultTheme, theme)\n}\n\nexport const extendConfig = (config: ThemeConfig) => {\n  return merge(defaultConfig, config)\n}\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,MAAa,cAAmC,EAC9C,UACA,WACA,qBACA,QAAA,WAASA,eAAAA,QACT,QACA,KACA,MACA,QACA,UACA,SACA,OAAA,UAAQC,oBAAAA,OACR,4BACI;CACJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,qBAAD;EAAqB,OAAO;EAC1B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,cAAD;GAAmB;GAAW;GAAc;GAC1C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;IAAgB,QAAQC;IAAQ,OAAOC;IACrC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,eAAD;KACE,QAAQF;KACA;KACC;KACT,YAAY;KACZ,OAAOC;KAEP,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,4BAAAA,mBAAD;MACa;MACX,QAAQH;MACA;MACC;MACT,YAAY;MAEZ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACI,yBAAAA,iBAAD;OAAiB,GAAIJ,SAAO;OAC1B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACK,wBAAAA,gBAAD;QAAgB,GAAIL,SAAO;QAAS;OAAyB,CAAA;MAC9C,CAAA;KACA,CAAA;IACN,CAAA;GACD,CAAA;EACJ,CAAA;CACK,CAAA;AAEzB;AAIA,MAAa,eAAqC,YAAa;CAC7D,QAAA,GAAA,oBAAA,cAAO,MAAA,CAAkCJ,oBAAAA,OAAcK,OAAK;AAC9D;AAEA,MAAa,gBAAgB,aAAwB;CACnD,QAAA,GAAA,oBAAA,cAAO,MAAA,CAAMN,eAAAA,QAAeK,QAAM;AACpC"}
+{"version":3,"file":"ui-provider.cjs","names":["defaultConfig","defaultTheme","EnvironmentProvider","I18nProvider","SystemProvider","config","theme","ThemeProvider","ColorModeProvider","LoadingProvider","NoticeProvider"],"sources":["../../../../src/providers/ui-provider/ui-provider.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type {\n  ColorModeProviderProps,\n  EnvironmentProviderProps,\n  ThemeConfig,\n  ThemeProviderProps,\n  UsageTheme,\n} from \"../../core\"\nimport type { DeepMerge } from \"../../utils\"\nimport type { I18nProviderProps } from \"../i18n-provider\"\nimport { LoadingProvider } from \"../../components/loading\"\nimport { NoticeProvider } from \"../../components/notice\"\nimport {\n  ColorModeProvider,\n  EnvironmentProvider,\n  SystemProvider,\n  ThemeProvider,\n} from \"../../core\"\nimport { config as defaultConfig, theme as defaultTheme } from \"../../theme\"\nimport { merge } from \"../../utils\"\nimport { I18nProvider } from \"../i18n-provider\"\n\nexport interface UIProviderProps\n  extends\n    Omit<ThemeProviderProps, \"storageKey\">,\n    Pick<ColorModeProviderProps, \"colorMode\">,\n    I18nProviderProps {\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  colorModeStorageKey?: string\n  /**\n   * The root node to use.\n   */\n  rootNode?: EnvironmentProviderProps[\"value\"]\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  themeSchemeStorageKey?: string\n}\n\n/**\n * The global provider that must be added to make all Yamada UI components work correctly.\n */\nexport const UIProvider: FC<UIProviderProps> = ({\n  children,\n  colorMode,\n  colorModeStorageKey,\n  config = defaultConfig,\n  cookie,\n  dir,\n  fallbackLocale,\n  formats,\n  intl,\n  intlMessageFormatOptions,\n  locale,\n  rootNode,\n  storage,\n  theme = defaultTheme,\n  themeSchemeStorageKey,\n}) => {\n  return (\n    <EnvironmentProvider value={rootNode}>\n      <I18nProvider\n        dir={dir}\n        fallbackLocale={fallbackLocale}\n        formats={formats}\n        intl={intl}\n        intlMessageFormatOptions={intlMessageFormatOptions}\n        locale={locale}\n      >\n        <SystemProvider config={config} theme={theme}>\n          <ThemeProvider\n            config={config}\n            cookie={cookie}\n            storage={storage}\n            storageKey={themeSchemeStorageKey}\n            theme={theme}\n          >\n            <ColorModeProvider\n              colorMode={colorMode}\n              config={config}\n              cookie={cookie}\n              storage={storage}\n              storageKey={colorModeStorageKey}\n            >\n              <LoadingProvider {...config.loading}>\n                <NoticeProvider {...config.notice}>{children}</NoticeProvider>\n              </LoadingProvider>\n            </ColorModeProvider>\n          </ThemeProvider>\n        </SystemProvider>\n      </I18nProvider>\n    </EnvironmentProvider>\n  )\n}\n\ntype DefaultTheme = typeof defaultTheme\n\nexport const extendTheme = <Y extends UsageTheme>(theme: Y) => {\n  return merge<DeepMerge<DefaultTheme, Y>>(defaultTheme, theme)\n}\n\nexport const extendConfig = (config: ThemeConfig) => {\n  return merge(defaultConfig, config)\n}\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,MAAa,cAAmC,EAC9C,UACA,WACA,qBACA,QAAA,WAASA,eAAAA,QACT,QACA,KACA,gBACA,SACA,MACA,0BACA,QACA,UACA,SACA,OAAA,UAAQC,oBAAAA,OACR,4BACI;CACJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,qBAAD;EAAqB,OAAO;EAC1B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,cAAD;GACO;GACW;GACP;GACH;GACoB;GAClB;GAER,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;IAAgB,QAAQC;IAAQ,OAAOC;IACrC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,eAAD;KACE,QAAQF;KACA;KACC;KACT,YAAY;KACZ,OAAOC;KAEP,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,4BAAAA,mBAAD;MACa;MACX,QAAQH;MACA;MACC;MACT,YAAY;MAEZ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACI,yBAAAA,iBAAD;OAAiB,GAAIJ,SAAO;OAC1B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACK,wBAAAA,gBAAD;QAAgB,GAAIL,SAAO;QAAS;OAAyB,CAAA;MAC9C,CAAA;KACA,CAAA;IACN,CAAA;GACD,CAAA;EACJ,CAAA;CACK,CAAA;AAEzB;AAIA,MAAa,eAAqC,YAAa;CAC7D,QAAA,GAAA,oBAAA,cAAO,MAAA,CAAkCJ,oBAAAA,OAAcK,OAAK;AAC9D;AAEA,MAAa,gBAAgB,aAAwB;CACnD,QAAA,GAAA,oBAAA,cAAO,MAAA,CAAMN,eAAAA,QAAeK,QAAM;AACpC"}

package/dist/esm/components/popover/use-popover.js

@@ -64,10 +64,9 @@ const usePopover = ({ autoFocus = true, autoUpdate, modal = false, blockScrollOn
 	]);
 	const onBlur = useCallback((ev) => {
 		const relatedTarget = getEventRelatedTarget(ev);
-		const popup = relatedTarget?.hasAttribute("data-popup");
+		if (relatedTarget?.closest("[data-popup]")) return;
 		if ((0, utils_exports.contains)(triggerRef.current, relatedTarget)) return;
 		if ((0, utils_exports.contains)(contentRef.current, relatedTarget)) return;
-		if ((0, utils_exports.contains)(contentRef.current, ev.target) && popup) return;
 		if (closeOnBlur) onClose();
 	}, [closeOnBlur, onClose]);
 	useEventListener(getDocument(), "scroll", () => {

package/dist/esm/components/popover/use-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-popover.js","names":["contains","focusTrap","scrollLock","focusTransfer","ariaAttr","handlerAll","dataAttr"],"sources":["../../../../src/components/popover/use-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FocusEvent, KeyboardEvent, RefObject } from \"react\"\nimport type { Direction, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport type { Dict } from \"../../utils\"\nimport type { UsePopupAnimationProps } from \"./popover\"\nimport { useCallback, useEffect, useId, useRef } from \"react\"\nimport { useEnvironment, useSplitProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useFocusOnShow } from \"../../hooks/use-focus\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { popperProps, usePopper } from \"../../hooks/use-popper\"\nimport {\n  ariaAttr,\n  assignRef,\n  contains,\n  dataAttr,\n  focusTransfer,\n  focusTrap,\n  getEventRelatedTarget,\n  handlerAll,\n  mergeRefs,\n  runKeyAction,\n  scrollLock,\n  setAttribute,\n  useSafeLayoutEffect,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UsePopoverProps\n  extends Omit<UseDisclosureProps, \"timing\">, UsePopperProps<\"button\"> {\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`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default false\n   */\n  blockScrollOnMount?: 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 hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the popover will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The `ref` of the element that should receive focus when the popover opens.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the popover will be modal.\n   *\n   * - scrolling is blocked.\n   * - focus is trapped within the popover.\n   *\n   * @default false\n   */\n  modal?: boolean\n  /**\n   * If `true`, the popover will be opened when click on the field.\n   *\n   * @default true\n   */\n  openOnClick?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: Direction\n  /**\n   * If `true`, the focus will be transferred to the popover content when the tab key is pressed.\n   *\n   * @default true\n   */\n  transferFocus?: boolean\n  /**\n   * Update the position of the floating element, re-rendering the component if required.\n   */\n  updateRef?: RefObject<() => void>\n}\n\nexport const usePopover = ({\n  autoFocus = true,\n  autoUpdate,\n  modal = false,\n  blockScrollOnMount = modal,\n  closeOnBlur = true,\n  closeOnEsc = true,\n  closeOnScroll,\n  defaultOpen,\n  disabled,\n  elements,\n  flip,\n  gutter,\n  initialFocusRef,\n  matchWidth,\n  middleware,\n  offset,\n  open: openProp,\n  openOnClick = true,\n  placement = \"end\",\n  platform,\n  preventOverflow,\n  strategy,\n  transferFocus = true,\n  transform,\n  updateRef,\n  whileElementsMounted,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UsePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const contentId = useId()\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { refs, update, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    open,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  assignRef(updateRef, update)\n\n  const onRestoreFocus = useCallback(() => {\n    clearTimeout(closeTimeout.current)\n    closeTimeout.current = setTimeout(() => {\n      triggerRef.current?.focus()\n    })\n  }, [])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLElement>) => {\n      runKeyAction(ev, {\n        Escape: () => {\n          if (!closeOnEsc) return\n\n          onClose()\n          onRestoreFocus()\n        },\n      })\n    },\n    [closeOnEsc, onClose, onRestoreFocus],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLDivElement>) => {\n      const relatedTarget = getEventRelatedTarget(ev)\n      const popup = relatedTarget?.hasAttribute(\"data-popup\")\n\n      if (contains(triggerRef.current, relatedTarget)) return\n      if (contains(contentRef.current, relatedTarget)) return\n      if (contains(contentRef.current, ev.target) && popup) return\n\n      if (closeOnBlur) onClose()\n    },\n    [closeOnBlur, onClose],\n  )\n\n  useEventListener(getDocument(), \"scroll\", () => {\n    if (open && closeOnScroll) onClose()\n  })\n\n  useFocusOnShow(contentRef, {\n    focusTarget: initialFocusRef,\n    shouldFocus: autoFocus,\n    visible: open,\n  })\n\n  useOutsideClick({\n    ref: [contentRef, triggerRef],\n    enabled: open && closeOnBlur,\n    handler: onClose,\n  })\n\n  useSafeLayoutEffect(() => {\n    const el = contentRef.current\n    const hasHeader = !!getDocument()?.getElementById(headerId)\n    const hasBody = !!getDocument()?.getElementById(bodyId)\n\n    if (el && hasHeader) setAttribute(el, \"aria-labelledby\", headerId)\n    if (el && hasBody) setAttribute(el, \"aria-describedby\", bodyId)\n  }, [open, headerId, bodyId])\n\n  useEffect(() => {\n    if (!open || !modal) return\n\n    return focusTrap(contentRef.current)\n  }, [open, modal])\n\n  useEffect(() => {\n    if (!open || !blockScrollOnMount) return\n\n    return scrollLock(contentRef.current)\n  }, [open, modal, blockScrollOnMount])\n\n  useEffect(() => {\n    if (!open || modal || !transferFocus) return\n\n    return focusTransfer(contentRef.current, triggerRef.current)\n  }, [open, modal, transferFocus])\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      role: \"button\",\n      ...props,\n      ref: mergeRefs(ref, triggerRef, (node) => {\n        if (anchorRef.current == null) refs.setReference(node)\n      }),\n      onBlur: handlerAll(props.onBlur, (ev) =>\n        !contains(contentRef.current, getEventRelatedTarget(ev)) && closeOnBlur\n          ? onClose()\n          : void 0,\n      ),\n      onClick: handlerAll(\n        props.onClick,\n        !open ? (!disabled && openOnClick ? onOpen : undefined) : onClose,\n      ),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      closeOnBlur,\n      contentId,\n      disabled,\n      onClose,\n      onKeyDown,\n      onOpen,\n      open,\n      openOnClick,\n      refs,\n    ],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, anchorRef, refs.setReference),\n    }),\n    [refs.setReference],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => getPopperProps(props),\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: contentId,\n      \"aria-hidden\": !open,\n      \"aria-modal\": modal ? \"true\" : undefined,\n      \"data-close\": dataAttr(!open),\n      \"data-open\": dataAttr(open),\n      \"data-popup\": dataAttr(true),\n      role: \"dialog\",\n      tabIndex: -1,\n      ...props,\n      ref: mergeRefs(ref, contentRef),\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [contentId, open, modal, onBlur, onKeyDown],\n  )\n\n  const getHeaderProps: PropGetter = useCallback(\n    (props) => ({ id: headerId, ...props }),\n    [headerId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({ id: bodyId, ...props }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      ...props,\n      onClick: handlerAll(props.onClick, () => {\n        onClose()\n        onRestoreFocus()\n      }),\n    }),\n    [onClose, onRestoreFocus],\n  )\n\n  return {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UsePopoverReturn = ReturnType<typeof usePopover>\n\nexport const popoverProps: (\n  | keyof UsePopoverProps\n  | keyof UsePopupAnimationProps\n)[] = [\n  ...popperProps,\n  \"autoFocus\",\n  \"transferFocus\",\n  \"blockScrollOnMount\",\n  \"closeOnBlur\",\n  \"closeOnEsc\",\n  \"closeOnScroll\",\n  \"openOnClick\",\n  \"disabled\",\n  \"initialFocusRef\",\n  \"modal\",\n  \"updateRef\",\n  \"defaultOpen\",\n  \"onOpen\",\n  \"onClose\",\n  \"animationScheme\",\n  \"duration\",\n]\n\nexport const usePopoverProps = <\n  Y extends Dict = Dict,\n  M extends keyof UsePopoverProps | keyof UsePopupAnimationProps =\n    | keyof UsePopoverProps\n    | keyof UsePopupAnimationProps,\n>(\n  props: Y,\n  omitKeys?: M[],\n) => {\n  return useSplitProps(\n    props,\n    popoverProps.filter((key) => !omitKeys?.includes(key as M)),\n  ) as unknown as [\n    keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n      ? UsePopoverProps & UsePopupAnimationProps\n      : Omit<UsePopoverProps & UsePopupAnimationProps, M>,\n    Omit<\n      Y,\n      keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n        ? keyof UsePopoverProps | keyof UsePopupAnimationProps\n        : Exclude<keyof UsePopoverProps | keyof UsePopupAnimationProps, M>\n    >,\n  ]\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-popover.js","names":["contains","focusTrap","scrollLock","focusTransfer","ariaAttr","handlerAll","dataAttr"],"sources":["../../../../src/components/popover/use-popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FocusEvent, KeyboardEvent, RefObject } from \"react\"\nimport type { Direction, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport type { Dict } from \"../../utils\"\nimport type { UsePopupAnimationProps } from \"./popover\"\nimport { useCallback, useEffect, useId, useRef } from \"react\"\nimport { useEnvironment, useSplitProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useFocusOnShow } from \"../../hooks/use-focus\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { popperProps, usePopper } from \"../../hooks/use-popper\"\nimport {\n  ariaAttr,\n  assignRef,\n  contains,\n  dataAttr,\n  focusTransfer,\n  focusTrap,\n  getEventRelatedTarget,\n  handlerAll,\n  mergeRefs,\n  runKeyAction,\n  scrollLock,\n  setAttribute,\n  useSafeLayoutEffect,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UsePopoverProps\n  extends Omit<UseDisclosureProps, \"timing\">, UsePopperProps<\"button\"> {\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`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default false\n   */\n  blockScrollOnMount?: 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 hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the popover will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the popover will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The `ref` of the element that should receive focus when the popover opens.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the popover will be modal.\n   *\n   * - scrolling is blocked.\n   * - focus is trapped within the popover.\n   *\n   * @default false\n   */\n  modal?: boolean\n  /**\n   * If `true`, the popover will be opened when click on the field.\n   *\n   * @default true\n   */\n  openOnClick?: boolean\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end'\n   */\n  placement?: Direction\n  /**\n   * If `true`, the focus will be transferred to the popover content when the tab key is pressed.\n   *\n   * @default true\n   */\n  transferFocus?: boolean\n  /**\n   * Update the position of the floating element, re-rendering the component if required.\n   */\n  updateRef?: RefObject<() => void>\n}\n\nexport const usePopover = ({\n  autoFocus = true,\n  autoUpdate,\n  modal = false,\n  blockScrollOnMount = modal,\n  closeOnBlur = true,\n  closeOnEsc = true,\n  closeOnScroll,\n  defaultOpen,\n  disabled,\n  elements,\n  flip,\n  gutter,\n  initialFocusRef,\n  matchWidth,\n  middleware,\n  offset,\n  open: openProp,\n  openOnClick = true,\n  placement = \"end\",\n  platform,\n  preventOverflow,\n  strategy,\n  transferFocus = true,\n  transform,\n  updateRef,\n  whileElementsMounted,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UsePopoverProps = {}) => {\n  const { getDocument } = useEnvironment()\n  const headerId = useId()\n  const bodyId = useId()\n  const contentId = useId()\n  const anchorRef = useRef<HTMLElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { refs, update, getPopperProps } = usePopper<\"button\">({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    open,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  assignRef(updateRef, update)\n\n  const onRestoreFocus = useCallback(() => {\n    clearTimeout(closeTimeout.current)\n    closeTimeout.current = setTimeout(() => {\n      triggerRef.current?.focus()\n    })\n  }, [])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLElement>) => {\n      runKeyAction(ev, {\n        Escape: () => {\n          if (!closeOnEsc) return\n\n          onClose()\n          onRestoreFocus()\n        },\n      })\n    },\n    [closeOnEsc, onClose, onRestoreFocus],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLDivElement>) => {\n      const relatedTarget = getEventRelatedTarget(ev)\n      const popup = relatedTarget?.closest(\"[data-popup]\")\n\n      if (popup) return\n      if (contains(triggerRef.current, relatedTarget)) return\n      if (contains(contentRef.current, relatedTarget)) return\n\n      if (closeOnBlur) onClose()\n    },\n    [closeOnBlur, onClose],\n  )\n\n  useEventListener(getDocument(), \"scroll\", () => {\n    if (open && closeOnScroll) onClose()\n  })\n\n  useFocusOnShow(contentRef, {\n    focusTarget: initialFocusRef,\n    shouldFocus: autoFocus,\n    visible: open,\n  })\n\n  useOutsideClick({\n    ref: [contentRef, triggerRef],\n    enabled: open && closeOnBlur,\n    handler: onClose,\n  })\n\n  useSafeLayoutEffect(() => {\n    const el = contentRef.current\n    const hasHeader = !!getDocument()?.getElementById(headerId)\n    const hasBody = !!getDocument()?.getElementById(bodyId)\n\n    if (el && hasHeader) setAttribute(el, \"aria-labelledby\", headerId)\n    if (el && hasBody) setAttribute(el, \"aria-describedby\", bodyId)\n  }, [open, headerId, bodyId])\n\n  useEffect(() => {\n    if (!open || !modal) return\n\n    return focusTrap(contentRef.current)\n  }, [open, modal])\n\n  useEffect(() => {\n    if (!open || !blockScrollOnMount) return\n\n    return scrollLock(contentRef.current)\n  }, [open, modal, blockScrollOnMount])\n\n  useEffect(() => {\n    if (!open || modal || !transferFocus) return\n\n    return focusTransfer(contentRef.current, triggerRef.current)\n  }, [open, modal, transferFocus])\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"dialog\",\n      role: \"button\",\n      ...props,\n      ref: mergeRefs(ref, triggerRef, (node) => {\n        if (anchorRef.current == null) refs.setReference(node)\n      }),\n      onBlur: handlerAll(props.onBlur, (ev) =>\n        !contains(contentRef.current, getEventRelatedTarget(ev)) && closeOnBlur\n          ? onClose()\n          : void 0,\n      ),\n      onClick: handlerAll(\n        props.onClick,\n        !open ? (!disabled && openOnClick ? onOpen : undefined) : onClose,\n      ),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      closeOnBlur,\n      contentId,\n      disabled,\n      onClose,\n      onKeyDown,\n      onOpen,\n      open,\n      openOnClick,\n      refs,\n    ],\n  )\n\n  const getAnchorProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, anchorRef, refs.setReference),\n    }),\n    [refs.setReference],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => getPopperProps(props),\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: contentId,\n      \"aria-hidden\": !open,\n      \"aria-modal\": modal ? \"true\" : undefined,\n      \"data-close\": dataAttr(!open),\n      \"data-open\": dataAttr(open),\n      \"data-popup\": dataAttr(true),\n      role: \"dialog\",\n      tabIndex: -1,\n      ...props,\n      ref: mergeRefs(ref, contentRef),\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [contentId, open, modal, onBlur, onKeyDown],\n  )\n\n  const getHeaderProps: PropGetter = useCallback(\n    (props) => ({ id: headerId, ...props }),\n    [headerId],\n  )\n\n  const getBodyProps: PropGetter = useCallback(\n    (props) => ({ id: bodyId, ...props }),\n    [bodyId],\n  )\n\n  const getFooterProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      ...props,\n      onClick: handlerAll(props.onClick, () => {\n        onClose()\n        onRestoreFocus()\n      }),\n    }),\n    [onClose, onRestoreFocus],\n  )\n\n  return {\n    open,\n    getAnchorProps,\n    getBodyProps,\n    getCloseTriggerProps,\n    getContentProps,\n    getFooterProps,\n    getHeaderProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose,\n    onOpen,\n  }\n}\n\nexport type UsePopoverReturn = ReturnType<typeof usePopover>\n\nexport const popoverProps: (\n  | keyof UsePopoverProps\n  | keyof UsePopupAnimationProps\n)[] = [\n  ...popperProps,\n  \"autoFocus\",\n  \"transferFocus\",\n  \"blockScrollOnMount\",\n  \"closeOnBlur\",\n  \"closeOnEsc\",\n  \"closeOnScroll\",\n  \"openOnClick\",\n  \"disabled\",\n  \"initialFocusRef\",\n  \"modal\",\n  \"updateRef\",\n  \"defaultOpen\",\n  \"onOpen\",\n  \"onClose\",\n  \"animationScheme\",\n  \"duration\",\n]\n\nexport const usePopoverProps = <\n  Y extends Dict = Dict,\n  M extends keyof UsePopoverProps | keyof UsePopupAnimationProps =\n    | keyof UsePopoverProps\n    | keyof UsePopupAnimationProps,\n>(\n  props: Y,\n  omitKeys?: M[],\n) => {\n  return useSplitProps(\n    props,\n    popoverProps.filter((key) => !omitKeys?.includes(key as M)),\n  ) as unknown as [\n    keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n      ? UsePopoverProps & UsePopupAnimationProps\n      : Omit<UsePopoverProps & UsePopupAnimationProps, M>,\n    Omit<\n      Y,\n      keyof UsePopoverProps | keyof UsePopupAnimationProps extends M\n        ? keyof UsePopoverProps | keyof UsePopupAnimationProps\n        : Exclude<keyof UsePopoverProps | keyof UsePopupAnimationProps, M>\n    >,\n  ]\n}\n"],"mappings":"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"}