rupoui 1.3.2 → 1.3.3

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 (172) hide show
  1. package/README.md +13 -13
  2. package/dist/components/button/Button.d.ts +6 -3
  3. package/dist/components/button/button.styles.d.ts +176 -162
  4. package/dist/components/button/button.types.d.ts +14 -14
  5. package/dist/components/button/index.d.ts +2 -2
  6. package/dist/components/calendar/Calendar.d.ts +3 -2
  7. package/dist/components/calendar/calendar.grid.d.ts +5 -2
  8. package/dist/components/calendar/calendar.navigation.d.ts +1 -1
  9. package/dist/components/calendar/calendar.selection.d.ts +6 -2
  10. package/dist/components/calendar/calendar.state.d.ts +1 -1
  11. package/dist/components/calendar/calendar.styles.d.ts +106 -83
  12. package/dist/components/calendar/calendar.types.d.ts +39 -39
  13. package/dist/components/calendar/index.d.ts +3 -3
  14. package/dist/components/checkbox/Checkbox.d.ts +4 -2
  15. package/dist/components/checkbox/CheckboxGroup.d.ts +4 -2
  16. package/dist/components/checkbox/checkbox-group-context.d.ts +12 -12
  17. package/dist/components/checkbox/checkbox.styles.d.ts +313 -285
  18. package/dist/components/checkbox/checkbox.types.d.ts +161 -154
  19. package/dist/components/checkbox/index.d.ts +3 -3
  20. package/dist/components/checkbox/useCheckbox.d.ts +389 -311
  21. package/dist/components/checkbox/useCheckboxGroup.d.ts +353 -280
  22. package/dist/components/chip/Chip.d.ts +4 -2
  23. package/dist/components/chip/ChipGroup.d.ts +4 -2
  24. package/dist/components/chip/chip-group-context.d.ts +9 -6
  25. package/dist/components/chip/chip.styles.d.ts +206 -192
  26. package/dist/components/chip/chip.types.d.ts +155 -149
  27. package/dist/components/chip/index.d.ts +5 -5
  28. package/dist/components/chip/useChip.d.ts +22 -20
  29. package/dist/components/chip/useChipGroup.d.ts +350 -277
  30. package/dist/components/datepicker/DatePart.d.ts +16 -14
  31. package/dist/components/datepicker/DatePicker.d.ts +17 -16
  32. package/dist/components/datepicker/DatePickerCalendar.d.ts +8 -7
  33. package/dist/components/datepicker/DatePickerDay.d.ts +11 -9
  34. package/dist/components/datepicker/DatePickerInput.d.ts +16 -15
  35. package/dist/components/datepicker/DatePickerPopover.d.ts +7 -6
  36. package/dist/components/datepicker/SegmentedDatePickerInput.d.ts +9 -8
  37. package/dist/components/datepicker/datepicker.controller.d.ts +6 -2
  38. package/dist/components/datepicker/datepicker.input.logic.d.ts +16 -6
  39. package/dist/components/datepicker/datepicker.input.state.d.ts +1 -1
  40. package/dist/components/datepicker/datepicker.input.types.d.ts +20 -20
  41. package/dist/components/datepicker/datepicker.keyboard.d.ts +6 -2
  42. package/dist/components/datepicker/datepicker.state.d.ts +1 -1
  43. package/dist/components/datepicker/datepicker.styles.d.ts +118 -95
  44. package/dist/components/datepicker/datepicker.types.d.ts +52 -52
  45. package/dist/components/datepicker/index.d.ts +5 -5
  46. package/dist/components/dropdown/Dropdown.d.ts +3 -2
  47. package/dist/components/dropdown/DropdownContent.d.ts +3 -2
  48. package/dist/components/dropdown/DropdownItem.d.ts +3 -2
  49. package/dist/components/dropdown/DropdownSection.d.ts +3 -2
  50. package/dist/components/dropdown/DropdownSeparator.d.ts +3 -2
  51. package/dist/components/dropdown/DropdownTrigger.d.ts +3 -2
  52. package/dist/components/dropdown/context.d.ts +22 -21
  53. package/dist/components/dropdown/dropdown.styles.d.ts +180 -166
  54. package/dist/components/dropdown/dropdown.types.d.ts +97 -85
  55. package/dist/components/dropdown/index.d.ts +9 -9
  56. package/dist/components/dropdown/useDropdown.d.ts +15 -15
  57. package/dist/components/input/Input.d.ts +9 -4
  58. package/dist/components/input/index.d.ts +2 -2
  59. package/dist/components/input/input.styles.d.ts +239 -225
  60. package/dist/components/input/input.types.d.ts +60 -58
  61. package/dist/components/input-number/InputNumber.d.ts +24 -5
  62. package/dist/components/input-number/index.d.ts +2 -2
  63. package/dist/components/input-number/input-number.styles.d.ts +331 -317
  64. package/dist/components/input-number/input-number.types.d.ts +132 -116
  65. package/dist/components/input-number/utils.d.ts +11 -3
  66. package/dist/components/modal/Modal.d.ts +4 -3
  67. package/dist/components/modal/ModalContent.d.ts +7 -3
  68. package/dist/components/modal/ModalLayout.d.ts +16 -4
  69. package/dist/components/modal/ModalTrigger.d.ts +5 -3
  70. package/dist/components/modal/context.d.ts +8 -8
  71. package/dist/components/modal/index.d.ts +6 -6
  72. package/dist/components/modal/modal.styles.d.ts +233 -219
  73. package/dist/components/modal/modal.types.d.ts +35 -34
  74. package/dist/components/modal/useModal.d.ts +7 -7
  75. package/dist/components/pagination/Pagination.d.ts +6 -3
  76. package/dist/components/pagination/PaginationContent.d.ts +6 -3
  77. package/dist/components/pagination/PaginationContext.d.ts +54 -54
  78. package/dist/components/pagination/PaginationEllipsis.d.ts +6 -3
  79. package/dist/components/pagination/PaginationItem.d.ts +6 -3
  80. package/dist/components/pagination/PaginationItems.d.ts +2 -2
  81. package/dist/components/pagination/PaginationNext.d.ts +6 -3
  82. package/dist/components/pagination/PaginationPrevious.d.ts +6 -3
  83. package/dist/components/pagination/index.d.ts +18 -9
  84. package/dist/components/pagination/pagination.styles.d.ts +147 -133
  85. package/dist/components/pagination/pagination.types.d.ts +125 -121
  86. package/dist/components/pagination/usePagination.d.ts +25 -20
  87. package/dist/components/popover/Popover.d.ts +3 -2
  88. package/dist/components/popover/PopoverContent.d.ts +3 -2
  89. package/dist/components/popover/PopoverContext.d.ts +103 -83
  90. package/dist/components/popover/PopoverTrigger.d.ts +3 -2
  91. package/dist/components/popover/index.d.ts +6 -6
  92. package/dist/components/popover/popover.styles.d.ts +122 -108
  93. package/dist/components/popover/popover.types.d.ts +96 -95
  94. package/dist/components/popover/usePopover.d.ts +52 -42
  95. package/dist/components/radio/Radio.d.ts +4 -2
  96. package/dist/components/radio/RadioGroup.d.ts +4 -2
  97. package/dist/components/radio/index.d.ts +3 -3
  98. package/dist/components/radio/radio-group-context.d.ts +12 -12
  99. package/dist/components/radio/radio.styles.d.ts +306 -278
  100. package/dist/components/radio/radio.types.d.ts +145 -138
  101. package/dist/components/radio/useRadio.d.ts +391 -311
  102. package/dist/components/radio/useRadioGroup.d.ts +354 -281
  103. package/dist/components/ripple/Ripple.d.ts +9 -9
  104. package/dist/components/select/Select.d.ts +6 -3
  105. package/dist/components/select/SelectItem.d.ts +15 -4
  106. package/dist/components/select/index.d.ts +5 -5
  107. package/dist/components/select/select.styles.d.ts +224 -210
  108. package/dist/components/select/select.types.d.ts +51 -50
  109. package/dist/components/select/useSelect.d.ts +16 -16
  110. package/dist/components/spinner/Spinner.d.ts +9 -3
  111. package/dist/components/spinner/index.d.ts +2 -2
  112. package/dist/components/spinner/spinner.styles.d.ts +91 -77
  113. package/dist/components/spinner/spinner.types.d.ts +4 -4
  114. package/dist/components/switch/Switch.d.ts +4 -2
  115. package/dist/components/switch/index.d.ts +2 -2
  116. package/dist/components/switch/switch.styles.d.ts +147 -133
  117. package/dist/components/switch/switch.types.d.ts +84 -80
  118. package/dist/components/switch/useSwitch.d.ts +389 -311
  119. package/dist/components/tabs/Tab.d.ts +1 -1
  120. package/dist/components/tabs/Tabs.d.ts +1 -1
  121. package/dist/components/tabs/index.d.ts +4 -4
  122. package/dist/components/tabs/tabs.styles.d.ts +341 -327
  123. package/dist/components/tabs/tabs.types.d.ts +67 -66
  124. package/dist/components/tabs/useTabs.d.ts +4 -4
  125. package/dist/components/textarea/Textarea.d.ts +9 -4
  126. package/dist/components/textarea/index.d.ts +2 -2
  127. package/dist/components/textarea/textarea.styles.d.ts +276 -262
  128. package/dist/components/textarea/textarea.types.d.ts +57 -55
  129. package/dist/components/toast/Toast.d.ts +8 -4
  130. package/dist/components/toast/ToastProvider.d.ts +8 -4
  131. package/dist/components/toast/ToastViewport.d.ts +14 -4
  132. package/dist/components/toast/Toaster.d.ts +4 -2
  133. package/dist/components/toast/index.d.ts +7 -7
  134. package/dist/components/toast/toast-store.d.ts +10 -10
  135. package/dist/components/toast/toast-subcomponents.d.ts +10 -4
  136. package/dist/components/toast/toast.types.d.ts +18 -18
  137. package/dist/components/toast/use-toast-internal.d.ts +1 -1
  138. package/dist/components/toast/utils.d.ts +1 -1
  139. package/dist/components/tooltip/Tooltip.d.ts +1 -1
  140. package/dist/components/tooltip/index.d.ts +3 -3
  141. package/dist/components/tooltip/tooltip.styles.d.ts +187 -173
  142. package/dist/components/tooltip/tooltip.types.d.ts +85 -72
  143. package/dist/components/tooltip/useTooltip.d.ts +25 -25
  144. package/dist/components/tooltip/utils.d.ts +24 -13
  145. package/dist/hooks/index.d.ts +3 -3
  146. package/dist/hooks/useDisclosure.d.ts +10 -10
  147. package/dist/hooks/useFocusTrap.d.ts +1 -1
  148. package/dist/index.cjs +2 -2
  149. package/dist/index.d.ts +24 -25
  150. package/dist/index.js +1697 -1632
  151. package/dist/motion/focus.d.ts +6 -6
  152. package/dist/motion/hover.d.ts +8 -8
  153. package/dist/motion/index.d.ts +5 -5
  154. package/dist/motion/press.d.ts +7 -7
  155. package/dist/motion/reveal.d.ts +16 -16
  156. package/dist/motion/tokens.d.ts +9 -9
  157. package/dist/provider/RupoUIContext.d.ts +2 -2
  158. package/dist/provider/RupoUIProvider.d.ts +9 -5
  159. package/dist/provider/types.d.ts +46 -25
  160. package/dist/provider/useRupoUI.d.ts +1 -1
  161. package/dist/style.css +1 -1
  162. package/dist/styles/tokens/colors.d.ts +24 -24
  163. package/dist/styles/tokens/index.d.ts +5 -5
  164. package/dist/styles/tokens/motion.d.ts +9 -9
  165. package/dist/styles/tokens/radius.d.ts +6 -6
  166. package/dist/styles/tokens/spacing.d.ts +11 -11
  167. package/dist/styles/tokens/typography.d.ts +64 -32
  168. package/dist/tailwind/index.d.ts +7 -7
  169. package/dist/tailwind/plugin-utils.d.ts +1 -1
  170. package/dist/tailwind/theme.d.ts +1 -1
  171. package/package.json +11 -2
  172. package/dist/components/toast/ToastDemo.d.ts +0 -1
@@ -1,58 +1,60 @@
1
- export declare const toggle: import('tailwind-variants').TVReturnType<{
1
+ export declare const toggle: import("tailwind-variants").TVReturnType<
2
+ {
2
3
  color: {
3
- primary: {
4
- wrapper: string;
5
- };
6
- secondary: {
7
- wrapper: string;
8
- };
9
- success: {
10
- wrapper: string;
11
- };
12
- warning: {
13
- wrapper: string;
14
- };
15
- danger: {
16
- wrapper: string;
17
- };
4
+ primary: {
5
+ wrapper: string;
6
+ };
7
+ secondary: {
8
+ wrapper: string;
9
+ };
10
+ success: {
11
+ wrapper: string;
12
+ };
13
+ warning: {
14
+ wrapper: string;
15
+ };
16
+ danger: {
17
+ wrapper: string;
18
+ };
18
19
  };
19
20
  size: {
20
- sm: {
21
- wrapper: string;
22
- thumb: string;
23
- label: string;
24
- base: string;
25
- };
26
- md: {
27
- wrapper: string;
28
- thumb: string;
29
- label: string;
30
- base: string;
31
- };
32
- lg: {
33
- wrapper: string;
34
- thumb: string;
35
- label: string;
36
- base: string;
37
- };
21
+ sm: {
22
+ wrapper: string;
23
+ thumb: string;
24
+ label: string;
25
+ base: string;
26
+ };
27
+ md: {
28
+ wrapper: string;
29
+ thumb: string;
30
+ label: string;
31
+ base: string;
32
+ };
33
+ lg: {
34
+ wrapper: string;
35
+ thumb: string;
36
+ label: string;
37
+ base: string;
38
+ };
38
39
  };
39
40
  isDisabled: {
40
- true: {
41
- base: string;
42
- };
41
+ true: {
42
+ base: string;
43
+ };
43
44
  };
44
45
  isReadOnly: {
45
- true: {
46
- base: string;
47
- };
46
+ true: {
47
+ base: string;
48
+ };
48
49
  };
49
50
  disableAnimation: {
50
- true: {
51
- wrapper: string;
52
- thumb: string;
53
- };
51
+ true: {
52
+ wrapper: string;
53
+ thumb: string;
54
+ };
54
55
  };
55
- }, {
56
+ },
57
+ {
56
58
  base: string;
57
59
  wrapper: string[];
58
60
  thumb: string[];
@@ -61,61 +63,64 @@ export declare const toggle: import('tailwind-variants').TVReturnType<{
61
63
  endContent: string;
62
64
  description: string;
63
65
  errorMessage: string;
64
- }, undefined, {
66
+ },
67
+ undefined,
68
+ {
65
69
  color: {
66
- primary: {
67
- wrapper: string;
68
- };
69
- secondary: {
70
- wrapper: string;
71
- };
72
- success: {
73
- wrapper: string;
74
- };
75
- warning: {
76
- wrapper: string;
77
- };
78
- danger: {
79
- wrapper: string;
80
- };
70
+ primary: {
71
+ wrapper: string;
72
+ };
73
+ secondary: {
74
+ wrapper: string;
75
+ };
76
+ success: {
77
+ wrapper: string;
78
+ };
79
+ warning: {
80
+ wrapper: string;
81
+ };
82
+ danger: {
83
+ wrapper: string;
84
+ };
81
85
  };
82
86
  size: {
83
- sm: {
84
- wrapper: string;
85
- thumb: string;
86
- label: string;
87
- base: string;
88
- };
89
- md: {
90
- wrapper: string;
91
- thumb: string;
92
- label: string;
93
- base: string;
94
- };
95
- lg: {
96
- wrapper: string;
97
- thumb: string;
98
- label: string;
99
- base: string;
100
- };
87
+ sm: {
88
+ wrapper: string;
89
+ thumb: string;
90
+ label: string;
91
+ base: string;
92
+ };
93
+ md: {
94
+ wrapper: string;
95
+ thumb: string;
96
+ label: string;
97
+ base: string;
98
+ };
99
+ lg: {
100
+ wrapper: string;
101
+ thumb: string;
102
+ label: string;
103
+ base: string;
104
+ };
101
105
  };
102
106
  isDisabled: {
103
- true: {
104
- base: string;
105
- };
107
+ true: {
108
+ base: string;
109
+ };
106
110
  };
107
111
  isReadOnly: {
108
- true: {
109
- base: string;
110
- };
112
+ true: {
113
+ base: string;
114
+ };
111
115
  };
112
116
  disableAnimation: {
113
- true: {
114
- wrapper: string;
115
- thumb: string;
116
- };
117
+ true: {
118
+ wrapper: string;
119
+ thumb: string;
120
+ };
117
121
  };
118
- }, {
122
+ },
123
+ {
119
124
  base: string;
120
125
  wrapper: string[];
121
126
  thumb: string[];
@@ -124,67 +129,76 @@ export declare const toggle: import('tailwind-variants').TVReturnType<{
124
129
  endContent: string;
125
130
  description: string;
126
131
  errorMessage: string;
127
- }, import('tailwind-variants').TVReturnType<{
128
- color: {
132
+ },
133
+ import("tailwind-variants").TVReturnType<
134
+ {
135
+ color: {
129
136
  primary: {
130
- wrapper: string;
137
+ wrapper: string;
131
138
  };
132
139
  secondary: {
133
- wrapper: string;
140
+ wrapper: string;
134
141
  };
135
142
  success: {
136
- wrapper: string;
143
+ wrapper: string;
137
144
  };
138
145
  warning: {
139
- wrapper: string;
146
+ wrapper: string;
140
147
  };
141
148
  danger: {
142
- wrapper: string;
149
+ wrapper: string;
143
150
  };
144
- };
145
- size: {
151
+ };
152
+ size: {
146
153
  sm: {
147
- wrapper: string;
148
- thumb: string;
149
- label: string;
150
- base: string;
154
+ wrapper: string;
155
+ thumb: string;
156
+ label: string;
157
+ base: string;
151
158
  };
152
159
  md: {
153
- wrapper: string;
154
- thumb: string;
155
- label: string;
156
- base: string;
160
+ wrapper: string;
161
+ thumb: string;
162
+ label: string;
163
+ base: string;
157
164
  };
158
165
  lg: {
159
- wrapper: string;
160
- thumb: string;
161
- label: string;
162
- base: string;
166
+ wrapper: string;
167
+ thumb: string;
168
+ label: string;
169
+ base: string;
163
170
  };
164
- };
165
- isDisabled: {
171
+ };
172
+ isDisabled: {
166
173
  true: {
167
- base: string;
174
+ base: string;
168
175
  };
169
- };
170
- isReadOnly: {
176
+ };
177
+ isReadOnly: {
171
178
  true: {
172
- base: string;
179
+ base: string;
173
180
  };
174
- };
175
- disableAnimation: {
181
+ };
182
+ disableAnimation: {
176
183
  true: {
177
- wrapper: string;
178
- thumb: string;
179
- };
180
- };
181
- }, {
182
- base: string;
183
- wrapper: string[];
184
- thumb: string[];
185
- label: string;
186
- startContent: string;
187
- endContent: string;
188
- description: string;
189
- errorMessage: string;
190
- }, undefined, unknown, unknown, undefined>>;
184
+ wrapper: string;
185
+ thumb: string;
186
+ };
187
+ };
188
+ },
189
+ {
190
+ base: string;
191
+ wrapper: string[];
192
+ thumb: string[];
193
+ label: string;
194
+ startContent: string;
195
+ endContent: string;
196
+ description: string;
197
+ errorMessage: string;
198
+ },
199
+ undefined,
200
+ unknown,
201
+ unknown,
202
+ undefined
203
+ >
204
+ >;
@@ -1,83 +1,87 @@
1
- import { ReactNode, Ref } from 'react';
2
- import { VariantProps } from 'tailwind-variants';
3
- import { toggle } from './switch.styles';
1
+ import { ReactNode, Ref } from "react";
2
+ import { VariantProps } from "tailwind-variants";
3
+
4
+ import { toggle } from "./switch.styles";
4
5
 
5
6
  export type SwitchSlots = keyof ReturnType<typeof toggle>;
6
- export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "color" | "onChange"> {
7
- /**
8
- * Ref to the DOM input element.
9
- */
10
- ref?: Ref<HTMLInputElement>;
11
- /**
12
- * The content of the switch. usually the label.
13
- */
14
- children?: ReactNode;
15
- /**
16
- * Whether the switch is checked (controlled).
17
- */
18
- isSelected?: boolean;
19
- /**
20
- * The default checked state (uncontrolled).
21
- */
22
- defaultSelected?: boolean;
23
- /**
24
- * Handler that is called when the switch's selection state changes.
25
- */
26
- onValueChange?: (isSelected: boolean) => void;
27
- /**
28
- * Native onChange handler.
29
- */
30
- onChange?: React.ChangeEventHandler<HTMLInputElement>;
31
- /**
32
- * The value of the input element, used when submitting a form.
33
- */
34
- value?: string;
35
- /**
36
- * Whether the switch is disabled.
37
- */
38
- isDisabled?: boolean;
39
- /**
40
- * Whether the switch is read-only.
41
- */
42
- isReadOnly?: boolean;
43
- /**
44
- * Whether the switch is in a loading state.
45
- */
46
- isLoading?: boolean;
47
- /**
48
- * Whether the switch is invalid.
49
- */
50
- isInvalid?: boolean;
51
- /**
52
- * The description of the switch.
53
- */
54
- description?: ReactNode;
55
- /**
56
- * The error message of the switch.
57
- */
58
- errorMessage?: ReactNode;
59
- /**
60
- * Whether to disable the animation.
61
- */
62
- disableAnimation?: boolean;
63
- /**
64
- * The size of the switch.
65
- */
66
- size?: VariantProps<typeof toggle>["size"];
67
- /**
68
- * The color of the switch.
69
- */
70
- color?: VariantProps<typeof toggle>["color"];
71
- /**
72
- * The start content of the switch (inside thumb or track).
73
- */
74
- startContent?: ReactNode;
75
- /**
76
- * The end content of the switch (inside thumb or track).
77
- */
78
- endContent?: ReactNode;
79
- /**
80
- * Classname or List of classes to change the classNames of the element.
81
- */
82
- classNames?: Partial<Record<SwitchSlots, string>>;
7
+ export interface SwitchProps extends Omit<
8
+ React.InputHTMLAttributes<HTMLInputElement>,
9
+ "size" | "color" | "onChange"
10
+ > {
11
+ /**
12
+ * Ref to the DOM input element.
13
+ */
14
+ ref?: Ref<HTMLInputElement>;
15
+ /**
16
+ * The content of the switch. usually the label.
17
+ */
18
+ children?: ReactNode;
19
+ /**
20
+ * Whether the switch is checked (controlled).
21
+ */
22
+ isSelected?: boolean;
23
+ /**
24
+ * The default checked state (uncontrolled).
25
+ */
26
+ defaultSelected?: boolean;
27
+ /**
28
+ * Handler that is called when the switch's selection state changes.
29
+ */
30
+ onValueChange?: (isSelected: boolean) => void;
31
+ /**
32
+ * Native onChange handler.
33
+ */
34
+ onChange?: React.ChangeEventHandler<HTMLInputElement>;
35
+ /**
36
+ * The value of the input element, used when submitting a form.
37
+ */
38
+ value?: string;
39
+ /**
40
+ * Whether the switch is disabled.
41
+ */
42
+ isDisabled?: boolean;
43
+ /**
44
+ * Whether the switch is read-only.
45
+ */
46
+ isReadOnly?: boolean;
47
+ /**
48
+ * Whether the switch is in a loading state.
49
+ */
50
+ isLoading?: boolean;
51
+ /**
52
+ * Whether the switch is invalid.
53
+ */
54
+ isInvalid?: boolean;
55
+ /**
56
+ * The description of the switch.
57
+ */
58
+ description?: ReactNode;
59
+ /**
60
+ * The error message of the switch.
61
+ */
62
+ errorMessage?: ReactNode;
63
+ /**
64
+ * Whether to disable the animation.
65
+ */
66
+ disableAnimation?: boolean;
67
+ /**
68
+ * The size of the switch.
69
+ */
70
+ size?: VariantProps<typeof toggle>["size"];
71
+ /**
72
+ * The color of the switch.
73
+ */
74
+ color?: VariantProps<typeof toggle>["color"];
75
+ /**
76
+ * The start content of the switch (inside thumb or track).
77
+ */
78
+ startContent?: ReactNode;
79
+ /**
80
+ * The end content of the switch (inside thumb or track).
81
+ */
82
+ endContent?: ReactNode;
83
+ /**
84
+ * Classname or List of classes to change the classNames of the element.
85
+ */
86
+ classNames?: Partial<Record<SwitchSlots, string>>;
83
87
  }