@adia-ai/a2ui-corpus 0.6.48 → 0.6.50

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 (290) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/catalog-a2ui_0_9.json +17 -3
  3. package/catalog-a2ui_0_9_rules.txt +2 -2
  4. package/chunk-embeddings.json +1 -1
  5. package/chunks/_index.json +1 -1
  6. package/chunks/accordion-settings.json +1 -1
  7. package/chunks/activity-feed.json +1 -1
  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 +1 -1
  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 +1 -1
  14. package/chunks/alert-banner.json +1 -1
  15. package/chunks/analytics-chart.json +1 -1
  16. package/chunks/analytics-sparklines-dashboard.json +1 -1
  17. package/chunks/api-key-table.json +1 -1
  18. package/chunks/app-product-listing-card.json +1 -1
  19. package/chunks/audit-log.json +1 -1
  20. package/chunks/auth-account-deleted-actions.json +1 -1
  21. package/chunks/auth-account-deleted.json +1 -1
  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 +1 -1
  27. package/chunks/auth-forbidden-actions.json +1 -1
  28. package/chunks/auth-forbidden.json +1 -1
  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 +1 -1
  33. package/chunks/auth-locked-account.json +1 -1
  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 +1 -1
  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 +1 -1
  41. package/chunks/auth-oauth-fallback-actions.json +1 -1
  42. package/chunks/auth-oauth-interstitial.json +1 -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 +1 -1
  46. package/chunks/auth-profile-form.json +1 -1
  47. package/chunks/auth-profile-setup.json +1 -1
  48. package/chunks/auth-reset-sent.json +1 -1
  49. package/chunks/auth-session-expired-actions.json +1 -1
  50. package/chunks/auth-session-expired.json +1 -1
  51. package/chunks/auth-signin-card-email.json +1 -1
  52. package/chunks/auth-signin-card-magic-link.json +1 -1
  53. package/chunks/auth-signin-card-mfa.json +1 -1
  54. package/chunks/auth-signin-card-otp.json +1 -1
  55. package/chunks/auth-signin-card-password.json +1 -1
  56. package/chunks/auth-signin-card-recovery.json +1 -1
  57. package/chunks/auth-signout-actions.json +1 -1
  58. package/chunks/auth-signout.json +1 -1
  59. package/chunks/auth-signup-email-entry.json +1 -1
  60. package/chunks/auth-signup-entry.json +1 -1
  61. package/chunks/auth-signup-social-auths.json +1 -1
  62. package/chunks/auth-signup-verify.json +1 -1
  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 +1 -1
  66. package/chunks/auth-team-invite.json +1 -1
  67. package/chunks/avatar-group-overflow.json +1 -1
  68. package/chunks/badge-variants-table.json +1 -1
  69. package/chunks/billing-overview.json +1 -1
  70. package/chunks/billing-progress-label.json +1 -1
  71. package/chunks/blog-post-card.json +1 -1
  72. package/chunks/breadcrumb-navigation.json +1 -1
  73. package/chunks/calendar-month-view.json +1 -1
  74. package/chunks/card-grid-images.json +1 -1
  75. package/chunks/card-header-with-description.json +1 -1
  76. package/chunks/changelog-activity-feed.json +1 -1
  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 +1 -1
  80. package/chunks/code-snippet.json +10 -9
  81. package/chunks/color-picker-swatches.json +1 -1
  82. package/chunks/command-palette.json +1 -1
  83. package/chunks/commerce-pricing-tiers.json +1 -1
  84. package/chunks/comparison-table.json +1 -1
  85. package/chunks/contact-form.json +1 -1
  86. package/chunks/conversion-funnel-6step.json +1 -1
  87. package/chunks/dashboard-acquisition-panel.json +1 -1
  88. package/chunks/dashboard-admin-page.json +3 -3
  89. package/chunks/dashboard-audience-kpis.json +1 -1
  90. package/chunks/dashboard-audience-panel.json +1 -1
  91. package/chunks/dashboard-behavior-panel.json +1 -1
  92. package/chunks/dashboard-chart-recent.json +1 -1
  93. package/chunks/dashboard-cohort-retention.json +1 -1
  94. package/chunks/dashboard-conversion-panel.json +1 -1
  95. package/chunks/dashboard-country-list.json +1 -1
  96. package/chunks/dashboard-filter-bar.json +1 -1
  97. package/chunks/dashboard-funnel.json +1 -1
  98. package/chunks/dashboard-notifications-panel.json +1 -1
  99. package/chunks/dashboard-overview-panel.json +1 -1
  100. package/chunks/dashboard-page-header.json +1 -1
  101. package/chunks/dashboard-pages-table.json +1 -1
  102. package/chunks/dashboard-quick-actions.json +1 -1
  103. package/chunks/dashboard-reports-panel.json +6 -24
  104. package/chunks/dashboard-reports-table.json +7 -25
  105. package/chunks/dashboard-storage-card.json +1 -1
  106. package/chunks/dashboard-tabs.json +1 -1
  107. package/chunks/dashboard-team-actions-storage.json +1 -1
  108. package/chunks/dashboard-team-list.json +1 -1
  109. package/chunks/dashboard-traffic-channels.json +1 -1
  110. package/chunks/dashboard-transactions-table.json +1 -1
  111. package/chunks/data-import-wizard.json +1 -1
  112. package/chunks/date-range-picker.json +1 -1
  113. package/chunks/date-time-picker-form.json +1 -1
  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 +1 -1
  117. package/chunks/drawer-2fa-sms.json +1 -1
  118. package/chunks/drawer-2fa-totp.json +1 -1
  119. package/chunks/drawer-cancel-sub.json +1 -1
  120. package/chunks/drawer-change-plan.json +1 -1
  121. package/chunks/drawer-custom-roles.json +1 -1
  122. package/chunks/drawer-data-start.json +1 -1
  123. package/chunks/drawer-delete-account.json +1 -1
  124. package/chunks/drawer-delete-workspace.json +1 -1
  125. package/chunks/drawer-discord.json +1 -1
  126. package/chunks/drawer-figma.json +1 -1
  127. package/chunks/drawer-first-dashboard.json +1 -1
  128. package/chunks/drawer-gcal.json +1 -1
  129. package/chunks/drawer-github.json +1 -1
  130. package/chunks/drawer-invite.json +1 -1
  131. package/chunks/drawer-report.json +1 -1
  132. package/chunks/drawer-revoke-session.json +1 -1
  133. package/chunks/drawer-role.json +1 -1
  134. package/chunks/drawer-slack.json +1 -1
  135. package/chunks/drawer-smtp.json +1 -1
  136. package/chunks/drawer-source.json +1 -1
  137. package/chunks/drawer-transaction.json +1 -1
  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 +1 -1
  141. package/chunks/empty-state-danger.json +1 -1
  142. package/chunks/empty-state-minimal.json +1 -1
  143. package/chunks/empty-state-warning.json +1 -1
  144. package/chunks/empty-state.json +1 -1
  145. package/chunks/error-404-actions.json +1 -1
  146. package/chunks/error-404.json +1 -1
  147. package/chunks/error-500-actions.json +1 -1
  148. package/chunks/error-500.json +1 -1
  149. package/chunks/error-maintenance-actions.json +1 -1
  150. package/chunks/error-maintenance.json +1 -1
  151. package/chunks/error-page-shell.json +1 -1
  152. package/chunks/faq-accordion.json +1 -1
  153. package/chunks/feature-grid-icons.json +1 -1
  154. package/chunks/file-upload-dnd.json +1 -1
  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-caption-tile.json +1 -1
  162. package/chunks/image-carousel.json +1 -1
  163. package/chunks/image-upload-preview.json +1 -1
  164. package/chunks/import-mapping-flow.json +1 -1
  165. package/chunks/integrations-grid.json +1 -1
  166. package/chunks/inventory-list-stock.json +1 -1
  167. package/chunks/invite-members.json +1 -1
  168. package/chunks/invoice-line-items.json +1 -1
  169. package/chunks/kanban-board-3col.json +42 -63
  170. package/chunks/kanban-page-shell.json +1 -1
  171. package/chunks/keyboard-shortcut-display.json +1 -1
  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 +35 -33
  176. package/chunks/marketing-hero-cta.json +1 -1
  177. package/chunks/marketing-page-shell.json +1 -1
  178. package/chunks/masonry-gallery.json +1 -1
  179. package/chunks/member-edit-drawer.json +1 -1
  180. package/chunks/metadata-description-list.json +1 -1
  181. package/chunks/modal-dialog-confirm.json +1 -1
  182. package/chunks/nav-menu-icons.json +1 -1
  183. package/chunks/newsletter-subscription.json +8 -16
  184. package/chunks/notification-badges-feed.json +1 -1
  185. package/chunks/notification-preferences-panel.json +1 -1
  186. package/chunks/notification-toast-row.json +1 -1
  187. package/chunks/onb-completion.json +1 -1
  188. package/chunks/onb-extension-install.json +1 -1
  189. package/chunks/onb-hero-welcome.json +1 -1
  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 +1 -1
  195. package/chunks/onb-settings-review.json +1 -1
  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 +1 -1
  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 +1 -1
  203. package/chunks/pagination-controls.json +1 -1
  204. package/chunks/payment-method-form.json +1 -1
  205. package/chunks/period-comparison.json +1 -1
  206. package/chunks/permission-matrix-table.json +1 -1
  207. package/chunks/playground-a2ui.json +1 -1
  208. package/chunks/playground-app-shell.json +1 -1
  209. package/chunks/playground-chat.json +1 -1
  210. package/chunks/playground-construct-canvas.json +1 -1
  211. package/chunks/playground-css-channel.json +1 -1
  212. package/chunks/playground-gen-ui.json +1 -1
  213. package/chunks/playground-render-preview.json +1 -1
  214. package/chunks/playground-streams-bridge.json +1 -1
  215. package/chunks/playground-table-toolbar.json +1 -1
  216. package/chunks/popover-with-content.json +1 -1
  217. package/chunks/pricing-tiers.json +11 -10
  218. package/chunks/product-tour.json +1 -1
  219. package/chunks/progress-tracker-milestones.json +1 -1
  220. package/chunks/radio-button-group.json +1 -1
  221. package/chunks/real-time-metrics-dashboard.json +1 -1
  222. package/chunks/reg-address-form.json +1 -1
  223. package/chunks/reg-billing-card.json +1 -1
  224. package/chunks/reg-brand-scrape.json +1 -1
  225. package/chunks/reg-departments-toggle.json +1 -1
  226. package/chunks/reg-extended-profile.json +1 -1
  227. package/chunks/reg-final-done.json +1 -1
  228. package/chunks/reg-helpdesk-grid.json +1 -1
  229. package/chunks/reg-import-picker.json +1 -1
  230. package/chunks/reg-integrations-grid.json +1 -1
  231. package/chunks/reg-invite-form.json +1 -1
  232. package/chunks/reg-legal-entity.json +1 -1
  233. package/chunks/reg-org-chart-review.json +1 -1
  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 +1 -1
  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 +1 -1
  248. package/chunks/revenue-heatmap.json +1 -1
  249. package/chunks/role-management.json +11 -19
  250. package/chunks/search-with-filters.json +1 -1
  251. package/chunks/section-with-stack.json +1 -1
  252. package/chunks/segmented-control-billing-tabs.json +1 -1
  253. package/chunks/select-multiple-preselected.json +1 -1
  254. package/chunks/settings-2fa-setup.json +1 -1
  255. package/chunks/settings-admin-page.json +1 -1
  256. package/chunks/settings-appearance-theme-panel.json +1 -1
  257. package/chunks/settings-appearance.json +1 -1
  258. package/chunks/settings-general-form.json +1 -1
  259. package/chunks/settings-integrations.json +1 -1
  260. package/chunks/settings-members-invite.json +1 -1
  261. package/chunks/settings-page-shell.json +1 -1
  262. package/chunks/settings-panel.json +1 -1
  263. package/chunks/settings-profile-security.json +1 -1
  264. package/chunks/settings-toggle-switches.json +1 -1
  265. package/chunks/sidebar-nav.json +6 -2
  266. package/chunks/sidebar-navigation-panel.json +1 -1
  267. package/chunks/slider-range-controls.json +1 -1
  268. package/chunks/social-media-post-card.json +14 -37
  269. package/chunks/sortable-search-paginate-table.json +1 -1
  270. package/chunks/split-pane-editor-preview.json +1 -1
  271. package/chunks/stat-cards-kpi-dashboard.json +1 -1
  272. package/chunks/status-dashboard.json +3 -2
  273. package/chunks/stepper-form-wizard.json +1 -1
  274. package/chunks/survey-rating-form.json +1 -1
  275. package/chunks/tabs-with-panels.json +1 -1
  276. package/chunks/tag-chips-filter.json +1 -1
  277. package/chunks/team-members-list.json +1 -1
  278. package/chunks/testimonial-grid.json +1 -1
  279. package/chunks/testimonials-avatar-cards.json +26 -68
  280. package/chunks/timeline-events.json +1 -1
  281. package/chunks/toolbar-icons.json +1 -1
  282. package/chunks/toolbar-tooltips.json +1 -1
  283. package/chunks/tooltip-hover-button.json +1 -1
  284. package/chunks/trial-banner.json +1 -1
  285. package/chunks/user-identity-row.json +1 -1
  286. package/chunks/user-onboarding-checklist.json +1 -1
  287. package/chunks/user-profile-card.json +1 -1
  288. package/chunks/video-player-controls.json +1 -1
  289. package/chunks/webhook-config.json +1 -1
  290. package/package.json +1 -1
@@ -6,7 +6,7 @@
6
6
  "slots": [],
7
7
  "nested": [],
8
8
  "attrs": {},
9
- "html": "<section>\n <col-ui gap=\"4\">\n <card-ui>\n <header>\n <row-ui gap=\"3\" align=\"center\">\n <skeleton-ui width=\"40px\" height=\"40px\" radius=\"full\"></skeleton-ui>\n <col-ui gap=\"2\" style=\"flex:1\">\n <skeleton-ui width=\"55%\" height=\"1em\"></skeleton-ui>\n <skeleton-ui width=\"35%\" height=\"0.8em\"></skeleton-ui>\n </col-ui>\n </row-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <skeleton-ui width=\"100%\" height=\"1em\"></skeleton-ui>\n <skeleton-ui width=\"92%\" height=\"1em\"></skeleton-ui>\n <skeleton-ui width=\"78%\" height=\"1em\"></skeleton-ui>\n </col-ui>\n </section>\n <footer>\n <row-ui gap=\"2\">\n <skeleton-ui width=\"80px\" height=\"2em\" radius=\"md\"></skeleton-ui>\n <skeleton-ui width=\"80px\" height=\"2em\" radius=\"md\"></skeleton-ui>\n </row-ui>\n </footer>\n </card-ui>\n\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\">\n <skeleton-ui width=\"36px\" height=\"36px\" radius=\"full\"></skeleton-ui>\n <col-ui gap=\"2\" style=\"flex:1\">\n <skeleton-ui width=\"48%\" height=\"0.9em\"></skeleton-ui>\n <skeleton-ui width=\"30%\" height=\"0.75em\"></skeleton-ui>\n </col-ui>\n <skeleton-ui width=\"60px\" height=\"1.5em\" radius=\"md\"></skeleton-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\">\n <skeleton-ui width=\"36px\" height=\"36px\" radius=\"full\"></skeleton-ui>\n <col-ui gap=\"2\" style=\"flex:1\">\n <skeleton-ui width=\"62%\" height=\"0.9em\"></skeleton-ui>\n <skeleton-ui width=\"40%\" height=\"0.75em\"></skeleton-ui>\n </col-ui>\n <skeleton-ui width=\"60px\" height=\"1.5em\" radius=\"md\"></skeleton-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\">\n <skeleton-ui width=\"36px\" height=\"36px\" radius=\"full\"></skeleton-ui>\n <col-ui gap=\"2\" style=\"flex:1\">\n <skeleton-ui width=\"52%\" height=\"0.9em\"></skeleton-ui>\n <skeleton-ui width=\"25%\" height=\"0.75em\"></skeleton-ui>\n </col-ui>\n <skeleton-ui width=\"60px\" height=\"1.5em\" radius=\"md\"></skeleton-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </col-ui>\n</section>",
9
+ "html": "<section>\n <col-ui gap=\"4\">\n <card-ui>\n <header>\n <skeleton-ui slot=\"icon\" width=\"40px\" height=\"40px\" radius=\"full\"></skeleton-ui>\n <span slot=\"heading\"><skeleton-ui width=\"55%\" height=\"1em\"></skeleton-ui></span>\n <span slot=\"description\"><skeleton-ui width=\"35%\" height=\"0.8em\"></skeleton-ui></span>\n </header>\n <section>\n <col-ui gap=\"3\">\n <skeleton-ui width=\"100%\" height=\"1em\"></skeleton-ui>\n <skeleton-ui width=\"92%\" height=\"1em\"></skeleton-ui>\n <skeleton-ui width=\"78%\" height=\"1em\"></skeleton-ui>\n </col-ui>\n </section>\n <footer>\n <row-ui gap=\"2\">\n <skeleton-ui width=\"80px\" height=\"2em\" radius=\"md\"></skeleton-ui>\n <skeleton-ui width=\"80px\" height=\"2em\" radius=\"md\"></skeleton-ui>\n </row-ui>\n </footer>\n </card-ui>\n\n <list-ui divider>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\">\n <skeleton-ui width=\"36px\" height=\"36px\" radius=\"full\"></skeleton-ui>\n <col-ui gap=\"2\" style=\"flex:1\">\n <skeleton-ui width=\"48%\" height=\"0.9em\"></skeleton-ui>\n <skeleton-ui width=\"30%\" height=\"0.75em\"></skeleton-ui>\n </col-ui>\n <skeleton-ui width=\"60px\" height=\"1.5em\" radius=\"md\"></skeleton-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\">\n <skeleton-ui width=\"36px\" height=\"36px\" radius=\"full\"></skeleton-ui>\n <col-ui gap=\"2\" style=\"flex:1\">\n <skeleton-ui width=\"62%\" height=\"0.9em\"></skeleton-ui>\n <skeleton-ui width=\"40%\" height=\"0.75em\"></skeleton-ui>\n </col-ui>\n <skeleton-ui width=\"60px\" height=\"1.5em\" radius=\"md\"></skeleton-ui>\n </row-ui>\n </list-item-ui>\n <list-item-ui>\n <row-ui gap=\"3\" align=\"center\">\n <skeleton-ui width=\"36px\" height=\"36px\" radius=\"full\"></skeleton-ui>\n <col-ui gap=\"2\" style=\"flex:1\">\n <skeleton-ui width=\"52%\" height=\"0.9em\"></skeleton-ui>\n <skeleton-ui width=\"25%\" height=\"0.75em\"></skeleton-ui>\n </col-ui>\n <skeleton-ui width=\"60px\" height=\"1.5em\" radius=\"md\"></skeleton-ui>\n </row-ui>\n </list-item-ui>\n </list-ui>\n </col-ui>\n</section>",
10
10
  "source": "catalog/ui-patterns/app/loading-skeleton-placeholder/loading-skeleton-placeholder.contents.html",
11
11
  "metadata": {
12
12
  "domain": "agent",
@@ -27,11 +27,12 @@
27
27
  "rows"
28
28
  ]
29
29
  },
30
- "captured_at": "2026-05-29T20:59:10.675Z",
30
+ "captured_at": "2026-05-30T16:01:25.906Z",
31
31
  "template": [
32
32
  {
33
33
  "id": "skeleton",
34
34
  "component": "Skeleton",
35
+ "slot": "icon",
35
36
  "height": "40px",
36
37
  "radius": "full",
37
38
  "width": "40px"
@@ -42,6 +43,15 @@
42
43
  "height": "1em",
43
44
  "width": "55%"
44
45
  },
46
+ {
47
+ "id": "text",
48
+ "component": "Text",
49
+ "variant": "body",
50
+ "slot": "heading",
51
+ "children": [
52
+ "skeleton-2"
53
+ ]
54
+ },
45
55
  {
46
56
  "id": "skeleton-3",
47
57
  "component": "Skeleton",
@@ -49,29 +59,21 @@
49
59
  "width": "35%"
50
60
  },
51
61
  {
52
- "id": "column-2",
53
- "component": "Column",
54
- "gap": "2",
62
+ "id": "text-2",
63
+ "component": "Text",
64
+ "variant": "body",
65
+ "slot": "description",
55
66
  "children": [
56
- "skeleton-2",
57
67
  "skeleton-3"
58
68
  ]
59
69
  },
60
- {
61
- "id": "row",
62
- "component": "Row",
63
- "align": "center",
64
- "gap": "3",
65
- "children": [
66
- "skeleton",
67
- "column-2"
68
- ]
69
- },
70
70
  {
71
71
  "id": "header",
72
72
  "component": "Header",
73
73
  "children": [
74
- "row"
74
+ "skeleton",
75
+ "text",
76
+ "text-2"
75
77
  ]
76
78
  },
77
79
  {
@@ -93,7 +95,7 @@
93
95
  "width": "78%"
94
96
  },
95
97
  {
96
- "id": "column-3",
98
+ "id": "column-2",
97
99
  "component": "Column",
98
100
  "gap": "3",
99
101
  "children": [
@@ -106,7 +108,7 @@
106
108
  "id": "section",
107
109
  "component": "Section",
108
110
  "children": [
109
- "column-3"
111
+ "column-2"
110
112
  ]
111
113
  },
112
114
  {
@@ -124,7 +126,7 @@
124
126
  "width": "80px"
125
127
  },
126
128
  {
127
- "id": "row-2",
129
+ "id": "row",
128
130
  "component": "Row",
129
131
  "gap": "2",
130
132
  "children": [
@@ -136,7 +138,7 @@
136
138
  "id": "footer",
137
139
  "component": "Footer",
138
140
  "children": [
139
- "row-2"
141
+ "row"
140
142
  ]
141
143
  },
142
144
  {
@@ -168,7 +170,7 @@
168
170
  "width": "30%"
169
171
  },
170
172
  {
171
- "id": "column-4",
173
+ "id": "column-3",
172
174
  "component": "Column",
173
175
  "gap": "2",
174
176
  "children": [
@@ -184,13 +186,13 @@
184
186
  "width": "60px"
185
187
  },
186
188
  {
187
- "id": "row-3",
189
+ "id": "row-2",
188
190
  "component": "Row",
189
191
  "align": "center",
190
192
  "gap": "3",
191
193
  "children": [
192
194
  "skeleton-9",
193
- "column-4",
195
+ "column-3",
194
196
  "skeleton-12"
195
197
  ]
196
198
  },
@@ -198,7 +200,7 @@
198
200
  "id": "list-item",
199
201
  "component": "ListItem",
200
202
  "children": [
201
- "row-3"
203
+ "row-2"
202
204
  ]
203
205
  },
204
206
  {
@@ -221,7 +223,7 @@
221
223
  "width": "40%"
222
224
  },
223
225
  {
224
- "id": "column-5",
226
+ "id": "column-4",
225
227
  "component": "Column",
226
228
  "gap": "2",
227
229
  "children": [
@@ -237,13 +239,13 @@
237
239
  "width": "60px"
238
240
  },
239
241
  {
240
- "id": "row-4",
242
+ "id": "row-3",
241
243
  "component": "Row",
242
244
  "align": "center",
243
245
  "gap": "3",
244
246
  "children": [
245
247
  "skeleton-13",
246
- "column-5",
248
+ "column-4",
247
249
  "skeleton-16"
248
250
  ]
249
251
  },
@@ -251,7 +253,7 @@
251
253
  "id": "list-item-2",
252
254
  "component": "ListItem",
253
255
  "children": [
254
- "row-4"
256
+ "row-3"
255
257
  ]
256
258
  },
257
259
  {
@@ -274,7 +276,7 @@
274
276
  "width": "25%"
275
277
  },
276
278
  {
277
- "id": "column-6",
279
+ "id": "column-5",
278
280
  "component": "Column",
279
281
  "gap": "2",
280
282
  "children": [
@@ -290,13 +292,13 @@
290
292
  "width": "60px"
291
293
  },
292
294
  {
293
- "id": "row-5",
295
+ "id": "row-4",
294
296
  "component": "Row",
295
297
  "align": "center",
296
298
  "gap": "3",
297
299
  "children": [
298
300
  "skeleton-17",
299
- "column-6",
301
+ "column-5",
300
302
  "skeleton-20"
301
303
  ]
302
304
  },
@@ -304,7 +306,7 @@
304
306
  "id": "list-item-3",
305
307
  "component": "ListItem",
306
308
  "children": [
307
- "row-5"
309
+ "row-4"
308
310
  ]
309
311
  },
310
312
  {
@@ -22,7 +22,7 @@
22
22
  "buttons"
23
23
  ]
24
24
  },
25
- "captured_at": "2026-05-29T20:59:10.675Z",
25
+ "captured_at": "2026-05-30T16:01:25.906Z",
26
26
  "template": [
27
27
  {
28
28
  "id": "text",
@@ -39,7 +39,7 @@
39
39
  "homepage"
40
40
  ]
41
41
  },
42
- "captured_at": "2026-05-29T20:59:10.675Z",
42
+ "captured_at": "2026-05-30T16:01:25.906Z",
43
43
  "template": [
44
44
  {
45
45
  "id": "text",
@@ -24,7 +24,7 @@
24
24
  "lightbox"
25
25
  ]
26
26
  },
27
- "captured_at": "2026-05-29T20:59:10.675Z",
27
+ "captured_at": "2026-05-30T16:01:25.906Z",
28
28
  "template": [
29
29
  {
30
30
  "id": "text",
@@ -24,7 +24,7 @@
24
24
  "settings"
25
25
  ]
26
26
  },
27
- "captured_at": "2026-05-29T20:59:10.675Z",
27
+ "captured_at": "2026-05-30T16:01:25.906Z",
28
28
  "template": [
29
29
  {
30
30
  "id": "text",
@@ -25,7 +25,7 @@
25
25
  "stacked"
26
26
  ]
27
27
  },
28
- "captured_at": "2026-05-29T20:59:10.675Z",
28
+ "captured_at": "2026-05-30T16:01:25.906Z",
29
29
  "template": [
30
30
  {
31
31
  "id": "text",
@@ -31,7 +31,7 @@
31
31
  "irreversible"
32
32
  ]
33
33
  },
34
- "captured_at": "2026-05-29T20:59:10.675Z",
34
+ "captured_at": "2026-05-30T16:01:25.906Z",
35
35
  "template": [
36
36
  {
37
37
  "id": "avatar",
@@ -30,7 +30,7 @@
30
30
  "primary-nav"
31
31
  ]
32
32
  },
33
- "captured_at": "2026-05-29T20:59:10.675Z",
33
+ "captured_at": "2026-05-30T16:01:25.906Z",
34
34
  "template": [
35
35
  {
36
36
  "id": "button",
@@ -6,7 +6,7 @@
6
6
  "slots": [],
7
7
  "nested": [],
8
8
  "attrs": {},
9
- "html": "<card-ui>\n <header>\n <col-ui gap=\"1\">\n <text-ui slot=\"heading\" size=\"lg\" weight=\"semibold\">Stay in the loop</text-ui>\n <p slot=\"description\">Get product updates, feature releases, and tips — straight to your inbox.</p>\n </col-ui>\n </header>\n <section>\n <col-ui gap=\"4\">\n <row-ui gap=\"2\" align=\"end\">\n <col-ui style=\"flex:1\">\n <input-ui type=\"email\" name=\"email\" placeholder=\"Enter your email\"></input-ui>\n </col-ui>\n <button-ui text=\"Subscribe\" variant=\"primary\"></button-ui>\n </row-ui>\n <text-ui size=\"xs\" color=\"subtle\">No spam. Unsubscribe anytime.</text-ui>\n <col-ui gap=\"2\">\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"check-circle\" color=\"var(--a-success-strong)\" size=\"16\"></icon-ui>\n <text-ui size=\"sm\">Weekly product highlights</text-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"check-circle\" color=\"var(--a-success-strong)\" size=\"16\"></icon-ui>\n <text-ui size=\"sm\">Early access to new features</text-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"check-circle\" color=\"var(--a-success-strong)\" size=\"16\"></icon-ui>\n <text-ui size=\"sm\">Tips from the team</text-ui>\n </row-ui>\n </col-ui>\n </col-ui>\n </section>\n</card-ui>",
9
+ "html": "<card-ui>\n <header>\n <text-ui slot=\"heading\" size=\"lg\" weight=\"semibold\">Stay in the loop</text-ui>\n <p slot=\"description\">Get product updates, feature releases, and tips — straight to your inbox.</p>\n </header>\n <section>\n <col-ui gap=\"4\">\n <row-ui gap=\"2\" align=\"end\">\n <col-ui style=\"flex:1\">\n <input-ui type=\"email\" name=\"email\" placeholder=\"Enter your email\"></input-ui>\n </col-ui>\n <button-ui text=\"Subscribe\" variant=\"primary\"></button-ui>\n </row-ui>\n <text-ui size=\"xs\" color=\"subtle\">No spam. Unsubscribe anytime.</text-ui>\n <col-ui gap=\"2\">\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"check-circle\" color=\"var(--a-success-strong)\" size=\"16\"></icon-ui>\n <text-ui size=\"sm\">Weekly product highlights</text-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"check-circle\" color=\"var(--a-success-strong)\" size=\"16\"></icon-ui>\n <text-ui size=\"sm\">Early access to new features</text-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"check-circle\" color=\"var(--a-success-strong)\" size=\"16\"></icon-ui>\n <text-ui size=\"sm\">Tips from the team</text-ui>\n </row-ui>\n </col-ui>\n </col-ui>\n </section>\n</card-ui>",
10
10
  "source": "catalog/ui-patterns/app/newsletter-subscription/newsletter-subscription.contents.html",
11
11
  "metadata": {
12
12
  "domain": "forms",
@@ -27,7 +27,7 @@
27
27
  "mailing"
28
28
  ]
29
29
  },
30
- "captured_at": "2026-05-29T20:59:10.675Z",
30
+ "captured_at": "2026-05-30T16:01:25.906Z",
31
31
  "template": [
32
32
  {
33
33
  "id": "text",
@@ -44,20 +44,12 @@
44
44
  "slot": "description",
45
45
  "textContent": "Get product updates, feature releases, and tips — straight to your inbox."
46
46
  },
47
- {
48
- "id": "column",
49
- "component": "Column",
50
- "gap": "1",
51
- "children": [
52
- "text",
53
- "text-2"
54
- ]
55
- },
56
47
  {
57
48
  "id": "header",
58
49
  "component": "Header",
59
50
  "children": [
60
- "column"
51
+ "text",
52
+ "text-2"
61
53
  ]
62
54
  },
63
55
  {
@@ -157,7 +149,7 @@
157
149
  ]
158
150
  },
159
151
  {
160
- "id": "column-4",
152
+ "id": "column-3",
161
153
  "component": "Column",
162
154
  "gap": "2",
163
155
  "children": [
@@ -167,20 +159,20 @@
167
159
  ]
168
160
  },
169
161
  {
170
- "id": "column-2",
162
+ "id": "column",
171
163
  "component": "Column",
172
164
  "gap": "4",
173
165
  "children": [
174
166
  "row",
175
167
  "text-3",
176
- "column-4"
168
+ "column-3"
177
169
  ]
178
170
  },
179
171
  {
180
172
  "id": "section",
181
173
  "component": "Section",
182
174
  "children": [
183
- "column-2"
175
+ "column"
184
176
  ]
185
177
  },
186
178
  {
@@ -37,7 +37,7 @@
37
37
  "unread"
38
38
  ]
39
39
  },
40
- "captured_at": "2026-05-29T20:59:10.675Z",
40
+ "captured_at": "2026-05-30T16:01:25.906Z",
41
41
  "template": [
42
42
  {
43
43
  "id": "text",
@@ -32,7 +32,7 @@
32
32
  "digest"
33
33
  ]
34
34
  },
35
- "captured_at": "2026-05-29T20:59:10.675Z",
35
+ "captured_at": "2026-05-30T16:01:25.906Z",
36
36
  "template": [
37
37
  {
38
38
  "id": "text",
@@ -32,7 +32,7 @@
32
32
  "toast-stack"
33
33
  ]
34
34
  },
35
- "captured_at": "2026-05-29T20:59:10.675Z",
35
+ "captured_at": "2026-05-30T16:01:25.906Z",
36
36
  "template": [
37
37
  {
38
38
  "id": "alert",
@@ -23,7 +23,7 @@
23
23
  "started"
24
24
  ]
25
25
  },
26
- "captured_at": "2026-05-29T20:59:10.675Z",
26
+ "captured_at": "2026-05-30T16:01:25.906Z",
27
27
  "template": [
28
28
  {
29
29
  "id": "timeline-item",
@@ -23,7 +23,7 @@
23
23
  "setup"
24
24
  ]
25
25
  },
26
- "captured_at": "2026-05-29T20:59:10.675Z",
26
+ "captured_at": "2026-05-30T16:01:25.906Z",
27
27
  "template": [
28
28
  {
29
29
  "id": "puzzle-piece",
@@ -23,7 +23,7 @@
23
23
  "screen"
24
24
  ]
25
25
  },
26
- "captured_at": "2026-05-29T20:59:10.675Z",
26
+ "captured_at": "2026-05-30T16:01:25.906Z",
27
27
  "template": [
28
28
  {
29
29
  "id": "check-circle",
@@ -23,7 +23,7 @@
23
23
  "connect"
24
24
  ]
25
25
  },
26
- "captured_at": "2026-05-29T20:59:10.675Z",
26
+ "captured_at": "2026-05-30T16:01:25.906Z",
27
27
  "template": [
28
28
  {
29
29
  "id": "data-mode",
@@ -24,7 +24,7 @@
24
24
  "continue"
25
25
  ]
26
26
  },
27
- "captured_at": "2026-05-29T20:59:10.675Z",
27
+ "captured_at": "2026-05-30T16:01:25.906Z",
28
28
  "template": [
29
29
  {
30
30
  "id": "qr-code",
@@ -25,7 +25,7 @@
25
25
  "push"
26
26
  ]
27
27
  },
28
- "captured_at": "2026-05-29T20:59:10.675Z",
28
+ "captured_at": "2026-05-30T16:01:25.906Z",
29
29
  "template": [
30
30
  {
31
31
  "id": "notify",
@@ -24,7 +24,7 @@
24
24
  "designer"
25
25
  ]
26
26
  },
27
- "captured_at": "2026-05-29T20:59:10.675Z",
27
+ "captured_at": "2026-05-30T16:01:25.906Z",
28
28
  "template": [
29
29
  {
30
30
  "id": "mode",
@@ -23,7 +23,7 @@
23
23
  "setup"
24
24
  ]
25
25
  },
26
- "captured_at": "2026-05-29T20:59:10.675Z",
26
+ "captured_at": "2026-05-30T16:01:25.906Z",
27
27
  "template": [
28
28
  {
29
29
  "id": "source",
@@ -22,7 +22,7 @@
22
22
  "finish"
23
23
  ]
24
24
  },
25
- "captured_at": "2026-05-29T20:59:10.675Z",
25
+ "captured_at": "2026-05-30T16:01:25.906Z",
26
26
  "template": [
27
27
  {
28
28
  "id": "text",
@@ -104,7 +104,7 @@
104
104
  "html": "<footer data-chunk-slot=\"page-footer\">\n <step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>\n <div data-onb-actions>\n <button-ui text=\"Get started\" variant=\"primary\" type=\"submit\"></button-ui>\n </div>\n </footer>"
105
105
  }
106
106
  ],
107
- "captured_at": "2026-05-29T20:59:10.675Z",
107
+ "captured_at": "2026-05-30T16:01:25.906Z",
108
108
  "metadata": {
109
109
  "domain": "onboarding",
110
110
  "description": "Onboarding step footer — back / next navigation controls for multi-step flow.",
@@ -104,7 +104,7 @@
104
104
  "html": "<header data-onb-heading data-chunk-slot=\"page-header\">\n <h1>Let's get you set up</h1>\n <text-ui color=\"subtle\">A quick guided tour. Everything is changeable in settings later.</text-ui>\n </header>"
105
105
  }
106
106
  ],
107
- "captured_at": "2026-05-29T20:59:10.675Z",
107
+ "captured_at": "2026-05-30T16:01:25.906Z",
108
108
  "metadata": {
109
109
  "domain": "onboarding",
110
110
  "description": "Onboarding step header — step number, title, and context for current flow step.",
@@ -124,7 +124,7 @@
124
124
  "html": "<step-progress-ui value=\"1\" total=\"10\" caption=\"Step 1 of 10\"></step-progress-ui>"
125
125
  }
126
126
  ],
127
- "captured_at": "2026-05-29T20:59:10.675Z",
127
+ "captured_at": "2026-05-30T16:01:25.906Z",
128
128
  "metadata": {
129
129
  "domain": "onboarding",
130
130
  "description": "Onboarding progress stepper — visual indicator of current and remaining setup steps.",
@@ -65,7 +65,7 @@
65
65
  "layout": "page"
66
66
  }
67
67
  },
68
- "captured_at": "2026-05-29T20:59:10.675Z",
68
+ "captured_at": "2026-05-30T16:01:25.906Z",
69
69
  "template": [
70
70
  {
71
71
  "id": "image",
@@ -104,7 +104,7 @@
104
104
  "html": "<aside data-onb-story data-chunk-slot=\"page-story\">\n <a data-onb-brand href=\"/\" aria-label=\"AdiaUI home\">\n <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"\" aria-hidden=\"true\"></image-ui>\n <strong>AdiaUI</strong>\n </a>\n <div data-onb-story-content>\n <h2>Welcome aboard, Kim.</h2>\n <p>\n You're three minutes away from your first usable workspace. We'll walk through the essentials — pick how you'll use it, connect a data source, see\n your first dashboard come to life. Skip anything you'd rather come back to later.\n </p>\n <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10 · Onboarding</text-ui>\n </div>\n </aside>"
105
105
  }
106
106
  ],
107
- "captured_at": "2026-05-29T20:59:10.675Z",
107
+ "captured_at": "2026-05-30T16:01:25.906Z",
108
108
  "metadata": {
109
109
  "domain": "onboarding",
110
110
  "description": "Onboarding left story pane — decorative panel with brand illustration or benefit bullets.",
@@ -23,7 +23,7 @@
23
23
  "guide"
24
24
  ]
25
25
  },
26
- "captured_at": "2026-05-29T20:59:10.675Z",
26
+ "captured_at": "2026-05-30T16:01:25.906Z",
27
27
  "template": [
28
28
  {
29
29
  "id": "text",
@@ -30,7 +30,7 @@
30
30
  "tracking"
31
31
  ]
32
32
  },
33
- "captured_at": "2026-05-29T20:59:10.675Z",
33
+ "captured_at": "2026-05-30T16:01:25.906Z",
34
34
  "template": [
35
35
  {
36
36
  "id": "text",
@@ -24,7 +24,7 @@
24
24
  "pages"
25
25
  ]
26
26
  },
27
- "captured_at": "2026-05-29T20:59:10.675Z",
27
+ "captured_at": "2026-05-30T16:01:25.906Z",
28
28
  "template": [
29
29
  {
30
30
  "id": "text",
@@ -31,7 +31,7 @@
31
31
  "tax-id"
32
32
  ]
33
33
  },
34
- "captured_at": "2026-05-29T20:59:10.675Z",
34
+ "captured_at": "2026-05-30T16:01:25.906Z",
35
35
  "template": [
36
36
  {
37
37
  "id": "avatar",
@@ -33,7 +33,7 @@
33
33
  "month-over-month"
34
34
  ]
35
35
  },
36
- "captured_at": "2026-05-29T20:59:10.675Z",
36
+ "captured_at": "2026-05-30T16:01:25.906Z",
37
37
  "template": [
38
38
  {
39
39
  "id": "text",
@@ -29,7 +29,7 @@
29
29
  "permissions"
30
30
  ]
31
31
  },
32
- "captured_at": "2026-05-29T20:59:10.675Z",
32
+ "captured_at": "2026-05-30T16:01:25.906Z",
33
33
  "template": [
34
34
  {
35
35
  "id": "text",
@@ -19,7 +19,7 @@
19
19
  "interface"
20
20
  ]
21
21
  },
22
- "captured_at": "2026-05-29T20:59:10.675Z",
22
+ "captured_at": "2026-05-30T16:01:25.906Z",
23
23
  "template": [
24
24
  {
25
25
  "id": "layout",
@@ -24,7 +24,7 @@
24
24
  "topbar"
25
25
  ]
26
26
  },
27
- "captured_at": "2026-05-29T20:59:10.675Z",
27
+ "captured_at": "2026-05-30T16:01:25.906Z",
28
28
  "template": [
29
29
  {
30
30
  "id": "workspace-select",
@@ -23,7 +23,7 @@
23
23
  "agent"
24
24
  ]
25
25
  },
26
- "captured_at": "2026-05-29T20:59:10.675Z",
26
+ "captured_at": "2026-05-30T16:01:25.906Z",
27
27
  "template": [
28
28
  {
29
29
  "id": "text",
@@ -21,7 +21,7 @@
21
21
  "editor"
22
22
  ]
23
23
  },
24
- "captured_at": "2026-05-29T20:59:10.675Z",
24
+ "captured_at": "2026-05-30T16:01:25.906Z",
25
25
  "template": [
26
26
  {
27
27
  "id": "canvas-host",