@fluentui/react-menu 0.0.0-nightly-20230316-0427.1 → 0.0.0-nightly-20230317-1454.1

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

@@ -1,144 +1,295 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    menuItemClassNames: ()=>menuItemClassNames,
+    useMenuItemStyles_unstable: ()=>useMenuItemStyles_unstable
 });
-exports.useMenuItemStyles_unstable = exports.menuItemClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
-const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const index_1 = /*#__PURE__*/require("../../selectable/index");
-exports.menuItemClassNames = {
-  root: 'fui-MenuItem',
-  icon: 'fui-MenuItem__icon',
-  checkmark: 'fui-MenuItem__checkmark',
-  submenuIndicator: 'fui-MenuItem__submenuIndicator',
-  content: 'fui-MenuItem__content',
-  secondaryContent: 'fui-MenuItem__secondaryContent'
+const _react = require("@griffel/react");
+const _index = require("../../selectable/index");
+const menuItemClassNames = {
+    root: "fui-MenuItem",
+    icon: "fui-MenuItem__icon",
+    checkmark: "fui-MenuItem__checkmark",
+    submenuIndicator: "fui-MenuItem__submenuIndicator",
+    content: "fui-MenuItem__content",
+    secondaryContent: "fui-MenuItem__secondaryContent"
 };
-const useStyles = /*#__PURE__*/react_1.__styles({
-  focusIndicator: {
-    Brovlpu: "ftqa4ok",
-    B486eqv: "f2hkw1w",
-    B8q5s1w: "f8hki3x",
-    Bci5o5g: ["f1d2448m", "ffh67wi"],
-    n8qw10: "f1bjia2o",
-    Bdrgwmp: ["ffh67wi", "f1d2448m"],
-    Bm4h7ae: "f15bsgw9",
-    B7ys5i9: "f14e48fq",
-    Busjfv9: "f18yb2kv",
-    Bhk32uz: "fd6o370",
-    Bf4ptjt: "fh1cnn4",
-    kclons: ["fy7oxxb", "f184ne2d"],
-    Bhdgwq3: "fpukqih",
-    Blkhhs4: ["f184ne2d", "fy7oxxb"],
-    Bqtpl0w: "frrh606",
-    clg4pj: ["f1v5zibi", "fo2hd23"],
-    hgwjuy: "ful5kiu",
-    Bonggc9: ["fo2hd23", "f1v5zibi"],
-    B1tsrr9: ["f1jqcqds", "ftffrms"],
-    Dah5zi: ["ftffrms", "f1jqcqds"],
-    Bkh64rk: ["f2e7qr6", "fsr1zz6"],
-    qqdqy8: ["fsr1zz6", "f2e7qr6"],
-    B6dhp37: "f1dvezut",
-    i03rao: ["fd0oaoj", "f1cwg4i8"],
-    Boxcth7: "fjvm52t",
-    Bsom6fd: ["f1cwg4i8", "fd0oaoj"],
-    J0r882: "fdiulkx",
-    Bjwuhne: "f1yalx80",
-    Ghsupd: ["fq22d5a", "f1jw7pan"],
-    Bule8hv: ["f1jw7pan", "fq22d5a"]
-  },
-  root: {
-    Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
-    Beyfa6y: ["f16jpd5f", "f1aa9q02"],
-    B7oj6ja: ["f1jar5jt", "fyu767a"],
-    Btl43ni: ["fyu767a", "f1jar5jt"],
-    qhf8xq: "f10pi13n",
-    sj55zd: "fkfq4zb",
-    De3pzq: "fxugw4r",
-    z189sj: ["f81rol6", "frdkuqy"],
-    uwmqm3: ["frdkuqy", "f81rol6"],
-    Bqenvij: "f1d2rq10",
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    Be2twd7: "fkhj508",
-    Bceei9c: "f1k6fduh",
-    i8kkvl: "f1q8lukm",
-    Belr9w4: "f1ma2n7n",
-    Jwef8y: "f1knas48",
-    Bi91k9c: "fnwyq0v",
-    Bk3fhr4: "ft1hn21",
-    Bmfj8id: "fuxngvv",
-    Bg7n49j: "fp258yr",
-    famaaq: "f1xqy1su"
-  },
-  content: {
-    uwmqm3: ["f161knb0", "f12huiiw"],
-    z189sj: ["f12huiiw", "f161knb0"],
-    De3pzq: "f3rmtva",
-    Bh6795r: "fqerorx"
-  },
-  secondaryContent: {
-    uwmqm3: ["f161knb0", "f12huiiw"],
-    z189sj: ["f12huiiw", "f161knb0"],
-    sj55zd: "f11d4kpn",
-    Bi91k9c: "f1jp5ecu",
-    t0hwav: "fc1cou1"
-  },
-  icon: {
-    a9b677: "f64fuq3",
-    Bqenvij: "fjamq6b",
-    Be2twd7: "fe5j1ua",
-    Bg96gwp: "fez10in",
-    Bt984gj: "f122n59",
-    mc9l5x: "ftuwxu6",
-    Brf1p80: "f4d9j23"
-  },
-  submenuIndicator: {
-    a9b677: "f64fuq3",
-    Bqenvij: "fjamq6b",
-    Be2twd7: "fe5j1ua",
-    Bg96gwp: "fez10in",
-    Bt984gj: "f122n59",
-    mc9l5x: "ftuwxu6",
-    Brf1p80: "f4d9j23"
-  },
-  disabled: {
-    sj55zd: "f1s2aq7o",
-    Bi91k9c: "fvgxktp",
-    Bk3fhr4: "f19vpps7",
-    Bmfj8id: "fv5swzo",
-    Bg7n49j: "f1q1x1ba",
-    t0hwav: "ft33916"
-  }
+const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    focusIndicator: {
+        Brovlpu: "ftqa4ok",
+        B486eqv: "f2hkw1w",
+        B8q5s1w: "f8hki3x",
+        Bci5o5g: [
+            "f1d2448m",
+            "ffh67wi"
+        ],
+        n8qw10: "f1bjia2o",
+        Bdrgwmp: [
+            "ffh67wi",
+            "f1d2448m"
+        ],
+        Bm4h7ae: "f15bsgw9",
+        B7ys5i9: "f14e48fq",
+        Busjfv9: "f18yb2kv",
+        Bhk32uz: "fd6o370",
+        Bf4ptjt: "fh1cnn4",
+        kclons: [
+            "fy7oxxb",
+            "f184ne2d"
+        ],
+        Bhdgwq3: "fpukqih",
+        Blkhhs4: [
+            "f184ne2d",
+            "fy7oxxb"
+        ],
+        Bqtpl0w: "frrh606",
+        clg4pj: [
+            "f1v5zibi",
+            "fo2hd23"
+        ],
+        hgwjuy: "ful5kiu",
+        Bonggc9: [
+            "fo2hd23",
+            "f1v5zibi"
+        ],
+        B1tsrr9: [
+            "f1jqcqds",
+            "ftffrms"
+        ],
+        Dah5zi: [
+            "ftffrms",
+            "f1jqcqds"
+        ],
+        Bkh64rk: [
+            "f2e7qr6",
+            "fsr1zz6"
+        ],
+        qqdqy8: [
+            "fsr1zz6",
+            "f2e7qr6"
+        ],
+        B6dhp37: "f1dvezut",
+        i03rao: [
+            "fd0oaoj",
+            "f1cwg4i8"
+        ],
+        Boxcth7: "fjvm52t",
+        Bsom6fd: [
+            "f1cwg4i8",
+            "fd0oaoj"
+        ],
+        J0r882: "fdiulkx",
+        Bjwuhne: "f1yalx80",
+        Ghsupd: [
+            "fq22d5a",
+            "f1jw7pan"
+        ],
+        Bule8hv: [
+            "f1jw7pan",
+            "fq22d5a"
+        ]
+    },
+    root: {
+        Bbmb7ep: [
+            "f1aa9q02",
+            "f16jpd5f"
+        ],
+        Beyfa6y: [
+            "f16jpd5f",
+            "f1aa9q02"
+        ],
+        B7oj6ja: [
+            "f1jar5jt",
+            "fyu767a"
+        ],
+        Btl43ni: [
+            "fyu767a",
+            "f1jar5jt"
+        ],
+        qhf8xq: "f10pi13n",
+        sj55zd: "fkfq4zb",
+        De3pzq: "fxugw4r",
+        z189sj: [
+            "f81rol6",
+            "frdkuqy"
+        ],
+        uwmqm3: [
+            "frdkuqy",
+            "f81rol6"
+        ],
+        Bqenvij: "f1d2rq10",
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        Be2twd7: "fkhj508",
+        Bceei9c: "f1k6fduh",
+        i8kkvl: "f1q8lukm",
+        Belr9w4: "f1ma2n7n",
+        Jwef8y: "f1knas48",
+        Bi91k9c: "fnwyq0v",
+        Bk3fhr4: "ft1hn21",
+        Bmfj8id: "fuxngvv",
+        Bg7n49j: "fp258yr",
+        famaaq: "f1xqy1su"
+    },
+    content: {
+        uwmqm3: [
+            "f161knb0",
+            "f12huiiw"
+        ],
+        z189sj: [
+            "f12huiiw",
+            "f161knb0"
+        ],
+        De3pzq: "f3rmtva",
+        Bh6795r: "fqerorx"
+    },
+    secondaryContent: {
+        uwmqm3: [
+            "f161knb0",
+            "f12huiiw"
+        ],
+        z189sj: [
+            "f12huiiw",
+            "f161knb0"
+        ],
+        sj55zd: "f11d4kpn",
+        Bi91k9c: "f1jp5ecu",
+        t0hwav: "fc1cou1"
+    },
+    icon: {
+        a9b677: "f64fuq3",
+        Bqenvij: "fjamq6b",
+        Be2twd7: "fe5j1ua",
+        Bg96gwp: "fez10in",
+        Bt984gj: "f122n59",
+        mc9l5x: "ftuwxu6",
+        Brf1p80: "f4d9j23"
+    },
+    submenuIndicator: {
+        a9b677: "f64fuq3",
+        Bqenvij: "fjamq6b",
+        Be2twd7: "fe5j1ua",
+        Bg96gwp: "fez10in",
+        Bt984gj: "f122n59",
+        mc9l5x: "ftuwxu6",
+        Brf1p80: "f4d9j23"
+    },
+    disabled: {
+        sj55zd: "f1s2aq7o",
+        Bi91k9c: "fvgxktp",
+        Bk3fhr4: "f19vpps7",
+        Bmfj8id: "fv5swzo",
+        Bg7n49j: "f1q1x1ba",
+        t0hwav: "ft33916"
+    }
 }, {
-  f: [".ftqa4ok:focus{outline-style:none;}", ".fc1cou1:focus{color:var(--colorNeutralForeground3Hover);}", ".ft33916:focus{color:var(--colorNeutralForegroundDisabled);}"],
-  i: [".f2hkw1w:focus-visible{outline-style:none;}"],
-  d: [".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}", ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}", ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}", ".fd6o370[data-fui-focus-visible]::after{z-index:1;}", ".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}", ".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}", ".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}", ".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}", ".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}", ".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}", ".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}", ".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}", ".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}", ".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}", ".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}", ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}", ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}", ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}", ".fdiulkx[data-fui-focus-visible]::after{top:-2px;}", ".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}", ".fq22d5a[data-fui-focus-visible]::after{left:-2px;}", ".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f10pi13n{position:relative;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".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;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1k6fduh{cursor:pointer;}", ".f1q8lukm{-webkit-column-gap:4px;column-gap:4px;}", ".f1ma2n7n{row-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;}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f64fuq3{width:20px;}", ".fjamq6b{height:20px;}", ".fe5j1ua{font-size:20px;}", ".fez10in{line-height:0;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}"],
-  h: [".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}", ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}", ".ft1hn21:hover .fui-Icon-filled{display:inline;}", ".fuxngvv:hover .fui-Icon-regular{display:none;}", ".fp258yr:hover .fui-MenuItem__icon{color:var(--colorNeutralForeground2BrandSelected);}", ".f1jp5ecu:hover{color:var(--colorNeutralForeground3Hover);}", ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}", ".f19vpps7:hover .fui-Icon-filled{display:none;}", ".fv5swzo:hover .fui-Icon-regular{display:inline;}", ".f1q1x1ba:hover .fui-MenuItem__icon{color:var(--colorNeutralForegroundDisabled);}"]
+    f: [
+        ".ftqa4ok:focus{outline-style:none;}",
+        ".fc1cou1:focus{color:var(--colorNeutralForeground3Hover);}",
+        ".ft33916:focus{color:var(--colorNeutralForegroundDisabled);}"
+    ],
+    i: [
+        ".f2hkw1w:focus-visible{outline-style:none;}"
+    ],
+    d: [
+        ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
+        ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
+        ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
+        ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
+        '.f15bsgw9[data-fui-focus-visible]::after{content:"";}',
+        ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
+        ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
+        ".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
+        ".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}",
+        ".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}",
+        ".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}",
+        ".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}",
+        ".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}",
+        ".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}",
+        ".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}",
+        ".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}",
+        ".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}",
+        ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}",
+        ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}",
+        ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
+        ".fdiulkx[data-fui-focus-visible]::after{top:-2px;}",
+        ".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}",
+        ".fq22d5a[data-fui-focus-visible]::after{left:-2px;}",
+        ".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}",
+        ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".f10pi13n{position:relative;}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
+        ".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;}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".f1k6fduh{cursor:pointer;}",
+        ".f1q8lukm{-webkit-column-gap:4px;column-gap:4px;}",
+        ".f1ma2n7n{row-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;}",
+        ".f11d4kpn{color:var(--colorNeutralForeground3);}",
+        ".f64fuq3{width:20px;}",
+        ".fjamq6b{height:20px;}",
+        ".fe5j1ua{font-size:20px;}",
+        ".fez10in{line-height:0;}",
+        ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}",
+        ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}",
+        ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}"
+    ],
+    h: [
+        ".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}",
+        ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
+        ".ft1hn21:hover .fui-Icon-filled{display:inline;}",
+        ".fuxngvv:hover .fui-Icon-regular{display:none;}",
+        ".fp258yr:hover .fui-MenuItem__icon{color:var(--colorNeutralForeground2BrandSelected);}",
+        ".f1jp5ecu:hover{color:var(--colorNeutralForeground3Hover);}",
+        ".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}",
+        ".f19vpps7:hover .fui-Icon-filled{display:none;}",
+        ".fv5swzo:hover .fui-Icon-regular{display:inline;}",
+        ".f1q1x1ba:hover .fui-MenuItem__icon{color:var(--colorNeutralForegroundDisabled);}"
+    ]
 });
-/** Applies style classnames to slots */
-const useMenuItemStyles_unstable = state => {
-  const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.menuItemClassNames.root, styles.root, styles.focusIndicator, state.disabled && styles.disabled, state.root.className);
-  if (state.content) {
-    state.content.className = react_1.mergeClasses(exports.menuItemClassNames.content, styles.content, state.content.className);
-  }
-  if (state.checkmark) {
-    state.checkmark.className = react_1.mergeClasses(exports.menuItemClassNames.checkmark, state.checkmark.className);
-  }
-  if (state.secondaryContent) {
-    state.secondaryContent.className = react_1.mergeClasses(exports.menuItemClassNames.secondaryContent, !state.disabled && styles.secondaryContent, state.secondaryContent.className);
-  }
-  if (state.icon) {
-    state.icon.className = react_1.mergeClasses(exports.menuItemClassNames.icon, styles.icon, state.icon.className);
-  }
-  if (state.submenuIndicator) {
-    state.submenuIndicator.className = react_1.mergeClasses(exports.menuItemClassNames.submenuIndicator, styles.submenuIndicator, state.submenuIndicator.className);
-  }
-  index_1.useCheckmarkStyles_unstable(state);
-};
-exports.useMenuItemStyles_unstable = useMenuItemStyles_unstable;
+const useMenuItemStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(menuItemClassNames.root, styles.root, styles.focusIndicator, state.disabled && styles.disabled, state.root.className);
+    if (state.content) {
+        state.content.className = (0, _react.mergeClasses)(menuItemClassNames.content, styles.content, state.content.className);
+    }
+    if (state.checkmark) {
+        state.checkmark.className = (0, _react.mergeClasses)(menuItemClassNames.checkmark, state.checkmark.className);
+    }
+    if (state.secondaryContent) {
+        state.secondaryContent.className = (0, _react.mergeClasses)(menuItemClassNames.secondaryContent, !state.disabled && styles.secondaryContent, state.secondaryContent.className);
+    }
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(menuItemClassNames.icon, styles.icon, state.icon.className);
+    }
+    if (state.submenuIndicator) {
+        state.submenuIndicator.className = (0, _react.mergeClasses)(menuItemClassNames.submenuIndicator, styles.submenuIndicator, state.submenuIndicator.className);
+    }
+    (0, _index.useCheckmarkStyles_unstable)(state);
+}; //# sourceMappingURL=useMenuItemStyles.js.map
+
 //# sourceMappingURL=useMenuItemStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_icons_1","react_tabster_1","react_theme_1","index_1","exports","menuItemClassNames","root","icon","checkmark","submenuIndicator","content","secondaryContent","useStyles","__styles","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","qhf8xq","sj55zd","De3pzq","z189sj","uwmqm3","Bqenvij","mc9l5x","Bt984gj","Be2twd7","Bceei9c","i8kkvl","Belr9w4","Jwef8y","Bi91k9c","Bk3fhr4","Bmfj8id","Bg7n49j","famaaq","Bh6795r","t0hwav","a9b677","Bg96gwp","Brf1p80","disabled","f","i","d","h","useMenuItemStyles_unstable","state","styles","className","mergeClasses","useCheckmarkStyles_unstable"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.ts"],"sourcesContent":["import { mergeClasses, makeStyles, shorthands } from '@griffel/react';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens } 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};\n\nconst useStyles = makeStyles({\n  focusIndicator: createFocusOutlineStyle(),\n  // TODO: this should be extracted to another package\n  root: {\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n    position: 'relative',\n    color: tokens.colorNeutralForeground2,\n    backgroundColor: tokens.colorNeutralBackground1,\n    paddingRight: '10px',\n    paddingLeft: '10px',\n    height: '32px',\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: tokens.fontSizeBase300,\n    cursor: 'pointer',\n    ...shorthands.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\n    userSelect: 'none',\n  },\n  content: {\n    paddingLeft: '2px',\n    paddingRight: '2px',\n    backgroundColor: 'transparent',\n    flexGrow: 1,\n  },\n  secondaryContent: {\n    paddingLeft: '2px',\n    paddingRight: '2px',\n    color: tokens.colorNeutralForeground3,\n    ':hover': {\n      color: tokens.colorNeutralForeground3Hover,\n    },\n    ':focus': {\n      color: tokens.colorNeutralForeground3Hover,\n    },\n  },\n  icon: {\n    width: '20px',\n    height: '20px',\n    fontSize: '20px',\n    lineHeight: 0,\n    alignItems: 'center',\n    display: 'inline-flex',\n    justifyContent: 'center',\n  },\n  submenuIndicator: {\n    width: '20px',\n    height: '20px',\n    fontSize: '20px',\n    lineHeight: 0,\n    alignItems: 'center',\n    display: 'inline-flex',\n    justifyContent: 'center',\n  },\n  disabled: {\n    color: tokens.colorNeutralForegroundDisabled,\n    ':hover': {\n      color: tokens.colorNeutralForegroundDisabled,\n      [`& .${iconFilledClassName}`]: {\n        display: 'none',\n      },\n      [`& .${iconRegularClassName}`]: {\n        display: 'inline',\n      },\n      [`& .${menuItemClassNames.icon}`]: {\n        color: tokens.colorNeutralForegroundDisabled,\n      },\n    },\n\n    ':focus': {\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useMenuItemStyles_unstable = (state: MenuItemState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    menuItemClassNames.root,\n    styles.root,\n    styles.focusIndicator,\n    state.disabled && styles.disabled,\n    state.root.className,\n  );\n\n  if (state.content) {\n    state.content.className = mergeClasses(menuItemClassNames.content, styles.content, state.content.className);\n  }\n\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(menuItemClassNames.checkmark, state.checkmark.className);\n  }\n\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(\n      menuItemClassNames.secondaryContent,\n      !state.disabled && styles.secondaryContent,\n      state.secondaryContent.className,\n    );\n  }\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuItemClassNames.icon, styles.icon, state.icon.className);\n  }\n\n  if (state.submenuIndicator) {\n    state.submenuIndicator.className = mergeClasses(\n      menuItemClassNames.submenuIndicator,\n      styles.submenuIndicator,\n      state.submenuIndicator.className,\n    );\n  }\n  useCheckmarkStyles_unstable(state as MenuItemCheckboxState);\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/MenuItem/useMenuItemStyles.js"],"sourcesContent":["import { mergeClasses, __styles, shorthands } from \"@griffel/react\";\nimport { iconFilledClassName, iconRegularClassName } from \"@fluentui/react-icons\";\nimport { createFocusOutlineStyle } from \"@fluentui/react-tabster\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { useCheckmarkStyles_unstable } from \"../../selectable/index\";\nexport const menuItemClassNames = {\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};\nconst useStyles = /*#__PURE__*/__styles({\n  focusIndicator: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bm4h7ae: \"f15bsgw9\",\n    B7ys5i9: \"f14e48fq\",\n    Busjfv9: \"f18yb2kv\",\n    Bhk32uz: \"fd6o370\",\n    Bf4ptjt: \"fh1cnn4\",\n    kclons: [\"fy7oxxb\", \"f184ne2d\"],\n    Bhdgwq3: \"fpukqih\",\n    Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n    Bqtpl0w: \"frrh606\",\n    clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n    hgwjuy: \"ful5kiu\",\n    Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n    B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n    Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n    Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n    qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n    B6dhp37: \"f1dvezut\",\n    i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n    Boxcth7: \"fjvm52t\",\n    Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n    J0r882: \"fdiulkx\",\n    Bjwuhne: \"f1yalx80\",\n    Ghsupd: [\"fq22d5a\", \"f1jw7pan\"],\n    Bule8hv: [\"f1jw7pan\", \"fq22d5a\"]\n  },\n  root: {\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    qhf8xq: \"f10pi13n\",\n    sj55zd: \"fkfq4zb\",\n    De3pzq: \"fxugw4r\",\n    z189sj: [\"f81rol6\", \"frdkuqy\"],\n    uwmqm3: [\"frdkuqy\", \"f81rol6\"],\n    Bqenvij: \"f1d2rq10\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Be2twd7: \"fkhj508\",\n    Bceei9c: \"f1k6fduh\",\n    i8kkvl: \"f1q8lukm\",\n    Belr9w4: \"f1ma2n7n\",\n    Jwef8y: \"f1knas48\",\n    Bi91k9c: \"fnwyq0v\",\n    Bk3fhr4: \"ft1hn21\",\n    Bmfj8id: \"fuxngvv\",\n    Bg7n49j: \"fp258yr\",\n    famaaq: \"f1xqy1su\"\n  },\n  content: {\n    uwmqm3: [\"f161knb0\", \"f12huiiw\"],\n    z189sj: [\"f12huiiw\", \"f161knb0\"],\n    De3pzq: \"f3rmtva\",\n    Bh6795r: \"fqerorx\"\n  },\n  secondaryContent: {\n    uwmqm3: [\"f161knb0\", \"f12huiiw\"],\n    z189sj: [\"f12huiiw\", \"f161knb0\"],\n    sj55zd: \"f11d4kpn\",\n    Bi91k9c: \"f1jp5ecu\",\n    t0hwav: \"fc1cou1\"\n  },\n  icon: {\n    a9b677: \"f64fuq3\",\n    Bqenvij: \"fjamq6b\",\n    Be2twd7: \"fe5j1ua\",\n    Bg96gwp: \"fez10in\",\n    Bt984gj: \"f122n59\",\n    mc9l5x: \"ftuwxu6\",\n    Brf1p80: \"f4d9j23\"\n  },\n  submenuIndicator: {\n    a9b677: \"f64fuq3\",\n    Bqenvij: \"fjamq6b\",\n    Be2twd7: \"fe5j1ua\",\n    Bg96gwp: \"fez10in\",\n    Bt984gj: \"f122n59\",\n    mc9l5x: \"ftuwxu6\",\n    Brf1p80: \"f4d9j23\"\n  },\n  disabled: {\n    sj55zd: \"f1s2aq7o\",\n    Bi91k9c: \"fvgxktp\",\n    Bk3fhr4: \"f19vpps7\",\n    Bmfj8id: \"fv5swzo\",\n    Bg7n49j: \"f1q1x1ba\",\n    t0hwav: \"ft33916\"\n  }\n}, {\n  f: [\".ftqa4ok:focus{outline-style:none;}\", \".fc1cou1:focus{color:var(--colorNeutralForeground3Hover);}\", \".ft33916:focus{color:var(--colorNeutralForegroundDisabled);}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n  d: [\".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".fdiulkx[data-fui-focus-visible]::after{top:-2px;}\", \".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}\", \".fq22d5a[data-fui-focus-visible]::after{left:-2px;}\", \".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f10pi13n{position:relative;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".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;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1k6fduh{cursor:pointer;}\", \".f1q8lukm{-webkit-column-gap:4px;column-gap:4px;}\", \".f1ma2n7n{row-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;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fe5j1ua{font-size:20px;}\", \".fez10in{line-height:0;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\"],\n  h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".ft1hn21:hover .fui-Icon-filled{display:inline;}\", \".fuxngvv:hover .fui-Icon-regular{display:none;}\", \".fp258yr:hover .fui-MenuItem__icon{color:var(--colorNeutralForeground2BrandSelected);}\", \".f1jp5ecu:hover{color:var(--colorNeutralForeground3Hover);}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\", \".f19vpps7:hover .fui-Icon-filled{display:none;}\", \".fv5swzo:hover .fui-Icon-regular{display:inline;}\", \".f1q1x1ba:hover .fui-MenuItem__icon{color:var(--colorNeutralForegroundDisabled);}\"]\n});\n/** Applies style classnames to slots */\nexport const useMenuItemStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(menuItemClassNames.root, styles.root, styles.focusIndicator, state.disabled && styles.disabled, state.root.className);\n  if (state.content) {\n    state.content.className = mergeClasses(menuItemClassNames.content, styles.content, state.content.className);\n  }\n  if (state.checkmark) {\n    state.checkmark.className = mergeClasses(menuItemClassNames.checkmark, state.checkmark.className);\n  }\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(menuItemClassNames.secondaryContent, !state.disabled && styles.secondaryContent, state.secondaryContent.className);\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuItemClassNames.icon, styles.icon, state.icon.className);\n  }\n  if (state.submenuIndicator) {\n    state.submenuIndicator.className = mergeClasses(menuItemClassNames.submenuIndicator, styles.submenuIndicator, state.submenuIndicator.className);\n  }\n  useCheckmarkStyles_unstable(state);\n};\n//# sourceMappingURL=useMenuItemStyles.js.map"],"names":["menuItemClassNames","useMenuItemStyles_unstable","root","icon","checkmark","submenuIndicator","content","secondaryContent","useStyles","__styles","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","qhf8xq","sj55zd","De3pzq","z189sj","uwmqm3","Bqenvij","mc9l5x","Bt984gj","Be2twd7","Bceei9c","i8kkvl","Belr9w4","Jwef8y","Bi91k9c","Bk3fhr4","Bmfj8id","Bg7n49j","famaaq","Bh6795r","t0hwav","a9b677","Bg96gwp","Brf1p80","disabled","f","i","d","h","state","styles","className","mergeClasses","useCheckmarkStyles_unstable"],"mappings":";;;;;;;;;;;IAKaA,kBAAkB,MAAlBA;IA+GAC,0BAA0B,MAA1BA;;uBApHsC;uBAIP;AACrC,MAAMD,qBAAqB;IAChCE,MAAM;IACNC,MAAM;IACNC,WAAW;IACXC,kBAAkB;IAClBC,SAAS;IACTC,kBAAkB;AACpB;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,gBAAgB;QACdC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;YAAC;YAAY;SAAU;IAClC;IACAtC,MAAM;QACJuC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAxD,SAAS;QACP2C,QAAQ;YAAC;YAAY;SAAW;QAChCD,QAAQ;YAAC;YAAY;SAAW;QAChCD,QAAQ;QACRgB,SAAS;IACX;IACAxD,kBAAkB;QAChB0C,QAAQ;YAAC;YAAY;SAAW;QAChCD,QAAQ;YAAC;YAAY;SAAW;QAChCF,QAAQ;QACRY,SAAS;QACTM,QAAQ;IACV;IACA7D,MAAM;QACJ8D,QAAQ;QACRf,SAAS;QACTG,SAAS;QACTa,SAAS;QACTd,SAAS;QACTD,QAAQ;QACRgB,SAAS;IACX;IACA9D,kBAAkB;QAChB4D,QAAQ;QACRf,SAAS;QACTG,SAAS;QACTa,SAAS;QACTd,SAAS;QACTD,QAAQ;QACRgB,SAAS;IACX;IACAC,UAAU;QACRtB,QAAQ;QACRY,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTG,QAAQ;IACV;AACF,GAAG;IACDK,GAAG;QAAC;QAAuC;QAA8D;KAA+D;IACxKC,GAAG;QAAC;KAA8C;IAClDC,GAAG;QAAC;QAAmE;QAAsE;QAAoE;QAAuE;QAA2D;QAAgE;QAAkE;QAAuD;QAAoE;QAAsE;QAAsE;QAAuE;QAAkE;QAAqE;QAAmE;QAAqE;QAAmG;QAAiG;QAA+F;QAA8F;QAAwF;QAAyF;QAAyF;QAA0F;QAAsD;QAA0D;QAAuD;QAAyD;QAAoE;QAAmE;QAAiE;QAA+D;QAAiC;QAAmD;QAA8D;QAAiC;QAAgC;QAA2B;QAAwF;QAA2G;QAA+C;QAA8B;QAAqD;QAA2B;QAAoG;QAAgC;QAAiC;QAA2C;QAAqF;QAAoD;QAAyB;QAA0B;QAA6B;QAA4B;QAAoH;QAAiH;KAA0D;IAChjHC,GAAG;QAAC;QAA0E;QAA8D;QAAoD;QAAmD;QAA0F;QAA+D;QAAgE;QAAmD;QAAqD;KAAoF;AAC1oB;AAEO,MAAMvE,6BAA6BwE,CAAAA,QAAS;IACjD,MAAMC,SAASlE;IACfiE,MAAMvE,IAAI,CAACyE,SAAS,GAAGC,IAAAA,mBAAY,EAAC5E,mBAAmBE,IAAI,EAAEwE,OAAOxE,IAAI,EAAEwE,OAAOhE,cAAc,EAAE+D,MAAML,QAAQ,IAAIM,OAAON,QAAQ,EAAEK,MAAMvE,IAAI,CAACyE,SAAS;IACxJ,IAAIF,MAAMnE,OAAO,EAAE;QACjBmE,MAAMnE,OAAO,CAACqE,SAAS,GAAGC,IAAAA,mBAAY,EAAC5E,mBAAmBM,OAAO,EAAEoE,OAAOpE,OAAO,EAAEmE,MAAMnE,OAAO,CAACqE,SAAS;IAC5G,CAAC;IACD,IAAIF,MAAMrE,SAAS,EAAE;QACnBqE,MAAMrE,SAAS,CAACuE,SAAS,GAAGC,IAAAA,mBAAY,EAAC5E,mBAAmBI,SAAS,EAAEqE,MAAMrE,SAAS,CAACuE,SAAS;IAClG,CAAC;IACD,IAAIF,MAAMlE,gBAAgB,EAAE;QAC1BkE,MAAMlE,gBAAgB,CAACoE,SAAS,GAAGC,IAAAA,mBAAY,EAAC5E,mBAAmBO,gBAAgB,EAAE,CAACkE,MAAML,QAAQ,IAAIM,OAAOnE,gBAAgB,EAAEkE,MAAMlE,gBAAgB,CAACoE,SAAS;IACnK,CAAC;IACD,IAAIF,MAAMtE,IAAI,EAAE;QACdsE,MAAMtE,IAAI,CAACwE,SAAS,GAAGC,IAAAA,mBAAY,EAAC5E,mBAAmBG,IAAI,EAAEuE,OAAOvE,IAAI,EAAEsE,MAAMtE,IAAI,CAACwE,SAAS;IAChG,CAAC;IACD,IAAIF,MAAMpE,gBAAgB,EAAE;QAC1BoE,MAAMpE,gBAAgB,CAACsE,SAAS,GAAGC,IAAAA,mBAAY,EAAC5E,mBAAmBK,gBAAgB,EAAEqE,OAAOrE,gBAAgB,EAAEoE,MAAMpE,gBAAgB,CAACsE,SAAS;IAChJ,CAAC;IACDE,IAAAA,kCAA2B,EAACJ;AAC9B,GACA,6CAA6C"}

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

@@ -1,25 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "MenuItemCheckbox", {
+    enumerable: true,
+    get: ()=>MenuItemCheckbox
 });
-exports.MenuItemCheckbox = void 0;
-const React = /*#__PURE__*/require("react");
-const useMenuItemCheckbox_1 = /*#__PURE__*/require("./useMenuItemCheckbox");
-const renderMenuItemCheckbox_1 = /*#__PURE__*/require("./renderMenuItemCheckbox");
-const useMenuItemCheckboxStyles_1 = /*#__PURE__*/require("./useMenuItemCheckboxStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * Define a styled MenuItemCheckbox, using the `useMenuItemCheckbox_unstable` hook.
- */
-exports.MenuItemCheckbox = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useMenuItemCheckbox_1.useMenuItemCheckbox_unstable(props, ref);
-  useMenuItemCheckboxStyles_1.useMenuItemCheckboxStyles_unstable(state);
-  const {
-    useMenuItemCheckboxStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderMenuItemCheckbox_1.renderMenuItemCheckbox_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useMenuItemCheckbox = require("./useMenuItemCheckbox");
+const _renderMenuItemCheckbox = require("./renderMenuItemCheckbox");
+const _useMenuItemCheckboxStyles = require("./useMenuItemCheckboxStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const MenuItemCheckbox = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useMenuItemCheckbox.useMenuItemCheckbox_unstable)(props, ref);
+    (0, _useMenuItemCheckboxStyles.useMenuItemCheckboxStyles_unstable)(state);
+    const { useMenuItemCheckboxStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderMenuItemCheckbox.renderMenuItemCheckbox_unstable)(state);
 });
-exports.MenuItemCheckbox.displayName = 'MenuItemCheckbox';
+MenuItemCheckbox.displayName = "MenuItemCheckbox"; //# sourceMappingURL=MenuItemCheckbox.js.map
+
 //# sourceMappingURL=MenuItemCheckbox.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useMenuItemCheckbox_1","renderMenuItemCheckbox_1","useMenuItemCheckboxStyles_1","react_shared_contexts_1","exports","MenuItemCheckbox","forwardRef","props","ref","state","useMenuItemCheckbox_unstable","useMenuItemCheckboxStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderMenuItemCheckbox_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuItemCheckbox/MenuItemCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuItemCheckbox_unstable } from './useMenuItemCheckbox';\nimport { renderMenuItemCheckbox_unstable } from './renderMenuItemCheckbox';\nimport { useMenuItemCheckboxStyles_unstable } from './useMenuItemCheckboxStyles';\nimport type { MenuItemCheckboxProps } from './MenuItemCheckbox.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled MenuItemCheckbox, using the `useMenuItemCheckbox_unstable` hook.\n */\nexport const MenuItemCheckbox: ForwardRefComponent<MenuItemCheckboxProps> = React.forwardRef((props, ref) => {\n  const state = useMenuItemCheckbox_unstable(props, ref);\n\n  useMenuItemCheckboxStyles_unstable(state);\n\n  const { useMenuItemCheckboxStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderMenuItemCheckbox_unstable(state);\n});\n\nMenuItemCheckbox.displayName = 'MenuItemCheckbox';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,qBAAA,gBAAAD,OAAA;AACA,MAAAE,wBAAA,gBAAAF,OAAA;AACA,MAAAG,2BAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,gBAAgB,gBAA+CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC1G,MAAMC,KAAK,GAAGT,qBAAA,CAAAU,4BAA4B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEtDN,2BAAA,CAAAS,kCAAkC,CAACF,KAAK,CAAC;EAEzC,MAAM;IAAEE,kCAAkC,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAC9FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,wBAAA,CAAAa,+BAA+B,CAACL,KAAK,CAAC;AAC/C,CAAC,CAAC;AAEFL,OAAA,CAAAC,gBAAgB,CAACU,WAAW,GAAG,kBAAkB"}
+{"version":3,"sources":["../../../lib/components/MenuItemCheckbox/MenuItemCheckbox.js"],"sourcesContent":["import * as React from \"react\";\nimport { useMenuItemCheckbox_unstable } from \"./useMenuItemCheckbox\";\nimport { renderMenuItemCheckbox_unstable } from \"./renderMenuItemCheckbox\";\nimport { useMenuItemCheckboxStyles_unstable } from \"./useMenuItemCheckboxStyles\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\n/**\n * Define a styled MenuItemCheckbox, using the `useMenuItemCheckbox_unstable` hook.\n */\nexport const MenuItemCheckbox = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useMenuItemCheckbox_unstable(props, ref);\n  useMenuItemCheckboxStyles_unstable(state);\n  const {\n    useMenuItemCheckboxStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderMenuItemCheckbox_unstable(state);\n});\nMenuItemCheckbox.displayName = \"MenuItemCheckbox\";\n//# sourceMappingURL=MenuItemCheckbox.js.map"],"names":["MenuItemCheckbox","React","forwardRef","props","ref","state","useMenuItemCheckbox_unstable","useMenuItemCheckboxStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderMenuItemCheckbox_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;qCACsB;wCACG;2CACG;qCACN;AAItC,MAAMA,mBAAmB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC5E,MAAMC,QAAQC,IAAAA,iDAA4B,EAACH,OAAOC;IAClDG,IAAAA,6DAAkC,EAACF;IACnC,MAAM,EACJE,oCAAoCC,gBAAe,EACpD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,uDAA+B,EAACL;AACzC;AACAL,iBAAiBW,WAAW,GAAG,oBAC/B,4CAA4C"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuItemCheckbox/MenuItemCheckbox.types.ts"],"sourcesContent":["import type { MenuItemSelectableProps, MenuItemSelectableState } from '../../selectable/index';\nimport type { MenuItemProps, MenuItemState } from '../MenuItem/MenuItem.types';\n\nexport type MenuItemCheckboxProps = MenuItemProps & MenuItemSelectableProps;\n\nexport type MenuItemCheckboxState = MenuItemState & MenuItemSelectableState;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/MenuItemCheckbox/MenuItemCheckbox.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=MenuItemCheckbox.types.js.map"],"names":[],"mappings":";;;;CACA,kDAAkD"}

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

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const 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);
-tslib_1.__exportStar(require("./useMenuItemCheckboxStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./MenuItemCheckbox.types"), exports);
+_exportStar(require("./MenuItemCheckbox"), exports);
+_exportStar(require("./renderMenuItemCheckbox"), exports);
+_exportStar(require("./useMenuItemCheckbox"), exports);
+_exportStar(require("./useMenuItemCheckboxStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-menu/src/components/MenuItemCheckbox/index.ts"],"sourcesContent":["export * from './MenuItemCheckbox.types';\nexport * from './MenuItemCheckbox';\nexport * from './renderMenuItemCheckbox';\nexport * from './useMenuItemCheckbox';\nexport * from './useMenuItemCheckboxStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,8BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,8BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,iCAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/MenuItemCheckbox/index.js"],"sourcesContent":["export * from \"./MenuItemCheckbox.types\";\nexport * from \"./MenuItemCheckbox\";\nexport * from \"./renderMenuItemCheckbox\";\nexport * from \"./useMenuItemCheckbox\";\nexport * from \"./useMenuItemCheckboxStyles\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}