@fluentui/react-button 0.0.0-nightly-20230316-0427.1 → 0.0.0-nightly-20230317-1454.1

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

@@ -1,28 +1,25 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "SplitButton", {
+    enumerable: true,
+    get: ()=>SplitButton
 });
-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
+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
 });
+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,"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"}
+{"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"}

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

@@ -1,6 +1,7 @@
 "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,"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":""}
+{"version":3,"sources":["../../../lib/components/SplitButton/SplitButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=SplitButton.types.js.map"],"names":[],"mappings":";;;;CACA,6CAA6C"}

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

@@ -1,25 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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;
-  }
+    value: true
 });
-Object.defineProperty(exports, "useSplitButtonStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return useSplitButtonStyles_1.useSplitButtonStyles_unstable;
-  }
+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
 });
+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,"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"}
+{"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"}

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

@@ -1,26 +1,17 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderSplitButton_unstable", {
+    enumerable: true,
+    get: ()=>renderSplitButton_unstable
 });
-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;
+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
+
 //# sourceMappingURL=renderSplitButton.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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"}

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

@@ -1,83 +1,70 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useSplitButton_unstable", {
+    enumerable: true,
+    get: ()=>useSplitButton_unstable
 });
-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;
+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
+
 //# sourceMappingURL=useSplitButton.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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"}