@adia-ai/a2ui-corpus 0.6.41 → 0.6.43

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 (293) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/catalog-a2ui_0_9.json +21 -25
  3. package/catalog-a2ui_0_9_rules.txt +2 -0
  4. package/chunk-embeddings.json +1 -1
  5. package/chunks/_index.json +3975 -2305
  6. package/chunks/accordion-settings.json +1 -1
  7. package/chunks/activity-feed.json +390 -0
  8. package/chunks/agent-canvas-shell.json +1 -1
  9. package/chunks/agent-command-palette-search.json +1 -1
  10. package/chunks/agent-reasoning-collapsed.json +4 -3
  11. package/chunks/agent-tool-call-result.json +1 -1
  12. package/chunks/agent-trace-timeline.json +1 -1
  13. package/chunks/ai-streaming-response.json +13 -4
  14. package/chunks/alert-banner.json +1 -1
  15. package/chunks/analytics-chart.json +157 -0
  16. package/chunks/{dashboard-spark-cards.json → analytics-sparklines-dashboard.json} +22 -13
  17. package/chunks/api-key-table.json +129 -0
  18. package/chunks/app-product-listing-card.json +214 -0
  19. package/chunks/audit-log.json +146 -0
  20. package/chunks/auth-account-deleted-actions.json +1 -1
  21. package/chunks/auth-account-deleted.json +40 -5
  22. package/chunks/auth-card-content.json +1 -1
  23. package/chunks/auth-card-header.json +1 -1
  24. package/chunks/auth-email-entry.json +1 -1
  25. package/chunks/auth-email-verify-confirm.json +1 -1
  26. package/chunks/auth-email-verify.json +45 -5
  27. package/chunks/auth-forbidden-actions.json +1 -1
  28. package/chunks/auth-forbidden.json +33 -5
  29. package/chunks/auth-invite-actions.json +1 -1
  30. package/chunks/auth-invite-team-card.json +1 -1
  31. package/chunks/auth-link-expired-form.json +1 -1
  32. package/chunks/auth-link-expired.json +20 -2
  33. package/chunks/auth-locked-account.json +39 -5
  34. package/chunks/auth-locked-recovery-options.json +1 -1
  35. package/chunks/auth-mfa-enrollment-submit.json +1 -1
  36. package/chunks/auth-mfa-enrollment.json +32 -5
  37. package/chunks/auth-mfa-fallback-actions.json +1 -1
  38. package/chunks/auth-mfa-recovery.json +1 -1
  39. package/chunks/auth-new-password-form.json +1 -1
  40. package/chunks/auth-new-password.json +32 -5
  41. package/chunks/auth-oauth-fallback-actions.json +1 -1
  42. package/chunks/auth-oauth-interstitial.json +2 -1
  43. package/chunks/auth-password-challenge.json +1 -1
  44. package/chunks/auth-password-reset-form.json +1 -1
  45. package/chunks/auth-password-reset.json +19 -2
  46. package/chunks/auth-profile-form.json +1 -1
  47. package/chunks/auth-profile-setup.json +19 -2
  48. package/chunks/auth-reset-sent.json +45 -8
  49. package/chunks/auth-session-expired-actions.json +1 -1
  50. package/chunks/auth-session-expired.json +43 -10
  51. package/chunks/auth-signin-card-email.json +20 -2
  52. package/chunks/auth-signin-card-magic-link.json +46 -40
  53. package/chunks/auth-signin-card-mfa.json +39 -5
  54. package/chunks/auth-signin-card-otp.json +73 -10
  55. package/chunks/auth-signin-card-password.json +34 -7
  56. package/chunks/auth-signin-card-recovery.json +41 -5
  57. package/chunks/auth-signout-actions.json +1 -1
  58. package/chunks/auth-signout.json +32 -5
  59. package/chunks/auth-signup-email-entry.json +1 -1
  60. package/chunks/auth-signup-entry.json +57 -5
  61. package/chunks/auth-signup-social-auths.json +1 -1
  62. package/chunks/auth-signup-verify.json +75 -11
  63. package/chunks/auth-social-auths.json +1 -1
  64. package/chunks/auth-sso-providers.json +1 -1
  65. package/chunks/auth-sso-required.json +46 -8
  66. package/chunks/auth-team-invite.json +56 -12
  67. package/chunks/avatar-group-overflow.json +1 -1
  68. package/chunks/{users-table-badge.json → badge-variants-table.json} +28 -12
  69. package/chunks/billing-overview.json +202 -0
  70. package/chunks/billing-progress-label.json +101 -0
  71. package/chunks/blog-post-card.json +182 -0
  72. package/chunks/{breadcrumb-nav.json → breadcrumb-navigation.json} +13 -9
  73. package/chunks/calendar-month-view.json +19 -48
  74. package/chunks/card-grid-images.json +459 -0
  75. package/chunks/card-header-with-description.json +2 -1
  76. package/chunks/{agent-activity-feed.json → changelog-activity-feed.json} +23 -11
  77. package/chunks/chart-with-filter-pills.json +1 -1
  78. package/chunks/chat-page-shell.json +1 -1
  79. package/chunks/chat-streaming-surface.json +3 -20
  80. package/chunks/code-snippet.json +119 -0
  81. package/chunks/color-picker-swatches.json +1 -1
  82. package/chunks/command-palette.json +229 -18
  83. package/chunks/commerce-pricing-tiers.json +11 -1
  84. package/chunks/comparison-table.json +4 -4
  85. package/chunks/contact-form.json +157 -0
  86. package/chunks/conversion-funnel-6step.json +34 -18
  87. package/chunks/dashboard-acquisition-panel.json +36 -2
  88. package/chunks/dashboard-admin-page.json +25 -7
  89. package/chunks/dashboard-audience-kpis.json +1 -1
  90. package/chunks/dashboard-audience-panel.json +209 -84
  91. package/chunks/dashboard-behavior-panel.json +2 -1
  92. package/chunks/dashboard-chart-recent.json +21 -5
  93. package/chunks/dashboard-cohort-retention.json +2 -1
  94. package/chunks/dashboard-conversion-panel.json +24 -13
  95. package/chunks/dashboard-country-list.json +2 -1
  96. package/chunks/dashboard-filter-bar.json +1 -1
  97. package/chunks/dashboard-funnel.json +22 -12
  98. package/chunks/dashboard-notifications-panel.json +117 -153
  99. package/chunks/dashboard-overview-panel.json +100 -39
  100. package/chunks/dashboard-page-header.json +1 -1
  101. package/chunks/dashboard-pages-table.json +2 -1
  102. package/chunks/dashboard-quick-actions.json +1 -1
  103. package/chunks/dashboard-reports-panel.json +73 -7
  104. package/chunks/dashboard-reports-table.json +73 -7
  105. package/chunks/dashboard-storage-card.json +26 -13
  106. package/chunks/dashboard-tabs.json +1 -1
  107. package/chunks/dashboard-team-actions-storage.json +29 -15
  108. package/chunks/dashboard-team-list.json +2 -1
  109. package/chunks/dashboard-traffic-channels.json +36 -2
  110. package/chunks/dashboard-transactions-table.json +45 -4
  111. package/chunks/data-import-wizard.json +397 -0
  112. package/chunks/date-range-picker.json +156 -0
  113. package/chunks/date-time-picker-form.json +19 -16
  114. package/chunks/divider-text-label.json +1 -1
  115. package/chunks/doc-editor-shell.json +1 -1
  116. package/chunks/drawer-2fa-key.json +38 -18
  117. package/chunks/drawer-2fa-sms.json +42 -15
  118. package/chunks/drawer-2fa-totp.json +46 -19
  119. package/chunks/drawer-cancel-sub.json +217 -66
  120. package/chunks/drawer-change-plan.json +122 -35
  121. package/chunks/drawer-custom-roles.json +62 -35
  122. package/chunks/drawer-data-start.json +27 -7
  123. package/chunks/drawer-delete-account.json +41 -21
  124. package/chunks/drawer-delete-workspace.json +38 -11
  125. package/chunks/drawer-discord.json +44 -24
  126. package/chunks/drawer-figma.json +50 -30
  127. package/chunks/drawer-first-dashboard.json +35 -15
  128. package/chunks/drawer-gcal.json +38 -18
  129. package/chunks/drawer-github.json +59 -32
  130. package/chunks/drawer-invite.json +59 -20
  131. package/chunks/drawer-report.json +75 -46
  132. package/chunks/drawer-revoke-session.json +68 -20
  133. package/chunks/drawer-role.json +27 -7
  134. package/chunks/drawer-slack.json +44 -17
  135. package/chunks/drawer-smtp.json +61 -34
  136. package/chunks/drawer-source.json +46 -19
  137. package/chunks/drawer-transaction.json +54 -25
  138. package/chunks/editor-code-pane.json +1 -1
  139. package/chunks/editor-page-shell.json +1 -1
  140. package/chunks/email-inbox-list.json +677 -0
  141. package/chunks/empty-state-danger.json +2 -1
  142. package/chunks/empty-state-minimal.json +1 -1
  143. package/chunks/empty-state-warning.json +2 -1
  144. package/chunks/empty-state.json +18 -16
  145. package/chunks/error-404-actions.json +1 -1
  146. package/chunks/error-404.json +20 -3
  147. package/chunks/error-500-actions.json +1 -1
  148. package/chunks/error-500.json +29 -3
  149. package/chunks/error-maintenance-actions.json +1 -1
  150. package/chunks/error-maintenance.json +26 -7
  151. package/chunks/error-page-shell.json +1 -1
  152. package/chunks/faq-accordion.json +40 -149
  153. package/chunks/feature-grid-icons.json +308 -0
  154. package/chunks/file-upload-dnd.json +121 -10
  155. package/chunks/footer-multi-column.json +1 -1
  156. package/chunks/footer-primary-only.json +1 -1
  157. package/chunks/form-page-shell.json +1 -1
  158. package/chunks/gallery-page-shell.json +1 -1
  159. package/chunks/hero-section-split.json +1 -1
  160. package/chunks/icon-text-row.json +1 -1
  161. package/chunks/{image-tile.json → image-caption-tile.json} +13 -3
  162. package/chunks/image-carousel.json +1 -1
  163. package/chunks/image-upload-preview.json +1 -1
  164. package/chunks/import-mapping-flow.json +251 -127
  165. package/chunks/integrations-grid.json +138 -0
  166. package/chunks/inventory-list-stock.json +1 -1
  167. package/chunks/invite-members.json +162 -0
  168. package/chunks/invoice-line-items.json +493 -0
  169. package/chunks/kanban-board-3col.json +428 -112
  170. package/chunks/kanban-page-shell.json +4 -1
  171. package/chunks/{kbd-shortcuts.json → keyboard-shortcut-display.json} +12 -3
  172. package/chunks/labeled-textarea.json +1 -1
  173. package/chunks/leaderboard-table.json +1 -1
  174. package/chunks/linked-record-row.json +1 -1
  175. package/chunks/loading-skeleton-placeholder.json +337 -0
  176. package/chunks/marketing-hero-cta.json +3 -2
  177. package/chunks/marketing-page-shell.json +1 -1
  178. package/chunks/masonry-gallery.json +1 -1
  179. package/chunks/member-edit-drawer.json +5 -1
  180. package/chunks/metadata-description-list.json +1 -1
  181. package/chunks/{destructive-confirm-modal.json → modal-dialog-confirm.json} +37 -11
  182. package/chunks/nav-menu-icons.json +75 -0
  183. package/chunks/newsletter-subscription.json +195 -0
  184. package/chunks/notification-badges-feed.json +411 -0
  185. package/chunks/{settings-notifications.json → notification-preferences-panel.json} +19 -10
  186. package/chunks/notification-toast-row.json +26 -105
  187. package/chunks/onb-completion.json +24 -2
  188. package/chunks/onb-extension-install.json +52 -7
  189. package/chunks/onb-hero-welcome.json +98 -8
  190. package/chunks/onb-import-picker.json +1 -1
  191. package/chunks/onb-mobile-handoff.json +1 -1
  192. package/chunks/onb-notification-prefs.json +1 -1
  193. package/chunks/onb-persona-picker.json +1 -1
  194. package/chunks/onb-provider-tiles.json +12 -2
  195. package/chunks/onb-settings-review.json +12 -2
  196. package/chunks/onb-step-footer.json +1 -1
  197. package/chunks/onb-step-header.json +1 -1
  198. package/chunks/onb-step-progress.json +1 -1
  199. package/chunks/onb-step-shell.json +102 -12
  200. package/chunks/onb-story-pane.json +1 -1
  201. package/chunks/onb-tutorial-steps.json +1 -1
  202. package/chunks/order-tracking-timeline.json +131 -0
  203. package/chunks/pagination-controls.json +1 -1
  204. package/chunks/payment-method-form.json +337 -0
  205. package/chunks/period-comparison.json +233 -0
  206. package/chunks/permission-matrix-table.json +432 -0
  207. package/chunks/playground-a2ui.json +1 -1
  208. package/chunks/playground-app-shell.json +51 -5
  209. package/chunks/playground-chat.json +169 -3
  210. package/chunks/playground-construct-canvas.json +1 -1
  211. package/chunks/playground-css-channel.json +152 -20
  212. package/chunks/playground-gen-ui.json +12 -3
  213. package/chunks/playground-render-preview.json +19 -2
  214. package/chunks/playground-streams-bridge.json +93 -20
  215. package/chunks/playground-table-toolbar.json +1 -1
  216. package/chunks/popover-with-content.json +1 -1
  217. package/chunks/pricing-tiers.json +560 -0
  218. package/chunks/product-tour.json +158 -0
  219. package/chunks/progress-tracker-milestones.json +1 -1
  220. package/chunks/radio-button-group.json +83 -0
  221. package/chunks/real-time-metrics-dashboard.json +1 -1
  222. package/chunks/reg-address-form.json +2 -1
  223. package/chunks/reg-billing-card.json +1 -1
  224. package/chunks/reg-brand-scrape.json +304 -42
  225. package/chunks/reg-departments-toggle.json +2 -1
  226. package/chunks/reg-extended-profile.json +1 -1
  227. package/chunks/reg-final-done.json +108 -21
  228. package/chunks/reg-helpdesk-grid.json +174 -35
  229. package/chunks/reg-import-picker.json +2 -1
  230. package/chunks/reg-integrations-grid.json +156 -30
  231. package/chunks/reg-invite-form.json +21 -2
  232. package/chunks/reg-legal-entity.json +1 -1
  233. package/chunks/reg-org-chart-review.json +442 -65
  234. package/chunks/reg-profile-identity.json +1 -1
  235. package/chunks/reg-step-footer.json +1 -1
  236. package/chunks/reg-step-header.json +1 -1
  237. package/chunks/reg-step-progress.json +1 -1
  238. package/chunks/reg-step-shell.json +1 -1
  239. package/chunks/reg-story-pane.json +1 -1
  240. package/chunks/reg-success-summary.json +108 -21
  241. package/chunks/reg-team-size.json +1 -1
  242. package/chunks/reg-usecase-picker.json +1 -1
  243. package/chunks/reg-workspace-name.json +1 -1
  244. package/chunks/responsive-grid-pattern.json +1 -1
  245. package/chunks/responsive-kpi-grid.json +1 -1
  246. package/chunks/responsive-row-pattern.json +1 -1
  247. package/chunks/responsive-wrap-at-pattern.json +54 -6
  248. package/chunks/revenue-heatmap.json +82 -0
  249. package/chunks/role-management.json +280 -0
  250. package/chunks/search-with-filters.json +30 -17
  251. package/chunks/section-with-stack.json +1 -1
  252. package/chunks/{settings-billing-plan.json → segmented-control-billing-tabs.json} +69 -11
  253. package/chunks/select-multiple-preselected.json +1 -1
  254. package/chunks/settings-2fa-setup.json +310 -0
  255. package/chunks/settings-admin-page.json +405 -121
  256. package/chunks/settings-appearance-theme-panel.json +55 -0
  257. package/chunks/settings-appearance.json +4 -3
  258. package/chunks/settings-general-form.json +1 -1
  259. package/chunks/settings-integrations.json +162 -29
  260. package/chunks/settings-members-invite.json +1 -1
  261. package/chunks/settings-page-shell.json +1 -1
  262. package/chunks/settings-panel.json +249 -0
  263. package/chunks/settings-profile-security.json +1 -1
  264. package/chunks/settings-toggle-switches.json +66 -0
  265. package/chunks/sidebar-nav.json +116 -0
  266. package/chunks/{sidebar-collapsible-nav.json → sidebar-navigation-panel.json} +31 -15
  267. package/chunks/slider-range-controls.json +1 -1
  268. package/chunks/social-media-post-card.json +182 -0
  269. package/chunks/sortable-search-paginate-table.json +125 -0
  270. package/chunks/{editor-preview-pane.json → split-pane-editor-preview.json} +11 -3
  271. package/chunks/{dashboard-kpi-grid.json → stat-cards-kpi-dashboard.json} +22 -10
  272. package/chunks/status-dashboard.json +281 -0
  273. package/chunks/{multi-step-wizard.json → stepper-form-wizard.json} +22 -21
  274. package/chunks/survey-rating-form.json +165 -0
  275. package/chunks/tabs-with-panels.json +1 -1
  276. package/chunks/tag-chips-filter.json +93 -0
  277. package/chunks/team-members-list.json +342 -0
  278. package/chunks/testimonial-grid.json +1 -1
  279. package/chunks/testimonials-avatar-cards.json +328 -0
  280. package/chunks/timeline-events.json +1 -1
  281. package/chunks/toolbar-icons.json +13 -5
  282. package/chunks/toolbar-tooltips.json +1 -1
  283. package/chunks/tooltip-hover-button.json +74 -0
  284. package/chunks/trial-banner.json +213 -0
  285. package/chunks/user-identity-row.json +1 -1
  286. package/chunks/user-onboarding-checklist.json +291 -0
  287. package/chunks/user-profile-card.json +75 -85
  288. package/chunks/video-player-controls.json +1 -1
  289. package/chunks/webhook-config.json +209 -0
  290. package/package.json +1 -1
  291. package/chunks/dashboard-notifications-feed.json +0 -431
  292. package/chunks/drawer-payment-method.json +0 -395
  293. package/chunks/text-card.json +0 -53
@@ -0,0 +1,119 @@
1
+ {
2
+ "name": "code-snippet",
3
+ "kind": "block",
4
+ "primary": "card-ui",
5
+ "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {},
9
+ "html": "<card-ui>\n <header>\n <row-ui gap=\"3\" align=\"center\">\n <text-ui strong grow>Code snippet</text-ui>\n <select-ui value=\"javascript\">\n <option value=\"javascript\">JavaScript</option>\n <option value=\"python\">Python</option>\n <option value=\"typescript\">TypeScript</option>\n <option value=\"bash\">Bash</option>\n </select-ui>\n </row-ui>\n </header>\n <section bleed>\n <code-ui lang=\"javascript\">const data = await client.generate(prompt);\nconsole.log(data.content);</code-ui>\n </section>\n</card-ui>",
10
+ "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
11
+ "metadata": {
12
+ "domain": "content",
13
+ "description": "Code snippet block with syntax highlighting, language selector, and copy button.",
14
+ "keywords": [
15
+ "code",
16
+ "snippet",
17
+ "block",
18
+ "syntax",
19
+ "highlighting",
20
+ "language",
21
+ "selector",
22
+ "copy",
23
+ "button",
24
+ "code-ui",
25
+ "code-snippet",
26
+ "developer",
27
+ "documentation"
28
+ ]
29
+ },
30
+ "captured_at": "2026-05-27T23:29:53.307Z",
31
+ "template": [
32
+ {
33
+ "id": "text",
34
+ "component": "Text",
35
+ "strong": true,
36
+ "textContent": "Code snippet"
37
+ },
38
+ {
39
+ "id": "text-2",
40
+ "component": "Text",
41
+ "textContent": "JavaScript",
42
+ "variant": "body"
43
+ },
44
+ {
45
+ "id": "text-3",
46
+ "component": "Text",
47
+ "textContent": "Python",
48
+ "variant": "body"
49
+ },
50
+ {
51
+ "id": "text-4",
52
+ "component": "Text",
53
+ "textContent": "TypeScript",
54
+ "variant": "body"
55
+ },
56
+ {
57
+ "id": "text-5",
58
+ "component": "Text",
59
+ "textContent": "Bash",
60
+ "variant": "body"
61
+ },
62
+ {
63
+ "id": "choice-picker",
64
+ "component": "ChoicePicker",
65
+ "value": "javascript",
66
+ "children": [
67
+ "text-2",
68
+ "text-3",
69
+ "text-4",
70
+ "text-5"
71
+ ]
72
+ },
73
+ {
74
+ "id": "row",
75
+ "component": "Row",
76
+ "align": "center",
77
+ "gap": "3",
78
+ "children": [
79
+ "text",
80
+ "choice-picker"
81
+ ]
82
+ },
83
+ {
84
+ "id": "header",
85
+ "component": "Header",
86
+ "children": [
87
+ "row"
88
+ ]
89
+ },
90
+ {
91
+ "id": "code",
92
+ "component": "Code",
93
+ "textContent": "const data = await client.generate(prompt); console.log(data.content);"
94
+ },
95
+ {
96
+ "id": "section",
97
+ "component": "Section",
98
+ "bleed": true,
99
+ "children": [
100
+ "column-5"
101
+ ]
102
+ },
103
+ {
104
+ "id": "column-5",
105
+ "component": "Column",
106
+ "children": [
107
+ "code"
108
+ ]
109
+ },
110
+ {
111
+ "id": "root",
112
+ "component": "Card",
113
+ "children": [
114
+ "header",
115
+ "section"
116
+ ]
117
+ }
118
+ ]
119
+ }
@@ -24,7 +24,7 @@
24
24
  "chooser"
25
25
  ]
26
26
  },
27
- "captured_at": "2026-05-26T04:00:28.271Z",
27
+ "captured_at": "2026-05-27T23:29:53.307Z",
28
28
  "template": [
29
29
  {
30
30
  "id": "text",
@@ -1,60 +1,271 @@
1
1
  {
2
2
  "name": "command-palette",
3
3
  "kind": "block",
4
- "primary": "modal-ui",
4
+ "primary": "card-ui",
5
5
  "page": "/catalog/ui-patterns/app/command-palette/command-palette.contents.html",
6
6
  "slots": [],
7
7
  "nested": [],
8
8
  "attrs": {},
9
- "html": "<modal-ui>\n <header>\n <input-ui placeholder=\"Search commands...\" icon=\"magnifying-glass\" autofocus></input-ui>\n </header>\n <section>\n <command-ui></command-ui>\n </section>\n</modal-ui>",
9
+ "html": "<card-ui\n style=\"max-width:560px;margin:0 auto\">\n <section>\n <input-ui placeholder=\"Search commands...\" prefix=\"magnifying-glass\"></input-ui>\n </section>\n <divider-ui></divider-ui>\n <section>\n <col-ui gap=\"3\">\n <col-ui gap=\"1\">\n <text-ui size=\"sm\" color=\"subtle\" weight=\"semibold\">Recent</text-ui>\n <row-ui gap=\"3\" align=\"center\">\n <icon-ui name=\"clock\" size=\"sm\" color=\"subtle\"></icon-ui>\n <text-ui grow>Open command palette</text-ui>\n <badge-ui text=\"⌘K\" variant=\"muted\" size=\"sm\"></badge-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"center\">\n <icon-ui name=\"clock\" size=\"sm\" color=\"subtle\"></icon-ui>\n <text-ui grow>New conversation</text-ui>\n <badge-ui text=\"⌘N\" variant=\"muted\" size=\"sm\"></badge-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"center\">\n <icon-ui name=\"clock\" size=\"sm\" color=\"subtle\"></icon-ui>\n <text-ui grow>Toggle sidebar</text-ui>\n <badge-ui text=\"⌘\\\" variant=\"muted\" size=\"sm\"></badge-ui>\n </row-ui>\n </col-ui>\n <col-ui gap=\"1\">\n <text-ui size=\"sm\" color=\"subtle\" weight=\"semibold\">Actions</text-ui>\n <row-ui gap=\"3\" align=\"center\">\n <icon-ui name=\"gear\" size=\"sm\" color=\"subtle\"></icon-ui>\n <text-ui grow>Open settings</text-ui>\n <badge-ui text=\"⌘,\" variant=\"muted\" size=\"sm\"></badge-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"center\">\n <icon-ui name=\"question\" size=\"sm\" color=\"subtle\"></icon-ui>\n <text-ui grow>Help and support</text-ui>\n <badge-ui text=\"?\" variant=\"muted\" size=\"sm\"></badge-ui>\n </row-ui>\n </col-ui>\n </col-ui>\n </section>\n</card-ui>",
10
10
  "source": "catalog/ui-patterns/app/command-palette/command-palette.contents.html",
11
11
  "metadata": {
12
12
  "domain": "navigation",
13
- "description": "Command palette modal with search input + grouped filterable action list + keyboard shortcuts.",
13
+ "description": "Command palette with search input, recent commands, and keyboard shortcut hints.",
14
14
  "keywords": [
15
15
  "command",
16
16
  "palette",
17
17
  "search",
18
+ "input",
19
+ "recent",
20
+ "commands",
18
21
  "keyboard",
19
- "shortcuts",
20
- "actions",
21
- "ctrl-k",
22
+ "shortcut",
23
+ "hints",
22
24
  "cmdk",
25
+ "ctrl-k",
23
26
  "quick-access",
24
- "launcher"
27
+ "launcher",
28
+ "actions"
25
29
  ]
26
30
  },
27
- "captured_at": "2026-05-26T04:00:28.271Z",
31
+ "captured_at": "2026-05-27T23:29:53.307Z",
28
32
  "template": [
29
33
  {
30
34
  "id": "input",
31
35
  "component": "Input",
32
- "placeholder": "Search commands..."
36
+ "placeholder": "Search commands...",
37
+ "prefix": "magnifying-glass"
33
38
  },
34
39
  {
35
- "id": "header",
36
- "component": "Header",
40
+ "id": "section",
41
+ "component": "Section",
37
42
  "children": [
38
43
  "input"
39
44
  ]
40
45
  },
41
46
  {
42
- "id": "command",
43
- "component": "Command"
47
+ "id": "divider",
48
+ "component": "Divider"
44
49
  },
45
50
  {
46
- "id": "section",
51
+ "id": "text",
52
+ "component": "Text",
53
+ "color": "subtle",
54
+ "size": "sm",
55
+ "weight": "semibold",
56
+ "textContent": "Recent"
57
+ },
58
+ {
59
+ "id": "clock",
60
+ "component": "Icon",
61
+ "name": "clock",
62
+ "size": "sm"
63
+ },
64
+ {
65
+ "id": "text-2",
66
+ "component": "Text",
67
+ "textContent": "Open command palette"
68
+ },
69
+ {
70
+ "id": "badge",
71
+ "component": "Badge",
72
+ "size": "sm",
73
+ "text": "⌘K",
74
+ "variant": "muted"
75
+ },
76
+ {
77
+ "id": "row",
78
+ "component": "Row",
79
+ "align": "center",
80
+ "gap": "3",
81
+ "children": [
82
+ "clock",
83
+ "text-2",
84
+ "badge"
85
+ ]
86
+ },
87
+ {
88
+ "id": "icon",
89
+ "component": "Icon",
90
+ "name": "clock",
91
+ "size": "sm"
92
+ },
93
+ {
94
+ "id": "text-3",
95
+ "component": "Text",
96
+ "textContent": "New conversation"
97
+ },
98
+ {
99
+ "id": "badge-2",
100
+ "component": "Badge",
101
+ "size": "sm",
102
+ "text": "⌘N",
103
+ "variant": "muted"
104
+ },
105
+ {
106
+ "id": "row-2",
107
+ "component": "Row",
108
+ "align": "center",
109
+ "gap": "3",
110
+ "children": [
111
+ "icon",
112
+ "text-3",
113
+ "badge-2"
114
+ ]
115
+ },
116
+ {
117
+ "id": "icon-2",
118
+ "component": "Icon",
119
+ "name": "clock",
120
+ "size": "sm"
121
+ },
122
+ {
123
+ "id": "text-4",
124
+ "component": "Text",
125
+ "textContent": "Toggle sidebar"
126
+ },
127
+ {
128
+ "id": "badge-3",
129
+ "component": "Badge",
130
+ "size": "sm",
131
+ "text": "⌘\\",
132
+ "variant": "muted"
133
+ },
134
+ {
135
+ "id": "row-3",
136
+ "component": "Row",
137
+ "align": "center",
138
+ "gap": "3",
139
+ "children": [
140
+ "icon-2",
141
+ "text-4",
142
+ "badge-3"
143
+ ]
144
+ },
145
+ {
146
+ "id": "column-2",
147
+ "component": "Column",
148
+ "gap": "1",
149
+ "children": [
150
+ "text",
151
+ "row",
152
+ "row-2",
153
+ "row-3"
154
+ ]
155
+ },
156
+ {
157
+ "id": "text-5",
158
+ "component": "Text",
159
+ "color": "subtle",
160
+ "size": "sm",
161
+ "weight": "semibold",
162
+ "textContent": "Actions"
163
+ },
164
+ {
165
+ "id": "gear",
166
+ "component": "Icon",
167
+ "name": "gear",
168
+ "size": "sm"
169
+ },
170
+ {
171
+ "id": "text-6",
172
+ "component": "Text",
173
+ "textContent": "Open settings"
174
+ },
175
+ {
176
+ "id": "badge-4",
177
+ "component": "Badge",
178
+ "size": "sm",
179
+ "text": "⌘,",
180
+ "variant": "muted"
181
+ },
182
+ {
183
+ "id": "row-4",
184
+ "component": "Row",
185
+ "align": "center",
186
+ "gap": "3",
187
+ "children": [
188
+ "gear",
189
+ "text-6",
190
+ "badge-4"
191
+ ]
192
+ },
193
+ {
194
+ "id": "question",
195
+ "component": "Icon",
196
+ "name": "question",
197
+ "size": "sm"
198
+ },
199
+ {
200
+ "id": "text-7",
201
+ "component": "Text",
202
+ "textContent": "Help and support"
203
+ },
204
+ {
205
+ "id": "badge-5",
206
+ "component": "Badge",
207
+ "size": "sm",
208
+ "text": "?",
209
+ "variant": "muted"
210
+ },
211
+ {
212
+ "id": "row-5",
213
+ "component": "Row",
214
+ "align": "center",
215
+ "gap": "3",
216
+ "children": [
217
+ "question",
218
+ "text-7",
219
+ "badge-5"
220
+ ]
221
+ },
222
+ {
223
+ "id": "column-3",
224
+ "component": "Column",
225
+ "gap": "1",
226
+ "children": [
227
+ "text-5",
228
+ "row-4",
229
+ "row-5"
230
+ ]
231
+ },
232
+ {
233
+ "id": "column",
234
+ "component": "Column",
235
+ "gap": "3",
236
+ "children": [
237
+ "column-2",
238
+ "column-3"
239
+ ]
240
+ },
241
+ {
242
+ "id": "section-2",
243
+ "component": "Section",
244
+ "children": [
245
+ "column"
246
+ ]
247
+ },
248
+ {
249
+ "id": "column-4",
250
+ "component": "Column",
251
+ "children": [
252
+ "section",
253
+ "divider",
254
+ "section-2"
255
+ ]
256
+ },
257
+ {
258
+ "id": "section-3",
47
259
  "component": "Section",
48
260
  "children": [
49
- "command"
261
+ "column-4"
50
262
  ]
51
263
  },
52
264
  {
53
265
  "id": "root",
54
- "component": "Modal",
266
+ "component": "Card",
55
267
  "children": [
56
- "header",
57
- "section"
268
+ "section-3"
58
269
  ]
59
270
  }
60
271
  ]
@@ -29,7 +29,7 @@
29
29
  "comparison"
30
30
  ]
31
31
  },
32
- "captured_at": "2026-05-26T04:00:28.271Z",
32
+ "captured_at": "2026-05-27T23:29:53.307Z",
33
33
  "template": [
34
34
  {
35
35
  "id": "text",
@@ -53,6 +53,7 @@
53
53
  {
54
54
  "id": "row",
55
55
  "component": "Row",
56
+ "slot": "heading",
56
57
  "align": "baseline",
57
58
  "gap": "2",
58
59
  "children": [
@@ -65,6 +66,7 @@
65
66
  "id": "text-4",
66
67
  "component": "Text",
67
68
  "variant": "body",
69
+ "slot": "description",
68
70
  "textContent": "Up to 5 members · 10 projects · community support"
69
71
  },
70
72
  {
@@ -99,6 +101,7 @@
99
101
  {
100
102
  "id": "row-2",
101
103
  "component": "Row",
104
+ "slot": "heading",
102
105
  "align": "baseline",
103
106
  "gap": "2",
104
107
  "children": [
@@ -139,6 +142,7 @@
139
142
  {
140
143
  "id": "column-2",
141
144
  "component": "Column",
145
+ "slot": "description",
142
146
  "gap": "2",
143
147
  "children": [
144
148
  "text-8",
@@ -178,6 +182,7 @@
178
182
  {
179
183
  "id": "row-4",
180
184
  "component": "Row",
185
+ "slot": "heading",
181
186
  "align": "baseline",
182
187
  "gap": "2",
183
188
  "children": [
@@ -218,6 +223,7 @@
218
223
  {
219
224
  "id": "column-3",
220
225
  "component": "Column",
226
+ "slot": "description",
221
227
  "gap": "2",
222
228
  "children": [
223
229
  "text-13",
@@ -256,6 +262,7 @@
256
262
  {
257
263
  "id": "row-6",
258
264
  "component": "Row",
265
+ "slot": "heading",
259
266
  "align": "baseline",
260
267
  "gap": "2",
261
268
  "children": [
@@ -296,6 +303,7 @@
296
303
  {
297
304
  "id": "column-4",
298
305
  "component": "Column",
306
+ "slot": "description",
299
307
  "gap": "2",
300
308
  "children": [
301
309
  "text-18",
@@ -334,6 +342,7 @@
334
342
  {
335
343
  "id": "row-8",
336
344
  "component": "Row",
345
+ "slot": "heading",
337
346
  "align": "baseline",
338
347
  "gap": "2",
339
348
  "children": [
@@ -346,6 +355,7 @@
346
355
  "id": "text-23",
347
356
  "component": "Text",
348
357
  "variant": "body",
358
+ "slot": "description",
349
359
  "textContent": "None of these fit? Tell us what you need and we'll quote a custom plan within one business day."
350
360
  },
351
361
  {
@@ -15,14 +15,14 @@
15
15
  "comparison",
16
16
  "table",
17
17
  "features",
18
- "plans",
19
- "tiers",
20
18
  "checkmarks",
21
19
  "compare",
22
- "pricing-compare"
20
+ "feature-matrix",
21
+ "side-by-side",
22
+ "grid-comparison"
23
23
  ]
24
24
  },
25
- "captured_at": "2026-05-26T04:00:28.271Z",
25
+ "captured_at": "2026-05-27T23:29:53.307Z",
26
26
  "template": [
27
27
  {
28
28
  "id": "text",
@@ -0,0 +1,157 @@
1
+ {
2
+ "name": "contact-form",
3
+ "kind": "block",
4
+ "primary": "card-ui",
5
+ "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {},
9
+ "html": "<card-ui>\n <header>\n <h3>Contact us</h3>\n <p slot=\"description\">We'll get back to you within 24 hours.</p>\n </header>\n <section>\n <col-ui gap=\"3\">\n <grid-ui columns=\"1 2@sm\" gap=\"3\">\n <field-ui label=\"Name\">\n <input-ui placeholder=\"Jane Doe\"></input-ui>\n </field-ui>\n <field-ui label=\"Email\">\n <input-ui type=\"email\" placeholder=\"jane@example.com\"></input-ui>\n </field-ui>\n </grid-ui>\n <field-ui label=\"Subject\">\n <input-ui placeholder=\"How can we help?\"></input-ui>\n </field-ui>\n <field-ui label=\"Message\">\n <textarea-ui rows=\"4\" placeholder=\"Tell us more...\"></textarea-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer>\n <button-ui text=\"Send message\" variant=\"primary\" icon=\"paper-plane-tilt\" stretch></button-ui>\n </footer>\n</card-ui>",
10
+ "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
11
+ "metadata": {
12
+ "domain": "forms",
13
+ "description": "Contact form with name, email, subject, and message fields and a send button.",
14
+ "keywords": [
15
+ "contact",
16
+ "form",
17
+ "name",
18
+ "email",
19
+ "subject",
20
+ "message",
21
+ "send",
22
+ "fields",
23
+ "form-ui",
24
+ "contact-us",
25
+ "feedback"
26
+ ]
27
+ },
28
+ "captured_at": "2026-05-27T23:29:53.307Z",
29
+ "template": [
30
+ {
31
+ "id": "text",
32
+ "component": "Text",
33
+ "variant": "heading",
34
+ "textContent": "Contact us"
35
+ },
36
+ {
37
+ "id": "text-2",
38
+ "component": "Text",
39
+ "variant": "body",
40
+ "slot": "description",
41
+ "textContent": "We'll get back to you within 24 hours."
42
+ },
43
+ {
44
+ "id": "header",
45
+ "component": "Header",
46
+ "children": [
47
+ "text",
48
+ "text-2"
49
+ ]
50
+ },
51
+ {
52
+ "id": "input",
53
+ "component": "Input",
54
+ "placeholder": "Jane Doe"
55
+ },
56
+ {
57
+ "id": "field",
58
+ "component": "Field",
59
+ "label": "Name",
60
+ "children": [
61
+ "input"
62
+ ]
63
+ },
64
+ {
65
+ "id": "input-2",
66
+ "component": "Input",
67
+ "type": "email",
68
+ "placeholder": "jane@example.com"
69
+ },
70
+ {
71
+ "id": "field-2",
72
+ "component": "Field",
73
+ "label": "Email",
74
+ "children": [
75
+ "input-2"
76
+ ]
77
+ },
78
+ {
79
+ "id": "grid",
80
+ "component": "Grid",
81
+ "columns": "1 2@sm",
82
+ "gap": "3",
83
+ "children": [
84
+ "field",
85
+ "field-2"
86
+ ]
87
+ },
88
+ {
89
+ "id": "input-3",
90
+ "component": "Input",
91
+ "placeholder": "How can we help?"
92
+ },
93
+ {
94
+ "id": "field-3",
95
+ "component": "Field",
96
+ "label": "Subject",
97
+ "children": [
98
+ "input-3"
99
+ ]
100
+ },
101
+ {
102
+ "id": "text-area",
103
+ "component": "TextArea",
104
+ "placeholder": "Tell us more...",
105
+ "rows": "4"
106
+ },
107
+ {
108
+ "id": "field-4",
109
+ "component": "Field",
110
+ "label": "Message",
111
+ "children": [
112
+ "text-area"
113
+ ]
114
+ },
115
+ {
116
+ "id": "column",
117
+ "component": "Column",
118
+ "gap": "3",
119
+ "children": [
120
+ "grid",
121
+ "field-3",
122
+ "field-4"
123
+ ]
124
+ },
125
+ {
126
+ "id": "section",
127
+ "component": "Section",
128
+ "children": [
129
+ "column"
130
+ ]
131
+ },
132
+ {
133
+ "id": "button",
134
+ "component": "Button",
135
+ "icon": "paper-plane-tilt",
136
+ "stretch": true,
137
+ "text": "Send message",
138
+ "variant": "primary"
139
+ },
140
+ {
141
+ "id": "footer",
142
+ "component": "Footer",
143
+ "children": [
144
+ "button"
145
+ ]
146
+ },
147
+ {
148
+ "id": "root",
149
+ "component": "Card",
150
+ "children": [
151
+ "header",
152
+ "section",
153
+ "footer"
154
+ ]
155
+ }
156
+ ]
157
+ }