@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.
- package/CHANGELOG.md +18 -0
- package/compose/strategies/monolithic/_shared.js +2 -2
- package/compose/transpiler/transpiler-maps.js +18 -1
- package/corpus/chunk-embeddings.json +1 -1
- package/corpus/chunks/_index.json +5 -7
- package/corpus/chunks/_source-hashes.json +105 -101
- package/corpus/chunks/access-denied-with-request.json +1 -1
- package/corpus/chunks/access-request-pending.json +1 -1
- package/corpus/chunks/accordion-settings.json +20 -50
- package/corpus/chunks/agent-cost-detailed.json +3 -3
- package/corpus/chunks/api-keys-create.json +1 -1
- package/corpus/chunks/billing-overview.json +4 -4
- package/corpus/chunks/chart-in-card-chart-with-filter-pills.json +4 -4
- package/corpus/chunks/chart-with-filter-pills.json +4 -4
- package/corpus/chunks/code-snippet.json +1 -1
- package/corpus/chunks/contact-support-form.json +2 -2
- package/corpus/chunks/conversion-funnel-with-segment-compare.json +4 -4
- package/corpus/chunks/dashboard-acquisition-panel.json +4 -4
- package/corpus/chunks/dashboard-notifications-panel.json +4 -4
- package/corpus/chunks/dashboard-reports-panel.json +2 -2
- package/corpus/chunks/dashboard-reports-table.json +2 -2
- package/corpus/chunks/dashboard-traffic-channels.json +4 -4
- package/corpus/chunks/data-export-request.json +1 -1
- package/corpus/chunks/date-time-picker-form.json +9 -17
- package/corpus/chunks/drawer-custom-roles.json +1 -1
- package/corpus/chunks/drawer-gcal.json +1 -1
- package/corpus/chunks/drawer-github.json +1 -1
- package/corpus/chunks/drawer-revoke-session.json +1 -1
- package/corpus/chunks/export-flow-async.json +1 -1
- package/corpus/chunks/extended-profile-form.json +2 -2
- package/corpus/chunks/filter-bar-saved-views.json +4 -4
- package/corpus/chunks/form-drawer-tall-form.json +1 -1
- package/corpus/chunks/form-fields-two-column.json +1 -3
- package/corpus/chunks/import-mapping-flow.json +18 -2
- package/corpus/chunks/integrations-grid.json +2 -2
- package/corpus/chunks/member-edit-drawer.json +2 -2
- package/corpus/chunks/notification-badges-feed.json +4 -4
- package/corpus/chunks/permission-matrix-table.json +1 -1
- package/corpus/chunks/radio-button-group.json +8 -16
- package/corpus/chunks/reg-extended-profile.json +2 -2
- package/corpus/chunks/reg-helpdesk-grid.json +2 -2
- package/corpus/chunks/reg-step-shell.json +2 -2
- package/corpus/chunks/reg-team-size.json +2 -2
- package/corpus/chunks/revenue-heatmap.json +2 -2
- package/corpus/chunks/segmented-control-billing-tabs.json +4 -4
- package/corpus/chunks/settings-appearance-primitives.json +2 -2
- package/corpus/chunks/signup-team-size-form.json +2 -2
- package/corpus/chunks/toolbar-rich-text-editor.json +4 -4
- package/corpus/chunks/verification-document-upload.json +1 -1
- package/corpus/chunks/verification-status.json +1 -1
- package/corpus/manifest.json +2 -2
- 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=\"
|
|
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-
|
|
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": "
|
|
78
|
+
"trend": "neutral",
|
|
79
79
|
"value": "47"
|
|
80
80
|
},
|
|
81
81
|
{
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"subscription"
|
|
30
30
|
]
|
|
31
31
|
},
|
|
32
|
-
"captured_at": "2026-08-
|
|
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
|
|
133
|
-
"component": "
|
|
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
|
|
145
|
+
"segmented"
|
|
146
146
|
]
|
|
147
147
|
},
|
|
148
148
|
{
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"toggle"
|
|
30
30
|
]
|
|
31
31
|
},
|
|
32
|
-
"captured_at": "2026-08-
|
|
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
|
|
75
|
-
"component": "
|
|
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
|
|
90
|
+
"segmented"
|
|
91
91
|
]
|
|
92
92
|
},
|
|
93
93
|
{
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"card"
|
|
25
25
|
]
|
|
26
26
|
},
|
|
27
|
-
"captured_at": "2026-08-
|
|
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
|
|
62
|
-
"component": "
|
|
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
|
|
78
|
+
"segmented"
|
|
79
79
|
]
|
|
80
80
|
},
|
|
81
81
|
{
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"form": "contact"
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
|
-
"captured_at": "2026-08-
|
|
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": "
|
|
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-
|
|
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
|
|
58
|
-
"component": "
|
|
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
|
|
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-
|
|
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
|
|
74
|
-
"component": "
|
|
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
|
|
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-
|
|
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
|
|
71
|
-
"component": "
|
|
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
|
|
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-
|
|
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": "
|
|
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-
|
|
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": "
|
|
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-
|
|
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
|
|
64
|
-
"component": "
|
|
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
|
|
78
|
+
"segmented"
|
|
79
79
|
]
|
|
80
80
|
},
|
|
81
81
|
{
|
|
@@ -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 <
|
|
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-
|
|
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": "
|
|
141
|
-
"component": "
|
|
142
|
-
"
|
|
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": "
|
|
152
|
-
"component": "
|
|
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
|
-
"
|
|
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
|
-
"
|
|
165
|
+
"radio-group"
|
|
174
166
|
]
|
|
175
167
|
},
|
|
176
168
|
{
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"form": "profile"
|
|
74
74
|
}
|
|
75
75
|
},
|
|
76
|
-
"captured_at": "2026-08-
|
|
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": "
|
|
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-
|
|
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
|
|
61
|
-
"component": "
|
|
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
|
|
90
|
+
"segmented",
|
|
91
91
|
"text",
|
|
92
92
|
"button"
|
|
93
93
|
]
|
|
@@ -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,
|
|
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",
|