@dynatrace/strato-components 3.5.0 → 3.6.0

package/esm/notifications/toast/ToastContainer.css

@@ -1,4 +1,4 @@
-@keyframes _rxr5810-3-5-0 {
+@keyframes _rxr5810-3-6-0 {
   0% {
     transform: translateY(calc(100% + var(--dt-spacings-size-16, 16px)));
   }
@@ -6,7 +6,7 @@
     transform: translateY(0);
   }
 }
-@keyframes _rxr5811-3-5-0 {
+@keyframes _rxr5811-3-6-0 {
   0% {
     transform: translateY(0);
   }
@@ -14,7 +14,7 @@
     transform: translateY(calc(100% + var(--dt-spacings-size-16, 16px)));
   }
 }
-@keyframes _rxr5812-3-5-0 {
+@keyframes _rxr5812-3-6-0 {
   0% {
     transform: scaleX(1);
   }
@@ -22,34 +22,34 @@
     transform: scaleX(0);
   }
 }
-._rxr5813-3-5-0 {
+._rxr5813-3-6-0 {
   overflow-y: auto;
   max-height: min(40vh, 400px);
   box-sizing: border-box;
 }
-._rxr5813-3-5-0 .Toastify__toast-container {
+._rxr5813-3-6-0 .Toastify__toast-container {
   z-index: 9999;
   position: fixed;
   max-width: 400px;
   width: calc(100% - var(--dt-spacings-size-32, 32px));
   box-sizing: border-box;
 }
-._rxr5813-3-5-0 .Toastify__toast-container--bottom-left {
+._rxr5813-3-6-0 .Toastify__toast-container--bottom-left {
   bottom: var(--dt-spacings-size-16, 16px);
   left: var(--dt-spacings-size-16, 16px);
   right: auto;
 }
-._rxr5813-3-5-0 .Toastify__toast-container--bottom-right {
+._rxr5813-3-6-0 .Toastify__toast-container--bottom-right {
   bottom: var(--dt-spacings-size-16, 16px);
   left: auto;
   right: var(--dt-spacings-size-16, 16px);
 }
-._rxr5813-3-5-0 .Toastify__toast-container--bottom-center {
+._rxr5813-3-6-0 .Toastify__toast-container--bottom-center {
   bottom: var(--dt-spacings-size-16, 16px);
   left: 50%;
   transform: translateX(-50%);
 }
-._rxr5813-3-5-0 .Toastify__toast {
+._rxr5813-3-6-0 .Toastify__toast {
   margin: 0;
   align-items: start;
   border: none;
@@ -72,24 +72,24 @@
   margin-top: var(--dt-spacings-size-8, 8px);
   max-width: 100%;
 }
-._rxr5813-3-5-0 .Toastify__toast-body {
+._rxr5813-3-6-0 .Toastify__toast-body {
   margin: auto 0;
   flex: 1 1 auto;
   display: flex;
   align-items: center;
   overflow: hidden;
 }
-._rxr5813-3-5-0 .Toastify__toast-body > div {
+._rxr5813-3-6-0 .Toastify__toast-body > div {
   flex: 1 1 auto;
   overflow: hidden;
 }
-._rxr5813-3-5-0 .Toastify__toast-icon {
+._rxr5813-3-6-0 .Toastify__toast-icon {
   margin-inline-end: 10px;
   width: 20px;
   flex-shrink: 0;
   display: flex;
 }
-._rxr5813-3-5-0 .Toastify__progress-bar {
+._rxr5813-3-6-0 .Toastify__progress-bar {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -98,17 +98,17 @@
   z-index: var(--toastify-z-index);
   opacity: 0;
 }
-._rxr5813-3-5-0 .Toastify__progress-bar--animated {
-  animation: _rxr5812-3-5-0 1 forwards;
+._rxr5813-3-6-0 .Toastify__progress-bar--animated {
+  animation: _rxr5812-3-6-0 1 forwards;
 }
 .strato__toast__enter {
-  animation-name: _rxr5810-3-5-0;
+  animation-name: _rxr5810-3-6-0;
   animation-duration: var(--dt-animations-slide-in-duration-fast, 200ms);
   animation-timing-function: var(--dt-animations-slide-in-easing, cubic-bezier(0, 0, 0.2, 1));
   animation-fill-mode: both;
 }
 .strato__toast__exit {
-  animation-name: _rxr5811-3-5-0;
+  animation-name: _rxr5811-3-6-0;
   animation-duration: var(--dt-animations-slide-out-duration-fast, 150ms);
   animation-timing-function: var(--dt-animations-slide-out-easing, cubic-bezier(0.8, 0, 0.5, 1));
   animation-fill-mode: both;

package/esm/notifications/toast/ToastContainer.sty.js

@@ -1,5 +1,5 @@
 import "./ToastContainer.css";
-var root = "_rxr5813-3-5-0";
+var root = "_rxr5813-3-6-0";
 export {
   root
 };

package/esm/notifications/toast/ToastContainer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/notifications/toast/ToastContainer.css.ts"],
-  "sourcesContent": ["import './ToastContainer.css';\nexport var root = '_rxr5813-3-5-0';"],
+  "sourcesContent": ["import './ToastContainer.css';\nexport var root = '_rxr5813-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;",
   "names": []
 }

package/esm/overlays/drawer/Drawer.css

@@ -1,4 +1,4 @@
-._14971970-3-5-0 {
+._14971970-3-6-0 {
   pointer-events: initial;
   position: absolute;
   height: 100vh;
@@ -7,40 +7,40 @@
   background-color: var(--dt-colors-background-base-default, #f9f9fa);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
 }
-._14971971-3-5-0 {
+._14971971-3-6-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-5-0 {
+._14971972-3-6-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-5-0 {
+._14971973-3-6-0 {
   width: 25%;
   min-width: min(calc(100% - 64px), 320px);
 }
-._14971974-3-5-0 {
+._14971974-3-6-0 {
   width: 50%;
   min-width: min(calc(100% - 56px), 640px);
 }
-._14971975-3-5-0 {
+._14971975-3-6-0 {
   width: 75%;
   min-width: min(calc(100% - 48px), 960px);
 }
-._14971976-3-5-0 {
+._14971976-3-6-0 {
   width: 100%;
   border-radius: 0;
 }
-._14971977-3-5-0 {
+._14971977-3-6-0 {
   position: relative;
   width: 100vw;
   height: 100vh;
   overflow: hidden;
   z-index: var(--dt-elevations-default, 1);
 }
-._14971978-3-5-0 {
+._14971978-3-6-0 {
   width: 100%;
   height: 100%;
 }

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

@@ -1,9 +1,9 @@
 import "./Drawer.css";
-var DrawerBackdropCSS = "_14971977-3-5-0";
-var DrawerCSS = "_14971970-3-5-0";
-var DrawerContentCSS = "_14971978-3-5-0";
-var DrawerPlacementCSS = { left: "_14971971-3-5-0", right: "_14971972-3-5-0" };
-var DrawerWidthStyles = { narrow: "_14971973-3-5-0", medium: "_14971974-3-5-0", wide: "_14971975-3-5-0", full: "_14971976-3-5-0" };
+var DrawerBackdropCSS = "_14971977-3-6-0";
+var DrawerCSS = "_14971970-3-6-0";
+var DrawerContentCSS = "_14971978-3-6-0";
+var DrawerPlacementCSS = { left: "_14971971-3-6-0", right: "_14971972-3-6-0" };
+var DrawerWidthStyles = { narrow: "_14971973-3-6-0", medium: "_14971974-3-6-0", wide: "_14971975-3-6-0", full: "_14971976-3-6-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-5-0';\nexport var DrawerCSS = '_14971970-3-5-0';\nexport var DrawerContentCSS = '_14971978-3-5-0';\nexport var DrawerPlacementCSS = {left:'_14971971-3-5-0',right:'_14971972-3-5-0'};\nexport var DrawerWidthStyles = {narrow:'_14971973-3-5-0',medium:'_14971974-3-5-0',wide:'_14971975-3-5-0',full:'_14971976-3-5-0'};"],
+  "sourcesContent": ["import './Drawer.css';\nexport var DrawerBackdropCSS = '_14971977-3-6-0';\nexport var DrawerCSS = '_14971970-3-6-0';\nexport var DrawerContentCSS = '_14971978-3-6-0';\nexport var DrawerPlacementCSS = {left:'_14971971-3-6-0',right:'_14971972-3-6-0'};\nexport var DrawerWidthStyles = {narrow:'_14971973-3-6-0',medium:'_14971974-3-6-0',wide:'_14971975-3-6-0',full:'_14971976-3-6-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,qBAAqB,EAAC,MAAK,mBAAkB,OAAM,kBAAiB;AACxE,IAAI,oBAAoB,EAAC,QAAO,mBAAkB,QAAO,mBAAkB,MAAK,mBAAkB,MAAK,kBAAiB;",
   "names": []
 }

package/esm/overlays/hooks/useOverlay.js

@@ -9,6 +9,20 @@ import { VisuallyHidden } from "../../core/components/visually-hidden/VisuallyHi
 import { OverlayStackingContext } from "../../core/contexts/OverlayStacking.js";
 import { useControllableState } from "../../core/hooks/useControllableState.js";
 const visibleOverlays = [];
+const RADIX_MENU_CONTENT_SELECTOR = "[data-radix-menu-content]";
+const overlayStackListeners = /* @__PURE__ */ new Set();
+function notifyOverlayStackListeners() {
+  overlayStackListeners.forEach((listener) => listener());
+}
+function subscribeToOverlayStack(listener) {
+  overlayStackListeners.add(listener);
+  return () => {
+    overlayStackListeners.delete(listener);
+  };
+}
+function getOverlayStackSize() {
+  return visibleOverlays.length;
+}
 function closeAllOverlays(level = 0) {
   if (visibleOverlays.length === 0) {
     return;
@@ -66,10 +80,12 @@ function useOverlay(props, ref) {
         close: () => requestClose("programmatic", false)
       };
       visibleOverlays.push(entry);
+      notifyOverlayStackListeners();
       return () => {
         const index = visibleOverlays.findIndex((e) => e.ref === ref);
         if (index >= 0) {
           visibleOverlays.splice(index, 1);
+          notifyOverlayStackListeners();
         }
       };
     }
@@ -214,6 +230,9 @@ function isValidEvent(event, ref) {
       return false;
     }
   }
+  if (event.target instanceof Element && event.target.closest(RADIX_MENU_CONTENT_SELECTOR)) {
+    return false;
+  }
   return !!ref.current && !ref.current.contains(event.target);
 }
 function useFocusWithin(props) {
@@ -266,6 +285,8 @@ function DismissButton(props) {
 export {
   DismissButton,
   closeAllOverlays,
+  getOverlayStackSize,
+  subscribeToOverlayStack,
   useOverlay,
   useOverlayTriggerState
 };

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/**\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\n      return () => {\n        const index = visibleOverlays.findIndex((e) => e.ref === ref);\n        if (index >= 0) {\n          visibleOverlays.splice(index, 1);\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  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": "AAogBM;AApgBN;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,sBAAsB;AAC/B,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AAsBrC,MAAM,kBAAyC,CAAC;AAOzC,SAAS,iBAAiB,QAAgB,GAAS;AACxD,MAAI,gBAAgB,WAAW,GAAG;AAChC;AAAA,EACF;AAGA,WAAS,IAAI,gBAAgB,SAAS,GAAG,KAAK,GAAG,KAAK;AACpD,UAAM,UAAU,gBAAgB,CAAC;AAEjC,QAAI,QAAQ,iBAAiB,OAAO;AAClC,cAAQ,MAAM;AAAA,IAChB,OAAO;AACL;AAAA,IACF;AAAA,EACF;AACF;AAkEO,SAAS,WACd,OACA,KACa;AACb,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,4BAA4B;AAAA,IAC5B;AAAA,EACF,IAAI;AAEJ,QAAM,kBAAkB,WAAW,sBAAsB;AACzD,QAAM,qBAAqB,OAAO,KAAK;AAIvC,QAAM,aAAa,OAAO,OAAO;AACjC,YAAU,MAAM;AACd,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,OAAO,CAAC;AAGZ,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX,yBAAmB,UAAU;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,eAAe;AAAA,IACnB,CAAC,QAAgB,gBAAgB,SAAS;AACxC,UAAI,CAAC,WAAW,WAAW,CAAC,UAAU,mBAAmB,SAAS;AAChE;AAAA,MACF;AAEA,UAAI,eAAe;AACjB,cAAM,WAAW,gBAAgB,gBAAgB,SAAS,CAAC;AAC3D,YAAI,UAAU,QAAQ,KAAK;AACzB;AAAA,QACF;AAAA,MACF;AAEA,yBAAmB,UAAU;AAC7B,iBAAW,QAAQ,MAAM;AAAA,IAC3B;AAAA,IACA,CAAC,QAAQ,GAAG;AAAA,EACd;AAGA,YAAU,MAAM;AACd,QAAI,UAAU,WAAW,SAAS;AAChC,YAAM,QAA6B;AAAA,QACjC;AAAA,QACA,eAAe;AAAA,QACf,OAAO,MAAM,aAAa,gBAAgB,KAAK;AAAA,MACjD;AACA,sBAAgB,KAAK,KAAK;AAE1B,aAAO,MAAM;AACX,cAAM,QAAQ,gBAAgB,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG;AAC5D,YAAI,SAAS,GAAG;AACd,0BAAgB,OAAO,OAAO,CAAC;AAAA,QACjC;AAAA,MACF;AAAA,IACF;AAEA,WAAO,MAAM;AACX,YAAM,QAAQ,gBAAgB,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG;AAC5D,UAAI,SAAS,GAAG;AACd,wBAAgB,OAAO,OAAO,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,KAAK,iBAAiB,YAAY,CAAC;AAE/C,QAAM,oBAAoB,CAAC,MAA+B;AACxD,QACE,CAAC,gCACD,6BAA6B,EAAE,MAAqB,GACpD;AACA,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF;AAEA,QAAM,yBAAyB,CAAC,MAA+B;AAC7D,QAAI,CAAC,iBAAiB,CAAC,mBAAmB;AACxC;AAAA,IACF;AAEA,QACE,CAAC,gCACD,6BAA6B,EAAE,MAAqB,GACpD;AACA,mBAAa,MAAM;AAAA,IACrB;AAAA,EACF;AAGA,QAAM,YAAY;AAAA,IAChB,CAAC,UAAyB;AACxB,UAAI,MAAM,QAAQ,YAAY,CAAC,2BAA2B;AACxD,cAAM,eAAe;AACrB,qBAAa,QAAQ;AAAA,MACvB;AAEA,YAAM,gBAAgB;AAAA,IACxB;AAAA,IACA,CAAC,2BAA2B,YAAY;AAAA,EAC1C;AAGA,qBAAmB;AAAA,IACjB;AAAA,IACA,mBAAmB,gBAAgB,oBAAoB;AAAA,IACvD;AAAA,EACF,CAAC;AAED,QAAM,EAAE,iBAAiB,IAAI,eAAe;AAAA,IAC1C,YAAY,CAAC;AAAA,IACb,cAAc,CAAC,MAAM;AACnB,UACE,CAAC,gCACD,6BAA6B,EAAE,aAA4B,GAC3D;AACA,qBAAa,MAAM;AAAA,MACrB;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,cAAc;AAAA,MACZ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAOO,SAAS,uBACd,OACqB;AACrB,QAAM,eACJ,MAAM,iBACL,CAACA,YAAoB;AAAA,EAEtB;AACF,QAAM,CAAC,aAAa,OAAO,IAAI,qBAAqB;AAAA,IAClD,cAAc,MAAM,eAAe;AAAA,IACnC,OAAO,MAAM;AAAA,IACb,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,SAAS,eAAe;AAC9B,SAAO;AAAA,IACL;AAAA,IACA,MAAM,YAAY,MAAM,QAAQ,IAAI,GAAG,CAAC,OAAO,CAAC;AAAA,IAChD,OAAO,YAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,OAAO,CAAC;AAAA,IAClD,QAAQ,YAAY,MAAM,QAAQ,CAAC,MAAM,GAAG,CAAC,QAAQ,OAAO,CAAC;AAAA,EAC/D;AACF;AAcA,SAAS,mBAAmB,OAA6B;AACvD,QAAM,EAAE,KAAK,mBAAmB,YAAY,uBAAuB,IAAI;AACvE,QAAM,WAAW,OAAO;AAAA,IACtB,eAAe;AAAA,IACf,2BAA2B;AAAA,IAC3B;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,QAAQ,SAAS;AACvB,QAAM,oBAAoB;AAC1B,QAAM,yBAAyB;AAE/B,YAAU,MAAM;AACd,QAAI,YAAY;AACd;AAAA,IACF;AAEA,UAAM,gBAAgB,CAAC,MAA+B;AACpD,UAAI,aAAa,GAAG,GAAG,KAAK,MAAM,mBAAmB;AACnD,YAAI,MAAM,wBAAwB;AAKhC,gBAAM,uBAAuB,CAA8B;AAAA,QAC7D;AACA,cAAM,gBAAgB;AAAA,MACxB;AAAA,IACF;AAGA,QAAI,OAAO,iBAAiB,aAAa;AACvC,YAAM,cAAc,CAAC,MAAkB;AACrC,YACE,MAAM,iBACN,MAAM,qBACN,aAAa,GAAG,GAAG,GACnB;AACA,gBAAM,gBAAgB;AAKtB,gBAAM,kBAAkB,CAA8B;AAAA,QACxD;AAAA,MACF;AAEA,eAAS,KAAK,iBAAiB,eAAe,aAAa;AAC3D,eAAS,KAAK,iBAAiB,aAAa,WAAW;AAEvD,aAAO,MAAM;AACX,iBAAS,KAAK,oBAAoB,eAAe,aAAa;AAC9D,iBAAS,KAAK,oBAAoB,aAAa,WAAW;AAAA,MAC5D;AAAA,IACF,OAAO;AACL,YAAM,YAAY,CAAC,MAAkB;AACnC,YAAI,MAAM,2BAA2B;AACnC,gBAAM,4BAA4B;AAAA,QACpC,WACE,MAAM,iBACN,MAAM,qBACN,aAAa,GAAG,GAAG,GACnB;AACA,gBAAM,gBAAgB;AAKtB,gBAAM,kBAAkB,CAA8B;AAAA,QACxD;AAAA,MACF;AAEA,YAAM,aAAa,CAAC,MAAkB;AACpC,cAAM,4BAA4B;AAClC,YACE,MAAM,qBACN,MAAM,iBACN,aAAa,GAAG,GAAG,GACnB;AACA,gBAAM,gBAAgB;AAKtB,gBAAM,kBAAkB,CAA8B;AAAA,QACxD;AAAA,MACF;AAEA,eAAS,KAAK,iBAAiB,aAAa,aAAa;AACzD,eAAS,KAAK,iBAAiB,WAAW,SAAS;AACnD,eAAS,KAAK,iBAAiB,cAAc,aAAa;AAC1D,eAAS,KAAK,iBAAiB,YAAY,UAAU;AAErD,aAAO,MAAM;AACX,iBAAS,KAAK,oBAAoB,aAAa,aAAa;AAC5D,iBAAS,KAAK,oBAAoB,WAAW,SAAS;AACtD,iBAAS,KAAK,oBAAoB,cAAc,aAAa;AAC7D,iBAAS,KAAK,oBAAoB,YAAY,UAAU;AAAA,MAC1D;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,UAAU,CAAC;AAC7B;AAGA,SAAS,aAEP,OAEA,KACA;AACA,MAAI,MAAM,SAAS,GAAG;AACpB,WAAO;AAAA,EACT;AAGA,MAAI,MAAM,QAAQ;AAChB,UAAM,gBAAgB,MAAM,OAAO;AACnC,QACE,CAAC,iBACD,CAAC,cAAc,gBAAgB,SAAS,MAAM,MAAM,GACpD;AACA,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO,CAAC,CAAC,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,MAAM;AAC5D;AAgBA,SAAS,eAAe,OAA4C;AAClE,QAAM,QAAQ,OAAO;AAAA,IACnB,eAAe;AAAA,EACjB,CAAC,EAAE;AAEH,MAAI,MAAM,YAAY;AACpB,WAAO,EAAE,kBAAkB,CAAC,EAAE;AAAA,EAChC;AAEA,QAAM,UAAU,CAAC,MAAkB;AACjC,QAAI,CAAC,MAAM,eAAe;AACxB,UAAI,MAAM,eAAe;AACvB,cAAM,cAAc,CAAC;AAAA,MACvB;AAEA,UAAI,MAAM,qBAAqB;AAC7B,cAAM,oBAAoB,IAAI;AAAA,MAChC;AAEA,YAAM,gBAAgB;AAAA,IACxB;AAAA,EACF;AAEA,QAAM,SAAS,CAAC,MAAkB;AAIhC,UAAM,gBAAgB,EAAE;AACxB,UAAM,gBAAgB,EAAE;AACxB,QAAI,MAAM,iBAAiB,CAAC,cAAc,SAAS,aAAa,GAAG;AACjE,UAAI,MAAM,cAAc;AACtB,cAAM,aAAa,CAAC;AAAA,MACtB;AAEA,UAAI,MAAM,qBAAqB;AAC7B,cAAM,oBAAoB,KAAK;AAAA,MACjC;AAEA,YAAM,gBAAgB;AAAA,IACxB;AAAA,EACF;AAEA,SAAO;AAAA,IACL,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAiBO,SAAS,cAAc,OAAqC;AACjE,QAAM,EAAE,UAAU,IAAI;AACtB,QAAM,UAAU,MAAM;AACpB,QAAI,WAAW;AACb,gBAAU;AAAA,IACZ;AAAA,EACF;AAEA,SACE,oBAAC,kBACC,8BAAC,YAAO,UAAU,IAAI,cAAW,WAAU,SAAkB,GAC/D;AAEJ;",
+  "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"],
+  "mappings": "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",
   "names": ["isOpen"]
 }

package/esm/overlays/modal/Modal.css

@@ -1,4 +1,4 @@
-._dmotjm0-3-5-0 {
+._dmotjm0-3-6-0 {
   box-sizing: border-box;
   position: relative;
   display: flex;
@@ -11,16 +11,16 @@
   background: var(--dt-colors-background-surface-default, #fff);
   overflow-y: auto;
 }
-._dmotjm1-3-5-0 {
+._dmotjm1-3-6-0 {
   max-width: 576px;
 }
-._dmotjm2-3-5-0 {
+._dmotjm2-3-6-0 {
   max-width: 768px;
 }
-._dmotjm3-3-5-0 {
+._dmotjm3-3-6-0 {
   max-width: 1280px;
 }
-._dmotjm4-3-5-0 {
+._dmotjm4-3-6-0 {
   position: fixed;
   top: 0;
   left: 0;
@@ -32,7 +32,7 @@
   background: var(--dt-colors-background-surface-backdrop, #f9f9facc);
   z-index: var(--dt-elevations-default, 1);
 }
-._dmotjm5-3-5-0 {
+._dmotjm5-3-6-0 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -40,7 +40,7 @@
   padding: var(--dt-spacings-size-16, 16px) var(--dt-spacings-size-24, 24px) var(--dt-spacings-size-8, 8px);
 }
 @supports not (height: 1dvh) {
-  ._dmotjm0-3-5-0 {
+  ._dmotjm0-3-6-0 {
     max-height: 96vh;
   }
 }

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

@@ -1,8 +1,8 @@
 import "./Modal.css";
-var backdrop = "_dmotjm4-3-5-0";
-var base = "_dmotjm0-3-5-0";
-var header = "_dmotjm5-3-5-0";
-var sizes = { small: "_dmotjm1-3-5-0", medium: "_dmotjm2-3-5-0", large: "_dmotjm3-3-5-0" };
+var backdrop = "_dmotjm4-3-6-0";
+var base = "_dmotjm0-3-6-0";
+var header = "_dmotjm5-3-6-0";
+var sizes = { small: "_dmotjm1-3-6-0", medium: "_dmotjm2-3-6-0", large: "_dmotjm3-3-6-0" };
 export {
   backdrop,
   base,

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-5-0';\nexport var base = '_dmotjm0-3-5-0';\nexport var header = '_dmotjm5-3-5-0';\nexport var sizes = {small:'_dmotjm1-3-5-0',medium:'_dmotjm2-3-5-0',large:'_dmotjm3-3-5-0'};"],
+  "sourcesContent": ["import './Modal.css';\nexport var backdrop = '_dmotjm4-3-6-0';\nexport var base = '_dmotjm0-3-6-0';\nexport var header = '_dmotjm5-3-6-0';\nexport var sizes = {small:'_dmotjm1-3-6-0',medium:'_dmotjm2-3-6-0',large:'_dmotjm3-3-6-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,QAAQ,EAAC,OAAM,kBAAiB,QAAO,kBAAiB,OAAM,iBAAgB;",
   "names": []
 }

package/esm/overlays/overlay/Overlay.css

@@ -1,4 +1,4 @@
-._1dhu6810-3-5-0 {
+._1dhu6810-3-6-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);

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

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

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

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

package/esm/overlays/sheet/Sheet.css

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

package/esm/overlays/sheet/Sheet.sty.js

@@ -1,9 +1,9 @@
 import "./Sheet.css";
-var sheetBackdropCSS = "_d76u1n0-3-5-0";
-var sheetCSS = "_d76u1n1-3-5-0";
-var sheetHeadingCSS = "_d76u1n4-3-5-0";
-var sheetScrollableContainerCSS = "_d76u1n2-3-5-0";
-var sheetWrapperCSS = "_d76u1n3-3-5-0";
+var sheetBackdropCSS = "_d76u1n0-3-6-0";
+var sheetCSS = "_d76u1n1-3-6-0";
+var sheetHeadingCSS = "_d76u1n4-3-6-0";
+var sheetScrollableContainerCSS = "_d76u1n2-3-6-0";
+var sheetWrapperCSS = "_d76u1n3-3-6-0";
 export {
   sheetBackdropCSS,
   sheetCSS,

package/esm/overlays/sheet/Sheet.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/sheet/Sheet.css.ts"],
-  "sourcesContent": ["import './Sheet.css';\nexport var sheetBackdropCSS = '_d76u1n0-3-5-0';\nexport var sheetCSS = '_d76u1n1-3-5-0';\nexport var sheetHeadingCSS = '_d76u1n4-3-5-0';\nexport var sheetScrollableContainerCSS = '_d76u1n2-3-5-0';\nexport var sheetWrapperCSS = '_d76u1n3-3-5-0';"],
+  "sourcesContent": ["import './Sheet.css';\nexport var sheetBackdropCSS = '_d76u1n0-3-6-0';\nexport var sheetCSS = '_d76u1n1-3-6-0';\nexport var sheetHeadingCSS = '_d76u1n4-3-6-0';\nexport var sheetScrollableContainerCSS = '_d76u1n2-3-6-0';\nexport var sheetWrapperCSS = '_d76u1n3-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,WAAW;AACf,IAAI,kBAAkB;AACtB,IAAI,8BAA8B;AAClC,IAAI,kBAAkB;",
   "names": []
 }

package/esm/overlays/tooltip/tooltip.css

@@ -1,54 +1,54 @@
-._hplwyr1-3-5-0 {
+._hplwyr1-3-6-0 {
   max-width: 240px;
   word-break: normal;
   overflow-wrap: anywhere;
   pointer-events: auto;
 }
-._hplwyr1-3-5-0[data-popper-placement^="top"]::after {
+._hplwyr1-3-6-0[data-popper-placement^="top"]::after {
   content: "";
   position: absolute;
   width: 100%;
-  height: var(--_hplwyr0-3-5-0);
+  height: var(--_hplwyr0-3-6-0);
   left: 0;
-  bottom: calc(var(--_hplwyr0-3-5-0) * -1);
+  bottom: calc(var(--_hplwyr0-3-6-0) * -1);
 }
-._hplwyr1-3-5-0[data-popper-placement^="bottom"]::after {
+._hplwyr1-3-6-0[data-popper-placement^="bottom"]::after {
   content: "";
   position: absolute;
   width: 100%;
-  height: var(--_hplwyr0-3-5-0);
+  height: var(--_hplwyr0-3-6-0);
   left: 0;
-  top: calc(var(--_hplwyr0-3-5-0) * -1);
+  top: calc(var(--_hplwyr0-3-6-0) * -1);
 }
-._hplwyr1-3-5-0[data-popper-placement^="left"]::after {
+._hplwyr1-3-6-0[data-popper-placement^="left"]::after {
   content: "";
   position: absolute;
   height: 100%;
-  width: var(--_hplwyr0-3-5-0);
+  width: var(--_hplwyr0-3-6-0);
   top: 0;
-  right: calc(var(--_hplwyr0-3-5-0) * -1);
+  right: calc(var(--_hplwyr0-3-6-0) * -1);
 }
-._hplwyr1-3-5-0[data-popper-placement^="right"]::after {
+._hplwyr1-3-6-0[data-popper-placement^="right"]::after {
   content: "";
   position: absolute;
   height: 100%;
-  width: var(--_hplwyr0-3-5-0);
+  width: var(--_hplwyr0-3-6-0);
   top: 0;
-  left: calc(var(--_hplwyr0-3-5-0) * -1);
+  left: calc(var(--_hplwyr0-3-6-0) * -1);
 }
-._hplwyr1-3-5-0[data-popper-placement^="top"] > div {
+._hplwyr1-3-6-0[data-popper-placement^="top"] > div {
   transform-origin: center bottom;
 }
-._hplwyr1-3-5-0[data-popper-placement^="bottom"] > div {
+._hplwyr1-3-6-0[data-popper-placement^="bottom"] > div {
   transform-origin: center top;
 }
-._hplwyr1-3-5-0[data-popper-placement^="left"] > div {
+._hplwyr1-3-6-0[data-popper-placement^="left"] > div {
   transform-origin: right center;
 }
-._hplwyr1-3-5-0[data-popper-placement^="right"] > div {
+._hplwyr1-3-6-0[data-popper-placement^="right"] > div {
   transform-origin: left center;
 }
-._hplwyr2-3-5-0 {
+._hplwyr2-3-6-0 {
   background: var(--dt-colors-background-surface-default, #fff);
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);

package/esm/overlays/tooltip/tooltip.sty.js

@@ -1,7 +1,7 @@
 import "./tooltip.css";
-var tooltipAnimationWrapperCSS = "_hplwyr2-3-5-0";
-var tooltipElementCSS = "_hplwyr1-3-5-0";
-var tooltipOffsetVar = "var(--_hplwyr0-3-5-0)";
+var tooltipAnimationWrapperCSS = "_hplwyr2-3-6-0";
+var tooltipElementCSS = "_hplwyr1-3-6-0";
+var tooltipOffsetVar = "var(--_hplwyr0-3-6-0)";
 export {
   tooltipAnimationWrapperCSS,
   tooltipElementCSS,

package/esm/overlays/tooltip/tooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/tooltip/tooltip.css.ts"],
-  "sourcesContent": ["import './tooltip.css';\nexport var tooltipAnimationWrapperCSS = '_hplwyr2-3-5-0';\nexport var tooltipElementCSS = '_hplwyr1-3-5-0';\nexport var tooltipOffsetVar = 'var(--_hplwyr0-3-5-0)';"],
+  "sourcesContent": ["import './tooltip.css';\nexport var tooltipAnimationWrapperCSS = '_hplwyr2-3-6-0';\nexport var tooltipElementCSS = '_hplwyr1-3-6-0';\nexport var tooltipOffsetVar = 'var(--_hplwyr0-3-6-0)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,6BAA6B;AACjC,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;",
   "names": []
 }