@bolttech/atoms-segmented-control 0.0.1

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.
package/package.json ADDED
@@ -0,0 +1,16 @@
1
+ {
2
+ "name": "@bolttech/atoms-segmented-control",
3
+ "version": "0.0.1",
4
+ "main": "./index.cjs",
5
+ "type": "commonjs",
6
+ "types": "./src/index.d.ts",
7
+ "dependencies": {
8
+ "@bolttech/default-theme": "0.3.1",
9
+ "@bolttech/form-engine": "0.10.3",
10
+ "@bolttech/frontend-foundations": "0.6.1",
11
+ "@bolttech/ui-utils": "0.2.4",
12
+ "react": "18.2.0",
13
+ "styled-components": "6.1.1"
14
+ },
15
+ "peerDependencies": {}
16
+ }
package/src/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './lib/atoms-segmented-control';
2
+ export type * from './lib/atoms-segmented-control.type';
@@ -0,0 +1,17 @@
1
+ /// <reference types="react" />
2
+ export declare const SegmentedControl: import("react").ForwardRefExoticComponent<import("@bolttech/ui-utils").DefaultProps & {
3
+ id?: string | undefined;
4
+ dataTestId?: string | undefined;
5
+ value?: string | number | undefined;
6
+ options: {
7
+ label: string;
8
+ value: string | number;
9
+ disabled?: boolean | undefined;
10
+ }[];
11
+ errorMessage?: string | undefined;
12
+ fullWidth?: boolean | undefined;
13
+ onChange?: ((value: string | number) => void) | undefined;
14
+ onBlur?: ((value: unknown) => void) | ((evt: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
15
+ onFocus?: ((value: unknown) => void) | ((evt: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
16
+ } & import("react").RefAttributes<HTMLDivElement>>;
17
+ export default SegmentedControl;
@@ -0,0 +1,560 @@
1
+ /// <reference types="react" />
2
+ /// <reference types="react" />
3
+ import 'styled-components';
4
+ export declare const Option: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
5
+ $pressed: boolean;
6
+ $hasError: boolean;
7
+ }>>;
8
+ export declare const SegmentedControlContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
9
+ $fullWidth: boolean;
10
+ }>>;
11
+ export declare const SegmentedControlWrapper: import("styled-components").IStyledComponent<"web", {
12
+ ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
13
+ key?: import("react").Key | null | undefined;
14
+ defaultChecked?: boolean | undefined;
15
+ defaultValue?: string | number | readonly string[] | undefined;
16
+ suppressContentEditableWarning?: boolean | undefined;
17
+ suppressHydrationWarning?: boolean | undefined;
18
+ accessKey?: string | undefined;
19
+ autoFocus?: boolean | undefined;
20
+ className?: string | undefined;
21
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
22
+ contextMenu?: string | undefined;
23
+ dir?: string | undefined;
24
+ draggable?: (boolean | "false" | "true") | undefined;
25
+ hidden?: boolean | undefined;
26
+ id?: string | undefined;
27
+ lang?: string | undefined;
28
+ nonce?: string | undefined;
29
+ placeholder?: string | undefined;
30
+ slot?: string | undefined;
31
+ spellCheck?: (boolean | "false" | "true") | undefined;
32
+ style?: import("react").CSSProperties | undefined;
33
+ tabIndex?: number | undefined;
34
+ title?: string | undefined;
35
+ translate?: "yes" | "no" | undefined;
36
+ radioGroup?: string | undefined;
37
+ role?: import("react").AriaRole | undefined;
38
+ about?: string | undefined;
39
+ content?: string | undefined;
40
+ datatype?: string | undefined;
41
+ inlist?: any;
42
+ prefix?: string | undefined;
43
+ property?: string | undefined;
44
+ rel?: string | undefined;
45
+ resource?: string | undefined;
46
+ rev?: string | undefined;
47
+ typeof?: string | undefined;
48
+ vocab?: string | undefined;
49
+ autoCapitalize?: string | undefined;
50
+ autoCorrect?: string | undefined;
51
+ autoSave?: string | undefined;
52
+ color?: string | undefined;
53
+ itemProp?: string | undefined;
54
+ itemScope?: boolean | undefined;
55
+ itemType?: string | undefined;
56
+ itemID?: string | undefined;
57
+ itemRef?: string | undefined;
58
+ results?: number | undefined;
59
+ security?: string | undefined;
60
+ unselectable?: "on" | "off" | undefined;
61
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
62
+ is?: string | undefined;
63
+ 'aria-activedescendant'?: string | undefined;
64
+ 'aria-atomic'?: (boolean | "false" | "true") | undefined;
65
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
66
+ 'aria-braillelabel'?: string | undefined;
67
+ 'aria-brailleroledescription'?: string | undefined;
68
+ 'aria-busy'?: (boolean | "false" | "true") | undefined;
69
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
70
+ 'aria-colcount'?: number | undefined;
71
+ 'aria-colindex'?: number | undefined;
72
+ 'aria-colindextext'?: string | undefined;
73
+ 'aria-colspan'?: number | undefined;
74
+ 'aria-controls'?: string | undefined;
75
+ 'aria-current'?: boolean | "page" | "false" | "true" | "step" | "location" | "date" | "time" | undefined;
76
+ 'aria-describedby'?: string | undefined;
77
+ 'aria-description'?: string | undefined;
78
+ 'aria-details'?: string | undefined;
79
+ 'aria-disabled'?: (boolean | "false" | "true") | undefined;
80
+ 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
81
+ 'aria-errormessage'?: string | undefined;
82
+ 'aria-expanded'?: (boolean | "false" | "true") | undefined;
83
+ 'aria-flowto'?: string | undefined;
84
+ 'aria-grabbed'?: (boolean | "false" | "true") | undefined;
85
+ 'aria-haspopup'?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
86
+ 'aria-hidden'?: (boolean | "false" | "true") | undefined;
87
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
88
+ 'aria-keyshortcuts'?: string | undefined;
89
+ 'aria-label'?: string | undefined;
90
+ 'aria-labelledby'?: string | undefined;
91
+ 'aria-level'?: number | undefined;
92
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
93
+ 'aria-modal'?: (boolean | "false" | "true") | undefined;
94
+ 'aria-multiline'?: (boolean | "false" | "true") | undefined;
95
+ 'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
96
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
97
+ 'aria-owns'?: string | undefined;
98
+ 'aria-placeholder'?: string | undefined;
99
+ 'aria-posinset'?: number | undefined;
100
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
101
+ 'aria-readonly'?: (boolean | "false" | "true") | undefined;
102
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
103
+ 'aria-required'?: (boolean | "false" | "true") | undefined;
104
+ 'aria-roledescription'?: string | undefined;
105
+ 'aria-rowcount'?: number | undefined;
106
+ 'aria-rowindex'?: number | undefined;
107
+ 'aria-rowindextext'?: string | undefined;
108
+ 'aria-rowspan'?: number | undefined;
109
+ 'aria-selected'?: (boolean | "false" | "true") | undefined;
110
+ 'aria-setsize'?: number | undefined;
111
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
112
+ 'aria-valuemax'?: number | undefined;
113
+ 'aria-valuemin'?: number | undefined;
114
+ 'aria-valuenow'?: number | undefined;
115
+ 'aria-valuetext'?: string | undefined;
116
+ children?: import("react").ReactNode;
117
+ dangerouslySetInnerHTML?: {
118
+ __html: string | TrustedHTML;
119
+ } | undefined;
120
+ onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
121
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
122
+ onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
123
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
124
+ onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
125
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
126
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
127
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
128
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
129
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
130
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
131
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
132
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
133
+ onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
134
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
135
+ onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
136
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
137
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
138
+ onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
139
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
140
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
141
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
142
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
143
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
144
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
145
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
146
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
147
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
148
+ onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
149
+ onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
150
+ onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
151
+ onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
152
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
153
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
154
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
155
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
156
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
157
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
158
+ onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
159
+ onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
160
+ onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
161
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
162
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
163
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
164
+ onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
165
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
166
+ onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
167
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
168
+ onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
169
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
170
+ onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
171
+ onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
172
+ onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
173
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
174
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
175
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
176
+ onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
177
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
178
+ onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
179
+ onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
180
+ onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
181
+ onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
182
+ onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
183
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
184
+ onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
185
+ onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
186
+ onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
+ onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
+ onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
+ onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
191
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
192
+ onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
193
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
194
+ onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
195
+ onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
196
+ onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
197
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
198
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
199
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
200
+ onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
201
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
202
+ onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
203
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
204
+ onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
205
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
206
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
207
+ onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
208
+ onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
209
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
210
+ onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
211
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
212
+ onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
213
+ onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
214
+ onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
215
+ onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
216
+ onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
217
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
218
+ onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
219
+ onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
220
+ onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
221
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
222
+ onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
223
+ onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
224
+ onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
225
+ onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
226
+ onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
227
+ onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
228
+ onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
229
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
230
+ onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
231
+ onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
232
+ onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
233
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
234
+ onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
235
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
236
+ onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
237
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
238
+ onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
239
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
240
+ onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
241
+ onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
242
+ onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
243
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
244
+ onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
245
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
246
+ onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
247
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
248
+ onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
249
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
250
+ onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
251
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
252
+ onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
253
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
254
+ onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
255
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
256
+ onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
257
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
258
+ onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
259
+ onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
260
+ onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
261
+ onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
262
+ onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
263
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
264
+ onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
265
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
266
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
267
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
268
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
269
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
270
+ onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
271
+ onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
272
+ onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
273
+ onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
274
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
275
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
276
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
277
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
278
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
279
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
280
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
281
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
282
+ }>;
283
+ export declare const OptionLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
284
+ $pressed: boolean;
285
+ $disabled: boolean | undefined;
286
+ }>>;
287
+ export declare const LabelError: import("styled-components").IStyledComponent<"web", {
288
+ ref?: import("react").LegacyRef<HTMLLabelElement> | undefined;
289
+ key?: import("react").Key | null | undefined;
290
+ form?: string | undefined;
291
+ htmlFor?: string | undefined;
292
+ defaultChecked?: boolean | undefined;
293
+ defaultValue?: string | number | readonly string[] | undefined;
294
+ suppressContentEditableWarning?: boolean | undefined;
295
+ suppressHydrationWarning?: boolean | undefined;
296
+ accessKey?: string | undefined;
297
+ autoFocus?: boolean | undefined;
298
+ className?: string | undefined;
299
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
300
+ contextMenu?: string | undefined;
301
+ dir?: string | undefined;
302
+ draggable?: (boolean | "false" | "true") | undefined;
303
+ hidden?: boolean | undefined;
304
+ id?: string | undefined;
305
+ lang?: string | undefined;
306
+ nonce?: string | undefined;
307
+ placeholder?: string | undefined;
308
+ slot?: string | undefined;
309
+ spellCheck?: (boolean | "false" | "true") | undefined;
310
+ style?: import("react").CSSProperties | undefined;
311
+ tabIndex?: number | undefined;
312
+ title?: string | undefined;
313
+ translate?: "yes" | "no" | undefined;
314
+ radioGroup?: string | undefined;
315
+ role?: import("react").AriaRole | undefined;
316
+ about?: string | undefined;
317
+ content?: string | undefined;
318
+ datatype?: string | undefined;
319
+ inlist?: any;
320
+ prefix?: string | undefined;
321
+ property?: string | undefined;
322
+ rel?: string | undefined;
323
+ resource?: string | undefined;
324
+ rev?: string | undefined;
325
+ typeof?: string | undefined;
326
+ vocab?: string | undefined;
327
+ autoCapitalize?: string | undefined;
328
+ autoCorrect?: string | undefined;
329
+ autoSave?: string | undefined;
330
+ color?: string | undefined;
331
+ itemProp?: string | undefined;
332
+ itemScope?: boolean | undefined;
333
+ itemType?: string | undefined;
334
+ itemID?: string | undefined;
335
+ itemRef?: string | undefined;
336
+ results?: number | undefined;
337
+ security?: string | undefined;
338
+ unselectable?: "on" | "off" | undefined;
339
+ inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
340
+ is?: string | undefined;
341
+ 'aria-activedescendant'?: string | undefined;
342
+ 'aria-atomic'?: (boolean | "false" | "true") | undefined;
343
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
344
+ 'aria-braillelabel'?: string | undefined;
345
+ 'aria-brailleroledescription'?: string | undefined;
346
+ 'aria-busy'?: (boolean | "false" | "true") | undefined;
347
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
348
+ 'aria-colcount'?: number | undefined;
349
+ 'aria-colindex'?: number | undefined;
350
+ 'aria-colindextext'?: string | undefined;
351
+ 'aria-colspan'?: number | undefined;
352
+ 'aria-controls'?: string | undefined;
353
+ 'aria-current'?: boolean | "page" | "false" | "true" | "step" | "location" | "date" | "time" | undefined;
354
+ 'aria-describedby'?: string | undefined;
355
+ 'aria-description'?: string | undefined;
356
+ 'aria-details'?: string | undefined;
357
+ 'aria-disabled'?: (boolean | "false" | "true") | undefined;
358
+ 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
359
+ 'aria-errormessage'?: string | undefined;
360
+ 'aria-expanded'?: (boolean | "false" | "true") | undefined;
361
+ 'aria-flowto'?: string | undefined;
362
+ 'aria-grabbed'?: (boolean | "false" | "true") | undefined;
363
+ 'aria-haspopup'?: boolean | "listbox" | "grid" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
364
+ 'aria-hidden'?: (boolean | "false" | "true") | undefined;
365
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
366
+ 'aria-keyshortcuts'?: string | undefined;
367
+ 'aria-label'?: string | undefined;
368
+ 'aria-labelledby'?: string | undefined;
369
+ 'aria-level'?: number | undefined;
370
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
371
+ 'aria-modal'?: (boolean | "false" | "true") | undefined;
372
+ 'aria-multiline'?: (boolean | "false" | "true") | undefined;
373
+ 'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
374
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
375
+ 'aria-owns'?: string | undefined;
376
+ 'aria-placeholder'?: string | undefined;
377
+ 'aria-posinset'?: number | undefined;
378
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
379
+ 'aria-readonly'?: (boolean | "false" | "true") | undefined;
380
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
381
+ 'aria-required'?: (boolean | "false" | "true") | undefined;
382
+ 'aria-roledescription'?: string | undefined;
383
+ 'aria-rowcount'?: number | undefined;
384
+ 'aria-rowindex'?: number | undefined;
385
+ 'aria-rowindextext'?: string | undefined;
386
+ 'aria-rowspan'?: number | undefined;
387
+ 'aria-selected'?: (boolean | "false" | "true") | undefined;
388
+ 'aria-setsize'?: number | undefined;
389
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
390
+ 'aria-valuemax'?: number | undefined;
391
+ 'aria-valuemin'?: number | undefined;
392
+ 'aria-valuenow'?: number | undefined;
393
+ 'aria-valuetext'?: string | undefined;
394
+ children?: import("react").ReactNode;
395
+ dangerouslySetInnerHTML?: {
396
+ __html: string | TrustedHTML;
397
+ } | undefined;
398
+ onCopy?: import("react").ClipboardEventHandler<HTMLLabelElement> | undefined;
399
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLLabelElement> | undefined;
400
+ onCut?: import("react").ClipboardEventHandler<HTMLLabelElement> | undefined;
401
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLLabelElement> | undefined;
402
+ onPaste?: import("react").ClipboardEventHandler<HTMLLabelElement> | undefined;
403
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLLabelElement> | undefined;
404
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLLabelElement> | undefined;
405
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLLabelElement> | undefined;
406
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLLabelElement> | undefined;
407
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLLabelElement> | undefined;
408
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLLabelElement> | undefined;
409
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLLabelElement> | undefined;
410
+ onFocus?: import("react").FocusEventHandler<HTMLLabelElement> | undefined;
411
+ onFocusCapture?: import("react").FocusEventHandler<HTMLLabelElement> | undefined;
412
+ onBlur?: import("react").FocusEventHandler<HTMLLabelElement> | undefined;
413
+ onBlurCapture?: import("react").FocusEventHandler<HTMLLabelElement> | undefined;
414
+ onChange?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
415
+ onChangeCapture?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
416
+ onBeforeInput?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
417
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
418
+ onInput?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
419
+ onInputCapture?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
420
+ onReset?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
421
+ onResetCapture?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
422
+ onSubmit?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
423
+ onSubmitCapture?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
424
+ onInvalid?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
425
+ onInvalidCapture?: import("react").FormEventHandler<HTMLLabelElement> | undefined;
426
+ onLoad?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
427
+ onLoadCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
428
+ onError?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
429
+ onErrorCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
430
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLLabelElement> | undefined;
431
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLLabelElement> | undefined;
432
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLLabelElement> | undefined;
433
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLLabelElement> | undefined;
434
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLLabelElement> | undefined;
435
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLLabelElement> | undefined;
436
+ onAbort?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
437
+ onAbortCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
438
+ onCanPlay?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
439
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
440
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
441
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
442
+ onDurationChange?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
443
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
444
+ onEmptied?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
445
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
446
+ onEncrypted?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
447
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
448
+ onEnded?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
449
+ onEndedCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
450
+ onLoadedData?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
451
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
452
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
453
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
454
+ onLoadStart?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
455
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
456
+ onPause?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
457
+ onPauseCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
458
+ onPlay?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
459
+ onPlayCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
460
+ onPlaying?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
461
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
462
+ onProgress?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
463
+ onProgressCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
464
+ onRateChange?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
465
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
466
+ onResize?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
467
+ onResizeCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
468
+ onSeeked?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
469
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
470
+ onSeeking?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
471
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
472
+ onStalled?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
473
+ onStalledCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
474
+ onSuspend?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
475
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
476
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
477
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
478
+ onVolumeChange?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
479
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
480
+ onWaiting?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
481
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
482
+ onAuxClick?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
483
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
484
+ onClick?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
485
+ onClickCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
486
+ onContextMenu?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
487
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
488
+ onDoubleClick?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
489
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
490
+ onDrag?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
491
+ onDragCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
492
+ onDragEnd?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
493
+ onDragEndCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
494
+ onDragEnter?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
495
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
496
+ onDragExit?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
497
+ onDragExitCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
498
+ onDragLeave?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
499
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
500
+ onDragOver?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
501
+ onDragOverCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
502
+ onDragStart?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
503
+ onDragStartCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
504
+ onDrop?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
505
+ onDropCapture?: import("react").DragEventHandler<HTMLLabelElement> | undefined;
506
+ onMouseDown?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
507
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
508
+ onMouseEnter?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
509
+ onMouseLeave?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
510
+ onMouseMove?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
511
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
512
+ onMouseOut?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
513
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
514
+ onMouseOver?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
515
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
516
+ onMouseUp?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
517
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLLabelElement> | undefined;
518
+ onSelect?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
519
+ onSelectCapture?: import("react").ReactEventHandler<HTMLLabelElement> | undefined;
520
+ onTouchCancel?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
521
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
522
+ onTouchEnd?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
523
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
524
+ onTouchMove?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
525
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
526
+ onTouchStart?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
527
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLLabelElement> | undefined;
528
+ onPointerDown?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
529
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
530
+ onPointerMove?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
531
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
532
+ onPointerUp?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
533
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
534
+ onPointerCancel?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
535
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
536
+ onPointerEnter?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
537
+ onPointerEnterCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
538
+ onPointerLeave?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
539
+ onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
540
+ onPointerOver?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
541
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
542
+ onPointerOut?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
543
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
544
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
545
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
546
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
547
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
548
+ onScroll?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
549
+ onScrollCapture?: import("react").UIEventHandler<HTMLLabelElement> | undefined;
550
+ onWheel?: import("react").WheelEventHandler<HTMLLabelElement> | undefined;
551
+ onWheelCapture?: import("react").WheelEventHandler<HTMLLabelElement> | undefined;
552
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
553
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
554
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
555
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
556
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
557
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
558
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
559
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
560
+ }>;
@@ -0,0 +1,17 @@
1
+ /// <reference types="react" />
2
+ import { DefaultProps } from '@bolttech/ui-utils';
3
+ export type SegmentedControlProps = DefaultProps & {
4
+ id?: string;
5
+ dataTestId?: string;
6
+ value?: string | number;
7
+ options: {
8
+ label: string;
9
+ value: string | number;
10
+ disabled?: boolean;
11
+ }[];
12
+ errorMessage?: string;
13
+ fullWidth?: boolean;
14
+ onChange?: (value: string | number) => void;
15
+ onBlur?: ((value: unknown) => void) | ((evt: React.FocusEvent<HTMLElement, Element>) => void);
16
+ onFocus?: ((value: unknown) => void) | ((evt: React.FocusEvent<HTMLElement, Element>) => void);
17
+ };