@raystack/apsara 0.41.3 → 0.43.0

package/dist/v1/node_modules/.pnpm/@radix-ui_react-menu@2.0.5_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-menu/dist/index.cjs

@@ -2,22 +2,23 @@
 
 var _extends = require('../../../../../@babel_runtime@7.24.8/node_modules/@babel/runtime/helpers/esm/extends.cjs');
 var React = require('react');
-var index$a = require('../../../../../@radix-ui_primitive@1.0.1/node_modules/@radix-ui/primitive/dist/index.cjs');
+var index$8 = require('../../../../../@radix-ui_primitive@1.0.1/node_modules/@radix-ui/primitive/dist/index.cjs');
 var index = require('../../../../../@radix-ui_react-collection@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3_za2vz4j22salh62ymrccbh2k4m/node_modules/@radix-ui/react-collection/dist/index.cjs');
-var index$8 = require('../../../../../@radix-ui_react-compose-refs@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.cjs');
+var index$6 = require('../../../../../@radix-ui_react-compose-refs@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.cjs');
 var index$1 = require('../../../../../@radix-ui_react-context@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-context/dist/index.cjs');
-var index$5 = require('../../../../../@radix-ui_react-direction@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-direction/dist/index.cjs');
-var index$d = require('../../../../../@radix-ui_react-dismissable-layer@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-d_ujrfew3hrh5tm5nrngrf4cc23i/node_modules/@radix-ui/react-dismissable-layer/dist/index.cjs');
-var index$b = require('../../../../../@radix-ui_react-focus-guards@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-focus-guards/dist/index.cjs');
-var index$c = require('../../../../../@radix-ui_react-focus-scope@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18._5hddb3zzxavaxm6ygknu3ugz3u/node_modules/@radix-ui/react-focus-scope/dist/index.cjs');
+var index$f = require('../../../../../@radix-ui_react-direction@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-direction/dist/index.cjs');
+var index$b = require('../../../../../@radix-ui_react-dismissable-layer@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-d_ujrfew3hrh5tm5nrngrf4cc23i/node_modules/@radix-ui/react-dismissable-layer/dist/index.cjs');
+var index$9 = require('../../../../../@radix-ui_react-focus-guards@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-focus-guards/dist/index.cjs');
+var index$a = require('../../../../../@radix-ui_react-focus-scope@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18._5hddb3zzxavaxm6ygknu3ugz3u/node_modules/@radix-ui/react-focus-scope/dist/index.cjs');
+var index$e = require('../../../../../@radix-ui_react-id@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-id/dist/index.cjs');
 var index$2 = require('../../../../../@radix-ui_react-popper@1.1.2_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-popper/dist/index.cjs');
-var index$7 = require('../../../../../@radix-ui_react-portal@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-portal/dist/index.cjs');
-var index$6 = require('../../../../../@radix-ui_react-presence@1.0.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-presence/dist/index.cjs');
-var index$e = require('../../../../../@radix-ui_react-primitive@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3._44pjkdrkjq3hxuh62jsxoggm4e/node_modules/@radix-ui/react-primitive/dist/index.cjs');
+var index$5 = require('../../../../../@radix-ui_react-portal@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-portal/dist/index.cjs');
+var index$4 = require('../../../../../@radix-ui_react-presence@1.0.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-presence/dist/index.cjs');
+var index$c = require('../../../../../@radix-ui_react-primitive@1.0.3_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3._44pjkdrkjq3hxuh62jsxoggm4e/node_modules/@radix-ui/react-primitive/dist/index.cjs');
 var index$3 = require('../../../../../@radix-ui_react-roving-focus@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18_753i7szl5dwsjermawvfyhbcfq/node_modules/@radix-ui/react-roving-focus/dist/index.cjs');
-var index$f = require('../../../../../@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
-var index$4 = require('../../../../../@radix-ui_react-use-callback-ref@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.cjs');
-var index$9 = require('../../../../../aria-hidden@1.2.4/node_modules/aria-hidden/dist/es2015/index.cjs');
+var index$g = require('../../../../../@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
+var index$d = require('../../../../../@radix-ui_react-use-callback-ref@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.cjs');
+var index$7 = require('../../../../../aria-hidden@1.2.4/node_modules/aria-hidden/dist/es2015/index.cjs');
 var Combination = require('../../../../../react-remove-scroll@2.5.5_@types_react@18.2.12_react@18.2.0/node_modules/react-remove-scroll/dist/es2015/Combination.cjs');
 
 const $6cc32821e9371a1c$var$SELECTION_KEYS = [
@@ -38,6 +39,24 @@ const $6cc32821e9371a1c$var$FIRST_LAST_KEYS = [
     ...$6cc32821e9371a1c$var$FIRST_KEYS,
     ...$6cc32821e9371a1c$var$LAST_KEYS
 ];
+const $6cc32821e9371a1c$var$SUB_OPEN_KEYS = {
+    ltr: [
+        ...$6cc32821e9371a1c$var$SELECTION_KEYS,
+        'ArrowRight'
+    ],
+    rtl: [
+        ...$6cc32821e9371a1c$var$SELECTION_KEYS,
+        'ArrowLeft'
+    ]
+};
+const $6cc32821e9371a1c$var$SUB_CLOSE_KEYS = {
+    ltr: [
+        'ArrowLeft'
+    ],
+    rtl: [
+        'ArrowRight'
+    ]
+};
 /* -------------------------------------------------------------------------------------------------
  * Menu
  * -----------------------------------------------------------------------------------------------*/ const $6cc32821e9371a1c$var$MENU_NAME = 'Menu';
@@ -56,8 +75,8 @@ const $6cc32821e9371a1c$export$d9b273488cd8ce6f = (props)=>{
     const popperScope = $6cc32821e9371a1c$var$usePopperScope(__scopeMenu);
     const [content, setContent] = React.useState(null);
     const isUsingKeyboardRef = React.useRef(false);
-    const handleOpenChange = index$4.useCallbackRef(onOpenChange);
-    const direction = index$5.useDirection(dir);
+    const handleOpenChange = index$d.useCallbackRef(onOpenChange);
+    const direction = index$f.useDirection(dir);
     React.useEffect(()=>{
         // Capture phase ensures we set the boolean before any side effects execute
         // in response to the key or pointer event as they might depend on this value.
@@ -125,9 +144,9 @@ const $6cc32821e9371a1c$export$793392f970497feb = (props)=>{
     return /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$PortalProvider, {
         scope: __scopeMenu,
         forceMount: forceMount
-    }, /*#__PURE__*/ React.createElement(index$6.Presence, {
+    }, /*#__PURE__*/ React.createElement(index$4.Presence, {
         present: forceMount || context.open
-    }, /*#__PURE__*/ React.createElement(index$7.Portal, {
+    }, /*#__PURE__*/ React.createElement(index$5.Portal, {
         asChild: true,
         container: container
     }, children)));
@@ -143,7 +162,7 @@ const $6cc32821e9371a1c$export$479f0f2f71193efe = /*#__PURE__*/ React.forwardRef
     const rootContext = $6cc32821e9371a1c$var$useMenuRootContext($6cc32821e9371a1c$var$CONTENT_NAME, props.__scopeMenu);
     return /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$Collection.Provider, {
         scope: props.__scopeMenu
-    }, /*#__PURE__*/ React.createElement(index$6.Presence, {
+    }, /*#__PURE__*/ React.createElement(index$4.Presence, {
         present: forceMount || context.open
     }, /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$Collection.Slot, {
         scope: props.__scopeMenu
@@ -156,10 +175,10 @@ const $6cc32821e9371a1c$export$479f0f2f71193efe = /*#__PURE__*/ React.forwardRef
 /* ---------------------------------------------------------------------------------------------- */ const $6cc32821e9371a1c$var$MenuRootContentModal = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const context = $6cc32821e9371a1c$var$useMenuContext($6cc32821e9371a1c$var$CONTENT_NAME, props.__scopeMenu);
     const ref = React.useRef(null);
-    const composedRefs = index$8.useComposedRefs(forwardedRef, ref); // Hide everything from ARIA except the `MenuContent`
+    const composedRefs = index$6.useComposedRefs(forwardedRef, ref); // Hide everything from ARIA except the `MenuContent`
     React.useEffect(()=>{
         const content = ref.current;
-        if (content) return index$9.hideOthers(content);
+        if (content) return index$7.hideOthers(content);
     }, []);
     return /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$MenuContentImpl, _extends.default({}, props, {
         ref: composedRefs // we make sure we're not trapping once it's been closed
@@ -169,7 +188,7 @@ const $6cc32821e9371a1c$export$479f0f2f71193efe = /*#__PURE__*/ React.forwardRef
         disableOutsidePointerEvents: context.open,
         disableOutsideScroll: true // When focus is trapped, a `focusout` event may still happen.
         ,
-        onFocusOutside: index$a.composeEventHandlers(props.onFocusOutside, (event)=>event.preventDefault()
+        onFocusOutside: index$8.composeEventHandlers(props.onFocusOutside, (event)=>event.preventDefault()
         , {
             checkForDefaultPrevented: false
         }),
@@ -195,7 +214,7 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ React.forwar
     const getItems = $6cc32821e9371a1c$var$useCollection(__scopeMenu);
     const [currentItemId, setCurrentItemId] = React.useState(null);
     const contentRef = React.useRef(null);
-    const composedRefs = index$8.useComposedRefs(forwardedRef, contentRef, context.onContentChange);
+    const composedRefs = index$6.useComposedRefs(forwardedRef, contentRef, context.onContentChange);
     const timerRef = React.useRef(0);
     const searchRef = React.useRef('');
     const pointerGraceTimerRef = React.useRef(0);
@@ -204,7 +223,7 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ React.forwar
     const lastPointerXRef = React.useRef(0);
     const ScrollLockWrapper = disableOutsideScroll ? Combination.default : React.Fragment;
     const scrollLockWrapperProps = disableOutsideScroll ? {
-        as: index$f.Slot,
+        as: index$g.Slot,
         allowPinchZoom: true
     } : undefined;
     const handleTypeaheadSearch = (key)=>{
@@ -237,7 +256,7 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ React.forwar
         ;
     }, []); // Make sure the whole tree has focus guards as our `MenuContent` may be
     // the last element in the DOM (beacuse of the `Portal`)
-    index$b.useFocusGuards();
+    index$9.useFocusGuards();
     const isPointerMovingToSubmenu = React.useCallback((event)=>{
         var _pointerGraceIntentRe, _pointerGraceIntentRe2;
         const isMovingTowards = pointerDirRef.current === ((_pointerGraceIntentRe = pointerGraceIntentRef.current) === null || _pointerGraceIntentRe === void 0 ? void 0 : _pointerGraceIntentRe.side);
@@ -268,10 +287,10 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ React.forwar
         onPointerGraceIntentChange: React.useCallback((intent)=>{
             pointerGraceIntentRef.current = intent;
         }, [])
-    }, /*#__PURE__*/ React.createElement(ScrollLockWrapper, scrollLockWrapperProps, /*#__PURE__*/ React.createElement(index$c.FocusScope, {
+    }, /*#__PURE__*/ React.createElement(ScrollLockWrapper, scrollLockWrapperProps, /*#__PURE__*/ React.createElement(index$a.FocusScope, {
         asChild: true,
         trapped: trapFocus,
-        onMountAutoFocus: index$a.composeEventHandlers(onOpenAutoFocus, (event)=>{
+        onMountAutoFocus: index$8.composeEventHandlers(onOpenAutoFocus, (event)=>{
             var _contentRef$current2;
             // when opening, explicitly focus the content area only and leave
             // `onEntryFocus` in  control of focusing first item
@@ -279,7 +298,7 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ React.forwar
             (_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 || _contentRef$current2.focus();
         }),
         onUnmountAutoFocus: onCloseAutoFocus
-    }, /*#__PURE__*/ React.createElement(index$d.DismissableLayer, {
+    }, /*#__PURE__*/ React.createElement(index$b.DismissableLayer, {
         asChild: true,
         disableOutsidePointerEvents: disableOutsidePointerEvents,
         onEscapeKeyDown: onEscapeKeyDown,
@@ -295,7 +314,7 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ React.forwar
         loop: loop,
         currentTabStopId: currentItemId,
         onCurrentTabStopIdChange: setCurrentItemId,
-        onEntryFocus: index$a.composeEventHandlers(onEntryFocus, (event)=>{
+        onEntryFocus: index$8.composeEventHandlers(onEntryFocus, (event)=>{
             // only focus first item when using keyboard
             if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
         })
@@ -311,7 +330,7 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ React.forwar
             outline: 'none',
             ...contentProps.style
         },
-        onKeyDown: index$a.composeEventHandlers(contentProps.onKeyDown, (event)=>{
+        onKeyDown: index$8.composeEventHandlers(contentProps.onKeyDown, (event)=>{
             // submenu key events bubble through portals. We only care about keys in this menu.
             const target = event.target;
             const isKeyDownInside = target.closest('[data-radix-menu-content]') === event.currentTarget;
@@ -333,14 +352,14 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ React.forwar
             if ($6cc32821e9371a1c$var$LAST_KEYS.includes(event.key)) candidateNodes.reverse();
             $6cc32821e9371a1c$var$focusFirst(candidateNodes);
         }),
-        onBlur: index$a.composeEventHandlers(props.onBlur, (event)=>{
+        onBlur: index$8.composeEventHandlers(props.onBlur, (event)=>{
             // clear search buffer when leaving the menu
             if (!event.currentTarget.contains(event.target)) {
                 window.clearTimeout(timerRef.current);
                 searchRef.current = '';
             }
         }),
-        onPointerMove: index$a.composeEventHandlers(props.onPointerMove, $6cc32821e9371a1c$var$whenMouse((event)=>{
+        onPointerMove: index$8.composeEventHandlers(props.onPointerMove, $6cc32821e9371a1c$var$whenMouse((event)=>{
             const target = event.target;
             const pointerXHasChanged = lastPointerXRef.current !== event.clientX; // We don't use `event.movementX` for this check because Safari will
             // always return `0` on a pointer event.
@@ -354,7 +373,7 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ React.forwar
 });
 const $6cc32821e9371a1c$export$22a631d1f72787bb = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeMenu: __scopeMenu , ...groupProps } = props;
-    return /*#__PURE__*/ React.createElement(index$e.Primitive.div, _extends.default({
+    return /*#__PURE__*/ React.createElement(index$c.Primitive.div, _extends.default({
         role: "group"
     }, groupProps, {
         ref: forwardedRef
@@ -362,7 +381,7 @@ const $6cc32821e9371a1c$export$22a631d1f72787bb = /*#__PURE__*/ React.forwardRef
 });
 const $6cc32821e9371a1c$export$dd37bec0e8a99143 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeMenu: __scopeMenu , ...labelProps } = props;
-    return /*#__PURE__*/ React.createElement(index$e.Primitive.div, _extends.default({}, labelProps, {
+    return /*#__PURE__*/ React.createElement(index$c.Primitive.div, _extends.default({}, labelProps, {
         ref: forwardedRef
     }));
 });
@@ -375,7 +394,7 @@ const $6cc32821e9371a1c$export$2ce376c2cc3355c8 = /*#__PURE__*/ React.forwardRef
     const ref = React.useRef(null);
     const rootContext = $6cc32821e9371a1c$var$useMenuRootContext($6cc32821e9371a1c$var$ITEM_NAME, props.__scopeMenu);
     const contentContext = $6cc32821e9371a1c$var$useMenuContentContext($6cc32821e9371a1c$var$ITEM_NAME, props.__scopeMenu);
-    const composedRefs = index$8.useComposedRefs(forwardedRef, ref);
+    const composedRefs = index$6.useComposedRefs(forwardedRef, ref);
     const isPointerDownRef = React.useRef(false);
     const handleSelect = ()=>{
         const menuItem = ref.current;
@@ -388,7 +407,7 @@ const $6cc32821e9371a1c$export$2ce376c2cc3355c8 = /*#__PURE__*/ React.forwardRef
             , {
                 once: true
             });
-            index$e.dispatchDiscreteCustomEvent(menuItem, itemSelectEvent);
+            index$c.dispatchDiscreteCustomEvent(menuItem, itemSelectEvent);
             if (itemSelectEvent.defaultPrevented) isPointerDownRef.current = false;
             else rootContext.onClose();
         }
@@ -396,20 +415,20 @@ const $6cc32821e9371a1c$export$2ce376c2cc3355c8 = /*#__PURE__*/ React.forwardRef
     return /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$MenuItemImpl, _extends.default({}, itemProps, {
         ref: composedRefs,
         disabled: disabled,
-        onClick: index$a.composeEventHandlers(props.onClick, handleSelect),
+        onClick: index$8.composeEventHandlers(props.onClick, handleSelect),
         onPointerDown: (event)=>{
             var _props$onPointerDown;
             (_props$onPointerDown = props.onPointerDown) === null || _props$onPointerDown === void 0 || _props$onPointerDown.call(props, event);
             isPointerDownRef.current = true;
         },
-        onPointerUp: index$a.composeEventHandlers(props.onPointerUp, (event)=>{
+        onPointerUp: index$8.composeEventHandlers(props.onPointerUp, (event)=>{
             var _event$currentTarget;
             // Pointer down can move to a different menu item which should activate it on pointer up.
             // We dispatch a click for selection to allow composition with click based triggers and to
             // prevent Firefox from getting stuck in text selection mode when the menu closes.
             if (!isPointerDownRef.current) (_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 || _event$currentTarget.click();
         }),
-        onKeyDown: index$a.composeEventHandlers(props.onKeyDown, (event)=>{
+        onKeyDown: index$8.composeEventHandlers(props.onKeyDown, (event)=>{
             const isTypingAhead = contentContext.searchRef.current !== '';
             if (disabled || isTypingAhead && event.key === ' ') return;
             if ($6cc32821e9371a1c$var$SELECTION_KEYS.includes(event.key)) {
@@ -429,7 +448,7 @@ const $6cc32821e9371a1c$export$2ce376c2cc3355c8 = /*#__PURE__*/ React.forwardRef
     const contentContext = $6cc32821e9371a1c$var$useMenuContentContext($6cc32821e9371a1c$var$ITEM_NAME, __scopeMenu);
     const rovingFocusGroupScope = $6cc32821e9371a1c$var$useRovingFocusGroupScope(__scopeMenu);
     const ref = React.useRef(null);
-    const composedRefs = index$8.useComposedRefs(forwardedRef, ref);
+    const composedRefs = index$6.useComposedRefs(forwardedRef, ref);
     const [isFocused, setIsFocused] = React.useState(false); // get the item's `.textContent` as default strategy for typeahead `textValue`
     const [textContent, setTextContent] = React.useState('');
     React.useEffect(()=>{
@@ -449,14 +468,14 @@ const $6cc32821e9371a1c$export$2ce376c2cc3355c8 = /*#__PURE__*/ React.forwardRef
         asChild: true
     }, rovingFocusGroupScope, {
         focusable: !disabled
-    }), /*#__PURE__*/ React.createElement(index$e.Primitive.div, _extends.default({
+    }), /*#__PURE__*/ React.createElement(index$c.Primitive.div, _extends.default({
         role: "menuitem",
         "data-highlighted": isFocused ? '' : undefined,
         "aria-disabled": disabled || undefined,
         "data-disabled": disabled ? '' : undefined
     }, itemProps, {
         ref: composedRefs,
-        onPointerMove: index$a.composeEventHandlers(props.onPointerMove, $6cc32821e9371a1c$var$whenMouse((event)=>{
+        onPointerMove: index$8.composeEventHandlers(props.onPointerMove, $6cc32821e9371a1c$var$whenMouse((event)=>{
             if (disabled) contentContext.onItemLeave(event);
             else {
                 contentContext.onItemEnter(event);
@@ -466,30 +485,65 @@ const $6cc32821e9371a1c$export$2ce376c2cc3355c8 = /*#__PURE__*/ React.forwardRef
                 }
             }
         })),
-        onPointerLeave: index$a.composeEventHandlers(props.onPointerLeave, $6cc32821e9371a1c$var$whenMouse((event)=>contentContext.onItemLeave(event)
+        onPointerLeave: index$8.composeEventHandlers(props.onPointerLeave, $6cc32821e9371a1c$var$whenMouse((event)=>contentContext.onItemLeave(event)
         )),
-        onFocus: index$a.composeEventHandlers(props.onFocus, ()=>setIsFocused(true)
+        onFocus: index$8.composeEventHandlers(props.onFocus, ()=>setIsFocused(true)
         ),
-        onBlur: index$a.composeEventHandlers(props.onBlur, ()=>setIsFocused(false)
+        onBlur: index$8.composeEventHandlers(props.onBlur, ()=>setIsFocused(false)
         )
     }))));
 });
 /* -------------------------------------------------------------------------------------------------
  * MenuRadioGroup
  * -----------------------------------------------------------------------------------------------*/ const $6cc32821e9371a1c$var$RADIO_GROUP_NAME = 'MenuRadioGroup';
-$6cc32821e9371a1c$var$createMenuContext($6cc32821e9371a1c$var$RADIO_GROUP_NAME, {
+const [$6cc32821e9371a1c$var$RadioGroupProvider, $6cc32821e9371a1c$var$useRadioGroupContext] = $6cc32821e9371a1c$var$createMenuContext($6cc32821e9371a1c$var$RADIO_GROUP_NAME, {
     value: undefined,
     onValueChange: ()=>{}
 });
+const $6cc32821e9371a1c$export$ea2200c9eee416b3 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { value: value , onValueChange: onValueChange , ...groupProps } = props;
+    const handleValueChange = index$d.useCallbackRef(onValueChange);
+    return /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$RadioGroupProvider, {
+        scope: props.__scopeMenu,
+        value: value,
+        onValueChange: handleValueChange
+    }, /*#__PURE__*/ React.createElement($6cc32821e9371a1c$export$22a631d1f72787bb, _extends.default({}, groupProps, {
+        ref: forwardedRef
+    })));
+});
+/* -------------------------------------------------------------------------------------------------
+ * MenuRadioItem
+ * -----------------------------------------------------------------------------------------------*/ const $6cc32821e9371a1c$var$RADIO_ITEM_NAME = 'MenuRadioItem';
+const $6cc32821e9371a1c$export$69bd225e9817f6d0 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { value: value , ...radioItemProps } = props;
+    const context = $6cc32821e9371a1c$var$useRadioGroupContext($6cc32821e9371a1c$var$RADIO_ITEM_NAME, props.__scopeMenu);
+    const checked = value === context.value;
+    return /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$ItemIndicatorProvider, {
+        scope: props.__scopeMenu,
+        checked: checked
+    }, /*#__PURE__*/ React.createElement($6cc32821e9371a1c$export$2ce376c2cc3355c8, _extends.default({
+        role: "menuitemradio",
+        "aria-checked": checked
+    }, radioItemProps, {
+        ref: forwardedRef,
+        "data-state": $6cc32821e9371a1c$var$getCheckedState(checked),
+        onSelect: index$8.composeEventHandlers(radioItemProps.onSelect, ()=>{
+            var _context$onValueChang;
+            return (_context$onValueChang = context.onValueChange) === null || _context$onValueChang === void 0 ? void 0 : _context$onValueChang.call(context, value);
+        }, {
+            checkForDefaultPrevented: false
+        })
+    })));
+});
 /* -------------------------------------------------------------------------------------------------
  * MenuItemIndicator
  * -----------------------------------------------------------------------------------------------*/ const $6cc32821e9371a1c$var$ITEM_INDICATOR_NAME = 'MenuItemIndicator';
-$6cc32821e9371a1c$var$createMenuContext($6cc32821e9371a1c$var$ITEM_INDICATOR_NAME, {
+const [$6cc32821e9371a1c$var$ItemIndicatorProvider, $6cc32821e9371a1c$var$useItemIndicatorContext] = $6cc32821e9371a1c$var$createMenuContext($6cc32821e9371a1c$var$ITEM_INDICATOR_NAME, {
     checked: false
 });
 const $6cc32821e9371a1c$export$1cec7dcdd713e220 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeMenu: __scopeMenu , ...separatorProps } = props;
-    return /*#__PURE__*/ React.createElement(index$e.Primitive.div, _extends.default({
+    return /*#__PURE__*/ React.createElement(index$c.Primitive.div, _extends.default({
         role: "separator",
         "aria-orientation": "horizontal"
     }, separatorProps, {
@@ -499,10 +553,227 @@ const $6cc32821e9371a1c$export$1cec7dcdd713e220 = /*#__PURE__*/ React.forwardRef
 /* -------------------------------------------------------------------------------------------------
  * MenuSub
  * -----------------------------------------------------------------------------------------------*/ const $6cc32821e9371a1c$var$SUB_NAME = 'MenuSub';
-$6cc32821e9371a1c$var$createMenuContext($6cc32821e9371a1c$var$SUB_NAME);
+const [$6cc32821e9371a1c$var$MenuSubProvider, $6cc32821e9371a1c$var$useMenuSubContext] = $6cc32821e9371a1c$var$createMenuContext($6cc32821e9371a1c$var$SUB_NAME);
+const $6cc32821e9371a1c$export$71bdb9d1e2909932 = (props)=>{
+    const { __scopeMenu: __scopeMenu , children: children , open: open = false , onOpenChange: onOpenChange  } = props;
+    const parentMenuContext = $6cc32821e9371a1c$var$useMenuContext($6cc32821e9371a1c$var$SUB_NAME, __scopeMenu);
+    const popperScope = $6cc32821e9371a1c$var$usePopperScope(__scopeMenu);
+    const [trigger, setTrigger] = React.useState(null);
+    const [content, setContent] = React.useState(null);
+    const handleOpenChange = index$d.useCallbackRef(onOpenChange); // Prevent the parent menu from reopening with open submenus.
+    React.useEffect(()=>{
+        if (parentMenuContext.open === false) handleOpenChange(false);
+        return ()=>handleOpenChange(false)
+        ;
+    }, [
+        parentMenuContext.open,
+        handleOpenChange
+    ]);
+    return /*#__PURE__*/ React.createElement(index$2.Root, popperScope, /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$MenuProvider, {
+        scope: __scopeMenu,
+        open: open,
+        onOpenChange: handleOpenChange,
+        content: content,
+        onContentChange: setContent
+    }, /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$MenuSubProvider, {
+        scope: __scopeMenu,
+        contentId: index$e.useId(),
+        triggerId: index$e.useId(),
+        trigger: trigger,
+        onTriggerChange: setTrigger
+    }, children)));
+};
+/* -------------------------------------------------------------------------------------------------
+ * MenuSubTrigger
+ * -----------------------------------------------------------------------------------------------*/ const $6cc32821e9371a1c$var$SUB_TRIGGER_NAME = 'MenuSubTrigger';
+const $6cc32821e9371a1c$export$5fbbb3ba7297405f = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const context = $6cc32821e9371a1c$var$useMenuContext($6cc32821e9371a1c$var$SUB_TRIGGER_NAME, props.__scopeMenu);
+    const rootContext = $6cc32821e9371a1c$var$useMenuRootContext($6cc32821e9371a1c$var$SUB_TRIGGER_NAME, props.__scopeMenu);
+    const subContext = $6cc32821e9371a1c$var$useMenuSubContext($6cc32821e9371a1c$var$SUB_TRIGGER_NAME, props.__scopeMenu);
+    const contentContext = $6cc32821e9371a1c$var$useMenuContentContext($6cc32821e9371a1c$var$SUB_TRIGGER_NAME, props.__scopeMenu);
+    const openTimerRef = React.useRef(null);
+    const { pointerGraceTimerRef: pointerGraceTimerRef , onPointerGraceIntentChange: onPointerGraceIntentChange  } = contentContext;
+    const scope = {
+        __scopeMenu: props.__scopeMenu
+    };
+    const clearOpenTimer = React.useCallback(()=>{
+        if (openTimerRef.current) window.clearTimeout(openTimerRef.current);
+        openTimerRef.current = null;
+    }, []);
+    React.useEffect(()=>clearOpenTimer
+    , [
+        clearOpenTimer
+    ]);
+    React.useEffect(()=>{
+        const pointerGraceTimer = pointerGraceTimerRef.current;
+        return ()=>{
+            window.clearTimeout(pointerGraceTimer);
+            onPointerGraceIntentChange(null);
+        };
+    }, [
+        pointerGraceTimerRef,
+        onPointerGraceIntentChange
+    ]);
+    return /*#__PURE__*/ React.createElement($6cc32821e9371a1c$export$9fa5ebd18bee4d43, _extends.default({
+        asChild: true
+    }, scope), /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$MenuItemImpl, _extends.default({
+        id: subContext.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": context.open,
+        "aria-controls": subContext.contentId,
+        "data-state": $6cc32821e9371a1c$var$getOpenState(context.open)
+    }, props, {
+        ref: index$6.composeRefs(forwardedRef, subContext.onTriggerChange) // This is redundant for mouse users but we cannot determine pointer type from
+        ,
+        onClick: (event)=>{
+            var _props$onClick;
+            (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, event);
+            if (props.disabled || event.defaultPrevented) return;
+            /**
+       * We manually focus because iOS Safari doesn't always focus on click (e.g. buttons)
+       * and we rely heavily on `onFocusOutside` for submenus to close when switching
+       * between separate submenus.
+       */ event.currentTarget.focus();
+            if (!context.open) context.onOpenChange(true);
+        },
+        onPointerMove: index$8.composeEventHandlers(props.onPointerMove, $6cc32821e9371a1c$var$whenMouse((event)=>{
+            contentContext.onItemEnter(event);
+            if (event.defaultPrevented) return;
+            if (!props.disabled && !context.open && !openTimerRef.current) {
+                contentContext.onPointerGraceIntentChange(null);
+                openTimerRef.current = window.setTimeout(()=>{
+                    context.onOpenChange(true);
+                    clearOpenTimer();
+                }, 100);
+            }
+        })),
+        onPointerLeave: index$8.composeEventHandlers(props.onPointerLeave, $6cc32821e9371a1c$var$whenMouse((event)=>{
+            var _context$content;
+            clearOpenTimer();
+            const contentRect = (_context$content = context.content) === null || _context$content === void 0 ? void 0 : _context$content.getBoundingClientRect();
+            if (contentRect) {
+                var _context$content2;
+                // TODO: make sure to update this when we change positioning logic
+                const side = (_context$content2 = context.content) === null || _context$content2 === void 0 ? void 0 : _context$content2.dataset.side;
+                const rightSide = side === 'right';
+                const bleed = rightSide ? -5 : 5;
+                const contentNearEdge = contentRect[rightSide ? 'left' : 'right'];
+                const contentFarEdge = contentRect[rightSide ? 'right' : 'left'];
+                contentContext.onPointerGraceIntentChange({
+                    area: [
+                        // consistently within polygon bounds
+                        {
+                            x: event.clientX + bleed,
+                            y: event.clientY
+                        },
+                        {
+                            x: contentNearEdge,
+                            y: contentRect.top
+                        },
+                        {
+                            x: contentFarEdge,
+                            y: contentRect.top
+                        },
+                        {
+                            x: contentFarEdge,
+                            y: contentRect.bottom
+                        },
+                        {
+                            x: contentNearEdge,
+                            y: contentRect.bottom
+                        }
+                    ],
+                    side: side
+                });
+                window.clearTimeout(pointerGraceTimerRef.current);
+                pointerGraceTimerRef.current = window.setTimeout(()=>contentContext.onPointerGraceIntentChange(null)
+                , 300);
+            } else {
+                contentContext.onTriggerLeave(event);
+                if (event.defaultPrevented) return; // There's 100ms where the user may leave an item before the submenu was opened.
+                contentContext.onPointerGraceIntentChange(null);
+            }
+        })),
+        onKeyDown: index$8.composeEventHandlers(props.onKeyDown, (event)=>{
+            const isTypingAhead = contentContext.searchRef.current !== '';
+            if (props.disabled || isTypingAhead && event.key === ' ') return;
+            if ($6cc32821e9371a1c$var$SUB_OPEN_KEYS[rootContext.dir].includes(event.key)) {
+                var _context$content3;
+                context.onOpenChange(true); // The trigger may hold focus if opened via pointer interaction
+                // so we ensure content is given focus again when switching to keyboard.
+                (_context$content3 = context.content) === null || _context$content3 === void 0 || _context$content3.focus(); // prevent window from scrolling
+                event.preventDefault();
+            }
+        })
+    })));
+});
+/* -------------------------------------------------------------------------------------------------
+ * MenuSubContent
+ * -----------------------------------------------------------------------------------------------*/ const $6cc32821e9371a1c$var$SUB_CONTENT_NAME = 'MenuSubContent';
+const $6cc32821e9371a1c$export$e7142ab31822bde6 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const portalContext = $6cc32821e9371a1c$var$usePortalContext($6cc32821e9371a1c$var$CONTENT_NAME, props.__scopeMenu);
+    const { forceMount: forceMount = portalContext.forceMount , ...subContentProps } = props;
+    const context = $6cc32821e9371a1c$var$useMenuContext($6cc32821e9371a1c$var$CONTENT_NAME, props.__scopeMenu);
+    const rootContext = $6cc32821e9371a1c$var$useMenuRootContext($6cc32821e9371a1c$var$CONTENT_NAME, props.__scopeMenu);
+    const subContext = $6cc32821e9371a1c$var$useMenuSubContext($6cc32821e9371a1c$var$SUB_CONTENT_NAME, props.__scopeMenu);
+    const ref = React.useRef(null);
+    const composedRefs = index$6.useComposedRefs(forwardedRef, ref);
+    return /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$Collection.Provider, {
+        scope: props.__scopeMenu
+    }, /*#__PURE__*/ React.createElement(index$4.Presence, {
+        present: forceMount || context.open
+    }, /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$Collection.Slot, {
+        scope: props.__scopeMenu
+    }, /*#__PURE__*/ React.createElement($6cc32821e9371a1c$var$MenuContentImpl, _extends.default({
+        id: subContext.contentId,
+        "aria-labelledby": subContext.triggerId
+    }, subContentProps, {
+        ref: composedRefs,
+        align: "start",
+        side: rootContext.dir === 'rtl' ? 'left' : 'right',
+        disableOutsidePointerEvents: false,
+        disableOutsideScroll: false,
+        trapFocus: false,
+        onOpenAutoFocus: (event)=>{
+            var _ref$current;
+            // when opening a submenu, focus content for keyboard users only
+            if (rootContext.isUsingKeyboardRef.current) (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
+            event.preventDefault();
+        } // The menu might close because of focusing another menu item in the parent menu. We
+        ,
+        onCloseAutoFocus: (event)=>event.preventDefault()
+        ,
+        onFocusOutside: index$8.composeEventHandlers(props.onFocusOutside, (event)=>{
+            // We prevent closing when the trigger is focused to avoid triggering a re-open animation
+            // on pointer interaction.
+            if (event.target !== subContext.trigger) context.onOpenChange(false);
+        }),
+        onEscapeKeyDown: index$8.composeEventHandlers(props.onEscapeKeyDown, (event)=>{
+            rootContext.onClose(); // ensure pressing escape in submenu doesn't escape full screen mode
+            event.preventDefault();
+        }),
+        onKeyDown: index$8.composeEventHandlers(props.onKeyDown, (event)=>{
+            // Submenu key events bubble through portals. We only care about keys in this menu.
+            const isKeyDownInside = event.currentTarget.contains(event.target);
+            const isCloseKey = $6cc32821e9371a1c$var$SUB_CLOSE_KEYS[rootContext.dir].includes(event.key);
+            if (isKeyDownInside && isCloseKey) {
+                var _subContext$trigger;
+                context.onOpenChange(false); // We focus manually because we prevented it in `onCloseAutoFocus`
+                (_subContext$trigger = subContext.trigger) === null || _subContext$trigger === void 0 || _subContext$trigger.focus(); // prevent window from scrolling
+                event.preventDefault();
+            }
+        })
+    })))));
+});
 /* -----------------------------------------------------------------------------------------------*/ function $6cc32821e9371a1c$var$getOpenState(open) {
     return open ? 'open' : 'closed';
 }
+function $6cc32821e9371a1c$var$isIndeterminate(checked) {
+    return checked === 'indeterminate';
+}
+function $6cc32821e9371a1c$var$getCheckedState(checked) {
+    return $6cc32821e9371a1c$var$isIndeterminate(checked) ? 'indeterminate' : checked ? 'checked' : 'unchecked';
+}
 function $6cc32821e9371a1c$var$focusFirst(candidates) {
     const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
     for (const candidate of candidates){
@@ -582,7 +853,12 @@ const $6cc32821e9371a1c$export$7c6e2c02157bb7d2 = $6cc32821e9371a1c$export$479f0
 const $6cc32821e9371a1c$export$eb2fcfdbd7ba97d4 = $6cc32821e9371a1c$export$22a631d1f72787bb;
 const $6cc32821e9371a1c$export$b04be29aa201d4f5 = $6cc32821e9371a1c$export$dd37bec0e8a99143;
 const $6cc32821e9371a1c$export$6d08773d2e66f8f2 = $6cc32821e9371a1c$export$2ce376c2cc3355c8;
+const $6cc32821e9371a1c$export$a98f0dcb43a68a25 = $6cc32821e9371a1c$export$ea2200c9eee416b3;
+const $6cc32821e9371a1c$export$371ab307eab489c0 = $6cc32821e9371a1c$export$69bd225e9817f6d0;
 const $6cc32821e9371a1c$export$1ff3c3f08ae963c0 = $6cc32821e9371a1c$export$1cec7dcdd713e220;
+const $6cc32821e9371a1c$export$d7a01e11500dfb6f = $6cc32821e9371a1c$export$71bdb9d1e2909932;
+const $6cc32821e9371a1c$export$2ea8a7a591ac5eac = $6cc32821e9371a1c$export$5fbbb3ba7297405f;
+const $6cc32821e9371a1c$export$6d4de93b380beddf = $6cc32821e9371a1c$export$e7142ab31822bde6;
 
 exports.Anchor = $6cc32821e9371a1c$export$b688253958b8dfe7;
 exports.Content = $6cc32821e9371a1c$export$7c6e2c02157bb7d2;
@@ -596,9 +872,19 @@ exports.MenuGroup = $6cc32821e9371a1c$export$22a631d1f72787bb;
 exports.MenuItem = $6cc32821e9371a1c$export$2ce376c2cc3355c8;
 exports.MenuLabel = $6cc32821e9371a1c$export$dd37bec0e8a99143;
 exports.MenuPortal = $6cc32821e9371a1c$export$793392f970497feb;
+exports.MenuRadioGroup = $6cc32821e9371a1c$export$ea2200c9eee416b3;
+exports.MenuRadioItem = $6cc32821e9371a1c$export$69bd225e9817f6d0;
 exports.MenuSeparator = $6cc32821e9371a1c$export$1cec7dcdd713e220;
+exports.MenuSub = $6cc32821e9371a1c$export$71bdb9d1e2909932;
+exports.MenuSubContent = $6cc32821e9371a1c$export$e7142ab31822bde6;
+exports.MenuSubTrigger = $6cc32821e9371a1c$export$5fbbb3ba7297405f;
 exports.Portal = $6cc32821e9371a1c$export$602eac185826482c;
+exports.RadioGroup = $6cc32821e9371a1c$export$a98f0dcb43a68a25;
+exports.RadioItem = $6cc32821e9371a1c$export$371ab307eab489c0;
 exports.Root = $6cc32821e9371a1c$export$be92b6f5f03c0fe9;
 exports.Separator = $6cc32821e9371a1c$export$1ff3c3f08ae963c0;
+exports.Sub = $6cc32821e9371a1c$export$d7a01e11500dfb6f;
+exports.SubContent = $6cc32821e9371a1c$export$6d4de93b380beddf;
+exports.SubTrigger = $6cc32821e9371a1c$export$2ea8a7a591ac5eac;
 exports.createMenuScope = $6cc32821e9371a1c$export$4027731b685e72eb;
 //# sourceMappingURL=index.cjs.map