@fluentui/react-menu-grid-preview 0.0.0-nightly-20250822-0407.1

package/CHANGELOG.md

@@ -0,0 +1,31 @@
+# Change Log - @fluentui/react-menu-grid-preview
+
+This log was last generated on Fri, 22 Aug 2025 04:21:53 GMT and should not be manually modified.
+
+<!-- Start content -->
+
+## [0.0.0-nightly-20250822-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.0.0-nightly-20250822-0407.1)
+
+Fri, 22 Aug 2025 04:21:53 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu-grid-preview_v0.1.0..@fluentui/react-menu-grid-preview_v0.0.0-nightly-20250822-0407.1)
+
+### Changes
+
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
+- Bump @fluentui/react-menu to v0.0.0-nightly-20250822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9214ada4ffc741f67015ead61a4ac0b9a7f2d2a1) by beachball)
+- Bump @fluentui/react-table to v0.0.0-nightly-20250822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9214ada4ffc741f67015ead61a4ac0b9a7f2d2a1) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightly-20250822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9214ada4ffc741f67015ead61a4ac0b9a7f2d2a1) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9214ada4ffc741f67015ead61a4ac0b9a7f2d2a1) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9214ada4ffc741f67015ead61a4ac0b9a7f2d2a1) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20250822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9214ada4ffc741f67015ead61a4ac0b9a7f2d2a1) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20250822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9214ada4ffc741f67015ead61a4ac0b9a7f2d2a1) by beachball)
+- Bump @fluentui/react-conformance to v0.0.0-nightly-20250822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9214ada4ffc741f67015ead61a4ac0b9a7f2d2a1) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250822-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/9214ada4ffc741f67015ead61a4ac0b9a7f2d2a1) by beachball)
+
+## [0.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.1.0)
+
+Thu, 21 Aug 2025 13:38:51 GMT
+
+### Minor changes
+
+- 'feat: ([PR #35064](https://github.com/microsoft/fluentui/pull/35064) by adam.samec@gmail.com)

package/LICENSE

@@ -0,0 +1,15 @@
+@fluentui/react-menu-grid-preview
+
+Copyright (c) Microsoft Corporation
+
+All rights reserved.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED _AS IS_, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license

package/README.md

@@ -0,0 +1,5 @@
+# @fluentui/react-menu-grid-preview
+
+**React Menu Grid components for [Fluent UI React](https://react.fluentui.dev/)**
+
+These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.

package/dist/index.d.ts

@@ -0,0 +1,251 @@
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+import { 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;
+};
+
+export declare type MenuGridContextValues = {
+    menuGrid: MenuGridContextValue;
+};
+
+/**
+ * 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 = ComponentProps<Partial<MenuGridItemSlots>>;
+
+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> & {};
+
+/**
+ * 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;
+};
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderMenuGrid_unstable: (state: MenuGridState, contextValues: MenuGridContextValues) => JSX.Element;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderMenuGridCell_unstable: (state: MenuGridCellState) => JSX.Element;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderMenuGridGroup_unstable: (state: MenuGridGroupState, contextValues: MenuGridGroupContextValues) => JSX.Element;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderMenuGridGroupHeader_unstable: (state: MenuGridGroupHeaderState) => JSX.Element;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderMenuGridItem_unstable: (state: MenuGridItemState) => JSX.Element;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderMenuGridRow_unstable: (state: MenuGridRowState) => JSX.Element;
+
+/**
+ * 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

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

package/lib/MenuGrid.js.map

@@ -0,0 +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"}

package/lib/MenuGridCell.js

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

package/lib/MenuGridCell.js.map

@@ -0,0 +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"}

package/lib/MenuGridGroup.js

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

package/lib/MenuGridGroup.js.map

@@ -0,0 +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"}

package/lib/MenuGridGroupHeader.js

@@ -0,0 +1 @@
+export { MenuGridGroupHeader, MenuGridGroupHeaderClassNames, renderMenuGridGroupHeader_unstable, useMenuGridGroupHeaderStyles_unstable, useMenuGridGroupHeader_unstable } from './components/MenuGridGroupHeader/index';

package/lib/MenuGridGroupHeader.js.map

@@ -0,0 +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"}

package/lib/MenuGridItem.js

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

package/lib/MenuGridItem.js.map

@@ -0,0 +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"}

package/lib/MenuGridRow.js

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

package/lib/MenuGridRow.js.map

@@ -0,0 +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"}

package/lib/components/MenuGrid/MenuGrid.js

@@ -0,0 +1,16 @@
+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 { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * Define a styled MenuGrid, using the `useMenuGrid_unstable` hook.
+ */ export const MenuGrid = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useMenuGrid_unstable(props, ref);
+    const contextValues = useMenuGridContextValues_unstable(state);
+    useMenuGridStyles_unstable(state);
+    // useCustomStyleHook_unstable('useMenuGridStyles_unstable')(state);
+    return renderMenuGrid_unstable(state, contextValues);
+});
+MenuGrid.displayName = 'MenuGrid';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGrid/MenuGrid.tsx"],"sourcesContent":["import * 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,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"}

package/lib/components/MenuGrid/MenuGrid.types.js

@@ -0,0 +1 @@
+export { };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGrid/MenuGrid.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TabsterDOMAttribute } from '@fluentui/react-tabster';\n\nimport type { MenuGridContextValue } from '../../contexts/menuGridContext';\n\nexport type MenuGridSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuGridProps = ComponentProps<MenuGridSlots> & {};\n\nexport type MenuGridState = ComponentState<MenuGridSlots> & {\n  /**\n   * Tabster row attributes applied to the `MenuGridRow` components\n   */\n  tableRowTabsterAttribute: TabsterDOMAttribute | null;\n};\n\nexport type MenuGridContextValues = {\n  menuGrid: MenuGridContextValue;\n};\n"],"names":[],"mappings":"AAkBA,WAEE"}

package/lib/components/MenuGrid/index.js

@@ -0,0 +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';

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

@@ -0,0 +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"}

package/lib/components/MenuGrid/renderMenuGrid.js

@@ -0,0 +1,12 @@
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-utilities';
+import { MenuGridContextProvider } from '../../contexts/menuGridContext';
+/**
+ * Function that renders the final JSX of the component
+ */ export const renderMenuGrid_unstable = (state, contextValues)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(MenuGridContextProvider, {
+        value: contextValues.menuGrid,
+        children: /*#__PURE__*/ _jsx(state.root, {})
+    });
+};

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

@@ -0,0 +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 { 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) => {\n  assertSlots<MenuGridSlots>(state);\n\n  return (\n    <MenuGridContextProvider value={contextValues.menuGrid}>\n      <state.root />\n    </MenuGridContextProvider>\n  );\n};\n"],"names":["assertSlots","MenuGridContextProvider","renderMenuGrid_unstable","state","contextValues","value","menuGrid","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD,SAASC,uBAAuB,QAAQ,iCAAiC;AAEzE;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAsBC;IAC5DJ,YAA2BG;IAE3B,qBACE,KAACF;QAAwBI,OAAOD,cAAcE,QAAQ;kBACpD,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}

package/lib/components/MenuGrid/useMenuGrid.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+import { useTableCompositeNavigation } from '@fluentui/react-table';
+import { useMenuContext_unstable } from '@fluentui/react-menu';
+/**
+ * Returns the props and state required to render the component
+ */ export const useMenuGrid_unstable = (props, ref)=>{
+    const triggerId = useMenuContext_unstable((context)=>context.triggerId);
+    const { tableRowTabsterAttribute, tableTabsterAttribute, onTableKeyDown } = useTableCompositeNavigation();
+    return {
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            role: 'grid',
+            'aria-labelledby': triggerId,
+            onKeyDown: onTableKeyDown,
+            ...tableTabsterAttribute,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        tableRowTabsterAttribute
+    };
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGrid/useMenuGrid.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useTableCompositeNavigation } from '@fluentui/react-table';\nimport type { MenuGridProps, MenuGridState } from './MenuGrid.types';\nimport { useMenuContext_unstable } from '@fluentui/react-menu';\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 triggerId = useMenuContext_unstable(context => context.triggerId);\n  const { tableRowTabsterAttribute, tableTabsterAttribute, onTableKeyDown } = useTableCompositeNavigation();\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        role: 'grid',\n        'aria-labelledby': triggerId,\n        onKeyDown: onTableKeyDown,\n        ...tableTabsterAttribute,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    tableRowTabsterAttribute,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useTableCompositeNavigation","useMenuContext_unstable","useMenuGrid_unstable","props","ref","triggerId","context","tableRowTabsterAttribute","tableTabsterAttribute","onTableKeyDown","components","root","always","role","onKeyDown","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,SAASC,2BAA2B,QAAQ,wBAAwB;AAEpE,SAASC,uBAAuB,QAAQ,uBAAuB;AAE/D;;CAEC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAMC,YAAYJ,wBAAwBK,CAAAA,UAAWA,QAAQD,SAAS;IACtE,MAAM,EAAEE,wBAAwB,EAAEC,qBAAqB,EAAEC,cAAc,EAAE,GAAGT;IAE5E,OAAO;QACLU,YAAY;YACVC,MAAM;QACR;QACAA,MAAMZ,KAAKa,MAAM,CACfd,yBAAyB,OAAO;YAC9BM;YACAS,MAAM;YACN,mBAAmBR;YACnBS,WAAWL;YACX,GAAGD,qBAAqB;YACxB,GAAGL,KAAK;QACV,IACA;YAAEY,aAAa;QAAM;QAEvBR;IACF;AACF,EAAE"}

package/lib/components/MenuGrid/useMenuGridContextValues.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export function useMenuGridContextValues_unstable(state) {
+    const { tableRowTabsterAttribute } = state;
+    const menuGrid = React.useMemo(()=>({
+            tableRowTabsterAttribute
+        }), [
+        tableRowTabsterAttribute
+    ]);
+    return {
+        menuGrid
+    };
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGrid/useMenuGridContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { MenuGridContextValues, MenuGridState } from './MenuGrid.types';\n\nexport function useMenuGridContextValues_unstable(state: MenuGridState): MenuGridContextValues {\n  const { tableRowTabsterAttribute } = state;\n  const menuGrid = React.useMemo(() => ({ tableRowTabsterAttribute }), [tableRowTabsterAttribute]);\n\n  return { menuGrid };\n}\n"],"names":["React","useMenuGridContextValues_unstable","state","tableRowTabsterAttribute","menuGrid","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,kCAAkCC,KAAoB;IACpE,MAAM,EAAEC,wBAAwB,EAAE,GAAGD;IACrC,MAAME,WAAWJ,MAAMK,OAAO,CAAC,IAAO,CAAA;YAAEF;QAAyB,CAAA,GAAI;QAACA;KAAyB;IAE/F,OAAO;QAAEC;IAAS;AACpB"}

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

@@ -0,0 +1,30 @@
+import { mergeClasses, __styles } from '@griffel/react';
+export const menuGridClassNames = {
+  root: 'fui-MenuGrid'
+};
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    mc9l5x: "f22iagw",
+    Beiy3e4: "f1vx9l62",
+    i8kkvl: 0,
+    Belr9w4: 0,
+    rmohyg: "f1t6b6ee"
+  },
+  hasMenuContext: {
+    Bqenvij: "f1l02sjl"
+  }
+}, {
+  d: [".f22iagw{display:flex;}", ".f1vx9l62{flex-direction:column;}", [".f1t6b6ee{gap:2px;}", {
+    p: -1
+  }], ".f1l02sjl{height:100%;}"]
+});
+/**
+ * Apply styling to the Menu slots based on the state
+ */
+export const useMenuGridStyles_unstable = state => {
+  'use no memo';
+
+  const styles = useStyles();
+  state.root.className = mergeClasses(menuGridClassNames.root, styles.root, state.root.className);
+  return state;
+};

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

@@ -0,0 +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":["import { 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    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(menuGridClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,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,aAAa;;EACb,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1BW,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

@@ -0,0 +1,22 @@
+import { mergeClasses, makeStyles } from '@griffel/react';
+export const menuGridClassNames = {
+    root: 'fui-MenuGrid'
+};
+const useStyles = makeStyles({
+    root: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '2px'
+    },
+    hasMenuContext: {
+        height: '100%'
+    }
+});
+/**
+ * Apply styling to the Menu slots based on the state
+ */ export const useMenuGridStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(menuGridClassNames.root, styles.root, state.root.className);
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGrid/useMenuGridStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses, makeStyles } from '@griffel/react';\nimport type { MenuGridSlots, MenuGridState } from './MenuGrid.types';\n\nexport const menuGridClassNames: SlotClassNames<MenuGridSlots> = {\n  root: 'fui-MenuGrid',\n};\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/**\n * Apply styling to the Menu slots based on the state\n */\nexport const useMenuGridStyles_unstable = (state: MenuGridState): MenuGridState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuGridClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["mergeClasses","makeStyles","menuGridClassNames","root","useStyles","display","flexDirection","gap","hasMenuContext","height","useMenuGridStyles_unstable","state","styles","className"],"mappings":"AACA,SAASA,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAG1D,OAAO,MAAMC,qBAAoD;IAC/DC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYH,WAAW;IAC3BE,MAAM;QACJE,SAAS;QACTC,eAAe;QACfC,KAAK;IACP;IACAC,gBAAgB;QACdC,QAAQ;IACV;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzC;IAEA,MAAMC,SAASR;IACfO,MAAMR,IAAI,CAACU,SAAS,GAAGb,aAAaE,mBAAmBC,IAAI,EAAES,OAAOT,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IAC9F,OAAOF;AACT,EAAE"}

package/lib/components/MenuGridCell/MenuGridCell.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { useMenuGridCell_unstable } from './useMenuGridCell';
+import { renderMenuGridCell_unstable } from './renderMenuGridCell';
+import { useMenuGridCellStyles_unstable } from './useMenuGridCellStyles.styles';
+// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * Define a MenuGridCell, using the `useMenuGridCell_unstable` hook.
+ */ export const MenuGridCell = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useMenuGridCell_unstable(props, ref);
+    useMenuGridCellStyles_unstable(state);
+    // useCustomStyleHook_unstable('useMenuGridCellStyles_unstable')(state);
+    return renderMenuGridCell_unstable(state);
+});
+MenuGridCell.displayName = 'MenuGridCell';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridCell/MenuGridCell.tsx"],"sourcesContent":["import * 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,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"}

package/lib/components/MenuGridCell/MenuGridCell.types.js

@@ -0,0 +1 @@
+export { };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridCell/MenuGridCell.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MenuGridCellSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuGridCellProps = ComponentProps<MenuGridCellSlots> & {\n  /**\n   * A MenuGridCell can be visually hidden, which is used for asymmetric grids\n   * @defaultvalue false\n   */\n  visuallyHidden?: boolean;\n};\n\nexport type MenuGridCellState = ComponentState<MenuGridCellSlots> & Pick<MenuGridCellProps, 'visuallyHidden'>;\n"],"names":[],"mappings":"AAcA,WAA8G"}

package/lib/components/MenuGridCell/index.js

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

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

@@ -0,0 +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"}

package/lib/components/MenuGridCell/renderMenuGridCell.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridCell/renderMenuGridCell.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { MenuGridCellSlots, MenuGridCellState } from './MenuGridCell.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridCell_unstable = (state: MenuGridCellState) => {\n  assertSlots<MenuGridCellSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderMenuGridCell_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAACC;IAC1CF,YAA+BE;IAE/B,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/MenuGridCell/useMenuGridCell.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+/**
+ * Given user props, returns state and render function for a MenuGridCell.
+ */ export function useMenuGridCell_unstable(props, ref) {
+    const { visuallyHidden } = props;
+    return {
+        visuallyHidden,
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            role: 'gridcell',
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridCell/useMenuGridCell.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { MenuGridCellProps, MenuGridCellState } from './MenuGridCell.types';\n\n/**\n * Given user props, returns state and render function for a MenuGridCell.\n */\nexport function useMenuGridCell_unstable(props: MenuGridCellProps, ref: React.Ref<HTMLDivElement>): MenuGridCellState {\n  const { visuallyHidden } = props;\n\n  return {\n    visuallyHidden,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        role: 'gridcell',\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n}\n"],"names":["React","getIntrinsicElementProps","slot","useMenuGridCell_unstable","props","ref","visuallyHidden","components","root","always","role","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAG3E;;CAEC,GACD,OAAO,SAASC,yBAAyBC,KAAwB,EAAEC,GAA8B;IAC/F,MAAM,EAAEC,cAAc,EAAE,GAAGF;IAE3B,OAAO;QACLE;QACAC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMN,KAAKO,MAAM,CACfR,yBAAyB,OAAO;YAC9BI;YACAK,MAAM;YACN,GAAGN,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;IAEzB;AACF"}