@bug-on/m3-expressive 1.2.4 → 1.2.6

package/dist/{side-sheet-modal-Bd5Qqvp9.d.ts → side-sheet-modal-DdEZR6Vl.d.ts}

@@ -549,4 +549,4 @@ interface SideSheetModalProps extends BaseSheetProps {
  */
 declare const SideSheetModal: React$1.ForwardRefExoticComponent<SideSheetModalProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { type DrawerContentProps as A, type BaseSheetProps as B, DrawerDescription as C, Dialog as D, DrawerFooter as E, DrawerHeader as F, DrawerOverlay as G, DrawerPortal as H, type DrawerProps as I, DrawerTitle as J, DrawerTrigger as K, type ScrimProps as L, type SheetEdge as M, type SheetState as N, SideSheet as O, SideSheetModal as P, type SideSheetModalProps as Q, type SideSheetProps as R, Scrim as S, type UseBottomSheetReturn as T, type UseBottomSheetOptions as U, useBottomSheet as V, type SheetValue as W, BottomSheet as a, type BottomSheetHandle as b, BottomSheetModal as c, type BottomSheetModalProps as d, type BottomSheetProps as e, type BottomSheetSnapPoint as f, DialogBody as g, DialogClose as h, DialogContent as i, type DialogContentProps as j, DialogDescription as k, DialogFooter as l, DialogFullScreenContent as m, type DialogFullScreenContentProps as n, DialogHeader as o, DialogIcon as p, DialogOverlay as q, DialogPortal as r, type DialogProps as s, DialogTitle as t, DialogTrigger as u, DragHandle as v, type DragHandleProps as w, Drawer as x, DrawerClose as y, DrawerContent as z };
+export { type DrawerContentProps as A, type BaseSheetProps as B, DrawerDescription as C, Dialog as D, DrawerFooter as E, DrawerHeader as F, DrawerOverlay as G, DrawerPortal as H, type DrawerProps as I, DrawerTitle as J, DrawerTrigger as K, Scrim as L, type ScrimProps as M, type SheetEdge as N, type SheetState as O, SideSheet as P, SideSheetModal as Q, type SideSheetModalProps as R, type SheetValue as S, type SideSheetProps as T, type UseBottomSheetOptions as U, type UseBottomSheetReturn as V, useBottomSheet as W, BottomSheet as a, type BottomSheetHandle as b, BottomSheetModal as c, type BottomSheetModalProps as d, type BottomSheetProps as e, type BottomSheetSnapPoint as f, DialogBody as g, DialogClose as h, DialogContent as i, type DialogContentProps as j, DialogDescription as k, DialogFooter as l, DialogFullScreenContent as m, type DialogFullScreenContentProps as n, DialogHeader as o, DialogIcon as p, DialogOverlay as q, DialogPortal as r, type DialogProps as s, DialogTitle as t, DialogTrigger as u, DragHandle as v, type DragHandleProps as w, Drawer as x, DrawerClose as y, DrawerContent as z };

package/dist/{side-sheet-modal-64FGhDxL.d.mts → side-sheet-modal-Dgjt739k.d.mts}

@@ -549,4 +549,4 @@ interface SideSheetModalProps extends BaseSheetProps {
  */
 declare const SideSheetModal: React$1.ForwardRefExoticComponent<SideSheetModalProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { type DrawerContentProps as A, type BaseSheetProps as B, DrawerDescription as C, Dialog as D, DrawerFooter as E, DrawerHeader as F, DrawerOverlay as G, DrawerPortal as H, type DrawerProps as I, DrawerTitle as J, DrawerTrigger as K, type ScrimProps as L, type SheetEdge as M, type SheetState as N, SideSheet as O, SideSheetModal as P, type SideSheetModalProps as Q, type SideSheetProps as R, Scrim as S, type UseBottomSheetReturn as T, type UseBottomSheetOptions as U, useBottomSheet as V, type SheetValue as W, BottomSheet as a, type BottomSheetHandle as b, BottomSheetModal as c, type BottomSheetModalProps as d, type BottomSheetProps as e, type BottomSheetSnapPoint as f, DialogBody as g, DialogClose as h, DialogContent as i, type DialogContentProps as j, DialogDescription as k, DialogFooter as l, DialogFullScreenContent as m, type DialogFullScreenContentProps as n, DialogHeader as o, DialogIcon as p, DialogOverlay as q, DialogPortal as r, type DialogProps as s, DialogTitle as t, DialogTrigger as u, DragHandle as v, type DragHandleProps as w, Drawer as x, DrawerClose as y, DrawerContent as z };
+export { type DrawerContentProps as A, type BaseSheetProps as B, DrawerDescription as C, Dialog as D, DrawerFooter as E, DrawerHeader as F, DrawerOverlay as G, DrawerPortal as H, type DrawerProps as I, DrawerTitle as J, DrawerTrigger as K, Scrim as L, type ScrimProps as M, type SheetEdge as N, type SheetState as O, SideSheet as P, SideSheetModal as Q, type SideSheetModalProps as R, type SheetValue as S, type SideSheetProps as T, type UseBottomSheetOptions as U, type UseBottomSheetReturn as V, useBottomSheet as W, BottomSheet as a, type BottomSheetHandle as b, BottomSheetModal as c, type BottomSheetModalProps as d, type BottomSheetProps as e, type BottomSheetSnapPoint as f, DialogBody as g, DialogClose as h, DialogContent as i, type DialogContentProps as j, DialogDescription as k, DialogFooter as l, DialogFullScreenContent as m, type DialogFullScreenContentProps as n, DialogHeader as o, DialogIcon as p, DialogOverlay as q, DialogPortal as r, type DialogProps as s, DialogTitle as t, DialogTrigger as u, DragHandle as v, type DragHandleProps as w, Drawer as x, DrawerClose as y, DrawerContent as z };

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

@@ -106,7 +106,7 @@ declare const BUTTON_SIZE_TOKENS: {
         readonly outlineWidth: 1;
         readonly squareShapeRadius: 12;
         readonly pressedShapeRadius: 8;
-        readonly roundShapeRadius: 16;
+        readonly roundShapeRadius: 9999;
     };
     readonly sm: {
         readonly height: "2.5rem";
@@ -117,7 +117,7 @@ declare const BUTTON_SIZE_TOKENS: {
         readonly outlineWidth: 1;
         readonly squareShapeRadius: 12;
         readonly pressedShapeRadius: 8;
-        readonly roundShapeRadius: 20;
+        readonly roundShapeRadius: 9999;
     };
     readonly md: {
         readonly height: "3.5rem";
@@ -128,7 +128,7 @@ declare const BUTTON_SIZE_TOKENS: {
         readonly outlineWidth: 1;
         readonly squareShapeRadius: 16;
         readonly pressedShapeRadius: 12;
-        readonly roundShapeRadius: 28;
+        readonly roundShapeRadius: 9999;
     };
     readonly lg: {
         readonly height: "6rem";
@@ -139,7 +139,7 @@ declare const BUTTON_SIZE_TOKENS: {
         readonly outlineWidth: 2;
         readonly squareShapeRadius: 28;
         readonly pressedShapeRadius: 16;
-        readonly roundShapeRadius: 48;
+        readonly roundShapeRadius: 9999;
     };
     readonly xl: {
         readonly height: "8.5rem";
@@ -150,7 +150,7 @@ declare const BUTTON_SIZE_TOKENS: {
         readonly outlineWidth: 3;
         readonly squareShapeRadius: 28;
         readonly pressedShapeRadius: 16;
-        readonly roundShapeRadius: 68;
+        readonly roundShapeRadius: 9999;
     };
 };
 declare const BUTTON_COLOR_TOKENS: {

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

@@ -106,7 +106,7 @@ declare const BUTTON_SIZE_TOKENS: {
         readonly outlineWidth: 1;
         readonly squareShapeRadius: 12;
         readonly pressedShapeRadius: 8;
-        readonly roundShapeRadius: 16;
+        readonly roundShapeRadius: 9999;
     };
     readonly sm: {
         readonly height: "2.5rem";
@@ -117,7 +117,7 @@ declare const BUTTON_SIZE_TOKENS: {
         readonly outlineWidth: 1;
         readonly squareShapeRadius: 12;
         readonly pressedShapeRadius: 8;
-        readonly roundShapeRadius: 20;
+        readonly roundShapeRadius: 9999;
     };
     readonly md: {
         readonly height: "3.5rem";
@@ -128,7 +128,7 @@ declare const BUTTON_SIZE_TOKENS: {
         readonly outlineWidth: 1;
         readonly squareShapeRadius: 16;
         readonly pressedShapeRadius: 12;
-        readonly roundShapeRadius: 28;
+        readonly roundShapeRadius: 9999;
     };
     readonly lg: {
         readonly height: "6rem";
@@ -139,7 +139,7 @@ declare const BUTTON_SIZE_TOKENS: {
         readonly outlineWidth: 2;
         readonly squareShapeRadius: 28;
         readonly pressedShapeRadius: 16;
-        readonly roundShapeRadius: 48;
+        readonly roundShapeRadius: 9999;
     };
     readonly xl: {
         readonly height: "8.5rem";
@@ -150,7 +150,7 @@ declare const BUTTON_SIZE_TOKENS: {
         readonly outlineWidth: 3;
         readonly squareShapeRadius: 28;
         readonly pressedShapeRadius: 16;
-        readonly roundShapeRadius: 68;
+        readonly roundShapeRadius: 9999;
     };
 };
 declare const BUTTON_COLOR_TOKENS: {

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

@@ -285,6 +285,133 @@ declare const RadioButton: React.NamedExoticComponent<Omit<RadioButtonProps, "re
  */
 declare const RadioGroup: React.NamedExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 
+/**
+ * @file text-field.types.ts
+ * TypeScript interfaces and types for TextField MD3 Expressive component.
+ * @see https://m3.material.io/components/text-fields/overview
+ */
+
+type TextFieldVariant = "filled" | "outlined";
+type TextFieldInputType = "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "textarea";
+type TextFieldTrailingIconMode = "none" | "clear" | "password-toggle" | "custom";
+/**
+ * Imperative handle exposed via forwardRef.
+ * Allows parent components to programmatically control the text field.
+ */
+interface TextFieldHandle {
+    /** Focuses the input element. */
+    focus(): void;
+    /** Blurs the input element. */
+    blur(): void;
+    /** Selects all text in the input. */
+    select(): void;
+    /** Clears the current value and fires onChange with empty string. */
+    clear(): void;
+    /** Sets a custom validation message on the native input. */
+    setCustomValidity(message: string): void;
+    /** Returns true if the input is valid. Does not show validation UI. */
+    checkValidity(): boolean;
+    /** Returns true if the input is valid. Shows validation UI if invalid. */
+    reportValidity(): boolean;
+    /** Returns the current value string. */
+    getValue(): string;
+    /** Returns the underlying input or textarea element. */
+    getInputElement(): HTMLInputElement | HTMLTextAreaElement | null;
+}
+interface TextFieldProps {
+    /** Filled or outlined variant. @default 'filled' */
+    variant?: TextFieldVariant;
+    /** Floating label text. Also used as accessible name when no aria-label is set. */
+    label?: string;
+    /** Controlled value. Use with onChange for controlled mode. */
+    value?: string;
+    /** Initial value for uncontrolled mode. */
+    defaultValue?: string;
+    /** Fires when value changes. Receives new value string and native event. */
+    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** Input type. Use 'textarea' for multi-line input. @default 'text' */
+    type?: TextFieldInputType;
+    /** Placeholder text — shown only when no label OR label is floated. */
+    placeholder?: string;
+    name?: string;
+    id?: string;
+    autoComplete?: string;
+    inputMode?: React.HTMLAttributes<HTMLInputElement>["inputMode"];
+    /** Number of rows for textarea type. @default 2 */
+    rows?: number;
+    /** Number of columns for textarea type. @default 20 */
+    cols?: number;
+    /** Whether the textarea should automatically resize to fit its content. @default false */
+    autoResize?: boolean;
+    /** Maximum number of rows when autoResize is true. */
+    maxRows?: number;
+    /** CSS direction override for input text. */
+    textDirection?: "ltr" | "rtl" | "";
+    /** Marks field as required. Shows asterisk on label. */
+    required?: boolean;
+    /** Hides the asterisk even when required=true. */
+    noAsterisk?: boolean;
+    /** Manual error override — forces error visual state. */
+    error?: boolean;
+    /** Error message shown below the field (replaces supportingText). */
+    errorText?: string;
+    minLength?: number;
+    /** When set, enables character counter display. */
+    maxLength?: number;
+    min?: string;
+    max?: string;
+    step?: string;
+    pattern?: string;
+    /** For type="email" — allows multiple email addresses. */
+    multiple?: boolean;
+    /** Helper text shown below the field. Replaced by errorText when in error state. */
+    supportingText?: string;
+    /** Text displayed before the input value (e.g., "$"). */
+    prefixText?: string;
+    /** Text displayed after the input value (e.g., ".00"). */
+    suffixText?: string;
+    /** Icon node for the leading slot. Should be 24×24px. */
+    leadingIcon?: React.ReactNode;
+    /** Custom trailing icon node. Used when trailingIconMode='custom'. */
+    trailingIcon?: React.ReactNode;
+    /**
+     * Built-in trailing icon behavior.
+     * - 'none' — no trailing icon
+     * - 'clear' — ✕ button, clears value when clicked
+     * - 'password-toggle' — eye icon, toggles password visibility
+     * - 'custom' — uses trailingIcon prop
+     * @default 'none'
+     */
+    trailingIconMode?: TextFieldTrailingIconMode;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** Hides spinner arrows on type="number". */
+    noSpinner?: boolean;
+    form?: string;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-labelledby"?: string;
+    /** Extra class applied to the root wrapper element. */
+    className?: string;
+    /** Makes the component fill its container width. */
+    fullWidth?: boolean;
+    /** Dense variant — reduced height (48px instead of 56px). */
+    dense?: boolean;
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    ref?: React.Ref<TextFieldHandle>;
+    /**
+     * Controls when the scrollbars are visible when type="textarea".
+     * - `hover`: Show on hover (default)
+     * - `scroll`: Show only while scrolling
+     * - `always`: Always visible
+     * - `none`: Never visible
+     */
+    scrollAreaType?: "hover" | "scroll" | "always" | "none";
+}
+
 /**
  * @file slider.types.ts
  * MD3 Expressive Slider — TypeScript prop definitions.
@@ -866,133 +993,6 @@ declare const SwitchColors: {
     readonly focusIndicator: "var(--md-sys-color-secondary)";
 };
 
-/**
- * @file text-field.types.ts
- * TypeScript interfaces and types for TextField MD3 Expressive component.
- * @see https://m3.material.io/components/text-fields/overview
- */
-
-type TextFieldVariant = "filled" | "outlined";
-type TextFieldInputType = "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "textarea";
-type TextFieldTrailingIconMode = "none" | "clear" | "password-toggle" | "custom";
-/**
- * Imperative handle exposed via forwardRef.
- * Allows parent components to programmatically control the text field.
- */
-interface TextFieldHandle {
-    /** Focuses the input element. */
-    focus(): void;
-    /** Blurs the input element. */
-    blur(): void;
-    /** Selects all text in the input. */
-    select(): void;
-    /** Clears the current value and fires onChange with empty string. */
-    clear(): void;
-    /** Sets a custom validation message on the native input. */
-    setCustomValidity(message: string): void;
-    /** Returns true if the input is valid. Does not show validation UI. */
-    checkValidity(): boolean;
-    /** Returns true if the input is valid. Shows validation UI if invalid. */
-    reportValidity(): boolean;
-    /** Returns the current value string. */
-    getValue(): string;
-    /** Returns the underlying input or textarea element. */
-    getInputElement(): HTMLInputElement | HTMLTextAreaElement | null;
-}
-interface TextFieldProps {
-    /** Filled or outlined variant. @default 'filled' */
-    variant?: TextFieldVariant;
-    /** Floating label text. Also used as accessible name when no aria-label is set. */
-    label?: string;
-    /** Controlled value. Use with onChange for controlled mode. */
-    value?: string;
-    /** Initial value for uncontrolled mode. */
-    defaultValue?: string;
-    /** Fires when value changes. Receives new value string and native event. */
-    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /** Input type. Use 'textarea' for multi-line input. @default 'text' */
-    type?: TextFieldInputType;
-    /** Placeholder text — shown only when no label OR label is floated. */
-    placeholder?: string;
-    name?: string;
-    id?: string;
-    autoComplete?: string;
-    inputMode?: React.HTMLAttributes<HTMLInputElement>["inputMode"];
-    /** Number of rows for textarea type. @default 2 */
-    rows?: number;
-    /** Number of columns for textarea type. @default 20 */
-    cols?: number;
-    /** Whether the textarea should automatically resize to fit its content. @default false */
-    autoResize?: boolean;
-    /** Maximum number of rows when autoResize is true. */
-    maxRows?: number;
-    /** CSS direction override for input text. */
-    textDirection?: "ltr" | "rtl" | "";
-    /** Marks field as required. Shows asterisk on label. */
-    required?: boolean;
-    /** Hides the asterisk even when required=true. */
-    noAsterisk?: boolean;
-    /** Manual error override — forces error visual state. */
-    error?: boolean;
-    /** Error message shown below the field (replaces supportingText). */
-    errorText?: string;
-    minLength?: number;
-    /** When set, enables character counter display. */
-    maxLength?: number;
-    min?: string;
-    max?: string;
-    step?: string;
-    pattern?: string;
-    /** For type="email" — allows multiple email addresses. */
-    multiple?: boolean;
-    /** Helper text shown below the field. Replaced by errorText when in error state. */
-    supportingText?: string;
-    /** Text displayed before the input value (e.g., "$"). */
-    prefixText?: string;
-    /** Text displayed after the input value (e.g., ".00"). */
-    suffixText?: string;
-    /** Icon node for the leading slot. Should be 24×24px. */
-    leadingIcon?: React.ReactNode;
-    /** Custom trailing icon node. Used when trailingIconMode='custom'. */
-    trailingIcon?: React.ReactNode;
-    /**
-     * Built-in trailing icon behavior.
-     * - 'none' — no trailing icon
-     * - 'clear' — ✕ button, clears value when clicked
-     * - 'password-toggle' — eye icon, toggles password visibility
-     * - 'custom' — uses trailingIcon prop
-     * @default 'none'
-     */
-    trailingIconMode?: TextFieldTrailingIconMode;
-    disabled?: boolean;
-    readOnly?: boolean;
-    /** Hides spinner arrows on type="number". */
-    noSpinner?: boolean;
-    form?: string;
-    "aria-label"?: string;
-    "aria-describedby"?: string;
-    "aria-labelledby"?: string;
-    /** Extra class applied to the root wrapper element. */
-    className?: string;
-    /** Makes the component fill its container width. */
-    fullWidth?: boolean;
-    /** Dense variant — reduced height (48px instead of 56px). */
-    dense?: boolean;
-    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    ref?: React.Ref<TextFieldHandle>;
-    /**
-     * Controls when the scrollbars are visible when type="textarea".
-     * - `hover`: Show on hover (default)
-     * - `scroll`: Show only while scrolling
-     * - `always`: Always visible
-     * - `none`: Never visible
-     */
-    scrollAreaType?: "hover" | "scroll" | "always" | "none";
-}
-
 /**
  * @file text-field.tsx
  * MD3 Expressive TextField — Filled & Outlined variants.
@@ -1042,4 +1042,4 @@ interface TextFieldProps {
  */
 declare const TextField: React.NamedExoticComponent<Omit<TextFieldProps, "ref"> & React.RefAttributes<TextFieldHandle>>;
 
-export { type TriStateCheckboxProps as A, type SliderThumbProps as B, Checkbox as C, RadioButton as R, Slider as S, TextField as T, type CheckboxProps as a, type CheckboxState as b, Chip as c, type ChipProps as d, type RadioButtonColors as e, type RadioButtonProps as f, RadioGroup as g, type RadioGroupProps as h, RangeSlider as i, type RangeSliderProps as j, SliderColors as k, type SliderOrientation as l, type SliderProps as m, SliderTokens as n, type SliderTrackSize as o, type SliderVariant as p, Switch as q, SwitchColors as r, type SwitchProps as s, SwitchTokens as t, type TextFieldHandle as u, type TextFieldInputType as v, type TextFieldProps as w, type TextFieldTrailingIconMode as x, type TextFieldVariant as y, TriStateCheckbox as z };
+export { TriStateCheckbox as A, type TriStateCheckboxProps as B, Checkbox as C, RadioButton as R, type SliderThumbProps as S, TextField as T, type CheckboxProps as a, type CheckboxState as b, Chip as c, type ChipProps as d, type RadioButtonColors as e, type RadioButtonProps as f, RadioGroup as g, type RadioGroupProps as h, RangeSlider as i, type RangeSliderProps as j, Slider as k, SliderColors as l, type SliderOrientation as m, type SliderProps as n, SliderTokens as o, type SliderTrackSize as p, type SliderVariant as q, Switch as r, SwitchColors as s, type SwitchProps as t, SwitchTokens as u, type TextFieldHandle as v, type TextFieldInputType as w, type TextFieldProps as x, type TextFieldTrailingIconMode as y, type TextFieldVariant as z };

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

@@ -285,6 +285,133 @@ declare const RadioButton: React.NamedExoticComponent<Omit<RadioButtonProps, "re
  */
 declare const RadioGroup: React.NamedExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 
+/**
+ * @file text-field.types.ts
+ * TypeScript interfaces and types for TextField MD3 Expressive component.
+ * @see https://m3.material.io/components/text-fields/overview
+ */
+
+type TextFieldVariant = "filled" | "outlined";
+type TextFieldInputType = "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "textarea";
+type TextFieldTrailingIconMode = "none" | "clear" | "password-toggle" | "custom";
+/**
+ * Imperative handle exposed via forwardRef.
+ * Allows parent components to programmatically control the text field.
+ */
+interface TextFieldHandle {
+    /** Focuses the input element. */
+    focus(): void;
+    /** Blurs the input element. */
+    blur(): void;
+    /** Selects all text in the input. */
+    select(): void;
+    /** Clears the current value and fires onChange with empty string. */
+    clear(): void;
+    /** Sets a custom validation message on the native input. */
+    setCustomValidity(message: string): void;
+    /** Returns true if the input is valid. Does not show validation UI. */
+    checkValidity(): boolean;
+    /** Returns true if the input is valid. Shows validation UI if invalid. */
+    reportValidity(): boolean;
+    /** Returns the current value string. */
+    getValue(): string;
+    /** Returns the underlying input or textarea element. */
+    getInputElement(): HTMLInputElement | HTMLTextAreaElement | null;
+}
+interface TextFieldProps {
+    /** Filled or outlined variant. @default 'filled' */
+    variant?: TextFieldVariant;
+    /** Floating label text. Also used as accessible name when no aria-label is set. */
+    label?: string;
+    /** Controlled value. Use with onChange for controlled mode. */
+    value?: string;
+    /** Initial value for uncontrolled mode. */
+    defaultValue?: string;
+    /** Fires when value changes. Receives new value string and native event. */
+    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** Input type. Use 'textarea' for multi-line input. @default 'text' */
+    type?: TextFieldInputType;
+    /** Placeholder text — shown only when no label OR label is floated. */
+    placeholder?: string;
+    name?: string;
+    id?: string;
+    autoComplete?: string;
+    inputMode?: React.HTMLAttributes<HTMLInputElement>["inputMode"];
+    /** Number of rows for textarea type. @default 2 */
+    rows?: number;
+    /** Number of columns for textarea type. @default 20 */
+    cols?: number;
+    /** Whether the textarea should automatically resize to fit its content. @default false */
+    autoResize?: boolean;
+    /** Maximum number of rows when autoResize is true. */
+    maxRows?: number;
+    /** CSS direction override for input text. */
+    textDirection?: "ltr" | "rtl" | "";
+    /** Marks field as required. Shows asterisk on label. */
+    required?: boolean;
+    /** Hides the asterisk even when required=true. */
+    noAsterisk?: boolean;
+    /** Manual error override — forces error visual state. */
+    error?: boolean;
+    /** Error message shown below the field (replaces supportingText). */
+    errorText?: string;
+    minLength?: number;
+    /** When set, enables character counter display. */
+    maxLength?: number;
+    min?: string;
+    max?: string;
+    step?: string;
+    pattern?: string;
+    /** For type="email" — allows multiple email addresses. */
+    multiple?: boolean;
+    /** Helper text shown below the field. Replaced by errorText when in error state. */
+    supportingText?: string;
+    /** Text displayed before the input value (e.g., "$"). */
+    prefixText?: string;
+    /** Text displayed after the input value (e.g., ".00"). */
+    suffixText?: string;
+    /** Icon node for the leading slot. Should be 24×24px. */
+    leadingIcon?: React.ReactNode;
+    /** Custom trailing icon node. Used when trailingIconMode='custom'. */
+    trailingIcon?: React.ReactNode;
+    /**
+     * Built-in trailing icon behavior.
+     * - 'none' — no trailing icon
+     * - 'clear' — ✕ button, clears value when clicked
+     * - 'password-toggle' — eye icon, toggles password visibility
+     * - 'custom' — uses trailingIcon prop
+     * @default 'none'
+     */
+    trailingIconMode?: TextFieldTrailingIconMode;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** Hides spinner arrows on type="number". */
+    noSpinner?: boolean;
+    form?: string;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "aria-labelledby"?: string;
+    /** Extra class applied to the root wrapper element. */
+    className?: string;
+    /** Makes the component fill its container width. */
+    fullWidth?: boolean;
+    /** Dense variant — reduced height (48px instead of 56px). */
+    dense?: boolean;
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    ref?: React.Ref<TextFieldHandle>;
+    /**
+     * Controls when the scrollbars are visible when type="textarea".
+     * - `hover`: Show on hover (default)
+     * - `scroll`: Show only while scrolling
+     * - `always`: Always visible
+     * - `none`: Never visible
+     */
+    scrollAreaType?: "hover" | "scroll" | "always" | "none";
+}
+
 /**
  * @file slider.types.ts
  * MD3 Expressive Slider — TypeScript prop definitions.
@@ -866,133 +993,6 @@ declare const SwitchColors: {
     readonly focusIndicator: "var(--md-sys-color-secondary)";
 };
 
-/**
- * @file text-field.types.ts
- * TypeScript interfaces and types for TextField MD3 Expressive component.
- * @see https://m3.material.io/components/text-fields/overview
- */
-
-type TextFieldVariant = "filled" | "outlined";
-type TextFieldInputType = "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "textarea";
-type TextFieldTrailingIconMode = "none" | "clear" | "password-toggle" | "custom";
-/**
- * Imperative handle exposed via forwardRef.
- * Allows parent components to programmatically control the text field.
- */
-interface TextFieldHandle {
-    /** Focuses the input element. */
-    focus(): void;
-    /** Blurs the input element. */
-    blur(): void;
-    /** Selects all text in the input. */
-    select(): void;
-    /** Clears the current value and fires onChange with empty string. */
-    clear(): void;
-    /** Sets a custom validation message on the native input. */
-    setCustomValidity(message: string): void;
-    /** Returns true if the input is valid. Does not show validation UI. */
-    checkValidity(): boolean;
-    /** Returns true if the input is valid. Shows validation UI if invalid. */
-    reportValidity(): boolean;
-    /** Returns the current value string. */
-    getValue(): string;
-    /** Returns the underlying input or textarea element. */
-    getInputElement(): HTMLInputElement | HTMLTextAreaElement | null;
-}
-interface TextFieldProps {
-    /** Filled or outlined variant. @default 'filled' */
-    variant?: TextFieldVariant;
-    /** Floating label text. Also used as accessible name when no aria-label is set. */
-    label?: string;
-    /** Controlled value. Use with onChange for controlled mode. */
-    value?: string;
-    /** Initial value for uncontrolled mode. */
-    defaultValue?: string;
-    /** Fires when value changes. Receives new value string and native event. */
-    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /** Input type. Use 'textarea' for multi-line input. @default 'text' */
-    type?: TextFieldInputType;
-    /** Placeholder text — shown only when no label OR label is floated. */
-    placeholder?: string;
-    name?: string;
-    id?: string;
-    autoComplete?: string;
-    inputMode?: React.HTMLAttributes<HTMLInputElement>["inputMode"];
-    /** Number of rows for textarea type. @default 2 */
-    rows?: number;
-    /** Number of columns for textarea type. @default 20 */
-    cols?: number;
-    /** Whether the textarea should automatically resize to fit its content. @default false */
-    autoResize?: boolean;
-    /** Maximum number of rows when autoResize is true. */
-    maxRows?: number;
-    /** CSS direction override for input text. */
-    textDirection?: "ltr" | "rtl" | "";
-    /** Marks field as required. Shows asterisk on label. */
-    required?: boolean;
-    /** Hides the asterisk even when required=true. */
-    noAsterisk?: boolean;
-    /** Manual error override — forces error visual state. */
-    error?: boolean;
-    /** Error message shown below the field (replaces supportingText). */
-    errorText?: string;
-    minLength?: number;
-    /** When set, enables character counter display. */
-    maxLength?: number;
-    min?: string;
-    max?: string;
-    step?: string;
-    pattern?: string;
-    /** For type="email" — allows multiple email addresses. */
-    multiple?: boolean;
-    /** Helper text shown below the field. Replaced by errorText when in error state. */
-    supportingText?: string;
-    /** Text displayed before the input value (e.g., "$"). */
-    prefixText?: string;
-    /** Text displayed after the input value (e.g., ".00"). */
-    suffixText?: string;
-    /** Icon node for the leading slot. Should be 24×24px. */
-    leadingIcon?: React.ReactNode;
-    /** Custom trailing icon node. Used when trailingIconMode='custom'. */
-    trailingIcon?: React.ReactNode;
-    /**
-     * Built-in trailing icon behavior.
-     * - 'none' — no trailing icon
-     * - 'clear' — ✕ button, clears value when clicked
-     * - 'password-toggle' — eye icon, toggles password visibility
-     * - 'custom' — uses trailingIcon prop
-     * @default 'none'
-     */
-    trailingIconMode?: TextFieldTrailingIconMode;
-    disabled?: boolean;
-    readOnly?: boolean;
-    /** Hides spinner arrows on type="number". */
-    noSpinner?: boolean;
-    form?: string;
-    "aria-label"?: string;
-    "aria-describedby"?: string;
-    "aria-labelledby"?: string;
-    /** Extra class applied to the root wrapper element. */
-    className?: string;
-    /** Makes the component fill its container width. */
-    fullWidth?: boolean;
-    /** Dense variant — reduced height (48px instead of 56px). */
-    dense?: boolean;
-    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    ref?: React.Ref<TextFieldHandle>;
-    /**
-     * Controls when the scrollbars are visible when type="textarea".
-     * - `hover`: Show on hover (default)
-     * - `scroll`: Show only while scrolling
-     * - `always`: Always visible
-     * - `none`: Never visible
-     */
-    scrollAreaType?: "hover" | "scroll" | "always" | "none";
-}
-
 /**
  * @file text-field.tsx
  * MD3 Expressive TextField — Filled & Outlined variants.
@@ -1042,4 +1042,4 @@ interface TextFieldProps {
  */
 declare const TextField: React.NamedExoticComponent<Omit<TextFieldProps, "ref"> & React.RefAttributes<TextFieldHandle>>;
 
-export { type TriStateCheckboxProps as A, type SliderThumbProps as B, Checkbox as C, RadioButton as R, Slider as S, TextField as T, type CheckboxProps as a, type CheckboxState as b, Chip as c, type ChipProps as d, type RadioButtonColors as e, type RadioButtonProps as f, RadioGroup as g, type RadioGroupProps as h, RangeSlider as i, type RangeSliderProps as j, SliderColors as k, type SliderOrientation as l, type SliderProps as m, SliderTokens as n, type SliderTrackSize as o, type SliderVariant as p, Switch as q, SwitchColors as r, type SwitchProps as s, SwitchTokens as t, type TextFieldHandle as u, type TextFieldInputType as v, type TextFieldProps as w, type TextFieldTrailingIconMode as x, type TextFieldVariant as y, TriStateCheckbox as z };
+export { TriStateCheckbox as A, type TriStateCheckboxProps as B, Checkbox as C, RadioButton as R, type SliderThumbProps as S, TextField as T, type CheckboxProps as a, type CheckboxState as b, Chip as c, type ChipProps as d, type RadioButtonColors as e, type RadioButtonProps as f, RadioGroup as g, type RadioGroupProps as h, RangeSlider as i, type RangeSliderProps as j, Slider as k, SliderColors as l, type SliderOrientation as m, type SliderProps as n, SliderTokens as o, type SliderTrackSize as p, type SliderVariant as q, Switch as r, SwitchColors as s, type SwitchProps as t, SwitchTokens as u, type TextFieldHandle as v, type TextFieldInputType as w, type TextFieldProps as x, type TextFieldTrailingIconMode as y, type TextFieldVariant as z };