@particle-network/ui-react 0.5.0-beta.1 → 0.5.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 (51) hide show
  1. package/dist/components/UXButton/button-theme.d.ts +3 -0
  2. package/dist/components/UXButton/button-theme.js +36 -9
  3. package/dist/components/UXButton/use-button.js +2 -1
  4. package/dist/components/UXChip/chip.extend.d.ts +1 -1
  5. package/dist/components/UXChip/chip.extend.js +17 -2
  6. package/dist/components/UXChip/index.d.ts +1 -1
  7. package/dist/components/UXCopy/index.d.ts +2 -0
  8. package/dist/components/UXCopy/index.js +4 -3
  9. package/dist/components/UXDivider/divider.extend.d.ts +7 -283
  10. package/dist/components/UXInput/index.d.ts +24 -333
  11. package/dist/components/UXInput/input.extend.d.ts +24 -333
  12. package/dist/components/UXModal/index.js +2 -5
  13. package/dist/components/UXNumberInput/number-input.extend.d.ts +1 -0
  14. package/dist/components/UXSlider/index.d.ts +5 -0
  15. package/dist/components/UXSlider/index.js +3 -0
  16. package/dist/components/UXSlider/slider-theme.d.ts +521 -0
  17. package/dist/components/UXSlider/slider-theme.js +464 -0
  18. package/dist/components/UXSlider/slider-thumb.d.ts +4 -0
  19. package/dist/components/UXSlider/slider-thumb.js +33 -0
  20. package/dist/components/UXSlider/slider.d.ts +4 -0
  21. package/dist/components/UXSlider/slider.js +77 -0
  22. package/dist/components/UXSlider/use-slider-thumb.d.ts +61 -0
  23. package/dist/components/UXSlider/use-slider-thumb.js +79 -0
  24. package/dist/components/UXSlider/use-slider.d.ts +182 -0
  25. package/dist/components/UXSlider/use-slider.js +277 -0
  26. package/dist/components/UXSwitch/index.d.ts +11 -323
  27. package/dist/components/UXSwitch/switch.extend.d.ts +11 -323
  28. package/dist/components/UXTabSwitch/index.d.ts +16 -0
  29. package/dist/components/UXTabSwitch/index.js +30 -0
  30. package/dist/components/UXTable/index.d.ts +23 -336
  31. package/dist/components/UXTable/table.extend.d.ts +23 -336
  32. package/dist/components/UXTabs/tabs.classes.js +4 -4
  33. package/dist/components/UXThemeSwitch/theme-switch.d.ts +6 -2
  34. package/dist/components/UXThemeSwitch/theme-switch.js +16 -9
  35. package/dist/components/UXThemeSwitch/use-theme-color.d.ts +22 -1
  36. package/dist/components/UXThemeSwitch/use-theme-color.js +5 -1
  37. package/dist/components/UXThemeSwitch/use-theme.js +12 -6
  38. package/dist/components/UXToast/index.js +2 -2
  39. package/dist/components/UXTooltip/index.d.ts +2 -2
  40. package/dist/components/UXTooltip/tooltip.extend.d.ts +9 -311
  41. package/dist/components/index.d.ts +2 -0
  42. package/dist/components/index.js +2 -0
  43. package/dist/components/typography/Text.type.d.ts +0 -14
  44. package/dist/hooks/useI18n.d.ts +4 -0
  45. package/dist/hooks/useI18n.js +8 -0
  46. package/dist/utils/classes.d.ts +11 -0
  47. package/dist/utils/classes.js +12 -1
  48. package/dist/utils/input-classes.d.ts +37 -2
  49. package/dist/utils/input-classes.js +65 -6
  50. package/package.json +7 -7
  51. package/tailwind-preset.js +108 -29
@@ -1,328 +1,16 @@
1
- declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<Omit<{
2
- ref?: import("react").Ref<HTMLInputElement> | undefined;
3
- children?: import("react").ReactNode;
4
- defaultChecked?: any;
5
- defaultValue?: any;
6
- suppressContentEditableWarning?: boolean | undefined;
7
- suppressHydrationWarning?: boolean | undefined;
8
- accessKey?: string | undefined;
9
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
10
- autoFocus?: boolean | undefined;
11
- className?: string | undefined;
12
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
13
- contextMenu?: string | undefined;
14
- dir?: string | undefined;
15
- draggable?: (boolean | "true" | "false") | undefined;
16
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
17
- hidden?: boolean | undefined;
18
- id?: string | undefined;
19
- lang?: string | undefined;
20
- nonce?: string | undefined;
21
- slot?: any;
22
- spellCheck?: (boolean | "true" | "false") | undefined;
23
- style?: import("react").CSSProperties | undefined;
24
- tabIndex?: number | undefined;
25
- title?: string | undefined;
26
- translate?: "yes" | "no" | undefined;
27
- radioGroup?: string | undefined;
28
- role?: import("react").AriaRole | undefined;
29
- about?: string | undefined;
30
- content?: string | undefined;
31
- datatype?: string | undefined;
32
- inlist?: any;
33
- prefix?: string | undefined;
34
- property?: string | undefined;
35
- rel?: string | undefined;
36
- resource?: string | undefined;
37
- rev?: string | undefined;
38
- typeof?: string | undefined;
39
- vocab?: string | undefined;
40
- autoCorrect?: string | undefined;
41
- autoSave?: string | undefined;
42
- color?: "default" | "success" | "secondary" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
43
- itemProp?: string | undefined;
44
- itemScope?: boolean | undefined;
45
- itemType?: string | undefined;
46
- itemID?: string | undefined;
47
- itemRef?: string | undefined;
48
- results?: number | undefined;
49
- security?: string | undefined;
50
- unselectable?: "off" | "on" | undefined;
51
- popover?: "" | "auto" | "manual" | undefined;
52
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
53
- popoverTarget?: string | undefined;
54
- inert?: boolean | undefined;
55
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
56
- is?: string | undefined;
57
- exportparts?: string | undefined;
58
- part?: string | undefined;
59
- "aria-activedescendant"?: string | undefined;
60
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
61
- "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
62
- "aria-braillelabel"?: string | undefined;
63
- "aria-brailleroledescription"?: string | undefined;
64
- "aria-busy"?: (boolean | "true" | "false") | undefined;
65
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
66
- "aria-colcount"?: number | undefined;
67
- "aria-colindex"?: number | undefined;
68
- "aria-colindextext"?: string | undefined;
69
- "aria-colspan"?: number | undefined;
70
- "aria-controls"?: string | undefined;
71
- "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
72
- "aria-describedby"?: string | undefined;
73
- "aria-description"?: string | undefined;
74
- "aria-details"?: string | undefined;
75
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
76
- "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
77
- "aria-errormessage"?: string | undefined;
78
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
79
- "aria-flowto"?: string | undefined;
80
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
81
- "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
82
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
83
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
84
- "aria-keyshortcuts"?: string | undefined;
85
- "aria-label"?: string | undefined;
86
- "aria-labelledby"?: string | undefined;
87
- "aria-level"?: number | undefined;
88
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
89
- "aria-modal"?: (boolean | "true" | "false") | undefined;
90
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
91
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
92
- "aria-orientation"?: "vertical" | "horizontal" | undefined;
93
- "aria-owns"?: string | undefined;
94
- "aria-placeholder"?: string | undefined;
95
- "aria-posinset"?: number | undefined;
96
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
97
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
98
- "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
99
- "aria-required"?: (boolean | "true" | "false") | undefined;
100
- "aria-roledescription"?: string | undefined;
101
- "aria-rowcount"?: number | undefined;
102
- "aria-rowindex"?: number | undefined;
103
- "aria-rowindextext"?: string | undefined;
104
- "aria-rowspan"?: number | undefined;
105
- "aria-selected"?: (boolean | "true" | "false") | undefined;
106
- "aria-setsize"?: number | undefined;
107
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
108
- "aria-valuemax"?: number | undefined;
109
- "aria-valuemin"?: number | undefined;
110
- "aria-valuenow"?: number | undefined;
111
- "aria-valuetext"?: string | undefined;
112
- dangerouslySetInnerHTML?: {
113
- __html: string | TrustedHTML;
114
- } | undefined;
115
- onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
116
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
117
- onCut?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
118
- onCutCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
119
- onPaste?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
120
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
121
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
122
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
123
- onCompositionStart?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
124
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
125
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
126
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
127
- onFocus?: (import("react").FocusEventHandler<HTMLInputElement> & ((e: import("react").FocusEvent<Element, Element>) => void)) | undefined;
128
- onFocusCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
129
- onBlur?: (import("react").FocusEventHandler<HTMLInputElement> & ((e: import("react").FocusEvent<Element, Element>) => void)) | undefined;
130
- onBlurCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
131
- onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
132
- onChangeCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
133
- onBeforeInput?: import("react").InputEventHandler<HTMLInputElement> | undefined;
134
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
135
- onInput?: import("react").FormEventHandler<HTMLInputElement> | undefined;
136
- onInputCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
137
- onReset?: import("react").FormEventHandler<HTMLInputElement> | undefined;
138
- onResetCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
139
- onSubmit?: import("react").FormEventHandler<HTMLInputElement> | undefined;
140
- onSubmitCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
141
- onInvalid?: import("react").FormEventHandler<HTMLInputElement> | undefined;
142
- onInvalidCapture?: import("react").FormEventHandler<HTMLInputElement> | undefined;
143
- onLoad?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
144
- onLoadCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
145
- onError?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
146
- onErrorCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
147
- onKeyDown?: (import("react").KeyboardEventHandler<HTMLInputElement> & ((e: import("@react-types/shared").KeyboardEvent) => void)) | undefined;
148
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
149
- onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
150
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
151
- onKeyUp?: (import("react").KeyboardEventHandler<HTMLInputElement> & ((e: import("@react-types/shared").KeyboardEvent) => void)) | undefined;
152
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
153
- onAbort?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
154
- onAbortCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
155
- onCanPlay?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
156
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
157
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
158
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
159
- onDurationChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
160
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
161
- onEmptied?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
162
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
163
- onEncrypted?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
164
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
165
- onEnded?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
166
- onEndedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
167
- onLoadedData?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
168
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
169
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
170
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
171
- onLoadStart?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
172
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
173
- onPause?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
174
- onPauseCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
175
- onPlay?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
176
- onPlayCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
177
- onPlaying?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
178
- onPlayingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
179
- onProgress?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
180
- onProgressCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
181
- onRateChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
182
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
183
- onSeeked?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
184
- onSeekedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
185
- onSeeking?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
186
- onSeekingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
187
- onStalled?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
188
- onStalledCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
189
- onSuspend?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
190
- onSuspendCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
191
- onTimeUpdate?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
192
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
193
- onVolumeChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
194
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
195
- onWaiting?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
196
- onWaitingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
197
- onAuxClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
198
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
199
- onClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
200
- onClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
201
- onContextMenu?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
202
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
203
- onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
204
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
205
- onDrag?: import("react").DragEventHandler<HTMLInputElement> | undefined;
206
- onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
207
- onDragEnd?: import("react").DragEventHandler<HTMLInputElement> | undefined;
208
- onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
209
- onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
210
- onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
211
- onDragExit?: import("react").DragEventHandler<HTMLInputElement> | undefined;
212
- onDragExitCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
213
- onDragLeave?: import("react").DragEventHandler<HTMLInputElement> | undefined;
214
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
215
- onDragOver?: import("react").DragEventHandler<HTMLInputElement> | undefined;
216
- onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
217
- onDragStart?: import("react").DragEventHandler<HTMLInputElement> | undefined;
218
- onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
219
- onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
220
- onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
221
- onMouseDown?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
222
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
223
- onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
224
- onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
225
- onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
226
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
227
- onMouseOut?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
228
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
229
- onMouseOver?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
230
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
231
- onMouseUp?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
232
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
233
- onSelect?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
234
- onSelectCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
235
- onTouchCancel?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
236
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
237
- onTouchEnd?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
238
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
239
- onTouchMove?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
240
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
241
- onTouchStart?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
242
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
243
- onPointerDown?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
244
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
245
- onPointerMove?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
246
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
247
- onPointerUp?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
248
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
249
- onPointerCancel?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
250
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
251
- onPointerEnter?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
252
- onPointerLeave?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
253
- onPointerOver?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
254
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
255
- onPointerOut?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
256
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
257
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
258
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
259
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
260
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
261
- onScroll?: import("react").UIEventHandler<HTMLInputElement> | undefined;
262
- onScrollCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
263
- onScrollEnd?: import("react").UIEventHandler<HTMLInputElement> | undefined;
264
- onScrollEndCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
265
- onWheel?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
266
- onWheelCapture?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
267
- onAnimationStart?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
268
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
269
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
270
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
271
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
272
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
273
- onToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
274
- onBeforeToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
275
- onTransitionCancel?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
276
- onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
277
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
278
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
279
- onTransitionRun?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
280
- onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
281
- onTransitionStart?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
282
- onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
283
- form?: string | undefined;
284
- list?: string | undefined;
285
- step?: string | number | undefined;
1
+ declare const ExtendedSwitch: import("react").ForwardRefExoticComponent<(Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof import("@heroui/switch").SwitchProps> & import("@heroui/switch").SwitchProps & {
2
+ as?: import("@heroui/system-rsc").As<any> | undefined;
3
+ } & {
4
+ color?: "success" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
286
5
  size?: "sm" | "md" | "lg" | undefined;
287
- value?: string | (readonly string[] & string) | undefined;
288
- width?: string | number | undefined;
289
- height?: string | number | undefined;
290
- multiple?: boolean | undefined;
291
- disabled?: boolean | undefined;
292
- classNames?: import("@heroui/theme").SlotsToClasses<"base" | "label" | "startContent" | "endContent" | "wrapper" | "hiddenInput" | "thumb" | "thumbIcon"> | undefined;
293
6
  isDisabled?: boolean | undefined;
294
- isReadOnly?: boolean | undefined;
295
- onFocusChange?: ((isFocused: boolean) => void) | undefined;
296
- placeholder?: string | undefined;
297
- excludeFromTabOrder?: boolean | undefined;
298
- autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
299
- maxLength?: number | undefined;
300
- minLength?: number | undefined;
301
- pattern?: string | undefined;
302
- type?: import("react").HTMLInputTypeAttribute | undefined;
303
- name?: string | undefined;
304
7
  disableAnimation?: boolean | undefined;
8
+ }, "ref"> | Omit<import("@heroui/system-rsc").OmitCommonProps<Omit<Omit<any, "ref">, never>, keyof import("@heroui/switch").SwitchProps> & import("@heroui/switch").SwitchProps & {
305
9
  as?: import("@heroui/system-rsc").As<any> | undefined;
306
- key?: import("react").Key | null | undefined;
307
- accept?: string | undefined;
308
- alt?: string | undefined;
309
- capture?: boolean | "user" | "environment" | undefined;
310
- checked?: boolean | undefined;
311
- formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
312
- formEncType?: string | undefined;
313
- formMethod?: string | undefined;
314
- formNoValidate?: boolean | undefined;
315
- formTarget?: string | undefined;
316
- max?: string | number | undefined;
317
- min?: string | number | undefined;
318
- readOnly?: boolean | undefined;
319
- required?: boolean | undefined;
320
- src?: string | undefined;
321
- startContent?: import("react").ReactNode;
322
- endContent?: import("react").ReactNode;
323
- onValueChange?: ((isSelected: boolean) => void) | undefined;
324
- isSelected?: boolean | undefined;
325
- defaultSelected?: boolean | undefined;
326
- thumbIcon?: import("react").ReactNode | ((props: import("@heroui/switch").SwitchThumbIconProps) => import("react").ReactNode);
327
- }, "ref"> & import("react").RefAttributes<import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>>>;
10
+ } & {
11
+ color?: "success" | "primary" | "danger" | "warning" | "bullish" | "bearish" | "contrast" | undefined;
12
+ size?: "sm" | "md" | "lg" | undefined;
13
+ isDisabled?: boolean | undefined;
14
+ disableAnimation?: boolean | undefined;
15
+ }, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
328
16
  export default ExtendedSwitch;
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import { type UXTabsProps } from '../UXTabs';
3
+ interface UXTabSwitchProps {
4
+ className?: string;
5
+ classNames?: UXTabsProps['classNames'];
6
+ size?: UXTabsProps['size'];
7
+ color?: UXTabsProps['color'];
8
+ onTitle?: React.ReactNode;
9
+ offTitle?: React.ReactNode;
10
+ isSelected?: boolean;
11
+ isDisabled?: boolean;
12
+ disableAnimation?: boolean;
13
+ onValueChange?: (isSelected: boolean) => void;
14
+ }
15
+ export declare const UXTabSwitch: React.FC<UXTabSwitchProps>;
16
+ export {};
@@ -0,0 +1,30 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import "react";
3
+ import { useI18n } from "../../hooks/useI18n.js";
4
+ import { UXTab, UXTabs } from "../UXTabs/index.js";
5
+ const UXTabSwitch = (props)=>{
6
+ const { className, classNames, size, color, onTitle, offTitle, isSelected = false, isDisabled = false, disableAnimation = false, onValueChange } = props;
7
+ const i18n = useI18n();
8
+ return /*#__PURE__*/ jsxs(UXTabs, {
9
+ className: className,
10
+ classNames: classNames,
11
+ size: size,
12
+ variant: "switch",
13
+ color: color,
14
+ isDisabled: isDisabled,
15
+ disableAnimation: disableAnimation,
16
+ selectedKey: isSelected.toString(),
17
+ onSelectionChange: (key)=>{
18
+ onValueChange?.('true' === key);
19
+ },
20
+ children: [
21
+ /*#__PURE__*/ jsx(UXTab, {
22
+ title: offTitle || i18n.switch.off
23
+ }, "false"),
24
+ /*#__PURE__*/ jsx(UXTab, {
25
+ title: onTitle || i18n.switch.on
26
+ }, "true")
27
+ ]
28
+ });
29
+ };
30
+ export { UXTabSwitch };