@fluentui/react-menu 9.74.7-experimental.cli-api.20261006-ccaa611d58.0 → 9.75.0-experimental.css-modules.20261031-810ab07afb.0

package/lib/selectable/useCheckmarkStyles.styles.raw.css.js

@@ -0,0 +1,11 @@
+import { clsx } from "clsx";
+import styles from "./Checkmark.module.css";
+/**
+ * Applies styles to a checkmark slot for selectable menu items
+ *
+ * @param state - should contain a `checkmark` slot
+ */ export const useCheckmarkStyles_unstable = (state)=>{
+    if (state.checkmark) {
+        state.checkmark.className = clsx(styles.checkmark, state.checked && styles.checked, state.checkmark.className);
+    }
+};

package/lib/selectable/useCheckmarkStyles.styles.raw.css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/selectable/useCheckmarkStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { MenuItemSelectableState } from './types';\nimport type { MenuItemState } from '../components/MenuItem/MenuItem.types';\nimport styles from './Checkmark.module.css';\n\n/**\n * Applies styles to a checkmark slot for selectable menu items\n *\n * @param state - should contain a `checkmark` slot\n */\nexport const useCheckmarkStyles_unstable = (\n  state: MenuItemSelectableState & Pick<MenuItemState, 'checkmark'>,\n): void => {\n  if (state.checkmark) {\n    state.checkmark.className = clsx(styles.checkmark, state.checked && styles.checked, state.checkmark.className);\n  }\n};\n"],"names":["clsx","styles","useCheckmarkStyles_unstable","state","checkmark","className","checked"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,yBAAyB;AAE5C;;;;CAIC,GACD,OAAO,MAAMC,8BAA8B,CACzCC;IAEA,IAAIA,MAAMC,SAAS,EAAE;QACnBD,MAAMC,SAAS,CAACC,SAAS,GAAGL,KAAKC,OAAOG,SAAS,EAAED,MAAMG,OAAO,IAAIL,OAAOK,OAAO,EAAEH,MAAMC,SAAS,CAACC,SAAS;IAC/G;AACF,EAAE"}

package/lib/selectable/useCheckmarkStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/selectable/useCheckmarkStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { mergeClasses, makeStyles } from '@griffel/react';\nimport type { MenuItemSelectableState } from './types';\nimport type { MenuItemState } from '../components/MenuItem/MenuItem.types';\n\nconst useStyles = makeStyles({\n  root: {\n    width: '16px',\n    height: '16px',\n    visibility: 'hidden',\n    flexShrink: 0,\n  },\n  rootChecked: {\n    visibility: 'visible',\n    flexShrink: 0,\n  },\n});\n\n/**\n * Applies styles to a checkmark slot for selectable menu items\n *\n * @param state - should contain a `checkmark` slot\n */\nexport const useCheckmarkStyles_unstable = (\n  state: MenuItemSelectableState & Pick<MenuItemState, 'checkmark'>,\n): void => {\n  const styles = useStyles();\n  if (state.checkmark) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.checkmark.className = mergeClasses(\n      styles.root,\n      state.checked && styles.rootChecked,\n      state.checkmark.className,\n    );\n  }\n};\n"],"names":["mergeClasses","makeStyles","useStyles","root","width","height","visibility","flexShrink","rootChecked","useCheckmarkStyles_unstable","state","styles","checkmark","className","checked"],"mappings":"AAAA;AAEA,SAASA,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAI1D,MAAMC,YAAYD,WAAW;IAC3BE,MAAM;QACJC,OAAO;QACPC,QAAQ;QACRC,YAAY;QACZC,YAAY;IACd;IACAC,aAAa;QACXF,YAAY;QACZC,YAAY;IACd;AACF;AAEA;;;;CAIC,GACD,OAAO,MAAME,8BAA8B,CACzCC;IAEA,MAAMC,SAAST;IACf,IAAIQ,MAAME,SAAS,EAAE;QACnB,oDAAoD;QACpDF,MAAME,SAAS,CAACC,SAAS,GAAGb,aAC1BW,OAAOR,IAAI,EACXO,MAAMI,OAAO,IAAIH,OAAOH,WAAW,EACnCE,MAAME,SAAS,CAACC,SAAS;IAE7B;AACF,EAAE"}
+{"version":3,"sources":["../../src/selectable/useCheckmarkStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { mergeClasses, makeStyles } from '@griffel/react';\nimport type { MenuItemSelectableState } from './types';\nimport type { MenuItemState } from '../components/MenuItem/MenuItem.types';\n\nconst useStyles = makeStyles({\n  root: {\n    width: '16px',\n    height: '16px',\n    visibility: 'hidden',\n    flexShrink: 0,\n  },\n  rootChecked: {\n    visibility: 'visible',\n    flexShrink: 0,\n  },\n});\n\n/**\n * Applies styles to a checkmark slot for selectable menu items\n *\n * @param state - should contain a `checkmark` slot\n */\nexport const useCheckmarkStyles_unstable = (\n  state: MenuItemSelectableState & Pick<MenuItemState, 'checkmark'>,\n): void => {\n  const styles = useStyles();\n  if (state.checkmark) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.checkmark.className = mergeClasses(\n      styles.root,\n      state.checked && styles.rootChecked,\n      state.checkmark.className,\n    );\n  }\n};\n"],"names":["mergeClasses","makeStyles","useStyles","root","width","height","visibility","flexShrink","rootChecked","useCheckmarkStyles_unstable","state","styles","checkmark","className","checked"],"mappings":"AAAA;AAEA,SAASA,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAI1D,MAAMC,YAAYD,WAAW;IAC3BE,MAAM;QACJC,OAAO;QACPC,QAAQ;QACRC,YAAY;QACZC,YAAY;IACd;IACAC,aAAa;QACXF,YAAY;QACZC,YAAY;IACd;AACF;AAEA;;;;CAIC,GACD,OAAO,MAAME,8BAA8B,CACzCC;IAEA,MAAMC,SAAST;IACf,IAAIQ,MAAME,SAAS,EAAE;QACnB,oDAAoD;QACpDF,MAAME,SAAS,CAACC,SAAS,GAAGb,aAC1BW,OAAOR,IAAI,EACXO,MAAMI,OAAO,IAAIH,OAAOH,WAAW,EACnCE,MAAME,SAAS,CAACC,SAAS;IAE7B;AACF,EAAE"}

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/index.ts"],"sourcesContent":["export { MENU_ENTER_EVENT, dispatchMenuEnterEvent, useOnMenuMouseEnter } from './useOnMenuEnter';\nexport { useIsSubmenu } from './useIsSubmenu';\nexport { useValidateNesting } from './useValidateNesting';\nexport { MENU_SAFEZONE_TIMEOUT_EVENT, useOnMenuSafeZoneTimeout } from './useOnMenuSafeZoneTimeout';\n"],"names":["MENU_ENTER_EVENT","dispatchMenuEnterEvent","useOnMenuMouseEnter","useIsSubmenu","useValidateNesting","MENU_SAFEZONE_TIMEOUT_EVENT","useOnMenuSafeZoneTimeout"],"mappings":"AAAA,SAASA,gBAAgB,EAAEC,sBAAsB,EAAEC,mBAAmB,QAAQ,sBAAmB;AACjG,SAASC,YAAY,QAAQ,oBAAiB;AAC9C,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,2BAA2B,EAAEC,wBAAwB,QAAQ,gCAA6B"}
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export { MENU_ENTER_EVENT, dispatchMenuEnterEvent, useOnMenuMouseEnter } from './useOnMenuEnter';\nexport { useIsSubmenu } from './useIsSubmenu';\nexport { useValidateNesting } from './useValidateNesting';\nexport { MENU_SAFEZONE_TIMEOUT_EVENT, useOnMenuSafeZoneTimeout } from './useOnMenuSafeZoneTimeout';\n"],"names":["MENU_ENTER_EVENT","dispatchMenuEnterEvent","useOnMenuMouseEnter","useIsSubmenu","useValidateNesting","MENU_SAFEZONE_TIMEOUT_EVENT","useOnMenuSafeZoneTimeout"],"mappings":"AAAA,SAASA,gBAAgB,EAAEC,sBAAsB,EAAEC,mBAAmB,QAAQ,sBAAmB;AACjG,SAASC,YAAY,QAAQ,oBAAiB;AAC9C,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,2BAA2B,EAAEC,wBAAwB,QAAQ,gCAA6B"}

package/lib/utils/useIsSubmenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/useIsSubmenu.ts"],"sourcesContent":["'use client';\n\nimport { useHasParentContext } from '@fluentui/react-context-selector';\nimport { useMenuContext_unstable } from '../contexts/menuContext';\nimport { MenuListContext } from '../contexts/menuListContext';\n\n/**\n * A component can be a part of a submenu whether its menu context `isSubmenu` flag is true\n * or whether it is a part of a `MenuList`\n *\n * A simple hook to check box contexts easily\n *\n * @returns whether the component is part of a submenu\n */\nexport function useIsSubmenu(): boolean {\n  const menuContextValue = useMenuContext_unstable(context => context.isSubmenu);\n  const hasMenuListContext = useHasParentContext(MenuListContext);\n\n  return menuContextValue || hasMenuListContext;\n}\n"],"names":["useHasParentContext","useMenuContext_unstable","MenuListContext","useIsSubmenu","menuContextValue","context","isSubmenu","hasMenuListContext"],"mappings":"AAAA;AAEA,SAASA,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,uBAAuB,QAAQ,6BAA0B;AAClE,SAASC,eAAe,QAAQ,iCAA8B;AAE9D;;;;;;;CAOC,GACD,OAAO,SAASC;IACd,MAAMC,mBAAmBH,wBAAwBI,CAAAA,UAAWA,QAAQC,SAAS;IAC7E,MAAMC,qBAAqBP,oBAAoBE;IAE/C,OAAOE,oBAAoBG;AAC7B"}
+{"version":3,"sources":["../../src/utils/useIsSubmenu.ts"],"sourcesContent":["'use client';\n\nimport { useHasParentContext } from '@fluentui/react-context-selector';\nimport { useMenuContext_unstable } from '../contexts/menuContext';\nimport { MenuListContext } from '../contexts/menuListContext';\n\n/**\n * A component can be a part of a submenu whether its menu context `isSubmenu` flag is true\n * or whether it is a part of a `MenuList`\n *\n * A simple hook to check box contexts easily\n *\n * @returns whether the component is part of a submenu\n */\nexport function useIsSubmenu(): boolean {\n  const menuContextValue = useMenuContext_unstable(context => context.isSubmenu);\n  const hasMenuListContext = useHasParentContext(MenuListContext);\n\n  return menuContextValue || hasMenuListContext;\n}\n"],"names":["useHasParentContext","useMenuContext_unstable","MenuListContext","useIsSubmenu","menuContextValue","context","isSubmenu","hasMenuListContext"],"mappings":"AAAA;AAEA,SAASA,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,uBAAuB,QAAQ,6BAA0B;AAClE,SAASC,eAAe,QAAQ,iCAA8B;AAE9D;;;;;;;CAOC,GACD,OAAO,SAASC;IACd,MAAMC,mBAAmBH,wBAAwBI,CAAAA,UAAWA,QAAQC,SAAS;IAC7E,MAAMC,qBAAqBP,oBAAoBE;IAE/C,OAAOE,oBAAoBG;AAC7B"}

package/lib/utils/useOnMenuEnter.js

@@ -18,9 +18,9 @@ import { useEventCallback, elementContains } from "@fluentui/react-utilities";
     const { refs, callback, element, disabled } = options;
     // Keep mouse event here because this is essentially a custom 'mouseenter' event
     const listener = useEventCallback((ev)=>{
+        var _popoverRef_current;
         const popoverRef = refs[0];
         const someMenuPopover = ev.target;
-        var _popoverRef_current;
         // someMenu is a child -> will always be contained because of vParents
         // someMenu is a parent -> will always not be contained because no vParent
         // someMenu is the current popover -> it will contain itself

package/lib/utils/useOnMenuEnter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/useOnMenuEnter.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useEventCallback, elementContains } from '@fluentui/react-utilities';\nimport type { UseOnClickOrScrollOutsideOptions } from '@fluentui/react-utilities';\n\n/**\n * Name of the custom event\n */\nexport const MENU_ENTER_EVENT = 'fuimenuenter';\n\n/**\n * This hook works similarly to @see useOnClickOutside\n *\n * Problem: Trying to behave the same as system menus:\n * When the mouse leaves a stack of nested menus the stack should not dismiss.\n * However if the mouse leaves a stack of menus and enters a parent menu all its children menu should dismiss.\n *\n * We don't use the native mouseenter event because it would trigger too many times in the document\n * Instead, dispatch custom DOM event from the menu so that it can bubble\n * Each nested menu can use the listener to check if the event is from a child or parent menu\n */\nexport const useOnMenuMouseEnter = (options: UseOnClickOrScrollOutsideOptions): void => {\n  const { refs, callback, element, disabled } = options;\n\n  // Keep mouse event here because this is essentially a custom 'mouseenter' event\n  const listener = useEventCallback((ev: MouseEvent) => {\n    const popoverRef = refs[0];\n    const someMenuPopover = ev.target as HTMLElement;\n\n    // someMenu is a child -> will always be contained because of vParents\n    // someMenu is a parent -> will always not be contained because no vParent\n    // someMenu is the current popover -> it will contain itself\n    const isOutsidePopover = !elementContains(popoverRef.current ?? null, someMenuPopover);\n\n    if (isOutsidePopover && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    // eslint-disable-next-line eqeqeq\n    if (element == null) {\n      return;\n    }\n\n    /**\n     * Because `addEventListener` type override falls back to 2nd definition (evt name is unknown string literal)\n     * evt is being typed as a base class of MouseEvent -> `Event`.\n     * This type is used to override `listener` calls to make TS happy\n     */\n\n    type ListenerOverride = (evt: Event) => void;\n\n    if (!disabled) {\n      element.addEventListener(MENU_ENTER_EVENT, listener as ListenerOverride);\n    }\n\n    return () => {\n      element.removeEventListener(MENU_ENTER_EVENT, listener as ListenerOverride);\n    };\n  }, [listener, element, disabled]);\n};\n\n/**\n * Dispatches the custom MouseEvent enter event. Similar to calling `el.click()`\n * @param el - element for the event target\n * @param nativeEvent - the native mouse event this is mapped to\n */\nexport const dispatchMenuEnterEvent = (el: HTMLElement, nativeEvent: MouseEvent): void => {\n  el.dispatchEvent(new CustomEvent(MENU_ENTER_EVENT, { bubbles: true, detail: { nativeEvent } }));\n};\n"],"names":["React","useEventCallback","elementContains","MENU_ENTER_EVENT","useOnMenuMouseEnter","options","refs","callback","element","disabled","listener","ev","popoverRef","someMenuPopover","target","isOutsidePopover","current","useEffect","addEventListener","removeEventListener","dispatchMenuEnterEvent","el","nativeEvent","dispatchEvent","CustomEvent","bubbles","detail"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,4BAA4B;AAG9E;;CAEC,GACD,OAAO,MAAMC,mBAAmB,eAAe;AAE/C;;;;;;;;;;CAUC,GACD,OAAO,MAAMC,sBAAsB,CAACC;IAClC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGJ;IAE9C,gFAAgF;IAChF,MAAMK,WAAWT,iBAAiB,CAACU;QACjC,MAAMC,aAAaN,IAAI,CAAC,EAAE;QAC1B,MAAMO,kBAAkBF,GAAGG,MAAM;YAKSF;QAH1C,sEAAsE;QACtE,0EAA0E;QAC1E,4DAA4D;QAC5D,MAAMG,mBAAmB,CAACb,gBAAgBU,CAAAA,sBAAAA,WAAWI,OAAO,cAAlBJ,iCAAAA,sBAAsB,MAAMC;QAEtE,IAAIE,oBAAoB,CAACN,UAAU;YACjCF,SAASI;QACX;IACF;IAEAX,MAAMiB,SAAS,CAAC;QACd,kCAAkC;QAClC,IAAIT,WAAW,MAAM;YACnB;QACF;QAUA,IAAI,CAACC,UAAU;YACbD,QAAQU,gBAAgB,CAACf,kBAAkBO;QAC7C;QAEA,OAAO;YACLF,QAAQW,mBAAmB,CAAChB,kBAAkBO;QAChD;IACF,GAAG;QAACA;QAAUF;QAASC;KAAS;AAClC,EAAE;AAEF;;;;CAIC,GACD,OAAO,MAAMW,yBAAyB,CAACC,IAAiBC;IACtDD,GAAGE,aAAa,CAAC,IAAIC,YAAYrB,kBAAkB;QAAEsB,SAAS;QAAMC,QAAQ;YAAEJ;QAAY;IAAE;AAC9F,EAAE"}
+{"version":3,"sources":["../../src/utils/useOnMenuEnter.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useEventCallback, elementContains } from '@fluentui/react-utilities';\nimport type { UseOnClickOrScrollOutsideOptions } from '@fluentui/react-utilities';\n\n/**\n * Name of the custom event\n */\nexport const MENU_ENTER_EVENT = 'fuimenuenter';\n\n/**\n * This hook works similarly to @see useOnClickOutside\n *\n * Problem: Trying to behave the same as system menus:\n * When the mouse leaves a stack of nested menus the stack should not dismiss.\n * However if the mouse leaves a stack of menus and enters a parent menu all its children menu should dismiss.\n *\n * We don't use the native mouseenter event because it would trigger too many times in the document\n * Instead, dispatch custom DOM event from the menu so that it can bubble\n * Each nested menu can use the listener to check if the event is from a child or parent menu\n */\nexport const useOnMenuMouseEnter = (options: UseOnClickOrScrollOutsideOptions): void => {\n  const { refs, callback, element, disabled } = options;\n\n  // Keep mouse event here because this is essentially a custom 'mouseenter' event\n  const listener = useEventCallback((ev: MouseEvent) => {\n    const popoverRef = refs[0];\n    const someMenuPopover = ev.target as HTMLElement;\n\n    // someMenu is a child -> will always be contained because of vParents\n    // someMenu is a parent -> will always not be contained because no vParent\n    // someMenu is the current popover -> it will contain itself\n    const isOutsidePopover = !elementContains(popoverRef.current ?? null, someMenuPopover);\n\n    if (isOutsidePopover && !disabled) {\n      callback(ev);\n    }\n  });\n\n  React.useEffect(() => {\n    // eslint-disable-next-line eqeqeq\n    if (element == null) {\n      return;\n    }\n\n    /**\n     * Because `addEventListener` type override falls back to 2nd definition (evt name is unknown string literal)\n     * evt is being typed as a base class of MouseEvent -> `Event`.\n     * This type is used to override `listener` calls to make TS happy\n     */\n\n    type ListenerOverride = (evt: Event) => void;\n\n    if (!disabled) {\n      element.addEventListener(MENU_ENTER_EVENT, listener as ListenerOverride);\n    }\n\n    return () => {\n      element.removeEventListener(MENU_ENTER_EVENT, listener as ListenerOverride);\n    };\n  }, [listener, element, disabled]);\n};\n\n/**\n * Dispatches the custom MouseEvent enter event. Similar to calling `el.click()`\n * @param el - element for the event target\n * @param nativeEvent - the native mouse event this is mapped to\n */\nexport const dispatchMenuEnterEvent = (el: HTMLElement, nativeEvent: MouseEvent): void => {\n  el.dispatchEvent(new CustomEvent(MENU_ENTER_EVENT, { bubbles: true, detail: { nativeEvent } }));\n};\n"],"names":["React","useEventCallback","elementContains","MENU_ENTER_EVENT","useOnMenuMouseEnter","options","refs","callback","element","disabled","listener","ev","popoverRef","someMenuPopover","target","isOutsidePopover","current","useEffect","addEventListener","removeEventListener","dispatchMenuEnterEvent","el","nativeEvent","dispatchEvent","CustomEvent","bubbles","detail"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,4BAA4B;AAG9E;;CAEC,GACD,OAAO,MAAMC,mBAAmB,eAAe;AAE/C;;;;;;;;;;CAUC,GACD,OAAO,MAAMC,sBAAsB,CAACC;IAClC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGJ;IAE9C,gFAAgF;IAChF,MAAMK,WAAWT,iBAAiB,CAACU;YAOSC;QAN1C,MAAMA,aAAaN,IAAI,CAAC,EAAE;QAC1B,MAAMO,kBAAkBF,GAAGG,MAAM;QAEjC,sEAAsE;QACtE,0EAA0E;QAC1E,4DAA4D;QAC5D,MAAMC,mBAAmB,CAACb,iBAAgBU,sBAAAA,WAAWI,OAAO,cAAlBJ,iCAAAA,sBAAsB,MAAMC;QAEtE,IAAIE,oBAAoB,CAACN,UAAU;YACjCF,SAASI;QACX;IACF;IAEAX,MAAMiB,SAAS,CAAC;QACd,kCAAkC;QAClC,IAAIT,WAAW,MAAM;YACnB;QACF;QAUA,IAAI,CAACC,UAAU;YACbD,QAAQU,gBAAgB,CAACf,kBAAkBO;QAC7C;QAEA,OAAO;YACLF,QAAQW,mBAAmB,CAAChB,kBAAkBO;QAChD;IACF,GAAG;QAACA;QAAUF;QAASC;KAAS;AAClC,EAAE;AAEF;;;;CAIC,GACD,OAAO,MAAMW,yBAAyB,CAACC,IAAiBC;IACtDD,GAAGE,aAAa,CAAC,IAAIC,YAAYrB,kBAAkB;QAAEsB,SAAS;QAAMC,QAAQ;YAAEJ;QAAY;IAAE;AAC9F,EAAE"}

package/lib/utils/useOnMenuSafeZoneTimeout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/useOnMenuSafeZoneTimeout.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * Name of the custom event\n */\nexport const MENU_SAFEZONE_TIMEOUT_EVENT = 'fuimenusafezonetimeout';\n\n/**\n * This hook listeners on a menu trigger for a custom event for an indication that a safe zone was closed over the\n * matching item.\n */\nexport const useOnMenuSafeZoneTimeout = (listener: () => void): ((element: HTMLElement | null) => void) => {\n  const elementRef = React.useRef<HTMLElement | null>(null);\n\n  return React.useCallback(\n    (element: HTMLElement | null) => {\n      elementRef.current?.removeEventListener(MENU_SAFEZONE_TIMEOUT_EVENT, listener);\n      element?.addEventListener(MENU_SAFEZONE_TIMEOUT_EVENT, listener);\n\n      elementRef.current = element;\n    },\n    [listener],\n  );\n};\n"],"names":["React","MENU_SAFEZONE_TIMEOUT_EVENT","useOnMenuSafeZoneTimeout","listener","elementRef","useRef","useCallback","element","current","removeEventListener","addEventListener"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B;;CAEC,GACD,OAAO,MAAMC,8BAA8B,yBAAyB;AAEpE;;;CAGC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvC,MAAMC,aAAaJ,MAAMK,MAAM,CAAqB;IAEpD,OAAOL,MAAMM,WAAW,CACtB,CAACC;YACCH;SAAAA,sBAAAA,WAAWI,OAAO,cAAlBJ,0CAAAA,oBAAoBK,mBAAmB,CAACR,6BAA6BE;QACrEI,oBAAAA,8BAAAA,QAASG,gBAAgB,CAACT,6BAA6BE;QAEvDC,WAAWI,OAAO,GAAGD;IACvB,GACA;QAACJ;KAAS;AAEd,EAAE"}
+{"version":3,"sources":["../../src/utils/useOnMenuSafeZoneTimeout.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * Name of the custom event\n */\nexport const MENU_SAFEZONE_TIMEOUT_EVENT = 'fuimenusafezonetimeout';\n\n/**\n * This hook listeners on a menu trigger for a custom event for an indication that a safe zone was closed over the\n * matching item.\n */\nexport const useOnMenuSafeZoneTimeout = (listener: () => void): ((element: HTMLElement | null) => void) => {\n  const elementRef = React.useRef<HTMLElement | null>(null);\n\n  return React.useCallback(\n    (element: HTMLElement | null) => {\n      elementRef.current?.removeEventListener(MENU_SAFEZONE_TIMEOUT_EVENT, listener);\n      element?.addEventListener(MENU_SAFEZONE_TIMEOUT_EVENT, listener);\n\n      elementRef.current = element;\n    },\n    [listener],\n  );\n};\n"],"names":["React","MENU_SAFEZONE_TIMEOUT_EVENT","useOnMenuSafeZoneTimeout","listener","elementRef","useRef","useCallback","element","current","removeEventListener","addEventListener"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B;;CAEC,GACD,OAAO,MAAMC,8BAA8B,yBAAyB;AAEpE;;;CAGC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvC,MAAMC,aAAaJ,MAAMK,MAAM,CAAqB;IAEpD,OAAOL,MAAMM,WAAW,CACtB,CAACC;YACCH;SAAAA,sBAAAA,WAAWI,OAAO,cAAlBJ,0CAAAA,oBAAoBK,mBAAmB,CAACR,6BAA6BE;QACrEI,oBAAAA,8BAAAA,QAASG,gBAAgB,CAACT,6BAA6BE;QAEvDC,WAAWI,OAAO,GAAGD;IACvB,GACA;QAACJ;KAAS;AAEd,EAAE"}

package/lib/utils/useValidateNesting.js

@@ -15,8 +15,8 @@ export const useValidateNesting = (componentName)=>{
             let ancestor = ref.current;
             let ancestorComponentName = '';
             do {
-                var _ancestor_parentElement;
-                ancestor = (_ancestor_parentElement = ancestor === null || ancestor === void 0 ? void 0 : ancestor.parentElement) !== null && _ancestor_parentElement !== void 0 ? _ancestor_parentElement : null;
+                var _ref;
+                ancestor = (_ref = ancestor === null || ancestor === void 0 ? void 0 : ancestor.parentElement) !== null && _ref !== void 0 ? _ref : null;
                 if (ancestor === null || ancestor === void 0 ? void 0 : ancestor.classList.contains('fui-MenuList')) {
                     break;
                 } else if (ancestor === null || ancestor === void 0 ? void 0 : ancestor.classList.contains('fui-MenuGrid')) {
@@ -69,11 +69,11 @@ export const useValidateNesting = (componentName)=>{
 const getCellOfTrigger = (trigger, targetDocument)=>{
     let ancestor = trigger === null || trigger === void 0 ? void 0 : trigger.parentElement;
     while(ancestor && ancestor !== (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.body)){
+        var _ref;
         if (ancestor === null || ancestor === void 0 ? void 0 : ancestor.classList.contains('fui-MenuGridCell')) {
             return ancestor;
         }
-        var _ancestor_parentElement;
-        ancestor = (_ancestor_parentElement = ancestor === null || ancestor === void 0 ? void 0 : ancestor.parentElement) !== null && _ancestor_parentElement !== void 0 ? _ancestor_parentElement : null;
+        ancestor = (_ref = ancestor === null || ancestor === void 0 ? void 0 : ancestor.parentElement) !== null && _ref !== void 0 ? _ref : null;
     }
     return null;
 };

package/lib/utils/useValidateNesting.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/useValidateNesting.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport type { MenuContextValue } from '../contexts/menuContext';\nimport { useMenuContext_unstable } from '../contexts/menuContext';\n\ntype NestingComponentName = 'MenuList' | 'MenuItem' | 'MenuItemCheckbox' | 'MenuItemRadio';\n\nexport const useValidateNesting = (componentName: NestingComponentName): React.RefObject<HTMLElement | null> => {\n  const { targetDocument } = useFluent();\n  const triggerRef = useMenuContext_unstable((context: MenuContextValue) => context.triggerRef);\n  const inline = useMenuContext_unstable((context: MenuContextValue) => context.inline);\n  const ref = React.useRef<HTMLElement | null>(null);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // This check should run only in development mode\n    // It's okay to disable the ESLint rule because we ar checking env variable statically (not at runtime)\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      let ancestor = ref.current;\n      let ancestorComponentName = '';\n      do {\n        ancestor = ancestor?.parentElement ?? null;\n        if (ancestor?.classList.contains('fui-MenuList')) {\n          break;\n        } else if (ancestor?.classList.contains('fui-MenuGrid')) {\n          ancestorComponentName = 'MenuGrid';\n        } else if (ancestor?.classList.contains('fui-MenuGridItem')) {\n          ancestorComponentName = 'MenuGridItem';\n        } else if (ancestor?.classList.contains('fui-MenuGridRow')) {\n          ancestorComponentName = 'MenuGridRow';\n        } else if (ancestor?.classList.contains('fui-MenuGridCell')) {\n          ancestorComponentName = 'MenuGridCell';\n        }\n        if (['MenuItem', 'MenuItemCheckbox', 'MenuItemRadio'].includes(componentName)) {\n          if (['MenuGrid', 'MenuGridItem', 'MenuGridRow', 'MenuGridCell'].includes(ancestorComponentName)) {\n            throw new Error(\n              `${componentName} is incorrectly nested within ${ancestorComponentName}. You probably want to wrap it in a MenuList instead.`,\n            );\n          }\n        } else if (componentName === 'MenuList') {\n          if (ancestorComponentName === 'MenuGridCell') {\n            if (inline && getCellOfTrigger(triggerRef.current, targetDocument) === ancestor) {\n              break;\n            }\n            throw new Error(`MenuList is incorrectly nested within MenuGridCell.`);\n          } else if (['MenuGrid', 'MenuGridItem', 'MenuGridRow'].includes(ancestorComponentName)) {\n            throw new Error(`MenuList is incorrectly nested within ${ancestorComponentName}.`);\n          }\n        }\n      } while (ancestor && ancestor !== targetDocument?.body);\n    }, [componentName, ref, triggerRef, inline, targetDocument]);\n  }\n  return ref;\n};\n\nconst getCellOfTrigger = (trigger: HTMLElement | null, targetDocument?: Document): HTMLElement | null => {\n  let ancestor = trigger?.parentElement;\n  while (ancestor && ancestor !== targetDocument?.body) {\n    if (ancestor?.classList.contains('fui-MenuGridCell')) {\n      return ancestor;\n    }\n    ancestor = ancestor?.parentElement ?? null;\n  }\n  return null;\n};\n"],"names":["React","useFluent_unstable","useFluent","useMenuContext_unstable","useValidateNesting","componentName","targetDocument","triggerRef","context","inline","ref","useRef","process","env","NODE_ENV","useEffect","ancestor","current","ancestorComponentName","parentElement","classList","contains","includes","Error","getCellOfTrigger","body","trigger"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAGlF,SAASC,uBAAuB,QAAQ,6BAA0B;AAIlE,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAM,EAAEC,cAAc,EAAE,GAAGJ;IAC3B,MAAMK,aAAaJ,wBAAwB,CAACK,UAA8BA,QAAQD,UAAU;IAC5F,MAAME,SAASN,wBAAwB,CAACK,UAA8BA,QAAQC,MAAM;IACpF,MAAMC,MAAMV,MAAMW,MAAM,CAAqB;IAE7C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,iDAAiD;QACjD,uGAAuG;QACvG,sDAAsD;QACtDd,MAAMe,SAAS,CAAC;YACd,IAAIC,WAAWN,IAAIO,OAAO;YAC1B,IAAIC,wBAAwB;YAC5B,GAAG;oBACUF;gBAAXA,WAAWA,CAAAA,0BAAAA,qBAAAA,+BAAAA,SAAUG,aAAa,cAAvBH,qCAAAA,0BAA2B;gBACtC,IAAIA,qBAAAA,+BAAAA,SAAUI,SAAS,CAACC,QAAQ,CAAC,iBAAiB;oBAChD;gBACF,OAAO,IAAIL,qBAAAA,+BAAAA,SAAUI,SAAS,CAACC,QAAQ,CAAC,iBAAiB;oBACvDH,wBAAwB;gBAC1B,OAAO,IAAIF,qBAAAA,+BAAAA,SAAUI,SAAS,CAACC,QAAQ,CAAC,qBAAqB;oBAC3DH,wBAAwB;gBAC1B,OAAO,IAAIF,qBAAAA,+BAAAA,SAAUI,SAAS,CAACC,QAAQ,CAAC,oBAAoB;oBAC1DH,wBAAwB;gBAC1B,OAAO,IAAIF,qBAAAA,+BAAAA,SAAUI,SAAS,CAACC,QAAQ,CAAC,qBAAqB;oBAC3DH,wBAAwB;gBAC1B;gBACA,IAAI;oBAAC;oBAAY;oBAAoB;iBAAgB,CAACI,QAAQ,CAACjB,gBAAgB;oBAC7E,IAAI;wBAAC;wBAAY;wBAAgB;wBAAe;qBAAe,CAACiB,QAAQ,CAACJ,wBAAwB;wBAC/F,MAAM,IAAIK,MACR,GAAGlB,cAAc,8BAA8B,EAAEa,sBAAsB,qDAAqD,CAAC;oBAEjI;gBACF,OAAO,IAAIb,kBAAkB,YAAY;oBACvC,IAAIa,0BAA0B,gBAAgB;wBAC5C,IAAIT,UAAUe,iBAAiBjB,WAAWU,OAAO,EAAEX,oBAAoBU,UAAU;4BAC/E;wBACF;wBACA,MAAM,IAAIO,MAAM,CAAC,mDAAmD,CAAC;oBACvE,OAAO,IAAI;wBAAC;wBAAY;wBAAgB;qBAAc,CAACD,QAAQ,CAACJ,wBAAwB;wBACtF,MAAM,IAAIK,MAAM,CAAC,sCAAsC,EAAEL,sBAAsB,CAAC,CAAC;oBACnF;gBACF;YACF,QAASF,YAAYA,cAAaV,2BAAAA,qCAAAA,eAAgBmB,IAAI,EAAE;QAC1D,GAAG;YAACpB;YAAeK;YAAKH;YAAYE;YAAQH;SAAe;IAC7D;IACA,OAAOI;AACT,EAAE;AAEF,MAAMc,mBAAmB,CAACE,SAA6BpB;IACrD,IAAIU,WAAWU,oBAAAA,8BAAAA,QAASP,aAAa;IACrC,MAAOH,YAAYA,cAAaV,2BAAAA,qCAAAA,eAAgBmB,IAAI,EAAE;QACpD,IAAIT,qBAAAA,+BAAAA,SAAUI,SAAS,CAACC,QAAQ,CAAC,qBAAqB;YACpD,OAAOL;QACT;YACWA;QAAXA,WAAWA,CAAAA,0BAAAA,qBAAAA,+BAAAA,SAAUG,aAAa,cAAvBH,qCAAAA,0BAA2B;IACxC;IACA,OAAO;AACT"}
+{"version":3,"sources":["../../src/utils/useValidateNesting.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport type { MenuContextValue } from '../contexts/menuContext';\nimport { useMenuContext_unstable } from '../contexts/menuContext';\n\ntype NestingComponentName = 'MenuList' | 'MenuItem' | 'MenuItemCheckbox' | 'MenuItemRadio';\n\nexport const useValidateNesting = (componentName: NestingComponentName): React.RefObject<HTMLElement | null> => {\n  const { targetDocument } = useFluent();\n  const triggerRef = useMenuContext_unstable((context: MenuContextValue) => context.triggerRef);\n  const inline = useMenuContext_unstable((context: MenuContextValue) => context.inline);\n  const ref = React.useRef<HTMLElement | null>(null);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // This check should run only in development mode\n    // It's okay to disable the ESLint rule because we ar checking env variable statically (not at runtime)\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      let ancestor = ref.current;\n      let ancestorComponentName = '';\n      do {\n        ancestor = ancestor?.parentElement ?? null;\n        if (ancestor?.classList.contains('fui-MenuList')) {\n          break;\n        } else if (ancestor?.classList.contains('fui-MenuGrid')) {\n          ancestorComponentName = 'MenuGrid';\n        } else if (ancestor?.classList.contains('fui-MenuGridItem')) {\n          ancestorComponentName = 'MenuGridItem';\n        } else if (ancestor?.classList.contains('fui-MenuGridRow')) {\n          ancestorComponentName = 'MenuGridRow';\n        } else if (ancestor?.classList.contains('fui-MenuGridCell')) {\n          ancestorComponentName = 'MenuGridCell';\n        }\n        if (['MenuItem', 'MenuItemCheckbox', 'MenuItemRadio'].includes(componentName)) {\n          if (['MenuGrid', 'MenuGridItem', 'MenuGridRow', 'MenuGridCell'].includes(ancestorComponentName)) {\n            throw new Error(\n              `${componentName} is incorrectly nested within ${ancestorComponentName}. You probably want to wrap it in a MenuList instead.`,\n            );\n          }\n        } else if (componentName === 'MenuList') {\n          if (ancestorComponentName === 'MenuGridCell') {\n            if (inline && getCellOfTrigger(triggerRef.current, targetDocument) === ancestor) {\n              break;\n            }\n            throw new Error(`MenuList is incorrectly nested within MenuGridCell.`);\n          } else if (['MenuGrid', 'MenuGridItem', 'MenuGridRow'].includes(ancestorComponentName)) {\n            throw new Error(`MenuList is incorrectly nested within ${ancestorComponentName}.`);\n          }\n        }\n      } while (ancestor && ancestor !== targetDocument?.body);\n    }, [componentName, ref, triggerRef, inline, targetDocument]);\n  }\n  return ref;\n};\n\nconst getCellOfTrigger = (trigger: HTMLElement | null, targetDocument?: Document): HTMLElement | null => {\n  let ancestor = trigger?.parentElement;\n  while (ancestor && ancestor !== targetDocument?.body) {\n    if (ancestor?.classList.contains('fui-MenuGridCell')) {\n      return ancestor;\n    }\n    ancestor = ancestor?.parentElement ?? null;\n  }\n  return null;\n};\n"],"names":["React","useFluent_unstable","useFluent","useMenuContext_unstable","useValidateNesting","componentName","targetDocument","triggerRef","context","inline","ref","useRef","process","env","NODE_ENV","useEffect","ancestor","current","ancestorComponentName","parentElement","classList","contains","includes","Error","getCellOfTrigger","body","trigger"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAGlF,SAASC,uBAAuB,QAAQ,6BAA0B;AAIlE,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAM,EAAEC,cAAc,EAAE,GAAGJ;IAC3B,MAAMK,aAAaJ,wBAAwB,CAACK,UAA8BA,QAAQD,UAAU;IAC5F,MAAME,SAASN,wBAAwB,CAACK,UAA8BA,QAAQC,MAAM;IACpF,MAAMC,MAAMV,MAAMW,MAAM,CAAqB;IAE7C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,iDAAiD;QACjD,uGAAuG;QACvG,sDAAsD;QACtDd,MAAMe,SAAS,CAAC;YACd,IAAIC,WAAWN,IAAIO,OAAO;YAC1B,IAAIC,wBAAwB;YAC5B,GAAG;;gBACDF,mBAAWA,qBAAAA,+BAAAA,SAAUG,aAAa,uCAAI;gBACtC,IAAIH,qBAAAA,+BAAAA,SAAUI,SAAS,CAACC,QAAQ,CAAC,iBAAiB;oBAChD;gBACF,OAAO,IAAIL,qBAAAA,+BAAAA,SAAUI,SAAS,CAACC,QAAQ,CAAC,iBAAiB;oBACvDH,wBAAwB;gBAC1B,OAAO,IAAIF,qBAAAA,+BAAAA,SAAUI,SAAS,CAACC,QAAQ,CAAC,qBAAqB;oBAC3DH,wBAAwB;gBAC1B,OAAO,IAAIF,qBAAAA,+BAAAA,SAAUI,SAAS,CAACC,QAAQ,CAAC,oBAAoB;oBAC1DH,wBAAwB;gBAC1B,OAAO,IAAIF,qBAAAA,+BAAAA,SAAUI,SAAS,CAACC,QAAQ,CAAC,qBAAqB;oBAC3DH,wBAAwB;gBAC1B;gBACA,IAAI;oBAAC;oBAAY;oBAAoB;iBAAgB,CAACI,QAAQ,CAACjB,gBAAgB;oBAC7E,IAAI;wBAAC;wBAAY;wBAAgB;wBAAe;qBAAe,CAACiB,QAAQ,CAACJ,wBAAwB;wBAC/F,MAAM,IAAIK,MACR,GAAGlB,cAAc,8BAA8B,EAAEa,sBAAsB,qDAAqD,CAAC;oBAEjI;gBACF,OAAO,IAAIb,kBAAkB,YAAY;oBACvC,IAAIa,0BAA0B,gBAAgB;wBAC5C,IAAIT,UAAUe,iBAAiBjB,WAAWU,OAAO,EAAEX,oBAAoBU,UAAU;4BAC/E;wBACF;wBACA,MAAM,IAAIO,MAAM,CAAC,mDAAmD,CAAC;oBACvE,OAAO,IAAI;wBAAC;wBAAY;wBAAgB;qBAAc,CAACD,QAAQ,CAACJ,wBAAwB;wBACtF,MAAM,IAAIK,MAAM,CAAC,sCAAsC,EAAEL,sBAAsB,CAAC,CAAC;oBACnF;gBACF;YACF,QAASF,YAAYA,cAAaV,2BAAAA,qCAAAA,eAAgBmB,IAAI,EAAE;QAC1D,GAAG;YAACpB;YAAeK;YAAKH;YAAYE;YAAQH;SAAe;IAC7D;IACA,OAAOI;AACT,EAAE;AAEF,MAAMc,mBAAmB,CAACE,SAA6BpB;IACrD,IAAIU,WAAWU,oBAAAA,8BAAAA,QAASP,aAAa;IACrC,MAAOH,YAAYA,cAAaV,2BAAAA,qCAAAA,eAAgBmB,IAAI,EAAE;;QACpD,IAAIT,qBAAAA,+BAAAA,SAAUI,SAAS,CAACC,QAAQ,CAAC,qBAAqB;YACpD,OAAOL;QACT;QACAA,mBAAWA,qBAAAA,+BAAAA,SAAUG,aAAa,uCAAI;IACxC;IACA,OAAO;AACT"}

package/lib-commonjs/Menu.cjs

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    Menu: function() {
+    get Menu () {
         return _index.Menu;
     },
-    renderMenu_unstable: function() {
+    get renderMenu_unstable () {
         return _index.renderMenu_unstable;
     },
-    useMenuBase_unstable: function() {
+    get useMenuBase_unstable () {
         return _index.useMenuBase_unstable;
     },
-    useMenuContextValues_unstable: function() {
+    get useMenuContextValues_unstable () {
         return _index.useMenuContextValues_unstable;
     },
-    useMenu_unstable: function() {
+    get useMenu_unstable () {
         return _index.useMenu_unstable;
     }
 });

package/lib-commonjs/MenuDivider.cjs

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MenuDivider: function() {
+    get MenuDivider () {
         return _index.MenuDivider;
     },
-    menuDividerClassNames: function() {
+    get menuDividerClassNames () {
         return _index.menuDividerClassNames;
     },
-    renderMenuDivider_unstable: function() {
+    get renderMenuDivider_unstable () {
         return _index.renderMenuDivider_unstable;
     },
-    useMenuDividerStyles_unstable: function() {
+    get useMenuDividerStyles_unstable () {
         return _index.useMenuDividerStyles_unstable;
     },
-    useMenuDivider_unstable: function() {
+    get useMenuDivider_unstable () {
         return _index.useMenuDivider_unstable;
     }
 });

package/lib-commonjs/MenuGroup.cjs

@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MenuGroup: function() {
+    get MenuGroup () {
         return _index.MenuGroup;
     },
-    menuGroupClassNames: function() {
+    get menuGroupClassNames () {
         return _index.menuGroupClassNames;
     },
-    renderMenuGroup_unstable: function() {
+    get renderMenuGroup_unstable () {
         return _index.renderMenuGroup_unstable;
     },
-    useMenuGroupContextValues_unstable: function() {
+    get useMenuGroupContextValues_unstable () {
         return _index.useMenuGroupContextValues_unstable;
     },
-    useMenuGroupStyles_unstable: function() {
+    get useMenuGroupStyles_unstable () {
         return _index.useMenuGroupStyles_unstable;
     },
-    useMenuGroup_unstable: function() {
+    get useMenuGroup_unstable () {
         return _index.useMenuGroup_unstable;
     }
 });

package/lib-commonjs/MenuGroupHeader.cjs

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MenuGroupHeader: function() {
+    get MenuGroupHeader () {
         return _index.MenuGroupHeader;
     },
-    menuGroupHeaderClassNames: function() {
+    get menuGroupHeaderClassNames () {
         return _index.menuGroupHeaderClassNames;
     },
-    renderMenuGroupHeader_unstable: function() {
+    get renderMenuGroupHeader_unstable () {
         return _index.renderMenuGroupHeader_unstable;
     },
-    useMenuGroupHeaderStyles_unstable: function() {
+    get useMenuGroupHeaderStyles_unstable () {
         return _index.useMenuGroupHeaderStyles_unstable;
     },
-    useMenuGroupHeader_unstable: function() {
+    get useMenuGroupHeader_unstable () {
         return _index.useMenuGroupHeader_unstable;
     }
 });

package/lib-commonjs/MenuItem.cjs

@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MenuItem: function() {
+    get MenuItem () {
         return _index.MenuItem;
     },
-    menuItemClassNames: function() {
+    get menuItemClassNames () {
         return _index.menuItemClassNames;
     },
-    renderMenuItem_unstable: function() {
+    get renderMenuItem_unstable () {
         return _index.renderMenuItem_unstable;
     },
-    useMenuItemBase_unstable: function() {
+    get useMenuItemBase_unstable () {
         return _index.useMenuItemBase_unstable;
     },
-    useMenuItemStyles_unstable: function() {
+    get useMenuItemStyles_unstable () {
         return _index.useMenuItemStyles_unstable;
     },
-    useMenuItem_unstable: function() {
+    get useMenuItem_unstable () {
         return _index.useMenuItem_unstable;
     }
 });

package/lib-commonjs/MenuItemCheckbox.cjs

@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MenuItemCheckbox: function() {
+    get MenuItemCheckbox () {
         return _index.MenuItemCheckbox;
     },
-    menuItemCheckboxClassNames: function() {
+    get menuItemCheckboxClassNames () {
         return _index.menuItemCheckboxClassNames;
     },
-    renderMenuItemCheckbox_unstable: function() {
+    get renderMenuItemCheckbox_unstable () {
         return _index.renderMenuItemCheckbox_unstable;
     },
-    useMenuItemCheckboxBase_unstable: function() {
+    get useMenuItemCheckboxBase_unstable () {
         return _index.useMenuItemCheckboxBase_unstable;
     },
-    useMenuItemCheckboxStyles_unstable: function() {
+    get useMenuItemCheckboxStyles_unstable () {
         return _index.useMenuItemCheckboxStyles_unstable;
     },
-    useMenuItemCheckbox_unstable: function() {
+    get useMenuItemCheckbox_unstable () {
         return _index.useMenuItemCheckbox_unstable;
     }
 });

package/lib-commonjs/MenuItemLink.cjs

@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MenuItemLink: function() {
+    get MenuItemLink () {
         return _index.MenuItemLink;
     },
-    menuItemLinkClassNames: function() {
+    get menuItemLinkClassNames () {
         return _index.menuItemLinkClassNames;
     },
-    renderMenuItemLink_unstable: function() {
+    get renderMenuItemLink_unstable () {
         return _index.renderMenuItemLink_unstable;
     },
-    useMenuItemLinkBase_unstable: function() {
+    get useMenuItemLinkBase_unstable () {
         return _index.useMenuItemLinkBase_unstable;
     },
-    useMenuItemLinkStyles_unstable: function() {
+    get useMenuItemLinkStyles_unstable () {
         return _index.useMenuItemLinkStyles_unstable;
     },
-    useMenuItemLink_unstable: function() {
+    get useMenuItemLink_unstable () {
         return _index.useMenuItemLink_unstable;
     }
 });

package/lib-commonjs/MenuItemRadio.cjs

@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MenuItemRadio: function() {
+    get MenuItemRadio () {
         return _index.MenuItemRadio;
     },
-    menuItemRadioClassNames: function() {
+    get menuItemRadioClassNames () {
         return _index.menuItemRadioClassNames;
     },
-    renderMenuItemRadio_unstable: function() {
+    get renderMenuItemRadio_unstable () {
         return _index.renderMenuItemRadio_unstable;
     },
-    useMenuItemRadioBase_unstable: function() {
+    get useMenuItemRadioBase_unstable () {
         return _index.useMenuItemRadioBase_unstable;
     },
-    useMenuItemRadioStyles_unstable: function() {
+    get useMenuItemRadioStyles_unstable () {
         return _index.useMenuItemRadioStyles_unstable;
     },
-    useMenuItemRadio_unstable: function() {
+    get useMenuItemRadio_unstable () {
         return _index.useMenuItemRadio_unstable;
     }
 });

package/lib-commonjs/MenuItemSwitch.cjs

@@ -5,29 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MenuItemSwitch: function() {
+    get MenuItemSwitch () {
         return _index.MenuItemSwitch;
     },
-    circleFilledClassName: function() {
+    get circleFilledClassName () {
         return _index.circleFilledClassName;
     },
-    menuItemSwitchClassNames: function() {
+    get menuItemSwitchClassNames () {
         return _index.menuItemSwitchClassNames;
     },
-    renderMenuItemSwitch_unstable: function() {
+    get renderMenuItemSwitch_unstable () {
         return _index.renderMenuItemSwitch_unstable;
     },
-    useMenuItemSwitchBase_unstable: function() {
+    get useMenuItemSwitchBase_unstable () {
         return _index.useMenuItemSwitchBase_unstable;
     },
-    useMenuItemSwitchStyles_unstable: function() {
+    get useMenuItemSwitchStyles_unstable () {
         return _index.useMenuItemSwitchStyles_unstable;
     },
-    useMenuItemSwitch_unstable: function() {
+    get useMenuItemSwitch_unstable () {
         return _index.useMenuItemSwitch_unstable;
     }
 });

package/lib-commonjs/MenuList.cjs

@@ -5,29 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MenuList: function() {
+    get MenuList () {
         return _index.MenuList;
     },
-    menuListClassNames: function() {
+    get menuListClassNames () {
         return _index.menuListClassNames;
     },
-    renderMenuList_unstable: function() {
+    get renderMenuList_unstable () {
         return _index.renderMenuList_unstable;
     },
-    useMenuListBase_unstable: function() {
+    get useMenuListBase_unstable () {
         return _index.useMenuListBase_unstable;
     },
-    useMenuListContextValues_unstable: function() {
+    get useMenuListContextValues_unstable () {
         return _index.useMenuListContextValues_unstable;
     },
-    useMenuListStyles_unstable: function() {
+    get useMenuListStyles_unstable () {
         return _index.useMenuListStyles_unstable;
     },
-    useMenuList_unstable: function() {
+    get useMenuList_unstable () {
         return _index.useMenuList_unstable;
     }
 });

package/lib-commonjs/MenuPopover.cjs

@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MenuPopover: function() {
+    get MenuPopover () {
         return _index.MenuPopover;
     },
-    menuPopoverClassNames: function() {
+    get menuPopoverClassNames () {
         return _index.menuPopoverClassNames;
     },
-    renderMenuPopover_unstable: function() {
+    get renderMenuPopover_unstable () {
         return _index.renderMenuPopover_unstable;
     },
-    useMenuPopoverBase_unstable: function() {
+    get useMenuPopoverBase_unstable () {
         return _index.useMenuPopoverBase_unstable;
     },
-    useMenuPopoverStyles_unstable: function() {
+    get useMenuPopoverStyles_unstable () {
         return _index.useMenuPopoverStyles_unstable;
     },
-    useMenuPopover_unstable: function() {
+    get useMenuPopover_unstable () {
         return _index.useMenuPopover_unstable;
     }
 });

package/lib-commonjs/MenuSplitGroup.cjs

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MenuSplitGroup: function() {
+    get MenuSplitGroup () {
         return _index.MenuSplitGroup;
     },
-    menuSplitGroupClassNames: function() {
+    get menuSplitGroupClassNames () {
         return _index.menuSplitGroupClassNames;
     },
-    renderMenuSplitGroup_unstable: function() {
+    get renderMenuSplitGroup_unstable () {
         return _index.renderMenuSplitGroup_unstable;
     },
-    useMenuSplitGroupStyles_unstable: function() {
+    get useMenuSplitGroupStyles_unstable () {
         return _index.useMenuSplitGroupStyles_unstable;
     },
-    useMenuSplitGroup_unstable: function() {
+    get useMenuSplitGroup_unstable () {
         return _index.useMenuSplitGroup_unstable;
     }
 });

package/lib-commonjs/MenuTrigger.cjs

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MenuTrigger: function() {
+    get MenuTrigger () {
         return _index.MenuTrigger;
     },
-    renderMenuTrigger_unstable: function() {
+    get renderMenuTrigger_unstable () {
         return _index.renderMenuTrigger_unstable;
     },
-    useMenuTriggerBase_unstable: function() {
+    get useMenuTriggerBase_unstable () {
         return _index.useMenuTriggerBase_unstable;
     },
-    useMenuTrigger_unstable: function() {
+    get useMenuTrigger_unstable () {
         return _index.useMenuTrigger_unstable;
     }
 });

package/lib-commonjs/components/Menu/Menu.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Menu/Menu.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useMenu_unstable } from './useMenu';\nimport { useMenuContextValues_unstable } from './useMenuContextValues';\nimport { renderMenu_unstable } from './renderMenu';\nimport type { MenuProps } from './Menu.types';\n\n/**\n * Wrapper component that manages state for a popup MenuList and a MenuTrigger\n */\nexport const Menu: React.FC<MenuProps> = props => {\n  const state = useMenu_unstable(props);\n  const contextValues = useMenuContextValues_unstable(state);\n\n  return renderMenu_unstable(state, contextValues);\n};\n\nMenu.displayName = 'Menu';\n"],"names":["useMenu_unstable","useMenuContextValues_unstable","renderMenu_unstable","Menu","props","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;yBAGiC,eAAY;sCACC,4BAAyB;4BACnC,kBAAe;AAM5C,MAAMG,OAA4BC,CAAAA;IACvC,MAAMC,YAAQL,yBAAAA,EAAiBI;IAC/B,MAAME,oBAAgBL,mDAAAA,EAA8BI;IAEpD,WAAOH,+BAAAA,EAAoBG,OAAOC;AACpC,EAAE;AAEFH,KAAKI,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useMenu_unstable } from './useMenu';\nimport { useMenuContextValues_unstable } from './useMenuContextValues';\nimport { renderMenu_unstable } from './renderMenu';\nimport type { MenuProps } from './Menu.types';\n\n/**\n * Wrapper component that manages state for a popup MenuList and a MenuTrigger\n */\nexport const Menu: React.FC<MenuProps> = props => {\n  const state = useMenu_unstable(props);\n  const contextValues = useMenuContextValues_unstable(state);\n\n  return renderMenu_unstable(state, contextValues);\n};\n\nMenu.displayName = 'Menu';\n"],"names":["useMenu_unstable","useMenuContextValues_unstable","renderMenu_unstable","Menu","props","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;yBAGiC,eAAY;sCACC,4BAAyB;4BACnC,kBAAe;AAM5C,MAAMG,OAA4BC,CAAAA;IACvC,MAAMC,YAAQL,yBAAAA,EAAiBI;IAC/B,MAAME,oBAAgBL,mDAAAA,EAA8BI;IAEpD,WAAOH,+BAAAA,EAAoBG,OAAOC;AACpC,EAAE;AAEFH,KAAKI,WAAW,GAAG"}