@adia-ai/gen-ui 0.8.52 → 0.8.54

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 (52) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/compose/strategies/monolithic/_shared.js +2 -2
  3. package/compose/transpiler/transpiler-maps.js +18 -1
  4. package/corpus/chunk-embeddings.json +1 -1
  5. package/corpus/chunks/_index.json +5 -7
  6. package/corpus/chunks/_source-hashes.json +105 -101
  7. package/corpus/chunks/access-denied-with-request.json +1 -1
  8. package/corpus/chunks/access-request-pending.json +1 -1
  9. package/corpus/chunks/accordion-settings.json +20 -50
  10. package/corpus/chunks/agent-cost-detailed.json +3 -3
  11. package/corpus/chunks/api-keys-create.json +1 -1
  12. package/corpus/chunks/billing-overview.json +4 -4
  13. package/corpus/chunks/chart-in-card-chart-with-filter-pills.json +4 -4
  14. package/corpus/chunks/chart-with-filter-pills.json +4 -4
  15. package/corpus/chunks/code-snippet.json +1 -1
  16. package/corpus/chunks/contact-support-form.json +2 -2
  17. package/corpus/chunks/conversion-funnel-with-segment-compare.json +4 -4
  18. package/corpus/chunks/dashboard-acquisition-panel.json +4 -4
  19. package/corpus/chunks/dashboard-notifications-panel.json +4 -4
  20. package/corpus/chunks/dashboard-reports-panel.json +2 -2
  21. package/corpus/chunks/dashboard-reports-table.json +2 -2
  22. package/corpus/chunks/dashboard-traffic-channels.json +4 -4
  23. package/corpus/chunks/data-export-request.json +1 -1
  24. package/corpus/chunks/date-time-picker-form.json +9 -17
  25. package/corpus/chunks/drawer-custom-roles.json +1 -1
  26. package/corpus/chunks/drawer-gcal.json +1 -1
  27. package/corpus/chunks/drawer-github.json +1 -1
  28. package/corpus/chunks/drawer-revoke-session.json +1 -1
  29. package/corpus/chunks/export-flow-async.json +1 -1
  30. package/corpus/chunks/extended-profile-form.json +2 -2
  31. package/corpus/chunks/filter-bar-saved-views.json +4 -4
  32. package/corpus/chunks/form-drawer-tall-form.json +1 -1
  33. package/corpus/chunks/form-fields-two-column.json +1 -3
  34. package/corpus/chunks/import-mapping-flow.json +18 -2
  35. package/corpus/chunks/integrations-grid.json +2 -2
  36. package/corpus/chunks/member-edit-drawer.json +2 -2
  37. package/corpus/chunks/notification-badges-feed.json +4 -4
  38. package/corpus/chunks/permission-matrix-table.json +1 -1
  39. package/corpus/chunks/radio-button-group.json +8 -16
  40. package/corpus/chunks/reg-extended-profile.json +2 -2
  41. package/corpus/chunks/reg-helpdesk-grid.json +2 -2
  42. package/corpus/chunks/reg-step-shell.json +2 -2
  43. package/corpus/chunks/reg-team-size.json +2 -2
  44. package/corpus/chunks/revenue-heatmap.json +2 -2
  45. package/corpus/chunks/segmented-control-billing-tabs.json +4 -4
  46. package/corpus/chunks/settings-appearance-primitives.json +2 -2
  47. package/corpus/chunks/signup-team-size-form.json +2 -2
  48. package/corpus/chunks/toolbar-rich-text-editor.json +4 -4
  49. package/corpus/chunks/verification-document-upload.json +1 -1
  50. package/corpus/chunks/verification-status.json +1 -1
  51. package/corpus/manifest.json +2 -2
  52. package/package.json +1 -1
@@ -6,7 +6,7 @@
6
6
  "slots": [],
7
7
  "nested": [],
8
8
  "attrs": {},
9
- "html": "<card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Today's usage</span>\n <text-ui slot=\"description\" color=\"subtle\">Apr 29 · across all sessions</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <grid-ui columns=\"3\" gap=\"2\">\n <stat-ui label=\"Cost\" value=\"$2.41\" trend=\"up\" change=\"+18%\"></stat-ui>\n <stat-ui label=\"Tokens\" value=\"184k\" trend=\"up\" change=\"+12%\"></stat-ui>\n <stat-ui label=\"Calls\" value=\"47\" trend=\"flat\"></stat-ui>\n </grid-ui>\n <description-list-ui layout=\"inline\" align=\"between\">\n <dt>Input tokens</dt><dd>142,108 · $0.43</dd>\n <dt>Output tokens</dt><dd>38,294 · $1.72</dd>\n <dt>Cache reads</dt><dd>3,841 · $0.01</dd>\n <dt>Cache writes</dt><dd>1,267 · $0.25</dd>\n </description-list-ui>\n </col-ui>\n </section>\n <footer divider>\n <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Plan limit: 1M tokens / day</text-ui>\n <button-ui slot=\"action\" text=\"View invoice\" variant=\"ghost\" size=\"sm\" icon=\"receipt\"></button-ui>\n </footer>\n </card-ui>",
9
+ "html": "<card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Today's usage</span>\n <text-ui slot=\"description\" color=\"subtle\">Apr 29 · across all sessions</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <grid-ui columns=\"3\" gap=\"2\">\n <stat-ui label=\"Cost\" value=\"$2.41\" trend=\"up\" change=\"+18%\"></stat-ui>\n <stat-ui label=\"Tokens\" value=\"184k\" trend=\"up\" change=\"+12%\"></stat-ui>\n <stat-ui label=\"Calls\" value=\"47\" trend=\"neutral\"></stat-ui>\n </grid-ui>\n <description-list-ui layout=\"inline\" align=\"between\">\n <dt>Input tokens</dt><dd>142,108 · $0.43</dd>\n <dt>Output tokens</dt><dd>38,294 · $1.72</dd>\n <dt>Cache reads</dt><dd>3,841 · $0.01</dd>\n <dt>Cache writes</dt><dd>1,267 · $0.25</dd>\n </description-list-ui>\n </col-ui>\n </section>\n <footer divider>\n <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Plan limit: 1M tokens / day</text-ui>\n <button-ui slot=\"action\" text=\"View invoice\" variant=\"ghost\" size=\"sm\" icon=\"receipt\"></button-ui>\n </footer>\n </card-ui>",
10
10
  "source": "packages/web-components/patterns/agent-cost/agent-cost.examples.html",
11
11
  "metadata": {
12
12
  "domain": "agent",
@@ -31,7 +31,7 @@
31
31
  "metering"
32
32
  ]
33
33
  },
34
- "captured_at": "2026-08-19T03:56:11.704Z",
34
+ "captured_at": "2026-08-25T22:29:02.730Z",
35
35
  "template": [
36
36
  {
37
37
  "id": "text",
@@ -75,7 +75,7 @@
75
75
  "id": "stat-3",
76
76
  "component": "Stat",
77
77
  "label": "Calls",
78
- "trend": "flat",
78
+ "trend": "neutral",
79
79
  "value": "47"
80
80
  },
81
81
  {
@@ -28,7 +28,7 @@
28
28
  "settings"
29
29
  ]
30
30
  },
31
- "captured_at": "2026-08-19T12:44:41.891Z",
31
+ "captured_at": "2026-08-25T21:13:27.430Z",
32
32
  "template": [
33
33
  {
34
34
  "id": "text",
@@ -29,7 +29,7 @@
29
29
  "subscription"
30
30
  ]
31
31
  },
32
- "captured_at": "2026-08-17T04:33:27.534Z",
32
+ "captured_at": "2026-08-25T22:29:38.671Z",
33
33
  "template": [
34
34
  {
35
35
  "id": "avatar",
@@ -129,8 +129,8 @@
129
129
  "value": "annual"
130
130
  },
131
131
  {
132
- "id": "segmented-control",
133
- "component": "SegmentedControl",
132
+ "id": "segmented",
133
+ "component": "Segmented",
134
134
  "value": "monthly",
135
135
  "children": [
136
136
  "segment",
@@ -142,7 +142,7 @@
142
142
  "component": "Field",
143
143
  "label": "Billing interval",
144
144
  "children": [
145
- "segmented-control"
145
+ "segmented"
146
146
  ]
147
147
  },
148
148
  {
@@ -29,7 +29,7 @@
29
29
  "toggle"
30
30
  ]
31
31
  },
32
- "captured_at": "2026-08-18T05:03:46.997Z",
32
+ "captured_at": "2026-08-25T22:29:38.671Z",
33
33
  "template": [
34
34
  {
35
35
  "id": "text-2",
@@ -71,8 +71,8 @@
71
71
  "value": "3m"
72
72
  },
73
73
  {
74
- "id": "segmented-control",
75
- "component": "SegmentedControl",
74
+ "id": "segmented",
75
+ "component": "Segmented",
76
76
  "slot": "action",
77
77
  "value": "1m",
78
78
  "children": [
@@ -87,7 +87,7 @@
87
87
  "component": "Header",
88
88
  "children": [
89
89
  "text",
90
- "segmented-control"
90
+ "segmented"
91
91
  ]
92
92
  },
93
93
  {
@@ -24,7 +24,7 @@
24
24
  "card"
25
25
  ]
26
26
  },
27
- "captured_at": "2026-08-18T05:03:46.997Z",
27
+ "captured_at": "2026-08-25T22:29:38.671Z",
28
28
  "template": [
29
29
  {
30
30
  "id": "text",
@@ -58,8 +58,8 @@
58
58
  "value": "year"
59
59
  },
60
60
  {
61
- "id": "segmented-control",
62
- "component": "SegmentedControl",
61
+ "id": "segmented",
62
+ "component": "Segmented",
63
63
  "value": "month",
64
64
  "children": [
65
65
  "segment",
@@ -75,7 +75,7 @@
75
75
  "gap": "3",
76
76
  "children": [
77
77
  "text",
78
- "segmented-control"
78
+ "segmented"
79
79
  ]
80
80
  },
81
81
  {
@@ -27,7 +27,7 @@
27
27
  "documentation"
28
28
  ]
29
29
  },
30
- "captured_at": "2026-08-15T04:10:49.553Z",
30
+ "captured_at": "2026-08-25T21:13:27.430Z",
31
31
  "template": [
32
32
  {
33
33
  "id": "text",
@@ -52,7 +52,7 @@
52
52
  "form": "contact"
53
53
  }
54
54
  },
55
- "captured_at": "2026-08-06T10:45:35.201Z",
55
+ "captured_at": "2026-08-25T22:29:38.671Z",
56
56
  "template": [
57
57
  {
58
58
  "id": "text",
@@ -138,7 +138,7 @@
138
138
  },
139
139
  {
140
140
  "id": "hours",
141
- "component": "SegmentedControl",
141
+ "component": "Segmented",
142
142
  "value": "247",
143
143
  "children": [
144
144
  "segment",
@@ -26,7 +26,7 @@
26
26
  "drop-off"
27
27
  ]
28
28
  },
29
- "captured_at": "2026-08-17T04:33:27.534Z",
29
+ "captured_at": "2026-08-25T22:29:38.671Z",
30
30
  "template": [
31
31
  {
32
32
  "id": "text",
@@ -54,8 +54,8 @@
54
54
  "value": "returning"
55
55
  },
56
56
  {
57
- "id": "segmented-control",
58
- "component": "SegmentedControl",
57
+ "id": "segmented",
58
+ "component": "Segmented",
59
59
  "value": "new",
60
60
  "children": [
61
61
  "segment",
@@ -68,7 +68,7 @@
68
68
  "variant": "body",
69
69
  "slot": "action",
70
70
  "children": [
71
- "segmented-control"
71
+ "segmented"
72
72
  ]
73
73
  },
74
74
  {
@@ -36,7 +36,7 @@
36
36
  "layout": "panel"
37
37
  }
38
38
  },
39
- "captured_at": "2026-08-19T12:44:41.891Z",
39
+ "captured_at": "2026-08-25T22:29:38.671Z",
40
40
  "template": [
41
41
  {
42
42
  "id": "text",
@@ -70,8 +70,8 @@
70
70
  "value": "90d"
71
71
  },
72
72
  {
73
- "id": "segmented-control",
74
- "component": "SegmentedControl",
73
+ "id": "segmented",
74
+ "component": "Segmented",
75
75
  "value": "30d",
76
76
  "children": [
77
77
  "segment",
@@ -85,7 +85,7 @@
85
85
  "variant": "body",
86
86
  "slot": "action",
87
87
  "children": [
88
- "segmented-control"
88
+ "segmented"
89
89
  ]
90
90
  },
91
91
  {
@@ -33,7 +33,7 @@
33
33
  "layout": "panel"
34
34
  }
35
35
  },
36
- "captured_at": "2026-08-10T18:10:27.206Z",
36
+ "captured_at": "2026-08-25T22:29:38.671Z",
37
37
  "template": [
38
38
  {
39
39
  "id": "text",
@@ -67,8 +67,8 @@
67
67
  "value": "mentions"
68
68
  },
69
69
  {
70
- "id": "segmented-control",
71
- "component": "SegmentedControl",
70
+ "id": "segmented",
71
+ "component": "Segmented",
72
72
  "value": "all",
73
73
  "children": [
74
74
  "segment",
@@ -90,7 +90,7 @@
90
90
  "align": "center",
91
91
  "gap": "2",
92
92
  "children": [
93
- "segmented-control",
93
+ "segmented",
94
94
  "button"
95
95
  ]
96
96
  },
@@ -34,7 +34,7 @@
34
34
  "layout": "panel"
35
35
  }
36
36
  },
37
- "captured_at": "2026-07-17T20:08:04.842Z",
37
+ "captured_at": "2026-08-25T22:29:38.671Z",
38
38
  "template": [
39
39
  {
40
40
  "id": "text",
@@ -75,7 +75,7 @@
75
75
  },
76
76
  {
77
77
  "id": "dash-reports-subtabs",
78
- "component": "SegmentedControl",
78
+ "component": "Segmented",
79
79
  "value": "revenue",
80
80
  "children": [
81
81
  "segment",
@@ -22,7 +22,7 @@
22
22
  "actions"
23
23
  ]
24
24
  },
25
- "captured_at": "2026-07-17T20:08:04.842Z",
25
+ "captured_at": "2026-08-25T22:29:38.671Z",
26
26
  "template": [
27
27
  {
28
28
  "id": "text",
@@ -63,7 +63,7 @@
63
63
  },
64
64
  {
65
65
  "id": "dash-reports-subtabs",
66
- "component": "SegmentedControl",
66
+ "component": "Segmented",
67
67
  "value": "revenue",
68
68
  "children": [
69
69
  "segment",
@@ -26,7 +26,7 @@
26
26
  "breakpoint"
27
27
  ]
28
28
  },
29
- "captured_at": "2026-08-19T12:44:41.891Z",
29
+ "captured_at": "2026-08-25T22:29:38.671Z",
30
30
  "template": [
31
31
  {
32
32
  "id": "text",
@@ -60,8 +60,8 @@
60
60
  "value": "90d"
61
61
  },
62
62
  {
63
- "id": "segmented-control",
64
- "component": "SegmentedControl",
63
+ "id": "segmented",
64
+ "component": "Segmented",
65
65
  "value": "30d",
66
66
  "children": [
67
67
  "segment",
@@ -75,7 +75,7 @@
75
75
  "variant": "body",
76
76
  "slot": "action",
77
77
  "children": [
78
- "segmented-control"
78
+ "segmented"
79
79
  ]
80
80
  },
81
81
  {
@@ -29,7 +29,7 @@
29
29
  "takeout"
30
30
  ]
31
31
  },
32
- "captured_at": "2026-07-29T09:15:19.217Z",
32
+ "captured_at": "2026-08-25T21:13:27.430Z",
33
33
  "template": [
34
34
  {
35
35
  "id": "text",
@@ -8,7 +8,7 @@
8
8
  "radio-button-group"
9
9
  ],
10
10
  "attrs": {},
11
- "html": "<card-ui>\n <header>\n <h3>Schedule meeting</h3>\n </header>\n <section>\n <col-ui gap=\"4\">\n <grid-ui columns=\"1 2@sm\" gap=\"3\">\n <field-ui label=\"Date\">\n <calendar-picker-ui></calendar-picker-ui>\n </field-ui>\n <field-ui label=\"Time\">\n <time-picker-ui value=\"14:30\"></time-picker-ui>\n </field-ui>\n </grid-ui>\n <field-ui label=\"Timezone\">\n <select-ui>\n <option>America/New_York</option>\n <option>America/Los_Angeles</option>\n <option>Europe/London</option>\n <option>Asia/Tokyo</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Repeats\"><!-- nested: radio-button-group --></field-ui>\n </col-ui>\n </section>\n <footer>\n <row-ui gap=\"3\">\n <button-ui text=\"Cancel\" variant=\"outline\"></button-ui>\n <button-ui text=\"Schedule\" variant=\"primary\"></button-ui>\n </row-ui>\n </footer>\n </card-ui>",
11
+ "html": "<card-ui>\n <header>\n <h3>Schedule meeting</h3>\n </header>\n <section>\n <col-ui gap=\"4\">\n <grid-ui columns=\"1 2@sm\" gap=\"3\">\n <field-ui label=\"Date\">\n <calendar-picker-ui></calendar-picker-ui>\n </field-ui>\n <field-ui label=\"Time\">\n <time-picker-ui value=\"14:30\"></time-picker-ui>\n </field-ui>\n </grid-ui>\n <field-ui label=\"Timezone\">\n <select-ui>\n <option>America/New_York</option>\n <option>America/Los_Angeles</option>\n <option>Europe/London</option>\n <option>Asia/Tokyo</option>\n </select-ui>\n </field-ui>\n <radio-group-ui label=\"Repeats\"><!-- nested: radio-button-group --></radio-group-ui>\n </col-ui>\n </section>\n <footer>\n <row-ui gap=\"3\">\n <button-ui text=\"Cancel\" variant=\"outline\"></button-ui>\n <button-ui text=\"Schedule\" variant=\"primary\"></button-ui>\n </row-ui>\n </footer>\n </card-ui>",
12
12
  "source": "catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
13
13
  "metadata": {
14
14
  "domain": "forms",
@@ -27,7 +27,7 @@
27
27
  "card"
28
28
  ]
29
29
  },
30
- "captured_at": "2026-08-16T23:54:36.437Z",
30
+ "captured_at": "2026-08-25T22:29:02.730Z",
31
31
  "template": [
32
32
  {
33
33
  "id": "text",
@@ -137,9 +137,9 @@
137
137
  "value": "monthly"
138
138
  },
139
139
  {
140
- "id": "column-2",
141
- "component": "Column",
142
- "gap": "2",
140
+ "id": "radio-group-2",
141
+ "component": "RadioGroup",
142
+ "label": "Repeats",
143
143
  "children": [
144
144
  "recur",
145
145
  "radio",
@@ -148,19 +148,11 @@
148
148
  ]
149
149
  },
150
150
  {
151
- "id": "field-5",
152
- "component": "Field",
153
- "label": "Repeats",
154
- "children": [
155
- "column-2"
156
- ]
157
- },
158
- {
159
- "id": "field-4",
160
- "component": "Field",
151
+ "id": "radio-group",
152
+ "component": "RadioGroup",
161
153
  "label": "Repeats",
162
154
  "children": [
163
- "field-5"
155
+ "radio-group-2"
164
156
  ]
165
157
  },
166
158
  {
@@ -170,7 +162,7 @@
170
162
  "children": [
171
163
  "grid",
172
164
  "field-3",
173
- "field-4"
165
+ "radio-group"
174
166
  ]
175
167
  },
176
168
  {
@@ -27,7 +27,7 @@
27
27
  "control"
28
28
  ]
29
29
  },
30
- "captured_at": "2026-08-10T18:10:27.206Z",
30
+ "captured_at": "2026-08-25T21:13:27.430Z",
31
31
  "template": [
32
32
  {
33
33
  "id": "avatar",
@@ -25,7 +25,7 @@
25
25
  "events"
26
26
  ]
27
27
  },
28
- "captured_at": "2026-07-17T20:08:04.842Z",
28
+ "captured_at": "2026-08-25T21:13:27.430Z",
29
29
  "template": [
30
30
  {
31
31
  "id": "avatar",
@@ -27,7 +27,7 @@
27
27
  "requests"
28
28
  ]
29
29
  },
30
- "captured_at": "2026-07-17T20:08:04.842Z",
30
+ "captured_at": "2026-08-25T21:13:27.430Z",
31
31
  "template": [
32
32
  {
33
33
  "id": "avatar",
@@ -25,7 +25,7 @@
25
25
  "active"
26
26
  ]
27
27
  },
28
- "captured_at": "2026-07-17T20:08:04.842Z",
28
+ "captured_at": "2026-08-25T21:13:27.430Z",
29
29
  "template": [
30
30
  {
31
31
  "id": "avatar",
@@ -27,7 +27,7 @@
27
27
  "queue"
28
28
  ]
29
29
  },
30
- "captured_at": "2026-07-29T09:15:19.217Z",
30
+ "captured_at": "2026-08-25T21:13:27.430Z",
31
31
  "template": [
32
32
  {
33
33
  "id": "text",
@@ -73,7 +73,7 @@
73
73
  "form": "profile"
74
74
  }
75
75
  },
76
- "captured_at": "2026-08-06T10:45:35.201Z",
76
+ "captured_at": "2026-08-25T22:29:38.671Z",
77
77
  "template": [
78
78
  {
79
79
  "id": "text",
@@ -314,7 +314,7 @@
314
314
  },
315
315
  {
316
316
  "id": "hours",
317
- "component": "SegmentedControl",
317
+ "component": "Segmented",
318
318
  "value": "9to5",
319
319
  "children": [
320
320
  "segment",
@@ -30,7 +30,7 @@
30
30
  "data"
31
31
  ]
32
32
  },
33
- "captured_at": "2026-07-29T09:15:19.217Z",
33
+ "captured_at": "2026-08-25T22:29:38.671Z",
34
34
  "template": [
35
35
  {
36
36
  "id": "segment",
@@ -57,8 +57,8 @@
57
57
  "value": "archived"
58
58
  },
59
59
  {
60
- "id": "segmented-control",
61
- "component": "SegmentedControl",
60
+ "id": "segmented",
61
+ "component": "Segmented",
62
62
  "value": "my-open",
63
63
  "children": [
64
64
  "segment",
@@ -87,7 +87,7 @@
87
87
  "gap": "3",
88
88
  "wrap": true,
89
89
  "children": [
90
- "segmented-control",
90
+ "segmented",
91
91
  "text",
92
92
  "button"
93
93
  ]
@@ -32,7 +32,7 @@
32
32
  "fields"
33
33
  ]
34
34
  },
35
- "captured_at": "2026-07-29T09:15:19.217Z",
35
+ "captured_at": "2026-08-25T21:13:27.430Z",
36
36
  "template": [
37
37
  {
38
38
  "id": "text",
@@ -10,7 +10,7 @@
10
10
  "source": "site/pages/patterns/forms.html",
11
11
  "metadata": {
12
12
  "domain": "forms",
13
- "description": "Two side-by-side form fields — fields-ui wrapping a pair of field-ui controls, collapsing to a single column on narrow viewports automatically. For first/last name or city/state rows.",
13
+ "description": "Two side-by-side form fields — fields-ui wrapping a pair of field-ui controls, laid out in a static two-column grid (no automatic responsive collapse). For first/last name or city/state rows.",
14
14
  "keywords": [
15
15
  "form",
16
16
  "fields",
@@ -19,8 +19,6 @@
19
19
  "fields-ui",
20
20
  "field-ui",
21
21
  "input-ui",
22
- "responsive",
23
- "collapse",
24
22
  "row",
25
23
  "first-name",
26
24
  "last-name",