@fluentui/react-button 9.3.3 → 9.3.5

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","renderMenuButton_1","useMenuButton_1","useMenuButtonStyles_1","react_shared_contexts_1","exports","MenuButton","forwardRef","props","ref","state","useMenuButton_unstable","useMenuButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderMenuButton_unstable","displayName"],"sources":["../src/packages/react-components/react-button/src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderMenuButton_unstable } from './renderMenuButton';\nimport { useMenuButton_unstable } from './useMenuButton';\nimport { useMenuButtonStyles_unstable } from './useMenuButtonStyles';\nimport type { MenuButtonProps } from './MenuButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close\n * menus.\n */\nexport const MenuButton: ForwardRefComponent<MenuButtonProps> = React.forwardRef((props, ref) => {\n  const state = useMenuButton_unstable(props, ref);\n\n  useMenuButtonStyles_unstable(state);\n\n  const { useMenuButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderMenuButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<MenuButtonProps>;\n\nMenuButton.displayName = 'MenuButton';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,kBAAA,gBAAAD,OAAA;AACA,MAAAE,eAAA,gBAAAF,OAAA;AACA,MAAAG,qBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;;AAIaK,OAAA,CAAAC,UAAU,gBAAyCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC9F,MAAMC,KAAK,GAAGR,eAAA,CAAAS,sBAAsB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEhDN,qBAAA,CAAAS,4BAA4B,CAACF,KAAK,CAAC;EAEnC,MAAM;IAAEE,4BAA4B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACxFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOT,kBAAA,CAAAc,yBAAyB,CAACL,KAAK,CAAC;EACvC;AACF,CAAC,CAAyC;;AAE1CL,OAAA,CAAAC,UAAU,CAACU,WAAW,GAAG,YAAY"}
+{"version":3,"sources":["../../../lib/components/MenuButton/MenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderMenuButton_unstable } from './renderMenuButton';\nimport { useMenuButton_unstable } from './useMenuButton';\nimport { useMenuButtonStyles_unstable } from './useMenuButtonStyles';\nimport { useCustomStyleHooks_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 */\nexport const MenuButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useMenuButton_unstable(props, ref);\n  useMenuButtonStyles_unstable(state);\n  const {\n    useMenuButtonStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderMenuButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nMenuButton.displayName = 'MenuButton';\n//# sourceMappingURL=MenuButton.js.map"],"names":["MenuButton","React","forwardRef","props","ref","state","useMenuButton_unstable","useMenuButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderMenuButton_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;kCACmB;+BACH;qCACM;qCACA;AAKtC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,iDAA4B,EAACF;IAC7B,MAAM,EACJE,8BAA8BC,gBAAe,EAC9C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,2CAAyB,EAACL;AACjC,0FAA0F;AAC5F;AAEAL,WAAWW,WAAW,GAAG,cACzB,sCAAsC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-button/src/components/MenuButton/MenuButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonSlots, ButtonState } from '../Button/Button.types';\n\nexport type MenuButtonSlots = ButtonSlots & {\n  /**\n   * Menu icon that indicates that this button has a menu that can be expanded.\n   */\n  menuIcon?: Slot<'span'>;\n};\n\nexport type MenuButtonProps = ComponentProps<MenuButtonSlots> &\n  Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'shape' | 'size'>;\n\nexport type MenuButtonState = ComponentState<MenuButtonSlots> &\n  Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/MenuButton/MenuButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=MenuButton.types.js.map"],"names":[],"mappings":";;;;CACA,4CAA4C"}

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

@@ -1,25 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMenuButtonStyles_unstable = exports.menuButtonClassNames = void 0;
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./MenuButton.types"), exports);
-tslib_1.__exportStar(require("./MenuButton"), exports);
-tslib_1.__exportStar(require("./renderMenuButton"), exports);
-tslib_1.__exportStar(require("./useMenuButton"), exports);
-var useMenuButtonStyles_1 = /*#__PURE__*/require("./useMenuButtonStyles");
-Object.defineProperty(exports, "menuButtonClassNames", {
-  enumerable: true,
-  get: function () {
-    return useMenuButtonStyles_1.menuButtonClassNames;
-  }
+    value: true
 });
-Object.defineProperty(exports, "useMenuButtonStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return useMenuButtonStyles_1.useMenuButtonStyles_unstable;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    menuButtonClassNames: ()=>_useMenuButtonStyles.menuButtonClassNames,
+    useMenuButtonStyles_unstable: ()=>_useMenuButtonStyles.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 _useMenuButtonStyles = require("./useMenuButtonStyles");
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports","useMenuButtonStyles_1","Object","defineProperty","enumerable","get","menuButtonClassNames","useMenuButtonStyles_unstable"],"sources":["../src/packages/react-components/react-button/src/components/MenuButton/index.ts"],"sourcesContent":["export * from './MenuButton.types';\nexport * from './MenuButton';\nexport * from './renderMenuButton';\nexport * from './useMenuButton';\nexport { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles';\n"],"mappings":";;;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,kBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACA,IAAAC,qBAAA,gBAAAF,OAAA;AAASG,MAAA,CAAAC,cAAA,CAAAH,OAAA;EAAAI,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAJ,qBAAA,CAAAK,oBAAoB;EAAA;AAAA;AAAEJ,MAAA,CAAAC,cAAA,CAAAH,OAAA;EAAAI,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAJ,qBAAA,CAAAM,4BAA4B;EAAA;AAAA"}
+{"version":3,"sources":["../../../lib/components/MenuButton/index.js"],"sourcesContent":["export * from './MenuButton.types';\nexport * from './MenuButton';\nexport * from './renderMenuButton';\nexport * from './useMenuButton';\nexport { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles';\n//# sourceMappingURL=index.js.map"],"names":["menuButtonClassNames","useMenuButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,oBAAoB,MAApBA,yCAAoB;IAAEC,4BAA4B,MAA5BA,iDAA4B;;;oBAJ7C;oBACA;oBACA;oBACA;qCACqD;CACnE,iCAAiC"}

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

@@ -1,30 +1,18 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderMenuButton_unstable", {
+    enumerable: true,
+    get: ()=>renderMenuButton_unstable
 });
-exports.renderMenuButton_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Renders a MenuButton component by passing the state defined props to the appropriate slots.
- */
-const renderMenuButton_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  const {
-    icon,
-    iconOnly
-  } = state;
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, slots.icon && React.createElement(slots.icon, {
-    ...slotProps.icon
-  }), !iconOnly && slotProps.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && slots.menuIcon && React.createElement(slots.menuIcon, {
-    ...slotProps.menuIcon
-  }));
-};
-exports.renderMenuButton_unstable = renderMenuButton_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 renderMenuButton_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    const { icon , iconOnly  } = state;
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slots.icon && /*#__PURE__*/ _react.createElement(slots.icon, slotProps.icon), !iconOnly && slotProps.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && slots.menuIcon && /*#__PURE__*/ _react.createElement(slots.menuIcon, slotProps.menuIcon));
+}; //# sourceMappingURL=renderMenuButton.js.map
+
 //# sourceMappingURL=renderMenuButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","renderMenuButton_unstable","state","slots","slotProps","getSlots","icon","iconOnly","createElement","root","children","menuIcon","exports"],"sources":["../src/packages/react-components/react-button/src/components/MenuButton/renderMenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';\n\n/**\n * Renders a MenuButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderMenuButton_unstable = (state: MenuButtonState) => {\n  const { slots, slotProps } = getSlots<MenuButtonSlots>(state);\n  const { icon, iconOnly } = state;\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.icon && <slots.icon {...slotProps.icon} />}\n      {!iconOnly && slotProps.root.children}\n      {(!iconOnly || !icon?.children) && slots.menuIcon && <slots.menuIcon {...slotProps.menuIcon} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,yBAAyB,GAAIC,KAAsB,IAAI;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAkBH,KAAK,CAAC;EAC7D,MAAM;IAAEI,IAAI;IAAEC;EAAQ,CAAE,GAAGL,KAAK;EAEhC,OACEJ,KAAA,CAAAU,aAAA,CAACL,KAAK,CAACM,IAAI;IAAA,GAAKL,SAAS,CAACK;EAAI,GAC3BN,KAAK,CAACG,IAAI,IAAIR,KAAA,CAAAU,aAAA,CAACL,KAAK,CAACG,IAAI;IAAA,GAAKF,SAAS,CAACE;EAAI,EAAI,EAChD,CAACC,QAAQ,IAAIH,SAAS,CAACK,IAAI,CAACC,QAAQ,EACpC,CAAC,CAACH,QAAQ,IAAI,EAACD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,QAAQ,MAAKP,KAAK,CAACQ,QAAQ,IAAIb,KAAA,CAAAU,aAAA,CAACL,KAAK,CAACQ,QAAQ;IAAA,GAAKP,SAAS,CAACO;EAAQ,EAAI,CACpF;AAEjB,CAAC;AAXYC,OAAA,CAAAX,yBAAyB,GAAAA,yBAAA"}
+{"version":3,"sources":["../../../lib/components/MenuButton/renderMenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Renders a MenuButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderMenuButton_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  const {\n    icon,\n    iconOnly\n  } = state;\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon), !iconOnly && slotProps.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && slots.menuIcon && /*#__PURE__*/React.createElement(slots.menuIcon, slotProps.menuIcon));\n};\n//# sourceMappingURL=renderMenuButton.js.map"],"names":["renderMenuButton_unstable","state","slots","slotProps","getSlots","icon","iconOnly","React","createElement","root","children","menuIcon"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,4BAA4BC,CAAAA,QAAS;IAChD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,MAAM,EACJI,KAAI,EACJC,SAAQ,EACT,GAAGL;IACJ,OAAO,WAAW,GAAEM,OAAMC,aAAa,CAACN,MAAMO,IAAI,EAAEN,UAAUM,IAAI,EAAEP,MAAMG,IAAI,IAAI,WAAW,GAAEE,OAAMC,aAAa,CAACN,MAAMG,IAAI,EAAEF,UAAUE,IAAI,GAAG,CAACC,YAAYH,UAAUM,IAAI,CAACC,QAAQ,EAAE,AAAC,CAAA,CAACJ,YAAY,CAAED,CAAAA,SAAS,IAAI,IAAIA,SAAS,KAAK,IAAI,KAAK,IAAIA,KAAKK,QAAQ,AAAD,CAAC,KAAMR,MAAMS,QAAQ,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACN,MAAMS,QAAQ,EAAER,UAAUQ,QAAQ;AAC5V,GACA,4CAA4C"}

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

@@ -1,41 +1,38 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useMenuButton_unstable", {
+    enumerable: true,
+    get: ()=>useMenuButton_unstable
 });
-exports.useMenuButton_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const index_1 = /*#__PURE__*/require("../Button/index");
-/**
- * Given user props, returns the final state for a MenuButton.
- */
-const useMenuButton_unstable = ({
-  menuIcon,
-  ...props
-}, ref) => {
-  var _a;
-  const buttonState = index_1.useButton_unstable(props, ref);
-  buttonState.root['aria-expanded'] = (_a = props['aria-expanded']) !== null && _a !== void 0 ? _a : false;
-  return {
-    // Button state
-    ...buttonState,
-    // State calculated from a set of props
-    iconOnly: Boolean(!props.children),
-    // Slots definition
-    components: {
-      root: 'button',
-      icon: 'span',
-      menuIcon: 'span'
-    },
-    menuIcon: react_utilities_1.resolveShorthand(menuIcon, {
-      defaultProps: {
-        children: React.createElement(react_icons_1.ChevronDownRegular, null)
-      },
-      required: true
-    })
-  };
-};
-exports.useMenuButton_unstable = 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 _index = require("../Button/index");
+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;
+    return {
+        // Button state
+        ...buttonState,
+        // State calculated from a set of props
+        iconOnly: Boolean(!props.children),
+        // Slots definition
+        components: {
+            root: 'button',
+            icon: 'span',
+            menuIcon: 'span'
+        },
+        menuIcon: (0, _reactUtilities.resolveShorthand)(menuIcon, {
+            defaultProps: {
+                children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronDownRegular, null)
+            },
+            required: true
+        })
+    };
+}; //# sourceMappingURL=useMenuButton.js.map
+
 //# sourceMappingURL=useMenuButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_icons_1","react_utilities_1","index_1","useMenuButton_unstable","menuIcon","props","ref","buttonState","useButton_unstable","root","_a","iconOnly","Boolean","children","components","icon","resolveShorthand","defaultProps","createElement","ChevronDownRegular","required","exports"],"sources":["../src/packages/react-components/react-button/src/components/MenuButton/useMenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\nimport type { MenuButtonProps, MenuButtonState } from './MenuButton.types';\n\n/**\n * Given user props, returns the final state for a MenuButton.\n */\nexport const useMenuButton_unstable = (\n  { menuIcon, ...props }: MenuButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): MenuButtonState => {\n  const buttonState = useButton_unstable(props, ref);\n  buttonState.root['aria-expanded'] = props['aria-expanded'] ?? false;\n\n  return {\n    // Button state\n    ...buttonState,\n\n    // State calculated from a set of props\n    iconOnly: Boolean(!props.children),\n\n    // Slots definition\n    components: {\n      root: 'button',\n      icon: 'span',\n      menuIcon: 'span',\n    },\n\n    menuIcon: resolveShorthand(menuIcon, {\n      defaultProps: {\n        children: <ChevronDownRegular />,\n      },\n      required: true,\n    }),\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AACA,MAAAG,OAAA,gBAAAH,OAAA;AAGA;;;AAGO,MAAMI,sBAAsB,GAAGA,CACpC;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAmB,EACvCC,GAAqD,KAClC;;EACnB,MAAMC,WAAW,GAAGL,OAAA,CAAAM,kBAAkB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAClDC,WAAW,CAACE,IAAI,CAAC,eAAe,CAAC,GAAG,CAAAC,EAAA,GAAAL,KAAK,CAAC,eAAe,CAAC,cAAAK,EAAA,cAAAA,EAAA,GAAI,KAAK;EAEnE,OAAO;IACL;IACA,GAAGH,WAAW;IAEd;IACAI,QAAQ,EAAEC,OAAO,CAAC,CAACP,KAAK,CAACQ,QAAQ,CAAC;IAElC;IACAC,UAAU,EAAE;MACVL,IAAI,EAAE,QAAQ;MACdM,IAAI,EAAE,MAAM;MACZX,QAAQ,EAAE;KACX;IAEDA,QAAQ,EAAEH,iBAAA,CAAAe,gBAAgB,CAACZ,QAAQ,EAAE;MACnCa,YAAY,EAAE;QACZJ,QAAQ,EAAEf,KAAA,CAAAoB,aAAA,CAAClB,aAAA,CAAAmB,kBAAkB;OAC9B;MACDC,QAAQ,EAAE;KACX;GACF;AACH,CAAC;AA5BYC,OAAA,CAAAlB,sBAAsB,GAAAA,sBAAA"}
+{"version":3,"sources":["../../../lib/components/MenuButton/useMenuButton.js"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownRegular } from '@fluentui/react-icons';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\n/**\n * Given user props, returns the final state for a MenuButton.\n */\nexport const useMenuButton_unstable = ({\n  menuIcon,\n  ...props\n}, 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: resolveShorthand(menuIcon, {\n      defaultProps: {\n        children: /*#__PURE__*/React.createElement(ChevronDownRegular, null)\n      },\n      required: true\n    })\n  };\n};\n//# sourceMappingURL=useMenuButton.js.map"],"names":["useMenuButton_unstable","menuIcon","props","ref","buttonState","useButton_unstable","_props_ariaexpanded","root","iconOnly","Boolean","children","components","icon","resolveShorthand","defaultProps","React","createElement","ChevronDownRegular","required"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;4BACY;gCACF;uBACE;AAI5B,MAAMA,yBAAyB,CAAC,EACrCC,SAAQ,EACR,GAAGC,OACJ,EAAEC,MAAQ;IACT,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;QACL,eAAe;QACf,GAAGF,WAAW;QACd,uCAAuC;QACvCI,UAAUC,QAAQ,CAACP,MAAMQ,QAAQ;QACjC,mBAAmB;QACnBC,YAAY;YACVJ,MAAM;YACNK,MAAM;YACNX,UAAU;QACZ;QACAA,UAAUY,IAAAA,gCAAgB,EAACZ,UAAU;YACnCa,cAAc;gBACZJ,UAAU,WAAW,GAAEK,OAAMC,aAAa,CAACC,8BAAkB,EAAE,IAAI;YACrE;YACAC,UAAU,IAAI;QAChB;IACF;AACF,GACA,yCAAyC"}

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

@@ -1,117 +1,177 @@
 "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, {
+    menuButtonClassNames: ()=>menuButtonClassNames,
+    useMenuButtonStyles_unstable: ()=>useMenuButtonStyles_unstable
 });
-exports.useMenuButtonStyles_unstable = exports.menuButtonClassNames = void 0;
-const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const useButtonStyles_1 = /*#__PURE__*/require("../Button/useButtonStyles");
-exports.menuButtonClassNames = {
-  root: 'fui-MenuButton',
-  icon: 'fui-MenuButton__icon',
-  menuIcon: 'fui-MenuButton__menuIcon'
+const _react = require("@griffel/react");
+const _useButtonStyles = require("../Button/useButtonStyles");
+const menuButtonClassNames = {
+    root: 'fui-MenuButton',
+    icon: 'fui-MenuButton__icon',
+    menuIcon: 'fui-MenuButton__menuIcon'
 };
-const useRootExpandedStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    D0sxk3: "fxoiby5",
-    t6yez3: "f15q0o9g"
-  },
-  outline: {
-    g2u3we: "f1ly1fcm",
-    h3c5rm: ["fi8bssc", "fj6btzu"],
-    B9xav0g: "f1s9tnsa",
-    zhjwy3: ["fj6btzu", "fi8bssc"],
-    B4j52fo: "fgx37oo",
-    Bekrc4i: ["f130t4y6", "f1efpmoh"],
-    Bn0qgzm: "fv51ejd",
-    ibv6hh: ["f1efpmoh", "f130t4y6"],
-    sj55zd: "f14nttnl"
-  },
-  primary: {
-    De3pzq: "f8w4g0q"
-  },
-  secondary: {
-    De3pzq: "f1nfm20t",
-    g2u3we: "f1ly1fcm",
-    h3c5rm: ["fi8bssc", "fj6btzu"],
-    B9xav0g: "f1s9tnsa",
-    zhjwy3: ["fj6btzu", "fi8bssc"],
-    sj55zd: "f14nttnl"
-  },
-  subtle: {
-    De3pzq: "fq5gl1p",
-    sj55zd: "f1eryozh"
-  },
-  transparent: {
-    De3pzq: "f1q9pm1r",
-    sj55zd: "f1qj7y59"
-  }
+const useRootExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        D0sxk3: "fxoiby5",
+        t6yez3: "f15q0o9g"
+    },
+    outline: {
+        g2u3we: "f1ly1fcm",
+        h3c5rm: [
+            "fi8bssc",
+            "fj6btzu"
+        ],
+        B9xav0g: "f1s9tnsa",
+        zhjwy3: [
+            "fj6btzu",
+            "fi8bssc"
+        ],
+        B4j52fo: "fgx37oo",
+        Bekrc4i: [
+            "f130t4y6",
+            "f1efpmoh"
+        ],
+        Bn0qgzm: "fv51ejd",
+        ibv6hh: [
+            "f1efpmoh",
+            "f130t4y6"
+        ],
+        sj55zd: "f14nttnl"
+    },
+    primary: {
+        De3pzq: "f8w4g0q"
+    },
+    secondary: {
+        De3pzq: "f1nfm20t",
+        g2u3we: "f1ly1fcm",
+        h3c5rm: [
+            "fi8bssc",
+            "fj6btzu"
+        ],
+        B9xav0g: "f1s9tnsa",
+        zhjwy3: [
+            "fj6btzu",
+            "fi8bssc"
+        ],
+        sj55zd: "f14nttnl"
+    },
+    subtle: {
+        De3pzq: "fq5gl1p",
+        sj55zd: "f1eryozh"
+    },
+    transparent: {
+        De3pzq: "f1q9pm1r",
+        sj55zd: "f1qj7y59"
+    }
 }, {
-  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);}"]
+    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);}"
+    ]
 });
-const useIconExpandedStyles = /*#__PURE__*/react_1.__styles({
-  outline: {
-    sj55zd: "f14nttnl"
-  },
-  primary: {},
-  secondary: {
-    sj55zd: "f14nttnl"
-  },
-  subtle: {
-    sj55zd: "f1qj7y59"
-  },
-  transparent: {
-    sj55zd: "f1qj7y59"
-  }
+const useIconExpandedStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    outline: {
+        sj55zd: "f14nttnl"
+    },
+    primary: {},
+    secondary: {
+        sj55zd: "f14nttnl"
+    },
+    subtle: {
+        sj55zd: "f1qj7y59"
+    },
+    transparent: {
+        sj55zd: "f1qj7y59"
+    }
 }, {
-  d: [".f14nttnl{color:var(--colorNeutralForeground1Selected);}", ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"]
+    d: [
+        ".f14nttnl{color:var(--colorNeutralForeground1Selected);}",
+        ".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}"
+    ]
 });
-const useMenuIconStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    Bg96gwp: "fez10in"
-  },
-  small: {
-    Be2twd7: "f1ugzwwg",
-    Bqenvij: "fvblgha",
-    Bg96gwp: "fwrc4pm",
-    a9b677: "frx94fk"
-  },
-  medium: {
-    Be2twd7: "f1ugzwwg",
-    Bqenvij: "fvblgha",
-    Bg96gwp: "fwrc4pm",
-    a9b677: "frx94fk"
-  },
-  large: {
-    Be2twd7: "f4ybsrx",
-    Bqenvij: "fd461yt",
-    Bg96gwp: "faaz57k",
-    a9b677: "fjw5fx7"
-  },
-  notIconOnly: {
-    Frg6f3: ["fbyavb5", "fm0x6gh"]
-  }
+const useMenuIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        Bg96gwp: "fez10in"
+    },
+    small: {
+        Be2twd7: "f1ugzwwg",
+        Bqenvij: "fvblgha",
+        Bg96gwp: "fwrc4pm",
+        a9b677: "frx94fk"
+    },
+    medium: {
+        Be2twd7: "f1ugzwwg",
+        Bqenvij: "fvblgha",
+        Bg96gwp: "fwrc4pm",
+        a9b677: "frx94fk"
+    },
+    large: {
+        Be2twd7: "f4ybsrx",
+        Bqenvij: "fd461yt",
+        Bg96gwp: "faaz57k",
+        a9b677: "fjw5fx7"
+    },
+    notIconOnly: {
+        Frg6f3: [
+            "fbyavb5",
+            "fm0x6gh"
+        ]
+    }
 }, {
-  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);}"]
+    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);}"
+    ]
 });
-const useMenuButtonStyles_unstable = state => {
-  const rootExpandedStyles = useRootExpandedStyles();
-  const iconExpandedStyles = useIconExpandedStyles();
-  const menuIconStyles = useMenuIconStyles();
-  state.root.className = react_1.mergeClasses(exports.menuButtonClassNames.root, state.root['aria-expanded'] && rootExpandedStyles.base, state.root['aria-expanded'] && rootExpandedStyles[state.appearance], state.root.className);
-  if (state.icon) {
-    state.icon.className = react_1.mergeClasses(exports.menuButtonClassNames.icon, state.root['aria-expanded'] && iconExpandedStyles[state.appearance], state.icon.className);
-  }
-  if (state.menuIcon) {
-    state.menuIcon.className = react_1.mergeClasses(exports.menuButtonClassNames.menuIcon, menuIconStyles.base, menuIconStyles[state.size], !state.iconOnly && menuIconStyles.notIconOnly, state.menuIcon.className);
-  }
-  useButtonStyles_1.useButtonStyles_unstable({
-    ...state,
-    iconPosition: 'before'
-  });
-  return state;
-};
-exports.useMenuButtonStyles_unstable = useMenuButtonStyles_unstable;
+const useMenuButtonStyles_unstable = (state)=>{
+    const rootExpandedStyles = useRootExpandedStyles();
+    const iconExpandedStyles = useIconExpandedStyles();
+    const menuIconStyles = useMenuIconStyles();
+    state.root.className = (0, _react.mergeClasses)(menuButtonClassNames.root, state.root['aria-expanded'] && rootExpandedStyles.base, state.root['aria-expanded'] && rootExpandedStyles[state.appearance], state.root.className);
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(menuButtonClassNames.icon, state.root['aria-expanded'] && iconExpandedStyles[state.appearance], state.icon.className);
+    }
+    if (state.menuIcon) {
+        state.menuIcon.className = (0, _react.mergeClasses)(menuButtonClassNames.menuIcon, menuIconStyles.base, menuIconStyles[state.size], !state.iconOnly && menuIconStyles.notIconOnly, state.menuIcon.className);
+    }
+    (0, _useButtonStyles.useButtonStyles_unstable)({
+        ...state,
+        iconPosition: 'before'
+    });
+    return state;
+}; //# sourceMappingURL=useMenuButtonStyles.js.map
+
 //# sourceMappingURL=useMenuButtonStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_icons_1","require","react_theme_1","react_1","useButtonStyles_1","exports","menuButtonClassNames","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","useMenuIconStyles","Bg96gwp","small","Be2twd7","Bqenvij","a9b677","medium","large","notIconOnly","Frg6f3","useMenuButtonStyles_unstable","state","rootExpandedStyles","iconExpandedStyles","menuIconStyles","className","mergeClasses","appearance","size","iconOnly","useButtonStyles_unstable","iconPosition"],"sources":["../src/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses, makeStyles, shorthands } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles';\nimport type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';\n\nexport const menuButtonClassNames: SlotClassNames<MenuButtonSlots> = {\n  root: 'fui-MenuButton',\n  icon: 'fui-MenuButton__icon',\n  menuIcon: 'fui-MenuButton__menuIcon',\n};\n\nconst useRootExpandedStyles = makeStyles({\n  base: {\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none',\n    },\n  },\n\n  // Appearance variations\n  outline: {\n    ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n    ...shorthands.borderWidth(tokens.strokeWidthThicker),\n    color: tokens.colorNeutralForeground1Selected,\n  },\n  primary: {\n    backgroundColor: tokens.colorBrandBackgroundSelected,\n  },\n  secondary: {\n    backgroundColor: tokens.colorNeutralBackground1Selected,\n    ...shorthands.borderColor(tokens.colorNeutralStroke1Selected),\n    color: tokens.colorNeutralForeground1Selected,\n  },\n  subtle: {\n    backgroundColor: tokens.colorSubtleBackgroundSelected,\n    color: tokens.colorNeutralForeground2Selected,\n  },\n  transparent: {\n    backgroundColor: tokens.colorTransparentBackgroundSelected,\n    color: tokens.colorNeutralForeground2BrandSelected,\n  },\n});\n\nconst useIconExpandedStyles = makeStyles({\n  // Appearance variations\n  outline: {\n    color: tokens.colorNeutralForeground1Selected,\n  },\n  primary: {\n    /* The primary styles are exactly the same as the base styles. */\n  },\n  secondary: {\n    color: tokens.colorNeutralForeground1Selected,\n  },\n  subtle: {\n    color: tokens.colorNeutralForeground2BrandSelected,\n  },\n  transparent: {\n    color: tokens.colorNeutralForeground2BrandSelected,\n  },\n});\n\nconst useMenuIconStyles = makeStyles({\n  base: {\n    lineHeight: 0,\n  },\n\n  // Size appearance\n  small: {\n    fontSize: '12px',\n    height: '12px',\n    lineHeight: tokens.lineHeightBase200,\n    width: '12px',\n  },\n  medium: {\n    fontSize: '12px',\n    height: '12px',\n    lineHeight: tokens.lineHeightBase200,\n    width: '12px',\n  },\n  large: {\n    fontSize: '16px',\n    height: '16px',\n    lineHeight: tokens.lineHeightBase400,\n    width: '16px',\n  },\n\n  // Not-icon only\n  notIconOnly: {\n    marginLeft: tokens.spacingHorizontalXS,\n  },\n});\n\nexport const useMenuButtonStyles_unstable = (state: MenuButtonState): MenuButtonState => {\n  const rootExpandedStyles = useRootExpandedStyles();\n  const iconExpandedStyles = useIconExpandedStyles();\n  const menuIconStyles = useMenuIconStyles();\n\n  state.root.className = mergeClasses(\n    menuButtonClassNames.root,\n    state.root['aria-expanded'] && rootExpandedStyles.base,\n    state.root['aria-expanded'] && rootExpandedStyles[state.appearance],\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      menuButtonClassNames.icon,\n      state.root['aria-expanded'] && iconExpandedStyles[state.appearance],\n      state.icon.className,\n    );\n  }\n\n  if (state.menuIcon) {\n    state.menuIcon.className = mergeClasses(\n      menuButtonClassNames.menuIcon,\n      menuIconStyles.base,\n      menuIconStyles[state.size],\n      !state.iconOnly && menuIconStyles.notIconOnly,\n      state.menuIcon.className,\n    );\n  }\n\n  useButtonStyles_unstable({ ...state, iconPosition: 'before' });\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/MenuButton/useMenuButtonStyles.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';\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}, {\n  d: [\".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"]\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], 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.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","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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"}