@jobber/components 8.27.3-FIXproper-e2c0fc2.2 → 8.28.0

package/dist/ConfirmationModal/index.cjs

@@ -7,7 +7,6 @@ require('../Modal/index.cjs');
 require('react-dom');
 require('classnames');
 require('framer-motion');
-require('../nestedEscape-cjs.js');
 require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');

package/dist/ConfirmationModal/index.mjs

@@ -5,7 +5,6 @@ import '../Modal/index.mjs';
 import 'react-dom';
 import 'classnames';
 import 'framer-motion';
-import '../nestedEscape-es.js';
 import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';

package/dist/Dialog/index.cjs

@@ -25,7 +25,6 @@ require('../Heading-cjs.js');
 require('../BottomSheet-cjs.js');
 require('../DrawerTitle-cjs.js');
 require('../DrawerDescription-cjs.js');
-require('../nestedEscape-cjs.js');
 
 
 

package/dist/Dialog/index.mjs

@@ -23,4 +23,3 @@ import '../Heading-es.js';
 import '../BottomSheet-es.js';
 import '../DrawerTitle-es.js';
 import '../DrawerDescription-es.js';
-import '../nestedEscape-es.js';

package/dist/FormatFile/index.cjs

@@ -20,7 +20,6 @@ require('@jobber/hooks');
 require('../Modal/index.cjs');
 require('react-dom');
 require('framer-motion');
-require('../nestedEscape-cjs.js');
 require('../Heading-cjs.js');
 require('../ButtonDismiss-cjs.js');
 require('../noop-cjs.js');

package/dist/FormatFile/index.mjs

@@ -18,7 +18,6 @@ import '@jobber/hooks';
 import '../Modal/index.mjs';
 import 'react-dom';
 import 'framer-motion';
-import '../nestedEscape-es.js';
 import '../Heading-es.js';
 import '../ButtonDismiss-es.js';
 import '../noop-es.js';

package/dist/Gallery/index.cjs

@@ -41,7 +41,6 @@ require('../Content-cjs.js');
 require('../ProgressBar-cjs.js');
 require('../ConfirmationModal-cjs.js');
 require('../Modal/index.cjs');
-require('../nestedEscape-cjs.js');
 require('../AtlantisPortalContent-cjs.js');
 require('../Markdown-cjs.js');
 require('../Emphasis-cjs.js');

package/dist/Gallery/index.mjs

@@ -39,7 +39,6 @@ import '../Content-es.js';
 import '../ProgressBar-es.js';
 import '../ConfirmationModal-es.js';
 import '../Modal/index.mjs';
-import '../nestedEscape-es.js';
 import '../AtlantisPortalContent-es.js';
 import '../Markdown-es.js';
 import '../Emphasis-es.js';

package/dist/Modal/index.cjs

@@ -5,7 +5,6 @@ var ReactDOM = require('react-dom');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
 var jobberHooks = require('@jobber/hooks');
-var nestedEscape = require('../nestedEscape-cjs.js');
 var Heading = require('../Heading-cjs.js');
 var Button = require('../Button-cjs.js');
 var ButtonDismiss = require('../ButtonDismiss-cjs.js');
@@ -43,16 +42,7 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
     const containerClassName = classnames(styles$1.container, size === "fullScreen" && styles$1.containerFullScreen);
     jobberHooks.useRefocusOnActivator(open);
     const modalRef = jobberHooks.useFocusTrap(open);
-    // Contain Escape so a Modal nested with a Base UI Dialog closes only the
-    // top-most layer.
-    React.useEffect(() => {
-        if (!open)
-            return;
-        return nestedEscape.addModalEscapeContainment({
-            getModal: () => modalRef.current,
-            onRequestClose,
-        });
-    }, [open, onRequestClose]);
+    jobberHooks.useOnKeyDown(handleRequestClose, "Escape");
     const template = (React.createElement(framerMotion.AnimatePresence, null, open && (React.createElement("div", { ref: modalRef, role: "dialog", className: containerClassName, tabIndex: 0, "aria-modal": "true", "aria-labelledby": title ? MODAL_HEADER_ID : undefined, "aria-label": ariaLabel },
         React.createElement(framerMotion.motion.div, { key: styles$1.overlay, className: styles$1.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
         React.createElement(framerMotion.motion.div, { key: styles$1.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {
@@ -65,6 +55,11 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
     return (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
         ? ReactDOM.createPortal(template, document.body)
         : template;
+    function handleRequestClose() {
+        if (open && onRequestClose) {
+            onRequestClose();
+        }
+    }
 }
 function Header({ title, dismissible, onRequestClose }) {
     return (React.createElement("div", { className: styles$1.header, "data-testid": "modal-header" },

package/dist/Modal/index.mjs

@@ -2,8 +2,7 @@ import React__default, { useRef, useEffect, createContext, useContext } from 're
 import ReactDOM__default from 'react-dom';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { useRefocusOnActivator, useFocusTrap } from '@jobber/hooks';
-import { a as addModalEscapeContainment } from '../nestedEscape-es.js';
+import { useRefocusOnActivator, useFocusTrap, useOnKeyDown } from '@jobber/hooks';
 import { H as Heading } from '../Heading-es.js';
 import { B as Button } from '../Button-es.js';
 import { B as ButtonDismiss } from '../ButtonDismiss-es.js';
@@ -41,16 +40,7 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
     const containerClassName = classnames(styles$1.container, size === "fullScreen" && styles$1.containerFullScreen);
     useRefocusOnActivator(open);
     const modalRef = useFocusTrap(open);
-    // Contain Escape so a Modal nested with a Base UI Dialog closes only the
-    // top-most layer.
-    React__default.useEffect(() => {
-        if (!open)
-            return;
-        return addModalEscapeContainment({
-            getModal: () => modalRef.current,
-            onRequestClose,
-        });
-    }, [open, onRequestClose]);
+    useOnKeyDown(handleRequestClose, "Escape");
     const template = (React__default.createElement(AnimatePresence, null, open && (React__default.createElement("div", { ref: modalRef, role: "dialog", className: containerClassName, tabIndex: 0, "aria-modal": "true", "aria-labelledby": title ? MODAL_HEADER_ID : undefined, "aria-label": ariaLabel },
         React__default.createElement(motion.div, { key: styles$1.overlay, className: styles$1.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
         React__default.createElement(motion.div, { key: styles$1.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {
@@ -63,6 +53,11 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
     return (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
         ? ReactDOM__default.createPortal(template, document.body)
         : template;
+    function handleRequestClose() {
+        if (open && onRequestClose) {
+            onRequestClose();
+        }
+    }
 }
 function Header({ title, dismissible, onRequestClose }) {
     return (React__default.createElement("div", { className: styles$1.header, "data-testid": "modal-header" },

package/dist/dialogReturnFocus-cjs.js

@@ -12,7 +12,6 @@ var Heading = require('./Heading-cjs.js');
 var BottomSheet = require('./BottomSheet-cjs.js');
 var DrawerTitle = require('./DrawerTitle-cjs.js');
 var DrawerDescription = require('./DrawerDescription-cjs.js');
-var nestedEscape = require('./nestedEscape-cjs.js');
 
 // Copied from Menu's constant so the two surfaces agree on what "mobile" means.
 // (The proposal calls for copying shared Menu values into the component first
@@ -307,14 +306,6 @@ function useDialogShell() {
 function Dialog(_a) {
     var { onRequestClose, size = "base", type = "dialog", finalFocus, children, onOpenChange } = _a, rest = tslib_es6.__rest(_a, ["onRequestClose", "size", "type", "finalFocus", "children", "onOpenChange"]);
     function handleOpenChange(nextOpen, eventDetails) {
-        if (!nextOpen &&
-            eventDetails.reason === "escape-key" &&
-            nestedEscape.isEscapeHandledByModal(eventDetails.event)) {
-            // A legacy Modal nested inside this Dialog owns this Escape and will close
-            // itself; keep the Dialog open so a single Escape closes only the Modal.
-            eventDetails.cancel();
-            return;
-        }
         if (!nextOpen) {
             onRequestClose === null || onRequestClose === void 0 ? void 0 : onRequestClose(eventDetails);
         }

package/dist/dialogReturnFocus-es.js

@@ -10,7 +10,6 @@ import { H as Heading } from './Heading-es.js';
 import { a as BottomSheet, B as BottomSheetScrollAreaContext } from './BottomSheet-es.js';
 import { D as DrawerTitle, a as DrawerClose, b as DialogTitle$1, c as DialogClose$1 } from './DrawerTitle-es.js';
 import { D as DrawerDescription, a as DialogBackdrop, b as DialogPopup, c as DialogDescription, d as createDialogHandle } from './DrawerDescription-es.js';
-import { i as isEscapeHandledByModal } from './nestedEscape-es.js';
 
 // Copied from Menu's constant so the two surfaces agree on what "mobile" means.
 // (The proposal calls for copying shared Menu values into the component first
@@ -305,14 +304,6 @@ function useDialogShell() {
 function Dialog(_a) {
     var { onRequestClose, size = "base", type = "dialog", finalFocus, children, onOpenChange } = _a, rest = __rest(_a, ["onRequestClose", "size", "type", "finalFocus", "children", "onOpenChange"]);
     function handleOpenChange(nextOpen, eventDetails) {
-        if (!nextOpen &&
-            eventDetails.reason === "escape-key" &&
-            isEscapeHandledByModal(eventDetails.event)) {
-            // A legacy Modal nested inside this Dialog owns this Escape and will close
-            // itself; keep the Dialog open so a single Escape closes only the Modal.
-            eventDetails.cancel();
-            return;
-        }
         if (!nextOpen) {
             onRequestClose === null || onRequestClose === void 0 ? void 0 : onRequestClose(eventDetails);
         }

package/dist/index.cjs

@@ -180,7 +180,6 @@ require('./clamp-cjs.js');
 require('./BottomSheet-cjs.js');
 require('./DrawerTitle-cjs.js');
 require('./DrawerDescription-cjs.js');
-require('./nestedEscape-cjs.js');
 require('./useFormFieldFocus-cjs.js');
 require('filesize');
 require('./GridCell-cjs.js');

package/dist/index.mjs

@@ -178,7 +178,6 @@ import './clamp-es.js';
 import './BottomSheet-es.js';
 import './DrawerTitle-es.js';
 import './DrawerDescription-es.js';
-import './nestedEscape-es.js';
 import './useFormFieldFocus-es.js';
 import 'filesize';
 import './GridCell-es.js';

package/dist/sharedHelpers/i18n/common.messages.d.ts

@@ -0,0 +1,14 @@
+export declare const commonMessages: {
+    Loading: {
+        en: string;
+        es: string;
+    };
+    Confirm: {
+        en: string;
+        es: string;
+    };
+    Cancel: {
+        en: string;
+        es: string;
+    };
+};

package/dist/sharedHelpers/i18n/index.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var React = require('react');
+var AtlantisContext = require('../../AtlantisContext-cjs.js');
+
+function defineMessages(messages) {
+    return messages;
+}
+function useAtlantisI18n(messages) {
+    const { locale } = AtlantisContext.useAtlantisContext();
+    const normalizedLocale = normalizeLocale(locale);
+    const t = React.useCallback((messageKey, values) => {
+        return interpolateMessage(resolveMessage(messages[messageKey], normalizedLocale), values);
+    }, [normalizedLocale, messages]);
+    return { locale: normalizedLocale, t };
+}
+function resolveMessage(message, normalizedLocale) {
+    var _a, _b;
+    const baseLocale = normalizedLocale.split("-")[0];
+    return (_b = (_a = message[normalizedLocale]) !== null && _a !== void 0 ? _a : message[baseLocale]) !== null && _b !== void 0 ? _b : message.en;
+}
+function normalizeLocale(locale) {
+    return locale.trim().replace(/_/g, "-").toLowerCase();
+}
+function interpolateMessage(message, values) {
+    if (!values)
+        return message;
+    return message.replace(/\{(\w+)\}/g, (placeholder, key) => {
+        const value = values[key];
+        return value === undefined ? placeholder : String(value);
+    });
+}
+
+const commonMessages = defineMessages({
+    Loading: {
+        en: "Loading",
+        es: "Cargando",
+    },
+    Confirm: {
+        en: "Confirm",
+        es: "Confirmar",
+    },
+    Cancel: {
+        en: "Cancel",
+        es: "Cancelar",
+    },
+});
+
+exports.commonMessages = commonMessages;
+exports.defineMessages = defineMessages;
+exports.useAtlantisI18n = useAtlantisI18n;

package/dist/sharedHelpers/i18n/index.d.ts

@@ -0,0 +1,3 @@
+export { commonMessages } from "./common.messages";
+export { defineMessages, useAtlantisI18n } from "./useAtlantisI18n";
+export type { AtlantisMessages } from "./useAtlantisI18n";

package/dist/sharedHelpers/i18n/index.mjs

@@ -0,0 +1,47 @@
+import { useCallback } from 'react';
+import { u as useAtlantisContext } from '../../AtlantisContext-es.js';
+
+function defineMessages(messages) {
+    return messages;
+}
+function useAtlantisI18n(messages) {
+    const { locale } = useAtlantisContext();
+    const normalizedLocale = normalizeLocale(locale);
+    const t = useCallback((messageKey, values) => {
+        return interpolateMessage(resolveMessage(messages[messageKey], normalizedLocale), values);
+    }, [normalizedLocale, messages]);
+    return { locale: normalizedLocale, t };
+}
+function resolveMessage(message, normalizedLocale) {
+    var _a, _b;
+    const baseLocale = normalizedLocale.split("-")[0];
+    return (_b = (_a = message[normalizedLocale]) !== null && _a !== void 0 ? _a : message[baseLocale]) !== null && _b !== void 0 ? _b : message.en;
+}
+function normalizeLocale(locale) {
+    return locale.trim().replace(/_/g, "-").toLowerCase();
+}
+function interpolateMessage(message, values) {
+    if (!values)
+        return message;
+    return message.replace(/\{(\w+)\}/g, (placeholder, key) => {
+        const value = values[key];
+        return value === undefined ? placeholder : String(value);
+    });
+}
+
+const commonMessages = defineMessages({
+    Loading: {
+        en: "Loading",
+        es: "Cargando",
+    },
+    Confirm: {
+        en: "Confirm",
+        es: "Confirmar",
+    },
+    Cancel: {
+        en: "Cancel",
+        es: "Cancelar",
+    },
+});
+
+export { commonMessages, defineMessages, useAtlantisI18n };

package/dist/sharedHelpers/i18n/useAtlantisI18n.d.ts

@@ -0,0 +1,13 @@
+export interface AtlantisMessages {
+    readonly [messageKey: string]: {
+        readonly en: string;
+        readonly [locale: string]: string;
+    };
+}
+type MessageValues = Record<string, string | number>;
+export declare function defineMessages<Messages extends AtlantisMessages>(messages: Messages): Messages;
+export declare function useAtlantisI18n<Messages extends AtlantisMessages>(messages: Messages): {
+    readonly locale: string;
+    readonly t: (messageKey: keyof Messages, values?: MessageValues) => string;
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "8.27.3-FIXproper-e2c0fc2.2+e2c0fc29",
+  "version": "8.28.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -545,5 +545,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "e2c0fc291df3952458a5b6151abdc433402c7286"
+  "gitHead": "75d8d5864dc4ae25c056ff90847551a4097eee1f"
 }

package/dist/Modal/nestedEscape.d.ts

@@ -1,57 +0,0 @@
-/**
- * Escape-key containment between the legacy prop-based `Modal` and Base UI's
- * `Dialog`.
- *
- * The problem: both overlays listen for Escape at the `document` level and both
- * portal their content to `<body>`. When one is nested inside the other, a
- * single Escape reaches both listeners, so both layers close. Only the top-most
- * layer should close.
- *
- * The legacy `Modal` can't join Base UI's floating-element tree, so this module
- * coordinates the two with a small, explicit protocol:
- *
- *   1. Top-most check — because each overlay portals to `<body>`, the focused
- *      content's *nearest* `[role="dialog"]` ancestor is always its own
- *      container. So the Modal only acts when that nearest dialog is itself; if
- *      it's a different (nested) dialog, the Modal defers. See
- *      {@link isTopMostOverlayForEscape}.
- *
- *   2. Deferral signal — when the Modal is top-most it stamps the native event
- *      during the CAPTURE phase (which runs before Base UI's bubble-phase
- *      dismissal). An outer Base UI `Dialog` reads that flag in its
- *      `onOpenChange` handler and cancels, so the Dialog stays open while the
- *      Modal closes. See {@link markEscapeHandledByModal} /
- *      {@link isEscapeHandledByModal}.
- *
- * Note: this is a DOM-proximity heuristic rather than a true overlay stack. It
- * holds only because both overlays portal to `<body>` and expose a dialog role.
- */
-/**
- * Whether `container` is the top-most overlay for this Escape — i.e. the
- * Escape originated inside `container` and not inside a more deeply nested
- * dialog/overlay. Returns `true` when the Escape happened outside any dialog
- * (e.g. focus not yet inside the Modal) so the Modal keeps its historical
- * focus-independent close behaviour.
- */
-export declare function isTopMostOverlayForEscape(event: KeyboardEvent, container: Element | null): boolean;
-/** Marks the Escape as owned by a Modal so an outer Dialog can defer. */
-export declare function markEscapeHandledByModal(event: KeyboardEvent): void;
-/** Whether this Escape was already claimed by a nested Modal. */
-export declare function isEscapeHandledByModal(event: Event | undefined): boolean;
-/**
- * Wires up Escape containment for a legacy `Modal` and returns a cleanup
- * function. While active it:
- *
- *   - marks the event in the CAPTURE phase when the Modal is top-most, so an
- *     outer Base UI `Dialog` defers instead of closing; and
- *   - closes the Modal in the BUBBLE phase when it is top-most. Bubble phase
- *     means a nested overlay (Select, Popover, DatePicker, …) that stops the
- *     Escape below the document prevents this from firing, so the Modal
- *     correctly stays open in that case.
- *
- * `getContainer` is read lazily so the current Modal element is always used.
- */
-export declare function addModalEscapeContainment({ getModal, onRequestClose, }: {
-    getModal: () => Element | null;
-    onRequestClose?: () => void;
-}): () => void;

package/dist/nestedEscape-cjs.js

@@ -1,94 +0,0 @@
-'use strict';
-
-/**
- * Escape-key containment between the legacy prop-based `Modal` and Base UI's
- * `Dialog`.
- *
- * The problem: both overlays listen for Escape at the `document` level and both
- * portal their content to `<body>`. When one is nested inside the other, a
- * single Escape reaches both listeners, so both layers close. Only the top-most
- * layer should close.
- *
- * The legacy `Modal` can't join Base UI's floating-element tree, so this module
- * coordinates the two with a small, explicit protocol:
- *
- *   1. Top-most check — because each overlay portals to `<body>`, the focused
- *      content's *nearest* `[role="dialog"]` ancestor is always its own
- *      container. So the Modal only acts when that nearest dialog is itself; if
- *      it's a different (nested) dialog, the Modal defers. See
- *      {@link isTopMostOverlayForEscape}.
- *
- *   2. Deferral signal — when the Modal is top-most it stamps the native event
- *      during the CAPTURE phase (which runs before Base UI's bubble-phase
- *      dismissal). An outer Base UI `Dialog` reads that flag in its
- *      `onOpenChange` handler and cancels, so the Dialog stays open while the
- *      Modal closes. See {@link markEscapeHandledByModal} /
- *      {@link isEscapeHandledByModal}.
- *
- * Note: this is a DOM-proximity heuristic rather than a true overlay stack. It
- * holds only because both overlays portal to `<body>` and expose a dialog role.
- */
-const ESCAPE_KEY = "Escape";
-/** Selector matching either an accessible dialog or alert dialog surface. */
-const DIALOG_ROLE_SELECTOR = '[role="dialog"], [role="alertdialog"]';
-/** Property stamped on the native Escape event to signal Modal ownership. */
-const HANDLED_FLAG = "atlantisHandledByNestedModal";
-/**
- * Whether `container` is the top-most overlay for this Escape — i.e. the
- * Escape originated inside `container` and not inside a more deeply nested
- * dialog/overlay. Returns `true` when the Escape happened outside any dialog
- * (e.g. focus not yet inside the Modal) so the Modal keeps its historical
- * focus-independent close behaviour.
- */
-function isTopMostOverlayForEscape(event, container) {
-    var _a;
-    const target = event.target;
-    const nearestDialog = (_a = target === null || target === void 0 ? void 0 : target.closest) === null || _a === void 0 ? void 0 : _a.call(target, DIALOG_ROLE_SELECTOR);
-    return !nearestDialog || nearestDialog === container;
-}
-/** Marks the Escape as owned by a Modal so an outer Dialog can defer. */
-function markEscapeHandledByModal(event) {
-    event[HANDLED_FLAG] = true;
-}
-/** Whether this Escape was already claimed by a nested Modal. */
-function isEscapeHandledByModal(event) {
-    return Boolean(event === null || event === void 0 ? void 0 : event[HANDLED_FLAG]);
-}
-/**
- * Wires up Escape containment for a legacy `Modal` and returns a cleanup
- * function. While active it:
- *
- *   - marks the event in the CAPTURE phase when the Modal is top-most, so an
- *     outer Base UI `Dialog` defers instead of closing; and
- *   - closes the Modal in the BUBBLE phase when it is top-most. Bubble phase
- *     means a nested overlay (Select, Popover, DatePicker, …) that stops the
- *     Escape below the document prevents this from firing, so the Modal
- *     correctly stays open in that case.
- *
- * `getContainer` is read lazily so the current Modal element is always used.
- */
-function addModalEscapeContainment({ getModal, onRequestClose, }) {
-    function markEscape(event) {
-        if (event.key !== ESCAPE_KEY)
-            return;
-        if (!isTopMostOverlayForEscape(event, getModal()))
-            return;
-        markEscapeHandledByModal(event);
-    }
-    function closeOnEscape(event) {
-        if (event.key !== ESCAPE_KEY)
-            return;
-        if (!isTopMostOverlayForEscape(event, getModal()))
-            return;
-        onRequestClose === null || onRequestClose === void 0 ? void 0 : onRequestClose();
-    }
-    document.addEventListener("keydown", markEscape, true);
-    document.addEventListener("keydown", closeOnEscape);
-    return () => {
-        document.removeEventListener("keydown", markEscape, true);
-        document.removeEventListener("keydown", closeOnEscape);
-    };
-}
-
-exports.addModalEscapeContainment = addModalEscapeContainment;
-exports.isEscapeHandledByModal = isEscapeHandledByModal;

package/dist/nestedEscape-es.js

@@ -1,91 +0,0 @@
-/**
- * Escape-key containment between the legacy prop-based `Modal` and Base UI's
- * `Dialog`.
- *
- * The problem: both overlays listen for Escape at the `document` level and both
- * portal their content to `<body>`. When one is nested inside the other, a
- * single Escape reaches both listeners, so both layers close. Only the top-most
- * layer should close.
- *
- * The legacy `Modal` can't join Base UI's floating-element tree, so this module
- * coordinates the two with a small, explicit protocol:
- *
- *   1. Top-most check — because each overlay portals to `<body>`, the focused
- *      content's *nearest* `[role="dialog"]` ancestor is always its own
- *      container. So the Modal only acts when that nearest dialog is itself; if
- *      it's a different (nested) dialog, the Modal defers. See
- *      {@link isTopMostOverlayForEscape}.
- *
- *   2. Deferral signal — when the Modal is top-most it stamps the native event
- *      during the CAPTURE phase (which runs before Base UI's bubble-phase
- *      dismissal). An outer Base UI `Dialog` reads that flag in its
- *      `onOpenChange` handler and cancels, so the Dialog stays open while the
- *      Modal closes. See {@link markEscapeHandledByModal} /
- *      {@link isEscapeHandledByModal}.
- *
- * Note: this is a DOM-proximity heuristic rather than a true overlay stack. It
- * holds only because both overlays portal to `<body>` and expose a dialog role.
- */
-const ESCAPE_KEY = "Escape";
-/** Selector matching either an accessible dialog or alert dialog surface. */
-const DIALOG_ROLE_SELECTOR = '[role="dialog"], [role="alertdialog"]';
-/** Property stamped on the native Escape event to signal Modal ownership. */
-const HANDLED_FLAG = "atlantisHandledByNestedModal";
-/**
- * Whether `container` is the top-most overlay for this Escape — i.e. the
- * Escape originated inside `container` and not inside a more deeply nested
- * dialog/overlay. Returns `true` when the Escape happened outside any dialog
- * (e.g. focus not yet inside the Modal) so the Modal keeps its historical
- * focus-independent close behaviour.
- */
-function isTopMostOverlayForEscape(event, container) {
-    var _a;
-    const target = event.target;
-    const nearestDialog = (_a = target === null || target === void 0 ? void 0 : target.closest) === null || _a === void 0 ? void 0 : _a.call(target, DIALOG_ROLE_SELECTOR);
-    return !nearestDialog || nearestDialog === container;
-}
-/** Marks the Escape as owned by a Modal so an outer Dialog can defer. */
-function markEscapeHandledByModal(event) {
-    event[HANDLED_FLAG] = true;
-}
-/** Whether this Escape was already claimed by a nested Modal. */
-function isEscapeHandledByModal(event) {
-    return Boolean(event === null || event === void 0 ? void 0 : event[HANDLED_FLAG]);
-}
-/**
- * Wires up Escape containment for a legacy `Modal` and returns a cleanup
- * function. While active it:
- *
- *   - marks the event in the CAPTURE phase when the Modal is top-most, so an
- *     outer Base UI `Dialog` defers instead of closing; and
- *   - closes the Modal in the BUBBLE phase when it is top-most. Bubble phase
- *     means a nested overlay (Select, Popover, DatePicker, …) that stops the
- *     Escape below the document prevents this from firing, so the Modal
- *     correctly stays open in that case.
- *
- * `getContainer` is read lazily so the current Modal element is always used.
- */
-function addModalEscapeContainment({ getModal, onRequestClose, }) {
-    function markEscape(event) {
-        if (event.key !== ESCAPE_KEY)
-            return;
-        if (!isTopMostOverlayForEscape(event, getModal()))
-            return;
-        markEscapeHandledByModal(event);
-    }
-    function closeOnEscape(event) {
-        if (event.key !== ESCAPE_KEY)
-            return;
-        if (!isTopMostOverlayForEscape(event, getModal()))
-            return;
-        onRequestClose === null || onRequestClose === void 0 ? void 0 : onRequestClose();
-    }
-    document.addEventListener("keydown", markEscape, true);
-    document.addEventListener("keydown", closeOnEscape);
-    return () => {
-        document.removeEventListener("keydown", markEscape, true);
-        document.removeEventListener("keydown", closeOnEscape);
-    };
-}
-
-export { addModalEscapeContainment as a, isEscapeHandledByModal as i };