feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/MenuItemRadio.js

@@ -0,0 +1,15 @@
+'use client';
+import * as React from 'react';
+import { useMenuItemRadio_unstable } from './useMenuItemRadio';
+import { renderMenuItemRadio_unstable } from './renderMenuItemRadio';
+import { useMenuItemRadioStyles_unstable } from './useMenuItemRadioStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * Define a styled MenuItemRadio, using the `useMenuItemRadio_unstable` hook.
+ */ export const MenuItemRadio = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useMenuItemRadio_unstable(props, ref);
+    useMenuItemRadioStyles_unstable(state);
+    useCustomStyleHook_unstable('useMenuItemRadioStyles_unstable')(state);
+    return renderMenuItemRadio_unstable(state);
+});
+MenuItemRadio.displayName = 'MenuItemRadio';

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/MenuItemRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuItemRadio/MenuItemRadio.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuItemRadio_unstable } from './useMenuItemRadio';\nimport { renderMenuItemRadio_unstable } from './renderMenuItemRadio';\nimport { useMenuItemRadioStyles_unstable } from './useMenuItemRadioStyles.styles';\nimport type { MenuItemRadioProps } from './MenuItemRadio.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled MenuItemRadio, using the `useMenuItemRadio_unstable` hook.\n */\nexport const MenuItemRadio: ForwardRefComponent<MenuItemRadioProps> = React.forwardRef((props, ref) => {\n  const state = useMenuItemRadio_unstable(props, ref);\n\n  useMenuItemRadioStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useMenuItemRadioStyles_unstable')(state);\n\n  return renderMenuItemRadio_unstable(state);\n});\n\nMenuItemRadio.displayName = 'MenuItemRadio';\n"],"names":["React","useMenuItemRadio_unstable","renderMenuItemRadio_unstable","useMenuItemRadioStyles_unstable","useCustomStyleHook_unstable","MenuItemRadio","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAGlF,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,8BAAyDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQR,0BAA0BM,OAAOC;IAE/CL,gCAAgCM;IAEhCL,4BAA4B,mCAAmCK;IAE/D,OAAOP,6BAA6BO;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/MenuItemRadio.types.js

@@ -0,0 +1,3 @@
+/**
+ * Since MenuItemRadio has no design props, MenuItemRadioBaseState equals MenuItemRadioState
+ */ export { };

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/MenuItemRadio.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuItemRadio/MenuItemRadio.types.ts"],"sourcesContent":["import type { MenuItemSelectableProps, MenuItemSelectableState } from '../../selectable/index';\nimport type { MenuItemProps, MenuItemState } from '../MenuItem/MenuItem.types';\n\nexport type MenuItemRadioProps = MenuItemProps & MenuItemSelectableProps;\n\nexport type MenuItemRadioState = MenuItemState & MenuItemSelectableState;\n\n/**\n * Since MenuItemRadio has no design props, MenuItemRadioBaseProps equals MenuItemRadioProps\n */\nexport type MenuItemRadioBaseProps = MenuItemRadioProps;\n\n/**\n * Since MenuItemRadio has no design props, MenuItemRadioBaseState equals MenuItemRadioState\n */\nexport type MenuItemRadioBaseState = MenuItemRadioState;\n"],"names":[],"mappings":"AAYA;;CAEC,GACD,WAAwD"}

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/index.js

@@ -0,0 +1,4 @@
+export { MenuItemRadio } from './MenuItemRadio';
+export { renderMenuItemRadio_unstable } from './renderMenuItemRadio';
+export { useMenuItemRadio_unstable, useMenuItemRadioBase_unstable } from './useMenuItemRadio';
+export { menuItemRadioClassNames, useMenuItemRadioStyles_unstable } from './useMenuItemRadioStyles.styles';

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuItemRadio/index.ts"],"sourcesContent":["export type {\n  MenuItemRadioProps,\n  MenuItemRadioState,\n  MenuItemRadioBaseProps,\n  MenuItemRadioBaseState,\n} from './MenuItemRadio.types';\nexport { MenuItemRadio } from './MenuItemRadio';\nexport { renderMenuItemRadio_unstable } from './renderMenuItemRadio';\nexport { useMenuItemRadio_unstable, useMenuItemRadioBase_unstable } from './useMenuItemRadio';\nexport { menuItemRadioClassNames, useMenuItemRadioStyles_unstable } from './useMenuItemRadioStyles.styles';\n"],"names":["MenuItemRadio","renderMenuItemRadio_unstable","useMenuItemRadio_unstable","useMenuItemRadioBase_unstable","menuItemRadioClassNames","useMenuItemRadioStyles_unstable"],"mappings":"AAMA,SAASA,aAAa,QAAQ,kBAAkB;AAChD,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,EAAEC,6BAA6B,QAAQ,qBAAqB;AAC9F,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,kCAAkC"}

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/renderMenuItemRadio.js

@@ -0,0 +1,21 @@
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-utilities';
+/**
+ * Redefine the render function to add slots. Reuse the menuitemradio structure but add
+ * slots to children.
+ */ export const renderMenuItemRadio_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            state.checkmark && /*#__PURE__*/ _jsx(state.checkmark, {}),
+            state.icon && /*#__PURE__*/ _jsx(state.icon, {}),
+            state.content && /*#__PURE__*/ _jsxs(state.content, {
+                children: [
+                    state.content.children,
+                    state.subText && /*#__PURE__*/ _jsx(state.subText, {})
+                ]
+            }),
+            state.secondaryContent && /*#__PURE__*/ _jsx(state.secondaryContent, {})
+        ]
+    });
+};

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/renderMenuItemRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuItemRadio/renderMenuItemRadio.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { MenuItemRadioState } from './MenuItemRadio.types';\nimport type { MenuItemSlots } from '../MenuItem/MenuItem.types';\n\n/**\n * Redefine the render function to add slots. Reuse the menuitemradio structure but add\n * slots to children.\n */\nexport const renderMenuItemRadio_unstable = (state: MenuItemRadioState): JSXElement => {\n  assertSlots<MenuItemSlots>(state);\n\n  return (\n    <state.root>\n      {state.checkmark && <state.checkmark />}\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.secondaryContent && <state.secondaryContent />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderMenuItemRadio_unstable","state","root","checkmark","icon","content","children","subText","secondaryContent"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAKxD;;;CAGC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3CF,YAA2BE;IAE3B,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,SAAS,kBAAI,KAACF,MAAME,SAAS;YACnCF,MAAMG,IAAI,kBAAI,KAACH,MAAMG,IAAI;YACzBH,MAAMI,OAAO,kBACZ,MAACJ,MAAMI,OAAO;;oBACXJ,MAAMI,OAAO,CAACC,QAAQ;oBACtBL,MAAMM,OAAO,kBAAI,KAACN,MAAMM,OAAO;;;YAGnCN,MAAMO,gBAAgB,kBAAI,KAACP,MAAMO,gBAAgB;;;AAGxD,EAAE"}

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/useMenuItemRadio.js

@@ -0,0 +1,51 @@
+'use client';
+import * as React from 'react';
+import { slot } from '@fluentui/react-utilities';
+import { Checkmark16Filled } from '@fluentui/react-icons';
+import { useMenuListContext_unstable } from '../../contexts/menuListContext';
+import { useMenuItemBase_unstable } from '../MenuItem/useMenuItem';
+/**
+ * Given user props, returns state and render function for a MenuItemRadio.
+ */ export const useMenuItemRadio_unstable = (props, ref)=>{
+    const state = useMenuItemRadioBase_unstable(props, ref);
+    // Set default checkmark icon
+    if (state.checkmark) {
+        var _state_checkmark;
+        var _children;
+        (_children = (_state_checkmark = state.checkmark).children) !== null && _children !== void 0 ? _children : _state_checkmark.children = /*#__PURE__*/ React.createElement(Checkmark16Filled, null);
+    }
+    return state;
+};
+/**
+ * Base hook for MenuItemRadio component, produces state required to render the component.
+ * It doesn't set any design-related props specific to MenuItemRadio.
+ *
+ * @internal
+ */ export const useMenuItemRadioBase_unstable = (props, ref)=>{
+    const { name, value } = props;
+    const checked = useMenuListContext_unstable((context)=>{
+        var _context_checkedValues;
+        const checkedItems = ((_context_checkedValues = context.checkedValues) === null || _context_checkedValues === void 0 ? void 0 : _context_checkedValues[name]) || [];
+        return checkedItems.indexOf(value) !== -1;
+    });
+    const selectRadio = useMenuListContext_unstable((context)=>context.selectRadio);
+    return {
+        ...useMenuItemBase_unstable({
+            ...props,
+            role: 'menuitemradio',
+            'aria-checked': checked,
+            checkmark: slot.optional(props.checkmark, {
+                renderByDefault: true,
+                elementType: 'span'
+            }),
+            onClick: (e)=>{
+                var _props_onClick;
+                selectRadio === null || selectRadio === void 0 ? void 0 : selectRadio(e, name, value, checked);
+                (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);
+            }
+        }, ref),
+        checked,
+        name,
+        value
+    };
+};

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/useMenuItemRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuItemRadio/useMenuItemRadio.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { Checkmark16Filled } from '@fluentui/react-icons';\nimport { useMenuListContext_unstable } from '../../contexts/menuListContext';\nimport { useMenuItemBase_unstable } from '../MenuItem/useMenuItem';\nimport type {\n  MenuItemRadioBaseProps,\n  MenuItemRadioBaseState,\n  MenuItemRadioProps,\n  MenuItemRadioState,\n} from './MenuItemRadio.types';\nimport type { ARIAButtonElement, ARIAButtonElementIntersection } from '@fluentui/react-aria';\n\n/**\n * Given user props, returns state and render function for a MenuItemRadio.\n */\nexport const useMenuItemRadio_unstable = (\n  props: MenuItemRadioProps,\n  ref: React.Ref<ARIAButtonElement<'div'>>,\n): MenuItemRadioState => {\n  const state = useMenuItemRadioBase_unstable(props, ref);\n\n  // Set default checkmark icon\n  if (state.checkmark) {\n    state.checkmark.children ??= <Checkmark16Filled />;\n  }\n\n  return state;\n};\n\n/**\n * Base hook for MenuItemRadio component, produces state required to render the component.\n * It doesn't set any design-related props specific to MenuItemRadio.\n *\n * @internal\n */\nexport const useMenuItemRadioBase_unstable = (\n  props: MenuItemRadioBaseProps,\n  ref: React.Ref<ARIAButtonElement<'div'>>,\n): MenuItemRadioBaseState => {\n  const { name, value } = props;\n\n  const checked = useMenuListContext_unstable(context => {\n    const checkedItems = context.checkedValues?.[name] || [];\n    return checkedItems.indexOf(value) !== -1;\n  });\n\n  const selectRadio = useMenuListContext_unstable(context => context.selectRadio);\n\n  return {\n    ...useMenuItemBase_unstable(\n      {\n        ...props,\n        role: 'menuitemradio',\n        'aria-checked': checked,\n        checkmark: slot.optional(props.checkmark, {\n          renderByDefault: true,\n          elementType: 'span',\n        }),\n        onClick: (e: React.MouseEvent<ARIAButtonElementIntersection<'div'>>) => {\n          selectRadio?.(e, name, value, checked);\n          props.onClick?.(e);\n        },\n      },\n      ref,\n    ),\n    checked,\n    name,\n    value,\n  };\n};\n"],"names":["React","slot","Checkmark16Filled","useMenuListContext_unstable","useMenuItemBase_unstable","useMenuItemRadio_unstable","props","ref","state","useMenuItemRadioBase_unstable","checkmark","children","name","value","checked","context","checkedItems","checkedValues","indexOf","selectRadio","role","optional","renderByDefault","elementType","onClick","e"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAASC,iBAAiB,QAAQ,wBAAwB;AAC1D,SAASC,2BAA2B,QAAQ,iCAAiC;AAC7E,SAASC,wBAAwB,QAAQ,0BAA0B;AASnE;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,QAAQC,8BAA8BH,OAAOC;IAEnD,6BAA6B;IAC7B,IAAIC,MAAME,SAAS,EAAE;YACnBF;;QAAAA,cAAAA,mBAAAA,MAAME,SAAS,EAACC,yDAAhBH,iBAAgBG,yBAAa,oBAACT;IAChC;IAEA,OAAOM;AACT,EAAE;AAEF;;;;;CAKC,GACD,OAAO,MAAMC,gCAAgC,CAC3CH,OACAC;IAEA,MAAM,EAAEK,IAAI,EAAEC,KAAK,EAAE,GAAGP;IAExB,MAAMQ,UAAUX,4BAA4BY,CAAAA;YACrBA;QAArB,MAAMC,eAAeD,EAAAA,yBAAAA,QAAQE,aAAa,cAArBF,6CAAAA,sBAAuB,CAACH,KAAK,KAAI,EAAE;QACxD,OAAOI,aAAaE,OAAO,CAACL,WAAW,CAAC;IAC1C;IAEA,MAAMM,cAAchB,4BAA4BY,CAAAA,UAAWA,QAAQI,WAAW;IAE9E,OAAO;QACL,GAAGf,yBACD;YACE,GAAGE,KAAK;YACRc,MAAM;YACN,gBAAgBN;YAChBJ,WAAWT,KAAKoB,QAAQ,CAACf,MAAMI,SAAS,EAAE;gBACxCY,iBAAiB;gBACjBC,aAAa;YACf;YACAC,SAAS,CAACC;oBAERnB;gBADAa,wBAAAA,kCAAAA,YAAcM,GAAGb,MAAMC,OAAOC;iBAC9BR,iBAAAA,MAAMkB,OAAO,cAAblB,qCAAAA,oBAAAA,OAAgBmB;YAClB;QACF,GACAlB,IACD;QACDO;QACAF;QACAC;IACF;AACF,EAAE"}

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/useMenuItemRadioStyles.styles.js

@@ -0,0 +1,35 @@
+'use client';
+
+import { mergeClasses } from '@griffel/react';
+import { useCheckmarkStyles_unstable } from '../../selectable/index';
+import { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles.styles';
+export const menuItemRadioClassNames = {
+  root: 'fui-MenuItemRadio',
+  icon: 'fui-MenuItemRadio__icon',
+  checkmark: 'fui-MenuItemRadio__checkmark',
+  content: 'fui-MenuItemRadio__content',
+  secondaryContent: 'fui-MenuItemRadio__secondaryContent',
+  subText: 'fui-MenuItemRadio__subText'
+};
+export const useMenuItemRadioStyles_unstable = state => {
+  'use no memo';
+
+  state.root.className = mergeClasses(menuItemRadioClassNames.root, state.root.className);
+  if (state.content) {
+    state.content.className = mergeClasses(menuItemRadioClassNames.content, state.content.className);
+  }
+  if (state.secondaryContent) {
+    state.secondaryContent.className = mergeClasses(menuItemRadioClassNames.secondaryContent, state.secondaryContent.className);
+  }
+  if (state.icon) {
+    state.icon.className = mergeClasses(menuItemRadioClassNames.icon, state.icon.className);
+  }
+  if (state.checkmark) {
+    state.checkmark.className = mergeClasses(menuItemRadioClassNames.checkmark, state.checkmark.className);
+  }
+  if (state.subText) {
+    state.subText.className = mergeClasses(menuItemRadioClassNames.subText, state.subText.className);
+  }
+  useMenuItemStyles_unstable(state);
+  useCheckmarkStyles_unstable(state);
+};

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/useMenuItemRadioStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mergeClasses","useCheckmarkStyles_unstable","useMenuItemStyles_unstable","menuItemRadioClassNames","root","icon","checkmark","content","secondaryContent","subText","useMenuItemRadioStyles_unstable","state","className"],"sources":["useMenuItemRadioStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses } from '@griffel/react';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nimport { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles.styles';\nexport const menuItemRadioClassNames = {\n    root: 'fui-MenuItemRadio',\n    icon: 'fui-MenuItemRadio__icon',\n    checkmark: 'fui-MenuItemRadio__checkmark',\n    content: 'fui-MenuItemRadio__content',\n    secondaryContent: 'fui-MenuItemRadio__secondaryContent',\n    subText: 'fui-MenuItemRadio__subText'\n};\nexport const useMenuItemRadioStyles_unstable = (state)=>{\n    'use no memo';\n    state.root.className = mergeClasses(menuItemRadioClassNames.root, state.root.className);\n    if (state.content) {\n        state.content.className = mergeClasses(menuItemRadioClassNames.content, state.content.className);\n    }\n    if (state.secondaryContent) {\n        state.secondaryContent.className = mergeClasses(menuItemRadioClassNames.secondaryContent, state.secondaryContent.className);\n    }\n    if (state.icon) {\n        state.icon.className = mergeClasses(menuItemRadioClassNames.icon, state.icon.className);\n    }\n    if (state.checkmark) {\n        state.checkmark.className = mergeClasses(menuItemRadioClassNames.checkmark, state.checkmark.className);\n    }\n    if (state.subText) {\n        state.subText.className = mergeClasses(menuItemRadioClassNames.subText, state.subText.className);\n    }\n    useMenuItemStyles_unstable(state);\n    useCheckmarkStyles_unstable(state);\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,2BAA2B,QAAQ,wBAAwB;AACpE,SAASC,0BAA0B,QAAQ,sCAAsC;AACjF,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE,mBAAmB;EACzBC,IAAI,EAAE,yBAAyB;EAC/BC,SAAS,EAAE,8BAA8B;EACzCC,OAAO,EAAE,4BAA4B;EACrCC,gBAAgB,EAAE,qCAAqC;EACvDC,OAAO,EAAE;AACb,CAAC;AACD,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACpD,aAAa;;EACbA,KAAK,CAACP,IAAI,CAACQ,SAAS,GAAGZ,YAAY,CAACG,uBAAuB,CAACC,IAAI,EAAEO,KAAK,CAACP,IAAI,CAACQ,SAAS,CAAC;EACvF,IAAID,KAAK,CAACJ,OAAO,EAAE;IACfI,KAAK,CAACJ,OAAO,CAACK,SAAS,GAAGZ,YAAY,CAACG,uBAAuB,CAACI,OAAO,EAAEI,KAAK,CAACJ,OAAO,CAACK,SAAS,CAAC;EACpG;EACA,IAAID,KAAK,CAACH,gBAAgB,EAAE;IACxBG,KAAK,CAACH,gBAAgB,CAACI,SAAS,GAAGZ,YAAY,CAACG,uBAAuB,CAACK,gBAAgB,EAAEG,KAAK,CAACH,gBAAgB,CAACI,SAAS,CAAC;EAC/H;EACA,IAAID,KAAK,CAACN,IAAI,EAAE;IACZM,KAAK,CAACN,IAAI,CAACO,SAAS,GAAGZ,YAAY,CAACG,uBAAuB,CAACE,IAAI,EAAEM,KAAK,CAACN,IAAI,CAACO,SAAS,CAAC;EAC3F;EACA,IAAID,KAAK,CAACL,SAAS,EAAE;IACjBK,KAAK,CAACL,SAAS,CAACM,SAAS,GAAGZ,YAAY,CAACG,uBAAuB,CAACG,SAAS,EAAEK,KAAK,CAACL,SAAS,CAACM,SAAS,CAAC;EAC1G;EACA,IAAID,KAAK,CAACF,OAAO,EAAE;IACfE,KAAK,CAACF,OAAO,CAACG,SAAS,GAAGZ,YAAY,CAACG,uBAAuB,CAACM,OAAO,EAAEE,KAAK,CAACF,OAAO,CAACG,SAAS,CAAC;EACpG;EACAV,0BAA0B,CAACS,KAAK,CAAC;EACjCV,2BAA2B,CAACU,KAAK,CAAC;AACtC,CAAC","ignoreList":[]}

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/useMenuItemRadioStyles.styles.raw.js

@@ -0,0 +1,33 @@
+'use client';
+import { mergeClasses } from '@griffel/react';
+import { useCheckmarkStyles_unstable } from '../../selectable/index';
+import { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles.styles';
+export const menuItemRadioClassNames = {
+    root: 'fui-MenuItemRadio',
+    icon: 'fui-MenuItemRadio__icon',
+    checkmark: 'fui-MenuItemRadio__checkmark',
+    content: 'fui-MenuItemRadio__content',
+    secondaryContent: 'fui-MenuItemRadio__secondaryContent',
+    subText: 'fui-MenuItemRadio__subText'
+};
+export const useMenuItemRadioStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = mergeClasses(menuItemRadioClassNames.root, state.root.className);
+    if (state.content) {
+        state.content.className = mergeClasses(menuItemRadioClassNames.content, state.content.className);
+    }
+    if (state.secondaryContent) {
+        state.secondaryContent.className = mergeClasses(menuItemRadioClassNames.secondaryContent, state.secondaryContent.className);
+    }
+    if (state.icon) {
+        state.icon.className = mergeClasses(menuItemRadioClassNames.icon, state.icon.className);
+    }
+    if (state.checkmark) {
+        state.checkmark.className = mergeClasses(menuItemRadioClassNames.checkmark, state.checkmark.className);
+    }
+    if (state.subText) {
+        state.subText.className = mergeClasses(menuItemRadioClassNames.subText, state.subText.className);
+    }
+    useMenuItemStyles_unstable(state);
+    useCheckmarkStyles_unstable(state);
+};

node_modules/@fluentui/react-menu/lib/components/MenuItemRadio/useMenuItemRadioStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuItemRadio/useMenuItemRadioStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@griffel/react';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nimport { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles.styles';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MenuItemSlots } from '../index';\nimport type { MenuItemRadioState } from './MenuItemRadio.types';\n\nexport const menuItemRadioClassNames: SlotClassNames<Omit<MenuItemSlots, 'submenuIndicator'>> = {\n  root: 'fui-MenuItemRadio',\n  icon: 'fui-MenuItemRadio__icon',\n  checkmark: 'fui-MenuItemRadio__checkmark',\n  content: 'fui-MenuItemRadio__content',\n  secondaryContent: 'fui-MenuItemRadio__secondaryContent',\n  subText: 'fui-MenuItemRadio__subText',\n};\n\nexport const useMenuItemRadioStyles_unstable = (state: MenuItemRadioState): void => {\n  'use no memo';\n\n  state.root.className = mergeClasses(menuItemRadioClassNames.root, state.root.className);\n\n  if (state.content) {\n    state.content.className = mergeClasses(menuItemRadioClassNames.content, state.content.className);\n  }\n\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(\n      menuItemRadioClassNames.secondaryContent,\n      state.secondaryContent.className,\n    );\n  }\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuItemRadioClassNames.icon, state.icon.className);\n  }\n\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(menuItemRadioClassNames.checkmark, state.checkmark.className);\n  }\n\n  if (state.subText) {\n    state.subText.className = mergeClasses(menuItemRadioClassNames.subText, state.subText.className);\n  }\n\n  useMenuItemStyles_unstable(state);\n  useCheckmarkStyles_unstable(state);\n};\n"],"names":["mergeClasses","useCheckmarkStyles_unstable","useMenuItemStyles_unstable","menuItemRadioClassNames","root","icon","checkmark","content","secondaryContent","subText","useMenuItemRadioStyles_unstable","state","className"],"mappings":"AAAA;AAEA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,2BAA2B,QAAQ,yBAAyB;AACrE,SAASC,0BAA0B,QAAQ,uCAAuC;AAKlF,OAAO,MAAMC,0BAAmF;IAC9FC,MAAM;IACNC,MAAM;IACNC,WAAW;IACXC,SAAS;IACTC,kBAAkB;IAClBC,SAAS;AACX,EAAE;AAEF,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEAA,MAAMP,IAAI,CAACQ,SAAS,GAAGZ,aAAaG,wBAAwBC,IAAI,EAAEO,MAAMP,IAAI,CAACQ,SAAS;IAEtF,IAAID,MAAMJ,OAAO,EAAE;QACjBI,MAAMJ,OAAO,CAACK,SAAS,GAAGZ,aAAaG,wBAAwBI,OAAO,EAAEI,MAAMJ,OAAO,CAACK,SAAS;IACjG;IAEA,IAAID,MAAMH,gBAAgB,EAAE;QAC1BG,MAAMH,gBAAgB,CAACI,SAAS,GAAGZ,aACjCG,wBAAwBK,gBAAgB,EACxCG,MAAMH,gBAAgB,CAACI,SAAS;IAEpC;IAEA,IAAID,MAAMN,IAAI,EAAE;QACdM,MAAMN,IAAI,CAACO,SAAS,GAAGZ,aAAaG,wBAAwBE,IAAI,EAAEM,MAAMN,IAAI,CAACO,SAAS;IACxF;IAEA,IAAID,MAAML,SAAS,EAAE;QACnBK,MAAML,SAAS,CAACM,SAAS,GAAGZ,aAAaG,wBAAwBG,SAAS,EAAEK,MAAML,SAAS,CAACM,SAAS;IACvG;IAEA,IAAID,MAAMF,OAAO,EAAE;QACjBE,MAAMF,OAAO,CAACG,SAAS,GAAGZ,aAAaG,wBAAwBM,OAAO,EAAEE,MAAMF,OAAO,CAACG,SAAS;IACjG;IAEAV,2BAA2BS;IAC3BV,4BAA4BU;AAC9B,EAAE"}