@bug-on/m3-expressive 1.2.0 → 1.2.2

package/dist/{split-button-trailing-uncheckable-BkPbiBo3.d.ts → split-button-trailing-uncheckable-C-qQlyZx.d.ts}

@@ -37,6 +37,10 @@ interface BaseButtonProps extends MotionButtonProps$3 {
      * An optional icon to display alongside the label.
      */
     icon?: React.ReactNode;
+    /**
+     * An optional icon to display when the button is in a selected toggle state (`variant="toggle"` and `selected={true}`).
+     */
+    selectedIcon?: React.ReactNode;
     /**
      * Position of the icon relative to the label.
      * @default "leading"
@@ -200,7 +204,76 @@ declare const BUTTON_COLOR_TOKENS: {
     };
 };
 
-type ButtonGroupVariant = "standard" | "connected" | "navbar";
+type DistributeMode = "fixed" | "dynamic" | "mixed";
+interface ButtonDistributeProps extends React$1.HTMLAttributes<HTMLFieldSetElement> {
+    /**
+     * Distribution mode:
+     * - `fixed`: Buttons maintain fixed base size, morph and compress neighbors on press/interaction.
+     * - `dynamic`: Group fills 100% container width, expanding active button and shrinking neighbors proportionally.
+     * - `mixed`: Leading/trailing buttons remain fixed size, center button(s) flex: 1.
+     * @default "dynamic"
+     */
+    mode?: DistributeMode;
+    /**
+     * Custom weight ratios for children in `dynamic` mode (e.g. `[1, 2, 1]` for Prev:Play:Next).
+     * If omitted, defaults to `[1, 2, 1]` for 3 children, or equal weights `[1, 1, ..., 1]`.
+     */
+    weights?: number[];
+    /**
+     * Expansion factor added to active item weight in `dynamic` mode.
+     * @default 0.3
+     */
+    expandRatio?: number;
+    /**
+     * Controls whether hover state triggers button expansion in `dynamic` mode.
+     * Focus and Active/Press always trigger expansion regardless of this prop.
+     * @default false
+     */
+    expandOnHover?: boolean;
+    /**
+     * Fixed size (width in px or CSS string) for leading/trailing buttons in `mixed` mode,
+     * or base size override in `fixed` mode.
+     * @default 48
+     */
+    fixedSize?: number | string;
+    /**
+     * Explicit fixed size for leading button in `mixed` mode. Overrides `fixedSize` if set.
+     */
+    leadingSize?: number | string;
+    /**
+     * Explicit fixed size for trailing button in `mixed` mode. Overrides `fixedSize` if set.
+     */
+    trailingSize?: number | string;
+    /**
+     * Gap spacing between buttons in group.
+     * @default "0.5rem" (8px)
+     */
+    gap?: string | number;
+    /**
+     * Applied size token to all child buttons in group if not specified on child.
+     * @default "sm"
+     */
+    size?: MD3Size;
+    /**
+     * Custom CSS class applied to button wrappers inside the group.
+     */
+    itemClassName?: string;
+    /**
+     * Child button elements (Button, IconButton, etc.).
+     */
+    children: React$1.ReactNode;
+}
+
+/**
+ * @file button-distribute.tsx
+ *
+ * MD3 Expressive ButtonDistribute component.
+ * Flexible Button Group with Expressive Motion & Size Distribution (Fixed, Dynamic, Mixed).
+ */
+
+declare const ButtonDistribute: React$1.ForwardRefExoticComponent<ButtonDistributeProps & React$1.RefAttributes<HTMLFieldSetElement>>;
+
+type ButtonGroupVariant = "standard" | "connected";
 type ButtonGroupOrientation = "horizontal" | "vertical";
 /**
  * Props for ButtonGroup component.
@@ -210,7 +283,6 @@ interface ButtonGroupProps extends React$1.FieldsetHTMLAttributes<HTMLFieldSetEl
      * Display variant of the button group:
      * - `standard`: Independent buttons with gap spacing.
      * - `connected`: Connected buttons sharing borders (Segmented Button).
-     * - `navbar`: Navigation bar variant with animated active sliding indicator pill.
      * @default "standard"
      */
     variant?: ButtonGroupVariant;
@@ -228,47 +300,28 @@ interface ButtonGroupProps extends React$1.FieldsetHTMLAttributes<HTMLFieldSetEl
      * Applies unified `size` to all child buttons in group (overrides individual button sizes).
      */
     size?: MD3Size;
-    /**
-     * Toggles width expansion/padding animation (Morphing Width) when buttons are pressed (`standard` group).
-     * @default true
-     */
-    morphingWidth?: boolean;
-    /**
-     * Expansion ratio for button width on press (`standard` horizontal group).
-     * Per MD3 Spec, default is 0.15 (15%).
-     * @default 0.15
-     */
-    expandedRatio?: number;
     /**
      * Automatically displays Check icon when a child button has `selected={true}`.
      * @default false
      */
     showCheck?: boolean;
     /**
-     * Controls icon display behavior (primarily for `navbar`).
+     * Controls icon display behavior.
      * - `selected`: Display icon only on selected item.
      * - `all`: Display on all items.
      * - `none`: Hide all icons.
      */
     iconBehavior?: "selected" | "all" | "none";
     /**
-     * Controls label display behavior (primarily for `navbar`).
+     * Controls label display behavior.
      * - `selected`: Display label only on selected item.
      * - `all`: Display on all items.
      * - `none`: Hide all labels.
      */
     labelBehavior?: "selected" | "all" | "none";
-    /**
-     * Enable Active Morphing mode (selection-based).
-     * When `true`, buttons automatically expand/contract based on selection state,
-     * creating smooth size transitions.
-     * When `false` or `undefined`, Group responds to `isPressed` by default.
-     */
-    activeMorphing?: boolean;
     /**
      * Custom CSS class applied to individual child buttons in group.
      * Useful for customizing padding, min-width, or other layout properties.
-     * For `navbar` variant, overrides default padding styles.
      */
     itemClassName?: string;
 }
@@ -310,6 +363,13 @@ interface ExtendedFABProps extends MotionButtonProps$2 {
     onCollapsedChange?: (collapsed: boolean) => void;
     /** Layout ID for Framer Motion Container Transform transitions. */
     layoutId?: string;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
+    children?: React$1.ReactNode;
 }
 declare const ExtendedFAB: React$1.NamedExoticComponent<Omit<ExtendedFABProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -376,6 +436,12 @@ interface FABProps extends MotionButtonProps$1 {
      * @default true
      */
     visible?: boolean;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
 }
 /**
  * Props for `FABPosition` layout wrapper component.
@@ -576,6 +642,13 @@ interface FABMenuItemProps {
     totalItems?: number;
     /** Logic `tabIndex` value for manual keyboard navigation. */
     tabIndex?: number;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
+    children?: React$1.ReactNode;
 }
 /**
  * Toggle FAB button (Morphing FAB) usable as standalone or trigger for `FABMenu`.
@@ -607,7 +680,7 @@ declare const ToggleFAB: React$1.NamedExoticComponent<ToggleFABProps & React$1.R
  * Disabled items use `aria-disabled="true"` rather than native HTML `disabled`
  * so they remain focusable in the tab sequence per MD3 specification.
  */
-declare function FABMenuItem({ icon, label, onClick, disabled, colorVariant, className, tabIndex, }: FABMenuItemProps): react_jsx_runtime.JSX.Element;
+declare function FABMenuItem({ icon, label, onClick, disabled, colorVariant, className, tabIndex, asChild, children, }: FABMenuItemProps): react_jsx_runtime.JSX.Element;
 /**
  * MD3 Expressive FAB Menu.
  *
@@ -700,6 +773,12 @@ interface SplitButtonLeadingProps extends MotionButtonProps {
     children?: React.ReactNode;
     disabled?: boolean;
     className?: string;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
 }
 interface SplitButtonTrailingProps extends Omit<MotionButtonProps, "onChange" | "color" | "children"> {
     variant?: SplitButtonVariant;
@@ -715,6 +794,13 @@ interface SplitButtonTrailingProps extends Omit<MotionButtonProps, "onChange" |
     /** ID of controlled menu element */
     "aria-controls"?: string;
     className?: string;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
+    children?: React.ReactNode;
 }
 interface SplitButtonTrailingUncheckableProps extends Omit<MotionButtonProps, "color" | "children"> {
     variant?: SplitButtonVariant;
@@ -723,6 +809,13 @@ interface SplitButtonTrailingUncheckableProps extends Omit<MotionButtonProps, "c
     disabled?: boolean;
     "aria-label": string;
     className?: string;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
+    children?: React.ReactNode;
 }
 
 declare const SplitButtonLayout: React$1.NamedExoticComponent<SplitButtonLayoutProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -745,4 +838,4 @@ declare const TonalSplitButtonTrailingUncheckable: React$1.ForwardRefExoticCompo
 declare const ElevatedSplitButtonTrailingUncheckable: React$1.ForwardRefExoticComponent<Omit<Omit<SplitButtonTrailingUncheckableProps, "variant">, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const OutlinedSplitButtonTrailingUncheckable: React$1.ForwardRefExoticComponent<Omit<Omit<SplitButtonTrailingUncheckableProps, "variant">, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-export { SplitButtonLeading as A, BUTTON_COLOR_TOKENS as B, type SplitButtonLeadingProps as C, type SplitButtonSize as D, ElevatedSplitButtonLeading as E, FAB as F, SplitButtonTrailing as G, type SplitButtonTrailingProps as H, SplitButtonTrailingUncheckable as I, type SplitButtonTrailingUncheckableProps as J, type SplitButtonVariant as K, type ToggleFABProps as L, TonalSplitButtonLeading as M, TonalSplitButtonTrailing as N, OutlinedSplitButtonLeading as O, TonalSplitButtonTrailingUncheckable as P, type SplitButtonSizeTokens as Q, SplitButtonLayout as S, ToggleFAB as T, BUTTON_SIZE_TOKENS as a, type BaseButtonProps as b, Button as c, ButtonGroup as d, type ButtonGroupOrientation as e, type ButtonGroupProps as f, type ButtonGroupVariant as g, type ButtonProps as h, ElevatedSplitButtonTrailing as i, ElevatedSplitButtonTrailingUncheckable as j, ExtendedFAB as k, type ExtendedFABProps as l, FABMenu as m, FABMenuItem as n, type FABMenuItemData as o, type FABMenuItemProps as p, type FABMenuProps as q, FABPosition as r, type FABPositionProps as s, type FABProps as t, FilledSplitButtonLeading as u, FilledSplitButtonTrailing as v, FilledSplitButtonTrailingUncheckable as w, OutlinedSplitButtonTrailing as x, OutlinedSplitButtonTrailingUncheckable as y, type SplitButtonLayoutProps as z };
+export { OutlinedSplitButtonTrailingUncheckable as A, BUTTON_COLOR_TOKENS as B, type SplitButtonLayoutProps as C, type DistributeMode as D, ElevatedSplitButtonLeading as E, FAB as F, SplitButtonLeading as G, type SplitButtonLeadingProps as H, type SplitButtonSize as I, SplitButtonTrailing as J, type SplitButtonTrailingProps as K, SplitButtonTrailingUncheckable as L, type SplitButtonTrailingUncheckableProps as M, type SplitButtonVariant as N, OutlinedSplitButtonLeading as O, type ToggleFABProps as P, TonalSplitButtonLeading as Q, TonalSplitButtonTrailing as R, SplitButtonLayout as S, ToggleFAB as T, TonalSplitButtonTrailingUncheckable as U, type SplitButtonSizeTokens as V, BUTTON_SIZE_TOKENS as a, type BaseButtonProps as b, Button as c, ButtonDistribute as d, type ButtonDistributeProps as e, ButtonGroup as f, type ButtonGroupOrientation as g, type ButtonGroupProps as h, type ButtonGroupVariant as i, type ButtonProps as j, ElevatedSplitButtonTrailing as k, ElevatedSplitButtonTrailingUncheckable as l, ExtendedFAB as m, type ExtendedFABProps as n, FABMenu as o, FABMenuItem as p, type FABMenuItemData as q, type FABMenuItemProps as r, type FABMenuProps as s, FABPosition as t, type FABPositionProps as u, type FABProps as v, FilledSplitButtonLeading as w, FilledSplitButtonTrailing as x, FilledSplitButtonTrailingUncheckable as y, OutlinedSplitButtonTrailing as z };

package/dist/{split-button-trailing-uncheckable-D_PLPb-u.d.mts → split-button-trailing-uncheckable-DHJqNeq_.d.mts}

@@ -37,6 +37,10 @@ interface BaseButtonProps extends MotionButtonProps$3 {
      * An optional icon to display alongside the label.
      */
     icon?: React.ReactNode;
+    /**
+     * An optional icon to display when the button is in a selected toggle state (`variant="toggle"` and `selected={true}`).
+     */
+    selectedIcon?: React.ReactNode;
     /**
      * Position of the icon relative to the label.
      * @default "leading"
@@ -200,7 +204,76 @@ declare const BUTTON_COLOR_TOKENS: {
     };
 };
 
-type ButtonGroupVariant = "standard" | "connected" | "navbar";
+type DistributeMode = "fixed" | "dynamic" | "mixed";
+interface ButtonDistributeProps extends React$1.HTMLAttributes<HTMLFieldSetElement> {
+    /**
+     * Distribution mode:
+     * - `fixed`: Buttons maintain fixed base size, morph and compress neighbors on press/interaction.
+     * - `dynamic`: Group fills 100% container width, expanding active button and shrinking neighbors proportionally.
+     * - `mixed`: Leading/trailing buttons remain fixed size, center button(s) flex: 1.
+     * @default "dynamic"
+     */
+    mode?: DistributeMode;
+    /**
+     * Custom weight ratios for children in `dynamic` mode (e.g. `[1, 2, 1]` for Prev:Play:Next).
+     * If omitted, defaults to `[1, 2, 1]` for 3 children, or equal weights `[1, 1, ..., 1]`.
+     */
+    weights?: number[];
+    /**
+     * Expansion factor added to active item weight in `dynamic` mode.
+     * @default 0.3
+     */
+    expandRatio?: number;
+    /**
+     * Controls whether hover state triggers button expansion in `dynamic` mode.
+     * Focus and Active/Press always trigger expansion regardless of this prop.
+     * @default false
+     */
+    expandOnHover?: boolean;
+    /**
+     * Fixed size (width in px or CSS string) for leading/trailing buttons in `mixed` mode,
+     * or base size override in `fixed` mode.
+     * @default 48
+     */
+    fixedSize?: number | string;
+    /**
+     * Explicit fixed size for leading button in `mixed` mode. Overrides `fixedSize` if set.
+     */
+    leadingSize?: number | string;
+    /**
+     * Explicit fixed size for trailing button in `mixed` mode. Overrides `fixedSize` if set.
+     */
+    trailingSize?: number | string;
+    /**
+     * Gap spacing between buttons in group.
+     * @default "0.5rem" (8px)
+     */
+    gap?: string | number;
+    /**
+     * Applied size token to all child buttons in group if not specified on child.
+     * @default "sm"
+     */
+    size?: MD3Size;
+    /**
+     * Custom CSS class applied to button wrappers inside the group.
+     */
+    itemClassName?: string;
+    /**
+     * Child button elements (Button, IconButton, etc.).
+     */
+    children: React$1.ReactNode;
+}
+
+/**
+ * @file button-distribute.tsx
+ *
+ * MD3 Expressive ButtonDistribute component.
+ * Flexible Button Group with Expressive Motion & Size Distribution (Fixed, Dynamic, Mixed).
+ */
+
+declare const ButtonDistribute: React$1.ForwardRefExoticComponent<ButtonDistributeProps & React$1.RefAttributes<HTMLFieldSetElement>>;
+
+type ButtonGroupVariant = "standard" | "connected";
 type ButtonGroupOrientation = "horizontal" | "vertical";
 /**
  * Props for ButtonGroup component.
@@ -210,7 +283,6 @@ interface ButtonGroupProps extends React$1.FieldsetHTMLAttributes<HTMLFieldSetEl
      * Display variant of the button group:
      * - `standard`: Independent buttons with gap spacing.
      * - `connected`: Connected buttons sharing borders (Segmented Button).
-     * - `navbar`: Navigation bar variant with animated active sliding indicator pill.
      * @default "standard"
      */
     variant?: ButtonGroupVariant;
@@ -228,47 +300,28 @@ interface ButtonGroupProps extends React$1.FieldsetHTMLAttributes<HTMLFieldSetEl
      * Applies unified `size` to all child buttons in group (overrides individual button sizes).
      */
     size?: MD3Size;
-    /**
-     * Toggles width expansion/padding animation (Morphing Width) when buttons are pressed (`standard` group).
-     * @default true
-     */
-    morphingWidth?: boolean;
-    /**
-     * Expansion ratio for button width on press (`standard` horizontal group).
-     * Per MD3 Spec, default is 0.15 (15%).
-     * @default 0.15
-     */
-    expandedRatio?: number;
     /**
      * Automatically displays Check icon when a child button has `selected={true}`.
      * @default false
      */
     showCheck?: boolean;
     /**
-     * Controls icon display behavior (primarily for `navbar`).
+     * Controls icon display behavior.
      * - `selected`: Display icon only on selected item.
      * - `all`: Display on all items.
      * - `none`: Hide all icons.
      */
     iconBehavior?: "selected" | "all" | "none";
     /**
-     * Controls label display behavior (primarily for `navbar`).
+     * Controls label display behavior.
      * - `selected`: Display label only on selected item.
      * - `all`: Display on all items.
      * - `none`: Hide all labels.
      */
     labelBehavior?: "selected" | "all" | "none";
-    /**
-     * Enable Active Morphing mode (selection-based).
-     * When `true`, buttons automatically expand/contract based on selection state,
-     * creating smooth size transitions.
-     * When `false` or `undefined`, Group responds to `isPressed` by default.
-     */
-    activeMorphing?: boolean;
     /**
      * Custom CSS class applied to individual child buttons in group.
      * Useful for customizing padding, min-width, or other layout properties.
-     * For `navbar` variant, overrides default padding styles.
      */
     itemClassName?: string;
 }
@@ -310,6 +363,13 @@ interface ExtendedFABProps extends MotionButtonProps$2 {
     onCollapsedChange?: (collapsed: boolean) => void;
     /** Layout ID for Framer Motion Container Transform transitions. */
     layoutId?: string;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
+    children?: React$1.ReactNode;
 }
 declare const ExtendedFAB: React$1.NamedExoticComponent<Omit<ExtendedFABProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -376,6 +436,12 @@ interface FABProps extends MotionButtonProps$1 {
      * @default true
      */
     visible?: boolean;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
 }
 /**
  * Props for `FABPosition` layout wrapper component.
@@ -576,6 +642,13 @@ interface FABMenuItemProps {
     totalItems?: number;
     /** Logic `tabIndex` value for manual keyboard navigation. */
     tabIndex?: number;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
+    children?: React$1.ReactNode;
 }
 /**
  * Toggle FAB button (Morphing FAB) usable as standalone or trigger for `FABMenu`.
@@ -607,7 +680,7 @@ declare const ToggleFAB: React$1.NamedExoticComponent<ToggleFABProps & React$1.R
  * Disabled items use `aria-disabled="true"` rather than native HTML `disabled`
  * so they remain focusable in the tab sequence per MD3 specification.
  */
-declare function FABMenuItem({ icon, label, onClick, disabled, colorVariant, className, tabIndex, }: FABMenuItemProps): react_jsx_runtime.JSX.Element;
+declare function FABMenuItem({ icon, label, onClick, disabled, colorVariant, className, tabIndex, asChild, children, }: FABMenuItemProps): react_jsx_runtime.JSX.Element;
 /**
  * MD3 Expressive FAB Menu.
  *
@@ -700,6 +773,12 @@ interface SplitButtonLeadingProps extends MotionButtonProps {
     children?: React.ReactNode;
     disabled?: boolean;
     className?: string;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
 }
 interface SplitButtonTrailingProps extends Omit<MotionButtonProps, "onChange" | "color" | "children"> {
     variant?: SplitButtonVariant;
@@ -715,6 +794,13 @@ interface SplitButtonTrailingProps extends Omit<MotionButtonProps, "onChange" |
     /** ID of controlled menu element */
     "aria-controls"?: string;
     className?: string;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
+    children?: React.ReactNode;
 }
 interface SplitButtonTrailingUncheckableProps extends Omit<MotionButtonProps, "color" | "children"> {
     variant?: SplitButtonVariant;
@@ -723,6 +809,13 @@ interface SplitButtonTrailingUncheckableProps extends Omit<MotionButtonProps, "c
     disabled?: boolean;
     "aria-label": string;
     className?: string;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
+    children?: React.ReactNode;
 }
 
 declare const SplitButtonLayout: React$1.NamedExoticComponent<SplitButtonLayoutProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -745,4 +838,4 @@ declare const TonalSplitButtonTrailingUncheckable: React$1.ForwardRefExoticCompo
 declare const ElevatedSplitButtonTrailingUncheckable: React$1.ForwardRefExoticComponent<Omit<Omit<SplitButtonTrailingUncheckableProps, "variant">, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const OutlinedSplitButtonTrailingUncheckable: React$1.ForwardRefExoticComponent<Omit<Omit<SplitButtonTrailingUncheckableProps, "variant">, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-export { SplitButtonLeading as A, BUTTON_COLOR_TOKENS as B, type SplitButtonLeadingProps as C, type SplitButtonSize as D, ElevatedSplitButtonLeading as E, FAB as F, SplitButtonTrailing as G, type SplitButtonTrailingProps as H, SplitButtonTrailingUncheckable as I, type SplitButtonTrailingUncheckableProps as J, type SplitButtonVariant as K, type ToggleFABProps as L, TonalSplitButtonLeading as M, TonalSplitButtonTrailing as N, OutlinedSplitButtonLeading as O, TonalSplitButtonTrailingUncheckable as P, type SplitButtonSizeTokens as Q, SplitButtonLayout as S, ToggleFAB as T, BUTTON_SIZE_TOKENS as a, type BaseButtonProps as b, Button as c, ButtonGroup as d, type ButtonGroupOrientation as e, type ButtonGroupProps as f, type ButtonGroupVariant as g, type ButtonProps as h, ElevatedSplitButtonTrailing as i, ElevatedSplitButtonTrailingUncheckable as j, ExtendedFAB as k, type ExtendedFABProps as l, FABMenu as m, FABMenuItem as n, type FABMenuItemData as o, type FABMenuItemProps as p, type FABMenuProps as q, FABPosition as r, type FABPositionProps as s, type FABProps as t, FilledSplitButtonLeading as u, FilledSplitButtonTrailing as v, FilledSplitButtonTrailingUncheckable as w, OutlinedSplitButtonTrailing as x, OutlinedSplitButtonTrailingUncheckable as y, type SplitButtonLayoutProps as z };
+export { OutlinedSplitButtonTrailingUncheckable as A, BUTTON_COLOR_TOKENS as B, type SplitButtonLayoutProps as C, type DistributeMode as D, ElevatedSplitButtonLeading as E, FAB as F, SplitButtonLeading as G, type SplitButtonLeadingProps as H, type SplitButtonSize as I, SplitButtonTrailing as J, type SplitButtonTrailingProps as K, SplitButtonTrailingUncheckable as L, type SplitButtonTrailingUncheckableProps as M, type SplitButtonVariant as N, OutlinedSplitButtonLeading as O, type ToggleFABProps as P, TonalSplitButtonLeading as Q, TonalSplitButtonTrailing as R, SplitButtonLayout as S, ToggleFAB as T, TonalSplitButtonTrailingUncheckable as U, type SplitButtonSizeTokens as V, BUTTON_SIZE_TOKENS as a, type BaseButtonProps as b, Button as c, ButtonDistribute as d, type ButtonDistributeProps as e, ButtonGroup as f, type ButtonGroupOrientation as g, type ButtonGroupProps as h, type ButtonGroupVariant as i, type ButtonProps as j, ElevatedSplitButtonTrailing as k, ElevatedSplitButtonTrailingUncheckable as l, ExtendedFAB as m, type ExtendedFABProps as n, FABMenu as o, FABMenuItem as p, type FABMenuItemData as q, type FABMenuItemProps as r, type FABMenuProps as s, FABPosition as t, type FABPositionProps as u, type FABProps as v, FilledSplitButtonLeading as w, FilledSplitButtonTrailing as x, FilledSplitButtonTrailingUncheckable as y, OutlinedSplitButtonTrailing as z };

package/dist/{text-field-eAIpz9z1.d.mts → text-field-T4Rg-9Bw.d.mts}

@@ -145,6 +145,13 @@ interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
      * When provided, a dedicated tabbable close button with `aria-label="Remove {label}"` is rendered.
      */
     onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
+    children?: React.ReactNode;
 }
 /**
  * MD3 Expressive Chip — 4-variant interactive tag component.

package/dist/{text-field-eAIpz9z1.d.ts → text-field-T4Rg-9Bw.d.ts}

@@ -145,6 +145,13 @@ interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
      * When provided, a dedicated tabbable close button with `aria-label="Remove {label}"` is rendered.
      */
     onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Change the component to the underlying child element and merge props/behavior.
+     * Useful when wrapping in Next.js `<Link>` or custom anchor tags.
+     * @default false
+     */
+    asChild?: boolean;
+    children?: React.ReactNode;
 }
 /**
  * MD3 Expressive Chip — 4-variant interactive tag component.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bug-on/m3-expressive",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Material Design 3 Expressive React components",
   "author": "Bug On",
   "license": "MIT",
@@ -179,8 +179,8 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.3.1",
-    "@bug-on/m3-tailwind": "1.2.0",
-    "@bug-on/m3-tokens": "1.2.0"
+    "@bug-on/m3-tokens": "1.2.0",
+    "@bug-on/m3-tailwind": "1.2.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",