@geajs/ui 0.1.4 → 0.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 (127) hide show
  1. package/README.md +14 -19
  2. package/dist/accordion.d.mts +34 -0
  3. package/dist/accordion.mjs +167 -0
  4. package/dist/accordion.mjs.map +1 -0
  5. package/dist/alert.d.mts +15 -0
  6. package/dist/alert.mjs +101 -0
  7. package/dist/alert.mjs.map +1 -0
  8. package/dist/avatar.d.mts +26 -0
  9. package/dist/avatar.mjs +97 -0
  10. package/dist/avatar.mjs.map +1 -0
  11. package/dist/badge.d.mts +9 -0
  12. package/dist/badge.mjs +49 -0
  13. package/dist/badge.mjs.map +1 -0
  14. package/dist/button.d.mts +21 -0
  15. package/dist/button.mjs +96 -0
  16. package/dist/button.mjs.map +1 -0
  17. package/dist/card.d.mts +24 -0
  18. package/dist/card.mjs +169 -0
  19. package/dist/card.mjs.map +1 -0
  20. package/dist/checkbox.d.mts +37 -0
  21. package/dist/checkbox.mjs +80 -0
  22. package/dist/checkbox.mjs.map +1 -0
  23. package/dist/clipboard.d.mts +33 -0
  24. package/dist/clipboard.mjs +100 -0
  25. package/dist/clipboard.mjs.map +1 -0
  26. package/dist/cn.mjs +10 -0
  27. package/dist/cn.mjs.map +1 -0
  28. package/dist/collapsible.d.mts +29 -0
  29. package/dist/collapsible.mjs +77 -0
  30. package/dist/collapsible.mjs.map +1 -0
  31. package/dist/combobox.d.mts +67 -0
  32. package/dist/combobox.mjs +375 -0
  33. package/dist/combobox.mjs.map +1 -0
  34. package/dist/dialog.d.mts +57 -0
  35. package/dist/dialog.mjs +139 -0
  36. package/dist/dialog.mjs.map +1 -0
  37. package/dist/dnd-manager.d.mts +67 -0
  38. package/dist/dnd-manager.mjs +387 -0
  39. package/dist/dnd-manager.mjs.map +1 -0
  40. package/dist/drag-drop-context.d.mts +11 -0
  41. package/dist/drag-drop-context.mjs +43 -0
  42. package/dist/drag-drop-context.mjs.map +1 -0
  43. package/dist/draggable.d.mts +11 -0
  44. package/dist/draggable.mjs +72 -0
  45. package/dist/draggable.mjs.map +1 -0
  46. package/dist/droppable.d.mts +14 -0
  47. package/dist/droppable.mjs +66 -0
  48. package/dist/droppable.mjs.map +1 -0
  49. package/dist/file-upload.d.mts +38 -0
  50. package/dist/file-upload.mjs +170 -0
  51. package/dist/file-upload.mjs.map +1 -0
  52. package/dist/hover-card.d.mts +33 -0
  53. package/dist/hover-card.mjs +92 -0
  54. package/dist/hover-card.mjs.map +1 -0
  55. package/dist/index.d.mts +41 -1068
  56. package/dist/index.mjs +41 -4332
  57. package/dist/input.d.mts +9 -0
  58. package/dist/input.mjs +82 -0
  59. package/dist/input.mjs.map +1 -0
  60. package/dist/label.d.mts +9 -0
  61. package/dist/label.mjs +42 -0
  62. package/dist/label.mjs.map +1 -0
  63. package/dist/menu.d.mts +36 -0
  64. package/dist/menu.mjs +88 -0
  65. package/dist/menu.mjs.map +1 -0
  66. package/dist/number-input.d.mts +46 -0
  67. package/dist/number-input.mjs +89 -0
  68. package/dist/number-input.mjs.map +1 -0
  69. package/dist/pagination.d.mts +37 -0
  70. package/dist/pagination.mjs +97 -0
  71. package/dist/pagination.mjs.map +1 -0
  72. package/dist/pin-input.d.mts +45 -0
  73. package/dist/pin-input.mjs +147 -0
  74. package/dist/pin-input.mjs.map +1 -0
  75. package/dist/popover.d.mts +39 -0
  76. package/dist/popover.mjs +109 -0
  77. package/dist/popover.mjs.map +1 -0
  78. package/dist/progress.d.mts +34 -0
  79. package/dist/progress.mjs +86 -0
  80. package/dist/progress.mjs.map +1 -0
  81. package/dist/radio-group.d.mts +37 -0
  82. package/dist/radio-group.mjs +184 -0
  83. package/dist/radio-group.mjs.map +1 -0
  84. package/dist/rating-group.d.mts +38 -0
  85. package/dist/rating-group.mjs +171 -0
  86. package/dist/rating-group.mjs.map +1 -0
  87. package/dist/select.d.mts +54 -0
  88. package/dist/select.mjs +277 -0
  89. package/dist/select.mjs.map +1 -0
  90. package/dist/separator.d.mts +9 -0
  91. package/dist/separator.mjs +49 -0
  92. package/dist/separator.mjs.map +1 -0
  93. package/dist/skeleton.d.mts +9 -0
  94. package/dist/skeleton.mjs +43 -0
  95. package/dist/skeleton.mjs.map +1 -0
  96. package/dist/slider.d.mts +44 -0
  97. package/dist/slider.mjs +117 -0
  98. package/dist/slider.mjs.map +1 -0
  99. package/dist/switch.d.mts +37 -0
  100. package/dist/switch.mjs +80 -0
  101. package/dist/switch.mjs.map +1 -0
  102. package/dist/tabs.d.mts +36 -0
  103. package/dist/tabs.mjs +197 -0
  104. package/dist/tabs.mjs.map +1 -0
  105. package/dist/tags-input.d.mts +48 -0
  106. package/dist/tags-input.mjs +267 -0
  107. package/dist/tags-input.mjs.map +1 -0
  108. package/dist/textarea.d.mts +9 -0
  109. package/dist/textarea.mjs +73 -0
  110. package/dist/textarea.mjs.map +1 -0
  111. package/dist/toast.d.mts +33 -0
  112. package/dist/toast.mjs +213 -0
  113. package/dist/toast.mjs.map +1 -0
  114. package/dist/toggle-group.d.mts +32 -0
  115. package/dist/toggle-group.mjs +124 -0
  116. package/dist/toggle-group.mjs.map +1 -0
  117. package/dist/tooltip.d.mts +39 -0
  118. package/dist/tooltip.mjs +85 -0
  119. package/dist/tooltip.mjs.map +1 -0
  120. package/dist/tree-view.d.mts +35 -0
  121. package/dist/tree-view.mjs +94 -0
  122. package/dist/tree-view.mjs.map +1 -0
  123. package/dist/zag-component.d.mts +40 -0
  124. package/dist/zag-component.mjs +135 -0
  125. package/dist/zag-component.mjs.map +1 -0
  126. package/package.json +8 -8
  127. package/dist/index.mjs.map +0 -1
package/dist/index.d.mts CHANGED
@@ -1,1074 +1,47 @@
1
- import { Component } from "@geajs/core";
2
- import { VanillaMachine } from "@zag-js/vanilla";
1
+ import { n as ZagComponent, t as SpreadMap } from "./zag-component.mjs";
2
+ import Accordion from "./accordion.mjs";
3
+ import { Alert, AlertDescription, AlertTitle } from "./alert.mjs";
4
+ import Avatar from "./avatar.mjs";
5
+ import Badge from "./badge.mjs";
6
+ import Button, { ButtonProps, ButtonSize, ButtonVariant } from "./button.mjs";
7
+ import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.mjs";
8
+ import Checkbox from "./checkbox.mjs";
9
+ import Clipboard from "./clipboard.mjs";
10
+ import Collapsible from "./collapsible.mjs";
11
+ import Combobox from "./combobox.mjs";
12
+ import Dialog, { DialogProps } from "./dialog.mjs";
13
+ import { DragResult, dndManager } from "./dnd-manager.mjs";
14
+ import DragDropContext from "./drag-drop-context.mjs";
15
+ import Draggable from "./draggable.mjs";
16
+ import Droppable from "./droppable.mjs";
17
+ import FileUpload from "./file-upload.mjs";
18
+ import HoverCard from "./hover-card.mjs";
19
+ import Input from "./input.mjs";
20
+ import Label from "./label.mjs";
21
+ import Menu from "./menu.mjs";
22
+ import NumberInput from "./number-input.mjs";
23
+ import Pagination from "./pagination.mjs";
24
+ import PinInput from "./pin-input.mjs";
25
+ import Popover from "./popover.mjs";
26
+ import Progress from "./progress.mjs";
27
+ import RadioGroup from "./radio-group.mjs";
28
+ import RatingGroup from "./rating-group.mjs";
29
+ import Select from "./select.mjs";
30
+ import Separator from "./separator.mjs";
31
+ import Skeleton from "./skeleton.mjs";
32
+ import Slider from "./slider.mjs";
33
+ import Switch from "./switch.mjs";
34
+ import Tabs from "./tabs.mjs";
35
+ import TagsInput from "./tags-input.mjs";
36
+ import Textarea from "./textarea.mjs";
37
+ import { ToastStore, Toaster } from "./toast.mjs";
38
+ import ToggleGroup from "./toggle-group.mjs";
39
+ import Tooltip from "./tooltip.mjs";
40
+ import TreeView from "./tree-view.mjs";
3
41
  import { ClassValue } from "clsx";
4
- import * as accordion from "@zag-js/accordion";
5
- import * as avatar from "@zag-js/avatar";
6
- import * as checkbox from "@zag-js/checkbox";
7
- import * as clipboard from "@zag-js/clipboard";
8
- import * as collapsible from "@zag-js/collapsible";
9
- import * as combobox from "@zag-js/combobox";
10
- import * as dialog from "@zag-js/dialog";
11
- import * as fileUpload from "@zag-js/file-upload";
12
- import * as hoverCard from "@zag-js/hover-card";
13
- import * as menu from "@zag-js/menu";
14
- import * as numberInput from "@zag-js/number-input";
15
- import * as pagination from "@zag-js/pagination";
16
- import * as pinInput from "@zag-js/pin-input";
17
- import * as popover from "@zag-js/popover";
18
- import * as progress from "@zag-js/progress";
19
- import * as radioGroup from "@zag-js/radio-group";
20
- import * as ratingGroup from "@zag-js/rating-group";
21
- import * as select from "@zag-js/select";
22
- import * as slider from "@zag-js/slider";
23
- import * as switchMachine from "@zag-js/switch";
24
- import * as tabs from "@zag-js/tabs";
25
- import * as tagsInput from "@zag-js/tags-input";
26
- import * as toast from "@zag-js/toast";
27
- import * as toggleGroup from "@zag-js/toggle-group";
28
- import * as tooltip from "@zag-js/tooltip";
29
- import * as treeView from "@zag-js/tree-view";
30
- import * as _zag_js_types0 from "@zag-js/types";
31
- import * as _zag_js_collection0 from "@zag-js/collection";
32
42
 
33
- //#region src/primitives/zag-component.d.ts
34
- type SpreadCleanup = () => void;
35
- type PropsGetter = string | ((api: any, el: Element) => Record<string, any>);
36
- interface SpreadMap {
37
- [selector: string]: PropsGetter;
38
- }
39
- declare class ZagComponent extends Component {
40
- _machine: VanillaMachine<any> | null;
41
- _api: any;
42
- _spreadCleanups: Map<string, SpreadCleanup>;
43
- _spreadScheduled: boolean;
44
- _zagIdMap: Map<string, Element>;
45
- createMachine(_props: any): any;
46
- getMachineProps(_props: any): any;
47
- connectApi(_service: any): any;
48
- getSpreadMap(): {};
49
- syncState(_api: any): void;
50
- created(props: any): void;
51
- _syncMachineProps(): void;
52
- __geaUpdateProps(nextProps: Record<string, any>): void;
53
- _scheduleSpreadApplication(): void;
54
- _resolveProps(getter: PropsGetter, el: Element): Record<string, any> | null;
55
- _queryAllIncludingSelf(selector: string): Element[];
56
- _applyAllSpreads(): void;
57
- __geaSyncMap(idx: number): void;
58
- onAfterRender(): void;
59
- _cacheArrayContainers(): void;
60
- dispose(): void;
61
- static normalizeProps: _zag_js_types0.NormalizeProps<_zag_js_types0.PropTypes<{
62
- [x: string]: any;
63
- }>>;
64
- }
65
- //#endregion
66
43
  //#region src/utils/cn.d.ts
67
44
  declare function cn(...inputs: ClassValue[]): string;
68
45
  //#endregion
69
- //#region src/components/accordion.d.ts
70
- declare class Accordion extends ZagComponent {
71
- value: string[];
72
- createMachine(_props: any): any;
73
- getMachineProps(props: any): {
74
- id: string;
75
- value: any;
76
- defaultValue: any;
77
- multiple: any;
78
- collapsible: any;
79
- disabled: any;
80
- orientation: any;
81
- onValueChange: (details: accordion.ValueChangeDetails) => void;
82
- };
83
- connectApi(service: any): accordion.Api<_zag_js_types0.PropTypes<{
84
- [x: string]: any;
85
- }>>;
86
- getSpreadMap(): {
87
- '[data-part="root"]': string;
88
- '[data-part="item"]': (api: any, el: any) => any;
89
- '[data-part="item-trigger"]': (api: any, el: any) => any;
90
- '[data-part="item-content"]': (api: any, el: any) => any;
91
- '[data-part="item-indicator"]': (api: any, el: any) => any;
92
- };
93
- syncState(api: any): void;
94
- template(props: any): string;
95
- }
96
- //#endregion
97
- //#region src/components/avatar.d.ts
98
- declare class Avatar extends ZagComponent {
99
- loaded: boolean;
100
- createMachine(_props: any): any;
101
- getMachineProps(props: any): {
102
- id: string;
103
- onStatusChange: any;
104
- };
105
- connectApi(service: any): avatar.Api<_zag_js_types0.PropTypes<{
106
- [x: string]: any;
107
- }>>;
108
- getSpreadMap(): {
109
- '[data-part="root"]': string;
110
- '[data-part="image"]': string;
111
- '[data-part="fallback"]': string;
112
- };
113
- syncState(api: any): void;
114
- template(props: any): string;
115
- }
116
- //#endregion
117
- //#region src/components/checkbox.d.ts
118
- declare class Checkbox extends ZagComponent {
119
- checked: boolean | 'indeterminate';
120
- createMachine(_props: any): any;
121
- getMachineProps(props: any): {
122
- id: string;
123
- checked: any;
124
- defaultChecked: any;
125
- disabled: any;
126
- invalid: any;
127
- required: any;
128
- readOnly: any;
129
- name: any;
130
- form: any;
131
- value: any;
132
- onCheckedChange: (details: checkbox.CheckedChangeDetails) => void;
133
- };
134
- connectApi(service: any): checkbox.Api<_zag_js_types0.PropTypes<{
135
- [x: string]: any;
136
- }>>;
137
- getSpreadMap(): {
138
- '[data-part="root"]': string;
139
- '[data-part="label"]': string;
140
- '[data-part="control"]': string;
141
- '[data-part="indicator"]': string;
142
- '[data-part="hidden-input"]': string;
143
- };
144
- syncState(api: any): void;
145
- template(props: any): string;
146
- }
147
- //#endregion
148
- //#region src/components/clipboard.d.ts
149
- declare class Clipboard extends ZagComponent {
150
- copied: boolean;
151
- createMachine(_props: any): any;
152
- getMachineProps(props: any): {
153
- id: string;
154
- value: any;
155
- defaultValue: any;
156
- timeout: any;
157
- onStatusChange: (details: clipboard.CopyStatusDetails) => void;
158
- };
159
- connectApi(service: any): clipboard.Api<_zag_js_types0.PropTypes<{
160
- [x: string]: any;
161
- }>>;
162
- getSpreadMap(): {
163
- '[data-part="root"]': string;
164
- '[data-part="label"]': string;
165
- '[data-part="control"]': string;
166
- '[data-part="trigger"]': string;
167
- '[data-part="input"]': string;
168
- '[data-part="indicator-copied"]': (api: any) => any;
169
- '[data-part="indicator-not-copied"]': (api: any) => any;
170
- };
171
- syncState(api: any): void;
172
- template(props: any): string;
173
- }
174
- //#endregion
175
- //#region src/components/collapsible.d.ts
176
- declare class Collapsible extends ZagComponent {
177
- open: boolean;
178
- createMachine(_props: any): any;
179
- getMachineProps(props: any): {
180
- id: string;
181
- open: any;
182
- defaultOpen: any;
183
- disabled: any;
184
- onOpenChange: (details: collapsible.OpenChangeDetails) => void;
185
- };
186
- connectApi(service: any): collapsible.Api<_zag_js_types0.PropTypes<{
187
- [x: string]: any;
188
- }>>;
189
- getSpreadMap(): {
190
- '[data-part="root"]': string;
191
- '[data-part="trigger"]': string;
192
- '[data-part="content"]': string;
193
- };
194
- syncState(api: any): void;
195
- template(props: any): string;
196
- }
197
- //#endregion
198
- //#region src/components/combobox.d.ts
199
- declare class Combobox extends ZagComponent {
200
- open: boolean;
201
- value: string[];
202
- inputValue: string;
203
- filteredItems: any[];
204
- _allItems: any[];
205
- created(props: any): void;
206
- createMachine(_props: any): any;
207
- _buildCollection(items: any[]): _zag_js_collection0.ListCollection<any>;
208
- _filterItems(query: string): void;
209
- getMachineProps(props: any): {
210
- id: string;
211
- collection: any;
212
- value: any;
213
- defaultValue: any;
214
- inputValue: any;
215
- defaultInputValue: any;
216
- open: any;
217
- defaultOpen: any;
218
- multiple: any;
219
- disabled: any;
220
- readOnly: any;
221
- invalid: any;
222
- required: any;
223
- placeholder: any;
224
- inputBehavior: any;
225
- selectionBehavior: any;
226
- closeOnSelect: any;
227
- allowCustomValue: any;
228
- loopFocus: any;
229
- openOnClick: any;
230
- name: any;
231
- form: any;
232
- positioning: any;
233
- onValueChange: (details: combobox.ValueChangeDetails) => void;
234
- onInputValueChange: (details: combobox.InputValueChangeDetails) => void;
235
- onOpenChange: (details: combobox.OpenChangeDetails) => void;
236
- };
237
- connectApi(service: any): combobox.Api<_zag_js_types0.PropTypes<{
238
- [x: string]: any;
239
- }>, unknown>;
240
- getSpreadMap(): {
241
- '[data-part="root"]': string;
242
- '[data-part="label"]': string;
243
- '[data-part="control"]': string;
244
- '[data-part="input"]': string;
245
- '[data-part="trigger"]': string;
246
- '[data-part="clear-trigger"]': string;
247
- '[data-part="positioner"]': string;
248
- '[data-part="content"]': string;
249
- '[data-part="list"]': string;
250
- '[data-part="item"]': (api: any, el: any) => any;
251
- '[data-part="item-text"]': (api: any, el: any) => any;
252
- '[data-part="item-indicator"]': (api: any, el: any) => any;
253
- };
254
- syncState(api: any): void;
255
- template(props: any): string;
256
- }
257
- //#endregion
258
- //#region src/components/dialog.d.ts
259
- declare class Dialog extends ZagComponent {
260
- open: boolean;
261
- createMachine(_props: any): any;
262
- getMachineProps(props: any): {
263
- id: string;
264
- open: any;
265
- defaultOpen: any;
266
- modal: any;
267
- closeOnInteractOutside: any;
268
- closeOnEscape: any;
269
- trapFocus: any;
270
- preventScroll: any;
271
- role: any;
272
- 'aria-label': any;
273
- onOpenChange: (details: dialog.OpenChangeDetails) => void;
274
- };
275
- connectApi(service: any): dialog.Api<_zag_js_types0.PropTypes<{
276
- [x: string]: any;
277
- }>>;
278
- getSpreadMap(): {
279
- '[data-part="backdrop"]': string;
280
- '[data-part="positioner"]': (api: any) => any;
281
- '[data-part="content"]': string;
282
- '[data-part="title"]': string;
283
- '[data-part="description"]': string;
284
- '[data-part="close-trigger"]': (api: any) => any;
285
- '[data-part="trigger"]': (api: any) => any;
286
- };
287
- syncState(api: any): void;
288
- template(props: any): string;
289
- }
290
- //#endregion
291
- //#region src/components/file-upload.d.ts
292
- declare class FileUpload extends ZagComponent {
293
- acceptedFiles: File[];
294
- rejectedFiles: any[];
295
- createMachine(_props: any): any;
296
- getMachineProps(props: any): {
297
- id: string;
298
- accept: any;
299
- maxFiles: any;
300
- maxFileSize: any;
301
- minFileSize: any;
302
- multiple: any;
303
- disabled: any;
304
- allowDrop: any;
305
- name: any;
306
- onFileChange: (details: fileUpload.FileChangeDetails) => void;
307
- };
308
- connectApi(service: any): fileUpload.Api<_zag_js_types0.PropTypes<{
309
- [x: string]: any;
310
- }>>;
311
- getSpreadMap(): {
312
- '[data-part="root"]': string;
313
- '[data-part="label"]': string;
314
- '[data-part="dropzone"]': string;
315
- '[data-part="trigger"]': string;
316
- '[data-part="hidden-input"]': string;
317
- '[data-part="clear-trigger"]': string;
318
- };
319
- syncState(api: any): void;
320
- template(props: any): string;
321
- }
322
- //#endregion
323
- //#region src/components/hover-card.d.ts
324
- declare class HoverCard extends ZagComponent {
325
- open: boolean;
326
- createMachine(_props: any): any;
327
- getMachineProps(props: any): {
328
- id: string;
329
- open: any;
330
- defaultOpen: any;
331
- openDelay: any;
332
- closeDelay: any;
333
- positioning: any;
334
- onOpenChange: (details: hoverCard.OpenChangeDetails) => void;
335
- };
336
- connectApi(service: any): hoverCard.Api<_zag_js_types0.PropTypes<{
337
- [x: string]: any;
338
- }>>;
339
- getSpreadMap(): {
340
- '[data-part="trigger"]': string;
341
- '[data-part="positioner"]': string;
342
- '[data-part="content"]': string;
343
- '[data-part="arrow"]': string;
344
- '[data-part="arrow-tip"]': string;
345
- };
346
- syncState(api: any): void;
347
- template(props: any): string;
348
- }
349
- //#endregion
350
- //#region src/components/menu.d.ts
351
- declare class Menu extends ZagComponent {
352
- open: boolean;
353
- createMachine(_props: any): any;
354
- getMachineProps(props: any): {
355
- id: string;
356
- open: any;
357
- defaultOpen: any;
358
- closeOnSelect: any;
359
- loopFocus: any;
360
- positioning: any;
361
- onOpenChange: (details: menu.OpenChangeDetails) => void;
362
- onSelect: any;
363
- };
364
- connectApi(service: any): menu.Api<_zag_js_types0.PropTypes<{
365
- [x: string]: any;
366
- }>>;
367
- getSpreadMap(): {
368
- '[data-part="trigger"]': string;
369
- '[data-part="positioner"]': string;
370
- '[data-part="content"]': string;
371
- '[data-part="separator"]': string;
372
- '[data-part="item"]': (api: any, el: any) => any;
373
- '[data-part="item-group"]': (api: any, el: any) => any;
374
- '[data-part="item-group-label"]': (api: any, el: any) => any;
375
- };
376
- syncState(api: any): void;
377
- template(props: any): string;
378
- }
379
- //#endregion
380
- //#region src/components/number-input.d.ts
381
- declare class NumberInput extends ZagComponent {
382
- value: string;
383
- valueAsNumber: number;
384
- createMachine(_props: any): any;
385
- getMachineProps(props: any): {
386
- id: string;
387
- value: any;
388
- defaultValue: any;
389
- min: any;
390
- max: any;
391
- step: any;
392
- disabled: any;
393
- readOnly: any;
394
- invalid: any;
395
- required: any;
396
- name: any;
397
- form: any;
398
- allowMouseWheel: any;
399
- clampValueOnBlur: any;
400
- formatOptions: any;
401
- locale: any;
402
- onValueChange: (details: numberInput.ValueChangeDetails) => void;
403
- };
404
- connectApi(service: any): numberInput.Api<_zag_js_types0.PropTypes<{
405
- [x: string]: any;
406
- }>>;
407
- getSpreadMap(): {
408
- '[data-part="root"]': string;
409
- '[data-part="label"]': string;
410
- '[data-part="control"]': string;
411
- '[data-part="input"]': string;
412
- '[data-part="increment-trigger"]': string;
413
- '[data-part="decrement-trigger"]': string;
414
- '[data-part="scrubber"]': string;
415
- };
416
- syncState(api: any): void;
417
- template(props: any): string;
418
- }
419
- //#endregion
420
- //#region src/components/pagination.d.ts
421
- declare class Pagination extends ZagComponent {
422
- page: number;
423
- totalPages: number;
424
- createMachine(_props: any): any;
425
- getMachineProps(props: any): {
426
- id: string;
427
- count: any;
428
- page: any;
429
- defaultPage: any;
430
- pageSize: any;
431
- defaultPageSize: any;
432
- siblingCount: any;
433
- type: any;
434
- onPageChange: (details: pagination.PageChangeDetails) => void;
435
- onPageSizeChange: any;
436
- };
437
- connectApi(service: any): pagination.Api<_zag_js_types0.PropTypes<{
438
- [x: string]: any;
439
- }>>;
440
- getSpreadMap(): {
441
- '[data-part="root"]': string;
442
- '[data-part="prev-trigger"]': string;
443
- '[data-part="next-trigger"]': string;
444
- '[data-part="item"]': (api: any, el: any) => any;
445
- '[data-part="ellipsis"]': (api: any, el: any) => any;
446
- };
447
- syncState(api: any): void;
448
- template(props: any): string;
449
- }
450
- //#endregion
451
- //#region src/components/pin-input.d.ts
452
- declare class PinInput extends ZagComponent {
453
- value: string[];
454
- valueAsString: string;
455
- createMachine(_props: any): any;
456
- getMachineProps(props: any): {
457
- id: string;
458
- value: any;
459
- defaultValue: any;
460
- count: any;
461
- type: any;
462
- otp: any;
463
- mask: any;
464
- placeholder: any;
465
- disabled: any;
466
- readOnly: any;
467
- invalid: any;
468
- name: any;
469
- form: any;
470
- blurOnComplete: any;
471
- autoFocus: any;
472
- onValueChange: (details: pinInput.ValueChangeDetails) => void;
473
- onValueComplete: any;
474
- onValueInvalid: any;
475
- };
476
- connectApi(service: any): pinInput.Api<_zag_js_types0.PropTypes<{
477
- [x: string]: any;
478
- }>>;
479
- getSpreadMap(): {
480
- '[data-part="root"]': string;
481
- '[data-part="label"]': string;
482
- '[data-part="control"]': string;
483
- '[data-part="hidden-input"]': string;
484
- '[data-part="input"]': (api: any, el: any) => any;
485
- };
486
- syncState(api: any): void;
487
- template(props: any): string;
488
- }
489
- //#endregion
490
- //#region src/components/popover.d.ts
491
- declare class Popover extends ZagComponent {
492
- open: boolean;
493
- createMachine(_props: any): any;
494
- getMachineProps(props: any): {
495
- id: string;
496
- open: any;
497
- defaultOpen: any;
498
- modal: any;
499
- portalled: any;
500
- autoFocus: any;
501
- closeOnInteractOutside: any;
502
- closeOnEscape: any;
503
- positioning: any;
504
- onOpenChange: (details: popover.OpenChangeDetails) => void;
505
- };
506
- connectApi(service: any): popover.Api<_zag_js_types0.PropTypes<{
507
- [x: string]: any;
508
- }>>;
509
- getSpreadMap(): {
510
- '[data-part="trigger"]': string;
511
- '[data-part="positioner"]': string;
512
- '[data-part="content"]': string;
513
- '[data-part="title"]': string;
514
- '[data-part="description"]': string;
515
- '[data-part="close-trigger"]': string;
516
- '[data-part="arrow"]': string;
517
- '[data-part="arrow-tip"]': string;
518
- };
519
- syncState(api: any): void;
520
- template(props: any): string;
521
- }
522
- //#endregion
523
- //#region src/components/progress.d.ts
524
- declare class Progress extends ZagComponent {
525
- value: number | null;
526
- percent: number;
527
- createMachine(_props: any): any;
528
- getMachineProps(props: any): {
529
- id: string;
530
- value: any;
531
- defaultValue: any;
532
- min: any;
533
- max: any;
534
- orientation: any;
535
- onValueChange: any;
536
- };
537
- connectApi(service: any): progress.Api<_zag_js_types0.PropTypes<{
538
- [x: string]: any;
539
- }>>;
540
- getSpreadMap(): {
541
- '[data-part="root"]': string;
542
- '[data-part="label"]': string;
543
- '[data-part="track"]': string;
544
- '[data-part="range"]': string;
545
- '[data-part="value-text"]': string;
546
- };
547
- syncState(api: any): void;
548
- template(props: any): string;
549
- }
550
- //#endregion
551
- //#region src/components/radio-group.d.ts
552
- declare class RadioGroup extends ZagComponent {
553
- value: string | null;
554
- createMachine(_props: any): any;
555
- getMachineProps(props: any): {
556
- id: string;
557
- value: any;
558
- defaultValue: any;
559
- name: any;
560
- form: any;
561
- disabled: any;
562
- readOnly: any;
563
- orientation: any;
564
- onValueChange: (details: radioGroup.ValueChangeDetails) => void;
565
- };
566
- connectApi(service: any): radioGroup.Api<_zag_js_types0.PropTypes<{
567
- [x: string]: any;
568
- }>>;
569
- getSpreadMap(): {
570
- '[data-part="root"]': string;
571
- '[data-part="label"]': string;
572
- '[data-part="indicator"]': string;
573
- '[data-part="item"]': (api: any, el: any) => any;
574
- '[data-part="item-text"]': (api: any, el: any) => any;
575
- '[data-part="item-control"]': (api: any, el: any) => any;
576
- '[data-part="item-hidden-input"]': (api: any, el: any) => any;
577
- };
578
- syncState(api: any): void;
579
- template(props: any): string;
580
- }
581
- //#endregion
582
- //#region src/components/rating-group.d.ts
583
- declare class RatingGroup extends ZagComponent {
584
- value: number;
585
- _allowHalf: boolean;
586
- createMachine(_props: any): any;
587
- getMachineProps(props: any): {
588
- id: string;
589
- value: any;
590
- defaultValue: any;
591
- count: any;
592
- allowHalf: boolean;
593
- readOnly: any;
594
- disabled: any;
595
- name: any;
596
- form: any;
597
- onValueChange: (details: ratingGroup.ValueChangeDetails) => void;
598
- };
599
- connectApi(service: any): ratingGroup.Api<_zag_js_types0.PropTypes<{
600
- [x: string]: any;
601
- }>>;
602
- getSpreadMap(): {
603
- '[data-part="root"]': string;
604
- '[data-part="label"]': string;
605
- '[data-part="control"]': string;
606
- '[data-part="hidden-input"]': string;
607
- '[data-part="item"]': (api: any, el: any) => any;
608
- };
609
- syncState(api: any): void;
610
- _applyAllSpreads(): void;
611
- template(props: any): string;
612
- }
613
- //#endregion
614
- //#region src/components/select.d.ts
615
- declare class Select extends ZagComponent {
616
- open: boolean;
617
- value: string[];
618
- valueAsString: string;
619
- createMachine(_props: any): any;
620
- getMachineProps(props: any): {
621
- id: string;
622
- collection: any;
623
- value: any;
624
- defaultValue: any;
625
- open: any;
626
- defaultOpen: any;
627
- multiple: any;
628
- disabled: any;
629
- invalid: any;
630
- readOnly: any;
631
- required: any;
632
- name: any;
633
- form: any;
634
- closeOnSelect: any;
635
- positioning: any;
636
- loopFocus: any;
637
- onValueChange: (details: select.ValueChangeDetails) => void;
638
- onOpenChange: (details: select.OpenChangeDetails) => void;
639
- };
640
- connectApi(service: any): select.Api<_zag_js_types0.PropTypes<{
641
- [x: string]: any;
642
- }>, any>;
643
- getSpreadMap(): {
644
- '[data-part="root"]': string;
645
- '[data-part="label"]': string;
646
- '[data-part="control"]': string;
647
- '[data-part="trigger"]': string;
648
- '[data-part="indicator"]': string;
649
- '[data-part="clear-trigger"]': string;
650
- '[data-part="value-text"]': string;
651
- '[data-part="positioner"]': string;
652
- '[data-part="content"]': string;
653
- '[data-part="list"]': string;
654
- '[data-part="item"]': (api: any, el: any) => any;
655
- '[data-part="item-text"]': (api: any, el: any) => any;
656
- '[data-part="item-indicator"]': (api: any, el: any) => any;
657
- };
658
- syncState(api: any): void;
659
- template(props: any): string;
660
- }
661
- //#endregion
662
- //#region src/components/slider.d.ts
663
- declare class Slider extends ZagComponent {
664
- value: number[];
665
- createMachine(_props: any): any;
666
- getMachineProps(props: any): {
667
- id: string;
668
- value: any;
669
- defaultValue: any;
670
- min: any;
671
- max: any;
672
- step: any;
673
- orientation: any;
674
- thumbAlignment: any;
675
- disabled: any;
676
- readOnly: any;
677
- name: any;
678
- 'aria-label': any;
679
- onValueChange: (details: slider.ValueChangeDetails) => void;
680
- onValueChangeEnd: any;
681
- };
682
- connectApi(service: any): slider.Api<_zag_js_types0.PropTypes<{
683
- [x: string]: any;
684
- }>>;
685
- getSpreadMap(): {
686
- '[data-part="root"]': string;
687
- '[data-part="label"]': string;
688
- '[data-part="control"]': string;
689
- '[data-part="track"]': string;
690
- '[data-part="range"]': string;
691
- '[data-part="thumb"]': (api: any, el: any) => any;
692
- '[data-part="hidden-input"]': (api: any, el: any) => any;
693
- };
694
- _syncThumbs(): void;
695
- syncState(api: any): void;
696
- _applyAllSpreads(): void;
697
- template(props: any): string;
698
- }
699
- //#endregion
700
- //#region src/components/switch.d.ts
701
- declare class Switch extends ZagComponent {
702
- checked: boolean;
703
- createMachine(_props: any): any;
704
- getMachineProps(props: any): {
705
- id: string;
706
- checked: any;
707
- defaultChecked: any;
708
- disabled: any;
709
- invalid: any;
710
- required: any;
711
- readOnly: any;
712
- name: any;
713
- form: any;
714
- value: any;
715
- onCheckedChange: (details: switchMachine.CheckedChangeDetails) => void;
716
- };
717
- connectApi(service: any): switchMachine.Api<_zag_js_types0.PropTypes<{
718
- [x: string]: any;
719
- }>>;
720
- getSpreadMap(): {
721
- '[data-part="root"]': string;
722
- '[data-part="label"]': string;
723
- '[data-part="control"]': string;
724
- '[data-part="thumb"]': string;
725
- '[data-part="hidden-input"]': string;
726
- };
727
- syncState(api: any): void;
728
- template(props: any): string;
729
- }
730
- //#endregion
731
- //#region src/components/tabs.d.ts
732
- declare class Tabs extends ZagComponent {
733
- value: string | null;
734
- createMachine(_props: any): any;
735
- getMachineProps(props: any): {
736
- id: string;
737
- value: any;
738
- defaultValue: any;
739
- orientation: any;
740
- activationMode: any;
741
- loopFocus: any;
742
- onValueChange: (details: tabs.ValueChangeDetails) => void;
743
- onFocusChange: any;
744
- };
745
- connectApi(service: any): tabs.Api<_zag_js_types0.PropTypes<{
746
- [x: string]: any;
747
- }>>;
748
- _syncMachineProps(): void;
749
- getSpreadMap(): {
750
- '[data-part="root"]': string;
751
- '[data-part="list"]': string;
752
- '[data-part="indicator"]': (api: any) => any;
753
- '[data-part="trigger"]': (api: any, el: any) => any;
754
- '[data-part="content"]': (api: any, el: any) => any;
755
- };
756
- syncState(api: any): void;
757
- onAfterRender(): void;
758
- template(props: any): string;
759
- }
760
- //#endregion
761
- //#region src/components/tags-input.d.ts
762
- declare class TagsInput extends ZagComponent {
763
- value: string[];
764
- createMachine(_props: any): any;
765
- getMachineProps(props: any): {
766
- id: string;
767
- value: any;
768
- defaultValue: any;
769
- max: any;
770
- maxLength: any;
771
- disabled: any;
772
- readOnly: any;
773
- invalid: any;
774
- addOnPaste: any;
775
- editable: any;
776
- allowDuplicates: any;
777
- name: any;
778
- form: any;
779
- placeholder: any;
780
- blurBehavior: any;
781
- delimiter: any;
782
- onValueChange: (details: tagsInput.ValueChangeDetails) => void;
783
- };
784
- connectApi(service: any): tagsInput.Api<_zag_js_types0.PropTypes<{
785
- [x: string]: any;
786
- }>>;
787
- getSpreadMap(): {
788
- '[data-part="root"]': string;
789
- '[data-part="label"]': string;
790
- '[data-part="control"]': string;
791
- '[data-part="input"]': string;
792
- '[data-part="hidden-input"]': string;
793
- '[data-part="clear-trigger"]': string;
794
- '[data-part="item"]': (api: any, el: any) => any;
795
- '[data-part="item-preview"]': (api: any, el: any) => any;
796
- '[data-part="item-text"]': (api: any, el: any) => any;
797
- '[data-part="item-delete-trigger"]': (api: any, el: any) => any;
798
- };
799
- syncState(api: any): void;
800
- template(props: any): string;
801
- }
802
- //#endregion
803
- //#region src/components/toast.d.ts
804
- declare function getStore(props?: toast.StoreProps): toast.Store<any>;
805
- declare class ToastStore {
806
- static getStore: typeof getStore;
807
- static create(options: toast.Options): string;
808
- static success(options: Omit<toast.Options, 'type'>): string;
809
- static error(options: Omit<toast.Options, 'type'>): string;
810
- static info(options: Omit<toast.Options, 'type'>): string;
811
- static loading(options: Omit<toast.Options, 'type'>): string;
812
- static dismiss(id?: string): void;
813
- }
814
- declare class Toaster extends Component {
815
- _machine: VanillaMachine<any> | null;
816
- _api: any;
817
- _toastMachines: Map<string, VanillaMachine<any>>;
818
- _spreadCleanups: Map<string, Array<() => void>>;
819
- _currentToasts: toast.Options[];
820
- created(props: any): void;
821
- _createToastElement(t: any): HTMLElement;
822
- _syncToastDOM(nextToasts: any[]): void;
823
- _syncToastMachines(): void;
824
- _applyGroupSpreads(): void;
825
- onAfterRender(): void;
826
- dispose(): void;
827
- template(props: any): string;
828
- }
829
- //#endregion
830
- //#region src/components/toggle-group.d.ts
831
- declare class ToggleGroup extends ZagComponent {
832
- value: string[];
833
- createMachine(_props: any): any;
834
- getMachineProps(props: any): {
835
- id: string;
836
- value: any;
837
- defaultValue: any;
838
- multiple: any;
839
- disabled: any;
840
- orientation: any;
841
- loopFocus: any;
842
- rovingFocus: any;
843
- onValueChange: (details: toggleGroup.ValueChangeDetails) => void;
844
- };
845
- connectApi(service: any): toggleGroup.Api<_zag_js_types0.PropTypes<{
846
- [x: string]: any;
847
- }>>;
848
- getSpreadMap(): {
849
- '[data-part="root"]': string;
850
- '[data-part="item"]': (api: any, el: any) => any;
851
- };
852
- syncState(api: any): void;
853
- template(props: any): string;
854
- }
855
- //#endregion
856
- //#region src/components/tooltip.d.ts
857
- declare class Tooltip extends ZagComponent {
858
- open: boolean;
859
- createMachine(_props: any): any;
860
- getMachineProps(props: any): {
861
- id: string;
862
- open: any;
863
- defaultOpen: any;
864
- openDelay: any;
865
- closeDelay: any;
866
- closeOnPointerDown: any;
867
- closeOnEscape: any;
868
- closeOnScroll: any;
869
- interactive: any;
870
- disabled: any;
871
- positioning: any;
872
- 'aria-label': any;
873
- onOpenChange: (details: tooltip.OpenChangeDetails) => void;
874
- };
875
- connectApi(service: any): tooltip.Api<_zag_js_types0.PropTypes<{
876
- [x: string]: any;
877
- }>>;
878
- getSpreadMap(): {
879
- '[data-part="trigger"]': string;
880
- '[data-part="positioner"]': string;
881
- '[data-part="content"]': string;
882
- '[data-part="arrow"]': string;
883
- '[data-part="arrow-tip"]': string;
884
- };
885
- syncState(api: any): void;
886
- template(props: any): string;
887
- }
888
- //#endregion
889
- //#region src/components/tree-view.d.ts
890
- declare class TreeView extends ZagComponent {
891
- selectedValue: string[];
892
- expandedValue: string[];
893
- createMachine(_props: any): any;
894
- getMachineProps(props: any): {
895
- id: string;
896
- collection: any;
897
- selectedValue: any;
898
- defaultSelectedValue: any;
899
- expandedValue: any;
900
- defaultExpandedValue: any;
901
- selectionMode: any;
902
- expandOnClick: any;
903
- onSelectionChange: (details: treeView.SelectionChangeDetails) => void;
904
- onExpandedChange: (details: treeView.ExpandedChangeDetails) => void;
905
- };
906
- connectApi(service: any): treeView.Api<_zag_js_types0.PropTypes<{
907
- [x: string]: any;
908
- }>, any>;
909
- getSpreadMap(): {
910
- '[data-part="root"]': string;
911
- '[data-part="label"]': string;
912
- '[data-part="tree"]': string;
913
- };
914
- syncState(api: any): void;
915
- template(props: any): string;
916
- }
917
- //#endregion
918
- //#region src/components/button.d.ts
919
- declare class Button extends Component {
920
- template(props: any): string;
921
- }
922
- //#endregion
923
- //#region src/components/card.d.ts
924
- declare class Card extends Component {
925
- template(props: any): string;
926
- }
927
- declare class CardHeader extends Component {
928
- template(props: any): string;
929
- }
930
- declare class CardTitle extends Component {
931
- template(props: any): string;
932
- }
933
- declare class CardDescription extends Component {
934
- template(props: any): string;
935
- }
936
- declare class CardContent extends Component {
937
- template(props: any): string;
938
- }
939
- declare class CardFooter extends Component {
940
- template(props: any): string;
941
- }
942
- //#endregion
943
- //#region src/components/input.d.ts
944
- declare class Input extends Component {
945
- template(props: any): string;
946
- }
947
- //#endregion
948
- //#region src/components/textarea.d.ts
949
- declare class Textarea extends Component {
950
- template(props: any): string;
951
- }
952
- //#endregion
953
- //#region src/components/label.d.ts
954
- declare class Label extends Component {
955
- template(props: any): string;
956
- }
957
- //#endregion
958
- //#region src/components/badge.d.ts
959
- declare class Badge extends Component {
960
- template(props: any): string;
961
- }
962
- //#endregion
963
- //#region src/components/alert.d.ts
964
- declare class Alert extends Component {
965
- template(props: any): string;
966
- }
967
- declare class AlertTitle extends Component {
968
- template(props: any): string;
969
- }
970
- declare class AlertDescription extends Component {
971
- template(props: any): string;
972
- }
973
- //#endregion
974
- //#region src/components/separator.d.ts
975
- declare class Separator extends Component {
976
- template(props: any): string;
977
- }
978
- //#endregion
979
- //#region src/components/skeleton.d.ts
980
- declare class Skeleton extends Component {
981
- template(props: any): string;
982
- }
983
- //#endregion
984
- //#region src/components/dnd-manager.d.ts
985
- interface DragResult {
986
- draggableId: string;
987
- source: {
988
- droppableId: string;
989
- index: number;
990
- };
991
- destination: {
992
- droppableId: string;
993
- index: number;
994
- };
995
- }
996
- declare class DndManager {
997
- droppables: Map<string, HTMLElement>;
998
- private _onDragEnd;
999
- get onDragEnd(): ((result: DragResult) => void) | null;
1000
- set onDragEnd(fn: ((result: DragResult) => void) | null);
1001
- private _dragging;
1002
- private _started;
1003
- private _draggedId;
1004
- private _sourceDroppableId;
1005
- private _sourceIndex;
1006
- private _sourceEl;
1007
- private _sourceHeight;
1008
- private _sourceRect;
1009
- private _savedCssText;
1010
- private _placeholder;
1011
- private _startX;
1012
- private _startY;
1013
- private _offsetX;
1014
- private _offsetY;
1015
- private _currentDroppableId;
1016
- private _currentIndex;
1017
- private _lastClientY;
1018
- private _cleanedUp;
1019
- private _boundMove;
1020
- private _boundUp;
1021
- private _boundKeyDown;
1022
- private _boundDocDown;
1023
- private _docListenerAttached;
1024
- get isDragging(): boolean;
1025
- private _ensureDocListener;
1026
- private _onDocumentPointerDown;
1027
- registerDroppable(id: string, el: HTMLElement): void;
1028
- unregisterDroppable(id: string): void;
1029
- startTracking(e: PointerEvent, draggableId: string, el: HTMLElement): void;
1030
- private _onPointerMove;
1031
- private _initDrag;
1032
- private _updateTarget;
1033
- private _onKeyDown;
1034
- private _cancelDrag;
1035
- private _onPointerUp;
1036
- private _getComponentFromElement;
1037
- private _restoreElStyles;
1038
- private _returnToSource;
1039
- private _performTransfer;
1040
- private _findCompiledArray;
1041
- private _animateDrop;
1042
- private _animateReturn;
1043
- private _removeGlobalListeners;
1044
- private _cleanup;
1045
- destroy(): void;
1046
- }
1047
- declare const dndManager: DndManager;
1048
- //#endregion
1049
- //#region src/components/draggable.d.ts
1050
- declare class Draggable extends Component {
1051
- _didDrag: boolean;
1052
- _onPointerDown(e: PointerEvent): void;
1053
- template(props: any): string;
1054
- }
1055
- //#endregion
1056
- //#region src/components/droppable.d.ts
1057
- declare class Droppable extends Component {
1058
- private _registered;
1059
- _registerWithManager(): void;
1060
- created(): void;
1061
- onAfterRender(): void;
1062
- dispose(): void;
1063
- template(props: any): string;
1064
- }
1065
- //#endregion
1066
- //#region src/components/drag-drop-context.d.ts
1067
- declare class DragDropContext extends Component {
1068
- created(): void;
1069
- dispose(): void;
1070
- template(props: any): string;
1071
- }
1072
- //#endregion
1073
- export { Accordion, Alert, AlertDescription, AlertTitle, Avatar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Clipboard, Collapsible, Combobox, Dialog, DragDropContext, type DragResult, Draggable, Droppable, FileUpload, HoverCard, Input, Label, Menu, NumberInput, Pagination, PinInput, Popover, Progress, RadioGroup, RatingGroup, Select, Separator, Skeleton, Slider, type SpreadMap, Switch, Tabs, TagsInput, Textarea, ToastStore, Toaster, ToggleGroup, Tooltip, TreeView, ZagComponent, cn, dndManager };
46
+ export { Accordion, Alert, AlertDescription, AlertTitle, Avatar, Badge, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Clipboard, Collapsible, Combobox, Dialog, type DialogProps, DragDropContext, type DragResult, Draggable, Droppable, FileUpload, HoverCard, Input, Label, Menu, NumberInput, Pagination, PinInput, Popover, Progress, RadioGroup, RatingGroup, Select, Separator, Skeleton, Slider, type SpreadMap, Switch, Tabs, TagsInput, Textarea, ToastStore, Toaster, ToggleGroup, Tooltip, TreeView, ZagComponent, cn, dndManager };
1074
47
  //# sourceMappingURL=index.d.mts.map