@fluentui/react-menu-grid-preview 0.1.0

package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.raw.js

@@ -0,0 +1,15 @@
+import { mergeClasses, makeStyles } from '@griffel/react';
+export const menuGridCellClassNames = {
+    root: 'fui-MenuGridCell'
+};
+const useRootStyles = makeStyles({
+    visuallyHidden: {
+        position: 'absolute'
+    }
+});
+export const useMenuGridCellStyles_unstable = (state)=>{
+    'use no memo';
+    const rootStyles = useRootStyles();
+    state.root.className = mergeClasses(menuGridCellClassNames.root, state.visuallyHidden && rootStyles.visuallyHidden, state.root.className);
+    return state;
+};

package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridCell/useMenuGridCellStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses, makeStyles } from '@griffel/react';\nimport type { MenuGridCellSlots, MenuGridCellState } from './MenuGridCell.types';\n\nexport const menuGridCellClassNames: SlotClassNames<MenuGridCellSlots> = {\n  root: 'fui-MenuGridCell',\n};\n\nconst useRootStyles = makeStyles({\n  visuallyHidden: {\n    position: 'absolute',\n  },\n});\n\nexport const useMenuGridCellStyles_unstable = (state: MenuGridCellState): MenuGridCellState => {\n  'use no memo';\n\n  const rootStyles = useRootStyles();\n  state.root.className = mergeClasses(\n    menuGridCellClassNames.root,\n    state.visuallyHidden && rootStyles.visuallyHidden,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["mergeClasses","makeStyles","menuGridCellClassNames","root","useRootStyles","visuallyHidden","position","useMenuGridCellStyles_unstable","state","rootStyles","className"],"mappings":"AACA,SAASA,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAG1D,OAAO,MAAMC,yBAA4D;IACvEC,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAgBH,WAAW;IAC/BI,gBAAgB;QACdC,UAAU;IACZ;AACF;AAEA,OAAO,MAAMC,iCAAiC,CAACC;IAC7C;IAEA,MAAMC,aAAaL;IACnBI,MAAML,IAAI,CAACO,SAAS,GAAGV,aACrBE,uBAAuBC,IAAI,EAC3BK,MAAMH,cAAc,IAAII,WAAWJ,cAAc,EACjDG,MAAML,IAAI,CAACO,SAAS;IAGtB,OAAOF;AACT,EAAE"}

package/lib/components/MenuGridGroup/MenuGridGroup.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { useMenuGridGroup_unstable } from './useMenuGridGroup';
+import { renderMenuGridGroup_unstable } from './renderMenuGridGroup';
+import { useMenuGridGroupContextValues_unstable } from './useMenuGridGroupContextValues';
+import { useMenuGridGroupStyles_unstable } from './useMenuGridGroupStyles.styles';
+// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * Define a MenuGridGroup, using the `useMenuGridGroup_unstable` hook.
+ */ export const MenuGridGroup = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useMenuGridGroup_unstable(props, ref);
+    const contextValues = useMenuGridGroupContextValues_unstable(state);
+    useMenuGridGroupStyles_unstable(state);
+    // useCustomStyleHook_unstable('useMenuGridGroupStyles_unstable')(state);
+    return renderMenuGridGroup_unstable(state, contextValues);
+});
+MenuGridGroup.displayName = 'MenuGridGroup';

package/lib/components/MenuGridGroup/MenuGridGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroup/MenuGridGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuGridGroup_unstable } from './useMenuGridGroup';\nimport { renderMenuGridGroup_unstable } from './renderMenuGridGroup';\nimport { useMenuGridGroupContextValues_unstable } from './useMenuGridGroupContextValues';\nimport type { MenuGridGroupProps } from './MenuGridGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridGroupStyles_unstable } from './useMenuGridGroupStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridGroup, using the `useMenuGridGroup_unstable` hook.\n */\nexport const MenuGridGroup: ForwardRefComponent<MenuGridGroupProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGridGroup_unstable(props, ref);\n  const contextValues = useMenuGridGroupContextValues_unstable(state);\n\n  useMenuGridGroupStyles_unstable(state);\n\n  // useCustomStyleHook_unstable('useMenuGridGroupStyles_unstable')(state);\n\n  return renderMenuGridGroup_unstable(state, contextValues);\n});\n\nMenuGridGroup.displayName = 'MenuGridGroup';\n"],"names":["React","useMenuGridGroup_unstable","renderMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","useMenuGridGroupStyles_unstable","MenuGridGroup","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,sCAAsC,QAAQ,kCAAkC;AAGzF,SAASC,+BAA+B,QAAQ,kCAAkC;AAClF,iFAAiF;AAEjF;;CAEC,GACD,OAAO,MAAMC,8BAAyDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQR,0BAA0BM,OAAOC;IAC/C,MAAME,gBAAgBP,uCAAuCM;IAE7DL,gCAAgCK;IAEhC,yEAAyE;IAEzE,OAAOP,6BAA6BO,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}

package/lib/components/MenuGridGroup/MenuGridGroup.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroup/MenuGridGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MenuGridGroupContextValue } from '../../contexts/menuGridGroupContext';\n\nexport type MenuGridGroupSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuGridGroupProps = ComponentProps<MenuGridGroupSlots>;\n\nexport type MenuGridGroupState = ComponentState<MenuGridGroupSlots> & {\n  /**\n   * id applied to the DOM element of `MenuGridGroupHeader`\n   */\n  headerId: string;\n};\n\nexport type MenuGridGroupContextValues = {\n  MenuGridGroup: MenuGridGroupContextValue;\n};\n"],"names":[],"mappings":"AAgBA,WAEE"}

package/lib/components/MenuGridGroup/index.js

@@ -0,0 +1,5 @@
+export { MenuGridGroup } from './MenuGridGroup';
+export { renderMenuGridGroup_unstable } from './renderMenuGridGroup';
+export { useMenuGridGroup_unstable } from './useMenuGridGroup';
+export { useMenuGridGroupContextValues_unstable } from './useMenuGridGroupContextValues';
+export { MenuGridGroupClassNames, useMenuGridGroupStyles_unstable } from './useMenuGridGroupStyles.styles';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroup/index.ts"],"sourcesContent":["export type {\n  MenuGridGroupContextValues,\n  MenuGridGroupProps,\n  MenuGridGroupSlots,\n  MenuGridGroupState,\n} from './MenuGridGroup.types';\nexport { MenuGridGroup } from './MenuGridGroup';\nexport { renderMenuGridGroup_unstable } from './renderMenuGridGroup';\nexport { useMenuGridGroup_unstable } from './useMenuGridGroup';\nexport { useMenuGridGroupContextValues_unstable } from './useMenuGridGroupContextValues';\nexport { MenuGridGroupClassNames, useMenuGridGroupStyles_unstable } from './useMenuGridGroupStyles.styles';\n"],"names":["MenuGridGroup","renderMenuGridGroup_unstable","useMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","MenuGridGroupClassNames","useMenuGridGroupStyles_unstable"],"mappings":"AAMA,SAASA,aAAa,QAAQ,kBAAkB;AAChD,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,kCAAkC"}

package/lib/components/MenuGridGroup/renderMenuGridGroup.js

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

package/lib/components/MenuGridGroup/renderMenuGridGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroup/renderMenuGridGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { MenuGridGroupContextValues, MenuGridGroupSlots, MenuGridGroupState } from './MenuGridGroup.types';\nimport { MenuGridGroupContextProvider } from '../../contexts/menuGridGroupContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridGroup_unstable = (state: MenuGridGroupState, contextValues: MenuGridGroupContextValues) => {\n  assertSlots<MenuGridGroupSlots>(state);\n\n  return (\n    <MenuGridGroupContextProvider value={contextValues.MenuGridGroup}>\n      <state.root />\n    </MenuGridGroupContextProvider>\n  );\n};\n"],"names":["assertSlots","MenuGridGroupContextProvider","renderMenuGridGroup_unstable","state","contextValues","value","MenuGridGroup","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD,SAASC,4BAA4B,QAAQ,sCAAsC;AAEnF;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC,OAA2BC;IACtEJ,YAAgCG;IAEhC,qBACE,KAACF;QAA6BI,OAAOD,cAAcE,aAAa;kBAC9D,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}

package/lib/components/MenuGridGroup/useMenuGridGroup.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';
+/**
+ * Given user props, returns state and render function for a MenuGridGroup.
+ */ export function useMenuGridGroup_unstable(props, ref) {
+    const headerId = useId('menu-grid-row-group-header');
+    return {
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            role: 'rowgroup',
+            'aria-labelledby': headerId,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        headerId
+    };
+}

package/lib/components/MenuGridGroup/useMenuGridGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { MenuGridGroupProps, MenuGridGroupState } from './MenuGridGroup.types';\n\n/**\n * Given user props, returns state and render function for a MenuGridGroup.\n */\nexport function useMenuGridGroup_unstable(\n  props: MenuGridGroupProps,\n  ref: React.Ref<HTMLDivElement>,\n): MenuGridGroupState {\n  const headerId = useId('menu-grid-row-group-header');\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        role: 'rowgroup',\n        'aria-labelledby': headerId,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    headerId,\n  };\n}\n"],"names":["React","getIntrinsicElementProps","useId","slot","useMenuGridGroup_unstable","props","ref","headerId","components","root","always","role","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAGlF;;CAEC,GACD,OAAO,SAASC,0BACdC,KAAyB,EACzBC,GAA8B;IAE9B,MAAMC,WAAWL,MAAM;IAEvB,OAAO;QACLM,YAAY;YACVC,MAAM;QACR;QACAA,MAAMN,KAAKO,MAAM,CACfT,yBAAyB,OAAO;YAC9BK;YACAK,MAAM;YACN,mBAAmBJ;YACnB,GAAGF,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBL;IACF;AACF"}

package/lib/components/MenuGridGroup/useMenuGridGroupContextValues.js

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

package/lib/components/MenuGridGroup/useMenuGridGroupContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroupContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { MenuGridGroupContextValues, MenuGridGroupState } from './MenuGridGroup.types';\n\nexport function useMenuGridGroupContextValues_unstable(state: MenuGridGroupState): MenuGridGroupContextValues {\n  const { headerId } = state;\n  const MenuGridGroup = React.useMemo(() => ({ headerId }), [headerId]);\n\n  return { MenuGridGroup };\n}\n"],"names":["React","useMenuGridGroupContextValues_unstable","state","headerId","MenuGridGroup","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,uCAAuCC,KAAyB;IAC9E,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IACrB,MAAME,gBAAgBJ,MAAMK,OAAO,CAAC,IAAO,CAAA;YAAEF;QAAS,CAAA,GAAI;QAACA;KAAS;IAEpE,OAAO;QAAEC;IAAc;AACzB"}

package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.js

@@ -0,0 +1,10 @@
+import { mergeClasses } from '@griffel/react';
+export const MenuGridGroupClassNames = {
+  root: 'fui-MenuGridGroup'
+};
+export const useMenuGridGroupStyles_unstable = state => {
+  'use no memo';
+
+  state.root.className = mergeClasses(MenuGridGroupClassNames.root, state.root.className);
+  return state;
+};

package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mergeClasses","MenuGridGroupClassNames","root","useMenuGridGroupStyles_unstable","state","className"],"sources":["useMenuGridGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const MenuGridGroupClassNames = {\n    root: 'fui-MenuGridGroup'\n};\nexport const useMenuGridGroupStyles_unstable = (state)=>{\n    'use no memo';\n    state.root.className = mergeClasses(MenuGridGroupClassNames.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE;AACV,CAAC;AACD,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACpD,aAAa;;EACbA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGL,YAAY,CAACC,uBAAuB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EACvF,OAAOD,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.js

@@ -0,0 +1,9 @@
+import { mergeClasses } from '@griffel/react';
+export const MenuGridGroupClassNames = {
+    root: 'fui-MenuGridGroup'
+};
+export const useMenuGridGroupStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = mergeClasses(MenuGridGroupClassNames.root, state.root.className);
+    return state;
+};

package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroupStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGridGroupSlots, MenuGridGroupState } from './MenuGridGroup.types';\n\nexport const MenuGridGroupClassNames: SlotClassNames<MenuGridGroupSlots> = {\n  root: 'fui-MenuGridGroup',\n};\n\nexport const useMenuGridGroupStyles_unstable = (state: MenuGridGroupState): MenuGridGroupState => {\n  'use no memo';\n\n  state.root.className = mergeClasses(MenuGridGroupClassNames.root, state.root.className);\n\n  return state;\n};\n"],"names":["mergeClasses","MenuGridGroupClassNames","root","useMenuGridGroupStyles_unstable","state","className"],"mappings":"AACA,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEAA,MAAMF,IAAI,CAACG,SAAS,GAAGL,aAAaC,wBAAwBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEtF,OAAOD;AACT,EAAE"}

package/lib/components/MenuGridGroupHeader/MenuGridGroupHeader.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';
+import { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';
+import { useMenuGridGroupHeaderStyles_unstable } from './useMenuGridGroupHeaderStyles.styles';
+// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * Define a MenuGridGroupHeader, using the `useMenuGridGroupHeader_unstable` hook.
+ */ export const MenuGridGroupHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useMenuGridGroupHeader_unstable(props, ref);
+    useMenuGridGroupHeaderStyles_unstable(state);
+    // useCustomStyleHook_unstable('useMenuGridGroupHeaderStyles_unstable')(state);
+    return renderMenuGridGroupHeader_unstable(state);
+});
+MenuGridGroupHeader.displayName = 'MenuGridGroupHeader';

package/lib/components/MenuGridGroupHeader/MenuGridGroupHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroupHeader/MenuGridGroupHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';\nimport { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';\nimport type { MenuGridGroupHeaderProps } from './MenuGridGroupHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridGroupHeaderStyles_unstable } from './useMenuGridGroupHeaderStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridGroupHeader, using the `useMenuGridGroupHeader_unstable` hook.\n */\nexport const MenuGridGroupHeader: ForwardRefComponent<MenuGridGroupHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGridGroupHeader_unstable(props, ref);\n\n  useMenuGridGroupHeaderStyles_unstable(state);\n\n  // useCustomStyleHook_unstable('useMenuGridGroupHeaderStyles_unstable')(state);\n\n  return renderMenuGridGroupHeader_unstable(state);\n});\n\nMenuGridGroupHeader.displayName = 'MenuGridGroupHeader';\n"],"names":["React","useMenuGridGroupHeader_unstable","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","MenuGridGroupHeader","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SAASC,kCAAkC,QAAQ,8BAA8B;AAGjF,SAASC,qCAAqC,QAAQ,wCAAwC;AAC9F,iFAAiF;AAEjF;;CAEC,GACD,OAAO,MAAMC,oCAAqEJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACzG,MAAMC,QAAQP,gCAAgCK,OAAOC;IAErDJ,sCAAsCK;IAEtC,+EAA+E;IAE/E,OAAON,mCAAmCM;AAC5C,GAAG;AAEHJ,oBAAoBK,WAAW,GAAG"}

package/lib/components/MenuGridGroupHeader/MenuGridGroupHeader.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroupHeader/MenuGridGroupHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MenuGridGroupHeaderSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuGridGroupHeaderProps = ComponentProps<MenuGridGroupHeaderSlots>;\n\nexport type MenuGridGroupHeaderState = ComponentState<MenuGridGroupHeaderSlots>;\n"],"names":[],"mappings":"AAQA,WAAgF"}

package/lib/components/MenuGridGroupHeader/index.js

@@ -0,0 +1,4 @@
+export { MenuGridGroupHeader } from './MenuGridGroupHeader';
+export { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';
+export { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';
+export { MenuGridGroupHeaderClassNames, useMenuGridGroupHeaderStyles_unstable } from './useMenuGridGroupHeaderStyles.styles';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroupHeader/index.ts"],"sourcesContent":["export type {\n  MenuGridGroupHeaderProps,\n  MenuGridGroupHeaderSlots,\n  MenuGridGroupHeaderState,\n} from './MenuGridGroupHeader.types';\nexport { MenuGridGroupHeader } from './MenuGridGroupHeader';\nexport { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';\nexport { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';\nexport {\n  MenuGridGroupHeaderClassNames,\n  useMenuGridGroupHeaderStyles_unstable,\n} from './useMenuGridGroupHeaderStyles.styles';\n"],"names":["MenuGridGroupHeader","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeader_unstable","MenuGridGroupHeaderClassNames","useMenuGridGroupHeaderStyles_unstable"],"mappings":"AAKA,SAASA,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SACEC,6BAA6B,EAC7BC,qCAAqC,QAChC,wCAAwC"}

package/lib/components/MenuGridGroupHeader/renderMenuGridGroupHeader.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 renderMenuGridGroupHeader_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(state.root, {});
+};

package/lib/components/MenuGridGroupHeader/renderMenuGridGroupHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroupHeader/renderMenuGridGroupHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { MenuGridGroupHeaderSlots, MenuGridGroupHeaderState } from './MenuGridGroupHeader.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridGroupHeader_unstable = (state: MenuGridGroupHeaderState) => {\n  assertSlots<MenuGridGroupHeaderSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderMenuGridGroupHeader_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjDF,YAAsCE;IAEtC,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeader.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+import { useMenuGridGroupContext_unstable } from '../../contexts/menuGridGroupContext';
+/**
+ * Given user props, returns state and render function for a MenuGridGroupHeader.
+ */ export function useMenuGridGroupHeader_unstable(props, ref) {
+    const { headerId: id } = useMenuGridGroupContext_unstable();
+    return {
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            role: 'presentation',
+            id,
+            'aria-hidden': true,
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
+}

package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroupHeader/useMenuGridGroupHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport { useMenuGridGroupContext_unstable } from '../../contexts/menuGridGroupContext';\nimport { MenuGridGroupHeaderProps, MenuGridGroupHeaderState } from './MenuGridGroupHeader.types';\n\n/**\n * Given user props, returns state and render function for a MenuGridGroupHeader.\n */\nexport function useMenuGridGroupHeader_unstable(\n  props: MenuGridGroupHeaderProps,\n  ref: React.Ref<HTMLDivElement>,\n): MenuGridGroupHeaderState {\n  const { headerId: id } = useMenuGridGroupContext_unstable();\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        role: 'presentation',\n        id,\n        'aria-hidden': true,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n}\n"],"names":["React","getIntrinsicElementProps","slot","useMenuGridGroupContext_unstable","useMenuGridGroupHeader_unstable","props","ref","headerId","id","components","root","always","role","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,gCAAgC,QAAQ,sCAAsC;AAGvF;;CAEC,GACD,OAAO,SAASC,gCACdC,KAA+B,EAC/BC,GAA8B;IAE9B,MAAM,EAAEC,UAAUC,EAAE,EAAE,GAAGL;IAEzB,OAAO;QACLM,YAAY;YACVC,MAAM;QACR;QACAA,MAAMR,KAAKS,MAAM,CACfV,yBAAyB,OAAO;YAC9BK;YACAM,MAAM;YACNJ;YACA,eAAe;YACf,GAAGH,KAAK;QACV,IACA;YAAEQ,aAAa;QAAM;IAEzB;AACF"}

package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js

@@ -0,0 +1,10 @@
+import { mergeClasses } from '@griffel/react';
+export const MenuGridGroupHeaderClassNames = {
+  root: 'fui-MenuGridGroupHeader'
+};
+export const useMenuGridGroupHeaderStyles_unstable = state => {
+  'use no memo';
+
+  state.root.className = mergeClasses(MenuGridGroupHeaderClassNames.root, state.root.className);
+  return state;
+};

package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mergeClasses","MenuGridGroupHeaderClassNames","root","useMenuGridGroupHeaderStyles_unstable","state","className"],"sources":["useMenuGridGroupHeaderStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const MenuGridGroupHeaderClassNames = {\n    root: 'fui-MenuGridGroupHeader'\n};\nexport const useMenuGridGroupHeaderStyles_unstable = (state)=>{\n    'use no memo';\n    state.root.className = mergeClasses(MenuGridGroupHeaderClassNames.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,OAAO,MAAMC,6BAA6B,GAAG;EACzCC,IAAI,EAAE;AACV,CAAC;AACD,OAAO,MAAMC,qCAAqC,GAAIC,KAAK,IAAG;EAC1D,aAAa;;EACbA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGL,YAAY,CAACC,6BAA6B,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EAC7F,OAAOD,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js

@@ -0,0 +1,9 @@
+import { mergeClasses } from '@griffel/react';
+export const MenuGridGroupHeaderClassNames = {
+    root: 'fui-MenuGridGroupHeader'
+};
+export const useMenuGridGroupHeaderStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = mergeClasses(MenuGridGroupHeaderClassNames.root, state.root.className);
+    return state;
+};

package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGridGroupHeaderSlots, MenuGridGroupHeaderState } from './MenuGridGroupHeader.types';\n\nexport const MenuGridGroupHeaderClassNames: SlotClassNames<MenuGridGroupHeaderSlots> = {\n  root: 'fui-MenuGridGroupHeader',\n};\n\nexport const useMenuGridGroupHeaderStyles_unstable = (state: MenuGridGroupHeaderState): MenuGridGroupHeaderState => {\n  'use no memo';\n\n  state.root.className = mergeClasses(MenuGridGroupHeaderClassNames.root, state.root.className);\n\n  return state;\n};\n"],"names":["mergeClasses","MenuGridGroupHeaderClassNames","root","useMenuGridGroupHeaderStyles_unstable","state","className"],"mappings":"AACA,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,OAAO,MAAMC,gCAA0E;IACrFC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,wCAAwC,CAACC;IACpD;IAEAA,MAAMF,IAAI,CAACG,SAAS,GAAGL,aAAaC,8BAA8BC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAE5F,OAAOD;AACT,EAAE"}

package/lib/components/MenuGridItem/MenuGridItem.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { useMenuGridItem_unstable } from './useMenuGridItem';
+import { renderMenuGridItem_unstable } from './renderMenuGridItem';
+import { useMenuGridItemStyles_unstable } from './useMenuGridItemStyles.styles';
+// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * Define a MenuGridItem, using the `useMenuGridItem_unstable` hook.
+ */ export const MenuGridItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useMenuGridItem_unstable(props, ref);
+    useMenuGridItemStyles_unstable(state);
+    // useCustomStyleHook_unstable('useMenuGridItemStyles_unstable')(state);
+    return renderMenuGridItem_unstable(state);
+});
+MenuGridItem.displayName = 'MenuGridItem';

package/lib/components/MenuGridItem/MenuGridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridItem/MenuGridItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuGridItem_unstable } from './useMenuGridItem';\nimport { renderMenuGridItem_unstable } from './renderMenuGridItem';\nimport type { MenuGridItemProps } from './MenuGridItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridItemStyles_unstable } from './useMenuGridItemStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridItem, using the `useMenuGridItem_unstable` hook.\n */\nexport const MenuGridItem: ForwardRefComponent<MenuGridItemProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGridItem_unstable(props, ref);\n\n  useMenuGridItemStyles_unstable(state);\n\n  // useCustomStyleHook_unstable('useMenuGridItemStyles_unstable')(state);\n\n  return renderMenuGridItem_unstable(state);\n});\n\nMenuGridItem.displayName = 'MenuGridItem';\n"],"names":["React","useMenuGridItem_unstable","renderMenuGridItem_unstable","useMenuGridItemStyles_unstable","MenuGridItem","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/MenuGridItem/MenuGridItem.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridItem/MenuGridItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { MenuGridCellProps } from './../MenuGridCell/MenuGridCell.types';\nimport { MenuGridRowProps } from './../MenuGridRow/MenuGridRow.types';\n\nexport type MenuGridItemSlots = {\n  root: Slot<MenuGridRowProps>;\n\n  /**\n   * Icon slot rendered as cell before content cell\n   */\n  icon?: Slot<MenuGridCellProps>;\n\n  /**\n   * Component children are placed in this slot\n   * Avoid using the `children` property in this slot in favour of Component children whenever possible\n   */\n  content?: Slot<MenuGridCellProps>;\n\n  /**\n   * Additional descriptor to main content that creates a multiline layout\n   */\n  subText?: Slot<'span'>;\n\n  /**\n   * Firstd sub-action slot rendered as cell after content cell\n   */\n  firstSubAction?: Slot<MenuGridCellProps>;\n\n  /**\n   * Second sub-action slot rendered as cell after first sub-action cell\n   */\n  secondSubAction?: Slot<MenuGridCellProps>;\n};\n\nexport type MenuGridItemProps = ComponentProps<Partial<MenuGridItemSlots>>;\n\nexport type MenuGridItemState = ComponentState<MenuGridItemSlots>;\n"],"names":[],"mappings":"AAoCA,WAAkE"}

package/lib/components/MenuGridItem/index.js

@@ -0,0 +1,4 @@
+export { MenuGridItem } from './MenuGridItem';
+export { renderMenuGridItem_unstable } from './renderMenuGridItem';
+export { useMenuGridItem_unstable } from './useMenuGridItem';
+export { menuGridItemClassNames, useMenuGridItemStyles_unstable } from './useMenuGridItemStyles.styles';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridItem/index.ts"],"sourcesContent":["export type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\nexport { MenuGridItem } from './MenuGridItem';\nexport { renderMenuGridItem_unstable } from './renderMenuGridItem';\nexport { useMenuGridItem_unstable } from './useMenuGridItem';\nexport { menuGridItemClassNames, useMenuGridItemStyles_unstable } from './useMenuGridItemStyles.styles';\n"],"names":["MenuGridItem","renderMenuGridItem_unstable","useMenuGridItem_unstable","menuGridItemClassNames","useMenuGridItemStyles_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/MenuGridItem/renderMenuGridItem.js

@@ -0,0 +1,20 @@
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-utilities';
+/**
+ * Function that renders the final JSX of the component
+ */ export const renderMenuGridItem_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            state.icon && /*#__PURE__*/ _jsx(state.icon, {}),
+            state.content && /*#__PURE__*/ _jsxs(state.content, {
+                children: [
+                    state.content.children,
+                    state.subText && /*#__PURE__*/ _jsx(state.subText, {})
+                ]
+            }),
+            state.firstSubAction && /*#__PURE__*/ _jsx(state.firstSubAction, {}),
+            state.secondSubAction && /*#__PURE__*/ _jsx(state.secondSubAction, {})
+        ]
+    });
+};

package/lib/components/MenuGridItem/renderMenuGridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridItem/renderMenuGridItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridItem_unstable = (state: MenuGridItemState) => {\n  assertSlots<MenuGridItemSlots>(state);\n\n  return (\n    <state.root>\n      {state.icon && <state.icon />}\n      {state.content && (\n        <state.content>\n          {state.content.children}\n          {state.subText && <state.subText />}\n        </state.content>\n      )}\n      {state.firstSubAction && <state.firstSubAction />}\n      {state.secondSubAction && <state.secondSubAction />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderMenuGridItem_unstable","state","root","icon","content","children","subText","firstSubAction","secondSubAction"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAACC;IAC1CF,YAA+BE;IAE/B,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,IAAI,kBAAI,KAACF,MAAME,IAAI;YACzBF,MAAMG,OAAO,kBACZ,MAACH,MAAMG,OAAO;;oBACXH,MAAMG,OAAO,CAACC,QAAQ;oBACtBJ,MAAMK,OAAO,kBAAI,KAACL,MAAMK,OAAO;;;YAGnCL,MAAMM,cAAc,kBAAI,KAACN,MAAMM,cAAc;YAC7CN,MAAMO,eAAe,kBAAI,KAACP,MAAMO,eAAe;;;AAGtD,EAAE"}

package/lib/components/MenuGridItem/useMenuGridItem.js

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { slot } from '@fluentui/react-utilities';
+import { MenuGridCell } from './../MenuGridCell/MenuGridCell';
+import { MenuGridRow } from './../MenuGridRow/MenuGridRow';
+/**
+ * Given user props, returns state and render function for a MenuGridItem.
+ */ export function useMenuGridItem_unstable(props, ref) {
+    const { icon, content: _content, subText, firstSubAction, secondSubAction, ...rest } = props;
+    return {
+        components: {
+            root: MenuGridRow,
+            icon: MenuGridCell,
+            content: MenuGridCell,
+            subText: 'span',
+            firstSubAction: MenuGridCell,
+            secondSubAction: MenuGridCell
+        },
+        root: slot.always({
+            ref,
+            ...rest
+        }, {
+            elementType: MenuGridRow
+        }),
+        icon: slot.optional(props.icon, {
+            elementType: MenuGridCell
+        }),
+        content: slot.optional(props.content, {
+            renderByDefault: !!props.children,
+            defaultProps: {
+                children: props.children
+            },
+            elementType: MenuGridCell
+        }),
+        subText: slot.optional(props.subText, {
+            elementType: 'span'
+        }),
+        firstSubAction: slot.optional(props.firstSubAction, {
+            elementType: MenuGridCell
+        }),
+        secondSubAction: slot.optional(props.secondSubAction, {
+            elementType: MenuGridCell
+        })
+    };
+}

package/lib/components/MenuGridItem/useMenuGridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridItem/useMenuGridItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\n\nimport { MenuGridItemProps, MenuGridItemState } from './MenuGridItem.types';\nimport { MenuGridCell } from './../MenuGridCell/MenuGridCell';\nimport { MenuGridRow } from './../MenuGridRow/MenuGridRow';\n\n/**\n * Given user props, returns state and render function for a MenuGridItem.\n */\nexport function useMenuGridItem_unstable(props: MenuGridItemProps, ref: React.Ref<HTMLDivElement>): MenuGridItemState {\n  const {\n    icon,\n    content: _content, // `content` is a slot and it's type clashes with the HTMLElement `content` attribute\n    subText,\n    firstSubAction,\n    secondSubAction,\n    ...rest\n  } = props;\n\n  return {\n    components: {\n      root: MenuGridRow,\n      icon: MenuGridCell,\n      content: MenuGridCell,\n      subText: 'span',\n      firstSubAction: MenuGridCell,\n      secondSubAction: MenuGridCell,\n    },\n    root: slot.always(\n      {\n        ref,\n        ...rest,\n      },\n      { elementType: MenuGridRow },\n    ),\n    icon: slot.optional(props.icon, { elementType: MenuGridCell }),\n    content: slot.optional(props.content, {\n      renderByDefault: !!props.children,\n      defaultProps: { children: props.children },\n      elementType: MenuGridCell,\n    }),\n    subText: slot.optional(props.subText, { elementType: 'span' }),\n    firstSubAction: slot.optional(props.firstSubAction, { elementType: MenuGridCell }),\n    secondSubAction: slot.optional(props.secondSubAction, { elementType: MenuGridCell }),\n  };\n}\n"],"names":["React","slot","MenuGridCell","MenuGridRow","useMenuGridItem_unstable","props","ref","icon","content","_content","subText","firstSubAction","secondSubAction","rest","components","root","always","elementType","optional","renderByDefault","children","defaultProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,4BAA4B;AAGjD,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,WAAW,QAAQ,+BAA+B;AAE3D;;CAEC,GACD,OAAO,SAASC,yBAAyBC,KAAwB,EAAEC,GAA8B;IAC/F,MAAM,EACJC,IAAI,EACJC,SAASC,QAAQ,EACjBC,OAAO,EACPC,cAAc,EACdC,eAAe,EACf,GAAGC,MACJ,GAAGR;IAEJ,OAAO;QACLS,YAAY;YACVC,MAAMZ;YACNI,MAAML;YACNM,SAASN;YACTQ,SAAS;YACTC,gBAAgBT;YAChBU,iBAAiBV;QACnB;QACAa,MAAMd,KAAKe,MAAM,CACf;YACEV;YACA,GAAGO,IAAI;QACT,GACA;YAAEI,aAAad;QAAY;QAE7BI,MAAMN,KAAKiB,QAAQ,CAACb,MAAME,IAAI,EAAE;YAAEU,aAAaf;QAAa;QAC5DM,SAASP,KAAKiB,QAAQ,CAACb,MAAMG,OAAO,EAAE;YACpCW,iBAAiB,CAAC,CAACd,MAAMe,QAAQ;YACjCC,cAAc;gBAAED,UAAUf,MAAMe,QAAQ;YAAC;YACzCH,aAAaf;QACf;QACAQ,SAAST,KAAKiB,QAAQ,CAACb,MAAMK,OAAO,EAAE;YAAEO,aAAa;QAAO;QAC5DN,gBAAgBV,KAAKiB,QAAQ,CAACb,MAAMM,cAAc,EAAE;YAAEM,aAAaf;QAAa;QAChFU,iBAAiBX,KAAKiB,QAAQ,CAACb,MAAMO,eAAe,EAAE;YAAEK,aAAaf;QAAa;IACpF;AACF"}

package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.js

@@ -0,0 +1,15 @@
+import { mergeClasses } from '@griffel/react';
+export const menuGridItemClassNames = {
+  root: 'fui-MenuGridItem',
+  icon: 'fui-MenuGridRow__icon',
+  content: 'fui-MenuGridRow__content',
+  subText: 'fui-MenuGridRow__subText',
+  firstSubAction: 'fui-MenuGridRow__firstSubAction',
+  secondSubAction: 'fui-MenuGridRow__secondSubAction'
+};
+export const useMenuGridItemStyles_unstable = state => {
+  'use no memo';
+
+  state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);
+  return state;
+};

package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useMenuGridItemStyles_unstable","state","className"],"sources":["useMenuGridItemStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const menuGridItemClassNames = {\n    root: 'fui-MenuGridItem',\n    icon: 'fui-MenuGridRow__icon',\n    content: 'fui-MenuGridRow__content',\n    subText: 'fui-MenuGridRow__subText',\n    firstSubAction: 'fui-MenuGridRow__firstSubAction',\n    secondSubAction: 'fui-MenuGridRow__secondSubAction'\n};\nexport const useMenuGridItemStyles_unstable = (state)=>{\n    'use no memo';\n    state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,OAAO,MAAMC,sBAAsB,GAAG;EAClCC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE,uBAAuB;EAC7BC,OAAO,EAAE,0BAA0B;EACnCC,OAAO,EAAE,0BAA0B;EACnCC,cAAc,EAAE,iCAAiC;EACjDC,eAAe,EAAE;AACrB,CAAC;AACD,OAAO,MAAMC,8BAA8B,GAAIC,KAAK,IAAG;EACnD,aAAa;;EACbA,KAAK,CAACP,IAAI,CAACQ,SAAS,GAAGV,YAAY,CAACC,sBAAsB,CAACC,IAAI,EAAEO,KAAK,CAACP,IAAI,CAACQ,SAAS,CAAC;EACtF,OAAOD,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js

@@ -0,0 +1,14 @@
+import { mergeClasses } from '@griffel/react';
+export const menuGridItemClassNames = {
+    root: 'fui-MenuGridItem',
+    icon: 'fui-MenuGridRow__icon',
+    content: 'fui-MenuGridRow__content',
+    subText: 'fui-MenuGridRow__subText',
+    firstSubAction: 'fui-MenuGridRow__firstSubAction',
+    secondSubAction: 'fui-MenuGridRow__secondSubAction'
+};
+export const useMenuGridItemStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);
+    return state;
+};

package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridItem/useMenuGridItemStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\n\nexport const menuGridItemClassNames: SlotClassNames<MenuGridItemSlots> = {\n  root: 'fui-MenuGridItem',\n  icon: 'fui-MenuGridRow__icon',\n  content: 'fui-MenuGridRow__content',\n  subText: 'fui-MenuGridRow__subText',\n  firstSubAction: 'fui-MenuGridRow__firstSubAction',\n  secondSubAction: 'fui-MenuGridRow__secondSubAction',\n};\n\nexport const useMenuGridItemStyles_unstable = (state: MenuGridItemState): MenuGridItemState => {\n  'use no memo';\n\n  state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n\n  return state;\n};\n"],"names":["mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useMenuGridItemStyles_unstable","state","className"],"mappings":"AACA,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,OAAO,MAAMC,yBAA4D;IACvEC,MAAM;IACNC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,gBAAgB;IAChBC,iBAAiB;AACnB,EAAE;AAEF,OAAO,MAAMC,iCAAiC,CAACC;IAC7C;IAEAA,MAAMP,IAAI,CAACQ,SAAS,GAAGV,aAAaC,uBAAuBC,IAAI,EAAEO,MAAMP,IAAI,CAACQ,SAAS;IAErF,OAAOD;AACT,EAAE"}

package/lib/components/MenuGridRow/MenuGridRow.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { useMenuGridRow_unstable } from './useMenuGridRow';
+import { renderMenuGridRow_unstable } from './renderMenuGridRow';
+import { useMenuGridRowStyles_unstable } from './useMenuGridRowStyles.styles';
+// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * Define a MenuGridRow, using the `useMenuGridRow_unstable` hook.
+ */ export const MenuGridRow = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useMenuGridRow_unstable(props, ref);
+    useMenuGridRowStyles_unstable(state);
+    // useCustomStyleHook_unstable('useMenuGridRowStyles_unstable')(state);
+    return renderMenuGridRow_unstable(state);
+});
+MenuGridRow.displayName = 'MenuGridRow';

package/lib/components/MenuGridRow/MenuGridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridRow/MenuGridRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuGridRow_unstable } from './useMenuGridRow';\nimport { renderMenuGridRow_unstable } from './renderMenuGridRow';\nimport type { MenuGridRowProps } from './MenuGridRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridRowStyles_unstable } from './useMenuGridRowStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridRow, using the `useMenuGridRow_unstable` hook.\n */\nexport const MenuGridRow: ForwardRefComponent<MenuGridRowProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGridRow_unstable(props, ref);\n\n  useMenuGridRowStyles_unstable(state);\n\n  // useCustomStyleHook_unstable('useMenuGridRowStyles_unstable')(state);\n\n  return renderMenuGridRow_unstable(state);\n});\n\nMenuGridRow.displayName = 'MenuGridRow';\n"],"names":["React","useMenuGridRow_unstable","renderMenuGridRow_unstable","useMenuGridRowStyles_unstable","MenuGridRow","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,sBAAsB;AAGjE,SAASC,6BAA6B,QAAQ,gCAAgC;AAC9E,iFAAiF;AAEjF;;CAEC,GACD,OAAO,MAAMC,4BAAqDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQP,wBAAwBK,OAAOC;IAE7CJ,8BAA8BK;IAE9B,uEAAuE;IAEvE,OAAON,2BAA2BM;AACpC,GAAG;AAEHJ,YAAYK,WAAW,GAAG"}

package/lib/components/MenuGridRow/MenuGridRow.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridRow/MenuGridRow.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MenuGridRowSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuGridRowProps = ComponentProps<Partial<MenuGridRowSlots>>;\n\nexport type MenuGridRowState = ComponentState<MenuGridRowSlots>;\n"],"names":[],"mappings":"AAQA,WAAgE"}

package/lib/components/MenuGridRow/index.js

@@ -0,0 +1,4 @@
+export { MenuGridRow } from './MenuGridRow';
+export { renderMenuGridRow_unstable } from './renderMenuGridRow';
+export { useMenuGridRow_unstable } from './useMenuGridRow';
+export { menuGridRowClassNames, useMenuGridRowStyles_unstable } from './useMenuGridRowStyles.styles';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridRow/index.ts"],"sourcesContent":["export type { MenuGridRowProps, MenuGridRowSlots, MenuGridRowState } from './MenuGridRow.types';\nexport { MenuGridRow } from './MenuGridRow';\nexport { renderMenuGridRow_unstable } from './renderMenuGridRow';\nexport { useMenuGridRow_unstable } from './useMenuGridRow';\nexport { menuGridRowClassNames, useMenuGridRowStyles_unstable } from './useMenuGridRowStyles.styles';\n"],"names":["MenuGridRow","renderMenuGridRow_unstable","useMenuGridRow_unstable","menuGridRowClassNames","useMenuGridRowStyles_unstable"],"mappings":"AACA,SAASA,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,qBAAqB,EAAEC,6BAA6B,QAAQ,gCAAgC"}

package/lib/components/MenuGridRow/renderMenuGridRow.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 renderMenuGridRow_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(state.root, {});
+};

package/lib/components/MenuGridRow/renderMenuGridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridRow/renderMenuGridRow.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { MenuGridRowSlots, MenuGridRowState } from './MenuGridRow.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridRow_unstable = (state: MenuGridRowState) => {\n  assertSlots<MenuGridRowSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderMenuGridRow_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzCF,YAA8BE;IAE9B,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/MenuGridRow/useMenuGridRow.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
+import { useMenuGridContext_unstable } from '../../contexts/menuGridContext';
+/**
+ * Given user props, returns state and render function for a MenuGridRow.
+ */ export function useMenuGridRow_unstable(props, ref) {
+    const { tableRowTabsterAttribute } = useMenuGridContext_unstable();
+    return {
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            ref,
+            role: 'row',
+            tabIndex: 0,
+            ...tableRowTabsterAttribute,
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
+}

package/lib/components/MenuGridRow/useMenuGridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridRow/useMenuGridRow.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport { useMenuGridContext_unstable } from '../../contexts/menuGridContext';\nimport { MenuGridRowProps, MenuGridRowState } from './MenuGridRow.types';\n\n/**\n * Given user props, returns state and render function for a MenuGridRow.\n */\nexport function useMenuGridRow_unstable(props: MenuGridRowProps, ref: React.Ref<HTMLDivElement>): MenuGridRowState {\n  const { tableRowTabsterAttribute } = useMenuGridContext_unstable();\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        role: 'row',\n        tabIndex: 0,\n        ...tableRowTabsterAttribute,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n}\n"],"names":["React","getIntrinsicElementProps","slot","useMenuGridContext_unstable","useMenuGridRow_unstable","props","ref","tableRowTabsterAttribute","components","root","always","role","tabIndex","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,2BAA2B,QAAQ,iCAAiC;AAG7E;;CAEC,GACD,OAAO,SAASC,wBAAwBC,KAAuB,EAAEC,GAA8B;IAC7F,MAAM,EAAEC,wBAAwB,EAAE,GAAGJ;IAErC,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMP,KAAKQ,MAAM,CACfT,yBAAyB,OAAO;YAC9BK;YACAK,MAAM;YACNC,UAAU;YACV,GAAGL,wBAAwB;YAC3B,GAAGF,KAAK;QACV,IACA;YAAEQ,aAAa;QAAM;IAEzB;AACF"}

package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.js

@@ -0,0 +1,10 @@
+import { mergeClasses } from '@griffel/react';
+export const menuGridRowClassNames = {
+  root: 'fui-MenuGridRow'
+};
+export const useMenuGridRowStyles_unstable = state => {
+  'use no memo';
+
+  state.root.className = mergeClasses(menuGridRowClassNames.root, state.root.className);
+  return state;
+};

package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mergeClasses","menuGridRowClassNames","root","useMenuGridRowStyles_unstable","state","className"],"sources":["useMenuGridRowStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const menuGridRowClassNames = {\n    root: 'fui-MenuGridRow'\n};\nexport const useMenuGridRowStyles_unstable = (state)=>{\n    'use no memo';\n    state.root.className = mergeClasses(menuGridRowClassNames.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,OAAO,MAAMC,qBAAqB,GAAG;EACjCC,IAAI,EAAE;AACV,CAAC;AACD,OAAO,MAAMC,6BAA6B,GAAIC,KAAK,IAAG;EAClD,aAAa;;EACbA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGL,YAAY,CAACC,qBAAqB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EACrF,OAAOD,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js

@@ -0,0 +1,9 @@
+import { mergeClasses } from '@griffel/react';
+export const menuGridRowClassNames = {
+    root: 'fui-MenuGridRow'
+};
+export const useMenuGridRowStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = mergeClasses(menuGridRowClassNames.root, state.root.className);
+    return state;
+};

package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridRow/useMenuGridRowStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGridRowSlots, MenuGridRowState } from './MenuGridRow.types';\n\nexport const menuGridRowClassNames: SlotClassNames<MenuGridRowSlots> = {\n  root: 'fui-MenuGridRow',\n};\n\nexport const useMenuGridRowStyles_unstable = (state: MenuGridRowState): MenuGridRowState => {\n  'use no memo';\n\n  state.root.className = mergeClasses(menuGridRowClassNames.root, state.root.className);\n\n  return state;\n};\n"],"names":["mergeClasses","menuGridRowClassNames","root","useMenuGridRowStyles_unstable","state","className"],"mappings":"AACA,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,OAAO,MAAMC,wBAA0D;IACrEC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,gCAAgC,CAACC;IAC5C;IAEAA,MAAMF,IAAI,CAACG,SAAS,GAAGL,aAAaC,sBAAsBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEpF,OAAOD;AACT,EAAE"}

package/lib/components/index.js

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

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/index.ts"],"sourcesContent":["export type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './MenuGrid/index';\nexport {\n  MenuGrid,\n  menuGridClassNames,\n  renderMenuGrid_unstable,\n  useMenuGridContextValues_unstable,\n  useMenuGridStyles_unstable,\n  useMenuGrid_unstable,\n} from './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,mBAAmB"}

package/lib/contexts/menuGridContext.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export const MenuGridContext = React.createContext(undefined);
+const menuGridContextDefaultValue = {
+    tableRowTabsterAttribute: null
+};
+export const MenuGridContextProvider = MenuGridContext.Provider;
+export const useMenuGridContext_unstable = ()=>{
+    var _React_useContext;
+    return (_React_useContext = React.useContext(MenuGridContext)) !== null && _React_useContext !== void 0 ? _React_useContext : menuGridContextDefaultValue;
+};