@ankhorage/zora 2.4.7 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +1542 -3430
  3. package/dist/components/breadcrumbs/Breadcrumbs.d.ts +4 -0
  4. package/dist/components/breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  5. package/dist/components/breadcrumbs/Breadcrumbs.js +77 -0
  6. package/dist/components/breadcrumbs/Breadcrumbs.js.map +1 -0
  7. package/dist/components/breadcrumbs/index.d.ts +3 -0
  8. package/dist/components/breadcrumbs/index.d.ts.map +1 -0
  9. package/dist/components/breadcrumbs/index.js +2 -0
  10. package/dist/components/breadcrumbs/index.js.map +1 -0
  11. package/dist/components/breadcrumbs/meta.d.ts +9 -0
  12. package/dist/components/breadcrumbs/meta.d.ts.map +1 -0
  13. package/dist/components/breadcrumbs/meta.js +9 -0
  14. package/dist/components/breadcrumbs/meta.js.map +1 -0
  15. package/dist/components/breadcrumbs/types.d.ts +19 -0
  16. package/dist/components/breadcrumbs/types.d.ts.map +1 -0
  17. package/dist/components/breadcrumbs/types.js +2 -0
  18. package/dist/components/breadcrumbs/types.js.map +1 -0
  19. package/dist/index.d.ts +4 -2
  20. package/dist/index.d.ts.map +1 -1
  21. package/dist/index.js +2 -1
  22. package/dist/index.js.map +1 -1
  23. package/dist/metadata/bindableComponentMeta.d.ts +553 -0
  24. package/dist/metadata/bindableComponentMeta.d.ts.map +1 -0
  25. package/dist/metadata/bindableComponentMeta.js +473 -0
  26. package/dist/metadata/bindableComponentMeta.js.map +1 -0
  27. package/dist/metadata/componentMeta.d.ts.map +1 -1
  28. package/dist/metadata/componentMeta.js +2 -0
  29. package/dist/metadata/componentMeta.js.map +1 -1
  30. package/dist/metadata/index.d.ts +2 -0
  31. package/dist/metadata/index.d.ts.map +1 -1
  32. package/dist/metadata/index.js +1 -0
  33. package/dist/metadata/index.js.map +1 -1
  34. package/dist/theme/useZoraTheme.d.ts +1 -1
  35. package/package.json +11 -2
  36. package/src/components/breadcrumbs/Breadcrumbs.tsx +143 -0
  37. package/src/components/breadcrumbs/index.ts +2 -0
  38. package/src/components/breadcrumbs/meta.ts +10 -0
  39. package/src/components/breadcrumbs/types.ts +21 -0
  40. package/src/index.ts +4 -1
  41. package/src/metadata/bindableComponentMeta.test.ts +18 -0
  42. package/src/metadata/bindableComponentMeta.ts +476 -0
  43. package/src/metadata/componentMeta.ts +2 -0
  44. package/src/metadata/index.ts +2 -0
@@ -0,0 +1,553 @@
1
+ export declare const ZORA_BINDABLE_COMPONENT_META: {
2
+ readonly Text: {
3
+ readonly name: "Text";
4
+ readonly category: "component";
5
+ readonly description: "Displays app-facing text content.";
6
+ readonly directManifestNode: true;
7
+ readonly allowedChildren: readonly [];
8
+ readonly bindings: {
9
+ readonly props: {
10
+ readonly text: {
11
+ readonly label: "Text";
12
+ readonly description: "Text content rendered by the component.";
13
+ readonly value: {
14
+ readonly type: "string";
15
+ };
16
+ readonly acceptsFallback: true;
17
+ readonly acceptsTransforms: true;
18
+ };
19
+ };
20
+ };
21
+ readonly props: {
22
+ readonly text: {
23
+ readonly type: "string";
24
+ readonly category: "Content";
25
+ readonly label: "Text";
26
+ };
27
+ };
28
+ };
29
+ readonly Heading: {
30
+ readonly name: "Heading";
31
+ readonly category: "component";
32
+ readonly description: "Displays semantic heading text.";
33
+ readonly directManifestNode: true;
34
+ readonly allowedChildren: readonly [];
35
+ readonly bindings: {
36
+ readonly props: {
37
+ readonly text: {
38
+ readonly label: "Text";
39
+ readonly description: "Heading text rendered by the component.";
40
+ readonly value: {
41
+ readonly type: "string";
42
+ };
43
+ readonly acceptsFallback: true;
44
+ readonly acceptsTransforms: true;
45
+ };
46
+ };
47
+ };
48
+ readonly props: {
49
+ readonly text: {
50
+ readonly type: "string";
51
+ readonly category: "Content";
52
+ readonly label: "Text";
53
+ };
54
+ };
55
+ };
56
+ readonly Button: {
57
+ readonly name: "Button";
58
+ readonly category: "component";
59
+ readonly description: "Runs an action when pressed.";
60
+ readonly directManifestNode: true;
61
+ readonly allowedChildren: readonly [];
62
+ readonly bindings: {
63
+ readonly props: {
64
+ readonly children: {
65
+ readonly label: "Label";
66
+ readonly description: "Button label text.";
67
+ readonly value: {
68
+ readonly type: "string";
69
+ };
70
+ readonly acceptsFallback: true;
71
+ readonly acceptsTransforms: true;
72
+ };
73
+ readonly disabled: {
74
+ readonly label: "Disabled";
75
+ readonly description: "Whether the button is disabled.";
76
+ readonly value: {
77
+ readonly type: "boolean";
78
+ };
79
+ readonly acceptsFallback: true;
80
+ readonly acceptsTransforms: true;
81
+ };
82
+ };
83
+ readonly events: {
84
+ readonly press: {
85
+ readonly label: "Press";
86
+ readonly description: "Runs when the button is pressed.";
87
+ readonly payload: {
88
+ readonly eventType: "button.press";
89
+ readonly fields: readonly [];
90
+ };
91
+ };
92
+ };
93
+ };
94
+ readonly events: {
95
+ readonly press: {
96
+ readonly label: "Press";
97
+ readonly eventType: "button.press";
98
+ readonly description: "Emitted when the button action runs.";
99
+ readonly payloadFields: readonly [];
100
+ };
101
+ };
102
+ readonly props: {
103
+ readonly children: {
104
+ readonly type: "string";
105
+ readonly category: "Content";
106
+ readonly label: "Label";
107
+ };
108
+ readonly disabled: {
109
+ readonly type: "boolean";
110
+ readonly category: "State";
111
+ readonly label: "Disabled";
112
+ };
113
+ };
114
+ };
115
+ readonly Image: {
116
+ readonly name: "Image";
117
+ readonly category: "component";
118
+ readonly description: "Displays an image asset or remote image source.";
119
+ readonly directManifestNode: true;
120
+ readonly allowedChildren: readonly [];
121
+ readonly bindings: {
122
+ readonly props: {
123
+ readonly source: {
124
+ readonly label: "Source";
125
+ readonly description: "Image source or asset descriptor.";
126
+ readonly value: {
127
+ readonly type: "imageAsset";
128
+ readonly fields: readonly [{
129
+ readonly path: "uri";
130
+ readonly type: "string";
131
+ readonly label: "URI";
132
+ }, {
133
+ readonly path: "width";
134
+ readonly type: "number";
135
+ readonly label: "Width";
136
+ }, {
137
+ readonly path: "height";
138
+ readonly type: "number";
139
+ readonly label: "Height";
140
+ }, {
141
+ readonly path: "alt";
142
+ readonly type: "string";
143
+ readonly label: "Alt text";
144
+ }];
145
+ };
146
+ readonly acceptsFallback: true;
147
+ readonly acceptsTransforms: true;
148
+ };
149
+ };
150
+ };
151
+ readonly props: {
152
+ readonly source: {
153
+ readonly type: "imageAsset";
154
+ readonly category: "Content";
155
+ readonly label: "Source";
156
+ };
157
+ };
158
+ };
159
+ readonly Input: {
160
+ readonly name: "Input";
161
+ readonly category: "component";
162
+ readonly description: "Captures a single-line string value.";
163
+ readonly directManifestNode: true;
164
+ readonly allowedChildren: readonly [];
165
+ readonly bindings: {
166
+ readonly props: {
167
+ readonly value: {
168
+ readonly label: "Value";
169
+ readonly description: "Current input value.";
170
+ readonly value: {
171
+ readonly type: "string";
172
+ };
173
+ readonly acceptsFallback: true;
174
+ readonly acceptsTransforms: true;
175
+ };
176
+ readonly disabled: {
177
+ readonly label: "Disabled";
178
+ readonly description: "Whether the input is disabled.";
179
+ readonly value: {
180
+ readonly type: "boolean";
181
+ };
182
+ readonly acceptsFallback: true;
183
+ readonly acceptsTransforms: true;
184
+ };
185
+ };
186
+ readonly events: {
187
+ readonly changeText: {
188
+ readonly label: "Change text";
189
+ readonly description: "Runs when the input value changes.";
190
+ readonly payload: {
191
+ readonly eventType: "input.changeText";
192
+ readonly fields: readonly [{
193
+ readonly path: "value";
194
+ readonly type: "string";
195
+ readonly label: "Value";
196
+ }];
197
+ };
198
+ };
199
+ };
200
+ };
201
+ readonly events: {
202
+ readonly changeText: {
203
+ readonly label: "Change text";
204
+ readonly eventType: "input.changeText";
205
+ readonly description: "Emitted when the input value changes.";
206
+ readonly payloadFields: readonly [{
207
+ readonly path: "value";
208
+ readonly type: "string";
209
+ readonly label: "Value";
210
+ }];
211
+ };
212
+ };
213
+ readonly props: {
214
+ readonly value: {
215
+ readonly type: "string";
216
+ readonly category: "Content";
217
+ readonly label: "Value";
218
+ };
219
+ readonly disabled: {
220
+ readonly type: "boolean";
221
+ readonly category: "State";
222
+ readonly label: "Disabled";
223
+ };
224
+ };
225
+ };
226
+ readonly Textarea: {
227
+ readonly name: "Textarea";
228
+ readonly category: "component";
229
+ readonly description: "Captures a multiline string value.";
230
+ readonly directManifestNode: true;
231
+ readonly allowedChildren: readonly [];
232
+ readonly bindings: {
233
+ readonly props: {
234
+ readonly value: {
235
+ readonly label: "Value";
236
+ readonly description: "Current textarea value.";
237
+ readonly value: {
238
+ readonly type: "string";
239
+ };
240
+ readonly acceptsFallback: true;
241
+ readonly acceptsTransforms: true;
242
+ };
243
+ readonly disabled: {
244
+ readonly label: "Disabled";
245
+ readonly description: "Whether the textarea is disabled.";
246
+ readonly value: {
247
+ readonly type: "boolean";
248
+ };
249
+ readonly acceptsFallback: true;
250
+ readonly acceptsTransforms: true;
251
+ };
252
+ };
253
+ readonly events: {
254
+ readonly changeText: {
255
+ readonly label: "Change text";
256
+ readonly description: "Runs when the textarea value changes.";
257
+ readonly payload: {
258
+ readonly eventType: "textarea.changeText";
259
+ readonly fields: readonly [{
260
+ readonly path: "value";
261
+ readonly type: "string";
262
+ readonly label: "Value";
263
+ }];
264
+ };
265
+ };
266
+ };
267
+ };
268
+ readonly events: {
269
+ readonly changeText: {
270
+ readonly label: "Change text";
271
+ readonly eventType: "textarea.changeText";
272
+ readonly description: "Emitted when the textarea value changes.";
273
+ readonly payloadFields: readonly [{
274
+ readonly path: "value";
275
+ readonly type: "string";
276
+ readonly label: "Value";
277
+ }];
278
+ };
279
+ };
280
+ readonly props: {
281
+ readonly value: {
282
+ readonly type: "string";
283
+ readonly category: "Content";
284
+ readonly label: "Value";
285
+ };
286
+ readonly disabled: {
287
+ readonly type: "boolean";
288
+ readonly category: "State";
289
+ readonly label: "Disabled";
290
+ };
291
+ };
292
+ };
293
+ readonly Select: {
294
+ readonly name: "Select";
295
+ readonly category: "component";
296
+ readonly description: "Captures one selected string value.";
297
+ readonly directManifestNode: false;
298
+ readonly allowedChildren: readonly [];
299
+ readonly bindings: {
300
+ readonly props: {
301
+ readonly value: {
302
+ readonly label: "Value";
303
+ readonly description: "Current selected value.";
304
+ readonly value: {
305
+ readonly type: "string";
306
+ };
307
+ readonly acceptsFallback: true;
308
+ readonly acceptsTransforms: true;
309
+ };
310
+ readonly disabled: {
311
+ readonly label: "Disabled";
312
+ readonly description: "Whether the select is disabled.";
313
+ readonly value: {
314
+ readonly type: "boolean";
315
+ };
316
+ readonly acceptsFallback: true;
317
+ readonly acceptsTransforms: true;
318
+ };
319
+ };
320
+ readonly events: {
321
+ readonly valueChange: {
322
+ readonly label: "Value change";
323
+ readonly description: "Runs when the selected value changes.";
324
+ readonly payload: {
325
+ readonly eventType: "select.valueChange";
326
+ readonly fields: readonly [{
327
+ readonly path: "value";
328
+ readonly type: "string";
329
+ readonly label: "Value";
330
+ }];
331
+ };
332
+ };
333
+ };
334
+ };
335
+ readonly events: {
336
+ readonly valueChange: {
337
+ readonly label: "Value change";
338
+ readonly eventType: "select.valueChange";
339
+ readonly description: "Emitted when the selected value changes.";
340
+ readonly payloadFields: readonly [{
341
+ readonly path: "value";
342
+ readonly type: "string";
343
+ readonly label: "Value";
344
+ }];
345
+ };
346
+ };
347
+ readonly note: "Form control component; not represented as a manifest node in v1.";
348
+ readonly props: {
349
+ readonly value: {
350
+ readonly type: "string";
351
+ readonly category: "Content";
352
+ readonly label: "Value";
353
+ };
354
+ readonly disabled: {
355
+ readonly type: "boolean";
356
+ readonly category: "State";
357
+ readonly label: "Disabled";
358
+ };
359
+ };
360
+ };
361
+ readonly Checkbox: {
362
+ readonly name: "Checkbox";
363
+ readonly category: "component";
364
+ readonly description: "Captures a boolean checked state.";
365
+ readonly directManifestNode: true;
366
+ readonly allowedChildren: readonly [];
367
+ readonly bindings: {
368
+ readonly props: {
369
+ readonly checked: {
370
+ readonly label: "Checked";
371
+ readonly description: "Current checked state.";
372
+ readonly value: {
373
+ readonly type: "boolean";
374
+ };
375
+ readonly acceptsFallback: true;
376
+ readonly acceptsTransforms: true;
377
+ };
378
+ readonly disabled: {
379
+ readonly label: "Disabled";
380
+ readonly description: "Whether the checkbox is disabled.";
381
+ readonly value: {
382
+ readonly type: "boolean";
383
+ };
384
+ readonly acceptsFallback: true;
385
+ readonly acceptsTransforms: true;
386
+ };
387
+ };
388
+ readonly events: {
389
+ readonly checkedChange: {
390
+ readonly label: "Checked change";
391
+ readonly description: "Runs when checked state changes.";
392
+ readonly payload: {
393
+ readonly eventType: "checkbox.checkedChange";
394
+ readonly fields: readonly [{
395
+ readonly path: "checked";
396
+ readonly type: "boolean";
397
+ readonly label: "Checked";
398
+ }];
399
+ };
400
+ };
401
+ };
402
+ };
403
+ readonly events: {
404
+ readonly checkedChange: {
405
+ readonly label: "Checked change";
406
+ readonly eventType: "checkbox.checkedChange";
407
+ readonly description: "Emitted when the checked state changes.";
408
+ readonly payloadFields: readonly [{
409
+ readonly path: "checked";
410
+ readonly type: "boolean";
411
+ readonly label: "Checked";
412
+ }];
413
+ };
414
+ };
415
+ readonly props: {
416
+ readonly checked: {
417
+ readonly type: "boolean";
418
+ readonly category: "State";
419
+ readonly label: "Checked";
420
+ };
421
+ readonly disabled: {
422
+ readonly type: "boolean";
423
+ readonly category: "State";
424
+ readonly label: "Disabled";
425
+ };
426
+ };
427
+ };
428
+ readonly SwitchField: {
429
+ readonly name: "SwitchField";
430
+ readonly category: "pattern";
431
+ readonly description: "Captures a boolean switch value with a label.";
432
+ readonly directManifestNode: true;
433
+ readonly allowedChildren: readonly [];
434
+ readonly bindings: {
435
+ readonly props: {
436
+ readonly value: {
437
+ readonly label: "Value";
438
+ readonly description: "Current switch value.";
439
+ readonly value: {
440
+ readonly type: "boolean";
441
+ };
442
+ readonly acceptsFallback: true;
443
+ readonly acceptsTransforms: true;
444
+ };
445
+ readonly disabled: {
446
+ readonly label: "Disabled";
447
+ readonly description: "Whether the switch is disabled.";
448
+ readonly value: {
449
+ readonly type: "boolean";
450
+ };
451
+ readonly acceptsFallback: true;
452
+ readonly acceptsTransforms: true;
453
+ };
454
+ };
455
+ readonly events: {
456
+ readonly valueChange: {
457
+ readonly label: "Value change";
458
+ readonly description: "Runs when the switch value changes.";
459
+ readonly payload: {
460
+ readonly eventType: "switchField.valueChange";
461
+ readonly fields: readonly [{
462
+ readonly path: "value";
463
+ readonly type: "boolean";
464
+ readonly label: "Value";
465
+ }];
466
+ };
467
+ };
468
+ };
469
+ };
470
+ readonly events: {
471
+ readonly valueChange: {
472
+ readonly label: "Value change";
473
+ readonly eventType: "switchField.valueChange";
474
+ readonly description: "Emitted when the switch value changes.";
475
+ readonly payloadFields: readonly [{
476
+ readonly path: "value";
477
+ readonly type: "boolean";
478
+ readonly label: "Value";
479
+ }];
480
+ };
481
+ };
482
+ readonly props: {
483
+ readonly value: {
484
+ readonly type: "boolean";
485
+ readonly category: "State";
486
+ readonly label: "Value";
487
+ };
488
+ readonly disabled: {
489
+ readonly type: "boolean";
490
+ readonly category: "State";
491
+ readonly label: "Disabled";
492
+ };
493
+ };
494
+ };
495
+ readonly List: {
496
+ readonly name: "List";
497
+ readonly category: "pattern";
498
+ readonly description: "Renders a collection of list items.";
499
+ readonly directManifestNode: true;
500
+ readonly allowedChildren: readonly ["ListSection", "ListRow"];
501
+ readonly bindings: {
502
+ readonly props: {
503
+ readonly items: {
504
+ readonly label: "Items";
505
+ readonly description: "Collection rendered by the list.";
506
+ readonly value: {
507
+ readonly type: "array";
508
+ readonly itemType: "object";
509
+ };
510
+ readonly acceptsFallback: true;
511
+ readonly acceptsTransforms: true;
512
+ };
513
+ };
514
+ };
515
+ readonly props: {
516
+ readonly items: {
517
+ readonly type: "array";
518
+ readonly category: "Data";
519
+ readonly label: "Items";
520
+ };
521
+ };
522
+ };
523
+ readonly DataTable: {
524
+ readonly name: "DataTable";
525
+ readonly category: "component";
526
+ readonly description: "Renders tabular records.";
527
+ readonly directManifestNode: true;
528
+ readonly allowedChildren: readonly [];
529
+ readonly bindings: {
530
+ readonly props: {
531
+ readonly rows: {
532
+ readonly label: "Rows";
533
+ readonly description: "Rows rendered by the table.";
534
+ readonly value: {
535
+ readonly type: "array";
536
+ readonly itemType: "record";
537
+ };
538
+ readonly acceptsFallback: true;
539
+ readonly acceptsTransforms: true;
540
+ };
541
+ };
542
+ };
543
+ readonly props: {
544
+ readonly rows: {
545
+ readonly type: "array";
546
+ readonly category: "Data";
547
+ readonly label: "Rows";
548
+ };
549
+ };
550
+ };
551
+ };
552
+ export type ZoraBindableComponentType = keyof typeof ZORA_BINDABLE_COMPONENT_META;
553
+ //# sourceMappingURL=bindableComponentMeta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"bindableComponentMeta.d.ts","sourceRoot":"","sources":["../../src/metadata/bindableComponentMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAudG,CAAC;AAE7C,MAAM,MAAM,yBAAyB,GAAG,MAAM,OAAO,4BAA4B,CAAC"}