@fluentui/react-button 9.3.33 → 9.3.35

package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js

@@ -9,18 +9,22 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    compoundButtonClassNames: ()=>compoundButtonClassNames,
-    useCompoundButtonStyles_unstable: ()=>useCompoundButtonStyles_unstable
+    compoundButtonClassNames: function() {
+        return compoundButtonClassNames;
+    },
+    useCompoundButtonStyles_unstable: function() {
+        return useCompoundButtonStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
-const _useButtonStylesStyles = require("../Button/useButtonStyles.styles");
+const _useButtonStylesstyles = require("../Button/useButtonStyles.styles");
 const compoundButtonClassNames = {
     root: 'fui-CompoundButton',
     icon: 'fui-CompoundButton__icon',
     contentContainer: 'fui-CompoundButton__contentContainer',
     secondaryContent: 'fui-CompoundButton__secondaryContent'
 };
-const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bqenvij: "f11ysow2",
         J657lq: "f1um431h",
@@ -187,7 +191,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ]
     ]
 });
-const useRootIconOnlyStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useRootIconOnlyStyles = /*#__PURE__*/ (0, _react.__styles)({
     small: {
         z8tnut: "f1x4af0m",
         z189sj: [
@@ -252,7 +256,7 @@ const useRootIconOnlyStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1qhsl2h{min-width:56px;}"
     ]
 });
-const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Be2twd7: "fndrnj9",
         Bqenvij: "fbhnoac",
@@ -279,7 +283,7 @@ const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f199hnxi{margin-left:var(--spacingHorizontalM);}"
     ]
 });
-const useContentContainerStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useContentContainerStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         mc9l5x: "f22iagw",
         Beiy3e4: "f1vx9l62",
@@ -296,7 +300,7 @@ const useContentContainerStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fes3tcz{text-align:right;}"
     ]
 });
-const useSecondaryContentStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useSecondaryContentStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bg96gwp: "flkuc6h",
         Bhrd7zp: "figsok6"
@@ -324,7 +328,7 @@ const useCompoundButtonStyles_unstable = (state)=>{
     const iconStyles = useIconStyles();
     const contentContainerStyles = useContentContainerStyles();
     const secondaryContentStyles = useSecondaryContentStyles();
-    const { appearance , disabled , disabledFocusable , iconOnly , iconPosition , size  } = state;
+    const { appearance, disabled, disabledFocusable, iconOnly, iconPosition, size } = state;
     state.root.className = (0, _react.mergeClasses)(compoundButtonClassNames.root, // Root styles
     rootStyles.base, rootStyles.highContrast, appearance && rootStyles[appearance], rootStyles[size], // Disabled styles
     (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast, // Icon-only styles
@@ -337,6 +341,6 @@ const useCompoundButtonStyles_unstable = (state)=>{
     if (state.secondaryContent) {
         state.secondaryContent.className = (0, _react.mergeClasses)(compoundButtonClassNames.secondaryContent, secondaryContentStyles.base, secondaryContentStyles[size], state.secondaryContent.className);
     }
-    (0, _useButtonStylesStyles.useButtonStyles_unstable)(state);
+    (0, _useButtonStylesstyles.useButtonStyles_unstable)(state);
     return state;
 }; //# sourceMappingURL=useCompoundButtonStyles.styles.js.map

package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCompoundButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nexport const compoundButtonClassNames = {\n  root: 'fui-CompoundButton',\n  icon: 'fui-CompoundButton__icon',\n  contentContainer: 'fui-CompoundButton__contentContainer',\n  secondaryContent: 'fui-CompoundButton__secondaryContent'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    Bqenvij: \"f11ysow2\",\n    J657lq: \"f1um431h\",\n    Jlnjib: \"fte7hqw\",\n    Bc29nj9: \"f1yh8ef3\"\n  },\n  highContrast: {\n    pu7qz5: \"fi3u9nm\",\n    B10010i: \"f1tdgb9w\"\n  },\n  outline: {},\n  primary: {\n    J657lq: \"foe7gw6\",\n    Jlnjib: \"fvxlz81\",\n    Bc29nj9: \"f1c2mdy\",\n    B8ia98v: \"f1r39r2s\"\n  },\n  secondary: {},\n  subtle: {\n    J657lq: \"f1um431h\",\n    Jlnjib: \"fte7hqw\",\n    Bc29nj9: \"f1yh8ef3\",\n    pu7qz5: \"f1xoeh18\",\n    B10010i: \"f1ca1nd7\"\n  },\n  transparent: {\n    J657lq: \"f1um431h\",\n    Jlnjib: \"f1wn9xqz\",\n    Bc29nj9: \"f1a8q4d0\"\n  },\n  small: {\n    z8tnut: \"f17mpqex\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1quwm26\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    Be2twd7: \"fkhj508\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  medium: {\n    z8tnut: \"fbtff6s\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Byoj8tv: \"flw3t2g\",\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n    Be2twd7: \"fkhj508\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  large: {\n    z8tnut: \"fm4bm3s\",\n    z189sj: [\"fjodcmx\", \"fhx4nu\"],\n    Byoj8tv: \"fdt8xvx\",\n    uwmqm3: [\"fhx4nu\", \"fjodcmx\"],\n    Be2twd7: \"fod5ikn\",\n    Bg96gwp: \"faaz57k\"\n  },\n  disabled: {\n    J657lq: \"f1rlv8bf\",\n    Jlnjib: \"fd1dbtm\",\n    Bc29nj9: \"f1vqmdmi\"\n  },\n  disabledHighContrast: {\n    B8ia98v: \"f1csacz4\",\n    pu7qz5: \"f1s5tkfe\",\n    B10010i: \"fs0rda3\"\n  }\n}, {\n  d: [\".f11ysow2{height:auto;}\", \".f1um431h .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2);}\", \".foe7gw6 .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1quwm26{padding-bottom:var(--spacingHorizontalMNudge);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbtff6s{padding-top:14px;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".flw3t2g{padding-bottom:var(--spacingHorizontalL);}\", \".fm4bm3s{padding-top:18px;}\", \".fjodcmx{padding-right:var(--spacingHorizontalL);}\", \".fhx4nu{padding-left:var(--spacingHorizontalL);}\", \".fdt8xvx{padding-bottom:var(--spacingHorizontalXL);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1rlv8bf .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\"],\n  h: [\".fte7hqw:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Hover);}\", \".f1yh8ef3:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Pressed);}\", \".fvxlz81:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f1c2mdy:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f1wn9xqz:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandHover);}\", \".f1a8q4d0:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandPressed);}\", \".fd1dbtm:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\", \".f1vqmdmi:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\"],\n  m: [[\"@media (forced-colors: active){.fi3u9nm:hover .fui-CompoundButton__secondaryContent{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1tdgb9w:hover:active .fui-CompoundButton__secondaryContent{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1r39r2s .fui-CompoundButton__secondaryContent{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1xoeh18:hover .fui-CompoundButton__secondaryContent{color:Canvas;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ca1nd7:hover:active .fui-CompoundButton__secondaryContent{color:Canvas;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1csacz4 .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1s5tkfe:hover .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fs0rda3:hover:active .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useRootIconOnlyStyles = /*#__PURE__*/__styles({\n  small: {\n    z8tnut: \"f1x4af0m\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"fd55psn\",\n    uwmqm3: [\"fruq291\", \"f7x41pl\"],\n    B2u0y6b: \"ft5vyj6\",\n    Bf4jedk: \"f17suaiq\"\n  },\n  medium: {\n    z8tnut: \"f16k8034\",\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n    Byoj8tv: \"f1angvds\",\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n    B2u0y6b: \"fdczgix\",\n    Bf4jedk: \"fjdcg9m\"\n  },\n  large: {\n    z8tnut: \"f17mpqex\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"fdvome7\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    B2u0y6b: \"fww51uw\",\n    Bf4jedk: \"f1qhsl2h\"\n  }\n}, {\n  d: [\".f1x4af0m{padding-top:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".fd55psn{padding-bottom:var(--spacingHorizontalXS);}\", \".ft5vyj6{max-width:48px;}\", \".f17suaiq{min-width:48px;}\", \".f16k8034{padding-top:var(--spacingHorizontalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f1angvds{padding-bottom:var(--spacingHorizontalSNudge);}\", \".fdczgix{max-width:52px;}\", \".fjdcg9m{min-width:52px;}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fdvome7{padding-bottom:var(--spacingHorizontalS);}\", \".fww51uw{max-width:56px;}\", \".f1qhsl2h{min-width:56px;}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Be2twd7: \"fndrnj9\",\n    Bqenvij: \"fbhnoac\",\n    a9b677: \"feqmc2u\"\n  },\n  before: {\n    t21cq0: [\"fkujibs\", \"f199hnxi\"]\n  },\n  after: {\n    Frg6f3: [\"f199hnxi\", \"fkujibs\"]\n  }\n}, {\n  d: [\".fndrnj9{font-size:40px;}\", \".fbhnoac{height:40px;}\", \".feqmc2u{width:40px;}\", \".fkujibs{margin-right:var(--spacingHorizontalM);}\", \".f199hnxi{margin-left:var(--spacingHorizontalM);}\"]\n});\nconst useContentContainerStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\",\n    fsow6f: [\"f1o700av\", \"fes3tcz\"]\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\"]\n});\nconst useSecondaryContentStyles = /*#__PURE__*/__styles({\n  base: {\n    Bg96gwp: \"flkuc6h\",\n    Bhrd7zp: \"figsok6\"\n  },\n  small: {\n    Be2twd7: \"fy9rknc\"\n  },\n  medium: {\n    Be2twd7: \"fy9rknc\"\n  },\n  large: {\n    Be2twd7: \"fkhj508\"\n  }\n}, {\n  d: [\".flkuc6h{line-height:100%;}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\"]\n});\nexport const useCompoundButtonStyles_unstable = state => {\n  const rootStyles = useRootStyles();\n  const rootIconOnlyStyles = useRootIconOnlyStyles();\n  const iconStyles = useIconStyles();\n  const contentContainerStyles = useContentContainerStyles();\n  const secondaryContentStyles = useSecondaryContentStyles();\n  const {\n    appearance,\n    disabled,\n    disabledFocusable,\n    iconOnly,\n    iconPosition,\n    size\n  } = state;\n  state.root.className = mergeClasses(compoundButtonClassNames.root,\n  // Root styles\n  rootStyles.base, rootStyles.highContrast, appearance && rootStyles[appearance], rootStyles[size],\n  // Disabled styles\n  (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast,\n  // Icon-only styles\n  iconOnly && rootIconOnlyStyles[size],\n  // User provided class name\n  state.root.className);\n  state.contentContainer.className = mergeClasses(compoundButtonClassNames.contentContainer, contentContainerStyles.base, state.contentContainer.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(compoundButtonClassNames.icon, iconStyles.base, state.root.children !== undefined && state.root.children !== null && iconStyles[iconPosition], state.icon.className);\n  }\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(compoundButtonClassNames.secondaryContent, secondaryContentStyles.base, secondaryContentStyles[size], state.secondaryContent.className);\n  }\n  useButtonStyles_unstable(state);\n  return state;\n};\n//# sourceMappingURL=useCompoundButtonStyles.styles.js.map"],"names":["compoundButtonClassNames","useCompoundButtonStyles_unstable","root","icon","contentContainer","secondaryContent","useRootStyles","__styles","base","Bqenvij","J657lq","Jlnjib","Bc29nj9","highContrast","pu7qz5","B10010i","outline","primary","B8ia98v","secondary","subtle","transparent","small","z8tnut","z189sj","Byoj8tv","uwmqm3","Be2twd7","Bg96gwp","medium","large","disabled","disabledHighContrast","d","h","m","useRootIconOnlyStyles","B2u0y6b","Bf4jedk","useIconStyles","a9b677","before","t21cq0","after","Frg6f3","useContentContainerStyles","mc9l5x","Beiy3e4","fsow6f","useSecondaryContentStyles","Bhrd7zp","state","rootStyles","rootIconOnlyStyles","iconStyles","contentContainerStyles","secondaryContentStyles","appearance","disabledFocusable","iconOnly","iconPosition","size","className","mergeClasses","children","undefined","useButtonStyles_unstable"],"mappings":"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"}
+{"version":3,"sources":["useCompoundButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nexport const compoundButtonClassNames = {\n  root: 'fui-CompoundButton',\n  icon: 'fui-CompoundButton__icon',\n  contentContainer: 'fui-CompoundButton__contentContainer',\n  secondaryContent: 'fui-CompoundButton__secondaryContent'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    Bqenvij: \"f11ysow2\",\n    J657lq: \"f1um431h\",\n    Jlnjib: \"fte7hqw\",\n    Bc29nj9: \"f1yh8ef3\"\n  },\n  highContrast: {\n    pu7qz5: \"fi3u9nm\",\n    B10010i: \"f1tdgb9w\"\n  },\n  outline: {},\n  primary: {\n    J657lq: \"foe7gw6\",\n    Jlnjib: \"fvxlz81\",\n    Bc29nj9: \"f1c2mdy\",\n    B8ia98v: \"f1r39r2s\"\n  },\n  secondary: {},\n  subtle: {\n    J657lq: \"f1um431h\",\n    Jlnjib: \"fte7hqw\",\n    Bc29nj9: \"f1yh8ef3\",\n    pu7qz5: \"f1xoeh18\",\n    B10010i: \"f1ca1nd7\"\n  },\n  transparent: {\n    J657lq: \"f1um431h\",\n    Jlnjib: \"f1wn9xqz\",\n    Bc29nj9: \"f1a8q4d0\"\n  },\n  small: {\n    z8tnut: \"f17mpqex\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1quwm26\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    Be2twd7: \"fkhj508\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  medium: {\n    z8tnut: \"fbtff6s\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Byoj8tv: \"flw3t2g\",\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n    Be2twd7: \"fkhj508\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  large: {\n    z8tnut: \"fm4bm3s\",\n    z189sj: [\"fjodcmx\", \"fhx4nu\"],\n    Byoj8tv: \"fdt8xvx\",\n    uwmqm3: [\"fhx4nu\", \"fjodcmx\"],\n    Be2twd7: \"fod5ikn\",\n    Bg96gwp: \"faaz57k\"\n  },\n  disabled: {\n    J657lq: \"f1rlv8bf\",\n    Jlnjib: \"fd1dbtm\",\n    Bc29nj9: \"f1vqmdmi\"\n  },\n  disabledHighContrast: {\n    B8ia98v: \"f1csacz4\",\n    pu7qz5: \"f1s5tkfe\",\n    B10010i: \"fs0rda3\"\n  }\n}, {\n  d: [\".f11ysow2{height:auto;}\", \".f1um431h .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2);}\", \".foe7gw6 .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1quwm26{padding-bottom:var(--spacingHorizontalMNudge);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbtff6s{padding-top:14px;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".flw3t2g{padding-bottom:var(--spacingHorizontalL);}\", \".fm4bm3s{padding-top:18px;}\", \".fjodcmx{padding-right:var(--spacingHorizontalL);}\", \".fhx4nu{padding-left:var(--spacingHorizontalL);}\", \".fdt8xvx{padding-bottom:var(--spacingHorizontalXL);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f1rlv8bf .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\"],\n  h: [\".fte7hqw:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Hover);}\", \".f1yh8ef3:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2Pressed);}\", \".fvxlz81:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f1c2mdy:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundOnBrand);}\", \".f1wn9xqz:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandHover);}\", \".f1a8q4d0:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForeground2BrandPressed);}\", \".fd1dbtm:hover .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\", \".f1vqmdmi:hover:active .fui-CompoundButton__secondaryContent{color:var(--colorNeutralForegroundDisabled);}\"],\n  m: [[\"@media (forced-colors: active){.fi3u9nm:hover .fui-CompoundButton__secondaryContent{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1tdgb9w:hover:active .fui-CompoundButton__secondaryContent{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1r39r2s .fui-CompoundButton__secondaryContent{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1xoeh18:hover .fui-CompoundButton__secondaryContent{color:Canvas;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ca1nd7:hover:active .fui-CompoundButton__secondaryContent{color:Canvas;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1csacz4 .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1s5tkfe:hover .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fs0rda3:hover:active .fui-CompoundButton__secondaryContent{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useRootIconOnlyStyles = /*#__PURE__*/__styles({\n  small: {\n    z8tnut: \"f1x4af0m\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"fd55psn\",\n    uwmqm3: [\"fruq291\", \"f7x41pl\"],\n    B2u0y6b: \"ft5vyj6\",\n    Bf4jedk: \"f17suaiq\"\n  },\n  medium: {\n    z8tnut: \"f16k8034\",\n    z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n    Byoj8tv: \"f1angvds\",\n    uwmqm3: [\"fk8j09s\", \"fdw0yi8\"],\n    B2u0y6b: \"fdczgix\",\n    Bf4jedk: \"fjdcg9m\"\n  },\n  large: {\n    z8tnut: \"f17mpqex\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"fdvome7\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    B2u0y6b: \"fww51uw\",\n    Bf4jedk: \"f1qhsl2h\"\n  }\n}, {\n  d: [\".f1x4af0m{padding-top:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".fd55psn{padding-bottom:var(--spacingHorizontalXS);}\", \".ft5vyj6{max-width:48px;}\", \".f17suaiq{min-width:48px;}\", \".f16k8034{padding-top:var(--spacingHorizontalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f1angvds{padding-bottom:var(--spacingHorizontalSNudge);}\", \".fdczgix{max-width:52px;}\", \".fjdcg9m{min-width:52px;}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fdvome7{padding-bottom:var(--spacingHorizontalS);}\", \".fww51uw{max-width:56px;}\", \".f1qhsl2h{min-width:56px;}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Be2twd7: \"fndrnj9\",\n    Bqenvij: \"fbhnoac\",\n    a9b677: \"feqmc2u\"\n  },\n  before: {\n    t21cq0: [\"fkujibs\", \"f199hnxi\"]\n  },\n  after: {\n    Frg6f3: [\"f199hnxi\", \"fkujibs\"]\n  }\n}, {\n  d: [\".fndrnj9{font-size:40px;}\", \".fbhnoac{height:40px;}\", \".feqmc2u{width:40px;}\", \".fkujibs{margin-right:var(--spacingHorizontalM);}\", \".f199hnxi{margin-left:var(--spacingHorizontalM);}\"]\n});\nconst useContentContainerStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\",\n    fsow6f: [\"f1o700av\", \"fes3tcz\"]\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\"]\n});\nconst useSecondaryContentStyles = /*#__PURE__*/__styles({\n  base: {\n    Bg96gwp: \"flkuc6h\",\n    Bhrd7zp: \"figsok6\"\n  },\n  small: {\n    Be2twd7: \"fy9rknc\"\n  },\n  medium: {\n    Be2twd7: \"fy9rknc\"\n  },\n  large: {\n    Be2twd7: \"fkhj508\"\n  }\n}, {\n  d: [\".flkuc6h{line-height:100%;}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\"]\n});\nexport const useCompoundButtonStyles_unstable = state => {\n  const rootStyles = useRootStyles();\n  const rootIconOnlyStyles = useRootIconOnlyStyles();\n  const iconStyles = useIconStyles();\n  const contentContainerStyles = useContentContainerStyles();\n  const secondaryContentStyles = useSecondaryContentStyles();\n  const {\n    appearance,\n    disabled,\n    disabledFocusable,\n    iconOnly,\n    iconPosition,\n    size\n  } = state;\n  state.root.className = mergeClasses(compoundButtonClassNames.root,\n  // Root styles\n  rootStyles.base, rootStyles.highContrast, appearance && rootStyles[appearance], rootStyles[size],\n  // Disabled styles\n  (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast,\n  // Icon-only styles\n  iconOnly && rootIconOnlyStyles[size],\n  // User provided class name\n  state.root.className);\n  state.contentContainer.className = mergeClasses(compoundButtonClassNames.contentContainer, contentContainerStyles.base, state.contentContainer.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(compoundButtonClassNames.icon, iconStyles.base, state.root.children !== undefined && state.root.children !== null && iconStyles[iconPosition], state.icon.className);\n  }\n  if (state.secondaryContent) {\n    state.secondaryContent.className = mergeClasses(compoundButtonClassNames.secondaryContent, secondaryContentStyles.base, secondaryContentStyles[size], state.secondaryContent.className);\n  }\n  useButtonStyles_unstable(state);\n  return state;\n};\n//# sourceMappingURL=useCompoundButtonStyles.styles.js.map"],"names":["compoundButtonClassNames","useCompoundButtonStyles_unstable","root","icon","contentContainer","secondaryContent","useRootStyles","__styles","base","Bqenvij","J657lq","Jlnjib","Bc29nj9","highContrast","pu7qz5","B10010i","outline","primary","B8ia98v","secondary","subtle","transparent","small","z8tnut","z189sj","Byoj8tv","uwmqm3","Be2twd7","Bg96gwp","medium","large","disabled","disabledHighContrast","d","h","m","useRootIconOnlyStyles","B2u0y6b","Bf4jedk","useIconStyles","a9b677","before","t21cq0","after","Frg6f3","useContentContainerStyles","mc9l5x","Beiy3e4","fsow6f","useSecondaryContentStyles","Bhrd7zp","state","rootStyles","rootIconOnlyStyles","iconStyles","contentContainerStyles","secondaryContentStyles","appearance","disabledFocusable","iconOnly","iconPosition","size","className","mergeClasses","children","undefined","useButtonStyles_unstable"],"mappings":"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"}

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "MenuButton", {
     enumerable: true,
-    get: ()=>MenuButton
+    get: function() {
+        return MenuButton;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _renderMenuButton = require("./renderMenuButton");
 const _useMenuButton = require("./useMenuButton");
-const _useMenuButtonStylesStyles = require("./useMenuButtonStyles.styles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _useMenuButtonStylesstyles = require("./useMenuButtonStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const MenuButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useMenuButton.useMenuButton_unstable)(props, ref);
-    (0, _useMenuButtonStylesStyles.useMenuButtonStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useMenuButtonStyles_unstable')(state);
+    (0, _useMenuButtonStylesstyles.useMenuButtonStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMenuButtonStyles_unstable')(state);
     return (0, _renderMenuButton.renderMenuButton_unstable)(state);
 // Casting is required due to lack of distributive union to support unions on @types/react
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderMenuButton_unstable } from './renderMenuButton';\nimport { useMenuButton_unstable } from './useMenuButton';\nimport { useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close\n * menus.\n */ export const MenuButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useMenuButton_unstable(props, ref);\n    useMenuButtonStyles_unstable(state);\n    useCustomStyleHook_unstable('useMenuButtonStyles_unstable')(state);\n    return renderMenuButton_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nMenuButton.displayName = 'MenuButton';\n"],"names":["MenuButton","React","forwardRef","props","ref","state","useMenuButton_unstable","useMenuButtonStyles_unstable","useCustomStyleHook_unstable","renderMenuButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;kCACmB;+BACH;2CACM;qCACD;AAIjC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACvE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7BG,IAAAA,gDAA2B,EAAC,gCAAgCH;IAC5D,OAAOI,IAAAA,2CAAyB,EAACJ;AACrC,0FAA0F;AAC1F;AACAL,WAAWU,WAAW,GAAG"}
+{"version":3,"sources":["MenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderMenuButton_unstable } from './renderMenuButton';\nimport { useMenuButton_unstable } from './useMenuButton';\nimport { useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close\n * menus.\n */ export const MenuButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useMenuButton_unstable(props, ref);\n    useMenuButtonStyles_unstable(state);\n    useCustomStyleHook_unstable('useMenuButtonStyles_unstable')(state);\n    return renderMenuButton_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nMenuButton.displayName = 'MenuButton';\n"],"names":["MenuButton","React","forwardRef","props","ref","state","useMenuButton_unstable","useMenuButtonStyles_unstable","useCustomStyleHook_unstable","renderMenuButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;kCACmB;+BACH;2CACM;qCACD;AAIjC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7BG,IAAAA,gDAA2B,EAAC,gCAAgCH;IAC5D,OAAOI,IAAAA,2CAAyB,EAACJ;AACrC,0FAA0F;AAC1F;AACAL,WAAWU,WAAW,GAAG"}

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

@@ -9,12 +9,16 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    menuButtonClassNames: ()=>_useMenuButtonStylesStyles.menuButtonClassNames,
-    useMenuButtonStyles_unstable: ()=>_useMenuButtonStylesStyles.useMenuButtonStyles_unstable
+    menuButtonClassNames: function() {
+        return _useMenuButtonStylesstyles.menuButtonClassNames;
+    },
+    useMenuButtonStyles_unstable: function() {
+        return _useMenuButtonStylesstyles.useMenuButtonStyles_unstable;
+    }
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./MenuButton.types"), exports);
-_exportStar(require("./MenuButton"), exports);
-_exportStar(require("./renderMenuButton"), exports);
-_exportStar(require("./useMenuButton"), exports);
-const _useMenuButtonStylesStyles = require("./useMenuButtonStyles.styles");
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./MenuButton.types"), exports);
+_export_star._(require("./MenuButton"), exports);
+_export_star._(require("./renderMenuButton"), exports);
+_export_star._(require("./useMenuButton"), exports);
+const _useMenuButtonStylesstyles = require("./useMenuButtonStyles.styles");

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './MenuButton.types';\nexport * from './MenuButton';\nexport * from './renderMenuButton';\nexport * from './useMenuButton';\nexport { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles';\n"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,oBAAoB,MAApBA,+CAAoB;IAAEC,4BAA4B,MAA5BA,uDAA4B;;;oBAJ7C;oBACA;oBACA;oBACA;2CACqD"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './MenuButton.types';\nexport * from './MenuButton';\nexport * from './renderMenuButton';\nexport * from './useMenuButton';\nexport { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles';\n"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,oBAAoB;eAApBA,+CAAoB;;IAAEC,4BAA4B;eAA5BA,uDAA4B;;;;uBAJ7C;uBACA;uBACA;uBACA;2CACqD"}

package/lib-commonjs/components/MenuButton/renderMenuButton.js

@@ -1,15 +1,24 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderMenuButton_unstable", {
     enumerable: true,
-    get: ()=>renderMenuButton_unstable
+    get: function() {
+        return renderMenuButton_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderMenuButton_unstable = (state)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    const { icon , iconOnly  } = state;
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.icon, null), !iconOnly && state.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && state.menuIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.menuIcon, null));
+    var _icon;
+    (0, _reactutilities.assertSlots)(state);
+    const { icon, iconOnly } = state;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+            !iconOnly && state.root.children,
+            (!iconOnly || !((_icon = icon) === null || _icon === void 0 ? void 0 : _icon.children)) && state.menuIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuIcon, {})
+        ]
+    });
 };

package/lib-commonjs/components/MenuButton/renderMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderMenuButton.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Renders a MenuButton component by passing the state defined props to the appropriate slots.\n */ export const renderMenuButton_unstable = (state)=>{\n    assertSlots(state);\n    const { icon , iconOnly  } = state;\n    return /*#__PURE__*/ createElement(state.root, null, state.icon && /*#__PURE__*/ createElement(state.icon, null), !iconOnly && state.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && state.menuIcon && /*#__PURE__*/ createElement(state.menuIcon, null));\n};\n"],"names":["renderMenuButton_unstable","state","assertSlots","icon","iconOnly","createElement","root","children","menuIcon"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,4BAA4B,CAACC,QAAQ;IAClDC,IAAAA,2BAAW,EAACD;IACZ,MAAM,EAAEE,KAAI,EAAGC,SAAQ,EAAG,GAAGH;IAC7B,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACJ,MAAMK,IAAI,EAAE,IAAI,EAAEL,MAAME,IAAI,IAAI,WAAW,GAAGE,IAAAA,8BAAa,EAACJ,MAAME,IAAI,EAAE,IAAI,GAAG,CAACC,YAAYH,MAAMK,IAAI,CAACC,QAAQ,EAAE,AAAC,CAAA,CAACH,YAAY,CAAED,CAAAA,SAAS,IAAI,IAAIA,SAAS,KAAK,IAAI,KAAK,IAAIA,KAAKI,QAAQ,AAAD,CAAC,KAAMN,MAAMO,QAAQ,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACJ,MAAMO,QAAQ,EAAE,IAAI;AACzS"}
+{"version":3,"sources":["renderMenuButton.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Renders a MenuButton component by passing the state defined props to the appropriate slots.\n */ export const renderMenuButton_unstable = (state)=>{\n    var _icon;\n    assertSlots(state);\n    const { icon, iconOnly } = state;\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.icon && /*#__PURE__*/ _jsx(state.icon, {}),\n            !iconOnly && state.root.children,\n            (!iconOnly || !((_icon = icon) === null || _icon === void 0 ? void 0 : _icon.children)) && state.menuIcon && /*#__PURE__*/ _jsx(state.menuIcon, {})\n        ]\n    });\n};\n"],"names":["renderMenuButton_unstable","state","_icon","assertSlots","icon","iconOnly","_jsxs","root","children","_jsx","menuIcon"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,4BAA4B,CAACC;IAC1C,IAAIC;IACJC,IAAAA,2BAAW,EAACF;IACZ,MAAM,EAAEG,IAAI,EAAEC,QAAQ,EAAE,GAAGJ;IAC3B,OAAO,WAAW,GAAGK,IAAAA,gBAAK,EAACL,MAAMM,IAAI,EAAE;QACnCC,UAAU;YACNP,MAAMG,IAAI,IAAI,WAAW,GAAGK,IAAAA,eAAI,EAACR,MAAMG,IAAI,EAAE,CAAC;YAC9C,CAACC,YAAYJ,MAAMM,IAAI,CAACC,QAAQ;YAC/B,CAAA,CAACH,YAAY,CAAE,CAAA,AAACH,CAAAA,QAAQE,IAAG,MAAO,QAAQF,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMM,QAAQ,AAAD,CAAC,KAAMP,MAAMS,QAAQ,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACR,MAAMS,QAAQ,EAAE,CAAC;SACpJ;IACL;AACJ"}

package/lib-commonjs/components/MenuButton/useMenuButton.js

@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useMenuButton_unstable", {
     enumerable: true,
-    get: ()=>useMenuButton_unstable
+    get: function() {
+        return useMenuButton_unstable;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactIcons = require("@fluentui/react-icons");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reacticons = require("@fluentui/react-icons");
+const _reactutilities = require("@fluentui/react-utilities");
 const _index = require("../Button/index");
-const useMenuButton_unstable = ({ menuIcon , ...props }, ref)=>{
+const useMenuButton_unstable = ({ menuIcon, ...props }, ref)=>{
     const buttonState = (0, _index.useButton_unstable)(props, ref);
     var _props_ariaexpanded;
     buttonState.root['aria-expanded'] = (_props_ariaexpanded = props['aria-expanded']) !== null && _props_ariaexpanded !== void 0 ? _props_ariaexpanded : false;
@@ -26,9 +28,9 @@ const useMenuButton_unstable = ({ menuIcon , ...props }, ref)=>{
             icon: 'span',
             menuIcon: 'span'
         },
-        menuIcon: _reactUtilities.slot.optional(menuIcon, {
+        menuIcon: _reactutilities.slot.optional(menuIcon, {
             defaultProps: {
-                children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronDownRegular, null)
+                children: /*#__PURE__*/ _react.createElement(_reacticons.ChevronDownRegular, null)
             },
             renderByDefault: true,
             elementType: 'span'

package/lib-commonjs/components/MenuButton/useMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useMenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { slot } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\n/**\n * Given user props, returns the final state for a MenuButton.\n */ export const useMenuButton_unstable = ({ menuIcon , ...props }, ref)=>{\n    const buttonState = useButton_unstable(props, ref);\n    var _props_ariaexpanded;\n    buttonState.root['aria-expanded'] = (_props_ariaexpanded = props['aria-expanded']) !== null && _props_ariaexpanded !== void 0 ? _props_ariaexpanded : false;\n    return {\n        // Button state\n        ...buttonState,\n        // State calculated from a set of props\n        iconOnly: Boolean(!props.children),\n        // Slots definition\n        components: {\n            root: 'button',\n            icon: 'span',\n            menuIcon: 'span'\n        },\n        menuIcon: slot.optional(menuIcon, {\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(ChevronDownRegular, null)\n            },\n            renderByDefault: true,\n            elementType: 'span'\n        })\n    };\n};\n"],"names":["useMenuButton_unstable","menuIcon","props","ref","buttonState","useButton_unstable","_props_ariaexpanded","root","iconOnly","Boolean","children","components","icon","slot","optional","defaultProps","React","createElement","ChevronDownRegular","renderByDefault","elementType"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;4BACY;gCACd;uBACc;AAGxB,MAAMA,yBAAyB,CAAC,EAAEC,SAAQ,EAAG,GAAGC,OAAO,EAAEC,MAAM;IACtE,MAAMC,cAAcC,IAAAA,yBAAkB,EAACH,OAAOC;IAC9C,IAAIG;IACJF,YAAYG,IAAI,CAAC,gBAAgB,GAAG,AAACD,CAAAA,sBAAsBJ,KAAK,CAAC,gBAAgB,AAAD,MAAO,IAAI,IAAII,wBAAwB,KAAK,IAAIA,sBAAsB,KAAK;IAC3J,OAAO;QACH,eAAe;QACf,GAAGF,WAAW;QACd,uCAAuC;QACvCI,UAAUC,QAAQ,CAACP,MAAMQ,QAAQ;QACjC,mBAAmB;QACnBC,YAAY;YACRJ,MAAM;YACNK,MAAM;YACNX,UAAU;QACd;QACAA,UAAUY,oBAAI,CAACC,QAAQ,CAACb,UAAU;YAC9Bc,cAAc;gBACVL,UAAU,WAAW,GAAGM,OAAMC,aAAa,CAACC,8BAAkB,EAAE,IAAI;YACxE;YACAC,iBAAiB,IAAI;YACrBC,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["useMenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { slot } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\n/**\n * Given user props, returns the final state for a MenuButton.\n */ export const useMenuButton_unstable = ({ menuIcon, ...props }, ref)=>{\n    const buttonState = useButton_unstable(props, ref);\n    var _props_ariaexpanded;\n    buttonState.root['aria-expanded'] = (_props_ariaexpanded = props['aria-expanded']) !== null && _props_ariaexpanded !== void 0 ? _props_ariaexpanded : false;\n    return {\n        // Button state\n        ...buttonState,\n        // State calculated from a set of props\n        iconOnly: Boolean(!props.children),\n        // Slots definition\n        components: {\n            root: 'button',\n            icon: 'span',\n            menuIcon: 'span'\n        },\n        menuIcon: slot.optional(menuIcon, {\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(ChevronDownRegular, null)\n            },\n            renderByDefault: true,\n            elementType: 'span'\n        })\n    };\n};\n"],"names":["useMenuButton_unstable","menuIcon","props","ref","buttonState","useButton_unstable","_props_ariaexpanded","root","iconOnly","Boolean","children","components","icon","slot","optional","defaultProps","React","createElement","ChevronDownRegular","renderByDefault","elementType"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;4BACY;gCACd;uBACc;AAGxB,MAAMA,yBAAyB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAO,EAAEC;IAC/D,MAAMC,cAAcC,IAAAA,yBAAkB,EAACH,OAAOC;IAC9C,IAAIG;IACJF,YAAYG,IAAI,CAAC,gBAAgB,GAAG,AAACD,CAAAA,sBAAsBJ,KAAK,CAAC,gBAAgB,AAAD,MAAO,QAAQI,wBAAwB,KAAK,IAAIA,sBAAsB;IACtJ,OAAO;QACH,eAAe;QACf,GAAGF,WAAW;QACd,uCAAuC;QACvCI,UAAUC,QAAQ,CAACP,MAAMQ,QAAQ;QACjC,mBAAmB;QACnBC,YAAY;YACRJ,MAAM;YACNK,MAAM;YACNX,UAAU;QACd;QACAA,UAAUY,oBAAI,CAACC,QAAQ,CAACb,UAAU;YAC9Bc,cAAc;gBACVL,UAAU,WAAW,GAAGM,OAAMC,aAAa,CAACC,8BAAkB,EAAE;YACpE;YACAC,iBAAiB;YACjBC,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js

@@ -9,17 +9,21 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    menuButtonClassNames: ()=>menuButtonClassNames,
-    useMenuButtonStyles_unstable: ()=>useMenuButtonStyles_unstable
+    menuButtonClassNames: function() {
+        return menuButtonClassNames;
+    },
+    useMenuButtonStyles_unstable: function() {
+        return useMenuButtonStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
-const _useButtonStylesStyles = require("../Button/useButtonStyles.styles");
+const _useButtonStylesstyles = require("../Button/useButtonStyles.styles");
 const menuButtonClassNames = {
     root: 'fui-MenuButton',
     icon: 'fui-MenuButton__icon',
     menuIcon: 'fui-MenuButton__menuIcon'
 };
-const useRootExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useRootExpandedStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         D0sxk3: "fxoiby5",
         t6yez3: "f15q0o9g"
@@ -93,7 +97,7 @@ const useRootExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
     ]
 });
-const useIconExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useIconExpandedStyles = /*#__PURE__*/ (0, _react.__styles)({
     outline: {
         sj55zd: "f14nttnl"
     },
@@ -124,7 +128,7 @@ const useIconExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ]
     ]
 });
-const useMenuIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+const useMenuIconStyles = /*#__PURE__*/ (0, _react.__styles)({
     base: {
         Bg96gwp: "fez10in"
     },
@@ -178,7 +182,7 @@ const useMenuButtonStyles_unstable = (state)=>{
     if (state.menuIcon) {
         state.menuIcon.className = (0, _react.mergeClasses)(menuButtonClassNames.menuIcon, menuIconStyles.base, menuIconStyles[state.size], !state.iconOnly && menuIconStyles.notIconOnly, state.menuIcon.className);
     }
-    (0, _useButtonStylesStyles.useButtonStyles_unstable)({
+    (0, _useButtonStylesstyles.useButtonStyles_unstable)({
         ...state,
         iconPosition: 'before'
     });

package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useMenuButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens } from '@fluentui/react-theme';\nimport { mergeClasses, __styles, shorthands } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nexport const menuButtonClassNames = {\n  root: 'fui-MenuButton',\n  icon: 'fui-MenuButton__icon',\n  menuIcon: 'fui-MenuButton__menuIcon'\n};\nconst useRootExpandedStyles = /*#__PURE__*/__styles({\n  base: {\n    D0sxk3: \"fxoiby5\",\n    t6yez3: \"f15q0o9g\"\n  },\n  outline: {\n    g2u3we: \"f1ly1fcm\",\n    h3c5rm: [\"fi8bssc\", \"fj6btzu\"],\n    B9xav0g: \"f1s9tnsa\",\n    zhjwy3: [\"fj6btzu\", \"fi8bssc\"],\n    B4j52fo: \"fgx37oo\",\n    Bekrc4i: [\"f130t4y6\", \"f1efpmoh\"],\n    Bn0qgzm: \"fv51ejd\",\n    ibv6hh: [\"f1efpmoh\", \"f130t4y6\"],\n    sj55zd: \"f14nttnl\"\n  },\n  primary: {\n    De3pzq: \"f8w4g0q\"\n  },\n  secondary: {\n    De3pzq: \"f1nfm20t\",\n    g2u3we: \"f1ly1fcm\",\n    h3c5rm: [\"fi8bssc\", \"fj6btzu\"],\n    B9xav0g: \"f1s9tnsa\",\n    zhjwy3: [\"fj6btzu\", \"fi8bssc\"],\n    sj55zd: \"f14nttnl\"\n  },\n  subtle: {\n    De3pzq: \"fq5gl1p\",\n    sj55zd: \"f1eryozh\"\n  },\n  transparent: {\n    De3pzq: \"f1q9pm1r\",\n    sj55zd: \"f1qj7y59\"\n  }\n}, {\n  d: [\".fxoiby5 .fui-Icon-filled{display:inline;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\", \".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}\", \".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}\", \".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}\", \".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}\", \".fgx37oo{border-top-width:var(--strokeWidthThicker);}\", \".f130t4y6{border-right-width:var(--strokeWidthThicker);}\", \".f1efpmoh{border-left-width:var(--strokeWidthThicker);}\", \".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}\", \".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1eryozh{color:var(--colorNeutralForeground2Selected);}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"]\n});\nconst useIconExpandedStyles = /*#__PURE__*/__styles({\n  outline: {\n    sj55zd: \"f14nttnl\"\n  },\n  primary: {},\n  secondary: {\n    sj55zd: \"f14nttnl\"\n  },\n  subtle: {\n    sj55zd: \"f1qj7y59\"\n  },\n  transparent: {\n    sj55zd: \"f1qj7y59\"\n  },\n  highContrast: {\n    ze5xyy: \"fqyhrn0\"\n  }\n}, {\n  d: [\".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"],\n  m: [[\"@media (forced-colors: active){.fqyhrn0:hover{color:Canvas;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useMenuIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Bg96gwp: \"fez10in\"\n  },\n  small: {\n    Be2twd7: \"f1ugzwwg\",\n    Bqenvij: \"fvblgha\",\n    Bg96gwp: \"fwrc4pm\",\n    a9b677: \"frx94fk\"\n  },\n  medium: {\n    Be2twd7: \"f1ugzwwg\",\n    Bqenvij: \"fvblgha\",\n    Bg96gwp: \"fwrc4pm\",\n    a9b677: \"frx94fk\"\n  },\n  large: {\n    Be2twd7: \"f4ybsrx\",\n    Bqenvij: \"fd461yt\",\n    Bg96gwp: \"faaz57k\",\n    a9b677: \"fjw5fx7\"\n  },\n  notIconOnly: {\n    Frg6f3: [\"fbyavb5\", \"fm0x6gh\"]\n  }\n}, {\n  d: [\".fez10in{line-height:0;}\", \".f1ugzwwg{font-size:12px;}\", \".fvblgha{height:12px;}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".frx94fk{width:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fd461yt{height:16px;}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fjw5fx7{width:16px;}\", \".fbyavb5{margin-left:var(--spacingHorizontalXS);}\", \".fm0x6gh{margin-right:var(--spacingHorizontalXS);}\"]\n});\nexport const useMenuButtonStyles_unstable = state => {\n  const rootExpandedStyles = useRootExpandedStyles();\n  const iconExpandedStyles = useIconExpandedStyles();\n  const menuIconStyles = useMenuIconStyles();\n  state.root.className = mergeClasses(menuButtonClassNames.root, state.root['aria-expanded'] && rootExpandedStyles.base, state.root['aria-expanded'] && rootExpandedStyles[state.appearance], state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuButtonClassNames.icon, state.root['aria-expanded'] && iconExpandedStyles[state.appearance] && iconExpandedStyles.highContrast, state.icon.className);\n  }\n  if (state.menuIcon) {\n    state.menuIcon.className = mergeClasses(menuButtonClassNames.menuIcon, menuIconStyles.base, menuIconStyles[state.size], !state.iconOnly && menuIconStyles.notIconOnly, state.menuIcon.className);\n  }\n  useButtonStyles_unstable({\n    ...state,\n    iconPosition: 'before'\n  });\n  return state;\n};\n//# sourceMappingURL=useMenuButtonStyles.styles.js.map"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable","root","icon","menuIcon","useRootExpandedStyles","__styles","base","D0sxk3","t6yez3","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sj55zd","primary","De3pzq","secondary","subtle","transparent","d","useIconExpandedStyles","highContrast","ze5xyy","m","useMenuIconStyles","Bg96gwp","small","Be2twd7","Bqenvij","a9b677","medium","large","notIconOnly","Frg6f3","state","rootExpandedStyles","iconExpandedStyles","menuIconStyles","className","mergeClasses","appearance","size","iconOnly","useButtonStyles_unstable","iconPosition"],"mappings":"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"}
+{"version":3,"sources":["useMenuButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens } from '@fluentui/react-theme';\nimport { mergeClasses, __styles, shorthands } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nexport const menuButtonClassNames = {\n  root: 'fui-MenuButton',\n  icon: 'fui-MenuButton__icon',\n  menuIcon: 'fui-MenuButton__menuIcon'\n};\nconst useRootExpandedStyles = /*#__PURE__*/__styles({\n  base: {\n    D0sxk3: \"fxoiby5\",\n    t6yez3: \"f15q0o9g\"\n  },\n  outline: {\n    g2u3we: \"f1ly1fcm\",\n    h3c5rm: [\"fi8bssc\", \"fj6btzu\"],\n    B9xav0g: \"f1s9tnsa\",\n    zhjwy3: [\"fj6btzu\", \"fi8bssc\"],\n    B4j52fo: \"fgx37oo\",\n    Bekrc4i: [\"f130t4y6\", \"f1efpmoh\"],\n    Bn0qgzm: \"fv51ejd\",\n    ibv6hh: [\"f1efpmoh\", \"f130t4y6\"],\n    sj55zd: \"f14nttnl\"\n  },\n  primary: {\n    De3pzq: \"f8w4g0q\"\n  },\n  secondary: {\n    De3pzq: \"f1nfm20t\",\n    g2u3we: \"f1ly1fcm\",\n    h3c5rm: [\"fi8bssc\", \"fj6btzu\"],\n    B9xav0g: \"f1s9tnsa\",\n    zhjwy3: [\"fj6btzu\", \"fi8bssc\"],\n    sj55zd: \"f14nttnl\"\n  },\n  subtle: {\n    De3pzq: \"fq5gl1p\",\n    sj55zd: \"f1eryozh\"\n  },\n  transparent: {\n    De3pzq: \"f1q9pm1r\",\n    sj55zd: \"f1qj7y59\"\n  }\n}, {\n  d: [\".fxoiby5 .fui-Icon-filled{display:inline;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\", \".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}\", \".fi8bssc{border-right-color:var(--colorNeutralStroke1Selected);}\", \".fj6btzu{border-left-color:var(--colorNeutralStroke1Selected);}\", \".f1s9tnsa{border-bottom-color:var(--colorNeutralStroke1Selected);}\", \".fgx37oo{border-top-width:var(--strokeWidthThicker);}\", \".f130t4y6{border-right-width:var(--strokeWidthThicker);}\", \".f1efpmoh{border-left-width:var(--strokeWidthThicker);}\", \".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}\", \".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}\", \".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1eryozh{color:var(--colorNeutralForeground2Selected);}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"]\n});\nconst useIconExpandedStyles = /*#__PURE__*/__styles({\n  outline: {\n    sj55zd: \"f14nttnl\"\n  },\n  primary: {},\n  secondary: {\n    sj55zd: \"f14nttnl\"\n  },\n  subtle: {\n    sj55zd: \"f1qj7y59\"\n  },\n  transparent: {\n    sj55zd: \"f1qj7y59\"\n  },\n  highContrast: {\n    ze5xyy: \"fqyhrn0\"\n  }\n}, {\n  d: [\".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"],\n  m: [[\"@media (forced-colors: active){.fqyhrn0:hover{color:Canvas;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useMenuIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Bg96gwp: \"fez10in\"\n  },\n  small: {\n    Be2twd7: \"f1ugzwwg\",\n    Bqenvij: \"fvblgha\",\n    Bg96gwp: \"fwrc4pm\",\n    a9b677: \"frx94fk\"\n  },\n  medium: {\n    Be2twd7: \"f1ugzwwg\",\n    Bqenvij: \"fvblgha\",\n    Bg96gwp: \"fwrc4pm\",\n    a9b677: \"frx94fk\"\n  },\n  large: {\n    Be2twd7: \"f4ybsrx\",\n    Bqenvij: \"fd461yt\",\n    Bg96gwp: \"faaz57k\",\n    a9b677: \"fjw5fx7\"\n  },\n  notIconOnly: {\n    Frg6f3: [\"fbyavb5\", \"fm0x6gh\"]\n  }\n}, {\n  d: [\".fez10in{line-height:0;}\", \".f1ugzwwg{font-size:12px;}\", \".fvblgha{height:12px;}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".frx94fk{width:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fd461yt{height:16px;}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fjw5fx7{width:16px;}\", \".fbyavb5{margin-left:var(--spacingHorizontalXS);}\", \".fm0x6gh{margin-right:var(--spacingHorizontalXS);}\"]\n});\nexport const useMenuButtonStyles_unstable = state => {\n  const rootExpandedStyles = useRootExpandedStyles();\n  const iconExpandedStyles = useIconExpandedStyles();\n  const menuIconStyles = useMenuIconStyles();\n  state.root.className = mergeClasses(menuButtonClassNames.root, state.root['aria-expanded'] && rootExpandedStyles.base, state.root['aria-expanded'] && rootExpandedStyles[state.appearance], state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(menuButtonClassNames.icon, state.root['aria-expanded'] && iconExpandedStyles[state.appearance] && iconExpandedStyles.highContrast, state.icon.className);\n  }\n  if (state.menuIcon) {\n    state.menuIcon.className = mergeClasses(menuButtonClassNames.menuIcon, menuIconStyles.base, menuIconStyles[state.size], !state.iconOnly && menuIconStyles.notIconOnly, state.menuIcon.className);\n  }\n  useButtonStyles_unstable({\n    ...state,\n    iconPosition: 'before'\n  });\n  return state;\n};\n//# sourceMappingURL=useMenuButtonStyles.styles.js.map"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable","root","icon","menuIcon","useRootExpandedStyles","__styles","base","D0sxk3","t6yez3","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sj55zd","primary","De3pzq","secondary","subtle","transparent","d","useIconExpandedStyles","highContrast","ze5xyy","m","useMenuIconStyles","Bg96gwp","small","Be2twd7","Bqenvij","a9b677","medium","large","notIconOnly","Frg6f3","state","rootExpandedStyles","iconExpandedStyles","menuIconStyles","className","mergeClasses","appearance","size","iconOnly","useButtonStyles_unstable","iconPosition"],"mappings":"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"}

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SplitButton", {
     enumerable: true,
-    get: ()=>SplitButton
+    get: function() {
+        return SplitButton;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _renderSplitButton = require("./renderSplitButton");
 const _useSplitButton = require("./useSplitButton");
-const _useSplitButtonStylesStyles = require("./useSplitButtonStyles.styles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _useSplitButtonStylesstyles = require("./useSplitButtonStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const SplitButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useSplitButton.useSplitButton_unstable)(props, ref);
-    (0, _useSplitButtonStylesStyles.useSplitButtonStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useSplitButtonStyles_unstable')(state);
+    (0, _useSplitButtonStylesstyles.useSplitButtonStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useSplitButtonStyles_unstable')(state);
     return (0, _renderSplitButton.renderSplitButton_unstable)(state);
 // Casting is required due to lack of distributive union to support unions on @types/react
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["SplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderSplitButton_unstable } from './renderSplitButton';\nimport { useSplitButton_unstable } from './useSplitButton';\nimport { useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary\n * action, while interacting with the second one opens a menu with secondary actions.\n */ export const SplitButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useSplitButton_unstable(props, ref);\n    useSplitButtonStyles_unstable(state);\n    useCustomStyleHook_unstable('useSplitButtonStyles_unstable')(state);\n    return renderSplitButton_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nSplitButton.displayName = 'SplitButton';\n"],"names":["SplitButton","React","forwardRef","props","ref","state","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyleHook_unstable","renderSplitButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;mCACoB;gCACH;4CACM;qCACF;AAIjC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACxE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9BG,IAAAA,gDAA2B,EAAC,iCAAiCH;IAC7D,OAAOI,IAAAA,6CAA0B,EAACJ;AACtC,0FAA0F;AAC1F;AACAL,YAAYU,WAAW,GAAG"}
+{"version":3,"sources":["SplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderSplitButton_unstable } from './renderSplitButton';\nimport { useSplitButton_unstable } from './useSplitButton';\nimport { useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary\n * action, while interacting with the second one opens a menu with secondary actions.\n */ export const SplitButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useSplitButton_unstable(props, ref);\n    useSplitButtonStyles_unstable(state);\n    useCustomStyleHook_unstable('useSplitButtonStyles_unstable')(state);\n    return renderSplitButton_unstable(state);\n// Casting is required due to lack of distributive union to support unions on @types/react\n});\nSplitButton.displayName = 'SplitButton';\n"],"names":["SplitButton","React","forwardRef","props","ref","state","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyleHook_unstable","renderSplitButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;mCACoB;gCACH;4CACM;qCACF;AAIjC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9BG,IAAAA,gDAA2B,EAAC,iCAAiCH;IAC7D,OAAOI,IAAAA,6CAA0B,EAACJ;AACtC,0FAA0F;AAC1F;AACAL,YAAYU,WAAW,GAAG"}

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

@@ -9,12 +9,16 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    splitButtonClassNames: ()=>_useSplitButtonStylesStyles.splitButtonClassNames,
-    useSplitButtonStyles_unstable: ()=>_useSplitButtonStylesStyles.useSplitButtonStyles_unstable
+    splitButtonClassNames: function() {
+        return _useSplitButtonStylesstyles.splitButtonClassNames;
+    },
+    useSplitButtonStyles_unstable: function() {
+        return _useSplitButtonStylesstyles.useSplitButtonStyles_unstable;
+    }
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./SplitButton"), exports);
-_exportStar(require("./SplitButton.types"), exports);
-_exportStar(require("./renderSplitButton"), exports);
-_exportStar(require("./useSplitButton"), exports);
-const _useSplitButtonStylesStyles = require("./useSplitButtonStyles.styles");
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./SplitButton"), exports);
+_export_star._(require("./SplitButton.types"), exports);
+_export_star._(require("./renderSplitButton"), exports);
+_export_star._(require("./useSplitButton"), exports);
+const _useSplitButtonStylesstyles = require("./useSplitButtonStyles.styles");

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './SplitButton';\nexport * from './SplitButton.types';\nexport * from './renderSplitButton';\nexport * from './useSplitButton';\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\n"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,qBAAqB,MAArBA,iDAAqB;IAAEC,6BAA6B,MAA7BA,yDAA6B;;;oBAJ/C;oBACA;oBACA;oBACA;4CACuD"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './SplitButton';\nexport * from './SplitButton.types';\nexport * from './renderSplitButton';\nexport * from './useSplitButton';\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\n"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,qBAAqB;eAArBA,iDAAqB;;IAAEC,6BAA6B;eAA7BA,yDAA6B;;;;uBAJ/C;uBACA;uBACA;uBACA;4CACuD"}

package/lib-commonjs/components/SplitButton/renderSplitButton.js

@@ -1,14 +1,21 @@
-/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
 Object.defineProperty(exports, "renderSplitButton_unstable", {
     enumerable: true,
-    get: ()=>renderSplitButton_unstable
+    get: function() {
+        return renderSplitButton_unstable;
+    }
 });
-const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
-const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderSplitButton_unstable = (state)=>{
-    (0, _reactUtilities.assertSlots)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.primaryActionButton && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.primaryActionButton, null), state.menuButton && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.menuButton, null));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.primaryActionButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.primaryActionButton, {}),
+            state.menuButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.menuButton, {})
+        ]
+    });
 };

package/lib-commonjs/components/SplitButton/renderSplitButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderSplitButton.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Renders a SplitButton component by passing the state defined props to the appropriate slots.\n */ export const renderSplitButton_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, state.primaryActionButton && /*#__PURE__*/ createElement(state.primaryActionButton, null), state.menuButton && /*#__PURE__*/ createElement(state.menuButton, null));\n};\n"],"names":["renderSplitButton_unstable","state","assertSlots","createElement","root","primaryActionButton","menuButton"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,6BAA6B,CAACC,QAAQ;IACnDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAEH,MAAMI,mBAAmB,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACF,MAAMI,mBAAmB,EAAE,IAAI,GAAGJ,MAAMK,UAAU,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMK,UAAU,EAAE,IAAI;AAC1N"}
+{"version":3,"sources":["renderSplitButton.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Renders a SplitButton component by passing the state defined props to the appropriate slots.\n */ export const renderSplitButton_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.primaryActionButton && /*#__PURE__*/ _jsx(state.primaryActionButton, {}),\n            state.menuButton && /*#__PURE__*/ _jsx(state.menuButton, {})\n        ]\n    });\n};\n"],"names":["renderSplitButton_unstable","state","assertSlots","_jsxs","root","children","primaryActionButton","_jsx","menuButton"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ2G;gCAChG;AAGjB,MAAMA,6BAA6B,CAACC;IAC3CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,mBAAmB,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,mBAAmB,EAAE,CAAC;YAC5EL,MAAMO,UAAU,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACN,MAAMO,UAAU,EAAE,CAAC;SAC7D;IACL;AACJ"}

package/lib-commonjs/components/SplitButton/useSplitButton.js

@@ -4,17 +4,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useSplitButton_unstable", {
     enumerable: true,
-    get: ()=>useSplitButton_unstable
+    get: function() {
+        return useSplitButton_unstable;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _button = require("../Button/Button");
-const _menuButton = require("../MenuButton/MenuButton");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _Button = require("../Button/Button");
+const _MenuButton = require("../MenuButton/MenuButton");
 const useSplitButton_unstable = (props, ref)=>{
-    const { appearance ='secondary' , children , disabled =false , disabledFocusable =false , icon , iconPosition ='before' , menuButton , menuIcon , primaryActionButton , shape ='rounded' , size ='medium'  } = props;
-    const baseId = (0, _reactUtilities.useId)('splitButton-');
-    const menuButtonShorthand = _reactUtilities.slot.optional(menuButton, {
+    const { appearance = 'secondary', children, disabled = false, disabledFocusable = false, icon, iconPosition = 'before', menuButton, menuIcon, primaryActionButton, shape = 'rounded', size = 'medium' } = props;
+    const baseId = (0, _reactutilities.useId)('splitButton-');
+    const menuButtonShorthand = _reactutilities.slot.optional(menuButton, {
         defaultProps: {
             appearance,
             disabled,
@@ -24,9 +26,9 @@ const useSplitButton_unstable = (props, ref)=>{
             size
         },
         renderByDefault: true,
-        elementType: _menuButton.MenuButton
+        elementType: _MenuButton.MenuButton
     });
-    const primaryActionButtonShorthand = _reactUtilities.slot.optional(primaryActionButton, {
+    const primaryActionButtonShorthand = _reactutilities.slot.optional(primaryActionButton, {
         defaultProps: {
             appearance,
             children,
@@ -39,7 +41,7 @@ const useSplitButton_unstable = (props, ref)=>{
             size
         },
         renderByDefault: true,
-        elementType: _button.Button
+        elementType: _Button.Button
     }); // Resolve menu button's aria-labelledby to be labelled by the primary action button if not a label was not provided
     // by the user.
     if (menuButtonShorthand && primaryActionButtonShorthand && !menuButtonShorthand['aria-label'] && !menuButtonShorthand['aria-labelledby']) {
@@ -55,10 +57,10 @@ const useSplitButton_unstable = (props, ref)=>{
         size,
         components: {
             root: 'div',
-            menuButton: _menuButton.MenuButton,
-            primaryActionButton: _button.Button
+            menuButton: _MenuButton.MenuButton,
+            primaryActionButton: _Button.Button
         },
-        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
+        root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
             ref,
             ...props
         }), {