@bug-on/m3-expressive 1.2.0 → 1.2.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @bug-on/m3-expressive
 
+## 1.2.2
+
+### Patch Changes
+
+- 99c082f: Add Button distribute, remove deprecated props
+
+## 1.2.1
+
+### Patch Changes
+
+- d46c216: · Fix some minor errors known
+
 ## 1.2.0
 
 ### Minor Changes

package/dist/buttons.d.mts

@@ -1,11 +1,33 @@
-export { B as BUTTON_COLOR_TOKENS, a as BUTTON_SIZE_TOKENS, b as BaseButtonProps, c as Button, d as ButtonGroup, e as ButtonGroupOrientation, f as ButtonGroupProps, g as ButtonGroupVariant, h as ButtonProps, E as ElevatedSplitButtonLeading, i as ElevatedSplitButtonTrailing, j as ElevatedSplitButtonTrailingUncheckable, k as ExtendedFAB, l as ExtendedFABProps, F as FAB, m as FABMenu, n as FABMenuItem, o as FABMenuItemData, p as FABMenuItemProps, q as FABMenuProps, r as FABPosition, s as FABPositionProps, t as FABProps, u as FilledSplitButtonLeading, v as FilledSplitButtonTrailing, w as FilledSplitButtonTrailingUncheckable, O as OutlinedSplitButtonLeading, x as OutlinedSplitButtonTrailing, y as OutlinedSplitButtonTrailingUncheckable, S as SplitButtonLayout, z as SplitButtonLayoutProps, A as SplitButtonLeading, C as SplitButtonLeadingProps, D as SplitButtonSize, Q as SplitButtonSizeTokens, G as SplitButtonTrailing, H as SplitButtonTrailingProps, I as SplitButtonTrailingUncheckable, J as SplitButtonTrailingUncheckableProps, K as SplitButtonVariant, T as ToggleFAB, L as ToggleFABProps, M as TonalSplitButtonLeading, N as TonalSplitButtonTrailing, P as TonalSplitButtonTrailingUncheckable } from './split-button-trailing-uncheckable-D_PLPb-u.mjs';
-import { b as MD3Size } from './md3-Dty-Qcad.mjs';
-export { B as BaseIconButtonProps, I as IconButton, a as IconButtonProps } from './icon-button-D-gs0gfj.mjs';
+export { B as BUTTON_COLOR_TOKENS, a as BUTTON_SIZE_TOKENS, b as BaseButtonProps, c as Button, d as ButtonDistribute, e as ButtonDistributeProps, f as ButtonGroup, g as ButtonGroupOrientation, h as ButtonGroupProps, i as ButtonGroupVariant, j as ButtonProps, D as DistributeMode, E as ElevatedSplitButtonLeading, k as ElevatedSplitButtonTrailing, l as ElevatedSplitButtonTrailingUncheckable, m as ExtendedFAB, n as ExtendedFABProps, F as FAB, o as FABMenu, p as FABMenuItem, q as FABMenuItemData, r as FABMenuItemProps, s as FABMenuProps, t as FABPosition, u as FABPositionProps, v as FABProps, w as FilledSplitButtonLeading, x as FilledSplitButtonTrailing, y as FilledSplitButtonTrailingUncheckable, O as OutlinedSplitButtonLeading, z as OutlinedSplitButtonTrailing, A as OutlinedSplitButtonTrailingUncheckable, S as SplitButtonLayout, C as SplitButtonLayoutProps, G as SplitButtonLeading, H as SplitButtonLeadingProps, I as SplitButtonSize, V as SplitButtonSizeTokens, J as SplitButtonTrailing, K as SplitButtonTrailingProps, L as SplitButtonTrailingUncheckable, M as SplitButtonTrailingUncheckableProps, N as SplitButtonVariant, T as ToggleFAB, P as ToggleFABProps, Q as TonalSplitButtonLeading, R as TonalSplitButtonTrailing, U as TonalSplitButtonTrailingUncheckable } from './split-button-trailing-uncheckable-DHJqNeq_.mjs';
 import { Transition } from 'motion/react';
+import { b as MD3Size } from './md3-Dty-Qcad.mjs';
+export { B as BaseIconButtonProps, I as IconButton, a as IconButtonProps } from './icon-button-CSsDmuQC.mjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import 'react';
 import 'react/jsx-runtime';
 
+/**
+ * Spring motion specification for ButtonDistribute.
+ * Per spec: framer-motion spring config (stiffness: 300, damping: 30) or 300ms - 450ms cubic-bezier.
+ */
+declare const DISTRIBUTE_SPRING_TRANSITION: Transition;
+declare const DISTRIBUTE_EASING_BEZIER = "cubic-bezier(0.2, 0.0, 0.0, 1.0)";
+declare const DISTRIBUTE_DURATION_MS = 350;
+/** Default expand ratio added to active weight in dynamic mode */
+declare const DEFAULT_EXPAND_RATIO = 0.3;
+/** Default fixed size for leading/trailing buttons in mixed mode */
+declare const DEFAULT_FIXED_SIZE = 48;
+/** Default gap between buttons */
+declare const DEFAULT_GAP = "0.5rem";
+/**
+ * Circle / Pill radius values per MD3 size token for dynamic morphing.
+ */
+declare const DISTRIBUTE_RADIUS_TOKENS: Record<MD3Size, {
+    circleRadius: number;
+    pillRadius: number;
+    pressedRadius: number;
+}>;
+
 interface Corners {
     tl: number;
     tr: number;
@@ -18,7 +40,6 @@ interface ShapeSet {
     checked: Corners;
 }
 declare const ButtonGroupDefaults: {
-    expandedRatio: number;
     connectedLeadingButtonShapes: (size: MD3Size) => ShapeSet;
     connectedMiddleButtonShapes: (size: MD3Size) => ShapeSet;
     connectedTrailingButtonShapes: (size: MD3Size) => ShapeSet;
@@ -177,4 +198,4 @@ declare const splitButtonVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-export { BUTTON_GROUP_TOKENS, ButtonGroupDefaults, LEADING_ICON_SIZE_FOR_SIZE, SPLIT_BUTTON_CHEVRON_SPRING, SPLIT_BUTTON_RADIUS_SPRING, SPLIT_BUTTON_TOKENS, splitButtonVariants };
+export { BUTTON_GROUP_TOKENS, ButtonGroupDefaults, DEFAULT_EXPAND_RATIO, DEFAULT_FIXED_SIZE, DEFAULT_GAP, DISTRIBUTE_DURATION_MS, DISTRIBUTE_EASING_BEZIER, DISTRIBUTE_RADIUS_TOKENS, DISTRIBUTE_SPRING_TRANSITION, LEADING_ICON_SIZE_FOR_SIZE, SPLIT_BUTTON_CHEVRON_SPRING, SPLIT_BUTTON_RADIUS_SPRING, SPLIT_BUTTON_TOKENS, splitButtonVariants };

package/dist/buttons.d.ts

@@ -1,11 +1,33 @@
-export { B as BUTTON_COLOR_TOKENS, a as BUTTON_SIZE_TOKENS, b as BaseButtonProps, c as Button, d as ButtonGroup, e as ButtonGroupOrientation, f as ButtonGroupProps, g as ButtonGroupVariant, h as ButtonProps, E as ElevatedSplitButtonLeading, i as ElevatedSplitButtonTrailing, j as ElevatedSplitButtonTrailingUncheckable, k as ExtendedFAB, l as ExtendedFABProps, F as FAB, m as FABMenu, n as FABMenuItem, o as FABMenuItemData, p as FABMenuItemProps, q as FABMenuProps, r as FABPosition, s as FABPositionProps, t as FABProps, u as FilledSplitButtonLeading, v as FilledSplitButtonTrailing, w as FilledSplitButtonTrailingUncheckable, O as OutlinedSplitButtonLeading, x as OutlinedSplitButtonTrailing, y as OutlinedSplitButtonTrailingUncheckable, S as SplitButtonLayout, z as SplitButtonLayoutProps, A as SplitButtonLeading, C as SplitButtonLeadingProps, D as SplitButtonSize, Q as SplitButtonSizeTokens, G as SplitButtonTrailing, H as SplitButtonTrailingProps, I as SplitButtonTrailingUncheckable, J as SplitButtonTrailingUncheckableProps, K as SplitButtonVariant, T as ToggleFAB, L as ToggleFABProps, M as TonalSplitButtonLeading, N as TonalSplitButtonTrailing, P as TonalSplitButtonTrailingUncheckable } from './split-button-trailing-uncheckable-BkPbiBo3.js';
-import { b as MD3Size } from './md3-Dty-Qcad.js';
-export { B as BaseIconButtonProps, I as IconButton, a as IconButtonProps } from './icon-button-D-gs0gfj.js';
+export { B as BUTTON_COLOR_TOKENS, a as BUTTON_SIZE_TOKENS, b as BaseButtonProps, c as Button, d as ButtonDistribute, e as ButtonDistributeProps, f as ButtonGroup, g as ButtonGroupOrientation, h as ButtonGroupProps, i as ButtonGroupVariant, j as ButtonProps, D as DistributeMode, E as ElevatedSplitButtonLeading, k as ElevatedSplitButtonTrailing, l as ElevatedSplitButtonTrailingUncheckable, m as ExtendedFAB, n as ExtendedFABProps, F as FAB, o as FABMenu, p as FABMenuItem, q as FABMenuItemData, r as FABMenuItemProps, s as FABMenuProps, t as FABPosition, u as FABPositionProps, v as FABProps, w as FilledSplitButtonLeading, x as FilledSplitButtonTrailing, y as FilledSplitButtonTrailingUncheckable, O as OutlinedSplitButtonLeading, z as OutlinedSplitButtonTrailing, A as OutlinedSplitButtonTrailingUncheckable, S as SplitButtonLayout, C as SplitButtonLayoutProps, G as SplitButtonLeading, H as SplitButtonLeadingProps, I as SplitButtonSize, V as SplitButtonSizeTokens, J as SplitButtonTrailing, K as SplitButtonTrailingProps, L as SplitButtonTrailingUncheckable, M as SplitButtonTrailingUncheckableProps, N as SplitButtonVariant, T as ToggleFAB, P as ToggleFABProps, Q as TonalSplitButtonLeading, R as TonalSplitButtonTrailing, U as TonalSplitButtonTrailingUncheckable } from './split-button-trailing-uncheckable-C-qQlyZx.js';
 import { Transition } from 'motion/react';
+import { b as MD3Size } from './md3-Dty-Qcad.js';
+export { B as BaseIconButtonProps, I as IconButton, a as IconButtonProps } from './icon-button-CSsDmuQC.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import 'react';
 import 'react/jsx-runtime';
 
+/**
+ * Spring motion specification for ButtonDistribute.
+ * Per spec: framer-motion spring config (stiffness: 300, damping: 30) or 300ms - 450ms cubic-bezier.
+ */
+declare const DISTRIBUTE_SPRING_TRANSITION: Transition;
+declare const DISTRIBUTE_EASING_BEZIER = "cubic-bezier(0.2, 0.0, 0.0, 1.0)";
+declare const DISTRIBUTE_DURATION_MS = 350;
+/** Default expand ratio added to active weight in dynamic mode */
+declare const DEFAULT_EXPAND_RATIO = 0.3;
+/** Default fixed size for leading/trailing buttons in mixed mode */
+declare const DEFAULT_FIXED_SIZE = 48;
+/** Default gap between buttons */
+declare const DEFAULT_GAP = "0.5rem";
+/**
+ * Circle / Pill radius values per MD3 size token for dynamic morphing.
+ */
+declare const DISTRIBUTE_RADIUS_TOKENS: Record<MD3Size, {
+    circleRadius: number;
+    pillRadius: number;
+    pressedRadius: number;
+}>;
+
 interface Corners {
     tl: number;
     tr: number;
@@ -18,7 +40,6 @@ interface ShapeSet {
     checked: Corners;
 }
 declare const ButtonGroupDefaults: {
-    expandedRatio: number;
     connectedLeadingButtonShapes: (size: MD3Size) => ShapeSet;
     connectedMiddleButtonShapes: (size: MD3Size) => ShapeSet;
     connectedTrailingButtonShapes: (size: MD3Size) => ShapeSet;
@@ -177,4 +198,4 @@ declare const splitButtonVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-export { BUTTON_GROUP_TOKENS, ButtonGroupDefaults, LEADING_ICON_SIZE_FOR_SIZE, SPLIT_BUTTON_CHEVRON_SPRING, SPLIT_BUTTON_RADIUS_SPRING, SPLIT_BUTTON_TOKENS, splitButtonVariants };
+export { BUTTON_GROUP_TOKENS, ButtonGroupDefaults, DEFAULT_EXPAND_RATIO, DEFAULT_FIXED_SIZE, DEFAULT_GAP, DISTRIBUTE_DURATION_MS, DISTRIBUTE_EASING_BEZIER, DISTRIBUTE_RADIUS_TOKENS, DISTRIBUTE_SPRING_TRANSITION, LEADING_ICON_SIZE_FOR_SIZE, SPLIT_BUTTON_CHEVRON_SPRING, SPLIT_BUTTON_RADIUS_SPRING, SPLIT_BUTTON_TOKENS, splitButtonVariants };