@adia-ai/a2ui-corpus 0.6.42 → 0.6.44

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 +22 -0
  2. package/catalog-a2ui_0_9.json +10 -0
  3. package/chunk-embeddings.json +1 -1
  4. package/chunks/_index.json +43 -33
  5. package/chunks/accordion-settings.json +1 -1
  6. package/chunks/activity-feed.json +2 -1
  7. package/chunks/agent-canvas-shell.json +20 -29
  8. package/chunks/agent-command-palette-search.json +1 -1
  9. package/chunks/agent-reasoning-collapsed.json +2 -1
  10. package/chunks/agent-tool-call-result.json +1 -1
  11. package/chunks/agent-trace-timeline.json +1 -1
  12. package/chunks/ai-streaming-response.json +13 -4
  13. package/chunks/alert-banner.json +1 -1
  14. package/chunks/analytics-chart.json +3 -1
  15. package/chunks/analytics-sparklines-dashboard.json +5 -1
  16. package/chunks/api-key-table.json +15 -2
  17. package/chunks/app-product-listing-card.json +1 -1
  18. package/chunks/audit-log.json +17 -4
  19. package/chunks/auth-account-deleted-actions.json +1 -1
  20. package/chunks/auth-account-deleted.json +40 -5
  21. package/chunks/auth-card-content.json +1 -1
  22. package/chunks/auth-card-header.json +1 -1
  23. package/chunks/auth-email-entry.json +1 -1
  24. package/chunks/auth-email-verify-confirm.json +1 -1
  25. package/chunks/auth-email-verify.json +45 -5
  26. package/chunks/auth-forbidden-actions.json +1 -1
  27. package/chunks/auth-forbidden.json +33 -5
  28. package/chunks/auth-invite-actions.json +1 -1
  29. package/chunks/auth-invite-team-card.json +1 -1
  30. package/chunks/auth-link-expired-form.json +1 -1
  31. package/chunks/auth-link-expired.json +20 -2
  32. package/chunks/auth-locked-account.json +39 -5
  33. package/chunks/auth-locked-recovery-options.json +1 -1
  34. package/chunks/auth-mfa-enrollment-submit.json +1 -1
  35. package/chunks/auth-mfa-enrollment.json +32 -5
  36. package/chunks/auth-mfa-fallback-actions.json +1 -1
  37. package/chunks/auth-mfa-recovery.json +1 -1
  38. package/chunks/auth-new-password-form.json +1 -1
  39. package/chunks/auth-new-password.json +32 -5
  40. package/chunks/auth-oauth-fallback-actions.json +1 -1
  41. package/chunks/auth-oauth-interstitial.json +2 -1
  42. package/chunks/auth-password-challenge.json +1 -1
  43. package/chunks/auth-password-reset-form.json +1 -1
  44. package/chunks/auth-password-reset.json +19 -2
  45. package/chunks/auth-profile-form.json +1 -1
  46. package/chunks/auth-profile-setup.json +19 -2
  47. package/chunks/auth-reset-sent.json +45 -8
  48. package/chunks/auth-session-expired-actions.json +1 -1
  49. package/chunks/auth-session-expired.json +33 -5
  50. package/chunks/auth-signin-card-email.json +20 -2
  51. package/chunks/auth-signin-card-magic-link.json +26 -13
  52. package/chunks/auth-signin-card-mfa.json +39 -5
  53. package/chunks/auth-signin-card-otp.json +73 -10
  54. package/chunks/auth-signin-card-password.json +34 -7
  55. package/chunks/auth-signin-card-recovery.json +41 -5
  56. package/chunks/auth-signout-actions.json +1 -1
  57. package/chunks/auth-signout.json +32 -5
  58. package/chunks/auth-signup-email-entry.json +1 -1
  59. package/chunks/auth-signup-entry.json +57 -5
  60. package/chunks/auth-signup-social-auths.json +1 -1
  61. package/chunks/auth-signup-verify.json +75 -11
  62. package/chunks/auth-social-auths.json +1 -1
  63. package/chunks/auth-sso-providers.json +1 -1
  64. package/chunks/auth-sso-required.json +46 -8
  65. package/chunks/auth-team-invite.json +56 -12
  66. package/chunks/avatar-group-overflow.json +1 -1
  67. package/chunks/badge-variants-table.json +2 -1
  68. package/chunks/billing-overview.json +17 -49
  69. package/chunks/billing-progress-label.json +1 -1
  70. package/chunks/blog-post-card.json +16 -23
  71. package/chunks/breadcrumb-navigation.json +1 -1
  72. package/chunks/calendar-month-view.json +12 -35
  73. package/chunks/card-grid-images.json +1 -1
  74. package/chunks/card-header-with-description.json +2 -1
  75. package/chunks/changelog-activity-feed.json +2 -1
  76. package/chunks/chart-with-filter-pills.json +1 -1
  77. package/chunks/chat-page-shell.json +16 -12
  78. package/chunks/chat-streaming-surface.json +1 -1
  79. package/chunks/code-snippet.json +20 -32
  80. package/chunks/color-picker-swatches.json +1 -1
  81. package/chunks/command-palette.json +1 -1
  82. package/chunks/commerce-pricing-tiers.json +11 -1
  83. package/chunks/comparison-table.json +1 -1
  84. package/chunks/contact-form.json +2 -1
  85. package/chunks/conversion-funnel-6step.json +2 -1
  86. package/chunks/dashboard-acquisition-panel.json +36 -2
  87. package/chunks/dashboard-admin-page.json +3 -3
  88. package/chunks/dashboard-audience-kpis.json +1 -1
  89. package/chunks/dashboard-audience-panel.json +4 -1
  90. package/chunks/dashboard-behavior-panel.json +2 -1
  91. package/chunks/dashboard-chart-recent.json +3 -1
  92. package/chunks/dashboard-cohort-retention.json +2 -1
  93. package/chunks/dashboard-conversion-panel.json +3 -1
  94. package/chunks/dashboard-country-list.json +2 -1
  95. package/chunks/dashboard-filter-bar.json +1 -1
  96. package/chunks/dashboard-funnel.json +2 -1
  97. package/chunks/dashboard-notifications-panel.json +49 -134
  98. package/chunks/dashboard-overview-panel.json +75 -26
  99. package/chunks/dashboard-page-header.json +1 -1
  100. package/chunks/dashboard-pages-table.json +2 -1
  101. package/chunks/dashboard-quick-actions.json +1 -1
  102. package/chunks/dashboard-reports-panel.json +73 -7
  103. package/chunks/dashboard-reports-table.json +73 -7
  104. package/chunks/dashboard-storage-card.json +2 -1
  105. package/chunks/dashboard-tabs.json +1 -1
  106. package/chunks/dashboard-team-actions-storage.json +3 -1
  107. package/chunks/dashboard-team-list.json +2 -1
  108. package/chunks/dashboard-traffic-channels.json +36 -2
  109. package/chunks/dashboard-transactions-table.json +45 -4
  110. package/chunks/data-import-wizard.json +35 -52
  111. package/chunks/date-range-picker.json +1 -1
  112. package/chunks/date-time-picker-form.json +20 -32
  113. package/chunks/divider-text-label.json +1 -1
  114. package/chunks/doc-editor-shell.json +22 -31
  115. package/chunks/drawer-2fa-key.json +48 -37
  116. package/chunks/drawer-2fa-sms.json +53 -38
  117. package/chunks/drawer-2fa-totp.json +46 -19
  118. package/chunks/drawer-cancel-sub.json +232 -102
  119. package/chunks/drawer-change-plan.json +129 -48
  120. package/chunks/drawer-custom-roles.json +79 -64
  121. package/chunks/drawer-data-start.json +27 -7
  122. package/chunks/drawer-delete-account.json +41 -21
  123. package/chunks/drawer-delete-workspace.json +38 -11
  124. package/chunks/drawer-discord.json +73 -80
  125. package/chunks/drawer-figma.json +71 -72
  126. package/chunks/drawer-first-dashboard.json +52 -50
  127. package/chunks/drawer-gcal.json +52 -41
  128. package/chunks/drawer-github.json +71 -53
  129. package/chunks/drawer-invite.json +57 -37
  130. package/chunks/drawer-report.json +143 -183
  131. package/chunks/drawer-revoke-session.json +68 -20
  132. package/chunks/drawer-role.json +27 -7
  133. package/chunks/drawer-slack.json +63 -54
  134. package/chunks/drawer-smtp.json +84 -78
  135. package/chunks/drawer-source.json +64 -55
  136. package/chunks/drawer-transaction.json +54 -25
  137. package/chunks/editor-code-pane.json +1 -1
  138. package/chunks/editor-page-shell.json +1 -1
  139. package/chunks/email-inbox-list.json +140 -89
  140. package/chunks/empty-state-danger.json +2 -1
  141. package/chunks/empty-state-minimal.json +1 -1
  142. package/chunks/empty-state-warning.json +2 -1
  143. package/chunks/empty-state.json +1 -1
  144. package/chunks/error-404-actions.json +1 -1
  145. package/chunks/error-404.json +20 -3
  146. package/chunks/error-500-actions.json +1 -1
  147. package/chunks/error-500.json +29 -3
  148. package/chunks/error-maintenance-actions.json +1 -1
  149. package/chunks/error-maintenance.json +26 -7
  150. package/chunks/error-page-shell.json +1 -1
  151. package/chunks/faq-accordion.json +1 -1
  152. package/chunks/feature-grid-icons.json +1 -1
  153. package/chunks/file-upload-dnd.json +16 -8
  154. package/chunks/footer-multi-column.json +1 -1
  155. package/chunks/footer-primary-only.json +1 -1
  156. package/chunks/form-page-shell.json +1 -1
  157. package/chunks/gallery-page-shell.json +69 -93
  158. package/chunks/hero-section-split.json +1 -1
  159. package/chunks/icon-text-row.json +1 -1
  160. package/chunks/image-caption-tile.json +3 -1
  161. package/chunks/image-carousel.json +1 -1
  162. package/chunks/image-upload-preview.json +1 -1
  163. package/chunks/import-mapping-flow.json +343 -302
  164. package/chunks/integrations-grid.json +15 -2
  165. package/chunks/inventory-list-stock.json +1 -1
  166. package/chunks/invite-members.json +15 -23
  167. package/chunks/invoice-line-items.json +15 -4
  168. package/chunks/kanban-board-3col.json +1 -1
  169. package/chunks/kanban-page-shell.json +4 -1
  170. package/chunks/keyboard-shortcut-display.json +1 -1
  171. package/chunks/labeled-textarea.json +1 -1
  172. package/chunks/leaderboard-table.json +1 -1
  173. package/chunks/linked-record-row.json +1 -1
  174. package/chunks/loading-skeleton-placeholder.json +1 -1
  175. package/chunks/marketing-hero-cta.json +3 -2
  176. package/chunks/marketing-page-shell.json +1 -1
  177. package/chunks/masonry-gallery.json +1 -1
  178. package/chunks/member-edit-drawer.json +51 -80
  179. package/chunks/metadata-description-list.json +1 -1
  180. package/chunks/modal-dialog-confirm.json +23 -5
  181. package/chunks/nav-menu-icons.json +1 -1
  182. package/chunks/newsletter-subscription.json +3 -1
  183. package/chunks/notification-badges-feed.json +50 -135
  184. package/chunks/notification-preferences-panel.json +2 -1
  185. package/chunks/notification-toast-row.json +12 -91
  186. package/chunks/onb-completion.json +24 -2
  187. package/chunks/onb-extension-install.json +52 -7
  188. package/chunks/onb-hero-welcome.json +98 -8
  189. package/chunks/onb-import-picker.json +1 -1
  190. package/chunks/onb-mobile-handoff.json +1 -1
  191. package/chunks/onb-notification-prefs.json +1 -1
  192. package/chunks/onb-persona-picker.json +1 -1
  193. package/chunks/onb-provider-tiles.json +12 -2
  194. package/chunks/onb-settings-review.json +12 -2
  195. package/chunks/onb-step-footer.json +1 -1
  196. package/chunks/onb-step-header.json +1 -1
  197. package/chunks/onb-step-progress.json +1 -1
  198. package/chunks/onb-step-shell.json +102 -12
  199. package/chunks/onb-story-pane.json +1 -1
  200. package/chunks/onb-tutorial-steps.json +1 -1
  201. package/chunks/order-tracking-timeline.json +2 -1
  202. package/chunks/pagination-controls.json +1 -1
  203. package/chunks/payment-method-form.json +328 -0
  204. package/chunks/period-comparison.json +1 -1
  205. package/chunks/permission-matrix-table.json +2 -1
  206. package/chunks/playground-a2ui.json +1 -1
  207. package/chunks/playground-app-shell.json +51 -5
  208. package/chunks/playground-chat.json +169 -3
  209. package/chunks/playground-construct-canvas.json +1 -1
  210. package/chunks/playground-css-channel.json +152 -20
  211. package/chunks/playground-gen-ui.json +1 -1
  212. package/chunks/playground-render-preview.json +50 -51
  213. package/chunks/playground-streams-bridge.json +93 -20
  214. package/chunks/playground-table-toolbar.json +1 -1
  215. package/chunks/popover-with-content.json +1 -1
  216. package/chunks/pricing-tiers.json +71 -38
  217. package/chunks/product-tour.json +5 -3
  218. package/chunks/progress-tracker-milestones.json +1 -1
  219. package/chunks/radio-button-group.json +1 -1
  220. package/chunks/real-time-metrics-dashboard.json +1 -1
  221. package/chunks/reg-address-form.json +164 -265
  222. package/chunks/reg-billing-card.json +26 -44
  223. package/chunks/reg-brand-scrape.json +304 -42
  224. package/chunks/reg-departments-toggle.json +2 -1
  225. package/chunks/reg-extended-profile.json +100 -162
  226. package/chunks/reg-final-done.json +108 -21
  227. package/chunks/reg-helpdesk-grid.json +174 -35
  228. package/chunks/reg-import-picker.json +29 -46
  229. package/chunks/reg-integrations-grid.json +156 -30
  230. package/chunks/reg-invite-form.json +66 -74
  231. package/chunks/reg-legal-entity.json +96 -162
  232. package/chunks/reg-org-chart-review.json +442 -65
  233. package/chunks/reg-profile-identity.json +1 -1
  234. package/chunks/reg-step-footer.json +1 -1
  235. package/chunks/reg-step-header.json +1 -1
  236. package/chunks/reg-step-progress.json +1 -1
  237. package/chunks/reg-step-shell.json +106 -168
  238. package/chunks/reg-story-pane.json +1 -1
  239. package/chunks/reg-success-summary.json +108 -21
  240. package/chunks/reg-team-size.json +38 -65
  241. package/chunks/reg-usecase-picker.json +1 -1
  242. package/chunks/reg-workspace-name.json +1 -1
  243. package/chunks/responsive-grid-pattern.json +1 -1
  244. package/chunks/responsive-kpi-grid.json +1 -1
  245. package/chunks/responsive-row-pattern.json +1 -1
  246. package/chunks/responsive-wrap-at-pattern.json +54 -6
  247. package/chunks/revenue-heatmap.json +2 -1
  248. package/chunks/role-management.json +74 -62
  249. package/chunks/search-with-filters.json +1 -1
  250. package/chunks/section-with-stack.json +1 -1
  251. package/chunks/segmented-control-billing-tabs.json +54 -8
  252. package/chunks/select-multiple-preselected.json +20 -31
  253. package/chunks/settings-2fa-setup.json +169 -29
  254. package/chunks/settings-admin-page.json +39 -11
  255. package/chunks/settings-appearance-theme-panel.json +1 -1
  256. package/chunks/settings-appearance.json +2 -1
  257. package/chunks/settings-general-form.json +1 -1
  258. package/chunks/settings-integrations.json +162 -29
  259. package/chunks/settings-members-invite.json +14 -23
  260. package/chunks/settings-page-shell.json +1 -1
  261. package/chunks/settings-panel.json +2 -1
  262. package/chunks/settings-profile-security.json +1 -1
  263. package/chunks/settings-toggle-switches.json +1 -1
  264. package/chunks/sidebar-nav.json +1 -1
  265. package/chunks/sidebar-navigation-panel.json +2 -1
  266. package/chunks/slider-range-controls.json +1 -1
  267. package/chunks/social-media-post-card.json +1 -1
  268. package/chunks/sortable-search-paginate-table.json +14 -2
  269. package/chunks/split-pane-editor-preview.json +1 -1
  270. package/chunks/stat-cards-kpi-dashboard.json +1 -1
  271. package/chunks/status-dashboard.json +48 -7
  272. package/chunks/stepper-form-wizard.json +18 -30
  273. package/chunks/survey-rating-form.json +2 -1
  274. package/chunks/tabs-with-panels.json +1 -1
  275. package/chunks/tag-chips-filter.json +1 -1
  276. package/chunks/team-members-list.json +59 -65
  277. package/chunks/testimonial-grid.json +1 -1
  278. package/chunks/testimonials-avatar-cards.json +1 -1
  279. package/chunks/timeline-events.json +1 -1
  280. package/chunks/toolbar-icons.json +1 -1
  281. package/chunks/toolbar-tooltips.json +1 -1
  282. package/chunks/tooltip-hover-button.json +1 -1
  283. package/chunks/trial-banner.json +40 -25
  284. package/chunks/user-identity-row.json +1 -1
  285. package/chunks/user-onboarding-checklist.json +260 -6
  286. package/chunks/user-profile-card.json +18 -34
  287. package/chunks/video-player-controls.json +1 -1
  288. package/chunks/webhook-config.json +2 -1
  289. package/package.json +1 -1
  290. package/chunks/drawer-payment-method.json +0 -395
@@ -30,7 +30,7 @@
30
30
  "connect"
31
31
  ]
32
32
  },
33
- "captured_at": "2026-05-27T03:59:46.910Z",
33
+ "captured_at": "2026-05-28T23:31:43.377Z",
34
34
  "template": [
35
35
  {
36
36
  "id": "text",
@@ -42,13 +42,26 @@
42
42
  "id": "text-2",
43
43
  "component": "Text",
44
44
  "variant": "body",
45
+ "slot": "description",
45
46
  "textContent": "Connect your favourite tools to your workspace."
46
47
  },
48
+ {
49
+ "id": "button",
50
+ "component": "Button",
51
+ "icon": "grid-four",
52
+ "size": "sm",
53
+ "text": "Browse marketplace",
54
+ "variant": "ghost"
55
+ },
47
56
  {
48
57
  "id": "text-3",
49
58
  "component": "Text",
50
59
  "variant": "body",
51
- "size": "sm"
60
+ "slot": "action",
61
+ "size": "sm",
62
+ "children": [
63
+ "button"
64
+ ]
52
65
  },
53
66
  {
54
67
  "id": "header",
@@ -28,7 +28,7 @@
28
28
  "progress"
29
29
  ]
30
30
  },
31
- "captured_at": "2026-05-27T03:59:46.910Z",
31
+ "captured_at": "2026-05-28T23:31:43.377Z",
32
32
  "template": [
33
33
  {
34
34
  "id": "text",
@@ -29,7 +29,7 @@
29
29
  "colleagues"
30
30
  ]
31
31
  },
32
- "captured_at": "2026-05-27T03:59:46.910Z",
32
+ "captured_at": "2026-05-28T23:31:43.377Z",
33
33
  "template": [
34
34
  {
35
35
  "id": "text",
@@ -41,6 +41,7 @@
41
41
  "id": "text-2",
42
42
  "component": "Text",
43
43
  "variant": "body",
44
+ "slot": "description",
44
45
  "textContent": "Send email invitations to add people to your workspace."
45
46
  },
46
47
  {
@@ -66,32 +67,23 @@
66
67
  "text-area"
67
68
  ]
68
69
  },
69
- {
70
- "id": "text-3",
71
- "component": "Text",
72
- "textContent": "Member · can edit and invite",
73
- "variant": "body"
74
- },
75
- {
76
- "id": "text-4",
77
- "component": "Text",
78
- "textContent": "Admin · full access",
79
- "variant": "body"
80
- },
81
- {
82
- "id": "text-5",
83
- "component": "Text",
84
- "textContent": "Viewer · read only",
85
- "variant": "body"
86
- },
87
70
  {
88
71
  "id": "choice-picker",
89
72
  "component": "ChoicePicker",
90
73
  "value": "member",
91
- "children": [
92
- "text-3",
93
- "text-4",
94
- "text-5"
74
+ "options": [
75
+ {
76
+ "value": "member",
77
+ "label": "Member · can edit and invite"
78
+ },
79
+ {
80
+ "value": "admin",
81
+ "label": "Admin · full access"
82
+ },
83
+ {
84
+ "value": "viewer",
85
+ "label": "Viewer · read only"
86
+ }
95
87
  ]
96
88
  },
97
89
  {
@@ -6,7 +6,7 @@
6
6
  "slots": [],
7
7
  "nested": [],
8
8
  "attrs": {},
9
- "html": "<card-ui>\n <header>\n <span slot=\"heading\">\n <row-ui gap=\"2\" align=\"center\">\n <text-ui strong>Invoice #1042</text-ui>\n <badge-ui text=\"Unpaid\" variant=\"warning\" size=\"sm\"></badge-ui>\n </row-ui>\n </span>\n <p slot=\"description\">Due May 31, 2026</p>\n </header>\n <section>\n <col-ui gap=\"4\">\n <grid-ui columns=\"3\" gap=\"4\">\n <col-ui gap=\"0\">\n <text-ui size=\"sm\" color=\"subtle\">From</text-ui>\n <text-ui weight=\"semibold\">Acme Corp</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">billing@acme.io</text-ui>\n </col-ui>\n <col-ui gap=\"0\">\n <text-ui size=\"sm\" color=\"subtle\">Bill to</text-ui>\n <text-ui weight=\"semibold\">Sunrise Studio</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">finance@sunrise.dev</text-ui>\n </col-ui>\n <col-ui gap=\"0\">\n <text-ui size=\"sm\" color=\"subtle\">Issued</text-ui>\n <text-ui>May 15, 2026</text-ui>\n </col-ui>\n </grid-ui>\n\n <divider-ui></divider-ui>\n\n <!-- Column headers -->\n <row-ui align=\"center\">\n <text-ui size=\"sm\" weight=\"semibold\" color=\"subtle\" grow>Item</text-ui>\n <text-ui size=\"sm\" weight=\"semibold\" color=\"subtle\">Qty</text-ui>\n <text-ui size=\"sm\" weight=\"semibold\" color=\"subtle\">Unit price</text-ui>\n <text-ui size=\"sm\" weight=\"semibold\" color=\"subtle\">Total</text-ui>\n </row-ui>\n\n <divider-ui></divider-ui>\n\n <!-- Line items using row-ui — no slot dependency -->\n <col-ui gap=\"3\">\n <row-ui align=\"start\">\n <col-ui gap=\"0\" grow>\n <text-ui weight=\"semibold\">Pro Plan (monthly)</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">May 1 – May 31, 2026</text-ui>\n </col-ui>\n <text-ui size=\"sm\" color=\"subtle\">1</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">$49.00</text-ui>\n <text-ui size=\"sm\" weight=\"semibold\">$49.00</text-ui>\n </row-ui>\n <row-ui align=\"start\">\n <col-ui gap=\"0\" grow>\n <text-ui weight=\"semibold\">Extra seats (3)</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">3 additional user seats</text-ui>\n </col-ui>\n <text-ui size=\"sm\" color=\"subtle\">3</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">$12.00</text-ui>\n <text-ui size=\"sm\" weight=\"semibold\">$36.00</text-ui>\n </row-ui>\n <row-ui align=\"start\">\n <col-ui gap=\"0\" grow>\n <text-ui weight=\"semibold\">Storage add-on (50 GB)</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Additional object storage</text-ui>\n </col-ui>\n <text-ui size=\"sm\" color=\"subtle\">1</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">$9.00</text-ui>\n <text-ui size=\"sm\" weight=\"semibold\">$9.00</text-ui>\n </row-ui>\n </col-ui>\n\n <divider-ui></divider-ui>\n\n <col-ui gap=\"1\">\n <row-ui justify=\"space-between\">\n <text-ui color=\"subtle\">Subtotal</text-ui>\n <text-ui>$94.00</text-ui>\n </row-ui>\n <row-ui justify=\"space-between\">\n <text-ui color=\"subtle\">Tax (8%)</text-ui>\n <text-ui>$7.52</text-ui>\n </row-ui>\n <divider-ui></divider-ui>\n <row-ui justify=\"space-between\">\n <text-ui weight=\"semibold\">Total due</text-ui>\n <text-ui weight=\"semibold\">$101.52</text-ui>\n </row-ui>\n </col-ui>\n </col-ui>\n </section>\n</card-ui>",
9
+ "html": "<card-ui>\n <header>\n <h3>Invoice #1042 <badge-ui text=\"Unpaid\" variant=\"warning\" size=\"sm\"></badge-ui></h3>\n <p slot=\"description\">Due May 31, 2026</p>\n </header>\n <section>\n <col-ui gap=\"4\">\n <grid-ui columns=\"3\" gap=\"4\">\n <col-ui gap=\"0\">\n <text-ui size=\"sm\" color=\"subtle\">From</text-ui>\n <text-ui weight=\"semibold\">Acme Corp</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">billing@acme.io</text-ui>\n </col-ui>\n <col-ui gap=\"0\">\n <text-ui size=\"sm\" color=\"subtle\">Bill to</text-ui>\n <text-ui weight=\"semibold\">Sunrise Studio</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">finance@sunrise.dev</text-ui>\n </col-ui>\n <col-ui gap=\"0\">\n <text-ui size=\"sm\" color=\"subtle\">Issued</text-ui>\n <text-ui>May 15, 2026</text-ui>\n </col-ui>\n </grid-ui>\n\n <divider-ui></divider-ui>\n\n <!-- Column headers -->\n <row-ui align=\"center\">\n <text-ui size=\"sm\" weight=\"semibold\" color=\"subtle\" grow>Item</text-ui>\n <text-ui size=\"sm\" weight=\"semibold\" color=\"subtle\">Qty</text-ui>\n <text-ui size=\"sm\" weight=\"semibold\" color=\"subtle\">Unit price</text-ui>\n <text-ui size=\"sm\" weight=\"semibold\" color=\"subtle\">Total</text-ui>\n </row-ui>\n\n <divider-ui></divider-ui>\n\n <!-- Line items using row-ui — no slot dependency -->\n <col-ui gap=\"3\">\n <row-ui align=\"start\">\n <col-ui gap=\"0\" grow>\n <text-ui weight=\"semibold\">Pro Plan (monthly)</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">May 1 – May 31, 2026</text-ui>\n </col-ui>\n <text-ui size=\"sm\" color=\"subtle\">1</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">$49.00</text-ui>\n <text-ui size=\"sm\" weight=\"semibold\">$49.00</text-ui>\n </row-ui>\n <row-ui align=\"start\">\n <col-ui gap=\"0\" grow>\n <text-ui weight=\"semibold\">Extra seats (3)</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">3 additional user seats</text-ui>\n </col-ui>\n <text-ui size=\"sm\" color=\"subtle\">3</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">$12.00</text-ui>\n <text-ui size=\"sm\" weight=\"semibold\">$36.00</text-ui>\n </row-ui>\n <row-ui align=\"start\">\n <col-ui gap=\"0\" grow>\n <text-ui weight=\"semibold\">Storage add-on (50 GB)</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Additional object storage</text-ui>\n </col-ui>\n <text-ui size=\"sm\" color=\"subtle\">1</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">$9.00</text-ui>\n <text-ui size=\"sm\" weight=\"semibold\">$9.00</text-ui>\n </row-ui>\n </col-ui>\n\n <divider-ui></divider-ui>\n\n <col-ui gap=\"1\">\n <row-ui justify=\"space-between\">\n <text-ui color=\"subtle\">Subtotal</text-ui>\n <text-ui>$94.00</text-ui>\n </row-ui>\n <row-ui justify=\"space-between\">\n <text-ui color=\"subtle\">Tax (8%)</text-ui>\n <text-ui>$7.52</text-ui>\n </row-ui>\n <divider-ui></divider-ui>\n <row-ui justify=\"space-between\">\n <text-ui weight=\"semibold\">Total due</text-ui>\n <text-ui weight=\"semibold\">$101.52</text-ui>\n </row-ui>\n </col-ui>\n </col-ui>\n </section>\n</card-ui>",
10
10
  "source": "catalog/ui-patterns/app/invoice-line-items/invoice-line-items.contents.html",
11
11
  "metadata": {
12
12
  "domain": "data",
@@ -29,18 +29,29 @@
29
29
  "invoice-number"
30
30
  ]
31
31
  },
32
- "captured_at": "2026-05-27T03:59:46.910Z",
32
+ "captured_at": "2026-05-28T23:31:43.377Z",
33
33
  "template": [
34
+ {
35
+ "id": "badge",
36
+ "component": "Badge",
37
+ "size": "sm",
38
+ "text": "Unpaid",
39
+ "variant": "warning"
40
+ },
34
41
  {
35
42
  "id": "text",
36
43
  "component": "Text",
37
- "variant": "body",
38
- "textContent": "Invoice #1042"
44
+ "variant": "heading",
45
+ "textContent": "Invoice #1042",
46
+ "children": [
47
+ "badge"
48
+ ]
39
49
  },
40
50
  {
41
51
  "id": "text-2",
42
52
  "component": "Text",
43
53
  "variant": "body",
54
+ "slot": "description",
44
55
  "textContent": "Due May 31, 2026"
45
56
  },
46
57
  {
@@ -32,7 +32,7 @@
32
32
  "sprint"
33
33
  ]
34
34
  },
35
- "captured_at": "2026-05-27T03:59:46.910Z",
35
+ "captured_at": "2026-05-28T23:31:43.377Z",
36
36
  "template": [
37
37
  {
38
38
  "id": "text",
@@ -40,7 +40,7 @@
40
40
  "workflow"
41
41
  ]
42
42
  },
43
- "captured_at": "2026-05-27T03:59:46.910Z",
43
+ "captured_at": "2026-05-28T23:31:43.377Z",
44
44
  "template": [
45
45
  {
46
46
  "id": "text",
@@ -552,6 +552,7 @@
552
552
  "id": "text-15",
553
553
  "component": "Text",
554
554
  "variant": "body",
555
+ "slot": "heading",
555
556
  "textContent": "Task detail"
556
557
  },
557
558
  {
@@ -617,6 +618,7 @@
617
618
  {
618
619
  "id": "button-3",
619
620
  "component": "Button",
621
+ "slot": "action",
620
622
  "size": "sm",
621
623
  "text": "Cancel",
622
624
  "variant": "ghost"
@@ -624,6 +626,7 @@
624
626
  {
625
627
  "id": "button-4",
626
628
  "component": "Button",
629
+ "slot": "action",
627
630
  "size": "sm",
628
631
  "text": "Save",
629
632
  "variant": "primary"
@@ -33,7 +33,7 @@
33
33
  "command"
34
34
  ]
35
35
  },
36
- "captured_at": "2026-05-27T03:59:46.910Z",
36
+ "captured_at": "2026-05-28T23:31:43.377Z",
37
37
  "template": [
38
38
  {
39
39
  "id": "text",
@@ -25,7 +25,7 @@
25
25
  "field-ui"
26
26
  ]
27
27
  },
28
- "captured_at": "2026-05-27T03:59:46.910Z",
28
+ "captured_at": "2026-05-28T23:31:43.377Z",
29
29
  "template": [
30
30
  {
31
31
  "id": "text-area",
@@ -25,7 +25,7 @@
25
25
  "winners"
26
26
  ]
27
27
  },
28
- "captured_at": "2026-05-27T03:59:46.910Z",
28
+ "captured_at": "2026-05-28T23:31:43.377Z",
29
29
  "template": [
30
30
  {
31
31
  "id": "text",
@@ -28,7 +28,7 @@
28
28
  "layout": "inline"
29
29
  }
30
30
  },
31
- "captured_at": "2026-05-27T03:59:46.910Z",
31
+ "captured_at": "2026-05-28T23:31:43.377Z",
32
32
  "template": [
33
33
  {
34
34
  "id": "check-circle",
@@ -27,7 +27,7 @@
27
27
  "rows"
28
28
  ]
29
29
  },
30
- "captured_at": "2026-05-27T03:59:46.910Z",
30
+ "captured_at": "2026-05-28T23:31:43.377Z",
31
31
  "template": [
32
32
  {
33
33
  "id": "skeleton",
@@ -22,7 +22,7 @@
22
22
  "buttons"
23
23
  ]
24
24
  },
25
- "captured_at": "2026-05-27T03:59:46.910Z",
25
+ "captured_at": "2026-05-28T23:31:43.377Z",
26
26
  "template": [
27
27
  {
28
28
  "id": "text",
@@ -44,7 +44,8 @@
44
44
  "color": "subtle",
45
45
  "size": "lg",
46
46
  "text-align": "center",
47
- "textContent": "Light-DOM web components + generative UI pipeline. Ship faster, iterate smarter."
47
+ "textContent": "Light-DOM web components + generative UI pipeline. Ship faster, iterate smarter.",
48
+ "children": []
48
49
  },
49
50
  {
50
51
  "id": "column-2",
@@ -39,7 +39,7 @@
39
39
  "homepage"
40
40
  ]
41
41
  },
42
- "captured_at": "2026-05-27T03:59:46.910Z",
42
+ "captured_at": "2026-05-28T23:31:43.377Z",
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-27T03:59:46.910Z",
27
+ "captured_at": "2026-05-28T23:31:43.377Z",
28
28
  "template": [
29
29
  {
30
30
  "id": "text",
@@ -24,17 +24,19 @@
24
24
  "settings"
25
25
  ]
26
26
  },
27
- "captured_at": "2026-05-27T03:59:46.910Z",
27
+ "captured_at": "2026-05-28T23:31:43.377Z",
28
28
  "template": [
29
29
  {
30
30
  "id": "text",
31
31
  "component": "Text",
32
32
  "variant": "title",
33
+ "slot": "heading",
33
34
  "textContent": "Edit member"
34
35
  },
35
36
  {
36
37
  "id": "text-2",
37
38
  "component": "Text",
39
+ "slot": "description",
38
40
  "color": "subtle",
39
41
  "size": "sm",
40
42
  "textContent": "Adjust role, manager, and department. Changes save to admin → directory."
@@ -75,54 +77,36 @@
75
77
  "m-title"
76
78
  ]
77
79
  },
78
- {
79
- "id": "text-3",
80
- "component": "Text",
81
- "textContent": "Engineering",
82
- "variant": "body"
83
- },
84
- {
85
- "id": "text-4",
86
- "component": "Text",
87
- "textContent": "Product",
88
- "variant": "body"
89
- },
90
- {
91
- "id": "text-5",
92
- "component": "Text",
93
- "textContent": "Design",
94
- "variant": "body"
95
- },
96
- {
97
- "id": "text-6",
98
- "component": "Text",
99
- "textContent": "Sales",
100
- "variant": "body"
101
- },
102
- {
103
- "id": "text-7",
104
- "component": "Text",
105
- "textContent": "Customer Success",
106
- "variant": "body"
107
- },
108
- {
109
- "id": "text-8",
110
- "component": "Text",
111
- "textContent": "Operations",
112
- "variant": "body"
113
- },
114
80
  {
115
81
  "id": "m-dept",
116
82
  "component": "ChoicePicker",
117
83
  "name": "m_dept",
118
84
  "value": "engineering",
119
- "children": [
120
- "text-3",
121
- "text-4",
122
- "text-5",
123
- "text-6",
124
- "text-7",
125
- "text-8"
85
+ "options": [
86
+ {
87
+ "value": "engineering",
88
+ "label": "Engineering"
89
+ },
90
+ {
91
+ "value": "product",
92
+ "label": "Product"
93
+ },
94
+ {
95
+ "value": "design",
96
+ "label": "Design"
97
+ },
98
+ {
99
+ "value": "sales",
100
+ "label": "Sales"
101
+ },
102
+ {
103
+ "value": "cs",
104
+ "label": "Customer Success"
105
+ },
106
+ {
107
+ "value": "ops",
108
+ "label": "Operations"
109
+ }
126
110
  ]
127
111
  },
128
112
  {
@@ -133,47 +117,32 @@
133
117
  "m-dept"
134
118
  ]
135
119
  },
136
- {
137
- "id": "text-9",
138
- "component": "Text",
139
- "textContent": "Jane Doe (Founder)",
140
- "variant": "body"
141
- },
142
- {
143
- "id": "text-10",
144
- "component": "Text",
145
- "textContent": "Maya Patel (VP Engineering)",
146
- "variant": "body"
147
- },
148
- {
149
- "id": "text-11",
150
- "component": "Text",
151
- "textContent": "Riley Park (Head of Design)",
152
- "variant": "body"
153
- },
154
- {
155
- "id": "text-12",
156
- "component": "Text",
157
- "textContent": "Morgan Lee (Head of Sales)",
158
- "variant": "body"
159
- },
160
- {
161
- "id": "text-13",
162
- "component": "Text",
163
- "textContent": "No manager",
164
- "variant": "body"
165
- },
166
120
  {
167
121
  "id": "m-manager",
168
122
  "component": "ChoicePicker",
169
123
  "name": "m_manager",
170
124
  "value": "maya",
171
- "children": [
172
- "text-9",
173
- "text-10",
174
- "text-11",
175
- "text-12",
176
- "text-13"
125
+ "options": [
126
+ {
127
+ "value": "jane",
128
+ "label": "Jane Doe (Founder)"
129
+ },
130
+ {
131
+ "value": "maya",
132
+ "label": "Maya Patel (VP Engineering)"
133
+ },
134
+ {
135
+ "value": "riley",
136
+ "label": "Riley Park (Head of Design)"
137
+ },
138
+ {
139
+ "value": "morgan",
140
+ "label": "Morgan Lee (Head of Sales)"
141
+ },
142
+ {
143
+ "value": "",
144
+ "label": "No manager"
145
+ }
177
146
  ]
178
147
  },
179
148
  {
@@ -234,12 +203,14 @@
234
203
  {
235
204
  "id": "button",
236
205
  "component": "Button",
206
+ "slot": "action",
237
207
  "text": "Cancel",
238
208
  "variant": "ghost"
239
209
  },
240
210
  {
241
211
  "id": "button-2",
242
212
  "component": "Button",
213
+ "slot": "action",
243
214
  "text": "Save changes",
244
215
  "variant": "primary"
245
216
  },
@@ -25,7 +25,7 @@
25
25
  "stacked"
26
26
  ]
27
27
  },
28
- "captured_at": "2026-05-27T03:59:46.910Z",
28
+ "captured_at": "2026-05-28T23:31:43.377Z",
29
29
  "template": [
30
30
  {
31
31
  "id": "text",
@@ -31,18 +31,36 @@
31
31
  "irreversible"
32
32
  ]
33
33
  },
34
- "captured_at": "2026-05-27T03:59:46.910Z",
34
+ "captured_at": "2026-05-28T23:31:43.377Z",
35
35
  "template": [
36
+ {
37
+ "id": "avatar",
38
+ "component": "Avatar",
39
+ "icon": "warning-circle"
40
+ },
36
41
  {
37
42
  "id": "text",
38
43
  "component": "Text",
39
- "variant": "body"
44
+ "variant": "body",
45
+ "slot": "icon",
46
+ "children": [
47
+ "avatar"
48
+ ]
49
+ },
50
+ {
51
+ "id": "text-3",
52
+ "component": "Text",
53
+ "strong": true,
54
+ "textContent": "Are you sure?"
40
55
  },
41
56
  {
42
57
  "id": "text-2",
43
58
  "component": "Text",
44
59
  "variant": "body",
45
- "textContent": "Are you sure?"
60
+ "slot": "heading",
61
+ "children": [
62
+ "text-3"
63
+ ]
46
64
  },
47
65
  {
48
66
  "id": "header",
@@ -53,7 +71,7 @@
53
71
  ]
54
72
  },
55
73
  {
56
- "id": "text-3",
74
+ "id": "text-4",
57
75
  "component": "Text",
58
76
  "textContent": "This action cannot be undone. Type the resource name below to confirm."
59
77
  },
@@ -75,7 +93,7 @@
75
93
  "component": "Column",
76
94
  "gap": "3",
77
95
  "children": [
78
- "text-3",
96
+ "text-4",
79
97
  "field"
80
98
  ]
81
99
  },
@@ -30,7 +30,7 @@
30
30
  "primary-nav"
31
31
  ]
32
32
  },
33
- "captured_at": "2026-05-27T03:59:46.910Z",
33
+ "captured_at": "2026-05-28T23:31:43.377Z",
34
34
  "template": [
35
35
  {
36
36
  "id": "button",
@@ -27,11 +27,12 @@
27
27
  "mailing"
28
28
  ]
29
29
  },
30
- "captured_at": "2026-05-27T03:59:46.910Z",
30
+ "captured_at": "2026-05-28T23:31:43.377Z",
31
31
  "template": [
32
32
  {
33
33
  "id": "text",
34
34
  "component": "Text",
35
+ "slot": "heading",
35
36
  "size": "lg",
36
37
  "weight": "semibold",
37
38
  "textContent": "Stay in the loop"
@@ -40,6 +41,7 @@
40
41
  "id": "text-2",
41
42
  "component": "Text",
42
43
  "variant": "body",
44
+ "slot": "description",
43
45
  "textContent": "Get product updates, feature releases, and tips — straight to your inbox."
44
46
  },
45
47
  {