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

package/dist/ConfirmationModal/index.cjs

@@ -7,6 +7,7 @@ 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,6 +5,7 @@ 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,6 +25,7 @@ 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,3 +23,4 @@ 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,6 +20,7 @@ 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,6 +18,7 @@ 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,6 +41,7 @@ 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,6 +39,7 @@ 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,6 +5,7 @@ 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');
@@ -42,7 +43,17 @@ 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);
-    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, onKeyDown: handleKeyDown },
+    // 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]);
+    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: {
                 duration: 0.2,
@@ -54,22 +65,6 @@ 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 handleKeyDown(event) {
-        if (event.key === "Escape") {
-            // Stop the Escape from bubbling to outer overlays (e.g. a Base UI Dialog
-            // this Modal is nested within, whose dismissal listens at the document
-            // level). Without this, one Escape closes both layers; instead only the
-            // top-most layer — this Modal — should close. Mirrors SideDrawer's
-            // Escape containment.
-            event.stopPropagation();
-            handleRequestClose();
-        }
-    }
 }
 function Header({ title, dismissible, onRequestClose }) {
     return (React.createElement("div", { className: styles$1.header, "data-testid": "modal-header" },

package/dist/Modal/index.mjs

@@ -3,6 +3,7 @@ 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 { H as Heading } from '../Heading-es.js';
 import { B as Button } from '../Button-es.js';
 import { B as ButtonDismiss } from '../ButtonDismiss-es.js';
@@ -40,7 +41,17 @@ 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);
-    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, onKeyDown: handleKeyDown },
+    // 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]);
+    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: {
                 duration: 0.2,
@@ -52,22 +63,6 @@ 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 handleKeyDown(event) {
-        if (event.key === "Escape") {
-            // Stop the Escape from bubbling to outer overlays (e.g. a Base UI Dialog
-            // this Modal is nested within, whose dismissal listens at the document
-            // level). Without this, one Escape closes both layers; instead only the
-            // top-most layer — this Modal — should close. Mirrors SideDrawer's
-            // Escape containment.
-            event.stopPropagation();
-            handleRequestClose();
-        }
-    }
 }
 function Header({ title, dismissible, onRequestClose }) {
     return (React__default.createElement("div", { className: styles$1.header, "data-testid": "modal-header" },

package/dist/Modal/nestedEscape.d.ts

@@ -0,0 +1,57 @@
+/**
+ * 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/dialogReturnFocus-cjs.js

@@ -12,6 +12,7 @@ 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
@@ -306,6 +307,14 @@ 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,6 +10,7 @@ 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
@@ -304,6 +305,14 @@ 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,6 +180,7 @@ 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,6 +178,7 @@ 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/nestedEscape-cjs.js

@@ -0,0 +1,94 @@
+'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

@@ -0,0 +1,91 @@
+/**
+ * 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 };

package/package.json

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