@fluentui/react-menu 9.0.0-alpha.8 → 9.0.0-alpha.80

package/lib-commonjs/components/MenuItem/useMenuItemStyles.js

@@ -1,76 +1,88 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_make_styles_1 = require("@fluentui/react-make-styles");
-var useStyles = react_make_styles_1.makeStyles({
-    root: function (theme) { return ({
-        color: theme.alias.color.neutral.neutralForeground1,
-        backgroundColor: theme.alias.color.neutral.neutralBackground1,
-        paddingRight: '8px',
-        paddingLeft: '12px',
-        height: '32px',
-        display: 'flex',
-        alignItems: 'center',
-        fontSize: theme.global.type.fontSizes.base[300],
-        cursor: 'pointer',
-        ':hover': {
-            backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,
-            color: theme.alias.color.neutral.neutralForeground2Hover,
-        },
-        ':focus': {
-            backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,
-            color: theme.alias.color.neutral.neutralForeground2Hover,
-        },
-    }); },
-    content: {
-        marginRight: '8px',
-        backgroundColor: 'transparent',
-        flexGrow: 1,
-    },
-    secondaryContent: function (theme) { return ({
-        color: theme.alias.color.neutral.neutralForeground3,
-        ':hover': {
-            color: theme.alias.color.neutral.neutralForeground3Hover,
-        },
-        ':focus': {
-            backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,
-            color: theme.alias.color.neutral.neutralForeground3Hover,
-        },
-    }); },
-    icon: {
-        width: '20px',
-        height: '20px',
-        marginRight: '8px',
-    },
-    submenuIndicator: {
-        width: '20px',
-        height: '20px',
-    },
-    disabled: function (theme) { return ({
-        backgroundColor: theme.alias.color.neutral.neutralBackgroundDisabled,
-        color: theme.alias.color.neutral.neutralForegroundDisabled,
-        ':hover': {
-            backgroundColor: theme.alias.color.neutral.neutralBackgroundDisabled,
-            color: theme.alias.color.neutral.neutralForegroundDisabled,
-        },
-        ':focus': {
-            backgroundColor: theme.alias.color.neutral.neutralBackgroundDisabled,
-            color: theme.alias.color.neutral.neutralForegroundDisabled,
-        },
-    }); },
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuItemStyles = void 0;
+
+var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+
+var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
+
+var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "focusIndicator": {},
+  "root": {
+    "sj55zd": "f16th3vw",
+    "De3pzq": "fpnz0vo",
+    "z189sj": ["f81rol6", "frdkuqy"],
+    "uwmqm3": ["frdkuqy", "f81rol6"],
+    "Bqenvij": "f1d2rq10",
+    "mc9l5x": "f22iagw",
+    "Bt984gj": "f122n59",
+    "Be2twd7": "flcnb0",
+    "Bceei9c": "f1k6fduh",
+    "rmohyg": "f4xv25i",
+    "Jwef8y": "fg5k6t1",
+    "Bi91k9c": "fc5cu5i",
+    "f5ssp4": "fgq9ur3",
+    "t0hwav": "f1r9dqel",
+    "famaaq": "f1xqy1su"
+  },
+  "content": {
+    "uwmqm3": ["f161knb0", "f12huiiw"],
+    "z189sj": ["f12huiiw", "f161knb0"],
+    "De3pzq": "f3rmtva",
+    "Bh6795r": "fqerorx"
+  },
+  "secondaryContent": {
+    "uwmqm3": ["f161knb0", "f12huiiw"],
+    "z189sj": ["f12huiiw", "f161knb0"],
+    "sj55zd": "f16vm6lu",
+    "Bi91k9c": "f1ytwjsw",
+    "f5ssp4": "fgq9ur3",
+    "t0hwav": "f1i4qkg4"
+  },
+  "icon": {
+    "a9b677": "f64fuq3",
+    "Bqenvij": "fjamq6b"
+  },
+  "submenuIndicator": {
+    "a9b677": "f64fuq3",
+    "Bqenvij": "fjamq6b"
+  },
+  "disabled": {
+    "De3pzq": "f1rrhyyr",
+    "sj55zd": "f1eu23ty",
+    "Jwef8y": "f184eb8k",
+    "Bi91k9c": "fc6113c",
+    "f5ssp4": "fxnk7mi",
+    "t0hwav": "f1h7efst"
+  }
+}, {
+  "d": [".f16th3vw{color:var(--alias-color-neutral-neutralForeground1);}", ".fpnz0vo{background-color:var(--alias-color-neutral-neutralBackground1);}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1d2rq10{height:32px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".flcnb0{font-size:var(--global-type-fontSizes-base-300);}", ".f1k6fduh{cursor:pointer;}", ".f4xv25i{gap:4px;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".f161knb0{padding-left:2px;}", ".f12huiiw{padding-right:2px;}", ".f3rmtva{background-color:transparent;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f16vm6lu{color:var(--alias-color-neutral-neutralForeground3);}", ".f64fuq3{width:20px;}", ".fjamq6b{height:20px;}", ".f1rrhyyr{background-color:var(--alias-color-neutral-neutralBackgroundDisabled);}", ".f1eu23ty{color:var(--alias-color-neutral-neutralForegroundDisabled);}"],
+  "h": [".fg5k6t1:hover{background-color:var(--alias-color-neutral-neutralBackground1Hover);}", ".fc5cu5i:hover{color:var(--alias-color-neutral-neutralForeground2Hover);}", ".f1ytwjsw:hover{color:var(--alias-color-neutral-neutralForeground3Hover);}", ".f184eb8k:hover{background-color:var(--alias-color-neutral-neutralBackgroundDisabled);}", ".fc6113c:hover{color:var(--alias-color-neutral-neutralForegroundDisabled);}"],
+  "f": [".fgq9ur3:focus{background-color:var(--alias-color-neutral-neutralBackground1Hover);}", ".f1r9dqel:focus{color:var(--alias-color-neutral-neutralForeground2Hover);}", ".f1i4qkg4:focus{color:var(--alias-color-neutral-neutralForeground3Hover);}", ".fxnk7mi:focus{background-color:var(--alias-color-neutral-neutralBackgroundDisabled);}", ".f1h7efst:focus{color:var(--alias-color-neutral-neutralForegroundDisabled);}"]
 });
 /** Applies style classnames to slots */
-exports.useMenuItemStyles = function (state) {
-    var styles = useStyles();
-    state.className = react_make_styles_1.ax(styles.root, state.disabled && styles.disabled, state.className);
-    state.content.className = react_make_styles_1.ax(styles.content, state.content.className);
-    if (state.secondaryContent) {
-        state.secondaryContent.className = react_make_styles_1.ax(!state.disabled && styles.secondaryContent, state.secondaryContent.className);
-    }
-    if (state.icon) {
-        state.icon.className = react_make_styles_1.ax(styles.icon, state.icon.className);
-    }
-    if (state.submenuIndicator) {
-        state.submenuIndicator.className = react_make_styles_1.ax(styles.submenuIndicator, state.submenuIndicator.className);
-    }
+
+
+var useMenuItemStyles = function (state) {
+  var styles = useStyles();
+  state.root.className = react_make_styles_1.mergeClasses(styles.root, styles.focusIndicator, state.disabled && styles.disabled, state.root.className);
+  state.content.className = react_make_styles_1.mergeClasses(styles.content, state.content.className);
+
+  if (state.secondaryContent) {
+    state.secondaryContent.className = react_make_styles_1.mergeClasses(!state.disabled && styles.secondaryContent, state.secondaryContent.className);
+  }
+
+  if (state.icon) {
+    state.icon.className = react_make_styles_1.mergeClasses(styles.icon, state.icon.className);
+  }
+
+  if (state.submenuIndicator) {
+    state.submenuIndicator.className = react_make_styles_1.mergeClasses(styles.submenuIndicator, state.submenuIndicator.className);
+  }
 };
+
+exports.useMenuItemStyles = useMenuItemStyles;
 //# sourceMappingURL=useMenuItemStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMenuItemStyles.js","sourceRoot":"../src/","sources":["components/MenuItem/useMenuItemStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { ax, makeStyles } from '@fluentui/react-make-styles';\nimport { MenuItemState } from './MenuItem.types';\n\nconst useStyles = makeStyles({\n  root: theme => ({\n    color: theme.alias.color.neutral.neutralForeground1,\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n    paddingRight: '8px',\n    paddingLeft: '12px',\n    height: '32px',\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: theme.global.type.fontSizes.base[300],\n    cursor: 'pointer',\n\n    ':hover': {\n      backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,\n      color: theme.alias.color.neutral.neutralForeground2Hover,\n    },\n\n    ':focus': {\n      backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,\n      color: theme.alias.color.neutral.neutralForeground2Hover,\n    },\n  }),\n  content: {\n    marginRight: '8px',\n    backgroundColor: 'transparent',\n    flexGrow: 1,\n  },\n  secondaryContent: theme => ({\n    color: theme.alias.color.neutral.neutralForeground3,\n    ':hover': {\n      color: theme.alias.color.neutral.neutralForeground3Hover,\n    },\n\n    ':focus': {\n      backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,\n      color: theme.alias.color.neutral.neutralForeground3Hover,\n    },\n  }),\n  icon: {\n    width: '20px',\n    height: '20px',\n    marginRight: '8px',\n  },\n  submenuIndicator: {\n    width: '20px',\n    height: '20px',\n  },\n  disabled: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackgroundDisabled,\n    color: theme.alias.color.neutral.neutralForegroundDisabled,\n    ':hover': {\n      backgroundColor: theme.alias.color.neutral.neutralBackgroundDisabled,\n      color: theme.alias.color.neutral.neutralForegroundDisabled,\n    },\n\n    ':focus': {\n      backgroundColor: theme.alias.color.neutral.neutralBackgroundDisabled,\n      color: theme.alias.color.neutral.neutralForegroundDisabled,\n    },\n  }),\n});\n\n/** Applies style classnames to slots */\nexport const useMenuItemStyles = (state: MenuItemState) => {\n  const styles = useStyles();\n  state.className = ax(styles.root, state.disabled && styles.disabled, state.className);\n  state.content.className = ax(styles.content, state.content.className);\n  if (state.secondaryContent) {\n    state.secondaryContent.className = ax(!state.disabled && styles.secondaryContent, state.secondaryContent.className);\n  }\n\n  if (state.icon) {\n    state.icon.className = ax(styles.icon, state.icon.className);\n  }\n\n  if (state.submenuIndicator) {\n    state.submenuIndicator.className = ax(styles.submenuIndicator, state.submenuIndicator.className);\n  }\n};\n"]}
+{"version":3,"sources":["components/MenuItem/useMenuItemStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAGA,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAoEA;;;AACO,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAqB;AACpD,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,MAAM,CAAC,cAFc,EAGrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,QAHJ,EAIrB,KAAK,CAAC,IAAN,CAAW,SAJU,CAAvB;AAMA,EAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,OAApB,EAA6B,KAAK,CAAC,OAAN,CAAc,SAA3C,CAA1B;;AACA,MAAI,KAAK,CAAC,gBAAV,EAA4B;AAC1B,IAAA,KAAK,CAAC,gBAAN,CAAuB,SAAvB,GAAmC,mBAAA,CAAA,YAAA,CACjC,CAAC,KAAK,CAAC,QAAP,IAAmB,MAAM,CAAC,gBADO,EAEjC,KAAK,CAAC,gBAAN,CAAuB,SAFU,CAAnC;AAID;;AAED,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACD;;AAED,MAAI,KAAK,CAAC,gBAAV,EAA4B;AAC1B,IAAA,KAAK,CAAC,gBAAN,CAAuB,SAAvB,GAAmC,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,gBAApB,EAAsC,KAAK,CAAC,gBAAN,CAAuB,SAA7D,CAAnC;AACD;AACF,CAvBM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport { createFocusIndicatorStyleRule } from '@fluentui/react-tabster';\nimport type { MenuItemState } from './MenuItem.types';\n\nconst useStyles = makeStyles({\n  focusIndicator: createFocusIndicatorStyleRule(),\n  root: theme => ({\n    color: theme.alias.color.neutral.neutralForeground1,\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n    paddingRight: '10px',\n    paddingLeft: '10px',\n    height: '32px',\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: theme.global.type.fontSizes.base[300],\n    cursor: 'pointer',\n    gap: '4px',\n\n    ':hover': {\n      backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,\n      color: theme.alias.color.neutral.neutralForeground2Hover,\n    },\n\n    ':focus': {\n      backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,\n      color: theme.alias.color.neutral.neutralForeground2Hover,\n    },\n\n    userSelect: 'none',\n  }),\n  content: {\n    paddingLeft: '2px',\n    paddingRight: '2px',\n    backgroundColor: 'transparent',\n    flexGrow: 1,\n  },\n  secondaryContent: theme => ({\n    paddingLeft: '2px',\n    paddingRight: '2px',\n    color: theme.alias.color.neutral.neutralForeground3,\n    ':hover': {\n      color: theme.alias.color.neutral.neutralForeground3Hover,\n    },\n\n    ':focus': {\n      backgroundColor: theme.alias.color.neutral.neutralBackground1Hover,\n      color: theme.alias.color.neutral.neutralForeground3Hover,\n    },\n  }),\n  icon: {\n    width: '20px',\n    height: '20px',\n  },\n  submenuIndicator: {\n    width: '20px',\n    height: '20px',\n  },\n  disabled: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackgroundDisabled,\n    color: theme.alias.color.neutral.neutralForegroundDisabled,\n    ':hover': {\n      backgroundColor: theme.alias.color.neutral.neutralBackgroundDisabled,\n      color: theme.alias.color.neutral.neutralForegroundDisabled,\n    },\n\n    ':focus': {\n      backgroundColor: theme.alias.color.neutral.neutralBackgroundDisabled,\n      color: theme.alias.color.neutral.neutralForegroundDisabled,\n    },\n  }),\n});\n\n/** Applies style classnames to slots */\nexport const useMenuItemStyles = (state: MenuItemState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    styles.root,\n    styles.focusIndicator,\n    state.disabled && styles.disabled,\n    state.root.className,\n  );\n  state.content.className = mergeClasses(styles.content, state.content.className);\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(\n      !state.disabled && styles.secondaryContent,\n      state.secondaryContent.className,\n    );\n  }\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(styles.icon, state.icon.className);\n  }\n\n  if (state.submenuIndicator) {\n    state.submenuIndicator.className = mergeClasses(styles.submenuIndicator, state.submenuIndicator.className);\n  }\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/MenuItemCheckbox/MenuItemCheckbox.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { MenuItemCheckboxProps } from './MenuItemCheckbox.types';
+import type { MenuItemCheckboxProps } from './MenuItemCheckbox.types';
 /**
  * Define a styled MenuItemCheckbox, using the `useMenuItemCheckbox` hook.
- * {@docCategory MenuItemCheckbox}
  */
-export declare const MenuItemCheckbox: React.ForwardRefExoticComponent<MenuItemCheckboxProps & React.RefAttributes<HTMLElement>>;
+export declare const MenuItemCheckbox: React.ForwardRefExoticComponent<Pick<MenuItemCheckboxProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "icon" | "checkmark" | "submenuIndicator" | "content" | "secondaryContent" | "as" | "value" | "disabled" | "hasSubmenu" | "persistOnClick" | "name"> & React.RefAttributes<HTMLElement>>;

package/lib-commonjs/components/MenuItemCheckbox/MenuItemCheckbox.js

@@ -1,17 +1,26 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-var useMenuItemCheckbox_1 = require("./useMenuItemCheckbox");
-var renderMenuItemCheckbox_1 = require("./renderMenuItemCheckbox");
-var useMenuItemCheckboxStyles_1 = require("./useMenuItemCheckboxStyles");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuItemCheckbox = void 0;
+
+var React = /*#__PURE__*/require("react");
+
+var useMenuItemCheckbox_1 = /*#__PURE__*/require("./useMenuItemCheckbox");
+
+var renderMenuItemCheckbox_1 = /*#__PURE__*/require("./renderMenuItemCheckbox");
+
+var useMenuItemCheckboxStyles_1 = /*#__PURE__*/require("./useMenuItemCheckboxStyles");
 /**
  * Define a styled MenuItemCheckbox, using the `useMenuItemCheckbox` hook.
- * {@docCategory MenuItemCheckbox}
  */
-exports.MenuItemCheckbox = React.forwardRef(function (props, ref) {
-    var state = useMenuItemCheckbox_1.useMenuItemCheckbox(props, ref);
-    useMenuItemCheckboxStyles_1.useMenuItemCheckBoxStyles(state);
-    return renderMenuItemCheckbox_1.renderMenuItemCheckbox(state);
+
+
+exports.MenuItemCheckbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var state = useMenuItemCheckbox_1.useMenuItemCheckbox(props, ref);
+  useMenuItemCheckboxStyles_1.useMenuItemCheckBoxStyles(state);
+  return renderMenuItemCheckbox_1.renderMenuItemCheckbox(state);
 });
 exports.MenuItemCheckbox.displayName = 'MenuItemCheckbox';
 //# sourceMappingURL=MenuItemCheckbox.js.map

package/lib-commonjs/components/MenuItemCheckbox/MenuItemCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemCheckbox.js","sourceRoot":"../src/","sources":["components/MenuItemCheckbox/MenuItemCheckbox.tsx"],"names":[],"mappings":";;AAAA,6BAA+B;AAC/B,6DAA4D;AAE5D,mEAAkE;AAClE,yEAAwE;AAExE;;;GAGG;AACU,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG;IAC9F,IAAM,KAAK,GAAG,yCAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC9C,qDAAyB,CAAC,KAAK,CAAC,CAAC;IAEjC,OAAO,+CAAsB,CAAC,KAAK,CAAC,CAAC;AACvC,CAAC,CAAC,CAAC;AAEH,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useMenuItemCheckbox } from './useMenuItemCheckbox';\nimport { MenuItemCheckboxProps } from './MenuItemCheckbox.types';\nimport { renderMenuItemCheckbox } from './renderMenuItemCheckbox';\nimport { useMenuItemCheckBoxStyles } from './useMenuItemCheckboxStyles';\n\n/**\n * Define a styled MenuItemCheckbox, using the `useMenuItemCheckbox` hook.\n * {@docCategory MenuItemCheckbox}\n */\nexport const MenuItemCheckbox = React.forwardRef<HTMLElement, MenuItemCheckboxProps>((props, ref) => {\n  const state = useMenuItemCheckbox(props, ref);\n  useMenuItemCheckBoxStyles(state);\n\n  return renderMenuItemCheckbox(state);\n});\n\nMenuItemCheckbox.displayName = 'MenuItemCheckbox';\n"]}
+{"version":3,"sources":["components/MenuItemCheckbox/MenuItemCheckbox.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,IAAA,wBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AACA,IAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,gBAAA,gBAAmB,KAAK,CAAC,UAAN,CAAqD,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC9F,MAAM,KAAK,GAAG,qBAAA,CAAA,mBAAA,CAAoB,KAApB,EAA2B,GAA3B,CAAd;AACA,EAAA,2BAAA,CAAA,yBAAA,CAA0B,KAA1B;AAEA,SAAO,wBAAA,CAAA,sBAAA,CAAuB,KAAvB,CAAP;AACD,CAL+B,CAAnB;AAOb,OAAA,CAAA,gBAAA,CAAiB,WAAjB,GAA+B,kBAA/B","sourcesContent":["import * as React from 'react';\nimport { useMenuItemCheckbox } from './useMenuItemCheckbox';\nimport { renderMenuItemCheckbox } from './renderMenuItemCheckbox';\nimport { useMenuItemCheckBoxStyles } from './useMenuItemCheckboxStyles';\nimport type { MenuItemCheckboxProps } from './MenuItemCheckbox.types';\n\n/**\n * Define a styled MenuItemCheckbox, using the `useMenuItemCheckbox` hook.\n */\nexport const MenuItemCheckbox = React.forwardRef<HTMLElement, MenuItemCheckboxProps>((props, ref) => {\n  const state = useMenuItemCheckbox(props, ref);\n  useMenuItemCheckBoxStyles(state);\n\n  return renderMenuItemCheckbox(state);\n});\n\nMenuItemCheckbox.displayName = 'MenuItemCheckbox';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/MenuItemCheckbox/MenuItemCheckbox.types.d.ts

@@ -1,23 +1,4 @@
-import * as React from 'react';
-import { ComponentProps, ObjectShorthandProps, ShorthandProps } from '@fluentui/react-utilities';
-import { MenuItemSelectableProps, MenuItemSelectableState } from '../../selectable/index';
-import { MenuItemProps, MenuItemState } from '../MenuItem/MenuItem.types';
-/**
- * {@docCategory MenuItemCheckbox}
- */
-export interface MenuItemCheckboxProps extends ComponentProps, React.HTMLAttributes<HTMLElement>, MenuItemProps, MenuItemSelectableProps {
-    /**
-     * Slot for the checkmark indicator
-     */
-    checkmark?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;
-}
-/**
- * {@docCategory MenuItemCheckbox}
- */
-export interface MenuItemCheckboxState extends MenuItemState, MenuItemSelectableState {
-    ref: React.MutableRefObject<HTMLElement>;
-    /**
-     * Slot for the checkmark indicator
-     */
-    checkmark: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
-}
+import type { MenuItemSelectableProps, MenuItemSelectableState } from '../../selectable/index';
+import type { MenuItemProps, MenuItemState } from '../MenuItem/MenuItem.types';
+export declare type MenuItemCheckboxProps = MenuItemProps & MenuItemSelectableProps;
+export declare type MenuItemCheckboxState = MenuItemState & MenuItemSelectableState;

package/lib-commonjs/components/MenuItemCheckbox/MenuItemCheckbox.types.js

@@ -1,3 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=MenuItemCheckbox.types.js.map

package/lib-commonjs/components/MenuItemCheckbox/MenuItemCheckbox.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemCheckbox.types.js","sourceRoot":"../src/","sources":["components/MenuItemCheckbox/MenuItemCheckbox.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentProps, ObjectShorthandProps, ShorthandProps } from '@fluentui/react-utilities';\nimport { MenuItemSelectableProps, MenuItemSelectableState } from '../../selectable/index';\nimport { MenuItemProps, MenuItemState } from '../MenuItem/MenuItem.types';\n\n/**\n * {@docCategory MenuItemCheckbox}\n */\nexport interface MenuItemCheckboxProps\n  extends ComponentProps,\n    React.HTMLAttributes<HTMLElement>,\n    MenuItemProps,\n    MenuItemSelectableProps {\n  /**\n   * Slot for the checkmark indicator\n   */\n  checkmark?: ShorthandProps<React.HTMLAttributes<HTMLElement>>;\n}\n\n/**\n * {@docCategory MenuItemCheckbox}\n */\nexport interface MenuItemCheckboxState extends MenuItemState, MenuItemSelectableState {\n  ref: React.MutableRefObject<HTMLElement>;\n\n  /**\n   * Slot for the checkmark indicator\n   */\n  checkmark: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}

package/lib-commonjs/components/MenuItemCheckbox/index.js

@@ -1,7 +1,16 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./MenuItemCheckbox.types"), exports);
+
 tslib_1.__exportStar(require("./MenuItemCheckbox"), exports);
+
 tslib_1.__exportStar(require("./renderMenuItemCheckbox"), exports);
+
 tslib_1.__exportStar(require("./useMenuItemCheckbox"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/MenuItemCheckbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/MenuItemCheckbox/index.ts"],"names":[],"mappings":";;;AACA,6DAAmC;AACnC,mEAAyC;AACzC,gEAAsC","sourcesContent":["export * from './MenuItemCheckbox.types';\nexport * from './MenuItemCheckbox';\nexport * from './renderMenuItemCheckbox';\nexport * from './useMenuItemCheckbox';\n"]}
+{"version":3,"sources":["components/MenuItemCheckbox/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './MenuItemCheckbox.types';\nexport * from './MenuItemCheckbox';\nexport * from './renderMenuItemCheckbox';\nexport * from './useMenuItemCheckbox';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/MenuItemCheckbox/renderMenuItemCheckbox.d.ts

@@ -1,3 +1,3 @@
-import { MenuItemCheckboxState } from './MenuItemCheckbox.types';
+import type { MenuItemCheckboxState } from './MenuItemCheckbox.types';
 /** Function that renders the final JSX of the component  */
 export declare const renderMenuItemCheckbox: (state: MenuItemCheckboxState) => JSX.Element;

package/lib-commonjs/components/MenuItemCheckbox/renderMenuItemCheckbox.js

@@ -1,16 +1,27 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = require("react");
-var react_utilities_1 = require("@fluentui/react-utilities");
-var useMenuItemCheckbox_1 = require("./useMenuItemCheckbox");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderMenuItemCheckbox = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var React = /*#__PURE__*/require("react");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+var index_1 = /*#__PURE__*/require("../MenuItem/index");
 /** Function that renders the final JSX of the component  */
-exports.renderMenuItemCheckbox = function (state) {
-    var _a = react_utilities_1.getSlots(state, useMenuItemCheckbox_1.menuItemCheckboxShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-    return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-        React.createElement(slots.checkmark, tslib_1.__assign({}, slotProps.checkmark)),
-        React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)),
-        React.createElement(slots.content, tslib_1.__assign({}, slotProps.content)),
-        React.createElement(slots.secondaryContent, tslib_1.__assign({}, slotProps.secondaryContent))));
+
+
+var renderMenuItemCheckbox = function (state) {
+  var _a = react_utilities_1.getSlots(state, index_1.menuItemSlots),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), React.createElement(slots.checkmark, tslib_1.__assign({}, slotProps.checkmark)), React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)), React.createElement(slots.content, tslib_1.__assign({}, slotProps.content)), React.createElement(slots.secondaryContent, tslib_1.__assign({}, slotProps.secondaryContent)));
 };
+
+exports.renderMenuItemCheckbox = renderMenuItemCheckbox;
 //# sourceMappingURL=renderMenuItemCheckbox.js.map

package/lib-commonjs/components/MenuItemCheckbox/renderMenuItemCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderMenuItemCheckbox.js","sourceRoot":"../src/","sources":["components/MenuItemCheckbox/renderMenuItemCheckbox.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,6DAAqD;AAErD,6DAAuE;AAEvE,4DAA4D;AAC/C,QAAA,sBAAsB,GAAG,UAAC,KAA4B;IAC3D,IAAA,4FAAsE,EAApE,gBAAK,EAAE,wBAA6D,CAAC;IAE7E,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;QAC5B,oBAAC,KAAK,CAAC,SAAS,uBAAK,SAAS,CAAC,SAAS,EAAI;QAC5C,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI;QAClC,oBAAC,KAAK,CAAC,OAAO,uBAAK,SAAS,CAAC,OAAO,EAAI;QACxC,oBAAC,KAAK,CAAC,gBAAgB,uBAAK,SAAS,CAAC,gBAAgB,EAAI,CAC/C,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { MenuItemCheckboxState } from './MenuItemCheckbox.types';\nimport { menuItemCheckboxShorthandProps } from './useMenuItemCheckbox';\n\n/** Function that renders the final JSX of the component  */\nexport const renderMenuItemCheckbox = (state: MenuItemCheckboxState) => {\n  const { slots, slotProps } = getSlots(state, menuItemCheckboxShorthandProps);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.checkmark {...slotProps.checkmark} />\n      <slots.icon {...slotProps.icon} />\n      <slots.content {...slotProps.content} />\n      <slots.secondaryContent {...slotProps.secondaryContent} />\n    </slots.root>\n  );\n};\n"]}
+{"version":3,"sources":["components/MenuItemCheckbox/renderMenuItemCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAIA;;;AACO,IAAM,sBAAsB,GAAG,UAAC,KAAD,EAA6B;AAC3D,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAwB,KAAxB,EAA+B,OAAA,CAAA,aAA/B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,SAAP,EAAgB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,SAAf,CAAhB,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAFF,EAGE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,OAAP,EAAc,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,OAAf,CAAd,CAHF,EAIE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAP,EAAuB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,gBAAf,CAAvB,CAJF,CADF;AAQD,CAXM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { menuItemSlots } from '../MenuItem/index';\nimport type { MenuItemCheckboxState } from './MenuItemCheckbox.types';\nimport type { MenuItemSlots } from '../MenuItem/MenuItem.types';\n\n/** Function that renders the final JSX of the component  */\nexport const renderMenuItemCheckbox = (state: MenuItemCheckboxState) => {\n  const { slots, slotProps } = getSlots<MenuItemSlots>(state, menuItemSlots);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.checkmark {...slotProps.checkmark} />\n      <slots.icon {...slotProps.icon} />\n      <slots.content {...slotProps.content} />\n      <slots.secondaryContent {...slotProps.secondaryContent} />\n    </slots.root>\n  );\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/MenuItemCheckbox/useMenuItemCheckbox.d.ts

@@ -1,8 +1,4 @@
 import * as React from 'react';
-import { MenuItemCheckboxProps, MenuItemCheckboxState } from './MenuItemCheckbox.types';
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const menuItemCheckboxShorthandProps: readonly ("content" | "icon" | "submenuIndicator" | "secondaryContent" | "checkmark")[];
+import type { MenuItemCheckboxProps, MenuItemCheckboxState } from './MenuItemCheckbox.types';
 /** Returns the props and state required to render the component */
-export declare const useMenuItemCheckbox: (props: MenuItemCheckboxProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuItemCheckboxProps | undefined) => MenuItemCheckboxState;
+export declare const useMenuItemCheckbox: (props: MenuItemCheckboxProps, ref: React.Ref<HTMLElement>) => MenuItemCheckboxState;

package/lib-commonjs/components/MenuItemCheckbox/useMenuItemCheckbox.js

@@ -1,40 +1,62 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = require("react");
-var menuListContext_1 = require("../../contexts/menuListContext");
-var useMenuItem_1 = require("../MenuItem/useMenuItem");
-var DefaultIcons_1 = require("../../utils/DefaultIcons");
-/**
- * Consts listing which props are shorthand props.
- */
-exports.menuItemCheckboxShorthandProps = tslib_1.__spreadArrays(useMenuItem_1.menuItemShorthandProps);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuItemCheckbox = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var React = /*#__PURE__*/require("react");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+var react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
+
+var menuListContext_1 = /*#__PURE__*/require("../../contexts/menuListContext");
+
+var useMenuItem_1 = /*#__PURE__*/require("../MenuItem/useMenuItem");
 /** Returns the props and state required to render the component */
-exports.useMenuItemCheckbox = function (props, ref, defaultProps) {
-    var state = useMenuItem_1.useMenuItem(props, ref, {
-        role: 'menuitemcheckbox',
-        checkmark: { as: 'span', children: React.createElement(DefaultIcons_1.AcceptIcon, null) },
-    });
-    var toggleCheckbox = menuListContext_1.useMenuListContext(function (context) { return context.toggleCheckbox; });
-    var onClickOriginal = state.onClick;
-    var checked = menuListContext_1.useMenuListContext(function (context) {
-        var _a;
-        var checkedItems = ((_a = context.checkedValues) === null || _a === void 0 ? void 0 : _a[state.name]) || [];
-        return checkedItems.indexOf(state.value) !== -1;
-    });
-    state.checked = checked;
-    state['aria-checked'] = state.checked;
-    // MenuItem state already transforms keyDown to click events
-    state.onClick = function (e) {
-        var _a, _b;
-        if (state.disabled) {
-            e.preventDefault();
-            e.stopPropagation();
-            return;
-        }
-        (_a = toggleCheckbox) === null || _a === void 0 ? void 0 : _a(e, state.name, state.value, state.checked);
-        (_b = onClickOriginal) === null || _b === void 0 ? void 0 : _b(e);
-    };
-    return state;
+
+
+var useMenuItemCheckbox = function (props, ref) {
+  var state = useMenuItem_1.useMenuItem(tslib_1.__assign(tslib_1.__assign({
+    role: 'menuitemcheckbox',
+    persistOnClick: true
+  }, props), {
+    checkmark: react_utilities_1.resolveShorthand(props.checkmark, {
+      defaultProps: {
+        children: React.createElement(react_icons_1.Checkmark16Filled, null)
+      },
+      required: true
+    })
+  }), ref);
+  var toggleCheckbox = menuListContext_1.useMenuListContext(function (context) {
+    return context.toggleCheckbox;
+  });
+  var onClickOriginal = state.root.onClick;
+  var checked = menuListContext_1.useMenuListContext(function (context) {
+    var _a;
+
+    var checkedItems = ((_a = context.checkedValues) === null || _a === void 0 ? void 0 : _a[state.name]) || [];
+    return checkedItems.indexOf(state.value) !== -1;
+  });
+  state.checked = checked;
+  state.root['aria-checked'] = state.checked; // MenuItem state already transforms keyDown to click events
+
+  state.root.onClick = function (e) {
+    if (state.disabled) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
+
+    toggleCheckbox === null || toggleCheckbox === void 0 ? void 0 : toggleCheckbox(e, state.name, state.value, state.checked);
+    onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
+  };
+
+  return state;
 };
+
+exports.useMenuItemCheckbox = useMenuItemCheckbox;
 //# sourceMappingURL=useMenuItemCheckbox.js.map

package/lib-commonjs/components/MenuItemCheckbox/useMenuItemCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuItemCheckbox.js","sourceRoot":"../src/","sources":["components/MenuItemCheckbox/useMenuItemCheckbox.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAE/B,kEAAoE;AACpE,uDAA8E;AAC9E,yDAAsD;AAEtD;;GAEG;AACU,QAAA,8BAA8B,GAAG,uBAAI,oCAAsB,CAAU,CAAC;AAEnF,mEAAmE;AACtD,QAAA,mBAAmB,GAAG,UACjC,KAA4B,EAC5B,GAA2B,EAC3B,YAAoC;IAEpC,IAAM,KAAK,GAAG,yBAAW,CAAC,KAAK,EAAE,GAAG,EAAE;QACpC,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAC,yBAAU,OAAG,EAAE;KACpD,CAA0B,CAAC;IAE5B,IAAM,cAAc,GAAG,oCAAkB,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,cAAc,EAAtB,CAAsB,CAAC,CAAC;IACrE,IAAA,+BAAwB,CAAW;IAC3C,IAAM,OAAO,GAAG,oCAAkB,CAAC,UAAA,OAAO;;QACxC,IAAM,YAAY,GAAG,OAAA,OAAO,CAAC,aAAa,0CAAG,KAAK,CAAC,IAAI,MAAK,EAAE,CAAC;QAC/D,OAAO,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;IAEtC,4DAA4D;IAC5D,KAAK,CAAC,OAAO,GAAG,UAAA,CAAC;;QACf,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;SACR;QAED,MAAA,cAAc,0CAAG,CAAC,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE;QAC5D,MAAA,eAAe,0CAAG,CAAC,EAAE;IACvB,CAAC,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { MenuItemCheckboxProps, MenuItemCheckboxState } from './MenuItemCheckbox.types';\nimport { useMenuListContext } from '../../contexts/menuListContext';\nimport { useMenuItem, menuItemShorthandProps } from '../MenuItem/useMenuItem';\nimport { AcceptIcon } from '../../utils/DefaultIcons';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const menuItemCheckboxShorthandProps = [...menuItemShorthandProps] as const;\n\n/** Returns the props and state required to render the component */\nexport const useMenuItemCheckbox = (\n  props: MenuItemCheckboxProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: MenuItemCheckboxProps,\n): MenuItemCheckboxState => {\n  const state = useMenuItem(props, ref, {\n    role: 'menuitemcheckbox',\n    checkmark: { as: 'span', children: <AcceptIcon /> },\n  }) as MenuItemCheckboxState;\n\n  const toggleCheckbox = useMenuListContext(context => context.toggleCheckbox);\n  const { onClick: onClickOriginal } = state;\n  const checked = useMenuListContext(context => {\n    const checkedItems = context.checkedValues?.[state.name] || [];\n    return checkedItems.indexOf(state.value) !== -1;\n  });\n\n  state.checked = checked;\n  state['aria-checked'] = state.checked;\n\n  // MenuItem state already transforms keyDown to click events\n  state.onClick = e => {\n    if (state.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    toggleCheckbox?.(e, state.name, state.value, state.checked);\n    onClickOriginal?.(e);\n  };\n\n  return state;\n};\n"]}
+{"version":3,"sources":["components/MenuItemCheckbox/useMenuItemCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,gCAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAGA;;;AACO,IAAM,mBAAmB,GAAG,UACjC,KADiC,EAEjC,GAFiC,EAEN;AAE3B,MAAM,KAAK,GAAG,aAAA,CAAA,WAAA,CAAW,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;AAErB,IAAA,IAAI,EAAE,kBAFe;AAGrB,IAAA,cAAc,EAAE;AAHK,GAAA,EAIlB,KAJkB,CAAA,EAIb;AACR,IAAA,SAAS,EAAE,iBAAA,CAAA,gBAAA,CAAiB,KAAK,CAAC,SAAvB,EAAkC;AAC3C,MAAA,YAAY,EAAE;AAAE,QAAA,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,iBAAD,EAAkB,IAAlB;AAAZ,OAD6B;AAE3C,MAAA,QAAQ,EAAE;AAFiC,KAAlC;AADH,GAJa,CAAX,EAUZ,GAVY,CAAd;AAaA,MAAM,cAAc,GAAG,iBAAA,CAAA,kBAAA,CAAmB,UAAA,OAAA,EAAO;AAAI,WAAA,OAAO,CAAP,cAAA;AAAsB,GAApD,CAAvB;AACQ,MAAS,eAAe,GAAK,KAAK,CAAC,IAAN,CAAL,OAAxB;AACR,MAAM,OAAO,GAAG,iBAAA,CAAA,kBAAA,CAAmB,UAAA,OAAA,EAAO;;;AACxC,QAAM,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,aAAR,MAAqB,IAArB,IAAqB,EAAA,KAAA,KAAA,CAArB,GAAqB,KAAA,CAArB,GAAqB,EAAA,CAAG,KAAK,CAAC,IAAT,CAArB,KAAuC,EAA5D;AACA,WAAO,YAAY,CAAC,OAAb,CAAqB,KAAK,CAAC,KAA3B,MAAsC,CAAC,CAA9C;AACD,GAHe,CAAhB;AAKA,EAAA,KAAK,CAAC,OAAN,GAAgB,OAAhB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,cAAX,IAA6B,KAAK,CAAC,OAAnC,CAvB2B,CAyB3B;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,OAAX,GAAqB,UAAA,CAAA,EAAC;AACpB,QAAI,KAAK,CAAC,QAAV,EAAoB;AAClB,MAAA,CAAC,CAAC,cAAF;AACA,MAAA,CAAC,CAAC,eAAF;AACA;AACD;;AAED,IAAA,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAG,CAAH,EAAM,KAAK,CAAC,IAAZ,EAAkB,KAAK,CAAC,KAAxB,EAA+B,KAAK,CAAC,OAArC,CAAd;AACA,IAAA,eAAe,KAAA,IAAf,IAAA,eAAe,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAA,eAAe,CAAG,CAAH,CAAf;AACD,GATD;;AAWA,SAAO,KAAP;AACD,CAxCM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { Checkmark16Filled } from '@fluentui/react-icons';\nimport { useMenuListContext } from '../../contexts/menuListContext';\nimport { useMenuItem } from '../MenuItem/useMenuItem';\nimport type { MenuItemCheckboxProps, MenuItemCheckboxState } from './MenuItemCheckbox.types';\n\n/** Returns the props and state required to render the component */\nexport const useMenuItemCheckbox = (\n  props: MenuItemCheckboxProps,\n  ref: React.Ref<HTMLElement>,\n): MenuItemCheckboxState => {\n  const state = useMenuItem(\n    {\n      role: 'menuitemcheckbox',\n      persistOnClick: true,\n      ...props,\n      checkmark: resolveShorthand(props.checkmark, {\n        defaultProps: { children: <Checkmark16Filled /> },\n        required: true,\n      }),\n    },\n    ref,\n  ) as MenuItemCheckboxState;\n\n  const toggleCheckbox = useMenuListContext(context => context.toggleCheckbox);\n  const { onClick: onClickOriginal } = state.root;\n  const checked = useMenuListContext(context => {\n    const checkedItems = context.checkedValues?.[state.name] || [];\n    return checkedItems.indexOf(state.value) !== -1;\n  });\n\n  state.checked = checked;\n  state.root['aria-checked'] = state.checked;\n\n  // MenuItem state already transforms keyDown to click events\n  state.root.onClick = e => {\n    if (state.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    toggleCheckbox?.(e, state.name, state.value, state.checked);\n    onClickOriginal?.(e);\n  };\n\n  return state;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/MenuItemCheckbox/useMenuItemCheckboxStyles.d.ts

@@ -1,2 +1,2 @@
-import { MenuItemCheckboxState } from './MenuItemCheckbox.types';
+import type { MenuItemCheckboxState } from './MenuItemCheckbox.types';
 export declare const useMenuItemCheckBoxStyles: (state: MenuItemCheckboxState) => void;

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

@@ -1,9 +1,18 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var index_1 = require("../../selectable/index");
-var useMenuItemStyles_1 = require("../MenuItem/useMenuItemStyles");
-exports.useMenuItemCheckBoxStyles = function (state) {
-    useMenuItemStyles_1.useMenuItemStyles(state);
-    index_1.useCheckmarkStyles(state);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuItemCheckBoxStyles = void 0;
+
+var index_1 = /*#__PURE__*/require("../../selectable/index");
+
+var useMenuItemStyles_1 = /*#__PURE__*/require("../MenuItem/useMenuItemStyles");
+
+var useMenuItemCheckBoxStyles = function (state) {
+  useMenuItemStyles_1.useMenuItemStyles(state);
+  index_1.useCheckmarkStyles(state);
 };
+
+exports.useMenuItemCheckBoxStyles = useMenuItemCheckBoxStyles;
 //# sourceMappingURL=useMenuItemCheckboxStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMenuItemCheckboxStyles.js","sourceRoot":"../src/","sources":["components/MenuItemCheckbox/useMenuItemCheckboxStyles.ts"],"names":[],"mappings":";;AAAA,gDAA4D;AAC5D,mEAAkE;AAGrD,QAAA,yBAAyB,GAAG,UAAC,KAA4B;IACpE,qCAAiB,CAAC,KAAK,CAAC,CAAC;IACzB,0BAAkB,CAAC,KAAK,CAAC,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["import { useCheckmarkStyles } from '../../selectable/index';\nimport { useMenuItemStyles } from '../MenuItem/useMenuItemStyles';\nimport { MenuItemCheckboxState } from './MenuItemCheckbox.types';\n\nexport const useMenuItemCheckBoxStyles = (state: MenuItemCheckboxState) => {\n  useMenuItemStyles(state);\n  useCheckmarkStyles(state);\n};\n"]}
+{"version":3,"sources":["components/MenuItemCheckbox/useMenuItemCheckboxStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;;AAGO,IAAM,yBAAyB,GAAG,UAAC,KAAD,EAA6B;AACpE,EAAA,mBAAA,CAAA,iBAAA,CAAkB,KAAlB;AACA,EAAA,OAAA,CAAA,kBAAA,CAAmB,KAAnB;AACD,CAHM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import { useCheckmarkStyles } from '../../selectable/index';\nimport { useMenuItemStyles } from '../MenuItem/useMenuItemStyles';\nimport type { MenuItemCheckboxState } from './MenuItemCheckbox.types';\n\nexport const useMenuItemCheckBoxStyles = (state: MenuItemCheckboxState) => {\n  useMenuItemStyles(state);\n  useCheckmarkStyles(state);\n};\n"],"sourceRoot":"../src/"}