@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/overlays/drawer/Drawer.css

@@ -1,4 +1,4 @@
-._14971970-3-12-2 {
+._14971970-3-13-0 {
   pointer-events: initial;
   position: absolute;
   height: 100vh;
@@ -11,40 +11,40 @@
   margin: 0;
   color: inherit;
 }
-._14971971-3-12-2 {
+._14971971-3-13-0 {
   left: 0;
   right: auto;
   border-radius: 0 var(--dt-borders-radius-surface-default, 12px) var(--dt-borders-radius-surface-default, 12px) 0;
 }
-._14971972-3-12-2 {
+._14971972-3-13-0 {
   left: auto;
   right: 0;
   border-radius: var(--dt-borders-radius-surface-default, 12px) 0 0 var(--dt-borders-radius-surface-default, 12px);
 }
-._14971973-3-12-2 {
+._14971973-3-13-0 {
   width: 25%;
   min-width: min(calc(100% - 64px), 320px);
 }
-._14971974-3-12-2 {
+._14971974-3-13-0 {
   width: 50%;
   min-width: min(calc(100% - 56px), 640px);
 }
-._14971975-3-12-2 {
+._14971975-3-13-0 {
   width: 75%;
   min-width: min(calc(100% - 48px), 960px);
 }
-._14971976-3-12-2 {
+._14971976-3-13-0 {
   width: 100%;
   border-radius: 0;
 }
-._14971977-3-12-2 {
+._14971977-3-13-0 {
   position: relative;
   width: 100vw;
   height: 100vh;
   overflow: hidden;
   z-index: var(--dt-elevations-default, 1);
 }
-._14971978-3-12-2 {
+._14971978-3-13-0 {
   width: 100%;
   height: 100%;
 }

package/esm/overlays/drawer/Drawer.sty.js

@@ -1,9 +1,9 @@
 import "./Drawer.css";
-var DrawerBackdropCSS = "_14971977-3-12-2";
-var DrawerCSS = "_14971970-3-12-2";
-var DrawerContentCSS = "_14971978-3-12-2";
-var DrawerPlacementCSS = { left: "_14971971-3-12-2", right: "_14971972-3-12-2" };
-var DrawerWidthStyles = { narrow: "_14971973-3-12-2", medium: "_14971974-3-12-2", wide: "_14971975-3-12-2", full: "_14971976-3-12-2" };
+var DrawerBackdropCSS = "_14971977-3-13-0";
+var DrawerCSS = "_14971970-3-13-0";
+var DrawerContentCSS = "_14971978-3-13-0";
+var DrawerPlacementCSS = { left: "_14971971-3-13-0", right: "_14971972-3-13-0" };
+var DrawerWidthStyles = { narrow: "_14971973-3-13-0", medium: "_14971974-3-13-0", wide: "_14971975-3-13-0", full: "_14971976-3-13-0" };
 export {
   DrawerBackdropCSS,
   DrawerCSS,

package/esm/overlays/drawer/Drawer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/drawer/Drawer.css.ts"],
-  "sourcesContent": ["import './Drawer.css';\nexport var DrawerBackdropCSS = '_14971977-3-12-2';\nexport var DrawerCSS = '_14971970-3-12-2';\nexport var DrawerContentCSS = '_14971978-3-12-2';\nexport var DrawerPlacementCSS = {left:'_14971971-3-12-2',right:'_14971972-3-12-2'};\nexport var DrawerWidthStyles = {narrow:'_14971973-3-12-2',medium:'_14971974-3-12-2',wide:'_14971975-3-12-2',full:'_14971976-3-12-2'};"],
+  "sourcesContent": ["import './Drawer.css';\nexport var DrawerBackdropCSS = '_14971977-3-13-0';\nexport var DrawerCSS = '_14971970-3-13-0';\nexport var DrawerContentCSS = '_14971978-3-13-0';\nexport var DrawerPlacementCSS = {left:'_14971971-3-13-0',right:'_14971972-3-13-0'};\nexport var DrawerWidthStyles = {narrow:'_14971973-3-13-0',medium:'_14971974-3-13-0',wide:'_14971975-3-13-0',full:'_14971976-3-13-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,qBAAqB,EAAC,MAAK,oBAAmB,OAAM,mBAAkB;AAC1E,IAAI,oBAAoB,EAAC,QAAO,oBAAmB,QAAO,oBAAmB,MAAK,oBAAmB,MAAK,mBAAkB;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/hooks/useOverlay.tsx"],
-  "sourcesContent": ["import {\n  type KeyboardEvent,\n  type RefObject,\n  type SyntheticEvent,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react';\n\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { OverlayStackingContext } from '../../core/contexts/OverlayStacking.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\n\n/**\n * @public\n */\nexport interface OverlayTriggerState {\n  /** Whether the overlay is currently open. */\n  readonly isOpen: boolean;\n  /** Opens the overlay. */\n  open(): void;\n  /** Closes the overlay. */\n  close(): void;\n  /** Toggles the overlay's visibility. */\n  toggle(): void;\n}\n\ninterface VisibleOverlayEntry {\n  ref: RefObject<HTMLElement | null>;\n  stackingLevel: number;\n  close: () => void;\n}\n\nconst visibleOverlays: VisibleOverlayEntry[] = [];\n\n// Attribute that @radix-ui/react-menu sets on every menu / submenu content node\n// (see the `data-radix-menu-content` literal in `MenuContentImpl`, currently\n// at @radix-ui/react-menu v2.1.16, `node_modules/@radix-ui/react-menu/dist/index.mjs`).\n// `isValidEvent` uses it to treat clicks inside a nested Radix menu as \"inside\"\n// so that the menu's own dismiss layer handles them \u2014 see APPDEV-16531 for the\n// double-outside-click bug that hits if this selector silently stops matching\n// after a Radix upgrade. If `pnpm why @radix-ui/react-menu` reports a new major,\n// re-verify that this attribute still exists.\nconst RADIX_MENU_CONTENT_SELECTOR = '[data-radix-menu-content]';\n\nconst overlayStackListeners = new Set<() => void>();\n\nfunction notifyOverlayStackListeners(): void {\n  overlayStackListeners.forEach((listener) => listener());\n}\n\n/**\n * Subscribe to changes in the `visibleOverlays` stack. The listener is\n * invoked whenever an overlay using `useOverlay` is pushed onto or removed\n * from the stack. Returns a function that unsubscribes the listener.\n *\n * Used by components that are not part of the `useOverlay` stack themselves\n * (e.g. Radix-backed Menus) but still need to react when something is layered\n * on top of them \u2014 so that, for example, opening a Modal from a Menu item\n * closes the underlying Menu before the user has to dismiss two layers.\n * @internal\n */\nexport function subscribeToOverlayStack(listener: () => void): () => void {\n  overlayStackListeners.add(listener);\n  return () => {\n    overlayStackListeners.delete(listener);\n  };\n}\n\n/**\n * Current size of the visible-overlay stack. Pair with `subscribeToOverlayStack`\n * to detect pushes/pops.\n * @internal\n */\nexport function getOverlayStackSize(): number {\n  return visibleOverlays.length;\n}\n\n/**\n * Close all overlays with a stacking level equal to or higher than the\n * provided level, defaulting to 0 (close all other overlays).\n * @internal\n */\nexport function closeAllOverlays(level: number = 0): void {\n  if (visibleOverlays.length === 0) {\n    return;\n  }\n\n  // Close overlays from top to bottom\n  for (let i = visibleOverlays.length - 1; i >= 0; i--) {\n    const overlay = visibleOverlays[i];\n\n    if (overlay.stackingLevel >= level) {\n      overlay.close();\n    } else {\n      break;\n    }\n  }\n}\n\n/**\n * @public\n */\nexport type OverlayAria = {\n  /** Props to apply to the overlay container element. */\n  overlayProps: {\n    onKeyDown?: (e: KeyboardEvent) => void;\n    onFocus?: (e: FocusEvent) => void;\n    onBlur?: (e: FocusEvent) => void;\n  };\n};\n\ntype FocusWithinResult = {\n  focusWithinProps: {\n    onFocus?: (e: FocusEvent) => void;\n    onBlur?: (e: FocusEvent) => void;\n  };\n};\n\n/** @internal */\nexport interface UseOverlayProps {\n  /** Whether the overlay is currently open. */\n  isOpen?: boolean;\n  /** Handler that is called when the overlay should close. */\n  onClose?: (reason: string) => void;\n  /**\n   * Whether to close the overlay when the user interacts outside it.\n   * Known Issue: If set to true, clicking on some other overlays (e.g. Microguide)\n   * also closes this overlay. The issue is irrelevant for smaller overlays that usually\n   * don't contain a clickable overlay but might need some extra handling for bigger ones (e.g. Sheet).\n   * @defaultValue false\n   */\n  isDismissible?: boolean;\n  /** Whether the overlay should close when focus is lost or moves outside it. */\n  shouldCloseOnBlur?: boolean;\n  /**\n   * Whether pressing the escape key to close the overlay should be disabled.\n   * @defaultValue false\n   */\n  isKeyboardDismissDisabled?: boolean;\n  /**\n   * When user interacts with the argument element outside of the overlay ref,\n   * return true if onClose should be called. This gives you a chance to filter\n   * out interaction with elements that should not dismiss the overlay.\n   * By default, onClose will always be called on interaction outside the overlay ref.\n   */\n  shouldCloseOnInteractOutside?: (element: HTMLElement) => boolean;\n}\n\ninterface OverlayTriggerProps {\n  /** Whether the overlay is open by default (controlled). */\n  isOpen?: boolean;\n  /** Whether the overlay is open by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Handler that is called when the overlay's open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * Provides the behavior for overlays such as dialogs, popovers, and menus.\n * Hides the overlay when the user interacts outside it, when the Escape key is pressed,\n * or optionally, on blur. Only the top-most overlay will close at once.\n * @internal\n */\nexport function useOverlay(\n  props: UseOverlayProps,\n  ref: RefObject<HTMLElement | null>,\n): OverlayAria {\n  const {\n    onClose,\n    shouldCloseOnBlur,\n    isOpen,\n    isDismissible = false,\n    isKeyboardDismissDisabled = false,\n    shouldCloseOnInteractOutside,\n  } = props;\n\n  const overlayStacking = useContext(OverlayStackingContext);\n  const hasPendingCloseRef = useRef(false);\n\n  // Store onClose in a ref so that changes to the callback don't re-trigger\n  // the visibleOverlays effect, which would disrupt the stack ordering.\n  const onCloseRef = useRef(onClose);\n  useEffect(() => {\n    onCloseRef.current = onClose;\n  }, [onClose]);\n\n  // Reset the close lock once the overlay is actually closed.\n  useEffect(() => {\n    if (!isOpen) {\n      hasPendingCloseRef.current = false;\n    }\n  }, [isOpen]);\n\n  const requestClose = useCallback(\n    (reason: string, onlyIfTopMost = true) => {\n      if (!onCloseRef.current || !isOpen || hasPendingCloseRef.current) {\n        return;\n      }\n\n      if (onlyIfTopMost) {\n        const topEntry = visibleOverlays[visibleOverlays.length - 1];\n        if (topEntry?.ref !== ref) {\n          return;\n        }\n      }\n\n      hasPendingCloseRef.current = true;\n      onCloseRef.current(reason);\n    },\n    [isOpen, ref],\n  );\n\n  // Add the overlay ref to the stack of visible overlays on mount, and remove on unmount.\n  useEffect(() => {\n    if (isOpen && onCloseRef.current) {\n      const entry: VisibleOverlayEntry = {\n        ref,\n        stackingLevel: overlayStacking,\n        close: () => requestClose('programmatic', false),\n      };\n      visibleOverlays.push(entry);\n      notifyOverlayStackListeners();\n\n      return () => {\n        const index = visibleOverlays.findIndex((e) => e.ref === ref);\n        if (index >= 0) {\n          visibleOverlays.splice(index, 1);\n          notifyOverlayStackListeners();\n        }\n      };\n    }\n\n    return () => {\n      const index = visibleOverlays.findIndex((e) => e.ref === ref);\n      if (index >= 0) {\n        visibleOverlays.splice(index, 1);\n      }\n    };\n  }, [isOpen, ref, overlayStacking, requestClose]);\n\n  const onInteractOutside = (e: SyntheticEvent<Element>) => {\n    if (\n      !shouldCloseOnInteractOutside ||\n      shouldCloseOnInteractOutside(e.target as HTMLElement)\n    ) {\n      requestClose('backdrop');\n    }\n  };\n\n  const onInteractOutsideStart = (e: SyntheticEvent<Element>) => {\n    if (!isDismissible || !shouldCloseOnBlur) {\n      return;\n    }\n\n    if (\n      !shouldCloseOnInteractOutside ||\n      shouldCloseOnInteractOutside(e.target as HTMLElement)\n    ) {\n      requestClose('blur');\n    }\n  };\n\n  // Handle the escape key\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && !isKeyboardDismissDisabled) {\n        event.preventDefault();\n        requestClose('escape');\n      }\n      // captures all keyboard events within the overlay to not affect underlaying elements.\n      event.stopPropagation();\n    },\n    [isKeyboardDismissDisabled, requestClose],\n  );\n\n  // Handle clicking outside the overlay to close it\n  useInteractOutside({\n    ref,\n    onInteractOutside: isDismissible ? onInteractOutside : undefined,\n    onInteractOutsideStart,\n  });\n\n  const { focusWithinProps } = useFocusWithin({\n    isDisabled: !shouldCloseOnBlur,\n    onBlurWithin: (e) => {\n      if (\n        !shouldCloseOnInteractOutside ||\n        shouldCloseOnInteractOutside(e.relatedTarget as HTMLElement)\n      ) {\n        requestClose('blur');\n      }\n    },\n  });\n\n  return {\n    overlayProps: {\n      onKeyDown,\n      ...focusWithinProps,\n    },\n  };\n}\n\n/**\n * Manages state for an overlay trigger. Tracks whether the overlay is open, and provides\n * methods to toggle this state.\n * @internal\n */\nexport function useOverlayTriggerState(\n  props: OverlayTriggerProps,\n): OverlayTriggerState {\n  const onOpenChange =\n    props.onOpenChange ??\n    ((isOpen: boolean) => {\n      /* empty */\n    });\n  const [isOpenValue, setOpen] = useControllableState({\n    defaultValue: props.defaultOpen || false,\n    value: props.isOpen,\n    onChange: onOpenChange,\n  });\n\n  const isOpen = isOpenValue ?? false;\n  return {\n    isOpen,\n    open: useCallback(() => setOpen(true), [setOpen]),\n    close: useCallback(() => setOpen(false), [setOpen]),\n    toggle: useCallback(() => setOpen(!isOpen), [isOpen, setOpen]),\n  };\n}\n\ninterface InteractOutsideProps {\n  ref: RefObject<Element | null>;\n  onInteractOutside?: (e: SyntheticEvent) => void;\n  onInteractOutsideStart?: (e: SyntheticEvent) => void;\n  /** Whether the interact outside events should be disabled. */\n  isDisabled?: boolean;\n}\n\n/**\n * Example, used in components like Dialogs and Popovers so they can close\n * when a user clicks outside them.\n */\nfunction useInteractOutside(props: InteractOutsideProps) {\n  const { ref, onInteractOutside, isDisabled, onInteractOutsideStart } = props;\n  const stateRef = useRef({\n    isPointerDown: false,\n    ignoreEmulatedMouseEvents: false,\n    onInteractOutside,\n    onInteractOutsideStart,\n  });\n  const state = stateRef.current;\n  state.onInteractOutside = onInteractOutside;\n  state.onInteractOutsideStart = onInteractOutsideStart;\n\n  useEffect(() => {\n    if (isDisabled) {\n      return;\n    }\n\n    const onPointerDown = (e: MouseEvent | TouchEvent) => {\n      if (isValidEvent(e, ref) && state.onInteractOutside) {\n        if (state.onInteractOutsideStart) {\n          // This is a direct copy from the react-aria useInteractOutside\n          // but they do not have strict mode enabled, which allows them\n          // to simply pass any event to the onInteractOutside,\n          // which expects a SyntheticEvent.\n          state.onInteractOutsideStart(e as unknown as SyntheticEvent);\n        }\n        state.isPointerDown = true;\n      }\n    };\n\n    // Use pointer events if available. Otherwise, fall back to mouse and touch events.\n    if (typeof PointerEvent !== 'undefined') {\n      const onPointerUp = (e: MouseEvent) => {\n        if (\n          state.isPointerDown &&\n          state.onInteractOutside &&\n          isValidEvent(e, ref)\n        ) {\n          state.isPointerDown = false;\n          // This is a direct copy from the react-aria useInteractOutside\n          // but they do not have strict mode enabled, which allows them\n          // to simply pass any event to the onInteractOutside,\n          // which expects a SyntheticEvent.\n          state.onInteractOutside(e as unknown as SyntheticEvent);\n        }\n      };\n\n      document.body.addEventListener('pointerdown', onPointerDown);\n      document.body.addEventListener('pointerup', onPointerUp);\n\n      return () => {\n        document.body.removeEventListener('pointerdown', onPointerDown);\n        document.body.removeEventListener('pointerup', onPointerUp);\n      };\n    } else {\n      const onMouseUp = (e: MouseEvent) => {\n        if (state.ignoreEmulatedMouseEvents) {\n          state.ignoreEmulatedMouseEvents = false;\n        } else if (\n          state.isPointerDown &&\n          state.onInteractOutside &&\n          isValidEvent(e, ref)\n        ) {\n          state.isPointerDown = false;\n          // This is a direct copy from the react-aria useInteractOutside\n          // but they do not have strict mode enabled, which allows them\n          // to simply pass any event to the onInteractOutside,\n          // which expects a SyntheticEvent.\n          state.onInteractOutside(e as unknown as SyntheticEvent);\n        }\n      };\n\n      const onTouchEnd = (e: TouchEvent) => {\n        state.ignoreEmulatedMouseEvents = true;\n        if (\n          state.onInteractOutside &&\n          state.isPointerDown &&\n          isValidEvent(e, ref)\n        ) {\n          state.isPointerDown = false;\n          // This is a direct copy from the react-aria useInteractOutside\n          // but they do not have strict mode enabled, which allows them\n          // to simply pass any event to the onInteractOutside,\n          // which expects a SyntheticEvent.\n          state.onInteractOutside(e as unknown as SyntheticEvent);\n        }\n      };\n\n      document.body.addEventListener('mousedown', onPointerDown);\n      document.body.addEventListener('mouseup', onMouseUp);\n      document.body.addEventListener('touchstart', onPointerDown);\n      document.body.addEventListener('touchend', onTouchEnd);\n\n      return () => {\n        document.body.removeEventListener('mousedown', onPointerDown);\n        document.body.removeEventListener('mouseup', onMouseUp);\n        document.body.removeEventListener('touchstart', onPointerDown);\n        document.body.removeEventListener('touchend', onTouchEnd);\n      };\n    }\n  }, [ref, state, isDisabled]);\n}\n\n/** Is the pointer event valid */\nfunction isValidEvent(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  event: any,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ref: any,\n) {\n  if (event.button > 0) {\n    return false;\n  }\n\n  // if the event target is no longer in the document\n  if (event.target) {\n    const ownerDocument = event.target.ownerDocument;\n    if (\n      !ownerDocument ||\n      !ownerDocument.documentElement.contains(event.target)\n    ) {\n      return false;\n    }\n  }\n\n  // Treat clicks inside a Radix menu portal as \"inside\" \u2014 the menu has its own\n  // outside-click handling and a menu nested in this overlay should never close it.\n  // This replaces the stopPropagation that menu Content.tsx used to apply on\n  // pointerdown/up: that approach also blocked Radix's own document-level handler,\n  // leaving `isPointerInsideReactTreeRef` stuck and forcing a double outside click\n  // to dismiss the menu (APPDEV-16531).\n  if (\n    event.target instanceof Element &&\n    event.target.closest(RADIX_MENU_CONTENT_SELECTOR)\n  ) {\n    return false;\n  }\n\n  return !!ref.current && !ref.current.contains(event.target);\n}\n\ninterface FocusWithinProps {\n  /** Whether the focus within events should be disabled. */\n  isDisabled?: boolean;\n  /** Handler that is called when the target element or a descendant receives focus. */\n  onFocusWithin?: (e: FocusEvent) => void;\n  /** Handler that is called when the target element and all descendants lose focus. */\n  onBlurWithin?: (e: FocusEvent) => void;\n  /** Handler that is called when the the focus within state changes. */\n  onFocusWithinChange?: (isFocusWithin: boolean) => void;\n}\n\n/**\n * Handles focus events for the target and its descendants.\n */\nfunction useFocusWithin(props: FocusWithinProps): FocusWithinResult {\n  const state = useRef({\n    isFocusWithin: false,\n  }).current;\n\n  if (props.isDisabled) {\n    return { focusWithinProps: {} };\n  }\n\n  const onFocus = (e: FocusEvent) => {\n    if (!state.isFocusWithin) {\n      if (props.onFocusWithin) {\n        props.onFocusWithin(e);\n      }\n\n      if (props.onFocusWithinChange) {\n        props.onFocusWithinChange(true);\n      }\n\n      state.isFocusWithin = true;\n    }\n  };\n\n  const onBlur = (e: FocusEvent) => {\n    // We don't want to trigger onBlurWithin and then immediately onFocusWithin again\n    // when moving focus inside the element. Only trigger if the currentTarget doesn't\n    // include the relatedTarget (where focus is moving).\n    const currentTarget = e.currentTarget as HTMLElement;\n    const relatedTarget = e.relatedTarget as HTMLElement;\n    if (state.isFocusWithin && !currentTarget.contains(relatedTarget)) {\n      if (props.onBlurWithin) {\n        props.onBlurWithin(e);\n      }\n\n      if (props.onFocusWithinChange) {\n        props.onFocusWithinChange(false);\n      }\n\n      state.isFocusWithin = false;\n    }\n  };\n\n  return {\n    focusWithinProps: {\n      onFocus: onFocus,\n      onBlur: onBlur,\n    },\n  };\n}\n\n/**\n * @public\n */\nexport interface DismissButtonProps {\n  /** Called when the dismiss button is activated. */\n  onDismiss?: () => void;\n}\n\n/**\n * A visually hidden button that can be used to allow screen reader\n * users to dismiss a modal or popup when there is no visual\n * affordance to do so.\n\n * @public\n */\nexport function DismissButton(props: Readonly<DismissButtonProps>) {\n  const { onDismiss } = props;\n  const onClick = () => {\n    if (onDismiss) {\n      onDismiss();\n    }\n  };\n\n  return (\n    <VisuallyHidden>\n      <button tabIndex={-1} aria-label=\"dismiss\" onClick={onClick} />\n    </VisuallyHidden>\n  );\n}\n"],
+  "sourcesContent": ["import {\n  type KeyboardEvent,\n  type RefObject,\n  type SyntheticEvent,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react';\n\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { OverlayStackingContext } from '../../core/contexts/OverlayStacking.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\n\n/**\n * @public\n */\nexport interface OverlayTriggerState {\n  /** Whether the overlay is currently open. */\n  readonly isOpen: boolean;\n  /** Opens the overlay. */\n  open(): void;\n  /** Closes the overlay. */\n  close(): void;\n  /** Toggles the overlay's visibility. */\n  toggle(): void;\n}\n\ninterface VisibleOverlayEntry {\n  ref: RefObject<HTMLElement | null>;\n  stackingLevel: number;\n  close: () => void;\n}\n\nconst visibleOverlays: VisibleOverlayEntry[] = [];\n\n// Attribute that @radix-ui/react-menu sets on every menu / submenu content node\n// (see the `data-radix-menu-content` literal in `MenuContentImpl`, currently\n// at @radix-ui/react-menu v2.1.16, `node_modules/@radix-ui/react-menu/dist/index.mjs`).\n// `isValidEvent` uses it to treat clicks inside a nested Radix menu as \"inside\"\n// so that the menu's own dismiss layer handles them \u2014 see APPDEV-16531 for the\n// double-outside-click bug that hits if this selector silently stops matching\n// after a Radix upgrade. If `pnpm why @radix-ui/react-menu` reports a new major,\n// re-verify that this attribute still exists.\nconst RADIX_MENU_CONTENT_SELECTOR = '[data-radix-menu-content]';\n\nconst overlayStackListeners = new Set<() => void>();\n\nfunction notifyOverlayStackListeners(): void {\n  overlayStackListeners.forEach((listener) => listener());\n}\n\n/**\n * Subscribe to changes in the `visibleOverlays` stack. The listener is\n * invoked whenever an overlay using `useOverlay` is pushed onto or removed\n * from the stack. Returns a function that unsubscribes the listener.\n *\n * Used by components that are not part of the `useOverlay` stack themselves\n * (e.g. Radix-backed Menus) but still need to react when something is layered\n * on top of them \u2014 so that, for example, opening a Modal from a Menu item\n * closes the underlying Menu before the user has to dismiss two layers.\n * @internal\n */\nexport function subscribeToOverlayStack(listener: () => void): () => void {\n  overlayStackListeners.add(listener);\n  return () => {\n    overlayStackListeners.delete(listener);\n  };\n}\n\n/**\n * Current size of the visible-overlay stack. Pair with `subscribeToOverlayStack`\n * to detect pushes/pops.\n * @internal\n */\nexport function getOverlayStackSize(): number {\n  return visibleOverlays.length;\n}\n\n/**\n * Close all overlays with a stacking level equal to or higher than the\n * provided level, defaulting to 0 (close all other overlays).\n * @internal\n */\nexport function closeAllOverlays(level: number = 0): void {\n  if (visibleOverlays.length === 0) {\n    return;\n  }\n\n  // Close overlays from top to bottom\n  for (let i = visibleOverlays.length - 1; i >= 0; i--) {\n    const overlay = visibleOverlays[i];\n\n    if (overlay.stackingLevel >= level) {\n      overlay.close();\n    } else {\n      break;\n    }\n  }\n}\n\n/**\n * @public\n */\nexport type OverlayAria = {\n  /** Props to apply to the overlay container element. */\n  overlayProps: {\n    onKeyDown?: (e: KeyboardEvent) => void;\n    onFocus?: (e: FocusEvent) => void;\n    onBlur?: (e: FocusEvent) => void;\n  };\n};\n\ntype FocusWithinResult = {\n  focusWithinProps: {\n    onFocus?: (e: FocusEvent) => void;\n    onBlur?: (e: FocusEvent) => void;\n  };\n};\n\n/** @internal */\nexport interface UseOverlayProps {\n  /** Whether the overlay is currently open. */\n  isOpen?: boolean;\n  /** Handler that is called when the overlay should close. */\n  onClose?: (reason: string) => void;\n  /**\n   * Whether to close the overlay when the user interacts outside it.\n   * Known Issue: If set to true, clicking on some other overlays (e.g. Microguide)\n   * also closes this overlay. The issue is irrelevant for smaller overlays that usually\n   * don't contain a clickable overlay but might need some extra handling for bigger ones (e.g. Sheet).\n   * @defaultValue false\n   */\n  isDismissible?: boolean;\n  /** Whether the overlay should close when focus is lost or moves outside it. */\n  shouldCloseOnBlur?: boolean;\n  /**\n   * Whether pressing the escape key to close the overlay should be disabled.\n   * @defaultValue false\n   */\n  isKeyboardDismissDisabled?: boolean;\n  /**\n   * When user interacts with the argument element outside of the overlay ref,\n   * return true if onClose should be called. This gives you a chance to filter\n   * out interaction with elements that should not dismiss the overlay.\n   * By default, onClose will always be called on interaction outside the overlay ref.\n   */\n  shouldCloseOnInteractOutside?: (element: HTMLElement) => boolean;\n}\n\ninterface OverlayTriggerProps {\n  /** Whether the overlay is open by default (controlled). */\n  isOpen?: boolean;\n  /** Whether the overlay is open by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Handler that is called when the overlay's open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * Provides the behavior for overlays such as dialogs, popovers, and menus.\n * Hides the overlay when the user interacts outside it, when the Escape key is pressed,\n * or optionally, on blur. Only the top-most overlay will close at once.\n * @internal\n */\nexport function useOverlay(\n  props: UseOverlayProps,\n  ref: RefObject<HTMLElement | null>,\n): OverlayAria {\n  const {\n    onClose,\n    shouldCloseOnBlur,\n    isOpen,\n    isDismissible = false,\n    isKeyboardDismissDisabled = false,\n    shouldCloseOnInteractOutside,\n  } = props;\n\n  const overlayStacking = useContext(OverlayStackingContext);\n  const hasPendingCloseRef = useRef(false);\n\n  // Store onClose in a ref so that changes to the callback don't re-trigger\n  // the visibleOverlays effect, which would disrupt the stack ordering.\n  const onCloseRef = useRef(onClose);\n  useEffect(() => {\n    onCloseRef.current = onClose;\n  }, [onClose]);\n\n  // Reset the close lock once the overlay is actually closed.\n  useEffect(() => {\n    if (!isOpen) {\n      hasPendingCloseRef.current = false;\n    }\n  }, [isOpen]);\n\n  const requestClose = useCallback(\n    (reason: string, onlyIfTopMost = true) => {\n      if (!onCloseRef.current || !isOpen || hasPendingCloseRef.current) {\n        return;\n      }\n\n      if (onlyIfTopMost) {\n        const topEntry = visibleOverlays[visibleOverlays.length - 1];\n        if (topEntry?.ref !== ref) {\n          return;\n        }\n      }\n\n      hasPendingCloseRef.current = true;\n      onCloseRef.current(reason);\n    },\n    [isOpen, ref],\n  );\n\n  // Add the overlay ref to the stack of visible overlays on mount, and remove on unmount.\n  useEffect(() => {\n    if (isOpen && onCloseRef.current) {\n      const entry: VisibleOverlayEntry = {\n        ref,\n        stackingLevel: overlayStacking,\n        close: () => requestClose('programmatic', false),\n      };\n      visibleOverlays.push(entry);\n      notifyOverlayStackListeners();\n\n      return () => {\n        const index = visibleOverlays.findIndex((e) => e.ref === ref);\n        if (index >= 0) {\n          visibleOverlays.splice(index, 1);\n          notifyOverlayStackListeners();\n        }\n      };\n    }\n\n    return () => {\n      const index = visibleOverlays.findIndex((e) => e.ref === ref);\n      if (index >= 0) {\n        visibleOverlays.splice(index, 1);\n      }\n    };\n  }, [isOpen, ref, overlayStacking, requestClose]);\n\n  const onInteractOutside = (e: SyntheticEvent<Element>) => {\n    if (\n      !shouldCloseOnInteractOutside ||\n      shouldCloseOnInteractOutside(e.target as HTMLElement)\n    ) {\n      requestClose('backdrop');\n    }\n  };\n\n  const onInteractOutsideStart = (e: SyntheticEvent<Element>) => {\n    if (!isDismissible || !shouldCloseOnBlur) {\n      return;\n    }\n\n    if (\n      !shouldCloseOnInteractOutside ||\n      shouldCloseOnInteractOutside(e.target as HTMLElement)\n    ) {\n      requestClose('blur');\n    }\n  };\n\n  // Handle the escape key\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && !isKeyboardDismissDisabled) {\n        event.preventDefault();\n        requestClose('escape');\n      }\n      // captures all keyboard events within the overlay to not affect underlaying elements.\n      event.stopPropagation();\n    },\n    [isKeyboardDismissDisabled, requestClose],\n  );\n\n  // Handle clicking outside the overlay to close it\n  useInteractOutside({\n    ref,\n    onInteractOutside: isDismissible ? onInteractOutside : undefined,\n    onInteractOutsideStart,\n  });\n\n  const { focusWithinProps } = useFocusWithin({\n    isDisabled: !shouldCloseOnBlur,\n    onBlurWithin: (e) => {\n      if (\n        !shouldCloseOnInteractOutside ||\n        shouldCloseOnInteractOutside(e.relatedTarget as HTMLElement)\n      ) {\n        requestClose('blur');\n      }\n    },\n  });\n\n  return {\n    overlayProps: {\n      onKeyDown,\n      ...focusWithinProps,\n    },\n  };\n}\n\n/**\n * Manages state for an overlay trigger. Tracks whether the overlay is open, and provides\n * methods to toggle this state.\n * @internal\n */\nexport function useOverlayTriggerState(\n  props: OverlayTriggerProps,\n): OverlayTriggerState {\n  const onOpenChange =\n    props.onOpenChange ??\n    ((isOpen: boolean) => {\n      /* empty */\n    });\n  const [isOpenValue, setOpen] = useControllableState({\n    defaultValue: props.defaultOpen || false,\n    value: props.isOpen,\n    onChange: onOpenChange,\n  });\n\n  const isOpen = isOpenValue ?? false;\n  return {\n    isOpen,\n    open: useCallback(() => setOpen(true), [setOpen]),\n    close: useCallback(() => setOpen(false), [setOpen]),\n    toggle: useCallback(() => setOpen(!isOpen), [isOpen, setOpen]),\n  };\n}\n\ninterface InteractOutsideProps {\n  ref: RefObject<Element | null>;\n  onInteractOutside?: (e: SyntheticEvent) => void;\n  onInteractOutsideStart?: (e: SyntheticEvent) => void;\n  /** Whether the interact outside events should be disabled. */\n  isDisabled?: boolean;\n}\n\n/**\n * Example, used in components like Dialogs and Popovers so they can close\n * when a user clicks outside them.\n */\nfunction useInteractOutside(props: InteractOutsideProps) {\n  const { ref, onInteractOutside, isDisabled, onInteractOutsideStart } = props;\n  const stateRef = useRef({\n    isPointerDown: false,\n    ignoreEmulatedMouseEvents: false,\n    onInteractOutside,\n    onInteractOutsideStart,\n  });\n  const state = stateRef.current;\n  state.onInteractOutside = onInteractOutside;\n  state.onInteractOutsideStart = onInteractOutsideStart;\n\n  useEffect(() => {\n    if (isDisabled) {\n      return;\n    }\n\n    const onPointerDown = (e: MouseEvent | TouchEvent) => {\n      if (isValidEvent(e, ref) && state.onInteractOutside) {\n        if (state.onInteractOutsideStart) {\n          // This is a direct copy from the react-aria useInteractOutside\n          // but they do not have strict mode enabled, which allows them\n          // to simply pass any event to the onInteractOutside,\n          // which expects a SyntheticEvent.\n          state.onInteractOutsideStart(e as unknown as SyntheticEvent);\n        }\n        state.isPointerDown = true;\n      }\n    };\n\n    // Use pointer events if available. Otherwise, fall back to mouse and touch events.\n    if (typeof PointerEvent !== 'undefined') {\n      const onPointerUp = (e: MouseEvent) => {\n        if (\n          state.isPointerDown &&\n          state.onInteractOutside &&\n          isValidEvent(e, ref)\n        ) {\n          state.isPointerDown = false;\n          // This is a direct copy from the react-aria useInteractOutside\n          // but they do not have strict mode enabled, which allows them\n          // to simply pass any event to the onInteractOutside,\n          // which expects a SyntheticEvent.\n          state.onInteractOutside(e as unknown as SyntheticEvent);\n        }\n      };\n\n      document.body.addEventListener('pointerdown', onPointerDown);\n      document.body.addEventListener('pointerup', onPointerUp);\n\n      return () => {\n        document.body.removeEventListener('pointerdown', onPointerDown);\n        document.body.removeEventListener('pointerup', onPointerUp);\n      };\n    } else {\n      const onMouseUp = (e: MouseEvent) => {\n        if (state.ignoreEmulatedMouseEvents) {\n          state.ignoreEmulatedMouseEvents = false;\n        } else if (\n          state.isPointerDown &&\n          state.onInteractOutside &&\n          isValidEvent(e, ref)\n        ) {\n          state.isPointerDown = false;\n          // This is a direct copy from the react-aria useInteractOutside\n          // but they do not have strict mode enabled, which allows them\n          // to simply pass any event to the onInteractOutside,\n          // which expects a SyntheticEvent.\n          state.onInteractOutside(e as unknown as SyntheticEvent);\n        }\n      };\n\n      const onTouchEnd = (e: TouchEvent) => {\n        state.ignoreEmulatedMouseEvents = true;\n        if (\n          state.onInteractOutside &&\n          state.isPointerDown &&\n          isValidEvent(e, ref)\n        ) {\n          state.isPointerDown = false;\n          // This is a direct copy from the react-aria useInteractOutside\n          // but they do not have strict mode enabled, which allows them\n          // to simply pass any event to the onInteractOutside,\n          // which expects a SyntheticEvent.\n          state.onInteractOutside(e as unknown as SyntheticEvent);\n        }\n      };\n\n      document.body.addEventListener('mousedown', onPointerDown);\n      document.body.addEventListener('mouseup', onMouseUp);\n      document.body.addEventListener('touchstart', onPointerDown);\n      document.body.addEventListener('touchend', onTouchEnd);\n\n      return () => {\n        document.body.removeEventListener('mousedown', onPointerDown);\n        document.body.removeEventListener('mouseup', onMouseUp);\n        document.body.removeEventListener('touchstart', onPointerDown);\n        document.body.removeEventListener('touchend', onTouchEnd);\n      };\n    }\n  }, [ref, state, isDisabled]);\n}\n\n/** Is the pointer event valid */\nfunction isValidEvent(\n  // oxlint-disable-next-line typescript/no-explicit-any\n  event: any,\n  // oxlint-disable-next-line typescript/no-explicit-any\n  ref: any,\n) {\n  if (event.button > 0) {\n    return false;\n  }\n\n  // if the event target is no longer in the document\n  if (event.target) {\n    const ownerDocument = event.target.ownerDocument;\n    if (\n      !ownerDocument ||\n      !ownerDocument.documentElement.contains(event.target)\n    ) {\n      return false;\n    }\n  }\n\n  // Treat clicks inside a Radix menu portal as \"inside\" \u2014 the menu has its own\n  // outside-click handling and a menu nested in this overlay should never close it.\n  // This replaces the stopPropagation that menu Content.tsx used to apply on\n  // pointerdown/up: that approach also blocked Radix's own document-level handler,\n  // leaving `isPointerInsideReactTreeRef` stuck and forcing a double outside click\n  // to dismiss the menu (APPDEV-16531).\n  if (\n    event.target instanceof Element &&\n    event.target.closest(RADIX_MENU_CONTENT_SELECTOR)\n  ) {\n    return false;\n  }\n\n  return !!ref.current && !ref.current.contains(event.target);\n}\n\ninterface FocusWithinProps {\n  /** Whether the focus within events should be disabled. */\n  isDisabled?: boolean;\n  /** Handler that is called when the target element or a descendant receives focus. */\n  onFocusWithin?: (e: FocusEvent) => void;\n  /** Handler that is called when the target element and all descendants lose focus. */\n  onBlurWithin?: (e: FocusEvent) => void;\n  /** Handler that is called when the the focus within state changes. */\n  onFocusWithinChange?: (isFocusWithin: boolean) => void;\n}\n\n/**\n * Handles focus events for the target and its descendants.\n */\nfunction useFocusWithin(props: FocusWithinProps): FocusWithinResult {\n  const state = useRef({\n    isFocusWithin: false,\n  }).current;\n\n  if (props.isDisabled) {\n    return { focusWithinProps: {} };\n  }\n\n  const onFocus = (e: FocusEvent) => {\n    if (!state.isFocusWithin) {\n      if (props.onFocusWithin) {\n        props.onFocusWithin(e);\n      }\n\n      if (props.onFocusWithinChange) {\n        props.onFocusWithinChange(true);\n      }\n\n      state.isFocusWithin = true;\n    }\n  };\n\n  const onBlur = (e: FocusEvent) => {\n    // We don't want to trigger onBlurWithin and then immediately onFocusWithin again\n    // when moving focus inside the element. Only trigger if the currentTarget doesn't\n    // include the relatedTarget (where focus is moving).\n    const currentTarget = e.currentTarget as HTMLElement;\n    const relatedTarget = e.relatedTarget as HTMLElement;\n    if (state.isFocusWithin && !currentTarget.contains(relatedTarget)) {\n      if (props.onBlurWithin) {\n        props.onBlurWithin(e);\n      }\n\n      if (props.onFocusWithinChange) {\n        props.onFocusWithinChange(false);\n      }\n\n      state.isFocusWithin = false;\n    }\n  };\n\n  return {\n    focusWithinProps: {\n      onFocus: onFocus,\n      onBlur: onBlur,\n    },\n  };\n}\n\n/**\n * @public\n */\nexport interface DismissButtonProps {\n  /** Called when the dismiss button is activated. */\n  onDismiss?: () => void;\n}\n\n/**\n * A visually hidden button that can be used to allow screen reader\n * users to dismiss a modal or popup when there is no visual\n * affordance to do so.\n\n * @public\n */\nexport function DismissButton(props: Readonly<DismissButtonProps>) {\n  const { onDismiss } = props;\n  const onClick = () => {\n    if (onDismiss) {\n      onDismiss();\n    }\n  };\n\n  return (\n    <VisuallyHidden>\n      <button tabIndex={-1} aria-label=\"dismiss\" onClick={onClick} />\n    </VisuallyHidden>\n  );\n}\n"],
   "mappings": "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",
   "names": ["isOpen"]
 }

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-0 {
   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-0 {
   max-width: 576px;
 }
-._dmotjm2-3-12-2 {
+._dmotjm2-3-13-0 {
   max-width: 768px;
 }
-._dmotjm3-3-12-2 {
+._dmotjm3-3-13-0 {
   max-width: 1280px;
 }
 body:has([data-modal-scroll-lock]) {
   overflow: hidden;
 }
-._dmotjm4-3-12-2 {
+._dmotjm4-3-13-0 {
   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-0 {
   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-0 {
   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-0 {
   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-0 {
   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-0 {
   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-0 {
     max-height: 96vh;
   }
 }
 @media screen and (min-width: 641px) {
-  ._dmotjm5-3-12-2 {
+  ._dmotjm5-3-13-0 {
     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-0 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-24, 24px);
   }
-  ._dmotjm7-3-12-2 {
+  ._dmotjm7-3-13-0 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-24, 24px);
   }
-  ._dmotjm8-3-12-2 {
+  ._dmotjm8-3-13-0 {
     padding-left: var(--dt-spacings-size-24, 24px);
     padding-right: var(--dt-spacings-size-24, 24px);
   }
-  ._dmotjm9-3-12-2 {
+  ._dmotjm9-3-13-0 {
     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-0";
 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-0";
+var content = { withFooter: "_dmotjm7-3-13-0", withoutFooter: "_dmotjm8-3-13-0" };
+var dividerWrapper = "_dmotjm6-3-13-0";
+var footerSection = "_dmotjm9-3-13-0";
+var header = "_dmotjm5-3-13-0";
+var sizes = { small: "_dmotjm1-3-13-0", medium: "_dmotjm2-3-13-0", large: "_dmotjm3-3-13-0" };
 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-0';\nexport var backdropOpacityVar = '--strato-modal-fade-opacity';\nexport var base = '_dmotjm0-3-13-0';\nexport var content = {withFooter:'_dmotjm7-3-13-0',withoutFooter:'_dmotjm8-3-13-0'};\nexport var dividerWrapper = '_dmotjm6-3-13-0';\nexport var footerSection = '_dmotjm9-3-13-0';\nexport var header = '_dmotjm5-3-13-0';\nexport var sizes = {small:'_dmotjm1-3-13-0',medium:'_dmotjm2-3-13-0',large:'_dmotjm3-3-13-0'};"],
   "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-0 {
   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);