@bug-on/m3-expressive 1.2.7 → 1.3.0

package/dist/{split-button-trailing-uncheckable-DPJL3bO6.d.mts → split-button-trailing-uncheckable-26qlZvKT.d.mts}

@@ -1,5 +1,5 @@
 import { HTMLMotionProps } from 'motion/react';
-import { M as MD3ColorStyle, b as MD3Size, a as MD3Shape } from './md3-Dty-Qcad.mjs';
+import { a as MD3ColorStyle, c as MD3Size, b as MD3Shape } from './md3-D0_Z7IXj.mjs';
 import * as React$1 from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -565,10 +565,13 @@ interface FABMenuProps {
      */
     colorVariant?: "primary" | "secondary" | "tertiary";
     /**
-     * Initial size variant for ToggleFAB (morphs into close icon when expanded).
-     * @default "baseline"
+     * FAB size variant controlling container dimensions per MD3 Extended FAB specification.
+     * - `"sm"` – small FAB: 56dp (replaces deprecated "baseline").
+     * - `"md"` – medium FAB: 80dp.
+     * - `"lg"` – large FAB: 96dp.
+     * @default "sm"
      */
-    fabSize?: "baseline" | "medium" | "large";
+    size?: "sm" | "md" | "lg";
     /**
      * Menu items alignment relative to Toggle FAB.
      * - `"end"`: Items align to right edge (trailing edge, recommended for RTL).
@@ -614,8 +617,8 @@ interface ToggleFABProps {
     icon: (progress: number) => React$1.ReactNode;
     /** MD3 container color role. @default "primary" */
     colorVariant?: "primary" | "secondary" | "tertiary";
-    /** Initial FAB size variant. @default "baseline" */
-    fabSize?: "baseline" | "medium" | "large";
+    /** FAB size variant controlling container dimensions. @default "sm" */
+    size?: "sm" | "md" | "lg";
     /** Additional CSS class name. */
     className?: string;
     /** Accessible label requirement. Required. */
@@ -720,7 +723,7 @@ declare function FABMenuItem({ icon, label, onClick, disabled, colorVariant, cla
  *
  * @see https://m3.material.io/components/floating-action-button/overview
  */
-declare function FABMenu({ expanded, onToggle, items, colorVariant, fabSize, alignment, className, closeOnBackdropClick, focusLast, "aria-label": ariaLabel, }: FABMenuProps): react_jsx_runtime.JSX.Element;
+declare function FABMenu({ expanded, onToggle, items, colorVariant, size, alignment, className, closeOnBackdropClick, focusLast, "aria-label": ariaLabel, }: FABMenuProps): react_jsx_runtime.JSX.Element;
 
 type SplitButtonVariant = "filled" | "tonal" | "elevated" | "outlined";
 type SplitButtonSize = "xs" | "sm" | "md" | "lg" | "xl";

package/dist/{split-button-trailing-uncheckable--BhNTEJw.d.ts → split-button-trailing-uncheckable-CXUVrH64.d.ts}

@@ -1,5 +1,5 @@
 import { HTMLMotionProps } from 'motion/react';
-import { M as MD3ColorStyle, b as MD3Size, a as MD3Shape } from './md3-Dty-Qcad.js';
+import { a as MD3ColorStyle, c as MD3Size, b as MD3Shape } from './md3-D0_Z7IXj.js';
 import * as React$1 from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -565,10 +565,13 @@ interface FABMenuProps {
      */
     colorVariant?: "primary" | "secondary" | "tertiary";
     /**
-     * Initial size variant for ToggleFAB (morphs into close icon when expanded).
-     * @default "baseline"
+     * FAB size variant controlling container dimensions per MD3 Extended FAB specification.
+     * - `"sm"` – small FAB: 56dp (replaces deprecated "baseline").
+     * - `"md"` – medium FAB: 80dp.
+     * - `"lg"` – large FAB: 96dp.
+     * @default "sm"
      */
-    fabSize?: "baseline" | "medium" | "large";
+    size?: "sm" | "md" | "lg";
     /**
      * Menu items alignment relative to Toggle FAB.
      * - `"end"`: Items align to right edge (trailing edge, recommended for RTL).
@@ -614,8 +617,8 @@ interface ToggleFABProps {
     icon: (progress: number) => React$1.ReactNode;
     /** MD3 container color role. @default "primary" */
     colorVariant?: "primary" | "secondary" | "tertiary";
-    /** Initial FAB size variant. @default "baseline" */
-    fabSize?: "baseline" | "medium" | "large";
+    /** FAB size variant controlling container dimensions. @default "sm" */
+    size?: "sm" | "md" | "lg";
     /** Additional CSS class name. */
     className?: string;
     /** Accessible label requirement. Required. */
@@ -720,7 +723,7 @@ declare function FABMenuItem({ icon, label, onClick, disabled, colorVariant, cla
  *
  * @see https://m3.material.io/components/floating-action-button/overview
  */
-declare function FABMenu({ expanded, onToggle, items, colorVariant, fabSize, alignment, className, closeOnBackdropClick, focusLast, "aria-label": ariaLabel, }: FABMenuProps): react_jsx_runtime.JSX.Element;
+declare function FABMenu({ expanded, onToggle, items, colorVariant, size, alignment, className, closeOnBackdropClick, focusLast, "aria-label": ariaLabel, }: FABMenuProps): react_jsx_runtime.JSX.Element;
 
 type SplitButtonVariant = "filled" | "tonal" | "elevated" | "outlined";
 type SplitButtonSize = "xs" | "sm" | "md" | "lg" | "xl";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bug-on/m3-expressive",
-  "version": "1.2.7",
+  "version": "1.3.0",
   "description": "Material Design 3 Expressive React components",
   "author": "Bug On",
   "license": "MIT",