@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,677 @@
1
+ {
2
+ "name": "email-inbox-list",
3
+ "kind": "block",
4
+ "primary": "card-ui",
5
+ "page": "/catalog/ui-patterns/app/email-inbox-list/email-inbox-list.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {},
9
+ "html": "<card-ui>\n <header>\n <span slot=\"heading\">\n <text-ui strong>Inbox</text-ui>\n <badge-ui text=\"12 unread\" variant=\"accent\"></badge-ui>\n </span>\n <span slot=\"action\">\n <row-ui gap=\"1\">\n <button-ui variant=\"ghost\" size=\"sm\" icon=\"funnel\" title=\"Filter\"></button-ui>\n <button-ui variant=\"ghost\" size=\"sm\" icon=\"magnifying-glass\" title=\"Search\"></button-ui>\n <button-ui variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\" title=\"Compose\"></button-ui>\n </row-ui>\n </span>\n </header>\n <section bleed>\n <list-ui divider>\n\n <!-- Row 1 — unread -->\n <list-item-ui>\n <row-ui gap=\"3\" align=\"start\" grow>\n <avatar-ui text=\"Sarah Miller\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <text-ui strong>Sarah Miller</text-ui>\n <text-ui color=\"subtle\" size=\"xs\">9:41 AM</text-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <col-ui gap=\"0\" grow>\n <text-ui strong size=\"sm\">Design review feedback — Q3 components</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Hey, I left comments on the card-ui section. Can we sync before the...</text-ui>\n </col-ui>\n <badge-ui text=\"3\" variant=\"accent\" size=\"sm\"></badge-ui>\n </row-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n\n <!-- Row 2 — unread -->\n <list-item-ui>\n <row-ui gap=\"3\" align=\"start\" grow>\n <avatar-ui text=\"James Park\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <text-ui strong>James Park</text-ui>\n <text-ui color=\"subtle\" size=\"xs\">8:15 AM</text-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <col-ui gap=\"0\" grow>\n <text-ui strong size=\"sm\">Invoice #1042 is ready</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Your invoice for May is ready to view. Total due: $2,400 by June 1...</text-ui>\n </col-ui>\n <badge-ui text=\"1\" variant=\"accent\" size=\"sm\"></badge-ui>\n </row-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n\n <!-- Row 3 — read -->\n <list-item-ui>\n <row-ui gap=\"3\" align=\"start\" grow>\n <avatar-ui text=\"Alex Chen\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <text-ui>Alex Chen</text-ui>\n <text-ui color=\"subtle\" size=\"xs\">Yesterday</text-ui>\n </row-ui>\n <col-ui gap=\"0\">\n <text-ui size=\"sm\">Re: Team offsite dates confirmed</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Sounds good — I've blocked the calendar. See you in Portland...</text-ui>\n </col-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n\n <!-- Row 4 — unread -->\n <list-item-ui>\n <row-ui gap=\"3\" align=\"start\" grow>\n <avatar-ui icon=\"buildings\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <text-ui strong>Acme Corp Billing</text-ui>\n <text-ui color=\"subtle\" size=\"xs\">Yesterday</text-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <col-ui gap=\"0\" grow>\n <text-ui strong size=\"sm\">Your subscription renews in 3 days</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Hi Kim, your Pro plan renews on June 1. Update payment details here...</text-ui>\n </col-ui>\n <badge-ui text=\"1\" variant=\"accent\" size=\"sm\"></badge-ui>\n </row-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n\n <!-- Row 5 — read -->\n <list-item-ui>\n <row-ui gap=\"3\" align=\"start\" grow>\n <avatar-ui text=\"Maria Santos\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <text-ui>Maria Santos</text-ui>\n <text-ui color=\"subtle\" size=\"xs\">Mon</text-ui>\n </row-ui>\n <col-ui gap=\"0\">\n <text-ui size=\"sm\">Onboarding checklist — final items</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">I've completed steps 1-6. Only the API key setup is left. Is there a...</text-ui>\n </col-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n\n <!-- Row 6 — read -->\n <list-item-ui>\n <row-ui gap=\"3\" align=\"start\" grow>\n <avatar-ui text=\"Priya Nair\" size=\"sm\"></avatar-ui>\n <col-ui gap=\"0\" grow>\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <text-ui>Priya Nair</text-ui>\n <text-ui color=\"subtle\" size=\"xs\">Sun</text-ui>\n </row-ui>\n <col-ui gap=\"0\">\n <text-ui size=\"sm\">Weekly digest — design system updates</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">This week: new token exports, updated avatar-ui docs, badge size scale...</text-ui>\n </col-ui>\n </col-ui>\n </row-ui>\n </list-item-ui>\n\n </list-ui>\n </section>\n</card-ui>",
10
+ "source": "catalog/ui-patterns/app/email-inbox-list/email-inbox-list.contents.html",
11
+ "metadata": {
12
+ "domain": "data",
13
+ "description": "Email inbox list — scrollable list of email rows with sender avatar, subject, preview snippet, timestamp, and unread badge indicator. List-item-ui rows with dividers.",
14
+ "keywords": [
15
+ "email",
16
+ "inbox",
17
+ "list",
18
+ "message",
19
+ "unread",
20
+ "sender",
21
+ "subject",
22
+ "preview",
23
+ "timestamp",
24
+ "avatar",
25
+ "badge",
26
+ "list-ui",
27
+ "list-item-ui",
28
+ "avatar-ui"
29
+ ]
30
+ },
31
+ "captured_at": "2026-05-27T23:29:53.307Z",
32
+ "template": [
33
+ {
34
+ "id": "text-2",
35
+ "component": "Text",
36
+ "strong": true,
37
+ "textContent": "Inbox"
38
+ },
39
+ {
40
+ "id": "badge",
41
+ "component": "Badge",
42
+ "text": "12 unread",
43
+ "variant": "accent"
44
+ },
45
+ {
46
+ "id": "text",
47
+ "component": "Text",
48
+ "variant": "body",
49
+ "slot": "heading",
50
+ "children": [
51
+ "text-2",
52
+ "badge"
53
+ ]
54
+ },
55
+ {
56
+ "id": "button",
57
+ "component": "Button",
58
+ "icon": "funnel",
59
+ "size": "sm",
60
+ "variant": "ghost"
61
+ },
62
+ {
63
+ "id": "button-2",
64
+ "component": "Button",
65
+ "icon": "magnifying-glass",
66
+ "size": "sm",
67
+ "variant": "ghost"
68
+ },
69
+ {
70
+ "id": "button-3",
71
+ "component": "Button",
72
+ "icon": "pencil-simple",
73
+ "size": "sm",
74
+ "variant": "ghost"
75
+ },
76
+ {
77
+ "id": "row",
78
+ "component": "Row",
79
+ "gap": "1",
80
+ "children": [
81
+ "button",
82
+ "button-2",
83
+ "button-3"
84
+ ]
85
+ },
86
+ {
87
+ "id": "text-3",
88
+ "component": "Text",
89
+ "variant": "body",
90
+ "slot": "action",
91
+ "children": [
92
+ "row"
93
+ ]
94
+ },
95
+ {
96
+ "id": "header",
97
+ "component": "Header",
98
+ "children": [
99
+ "text",
100
+ "text-3"
101
+ ]
102
+ },
103
+ {
104
+ "id": "avatar",
105
+ "component": "Avatar",
106
+ "size": "sm",
107
+ "text": "Sarah Miller"
108
+ },
109
+ {
110
+ "id": "text-4",
111
+ "component": "Text",
112
+ "strong": true,
113
+ "textContent": "Sarah Miller"
114
+ },
115
+ {
116
+ "id": "text-5",
117
+ "component": "Text",
118
+ "color": "subtle",
119
+ "size": "xs",
120
+ "textContent": "9:41 AM"
121
+ },
122
+ {
123
+ "id": "row-3",
124
+ "component": "Row",
125
+ "align": "center",
126
+ "gap": "2",
127
+ "justify": "between",
128
+ "children": [
129
+ "text-4",
130
+ "text-5"
131
+ ]
132
+ },
133
+ {
134
+ "id": "text-6",
135
+ "component": "Text",
136
+ "size": "sm",
137
+ "strong": true,
138
+ "textContent": "Design review feedback — Q3 components"
139
+ },
140
+ {
141
+ "id": "text-7",
142
+ "component": "Text",
143
+ "color": "subtle",
144
+ "size": "sm",
145
+ "textContent": "Hey, I left comments on the card-ui section. Can we sync before the..."
146
+ },
147
+ {
148
+ "id": "column-2",
149
+ "component": "Column",
150
+ "gap": "0",
151
+ "grow": true,
152
+ "children": [
153
+ "text-6",
154
+ "text-7"
155
+ ]
156
+ },
157
+ {
158
+ "id": "badge-2",
159
+ "component": "Badge",
160
+ "size": "sm",
161
+ "text": "3",
162
+ "variant": "accent"
163
+ },
164
+ {
165
+ "id": "row-4",
166
+ "component": "Row",
167
+ "align": "center",
168
+ "gap": "2",
169
+ "justify": "between",
170
+ "children": [
171
+ "column-2",
172
+ "badge-2"
173
+ ]
174
+ },
175
+ {
176
+ "id": "column",
177
+ "component": "Column",
178
+ "gap": "0",
179
+ "grow": true,
180
+ "children": [
181
+ "row-3",
182
+ "row-4"
183
+ ]
184
+ },
185
+ {
186
+ "id": "row-2",
187
+ "component": "Row",
188
+ "align": "start",
189
+ "gap": "3",
190
+ "grow": true,
191
+ "children": [
192
+ "avatar",
193
+ "column"
194
+ ]
195
+ },
196
+ {
197
+ "id": "list-item",
198
+ "component": "ListItem",
199
+ "children": [
200
+ "row-2"
201
+ ]
202
+ },
203
+ {
204
+ "id": "avatar-2",
205
+ "component": "Avatar",
206
+ "size": "sm",
207
+ "text": "James Park"
208
+ },
209
+ {
210
+ "id": "text-8",
211
+ "component": "Text",
212
+ "strong": true,
213
+ "textContent": "James Park"
214
+ },
215
+ {
216
+ "id": "text-9",
217
+ "component": "Text",
218
+ "color": "subtle",
219
+ "size": "xs",
220
+ "textContent": "8:15 AM"
221
+ },
222
+ {
223
+ "id": "row-6",
224
+ "component": "Row",
225
+ "align": "center",
226
+ "gap": "2",
227
+ "justify": "between",
228
+ "children": [
229
+ "text-8",
230
+ "text-9"
231
+ ]
232
+ },
233
+ {
234
+ "id": "text-10",
235
+ "component": "Text",
236
+ "size": "sm",
237
+ "strong": true,
238
+ "textContent": "Invoice #1042 is ready"
239
+ },
240
+ {
241
+ "id": "text-11",
242
+ "component": "Text",
243
+ "color": "subtle",
244
+ "size": "sm",
245
+ "textContent": "Your invoice for May is ready to view. Total due: $2,400 by June 1..."
246
+ },
247
+ {
248
+ "id": "column-4",
249
+ "component": "Column",
250
+ "gap": "0",
251
+ "grow": true,
252
+ "children": [
253
+ "text-10",
254
+ "text-11"
255
+ ]
256
+ },
257
+ {
258
+ "id": "badge-3",
259
+ "component": "Badge",
260
+ "size": "sm",
261
+ "text": "1",
262
+ "variant": "accent"
263
+ },
264
+ {
265
+ "id": "row-7",
266
+ "component": "Row",
267
+ "align": "center",
268
+ "gap": "2",
269
+ "justify": "between",
270
+ "children": [
271
+ "column-4",
272
+ "badge-3"
273
+ ]
274
+ },
275
+ {
276
+ "id": "column-3",
277
+ "component": "Column",
278
+ "gap": "0",
279
+ "grow": true,
280
+ "children": [
281
+ "row-6",
282
+ "row-7"
283
+ ]
284
+ },
285
+ {
286
+ "id": "row-5",
287
+ "component": "Row",
288
+ "align": "start",
289
+ "gap": "3",
290
+ "grow": true,
291
+ "children": [
292
+ "avatar-2",
293
+ "column-3"
294
+ ]
295
+ },
296
+ {
297
+ "id": "list-item-2",
298
+ "component": "ListItem",
299
+ "children": [
300
+ "row-5"
301
+ ]
302
+ },
303
+ {
304
+ "id": "avatar-3",
305
+ "component": "Avatar",
306
+ "size": "sm",
307
+ "text": "Alex Chen"
308
+ },
309
+ {
310
+ "id": "text-12",
311
+ "component": "Text",
312
+ "textContent": "Alex Chen"
313
+ },
314
+ {
315
+ "id": "text-13",
316
+ "component": "Text",
317
+ "color": "subtle",
318
+ "size": "xs",
319
+ "textContent": "Yesterday"
320
+ },
321
+ {
322
+ "id": "row-9",
323
+ "component": "Row",
324
+ "align": "center",
325
+ "gap": "2",
326
+ "justify": "between",
327
+ "children": [
328
+ "text-12",
329
+ "text-13"
330
+ ]
331
+ },
332
+ {
333
+ "id": "text-14",
334
+ "component": "Text",
335
+ "size": "sm",
336
+ "textContent": "Re: Team offsite dates confirmed"
337
+ },
338
+ {
339
+ "id": "text-15",
340
+ "component": "Text",
341
+ "color": "subtle",
342
+ "size": "sm",
343
+ "textContent": "Sounds good — I've blocked the calendar. See you in Portland..."
344
+ },
345
+ {
346
+ "id": "column-6",
347
+ "component": "Column",
348
+ "gap": "0",
349
+ "children": [
350
+ "text-14",
351
+ "text-15"
352
+ ]
353
+ },
354
+ {
355
+ "id": "column-5",
356
+ "component": "Column",
357
+ "gap": "0",
358
+ "grow": true,
359
+ "children": [
360
+ "row-9",
361
+ "column-6"
362
+ ]
363
+ },
364
+ {
365
+ "id": "row-8",
366
+ "component": "Row",
367
+ "align": "start",
368
+ "gap": "3",
369
+ "grow": true,
370
+ "children": [
371
+ "avatar-3",
372
+ "column-5"
373
+ ]
374
+ },
375
+ {
376
+ "id": "list-item-3",
377
+ "component": "ListItem",
378
+ "children": [
379
+ "row-8"
380
+ ]
381
+ },
382
+ {
383
+ "id": "avatar-4",
384
+ "component": "Avatar",
385
+ "icon": "buildings",
386
+ "size": "sm"
387
+ },
388
+ {
389
+ "id": "text-16",
390
+ "component": "Text",
391
+ "strong": true,
392
+ "textContent": "Acme Corp Billing"
393
+ },
394
+ {
395
+ "id": "text-17",
396
+ "component": "Text",
397
+ "color": "subtle",
398
+ "size": "xs",
399
+ "textContent": "Yesterday"
400
+ },
401
+ {
402
+ "id": "row-11",
403
+ "component": "Row",
404
+ "align": "center",
405
+ "gap": "2",
406
+ "justify": "between",
407
+ "children": [
408
+ "text-16",
409
+ "text-17"
410
+ ]
411
+ },
412
+ {
413
+ "id": "text-18",
414
+ "component": "Text",
415
+ "size": "sm",
416
+ "strong": true,
417
+ "textContent": "Your subscription renews in 3 days"
418
+ },
419
+ {
420
+ "id": "text-19",
421
+ "component": "Text",
422
+ "color": "subtle",
423
+ "size": "sm",
424
+ "textContent": "Hi Kim, your Pro plan renews on June 1. Update payment details here..."
425
+ },
426
+ {
427
+ "id": "column-8",
428
+ "component": "Column",
429
+ "gap": "0",
430
+ "grow": true,
431
+ "children": [
432
+ "text-18",
433
+ "text-19"
434
+ ]
435
+ },
436
+ {
437
+ "id": "badge-4",
438
+ "component": "Badge",
439
+ "size": "sm",
440
+ "text": "1",
441
+ "variant": "accent"
442
+ },
443
+ {
444
+ "id": "row-12",
445
+ "component": "Row",
446
+ "align": "center",
447
+ "gap": "2",
448
+ "justify": "between",
449
+ "children": [
450
+ "column-8",
451
+ "badge-4"
452
+ ]
453
+ },
454
+ {
455
+ "id": "column-7",
456
+ "component": "Column",
457
+ "gap": "0",
458
+ "grow": true,
459
+ "children": [
460
+ "row-11",
461
+ "row-12"
462
+ ]
463
+ },
464
+ {
465
+ "id": "row-10",
466
+ "component": "Row",
467
+ "align": "start",
468
+ "gap": "3",
469
+ "grow": true,
470
+ "children": [
471
+ "avatar-4",
472
+ "column-7"
473
+ ]
474
+ },
475
+ {
476
+ "id": "list-item-4",
477
+ "component": "ListItem",
478
+ "children": [
479
+ "row-10"
480
+ ]
481
+ },
482
+ {
483
+ "id": "avatar-5",
484
+ "component": "Avatar",
485
+ "size": "sm",
486
+ "text": "Maria Santos"
487
+ },
488
+ {
489
+ "id": "text-20",
490
+ "component": "Text",
491
+ "textContent": "Maria Santos"
492
+ },
493
+ {
494
+ "id": "text-21",
495
+ "component": "Text",
496
+ "color": "subtle",
497
+ "size": "xs",
498
+ "textContent": "Mon"
499
+ },
500
+ {
501
+ "id": "row-14",
502
+ "component": "Row",
503
+ "align": "center",
504
+ "gap": "2",
505
+ "justify": "between",
506
+ "children": [
507
+ "text-20",
508
+ "text-21"
509
+ ]
510
+ },
511
+ {
512
+ "id": "text-22",
513
+ "component": "Text",
514
+ "size": "sm",
515
+ "textContent": "Onboarding checklist — final items"
516
+ },
517
+ {
518
+ "id": "text-23",
519
+ "component": "Text",
520
+ "color": "subtle",
521
+ "size": "sm",
522
+ "textContent": "I've completed steps 1-6. Only the API key setup is left. Is there a..."
523
+ },
524
+ {
525
+ "id": "column-10",
526
+ "component": "Column",
527
+ "gap": "0",
528
+ "children": [
529
+ "text-22",
530
+ "text-23"
531
+ ]
532
+ },
533
+ {
534
+ "id": "column-9",
535
+ "component": "Column",
536
+ "gap": "0",
537
+ "grow": true,
538
+ "children": [
539
+ "row-14",
540
+ "column-10"
541
+ ]
542
+ },
543
+ {
544
+ "id": "row-13",
545
+ "component": "Row",
546
+ "align": "start",
547
+ "gap": "3",
548
+ "grow": true,
549
+ "children": [
550
+ "avatar-5",
551
+ "column-9"
552
+ ]
553
+ },
554
+ {
555
+ "id": "list-item-5",
556
+ "component": "ListItem",
557
+ "children": [
558
+ "row-13"
559
+ ]
560
+ },
561
+ {
562
+ "id": "avatar-6",
563
+ "component": "Avatar",
564
+ "size": "sm",
565
+ "text": "Priya Nair"
566
+ },
567
+ {
568
+ "id": "text-24",
569
+ "component": "Text",
570
+ "textContent": "Priya Nair"
571
+ },
572
+ {
573
+ "id": "text-25",
574
+ "component": "Text",
575
+ "color": "subtle",
576
+ "size": "xs",
577
+ "textContent": "Sun"
578
+ },
579
+ {
580
+ "id": "row-16",
581
+ "component": "Row",
582
+ "align": "center",
583
+ "gap": "2",
584
+ "justify": "between",
585
+ "children": [
586
+ "text-24",
587
+ "text-25"
588
+ ]
589
+ },
590
+ {
591
+ "id": "text-26",
592
+ "component": "Text",
593
+ "size": "sm",
594
+ "textContent": "Weekly digest — design system updates"
595
+ },
596
+ {
597
+ "id": "text-27",
598
+ "component": "Text",
599
+ "color": "subtle",
600
+ "size": "sm",
601
+ "textContent": "This week: new token exports, updated avatar-ui docs, badge size scale..."
602
+ },
603
+ {
604
+ "id": "column-12",
605
+ "component": "Column",
606
+ "gap": "0",
607
+ "children": [
608
+ "text-26",
609
+ "text-27"
610
+ ]
611
+ },
612
+ {
613
+ "id": "column-11",
614
+ "component": "Column",
615
+ "gap": "0",
616
+ "grow": true,
617
+ "children": [
618
+ "row-16",
619
+ "column-12"
620
+ ]
621
+ },
622
+ {
623
+ "id": "row-15",
624
+ "component": "Row",
625
+ "align": "start",
626
+ "gap": "3",
627
+ "grow": true,
628
+ "children": [
629
+ "avatar-6",
630
+ "column-11"
631
+ ]
632
+ },
633
+ {
634
+ "id": "list-item-6",
635
+ "component": "ListItem",
636
+ "children": [
637
+ "row-15"
638
+ ]
639
+ },
640
+ {
641
+ "id": "list",
642
+ "component": "List",
643
+ "divider": true,
644
+ "children": [
645
+ "list-item",
646
+ "list-item-2",
647
+ "list-item-3",
648
+ "list-item-4",
649
+ "list-item-5",
650
+ "list-item-6"
651
+ ]
652
+ },
653
+ {
654
+ "id": "section",
655
+ "component": "Section",
656
+ "bleed": true,
657
+ "children": [
658
+ "column-13"
659
+ ]
660
+ },
661
+ {
662
+ "id": "column-13",
663
+ "component": "Column",
664
+ "children": [
665
+ "list"
666
+ ]
667
+ },
668
+ {
669
+ "id": "root",
670
+ "component": "Card",
671
+ "children": [
672
+ "header",
673
+ "section"
674
+ ]
675
+ }
676
+ ]
677
+ }
@@ -26,11 +26,12 @@
26
26
  "state"
27
27
  ]
28
28
  },
29
- "captured_at": "2026-05-26T04:00:28.271Z",
29
+ "captured_at": "2026-05-27T23:29:53.307Z",
30
30
  "template": [
31
31
  {
32
32
  "id": "button",
33
33
  "component": "Button",
34
+ "slot": "action",
34
35
  "icon": "arrow-clockwise",
35
36
  "text": "Retry",
36
37
  "variant": "outline"
@@ -23,7 +23,7 @@
23
23
  "no-results"
24
24
  ]
25
25
  },
26
- "captured_at": "2026-05-26T04:00:28.271Z",
26
+ "captured_at": "2026-05-27T23:29:53.307Z",
27
27
  "template": [
28
28
  {
29
29
  "id": "empty-state",