@fluentui/react-button 9.0.0-alpha.10 → 9.0.0-alpha.100

package/lib-commonjs/components/Button/useButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useButtonStyles.js","sourceRoot":"../src/","sources":["components/Button/useButtonStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { ButtonState, ButtonStyleSelectors, ButtonVariantTokens } from './Button.types';\nimport { ax, makeStylesCompat } from '@fluentui/react-make-styles';\nimport { Theme } from '@fluentui/react-theme';\n\n// TODO: These are named in design specs but not hoisted to global/alias yet.\n//       We're tracking these here to determine how we can hoist them.\nconst buttonSpacing = {\n  smallest: '2px',\n  smaller: '4px',\n  small: '6px',\n  medium: '8px',\n  large: '12px',\n  larger: '16px',\n};\n\n// We do not want a combinatorial explosion of component variables for variants (bg, bgPrimary, etc)\n// We want a fixed interface of variables for a given component and to alter those between variants\nexport const makeButtonTokens = (theme: Theme): ButtonVariantTokens => ({\n  base: {\n    // TODO: these are not in the global/alias theme currently\n    // When they are shown in the token UI, we need to make it clear there is no global/alias mapping support\n    height: '32px',\n    paddingX: buttonSpacing.large,\n    paddingY: '0',\n    minWidth: '96px',\n    maxWidth: '280px',\n\n    color: theme.alias.color.neutral.neutralForeground1,\n    content2Color: theme.alias.color.neutral.neutralForeground2,\n    background: theme.alias.color.neutral.neutralBackground1,\n    backgroundPressed: theme.alias.color.neutral.neutralBackground1,\n\n    borderRadius: theme.global.borderRadius.medium,\n    borderWidth: theme.global.strokeWidth.thin,\n    borderColor: theme.alias.color.neutral.neutralStroke1,\n\n    backgroundHover: theme.alias.color.neutral.neutralBackground1Hover,\n    borderColorHover: theme.alias.color.neutral.neutralStroke1Hover,\n\n    backgroundActive: theme.alias.color.neutral.neutralBackground1Pressed,\n    borderColorActive: theme.alias.color.neutral.neutralStroke1Pressed,\n\n    fontWeight: theme.global.type.fontWeights.semibold,\n    fontSize: theme.global.type.fontSizes.base[300],\n    lineHeight: theme.global.type.lineHeights.base[300],\n\n    iconSpacing: buttonSpacing.small,\n    iconWidth: '20px',\n    iconHeight: '20px',\n  },\n  disabled: {\n    background: theme.alias.color.neutral.neutralBackgroundDisabled,\n    borderColor: theme.alias.color.neutral.neutralStrokeDisabled,\n    color: theme.alias.color.neutral.neutralForegroundDisabled,\n    content2Color: theme.alias.color.neutral.neutralForegroundDisabled,\n  },\n  small: {\n    paddingX: buttonSpacing.medium,\n    borderRadius: theme.global.borderRadius.small,\n    // TODO: design spec says minWidth \"can be toggled off\", consider prop like compact?\n    minWidth: '64px',\n    height: '24px',\n    fontSize: theme.global.type.fontSizes.base[200],\n    lineHeight: theme.global.type.fontSizes.base[200],\n    fontWeight: theme.global.type.fontWeights.regular,\n  },\n  large: {\n    paddingX: buttonSpacing.larger,\n    height: '40px',\n    borderRadius: theme.global.borderRadius.medium,\n    fontSize: theme.global.type.fontSizes.base[400],\n    // TODO: 24px is not on the global ramp of line heights\n    //       22px = theme.global.type.lineHeights.base[400]\n    //       28px = theme.global.type.lineHeights.base[500]\n    lineHeight: '24px',\n    iconWidth: '24px',\n    iconHeight: '24px',\n    iconSpacing: buttonSpacing.small,\n  },\n  // TODO: Would be ideal to automate a check to ensure when a variant is accessed, all the tokens are accessed as well.\n  //       If not, it means there is cruft in the variant tokens definition.\n  //       All tokens in a variant should be mapped to some style property.\n  iconOnly: {\n    paddingX: buttonSpacing.small,\n    paddingY: buttonSpacing.small,\n    minWidth: '32px',\n    maxWidth: '32px',\n  },\n  // TODO: combinatorial \"variants\" is wrong, we already have iconOnly and small.\n  //       we essentially need to update component token mappings based on variant matchers.\n  //       fow the sake of progress for now, we're extending variants to have combinations.\n  iconOnlySmall: {\n    paddingX: buttonSpacing.smallest,\n    paddingY: buttonSpacing.smallest,\n    borderRadius: theme.global.borderRadius.small,\n    minWidth: '24px',\n    maxWidth: '24px',\n  },\n  iconOnlyLarge: {\n    paddingX: buttonSpacing.small,\n    paddingY: buttonSpacing.small,\n    borderRadius: theme.global.borderRadius.medium,\n    minWidth: '40px',\n    maxWidth: '40px',\n  },\n  primary: {\n    color: theme.alias.color.neutral.neutralForegroundInvertedAccessible,\n\n    background: theme.alias.color.brand.brandBackground,\n    borderColor: 'transparent',\n    borderColorHover: 'transparent',\n    borderColorActive: 'transparent',\n\n    backgroundHover: theme.alias.color.brand.brandBackgroundHover,\n    backgroundPressed: theme.alias.color.brand.brandBackgroundPressed,\n\n    // TODO: spec calls out \"shadow 4 __brand__\", are we missing tokens?\n    shadow: theme.alias.shadow.shadow4,\n\n    // TODO: spec calls out \"shadow 2 __darker__\", are we missing tokens?\n    shadowPressed: theme.alias.shadow.shadow2,\n  },\n  primaryDisabled: {\n    background: theme.alias.color.neutral.neutralBackgroundDisabled,\n    // borderColor: theme.alias.color.neutral.neutralStrokeDisabled,\n    color: theme.alias.color.neutral.neutralForegroundDisabled,\n    content2Color: theme.alias.color.neutral.neutralForegroundDisabled,\n    shadow: 'none',\n    shadowPressed: 'none',\n  },\n});\n\nconst useRootStyles = makeStylesCompat<ButtonStyleSelectors>([\n  [\n    null,\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        // TODO: remove unsafe property: https://caniuse.com/?search=gap\n        gap: buttonTokens.base.iconSpacing,\n        // // TODO: 1) ask designers what our vertical align strategy is\n        // //       2) enforce with conformance for inline elements\n        verticalAlign: 'text-bottom',\n        margin: 0,\n\n        padding: `${buttonTokens.base.paddingY} ${buttonTokens.base.paddingX}`,\n        height: buttonTokens.base.height,\n\n        minWidth: buttonTokens.base.minWidth,\n        maxWidth: buttonTokens.base.maxWidth,\n\n        color: buttonTokens.base.color,\n        borderStyle: 'solid',\n        borderRadius: buttonTokens.base.borderRadius,\n        borderWidth: buttonTokens.base.borderWidth,\n        borderColor: buttonTokens.base.borderColor,\n        background: buttonTokens.base.background,\n\n        outline: 'none',\n        ':hover': {\n          background: buttonTokens.base.backgroundHover,\n          borderColor: buttonTokens.base.borderColorHover,\n          cursor: 'pointer',\n        },\n        ':active': {\n          background: buttonTokens.base.backgroundActive,\n          borderColor: buttonTokens.base.borderColorActive,\n          outline: 'none',\n        },\n        // TODO: this is for toggle button only. Use here in regular button?\n        // '.active': theme.alias.color.neutral.neutralStroke1Pressed,\n      };\n    },\n  ],\n  [\n    ({ size }) => size === 'small',\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        padding: `${buttonTokens.small.paddingX} ${buttonTokens.small.paddingY}`,\n        minWidth: buttonTokens.small.minWidth,\n        height: buttonTokens.small.height,\n        borderRadius: buttonTokens.small.borderRadius,\n      };\n    },\n  ],\n  [\n    ({ size }) => size === 'large',\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        gap: buttonTokens.large.iconSpacing,\n        padding: `${buttonTokens.large.paddingX} ${buttonTokens.large.paddingY}`,\n        height: buttonTokens.large.height,\n        borderRadius: buttonTokens.large.borderRadius,\n      };\n    },\n  ],\n  [\n    ({ disabled }) => disabled,\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        background: buttonTokens.disabled.background,\n        borderColor: buttonTokens.disabled.borderColor,\n        color: buttonTokens.disabled.color,\n        ':hover': {\n          background: buttonTokens.disabled.background,\n          borderColor: buttonTokens.disabled.borderColor,\n          cursor: 'default',\n        },\n        ':active': {\n          background: buttonTokens.disabled.background,\n          borderColor: buttonTokens.disabled.borderColor,\n        },\n      };\n    },\n  ],\n  [\n    ({ primary }) => primary,\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        background: buttonTokens.primary.background,\n        color: buttonTokens.primary.color,\n        borderColor: buttonTokens.primary.borderColor,\n        // TODO: spec calls out \"shadow 4 __darker__\", are we missing tokens?\n        boxShadow: buttonTokens.primary.shadow,\n\n        ':hover': {\n          background: buttonTokens.primary.backgroundHover,\n          borderColor: buttonTokens.primary.borderColorHover,\n        },\n\n        ':active': {\n          background: buttonTokens.primary.backgroundPressed,\n          // TODO: spec calls out \"shadow 2 __darker__\", are we missing tokens?\n          boxShadow: buttonTokens.primary.shadow,\n          borderColor: buttonTokens.primary.borderColorActive,\n        },\n\n        // TODO: focus\n      };\n    },\n  ],\n  [\n    ({ primary, disabled }) => primary && disabled,\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        background: buttonTokens.primaryDisabled.background,\n        color: buttonTokens.primaryDisabled.color,\n        boxShadow: buttonTokens.primaryDisabled.shadow,\n        ':hover': {\n          background: buttonTokens.primaryDisabled.background,\n          cursor: 'default',\n        },\n        ':active': {\n          boxShadow: buttonTokens.primaryDisabled.shadowPressed,\n        },\n      };\n    },\n  ],\n  [\n    ({ iconOnly }) => iconOnly,\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        padding: buttonTokens.iconOnly.paddingX,\n        minWidth: buttonTokens.iconOnly.minWidth,\n        maxWidth: buttonTokens.iconOnly.maxWidth,\n      };\n    },\n  ],\n  [\n    ({ iconOnly, size }) => iconOnly && size === 'small',\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        padding: `${buttonTokens.iconOnlySmall.paddingX} ${buttonTokens.iconOnlySmall.paddingY}`,\n        minWidth: buttonTokens.iconOnlySmall.minWidth,\n        maxWidth: buttonTokens.iconOnlySmall.maxWidth,\n        borderRadius: buttonTokens.iconOnlySmall.borderRadius,\n      };\n    },\n  ],\n  [\n    ({ iconOnly, size }) => iconOnly && size === 'large',\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        padding: `${buttonTokens.iconOnlyLarge.paddingX} ${buttonTokens.iconOnlyLarge.paddingY}`,\n        minWidth: buttonTokens.iconOnlyLarge.minWidth,\n        maxWidth: buttonTokens.iconOnlyLarge.maxWidth,\n        borderRadius: buttonTokens.iconOnlyLarge.borderRadius,\n      };\n    },\n  ],\n  // TODO: add disabled before ship prerelease\n]);\n\nconst useChildrenStyles = makeStylesCompat<ButtonStyleSelectors>([\n  [\n    null,\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        // TODO: This is \"Body, Strong (?)\" token in the design spec (14px size, 20px line, semibold weight)\n        //      There are some type aliases in the figma not in our theme as well, not sure if this maps to alias or not\n        fontWeight: buttonTokens.base.fontWeight,\n        fontSize: buttonTokens.base.fontSize,\n        lineHeight: buttonTokens.base.lineHeight,\n      };\n    },\n  ],\n  [\n    ({ size }) => size === 'small',\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        fontSize: buttonTokens.small.fontSize,\n        fontWeight: buttonTokens.small.fontWeight,\n        lineHeight: buttonTokens.small.lineHeight,\n      };\n    },\n  ],\n  [\n    ({ size }) => size === 'large',\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        fontSize: buttonTokens.large.fontSize,\n        lineHeight: buttonTokens.large.lineHeight,\n      };\n    },\n  ],\n]);\n\nconst useIconStyles = makeStylesCompat<ButtonStyleSelectors>([\n  [\n    null,\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: buttonTokens.base.iconHeight,\n        width: buttonTokens.base.iconWidth,\n      };\n    },\n  ],\n  [\n    ({ size }) => size === 'large',\n    theme => {\n      const buttonTokens = makeButtonTokens(theme);\n\n      return {\n        width: buttonTokens.large.iconWidth,\n        height: buttonTokens.large.iconHeight,\n      };\n    },\n  ],\n]);\n\nexport const useButtonStyles = (state: ButtonState, selectors: ButtonStyleSelectors) => {\n  state.className = ax(state.className, useRootStyles(selectors));\n\n  state.children = state.children || { className: '' };\n  state.icon = state.icon || { className: '' };\n\n  state.children.className = ax(state.children.className, useChildrenStyles(selectors));\n  state.icon.className = ax(state.icon.className, useIconStyles(selectors));\n};\n"]}
+{"version":3,"sources":["../../../src/components/Button/useButtonStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}

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

@@ -0,0 +1,6 @@
+import type { CompoundButtonProps } from './CompoundButton.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+/**
+ * CompoundButtons are buttons that can have secondary content that adds extra information to the user.
+ */
+export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CompoundButton = void 0;
+
+var React = /*#__PURE__*/require("react");
+
+var renderCompoundButton_1 = /*#__PURE__*/require("./renderCompoundButton");
+
+var useCompoundButton_1 = /*#__PURE__*/require("./useCompoundButton");
+
+var useCompoundButtonStyles_1 = /*#__PURE__*/require("./useCompoundButtonStyles");
+/**
+ * CompoundButtons are buttons that can have secondary content that adds extra information to the user.
+ */
+
+
+exports.CompoundButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var state = useCompoundButton_1.useCompoundButton(props, ref);
+  useCompoundButtonStyles_1.useCompoundButtonStyles(state);
+  return renderCompoundButton_1.renderCompoundButton(state); // Casting is required due to lack of distributive union to support unions on @types/react
+});
+exports.CompoundButton.displayName = 'CompoundButton';
+//# sourceMappingURL=CompoundButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CompoundButton/CompoundButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,cAAA,gBAA2D,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClG,MAAM,KAAK,GAAG,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AAEA,EAAA,yBAAA,CAAA,uBAAA,CAAwB,KAAxB;AAEA,SAAO,sBAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP,CALkG,CAMlG;AACD,CAPuE,CAA3D;AASb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourceRoot":""}

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

@@ -0,0 +1,14 @@
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
+export declare type CompoundButtonSlots = ButtonSlots & {
+    /**
+     * Second line of text that describes the action this button takes.
+     */
+    secondaryContent?: IntrinsicShorthandProps<'span'>;
+    /**
+     * Container that wraps the children and the secondaryContent slot.
+     */
+    contentContainer: IntrinsicShorthandProps<'span'>;
+};
+export declare type CompoundButtonProps = ComponentProps<CompoundButtonSlots> & Partial<ButtonCommons>;
+export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}

package/lib-commonjs/components/CompoundButton/index.d.ts

@@ -0,0 +1,5 @@
+export * from './CompoundButton';
+export * from './CompoundButton.types';
+export * from './renderCompoundButton';
+export * from './useCompoundButton';
+export { useCompoundButtonStyles } from './useCompoundButtonStyles';

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCompoundButtonStyles = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./CompoundButton"), exports);
+
+tslib_1.__exportStar(require("./CompoundButton.types"), exports);
+
+tslib_1.__exportStar(require("./renderCompoundButton"), exports);
+
+tslib_1.__exportStar(require("./useCompoundButton"), exports);
+
+var useCompoundButtonStyles_1 = /*#__PURE__*/require("./useCompoundButtonStyles");
+
+Object.defineProperty(exports, "useCompoundButtonStyles", {
+  enumerable: true,
+  get: function () {
+    return useCompoundButtonStyles_1.useCompoundButtonStyles;
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CompoundButton/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,IAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,yBAAA,CAAA,uBAAA;AAAuB;AAAvB,CAAA","sourceRoot":""}

package/lib-commonjs/components/CompoundButton/renderCompoundButton.d.ts

@@ -0,0 +1,5 @@
+import type { CompoundButtonState } from './CompoundButton.types';
+/**
+ * Renders a CompoundButton component by passing the state defined props to the appropriate slots.
+ */
+export declare const renderCompoundButton: (state: CompoundButtonState) => JSX.Element;

package/lib-commonjs/components/CompoundButton/renderCompoundButton.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderCompoundButton = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var React = /*#__PURE__*/require("react");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Renders a CompoundButton component by passing the state defined props to the appropriate slots.
+ */
+
+
+var renderCompoundButton = function (state) {
+  var _a = react_utilities_1.getSlots(state, ['root', 'contentContainer', 'icon', 'secondaryContent']),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  var iconOnly = state.iconOnly,
+      iconPosition = state.iconPosition;
+  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), iconPosition !== 'after' && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)), !iconOnly && React.createElement(slots.contentContainer, tslib_1.__assign({}, slotProps.contentContainer), slotProps.root.children, React.createElement(slots.secondaryContent, tslib_1.__assign({}, slotProps.secondaryContent))), iconPosition === 'after' && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)));
+};
+
+exports.renderCompoundButton = renderCompoundButton;
+//# sourceMappingURL=renderCompoundButton.js.map

package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CompoundButton/renderCompoundButton.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAA2B;AACvD,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,EAAqC,CAChE,MADgE,EAEhE,kBAFgE,EAGhE,MAHgE,EAIhE,kBAJgE,CAArC,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAME,MAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAR;AAAA,MAAU,YAAY,GAAK,KAAK,CAAV,YAAtB;AAER,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,YAAY,KAAK,OAAjB,IAA4B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAD/B,EAEG,CAAC,QAAD,IACC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAP,EAAuB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,gBAAf,CAAvB,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAP,EAAuB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,gBAAf,CAAvB,CAFF,CAHJ,EAQG,YAAY,KAAK,OAAjB,IAA4B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAR/B,CADF;AAYD,CArBM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}

package/lib-commonjs/components/CompoundButton/useCompoundButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { CompoundButtonProps, CompoundButtonState } from './CompoundButton.types';
+/**
+ * Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.
+ * @param props - User provided props to the CompoundButton component.
+ * @param ref - User provided ref to be passed to the CompoundButton component.
+ */
+export declare const useCompoundButton: ({ contentContainer, secondaryContent, ...props }: CompoundButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;

package/lib-commonjs/components/CompoundButton/useCompoundButton.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCompoundButton = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+var index_1 = /*#__PURE__*/require("../Button/index");
+/**
+ * Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.
+ * @param props - User provided props to the CompoundButton component.
+ * @param ref - User provided ref to be passed to the CompoundButton component.
+ */
+
+
+var useCompoundButton = function (_a, ref) {
+  var contentContainer = _a.contentContainer,
+      secondaryContent = _a.secondaryContent,
+      props = tslib_1.__rest(_a, ["contentContainer", "secondaryContent"]);
+
+  return tslib_1.__assign(tslib_1.__assign({}, index_1.useButton(props, ref)), {
+    // Slots definition
+    components: {
+      root: 'button',
+      icon: 'span',
+      contentContainer: 'span',
+      secondaryContent: 'span'
+    },
+    contentContainer: react_utilities_1.resolveShorthand(contentContainer, {
+      required: true
+    }),
+    secondaryContent: react_utilities_1.resolveShorthand(secondaryContent)
+  });
+};
+
+exports.useCompoundButton = useCompoundButton;
+//# sourceMappingURL=useCompoundButton.js.map

package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CompoundButton/useCompoundButton.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAEA;;;;AAIG;;;AACI,IAAM,iBAAiB,GAAG,UAC/B,EAD+B,EAE/B,GAF+B,EAEsB;AADnD,MAAA,gBAAgB,GAAA,EAAA,CAAA,gBAAhB;AAAA,MAAkB,gBAAgB,GAAA,EAAA,CAAA,gBAAlC;AAAA,MAAuC,KAAK,GAAA,OAAA,CAAA,MAAA,CAAA,EAAA,EAA9C,CAAA,kBAAA,EAAA,kBAAA,CAA8C,CAA5C;;AAGF,SAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAEK,OAAA,CAAA,SAAA,CAAU,KAAV,EAAiB,GAAjB,CAFL,CAAA,EAE0B;AAExB;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,QADI;AAEV,MAAA,IAAI,EAAE,MAFI;AAGV,MAAA,gBAAgB,EAAE,MAHR;AAIV,MAAA,gBAAgB,EAAE;AAJR,KAHY;AASxB,IAAA,gBAAgB,EAAE,iBAAA,CAAA,gBAAA,CAAiB,gBAAjB,EAAmC;AAAE,MAAA,QAAQ,EAAE;AAAZ,KAAnC,CATM;AAUxB,IAAA,gBAAgB,EAAE,iBAAA,CAAA,gBAAA,CAAiB,gBAAjB;AAVM,GAF1B,CAAA;AAcD,CAlBM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}

package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.d.ts

@@ -0,0 +1,2 @@
+import type { CompoundButtonState } from './CompoundButton.types';
+export declare const useCompoundButtonStyles: (state: CompoundButtonState) => CompoundButtonState;

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

@@ -0,0 +1,175 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCompoundButtonStyles = void 0;
+
+var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+
+var useButtonStyles_1 = /*#__PURE__*/require("../Button/useButtonStyles");
+
+var CompoundButtonClassNames = {
+  secondaryContent: 'CompoundButton-secondaryContent'
+};
+
+var useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "base": {
+    "rmohyg": "fsbu5mz",
+    "Bqenvij": "f11ysow2",
+    "Bekya5a": "f1smw4j4",
+    "Bi863bl": "f1b73140",
+    "B7j81dy": "f19sbf7w"
+  },
+  "outline": {},
+  "primary": {
+    "Bekya5a": "f1wrmfx5",
+    "Bi863bl": "fl6im4w",
+    "B7j81dy": "f1y0ndy"
+  },
+  "subtle": {
+    "Bekya5a": "f1smw4j4",
+    "Bi863bl": "f182e9fe",
+    "B7j81dy": "fdrkfd0"
+  },
+  "transparent": {
+    "Bekya5a": "f1smw4j4",
+    "Bi863bl": "f182e9fe",
+    "B7j81dy": "fdrkfd0"
+  },
+  "small": {
+    "z8tnut": "fp9bwmr",
+    "z189sj": ["f19lj068", "f177v4lu"],
+    "Byoj8tv": "f150uoa4",
+    "uwmqm3": ["f177v4lu", "f19lj068"],
+    "Be2twd7": "fkhj508",
+    "Bg96gwp": "f1i3iumi"
+  },
+  "medium": {
+    "z8tnut": "f1kcqot9",
+    "z189sj": ["f11qrl6u", "fjlbh76"],
+    "Byoj8tv": "fpe6lb7",
+    "uwmqm3": ["fjlbh76", "f11qrl6u"],
+    "Be2twd7": "fkhj508",
+    "Bg96gwp": "f1i3iumi"
+  },
+  "large": {
+    "z8tnut": "fqag9an",
+    "z189sj": ["f1gbmcue", "f1rh9g5y"],
+    "Byoj8tv": "fp67ikv",
+    "uwmqm3": ["f1rh9g5y", "f1gbmcue"],
+    "Be2twd7": "fod5ikn",
+    "Bg96gwp": "faaz57k"
+  },
+  "disabled": {
+    "Bekya5a": "f1ygg8x6",
+    "Bi863bl": "fhtktt2",
+    "B7j81dy": "f1v2jbe6"
+  }
+}, {
+  "d": [".fsbu5mz{gap:12px;}", ".f11ysow2{height:auto;}", ".f1smw4j4 .CompoundButton-secondaryContent{color:var(--colorNeutralForeground2);}", ".f1wrmfx5 .CompoundButton-secondaryContent{color:var(--colorNeutralForegroundOnBrand);}", ".fp9bwmr{padding-top:8px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".f150uoa4{padding-bottom:8px;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1kcqot9{padding-top:12px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fpe6lb7{padding-bottom:12px;}", ".fqag9an{padding-top:16px;}", ".f1gbmcue{padding-right:16px;}", ".f1rh9g5y{padding-left:16px;}", ".fp67ikv{padding-bottom:16px;}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f1ygg8x6 .CompoundButton-secondaryContent{color:var(--colorNeutralForegroundDisabled);}"],
+  "h": [".f1b73140:hover .CompoundButton-secondaryContent{color:var(--colorNeutralForeground2Hover);}", ".fl6im4w:hover .CompoundButton-secondaryContent{color:var(--colorNeutralForegroundOnBrand);}", ".f182e9fe:hover .CompoundButton-secondaryContent{color:var(--colorNeutralForeground2BrandHover);}", ".fhtktt2:hover .CompoundButton-secondaryContent{color:var(--colorNeutralForegroundDisabled);}"],
+  "a": [".f19sbf7w:active .CompoundButton-secondaryContent{color:var(--colorNeutralForeground2Pressed);}", ".f1y0ndy:active .CompoundButton-secondaryContent{color:var(--colorNeutralForegroundOnBrand);}", ".fdrkfd0:active .CompoundButton-secondaryContent{color:var(--colorNeutralForeground2BrandPressed);}", ".f1v2jbe6:active .CompoundButton-secondaryContent{color:var(--colorNeutralForegroundDisabled);}"]
+});
+
+var useRootIconOnlyStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "small": {
+    "z8tnut": "f10ra9hq",
+    "z189sj": ["f8wuabp", "fycuoez"],
+    "Byoj8tv": "f1y2xyjm",
+    "uwmqm3": ["fycuoez", "f8wuabp"],
+    "B2u0y6b": "ft5vyj6",
+    "Bf4jedk": "f17suaiq"
+  },
+  "medium": {
+    "z8tnut": "f1xp5gbu",
+    "z189sj": ["f1sgzk6v", "f1bg5zqg"],
+    "Byoj8tv": "f1d7kygh",
+    "uwmqm3": ["f1bg5zqg", "f1sgzk6v"],
+    "B2u0y6b": "fdczgix",
+    "Bf4jedk": "fjdcg9m"
+  },
+  "large": {
+    "z8tnut": "fp9bwmr",
+    "z189sj": ["f19lj068", "f177v4lu"],
+    "Byoj8tv": "f150uoa4",
+    "uwmqm3": ["f177v4lu", "f19lj068"],
+    "B2u0y6b": "fww51uw",
+    "Bf4jedk": "f1qhsl2h"
+  }
+}, {
+  "d": [".f10ra9hq{padding-top:4px;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1y2xyjm{padding-bottom:4px;}", ".ft5vyj6{max-width:48px;}", ".f17suaiq{min-width:48px;}", ".f1xp5gbu{padding-top:6px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1d7kygh{padding-bottom:6px;}", ".fdczgix{max-width:52px;}", ".fjdcg9m{min-width:52px;}", ".fp9bwmr{padding-top:8px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".f150uoa4{padding-bottom:8px;}", ".fww51uw{max-width:56px;}", ".f1qhsl2h{min-width:56px;}"]
+});
+
+var useIconStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "base": {
+    "Be2twd7": "fndrnj9",
+    "Bqenvij": "fbhnoac",
+    "a9b677": "feqmc2u"
+  }
+}, {
+  "d": [".fndrnj9{font-size:40px;}", ".fbhnoac{height:40px;}", ".feqmc2u{width:40px;}"]
+});
+
+var useContentContainerStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "base": {
+    "mc9l5x": "f22iagw",
+    "Beiy3e4": "f1vx9l62",
+    "fsow6f": ["f1o700av", "fes3tcz"]
+  }
+}, {
+  "d": [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1o700av{text-align:left;}", ".fes3tcz{text-align:right;}"]
+});
+
+var useSecondaryContentStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "base": {
+    "Bg96gwp": "flkuc6h",
+    "B6of3ja": "fvjh0tl",
+    "Bhrd7zp": "figsok6"
+  },
+  "small": {
+    "Be2twd7": "fy9rknc"
+  },
+  "medium": {
+    "Be2twd7": "fy9rknc"
+  },
+  "large": {
+    "Be2twd7": "fkhj508"
+  }
+}, {
+  "d": [".flkuc6h{line-height:100%;}", ".fvjh0tl{margin-top:4px;}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fkhj508{font-size:var(--fontSizeBase300);}"]
+});
+
+var useCompoundButtonStyles = function (state) {
+  var rootStyles = useRootStyles();
+  var rootIconOnlyStyles = useRootIconOnlyStyles();
+  var iconStyles = useIconStyles();
+  var contentContainerStyles = useContentContainerStyles();
+  var secondaryContentStyles = useSecondaryContentStyles();
+  var appearance = state.appearance,
+      disabled = state.disabled,
+      disabledFocusable = state.disabledFocusable,
+      iconOnly = state.iconOnly,
+      size = state.size;
+  state.root.className = react_make_styles_1.mergeClasses( // Root styles
+  rootStyles.base, appearance && rootStyles[appearance], rootStyles[size], // Disabled styles
+  (disabled || disabledFocusable) && rootStyles.disabled, // Icon-only styles
+  iconOnly && rootIconOnlyStyles[size], // User provided class name
+  state.root.className);
+
+  if (state.icon) {
+    state.icon.className = react_make_styles_1.mergeClasses(iconStyles.base, state.icon.className);
+  }
+
+  state.contentContainer.className = react_make_styles_1.mergeClasses(contentContainerStyles.base, state.contentContainer.className);
+
+  if (state.secondaryContent) {
+    state.secondaryContent.className = react_make_styles_1.mergeClasses(CompoundButtonClassNames.secondaryContent, secondaryContentStyles.base, secondaryContentStyles[size], state.secondaryContent.className);
+  }
+
+  useButtonStyles_1.useButtonStyles(state);
+  return state;
+};
+
+exports.useCompoundButtonStyles = useCompoundButtonStyles;
+//# sourceMappingURL=useCompoundButtonStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CompoundButton/useCompoundButtonStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGA,IAAM,wBAAwB,GAAG;AAC/B,EAAA,gBAAgB,EAAE;AADa,CAAjC;;AAIA,IAAM,aAAa,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;;AAwHA,IAAM,qBAAqB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA9B;;AAsBA,IAAM,aAAa,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAtB;;AASA,IAAM,yBAAyB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlC;;AASA,IAAM,yBAAyB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlC;;AAoBO,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,UAAU,GAAG,aAAa,EAAhC;AACA,MAAM,kBAAkB,GAAG,qBAAqB,EAAhD;AACA,MAAM,UAAU,GAAG,aAAa,EAAhC;AACA,MAAM,sBAAsB,GAAG,yBAAyB,EAAxD;AACA,MAAM,sBAAsB,GAAG,yBAAyB,EAAxD;AAEQ,MAAA,UAAU,GAAkD,KAAK,CAAvD,UAAV;AAAA,MAAY,QAAQ,GAAwC,KAAK,CAA7C,QAApB;AAAA,MAAsB,iBAAiB,GAAqB,KAAK,CAA1B,iBAAvC;AAAA,MAAyC,QAAQ,GAAW,KAAK,CAAhB,QAAjD;AAAA,MAAmD,IAAI,GAAK,KAAK,CAAV,IAAvD;AAER,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,EACrB;AACA,EAAA,UAAU,CAAC,IAFU,EAGrB,UAAU,IAAI,UAAU,CAAC,UAAD,CAHH,EAIrB,UAAU,CAAC,IAAD,CAJW,EAMrB;AACA,GAAC,QAAQ,IAAI,iBAAb,KAAmC,UAAU,CAAC,QAPzB,EASrB;AACA,EAAA,QAAQ,IAAI,kBAAkB,CAAC,IAAD,CAVT,EAYrB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAbU,CAAvB;;AAgBA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,UAAU,CAAC,IAAxB,EAA8B,KAAK,CAAC,IAAN,CAAW,SAAzC,CAAvB;AACD;;AAED,EAAA,KAAK,CAAC,gBAAN,CAAuB,SAAvB,GAAmC,mBAAA,CAAA,YAAA,CAAa,sBAAsB,CAAC,IAApC,EAA0C,KAAK,CAAC,gBAAN,CAAuB,SAAjE,CAAnC;;AAEA,MAAI,KAAK,CAAC,gBAAV,EAA4B;AAC1B,IAAA,KAAK,CAAC,gBAAN,CAAuB,SAAvB,GAAmC,mBAAA,CAAA,YAAA,CACjC,wBAAwB,CAAC,gBADQ,EAEjC,sBAAsB,CAAC,IAFU,EAGjC,sBAAsB,CAAC,IAAD,CAHW,EAIjC,KAAK,CAAC,gBAAN,CAAuB,SAJU,CAAnC;AAMD;;AAED,EAAA,iBAAA,CAAA,eAAA,CAAgB,KAAhB;AAEA,SAAO,KAAP;AACD,CA3CM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}

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

@@ -0,0 +1,6 @@
+import type { MenuButtonProps } from './MenuButton.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+/**
+ * MenuButtons are buttons that handle opening and closing a menu when they are triggered.
+ */
+export declare const MenuButton: ForwardRefComponent<MenuButtonProps>;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuButton = void 0;
+
+var React = /*#__PURE__*/require("react");
+
+var renderMenuButton_1 = /*#__PURE__*/require("./renderMenuButton");
+
+var useMenuButton_1 = /*#__PURE__*/require("./useMenuButton");
+
+var useMenuButtonStyles_1 = /*#__PURE__*/require("./useMenuButtonStyles");
+/**
+ * MenuButtons are buttons that handle opening and closing a menu when they are triggered.
+ */
+
+
+exports.MenuButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var state = useMenuButton_1.useMenuButton(props, ref);
+  useMenuButtonStyles_1.useMenuButtonStyles(state);
+  return renderMenuButton_1.renderMenuButton(state); // Casting is required due to lack of distributive union to support unions on @types/react
+});
+exports.MenuButton.displayName = 'MenuButton';
+//# sourceMappingURL=MenuButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAmD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC1F,MAAM,KAAK,GAAG,eAAA,CAAA,aAAA,CAAc,KAAd,EAAqB,GAArB,CAAd;AAEA,EAAA,qBAAA,CAAA,mBAAA,CAAoB,KAApB;AAEA,SAAO,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,CAAP,CAL0F,CAM1F;AACD,CAP+D,CAAnD;AASb,OAAA,CAAA,UAAA,CAAW,WAAX,GAAyB,YAAzB","sourceRoot":""}

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

@@ -0,0 +1,11 @@
+import type { MenuTriggerChildProps } from '@fluentui/react-menu';
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
+export declare type MenuButtonSlots = ButtonSlots & {
+    /**
+     * Menu icon that indicates that this button has a menu that can be expanded.
+     */
+    menuIcon?: IntrinsicShorthandProps<'span'>;
+};
+export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>> & Partial<MenuTriggerChildProps>;
+export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}

package/lib-commonjs/components/MenuButton/index.d.ts

@@ -0,0 +1,5 @@
+export * from './MenuButton.types';
+export * from './MenuButton';
+export * from './renderMenuButton';
+export * from './useMenuButton';
+export { useMenuButtonStyles } from './useMenuButtonStyles';

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuButtonStyles = void 0;
+
+var 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, "useMenuButtonStyles", {
+  enumerable: true,
+  get: function () {
+    return useMenuButtonStyles_1.useMenuButtonStyles;
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MenuButton/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,qBAAA,CAAA,mBAAA;AAAmB;AAAnB,CAAA","sourceRoot":""}

package/lib-commonjs/components/MenuButton/renderMenuButton.d.ts

@@ -0,0 +1,5 @@
+import type { MenuButtonState } from './MenuButton.types';
+/**
+ * Renders a MenuButton component by passing the state defined props to the appropriate slots.
+ */
+export declare const renderMenuButton: (state: MenuButtonState) => JSX.Element;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderMenuButton = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var React = /*#__PURE__*/require("react");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Renders a MenuButton component by passing the state defined props to the appropriate slots.
+ */
+
+
+var renderMenuButton = function (state) {
+  var _a = react_utilities_1.getSlots(state, ['root', 'icon', 'menuIcon']),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  var icon = state.icon,
+      iconOnly = state.iconOnly;
+  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)), !iconOnly && slotProps.root.children, (!iconOnly || !(icon === null || icon === void 0 ? void 0 : icon.children)) && React.createElement(slots.menuIcon, tslib_1.__assign({}, slotProps.menuIcon)));
+};
+
+exports.renderMenuButton = renderMenuButton;
+//# sourceMappingURL=renderMenuButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MenuButton/renderMenuButton.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAuB;AAC/C,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA0B,KAA1B,EAAiC,CAAC,MAAD,EAAS,MAAT,EAAiB,UAAjB,CAAjC,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACE,MAAA,IAAI,GAAe,KAAK,CAApB,IAAJ;AAAA,MAAM,QAAQ,GAAK,KAAK,CAAV,QAAd;AAER,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CADF,EAEG,CAAC,QAAD,IAAa,SAAS,CAAC,IAAV,CAAe,QAF/B,EAGG,CAAC,CAAC,QAAD,IAAa,EAAC,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAI,KAAA,CAAJ,GAAA,IAAI,CAAE,QAAP,CAAd,KAAkC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAP,EAAe,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,QAAf,CAAf,CAHrC,CADF;AAOD,CAXM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}

package/lib-commonjs/components/MenuButton/useMenuButton.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { MenuButtonProps, MenuButtonState } from './MenuButton.types';
+/**
+ * Given user props, returns the final state for a MenuButton.
+ */
+export declare const useMenuButton: ({ menuIcon, ...props }: MenuButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => MenuButtonState;