@latty-ds/react 0.3.0 → 0.5.0

package/dist/components/Accordion/Accordion.d.ts

@@ -7,7 +7,9 @@ export type AccordionProps = Omit<HTMLAttributes<AccordionEl>, 'onToggle'> & {
     open?: boolean;
     disabled?: boolean;
     uppercase?: boolean;
-    onToggle?: (event: CustomEvent) => void;
+    onToggle?: (detail: {
+        open: boolean;
+    }) => void;
 };
 export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<AccordionEl>, "onToggle"> & {
     label?: string;
@@ -16,5 +18,7 @@ export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<H
     open?: boolean;
     disabled?: boolean;
     uppercase?: boolean;
-    onToggle?: (event: CustomEvent) => void;
+    onToggle?: (detail: {
+        open: boolean;
+    }) => void;
 } & import("react").RefAttributes<AccordionEl>>;

package/dist/components/Alert/Alert.d.ts

@@ -8,7 +8,7 @@ export type AlertProps = HTMLAttributes<AlertEl> & {
     closable?: boolean;
     background?: string;
     uppercase?: boolean;
-    onClose?: (event: CustomEvent) => void;
+    onClose?: () => void;
 };
 export declare const Alert: import("react").ForwardRefExoticComponent<HTMLAttributes<AlertEl> & {
     variant?: AlertEl["variant"];
@@ -18,5 +18,5 @@ export declare const Alert: import("react").ForwardRefExoticComponent<HTMLAttrib
     closable?: boolean;
     background?: string;
     uppercase?: boolean;
-    onClose?: (event: CustomEvent) => void;
+    onClose?: () => void;
 } & import("react").RefAttributes<AlertEl>>;

package/dist/components/Calendar/Calendar.d.ts

@@ -13,8 +13,14 @@ export type CalendarProps = Omit<HTMLAttributes<CalendarEl>, 'onChange'> & {
     disabled?: boolean;
     months?: number;
     disabledDates?: CalendarEl['disabledDates'];
-    onChange?: (event: CustomEvent) => void;
-    onMonthChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        valueStart: string;
+        valueEnd: string;
+    }) => void;
+    onMonthChange?: (detail: {
+        year: number;
+        month: number;
+    }) => void;
 };
 export declare const Calendar: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<CalendarEl>, "onChange"> & {
     mode?: CalendarEl["mode"];
@@ -29,6 +35,12 @@ export declare const Calendar: import("react").ForwardRefExoticComponent<Omit<HT
     disabled?: boolean;
     months?: number;
     disabledDates?: CalendarEl["disabledDates"];
-    onChange?: (event: CustomEvent) => void;
-    onMonthChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        valueStart: string;
+        valueEnd: string;
+    }) => void;
+    onMonthChange?: (detail: {
+        year: number;
+        month: number;
+    }) => void;
 } & import("react").RefAttributes<CalendarEl>>;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,6 +1,7 @@
 import { type HTMLAttributes } from 'react';
 import type { Checkbox as CheckboxEl } from '@latty-ds/web';
 export type CheckboxProps = Omit<HTMLAttributes<CheckboxEl>, 'onChange'> & {
+    formAssociated?: boolean;
     variant?: CheckboxEl['variant'];
     size?: CheckboxEl['size'];
     checked?: boolean;
@@ -11,9 +12,12 @@ export type CheckboxProps = Omit<HTMLAttributes<CheckboxEl>, 'onChange'> & {
     labelPosition?: CheckboxEl['labelPosition'];
     name?: string;
     value?: string;
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        checked: boolean;
+    }) => void;
 };
 export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<CheckboxEl>, "onChange"> & {
+    formAssociated?: boolean;
     variant?: CheckboxEl["variant"];
     size?: CheckboxEl["size"];
     checked?: boolean;
@@ -24,5 +28,7 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HT
     labelPosition?: CheckboxEl["labelPosition"];
     name?: string;
     value?: string;
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        checked: boolean;
+    }) => void;
 } & import("react").RefAttributes<CheckboxEl>>;

package/dist/components/Chip/Chip.d.ts

@@ -7,7 +7,7 @@ export type ChipProps = HTMLAttributes<ChipEl> & {
     disabled?: boolean;
     deletable?: boolean;
     background?: string;
-    onDelete?: (event: CustomEvent) => void;
+    onDelete?: () => void;
 };
 export declare const Chip: import("react").ForwardRefExoticComponent<HTMLAttributes<ChipEl> & {
     appearance?: ChipEl["appearance"];
@@ -16,5 +16,5 @@ export declare const Chip: import("react").ForwardRefExoticComponent<HTMLAttribu
     disabled?: boolean;
     deletable?: boolean;
     background?: string;
-    onDelete?: (event: CustomEvent) => void;
+    onDelete?: () => void;
 } & import("react").RefAttributes<ChipEl>>;

package/dist/components/ColorInput/ColorInput.d.ts

@@ -1,20 +1,30 @@
 import { type HTMLAttributes } from 'react';
 import type { ColorInput as ColorInputEl } from '@latty-ds/web';
 export type ColorInputProps = Omit<HTMLAttributes<ColorInputEl>, 'onChange'> & {
+    formAssociated?: boolean;
     value?: string;
     format?: ColorInputEl['format'];
     label?: string;
     placeholder?: string;
     disabled?: boolean;
+    required?: boolean;
+    name?: string;
     size?: ColorInputEl['size'];
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 };
 export declare const ColorInput: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<ColorInputEl>, "onChange"> & {
+    formAssociated?: boolean;
     value?: string;
     format?: ColorInputEl["format"];
     label?: string;
     placeholder?: string;
     disabled?: boolean;
+    required?: boolean;
+    name?: string;
     size?: ColorInputEl["size"];
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 } & import("react").RefAttributes<ColorInputEl>>;

package/dist/components/Combobox/Combobox.d.ts

@@ -1,6 +1,7 @@
 import { type HTMLAttributes } from 'react';
 import type { Combobox as ComboboxEl } from '@latty-ds/web';
 export type ComboboxProps = Omit<HTMLAttributes<ComboboxEl>, 'onChange'> & {
+    formAssociated?: boolean;
     options?: ComboboxEl['options'];
     value?: string;
     label?: string;
@@ -11,9 +12,12 @@ export type ComboboxProps = Omit<HTMLAttributes<ComboboxEl>, 'onChange'> & {
     disabled?: boolean;
     required?: boolean;
     name?: string;
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 };
 export declare const Combobox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<ComboboxEl>, "onChange"> & {
+    formAssociated?: boolean;
     options?: ComboboxEl["options"];
     value?: string;
     label?: string;
@@ -24,5 +28,7 @@ export declare const Combobox: import("react").ForwardRefExoticComponent<Omit<HT
     disabled?: boolean;
     required?: boolean;
     name?: string;
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 } & import("react").RefAttributes<ComboboxEl>>;

package/dist/components/DateInput/DateInput.d.ts

@@ -1,6 +1,7 @@
 import { type HTMLAttributes } from 'react';
 import type { DateInput as DateInputEl } from '@latty-ds/web';
 export type DateInputProps = Omit<HTMLAttributes<DateInputEl>, 'onChange'> & {
+    formAssociated?: boolean;
     value?: string;
     min?: string;
     max?: string;
@@ -16,9 +17,12 @@ export type DateInputProps = Omit<HTMLAttributes<DateInputEl>, 'onChange'> & {
     required?: boolean;
     name?: string;
     disabledDates?: DateInputEl['disabledDates'];
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 };
 export declare const DateInput: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<DateInputEl>, "onChange"> & {
+    formAssociated?: boolean;
     value?: string;
     min?: string;
     max?: string;
@@ -34,5 +38,7 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<Omit<H
     required?: boolean;
     name?: string;
     disabledDates?: DateInputEl["disabledDates"];
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 } & import("react").RefAttributes<DateInputEl>>;

package/dist/components/Datepicker/Datepicker.d.ts

@@ -1,6 +1,7 @@
 import { type HTMLAttributes } from 'react';
 import type { Datepicker as DatepickerEl } from '@latty-ds/web';
 export type DatepickerProps = Omit<HTMLAttributes<DatepickerEl>, 'onChange' | 'onInput'> & {
+    formAssociated?: boolean;
     type?: DatepickerEl['type'];
     value?: string;
     min?: string;
@@ -13,10 +14,15 @@ export type DatepickerProps = Omit<HTMLAttributes<DatepickerEl>, 'onChange' | 'o
     required?: boolean;
     readonly?: boolean;
     name?: string;
-    onChange?: (event: CustomEvent) => void;
-    onInput?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
+    onInput?: (detail: {
+        value: string;
+    }) => void;
 };
 export declare const Datepicker: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<DatepickerEl>, "onChange" | "onInput"> & {
+    formAssociated?: boolean;
     type?: DatepickerEl["type"];
     value?: string;
     min?: string;
@@ -29,6 +35,10 @@ export declare const Datepicker: import("react").ForwardRefExoticComponent<Omit<
     required?: boolean;
     readonly?: boolean;
     name?: string;
-    onChange?: (event: CustomEvent) => void;
-    onInput?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
+    onInput?: (detail: {
+        value: string;
+    }) => void;
 } & import("react").RefAttributes<DatepickerEl>>;

package/dist/components/Dialog/Dialog.d.ts

@@ -9,8 +9,10 @@ export type DialogProps = HTMLAttributes<DialogEl> & {
     closeOnEscape?: boolean;
     uppercase?: boolean;
     backdropBlur?: boolean;
-    onDialogOpen?: (event: CustomEvent) => void;
-    onDialogClose?: (event: CustomEvent) => void;
+    onDialogOpen?: () => void;
+    onClose?: () => void;
+    onDialogClose?: () => void;
+    onOpen?: () => void;
 };
 export declare const Dialog: import("react").ForwardRefExoticComponent<HTMLAttributes<DialogEl> & {
     size?: DialogEl["size"];
@@ -21,6 +23,8 @@ export declare const Dialog: import("react").ForwardRefExoticComponent<HTMLAttri
     closeOnEscape?: boolean;
     uppercase?: boolean;
     backdropBlur?: boolean;
-    onDialogOpen?: (event: CustomEvent) => void;
-    onDialogClose?: (event: CustomEvent) => void;
+    onDialogOpen?: () => void;
+    onClose?: () => void;
+    onDialogClose?: () => void;
+    onOpen?: () => void;
 } & import("react").RefAttributes<DialogEl>>;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -3,12 +3,12 @@ import type { Dropdown as DropdownEl } from '@latty-ds/web';
 export type DropdownProps = HTMLAttributes<DropdownEl> & {
     open?: boolean;
     placement?: DropdownEl['placement'];
-    onOpen?: (event: CustomEvent) => void;
-    onClose?: (event: CustomEvent) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
 };
 export declare const Dropdown: import("react").ForwardRefExoticComponent<HTMLAttributes<DropdownEl> & {
     open?: boolean;
     placement?: DropdownEl["placement"];
-    onOpen?: (event: CustomEvent) => void;
-    onClose?: (event: CustomEvent) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
 } & import("react").RefAttributes<DropdownEl>>;

package/dist/components/DropdownItem/DropdownItem.d.ts

@@ -4,11 +4,11 @@ export type DropdownItemProps = HTMLAttributes<DropdownItemEl> & {
     disabled?: boolean;
     selected?: boolean;
     href?: string;
-    onSelect?: (event: CustomEvent) => void;
+    onSelect?: () => void;
 };
 export declare const DropdownItem: import("react").ForwardRefExoticComponent<HTMLAttributes<DropdownItemEl> & {
     disabled?: boolean;
     selected?: boolean;
     href?: string;
-    onSelect?: (event: CustomEvent) => void;
+    onSelect?: () => void;
 } & import("react").RefAttributes<DropdownItemEl>>;

package/dist/components/Pagination/Pagination.d.ts

@@ -5,12 +5,16 @@ export type PaginationProps = Omit<HTMLAttributes<PaginationEl>, 'onChange'> & {
     totalPages?: number;
     size?: PaginationEl['size'];
     disabled?: boolean;
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        page: number;
+    }) => void;
 };
 export declare const Pagination: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<PaginationEl>, "onChange"> & {
     page?: number;
     totalPages?: number;
     size?: PaginationEl["size"];
     disabled?: boolean;
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        page: number;
+    }) => void;
 } & import("react").RefAttributes<PaginationEl>>;

package/dist/components/Radio/Radio.d.ts

@@ -1,6 +1,7 @@
 import { type HTMLAttributes } from 'react';
 import type { Radio as RadioEl } from '@latty-ds/web';
 export type RadioProps = Omit<HTMLAttributes<RadioEl>, 'onChange'> & {
+    formAssociated?: boolean;
     variant?: RadioEl['variant'];
     size?: RadioEl['size'];
     checked?: boolean;
@@ -10,9 +11,13 @@ export type RadioProps = Omit<HTMLAttributes<RadioEl>, 'onChange'> & {
     labelPosition?: RadioEl['labelPosition'];
     name?: string;
     value?: string;
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+        checked: boolean;
+    }) => void;
 };
 export declare const Radio: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<RadioEl>, "onChange"> & {
+    formAssociated?: boolean;
     variant?: RadioEl["variant"];
     size?: RadioEl["size"];
     checked?: boolean;
@@ -22,5 +27,8 @@ export declare const Radio: import("react").ForwardRefExoticComponent<Omit<HTMLA
     labelPosition?: RadioEl["labelPosition"];
     name?: string;
     value?: string;
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+        checked: boolean;
+    }) => void;
 } & import("react").RefAttributes<RadioEl>>;

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -8,7 +8,9 @@ export type RadioGroupProps = Omit<HTMLAttributes<RadioGroupEl>, 'onChange'> & {
     helperText?: string;
     error?: boolean;
     required?: boolean;
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 };
 export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<RadioGroupEl>, "onChange"> & {
     label?: string;
@@ -18,5 +20,7 @@ export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<
     helperText?: string;
     error?: boolean;
     required?: boolean;
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 } & import("react").RefAttributes<RadioGroupEl>>;

package/dist/components/Select/Select.d.ts

@@ -1,26 +1,34 @@
 import { type HTMLAttributes } from 'react';
 import type { Select as SelectEl } from '@latty-ds/web';
 export type SelectProps = Omit<HTMLAttributes<SelectEl>, 'onChange'> & {
+    formAssociated?: boolean;
     variant?: SelectEl['variant'];
     size?: SelectEl['size'];
     value?: string;
     placeholder?: string;
     label?: string;
+    name?: string;
     helperText?: string;
     disabled?: boolean;
     required?: boolean;
     options?: SelectEl['options'];
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 };
 export declare const Select: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<SelectEl>, "onChange"> & {
+    formAssociated?: boolean;
     variant?: SelectEl["variant"];
     size?: SelectEl["size"];
     value?: string;
     placeholder?: string;
     label?: string;
+    name?: string;
     helperText?: string;
     disabled?: boolean;
     required?: boolean;
     options?: SelectEl["options"];
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 } & import("react").RefAttributes<SelectEl>>;

package/dist/components/Slider/Slider.d.ts

@@ -1,6 +1,7 @@
 import { type HTMLAttributes } from 'react';
 import type { Slider as SliderEl } from '@latty-ds/web';
 export type SliderProps = Omit<HTMLAttributes<SliderEl>, 'onInput' | 'onChange'> & {
+    formAssociated?: boolean;
     size?: SliderEl['size'];
     disabled?: boolean;
     tooltip?: boolean;
@@ -10,10 +11,15 @@ export type SliderProps = Omit<HTMLAttributes<SliderEl>, 'onInput' | 'onChange'>
     value?: number;
     label?: string;
     name?: string;
-    onInput?: (event: CustomEvent) => void;
-    onChange?: (event: CustomEvent) => void;
+    onInput?: (detail: {
+        value: number;
+    }) => void;
+    onChange?: (detail: {
+        value: number;
+    }) => void;
 };
 export declare const Slider: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<SliderEl>, "onChange" | "onInput"> & {
+    formAssociated?: boolean;
     size?: SliderEl["size"];
     disabled?: boolean;
     tooltip?: boolean;
@@ -23,6 +29,10 @@ export declare const Slider: import("react").ForwardRefExoticComponent<Omit<HTML
     value?: number;
     label?: string;
     name?: string;
-    onInput?: (event: CustomEvent) => void;
-    onChange?: (event: CustomEvent) => void;
+    onInput?: (detail: {
+        value: number;
+    }) => void;
+    onChange?: (detail: {
+        value: number;
+    }) => void;
 } & import("react").RefAttributes<SliderEl>>;

package/dist/components/Snackbar/Snackbar.d.ts

@@ -7,9 +7,9 @@ export type SnackbarProps = HTMLAttributes<SnackbarEl> & {
     closable?: boolean;
     actionLabel?: string;
     icon?: LattyIconName;
-    onShow?: (event: CustomEvent) => void;
-    onHide?: (event: CustomEvent) => void;
-    onAction?: (event: CustomEvent) => void;
+    onShow?: () => void;
+    onHide?: () => void;
+    onAction?: () => void;
 };
 export declare const Snackbar: import("react").ForwardRefExoticComponent<HTMLAttributes<SnackbarEl> & {
     variant?: SnackbarEl["variant"];
@@ -18,7 +18,7 @@ export declare const Snackbar: import("react").ForwardRefExoticComponent<HTMLAtt
     closable?: boolean;
     actionLabel?: string;
     icon?: LattyIconName;
-    onShow?: (event: CustomEvent) => void;
-    onHide?: (event: CustomEvent) => void;
-    onAction?: (event: CustomEvent) => void;
+    onShow?: () => void;
+    onHide?: () => void;
+    onAction?: () => void;
 } & import("react").RefAttributes<SnackbarEl>>;

package/dist/components/Switch/Switch.d.ts

@@ -1,6 +1,7 @@
 import { type HTMLAttributes } from 'react';
 import type { Switch as SwitchEl } from '@latty-ds/web';
 export type SwitchProps = Omit<HTMLAttributes<SwitchEl>, 'onChange'> & {
+    formAssociated?: boolean;
     variant?: SwitchEl['variant'];
     size?: SwitchEl['size'];
     checked?: boolean;
@@ -10,9 +11,12 @@ export type SwitchProps = Omit<HTMLAttributes<SwitchEl>, 'onChange'> & {
     labelPosition?: SwitchEl['labelPosition'];
     name?: string;
     value?: string;
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        checked: boolean;
+    }) => void;
 };
 export declare const Switch: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<SwitchEl>, "onChange"> & {
+    formAssociated?: boolean;
     variant?: SwitchEl["variant"];
     size?: SwitchEl["size"];
     checked?: boolean;
@@ -22,5 +26,7 @@ export declare const Switch: import("react").ForwardRefExoticComponent<Omit<HTML
     labelPosition?: SwitchEl["labelPosition"];
     name?: string;
     value?: string;
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        checked: boolean;
+    }) => void;
 } & import("react").RefAttributes<SwitchEl>>;

package/dist/components/TabGroup/TabGroup.d.ts

@@ -4,11 +4,15 @@ export type TabGroupProps = Omit<HTMLAttributes<TabGroupEl>, 'onChange'> & {
     value?: string;
     appearance?: TabGroupEl['appearance'];
     size?: TabGroupEl['size'];
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 };
 export declare const TabGroup: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<TabGroupEl>, "onChange"> & {
     value?: string;
     appearance?: TabGroupEl["appearance"];
     size?: TabGroupEl["size"];
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 } & import("react").RefAttributes<TabGroupEl>>;

package/dist/components/Table/Table.d.ts

@@ -12,7 +12,7 @@ export type TableProps = HTMLAttributes<TableEl> & {
     emptyMessage?: string;
     rowKey?: string;
     sort?: TableEl['sort'];
-    onSortChange?: (event: CustomEvent) => void;
+    onSortChange?: () => void;
 };
 export declare const Table: import("react").ForwardRefExoticComponent<HTMLAttributes<TableEl<Record<string, unknown>>> & {
     columns?: TableEl["columns"];
@@ -26,5 +26,5 @@ export declare const Table: import("react").ForwardRefExoticComponent<HTMLAttrib
     emptyMessage?: string;
     rowKey?: string;
     sort?: TableEl["sort"];
-    onSortChange?: (event: CustomEvent) => void;
+    onSortChange?: () => void;
 } & import("react").RefAttributes<TableEl<Record<string, unknown>>>>;

package/dist/components/Textfield/Textfield.d.ts

@@ -1,12 +1,14 @@
 import { type HTMLAttributes } from 'react';
 import type { Textfield as TextfieldEl, LattyIconName } from '@latty-ds/web';
 export type TextfieldProps = Omit<HTMLAttributes<TextfieldEl>, 'onInput' | 'onChange'> & {
+    formAssociated?: boolean;
     variant?: TextfieldEl['variant'];
     size?: TextfieldEl['size'];
     type?: TextfieldEl['type'];
     value?: string;
     placeholder?: string;
     label?: string;
+    name?: string;
     helperText?: TextfieldEl['helperText'];
     disabled?: boolean;
     required?: boolean;
@@ -16,16 +18,22 @@ export type TextfieldProps = Omit<HTMLAttributes<TextfieldEl>, 'onInput' | 'onCh
     min?: TextfieldEl['min'];
     max?: TextfieldEl['max'];
     uppercase?: boolean;
-    onInput?: (event: CustomEvent) => void;
-    onChange?: (event: CustomEvent) => void;
+    onInput?: (detail: {
+        value: string;
+    }) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 };
 export declare const Textfield: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<TextfieldEl>, "onChange" | "onInput"> & {
+    formAssociated?: boolean;
     variant?: TextfieldEl["variant"];
     size?: TextfieldEl["size"];
     type?: TextfieldEl["type"];
     value?: string;
     placeholder?: string;
     label?: string;
+    name?: string;
     helperText?: TextfieldEl["helperText"];
     disabled?: boolean;
     required?: boolean;
@@ -35,6 +43,10 @@ export declare const Textfield: import("react").ForwardRefExoticComponent<Omit<H
     min?: TextfieldEl["min"];
     max?: TextfieldEl["max"];
     uppercase?: boolean;
-    onInput?: (event: CustomEvent) => void;
-    onChange?: (event: CustomEvent) => void;
+    onInput?: (detail: {
+        value: string;
+    }) => void;
+    onChange?: (detail: {
+        value: string;
+    }) => void;
 } & import("react").RefAttributes<TextfieldEl>>;