@adia-ai/a2ui-corpus 0.4.9 → 0.5.1
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 +34 -0
- package/chunks/_index.json +1452 -43
- package/chunks/accordion-settings.json +234 -0
- package/chunks/agent-activity-feed.json +74 -1
- package/chunks/agent-canvas-shell.json +1 -1
- package/chunks/agent-command-palette-search.json +148 -0
- package/chunks/agent-reasoning-collapsed.json +55 -1
- package/chunks/agent-tool-call-result.json +130 -0
- package/chunks/agent-trace-timeline.json +201 -0
- package/chunks/ai-streaming-response.json +122 -0
- package/chunks/alert-banner.json +85 -0
- package/chunks/auth-account-deleted-actions.json +1 -1
- package/chunks/auth-account-deleted.json +1 -1
- package/chunks/auth-card-content.json +2 -2
- package/chunks/auth-card-header.json +1 -1
- package/chunks/auth-email-entry.json +43 -2
- package/chunks/auth-email-verify-confirm.json +1 -1
- package/chunks/auth-email-verify.json +1 -1
- package/chunks/auth-forbidden-actions.json +1 -1
- package/chunks/auth-forbidden.json +1 -1
- package/chunks/auth-invite-actions.json +1 -1
- package/chunks/auth-invite-team-card.json +1 -1
- package/chunks/auth-link-expired-form.json +1 -1
- package/chunks/auth-link-expired.json +1 -1
- package/chunks/auth-locked-account.json +1 -1
- package/chunks/auth-locked-recovery-options.json +1 -1
- package/chunks/auth-mfa-enrollment-submit.json +1 -1
- package/chunks/auth-mfa-enrollment.json +1 -1
- package/chunks/auth-mfa-fallback-actions.json +1 -1
- package/chunks/auth-mfa-recovery.json +1 -1
- package/chunks/auth-new-password-form.json +1 -1
- package/chunks/auth-new-password.json +1 -1
- package/chunks/auth-oauth-fallback-actions.json +1 -1
- package/chunks/auth-oauth-interstitial.json +1 -1
- package/chunks/auth-password-challenge.json +1 -1
- package/chunks/auth-password-reset-form.json +1 -1
- package/chunks/auth-password-reset.json +1 -1
- package/chunks/auth-profile-form.json +1 -1
- package/chunks/auth-profile-setup.json +1 -1
- package/chunks/auth-reset-sent.json +1 -1
- package/chunks/auth-session-expired-actions.json +1 -1
- package/chunks/auth-session-expired.json +1 -1
- package/chunks/auth-signin-card-email.json +1 -1
- package/chunks/auth-signin-card-magic-link.json +1 -1
- package/chunks/auth-signin-card-mfa.json +1 -1
- package/chunks/auth-signin-card-otp.json +1 -1
- package/chunks/auth-signin-card-password.json +1 -1
- package/chunks/auth-signin-card-recovery.json +1 -1
- package/chunks/auth-signout-actions.json +1 -1
- package/chunks/auth-signout.json +1 -1
- package/chunks/auth-signup-email-entry.json +1 -1
- package/chunks/auth-signup-entry.json +1 -1
- package/chunks/auth-signup-social-auths.json +1 -1
- package/chunks/auth-signup-verify.json +1 -1
- package/chunks/auth-social-auths.json +1 -1
- package/chunks/auth-sso-providers.json +1 -1
- package/chunks/auth-sso-required.json +1 -1
- package/chunks/auth-team-invite.json +1 -1
- package/chunks/breadcrumb-nav.json +82 -0
- package/chunks/card-header-with-description.json +1 -1
- package/chunks/chart-with-filter-pills.json +132 -0
- package/chunks/chat-page-shell.json +307 -2
- package/chunks/chat-streaming-surface.json +79 -2
- package/chunks/command-palette.json +49 -1
- package/chunks/commerce-pricing-tiers.json +335 -2
- package/chunks/comparison-table.json +208 -0
- package/chunks/conversion-funnel-6step.json +117 -1
- package/chunks/dashboard-acquisition-panel.json +1 -1
- package/chunks/dashboard-admin-page.json +3 -3
- package/chunks/dashboard-audience-kpis.json +1 -1
- package/chunks/dashboard-audience-panel.json +1 -1
- package/chunks/dashboard-behavior-panel.json +1 -1
- package/chunks/dashboard-chart-recent.json +1 -1
- package/chunks/dashboard-cohort-retention.json +1 -1
- package/chunks/dashboard-conversion-panel.json +1 -1
- package/chunks/dashboard-country-list.json +1 -1
- package/chunks/dashboard-filter-bar.json +89 -1
- package/chunks/dashboard-funnel.json +115 -1
- package/chunks/dashboard-kpi-grid.json +129 -1
- package/chunks/dashboard-notifications-feed.json +1 -1
- package/chunks/dashboard-notifications-panel.json +1 -1
- package/chunks/dashboard-overview-panel.json +1 -1
- package/chunks/dashboard-page-header.json +1 -1
- package/chunks/dashboard-pages-table.json +1 -1
- package/chunks/dashboard-quick-actions.json +1 -1
- package/chunks/dashboard-reports-panel.json +1 -1
- package/chunks/dashboard-reports-table.json +1 -1
- package/chunks/dashboard-spark-cards.json +210 -1
- package/chunks/dashboard-storage-card.json +1 -1
- package/chunks/dashboard-tabs.json +58 -1
- package/chunks/dashboard-team-actions-storage.json +1 -1
- package/chunks/dashboard-team-list.json +1 -1
- package/chunks/dashboard-traffic-channels.json +1 -1
- package/chunks/dashboard-transactions-table.json +77 -1
- package/chunks/date-time-picker-form.json +194 -0
- package/chunks/destructive-confirm-modal.json +102 -1
- package/chunks/doc-editor-shell.json +1 -1
- package/chunks/drawer-2fa-key.json +1 -1
- package/chunks/drawer-2fa-sms.json +1 -1
- package/chunks/drawer-2fa-totp.json +1 -1
- package/chunks/drawer-cancel-sub.json +1 -1
- package/chunks/drawer-change-plan.json +1 -1
- package/chunks/drawer-custom-roles.json +1 -1
- package/chunks/drawer-data-start.json +1 -1
- package/chunks/drawer-delete-account.json +1 -1
- package/chunks/drawer-delete-workspace.json +1 -1
- package/chunks/drawer-discord.json +1 -1
- package/chunks/drawer-figma.json +1 -1
- package/chunks/drawer-first-dashboard.json +1 -1
- package/chunks/drawer-gcal.json +1 -1
- package/chunks/drawer-github.json +1 -1
- package/chunks/drawer-invite.json +1 -1
- package/chunks/drawer-payment-method.json +339 -2
- package/chunks/drawer-report.json +1 -1
- package/chunks/drawer-revoke-session.json +1 -1
- package/chunks/drawer-role.json +1 -1
- package/chunks/drawer-slack.json +1 -1
- package/chunks/drawer-smtp.json +1 -1
- package/chunks/drawer-source.json +1 -1
- package/chunks/drawer-transaction.json +1 -1
- package/chunks/editor-code-pane.json +63 -2
- package/chunks/editor-page-shell.json +1 -1
- package/chunks/editor-preview-pane.json +50 -2
- package/chunks/empty-state.json +66 -0
- package/chunks/error-404-actions.json +1 -1
- package/chunks/error-404.json +1 -1
- package/chunks/error-500-actions.json +1 -1
- package/chunks/error-500.json +1 -1
- package/chunks/error-maintenance-actions.json +1 -1
- package/chunks/error-maintenance.json +1 -1
- package/chunks/error-page-shell.json +100 -1
- package/chunks/faq-accordion.json +224 -0
- package/chunks/file-upload-dnd.json +47 -0
- package/chunks/footer-multi-column.json +210 -0
- package/chunks/footer-primary-only.json +1 -1
- package/chunks/form-page-shell.json +107 -1
- package/chunks/gallery-page-shell.json +400 -2
- package/chunks/hero-section-split.json +115 -0
- package/chunks/icon-text-row.json +1 -1
- package/chunks/image-carousel.json +119 -0
- package/chunks/image-tile.json +1 -1
- package/chunks/image-upload-preview.json +101 -0
- package/chunks/inventory-list-stock.json +201 -0
- package/chunks/kanban-board-3col.json +377 -1
- package/chunks/kanban-page-shell.json +534 -2
- package/chunks/kbd-shortcuts.json +235 -0
- package/chunks/labeled-textarea.json +31 -1
- package/chunks/leaderboard-table.json +258 -0
- package/chunks/linked-record-row.json +1 -1
- package/chunks/marketing-hero-cta.json +76 -1
- package/chunks/marketing-page-shell.json +279 -1
- package/chunks/masonry-gallery.json +289 -0
- package/chunks/member-edit-drawer.json +1 -1
- package/chunks/metadata-description-list.json +1 -1
- package/chunks/multi-step-wizard.json +164 -0
- package/chunks/notification-toast-row.json +138 -0
- package/chunks/onb-completion.json +1 -1
- package/chunks/onb-extension-install.json +1 -1
- package/chunks/onb-hero-welcome.json +1 -1
- package/chunks/onb-import-picker.json +1 -1
- package/chunks/onb-mobile-handoff.json +1 -1
- package/chunks/onb-notification-prefs.json +1 -1
- package/chunks/onb-persona-picker.json +1 -1
- package/chunks/onb-provider-tiles.json +1 -1
- package/chunks/onb-settings-review.json +1 -1
- package/chunks/onb-step-footer.json +1 -1
- package/chunks/onb-step-header.json +1 -1
- package/chunks/onb-step-progress.json +1 -1
- package/chunks/onb-step-shell.json +1 -1
- package/chunks/onb-story-pane.json +1 -1
- package/chunks/onb-tutorial-steps.json +1 -1
- package/chunks/playground-a2ui.json +1 -1
- package/chunks/playground-app-shell.json +1 -1
- package/chunks/playground-chat.json +1 -1
- package/chunks/playground-construct-canvas.json +1 -1
- package/chunks/playground-gen-ui.json +1 -1
- package/chunks/playground-render-preview.json +1 -1
- package/chunks/playground-streams-bridge.json +1 -1
- package/chunks/playground-table-toolbar.json +1 -1
- package/chunks/progress-tracker-milestones.json +255 -0
- package/chunks/real-time-metrics-dashboard.json +278 -0
- package/chunks/reg-address-form.json +753 -1
- package/chunks/reg-billing-card.json +173 -1
- package/chunks/reg-brand-scrape.json +1 -1
- package/chunks/reg-departments-toggle.json +1 -1
- package/chunks/reg-extended-profile.json +1 -1
- package/chunks/reg-final-done.json +1 -1
- package/chunks/reg-helpdesk-grid.json +1 -1
- package/chunks/reg-import-picker.json +1 -1
- package/chunks/reg-integrations-grid.json +1 -1
- package/chunks/reg-invite-form.json +210 -1
- package/chunks/reg-legal-entity.json +1 -1
- package/chunks/reg-org-chart-review.json +1 -1
- package/chunks/reg-profile-identity.json +1 -1
- package/chunks/reg-step-footer.json +1 -1
- package/chunks/reg-step-header.json +1 -1
- package/chunks/reg-step-progress.json +1 -1
- package/chunks/reg-step-shell.json +1 -1
- package/chunks/reg-story-pane.json +1 -1
- package/chunks/reg-success-summary.json +1 -1
- package/chunks/reg-team-size.json +1 -1
- package/chunks/reg-usecase-picker.json +1 -1
- package/chunks/reg-workspace-name.json +120 -2
- package/chunks/search-with-filters.json +100 -0
- package/chunks/section-with-stack.json +1 -1
- package/chunks/settings-admin-page.json +1 -1
- package/chunks/settings-appearance.json +16 -1
- package/chunks/settings-billing-plan.json +1 -1
- package/chunks/settings-general-form.json +49 -1
- package/chunks/settings-integrations.json +1 -1
- package/chunks/settings-members-invite.json +1 -1
- package/chunks/settings-notifications.json +205 -1
- package/chunks/settings-page-shell.json +149 -1
- package/chunks/settings-profile-security.json +115 -1
- package/chunks/sidebar-collapsible-nav.json +120 -0
- package/chunks/tabs-with-panels.json +172 -0
- package/chunks/testimonial-grid.json +247 -0
- package/chunks/text-card.json +1 -1
- package/chunks/timeline-events.json +209 -0
- package/chunks/toolbar-icons.json +97 -0
- package/chunks/toolbar-tooltips.json +92 -0
- package/chunks/user-identity-row.json +1 -1
- package/chunks/user-profile-card.json +166 -1
- package/chunks/users-table-badge.json +234 -1
- package/package.json +1 -1
|
@@ -0,0 +1,247 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "testimonial-grid",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "section",
|
|
5
|
+
"page": "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {},
|
|
9
|
+
"html": "<section>\n <col-ui gap=\"4\">\n <header align=\"center\">\n <h2>What teams are saying</h2>\n </header>\n <grid-ui columns=\"3\" gap=\"4\">\n <card-ui>\n <section>\n <col-ui gap=\"3\">\n <text-ui>\"Cut our GenUI shipping time by 4×. Free-form composer just works.\"</text-ui>\n <row-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"DS\" size=\"md\"></avatar-ui>\n <col-ui gap=\"0\">\n <text-ui strong size=\"sm\">Diana Singh</text-ui>\n <text-ui size=\"xs\" color=\"subtle\">Eng Lead, Design Tokens Studio</text-ui>\n </col-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <col-ui gap=\"3\">\n <text-ui>\"The chunk vocabulary made our PM-to-prototype loop instant.\"</text-ui>\n <row-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"MR\" size=\"md\"></avatar-ui>\n <col-ui gap=\"0\">\n <text-ui strong size=\"sm\">Marco Rossi</text-ui>\n <text-ui size=\"xs\" color=\"subtle\">Head of Product, Anvil</text-ui>\n </col-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui>\n <section>\n <col-ui gap=\"3\">\n <text-ui>\"We replaced 6 hand-built primitives with one annotated chunk.\"</text-ui>\n <row-ui gap=\"2\" align=\"center\">\n <avatar-ui text=\"JC\" size=\"md\"></avatar-ui>\n <col-ui gap=\"0\">\n <text-ui strong size=\"sm\">June Chen</text-ui>\n <text-ui size=\"xs\" color=\"subtle\">Staff Engineer, Vellum</text-ui>\n </col-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>\n </grid-ui>\n </col-ui>\n </section>",
|
|
10
|
+
"source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
|
|
11
|
+
"metadata": {
|
|
12
|
+
"domain": "layout",
|
|
13
|
+
"description": "3-column testimonial grid with avatar, name, role, and quote per tile.",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"testimonial",
|
|
16
|
+
"grid",
|
|
17
|
+
"quotes",
|
|
18
|
+
"social-proof",
|
|
19
|
+
"reviews",
|
|
20
|
+
"avatars",
|
|
21
|
+
"customer-stories",
|
|
22
|
+
"marketing"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"captured_at": "2026-05-13T21:56:57.777Z",
|
|
26
|
+
"template": [
|
|
27
|
+
{
|
|
28
|
+
"id": "text",
|
|
29
|
+
"component": "Text",
|
|
30
|
+
"variant": "h2",
|
|
31
|
+
"textContent": "What teams are saying"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"id": "header",
|
|
35
|
+
"component": "Header",
|
|
36
|
+
"children": [
|
|
37
|
+
"text"
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"id": "text-2",
|
|
42
|
+
"component": "Text",
|
|
43
|
+
"textContent": "\"Cut our GenUI shipping time by 4×. Free-form composer just works.\""
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"id": "avatar",
|
|
47
|
+
"component": "Avatar"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"id": "text-3",
|
|
51
|
+
"component": "Text",
|
|
52
|
+
"textContent": "Diana Singh"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"id": "text-4",
|
|
56
|
+
"component": "Text",
|
|
57
|
+
"textContent": "Eng Lead, Design Tokens Studio"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"id": "column-3",
|
|
61
|
+
"component": "Column",
|
|
62
|
+
"gap": "0",
|
|
63
|
+
"children": [
|
|
64
|
+
"text-3",
|
|
65
|
+
"text-4"
|
|
66
|
+
]
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"id": "row",
|
|
70
|
+
"component": "Row",
|
|
71
|
+
"gap": "2",
|
|
72
|
+
"children": [
|
|
73
|
+
"avatar",
|
|
74
|
+
"column-3"
|
|
75
|
+
]
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"id": "column-2",
|
|
79
|
+
"component": "Column",
|
|
80
|
+
"gap": "3",
|
|
81
|
+
"children": [
|
|
82
|
+
"text-2",
|
|
83
|
+
"row"
|
|
84
|
+
]
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"id": "section",
|
|
88
|
+
"component": "Section",
|
|
89
|
+
"children": [
|
|
90
|
+
"column-2"
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"id": "card",
|
|
95
|
+
"component": "Card",
|
|
96
|
+
"children": [
|
|
97
|
+
"section"
|
|
98
|
+
]
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"id": "text-5",
|
|
102
|
+
"component": "Text",
|
|
103
|
+
"textContent": "\"The chunk vocabulary made our PM-to-prototype loop instant.\""
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"id": "avatar-2",
|
|
107
|
+
"component": "Avatar"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"id": "text-6",
|
|
111
|
+
"component": "Text",
|
|
112
|
+
"textContent": "Marco Rossi"
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"id": "text-7",
|
|
116
|
+
"component": "Text",
|
|
117
|
+
"textContent": "Head of Product, Anvil"
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"id": "column-5",
|
|
121
|
+
"component": "Column",
|
|
122
|
+
"gap": "0",
|
|
123
|
+
"children": [
|
|
124
|
+
"text-6",
|
|
125
|
+
"text-7"
|
|
126
|
+
]
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"id": "row-2",
|
|
130
|
+
"component": "Row",
|
|
131
|
+
"gap": "2",
|
|
132
|
+
"children": [
|
|
133
|
+
"avatar-2",
|
|
134
|
+
"column-5"
|
|
135
|
+
]
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"id": "column-4",
|
|
139
|
+
"component": "Column",
|
|
140
|
+
"gap": "3",
|
|
141
|
+
"children": [
|
|
142
|
+
"text-5",
|
|
143
|
+
"row-2"
|
|
144
|
+
]
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"id": "section-2",
|
|
148
|
+
"component": "Section",
|
|
149
|
+
"children": [
|
|
150
|
+
"column-4"
|
|
151
|
+
]
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"id": "card-2",
|
|
155
|
+
"component": "Card",
|
|
156
|
+
"children": [
|
|
157
|
+
"section-2"
|
|
158
|
+
]
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"id": "text-8",
|
|
162
|
+
"component": "Text",
|
|
163
|
+
"textContent": "\"We replaced 6 hand-built primitives with one annotated chunk.\""
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"id": "avatar-3",
|
|
167
|
+
"component": "Avatar"
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
"id": "text-9",
|
|
171
|
+
"component": "Text",
|
|
172
|
+
"textContent": "June Chen"
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
"id": "text-10",
|
|
176
|
+
"component": "Text",
|
|
177
|
+
"textContent": "Staff Engineer, Vellum"
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
"id": "column-7",
|
|
181
|
+
"component": "Column",
|
|
182
|
+
"gap": "0",
|
|
183
|
+
"children": [
|
|
184
|
+
"text-9",
|
|
185
|
+
"text-10"
|
|
186
|
+
]
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"id": "row-3",
|
|
190
|
+
"component": "Row",
|
|
191
|
+
"gap": "2",
|
|
192
|
+
"children": [
|
|
193
|
+
"avatar-3",
|
|
194
|
+
"column-7"
|
|
195
|
+
]
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"id": "column-6",
|
|
199
|
+
"component": "Column",
|
|
200
|
+
"gap": "3",
|
|
201
|
+
"children": [
|
|
202
|
+
"text-8",
|
|
203
|
+
"row-3"
|
|
204
|
+
]
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"id": "section-3",
|
|
208
|
+
"component": "Section",
|
|
209
|
+
"children": [
|
|
210
|
+
"column-6"
|
|
211
|
+
]
|
|
212
|
+
},
|
|
213
|
+
{
|
|
214
|
+
"id": "card-3",
|
|
215
|
+
"component": "Card",
|
|
216
|
+
"children": [
|
|
217
|
+
"section-3"
|
|
218
|
+
]
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"id": "grid",
|
|
222
|
+
"component": "Grid",
|
|
223
|
+
"gap": "4",
|
|
224
|
+
"children": [
|
|
225
|
+
"card",
|
|
226
|
+
"card-2",
|
|
227
|
+
"card-3"
|
|
228
|
+
]
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"id": "column",
|
|
232
|
+
"component": "Column",
|
|
233
|
+
"gap": "4",
|
|
234
|
+
"children": [
|
|
235
|
+
"header",
|
|
236
|
+
"grid"
|
|
237
|
+
]
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"id": "root",
|
|
241
|
+
"component": "Section",
|
|
242
|
+
"children": [
|
|
243
|
+
"column"
|
|
244
|
+
]
|
|
245
|
+
}
|
|
246
|
+
]
|
|
247
|
+
}
|
package/chunks/text-card.json
CHANGED
|
@@ -10,5 +10,5 @@
|
|
|
10
10
|
},
|
|
11
11
|
"html": "<card-ui size=\"sm\"><section><text-ui>Design system tokens</text-ui></section></card-ui>",
|
|
12
12
|
"source": "catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
|
|
13
|
-
"captured_at": "2026-05-
|
|
13
|
+
"captured_at": "2026-05-13T21:56:57.777Z"
|
|
14
14
|
}
|
|
@@ -0,0 +1,209 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "timeline-events",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "section",
|
|
5
|
+
"page": "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {},
|
|
9
|
+
"html": "<section>\n <col-ui gap=\"3\">\n <header>\n <h3>Recent activity</h3>\n </header>\n <col-ui gap=\"2\">\n <row-ui gap=\"3\" align=\"start\">\n <text-ui size=\"xs\" color=\"subtle\">10:42 AM</text-ui>\n <card-ui>\n <section>\n <col-ui gap=\"1\">\n <text-ui strong size=\"sm\">Diana shipped v0.5.0</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Free-form composer + corpus regrowth</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"start\">\n <text-ui size=\"xs\" color=\"subtle\">9:18 AM</text-ui>\n <card-ui>\n <section>\n <col-ui gap=\"1\">\n <text-ui strong size=\"sm\">Marco approved PR #1428</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Hero section split layout</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"start\">\n <text-ui size=\"xs\" color=\"subtle\">Yesterday</text-ui>\n <card-ui>\n <section>\n <col-ui gap=\"1\">\n <text-ui strong size=\"sm\">June published release notes</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">v0.4.9 closeout cycle</text-ui>\n </col-ui>\n </section>\n </card-ui>\n </row-ui>\n </col-ui>\n </col-ui>\n </section>",
|
|
10
|
+
"source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
|
|
11
|
+
"metadata": {
|
|
12
|
+
"domain": "layout",
|
|
13
|
+
"description": "Vertical timeline of events — date label + dot + content card per row, connected by vertical line.",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"timeline",
|
|
16
|
+
"events",
|
|
17
|
+
"vertical",
|
|
18
|
+
"history",
|
|
19
|
+
"activity-log",
|
|
20
|
+
"chronological",
|
|
21
|
+
"story",
|
|
22
|
+
"commits",
|
|
23
|
+
"releases"
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
"captured_at": "2026-05-13T21:56:57.777Z",
|
|
27
|
+
"template": [
|
|
28
|
+
{
|
|
29
|
+
"id": "text",
|
|
30
|
+
"component": "Text",
|
|
31
|
+
"variant": "h3",
|
|
32
|
+
"textContent": "Recent activity"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"id": "header",
|
|
36
|
+
"component": "Header",
|
|
37
|
+
"children": [
|
|
38
|
+
"text"
|
|
39
|
+
]
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"id": "text-2",
|
|
43
|
+
"component": "Text",
|
|
44
|
+
"textContent": "10:42 AM"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"id": "text-3",
|
|
48
|
+
"component": "Text",
|
|
49
|
+
"textContent": "Diana shipped v0.5.0"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"id": "text-4",
|
|
53
|
+
"component": "Text",
|
|
54
|
+
"textContent": "Free-form composer + corpus regrowth"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"id": "column-3",
|
|
58
|
+
"component": "Column",
|
|
59
|
+
"gap": "1",
|
|
60
|
+
"children": [
|
|
61
|
+
"text-3",
|
|
62
|
+
"text-4"
|
|
63
|
+
]
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"id": "section",
|
|
67
|
+
"component": "Section",
|
|
68
|
+
"children": [
|
|
69
|
+
"column-3"
|
|
70
|
+
]
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"id": "card",
|
|
74
|
+
"component": "Card",
|
|
75
|
+
"children": [
|
|
76
|
+
"section"
|
|
77
|
+
]
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"id": "row",
|
|
81
|
+
"component": "Row",
|
|
82
|
+
"gap": "3",
|
|
83
|
+
"children": [
|
|
84
|
+
"text-2",
|
|
85
|
+
"card"
|
|
86
|
+
]
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"id": "text-5",
|
|
90
|
+
"component": "Text",
|
|
91
|
+
"textContent": "9:18 AM"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"id": "text-6",
|
|
95
|
+
"component": "Text",
|
|
96
|
+
"textContent": "Marco approved PR #1428"
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"id": "text-7",
|
|
100
|
+
"component": "Text",
|
|
101
|
+
"textContent": "Hero section split layout"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"id": "column-4",
|
|
105
|
+
"component": "Column",
|
|
106
|
+
"gap": "1",
|
|
107
|
+
"children": [
|
|
108
|
+
"text-6",
|
|
109
|
+
"text-7"
|
|
110
|
+
]
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"id": "section-2",
|
|
114
|
+
"component": "Section",
|
|
115
|
+
"children": [
|
|
116
|
+
"column-4"
|
|
117
|
+
]
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"id": "card-2",
|
|
121
|
+
"component": "Card",
|
|
122
|
+
"children": [
|
|
123
|
+
"section-2"
|
|
124
|
+
]
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"id": "row-2",
|
|
128
|
+
"component": "Row",
|
|
129
|
+
"gap": "3",
|
|
130
|
+
"children": [
|
|
131
|
+
"text-5",
|
|
132
|
+
"card-2"
|
|
133
|
+
]
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"id": "text-8",
|
|
137
|
+
"component": "Text",
|
|
138
|
+
"textContent": "Yesterday"
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"id": "text-9",
|
|
142
|
+
"component": "Text",
|
|
143
|
+
"textContent": "June published release notes"
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
"id": "text-10",
|
|
147
|
+
"component": "Text",
|
|
148
|
+
"textContent": "v0.4.9 closeout cycle"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"id": "column-5",
|
|
152
|
+
"component": "Column",
|
|
153
|
+
"gap": "1",
|
|
154
|
+
"children": [
|
|
155
|
+
"text-9",
|
|
156
|
+
"text-10"
|
|
157
|
+
]
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
"id": "section-3",
|
|
161
|
+
"component": "Section",
|
|
162
|
+
"children": [
|
|
163
|
+
"column-5"
|
|
164
|
+
]
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"id": "card-3",
|
|
168
|
+
"component": "Card",
|
|
169
|
+
"children": [
|
|
170
|
+
"section-3"
|
|
171
|
+
]
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
"id": "row-3",
|
|
175
|
+
"component": "Row",
|
|
176
|
+
"gap": "3",
|
|
177
|
+
"children": [
|
|
178
|
+
"text-8",
|
|
179
|
+
"card-3"
|
|
180
|
+
]
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"id": "column-2",
|
|
184
|
+
"component": "Column",
|
|
185
|
+
"gap": "2",
|
|
186
|
+
"children": [
|
|
187
|
+
"row",
|
|
188
|
+
"row-2",
|
|
189
|
+
"row-3"
|
|
190
|
+
]
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"id": "column",
|
|
194
|
+
"component": "Column",
|
|
195
|
+
"gap": "3",
|
|
196
|
+
"children": [
|
|
197
|
+
"header",
|
|
198
|
+
"column-2"
|
|
199
|
+
]
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
"id": "root",
|
|
203
|
+
"component": "Section",
|
|
204
|
+
"children": [
|
|
205
|
+
"column"
|
|
206
|
+
]
|
|
207
|
+
}
|
|
208
|
+
]
|
|
209
|
+
}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "toolbar-icons",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "section",
|
|
5
|
+
"page": "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {},
|
|
9
|
+
"html": "<section>\n <row-ui gap=\"1\" align=\"center\">\n <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\" tooltip=\"Bold\"></button-ui>\n <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\" tooltip=\"Italic\"></button-ui>\n <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\" tooltip=\"Underline\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"list-bullets\" variant=\"ghost\" size=\"sm\" tooltip=\"Bulleted list\"></button-ui>\n <button-ui icon=\"list-numbers\" variant=\"ghost\" size=\"sm\" tooltip=\"Numbered list\"></button-ui>\n <button-ui icon=\"quotes\" variant=\"ghost\" size=\"sm\" tooltip=\"Block quote\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"link\" variant=\"ghost\" size=\"sm\" tooltip=\"Insert link\"></button-ui>\n <button-ui icon=\"image\" variant=\"ghost\" size=\"sm\" tooltip=\"Insert image\"></button-ui>\n <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\" tooltip=\"Inline code\"></button-ui>\n </row-ui>\n </section>",
|
|
10
|
+
"source": "catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
|
|
11
|
+
"metadata": {
|
|
12
|
+
"domain": "navigation",
|
|
13
|
+
"description": "Icon-only toolbar with grouped action buttons, separators between groups, and tooltips on hover.",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"toolbar",
|
|
16
|
+
"icon-buttons",
|
|
17
|
+
"actions",
|
|
18
|
+
"icon-only",
|
|
19
|
+
"grouped",
|
|
20
|
+
"editor",
|
|
21
|
+
"tools",
|
|
22
|
+
"formatting"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"captured_at": "2026-05-13T21:56:57.777Z",
|
|
26
|
+
"template": [
|
|
27
|
+
{
|
|
28
|
+
"id": "button",
|
|
29
|
+
"component": "Button"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"id": "button-2",
|
|
33
|
+
"component": "Button"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"id": "button-3",
|
|
37
|
+
"component": "Button"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"id": "column",
|
|
41
|
+
"component": "Column"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"id": "button-4",
|
|
45
|
+
"component": "Button"
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"id": "button-5",
|
|
49
|
+
"component": "Button"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"id": "button-6",
|
|
53
|
+
"component": "Button"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"id": "column-2",
|
|
57
|
+
"component": "Column"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"id": "button-7",
|
|
61
|
+
"component": "Button"
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"id": "button-8",
|
|
65
|
+
"component": "Button"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"id": "button-9",
|
|
69
|
+
"component": "Button"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"id": "row",
|
|
73
|
+
"component": "Row",
|
|
74
|
+
"gap": "1",
|
|
75
|
+
"children": [
|
|
76
|
+
"button",
|
|
77
|
+
"button-2",
|
|
78
|
+
"button-3",
|
|
79
|
+
"column",
|
|
80
|
+
"button-4",
|
|
81
|
+
"button-5",
|
|
82
|
+
"button-6",
|
|
83
|
+
"column-2",
|
|
84
|
+
"button-7",
|
|
85
|
+
"button-8",
|
|
86
|
+
"button-9"
|
|
87
|
+
]
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"id": "root",
|
|
91
|
+
"component": "Section",
|
|
92
|
+
"children": [
|
|
93
|
+
"row"
|
|
94
|
+
]
|
|
95
|
+
}
|
|
96
|
+
]
|
|
97
|
+
}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "toolbar-tooltips",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "section",
|
|
5
|
+
"page": "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {},
|
|
9
|
+
"html": "<section>\n <row-ui gap=\"1\" align=\"center\">\n <button-ui icon=\"cursor\" variant=\"ghost\" size=\"sm\" tooltip=\"Select tool\"></button-ui>\n <button-ui icon=\"hand\" variant=\"ghost\" size=\"sm\" tooltip=\"Pan tool\"></button-ui>\n <button-ui icon=\"frame\" variant=\"ghost\" size=\"sm\" tooltip=\"Frame tool\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"circle\" variant=\"ghost\" size=\"sm\" tooltip=\"Ellipse\"></button-ui>\n <button-ui icon=\"square\" variant=\"ghost\" size=\"sm\" tooltip=\"Rectangle\"></button-ui>\n <button-ui icon=\"line\" variant=\"ghost\" size=\"sm\" tooltip=\"Line\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"text-aa\" variant=\"ghost\" size=\"sm\" tooltip=\"Text tool\"></button-ui>\n <button-ui icon=\"image\" variant=\"ghost\" size=\"sm\" tooltip=\"Insert image\"></button-ui>\n </row-ui>\n </section>",
|
|
10
|
+
"source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
|
|
11
|
+
"metadata": {
|
|
12
|
+
"domain": "navigation",
|
|
13
|
+
"description": "Compact icon-only toolbar where every button shows a tooltip on hover — for editor / canvas action surfaces.",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"toolbar",
|
|
16
|
+
"tooltips",
|
|
17
|
+
"icon-buttons",
|
|
18
|
+
"hover-labels",
|
|
19
|
+
"editor",
|
|
20
|
+
"canvas",
|
|
21
|
+
"tools",
|
|
22
|
+
"accessibility"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"captured_at": "2026-05-13T21:56:57.777Z",
|
|
26
|
+
"template": [
|
|
27
|
+
{
|
|
28
|
+
"id": "button",
|
|
29
|
+
"component": "Button"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"id": "button-2",
|
|
33
|
+
"component": "Button"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"id": "button-3",
|
|
37
|
+
"component": "Button"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"id": "column",
|
|
41
|
+
"component": "Column"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"id": "button-4",
|
|
45
|
+
"component": "Button"
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"id": "button-5",
|
|
49
|
+
"component": "Button"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"id": "button-6",
|
|
53
|
+
"component": "Button"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"id": "column-2",
|
|
57
|
+
"component": "Column"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"id": "button-7",
|
|
61
|
+
"component": "Button"
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"id": "button-8",
|
|
65
|
+
"component": "Button"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"id": "row",
|
|
69
|
+
"component": "Row",
|
|
70
|
+
"gap": "1",
|
|
71
|
+
"children": [
|
|
72
|
+
"button",
|
|
73
|
+
"button-2",
|
|
74
|
+
"button-3",
|
|
75
|
+
"column",
|
|
76
|
+
"button-4",
|
|
77
|
+
"button-5",
|
|
78
|
+
"button-6",
|
|
79
|
+
"column-2",
|
|
80
|
+
"button-7",
|
|
81
|
+
"button-8"
|
|
82
|
+
]
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"id": "root",
|
|
86
|
+
"component": "Section",
|
|
87
|
+
"children": [
|
|
88
|
+
"row"
|
|
89
|
+
]
|
|
90
|
+
}
|
|
91
|
+
]
|
|
92
|
+
}
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
},
|
|
13
13
|
"html": "<row-ui gap=\"2\" align=\"center\" grow>\n <avatar-ui icon=\"code\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <text-ui strong>Developer</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">API + webhook access · 4 members</text-ui>\n </col-ui>\n <button-ui variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n </row-ui>",
|
|
14
14
|
"source": "apps/saas/app/members/members.contents.html",
|
|
15
|
-
"captured_at": "2026-05-
|
|
15
|
+
"captured_at": "2026-05-13T21:56:57.777Z"
|
|
16
16
|
}
|