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.
Files changed (34) hide show
  1. package/CHANGELOG.md +154 -0
  2. package/dist/canvas/index.js +44 -44
  3. package/dist/json-render/index.css +1 -1
  4. package/dist/json-render/index.js +115 -115
  5. package/dist/types/client/canvas/auto-fit.d.ts +1 -1
  6. package/dist/types/json-render/catalog.d.ts +326 -310
  7. package/dist/types/json-render/charts/components.d.ts +18 -0
  8. package/dist/types/json-render/charts/definitions.d.ts +4 -0
  9. package/dist/types/json-render/charts/extra-components.d.ts +3 -0
  10. package/dist/types/json-render/charts/extra-definitions.d.ts +6 -0
  11. package/dist/types/json-render/server.d.ts +4 -0
  12. package/dist/types/server/canvas-operations.d.ts +2 -0
  13. package/dist/types/server/index.d.ts +2 -0
  14. package/package.json +1 -1
  15. package/skills/pmx-canvas/SKILL.md +9 -0
  16. package/src/cli/agent.ts +103 -5
  17. package/src/cli/index.ts +6 -3
  18. package/src/client/canvas/CanvasNode.tsx +3 -1
  19. package/src/client/canvas/auto-fit.ts +3 -3
  20. package/src/json-render/catalog.ts +9 -0
  21. package/src/json-render/charts/components.tsx +18 -10
  22. package/src/json-render/charts/definitions.ts +4 -0
  23. package/src/json-render/charts/extra-components.tsx +23 -16
  24. package/src/json-render/charts/extra-definitions.ts +6 -0
  25. package/src/json-render/renderer/index.css +61 -0
  26. package/src/json-render/renderer/index.tsx +22 -0
  27. package/src/json-render/server.ts +11 -11
  28. package/src/mcp/server.ts +10 -0
  29. package/src/server/canvas-operations.ts +21 -1
  30. package/src/server/canvas-schema.ts +5 -0
  31. package/src/server/canvas-validation.ts +9 -2
  32. package/src/server/diagram-presets.ts +82 -4
  33. package/src/server/index.ts +7 -1
  34. 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: import("zod").ZodObject<{
11
- title: import("zod").ZodNullable<import("zod").ZodString>;
12
- data: import("zod").ZodArray<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
13
- xKey: import("zod").ZodString;
14
- yKey: import("zod").ZodString;
15
- aggregate: import("zod").ZodNullable<import("zod").ZodEnum<{
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: import("zod").ZodNullable<import("zod").ZodString>;
21
- height: import("zod").ZodNullable<import("zod").ZodNumber>;
22
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
48
- title: import("zod").ZodNullable<import("zod").ZodString>;
49
- data: import("zod").ZodArray<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
50
- xKey: import("zod").ZodString;
51
- yKey: import("zod").ZodString;
52
- zKey: import("zod").ZodNullable<import("zod").ZodString>;
53
- color: import("zod").ZodNullable<import("zod").ZodString>;
54
- height: import("zod").ZodNullable<import("zod").ZodNumber>;
55
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
81
- title: import("zod").ZodNullable<import("zod").ZodString>;
82
- data: import("zod").ZodArray<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
83
- axisKey: import("zod").ZodString;
84
- metrics: import("zod").ZodArray<import("zod").ZodString>;
85
- height: import("zod").ZodNullable<import("zod").ZodNumber>;
86
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
110
- title: import("zod").ZodNullable<import("zod").ZodString>;
111
- data: import("zod").ZodArray<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
112
- xKey: import("zod").ZodString;
113
- series: import("zod").ZodArray<import("zod").ZodString>;
114
- aggregate: import("zod").ZodNullable<import("zod").ZodEnum<{
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: import("zod").ZodNullable<import("zod").ZodNumber>;
120
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
148
- title: import("zod").ZodNullable<import("zod").ZodString>;
149
- data: import("zod").ZodArray<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
150
- xKey: import("zod").ZodString;
151
- barKey: import("zod").ZodString;
152
- lineKey: import("zod").ZodString;
153
- barColor: import("zod").ZodNullable<import("zod").ZodString>;
154
- lineColor: import("zod").ZodNullable<import("zod").ZodString>;
155
- height: import("zod").ZodNullable<import("zod").ZodNumber>;
156
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
183
- title: import("zod").ZodNullable<import("zod").ZodString>;
184
- data: import("zod").ZodArray<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
185
- xKey: import("zod").ZodString;
186
- yKey: import("zod").ZodString;
187
- aggregate: import("zod").ZodNullable<import("zod").ZodEnum<{
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: import("zod").ZodNullable<import("zod").ZodString>;
193
- height: import("zod").ZodNullable<import("zod").ZodNumber>;
194
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
217
- title: import("zod").ZodNullable<import("zod").ZodString>;
218
- data: import("zod").ZodArray<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
219
- xKey: import("zod").ZodString;
220
- yKey: import("zod").ZodString;
221
- aggregate: import("zod").ZodNullable<import("zod").ZodEnum<{
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: import("zod").ZodNullable<import("zod").ZodString>;
227
- height: import("zod").ZodNullable<import("zod").ZodNumber>;
228
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
251
- title: import("zod").ZodNullable<import("zod").ZodString>;
252
- data: import("zod").ZodArray<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
253
- nameKey: import("zod").ZodString;
254
- valueKey: import("zod").ZodString;
255
- height: import("zod").ZodNullable<import("zod").ZodNumber>;
256
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
277
- title: import("zod").ZodNullable<import("zod").ZodString>;
278
- description: import("zod").ZodNullable<import("zod").ZodString>;
279
- maxWidth: import("zod").ZodNullable<import("zod").ZodEnum<{
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: import("zod").ZodNullable<import("zod").ZodBoolean>;
286
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
296
- direction: import("zod").ZodNullable<import("zod").ZodEnum<{
327
+ props: z.ZodObject<{
328
+ direction: z.ZodNullable<z.ZodEnum<{
297
329
  horizontal: "horizontal";
298
330
  vertical: "vertical";
299
331
  }>>;
300
- gap: import("zod").ZodNullable<import("zod").ZodEnum<{
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: import("zod").ZodNullable<import("zod").ZodEnum<{
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: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
329
- columns: import("zod").ZodNullable<import("zod").ZodNumber>;
330
- gap: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
345
- orientation: import("zod").ZodNullable<import("zod").ZodEnum<{
376
+ props: z.ZodObject<{
377
+ orientation: z.ZodNullable<z.ZodEnum<{
346
378
  horizontal: "horizontal";
347
379
  vertical: "vertical";
348
380
  }>>;
349
- }, import("zod/v4/core").$strip>;
381
+ }, z.core.$strip>;
350
382
  description: string;
351
383
  };
352
384
  Tabs: {
353
- props: import("zod").ZodObject<{
354
- tabs: import("zod").ZodArray<import("zod").ZodObject<{
355
- label: import("zod").ZodString;
356
- value: import("zod").ZodString;
357
- }, import("zod/v4/core").$strip>>;
358
- defaultValue: import("zod").ZodNullable<import("zod").ZodString>;
359
- value: import("zod").ZodNullable<import("zod").ZodString>;
360
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
367
- items: import("zod").ZodArray<import("zod").ZodObject<{
368
- title: import("zod").ZodString;
369
- content: import("zod").ZodString;
370
- }, import("zod/v4/core").$strip>>;
371
- type: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
407
+ }, z.core.$strip>;
376
408
  description: string;
377
409
  };
378
410
  Collapsible: {
379
- props: import("zod").ZodObject<{
380
- title: import("zod").ZodString;
381
- defaultOpen: import("zod").ZodNullable<import("zod").ZodBoolean>;
382
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
388
- title: import("zod").ZodString;
389
- description: import("zod").ZodNullable<import("zod").ZodString>;
390
- openPath: import("zod").ZodString;
391
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
397
- title: import("zod").ZodString;
398
- description: import("zod").ZodNullable<import("zod").ZodString>;
399
- openPath: import("zod").ZodString;
400
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
406
- items: import("zod").ZodArray<import("zod").ZodObject<{
407
- title: import("zod").ZodNullable<import("zod").ZodString>;
408
- description: import("zod").ZodNullable<import("zod").ZodString>;
409
- }, import("zod/v4/core").$strip>>;
410
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
415
- columns: import("zod").ZodArray<import("zod").ZodString>;
416
- rows: import("zod").ZodArray<import("zod").ZodArray<import("zod").ZodString>>;
417
- caption: import("zod").ZodNullable<import("zod").ZodString>;
418
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
427
- text: import("zod").ZodString;
428
- level: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
443
- text: import("zod").ZodString;
444
- variant: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
483
+ }, z.core.$strip>;
452
484
  description: string;
453
485
  example: {
454
486
  text: string;
455
487
  };
456
488
  };
457
489
  Image: {
458
- props: import("zod").ZodObject<{
459
- src: import("zod").ZodNullable<import("zod").ZodString>;
460
- alt: import("zod").ZodString;
461
- width: import("zod").ZodNullable<import("zod").ZodNumber>;
462
- height: import("zod").ZodNullable<import("zod").ZodNumber>;
463
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
468
- src: import("zod").ZodNullable<import("zod").ZodString>;
469
- name: import("zod").ZodString;
470
- size: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
500
- title: import("zod").ZodString;
501
- message: import("zod").ZodNullable<import("zod").ZodString>;
502
- type: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
518
- value: import("zod").ZodNumber;
519
- max: import("zod").ZodNullable<import("zod").ZodNumber>;
520
- label: import("zod").ZodNullable<import("zod").ZodString>;
521
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
531
- width: import("zod").ZodNullable<import("zod").ZodString>;
532
- height: import("zod").ZodNullable<import("zod").ZodString>;
533
- rounded: import("zod").ZodNullable<import("zod").ZodBoolean>;
534
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
539
- size: import("zod").ZodNullable<import("zod").ZodEnum<{
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: import("zod").ZodNullable<import("zod").ZodString>;
545
- }, import("zod/v4/core").$strip>;
560
+ label: z.ZodNullable<z.ZodString>;
561
+ }, z.core.$strip>;
546
562
  description: string;
547
563
  };
548
564
  Tooltip: {
549
- props: import("zod").ZodObject<{
550
- content: import("zod").ZodString;
551
- text: import("zod").ZodString;
552
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
557
- trigger: import("zod").ZodString;
558
- content: import("zod").ZodString;
559
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
564
- label: import("zod").ZodString;
565
- name: import("zod").ZodString;
566
- type: import("zod").ZodNullable<import("zod").ZodEnum<{
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: import("zod").ZodNullable<import("zod").ZodString>;
573
- value: import("zod").ZodNullable<import("zod").ZodString>;
574
- checks: import("zod").ZodNullable<import("zod").ZodArray<import("zod").ZodObject<{
575
- type: import("zod").ZodString;
576
- message: import("zod").ZodString;
577
- args: import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
578
- }, import("zod/v4/core").$strip>>>;
579
- validateOn: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
596
- label: import("zod").ZodString;
597
- name: import("zod").ZodString;
598
- placeholder: import("zod").ZodNullable<import("zod").ZodString>;
599
- rows: import("zod").ZodNullable<import("zod").ZodNumber>;
600
- value: import("zod").ZodNullable<import("zod").ZodString>;
601
- checks: import("zod").ZodNullable<import("zod").ZodArray<import("zod").ZodObject<{
602
- type: import("zod").ZodString;
603
- message: import("zod").ZodString;
604
- args: import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
605
- }, import("zod/v4/core").$strip>>>;
606
- validateOn: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
627
+ }, z.core.$strip>;
612
628
  description: string;
613
629
  };
614
630
  Select: {
615
- props: import("zod").ZodObject<{
616
- label: import("zod").ZodString;
617
- name: import("zod").ZodString;
618
- options: import("zod").ZodArray<import("zod").ZodString>;
619
- placeholder: import("zod").ZodNullable<import("zod").ZodString>;
620
- value: import("zod").ZodNullable<import("zod").ZodString>;
621
- checks: import("zod").ZodNullable<import("zod").ZodArray<import("zod").ZodObject<{
622
- type: import("zod").ZodString;
623
- message: import("zod").ZodString;
624
- args: import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
625
- }, import("zod/v4/core").$strip>>>;
626
- validateOn: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
647
+ }, z.core.$strip>;
632
648
  events: string[];
633
649
  description: string;
634
650
  };
635
651
  Checkbox: {
636
- props: import("zod").ZodObject<{
637
- label: import("zod").ZodString;
638
- name: import("zod").ZodString;
639
- checked: import("zod").ZodNullable<import("zod").ZodBoolean>;
640
- checks: import("zod").ZodNullable<import("zod").ZodArray<import("zod").ZodObject<{
641
- type: import("zod").ZodString;
642
- message: import("zod").ZodString;
643
- args: import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
644
- }, import("zod/v4/core").$strip>>>;
645
- validateOn: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
666
+ }, z.core.$strip>;
651
667
  events: string[];
652
668
  description: string;
653
669
  };
654
670
  Radio: {
655
- props: import("zod").ZodObject<{
656
- label: import("zod").ZodString;
657
- name: import("zod").ZodString;
658
- options: import("zod").ZodArray<import("zod").ZodString>;
659
- value: import("zod").ZodNullable<import("zod").ZodString>;
660
- checks: import("zod").ZodNullable<import("zod").ZodArray<import("zod").ZodObject<{
661
- type: import("zod").ZodString;
662
- message: import("zod").ZodString;
663
- args: import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
664
- }, import("zod/v4/core").$strip>>>;
665
- validateOn: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
686
+ }, z.core.$strip>;
671
687
  events: string[];
672
688
  description: string;
673
689
  };
674
690
  Switch: {
675
- props: import("zod").ZodObject<{
676
- label: import("zod").ZodString;
677
- name: import("zod").ZodString;
678
- checked: import("zod").ZodNullable<import("zod").ZodBoolean>;
679
- checks: import("zod").ZodNullable<import("zod").ZodArray<import("zod").ZodObject<{
680
- type: import("zod").ZodString;
681
- message: import("zod").ZodString;
682
- args: import("zod").ZodOptional<import("zod").ZodRecord<import("zod").ZodString, import("zod").ZodUnknown>>;
683
- }, import("zod/v4/core").$strip>>>;
684
- validateOn: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
705
+ }, z.core.$strip>;
690
706
  events: string[];
691
707
  description: string;
692
708
  };
693
709
  Slider: {
694
- props: import("zod").ZodObject<{
695
- label: import("zod").ZodNullable<import("zod").ZodString>;
696
- min: import("zod").ZodNullable<import("zod").ZodNumber>;
697
- max: import("zod").ZodNullable<import("zod").ZodNumber>;
698
- step: import("zod").ZodNullable<import("zod").ZodNumber>;
699
- value: import("zod").ZodNullable<import("zod").ZodNumber>;
700
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
706
- label: import("zod").ZodString;
707
- variant: import("zod").ZodNullable<import("zod").ZodEnum<{
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: import("zod").ZodNullable<import("zod").ZodBoolean>;
713
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
723
- label: import("zod").ZodString;
724
- href: import("zod").ZodString;
725
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
731
- label: import("zod").ZodString;
732
- items: import("zod").ZodArray<import("zod").ZodObject<{
733
- label: import("zod").ZodString;
734
- value: import("zod").ZodString;
735
- }, import("zod/v4/core").$strip>>;
736
- value: import("zod").ZodNullable<import("zod").ZodString>;
737
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
743
- label: import("zod").ZodString;
744
- pressed: import("zod").ZodNullable<import("zod").ZodBoolean>;
745
- variant: import("zod").ZodNullable<import("zod").ZodEnum<{
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
- }, import("zod/v4/core").$strip>;
765
+ }, z.core.$strip>;
750
766
  events: string[];
751
767
  description: string;
752
768
  };
753
769
  ToggleGroup: {
754
- props: import("zod").ZodObject<{
755
- items: import("zod").ZodArray<import("zod").ZodObject<{
756
- label: import("zod").ZodString;
757
- value: import("zod").ZodString;
758
- }, import("zod/v4/core").$strip>>;
759
- type: import("zod").ZodNullable<import("zod").ZodEnum<{
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: import("zod").ZodNullable<import("zod").ZodString>;
764
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
770
- buttons: import("zod").ZodArray<import("zod").ZodObject<{
771
- label: import("zod").ZodString;
772
- value: import("zod").ZodString;
773
- }, import("zod/v4/core").$strip>>;
774
- selected: import("zod").ZodNullable<import("zod").ZodString>;
775
- }, import("zod/v4/core").$strip>;
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: import("zod").ZodObject<{
781
- totalPages: import("zod").ZodNumber;
782
- page: import("zod").ZodNullable<import("zod").ZodNumber>;
783
- }, import("zod/v4/core").$strip>;
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
  };