@colletdev/svelte 0.1.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 (107) hide show
  1. package/README.md +58 -0
  2. package/package.json +33 -0
  3. package/src/accordion.svelte +52 -0
  4. package/src/accordion.svelte.d.ts +19 -0
  5. package/src/activity-group.svelte +34 -0
  6. package/src/activity-group.svelte.d.ts +16 -0
  7. package/src/alert.svelte +61 -0
  8. package/src/alert.svelte.d.ts +24 -0
  9. package/src/autocomplete.svelte +126 -0
  10. package/src/autocomplete.svelte.d.ts +47 -0
  11. package/src/avatar.svelte +32 -0
  12. package/src/avatar.svelte.d.ts +15 -0
  13. package/src/backdrop.svelte +24 -0
  14. package/src/backdrop.svelte.d.ts +11 -0
  15. package/src/badge.svelte +45 -0
  16. package/src/badge.svelte.d.ts +19 -0
  17. package/src/breadcrumb.svelte +42 -0
  18. package/src/breadcrumb.svelte.d.ts +16 -0
  19. package/src/button.svelte +52 -0
  20. package/src/button.svelte.d.ts +23 -0
  21. package/src/card.svelte +67 -0
  22. package/src/card.svelte.d.ts +22 -0
  23. package/src/carousel.svelte +59 -0
  24. package/src/carousel.svelte.d.ts +29 -0
  25. package/src/chat-input.svelte +76 -0
  26. package/src/chat-input.svelte.d.ts +28 -0
  27. package/src/checkbox.svelte +83 -0
  28. package/src/checkbox.svelte.d.ts +29 -0
  29. package/src/code-block.svelte +40 -0
  30. package/src/code-block.svelte.d.ts +19 -0
  31. package/src/collapsible.svelte +56 -0
  32. package/src/collapsible.svelte.d.ts +27 -0
  33. package/src/date-picker.svelte +110 -0
  34. package/src/date-picker.svelte.d.ts +40 -0
  35. package/src/dialog.svelte +56 -0
  36. package/src/dialog.svelte.d.ts +24 -0
  37. package/src/drawer.svelte +56 -0
  38. package/src/drawer.svelte.d.ts +24 -0
  39. package/src/elements.d.ts +715 -0
  40. package/src/fab.svelte +48 -0
  41. package/src/fab.svelte.d.ts +21 -0
  42. package/src/file-upload.svelte +55 -0
  43. package/src/file-upload.svelte.d.ts +24 -0
  44. package/src/index.ts +85 -0
  45. package/src/label.svelte +29 -0
  46. package/src/label.svelte.d.ts +20 -0
  47. package/src/listbox.svelte +75 -0
  48. package/src/listbox.svelte.d.ts +21 -0
  49. package/src/menu.svelte +76 -0
  50. package/src/menu.svelte.d.ts +27 -0
  51. package/src/message-bubble.svelte +49 -0
  52. package/src/message-bubble.svelte.d.ts +20 -0
  53. package/src/message-group.svelte +41 -0
  54. package/src/message-group.svelte.d.ts +16 -0
  55. package/src/message-part.svelte +20 -0
  56. package/src/message-part.svelte.d.ts +9 -0
  57. package/src/pagination.svelte +40 -0
  58. package/src/pagination.svelte.d.ts +19 -0
  59. package/src/popover.svelte +66 -0
  60. package/src/popover.svelte.d.ts +28 -0
  61. package/src/profile-menu.svelte +55 -0
  62. package/src/profile-menu.svelte.d.ts +24 -0
  63. package/src/progress.svelte +33 -0
  64. package/src/progress.svelte.d.ts +16 -0
  65. package/src/radio-group.svelte +91 -0
  66. package/src/radio-group.svelte.d.ts +26 -0
  67. package/src/scrollbar.svelte +41 -0
  68. package/src/scrollbar.svelte.d.ts +16 -0
  69. package/src/search-bar.svelte +94 -0
  70. package/src/search-bar.svelte.d.ts +34 -0
  71. package/src/select.svelte +112 -0
  72. package/src/select.svelte.d.ts +37 -0
  73. package/src/separator.svelte +25 -0
  74. package/src/separator.svelte.d.ts +18 -0
  75. package/src/sidebar.svelte +65 -0
  76. package/src/sidebar.svelte.d.ts +26 -0
  77. package/src/skeleton.svelte +30 -0
  78. package/src/skeleton.svelte.d.ts +14 -0
  79. package/src/slider.svelte +100 -0
  80. package/src/slider.svelte.d.ts +35 -0
  81. package/src/speed-dial.svelte +66 -0
  82. package/src/speed-dial.svelte.d.ts +30 -0
  83. package/src/spinner.svelte +26 -0
  84. package/src/spinner.svelte.d.ts +12 -0
  85. package/src/split-button.svelte +64 -0
  86. package/src/split-button.svelte.d.ts +28 -0
  87. package/src/stepper.svelte +48 -0
  88. package/src/stepper.svelte.d.ts +19 -0
  89. package/src/switch.svelte +85 -0
  90. package/src/switch.svelte.d.ts +30 -0
  91. package/src/table.svelte +133 -0
  92. package/src/table.svelte.d.ts +33 -0
  93. package/src/tabs.svelte +51 -0
  94. package/src/tabs.svelte.d.ts +21 -0
  95. package/src/text-input.svelte +126 -0
  96. package/src/text-input.svelte.d.ts +49 -0
  97. package/src/text.svelte +63 -0
  98. package/src/text.svelte.d.ts +23 -0
  99. package/src/thinking.svelte +30 -0
  100. package/src/thinking.svelte.d.ts +14 -0
  101. package/src/toast.svelte +58 -0
  102. package/src/toast.svelte.d.ts +25 -0
  103. package/src/toggle-group.svelte +64 -0
  104. package/src/toggle-group.svelte.d.ts +23 -0
  105. package/src/tooltip.svelte +38 -0
  106. package/src/tooltip.svelte.d.ts +17 -0
  107. package/src/types.ts +334 -0
@@ -0,0 +1,715 @@
1
+ // Auto-generated by scripts/generate-svelte.mjs — DO NOT EDIT
2
+ // Augments svelte/elements for <cx-*> autocomplete in Svelte templates.
3
+ // Import in your app.d.ts: import '@colletdev/svelte/elements';
4
+
5
+ declare module 'svelte/elements' {
6
+ export interface SvelteHTMLElements {
7
+ 'cx-accordion': {
8
+ id?: string;
9
+ label?: string;
10
+ items?: AccordionItem[] | string;
11
+ mode?: 'single' | 'multiple';
12
+ collapsible?: boolean;
13
+ headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
14
+ defaultExpanded?: string[] | string;
15
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
16
+ disabled?: boolean;
17
+ onChange?: (event: CustomEvent<import('./types.js').AccordionDetail>) => void;
18
+ };
19
+ 'cx-activity-group': {
20
+ id?: string;
21
+ status?: string;
22
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
23
+ border?: string;
24
+ summary?: string;
25
+ action?: string;
26
+ expanded?: boolean;
27
+ parts?: string;
28
+ };
29
+ 'cx-alert': {
30
+ id?: string;
31
+ title?: string;
32
+ description?: string;
33
+ variant?: 'subtle' | 'filled' | 'outline';
34
+ intent?: 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
35
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
36
+ showIcon?: boolean;
37
+ icon?: string;
38
+ dismissible?: boolean;
39
+ dismissLabel?: string;
40
+ compact?: boolean;
41
+ dynamic?: boolean;
42
+ actionsHtml?: string;
43
+ onDismiss?: (event: CustomEvent<import('./types.js').DismissDetail>) => void;
44
+ };
45
+ 'cx-autocomplete': {
46
+ id?: string;
47
+ label?: string;
48
+ variant?: 'outline' | 'filled' | 'ghost';
49
+ shape?: 'sharp' | 'rounded' | 'pill';
50
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
51
+ mode?: 'single' | 'multiple';
52
+ selected?: string[] | string;
53
+ query?: string;
54
+ placeholder?: string;
55
+ helperText?: string;
56
+ error?: string;
57
+ disabled?: boolean;
58
+ required?: boolean;
59
+ readonly?: boolean;
60
+ name?: string;
61
+ allowCustom?: boolean;
62
+ clearable?: boolean;
63
+ items?: SelectOption[] | string;
64
+ groups?: OptionGroup[] | string;
65
+ onInput?: (event: CustomEvent<import('./types.js').InputDetail>) => void;
66
+ onChange?: (event: CustomEvent<import('./types.js').SelectDetail>) => void;
67
+ onFocus?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
68
+ onBlur?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
69
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
70
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
71
+ };
72
+ 'cx-avatar': {
73
+ id?: string;
74
+ label?: string;
75
+ shape?: 'circle' | 'rounded';
76
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
77
+ image?: string;
78
+ initials?: string;
79
+ clickable?: boolean;
80
+ };
81
+ 'cx-backdrop': {
82
+ tint?: string;
83
+ blur?: string;
84
+ dismissible?: boolean;
85
+ };
86
+ 'cx-badge': {
87
+ id?: string;
88
+ label?: string;
89
+ variant?: 'filled' | 'outline' | 'ghost';
90
+ intent?: 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
91
+ shape?: 'rounded' | 'pill';
92
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
93
+ dot?: boolean;
94
+ dismissible?: boolean;
95
+ dismissLabel?: string;
96
+ dynamic?: boolean;
97
+ onDismiss?: (event: CustomEvent) => void;
98
+ };
99
+ 'cx-breadcrumb': {
100
+ id?: string;
101
+ items?: BreadcrumbItem[] | string;
102
+ separator?: string;
103
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
104
+ navLabel?: string;
105
+ disabled?: boolean;
106
+ onNavigate?: (event: CustomEvent<import('./types.js').NavigateDetail>) => void;
107
+ };
108
+ 'cx-button': {
109
+ label?: string;
110
+ variant?: 'filled' | 'ghost' | 'outline' | 'underline' | 'side-indicator';
111
+ intent?: 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
112
+ shape?: 'sharp' | 'rounded' | 'pill';
113
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
114
+ disabled?: boolean;
115
+ iconLeading?: string;
116
+ iconTrailing?: string;
117
+ iconOnly?: string;
118
+ ariaLabel?: string;
119
+ kind?: 'button' | 'submit' | 'toggle' | 'link';
120
+ pressed?: boolean;
121
+ href?: string;
122
+ onClick?: (event: CustomEvent<import('./types.js').ClickDetail>) => void;
123
+ };
124
+ 'cx-card': {
125
+ id?: string;
126
+ label?: string;
127
+ variant?: 'elevated' | 'outlined' | 'filled';
128
+ shape?: 'rounded' | 'sharp' | 'soft';
129
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
130
+ clickable?: boolean;
131
+ texture?: boolean;
132
+ onClick?: (event: CustomEvent<import('./types.js').ClickDetail>) => void;
133
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
134
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
135
+ };
136
+ 'cx-carousel': {
137
+ id?: string;
138
+ label?: string;
139
+ variant?: 'editorial' | 'card';
140
+ shape?: 'sharp' | 'rounded';
141
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
142
+ slides?: CarouselSlide[] | string;
143
+ autoplay?: 'off' | 'on';
144
+ autoplayInterval?: number;
145
+ loopMode?: boolean;
146
+ motionBlur?: boolean;
147
+ customCursor?: boolean;
148
+ indicator?: string;
149
+ onChange?: (event: CustomEvent<import('./types.js').CarouselDetail>) => void;
150
+ };
151
+ 'cx-chat-input': {
152
+ id?: string;
153
+ shape?: 'sharp' | 'rounded' | 'pill';
154
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
155
+ placeholder?: string;
156
+ value?: string;
157
+ disabled?: boolean;
158
+ maxRows?: number;
159
+ showActionButton?: boolean;
160
+ actionLabel?: string;
161
+ submitLabel?: string;
162
+ label?: string;
163
+ slotted?: boolean;
164
+ onFocus?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
165
+ onBlur?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
166
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
167
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
168
+ };
169
+ 'cx-checkbox': {
170
+ id?: string;
171
+ label?: string;
172
+ shape?: 'sharp' | 'rounded';
173
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
174
+ checked?: boolean | '' | 'checked' | 'indeterminate';
175
+ disabled?: boolean;
176
+ required?: boolean;
177
+ helperText?: string;
178
+ error?: string;
179
+ unlabeled?: boolean;
180
+ onInput?: (event: CustomEvent<import('./types.js').CheckedDetail>) => void;
181
+ onChange?: (event: CustomEvent<import('./types.js').CheckedDetail>) => void;
182
+ onFocus?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
183
+ onBlur?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
184
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
185
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
186
+ };
187
+ 'cx-code-block': {
188
+ id?: string;
189
+ content?: string;
190
+ variant?: string;
191
+ shape?: string;
192
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
193
+ language?: string;
194
+ filename?: string;
195
+ lineNumbers?: boolean;
196
+ copyButton?: boolean;
197
+ trafficLights?: boolean;
198
+ slotted?: boolean;
199
+ };
200
+ 'cx-collapsible': {
201
+ id?: string;
202
+ label?: string;
203
+ triggerHtml?: string;
204
+ open?: boolean;
205
+ icon?: string;
206
+ noIcon?: boolean;
207
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
208
+ disabled?: boolean;
209
+ onChange?: (event: CustomEvent<import('./types.js').CollapsibleDetail>) => void;
210
+ };
211
+ 'cx-date-picker': {
212
+ id?: string;
213
+ label?: string;
214
+ variant?: 'outline' | 'filled' | 'ghost';
215
+ shape?: 'sharp' | 'rounded';
216
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
217
+ selected?: string;
218
+ min?: string;
219
+ max?: string;
220
+ disabledDates?: string[] | string;
221
+ format?: 'iso' | 'us-short' | 'eu-short' | 'eu-dot';
222
+ firstDay?: 'monday' | 'sunday';
223
+ placeholder?: string;
224
+ helperText?: string;
225
+ error?: string;
226
+ disabled?: boolean;
227
+ required?: boolean;
228
+ readonly?: boolean;
229
+ name?: string;
230
+ onInput?: (event: CustomEvent<import('./types.js').InputDetail>) => void;
231
+ onChange?: (event: CustomEvent<import('./types.js').InputDetail>) => void;
232
+ onFocus?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
233
+ onBlur?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
234
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
235
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
236
+ };
237
+ 'cx-dialog': {
238
+ id?: string;
239
+ title?: string;
240
+ variant?: 'standard' | 'alert';
241
+ description?: string;
242
+ size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
243
+ closeButton?: string;
244
+ drawer?: string;
245
+ onClose?: (event: CustomEvent<import('./types.js').CloseDetail>) => void;
246
+ };
247
+ 'cx-drawer': {
248
+ id?: string;
249
+ title?: string;
250
+ description?: string;
251
+ side?: 'left' | 'right' | 'top' | 'bottom';
252
+ size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
253
+ shape?: 'sharp' | 'rounded' | 'pill';
254
+ closeButton?: string;
255
+ onClose?: (event: CustomEvent<import('./types.js').CloseDetail>) => void;
256
+ };
257
+ 'cx-fab': {
258
+ icon?: string;
259
+ label?: string;
260
+ ariaLabel?: string;
261
+ variant?: 'filled' | 'outline' | 'ghost';
262
+ intent?: 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
263
+ shape?: 'rounded' | 'pill';
264
+ size?: 'sm' | 'md' | 'lg';
265
+ disabled?: boolean;
266
+ hasPopup?: boolean;
267
+ expanded?: boolean;
268
+ controls?: string;
269
+ onClick?: (event: CustomEvent<import('./types.js').ClickDetail>) => void;
270
+ };
271
+ 'cx-file-upload': {
272
+ id?: string;
273
+ label?: string;
274
+ mode?: 'inline' | 'overlay';
275
+ variant?: 'outline' | 'filled' | 'subtle';
276
+ shape?: 'sharp' | 'rounded' | 'pill';
277
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
278
+ disabled?: boolean;
279
+ multiple?: boolean;
280
+ accept?: string;
281
+ maxSize?: number;
282
+ heading?: string;
283
+ browseText?: string;
284
+ hint?: string;
285
+ capture?: string;
286
+ preview?: boolean;
287
+ onChange?: (event: CustomEvent) => void;
288
+ };
289
+ 'cx-listbox': {
290
+ id?: string;
291
+ label?: string;
292
+ shape?: 'sharp' | 'rounded' | 'pill';
293
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
294
+ selectionMode?: string;
295
+ selected?: string[] | string;
296
+ items?: SelectOption[] | string;
297
+ groups?: OptionGroup[] | string;
298
+ onFocus?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
299
+ onBlur?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
300
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
301
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
302
+ };
303
+ 'cx-menu': {
304
+ id?: string;
305
+ triggerLabel?: string;
306
+ entries?: MenuEntry[] | string;
307
+ variant?: 'filled' | 'outline' | 'ghost';
308
+ shape?: 'sharp' | 'rounded' | 'pill';
309
+ width?: 'auto' | 'sm' | 'md' | 'lg';
310
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
311
+ icon?: string;
312
+ disabled?: boolean;
313
+ onAction?: (event: CustomEvent<import('./types.js').MenuActionDetail>) => void;
314
+ onChange?: (event: CustomEvent<import('./types.js').MenuChangeDetail>) => void;
315
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
316
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
317
+ };
318
+ 'cx-message-bubble': {
319
+ id?: string;
320
+ role?: 'user' | 'assistant';
321
+ variant?: 'filled' | 'ghost';
322
+ shape?: 'sharp' | 'rounded';
323
+ alignment?: 'auto' | 'start' | 'end';
324
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
325
+ htmlContent?: string;
326
+ senderName?: string;
327
+ timestamp?: string;
328
+ border?: string;
329
+ animated?: boolean;
330
+ };
331
+ 'cx-message-group': {
332
+ id?: string;
333
+ role?: 'user' | 'assistant';
334
+ alignment?: 'auto' | 'start' | 'end';
335
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
336
+ senderName?: string;
337
+ animated?: boolean;
338
+ parts?: MessageGroupPart[] | string;
339
+ };
340
+ 'cx-message-part': {
341
+
342
+ };
343
+ 'cx-pagination': {
344
+ id?: string;
345
+ currentPage?: number;
346
+ pageSize?: number;
347
+ totalItems?: number;
348
+ label?: string;
349
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
350
+ showInfo?: boolean;
351
+ showPrevNext?: boolean;
352
+ prevLabel?: string;
353
+ nextLabel?: string;
354
+ pageSizeOptions?: string;
355
+ };
356
+ 'cx-popover': {
357
+ id?: string;
358
+ triggerLabel?: string;
359
+ title?: string;
360
+ description?: string;
361
+ width?: 'sm' | 'md' | 'lg' | 'xl' | 'auto';
362
+ placement?: 'top' | 'bottom';
363
+ align?: 'start' | 'center' | 'end';
364
+ arrow?: boolean;
365
+ closeButton?: boolean;
366
+ variant?: 'outline' | 'filled' | 'ghost';
367
+ shape?: 'sharp' | 'rounded' | 'pill';
368
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
369
+ icon?: string;
370
+ disabled?: boolean;
371
+ };
372
+ 'cx-profile-menu': {
373
+ id?: string;
374
+ label?: string;
375
+ image?: string;
376
+ initials?: string;
377
+ shape?: 'circle' | 'rounded';
378
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
379
+ width?: 'auto' | 'sm' | 'md' | 'lg';
380
+ entries?: MenuEntry[] | string;
381
+ disabled?: boolean;
382
+ onAction?: (event: CustomEvent<import('./types.js').MenuActionDetail>) => void;
383
+ };
384
+ 'cx-progress': {
385
+ id?: string;
386
+ label?: string;
387
+ value?: number;
388
+ valueText?: string;
389
+ intent?: 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
390
+ shape?: 'rounded' | 'sharp' | 'pill';
391
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
392
+ };
393
+ 'cx-radio-group': {
394
+ name?: string;
395
+ legend?: string;
396
+ options?: RadioOption[] | string;
397
+ shape?: 'round' | 'rounded';
398
+ orientation?: 'vertical' | 'horizontal';
399
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
400
+ selected?: string;
401
+ disabled?: boolean;
402
+ required?: boolean;
403
+ helperText?: string;
404
+ error?: string;
405
+ onInput?: (event: CustomEvent) => void;
406
+ onChange?: (event: CustomEvent<import('./types.js').SelectDetail>) => void;
407
+ onFocus?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
408
+ onBlur?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
409
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
410
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
411
+ };
412
+ 'cx-scrollbar': {
413
+ id?: string;
414
+ shape?: 'sharp' | 'rounded' | 'pill';
415
+ track?: 'with-track' | 'floating';
416
+ axis?: 'vertical' | 'horizontal' | 'both';
417
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
418
+ height?: string;
419
+ label?: string;
420
+ };
421
+ 'cx-search-bar': {
422
+ id?: string;
423
+ placeholder?: string;
424
+ label?: string;
425
+ variant?: 'outline' | 'filled' | 'ghost';
426
+ shape?: 'sharp' | 'rounded' | 'pill';
427
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
428
+ name?: string;
429
+ value?: string;
430
+ debounceMs?: number;
431
+ loading?: boolean;
432
+ shortcut?: string;
433
+ expandable?: boolean;
434
+ disabled?: boolean;
435
+ readonly?: boolean;
436
+ controls?: string;
437
+ shimmer?: boolean;
438
+ onFocus?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
439
+ onBlur?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
440
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
441
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
442
+ };
443
+ 'cx-select': {
444
+ id?: string;
445
+ label?: string;
446
+ variant?: 'outline' | 'filled' | 'ghost';
447
+ shape?: 'sharp' | 'rounded' | 'pill';
448
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
449
+ mode?: 'single' | 'multiple';
450
+ selected?: string[] | string;
451
+ placeholder?: string;
452
+ helperText?: string;
453
+ error?: string;
454
+ disabled?: boolean;
455
+ required?: boolean;
456
+ name?: string;
457
+ items?: SelectOption[] | string;
458
+ groups?: OptionGroup[] | string;
459
+ onInput?: (event: CustomEvent<import('./types.js').InputDetail>) => void;
460
+ onChange?: (event: CustomEvent<import('./types.js').SelectDetail>) => void;
461
+ onFocus?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
462
+ onBlur?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
463
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
464
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
465
+ };
466
+ 'cx-sidebar': {
467
+ id?: string;
468
+ label?: string;
469
+ groups?: SidebarGroup[] | string;
470
+ separatorsAfter?: string;
471
+ side?: 'left' | 'right';
472
+ state?: 'expanded' | 'narrow' | 'hidden';
473
+ shape?: 'sharp' | 'rounded' | 'pill';
474
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
475
+ onClose?: (event: CustomEvent<import('./types.js').CloseDetail>) => void;
476
+ onNavigate?: (event: CustomEvent<import('./types.js').NavigateDetail>) => void;
477
+ };
478
+ 'cx-skeleton': {
479
+ id?: string;
480
+ variant?: 'text' | 'circle' | 'rectangular';
481
+ animation?: 'pulse' | 'wave';
482
+ label?: string;
483
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
484
+ lines?: number;
485
+ };
486
+ 'cx-slider': {
487
+ id?: string;
488
+ label?: string;
489
+ ariaLabel?: string;
490
+ value?: number;
491
+ min?: number;
492
+ max?: number;
493
+ step?: number;
494
+ orientation?: 'horizontal' | 'vertical';
495
+ shape?: 'sharp' | 'rounded' | 'pill';
496
+ intent?: 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
497
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
498
+ showValue?: boolean;
499
+ valueText?: string;
500
+ helperText?: string;
501
+ errorText?: string;
502
+ disabled?: boolean;
503
+ unlabeled?: boolean;
504
+ onInput?: (event: CustomEvent<import('./types.js').SliderDetail>) => void;
505
+ onChange?: (event: CustomEvent) => void;
506
+ onFocus?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
507
+ onBlur?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
508
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
509
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
510
+ };
511
+ 'cx-speed-dial': {
512
+ id?: string;
513
+ icon?: string;
514
+ ariaLabel?: string;
515
+ closeIcon?: string;
516
+ actions?: SpeedDialAction[] | string;
517
+ variant?: 'filled' | 'outline' | 'ghost';
518
+ shape?: 'rounded' | 'pill';
519
+ size?: 'sm' | 'md' | 'lg';
520
+ direction?: 'up' | 'down' | 'left' | 'right';
521
+ backdrop?: boolean;
522
+ tooltips?: boolean;
523
+ disabled?: boolean;
524
+ onAction?: (event: CustomEvent<import('./types.js').MenuActionDetail>) => void;
525
+ onChange?: (event: CustomEvent<import('./types.js').CollapsibleDetail>) => void;
526
+ };
527
+ 'cx-spinner': {
528
+ id?: string;
529
+ variant?: 'circle' | 'square';
530
+ label?: string;
531
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
532
+ };
533
+ 'cx-split-button': {
534
+ id?: string;
535
+ label?: string;
536
+ entries?: SplitMenuEntry[] | string;
537
+ variant?: 'filled' | 'outline' | 'ghost';
538
+ intent?: 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
539
+ shape?: 'sharp' | 'rounded' | 'pill';
540
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
541
+ iconLeading?: string;
542
+ disabled?: boolean;
543
+ primaryDisabled?: boolean;
544
+ triggerDisabled?: boolean;
545
+ triggerLabel?: string;
546
+ onClick?: (event: CustomEvent<import('./types.js').ClickDetail>) => void;
547
+ onAction?: (event: CustomEvent<import('./types.js').MenuActionDetail>) => void;
548
+ };
549
+ 'cx-stepper': {
550
+ id?: string;
551
+ label?: string;
552
+ steps?: StepperStep[] | string;
553
+ current?: number;
554
+ variant?: 'outline' | 'filled' | 'ghost';
555
+ shape?: 'sharp' | 'rounded';
556
+ orientation?: 'horizontal' | 'vertical';
557
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
558
+ linear?: boolean;
559
+ onChange?: (event: CustomEvent<import('./types.js').SelectDetail>) => void;
560
+ };
561
+ 'cx-switch': {
562
+ id?: string;
563
+ label?: string;
564
+ shape?: 'sharp' | 'rounded' | 'pill';
565
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
566
+ checked?: boolean;
567
+ disabled?: boolean;
568
+ required?: boolean;
569
+ helperText?: string;
570
+ error?: string;
571
+ description?: string;
572
+ unlabeled?: boolean;
573
+ onInput?: (event: CustomEvent<import('./types.js').CheckedDetail>) => void;
574
+ onChange?: (event: CustomEvent<import('./types.js').CheckedDetail>) => void;
575
+ onFocus?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
576
+ onBlur?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
577
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
578
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
579
+ };
580
+ 'cx-table': {
581
+ id?: string;
582
+ caption?: string;
583
+ columns?: TableColumn[] | string;
584
+ rows?: TableRow[] | string;
585
+ variant?: 'plain' | 'striped' | 'bordered';
586
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
587
+ selectable?: string;
588
+ selected?: string[] | string;
589
+ sorts?: SortState[] | string;
590
+ pagination?: PaginationConfig | string;
591
+ hoverable?: boolean;
592
+ stickyHeader?: boolean;
593
+ footer?: FooterRow[] | string;
594
+ emptyState?: EmptyStateConfig | string;
595
+ columnOrder?: string[] | string;
596
+ disabled?: boolean;
597
+ loading?: number;
598
+ error?: string;
599
+ onSort?: (event: CustomEvent<import('./types.js').SortDetail>) => void;
600
+ onSelect?: (event: CustomEvent<import('./types.js').TableSelectDetail>) => void;
601
+ onExpand?: (event: CustomEvent<import('./types.js').TableExpandDetail>) => void;
602
+ onPage?: (event: CustomEvent<import('./types.js').PageDetail>) => void;
603
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
604
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
605
+ };
606
+ 'cx-tabs': {
607
+ id?: string;
608
+ label?: string;
609
+ items?: TabItem[] | string;
610
+ defaultTab?: string;
611
+ variant?: 'underline' | 'enclosed' | 'pill';
612
+ orientation?: 'horizontal' | 'vertical';
613
+ width?: 'auto' | 'full';
614
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
615
+ onChange?: (event: CustomEvent<import('./types.js').SelectDetail>) => void;
616
+ };
617
+ 'cx-text': {
618
+ id?: string;
619
+ role?: 'display' | 'h1' | 'h2' | 'h3' | 'label-lg' | 'label-md' | 'label-sm' | 'body-lg' | 'body-md' | 'body-sm' | 'overline' | 'caption' | 'code';
620
+ align?: 'start' | 'center' | 'end';
621
+ color?: 'primary' | 'inverse' | 'muted';
622
+ muted?: boolean;
623
+ strong?: boolean;
624
+ italic?: boolean;
625
+ underline?: boolean;
626
+ underlineStrong?: boolean;
627
+ truncate?: boolean;
628
+ lineClamp?: number;
629
+ balance?: boolean;
630
+ prose?: boolean;
631
+ elementAs?: string;
632
+ };
633
+ 'cx-text-input': {
634
+ id?: string;
635
+ label?: string;
636
+ variant?: 'outline' | 'filled' | 'ghost';
637
+ shape?: 'sharp' | 'rounded' | 'pill';
638
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
639
+ kind?: 'text' | 'email' | 'password' | 'search' | 'multiline';
640
+ placeholder?: string;
641
+ value?: string;
642
+ helperText?: string;
643
+ error?: string;
644
+ disabled?: boolean;
645
+ readonly?: boolean;
646
+ required?: boolean;
647
+ clearable?: boolean;
648
+ prefixIcon?: string;
649
+ suffixIcon?: string;
650
+ passwordToggle?: boolean;
651
+ passwordVisible?: boolean;
652
+ name?: string;
653
+ minLength?: number;
654
+ maxLength?: number;
655
+ pattern?: string;
656
+ autocomplete?: string;
657
+ rows?: number;
658
+ autoGrow?: boolean;
659
+ onInput?: (event: CustomEvent<import('./types.js').InputDetail>) => void;
660
+ onChange?: (event: CustomEvent<import('./types.js').InputDetail>) => void;
661
+ onFocus?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
662
+ onBlur?: (event: CustomEvent<import('./types.js').FocusDetail>) => void;
663
+ onKeydown?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
664
+ onKeyup?: (event: CustomEvent<import('./types.js').KeyboardDetail>) => void;
665
+ };
666
+ 'cx-thinking': {
667
+ id?: string;
668
+ variant?: 'ghost' | 'filled';
669
+ shape?: 'sharp' | 'rounded' | 'pill';
670
+ label?: string;
671
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
672
+ speed?: string;
673
+ };
674
+ 'cx-toast': {
675
+ id?: string;
676
+ title?: string;
677
+ description?: string;
678
+ variant?: 'subtle' | 'filled' | 'outline';
679
+ intent?: 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
680
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
681
+ showIcon?: boolean;
682
+ icon?: string;
683
+ dismissible?: boolean;
684
+ dismissLabel?: string;
685
+ duration?: number;
686
+ onDismiss?: (event: CustomEvent<import('./types.js').DismissDetail>) => void;
687
+ };
688
+ 'cx-toggle-group': {
689
+ id?: string;
690
+ label?: string;
691
+ items?: ToggleItem[] | string;
692
+ variant?: 'outline' | 'ghost' | 'filled';
693
+ shape?: 'sharp' | 'rounded' | 'pill';
694
+ mode?: 'single' | 'multiple';
695
+ orientation?: 'horizontal' | 'vertical';
696
+ intent?: 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
697
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
698
+ disabled?: boolean;
699
+ value?: string | string[];
700
+ onInput?: (event: CustomEvent) => void;
701
+ onChange?: (event: CustomEvent<import('./types.js').ToggleDetail>) => void;
702
+ };
703
+ 'cx-tooltip': {
704
+ id?: string;
705
+ content?: string;
706
+ triggerHtml?: string;
707
+ position?: 'top' | 'bottom' | 'left' | 'right';
708
+ arrow?: boolean;
709
+ openDelay?: number;
710
+ closeDelay?: number;
711
+ };
712
+ }
713
+ }
714
+
715
+ export {};