@fluentui/react-button 9.74.3-experimental.esm.20260709-49ee7a20cf.0 → 9.74.7-experimental.cli-api.20261006-ccaa611d58.0

package/lib-commonjs/CompoundButton.cjs

@@ -18,6 +18,9 @@ _export(exports, {
     renderCompoundButton_unstable: function() {
         return _index.renderCompoundButton_unstable;
     },
+    useCompoundButtonBase_unstable: function() {
+        return _index.useCompoundButtonBase_unstable;
+    },
     useCompoundButtonStyles_unstable: function() {
         return _index.useCompoundButtonStyles_unstable;
     },

package/lib-commonjs/CompoundButton.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/CompoundButton.ts"],"sourcesContent":["export type { CompoundButtonProps, CompoundButtonSlots, CompoundButtonState } from './components/CompoundButton/index';\nexport {\n  CompoundButton,\n  compoundButtonClassNames,\n  renderCompoundButton_unstable,\n  useCompoundButtonStyles_unstable,\n  useCompoundButton_unstable,\n} from './components/CompoundButton/index';\n"],"names":["CompoundButton","compoundButtonClassNames","renderCompoundButton_unstable","useCompoundButtonStyles_unstable","useCompoundButton_unstable"],"mappings":";;;;;;;;;;;;eAEEA,qBAAc;;;eACdC,+BAAwB;;;eACxBC,oCAA6B;;;eAC7BC,uCAAgC;;;eAChCC,iCAA0B;;;uBACrB,uCAAoC"}
+{"version":3,"sources":["../src/CompoundButton.ts"],"sourcesContent":["export type {\n  CompoundButtonBaseProps,\n  CompoundButtonBaseState,\n  CompoundButtonProps,\n  CompoundButtonSlots,\n  CompoundButtonState,\n} from './components/CompoundButton/index';\nexport {\n  CompoundButton,\n  compoundButtonClassNames,\n  renderCompoundButton_unstable,\n  useCompoundButtonBase_unstable,\n  useCompoundButtonStyles_unstable,\n  useCompoundButton_unstable,\n} from './components/CompoundButton/index';\n"],"names":["CompoundButton","compoundButtonClassNames","renderCompoundButton_unstable","useCompoundButtonBase_unstable","useCompoundButtonStyles_unstable","useCompoundButton_unstable"],"mappings":";;;;;;;;;;;;eAQEA,qBAAc;;;eACdC,+BAAwB;;;eACxBC,oCAA6B;;;eAC7BC,qCAA8B;;;eAC9BC,uCAAgC;;;eAChCC,iCAA0B;;;uBACrB,uCAAoC"}

package/lib-commonjs/SplitButton.cjs

@@ -18,6 +18,9 @@ _export(exports, {
     splitButtonClassNames: function() {
         return _index.splitButtonClassNames;
     },
+    useSplitButtonBase_unstable: function() {
+        return _index.useSplitButtonBase_unstable;
+    },
     useSplitButtonStyles_unstable: function() {
         return _index.useSplitButtonStyles_unstable;
     },

package/lib-commonjs/SplitButton.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/SplitButton.ts"],"sourcesContent":["export type { SplitButtonProps, SplitButtonSlots, SplitButtonState } from './components/SplitButton/index';\nexport {\n  SplitButton,\n  renderSplitButton_unstable,\n  splitButtonClassNames,\n  useSplitButtonStyles_unstable,\n  useSplitButton_unstable,\n} from './components/SplitButton/index';\n"],"names":["SplitButton","renderSplitButton_unstable","splitButtonClassNames","useSplitButtonStyles_unstable","useSplitButton_unstable"],"mappings":";;;;;;;;;;;;eAEEA,kBAAW;;;eACXC,iCAA0B;;;eAC1BC,4BAAqB;;;eACrBC,oCAA6B;;;eAC7BC,8BAAuB;;;uBAClB,oCAAiC"}
+{"version":3,"sources":["../src/SplitButton.ts"],"sourcesContent":["export type {\n  SplitButtonBaseProps,\n  SplitButtonBaseSlots,\n  SplitButtonBaseState,\n  SplitButtonProps,\n  SplitButtonSlots,\n  SplitButtonState,\n} from './components/SplitButton/index';\nexport {\n  SplitButton,\n  renderSplitButton_unstable,\n  splitButtonClassNames,\n  useSplitButtonStyles_unstable,\n  useSplitButton_unstable,\n  useSplitButtonBase_unstable,\n} from './components/SplitButton/index';\n"],"names":["SplitButton","renderSplitButton_unstable","splitButtonClassNames","useSplitButtonStyles_unstable","useSplitButton_unstable","useSplitButtonBase_unstable"],"mappings":";;;;;;;;;;;;eASEA,kBAAW;;;eACXC,iCAA0B;;;eAC1BC,4BAAqB;;;eAGrBG,kCAA2B;;;eAF3BF,oCAA6B;;;eAC7BC,8BAAuB;;;uBAElB,oCAAiC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CompoundButton/CompoundButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonSlots, ButtonState } from '../Button/Button.types';\n\nexport type CompoundButtonSlots = ButtonSlots & {\n  /**\n   * Second line of text that describes the action this button takes.\n   */\n  secondaryContent?: Slot<'span'>;\n\n  /**\n   * Container that wraps the children and the secondaryContent slot.\n   */\n  contentContainer: NonNullable<Slot<'span'>>;\n};\n\nexport type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> &\n  Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'iconPosition' | 'shape' | 'size'>;\n\nexport type CompoundButtonState = ComponentState<CompoundButtonSlots> &\n  Omit<ButtonState, keyof ButtonSlots | 'components'>;\n"],"names":[],"mappings":""}
+{"version":3,"sources":["../src/components/CompoundButton/CompoundButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonBaseProps, ButtonBaseState, ButtonProps, ButtonSlots, ButtonState } from '../Button/Button.types';\n\nexport type CompoundButtonSlots = ButtonSlots & {\n  /**\n   * Second line of text that describes the action this button takes.\n   */\n  secondaryContent?: Slot<'span'>;\n\n  /**\n   * Container that wraps the children and the secondaryContent slot.\n   */\n  contentContainer: NonNullable<Slot<'span'>>;\n};\n\nexport type CompoundButtonBaseProps = ComponentProps<Partial<CompoundButtonSlots>> &\n  Pick<ButtonBaseProps, 'disabledFocusable' | 'disabled' | 'iconPosition'>;\n\nexport type CompoundButtonProps = CompoundButtonBaseProps & Pick<ButtonProps, 'appearance' | 'shape' | 'size'>;\n\nexport type CompoundButtonBaseState = ComponentState<CompoundButtonSlots> &\n  Omit<ButtonBaseState, keyof ButtonSlots | 'components'>;\n\nexport type CompoundButtonState = CompoundButtonBaseState & Pick<ButtonState, 'appearance' | 'shape' | 'size'>;\n"],"names":[],"mappings":""}

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

@@ -18,6 +18,9 @@ _export(exports, {
     renderCompoundButton_unstable: function() {
         return _renderCompoundButton.renderCompoundButton_unstable;
     },
+    useCompoundButtonBase_unstable: function() {
+        return _useCompoundButton.useCompoundButtonBase_unstable;
+    },
     useCompoundButtonStyles_unstable: function() {
         return _useCompoundButtonStylesstyles.useCompoundButtonStyles_unstable;
     },

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CompoundButton/index.ts"],"sourcesContent":["export { CompoundButton } from './CompoundButton';\nexport type { CompoundButtonProps, CompoundButtonSlots, CompoundButtonState } from './CompoundButton.types';\nexport { renderCompoundButton_unstable } from './renderCompoundButton';\nexport { useCompoundButton_unstable } from './useCompoundButton';\nexport { compoundButtonClassNames, useCompoundButtonStyles_unstable } from './useCompoundButtonStyles.styles';\n"],"names":["CompoundButton","renderCompoundButton_unstable","useCompoundButton_unstable","compoundButtonClassNames","useCompoundButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAIdG,uDAAwB;;;eAFxBF,mDAA6B;;;eAEHG,+DAAgC;;;eAD1DF,6CAA0B;;;gCAHJ,sBAAmB;sCAEJ,4BAAyB;mCAC5B,yBAAsB;+CACU,sCAAmC"}
+{"version":3,"sources":["../src/components/CompoundButton/index.ts"],"sourcesContent":["export { CompoundButton } from './CompoundButton';\nexport type {\n  CompoundButtonBaseProps,\n  CompoundButtonBaseState,\n  CompoundButtonProps,\n  CompoundButtonSlots,\n  CompoundButtonState,\n} from './CompoundButton.types';\nexport { renderCompoundButton_unstable } from './renderCompoundButton';\nexport { useCompoundButtonBase_unstable, useCompoundButton_unstable } from './useCompoundButton';\nexport { compoundButtonClassNames, useCompoundButtonStyles_unstable } from './useCompoundButtonStyles.styles';\n"],"names":["CompoundButton","renderCompoundButton_unstable","useCompoundButtonBase_unstable","useCompoundButton_unstable","compoundButtonClassNames","useCompoundButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAUdI,uDAAwB;;;eAFxBH,mDAA6B;;;eAC7BC,iDAA8B;;;eACJG,+DAAgC;;;eAD1BF,6CAA0B;;;gCATpC,sBAAmB;sCAQJ,4BAAyB;mCACI,yBAAsB;+CACtB,sCAAmC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CompoundButton/renderCompoundButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { CompoundButtonSlots, CompoundButtonState } from './CompoundButton.types';\n\n/**\n * Renders a CompoundButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderCompoundButton_unstable = (state: CompoundButtonState): JSXElement => {\n  assertSlots<CompoundButtonSlots>(state);\n  const { iconOnly, iconPosition } = state;\n\n  return (\n    <state.root>\n      {iconPosition !== 'after' && state.icon && <state.icon />}\n      {!iconOnly && (\n        <state.contentContainer>\n          {state.root.children}\n          {state.secondaryContent && <state.secondaryContent />}\n        </state.contentContainer>\n      )}\n\n      {iconPosition === 'after' && state.icon && <state.icon />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderCompoundButton_unstable","state","iconOnly","iconPosition","root","icon","contentContainer","children","secondaryContent"],"mappings":";;;;+BAWaC;;;;;;4BAVb,iCAAiD;gCAErB,4BAA4B;AAQjD,sCAAsC,CAACC;QAC5CF,2BAAAA,EAAiCE;IACjC,MAAM,EAAEC,QAAQ,EAAEC,YAAY,EAAE,GAAGF;IAEnC,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMG,IAAI,EAAA;;YACRD,iBAAiB,WAAWF,MAAMI,IAAI,IAAA,WAAA,OAAI,eAAA,EAACJ,MAAMI,IAAI,EAAA,CAAA;YACrD,CAACH,YAAAA,WAAAA,GACA,oBAAA,EAACD,MAAMK,gBAAgB,EAAA;;oBACpBL,MAAMG,IAAI,CAACG,QAAQ;oBACnBN,MAAMO,gBAAgB,IAAA,WAAA,OAAI,eAAA,EAACP,MAAMO,gBAAgB,EAAA,CAAA;;;YAIrDL,iBAAiB,WAAWF,MAAMI,IAAI,IAAA,WAAA,OAAI,eAAA,EAACJ,MAAMI,IAAI,EAAA,CAAA;;;AAG5D,EAAE"}
+{"version":3,"sources":["../src/components/CompoundButton/renderCompoundButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { CompoundButtonBaseState, CompoundButtonSlots } from './CompoundButton.types';\n\n/**\n * Renders a CompoundButton component by passing the state defined props to the appropriate slots.\n */\nexport const renderCompoundButton_unstable = (state: CompoundButtonBaseState): JSXElement => {\n  assertSlots<CompoundButtonSlots>(state);\n  const { iconOnly, iconPosition } = state;\n\n  return (\n    <state.root>\n      {iconPosition !== 'after' && state.icon && <state.icon />}\n      {!iconOnly && (\n        <state.contentContainer>\n          {state.root.children}\n          {state.secondaryContent && <state.secondaryContent />}\n        </state.contentContainer>\n      )}\n\n      {iconPosition === 'after' && state.icon && <state.icon />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderCompoundButton_unstable","state","iconOnly","iconPosition","root","icon","contentContainer","children","secondaryContent"],"mappings":";;;;+BAWaC;;;;;;4BAVb,iCAAiD;gCAErB,4BAA4B;AAQjD,sCAAsC,CAACC;QAC5CF,2BAAAA,EAAiCE;IACjC,MAAM,EAAEC,QAAQ,EAAEC,YAAY,EAAE,GAAGF;IAEnC,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMG,IAAI,EAAA;;YACRD,iBAAiB,WAAWF,MAAMI,IAAI,IAAA,WAAA,OAAI,eAAA,EAACJ,MAAMI,IAAI,EAAA,CAAA;YACrD,CAACH,YAAAA,WAAAA,GACA,oBAAA,EAACD,MAAMK,gBAAgB,EAAA;;oBACpBL,MAAMG,IAAI,CAACG,QAAQ;oBACnBN,MAAMO,gBAAgB,IAAA,WAAA,OAAI,eAAA,EAACP,MAAMO,gBAAgB,EAAA,CAAA;;;YAIrDL,iBAAiB,WAAWF,MAAMI,IAAI,IAAA,WAAA,OAAI,eAAA,EAACJ,MAAMI,IAAI,EAAA,CAAA;;;AAG5D,EAAE"}

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

@@ -3,21 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useCompoundButton_unstable", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useCompoundButtonBase_unstable: function() {
+        return useCompoundButtonBase_unstable;
+    },
+    useCompoundButton_unstable: function() {
         return useCompoundButton_unstable;
     }
 });
 const _reactutilities = require("@fluentui/react-utilities");
+const _ButtonContext = require("../../contexts/ButtonContext.cjs");
 const _index = require("../Button/index.cjs");
-const useCompoundButton_unstable = (props, ref)=>{
+const useCompoundButtonBase_unstable = (props, ref)=>{
     var _state_icon, _state_secondaryContent;
     const { contentContainer, secondaryContent, ...buttonProps } = props;
     const state = {
-        // Button state
-        ...(0, _index.useButton_unstable)(buttonProps, ref),
-        // Slots definition
+        ...(0, _index.useButtonBase_unstable)(buttonProps, ref),
         components: {
             root: 'button',
             icon: 'span',
@@ -31,7 +38,17 @@ const useCompoundButton_unstable = (props, ref)=>{
             elementType: 'span'
         })
     };
-    // Recalculate iconOnly to take into account secondaryContent.
     state.iconOnly = Boolean(((_state_icon = state.icon) === null || _state_icon === void 0 ? void 0 : _state_icon.children) && !props.children && !((_state_secondaryContent = state.secondaryContent) === null || _state_secondaryContent === void 0 ? void 0 : _state_secondaryContent.children));
     return state;
 };
+const useCompoundButton_unstable = (props, ref)=>{
+    const { size: contextSize } = (0, _ButtonContext.useButtonContext)();
+    const { appearance = 'secondary', shape = 'rounded', size = contextSize !== null && contextSize !== void 0 ? contextSize : 'medium', ...buttonProps } = props;
+    const state = useCompoundButtonBase_unstable(buttonProps, ref);
+    return {
+        appearance,
+        shape,
+        size,
+        ...state
+    };
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CompoundButton/useCompoundButton.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '../Button/index';\nimport type { CompoundButtonProps, CompoundButtonState } from './CompoundButton.types';\n\n/**\n * Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.\n * @param props - User provided props to the CompoundButton component.\n * @param ref - User provided ref to be passed to the CompoundButton component.\n */\nexport const useCompoundButton_unstable = (\n  props: CompoundButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): CompoundButtonState => {\n  const { contentContainer, secondaryContent, ...buttonProps } = props;\n\n  const state: CompoundButtonState = {\n    // Button state\n    ...useButton_unstable(buttonProps, ref),\n\n    // Slots definition\n    components: {\n      root: 'button',\n      icon: 'span',\n      contentContainer: 'span',\n      secondaryContent: 'span',\n    },\n    contentContainer: slot.always(contentContainer, { elementType: 'span' }),\n    secondaryContent: slot.optional(secondaryContent, { elementType: 'span' }),\n  };\n\n  // Recalculate iconOnly to take into account secondaryContent.\n  state.iconOnly = Boolean(state.icon?.children && !props.children && !state.secondaryContent?.children);\n\n  return state;\n};\n"],"names":["slot","useButton_unstable","useCompoundButton_unstable","props","ref","state","contentContainer","secondaryContent","buttonProps","components","root","icon","always","elementType","optional","iconOnly","Boolean","children"],"mappings":"AAAA;;;;;+BAYaE;;;;;;gCATQ,4BAA4B;uBACd,qBAAkB;AAQ9C,mCAAmC,CACxCC,OACAC;QAoByBC,aAA4CA;IAlBrE,MAAM,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAE,GAAGC,aAAa,GAAGL;IAE/D,MAAME,QAA6B;QACjC,eAAe;QACf,OAAGJ,yBAAAA,EAAmBO,aAAaJ,IAAI;QAEvC,mBAAmB;QACnBK,YAAY;YACVC,MAAM;YACNC,MAAM;YACNL,kBAAkB;YAClBC,kBAAkB;QACpB;QACAD,kBAAkBN,oBAAAA,CAAKY,MAAM,CAACN,kBAAkB;YAAEO,aAAa;QAAO;QACtEN,kBAAkBP,oBAAAA,CAAKc,QAAQ,CAACP,kBAAkB;YAAEM,aAAa;QAAO;IAC1E;IAEA,8DAA8D;IAC9DR,MAAMU,QAAQ,GAAGC,QAAQX,CAAAA,CAAAA,cAAAA,MAAMM,IAAAA,AAAI,MAAA,QAAVN,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAYY,QAAAA,AAAQ,KAAI,CAACd,MAAMc,QAAQ,IAAI,CAAA,CAAA,CAACZ,0BAAAA,MAAME,gBAAAA,AAAgB,MAAA,QAAtBF,4BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,wBAAwBY,QAAAA,AAAQ;IAErG,OAAOZ;AACT,EAAE"}
+{"version":3,"sources":["../src/components/CompoundButton/useCompoundButton.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useButtonContext } from '../../contexts/ButtonContext';\nimport { useButtonBase_unstable } from '../Button/index';\nimport type {\n  CompoundButtonBaseProps,\n  CompoundButtonBaseState,\n  CompoundButtonProps,\n  CompoundButtonState,\n} from './CompoundButton.types';\n\n/**\n * Base hook for CompoundButton, which manages state related to slots structure and ARIA attributes.\n *\n * @param props - User provided props to the CompoundButton component.\n * @param ref - User provided ref to be passed to the CompoundButton component.\n */\nexport const useCompoundButtonBase_unstable = (\n  props: CompoundButtonBaseProps,\n  ref?: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): CompoundButtonBaseState => {\n  const { contentContainer, secondaryContent, ...buttonProps } = props;\n  const state: CompoundButtonBaseState = {\n    ...useButtonBase_unstable(buttonProps, ref),\n    components: {\n      root: 'button',\n      icon: 'span',\n      contentContainer: 'span',\n      secondaryContent: 'span',\n    },\n    contentContainer: slot.always(contentContainer, { elementType: 'span' }),\n    secondaryContent: slot.optional(secondaryContent, { elementType: 'span' }),\n  };\n\n  state.iconOnly = Boolean(state.icon?.children && !props.children && !state.secondaryContent?.children);\n  return state;\n};\n\n/**\n * Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.\n * @param props - User provided props to the CompoundButton component.\n * @param ref - User provided ref to be passed to the CompoundButton component.\n */\nexport const useCompoundButton_unstable = (\n  props: CompoundButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): CompoundButtonState => {\n  const { size: contextSize } = useButtonContext();\n  const { appearance = 'secondary', shape = 'rounded', size = contextSize ?? 'medium', ...buttonProps } = props;\n  const state = useCompoundButtonBase_unstable(buttonProps, ref);\n\n  return {\n    appearance,\n    shape,\n    size,\n    ...state,\n  };\n};\n"],"names":["slot","useButtonContext","useButtonBase_unstable","useCompoundButtonBase_unstable","props","ref","state","contentContainer","secondaryContent","buttonProps","components","root","icon","always","elementType","optional","iconOnly","Boolean","children","useCompoundButton_unstable","size","contextSize","appearance","shape"],"mappings":"AAAA;;;;;;;;;;;;IAmBaG,8BAAAA;;;8BA0BAgB;;;;gCA1CQ,4BAA4B;+BAChB,kCAA+B;uBACzB,qBAAkB;AAclD,uCAAuC,CAC5Cf,OACAC;QAeyBC,aAA4CA;IAbrE,MAAM,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAE,GAAGC,aAAa,GAAGL;IAC/D,MAAME,QAAiC;QACrC,OAAGJ,6BAAAA,EAAuBO,aAAaJ,IAAI;QAC3CK,YAAY;YACVC,MAAM;YACNC,MAAM;YACNL,kBAAkB;YAClBC,kBAAkB;QACpB;QACAD,kBAAkBP,oBAAAA,CAAKa,MAAM,CAACN,kBAAkB;YAAEO,aAAa;QAAO;QACtEN,kBAAkBR,oBAAAA,CAAKe,QAAQ,CAACP,kBAAkB;YAAEM,aAAa;QAAO;IAC1E;IAEAR,MAAMU,QAAQ,GAAGC,QAAQX,CAAAA,CAAAA,cAAAA,MAAMM,IAAAA,AAAI,MAAA,QAAVN,gBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,YAAYY,QAAAA,AAAQ,KAAI,CAACd,MAAMc,QAAQ,IAAI,CAAA,CAAA,CAACZ,0BAAAA,MAAME,gBAAAA,AAAgB,MAAA,QAAtBF,4BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,wBAAwBY,QAAAA,AAAQ;IACrG,OAAOZ;AACT,EAAE;AAOK,MAAMa,6BAA6B,CACxCf,OACAC;IAEA,MAAM,EAAEe,MAAMC,WAAW,EAAE,OAAGpB,+BAAAA;IAC9B,MAAM,EAAEqB,aAAa,WAAW,EAAEC,QAAQ,SAAS,EAAEH,OAAOC,gBAAAA,QAAAA,gBAAAA,KAAAA,IAAAA,cAAe,QAAQ,EAAE,GAAGZ,aAAa,GAAGL;IACxG,MAAME,QAAQH,+BAA+BM,aAAaJ;IAE1D,OAAO;QACLiB;QACAC;QACAH;QACA,GAAGd,KAAK;IACV;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderSplitButton_unstable } from './renderSplitButton';\nimport { useSplitButton_unstable } from './useSplitButton';\nimport { useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\nimport type { SplitButtonProps } from './SplitButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_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  useCustomStyleHook_unstable('useSplitButtonStyles_unstable')(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"],"names":["React","renderSplitButton_unstable","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyleHook_unstable","SplitButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;mCACY,yBAAsB;gCACzB,sBAAmB;4CACb,mCAAgC;qCAGlC,kCAAkC;AAMvE,MAAMK,cAAAA,WAAAA,GAAqDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,YAAQP,uCAAAA,EAAwBK,OAAOC;QAE7CL,yDAAAA,EAA8BM;QAE9BL,gDAAAA,EAA4B,iCAAiCK;IAE7D,WAAOR,6CAAAA,EAA2BQ;AAClC,0FAA0F;AAC5F,GAA4C;AAE5CJ,YAAYK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderSplitButton_unstable } from './renderSplitButton';\nimport { useSplitButton_unstable } from './useSplitButton';\nimport { useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\nimport type { SplitButtonProps } from './SplitButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_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<HTMLDivElement, SplitButtonProps>(\n  (props, ref) => {\n    const state = useSplitButton_unstable(props, ref);\n\n    useSplitButtonStyles_unstable(state);\n\n    useCustomStyleHook_unstable('useSplitButtonStyles_unstable')(state);\n\n    return renderSplitButton_unstable(state);\n    // Casting is required due to lack of distributive union to support unions on @types/react\n  },\n) as ForwardRefComponent<SplitButtonProps>;\n\nSplitButton.displayName = 'SplitButton';\n"],"names":["React","renderSplitButton_unstable","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyleHook_unstable","SplitButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;mCACY,yBAAsB;gCACzB,sBAAmB;4CACb,mCAAgC;qCAGlC,kCAAkC;AAMvE,MAAMK,cAAAA,WAAAA,GAAqDL,OAAMM,UAAU,CAChF,CAACC,OAAOC;IACN,MAAMC,YAAQP,uCAAAA,EAAwBK,OAAOC;QAE7CL,yDAAAA,EAA8BM;QAE9BL,gDAAAA,EAA4B,iCAAiCK;IAE7D,WAAOR,6CAAAA,EAA2BQ;AAClC,0FAA0F;AAC5F,GACyC;AAE3CJ,YAAYK,WAAW,GAAG"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * SplitButton state without the `appearance`/`size`/`shape` styling props, for headless usage.
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitButton/SplitButton.types.ts"],"sourcesContent":["import type { Button } from '../Button/Button';\nimport type { 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' | 'as'> &\n  Omit<MenuButtonProps, 'root' | 'as'>;\n\nexport type SplitButtonState = ComponentState<SplitButtonSlots> &\n  Omit<ButtonState, 'components' | 'iconOnly' | 'root'> &\n  Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;\n"],"names":[],"mappings":""}
+{"version":3,"sources":["../src/components/SplitButton/SplitButton.types.ts"],"sourcesContent":["import type { Button } from '../Button/Button';\nimport type { MenuButton } from '../MenuButton/MenuButton';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonBaseProps, ButtonProps, ButtonState } from '../Button/Button.types';\nimport type { MenuButtonBaseProps, 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' | 'as'> &\n  Omit<MenuButtonProps, 'root' | 'as'>;\n\nexport type SplitButtonState = ComponentState<SplitButtonSlots> &\n  Omit<ButtonState, 'components' | 'iconOnly' | 'root'> &\n  Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;\n\nexport type SplitButtonBaseSlots = {\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<MenuButtonBaseProps>;\n  /**\n   * Button to perform primary action in SplitButton.\n   */\n  primaryActionButton?: Slot<ButtonBaseProps>;\n};\n\n/**\n * SplitButton props without the `appearance`/`size`/`shape` styling props, for headless usage.\n */\nexport type SplitButtonBaseProps = ComponentProps<SplitButtonBaseSlots> &\n  Pick<ButtonBaseProps, 'disabled' | 'disabledFocusable' | 'icon' | 'iconPosition'> &\n  Pick<MenuButtonBaseProps, 'menuIcon'>;\n\n/**\n * SplitButton state without the `appearance`/`size`/`shape` styling props, for headless usage.\n */\nexport type SplitButtonBaseState = ComponentState<SplitButtonBaseSlots> &\n  Required<Pick<SplitButtonBaseProps, 'disabled' | 'disabledFocusable' | 'iconPosition'>>;\n"],"names":[],"mappings":"AAqDA;;CAEC,GACD,WAC0F"}

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

@@ -18,6 +18,9 @@ _export(exports, {
     splitButtonClassNames: function() {
         return _useSplitButtonStylesstyles.splitButtonClassNames;
     },
+    useSplitButtonBase_unstable: function() {
+        return _useSplitButton.useSplitButtonBase_unstable;
+    },
     useSplitButtonStyles_unstable: function() {
         return _useSplitButtonStylesstyles.useSplitButtonStyles_unstable;
     },

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitButton/index.ts"],"sourcesContent":["export { SplitButton } from './SplitButton';\nexport type { SplitButtonProps, SplitButtonSlots, SplitButtonState } from './SplitButton.types';\nexport { renderSplitButton_unstable } from './renderSplitButton';\nexport { useSplitButton_unstable } from './useSplitButton';\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\n"],"names":["SplitButton","renderSplitButton_unstable","useSplitButton_unstable","splitButtonClassNames","useSplitButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,wBAAW;;;eAEXC,6CAA0B;;;eAE1BE,iDAAqB;;;eAAEC,yDAA6B;;;eADpDF,uCAAuB;;;6BAHJ,mBAAgB;mCAED,yBAAsB;gCACzB,sBAAmB;4CACU,mCAAgC"}
+{"version":3,"sources":["../src/components/SplitButton/index.ts"],"sourcesContent":["export { SplitButton } from './SplitButton';\nexport type {\n  SplitButtonBaseProps,\n  SplitButtonBaseSlots,\n  SplitButtonBaseState,\n  SplitButtonProps,\n  SplitButtonSlots,\n  SplitButtonState,\n} from './SplitButton.types';\nexport { renderSplitButton_unstable } from './renderSplitButton';\nexport { useSplitButton_unstable, useSplitButtonBase_unstable } from './useSplitButton';\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\n"],"names":["SplitButton","renderSplitButton_unstable","useSplitButton_unstable","useSplitButtonBase_unstable","splitButtonClassNames","useSplitButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,wBAAW;;;eASXC,6CAA0B;;;eAE1BG,iDAAqB;;;eADID,2CAA2B;;;eAC7BE,yDAA6B;;;eADpDH,uCAAuB;;;6BAVJ,mBAAgB;mCASD,yBAAsB;gCACI,sBAAmB;4CACnB,mCAAgC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitButton/renderSplitButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\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): JSXElement => {\n  assertSlots<SplitButtonSlots>(state);\n\n  return (\n    <state.root>\n      {state.primaryActionButton && <state.primaryActionButton />}\n      {state.menuButton && <state.menuButton />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderSplitButton_unstable","state","root","primaryActionButton","menuButton"],"mappings":";;;;+BAWaC;;;;;;4BAVb,iCAAiD;gCAErB,4BAA4B;AAQjD,mCAAmC,CAACC;QACzCF,2BAAAA,EAA8BE;IAE9B,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAME,mBAAmB,IAAA,WAAA,OAAI,eAAA,EAACF,MAAME,mBAAmB,EAAA,CAAA;YACvDF,MAAMG,UAAU,IAAA,WAAA,OAAI,eAAA,EAACH,MAAMG,UAAU,EAAA,CAAA;;;AAG5C,EAAE"}
+{"version":3,"sources":["../src/components/SplitButton/renderSplitButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ComponentState, JSXElement } from '@fluentui/react-utilities';\n\nimport type { SplitButtonBaseSlots } 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 = (\n  state: Pick<ComponentState<SplitButtonBaseSlots>, 'root' | 'menuButton' | 'primaryActionButton'>,\n): JSXElement => {\n  assertSlots<SplitButtonBaseSlots>(state);\n\n  return (\n    <state.root>\n      {state.primaryActionButton && <state.primaryActionButton />}\n      {state.menuButton && <state.menuButton />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderSplitButton_unstable","state","root","primaryActionButton","menuButton"],"mappings":";;;;+BAWaC;;;;;;4BAVb,iCAAiD;gCAErB,4BAA4B;AAQjD,mCAAmC,CACxCC;QAEAF,2BAAAA,EAAkCE;IAElC,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAME,mBAAmB,IAAA,WAAA,OAAI,eAAA,EAACF,MAAME,mBAAmB,EAAA,CAAA;YACvDF,MAAMG,UAAU,IAAA,WAAA,OAAI,eAAA,EAACH,MAAMG,UAAU,EAAA,CAAA;;;AAG5C,EAAE"}

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

@@ -1,10 +1,19 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useSplitButton_unstable", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useSplitButtonBase_unstable: function() {
+        return useSplitButtonBase_unstable;
+    },
+    useSplitButton_unstable: function() {
         return useSplitButton_unstable;
     }
 });
@@ -12,13 +21,13 @@ const _reactutilities = require("@fluentui/react-utilities");
 const _Button = require("../Button/Button.cjs");
 const _MenuButton = require("../MenuButton/MenuButton.cjs");
 const useSplitButton_unstable = (props, ref)=>{
-    const { appearance = 'secondary', children, disabled = false, disabledFocusable = false, icon, iconPosition = 'before', menuButton, menuIcon, primaryActionButton, shape = 'rounded', size = 'medium', ...rest } = props;
-    const baseId = (0, _reactutilities.useId)('splitButton-');
-    const menuButtonShorthand = _reactutilities.slot.optional(menuButton, {
+    const { appearance = 'secondary', icon, menuIcon, shape = 'rounded', size = 'medium', ...rest } = props;
+    const baseState = useSplitButtonBase_unstable(rest, ref);
+    const menuButtonShorthand = _reactutilities.slot.optional(props.menuButton, {
         defaultProps: {
+            ...baseState.menuButton,
             appearance,
-            disabled,
-            disabledFocusable,
+            disabledFocusable: baseState.disabledFocusable,
             menuIcon,
             shape,
             size
@@ -26,41 +35,71 @@ const useSplitButton_unstable = (props, ref)=>{
         renderByDefault: true,
         elementType: _MenuButton.MenuButton
     });
-    const primaryActionButtonShorthand = _reactutilities.slot.optional(primaryActionButton, {
+    const primaryActionButtonShorthand = _reactutilities.slot.optional(props.primaryActionButton, {
         defaultProps: {
+            ...baseState.primaryActionButton,
             appearance,
-            children,
-            disabled,
-            disabledFocusable,
+            disabledFocusable: baseState.disabledFocusable,
             icon,
-            iconPosition,
-            id: baseId + '__primaryActionButton',
+            iconPosition: baseState.iconPosition,
             shape,
             size
         },
         renderByDefault: true,
         elementType: _Button.Button
     });
+    return {
+        ...baseState,
+        // Props passed at the top-level
+        appearance,
+        shape,
+        size,
+        // Slots definition
+        components: {
+            root: 'div',
+            menuButton: _MenuButton.MenuButton,
+            primaryActionButton: _Button.Button
+        },
+        menuButton: menuButtonShorthand,
+        primaryActionButton: primaryActionButtonShorthand
+    };
+};
+const useSplitButtonBase_unstable = (props, ref)=>{
+    const { children, disabled = false, disabledFocusable = false, icon, iconPosition = 'before', menuButton, menuIcon, primaryActionButton, ...rest } = props;
+    const baseId = (0, _reactutilities.useId)('splitButton-');
+    const menuButtonShorthand = _reactutilities.slot.optional(menuButton, {
+        defaultProps: {
+            disabled
+        },
+        renderByDefault: true,
+        elementType: 'button'
+    });
+    const primaryActionButtonShorthand = _reactutilities.slot.optional(primaryActionButton, {
+        defaultProps: {
+            children,
+            disabled,
+            id: baseId + '__primaryActionButton'
+        },
+        renderByDefault: true,
+        elementType: 'button'
+    });
     // Resolve menu button's aria-labelledby to be labelled by the primary action button if no label was 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
+            menuButton: 'button',
+            primaryActionButton: 'button'
         },
         root: _reactutilities.slot.always({
-            ref: ref,
+            ref,
             ...rest
         }, {
             elementType: 'div'

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitButton/useSplitButton.ts"],"sourcesContent":["import type * as React from 'react';\nimport { useId, slot } 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    ...rest\n  } = props;\n  const baseId = useId('splitButton-');\n\n  const menuButtonShorthand = slot.optional(menuButton, {\n    defaultProps: {\n      appearance,\n      disabled,\n      disabledFocusable,\n      menuIcon,\n      shape,\n      size,\n    },\n    renderByDefault: true,\n    elementType: MenuButton,\n  });\n  const primaryActionButtonShorthand = slot.optional(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    renderByDefault: true,\n    elementType: Button,\n  });\n\n  // Resolve menu button's aria-labelledby to be labelled by the primary action button if no label was provided by the\n  // 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, // Slots definition\n    components: { root: 'div', menuButton: MenuButton, primaryActionButton: Button },\n    root: slot.always({ ref: ref as React.Ref<HTMLDivElement>, ...rest }, { elementType: 'div' }),\n    menuButton: menuButtonShorthand,\n    primaryActionButton: primaryActionButtonShorthand,\n  };\n};\n"],"names":["useId","slot","Button","MenuButton","useSplitButton_unstable","props","ref","appearance","children","disabled","disabledFocusable","icon","iconPosition","menuButton","menuIcon","primaryActionButton","shape","size","rest","baseId","menuButtonShorthand","optional","defaultProps","renderByDefault","elementType","primaryActionButtonShorthand","id","components","root","always"],"mappings":";;;;+BAWaI;;;;;;gCAVe,4BAA4B;wBACjC,sBAAmB;4BACf,8BAA2B;AAQ/C,gCAAgC,CACrCC,OACAC;IAEA,MAAM,EACJC,aAAa,WAAW,EACxBC,QAAQ,EACRC,WAAW,KAAK,EAChBC,oBAAoB,KAAK,EACzBC,IAAI,EACJC,eAAe,QAAQ,EACvBC,UAAU,EACVC,QAAQ,EACRC,mBAAmB,EACnBC,QAAQ,SAAS,EACjBC,OAAO,QAAQ,EACf,GAAGC,MACJ,GAAGb;IACJ,MAAMc,aAASnB,qBAAAA,EAAM;IAErB,MAAMoB,sBAAsBnB,oBAAAA,CAAKoB,QAAQ,CAACR,YAAY;QACpDS,cAAc;YACZf;YACAE;YACAC;YACAI;YACAE;YACAC;QACF;QACAM,iBAAiB;QACjBC,aAAarB,sBAAAA;IACf;IACA,MAAMsB,+BAA+BxB,oBAAAA,CAAKoB,QAAQ,CAACN,qBAAqB;QACtEO,cAAc;YACZf;YACAC;YACAC;YACAC;YACAC;YACAC;YACAc,IAAIP,SAAS;YACbH;YACAC;QACF;QACAM,iBAAiB;QACjBC,aAAatB,cAAAA;IACf;IAEA,oHAAoH;IACpH,QAAQ;IACR,IACEkB,uBACAK,gCACA,CAACL,mBAAmB,CAAC,aAAa,IAClC,CAACA,mBAAmB,CAAC,kBAAkB,EACvC;QACAA,mBAAmB,CAAC,kBAAkB,GAAGK,6BAA6BC,EAAE;IAC1E;IAEA,OAAO;QACL,gCAAgC;QAChCnB;QACAE;QACAC;QACAE;QACAI;QACAC;QACAU,YAAY;YAAEC,MAAM;YAAOf,YAAYV,sBAAAA;YAAYY,qBAAqBb,cAAAA;QAAO;QAC/E0B,MAAM3B,oBAAAA,CAAK4B,MAAM,CAAC;YAAEvB,KAAKA;YAAkC,GAAGY,IAAI;QAAC,GAAG;YAAEM,aAAa;QAAM;QAC3FX,YAAYO;QACZL,qBAAqBU;IACvB;AACF,EAAE"}
+{"version":3,"sources":["../src/components/SplitButton/useSplitButton.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useId, slot } from '@fluentui/react-utilities';\nimport { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\nimport type {\n  SplitButtonBaseProps,\n  SplitButtonBaseState,\n  SplitButtonProps,\n  SplitButtonState,\n} 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 = (props: SplitButtonProps, ref: React.Ref<HTMLDivElement>): SplitButtonState => {\n  const { appearance = 'secondary', icon, menuIcon, shape = 'rounded', size = 'medium', ...rest } = props;\n  const baseState = useSplitButtonBase_unstable(rest, ref);\n\n  const menuButtonShorthand = slot.optional(props.menuButton, {\n    defaultProps: {\n      ...baseState.menuButton,\n      appearance,\n      disabledFocusable: baseState.disabledFocusable,\n      menuIcon,\n      shape,\n      size,\n    },\n    renderByDefault: true,\n    elementType: MenuButton,\n  });\n  const primaryActionButtonShorthand = slot.optional(props.primaryActionButton, {\n    defaultProps: {\n      ...baseState.primaryActionButton,\n      appearance,\n      disabledFocusable: baseState.disabledFocusable,\n      icon,\n      iconPosition: baseState.iconPosition,\n      shape,\n      size,\n    },\n    renderByDefault: true,\n    elementType: Button,\n  });\n\n  return {\n    ...baseState,\n    // Props passed at the top-level\n    appearance,\n    shape,\n    size,\n    // Slots definition\n    components: { root: 'div', menuButton: MenuButton, primaryActionButton: Button },\n    menuButton: menuButtonShorthand,\n    primaryActionButton: primaryActionButtonShorthand,\n  };\n};\n\n/**\n * Base hook for SplitButton component, which manages design-agnostic state related to slots\n * structure and ARIA attributes, without design-specific props such as `appearance`, `shape`, or\n * `size`.\n *\n * Concrete wrappers recreate child slots from these base prop defaults before rendering.\n *\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 useSplitButtonBase_unstable = (\n  props: SplitButtonBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): SplitButtonBaseState => {\n  const {\n    children,\n    disabled = false,\n    disabledFocusable = false,\n    icon,\n    iconPosition = 'before',\n    menuButton,\n    menuIcon,\n    primaryActionButton,\n    ...rest\n  } = props;\n  const baseId = useId('splitButton-');\n\n  const menuButtonShorthand = slot.optional(menuButton, {\n    defaultProps: {\n      disabled,\n    },\n    renderByDefault: true,\n    elementType: 'button',\n  });\n\n  const primaryActionButtonShorthand = slot.optional(primaryActionButton, {\n    defaultProps: {\n      children,\n      disabled,\n      id: baseId + '__primaryActionButton',\n    },\n    renderByDefault: true,\n    elementType: 'button',\n  });\n\n  // Resolve menu button's aria-labelledby to be labelled by the primary action button if no label was provided by the\n  // 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    disabled,\n    disabledFocusable,\n    iconPosition,\n    // Slots definition\n    components: { root: 'div', menuButton: 'button', primaryActionButton: 'button' },\n    root: slot.always({ ref, ...rest }, { elementType: 'div' }),\n    menuButton: menuButtonShorthand,\n    primaryActionButton: primaryActionButtonShorthand,\n  };\n};\n"],"names":["useId","slot","Button","MenuButton","useSplitButton_unstable","props","ref","appearance","icon","menuIcon","shape","size","rest","baseState","useSplitButtonBase_unstable","menuButtonShorthand","optional","menuButton","defaultProps","disabledFocusable","renderByDefault","elementType","primaryActionButtonShorthand","primaryActionButton","iconPosition","components","root","children","disabled","baseId","id","always"],"mappings":"AAAA;;;;;;;;;;;;+BAuEac;eAAAA;;IArDAV,uBAAAA;;;;gCAfe,4BAA4B;wBACjC,sBAAmB;4BACf,8BAA2B;AAa/C,gCAAgC,CAACC,OAAyBC;IAC/D,MAAM,EAAEC,aAAa,WAAW,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,QAAQ,SAAS,EAAEC,OAAO,QAAQ,EAAE,GAAGC,MAAM,GAAGP;IAClG,MAAMQ,YAAYC,4BAA4BF,MAAMN;IAEpD,MAAMS,sBAAsBd,oBAAAA,CAAKe,QAAQ,CAACX,MAAMY,UAAU,EAAE;QAC1DC,cAAc;YACZ,GAAGL,UAAUI,UAAU;YACvBV;YACAY,mBAAmBN,UAAUM,iBAAiB;YAC9CV;YACAC;YACAC;QACF;QACAS,iBAAiB;QACjBC,aAAalB,sBAAAA;IACf;IACA,MAAMmB,+BAA+BrB,oBAAAA,CAAKe,QAAQ,CAACX,MAAMkB,mBAAmB,EAAE;QAC5EL,cAAc;YACZ,GAAGL,UAAUU,mBAAmB;YAChChB;YACAY,mBAAmBN,UAAUM,iBAAiB;YAC9CX;YACAgB,cAAcX,UAAUW,YAAY;YACpCd;YACAC;QACF;QACAS,iBAAiB;QACjBC,aAAanB,cAAAA;IACf;IAEA,OAAO;QACL,GAAGW,SAAS;QACZ,gCAAgC;QAChCN;QACAG;QACAC;QACA,mBAAmB;QACnBc,YAAY;YAAEC,MAAM;YAAOT,YAAYd,sBAAAA;YAAYoB,qBAAqBrB,cAAAA;QAAO;QAC/Ee,YAAYF;QACZQ,qBAAqBD;IACvB;AACF,EAAE;AAYK,oCAAoC,CACzCjB,OACAC;IAEA,MAAM,EACJqB,QAAQ,EACRC,WAAW,KAAK,EAChBT,oBAAoB,KAAK,EACzBX,IAAI,EACJgB,eAAe,QAAQ,EACvBP,UAAU,EACVR,QAAQ,EACRc,mBAAmB,EACnB,GAAGX,MACJ,GAAGP;IACJ,MAAMwB,SAAS7B,yBAAAA,EAAM;IAErB,MAAMe,sBAAsBd,oBAAAA,CAAKe,QAAQ,CAACC,YAAY;QACpDC,cAAc;YACZU;QACF;QACAR,iBAAiB;QACjBC,aAAa;IACf;IAEA,MAAMC,+BAA+BrB,oBAAAA,CAAKe,QAAQ,CAACO,qBAAqB;QACtEL,cAAc;YACZS;YACAC;YACAE,IAAID,SAAS;QACf;QACAT,iBAAiB;QACjBC,aAAa;IACf;IAEA,oHAAoH;IACpH,QAAQ;IACR,IACEN,uBACAO,gCACA,CAACP,mBAAmB,CAAC,aAAa,IAClC,CAACA,mBAAmB,CAAC,kBAAkB,EACvC;QACAA,mBAAmB,CAAC,kBAAkB,GAAGO,6BAA6BQ,EAAE;IAC1E;IAEA,OAAO;QACLF;QACAT;QACAK;QACA,mBAAmB;QACnBC,YAAY;YAAEC,MAAM;YAAOT,YAAY;YAAUM,qBAAqB;QAAS;QAC/EG,MAAMzB,oBAAAA,CAAK8B,MAAM,CAAC;YAAEzB;YAAK,GAAGM,IAAI;QAAC,GAAG;YAAES,aAAa;QAAM;QACzDJ,YAAYF;QACZQ,qBAAqBD;IACvB;AACF,EAAE"}

package/lib-commonjs/index.cjs

@@ -69,6 +69,9 @@ _export(exports, {
     useButton_unstable: function() {
         return _Button.useButton_unstable;
     },
+    useCompoundButtonBase_unstable: function() {
+        return _CompoundButton.useCompoundButtonBase_unstable;
+    },
     useCompoundButtonStyles_unstable: function() {
         return _CompoundButton.useCompoundButtonStyles_unstable;
     },
@@ -84,6 +87,9 @@ _export(exports, {
     useMenuButton_unstable: function() {
         return _MenuButton.useMenuButton_unstable;
     },
+    useSplitButtonBase_unstable: function() {
+        return _SplitButton.useSplitButtonBase_unstable;
+    },
     useSplitButtonStyles_unstable: function() {
         return _SplitButton.useSplitButtonStyles_unstable;
     },

package/lib-commonjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Button,\n  buttonClassNames,\n  renderButton_unstable,\n  useButtonStyles_unstable,\n  useButton_unstable,\n  useButtonBase_unstable,\n} from './Button';\nexport type { ButtonProps, ButtonSlots, ButtonState, ButtonBaseProps, ButtonBaseState } from './Button';\nexport {\n  CompoundButton,\n  compoundButtonClassNames,\n  renderCompoundButton_unstable,\n  useCompoundButtonStyles_unstable,\n  useCompoundButton_unstable,\n} from './CompoundButton';\nexport type { CompoundButtonProps, CompoundButtonSlots, CompoundButtonState } from './CompoundButton';\nexport {\n  MenuButton,\n  menuButtonClassNames,\n  renderMenuButton_unstable,\n  useMenuButtonStyles_unstable,\n  useMenuButton_unstable,\n  useMenuButtonBase_unstable,\n} from './MenuButton';\nexport type {\n  MenuButtonProps,\n  MenuButtonSlots,\n  MenuButtonState,\n  MenuButtonBaseProps,\n  MenuButtonBaseState,\n} from './MenuButton';\nexport {\n  SplitButton,\n  renderSplitButton_unstable,\n  splitButtonClassNames,\n  useSplitButtonStyles_unstable,\n  useSplitButton_unstable,\n} from './SplitButton';\nexport type { SplitButtonProps, SplitButtonSlots, SplitButtonState } from './SplitButton';\nexport {\n  ToggleButton,\n  renderToggleButton_unstable,\n  toggleButtonClassNames,\n  useToggleButtonStyles_unstable,\n  useToggleButton_unstable,\n  useToggleButtonBase_unstable,\n} from './ToggleButton';\nexport type {\n  ToggleButtonProps,\n  ToggleButtonState,\n  ToggleButtonBaseProps,\n  ToggleButtonBaseState,\n} from './ToggleButton';\n\nexport { useToggleState } from './utils/index';\n\nexport { ButtonContextProvider, useButtonContext } from './contexts/index';\nexport type { ButtonContextValue } from './contexts/index';\n"],"names":["Button","buttonClassNames","renderButton_unstable","useButtonStyles_unstable","useButton_unstable","useButtonBase_unstable","CompoundButton","compoundButtonClassNames","renderCompoundButton_unstable","useCompoundButtonStyles_unstable","useCompoundButton_unstable","MenuButton","menuButtonClassNames","renderMenuButton_unstable","useMenuButtonStyles_unstable","useMenuButton_unstable","useMenuButtonBase_unstable","SplitButton","renderSplitButton_unstable","splitButtonClassNames","useSplitButtonStyles_unstable","useSplitButton_unstable","ToggleButton","renderToggleButton_unstable","toggleButtonClassNames","useToggleButtonStyles_unstable","useToggleButton_unstable","useToggleButtonBase_unstable","useToggleState","ButtonContextProvider","useButtonContext"],"mappings":";;;;;;;;;;;IACEA;6BAAM;;yBAwDsB;eAArB6B;;;eA/CPvB,8BAAc;;;eAQdK,sBAAU;;;eAeVM,wBAAW;;gBAQC;eAAZK;;;eAvCArB,wBAAgB;;;eAShBM,wCAAwB;;;eAQxBK,gCAAoB;;;eAhBpBV,6BAAqB;;;eASrBM,6CAA6B;;;eAQ7BK,qCAAyB;;;eAczBK,uCAA0B;;IAQ1BK,2BAA2B;;;IAP3BJ,qBAAqB;;;0BAQC;eAAtBK;;;eArCAnB,8BAAsB;;oBAmDwB;eAAhByB;;;eArD9B3B,gCAAwB;;;eACxBC,0BAAkB;;;eAQlBK,gDAAgC;;;eAChCC,0CAA0B;;;eAS1BM,sCAA0B;;;eAF1BF,wCAA4B;;;eAC5BC,kCAAsB;;;eActBK,0CAA6B;;;eAC7BC,oCAAuB;;;eASvBM,0CAA4B;;;eAF5BF,4CAA8B;;;eAC9BC,sCAAwB;;;eAUjBE,qBAAc;;;wBAhDhB,cAAW;gCAQX,sBAAmB;4BASnB,kBAAe;6BAcf,mBAAgB;8BAShB,oBAAiB;uBAQO,mBAAgB;wBAES,sBAAmB"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Button,\n  buttonClassNames,\n  renderButton_unstable,\n  useButtonStyles_unstable,\n  useButton_unstable,\n  useButtonBase_unstable,\n} from './Button';\nexport type { ButtonProps, ButtonSlots, ButtonState, ButtonBaseProps, ButtonBaseState } from './Button';\nexport {\n  CompoundButton,\n  compoundButtonClassNames,\n  renderCompoundButton_unstable,\n  useCompoundButtonBase_unstable,\n  useCompoundButtonStyles_unstable,\n  useCompoundButton_unstable,\n} from './CompoundButton';\nexport type {\n  CompoundButtonBaseProps,\n  CompoundButtonBaseState,\n  CompoundButtonProps,\n  CompoundButtonSlots,\n  CompoundButtonState,\n} from './CompoundButton';\nexport {\n  MenuButton,\n  menuButtonClassNames,\n  renderMenuButton_unstable,\n  useMenuButtonStyles_unstable,\n  useMenuButton_unstable,\n  useMenuButtonBase_unstable,\n} from './MenuButton';\nexport type {\n  MenuButtonProps,\n  MenuButtonSlots,\n  MenuButtonState,\n  MenuButtonBaseProps,\n  MenuButtonBaseState,\n} from './MenuButton';\nexport {\n  SplitButton,\n  renderSplitButton_unstable,\n  splitButtonClassNames,\n  useSplitButtonStyles_unstable,\n  useSplitButton_unstable,\n  useSplitButtonBase_unstable,\n} from './SplitButton';\nexport type {\n  SplitButtonBaseProps,\n  SplitButtonBaseSlots,\n  SplitButtonBaseState,\n  SplitButtonProps,\n  SplitButtonSlots,\n  SplitButtonState,\n} from './SplitButton';\nexport {\n  ToggleButton,\n  renderToggleButton_unstable,\n  toggleButtonClassNames,\n  useToggleButtonStyles_unstable,\n  useToggleButton_unstable,\n  useToggleButtonBase_unstable,\n} from './ToggleButton';\nexport type {\n  ToggleButtonProps,\n  ToggleButtonState,\n  ToggleButtonBaseProps,\n  ToggleButtonBaseState,\n} from './ToggleButton';\n\nexport { useToggleState } from './utils/index';\n\nexport { ButtonContextProvider, useButtonContext } from './contexts/index';\nexport type { ButtonContextValue } from './contexts/index';\n"],"names":["Button","buttonClassNames","renderButton_unstable","useButtonStyles_unstable","useButton_unstable","useButtonBase_unstable","CompoundButton","compoundButtonClassNames","renderCompoundButton_unstable","useCompoundButtonBase_unstable","useCompoundButtonStyles_unstable","useCompoundButton_unstable","MenuButton","menuButtonClassNames","renderMenuButton_unstable","useMenuButtonStyles_unstable","useMenuButton_unstable","useMenuButtonBase_unstable","SplitButton","renderSplitButton_unstable","splitButtonClassNames","useSplitButtonStyles_unstable","useSplitButton_unstable","useSplitButtonBase_unstable","ToggleButton","renderToggleButton_unstable","toggleButtonClassNames","useToggleButtonStyles_unstable","useToggleButton_unstable","useToggleButtonBase_unstable","useToggleState","ButtonContextProvider","useButtonContext"],"mappings":";;;;;;;;;;;IACEA,MAAM;;;IAuEC+B,qBAAqB;;;;eA9D5BzB,8BAAc;;;eAedM,sBAAU;;IAeVM,WAAW;;;;eAgBXM,0BAAY;;;eAtDZvB,wBAAgB;;;eAShBM,wCAAwB;;;eAexBM,gCAAoB;;;eAvBpBX,6BAAqB;;;eASrBM,6CAA6B;;;eAe7BM,qCAAyB;;IAczBK;sDAA0B;;;eAgB1BM,yCAA2B;;;eAf3BL,kCAAqB;;;eAgBrBM,oCAAsB;;;eApDtBrB,8BAAsB;;;eAkEQ2B,wBAAgB;;;eApE9C7B,gCAAwB;;;eACxBC,0BAAkB;;IAQlBK;6DAA8B;;;eAC9BC,gDAAgC;;;eAChCC,0CAA0B;;IAe1BM;qDAA0B;;;eAF1BF,wCAA4B;;;eAC5BC,kCAAsB;;;eAgBtBO,wCAA2B;;;eAF3BF,0CAA6B;;;eAC7BC,oCAAuB;;;eAiBvBO,0CAA4B;;;eAF5BF,4CAA8B;;;eAC9BC,sCAAwB;;kBAUH;eAAdE;;;wBA/DF,cAAW;gCASX,sBAAmB;4BAenB,kBAAe;6BAef,mBAAgB;8BAgBhB,oBAAiB;uBAQO,mBAAgB;wBAES,sBAAmB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-button",
-  "version": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
+  "version": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
   "description": "Fluent UI React Button component.",
   "main": "lib-commonjs/index.cjs",
   "module": "lib/index.js",
@@ -12,22 +12,25 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/keyboard-keys": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
-    "@fluentui/react-aria": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
+    "@fluentui/keyboard-keys": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
+    "@fluentui/react-aria": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
-    "@fluentui/react-shared-contexts": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
-    "@fluentui/react-tabster": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
-    "@fluentui/react-theme": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
-    "@fluentui/react-utilities": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
+    "@fluentui/react-jsx-runtime": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
+    "@fluentui/react-shared-contexts": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
+    "@fluentui/react-tabster": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
+    "@fluentui/react-theme": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
+    "@fluentui/react-utilities": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
     "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0 <20.0.0",
-    "@types/react-dom": ">=16.9.0 <20.0.0",
-    "react": ">=16.14.0 <20.0.0",
-    "react-dom": ">=16.14.0 <20.0.0"
+    "react": ">=16.14.0 <20.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
   },
   "beachball": {},
   "exports": {
@@ -41,6 +44,7 @@
         "default": "./lib-commonjs/index.cjs"
       }
     },
+    "./metadata.json": "./dist/metadata/index.json",
     "./package.json": "./package.json"
   },
   "files": [
@@ -48,7 +52,9 @@
     "dist/*.d.ts",
     "dist/*.d.cts",
     "lib",
-    "lib-commonjs"
+    "lib-commonjs",
+    "dist/metadata"
   ],
-  "type": "module"
+  "type": "module",
+  "fluentuiCatalog": "./metadata.json"
 }