pmx-canvas 0.1.9 → 0.1.10
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.
- package/CHANGELOG.md +71 -0
- package/dist/canvas/index.js +27 -27
- package/dist/json-render/index.css +1 -1
- package/dist/json-render/index.js +92 -92
- package/dist/types/client/canvas/auto-fit.d.ts +1 -1
- package/dist/types/json-render/catalog.d.ts +316 -310
- package/package.json +1 -1
- package/src/cli/agent.ts +26 -4
- package/src/cli/index.ts +1 -1
- package/src/client/canvas/auto-fit.ts +2 -2
- package/src/json-render/catalog.ts +9 -0
- package/src/json-render/renderer/index.css +61 -0
- package/src/json-render/renderer/index.tsx +22 -0
- package/src/json-render/server.ts +0 -11
- package/src/server/canvas-validation.ts +9 -2
- package/src/server/diagram-presets.ts +48 -2
|
@@ -5,21 +5,22 @@
|
|
|
5
5
|
* chart components. The catalog validates specs before they are stored in
|
|
6
6
|
* canvas node state or rendered in the browser viewer.
|
|
7
7
|
*/
|
|
8
|
+
import { z } from 'zod';
|
|
8
9
|
export declare const allComponentDefinitions: {
|
|
9
10
|
AreaChart: {
|
|
10
|
-
readonly props:
|
|
11
|
-
title:
|
|
12
|
-
data:
|
|
13
|
-
xKey:
|
|
14
|
-
yKey:
|
|
15
|
-
aggregate:
|
|
11
|
+
readonly props: z.ZodObject<{
|
|
12
|
+
title: z.ZodNullable<z.ZodString>;
|
|
13
|
+
data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
14
|
+
xKey: z.ZodString;
|
|
15
|
+
yKey: z.ZodString;
|
|
16
|
+
aggregate: z.ZodNullable<z.ZodEnum<{
|
|
16
17
|
count: "count";
|
|
17
18
|
sum: "sum";
|
|
18
19
|
avg: "avg";
|
|
19
20
|
}>>;
|
|
20
|
-
color:
|
|
21
|
-
height:
|
|
22
|
-
},
|
|
21
|
+
color: z.ZodNullable<z.ZodString>;
|
|
22
|
+
height: z.ZodNullable<z.ZodNumber>;
|
|
23
|
+
}, z.core.$strip>;
|
|
23
24
|
readonly description: "Area chart for cumulative or trend data. Same shape as LineChart but draws a filled area under the line.";
|
|
24
25
|
readonly example: {
|
|
25
26
|
readonly title: "Daily signups";
|
|
@@ -44,15 +45,15 @@ export declare const allComponentDefinitions: {
|
|
|
44
45
|
};
|
|
45
46
|
};
|
|
46
47
|
ScatterChart: {
|
|
47
|
-
readonly props:
|
|
48
|
-
title:
|
|
49
|
-
data:
|
|
50
|
-
xKey:
|
|
51
|
-
yKey:
|
|
52
|
-
zKey:
|
|
53
|
-
color:
|
|
54
|
-
height:
|
|
55
|
-
},
|
|
48
|
+
readonly props: z.ZodObject<{
|
|
49
|
+
title: z.ZodNullable<z.ZodString>;
|
|
50
|
+
data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
51
|
+
xKey: z.ZodString;
|
|
52
|
+
yKey: z.ZodString;
|
|
53
|
+
zKey: z.ZodNullable<z.ZodString>;
|
|
54
|
+
color: z.ZodNullable<z.ZodString>;
|
|
55
|
+
height: z.ZodNullable<z.ZodNumber>;
|
|
56
|
+
}, z.core.$strip>;
|
|
56
57
|
readonly description: "Scatter plot for correlation or distribution. Both axes are numeric; optional zKey scales point size.";
|
|
57
58
|
readonly example: {
|
|
58
59
|
readonly title: "Latency vs payload size";
|
|
@@ -77,13 +78,13 @@ export declare const allComponentDefinitions: {
|
|
|
77
78
|
};
|
|
78
79
|
};
|
|
79
80
|
RadarChart: {
|
|
80
|
-
readonly props:
|
|
81
|
-
title:
|
|
82
|
-
data:
|
|
83
|
-
axisKey:
|
|
84
|
-
metrics:
|
|
85
|
-
height:
|
|
86
|
-
},
|
|
81
|
+
readonly props: z.ZodObject<{
|
|
82
|
+
title: z.ZodNullable<z.ZodString>;
|
|
83
|
+
data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
84
|
+
axisKey: z.ZodString;
|
|
85
|
+
metrics: z.ZodArray<z.ZodString>;
|
|
86
|
+
height: z.ZodNullable<z.ZodNumber>;
|
|
87
|
+
}, z.core.$strip>;
|
|
87
88
|
readonly description: "Radar chart for comparing multiple metrics across categories. Each metric in `metrics` is plotted as its own polygon.";
|
|
88
89
|
readonly example: {
|
|
89
90
|
readonly title: "Skill comparison";
|
|
@@ -106,18 +107,18 @@ export declare const allComponentDefinitions: {
|
|
|
106
107
|
};
|
|
107
108
|
};
|
|
108
109
|
StackedBarChart: {
|
|
109
|
-
readonly props:
|
|
110
|
-
title:
|
|
111
|
-
data:
|
|
112
|
-
xKey:
|
|
113
|
-
series:
|
|
114
|
-
aggregate:
|
|
110
|
+
readonly props: z.ZodObject<{
|
|
111
|
+
title: z.ZodNullable<z.ZodString>;
|
|
112
|
+
data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
113
|
+
xKey: z.ZodString;
|
|
114
|
+
series: z.ZodArray<z.ZodString>;
|
|
115
|
+
aggregate: z.ZodNullable<z.ZodEnum<{
|
|
115
116
|
count: "count";
|
|
116
117
|
sum: "sum";
|
|
117
118
|
avg: "avg";
|
|
118
119
|
}>>;
|
|
119
|
-
height:
|
|
120
|
-
},
|
|
120
|
+
height: z.ZodNullable<z.ZodNumber>;
|
|
121
|
+
}, z.core.$strip>;
|
|
121
122
|
readonly description: "Stacked bar chart for compositional data. Each entry in `series` is plotted as its own bar segment per x value.";
|
|
122
123
|
readonly example: {
|
|
123
124
|
readonly title: "Revenue by region";
|
|
@@ -144,16 +145,16 @@ export declare const allComponentDefinitions: {
|
|
|
144
145
|
};
|
|
145
146
|
};
|
|
146
147
|
ComposedChart: {
|
|
147
|
-
readonly props:
|
|
148
|
-
title:
|
|
149
|
-
data:
|
|
150
|
-
xKey:
|
|
151
|
-
barKey:
|
|
152
|
-
lineKey:
|
|
153
|
-
barColor:
|
|
154
|
-
lineColor:
|
|
155
|
-
height:
|
|
156
|
-
},
|
|
148
|
+
readonly props: z.ZodObject<{
|
|
149
|
+
title: z.ZodNullable<z.ZodString>;
|
|
150
|
+
data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
151
|
+
xKey: z.ZodString;
|
|
152
|
+
barKey: z.ZodString;
|
|
153
|
+
lineKey: z.ZodString;
|
|
154
|
+
barColor: z.ZodNullable<z.ZodString>;
|
|
155
|
+
lineColor: z.ZodNullable<z.ZodString>;
|
|
156
|
+
height: z.ZodNullable<z.ZodNumber>;
|
|
157
|
+
}, z.core.$strip>;
|
|
157
158
|
readonly description: "Combined bar + line chart for paired metrics (e.g. counts + a derived rate) on the same axis.";
|
|
158
159
|
readonly example: {
|
|
159
160
|
readonly title: "Visits and conversion";
|
|
@@ -179,19 +180,19 @@ export declare const allComponentDefinitions: {
|
|
|
179
180
|
};
|
|
180
181
|
};
|
|
181
182
|
LineChart: {
|
|
182
|
-
readonly props:
|
|
183
|
-
title:
|
|
184
|
-
data:
|
|
185
|
-
xKey:
|
|
186
|
-
yKey:
|
|
187
|
-
aggregate:
|
|
183
|
+
readonly props: z.ZodObject<{
|
|
184
|
+
title: z.ZodNullable<z.ZodString>;
|
|
185
|
+
data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
186
|
+
xKey: z.ZodString;
|
|
187
|
+
yKey: z.ZodString;
|
|
188
|
+
aggregate: z.ZodNullable<z.ZodEnum<{
|
|
188
189
|
count: "count";
|
|
189
190
|
sum: "sum";
|
|
190
191
|
avg: "avg";
|
|
191
192
|
}>>;
|
|
192
|
-
color:
|
|
193
|
-
height:
|
|
194
|
-
},
|
|
193
|
+
color: z.ZodNullable<z.ZodString>;
|
|
194
|
+
height: z.ZodNullable<z.ZodNumber>;
|
|
195
|
+
}, z.core.$strip>;
|
|
195
196
|
readonly description: "Line chart for time-series or trend data. Provide data as an array of objects with xKey and yKey fields.";
|
|
196
197
|
readonly example: {
|
|
197
198
|
readonly title: "Weekly trend";
|
|
@@ -213,19 +214,19 @@ export declare const allComponentDefinitions: {
|
|
|
213
214
|
};
|
|
214
215
|
};
|
|
215
216
|
BarChart: {
|
|
216
|
-
readonly props:
|
|
217
|
-
title:
|
|
218
|
-
data:
|
|
219
|
-
xKey:
|
|
220
|
-
yKey:
|
|
221
|
-
aggregate:
|
|
217
|
+
readonly props: z.ZodObject<{
|
|
218
|
+
title: z.ZodNullable<z.ZodString>;
|
|
219
|
+
data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
220
|
+
xKey: z.ZodString;
|
|
221
|
+
yKey: z.ZodString;
|
|
222
|
+
aggregate: z.ZodNullable<z.ZodEnum<{
|
|
222
223
|
count: "count";
|
|
223
224
|
sum: "sum";
|
|
224
225
|
avg: "avg";
|
|
225
226
|
}>>;
|
|
226
|
-
color:
|
|
227
|
-
height:
|
|
228
|
-
},
|
|
227
|
+
color: z.ZodNullable<z.ZodString>;
|
|
228
|
+
height: z.ZodNullable<z.ZodNumber>;
|
|
229
|
+
}, z.core.$strip>;
|
|
229
230
|
readonly description: "Bar chart for comparing categories. Provide data as an array of objects with xKey and yKey fields.";
|
|
230
231
|
readonly example: {
|
|
231
232
|
readonly title: "Sales by region";
|
|
@@ -247,13 +248,13 @@ export declare const allComponentDefinitions: {
|
|
|
247
248
|
};
|
|
248
249
|
};
|
|
249
250
|
PieChart: {
|
|
250
|
-
readonly props:
|
|
251
|
-
title:
|
|
252
|
-
data:
|
|
253
|
-
nameKey:
|
|
254
|
-
valueKey:
|
|
255
|
-
height:
|
|
256
|
-
},
|
|
251
|
+
readonly props: z.ZodObject<{
|
|
252
|
+
title: z.ZodNullable<z.ZodString>;
|
|
253
|
+
data: z.ZodArray<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
254
|
+
nameKey: z.ZodString;
|
|
255
|
+
valueKey: z.ZodString;
|
|
256
|
+
height: z.ZodNullable<z.ZodNumber>;
|
|
257
|
+
}, z.core.$strip>;
|
|
257
258
|
readonly description: "Pie chart for showing proportions. Provide data as an array of objects with nameKey and valueKey fields.";
|
|
258
259
|
readonly example: {
|
|
259
260
|
readonly title: "Market share";
|
|
@@ -272,18 +273,39 @@ export declare const allComponentDefinitions: {
|
|
|
272
273
|
readonly height: null;
|
|
273
274
|
};
|
|
274
275
|
};
|
|
276
|
+
Badge: {
|
|
277
|
+
props: z.ZodObject<{
|
|
278
|
+
text: z.ZodString;
|
|
279
|
+
variant: z.ZodNullable<z.ZodEnum<{
|
|
280
|
+
error: "error";
|
|
281
|
+
success: "success";
|
|
282
|
+
default: "default";
|
|
283
|
+
secondary: "secondary";
|
|
284
|
+
destructive: "destructive";
|
|
285
|
+
outline: "outline";
|
|
286
|
+
info: "info";
|
|
287
|
+
warning: "warning";
|
|
288
|
+
danger: "danger";
|
|
289
|
+
}>>;
|
|
290
|
+
}, z.core.$strip>;
|
|
291
|
+
description: string;
|
|
292
|
+
example: {
|
|
293
|
+
text: string;
|
|
294
|
+
variant: string;
|
|
295
|
+
};
|
|
296
|
+
};
|
|
275
297
|
Card: {
|
|
276
|
-
props:
|
|
277
|
-
title:
|
|
278
|
-
description:
|
|
279
|
-
maxWidth:
|
|
298
|
+
props: z.ZodObject<{
|
|
299
|
+
title: z.ZodNullable<z.ZodString>;
|
|
300
|
+
description: z.ZodNullable<z.ZodString>;
|
|
301
|
+
maxWidth: z.ZodNullable<z.ZodEnum<{
|
|
280
302
|
sm: "sm";
|
|
281
303
|
md: "md";
|
|
282
304
|
lg: "lg";
|
|
283
305
|
full: "full";
|
|
284
306
|
}>>;
|
|
285
|
-
centered:
|
|
286
|
-
},
|
|
307
|
+
centered: z.ZodNullable<z.ZodBoolean>;
|
|
308
|
+
}, z.core.$strip>;
|
|
287
309
|
slots: string[];
|
|
288
310
|
description: string;
|
|
289
311
|
example: {
|
|
@@ -292,31 +314,31 @@ export declare const allComponentDefinitions: {
|
|
|
292
314
|
};
|
|
293
315
|
};
|
|
294
316
|
Stack: {
|
|
295
|
-
props:
|
|
296
|
-
direction:
|
|
317
|
+
props: z.ZodObject<{
|
|
318
|
+
direction: z.ZodNullable<z.ZodEnum<{
|
|
297
319
|
horizontal: "horizontal";
|
|
298
320
|
vertical: "vertical";
|
|
299
321
|
}>>;
|
|
300
|
-
gap:
|
|
322
|
+
gap: z.ZodNullable<z.ZodEnum<{
|
|
301
323
|
sm: "sm";
|
|
302
324
|
md: "md";
|
|
303
325
|
lg: "lg";
|
|
304
326
|
none: "none";
|
|
305
327
|
}>>;
|
|
306
|
-
align:
|
|
328
|
+
align: z.ZodNullable<z.ZodEnum<{
|
|
307
329
|
start: "start";
|
|
308
330
|
center: "center";
|
|
309
331
|
end: "end";
|
|
310
332
|
stretch: "stretch";
|
|
311
333
|
}>>;
|
|
312
|
-
justify:
|
|
334
|
+
justify: z.ZodNullable<z.ZodEnum<{
|
|
313
335
|
start: "start";
|
|
314
336
|
center: "center";
|
|
315
337
|
end: "end";
|
|
316
338
|
between: "between";
|
|
317
339
|
around: "around";
|
|
318
340
|
}>>;
|
|
319
|
-
},
|
|
341
|
+
}, z.core.$strip>;
|
|
320
342
|
slots: string[];
|
|
321
343
|
description: string;
|
|
322
344
|
example: {
|
|
@@ -325,14 +347,14 @@ export declare const allComponentDefinitions: {
|
|
|
325
347
|
};
|
|
326
348
|
};
|
|
327
349
|
Grid: {
|
|
328
|
-
props:
|
|
329
|
-
columns:
|
|
330
|
-
gap:
|
|
350
|
+
props: z.ZodObject<{
|
|
351
|
+
columns: z.ZodNullable<z.ZodNumber>;
|
|
352
|
+
gap: z.ZodNullable<z.ZodEnum<{
|
|
331
353
|
sm: "sm";
|
|
332
354
|
md: "md";
|
|
333
355
|
lg: "lg";
|
|
334
356
|
}>>;
|
|
335
|
-
},
|
|
357
|
+
}, z.core.$strip>;
|
|
336
358
|
slots: string[];
|
|
337
359
|
description: string;
|
|
338
360
|
example: {
|
|
@@ -341,81 +363,81 @@ export declare const allComponentDefinitions: {
|
|
|
341
363
|
};
|
|
342
364
|
};
|
|
343
365
|
Separator: {
|
|
344
|
-
props:
|
|
345
|
-
orientation:
|
|
366
|
+
props: z.ZodObject<{
|
|
367
|
+
orientation: z.ZodNullable<z.ZodEnum<{
|
|
346
368
|
horizontal: "horizontal";
|
|
347
369
|
vertical: "vertical";
|
|
348
370
|
}>>;
|
|
349
|
-
},
|
|
371
|
+
}, z.core.$strip>;
|
|
350
372
|
description: string;
|
|
351
373
|
};
|
|
352
374
|
Tabs: {
|
|
353
|
-
props:
|
|
354
|
-
tabs:
|
|
355
|
-
label:
|
|
356
|
-
value:
|
|
357
|
-
},
|
|
358
|
-
defaultValue:
|
|
359
|
-
value:
|
|
360
|
-
},
|
|
375
|
+
props: z.ZodObject<{
|
|
376
|
+
tabs: z.ZodArray<z.ZodObject<{
|
|
377
|
+
label: z.ZodString;
|
|
378
|
+
value: z.ZodString;
|
|
379
|
+
}, z.core.$strip>>;
|
|
380
|
+
defaultValue: z.ZodNullable<z.ZodString>;
|
|
381
|
+
value: z.ZodNullable<z.ZodString>;
|
|
382
|
+
}, z.core.$strip>;
|
|
361
383
|
slots: string[];
|
|
362
384
|
events: string[];
|
|
363
385
|
description: string;
|
|
364
386
|
};
|
|
365
387
|
Accordion: {
|
|
366
|
-
props:
|
|
367
|
-
items:
|
|
368
|
-
title:
|
|
369
|
-
content:
|
|
370
|
-
},
|
|
371
|
-
type:
|
|
388
|
+
props: z.ZodObject<{
|
|
389
|
+
items: z.ZodArray<z.ZodObject<{
|
|
390
|
+
title: z.ZodString;
|
|
391
|
+
content: z.ZodString;
|
|
392
|
+
}, z.core.$strip>>;
|
|
393
|
+
type: z.ZodNullable<z.ZodEnum<{
|
|
372
394
|
single: "single";
|
|
373
395
|
multiple: "multiple";
|
|
374
396
|
}>>;
|
|
375
|
-
},
|
|
397
|
+
}, z.core.$strip>;
|
|
376
398
|
description: string;
|
|
377
399
|
};
|
|
378
400
|
Collapsible: {
|
|
379
|
-
props:
|
|
380
|
-
title:
|
|
381
|
-
defaultOpen:
|
|
382
|
-
},
|
|
401
|
+
props: z.ZodObject<{
|
|
402
|
+
title: z.ZodString;
|
|
403
|
+
defaultOpen: z.ZodNullable<z.ZodBoolean>;
|
|
404
|
+
}, z.core.$strip>;
|
|
383
405
|
slots: string[];
|
|
384
406
|
description: string;
|
|
385
407
|
};
|
|
386
408
|
Dialog: {
|
|
387
|
-
props:
|
|
388
|
-
title:
|
|
389
|
-
description:
|
|
390
|
-
openPath:
|
|
391
|
-
},
|
|
409
|
+
props: z.ZodObject<{
|
|
410
|
+
title: z.ZodString;
|
|
411
|
+
description: z.ZodNullable<z.ZodString>;
|
|
412
|
+
openPath: z.ZodString;
|
|
413
|
+
}, z.core.$strip>;
|
|
392
414
|
slots: string[];
|
|
393
415
|
description: string;
|
|
394
416
|
};
|
|
395
417
|
Drawer: {
|
|
396
|
-
props:
|
|
397
|
-
title:
|
|
398
|
-
description:
|
|
399
|
-
openPath:
|
|
400
|
-
},
|
|
418
|
+
props: z.ZodObject<{
|
|
419
|
+
title: z.ZodString;
|
|
420
|
+
description: z.ZodNullable<z.ZodString>;
|
|
421
|
+
openPath: z.ZodString;
|
|
422
|
+
}, z.core.$strip>;
|
|
401
423
|
slots: string[];
|
|
402
424
|
description: string;
|
|
403
425
|
};
|
|
404
426
|
Carousel: {
|
|
405
|
-
props:
|
|
406
|
-
items:
|
|
407
|
-
title:
|
|
408
|
-
description:
|
|
409
|
-
},
|
|
410
|
-
},
|
|
427
|
+
props: z.ZodObject<{
|
|
428
|
+
items: z.ZodArray<z.ZodObject<{
|
|
429
|
+
title: z.ZodNullable<z.ZodString>;
|
|
430
|
+
description: z.ZodNullable<z.ZodString>;
|
|
431
|
+
}, z.core.$strip>>;
|
|
432
|
+
}, z.core.$strip>;
|
|
411
433
|
description: string;
|
|
412
434
|
};
|
|
413
435
|
Table: {
|
|
414
|
-
props:
|
|
415
|
-
columns:
|
|
416
|
-
rows:
|
|
417
|
-
caption:
|
|
418
|
-
},
|
|
436
|
+
props: z.ZodObject<{
|
|
437
|
+
columns: z.ZodArray<z.ZodString>;
|
|
438
|
+
rows: z.ZodArray<z.ZodArray<z.ZodString>>;
|
|
439
|
+
caption: z.ZodNullable<z.ZodString>;
|
|
440
|
+
}, z.core.$strip>;
|
|
419
441
|
description: string;
|
|
420
442
|
example: {
|
|
421
443
|
columns: string[];
|
|
@@ -423,15 +445,15 @@ export declare const allComponentDefinitions: {
|
|
|
423
445
|
};
|
|
424
446
|
};
|
|
425
447
|
Heading: {
|
|
426
|
-
props:
|
|
427
|
-
text:
|
|
428
|
-
level:
|
|
448
|
+
props: z.ZodObject<{
|
|
449
|
+
text: z.ZodString;
|
|
450
|
+
level: z.ZodNullable<z.ZodEnum<{
|
|
429
451
|
h1: "h1";
|
|
430
452
|
h2: "h2";
|
|
431
453
|
h3: "h3";
|
|
432
454
|
h4: "h4";
|
|
433
455
|
}>>;
|
|
434
|
-
},
|
|
456
|
+
}, z.core.$strip>;
|
|
435
457
|
description: string;
|
|
436
458
|
example: {
|
|
437
459
|
text: string;
|
|
@@ -439,73 +461,57 @@ export declare const allComponentDefinitions: {
|
|
|
439
461
|
};
|
|
440
462
|
};
|
|
441
463
|
Text: {
|
|
442
|
-
props:
|
|
443
|
-
text:
|
|
444
|
-
variant:
|
|
464
|
+
props: z.ZodObject<{
|
|
465
|
+
text: z.ZodString;
|
|
466
|
+
variant: z.ZodNullable<z.ZodEnum<{
|
|
445
467
|
caption: "caption";
|
|
446
468
|
body: "body";
|
|
447
469
|
muted: "muted";
|
|
448
470
|
lead: "lead";
|
|
449
471
|
code: "code";
|
|
450
472
|
}>>;
|
|
451
|
-
},
|
|
473
|
+
}, z.core.$strip>;
|
|
452
474
|
description: string;
|
|
453
475
|
example: {
|
|
454
476
|
text: string;
|
|
455
477
|
};
|
|
456
478
|
};
|
|
457
479
|
Image: {
|
|
458
|
-
props:
|
|
459
|
-
src:
|
|
460
|
-
alt:
|
|
461
|
-
width:
|
|
462
|
-
height:
|
|
463
|
-
},
|
|
480
|
+
props: z.ZodObject<{
|
|
481
|
+
src: z.ZodNullable<z.ZodString>;
|
|
482
|
+
alt: z.ZodString;
|
|
483
|
+
width: z.ZodNullable<z.ZodNumber>;
|
|
484
|
+
height: z.ZodNullable<z.ZodNumber>;
|
|
485
|
+
}, z.core.$strip>;
|
|
464
486
|
description: string;
|
|
465
487
|
};
|
|
466
488
|
Avatar: {
|
|
467
|
-
props:
|
|
468
|
-
src:
|
|
469
|
-
name:
|
|
470
|
-
size:
|
|
489
|
+
props: z.ZodObject<{
|
|
490
|
+
src: z.ZodNullable<z.ZodString>;
|
|
491
|
+
name: z.ZodString;
|
|
492
|
+
size: z.ZodNullable<z.ZodEnum<{
|
|
471
493
|
sm: "sm";
|
|
472
494
|
md: "md";
|
|
473
495
|
lg: "lg";
|
|
474
496
|
}>>;
|
|
475
|
-
},
|
|
497
|
+
}, z.core.$strip>;
|
|
476
498
|
description: string;
|
|
477
499
|
example: {
|
|
478
500
|
name: string;
|
|
479
501
|
size: string;
|
|
480
502
|
};
|
|
481
503
|
};
|
|
482
|
-
Badge: {
|
|
483
|
-
props: import("zod").ZodObject<{
|
|
484
|
-
text: import("zod").ZodString;
|
|
485
|
-
variant: import("zod").ZodNullable<import("zod").ZodEnum<{
|
|
486
|
-
default: "default";
|
|
487
|
-
secondary: "secondary";
|
|
488
|
-
destructive: "destructive";
|
|
489
|
-
outline: "outline";
|
|
490
|
-
}>>;
|
|
491
|
-
}, import("zod/v4/core").$strip>;
|
|
492
|
-
description: string;
|
|
493
|
-
example: {
|
|
494
|
-
text: string;
|
|
495
|
-
variant: string;
|
|
496
|
-
};
|
|
497
|
-
};
|
|
498
504
|
Alert: {
|
|
499
|
-
props:
|
|
500
|
-
title:
|
|
501
|
-
message:
|
|
502
|
-
type:
|
|
505
|
+
props: z.ZodObject<{
|
|
506
|
+
title: z.ZodString;
|
|
507
|
+
message: z.ZodNullable<z.ZodString>;
|
|
508
|
+
type: z.ZodNullable<z.ZodEnum<{
|
|
503
509
|
success: "success";
|
|
504
510
|
info: "info";
|
|
505
511
|
warning: "warning";
|
|
506
512
|
error: "error";
|
|
507
513
|
}>>;
|
|
508
|
-
},
|
|
514
|
+
}, z.core.$strip>;
|
|
509
515
|
description: string;
|
|
510
516
|
example: {
|
|
511
517
|
title: string;
|
|
@@ -514,11 +520,11 @@ export declare const allComponentDefinitions: {
|
|
|
514
520
|
};
|
|
515
521
|
};
|
|
516
522
|
Progress: {
|
|
517
|
-
props:
|
|
518
|
-
value:
|
|
519
|
-
max:
|
|
520
|
-
label:
|
|
521
|
-
},
|
|
523
|
+
props: z.ZodObject<{
|
|
524
|
+
value: z.ZodNumber;
|
|
525
|
+
max: z.ZodNullable<z.ZodNumber>;
|
|
526
|
+
label: z.ZodNullable<z.ZodString>;
|
|
527
|
+
}, z.core.$strip>;
|
|
522
528
|
description: string;
|
|
523
529
|
example: {
|
|
524
530
|
value: number;
|
|
@@ -527,61 +533,61 @@ export declare const allComponentDefinitions: {
|
|
|
527
533
|
};
|
|
528
534
|
};
|
|
529
535
|
Skeleton: {
|
|
530
|
-
props:
|
|
531
|
-
width:
|
|
532
|
-
height:
|
|
533
|
-
rounded:
|
|
534
|
-
},
|
|
536
|
+
props: z.ZodObject<{
|
|
537
|
+
width: z.ZodNullable<z.ZodString>;
|
|
538
|
+
height: z.ZodNullable<z.ZodString>;
|
|
539
|
+
rounded: z.ZodNullable<z.ZodBoolean>;
|
|
540
|
+
}, z.core.$strip>;
|
|
535
541
|
description: string;
|
|
536
542
|
};
|
|
537
543
|
Spinner: {
|
|
538
|
-
props:
|
|
539
|
-
size:
|
|
544
|
+
props: z.ZodObject<{
|
|
545
|
+
size: z.ZodNullable<z.ZodEnum<{
|
|
540
546
|
sm: "sm";
|
|
541
547
|
md: "md";
|
|
542
548
|
lg: "lg";
|
|
543
549
|
}>>;
|
|
544
|
-
label:
|
|
545
|
-
},
|
|
550
|
+
label: z.ZodNullable<z.ZodString>;
|
|
551
|
+
}, z.core.$strip>;
|
|
546
552
|
description: string;
|
|
547
553
|
};
|
|
548
554
|
Tooltip: {
|
|
549
|
-
props:
|
|
550
|
-
content:
|
|
551
|
-
text:
|
|
552
|
-
},
|
|
555
|
+
props: z.ZodObject<{
|
|
556
|
+
content: z.ZodString;
|
|
557
|
+
text: z.ZodString;
|
|
558
|
+
}, z.core.$strip>;
|
|
553
559
|
description: string;
|
|
554
560
|
};
|
|
555
561
|
Popover: {
|
|
556
|
-
props:
|
|
557
|
-
trigger:
|
|
558
|
-
content:
|
|
559
|
-
},
|
|
562
|
+
props: z.ZodObject<{
|
|
563
|
+
trigger: z.ZodString;
|
|
564
|
+
content: z.ZodString;
|
|
565
|
+
}, z.core.$strip>;
|
|
560
566
|
description: string;
|
|
561
567
|
};
|
|
562
568
|
Input: {
|
|
563
|
-
props:
|
|
564
|
-
label:
|
|
565
|
-
name:
|
|
566
|
-
type:
|
|
569
|
+
props: z.ZodObject<{
|
|
570
|
+
label: z.ZodString;
|
|
571
|
+
name: z.ZodString;
|
|
572
|
+
type: z.ZodNullable<z.ZodEnum<{
|
|
567
573
|
number: "number";
|
|
568
574
|
text: "text";
|
|
569
575
|
email: "email";
|
|
570
576
|
password: "password";
|
|
571
577
|
}>>;
|
|
572
|
-
placeholder:
|
|
573
|
-
value:
|
|
574
|
-
checks:
|
|
575
|
-
type:
|
|
576
|
-
message:
|
|
577
|
-
args:
|
|
578
|
-
},
|
|
579
|
-
validateOn:
|
|
578
|
+
placeholder: z.ZodNullable<z.ZodString>;
|
|
579
|
+
value: z.ZodNullable<z.ZodString>;
|
|
580
|
+
checks: z.ZodNullable<z.ZodArray<z.ZodObject<{
|
|
581
|
+
type: z.ZodString;
|
|
582
|
+
message: z.ZodString;
|
|
583
|
+
args: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
584
|
+
}, z.core.$strip>>>;
|
|
585
|
+
validateOn: z.ZodNullable<z.ZodEnum<{
|
|
580
586
|
change: "change";
|
|
581
587
|
blur: "blur";
|
|
582
588
|
submit: "submit";
|
|
583
589
|
}>>;
|
|
584
|
-
},
|
|
590
|
+
}, z.core.$strip>;
|
|
585
591
|
events: string[];
|
|
586
592
|
description: string;
|
|
587
593
|
example: {
|
|
@@ -592,125 +598,125 @@ export declare const allComponentDefinitions: {
|
|
|
592
598
|
};
|
|
593
599
|
};
|
|
594
600
|
Textarea: {
|
|
595
|
-
props:
|
|
596
|
-
label:
|
|
597
|
-
name:
|
|
598
|
-
placeholder:
|
|
599
|
-
rows:
|
|
600
|
-
value:
|
|
601
|
-
checks:
|
|
602
|
-
type:
|
|
603
|
-
message:
|
|
604
|
-
args:
|
|
605
|
-
},
|
|
606
|
-
validateOn:
|
|
601
|
+
props: z.ZodObject<{
|
|
602
|
+
label: z.ZodString;
|
|
603
|
+
name: z.ZodString;
|
|
604
|
+
placeholder: z.ZodNullable<z.ZodString>;
|
|
605
|
+
rows: z.ZodNullable<z.ZodNumber>;
|
|
606
|
+
value: z.ZodNullable<z.ZodString>;
|
|
607
|
+
checks: z.ZodNullable<z.ZodArray<z.ZodObject<{
|
|
608
|
+
type: z.ZodString;
|
|
609
|
+
message: z.ZodString;
|
|
610
|
+
args: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
611
|
+
}, z.core.$strip>>>;
|
|
612
|
+
validateOn: z.ZodNullable<z.ZodEnum<{
|
|
607
613
|
change: "change";
|
|
608
614
|
blur: "blur";
|
|
609
615
|
submit: "submit";
|
|
610
616
|
}>>;
|
|
611
|
-
},
|
|
617
|
+
}, z.core.$strip>;
|
|
612
618
|
description: string;
|
|
613
619
|
};
|
|
614
620
|
Select: {
|
|
615
|
-
props:
|
|
616
|
-
label:
|
|
617
|
-
name:
|
|
618
|
-
options:
|
|
619
|
-
placeholder:
|
|
620
|
-
value:
|
|
621
|
-
checks:
|
|
622
|
-
type:
|
|
623
|
-
message:
|
|
624
|
-
args:
|
|
625
|
-
},
|
|
626
|
-
validateOn:
|
|
621
|
+
props: z.ZodObject<{
|
|
622
|
+
label: z.ZodString;
|
|
623
|
+
name: z.ZodString;
|
|
624
|
+
options: z.ZodArray<z.ZodString>;
|
|
625
|
+
placeholder: z.ZodNullable<z.ZodString>;
|
|
626
|
+
value: z.ZodNullable<z.ZodString>;
|
|
627
|
+
checks: z.ZodNullable<z.ZodArray<z.ZodObject<{
|
|
628
|
+
type: z.ZodString;
|
|
629
|
+
message: z.ZodString;
|
|
630
|
+
args: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
631
|
+
}, z.core.$strip>>>;
|
|
632
|
+
validateOn: z.ZodNullable<z.ZodEnum<{
|
|
627
633
|
change: "change";
|
|
628
634
|
blur: "blur";
|
|
629
635
|
submit: "submit";
|
|
630
636
|
}>>;
|
|
631
|
-
},
|
|
637
|
+
}, z.core.$strip>;
|
|
632
638
|
events: string[];
|
|
633
639
|
description: string;
|
|
634
640
|
};
|
|
635
641
|
Checkbox: {
|
|
636
|
-
props:
|
|
637
|
-
label:
|
|
638
|
-
name:
|
|
639
|
-
checked:
|
|
640
|
-
checks:
|
|
641
|
-
type:
|
|
642
|
-
message:
|
|
643
|
-
args:
|
|
644
|
-
},
|
|
645
|
-
validateOn:
|
|
642
|
+
props: z.ZodObject<{
|
|
643
|
+
label: z.ZodString;
|
|
644
|
+
name: z.ZodString;
|
|
645
|
+
checked: z.ZodNullable<z.ZodBoolean>;
|
|
646
|
+
checks: z.ZodNullable<z.ZodArray<z.ZodObject<{
|
|
647
|
+
type: z.ZodString;
|
|
648
|
+
message: z.ZodString;
|
|
649
|
+
args: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
650
|
+
}, z.core.$strip>>>;
|
|
651
|
+
validateOn: z.ZodNullable<z.ZodEnum<{
|
|
646
652
|
change: "change";
|
|
647
653
|
blur: "blur";
|
|
648
654
|
submit: "submit";
|
|
649
655
|
}>>;
|
|
650
|
-
},
|
|
656
|
+
}, z.core.$strip>;
|
|
651
657
|
events: string[];
|
|
652
658
|
description: string;
|
|
653
659
|
};
|
|
654
660
|
Radio: {
|
|
655
|
-
props:
|
|
656
|
-
label:
|
|
657
|
-
name:
|
|
658
|
-
options:
|
|
659
|
-
value:
|
|
660
|
-
checks:
|
|
661
|
-
type:
|
|
662
|
-
message:
|
|
663
|
-
args:
|
|
664
|
-
},
|
|
665
|
-
validateOn:
|
|
661
|
+
props: z.ZodObject<{
|
|
662
|
+
label: z.ZodString;
|
|
663
|
+
name: z.ZodString;
|
|
664
|
+
options: z.ZodArray<z.ZodString>;
|
|
665
|
+
value: z.ZodNullable<z.ZodString>;
|
|
666
|
+
checks: z.ZodNullable<z.ZodArray<z.ZodObject<{
|
|
667
|
+
type: z.ZodString;
|
|
668
|
+
message: z.ZodString;
|
|
669
|
+
args: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
670
|
+
}, z.core.$strip>>>;
|
|
671
|
+
validateOn: z.ZodNullable<z.ZodEnum<{
|
|
666
672
|
change: "change";
|
|
667
673
|
blur: "blur";
|
|
668
674
|
submit: "submit";
|
|
669
675
|
}>>;
|
|
670
|
-
},
|
|
676
|
+
}, z.core.$strip>;
|
|
671
677
|
events: string[];
|
|
672
678
|
description: string;
|
|
673
679
|
};
|
|
674
680
|
Switch: {
|
|
675
|
-
props:
|
|
676
|
-
label:
|
|
677
|
-
name:
|
|
678
|
-
checked:
|
|
679
|
-
checks:
|
|
680
|
-
type:
|
|
681
|
-
message:
|
|
682
|
-
args:
|
|
683
|
-
},
|
|
684
|
-
validateOn:
|
|
681
|
+
props: z.ZodObject<{
|
|
682
|
+
label: z.ZodString;
|
|
683
|
+
name: z.ZodString;
|
|
684
|
+
checked: z.ZodNullable<z.ZodBoolean>;
|
|
685
|
+
checks: z.ZodNullable<z.ZodArray<z.ZodObject<{
|
|
686
|
+
type: z.ZodString;
|
|
687
|
+
message: z.ZodString;
|
|
688
|
+
args: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
|
|
689
|
+
}, z.core.$strip>>>;
|
|
690
|
+
validateOn: z.ZodNullable<z.ZodEnum<{
|
|
685
691
|
change: "change";
|
|
686
692
|
blur: "blur";
|
|
687
693
|
submit: "submit";
|
|
688
694
|
}>>;
|
|
689
|
-
},
|
|
695
|
+
}, z.core.$strip>;
|
|
690
696
|
events: string[];
|
|
691
697
|
description: string;
|
|
692
698
|
};
|
|
693
699
|
Slider: {
|
|
694
|
-
props:
|
|
695
|
-
label:
|
|
696
|
-
min:
|
|
697
|
-
max:
|
|
698
|
-
step:
|
|
699
|
-
value:
|
|
700
|
-
},
|
|
700
|
+
props: z.ZodObject<{
|
|
701
|
+
label: z.ZodNullable<z.ZodString>;
|
|
702
|
+
min: z.ZodNullable<z.ZodNumber>;
|
|
703
|
+
max: z.ZodNullable<z.ZodNumber>;
|
|
704
|
+
step: z.ZodNullable<z.ZodNumber>;
|
|
705
|
+
value: z.ZodNullable<z.ZodNumber>;
|
|
706
|
+
}, z.core.$strip>;
|
|
701
707
|
events: string[];
|
|
702
708
|
description: string;
|
|
703
709
|
};
|
|
704
710
|
Button: {
|
|
705
|
-
props:
|
|
706
|
-
label:
|
|
707
|
-
variant:
|
|
711
|
+
props: z.ZodObject<{
|
|
712
|
+
label: z.ZodString;
|
|
713
|
+
variant: z.ZodNullable<z.ZodEnum<{
|
|
708
714
|
secondary: "secondary";
|
|
709
715
|
primary: "primary";
|
|
710
716
|
danger: "danger";
|
|
711
717
|
}>>;
|
|
712
|
-
disabled:
|
|
713
|
-
},
|
|
718
|
+
disabled: z.ZodNullable<z.ZodBoolean>;
|
|
719
|
+
}, z.core.$strip>;
|
|
714
720
|
events: string[];
|
|
715
721
|
description: string;
|
|
716
722
|
example: {
|
|
@@ -719,68 +725,68 @@ export declare const allComponentDefinitions: {
|
|
|
719
725
|
};
|
|
720
726
|
};
|
|
721
727
|
Link: {
|
|
722
|
-
props:
|
|
723
|
-
label:
|
|
724
|
-
href:
|
|
725
|
-
},
|
|
728
|
+
props: z.ZodObject<{
|
|
729
|
+
label: z.ZodString;
|
|
730
|
+
href: z.ZodString;
|
|
731
|
+
}, z.core.$strip>;
|
|
726
732
|
events: string[];
|
|
727
733
|
description: string;
|
|
728
734
|
};
|
|
729
735
|
DropdownMenu: {
|
|
730
|
-
props:
|
|
731
|
-
label:
|
|
732
|
-
items:
|
|
733
|
-
label:
|
|
734
|
-
value:
|
|
735
|
-
},
|
|
736
|
-
value:
|
|
737
|
-
},
|
|
736
|
+
props: z.ZodObject<{
|
|
737
|
+
label: z.ZodString;
|
|
738
|
+
items: z.ZodArray<z.ZodObject<{
|
|
739
|
+
label: z.ZodString;
|
|
740
|
+
value: z.ZodString;
|
|
741
|
+
}, z.core.$strip>>;
|
|
742
|
+
value: z.ZodNullable<z.ZodString>;
|
|
743
|
+
}, z.core.$strip>;
|
|
738
744
|
events: string[];
|
|
739
745
|
description: string;
|
|
740
746
|
};
|
|
741
747
|
Toggle: {
|
|
742
|
-
props:
|
|
743
|
-
label:
|
|
744
|
-
pressed:
|
|
745
|
-
variant:
|
|
748
|
+
props: z.ZodObject<{
|
|
749
|
+
label: z.ZodString;
|
|
750
|
+
pressed: z.ZodNullable<z.ZodBoolean>;
|
|
751
|
+
variant: z.ZodNullable<z.ZodEnum<{
|
|
746
752
|
default: "default";
|
|
747
753
|
outline: "outline";
|
|
748
754
|
}>>;
|
|
749
|
-
},
|
|
755
|
+
}, z.core.$strip>;
|
|
750
756
|
events: string[];
|
|
751
757
|
description: string;
|
|
752
758
|
};
|
|
753
759
|
ToggleGroup: {
|
|
754
|
-
props:
|
|
755
|
-
items:
|
|
756
|
-
label:
|
|
757
|
-
value:
|
|
758
|
-
},
|
|
759
|
-
type:
|
|
760
|
+
props: z.ZodObject<{
|
|
761
|
+
items: z.ZodArray<z.ZodObject<{
|
|
762
|
+
label: z.ZodString;
|
|
763
|
+
value: z.ZodString;
|
|
764
|
+
}, z.core.$strip>>;
|
|
765
|
+
type: z.ZodNullable<z.ZodEnum<{
|
|
760
766
|
single: "single";
|
|
761
767
|
multiple: "multiple";
|
|
762
768
|
}>>;
|
|
763
|
-
value:
|
|
764
|
-
},
|
|
769
|
+
value: z.ZodNullable<z.ZodString>;
|
|
770
|
+
}, z.core.$strip>;
|
|
765
771
|
events: string[];
|
|
766
772
|
description: string;
|
|
767
773
|
};
|
|
768
774
|
ButtonGroup: {
|
|
769
|
-
props:
|
|
770
|
-
buttons:
|
|
771
|
-
label:
|
|
772
|
-
value:
|
|
773
|
-
},
|
|
774
|
-
selected:
|
|
775
|
-
},
|
|
775
|
+
props: z.ZodObject<{
|
|
776
|
+
buttons: z.ZodArray<z.ZodObject<{
|
|
777
|
+
label: z.ZodString;
|
|
778
|
+
value: z.ZodString;
|
|
779
|
+
}, z.core.$strip>>;
|
|
780
|
+
selected: z.ZodNullable<z.ZodString>;
|
|
781
|
+
}, z.core.$strip>;
|
|
776
782
|
events: string[];
|
|
777
783
|
description: string;
|
|
778
784
|
};
|
|
779
785
|
Pagination: {
|
|
780
|
-
props:
|
|
781
|
-
totalPages:
|
|
782
|
-
page:
|
|
783
|
-
},
|
|
786
|
+
props: z.ZodObject<{
|
|
787
|
+
totalPages: z.ZodNumber;
|
|
788
|
+
page: z.ZodNullable<z.ZodNumber>;
|
|
789
|
+
}, z.core.$strip>;
|
|
784
790
|
events: string[];
|
|
785
791
|
description: string;
|
|
786
792
|
};
|