@adia-ai/a2ui-corpus 0.7.19 → 0.7.21

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 (94) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/chunk-embeddings.json +1 -1
  3. package/chunks/_index.json +8208 -4773
  4. package/chunks/admin-shell-rounded-borderless.json +280 -0
  5. package/chunks/admin-shell-standard.json +303 -0
  6. package/chunks/agent-artifact-stub-card.json +115 -0
  7. package/chunks/agent-citations-source-chips.json +78 -0
  8. package/chunks/agent-pipeline-status-stages.json +69 -0
  9. package/chunks/agent-tool-call-accordion.json +109 -0
  10. package/chunks/avatar-stack-overflow.json +124 -0
  11. package/chunks/billing-cancel-subscription-danger.json +61 -0
  12. package/chunks/billing-invoice-history-table.json +75 -0
  13. package/chunks/billing-payment-method-card-on-file.json +157 -0
  14. package/chunks/bulk-selection-actions-bar.json +161 -0
  15. package/chunks/business-address-form.json +950 -0
  16. package/chunks/card-with-empty-state.json +96 -0
  17. package/chunks/card-with-form.json +143 -0
  18. package/chunks/card-with-sparkline.json +90 -0
  19. package/chunks/card-with-stat-kpi.json +95 -0
  20. package/chunks/chat-empty-state-hero.json +102 -0
  21. package/chunks/chat-message-assistant-byline.json +85 -0
  22. package/chunks/chat-message-user-byline.json +84 -0
  23. package/chunks/checkout-order-summary-card.json +140 -0
  24. package/chunks/col-form-stack.json +93 -0
  25. package/chunks/col-heading-body-action.json +79 -0
  26. package/chunks/col-stat-label.json +72 -0
  27. package/chunks/contact-form-card.json +197 -0
  28. package/chunks/contact-support-form.json +699 -0
  29. package/chunks/cta-banner-centered.json +102 -0
  30. package/chunks/data-import-wizard.json +12 -3
  31. package/chunks/departments-checkbox-form.json +387 -0
  32. package/chunks/drawer-record-detail.json +44 -0
  33. package/chunks/drawer-with-create-form.json +43 -0
  34. package/chunks/editor-statusbar-ready.json +99 -0
  35. package/chunks/editor-toolbar-import-export.json +195 -0
  36. package/chunks/extended-profile-form.json +509 -0
  37. package/chunks/feature-grid-three-cards.json +187 -0
  38. package/chunks/feature-toggle-switch-grid.json +213 -0
  39. package/chunks/file-upload-field.json +97 -0
  40. package/chunks/file-upload-form.json +248 -0
  41. package/chunks/form-field-with-error.json +151 -0
  42. package/chunks/grid-2col-entry-cards.json +158 -0
  43. package/chunks/grid-kpi-4col.json +164 -0
  44. package/chunks/grid-responsive-kpi.json +165 -0
  45. package/chunks/image-thumbnail-grid.json +77 -0
  46. package/chunks/integrations-api-keys-card-list.json +475 -0
  47. package/chunks/integrations-connect-form.json +547 -0
  48. package/chunks/integrations-webhooks-empty-state.json +66 -0
  49. package/chunks/key-value-detail-list.json +172 -0
  50. package/chunks/library-browser-search-filter.json +109 -0
  51. package/chunks/login-form-card.json +207 -0
  52. package/chunks/logo-cloud-trusted-by.json +235 -0
  53. package/chunks/map-with-location-list.json +291 -0
  54. package/chunks/marketing-page-shell.json +45 -11
  55. package/chunks/members-active-table-search-filter.json +184 -0
  56. package/chunks/members-pending-invites-cards.json +251 -0
  57. package/chunks/members-roles-permissions-list.json +104 -0
  58. package/chunks/multi-field-form-validation.json +391 -0
  59. package/chunks/order-confirmation-success-card.json +177 -0
  60. package/chunks/payment-checkout-form.json +338 -0
  61. package/chunks/plan-selection-form.json +526 -0
  62. package/chunks/rating-stars-review-summary.json +258 -0
  63. package/chunks/reg-step-shell.json +12 -3
  64. package/chunks/responsive-shell-sidebar.json +79 -0
  65. package/chunks/row-action-cluster.json +54 -0
  66. package/chunks/row-avatar-name-role.json +71 -0
  67. package/chunks/row-icon-label.json +52 -0
  68. package/chunks/row-spread-label-value.json +54 -0
  69. package/chunks/row-wrap-tags.json +112 -0
  70. package/chunks/schedule-meeting-form-card.json +229 -0
  71. package/chunks/searchable-picker-modal.json +164 -0
  72. package/chunks/security-active-sessions-devices.json +287 -0
  73. package/chunks/security-change-password-form.json +102 -0
  74. package/chunks/security-delete-account-danger.json +79 -0
  75. package/chunks/settings-admin-page.json +61 -34
  76. package/chunks/settings-danger-zone-delete-workspace.json +93 -0
  77. package/chunks/settings-notification-activity-checkboxes.json +108 -0
  78. package/chunks/settings-notification-channels-switches.json +101 -0
  79. package/chunks/signup-form-card.json +218 -0
  80. package/chunks/signup-team-size-form.json +256 -0
  81. package/chunks/single-select-card-form.json +228 -0
  82. package/chunks/stack-avatar-badge-overlay.json +53 -0
  83. package/chunks/stack-image-shimmer.json +51 -0
  84. package/chunks/stats-band-big-numbers.json +175 -0
  85. package/chunks/subscription-status-renewal-card.json +229 -0
  86. package/chunks/table-empty-state.json +116 -0
  87. package/chunks/table-toolbar-no-search.json +38 -0
  88. package/chunks/table-toolbar-with-table.json +231 -0
  89. package/chunks/table-with-toolbar-card.json +76 -0
  90. package/chunks/team-invite-form.json +377 -0
  91. package/chunks/testimonial-pull-quote.json +129 -0
  92. package/chunks/url-import-form.json +725 -0
  93. package/chunks/usage-quota-meter-card.json +217 -0
  94. package/package.json +1 -1
@@ -0,0 +1,78 @@
1
+ {
2
+ "name": "agent-citations-source-chips",
3
+ "kind": "block",
4
+ "primary": "row-ui",
5
+ "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "gap": "2",
10
+ "wrap": ""
11
+ },
12
+ "html": "<row-ui\n gap=\"2\"\n wrap>\n <tag-ui text=\"¹ warehouse.revenue_v4\"></tag-ui>\n <tag-ui text=\"² salesforce.opportunity\"></tag-ui>\n <tag-ui text=\"³ board-prep.notion.so\"></tag-ui>\n <tag-ui text=\"⁴ q4-cohort-analysis\"></tag-ui>\n </row-ui>",
13
+ "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
14
+ "metadata": {
15
+ "domain": "agent",
16
+ "description": "Agent citations source chips — a wrapping row of tag chips, each a numbered footnote reference to a data source the answer drew from (warehouse table, Salesforce object, Notion doc). The 'where this came from' provenance strip under an AI response.",
17
+ "keywords": [
18
+ "agent",
19
+ "citations",
20
+ "sources",
21
+ "chips",
22
+ "tags",
23
+ "references",
24
+ "footnotes",
25
+ "provenance",
26
+ "grounding",
27
+ "evidence",
28
+ "where",
29
+ "data",
30
+ "came",
31
+ "from",
32
+ "numbered",
33
+ "superscript",
34
+ "warehouse",
35
+ "salesforce",
36
+ "notion",
37
+ "source",
38
+ "attribution",
39
+ "links",
40
+ "retrieval"
41
+ ]
42
+ },
43
+ "captured_at": "2026-06-10T16:56:21.616Z",
44
+ "template": [
45
+ {
46
+ "id": "tag",
47
+ "component": "Tag",
48
+ "text": "¹ warehouse.revenue_v4"
49
+ },
50
+ {
51
+ "id": "tag-2",
52
+ "component": "Tag",
53
+ "text": "² salesforce.opportunity"
54
+ },
55
+ {
56
+ "id": "tag-3",
57
+ "component": "Tag",
58
+ "text": "³ board-prep.notion.so"
59
+ },
60
+ {
61
+ "id": "tag-4",
62
+ "component": "Tag",
63
+ "text": "⁴ q4-cohort-analysis"
64
+ },
65
+ {
66
+ "id": "root",
67
+ "component": "Row",
68
+ "gap": "2",
69
+ "wrap": true,
70
+ "children": [
71
+ "tag",
72
+ "tag-2",
73
+ "tag-3",
74
+ "tag-4"
75
+ ]
76
+ }
77
+ ]
78
+ }
@@ -0,0 +1,69 @@
1
+ {
2
+ "name": "agent-pipeline-status-stages",
3
+ "kind": "block",
4
+ "primary": "col-ui",
5
+ "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "gap": "2"
10
+ },
11
+ "html": "<col-ui\n gap=\"2\">\n <pipeline-status-ui stage=\"parsing\" status=\"completed\" message=\"Parsing intent\"></pipeline-status-ui>\n <pipeline-status-ui stage=\"retrieval\" status=\"completed\" message=\"Retrieving data\"></pipeline-status-ui>\n <pipeline-status-ui stage=\"rendering\" message=\"Rendering\"></pipeline-status-ui>\n </col-ui>",
12
+ "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
13
+ "metadata": {
14
+ "domain": "agent",
15
+ "description": "Agent pipeline-status stages — a vertical run of pipeline-status-ui rows tracking a generation pipeline through parsing, retrieval, and rendering, each stage marked completed or in-progress with a status message. The 'what is the AI doing right now' progress indicator.",
16
+ "keywords": [
17
+ "agent",
18
+ "pipeline",
19
+ "status",
20
+ "stages",
21
+ "progress",
22
+ "steps",
23
+ "parsing",
24
+ "retrieval",
25
+ "rendering",
26
+ "generation",
27
+ "completed",
28
+ "in",
29
+ "progress",
30
+ "running",
31
+ "indicator",
32
+ "step",
33
+ "tracker",
34
+ "processing",
35
+ "what",
36
+ "the",
37
+ "assistant",
38
+ "is",
39
+ "doing",
40
+ "live",
41
+ "status"
42
+ ]
43
+ },
44
+ "captured_at": "2026-06-10T16:56:21.616Z",
45
+ "template": [
46
+ {
47
+ "id": "column",
48
+ "component": "Column"
49
+ },
50
+ {
51
+ "id": "column-2",
52
+ "component": "Column"
53
+ },
54
+ {
55
+ "id": "column-3",
56
+ "component": "Column"
57
+ },
58
+ {
59
+ "id": "root",
60
+ "component": "Column",
61
+ "gap": "2",
62
+ "children": [
63
+ "column",
64
+ "column-2",
65
+ "column-3"
66
+ ]
67
+ }
68
+ ]
69
+ }
@@ -0,0 +1,109 @@
1
+ {
2
+ "name": "agent-tool-call-accordion",
3
+ "kind": "block",
4
+ "primary": "accordion-ui",
5
+ "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {},
9
+ "html": "<accordion-ui>\n <accordion-item-ui>\n <span slot=\"trigger\">\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"check-circle\" color=\"success\"></icon-ui>\n <text-ui strong>get_revenue</text-ui>\n <text-ui color=\"subtle\">returned 4 rows · 340ms</text-ui>\n <badge-ui text=\"DONE\" variant=\"success\"></badge-ui>\n </row-ui>\n </span>\n <code-ui\n language=\"json\"\n text='{\n \"from\": \"2025-01-01\",\n \"to\": \"2025-12-31\",\n \"group\": \"quarter\"\n}'\n ></code-ui>\n </accordion-item-ui>\n </accordion-ui>",
10
+ "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
11
+ "metadata": {
12
+ "domain": "agent",
13
+ "description": "Agent tool-call accordion — collapsible row whose trigger shows the tool name, a success check icon, a return summary (rows + latency), and a DONE status badge; expanding reveals the call's JSON arguments in a code block. The accordion-shaped variant of an agent tool-call result.",
14
+ "keywords": [
15
+ "agent",
16
+ "tool",
17
+ "call",
18
+ "accordion",
19
+ "function",
20
+ "invocation",
21
+ "collapsible",
22
+ "trigger",
23
+ "status",
24
+ "badge",
25
+ "done",
26
+ "check",
27
+ "icon",
28
+ "json",
29
+ "arguments",
30
+ "code",
31
+ "block",
32
+ "latency",
33
+ "rows",
34
+ "returned",
35
+ "get_revenue",
36
+ "assistant",
37
+ "trace",
38
+ "expandable"
39
+ ]
40
+ },
41
+ "captured_at": "2026-06-10T16:56:21.616Z",
42
+ "template": [
43
+ {
44
+ "id": "check-circle",
45
+ "component": "Icon",
46
+ "name": "check-circle"
47
+ },
48
+ {
49
+ "id": "text-2",
50
+ "component": "Text",
51
+ "strong": true,
52
+ "textContent": "get_revenue"
53
+ },
54
+ {
55
+ "id": "text-3",
56
+ "component": "Text",
57
+ "color": "subtle",
58
+ "textContent": "returned 4 rows · 340ms"
59
+ },
60
+ {
61
+ "id": "badge",
62
+ "component": "Badge",
63
+ "text": "DONE",
64
+ "variant": "success"
65
+ },
66
+ {
67
+ "id": "row",
68
+ "component": "Row",
69
+ "align": "center",
70
+ "gap": "2",
71
+ "children": [
72
+ "check-circle",
73
+ "text-2",
74
+ "text-3",
75
+ "badge"
76
+ ]
77
+ },
78
+ {
79
+ "id": "text",
80
+ "component": "Text",
81
+ "variant": "body",
82
+ "slot": "trigger",
83
+ "children": [
84
+ "row"
85
+ ]
86
+ },
87
+ {
88
+ "id": "code",
89
+ "component": "Code",
90
+ "language": "json",
91
+ "text": "{\n \"from\": \"2025-01-01\",\n \"to\": \"2025-12-31\",\n \"group\": \"quarter\"\n}"
92
+ },
93
+ {
94
+ "id": "accordion-item",
95
+ "component": "AccordionItem",
96
+ "children": [
97
+ "text",
98
+ "code"
99
+ ]
100
+ },
101
+ {
102
+ "id": "root",
103
+ "component": "Accordion",
104
+ "children": [
105
+ "accordion-item"
106
+ ]
107
+ }
108
+ ]
109
+ }
@@ -0,0 +1,124 @@
1
+ {
2
+ "name": "avatar-stack-overflow",
3
+ "kind": "block",
4
+ "primary": "section",
5
+ "page": "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {},
9
+ "html": "<section>\n <row-ui gap=\"3\" align=\"center\">\n <avatar-group-ui max=\"4\" size=\"sm\">\n <avatar-ui text=\"Marco Rossi\"></avatar-ui>\n <avatar-ui text=\"June Chen\"></avatar-ui>\n <avatar-ui text=\"Diana Singh\"></avatar-ui>\n <avatar-ui text=\"Aaron Tan\"></avatar-ui>\n <avatar-ui text=\"Bea Lopez\"></avatar-ui>\n <avatar-ui text=\"Sam Park\"></avatar-ui>\n <avatar-ui text=\"Tariq Idris\"></avatar-ui>\n </avatar-group-ui>\n <text-ui size=\"sm\" color=\"subtle\">7 collaborators</text-ui>\n </row-ui>\n </section>",
10
+ "source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
11
+ "metadata": {
12
+ "domain": "display",
13
+ "description": "Avatar stack with overflow — a row of overlapping member avatars capped at a maximum, with a +N counter for the rest, beside a short 'who's on this' label. The compact 'shared with / collaborators / participants' presence cluster.",
14
+ "keywords": [
15
+ "avatar",
16
+ "stack",
17
+ "group",
18
+ "overlap",
19
+ "overflow",
20
+ "members",
21
+ "collaborators",
22
+ "participants",
23
+ "people",
24
+ "team",
25
+ "shared",
26
+ "with",
27
+ "assignees",
28
+ "attendees",
29
+ "presence",
30
+ "faces",
31
+ "avatar",
32
+ "group",
33
+ "plus",
34
+ "n",
35
+ "more",
36
+ "count",
37
+ "roster",
38
+ "contributors",
39
+ "who",
40
+ "is",
41
+ "here",
42
+ "facepile",
43
+ "overlapping",
44
+ "avatars"
45
+ ]
46
+ },
47
+ "captured_at": "2026-06-10T19:45:40.486Z",
48
+ "template": [
49
+ {
50
+ "id": "avatar",
51
+ "component": "Avatar",
52
+ "text": "Marco Rossi"
53
+ },
54
+ {
55
+ "id": "avatar-2",
56
+ "component": "Avatar",
57
+ "text": "June Chen"
58
+ },
59
+ {
60
+ "id": "avatar-3",
61
+ "component": "Avatar",
62
+ "text": "Diana Singh"
63
+ },
64
+ {
65
+ "id": "avatar-4",
66
+ "component": "Avatar",
67
+ "text": "Aaron Tan"
68
+ },
69
+ {
70
+ "id": "avatar-5",
71
+ "component": "Avatar",
72
+ "text": "Bea Lopez"
73
+ },
74
+ {
75
+ "id": "avatar-6",
76
+ "component": "Avatar",
77
+ "text": "Sam Park"
78
+ },
79
+ {
80
+ "id": "avatar-7",
81
+ "component": "Avatar",
82
+ "text": "Tariq Idris"
83
+ },
84
+ {
85
+ "id": "avatar-group",
86
+ "component": "AvatarGroup",
87
+ "max": 4,
88
+ "size": "sm",
89
+ "children": [
90
+ "avatar",
91
+ "avatar-2",
92
+ "avatar-3",
93
+ "avatar-4",
94
+ "avatar-5",
95
+ "avatar-6",
96
+ "avatar-7"
97
+ ]
98
+ },
99
+ {
100
+ "id": "text",
101
+ "component": "Text",
102
+ "color": "subtle",
103
+ "size": "sm",
104
+ "textContent": "7 collaborators"
105
+ },
106
+ {
107
+ "id": "row",
108
+ "component": "Row",
109
+ "align": "center",
110
+ "gap": "3",
111
+ "children": [
112
+ "avatar-group",
113
+ "text"
114
+ ]
115
+ },
116
+ {
117
+ "id": "root",
118
+ "component": "Section",
119
+ "children": [
120
+ "row"
121
+ ]
122
+ }
123
+ ]
124
+ }
@@ -0,0 +1,61 @@
1
+ {
2
+ "name": "billing-cancel-subscription-danger",
3
+ "kind": "block",
4
+ "primary": "div",
5
+ "page": "/apps/saas/app/billing/billing.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-col": ""
10
+ },
11
+ "html": "<div data-col>\n <alert-ui\n variant=\"danger\"\n icon=\"warning\"\n text=\"Cancelling removes access to Pro features (advanced charts, API exports, priority support) after May 14, 2026.\"\n ></alert-ui>\n <button-ui text=\"Cancel subscription\" color=\"danger\" onclick=\"document.getElementById('drawer-cancel-sub').open = true\"></button-ui>\n </div>",
12
+ "source": "apps/saas/app/billing/billing.contents.html",
13
+ "metadata": {
14
+ "domain": "settings",
15
+ "description": "Cancel subscription section — a danger alert-ui warning of feature loss above a destructive Cancel subscription button. The end-of-period cancellation block for a billing or account page.",
16
+ "keywords": [
17
+ "billing",
18
+ "cancel",
19
+ "subscription",
20
+ "downgrade",
21
+ "end",
22
+ "danger",
23
+ "alert-ui",
24
+ "warning",
25
+ "destructive",
26
+ "button",
27
+ "color-danger",
28
+ "feature-loss",
29
+ "settings",
30
+ "churn",
31
+ "unsubscribe",
32
+ "terminate",
33
+ "plan"
34
+ ]
35
+ },
36
+ "captured_at": "2026-06-10T13:16:11.236Z",
37
+ "template": [
38
+ {
39
+ "id": "alert",
40
+ "component": "Alert",
41
+ "icon": "warning",
42
+ "text": "Cancelling removes access to Pro features (advanced charts, API exports, priority support) after May 14, 2026.",
43
+ "variant": "danger"
44
+ },
45
+ {
46
+ "id": "button",
47
+ "component": "Button",
48
+ "color": "danger",
49
+ "text": "Cancel subscription"
50
+ },
51
+ {
52
+ "id": "root",
53
+ "component": "Column",
54
+ "data-col": "",
55
+ "children": [
56
+ "alert",
57
+ "button"
58
+ ]
59
+ }
60
+ ]
61
+ }
@@ -0,0 +1,75 @@
1
+ {
2
+ "name": "billing-invoice-history-table",
3
+ "kind": "block",
4
+ "primary": "div",
5
+ "page": "/apps/saas/app/billing/billing.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-col": ""
10
+ },
11
+ "html": "<div data-col>\n <card-ui>\n <section bleed>\n <table-ui id=\"billing-invoices\" sortable striped></table-ui>\n </section>\n </card-ui>\n </div>",
12
+ "source": "apps/saas/app/billing/billing.contents.html",
13
+ "metadata": {
14
+ "domain": "data",
15
+ "description": "Invoice history — a card-ui wrapping a sortable striped table-ui of past invoices for download. For the invoices/receipts section of a billing page where accounting downloads past charges.",
16
+ "keywords": [
17
+ "billing",
18
+ "invoice",
19
+ "history",
20
+ "table",
21
+ "receipts",
22
+ "past",
23
+ "invoices",
24
+ "download",
25
+ "accounting",
26
+ "sortable",
27
+ "striped",
28
+ "table-ui",
29
+ "card-ui",
30
+ "charges",
31
+ "statements",
32
+ "records",
33
+ "data"
34
+ ]
35
+ },
36
+ "captured_at": "2026-06-10T13:16:11.236Z",
37
+ "template": [
38
+ {
39
+ "id": "billing-invoices",
40
+ "component": "Table",
41
+ "sortable": true,
42
+ "striped": true
43
+ },
44
+ {
45
+ "id": "section",
46
+ "component": "Section",
47
+ "bleed": true,
48
+ "children": [
49
+ "column"
50
+ ]
51
+ },
52
+ {
53
+ "id": "column",
54
+ "component": "Column",
55
+ "children": [
56
+ "billing-invoices"
57
+ ]
58
+ },
59
+ {
60
+ "id": "card",
61
+ "component": "Card",
62
+ "children": [
63
+ "section"
64
+ ]
65
+ },
66
+ {
67
+ "id": "root",
68
+ "component": "Column",
69
+ "data-col": "",
70
+ "children": [
71
+ "card"
72
+ ]
73
+ }
74
+ ]
75
+ }
@@ -0,0 +1,157 @@
1
+ {
2
+ "name": "billing-payment-method-card-on-file",
3
+ "kind": "block",
4
+ "primary": "div",
5
+ "page": "/apps/saas/app/billing/billing.contents.html",
6
+ "slots": [],
7
+ "nested": [],
8
+ "attrs": {
9
+ "data-col": ""
10
+ },
11
+ "html": "<div data-col>\n <card-ui>\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"credit-card\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Visa ending in 4242</text-ui>\n </span>\n <span slot=\"action\">\n <button-ui text=\"Update\" variant=\"outline\" size=\"sm\" onclick=\"document.getElementById('drawer-payment-method').open = true\"></button-ui>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\" size=\"sm\">Expires 08/2028</text-ui>\n </span>\n </header>\n </card-ui>\n <field-ui label=\"Billing email\">\n <input-ui value=\"billing@acme.com\" prefix=\"@\"></input-ui>\n </field-ui>\n <field-ui label=\"Tax ID (VAT / EIN)\">\n <input-ui placeholder=\"Optional\"></input-ui>\n </field-ui>\n </div>",
12
+ "source": "apps/saas/app/billing/billing.contents.html",
13
+ "metadata": {
14
+ "domain": "settings",
15
+ "description": "Payment method on file — a card-ui showing the saved credit card (brand, last four, expiry) with an Update action, plus billing-email and tax-ID fields. For the payment section of a billing or account settings page.",
16
+ "keywords": [
17
+ "billing",
18
+ "payment",
19
+ "method",
20
+ "credit",
21
+ "card",
22
+ "on-file",
23
+ "visa",
24
+ "last-four",
25
+ "expiry",
26
+ "update",
27
+ "card-ui",
28
+ "avatar",
29
+ "billing-email",
30
+ "tax-id",
31
+ "vat",
32
+ "ein",
33
+ "recurring",
34
+ "charges",
35
+ "settings",
36
+ "subscription"
37
+ ]
38
+ },
39
+ "captured_at": "2026-06-10T13:16:11.236Z",
40
+ "template": [
41
+ {
42
+ "id": "avatar",
43
+ "component": "Avatar",
44
+ "icon": "credit-card"
45
+ },
46
+ {
47
+ "id": "text",
48
+ "component": "Text",
49
+ "variant": "body",
50
+ "slot": "icon",
51
+ "children": [
52
+ "avatar"
53
+ ]
54
+ },
55
+ {
56
+ "id": "text-3",
57
+ "component": "Text",
58
+ "strong": true,
59
+ "textContent": "Visa ending in 4242"
60
+ },
61
+ {
62
+ "id": "text-2",
63
+ "component": "Text",
64
+ "variant": "body",
65
+ "slot": "heading",
66
+ "children": [
67
+ "text-3"
68
+ ]
69
+ },
70
+ {
71
+ "id": "button",
72
+ "component": "Button",
73
+ "size": "sm",
74
+ "text": "Update",
75
+ "variant": "outline"
76
+ },
77
+ {
78
+ "id": "text-4",
79
+ "component": "Text",
80
+ "variant": "body",
81
+ "slot": "action",
82
+ "children": [
83
+ "button"
84
+ ]
85
+ },
86
+ {
87
+ "id": "text-6",
88
+ "component": "Text",
89
+ "color": "subtle",
90
+ "size": "sm",
91
+ "textContent": "Expires 08/2028"
92
+ },
93
+ {
94
+ "id": "text-5",
95
+ "component": "Text",
96
+ "variant": "body",
97
+ "slot": "description",
98
+ "children": [
99
+ "text-6"
100
+ ]
101
+ },
102
+ {
103
+ "id": "header",
104
+ "component": "Header",
105
+ "children": [
106
+ "text",
107
+ "text-2",
108
+ "text-4",
109
+ "text-5"
110
+ ]
111
+ },
112
+ {
113
+ "id": "card",
114
+ "component": "Card",
115
+ "children": [
116
+ "header"
117
+ ]
118
+ },
119
+ {
120
+ "id": "input",
121
+ "component": "Input",
122
+ "prefix": "@",
123
+ "value": "billing@acme.com"
124
+ },
125
+ {
126
+ "id": "field",
127
+ "component": "Field",
128
+ "label": "Billing email",
129
+ "children": [
130
+ "input"
131
+ ]
132
+ },
133
+ {
134
+ "id": "input-2",
135
+ "component": "Input",
136
+ "placeholder": "Optional"
137
+ },
138
+ {
139
+ "id": "field-2",
140
+ "component": "Field",
141
+ "label": "Tax ID (VAT / EIN)",
142
+ "children": [
143
+ "input-2"
144
+ ]
145
+ },
146
+ {
147
+ "id": "root",
148
+ "component": "Column",
149
+ "data-col": "",
150
+ "children": [
151
+ "card",
152
+ "field",
153
+ "field-2"
154
+ ]
155
+ }
156
+ ]
157
+ }