@react-spectrum/menu 3.21.0 → 3.21.1

package/dist/MenuTrigger.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAcD,SAAS,kCAAY,KAA+B,EAAE,GAAwB;IAC5E,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAe;IACrC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,iBAAiB,UAAU;IAC/B,IAAI,UAAU,CAAA,GAAA,mBAAK,EAAkB;IACrC,IAAI,YACF,QAAQ,SACR,QAAQ,qBACR,aAAa,iBACb,YAAY,yBACZ,aAAa,WACb,UAAU,SACX,GAAG;IAEJ,IAAI,CAAC,aAAa,KAAK,GAAG,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACjD,IAAI,QAAQ,CAAA,GAAA,2CAAkB,EAAE;IAEhC,IAAI,oBAAC,gBAAgB,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,mCAAa,EAAE;iBAAC;IAAO,GAAG,OAAO;IAErE,IAAI;IACJ,OAAQ;QACN,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;YACH,mBAAmB,GAAG,UAAU,CAAC,EAAE,UAAU,QAAQ,WAAW,OAAO;YACvE;QACF,KAAK;QACL,KAAK;QACL;YACE,mBAAmB,GAAG,UAAU,CAAC,EAAE,OAAO;IAC9C;IAEA,IAAI,WAAW,CAAA,GAAA,2CAAgB;IAC/B,IAAI,cAAc;QAChB,GAAG,SAAS;QACZ,KAAK;QACL,SAAS,MAAM,KAAK;uBACpB;QACA,WAAW,MAAM,aAAa,IAAI;QAClC,cAAc,WAAW;YACvB,OAAO;YACP,WAAW;QACb,IAAI;QACJ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAAC,yBAAyB,CAAC;QAAQ;eACxE;IACF;IAEA,gFAAgF;IAChF,IAAI;IACJ,IAAI,UACF,wBACE,0DAAC,CAAA,GAAA,iCAAG;QAAE,OAAO;QAAO,eAAA;OACjB;SAIL,wBACE,0DAAC,CAAA,GAAA,oCAAM;QACL,cAAc;YAAC,UAAU;YAAS,UAAU;YAAW,QAAQ;YAAS,aAAa;QAAK;QAC1F,OAAO;QACP,YAAY;QACZ,WAAW;QACX,WAAW;QACX,WAAA;QACA,YAAY;OACX;IAKP,qBACE,0DAAC,CAAA,GAAA,qBAAO,uBACN,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;YAAC,cAAc;gBAAC,gBAAgB,YAAY;YAAW;QAAC;qBAC3E,0DAAC,CAAA,GAAA,2CAAa;QAAG,GAAG,gBAAgB;QAAE,KAAK;QAAgB,WAAW,MAAM,MAAM;OAC/E,6BAGL,0DAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;QAAC,OAAO;OAC1B;AAIT;AAEA;;;CAGC,GACD,IAAI,0DAAe,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/menu/src/MenuTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, SlotProvider, useDOMRef, useIsMobileDevice} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {MenuContext} from './context';\nimport {Placement} from '@react-types/overlays';\nimport {Popover, Tray} from '@react-spectrum/overlays';\nimport {PressResponder} from '@react-aria/interactions';\nimport React, {forwardRef, Fragment, useRef} from 'react';\nimport {SpectrumMenuTriggerProps} from '@react-types/menu';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {useMenuTrigger} from '@react-aria/menu';\nimport {useMenuTriggerState} from '@react-stately/menu';\n\nfunction MenuTrigger(props: SpectrumMenuTriggerProps, ref: DOMRef<HTMLElement>) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let domRef = useDOMRef(ref);\n  let menuTriggerRef = domRef || triggerRef;\n  let menuRef = useRef<HTMLDivElement>(null);\n  let {\n    children,\n    align = 'start',\n    shouldFlip = true,\n    direction = 'bottom',\n    closeOnSelect,\n    trigger = 'press'\n  } = props;\n\n  let [menuTrigger, menu] = React.Children.toArray(children);\n  let state = useMenuTriggerState(props);\n\n  let {menuTriggerProps, menuProps} = useMenuTrigger({trigger}, state, menuTriggerRef);\n\n  let initialPlacement: Placement;\n  switch (direction) {\n    case 'left':\n    case 'right':\n    case 'start':\n    case 'end':\n      initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}` as Placement;\n      break;\n    case 'bottom':\n    case 'top':\n    default:\n      initialPlacement = `${direction} ${align}` as Placement;\n  }\n\n  let isMobile = useIsMobileDevice();\n  let menuContext = {\n    ...menuProps,\n    ref: menuRef,\n    onClose: state.close,\n    closeOnSelect,\n    autoFocus: state.focusStrategy || true,\n    UNSAFE_style: isMobile ? {\n      width: '100%',\n      maxHeight: 'inherit'\n    } : undefined,\n    UNSAFE_className: classNames(styles, {'spectrum-Menu-popover': !isMobile}),\n    state\n  };\n\n  // On small screen devices, the menu is rendered in a tray, otherwise a popover.\n  let overlay;\n  if (isMobile) {\n    overlay = (\n      <Tray state={state} isFixedHeight>\n        {menu}\n      </Tray>\n    );\n  } else {\n    overlay = (\n      <Popover\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        state={state}\n        triggerRef={menuTriggerRef}\n        scrollRef={menuRef}\n        placement={initialPlacement}\n        hideArrow\n        shouldFlip={shouldFlip}>\n        {menu}\n      </Popover>\n    );\n  }\n\n  return (\n    <Fragment>\n      <SlotProvider slots={{actionButton: {holdAffordance: trigger === 'longPress'}}}>\n        <PressResponder {...menuTriggerProps} ref={menuTriggerRef} isPressed={state.isOpen}>\n          {menuTrigger}\n        </PressResponder>\n      </SlotProvider>\n      <MenuContext.Provider value={menuContext}>\n        {overlay}\n      </MenuContext.Provider>\n    </Fragment>\n  );\n}\n\n/**\n * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,\n * linking the Menu's open state with the trigger's press state.\n */\nlet _MenuTrigger = forwardRef(MenuTrigger);\nexport {_MenuTrigger as MenuTrigger};\n"],"names":[],"version":3,"file":"MenuTrigger.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAkBM,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAA+B,EAAE,GAAwB;IAClH,IAAI,aAAa,CAAA,GAAA,mBAAK,EAAe;IACrC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,iBAAiB,UAAU;IAC/B,IAAI,UAAU,CAAA,GAAA,mBAAK,EAAkB;IACrC,IAAI,YACF,QAAQ,SACR,QAAQ,qBACR,aAAa,iBACb,YAAY,yBACZ,aAAa,WACb,UAAU,SACX,GAAG;IAEJ,IAAI,CAAC,aAAa,KAAK,GAAG,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACjD,IAAI,QAAQ,CAAA,GAAA,2CAAkB,EAAE;IAEhC,IAAI,oBAAC,gBAAgB,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,mCAAa,EAAE;iBAAC;IAAO,GAAG,OAAO;IAErE,IAAI;IACJ,OAAQ;QACN,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;YACH,mBAAmB,GAAG,UAAU,CAAC,EAAE,UAAU,QAAQ,WAAW,OAAO;YACvE;QACF,KAAK;QACL,KAAK;QACL;YACE,mBAAmB,GAAG,UAAU,CAAC,EAAE,OAAO;IAC9C;IAEA,IAAI,WAAW,CAAA,GAAA,2CAAgB;IAC/B,IAAI,cAAc;QAChB,GAAG,SAAS;QACZ,KAAK;QACL,SAAS,MAAM,KAAK;uBACpB;QACA,WAAW,MAAM,aAAa,IAAI;QAClC,cAAc,WAAW;YACvB,OAAO;YACP,WAAW;QACb,IAAI;QACJ,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAAC,yBAAyB,CAAC;QAAQ;eACxE;IACF;IAEA,oEAAoE;IACpE,IAAI,iBAAiB,CAAA,GAAA,mBAAK,EAAE;IAC5B,IAAI,oBAAoB,CAAA,GAAA,sCAAW,EAAE;IACrC,CAAA,GAAA,+CAAiB,EAAE;QACjB,KAAK;QACL,mBAAmB;YACjB,kBAAA,4BAAA,MAAO,KAAK;QACd;QACA,YAAY,CAAC,MAAM,MAAM,IAAI,MAAM,iBAAiB,CAAC,MAAM,KAAK;IAClE;IAEA,gFAAgF;IAChF,IAAI;IACJ,IAAI,UACF,wBACE,0DAAC,CAAA,GAAA,iCAAG;QAAE,OAAO;QAAO,eAAA;QAAc,KAAK;OACpC;SAIL,wBACE,0DAAC,CAAA,GAAA,oCAAM;QACL,KAAK;QACL,cAAc;YAAC,UAAU;YAAS,UAAU;YAAW,QAAQ;YAAS,aAAa;QAAK;QAC1F,OAAO;QACP,YAAY;QACZ,WAAW;QACX,WAAW;QACX,WAAA;QACA,YAAY;OACX;IAKP,qBACE,0DAAC,CAAA,GAAA,qBAAO,uBACN,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;YAAC,cAAc;gBAAC,gBAAgB,YAAY;YAAW;QAAC;qBAC3E,0DAAC,CAAA,GAAA,2CAAa;QAAG,GAAG,gBAAgB;QAAE,KAAK;QAAgB,WAAW,MAAM,MAAM;OAC/E,6BAGL,0DAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;QAAC,OAAO;OAC1B;AAIT","sources":["packages/@react-spectrum/menu/src/MenuTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, SlotProvider, unwrapDOMRef, useDOMRef, useIsMobileDevice} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {MenuContext} from './context';\nimport {Placement} from '@react-types/overlays';\nimport {Popover, Tray} from '@react-spectrum/overlays';\nimport {PressResponder, useInteractOutside} from '@react-aria/interactions';\nimport React, {forwardRef, Fragment, useRef} from 'react';\nimport {SpectrumMenuTriggerProps} from '@react-types/menu';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {useMenuTrigger} from '@react-aria/menu';\nimport {useMenuTriggerState} from '@react-stately/menu';\n\n/**\n * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,\n * linking the Menu's open state with the trigger's press state.\n */\nexport const MenuTrigger = forwardRef(function MenuTrigger(props: SpectrumMenuTriggerProps, ref: DOMRef<HTMLElement>) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let domRef = useDOMRef(ref);\n  let menuTriggerRef = domRef || triggerRef;\n  let menuRef = useRef<HTMLDivElement>(null);\n  let {\n    children,\n    align = 'start',\n    shouldFlip = true,\n    direction = 'bottom',\n    closeOnSelect,\n    trigger = 'press'\n  } = props;\n\n  let [menuTrigger, menu] = React.Children.toArray(children);\n  let state = useMenuTriggerState(props);\n\n  let {menuTriggerProps, menuProps} = useMenuTrigger({trigger}, state, menuTriggerRef);\n\n  let initialPlacement: Placement;\n  switch (direction) {\n    case 'left':\n    case 'right':\n    case 'start':\n    case 'end':\n      initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}` as Placement;\n      break;\n    case 'bottom':\n    case 'top':\n    default:\n      initialPlacement = `${direction} ${align}` as Placement;\n  }\n\n  let isMobile = useIsMobileDevice();\n  let menuContext = {\n    ...menuProps,\n    ref: menuRef,\n    onClose: state.close,\n    closeOnSelect,\n    autoFocus: state.focusStrategy || true,\n    UNSAFE_style: isMobile ? {\n      width: '100%',\n      maxHeight: 'inherit'\n    } : undefined,\n    UNSAFE_className: classNames(styles, {'spectrum-Menu-popover': !isMobile}),\n    state\n  };\n\n  // Close when clicking outside the root menu when a submenu is open.\n  let rootOverlayRef = useRef(null);\n  let rootOverlayDomRef = unwrapDOMRef(rootOverlayRef);\n  useInteractOutside({\n    ref: rootOverlayDomRef,\n    onInteractOutside: () => {\n      state?.close();\n    },\n    isDisabled: !state.isOpen || state.expandedKeysStack.length === 0\n  });\n\n  // On small screen devices, the menu is rendered in a tray, otherwise a popover.\n  let overlay;\n  if (isMobile) {\n    overlay = (\n      <Tray state={state} isFixedHeight ref={rootOverlayRef}>\n        {menu}\n      </Tray>\n    );\n  } else {\n    overlay = (\n      <Popover\n        ref={rootOverlayRef}\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        state={state}\n        triggerRef={menuTriggerRef}\n        scrollRef={menuRef}\n        placement={initialPlacement}\n        hideArrow\n        shouldFlip={shouldFlip}>\n        {menu}\n      </Popover>\n    );\n  }\n\n  return (\n    <Fragment>\n      <SlotProvider slots={{actionButton: {holdAffordance: trigger === 'longPress'}}}>\n        <PressResponder {...menuTriggerProps} ref={menuTriggerRef} isPressed={state.isOpen}>\n          {menuTrigger}\n        </PressResponder>\n      </SlotProvider>\n      <MenuContext.Provider value={menuContext}>\n        {overlay}\n      </MenuContext.Provider>\n    </Fragment>\n  );\n});\n"],"names":[],"version":3,"file":"MenuTrigger.main.js.map"}

package/dist/MenuTrigger.mjs

@@ -1,10 +1,10 @@
 import {MenuContext as $d94604d52c3e3feb$export$c7e742effb1c51e2} from "./context.mjs";
-import "./vars.a1f9fd59.css";
+import "./vars.5486a4f0.css";
 import $5R0iF$menu_vars_cssmodulejs from "./menu_vars_css.mjs";
-import {useDOMRef as $5R0iF$useDOMRef, useIsMobileDevice as $5R0iF$useIsMobileDevice, classNames as $5R0iF$classNames, SlotProvider as $5R0iF$SlotProvider} from "@react-spectrum/utils";
+import {useDOMRef as $5R0iF$useDOMRef, useIsMobileDevice as $5R0iF$useIsMobileDevice, classNames as $5R0iF$classNames, unwrapDOMRef as $5R0iF$unwrapDOMRef, SlotProvider as $5R0iF$SlotProvider} from "@react-spectrum/utils";
 import {Tray as $5R0iF$Tray, Popover as $5R0iF$Popover} from "@react-spectrum/overlays";
-import {PressResponder as $5R0iF$PressResponder} from "@react-aria/interactions";
-import $5R0iF$react, {useRef as $5R0iF$useRef, Fragment as $5R0iF$Fragment, forwardRef as $5R0iF$forwardRef} from "react";
+import {useInteractOutside as $5R0iF$useInteractOutside, PressResponder as $5R0iF$PressResponder} from "@react-aria/interactions";
+import $5R0iF$react, {forwardRef as $5R0iF$forwardRef, useRef as $5R0iF$useRef, Fragment as $5R0iF$Fragment} from "react";
 import {useMenuTrigger as $5R0iF$useMenuTrigger} from "@react-aria/menu";
 import {useMenuTriggerState as $5R0iF$useMenuTriggerState} from "@react-stately/menu";
 
@@ -30,7 +30,7 @@ function $parcel$interopDefault(a) {
 
 
 
-function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
+const $aa0b855f135b86e3$export$27d2ad3c5815583e = /*#__PURE__*/ (0, $5R0iF$forwardRef)(function MenuTrigger(props, ref) {
     let triggerRef = (0, $5R0iF$useRef)(null);
     let domRef = (0, $5R0iF$useDOMRef)(ref);
     let menuTriggerRef = domRef || triggerRef;
@@ -70,13 +70,25 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
         }),
         state: state
     };
+    // Close when clicking outside the root menu when a submenu is open.
+    let rootOverlayRef = (0, $5R0iF$useRef)(null);
+    let rootOverlayDomRef = (0, $5R0iF$unwrapDOMRef)(rootOverlayRef);
+    (0, $5R0iF$useInteractOutside)({
+        ref: rootOverlayDomRef,
+        onInteractOutside: ()=>{
+            state === null || state === void 0 ? void 0 : state.close();
+        },
+        isDisabled: !state.isOpen || state.expandedKeysStack.length === 0
+    });
     // On small screen devices, the menu is rendered in a tray, otherwise a popover.
     let overlay;
     if (isMobile) overlay = /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Tray), {
         state: state,
-        isFixedHeight: true
+        isFixedHeight: true,
+        ref: rootOverlayRef
     }, menu);
     else overlay = /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Popover), {
+        ref: rootOverlayRef,
         UNSAFE_style: {
             clipPath: 'unset',
             overflow: 'visible',
@@ -103,11 +115,7 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
     }, menuTrigger)), /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $d94604d52c3e3feb$export$c7e742effb1c51e2).Provider, {
         value: menuContext
     }, overlay));
-}
-/**
- * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,
- * linking the Menu's open state with the trigger's press state.
- */ let $aa0b855f135b86e3$export$27d2ad3c5815583e = /*#__PURE__*/ (0, $5R0iF$forwardRef)($aa0b855f135b86e3$var$MenuTrigger);
+});
 
 
 export {$aa0b855f135b86e3$export$27d2ad3c5815583e as MenuTrigger};

package/dist/MenuTrigger.module.js

@@ -1,10 +1,10 @@
 import {MenuContext as $d94604d52c3e3feb$export$c7e742effb1c51e2} from "./context.module.js";
-import "./vars.a1f9fd59.css";
+import "./vars.5486a4f0.css";
 import $5R0iF$menu_vars_cssmodulejs from "./menu_vars_css.module.js";
-import {useDOMRef as $5R0iF$useDOMRef, useIsMobileDevice as $5R0iF$useIsMobileDevice, classNames as $5R0iF$classNames, SlotProvider as $5R0iF$SlotProvider} from "@react-spectrum/utils";
+import {useDOMRef as $5R0iF$useDOMRef, useIsMobileDevice as $5R0iF$useIsMobileDevice, classNames as $5R0iF$classNames, unwrapDOMRef as $5R0iF$unwrapDOMRef, SlotProvider as $5R0iF$SlotProvider} from "@react-spectrum/utils";
 import {Tray as $5R0iF$Tray, Popover as $5R0iF$Popover} from "@react-spectrum/overlays";
-import {PressResponder as $5R0iF$PressResponder} from "@react-aria/interactions";
-import $5R0iF$react, {useRef as $5R0iF$useRef, Fragment as $5R0iF$Fragment, forwardRef as $5R0iF$forwardRef} from "react";
+import {useInteractOutside as $5R0iF$useInteractOutside, PressResponder as $5R0iF$PressResponder} from "@react-aria/interactions";
+import $5R0iF$react, {forwardRef as $5R0iF$forwardRef, useRef as $5R0iF$useRef, Fragment as $5R0iF$Fragment} from "react";
 import {useMenuTrigger as $5R0iF$useMenuTrigger} from "@react-aria/menu";
 import {useMenuTriggerState as $5R0iF$useMenuTriggerState} from "@react-stately/menu";
 
@@ -30,7 +30,7 @@ function $parcel$interopDefault(a) {
 
 
 
-function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
+const $aa0b855f135b86e3$export$27d2ad3c5815583e = /*#__PURE__*/ (0, $5R0iF$forwardRef)(function MenuTrigger(props, ref) {
     let triggerRef = (0, $5R0iF$useRef)(null);
     let domRef = (0, $5R0iF$useDOMRef)(ref);
     let menuTriggerRef = domRef || triggerRef;
@@ -70,13 +70,25 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
         }),
         state: state
     };
+    // Close when clicking outside the root menu when a submenu is open.
+    let rootOverlayRef = (0, $5R0iF$useRef)(null);
+    let rootOverlayDomRef = (0, $5R0iF$unwrapDOMRef)(rootOverlayRef);
+    (0, $5R0iF$useInteractOutside)({
+        ref: rootOverlayDomRef,
+        onInteractOutside: ()=>{
+            state === null || state === void 0 ? void 0 : state.close();
+        },
+        isDisabled: !state.isOpen || state.expandedKeysStack.length === 0
+    });
     // On small screen devices, the menu is rendered in a tray, otherwise a popover.
     let overlay;
     if (isMobile) overlay = /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Tray), {
         state: state,
-        isFixedHeight: true
+        isFixedHeight: true,
+        ref: rootOverlayRef
     }, menu);
     else overlay = /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $5R0iF$Popover), {
+        ref: rootOverlayRef,
         UNSAFE_style: {
             clipPath: 'unset',
             overflow: 'visible',
@@ -103,11 +115,7 @@ function $aa0b855f135b86e3$var$MenuTrigger(props, ref) {
     }, menuTrigger)), /*#__PURE__*/ (0, $5R0iF$react).createElement((0, $d94604d52c3e3feb$export$c7e742effb1c51e2).Provider, {
         value: menuContext
     }, overlay));
-}
-/**
- * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,
- * linking the Menu's open state with the trigger's press state.
- */ let $aa0b855f135b86e3$export$27d2ad3c5815583e = /*#__PURE__*/ (0, $5R0iF$forwardRef)($aa0b855f135b86e3$var$MenuTrigger);
+});
 
 
 export {$aa0b855f135b86e3$export$27d2ad3c5815583e as MenuTrigger};

package/dist/MenuTrigger.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAcD,SAAS,kCAAY,KAA+B,EAAE,GAAwB;IAC5E,IAAI,aAAa,CAAA,GAAA,aAAK,EAAe;IACrC,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,iBAAiB,UAAU;IAC/B,IAAI,UAAU,CAAA,GAAA,aAAK,EAAkB;IACrC,IAAI,YACF,QAAQ,SACR,QAAQ,qBACR,aAAa,iBACb,YAAY,yBACZ,aAAa,WACb,UAAU,SACX,GAAG;IAEJ,IAAI,CAAC,aAAa,KAAK,GAAG,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACjD,IAAI,QAAQ,CAAA,GAAA,0BAAkB,EAAE;IAEhC,IAAI,oBAAC,gBAAgB,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;iBAAC;IAAO,GAAG,OAAO;IAErE,IAAI;IACJ,OAAQ;QACN,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;YACH,mBAAmB,GAAG,UAAU,CAAC,EAAE,UAAU,QAAQ,WAAW,OAAO;YACvE;QACF,KAAK;QACL,KAAK;QACL;YACE,mBAAmB,GAAG,UAAU,CAAC,EAAE,OAAO;IAC9C;IAEA,IAAI,WAAW,CAAA,GAAA,wBAAgB;IAC/B,IAAI,cAAc;QAChB,GAAG,SAAS;QACZ,KAAK;QACL,SAAS,MAAM,KAAK;uBACpB;QACA,WAAW,MAAM,aAAa,IAAI;QAClC,cAAc,WAAW;YACvB,OAAO;YACP,WAAW;QACb,IAAI;QACJ,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;YAAC,yBAAyB,CAAC;QAAQ;eACxE;IACF;IAEA,gFAAgF;IAChF,IAAI;IACJ,IAAI,UACF,wBACE,gCAAC,CAAA,GAAA,WAAG;QAAE,OAAO;QAAO,eAAA;OACjB;SAIL,wBACE,gCAAC,CAAA,GAAA,cAAM;QACL,cAAc;YAAC,UAAU;YAAS,UAAU;YAAW,QAAQ;YAAS,aAAa;QAAK;QAC1F,OAAO;QACP,YAAY;QACZ,WAAW;QACX,WAAW;QACX,WAAA;QACA,YAAY;OACX;IAKP,qBACE,gCAAC,CAAA,GAAA,eAAO,uBACN,gCAAC,CAAA,GAAA,mBAAW;QAAE,OAAO;YAAC,cAAc;gBAAC,gBAAgB,YAAY;YAAW;QAAC;qBAC3E,gCAAC,CAAA,GAAA,qBAAa;QAAG,GAAG,gBAAgB;QAAE,KAAK;QAAgB,WAAW,MAAM,MAAM;OAC/E,6BAGL,gCAAC,CAAA,GAAA,yCAAU,EAAE,QAAQ;QAAC,OAAO;OAC1B;AAIT;AAEA;;;CAGC,GACD,IAAI,0DAAe,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/menu/src/MenuTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, SlotProvider, useDOMRef, useIsMobileDevice} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {MenuContext} from './context';\nimport {Placement} from '@react-types/overlays';\nimport {Popover, Tray} from '@react-spectrum/overlays';\nimport {PressResponder} from '@react-aria/interactions';\nimport React, {forwardRef, Fragment, useRef} from 'react';\nimport {SpectrumMenuTriggerProps} from '@react-types/menu';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {useMenuTrigger} from '@react-aria/menu';\nimport {useMenuTriggerState} from '@react-stately/menu';\n\nfunction MenuTrigger(props: SpectrumMenuTriggerProps, ref: DOMRef<HTMLElement>) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let domRef = useDOMRef(ref);\n  let menuTriggerRef = domRef || triggerRef;\n  let menuRef = useRef<HTMLDivElement>(null);\n  let {\n    children,\n    align = 'start',\n    shouldFlip = true,\n    direction = 'bottom',\n    closeOnSelect,\n    trigger = 'press'\n  } = props;\n\n  let [menuTrigger, menu] = React.Children.toArray(children);\n  let state = useMenuTriggerState(props);\n\n  let {menuTriggerProps, menuProps} = useMenuTrigger({trigger}, state, menuTriggerRef);\n\n  let initialPlacement: Placement;\n  switch (direction) {\n    case 'left':\n    case 'right':\n    case 'start':\n    case 'end':\n      initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}` as Placement;\n      break;\n    case 'bottom':\n    case 'top':\n    default:\n      initialPlacement = `${direction} ${align}` as Placement;\n  }\n\n  let isMobile = useIsMobileDevice();\n  let menuContext = {\n    ...menuProps,\n    ref: menuRef,\n    onClose: state.close,\n    closeOnSelect,\n    autoFocus: state.focusStrategy || true,\n    UNSAFE_style: isMobile ? {\n      width: '100%',\n      maxHeight: 'inherit'\n    } : undefined,\n    UNSAFE_className: classNames(styles, {'spectrum-Menu-popover': !isMobile}),\n    state\n  };\n\n  // On small screen devices, the menu is rendered in a tray, otherwise a popover.\n  let overlay;\n  if (isMobile) {\n    overlay = (\n      <Tray state={state} isFixedHeight>\n        {menu}\n      </Tray>\n    );\n  } else {\n    overlay = (\n      <Popover\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        state={state}\n        triggerRef={menuTriggerRef}\n        scrollRef={menuRef}\n        placement={initialPlacement}\n        hideArrow\n        shouldFlip={shouldFlip}>\n        {menu}\n      </Popover>\n    );\n  }\n\n  return (\n    <Fragment>\n      <SlotProvider slots={{actionButton: {holdAffordance: trigger === 'longPress'}}}>\n        <PressResponder {...menuTriggerProps} ref={menuTriggerRef} isPressed={state.isOpen}>\n          {menuTrigger}\n        </PressResponder>\n      </SlotProvider>\n      <MenuContext.Provider value={menuContext}>\n        {overlay}\n      </MenuContext.Provider>\n    </Fragment>\n  );\n}\n\n/**\n * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,\n * linking the Menu's open state with the trigger's press state.\n */\nlet _MenuTrigger = forwardRef(MenuTrigger);\nexport {_MenuTrigger as MenuTrigger};\n"],"names":[],"version":3,"file":"MenuTrigger.module.js.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAkBM,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAA+B,EAAE,GAAwB;IAClH,IAAI,aAAa,CAAA,GAAA,aAAK,EAAe;IACrC,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,iBAAiB,UAAU;IAC/B,IAAI,UAAU,CAAA,GAAA,aAAK,EAAkB;IACrC,IAAI,YACF,QAAQ,SACR,QAAQ,qBACR,aAAa,iBACb,YAAY,yBACZ,aAAa,WACb,UAAU,SACX,GAAG;IAEJ,IAAI,CAAC,aAAa,KAAK,GAAG,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACjD,IAAI,QAAQ,CAAA,GAAA,0BAAkB,EAAE;IAEhC,IAAI,oBAAC,gBAAgB,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;iBAAC;IAAO,GAAG,OAAO;IAErE,IAAI;IACJ,OAAQ;QACN,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;YACH,mBAAmB,GAAG,UAAU,CAAC,EAAE,UAAU,QAAQ,WAAW,OAAO;YACvE;QACF,KAAK;QACL,KAAK;QACL;YACE,mBAAmB,GAAG,UAAU,CAAC,EAAE,OAAO;IAC9C;IAEA,IAAI,WAAW,CAAA,GAAA,wBAAgB;IAC/B,IAAI,cAAc;QAChB,GAAG,SAAS;QACZ,KAAK;QACL,SAAS,MAAM,KAAK;uBACpB;QACA,WAAW,MAAM,aAAa,IAAI;QAClC,cAAc,WAAW;YACvB,OAAO;YACP,WAAW;QACb,IAAI;QACJ,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;YAAC,yBAAyB,CAAC;QAAQ;eACxE;IACF;IAEA,oEAAoE;IACpE,IAAI,iBAAiB,CAAA,GAAA,aAAK,EAAE;IAC5B,IAAI,oBAAoB,CAAA,GAAA,mBAAW,EAAE;IACrC,CAAA,GAAA,yBAAiB,EAAE;QACjB,KAAK;QACL,mBAAmB;YACjB,kBAAA,4BAAA,MAAO,KAAK;QACd;QACA,YAAY,CAAC,MAAM,MAAM,IAAI,MAAM,iBAAiB,CAAC,MAAM,KAAK;IAClE;IAEA,gFAAgF;IAChF,IAAI;IACJ,IAAI,UACF,wBACE,gCAAC,CAAA,GAAA,WAAG;QAAE,OAAO;QAAO,eAAA;QAAc,KAAK;OACpC;SAIL,wBACE,gCAAC,CAAA,GAAA,cAAM;QACL,KAAK;QACL,cAAc;YAAC,UAAU;YAAS,UAAU;YAAW,QAAQ;YAAS,aAAa;QAAK;QAC1F,OAAO;QACP,YAAY;QACZ,WAAW;QACX,WAAW;QACX,WAAA;QACA,YAAY;OACX;IAKP,qBACE,gCAAC,CAAA,GAAA,eAAO,uBACN,gCAAC,CAAA,GAAA,mBAAW;QAAE,OAAO;YAAC,cAAc;gBAAC,gBAAgB,YAAY;YAAW;QAAC;qBAC3E,gCAAC,CAAA,GAAA,qBAAa;QAAG,GAAG,gBAAgB;QAAE,KAAK;QAAgB,WAAW,MAAM,MAAM;OAC/E,6BAGL,gCAAC,CAAA,GAAA,yCAAU,EAAE,QAAQ;QAAC,OAAO;OAC1B;AAIT","sources":["packages/@react-spectrum/menu/src/MenuTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, SlotProvider, unwrapDOMRef, useDOMRef, useIsMobileDevice} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {MenuContext} from './context';\nimport {Placement} from '@react-types/overlays';\nimport {Popover, Tray} from '@react-spectrum/overlays';\nimport {PressResponder, useInteractOutside} from '@react-aria/interactions';\nimport React, {forwardRef, Fragment, useRef} from 'react';\nimport {SpectrumMenuTriggerProps} from '@react-types/menu';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {useMenuTrigger} from '@react-aria/menu';\nimport {useMenuTriggerState} from '@react-stately/menu';\n\n/**\n * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,\n * linking the Menu's open state with the trigger's press state.\n */\nexport const MenuTrigger = forwardRef(function MenuTrigger(props: SpectrumMenuTriggerProps, ref: DOMRef<HTMLElement>) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let domRef = useDOMRef(ref);\n  let menuTriggerRef = domRef || triggerRef;\n  let menuRef = useRef<HTMLDivElement>(null);\n  let {\n    children,\n    align = 'start',\n    shouldFlip = true,\n    direction = 'bottom',\n    closeOnSelect,\n    trigger = 'press'\n  } = props;\n\n  let [menuTrigger, menu] = React.Children.toArray(children);\n  let state = useMenuTriggerState(props);\n\n  let {menuTriggerProps, menuProps} = useMenuTrigger({trigger}, state, menuTriggerRef);\n\n  let initialPlacement: Placement;\n  switch (direction) {\n    case 'left':\n    case 'right':\n    case 'start':\n    case 'end':\n      initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}` as Placement;\n      break;\n    case 'bottom':\n    case 'top':\n    default:\n      initialPlacement = `${direction} ${align}` as Placement;\n  }\n\n  let isMobile = useIsMobileDevice();\n  let menuContext = {\n    ...menuProps,\n    ref: menuRef,\n    onClose: state.close,\n    closeOnSelect,\n    autoFocus: state.focusStrategy || true,\n    UNSAFE_style: isMobile ? {\n      width: '100%',\n      maxHeight: 'inherit'\n    } : undefined,\n    UNSAFE_className: classNames(styles, {'spectrum-Menu-popover': !isMobile}),\n    state\n  };\n\n  // Close when clicking outside the root menu when a submenu is open.\n  let rootOverlayRef = useRef(null);\n  let rootOverlayDomRef = unwrapDOMRef(rootOverlayRef);\n  useInteractOutside({\n    ref: rootOverlayDomRef,\n    onInteractOutside: () => {\n      state?.close();\n    },\n    isDisabled: !state.isOpen || state.expandedKeysStack.length === 0\n  });\n\n  // On small screen devices, the menu is rendered in a tray, otherwise a popover.\n  let overlay;\n  if (isMobile) {\n    overlay = (\n      <Tray state={state} isFixedHeight ref={rootOverlayRef}>\n        {menu}\n      </Tray>\n    );\n  } else {\n    overlay = (\n      <Popover\n        ref={rootOverlayRef}\n        UNSAFE_style={{clipPath: 'unset', overflow: 'visible', filter: 'unset', borderWidth: '0px'}}\n        state={state}\n        triggerRef={menuTriggerRef}\n        scrollRef={menuRef}\n        placement={initialPlacement}\n        hideArrow\n        shouldFlip={shouldFlip}>\n        {menu}\n      </Popover>\n    );\n  }\n\n  return (\n    <Fragment>\n      <SlotProvider slots={{actionButton: {holdAffordance: trigger === 'longPress'}}}>\n        <PressResponder {...menuTriggerProps} ref={menuTriggerRef} isPressed={state.isOpen}>\n          {menuTrigger}\n        </PressResponder>\n      </SlotProvider>\n      <MenuContext.Provider value={menuContext}>\n        {overlay}\n      </MenuContext.Provider>\n    </Fragment>\n  );\n});\n"],"names":[],"version":3,"file":"MenuTrigger.module.js.map"}

package/dist/SubmenuTrigger.main.js

@@ -1,5 +1,5 @@
 var $cac834c4bc0a51d3$exports = require("./context.main.js");
-require("./vars.a1f9fd59.css");
+require("./vars.5486a4f0.css");
 var $3deee0fd2b46e64f$exports = require("./menu_vars_css.main.js");
 var $esjnM$reactspectrumutils = require("@react-spectrum/utils");
 var $esjnM$reactariautils = require("@react-aria/utils");

package/dist/SubmenuTrigger.mjs

@@ -1,5 +1,5 @@
 import {MenuContext as $d94604d52c3e3feb$export$c7e742effb1c51e2, SubmenuTriggerContext as $d94604d52c3e3feb$export$8d97fe02339fc0e3, useMenuStateContext as $d94604d52c3e3feb$export$efa3856fc0e85e7f} from "./context.mjs";
-import "./vars.a1f9fd59.css";
+import "./vars.5486a4f0.css";
 import $byZ4r$menu_vars_cssmodulejs from "./menu_vars_css.mjs";
 import {useIsMobileDevice as $byZ4r$useIsMobileDevice, classNames as $byZ4r$classNames} from "@react-spectrum/utils";
 import {mergeProps as $byZ4r$mergeProps} from "@react-aria/utils";

package/dist/SubmenuTrigger.module.js

@@ -1,5 +1,5 @@
 import {MenuContext as $d94604d52c3e3feb$export$c7e742effb1c51e2, SubmenuTriggerContext as $d94604d52c3e3feb$export$8d97fe02339fc0e3, useMenuStateContext as $d94604d52c3e3feb$export$efa3856fc0e85e7f} from "./context.module.js";
-import "./vars.a1f9fd59.css";
+import "./vars.5486a4f0.css";
 import $byZ4r$menu_vars_cssmodulejs from "./menu_vars_css.module.js";
 import {useIsMobileDevice as $byZ4r$useIsMobileDevice, classNames as $byZ4r$classNames} from "@react-spectrum/utils";
 import {mergeProps as $byZ4r$mergeProps} from "@react-aria/utils";

package/dist/menu_vars_css.main.js

@@ -113,65 +113,65 @@ var $3deee0fd2b46e64f$export$6b954168165460e7;
 var $3deee0fd2b46e64f$export$6eb7afb010e5a05e;
 var $3deee0fd2b46e64f$export$f55221e0121f82e3;
 var $3deee0fd2b46e64f$export$6f093cfa640b7166;
-$3deee0fd2b46e64f$export$292abbf31ed842a = `mkz4ua_checkmark`;
-$3deee0fd2b46e64f$export$980c1089c0604ea3 = `mkz4ua_chevron`;
-$3deee0fd2b46e64f$export$6d59db4903f20f7d = `mkz4ua_description`;
-$3deee0fd2b46e64f$export$bd5df0f255a350f8 = `mkz4ua_end`;
-$3deee0fd2b46e64f$export$f39a09f249340e2a = `mkz4ua_focus-ring`;
-$3deee0fd2b46e64f$export$8c4ee2c50c22c514 = `mkz4ua_i18nFontFamily`;
-$3deee0fd2b46e64f$export$1ca1ec8b29a4ce27 = `mkz4ua_icon`;
-$3deee0fd2b46e64f$export$20fd0f7cd4e6112f = `mkz4ua_is-active`;
-$3deee0fd2b46e64f$export$d35bc1e505d1ebbf = `mkz4ua_is-disabled`;
-$3deee0fd2b46e64f$export$911ebb89bba4b634 = `mkz4ua_is-expanded`;
-$3deee0fd2b46e64f$export$e7dc768d35940237 = `mkz4ua_is-focused`;
-$3deee0fd2b46e64f$export$451c613d0772eb99 = `mkz4ua_is-highlighted`;
-$3deee0fd2b46e64f$export$b8813cd5d7824ce7 = `mkz4ua_is-hovered`;
-$3deee0fd2b46e64f$export$a9781837241c946d = `mkz4ua_is-open`;
-$3deee0fd2b46e64f$export$fbd22ba224473193 = `mkz4ua_is-selectable`;
-$3deee0fd2b46e64f$export$1e0fb04f31d3c22a = `mkz4ua_is-selected`;
-$3deee0fd2b46e64f$export$cfdd767f5a513509 = `mkz4ua_keyboard`;
-$3deee0fd2b46e64f$export$cd927b4666be507 = `mkz4ua_slideInFromLeft`;
+$3deee0fd2b46e64f$export$292abbf31ed842a = `dIo7iW_checkmark`;
+$3deee0fd2b46e64f$export$980c1089c0604ea3 = `dIo7iW_chevron`;
+$3deee0fd2b46e64f$export$6d59db4903f20f7d = `dIo7iW_description`;
+$3deee0fd2b46e64f$export$bd5df0f255a350f8 = `dIo7iW_end`;
+$3deee0fd2b46e64f$export$f39a09f249340e2a = `dIo7iW_focus-ring`;
+$3deee0fd2b46e64f$export$8c4ee2c50c22c514 = `dIo7iW_i18nFontFamily`;
+$3deee0fd2b46e64f$export$1ca1ec8b29a4ce27 = `dIo7iW_icon`;
+$3deee0fd2b46e64f$export$20fd0f7cd4e6112f = `dIo7iW_is-active`;
+$3deee0fd2b46e64f$export$d35bc1e505d1ebbf = `dIo7iW_is-disabled`;
+$3deee0fd2b46e64f$export$911ebb89bba4b634 = `dIo7iW_is-expanded`;
+$3deee0fd2b46e64f$export$e7dc768d35940237 = `dIo7iW_is-focused`;
+$3deee0fd2b46e64f$export$451c613d0772eb99 = `dIo7iW_is-highlighted`;
+$3deee0fd2b46e64f$export$b8813cd5d7824ce7 = `dIo7iW_is-hovered`;
+$3deee0fd2b46e64f$export$a9781837241c946d = `dIo7iW_is-open`;
+$3deee0fd2b46e64f$export$fbd22ba224473193 = `dIo7iW_is-selectable`;
+$3deee0fd2b46e64f$export$1e0fb04f31d3c22a = `dIo7iW_is-selected`;
+$3deee0fd2b46e64f$export$cfdd767f5a513509 = `dIo7iW_keyboard`;
+$3deee0fd2b46e64f$export$cd927b4666be507 = `dIo7iW_slideInFromLeft`;
 $3deee0fd2b46e64f$export$cd927b4666be507;
-$3deee0fd2b46e64f$export$18c5d97e4260ebf8 = `mkz4ua_slideInFromRight`;
+$3deee0fd2b46e64f$export$18c5d97e4260ebf8 = `dIo7iW_slideInFromRight`;
 $3deee0fd2b46e64f$export$18c5d97e4260ebf8;
-$3deee0fd2b46e64f$export$288baa3931e3ffec = `mkz4ua_slideOutToLeft`;
+$3deee0fd2b46e64f$export$288baa3931e3ffec = `dIo7iW_slideOutToLeft`;
 $3deee0fd2b46e64f$export$288baa3931e3ffec;
-$3deee0fd2b46e64f$export$37de59e6c58ecf84 = `mkz4ua_slideOutToRight`;
+$3deee0fd2b46e64f$export$37de59e6c58ecf84 = `dIo7iW_slideOutToRight`;
 $3deee0fd2b46e64f$export$37de59e6c58ecf84;
-$3deee0fd2b46e64f$export$4109102f950813a6 = `mkz4ua_spectrum-FocusRing-ring`;
-$3deee0fd2b46e64f$export$24c7f46a6e3605dd = `mkz4ua_spectrum-FocusRing ${$3deee0fd2b46e64f$export$4109102f950813a6}`;
-$3deee0fd2b46e64f$export$2927016961429360 = `mkz4ua_spectrum-FocusRing--quiet`;
-$3deee0fd2b46e64f$export$d374b04f30360026 = `mkz4ua_spectrum-Icon`;
-$3deee0fd2b46e64f$export$fae6af6decd50ac5 = `mkz4ua_spectrum-Menu`;
-$3deee0fd2b46e64f$export$944daf9b7d423a02 = `mkz4ua_spectrum-Menu-avatar`;
-$3deee0fd2b46e64f$export$8e15a726e4f7e62d = `mkz4ua_spectrum-Menu-checkmark`;
-$3deee0fd2b46e64f$export$ca45e0db366b8e6c = `mkz4ua_spectrum-Menu-chevron`;
-$3deee0fd2b46e64f$export$36f1275051e39ead = `mkz4ua_spectrum-Menu-description`;
-$3deee0fd2b46e64f$export$e892026f534efed8 = `mkz4ua_spectrum-Menu-divider`;
-$3deee0fd2b46e64f$export$926a1bb74ed65667 = `mkz4ua_spectrum-Menu-end`;
-$3deee0fd2b46e64f$export$cbbae63ef9e44c7a = `mkz4ua_spectrum-Menu-icon`;
-$3deee0fd2b46e64f$export$45faad328e6c532b = `mkz4ua_spectrum-Menu-item`;
-$3deee0fd2b46e64f$export$ee5f52784f57f9c8 = `mkz4ua_spectrum-Menu-itemGrid`;
-$3deee0fd2b46e64f$export$f431001e1bb54633 = `mkz4ua_spectrum-Menu-itemIcon`;
-$3deee0fd2b46e64f$export$1aa6419c5c650567 = `mkz4ua_spectrum-Menu-itemLabel`;
-$3deee0fd2b46e64f$export$465092164a8e1d98 = `mkz4ua_spectrum-Menu-itemLabel--wrapping`;
-$3deee0fd2b46e64f$export$4f9817a7dff6ba0f = `mkz4ua_spectrum-Menu-keyboard`;
-$3deee0fd2b46e64f$export$d959f30786125b = `mkz4ua_spectrum-Menu-popover`;
-$3deee0fd2b46e64f$export$dae331c15950f1e = `mkz4ua_spectrum-Menu-section--isFirst`;
-$3deee0fd2b46e64f$export$9778864c5b622fbc = `mkz4ua_spectrum-Menu-section--isLast`;
-$3deee0fd2b46e64f$export$8b61ec49b96ad17e = `mkz4ua_spectrum-Menu-section--noHeading`;
-$3deee0fd2b46e64f$export$c20ea4b35020fbdd = `mkz4ua_spectrum-Menu-sectionHeading`;
-$3deee0fd2b46e64f$export$d7e47bfca92b5744 = `mkz4ua_spectrum-Menu-subdialog`;
-$3deee0fd2b46e64f$export$76d36e55740ad742 = `mkz4ua_spectrum-Menu-wrapper`;
-$3deee0fd2b46e64f$export$c873119be41fdb72 = `mkz4ua_spectrum-Menu-wrapper--isMobile`;
-$3deee0fd2b46e64f$export$c830d2588e34dae1 = `mkz4ua_spectrum-Submenu-heading`;
-$3deee0fd2b46e64f$export$d3fc690f61339a08 = `mkz4ua_spectrum-Submenu-headingWrapper`;
-$3deee0fd2b46e64f$export$fe967dac6207a986 = `mkz4ua_spectrum-Submenu-popover`;
-$3deee0fd2b46e64f$export$158cbd6607d36c4e = `mkz4ua_spectrum-Submenu-wrapper`;
-$3deee0fd2b46e64f$export$6b954168165460e7 = `mkz4ua_spectrum-Submenu-wrapper--isMobile`;
-$3deee0fd2b46e64f$export$6eb7afb010e5a05e = `mkz4ua_spectrum-TraySubmenu-enter`;
-$3deee0fd2b46e64f$export$f55221e0121f82e3 = `mkz4ua_spectrum-TraySubmenu-exit`;
-$3deee0fd2b46e64f$export$6f093cfa640b7166 = `mkz4ua_text`;
+$3deee0fd2b46e64f$export$4109102f950813a6 = `dIo7iW_spectrum-FocusRing-ring`;
+$3deee0fd2b46e64f$export$24c7f46a6e3605dd = `dIo7iW_spectrum-FocusRing ${$3deee0fd2b46e64f$export$4109102f950813a6}`;
+$3deee0fd2b46e64f$export$2927016961429360 = `dIo7iW_spectrum-FocusRing--quiet`;
+$3deee0fd2b46e64f$export$d374b04f30360026 = `dIo7iW_spectrum-Icon`;
+$3deee0fd2b46e64f$export$fae6af6decd50ac5 = `dIo7iW_spectrum-Menu`;
+$3deee0fd2b46e64f$export$944daf9b7d423a02 = `dIo7iW_spectrum-Menu-avatar`;
+$3deee0fd2b46e64f$export$8e15a726e4f7e62d = `dIo7iW_spectrum-Menu-checkmark`;
+$3deee0fd2b46e64f$export$ca45e0db366b8e6c = `dIo7iW_spectrum-Menu-chevron`;
+$3deee0fd2b46e64f$export$36f1275051e39ead = `dIo7iW_spectrum-Menu-description`;
+$3deee0fd2b46e64f$export$e892026f534efed8 = `dIo7iW_spectrum-Menu-divider`;
+$3deee0fd2b46e64f$export$926a1bb74ed65667 = `dIo7iW_spectrum-Menu-end`;
+$3deee0fd2b46e64f$export$cbbae63ef9e44c7a = `dIo7iW_spectrum-Menu-icon`;
+$3deee0fd2b46e64f$export$45faad328e6c532b = `dIo7iW_spectrum-Menu-item`;
+$3deee0fd2b46e64f$export$ee5f52784f57f9c8 = `dIo7iW_spectrum-Menu-itemGrid`;
+$3deee0fd2b46e64f$export$f431001e1bb54633 = `dIo7iW_spectrum-Menu-itemIcon`;
+$3deee0fd2b46e64f$export$1aa6419c5c650567 = `dIo7iW_spectrum-Menu-itemLabel`;
+$3deee0fd2b46e64f$export$465092164a8e1d98 = `dIo7iW_spectrum-Menu-itemLabel--wrapping`;
+$3deee0fd2b46e64f$export$4f9817a7dff6ba0f = `dIo7iW_spectrum-Menu-keyboard`;
+$3deee0fd2b46e64f$export$d959f30786125b = `dIo7iW_spectrum-Menu-popover`;
+$3deee0fd2b46e64f$export$dae331c15950f1e = `dIo7iW_spectrum-Menu-section--isFirst`;
+$3deee0fd2b46e64f$export$9778864c5b622fbc = `dIo7iW_spectrum-Menu-section--isLast`;
+$3deee0fd2b46e64f$export$8b61ec49b96ad17e = `dIo7iW_spectrum-Menu-section--noHeading`;
+$3deee0fd2b46e64f$export$c20ea4b35020fbdd = `dIo7iW_spectrum-Menu-sectionHeading`;
+$3deee0fd2b46e64f$export$d7e47bfca92b5744 = `dIo7iW_spectrum-Menu-subdialog`;
+$3deee0fd2b46e64f$export$76d36e55740ad742 = `dIo7iW_spectrum-Menu-wrapper`;
+$3deee0fd2b46e64f$export$c873119be41fdb72 = `dIo7iW_spectrum-Menu-wrapper--isMobile`;
+$3deee0fd2b46e64f$export$c830d2588e34dae1 = `dIo7iW_spectrum-Submenu-heading`;
+$3deee0fd2b46e64f$export$d3fc690f61339a08 = `dIo7iW_spectrum-Submenu-headingWrapper`;
+$3deee0fd2b46e64f$export$fe967dac6207a986 = `dIo7iW_spectrum-Submenu-popover`;
+$3deee0fd2b46e64f$export$158cbd6607d36c4e = `dIo7iW_spectrum-Submenu-wrapper`;
+$3deee0fd2b46e64f$export$6b954168165460e7 = `dIo7iW_spectrum-Submenu-wrapper--isMobile`;
+$3deee0fd2b46e64f$export$6eb7afb010e5a05e = `dIo7iW_spectrum-TraySubmenu-enter`;
+$3deee0fd2b46e64f$export$f55221e0121f82e3 = `dIo7iW_spectrum-TraySubmenu-exit`;
+$3deee0fd2b46e64f$export$6f093cfa640b7166 = `dIo7iW_text`;
 
 
 //# sourceMappingURL=menu_vars_css.main.js.map

package/dist/menu_vars_css.mjs

@@ -114,65 +114,65 @@ var $286d1cb34bb7dc84$export$6b954168165460e7;
 var $286d1cb34bb7dc84$export$6eb7afb010e5a05e;
 var $286d1cb34bb7dc84$export$f55221e0121f82e3;
 var $286d1cb34bb7dc84$export$6f093cfa640b7166;
-$286d1cb34bb7dc84$export$292abbf31ed842a = `mkz4ua_checkmark`;
-$286d1cb34bb7dc84$export$980c1089c0604ea3 = `mkz4ua_chevron`;
-$286d1cb34bb7dc84$export$6d59db4903f20f7d = `mkz4ua_description`;
-$286d1cb34bb7dc84$export$bd5df0f255a350f8 = `mkz4ua_end`;
-$286d1cb34bb7dc84$export$f39a09f249340e2a = `mkz4ua_focus-ring`;
-$286d1cb34bb7dc84$export$8c4ee2c50c22c514 = `mkz4ua_i18nFontFamily`;
-$286d1cb34bb7dc84$export$1ca1ec8b29a4ce27 = `mkz4ua_icon`;
-$286d1cb34bb7dc84$export$20fd0f7cd4e6112f = `mkz4ua_is-active`;
-$286d1cb34bb7dc84$export$d35bc1e505d1ebbf = `mkz4ua_is-disabled`;
-$286d1cb34bb7dc84$export$911ebb89bba4b634 = `mkz4ua_is-expanded`;
-$286d1cb34bb7dc84$export$e7dc768d35940237 = `mkz4ua_is-focused`;
-$286d1cb34bb7dc84$export$451c613d0772eb99 = `mkz4ua_is-highlighted`;
-$286d1cb34bb7dc84$export$b8813cd5d7824ce7 = `mkz4ua_is-hovered`;
-$286d1cb34bb7dc84$export$a9781837241c946d = `mkz4ua_is-open`;
-$286d1cb34bb7dc84$export$fbd22ba224473193 = `mkz4ua_is-selectable`;
-$286d1cb34bb7dc84$export$1e0fb04f31d3c22a = `mkz4ua_is-selected`;
-$286d1cb34bb7dc84$export$cfdd767f5a513509 = `mkz4ua_keyboard`;
-$286d1cb34bb7dc84$export$cd927b4666be507 = `mkz4ua_slideInFromLeft`;
+$286d1cb34bb7dc84$export$292abbf31ed842a = `dIo7iW_checkmark`;
+$286d1cb34bb7dc84$export$980c1089c0604ea3 = `dIo7iW_chevron`;
+$286d1cb34bb7dc84$export$6d59db4903f20f7d = `dIo7iW_description`;
+$286d1cb34bb7dc84$export$bd5df0f255a350f8 = `dIo7iW_end`;
+$286d1cb34bb7dc84$export$f39a09f249340e2a = `dIo7iW_focus-ring`;
+$286d1cb34bb7dc84$export$8c4ee2c50c22c514 = `dIo7iW_i18nFontFamily`;
+$286d1cb34bb7dc84$export$1ca1ec8b29a4ce27 = `dIo7iW_icon`;
+$286d1cb34bb7dc84$export$20fd0f7cd4e6112f = `dIo7iW_is-active`;
+$286d1cb34bb7dc84$export$d35bc1e505d1ebbf = `dIo7iW_is-disabled`;
+$286d1cb34bb7dc84$export$911ebb89bba4b634 = `dIo7iW_is-expanded`;
+$286d1cb34bb7dc84$export$e7dc768d35940237 = `dIo7iW_is-focused`;
+$286d1cb34bb7dc84$export$451c613d0772eb99 = `dIo7iW_is-highlighted`;
+$286d1cb34bb7dc84$export$b8813cd5d7824ce7 = `dIo7iW_is-hovered`;
+$286d1cb34bb7dc84$export$a9781837241c946d = `dIo7iW_is-open`;
+$286d1cb34bb7dc84$export$fbd22ba224473193 = `dIo7iW_is-selectable`;
+$286d1cb34bb7dc84$export$1e0fb04f31d3c22a = `dIo7iW_is-selected`;
+$286d1cb34bb7dc84$export$cfdd767f5a513509 = `dIo7iW_keyboard`;
+$286d1cb34bb7dc84$export$cd927b4666be507 = `dIo7iW_slideInFromLeft`;
 $286d1cb34bb7dc84$export$cd927b4666be507;
-$286d1cb34bb7dc84$export$18c5d97e4260ebf8 = `mkz4ua_slideInFromRight`;
+$286d1cb34bb7dc84$export$18c5d97e4260ebf8 = `dIo7iW_slideInFromRight`;
 $286d1cb34bb7dc84$export$18c5d97e4260ebf8;
-$286d1cb34bb7dc84$export$288baa3931e3ffec = `mkz4ua_slideOutToLeft`;
+$286d1cb34bb7dc84$export$288baa3931e3ffec = `dIo7iW_slideOutToLeft`;
 $286d1cb34bb7dc84$export$288baa3931e3ffec;
-$286d1cb34bb7dc84$export$37de59e6c58ecf84 = `mkz4ua_slideOutToRight`;
+$286d1cb34bb7dc84$export$37de59e6c58ecf84 = `dIo7iW_slideOutToRight`;
 $286d1cb34bb7dc84$export$37de59e6c58ecf84;
-$286d1cb34bb7dc84$export$4109102f950813a6 = `mkz4ua_spectrum-FocusRing-ring`;
-$286d1cb34bb7dc84$export$24c7f46a6e3605dd = `mkz4ua_spectrum-FocusRing ${$286d1cb34bb7dc84$export$4109102f950813a6}`;
-$286d1cb34bb7dc84$export$2927016961429360 = `mkz4ua_spectrum-FocusRing--quiet`;
-$286d1cb34bb7dc84$export$d374b04f30360026 = `mkz4ua_spectrum-Icon`;
-$286d1cb34bb7dc84$export$fae6af6decd50ac5 = `mkz4ua_spectrum-Menu`;
-$286d1cb34bb7dc84$export$944daf9b7d423a02 = `mkz4ua_spectrum-Menu-avatar`;
-$286d1cb34bb7dc84$export$8e15a726e4f7e62d = `mkz4ua_spectrum-Menu-checkmark`;
-$286d1cb34bb7dc84$export$ca45e0db366b8e6c = `mkz4ua_spectrum-Menu-chevron`;
-$286d1cb34bb7dc84$export$36f1275051e39ead = `mkz4ua_spectrum-Menu-description`;
-$286d1cb34bb7dc84$export$e892026f534efed8 = `mkz4ua_spectrum-Menu-divider`;
-$286d1cb34bb7dc84$export$926a1bb74ed65667 = `mkz4ua_spectrum-Menu-end`;
-$286d1cb34bb7dc84$export$cbbae63ef9e44c7a = `mkz4ua_spectrum-Menu-icon`;
-$286d1cb34bb7dc84$export$45faad328e6c532b = `mkz4ua_spectrum-Menu-item`;
-$286d1cb34bb7dc84$export$ee5f52784f57f9c8 = `mkz4ua_spectrum-Menu-itemGrid`;
-$286d1cb34bb7dc84$export$f431001e1bb54633 = `mkz4ua_spectrum-Menu-itemIcon`;
-$286d1cb34bb7dc84$export$1aa6419c5c650567 = `mkz4ua_spectrum-Menu-itemLabel`;
-$286d1cb34bb7dc84$export$465092164a8e1d98 = `mkz4ua_spectrum-Menu-itemLabel--wrapping`;
-$286d1cb34bb7dc84$export$4f9817a7dff6ba0f = `mkz4ua_spectrum-Menu-keyboard`;
-$286d1cb34bb7dc84$export$d959f30786125b = `mkz4ua_spectrum-Menu-popover`;
-$286d1cb34bb7dc84$export$dae331c15950f1e = `mkz4ua_spectrum-Menu-section--isFirst`;
-$286d1cb34bb7dc84$export$9778864c5b622fbc = `mkz4ua_spectrum-Menu-section--isLast`;
-$286d1cb34bb7dc84$export$8b61ec49b96ad17e = `mkz4ua_spectrum-Menu-section--noHeading`;
-$286d1cb34bb7dc84$export$c20ea4b35020fbdd = `mkz4ua_spectrum-Menu-sectionHeading`;
-$286d1cb34bb7dc84$export$d7e47bfca92b5744 = `mkz4ua_spectrum-Menu-subdialog`;
-$286d1cb34bb7dc84$export$76d36e55740ad742 = `mkz4ua_spectrum-Menu-wrapper`;
-$286d1cb34bb7dc84$export$c873119be41fdb72 = `mkz4ua_spectrum-Menu-wrapper--isMobile`;
-$286d1cb34bb7dc84$export$c830d2588e34dae1 = `mkz4ua_spectrum-Submenu-heading`;
-$286d1cb34bb7dc84$export$d3fc690f61339a08 = `mkz4ua_spectrum-Submenu-headingWrapper`;
-$286d1cb34bb7dc84$export$fe967dac6207a986 = `mkz4ua_spectrum-Submenu-popover`;
-$286d1cb34bb7dc84$export$158cbd6607d36c4e = `mkz4ua_spectrum-Submenu-wrapper`;
-$286d1cb34bb7dc84$export$6b954168165460e7 = `mkz4ua_spectrum-Submenu-wrapper--isMobile`;
-$286d1cb34bb7dc84$export$6eb7afb010e5a05e = `mkz4ua_spectrum-TraySubmenu-enter`;
-$286d1cb34bb7dc84$export$f55221e0121f82e3 = `mkz4ua_spectrum-TraySubmenu-exit`;
-$286d1cb34bb7dc84$export$6f093cfa640b7166 = `mkz4ua_text`;
+$286d1cb34bb7dc84$export$4109102f950813a6 = `dIo7iW_spectrum-FocusRing-ring`;
+$286d1cb34bb7dc84$export$24c7f46a6e3605dd = `dIo7iW_spectrum-FocusRing ${$286d1cb34bb7dc84$export$4109102f950813a6}`;
+$286d1cb34bb7dc84$export$2927016961429360 = `dIo7iW_spectrum-FocusRing--quiet`;
+$286d1cb34bb7dc84$export$d374b04f30360026 = `dIo7iW_spectrum-Icon`;
+$286d1cb34bb7dc84$export$fae6af6decd50ac5 = `dIo7iW_spectrum-Menu`;
+$286d1cb34bb7dc84$export$944daf9b7d423a02 = `dIo7iW_spectrum-Menu-avatar`;
+$286d1cb34bb7dc84$export$8e15a726e4f7e62d = `dIo7iW_spectrum-Menu-checkmark`;
+$286d1cb34bb7dc84$export$ca45e0db366b8e6c = `dIo7iW_spectrum-Menu-chevron`;
+$286d1cb34bb7dc84$export$36f1275051e39ead = `dIo7iW_spectrum-Menu-description`;
+$286d1cb34bb7dc84$export$e892026f534efed8 = `dIo7iW_spectrum-Menu-divider`;
+$286d1cb34bb7dc84$export$926a1bb74ed65667 = `dIo7iW_spectrum-Menu-end`;
+$286d1cb34bb7dc84$export$cbbae63ef9e44c7a = `dIo7iW_spectrum-Menu-icon`;
+$286d1cb34bb7dc84$export$45faad328e6c532b = `dIo7iW_spectrum-Menu-item`;
+$286d1cb34bb7dc84$export$ee5f52784f57f9c8 = `dIo7iW_spectrum-Menu-itemGrid`;
+$286d1cb34bb7dc84$export$f431001e1bb54633 = `dIo7iW_spectrum-Menu-itemIcon`;
+$286d1cb34bb7dc84$export$1aa6419c5c650567 = `dIo7iW_spectrum-Menu-itemLabel`;
+$286d1cb34bb7dc84$export$465092164a8e1d98 = `dIo7iW_spectrum-Menu-itemLabel--wrapping`;
+$286d1cb34bb7dc84$export$4f9817a7dff6ba0f = `dIo7iW_spectrum-Menu-keyboard`;
+$286d1cb34bb7dc84$export$d959f30786125b = `dIo7iW_spectrum-Menu-popover`;
+$286d1cb34bb7dc84$export$dae331c15950f1e = `dIo7iW_spectrum-Menu-section--isFirst`;
+$286d1cb34bb7dc84$export$9778864c5b622fbc = `dIo7iW_spectrum-Menu-section--isLast`;
+$286d1cb34bb7dc84$export$8b61ec49b96ad17e = `dIo7iW_spectrum-Menu-section--noHeading`;
+$286d1cb34bb7dc84$export$c20ea4b35020fbdd = `dIo7iW_spectrum-Menu-sectionHeading`;
+$286d1cb34bb7dc84$export$d7e47bfca92b5744 = `dIo7iW_spectrum-Menu-subdialog`;
+$286d1cb34bb7dc84$export$76d36e55740ad742 = `dIo7iW_spectrum-Menu-wrapper`;
+$286d1cb34bb7dc84$export$c873119be41fdb72 = `dIo7iW_spectrum-Menu-wrapper--isMobile`;
+$286d1cb34bb7dc84$export$c830d2588e34dae1 = `dIo7iW_spectrum-Submenu-heading`;
+$286d1cb34bb7dc84$export$d3fc690f61339a08 = `dIo7iW_spectrum-Submenu-headingWrapper`;
+$286d1cb34bb7dc84$export$fe967dac6207a986 = `dIo7iW_spectrum-Submenu-popover`;
+$286d1cb34bb7dc84$export$158cbd6607d36c4e = `dIo7iW_spectrum-Submenu-wrapper`;
+$286d1cb34bb7dc84$export$6b954168165460e7 = `dIo7iW_spectrum-Submenu-wrapper--isMobile`;
+$286d1cb34bb7dc84$export$6eb7afb010e5a05e = `dIo7iW_spectrum-TraySubmenu-enter`;
+$286d1cb34bb7dc84$export$f55221e0121f82e3 = `dIo7iW_spectrum-TraySubmenu-exit`;
+$286d1cb34bb7dc84$export$6f093cfa640b7166 = `dIo7iW_text`;
 
 
 export {$286d1cb34bb7dc84$exports as default};

package/dist/menu_vars_css.module.js

@@ -114,65 +114,65 @@ var $286d1cb34bb7dc84$export$6b954168165460e7;
 var $286d1cb34bb7dc84$export$6eb7afb010e5a05e;
 var $286d1cb34bb7dc84$export$f55221e0121f82e3;
 var $286d1cb34bb7dc84$export$6f093cfa640b7166;
-$286d1cb34bb7dc84$export$292abbf31ed842a = `mkz4ua_checkmark`;
-$286d1cb34bb7dc84$export$980c1089c0604ea3 = `mkz4ua_chevron`;
-$286d1cb34bb7dc84$export$6d59db4903f20f7d = `mkz4ua_description`;
-$286d1cb34bb7dc84$export$bd5df0f255a350f8 = `mkz4ua_end`;
-$286d1cb34bb7dc84$export$f39a09f249340e2a = `mkz4ua_focus-ring`;
-$286d1cb34bb7dc84$export$8c4ee2c50c22c514 = `mkz4ua_i18nFontFamily`;
-$286d1cb34bb7dc84$export$1ca1ec8b29a4ce27 = `mkz4ua_icon`;
-$286d1cb34bb7dc84$export$20fd0f7cd4e6112f = `mkz4ua_is-active`;
-$286d1cb34bb7dc84$export$d35bc1e505d1ebbf = `mkz4ua_is-disabled`;
-$286d1cb34bb7dc84$export$911ebb89bba4b634 = `mkz4ua_is-expanded`;
-$286d1cb34bb7dc84$export$e7dc768d35940237 = `mkz4ua_is-focused`;
-$286d1cb34bb7dc84$export$451c613d0772eb99 = `mkz4ua_is-highlighted`;
-$286d1cb34bb7dc84$export$b8813cd5d7824ce7 = `mkz4ua_is-hovered`;
-$286d1cb34bb7dc84$export$a9781837241c946d = `mkz4ua_is-open`;
-$286d1cb34bb7dc84$export$fbd22ba224473193 = `mkz4ua_is-selectable`;
-$286d1cb34bb7dc84$export$1e0fb04f31d3c22a = `mkz4ua_is-selected`;
-$286d1cb34bb7dc84$export$cfdd767f5a513509 = `mkz4ua_keyboard`;
-$286d1cb34bb7dc84$export$cd927b4666be507 = `mkz4ua_slideInFromLeft`;
+$286d1cb34bb7dc84$export$292abbf31ed842a = `dIo7iW_checkmark`;
+$286d1cb34bb7dc84$export$980c1089c0604ea3 = `dIo7iW_chevron`;
+$286d1cb34bb7dc84$export$6d59db4903f20f7d = `dIo7iW_description`;
+$286d1cb34bb7dc84$export$bd5df0f255a350f8 = `dIo7iW_end`;
+$286d1cb34bb7dc84$export$f39a09f249340e2a = `dIo7iW_focus-ring`;
+$286d1cb34bb7dc84$export$8c4ee2c50c22c514 = `dIo7iW_i18nFontFamily`;
+$286d1cb34bb7dc84$export$1ca1ec8b29a4ce27 = `dIo7iW_icon`;
+$286d1cb34bb7dc84$export$20fd0f7cd4e6112f = `dIo7iW_is-active`;
+$286d1cb34bb7dc84$export$d35bc1e505d1ebbf = `dIo7iW_is-disabled`;
+$286d1cb34bb7dc84$export$911ebb89bba4b634 = `dIo7iW_is-expanded`;
+$286d1cb34bb7dc84$export$e7dc768d35940237 = `dIo7iW_is-focused`;
+$286d1cb34bb7dc84$export$451c613d0772eb99 = `dIo7iW_is-highlighted`;
+$286d1cb34bb7dc84$export$b8813cd5d7824ce7 = `dIo7iW_is-hovered`;
+$286d1cb34bb7dc84$export$a9781837241c946d = `dIo7iW_is-open`;
+$286d1cb34bb7dc84$export$fbd22ba224473193 = `dIo7iW_is-selectable`;
+$286d1cb34bb7dc84$export$1e0fb04f31d3c22a = `dIo7iW_is-selected`;
+$286d1cb34bb7dc84$export$cfdd767f5a513509 = `dIo7iW_keyboard`;
+$286d1cb34bb7dc84$export$cd927b4666be507 = `dIo7iW_slideInFromLeft`;
 $286d1cb34bb7dc84$export$cd927b4666be507;
-$286d1cb34bb7dc84$export$18c5d97e4260ebf8 = `mkz4ua_slideInFromRight`;
+$286d1cb34bb7dc84$export$18c5d97e4260ebf8 = `dIo7iW_slideInFromRight`;
 $286d1cb34bb7dc84$export$18c5d97e4260ebf8;
-$286d1cb34bb7dc84$export$288baa3931e3ffec = `mkz4ua_slideOutToLeft`;
+$286d1cb34bb7dc84$export$288baa3931e3ffec = `dIo7iW_slideOutToLeft`;
 $286d1cb34bb7dc84$export$288baa3931e3ffec;
-$286d1cb34bb7dc84$export$37de59e6c58ecf84 = `mkz4ua_slideOutToRight`;
+$286d1cb34bb7dc84$export$37de59e6c58ecf84 = `dIo7iW_slideOutToRight`;
 $286d1cb34bb7dc84$export$37de59e6c58ecf84;
-$286d1cb34bb7dc84$export$4109102f950813a6 = `mkz4ua_spectrum-FocusRing-ring`;
-$286d1cb34bb7dc84$export$24c7f46a6e3605dd = `mkz4ua_spectrum-FocusRing ${$286d1cb34bb7dc84$export$4109102f950813a6}`;
-$286d1cb34bb7dc84$export$2927016961429360 = `mkz4ua_spectrum-FocusRing--quiet`;
-$286d1cb34bb7dc84$export$d374b04f30360026 = `mkz4ua_spectrum-Icon`;
-$286d1cb34bb7dc84$export$fae6af6decd50ac5 = `mkz4ua_spectrum-Menu`;
-$286d1cb34bb7dc84$export$944daf9b7d423a02 = `mkz4ua_spectrum-Menu-avatar`;
-$286d1cb34bb7dc84$export$8e15a726e4f7e62d = `mkz4ua_spectrum-Menu-checkmark`;
-$286d1cb34bb7dc84$export$ca45e0db366b8e6c = `mkz4ua_spectrum-Menu-chevron`;
-$286d1cb34bb7dc84$export$36f1275051e39ead = `mkz4ua_spectrum-Menu-description`;
-$286d1cb34bb7dc84$export$e892026f534efed8 = `mkz4ua_spectrum-Menu-divider`;
-$286d1cb34bb7dc84$export$926a1bb74ed65667 = `mkz4ua_spectrum-Menu-end`;
-$286d1cb34bb7dc84$export$cbbae63ef9e44c7a = `mkz4ua_spectrum-Menu-icon`;
-$286d1cb34bb7dc84$export$45faad328e6c532b = `mkz4ua_spectrum-Menu-item`;
-$286d1cb34bb7dc84$export$ee5f52784f57f9c8 = `mkz4ua_spectrum-Menu-itemGrid`;
-$286d1cb34bb7dc84$export$f431001e1bb54633 = `mkz4ua_spectrum-Menu-itemIcon`;
-$286d1cb34bb7dc84$export$1aa6419c5c650567 = `mkz4ua_spectrum-Menu-itemLabel`;
-$286d1cb34bb7dc84$export$465092164a8e1d98 = `mkz4ua_spectrum-Menu-itemLabel--wrapping`;
-$286d1cb34bb7dc84$export$4f9817a7dff6ba0f = `mkz4ua_spectrum-Menu-keyboard`;
-$286d1cb34bb7dc84$export$d959f30786125b = `mkz4ua_spectrum-Menu-popover`;
-$286d1cb34bb7dc84$export$dae331c15950f1e = `mkz4ua_spectrum-Menu-section--isFirst`;
-$286d1cb34bb7dc84$export$9778864c5b622fbc = `mkz4ua_spectrum-Menu-section--isLast`;
-$286d1cb34bb7dc84$export$8b61ec49b96ad17e = `mkz4ua_spectrum-Menu-section--noHeading`;
-$286d1cb34bb7dc84$export$c20ea4b35020fbdd = `mkz4ua_spectrum-Menu-sectionHeading`;
-$286d1cb34bb7dc84$export$d7e47bfca92b5744 = `mkz4ua_spectrum-Menu-subdialog`;
-$286d1cb34bb7dc84$export$76d36e55740ad742 = `mkz4ua_spectrum-Menu-wrapper`;
-$286d1cb34bb7dc84$export$c873119be41fdb72 = `mkz4ua_spectrum-Menu-wrapper--isMobile`;
-$286d1cb34bb7dc84$export$c830d2588e34dae1 = `mkz4ua_spectrum-Submenu-heading`;
-$286d1cb34bb7dc84$export$d3fc690f61339a08 = `mkz4ua_spectrum-Submenu-headingWrapper`;
-$286d1cb34bb7dc84$export$fe967dac6207a986 = `mkz4ua_spectrum-Submenu-popover`;
-$286d1cb34bb7dc84$export$158cbd6607d36c4e = `mkz4ua_spectrum-Submenu-wrapper`;
-$286d1cb34bb7dc84$export$6b954168165460e7 = `mkz4ua_spectrum-Submenu-wrapper--isMobile`;
-$286d1cb34bb7dc84$export$6eb7afb010e5a05e = `mkz4ua_spectrum-TraySubmenu-enter`;
-$286d1cb34bb7dc84$export$f55221e0121f82e3 = `mkz4ua_spectrum-TraySubmenu-exit`;
-$286d1cb34bb7dc84$export$6f093cfa640b7166 = `mkz4ua_text`;
+$286d1cb34bb7dc84$export$4109102f950813a6 = `dIo7iW_spectrum-FocusRing-ring`;
+$286d1cb34bb7dc84$export$24c7f46a6e3605dd = `dIo7iW_spectrum-FocusRing ${$286d1cb34bb7dc84$export$4109102f950813a6}`;
+$286d1cb34bb7dc84$export$2927016961429360 = `dIo7iW_spectrum-FocusRing--quiet`;
+$286d1cb34bb7dc84$export$d374b04f30360026 = `dIo7iW_spectrum-Icon`;
+$286d1cb34bb7dc84$export$fae6af6decd50ac5 = `dIo7iW_spectrum-Menu`;
+$286d1cb34bb7dc84$export$944daf9b7d423a02 = `dIo7iW_spectrum-Menu-avatar`;
+$286d1cb34bb7dc84$export$8e15a726e4f7e62d = `dIo7iW_spectrum-Menu-checkmark`;
+$286d1cb34bb7dc84$export$ca45e0db366b8e6c = `dIo7iW_spectrum-Menu-chevron`;
+$286d1cb34bb7dc84$export$36f1275051e39ead = `dIo7iW_spectrum-Menu-description`;
+$286d1cb34bb7dc84$export$e892026f534efed8 = `dIo7iW_spectrum-Menu-divider`;
+$286d1cb34bb7dc84$export$926a1bb74ed65667 = `dIo7iW_spectrum-Menu-end`;
+$286d1cb34bb7dc84$export$cbbae63ef9e44c7a = `dIo7iW_spectrum-Menu-icon`;
+$286d1cb34bb7dc84$export$45faad328e6c532b = `dIo7iW_spectrum-Menu-item`;
+$286d1cb34bb7dc84$export$ee5f52784f57f9c8 = `dIo7iW_spectrum-Menu-itemGrid`;
+$286d1cb34bb7dc84$export$f431001e1bb54633 = `dIo7iW_spectrum-Menu-itemIcon`;
+$286d1cb34bb7dc84$export$1aa6419c5c650567 = `dIo7iW_spectrum-Menu-itemLabel`;
+$286d1cb34bb7dc84$export$465092164a8e1d98 = `dIo7iW_spectrum-Menu-itemLabel--wrapping`;
+$286d1cb34bb7dc84$export$4f9817a7dff6ba0f = `dIo7iW_spectrum-Menu-keyboard`;
+$286d1cb34bb7dc84$export$d959f30786125b = `dIo7iW_spectrum-Menu-popover`;
+$286d1cb34bb7dc84$export$dae331c15950f1e = `dIo7iW_spectrum-Menu-section--isFirst`;
+$286d1cb34bb7dc84$export$9778864c5b622fbc = `dIo7iW_spectrum-Menu-section--isLast`;
+$286d1cb34bb7dc84$export$8b61ec49b96ad17e = `dIo7iW_spectrum-Menu-section--noHeading`;
+$286d1cb34bb7dc84$export$c20ea4b35020fbdd = `dIo7iW_spectrum-Menu-sectionHeading`;
+$286d1cb34bb7dc84$export$d7e47bfca92b5744 = `dIo7iW_spectrum-Menu-subdialog`;
+$286d1cb34bb7dc84$export$76d36e55740ad742 = `dIo7iW_spectrum-Menu-wrapper`;
+$286d1cb34bb7dc84$export$c873119be41fdb72 = `dIo7iW_spectrum-Menu-wrapper--isMobile`;
+$286d1cb34bb7dc84$export$c830d2588e34dae1 = `dIo7iW_spectrum-Submenu-heading`;
+$286d1cb34bb7dc84$export$d3fc690f61339a08 = `dIo7iW_spectrum-Submenu-headingWrapper`;
+$286d1cb34bb7dc84$export$fe967dac6207a986 = `dIo7iW_spectrum-Submenu-popover`;
+$286d1cb34bb7dc84$export$158cbd6607d36c4e = `dIo7iW_spectrum-Submenu-wrapper`;
+$286d1cb34bb7dc84$export$6b954168165460e7 = `dIo7iW_spectrum-Submenu-wrapper--isMobile`;
+$286d1cb34bb7dc84$export$6eb7afb010e5a05e = `dIo7iW_spectrum-TraySubmenu-enter`;
+$286d1cb34bb7dc84$export$f55221e0121f82e3 = `dIo7iW_spectrum-TraySubmenu-exit`;
+$286d1cb34bb7dc84$export$6f093cfa640b7166 = `dIo7iW_text`;
 
 
 export {$286d1cb34bb7dc84$exports as default};

package/dist/types.d.ts

@@ -5,7 +5,7 @@ import { DOMRefValue, Key, DOMRef, FocusableRef } from "@react-types/shared";
  * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,
  * linking the Menu's open state with the trigger's press state.
  */
-export let MenuTrigger: React.ForwardRefExoticComponent<SpectrumMenuTriggerProps & React.RefAttributes<DOMRefValue<HTMLElement>>>;
+export const MenuTrigger: React.ForwardRefExoticComponent<SpectrumMenuTriggerProps & React.RefAttributes<DOMRefValue<HTMLElement>>>;
 interface SubmenuTriggerProps {
     /**
      * The contents of the SubmenuTrigger - an Item and a Menu.