@fluentui/react-button 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.1

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

@@ -1,25 +1,28 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "SplitButton", {
-    enumerable: true,
-    get: ()=>SplitButton
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _renderSplitButton = require("./renderSplitButton");
-const _useSplitButton = require("./useSplitButton");
-const _useSplitButtonStyles = require("./useSplitButtonStyles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const SplitButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useSplitButton.useSplitButton_unstable)(props, ref);
-    (0, _useSplitButtonStyles.useSplitButtonStyles_unstable)(state);
-    const { useSplitButtonStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
-    return (0, _renderSplitButton.renderSplitButton_unstable)(state);
-// Casting is required due to lack of distributive union to support unions on @types/react
+exports.SplitButton = void 0;
+const React = /*#__PURE__*/require("react");
+const renderSplitButton_1 = /*#__PURE__*/require("./renderSplitButton");
+const useSplitButton_1 = /*#__PURE__*/require("./useSplitButton");
+const useSplitButtonStyles_1 = /*#__PURE__*/require("./useSplitButtonStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+/**
+ * SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary
+ * action, while interacting with the second one opens a menu with secondary actions.
+ */
+exports.SplitButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useSplitButton_1.useSplitButton_unstable(props, ref);
+  useSplitButtonStyles_1.useSplitButtonStyles_unstable(state);
+  const {
+    useSplitButtonStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
+  return renderSplitButton_1.renderSplitButton_unstable(state);
+  // Casting is required due to lack of distributive union to support unions on @types/react
 });
-SplitButton.displayName = "SplitButton"; //# sourceMappingURL=SplitButton.js.map
 
+exports.SplitButton.displayName = 'SplitButton';
 //# sourceMappingURL=SplitButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SplitButton/SplitButton.js"],"sourcesContent":["import * as React from \"react\";\nimport { renderSplitButton_unstable } from \"./renderSplitButton\";\nimport { useSplitButton_unstable } from \"./useSplitButton\";\nimport { useSplitButtonStyles_unstable } from \"./useSplitButtonStyles\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\n/**\n * SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary\n * action, while interacting with the second one opens a menu with secondary actions.\n */\nexport const SplitButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useSplitButton_unstable(props, ref);\n  useSplitButtonStyles_unstable(state);\n  const {\n    useSplitButtonStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderSplitButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nSplitButton.displayName = \"SplitButton\";\n//# sourceMappingURL=SplitButton.js.map"],"names":["SplitButton","React","forwardRef","props","ref","state","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderSplitButton_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;mCACoB;gCACH;sCACM;qCACD;AAKtC,MAAMA,cAAc,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,mDAA6B,EAACF;IAC9B,MAAM,EACJE,+BAA+BC,gBAAe,EAC/C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,6CAA0B,EAACL;AAClC,0FAA0F;AAC5F;AAEAL,YAAYW,WAAW,GAAG,eAC1B,uCAAuC"}
+{"version":3,"names":["React","require","renderSplitButton_1","useSplitButton_1","useSplitButtonStyles_1","react_shared_contexts_1","exports","SplitButton","forwardRef","props","ref","state","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderSplitButton_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-button/src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderSplitButton_unstable } from './renderSplitButton';\nimport { useSplitButton_unstable } from './useSplitButton';\nimport { useSplitButtonStyles_unstable } from './useSplitButtonStyles';\nimport type { SplitButtonProps } from './SplitButton.types';\nimport { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary\n * action, while interacting with the second one opens a menu with secondary actions.\n */\nexport const SplitButton: ForwardRefComponent<SplitButtonProps> = React.forwardRef((props, ref) => {\n  const state = useSplitButton_unstable(props, ref);\n\n  useSplitButtonStyles_unstable(state);\n\n  const { useSplitButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderSplitButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<SplitButtonProps>;\n\nSplitButton.displayName = 'SplitButton';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,mBAAA,gBAAAD,OAAA;AACA,MAAAE,gBAAA,gBAAAF,OAAA;AACA,MAAAG,sBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;;AAIaK,OAAA,CAAAC,WAAW,gBAA0CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAChG,MAAMC,KAAK,GAAGR,gBAAA,CAAAS,uBAAuB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEjDN,sBAAA,CAAAS,6BAA6B,CAACF,KAAK,CAAC;EAEpC,MAAM;IAAEE,6BAA6B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACzFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOT,mBAAA,CAAAc,0BAA0B,CAACL,KAAK,CAAC;EACxC;AACF,CAAC,CAA0C;;AAE3CL,OAAA,CAAAC,WAAW,CAACU,WAAW,GAAG,aAAa"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SplitButton/SplitButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=SplitButton.types.js.map"],"names":[],"mappings":";;;;CACA,6CAA6C"}
+{"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-button/src/components/SplitButton/SplitButton.types.ts"],"sourcesContent":["import { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonState } from '../Button/Button.types';\nimport type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';\n\nexport type SplitButtonSlots = {\n  /**\n   * Root of the component that wraps the primary action button and menu button.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Button that opens menu with secondary actions in SplitButton.\n   */\n  menuButton?: Slot<typeof MenuButton>;\n  /**\n   * Button to perform primary action in SplitButton.\n   */\n  primaryActionButton?: Slot<typeof Button>;\n};\n\nexport type SplitButtonProps = ComponentProps<SplitButtonSlots> &\n  Omit<ButtonProps, 'root'> &\n  Omit<MenuButtonProps, 'root'>;\n\nexport type SplitButtonState = ComponentState<SplitButtonSlots> &\n  Omit<ButtonState, 'components' | 'iconOnly' | 'root'> &\n  Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;\n"],"mappings":""}

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

@@ -1,23 +1,25 @@
 "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, {
-    splitButtonClassNames: ()=>_useSplitButtonStyles.splitButtonClassNames,
-    useSplitButtonStyles_unstable: ()=>_useSplitButtonStyles.useSplitButtonStyles_unstable
+exports.useSplitButtonStyles_unstable = exports.splitButtonClassNames = void 0;
+const 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);
+var useSplitButtonStyles_1 = /*#__PURE__*/require("./useSplitButtonStyles");
+Object.defineProperty(exports, "splitButtonClassNames", {
+  enumerable: true,
+  get: function () {
+    return useSplitButtonStyles_1.splitButtonClassNames;
+  }
+});
+Object.defineProperty(exports, "useSplitButtonStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return useSplitButtonStyles_1.useSplitButtonStyles_unstable;
+  }
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./SplitButton"), exports);
-_exportStar(require("./SplitButton.types"), exports);
-_exportStar(require("./renderSplitButton"), exports);
-_exportStar(require("./useSplitButton"), exports);
-const _useSplitButtonStyles = require("./useSplitButtonStyles");
- //# sourceMappingURL=index.js.map
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SplitButton/index.js"],"sourcesContent":["export * from \"./SplitButton\";\nexport * from \"./SplitButton.types\";\nexport * from \"./renderSplitButton\";\nexport * from \"./useSplitButton\";\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from \"./useSplitButtonStyles\";\n//# sourceMappingURL=index.js.map"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,qBAAqB,MAArBA,2CAAqB;IAAEC,6BAA6B,MAA7BA,mDAA6B;;;oBAJ/C;oBACA;oBACA;oBACA;sCACuD;CACrE,iCAAiC"}
+{"version":3,"names":["tslib_1","__exportStar","require","exports","useSplitButtonStyles_1","Object","defineProperty","enumerable","get","splitButtonClassNames","useSplitButtonStyles_unstable"],"sources":["../../../../../../../../../packages/react-components/react-button/src/components/SplitButton/index.ts"],"sourcesContent":["export * from './SplitButton';\nexport * from './SplitButton.types';\nexport * from './renderSplitButton';\nexport * from './useSplitButton';\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles';\n"],"mappings":";;;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACA,IAAAC,sBAAA,gBAAAF,OAAA;AAASG,MAAA,CAAAC,cAAA,CAAAH,OAAA;EAAAI,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAJ,sBAAA,CAAAK,qBAAqB;EAAA;AAAA;AAAEJ,MAAA,CAAAC,cAAA,CAAAH,OAAA;EAAAI,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAJ,sBAAA,CAAAM,6BAA6B;EAAA;AAAA"}

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

@@ -1,17 +1,26 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderSplitButton_unstable", {
-    enumerable: true,
-    get: ()=>renderSplitButton_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderSplitButton_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slots.primaryActionButton && /*#__PURE__*/ _react.createElement(slots.primaryActionButton, slotProps.primaryActionButton), slots.menuButton && /*#__PURE__*/ _react.createElement(slots.menuButton, slotProps.menuButton));
-}; //# sourceMappingURL=renderSplitButton.js.map
-
+exports.renderSplitButton_unstable = void 0;
+const React = /*#__PURE__*/require("react");
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+/**
+ * Renders a SplitButton component by passing the state defined props to the appropriate slots.
+ */
+const renderSplitButton_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = react_utilities_1.getSlots(state);
+  return React.createElement(slots.root, {
+    ...slotProps.root
+  }, slots.primaryActionButton && React.createElement(slots.primaryActionButton, {
+    ...slotProps.primaryActionButton
+  }), slots.menuButton && React.createElement(slots.menuButton, {
+    ...slotProps.menuButton
+  }));
+};
+exports.renderSplitButton_unstable = renderSplitButton_unstable;
 //# sourceMappingURL=renderSplitButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SplitButton/renderSplitButton.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\n/**\n * Renders a SplitButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderSplitButton_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, slots.primaryActionButton && /*#__PURE__*/React.createElement(slots.primaryActionButton, slotProps.primaryActionButton), slots.menuButton && /*#__PURE__*/React.createElement(slots.menuButton, slotProps.menuButton));\n};\n//# sourceMappingURL=renderSplitButton.js.map"],"names":["renderSplitButton_unstable","state","slots","slotProps","getSlots","React","createElement","root","primaryActionButton","menuButton"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,6BAA6BC,CAAAA,QAAS;IACjD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEL,MAAMM,mBAAmB,IAAI,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMM,mBAAmB,EAAEL,UAAUK,mBAAmB,GAAGN,MAAMO,UAAU,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMO,UAAU,EAAEN,UAAUM,UAAU;AAC1R,GACA,6CAA6C"}
+{"version":3,"names":["React","require","react_utilities_1","renderSplitButton_unstable","state","slots","slotProps","getSlots","createElement","root","primaryActionButton","menuButton","exports"],"sources":["../../../../../../../../../packages/react-components/react-button/src/components/SplitButton/renderSplitButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';\n\n/**\n * Renders a SplitButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderSplitButton_unstable = (state: SplitButtonState) => {\n  const { slots, slotProps } = getSlots<SplitButtonSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.primaryActionButton && <slots.primaryActionButton {...slotProps.primaryActionButton} />}\n      {slots.menuButton && <slots.menuButton {...slotProps.menuButton} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,0BAA0B,GAAIC,KAAuB,IAAI;EACpE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAmBH,KAAK,CAAC;EAE9D,OACEJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BJ,KAAK,CAACK,mBAAmB,IAAIV,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACK,mBAAmB;IAAA,GAAKJ,SAAS,CAACI;EAAmB,EAAI,EAC7FL,KAAK,CAACM,UAAU,IAAIX,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACM,UAAU;IAAA,GAAKL,SAAS,CAACK;EAAU,EAAI,CACxD;AAEjB,CAAC;AATYC,OAAA,CAAAT,0BAA0B,GAAAA,0BAAA"}

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

@@ -1,70 +1,83 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useSplitButton_unstable", {
-    enumerable: true,
-    get: ()=>useSplitButton_unstable
+  value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _button = require("../Button/Button");
-const _menuButton = require("../MenuButton/MenuButton");
-const useSplitButton_unstable = (props, ref)=>{
-    const { appearance ="secondary" , children , disabled =false , disabledFocusable =false , icon , iconPosition ="before" , menuButton , menuIcon , primaryActionButton , shape ="rounded" , size ="medium"  } = props;
-    const baseId = (0, _reactUtilities.useId)("splitButton-");
-    const menuButtonShorthand = (0, _reactUtilities.resolveShorthand)(menuButton, {
-        defaultProps: {
-            appearance,
-            disabled,
-            disabledFocusable,
-            menuIcon,
-            shape,
-            size
-        },
-        required: true
-    });
-    const primaryActionButtonShorthand = (0, _reactUtilities.resolveShorthand)(primaryActionButton, {
-        defaultProps: {
-            appearance,
-            children,
-            disabled,
-            disabledFocusable,
-            icon,
-            iconPosition,
-            id: baseId + "__primaryActionButton",
-            shape,
-            size
-        },
-        required: true
-    });
-    // Resolve menu button's aria-labelledby to be labelled by the primary action button if not a label was not provided
-    // by the user.
-    if (menuButtonShorthand && primaryActionButtonShorthand && !menuButtonShorthand["aria-label"] && !menuButtonShorthand["aria-labelledby"]) {
-        menuButtonShorthand["aria-labelledby"] = primaryActionButtonShorthand.id;
-    }
-    return {
-        // Props passed at the top-level
-        appearance,
-        disabled,
-        disabledFocusable,
-        iconPosition,
-        shape,
-        size,
-        // Slots definition
-        components: {
-            root: "div",
-            menuButton: _menuButton.MenuButton,
-            primaryActionButton: _button.Button
-        },
-        root: (0, _reactUtilities.getNativeElementProps)("div", {
-            ref,
-            ...props
-        }),
-        menuButton: menuButtonShorthand,
-        primaryActionButton: primaryActionButtonShorthand
-    };
-}; //# sourceMappingURL=useSplitButton.js.map
-
+exports.useSplitButton_unstable = void 0;
+const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const Button_1 = /*#__PURE__*/require("../Button/Button");
+const MenuButton_1 = /*#__PURE__*/require("../MenuButton/MenuButton");
+/**
+ * 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.
+ */
+const useSplitButton_unstable = (props, ref) => {
+  const {
+    appearance = 'secondary',
+    children,
+    disabled = false,
+    disabledFocusable = false,
+    icon,
+    iconPosition = 'before',
+    menuButton,
+    menuIcon,
+    primaryActionButton,
+    shape = 'rounded',
+    size = 'medium'
+  } = props;
+  const baseId = react_utilities_1.useId('splitButton-');
+  const menuButtonShorthand = react_utilities_1.resolveShorthand(menuButton, {
+    defaultProps: {
+      appearance,
+      disabled,
+      disabledFocusable,
+      menuIcon,
+      shape,
+      size
+    },
+    required: true
+  });
+  const primaryActionButtonShorthand = react_utilities_1.resolveShorthand(primaryActionButton, {
+    defaultProps: {
+      appearance,
+      children,
+      disabled,
+      disabledFocusable,
+      icon,
+      iconPosition,
+      id: baseId + '__primaryActionButton',
+      shape,
+      size
+    },
+    required: true
+  });
+  // Resolve menu button's aria-labelledby to be labelled by the primary action button if not a label was not provided
+  // by the user.
+  if (menuButtonShorthand && primaryActionButtonShorthand && !menuButtonShorthand['aria-label'] && !menuButtonShorthand['aria-labelledby']) {
+    menuButtonShorthand['aria-labelledby'] = primaryActionButtonShorthand.id;
+  }
+  return {
+    // Props passed at the top-level
+    appearance,
+    disabled,
+    disabledFocusable,
+    iconPosition,
+    shape,
+    size,
+    // Slots definition
+    components: {
+      root: 'div',
+      menuButton: MenuButton_1.MenuButton,
+      primaryActionButton: Button_1.Button
+    },
+    root: react_utilities_1.getNativeElementProps('div', {
+      ref,
+      ...props
+    }),
+    menuButton: menuButtonShorthand,
+    primaryActionButton: primaryActionButtonShorthand
+  };
+};
+exports.useSplitButton_unstable = useSplitButton_unstable;
 //# sourceMappingURL=useSplitButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/SplitButton/useSplitButton.js"],"sourcesContent":["import * as React from \"react\";\nimport { getNativeElementProps, resolveShorthand, useId } from \"@fluentui/react-utilities\";\nimport { Button } from \"../Button/Button\";\nimport { MenuButton } from \"../MenuButton/MenuButton\";\n/**\n * Given user props, defines default props for the SplitButton and returns processed state.\n * @param props - User provided props to the SplitButton component.\n * @param ref - User provided ref to be passed to the SplitButton component.\n */\nexport const useSplitButton_unstable = (props, ref) => {\n  const {\n    appearance = \"secondary\",\n    children,\n    disabled = false,\n    disabledFocusable = false,\n    icon,\n    iconPosition = \"before\",\n    menuButton,\n    menuIcon,\n    primaryActionButton,\n    shape = \"rounded\",\n    size = \"medium\"\n  } = props;\n  const baseId = useId(\"splitButton-\");\n  const menuButtonShorthand = resolveShorthand(menuButton, {\n    defaultProps: {\n      appearance,\n      disabled,\n      disabledFocusable,\n      menuIcon,\n      shape,\n      size\n    },\n    required: true\n  });\n  const primaryActionButtonShorthand = resolveShorthand(primaryActionButton, {\n    defaultProps: {\n      appearance,\n      children,\n      disabled,\n      disabledFocusable,\n      icon,\n      iconPosition,\n      id: baseId + \"__primaryActionButton\",\n      shape,\n      size\n    },\n    required: true\n  });\n  // Resolve menu button's aria-labelledby to be labelled by the primary action button if not a label was not provided\n  // by the user.\n  if (menuButtonShorthand && primaryActionButtonShorthand && !menuButtonShorthand[\"aria-label\"] && !menuButtonShorthand[\"aria-labelledby\"]) {\n    menuButtonShorthand[\"aria-labelledby\"] = primaryActionButtonShorthand.id;\n  }\n  return {\n    // Props passed at the top-level\n    appearance,\n    disabled,\n    disabledFocusable,\n    iconPosition,\n    shape,\n    size,\n    // Slots definition\n    components: {\n      root: \"div\",\n      menuButton: MenuButton,\n      primaryActionButton: Button\n    },\n    root: getNativeElementProps(\"div\", {\n      ref,\n      ...props\n    }),\n    menuButton: menuButtonShorthand,\n    primaryActionButton: primaryActionButtonShorthand\n  };\n};\n//# sourceMappingURL=useSplitButton.js.map"],"names":["useSplitButton_unstable","props","ref","appearance","children","disabled","disabledFocusable","icon","iconPosition","menuButton","menuIcon","primaryActionButton","shape","size","baseId","useId","menuButtonShorthand","resolveShorthand","defaultProps","required","primaryActionButtonShorthand","id","components","root","MenuButton","Button","getNativeElementProps"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;gCACwC;wBACxC;4BACI;AAMpB,MAAMA,0BAA0B,CAACC,OAAOC,MAAQ;IACrD,MAAM,EACJC,YAAa,YAAW,EACxBC,SAAQ,EACRC,UAAW,KAAK,CAAA,EAChBC,mBAAoB,KAAK,CAAA,EACzBC,KAAI,EACJC,cAAe,SAAQ,EACvBC,WAAU,EACVC,SAAQ,EACRC,oBAAmB,EACnBC,OAAQ,UAAS,EACjBC,MAAO,SAAQ,EAChB,GAAGZ;IACJ,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMC,sBAAsBC,IAAAA,gCAAgB,EAACR,YAAY;QACvDS,cAAc;YACZf;YACAE;YACAC;YACAI;YACAE;YACAC;QACF;QACAM,UAAU,IAAI;IAChB;IACA,MAAMC,+BAA+BH,IAAAA,gCAAgB,EAACN,qBAAqB;QACzEO,cAAc;YACZf;YACAC;YACAC;YACAC;YACAC;YACAC;YACAa,IAAIP,SAAS;YACbF;YACAC;QACF;QACAM,UAAU,IAAI;IAChB;IACA,oHAAoH;IACpH,eAAe;IACf,IAAIH,uBAAuBI,gCAAgC,CAACJ,mBAAmB,CAAC,aAAa,IAAI,CAACA,mBAAmB,CAAC,kBAAkB,EAAE;QACxIA,mBAAmB,CAAC,kBAAkB,GAAGI,6BAA6BC,EAAE;IAC1E,CAAC;IACD,OAAO;QACL,gCAAgC;QAChClB;QACAE;QACAC;QACAE;QACAI;QACAC;QACA,mBAAmB;QACnBS,YAAY;YACVC,MAAM;YACNd,YAAYe,sBAAU;YACtBb,qBAAqBc,cAAM;QAC7B;QACAF,MAAMG,IAAAA,qCAAqB,EAAC,OAAO;YACjCxB;YACA,GAAGD,KAAK;QACV;QACAQ,YAAYO;QACZL,qBAAqBS;IACvB;AACF,GACA,0CAA0C"}
+{"version":3,"names":["react_utilities_1","require","Button_1","MenuButton_1","useSplitButton_unstable","props","ref","appearance","children","disabled","disabledFocusable","icon","iconPosition","menuButton","menuIcon","primaryActionButton","shape","size","baseId","useId","menuButtonShorthand","resolveShorthand","defaultProps","required","primaryActionButtonShorthand","id","components","root","MenuButton","Button","getNativeElementProps","exports"],"sources":["../../../../../../../../../packages/react-components/react-button/src/components/SplitButton/useSplitButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\nimport type { SplitButtonProps, SplitButtonState } from './SplitButton.types';\n\n/**\n * Given user props, defines default props for the SplitButton and returns processed state.\n * @param props - User provided props to the SplitButton component.\n * @param ref - User provided ref to be passed to the SplitButton component.\n */\nexport const useSplitButton_unstable = (\n  props: SplitButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): SplitButtonState => {\n  const {\n    appearance = 'secondary',\n    children,\n    disabled = false,\n    disabledFocusable = false,\n    icon,\n    iconPosition = 'before',\n    menuButton,\n    menuIcon,\n    primaryActionButton,\n    shape = 'rounded',\n    size = 'medium',\n  } = props;\n\n  const baseId = useId('splitButton-');\n\n  const menuButtonShorthand = resolveShorthand(menuButton, {\n    defaultProps: {\n      appearance,\n      disabled,\n      disabledFocusable,\n      menuIcon,\n      shape,\n      size,\n    },\n    required: true,\n  });\n\n  const primaryActionButtonShorthand = resolveShorthand(primaryActionButton, {\n    defaultProps: {\n      appearance,\n      children,\n      disabled,\n      disabledFocusable,\n      icon,\n      iconPosition,\n      id: baseId + '__primaryActionButton',\n      shape,\n      size,\n    },\n    required: true,\n  });\n\n  // Resolve menu button's aria-labelledby to be labelled by the primary action button if not a label was not provided\n  // by the user.\n  if (\n    menuButtonShorthand &&\n    primaryActionButtonShorthand &&\n    !menuButtonShorthand['aria-label'] &&\n    !menuButtonShorthand['aria-labelledby']\n  ) {\n    menuButtonShorthand['aria-labelledby'] = primaryActionButtonShorthand.id;\n  }\n\n  return {\n    // Props passed at the top-level\n    appearance,\n    disabled,\n    disabledFocusable,\n    iconPosition,\n    shape,\n    size,\n\n    // Slots definition\n    components: {\n      root: 'div',\n      menuButton: MenuButton,\n      primaryActionButton: Button,\n    },\n\n    root: getNativeElementProps('div', { ref, ...props }),\n    menuButton: menuButtonShorthand,\n    primaryActionButton: primaryActionButtonShorthand,\n  };\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,QAAA,gBAAAD,OAAA;AACA,MAAAE,YAAA,gBAAAF,OAAA;AAGA;;;;;AAKO,MAAMG,uBAAuB,GAAGA,CACrCC,KAAuB,EACvBC,GAAqD,KACjC;EACpB,MAAM;IACJC,UAAU,GAAG,WAAW;IACxBC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,iBAAiB,GAAG,KAAK;IACzBC,IAAI;IACJC,YAAY,GAAG,QAAQ;IACvBC,UAAU;IACVC,QAAQ;IACRC,mBAAmB;IACnBC,KAAK,GAAG,SAAS;IACjBC,IAAI,GAAG;EAAQ,CAChB,GAAGZ,KAAK;EAET,MAAMa,MAAM,GAAGlB,iBAAA,CAAAmB,KAAK,CAAC,cAAc,CAAC;EAEpC,MAAMC,mBAAmB,GAAGpB,iBAAA,CAAAqB,gBAAgB,CAACR,UAAU,EAAE;IACvDS,YAAY,EAAE;MACZf,UAAU;MACVE,QAAQ;MACRC,iBAAiB;MACjBI,QAAQ;MACRE,KAAK;MACLC;KACD;IACDM,QAAQ,EAAE;GACX,CAAC;EAEF,MAAMC,4BAA4B,GAAGxB,iBAAA,CAAAqB,gBAAgB,CAACN,mBAAmB,EAAE;IACzEO,YAAY,EAAE;MACZf,UAAU;MACVC,QAAQ;MACRC,QAAQ;MACRC,iBAAiB;MACjBC,IAAI;MACJC,YAAY;MACZa,EAAE,EAAEP,MAAM,GAAG,uBAAuB;MACpCF,KAAK;MACLC;KACD;IACDM,QAAQ,EAAE;GACX,CAAC;EAEF;EACA;EACA,IACEH,mBAAmB,IACnBI,4BAA4B,IAC5B,CAACJ,mBAAmB,CAAC,YAAY,CAAC,IAClC,CAACA,mBAAmB,CAAC,iBAAiB,CAAC,EACvC;IACAA,mBAAmB,CAAC,iBAAiB,CAAC,GAAGI,4BAA4B,CAACC,EAAE;;EAG1E,OAAO;IACL;IACAlB,UAAU;IACVE,QAAQ;IACRC,iBAAiB;IACjBE,YAAY;IACZI,KAAK;IACLC,IAAI;IAEJ;IACAS,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXd,UAAU,EAAEV,YAAA,CAAAyB,UAAU;MACtBb,mBAAmB,EAAEb,QAAA,CAAA2B;KACtB;IAEDF,IAAI,EAAE3B,iBAAA,CAAA8B,qBAAqB,CAAC,KAAK,EAAE;MAAExB,GAAG;MAAE,GAAGD;IAAK,CAAE,CAAC;IACrDQ,UAAU,EAAEO,mBAAmB;IAC/BL,mBAAmB,EAAES;GACtB;AACH,CAAC;AA9EYO,OAAA,CAAA3B,uBAAuB,GAAAA,uBAAA"}