@dynatrace/strato-components 3.12.2 → 3.13.2

package/esm/overlays/hooks/useOverlayWithTrigger.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/hooks/useOverlayWithTrigger.ts"],
-  "sourcesContent": ["import { eventListeners } from '@popperjs/core';\nimport {\n  type AnchorHTMLAttributes,\n  type HTMLAttributes,\n  useCallback,\n  type SetStateAction,\n  type Dispatch,\n  type DOMAttributes,\n} from 'react';\n\nimport { useDialog } from './useDialog.js';\nimport { useKeyboardInteractionOutside } from './useKeyboardInteractionOutside.js';\nimport {\n  OverlayTriggerState,\n  useOverlay,\n  useOverlayTriggerState,\n} from './useOverlay.js';\nimport { usePress } from './usePress.js';\nimport { useStateRef } from './useStateRef.js';\nimport type {\n  AriaBaseButtonProps,\n  AriaButtonProps,\n  ButtonAria,\n} from '../../buttons/button/types/button-aria.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport {\n  Elevation,\n  useOverlayStacking,\n} from '../../core/hooks/useOverlayStacking.js';\nimport { getFirstFocusableChild as _getFirstFocusableChild } from '../../core/utils/focus-management/get-first-focusable-child.js';\nimport { getLastFocusableChild as _getLastFocusableChild } from '../../core/utils/focus-management/get-last-focusable-child.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\nimport type { FormControlRef } from '../../forms/shared-types.js';\nimport { isFormControlRef } from '../../forms/shared-types.js';\nimport type { HeightStrategy, WidthStrategy } from '../types/sizing.types.js';\nimport {\n  observeAnimationDone,\n  observeOverlaySize,\n  overlayHeightStrategyHandling,\n  overlayWidthStrategyHandling,\n} from '../utils/popper-modifiers.js';\nimport { usePopper } from '../utils/use-popper-compat.js';\n\n//#region Typings\n/**\n * @public\n */\nexport type OverlayPlacement =\n  | 'auto'\n  | 'auto-start'\n  | 'auto-end'\n  | 'top'\n  | 'bottom'\n  | 'left'\n  | 'right'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right-start'\n  | 'right-end'\n  | 'left-start'\n  | 'left-end';\n\n/**\n * @public\n */\nexport interface UseOverlayWithTriggerUncontrolledProps {\n  /**\n   * Whether the overlay is open by default.\n   * @defaultValue false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Determines whether or not the overlay is open in a controlled scenario.\n   */\n  open?: never;\n}\n\n/**\n * @public\n */\nexport interface UseOverlayWithTriggerControlledProps {\n  /**\n   * Whether the overlay is open by default.\n   */\n  defaultOpen?: never;\n  /**\n   * Determines whether or not the overlay is open in a controlled scenario.\n   */\n  open: boolean;\n}\n\n/**\n * @public\n */\nexport interface UseOverlayWithTriggerBaseProps {\n  /**\n   * Placement of the overlay\n   * @defaultValue 'bottom'\n   */\n  placement?: OverlayPlacement;\n  /**\n   * Alternative positions that will be assumed if the original placement will not fit\n   * @defaultValue ['top']\n   */\n  placementFallbacks?: OverlayPlacement[];\n  /**\n   * Offset between overlay and target element\n   * @defaultValue 0\n   */\n  offset?: number;\n  /**\n   * Offset along the cross axis between the overlay and target element\n   * @defaultValue 0\n   */\n  crossOffset?: number;\n  /**\n   * An additional z-index elevation value to add to the one derived from the stacking order\n   */\n  additionalElevation?: Elevation;\n  /**\n   * Whether the trigger is disabled or not\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Defines which strategy to use for setting the overlay width\n   * @defaultValue 'content'\n   */\n  widthStrategy?: WidthStrategy;\n  /**\n   * Defines which strategy to use for setting the overlay height\n   * @defaultValue 'content'\n   */\n  heightStrategy?: HeightStrategy;\n  /**\n   * Whether the overlay should trap the focus.\n   * @defaultValue false\n   */\n  trapFocus?: boolean;\n  /**\n   * Callback fired when the open attribute changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Whether the overlay should close on blur.\n   * @defaultValue false\n   */\n  shouldCloseOnBlur?: boolean;\n  /**\n   * Id used for the accessible label of the overlay\n   */\n  'aria-labelledby'?: string;\n}\n\n/**\n * @public\n */\nexport type UseOverlayWithTriggerProps = UseOverlayWithTriggerBaseProps &\n  (\n    | UseOverlayWithTriggerUncontrolledProps\n    | UseOverlayWithTriggerControlledProps\n  );\n\n/**\n * @public\n */\nexport interface OverlayRefs {\n  /**\n   * Use this ref and attach it to the trigger element.\n   * State handling of opening and closing will be automatically attached\n   * to the trigger.\n   */\n  triggerRef: Dispatch<SetStateAction<HTMLElement | FormControlRef | null>>;\n  /**\n   * Use this ref to attach it to the overlaying element. This is used\n   * to correctly position the overlay on the screen.\n   */\n  overlayRef: Dispatch<SetStateAction<HTMLElement | null>>;\n  /**\n   * Use this ref in order to give the overlay its anchoring element.\n   * The overlaying element will attach to the target element by following\n   * the provided placement and placementFallback strategies.\n   * If the triggerRef and targetRef should be on the same element, consider\n   * using the `useMergeRefs` from the package core to combine target and trigger\n   * refs.\n   */\n  targetRef: Dispatch<SetStateAction<HTMLElement | FormControlRef | null>>;\n}\n\n/**\n * Type used for defining the 'data-ismodal' property, as well as modal accessibility and styling properties.\n * @public\n */\nexport interface ModalAriaProps extends HTMLAttributes<HTMLElement> {\n  /** Data attribute marks the dom node as a modal for the aria-modal-polyfill. */\n  'data-ismodal'?: boolean;\n}\n\n/**\n * @public\n */\nexport interface OverlayProps {\n  /**\n   * Properties for connecting the overlay to the overlay trigger.\n   * Includes styles and accessibility attributes.\n   */\n  overlayProps: ModalAriaProps & Pick<UseOverlayWithTriggerProps, 'trapFocus'>;\n  /**\n   * Overlay state, which contains information about the open/closed state of the overlay,\n   * as well as opening/closing/toggling methods.\n   */\n  overlayState: OverlayTriggerState;\n  /**\n   * Props for the OverlayContainer component, used in order to ensure correct\n   * zIndex stacking.\n   */\n  overlayContainerProps: Record<string, unknown>;\n}\n\n/**\n * @deprecated Will be removed. Use `OverlayWithTriggerReturnType` to access `overlayTriggerProps` instead. `hasError` was never set.\n * @public\n */\nexport interface OverlayTriggerProps {\n  /** Properties for the behavior and accessibility of the overlay trigger. */\n  overlayTriggerProps: ButtonAria<AnchorHTMLAttributes<HTMLElement>> &\n    AriaButtonProps;\n  /** Whether or not the trigger is used within a component in an error state. */\n  hasError?: boolean;\n}\n\n/**\n * Properties for spreading onto the trigger and overlay container, handling the\n * behavior and accessibility of the trigger and overlay.\n * @deprecated Will be removed. Use `TriggerProps` instead\n * @public\n */\nexport type OverlayWithTriggerProps = OverlayRefs &\n  OverlayProps &\n  OverlayWithTriggerReturnType['overlayTriggerProps'];\n\n/**\n * Type reflecting the properties for the behavior and accessibility of the overlay trigger.\n * @public\n */\nexport type TriggerProps = Pick<\n  AriaBaseButtonProps,\n  'aria-haspopup' | 'aria-expanded' | 'aria-controls' | 'type'\n> &\n  Pick<\n    DOMAttributes<Element & HTMLOrSVGElement>,\n    | 'onKeyDown'\n    | 'onKeyUp'\n    | 'onClick'\n    | 'onMouseDown'\n    | 'onMouseUp'\n    | 'onPointerDown'\n    | 'onPointerUp'\n    | 'onDragStart'\n    | 'onMouseEnter'\n    | 'onMouseLeave'\n    | 'onTouchStart'\n    | 'onTouchEnd'\n    | 'onTouchMove'\n    | 'onTouchCancel'\n  > & {\n    /** Whether the trigger is disabled. */\n    disabled?: boolean;\n  };\n\n/**\n * Properties for spreading onto the trigger and overlay container, handling the\n * behavior and accessibility of the trigger and overlay.\n * @public\n */\nexport type OverlayWithTriggerReturnType = OverlayRefs &\n  OverlayProps & {\n    /** Properties for the behavior and accessibility of the overlay trigger. */\n    overlayTriggerProps: TriggerProps;\n  };\n//#endregion Typings\n\n/**\n * Returns the value for 'aria-haspopup' depending on the type.\n * @internal\n */\nfunction getAriaHasPopup(\n  type: string,\n): boolean | 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid' | undefined {\n  // Aria 1.1 supports multiple values for aria-haspopup other than just menus.\n  // https://www.w3.org/TR/wai-aria-1.1/#aria-haspopup\n  // However, we only add it for menus for now because screen readers often\n  // announce it as a menu even for other values.\n  if (type === 'menu') {\n    return true;\n  } else if (type === 'listbox') {\n    return 'listbox';\n  }\n  return undefined;\n}\n\n/**\n * Custom hook used for overlays with trigger.\n * @public\n */\nexport function useOverlayWithTrigger(\n  props: UseOverlayWithTriggerProps = {},\n): OverlayWithTriggerReturnType {\n  const {\n    placement = 'bottom',\n    placementFallbacks = ['top'],\n    offset = 0,\n    crossOffset = 0,\n    additionalElevation,\n    disabled = false,\n    widthStrategy = 'content',\n    heightStrategy = 'content',\n    trapFocus = false,\n    defaultOpen = false,\n    open,\n    onOpenChange,\n    shouldCloseOnBlur = false,\n    'aria-labelledby': ariaLabelledBy,\n  } = props;\n\n  // Create the refs needed for the overlay\n  const [targetElement, setTargetElement] = useStateRef<HTMLElement>();\n  const [overlayElement, setOverlayElement, overlayRef] =\n    useStateRef<HTMLElement>();\n  const [, setTriggerElement, triggerRef] = useStateRef<HTMLElement>();\n\n  const overlayContainerProps = useOverlayStacking(\n    undefined,\n    additionalElevation,\n  );\n\n  // Create state for handling opening/closing of the calendar overlay\n  const overlayState = useOverlayTriggerState({\n    defaultOpen,\n    isOpen: open,\n    onOpenChange,\n  });\n  const { isOpen, close, toggle } = overlayState;\n\n  const overlayId = useId();\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Tab' && isOpen) {\n        const overlay = document.getElementById(`${overlayId}`);\n\n        if (overlay) {\n          const firstFocusableChild = _getFirstFocusableChild(overlay);\n          const lastFocusableChild = _getLastFocusableChild(overlay);\n\n          // No focusable children.\n          if (!firstFocusableChild) {\n            e.preventDefault();\n            close();\n            triggerRef.current?.focus();\n            return;\n          }\n\n          const isFirstFocusable = firstFocusableChild === e.target;\n          const isLastFocusable = lastFocusableChild === e.target;\n\n          if (\n            !trapFocus &&\n            ((e.shiftKey && isFirstFocusable) ||\n              (!e.shiftKey && isLastFocusable))\n          ) {\n            e.preventDefault();\n            close();\n            triggerRef.current?.focus();\n          }\n        }\n      }\n    },\n    [close, isOpen, overlayId, trapFocus],\n  );\n\n  // Initialize the trigger to get the correct aria props and connections\n  // between the trigger and the overlay.\n  const triggerProps = {\n    'aria-haspopup': getAriaHasPopup('dialog'),\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? overlayId : undefined,\n    onKeyDown,\n  };\n\n  // usePress ensures that focus management is handled correctly across all\n  // browsers. Focus is restored to the button once the popover closes.\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { pressProps } = usePress({\n    onPress: toggle,\n    isDisabled: disabled,\n  });\n\n  const { styles: positioningStyles, attributes: positioningAttributes } =\n    usePopper(targetElement, overlayElement, {\n      placement: placement,\n      modifiers: [\n        {\n          name: 'offset',\n          options: {\n            offset: [crossOffset, offset],\n          },\n        },\n        {\n          name: 'flip',\n          options: {\n            fallbackPlacements: [placement, ...placementFallbacks],\n          },\n        },\n        overlayWidthStrategyHandling,\n        {\n          name: 'overlayWidthStrategyHandling',\n          enabled: widthStrategy !== 'content',\n          options: { widthStrategy },\n        },\n        overlayHeightStrategyHandling,\n        {\n          name: 'overlayHeightStrategyHandling',\n          enabled: heightStrategy !== 'content',\n          options: { heightStrategy },\n        },\n        observeOverlaySize,\n        observeAnimationDone,\n        eventListeners,\n      ],\n    });\n\n  // Handle interacting outside the dialog and pressing\n  // the Escape key to close the modal.\n  const { overlayProps } = useOverlay(\n    {\n      isOpen,\n      isDismissible: true,\n      shouldCloseOnInteractOutside: (element) => {\n        const triggerElement = isFormControlRef(triggerRef)\n          ? triggerRef.element\n          : triggerRef;\n\n        // If there is no trigger element, skip trigger hit check\n        if (triggerElement === null) {\n          return true;\n        }\n\n        // Prevent the dismiss when clicking on the trigger itself.\n        // This enables the trigger to handle the toggling, instead of keeping\n        // it inside an endless loop.\n        return (\n          element !== triggerRef.current &&\n          triggerRef.current?.contains(element) === false\n        );\n      },\n      onClose: () => {\n        close();\n      },\n      shouldCloseOnBlur,\n    },\n    overlayRef,\n  );\n\n  // Get props for the dialog and its title.\n  // Strip the auto-generated aria-labelledby from useDialog to avoid a dangling\n  // reference to a non-existent element (WCAG violation). Only pass it through\n  // when the caller explicitly provides it.\n  const { dialogProps } = useDialog({});\n  const { 'aria-labelledby': _unused, ...dialogPropsWithoutLabelledBy } =\n    dialogProps;\n\n  useKeyboardInteractionOutside({\n    ref: overlayRef,\n    isDisabled: !isOpen,\n    onInteractOutside: (event) => {\n      if ((event as unknown as KeyboardEvent).key === 'Escape') {\n        close();\n      }\n    },\n  });\n\n  // A passed ref could be a regular DOM ref or our newly introduced FormControlRef imperative handler\n  const updateTriggerElement = useCallback(\n    (triggerRef: SetStateAction<HTMLElement | FormControlRef | null>) => {\n      const newTriggerElement = isFormControlRef(triggerRef)\n        ? triggerRef.element\n        : (triggerRef as HTMLElement | null);\n      setTriggerElement(newTriggerElement);\n    },\n    [setTriggerElement],\n  );\n\n  // A passed ref could be a regular DOM ref or our newly introduced FormControlRef imperative handler\n  const updateTargetElement = useCallback(\n    (targetRef: SetStateAction<HTMLElement | FormControlRef | null>) => {\n      const newTargetElement = isFormControlRef(targetRef)\n        ? targetRef.element\n        : (targetRef as HTMLElement | null);\n      setTargetElement(newTargetElement);\n    },\n    [setTargetElement],\n  );\n\n  return {\n    triggerRef: updateTriggerElement,\n    targetRef: updateTargetElement,\n    overlayRef: setOverlayElement,\n    overlayProps: {\n      ..._mergeProps(\n        overlayProps,\n        { ...dialogPropsWithoutLabelledBy, 'aria-labelledby': ariaLabelledBy },\n        // onKeyDown intercepts Tab at focusable boundaries: it prevents the default\n        // Tab action, closes the overlay, and restores focus to the trigger. Attaching\n        // it unconditionally (even when shouldCloseOnBlur is true) ensures focus is\n        // correctly restored in all cases. Using e.preventDefault() also prevents the\n        // blur from firing, so the shouldCloseOnBlur blur-handler never double-closes.\n        // If there's no interactive content, the trigger keeps focus and triggerProps'\n        // onKeyDown takes care of closing instead.\n        { onKeyDown },\n        { style: positioningStyles.popper, id: overlayId, trapFocus },\n        positioningAttributes.popper,\n      ),\n    },\n    overlayContainerProps,\n    overlayState,\n    overlayTriggerProps: _mergeProps(pressProps, triggerProps, {\n      type: 'button' as AriaBaseButtonProps['type'],\n      disabled,\n    }),\n  };\n}\n"],
+  "sourcesContent": ["import { eventListeners } from '@popperjs/core';\nimport {\n  type AnchorHTMLAttributes,\n  type HTMLAttributes,\n  useCallback,\n  type SetStateAction,\n  type Dispatch,\n  type DOMAttributes,\n} from 'react';\n\nimport { useDialog } from './useDialog.js';\nimport { useKeyboardInteractionOutside } from './useKeyboardInteractionOutside.js';\nimport {\n  OverlayTriggerState,\n  useOverlay,\n  useOverlayTriggerState,\n} from './useOverlay.js';\nimport { usePress } from './usePress.js';\nimport { useStateRef } from './useStateRef.js';\nimport type {\n  AriaBaseButtonProps,\n  AriaButtonProps,\n  ButtonAria,\n} from '../../buttons/button/types/button-aria.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport {\n  Elevation,\n  useOverlayStacking,\n} from '../../core/hooks/useOverlayStacking.js';\nimport { getFirstFocusableChild as _getFirstFocusableChild } from '../../core/utils/focus-management/get-first-focusable-child.js';\nimport { getLastFocusableChild as _getLastFocusableChild } from '../../core/utils/focus-management/get-last-focusable-child.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\nimport type { FormControlRef } from '../../forms/shared-types.js';\nimport { isFormControlRef } from '../../forms/shared-types.js';\nimport type { HeightStrategy, WidthStrategy } from '../types/sizing.types.js';\nimport {\n  observeAnimationDone,\n  observeOverlaySize,\n  overlayHeightStrategyHandling,\n  overlayWidthStrategyHandling,\n} from '../utils/popper-modifiers.js';\nimport { usePopper } from '../utils/use-popper-compat.js';\n\n//#region Typings\n/**\n * @public\n */\nexport type OverlayPlacement =\n  | 'auto'\n  | 'auto-start'\n  | 'auto-end'\n  | 'top'\n  | 'bottom'\n  | 'left'\n  | 'right'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right-start'\n  | 'right-end'\n  | 'left-start'\n  | 'left-end';\n\n/**\n * @public\n */\nexport interface UseOverlayWithTriggerUncontrolledProps {\n  /**\n   * Whether the overlay is open by default.\n   * @defaultValue false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Determines whether or not the overlay is open in a controlled scenario.\n   */\n  open?: never;\n}\n\n/**\n * @public\n */\nexport interface UseOverlayWithTriggerControlledProps {\n  /**\n   * Whether the overlay is open by default.\n   */\n  defaultOpen?: never;\n  /**\n   * Determines whether or not the overlay is open in a controlled scenario.\n   */\n  open: boolean;\n}\n\n/**\n * @public\n */\nexport interface UseOverlayWithTriggerBaseProps {\n  /**\n   * Placement of the overlay\n   * @defaultValue 'bottom'\n   */\n  placement?: OverlayPlacement;\n  /**\n   * Alternative positions that will be assumed if the original placement will not fit\n   * @defaultValue ['top']\n   */\n  placementFallbacks?: OverlayPlacement[];\n  /**\n   * Offset between overlay and target element\n   * @defaultValue 0\n   */\n  offset?: number;\n  /**\n   * Offset along the cross axis between the overlay and target element\n   * @defaultValue 0\n   */\n  crossOffset?: number;\n  /**\n   * An additional z-index elevation value to add to the one derived from the stacking order\n   */\n  additionalElevation?: Elevation;\n  /**\n   * Whether the trigger is disabled or not\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Defines which strategy to use for setting the overlay width\n   * @defaultValue 'content'\n   */\n  widthStrategy?: WidthStrategy;\n  /**\n   * Defines which strategy to use for setting the overlay height\n   * @defaultValue 'content'\n   */\n  heightStrategy?: HeightStrategy;\n  /**\n   * Whether the overlay should trap the focus.\n   * @defaultValue false\n   */\n  trapFocus?: boolean;\n  /**\n   * Callback fired when the open attribute changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Whether the overlay should close on blur.\n   * @defaultValue false\n   */\n  shouldCloseOnBlur?: boolean;\n  /**\n   * Id used for the accessible label of the overlay\n   */\n  'aria-labelledby'?: string;\n}\n\n/**\n * @public\n */\nexport type UseOverlayWithTriggerProps = UseOverlayWithTriggerBaseProps &\n  (\n    | UseOverlayWithTriggerUncontrolledProps\n    | UseOverlayWithTriggerControlledProps\n  );\n\n/**\n * @public\n */\nexport interface OverlayRefs {\n  /**\n   * Use this ref and attach it to the trigger element.\n   * State handling of opening and closing will be automatically attached\n   * to the trigger.\n   */\n  triggerRef: Dispatch<SetStateAction<HTMLElement | FormControlRef | null>>;\n  /**\n   * Use this ref to attach it to the overlaying element. This is used\n   * to correctly position the overlay on the screen.\n   */\n  overlayRef: Dispatch<SetStateAction<HTMLElement | null>>;\n  /**\n   * Use this ref in order to give the overlay its anchoring element.\n   * The overlaying element will attach to the target element by following\n   * the provided placement and placementFallback strategies.\n   * If the triggerRef and targetRef should be on the same element, consider\n   * using the `useMergeRefs` from the package core to combine target and trigger\n   * refs.\n   */\n  targetRef: Dispatch<SetStateAction<HTMLElement | FormControlRef | null>>;\n}\n\n/**\n * Type used for defining the 'data-ismodal' property, as well as modal accessibility and styling properties.\n * @public\n */\nexport interface ModalAriaProps extends HTMLAttributes<HTMLElement> {\n  /** Data attribute marks the dom node as a modal for the aria-modal-polyfill. */\n  'data-ismodal'?: boolean;\n}\n\n/**\n * @public\n */\nexport interface OverlayProps {\n  /**\n   * Properties for connecting the overlay to the overlay trigger.\n   * Includes styles and accessibility attributes.\n   */\n  overlayProps: ModalAriaProps & Pick<UseOverlayWithTriggerProps, 'trapFocus'>;\n  /**\n   * Overlay state, which contains information about the open/closed state of the overlay,\n   * as well as opening/closing/toggling methods.\n   */\n  overlayState: OverlayTriggerState;\n  /**\n   * Props for the OverlayContainer component, used in order to ensure correct\n   * zIndex stacking.\n   */\n  overlayContainerProps: Record<string, unknown>;\n}\n\n/**\n * @deprecated Will be removed. Use `OverlayWithTriggerReturnType` to access `overlayTriggerProps` instead. `hasError` was never set.\n * @public\n */\nexport interface OverlayTriggerProps {\n  /** Properties for the behavior and accessibility of the overlay trigger. */\n  overlayTriggerProps: ButtonAria<AnchorHTMLAttributes<HTMLElement>> &\n    AriaButtonProps;\n  /** Whether or not the trigger is used within a component in an error state. */\n  hasError?: boolean;\n}\n\n/**\n * Properties for spreading onto the trigger and overlay container, handling the\n * behavior and accessibility of the trigger and overlay.\n * @deprecated Will be removed. Use `TriggerProps` instead\n * @public\n */\nexport type OverlayWithTriggerProps = OverlayRefs &\n  OverlayProps &\n  OverlayWithTriggerReturnType['overlayTriggerProps'];\n\n/**\n * Type reflecting the properties for the behavior and accessibility of the overlay trigger.\n * @public\n */\nexport type TriggerProps = Pick<\n  AriaBaseButtonProps,\n  'aria-haspopup' | 'aria-expanded' | 'aria-controls' | 'type'\n> &\n  Pick<\n    DOMAttributes<Element & HTMLOrSVGElement>,\n    | 'onKeyDown'\n    | 'onKeyUp'\n    | 'onClick'\n    | 'onMouseDown'\n    | 'onMouseUp'\n    | 'onPointerDown'\n    | 'onPointerUp'\n    | 'onDragStart'\n    | 'onMouseEnter'\n    | 'onMouseLeave'\n    | 'onTouchStart'\n    | 'onTouchEnd'\n    | 'onTouchMove'\n    | 'onTouchCancel'\n  > & {\n    /** Whether the trigger is disabled. */\n    disabled?: boolean;\n  };\n\n/**\n * Properties for spreading onto the trigger and overlay container, handling the\n * behavior and accessibility of the trigger and overlay.\n * @public\n */\nexport type OverlayWithTriggerReturnType = OverlayRefs &\n  OverlayProps & {\n    /** Properties for the behavior and accessibility of the overlay trigger. */\n    overlayTriggerProps: TriggerProps;\n  };\n//#endregion Typings\n\n/**\n * Returns the value for 'aria-haspopup' depending on the type.\n * @internal\n */\nfunction getAriaHasPopup(\n  type: string,\n): boolean | 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid' | undefined {\n  // Aria 1.1 supports multiple values for aria-haspopup other than just menus.\n  // https://www.w3.org/TR/wai-aria-1.1/#aria-haspopup\n  // However, we only add it for menus for now because screen readers often\n  // announce it as a menu even for other values.\n  if (type === 'menu') {\n    return true;\n  } else if (type === 'listbox') {\n    return 'listbox';\n  }\n  return undefined;\n}\n\n/**\n * Custom hook used for overlays with trigger.\n * @public\n */\nexport function useOverlayWithTrigger(\n  props: UseOverlayWithTriggerProps = {},\n): OverlayWithTriggerReturnType {\n  const {\n    placement = 'bottom',\n    placementFallbacks = ['top'],\n    offset = 0,\n    crossOffset = 0,\n    additionalElevation,\n    disabled = false,\n    widthStrategy = 'content',\n    heightStrategy = 'content',\n    trapFocus = false,\n    defaultOpen = false,\n    open,\n    onOpenChange,\n    shouldCloseOnBlur = false,\n    'aria-labelledby': ariaLabelledBy,\n  } = props;\n\n  // Create the refs needed for the overlay\n  const [targetElement, setTargetElement] = useStateRef<HTMLElement>();\n  const [overlayElement, setOverlayElement, overlayRef] =\n    useStateRef<HTMLElement>();\n  const [, setTriggerElement, triggerRef] = useStateRef<HTMLElement>();\n\n  const overlayContainerProps = useOverlayStacking(\n    undefined,\n    additionalElevation,\n  );\n\n  // Create state for handling opening/closing of the calendar overlay\n  const overlayState = useOverlayTriggerState({\n    defaultOpen,\n    isOpen: open,\n    onOpenChange,\n  });\n  const { isOpen, close, toggle } = overlayState;\n\n  const overlayId = useId();\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Tab' && isOpen) {\n        const overlay = document.getElementById(`${overlayId}`);\n\n        if (overlay) {\n          const firstFocusableChild = _getFirstFocusableChild(overlay);\n          const lastFocusableChild = _getLastFocusableChild(overlay);\n\n          // No focusable children.\n          if (!firstFocusableChild) {\n            e.preventDefault();\n            close();\n            triggerRef.current?.focus();\n            return;\n          }\n\n          const isFirstFocusable = firstFocusableChild === e.target;\n          const isLastFocusable = lastFocusableChild === e.target;\n\n          if (\n            !trapFocus &&\n            ((e.shiftKey && isFirstFocusable) ||\n              (!e.shiftKey && isLastFocusable))\n          ) {\n            e.preventDefault();\n            close();\n            triggerRef.current?.focus();\n          }\n        }\n      }\n    },\n    [close, isOpen, overlayId, trapFocus],\n  );\n\n  // Initialize the trigger to get the correct aria props and connections\n  // between the trigger and the overlay.\n  const triggerProps = {\n    'aria-haspopup': getAriaHasPopup('dialog'),\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? overlayId : undefined,\n    onKeyDown,\n  };\n\n  // usePress ensures that focus management is handled correctly across all\n  // browsers. Focus is restored to the button once the popover closes.\n  // oxlint-disable-next-line typescript/no-deprecated\n  const { pressProps } = usePress({\n    onPress: toggle,\n    isDisabled: disabled,\n  });\n\n  const { styles: positioningStyles, attributes: positioningAttributes } =\n    usePopper(targetElement, overlayElement, {\n      placement: placement,\n      modifiers: [\n        {\n          name: 'offset',\n          options: {\n            offset: [crossOffset, offset],\n          },\n        },\n        {\n          name: 'flip',\n          options: {\n            fallbackPlacements: [placement, ...placementFallbacks],\n          },\n        },\n        overlayWidthStrategyHandling,\n        {\n          name: 'overlayWidthStrategyHandling',\n          enabled: widthStrategy !== 'content',\n          options: { widthStrategy },\n        },\n        overlayHeightStrategyHandling,\n        {\n          name: 'overlayHeightStrategyHandling',\n          enabled: heightStrategy !== 'content',\n          options: { heightStrategy },\n        },\n        observeOverlaySize,\n        observeAnimationDone,\n        eventListeners,\n      ],\n    });\n\n  // Handle interacting outside the dialog and pressing\n  // the Escape key to close the modal.\n  const { overlayProps } = useOverlay(\n    {\n      isOpen,\n      isDismissible: true,\n      shouldCloseOnInteractOutside: (element) => {\n        const triggerElement = isFormControlRef(triggerRef)\n          ? triggerRef.element\n          : triggerRef;\n\n        // If there is no trigger element, skip trigger hit check\n        if (triggerElement === null) {\n          return true;\n        }\n\n        // Prevent the dismiss when clicking on the trigger itself.\n        // This enables the trigger to handle the toggling, instead of keeping\n        // it inside an endless loop.\n        return (\n          element !== triggerRef.current &&\n          triggerRef.current?.contains(element) === false\n        );\n      },\n      onClose: () => {\n        close();\n      },\n      shouldCloseOnBlur,\n    },\n    overlayRef,\n  );\n\n  // Get props for the dialog and its title.\n  // Strip the auto-generated aria-labelledby from useDialog to avoid a dangling\n  // reference to a non-existent element (WCAG violation). Only pass it through\n  // when the caller explicitly provides it.\n  const { dialogProps } = useDialog({});\n  const { 'aria-labelledby': _unused, ...dialogPropsWithoutLabelledBy } =\n    dialogProps;\n\n  useKeyboardInteractionOutside({\n    ref: overlayRef,\n    isDisabled: !isOpen,\n    onInteractOutside: (event) => {\n      if ((event as unknown as KeyboardEvent).key === 'Escape') {\n        close();\n      }\n    },\n  });\n\n  // A passed ref could be a regular DOM ref or our newly introduced FormControlRef imperative handler\n  const updateTriggerElement = useCallback(\n    (triggerRef: SetStateAction<HTMLElement | FormControlRef | null>) => {\n      const newTriggerElement = isFormControlRef(triggerRef)\n        ? triggerRef.element\n        : (triggerRef as HTMLElement | null);\n      setTriggerElement(newTriggerElement);\n    },\n    [setTriggerElement],\n  );\n\n  // A passed ref could be a regular DOM ref or our newly introduced FormControlRef imperative handler\n  const updateTargetElement = useCallback(\n    (targetRef: SetStateAction<HTMLElement | FormControlRef | null>) => {\n      const newTargetElement = isFormControlRef(targetRef)\n        ? targetRef.element\n        : (targetRef as HTMLElement | null);\n      setTargetElement(newTargetElement);\n    },\n    [setTargetElement],\n  );\n\n  return {\n    triggerRef: updateTriggerElement,\n    targetRef: updateTargetElement,\n    overlayRef: setOverlayElement,\n    overlayProps: {\n      ..._mergeProps(\n        overlayProps,\n        { ...dialogPropsWithoutLabelledBy, 'aria-labelledby': ariaLabelledBy },\n        // onKeyDown intercepts Tab at focusable boundaries: it prevents the default\n        // Tab action, closes the overlay, and restores focus to the trigger. Attaching\n        // it unconditionally (even when shouldCloseOnBlur is true) ensures focus is\n        // correctly restored in all cases. Using e.preventDefault() also prevents the\n        // blur from firing, so the shouldCloseOnBlur blur-handler never double-closes.\n        // If there's no interactive content, the trigger keeps focus and triggerProps'\n        // onKeyDown takes care of closing instead.\n        { onKeyDown },\n        { style: positioningStyles.popper, id: overlayId, trapFocus },\n        positioningAttributes.popper,\n      ),\n    },\n    overlayContainerProps,\n    overlayState,\n    overlayTriggerProps: _mergeProps(pressProps, triggerProps, {\n      type: 'button' as AriaBaseButtonProps['type'],\n      disabled,\n    }),\n  };\n}\n"],
   "mappings": "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",
   "names": ["triggerRef"]
 }

package/esm/overlays/hooks/usePress.js

@@ -46,7 +46,7 @@ function useGlobalListeners() {
   const addGlobalListener = useCallback(
     (eventTarget, type, listener, options) => {
       const fn = options?.once ? (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        // oxlint-disable-next-line typescript/no-explicit-any
         (...args) => {
           globalListeners.current.delete(listener);
           listener({ ...args });
@@ -192,7 +192,7 @@ function usePress(props) {
       }
     };
     const pressProps2 = {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      // oxlint-disable-next-line typescript/no-explicit-any
       onKeyDown(e) {
         if (e.metaKey || e.ctrlKey || e.altKey) {
           return;
@@ -215,7 +215,7 @@ function usePress(props) {
           e.stopPropagation();
         }
       },
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      // oxlint-disable-next-line typescript/no-explicit-any
       onKeyUp(e) {
         const currentTarget = e.currentTarget;
         if (isValidKeyboardEvent(e.nativeEvent, currentTarget) && !e.repeat && currentTarget.contains(e.target)) {
@@ -288,7 +288,7 @@ function usePress(props) {
         addGlobalListener(
           document,
           "pointercancel",
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          // oxlint-disable-next-line typescript/no-explicit-any
           onPointerCancel,
           false
         );

package/esm/overlays/hooks/usePress.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/hooks/usePress.ts"],
-  "sourcesContent": ["import {\n  type KeyboardEvent,\n  type MouseEvent,\n  useEffect,\n  useMemo,\n  useRef,\n  type DOMAttributes,\n  useCallback,\n} from 'react';\n\nimport { focusWithoutScrolling } from '../../buttons/button/utils/focus-without-scrolling.js';\nimport {\n  isVirtualPointerEvent,\n  isVirtualClick,\n} from '../../buttons/button/utils/is-virtual-event.js';\nimport type { PointerType } from '../../core/types/pointer.js';\n\n// #region Types\ninterface FocusableElement extends Element, HTMLOrSVGElement {}\n\ninterface GlobalListeners {\n  addGlobalListener<K extends keyof DocumentEventMap>(\n    el: EventTarget,\n    type: K,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions,\n  ): void;\n  addGlobalListener(\n    el: EventTarget,\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ): void;\n  removeAllGlobalListeners(): void;\n}\n\ninterface PressEventResult {\n  /** Props to spread on the target element. */\n  pressProps: Pick<\n    DOMAttributes<Element & HTMLOrSVGElement>,\n    | 'onKeyDown'\n    | 'onKeyUp'\n    | 'onClick'\n    | 'onMouseDown'\n    | 'onPointerDown'\n    | 'onPointerUp'\n    | 'onDragStart'\n  >;\n}\n\ninterface PressState {\n  isPressed: boolean;\n  ignoreEmulatedMouseEvents: boolean;\n  ignoreClickAfterPress: boolean;\n  didFirePressStart: boolean;\n  activePointerId: number | null;\n  target: FocusableElement | null;\n  isOverTarget: boolean;\n  pointerType: PointerType;\n}\n\ninterface Rect {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\ninterface EventPoint {\n  clientX: number;\n  clientY: number;\n  width?: number;\n  height?: number;\n  radiusX?: number;\n  radiusY?: number;\n}\n\n/**\n * @internal\n */\nexport interface PressProps {\n  /** Handler that is called when the press is released over the target. */\n  onPress?: () => void;\n  /** Whether the press events should be disabled. */\n  isDisabled?: boolean;\n}\n\n// #endregion Types\n\n// #region Utility functions\nconst modifiedElementMap = new WeakMap<Element, string>();\n\nfunction disableTextSelection(target?: Element) {\n  if (target instanceof HTMLElement || target instanceof SVGElement) {\n    // Store the target's original user-select and change to user-select: none\n    modifiedElementMap.set(target, target.style.userSelect);\n    target.style.userSelect = 'none';\n  }\n}\n\nfunction restoreTextSelection(target?: Element) {\n  if (target instanceof HTMLElement || target instanceof SVGElement) {\n    // If not iOS, restore the target's original user-select if any\n    // Ignore state since it doesn't apply for non iOS\n    if (target && modifiedElementMap.has(target)) {\n      const targetOldUserSelect = modifiedElementMap.get(target);\n\n      if (target.style.userSelect === 'none') {\n        target.style.userSelect = targetOldUserSelect as string;\n      }\n\n      if (target.getAttribute('style') === '') {\n        target.removeAttribute('style');\n      }\n      modifiedElementMap.delete(target);\n    }\n  }\n}\n\n// Code copied from react-aria\n// https://github.com/adobe/react-spectrum/blob/main/packages/@react-aria/interactions/src/usePress.ts\nconst nonTextInputTypes = new Set([\n  'checkbox',\n  'radio',\n  'range',\n  'color',\n  'file',\n  'image',\n  'button',\n  'submit',\n  'reset',\n]);\n\nfunction useGlobalListeners(): GlobalListeners {\n  const globalListeners = useRef(new Map());\n  const addGlobalListener = useCallback(\n    (\n      eventTarget: HTMLElement,\n      type: string,\n      listener: EventListenerOrEventListenerObject,\n      options: boolean | AddEventListenerOptions | undefined,\n    ) => {\n      // Make sure we remove the listener after it is called with the `once` option.\n      const fn = (options as AddEventListenerOptions)?.once\n        ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          (...args: any) => {\n            globalListeners.current.delete(listener);\n            (listener as EventListener)({ ...args });\n          }\n        : listener;\n      globalListeners.current.set(listener, { type, eventTarget, fn, options });\n      eventTarget.addEventListener(type, listener, options);\n    },\n    [],\n  );\n  const removeGlobalListener = useCallback(\n    (\n      eventTarget: HTMLElement,\n      type: string,\n      listener: EventListenerOrEventListenerObject,\n      options: boolean | AddEventListenerOptions | undefined,\n    ) => {\n      const fn = globalListeners.current.get(listener)?.fn || listener;\n      eventTarget.removeEventListener(type, fn, options);\n      globalListeners.current.delete(listener);\n    },\n    [],\n  );\n  const removeAllGlobalListeners = useCallback(() => {\n    globalListeners.current.forEach((value, key) => {\n      removeGlobalListener(value.eventTarget, value.type, key, value.options);\n    });\n  }, [removeGlobalListener]);\n\n  useEffect(() => {\n    return removeAllGlobalListeners;\n  }, [removeAllGlobalListeners]);\n\n  return { addGlobalListener, removeAllGlobalListeners };\n}\n\nfunction isValidInputKey(target: HTMLInputElement, key: string) {\n  // Only space should toggle checkboxes and radios, not enter.\n  return target.type === 'checkbox' || target.type === 'radio'\n    ? key === ' '\n    : nonTextInputTypes.has(target.type);\n}\n\nfunction isHTMLAnchorLink(target: Element): boolean {\n  return target.tagName === 'A' && target.hasAttribute('href');\n}\n\nfunction isValidKeyboardEvent(\n  event: KeyboardEvent,\n  currentTarget: Element,\n): boolean {\n  const { key, code } = event;\n  const element = currentTarget as HTMLElement;\n  const role = element.getAttribute('role');\n  // Accessibility for keyboards. Space and Enter only.\n  return (\n    (key === 'Enter' || key === ' ' || code === 'Space') &&\n    !(\n      (element instanceof HTMLInputElement && !isValidInputKey(element, key)) ||\n      element instanceof HTMLTextAreaElement ||\n      element.isContentEditable\n    ) &&\n    // A link with a valid href should be handled natively,\n    // unless it also has role='button' and was triggered using Space.\n    (!isHTMLAnchorLink(element) || (role === 'button' && key !== 'Enter')) &&\n    // An element with role='link' should only trigger with Enter key\n    !(role === 'link' && key !== 'Enter')\n  );\n}\n\nfunction shouldPreventDefault(target: Element) {\n  // We cannot prevent default if the target is a draggable element.\n  return !(target instanceof HTMLElement) || !target.draggable;\n}\n\nfunction shouldPreventDefaultKeyboard(target: Element, key: string) {\n  if (target instanceof HTMLInputElement) {\n    return !isValidInputKey(target, key);\n  }\n\n  if (target instanceof HTMLButtonElement) {\n    return target.type !== 'submit';\n  }\n\n  return true;\n}\n\nfunction getPointClientRect(point: EventPoint): Rect {\n  const pointOffsetX =\n    point.width !== undefined ? point.width / 2 : point.radiusX;\n  const pointOffsetY =\n    point.height !== undefined ? point.height / 2 : point.radiusY;\n  const offsetX = pointOffsetX || 0;\n  const offsetY = pointOffsetY || 0;\n\n  return {\n    top: point.clientY - offsetY,\n    right: point.clientX + offsetX,\n    bottom: point.clientY + offsetY,\n    left: point.clientX - offsetX,\n  };\n}\n\nfunction areRectanglesOverlapping(a: Rect, b: Rect) {\n  // check if they cannot overlap on x axis\n  if (a.left > b.right || b.left > a.right) {\n    return false;\n  }\n  // check if they cannot overlap on y axis\n  if (a.top > b.bottom || b.top > a.bottom) {\n    return false;\n  }\n  return true;\n}\n\nfunction isOverTarget(point: EventPoint, target: Element) {\n  const rect = target.getBoundingClientRect();\n  const pointRect = getPointClientRect(point);\n  return areRectanglesOverlapping(rect, pointRect);\n}\n// #endregion Utility functions\n\n/**\n * This hook is largely inspired by https://github.com/adobe/react-spectrum/blob/2a1c28b8370f4a19e4bdb92e0daf14d07990f27a/packages/%40react-aria/interactions/src/usePress.ts\n * It handles mouse, touch, keyboard events, as well as screen readers.\n * It internally manages the state of the press interaction, such as detecting when the button is pressed and released.\n * An interaction starts when the user presses down with a mouse or their finger on the target, and ends when they move the pointer off the target.\n * If the pointer is released over the target, then the onPress callback is triggered, unless isDisabled is true.\n * More information about its features: https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/interactions/docs/usePress.mdx\n * @deprecated Will be removed.\n * @internal\n */\nexport function usePress(props: PressProps): PressEventResult {\n  const { onPress, isDisabled } = props;\n\n  const propsRef = useRef<PressProps>({\n    onPress,\n    isDisabled,\n  });\n\n  // Update propsRef\n  useEffect(() => {\n    propsRef.current = {\n      onPress,\n      isDisabled,\n    };\n  }, [isDisabled, onPress]);\n\n  const pressStateRef = useRef<PressState>({\n    isPressed: false,\n    ignoreEmulatedMouseEvents: false,\n    ignoreClickAfterPress: false,\n    didFirePressStart: false,\n    activePointerId: null,\n    target: null,\n    isOverTarget: false,\n    pointerType: null,\n  });\n\n  const { addGlobalListener, removeAllGlobalListeners } = useGlobalListeners();\n\n  const pressProps = useMemo(() => {\n    const state = pressStateRef.current;\n    let stateTarget = state.target as FocusableElement;\n\n    const triggerPressStart = () => {\n      const { isDisabled } = propsRef.current;\n      if (isDisabled || state.didFirePressStart) {\n        return;\n      }\n\n      state.didFirePressStart = true;\n    };\n\n    const triggerPressEnd = (wasPressed = true) => {\n      const { onPress, isDisabled } = propsRef.current;\n      if (!state.didFirePressStart) {\n        return;\n      }\n\n      state.ignoreClickAfterPress = true;\n      state.didFirePressStart = false;\n\n      if (onPress && wasPressed && !isDisabled) {\n        onPress();\n      }\n    };\n\n    const triggerPressUp = () => {\n      const { isDisabled } = propsRef.current;\n      if (isDisabled) {\n        return;\n      }\n    };\n\n    const cancel = () => {\n      if (state.isPressed) {\n        if (state.isOverTarget) {\n          triggerPressEnd(false);\n        }\n        state.isPressed = false;\n        state.isOverTarget = false;\n        state.activePointerId = null;\n        state.pointerType = null;\n        removeAllGlobalListeners();\n        restoreTextSelection(stateTarget);\n      }\n    };\n\n    const pressProps: PressEventResult['pressProps'] = {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      onKeyDown(e: any) {\n        // Skip press handling when modifier keys are held.\n        if (e.metaKey || e.ctrlKey || e.altKey) {\n          return;\n        }\n\n        const currentTarget = e.currentTarget as FocusableElement;\n        if (\n          isValidKeyboardEvent(e.nativeEvent, currentTarget) &&\n          isValidKeyboardEvent(e, currentTarget) &&\n          currentTarget.contains(e.target as Element)\n        ) {\n          if (shouldPreventDefaultKeyboard(e.target as Element, e.key)) {\n            e.preventDefault();\n          }\n          e.stopPropagation();\n\n          // If the event is repeating, it may have started on a different element\n          // after which focus moved to the current element. Ignore these events and\n          // only handle the first key down event.\n          if (!state.isPressed && !e.repeat) {\n            state.target = e.currentTarget as FocusableElement;\n            stateTarget = state.target;\n            state.isPressed = true;\n            state.pointerType = 'keyboard';\n            triggerPressStart();\n\n            // Focus may move before the key up event, so register the event on the document\n            // instead of the same element where the key down event occurred.\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            addGlobalListener(document, 'keyup', onKeyUp as any, false);\n          }\n        } else if (e.key === 'Enter' && isHTMLAnchorLink(e.currentTarget)) {\n          // If the target is a link, we won't have handled this above because we want the default\n          // browser behavior to open the link when pressing Enter. But we still need to prevent\n          // default so that elements above do not also handle it (e.g. table row).\n          e.stopPropagation();\n        }\n      },\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      onKeyUp(e: any) {\n        const currentTarget = e.currentTarget as FocusableElement;\n\n        if (\n          isValidKeyboardEvent(e.nativeEvent, currentTarget) &&\n          !e.repeat &&\n          currentTarget.contains(e.target as Element)\n        ) {\n          triggerPressUp();\n        }\n      },\n      onClick(e: MouseEvent) {\n        const currentTarget = e.currentTarget as FocusableElement;\n\n        if (e && !currentTarget.contains(e.target as Element)) {\n          return;\n        }\n\n        if (e && e.button === 0) {\n          e.stopPropagation();\n          if (isDisabled) {\n            e.preventDefault();\n          }\n\n          // If triggered from a screen reader or by using element.click(),\n          // trigger as if it were a keyboard click.\n          if (\n            !state.ignoreClickAfterPress &&\n            !state.ignoreEmulatedMouseEvents &&\n            (state.pointerType === 'virtual' || isVirtualClick(e.nativeEvent))\n          ) {\n            if (!isDisabled) {\n              focusWithoutScrolling(currentTarget);\n            }\n\n            triggerPressStart();\n            triggerPressUp();\n            triggerPressEnd();\n          }\n\n          state.ignoreEmulatedMouseEvents = false;\n          state.ignoreClickAfterPress = false;\n        }\n      },\n    };\n\n    const onKeyUp = (e: KeyboardEvent) => {\n      if (state.isPressed && isValidKeyboardEvent(e, stateTarget)) {\n        if (shouldPreventDefaultKeyboard(e.target as Element, e.key)) {\n          e.preventDefault();\n        }\n        e.stopPropagation();\n\n        state.isPressed = false;\n        const target = e.target as Element;\n        triggerPressEnd(stateTarget.contains(target));\n        removeAllGlobalListeners();\n\n        // If the target is a link, trigger the click method to open the URL,\n        // but defer triggering pressEnd until onClick event handler.\n        if (\n          state.target instanceof HTMLElement &&\n          state.target.contains(target) &&\n          (isHTMLAnchorLink(state.target) ||\n            state.target.getAttribute('role') === 'link')\n        ) {\n          state.target.click();\n        }\n      }\n    };\n\n    pressProps.onPointerDown = (e) => {\n      // Only handle left clicks, and ignore events that bubbled through portals.\n      if (e.button !== 0 || !e.currentTarget.contains(e.target as Element)) {\n        return;\n      }\n\n      // iOS safari fires pointer events from VoiceOver with incorrect coordinates/target.\n      // Ignore and let the onClick handler take care of it instead.\n      // https://bugs.webkit.org/show_bug.cgi?id=222627\n      // https://bugs.webkit.org/show_bug.cgi?id=223202\n      if (isVirtualPointerEvent(e.nativeEvent)) {\n        state.pointerType = 'virtual';\n        return;\n      }\n\n      // Due to browser inconsistencies, especially on mobile browsers, we prevent\n      // default on pointer down and handle focusing the pressable element ourselves.\n      if (shouldPreventDefault(e.currentTarget as Element)) {\n        e.preventDefault();\n      }\n\n      state.pointerType = e.pointerType;\n\n      if (!state.isPressed) {\n        const currentTarget = e.currentTarget as FocusableElement;\n\n        state.isPressed = true;\n        state.isOverTarget = true;\n        state.activePointerId = e.pointerId;\n        state.target = currentTarget;\n        stateTarget = state.target;\n\n        if (!isDisabled) {\n          focusWithoutScrolling(currentTarget);\n        }\n\n        disableTextSelection(stateTarget);\n        triggerPressStart();\n\n        addGlobalListener(document, 'pointerup', onPointerUp, false);\n        addGlobalListener(\n          document,\n          'pointercancel',\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          onPointerCancel as any,\n          false,\n        );\n      }\n    };\n\n    pressProps.onMouseDown = (e) => {\n      if (!e.currentTarget.contains(e.target as Element)) {\n        return;\n      }\n\n      if (e.button === 0) {\n        // Chrome and Firefox on touch Windows devices require mouse down events\n        // to be canceled in addition to pointer events, or an extra asynchronous\n        // focus event will be fired.\n        if (shouldPreventDefault(e.currentTarget as Element)) {\n          e.preventDefault();\n        }\n\n        e.stopPropagation();\n      }\n    };\n\n    pressProps.onPointerUp = (e) => {\n      // iOS fires pointerup with zero width and height, so check the pointerType recorded during pointerdown.\n      if (\n        !e.currentTarget.contains(e.target as Element) ||\n        state.pointerType === 'virtual'\n      ) {\n        return;\n      }\n\n      // Only handle left clicks\n      // Safari on iOS sometimes fires pointerup events, even\n      // when the touch isn't over the target, so double check.\n      if (e.button === 0 && isOverTarget(e, e.currentTarget)) {\n        triggerPressUp();\n      }\n    };\n\n    const onPointerUp = (e: PointerEvent) => {\n      if (\n        e.pointerId === state.activePointerId &&\n        state.isPressed &&\n        e.button === 0\n      ) {\n        if (isOverTarget(e, stateTarget)) {\n          triggerPressEnd();\n        } else if (state.isOverTarget) {\n          triggerPressEnd(false);\n        }\n\n        state.isPressed = false;\n        state.isOverTarget = false;\n        state.activePointerId = null;\n        state.pointerType = null;\n        removeAllGlobalListeners();\n        restoreTextSelection(stateTarget);\n      }\n    };\n\n    const onPointerCancel = () => {\n      cancel();\n    };\n\n    pressProps.onDragStart = (e) => {\n      if (!e.currentTarget.contains(e.target as Element)) {\n        return;\n      }\n\n      // Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.\n      cancel();\n    };\n\n    return pressProps;\n  }, [addGlobalListener, isDisabled, removeAllGlobalListeners]);\n\n  return {\n    pressProps,\n  };\n}\n"],
+  "sourcesContent": ["import {\n  type KeyboardEvent,\n  type MouseEvent,\n  useEffect,\n  useMemo,\n  useRef,\n  type DOMAttributes,\n  useCallback,\n} from 'react';\n\nimport { focusWithoutScrolling } from '../../buttons/button/utils/focus-without-scrolling.js';\nimport {\n  isVirtualPointerEvent,\n  isVirtualClick,\n} from '../../buttons/button/utils/is-virtual-event.js';\nimport type { PointerType } from '../../core/types/pointer.js';\n\n// #region Types\ninterface FocusableElement extends Element, HTMLOrSVGElement {}\n\ninterface GlobalListeners {\n  addGlobalListener<K extends keyof DocumentEventMap>(\n    el: EventTarget,\n    type: K,\n    // oxlint-disable-next-line typescript/no-explicit-any\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions,\n  ): void;\n  addGlobalListener(\n    el: EventTarget,\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ): void;\n  removeAllGlobalListeners(): void;\n}\n\ninterface PressEventResult {\n  /** Props to spread on the target element. */\n  pressProps: Pick<\n    DOMAttributes<Element & HTMLOrSVGElement>,\n    | 'onKeyDown'\n    | 'onKeyUp'\n    | 'onClick'\n    | 'onMouseDown'\n    | 'onPointerDown'\n    | 'onPointerUp'\n    | 'onDragStart'\n  >;\n}\n\ninterface PressState {\n  isPressed: boolean;\n  ignoreEmulatedMouseEvents: boolean;\n  ignoreClickAfterPress: boolean;\n  didFirePressStart: boolean;\n  activePointerId: number | null;\n  target: FocusableElement | null;\n  isOverTarget: boolean;\n  pointerType: PointerType;\n}\n\ninterface Rect {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\ninterface EventPoint {\n  clientX: number;\n  clientY: number;\n  width?: number;\n  height?: number;\n  radiusX?: number;\n  radiusY?: number;\n}\n\n/**\n * @internal\n */\nexport interface PressProps {\n  /** Handler that is called when the press is released over the target. */\n  onPress?: () => void;\n  /** Whether the press events should be disabled. */\n  isDisabled?: boolean;\n}\n\n// #endregion Types\n\n// #region Utility functions\nconst modifiedElementMap = new WeakMap<Element, string>();\n\nfunction disableTextSelection(target?: Element) {\n  if (target instanceof HTMLElement || target instanceof SVGElement) {\n    // Store the target's original user-select and change to user-select: none\n    modifiedElementMap.set(target, target.style.userSelect);\n    target.style.userSelect = 'none';\n  }\n}\n\nfunction restoreTextSelection(target?: Element) {\n  if (target instanceof HTMLElement || target instanceof SVGElement) {\n    // If not iOS, restore the target's original user-select if any\n    // Ignore state since it doesn't apply for non iOS\n    if (target && modifiedElementMap.has(target)) {\n      const targetOldUserSelect = modifiedElementMap.get(target);\n\n      if (target.style.userSelect === 'none') {\n        target.style.userSelect = targetOldUserSelect as string;\n      }\n\n      if (target.getAttribute('style') === '') {\n        target.removeAttribute('style');\n      }\n      modifiedElementMap.delete(target);\n    }\n  }\n}\n\n// Code copied from react-aria\n// https://github.com/adobe/react-spectrum/blob/main/packages/@react-aria/interactions/src/usePress.ts\nconst nonTextInputTypes = new Set([\n  'checkbox',\n  'radio',\n  'range',\n  'color',\n  'file',\n  'image',\n  'button',\n  'submit',\n  'reset',\n]);\n\nfunction useGlobalListeners(): GlobalListeners {\n  const globalListeners = useRef(new Map());\n  const addGlobalListener = useCallback(\n    (\n      eventTarget: HTMLElement,\n      type: string,\n      listener: EventListenerOrEventListenerObject,\n      options: boolean | AddEventListenerOptions | undefined,\n    ) => {\n      // Make sure we remove the listener after it is called with the `once` option.\n      const fn = (options as AddEventListenerOptions)?.once\n        ? // oxlint-disable-next-line typescript/no-explicit-any\n          (...args: any) => {\n            globalListeners.current.delete(listener);\n            (listener as EventListener)({ ...args });\n          }\n        : listener;\n      globalListeners.current.set(listener, { type, eventTarget, fn, options });\n      eventTarget.addEventListener(type, listener, options);\n    },\n    [],\n  );\n  const removeGlobalListener = useCallback(\n    (\n      eventTarget: HTMLElement,\n      type: string,\n      listener: EventListenerOrEventListenerObject,\n      options: boolean | AddEventListenerOptions | undefined,\n    ) => {\n      const fn = globalListeners.current.get(listener)?.fn || listener;\n      eventTarget.removeEventListener(type, fn, options);\n      globalListeners.current.delete(listener);\n    },\n    [],\n  );\n  const removeAllGlobalListeners = useCallback(() => {\n    globalListeners.current.forEach((value, key) => {\n      removeGlobalListener(value.eventTarget, value.type, key, value.options);\n    });\n  }, [removeGlobalListener]);\n\n  useEffect(() => {\n    return removeAllGlobalListeners;\n  }, [removeAllGlobalListeners]);\n\n  return { addGlobalListener, removeAllGlobalListeners };\n}\n\nfunction isValidInputKey(target: HTMLInputElement, key: string) {\n  // Only space should toggle checkboxes and radios, not enter.\n  return target.type === 'checkbox' || target.type === 'radio'\n    ? key === ' '\n    : nonTextInputTypes.has(target.type);\n}\n\nfunction isHTMLAnchorLink(target: Element): boolean {\n  return target.tagName === 'A' && target.hasAttribute('href');\n}\n\nfunction isValidKeyboardEvent(\n  event: KeyboardEvent,\n  currentTarget: Element,\n): boolean {\n  const { key, code } = event;\n  const element = currentTarget as HTMLElement;\n  const role = element.getAttribute('role');\n  // Accessibility for keyboards. Space and Enter only.\n  return (\n    (key === 'Enter' || key === ' ' || code === 'Space') &&\n    !(\n      (element instanceof HTMLInputElement && !isValidInputKey(element, key)) ||\n      element instanceof HTMLTextAreaElement ||\n      element.isContentEditable\n    ) &&\n    // A link with a valid href should be handled natively,\n    // unless it also has role='button' and was triggered using Space.\n    (!isHTMLAnchorLink(element) || (role === 'button' && key !== 'Enter')) &&\n    // An element with role='link' should only trigger with Enter key\n    !(role === 'link' && key !== 'Enter')\n  );\n}\n\nfunction shouldPreventDefault(target: Element) {\n  // We cannot prevent default if the target is a draggable element.\n  return !(target instanceof HTMLElement) || !target.draggable;\n}\n\nfunction shouldPreventDefaultKeyboard(target: Element, key: string) {\n  if (target instanceof HTMLInputElement) {\n    return !isValidInputKey(target, key);\n  }\n\n  if (target instanceof HTMLButtonElement) {\n    return target.type !== 'submit';\n  }\n\n  return true;\n}\n\nfunction getPointClientRect(point: EventPoint): Rect {\n  const pointOffsetX =\n    point.width !== undefined ? point.width / 2 : point.radiusX;\n  const pointOffsetY =\n    point.height !== undefined ? point.height / 2 : point.radiusY;\n  const offsetX = pointOffsetX || 0;\n  const offsetY = pointOffsetY || 0;\n\n  return {\n    top: point.clientY - offsetY,\n    right: point.clientX + offsetX,\n    bottom: point.clientY + offsetY,\n    left: point.clientX - offsetX,\n  };\n}\n\nfunction areRectanglesOverlapping(a: Rect, b: Rect) {\n  // check if they cannot overlap on x axis\n  if (a.left > b.right || b.left > a.right) {\n    return false;\n  }\n  // check if they cannot overlap on y axis\n  if (a.top > b.bottom || b.top > a.bottom) {\n    return false;\n  }\n  return true;\n}\n\nfunction isOverTarget(point: EventPoint, target: Element) {\n  const rect = target.getBoundingClientRect();\n  const pointRect = getPointClientRect(point);\n  return areRectanglesOverlapping(rect, pointRect);\n}\n// #endregion Utility functions\n\n/**\n * This hook is largely inspired by https://github.com/adobe/react-spectrum/blob/2a1c28b8370f4a19e4bdb92e0daf14d07990f27a/packages/%40react-aria/interactions/src/usePress.ts\n * It handles mouse, touch, keyboard events, as well as screen readers.\n * It internally manages the state of the press interaction, such as detecting when the button is pressed and released.\n * An interaction starts when the user presses down with a mouse or their finger on the target, and ends when they move the pointer off the target.\n * If the pointer is released over the target, then the onPress callback is triggered, unless isDisabled is true.\n * More information about its features: https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/interactions/docs/usePress.mdx\n * @deprecated Will be removed.\n * @internal\n */\nexport function usePress(props: PressProps): PressEventResult {\n  const { onPress, isDisabled } = props;\n\n  const propsRef = useRef<PressProps>({\n    onPress,\n    isDisabled,\n  });\n\n  // Update propsRef\n  useEffect(() => {\n    propsRef.current = {\n      onPress,\n      isDisabled,\n    };\n  }, [isDisabled, onPress]);\n\n  const pressStateRef = useRef<PressState>({\n    isPressed: false,\n    ignoreEmulatedMouseEvents: false,\n    ignoreClickAfterPress: false,\n    didFirePressStart: false,\n    activePointerId: null,\n    target: null,\n    isOverTarget: false,\n    pointerType: null,\n  });\n\n  const { addGlobalListener, removeAllGlobalListeners } = useGlobalListeners();\n\n  const pressProps = useMemo(() => {\n    const state = pressStateRef.current;\n    let stateTarget = state.target as FocusableElement;\n\n    const triggerPressStart = () => {\n      const { isDisabled } = propsRef.current;\n      if (isDisabled || state.didFirePressStart) {\n        return;\n      }\n\n      state.didFirePressStart = true;\n    };\n\n    const triggerPressEnd = (wasPressed = true) => {\n      const { onPress, isDisabled } = propsRef.current;\n      if (!state.didFirePressStart) {\n        return;\n      }\n\n      state.ignoreClickAfterPress = true;\n      state.didFirePressStart = false;\n\n      if (onPress && wasPressed && !isDisabled) {\n        onPress();\n      }\n    };\n\n    const triggerPressUp = () => {\n      const { isDisabled } = propsRef.current;\n      if (isDisabled) {\n        return;\n      }\n    };\n\n    const cancel = () => {\n      if (state.isPressed) {\n        if (state.isOverTarget) {\n          triggerPressEnd(false);\n        }\n        state.isPressed = false;\n        state.isOverTarget = false;\n        state.activePointerId = null;\n        state.pointerType = null;\n        removeAllGlobalListeners();\n        restoreTextSelection(stateTarget);\n      }\n    };\n\n    const pressProps: PressEventResult['pressProps'] = {\n      // oxlint-disable-next-line typescript/no-explicit-any\n      onKeyDown(e: any) {\n        // Skip press handling when modifier keys are held.\n        if (e.metaKey || e.ctrlKey || e.altKey) {\n          return;\n        }\n\n        const currentTarget = e.currentTarget as FocusableElement;\n        if (\n          isValidKeyboardEvent(e.nativeEvent, currentTarget) &&\n          isValidKeyboardEvent(e, currentTarget) &&\n          currentTarget.contains(e.target as Element)\n        ) {\n          if (shouldPreventDefaultKeyboard(e.target as Element, e.key)) {\n            e.preventDefault();\n          }\n          e.stopPropagation();\n\n          // If the event is repeating, it may have started on a different element\n          // after which focus moved to the current element. Ignore these events and\n          // only handle the first key down event.\n          if (!state.isPressed && !e.repeat) {\n            state.target = e.currentTarget as FocusableElement;\n            stateTarget = state.target;\n            state.isPressed = true;\n            state.pointerType = 'keyboard';\n            triggerPressStart();\n\n            // Focus may move before the key up event, so register the event on the document\n            // instead of the same element where the key down event occurred.\n            // oxlint-disable-next-line typescript/no-explicit-any\n            addGlobalListener(document, 'keyup', onKeyUp as any, false);\n          }\n        } else if (e.key === 'Enter' && isHTMLAnchorLink(e.currentTarget)) {\n          // If the target is a link, we won't have handled this above because we want the default\n          // browser behavior to open the link when pressing Enter. But we still need to prevent\n          // default so that elements above do not also handle it (e.g. table row).\n          e.stopPropagation();\n        }\n      },\n      // oxlint-disable-next-line typescript/no-explicit-any\n      onKeyUp(e: any) {\n        const currentTarget = e.currentTarget as FocusableElement;\n\n        if (\n          isValidKeyboardEvent(e.nativeEvent, currentTarget) &&\n          !e.repeat &&\n          currentTarget.contains(e.target as Element)\n        ) {\n          triggerPressUp();\n        }\n      },\n      onClick(e: MouseEvent) {\n        const currentTarget = e.currentTarget as FocusableElement;\n\n        if (e && !currentTarget.contains(e.target as Element)) {\n          return;\n        }\n\n        if (e && e.button === 0) {\n          e.stopPropagation();\n          if (isDisabled) {\n            e.preventDefault();\n          }\n\n          // If triggered from a screen reader or by using element.click(),\n          // trigger as if it were a keyboard click.\n          if (\n            !state.ignoreClickAfterPress &&\n            !state.ignoreEmulatedMouseEvents &&\n            (state.pointerType === 'virtual' || isVirtualClick(e.nativeEvent))\n          ) {\n            if (!isDisabled) {\n              focusWithoutScrolling(currentTarget);\n            }\n\n            triggerPressStart();\n            triggerPressUp();\n            triggerPressEnd();\n          }\n\n          state.ignoreEmulatedMouseEvents = false;\n          state.ignoreClickAfterPress = false;\n        }\n      },\n    };\n\n    const onKeyUp = (e: KeyboardEvent) => {\n      if (state.isPressed && isValidKeyboardEvent(e, stateTarget)) {\n        if (shouldPreventDefaultKeyboard(e.target as Element, e.key)) {\n          e.preventDefault();\n        }\n        e.stopPropagation();\n\n        state.isPressed = false;\n        const target = e.target as Element;\n        triggerPressEnd(stateTarget.contains(target));\n        removeAllGlobalListeners();\n\n        // If the target is a link, trigger the click method to open the URL,\n        // but defer triggering pressEnd until onClick event handler.\n        if (\n          state.target instanceof HTMLElement &&\n          state.target.contains(target) &&\n          (isHTMLAnchorLink(state.target) ||\n            state.target.getAttribute('role') === 'link')\n        ) {\n          state.target.click();\n        }\n      }\n    };\n\n    pressProps.onPointerDown = (e) => {\n      // Only handle left clicks, and ignore events that bubbled through portals.\n      if (e.button !== 0 || !e.currentTarget.contains(e.target as Element)) {\n        return;\n      }\n\n      // iOS safari fires pointer events from VoiceOver with incorrect coordinates/target.\n      // Ignore and let the onClick handler take care of it instead.\n      // https://bugs.webkit.org/show_bug.cgi?id=222627\n      // https://bugs.webkit.org/show_bug.cgi?id=223202\n      if (isVirtualPointerEvent(e.nativeEvent)) {\n        state.pointerType = 'virtual';\n        return;\n      }\n\n      // Due to browser inconsistencies, especially on mobile browsers, we prevent\n      // default on pointer down and handle focusing the pressable element ourselves.\n      if (shouldPreventDefault(e.currentTarget as Element)) {\n        e.preventDefault();\n      }\n\n      state.pointerType = e.pointerType;\n\n      if (!state.isPressed) {\n        const currentTarget = e.currentTarget as FocusableElement;\n\n        state.isPressed = true;\n        state.isOverTarget = true;\n        state.activePointerId = e.pointerId;\n        state.target = currentTarget;\n        stateTarget = state.target;\n\n        if (!isDisabled) {\n          focusWithoutScrolling(currentTarget);\n        }\n\n        disableTextSelection(stateTarget);\n        triggerPressStart();\n\n        addGlobalListener(document, 'pointerup', onPointerUp, false);\n        addGlobalListener(\n          document,\n          'pointercancel',\n          // oxlint-disable-next-line typescript/no-explicit-any\n          onPointerCancel as any,\n          false,\n        );\n      }\n    };\n\n    pressProps.onMouseDown = (e) => {\n      if (!e.currentTarget.contains(e.target as Element)) {\n        return;\n      }\n\n      if (e.button === 0) {\n        // Chrome and Firefox on touch Windows devices require mouse down events\n        // to be canceled in addition to pointer events, or an extra asynchronous\n        // focus event will be fired.\n        if (shouldPreventDefault(e.currentTarget as Element)) {\n          e.preventDefault();\n        }\n\n        e.stopPropagation();\n      }\n    };\n\n    pressProps.onPointerUp = (e) => {\n      // iOS fires pointerup with zero width and height, so check the pointerType recorded during pointerdown.\n      if (\n        !e.currentTarget.contains(e.target as Element) ||\n        state.pointerType === 'virtual'\n      ) {\n        return;\n      }\n\n      // Only handle left clicks\n      // Safari on iOS sometimes fires pointerup events, even\n      // when the touch isn't over the target, so double check.\n      if (e.button === 0 && isOverTarget(e, e.currentTarget)) {\n        triggerPressUp();\n      }\n    };\n\n    const onPointerUp = (e: PointerEvent) => {\n      if (\n        e.pointerId === state.activePointerId &&\n        state.isPressed &&\n        e.button === 0\n      ) {\n        if (isOverTarget(e, stateTarget)) {\n          triggerPressEnd();\n        } else if (state.isOverTarget) {\n          triggerPressEnd(false);\n        }\n\n        state.isPressed = false;\n        state.isOverTarget = false;\n        state.activePointerId = null;\n        state.pointerType = null;\n        removeAllGlobalListeners();\n        restoreTextSelection(stateTarget);\n      }\n    };\n\n    const onPointerCancel = () => {\n      cancel();\n    };\n\n    pressProps.onDragStart = (e) => {\n      if (!e.currentTarget.contains(e.target as Element)) {\n        return;\n      }\n\n      // Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.\n      cancel();\n    };\n\n    return pressProps;\n  }, [addGlobalListener, isDisabled, removeAllGlobalListeners]);\n\n  return {\n    pressProps,\n  };\n}\n"],
   "mappings": "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",
   "names": ["isDisabled", "onPress", "pressProps"]
 }

package/esm/overlays/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/overlays/index.ts"],
-  "sourcesContent": ["export { Drawer as _Drawer } from './drawer/Drawer.js';\nexport type { DrawerProps as _DrawerProps } from './drawer/Drawer.js';\n\nexport { useDialog as _useDialog } from './hooks/useDialog.js';\nexport type {\n  AriaDialogProps as _AriaDialogProps,\n  DialogAria as _DialogAria,\n} from './hooks/useDialog.js';\nexport {\n  DismissButton,\n  useOverlay as _useOverlay,\n} from './hooks/useOverlay.js';\nexport type {\n  DismissButtonProps,\n  OverlayAria,\n  OverlayTriggerState,\n  UseOverlayProps as _UseOverlayProps,\n} from './hooks/useOverlay.js';\nexport { useOverlayWithTrigger } from './hooks/useOverlayWithTrigger.js';\nexport type {\n  ModalAriaProps,\n  OverlayPlacement,\n  OverlayProps,\n  OverlayRefs,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  OverlayTriggerProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  OverlayWithTriggerProps,\n  OverlayWithTriggerReturnType,\n  TriggerProps,\n  UseOverlayWithTriggerBaseProps,\n  UseOverlayWithTriggerControlledProps,\n  UseOverlayWithTriggerProps,\n  UseOverlayWithTriggerUncontrolledProps,\n} from './hooks/useOverlayWithTrigger.js';\nexport type {\n  HeightStrategy,\n  OverlaySizeStrategyRange,\n  WidthStrategy,\n} from './types/sizing.types.js';\nexport { useTooltipState as _useTooltipState } from './hooks/useTooltipState.js';\nexport type { TooltipStateProps as _TooltipStateProps } from './hooks/useTooltipState.js';\nexport type { BaseModalProps } from './modal/BaseModal.js';\nexport { Modal } from './modal/Modal.js';\nexport type { ModalProps } from './modal/Modal.js';\nexport type { ModalSizeOptionsType } from './modal/types.js';\nexport { Overlay } from './overlay/Overlay.js';\nexport type { OverlayComponentProps } from './overlay/Overlay.js';\nexport { Sheet } from './sheet/Sheet.js';\nexport type { SheetProps } from './sheet/Sheet.js';\nexport { Tooltip } from './tooltip/Tooltip.js';\nexport type {\n  TooltipBaseProps,\n  TooltipProps,\n} from './tooltip/tooltip.types.js';\nexport { basePlacements } from './types/placement.js';\nexport type { basePlacementsType } from './types/placement.js';\n"],
+  "sourcesContent": ["export { Drawer as _Drawer } from './drawer/Drawer.js';\nexport type { DrawerProps as _DrawerProps } from './drawer/Drawer.js';\n\nexport { useDialog as _useDialog } from './hooks/useDialog.js';\nexport type {\n  AriaDialogProps as _AriaDialogProps,\n  DialogAria as _DialogAria,\n} from './hooks/useDialog.js';\nexport {\n  DismissButton,\n  useOverlay as _useOverlay,\n} from './hooks/useOverlay.js';\nexport type {\n  DismissButtonProps,\n  OverlayAria,\n  OverlayTriggerState,\n  UseOverlayProps as _UseOverlayProps,\n} from './hooks/useOverlay.js';\nexport { useOverlayWithTrigger } from './hooks/useOverlayWithTrigger.js';\nexport type {\n  ModalAriaProps,\n  OverlayPlacement,\n  OverlayProps,\n  OverlayRefs,\n  // oxlint-disable-next-line typescript/no-deprecated\n  OverlayTriggerProps,\n  // oxlint-disable-next-line typescript/no-deprecated\n  OverlayWithTriggerProps,\n  OverlayWithTriggerReturnType,\n  TriggerProps,\n  UseOverlayWithTriggerBaseProps,\n  UseOverlayWithTriggerControlledProps,\n  UseOverlayWithTriggerProps,\n  UseOverlayWithTriggerUncontrolledProps,\n} from './hooks/useOverlayWithTrigger.js';\nexport type {\n  HeightStrategy,\n  OverlaySizeStrategyRange,\n  WidthStrategy,\n} from './types/sizing.types.js';\nexport { useTooltipState as _useTooltipState } from './hooks/useTooltipState.js';\nexport type { TooltipStateProps as _TooltipStateProps } from './hooks/useTooltipState.js';\nexport type { BaseModalProps } from './modal/BaseModal.js';\nexport { Modal } from './modal/Modal.js';\nexport type { ModalProps } from './modal/Modal.js';\nexport type { ModalSizeOptionsType } from './modal/types.js';\nexport { Overlay } from './overlay/Overlay.js';\nexport type { OverlayComponentProps } from './overlay/Overlay.js';\nexport { Sheet } from './sheet/Sheet.js';\nexport type { SheetProps } from './sheet/Sheet.js';\nexport { Tooltip } from './tooltip/Tooltip.js';\nexport type {\n  TooltipBaseProps,\n  TooltipProps,\n} from './tooltip/tooltip.types.js';\nexport { basePlacements } from './types/placement.js';\nexport type { basePlacementsType } from './types/placement.js';\n"],
   "mappings": "AAAA,SAAmB,cAAe;AAGlC,SAAsB,iBAAkB;AAKxC;AAAA,EACE;AAAA,EACc;AAAA,OACT;AAOP,SAAS,6BAA6B;AAsBtC,SAA4B,uBAAwB;AAGpD,SAAS,aAAa;AAGtB,SAAS,eAAe;AAExB,SAAS,aAAa;AAEtB,SAAS,eAAe;AAKxB,SAAS,sBAAsB;",
   "names": []
 }

package/esm/overlays/modal/Modal.css

@@ -1,4 +1,4 @@
-._dmotjm0-3-12-2 {
+._dmotjm0-3-13-2 {
   box-sizing: border-box;
   position: relative;
   display: flex;
@@ -12,19 +12,19 @@
   overflow-y: auto;
   overscroll-behavior: contain;
 }
-._dmotjm1-3-12-2 {
+._dmotjm1-3-13-2 {
   max-width: 576px;
 }
-._dmotjm2-3-12-2 {
+._dmotjm2-3-13-2 {
   max-width: 768px;
 }
-._dmotjm3-3-12-2 {
+._dmotjm3-3-13-2 {
   max-width: 1280px;
 }
 body:has([data-modal-scroll-lock]) {
   overflow: hidden;
 }
-._dmotjm4-3-12-2 {
+._dmotjm4-3-13-2 {
   position: fixed;
   top: 0;
   left: 0;
@@ -37,32 +37,32 @@ body:has([data-modal-scroll-lock]) {
   opacity: var(--strato-modal-fade-opacity, 1);
   z-index: var(--dt-elevations-default, 1);
 }
-._dmotjm5-3-12-2 {
+._dmotjm5-3-13-2 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--dt-spacings-size-8, 8px);
   padding: var(--dt-spacings-size-16, 16px) var(--dt-spacings-size-16, 16px) var(--dt-spacings-size-8, 8px);
 }
-._dmotjm6-3-12-2 {
+._dmotjm6-3-13-2 {
   padding-top: 0;
   padding-bottom: 0;
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-16, 16px);
 }
-._dmotjm7-3-12-2 {
+._dmotjm7-3-13-2 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._dmotjm8-3-12-2 {
+._dmotjm8-3-13-2 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-24, 24px);
 }
-._dmotjm9-3-12-2 {
+._dmotjm9-3-13-2 {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
@@ -72,27 +72,27 @@ body:has([data-modal-scroll-lock]) {
   padding-right: var(--dt-spacings-size-16, 16px);
 }
 @supports not (height: 1dvh) {
-  ._dmotjm0-3-12-2 {
+  ._dmotjm0-3-13-2 {
     max-height: 96vh;
   }
 }
 @media screen and (min-width: 641px) {
-  ._dmotjm5-3-12-2 {
+  ._dmotjm5-3-13-2 {
     padding: var(--dt-spacings-size-16, 16px) var(--dt-spacings-size-24, 24px) var(--dt-spacings-size-8, 8px);
   }
-  ._dmotjm6-3-12-2 {
+  ._dmotjm6-3-13-2 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-24, 24px);
   }
-  ._dmotjm7-3-12-2 {
+  ._dmotjm7-3-13-2 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-24, 24px);
   }
-  ._dmotjm8-3-12-2 {
+  ._dmotjm8-3-13-2 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-24, 24px);
   }
-  ._dmotjm9-3-12-2 {
+  ._dmotjm9-3-13-2 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-24, 24px);
   }

package/esm/overlays/modal/Modal.sty.js

@@ -1,12 +1,12 @@
 import "./Modal.css";
-var backdrop = "_dmotjm4-3-12-2";
+var backdrop = "_dmotjm4-3-13-2";
 var backdropOpacityVar = "--strato-modal-fade-opacity";
-var base = "_dmotjm0-3-12-2";
-var content = { withFooter: "_dmotjm7-3-12-2", withoutFooter: "_dmotjm8-3-12-2" };
-var dividerWrapper = "_dmotjm6-3-12-2";
-var footerSection = "_dmotjm9-3-12-2";
-var header = "_dmotjm5-3-12-2";
-var sizes = { small: "_dmotjm1-3-12-2", medium: "_dmotjm2-3-12-2", large: "_dmotjm3-3-12-2" };
+var base = "_dmotjm0-3-13-2";
+var content = { withFooter: "_dmotjm7-3-13-2", withoutFooter: "_dmotjm8-3-13-2" };
+var dividerWrapper = "_dmotjm6-3-13-2";
+var footerSection = "_dmotjm9-3-13-2";
+var header = "_dmotjm5-3-13-2";
+var sizes = { small: "_dmotjm1-3-13-2", medium: "_dmotjm2-3-13-2", large: "_dmotjm3-3-13-2" };
 export {
   backdrop,
   backdropOpacityVar,

package/esm/overlays/modal/Modal.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/modal/Modal.css.ts"],
-  "sourcesContent": ["import './Modal.css';\nexport var backdrop = '_dmotjm4-3-12-2';\nexport var backdropOpacityVar = '--strato-modal-fade-opacity';\nexport var base = '_dmotjm0-3-12-2';\nexport var content = {withFooter:'_dmotjm7-3-12-2',withoutFooter:'_dmotjm8-3-12-2'};\nexport var dividerWrapper = '_dmotjm6-3-12-2';\nexport var footerSection = '_dmotjm9-3-12-2';\nexport var header = '_dmotjm5-3-12-2';\nexport var sizes = {small:'_dmotjm1-3-12-2',medium:'_dmotjm2-3-12-2',large:'_dmotjm3-3-12-2'};"],
+  "sourcesContent": ["import './Modal.css';\nexport var backdrop = '_dmotjm4-3-13-2';\nexport var backdropOpacityVar = '--strato-modal-fade-opacity';\nexport var base = '_dmotjm0-3-13-2';\nexport var content = {withFooter:'_dmotjm7-3-13-2',withoutFooter:'_dmotjm8-3-13-2'};\nexport var dividerWrapper = '_dmotjm6-3-13-2';\nexport var footerSection = '_dmotjm9-3-13-2';\nexport var header = '_dmotjm5-3-13-2';\nexport var sizes = {small:'_dmotjm1-3-13-2',medium:'_dmotjm2-3-13-2',large:'_dmotjm3-3-13-2'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,qBAAqB;AACzB,IAAI,OAAO;AACX,IAAI,UAAU,EAAC,YAAW,mBAAkB,eAAc,kBAAiB;AAC3E,IAAI,iBAAiB;AACrB,IAAI,gBAAgB;AACpB,IAAI,SAAS;AACb,IAAI,QAAQ,EAAC,OAAM,mBAAkB,QAAO,mBAAkB,OAAM,kBAAiB;",
   "names": []
 }

package/esm/overlays/overlay/Overlay.css

@@ -1,4 +1,4 @@
-._1dhu6810-3-12-2 {
+._1dhu6810-3-13-2 {
   background: var(--dt-colors-background-surface-default, #fff);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);

package/esm/overlays/overlay/Overlay.sty.js

@@ -1,5 +1,5 @@
 import "./Overlay.css";
-var overlayCSS = "_1dhu6810-3-12-2";
+var overlayCSS = "_1dhu6810-3-13-2";
 export {
   overlayCSS
 };

package/esm/overlays/overlay/Overlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/overlay/Overlay.css.ts"],
-  "sourcesContent": ["import './Overlay.css';\nexport var overlayCSS = '_1dhu6810-3-12-2';"],
+  "sourcesContent": ["import './Overlay.css';\nexport var overlayCSS = '_1dhu6810-3-13-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

package/esm/overlays/sheet/Sheet.css

@@ -1,4 +1,4 @@
-._d76u1n0-3-12-2 {
+._d76u1n0-3-13-2 {
   width: 100%;
   display: flex;
   justify-content: center;
@@ -7,7 +7,7 @@
   position: relative;
   z-index: var(--dt-elevations-default, 1);
 }
-._d76u1n1-3-12-2 {
+._d76u1n1-3-13-2 {
   box-sizing: border-box;
   position: relative;
   display: flex;
@@ -25,16 +25,17 @@
   padding-bottom: var(--dt-spacings-size-16, 16px);
   margin-top: var(--dt-spacings-size-12, 12px);
 }
-._d76u1n1-3-12-2:after {
+._d76u1n1-3-13-2:after {
   content: "";
   display: block;
   padding-bottom: var(--dt-spacings-size-32, 32px);
 }
-._d76u1n2-3-12-2 {
+._d76u1n2-3-13-2 {
   overflow: auto;
+  outline: none;
   padding-right: var(--dt-spacings-size-12, 12px);
 }
-._d76u1n3-3-12-2 {
+._d76u1n3-3-13-2 {
   height: 100vh;
   position: fixed;
   top: 0;
@@ -43,12 +44,12 @@
   z-index: var(--dt-elevations-overlay, 20);
   background: var(--dt-colors-background-surface-backdrop, #f9f9facc);
 }
-._d76u1n4-3-12-2 {
+._d76u1n4-3-13-2 {
   word-break: normal;
   overflow-wrap: anywhere;
 }
 @media screen and (min-width: 641px) {
-  ._d76u1n1-3-12-2 {
+  ._d76u1n1-3-13-2 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-12, 12px);
   }

package/esm/overlays/sheet/Sheet.js

@@ -25,7 +25,7 @@ import { useOverlayStacking } from "../../core/hooks/useOverlayStacking.js";
 import { OverlayStackingProvider } from "../../core/providers/OverlayStackingProvider.js";
 import { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from "../../core/utils/can-receive-default-text-format.js";
 import { attemptFocus as _attemptFocus } from "../../core/utils/focus-management/attempt-focus.js";
-import { getFirstFocusableChild as _getFirstFocusableChild } from "../../core/utils/focus-management/get-first-focusable-child.js";
+import { getFirstTabbableChild as _getFirstTabbableChild } from "../../core/utils/focus-management/get-first-tabbable-child.js";
 import {
   fadeInEasing,
   fadeOutEasing,
@@ -131,11 +131,11 @@ const Sheet = /* @__PURE__ */ forwardRef(
     const actionScopeRef = useRef(null);
     const focusFirstChildElement = () => {
       if (childrenScopeRef.current && actionScopeRef.current) {
-        let firstFocusableChild = _getFirstFocusableChild(
+        let firstFocusableChild = _getFirstTabbableChild(
           childrenScopeRef.current
         );
         if (!firstFocusableChild) {
-          firstFocusableChild = _getFirstFocusableChild(actionScopeRef.current);
+          firstFocusableChild = _getFirstTabbableChild(actionScopeRef.current);
         }
         firstFocusableChild && _attemptFocus(firstFocusableChild);
       }
@@ -187,7 +187,7 @@ const Sheet = /* @__PURE__ */ forwardRef(
                       {
                         ..._mergeProps(overlayProps, dialogProps, {
                           style: breakpointStyle
-                          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                          // oxlint-disable-next-line typescript/no-explicit-any
                         }),
                         className: sheetCSS,
                         "data-ismodal": true,
@@ -206,6 +206,7 @@ const Sheet = /* @__PURE__ */ forwardRef(
                           motion.div,
                           {
                             className: sheetScrollableContainerCSS,
+                            tabIndex: -1,
                             style: { height: `calc(100% - ${topoffset}px)` },
                             variants: animationVariants.content,
                             initial: "exitFade",