@fluentui/react-button 1.0.0-beta.8 → 9.0.0-alpha.100

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

@@ -1,28 +1,46 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var index_1 = require("@fluentui/react-compose/lib-commonjs/next/index");
-var useMenuButtonState_1 = require("./useMenuButtonState");
-var renderMenuButton_1 = require("./renderMenuButton");
-exports.menuButtonShorthandProps = ['icon', 'content', 'menuIcon', 'menu'];
-var mergeProps = index_1.makeMergeProps({ deepMerge: exports.menuButtonShorthandProps });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuButton = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var React = /*#__PURE__*/require("react");
+
+var react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+var index_1 = /*#__PURE__*/require("../Button/index");
 /**
- * Redefine the component factory, reusing button factory.
+ * Given user props, returns the final state for a MenuButton.
  */
-exports.useMenuButton = function (props, ref, defaultProps) {
-    // Note: because menu button's template and slots are different, we can't reuse
-    // those, but the useMenuButtonState hook can reuse useButtonState.
-    var state = mergeProps({
-        ref: ref,
-        as: 'button',
-        icon: { as: 'span' },
-        content: { as: 'span', children: props.children },
-        menuIcon: { as: 'span' },
-        menu: { as: 'span' },
-    }, defaultProps, index_1.resolveShorthandProps(props, exports.menuButtonShorthandProps));
-    useMenuButtonState_1.useMenuButtonState(state);
-    return {
-        state: state,
-        render: renderMenuButton_1.renderMenuButton,
-    };
+
+
+var useMenuButton = function (_a, ref) {
+  var menuIcon = _a.menuIcon,
+      props = tslib_1.__rest(_a, ["menuIcon"]);
+
+  var buttonState = index_1.useButton(props, ref);
+  return tslib_1.__assign(tslib_1.__assign({}, 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: buttonState.size === 'large' ? React.createElement(react_icons_1.ChevronDown24Regular, null) : React.createElement(react_icons_1.ChevronDown20Regular, null)
+      },
+      required: true
+    })
+  });
 };
+
+exports.useMenuButton = useMenuButton;
 //# sourceMappingURL=useMenuButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMenuButton.js","sourceRoot":"../src/","sources":["components/MenuButton/useMenuButton.ts"],"names":[],"mappings":";;AACA,gEAA+F;AAE/F,2DAA0D;AAC1D,uDAAsD;AAEzC,QAAA,wBAAwB,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC;AAEhF,IAAM,UAAU,GAAG,sBAAc,CAAC,EAAE,SAAS,EAAE,gCAAwB,EAAE,CAAC,CAAC;AAE3E;;GAEG;AACU,QAAA,aAAa,GAAG,UAAC,KAAsB,EAAE,GAA2B,EAAE,YAA8B;IAC/G,+EAA+E;IAC/E,mEAAmE;IACnE,IAAM,KAAK,GAAG,UAAU,CACtB;QACE,GAAG,KAAA;QACH,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;QACpB,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE;QACjD,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;QACxB,IAAI,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;KACrB,EACD,YAAY,EACZ,6BAAqB,CAAC,KAAK,EAAE,gCAAwB,CAAC,CACpC,CAAC;IAErB,uCAAkB,CAAC,KAAK,CAAC,CAAC;IAE1B,OAAO;QACL,KAAK,OAAA;QACL,MAAM,EAAE,mCAAgB;KACzB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { resolveShorthandProps, makeMergeProps } from '@fluentui/react-compose/lib/next/index';\nimport { MenuButtonProps, MenuButtonState } from './MenuButton.types';\nimport { useMenuButtonState } from './useMenuButtonState';\nimport { renderMenuButton } from './renderMenuButton';\n\nexport const menuButtonShorthandProps = ['icon', 'content', 'menuIcon', 'menu'];\n\nconst mergeProps = makeMergeProps({ deepMerge: menuButtonShorthandProps });\n\n/**\n * Redefine the component factory, reusing button factory.\n */\nexport const useMenuButton = (props: MenuButtonProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuButtonProps) => {\n  // Note: because menu button's template and slots are different, we can't reuse\n  // those, but the useMenuButtonState hook can reuse useButtonState.\n  const state = mergeProps(\n    {\n      ref,\n      as: 'button',\n      icon: { as: 'span' },\n      content: { as: 'span', children: props.children },\n      menuIcon: { as: 'span' },\n      menu: { as: 'span' },\n    },\n    defaultProps,\n    resolveShorthandProps(props, menuButtonShorthandProps),\n  ) as MenuButtonState;\n\n  useMenuButtonState(state);\n\n  return {\n    state,\n    render: renderMenuButton,\n  };\n};\n"]}
+{"version":3,"sources":["../../../src/components/MenuButton/useMenuButton.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,aAAa,GAAG,UAC3B,EAD2B,EAE3B,GAF2B,EAE0B;AADnD,MAAA,QAAQ,GAAA,EAAA,CAAA,QAAR;AAAA,MAAa,KAAK,GAAA,OAAA,CAAA,MAAA,CAAA,EAAA,EAApB,CAAA,UAAA,CAAoB,CAAlB;;AAGF,MAAM,WAAW,GAAG,OAAA,CAAA,SAAA,CAAU,KAAV,EAAiB,GAAjB,CAApB;AACA,SAAA,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAEK,WAFL,CAAA,EAEgB;AAEd;AACA,IAAA,QAAQ,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,QAAR,CAHH;AAKd;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,QADI;AAEV,MAAA,IAAI,EAAE,MAFI;AAGV,MAAA,QAAQ,EAAE;AAHA,KANE;AAYd,IAAA,QAAQ,EAAE,iBAAA,CAAA,gBAAA,CAAiB,QAAjB,EAA2B;AACnC,MAAA,YAAY,EAAE;AACZ,QAAA,QAAQ,EAAE,WAAW,CAAC,IAAZ,KAAqB,OAArB,GAA+B,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,oBAAD,EAAqB,IAArB,CAA/B,GAA0D,KAAA,CAAA,aAAA,CAAC,aAAA,CAAA,oBAAD,EAAqB,IAArB;AADxD,OADqB;AAInC,MAAA,QAAQ,EAAE;AAJyB,KAA3B;AAZI,GAFhB,CAAA;AAqBD,CA1BM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}

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

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

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuButtonStyles = void 0;
+
+var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+
+var useButtonStyles_1 = /*#__PURE__*/require("../Button/useButtonStyles");
+
+var useMenuIconStyles = /*#__PURE__*/react_make_styles_1.__styles({
+  "small": {
+    "Be2twd7": "fe5j1ua",
+    "Bqenvij": "fjamq6b",
+    "a9b677": "f64fuq3"
+  },
+  "medium": {
+    "Be2twd7": "fe5j1ua",
+    "Bqenvij": "fjamq6b",
+    "a9b677": "f64fuq3"
+  },
+  "large": {
+    "Be2twd7": "f1rt2boy",
+    "Bqenvij": "frvgh55",
+    "a9b677": "fq4mcun"
+  }
+}, {
+  "d": [".fe5j1ua{font-size:20px;}", ".fjamq6b{height:20px;}", ".f64fuq3{width:20px;}", ".f1rt2boy{font-size:24px;}", ".frvgh55{height:24px;}", ".fq4mcun{width:24px;}"]
+});
+
+var useMenuButtonStyles = function (state) {
+  var menuIconStyles = useMenuIconStyles();
+
+  if (state.menuIcon) {
+    state.menuIcon.className = react_make_styles_1.mergeClasses(menuIconStyles[state.size], state.menuIcon.className);
+  }
+
+  useButtonStyles_1.useButtonStyles(state);
+  return state;
+};
+
+exports.useMenuButtonStyles = useMenuButtonStyles;
+//# sourceMappingURL=useMenuButtonStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MenuButton/useMenuButtonStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGA,IAAM,iBAAiB,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAA1B;;AAmBO,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAAuB;AACxD,MAAM,cAAc,GAAG,iBAAiB,EAAxC;;AACA,MAAI,KAAK,CAAC,QAAV,EAAoB;AAClB,IAAA,KAAK,CAAC,QAAN,CAAe,SAAf,GAA2B,mBAAA,CAAA,YAAA,CAAa,cAAc,CAAC,KAAK,CAAC,IAAP,CAA3B,EAAyC,KAAK,CAAC,QAAN,CAAe,SAAxD,CAA3B;AACD;;AAED,EAAA,iBAAA,CAAA,eAAA,CAAgB,KAAhB;AAEA,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { SplitButtonProps } from './SplitButton.types';
+import type { SplitButtonProps } from './SplitButton.types';
+import { ForwardRefComponent } from '@fluentui/react-utilities';
 /**
- * Define a styled SplitButton, using the `useSplitButton` hook.
- * {@docCategory Button}
+ * SplitButtons are a grouping of two interactive surfaces where the interacting with the first one triggers a primary
+ * action, while interacting with the second one opens a menu with secondary actions.
  */
-export declare const SplitButton: React.ForwardRefExoticComponent<Pick<SplitButtonProps, string | number> & React.RefAttributes<HTMLElement>>;
+export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;

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

@@ -1,31 +1,27 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-var react_icons_mdl2_1 = require("@fluentui/react-icons-mdl2");
-var react_theme_provider_1 = require("@fluentui/react-theme-provider");
-var useSplitButton_1 = require("./useSplitButton");
-var useSplitButtonClasses_1 = require("./useSplitButtonClasses");
-var index_1 = require("../Button/index");
-var index_2 = require("../MenuButton/index");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SplitButton = void 0;
+
+var React = /*#__PURE__*/require("react");
+
+var renderSplitButton_1 = /*#__PURE__*/require("./renderSplitButton");
+
+var useSplitButton_1 = /*#__PURE__*/require("./useSplitButton");
+
+var useSplitButtonStyles_1 = /*#__PURE__*/require("./useSplitButtonStyles");
 /**
- * Define a styled SplitButton, using the `useSplitButton` hook.
- * {@docCategory Button}
+ * SplitButtons are a grouping of two interactive surfaces where the interacting with the first one triggers a primary
+ * action, while interacting with the second one opens a menu with secondary actions.
  */
-exports.SplitButton = React.forwardRef(function (props, ref) {
-    var _a = useSplitButton_1.useSplitButton(props, ref, {
-        button: { as: index_1.Button },
-        menuButton: { as: index_2.MenuButton, iconOnly: true, icon: React.createElement(react_icons_mdl2_1.ChevronDownIcon, null) },
-    }), state = _a.state, render = _a.render;
-    useSplitButtonClasses_1.useSplitButtonClasses(state);
-    // TODO remove any
-    /**
-     * Type 'SplitButtonState' has no properties in common with type '{
-     *  style?: CSSProperties | undefined; tokens?: string | { [key: string]: any; }
-     *  | undefined; }
-     */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    react_theme_provider_1.useInlineTokens(state, '--button');
-    return render(state);
+
+
+exports.SplitButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var state = useSplitButton_1.useSplitButton(props, ref);
+  useSplitButtonStyles_1.useSplitButtonStyles(state);
+  return renderSplitButton_1.renderSplitButton(state); // Casting is required due to lack of distributive union to support unions on @types/react
 });
 exports.SplitButton.displayName = 'SplitButton';
 //# sourceMappingURL=SplitButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.js","sourceRoot":"../src/","sources":["components/SplitButton/SplitButton.tsx"],"names":[],"mappings":";;AAAA,6BAA+B;AAC/B,+DAA6D;AAC7D,uEAAiE;AAEjE,mDAAkD;AAClD,iEAAgE;AAChE,yCAAyC;AACzC,6CAAiD;AAEjD;;;GAGG;AACU,QAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CAAgC,UAAC,KAAK,EAAE,GAAG;IAC9E,IAAA;;;MAGJ,EAHM,gBAAK,EAAE,kBAGb,CAAC;IAEH,6CAAqB,CAAC,KAAK,CAAC,CAAC;IAE7B,kBAAkB;IAClB;;;;OAIG;IACH,8DAA8D;IAC9D,sCAAe,CAAC,KAAY,EAAE,UAAU,CAAC,CAAC;IAE1C,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC,CAAC,CAAC;AAEH,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import * as React from 'react';\nimport { ChevronDownIcon } from '@fluentui/react-icons-mdl2';\nimport { useInlineTokens } from '@fluentui/react-theme-provider';\nimport { SplitButtonProps } from './SplitButton.types';\nimport { useSplitButton } from './useSplitButton';\nimport { useSplitButtonClasses } from './useSplitButtonClasses';\nimport { Button } from '../Button/index';\nimport { MenuButton } from '../MenuButton/index';\n\n/**\n * Define a styled SplitButton, using the `useSplitButton` hook.\n * {@docCategory Button}\n */\nexport const SplitButton = React.forwardRef<HTMLElement, SplitButtonProps>((props, ref) => {\n  const { state, render } = useSplitButton(props, ref, {\n    button: { as: Button },\n    menuButton: { as: MenuButton, iconOnly: true, icon: <ChevronDownIcon /> },\n  });\n\n  useSplitButtonClasses(state);\n\n  // TODO remove any\n  /**\n   * Type 'SplitButtonState' has no properties in common with type '{\n   *  style?: CSSProperties | undefined; tokens?: string | { [key: string]: any; }\n   *  | undefined; }\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  useInlineTokens(state as any, '--button');\n\n  return render(state);\n});\n\nSplitButton.displayName = 'SplitButton';\n"]}
+{"version":3,"sources":["../../../src/components/SplitButton/SplitButton.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAIA;;;AAGG;;;AACU,OAAA,CAAA,WAAA,gBAAqD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC5F,MAAM,KAAK,GAAG,gBAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,GAAtB,CAAd;AAEA,EAAA,sBAAA,CAAA,oBAAA,CAAqB,KAArB;AAEA,SAAO,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,CAAP,CAL4F,CAM5F;AACD,CAPiE,CAArD;AASb,OAAA,CAAA,WAAA,CAAY,WAAZ,GAA0B,aAA1B","sourceRoot":""}

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

@@ -1,35 +1,19 @@
-import * as React from 'react';
-import { ShorthandProps } from '@fluentui/react-compose/lib/next/index';
-import { ButtonProps, ButtonVariants } from '../Button/Button.types';
-import { MenuButtonProps, MenuButtonState, MenuButtonTokens } from '../MenuButton/MenuButton.types';
-/**
- * {@docCategory Button}
- */
-export interface SplitButtonProps extends ButtonProps, MenuButtonProps {
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps, ObjectShorthandProps } from '@fluentui/react-utilities';
+import type { ButtonProps, ButtonState } from '../Button/Button.types';
+import type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';
+export declare type SplitButtonSlots = {
     /**
-     * Button to perform primary action in SplitButton.
+     * Root of the component that wraps the primary action button and menu button.
      */
-    button?: ShorthandProps;
+    root: IntrinsicShorthandProps<'div'>;
     /**
-     * Divider that separates the primary action button and the menu button parts of the SplitButton
+     * Button that opens menu with secondary actions in SplitButton.
      */
-    divider?: ShorthandProps;
+    menuButton?: ObjectShorthandProps<MenuButtonProps>;
     /**
-     * Button that opens menu with secondary actions in SplitButton.
+     * Button to perform primary action in SplitButton.
      */
-    menuButton?: ShorthandProps;
-}
-export interface SplitButtonState extends Omit<SplitButtonProps, 'menu'>, MenuButtonState {
-    menuButtonRef?: React.RefObject<HTMLButtonElement>;
-}
-/**
- * {@docCategory Button}
- */
-export declare type SplitButtonTokens = MenuButtonTokens & {
-    dividerColor?: string;
-    dividerThickness?: string;
+    primaryActionButton?: ObjectShorthandProps<ButtonProps>;
 };
-/**
- * {@docCategory Button}
- */
-export declare type SplitButtonVariants = ButtonVariants<SplitButtonTokens>;
+export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
+export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.types.js","sourceRoot":"../src/","sources":["components/SplitButton/SplitButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ShorthandProps } from '@fluentui/react-compose/lib/next/index';\nimport { ButtonProps, ButtonVariants } from '../Button/Button.types';\nimport { MenuButtonProps, MenuButtonState, MenuButtonTokens } from '../MenuButton/MenuButton.types';\n\n/**\n * {@docCategory Button}\n */\nexport interface SplitButtonProps extends ButtonProps, MenuButtonProps {\n  /**\n   * Button to perform primary action in SplitButton.\n   */\n  button?: ShorthandProps;\n\n  /**\n   * Divider that separates the primary action button and the menu button parts of the SplitButton\n   */\n  divider?: ShorthandProps;\n\n  /**\n   * Button that opens menu with secondary actions in SplitButton.\n   */\n  menuButton?: ShorthandProps;\n}\n\nexport interface SplitButtonState extends Omit<SplitButtonProps, 'menu'>, MenuButtonState {\n  menuButtonRef?: React.RefObject<HTMLButtonElement>;\n}\n\n/**\n * {@docCategory Button}\n */\nexport type SplitButtonTokens = MenuButtonTokens & {\n  dividerColor?: string;\n  dividerThickness?: string;\n};\n\n/**\n * {@docCategory Button}\n */\nexport type SplitButtonVariants = ButtonVariants<SplitButtonTokens>;\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}

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

@@ -1,4 +1,5 @@
-export * from './SplitButton.types';
 export * from './SplitButton';
+export * from './SplitButton.types';
+export * from './renderSplitButton';
 export * from './useSplitButton';
-export * from './useSplitButtonClasses';
+export { useSplitButtonStyles } from './useSplitButtonStyles';

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

@@ -1,7 +1,26 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSplitButtonStyles = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
 tslib_1.__exportStar(require("./SplitButton"), exports);
+
+tslib_1.__exportStar(require("./SplitButton.types"), exports);
+
+tslib_1.__exportStar(require("./renderSplitButton"), exports);
+
 tslib_1.__exportStar(require("./useSplitButton"), exports);
-tslib_1.__exportStar(require("./useSplitButtonClasses"), exports);
+
+var useSplitButtonStyles_1 = /*#__PURE__*/require("./useSplitButtonStyles");
+
+Object.defineProperty(exports, "useSplitButtonStyles", {
+  enumerable: true,
+  get: function () {
+    return useSplitButtonStyles_1.useSplitButtonStyles;
+  }
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/SplitButton/index.ts"],"names":[],"mappings":";;;AACA,wDAA8B;AAC9B,2DAAiC;AACjC,kEAAwC","sourcesContent":["export * from './SplitButton.types';\nexport * from './SplitButton';\nexport * from './useSplitButton';\nexport * from './useSplitButtonClasses';\n"]}
+{"version":3,"sources":["../../../src/components/SplitButton/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,sBAAA,CAAA,oBAAA;AAAoB;AAApB,CAAA","sourceRoot":""}

package/lib-commonjs/components/SplitButton/renderSplitButton.d.ts

@@ -1,7 +1,5 @@
-import { SplitButtonState } from './SplitButton.types';
+import type { SplitButtonState } from './SplitButton.types';
 /**
- * Redefine the render function to add slots. Reuse the button structure but add
- * slots to children.
- * @param state
+ * Renders a SplitButton component by passing the state defined props to the appropriate slots.
  */
 export declare const renderSplitButton: (state: SplitButtonState) => JSX.Element;

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

@@ -1,19 +1,27 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = require("react");
-var index_1 = require("@fluentui/react-compose/lib-commonjs/next/index");
-var useSplitButton_1 = require("./useSplitButton");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderSplitButton = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var React = /*#__PURE__*/require("react");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 /**
- * Redefine the render function to add slots. Reuse the button structure but add
- * slots to children.
- * @param state
+ * Renders a SplitButton component by passing the state defined props to the appropriate slots.
  */
-exports.renderSplitButton = function (state) {
-    var _a = index_1.getSlots(state, useSplitButton_1.splitButtonShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-    return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-        React.createElement(slots.button, tslib_1.__assign({}, slotProps.button)),
-        React.createElement(slots.divider, tslib_1.__assign({}, slotProps.divider)),
-        React.createElement(slots.menuButton, tslib_1.__assign({}, slotProps.menuButton))));
+
+
+var renderSplitButton = function (state) {
+  var _a = react_utilities_1.getSlots(state, ['root', 'menuButton', 'primaryActionButton']),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), React.createElement(slots.primaryActionButton, tslib_1.__assign({}, slotProps.primaryActionButton)), React.createElement(slots.menuButton, tslib_1.__assign({}, slotProps.menuButton)));
 };
+
+exports.renderSplitButton = renderSplitButton;
 //# sourceMappingURL=renderSplitButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderSplitButton.js","sourceRoot":"../src/","sources":["components/SplitButton/renderSplitButton.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,gEAAkE;AAElE,mDAA6D;AAE7D;;;;GAIG;AACU,QAAA,iBAAiB,GAAG,UAAC,KAAuB;IACjD,IAAA,wEAAiE,EAA/D,gBAAK,EAAE,wBAAwD,CAAC;IAExE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;QAC5B,oBAAC,KAAK,CAAC,MAAM,uBAAK,SAAS,CAAC,MAAM,EAAI;QACtC,oBAAC,KAAK,CAAC,OAAO,uBAAK,SAAS,CAAC,OAAO,EAAI;QACxC,oBAAC,KAAK,CAAC,UAAU,uBAAK,SAAS,CAAC,UAAU,EAAI,CACnC,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-compose/lib/next/index';\nimport { SplitButtonState } from './SplitButton.types';\nimport { splitButtonShorthandProps } from './useSplitButton';\n\n/**\n * Redefine the render function to add slots. Reuse the button structure but add\n * slots to children.\n * @param state\n */\nexport const renderSplitButton = (state: SplitButtonState) => {\n  const { slots, slotProps } = getSlots(state, splitButtonShorthandProps);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.button {...slotProps.button} />\n      <slots.divider {...slotProps.divider} />\n      <slots.menuButton {...slotProps.menuButton} />\n    </slots.root>\n  );\n};\n"]}
+{"version":3,"sources":["../../../src/components/SplitButton/renderSplitButton.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAAwB;AACjD,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA2B,KAA3B,EAAkC,CAAC,MAAD,EAAS,YAAT,EAAuB,qBAAvB,CAAlC,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,mBAAP,EAA0B,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,mBAAf,CAA1B,CADF,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,UAAf,CAAjB,CAFF,CADF;AAMD,CATM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}

package/lib-commonjs/components/SplitButton/useSplitButton.d.ts

@@ -1,10 +1,8 @@
 import * as React from 'react';
-import { SplitButtonProps, SplitButtonState } from './SplitButton.types';
-export declare const splitButtonShorthandProps: string[];
+import type { SplitButtonProps, SplitButtonState } from './SplitButton.types';
 /**
- * Redefine the component factory, reusing button factory.
+ * Given user props, defines default props for the SplitButton and returns processed state.
+ * @param props - User provided props to the SplitButton component.
+ * @param ref - User provided ref to be passed to the SplitButton component.
  */
-export declare const useSplitButton: (props: SplitButtonProps, ref: React.Ref<HTMLElement>, defaultProps?: SplitButtonProps | undefined) => {
-    state: SplitButtonState;
-    render: (state: SplitButtonState) => JSX.Element;
-};
+export declare const useSplitButton: (props: SplitButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;

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

@@ -1,53 +1,86 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = require("react");
-var index_1 = require("@fluentui/react-compose/lib-commonjs/next/index");
-var renderSplitButton_1 = require("./renderSplitButton");
-var react_hooks_1 = require("@fluentui/react-hooks");
-exports.splitButtonShorthandProps = ['icon', 'button', 'divider', 'menuButton'];
-var mergeProps = index_1.makeMergeProps({ deepMerge: exports.splitButtonShorthandProps });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSplitButton = void 0;
+
+var tslib_1 = /*#__PURE__*/require("tslib");
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+var Button_1 = /*#__PURE__*/require("../Button/Button");
+
+var MenuButton_1 = /*#__PURE__*/require("../MenuButton/MenuButton");
 /**
- * Redefine the component factory, reusing button factory.
+ * Given user props, defines default props for the SplitButton and returns processed state.
+ * @param props - User provided props to the SplitButton component.
+ * @param ref - User provided ref to be passed to the SplitButton component.
  */
-exports.useSplitButton = function (props, ref, defaultProps) {
-    var _a = index_1.resolveShorthandProps(props, exports.splitButtonShorthandProps), _b = _a.as, as = _b === void 0 ? 'span' : _b, className = _a.className, style = _a.style, primary = _a.primary, ghost = _a.ghost, disabled = _a.disabled, loading = _a.loading, circular = _a.circular, block = _a.block, menu = _a.menu, size = _a.size, transparent = _a.transparent, userProps = tslib_1.__rest(_a, ["as", "className", "style", "primary", "ghost", "disabled", "loading", "circular", "block", "menu", "size", "transparent"]);
-    ref = react_hooks_1.useMergedRefs(ref, React.useRef(null));
-    // A split button should be disabled when disabled or loading.
-    var disabledOrLoading = disabled || loading;
-    var state = mergeProps({
-        as: 'span',
-        className: className,
-        style: style,
-        disabled: disabled,
-        block: block,
-        primary: primary,
-        size: size,
-        transparent: transparent,
-        'aria-disabled': disabledOrLoading,
-        button: tslib_1.__assign({ as: 'span', ref: ref,
-            primary: primary,
-            ghost: ghost,
-            circular: circular, disabled: disabledOrLoading, loading: loading,
-            size: size,
-            transparent: transparent }, userProps),
-        divider: { as: 'span', children: null },
-        menuButton: {
-            as: 'span',
-            primary: primary,
-            ghost: ghost,
-            circular: circular,
-            size: size,
-            disabled: disabledOrLoading,
-            loading: loading,
-            transparent: transparent,
-            menu: menu,
-            children: null,
-        },
-    }, defaultProps);
-    return {
-        state: state,
-        render: renderSplitButton_1.renderSplitButton,
-    };
+
+
+var useSplitButton = function (props, ref) {
+  var appearance = props.appearance,
+      _a = props.block,
+      block = _a === void 0 ? false : _a,
+      children = props.children,
+      _b = props.disabled,
+      disabled = _b === void 0 ? false : _b,
+      _c = props.disabledFocusable,
+      disabledFocusable = _c === void 0 ? false : _c,
+      icon = props.icon,
+      _d = props.iconPosition,
+      iconPosition = _d === void 0 ? 'before' : _d,
+      menuButton = props.menuButton,
+      primaryActionButton = props.primaryActionButton,
+      _e = props.shape,
+      shape = _e === void 0 ? 'rounded' : _e,
+      _f = props.size,
+      size = _f === void 0 ? 'medium' : _f;
+  var menuButtonShorthand = react_utilities_1.resolveShorthand(menuButton, {
+    defaultProps: {
+      appearance: appearance,
+      disabled: disabled,
+      disabledFocusable: disabledFocusable,
+      shape: shape,
+      size: size
+    }
+  });
+  var primaryActionButtonShorthand = react_utilities_1.resolveShorthand(primaryActionButton, {
+    defaultProps: {
+      appearance: appearance,
+      block: block,
+      children: children,
+      disabled: disabled,
+      disabledFocusable: disabledFocusable,
+      icon: icon,
+      iconPosition: iconPosition,
+      shape: shape,
+      size: size
+    }
+  });
+  return {
+    // Props passed at the top-level
+    appearance: appearance,
+    block: block,
+    disabled: disabled,
+    disabledFocusable: disabledFocusable,
+    iconPosition: iconPosition,
+    shape: shape,
+    size: size,
+    // Slots definition
+    components: {
+      root: 'div',
+      menuButton: MenuButton_1.MenuButton,
+      primaryActionButton: Button_1.Button
+    },
+    root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({
+      ref: ref
+    }, props)),
+    menuButton: menuButtonShorthand,
+    primaryActionButton: primaryActionButtonShorthand
+  };
 };
+
+exports.useSplitButton = useSplitButton;
 //# sourceMappingURL=useSplitButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSplitButton.js","sourceRoot":"../src/","sources":["components/SplitButton/useSplitButton.ts"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,gEAA+F;AAE/F,yDAAwD;AACxD,qDAAsD;AAEzC,QAAA,yBAAyB,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;AAErF,IAAM,UAAU,GAAG,sBAAc,CAAC,EAAE,SAAS,EAAE,iCAAyB,EAAE,CAAC,CAAC;AAE5E;;GAEG;AACU,QAAA,cAAc,GAAG,UAC5B,KAAuB,EACvB,GAA2B,EAC3B,YAA+B;IAE/B,IAAM,4EAcqD,EAbzD,UAAW,EAAX,gCAAW,EACX,wBAAS,EACT,gBAAK,EACL,oBAAO,EACP,gBAAK,EACL,sBAAQ,EACR,oBAAO,EACP,sBAAQ,EACR,gBAAK,EACL,cAAI,EACJ,cAAI,EACJ,4BAAW,EACX,2JACyD,CAAC;IAE5D,GAAG,GAAG,2BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC,CAAC;IAE1D,8DAA8D;IAC9D,IAAM,iBAAiB,GAAG,QAAQ,IAAI,OAAO,CAAC;IAE9C,IAAM,KAAK,GAAG,UAAU,CACtB;QACE,EAAE,EAAE,MAAM;QACV,SAAS,WAAA;QACT,KAAK,OAAA;QACL,QAAQ,UAAA;QACR,KAAK,OAAA;QACL,OAAO,SAAA;QACP,IAAI,MAAA;QACJ,WAAW,aAAA;QACX,eAAe,EAAE,iBAAiB;QAElC,MAAM,qBACJ,EAAE,EAAE,MAAM,EACV,GAAG,KAAA;YACH,OAAO,SAAA;YACP,KAAK,OAAA;YACL,QAAQ,UAAA,EACR,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,SAAA;YACP,IAAI,MAAA;YACJ,WAAW,aAAA,IACR,SAAS,CACb;QAED,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QAEvC,UAAU,EAAE;YACV,EAAE,EAAE,MAAM;YACV,OAAO,SAAA;YACP,KAAK,OAAA;YACL,QAAQ,UAAA;YACR,IAAI,MAAA;YACJ,QAAQ,EAAE,iBAAiB;YAC3B,OAAO,SAAA;YACP,WAAW,aAAA;YACX,IAAI,MAAA;YACJ,QAAQ,EAAE,IAAI;SACf;KACF,EACD,YAAY,CACO,CAAC;IAEtB,OAAO;QACL,KAAK,OAAA;QACL,MAAM,EAAE,qCAAiB;KAC1B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { resolveShorthandProps, makeMergeProps } from '@fluentui/react-compose/lib/next/index';\nimport { SplitButtonProps, SplitButtonState } from './SplitButton.types';\nimport { renderSplitButton } from './renderSplitButton';\nimport { useMergedRefs } from '@fluentui/react-hooks';\n\nexport const splitButtonShorthandProps = ['icon', 'button', 'divider', 'menuButton'];\n\nconst mergeProps = makeMergeProps({ deepMerge: splitButtonShorthandProps });\n\n/**\n * Redefine the component factory, reusing button factory.\n */\nexport const useSplitButton = (\n  props: SplitButtonProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: SplitButtonProps,\n) => {\n  const {\n    as = 'span',\n    className,\n    style,\n    primary,\n    ghost,\n    disabled,\n    loading,\n    circular,\n    block,\n    menu,\n    size,\n    transparent,\n    ...userProps\n  } = resolveShorthandProps(props, splitButtonShorthandProps);\n\n  ref = useMergedRefs(ref, React.useRef<HTMLElement>(null));\n\n  // A split button should be disabled when disabled or loading.\n  const disabledOrLoading = disabled || loading;\n\n  const state = mergeProps(\n    {\n      as: 'span',\n      className,\n      style,\n      disabled,\n      block,\n      primary,\n      size,\n      transparent,\n      'aria-disabled': disabledOrLoading,\n\n      button: {\n        as: 'span',\n        ref,\n        primary,\n        ghost,\n        circular,\n        disabled: disabledOrLoading,\n        loading,\n        size,\n        transparent,\n        ...userProps,\n      },\n\n      divider: { as: 'span', children: null },\n\n      menuButton: {\n        as: 'span',\n        primary,\n        ghost,\n        circular,\n        size,\n        disabled: disabledOrLoading,\n        loading,\n        transparent,\n        menu,\n        children: null,\n      },\n    },\n    defaultProps,\n  ) as SplitButtonState;\n\n  return {\n    state,\n    render: renderSplitButton,\n  };\n};\n"]}
+{"version":3,"sources":["../../../src/components/SplitButton/useSplitButton.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/lib-commonjs/components/SplitButton/useSplitButtonStyles.d.ts

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