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