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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Menu/Menu.types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { PresenceMotionSlotProps } from '@fluentui/react-motion';\nimport type { PositioningVirtualElement, SetVirtualMouseTarget } from '@fluentui/react-positioning';\nimport type { PositioningShorthand } from '@fluentui/react-positioning';\nimport type { PortalProps } from '@fluentui/react-portal';\nimport type { ComponentProps, ComponentState, JSXElement, Slot } from '@fluentui/react-utilities';\nimport type { MenuContextValue } from '../../contexts/menuContext';\nimport type { MenuListProps } from '../MenuList/MenuList.types';\n\nexport type MenuSlots = {\n  /**\n   * Slot for the surface motion animation.\n   * For more information refer to the [Motion docs page](https://react.fluentui.dev/?path=/docs/motion-motion-slot--docs).\n   */\n  surfaceMotion: Slot<PresenceMotionSlotProps>;\n};\n\nexport type InternalMenuSlots = {\n  surfaceMotion: NonNullable<Slot<PresenceMotionSlotProps>>;\n};\n\n/**\n * Extends and drills down Menulist props to simplify API\n */\nexport type MenuProps = ComponentProps<Partial<MenuSlots>> &\n  Pick<PortalProps, 'mountNode'> &\n  Pick<\n    MenuListProps,\n    'checkedValues' | 'defaultCheckedValues' | 'hasCheckmarks' | 'hasIcons' | 'onCheckedValueChange'\n  > & {\n    /**\n     * Can contain two children including `MenuTrigger` and `MenuPopover`.\n     * Alternatively can only contain `MenuPopover` if using a custom `target`.\n     */\n    children: [JSXElement, JSXElement] | JSXElement;\n\n    /**\n     * Sets the delay for mouse open/close for the popover one mouse enter/leave\n     */\n    hoverDelay?: number;\n\n    /**\n     * Root menus are rendered out of DOM order on `document.body`, use this to render the menu in DOM order\n     * This option is disregarded for submenus\n     *\n     * @default false\n     */\n    inline?: boolean;\n\n    /**\n     * Call back when the component requests to change value\n     * The `open` value is used as a hint when directly controlling the component\n     */\n    // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\n    onOpenChange?: (e: MenuOpenEvent, data: MenuOpenChangeData) => void;\n\n    /**\n     * Whether the popup is open\n     *\n     * @default false\n     */\n    open?: boolean;\n\n    /**\n     * Whether the popup is open by default\n     *\n     * @default false\n     */\n    defaultOpen?: boolean;\n\n    /**\n     * Opens the menu on right click (context menu), removes all other menu open interactions\n     *\n     * @default false\n     */\n    openOnContext?: boolean;\n\n    /**\n     * Opens the menu on hover\n     *\n     * @default false\n     */\n    openOnHover?: boolean;\n\n    /**\n     * Do not dismiss the menu when a menu item is clicked\n     *\n     * @default false\n     */\n    persistOnItemClick?: boolean;\n\n    /**\n     * Configures the positioned menu\n     */\n    positioning?: PositioningShorthand;\n\n    /**\n     * Close when scroll outside of it\n     *\n     * @default false\n     */\n    closeOnScroll?: boolean;\n  };\n\nexport type MenuState = ComponentState<InternalMenuSlots> &\n  Required<\n    Pick<\n      MenuProps,\n      | 'hasCheckmarks'\n      | 'hasIcons'\n      | 'mountNode'\n      | 'inline'\n      | 'checkedValues'\n      | 'onCheckedValueChange'\n      | 'open'\n      | 'openOnHover'\n      | 'closeOnScroll'\n      | 'hoverDelay'\n      | 'openOnContext'\n      | 'persistOnItemClick'\n    >\n  > & {\n    /**\n     * Anchors the popper to the mouse click for context events\n     */\n    contextTarget?: PositioningVirtualElement;\n\n    /**\n     * Whether this menu is a submenu\n     */\n    isSubmenu: boolean;\n\n    /**\n     * Internal react node that just simplifies handling children\n     */\n    menuPopover: React.ReactNode;\n\n    /**\n     * The ref for the popup\n     */\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    menuPopoverRef: React.MutableRefObject<HTMLElement | null>;\n\n    /**\n     * Internal react node that just simplifies handling children\n     */\n    menuTrigger: React.ReactNode;\n\n    /**\n     * A callback to set the target of the popper to the mouse click for context events\n     */\n    setContextTarget: SetVirtualMouseTarget;\n\n    /**\n     * Callback to open/close the popup\n     */\n    setOpen: (e: MenuOpenEvent, data: MenuOpenChangeData & { ignoreHoverDelay?: boolean }) => void;\n\n    /**\n     * Id for the MenuTrigger element for aria relationship\n     */\n    triggerId: string;\n\n    /**\n     * The ref for the MenuTrigger, used for popup positioning\n     */\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    triggerRef: React.MutableRefObject<HTMLElement | null>;\n\n    /**\n     * Call back when the component requests to change value\n     * The `open` value is used as a hint when directly controlling the component\n     * @deprecated this property is not used internally anymore,\n     * the signature remains just to avoid breaking changes\n     */\n    onOpenChange?: (e: MenuOpenEvent, data: MenuOpenChangeData) => void;\n    /**\n     * Default values to be checked on mount\n     @deprecated this property is not used internally anymore,\n     * the signature remains just to avoid breaking changes\n     */\n    defaultCheckedValues?: Record<string, string[]>;\n\n    /**\n     * An optional safe zone area to be rendered around the menu\n     */\n    safeZone?: React.ReactElement | null;\n  };\n\nexport type MenuBaseProps = Omit<MenuProps, 'surfaceMotion'>;\n\nexport type MenuBaseState = Omit<MenuState, 'surfaceMotion' | 'components'>;\n\nexport type MenuContextValues = {\n  menu: MenuContextValue;\n};\n\n/**\n * The supported events that will trigger open/close of the menu\n */\nexport type MenuOpenEvent = MenuOpenChangeData['event'];\n/**\n * @deprecated use MenuOpenEvent instead\n */\nexport type MenuOpenEvents = MenuOpenEvent;\n\n/**\n * Data attached to open/close events\n */\nexport type MenuOpenChangeData = {\n  /**\n   * indicates whether the request for the open state was bubbled from a nested menu\n   */\n  bubble?: boolean;\n  /**\n   * Indicates whether the change of state was a keyboard interaction\n   * @deprecated\n   * This should not be used, since `Enter`, `Space` and click should be interpreted as the same thing as a click\n   */\n  keyboard?: boolean;\n  open: boolean;\n} & (\n  | {\n      type: 'menuTriggerContextMenu';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuTriggerClick';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuTriggerMouseEnter';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuSafeZoneMouseEnter';\n      event: React.MouseEvent;\n    }\n  | {\n      type: 'menuSafeZoneTimeout';\n      event: Event;\n    }\n  | {\n      type: 'menuTriggerMouseLeave';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuTriggerMouseMove';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuTriggerKeyDown';\n      event: React.KeyboardEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuItemClick';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuPopoverMouseEnter';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuPopoverKeyDown';\n      event: React.KeyboardEvent<HTMLElement>;\n    }\n  | {\n      type: 'clickOutside';\n      event: MouseEvent | TouchEvent;\n    }\n  | {\n      type: 'scrollOutside';\n      event: MouseEvent | TouchEvent;\n    }\n  | {\n      type: 'menuMouseEnter';\n      event: MouseEvent | TouchEvent;\n    }\n);\n"],"names":[],"mappings":"AA8MA;;CAEC,GACD,WAqEE"}
+{"version":3,"sources":["../../../src/components/Menu/Menu.types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { PresenceMotionSlotProps } from '@fluentui/react-motion';\nimport type { PositioningVirtualElement, SetVirtualMouseTarget } from '@fluentui/react-positioning';\nimport type { PositioningShorthand } from '@fluentui/react-positioning';\nimport type { PortalProps } from '@fluentui/react-portal';\nimport type { ComponentProps, ComponentState, JSXElement, Slot } from '@fluentui/react-utilities';\nimport type { MenuContextValue } from '../../contexts/menuContext';\nimport type { MenuListProps } from '../MenuList/MenuList.types';\n\nexport type MenuSlots = {\n  /**\n   * Slot for the surface motion animation.\n   * For more information refer to the [Motion docs page](https://react.fluentui.dev/?path=/docs/motion-motion-slot--docs).\n   */\n  surfaceMotion: Slot<PresenceMotionSlotProps>;\n};\n\nexport type InternalMenuSlots = {\n  surfaceMotion: NonNullable<Slot<PresenceMotionSlotProps>>;\n};\n\n/**\n * Extends and drills down Menulist props to simplify API\n */\nexport type MenuProps = ComponentProps<Partial<MenuSlots>> &\n  Pick<PortalProps, 'mountNode'> &\n  Pick<\n    MenuListProps,\n    'checkedValues' | 'defaultCheckedValues' | 'hasCheckmarks' | 'hasIcons' | 'onCheckedValueChange'\n  > & {\n    /**\n     * Can contain two children including `MenuTrigger` and `MenuPopover`.\n     * Alternatively can only contain `MenuPopover` if using a custom `target`.\n     */\n    children: [JSXElement, JSXElement] | JSXElement;\n\n    /**\n     * Sets the delay for mouse open/close for the popover one mouse enter/leave\n     */\n    hoverDelay?: number;\n\n    /**\n     * Root menus are rendered out of DOM order on `document.body`, use this to render the menu in DOM order\n     * This option is disregarded for submenus\n     *\n     * @default false\n     */\n    inline?: boolean;\n\n    /**\n     * Call back when the component requests to change value\n     * The `open` value is used as a hint when directly controlling the component\n     */\n    // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\n    onOpenChange?: (e: MenuOpenEvent, data: MenuOpenChangeData) => void;\n\n    /**\n     * Whether the popup is open\n     *\n     * @default false\n     */\n    open?: boolean;\n\n    /**\n     * Whether the popup is open by default\n     *\n     * @default false\n     */\n    defaultOpen?: boolean;\n\n    /**\n     * Opens the menu on right click (context menu), removes all other menu open interactions\n     *\n     * @default false\n     */\n    openOnContext?: boolean;\n\n    /**\n     * Opens the menu on hover\n     *\n     * @default false\n     */\n    openOnHover?: boolean;\n\n    /**\n     * Do not dismiss the menu when a menu item is clicked\n     *\n     * @default false\n     */\n    persistOnItemClick?: boolean;\n\n    /**\n     * Configures the positioned menu\n     */\n    positioning?: PositioningShorthand;\n\n    /**\n     * Close when scroll outside of it\n     *\n     * @default false\n     */\n    closeOnScroll?: boolean;\n  };\n\nexport type MenuState = ComponentState<InternalMenuSlots> &\n  Required<\n    Pick<\n      MenuProps,\n      | 'hasCheckmarks'\n      | 'hasIcons'\n      | 'mountNode'\n      | 'inline'\n      | 'checkedValues'\n      | 'onCheckedValueChange'\n      | 'open'\n      | 'openOnHover'\n      | 'closeOnScroll'\n      | 'hoverDelay'\n      | 'openOnContext'\n      | 'persistOnItemClick'\n    >\n  > & {\n    /**\n     * Anchors the popper to the mouse click for context events\n     */\n    contextTarget?: PositioningVirtualElement;\n\n    /**\n     * Whether this menu is a submenu\n     */\n    isSubmenu: boolean;\n\n    /**\n     * Internal react node that just simplifies handling children\n     */\n    menuPopover: React.ReactNode;\n\n    /**\n     * The ref for the popup\n     */\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    menuPopoverRef: React.MutableRefObject<HTMLElement | null>;\n\n    /**\n     * Internal react node that just simplifies handling children\n     */\n    menuTrigger: React.ReactNode;\n\n    /**\n     * A callback to set the target of the popper to the mouse click for context events\n     */\n    setContextTarget: SetVirtualMouseTarget;\n\n    /**\n     * Callback to open/close the popup\n     */\n    setOpen: (e: MenuOpenEvent, data: MenuOpenChangeData & { ignoreHoverDelay?: boolean }) => void;\n\n    /**\n     * Id for the MenuTrigger element for aria relationship\n     */\n    triggerId: string;\n\n    /**\n     * The ref for the MenuTrigger, used for popup positioning\n     */\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    triggerRef: React.MutableRefObject<HTMLElement | null>;\n\n    /**\n     * Call back when the component requests to change value\n     * The `open` value is used as a hint when directly controlling the component\n     * @deprecated this property is not used internally anymore,\n     * the signature remains just to avoid breaking changes\n     */\n    onOpenChange?: (e: MenuOpenEvent, data: MenuOpenChangeData) => void;\n    /**\n     * Default values to be checked on mount\n     @deprecated this property is not used internally anymore,\n     * the signature remains just to avoid breaking changes\n     */\n    defaultCheckedValues?: Record<string, string[]>;\n\n    /**\n     * An optional safe zone area to be rendered around the menu\n     */\n    safeZone?: React.ReactElement | null;\n  };\n\nexport type MenuBaseProps = Omit<MenuProps, 'surfaceMotion'>;\n\nexport type MenuBaseState = Omit<MenuState, 'surfaceMotion' | 'components'>;\n\nexport type MenuContextValues = {\n  menu: MenuContextValue;\n};\n\n/**\n * The supported events that will trigger open/close of the menu\n */\nexport type MenuOpenEvent = MenuOpenChangeData['event'];\n/**\n * @deprecated use MenuOpenEvent instead\n */\nexport type MenuOpenEvents = MenuOpenEvent;\n\n/**\n * Data attached to open/close events\n */\nexport type MenuOpenChangeData = {\n  /**\n   * indicates whether the request for the open state was bubbled from a nested menu\n   */\n  bubble?: boolean;\n  /**\n   * Indicates whether the change of state was a keyboard interaction\n   * @deprecated\n   * This should not be used, since `Enter`, `Space` and click should be interpreted as the same thing as a click\n   */\n  keyboard?: boolean;\n  open: boolean;\n} & (\n  | {\n      type: 'menuTriggerContextMenu';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuTriggerClick';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuTriggerMouseEnter';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuSafeZoneMouseEnter';\n      event: React.MouseEvent;\n    }\n  | {\n      type: 'menuSafeZoneTimeout';\n      event: Event;\n    }\n  | {\n      type: 'menuTriggerMouseLeave';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuTriggerMouseMove';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuTriggerKeyDown';\n      event: React.KeyboardEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuItemClick';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuPopoverMouseEnter';\n      event: React.MouseEvent<HTMLElement>;\n    }\n  | {\n      type: 'menuPopoverKeyDown';\n      event: React.KeyboardEvent<HTMLElement>;\n    }\n  | {\n      type: 'clickOutside';\n      event: MouseEvent | TouchEvent;\n    }\n  | {\n      type: 'scrollOutside';\n      event: MouseEvent | TouchEvent;\n    }\n  | {\n      type: 'menuMouseEnter';\n      event: MouseEvent | TouchEvent;\n    }\n);\n"],"names":[],"mappings":"AA8MA;;CAEC,GACD,WAqEE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Menu/MenuSurfaceMotion.ts"],"sourcesContent":["import { createPresenceComponent, motionTokens } from '@fluentui/react-motion';\nimport { fadeAtom, slideAtom } from '@fluentui/react-motion-components-preview';\nimport {\n  POSITIONING_SLIDE_DIRECTION_VAR_X as slideDirectionVarX,\n  POSITIONING_SLIDE_DIRECTION_VAR_Y as slideDirectionVarY,\n} from '@fluentui/react-positioning';\n\n// Shared timing constants for the enter animation.\nconst duration = motionTokens.durationSlower;\nconst easing = motionTokens.curveDecelerateMid;\n\n/**\n * Default `surfaceMotion` slot for `<Menu>`.\n *\n * Enter-only animation combining a fade and a direction-aware slide.\n * The slide reads CSS variables set by `usePositioningSlideDirection` and scales\n * them by `distance` pixels. There is no exit animation; the surface unmounts immediately.\n *\n * @param distance - Travel distance (px) for the enter slide. Defaults to `10`.\n */\nexport const MenuSurfaceMotion = createPresenceComponent(({ distance = 10 }: { distance?: number }) => ({\n  enter: [\n    fadeAtom({ duration, easing, direction: 'enter' }),\n    {\n      // slideAtom produces translate keyframes from `outX`/`outY` → `0px`.\n      // The `outX`/`outY` values read the positioning-provided CSS variables and scale\n      // them by `distance` so the surface slides in from the correct direction.\n      ...slideAtom({\n        duration,\n        easing,\n        direction: 'enter',\n        outX: `calc(var(${slideDirectionVarX}, 0px) * ${distance})`,\n        outY: `calc(var(${slideDirectionVarY}, 0px) * ${distance})`,\n      }),\n      // 'accumulate' compositing adds this effect's transform on top of the element's\n      // existing transform, preserving any transform applied by the positioning engine.\n      composite: 'accumulate',\n    },\n  ],\n  // No exit animation — the surface unmounts immediately on close.\n  exit: [],\n}));\n"],"names":["createPresenceComponent","motionTokens","fadeAtom","slideAtom","POSITIONING_SLIDE_DIRECTION_VAR_X","slideDirectionVarX","POSITIONING_SLIDE_DIRECTION_VAR_Y","slideDirectionVarY","duration","durationSlower","easing","curveDecelerateMid","MenuSurfaceMotion","distance","enter","direction","outX","outY","composite","exit"],"mappings":";;;;+BAoBaY;;;;;;6BApByC,yBAAyB;8CAC3C,4CAA4C;kCAIzE,8BAA8B;AAErC,mDAAmD;AACnD,MAAMJ,WAAWP,yBAAAA,CAAaQ,cAAc;AAC5C,MAAMC,SAAST,yBAAAA,CAAaU,kBAAkB;AAWvC,8BAA0BX,oCAAAA,EAAwB,CAAC,EAAEa,WAAW,EAAE,EAAyB,GAAM,CAAA;QACtGC,OAAO;gBACLZ,sCAAAA,EAAS;gBAAEM;gBAAUE;gBAAQK,WAAW;YAAQ;YAChD;gBACE,qEAAqE;gBACrE,iFAAiF;gBACjF,0EAA0E;gBAC1E,GAAGZ,2CAAAA,EAAU;oBACXK;oBACAE;oBACAK,WAAW;oBACXC,MAAM,CAAC,SAAS,EAAEX,mDAAAA,CAAmB,SAAS,EAAEQ,SAAS,CAAC,CAAC;oBAC3DI,MAAM,CAAC,SAAS,EAAEV,mDAAAA,CAAmB,SAAS,EAAEM,SAAS,CAAC,CAAC;gBAC7D,EAAE;gBACF,gFAAgF;gBAChF,kFAAkF;gBAClFK,WAAW;YACb;SACD;QACD,iEAAiE;QACjEC,MAAM,EAAE;KACV,CAAA,GAAI"}
+{"version":3,"sources":["../../../src/components/Menu/MenuSurfaceMotion.ts"],"sourcesContent":["import { createPresenceComponent, motionTokens } from '@fluentui/react-motion';\nimport { fadeAtom, slideAtom } from '@fluentui/react-motion-components-preview';\nimport {\n  POSITIONING_SLIDE_DIRECTION_VAR_X as slideDirectionVarX,\n  POSITIONING_SLIDE_DIRECTION_VAR_Y as slideDirectionVarY,\n} from '@fluentui/react-positioning';\n\n// Shared timing constants for the enter animation.\nconst duration = motionTokens.durationSlower;\nconst easing = motionTokens.curveDecelerateMid;\n\n/**\n * Default `surfaceMotion` slot for `<Menu>`.\n *\n * Enter-only animation combining a fade and a direction-aware slide.\n * The slide reads CSS variables set by `usePositioningSlideDirection` and scales\n * them by `distance` pixels. There is no exit animation; the surface unmounts immediately.\n *\n * @param distance - Travel distance (px) for the enter slide. Defaults to `10`.\n */\nexport const MenuSurfaceMotion = createPresenceComponent(({ distance = 10 }: { distance?: number }) => ({\n  enter: [\n    fadeAtom({ duration, easing, direction: 'enter' }),\n    {\n      // slideAtom produces translate keyframes from `outX`/`outY` → `0px`.\n      // The `outX`/`outY` values read the positioning-provided CSS variables and scale\n      // them by `distance` so the surface slides in from the correct direction.\n      ...slideAtom({\n        duration,\n        easing,\n        direction: 'enter',\n        outX: `calc(var(${slideDirectionVarX}, 0px) * ${distance})`,\n        outY: `calc(var(${slideDirectionVarY}, 0px) * ${distance})`,\n      }),\n      // 'accumulate' compositing adds this effect's transform on top of the element's\n      // existing transform, preserving any transform applied by the positioning engine.\n      composite: 'accumulate',\n    },\n  ],\n  // No exit animation — the surface unmounts immediately on close.\n  exit: [],\n}));\n"],"names":["createPresenceComponent","motionTokens","fadeAtom","slideAtom","POSITIONING_SLIDE_DIRECTION_VAR_X","slideDirectionVarX","POSITIONING_SLIDE_DIRECTION_VAR_Y","slideDirectionVarY","duration","durationSlower","easing","curveDecelerateMid","MenuSurfaceMotion","distance","enter","direction","outX","outY","composite","exit"],"mappings":";;;;+BAoBaY;;;;;;6BApByC,yBAAyB;8CAC3C,4CAA4C;kCAIzE,8BAA8B;AAErC,mDAAmD;AACnD,MAAMJ,WAAWP,yBAAAA,CAAaQ,cAAc;AAC5C,MAAMC,SAAST,yBAAAA,CAAaU,kBAAkB;AAWvC,8BAA0BX,oCAAAA,EAAwB,CAAC,EAAEa,WAAW,EAAE,EAAyB,GAAM,CAAA;QACtGC,OAAO;gBACLZ,sCAAAA,EAAS;gBAAEM;gBAAUE;gBAAQK,WAAW;YAAQ;YAChD;gBACE,qEAAqE;gBACrE,iFAAiF;gBACjF,0EAA0E;gBAC1E,GAAGZ,2CAAAA,EAAU;oBACXK;oBACAE;oBACAK,WAAW;oBACXC,MAAM,CAAC,SAAS,EAAEX,mDAAAA,CAAmB,SAAS,EAAEQ,SAAS,CAAC,CAAC;oBAC3DI,MAAM,CAAC,SAAS,EAAEV,mDAAAA,CAAmB,SAAS,EAAEM,SAAS,CAAC,CAAC;gBAC7D,EAAE;gBACF,gFAAgF;gBAChF,kFAAkF;gBAClFK,WAAW;YACb;SACD;QACD,iEAAiE;QACjEC,MAAM,EAAE;KACV,CAAA,GAAI"}

package/lib-commonjs/components/Menu/index.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 _Menu.Menu;
     },
-    renderMenu_unstable: function() {
+    get renderMenu_unstable () {
         return _renderMenu.renderMenu_unstable;
     },
-    useMenuBase_unstable: function() {
+    get useMenuBase_unstable () {
         return _useMenu.useMenuBase_unstable;
     },
-    useMenuContextValues_unstable: function() {
+    get useMenuContextValues_unstable () {
         return _useMenuContextValues.useMenuContextValues_unstable;
     },
-    useMenu_unstable: function() {
+    get useMenu_unstable () {
         return _useMenu.useMenu_unstable;
     }
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Menu/index.ts"],"sourcesContent":["export { Menu } from './Menu';\nexport type {\n  MenuBaseProps,\n  MenuBaseState,\n  MenuContextValues,\n  MenuOpenChangeData,\n  MenuOpenEvent,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  MenuOpenEvents,\n  MenuProps,\n  MenuSlots,\n  MenuState,\n} from './Menu.types';\nexport { renderMenu_unstable } from './renderMenu';\nexport { useMenu_unstable, useMenuBase_unstable } from './useMenu';\nexport { useMenuContextValues_unstable } from './useMenuContextValues';\n"],"names":["Menu","renderMenu_unstable","useMenu_unstable","useMenuBase_unstable","useMenuContextValues_unstable"],"mappings":";;;;;;;;;;;;eAASA,UAAI;;;eAaJC,+BAAmB;;;eACDE,6BAAoB;;;eACtCC,mDAA6B;;;eAD7BF,yBAAgB;;;sBAdJ,YAAS;4BAaM,kBAAe;yBACI,eAAY;sCACrB,4BAAyB"}
+{"version":3,"sources":["../../../src/components/Menu/index.ts"],"sourcesContent":["export { Menu } from './Menu';\nexport type {\n  MenuBaseProps,\n  MenuBaseState,\n  MenuContextValues,\n  MenuOpenChangeData,\n  MenuOpenEvent,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  MenuOpenEvents,\n  MenuProps,\n  MenuSlots,\n  MenuState,\n} from './Menu.types';\nexport { renderMenu_unstable } from './renderMenu';\nexport { useMenu_unstable, useMenuBase_unstable } from './useMenu';\nexport { useMenuContextValues_unstable } from './useMenuContextValues';\n"],"names":["Menu","renderMenu_unstable","useMenu_unstable","useMenuBase_unstable","useMenuContextValues_unstable"],"mappings":";;;;;;;;;;;;eAASA,UAAI;;;eAaJC,+BAAmB;;;eACDE,6BAAoB;;;eACtCC,mDAA6B;;;eAD7BF,yBAAgB;;;sBAdJ,YAAS;4BAaM,kBAAe;yBACI,eAAY;sCACrB,4BAAyB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Menu/renderMenu.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { MotionRefForwarder } from '@fluentui/react-motion';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { MenuProvider } from '../../contexts/menuContext';\nimport type { InternalMenuSlots, MenuContextValues, MenuState } from './Menu.types';\n\n/**\n * Render the final JSX of Menu\n */\nexport const renderMenu_unstable = (state: MenuState, contextValues: MenuContextValues): JSXElement => {\n  assertSlots<InternalMenuSlots>(state);\n\n  return (\n    <MenuProvider value={contextValues.menu}>\n      {state.menuTrigger}\n      {state.menuPopover && (\n        <state.surfaceMotion>\n          <MotionRefForwarder>\n            {/* Casting here as content should be equivalent to <MenuPopover /> */}\n            {/* FIXME: content should not be ReactNode it should be ReactElement instead. */}\n            {state.menuPopover as React.ReactElement}\n          </MotionRefForwarder>\n        </state.surfaceMotion>\n      )}\n    </MenuProvider>\n  );\n};\n"],"names":["React","MotionRefForwarder","assertSlots","MenuProvider","renderMenu_unstable","state","contextValues","value","menu","menuTrigger","menuPopover","surfaceMotion"],"mappings":";;;;+BAaaI;;;;;;;4BAZb,iCAAiD;iEAE1B,QAAQ;6BACI,yBAAyB;gCAChC,4BAA4B;6BAE3B,gCAA6B;AAMnD,4BAA4B,CAACC,OAAkBC;QACpDJ,2BAAAA,EAA+BG;IAE/B,OAAA,WAAA,OACE,gBAAA,EAACF,yBAAAA,EAAAA;QAAaI,OAAOD,cAAcE,IAAI;;YACpCH,MAAMI,WAAW;YACjBJ,MAAMK,WAAW,IAAA,WAAA,OAChB,eAAA,EAACL,MAAMM,aAAa,EAAA;0BAClB,WAAA,OAAA,eAAA,EAACV,+BAAAA,EAAAA;8BAGEI,MAAMK,WAAW;;;;;AAM9B,EAAE"}
+{"version":3,"sources":["../../../src/components/Menu/renderMenu.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport { MotionRefForwarder } from '@fluentui/react-motion';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { MenuProvider } from '../../contexts/menuContext';\nimport type { InternalMenuSlots, MenuContextValues, MenuState } from './Menu.types';\n\n/**\n * Render the final JSX of Menu\n */\nexport const renderMenu_unstable = (state: MenuState, contextValues: MenuContextValues): JSXElement => {\n  assertSlots<InternalMenuSlots>(state);\n\n  return (\n    <MenuProvider value={contextValues.menu}>\n      {state.menuTrigger}\n      {state.menuPopover && (\n        <state.surfaceMotion>\n          <MotionRefForwarder>\n            {/* Casting here as content should be equivalent to <MenuPopover /> */}\n            {/* FIXME: content should not be ReactNode it should be ReactElement instead. */}\n            {state.menuPopover as React.ReactElement}\n          </MotionRefForwarder>\n        </state.surfaceMotion>\n      )}\n    </MenuProvider>\n  );\n};\n"],"names":["React","MotionRefForwarder","assertSlots","MenuProvider","renderMenu_unstable","state","contextValues","value","menu","menuTrigger","menuPopover","surfaceMotion"],"mappings":";;;;+BAaaI;;;;;;;;iEAbb,CAA0B,GAC1B,iDAAiD,GAEjD,YAAYJ,WAAW,QAAQ;6BACI,yBAAyB;gCAChC,4BAA4B;6BAE3B,gCAA6B;AAMnD,4BAA4B,CAACK,OAAkBC;QACpDJ,2BAAAA,EAA+BG;IAE/B,OAAA,WAAA,OACE,gBAAA,EAACF,yBAAAA,EAAAA;QAAaI,OAAOD,cAAcE,IAAI;;YACpCH,MAAMI,WAAW;YACjBJ,MAAMK,WAAW,IAAA,WAAA,OAChB,eAAA,EAACL,MAAMM,aAAa,EAAA;0BAClB,WAAA,OAAA,eAAA,EAACV,+BAAAA,EAAAA;8BAGEI,MAAMK,WAAW;;;;;AAM9B,EAAE"}

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

@@ -6,14 +6,14 @@ 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, {
-    useMenuBase_unstable: function() {
+    get useMenuBase_unstable () {
         return useMenuBase_unstable;
     },
-    useMenu_unstable: function() {
+    get useMenu_unstable () {
         return useMenu_unstable;
     }
 });
@@ -325,13 +325,13 @@ const useMenuOpenState = (state)=>{
             // Skip the initial render — focus should only be restored when the menu
             // transitions from open → closed, not on mount.
             if (!firstMount) {
+                var _ref;
                 var // (e.g. during an exit animation), so focus may still be inside the
                 // popover even though `open` is already false. Proactively move it
                 // to the trigger before the DOM element is eventually removed.
                 _state_menuPopoverRef_current;
-                var _targetDocument_activeElement;
                 if (// meaning the user's focus has nowhere meaningful to go.
-                (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement) === (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.body) || ((_state_menuPopoverRef_current = state.menuPopoverRef.current) === null || _state_menuPopoverRef_current === void 0 ? void 0 : _state_menuPopoverRef_current.contains((_targetDocument_activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement) !== null && _targetDocument_activeElement !== void 0 ? _targetDocument_activeElement : null))) {
+                (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement) === (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.body) || ((_state_menuPopoverRef_current = state.menuPopoverRef.current) === null || _state_menuPopoverRef_current === void 0 ? void 0 : _state_menuPopoverRef_current.contains((_ref = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement) !== null && _ref !== void 0 ? _ref : null))) {
                     var // after any event handler (event handlers will update state and re-render).
                     // Since the browser only performs the default behaviour for the Tab key once
                     // keyboard events have fully bubbled up the window, the browser will move

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Menu/useMenu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  resolvePositioningShorthand,\n  usePositioningMouseTarget,\n  usePositioning,\n  useSafeZoneArea,\n  usePositioningSlideDirection,\n  type PositioningShorthandValue,\n} from '@fluentui/react-positioning';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\nimport {\n  useControllableState,\n  useId,\n  useOnClickOutside,\n  useEventCallback,\n  useOnScrollOutside,\n  elementContains,\n  useTimeout,\n  useFirstMount,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useFocusFinders } from '@fluentui/react-tabster';\n\nimport { useMenuContext_unstable } from '../../contexts/menuContext';\nimport { MENU_SAFEZONE_TIMEOUT_EVENT, MENU_ENTER_EVENT, useOnMenuMouseEnter, useIsSubmenu } from '../../utils';\nimport { menuItemClassNames } from '../MenuItem/useMenuItemStyles.styles';\nimport type {\n  MenuBaseProps,\n  MenuBaseState,\n  MenuOpenChangeData,\n  MenuOpenEvent,\n  MenuProps,\n  MenuState,\n} from './Menu.types';\nimport { MenuSurfaceMotion } from './MenuSurfaceMotion';\n\n// If it's not possible to position the submenu in smaller viewports, try\n// and fallback to this order of positions\nconst submenuFallbackPositions: PositioningShorthandValue[] = [\n  'after',\n  'after-bottom',\n  'before-top',\n  'before',\n  'before-bottom',\n  'above',\n];\n\n/**\n * Create the state required to render Menu.\n *\n * The returned state can be modified with hooks such as useMenuStyles,\n * before being passed to renderMenu_unstable.\n *\n * @param props - props from this instance of Menu\n */\nexport const useMenu_unstable = (props: MenuProps & { safeZone?: boolean | { timeout?: number } }): MenuState => {\n  const { surfaceMotion, ...baseProps } = props;\n  const baseState = useMenuBase_unstable(baseProps);\n\n  return {\n    ...baseState,\n    components: {\n      surfaceMotion: MenuSurfaceMotion,\n    },\n    surfaceMotion: presenceMotionSlot(surfaceMotion, {\n      elementType: MenuSurfaceMotion,\n      defaultProps: {\n        visible: baseState.open,\n        appear: true,\n        unmountOnExit: true,\n      },\n    }),\n  };\n};\n\n/**\n * Base hook for Menu component, produces state required to render the component.\n * It doesn't set any design-related slots specific to Menu such as `surfaceMotion`.\n *\n * @param props - props from this instance of Menu\n */\nexport const useMenuBase_unstable = (\n  props: MenuBaseProps & { safeZone?: boolean | { timeout?: number } },\n): MenuBaseState => {\n  const isSubmenu = useIsSubmenu();\n  const {\n    hoverDelay = 500,\n    inline = false,\n    hasCheckmarks = false,\n    hasIcons = false,\n    closeOnScroll = false,\n    openOnContext = false,\n    persistOnItemClick = false,\n    openOnHover = isSubmenu,\n    defaultCheckedValues,\n    mountNode = null,\n    safeZone,\n  } = props;\n\n  const { targetDocument } = useFluent();\n  const triggerId = useId('menu');\n  const [contextTarget, setContextTarget] = usePositioningMouseTarget();\n\n  const resolvedPositioning = resolvePositioningShorthand(props.positioning);\n  const handlePositionEnd = usePositioningSlideDirection({\n    targetDocument,\n    onPositioningEnd: resolvedPositioning.onPositioningEnd,\n  });\n\n  const positioningOptions = {\n    position: isSubmenu ? 'after' : 'below',\n    align: isSubmenu ? 'top' : 'start',\n    target: props.openOnContext ? contextTarget : undefined,\n    fallbackPositions: isSubmenu ? submenuFallbackPositions : undefined,\n    ...resolvedPositioning,\n    onPositioningEnd: handlePositionEnd,\n  } as const;\n\n  const children = React.Children.toArray(props.children) as React.ReactElement[];\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (children.length === 0) {\n      // eslint-disable-next-line no-console\n      console.warn('Menu must contain at least one child');\n    }\n\n    if (children.length > 2) {\n      // eslint-disable-next-line no-console\n      console.warn('Menu must contain at most two children');\n    }\n  }\n\n  let menuTrigger: React.ReactElement | undefined = undefined;\n  let menuPopover: React.ReactElement | undefined = undefined;\n  if (children.length === 2) {\n    menuTrigger = children[0];\n    menuPopover = children[1];\n  } else if (children.length === 1) {\n    menuPopover = children[0];\n  }\n\n  const { targetRef, containerRef } = usePositioning(positioningOptions);\n\n  const enableSafeZone = safeZone && openOnHover;\n  const safeZoneDescriptorRef = React.useRef({\n    isInside: false,\n    mouseCoordinates: { x: 0, y: 0 },\n  });\n\n  const safeZoneHandle = useSafeZoneArea({\n    disabled: !enableSafeZone,\n    timeout: typeof safeZone === 'object' ? safeZone.timeout : 300,\n\n    onSafeZoneEnter: e => {\n      setOpen(e, { open: true, keyboard: false, type: 'menuSafeZoneMouseEnter', event: e });\n      safeZoneDescriptorRef.current.isInside = true;\n    },\n    onSafeZoneLeave: () => {\n      safeZoneDescriptorRef.current.isInside = false;\n    },\n    onSafeZoneMove: e => {\n      safeZoneDescriptorRef.current.mouseCoordinates = {\n        x: e.clientX,\n        y: e.clientY,\n      };\n    },\n    onSafeZoneTimeout: () => {\n      const event = new CustomEvent(MENU_SAFEZONE_TIMEOUT_EVENT);\n\n      setOpen(event, { open: false, keyboard: false, type: 'menuSafeZoneTimeout', event });\n\n      if (safeZoneDescriptorRef.current.isInside && targetDocument) {\n        const elementsInPoint = targetDocument.elementsFromPoint(\n          safeZoneDescriptorRef.current.mouseCoordinates.x,\n          safeZoneDescriptorRef.current.mouseCoordinates.y,\n        );\n        const menuItemEl = elementsInPoint.find(el => {\n          return el.classList.contains(menuItemClassNames.root);\n        }) as HTMLElement | null;\n\n        menuItemEl?.dispatchEvent(event);\n      }\n    },\n  });\n\n  const triggerRef = useMergedRefs(targetRef, safeZoneHandle.targetRef);\n  const menuPopoverRef = useMergedRefs(containerRef, safeZoneHandle.containerRef);\n\n  // TODO Better way to narrow types ?\n  const [open, setOpen] = useMenuOpenState({\n    hoverDelay,\n    isSubmenu,\n    setContextTarget,\n    closeOnScroll,\n    menuPopoverRef,\n    triggerRef,\n    open: props.open,\n    defaultOpen: props.defaultOpen,\n    onOpenChange: props.onOpenChange,\n    openOnContext,\n  });\n\n  const [checkedValues, onCheckedValueChange] = useMenuSelectableState({\n    checkedValues: props.checkedValues,\n    defaultCheckedValues,\n    onCheckedValueChange: props.onCheckedValueChange,\n  });\n\n  return {\n    inline,\n    hoverDelay,\n    triggerId,\n    isSubmenu,\n    openOnHover,\n    contextTarget,\n    setContextTarget,\n    hasCheckmarks,\n    hasIcons,\n    closeOnScroll,\n    menuTrigger,\n    menuPopover,\n    mountNode,\n    triggerRef,\n    menuPopoverRef,\n    openOnContext,\n    open,\n    setOpen,\n    checkedValues,\n    onCheckedValueChange,\n    persistOnItemClick,\n    safeZone: safeZoneHandle.elementToRender,\n  };\n};\n\n/**\n * Adds appropriate state values and handlers for selectable items\n * i.e checkboxes and radios\n */\nconst useMenuSelectableState = (\n  props: Pick<MenuProps, 'checkedValues' | 'defaultCheckedValues' | 'onCheckedValueChange'>,\n) => {\n  const [checkedValues, setCheckedValues] = useControllableState({\n    state: props.checkedValues,\n    defaultState: props.defaultCheckedValues,\n    initialState: {},\n  });\n  const onCheckedValueChange: MenuState['onCheckedValueChange'] = useEventCallback((e, { name, checkedItems }) => {\n    props.onCheckedValueChange?.(e, { name, checkedItems });\n\n    setCheckedValues(currentValue => ({\n      ...currentValue,\n      [name]: checkedItems,\n    }));\n  });\n\n  return [checkedValues, onCheckedValueChange] as const;\n};\n\nconst useMenuOpenState = (\n  state: Pick<\n    MenuState,\n    | 'isSubmenu'\n    | 'menuPopoverRef'\n    | 'setContextTarget'\n    | 'triggerRef'\n    | 'openOnContext'\n    | 'closeOnScroll'\n    | 'hoverDelay'\n  > &\n    Pick<MenuProps, 'open' | 'defaultOpen' | 'onOpenChange'>,\n) => {\n  const { targetDocument } = useFluent();\n  const parentSetOpen = useMenuContext_unstable(context => context.setOpen);\n  const onOpenChange: MenuProps['onOpenChange'] = useEventCallback((e, data) => state.onOpenChange?.(e, data));\n\n  const enteringTriggerRef = React.useRef(false);\n\n  const [open, setOpenState] = useControllableState({\n    state: state.open,\n    defaultState: state.defaultOpen,\n    initialState: false,\n  });\n\n  const trySetOpen = useEventCallback((e: MenuOpenEvent, data: MenuOpenChangeData) => {\n    const event = e instanceof CustomEvent && e.type === MENU_ENTER_EVENT ? e.detail.nativeEvent : e;\n    onOpenChange?.(event, { ...data });\n    if (data.open && e.type === 'contextmenu') {\n      state.setContextTarget(e as React.MouseEvent);\n    }\n\n    if (!data.open) {\n      state.setContextTarget(undefined);\n    }\n\n    if (data.bubble) {\n      parentSetOpen(e, { ...data });\n    }\n\n    setOpenState(data.open);\n  });\n\n  const [setOpenTimeout, clearOpenTimeout] = useTimeout();\n\n  const setOpen = useEventCallback((e: MenuOpenEvent, data: MenuOpenChangeData & { ignoreHoverDelay?: boolean }) => {\n    clearOpenTimeout();\n    if (!(e instanceof Event) && e.persist) {\n      // < React 17 still uses pooled synthetic events\n      e.persist();\n    }\n\n    const shouldUseDelay =\n      !data.ignoreHoverDelay &&\n      (e.type === 'mouseleave' || e.type === 'mouseover' || e.type === 'mousemove' || e.type === MENU_ENTER_EVENT);\n\n    if (shouldUseDelay) {\n      if (state.triggerRef.current?.contains(e.target as HTMLElement)) {\n        enteringTriggerRef.current = e.type === 'mouseover' || e.type === 'mousemove';\n      }\n\n      setOpenTimeout(() => trySetOpen(e, data), state.hoverDelay);\n    } else {\n      trySetOpen(e, data);\n    }\n  });\n\n  useOnClickOutside({\n    contains: elementContains,\n    disabled: !open,\n    element: targetDocument,\n    refs: [state.menuPopoverRef, !state.openOnContext && state.triggerRef].filter(\n      Boolean,\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ) as React.MutableRefObject<HTMLElement | null>[],\n    callback: event => setOpen(event, { open: false, type: 'clickOutside', event }),\n  });\n\n  // only close on scroll for context, or when closeOnScroll is specified\n  const closeOnScroll = state.openOnContext || state.closeOnScroll;\n  useOnScrollOutside({\n    contains: elementContains,\n    element: targetDocument,\n    callback: event => setOpen(event, { open: false, type: 'scrollOutside', event }),\n    refs: [state.menuPopoverRef, !state.openOnContext && state.triggerRef].filter(\n      Boolean,\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ) as React.MutableRefObject<HTMLElement | null>[],\n    disabled: !open || !closeOnScroll,\n  });\n\n  useOnMenuMouseEnter({\n    element: targetDocument,\n    callback: event => {\n      // When moving from a menu directly back to its trigger, this handler can close the menu\n      // Explicitly check a flag to see if this situation happens\n      if (!enteringTriggerRef.current) {\n        setOpen(event, { open: false, type: 'menuMouseEnter', event });\n      }\n    },\n    disabled: !open,\n    refs: [state.menuPopoverRef],\n  });\n\n  // Manage focus for open state\n  const { findFirstFocusable } = useFocusFinders();\n  const focusFirst = React.useCallback(() => {\n    const firstFocusable = findFirstFocusable(state.menuPopoverRef.current);\n    firstFocusable?.focus();\n  }, [findFirstFocusable, state.menuPopoverRef]);\n\n  const firstMount = useFirstMount();\n  React.useEffect(() => {\n    if (open) {\n      focusFirst();\n    } else {\n      // Skip the initial render — focus should only be restored when the menu\n      // transitions from open → closed, not on mount.\n      if (!firstMount) {\n        if (\n          // Focus landed on <body> after the popover was removed from the DOM,\n          // meaning the user's focus has nowhere meaningful to go.\n          targetDocument?.activeElement === targetDocument?.body ||\n          // The surfaceMotion presence component delays unmounting the popover\n          // (e.g. during an exit animation), so focus may still be inside the\n          // popover even though `open` is already false. Proactively move it\n          // to the trigger before the DOM element is eventually removed.\n          state.menuPopoverRef.current?.contains(targetDocument?.activeElement ?? null)\n        ) {\n          // We know that React effects are sync so we focus the trigger here\n          // after any event handler (event handlers will update state and re-render).\n          // Since the browser only performs the default behaviour for the Tab key once\n          // keyboard events have fully bubbled up the window, the browser will move\n          // focus to the next tabbable element before/after the trigger if needed.\n          // If the Tab key was not pressed, focus will remain on the trigger as expected.\n          state.triggerRef.current?.focus();\n        }\n      }\n    }\n    // firstMount change should not re-run this effect\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.triggerRef, state.isSubmenu, open, focusFirst, targetDocument, state.menuPopoverRef]);\n\n  return [open, setOpen] as const;\n};\n"],"names":["React","resolvePositioningShorthand","usePositioningMouseTarget","usePositioning","useSafeZoneArea","usePositioningSlideDirection","presenceMotionSlot","useControllableState","useId","useOnClickOutside","useEventCallback","useOnScrollOutside","elementContains","useTimeout","useFirstMount","useMergedRefs","useFluent_unstable","useFluent","useFocusFinders","useMenuContext_unstable","MENU_SAFEZONE_TIMEOUT_EVENT","MENU_ENTER_EVENT","useOnMenuMouseEnter","useIsSubmenu","menuItemClassNames","MenuSurfaceMotion","submenuFallbackPositions","useMenu_unstable","props","surfaceMotion","baseProps","baseState","useMenuBase_unstable","components","elementType","defaultProps","visible","open","appear","unmountOnExit","isSubmenu","hoverDelay","inline","hasCheckmarks","hasIcons","closeOnScroll","openOnContext","persistOnItemClick","openOnHover","defaultCheckedValues","mountNode","safeZone","targetDocument","triggerId","contextTarget","setContextTarget","resolvedPositioning","positioning","handlePositionEnd","onPositioningEnd","positioningOptions","position","align","target","undefined","fallbackPositions","children","Children","toArray","process","env","NODE_ENV","length","console","warn","menuTrigger","menuPopover","targetRef","containerRef","enableSafeZone","safeZoneDescriptorRef","useRef","isInside","mouseCoordinates","x","y","safeZoneHandle","disabled","timeout","onSafeZoneEnter","e","setOpen","keyboard","type","event","current","onSafeZoneLeave","onSafeZoneMove","clientX","clientY","onSafeZoneTimeout","CustomEvent","elementsInPoint","elementsFromPoint","menuItemEl","find","el","classList","contains","root","dispatchEvent","triggerRef","menuPopoverRef","useMenuOpenState","defaultOpen","onOpenChange","checkedValues","onCheckedValueChange","useMenuSelectableState","elementToRender","setCheckedValues","state","defaultState","initialState","name","checkedItems","currentValue","parentSetOpen","context","data","enteringTriggerRef","setOpenState","trySetOpen","detail","nativeEvent","bubble","setOpenTimeout","clearOpenTimeout","Event","persist","shouldUseDelay","ignoreHoverDelay","element","refs","filter","Boolean","callback","findFirstFocusable","focusFirst","useCallback","firstFocusable","focus","firstMount","useEffect","activeElement","body"],"mappings":"AAAA;;;;;;;;;;;;IAoFagC,oBAAAA;;;oBA1BAL;;;;;iEAxDU,QAAQ;kCAQxB,8BAA8B;6BACF,yBAAyB;gCAWrD,4BAA4B;qCACa,kCAAkC;8BAClD,0BAA0B;6BAElB,gCAA6B;uBAC4B,uBAAc;yCAC5E,0CAAuC;mCASxC,yBAAsB;AAExD,yEAAyE;AACzE,0CAA0C;AAC1C,MAAMD,2BAAwD;IAC5D;IACA;IACA;IACA;IACA;IACA;CACD;AAUM,MAAMC,mBAAmB,CAACC;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGC,WAAW,GAAGF;IACxC,MAAMG,YAAYC,qBAAqBF;IAEvC,OAAO;QACL,GAAGC,SAAS;QACZE,YAAY;YACVJ,eAAeJ,oCAAAA;QACjB;QACAI,mBAAevB,+BAAAA,EAAmBuB,eAAe;YAC/CK,aAAaT,oCAAAA;YACbU,cAAc;gBACZC,SAASL,UAAUM,IAAI;gBACvBC,QAAQ;gBACRC,eAAe;YACjB;QACF;IACF;AACF,EAAE;AAQK,6BAA6B,CAClCX;IAEA,MAAMY,gBAAYjB,mBAAAA;IAClB,MAAM,EACJkB,aAAa,GAAG,EAChBC,SAAS,KAAK,EACdC,gBAAgB,KAAK,EACrBC,WAAW,KAAK,EAChBC,gBAAgB,KAAK,EACrBC,gBAAgB,KAAK,EACrBC,qBAAqB,KAAK,EAC1BC,cAAcR,SAAS,EACvBS,oBAAoB,EACpBC,YAAY,IAAI,EAChBC,QAAQ,EACT,GAAGvB;IAEJ,MAAM,EAAEwB,cAAc,EAAE,OAAGnC,uCAAAA;IAC3B,MAAMoC,gBAAY7C,qBAAAA,EAAM;IACxB,MAAM,CAAC8C,eAAeC,iBAAiB,OAAGrD,2CAAAA;IAE1C,MAAMsD,0BAAsBvD,6CAAAA,EAA4B2B,MAAM6B,WAAW;IACzE,MAAMC,wBAAoBrD,8CAAAA,EAA6B;QACrD+C;QACAO,kBAAkBH,oBAAoBG,gBAAgB;IACxD;IAEA,MAAMC,qBAAqB;QACzBC,UAAUrB,YAAY,UAAU;QAChCsB,OAAOtB,YAAY,QAAQ;QAC3BuB,QAAQnC,MAAMkB,aAAa,GAAGQ,gBAAgBU;QAC9CC,mBAAmBzB,YAAYd,2BAA2BsC;QAC1D,GAAGR,mBAAmB;QACtBG,kBAAkBD;IACpB;IAEA,MAAMQ,WAAWlE,OAAMmE,QAAQ,CAACC,OAAO,CAACxC,MAAMsC,QAAQ;IAEtD,IAAIG,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,IAAIL,SAASM,MAAM,KAAK,GAAG;YACzB,sCAAsC;YACtCC,QAAQC,IAAI,CAAC;QACf;QAEA,IAAIR,SAASM,MAAM,GAAG,GAAG;YACvB,sCAAsC;YACtCC,QAAQC,IAAI,CAAC;QACf;IACF;IAEA,IAAIC,cAA8CX;IAClD,IAAIY,cAA8CZ;IAClD,IAAIE,SAASM,MAAM,KAAK,GAAG;QACzBG,cAAcT,QAAQ,CAAC,EAAE;QACzBU,cAAcV,QAAQ,CAAC,EAAE;IAC3B,OAAO,IAAIA,SAASM,MAAM,KAAK,GAAG;QAChCI,cAAcV,QAAQ,CAAC,EAAE;IAC3B;IAEA,MAAM,EAAEW,SAAS,EAAEC,YAAY,EAAE,OAAG3E,gCAAAA,EAAeyD;IAEnD,MAAMmB,iBAAiB5B,YAAYH;IACnC,MAAMgC,wBAAwBhF,OAAMiF,MAAM,CAAC;QACzCC,UAAU;QACVC,kBAAkB;YAAEC,GAAG;YAAGC,GAAG;QAAE;IACjC;IAEA,MAAMC,qBAAiBlF,iCAAAA,EAAgB;QACrCmF,UAAU,CAACR;QACXS,SAAS,OAAOrC,aAAa,WAAWA,SAASqC,OAAO,GAAG;QAE3DC,iBAAiBC,CAAAA;YACfC,QAAQD,GAAG;gBAAErD,MAAM;gBAAMuD,UAAU;gBAAOC,MAAM;gBAA0BC,OAAOJ;YAAE;YACnFV,sBAAsBe,OAAO,CAACb,QAAQ,GAAG;QAC3C;QACAc,iBAAiB;YACfhB,sBAAsBe,OAAO,CAACb,QAAQ,GAAG;QAC3C;QACAe,gBAAgBP,CAAAA;YACdV,sBAAsBe,OAAO,CAACZ,gBAAgB,GAAG;gBAC/CC,GAAGM,EAAEQ,OAAO;gBACZb,GAAGK,EAAES,OAAO;YACd;QACF;QACAC,mBAAmB;YACjB,MAAMN,QAAQ,IAAIO,YAAYjF,kCAAAA;YAE9BuE,QAAQG,OAAO;gBAAEzD,MAAM;gBAAOuD,UAAU;gBAAOC,MAAM;gBAAuBC;YAAM;YAElF,IAAId,sBAAsBe,OAAO,CAACb,QAAQ,IAAI9B,gBAAgB;gBAC5D,MAAMkD,kBAAkBlD,eAAemD,iBAAiB,CACtDvB,sBAAsBe,OAAO,CAACZ,gBAAgB,CAACC,CAAC,EAChDJ,sBAAsBe,OAAO,CAACZ,gBAAgB,CAACE,CAAC;gBAElD,MAAMmB,aAAaF,gBAAgBG,IAAI,CAACC,CAAAA;oBACtC,OAAOA,GAAGC,SAAS,CAACC,QAAQ,CAACpF,2CAAAA,CAAmBqF,IAAI;gBACtD;gBAEAL,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAYM,aAAa,CAAChB;YAC5B;QACF;IACF;IAEA,MAAMiB,iBAAahG,6BAAAA,EAAc8D,WAAWS,eAAeT,SAAS;IACpE,MAAMmC,qBAAiBjG,6BAAAA,EAAc+D,cAAcQ,eAAeR,YAAY;IAE9E,oCAAoC;IACpC,MAAM,CAACzC,MAAMsD,QAAQ,GAAGsB,iBAAiB;QACvCxE;QACAD;QACAe;QACAV;QACAmE;QACAD;QACA1E,MAAMT,MAAMS,IAAI;QAChB6E,aAAatF,MAAMsF,WAAW;QAC9BC,cAAcvF,MAAMuF,YAAY;QAChCrE;IACF;IAEA,MAAM,CAACsE,eAAeC,qBAAqB,GAAGC,uBAAuB;QACnEF,eAAexF,MAAMwF,aAAa;QAClCnE;QACAoE,sBAAsBzF,MAAMyF,oBAAoB;IAClD;IAEA,OAAO;QACL3E;QACAD;QACAY;QACAb;QACAQ;QACAM;QACAC;QACAZ;QACAC;QACAC;QACA8B;QACAC;QACA1B;QACA6D;QACAC;QACAlE;QACAT;QACAsD;QACAyB;QACAC;QACAtE;QACAI,UAAUmC,eAAeiC,eAAe;IAC1C;AACF,EAAE;AAEF;;;CAGC,GACD,MAAMD,yBAAyB,CAC7B1F;IAEA,MAAM,CAACwF,eAAeI,iBAAiB,OAAGjH,oCAAAA,EAAqB;QAC7DkH,OAAO7F,MAAMwF,aAAa;QAC1BM,cAAc9F,MAAMqB,oBAAoB;QACxC0E,cAAc,CAAC;IACjB;IACA,MAAMN,2BAA0D3G,gCAAAA,EAAiB,CAACgF,GAAG,EAAEkC,IAAI,EAAEC,YAAY,EAAE;YACzGjG;SAAAA,8BAAAA,MAAMyF,oBAAAA,AAAoB,MAAA,QAA1BzF,gCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,4BAAAA,IAAAA,CAAAA,OAA6B8D,GAAG;YAAEkC;YAAMC;QAAa;QAErDL,iBAAiBM,CAAAA,eAAiB;gBAChC,GAAGA,YAAY;gBACf,CAACF,KAAK,EAAEC;aACV,CAAA;IACF;IAEA,OAAO;QAACT;QAAeC;KAAqB;AAC9C;AAEA,MAAMJ,mBAAmB,CACvBQ;IAYA,MAAM,EAAErE,cAAc,EAAE,OAAGnC,uCAAAA;IAC3B,MAAM8G,oBAAgB5G,oCAAAA,EAAwB6G,CAAAA,UAAWA,QAAQrC,OAAO;IACxE,MAAMwB,mBAA0CzG,gCAAAA,EAAiB,CAACgF,GAAGuC;YAASR;gBAAAA,sBAAAA,MAAMN,YAAAA,AAAY,MAAA,QAAlBM,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,IAAAA,CAAAA,OAAqB/B,GAAGuC;;IAEtG,MAAMC,qBAAqBlI,OAAMiF,MAAM,CAAC;IAExC,MAAM,CAAC5C,MAAM8F,aAAa,OAAG5H,oCAAAA,EAAqB;QAChDkH,OAAOA,MAAMpF,IAAI;QACjBqF,cAAcD,MAAMP,WAAW;QAC/BS,cAAc;IAChB;IAEA,MAAMS,iBAAa1H,gCAAAA,EAAiB,CAACgF,GAAkBuC;QACrD,MAAMnC,QAAQJ,aAAaW,eAAeX,EAAEG,IAAI,KAAKxE,uBAAAA,GAAmBqE,EAAE2C,MAAM,CAACC,WAAW,GAAG5C;QAC/FyB,iBAAAA,QAAAA,iBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,aAAerB,OAAO;YAAE,GAAGmC,IAAI;QAAC;QAChC,IAAIA,KAAK5F,IAAI,IAAIqD,EAAEG,IAAI,KAAK,eAAe;YACzC4B,MAAMlE,gBAAgB,CAACmC;QACzB;QAEA,IAAI,CAACuC,KAAK5F,IAAI,EAAE;YACdoF,MAAMlE,gBAAgB,CAACS;QACzB;QAEA,IAAIiE,KAAKM,MAAM,EAAE;YACfR,cAAcrC,GAAG;gBAAE,GAAGuC,IAAI;YAAC;QAC7B;QAEAE,aAAaF,KAAK5F,IAAI;IACxB;IAEA,MAAM,CAACmG,gBAAgBC,iBAAiB,OAAG5H,0BAAAA;IAE3C,MAAM8E,cAAUjF,gCAAAA,EAAiB,CAACgF,GAAkBuC;QAClDQ;QACA,IAAI,CAAE/C,CAAAA,aAAagD,KAAAA,CAAI,IAAMhD,EAAEiD,OAAO,EAAE;YACtC,gDAAgD;YAChDjD,EAAEiD,OAAO;QACX;QAEA,MAAMC,iBACJ,CAACX,KAAKY,gBAAgB,IACrBnD,CAAAA,EAAEG,IAAI,KAAK,gBAAgBH,EAAEG,IAAI,KAAK,eAAeH,EAAEG,IAAI,KAAK,eAAeH,EAAEG,IAAI,KAAKxE,uBAAAA,AAAe;QAE5G,IAAIuH,gBAAgB;gBACdnB;YAAJ,IAAA,CAAIA,4BAAAA,MAAMV,UAAU,CAAChB,OAAAA,AAAO,MAAA,QAAxB0B,8BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,0BAA0Bb,QAAQ,CAAClB,EAAE3B,MAAM,GAAkB;gBAC/DmE,mBAAmBnC,OAAO,GAAGL,EAAEG,IAAI,KAAK,eAAeH,EAAEG,IAAI,KAAK;YACpE;YAEA2C,eAAe,IAAMJ,WAAW1C,GAAGuC,OAAOR,MAAMhF,UAAU;QAC5D,OAAO;YACL2F,WAAW1C,GAAGuC;QAChB;IACF;QAEAxH,iCAAAA,EAAkB;QAChBmG,UAAUhG,+BAAAA;QACV2E,UAAU,CAAClD;QACXyG,SAAS1F;QACT2F,MAAM;YAACtB,MAAMT,cAAc;YAAE,CAACS,MAAM3E,aAAa,IAAI2E,MAAMV,UAAU;SAAC,CAACiC,MAAM,CAC3EC;QAGFC,UAAUpD,CAAAA,QAASH,QAAQG,OAAO;gBAAEzD,MAAM;gBAAOwD,MAAM;gBAAgBC;YAAM;IAC/E;IAEA,uEAAuE;IACvE,MAAMjD,gBAAgB4E,MAAM3E,aAAa,IAAI2E,MAAM5E,aAAa;QAChElC,kCAAAA,EAAmB;QACjBiG,UAAUhG,+BAAAA;QACVkI,SAAS1F;QACT8F,UAAUpD,CAAAA,QAASH,QAAQG,OAAO;gBAAEzD,MAAM;gBAAOwD,MAAM;gBAAiBC;YAAM;QAC9EiD,MAAM;YAACtB,MAAMT,cAAc;YAAE,CAACS,MAAM3E,aAAa,IAAI2E,MAAMV,UAAU;SAAC,CAACiC,MAAM,CAC3EC;QAGF1D,UAAU,CAAClD,QAAQ,CAACQ;IACtB;QAEAvB,0BAAAA,EAAoB;QAClBwH,SAAS1F;QACT8F,UAAUpD,CAAAA;YACR,wFAAwF;YACxF,2DAA2D;YAC3D,IAAI,CAACoC,mBAAmBnC,OAAO,EAAE;gBAC/BJ,QAAQG,OAAO;oBAAEzD,MAAM;oBAAOwD,MAAM;oBAAkBC;gBAAM;YAC9D;QACF;QACAP,UAAU,CAAClD;QACX0G,MAAM;YAACtB,MAAMT,cAAc;SAAC;IAC9B;IAEA,8BAA8B;IAC9B,MAAM,EAAEmC,kBAAkB,EAAE,OAAGjI,6BAAAA;IAC/B,MAAMkI,aAAapJ,OAAMqJ,WAAW,CAAC;QACnC,MAAMC,iBAAiBH,mBAAmB1B,MAAMT,cAAc,CAACjB,OAAO;QACtEuD,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBC,KAAK;IACvB,GAAG;QAACJ;QAAoB1B,MAAMT,cAAc;KAAC;IAE7C,MAAMwC,iBAAa1I,6BAAAA;IACnBd,OAAMyJ,SAAS,CAAC;QACd,IAAIpH,MAAM;YACR+G;QACF,OAAO;YACL,wEAAwE;YACxE,gDAAgD;YAChD,IAAI,CAACI,YAAY;oBAKb,AACA,oEAAoE,CADC;gBAErE,mEAAmE;gBACnE,+DAA+D;gBAC/D/B;oBAAuCrE;gBARzC,IACE,AACA,AACAA,yDADyD,YADY;iBAErEA,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBsG,aAAAA,AAAa,OAAKtG,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBuG,IAAAA,AAAI,KAAA,CAAA,CAKtDlC,gCAAAA,MAAMT,cAAc,CAACjB,OAAAA,AAAO,MAAA,QAA5B0B,kCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,8BAA8Bb,QAAQ,CAACxD,iCAAAA,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgBsG,aAAAA,AAAa,MAAA,QAA7BtG,kCAAAA,KAAAA,IAAAA,gCAAiC,KAAA,GACxE;wBACA,AACA,mEADmE,SACS;oBAC5E,6EAA6E;oBAC7E,0EAA0E;oBAC1E,yEAAyE;oBACzE,gFAAgF;oBAChFqE;qBAAAA,4BAAAA,MAAMV,UAAU,CAAChB,OAAAA,AAAO,MAAA,QAAxB0B,8BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,0BAA0B8B,KAAK;gBACjC;YACF;QACF;IACA,kDAAkD;IAClD,uDAAuD;IACzD,GAAG;QAAC9B,MAAMV,UAAU;QAAEU,MAAMjF,SAAS;QAAEH;QAAM+G;QAAYhG;QAAgBqE,MAAMT,cAAc;KAAC;IAE9F,OAAO;QAAC3E;QAAMsD;KAAQ;AACxB"}
+{"version":3,"sources":["../../../src/components/Menu/useMenu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  resolvePositioningShorthand,\n  usePositioningMouseTarget,\n  usePositioning,\n  useSafeZoneArea,\n  usePositioningSlideDirection,\n  type PositioningShorthandValue,\n} from '@fluentui/react-positioning';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\nimport {\n  useControllableState,\n  useId,\n  useOnClickOutside,\n  useEventCallback,\n  useOnScrollOutside,\n  elementContains,\n  useTimeout,\n  useFirstMount,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useFocusFinders } from '@fluentui/react-tabster';\n\nimport { useMenuContext_unstable } from '../../contexts/menuContext';\nimport { MENU_SAFEZONE_TIMEOUT_EVENT, MENU_ENTER_EVENT, useOnMenuMouseEnter, useIsSubmenu } from '../../utils';\nimport { menuItemClassNames } from '../MenuItem/useMenuItemStyles.styles';\nimport type {\n  MenuBaseProps,\n  MenuBaseState,\n  MenuOpenChangeData,\n  MenuOpenEvent,\n  MenuProps,\n  MenuState,\n} from './Menu.types';\nimport { MenuSurfaceMotion } from './MenuSurfaceMotion';\n\n// If it's not possible to position the submenu in smaller viewports, try\n// and fallback to this order of positions\nconst submenuFallbackPositions: PositioningShorthandValue[] = [\n  'after',\n  'after-bottom',\n  'before-top',\n  'before',\n  'before-bottom',\n  'above',\n];\n\n/**\n * Create the state required to render Menu.\n *\n * The returned state can be modified with hooks such as useMenuStyles,\n * before being passed to renderMenu_unstable.\n *\n * @param props - props from this instance of Menu\n */\nexport const useMenu_unstable = (props: MenuProps & { safeZone?: boolean | { timeout?: number } }): MenuState => {\n  const { surfaceMotion, ...baseProps } = props;\n  const baseState = useMenuBase_unstable(baseProps);\n\n  return {\n    ...baseState,\n    components: {\n      surfaceMotion: MenuSurfaceMotion,\n    },\n    surfaceMotion: presenceMotionSlot(surfaceMotion, {\n      elementType: MenuSurfaceMotion,\n      defaultProps: {\n        visible: baseState.open,\n        appear: true,\n        unmountOnExit: true,\n      },\n    }),\n  };\n};\n\n/**\n * Base hook for Menu component, produces state required to render the component.\n * It doesn't set any design-related slots specific to Menu such as `surfaceMotion`.\n *\n * @param props - props from this instance of Menu\n */\nexport const useMenuBase_unstable = (\n  props: MenuBaseProps & { safeZone?: boolean | { timeout?: number } },\n): MenuBaseState => {\n  const isSubmenu = useIsSubmenu();\n  const {\n    hoverDelay = 500,\n    inline = false,\n    hasCheckmarks = false,\n    hasIcons = false,\n    closeOnScroll = false,\n    openOnContext = false,\n    persistOnItemClick = false,\n    openOnHover = isSubmenu,\n    defaultCheckedValues,\n    mountNode = null,\n    safeZone,\n  } = props;\n\n  const { targetDocument } = useFluent();\n  const triggerId = useId('menu');\n  const [contextTarget, setContextTarget] = usePositioningMouseTarget();\n\n  const resolvedPositioning = resolvePositioningShorthand(props.positioning);\n  const handlePositionEnd = usePositioningSlideDirection({\n    targetDocument,\n    onPositioningEnd: resolvedPositioning.onPositioningEnd,\n  });\n\n  const positioningOptions = {\n    position: isSubmenu ? 'after' : 'below',\n    align: isSubmenu ? 'top' : 'start',\n    target: props.openOnContext ? contextTarget : undefined,\n    fallbackPositions: isSubmenu ? submenuFallbackPositions : undefined,\n    ...resolvedPositioning,\n    onPositioningEnd: handlePositionEnd,\n  } as const;\n\n  const children = React.Children.toArray(props.children) as React.ReactElement[];\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (children.length === 0) {\n      // eslint-disable-next-line no-console\n      console.warn('Menu must contain at least one child');\n    }\n\n    if (children.length > 2) {\n      // eslint-disable-next-line no-console\n      console.warn('Menu must contain at most two children');\n    }\n  }\n\n  let menuTrigger: React.ReactElement | undefined = undefined;\n  let menuPopover: React.ReactElement | undefined = undefined;\n  if (children.length === 2) {\n    menuTrigger = children[0];\n    menuPopover = children[1];\n  } else if (children.length === 1) {\n    menuPopover = children[0];\n  }\n\n  const { targetRef, containerRef } = usePositioning(positioningOptions);\n\n  const enableSafeZone = safeZone && openOnHover;\n  const safeZoneDescriptorRef = React.useRef({\n    isInside: false,\n    mouseCoordinates: { x: 0, y: 0 },\n  });\n\n  const safeZoneHandle = useSafeZoneArea({\n    disabled: !enableSafeZone,\n    timeout: typeof safeZone === 'object' ? safeZone.timeout : 300,\n\n    onSafeZoneEnter: e => {\n      setOpen(e, { open: true, keyboard: false, type: 'menuSafeZoneMouseEnter', event: e });\n      safeZoneDescriptorRef.current.isInside = true;\n    },\n    onSafeZoneLeave: () => {\n      safeZoneDescriptorRef.current.isInside = false;\n    },\n    onSafeZoneMove: e => {\n      safeZoneDescriptorRef.current.mouseCoordinates = {\n        x: e.clientX,\n        y: e.clientY,\n      };\n    },\n    onSafeZoneTimeout: () => {\n      const event = new CustomEvent(MENU_SAFEZONE_TIMEOUT_EVENT);\n\n      setOpen(event, { open: false, keyboard: false, type: 'menuSafeZoneTimeout', event });\n\n      if (safeZoneDescriptorRef.current.isInside && targetDocument) {\n        const elementsInPoint = targetDocument.elementsFromPoint(\n          safeZoneDescriptorRef.current.mouseCoordinates.x,\n          safeZoneDescriptorRef.current.mouseCoordinates.y,\n        );\n        const menuItemEl = elementsInPoint.find(el => {\n          return el.classList.contains(menuItemClassNames.root);\n        }) as HTMLElement | null;\n\n        menuItemEl?.dispatchEvent(event);\n      }\n    },\n  });\n\n  const triggerRef = useMergedRefs(targetRef, safeZoneHandle.targetRef);\n  const menuPopoverRef = useMergedRefs(containerRef, safeZoneHandle.containerRef);\n\n  // TODO Better way to narrow types ?\n  const [open, setOpen] = useMenuOpenState({\n    hoverDelay,\n    isSubmenu,\n    setContextTarget,\n    closeOnScroll,\n    menuPopoverRef,\n    triggerRef,\n    open: props.open,\n    defaultOpen: props.defaultOpen,\n    onOpenChange: props.onOpenChange,\n    openOnContext,\n  });\n\n  const [checkedValues, onCheckedValueChange] = useMenuSelectableState({\n    checkedValues: props.checkedValues,\n    defaultCheckedValues,\n    onCheckedValueChange: props.onCheckedValueChange,\n  });\n\n  return {\n    inline,\n    hoverDelay,\n    triggerId,\n    isSubmenu,\n    openOnHover,\n    contextTarget,\n    setContextTarget,\n    hasCheckmarks,\n    hasIcons,\n    closeOnScroll,\n    menuTrigger,\n    menuPopover,\n    mountNode,\n    triggerRef,\n    menuPopoverRef,\n    openOnContext,\n    open,\n    setOpen,\n    checkedValues,\n    onCheckedValueChange,\n    persistOnItemClick,\n    safeZone: safeZoneHandle.elementToRender,\n  };\n};\n\n/**\n * Adds appropriate state values and handlers for selectable items\n * i.e checkboxes and radios\n */\nconst useMenuSelectableState = (\n  props: Pick<MenuProps, 'checkedValues' | 'defaultCheckedValues' | 'onCheckedValueChange'>,\n) => {\n  const [checkedValues, setCheckedValues] = useControllableState({\n    state: props.checkedValues,\n    defaultState: props.defaultCheckedValues,\n    initialState: {},\n  });\n  const onCheckedValueChange: MenuState['onCheckedValueChange'] = useEventCallback((e, { name, checkedItems }) => {\n    props.onCheckedValueChange?.(e, { name, checkedItems });\n\n    setCheckedValues(currentValue => ({\n      ...currentValue,\n      [name]: checkedItems,\n    }));\n  });\n\n  return [checkedValues, onCheckedValueChange] as const;\n};\n\nconst useMenuOpenState = (\n  state: Pick<\n    MenuState,\n    | 'isSubmenu'\n    | 'menuPopoverRef'\n    | 'setContextTarget'\n    | 'triggerRef'\n    | 'openOnContext'\n    | 'closeOnScroll'\n    | 'hoverDelay'\n  > &\n    Pick<MenuProps, 'open' | 'defaultOpen' | 'onOpenChange'>,\n) => {\n  const { targetDocument } = useFluent();\n  const parentSetOpen = useMenuContext_unstable(context => context.setOpen);\n  const onOpenChange: MenuProps['onOpenChange'] = useEventCallback((e, data) => state.onOpenChange?.(e, data));\n\n  const enteringTriggerRef = React.useRef(false);\n\n  const [open, setOpenState] = useControllableState({\n    state: state.open,\n    defaultState: state.defaultOpen,\n    initialState: false,\n  });\n\n  const trySetOpen = useEventCallback((e: MenuOpenEvent, data: MenuOpenChangeData) => {\n    const event = e instanceof CustomEvent && e.type === MENU_ENTER_EVENT ? e.detail.nativeEvent : e;\n    onOpenChange?.(event, { ...data });\n    if (data.open && e.type === 'contextmenu') {\n      state.setContextTarget(e as React.MouseEvent);\n    }\n\n    if (!data.open) {\n      state.setContextTarget(undefined);\n    }\n\n    if (data.bubble) {\n      parentSetOpen(e, { ...data });\n    }\n\n    setOpenState(data.open);\n  });\n\n  const [setOpenTimeout, clearOpenTimeout] = useTimeout();\n\n  const setOpen = useEventCallback((e: MenuOpenEvent, data: MenuOpenChangeData & { ignoreHoverDelay?: boolean }) => {\n    clearOpenTimeout();\n    if (!(e instanceof Event) && e.persist) {\n      // < React 17 still uses pooled synthetic events\n      e.persist();\n    }\n\n    const shouldUseDelay =\n      !data.ignoreHoverDelay &&\n      (e.type === 'mouseleave' || e.type === 'mouseover' || e.type === 'mousemove' || e.type === MENU_ENTER_EVENT);\n\n    if (shouldUseDelay) {\n      if (state.triggerRef.current?.contains(e.target as HTMLElement)) {\n        enteringTriggerRef.current = e.type === 'mouseover' || e.type === 'mousemove';\n      }\n\n      setOpenTimeout(() => trySetOpen(e, data), state.hoverDelay);\n    } else {\n      trySetOpen(e, data);\n    }\n  });\n\n  useOnClickOutside({\n    contains: elementContains,\n    disabled: !open,\n    element: targetDocument,\n    refs: [state.menuPopoverRef, !state.openOnContext && state.triggerRef].filter(\n      Boolean,\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ) as React.MutableRefObject<HTMLElement | null>[],\n    callback: event => setOpen(event, { open: false, type: 'clickOutside', event }),\n  });\n\n  // only close on scroll for context, or when closeOnScroll is specified\n  const closeOnScroll = state.openOnContext || state.closeOnScroll;\n  useOnScrollOutside({\n    contains: elementContains,\n    element: targetDocument,\n    callback: event => setOpen(event, { open: false, type: 'scrollOutside', event }),\n    refs: [state.menuPopoverRef, !state.openOnContext && state.triggerRef].filter(\n      Boolean,\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ) as React.MutableRefObject<HTMLElement | null>[],\n    disabled: !open || !closeOnScroll,\n  });\n\n  useOnMenuMouseEnter({\n    element: targetDocument,\n    callback: event => {\n      // When moving from a menu directly back to its trigger, this handler can close the menu\n      // Explicitly check a flag to see if this situation happens\n      if (!enteringTriggerRef.current) {\n        setOpen(event, { open: false, type: 'menuMouseEnter', event });\n      }\n    },\n    disabled: !open,\n    refs: [state.menuPopoverRef],\n  });\n\n  // Manage focus for open state\n  const { findFirstFocusable } = useFocusFinders();\n  const focusFirst = React.useCallback(() => {\n    const firstFocusable = findFirstFocusable(state.menuPopoverRef.current);\n    firstFocusable?.focus();\n  }, [findFirstFocusable, state.menuPopoverRef]);\n\n  const firstMount = useFirstMount();\n  React.useEffect(() => {\n    if (open) {\n      focusFirst();\n    } else {\n      // Skip the initial render — focus should only be restored when the menu\n      // transitions from open → closed, not on mount.\n      if (!firstMount) {\n        if (\n          // Focus landed on <body> after the popover was removed from the DOM,\n          // meaning the user's focus has nowhere meaningful to go.\n          targetDocument?.activeElement === targetDocument?.body ||\n          // The surfaceMotion presence component delays unmounting the popover\n          // (e.g. during an exit animation), so focus may still be inside the\n          // popover even though `open` is already false. Proactively move it\n          // to the trigger before the DOM element is eventually removed.\n          state.menuPopoverRef.current?.contains(targetDocument?.activeElement ?? null)\n        ) {\n          // We know that React effects are sync so we focus the trigger here\n          // after any event handler (event handlers will update state and re-render).\n          // Since the browser only performs the default behaviour for the Tab key once\n          // keyboard events have fully bubbled up the window, the browser will move\n          // focus to the next tabbable element before/after the trigger if needed.\n          // If the Tab key was not pressed, focus will remain on the trigger as expected.\n          state.triggerRef.current?.focus();\n        }\n      }\n    }\n    // firstMount change should not re-run this effect\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.triggerRef, state.isSubmenu, open, focusFirst, targetDocument, state.menuPopoverRef]);\n\n  return [open, setOpen] as const;\n};\n"],"names":["React","resolvePositioningShorthand","usePositioningMouseTarget","usePositioning","useSafeZoneArea","usePositioningSlideDirection","presenceMotionSlot","useControllableState","useId","useOnClickOutside","useEventCallback","useOnScrollOutside","elementContains","useTimeout","useFirstMount","useMergedRefs","useFluent_unstable","useFluent","useFocusFinders","useMenuContext_unstable","MENU_SAFEZONE_TIMEOUT_EVENT","MENU_ENTER_EVENT","useOnMenuMouseEnter","useIsSubmenu","menuItemClassNames","MenuSurfaceMotion","submenuFallbackPositions","useMenu_unstable","props","surfaceMotion","baseProps","baseState","useMenuBase_unstable","components","elementType","defaultProps","visible","open","appear","unmountOnExit","isSubmenu","hoverDelay","inline","hasCheckmarks","hasIcons","closeOnScroll","openOnContext","persistOnItemClick","openOnHover","defaultCheckedValues","mountNode","safeZone","targetDocument","triggerId","contextTarget","setContextTarget","resolvedPositioning","positioning","handlePositionEnd","onPositioningEnd","positioningOptions","position","align","target","undefined","fallbackPositions","children","Children","toArray","process","env","NODE_ENV","length","console","warn","menuTrigger","menuPopover","targetRef","containerRef","enableSafeZone","safeZoneDescriptorRef","useRef","isInside","mouseCoordinates","x","y","safeZoneHandle","disabled","timeout","onSafeZoneEnter","e","setOpen","keyboard","type","event","current","onSafeZoneLeave","onSafeZoneMove","clientX","clientY","onSafeZoneTimeout","CustomEvent","elementsInPoint","elementsFromPoint","menuItemEl","find","el","classList","contains","root","dispatchEvent","triggerRef","menuPopoverRef","useMenuOpenState","defaultOpen","onOpenChange","checkedValues","onCheckedValueChange","useMenuSelectableState","elementToRender","setCheckedValues","state","defaultState","initialState","name","checkedItems","currentValue","parentSetOpen","context","data","enteringTriggerRef","setOpenState","trySetOpen","detail","nativeEvent","bubble","setOpenTimeout","clearOpenTimeout","Event","persist","shouldUseDelay","ignoreHoverDelay","element","refs","filter","Boolean","callback","findFirstFocusable","focusFirst","useCallback","firstFocusable","focus","firstMount","useEffect","activeElement","body"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Menu/useMenuContextValues.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { MenuContextValues, MenuState } from './Menu.types';\n\nexport function useMenuContextValues_unstable(state: MenuState): MenuContextValues {\n  const {\n    checkedValues,\n    hasCheckmarks,\n    hasIcons,\n    inline,\n    isSubmenu,\n    menuPopoverRef,\n    mountNode,\n    onCheckedValueChange,\n    open,\n    openOnContext,\n    openOnHover,\n    persistOnItemClick,\n    safeZone,\n    setOpen,\n    triggerId,\n    triggerRef,\n  } = state;\n\n  const menu = React.useMemo(\n    () => ({\n      checkedValues,\n      hasCheckmarks,\n      hasIcons,\n      inline,\n      isSubmenu,\n      menuPopoverRef,\n      mountNode,\n      onCheckedValueChange,\n      open,\n      openOnContext,\n      openOnHover,\n      persistOnItemClick,\n      safeZone,\n      setOpen,\n      triggerId,\n      triggerRef,\n    }),\n    [\n      checkedValues,\n      hasCheckmarks,\n      hasIcons,\n      inline,\n      isSubmenu,\n      menuPopoverRef,\n      mountNode,\n      onCheckedValueChange,\n      open,\n      openOnContext,\n      openOnHover,\n      persistOnItemClick,\n      safeZone,\n      setOpen,\n      triggerId,\n      triggerRef,\n    ],\n  );\n\n  return { menu };\n}\n"],"names":["React","useMenuContextValues_unstable","state","checkedValues","hasCheckmarks","hasIcons","inline","isSubmenu","menuPopoverRef","mountNode","onCheckedValueChange","open","openOnContext","openOnHover","persistOnItemClick","safeZone","setOpen","triggerId","triggerRef","menu","useMemo"],"mappings":"AAAA;;;;;+BAKgBC;;;;;;;iEAHO,QAAQ;AAGxB,uCAAuCC,KAAgB;IAC5D,MAAM,EACJC,aAAa,EACbC,aAAa,EACbC,QAAQ,EACRC,MAAM,EACNC,SAAS,EACTC,cAAc,EACdC,SAAS,EACTC,oBAAoB,EACpBC,IAAI,EACJC,aAAa,EACbC,WAAW,EACXC,kBAAkB,EAClBC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,UAAU,EACX,GAAGhB;IAEJ,MAAMiB,OAAOnB,OAAMoB,OAAO,CACxB,IAAO,CAAA;YACLjB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QACEf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;KACD;IAGH,OAAO;QAAEC;IAAK;AAChB"}
+{"version":3,"sources":["../../../src/components/Menu/useMenuContextValues.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { MenuContextValues, MenuState } from './Menu.types';\n\nexport function useMenuContextValues_unstable(state: MenuState): MenuContextValues {\n  const {\n    checkedValues,\n    hasCheckmarks,\n    hasIcons,\n    inline,\n    isSubmenu,\n    menuPopoverRef,\n    mountNode,\n    onCheckedValueChange,\n    open,\n    openOnContext,\n    openOnHover,\n    persistOnItemClick,\n    safeZone,\n    setOpen,\n    triggerId,\n    triggerRef,\n  } = state;\n\n  const menu = React.useMemo(\n    () => ({\n      checkedValues,\n      hasCheckmarks,\n      hasIcons,\n      inline,\n      isSubmenu,\n      menuPopoverRef,\n      mountNode,\n      onCheckedValueChange,\n      open,\n      openOnContext,\n      openOnHover,\n      persistOnItemClick,\n      safeZone,\n      setOpen,\n      triggerId,\n      triggerRef,\n    }),\n    [\n      checkedValues,\n      hasCheckmarks,\n      hasIcons,\n      inline,\n      isSubmenu,\n      menuPopoverRef,\n      mountNode,\n      onCheckedValueChange,\n      open,\n      openOnContext,\n      openOnHover,\n      persistOnItemClick,\n      safeZone,\n      setOpen,\n      triggerId,\n      triggerRef,\n    ],\n  );\n\n  return { menu };\n}\n"],"names":["React","useMenuContextValues_unstable","state","checkedValues","hasCheckmarks","hasIcons","inline","isSubmenu","menuPopoverRef","mountNode","onCheckedValueChange","open","openOnContext","openOnHover","persistOnItemClick","safeZone","setOpen","triggerId","triggerRef","menu","useMemo"],"mappings":"AAAA;;;;;+BAKgBC;;;;;;;iEAHO,QAAQ;AAGxB,uCAAuCC,KAAgB;IAC5D,MAAM,EACJC,aAAa,EACbC,aAAa,EACbC,QAAQ,EACRC,MAAM,EACNC,SAAS,EACTC,cAAc,EACdC,SAAS,EACTC,oBAAoB,EACpBC,IAAI,EACJC,aAAa,EACbC,WAAW,EACXC,kBAAkB,EAClBC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,UAAU,EACX,GAAGhB;IAEJ,MAAMiB,OAAOnB,OAAMoB,OAAO,CACxB,IAAO,CAAA;YACLjB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QACEf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;KACD;IAGH,OAAO;QAAEC;IAAK;AAChB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuDivider_unstable } from './useMenuDivider';\nimport { useMenuDividerStyles_unstable } from './useMenuDividerStyles.styles';\nimport { renderMenuDivider_unstable } from './renderMenuDivider';\nimport type { MenuDividerProps } from './MenuDivider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled MenuDivider, using the `useMenuDivider_unstable` hook.\n */\nexport const MenuDivider: ForwardRefComponent<MenuDividerProps> = React.forwardRef((props, ref) => {\n  const state = useMenuDivider_unstable(props, ref);\n\n  useMenuDividerStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useMenuDividerStyles_unstable')(state);\n\n  return renderMenuDivider_unstable(state);\n});\n\nMenuDivider.displayName = 'MenuDivider';\n"],"names":["React","useMenuDivider_unstable","useMenuDividerStyles_unstable","renderMenuDivider_unstable","useCustomStyleHook_unstable","MenuDivider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCACS,sBAAmB;4CACb,mCAAgC;mCACnC,yBAAsB;qCAGrB,kCAAkC;AAKvE,MAAMK,cAAAA,WAAAA,GAAqDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,YAAQR,uCAAAA,EAAwBM,OAAOC;QAE7CN,yDAAAA,EAA8BO;QAE9BL,gDAAAA,EAA4B,iCAAiCK;IAE7D,WAAON,6CAAAA,EAA2BM;AACpC,GAAG;AAEHJ,YAAYK,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuDivider_unstable } from './useMenuDivider';\nimport { useMenuDividerStyles_unstable } from './useMenuDividerStyles.styles';\nimport { renderMenuDivider_unstable } from './renderMenuDivider';\nimport type { MenuDividerProps } from './MenuDivider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled MenuDivider, using the `useMenuDivider_unstable` hook.\n */\nexport const MenuDivider: ForwardRefComponent<MenuDividerProps> = React.forwardRef((props, ref) => {\n  const state = useMenuDivider_unstable(props, ref);\n\n  useMenuDividerStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useMenuDividerStyles_unstable')(state);\n\n  return renderMenuDivider_unstable(state);\n});\n\nMenuDivider.displayName = 'MenuDivider';\n"],"names":["React","useMenuDivider_unstable","useMenuDividerStyles_unstable","renderMenuDivider_unstable","useCustomStyleHook_unstable","MenuDivider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCACS,sBAAmB;4CACb,mCAAgC;mCACnC,yBAAsB;qCAGrB,kCAAkC;AAKvE,MAAMK,cAAAA,WAAAA,GAAqDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,YAAQR,uCAAAA,EAAwBM,OAAOC;QAE7CN,yDAAAA,EAA8BO;QAE9BL,gDAAAA,EAA4B,iCAAiCK;IAE7D,WAAON,6CAAAA,EAA2BM;AACpC,GAAG;AAEHJ,YAAYK,WAAW,GAAG"}

package/lib-commonjs/components/MenuDivider/MenuDivider.module.css

@@ -0,0 +1,8 @@
+@layer fluentui {
+  .root {
+    margin-block: var(--spacingVerticalXS);
+    margin-inline: calc(0px - var(--spacingHorizontalXS) - var(--strokeWidthThin));
+    width: auto;
+    border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke2);
+  }
+}

package/lib-commonjs/components/MenuDivider/MenuDivider.types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuDivider/MenuDivider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MenuDividerSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuDividerProps = ComponentProps<MenuDividerSlots>;\n\nexport type MenuDividerState = ComponentState<MenuDividerSlots>;\n"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../src/components/MenuDivider/MenuDivider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MenuDividerSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuDividerProps = ComponentProps<MenuDividerSlots>;\n\nexport type MenuDividerState = ComponentState<MenuDividerSlots>;\n"],"names":[],"mappings":""}

package/lib-commonjs/components/MenuDivider/index.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 _MenuDivider.MenuDivider;
     },
-    menuDividerClassNames: function() {
+    get menuDividerClassNames () {
         return _useMenuDividerStylesstyles.menuDividerClassNames;
     },
-    renderMenuDivider_unstable: function() {
+    get renderMenuDivider_unstable () {
         return _renderMenuDivider.renderMenuDivider_unstable;
     },
-    useMenuDividerStyles_unstable: function() {
+    get useMenuDividerStyles_unstable () {
         return _useMenuDividerStylesstyles.useMenuDividerStyles_unstable;
     },
-    useMenuDivider_unstable: function() {
+    get useMenuDivider_unstable () {
         return _useMenuDivider.useMenuDivider_unstable;
     }
 });

package/lib-commonjs/components/MenuDivider/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuDivider/index.ts"],"sourcesContent":["export type { MenuDividerProps, MenuDividerSlots, MenuDividerState } from './MenuDivider.types';\nexport { MenuDivider } from './MenuDivider';\nexport { renderMenuDivider_unstable } from './renderMenuDivider';\nexport { useMenuDivider_unstable } from './useMenuDivider';\nexport { menuDividerClassNames, useMenuDividerStyles_unstable } from './useMenuDividerStyles.styles';\n"],"names":["MenuDivider","renderMenuDivider_unstable","useMenuDivider_unstable","menuDividerClassNames","useMenuDividerStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,wBAAW;;;eAGXG,iDAAqB;;;eAFrBF,6CAA0B;;;eAEHG,yDAA6B;;;eADpDF,uCAAuB;;;6BAFJ,mBAAgB;mCACD,yBAAsB;gCACzB,sBAAmB;4CACU,mCAAgC"}
+{"version":3,"sources":["../../../src/components/MenuDivider/index.ts"],"sourcesContent":["export type { MenuDividerProps, MenuDividerSlots, MenuDividerState } from './MenuDivider.types';\nexport { MenuDivider } from './MenuDivider';\nexport { renderMenuDivider_unstable } from './renderMenuDivider';\nexport { useMenuDivider_unstable } from './useMenuDivider';\nexport { menuDividerClassNames, useMenuDividerStyles_unstable } from './useMenuDividerStyles.styles';\n"],"names":["MenuDivider","renderMenuDivider_unstable","useMenuDivider_unstable","menuDividerClassNames","useMenuDividerStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,wBAAW;;;eAGXG,iDAAqB;;;eAFrBF,6CAA0B;;;eAEHG,yDAA6B;;;eADpDF,uCAAuB;;;6BAFJ,mBAAgB;mCACD,yBAAsB;gCACzB,sBAAmB;4CACU,mCAAgC"}

package/lib-commonjs/components/MenuDivider/renderMenuDivider.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuDivider/renderMenuDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { MenuDividerSlots, MenuDividerState } from './MenuDivider.types';\n\n/**\n * Redefine the render function to add slots. Reuse the menudivider structure but add\n * slots to children.\n */\nexport const renderMenuDivider_unstable = (state: MenuDividerState): JSXElement => {\n  assertSlots<MenuDividerSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderMenuDivider_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCACrB,4BAA4B;AAQjD,MAAMC,6BAA6B,CAACC;QACzCF,2BAAAA,EAA8BE;IAE9B,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}
+{"version":3,"sources":["../../../src/components/MenuDivider/renderMenuDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { MenuDividerSlots, MenuDividerState } from './MenuDivider.types';\n\n/**\n * Redefine the render function to add slots. Reuse the menudivider structure but add\n * slots to children.\n */\nexport const renderMenuDivider_unstable = (state: MenuDividerState): JSXElement => {\n  assertSlots<MenuDividerSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderMenuDivider_unstable","state","root"],"mappings":";;;;;;;;;;;gCACA,gDAAiD,GACjD,SAASA,WAAW,QAAQ,4BAA4B;AAQjD,MAAMC,6BAA6B,CAACC;QACzCF,2BAAAA,EAA8BE;IAE9B,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

package/lib-commonjs/components/MenuDivider/useMenuDivider.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuDivider/useMenuDivider.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type * as React from 'react';\nimport type { MenuDividerProps, MenuDividerState } from './MenuDivider.types';\n\n/**\n * Given user props, returns state and render function for a MenuDivider.\n */\nexport const useMenuDivider_unstable = (props: MenuDividerProps, ref: React.Ref<HTMLElement>): MenuDividerState => {\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        role: 'presentation',\n        'aria-hidden': true,\n        ...props,\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useMenuDivider_unstable","props","ref","components","root","always","role","elementType"],"mappings":";;;;+BAOaE;;;;;;gCAPkC,4BAA4B;AAOpE,gCAAgC,CAACC,OAAyBC;IAC/D,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAML,oBAAAA,CAAKM,MAAM,KACfP,wCAAAA,EAAyB,OAAO;YAC9BQ,MAAM;YACN,eAAe;YACf,GAAGL,KAAK;YACR,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FC,KAAKA;QACP,IACA;YAAEK,aAAa;QAAM;IAEzB;AACF,EAAE"}
+{"version":3,"sources":["../../../src/components/MenuDivider/useMenuDivider.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type * as React from 'react';\nimport type { MenuDividerProps, MenuDividerState } from './MenuDivider.types';\n\n/**\n * Given user props, returns state and render function for a MenuDivider.\n */\nexport const useMenuDivider_unstable = (props: MenuDividerProps, ref: React.Ref<HTMLElement>): MenuDividerState => {\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        role: 'presentation',\n        'aria-hidden': true,\n        ...props,\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useMenuDivider_unstable","props","ref","components","root","always","role","elementType"],"mappings":";;;;+BAOaE;;;;;;gCAPkC,4BAA4B;AAOpE,gCAAgC,CAACC,OAAyBC;IAC/D,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAML,oBAAAA,CAAKM,MAAM,KACfP,wCAAAA,EAAyB,OAAO;YAC9BQ,MAAM;YACN,eAAe;YACf,GAAGL,KAAK;YACR,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FC,KAAKA;QACP,IACA;YAAEK,aAAa;QAAM;IAEzB;AACF,EAAE"}

package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.styles.cjs

@@ -6,14 +6,14 @@ 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, {
-    menuDividerClassNames: function() {
+    get menuDividerClassNames () {
         return menuDividerClassNames;
     },
-    useMenuDividerStyles_unstable: function() {
+    get useMenuDividerStyles_unstable () {
         return useMenuDividerStyles_unstable;
     }
 });

package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["useMenuDividerStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses, makeStyles } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const menuDividerClassNames = {\n    root: 'fui-MenuDivider'\n};\nconst useStyles = makeStyles({\n    root: {\n        margin: '4px -5px 4px -5px',\n        width: 'auto',\n        borderBottom: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`\n    }\n});\nexport const useMenuDividerStyles_unstable = (state)=>{\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(menuDividerClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["mergeClasses","__styles","tokens","menuDividerClassNames","root","useStyles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","a9b677","B9xav0g","oivjwe","Bn0qgzm","Bgfg5da","d","p","useMenuDividerStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,qBAAqB;;;iCAUQ;;;;uBAZD,gBAAgB;AAElD,8BAA8B;IACjCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAMjB,CAAC;AACK,MAAMC,iCAAiCC,KAAK,IAAG;IAClD,MAAMC,MAAM,GAAGf,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAc,KAAK,CAACf,IAAI,CAACiB,SAAS,OAAGrB,mBAAY,EAACG,qBAAqB,CAACC,IAAI,EAAEgB,MAAM,CAAChB,IAAI,EAAEe,KAAK,CAACf,IAAI,CAACiB,SAAS,CAAC;IAClG,OAAOF,KAAK;AAChB,CAAC"}
+{"version":3,"sources":["useMenuDividerStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses, makeStyles } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const menuDividerClassNames = {\n    root: 'fui-MenuDivider'\n};\nconst useStyles = makeStyles({\n    root: {\n        margin: '4px -5px 4px -5px',\n        width: 'auto',\n        borderBottom: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`\n    }\n});\nexport const useMenuDividerStyles_unstable = (state)=>{\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(menuDividerClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["mergeClasses","__styles","tokens","menuDividerClassNames","root","useStyles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","a9b677","B9xav0g","oivjwe","Bn0qgzm","Bgfg5da","d","p","useMenuDividerStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;QAGCG,qBAAqB;;;QAUrBe,6BAA6B;;;;uBAZD,gBAAgB;AAElD,8BAA8B;IACjCd,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAMjB,CAAC;AACK,uCAAuCE,KAAK,IAAG;IAClD,MAAMC,MAAM,GAAGf,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAc,KAAK,CAACf,IAAI,CAACiB,SAAS,OAAGrB,mBAAY,EAACG,qBAAqB,CAACC,IAAI,EAAEgB,MAAM,CAAChB,IAAI,EAAEe,KAAK,CAACf,IAAI,CAACiB,SAAS,CAAC;IAClG,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.styles.css.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get menuDividerClassNames () {
+        return menuDividerClassNames;
+    },
+    get useMenuDividerStyles_unstable () {
+        return useMenuDividerStyles_unstable;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _clsx = require("clsx");
+const _MenuDividermodulecss = /*#__PURE__*/ _interop_require_default._(require("./MenuDivider.module.css"));
+const menuDividerClassNames = {
+    root: 'fui-MenuDivider'
+};
+const useMenuDividerStyles_unstable = (state)=>{
+    state.root.className = (0, _clsx.clsx)(menuDividerClassNames.root, _MenuDividermodulecss.default.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.styles.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MenuDivider/useMenuDividerStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MenuDividerSlots, MenuDividerState } from './MenuDivider.types';\nimport styles from './MenuDivider.module.css';\n\nexport const menuDividerClassNames: SlotClassNames<MenuDividerSlots> = {\n  root: 'fui-MenuDivider',\n};\n\nexport const useMenuDividerStyles_unstable = (state: MenuDividerState): MenuDividerState => {\n  state.root.className = clsx(menuDividerClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","styles","menuDividerClassNames","root","useMenuDividerStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;+EAGT,2BAA2B;AAEvC,8BAAgE;IACrEC,MAAM;AACR,EAAE;AAEK,MAAMC,gCAAgC,CAACC;IAC5CA,MAAMF,IAAI,CAACG,SAAS,OAAGN,UAAAA,EAAKE,sBAAsBC,IAAI,EAAEF,6BAAAA,CAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IACzF,OAAOD;AACT,EAAE"}

package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.styles.raw.cjs

@@ -6,14 +6,14 @@ 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, {
-    menuDividerClassNames: function() {
+    get menuDividerClassNames () {
         return menuDividerClassNames;
     },
-    useMenuDividerStyles_unstable: function() {
+    get useMenuDividerStyles_unstable () {
         return useMenuDividerStyles_unstable;
     }
 });

package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.styles.raw.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuDivider/useMenuDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MenuDividerSlots, MenuDividerState } from './MenuDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const menuDividerClassNames: SlotClassNames<MenuDividerSlots> = {\n  root: 'fui-MenuDivider',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    margin: '4px -5px 4px -5px',\n    width: 'auto',\n    borderBottom: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  },\n});\n\nexport const useMenuDividerStyles_unstable = (state: MenuDividerState): MenuDividerState => {\n  const styles = useStyles();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(menuDividerClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["mergeClasses","makeStyles","tokens","menuDividerClassNames","root","useStyles","margin","width","borderBottom","strokeWidthThin","colorNeutralStroke2","useMenuDividerStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAOaG,qBAAAA;;;iCAYAQ;;;;uBAjB4B,iBAAiB;4BACnC,wBAAwB;AAIxC,8BAAgE;IACrEP,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM;QACJE,QAAQ;QACRC,OAAO;QACPC,cAAc,GAAGN,kBAAAA,CAAOO,eAAe,CAAC,OAAO,EAAEP,kBAAAA,CAAOQ,mBAAmB,EAAE;IAC/E;AACF;AAEO,MAAMC,gCAAgC,CAACC;IAC5C,MAAMC,SAASR;IACf,oDAAoD;IACpDO,MAAMR,IAAI,CAACU,SAAS,OAAGd,mBAAAA,EAAaG,sBAAsBC,IAAI,EAAES,OAAOT,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IAEjG,OAAOF;AACT,EAAE"}
+{"version":3,"sources":["../../../src/components/MenuDivider/useMenuDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { MenuDividerSlots, MenuDividerState } from './MenuDivider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const menuDividerClassNames: SlotClassNames<MenuDividerSlots> = {\n  root: 'fui-MenuDivider',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    margin: '4px -5px 4px -5px',\n    width: 'auto',\n    borderBottom: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  },\n});\n\nexport const useMenuDividerStyles_unstable = (state: MenuDividerState): MenuDividerState => {\n  const styles = useStyles();\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(menuDividerClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["mergeClasses","makeStyles","tokens","menuDividerClassNames","root","useStyles","margin","width","borderBottom","strokeWidthThin","colorNeutralStroke2","useMenuDividerStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;QAOaG;;;QAYAQ;;;;uBAjB4B,iBAAiB;4BACnC,wBAAwB;AAIxC,8BAAgE;IACrEP,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM;QACJE,QAAQ;QACRC,OAAO;QACPC,cAAc,GAAGN,kBAAAA,CAAOO,eAAe,CAAC,OAAO,EAAEP,kBAAAA,CAAOQ,mBAAmB,EAAE;IAC/E;AACF;AAEO,sCAAsC,CAACE;IAC5C,MAAMC,SAASR;IACf,oDAAoD;IACpDO,MAAMR,IAAI,CAACU,SAAS,OAAGd,mBAAAA,EAAaG,sBAAsBC,IAAI,EAAES,OAAOT,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IAEjG,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.styles.raw.css.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get menuDividerClassNames () {
+        return menuDividerClassNames;
+    },
+    get useMenuDividerStyles_unstable () {
+        return useMenuDividerStyles_unstable;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _clsx = require("clsx");
+const _MenuDividermodulecss = /*#__PURE__*/ _interop_require_default._(require("./MenuDivider.module.css"));
+const menuDividerClassNames = {
+    root: 'fui-MenuDivider'
+};
+const useMenuDividerStyles_unstable = (state)=>{
+    state.root.className = (0, _clsx.clsx)(menuDividerClassNames.root, _MenuDividermodulecss.default.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/MenuDivider/useMenuDividerStyles.styles.raw.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MenuDivider/useMenuDividerStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MenuDividerSlots, MenuDividerState } from './MenuDivider.types';\nimport styles from './MenuDivider.module.css';\n\nexport const menuDividerClassNames: SlotClassNames<MenuDividerSlots> = {\n  root: 'fui-MenuDivider',\n};\n\nexport const useMenuDividerStyles_unstable = (state: MenuDividerState): MenuDividerState => {\n  state.root.className = clsx(menuDividerClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["clsx","styles","menuDividerClassNames","root","useMenuDividerStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAKaE;;;;;;;;sBALQ,OAAO;+EAGT,2BAA2B;AAEvC,8BAAgE;IACrEC,MAAM;AACR,EAAE;AAEK,MAAMC,gCAAgC,CAACC;IAC5CA,MAAMF,IAAI,CAACG,SAAS,OAAGN,UAAAA,EAAKE,sBAAsBC,IAAI,EAAEF,6BAAAA,CAAOE,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IACzF,OAAOD;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuGroup/MenuGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGroup_unstable } from './useMenuGroup';\nimport { renderMenuGroup_unstable } from './renderMenuGroup';\nimport { useMenuGroupContextValues_unstable } from './useMenuGroupContextValues';\nimport type { MenuGroupProps } from './MenuGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGroupStyles_unstable } from './useMenuGroupStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled MenuGroup, using the `useMenuGroup_unstable` hook.\n */\nexport const MenuGroup: ForwardRefComponent<MenuGroupProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGroup_unstable(props, ref);\n  const contextValues = useMenuGroupContextValues_unstable(state);\n\n  useMenuGroupStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useMenuGroupStyles_unstable')(state);\n\n  return renderMenuGroup_unstable(state, contextValues);\n});\n\nMenuGroup.displayName = 'MenuGroup';\n"],"names":["React","useMenuGroup_unstable","renderMenuGroup_unstable","useMenuGroupContextValues_unstable","useMenuGroupStyles_unstable","useCustomStyleHook_unstable","MenuGroup","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACO,oBAAiB;iCACd,uBAAoB;2CACV,iCAA8B;0CAGrC,iCAA8B;qCAC9B,kCAAkC;AAKvE,MAAMM,YAAAA,WAAAA,GAAiDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,YAAQT,mCAAAA,EAAsBO,OAAOC;IAC3C,MAAME,oBAAgBR,6DAAAA,EAAmCO;QAEzDN,qDAAAA,EAA4BM;QAE5BL,gDAAAA,EAA4B,+BAA+BK;IAE3D,WAAOR,yCAAAA,EAAyBQ,OAAOC;AACzC,GAAG;AAEHL,UAAUM,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/MenuGroup/MenuGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGroup_unstable } from './useMenuGroup';\nimport { renderMenuGroup_unstable } from './renderMenuGroup';\nimport { useMenuGroupContextValues_unstable } from './useMenuGroupContextValues';\nimport type { MenuGroupProps } from './MenuGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGroupStyles_unstable } from './useMenuGroupStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled MenuGroup, using the `useMenuGroup_unstable` hook.\n */\nexport const MenuGroup: ForwardRefComponent<MenuGroupProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGroup_unstable(props, ref);\n  const contextValues = useMenuGroupContextValues_unstable(state);\n\n  useMenuGroupStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useMenuGroupStyles_unstable')(state);\n\n  return renderMenuGroup_unstable(state, contextValues);\n});\n\nMenuGroup.displayName = 'MenuGroup';\n"],"names":["React","useMenuGroup_unstable","renderMenuGroup_unstable","useMenuGroupContextValues_unstable","useMenuGroupStyles_unstable","useCustomStyleHook_unstable","MenuGroup","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACO,oBAAiB;iCACd,uBAAoB;2CACV,iCAA8B;0CAGrC,iCAA8B;qCAC9B,kCAAkC;AAKvE,MAAMM,YAAAA,WAAAA,GAAiDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,YAAQT,mCAAAA,EAAsBO,OAAOC;IAC3C,MAAME,oBAAgBR,6DAAAA,EAAmCO;QAEzDN,qDAAAA,EAA4BM;QAE5BL,gDAAAA,EAA4B,+BAA+BK;IAE3D,WAAOR,yCAAAA,EAAyBQ,OAAOC;AACzC,GAAG;AAEHL,UAAUM,WAAW,GAAG"}

package/lib-commonjs/components/MenuGroup/MenuGroup.types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuGroup/MenuGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MenuGroupContextValue } from '../../contexts/menuGroupContext';\n\nexport type MenuGroupSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuGroupProps = ComponentProps<MenuGroupSlots>;\n\nexport type MenuGroupState = ComponentState<MenuGroupSlots> & {\n  /**\n   * id applied to the DOM element of `MenuGroupHeader`\n   */\n  headerId: string;\n};\n\nexport type MenuGroupContextValues = {\n  menuGroup: MenuGroupContextValue;\n};\n"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../src/components/MenuGroup/MenuGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MenuGroupContextValue } from '../../contexts/menuGroupContext';\n\nexport type MenuGroupSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuGroupProps = ComponentProps<MenuGroupSlots>;\n\nexport type MenuGroupState = ComponentState<MenuGroupSlots> & {\n  /**\n   * id applied to the DOM element of `MenuGroupHeader`\n   */\n  headerId: string;\n};\n\nexport type MenuGroupContextValues = {\n  menuGroup: MenuGroupContextValue;\n};\n"],"names":[],"mappings":""}

package/lib-commonjs/components/MenuGroup/index.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 _MenuGroup.MenuGroup;
     },
-    menuGroupClassNames: function() {
+    get menuGroupClassNames () {
         return _useMenuGroupStylesstyles.menuGroupClassNames;
     },
-    renderMenuGroup_unstable: function() {
+    get renderMenuGroup_unstable () {
         return _renderMenuGroup.renderMenuGroup_unstable;
     },
-    useMenuGroupContextValues_unstable: function() {
+    get useMenuGroupContextValues_unstable () {
         return _useMenuGroupContextValues.useMenuGroupContextValues_unstable;
     },
-    useMenuGroupStyles_unstable: function() {
+    get useMenuGroupStyles_unstable () {
         return _useMenuGroupStylesstyles.useMenuGroupStyles_unstable;
     },
-    useMenuGroup_unstable: function() {
+    get useMenuGroup_unstable () {
         return _useMenuGroup.useMenuGroup_unstable;
     }
 });

package/lib-commonjs/components/MenuGroup/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuGroup/index.ts"],"sourcesContent":["export type { MenuGroupContextValues, MenuGroupProps, MenuGroupSlots, MenuGroupState } from './MenuGroup.types';\nexport { MenuGroup } from './MenuGroup';\nexport { renderMenuGroup_unstable } from './renderMenuGroup';\nexport { useMenuGroup_unstable } from './useMenuGroup';\nexport { useMenuGroupContextValues_unstable } from './useMenuGroupContextValues';\nexport { menuGroupClassNames, useMenuGroupStyles_unstable } from './useMenuGroupStyles.styles';\n"],"names":["MenuGroup","renderMenuGroup_unstable","useMenuGroup_unstable","useMenuGroupContextValues_unstable","menuGroupClassNames","useMenuGroupStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,oBAAS;;;eAITI,6CAAmB;;;eAHnBH,yCAAwB;;;eAExBE,6DAAkC;;;eACbE,qDAA2B;;;eAFhDH,mCAAqB;;;2BAFJ,iBAAc;iCACC,uBAAoB;8BACvB,oBAAiB;2CACJ,iCAA8B;0CAChB,iCAA8B"}
+{"version":3,"sources":["../../../src/components/MenuGroup/index.ts"],"sourcesContent":["export type { MenuGroupContextValues, MenuGroupProps, MenuGroupSlots, MenuGroupState } from './MenuGroup.types';\nexport { MenuGroup } from './MenuGroup';\nexport { renderMenuGroup_unstable } from './renderMenuGroup';\nexport { useMenuGroup_unstable } from './useMenuGroup';\nexport { useMenuGroupContextValues_unstable } from './useMenuGroupContextValues';\nexport { menuGroupClassNames, useMenuGroupStyles_unstable } from './useMenuGroupStyles.styles';\n"],"names":["MenuGroup","renderMenuGroup_unstable","useMenuGroup_unstable","useMenuGroupContextValues_unstable","menuGroupClassNames","useMenuGroupStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,oBAAS;;;eAITI,6CAAmB;;;eAHnBH,yCAAwB;;;eAExBE,6DAAkC;;;eACbE,qDAA2B;;;eAFhDH,mCAAqB;;;2BAFJ,iBAAc;iCACC,uBAAoB;8BACvB,oBAAiB;2CACJ,iCAA8B;0CAChB,iCAA8B"}

package/lib-commonjs/components/MenuGroup/renderMenuGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuGroup/renderMenuGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { MenuGroupContextValues, MenuGroupSlots, MenuGroupState } from './MenuGroup.types';\nimport { MenuGroupContextProvider } from '../../contexts/menuGroupContext';\n\n/**\n * Redefine the render function to add slots. Reuse the menugroup structure but add\n * slots to children.\n */\nexport const renderMenuGroup_unstable = (state: MenuGroupState, contextValues: MenuGroupContextValues): JSXElement => {\n  assertSlots<MenuGroupSlots>(state);\n\n  return (\n    <MenuGroupContextProvider value={contextValues.menuGroup}>\n      <state.root />\n    </MenuGroupContextProvider>\n  );\n};\n"],"names":["assertSlots","MenuGroupContextProvider","renderMenuGroup_unstable","state","contextValues","value","menuGroup","root"],"mappings":";;;;+BAWaE;;;;;;4BAVb,gDAAiD;gCACrB,4BAA4B;kCAGf,qCAAkC;AAMpE,iCAAiC,CAACC,OAAuBC;QAC9DJ,2BAAAA,EAA4BG;IAE5B,OAAA,WAAA,OACE,eAAA,EAACF,0CAAAA,EAAAA;QAAyBI,OAAOD,cAAcE,SAAS;kBACtD,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}
+{"version":3,"sources":["../../../src/components/MenuGroup/renderMenuGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { MenuGroupContextValues, MenuGroupSlots, MenuGroupState } from './MenuGroup.types';\nimport { MenuGroupContextProvider } from '../../contexts/menuGroupContext';\n\n/**\n * Redefine the render function to add slots. Reuse the menugroup structure but add\n * slots to children.\n */\nexport const renderMenuGroup_unstable = (state: MenuGroupState, contextValues: MenuGroupContextValues): JSXElement => {\n  assertSlots<MenuGroupSlots>(state);\n\n  return (\n    <MenuGroupContextProvider value={contextValues.menuGroup}>\n      <state.root />\n    </MenuGroupContextProvider>\n  );\n};\n"],"names":["assertSlots","MenuGroupContextProvider","renderMenuGroup_unstable","state","contextValues","value","menuGroup","root"],"mappings":";;;;+BAWaE;;;;;;;gCAVb,gDAAiD,GACjD,SAASF,WAAW,QAAQ,4BAA4B;kCAGf,qCAAkC;AAMpE,iCAAiC,CAACG,OAAuBC;QAC9DJ,2BAAAA,EAA4BG;IAE5B,OAAA,WAAA,OACE,eAAA,EAACF,0CAAAA,EAAAA;QAAyBI,OAAOD,cAAcE,SAAS;kBACtD,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}

package/lib-commonjs/components/MenuGroup/useMenuGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuGroup/useMenuGroup.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport type { MenuGroupProps, MenuGroupState } from './MenuGroup.types';\n\n/**\n * Given user props, returns state and render function for a MenuGroup.\n */\nexport function useMenuGroup_unstable(props: MenuGroupProps, ref: React.Ref<HTMLElement>): MenuGroupState {\n  const headerId = useId('menu-group');\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n        'aria-labelledby': headerId,\n        role: 'group',\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    headerId,\n  };\n}\n"],"names":["getIntrinsicElementProps","useId","slot","useMenuGroup_unstable","props","ref","headerId","components","root","always","role","elementType"],"mappings":";;;;+BAOgBG;;;;;;gCANsC,4BAA4B;AAM3E,+BAA+BC,KAAqB,EAAEC,GAA2B;IACtF,MAAMC,eAAWL,qBAAAA,EAAM;IAEvB,OAAO;QACLM,YAAY;YACVC,MAAM;QACR;QACAA,MAAMN,oBAAAA,CAAKO,MAAM,KACfT,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FK,KAAKA;YACL,mBAAmBC;YACnBI,MAAM;YACN,GAAGN,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBL;IACF;AACF"}
+{"version":3,"sources":["../../../src/components/MenuGroup/useMenuGroup.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport type { MenuGroupProps, MenuGroupState } from './MenuGroup.types';\n\n/**\n * Given user props, returns state and render function for a MenuGroup.\n */\nexport function useMenuGroup_unstable(props: MenuGroupProps, ref: React.Ref<HTMLElement>): MenuGroupState {\n  const headerId = useId('menu-group');\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n        'aria-labelledby': headerId,\n        role: 'group',\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    headerId,\n  };\n}\n"],"names":["getIntrinsicElementProps","useId","slot","useMenuGroup_unstable","props","ref","headerId","components","root","always","role","elementType"],"mappings":";;;;+BAOgBG;;;;;;gCANsC,4BAA4B;AAM3E,+BAA+BC,KAAqB,EAAEC,GAA2B;IACtF,MAAMC,eAAWL,qBAAAA,EAAM;IAEvB,OAAO;QACLM,YAAY;YACVC,MAAM;QACR;QACAA,MAAMN,oBAAAA,CAAKO,MAAM,KACfT,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FK,KAAKA;YACL,mBAAmBC;YACnBI,MAAM;YACN,GAAGN,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBL;IACF;AACF"}