@arc-ui/components 11.14.0 → 11.16.0

package/dist/_shared/cjs/{Toast-69108261.js → Toast-91e96744.js}

@@ -4,10 +4,12 @@ var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var _extends = require('./extends-8c5e4b48.js');
 var $7SXl2$reactdom = require('react-dom');
-var index = require('./index-c575a255.js');
-var index$1 = require('./index-b2fd6338.js');
-var index$2 = require('./index-6b2a9ac3.js');
-var index$3 = require('./index-9947ac13.js');
+var index$1 = require('./index-56a040f4.js');
+var index = require('./index-d31f2b65.js');
+var index$2 = require('./index-4ecad2dd.js');
+var index$4 = require('./index-49c72a87.js');
+var index$3 = require('./index-1641d0b4.js');
+var index$5 = require('./index-9947ac13.js');
 var BtIconCrossAlt2Px_esm = require('./BtIconCrossAlt2Px.esm-1452b14b.js');
 var BtIconTick_esm = require('./BtIconTick.esm-844eac6c.js');
 var BtIconAlert_esm = require('./BtIconAlert.esm-1a0ff9f0.js');
@@ -17,31 +19,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-    return /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends._extends({}, props, {
-        ref: forwardedRef,
-        style: {
-            // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
-            position: 'absolute',
-            border: 0,
-            width: 1,
-            height: 1,
-            padding: 0,
-            margin: -1,
-            overflow: 'hidden',
-            clip: 'rect(0, 0, 0, 0)',
-            whiteSpace: 'nowrap',
-            wordWrap: 'normal',
-            ...props.style
-        }
-    }));
-});
-
 /* -------------------------------------------------------------------------------------------------
  * ToastProvider
  * -----------------------------------------------------------------------------------------------*/ const $054eb8030ebde76e$var$PROVIDER_NAME = 'ToastProvider';
-const [$054eb8030ebde76e$var$Collection, $054eb8030ebde76e$var$useCollection, $054eb8030ebde76e$var$createCollectionScope] = index$1.$e02a7d9cb1dc128c$export$c74125a8e3af6bb2('Toast');
-const [$054eb8030ebde76e$var$createToastContext, $054eb8030ebde76e$export$8a359da18fbc9073] = index.$c512c27ab02ef895$export$50c7b4e9d9f19c1('Toast', [
+const [$054eb8030ebde76e$var$Collection, $054eb8030ebde76e$var$useCollection, $054eb8030ebde76e$var$createCollectionScope] = index.$e02a7d9cb1dc128c$export$c74125a8e3af6bb2('Toast');
+const [$054eb8030ebde76e$var$createToastContext, $054eb8030ebde76e$export$8a359da18fbc9073] = index$1.$c512c27ab02ef895$export$50c7b4e9d9f19c1('Toast', [
     $054eb8030ebde76e$var$createCollectionScope
 ]);
 const [$054eb8030ebde76e$var$ToastProviderProvider, $054eb8030ebde76e$var$useToastProviderContext] = $054eb8030ebde76e$var$createToastContext($054eb8030ebde76e$var$PROVIDER_NAME);
@@ -97,7 +79,7 @@ const $054eb8030ebde76e$export$6192c2425ecfd989 = /*#__PURE__*/ React.forwardRef
     const headFocusProxyRef = React.useRef(null);
     const tailFocusProxyRef = React.useRef(null);
     const ref = React.useRef(null);
-    const composedRefs = index.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref, context.onViewportChange);
+    const composedRefs = index$1.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref, context.onViewportChange);
     const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '');
     const hasToasts = context.toastCount > 0;
     React.useEffect(()=>{
@@ -236,7 +218,7 @@ const $054eb8030ebde76e$export$6192c2425ecfd989 = /*#__PURE__*/ React.forwardRef
         }
     }), /*#__PURE__*/ React.createElement($054eb8030ebde76e$var$Collection.Slot, {
         scope: __scopeToast
-    }, /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.ol, _extends._extends({
+    }, /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.ol, _extends._extends({
         tabIndex: -1
     }, viewportProps, {
         ref: composedRefs
@@ -254,7 +236,7 @@ const $054eb8030ebde76e$export$6192c2425ecfd989 = /*#__PURE__*/ React.forwardRef
 const $054eb8030ebde76e$var$FocusProxy = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeToast: __scopeToast , onFocusFromOutsideViewport: onFocusFromOutsideViewport , ...proxyProps } = props;
     const context = $054eb8030ebde76e$var$useToastProviderContext($054eb8030ebde76e$var$FOCUS_PROXY_NAME, __scopeToast);
-    return /*#__PURE__*/ React.createElement($ea1ef594cf570d83$export$439d29a4e110a164, _extends._extends({
+    return /*#__PURE__*/ React.createElement(index$3.$ea1ef594cf570d83$export$439d29a4e110a164, _extends._extends({
         "aria-hidden": true,
         tabIndex: 0
     }, proxyProps, {
@@ -280,12 +262,12 @@ const $054eb8030ebde76e$var$TOAST_SWIPE_CANCEL = 'toast.swipeCancel';
 const $054eb8030ebde76e$var$TOAST_SWIPE_END = 'toast.swipeEnd';
 const $054eb8030ebde76e$export$8d8dc7d5f743331b = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { forceMount: forceMount , open: openProp , defaultOpen: defaultOpen , onOpenChange: onOpenChange , ...toastProps } = props;
-    const [open = true, setOpen] = index.$71cd76cc60e0454e$export$6f32135080cb4c3({
+    const [open = true, setOpen] = index$1.$71cd76cc60e0454e$export$6f32135080cb4c3({
         prop: openProp,
         defaultProp: defaultOpen,
         onChange: onOpenChange
     });
-    return /*#__PURE__*/ React.createElement(index.$921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+    return /*#__PURE__*/ React.createElement(index$4.$921a889cee6df7e8$export$99c2b779aa4e8b8b, {
         present: forceMount || open
     }, /*#__PURE__*/ React.createElement($054eb8030ebde76e$var$ToastImpl, _extends._extends({
         open: open
@@ -293,25 +275,25 @@ const $054eb8030ebde76e$export$8d8dc7d5f743331b = /*#__PURE__*/ React.forwardRef
         ref: forwardedRef,
         onClose: ()=>setOpen(false)
         ,
-        onPause: index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(props.onPause),
-        onResume: index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(props.onResume),
-        onSwipeStart: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeStart, (event)=>{
+        onPause: index$1.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(props.onPause),
+        onResume: index$1.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(props.onResume),
+        onSwipeStart: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeStart, (event)=>{
             event.currentTarget.setAttribute('data-swipe', 'start');
         }),
-        onSwipeMove: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeMove, (event)=>{
+        onSwipeMove: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeMove, (event)=>{
             const { x: x , y: y  } = event.detail.delta;
             event.currentTarget.setAttribute('data-swipe', 'move');
             event.currentTarget.style.setProperty('--radix-toast-swipe-move-x', `${x}px`);
             event.currentTarget.style.setProperty('--radix-toast-swipe-move-y', `${y}px`);
         }),
-        onSwipeCancel: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeCancel, (event)=>{
+        onSwipeCancel: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeCancel, (event)=>{
             event.currentTarget.setAttribute('data-swipe', 'cancel');
             event.currentTarget.style.removeProperty('--radix-toast-swipe-move-x');
             event.currentTarget.style.removeProperty('--radix-toast-swipe-move-y');
             event.currentTarget.style.removeProperty('--radix-toast-swipe-end-x');
             event.currentTarget.style.removeProperty('--radix-toast-swipe-end-y');
         }),
-        onSwipeEnd: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeEnd, (event)=>{
+        onSwipeEnd: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeEnd, (event)=>{
             const { x: x , y: y  } = event.detail.delta;
             event.currentTarget.setAttribute('data-swipe', 'end');
             event.currentTarget.style.removeProperty('--radix-toast-swipe-move-x');
@@ -329,7 +311,7 @@ const $054eb8030ebde76e$var$ToastImpl = /*#__PURE__*/ React.forwardRef((props, f
     const { __scopeToast: __scopeToast , type: type = 'foreground' , duration: durationProp , open: open , onClose: onClose , onEscapeKeyDown: onEscapeKeyDown , onPause: onPause , onResume: onResume , onSwipeStart: onSwipeStart , onSwipeMove: onSwipeMove , onSwipeCancel: onSwipeCancel , onSwipeEnd: onSwipeEnd , ...toastProps } = props;
     const context = $054eb8030ebde76e$var$useToastProviderContext($054eb8030ebde76e$var$TOAST_NAME, __scopeToast);
     const [node1, setNode] = React.useState(null);
-    const composedRefs = index.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setNode(node)
+    const composedRefs = index$1.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setNode(node)
     );
     const pointerStartRef = React.useRef(null);
     const swipeDeltaRef = React.useRef(null);
@@ -338,7 +320,7 @@ const $054eb8030ebde76e$var$ToastImpl = /*#__PURE__*/ React.forwardRef((props, f
     const closeTimerRemainingTimeRef = React.useRef(duration1);
     const closeTimerRef = React.useRef(0);
     const { onToastAdd: onToastAdd , onToastRemove: onToastRemove  } = context;
-    const handleClose = index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(()=>{
+    const handleClose = index$1.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(()=>{
         var _context$viewport2;
         // focus viewport if focus is within toast to read the remaining toast
         // count to SR users and ensure focus isn't lost
@@ -418,11 +400,11 @@ const $054eb8030ebde76e$var$ToastImpl = /*#__PURE__*/ React.forwardRef((props, f
         scope: __scopeToast
     }, /*#__PURE__*/ React.createElement(index$2.$5cb92bef7577960e$export$be92b6f5f03c0fe9, {
         asChild: true,
-        onEscapeKeyDown: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(onEscapeKeyDown, ()=>{
+        onEscapeKeyDown: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(onEscapeKeyDown, ()=>{
             if (!context.isFocusedToastEscapeKeyDownRef.current) handleClose();
             context.isFocusedToastEscapeKeyDownRef.current = false;
         })
-    }, /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.li, _extends._extends({
+    }, /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.li, _extends._extends({
         // Ensure toasts are announced as status list or status when focused
         role: "status",
         "aria-live": "off",
@@ -437,7 +419,7 @@ const $054eb8030ebde76e$var$ToastImpl = /*#__PURE__*/ React.forwardRef((props, f
             touchAction: 'none',
             ...props.style
         },
-        onKeyDown: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event)=>{
+        onKeyDown: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event)=>{
             if (event.key !== 'Escape') return;
             onEscapeKeyDown === null || onEscapeKeyDown === void 0 || onEscapeKeyDown(event.nativeEvent);
             if (!event.nativeEvent.defaultPrevented) {
@@ -445,14 +427,14 @@ const $054eb8030ebde76e$var$ToastImpl = /*#__PURE__*/ React.forwardRef((props, f
                 handleClose();
             }
         }),
-        onPointerDown: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDown, (event)=>{
+        onPointerDown: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDown, (event)=>{
             if (event.button !== 0) return;
             pointerStartRef.current = {
                 x: event.clientX,
                 y: event.clientY
             };
         }),
-        onPointerMove: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerMove, (event)=>{
+        onPointerMove: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerMove, (event)=>{
             if (!pointerStartRef.current) return;
             const x = event.clientX - pointerStartRef.current.x;
             const y = event.clientY - pointerStartRef.current.y;
@@ -491,7 +473,7 @@ const $054eb8030ebde76e$var$ToastImpl = /*#__PURE__*/ React.forwardRef((props, f
             // for the current pointer down interaction
             pointerStartRef.current = null;
         }),
-        onPointerUp: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerUp, (event1)=>{
+        onPointerUp: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerUp, (event1)=>{
             const delta = swipeDeltaRef.current;
             const target = event1.target;
             if (target.hasPointerCapture(event1.pointerId)) target.releasePointerCapture(event1.pointerId);
@@ -546,11 +528,11 @@ $054eb8030ebde76e$var$ToastImpl.propTypes = {
     }, []);
     return isAnnounced ? null : /*#__PURE__*/ React.createElement(index$2.$f1701beae083dbae$export$602eac185826482c, {
         asChild: true
-    }, /*#__PURE__*/ React.createElement($ea1ef594cf570d83$export$439d29a4e110a164, announceProps, renderAnnounceText && /*#__PURE__*/ React.createElement(React.Fragment, null, context.label, " ", children)));
+    }, /*#__PURE__*/ React.createElement(index$3.$ea1ef594cf570d83$export$439d29a4e110a164, announceProps, renderAnnounceText && /*#__PURE__*/ React.createElement(React.Fragment, null, context.label, " ", children)));
 };
 const $054eb8030ebde76e$export$16d42d7c29b95a4 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeToast: __scopeToast , ...titleProps } = props;
-    return /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({}, titleProps, {
+    return /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({}, titleProps, {
         ref: forwardedRef
     }));
 });
@@ -581,16 +563,16 @@ const $054eb8030ebde76e$export$811e70f61c205839 = /*#__PURE__*/ React.forwardRef
     const interactiveContext = $054eb8030ebde76e$var$useToastInteractiveContext($054eb8030ebde76e$var$CLOSE_NAME, __scopeToast);
     return /*#__PURE__*/ React.createElement($054eb8030ebde76e$var$ToastAnnounceExclude, {
         asChild: true
-    }, /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends._extends({
+    }, /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends._extends({
         type: "button"
     }, closeProps, {
         ref: forwardedRef,
-        onClick: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, interactiveContext.onClose)
+        onClick: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, interactiveContext.onClose)
     })));
 });
 /* ---------------------------------------------------------------------------------------------- */ const $054eb8030ebde76e$var$ToastAnnounceExclude = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeToast: __scopeToast , altText: altText , ...announceExcludeProps } = props;
-    return /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
+    return /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
         "data-radix-toast-announce-exclude": "",
         "data-radix-toast-announce-alt": altText || undefined
     }, announceExcludeProps, {
@@ -626,7 +608,7 @@ function $054eb8030ebde76e$var$getAnnounceTextContent(container) {
     if (handler) currentTarget.addEventListener(name, handler, {
         once: true
     });
-    if (discrete) index.$8927f6f2acc4f386$export$6d1a0317bde7de7f(currentTarget, event);
+    if (discrete) index$1.$8927f6f2acc4f386$export$6d1a0317bde7de7f(currentTarget, event);
     else currentTarget.dispatchEvent(event);
 }
 const $054eb8030ebde76e$var$isDeltaInDirection = (delta, direction, threshold = 0)=>{
@@ -637,8 +619,8 @@ const $054eb8030ebde76e$var$isDeltaInDirection = (delta, direction, threshold =
     else return !isDeltaX && deltaY > threshold;
 };
 function $054eb8030ebde76e$var$useNextFrame(callback = ()=>{}) {
-    const fn = index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback);
-    index.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+    const fn = index$1.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback);
+    index$1.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
         let raf1 = 0;
         let raf2 = 0;
         raf1 = window.requestAnimationFrame(()=>raf2 = window.requestAnimationFrame(fn)
@@ -707,7 +689,7 @@ var ToastNotification = function (_a) {
         handler();
     }; };
     return (React__default["default"].createElement($054eb8030ebde76e$export$be92b6f5f03c0fe9, filterDataAttrs.__assign({ className: "arc-Toast-root", open: isOpen, onOpenChange: onOpenChange }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("div", { "data-testid": "toast-notification-wrapper", className: index$3.classNames("arc-Toast", "arc-Toast-status--".concat(status)) },
+        React__default["default"].createElement("div", { "data-testid": "toast-notification-wrapper", className: index$5.classNames("arc-Toast", "arc-Toast-status--".concat(status)) },
             isStatusIconVisible && (React__default["default"].createElement("div", { "data-testid": "status-icon", className: "arc-Toast-icon" },
                 React__default["default"].createElement(Icon.Icon, { size: 24, icon: statusIcons[status] }))),
             React__default["default"].createElement($054eb8030ebde76e$export$f99233281efd08a0, { className: "arc-Toast-title" },

package/dist/_shared/cjs/{UniversalHeader-5e43d320.js → UniversalHeader-b8389447.js}

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Use `UniversalHeader` to display a group-level page header.
  */
 var UniversalHeader = function (_a) {
-    var children = _a.children, props = filterDataAttrs.__rest(_a, ["children"]);
+    var children = _a.children, ContentSlot = _a.ContentSlot, props = filterDataAttrs.__rest(_a, ["children", "ContentSlot"]);
     React.useEffect(function () {
         React__default["default"].Children.map(children, function (item) {
             if (item && item.type !== UniversalHeaderItem) {
@@ -22,7 +22,9 @@ var UniversalHeader = function (_a) {
     }, [children]);
     return (React__default["default"].createElement("nav", filterDataAttrs.__assign({ className: "arc-UniversalHeader" }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement(Surface.Surface, { background: "light" },
-            React__default["default"].createElement("ul", { className: "arc-UniversalHeader-items" }, children))));
+            React__default["default"].createElement("ul", { className: "arc-UniversalHeader-items" },
+                children,
+                ContentSlot && (React__default["default"].createElement("li", { className: "arc-UniversalHeader-contentSlot" }, ContentSlot))))));
 };
 var UniversalHeaderItem = function (_a) {
     var children = _a.children, href = _a.href, props = filterDataAttrs.__rest(_a, ["children", "href"]);

package/dist/_shared/cjs/index-1641d0b4.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var _extends = require('./extends-8c5e4b48.js');
+var React = require('react');
+var index = require('./index-56a040f4.js');
+
+const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    return /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends._extends({}, props, {
+        ref: forwardedRef,
+        style: {
+            // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
+            position: 'absolute',
+            border: 0,
+            width: 1,
+            height: 1,
+            padding: 0,
+            margin: -1,
+            overflow: 'hidden',
+            clip: 'rect(0, 0, 0, 0)',
+            whiteSpace: 'nowrap',
+            wordWrap: 'normal',
+            ...props.style
+        }
+    }));
+});
+
+exports.$ea1ef594cf570d83$export$439d29a4e110a164 = $ea1ef594cf570d83$export$439d29a4e110a164;

package/dist/_shared/cjs/{index-43458549.js → index-3d69ea00.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -23,6 +23,32 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+/** Number of components which have requested interest to have focus guards */ let $3db38b7d1fb3fe6a$var$count = 0;
+/**
+ * Injects a pair of focus guards at the edges of the whole DOM tree
+ * to ensure `focusin` & `focusout` events can be caught consistently.
+ */ function $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c() {
+    React.useEffect(()=>{
+        var _edgeGuards$, _edgeGuards$2;
+        const edgeGuards = document.querySelectorAll('[data-radix-focus-guard]');
+        document.body.insertAdjacentElement('afterbegin', (_edgeGuards$ = edgeGuards[0]) !== null && _edgeGuards$ !== void 0 ? _edgeGuards$ : $3db38b7d1fb3fe6a$var$createFocusGuard());
+        document.body.insertAdjacentElement('beforeend', (_edgeGuards$2 = edgeGuards[1]) !== null && _edgeGuards$2 !== void 0 ? _edgeGuards$2 : $3db38b7d1fb3fe6a$var$createFocusGuard());
+        $3db38b7d1fb3fe6a$var$count++;
+        return ()=>{
+            if ($3db38b7d1fb3fe6a$var$count === 1) document.querySelectorAll('[data-radix-focus-guard]').forEach((node)=>node.remove()
+            );
+            $3db38b7d1fb3fe6a$var$count--;
+        };
+    }, []);
+}
+function $3db38b7d1fb3fe6a$var$createFocusGuard() {
+    const element = document.createElement('span');
+    element.setAttribute('data-radix-focus-guard', '');
+    element.tabIndex = 0;
+    element.style.cssText = 'outline: none; opacity: 0; position: fixed; pointer-events: none';
+    return element;
+}
+
 var zeroRightClassName = 'right-scroll-bar-position';
 var fullWidthClassName = 'width-before-scroll-bar';
 var noScrollbarsClassName = 'with-scroll-bars-hidden';
@@ -783,4 +809,5 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
 };
 
 exports.$01b9c$RemoveScroll = $01b9c$RemoveScroll;
+exports.$3db38b7d1fb3fe6a$export$b7ece24a22aeda8c = $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c;
 exports.hideOthers = hideOthers;

package/dist/_shared/cjs/index-49c72a87.js

@@ -0,0 +1,131 @@
+'use strict';
+
+var React = require('react');
+var $7SXl2$reactdom = require('react-dom');
+var index = require('./index-56a040f4.js');
+
+function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
+    return React.useReducer((state, event)=>{
+        const nextState = machine[state][event];
+        return nextState !== null && nextState !== void 0 ? nextState : state;
+    }, initialState);
+}
+
+
+const $921a889cee6df7e8$export$99c2b779aa4e8b8b = (props)=>{
+    const { present: present , children: children  } = props;
+    const presence = $921a889cee6df7e8$var$usePresence(present);
+    const child = typeof children === 'function' ? children({
+        present: presence.isPresent
+    }) : React.Children.only(children);
+    const ref = index.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(presence.ref, child.ref);
+    const forceMount = typeof children === 'function';
+    return forceMount || presence.isPresent ? /*#__PURE__*/ React.cloneElement(child, {
+        ref: ref
+    }) : null;
+};
+$921a889cee6df7e8$export$99c2b779aa4e8b8b.displayName = 'Presence';
+/* -------------------------------------------------------------------------------------------------
+ * usePresence
+ * -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$usePresence(present) {
+    const [node1, setNode] = React.useState();
+    const stylesRef = React.useRef({});
+    const prevPresentRef = React.useRef(present);
+    const prevAnimationNameRef = React.useRef('none');
+    const initialState = present ? 'mounted' : 'unmounted';
+    const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f(initialState, {
+        mounted: {
+            UNMOUNT: 'unmounted',
+            ANIMATION_OUT: 'unmountSuspended'
+        },
+        unmountSuspended: {
+            MOUNT: 'mounted',
+            ANIMATION_END: 'unmounted'
+        },
+        unmounted: {
+            MOUNT: 'mounted'
+        }
+    });
+    React.useEffect(()=>{
+        const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
+        prevAnimationNameRef.current = state === 'mounted' ? currentAnimationName : 'none';
+    }, [
+        state
+    ]);
+    index.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+        const styles = stylesRef.current;
+        const wasPresent = prevPresentRef.current;
+        const hasPresentChanged = wasPresent !== present;
+        if (hasPresentChanged) {
+            const prevAnimationName = prevAnimationNameRef.current;
+            const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(styles);
+            if (present) send('MOUNT');
+            else if (currentAnimationName === 'none' || (styles === null || styles === void 0 ? void 0 : styles.display) === 'none') // If there is no exit animation or the element is hidden, animations won't run
+            // so we unmount instantly
+            send('UNMOUNT');
+            else {
+                /**
+         * When `present` changes to `false`, we check changes to animation-name to
+         * determine whether an animation has started. We chose this approach (reading
+         * computed styles) because there is no `animationrun` event and `animationstart`
+         * fires after `animation-delay` has expired which would be too late.
+         */ const isAnimating = prevAnimationName !== currentAnimationName;
+                if (wasPresent && isAnimating) send('ANIMATION_OUT');
+                else send('UNMOUNT');
+            }
+            prevPresentRef.current = present;
+        }
+    }, [
+        present,
+        send
+    ]);
+    index.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+        if (node1) {
+            /**
+       * Triggering an ANIMATION_OUT during an ANIMATION_IN will fire an `animationcancel`
+       * event for ANIMATION_IN after we have entered `unmountSuspended` state. So, we
+       * make sure we only trigger ANIMATION_END for the currently active animation.
+       */ const handleAnimationEnd = (event)=>{
+                const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
+                const isCurrentAnimation = currentAnimationName.includes(event.animationName);
+                if (event.target === node1 && isCurrentAnimation) // With React 18 concurrency this update is applied
+                // a frame after the animation ends, creating a flash of visible content.
+                // By manually flushing we ensure they sync within a frame, removing the flash.
+                $7SXl2$reactdom.flushSync(()=>send('ANIMATION_END')
+                );
+            };
+            const handleAnimationStart = (event)=>{
+                if (event.target === node1) // if animation occurred, store its name as the previous animation.
+                prevAnimationNameRef.current = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
+            };
+            node1.addEventListener('animationstart', handleAnimationStart);
+            node1.addEventListener('animationcancel', handleAnimationEnd);
+            node1.addEventListener('animationend', handleAnimationEnd);
+            return ()=>{
+                node1.removeEventListener('animationstart', handleAnimationStart);
+                node1.removeEventListener('animationcancel', handleAnimationEnd);
+                node1.removeEventListener('animationend', handleAnimationEnd);
+            };
+        } else // Transition to the unmounted state if the node is removed prematurely.
+        // We avoid doing so during cleanup as the node may change but still exist.
+        send('ANIMATION_END');
+    }, [
+        node1,
+        send
+    ]);
+    return {
+        isPresent: [
+            'mounted',
+            'unmountSuspended'
+        ].includes(state),
+        ref: React.useCallback((node)=>{
+            if (node) stylesRef.current = getComputedStyle(node);
+            setNode(node);
+        }, [])
+    };
+}
+/* -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$getAnimationName(styles) {
+    return (styles === null || styles === void 0 ? void 0 : styles.animationName) || 'none';
+}
+
+exports.$921a889cee6df7e8$export$99c2b779aa4e8b8b = $921a889cee6df7e8$export$99c2b779aa4e8b8b;

package/dist/_shared/cjs/{index-6b2a9ac3.js → index-4ecad2dd.js}

@@ -2,30 +2,14 @@
 
 var _extends = require('./extends-8c5e4b48.js');
 var React = require('react');
-var index = require('./index-c575a255.js');
+var index = require('./index-56a040f4.js');
+var index$1 = require('./index-6542b467.js');
 var $7SXl2$reactdom = require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var $7SXl2$reactdom__default = /*#__PURE__*/_interopDefaultLegacy($7SXl2$reactdom);
 
-/**
- * Listens for when the escape key is down
- */ function $addc16e1bbe58fd0$export$3a72a57244d6e765(onEscapeKeyDownProp, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
-    const onEscapeKeyDown = index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEscapeKeyDownProp);
-    React.useEffect(()=>{
-        const handleKeyDown = (event)=>{
-            if (event.key === 'Escape') onEscapeKeyDown(event);
-        };
-        ownerDocument.addEventListener('keydown', handleKeyDown);
-        return ()=>ownerDocument.removeEventListener('keydown', handleKeyDown)
-        ;
-    }, [
-        onEscapeKeyDown,
-        ownerDocument
-    ]);
-}
-
 const $5cb92bef7577960e$var$CONTEXT_UPDATE = 'dismissableLayer.update';
 const $5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';
 const $5cb92bef7577960e$var$FOCUS_OUTSIDE = 'dismissableLayer.focusOutside';
@@ -49,9 +33,9 @@ const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React.forwardRef
         ...context.layersWithOutsidePointerEventsDisabled
     ].slice(-1); // prettier-ignore
     const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled); // prettier-ignore
-    const index$1 = node1 ? layers.indexOf(node1) : -1;
+    const index$2 = node1 ? layers.indexOf(node1) : -1;
     const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
-    const isPointerEventsEnabled = index$1 >= highestLayerWithOutsidePointerEventsDisabledIndex;
+    const isPointerEventsEnabled = index$2 >= highestLayerWithOutsidePointerEventsDisabledIndex;
     const pointerDownOutside = $5cb92bef7577960e$var$usePointerDownOutside((event)=>{
         const target = event.target;
         const isPointerDownOnBranch = [
@@ -74,8 +58,8 @@ const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React.forwardRef
         onInteractOutside === null || onInteractOutside === void 0 || onInteractOutside(event);
         if (!event.defaultPrevented) onDismiss === null || onDismiss === void 0 || onDismiss();
     }, ownerDocument);
-    $addc16e1bbe58fd0$export$3a72a57244d6e765((event)=>{
-        const isHighestLayer = index$1 === context.layers.size - 1;
+    index$1.$addc16e1bbe58fd0$export$3a72a57244d6e765((event)=>{
+        const isHighestLayer = index$2 === context.layers.size - 1;
         if (!isHighestLayer) return;
         onEscapeKeyDown === null || onEscapeKeyDown === void 0 || onEscapeKeyDown(event);
         if (!event.defaultPrevented && onDismiss) {