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

package/CHANGELOG.md

@@ -1,24 +1,45 @@
 # Change Log - @fluentui/react-button
 
-This log was last generated on Thu, 09 Jul 2026 17:34:01 GMT and should not be manually modified.
+<!-- This log was last generated on Tue, 06 Oct 2026 11:40:38 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
-## [9.74.3-experimental.esm.20260709-49ee7a20cf.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
+## [9.74.7-experimental.cli-api.20261006-ccaa611d58.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.74.7-experimental.cli-api.20261006-ccaa611d58.0)
 
-Thu, 09 Jul 2026 17:34:01 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.10.1..@fluentui/react-button_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
+Tue, 06 Oct 2026 11:40:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.11.0..@fluentui/react-button_v9.74.7-experimental.cli-api.20261006-ccaa611d58.0)
 
 ### Changes
 
-- Release 9.74.3-experimental.esm.20260709-49ee7a20cf ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/keyboard-keys to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
-- Bump @fluentui/react-aria to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
-- Bump @fluentui/react-jsx-runtime to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
-- Bump @fluentui/react-shared-contexts to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
-- Bump @fluentui/react-tabster to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
-- Bump @fluentui/react-theme to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
-- Bump @fluentui/react-utilities to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Release 9.74.7-experimental.cli-api.20261006-ccaa611d58 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by 257645319+office-ogx-auth-helper[bot]@users.noreply.github.com)
+- Bump @fluentui/keyboard-keys to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-aria to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-tabster to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-theme to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+
+## [9.11.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.11.0)
+
+Tue, 11 Aug 2026 17:20:14 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.10.1..@fluentui/react-button_v9.11.0)
+
+### Minor changes
+
+- feat: expose useSplitButtonBase_unstable hook ([PR #36524](https://github.com/microsoft/fluentui/pull/36524) by vgenaev@gmail.com)
+- feat: expose CompoundButton base hook ([PR #36530](https://github.com/microsoft/fluentui/pull/36530) by vgenaev@gmail.com)
+- Bump @fluentui/keyboard-keys to v9.0.9 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-aria to v9.17.14 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.4.5 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.26.3 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-tabster to v9.26.17 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-theme to v9.2.2 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.26.6 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+
+### Patches
+
+- Ship ESM-first (type:module): valid ESM under lib/, CommonJS under lib-commonjs/*.cjs, and drop the `node` export condition - bare-Node `import` resolves ESM, `require` resolves CJS; node-targeted bundlers tree-shake. ([PR #36327](https://github.com/microsoft/fluentui/pull/36327) by martinhochel@microsoft.com)
 
 ## [9.10.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.10.1)
 

package/dist/index.d.cts

@@ -111,9 +111,13 @@ export declare type ButtonState = ComponentState<ButtonSlots> & Required<Pick<Bu
  */
 export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;
 
+export declare type CompoundButtonBaseProps = ComponentProps<Partial<CompoundButtonSlots>> & Pick<ButtonBaseProps, 'disabledFocusable' | 'disabled' | 'iconPosition'>;
+
+export declare type CompoundButtonBaseState = ComponentState<CompoundButtonSlots> & Omit<ButtonBaseState, keyof ButtonSlots | 'components'>;
+
 export declare const compoundButtonClassNames: SlotClassNames<CompoundButtonSlots>;
 
-export declare type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> & Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'iconPosition' | 'shape' | 'size'>;
+export declare type CompoundButtonProps = CompoundButtonBaseProps & Pick<ButtonProps, 'appearance' | 'shape' | 'size'>;
 
 export declare type CompoundButtonSlots = ButtonSlots & {
     /**
@@ -126,7 +130,7 @@ export declare type CompoundButtonSlots = ButtonSlots & {
     contentContainer: NonNullable<Slot<'span'>>;
 };
 
-export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
+export declare type CompoundButtonState = CompoundButtonBaseState & Pick<ButtonState, 'appearance' | 'shape' | 'size'>;
 
 /**
  * MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close
@@ -167,7 +171,7 @@ export { renderButton_unstable as renderToggleButton_unstable }
 /**
  * Renders a CompoundButton component by passing the state defined props to the appropriate slots.
  */
-export declare const renderCompoundButton_unstable: (state: CompoundButtonState) => JSXElement;
+export declare const renderCompoundButton_unstable: (state: CompoundButtonBaseState) => JSXElement;
 
 /**
  * Renders a MenuButton component by passing the state defined props to the appropriate slots.
@@ -177,7 +181,7 @@ export declare const renderMenuButton_unstable: (state: MenuButtonBaseState) =>
 /**
  * Renders a SplitButton component by passing the state defined props to the appropriate slots.
  */
-export declare const renderSplitButton_unstable: (state: SplitButtonState) => JSXElement;
+export declare const renderSplitButton_unstable: (state: Pick<ComponentState<SplitButtonBaseSlots>, "root" | "menuButton" | "primaryActionButton">) => JSXElement;
 
 /**
  * SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary
@@ -185,6 +189,31 @@ export declare const renderSplitButton_unstable: (state: SplitButtonState) => JS
  */
 export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;
 
+/**
+ * SplitButton props without the `appearance`/`size`/`shape` styling props, for headless usage.
+ */
+export declare type SplitButtonBaseProps = ComponentProps<SplitButtonBaseSlots> & Pick<ButtonBaseProps, 'disabled' | 'disabledFocusable' | 'icon' | 'iconPosition'> & Pick<MenuButtonBaseProps, 'menuIcon'>;
+
+export declare type SplitButtonBaseSlots = {
+    /**
+     * Root of the component that wraps the primary action button and menu button.
+     */
+    root: NonNullable<Slot<'div'>>;
+    /**
+     * Button that opens menu with secondary actions in SplitButton.
+     */
+    menuButton?: Slot<MenuButtonBaseProps>;
+    /**
+     * Button to perform primary action in SplitButton.
+     */
+    primaryActionButton?: Slot<ButtonBaseProps>;
+};
+
+/**
+ * SplitButton state without the `appearance`/`size`/`shape` styling props, for headless usage.
+ */
+export declare type SplitButtonBaseState = ComponentState<SplitButtonBaseSlots> & Required<Pick<SplitButtonBaseProps, 'disabled' | 'disabledFocusable' | 'iconPosition'>>;
+
 export declare const splitButtonClassNames: SlotClassNames<SplitButtonSlots>;
 
 export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root' | 'as'> & Omit<MenuButtonProps, 'root' | 'as'>;
@@ -274,6 +303,14 @@ export declare const useButtonStyles_unstable: (state: ButtonState) => ButtonSta
  */
 export declare const useCompoundButton_unstable: (props: CompoundButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;
 
+/**
+ * Base hook for CompoundButton, which manages state related to slots structure and ARIA attributes.
+ *
+ * @param props - User provided props to the CompoundButton component.
+ * @param ref - User provided ref to be passed to the CompoundButton component.
+ */
+export declare const useCompoundButtonBase_unstable: (props: CompoundButtonBaseProps, ref?: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonBaseState;
+
 export declare const useCompoundButtonStyles_unstable: (state: CompoundButtonState) => CompoundButtonState;
 
 /**
@@ -304,7 +341,19 @@ export declare const useMenuButtonStyles_unstable: (state: MenuButtonState) => M
  * @param props - User provided props to the SplitButton component.
  * @param ref - User provided ref to be passed to the SplitButton component.
  */
-export declare const useSplitButton_unstable: (props: SplitButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;
+export declare const useSplitButton_unstable: (props: SplitButtonProps, ref: React_2.Ref<HTMLDivElement>) => SplitButtonState;
+
+/**
+ * Base hook for SplitButton component, which manages design-agnostic state related to slots
+ * structure and ARIA attributes, without design-specific props such as `appearance`, `shape`, or
+ * `size`.
+ *
+ * Concrete wrappers recreate child slots from these base prop defaults before rendering.
+ *
+ * @param props - User provided props to the SplitButton component.
+ * @param ref - User provided ref to be passed to the SplitButton component.
+ */
+export declare const useSplitButtonBase_unstable: (props: SplitButtonBaseProps, ref: React_2.Ref<HTMLDivElement>) => SplitButtonBaseState;
 
 export declare const useSplitButtonStyles_unstable: (state: SplitButtonState) => SplitButtonState;
 

package/dist/index.d.ts

@@ -111,9 +111,13 @@ export declare type ButtonState = ComponentState<ButtonSlots> & Required<Pick<Bu
  */
 export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;
 
+export declare type CompoundButtonBaseProps = ComponentProps<Partial<CompoundButtonSlots>> & Pick<ButtonBaseProps, 'disabledFocusable' | 'disabled' | 'iconPosition'>;
+
+export declare type CompoundButtonBaseState = ComponentState<CompoundButtonSlots> & Omit<ButtonBaseState, keyof ButtonSlots | 'components'>;
+
 export declare const compoundButtonClassNames: SlotClassNames<CompoundButtonSlots>;
 
-export declare type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> & Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'iconPosition' | 'shape' | 'size'>;
+export declare type CompoundButtonProps = CompoundButtonBaseProps & Pick<ButtonProps, 'appearance' | 'shape' | 'size'>;
 
 export declare type CompoundButtonSlots = ButtonSlots & {
     /**
@@ -126,7 +130,7 @@ export declare type CompoundButtonSlots = ButtonSlots & {
     contentContainer: NonNullable<Slot<'span'>>;
 };
 
-export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
+export declare type CompoundButtonState = CompoundButtonBaseState & Pick<ButtonState, 'appearance' | 'shape' | 'size'>;
 
 /**
  * MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close
@@ -167,7 +171,7 @@ export { renderButton_unstable as renderToggleButton_unstable }
 /**
  * Renders a CompoundButton component by passing the state defined props to the appropriate slots.
  */
-export declare const renderCompoundButton_unstable: (state: CompoundButtonState) => JSXElement;
+export declare const renderCompoundButton_unstable: (state: CompoundButtonBaseState) => JSXElement;
 
 /**
  * Renders a MenuButton component by passing the state defined props to the appropriate slots.
@@ -177,7 +181,7 @@ export declare const renderMenuButton_unstable: (state: MenuButtonBaseState) =>
 /**
  * Renders a SplitButton component by passing the state defined props to the appropriate slots.
  */
-export declare const renderSplitButton_unstable: (state: SplitButtonState) => JSXElement;
+export declare const renderSplitButton_unstable: (state: Pick<ComponentState<SplitButtonBaseSlots>, "root" | "menuButton" | "primaryActionButton">) => JSXElement;
 
 /**
  * SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary
@@ -185,6 +189,31 @@ export declare const renderSplitButton_unstable: (state: SplitButtonState) => JS
  */
 export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;
 
+/**
+ * SplitButton props without the `appearance`/`size`/`shape` styling props, for headless usage.
+ */
+export declare type SplitButtonBaseProps = ComponentProps<SplitButtonBaseSlots> & Pick<ButtonBaseProps, 'disabled' | 'disabledFocusable' | 'icon' | 'iconPosition'> & Pick<MenuButtonBaseProps, 'menuIcon'>;
+
+export declare type SplitButtonBaseSlots = {
+    /**
+     * Root of the component that wraps the primary action button and menu button.
+     */
+    root: NonNullable<Slot<'div'>>;
+    /**
+     * Button that opens menu with secondary actions in SplitButton.
+     */
+    menuButton?: Slot<MenuButtonBaseProps>;
+    /**
+     * Button to perform primary action in SplitButton.
+     */
+    primaryActionButton?: Slot<ButtonBaseProps>;
+};
+
+/**
+ * SplitButton state without the `appearance`/`size`/`shape` styling props, for headless usage.
+ */
+export declare type SplitButtonBaseState = ComponentState<SplitButtonBaseSlots> & Required<Pick<SplitButtonBaseProps, 'disabled' | 'disabledFocusable' | 'iconPosition'>>;
+
 export declare const splitButtonClassNames: SlotClassNames<SplitButtonSlots>;
 
 export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root' | 'as'> & Omit<MenuButtonProps, 'root' | 'as'>;
@@ -274,6 +303,14 @@ export declare const useButtonStyles_unstable: (state: ButtonState) => ButtonSta
  */
 export declare const useCompoundButton_unstable: (props: CompoundButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;
 
+/**
+ * Base hook for CompoundButton, which manages state related to slots structure and ARIA attributes.
+ *
+ * @param props - User provided props to the CompoundButton component.
+ * @param ref - User provided ref to be passed to the CompoundButton component.
+ */
+export declare const useCompoundButtonBase_unstable: (props: CompoundButtonBaseProps, ref?: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonBaseState;
+
 export declare const useCompoundButtonStyles_unstable: (state: CompoundButtonState) => CompoundButtonState;
 
 /**
@@ -304,7 +341,19 @@ export declare const useMenuButtonStyles_unstable: (state: MenuButtonState) => M
  * @param props - User provided props to the SplitButton component.
  * @param ref - User provided ref to be passed to the SplitButton component.
  */
-export declare const useSplitButton_unstable: (props: SplitButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;
+export declare const useSplitButton_unstable: (props: SplitButtonProps, ref: React_2.Ref<HTMLDivElement>) => SplitButtonState;
+
+/**
+ * Base hook for SplitButton component, which manages design-agnostic state related to slots
+ * structure and ARIA attributes, without design-specific props such as `appearance`, `shape`, or
+ * `size`.
+ *
+ * Concrete wrappers recreate child slots from these base prop defaults before rendering.
+ *
+ * @param props - User provided props to the SplitButton component.
+ * @param ref - User provided ref to be passed to the SplitButton component.
+ */
+export declare const useSplitButtonBase_unstable: (props: SplitButtonBaseProps, ref: React_2.Ref<HTMLDivElement>) => SplitButtonBaseState;
 
 export declare const useSplitButtonStyles_unstable: (state: SplitButtonState) => SplitButtonState;