@fluentui/react-menu-grid-preview 0.5.3 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @fluentui/react-menu-grid-preview
 
-This log was last generated on Wed, 24 Jun 2026 11:03:36 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jul 2026 17:34:09 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.74.3-experimental.esm.20260709-49ee7a20cf.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
+
+Thu, 09 Jul 2026 17:34:09 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu-grid-preview_v0.5.3..@fluentui/react-menu-grid-preview_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
+
+### Changes
+
+- Release 9.74.3-experimental.esm.20260709-49ee7a20cf ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-menu to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-table to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-tabster to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-theme to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-utilities to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+
 ## [0.5.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.5.3)
 
-Wed, 24 Jun 2026 11:03:36 GMT 
+Wed, 24 Jun 2026 11:09:47 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu-grid-preview_v0.5.2..@fluentui/react-menu-grid-preview_v0.5.3)
 
 ### Patches

package/dist/index.d.cts

@@ -0,0 +1,269 @@
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { JSXElement } from '@fluentui/react-utilities';
+import type { MenuListContextValue } from '@fluentui/react-menu';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+import type { TabsterDOMAttribute } from '@fluentui/react-tabster';
+
+/**
+ * Define a styled MenuGrid, using the `useMenuGrid_unstable` hook.
+ */
+export declare const MenuGrid: ForwardRefComponent<MenuGridProps>;
+
+/**
+ * Define a MenuGridCell, using the `useMenuGridCell_unstable` hook.
+ */
+export declare const MenuGridCell: ForwardRefComponent<MenuGridCellProps>;
+
+export declare const menuGridCellClassNames: SlotClassNames<MenuGridCellSlots>;
+
+export declare type MenuGridCellProps = ComponentProps<MenuGridCellSlots> & {
+    /**
+     * A MenuGridCell can be visually hidden, which is used for asymmetric grids
+     * @defaultvalue false
+     */
+    visuallyHidden?: boolean;
+};
+
+export declare type MenuGridCellSlots = {
+    root: Slot<'div'>;
+};
+
+export declare type MenuGridCellState = ComponentState<MenuGridCellSlots> & Pick<MenuGridCellProps, 'visuallyHidden'>;
+
+export declare const menuGridClassNames: SlotClassNames<MenuGridSlots>;
+
+export declare const MenuGridContextProvider: React_2.Provider<MenuGridContextValue>;
+
+/**
+ * Context shared between MenuGrid and its children components
+ */
+export declare type MenuGridContextValue = {
+    /**
+     * Tabster row attributes applied to the `MenuGridRow` components
+     */
+    tableRowTabsterAttribute: TabsterDOMAttribute | null;
+    /**
+     * Callback to focus the first row in the grid whose text content starts with the given character.
+     */
+    setFocusByFirstCharacter?: (e: React_2.KeyboardEvent<HTMLElement>, itemEl: HTMLElement) => void;
+};
+
+export declare type MenuGridContextValues = {
+    menuGrid: MenuGridContextValue;
+    menuList: MenuListContextValue;
+};
+
+/**
+ * Define a MenuGridGroup, using the `useMenuGridGroup_unstable` hook.
+ */
+export declare const MenuGridGroup: ForwardRefComponent<MenuGridGroupProps>;
+
+export declare const menuGridGroupClassNames: SlotClassNames<MenuGridGroupSlots>;
+
+export declare const MenuGridGroupContextProvider: React_2.Provider<MenuGridGroupContextValue>;
+
+/**
+ * Context used to guarantee correct aria-relationship between row group and header
+ */
+export declare type MenuGridGroupContextValue = {
+    /**
+     * Element id applied to the `MenuGridGroupHeader` component
+     */
+    headerId: string;
+};
+
+export declare type MenuGridGroupContextValues = {
+    menuGridGroup: MenuGridGroupContextValue;
+};
+
+/**
+ * Define a MenuGridGroupHeader, using the `useMenuGridGroupHeader_unstable` hook.
+ */
+export declare const MenuGridGroupHeader: ForwardRefComponent<MenuGridGroupHeaderProps>;
+
+export declare const menuGridGroupHeaderClassNames: SlotClassNames<MenuGridGroupHeaderSlots>;
+
+export declare type MenuGridGroupHeaderProps = ComponentProps<MenuGridGroupHeaderSlots>;
+
+export declare type MenuGridGroupHeaderSlots = {
+    root: Slot<'div'>;
+};
+
+export declare type MenuGridGroupHeaderState = ComponentState<MenuGridGroupHeaderSlots>;
+
+export declare type MenuGridGroupProps = ComponentProps<MenuGridGroupSlots>;
+
+export declare type MenuGridGroupSlots = {
+    root: Slot<'div'>;
+};
+
+export declare type MenuGridGroupState = ComponentState<MenuGridGroupSlots> & {
+    /**
+     * id applied to the DOM element of `MenuGridGroupHeader`
+     */
+    headerId: string;
+};
+
+/**
+ * Define a MenuGridItem, using the `useMenuGridItem_unstable` hook.
+ */
+export declare const MenuGridItem: ForwardRefComponent<MenuGridItemProps>;
+
+export declare const menuGridItemClassNames: SlotClassNames<MenuGridItemSlots>;
+
+export declare type MenuGridItemProps = Omit<ComponentProps<Partial<MenuGridItemSlots>>, 'content'> & Pick<Partial<MenuGridItemSlots>, 'content'>;
+
+export declare type MenuGridItemSlots = {
+    root: Slot<MenuGridRowProps>;
+    /**
+     * Icon slot rendered as cell before content cell
+     */
+    icon?: Slot<MenuGridCellProps>;
+    /**
+     * Component children are placed in this slot
+     * Avoid using the `children` property in this slot in favour of Component children whenever possible
+     */
+    content?: Slot<MenuGridCellProps>;
+    /**
+     * Additional descriptor to main content that creates a multiline layout
+     */
+    subText?: Slot<'span'>;
+    /**
+     * Firstd sub-action slot rendered as cell after content cell
+     */
+    firstSubAction?: Slot<MenuGridCellProps>;
+    /**
+     * Second sub-action slot rendered as cell after first sub-action cell
+     */
+    secondSubAction?: Slot<MenuGridCellProps>;
+};
+
+export declare type MenuGridItemState = ComponentState<MenuGridItemSlots>;
+
+export declare type MenuGridProps = ComponentProps<MenuGridSlots> & {
+    /**
+     * Whether keyboard navigation wraps from the last row to the first and vice versa.
+     *
+     * @default true
+     */
+    circular?: boolean;
+};
+
+/**
+ * Define a MenuGridRow, using the `useMenuGridRow_unstable` hook.
+ */
+export declare const MenuGridRow: ForwardRefComponent<MenuGridRowProps>;
+
+export declare const menuGridRowClassNames: SlotClassNames<MenuGridRowSlots>;
+
+export declare type MenuGridRowProps = ComponentProps<Partial<MenuGridRowSlots>>;
+
+export declare type MenuGridRowSlots = {
+    root: Slot<'div'>;
+};
+
+export declare type MenuGridRowState = ComponentState<MenuGridRowSlots>;
+
+export declare type MenuGridSlots = {
+    root: Slot<'div'>;
+};
+
+export declare type MenuGridState = ComponentState<MenuGridSlots> & {
+    /**
+     * Tabster row attributes applied to the `MenuGridRow` components
+     */
+    tableRowTabsterAttribute: TabsterDOMAttribute | null;
+    /**
+     * Callback to focus the first row in the grid whose text content starts with the given character.
+     */
+    setFocusByFirstCharacter?: (e: React_2.KeyboardEvent<HTMLElement>, itemEl: HTMLElement) => void;
+};
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderMenuGrid_unstable: (state: MenuGridState, contextValues: MenuGridContextValues) => JSXElement;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderMenuGridCell_unstable: (state: MenuGridCellState) => JSXElement;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderMenuGridGroup_unstable: (state: MenuGridGroupState, contextValues: MenuGridGroupContextValues) => JSXElement;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderMenuGridGroupHeader_unstable: (state: MenuGridGroupHeaderState) => JSXElement;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderMenuGridItem_unstable: (state: MenuGridItemState) => JSXElement;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderMenuGridRow_unstable: (state: MenuGridRowState) => JSXElement;
+
+/**
+ * Returns the props and state required to render the component
+ */
+export declare const useMenuGrid_unstable: (props: MenuGridProps, ref: React_2.Ref<HTMLDivElement>) => MenuGridState;
+
+/**
+ * Given user props, returns state and render function for a MenuGridCell.
+ */
+export declare function useMenuGridCell_unstable(props: MenuGridCellProps, ref: React_2.Ref<HTMLDivElement>): MenuGridCellState;
+
+export declare const useMenuGridCellStyles_unstable: (state: MenuGridCellState) => MenuGridCellState;
+
+export declare const useMenuGridContext_unstable: () => MenuGridContextValue;
+
+export declare function useMenuGridContextValues_unstable(state: MenuGridState): MenuGridContextValues;
+
+/**
+ * Given user props, returns state and render function for a MenuGridGroup.
+ */
+export declare function useMenuGridGroup_unstable(props: MenuGridGroupProps, ref: React_2.Ref<HTMLDivElement>): MenuGridGroupState;
+
+export declare const useMenuGridGroupContext_unstable: () => MenuGridGroupContextValue;
+
+export declare function useMenuGridGroupContextValues_unstable(state: MenuGridGroupState): MenuGridGroupContextValues;
+
+/**
+ * Given user props, returns state and render function for a MenuGridGroupHeader.
+ */
+export declare function useMenuGridGroupHeader_unstable(props: MenuGridGroupHeaderProps, ref: React_2.Ref<HTMLDivElement>): MenuGridGroupHeaderState;
+
+export declare const useMenuGridGroupHeaderStyles_unstable: (state: MenuGridGroupHeaderState) => MenuGridGroupHeaderState;
+
+export declare const useMenuGridGroupStyles_unstable: (state: MenuGridGroupState) => MenuGridGroupState;
+
+/**
+ * Given user props, returns state and render function for a MenuGridItem.
+ */
+export declare function useMenuGridItem_unstable(props: MenuGridItemProps, ref: React_2.Ref<HTMLDivElement>): MenuGridItemState;
+
+export declare const useMenuGridItemStyles_unstable: (state: MenuGridItemState) => MenuGridItemState;
+
+/**
+ * Given user props, returns state and render function for a MenuGridRow.
+ */
+export declare function useMenuGridRow_unstable(props: MenuGridRowProps, ref: React_2.Ref<HTMLDivElement>): MenuGridRowState;
+
+export declare const useMenuGridRowStyles_unstable: (state: MenuGridRowState) => MenuGridRowState;
+
+/**
+ * Apply styling to the Menu slots based on the state
+ */
+export declare const useMenuGridStyles_unstable: (state: MenuGridState) => MenuGridState;
+
+export { }

package/lib/MenuGrid.js

@@ -1 +1 @@
-export { MenuGrid, menuGridClassNames, renderMenuGrid_unstable, useMenuGridContextValues_unstable, useMenuGridStyles_unstable, useMenuGrid_unstable } from './components/MenuGrid/index';
+export { MenuGrid, menuGridClassNames, renderMenuGrid_unstable, useMenuGridContextValues_unstable, useMenuGridStyles_unstable, useMenuGrid_unstable } from "./components/MenuGrid/index.js";

package/lib/MenuGrid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MenuGrid.ts"],"sourcesContent":["export type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './components/MenuGrid/index';\nexport {\n  MenuGrid,\n  menuGridClassNames,\n  renderMenuGrid_unstable,\n  useMenuGridContextValues_unstable,\n  useMenuGridStyles_unstable,\n  useMenuGrid_unstable,\n} from './components/MenuGrid/index';\n"],"names":["MenuGrid","menuGridClassNames","renderMenuGrid_unstable","useMenuGridContextValues_unstable","useMenuGridStyles_unstable","useMenuGrid_unstable"],"mappings":"AACA,SACEA,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,iCAAiC,EACjCC,0BAA0B,EAC1BC,oBAAoB,QACf,8BAA8B"}
+{"version":3,"sources":["../src/MenuGrid.ts"],"sourcesContent":["export type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './components/MenuGrid/index';\nexport {\n  MenuGrid,\n  menuGridClassNames,\n  renderMenuGrid_unstable,\n  useMenuGridContextValues_unstable,\n  useMenuGridStyles_unstable,\n  useMenuGrid_unstable,\n} from './components/MenuGrid/index';\n"],"names":["MenuGrid","menuGridClassNames","renderMenuGrid_unstable","useMenuGridContextValues_unstable","useMenuGridStyles_unstable","useMenuGrid_unstable"],"mappings":"AACA,SACEA,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,iCAAiC,EACjCC,0BAA0B,EAC1BC,oBAAoB,QACf,iCAA8B"}

package/lib/MenuGridCell.js

@@ -1 +1 @@
-export { MenuGridCell, menuGridCellClassNames, renderMenuGridCell_unstable, useMenuGridCellStyles_unstable, useMenuGridCell_unstable } from './components/MenuGridCell/index';
+export { MenuGridCell, menuGridCellClassNames, renderMenuGridCell_unstable, useMenuGridCellStyles_unstable, useMenuGridCell_unstable } from "./components/MenuGridCell/index.js";

package/lib/MenuGridCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MenuGridCell.ts"],"sourcesContent":["export type { MenuGridCellProps, MenuGridCellSlots, MenuGridCellState } from './components/MenuGridCell/index';\nexport {\n  MenuGridCell,\n  menuGridCellClassNames,\n  renderMenuGridCell_unstable,\n  useMenuGridCellStyles_unstable,\n  useMenuGridCell_unstable,\n} from './components/MenuGridCell/index';\n"],"names":["MenuGridCell","menuGridCellClassNames","renderMenuGridCell_unstable","useMenuGridCellStyles_unstable","useMenuGridCell_unstable"],"mappings":"AACA,SACEA,YAAY,EACZC,sBAAsB,EACtBC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB,kCAAkC"}
+{"version":3,"sources":["../src/MenuGridCell.ts"],"sourcesContent":["export type { MenuGridCellProps, MenuGridCellSlots, MenuGridCellState } from './components/MenuGridCell/index';\nexport {\n  MenuGridCell,\n  menuGridCellClassNames,\n  renderMenuGridCell_unstable,\n  useMenuGridCellStyles_unstable,\n  useMenuGridCell_unstable,\n} from './components/MenuGridCell/index';\n"],"names":["MenuGridCell","menuGridCellClassNames","renderMenuGridCell_unstable","useMenuGridCellStyles_unstable","useMenuGridCell_unstable"],"mappings":"AACA,SACEA,YAAY,EACZC,sBAAsB,EACtBC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB,qCAAkC"}

package/lib/MenuGridGroup.js

@@ -1 +1 @@
-export { MenuGridGroup, menuGridGroupClassNames, renderMenuGridGroup_unstable, useMenuGridGroupContextValues_unstable, useMenuGridGroupStyles_unstable, useMenuGridGroup_unstable } from './components/MenuGridGroup/index';
+export { MenuGridGroup, menuGridGroupClassNames, renderMenuGridGroup_unstable, useMenuGridGroupContextValues_unstable, useMenuGridGroupStyles_unstable, useMenuGridGroup_unstable } from "./components/MenuGridGroup/index.js";

package/lib/MenuGridGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MenuGridGroup.ts"],"sourcesContent":["export type {\n  MenuGridGroupContextValues,\n  MenuGridGroupProps,\n  MenuGridGroupSlots,\n  MenuGridGroupState,\n} from './components/MenuGridGroup/index';\nexport {\n  MenuGridGroup,\n  menuGridGroupClassNames,\n  renderMenuGridGroup_unstable,\n  useMenuGridGroupContextValues_unstable,\n  useMenuGridGroupStyles_unstable,\n  useMenuGridGroup_unstable,\n} from './components/MenuGridGroup/index';\n"],"names":["MenuGridGroup","menuGridGroupClassNames","renderMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","useMenuGridGroupStyles_unstable","useMenuGridGroup_unstable"],"mappings":"AAMA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,+BAA+B,EAC/BC,yBAAyB,QACpB,mCAAmC"}
+{"version":3,"sources":["../src/MenuGridGroup.ts"],"sourcesContent":["export type {\n  MenuGridGroupContextValues,\n  MenuGridGroupProps,\n  MenuGridGroupSlots,\n  MenuGridGroupState,\n} from './components/MenuGridGroup/index';\nexport {\n  MenuGridGroup,\n  menuGridGroupClassNames,\n  renderMenuGridGroup_unstable,\n  useMenuGridGroupContextValues_unstable,\n  useMenuGridGroupStyles_unstable,\n  useMenuGridGroup_unstable,\n} from './components/MenuGridGroup/index';\n"],"names":["MenuGridGroup","menuGridGroupClassNames","renderMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","useMenuGridGroupStyles_unstable","useMenuGridGroup_unstable"],"mappings":"AAMA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,+BAA+B,EAC/BC,yBAAyB,QACpB,sCAAmC"}

package/lib/MenuGridGroupHeader.js

@@ -1 +1 @@
-export { MenuGridGroupHeader, menuGridGroupHeaderClassNames, renderMenuGridGroupHeader_unstable, useMenuGridGroupHeaderStyles_unstable, useMenuGridGroupHeader_unstable } from './components/MenuGridGroupHeader/index';
+export { MenuGridGroupHeader, menuGridGroupHeaderClassNames, renderMenuGridGroupHeader_unstable, useMenuGridGroupHeaderStyles_unstable, useMenuGridGroupHeader_unstable } from "./components/MenuGridGroupHeader/index.js";

package/lib/MenuGridGroupHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MenuGridGroupHeader.ts"],"sourcesContent":["export type {\n  MenuGridGroupHeaderProps,\n  MenuGridGroupHeaderSlots,\n  MenuGridGroupHeaderState,\n} from './components/MenuGridGroupHeader/index';\nexport {\n  MenuGridGroupHeader,\n  menuGridGroupHeaderClassNames,\n  renderMenuGridGroupHeader_unstable,\n  useMenuGridGroupHeaderStyles_unstable,\n  useMenuGridGroupHeader_unstable,\n} from './components/MenuGridGroupHeader/index';\n"],"names":["MenuGridGroupHeader","menuGridGroupHeaderClassNames","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","useMenuGridGroupHeader_unstable"],"mappings":"AAKA,SACEA,mBAAmB,EACnBC,6BAA6B,EAC7BC,kCAAkC,EAClCC,qCAAqC,EACrCC,+BAA+B,QAC1B,yCAAyC"}
+{"version":3,"sources":["../src/MenuGridGroupHeader.ts"],"sourcesContent":["export type {\n  MenuGridGroupHeaderProps,\n  MenuGridGroupHeaderSlots,\n  MenuGridGroupHeaderState,\n} from './components/MenuGridGroupHeader/index';\nexport {\n  MenuGridGroupHeader,\n  menuGridGroupHeaderClassNames,\n  renderMenuGridGroupHeader_unstable,\n  useMenuGridGroupHeaderStyles_unstable,\n  useMenuGridGroupHeader_unstable,\n} from './components/MenuGridGroupHeader/index';\n"],"names":["MenuGridGroupHeader","menuGridGroupHeaderClassNames","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","useMenuGridGroupHeader_unstable"],"mappings":"AAKA,SACEA,mBAAmB,EACnBC,6BAA6B,EAC7BC,kCAAkC,EAClCC,qCAAqC,EACrCC,+BAA+B,QAC1B,4CAAyC"}

package/lib/MenuGridItem.js

@@ -1 +1 @@
-export { MenuGridItem, menuGridItemClassNames, renderMenuGridItem_unstable, useMenuGridItemStyles_unstable, useMenuGridItem_unstable } from './components/MenuGridItem/index';
+export { MenuGridItem, menuGridItemClassNames, renderMenuGridItem_unstable, useMenuGridItemStyles_unstable, useMenuGridItem_unstable } from "./components/MenuGridItem/index.js";

package/lib/MenuGridItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MenuGridItem.ts"],"sourcesContent":["export type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './components/MenuGridItem/index';\nexport {\n  MenuGridItem,\n  menuGridItemClassNames,\n  renderMenuGridItem_unstable,\n  useMenuGridItemStyles_unstable,\n  useMenuGridItem_unstable,\n} from './components/MenuGridItem/index';\n"],"names":["MenuGridItem","menuGridItemClassNames","renderMenuGridItem_unstable","useMenuGridItemStyles_unstable","useMenuGridItem_unstable"],"mappings":"AACA,SACEA,YAAY,EACZC,sBAAsB,EACtBC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB,kCAAkC"}
+{"version":3,"sources":["../src/MenuGridItem.ts"],"sourcesContent":["export type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './components/MenuGridItem/index';\nexport {\n  MenuGridItem,\n  menuGridItemClassNames,\n  renderMenuGridItem_unstable,\n  useMenuGridItemStyles_unstable,\n  useMenuGridItem_unstable,\n} from './components/MenuGridItem/index';\n"],"names":["MenuGridItem","menuGridItemClassNames","renderMenuGridItem_unstable","useMenuGridItemStyles_unstable","useMenuGridItem_unstable"],"mappings":"AACA,SACEA,YAAY,EACZC,sBAAsB,EACtBC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB,qCAAkC"}

package/lib/MenuGridRow.js

@@ -1 +1 @@
-export { MenuGridRow, menuGridRowClassNames, renderMenuGridRow_unstable, useMenuGridRowStyles_unstable, useMenuGridRow_unstable } from './components/MenuGridRow/index';
+export { MenuGridRow, menuGridRowClassNames, renderMenuGridRow_unstable, useMenuGridRowStyles_unstable, useMenuGridRow_unstable } from "./components/MenuGridRow/index.js";

package/lib/MenuGridRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MenuGridRow.ts"],"sourcesContent":["export type { MenuGridRowProps, MenuGridRowSlots, MenuGridRowState } from './components/MenuGridRow/index';\nexport {\n  MenuGridRow,\n  menuGridRowClassNames,\n  renderMenuGridRow_unstable,\n  useMenuGridRowStyles_unstable,\n  useMenuGridRow_unstable,\n} from './components/MenuGridRow/index';\n"],"names":["MenuGridRow","menuGridRowClassNames","renderMenuGridRow_unstable","useMenuGridRowStyles_unstable","useMenuGridRow_unstable"],"mappings":"AACA,SACEA,WAAW,EACXC,qBAAqB,EACrBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB,iCAAiC"}
+{"version":3,"sources":["../src/MenuGridRow.ts"],"sourcesContent":["export type { MenuGridRowProps, MenuGridRowSlots, MenuGridRowState } from './components/MenuGridRow/index';\nexport {\n  MenuGridRow,\n  menuGridRowClassNames,\n  renderMenuGridRow_unstable,\n  useMenuGridRowStyles_unstable,\n  useMenuGridRow_unstable,\n} from './components/MenuGridRow/index';\n"],"names":["MenuGridRow","menuGridRowClassNames","renderMenuGridRow_unstable","useMenuGridRowStyles_unstable","useMenuGridRow_unstable"],"mappings":"AACA,SACEA,WAAW,EACXC,qBAAqB,EACrBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB,oCAAiC"}

package/lib/components/MenuGrid/MenuGrid.js

@@ -1,9 +1,9 @@
 'use client';
-import * as React from 'react';
-import { useMenuGrid_unstable } from './useMenuGrid';
-import { renderMenuGrid_unstable } from './renderMenuGrid';
-import { useMenuGridContextValues_unstable } from './useMenuGridContextValues';
-import { useMenuGridStyles_unstable } from './useMenuGridStyles.styles';
+import * as React from "react";
+import { useMenuGrid_unstable } from "./useMenuGrid.js";
+import { renderMenuGrid_unstable } from "./renderMenuGrid.js";
+import { useMenuGridContextValues_unstable } from "./useMenuGridContextValues.js";
+import { useMenuGridStyles_unstable } from "./useMenuGridStyles.styles.js";
 // import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * Define a styled MenuGrid, using the `useMenuGrid_unstable` hook.

package/lib/components/MenuGrid/MenuGrid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuGrid/MenuGrid.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGrid_unstable } from './useMenuGrid';\nimport { renderMenuGrid_unstable } from './renderMenuGrid';\nimport { useMenuGridContextValues_unstable } from './useMenuGridContextValues';\nimport { useMenuGridStyles_unstable } from './useMenuGridStyles.styles';\nimport type { MenuGridProps } from './MenuGrid.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled MenuGrid, using the `useMenuGrid_unstable` hook.\n */\nexport const MenuGrid: ForwardRefComponent<MenuGridProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGrid_unstable(props, ref);\n  const contextValues = useMenuGridContextValues_unstable(state);\n\n  useMenuGridStyles_unstable(state);\n\n  // useCustomStyleHook_unstable('useMenuGridStyles_unstable')(state);\n\n  return renderMenuGrid_unstable(state, contextValues);\n});\n\nMenuGrid.displayName = 'MenuGrid';\n"],"names":["React","useMenuGrid_unstable","renderMenuGrid_unstable","useMenuGridContextValues_unstable","useMenuGridStyles_unstable","MenuGrid","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,iCAAiC,QAAQ,6BAA6B;AAC/E,SAASC,0BAA0B,QAAQ,6BAA6B;AAGxE,iFAAiF;AAEjF;;CAEC,GACD,OAAO,MAAMC,yBAA+CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQR,qBAAqBM,OAAOC;IAC1C,MAAME,gBAAgBP,kCAAkCM;IAExDL,2BAA2BK;IAE3B,oEAAoE;IAEpE,OAAOP,wBAAwBO,OAAOC;AACxC,GAAG;AAEHL,SAASM,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/MenuGrid/MenuGrid.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGrid_unstable } from './useMenuGrid';\nimport { renderMenuGrid_unstable } from './renderMenuGrid';\nimport { useMenuGridContextValues_unstable } from './useMenuGridContextValues';\nimport { useMenuGridStyles_unstable } from './useMenuGridStyles.styles';\nimport type { MenuGridProps } from './MenuGrid.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled MenuGrid, using the `useMenuGrid_unstable` hook.\n */\nexport const MenuGrid: ForwardRefComponent<MenuGridProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGrid_unstable(props, ref);\n  const contextValues = useMenuGridContextValues_unstable(state);\n\n  useMenuGridStyles_unstable(state);\n\n  // useCustomStyleHook_unstable('useMenuGridStyles_unstable')(state);\n\n  return renderMenuGrid_unstable(state, contextValues);\n});\n\nMenuGrid.displayName = 'MenuGrid';\n"],"names":["React","useMenuGrid_unstable","renderMenuGrid_unstable","useMenuGridContextValues_unstable","useMenuGridStyles_unstable","MenuGrid","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,mBAAgB;AACrD,SAASC,uBAAuB,QAAQ,sBAAmB;AAC3D,SAASC,iCAAiC,QAAQ,gCAA6B;AAC/E,SAASC,0BAA0B,QAAQ,gCAA6B;AAGxE,iFAAiF;AAEjF;;CAEC,GACD,OAAO,MAAMC,yBAA+CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQR,qBAAqBM,OAAOC;IAC1C,MAAME,gBAAgBP,kCAAkCM;IAExDL,2BAA2BK;IAE3B,oEAAoE;IAEpE,OAAOP,wBAAwBO,OAAOC;AACxC,GAAG;AAEHL,SAASM,WAAW,GAAG"}

package/lib/components/MenuGrid/index.js

@@ -1,5 +1,5 @@
-export { MenuGrid } from './MenuGrid';
-export { renderMenuGrid_unstable } from './renderMenuGrid';
-export { useMenuGrid_unstable } from './useMenuGrid';
-export { menuGridClassNames, useMenuGridStyles_unstable } from './useMenuGridStyles.styles';
-export { useMenuGridContextValues_unstable } from './useMenuGridContextValues';
+export { MenuGrid } from "./MenuGrid.js";
+export { renderMenuGrid_unstable } from "./renderMenuGrid.js";
+export { useMenuGrid_unstable } from "./useMenuGrid.js";
+export { menuGridClassNames, useMenuGridStyles_unstable } from "./useMenuGridStyles.styles.js";
+export { useMenuGridContextValues_unstable } from "./useMenuGridContextValues.js";

package/lib/components/MenuGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuGrid/index.ts"],"sourcesContent":["export { MenuGrid } from './MenuGrid';\nexport type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './MenuGrid.types';\nexport { renderMenuGrid_unstable } from './renderMenuGrid';\nexport { useMenuGrid_unstable } from './useMenuGrid';\nexport { menuGridClassNames, useMenuGridStyles_unstable } from './useMenuGridStyles.styles';\nexport { useMenuGridContextValues_unstable } from './useMenuGridContextValues';\n"],"names":["MenuGrid","renderMenuGrid_unstable","useMenuGrid_unstable","menuGridClassNames","useMenuGridStyles_unstable","useMenuGridContextValues_unstable"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,aAAa;AAEtC,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,kBAAkB,EAAEC,0BAA0B,QAAQ,6BAA6B;AAC5F,SAASC,iCAAiC,QAAQ,6BAA6B"}
+{"version":3,"sources":["../src/components/MenuGrid/index.ts"],"sourcesContent":["export { MenuGrid } from './MenuGrid';\nexport type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './MenuGrid.types';\nexport { renderMenuGrid_unstable } from './renderMenuGrid';\nexport { useMenuGrid_unstable } from './useMenuGrid';\nexport { menuGridClassNames, useMenuGridStyles_unstable } from './useMenuGridStyles.styles';\nexport { useMenuGridContextValues_unstable } from './useMenuGridContextValues';\n"],"names":["MenuGrid","renderMenuGrid_unstable","useMenuGrid_unstable","menuGridClassNames","useMenuGridStyles_unstable","useMenuGridContextValues_unstable"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAa;AAEtC,SAASC,uBAAuB,QAAQ,sBAAmB;AAC3D,SAASC,oBAAoB,QAAQ,mBAAgB;AACrD,SAASC,kBAAkB,EAAEC,0BAA0B,QAAQ,gCAA6B;AAC5F,SAASC,iCAAiC,QAAQ,gCAA6B"}

package/lib/components/MenuGrid/renderMenuGrid.js

@@ -1,7 +1,7 @@
   import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { assertSlots } from '@fluentui/react-utilities';
-import { MenuListProvider } from '@fluentui/react-menu';
-import { MenuGridContextProvider } from '../../contexts/menuGridContext';
+import { assertSlots } from "@fluentui/react-utilities";
+import { MenuListProvider } from "@fluentui/react-menu";
+import { MenuGridContextProvider } from "../../contexts/menuGridContext.js";
 /**
  * Function that renders the final JSX of the component
  */ export const renderMenuGrid_unstable = (state, contextValues)=>{

package/lib/components/MenuGrid/renderMenuGrid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuGrid/renderMenuGrid.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { MenuListProvider } from '@fluentui/react-menu';\nimport type { MenuGridContextValues, MenuGridSlots, MenuGridState } from './MenuGrid.types';\nimport { MenuGridContextProvider } from '../../contexts/menuGridContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGrid_unstable = (state: MenuGridState, contextValues: MenuGridContextValues): JSXElement => {\n  assertSlots<MenuGridSlots>(state);\n\n  return (\n    <MenuListProvider value={contextValues.menuList}>\n      <MenuGridContextProvider value={contextValues.menuGrid}>\n        <state.root />\n      </MenuGridContextProvider>\n    </MenuListProvider>\n  );\n};\n"],"names":["assertSlots","MenuListProvider","MenuGridContextProvider","renderMenuGrid_unstable","state","contextValues","value","menuList","menuGrid","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,SAASC,uBAAuB,QAAQ,iCAAiC;AAEzE;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAsBC;IAC5DL,YAA2BI;IAE3B,qBACE,KAACH;QAAiBK,OAAOD,cAAcE,QAAQ;kBAC7C,cAAA,KAACL;YAAwBI,OAAOD,cAAcG,QAAQ;sBACpD,cAAA,KAACJ,MAAMK,IAAI;;;AAInB,EAAE"}
+{"version":3,"sources":["../src/components/MenuGrid/renderMenuGrid.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { MenuListProvider } from '@fluentui/react-menu';\nimport type { MenuGridContextValues, MenuGridSlots, MenuGridState } from './MenuGrid.types';\nimport { MenuGridContextProvider } from '../../contexts/menuGridContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGrid_unstable = (state: MenuGridState, contextValues: MenuGridContextValues): JSXElement => {\n  assertSlots<MenuGridSlots>(state);\n\n  return (\n    <MenuListProvider value={contextValues.menuList}>\n      <MenuGridContextProvider value={contextValues.menuGrid}>\n        <state.root />\n      </MenuGridContextProvider>\n    </MenuListProvider>\n  );\n};\n"],"names":["assertSlots","MenuListProvider","MenuGridContextProvider","renderMenuGrid_unstable","state","contextValues","value","menuList","menuGrid","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,SAASC,uBAAuB,QAAQ,oCAAiC;AAEzE;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAsBC;IAC5DL,YAA2BI;IAE3B,qBACE,KAACH;QAAiBK,OAAOD,cAAcE,QAAQ;kBAC7C,cAAA,KAACL;YAAwBI,OAAOD,cAAcG,QAAQ;sBACpD,cAAA,KAACJ,MAAMK,IAAI;;;AAInB,EAAE"}

package/lib/components/MenuGrid/useMenuGrid.js

@@ -1,10 +1,10 @@
 'use client';
-import * as React from 'react';
-import { useMergedRefs, useEventCallback, mergeCallbacks, getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
-import { useTableCompositeNavigation } from '@fluentui/react-table';
-import { useArrowNavigationGroup, useFocusFinders, useMergedTabsterAttributes_unstable, useTabsterAttributes } from '@fluentui/react-tabster';
-import { useMenuContext_unstable } from '@fluentui/react-menu';
-import { useValidateNesting } from '../../utils/useValidateNesting';
+import * as React from "react";
+import { useMergedRefs, useEventCallback, mergeCallbacks, getIntrinsicElementProps, slot } from "@fluentui/react-utilities";
+import { useTableCompositeNavigation } from "@fluentui/react-table";
+import { useArrowNavigationGroup, useFocusFinders, useMergedTabsterAttributes_unstable, useTabsterAttributes } from "@fluentui/react-tabster";
+import { useMenuContext_unstable } from "@fluentui/react-menu";
+import { useValidateNesting } from "../../utils/useValidateNesting.js";
 /**
  * Returns the props and state required to render the component
  */ export const useMenuGrid_unstable = (props, ref)=>{

package/lib/components/MenuGrid/useMenuGrid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuGrid/useMenuGrid.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  useMergedRefs,\n  useEventCallback,\n  mergeCallbacks,\n  getIntrinsicElementProps,\n  slot,\n} from '@fluentui/react-utilities';\n\nimport { useTableCompositeNavigation } from '@fluentui/react-table';\nimport {\n  useArrowNavigationGroup,\n  useFocusFinders,\n  useMergedTabsterAttributes_unstable,\n  useTabsterAttributes,\n} from '@fluentui/react-tabster';\nimport type { MenuGridProps, MenuGridState } from './MenuGrid.types';\nimport { useMenuContext_unstable } from '@fluentui/react-menu';\nimport { useValidateNesting } from '../../utils/useValidateNesting';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useMenuGrid_unstable = (props: MenuGridProps, ref: React.Ref<HTMLDivElement>): MenuGridState => {\n  const { circular = true, ...restProps } = props;\n  const validateNestingRef = useValidateNesting('MenuGrid');\n  const innerRef = React.useRef<HTMLDivElement>(null);\n  const { findAllFocusable } = useFocusFinders();\n  const triggerId = useMenuContext_unstable(context => context.triggerId);\n\n  const { tableRowTabsterAttribute, tableTabsterAttribute, onTableKeyDown } = useTableCompositeNavigation();\n\n  const circularGridAttribute = useArrowNavigationGroup({ circular });\n  const mergedTabsterAttribute = useMergedTabsterAttributes_unstable(tableTabsterAttribute, circularGridAttribute);\n\n  const ignoreEnterKeyAttribute = useTabsterAttributes({\n    focusable: {\n      ignoreKeydown: { Enter: true },\n    },\n  });\n  const mergedRowTabsterAttribute = useMergedTabsterAttributes_unstable(\n    tableRowTabsterAttribute,\n    ignoreEnterKeyAttribute,\n  );\n\n  const onKeyDown = useEventCallback(mergeCallbacks(props.onKeyDown, onTableKeyDown));\n\n  const setFocusByFirstCharacter = React.useCallback(\n    (e: React.KeyboardEvent<HTMLElement>, itemEl: HTMLElement) => {\n      if (!innerRef.current) {\n        return;\n      }\n\n      const target = e.target as HTMLElement;\n\n      // Only apply first-letter navigation when event target is a grid row, otherwise it may conflict with other components inside the grid row\n      if (target.role !== 'row') {\n        return;\n      }\n\n      const rows = findAllFocusable(innerRef.current, (el: HTMLElement) => el.role === 'row');\n\n      let startIndex = rows.indexOf(itemEl) + 1;\n      if (startIndex === rows.length) {\n        startIndex = 0;\n      }\n\n      const firstChars = rows.map(row => row.textContent?.charAt(0).toLowerCase());\n      const char = e.key.toLowerCase();\n\n      const getIndexFirstChars = (start: number) => {\n        for (let i = start; i < firstChars.length; i++) {\n          if (char === firstChars[i]) {\n            return i;\n          }\n        }\n        return -1;\n      };\n\n      // Check remaining rows in the grid\n      let index = getIndexFirstChars(startIndex);\n\n      // If not found in remaining rows, check from beginning\n      if (index === -1) {\n        index = getIndexFirstChars(0);\n      }\n\n      // If match was found, focus it\n      if (index > -1) {\n        rows[index].focus();\n      }\n    },\n    [findAllFocusable],\n  );\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, validateNestingRef, innerRef),\n        role: 'grid',\n        'aria-labelledby': triggerId,\n        ...mergedTabsterAttribute,\n        ...restProps,\n        onKeyDown,\n      }),\n      { elementType: 'div' },\n    ),\n    tableRowTabsterAttribute: mergedRowTabsterAttribute,\n    setFocusByFirstCharacter,\n  };\n};\n"],"names":["React","useMergedRefs","useEventCallback","mergeCallbacks","getIntrinsicElementProps","slot","useTableCompositeNavigation","useArrowNavigationGroup","useFocusFinders","useMergedTabsterAttributes_unstable","useTabsterAttributes","useMenuContext_unstable","useValidateNesting","useMenuGrid_unstable","props","ref","circular","restProps","validateNestingRef","innerRef","useRef","findAllFocusable","triggerId","context","tableRowTabsterAttribute","tableTabsterAttribute","onTableKeyDown","circularGridAttribute","mergedTabsterAttribute","ignoreEnterKeyAttribute","focusable","ignoreKeydown","Enter","mergedRowTabsterAttribute","onKeyDown","setFocusByFirstCharacter","useCallback","e","itemEl","current","target","role","rows","el","startIndex","indexOf","length","firstChars","map","row","textContent","charAt","toLowerCase","char","key","getIndexFirstChars","start","i","index","focus","components","root","always","elementType"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,aAAa,EACbC,gBAAgB,EAChBC,cAAc,EACdC,wBAAwB,EACxBC,IAAI,QACC,4BAA4B;AAEnC,SAASC,2BAA2B,QAAQ,wBAAwB;AACpE,SACEC,uBAAuB,EACvBC,eAAe,EACfC,mCAAmC,EACnCC,oBAAoB,QACf,0BAA0B;AAEjC,SAASC,uBAAuB,QAAQ,uBAAuB;AAC/D,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE;;CAEC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,WAAW,IAAI,EAAE,GAAGC,WAAW,GAAGH;IAC1C,MAAMI,qBAAqBN,mBAAmB;IAC9C,MAAMO,WAAWnB,MAAMoB,MAAM,CAAiB;IAC9C,MAAM,EAAEC,gBAAgB,EAAE,GAAGb;IAC7B,MAAMc,YAAYX,wBAAwBY,CAAAA,UAAWA,QAAQD,SAAS;IAEtE,MAAM,EAAEE,wBAAwB,EAAEC,qBAAqB,EAAEC,cAAc,EAAE,GAAGpB;IAE5E,MAAMqB,wBAAwBpB,wBAAwB;QAAES;IAAS;IACjE,MAAMY,yBAAyBnB,oCAAoCgB,uBAAuBE;IAE1F,MAAME,0BAA0BnB,qBAAqB;QACnDoB,WAAW;YACTC,eAAe;gBAAEC,OAAO;YAAK;QAC/B;IACF;IACA,MAAMC,4BAA4BxB,oCAChCe,0BACAK;IAGF,MAAMK,YAAYhC,iBAAiBC,eAAeW,MAAMoB,SAAS,EAAER;IAEnE,MAAMS,2BAA2BnC,MAAMoC,WAAW,CAChD,CAACC,GAAqCC;QACpC,IAAI,CAACnB,SAASoB,OAAO,EAAE;YACrB;QACF;QAEA,MAAMC,SAASH,EAAEG,MAAM;QAEvB,0IAA0I;QAC1I,IAAIA,OAAOC,IAAI,KAAK,OAAO;YACzB;QACF;QAEA,MAAMC,OAAOrB,iBAAiBF,SAASoB,OAAO,EAAE,CAACI,KAAoBA,GAAGF,IAAI,KAAK;QAEjF,IAAIG,aAAaF,KAAKG,OAAO,CAACP,UAAU;QACxC,IAAIM,eAAeF,KAAKI,MAAM,EAAE;YAC9BF,aAAa;QACf;QAEA,MAAMG,aAAaL,KAAKM,GAAG,CAACC,CAAAA;gBAAOA;oBAAAA,mBAAAA,IAAIC,WAAW,cAAfD,uCAAAA,iBAAiBE,MAAM,CAAC,GAAGC,WAAW;;QACzE,MAAMC,OAAOhB,EAAEiB,GAAG,CAACF,WAAW;QAE9B,MAAMG,qBAAqB,CAACC;YAC1B,IAAK,IAAIC,IAAID,OAAOC,IAAIV,WAAWD,MAAM,EAAEW,IAAK;gBAC9C,IAAIJ,SAASN,UAAU,CAACU,EAAE,EAAE;oBAC1B,OAAOA;gBACT;YACF;YACA,OAAO,CAAC;QACV;QAEA,mCAAmC;QACnC,IAAIC,QAAQH,mBAAmBX;QAE/B,uDAAuD;QACvD,IAAIc,UAAU,CAAC,GAAG;YAChBA,QAAQH,mBAAmB;QAC7B;QAEA,+BAA+B;QAC/B,IAAIG,QAAQ,CAAC,GAAG;YACdhB,IAAI,CAACgB,MAAM,CAACC,KAAK;QACnB;IACF,GACA;QAACtC;KAAiB;IAGpB,OAAO;QACLuC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMxD,KAAKyD,MAAM,CACf1D,yBAAyB,OAAO;YAC9BW,KAAKd,cAAcc,KAAKG,oBAAoBC;YAC5CsB,MAAM;YACN,mBAAmBnB;YACnB,GAAGM,sBAAsB;YACzB,GAAGX,SAAS;YACZiB;QACF,IACA;YAAE6B,aAAa;QAAM;QAEvBvC,0BAA0BS;QAC1BE;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/MenuGrid/useMenuGrid.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  useMergedRefs,\n  useEventCallback,\n  mergeCallbacks,\n  getIntrinsicElementProps,\n  slot,\n} from '@fluentui/react-utilities';\n\nimport { useTableCompositeNavigation } from '@fluentui/react-table';\nimport {\n  useArrowNavigationGroup,\n  useFocusFinders,\n  useMergedTabsterAttributes_unstable,\n  useTabsterAttributes,\n} from '@fluentui/react-tabster';\nimport type { MenuGridProps, MenuGridState } from './MenuGrid.types';\nimport { useMenuContext_unstable } from '@fluentui/react-menu';\nimport { useValidateNesting } from '../../utils/useValidateNesting';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useMenuGrid_unstable = (props: MenuGridProps, ref: React.Ref<HTMLDivElement>): MenuGridState => {\n  const { circular = true, ...restProps } = props;\n  const validateNestingRef = useValidateNesting('MenuGrid');\n  const innerRef = React.useRef<HTMLDivElement>(null);\n  const { findAllFocusable } = useFocusFinders();\n  const triggerId = useMenuContext_unstable(context => context.triggerId);\n\n  const { tableRowTabsterAttribute, tableTabsterAttribute, onTableKeyDown } = useTableCompositeNavigation();\n\n  const circularGridAttribute = useArrowNavigationGroup({ circular });\n  const mergedTabsterAttribute = useMergedTabsterAttributes_unstable(tableTabsterAttribute, circularGridAttribute);\n\n  const ignoreEnterKeyAttribute = useTabsterAttributes({\n    focusable: {\n      ignoreKeydown: { Enter: true },\n    },\n  });\n  const mergedRowTabsterAttribute = useMergedTabsterAttributes_unstable(\n    tableRowTabsterAttribute,\n    ignoreEnterKeyAttribute,\n  );\n\n  const onKeyDown = useEventCallback(mergeCallbacks(props.onKeyDown, onTableKeyDown));\n\n  const setFocusByFirstCharacter = React.useCallback(\n    (e: React.KeyboardEvent<HTMLElement>, itemEl: HTMLElement) => {\n      if (!innerRef.current) {\n        return;\n      }\n\n      const target = e.target as HTMLElement;\n\n      // Only apply first-letter navigation when event target is a grid row, otherwise it may conflict with other components inside the grid row\n      if (target.role !== 'row') {\n        return;\n      }\n\n      const rows = findAllFocusable(innerRef.current, (el: HTMLElement) => el.role === 'row');\n\n      let startIndex = rows.indexOf(itemEl) + 1;\n      if (startIndex === rows.length) {\n        startIndex = 0;\n      }\n\n      const firstChars = rows.map(row => row.textContent?.charAt(0).toLowerCase());\n      const char = e.key.toLowerCase();\n\n      const getIndexFirstChars = (start: number) => {\n        for (let i = start; i < firstChars.length; i++) {\n          if (char === firstChars[i]) {\n            return i;\n          }\n        }\n        return -1;\n      };\n\n      // Check remaining rows in the grid\n      let index = getIndexFirstChars(startIndex);\n\n      // If not found in remaining rows, check from beginning\n      if (index === -1) {\n        index = getIndexFirstChars(0);\n      }\n\n      // If match was found, focus it\n      if (index > -1) {\n        rows[index].focus();\n      }\n    },\n    [findAllFocusable],\n  );\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, validateNestingRef, innerRef),\n        role: 'grid',\n        'aria-labelledby': triggerId,\n        ...mergedTabsterAttribute,\n        ...restProps,\n        onKeyDown,\n      }),\n      { elementType: 'div' },\n    ),\n    tableRowTabsterAttribute: mergedRowTabsterAttribute,\n    setFocusByFirstCharacter,\n  };\n};\n"],"names":["React","useMergedRefs","useEventCallback","mergeCallbacks","getIntrinsicElementProps","slot","useTableCompositeNavigation","useArrowNavigationGroup","useFocusFinders","useMergedTabsterAttributes_unstable","useTabsterAttributes","useMenuContext_unstable","useValidateNesting","useMenuGrid_unstable","props","ref","circular","restProps","validateNestingRef","innerRef","useRef","findAllFocusable","triggerId","context","tableRowTabsterAttribute","tableTabsterAttribute","onTableKeyDown","circularGridAttribute","mergedTabsterAttribute","ignoreEnterKeyAttribute","focusable","ignoreKeydown","Enter","mergedRowTabsterAttribute","onKeyDown","setFocusByFirstCharacter","useCallback","e","itemEl","current","target","role","rows","el","startIndex","indexOf","length","firstChars","map","row","textContent","charAt","toLowerCase","char","key","getIndexFirstChars","start","i","index","focus","components","root","always","elementType"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,aAAa,EACbC,gBAAgB,EAChBC,cAAc,EACdC,wBAAwB,EACxBC,IAAI,QACC,4BAA4B;AAEnC,SAASC,2BAA2B,QAAQ,wBAAwB;AACpE,SACEC,uBAAuB,EACvBC,eAAe,EACfC,mCAAmC,EACnCC,oBAAoB,QACf,0BAA0B;AAEjC,SAASC,uBAAuB,QAAQ,uBAAuB;AAC/D,SAASC,kBAAkB,QAAQ,oCAAiC;AAEpE;;CAEC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,WAAW,IAAI,EAAE,GAAGC,WAAW,GAAGH;IAC1C,MAAMI,qBAAqBN,mBAAmB;IAC9C,MAAMO,WAAWnB,MAAMoB,MAAM,CAAiB;IAC9C,MAAM,EAAEC,gBAAgB,EAAE,GAAGb;IAC7B,MAAMc,YAAYX,wBAAwBY,CAAAA,UAAWA,QAAQD,SAAS;IAEtE,MAAM,EAAEE,wBAAwB,EAAEC,qBAAqB,EAAEC,cAAc,EAAE,GAAGpB;IAE5E,MAAMqB,wBAAwBpB,wBAAwB;QAAES;IAAS;IACjE,MAAMY,yBAAyBnB,oCAAoCgB,uBAAuBE;IAE1F,MAAME,0BAA0BnB,qBAAqB;QACnDoB,WAAW;YACTC,eAAe;gBAAEC,OAAO;YAAK;QAC/B;IACF;IACA,MAAMC,4BAA4BxB,oCAChCe,0BACAK;IAGF,MAAMK,YAAYhC,iBAAiBC,eAAeW,MAAMoB,SAAS,EAAER;IAEnE,MAAMS,2BAA2BnC,MAAMoC,WAAW,CAChD,CAACC,GAAqCC;QACpC,IAAI,CAACnB,SAASoB,OAAO,EAAE;YACrB;QACF;QAEA,MAAMC,SAASH,EAAEG,MAAM;QAEvB,0IAA0I;QAC1I,IAAIA,OAAOC,IAAI,KAAK,OAAO;YACzB;QACF;QAEA,MAAMC,OAAOrB,iBAAiBF,SAASoB,OAAO,EAAE,CAACI,KAAoBA,GAAGF,IAAI,KAAK;QAEjF,IAAIG,aAAaF,KAAKG,OAAO,CAACP,UAAU;QACxC,IAAIM,eAAeF,KAAKI,MAAM,EAAE;YAC9BF,aAAa;QACf;QAEA,MAAMG,aAAaL,KAAKM,GAAG,CAACC,CAAAA;gBAAOA;oBAAAA,mBAAAA,IAAIC,WAAW,cAAfD,uCAAAA,iBAAiBE,MAAM,CAAC,GAAGC,WAAW;;QACzE,MAAMC,OAAOhB,EAAEiB,GAAG,CAACF,WAAW;QAE9B,MAAMG,qBAAqB,CAACC;YAC1B,IAAK,IAAIC,IAAID,OAAOC,IAAIV,WAAWD,MAAM,EAAEW,IAAK;gBAC9C,IAAIJ,SAASN,UAAU,CAACU,EAAE,EAAE;oBAC1B,OAAOA;gBACT;YACF;YACA,OAAO,CAAC;QACV;QAEA,mCAAmC;QACnC,IAAIC,QAAQH,mBAAmBX;QAE/B,uDAAuD;QACvD,IAAIc,UAAU,CAAC,GAAG;YAChBA,QAAQH,mBAAmB;QAC7B;QAEA,+BAA+B;QAC/B,IAAIG,QAAQ,CAAC,GAAG;YACdhB,IAAI,CAACgB,MAAM,CAACC,KAAK;QACnB;IACF,GACA;QAACtC;KAAiB;IAGpB,OAAO;QACLuC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMxD,KAAKyD,MAAM,CACf1D,yBAAyB,OAAO;YAC9BW,KAAKd,cAAcc,KAAKG,oBAAoBC;YAC5CsB,MAAM;YACN,mBAAmBnB;YACnB,GAAGM,sBAAsB;YACzB,GAAGX,SAAS;YACZiB;QACF,IACA;YAAE6B,aAAa;QAAM;QAEvBvC,0BAA0BS;QAC1BE;IACF;AACF,EAAE"}

package/lib/components/MenuGrid/useMenuGridContextValues.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 const menuList = {
     checkedValues: {},
     hasIcons: false,

package/lib/components/MenuGrid/useMenuGridStyles.styles.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { mergeClasses, __styles } from '@griffel/react';
+import { mergeClasses, __styles } from "@griffel/react";
 export const menuGridClassNames = {
   root: 'fui-MenuGrid'
 };

package/lib/components/MenuGrid/useMenuGridStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["mergeClasses","__styles","menuGridClassNames","root","useStyles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","rmohyg","hasMenuContext","Bqenvij","d","p","useMenuGridStyles_unstable","state","styles","className"],"sources":["useMenuGridStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses, makeStyles } from '@griffel/react';\nexport const menuGridClassNames = {\n    root: 'fui-MenuGrid'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '2px'\n    },\n    hasMenuContext: {\n        height: '100%'\n    }\n});\n/**\n * Apply styling to the Menu slots based on the state\n */ export const useMenuGridStyles_unstable = (state)=>{\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(menuGridClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,YAAY,EAAAC,QAAA,QAAoB,gBAAgB;AACzD,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGH,QAAA;EAAAE,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,cAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CASjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,0BAA0B,GAAIC,KAAK,IAAG;EACnD,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1B;EACAW,KAAK,CAACZ,IAAI,CAACc,SAAS,GAAGjB,YAAY,CAACE,kBAAkB,CAACC,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;EAC/F,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["mergeClasses","__styles","menuGridClassNames","root","useStyles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","rmohyg","hasMenuContext","Bqenvij","d","p","useMenuGridStyles_unstable","state","styles","className"],"sources":["useMenuGridStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses, makeStyles } from \"@griffel/react\";\nexport const menuGridClassNames = {\n    root: 'fui-MenuGrid'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '2px'\n    },\n    hasMenuContext: {\n        height: '100%'\n    }\n});\n/**\n * Apply styling to the Menu slots based on the state\n */ export const useMenuGridStyles_unstable = (state)=>{\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(menuGridClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,YAAY,EAAAC,QAAA,QAAoB,gBAAgB;AACzD,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGH,QAAA;EAAAE,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,cAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CASjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,0BAA0B,GAAIC,KAAK,IAAG;EACnD,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1B;EACAW,KAAK,CAACZ,IAAI,CAACc,SAAS,GAAGjB,YAAY,CAACE,kBAAkB,CAACC,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;EAC/F,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/MenuGrid/useMenuGridStyles.styles.raw.js

@@ -1,5 +1,5 @@
 'use client';
-import { mergeClasses, makeStyles } from '@griffel/react';
+import { mergeClasses, makeStyles } from "@griffel/react";
 export const menuGridClassNames = {
     root: 'fui-MenuGrid'
 };

package/lib/components/MenuGridCell/MenuGridCell.js

@@ -1,8 +1,8 @@
 'use client';
-import * as React from 'react';
-import { useMenuGridCell_unstable } from './useMenuGridCell';
-import { renderMenuGridCell_unstable } from './renderMenuGridCell';
-import { useMenuGridCellStyles_unstable } from './useMenuGridCellStyles.styles';
+import * as React from "react";
+import { useMenuGridCell_unstable } from "./useMenuGridCell.js";
+import { renderMenuGridCell_unstable } from "./renderMenuGridCell.js";
+import { useMenuGridCellStyles_unstable } from "./useMenuGridCellStyles.styles.js";
 // import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * Define a MenuGridCell, using the `useMenuGridCell_unstable` hook.

package/lib/components/MenuGridCell/MenuGridCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuGridCell/MenuGridCell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGridCell_unstable } from './useMenuGridCell';\nimport { renderMenuGridCell_unstable } from './renderMenuGridCell';\nimport type { MenuGridCellProps } from './MenuGridCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridCellStyles_unstable } from './useMenuGridCellStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridCell, using the `useMenuGridCell_unstable` hook.\n */\nexport const MenuGridCell: ForwardRefComponent<MenuGridCellProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGridCell_unstable(props, ref);\n\n  useMenuGridCellStyles_unstable(state);\n\n  // useCustomStyleHook_unstable('useMenuGridCellStyles_unstable')(state);\n\n  return renderMenuGridCell_unstable(state);\n});\n\nMenuGridCell.displayName = 'MenuGridCell';\n"],"names":["React","useMenuGridCell_unstable","renderMenuGridCell_unstable","useMenuGridCellStyles_unstable","MenuGridCell","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,uBAAuB;AAGnE,SAASC,8BAA8B,QAAQ,iCAAiC;AAChF,iFAAiF;AAEjF;;CAEC,GACD,OAAO,MAAMC,6BAAuDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQP,yBAAyBK,OAAOC;IAE9CJ,+BAA+BK;IAE/B,wEAAwE;IAExE,OAAON,4BAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/MenuGridCell/MenuGridCell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGridCell_unstable } from './useMenuGridCell';\nimport { renderMenuGridCell_unstable } from './renderMenuGridCell';\nimport type { MenuGridCellProps } from './MenuGridCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridCellStyles_unstable } from './useMenuGridCellStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridCell, using the `useMenuGridCell_unstable` hook.\n */\nexport const MenuGridCell: ForwardRefComponent<MenuGridCellProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGridCell_unstable(props, ref);\n\n  useMenuGridCellStyles_unstable(state);\n\n  // useCustomStyleHook_unstable('useMenuGridCellStyles_unstable')(state);\n\n  return renderMenuGridCell_unstable(state);\n});\n\nMenuGridCell.displayName = 'MenuGridCell';\n"],"names":["React","useMenuGridCell_unstable","renderMenuGridCell_unstable","useMenuGridCellStyles_unstable","MenuGridCell","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,uBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,0BAAuB;AAGnE,SAASC,8BAA8B,QAAQ,oCAAiC;AAChF,iFAAiF;AAEjF;;CAEC,GACD,OAAO,MAAMC,6BAAuDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQP,yBAAyBK,OAAOC;IAE9CJ,+BAA+BK;IAE/B,wEAAwE;IAExE,OAAON,4BAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}

package/lib/components/MenuGridCell/index.js

@@ -1,4 +1,4 @@
-export { MenuGridCell } from './MenuGridCell';
-export { renderMenuGridCell_unstable } from './renderMenuGridCell';
-export { useMenuGridCell_unstable } from './useMenuGridCell';
-export { menuGridCellClassNames, useMenuGridCellStyles_unstable } from './useMenuGridCellStyles.styles';
+export { MenuGridCell } from "./MenuGridCell.js";
+export { renderMenuGridCell_unstable } from "./renderMenuGridCell.js";
+export { useMenuGridCell_unstable } from "./useMenuGridCell.js";
+export { menuGridCellClassNames, useMenuGridCellStyles_unstable } from "./useMenuGridCellStyles.styles.js";

package/lib/components/MenuGridCell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MenuGridCell/index.ts"],"sourcesContent":["export type { MenuGridCellProps, MenuGridCellSlots, MenuGridCellState } from './MenuGridCell.types';\nexport { MenuGridCell } from './MenuGridCell';\nexport { renderMenuGridCell_unstable } from './renderMenuGridCell';\nexport { useMenuGridCell_unstable } from './useMenuGridCell';\nexport { menuGridCellClassNames, useMenuGridCellStyles_unstable } from './useMenuGridCellStyles.styles';\n"],"names":["MenuGridCell","renderMenuGridCell_unstable","useMenuGridCell_unstable","menuGridCellClassNames","useMenuGridCellStyles_unstable"],"mappings":"AACA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,sBAAsB,EAAEC,8BAA8B,QAAQ,iCAAiC"}
+{"version":3,"sources":["../src/components/MenuGridCell/index.ts"],"sourcesContent":["export type { MenuGridCellProps, MenuGridCellSlots, MenuGridCellState } from './MenuGridCell.types';\nexport { MenuGridCell } from './MenuGridCell';\nexport { renderMenuGridCell_unstable } from './renderMenuGridCell';\nexport { useMenuGridCell_unstable } from './useMenuGridCell';\nexport { menuGridCellClassNames, useMenuGridCellStyles_unstable } from './useMenuGridCellStyles.styles';\n"],"names":["MenuGridCell","renderMenuGridCell_unstable","useMenuGridCell_unstable","menuGridCellClassNames","useMenuGridCellStyles_unstable"],"mappings":"AACA,SAASA,YAAY,QAAQ,oBAAiB;AAC9C,SAASC,2BAA2B,QAAQ,0BAAuB;AACnE,SAASC,wBAAwB,QAAQ,uBAAoB;AAC7D,SAASC,sBAAsB,EAAEC,8BAA8B,QAAQ,oCAAiC"}

package/lib/components/MenuGridCell/renderMenuGridCell.js

@@ -1,5 +1,5 @@
   import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { assertSlots } from '@fluentui/react-utilities';
+import { assertSlots } from "@fluentui/react-utilities";
 /**
  * Function that renders the final JSX of the component
  */ export const renderMenuGridCell_unstable = (state)=>{

package/lib/components/MenuGridCell/useMenuGridCell.js

@@ -1,8 +1,8 @@
 'use client';
-import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
-import { ArrowLeft, ArrowRight } from '@fluentui/keyboard-keys';
-import { useMergedRefs, useEventCallback, mergeCallbacks, getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
-import { useValidateNesting } from '../../utils/useValidateNesting';
+import { useFluent_unstable as useFluent } from "@fluentui/react-shared-contexts";
+import { ArrowLeft, ArrowRight } from "@fluentui/keyboard-keys";
+import { useMergedRefs, useEventCallback, mergeCallbacks, getIntrinsicElementProps, slot } from "@fluentui/react-utilities";
+import { useValidateNesting } from "../../utils/useValidateNesting.js";
 /**
  * Given user props, returns state and render function for a MenuGridCell.
  */ export function useMenuGridCell_unstable(props, ref) {