@fluentui/react-menu 0.0.0-nightly-20250703-1103.1 → 0.0.0-nightly-20250704-0407.1

package/lib-commonjs/components/MenuItem/useMenuItemStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/MenuItem/useMenuItemStyles.styles.ts"],"sourcesContent":["import { mergeClasses, makeStyles, makeResetStyles } from '@griffel/react';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useCheckmarkStyles_unstable } from '../../selectable/index';\nimport type { MenuItemCheckboxState } from '../MenuItemCheckbox/index';\nimport type { MenuItemSlots, MenuItemState } from './MenuItem.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const menuItemClassNames: SlotClassNames<MenuItemSlots> = {\n  root: 'fui-MenuItem',\n  icon: 'fui-MenuItem__icon',\n  checkmark: 'fui-MenuItem__checkmark',\n  submenuIndicator: 'fui-MenuItem__submenuIndicator',\n  content: 'fui-MenuItem__content',\n  secondaryContent: 'fui-MenuItem__secondaryContent',\n  subText: 'fui-MenuItem__subText',\n};\n\nconst useRootBaseStyles = makeResetStyles({\n  borderRadius: tokens.borderRadiusMedium,\n  position: 'relative',\n  color: tokens.colorNeutralForeground2,\n  backgroundColor: tokens.colorNeutralBackground1,\n  paddingRight: tokens.spacingVerticalSNudge, // 6px\n  paddingLeft: tokens.spacingVerticalSNudge,\n  paddingTop: tokens.spacingVerticalSNudge,\n  paddingBottom: tokens.spacingVerticalSNudge,\n  boxSizing: 'border-box',\n  maxWidth: '290px',\n  minHeight: '32px',\n  flexShrink: 0,\n  display: 'flex',\n  alignItems: 'start',\n  fontSize: tokens.fontSizeBase300,\n  cursor: 'pointer',\n  gap: '4px',\n\n  ':hover': {\n    backgroundColor: tokens.colorNeutralBackground1Hover,\n    color: tokens.colorNeutralForeground2Hover,\n\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none',\n    },\n    [`& .${menuItemClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2BrandSelected,\n    },\n\n    [`& .${menuItemClassNames.subText}`]: {\n      color: tokens.colorNeutralForeground3Hover,\n    },\n  },\n\n  ':hover:active': {\n    backgroundColor: tokens.colorNeutralBackground1Pressed,\n    color: tokens.colorNeutralForeground2Pressed,\n\n    [`& .${menuItemClassNames.subText}`]: {\n      color: tokens.colorNeutralForeground3Pressed,\n    },\n  },\n\n  // High contrast styles\n  '@media (forced-colors: active)': {\n    ':hover': {\n      backgroundColor: 'Canvas',\n      borderColor: 'Highlight',\n      color: 'Highlight',\n    },\n    ...createFocusOutlineStyle({ style: { outlineColor: 'Highlight' } }),\n  },\n\n  userSelect: 'none',\n  ...createFocusOutlineStyle(),\n});\n\nconst useContentBaseStyles = makeResetStyles({\n  paddingLeft: '2px',\n  paddingRight: '2px',\n  backgroundColor: 'transparent',\n  flexGrow: 1,\n});\n\nconst useSecondaryContentBaseStyles = makeResetStyles({\n  paddingLeft: '2px',\n  paddingRight: '2px',\n  ...typographyStyles.caption1,\n  lineHeight: tokens.lineHeightBase300,\n  color: tokens.colorNeutralForeground3,\n  ':hover': {\n    color: tokens.colorNeutralForeground3Hover,\n  },\n  ':focus': {\n    color: tokens.colorNeutralForeground3Hover,\n  },\n});\n\nconst useIconBaseStyles = makeResetStyles({\n  width: '20px',\n  height: '20px',\n  fontSize: '20px',\n  lineHeight: 0,\n  alignItems: 'center',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  flexShrink: 0,\n});\n\nconst useSubmenuIndicatorBaseStyles = makeResetStyles({\n  width: '20px',\n  height: '20px',\n  fontSize: '20px',\n  lineHeight: 0,\n  alignItems: 'center',\n  display: 'inline-flex',\n  justifyContent: 'center',\n});\n\nconst useSubtextBaseStyles = makeResetStyles({\n  ...typographyStyles.caption2,\n  color: tokens.colorNeutralForeground3,\n});\n\nconst useStyles = makeStyles({\n  checkmark: {\n    marginTop: '2px',\n  },\n\n  splitItemMain: {\n    flexGrow: 1,\n  },\n\n  splitItemTrigger: {\n    borderTopLeftRadius: 0,\n    borderBottomLeftRadius: 0,\n    paddingLeft: 0,\n    '::before': {\n      content: '\"\"',\n      width: tokens.strokeWidthThin,\n      height: '24px',\n      backgroundColor: tokens.colorNeutralStroke1,\n    },\n  },\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n    ':hover': {\n      color: tokens.colorNeutralForegroundDisabled,\n      backgroundColor: tokens.colorNeutralBackground1,\n      cursor: 'not-allowed',\n      [`& .${iconFilledClassName}`]: {\n        display: 'none',\n      },\n      [`& .${iconRegularClassName}`]: {\n        display: 'inline',\n      },\n      [`& .${menuItemClassNames.icon}`]: {\n        color: tokens.colorNeutralForegroundDisabled,\n      },\n    },\n\n    ':hover:active': {\n      color: tokens.colorNeutralForegroundDisabled,\n      backgroundColor: tokens.colorNeutralBackground1,\n    },\n\n    ':focus': {\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n\n    '@media (forced-colors: active)': {\n      color: 'GrayText',\n      ':hover': {\n        color: 'GrayText',\n        backgroundColor: 'Canvas',\n        [`& .${menuItemClassNames.icon}`]: {\n          color: 'GrayText',\n          backgroundColor: 'Canvas',\n        },\n      },\n      ':focus': {\n        color: 'GrayText',\n        backgroundColor: 'Canvas',\n      },\n    },\n  },\n});\n\nconst useMultilineStyles = makeStyles({\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n\n  secondaryContent: {\n    alignSelf: 'center',\n  },\n\n  submenuIndicator: {\n    alignSelf: 'center',\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useMenuItemStyles_unstable = (state: MenuItemState): MenuItemState => {\n  'use no memo';\n\n  const styles = useStyles();\n  const rootBaseStyles = useRootBaseStyles();\n  const contentBaseStyles = useContentBaseStyles();\n  const secondaryContentBaseStyles = useSecondaryContentBaseStyles();\n  const iconBaseStyles = useIconBaseStyles();\n  const submenuIndicatorBaseStyles = useSubmenuIndicatorBaseStyles();\n  const multilineStyles = useMultilineStyles();\n  const subtextBaseStyles = useSubtextBaseStyles();\n  const multiline = !!state.subText;\n  state.root.className = mergeClasses(\n    menuItemClassNames.root,\n    rootBaseStyles,\n    state.disabled && styles.disabled,\n    state.root.className,\n  );\n\n  if (state.content) {\n    state.content.className = mergeClasses(\n      menuItemClassNames.content,\n      contentBaseStyles,\n      state.content.className,\n      multiline && multilineStyles.content,\n    );\n  }\n\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(menuItemClassNames.checkmark, styles.checkmark, state.checkmark.className);\n  }\n\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(\n      menuItemClassNames.secondaryContent,\n      !state.disabled && secondaryContentBaseStyles,\n      state.secondaryContent.className,\n      multiline && multilineStyles.secondaryContent,\n    );\n  }\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuItemClassNames.icon, iconBaseStyles, state.icon.className);\n  }\n\n  if (state.submenuIndicator) {\n    state.submenuIndicator.className = mergeClasses(\n      menuItemClassNames.submenuIndicator,\n      submenuIndicatorBaseStyles,\n      state.submenuIndicator.className,\n      multiline && multilineStyles.submenuIndicator,\n    );\n  }\n\n  if (state.subText) {\n    state.subText.className = mergeClasses(menuItemClassNames.subText, state.subText.className, subtextBaseStyles);\n  }\n\n  useCheckmarkStyles_unstable(state as MenuItemCheckboxState);\n\n  return state;\n};\n"],"names":["menuItemClassNames","useMenuItemStyles_unstable","root","icon","checkmark","submenuIndicator","content","secondaryContent","subText","useRootBaseStyles","makeResetStyles","borderRadius","tokens","borderRadiusMedium","position","color","colorNeutralForeground2","backgroundColor","colorNeutralBackground1","paddingRight","spacingVerticalSNudge","paddingLeft","paddingTop","paddingBottom","boxSizing","maxWidth","minHeight","flexShrink","display","alignItems","fontSize","fontSizeBase300","cursor","gap","colorNeutralBackground1Hover","colorNeutralForeground2Hover","iconFilledClassName","iconRegularClassName","colorNeutralForeground2BrandSelected","colorNeutralForeground3Hover","colorNeutralBackground1Pressed","colorNeutralForeground2Pressed","colorNeutralForeground3Pressed","borderColor","createFocusOutlineStyle","style","outlineColor","userSelect","useContentBaseStyles","flexGrow","useSecondaryContentBaseStyles","typographyStyles","caption1","lineHeight","lineHeightBase300","colorNeutralForeground3","useIconBaseStyles","width","height","justifyContent","useSubmenuIndicatorBaseStyles","useSubtextBaseStyles","caption2","useStyles","makeStyles","marginTop","splitItemMain","splitItemTrigger","borderTopLeftRadius","borderBottomLeftRadius","strokeWidthThin","colorNeutralStroke1","disabled","colorNeutralForegroundDisabled","useMultilineStyles","flexDirection","alignSelf","state","styles","rootBaseStyles","contentBaseStyles","secondaryContentBaseStyles","iconBaseStyles","submenuIndicatorBaseStyles","multilineStyles","subtextBaseStyles","multiline","className","mergeClasses","useCheckmarkStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IASaA,kBAAAA;eAAAA;;IAsMAC,0BAAAA;eAAAA;;;uBA/M6C;4BACA;8BAClB;4BACC;uBACG;AAKrC,MAAMD,qBAAoD;IAC/DE,MAAM;IACNC,MAAM;IACNC,WAAW;IACXC,kBAAkB;IAClBC,SAAS;IACTC,kBAAkB;IAClBC,SAAS;AACX;AAEA,MAAMC,oBAAoBC,IAAAA,sBAAAA,EAAgB;IACxCC,cAAcC,kBAAAA,CAAOC,kBAAkB;IACvCC,UAAU;IACVC,OAAOH,kBAAAA,CAAOI,uBAAuB;IACrCC,iBAAiBL,kBAAAA,CAAOM,uBAAuB;IAC/CC,cAAcP,kBAAAA,CAAOQ,qBAAqB;IAC1CC,aAAaT,kBAAAA,CAAOQ,qBAAqB;IACzCE,YAAYV,kBAAAA,CAAOQ,qBAAqB;IACxCG,eAAeX,kBAAAA,CAAOQ,qBAAqB;IAC3CI,WAAW;IACXC,UAAU;IACVC,WAAW;IACXC,YAAY;IACZC,SAAS;IACTC,YAAY;IACZC,UAAUlB,kBAAAA,CAAOmB,eAAe;IAChCC,QAAQ;IACRC,KAAK;IAEL,UAAU;QACRhB,iBAAiBL,kBAAAA,CAAOsB,4BAA4B;QACpDnB,OAAOH,kBAAAA,CAAOuB,4BAA4B;QAE1C,CAAC,CAAC,GAAG,EAAEC,+BAAAA,CAAoB,CAAC,CAAC,EAAE;YAC7BR,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAES,gCAAAA,CAAqB,CAAC,CAAC,EAAE;YAC9BT,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAE5B,mBAAmBG,IAAI,CAAC,CAAC,CAAC,EAAE;YACjCY,OAAOH,kBAAAA,CAAO0B,oCAAoC;QACpD;QAEA,CAAC,CAAC,GAAG,EAAEtC,mBAAmBQ,OAAO,CAAC,CAAC,CAAC,EAAE;YACpCO,OAAOH,kBAAAA,CAAO2B,4BAA4B;QAC5C;IACF;IAEA,iBAAiB;QACftB,iBAAiBL,kBAAAA,CAAO4B,8BAA8B;QACtDzB,OAAOH,kBAAAA,CAAO6B,8BAA8B;QAE5C,CAAC,CAAC,GAAG,EAAEzC,mBAAmBQ,OAAO,CAAC,CAAC,CAAC,EAAE;YACpCO,OAAOH,kBAAAA,CAAO8B,8BAA8B;QAC9C;IACF;IAEA,uBAAuB;IACvB,kCAAkC;QAChC,UAAU;YACRzB,iBAAiB;YACjB0B,aAAa;YACb5B,OAAO;QACT;QACA,GAAG6B,IAAAA,qCAAAA,EAAwB;YAAEC,OAAO;gBAAEC,cAAc;YAAY;QAAE,EAAE;IACtE;IAEAC,YAAY;IACZ,GAAGH,IAAAA,qCAAAA,GAAyB;AAC9B;AAEA,MAAMI,uBAAuBtC,IAAAA,sBAAAA,EAAgB;IAC3CW,aAAa;IACbF,cAAc;IACdF,iBAAiB;IACjBgC,UAAU;AACZ;AAEA,MAAMC,gCAAgCxC,IAAAA,sBAAAA,EAAgB;IACpDW,aAAa;IACbF,cAAc;IACd,GAAGgC,4BAAAA,CAAiBC,QAAQ;IAC5BC,YAAYzC,kBAAAA,CAAO0C,iBAAiB;IACpCvC,OAAOH,kBAAAA,CAAO2C,uBAAuB;IACrC,UAAU;QACRxC,OAAOH,kBAAAA,CAAO2B,4BAA4B;IAC5C;IACA,UAAU;QACRxB,OAAOH,kBAAAA,CAAO2B,4BAA4B;IAC5C;AACF;AAEA,MAAMiB,oBAAoB9C,IAAAA,sBAAAA,EAAgB;IACxC+C,OAAO;IACPC,QAAQ;IACR5B,UAAU;IACVuB,YAAY;IACZxB,YAAY;IACZD,SAAS;IACT+B,gBAAgB;IAChBhC,YAAY;AACd;AAEA,MAAMiC,gCAAgClD,IAAAA,sBAAAA,EAAgB;IACpD+C,OAAO;IACPC,QAAQ;IACR5B,UAAU;IACVuB,YAAY;IACZxB,YAAY;IACZD,SAAS;IACT+B,gBAAgB;AAClB;AAEA,MAAME,uBAAuBnD,IAAAA,sBAAAA,EAAgB;IAC3C,GAAGyC,4BAAAA,CAAiBW,QAAQ;IAC5B/C,OAAOH,kBAAAA,CAAO2C,uBAAuB;AACvC;AAEA,MAAMQ,YAAYC,IAAAA,iBAAAA,EAAW;IAC3B5D,WAAW;QACT6D,WAAW;IACb;IAEAC,eAAe;QACbjB,UAAU;IACZ;IAEAkB,kBAAkB;QAChBC,qBAAqB;QACrBC,wBAAwB;QACxBhD,aAAa;QACb,YAAY;YACVf,SAAS;YACTmD,OAAO7C,kBAAAA,CAAO0D,eAAe;YAC7BZ,QAAQ;YACRzC,iBAAiBL,kBAAAA,CAAO2D,mBAAmB;QAC7C;IACF;IACAC,UAAU;QACRzD,OAAOH,kBAAAA,CAAO6D,8BAA8B;QAC5C,UAAU;YACR1D,OAAOH,kBAAAA,CAAO6D,8BAA8B;YAC5CxD,iBAAiBL,kBAAAA,CAAOM,uBAAuB;YAC/Cc,QAAQ;YACR,CAAC,CAAC,GAAG,EAAEI,+BAAAA,CAAoB,CAAC,CAAC,EAAE;gBAC7BR,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAES,gCAAAA,CAAqB,CAAC,CAAC,EAAE;gBAC9BT,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAE5B,mBAAmBG,IAAI,CAAC,CAAC,CAAC,EAAE;gBACjCY,OAAOH,kBAAAA,CAAO6D,8BAA8B;YAC9C;QACF;QAEA,iBAAiB;YACf1D,OAAOH,kBAAAA,CAAO6D,8BAA8B;YAC5CxD,iBAAiBL,kBAAAA,CAAOM,uBAAuB;QACjD;QAEA,UAAU;YACRH,OAAOH,kBAAAA,CAAO6D,8BAA8B;QAC9C;QAEA,kCAAkC;YAChC1D,OAAO;YACP,UAAU;gBACRA,OAAO;gBACPE,iBAAiB;gBACjB,CAAC,CAAC,GAAG,EAAEjB,mBAAmBG,IAAI,CAAC,CAAC,CAAC,EAAE;oBACjCY,OAAO;oBACPE,iBAAiB;gBACnB;YACF;YACA,UAAU;gBACRF,OAAO;gBACPE,iBAAiB;YACnB;QACF;IACF;AACF;AAEA,MAAMyD,qBAAqBV,IAAAA,iBAAAA,EAAW;IACpC1D,SAAS;QACPsB,SAAS;QACT+C,eAAe;IACjB;IAEApE,kBAAkB;QAChBqE,WAAW;IACb;IAEAvE,kBAAkB;QAChBuE,WAAW;IACb;AACF;AAGO,MAAM3E,6BAA6B,CAAC4E;IACzC;IAEA,MAAMC,SAASf;IACf,MAAMgB,iBAAiBtE;IACvB,MAAMuE,oBAAoBhC;IAC1B,MAAMiC,6BAA6B/B;IACnC,MAAMgC,iBAAiB1B;IACvB,MAAM2B,6BAA6BvB;IACnC,MAAMwB,kBAAkBV;IACxB,MAAMW,oBAAoBxB;IAC1B,MAAMyB,YAAY,CAAC,CAACT,MAAMrE,OAAO;IACjCqE,MAAM3E,IAAI,CAACqF,SAAS,GAAGC,IAAAA,mBAAAA,EACrBxF,mBAAmBE,IAAI,EACvB6E,gBACAF,MAAML,QAAQ,IAAIM,OAAON,QAAQ,EACjCK,MAAM3E,IAAI,CAACqF,SAAS;IAGtB,IAAIV,MAAMvE,OAAO,EAAE;QACjBuE,MAAMvE,OAAO,CAACiF,SAAS,GAAGC,IAAAA,mBAAAA,EACxBxF,mBAAmBM,OAAO,EAC1B0E,mBACAH,MAAMvE,OAAO,CAACiF,SAAS,EACvBD,aAAaF,gBAAgB9E,OAAO;IAExC;IAEA,IAAIuE,MAAMzE,SAAS,EAAE;QACnByE,MAAMzE,SAAS,CAACmF,SAAS,GAAGC,IAAAA,mBAAAA,EAAaxF,mBAAmBI,SAAS,EAAE0E,OAAO1E,SAAS,EAAEyE,MAAMzE,SAAS,CAACmF,SAAS;IACpH;IAEA,IAAIV,MAAMtE,gBAAgB,EAAE;QAC1BsE,MAAMtE,gBAAgB,CAACgF,SAAS,GAAGC,IAAAA,mBAAAA,EACjCxF,mBAAmBO,gBAAgB,EACnC,CAACsE,MAAML,QAAQ,IAAIS,4BACnBJ,MAAMtE,gBAAgB,CAACgF,SAAS,EAChCD,aAAaF,gBAAgB7E,gBAAgB;IAEjD;IAEA,IAAIsE,MAAM1E,IAAI,EAAE;QACd0E,MAAM1E,IAAI,CAACoF,SAAS,GAAGC,IAAAA,mBAAAA,EAAaxF,mBAAmBG,IAAI,EAAE+E,gBAAgBL,MAAM1E,IAAI,CAACoF,SAAS;IACnG;IAEA,IAAIV,MAAMxE,gBAAgB,EAAE;QAC1BwE,MAAMxE,gBAAgB,CAACkF,SAAS,GAAGC,IAAAA,mBAAAA,EACjCxF,mBAAmBK,gBAAgB,EACnC8E,4BACAN,MAAMxE,gBAAgB,CAACkF,SAAS,EAChCD,aAAaF,gBAAgB/E,gBAAgB;IAEjD;IAEA,IAAIwE,MAAMrE,OAAO,EAAE;QACjBqE,MAAMrE,OAAO,CAAC+E,SAAS,GAAGC,IAAAA,mBAAAA,EAAaxF,mBAAmBQ,OAAO,EAAEqE,MAAMrE,OAAO,CAAC+E,SAAS,EAAEF;IAC9F;IAEAI,IAAAA,kCAAAA,EAA4BZ;IAE5B,OAAOA;AACT"}

package/lib-commonjs/components/MenuItemCheckbox/useMenuItemCheckboxStyles.styles.raw.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    menuItemCheckboxClassNames: function() {
-        return menuItemCheckboxClassNames;
-    },
-    useMenuItemCheckboxStyles_unstable: function() {
-        return useMenuItemCheckboxStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _index = require("../../selectable/index");
-const _useMenuItemStylesstyles = require("../MenuItem/useMenuItemStyles.styles");
-const menuItemCheckboxClassNames = {
-    root: 'fui-MenuItemCheckbox',
-    icon: 'fui-MenuItemCheckbox__icon',
-    checkmark: 'fui-MenuItemCheckbox__checkmark',
-    content: 'fui-MenuItemCheckbox__content',
-    secondaryContent: 'fui-MenuItemCheckbox__secondaryContent',
-    subText: 'fui-MenuItemCheckbox__subText'
-};
-const useMenuItemCheckboxStyles_unstable = (state)=>{
-    'use no memo';
-    state.root.className = (0, _react.mergeClasses)(menuItemCheckboxClassNames.root, state.root.className);
-    if (state.content) {
-        state.content.className = (0, _react.mergeClasses)(menuItemCheckboxClassNames.content, state.content.className);
-    }
-    if (state.secondaryContent) {
-        state.secondaryContent.className = (0, _react.mergeClasses)(menuItemCheckboxClassNames.secondaryContent, state.secondaryContent.className);
-    }
-    if (state.icon) {
-        state.icon.className = (0, _react.mergeClasses)(menuItemCheckboxClassNames.icon, state.icon.className);
-    }
-    if (state.checkmark) {
-        state.checkmark.className = (0, _react.mergeClasses)(menuItemCheckboxClassNames.checkmark, state.checkmark.className);
-    }
-    if (state.subText) {
-        state.subText.className = (0, _react.mergeClasses)(menuItemCheckboxClassNames.subText, state.subText.className);
-    }
-    (0, _useMenuItemStylesstyles.useMenuItemStyles_unstable)(state);
-    (0, _index.useCheckmarkStyles_unstable)(state);
-    return state;
-};

package/lib-commonjs/components/MenuItemCheckbox/useMenuItemCheckboxStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/MenuItemCheckbox/useMenuItemCheckboxStyles.styles.ts"],"sourcesContent":["import { 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 { MenuItemCheckboxState } from './MenuItemCheckbox.types';\n\nexport const menuItemCheckboxClassNames: SlotClassNames<Omit<MenuItemSlots, 'submenuIndicator'>> = {\n  root: 'fui-MenuItemCheckbox',\n  icon: 'fui-MenuItemCheckbox__icon',\n  checkmark: 'fui-MenuItemCheckbox__checkmark',\n  content: 'fui-MenuItemCheckbox__content',\n  secondaryContent: 'fui-MenuItemCheckbox__secondaryContent',\n  subText: 'fui-MenuItemCheckbox__subText',\n};\n\nexport const useMenuItemCheckboxStyles_unstable = (state: MenuItemCheckboxState): MenuItemCheckboxState => {\n  'use no memo';\n\n  state.root.className = mergeClasses(menuItemCheckboxClassNames.root, state.root.className);\n\n  if (state.content) {\n    state.content.className = mergeClasses(menuItemCheckboxClassNames.content, state.content.className);\n  }\n\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(\n      menuItemCheckboxClassNames.secondaryContent,\n      state.secondaryContent.className,\n    );\n  }\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuItemCheckboxClassNames.icon, state.icon.className);\n  }\n\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(menuItemCheckboxClassNames.checkmark, state.checkmark.className);\n  }\n\n  if (state.subText) {\n    state.subText.className = mergeClasses(menuItemCheckboxClassNames.subText, state.subText.className);\n  }\n\n  useMenuItemStyles_unstable(state);\n  useCheckmarkStyles_unstable(state);\n\n  return state;\n};\n"],"names":["menuItemCheckboxClassNames","useMenuItemCheckboxStyles_unstable","root","icon","checkmark","content","secondaryContent","subText","state","className","mergeClasses","useMenuItemStyles_unstable","useCheckmarkStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAOaA,0BAAAA;eAAAA;;IASAC,kCAAAA;eAAAA;;;uBAhBgB;uBACe;yCACD;AAKpC,MAAMD,6BAAsF;IACjGE,MAAM;IACNC,MAAM;IACNC,WAAW;IACXC,SAAS;IACTC,kBAAkB;IAClBC,SAAS;AACX;AAEO,MAAMN,qCAAqC,CAACO;IACjD;IAEAA,MAAMN,IAAI,CAACO,SAAS,GAAGC,IAAAA,mBAAAA,EAAaV,2BAA2BE,IAAI,EAAEM,MAAMN,IAAI,CAACO,SAAS;IAEzF,IAAID,MAAMH,OAAO,EAAE;QACjBG,MAAMH,OAAO,CAACI,SAAS,GAAGC,IAAAA,mBAAAA,EAAaV,2BAA2BK,OAAO,EAAEG,MAAMH,OAAO,CAACI,SAAS;IACpG;IAEA,IAAID,MAAMF,gBAAgB,EAAE;QAC1BE,MAAMF,gBAAgB,CAACG,SAAS,GAAGC,IAAAA,mBAAAA,EACjCV,2BAA2BM,gBAAgB,EAC3CE,MAAMF,gBAAgB,CAACG,SAAS;IAEpC;IAEA,IAAID,MAAML,IAAI,EAAE;QACdK,MAAML,IAAI,CAACM,SAAS,GAAGC,IAAAA,mBAAAA,EAAaV,2BAA2BG,IAAI,EAAEK,MAAML,IAAI,CAACM,SAAS;IAC3F;IAEA,IAAID,MAAMJ,SAAS,EAAE;QACnBI,MAAMJ,SAAS,CAACK,SAAS,GAAGC,IAAAA,mBAAAA,EAAaV,2BAA2BI,SAAS,EAAEI,MAAMJ,SAAS,CAACK,SAAS;IAC1G;IAEA,IAAID,MAAMD,OAAO,EAAE;QACjBC,MAAMD,OAAO,CAACE,SAAS,GAAGC,IAAAA,mBAAAA,EAAaV,2BAA2BO,OAAO,EAAEC,MAAMD,OAAO,CAACE,SAAS;IACpG;IAEAE,IAAAA,mDAAAA,EAA2BH;IAC3BI,IAAAA,kCAAAA,EAA4BJ;IAE5B,OAAOA;AACT"}

package/lib-commonjs/components/MenuItemLink/useMenuItemLinkStyles.styles.raw.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    menuItemLinkClassNames: function() {
-        return menuItemLinkClassNames;
-    },
-    useMenuItemLinkStyles_unstable: function() {
-        return useMenuItemLinkStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _useMenuItemStylesstyles = require("../MenuItem/useMenuItemStyles.styles");
-const menuItemLinkClassNames = {
-    root: 'fui-MenuItemLink',
-    icon: 'fui-MenuItemLink__icon',
-    checkmark: 'fui-MenuItemLink__checkmark',
-    content: 'fui-MenuItemLink__content',
-    secondaryContent: 'fui-MenuItemLink__secondaryContent'
-};
-/**
- * Styles for the root slot
- */ const useStyles = (0, _react.makeStyles)({
-    resetLink: {
-        textDecorationLine: 'none',
-        textDecorationThickness: 'initial',
-        textDecorationStyle: 'initial',
-        textDecorationColor: 'initial'
-    }
-});
-const useMenuItemLinkStyles_unstable = (state)=>{
-    'use no memo';
-    (0, _useMenuItemStylesstyles.useMenuItemStyles_unstable)(state);
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(menuItemLinkClassNames.root, styles.resetLink, state.root.className);
-    if (state.icon) {
-        state.icon.className = (0, _react.mergeClasses)(menuItemLinkClassNames.icon, state.icon.className);
-    }
-    if (state.content) {
-        state.content.className = (0, _react.mergeClasses)(menuItemLinkClassNames.content, state.content.className);
-    }
-    if (state.secondaryContent) {
-        state.secondaryContent.className = (0, _react.mergeClasses)(menuItemLinkClassNames.secondaryContent, state.secondaryContent.className);
-    }
-    if (state.checkmark) {
-        state.checkmark.className = (0, _react.mergeClasses)(menuItemLinkClassNames.checkmark, state.checkmark.className);
-    }
-    return state;
-};

package/lib-commonjs/components/MenuItemLink/useMenuItemLinkStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/MenuItemLink/useMenuItemLinkStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { MenuItemLinkSlots, MenuItemLinkState } from './MenuItemLink.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles.styles';\nimport { MenuItemState } from '../MenuItem/MenuItem.types';\n\nexport const menuItemLinkClassNames: SlotClassNames<MenuItemLinkSlots> = {\n  root: 'fui-MenuItemLink',\n  icon: 'fui-MenuItemLink__icon',\n  checkmark: 'fui-MenuItemLink__checkmark',\n  content: 'fui-MenuItemLink__content',\n  secondaryContent: 'fui-MenuItemLink__secondaryContent',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  resetLink: {\n    textDecorationLine: 'none',\n    textDecorationThickness: 'initial',\n    textDecorationStyle: 'initial',\n    textDecorationColor: 'initial',\n  },\n});\n\n/**\n * Apply styling to the MenuItemLink slots based on the state\n */\nexport const useMenuItemLinkStyles_unstable = (state: MenuItemLinkState): MenuItemLinkState => {\n  'use no memo';\n\n  useMenuItemStyles_unstable(state as MenuItemState);\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuItemLinkClassNames.root, styles.resetLink, state.root.className);\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuItemLinkClassNames.icon, state.icon.className);\n  }\n\n  if (state.content) {\n    state.content.className = mergeClasses(menuItemLinkClassNames.content, state.content.className);\n  }\n\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(\n      menuItemLinkClassNames.secondaryContent,\n      state.secondaryContent.className,\n    );\n  }\n\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(menuItemLinkClassNames.checkmark, state.checkmark.className);\n  }\n\n  return state;\n};\n"],"names":["menuItemLinkClassNames","useMenuItemLinkStyles_unstable","root","icon","checkmark","content","secondaryContent","useStyles","makeStyles","resetLink","textDecorationLine","textDecorationThickness","textDecorationStyle","textDecorationColor","state","useMenuItemStyles_unstable","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,sBAAAA;eAAAA;;IAuBAC,8BAAAA;eAAAA;;;uBA7B4B;yCAGE;AAGpC,MAAMD,yBAA4D;IACvEE,MAAM;IACNC,MAAM;IACNC,WAAW;IACXC,SAAS;IACTC,kBAAkB;AACpB;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BC,WAAW;QACTC,oBAAoB;QACpBC,yBAAyB;QACzBC,qBAAqB;QACrBC,qBAAqB;IACvB;AACF;AAKO,MAAMZ,iCAAiC,CAACa;IAC7C;IAEAC,IAAAA,mDAAAA,EAA2BD;IAC3B,MAAME,SAAST;IACfO,MAAMZ,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAAA,EAAalB,uBAAuBE,IAAI,EAAEc,OAAOP,SAAS,EAAEK,MAAMZ,IAAI,CAACe,SAAS;IAEvG,IAAIH,MAAMX,IAAI,EAAE;QACdW,MAAMX,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAAA,EAAalB,uBAAuBG,IAAI,EAAEW,MAAMX,IAAI,CAACc,SAAS;IACvF;IAEA,IAAIH,MAAMT,OAAO,EAAE;QACjBS,MAAMT,OAAO,CAACY,SAAS,GAAGC,IAAAA,mBAAAA,EAAalB,uBAAuBK,OAAO,EAAES,MAAMT,OAAO,CAACY,SAAS;IAChG;IAEA,IAAIH,MAAMR,gBAAgB,EAAE;QAC1BQ,MAAMR,gBAAgB,CAACW,SAAS,GAAGC,IAAAA,mBAAAA,EACjClB,uBAAuBM,gBAAgB,EACvCQ,MAAMR,gBAAgB,CAACW,SAAS;IAEpC;IAEA,IAAIH,MAAMV,SAAS,EAAE;QACnBU,MAAMV,SAAS,CAACa,SAAS,GAAGC,IAAAA,mBAAAA,EAAalB,uBAAuBI,SAAS,EAAEU,MAAMV,SAAS,CAACa,SAAS;IACtG;IAEA,OAAOH;AACT"}

package/lib-commonjs/components/MenuItemRadio/useMenuItemRadioStyles.styles.raw.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    menuItemRadioClassNames: function() {
-        return menuItemRadioClassNames;
-    },
-    useMenuItemRadioStyles_unstable: function() {
-        return useMenuItemRadioStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _index = require("../../selectable/index");
-const _useMenuItemStylesstyles = require("../MenuItem/useMenuItemStyles.styles");
-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'
-};
-const useMenuItemRadioStyles_unstable = (state)=>{
-    'use no memo';
-    state.root.className = (0, _react.mergeClasses)(menuItemRadioClassNames.root, state.root.className);
-    if (state.content) {
-        state.content.className = (0, _react.mergeClasses)(menuItemRadioClassNames.content, state.content.className);
-    }
-    if (state.secondaryContent) {
-        state.secondaryContent.className = (0, _react.mergeClasses)(menuItemRadioClassNames.secondaryContent, state.secondaryContent.className);
-    }
-    if (state.icon) {
-        state.icon.className = (0, _react.mergeClasses)(menuItemRadioClassNames.icon, state.icon.className);
-    }
-    if (state.checkmark) {
-        state.checkmark.className = (0, _react.mergeClasses)(menuItemRadioClassNames.checkmark, state.checkmark.className);
-    }
-    if (state.subText) {
-        state.subText.className = (0, _react.mergeClasses)(menuItemRadioClassNames.subText, state.subText.className);
-    }
-    (0, _useMenuItemStylesstyles.useMenuItemStyles_unstable)(state);
-    (0, _index.useCheckmarkStyles_unstable)(state);
-};

package/lib-commonjs/components/MenuItemRadio/useMenuItemRadioStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/MenuItemRadio/useMenuItemRadioStyles.styles.ts"],"sourcesContent":["import { 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) => {\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":["menuItemRadioClassNames","useMenuItemRadioStyles_unstable","root","icon","checkmark","content","secondaryContent","subText","state","className","mergeClasses","useMenuItemStyles_unstable","useCheckmarkStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAOaA,uBAAAA;eAAAA;;IASAC,+BAAAA;eAAAA;;;uBAhBgB;uBACe;yCACD;AAKpC,MAAMD,0BAAmF;IAC9FE,MAAM;IACNC,MAAM;IACNC,WAAW;IACXC,SAAS;IACTC,kBAAkB;IAClBC,SAAS;AACX;AAEO,MAAMN,kCAAkC,CAACO;IAC9C;IAEAA,MAAMN,IAAI,CAACO,SAAS,GAAGC,IAAAA,mBAAAA,EAAaV,wBAAwBE,IAAI,EAAEM,MAAMN,IAAI,CAACO,SAAS;IAEtF,IAAID,MAAMH,OAAO,EAAE;QACjBG,MAAMH,OAAO,CAACI,SAAS,GAAGC,IAAAA,mBAAAA,EAAaV,wBAAwBK,OAAO,EAAEG,MAAMH,OAAO,CAACI,SAAS;IACjG;IAEA,IAAID,MAAMF,gBAAgB,EAAE;QAC1BE,MAAMF,gBAAgB,CAACG,SAAS,GAAGC,IAAAA,mBAAAA,EACjCV,wBAAwBM,gBAAgB,EACxCE,MAAMF,gBAAgB,CAACG,SAAS;IAEpC;IAEA,IAAID,MAAML,IAAI,EAAE;QACdK,MAAML,IAAI,CAACM,SAAS,GAAGC,IAAAA,mBAAAA,EAAaV,wBAAwBG,IAAI,EAAEK,MAAML,IAAI,CAACM,SAAS;IACxF;IAEA,IAAID,MAAMJ,SAAS,EAAE;QACnBI,MAAMJ,SAAS,CAACK,SAAS,GAAGC,IAAAA,mBAAAA,EAAaV,wBAAwBI,SAAS,EAAEI,MAAMJ,SAAS,CAACK,SAAS;IACvG;IAEA,IAAID,MAAMD,OAAO,EAAE;QACjBC,MAAMD,OAAO,CAACE,SAAS,GAAGC,IAAAA,mBAAAA,EAAaV,wBAAwBO,OAAO,EAAEC,MAAMD,OAAO,CAACE,SAAS;IACjG;IAEAE,IAAAA,mDAAAA,EAA2BH;IAC3BI,IAAAA,kCAAAA,EAA4BJ;AAC9B"}

package/lib-commonjs/components/MenuItemSwitch/useMenuItemSwitchStyles.styles.raw.js

@@ -1,136 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    circleFilledClassName: function() {
-        return circleFilledClassName;
-    },
-    menuItemSwitchClassNames: function() {
-        return menuItemSwitchClassNames;
-    },
-    useMenuItemSwitchStyles_unstable: function() {
-        return useMenuItemSwitchStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _reacttheme = require("@fluentui/react-theme");
-const _useMenuItemStylesstyles = require("../MenuItem/useMenuItemStyles.styles");
-const menuItemSwitchClassNames = {
-    root: 'fui-MenuItemSwitch',
-    icon: 'fui-MenuItemSwitch__icon',
-    content: 'fui-MenuItemSwitch__content',
-    secondaryContent: 'fui-MenuItemSwitch__secondaryContent',
-    switchIndicator: 'fui-MenuItemSwitch__switchIndicator',
-    subText: 'fui-MenuItemSwitch__subText'
-};
-const circleFilledClassName = 'fui-MenuItemSwitch__switchIndicator__circleFilled';
-// Thumb and track sizes used by the component.
-const spaceBetweenThumbAndTrack = 2;
-const trackHeight = 20;
-const trackWidth = 40;
-const thumbSize = trackHeight - spaceBetweenThumbAndTrack;
-const useSwitchIndicatorBaseClassName = (0, _react.makeResetStyles)({
-    borderRadius: _reacttheme.tokens.borderRadiusCircular,
-    border: `${_reacttheme.tokens.strokeWidthThin} solid ${_reacttheme.tokens.colorNeutralStrokeAccessible}`,
-    lineHeight: 0,
-    boxSizing: 'border-box',
-    fill: 'currentColor',
-    flexShrink: 0,
-    fontSize: `${thumbSize}px`,
-    height: `${trackHeight}px`,
-    transitionDuration: _reacttheme.tokens.durationNormal,
-    transitionTimingFunction: _reacttheme.tokens.curveEasyEase,
-    transitionProperty: 'background, border, color',
-    width: `${trackWidth}px`,
-    marginRight: _reacttheme.tokens.spacingHorizontalXS,
-    '@media screen and (prefers-reduced-motion: reduce)': {
-        transitionDuration: '0.01ms'
-    },
-    color: _reacttheme.tokens.colorNeutralStrokeAccessible,
-    ':hover': {
-        color: _reacttheme.tokens.colorNeutralStrokeAccessibleHover,
-        borderColor: _reacttheme.tokens.colorNeutralStrokeAccessibleHover
-    },
-    ':hover:active': {
-        color: _reacttheme.tokens.colorNeutralStrokeAccessiblePressed,
-        borderColor: _reacttheme.tokens.colorNeutralStrokeAccessiblePressed
-    },
-    [`& .${circleFilledClassName}`]: {
-        transitionDuration: _reacttheme.tokens.durationNormal,
-        transitionTimingFunction: _reacttheme.tokens.curveEasyEase,
-        transitionProperty: 'transform',
-        '@media screen and (prefers-reduced-motion: reduce)': {
-            transitionDuration: '0.01ms'
-        }
-    }
-});
-const useSwitchIndicatorStyles = (0, _react.makeStyles)({
-    checked: {
-        [`& .${circleFilledClassName}`]: {
-            transform: `translateX(${trackWidth - thumbSize - spaceBetweenThumbAndTrack}px)`
-        },
-        backgroundColor: _reacttheme.tokens.colorCompoundBrandBackground,
-        color: _reacttheme.tokens.colorNeutralForegroundInverted,
-        ..._react.shorthands.borderColor(_reacttheme.tokens.colorTransparentStroke),
-        ':hover': {
-            color: _reacttheme.tokens.colorNeutralForegroundInverted,
-            backgroundColor: _reacttheme.tokens.colorCompoundBrandBackgroundHover,
-            ..._react.shorthands.borderColor(_reacttheme.tokens.colorTransparentStrokeInteractive)
-        },
-        ':hover:active': {
-            color: _reacttheme.tokens.colorNeutralForegroundInverted,
-            backgroundColor: _reacttheme.tokens.colorCompoundBrandBackgroundPressed,
-            ..._react.shorthands.borderColor(_reacttheme.tokens.colorTransparentStrokeInteractive)
-        }
-    }
-});
-const useMultilineStyles = (0, _react.makeStyles)({
-    switch: {
-        alignSelf: 'center'
-    }
-});
-const useMenuItemSwitchStyles_unstable = (state)=>{
-    'use no memo';
-    const { checked, subText } = state;
-    const multiline = !!subText;
-    const switchIndicatorStyles = useSwitchIndicatorStyles();
-    const switchIndicatorBaseStyles = useSwitchIndicatorBaseClassName();
-    const multilineStyles = useMultilineStyles();
-    state.root.className = (0, _react.mergeClasses)(menuItemSwitchClassNames.root, state.root.className);
-    if (state.content) {
-        state.content.className = (0, _react.mergeClasses)(menuItemSwitchClassNames.content, state.content.className);
-    }
-    if (state.secondaryContent) {
-        state.secondaryContent.className = (0, _react.mergeClasses)(menuItemSwitchClassNames.secondaryContent, state.secondaryContent.className);
-    }
-    if (state.icon) {
-        state.icon.className = (0, _react.mergeClasses)(menuItemSwitchClassNames.icon, state.icon.className);
-    }
-    if (state.subText) {
-        state.subText.className = (0, _react.mergeClasses)(menuItemSwitchClassNames.subText, state.subText.className);
-    }
-    if (state.switchIndicator) {
-        state.switchIndicator.className = (0, _react.mergeClasses)(menuItemSwitchClassNames.switchIndicator, switchIndicatorBaseStyles, checked && switchIndicatorStyles.checked, state.switchIndicator.className, multiline && multilineStyles.switch);
-    }
-    (0, _useMenuItemStylesstyles.useMenuItemStyles_unstable)({
-        ...state,
-        components: {
-            // eslint-disable-next-line @typescript-eslint/no-deprecated
-            ...state.components,
-            checkmark: 'span',
-            submenuIndicator: 'span'
-        },
-        checkmark: undefined,
-        submenuIndicator: undefined,
-        hasSubmenu: false,
-        persistOnClick: true
-    });
-    return state;
-};

package/lib-commonjs/components/MenuItemSwitch/useMenuItemSwitchStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/MenuItemSwitch/useMenuItemSwitchStyles.styles.ts"],"sourcesContent":["import { makeStyles, makeResetStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { type SlotClassNames } from '@fluentui/react-utilities';\nimport type { MenuItemSwitchSlots, MenuItemSwitchState } from './MenuItemSwitch.types';\nimport { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles.styles';\n\nexport const menuItemSwitchClassNames: SlotClassNames<MenuItemSwitchSlots> = {\n  root: 'fui-MenuItemSwitch',\n  icon: 'fui-MenuItemSwitch__icon',\n  content: 'fui-MenuItemSwitch__content',\n  secondaryContent: 'fui-MenuItemSwitch__secondaryContent',\n  switchIndicator: 'fui-MenuItemSwitch__switchIndicator',\n  subText: 'fui-MenuItemSwitch__subText',\n};\n\nexport const circleFilledClassName = 'fui-MenuItemSwitch__switchIndicator__circleFilled';\n\n// Thumb and track sizes used by the component.\nconst spaceBetweenThumbAndTrack = 2;\nconst trackHeight = 20;\nconst trackWidth = 40;\nconst thumbSize = trackHeight - spaceBetweenThumbAndTrack;\n\nconst useSwitchIndicatorBaseClassName = makeResetStyles({\n  borderRadius: tokens.borderRadiusCircular,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStrokeAccessible}`,\n  lineHeight: 0,\n  boxSizing: 'border-box',\n  fill: 'currentColor',\n  flexShrink: 0,\n  fontSize: `${thumbSize}px`,\n  height: `${trackHeight}px`,\n  transitionDuration: tokens.durationNormal,\n  transitionTimingFunction: tokens.curveEasyEase,\n  transitionProperty: 'background, border, color',\n  width: `${trackWidth}px`,\n  marginRight: tokens.spacingHorizontalXS,\n\n  '@media screen and (prefers-reduced-motion: reduce)': {\n    transitionDuration: '0.01ms',\n  },\n\n  color: tokens.colorNeutralStrokeAccessible,\n  ':hover': {\n    color: tokens.colorNeutralStrokeAccessibleHover,\n    borderColor: tokens.colorNeutralStrokeAccessibleHover,\n  },\n\n  ':hover:active': {\n    color: tokens.colorNeutralStrokeAccessiblePressed,\n    borderColor: tokens.colorNeutralStrokeAccessiblePressed,\n  },\n  [`& .${circleFilledClassName}`]: {\n    transitionDuration: tokens.durationNormal,\n    transitionTimingFunction: tokens.curveEasyEase,\n    transitionProperty: 'transform',\n\n    '@media screen and (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01ms',\n    },\n  },\n});\n\nconst useSwitchIndicatorStyles = makeStyles({\n  checked: {\n    [`& .${circleFilledClassName}`]: {\n      transform: `translateX(${trackWidth - thumbSize - spaceBetweenThumbAndTrack}px)`,\n    },\n\n    backgroundColor: tokens.colorCompoundBrandBackground,\n    color: tokens.colorNeutralForegroundInverted,\n    ...shorthands.borderColor(tokens.colorTransparentStroke),\n\n    ':hover': {\n      color: tokens.colorNeutralForegroundInverted,\n      backgroundColor: tokens.colorCompoundBrandBackgroundHover,\n      ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n    },\n\n    ':hover:active': {\n      color: tokens.colorNeutralForegroundInverted,\n      backgroundColor: tokens.colorCompoundBrandBackgroundPressed,\n      ...shorthands.borderColor(tokens.colorTransparentStrokeInteractive),\n    },\n  },\n});\n\nconst useMultilineStyles = makeStyles({\n  switch: {\n    alignSelf: 'center',\n  },\n});\n\n/**\n * Apply styling to the MenuItemSwitch slots based on the state\n */\nexport const useMenuItemSwitchStyles_unstable = (state: MenuItemSwitchState): MenuItemSwitchState => {\n  'use no memo';\n\n  const { checked, subText } = state;\n  const multiline = !!subText;\n  const switchIndicatorStyles = useSwitchIndicatorStyles();\n  const switchIndicatorBaseStyles = useSwitchIndicatorBaseClassName();\n  const multilineStyles = useMultilineStyles();\n  state.root.className = mergeClasses(menuItemSwitchClassNames.root, state.root.className);\n  if (state.content) {\n    state.content.className = mergeClasses(menuItemSwitchClassNames.content, state.content.className);\n  }\n\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(\n      menuItemSwitchClassNames.secondaryContent,\n      state.secondaryContent.className,\n    );\n  }\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuItemSwitchClassNames.icon, state.icon.className);\n  }\n\n  if (state.subText) {\n    state.subText.className = mergeClasses(menuItemSwitchClassNames.subText, state.subText.className);\n  }\n\n  if (state.switchIndicator) {\n    state.switchIndicator.className = mergeClasses(\n      menuItemSwitchClassNames.switchIndicator,\n      switchIndicatorBaseStyles,\n      checked && switchIndicatorStyles.checked,\n      state.switchIndicator.className,\n      multiline && multilineStyles.switch,\n    );\n  }\n\n  useMenuItemStyles_unstable({\n    ...state,\n    components: {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      ...state.components,\n      checkmark: 'span',\n      submenuIndicator: 'span',\n    },\n    checkmark: undefined,\n    submenuIndicator: undefined,\n    hasSubmenu: false,\n    persistOnClick: true,\n  });\n\n  return state;\n};\n"],"names":["circleFilledClassName","menuItemSwitchClassNames","useMenuItemSwitchStyles_unstable","root","icon","content","secondaryContent","switchIndicator","subText","spaceBetweenThumbAndTrack","trackHeight","trackWidth","thumbSize","useSwitchIndicatorBaseClassName","makeResetStyles","borderRadius","tokens","borderRadiusCircular","border","strokeWidthThin","colorNeutralStrokeAccessible","lineHeight","boxSizing","fill","flexShrink","fontSize","height","transitionDuration","durationNormal","transitionTimingFunction","curveEasyEase","transitionProperty","width","marginRight","spacingHorizontalXS","color","colorNeutralStrokeAccessibleHover","borderColor","colorNeutralStrokeAccessiblePressed","useSwitchIndicatorStyles","makeStyles","checked","transform","backgroundColor","colorCompoundBrandBackground","colorNeutralForegroundInverted","shorthands","colorTransparentStroke","colorCompoundBrandBackgroundHover","colorTransparentStrokeInteractive","colorCompoundBrandBackgroundPressed","useMultilineStyles","switch","alignSelf","state","multiline","switchIndicatorStyles","switchIndicatorBaseStyles","multilineStyles","className","mergeClasses","useMenuItemStyles_unstable","components","checkmark","submenuIndicator","undefined","hasSubmenu","persistOnClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/MenuList/useMenuListStyles.styles.raw.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    menuListClassNames: function() {
-        return menuListClassNames;
-    },
-    useMenuListStyles_unstable: function() {
-        return useMenuListStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const menuListClassNames = {
-    root: 'fui-MenuList'
-};
-const useStyles = (0, _react.makeStyles)({
-    root: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '2px'
-    },
-    hasMenuContext: {
-        height: '100%'
-    }
-});
-const useMenuListStyles_unstable = (state)=>{
-    'use no memo';
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(menuListClassNames.root, styles.root, state.hasMenuContext && styles.hasMenuContext, state.root.className);
-    return state;
-};

package/lib-commonjs/components/MenuList/useMenuListStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/MenuList/useMenuListStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses, makeStyles } from '@griffel/react';\nimport type { MenuListSlots, MenuListState } from './MenuList.types';\n\nexport const menuListClassNames: SlotClassNames<MenuListSlots> = {\n  root: 'fui-MenuList',\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 useMenuListStyles_unstable = (state: MenuListState): MenuListState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    menuListClassNames.root,\n    styles.root,\n    state.hasMenuContext && styles.hasMenuContext,\n    state.root.className,\n  );\n  return state;\n};\n"],"names":["menuListClassNames","useMenuListStyles_unstable","root","useStyles","makeStyles","display","flexDirection","gap","hasMenuContext","height","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,kBAAAA;eAAAA;;IAkBAC,0BAAAA;eAAAA;;;uBArB4B;AAGlC,MAAMD,qBAAoD;IAC/DE,MAAM;AACR;AAEA,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,KAAK;IACP;IACAC,gBAAgB;QACdC,QAAQ;IACV;AACF;AAKO,MAAMR,6BAA6B,CAACS;IACzC;IAEA,MAAMC,SAASR;IACfO,MAAMR,IAAI,CAACU,SAAS,GAAGC,IAAAA,mBAAAA,EACrBb,mBAAmBE,IAAI,EACvBS,OAAOT,IAAI,EACXQ,MAAMF,cAAc,IAAIG,OAAOH,cAAc,EAC7CE,MAAMR,IAAI,CAACU,SAAS;IAEtB,OAAOF;AACT"}

package/lib-commonjs/components/MenuPopover/useMenuPopoverStyles.styles.raw.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    menuPopoverClassNames: function() {
-        return menuPopoverClassNames;
-    },
-    useMenuPopoverStyles_unstable: function() {
-        return useMenuPopoverStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _reacttheme = require("@fluentui/react-theme");
-const _reactpositioning = require("@fluentui/react-positioning");
-const menuPopoverClassNames = {
-    root: 'fui-MenuPopover'
-};
-const useStyles = (0, _react.makeStyles)({
-    root: {
-        borderRadius: _reacttheme.tokens.borderRadiusMedium,
-        backgroundColor: _reacttheme.tokens.colorNeutralBackground1,
-        color: _reacttheme.tokens.colorNeutralForeground1,
-        boxSizing: 'border-box',
-        minWidth: '138px',
-        maxWidth: '300px',
-        overflowX: 'hidden',
-        width: 'max-content',
-        boxShadow: `${_reacttheme.tokens.shadow16}`,
-        padding: '4px',
-        border: `1px solid ${_reacttheme.tokens.colorTransparentStroke}`,
-        ..._reacttheme.typographyStyles.body1,
-        ...(0, _reactpositioning.createSlideStyles)(10)
-    }
-});
-const useMenuPopoverStyles_unstable = (state)=>{
-    'use no memo';
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(menuPopoverClassNames.root, styles.root, state.root.className);
-    return state;
-};

package/lib-commonjs/components/MenuPopover/useMenuPopoverStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/MenuPopover/useMenuPopoverStyles.styles.ts"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { MenuPopoverSlots, MenuPopoverState } from './MenuPopover.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createSlideStyles } from '@fluentui/react-positioning';\n\nexport const menuPopoverClassNames: SlotClassNames<MenuPopoverSlots> = {\n  root: 'fui-MenuPopover',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    borderRadius: tokens.borderRadiusMedium,\n    backgroundColor: tokens.colorNeutralBackground1,\n    color: tokens.colorNeutralForeground1,\n    boxSizing: 'border-box',\n    minWidth: '138px',\n    maxWidth: '300px',\n    overflowX: 'hidden',\n    width: 'max-content',\n    boxShadow: `${tokens.shadow16}`,\n    padding: '4px',\n    border: `1px solid ${tokens.colorTransparentStroke}`,\n    ...typographyStyles.body1,\n    ...createSlideStyles(10),\n  },\n});\n\n/**\n * Apply styling to the Menu slots based on the state\n */\nexport const useMenuPopoverStyles_unstable = (state: MenuPopoverState): MenuPopoverState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuPopoverClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["menuPopoverClassNames","useMenuPopoverStyles_unstable","root","useStyles","makeStyles","borderRadius","tokens","borderRadiusMedium","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground1","boxSizing","minWidth","maxWidth","overflowX","width","boxShadow","shadow16","padding","border","colorTransparentStroke","typographyStyles","body1","createSlideStyles","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,qBAAAA;eAAAA;;IAyBAC,6BAAAA;eAAAA;;;uBA/B4B;4BACA;kCAGP;AAE3B,MAAMD,wBAA0D;IACrEE,MAAM;AACR;AAEA,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,cAAcC,kBAAAA,CAAOC,kBAAkB;QACvCC,iBAAiBF,kBAAAA,CAAOG,uBAAuB;QAC/CC,OAAOJ,kBAAAA,CAAOK,uBAAuB;QACrCC,WAAW;QACXC,UAAU;QACVC,UAAU;QACVC,WAAW;QACXC,OAAO;QACPC,WAAW,CAAC,EAAEX,kBAAAA,CAAOY,QAAQ,CAAC,CAAC;QAC/BC,SAAS;QACTC,QAAQ,CAAC,UAAU,EAAEd,kBAAAA,CAAOe,sBAAsB,CAAC,CAAC;QACpD,GAAGC,4BAAAA,CAAiBC,KAAK;QACzB,GAAGC,IAAAA,mCAAAA,EAAkB,GAAG;IAC1B;AACF;AAKO,MAAMvB,gCAAgC,CAACwB;IAC5C;IAEA,MAAMC,SAASvB;IACfsB,MAAMvB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,mBAAAA,EAAa5B,sBAAsBE,IAAI,EAAEwB,OAAOxB,IAAI,EAAEuB,MAAMvB,IAAI,CAACyB,SAAS;IACjG,OAAOF;AACT"}

package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.styles.raw.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    menuSplitGroupClassNames: function() {
-        return menuSplitGroupClassNames;
-    },
-    menuSplitGroupMultilineAttr: function() {
-        return menuSplitGroupMultilineAttr;
-    },
-    useMenuSplitGroupStyles_unstable: function() {
-        return useMenuSplitGroupStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const _reacttheme = require("@fluentui/react-theme");
-const _useMenuItemStylesstyles = require("../MenuItem/useMenuItemStyles.styles");
-const menuSplitGroupMultilineAttr = 'data-multiline';
-const menuSplitGroupClassNames = {
-    root: 'fui-MenuSplitGroup'
-};
-/**
- * Styles for the root slot
- * TODO - remove the use of nested combinators to style child menu items
- */ const useStyles = (0, _react.makeStyles)({
-    root: {
-        [`[${menuSplitGroupMultilineAttr}]`]: {
-            [`& > .${_useMenuItemStylesstyles.menuItemClassNames.root}:nth-of-type(2)`]: {
-                alignSelf: 'center'
-            }
-        },
-        display: 'flex',
-        [`& > .${_useMenuItemStylesstyles.menuItemClassNames.root}:nth-of-type(1)`]: {
-            flex: 1
-        },
-        [`& > .${_useMenuItemStylesstyles.menuItemClassNames.root}:nth-of-type(2)`]: {
-            borderTopLeftRadius: 0,
-            borderBottomLeftRadius: 0,
-            paddingLeft: 0,
-            '::before': {
-                content: '""',
-                width: _reacttheme.tokens.strokeWidthThin,
-                height: '20px',
-                backgroundColor: _reacttheme.tokens.colorNeutralStroke1
-            }
-        }
-    }
-});
-const useMenuSplitGroupStyles_unstable = (state)=>{
-    'use no memo';
-    const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(menuSplitGroupClassNames.root, styles.root, state.root.className);
-    return state;
-};

package/lib-commonjs/components/MenuSplitGroup/useMenuSplitGroupStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/MenuSplitGroup/useMenuSplitGroupStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { menuItemClassNames } from '../MenuItem/useMenuItemStyles.styles';\nimport type { MenuSplitGroupSlots, MenuSplitGroupState } from './MenuSplitGroup.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const menuSplitGroupMultilineAttr = 'data-multiline';\n\nexport const menuSplitGroupClassNames: SlotClassNames<MenuSplitGroupSlots> = {\n  root: 'fui-MenuSplitGroup',\n};\n/**\n * Styles for the root slot\n * TODO - remove the use of nested combinators to style child menu items\n */\nconst useStyles = makeStyles({\n  root: {\n    [`[${menuSplitGroupMultilineAttr}]`]: {\n      [`& > .${menuItemClassNames.root}:nth-of-type(2)`]: {\n        alignSelf: 'center',\n      },\n    },\n    display: 'flex',\n    [`& > .${menuItemClassNames.root}:nth-of-type(1)`]: {\n      flex: 1,\n    },\n    [`& > .${menuItemClassNames.root}:nth-of-type(2)`]: {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      paddingLeft: 0,\n      '::before': {\n        content: '\"\"',\n        width: tokens.strokeWidthThin,\n        height: '20px',\n        backgroundColor: tokens.colorNeutralStroke1,\n      },\n    },\n  },\n});\n\n/**\n * Apply styling to the MenuSplitGroup slots based on the state\n */\nexport const useMenuSplitGroupStyles_unstable = (state: MenuSplitGroupState): MenuSplitGroupState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuSplitGroupClassNames.root, styles.root, state.root.className);\n  return state;\n};\n"],"names":["menuSplitGroupClassNames","menuSplitGroupMultilineAttr","useMenuSplitGroupStyles_unstable","root","useStyles","makeStyles","menuItemClassNames","alignSelf","display","flex","borderTopLeftRadius","borderBottomLeftRadius","paddingLeft","content","width","tokens","strokeWidthThin","height","backgroundColor","colorNeutralStroke1","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,wBAAAA;eAAAA;;IAFAC,2BAAAA;eAAAA;;IAqCAC,gCAAAA;eAAAA;;;uBA3C4B;4BAClB;yCACY;AAI5B,MAAMD,8BAA8B;AAEpC,MAAMD,2BAAgE;IAC3EG,MAAM;AACR;AACA;;;CAGC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJ,CAAC,CAAC,CAAC,EAAEF,4BAA4B,CAAC,CAAC,CAAC,EAAE;YACpC,CAAC,CAAC,KAAK,EAAEK,2CAAAA,CAAmBH,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;gBAClDI,WAAW;YACb;QACF;QACAC,SAAS;QACT,CAAC,CAAC,KAAK,EAAEF,2CAAAA,CAAmBH,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;YAClDM,MAAM;QACR;QACA,CAAC,CAAC,KAAK,EAAEH,2CAAAA,CAAmBH,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;YAClDO,qBAAqB;YACrBC,wBAAwB;YACxBC,aAAa;YACb,YAAY;gBACVC,SAAS;gBACTC,OAAOC,kBAAAA,CAAOC,eAAe;gBAC7BC,QAAQ;gBACRC,iBAAiBH,kBAAAA,CAAOI,mBAAmB;YAC7C;QACF;IACF;AACF;AAKO,MAAMjB,mCAAmC,CAACkB;IAC/C;IAEA,MAAMC,SAASjB;IACfgB,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAAA,EAAavB,yBAAyBG,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IACpG,OAAOF;AACT"}

package/lib-commonjs/selectable/useCheckmarkStyles.styles.raw.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useCheckmarkStyles_unstable", {
-    enumerable: true,
-    get: function() {
-        return useCheckmarkStyles_unstable;
-    }
-});
-const _react = require("@griffel/react");
-const useStyles = (0, _react.makeStyles)({
-    root: {
-        width: '16px',
-        height: '16px',
-        visibility: 'hidden',
-        flexShrink: 0
-    },
-    rootChecked: {
-        visibility: 'visible',
-        flexShrink: 0
-    }
-});
-const useCheckmarkStyles_unstable = (state)=>{
-    'use no memo';
-    const styles = useStyles();
-    if (state.checkmark) {
-        state.checkmark.className = (0, _react.mergeClasses)(styles.root, state.checked && styles.rootChecked, state.checkmark.className);
-    }
-};

package/lib-commonjs/selectable/useCheckmarkStyles.styles.raw.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/selectable/useCheckmarkStyles.styles.ts"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport type { MenuItemSelectableState } from './types';\nimport type { MenuItemState } from '../components/MenuItem/MenuItem.types';\n\nconst useStyles = makeStyles({\n  root: {\n    width: '16px',\n    height: '16px',\n    visibility: 'hidden',\n    flexShrink: 0,\n  },\n  rootChecked: {\n    visibility: 'visible',\n    flexShrink: 0,\n  },\n});\n\n/**\n * Applies styles to a checkmark slot for selectable menu items\n *\n * @param state - should contain a `checkmark` slot\n */\nexport const useCheckmarkStyles_unstable = (state: MenuItemSelectableState & Pick<MenuItemState, 'checkmark'>) => {\n  'use no memo';\n\n  const styles = useStyles();\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(\n      styles.root,\n      state.checked && styles.rootChecked,\n      state.checkmark.className,\n    );\n  }\n};\n"],"names":["useCheckmarkStyles_unstable","useStyles","makeStyles","root","width","height","visibility","flexShrink","rootChecked","state","styles","checkmark","className","mergeClasses","checked"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsBaA;;;eAAAA;;;uBAtB4B;AAIzC,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BC,MAAM;QACJC,OAAO;QACPC,QAAQ;QACRC,YAAY;QACZC,YAAY;IACd;IACAC,aAAa;QACXF,YAAY;QACZC,YAAY;IACd;AACF;AAOO,MAAMP,8BAA8B,CAACS;IAC1C;IAEA,MAAMC,SAAST;IACf,IAAIQ,MAAME,SAAS,EAAE;QACnBF,MAAME,SAAS,CAACC,SAAS,GAAGC,IAAAA,mBAAAA,EAC1BH,OAAOP,IAAI,EACXM,MAAMK,OAAO,IAAIJ,OAAOF,WAAW,EACnCC,MAAME,SAAS,CAACC,SAAS;IAE7B;AACF"}