@purpurds/text-field 7.6.0 → 7.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/LICENSE.txt +6 -6
  2. package/dist/text-field.cjs.js +10 -10
  3. package/dist/text-field.cjs.js.map +1 -1
  4. package/dist/text-field.d.ts +646 -4
  5. package/dist/text-field.d.ts.map +1 -1
  6. package/dist/text-field.es.js +362 -412
  7. package/dist/text-field.es.js.map +1 -1
  8. package/package.json +9 -8
  9. package/src/text-field.stories.tsx +1 -1
  10. package/src/text-field.tsx +147 -151
package/dist/text-field.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import { default as React, ComponentPropsWithoutRef, HTMLInputTypeAttribute, ReactElement, ReactNode } from 'react';
1
+ import { default as React, HTMLInputTypeAttribute, ReactElement, ReactNode } from 'react';
2
+ import { BaseProps } from '@purpurds/common-types';
2
3
 
3
4
  type TextFieldBaseProps = {
4
- ["data-testid"]?: string;
5
5
  /**
6
6
  * Use to display e.g. a button before the text field.
7
7
  *
@@ -76,8 +76,650 @@ type TextFieldClearProps = {
76
76
  * */
77
77
  onClear?: never;
78
78
  };
79
- export type TextFieldProps = ComponentPropsWithoutRef<"input"> & TextFieldBaseProps & TextFieldClearProps;
80
- export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
79
+ export type TextFieldProps = Omit<BaseProps<"input">, "type"> & TextFieldBaseProps & TextFieldClearProps;
80
+ export declare const TextField: React.ForwardRefExoticComponent<(Omit<Omit<{
81
+ color?: string | undefined;
82
+ hidden?: boolean | undefined;
83
+ form?: string | undefined;
84
+ slot?: string | undefined;
85
+ style?: React.CSSProperties | undefined;
86
+ title?: string | undefined;
87
+ pattern?: string | undefined;
88
+ ref?: React.Ref<HTMLInputElement> | undefined;
89
+ key?: React.Key | null | undefined;
90
+ accept?: string | undefined;
91
+ alt?: string | undefined;
92
+ autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
93
+ capture?: boolean | "user" | "environment" | undefined;
94
+ checked?: boolean | undefined;
95
+ disabled?: boolean | undefined;
96
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
97
+ formEncType?: string | undefined;
98
+ formMethod?: string | undefined;
99
+ formNoValidate?: boolean | undefined;
100
+ formTarget?: string | undefined;
101
+ height?: number | string | undefined;
102
+ list?: string | undefined;
103
+ max?: number | string | undefined;
104
+ maxLength?: number | undefined;
105
+ min?: number | string | undefined;
106
+ minLength?: number | undefined;
107
+ multiple?: boolean | undefined;
108
+ name?: string | undefined;
109
+ placeholder?: string | undefined;
110
+ readOnly?: boolean | undefined;
111
+ required?: boolean | undefined;
112
+ size?: number | undefined;
113
+ src?: string | undefined;
114
+ step?: number | string | undefined;
115
+ type?: HTMLInputTypeAttribute | undefined;
116
+ value?: string | readonly string[] | number | undefined;
117
+ width?: number | string | undefined;
118
+ onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
119
+ defaultChecked?: boolean | undefined;
120
+ defaultValue?: string | number | readonly string[] | undefined;
121
+ suppressContentEditableWarning?: boolean | undefined;
122
+ suppressHydrationWarning?: boolean | undefined;
123
+ accessKey?: string | undefined;
124
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
125
+ autoFocus?: boolean | undefined;
126
+ className?: string | undefined;
127
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
128
+ contextMenu?: string | undefined;
129
+ dir?: string | undefined;
130
+ draggable?: (boolean | "true" | "false") | undefined;
131
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
132
+ id?: string | undefined;
133
+ lang?: string | undefined;
134
+ nonce?: string | undefined;
135
+ spellCheck?: (boolean | "true" | "false") | undefined;
136
+ tabIndex?: number | undefined;
137
+ translate?: "yes" | "no" | undefined;
138
+ radioGroup?: string | undefined;
139
+ role?: React.AriaRole | undefined;
140
+ about?: string | undefined;
141
+ content?: string | undefined;
142
+ datatype?: string | undefined;
143
+ inlist?: any;
144
+ prefix?: string | undefined;
145
+ property?: string | undefined;
146
+ rel?: string | undefined;
147
+ resource?: string | undefined;
148
+ rev?: string | undefined;
149
+ typeof?: string | undefined;
150
+ vocab?: string | undefined;
151
+ autoCorrect?: string | undefined;
152
+ autoSave?: string | undefined;
153
+ itemProp?: string | undefined;
154
+ itemScope?: boolean | undefined;
155
+ itemType?: string | undefined;
156
+ itemID?: string | undefined;
157
+ itemRef?: string | undefined;
158
+ results?: number | undefined;
159
+ security?: string | undefined;
160
+ unselectable?: "on" | "off" | undefined;
161
+ popover?: "" | "auto" | "manual" | undefined;
162
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
163
+ popoverTarget?: string | undefined;
164
+ inert?: boolean | undefined;
165
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
166
+ is?: string | undefined;
167
+ "aria-activedescendant"?: string | undefined;
168
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
169
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
170
+ "aria-braillelabel"?: string | undefined;
171
+ "aria-brailleroledescription"?: string | undefined;
172
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
173
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
174
+ "aria-colcount"?: number | undefined;
175
+ "aria-colindex"?: number | undefined;
176
+ "aria-colindextext"?: string | undefined;
177
+ "aria-colspan"?: number | undefined;
178
+ "aria-controls"?: string | undefined;
179
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
180
+ "aria-describedby"?: string | undefined;
181
+ "aria-description"?: string | undefined;
182
+ "aria-details"?: string | undefined;
183
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
184
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
185
+ "aria-errormessage"?: string | undefined;
186
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
187
+ "aria-flowto"?: string | undefined;
188
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
189
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
190
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
191
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
192
+ "aria-keyshortcuts"?: string | undefined;
193
+ "aria-label"?: string | undefined;
194
+ "aria-labelledby"?: string | undefined;
195
+ "aria-level"?: number | undefined;
196
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
197
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
198
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
199
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
200
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
201
+ "aria-owns"?: string | undefined;
202
+ "aria-placeholder"?: string | undefined;
203
+ "aria-posinset"?: number | undefined;
204
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
205
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
206
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
207
+ "aria-required"?: (boolean | "true" | "false") | undefined;
208
+ "aria-roledescription"?: string | undefined;
209
+ "aria-rowcount"?: number | undefined;
210
+ "aria-rowindex"?: number | undefined;
211
+ "aria-rowindextext"?: string | undefined;
212
+ "aria-rowspan"?: number | undefined;
213
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
214
+ "aria-setsize"?: number | undefined;
215
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
216
+ "aria-valuemax"?: number | undefined;
217
+ "aria-valuemin"?: number | undefined;
218
+ "aria-valuenow"?: number | undefined;
219
+ "aria-valuetext"?: string | undefined;
220
+ dangerouslySetInnerHTML?: {
221
+ __html: string | TrustedHTML;
222
+ } | undefined;
223
+ onCopy?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
224
+ onCopyCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
225
+ onCut?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
226
+ onCutCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
227
+ onPaste?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
228
+ onPasteCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
229
+ onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement> | undefined;
230
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
231
+ onCompositionStart?: React.CompositionEventHandler<HTMLInputElement> | undefined;
232
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
233
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLInputElement> | undefined;
234
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
235
+ onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
236
+ onFocusCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
237
+ onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
238
+ onBlurCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
239
+ onChangeCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
240
+ onBeforeInput?: React.FormEventHandler<HTMLInputElement> | undefined;
241
+ onBeforeInputCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
242
+ onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
243
+ onInputCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
244
+ onReset?: React.FormEventHandler<HTMLInputElement> | undefined;
245
+ onResetCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
246
+ onSubmit?: React.FormEventHandler<HTMLInputElement> | undefined;
247
+ onSubmitCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
248
+ onInvalid?: React.FormEventHandler<HTMLInputElement> | undefined;
249
+ onInvalidCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
250
+ onLoad?: React.ReactEventHandler<HTMLInputElement> | undefined;
251
+ onLoadCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
252
+ onError?: React.ReactEventHandler<HTMLInputElement> | undefined;
253
+ onErrorCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
254
+ onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
255
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
256
+ onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
257
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
258
+ onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
259
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
260
+ onAbort?: React.ReactEventHandler<HTMLInputElement> | undefined;
261
+ onAbortCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
262
+ onCanPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
263
+ onCanPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
264
+ onCanPlayThrough?: React.ReactEventHandler<HTMLInputElement> | undefined;
265
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
266
+ onDurationChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
267
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
268
+ onEmptied?: React.ReactEventHandler<HTMLInputElement> | undefined;
269
+ onEmptiedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
270
+ onEncrypted?: React.ReactEventHandler<HTMLInputElement> | undefined;
271
+ onEncryptedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
272
+ onEnded?: React.ReactEventHandler<HTMLInputElement> | undefined;
273
+ onEndedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
274
+ onLoadedData?: React.ReactEventHandler<HTMLInputElement> | undefined;
275
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
276
+ onLoadedMetadata?: React.ReactEventHandler<HTMLInputElement> | undefined;
277
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
278
+ onLoadStart?: React.ReactEventHandler<HTMLInputElement> | undefined;
279
+ onLoadStartCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
280
+ onPause?: React.ReactEventHandler<HTMLInputElement> | undefined;
281
+ onPauseCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
282
+ onPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
283
+ onPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
284
+ onPlaying?: React.ReactEventHandler<HTMLInputElement> | undefined;
285
+ onPlayingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
286
+ onProgress?: React.ReactEventHandler<HTMLInputElement> | undefined;
287
+ onProgressCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
288
+ onRateChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
289
+ onRateChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
290
+ onResize?: React.ReactEventHandler<HTMLInputElement> | undefined;
291
+ onResizeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
292
+ onSeeked?: React.ReactEventHandler<HTMLInputElement> | undefined;
293
+ onSeekedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
294
+ onSeeking?: React.ReactEventHandler<HTMLInputElement> | undefined;
295
+ onSeekingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
296
+ onStalled?: React.ReactEventHandler<HTMLInputElement> | undefined;
297
+ onStalledCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
298
+ onSuspend?: React.ReactEventHandler<HTMLInputElement> | undefined;
299
+ onSuspendCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
300
+ onTimeUpdate?: React.ReactEventHandler<HTMLInputElement> | undefined;
301
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
302
+ onVolumeChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
303
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
304
+ onWaiting?: React.ReactEventHandler<HTMLInputElement> | undefined;
305
+ onWaitingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
306
+ onAuxClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
307
+ onAuxClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
308
+ onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
309
+ onClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
310
+ onContextMenu?: React.MouseEventHandler<HTMLInputElement> | undefined;
311
+ onContextMenuCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
312
+ onDoubleClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
313
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
314
+ onDrag?: React.DragEventHandler<HTMLInputElement> | undefined;
315
+ onDragCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
316
+ onDragEnd?: React.DragEventHandler<HTMLInputElement> | undefined;
317
+ onDragEndCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
318
+ onDragEnter?: React.DragEventHandler<HTMLInputElement> | undefined;
319
+ onDragEnterCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
320
+ onDragExit?: React.DragEventHandler<HTMLInputElement> | undefined;
321
+ onDragExitCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
322
+ onDragLeave?: React.DragEventHandler<HTMLInputElement> | undefined;
323
+ onDragLeaveCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
324
+ onDragOver?: React.DragEventHandler<HTMLInputElement> | undefined;
325
+ onDragOverCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
326
+ onDragStart?: React.DragEventHandler<HTMLInputElement> | undefined;
327
+ onDragStartCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
328
+ onDrop?: React.DragEventHandler<HTMLInputElement> | undefined;
329
+ onDropCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
330
+ onMouseDown?: React.MouseEventHandler<HTMLInputElement> | undefined;
331
+ onMouseDownCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
332
+ onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
333
+ onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
334
+ onMouseMove?: React.MouseEventHandler<HTMLInputElement> | undefined;
335
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
336
+ onMouseOut?: React.MouseEventHandler<HTMLInputElement> | undefined;
337
+ onMouseOutCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
338
+ onMouseOver?: React.MouseEventHandler<HTMLInputElement> | undefined;
339
+ onMouseOverCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
340
+ onMouseUp?: React.MouseEventHandler<HTMLInputElement> | undefined;
341
+ onMouseUpCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
342
+ onSelect?: React.ReactEventHandler<HTMLInputElement> | undefined;
343
+ onSelectCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
344
+ onTouchCancel?: React.TouchEventHandler<HTMLInputElement> | undefined;
345
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
346
+ onTouchEnd?: React.TouchEventHandler<HTMLInputElement> | undefined;
347
+ onTouchEndCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
348
+ onTouchMove?: React.TouchEventHandler<HTMLInputElement> | undefined;
349
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
350
+ onTouchStart?: React.TouchEventHandler<HTMLInputElement> | undefined;
351
+ onTouchStartCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
352
+ onPointerDown?: React.PointerEventHandler<HTMLInputElement> | undefined;
353
+ onPointerDownCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
354
+ onPointerMove?: React.PointerEventHandler<HTMLInputElement> | undefined;
355
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
356
+ onPointerUp?: React.PointerEventHandler<HTMLInputElement> | undefined;
357
+ onPointerUpCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
358
+ onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
359
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
360
+ onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
361
+ onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
362
+ onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
363
+ onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
364
+ onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
365
+ onPointerOutCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
366
+ onGotPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
367
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
368
+ onLostPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
369
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
370
+ onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
371
+ onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
372
+ onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
373
+ onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
374
+ onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
375
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
376
+ onAnimationEnd?: React.AnimationEventHandler<HTMLInputElement> | undefined;
377
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
378
+ onAnimationIteration?: React.AnimationEventHandler<HTMLInputElement> | undefined;
379
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
380
+ onToggle?: React.ToggleEventHandler<HTMLInputElement> | undefined;
381
+ onBeforeToggle?: React.ToggleEventHandler<HTMLInputElement> | undefined;
382
+ onTransitionCancel?: React.TransitionEventHandler<HTMLInputElement> | undefined;
383
+ onTransitionCancelCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
384
+ onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
385
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
386
+ onTransitionRun?: React.TransitionEventHandler<HTMLInputElement> | undefined;
387
+ onTransitionRunCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
388
+ onTransitionStart?: React.TransitionEventHandler<HTMLInputElement> | undefined;
389
+ onTransitionStartCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
390
+ } & {
391
+ [key: `data-${string}`]: string | undefined;
392
+ }, "type"> & TextFieldBaseProps & {
393
+ /**
394
+ * An accessible label for the clear button.
395
+ * */
396
+ clearButtonAriaLabel: string;
397
+ /**
398
+ * Event handler called when the clear button is clicked.
399
+ * */
400
+ onClear: () => void;
401
+ }, "ref"> | Omit<Omit<{
402
+ color?: string | undefined;
403
+ hidden?: boolean | undefined;
404
+ form?: string | undefined;
405
+ slot?: string | undefined;
406
+ style?: React.CSSProperties | undefined;
407
+ title?: string | undefined;
408
+ pattern?: string | undefined;
409
+ ref?: React.Ref<HTMLInputElement> | undefined;
410
+ key?: React.Key | null | undefined;
411
+ accept?: string | undefined;
412
+ alt?: string | undefined;
413
+ autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
414
+ capture?: boolean | "user" | "environment" | undefined;
415
+ checked?: boolean | undefined;
416
+ disabled?: boolean | undefined;
417
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
418
+ formEncType?: string | undefined;
419
+ formMethod?: string | undefined;
420
+ formNoValidate?: boolean | undefined;
421
+ formTarget?: string | undefined;
422
+ height?: number | string | undefined;
423
+ list?: string | undefined;
424
+ max?: number | string | undefined;
425
+ maxLength?: number | undefined;
426
+ min?: number | string | undefined;
427
+ minLength?: number | undefined;
428
+ multiple?: boolean | undefined;
429
+ name?: string | undefined;
430
+ placeholder?: string | undefined;
431
+ readOnly?: boolean | undefined;
432
+ required?: boolean | undefined;
433
+ size?: number | undefined;
434
+ src?: string | undefined;
435
+ step?: number | string | undefined;
436
+ type?: HTMLInputTypeAttribute | undefined;
437
+ value?: string | readonly string[] | number | undefined;
438
+ width?: number | string | undefined;
439
+ onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
440
+ defaultChecked?: boolean | undefined;
441
+ defaultValue?: string | number | readonly string[] | undefined;
442
+ suppressContentEditableWarning?: boolean | undefined;
443
+ suppressHydrationWarning?: boolean | undefined;
444
+ accessKey?: string | undefined;
445
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
446
+ autoFocus?: boolean | undefined;
447
+ className?: string | undefined;
448
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
449
+ contextMenu?: string | undefined;
450
+ dir?: string | undefined;
451
+ draggable?: (boolean | "true" | "false") | undefined;
452
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
453
+ id?: string | undefined;
454
+ lang?: string | undefined;
455
+ nonce?: string | undefined;
456
+ spellCheck?: (boolean | "true" | "false") | undefined;
457
+ tabIndex?: number | undefined;
458
+ translate?: "yes" | "no" | undefined;
459
+ radioGroup?: string | undefined;
460
+ role?: React.AriaRole | undefined;
461
+ about?: string | undefined;
462
+ content?: string | undefined;
463
+ datatype?: string | undefined;
464
+ inlist?: any;
465
+ prefix?: string | undefined;
466
+ property?: string | undefined;
467
+ rel?: string | undefined;
468
+ resource?: string | undefined;
469
+ rev?: string | undefined;
470
+ typeof?: string | undefined;
471
+ vocab?: string | undefined;
472
+ autoCorrect?: string | undefined;
473
+ autoSave?: string | undefined;
474
+ itemProp?: string | undefined;
475
+ itemScope?: boolean | undefined;
476
+ itemType?: string | undefined;
477
+ itemID?: string | undefined;
478
+ itemRef?: string | undefined;
479
+ results?: number | undefined;
480
+ security?: string | undefined;
481
+ unselectable?: "on" | "off" | undefined;
482
+ popover?: "" | "auto" | "manual" | undefined;
483
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
484
+ popoverTarget?: string | undefined;
485
+ inert?: boolean | undefined;
486
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
487
+ is?: string | undefined;
488
+ "aria-activedescendant"?: string | undefined;
489
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
490
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
491
+ "aria-braillelabel"?: string | undefined;
492
+ "aria-brailleroledescription"?: string | undefined;
493
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
494
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
495
+ "aria-colcount"?: number | undefined;
496
+ "aria-colindex"?: number | undefined;
497
+ "aria-colindextext"?: string | undefined;
498
+ "aria-colspan"?: number | undefined;
499
+ "aria-controls"?: string | undefined;
500
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
501
+ "aria-describedby"?: string | undefined;
502
+ "aria-description"?: string | undefined;
503
+ "aria-details"?: string | undefined;
504
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
505
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
506
+ "aria-errormessage"?: string | undefined;
507
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
508
+ "aria-flowto"?: string | undefined;
509
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
510
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
511
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
512
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
513
+ "aria-keyshortcuts"?: string | undefined;
514
+ "aria-label"?: string | undefined;
515
+ "aria-labelledby"?: string | undefined;
516
+ "aria-level"?: number | undefined;
517
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
518
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
519
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
520
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
521
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
522
+ "aria-owns"?: string | undefined;
523
+ "aria-placeholder"?: string | undefined;
524
+ "aria-posinset"?: number | undefined;
525
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
526
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
527
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
528
+ "aria-required"?: (boolean | "true" | "false") | undefined;
529
+ "aria-roledescription"?: string | undefined;
530
+ "aria-rowcount"?: number | undefined;
531
+ "aria-rowindex"?: number | undefined;
532
+ "aria-rowindextext"?: string | undefined;
533
+ "aria-rowspan"?: number | undefined;
534
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
535
+ "aria-setsize"?: number | undefined;
536
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
537
+ "aria-valuemax"?: number | undefined;
538
+ "aria-valuemin"?: number | undefined;
539
+ "aria-valuenow"?: number | undefined;
540
+ "aria-valuetext"?: string | undefined;
541
+ dangerouslySetInnerHTML?: {
542
+ __html: string | TrustedHTML;
543
+ } | undefined;
544
+ onCopy?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
545
+ onCopyCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
546
+ onCut?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
547
+ onCutCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
548
+ onPaste?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
549
+ onPasteCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
550
+ onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement> | undefined;
551
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
552
+ onCompositionStart?: React.CompositionEventHandler<HTMLInputElement> | undefined;
553
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
554
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLInputElement> | undefined;
555
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
556
+ onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
557
+ onFocusCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
558
+ onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
559
+ onBlurCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
560
+ onChangeCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
561
+ onBeforeInput?: React.FormEventHandler<HTMLInputElement> | undefined;
562
+ onBeforeInputCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
563
+ onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
564
+ onInputCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
565
+ onReset?: React.FormEventHandler<HTMLInputElement> | undefined;
566
+ onResetCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
567
+ onSubmit?: React.FormEventHandler<HTMLInputElement> | undefined;
568
+ onSubmitCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
569
+ onInvalid?: React.FormEventHandler<HTMLInputElement> | undefined;
570
+ onInvalidCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
571
+ onLoad?: React.ReactEventHandler<HTMLInputElement> | undefined;
572
+ onLoadCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
573
+ onError?: React.ReactEventHandler<HTMLInputElement> | undefined;
574
+ onErrorCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
575
+ onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
576
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
577
+ onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
578
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
579
+ onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
580
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
581
+ onAbort?: React.ReactEventHandler<HTMLInputElement> | undefined;
582
+ onAbortCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
583
+ onCanPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
584
+ onCanPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
585
+ onCanPlayThrough?: React.ReactEventHandler<HTMLInputElement> | undefined;
586
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
587
+ onDurationChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
588
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
589
+ onEmptied?: React.ReactEventHandler<HTMLInputElement> | undefined;
590
+ onEmptiedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
591
+ onEncrypted?: React.ReactEventHandler<HTMLInputElement> | undefined;
592
+ onEncryptedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
593
+ onEnded?: React.ReactEventHandler<HTMLInputElement> | undefined;
594
+ onEndedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
595
+ onLoadedData?: React.ReactEventHandler<HTMLInputElement> | undefined;
596
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
597
+ onLoadedMetadata?: React.ReactEventHandler<HTMLInputElement> | undefined;
598
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
599
+ onLoadStart?: React.ReactEventHandler<HTMLInputElement> | undefined;
600
+ onLoadStartCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
601
+ onPause?: React.ReactEventHandler<HTMLInputElement> | undefined;
602
+ onPauseCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
603
+ onPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
604
+ onPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
605
+ onPlaying?: React.ReactEventHandler<HTMLInputElement> | undefined;
606
+ onPlayingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
607
+ onProgress?: React.ReactEventHandler<HTMLInputElement> | undefined;
608
+ onProgressCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
609
+ onRateChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
610
+ onRateChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
611
+ onResize?: React.ReactEventHandler<HTMLInputElement> | undefined;
612
+ onResizeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
613
+ onSeeked?: React.ReactEventHandler<HTMLInputElement> | undefined;
614
+ onSeekedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
615
+ onSeeking?: React.ReactEventHandler<HTMLInputElement> | undefined;
616
+ onSeekingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
617
+ onStalled?: React.ReactEventHandler<HTMLInputElement> | undefined;
618
+ onStalledCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
619
+ onSuspend?: React.ReactEventHandler<HTMLInputElement> | undefined;
620
+ onSuspendCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
621
+ onTimeUpdate?: React.ReactEventHandler<HTMLInputElement> | undefined;
622
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
623
+ onVolumeChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
624
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
625
+ onWaiting?: React.ReactEventHandler<HTMLInputElement> | undefined;
626
+ onWaitingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
627
+ onAuxClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
628
+ onAuxClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
629
+ onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
630
+ onClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
631
+ onContextMenu?: React.MouseEventHandler<HTMLInputElement> | undefined;
632
+ onContextMenuCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
633
+ onDoubleClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
634
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
635
+ onDrag?: React.DragEventHandler<HTMLInputElement> | undefined;
636
+ onDragCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
637
+ onDragEnd?: React.DragEventHandler<HTMLInputElement> | undefined;
638
+ onDragEndCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
639
+ onDragEnter?: React.DragEventHandler<HTMLInputElement> | undefined;
640
+ onDragEnterCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
641
+ onDragExit?: React.DragEventHandler<HTMLInputElement> | undefined;
642
+ onDragExitCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
643
+ onDragLeave?: React.DragEventHandler<HTMLInputElement> | undefined;
644
+ onDragLeaveCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
645
+ onDragOver?: React.DragEventHandler<HTMLInputElement> | undefined;
646
+ onDragOverCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
647
+ onDragStart?: React.DragEventHandler<HTMLInputElement> | undefined;
648
+ onDragStartCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
649
+ onDrop?: React.DragEventHandler<HTMLInputElement> | undefined;
650
+ onDropCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
651
+ onMouseDown?: React.MouseEventHandler<HTMLInputElement> | undefined;
652
+ onMouseDownCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
653
+ onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
654
+ onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
655
+ onMouseMove?: React.MouseEventHandler<HTMLInputElement> | undefined;
656
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
657
+ onMouseOut?: React.MouseEventHandler<HTMLInputElement> | undefined;
658
+ onMouseOutCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
659
+ onMouseOver?: React.MouseEventHandler<HTMLInputElement> | undefined;
660
+ onMouseOverCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
661
+ onMouseUp?: React.MouseEventHandler<HTMLInputElement> | undefined;
662
+ onMouseUpCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
663
+ onSelect?: React.ReactEventHandler<HTMLInputElement> | undefined;
664
+ onSelectCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
665
+ onTouchCancel?: React.TouchEventHandler<HTMLInputElement> | undefined;
666
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
667
+ onTouchEnd?: React.TouchEventHandler<HTMLInputElement> | undefined;
668
+ onTouchEndCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
669
+ onTouchMove?: React.TouchEventHandler<HTMLInputElement> | undefined;
670
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
671
+ onTouchStart?: React.TouchEventHandler<HTMLInputElement> | undefined;
672
+ onTouchStartCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
673
+ onPointerDown?: React.PointerEventHandler<HTMLInputElement> | undefined;
674
+ onPointerDownCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
675
+ onPointerMove?: React.PointerEventHandler<HTMLInputElement> | undefined;
676
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
677
+ onPointerUp?: React.PointerEventHandler<HTMLInputElement> | undefined;
678
+ onPointerUpCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
679
+ onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
680
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
681
+ onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
682
+ onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
683
+ onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
684
+ onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
685
+ onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
686
+ onPointerOutCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
687
+ onGotPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
688
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
689
+ onLostPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
690
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
691
+ onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
692
+ onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
693
+ onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
694
+ onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
695
+ onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
696
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
697
+ onAnimationEnd?: React.AnimationEventHandler<HTMLInputElement> | undefined;
698
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
699
+ onAnimationIteration?: React.AnimationEventHandler<HTMLInputElement> | undefined;
700
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
701
+ onToggle?: React.ToggleEventHandler<HTMLInputElement> | undefined;
702
+ onBeforeToggle?: React.ToggleEventHandler<HTMLInputElement> | undefined;
703
+ onTransitionCancel?: React.TransitionEventHandler<HTMLInputElement> | undefined;
704
+ onTransitionCancelCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
705
+ onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
706
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
707
+ onTransitionRun?: React.TransitionEventHandler<HTMLInputElement> | undefined;
708
+ onTransitionRunCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
709
+ onTransitionStart?: React.TransitionEventHandler<HTMLInputElement> | undefined;
710
+ onTransitionStartCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
711
+ } & {
712
+ [key: `data-${string}`]: string | undefined;
713
+ }, "type"> & TextFieldBaseProps & {
714
+ /**
715
+ * An accessible label for the clear button.
716
+ * */
717
+ clearButtonAriaLabel?: never;
718
+ /**
719
+ * Event handler called when the clear button is clicked.
720
+ * */
721
+ onClear?: never;
722
+ }, "ref">) & React.RefAttributes<HTMLInputElement>>;
81
723
  export declare const isTextField: (child?: ReactNode) => child is ReactElement<TextFieldProps>;
82
724
  export {};
83
725
  //# sourceMappingURL=text-field.d.ts.map