sv5ui 1.1.2 → 1.2.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 (155) hide show
  1. package/README.md +6 -0
  2. package/dist/Alert/Alert.svelte +33 -22
  3. package/dist/Alert/Alert.svelte.d.ts +1 -1
  4. package/dist/Alert/alert.types.d.ts +4 -0
  5. package/dist/Avatar/Avatar.svelte +72 -46
  6. package/dist/Avatar/avatar.types.d.ts +36 -3
  7. package/dist/Avatar/avatar.variants.d.ts +138 -0
  8. package/dist/Avatar/avatar.variants.js +23 -12
  9. package/dist/Avatar/index.d.ts +1 -1
  10. package/dist/AvatarGroup/AvatarGroup.svelte +11 -6
  11. package/dist/AvatarGroup/AvatarGroup.svelte.d.ts +1 -1
  12. package/dist/AvatarGroup/avatar-group.types.d.ts +18 -3
  13. package/dist/AvatarGroup/avatar-group.variants.d.ts +85 -0
  14. package/dist/AvatarGroup/avatar-group.variants.js +19 -29
  15. package/dist/Badge/Badge.svelte +4 -3
  16. package/dist/Badge/Badge.svelte.d.ts +1 -1
  17. package/dist/Badge/badge.types.d.ts +9 -0
  18. package/dist/Breadcrumb/Breadcrumb.svelte +20 -7
  19. package/dist/Breadcrumb/Breadcrumb.svelte.d.ts +1 -1
  20. package/dist/Breadcrumb/breadcrumb.types.d.ts +5 -1
  21. package/dist/Breadcrumb/breadcrumb.variants.d.ts +15 -5
  22. package/dist/Breadcrumb/breadcrumb.variants.js +7 -3
  23. package/dist/Button/Button.svelte +71 -16
  24. package/dist/Button/Button.svelte.d.ts +0 -1
  25. package/dist/Button/button.types.d.ts +61 -2
  26. package/dist/Calendar/Calendar.svelte +4 -0
  27. package/dist/Calendar/Calendar.svelte.d.ts +1 -1
  28. package/dist/Calendar/calendar.types.d.ts +4 -0
  29. package/dist/Card/Card.svelte +5 -4
  30. package/dist/Card/Card.svelte.d.ts +1 -1
  31. package/dist/Card/card.types.d.ts +5 -1
  32. package/dist/Checkbox/Checkbox.svelte +37 -11
  33. package/dist/Checkbox/Checkbox.svelte.d.ts +1 -1
  34. package/dist/Checkbox/checkbox.types.d.ts +16 -1
  35. package/dist/Checkbox/checkbox.variants.d.ts +90 -0
  36. package/dist/Checkbox/checkbox.variants.js +73 -4
  37. package/dist/Chip/Chip.svelte +3 -2
  38. package/dist/Chip/Chip.svelte.d.ts +1 -1
  39. package/dist/Chip/chip.types.d.ts +5 -1
  40. package/dist/Chip/chip.variants.d.ts +135 -45
  41. package/dist/Chip/chip.variants.js +9 -9
  42. package/dist/ContextMenu/ContextMenu.svelte +87 -77
  43. package/dist/ContextMenu/ContextMenu.svelte.d.ts +1 -1
  44. package/dist/ContextMenu/context-menu.types.d.ts +9 -3
  45. package/dist/ContextMenu/context-menu.types.js +1 -1
  46. package/dist/ContextMenu/context-menu.variants.d.ts +74 -160
  47. package/dist/ContextMenu/context-menu.variants.js +63 -95
  48. package/dist/DropdownMenu/DropdownMenu.svelte +37 -43
  49. package/dist/DropdownMenu/DropdownMenu.svelte.d.ts +1 -1
  50. package/dist/DropdownMenu/dropdown-menu.types.d.ts +9 -3
  51. package/dist/DropdownMenu/dropdown-menu.types.js +1 -1
  52. package/dist/DropdownMenu/dropdown-menu.variants.d.ts +79 -230
  53. package/dist/DropdownMenu/dropdown-menu.variants.js +68 -111
  54. package/dist/DropdownMenu/index.d.ts +1 -1
  55. package/dist/Empty/Empty.svelte +68 -33
  56. package/dist/Empty/Empty.svelte.d.ts +1 -1
  57. package/dist/Empty/empty.types.d.ts +26 -9
  58. package/dist/Empty/empty.variants.d.ts +150 -130
  59. package/dist/Empty/empty.variants.js +33 -324
  60. package/dist/FieldGroup/FieldGroup.svelte +11 -6
  61. package/dist/FieldGroup/FieldGroup.svelte.d.ts +1 -1
  62. package/dist/FieldGroup/field-group.types.d.ts +4 -0
  63. package/dist/FormField/FormField.svelte +17 -18
  64. package/dist/FormField/FormField.svelte.d.ts +1 -1
  65. package/dist/FormField/form-field.types.d.ts +4 -0
  66. package/dist/Icon/Icon.svelte +13 -7
  67. package/dist/Icon/icon.types.d.ts +18 -9
  68. package/dist/Input/Input.svelte +30 -29
  69. package/dist/Kbd/Kbd.svelte +13 -3
  70. package/dist/Kbd/Kbd.svelte.d.ts +1 -1
  71. package/dist/Kbd/index.d.ts +1 -1
  72. package/dist/Kbd/kbd.types.d.ts +15 -1
  73. package/dist/Kbd/kbd.variants.d.ts +92 -30
  74. package/dist/Kbd/kbd.variants.js +55 -35
  75. package/dist/Kbd/useKbd.svelte.d.ts +2 -2
  76. package/dist/Kbd/useKbd.svelte.js +34 -41
  77. package/dist/Link/Link.svelte +69 -24
  78. package/dist/Link/Link.svelte.d.ts +1 -1
  79. package/dist/Link/link.types.d.ts +26 -8
  80. package/dist/Link/link.variants.d.ts +35 -60
  81. package/dist/Link/link.variants.js +8 -110
  82. package/dist/Modal/Modal.svelte +9 -1
  83. package/dist/Modal/modal.types.d.ts +5 -0
  84. package/dist/Modal/modal.variants.d.ts +5 -0
  85. package/dist/Modal/modal.variants.js +1 -0
  86. package/dist/Pagination/Pagination.svelte +143 -94
  87. package/dist/Pagination/Pagination.svelte.d.ts +1 -1
  88. package/dist/Pagination/index.d.ts +1 -1
  89. package/dist/Pagination/pagination.types.d.ts +21 -2
  90. package/dist/Pagination/pagination.variants.d.ts +21 -387
  91. package/dist/Pagination/pagination.variants.js +63 -59
  92. package/dist/Popover/Popover.svelte +9 -12
  93. package/dist/Popover/Popover.svelte.d.ts +1 -1
  94. package/dist/Popover/popover.types.d.ts +4 -0
  95. package/dist/Popover/popover.variants.d.ts +5 -75
  96. package/dist/Popover/popover.variants.js +6 -16
  97. package/dist/Progress/Progress.svelte +58 -30
  98. package/dist/Progress/progress.types.d.ts +9 -1
  99. package/dist/Progress/progress.variants.d.ts +55 -25
  100. package/dist/Progress/progress.variants.js +34 -28
  101. package/dist/RadioGroup/RadioGroup.svelte +105 -61
  102. package/dist/RadioGroup/RadioGroup.svelte.d.ts +1 -1
  103. package/dist/RadioGroup/radio-group.types.d.ts +16 -1
  104. package/dist/RadioGroup/radio-group.variants.d.ts +90 -0
  105. package/dist/RadioGroup/radio-group.variants.js +73 -4
  106. package/dist/Select/Select.svelte +9 -6
  107. package/dist/Select/Select.svelte.d.ts +1 -1
  108. package/dist/Select/select.types.d.ts +4 -0
  109. package/dist/SelectMenu/SelectMenu.svelte +436 -0
  110. package/dist/SelectMenu/SelectMenu.svelte.d.ts +5 -0
  111. package/dist/SelectMenu/index.d.ts +2 -0
  112. package/dist/SelectMenu/index.js +1 -0
  113. package/dist/SelectMenu/select-menu.types.d.ts +262 -0
  114. package/dist/SelectMenu/select-menu.types.js +1 -0
  115. package/dist/SelectMenu/select-menu.variants.d.ts +759 -0
  116. package/dist/SelectMenu/select-menu.variants.js +33 -0
  117. package/dist/Separator/Separator.svelte +1 -2
  118. package/dist/Separator/separator.variants.d.ts +1 -5
  119. package/dist/Separator/separator.variants.js +2 -2
  120. package/dist/Skeleton/Skeleton.svelte +18 -2
  121. package/dist/Skeleton/Skeleton.svelte.d.ts +1 -1
  122. package/dist/Skeleton/skeleton.types.d.ts +10 -1
  123. package/dist/Slideover/Slideover.svelte +9 -1
  124. package/dist/Slideover/slideover.types.d.ts +5 -0
  125. package/dist/Slideover/slideover.variants.d.ts +20 -5
  126. package/dist/Slideover/slideover.variants.js +4 -29
  127. package/dist/Switch/Switch.svelte +32 -31
  128. package/dist/Switch/Switch.svelte.d.ts +1 -1
  129. package/dist/Switch/switch.types.d.ts +6 -1
  130. package/dist/Switch/switch.variants.js +6 -6
  131. package/dist/Tabs/Tabs.svelte +6 -9
  132. package/dist/Tabs/Tabs.svelte.d.ts +1 -1
  133. package/dist/Tabs/tabs.types.d.ts +4 -0
  134. package/dist/Tabs/tabs.variants.js +2 -0
  135. package/dist/Textarea/Textarea.svelte +26 -25
  136. package/dist/ThemeModeButton/theme-mode-button.types.d.ts +7 -2
  137. package/dist/Timeline/Timeline.svelte +62 -19
  138. package/dist/Timeline/Timeline.svelte.d.ts +1 -1
  139. package/dist/Timeline/index.d.ts +1 -1
  140. package/dist/Timeline/timeline.types.d.ts +8 -0
  141. package/dist/Tooltip/Tooltip.svelte +12 -10
  142. package/dist/Tooltip/Tooltip.svelte.d.ts +1 -1
  143. package/dist/Tooltip/tooltip.types.d.ts +8 -4
  144. package/dist/Tooltip/tooltip.variants.d.ts +10 -75
  145. package/dist/Tooltip/tooltip.variants.js +8 -17
  146. package/dist/User/User.svelte +13 -9
  147. package/dist/User/User.svelte.d.ts +1 -1
  148. package/dist/User/user.types.d.ts +4 -0
  149. package/dist/User/user.variants.d.ts +60 -0
  150. package/dist/User/user.variants.js +13 -1
  151. package/dist/config.d.ts +4 -0
  152. package/dist/config.js +4 -0
  153. package/dist/index.d.ts +1 -1
  154. package/dist/index.js +1 -1
  155. package/package.json +2 -2
@@ -1,288 +1,308 @@
1
1
  import { type VariantProps } from 'tailwind-variants';
2
2
  export declare const emptyVariants: import("tailwind-variants").TVReturnType<{
3
- variant: {
4
- solid: string;
5
- outline: string;
6
- soft: string;
7
- subtle: string;
8
- };
9
- color: {
10
- primary: string;
11
- secondary: string;
12
- tertiary: string;
13
- success: string;
14
- warning: string;
15
- error: string;
16
- info: string;
17
- surface: string;
18
- };
19
3
  size: {
20
4
  xs: {
21
- root: string;
22
- icon: string;
5
+ avatar: string;
23
6
  title: string;
24
7
  description: string;
25
8
  };
26
9
  sm: {
27
- root: string;
28
- icon: string;
10
+ avatar: string;
29
11
  title: string;
30
12
  description: string;
31
13
  };
32
14
  md: {
33
- root: string;
34
- icon: string;
15
+ avatar: string;
35
16
  title: string;
36
17
  description: string;
37
18
  };
38
19
  lg: {
39
- root: string;
40
- icon: string;
20
+ avatar: string;
41
21
  title: string;
42
22
  description: string;
43
23
  };
44
24
  xl: {
25
+ avatar: string;
26
+ title: string;
27
+ description: string;
28
+ };
29
+ };
30
+ variant: {
31
+ solid: {
45
32
  root: string;
46
- icon: string;
33
+ avatar: string;
47
34
  title: string;
48
35
  description: string;
49
36
  };
37
+ outline: {
38
+ root: string;
39
+ description: string;
40
+ };
41
+ soft: {
42
+ root: string;
43
+ description: string;
44
+ };
45
+ subtle: {
46
+ root: string;
47
+ description: string;
48
+ };
49
+ naked: {
50
+ description: string;
51
+ };
50
52
  };
51
53
  }, {
52
54
  root: string;
53
- icon: string;
55
+ header: string;
54
56
  avatar: string;
55
57
  title: string;
56
58
  description: string;
59
+ body: string;
57
60
  actions: string;
61
+ footer: string;
58
62
  }, undefined, {
59
- variant: {
60
- solid: string;
61
- outline: string;
62
- soft: string;
63
- subtle: string;
64
- };
65
- color: {
66
- primary: string;
67
- secondary: string;
68
- tertiary: string;
69
- success: string;
70
- warning: string;
71
- error: string;
72
- info: string;
73
- surface: string;
74
- };
75
63
  size: {
76
64
  xs: {
77
- root: string;
78
- icon: string;
65
+ avatar: string;
79
66
  title: string;
80
67
  description: string;
81
68
  };
82
69
  sm: {
83
- root: string;
84
- icon: string;
70
+ avatar: string;
85
71
  title: string;
86
72
  description: string;
87
73
  };
88
74
  md: {
89
- root: string;
90
- icon: string;
75
+ avatar: string;
91
76
  title: string;
92
77
  description: string;
93
78
  };
94
79
  lg: {
95
- root: string;
96
- icon: string;
80
+ avatar: string;
97
81
  title: string;
98
82
  description: string;
99
83
  };
100
84
  xl: {
85
+ avatar: string;
86
+ title: string;
87
+ description: string;
88
+ };
89
+ };
90
+ variant: {
91
+ solid: {
101
92
  root: string;
102
- icon: string;
93
+ avatar: string;
103
94
  title: string;
104
95
  description: string;
105
96
  };
97
+ outline: {
98
+ root: string;
99
+ description: string;
100
+ };
101
+ soft: {
102
+ root: string;
103
+ description: string;
104
+ };
105
+ subtle: {
106
+ root: string;
107
+ description: string;
108
+ };
109
+ naked: {
110
+ description: string;
111
+ };
106
112
  };
107
113
  }, {
108
114
  root: string;
109
- icon: string;
115
+ header: string;
110
116
  avatar: string;
111
117
  title: string;
112
118
  description: string;
119
+ body: string;
113
120
  actions: string;
121
+ footer: string;
114
122
  }, import("tailwind-variants").TVReturnType<{
115
- variant: {
116
- solid: string;
117
- outline: string;
118
- soft: string;
119
- subtle: string;
120
- };
121
- color: {
122
- primary: string;
123
- secondary: string;
124
- tertiary: string;
125
- success: string;
126
- warning: string;
127
- error: string;
128
- info: string;
129
- surface: string;
130
- };
131
123
  size: {
132
124
  xs: {
133
- root: string;
134
- icon: string;
125
+ avatar: string;
135
126
  title: string;
136
127
  description: string;
137
128
  };
138
129
  sm: {
139
- root: string;
140
- icon: string;
130
+ avatar: string;
141
131
  title: string;
142
132
  description: string;
143
133
  };
144
134
  md: {
145
- root: string;
146
- icon: string;
135
+ avatar: string;
147
136
  title: string;
148
137
  description: string;
149
138
  };
150
139
  lg: {
151
- root: string;
152
- icon: string;
140
+ avatar: string;
153
141
  title: string;
154
142
  description: string;
155
143
  };
156
144
  xl: {
145
+ avatar: string;
146
+ title: string;
147
+ description: string;
148
+ };
149
+ };
150
+ variant: {
151
+ solid: {
157
152
  root: string;
158
- icon: string;
153
+ avatar: string;
159
154
  title: string;
160
155
  description: string;
161
156
  };
157
+ outline: {
158
+ root: string;
159
+ description: string;
160
+ };
161
+ soft: {
162
+ root: string;
163
+ description: string;
164
+ };
165
+ subtle: {
166
+ root: string;
167
+ description: string;
168
+ };
169
+ naked: {
170
+ description: string;
171
+ };
162
172
  };
163
173
  }, {
164
174
  root: string;
165
- icon: string;
175
+ header: string;
166
176
  avatar: string;
167
177
  title: string;
168
178
  description: string;
179
+ body: string;
169
180
  actions: string;
181
+ footer: string;
170
182
  }, undefined, unknown, unknown, undefined>>;
171
183
  export type EmptyVariantProps = VariantProps<typeof emptyVariants>;
172
184
  export type EmptySlots = keyof ReturnType<typeof emptyVariants>;
173
185
  export declare const emptyDefaults: {
174
186
  defaultVariants: import("tailwind-variants").TVDefaultVariants<{
175
- variant: {
176
- solid: string;
177
- outline: string;
178
- soft: string;
179
- subtle: string;
180
- };
181
- color: {
182
- primary: string;
183
- secondary: string;
184
- tertiary: string;
185
- success: string;
186
- warning: string;
187
- error: string;
188
- info: string;
189
- surface: string;
190
- };
191
187
  size: {
192
188
  xs: {
193
- root: string;
194
- icon: string;
189
+ avatar: string;
195
190
  title: string;
196
191
  description: string;
197
192
  };
198
193
  sm: {
199
- root: string;
200
- icon: string;
194
+ avatar: string;
201
195
  title: string;
202
196
  description: string;
203
197
  };
204
198
  md: {
205
- root: string;
206
- icon: string;
199
+ avatar: string;
207
200
  title: string;
208
201
  description: string;
209
202
  };
210
203
  lg: {
211
- root: string;
212
- icon: string;
204
+ avatar: string;
213
205
  title: string;
214
206
  description: string;
215
207
  };
216
208
  xl: {
209
+ avatar: string;
210
+ title: string;
211
+ description: string;
212
+ };
213
+ };
214
+ variant: {
215
+ solid: {
217
216
  root: string;
218
- icon: string;
217
+ avatar: string;
219
218
  title: string;
220
219
  description: string;
221
220
  };
221
+ outline: {
222
+ root: string;
223
+ description: string;
224
+ };
225
+ soft: {
226
+ root: string;
227
+ description: string;
228
+ };
229
+ subtle: {
230
+ root: string;
231
+ description: string;
232
+ };
233
+ naked: {
234
+ description: string;
235
+ };
222
236
  };
223
237
  }, {
224
238
  root: string;
225
- icon: string;
239
+ header: string;
226
240
  avatar: string;
227
241
  title: string;
228
242
  description: string;
243
+ body: string;
229
244
  actions: string;
245
+ footer: string;
230
246
  }, {
231
- variant: {
232
- solid: string;
233
- outline: string;
234
- soft: string;
235
- subtle: string;
236
- };
237
- color: {
238
- primary: string;
239
- secondary: string;
240
- tertiary: string;
241
- success: string;
242
- warning: string;
243
- error: string;
244
- info: string;
245
- surface: string;
246
- };
247
247
  size: {
248
248
  xs: {
249
- root: string;
250
- icon: string;
249
+ avatar: string;
251
250
  title: string;
252
251
  description: string;
253
252
  };
254
253
  sm: {
255
- root: string;
256
- icon: string;
254
+ avatar: string;
257
255
  title: string;
258
256
  description: string;
259
257
  };
260
258
  md: {
261
- root: string;
262
- icon: string;
259
+ avatar: string;
263
260
  title: string;
264
261
  description: string;
265
262
  };
266
263
  lg: {
267
- root: string;
268
- icon: string;
264
+ avatar: string;
269
265
  title: string;
270
266
  description: string;
271
267
  };
272
268
  xl: {
269
+ avatar: string;
270
+ title: string;
271
+ description: string;
272
+ };
273
+ };
274
+ variant: {
275
+ solid: {
273
276
  root: string;
274
- icon: string;
277
+ avatar: string;
275
278
  title: string;
276
279
  description: string;
277
280
  };
281
+ outline: {
282
+ root: string;
283
+ description: string;
284
+ };
285
+ soft: {
286
+ root: string;
287
+ description: string;
288
+ };
289
+ subtle: {
290
+ root: string;
291
+ description: string;
292
+ };
293
+ naked: {
294
+ description: string;
295
+ };
278
296
  };
279
297
  }, {
280
298
  root: string;
281
- icon: string;
299
+ header: string;
282
300
  avatar: string;
283
301
  title: string;
284
302
  description: string;
303
+ body: string;
285
304
  actions: string;
305
+ footer: string;
286
306
  }>;
287
307
  slots: Partial<Record<EmptySlots, string>>;
288
308
  };